tailwindcss-containment/dist/tailwindcss-containment.js

A tailwindcss plugin for css containment

function m(n) {
  return n && n.__esModule && Object.prototype.hasOwnProperty.call(n, "default") ? n.default : n;
}
var u = {}, s = {};
(function(n) {
  Object.defineProperty(n, "__esModule", {
    value: !0
  }), Object.defineProperty(n, "default", {
    enumerable: !0,
    get: function() {
      return t;
    }
  });
  function i(c, e) {
    return {
      handler: c,
      config: e
    };
  }
  i.withOptions = function(c, e = () => ({})) {
    const r = function(o) {
      return {
        __options: o,
        handler: c(o),
        config: e(o)
      };
    };
    return r.__isOptionsFunction = !0, r.__pluginFunction = c, r.__configFunction = e, r;
  };
  const t = i;
})(s);
(function(n) {
  Object.defineProperty(n, "__esModule", {
    value: !0
  }), Object.defineProperty(n, "default", {
    enumerable: !0,
    get: function() {
      return c;
    }
  });
  const i = /* @__PURE__ */ t(s);
  function t(e) {
    return e && e.__esModule ? e : {
      default: e
    };
  }
  const c = i.default;
})(u);
let a = u;
var d = (a.__esModule ? a : { default: a }).default;
const f = /* @__PURE__ */ m(d), _ = {
  0: "0px;",
  px: "1px;",
  "0.5": "0.125rem;",
  1: "0.25rem;",
  "1.5": "0.375rem;",
  2: "0.5rem;",
  "2.5": "0.625rem;",
  3: "0.75rem;",
  "3.5": "0.875rem;",
  4: "1rem;",
  5: "1.25rem;",
  6: "1.5rem;",
  7: "1.75rem;",
  8: "2rem;",
  9: "2.25rem;",
  10: "2.5rem;",
  11: "2.75rem;",
  12: "3rem;",
  14: "3.5rem;",
  16: "4rem;",
  20: "5rem;",
  24: "6rem;",
  28: "7rem;",
  32: "8rem;",
  36: "9rem;",
  40: "10rem;",
  44: "11rem;",
  48: "12rem;",
  52: "13rem;",
  56: "14rem;",
  60: "15rem;",
  64: "16rem;",
  72: "18rem;",
  80: "20rem;",
  96: "24rem;"
  /* 384px */
}, l = [
  ["intrinsic-", "contain-intrinsic-size"],
  ["intrinsic-auto-", "contain-intrinsic-size"],
  ["intrinsic-w-", "contain-intrinsic-width"],
  ["intrinsic-w-auto-", "contain-intrinsic-width"],
  ["intrinsic-h-", "contain-intrinsic-height"],
  ["intrinsic-h-auto-", "contain-intrinsic-height"],
  ["intrinsic-block-", "contain-intrinsic-block-size"],
  ["intrinsic-block-auto-", "contain-intrinsic-block-size"],
  ["intrinsic-inline-", "contain-intrinsic-inline-size"],
  ["intrinsic-inline-auto-", "contain-intrinsic-inline-size"]
], h = l.map(([n, i]) => {
  const t = {};
  return Object.entries(_).forEach(([c, e]) => {
    n.includes("auto") ? (t[`.${n}${c.replace(".", "\\.")}`] = { [i]: `auto ${e}` }, t[`.${n.replace("auto-", "auto")}`] || (t[`.${n.replace("auto-", "auto")}`] = { [i]: "auto" })) : (t[`.${n}${c.replace(".", "\\.")}`] = { [i]: e }, t[`.${n}none`] || (t[`.${n}none`] = { [i]: "none" }));
  }), t;
}), b = l.filter((n) => !n[0].includes("auto")).reduce((n, [i, t]) => (n[i.replace(/-$/, "")] = (c) => ({
  [t]: c
}), n), {}), g = f(function({ addUtilities: n, matchUtilities: i }) {
  n([
    {
      ".contain-none": { contain: "none" },
      ".contain-strict": { contain: "strict" },
      ".contain-content": { contain: "content" },
      ".contain-size": { contain: "size" },
      ".contain-inline-size": { contain: "inline-size" },
      ".contain-layout": { contain: "layout" },
      ".contain-style": { contain: "style" },
      ".contain-paint": { contain: "paint" }
    },
    {
      ".content-auto": {
        "content-visibility": "auto"
      },
      ".content-hidden": {
        "content-visibility": "hidden"
      },
      ".content-visible": {
        "content-visibility": "visible"
      }
    },
    ...h
  ]), i({
    contain: (t) => ({
      contain: t
    }),
    "content-visibility": (t) => ({
      "content-visibility": t
    }),
    ...b
  });
});
export {
  g as default
};