mada-design-system 0.0.9 → 0.0.11

package/index.es37.js

@@ -1,37 +1,10 @@
-import { jsx as t, jsxs as l } from "react/jsx-runtime";
-import { OTPInput as c } from "./index.es117.js";
-import * as a from "react";
-import { cn as s } from "./index.es69.js";
-const p = a.forwardRef(
-  ({ className: e, ...r }, n) => /* @__PURE__ */ t(c, { ref: n, containerClassName: s("flex items-center gap-2", e), ...r })
-);
-p.displayName = "InputOTP";
-const m = a.forwardRef(({ className: e, ...r }, n) => /* @__PURE__ */ t("div", { ref: n, className: s("flex items-center", e), ...r }));
-m.displayName = "InputOTPGroup";
-const f = a.forwardRef(
-  ({ char: e, hasFakeCaret: r, isActive: n, className: i, ...o }, d) => /* @__PURE__ */ l(
-    "div",
-    {
-      ref: d,
-      className: s(
-        "relative flex h-10 w-10 items-center justify-center border-y border-r border-input text-sm transition-all first:rounded-l-md first:border-l last:rounded-r-md",
-        n && "z-10 ring-2 ring-ring ring-offset-background",
-        i
-      ),
-      ...o,
-      children: [
-        e,
-        r && /* @__PURE__ */ t("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ t("div", { className: "animate-caret-blink h-4 w-px bg-foreground duration-1000" }) })
-      ]
-    }
-  )
-);
-f.displayName = "InputOTPSlot";
-const u = a.forwardRef(({ ...e }, r) => /* @__PURE__ */ t("div", { ref: r, role: "separator", ...e, children: /* @__PURE__ */ t("div", { className: "flex size-space-05 items-center justify-center", children: /* @__PURE__ */ t("div", { className: "size-space-01 rounded-full bg-foreground" }) }) }));
-u.displayName = "InputOTPSeparator";
+import { jsx as t } from "react/jsx-runtime";
+import * as o from "@radix-ui/react-label";
+import { cva as i } from "./index.es102.js";
+import * as m from "react";
+import { cn as s } from "./index.es76.js";
+const l = i("text-body-01 peer-disabled:cursor-not-allowed peer-disabled:opacity-70"), p = m.forwardRef(({ className: a, ...r }, e) => /* @__PURE__ */ t(o.Root, { ref: e, className: s(l(), a), ...r }));
+p.displayName = o.Root.displayName;
 export {
-  p as InputOTP,
-  m as InputOTPGroup,
-  u as InputOTPSeparator,
-  f as InputOTPSlot
+  p as Label
 };

package/index.es370.js

@@ -0,0 +1,5 @@
+import e from "./index.es216.js";
+const l = e("MuiTouchRipple", ["root", "ripple", "rippleVisible", "ripplePulsate", "child", "childLeaving", "childPulsate"]), s = l;
+export {
+  s as default
+};

package/index.es371.js

@@ -0,0 +1,4 @@
+import f from "./index.es283.js";
+export {
+  f as default
+};

package/index.es372.js

@@ -0,0 +1,176 @@
+import x from "./index.es191.js";
+import z from "./index.es192.js";
+import * as $ from "react";
+import o from "./index.es193.js";
+import { clsx as T } from "./index.es92.js";
+import b from "./index.es214.js";
+import w from "./index.es205.js";
+import { getSvgIconUtilityClass as C } from "./index.es392.js";
+import { jsxs as R, jsx as I } from "react/jsx-runtime";
+import g from "./index.es295.js";
+import O from "./index.es213.js";
+const B = ["children", "className", "color", "component", "fontSize", "htmlColor", "inheritViewBox", "titleAccess", "viewBox"], N = (e) => {
+  const {
+    color: t,
+    fontSize: i,
+    classes: r
+  } = e, n = {
+    root: ["root", t !== "inherit" && `color${g(t)}`, `fontSize${g(i)}`]
+  };
+  return O(n, C, r);
+}, j = w("svg", {
+  name: "MuiSvgIcon",
+  slot: "Root",
+  overridesResolver: (e, t) => {
+    const {
+      ownerState: i
+    } = e;
+    return [t.root, i.color !== "inherit" && t[`color${g(i.color)}`], t[`fontSize${g(i.fontSize)}`]];
+  }
+})(({
+  theme: e,
+  ownerState: t
+}) => {
+  var i, r, n, m, f, a, h, d, u, s, c, p, l;
+  return {
+    userSelect: "none",
+    width: "1em",
+    height: "1em",
+    display: "inline-block",
+    // the <svg> will define the property that has `currentColor`
+    // e.g. heroicons uses fill="none" and stroke="currentColor"
+    fill: t.hasSvgAsChild ? void 0 : "currentColor",
+    flexShrink: 0,
+    transition: (i = e.transitions) == null || (r = i.create) == null ? void 0 : r.call(i, "fill", {
+      duration: (n = e.transitions) == null || (n = n.duration) == null ? void 0 : n.shorter
+    }),
+    fontSize: {
+      inherit: "inherit",
+      small: ((m = e.typography) == null || (f = m.pxToRem) == null ? void 0 : f.call(m, 20)) || "1.25rem",
+      medium: ((a = e.typography) == null || (h = a.pxToRem) == null ? void 0 : h.call(a, 24)) || "1.5rem",
+      large: ((d = e.typography) == null || (u = d.pxToRem) == null ? void 0 : u.call(d, 35)) || "2.1875rem"
+    }[t.fontSize],
+    // TODO v5 deprecate, v6 remove for sx
+    color: (s = (c = (e.vars || e).palette) == null || (c = c[t.color]) == null ? void 0 : c.main) != null ? s : {
+      action: (p = (e.vars || e).palette) == null || (p = p.action) == null ? void 0 : p.active,
+      disabled: (l = (e.vars || e).palette) == null || (l = l.action) == null ? void 0 : l.disabled,
+      inherit: void 0
+    }[t.color]
+  };
+}), v = /* @__PURE__ */ $.forwardRef(function(t, i) {
+  const r = b({
+    props: t,
+    name: "MuiSvgIcon"
+  }), {
+    children: n,
+    className: m,
+    color: f = "inherit",
+    component: a = "svg",
+    fontSize: h = "medium",
+    htmlColor: d,
+    inheritViewBox: u = !1,
+    titleAccess: s,
+    viewBox: c = "0 0 24 24"
+  } = r, p = z(r, B), l = /* @__PURE__ */ $.isValidElement(n) && n.type === "svg", y = x({}, r, {
+    color: f,
+    component: a,
+    fontSize: h,
+    instanceFontSize: t.fontSize,
+    inheritViewBox: u,
+    viewBox: c,
+    hasSvgAsChild: l
+  }), S = {};
+  u || (S.viewBox = c);
+  const _ = N(y);
+  return /* @__PURE__ */ R(j, x({
+    as: a,
+    className: T(_.root, m),
+    focusable: "false",
+    color: d,
+    "aria-hidden": s ? void 0 : !0,
+    role: s ? "img" : void 0,
+    ref: i
+  }, S, p, l && n.props, {
+    ownerState: y,
+    children: [l ? n.props.children : n, s ? /* @__PURE__ */ I("title", {
+      children: s
+    }) : null]
+  }));
+});
+process.env.NODE_ENV !== "production" && (v.propTypes = {
+  // ----------------------------- Warning --------------------------------
+  // | These PropTypes are generated from the TypeScript type definitions |
+  // |     To update them edit the d.ts file and run "yarn proptypes"     |
+  // ----------------------------------------------------------------------
+  /**
+   * Node passed into the SVG element.
+   */
+  children: o.node,
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: o.object,
+  /**
+   * @ignore
+   */
+  className: o.string,
+  /**
+   * The color of the component.
+   * It supports both default and custom theme colors, which can be added as shown in the
+   * [palette customization guide](https://mui.com/material-ui/customization/palette/#custom-colors).
+   * You can use the `htmlColor` prop to apply a color attribute to the SVG element.
+   * @default 'inherit'
+   */
+  color: o.oneOfType([o.oneOf(["inherit", "action", "disabled", "primary", "secondary", "error", "info", "success", "warning"]), o.string]),
+  /**
+   * The component used for the root node.
+   * Either a string to use a HTML element or a component.
+   */
+  component: o.elementType,
+  /**
+   * The fontSize applied to the icon. Defaults to 24px, but can be configure to inherit font size.
+   * @default 'medium'
+   */
+  fontSize: o.oneOfType([o.oneOf(["inherit", "large", "medium", "small"]), o.string]),
+  /**
+   * Applies a color attribute to the SVG element.
+   */
+  htmlColor: o.string,
+  /**
+   * If `true`, the root node will inherit the custom `component`'s viewBox and the `viewBox`
+   * prop will be ignored.
+   * Useful when you want to reference a custom `component` and have `SvgIcon` pass that
+   * `component`'s viewBox to the root node.
+   * @default false
+   */
+  inheritViewBox: o.bool,
+  /**
+   * The shape-rendering attribute. The behavior of the different options is described on the
+   * [MDN Web Docs](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/shape-rendering).
+   * If you are having issues with blurry icons you should investigate this prop.
+   */
+  shapeRendering: o.string,
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx: o.oneOfType([o.arrayOf(o.oneOfType([o.func, o.object, o.bool])), o.func, o.object]),
+  /**
+   * Provides a human-readable title for the element that contains it.
+   * https://www.w3.org/TR/SVG-access/#Equivalent
+   */
+  titleAccess: o.string,
+  /**
+   * Allows you to redefine what the coordinates without units mean inside an SVG element.
+   * For example, if the SVG element is 500 (width) by 200 (height),
+   * and you pass viewBox="0 0 50 20",
+   * this means that the coordinates inside the SVG will go from the top left corner (0,0)
+   * to bottom right (50,20) and each unit will be worth 10px.
+   * @default '0 0 24 24'
+   */
+  viewBox: o.string
+});
+v.muiName = "SvgIcon";
+const W = v;
+export {
+  W as default
+};

package/index.es373.js

@@ -0,0 +1,4 @@
+import e from "./index.es210.js";
+export {
+  e as default
+};

package/index.es374.js

@@ -0,0 +1,4 @@
+import e from "./index.es298.js";
+export {
+  e as default
+};

package/index.es375.js

@@ -0,0 +1,4 @@
+var r = {};
+export {
+  r as __exports
+};

package/index.es376.js

@@ -0,0 +1,4 @@
+var e = {};
+export {
+  e as __exports
+};

package/index.es377.js

@@ -0,0 +1,10 @@
+import t from "./index.es378.js";
+var r = /^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|defaultChecked|innerHTML|suppressContentEditableWarning|suppressHydrationWarning|valueLink|abbr|accept|acceptCharset|accessKey|action|allow|allowUserMedia|allowPaymentRequest|allowFullScreen|allowTransparency|alt|async|autoComplete|autoPlay|capture|cellPadding|cellSpacing|challenge|charSet|checked|cite|classID|className|cols|colSpan|content|contentEditable|contextMenu|controls|controlsList|coords|crossOrigin|data|dateTime|decoding|default|defer|dir|disabled|disablePictureInPicture|disableRemotePlayback|download|draggable|encType|enterKeyHint|fetchpriority|fetchPriority|form|formAction|formEncType|formMethod|formNoValidate|formTarget|frameBorder|headers|height|hidden|high|href|hrefLang|htmlFor|httpEquiv|id|inputMode|integrity|is|keyParams|keyType|kind|label|lang|list|loading|loop|low|marginHeight|marginWidth|max|maxLength|media|mediaGroup|method|min|minLength|multiple|muted|name|nonce|noValidate|open|optimum|pattern|placeholder|playsInline|poster|preload|profile|radioGroup|readOnly|referrerPolicy|rel|required|reversed|role|rows|rowSpan|sandbox|scope|scoped|scrolling|seamless|selected|shape|size|sizes|slot|span|spellCheck|src|srcDoc|srcLang|srcSet|start|step|style|summary|tabIndex|target|title|translate|type|useMap|value|width|wmode|wrap|about|datatype|inlist|prefix|property|resource|typeof|vocab|autoCapitalize|autoCorrect|autoSave|color|incremental|fallback|inert|itemProp|itemScope|itemType|itemID|itemRef|on|option|results|security|unselectable|accentHeight|accumulate|additive|alignmentBaseline|allowReorder|alphabetic|amplitude|arabicForm|ascent|attributeName|attributeType|autoReverse|azimuth|baseFrequency|baselineShift|baseProfile|bbox|begin|bias|by|calcMode|capHeight|clip|clipPathUnits|clipPath|clipRule|colorInterpolation|colorInterpolationFilters|colorProfile|colorRendering|contentScriptType|contentStyleType|cursor|cx|cy|d|decelerate|descent|diffuseConstant|direction|display|divisor|dominantBaseline|dur|dx|dy|edgeMode|elevation|enableBackground|end|exponent|externalResourcesRequired|fill|fillOpacity|fillRule|filter|filterRes|filterUnits|floodColor|floodOpacity|focusable|fontFamily|fontSize|fontSizeAdjust|fontStretch|fontStyle|fontVariant|fontWeight|format|from|fr|fx|fy|g1|g2|glyphName|glyphOrientationHorizontal|glyphOrientationVertical|glyphRef|gradientTransform|gradientUnits|hanging|horizAdvX|horizOriginX|ideographic|imageRendering|in|in2|intercept|k|k1|k2|k3|k4|kernelMatrix|kernelUnitLength|kerning|keyPoints|keySplines|keyTimes|lengthAdjust|letterSpacing|lightingColor|limitingConeAngle|local|markerEnd|markerMid|markerStart|markerHeight|markerUnits|markerWidth|mask|maskContentUnits|maskUnits|mathematical|mode|numOctaves|offset|opacity|operator|order|orient|orientation|origin|overflow|overlinePosition|overlineThickness|panose1|paintOrder|pathLength|patternContentUnits|patternTransform|patternUnits|pointerEvents|points|pointsAtX|pointsAtY|pointsAtZ|preserveAlpha|preserveAspectRatio|primitiveUnits|r|radius|refX|refY|renderingIntent|repeatCount|repeatDur|requiredExtensions|requiredFeatures|restart|result|rotate|rx|ry|scale|seed|shapeRendering|slope|spacing|specularConstant|specularExponent|speed|spreadMethod|startOffset|stdDeviation|stemh|stemv|stitchTiles|stopColor|stopOpacity|strikethroughPosition|strikethroughThickness|string|stroke|strokeDasharray|strokeDashoffset|strokeLinecap|strokeLinejoin|strokeMiterlimit|strokeOpacity|strokeWidth|surfaceScale|systemLanguage|tableValues|targetX|targetY|textAnchor|textDecoration|textRendering|textLength|to|transform|u1|u2|underlinePosition|underlineThickness|unicode|unicodeBidi|unicodeRange|unitsPerEm|vAlphabetic|vHanging|vIdeographic|vMathematical|values|vectorEffect|version|vertAdvY|vertOriginX|vertOriginY|viewBox|viewTarget|visibility|widths|wordSpacing|writingMode|x|xHeight|x1|x2|xChannelSelector|xlinkActuate|xlinkArcrole|xlinkHref|xlinkRole|xlinkShow|xlinkTitle|xlinkType|xmlBase|xmlns|xmlnsXlink|xmlLang|xmlSpace|y|y1|y2|yChannelSelector|z|zoomAndPan|for|class|autofocus)|(([Dd][Aa][Tt][Aa]|[Aa][Rr][Ii][Aa]|x)-.*))$/, a = /* @__PURE__ */ t(
+  function(e) {
+    return r.test(e) || e.charCodeAt(0) === 111 && e.charCodeAt(1) === 110 && e.charCodeAt(2) < 91;
+  }
+  /* Z+1 */
+);
+export {
+  a as default
+};

