@dimasbaguspm/versaur 0.0.16 → 0.0.17

package/dist/js/tile-BjhJ5Mvl.js

@@ -1,939 +0,0 @@
-import { c as b, j as n, a as l } from "./index-DOdDlCoL.js";
-import * as u from "react";
-import { forwardRef as d, useState as v, useEffect as x, useCallback as y, useRef as S, createContext as V, useContext as T, useMemo as A } from "react";
-const B = b(
-  "relative flex items-center gap-2 rounded-md p-2 text-sm transition-all duration-200",
-  {
-    variants: {
-      variant: {
-        default: "",
-        outline: "border"
-      },
-      color: {
-        // Core colors
-        primary: "",
-        secondary: "",
-        tertiary: "",
-        ghost: "",
-        neutral: "",
-        // Semantic colors
-        success: "",
-        info: "",
-        warning: "",
-        danger: ""
-      }
-    },
-    compoundVariants: [
-      // Default variant styles (soft backgrounds)
-      {
-        variant: "default",
-        color: "primary",
-        class: "bg-primary-soft text-primary border border-primary"
-      },
-      {
-        variant: "default",
-        color: "secondary",
-        class: "bg-secondary-soft text-secondary border border-secondary"
-      },
-      {
-        variant: "default",
-        color: "tertiary",
-        class: "bg-tertiary-soft text-tertiary border border-tertiary"
-      },
-      {
-        variant: "default",
-        color: "ghost",
-        class: "bg-ghost-soft text-ghost border border-ghost"
-      },
-      {
-        variant: "default",
-        color: "neutral",
-        class: "bg-border/50 text-foreground border border-border"
-      },
-      {
-        variant: "default",
-        color: "success",
-        class: "bg-success-soft text-success border border-success"
-      },
-      {
-        variant: "default",
-        color: "info",
-        class: "bg-info-soft text-info border border-info"
-      },
-      {
-        variant: "default",
-        color: "warning",
-        class: "bg-warning-soft text-warning border border-warning"
-      },
-      {
-        variant: "default",
-        color: "danger",
-        class: "bg-danger-soft text-danger border border-danger"
-      },
-      // Outline variant styles
-      {
-        variant: "outline",
-        color: "primary",
-        class: "bg-transparent text-primary border-primary"
-      },
-      {
-        variant: "outline",
-        color: "secondary",
-        class: "bg-transparent text-secondary border-secondary"
-      },
-      {
-        variant: "outline",
-        color: "tertiary",
-        class: "bg-transparent text-tertiary border-tertiary"
-      },
-      {
-        variant: "outline",
-        color: "ghost",
-        class: "bg-transparent text-ghost border-ghost"
-      },
-      {
-        variant: "outline",
-        color: "neutral",
-        class: "bg-transparent text-foreground border-border"
-      },
-      {
-        variant: "outline",
-        color: "success",
-        class: "bg-transparent text-success border-success"
-      },
-      {
-        variant: "outline",
-        color: "info",
-        class: "bg-transparent text-info border-info"
-      },
-      {
-        variant: "outline",
-        color: "warning",
-        class: "bg-transparent text-warning border-warning"
-      },
-      {
-        variant: "outline",
-        color: "danger",
-        class: "bg-transparent text-danger border-danger"
-      }
-    ],
-    defaultVariants: {
-      variant: "default",
-      color: "neutral"
-    }
-  }
-), R = b(
-  "flex-shrink-0 flex justify-center items-center ",
-  {
-    variants: {
-      size: {
-        sm: "w-4 h-4",
-        md: "w-5 h-5",
-        lg: "w-6 h-6"
-      }
-    },
-    defaultVariants: {
-      size: "md"
-    }
-  }
-), C = d(
-  ({ className: e, children: r, ...t }, s) => /* @__PURE__ */ n.jsx("div", { ref: s, className: l(R(), e), ...t, children: r })
-), k = d(
-  ({
-    variant: e = "default",
-    color: r = "neutral",
-    icon: t,
-    className: s,
-    children: o,
-    ...a
-  }, g) => /* @__PURE__ */ n.jsxs(
-    "div",
-    {
-      ref: g,
-      role: "alert",
-      className: l(B({ variant: e, color: r }), s),
-      ...a,
-      children: [
-        t && /* @__PURE__ */ n.jsx(C, { children: t }),
-        /* @__PURE__ */ n.jsx("div", { className: "flex-1", children: o })
-      ]
-    }
-  )
-), le = Object.assign(k, {
-  Icon: C
-}), I = b(
-  [
-    "inline-flex items-center transition-colors underline underline-offset-2 focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2",
-    // pseudo selectors for anchor
-    "hover:no-underline"
-  ],
-  {
-    variants: {
-      color: {
-        primary: "text-primary",
-        secondary: "text-secondary",
-        ghost: "text-ghost",
-        danger: "text-danger",
-        neutral: "text-neutral"
-      }
-    },
-    defaultVariants: {
-      color: "primary"
-    }
-  }
-), O = d(
-  ({
-    children: e,
-    className: r,
-    color: t = "primary",
-    fontSize: s = "base",
-    fontWeight: o = "medium",
-    ...a
-  }, g) => {
-    const i = s ? `text-${s}` : "text-base", f = o ? `font-${o}` : "font-medium";
-    return /* @__PURE__ */ n.jsx(
-      "a",
-      {
-        ref: g,
-        className: l(
-          I({ color: t }),
-          i,
-          f,
-          r
-        ),
-        ...a,
-        children: e
-      }
-    );
-  }
-);
-O.displayName = "Anchor";
-const q = b(
-  "inline-flex items-center justify-center font-medium text-white overflow-hidden transition-all duration-200 select-none relative",
-  {
-    variants: {
-      variant: {
-        // Core variants using Versaur color system
-        primary: "bg-primary-light text-primary",
-        secondary: "bg-secondary-light text-secondary",
-        tertiary: "bg-tertiary-light text-tertiary",
-        ghost: "bg-ghost-light text-ghost",
-        neutral: "bg-neutral-light text-foreground border border-border",
-        // Semantic variants
-        success: "bg-success-light text-success",
-        info: "bg-info-light text-info",
-        warning: "bg-warning-light text-warning",
-        danger: "bg-danger-light text-danger"
-      },
-      size: {
-        xs: "h-6 w-6 text-xs",
-        sm: "h-8 w-8 text-xs",
-        md: "h-10 w-10 text-sm",
-        lg: "h-12 w-12 text-base",
-        xl: "h-16 w-16 text-xl"
-      },
-      shape: {
-        circle: "rounded-full",
-        square: "rounded-none",
-        rounded: "rounded-md"
-      }
-    },
-    defaultVariants: {
-      variant: "primary",
-      size: "md",
-      shape: "circle"
-    }
-  }
-), F = b(
-  "absolute inset-0 h-full w-full object-cover"
-), L = d(
-  ({
-    variant: e = "primary",
-    size: r = "md",
-    shape: t = "circle",
-    className: s,
-    children: o,
-    ...a
-  }, g) => /* @__PURE__ */ n.jsx(
-    "div",
-    {
-      ref: g,
-      className: l(q({ variant: e, size: r, shape: t }), s),
-      ...a,
-      children: o
-    }
-  )
-), $ = d(
-  ({ src: e, alt: r, className: t, onError: s, ...o }, a) => {
-    const [g, i] = v(!1);
-    x(() => {
-      i(!1);
-    }, [e]);
-    const f = y(
-      (c) => {
-        i(!0), s?.(c);
-      },
-      [s]
-    );
-    return g ? null : /* @__PURE__ */ n.jsx(
-      "img",
-      {
-        ref: a,
-        src: e,
-        alt: r,
-        className: l(F(), t),
-        onError: f,
-        ...o
-      }
-    );
-  }
-), ce = Object.assign(L, {
-  /**
-   * AvatarImage sub-component for displaying images with fallback behavior
-   */
-  Image: $
-}), M = b(
-  "inline-flex items-center justify-center font-medium transition-all duration-200 select-none gap-1 min-h-[1.25rem]",
-  {
-    variants: {
-      variant: {
-        default: "",
-        outline: "border bg-background"
-      },
-      color: {
-        // Core colors
-        primary: "",
-        secondary: "",
-        tertiary: "",
-        ghost: "",
-        neutral: "",
-        // Semantic colors
-        success: "",
-        info: "",
-        warning: "",
-        danger: ""
-      },
-      shape: {
-        rounded: "rounded-full",
-        square: "rounded-md"
-      },
-      size: {
-        sm: "text-xs px-1 py-0.25 h-3",
-        md: "text-xs px-1.5 py-0.5 h-4",
-        lg: "text-sm px-2 py-1 h-6"
-      },
-      iconOnly: {
-        true: "",
-        false: ""
-      }
-    },
-    compoundVariants: [
-      // Default variant color combinations - using light/soft backgrounds
-      {
-        variant: "default",
-        color: "primary",
-        className: "bg-primary-light text-primary"
-      },
-      {
-        variant: "default",
-        color: "secondary",
-        className: "bg-secondary-light text-secondary"
-      },
-      {
-        variant: "default",
-        color: "tertiary",
-        className: "bg-tertiary-light text-tertiary"
-      },
-      {
-        variant: "default",
-        color: "ghost",
-        className: "bg-ghost-light text-ghost"
-      },
-      {
-        variant: "default",
-        color: "neutral",
-        className: "bg-neutral text-foreground"
-      },
-      {
-        variant: "default",
-        color: "success",
-        className: "bg-success-light text-success"
-      },
-      {
-        variant: "default",
-        color: "info",
-        className: "bg-info-light text-info"
-      },
-      {
-        variant: "default",
-        color: "warning",
-        className: "bg-warning-light text-warning"
-      },
-      {
-        variant: "default",
-        color: "danger",
-        className: "bg-danger-light text-danger"
-      },
-      // Outline variant color combinations
-      {
-        variant: "outline",
-        color: "primary",
-        className: "border-primary text-primary"
-      },
-      {
-        variant: "outline",
-        color: "secondary",
-        className: "border-secondary text-secondary"
-      },
-      {
-        variant: "outline",
-        color: "tertiary",
-        className: "border-tertiary text-tertiary"
-      },
-      {
-        variant: "outline",
-        color: "ghost",
-        className: "border-ghost text-ghost"
-      },
-      {
-        variant: "outline",
-        color: "neutral",
-        className: "border-neutral text-foreground"
-      },
-      {
-        variant: "outline",
-        color: "success",
-        className: "border-success text-success"
-      },
-      {
-        variant: "outline",
-        color: "info",
-        className: "border-info text-info"
-      },
-      {
-        variant: "outline",
-        color: "warning",
-        className: "border-warning text-warning"
-      },
-      {
-        variant: "outline",
-        color: "danger",
-        className: "border-danger text-danger"
-      },
-      // Icon-only size adjustments
-      {
-        iconOnly: !0,
-        size: "sm",
-        className: "px-1 py-1 w-5 h-5"
-      },
-      {
-        iconOnly: !0,
-        size: "md",
-        className: "px-1.5 py-1.5 w-6 h-6"
-      },
-      {
-        iconOnly: !0,
-        size: "lg",
-        className: "px-2 py-2 w-7 h-7"
-      }
-    ],
-    defaultVariants: {
-      variant: "default",
-      color: "primary",
-      shape: "square",
-      size: "md",
-      iconOnly: !1
-    }
-  }
-), P = d(
-  ({
-    variant: e = "default",
-    shape: r = "square",
-    color: t = "primary",
-    size: s = "md",
-    iconLeft: o,
-    iconRight: a,
-    className: g,
-    children: i,
-    ...f
-  }, c) => {
-    const h = !(i != null && i !== "") && !!(o || a);
-    return /* @__PURE__ */ n.jsx(
-      "span",
-      {
-        ref: c,
-        className: l(
-          M({
-            variant: e,
-            color: t,
-            shape: r,
-            size: s,
-            iconOnly: h
-          }),
-          g
-        ),
-        ...f,
-        children: h ? (
-          // Icon-only mode: display only the icon
-          o || a
-        ) : (
-          // Normal mode: display icon(s) and text
-          /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
-            o,
-            i,
-            a
-          ] })
-        )
-      }
-    );
-  }
-);
-P.displayName = "Badge";
-const E = (e) => /* @__PURE__ */ u.createElement("svg", { width: 32, height: 32, viewBox: "0 0 32 32", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ u.createElement("title", null, "Spenicle"), /* @__PURE__ */ u.createElement("rect", { width: 32, height: 32, fill: "#e07a5f" }), /* @__PURE__ */ u.createElement("g", { transform: "translate(16, 16) scale(0.625) translate(-12, -12)" }, /* @__PURE__ */ u.createElement("path", { d: "M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z", fill: "white" }))), H = (e) => /* @__PURE__ */ u.createElement("svg", { width: 32, height: 32, viewBox: "0 0 32 32", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ u.createElement("title", null, "Spenicle"), /* @__PURE__ */ u.createElement("rect", { width: 32, height: 32, rx: 8, fill: "#e07a5f" }), /* @__PURE__ */ u.createElement("g", { transform: "translate(16, 16) scale(0.625) translate(-12, -12)" }, /* @__PURE__ */ u.createElement("path", { d: "M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z", fill: "white" }))), Y = (e) => /* @__PURE__ */ u.createElement("svg", { width: 32, height: 32, viewBox: "0 0 32 32", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ u.createElement("title", null, "Spenicle"), /* @__PURE__ */ u.createElement("circle", { cx: 16, cy: 16, r: 16, fill: "#e07a5f" }), /* @__PURE__ */ u.createElement("g", { transform: "translate(16, 16) scale(0.625) translate(-12, -12)" }, /* @__PURE__ */ u.createElement("path", { d: "M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z", fill: "white" }))), _ = b("", {
-  variants: {
-    size: {
-      xs: "h-6 w-6",
-      sm: "h-6 w-6",
-      md: "h-8 w-8",
-      lg: "h-10 w-10",
-      xl: "h-12 w-12"
-    }
-  },
-  defaultVariants: {
-    size: "md"
-  }
-}), D = d(
-  ({ shape: e = "square", size: r, ...t }, s) => {
-    const a = {
-      square: E,
-      rounded: H,
-      circle: Y
-    }[e] || E;
-    return /* @__PURE__ */ n.jsx(
-      a,
-      {
-        ref: s,
-        ...t,
-        className: l("inline-block", _({ size: r }))
-      }
-    );
-  }
-), de = d(
-  ({ name: e = "spenicle", size: r = "md", shape: t, ...s }, o) => /* @__PURE__ */ n.jsx(
-    "span",
-    {
-      ref: o,
-      className: l("inline-flex items-center gap-2"),
-      ...s,
-      children: /* @__PURE__ */ n.jsx(D, { shape: t, size: r, "aria-hidden": "true" })
-    }
-  )
-), G = b(
-  [
-    "inline-flex items-center justify-center gap-2",
-    "rounded-lg",
-    "font-medium",
-    "transition-all",
-    "duration-200",
-    "focus-visible:outline-none",
-    "focus-visible:ring-2",
-    "focus-visible:ring-offset-2",
-    "disabled:opacity-50",
-    "disabled:pointer-events-none",
-    "select-none",
-    "shadow-lg",
-    "transition-transform",
-    "transition-shadow",
-    "will-change-transform,opacity,box-shadow",
-    "hover:scale-105",
-    "active:scale-95",
-    "focus-visible:shadow-xl",
-    "hover:shadow-xl",
-    "active:shadow-md"
-  ].join(" "),
-  {
-    variants: {
-      variant: {
-        primary: "bg-primary text-white hover:bg-primary/90 focus-visible:ring-primary-soft focus-visible:ring-offset-white",
-        secondary: "bg-secondary text-white hover:bg-secondary/90 focus-visible:ring-secondary-soft focus-visible:ring-offset-white",
-        tertiary: "bg-tertiary text-white hover:bg-tertiary/90 focus-visible:ring-tertiary-soft focus-visible:ring-offset-white",
-        ghost: "bg-white text-foreground hover:bg-ghost-soft focus-visible:ring-ghost-soft focus-visible:ring-offset-white",
-        neutral: "bg-neutral text-foreground border border-border hover:bg-neutral/80 focus-visible:ring-foreground-soft focus-visible:ring-offset-white",
-        "primary-outline": "border border-primary text-primary bg-white hover:bg-primary hover:text-white focus-visible:ring-primary-soft focus-visible:ring-offset-white",
-        "secondary-outline": "border border-secondary text-secondary bg-white hover:bg-secondary hover:text-white focus-visible:ring-secondary-soft focus-visible:ring-offset-white",
-        "tertiary-outline": "border border-tertiary text-tertiary bg-white hover:bg-tertiary hover:text-white focus-visible:ring-tertiary-soft focus-visible:ring-offset-white",
-        "ghost-outline": "border border-ghost text-ghost bg-white hover:bg-ghost hover:text-white focus-visible:ring-ghost-soft focus-visible:ring-offset-white",
-        "neutral-outline": "border border-neutral text-foreground bg-white hover:bg-neutral hover:text-foreground focus-visible:ring-foreground-soft focus-visible:ring-offset-white",
-        "primary-ghost": "text-primary bg-white hover:bg-primary-soft focus-visible:ring-primary-soft focus-visible:ring-offset-white",
-        "secondary-ghost": "text-secondary bg-white hover:bg-secondary-soft focus-visible:ring-secondary-soft focus-visible:ring-offset-white",
-        "tertiary-ghost": "text-tertiary bg-white hover:bg-tertiary-soft focus-visible:ring-tertiary-soft focus-visible:ring-offset-white",
-        "neutral-ghost": "text-foreground bg-white hover:bg-neutral/70 focus-visible:ring-foreground-soft focus-visible:ring-offset-white",
-        success: "bg-success text-white hover:bg-success/90 focus-visible:ring-success-soft focus-visible:ring-offset-white",
-        "success-outline": "border border-success text-success bg-white hover:bg-success hover:text-white focus-visible:ring-success-soft focus-visible:ring-offset-white",
-        "success-ghost": "text-success bg-white hover:bg-success-soft focus-visible:ring-success-soft focus-visible:ring-offset-white",
-        info: "bg-info text-white hover:bg-info/90 focus-visible:ring-info-soft focus-visible:ring-offset-white",
-        "info-outline": "border border-info text-info bg-white hover:bg-info hover:text-white focus-visible:ring-info-soft focus-visible:ring-offset-white",
-        "info-ghost": "text-info bg-white hover:bg-info-soft focus-visible:ring-info-soft focus-visible:ring-offset-white",
-        warning: "bg-warning text-white hover:bg-warning/90 focus-visible:ring-warning-soft focus-visible:ring-offset-white",
-        "warning-outline": "border border-warning text-warning bg-white hover:bg-warning hover:text-white focus-visible:ring-warning-soft focus-visible:ring-offset-white",
-        "warning-ghost": "text-warning bg-white hover:bg-warning-soft focus-visible:ring-warning-soft focus-visible:ring-offset-white",
-        danger: "bg-danger text-white hover:bg-danger/90 focus-visible:ring-danger-soft focus-visible:ring-offset-white",
-        "danger-outline": "border border-danger text-danger bg-white hover:bg-danger hover:text-white focus-visible:ring-danger-soft focus-visible:ring-offset-white",
-        "danger-ghost": "text-danger bg-white hover:bg-danger-soft focus-visible:ring-danger-soft focus-visible:ring-offset-white",
-        outline: "border border-border text-foreground bg-white hover:bg-accent-soft focus-visible:ring-accent-soft focus-visible:ring-offset-white",
-        destructive: "bg-danger text-white hover:bg-danger/90 focus-visible:ring-danger-soft focus-visible:ring-offset-white"
-      },
-      size: {
-        sm: "h-12 w-12 min-w-12 min-h-12 text-base",
-        md: "h-14 w-14 min-w-14 min-h-14 text-lg",
-        lg: "h-16 w-16 min-w-16 min-h-16 text-xl"
-      }
-    },
-    defaultVariants: {
-      variant: "primary",
-      size: "md"
-    }
-  }
-);
-function J(e, r = "1rem") {
-  const t = S(null), [s, o] = v({}), [a, g] = v("fixed bottom-4 right-4"), i = y(() => {
-    const c = t.current;
-    if (!c) return;
-    const m = c.getBoundingClientRect().height > window.innerHeight;
-    let h = {}, p = "";
-    m ? (h = {
-      position: "fixed",
-      bottom: r,
-      zIndex: 50,
-      transform: `translateY(${c.scrollTop}px)`
-    }, p = `fixed bottom-4 ${e}-4`) : (h = {
-      position: "fixed",
-      bottom: r,
-      zIndex: 50
-    }, p = `fixed bottom-4 ${e}-4`), o(h), g(p);
-  }, [e, r]);
-  return x(() => {
-    i();
-    const c = t.current;
-    return c && c.addEventListener("scroll", i), window.addEventListener("resize", i), () => {
-      c && c.removeEventListener("scroll", i), window.removeEventListener("resize", i);
-    };
-  }, [i]), x(() => {
-    t.current && i();
-  }, [e, r, i]), [y(
-    (c) => {
-      t.current = c, c && i();
-    },
-    [i]
-  ), s, a];
-}
-const ge = d(
-  function({
-    className: r,
-    variant: t = "primary",
-    size: s = "md",
-    side: o = "right",
-    offset: a = "1rem",
-    ...g
-  }, i) {
-    const [f, c, w] = J(
-      o,
-      a
-    ), [m, h] = v(!1);
-    return x(() => {
-      h(!0);
-    }, []), /* @__PURE__ */ n.jsx("div", { ref: f, children: /* @__PURE__ */ n.jsx(
-      "button",
-      {
-        ref: i,
-        type: g.type || "button",
-        className: l(
-          G({ variant: t, size: s }),
-          w,
-          m && "animate-fab-in",
-          r
-        ),
-        style: c,
-        ...g
-      }
-    ) });
-  }
-), K = b(
-  "flex items-center gap-2 px-4 py-2 rounded-sm w-fit relative shadow-sm",
-  {
-    variants: {
-      color: {
-        success: "text-success-bold bg-success-soft border-l-4 border-success",
-        info: "text-info-bold bg-info-soft border-l-4 border-info",
-        warning: "text-warning-bold bg-warning-soft border-l-4 border-warning",
-        danger: "text-danger-bold bg-danger-soft border-l-4 border-danger"
-      }
-    },
-    defaultVariants: {
-      color: "success"
-    }
-  }
-), Q = ({
-  children: e,
-  ...r
-}) => /* @__PURE__ */ n.jsx(
-  "span",
-  {
-    className: "flex-1 truncate text-sm",
-    "data-testid": "snackbar-text",
-    ...r,
-    children: e
-  }
-), U = ({
-  children: e,
-  ...r
-}) => /* @__PURE__ */ n.jsx("span", { className: "ml-2", "data-testid": "snackbar-action", ...r, children: e }), ue = d(
-  ({ children: e, action: r, color: t, className: s, ...o }, a) => /* @__PURE__ */ n.jsxs(
-    "div",
-    {
-      ref: a,
-      role: "status",
-      "aria-live": "polite",
-      className: l(K({ color: t }), s),
-      ...o,
-      children: [
-        /* @__PURE__ */ n.jsx(Q, { children: e }),
-        r && /* @__PURE__ */ n.jsx(U, { children: r })
-      ]
-    }
-  )
-), z = V(null), W = z.Provider;
-function N() {
-  const e = T(z);
-  if (!e)
-    throw new Error("Table compound components must be used within <Table>");
-  return e;
-}
-const j = (e) => {
-  if (e < 1 || e > 12)
-    throw new Error("Column span must be between 1 and 12");
-  switch (e) {
-    case 1:
-      return "grid-cols-1";
-    case 2:
-      return "grid-cols-2";
-    case 3:
-      return "grid-cols-3";
-    case 4:
-      return "grid-cols-4";
-    case 5:
-      return "grid-cols-5";
-    case 6:
-      return "grid-cols-6";
-    case 7:
-      return "grid-cols-7";
-    case 8:
-      return "grid-cols-8";
-    case 9:
-      return "grid-cols-9";
-    case 10:
-      return "grid-cols-10";
-    case 11:
-      return "grid-cols-11";
-    case 12:
-      return "grid-cols-12";
-    default:
-      return "grid-cols-2";
-  }
-}, X = (e) => {
-  if (e < 1 || e > 12)
-    throw new Error("Column span must be between 1 and 12");
-  switch (e) {
-    case 1:
-      return "col-span-1";
-    case 2:
-      return "col-span-2";
-    case 3:
-      return "col-span-3";
-    case 4:
-      return "col-span-4";
-    case 5:
-      return "col-span-5";
-    case 6:
-      return "col-span-6";
-    case 7:
-      return "col-span-7";
-    case 8:
-      return "col-span-8";
-    case 9:
-      return "col-span-9";
-    case 10:
-      return "col-span-10";
-    case 11:
-      return "col-span-11";
-    case 12:
-      return "col-span-12";
-    default:
-      return "col-span-2";
-  }
-}, Z = d(
-  ({ children: e, className: r, ...t }, s) => {
-    const { maxColumns: o } = N();
-    return /* @__PURE__ */ n.jsx(
-      "div",
-      {
-        role: "rowgroup",
-        className: l("bg-neutral-soft", r),
-        ...t,
-        ref: s,
-        children: /* @__PURE__ */ n.jsx(
-          "div",
-          {
-            role: "row",
-            className: l("grid gap-4", j(o)),
-            children: e
-          }
-        )
-      }
-    );
-  }
-), ee = d(
-  ({ children: e, className: r, ...t }, s) => /* @__PURE__ */ n.jsx("div", { role: "rowgroup", ref: s, className: l(r), ...t, children: e })
-), re = d(
-  ({ children: e, className: r, ...t }, s) => {
-    const { maxColumns: o } = N();
-    return /* @__PURE__ */ n.jsx(
-      "div",
-      {
-        role: "rowgroup",
-        className: l("bg-neutral-soft", r),
-        ...t,
-        ref: s,
-        children: /* @__PURE__ */ n.jsx(
-          "div",
-          {
-            role: "row",
-            className: l("grid gap-4", j(o)),
-            children: e
-          }
-        )
-      }
-    );
-  }
-), te = d(
-  ({ children: e, className: r, ...t }, s) => {
-    const { maxColumns: o } = N();
-    return /* @__PURE__ */ n.jsx(
-      "div",
-      {
-        role: "row",
-        className: l(
-          "grid gap-4",
-          j(o),
-          "border-b border-border last:border-0",
-          r
-        ),
-        ref: s,
-        ...t,
-        children: e
-      }
-    );
-  }
-), se = d(
-  ({ as: e = "td", span: r, align: t = "left", children: s, className: o, ...a }, g) => {
-    const i = e === "th" ? "columnheader" : "cell";
-    let f = "text-left";
-    return t === "center" ? f = "text-center" : t === "right" && (f = "text-right"), /* @__PURE__ */ n.jsx(
-      "div",
-      {
-        ref: g,
-        role: i,
-        className: l(
-          "px-4 py-2",
-          "[&:not(:last-child)]:border-r [&:not(:last-child)]:border-border",
-          X(r),
-          f,
-          o
-        ),
-        ...a,
-        children: s
-      }
-    );
-  }
-), oe = d(
-  ({ children: e, className: r, maxColumns: t = 12, ...s }, o) => {
-    const a = A(
-      () => ({ maxColumns: t }),
-      [t]
-    );
-    return /* @__PURE__ */ n.jsx(W, { value: a, children: /* @__PURE__ */ n.jsx(
-      "div",
-      {
-        ref: o,
-        role: "table",
-        className: l(
-          "w-full overflow-x-auto rounded-lg border border-border",
-          r
-        ),
-        ...s,
-        children: e
-      }
-    ) });
-  }
-), fe = Object.assign(oe, {
-  Header: Z,
-  Body: ee,
-  Footer: re,
-  Row: te,
-  Column: se
-}), ne = b(
-  // Base classes
-  "block transition-colors duration-200",
-  {
-    variants: {
-      variant: {
-        white: "bg-white border border-border",
-        neutral: "bg-neutral border border-gray-200",
-        primary: "bg-primary-soft border border-primary",
-        secondary: "bg-secondary-soft border border-secondary",
-        tertiary: "bg-tertiary-soft border border-tertiary",
-        ghost: "bg-transparent border border-ghost",
-        success: "bg-success-soft border border-success",
-        info: "bg-info-soft border border-info",
-        warning: "bg-warning-soft border border-warning",
-        danger: "bg-danger-soft border border-danger"
-      },
-      size: {
-        xs: "p-2",
-        sm: "p-3",
-        md: "p-4",
-        lg: "p-6",
-        xl: "p-8"
-      },
-      shape: {
-        rounded: "rounded-lg",
-        square: "rounded-none"
-      }
-    },
-    defaultVariants: {
-      variant: "white",
-      size: "md",
-      shape: "rounded"
-    }
-  }
-), be = d(
-  ({ variant: e = "white", size: r = "md", shape: t = "rounded", className: s, ...o }, a) => /* @__PURE__ */ n.jsx(
-    "div",
-    {
-      ref: a,
-      className: l(ne({ variant: e, size: r, shape: t }), s),
-      ...o
-    }
-  )
-);
-export {
-  le as A,
-  P as B,
-  ue as S,
-  fe as T,
-  O as a,
-  ce as b,
-  de as c,
-  ge as d,
-  be as e
-};