@zentauri-ui/zentauri-components 1.4.5 → 1.4.7

package/dist/chunk-K6YI4FJO.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/hooks/useFocusManagement/useFocusManagement.ts"],"names":[],"mappings":"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","file":"chunk-K6YI4FJO.mjs","sourcesContent":["\"use client\";\n\nimport type { RefObject } from \"react\";\nimport { useEffect, useLayoutEffect, useRef } from \"react\";\nimport { useBodyScrollLock } from \"../useBodyScrollLock\";\n\nconst FOCUSABLE_SELECTOR = [\n  \"a[href]\",\n  \"button:not([disabled])\",\n  \"textarea:not([disabled])\",\n  \"input:not([disabled])\",\n  \"select:not([disabled])\",\n  '[tabindex]:not([tabindex=\"-1\"])',\n].join(\", \");\n\nfunction getFocusableElements(\n  root: HTMLElement,\n  focusableSelector: string,\n): HTMLElement[] {\n  return Array.from(\n    root.querySelectorAll<HTMLElement>(focusableSelector),\n  ).filter((element) => {\n    if (element.getAttribute(\"aria-hidden\") === \"true\") {\n      return false;\n    }\n    if (typeof window === \"undefined\") {\n      return true;\n    }\n    const style = getComputedStyle(element);\n    if (style.visibility === \"hidden\" || style.display === \"none\") {\n      return false;\n    }\n    return true;\n  });\n}\n\n/**\n * Composes modal-like behavior for an open overlay: body scroll lock, Escape to close, focus trapping with circular Tab cycling, and restoring focus after close.\n */\nexport const useFocusManagement = ({\n  open,\n  setOpen,\n  contentRef,\n  triggerRef,\n  focusableSelector = FOCUSABLE_SELECTOR,\n}: {\n  open: boolean;\n  setOpen: (open: boolean) => void;\n  contentRef: RefObject<HTMLElement | null>;\n  /** Last modal trigger control; used when focus cannot be inferred at open time. */\n  triggerRef?: RefObject<HTMLElement | null>;\n  focusableSelector?: string;\n}) => {\n  useBodyScrollLock(open);\n\n  const previousFocusRef = useRef<HTMLElement | null>(null);\n\n  useEffect(() => {\n    if (!open) {\n      return;\n    }\n    const handleKeyDown = (event: KeyboardEvent) => {\n      if (event.key === \"Escape\") {\n        setOpen(false);\n      }\n    };\n    window.addEventListener(\"keydown\", handleKeyDown);\n    return () => window.removeEventListener(\"keydown\", handleKeyDown);\n  }, [open, setOpen]);\n\n  useLayoutEffect(() => {\n    if (!open) {\n      return;\n    }\n\n    let cancelled = false;\n    let rafId = 0;\n    let trapInstalled = false;\n\n    const detachTrap = () => {\n      if (!trapInstalled) {\n        return;\n      }\n      trapInstalled = false;\n      document.removeEventListener(\"focusin\", handleFocusIn, true);\n      document.removeEventListener(\"keydown\", handleTabKeyDown, true);\n    };\n\n    let trapRoot: HTMLElement | null = null;\n\n    const handleFocusIn = (event: FocusEvent) => {\n      const node = trapRoot;\n      if (!node) {\n        return;\n      }\n      const focused = event.target;\n      if (!(focused instanceof Node)) {\n        return;\n      }\n      if (node.contains(focused)) {\n        return;\n      }\n      const list = getFocusableElements(node, focusableSelector);\n      const redirectTarget = list[0] ?? node;\n      redirectTarget.focus({ preventScroll: true });\n    };\n\n    const handleTabKeyDown = (event: KeyboardEvent) => {\n      const node = trapRoot;\n      if (!node) {\n        return;\n      }\n      if (event.key !== \"Tab\") {\n        return;\n      }\n      const list = getFocusableElements(node, focusableSelector);\n      if (list.length === 0) {\n        event.preventDefault();\n        node.focus({ preventScroll: true });\n        return;\n      }\n      const first = list[0];\n      const last = list[list.length - 1];\n      if (!first || !last) {\n        return;\n      }\n      const activeElement = document.activeElement as HTMLElement | undefined;\n\n      if (!activeElement || !node.contains(activeElement)) {\n        event.preventDefault();\n        (event.shiftKey ? last : first).focus({ preventScroll: true });\n        return;\n      }\n\n      if (event.shiftKey && activeElement === first) {\n        event.preventDefault();\n        last.focus({ preventScroll: true });\n        return;\n      }\n      if (!event.shiftKey && activeElement === last) {\n        event.preventDefault();\n        first.focus({ preventScroll: true });\n      }\n    };\n\n    const installTrap = () => {\n      if (cancelled) {\n        return;\n      }\n      const node = contentRef.current;\n      if (!node) {\n        rafId = requestAnimationFrame(installTrap);\n        return;\n      }\n\n      trapRoot = node;\n\n      const active = document.activeElement;\n      if (\n        active instanceof HTMLElement &&\n        active !== document.body &&\n        !node.contains(active)\n      ) {\n        previousFocusRef.current = active;\n      } else {\n        previousFocusRef.current = triggerRef?.current ?? null;\n      }\n\n      const focusables = getFocusableElements(node, focusableSelector);\n      const initialFocus = focusables[0] ?? node;\n      initialFocus.focus({ preventScroll: true });\n\n      document.addEventListener(\"focusin\", handleFocusIn, true);\n      document.addEventListener(\"keydown\", handleTabKeyDown, true);\n      trapInstalled = true;\n    };\n\n    installTrap();\n\n    return () => {\n      cancelled = true;\n      cancelAnimationFrame(rafId);\n      detachTrap();\n      trapRoot = null;\n\n      const fallbackTrigger =\n        triggerRef?.current &&\n        document.body.contains(triggerRef.current) &&\n        typeof triggerRef.current.focus === \"function\"\n          ? triggerRef.current\n          : null;\n\n      const toRestore = previousFocusRef.current ?? fallbackTrigger;\n      previousFocusRef.current = null;\n\n      if (\n        toRestore &&\n        typeof toRestore.focus === \"function\" &&\n        document.body.contains(toRestore)\n      ) {\n        toRestore.focus({ preventScroll: true });\n      }\n    };\n  }, [open, contentRef, triggerRef, focusableSelector]);\n};\n"]}

package/dist/{chunk-WP7GYBRI.js → chunk-KC5LEZ6J.js}

@@ -23,5 +23,5 @@ function useMediaQuery(query, defaultValue = false) {
 }
 
 exports.useMediaQuery = useMediaQuery;
-//# sourceMappingURL=chunk-WP7GYBRI.js.map
-//# sourceMappingURL=chunk-WP7GYBRI.js.map
+//# sourceMappingURL=chunk-KC5LEZ6J.js.map
+//# sourceMappingURL=chunk-KC5LEZ6J.js.map

package/dist/chunk-KC5LEZ6J.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/hooks/useMediaQuery/useMediaQuery.ts"],"names":["useState","useEffect"],"mappings":";;;;;AAcO,SAAS,aAAA,CAAc,KAAA,EAAe,YAAA,GAAe,KAAA,EAAgB;AAC1E,EAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAIA,eAAS,YAAY,CAAA;AAEnD,EAAAC,eAAA,CAAU,MAAM;AACd,IAAA,IAAI,OAAO,MAAA,KAAW,WAAA,IAAe,CAAC,OAAO,UAAA,EAAY;AACvD,MAAA;AAAA,IACF;AACA,IAAA,MAAM,KAAA,GAAQ,MAAA,CAAO,UAAA,CAAW,KAAK,CAAA;AACrC,IAAA,MAAM,WAAW,MAAM;AACrB,MAAA,UAAA,CAAW,MAAM,OAAO,CAAA;AAAA,IAC1B,CAAA;AACA,IAAA,UAAA,CAAW,MAAM,OAAO,CAAA;AACxB,IAAA,KAAA,CAAM,gBAAA,CAAiB,UAAU,QAAQ,CAAA;AACzC,IAAA,OAAO,MAAM;AACX,MAAA,KAAA,CAAM,mBAAA,CAAoB,UAAU,QAAQ,CAAA;AAAA,IAC9C,CAAA;AAAA,EACF,CAAA,EAAG,CAAC,KAAK,CAAC,CAAA;AAEV,EAAA,OAAO,OAAA;AACT","file":"chunk-KC5LEZ6J.js","sourcesContent":["\"use client\";\n\nimport { useEffect, useState } from \"react\";\n\n/**\n * Subscribes to `window.matchMedia(query)` and returns whether the query currently matches.\n *\n * On the server or when `matchMedia` is missing, `defaultValue` is used for the initial render and the effect no-ops.\n * The `change` listener keeps `matches` updated when the viewport or user settings change.\n *\n * @param query - A valid media query string, e.g. `\"(min-width: 768px)\"`.\n * @param defaultValue - Value to use before hydration or when `matchMedia` is unavailable (default `false`).\n * @returns Current `matches` boolean for the query.\n */\nexport function useMediaQuery(query: string, defaultValue = false): boolean {\n  const [matches, setMatches] = useState(defaultValue);\n\n  useEffect(() => {\n    if (typeof window === \"undefined\" || !window.matchMedia) {\n      return;\n    }\n    const media = window.matchMedia(query);\n    const onChange = () => {\n      setMatches(media.matches);\n    };\n    setMatches(media.matches);\n    media.addEventListener(\"change\", onChange);\n    return () => {\n      media.removeEventListener(\"change\", onChange);\n    };\n  }, [query]);\n\n  return matches;\n}\n"]}

package/dist/{chunk-BVXTOEBI.mjs → chunk-LN77JJTY.mjs}

@@ -1,4 +1,4 @@
-import { cn } from './chunk-DFEZH7TC.mjs';
+import { cn } from './chunk-4D54YOL6.mjs';
 import { cva } from 'class-variance-authority';
 import { createContext, useContext, useMemo } from 'react';
 import { jsx } from 'react/jsx-runtime';
@@ -119,6 +119,7 @@ function TableBase(props) {
     size = "md",
     textAlign = "left",
     stickyHeader = false,
+    scrollAreaAriaLabel,
     children,
     ref,
     ...rest
@@ -133,21 +134,33 @@ function TableBase(props) {
     }),
     [appearance, size, stickyHeader, textAlign]
   );