package/index.es378.js

@@ -0,0 +1,9 @@
+function u(t) {
+  var n = /* @__PURE__ */ Object.create(null);
+  return function(e) {
+    return n[e] === void 0 && (n[e] = t(e)), n[e];
+  };
+}
+export {
+  u as default
+};

package/index.es379.js

@@ -0,0 +1,22 @@
+function c(e) {
+  for (var f = 0, x, a = 0, d = e.length; d >= 4; ++a, d -= 4)
+    x = e.charCodeAt(a) & 255 | (e.charCodeAt(++a) & 255) << 8 | (e.charCodeAt(++a) & 255) << 16 | (e.charCodeAt(++a) & 255) << 24, x = /* Math.imul(k, m): */
+    (x & 65535) * 1540483477 + ((x >>> 16) * 59797 << 16), x ^= /* k >>> r: */
+    x >>> 24, f = /* Math.imul(k, m): */
+    (x & 65535) * 1540483477 + ((x >>> 16) * 59797 << 16) ^ /* Math.imul(h, m): */
+    (f & 65535) * 1540483477 + ((f >>> 16) * 59797 << 16);
+  switch (d) {
+    case 3:
+      f ^= (e.charCodeAt(a + 2) & 255) << 16;
+    case 2:
+      f ^= (e.charCodeAt(a + 1) & 255) << 8;
+    case 1:
+      f ^= e.charCodeAt(a) & 255, f = /* Math.imul(h, m): */
+      (f & 65535) * 1540483477 + ((f >>> 16) * 59797 << 16);
+  }
+  return f ^= f >>> 13, f = /* Math.imul(h, m): */
+  (f & 65535) * 1540483477 + ((f >>> 16) * 59797 << 16), ((f ^ f >>> 15) >>> 0).toString(36);
+}
+export {
+  c as default
+};

