tailwind-clamp 2.2.3 → 3.0.0

package/dist/index.js

@@ -0,0 +1,699 @@
+function Z(r) {
+  return r && r.__esModule && Object.prototype.hasOwnProperty.call(r, "default") ? r.default : r;
+}
+var X = {}, K = {};
+(function(r) {
+  Object.defineProperty(r, "__esModule", {
+    value: !0
+  }), Object.defineProperty(r, "default", {
+    enumerable: !0,
+    get: function() {
+      return n;
+    }
+  });
+  function e(t, o) {
+    return {
+      handler: t,
+      config: o
+    };
+  }
+  e.withOptions = function(t, o = () => ({})) {
+    const s = function(i) {
+      return {
+        __options: i,
+        handler: t(i),
+        config: o(i)
+      };
+    };
+    return s.__isOptionsFunction = !0, s.__pluginFunction = t, s.__configFunction = o, s;
+  };
+  const n = e;
+})(K);
+(function(r) {
+  Object.defineProperty(r, "__esModule", {
+    value: !0
+  }), Object.defineProperty(r, "default", {
+    enumerable: !0,
+    get: function() {
+      return t;
+    }
+  });
+  const e = /* @__PURE__ */ n(K);
+  function n(o) {
+    return o && o.__esModule ? o : {
+      default: o
+    };
+  }
+  const t = e.default;
+})(X);
+let j = X;
+var ee = (j.__esModule ? j : { default: j }).default;
+const re = /* @__PURE__ */ Z(ee), N = [
+  "translate(var(--tw-translate-x), var(--tw-translate-y))",
+  "rotate(var(--tw-rotate))",
+  "skewX(var(--tw-skew-x))",
+  "skewY(var(--tw-skew-y))",
+  "scaleX(var(--tw-scale-x))",
+  "scaleY(var(--tw-scale-y))"
+].join(" "), te = (r) => {
+  switch (r) {
+    case "p":
+      return {
+        key: "padding",
+        props: ["padding"]
+      };
+    case "pt":
+      return {
+        key: "padding",
+        props: ["paddingTop"]
+      };
+    case "pb":
+      return {
+        key: "padding",
+        props: ["paddingBottom"]
+      };
+    case "pl":
+      return {
+        key: "padding",
+        props: ["paddingLeft"]
+      };
+    case "pr":
+      return {
+        key: "padding",
+        props: ["paddingRight"]
+      };
+    case "px":
+      return {
+        key: "padding",
+        props: ["paddingLeft", "paddingRight"]
+      };
+    case "py":
+      return {
+        key: "padding",
+        props: ["paddingTop", "paddingBottom"]
+      };
+    case "m":
+      return {
+        key: "margin",
+        props: ["margin"]
+      };
+    case "mt":
+      return {
+        key: "margin",
+        props: ["marginTop"]
+      };
+    case "mb":
+      return {
+        key: "margin",
+        props: ["marginBottom"]
+      };
+    case "ml":
+      return {
+        key: "margin",
+        props: ["marginLeft"]
+      };
+    case "mr":
+      return {
+        key: "margin",
+        props: ["marginRight"]
+      };
+    case "mx":
+      return {
+        key: "margin",
+        props: ["marginLeft", "marginRight"]
+      };
+    case "my":
+      return {
+        key: "margin",
+        props: ["marginTop", "marginBottom"]
+      };
+    case "inset":
+      return {
+        key: "inset",
+        props: ["top", "left", "right", "bottom"]
+      };
+    case "top":
+      return {
+        key: "inset",
+        props: ["top"]
+      };
+    case "left":
+      return {
+        key: "inset",
+        props: ["left"]
+      };
+    case "right":
+      return {
+        key: "inset",
+        props: ["right"]
+      };
+    case "bottom":
+      return {
+        key: "inset",
+        props: ["bottom"]
+      };
+    case "text":
+      return {
+        key: "fontSize",
+        props: ["fontSize"]
+      };
+    case "gap":
+      return {
+        key: "gap",
+        props: ["gap"]
+      };
+    case "gap-x":
+      return {
+        key: "gap",
+        props: ["columnGap"]
+      };
+    case "gap-y":
+      return {
+        key: "gap",
+        props: ["rowGap"]
+      };
+    case "w":
+      return {
+        key: "width",
+        props: ["width"]
+      };
+    case "h":
+      return {
+        key: "height",
+        props: ["height"]
+      };
+    case "size":
+      return {
+        key: "size",
+        props: ["width", "height"]
+      };
+    case "min-w":
+      return {
+        key: "minWidth",
+        props: ["minWidth"]
+      };
+    case "min-h":
+      return {
+        key: "minHeight",
+        props: ["minHeight"]
+      };
+    case "max-w":
+      return {
+        key: "maxWidth",
+        props: ["maxWidth"]
+      };
+    case "max-h":
+      return {
+        key: "maxHeight",
+        props: ["maxHeight"]
+      };
+    case "rounded":
+      return {
+        key: "borderRadius",
+        props: ["borderRadius"]
+      };
+    case "rounded-t":
+      return {
+        key: "borderRadius",
+        props: ["borderTopLeftRadius", "borderTopRightRadius"]
+      };
+    case "rounded-r":
+      return {
+        key: "borderRadius",
+        props: ["borderTopRightRadius", "borderBottomRightRadius"]
+      };
+    case "rounded-b":
+      return {
+        key: "borderRadius",
+        props: ["borderBottomLeftRadius", "borderBottomRightRadius"]
+      };
+    case "rounded-l":
+      return {
+        key: "borderRadius",
+        props: ["borderTopLeftRadius", "borderBottomLeftRadius"]
+      };
+    case "rounded-tl":
+      return {
+        key: "borderRadius",
+        props: ["borderTopLeftRadius"]
+      };
+    case "rounded-tr":
+      return {
+        key: "borderRadius",
+        props: ["borderTopRightRadius"]
+      };
+    case "rounded-bl":
+      return {
+        key: "borderRadius",
+        props: ["borderBottomLeftRadius"]
+      };
+    case "rounded-br":
+      return {
+        key: "borderRadius",
+        props: ["borderBottomRightRadius"]
+      };
+    case "translate-x":
+      return {
+        key: "translate",
+        props: [
+          "--tw-translate-x",
+          { "@defaults transform": {} },
+          { transform: N }
+        ]
+      };
+    case "translate-y":
+      return {
+        key: "translate",
+        props: [
+          "--tw-translate-y",
+          { "@defaults transform": {} },
+          { transform: N }
+        ]
+      };
+    case "stroke":
+      return {
+        key: "strokeWidth",
+        props: ["strokeWidth"]
+      };
+    case "leading":
+      return {
+        key: "lineHeight",
+        props: ["lineHeight"]
+      };
+    case "border":
+      return {
+        key: "borderWidth",
+        props: ["borderWidth"]
+      };
+    case "border-t":
+      return {
+        key: "borderWidth",
+        props: ["borderTopWidth"]
+      };
+    case "border-b":
+      return {
+        key: "borderWidth",
+        props: ["borderBottomWidth"]
+      };
+    case "border-l":
+      return {
+        key: "borderWidth",
+        props: ["borderLeftWidth"]
+      };
+    case "border-r":
+      return {
+        key: "borderWidth",
+        props: ["borderRightWidth"]
+      };
+    case "border-x":
+      return {
+        key: "borderWidth",
+        props: ["borderLeftWidth", "borderRightWidth"]
+      };
+    case "border-y":
+      return {
+        key: "borderWidth",
+        props: ["borderTopWidth", "borderBottomWidth"]
+      };
+    case "scroll-m":
+      return {
+        key: "scrollMargin",
+        props: ["scrollMargin"]
+      };
+    default:
+      return null;
+  }
+}, P = 10, z = (r = 0) => (e) => `\x1B[${e + r}m`, _ = (r = 0) => (e) => `\x1B[${38 + r};5;${e}m`, H = (r = 0) => (e, n, t) => `\x1B[${38 + r};2;${e};${n};${t}m`, a = {
+  modifier: {
+    reset: [0, 0],
+    // 21 isn't widely supported and 22 does the same thing
+    bold: [1, 22],
+    dim: [2, 22],
+    italic: [3, 23],
+    underline: [4, 24],
+    overline: [53, 55],
+    inverse: [7, 27],
+    hidden: [8, 28],
+    strikethrough: [9, 29]
+  },
+  color: {
+    black: [30, 39],
+    red: [31, 39],
+    green: [32, 39],
+    yellow: [33, 39],
+    blue: [34, 39],
+    magenta: [35, 39],
+    cyan: [36, 39],
+    white: [37, 39],
+    // Bright color
+    blackBright: [90, 39],
+    gray: [90, 39],
+    // Alias of `blackBright`
+    grey: [90, 39],
+    // Alias of `blackBright`
+    redBright: [91, 39],
+    greenBright: [92, 39],
+    yellowBright: [93, 39],
+    blueBright: [94, 39],
+    magentaBright: [95, 39],
+    cyanBright: [96, 39],
+    whiteBright: [97, 39]
+  },
+  bgColor: {
+    bgBlack: [40, 49],
+    bgRed: [41, 49],
+    bgGreen: [42, 49],
+    bgYellow: [43, 49],
+    bgBlue: [44, 49],
+    bgMagenta: [45, 49],
+    bgCyan: [46, 49],
+    bgWhite: [47, 49],
+    // Bright color
+    bgBlackBright: [100, 49],
+    bgGray: [100, 49],
+    // Alias of `bgBlackBright`
+    bgGrey: [100, 49],
+    // Alias of `bgBlackBright`
+    bgRedBright: [101, 49],
+    bgGreenBright: [102, 49],
+    bgYellowBright: [103, 49],
+    bgBlueBright: [104, 49],
+    bgMagentaBright: [105, 49],
+    bgCyanBright: [106, 49],
+    bgWhiteBright: [107, 49]
+  }
+};
+Object.keys(a.modifier);
+const ne = Object.keys(a.color), oe = Object.keys(a.bgColor);
+[...ne, ...oe];
+function se() {
+  const r = /* @__PURE__ */ new Map();
+  for (const [e, n] of Object.entries(a)) {
+    for (const [t, o] of Object.entries(n))
+      a[t] = {
+        open: `\x1B[${o[0]}m`,
+        close: `\x1B[${o[1]}m`
+      }, n[t] = a[t], r.set(o[0], o[1]);
+    Object.defineProperty(a, e, {
+      value: n,
+      enumerable: !1
+    });
+  }
+  return Object.defineProperty(a, "codes", {
+    value: r,
+    enumerable: !1
+  }), a.color.close = "\x1B[39m", a.bgColor.close = "\x1B[49m", a.color.ansi = z(), a.color.ansi256 = _(), a.color.ansi16m = H(), a.bgColor.ansi = z(P), a.bgColor.ansi256 = _(P), a.bgColor.ansi16m = H(P), Object.defineProperties(a, {
+    rgbToAnsi256: {
+      value(e, n, t) {
+        return e === n && n === t ? e < 8 ? 16 : e > 248 ? 231 : Math.round((e - 8) / 247 * 24) + 232 : 16 + 36 * Math.round(e / 255 * 5) + 6 * Math.round(n / 255 * 5) + Math.round(t / 255 * 5);
+      },
+      enumerable: !1
+    },
+    hexToRgb: {
+      value(e) {
+        const n = /[a-f\d]{6}|[a-f\d]{3}/i.exec(e.toString(16));
+        if (!n)
+          return [0, 0, 0];
+        let [t] = n;
+        t.length === 3 && (t = [...t].map((s) => s + s).join(""));
+        const o = Number.parseInt(t, 16);
+        return [
+          /* eslint-disable no-bitwise */
+          o >> 16 & 255,
+          o >> 8 & 255,
+          o & 255
+          /* eslint-enable no-bitwise */
+        ];
+      },
+      enumerable: !1
+    },
+    hexToAnsi256: {
+      value: (e) => a.rgbToAnsi256(...a.hexToRgb(e)),
+      enumerable: !1
+    },
+    ansi256ToAnsi: {
+      value(e) {
+        if (e < 8)
+          return 30 + e;
+        if (e < 16)
+          return 90 + (e - 8);
+        let n, t, o;
+        if (e >= 232)
+          n = ((e - 232) * 10 + 8) / 255, t = n, o = n;
+        else {
+          e -= 16;
+          const u = e % 36;
+          n = Math.floor(e / 36) / 5, t = Math.floor(u / 6) / 5, o = u % 6 / 5;
+        }
+        const s = Math.max(n, t, o) * 2;
+        if (s === 0)
+          return 30;
+        let i = 30 + (Math.round(o) << 2 | Math.round(t) << 1 | Math.round(n));
+        return s === 2 && (i += 60), i;
+      },
+      enumerable: !1
+    },
+    rgbToAnsi: {
+      value: (e, n, t) => a.ansi256ToAnsi(a.rgbToAnsi256(e, n, t)),
+      enumerable: !1
+    },
+    hexToAnsi: {
+      value: (e) => a.ansi256ToAnsi(a.hexToAnsi256(e)),
+      enumerable: !1
+    }
+  }), a;
+}
+const c = se(), $ = (() => {
+  if (navigator.userAgentData) {
+    const r = navigator.userAgentData.brands.find(({ brand: e }) => e === "Chromium");
+    if (r && r.version > 93)
+      return 3;
+  }
+  return /\b(Chrome|Chromium)\//.test(navigator.userAgent) ? 1 : 0;
+})(), G = $ !== 0 && {
+  level: $,
+  hasBasic: !0,
+  has256: $ >= 2,
+  has16m: $ >= 3
+}, ie = {
+  stdout: G,
+  stderr: G
+};
+function ae(r, e, n) {
+  let t = r.indexOf(e);
+  if (t === -1)
+    return r;
+  const o = e.length;
+  let s = 0, i = "";
+  do
+    i += r.slice(s, t) + e + n, s = t + o, t = r.indexOf(e, s);
+  while (t !== -1);
+  return i += r.slice(s), i;
+}
+function ue(r, e, n, t) {
+  let o = 0, s = "";
+  do {
+    const i = r[t - 1] === "\r";
+    s += r.slice(o, i ? t - 1 : t) + e + (i ? `\r
+` : `
+`) + n, o = t + 1, t = r.indexOf(`
+`, o);
+  } while (t !== -1);
+  return s += r.slice(o), s;
+}
+const { stdout: I, stderr: Y } = ie, C = Symbol("GENERATOR"), m = Symbol("STYLER"), x = Symbol("IS_EMPTY"), D = [
+  "ansi",
+  "ansi",
+  "ansi256",
+  "ansi16m"
+], f = /* @__PURE__ */ Object.create(null), le = (r, e = {}) => {
+  if (e.level && !(Number.isInteger(e.level) && e.level >= 0 && e.level <= 3))
+    throw new Error("The `level` option should be an integer from 0 to 3");
+  const n = I ? I.level : 0;
+  r.level = e.level === void 0 ? n : e.level;
+}, ce = (r) => {
+  const e = (...n) => n.join(" ");
+  return le(e, r), Object.setPrototypeOf(e, B.prototype), e;
+};
+function B(r) {
+  return ce(r);
+}
+Object.setPrototypeOf(B.prototype, Function.prototype);
+for (const [r, e] of Object.entries(c))
+  f[r] = {
+    get() {
+      const n = A(this, F(e.open, e.close, this[m]), this[x]);
+      return Object.defineProperty(this, r, { value: n }), n;
+    }
+  };
+f.visible = {
+  get() {
+    const r = A(this, this[m], !0);
+    return Object.defineProperty(this, "visible", { value: r }), r;
+  }
+};
+const V = (r, e, n, ...t) => r === "rgb" ? e === "ansi16m" ? c[n].ansi16m(...t) : e === "ansi256" ? c[n].ansi256(c.rgbToAnsi256(...t)) : c[n].ansi(c.rgbToAnsi(...t)) : r === "hex" ? V("rgb", e, n, ...c.hexToRgb(...t)) : c[n][r](...t), de = ["rgb", "hex", "ansi256"];
+for (const r of de) {
+  f[r] = {
+    get() {
+      const { level: n } = this;
+      return function(...t) {
+        const o = F(V(r, D[n], "color", ...t), c.color.close, this[m]);
+        return A(this, o, this[x]);
+      };
+    }
+  };
+  const e = "bg" + r[0].toUpperCase() + r.slice(1);
+  f[e] = {
+    get() {
+      const { level: n } = this;
+      return function(...t) {
+        const o = F(V(r, D[n], "bgColor", ...t), c.bgColor.close, this[m]);
+        return A(this, o, this[x]);
+      };
+    }
+  };
+}
+const pe = Object.defineProperties(() => {
+}, {
+  ...f,
+  level: {
+    enumerable: !0,
+    get() {
+      return this[C].level;
+    },
+    set(r) {
+      this[C].level = r;
+    }
+  }
+}), F = (r, e, n) => {
+  let t, o;
+  return n === void 0 ? (t = r, o = e) : (t = n.openAll + r, o = e + n.closeAll), {
+    open: r,
+    close: e,
+    openAll: t,
+    closeAll: o,
+    parent: n
+  };
+}, A = (r, e, n) => {
+  const t = (...o) => he(t, o.length === 1 ? "" + o[0] : o.join(" "));
+  return Object.setPrototypeOf(t, pe), t[C] = r, t[m] = e, t[x] = n, t;
+}, he = (r, e) => {
+  if (r.level <= 0 || !e)
+    return r[x] ? "" : e;
+  let n = r[m];
+  if (n === void 0)
+    return e;
+  const { openAll: t, closeAll: o } = n;
+  if (e.includes("\x1B"))
+    for (; n !== void 0; )
+      e = ae(e, n.close, n.open), n = n.parent;
+  const s = e.indexOf(`
+`);
+  return s !== -1 && (e = ue(e, o, t, s)), t + e + o;
+};
+Object.defineProperties(B.prototype, f);
+const T = B();
+B({ level: Y ? Y.level : 0 });
+const R = {
+  error() {
+    console.log(T.red(...arguments));
+  },
+  warn() {
+    console.log(T.yellow(...arguments));
+  },
+  info() {
+    console.log(T.blue(...arguments));
+  },
+  log() {
+    console.log(T.gray(...arguments));
+  }
+}, d = (r) => {
+  const e = `${r}`, n = parseFloat(e);
+  let t = "unsupported";
+  /^\d+$/.test(e) && n !== 0 && (t = "px");
+  const o = e.match(/px|rem|em/);
+  return o && (t = o[0]), n === 0 && (t = "zero"), { number: n, unit: t };
+}, U = (r) => {
+  const e = {};
+  return typeof r == "string" ? e.fontSize = d(r) : Array.isArray(r) && (e.fontSize = d(r[0]), typeof r[1] == "string" ? e.lineHeight = d(r[1]) : typeof r[1] == "object" && ("lineHeight" in r[1] && (e.lineHeight = d(r[1].lineHeight)), "letterSpacing" in r[1] && (e.letterSpacing = d(r[1].letterSpacing)))), e;
+}, q = (r, e, n, t = null) => r.number === e.number ? (R.error(
+  `Same value for start an end${t ? ` (${t})` : ""}: "clamp-[${n}]".`
+), null) : r.unit !== e.unit && r.unit !== "zero" && e.unit !== "zero" ? (R.error(
+  `Units need to match${t ? ` (${t})` : ""}: "clamp-[${n}]".`
+), null) : r.unit === "unsupported" || e.unit === "unsupported" ? (R.error(
+  `Only px, rem and em units are supported${t ? ` (${t})` : ""}: "clamp-[${n}]".`
+), null) : !0, L = (r, e, n = { number: 375, unit: "px" }, t = { number: 1440, unit: "px" }) => {
+  const o = r.unit === "zero" ? e.unit : r.unit, s = o === "px";
+  let i = r.number, u = e.number, h = !1, l = n.number, y = t.number;
+  n.unit !== "px" && s && (l = n.number * 16), n.unit === "px" && !s && (l = n.number / 16), t.unit !== "px" && s && (y = t.number * 16), t.unit === "px" && !s && (y = t.number / 16), u < i && i < 0 && u < 0 ? (i = Math.abs(i), u = Math.abs(u), h = !0) : u < i && i > 0 && u > 0 ? (i = i * -1, u = u * -1, h = !0) : u < i && (i = Math.abs(i) * -1, u = Math.abs(u), h = !0);
+  const k = (u - i) / (y - l), O = `${(i - l * k).toFixed(6)}${o} + ${(100 * k).toFixed(6)}vw`, w = `clamp(${i}${o}, ${O}, ${u}${o})`;
+  return h ? `calc(${w} * -1)` : w;
+}, be = {
+  unit: "rem",
+  minViewportWidth: 375,
+  maxViewportWidth: 1440
+}, ge = (r, e, n = {
+  unit: "rem",
+  minViewportWidth: 375,
+  maxViewportWidth: 1440
+}) => {
+  const t = { ...be, ...n }, o = (s) => t.unit === "rem" ? s / 16 : s;
+  return L(
+    { number: o(r), unit: t.unit },
+    { number: o(e), unit: t.unit },
+    { number: o(t.minViewportWidth), unit: t.unit },
+    { number: o(t.maxViewportWidth), unit: t.unit }
+  );
+}, S = {
+  minViewportWidth: 375,
+  maxViewportWidth: 1440
+}, fe = ge, ye = re.withOptions(function(r = S) {
+  return function({ matchUtilities: e, theme: n, config: t }) {
+    e(
+      {
+        clamp: (o) => {
+          const s = o.split(","), i = d(
+            t().theme.screens[s[3]] || s[3] || r.minViewportWidth || S.minViewportWidth
+          ), u = d(
+            t().theme.screens[s[4]] || s[4] || r.maxViewportWidth || S.maxViewportWidth
+          );
+          if (s.length < 3)
+            return R.error(
+              `The clamp utility requires at least 3 arguments: "clamp-[${o}]".`
+            ), null;
+          const h = te(s[0]);
+          if (!h)
+            return R.error(
+              `Property "${s[0]}" is not supported: "clamp-[${o}]".`
+            ), null;
+          const { key: l, props: y } = h;
+          if (l === "fontSize") {
+            const p = U(
+              t().theme[l][s[1]] || s[1]
+            ), b = U(
+              t().theme[l][s[2]] || s[2]
+            ), M = {};
+            return Object.keys(p).forEach((g) => {
+              if (g in b && q(p[g], b[g], o, g)) {
+                const Q = L(p[g], b[g], i, u);
+                M[g] = Q;
+              }
+            }), Object.keys(M).length > 0 ? M : null;
+          }
+          const k = s[1].startsWith("-"), O = s[2].startsWith("-"), w = k ? s[1].slice(1) : s[1], E = O ? s[2].slice(1) : s[2], v = d(t().theme[l][w] || w), W = d(t().theme[l][E] || E);
+          if (k && (v.number = v.number * -1), O && (W.number = W.number * -1), !q(v, W, o))
+            return null;
+          const J = L(v, W, i, u);
+          return y.reduce((p, b) => (typeof b == "string" ? p[b] = J : p = { ...p, ...b }, p), {});
+        }
+      },
+      { values: n("clamp") }
+    );
+  };
+});
+export {
+  fe as clampValue,
+  ye as tailwindClamp
+};
+//# sourceMappingURL=index.js.map