-  return /* @__PURE__ */ jsx(TableContext.Provider, { value: ctx, children: /* @__PURE__ */ jsx("div", { "data-slot": "table-scroll", className: "relative w-full overflow-auto", children: /* @__PURE__ */ jsx(
-    "table",
+  return /* @__PURE__ */ jsx(TableContext.Provider, { value: ctx, children: /* @__PURE__ */ jsx(
+    "div",
     {
-      ref,
-      "data-slot": "table",
-      role: "table",
+      "data-slot": "table-scroll",
+      tabIndex: 0,
+      role: "region",
+      "aria-label": scrollAreaAriaLabel ?? "Scrollable table",
       className: cn(
-        tableVariants({ appearance, size, stickyHeader }),
-        "w-full min-w-0 table",
-        className
+        "relative w-full overflow-auto",
+        "outline-none focus-visible:ring-2 focus-visible:ring-slate-300 focus-visible:ring-offset-2 focus-visible:ring-offset-slate-950"
       ),
-      ...rest,
-      children
+      children: /* @__PURE__ */ jsx(
+        "table",
+        {
+          ref,
+          "data-slot": "table",
+          className: cn(
+            tableVariants({ appearance, size, stickyHeader }),
+            "w-full min-w-0 table",
+            className
+          ),
+          ...rest,
+          children
+        }
+      )
     }
-  ) }) });
+  ) });
 }
 TableBase.displayName = "Table";
 function TableHeader({ className, children }) {
@@ -224,22 +237,28 @@ function TableCell({
   className,
   children,
   ref,
+  scope,
   ...rest
 }) {
   const { appearance, size, textAlign } = useTableContext("TableCell");
-  return /* @__PURE__ */ jsx(
-    "td",
-    {
-      ref,
-      "data-slot": "table-cell",
-      className: cn(
-        tableCellVariants({ appearance, size, textAlign }),
-        className
-      ),
-      ...rest,
-      children
-    }
+  const cellClassName = cn(
+    tableCellVariants({ appearance, size, textAlign }),
+    className
   );
+  if (scope !== void 0) {
+    return /* @__PURE__ */ jsx(
+      "th",
+      {
+        ref,
+        "data-slot": "table-cell",
+        scope,
+        className: cellClassName,
+        ...rest,
+        children
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx("td", { ref, "data-slot": "table-cell", className: cellClassName, ...rest, children });
 }
 TableCell.displayName = "TableCell";
 function TableCaption({ className, children }) {
@@ -255,5 +274,5 @@ function TableCaption({ className, children }) {
 TableCaption.displayName = "TableCaption";
 
 export { TableBase, TableBody, TableCaption, TableCell, TableContext, TableFooter, TableHead, TableHeader, TableRow, tableCellVariants, tableRowVariants, tableVariants, useTableContext };
-//# sourceMappingURL=chunk-BVXTOEBI.mjs.map
-//# sourceMappingURL=chunk-BVXTOEBI.mjs.map
+//# sourceMappingURL=chunk-LN77JJTY.mjs.map
+//# sourceMappingURL=chunk-LN77JJTY.mjs.map

package/dist/chunk-LN77JJTY.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ui/table/variants.ts","../src/ui/table/table-base.tsx"],"names":[],"mappings":"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","file":"chunk-LN77JJTY.mjs","sourcesContent":["import { cva } from \"class-variance-authority\";\n\nexport const tableVariants = cva(\n  \"w-full table-auto border-collapse caption-bottom text-sm text-slate-200 md:table-fixed\",\n  {\n    variants: {\n      appearance: {\n        default: \"\",\n        striped: \"\",\n        bordered: \"border border-white/10\",\n        ghost: \"\",\n        sky: \"border border-sky-600\",\n        rose: \"border border-rose-600\",\n        purple: \"border border-purple-600\",\n        pink: \"border border-pink-600\",\n        orange: \"border border-orange-600\",\n        yellow: \"border border-yellow-600\",\n        teal: \"border border-teal-600\",\n        indigo: \"border border-indigo-600\",\n        emerald: \"border border-emerald-600\",\n        gray: \"border border-gray-600\",\n        amber: \"border border-amber-600\",\n        violet: \"border border-violet-600\",\n      },\n      size: {\n        sm: \"text-xs\",\n        md: \"text-sm\",\n        lg: \"text-base\",\n      },\n      stickyHeader: {\n        true: \"\",\n        false: \"\",\n      },\n    },\n    defaultVariants: {\n      appearance: \"default\",\n      size: \"md\",\n      stickyHeader: false,\n    },\n  },\n);\n\nexport const tableRowVariants = cva(\n  \"border-b border-white/5 transition-colors data-[state=selected]:bg-white/[0.06]\",\n  {\n    variants: {\n      appearance: {\n        default: \"\",\n        striped: \"odd:bg-white/[0.03]\",\n        bordered: \"\",\n        ghost: \"border-transparent hover:bg-white/[0.03]\",\n        sky: \"border-sky-600 hover:bg-sky-600\",\n        rose: \"border-rose-600 hover:bg-rose-900\",\n        purple: \"border-purple-600 hover:bg-purple-900\",\n        pink: \"border-pink-600 hover:bg-pink-900\",\n        orange: \"border-orange-600 hover:bg-orange-900\",\n        yellow: \"border-yellow-600 hover:bg-yellow-900\",\n        teal: \"border-teal-600 hover:bg-teal-900\",\n        indigo: \"border-indigo-600 hover:bg-indigo-900\",\n        emerald: \"border-emerald-600 hover:bg-emerald-900\",\n        gray: \"border-gray-600 hover:bg-gray-900\",\n        amber: \"border-amber-600 hover:bg-amber-900\",\n        violet: \"border-violet-600 hover:bg-violet-900\",\n      },\n    },\n    defaultVariants: { appearance: \"default\" },\n  },\n);\n\nexport const tableCellVariants = cva(\n  \"min-w-0 border p-3 align-middle break-words\",\n  {\n    variants: {\n      appearance: {\n        default: \"border-white/10\",\n        striped: \"border-white/10\",\n        bordered: \"border-white/10\",\n        ghost: \"border-white/10\",\n        sky: \"border-sky-600\",\n        rose: \"border-rose-600\",\n        purple: \"border-purple-600\",\n        pink: \"border-pink-600\",\n        orange: \"border-orange-600\",\n        yellow: \"border-yellow-600\",\n        teal: \"border-teal-600\",\n        indigo: \"border-indigo-600\",\n        emerald: \"border-emerald-600\",\n        gray: \"border-gray-600\",\n        amber: \"border-amber-600\",\n        violet: \"border-violet-600\",\n      },\n      size: {\n        sm: \"p-2\",\n        md: \"p-3\",\n        lg: \"p-4\",\n      },\n      textAlign: {\n        left: \"text-left\",\n        center: \"text-center\",\n        right: \"text-right\",\n      },\n    },\n    defaultVariants: { appearance: \"default\", size: \"md\" },\n  },\n);\n","\"use client\";\n\nimport { createContext, useContext, useMemo } from \"react\";\n\nimport { cn } from \"../../lib/utils\";\n\nimport type {\n  TableCtx,\n  TableCellProps,\n  TableHeadCellProps,\n  TableProps,\n  TableSectionProps,\n} from \"./types\";\nimport { tableCellVariants, tableRowVariants, tableVariants } from \"./variants\";\n\nexport const TableContext = createContext<TableCtx | null>(null);\n\nexport function useTableContext(component: string): TableCtx {\n  const ctx = useContext(TableContext);\n  if (!ctx) {\n    throw new Error(`${component} must be used within <Table>`);\n  }\n  return ctx;\n}\n\nexport function TableBase(props: TableProps) {\n  const {\n    className,\n    appearance = \"default\",\n    size = \"md\",\n    textAlign = \"left\",\n    stickyHeader = false,\n    scrollAreaAriaLabel,\n    children,\n    ref,\n    ...rest\n  } = props;\n  const ctx = useMemo(\n    () => ({\n      appearance: appearance ?? \"default\",\n      size: size ?? \"md\",\n      stickyHeader: Boolean(stickyHeader),\n      rowAnimation: \"none\" as const,\n      textAlign,\n    }),\n    [appearance, size, stickyHeader, textAlign],\n  );\n\n  return (\n    <TableContext.Provider value={ctx}>\n      <div\n        data-slot=\"table-scroll\"\n        tabIndex={0}\n        role=\"region\"\n        aria-label={scrollAreaAriaLabel ?? \"Scrollable table\"}\n        className={cn(\n          \"relative w-full overflow-auto\",\n          \"outline-none focus-visible:ring-2 focus-visible:ring-slate-300 focus-visible:ring-offset-2 focus-visible:ring-offset-slate-950\",\n        )}\n      >\n        <table\n          ref={ref}\n          data-slot=\"table\"\n          className={cn(\n            tableVariants({ appearance, size, stickyHeader }),\n            \"w-full min-w-0 table\",\n            className,\n          )}\n          {...rest}\n        >\n          {children}\n        </table>\n      </div>\n    </TableContext.Provider>\n  );\n}\n\nTableBase.displayName = \"Table\";\n\nexport function TableHeader({ className, children }: TableSectionProps) {\n  const { stickyHeader } = useTableContext(\"TableHeader\");\n  const stickyClass = stickyHeader\n    ? \"sticky top-0 z-10 bg-slate-950/95 backdrop-blur\"\n    : \"\";\n  return (\n    <thead data-slot=\"table-header\" className={cn(stickyClass, className)}>\n      {children}\n    </thead>\n  );\n}\n\nTableHeader.displayName = \"TableHeader\";\n\nexport function TableBody({ className, children }: TableSectionProps) {\n  return (\n    <tbody data-slot=\"table-body\" className={cn(className)}>\n      {children}\n    </tbody>\n  );\n}\n\nTableBody.displayName = \"TableBody\";\n\nexport function TableFooter({ className, children }: TableSectionProps) {\n  return (\n    <tfoot\n      data-slot=\"table-footer\"\n      className={cn(\n        \"border-t border-white/10 bg-white/3 font-medium\",\n        className,\n      )}\n    >\n      {children}\n    </tfoot>\n  );\n}\n\nTableFooter.displayName = \"TableFooter\";\n\nexport function TableRow({\n  className,\n  children,\n  ref,\n  as: Wrapper = \"tr\",\n  ...rest\n}: TableSectionProps & { ref?: React.Ref<HTMLTableRowElement> }) {\n  const { appearance } = useTableContext(\"TableRow\");\n\n  return (\n    <tr\n      ref={ref}\n      data-slot=\"table-row\"\n      className={cn(tableRowVariants({ appearance }), className)}\n      {...rest}\n    >\n      {children}\n    </tr>\n  );\n}\n\nTableRow.displayName = \"TableRow\";\n\nexport function TableHead({\n  className,\n  children,\n  scope = \"col\",\n  sortDirection,\n  ref,\n  ...rest\n}: TableHeadCellProps) {\n  const { appearance, size, textAlign } = useTableContext(\"TableHead\");\n  return (\n    <th\n      ref={ref}\n      data-slot=\"table-head\"\n      scope={scope}\n      aria-sort={sortDirection}\n      className={cn(\n        tableCellVariants({ appearance, size, textAlign }),\n        className,\n      )}\n      {...rest}\n    >\n      {children}\n    </th>\n  );\n}\n\nTableHead.displayName = \"TableHead\";\n\nexport function TableCell({\n  className,\n  children,\n  ref,\n  scope,\n  ...rest\n}: TableCellProps) {\n  const { appearance, size, textAlign } = useTableContext(\"TableCell\");\n  const cellClassName = cn(\n    tableCellVariants({ appearance, size, textAlign }),\n    className,\n  );\n\n  if (scope !== undefined) {\n    return (\n      <th\n        ref={ref}\n        data-slot=\"table-cell\"\n        scope={scope}\n        className={cellClassName}\n        {...rest}\n      >\n        {children}\n      </th>\n    );\n  }\n\n  return (\n    <td ref={ref} data-slot=\"table-cell\" className={cellClassName} {...rest}>\n      {children}\n    </td>\n  );\n}\n\nTableCell.displayName = \"TableCell\";\n\nexport function TableCaption({ className, children }: TableSectionProps) {\n  return (\n    <caption\n      data-slot=\"table-caption\"\n      className={cn(\"mt-3 text-left text-xs text-slate-500\", className)}\n    >\n      {children}\n    </caption>\n  );\n}\n\nTableCaption.displayName = \"TableCaption\";\n"]}

package/dist/{chunk-E3DZNJAD.js → chunk-MCOQHXRW.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkUOZYPWDZ_js = require('./chunk-UOZYPWDZ.js');
+var chunkZS5756ZC_js = require('./chunk-ZS5756ZC.js');
 var classVarianceAuthority = require('class-variance-authority');
 var hi2 = require('react-icons/hi2');
 var jsxRuntime = require('react/jsx-runtime');
@@ -8,28 +8,28 @@ var jsxRuntime = require('react/jsx-runtime');
 var buttonLikeSolidAppearances = {
   default: "bg-slate-50 text-slate-950 shadow-[0_1px_2px_rgba(15,23,42,0.12)]",
   secondary: "bg-slate-800 text-slate-50",
-  destructive: "bg-rose-600 text-white",
+  destructive: "bg-rose-700 text-white",
   outline: "border border-white/10 bg-white/5 text-slate-50",
   ghost: "bg-transparent text-slate-200",
   glass: "border border-white/15 bg-white/10 text-white backdrop-blur-md",
-  emerald: "bg-emerald-600 text-white",
+  emerald: "bg-emerald-800 text-white",
   indigo: "bg-indigo-600 text-white",
   purple: "bg-purple-600 text-white",
   pink: "bg-pink-600 text-white",
-  rose: "bg-rose-600 text-white",
-  sky: "bg-sky-600 text-white",
-  teal: "bg-teal-600 text-white",
-  yellow: "bg-yellow-600 text-white",
-  orange: "bg-orange-600 text-white",
-  "gradient-blue": "bg-gradient-to-r from-blue-600 to-purple-600 text-white",
-  "gradient-green": "bg-gradient-to-r from-green-600 to-lime-600 text-white",
-  "gradient-red": "bg-gradient-to-r from-red-600 to-pink-600 text-white",
-  "gradient-yellow": "bg-gradient-to-r from-yellow-600 to-orange-600 text-white",
-  "gradient-purple": "bg-gradient-to-r from-purple-600 to-pink-600 text-white",
-  "gradient-teal": "bg-gradient-to-r from-teal-600 to-cyan-600 text-white",
-  "gradient-indigo": "bg-gradient-to-r from-indigo-600 to-purple-600 text-white",
-  "gradient-pink": "bg-gradient-to-r from-pink-600 to-rose-600 text-white",
-  "gradient-orange": "bg-gradient-to-r from-orange-600 to-red-600 text-white"
+  rose: "bg-rose-700 text-white",
+  sky: "bg-sky-700 text-white",
+  teal: "bg-teal-700 text-white",
+  yellow: "bg-yellow-800 text-white",
+  orange: "bg-orange-800 text-white",
+  "gradient-blue": "bg-linear-to-r from-blue-600 to-purple-600 text-white",
+  "gradient-green": "bg-linear-to-r from-green-600 to-lime-600 text-white",
+  "gradient-red": "bg-linear-to-r from-red-600 to-pink-600 text-white",
+  "gradient-yellow": "bg-linear-to-r from-yellow-600 to-orange-600 text-white",
+  "gradient-purple": "bg-linear-to-r from-purple-600 to-pink-600 text-white",
+  "gradient-teal": "bg-linear-to-r from-teal-600 to-cyan-600 text-white",
+  "gradient-indigo": "bg-linear-to-r from-indigo-600 to-purple-600 text-white",
+  "gradient-pink": "bg-linear-to-r from-pink-600 to-rose-600 text-white",
+  "gradient-orange": "bg-linear-to-r from-orange-600 to-red-600 text-white"
 };
 var badgeAppearances = {
   ...buttonLikeSolidAppearances,
@@ -83,6 +83,7 @@ function BadgeBase({
   size,
   shape,
   closable = false,
+  liveRegion = false,
   onClose,
   closeLabel = "Remove",
   children,
@@ -93,14 +94,15 @@ function BadgeBase({
 }) {
   const isDot = shape === "dot";
   const resolvedAriaLabel = ariaLabel ?? (isDot ? "Status indicator" : void 0);
+  const landmarkRole = liveRegion === true || isDot ? "status" : void 0;
   return /* @__PURE__ */ jsxRuntime.jsxs(
     Wrapper,
     {
       ref,
-      role: "status",
+      role: landmarkRole,
       "data-slot": "badge",
       "aria-label": resolvedAriaLabel,
-      className: chunkUOZYPWDZ_js.cn(badgeVariants({ appearance, size, shape }), className),
+      className: chunkZS5756ZC_js.cn(badgeVariants({ appearance, size, shape }), className),
       ...rest,
       children: [
         !isDot ? children : null,
@@ -124,5 +126,5 @@ BadgeBase.displayName = "Badge";
 exports.BadgeBase = BadgeBase;
 exports.badgeCloseButtonVariants = badgeCloseButtonVariants;
 exports.badgeVariants = badgeVariants;
-//# sourceMappingURL=chunk-E3DZNJAD.js.map
-//# sourceMappingURL=chunk-E3DZNJAD.js.map
+//# sourceMappingURL=chunk-MCOQHXRW.js.map
+//# sourceMappingURL=chunk-MCOQHXRW.js.map

package/dist/chunk-MCOQHXRW.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ui/badge/variants.ts","../src/ui/badge/badge-base.tsx"],"names":["cva","jsxs","cn","jsx","HiXMark"],"mappings":";;;;;;;AAMO,IAAM,0BAAA,GAA6B;AAAA,EACxC,OAAA,EAAS,mEAAA;AAAA,EACT,SAAA,EAAW,4BAAA;AAAA,EACX,WAAA,EAAa,wBAAA;AAAA,EACb,OAAA,EAAS,iDAAA;AAAA,EACT,KAAA,EAAO,+BAAA;AAAA,EACP,KAAA,EAAO,gEAAA;AAAA,EACP,OAAA,EAAS,2BAAA;AAAA,EACT,MAAA,EAAQ,0BAAA;AAAA,EACR,MAAA,EAAQ,0BAAA;AAAA,EACR,IAAA,EAAM,wBAAA;AAAA,EACN,IAAA,EAAM,wBAAA;AAAA,EACN,GAAA,EAAK,uBAAA;AAAA,EACL,IAAA,EAAM,wBAAA;AAAA,EACN,MAAA,EAAQ,0BAAA;AAAA,EACR,MAAA,EAAQ,0BAAA;AAAA,EACR,eAAA,EAAiB,uDAAA;AAAA,EACjB,gBAAA,EAAkB,sDAAA;AAAA,EAClB,cAAA,EAAgB,oDAAA;AAAA,EAChB,iBAAA,EAAmB,yDAAA;AAAA,EACnB,iBAAA,EAAmB,uDAAA;AAAA,EACnB,eAAA,EAAiB,qDAAA;AAAA,EACjB,iBAAA,EAAmB,yDAAA;AAAA,EACnB,eAAA,EAAiB,qDAAA;AAAA,EACjB,iBAAA,EAAmB;AACrB,CAAA;AAIA,IAAM,gBAAA,GAAmB;AAAA,EACvB,GAAG,0BAAA;AAAA,EACH,OAAA,EAAS,kEAAA;AAAA,EACT,KAAA,EAAO;AACT,CAAA;AAEO,IAAM,aAAA,GAAgBA,0BAAA;AAAA,EAC3B;AAAA,IACE,sEAAA;AAAA,IACA,2DAAA;AAAA,IACA,0GAAA;AAAA,IACA;AAAA,GACF;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,UAAA,EAAY,gBAAA;AAAA,MACZ,IAAA,EAAM;AAAA,QACJ,EAAA,EAAI,8CAAA;AAAA,QACJ,EAAA,EAAI,yCAAA;AAAA,QACJ,EAAA,EAAI;AAAA,OACN;AAAA,MACA,KAAA,EAAO;AAAA,QACL,IAAA,EAAM,cAAA;AAAA,QACN,MAAA,EAAQ,YAAA;AAAA,QACR,GAAA,EAAK;AAAA;AACP,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,UAAA,EAAY,SAAA;AAAA,MACZ,IAAA,EAAM,IAAA;AAAA,MACN,KAAA,EAAO;AAAA;AACT;AAEJ;AAEO,IAAM,wBAAA,GAA2BA,0BAAA;AAAA,EACtC,oMAAA;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,IAAA,EAAM;AAAA,QACJ,EAAA,EAAI,QAAA;AAAA,QACJ,EAAA,EAAI,QAAA;AAAA,QACJ,EAAA,EAAI;AAAA;AACN,KACF;AAAA,IACA,eAAA,EAAiB,EAAE,IAAA,EAAM,IAAA;AAAK;AAElC;ACzEO,SAAS,SAAA,CAAU;AAAA,EACxB,SAAA;AAAA,EACA,UAAA;AAAA,EACA,IAAA;AAAA,EACA,KAAA;AAAA,EACA,QAAA,GAAW,KAAA;AAAA,EACX,UAAA,GAAa,KAAA;AAAA,EACb,OAAA;AAAA,EACA,UAAA,GAAa,QAAA;AAAA,EACb,QAAA;AAAA,EACA,GAAA;AAAA,EACA,YAAA,EAAc,SAAA;AAAA,EACd,IAAI,OAAA,GAAU,MAAA;AAAA,EACd,GAAG;AACL,CAAA,EAAmB;AACjB,EAAA,MAAM,QAAQ,KAAA,KAAU,KAAA;AACxB,EAAA,MAAM,iBAAA,GACJ,SAAA,KAAc,KAAA,GAAQ,kBAAA,GAAqB,MAAA,CAAA;AAC7C,EAAA,MAAM,YAAA,GACJ,UAAA,KAAe,IAAA,IAAQ,KAAA,GAAS,QAAA,GAAqB,MAAA;AAEvD,EAAA,uBACEC,eAAA;AAAA,IAAC,OAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,IAAA,EAAM,YAAA;AAAA,MACN,WAAA,EAAU,OAAA;AAAA,MACV,YAAA,EAAY,iBAAA;AAAA,MACZ,SAAA,EAAWC,oBAAG,aAAA,CAAc,EAAE,YAAY,IAAA,EAAM,KAAA,EAAO,CAAA,EAAG,SAAS,CAAA;AAAA,MAClE,GAAG,IAAA;AAAA,MAEH,QAAA,EAAA;AAAA,QAAA,CAAC,QAAQ,QAAA,GAAW,IAAA;AAAA,QACpB,QAAA,mBACCC,cAAA;AAAA,UAAC,QAAA;AAAA,UAAA;AAAA,YACC,IAAA,EAAK,QAAA;AAAA,YACL,WAAA,EAAU,aAAA;AAAA,YACV,YAAA,EAAY,UAAA;AAAA,YACZ,OAAA,EAAS,OAAA;AAAA,YACT,SAAA,EAAW,wBAAA,CAAyB,EAAE,IAAA,EAAM,CAAA;AAAA,YAE5C,QAAA,kBAAAA,cAAA,CAACC,WAAA,EAAA,EAAQ,SAAA,EAAU,UAAA,EAAW,eAAW,IAAA,EAAC;AAAA;AAAA,SAC5C,GACE;AAAA;AAAA;AAAA,GACN;AAEJ;AAEA,SAAA,CAAU,WAAA,GAAc,OAAA","file":"chunk-MCOQHXRW.js","sourcesContent":["import { cva } from \"class-variance-authority\";\n\n/**\n * Tailwind class maps mirroring `buttons/variants.ts` appearance tokens.\n * Reused by primitives that should stay visually aligned with Button.\n */\nexport const buttonLikeSolidAppearances = {\n  default: \"bg-slate-50 text-slate-950 shadow-[0_1px_2px_rgba(15,23,42,0.12)]\",\n  secondary: \"bg-slate-800 text-slate-50\",\n  destructive: \"bg-rose-700 text-white\",\n  outline: \"border border-white/10 bg-white/5 text-slate-50\",\n  ghost: \"bg-transparent text-slate-200\",\n  glass: \"border border-white/15 bg-white/10 text-white backdrop-blur-md\",\n  emerald: \"bg-emerald-800 text-white\",\n  indigo: \"bg-indigo-600 text-white\",\n  purple: \"bg-purple-600 text-white\",\n  pink: \"bg-pink-600 text-white\",\n  rose: \"bg-rose-700 text-white\",\n  sky: \"bg-sky-700 text-white\",\n  teal: \"bg-teal-700 text-white\",\n  yellow: \"bg-yellow-800 text-white\",\n  orange: \"bg-orange-800 text-white\",\n  \"gradient-blue\": \"bg-linear-to-r from-blue-600 to-purple-600 text-white\",\n  \"gradient-green\": \"bg-linear-to-r from-green-600 to-lime-600 text-white\",\n  \"gradient-red\": \"bg-linear-to-r from-red-600 to-pink-600 text-white\",\n  \"gradient-yellow\": \"bg-linear-to-r from-yellow-600 to-orange-600 text-white\",\n  \"gradient-purple\": \"bg-linear-to-r from-purple-600 to-pink-600 text-white\",\n  \"gradient-teal\": \"bg-linear-to-r from-teal-600 to-cyan-600 text-white\",\n  \"gradient-indigo\": \"bg-linear-to-r from-indigo-600 to-purple-600 text-white\",\n  \"gradient-pink\": \"bg-linear-to-r from-pink-600 to-rose-600 text-white\",\n  \"gradient-orange\": \"bg-linear-to-r from-orange-600 to-red-600 text-white\",\n} as const;\n\nexport type ButtonLikeSolidAppearance = keyof typeof buttonLikeSolidAppearances;\n\nconst badgeAppearances = {\n  ...buttonLikeSolidAppearances,\n  outline: \"border border-white/15 bg-transparent text-slate-200 shadow-none\",\n  ghost: \"bg-transparent text-slate-300 shadow-none\",\n} as const;\n\nexport const badgeVariants = cva(\n  [\n    \"inline-flex max-w-full items-center justify-center gap-1 font-medium\",\n    \"whitespace-nowrap ring-offset-slate-950 transition-colors\",\n    \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-300 focus-visible:ring-offset-2\",\n    \"select-none\",\n  ],\n  {\n    variants: {\n      appearance: badgeAppearances,\n      size: {\n        sm: \"h-6 min-h-6 px-2 text-[0.65rem] leading-none\",\n        md: \"h-7 min-h-7 px-2.5 text-xs leading-none\",\n        lg: \"h-8 min-h-8 px-3 text-sm leading-none\",\n      },\n      shape: {\n        pill: \"rounded-full\",\n        square: \"rounded-md\",\n        dot: \"h-2.5 min-h-2.5 w-2.5 min-w-2.5 rounded-full p-0 px-0 text-[0]\",\n      },\n    },\n    defaultVariants: {\n      appearance: \"default\",\n      size: \"md\",\n      shape: \"pill\",\n    },\n  },\n);\n\nexport const badgeCloseButtonVariants = cva(\n  \"inline-flex shrink-0 items-center justify-center rounded-md p-0.5 text-current opacity-70 transition hover:opacity-100 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-white/40\",\n  {\n    variants: {\n      size: {\n        sm: \"size-4\",\n        md: \"size-5\",\n        lg: \"size-6\",\n      },\n    },\n    defaultVariants: { size: \"md\" },\n  },\n);\n","\"use client\";\n\nimport { HiXMark } from \"react-icons/hi2\";\n\nimport { cn } from \"../../lib/utils\";\n\nimport type { BadgeBaseProps } from \"./types\";\nimport { badgeCloseButtonVariants, badgeVariants } from \"./variants\";\n\nexport function BadgeBase({\n  className,\n  appearance,\n  size,\n  shape,\n  closable = false,\n  liveRegion = false,\n  onClose,\n  closeLabel = \"Remove\",\n  children,\n  ref,\n  \"aria-label\": ariaLabel,\n  as: Wrapper = \"span\",\n  ...rest\n}: BadgeBaseProps) {\n  const isDot = shape === \"dot\";\n  const resolvedAriaLabel =\n    ariaLabel ?? (isDot ? \"Status indicator\" : undefined);\n  const landmarkRole =\n    liveRegion === true || isDot ? (\"status\" as const) : undefined;\n\n  return (\n    <Wrapper\n      ref={ref}\n      role={landmarkRole}\n      data-slot=\"badge\"\n      aria-label={resolvedAriaLabel}\n      className={cn(badgeVariants({ appearance, size, shape }), className)}\n      {...rest}\n    >\n      {!isDot ? children : null}\n      {closable ? (\n        <button\n          type=\"button\"\n          data-slot=\"badge-close\"\n          aria-label={closeLabel}\n          onClick={onClose}\n          className={badgeCloseButtonVariants({ size })}\n        >\n          <HiXMark className=\"size-3.5\" aria-hidden />\n        </button>\n      ) : null}\n    </Wrapper>\n  );\n}\n\nBadgeBase.displayName = \"Badge\";\n"]}

package/dist/{chunk-FLILFCQE.mjs → chunk-MTLLJFUI.mjs}

@@ -1,4 +1,4 @@
-import { cn } from './chunk-DFEZH7TC.mjs';
+import { cn } from './chunk-4D54YOL6.mjs';
 import { cva } from 'class-variance-authority';
 import { createContext, useState, useMemo, useEffect, Children, isValidElement, useContext } from 'react';
 import { jsx, jsxs } from 'react/jsx-runtime';
@@ -49,7 +49,9 @@ var avatarImageVariants = cva("aspect-square size-full object-cover");
 var avatarFallbackVariants = cva(
   "flex size-full items-center justify-center bg-slate-800 font-medium text-slate-100"
 );
-var avatarGroupVariants = cva("flex items-center [&_[data-slot=avatar]]:-ml-2 [&_[data-slot=avatar]]:ring-2 [&_[data-slot=avatar]]:ring-slate-950 [&_[data-slot=avatar]]:first:ml-0");
+var avatarGroupVariants = cva(
+  "flex items-center [&_[data-slot=avatar]]:-ml-2 [&_[data-slot=avatar]]:ring-2 [&_[data-slot=avatar]]:ring-slate-950 [&_[data-slot=avatar]]:first:ml-0"
+);
 var AvatarContext = createContext(null);
 function useAvatarContext(component) {
   const ctx = useContext(AvatarContext);
@@ -68,10 +70,7 @@ function AvatarBase({
   ...rest
 }) {
   const [imageStatus, setImageStatus] = useState("idle");
-  const ctx = useMemo(
-    () => ({ imageStatus, setImageStatus }),
-    [imageStatus]
-  );
+  const ctx = useMemo(() => ({ imageStatus, setImageStatus }), [imageStatus]);
   return /* @__PURE__ */ jsx(AvatarContext.Provider, { value: ctx, children: /* @__PURE__ */ jsx(
     Wrapper,
     {
@@ -193,5 +192,5 @@ function AvatarGroup({
 AvatarGroup.displayName = "AvatarGroup";
 
 export { AvatarBase, AvatarFallback, AvatarGroup, AvatarImage, avatarFallbackVariants, avatarGroupVariants, avatarImageVariants, avatarVariants };
-//# sourceMappingURL=chunk-FLILFCQE.mjs.map
-//# sourceMappingURL=chunk-FLILFCQE.mjs.map
+//# sourceMappingURL=chunk-MTLLJFUI.mjs.map
+//# sourceMappingURL=chunk-MTLLJFUI.mjs.map

package/dist/chunk-MTLLJFUI.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ui/avatar/variants.ts","../src/ui/avatar/avatar-base.tsx"],"names":[],"mappings":"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","file":"chunk-MTLLJFUI.mjs","sourcesContent":["import { cva } from \"class-variance-authority\";\n\nexport const avatarVariants = cva(\n  \"relative flex shrink-0 overflow-hidden rounded-full border border-white/10 bg-white/10 text-slate-200\",\n  {\n    variants: {\n      appearance: {\n        default: \"border-white/10 bg-white/10 text-slate-200\",\n        muted:\n          \"border-black/40 bg-slate-950 dark:border-white/10 dark:bg-slate-950/40 text-slate-200\",\n        sky: \"border-sky-600 bg-sky-600/[0.03] text-slate-200\",\n        rose: \"border-rose-600 bg-rose-600/[0.03] text-slate-200\",\n        purple: \"border-purple-600 bg-purple-600/[0.03] text-slate-200\",\n        pink: \"border-pink-600 bg-pink-600/[0.03] text-slate-200\",\n        orange: \"border-orange-600 bg-orange-600/[0.03] text-slate-200\",\n        yellow: \"border-yellow-600 bg-yellow-600/[0.03] text-slate-200\",\n        teal: \"border-teal-600 bg-teal-600/[0.03] text-slate-200\",\n        indigo: \"border-indigo-600 bg-indigo-600/[0.03] text-slate-200\",\n        emerald: \"border-emerald-600 bg-emerald-600/[0.03] text-slate-200\",\n        gray: \"border-gray-600 bg-gray-600/[0.03] text-slate-200\",\n        amber: \"border-amber-600 bg-amber-600/[0.03] text-slate-200\",\n        violet: \"border-violet-600 bg-violet-600/[0.03] text-slate-200\",\n        \"gradient-blue\":\n          \"bg-linear-to-r from-blue-950/70 to-purple-950/70 backdrop-blur-xl text-slate-200\",\n        \"gradient-green\":\n          \"bg-linear-to-r from-green-950/70 to-lime-950/70 backdrop-blur-xl text-slate-200\",\n        \"gradient-red\":\n          \"bg-linear-to-r from-red-950/70 to-pink-950/70 backdrop-blur-xl text-slate-200\",\n        \"gradient-yellow\":\n          \"bg-linear-to-r from-yellow-950/70 to-orange-950/70 backdrop-blur-xl text-slate-200\",\n        \"gradient-purple\":\n          \"bg-linear-to-r from-purple-950/70 to-pink-950/70 backdrop-blur-xl text-slate-200\",\n        \"gradient-teal\":\n          \"bg-linear-to-r from-teal-950/70 to-cyan-950/70 backdrop-blur-xl text-slate-200\",\n        \"gradient-indigo\":\n          \"bg-linear-to-r from-indigo-950/70 to-purple-950/70 backdrop-blur-xl text-slate-200\",\n        \"gradient-pink\":\n          \"bg-linear-to-r from-pink-950/70 to-rose-950/70 backdrop-blur-xl text-slate-200\",\n        \"gradient-orange\":\n          \"bg-linear-to-r from-orange-950/70 to-red-950/70 backdrop-blur-xl text-slate-200\",\n      },\n      size: {\n        sm: \"size-8 text-xs\",\n        md: \"size-10 text-sm\",\n        lg: \"size-12 text-base\",\n        xl: \"size-16 text-lg\",\n      },\n    },\n    defaultVariants: {\n      size: \"md\",\n      appearance: \"default\",\n    },\n  },\n);\n\nexport const avatarImageVariants = cva(\"aspect-square size-full object-cover\");\n\nexport const avatarFallbackVariants = cva(\n  \"flex size-full items-center justify-center bg-slate-800 font-medium text-slate-100\",\n);\n\nexport const avatarGroupVariants = cva(\n  \"flex items-center [&_[data-slot=avatar]]:-ml-2 [&_[data-slot=avatar]]:ring-2 [&_[data-slot=avatar]]:ring-slate-950 [&_[data-slot=avatar]]:first:ml-0\",\n);\n","\"use client\";\n\nimport {\n  Children,\n  createContext,\n  isValidElement,\n  useContext,\n  useEffect,\n  useMemo,\n  useState,\n  type Ref,\n} from \"react\";\n\nimport { cn } from \"../../lib/utils\";\n\nimport type {\n  AvatarBaseProps,\n  AvatarCtx,\n  AvatarFallbackProps,\n  AvatarGroupProps,\n  AvatarImageProps,\n  ImageStatus,\n} from \"./types\";\nimport {\n  avatarFallbackVariants,\n  avatarGroupVariants,\n  avatarImageVariants,\n  avatarVariants,\n} from \"./variants\";\n\nconst AvatarContext = createContext<AvatarCtx | null>(null);\n\nfunction useAvatarContext(component: string): AvatarCtx {\n  const ctx = useContext(AvatarContext);\n  if (!ctx) {\n    throw new Error(`${component} must be used within <Avatar>`);\n  }\n  return ctx;\n}\n\nexport function AvatarBase({\n  className,\n  size,\n  appearance,\n  children,\n  ref,\n  as: Wrapper = \"span\",\n  ...rest\n}: AvatarBaseProps) {\n  const [imageStatus, setImageStatus] = useState<ImageStatus>(\"idle\");\n  const ctx = useMemo(() => ({ imageStatus, setImageStatus }), [imageStatus]);\n\n  return (\n    <AvatarContext.Provider value={ctx}>\n      <Wrapper\n        ref={ref}\n        data-slot=\"avatar\"\n        className={cn(avatarVariants({ size, appearance }), className)}\n        {...rest}\n      >\n        {children}\n      </Wrapper>\n    </AvatarContext.Provider>\n  );\n}\n\nAvatarBase.displayName = \"Avatar\";\n\nexport function AvatarImage({\n  className,\n  onLoad,\n  onError,\n  ref,\n  ...rest\n}: AvatarImageProps & { ref?: Ref<HTMLImageElement> }) {\n  const { setImageStatus } = useAvatarContext(\"AvatarImage\");\n\n  return (\n    <img\n      ref={ref}\n      data-slot=\"avatar-image\"\n      className={cn(avatarImageVariants(), className)}\n      onLoad={(e) => {\n        setImageStatus(\"loaded\");\n        onLoad?.(e);\n      }}\n      onError={(e) => {\n        setImageStatus(\"error\");\n        onError?.(e);\n      }}\n      {...rest}\n    />\n  );\n}\n\nAvatarImage.displayName = \"AvatarImage\";\n\nexport function AvatarFallback({\n  className,\n  delayMs = 0,\n  ref,\n  ...rest\n}: AvatarFallbackProps & { ref?: Ref<HTMLSpanElement> }) {\n  const { imageStatus } = useAvatarContext(\"AvatarFallback\");\n  const [show, setShow] = useState(delayMs === 0);\n\n  useEffect(() => {\n    if (imageStatus === \"loaded\") {\n      setShow(false);\n      return;\n    }\n    if (imageStatus === \"error\") {\n      setShow(true);\n      return;\n    }\n    if (delayMs <= 0) {\n      setShow(true);\n      return;\n    }\n    const t = window.setTimeout(() => setShow(true), delayMs);\n    return () => window.clearTimeout(t);\n  }, [delayMs, imageStatus]);\n\n  if (!show) {\n    return null;\n  }\n\n  return (\n    <span\n      ref={ref}\n      data-slot=\"avatar-fallback\"\n      className={cn(avatarFallbackVariants(), className)}\n      {...rest}\n    />\n  );\n}\n\nAvatarFallback.displayName = \"AvatarFallback\";\n\nexport function AvatarGroup({\n  className,\n  max,\n  children,\n  ref,\n  ...rest\n}: AvatarGroupProps & { ref?: Ref<HTMLDivElement> }) {\n  const childArray = useMemo(\n    () => Children.toArray(children).filter(isValidElement),\n    [children],\n  );\n  const visible = max !== undefined ? childArray.slice(0, max) : childArray;\n  const overflow =\n    max !== undefined && childArray.length > max ? childArray.length - max : 0;\n\n  return (\n    <div\n      ref={ref}\n      data-slot=\"avatar-group\"\n      className={cn(avatarGroupVariants(), className)}\n      {...rest}\n    >\n      {visible}\n      {overflow > 0 ? (\n        <span\n          data-slot=\"avatar-group-overflow\"\n          className={cn(\n            avatarVariants({ size: \"md\" }),\n            \"z-10 grid place-items-center bg-slate-800 text-xs font-semibold text-white\",\n          )}\n          aria-label={`${overflow} more`}\n        >\n          +{overflow}\n        </span>\n      ) : null}\n    </div>\n  );\n}\n\nAvatarGroup.displayName = \"AvatarGroup\";\n"]}

package/dist/{chunk-6I7X5BF2.js → chunk-N2OAI2HN.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkUOZYPWDZ_js = require('./chunk-UOZYPWDZ.js');
+var chunkZS5756ZC_js = require('./chunk-ZS5756ZC.js');
 var classVarianceAuthority = require('class-variance-authority');
 var react = require('react');
 var jsxRuntime = require('react/jsx-runtime');
@@ -52,15 +52,15 @@ var skeletonVariants = classVarianceAuthority.cva(
         gray: "bg-gray-500/10",
         amber: "bg-amber-500/10",
         violet: "bg-violet-500/10",
-        "gradient-blue": "bg-gradient-to-r from-blue-600 to-purple-600",
-        "gradient-green": "bg-gradient-to-r from-green-600 to-lime-600",
-        "gradient-red": "bg-gradient-to-r from-red-600 to-pink-600",
-        "gradient-yellow": "bg-gradient-to-r from-yellow-600 to-orange-600",
-        "gradient-purple": "bg-gradient-to-r from-purple-600 to-pink-600",
-        "gradient-teal": "bg-gradient-to-r from-teal-600 to-cyan-600",
-        "gradient-indigo": "bg-gradient-to-r from-indigo-600 to-purple-600",
-        "gradient-pink": "bg-gradient-to-r from-pink-600 to-rose-600",
-        "gradient-orange": "bg-gradient-to-r from-orange-600 to-red-600"
+        "gradient-blue": "bg-linear-to-r from-blue-600 to-purple-600",
+        "gradient-green": "bg-linear-to-r from-green-600 to-lime-600",
+        "gradient-red": "bg-linear-to-r from-red-600 to-pink-600",
+        "gradient-yellow": "bg-linear-to-r from-yellow-600 to-orange-600",
+        "gradient-purple": "bg-linear-to-r from-purple-600 to-pink-600",
+        "gradient-teal": "bg-linear-to-r from-teal-600 to-cyan-600",
+        "gradient-indigo": "bg-linear-to-r from-indigo-600 to-purple-600",
+        "gradient-pink": "bg-linear-to-r from-pink-600 to-rose-600",
+        "gradient-orange": "bg-linear-to-r from-orange-600 to-red-600"
       },
       size: {
         sm: "min-h-3",
@@ -284,7 +284,7 @@ function SkeletonBase(props) {
       "data-slot": "skeleton",
       "aria-hidden": true,
       "aria-busy": busy ? true : void 0,
-      className: chunkUOZYPWDZ_js.cn(
+      className: chunkZS5756ZC_js.cn(
         skeletonVariants({
           appearance,
           size,
@@ -320,14 +320,14 @@ function SkeletonTextBase(props) {
     "div",
     {
       "data-slot": "skeleton-text",
-      className: chunkUOZYPWDZ_js.cn("flex w-full flex-col gap-2", className),
+      className: chunkZS5756ZC_js.cn("flex w-full flex-col gap-2", className),
       "aria-hidden": true,
       "aria-busy": busy ? true : void 0,
       children: Array.from({ length: lines }).map((_, index) => /* @__PURE__ */ jsxRuntime.jsx(
         Wrapper,
         {
           ref: index === 0 ? ref : void 0,
-          className: chunkUOZYPWDZ_js.cn(
+          className: chunkZS5756ZC_js.cn(
             skeletonVariants({
               appearance,
               size,
@@ -377,7 +377,7 @@ function SkeletonAvatarBase(props) {
       "data-slot": "skeleton-avatar",
       "aria-hidden": true,
       "aria-busy": busy ? true : void 0,
-      className: chunkUOZYPWDZ_js.cn(
+      className: chunkZS5756ZC_js.cn(
         skeletonVariants({
           appearance,
           size,
@@ -410,7 +410,7 @@ function SkeletonCardBase(props) {
     {
       ref,
       "data-slot": "skeleton-card",
-      className: chunkUOZYPWDZ_js.cn("w-full max-w-sm", className),
+      className: chunkZS5756ZC_js.cn("w-full max-w-sm", className),
       "aria-busy": busy ? true : void 0,
       children: /* @__PURE__ */ jsxRuntime.jsxs(
         SkeletonBase,
@@ -489,7 +489,7 @@ function SkeletonButtonBase(props) {
       "data-slot": "skeleton-button",
       "aria-hidden": true,
       "aria-busy": busy ? true : void 0,
-      className: chunkUOZYPWDZ_js.cn(
+      className: chunkZS5756ZC_js.cn(
         skeletonVariants({
           appearance,
           size,
@@ -516,5 +516,5 @@ exports.skeletonShimmerGradientClasses = skeletonShimmerGradientClasses;
 exports.skeletonTextLineVariants = skeletonTextLineVariants;
 exports.skeletonVariants = skeletonVariants;
 exports.useSkeletonAnimation = useSkeletonAnimation;
-//# sourceMappingURL=chunk-6I7X5BF2.js.map
-//# sourceMappingURL=chunk-6I7X5BF2.js.map
+//# sourceMappingURL=chunk-N2OAI2HN.js.map
+//# sourceMappingURL=chunk-N2OAI2HN.js.map

package/dist/chunk-N2OAI2HN.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ui/skeleton/variants.ts","../src/ui/skeleton/skeleton-base.tsx"],"names":["cva","createContext","useContext","useMemo","jsx","cn","jsxs"],"mappings":"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","file":"chunk-N2OAI2HN.js","sourcesContent":["import { cva } from \"class-variance-authority\";\n\nconst shimmerLayer =\n  \"[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%]\";\n\nexport const skeletonShimmerGradientClasses = {\n  default: `${shimmerLayer} [background-image:linear-gradient(90deg,rgba(255,255,255,0.04),rgba(255,255,255,0.22),rgba(255,255,255,0.04))]`,\n  subtle: `${shimmerLayer} [background-image:linear-gradient(90deg,rgba(255,255,255,0.03),rgba(255,255,255,0.14),rgba(255,255,255,0.03))]`,\n  muted: `${shimmerLayer} [background-image:linear-gradient(90deg,rgba(255,255,255,0.02),rgba(255,255,255,0.1),rgba(255,255,255,0.02))]`,\n  sky: `${shimmerLayer} [background-image:linear-gradient(90deg,rgba(56,189,248,0.1),rgba(56,189,248,0.42),rgba(56,189,248,0.1))]`,\n  rose: `${shimmerLayer} [background-image:linear-gradient(90deg,rgba(251,113,133,0.1),rgba(251,113,133,0.42),rgba(251,113,133,0.1))]`,\n  purple: `${shimmerLayer} [background-image:linear-gradient(90deg,rgba(192,132,252,0.1),rgba(192,132,252,0.42),rgba(192,132,252,0.1))]`,\n  pink: `${shimmerLayer} [background-image:linear-gradient(90deg,rgba(244,114,182,0.1),rgba(244,114,182,0.42),rgba(244,114,182,0.1))]`,\n  orange: `${shimmerLayer} [background-image:linear-gradient(90deg,rgba(251,146,60,0.1),rgba(251,146,60,0.42),rgba(251,146,60,0.1))]`,\n  yellow: `${shimmerLayer} [background-image:linear-gradient(90deg,rgba(250,204,21,0.12),rgba(250,204,21,0.4),rgba(250,204,21,0.12))]`,\n  teal: `${shimmerLayer} [background-image:linear-gradient(90deg,rgba(45,212,191,0.1),rgba(45,212,191,0.42),rgba(45,212,191,0.1))]`,\n  indigo: `${shimmerLayer} [background-image:linear-gradient(90deg,rgba(129,140,248,0.1),rgba(129,140,248,0.42),rgba(129,140,248,0.1))]`,\n  emerald: `${shimmerLayer} [background-image:linear-gradient(90deg,rgba(52,211,153,0.1),rgba(52,211,153,0.42),rgba(52,211,153,0.1))]`,\n  gray: `${shimmerLayer} [background-image:linear-gradient(90deg,rgba(161,161,170,0.1),rgba(161,161,170,0.38),rgba(161,161,170,0.1))]`,\n  amber: `${shimmerLayer} [background-image:linear-gradient(90deg,rgba(251,191,36,0.12),rgba(251,191,36,0.42),rgba(251,191,36,0.12))]`,\n  violet: `${shimmerLayer} [background-image:linear-gradient(90deg,rgba(167,139,250,0.1),rgba(167,139,250,0.42),rgba(167,139,250,0.1))]`,\n  \"gradient-blue\": `${shimmerLayer} [background-image:linear-gradient(90deg,rgba(100,149,237,0.1),rgba(100,149,237,0.42),rgba(100,149,237,0.1))]`,\n  \"gradient-green\": `${shimmerLayer} [background-image:linear-gradient(90deg,rgba(52,211,153,0.1),rgba(52,211,153,0.42),rgba(52,211,153,0.1))]`,\n  \"gradient-red\": `${shimmerLayer} [background-image:linear-gradient(90deg,rgba(239,68,68,0.1),rgba(239,68,68,0.42),rgba(239,68,68,0.1))]`,\n  \"gradient-yellow\": `${shimmerLayer} [background-image:linear-gradient(90deg,rgba(250,204,21,0.12),rgba(250,204,21,0.42),rgba(250,204,21,0.12))]`,\n  \"gradient-purple\": `${shimmerLayer} [background-image:linear-gradient(90deg,rgba(167,139,250,0.1),rgba(167,139,250,0.42),rgba(167,139,250,0.1))]`,\n  \"gradient-teal\": `${shimmerLayer} [background-image:linear-gradient(90deg,rgba(45,212,191,0.1),rgba(45,212,191,0.42),rgba(45,212,191,0.1))]`,\n  \"gradient-indigo\": `${shimmerLayer} [background-image:linear-gradient(90deg,rgba(129,140,248,0.1),rgba(129,140,248,0.42),rgba(129,140,248,0.1))]`,\n  \"gradient-pink\": `${shimmerLayer} [background-image:linear-gradient(90deg,rgba(244,114,182,0.1),rgba(244,114,182,0.42),rgba(244,114,182,0.1))]`,\n  \"gradient-orange\": `${shimmerLayer} [background-image:linear-gradient(90deg,rgba(251,146,60,0.1),rgba(251,146,60,0.42),rgba(251,146,60,0.1))]`,\n} as const;\n\nexport type SkeletonShimmerTone = keyof typeof skeletonShimmerGradientClasses;\n\nexport const skeletonVariants = cva(\n  \"relative overflow-hidden bg-white/10 text-transparent\",\n  {\n    variants: {\n      appearance: {\n        default: \"bg-white/10\",\n        subtle: \"bg-white/[0.07]\",\n        muted: \"bg-slate-800/80\",\n        sky: \"bg-sky-500/10\",\n        rose: \"bg-rose-500/10\",\n        purple: \"bg-purple-500/10\",\n        pink: \"bg-pink-500/10\",\n        orange: \"bg-orange-500/10\",\n        yellow: \"bg-yellow-500/10\",\n        teal: \"bg-teal-500/10\",\n        indigo: \"bg-indigo-500/10\",\n        emerald: \"bg-emerald-500/10\",\n        gray: \"bg-gray-500/10\",\n        amber: \"bg-amber-500/10\",\n        violet: \"bg-violet-500/10\",\n        \"gradient-blue\": \"bg-linear-to-r from-blue-600 to-purple-600\",\n        \"gradient-green\": \"bg-linear-to-r from-green-600 to-lime-600\",\n        \"gradient-red\": \"bg-linear-to-r from-red-600 to-pink-600\",\n        \"gradient-yellow\": \"bg-linear-to-r from-yellow-600 to-orange-600\",\n        \"gradient-purple\": \"bg-linear-to-r from-purple-600 to-pink-600\",\n        \"gradient-teal\": \"bg-linear-to-r from-teal-600 to-cyan-600\",\n        \"gradient-indigo\": \"bg-linear-to-r from-indigo-600 to-purple-600\",\n        \"gradient-pink\": \"bg-linear-to-r from-pink-600 to-rose-600\",\n        \"gradient-orange\": \"bg-linear-to-r from-orange-600 to-red-600\",\n      },\n      size: {\n        sm: \"min-h-3\",\n        md: \"min-h-4\",\n        lg: \"min-h-6\",\n      },\n      rounded: {\n        none: \"rounded-none\",\n        sm: \"rounded-md\",\n        md: \"rounded-lg\",\n        lg: \"rounded-xl\",\n        full: \"rounded-full\",\n      },\n      animation: {\n        none: \"\",\n        shimmer: \"\",\n        pulse: \"\",\n      },\n      shimmerTone: {\n        default: \"\",\n        subtle: \"\",\n        muted: \"\",\n        sky: \"\",\n        rose: \"\",\n        purple: \"\",\n        pink: \"\",\n        orange: \"\",\n        yellow: \"\",\n        teal: \"\",\n        indigo: \"\",\n        emerald: \"\",\n        gray: \"\",\n        amber: \"\",\n        violet: \"\",\n        \"gradient-blue\": \"\",\n        \"gradient-green\": \"\",\n        \"gradient-red\": \"\",\n        \"gradient-yellow\": \"\",\n        \"gradient-purple\": \"\",\n        \"gradient-teal\": \"\",\n        \"gradient-indigo\": \"\",\n        \"gradient-pink\": \"\",\n        \"gradient-orange\": \"\",\n      },\n    },\n    compoundVariants: [\n      {\n        animation: \"shimmer\",\n        shimmerTone: \"default\",\n        class: skeletonShimmerGradientClasses.default,\n      },\n      {\n        animation: \"shimmer\",\n        shimmerTone: \"muted\",\n        class: skeletonShimmerGradientClasses.subtle,\n      },\n      {\n        animation: \"shimmer\",\n        shimmerTone: \"subtle\",\n        class: skeletonShimmerGradientClasses.subtle,\n      },\n      {\n        animation: \"shimmer\",\n        shimmerTone: \"sky\",\n        class: skeletonShimmerGradientClasses.sky,\n      },\n      {\n        animation: \"shimmer\",\n        shimmerTone: \"rose\",\n        class: skeletonShimmerGradientClasses.rose,\n      },\n      {\n        animation: \"shimmer\",\n        shimmerTone: \"purple\",\n        class: skeletonShimmerGradientClasses.purple,\n      },\n      {\n        animation: \"shimmer\",\n        shimmerTone: \"pink\",\n        class: skeletonShimmerGradientClasses.pink,\n      },\n      {\n        animation: \"shimmer\",\n        shimmerTone: \"orange\",\n        class: skeletonShimmerGradientClasses.orange,\n      },\n      {\n        animation: \"shimmer\",\n        shimmerTone: \"yellow\",\n        class: skeletonShimmerGradientClasses.yellow,\n      },\n      {\n        animation: \"shimmer\",\n        shimmerTone: \"teal\",\n        class: skeletonShimmerGradientClasses.teal,\n      },\n      {\n        animation: \"shimmer\",\n        shimmerTone: \"indigo\",\n        class: skeletonShimmerGradientClasses.indigo,\n      },\n      {\n        animation: \"shimmer\",\n        shimmerTone: \"emerald\",\n        class: skeletonShimmerGradientClasses.emerald,\n      },\n      {\n        animation: \"shimmer\",\n        shimmerTone: \"gray\",\n        class: skeletonShimmerGradientClasses.gray,\n      },\n      {\n        animation: \"shimmer\",\n        shimmerTone: \"amber\",\n        class: skeletonShimmerGradientClasses.amber,\n      },\n      {\n        animation: \"shimmer\",\n        shimmerTone: \"violet\",\n        class: skeletonShimmerGradientClasses.violet,\n      },\n      {\n        animation: \"shimmer\",\n        shimmerTone: \"gradient-blue\",\n        class: skeletonShimmerGradientClasses[\"gradient-blue\"],\n      },\n      {\n        animation: \"shimmer\",\n        shimmerTone: \"gradient-green\",\n        class: skeletonShimmerGradientClasses[\"gradient-green\"],\n      },\n      {\n        animation: \"shimmer\",\n        shimmerTone: \"gradient-red\",\n        class: skeletonShimmerGradientClasses[\"gradient-red\"],\n      },\n      {\n        animation: \"shimmer\",\n        shimmerTone: \"gradient-yellow\",\n        class: skeletonShimmerGradientClasses[\"gradient-yellow\"],\n      },\n      {\n        animation: \"shimmer\",\n        shimmerTone: \"gradient-purple\",\n        class: skeletonShimmerGradientClasses[\"gradient-purple\"],\n      },\n      {\n        animation: \"shimmer\",\n        shimmerTone: \"gradient-teal\",\n        class: skeletonShimmerGradientClasses[\"gradient-teal\"],\n      },\n      {\n        animation: \"shimmer\",\n        shimmerTone: \"gradient-indigo\",\n        class: skeletonShimmerGradientClasses[\"gradient-indigo\"],\n      },\n      {\n        animation: \"shimmer\",\n        shimmerTone: \"gradient-pink\",\n        class: skeletonShimmerGradientClasses[\"gradient-pink\"],\n      },\n      {\n        animation: \"shimmer\",\n        shimmerTone: \"gradient-orange\",\n        class: skeletonShimmerGradientClasses[\"gradient-orange\"],\n      },\n      {\n        animation: \"pulse\",\n        class: \"\",\n      },\n    ],\n    defaultVariants: {\n      appearance: \"default\",\n      size: \"md\",\n      rounded: \"md\",\n      animation: \"shimmer\",\n      shimmerTone: \"default\",\n    },\n  },\n);\n\nexport const skeletonTextLineVariants = cva(\"block w-full\", {\n  variants: {\n    size: {\n      sm: \"h-2.5\",\n      md: \"h-3\",\n      lg: \"h-4\",\n    },\n  },\n  defaultVariants: { size: \"md\" },\n});\n","\"use client\";\n\nimport { createContext, useContext, useMemo } from \"react\";\n\nimport { cn } from \"../../lib/utils\";\n\nimport type {\n  SkeletonAnimation,\n  SkeletonAvatarProps,\n  SkeletonButtonProps,\n  SkeletonCardProps,\n  SkeletonProps,\n  SkeletonTextProps,\n} from \"./types\";\nimport { skeletonTextLineVariants, skeletonVariants } from \"./variants\";\n\nexport const SkeletonAnimationContext = createContext<\n  SkeletonAnimation | undefined\n>(undefined);\n\nexport function useSkeletonAnimation(\n  fallback: SkeletonAnimation,\n): SkeletonAnimation {\n  const value = useContext(SkeletonAnimationContext);\n  return value ?? fallback;\n}\n\nfunction skeletonMotionClass(animation: SkeletonAnimation): string {\n  if (animation === \"none\") {\n    return \"\";\n  }\n  return \"animate-pulse\";\n}\n\nexport function SkeletonBase(props: SkeletonProps) {\n  const {\n    className,\n    appearance,\n    size,\n    rounded,\n    animation = \"shimmer\",\n    shimmerTone,\n    busy,\n    children,\n    ref,\n    as: Wrapper = \"div\",\n    ...rest\n  } = props;\n  const ctx = useMemo(() => animation, [animation]);\n\n  return (\n    <SkeletonAnimationContext.Provider value={ctx}>\n      <Wrapper\n        ref={ref}\n        data-slot=\"skeleton\"\n        aria-hidden\n        aria-busy={busy ? true : undefined}\n        className={cn(\n          skeletonVariants({\n            appearance,\n            size,\n            rounded,\n            animation,\n            shimmerTone,\n          }),\n          skeletonMotionClass(animation),\n          className,\n        )}\n        {...rest}\n      >\n        {children}\n      </Wrapper>\n    </SkeletonAnimationContext.Provider>\n  );\n}\n\nSkeletonBase.displayName = \"Skeleton\";\n\nexport function SkeletonTextBase(props: SkeletonTextProps) {\n  const {\n    lines = 3,\n    className,\n    appearance,\n    size,\n    rounded,\n    animation = \"shimmer\",\n    shimmerTone,\n    busy,\n    ref,\n    as: Wrapper = \"div\",\n  } = props;\n  const effectiveAnimation = useSkeletonAnimation(animation);\n  const motionClass = skeletonMotionClass(effectiveAnimation);\n\n  return (\n    <div\n      data-slot=\"skeleton-text\"\n      className={cn(\"flex w-full flex-col gap-2\", className)}\n      aria-hidden\n      aria-busy={busy ? true : undefined}\n    >\n      {Array.from({ length: lines }).map((_, index) => (\n        <Wrapper\n          key={index}\n          ref={index === 0 ? ref : undefined}\n          className={cn(\n            skeletonVariants({\n              appearance,\n              size,\n              rounded,\n              animation: effectiveAnimation,\n              shimmerTone,\n            }),\n            skeletonTextLineVariants({ size }),\n            index === lines - 1 ? \"w-3/5\" : \"w-full\",\n            motionClass,\n          )}\n        />\n      ))}\n    </div>\n  );\n}\n\nSkeletonTextBase.displayName = \"SkeletonText\";\n\nconst avatarSizeClass: Record<\n  NonNullable<SkeletonAvatarProps[\"avatarSize\"]>,\n  string\n> = {\n  xs: \"size-6\",\n  sm: \"size-8\",\n  md: \"size-10\",\n  lg: \"size-12\",\n  xl: \"size-14\",\n  \"2xl\": \"size-16\",\n};\n\nexport function SkeletonAvatarBase(props: SkeletonAvatarProps) {\n  const {\n    avatarSize = \"md\",\n    className,\n    appearance,\n    size,\n    rounded = \"full\",\n    animation,\n    shimmerTone,\n    busy,\n    ref,\n    as: Wrapper = \"div\",\n    ...rest\n  } = props;\n  const effectiveAnimation = useSkeletonAnimation(animation ?? \"shimmer\");\n  const motionClass = skeletonMotionClass(effectiveAnimation);\n\n  return (\n    <Wrapper\n      ref={ref}\n      data-slot=\"skeleton-avatar\"\n      aria-hidden\n      aria-busy={busy ? true : undefined}\n      className={cn(\n        skeletonVariants({\n          appearance,\n          size,\n          rounded,\n          animation: effectiveAnimation,\n          shimmerTone,\n        }),\n        avatarSizeClass[avatarSize],\n        motionClass,\n        className,\n      )}\n      {...rest}\n    />\n  );\n}\n\nSkeletonAvatarBase.displayName = \"SkeletonAvatar\";\n\nexport function SkeletonCardBase(props: SkeletonCardProps) {\n  const {\n    className,\n    busy,\n    animation = \"shimmer\",\n    shimmerTone,\n    appearance,\n    size,\n    rounded,\n    ref,\n  } = props;\n\n  return (\n    <div\n      ref={ref as never}\n      data-slot=\"skeleton-card\"\n      className={cn(\"w-full max-w-sm\", className)}\n      aria-busy={busy ? true : undefined}\n    >\n      <SkeletonBase\n        rounded=\"lg\"\n        animation={animation}\n        shimmerTone={shimmerTone}\n        appearance={appearance}\n        size={size}\n        busy={busy}\n        className=\"flex flex-col gap-4 p-4\"\n      >\n        <div className=\"flex items-center gap-3\">\n          <SkeletonAvatarBase\n            appearance={appearance}\n            size={size}\n            animation={animation}\n            shimmerTone={shimmerTone}\n            rounded={rounded}\n          />\n          <div className=\"flex flex-1 flex-col gap-2\">\n            <SkeletonTextBase\n              lines={2}\n              appearance={appearance}\n              size={size}\n              animation={animation}\n              shimmerTone={shimmerTone}\n            />\n          </div>\n        </div>\n        <SkeletonTextBase\n          lines={4}\n          appearance={appearance}\n          size={size}\n          animation={animation}\n          shimmerTone={shimmerTone}\n        />\n      </SkeletonBase>\n    </div>\n  );\n}\n\nSkeletonCardBase.displayName = \"SkeletonCard\";\n\nconst buttonHeight: Record<\n  NonNullable<SkeletonButtonProps[\"buttonSize\"]>,\n  string\n> = {\n  sm: \"h-8 w-24\",\n  md: \"h-10 w-32\",\n  lg: \"h-12 w-40\",\n};\n\nexport function SkeletonButtonBase(props: SkeletonButtonProps) {\n  const {\n    buttonSize = \"md\",\n    className,\n    appearance,\n    size,\n    rounded = \"md\",\n    animation,\n    shimmerTone,\n    busy,\n    ref,\n    ...rest\n  } = props;\n  const effectiveAnimation = useSkeletonAnimation(animation ?? \"shimmer\");\n  const motionClass = skeletonMotionClass(effectiveAnimation);\n\n  return (\n    <div\n      ref={ref}\n      data-slot=\"skeleton-button\"\n      aria-hidden\n      aria-busy={busy ? true : undefined}\n      className={cn(\n        skeletonVariants({\n          appearance,\n          size,\n          rounded,\n          animation: effectiveAnimation,\n          shimmerTone,\n        }),\n        buttonHeight[buttonSize],\n        motionClass,\n        className,\n      )}\n      {...rest}\n    />\n  );\n}\n\nSkeletonButtonBase.displayName = \"SkeletonButton\";\n"]}

package/dist/{chunk-BITDSQMR.js → chunk-OB4KJZK2.js}

@@ -16,32 +16,32 @@ var buttonVariants = classVarianceAuthority.cva(
       appearance: {
         default: "bg-slate-50 text-slate-950 shadow-[0_1px_2px_rgba(15,23,42,0.12)] hover:bg-white",
         secondary: "bg-slate-800 text-slate-50 hover:bg-slate-700",
-        destructive: "bg-rose-600 text-white hover:bg-rose-600",
+        destructive: "bg-rose-700 text-white hover:bg-rose-800",
         outline: "border border-white/10 bg-white/5 text-slate-50 hover:bg-white/10",
         ghost: "bg-transparent text-slate-200 hover:bg-white/5",
         link: "bg-transparent text-cyan-300 underline-offset-4 hover:underline",
         glass: "border border-white/15 bg-white/10 text-white backdrop-blur-md hover:bg-white/15",
-        emerald: "bg-emerald-600 text-white hover:bg-emerald-600",
+        emerald: "bg-emerald-800 text-white hover:bg-emerald-900",
         indigo: "bg-indigo-600 text-white hover:bg-indigo-600",
         purple: "bg-purple-600 text-white hover:bg-purple-600",
         pink: "bg-pink-600 text-white hover:bg-pink-600",
         rose: "bg-rose-600 text-white hover:bg-rose-600",
-        sky: "bg-sky-600 text-white hover:bg-sky-600",
-        teal: "bg-teal-600 text-white hover:bg-teal-600",
-        yellow: "bg-yellow-600 text-white hover:bg-yellow-600",
-        orange: "bg-orange-600 text-white hover:bg-orange-600",
-        gray: "bg-gray-600 text-white hover:bg-gray-600",
-        amber: "bg-amber-600 text-white hover:bg-amber-600",
+        sky: "bg-sky-700 text-white hover:bg-sky-800",
+        teal: "bg-teal-700 text-white hover:bg-teal-800",
+        yellow: "bg-yellow-800 text-white hover:bg-yellow-900",
+        orange: "bg-orange-800 text-white hover:bg-orange-900",
+        gray: "bg-gray-700 text-white hover:bg-gray-800",
+        amber: "bg-amber-800 text-white hover:bg-amber-900",
         violet: "bg-violet-600 text-white hover:bg-violet-600",
-        "gradient-blue": "bg-gradient-to-r from-blue-600 to-purple-600 text-white hover:from-blue-600 hover:to-purple-600",
-        "gradient-green": "bg-gradient-to-r from-green-600 to-lime-600 text-white hover:from-green-600 hover:to-lime-600",
-        "gradient-red": "bg-gradient-to-r from-red-600 to-pink-600 text-white hover:from-red-600 hover:to-pink-600",
-        "gradient-yellow": "bg-gradient-to-r from-yellow-600 to-orange-600 text-white hover:from-yellow-600 hover:to-orange-600",
-        "gradient-purple": "bg-gradient-to-r from-purple-600 to-pink-600 text-white hover:from-purple-600 hover:to-pink-600",
-        "gradient-teal": "bg-gradient-to-r from-teal-600 to-cyan-600 text-white hover:from-teal-600 hover:to-cyan-600",
-        "gradient-indigo": "bg-gradient-to-r from-indigo-600 to-purple-600 text-white hover:from-indigo-600 hover:to-purple-600",
-        "gradient-pink": "bg-gradient-to-r from-pink-600 to-rose-600 text-white hover:from-pink-600 hover:to-rose-600",
-        "gradient-orange": "bg-gradient-to-r from-orange-600 to-red-600 text-white hover:from-orange-600 hover:to-red-600"
+        "gradient-blue": "bg-linear-to-r from-blue-600 to-purple-600 text-white hover:from-blue-600 hover:to-purple-600",
+        "gradient-green": "bg-linear-to-r from-green-600 to-lime-600 text-white hover:from-green-600 hover:to-lime-600",
+        "gradient-red": "bg-linear-to-r from-red-600 to-pink-600 text-white hover:from-red-600 hover:to-pink-600",
+        "gradient-yellow": "bg-linear-to-r from-yellow-600 to-orange-600 text-white hover:from-yellow-600 hover:to-orange-600",
+        "gradient-purple": "bg-linear-to-r from-purple-600 to-pink-600 text-white hover:from-purple-600 hover:to-pink-600",
+        "gradient-teal": "bg-linear-to-r from-teal-600 to-cyan-600 text-white hover:from-teal-600 hover:to-cyan-600",
+        "gradient-indigo": "bg-linear-to-r from-indigo-600 to-purple-600 text-white hover:from-indigo-600 hover:to-purple-600",
+        "gradient-pink": "bg-linear-to-r from-pink-600 to-rose-600 text-white hover:from-pink-600 hover:to-rose-600",
+        "gradient-orange": "bg-linear-to-r from-orange-600 to-red-600 text-white hover:from-orange-600 hover:to-red-600"
       },
       size: {
         sm: "h-7 md:h-9 px-3 text-xs",
@@ -68,5 +68,5 @@ var buttonVariants = classVarianceAuthority.cva(
 );
 
 exports.buttonVariants = buttonVariants;
-//# sourceMappingURL=chunk-BITDSQMR.js.map
-//# sourceMappingURL=chunk-BITDSQMR.js.map
+//# sourceMappingURL=chunk-OB4KJZK2.js.map
+//# sourceMappingURL=chunk-OB4KJZK2.js.map

package/dist/chunk-OB4KJZK2.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ui/buttons/variants.ts"],"names":["cva"],"mappings":";;;;;AAEO,IAAM,cAAA,GAAiBA,0BAAA;AAAA,EAC5B;AAAA,IACE,4EAAA;AAAA,IACA,6DAAA;AAAA,IACA,0GAAA;AAAA,IACA,kDAAA;AAAA,IACA;AAAA,GACF;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,UAAA,EAAY;AAAA,QACV,OAAA,EACE,kFAAA;AAAA,QACF,SAAA,EAAW,+CAAA;AAAA,QACX,WAAA,EAAa,0CAAA;AAAA,QACb,OAAA,EACE,mEAAA;AAAA,QACF,KAAA,EAAO,gDAAA;AAAA,QACP,IAAA,EAAM,iEAAA;AAAA,QACN,KAAA,EACE,kFAAA;AAAA,QACF,OAAA,EAAS,gDAAA;AAAA,QACT,MAAA,EAAQ,8CAAA;AAAA,QACR,MAAA,EAAQ,8CAAA;AAAA,QACR,IAAA,EAAM,0CAAA;AAAA,QACN,IAAA,EAAM,0CAAA;AAAA,QACN,GAAA,EAAK,wCAAA;AAAA,QACL,IAAA,EAAM,0CAAA;AAAA,QACN,MAAA,EAAQ,8CAAA;AAAA,QACR,MAAA,EAAQ,8CAAA;AAAA,QACR,IAAA,EAAM,0CAAA;AAAA,QACN,KAAA,EAAO,4CAAA;AAAA,QACP,MAAA,EAAQ,8CAAA;AAAA,QACR,eAAA,EACE,+FAAA;AAAA,QACF,gBAAA,EACE,6FAAA;AAAA,QACF,cAAA,EACE,yFAAA;AAAA,QACF,iBAAA,EACE,mGAAA;AAAA,QACF,iBAAA,EACE,+FAAA;AAAA,QACF,eAAA,EACE,2FAAA;AAAA,QACF,iBAAA,EACE,mGAAA;AAAA,QACF,eAAA,EACE,2FAAA;AAAA,QACF,iBAAA,EACE;AAAA,OACJ;AAAA,MACA,IAAA,EAAM;AAAA,QACJ,EAAA,EAAI,yBAAA;AAAA,QACJ,EAAA,EAAI,kBAAA;AAAA,QACJ,EAAA,EAAI,6BAAA;AAAA,QACJ,EAAA,EAAI,2BAAA;AAAA,QACJ,KAAA,EAAO,mCAAA;AAAA,QACP,KAAA,EAAO,qCAAA;AAAA,QACP,KAAA,EAAO,sCAAA;AAAA,QACP,KAAA,EAAO,sCAAA;AAAA,QACP,KAAA,EAAO,sCAAA;AAAA,QACP,KAAA,EAAO,sCAAA;AAAA,QACP,KAAA,EAAO,6BAAA;AAAA,QACP,KAAA,EAAO,sCAAA;AAAA,QACP,MAAA,EAAQ,sCAAA;AAAA,QACR,IAAA,EAAM;AAAA;AACR,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,UAAA,EAAY,SAAA;AAAA,MACZ,IAAA,EAAM;AAAA;AACR;AAEJ","file":"chunk-OB4KJZK2.js","sourcesContent":["import { cva } from \"class-variance-authority\";\n\nexport const buttonVariants = cva(\n  [\n    \"inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-xl\",\n    \"text-sm font-medium ring-offset-slate-950 transition-colors\",\n    \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-300 focus-visible:ring-offset-2\",\n    \"disabled:pointer-events-none disabled:opacity-50\",\n    \"select-none\",\n  ],\n  {\n    variants: {\n      appearance: {\n        default:\n          \"bg-slate-50 text-slate-950 shadow-[0_1px_2px_rgba(15,23,42,0.12)] hover:bg-white\",\n        secondary: \"bg-slate-800 text-slate-50 hover:bg-slate-700\",\n        destructive: \"bg-rose-700 text-white hover:bg-rose-800\",\n        outline:\n          \"border border-white/10 bg-white/5 text-slate-50 hover:bg-white/10\",\n        ghost: \"bg-transparent text-slate-200 hover:bg-white/5\",\n        link: \"bg-transparent text-cyan-300 underline-offset-4 hover:underline\",\n        glass:\n          \"border border-white/15 bg-white/10 text-white backdrop-blur-md hover:bg-white/15\",\n        emerald: \"bg-emerald-800 text-white hover:bg-emerald-900\",\n        indigo: \"bg-indigo-600 text-white hover:bg-indigo-600\",\n        purple: \"bg-purple-600 text-white hover:bg-purple-600\",\n        pink: \"bg-pink-600 text-white hover:bg-pink-600\",\n        rose: \"bg-rose-600 text-white hover:bg-rose-600\",\n        sky: \"bg-sky-700 text-white hover:bg-sky-800\",\n        teal: \"bg-teal-700 text-white hover:bg-teal-800\",\n        yellow: \"bg-yellow-800 text-white hover:bg-yellow-900\",\n        orange: \"bg-orange-800 text-white hover:bg-orange-900\",\n        gray: \"bg-gray-700 text-white hover:bg-gray-800\",\n        amber: \"bg-amber-800 text-white hover:bg-amber-900\",\n        violet: \"bg-violet-600 text-white hover:bg-violet-600\",\n        \"gradient-blue\":\n          \"bg-linear-to-r from-blue-600 to-purple-600 text-white hover:from-blue-600 hover:to-purple-600\",\n        \"gradient-green\":\n          \"bg-linear-to-r from-green-600 to-lime-600 text-white hover:from-green-600 hover:to-lime-600\",\n        \"gradient-red\":\n          \"bg-linear-to-r from-red-600 to-pink-600 text-white hover:from-red-600 hover:to-pink-600\",\n        \"gradient-yellow\":\n          \"bg-linear-to-r from-yellow-600 to-orange-600 text-white hover:from-yellow-600 hover:to-orange-600\",\n        \"gradient-purple\":\n          \"bg-linear-to-r from-purple-600 to-pink-600 text-white hover:from-purple-600 hover:to-pink-600\",\n        \"gradient-teal\":\n          \"bg-linear-to-r from-teal-600 to-cyan-600 text-white hover:from-teal-600 hover:to-cyan-600\",\n        \"gradient-indigo\":\n          \"bg-linear-to-r from-indigo-600 to-purple-600 text-white hover:from-indigo-600 hover:to-purple-600\",\n        \"gradient-pink\":\n          \"bg-linear-to-r from-pink-600 to-rose-600 text-white hover:from-pink-600 hover:to-rose-600\",\n        \"gradient-orange\":\n          \"bg-linear-to-r from-orange-600 to-red-600 text-white hover:from-orange-600 hover:to-red-600\",\n      },\n      size: {\n        sm: \"h-7 md:h-9 px-3 text-xs\",\n        md: \"h-9 md:h-11 px-4\",\n        lg: \"h-10 md:h-12 px-5 text-base\",\n        xl: \"h-12 md:h-14 px-6 text-lg\",\n        \"2xl\": \"h-14 md:h-16 px-6 md:px-8 text-xl\",\n        \"3xl\": \"h-16 md:h-18 px-8 md:px-10 text-2xl\",\n        \"4xl\": \"h-18 md:h-20 px-10 md:px-12 text-2xl\",\n        \"5xl\": \"h-20 md:h-22 px-12 md:px-14 text-2xl\",\n        \"6xl\": \"h-22 md:h-24 px-14 md:px-16 text-2xl\",\n        \"7xl\": \"h-24 md:h-26 px-16 md:px-18 text-2xl\",\n        \"8xl\": \"h-26 md:h-28 px-20 text-2xl\",\n        \"9xl\": \"h-24 md:h-30 px-18 md:px-22 text-2xl\",\n        \"10xl\": \"h-26 md:h-32 px-20 md:px-24 text-2xl\",\n        icon: \"h-10 w-10\",\n      },\n    },\n    defaultVariants: {\n      appearance: \"default\",\n      size: \"md\",\n    },\n  },\n);\n"]}