package/index.es38.js

@@ -1,10 +1,247 @@
-import { jsx as t } from "react/jsx-runtime";
-import * as o from "@radix-ui/react-label";
-import { cva as i } from "./index.es89.js";
-import * as m from "react";
-import { cn as s } from "./index.es69.js";
-const l = i("text-body-01 peer-disabled:cursor-not-allowed peer-disabled:opacity-70"), p = m.forwardRef(({ className: a, ...r }, e) => /* @__PURE__ */ t(o.Root, { ref: e, className: s(l(), a), ...r }));
-p.displayName = o.Root.displayName;
+import { jsx as l } from "react/jsx-runtime";
+import { cva as n } from "./index.es102.js";
+import { clsx as x } from "./index.es92.js";
+const y = n("grid", {
+  variants: {
+    cols: {
+      1: "grid-cols-1",
+      2: "grid-cols-2",
+      3: "grid-cols-3",
+      4: "grid-cols-4",
+      5: "grid-cols-5",
+      6: "grid-cols-6",
+      7: "grid-cols-7",
+      8: "grid-cols-8",
+      9: "grid-cols-9",
+      10: "grid-cols-10",
+      11: "grid-cols-11",
+      12: "grid-cols-12"
+    },
+    gap: {
+      none: "",
+      1: "gap-space-01",
+      2: "gap-space-02",
+      3: "gap-space-03",
+      4: "gap-space-04",
+      5: "gap-space-05",
+      6: "gap-space-06",
+      7: "gap-space-07",
+      8: "gap-space-08",
+      9: "gap-space-09",
+      10: "gap-space-10",
+      11: "gap-space-11",
+      12: "gap-space-12"
+    },
+    gapX: {
+      none: "",
+      1: "gap-x-space-01",
+      2: "gap-x-space-02",
+      3: "gap-x-space-03",
+      4: "gap-x-space-04",
+      5: "gap-x-space-05",
+      6: "gap-x-space-06",
+      7: "gap-x-space-07",
+      8: "gap-x-space-08",
+      9: "gap-x-space-09",
+      10: "gap-x-space-10",
+      11: "gap-x-space-11",
+      12: "gap-x-space-12"
+    },
+    gapY: {
+      none: "",
+      1: "gap-y-space-01",
+      2: "gap-y-space-02",
+      3: "gap-y-space-03",
+      4: "gap-y-space-04",
+      5: "gap-y-space-05",
+      6: "gap-y-space-06",
+      7: "gap-y-space-07",
+      8: "gap-y-space-08",
+      9: "gap-y-space-09",
+      10: "gap-y-space-10",
+      11: "gap-y-space-11",
+      12: "gap-y-space-12"
+    },
+    autoFlow: {
+      row: "grid-flow-row",
+      col: "grid-flow-col",
+      dense: "grid-flow-dense",
+      rowDense: "grid-flow-row-dense",
+      colDense: "grid-flow-col-dense"
+    },
+    alignItems: {
+      start: "items-start",
+      center: "items-center",
+      end: "items-end",
+      stretch: "items-stretch"
+    },
+    justifyItems: {
+      start: "justify-items-start",
+      center: "justify-items-center",
+      end: "justify-items-end",
+      stretch: "justify-items-stretch"
+    },
+    alignContent: {
+      start: "content-start",
+      center: "content-center",
+      end: "content-end",
+      between: "content-between",
+      around: "content-around",
+      evenly: "content-evenly"
+    },
+    justifyContent: {
+      start: "justify-start",
+      center: "justify-center",
+      end: "justify-end",
+      between: "justify-between",
+      around: "justify-around",
+      evenly: "justify-evenly"
+    }
+  },
+  defaultVariants: {
+    cols: 12,
+    gap: 1,
+    gapX: "none",
+    gapY: "none",
+    autoFlow: "row",
+    alignItems: "stretch",
+    justifyItems: "stretch",
+    alignContent: "start",
+    justifyContent: "start"
+  }
+}), b = ({
+  cols: s,
+  gap: a,
+  gapX: p,
+  gapY: c,
+  autoFlow: e,
+  alignItems: o,
+  justifyItems: t,
+  alignContent: g,
+  justifyContent: r,
+  className: i,
+  children: d,
+  ...m
+}) => /* @__PURE__ */ l(
+  "div",
+  {
+    className: y({
+      cols: s,
+      gap: a,
+      gapX: p,
+      gapY: c,
+      autoFlow: e,
+      alignItems: o,
+      justifyItems: t,
+      alignContent: g,
+      justifyContent: r,
+      className: i
+    }),
+    ...m,
+    children: d
+  }
+), f = n("", {
+  variants: {
+    base: {
+      1: "col-span-1",
+      2: "col-span-2",
+      3: "col-span-3",
+      4: "col-span-4",
+      5: "col-span-5",
+      6: "col-span-6",
+      7: "col-span-7",
+      8: "col-span-8",
+      9: "col-span-9",
+      10: "col-span-10",
+      11: "col-span-11",
+      12: "col-span-12"
+    },
+    sm: {
+      1: "sm:col-span-1",
+      2: "sm:col-span-2",
+      3: "sm:col-span-3",
+      4: "sm:col-span-4",
+      5: "sm:col-span-5",
+      6: "sm:col-span-6",
+      7: "sm:col-span-7",
+      8: "sm:col-span-8",
+      9: "sm:col-span-9",
+      10: "sm:col-span-10",
+      11: "sm:col-span-11",
+      12: "sm:col-span-12"
+    },
+    md: {
+      1: "md:col-span-1",
+      2: "md:col-span-2",
+      3: "md:col-span-3",
+      4: "md:col-span-4",
+      5: "md:col-span-5",
+      6: "md:col-span-6",
+      7: "md:col-span-7",
+      8: "md:col-span-8",
+      9: "md:col-span-9",
+      10: "md:col-span-10",
+      11: "md:col-span-11",
+      12: "md:col-span-12"
+    },
+    lg: {
+      1: "lg:col-span-1",
+      2: "lg:col-span-2",
+      3: "lg:col-span-3",
+      4: "lg:col-span-4",
+      5: "lg:col-span-5",
+      6: "lg:col-span-6",
+      7: "lg:col-span-7",
+      8: "lg:col-span-8",
+      9: "lg:col-span-9",
+      10: "lg:col-span-10",
+      11: "lg:col-span-11",
+      12: "lg:col-span-12"
+    },
+    xl: {
+      1: "xl:col-span-1",
+      2: "xl:col-span-2",
+      3: "xl:col-span-3",
+      4: "xl:col-span-4",
+      5: "xl:col-span-5",
+      6: "xl:col-span-6",
+      7: "xl:col-span-7",
+      8: "xl:col-span-8",
+      9: "xl:col-span-9",
+      10: "xl:col-span-10",
+      11: "xl:col-span-11",
+      12: "xl:col-span-12"
+    },
+    "2xl": {
+      1: "2xl:col-span-1",
+      2: "2xl:col-span-2",
+      3: "2xl:col-span-3",
+      4: "2xl:col-span-4",
+      5: "2xl:col-span-5",
+      6: "2xl:col-span-6",
+      7: "2xl:col-span-7",
+      8: "2xl:col-span-8",
+      9: "2xl:col-span-9",
+      10: "2xl:col-span-10",
+      11: "2xl:col-span-11",
+      12: "2xl:col-span-12"
+    }
+  },
+  defaultVariants: {
+    base: 1
+  }
+}), v = ({ columns: s, children: a, className: p, ...c }) => /* @__PURE__ */ l(
+  "div",
+  {
+    className: x(
+      f(typeof s == "number" ? { base: s } : typeof s == "object" && s !== null ? s : {}),
+      p
+    ),
+    ...c,
+    children: a
+  }
+);
 export {
-  p as Label
+  b as Grid,
+  v as GridItem
 };

package/index.es380.js

@@ -0,0 +1,53 @@
+var o = {
+  animationIterationCount: 1,
+  aspectRatio: 1,
+  borderImageOutset: 1,
+  borderImageSlice: 1,
+  borderImageWidth: 1,
+  boxFlex: 1,
+  boxFlexGroup: 1,
+  boxOrdinalGroup: 1,
+  columnCount: 1,
+  columns: 1,
+  flex: 1,
+  flexGrow: 1,
+  flexPositive: 1,
+  flexShrink: 1,
+  flexNegative: 1,
+  flexOrder: 1,
+  gridRow: 1,
+  gridRowEnd: 1,
+  gridRowSpan: 1,
+  gridRowStart: 1,
+  gridColumn: 1,
+  gridColumnEnd: 1,
+  gridColumnSpan: 1,
+  gridColumnStart: 1,
+  msGridRow: 1,
+  msGridRowSpan: 1,
+  msGridColumn: 1,
+  msGridColumnSpan: 1,
+  fontWeight: 1,
+  lineHeight: 1,
+  opacity: 1,
+  order: 1,
+  orphans: 1,
+  scale: 1,
+  tabSize: 1,
+  widows: 1,
+  zIndex: 1,
+  zoom: 1,
+  WebkitLineClamp: 1,
+  // SVG-related properties
+  fillOpacity: 1,
+  floodOpacity: 1,
+  stopOpacity: 1,
+  strokeDasharray: 1,
+  strokeDashoffset: 1,
+  strokeMiterlimit: 1,
+  strokeOpacity: 1,
+  strokeWidth: 1
+};
+export {
+  o as default
+};