@zentauri-ui/zentauri-components 1.9.1 → 2.0.0

package/dist/chunk-D4B62J5C.js

@@ -0,0 +1,128 @@
+'use strict';
+
+var chunkJTMRSRYD_js = require('./chunk-JTMRSRYD.js');
+var chunkZS5756ZC_js = require('./chunk-ZS5756ZC.js');
+var classVarianceAuthority = require('class-variance-authority');
+var react = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+var emptyStateVariants = classVarianceAuthority.cva(chunkJTMRSRYD_js.zuiEmptyStateBase, {
+  variants: {
+    size: chunkJTMRSRYD_js.zuiEmptyStateSizes,
+    appearance: chunkJTMRSRYD_js.zuiEmptyStateAppearances,
+    align: chunkJTMRSRYD_js.zuiEmptyStateAlignments
+  },
+  defaultVariants: {
+    size: "md",
+    appearance: "default",
+    align: "center"
+  }
+});
+var emptyStateTitleVariants = classVarianceAuthority.cva(chunkJTMRSRYD_js.zuiEmptyStateTitleBase, {
+  variants: {
+    size: chunkJTMRSRYD_js.zuiEmptyStateTitleSizes
+  },
+  defaultVariants: { size: "md" }
+});
+var emptyStateDescriptionVariants = classVarianceAuthority.cva(chunkJTMRSRYD_js.zuiEmptyStateDescriptionBase, {
+  variants: {
+    size: chunkJTMRSRYD_js.zuiEmptyStateDescriptionSizes
+  },
+  defaultVariants: { size: "md" }
+});
+var EmptyStateSizeContext = react.createContext("md");
+function useEmptyStateSize() {
+  return react.useContext(EmptyStateSizeContext);
+}
+function EmptyStateBase(props) {
+  const {
+    className,
+    size = "md",
+    appearance,
+    align,
+    children,
+    ref,
+    liveRegion = false,
+    as: Wrapper = "section",
+    ...rest
+  } = props;
+  const ctx = react.useMemo(() => size ?? "md", [size]);
+  const liveAria = typeof liveRegion === "string" ? liveRegion : liveRegion === true ? "polite" : void 0;
+  return /* @__PURE__ */ jsxRuntime.jsx(EmptyStateSizeContext.Provider, { value: ctx, children: /* @__PURE__ */ jsxRuntime.jsx(
+    Wrapper,
+    {
+      ref,
+      "data-slot": "empty-state",
+      "aria-live": liveAria,
+      className: chunkZS5756ZC_js.cn(
+        emptyStateVariants({ size, appearance, align }),
+        className
+      ),
+      ...rest,
+      children
+    }
+  ) });
+}
+EmptyStateBase.displayName = "EmptyState";
+function EmptyStateIcon({
+  className,
+  children
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      "data-slot": "empty-state-icon",
+      className: chunkZS5756ZC_js.cn("text-slate-300", className),
+      children
+    }
+  );
+}
+EmptyStateIcon.displayName = "EmptyStateIcon";
+function EmptyStateTitle({
+  className,
+  children
+}) {
+  const size = useEmptyStateSize();
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "h2",
+    {
+      "data-slot": "empty-state-title",
+      className: chunkZS5756ZC_js.cn(emptyStateTitleVariants({ size }), className),
+      children
+    }
+  );
+}
+EmptyStateTitle.displayName = "EmptyStateTitle";
+function EmptyStateDescription({
+  className,
+  children
+}) {
+  const size = useEmptyStateSize();
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "p",
+    {
+      "data-slot": "empty-state-description",
+      className: chunkZS5756ZC_js.cn(emptyStateDescriptionVariants({ size }), className),
+      children
+    }
+  );
+}
+EmptyStateDescription.displayName = "EmptyStateDescription";
+function EmptyStateAction({
+  className,
+  children
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { "data-slot": "empty-state-action", className: chunkZS5756ZC_js.cn("mt-2", className), children });
+}
+EmptyStateAction.displayName = "EmptyStateAction";
+
+exports.EmptyStateAction = EmptyStateAction;
+exports.EmptyStateBase = EmptyStateBase;
+exports.EmptyStateDescription = EmptyStateDescription;
+exports.EmptyStateIcon = EmptyStateIcon;
+exports.EmptyStateTitle = EmptyStateTitle;
+exports.emptyStateDescriptionVariants = emptyStateDescriptionVariants;
+exports.emptyStateTitleVariants = emptyStateTitleVariants;
+exports.emptyStateVariants = emptyStateVariants;
+//# sourceMappingURL=chunk-D4B62J5C.js.map
+//# sourceMappingURL=chunk-D4B62J5C.js.map

package/dist/chunk-D4B62J5C.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ui/empty-state/variants.ts","../src/ui/empty-state/empty-state-base.tsx"],"names":["cva","zuiEmptyStateBase","zuiEmptyStateSizes","zuiEmptyStateAppearances","zuiEmptyStateAlignments","zuiEmptyStateTitleBase","zuiEmptyStateTitleSizes","zuiEmptyStateDescriptionBase","zuiEmptyStateDescriptionSizes","createContext","useContext","useMemo","jsx","cn"],"mappings":"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","file":"chunk-D4B62J5C.js","sourcesContent":["import { cva } from \"class-variance-authority\";\n\nimport {\n  zuiEmptyStateAlignments,\n  zuiEmptyStateAppearances,\n  zuiEmptyStateBase,\n  zuiEmptyStateDescriptionBase,\n  zuiEmptyStateDescriptionSizes,\n  zuiEmptyStateSizes,\n  zuiEmptyStateTitleBase,\n  zuiEmptyStateTitleSizes,\n} from \"../../design-system/empty-state\";\n\nexport const emptyStateVariants = cva(zuiEmptyStateBase, {\n  variants: {\n    size: zuiEmptyStateSizes,\n    appearance: zuiEmptyStateAppearances,\n    align: zuiEmptyStateAlignments,\n  },\n  defaultVariants: {\n    size: \"md\",\n    appearance: \"default\",\n    align: \"center\",\n  },\n});\n\nexport const emptyStateTitleVariants = cva(zuiEmptyStateTitleBase, {\n  variants: {\n    size: zuiEmptyStateTitleSizes,\n  },\n  defaultVariants: { size: \"md\" },\n});\n\nexport const emptyStateDescriptionVariants = cva(zuiEmptyStateDescriptionBase, {\n  variants: {\n    size: zuiEmptyStateDescriptionSizes,\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  EmptyStateProps,\n  EmptyStateSectionProps,\n  EmptyStateSize,\n} from \"./types\";\nimport {\n  emptyStateDescriptionVariants,\n  emptyStateTitleVariants,\n  emptyStateVariants,\n} from \"./variants\";\n\nexport const EmptyStateSizeContext = createContext<EmptyStateSize>(\"md\");\n\nfunction useEmptyStateSize(): EmptyStateSize {\n  return useContext(EmptyStateSizeContext);\n}\n\nexport function EmptyStateBase(props: EmptyStateProps) {\n  const {\n    className,\n    size = \"md\",\n    appearance,\n    align,\n    children,\n    ref,\n    liveRegion = false,\n    as: Wrapper = \"section\",\n    ...rest\n  } = props;\n  const ctx = useMemo(() => size ?? \"md\", [size]);\n\n  const liveAria =\n    typeof liveRegion === \"string\"\n      ? liveRegion\n      : liveRegion === true\n        ? \"polite\"\n        : undefined;\n\n  return (\n    <EmptyStateSizeContext.Provider value={ctx}>\n      <Wrapper\n        ref={ref}\n        data-slot=\"empty-state\"\n        aria-live={liveAria}\n        className={cn(\n          emptyStateVariants({ size, appearance, align }),\n          className,\n        )}\n        {...rest}\n      >\n        {children}\n      </Wrapper>\n    </EmptyStateSizeContext.Provider>\n  );\n}\n\nEmptyStateBase.displayName = \"EmptyState\";\n\nexport function EmptyStateIcon({\n  className,\n  children,\n}: EmptyStateSectionProps) {\n  return (\n    <div\n      data-slot=\"empty-state-icon\"\n      className={cn(\"text-slate-300\", className)}\n    >\n      {children}\n    </div>\n  );\n}\n\nEmptyStateIcon.displayName = \"EmptyStateIcon\";\n\nexport function EmptyStateTitle({\n  className,\n  children,\n}: EmptyStateSectionProps) {\n  const size = useEmptyStateSize();\n  return (\n    <h2\n      data-slot=\"empty-state-title\"\n      className={cn(emptyStateTitleVariants({ size }), className)}\n    >\n      {children}\n    </h2>\n  );\n}\n\nEmptyStateTitle.displayName = \"EmptyStateTitle\";\n\nexport function EmptyStateDescription({\n  className,\n  children,\n}: EmptyStateSectionProps) {\n  const size = useEmptyStateSize();\n  return (\n    <p\n      data-slot=\"empty-state-description\"\n      className={cn(emptyStateDescriptionVariants({ size }), className)}\n    >\n      {children}\n    </p>\n  );\n}\n\nEmptyStateDescription.displayName = \"EmptyStateDescription\";\n\nexport function EmptyStateAction({\n  className,\n  children,\n}: EmptyStateSectionProps) {\n  return (\n    <div data-slot=\"empty-state-action\" className={cn(\"mt-2\", className)}>\n      {children}\n    </div>\n  );\n}\n\nEmptyStateAction.displayName = \"EmptyStateAction\";\n"]}

package/dist/{chunk-REDZL4DY.mjs → chunk-DWDDIG6R.js}

@@ -1,7 +1,4 @@
-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';
+'use strict';
 
 // src/design-system/avatar.ts
 var zuiAvatarBase = "relative flex shrink-0 overflow-hidden rounded-full border border-[color:var(--zui-avatar-border,#0000001a)] dark:border-[color:var(--zui-avatar-border-dark,#ffffff1a)] text-[color:var(--zui-avatar-fg,oklch(37.2%_0.044_257.287))] dark:text-[color:var(--zui-avatar-fg-dark,oklch(92.9%_0.013_255.508))]";
@@ -61,159 +58,11 @@ var zuiAvatarImageBase = "aspect-square size-full object-cover";
 var zuiAvatarFallbackBase = "flex size-full items-center justify-center bg-[var(--zui-avatar-fallback-bg,oklch(92.9%_0.013_255.508))] dark:bg-[var(--zui-avatar-fallback-bg-dark,oklch(27.9%_0.041_260.031))] font-medium text-[color:var(--zui-avatar-fallback-fg,oklch(27.9%_0.041_260.031))] dark:text-[color:var(--zui-avatar-fallback-fg-dark,oklch(96.8%_0.007_247.896))]";
 var zuiAvatarGroupBase = "flex items-center [&_[data-slot=avatar]]:-ml-2 [&_[data-slot=avatar]]:ring-2 [&_[data-slot=avatar]]:ring-[var(--zui-avatar-group-ring,#ffffff)] dark:[&_[data-slot=avatar]]:ring-[var(--zui-avatar-group-ring-dark,oklch(12.9%_0.042_264.695))] [&_[data-slot=avatar]]:first:ml-0";
 
-// src/ui/avatar/variants.ts
-var avatarVariants = cva(zuiAvatarBase, {
-  variants: {
-    appearance: zuiAvatarAppearances,
-    size: zuiAvatarSizes
-  },
-  defaultVariants: {
-    size: "md",
-    appearance: "default"
-  }
-});
-var avatarImageVariants = cva(zuiAvatarImageBase);
-var avatarFallbackVariants = cva(zuiAvatarFallbackBase);
-var avatarGroupVariants = cva(zuiAvatarGroupBase);
-var AvatarContext = createContext(null);
-function useAvatarContext(component) {
-  const ctx = useContext(AvatarContext);
-  if (!ctx) {
-    throw new Error(`${component} must be used within <Avatar>`);
-  }
-  return ctx;
-}
-function AvatarBase({
-  className,
-  size,
-  appearance,
-  children,
-  ref,
-  as: Wrapper = "span",
-  ...rest
-}) {
-  const [imageStatus, setImageStatus] = useState("idle");
-  const ctx = useMemo(() => ({ imageStatus, setImageStatus }), [imageStatus]);
-  return /* @__PURE__ */ jsx(AvatarContext.Provider, { value: ctx, children: /* @__PURE__ */ jsx(
-    Wrapper,
-    {
-      ref,
-      "data-slot": "avatar",
-      className: cn(avatarVariants({ size, appearance }), className),
-      ...rest,
-      children
-    }
-  ) });
-}
-AvatarBase.displayName = "Avatar";
-function AvatarImage({
-  className,
-  onLoad,
-  onError,
-  ref,
-  ...rest
-}) {
-  const { setImageStatus } = useAvatarContext("AvatarImage");
-  return /* @__PURE__ */ jsx(
-    "img",
-    {
-      ref,
-      "data-slot": "avatar-image",
-      className: cn(avatarImageVariants(), className),
-      onLoad: (e) => {
-        setImageStatus("loaded");
-        onLoad?.(e);
-      },
-      onError: (e) => {
-        setImageStatus("error");
-        onError?.(e);
-      },
-      ...rest
-    }
-  );
-}
-AvatarImage.displayName = "AvatarImage";
-function AvatarFallback({
-  className,
-  delayMs = 0,
-  ref,
-  ...rest
-}) {
-  const { imageStatus } = useAvatarContext("AvatarFallback");
-  const [show, setShow] = useState(delayMs === 0);
-  useEffect(() => {
-    if (imageStatus === "loaded") {
-      setShow(false);
-      return;
-    }
-    if (imageStatus === "error") {
-      setShow(true);
-      return;
-    }
-    if (delayMs <= 0) {
-      setShow(true);
-      return;
-    }
-    const t = window.setTimeout(() => setShow(true), delayMs);
-    return () => window.clearTimeout(t);
-  }, [delayMs, imageStatus]);
-  if (!show) {
-    return null;
-  }
-  return /* @__PURE__ */ jsx(
-    "span",
-    {
-      ref,
-      "data-slot": "avatar-fallback",
-      className: cn(avatarFallbackVariants(), className),
-      ...rest
-    }
-  );
-}
-AvatarFallback.displayName = "AvatarFallback";
-function AvatarGroup({
-  className,
-  max,
-  children,
-  ref,
-  ...rest
-}) {
-  const childArray = useMemo(
-    () => Children.toArray(children).filter(isValidElement),
-    [children]
-  );
-  const visible = max !== void 0 ? childArray.slice(0, max) : childArray;
-  const overflow = max !== void 0 && childArray.length > max ? childArray.length - max : 0;
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      ref,
-      "data-slot": "avatar-group",
-      className: cn(avatarGroupVariants(), className),
-      ...rest,
-      children: [
-        visible,
-        overflow > 0 ? /* @__PURE__ */ jsxs(
-          "span",
-          {
-            "data-slot": "avatar-group-overflow",
-            className: cn(
-              avatarVariants({ size: "md" }),
-              "z-10 grid place-items-center bg-slate-800 text-xs font-semibold text-white"
-            ),
-            "aria-label": `${overflow} more`,
-            children: [
-              "+",
-              overflow
-            ]
-          }
-        ) : null
-      ]
-    }
-  );
-}
-AvatarGroup.displayName = "AvatarGroup";
-
-export { AvatarBase, AvatarFallback, AvatarGroup, AvatarImage, avatarFallbackVariants, avatarGroupVariants, avatarImageVariants, avatarVariants };
-//# sourceMappingURL=chunk-REDZL4DY.mjs.map
-//# sourceMappingURL=chunk-REDZL4DY.mjs.map
+exports.zuiAvatarAppearances = zuiAvatarAppearances;
+exports.zuiAvatarBase = zuiAvatarBase;
+exports.zuiAvatarFallbackBase = zuiAvatarFallbackBase;
+exports.zuiAvatarGroupBase = zuiAvatarGroupBase;
+exports.zuiAvatarImageBase = zuiAvatarImageBase;
+exports.zuiAvatarSizes = zuiAvatarSizes;
+//# sourceMappingURL=chunk-DWDDIG6R.js.map
+//# sourceMappingURL=chunk-DWDDIG6R.js.map

package/dist/chunk-DWDDIG6R.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/design-system/avatar.ts"],"names":[],"mappings":";;;AAAO,IAAM,aAAA,GACX;AAEK,IAAM,oBAAA,GAAuB;AAAA,EAClC,OAAA,EACE,qXAAA;AAAA,EACF,KAAA,EACE,iZAAA;AAAA,EACF,IAAA,EAAM,yTAAA;AAAA,EACN,IAAA,EAAM,yTAAA;AAAA,EACN,KAAA,EACE,+TAAA;AAAA,EACF,IAAA,EAAM,yTAAA;AAAA,EACN,IAAA,EAAM,yTAAA;AAAA,EACN,KAAA,EACE,+TAAA;AAAA,EACF,QAAA,EACE,iVAAA;AAAA,EACF,QAAA,EACE,iVAAA;AAAA,EACF,IAAA,EAAM,yTAAA;AAAA,EACN,GAAA,EAAK,mTAAA;AAAA,EACL,KAAA,EACE,+TAAA;AAAA,EACF,IAAA,EAAM,yTAAA;AAAA,EACN,KAAA,EACE,+TAAA;AAAA,EACF,KAAA,EACE,+TAAA;AAAA,EACF,QAAA,EACE,iVAAA;AAAA,EACF,MAAA,EACE,qUAAA;AAAA,EACF,MAAA,EACE,qUAAA;AAAA,EACF,OAAA,EACE,2UAAA;AAAA,EACF,OAAA,EACE,2UAAA;AAAA,EACF,IAAA,EAAM,yTAAA;AAAA,EACN,IAAA,EAAM,yTAAA;AAAA,EACN,GAAA,EAAK,4aAAA;AAAA,EACL,IAAA,EAAM,8aAAA;AAAA,EACN,MAAA,EACE,gcAAA;AAAA,EACF,IAAA,EAAM,8aAAA;AAAA,EACN,MAAA,EACE,0bAAA;AAAA,EACF,MAAA,EACE,6bAAA;AAAA,EACF,IAAA,EAAM,gbAAA;AAAA,EACN,MAAA,EACE,8bAAA;AAAA,EACF,OAAA,EACE,ocAAA;AAAA,EACF,IAAA,EAAM,kbAAA;AAAA,EACN,KAAA,EACE,sbAAA;AAAA,EACF,MAAA,EACE,gcAAA;AAAA,EACF,eAAA,EACE,ueAAA;AAAA,EACF,gBAAA,EACE,4eAAA;AAAA,EACF,cAAA,EACE,+dAAA;AAAA,EACF,iBAAA,EACE,ifAAA;AAAA,EACF,iBAAA,EACE,ifAAA;AAAA,EACF,eAAA,EACE,seAAA;AAAA,EACF,iBAAA,EACE,mfAAA;AAAA,EACF,eAAA,EACE,qeAAA;AAAA,EACF,iBAAA,EACE;AACJ;AAEO,IAAM,cAAA,GAAiB;AAAA,EAC5B,EAAA,EAAI,gBAAA;AAAA,EACJ,EAAA,EAAI,iBAAA;AAAA,EACJ,EAAA,EAAI,mBAAA;AAAA,EACJ,EAAA,EAAI;AACN;AAEO,IAAM,kBAAA,GAAqB;AAE3B,IAAM,qBAAA,GACX;AAEK,IAAM,kBAAA,GACX","file":"chunk-DWDDIG6R.js","sourcesContent":["export const zuiAvatarBase =\n  \"relative flex shrink-0 overflow-hidden rounded-full border border-[color:var(--zui-avatar-border,#0000001a)] dark:border-[color:var(--zui-avatar-border-dark,#ffffff1a)] text-[color:var(--zui-avatar-fg,oklch(37.2%_0.044_257.287))] dark:text-[color:var(--zui-avatar-fg-dark,oklch(92.9%_0.013_255.508))]\";\n\nexport const zuiAvatarAppearances = {\n  default:\n    \"border-[color:var(--zui-avatar-default-border,#0000001a)] dark:border-[color:var(--zui-avatar-default-border-dark,#ffffff1a)] bg-[var(--zui-avatar-default-bg,#0000001a)] dark:bg-[var(--zui-avatar-default-bg-dark,#ffffff1a)] text-[color:var(--zui-avatar-default-fg,oklch(37.2%_0.044_257.287))] dark:text-[color:var(--zui-avatar-default-fg-dark,oklch(92.9%_0.013_255.508))]\",\n  muted:\n    \"border-[color:var(--zui-avatar-muted-border,#00000066)] bg-[var(--zui-avatar-muted-bg,oklch(98.4%_0.003_247.858))] dark:border-[color:var(--zui-avatar-muted-border-dark,#ffffff1a)] dark:bg-[var(--zui-avatar-muted-bg-dark,oklch(12.9%_0.042_264.695_/_0.4))] text-[color:var(--zui-avatar-muted-fg,oklch(37.2%_0.044_257.287))] dark:text-[color:var(--zui-avatar-muted-fg-dark,oklch(92.9%_0.013_255.508))]\",\n  blue: \"border-[color:var(--zui-avatar-blue-border,#2563eb)] dark:border-[color:var(--zui-avatar-blue-border-dark,#3b82f6)] bg-[var(--zui-avatar-blue-bg,#2563eb1a)] dark:bg-[var(--zui-avatar-blue-bg-dark,#3b82f626)] text-[color:var(--zui-avatar-blue-fg,#0f172a)] dark:text-[color:var(--zui-avatar-blue-fg-dark,#f8fafc)]\",\n  cyan: \"border-[color:var(--zui-avatar-cyan-border,#0891b2)] dark:border-[color:var(--zui-avatar-cyan-border-dark,#22d3ee)] bg-[var(--zui-avatar-cyan-bg,#0891b21a)] dark:bg-[var(--zui-avatar-cyan-bg-dark,#22d3ee26)] text-[color:var(--zui-avatar-cyan-fg,#0f172a)] dark:text-[color:var(--zui-avatar-cyan-fg-dark,#f8fafc)]\",\n  green:\n    \"border-[color:var(--zui-avatar-green-border,#16a34a)] dark:border-[color:var(--zui-avatar-green-border-dark,#22c55e)] bg-[var(--zui-avatar-green-bg,#16a34a1a)] dark:bg-[var(--zui-avatar-green-bg-dark,#22c55e26)] text-[color:var(--zui-avatar-green-fg,#0f172a)] dark:text-[color:var(--zui-avatar-green-fg-dark,#f8fafc)]\",\n  lime: \"border-[color:var(--zui-avatar-lime-border,#65a30d)] dark:border-[color:var(--zui-avatar-lime-border-dark,#a3e635)] bg-[var(--zui-avatar-lime-bg,#65a30d1a)] dark:bg-[var(--zui-avatar-lime-bg-dark,#a3e63526)] text-[color:var(--zui-avatar-lime-fg,#0f172a)] dark:text-[color:var(--zui-avatar-lime-fg-dark,#f8fafc)]\",\n  mint: \"border-[color:var(--zui-avatar-mint-border,#10b981)] dark:border-[color:var(--zui-avatar-mint-border-dark,#6ee7b7)] bg-[var(--zui-avatar-mint-bg,#10b9811a)] dark:bg-[var(--zui-avatar-mint-bg-dark,#6ee7b726)] text-[color:var(--zui-avatar-mint-fg,#0f172a)] dark:text-[color:var(--zui-avatar-mint-fg-dark,#f8fafc)]\",\n  ocean:\n    \"border-[color:var(--zui-avatar-ocean-border,#0284c7)] dark:border-[color:var(--zui-avatar-ocean-border-dark,#38bdf8)] bg-[var(--zui-avatar-ocean-bg,#0284c71a)] dark:bg-[var(--zui-avatar-ocean-bg-dark,#38bdf826)] text-[color:var(--zui-avatar-ocean-fg,#0f172a)] dark:text-[color:var(--zui-avatar-ocean-fg-dark,#f8fafc)]\",\n  sapphire:\n    \"border-[color:var(--zui-avatar-sapphire-border,#1d4ed8)] dark:border-[color:var(--zui-avatar-sapphire-border-dark,#60a5fa)] bg-[var(--zui-avatar-sapphire-bg,#1d4ed81a)] dark:bg-[var(--zui-avatar-sapphire-bg-dark,#60a5fa26)] text-[color:var(--zui-avatar-sapphire-fg,#0f172a)] dark:text-[color:var(--zui-avatar-sapphire-fg-dark,#f8fafc)]\",\n  lavender:\n    \"border-[color:var(--zui-avatar-lavender-border,#8b5cf6)] dark:border-[color:var(--zui-avatar-lavender-border-dark,#a78bfa)] bg-[var(--zui-avatar-lavender-bg,#8b5cf61a)] dark:bg-[var(--zui-avatar-lavender-bg-dark,#a78bfa26)] text-[color:var(--zui-avatar-lavender-fg,#0f172a)] dark:text-[color:var(--zui-avatar-lavender-fg-dark,#f8fafc)]\",\n  ruby: \"border-[color:var(--zui-avatar-ruby-border,#be123c)] dark:border-[color:var(--zui-avatar-ruby-border-dark,#fb7185)] bg-[var(--zui-avatar-ruby-bg,#be123c1a)] dark:bg-[var(--zui-avatar-ruby-bg-dark,#fb718526)] text-[color:var(--zui-avatar-ruby-fg,#0f172a)] dark:text-[color:var(--zui-avatar-ruby-fg-dark,#f8fafc)]\",\n  red: \"border-[color:var(--zui-avatar-red-border,#dc2626)] dark:border-[color:var(--zui-avatar-red-border-dark,#ef4444)] bg-[var(--zui-avatar-red-bg,#dc26261a)] dark:bg-[var(--zui-avatar-red-bg-dark,#ef444426)] text-[color:var(--zui-avatar-red-fg,#0f172a)] dark:text-[color:var(--zui-avatar-red-fg-dark,#f8fafc)]\",\n  slate:\n    \"border-[color:var(--zui-avatar-slate-border,#475569)] dark:border-[color:var(--zui-avatar-slate-border-dark,#64748b)] bg-[var(--zui-avatar-slate-bg,#4755691a)] dark:bg-[var(--zui-avatar-slate-bg-dark,#64748b26)] text-[color:var(--zui-avatar-slate-fg,#0f172a)] dark:text-[color:var(--zui-avatar-slate-fg-dark,#f8fafc)]\",\n  zinc: \"border-[color:var(--zui-avatar-zinc-border,#52525b)] dark:border-[color:var(--zui-avatar-zinc-border-dark,#71717a)] bg-[var(--zui-avatar-zinc-bg,#52525b1a)] dark:bg-[var(--zui-avatar-zinc-bg-dark,#71717a26)] text-[color:var(--zui-avatar-zinc-fg,#0f172a)] dark:text-[color:var(--zui-avatar-zinc-fg-dark,#f8fafc)]\",\n  stone:\n    \"border-[color:var(--zui-avatar-stone-border,#57534e)] dark:border-[color:var(--zui-avatar-stone-border-dark,#78716c)] bg-[var(--zui-avatar-stone-bg,#57534e1a)] dark:bg-[var(--zui-avatar-stone-bg-dark,#78716c26)] text-[color:var(--zui-avatar-stone-fg,#0f172a)] dark:text-[color:var(--zui-avatar-stone-fg-dark,#f8fafc)]\",\n  royal:\n    \"border-[color:var(--zui-avatar-royal-border,#4338ca)] dark:border-[color:var(--zui-avatar-royal-border-dark,#818cf8)] bg-[var(--zui-avatar-royal-bg,#4338ca1a)] dark:bg-[var(--zui-avatar-royal-bg-dark,#818cf826)] text-[color:var(--zui-avatar-royal-fg,#0f172a)] dark:text-[color:var(--zui-avatar-royal-fg-dark,#f8fafc)]\",\n  electric:\n    \"border-[color:var(--zui-avatar-electric-border,#0ea5e9)] dark:border-[color:var(--zui-avatar-electric-border-dark,#38bdf8)] bg-[var(--zui-avatar-electric-bg,#0ea5e91a)] dark:bg-[var(--zui-avatar-electric-bg-dark,#38bdf826)] text-[color:var(--zui-avatar-electric-fg,#0f172a)] dark:text-[color:var(--zui-avatar-electric-fg-dark,#f8fafc)]\",\n  forest:\n    \"border-[color:var(--zui-avatar-forest-border,#166534)] dark:border-[color:var(--zui-avatar-forest-border-dark,#4ade80)] bg-[var(--zui-avatar-forest-bg,#1665341a)] dark:bg-[var(--zui-avatar-forest-bg-dark,#4ade8026)] text-[color:var(--zui-avatar-forest-fg,#0f172a)] dark:text-[color:var(--zui-avatar-forest-fg-dark,#f8fafc)]\",\n  sunset:\n    \"border-[color:var(--zui-avatar-sunset-border,#ea580c)] dark:border-[color:var(--zui-avatar-sunset-border-dark,#fb923c)] bg-[var(--zui-avatar-sunset-bg,#ea580c1a)] dark:bg-[var(--zui-avatar-sunset-bg-dark,#fb923c26)] text-[color:var(--zui-avatar-sunset-fg,#0f172a)] dark:text-[color:var(--zui-avatar-sunset-fg-dark,#f8fafc)]\",\n  magenta:\n    \"border-[color:var(--zui-avatar-magenta-border,#c026d3)] dark:border-[color:var(--zui-avatar-magenta-border-dark,#e879f9)] bg-[var(--zui-avatar-magenta-bg,#c026d31a)] dark:bg-[var(--zui-avatar-magenta-bg-dark,#e879f926)] text-[color:var(--zui-avatar-magenta-fg,#0f172a)] dark:text-[color:var(--zui-avatar-magenta-fg-dark,#f8fafc)]\",\n  crimson:\n    \"border-[color:var(--zui-avatar-crimson-border,#b91c1c)] dark:border-[color:var(--zui-avatar-crimson-border-dark,#f87171)] bg-[var(--zui-avatar-crimson-bg,#b91c1c1a)] dark:bg-[var(--zui-avatar-crimson-bg-dark,#f8717126)] text-[color:var(--zui-avatar-crimson-fg,#0f172a)] dark:text-[color:var(--zui-avatar-crimson-fg-dark,#f8fafc)]\",\n  aqua: \"border-[color:var(--zui-avatar-aqua-border,#0f766e)] dark:border-[color:var(--zui-avatar-aqua-border-dark,#2dd4bf)] bg-[var(--zui-avatar-aqua-bg,#0f766e1a)] dark:bg-[var(--zui-avatar-aqua-bg-dark,#2dd4bf26)] text-[color:var(--zui-avatar-aqua-fg,#0f172a)] dark:text-[color:var(--zui-avatar-aqua-fg-dark,#f8fafc)]\",\n  plum: \"border-[color:var(--zui-avatar-plum-border,#7e22ce)] dark:border-[color:var(--zui-avatar-plum-border-dark,#c084fc)] bg-[var(--zui-avatar-plum-bg,#7e22ce1a)] dark:bg-[var(--zui-avatar-plum-bg-dark,#c084fc26)] text-[color:var(--zui-avatar-plum-fg,#0f172a)] dark:text-[color:var(--zui-avatar-plum-fg-dark,#f8fafc)]\",\n  sky: \"border-[color:var(--zui-avatar-sky-border,oklch(44.3%_0.11_240.79))] dark:border-[color:var(--zui-avatar-sky-border-dark,oklch(58.8%_0.158_241.966))] bg-[var(--zui-avatar-sky-bg,oklch(95.1%_0.026_236.824_/_0.5))] dark:bg-[var(--zui-avatar-sky-bg-dark,oklch(58.8%_0.158_241.966_/_0.03))] text-[color:var(--zui-avatar-sky-fg,oklch(37.2%_0.044_257.287))] dark:text-[color:var(--zui-avatar-sky-fg-dark,oklch(92.9%_0.013_255.508))]\",\n  rose: \"border-[color:var(--zui-avatar-rose-border,oklch(45.5%_0.188_13.697))] dark:border-[color:var(--zui-avatar-rose-border-dark,oklch(58.6%_0.253_17.585))] bg-[var(--zui-avatar-rose-bg,oklch(94.1%_0.03_12.58_/_0.5))] dark:bg-[var(--zui-avatar-rose-bg-dark,oklch(58.6%_0.253_17.585_/_0.03))] text-[color:var(--zui-avatar-rose-fg,oklch(37.2%_0.044_257.287))] dark:text-[color:var(--zui-avatar-rose-fg-dark,oklch(92.9%_0.013_255.508))]\",\n  purple:\n    \"border-[color:var(--zui-avatar-purple-border,oklch(43.8%_0.218_303.724))] dark:border-[color:var(--zui-avatar-purple-border-dark,oklch(55.8%_0.288_302.321))] bg-[var(--zui-avatar-purple-bg,oklch(94.6%_0.033_307.174_/_0.5))] dark:bg-[var(--zui-avatar-purple-bg-dark,oklch(55.8%_0.288_302.321_/_0.03))] text-[color:var(--zui-avatar-purple-fg,oklch(37.2%_0.044_257.287))] dark:text-[color:var(--zui-avatar-purple-fg-dark,oklch(92.9%_0.013_255.508))]\",\n  pink: \"border-[color:var(--zui-avatar-pink-border,oklch(45.9%_0.187_3.815))] dark:border-[color:var(--zui-avatar-pink-border-dark,oklch(59.2%_0.249_0.584))] bg-[var(--zui-avatar-pink-bg,oklch(94.8%_0.028_342.258_/_0.5))] dark:bg-[var(--zui-avatar-pink-bg-dark,oklch(59.2%_0.249_0.584_/_0.03))] text-[color:var(--zui-avatar-pink-fg,oklch(37.2%_0.044_257.287))] dark:text-[color:var(--zui-avatar-pink-fg-dark,oklch(92.9%_0.013_255.508))]\",\n  orange:\n    \"border-[color:var(--zui-avatar-orange-border,oklch(47%_0.157_37.304))] dark:border-[color:var(--zui-avatar-orange-border-dark,oklch(64.6%_0.222_41.116))] bg-[var(--zui-avatar-orange-bg,oklch(95.4%_0.038_75.164_/_0.5))] dark:bg-[var(--zui-avatar-orange-bg-dark,oklch(64.6%_0.222_41.116_/_0.03))] text-[color:var(--zui-avatar-orange-fg,oklch(37.2%_0.044_257.287))] dark:text-[color:var(--zui-avatar-orange-fg-dark,oklch(92.9%_0.013_255.508))]\",\n  yellow:\n    \"border-[color:var(--zui-avatar-yellow-border,oklch(47.6%_0.114_61.907))] dark:border-[color:var(--zui-avatar-yellow-border-dark,oklch(68.1%_0.162_75.834))] bg-[var(--zui-avatar-yellow-bg,oklch(97.3%_0.071_103.193_/_0.5))] dark:bg-[var(--zui-avatar-yellow-bg-dark,oklch(68.1%_0.162_75.834_/_0.03))] text-[color:var(--zui-avatar-yellow-fg,oklch(37.2%_0.044_257.287))] dark:text-[color:var(--zui-avatar-yellow-fg-dark,oklch(92.9%_0.013_255.508))]\",\n  teal: \"border-[color:var(--zui-avatar-teal-border,oklch(43.7%_0.078_188.216))] dark:border-[color:var(--zui-avatar-teal-border-dark,oklch(60%_0.118_184.704))] bg-[var(--zui-avatar-teal-bg,oklch(95.3%_0.051_180.801_/_0.5))] dark:bg-[var(--zui-avatar-teal-bg-dark,oklch(60%_0.118_184.704_/_0.03))] text-[color:var(--zui-avatar-teal-fg,oklch(37.2%_0.044_257.287))] dark:text-[color:var(--zui-avatar-teal-fg-dark,oklch(92.9%_0.013_255.508))]\",\n  indigo:\n    \"border-[color:var(--zui-avatar-indigo-border,oklch(39.8%_0.195_277.366))] dark:border-[color:var(--zui-avatar-indigo-border-dark,oklch(51.1%_0.262_276.966))] bg-[var(--zui-avatar-indigo-bg,oklch(93%_0.034_272.788_/_0.5))] dark:bg-[var(--zui-avatar-indigo-bg-dark,oklch(51.1%_0.262_276.966_/_0.03))] text-[color:var(--zui-avatar-indigo-fg,oklch(37.2%_0.044_257.287))] dark:text-[color:var(--zui-avatar-indigo-fg-dark,oklch(92.9%_0.013_255.508))]\",\n  emerald:\n    \"border-[color:var(--zui-avatar-emerald-border,oklch(43.2%_0.095_166.913))] dark:border-[color:var(--zui-avatar-emerald-border-dark,oklch(59.6%_0.145_163.225))] bg-[var(--zui-avatar-emerald-bg,oklch(95%_0.052_163.051_/_0.5))] dark:bg-[var(--zui-avatar-emerald-bg-dark,oklch(59.6%_0.145_163.225_/_0.03))] text-[color:var(--zui-avatar-emerald-fg,oklch(37.2%_0.044_257.287))] dark:text-[color:var(--zui-avatar-emerald-fg-dark,oklch(92.9%_0.013_255.508))]\",\n  gray: \"border-[color:var(--zui-avatar-gray-border,oklch(27.8%_0.033_256.848))] dark:border-[color:var(--zui-avatar-gray-border-dark,oklch(44.6%_0.03_256.802))] bg-[var(--zui-avatar-gray-bg,oklch(96.7%_0.003_264.542_/_0.5))] dark:bg-[var(--zui-avatar-gray-bg-dark,oklch(44.6%_0.03_256.802_/_0.03))] text-[color:var(--zui-avatar-gray-fg,oklch(37.2%_0.044_257.287))] dark:text-[color:var(--zui-avatar-gray-fg-dark,oklch(92.9%_0.013_255.508))]\",\n  amber:\n    \"border-[color:var(--zui-avatar-amber-border,oklch(47.3%_0.137_46.201))] dark:border-[color:var(--zui-avatar-amber-border-dark,oklch(66.6%_0.179_58.318))] bg-[var(--zui-avatar-amber-bg,oklch(96.2%_0.059_95.617_/_0.5))] dark:bg-[var(--zui-avatar-amber-bg-dark,oklch(66.6%_0.179_58.318_/_0.03))] text-[color:var(--zui-avatar-amber-fg,oklch(37.2%_0.044_257.287))] dark:text-[color:var(--zui-avatar-amber-fg-dark,oklch(92.9%_0.013_255.508))]\",\n  violet:\n    \"border-[color:var(--zui-avatar-violet-border,oklch(43.2%_0.232_292.759))] dark:border-[color:var(--zui-avatar-violet-border-dark,oklch(54.1%_0.281_293.009))] bg-[var(--zui-avatar-violet-bg,oklch(94.3%_0.029_294.588_/_0.5))] dark:bg-[var(--zui-avatar-violet-bg-dark,oklch(54.1%_0.281_293.009_/_0.03))] text-[color:var(--zui-avatar-violet-fg,oklch(37.2%_0.044_257.287))] dark:text-[color:var(--zui-avatar-violet-fg-dark,oklch(92.9%_0.013_255.508))]\",\n  \"gradient-blue\":\n    \"bg-linear-to-r from-[var(--zui-avatar-gradient-blue-from,oklch(62.3%_0.214_259.815))] dark:from-[var(--zui-avatar-gradient-blue-from-dark,oklch(54.6%_0.245_262.881))] to-[var(--zui-avatar-gradient-blue-to,oklch(62.7%_0.265_303.9))] dark:to-[var(--zui-avatar-gradient-blue-to-dark,oklch(55.8%_0.288_302.321))] backdrop-blur-xl text-[color:var(--zui-avatar-gradient-blue-fg,oklch(37.2%_0.044_257.287))] dark:text-[color:var(--zui-avatar-gradient-blue-fg-dark,oklch(92.9%_0.013_255.508))]\",\n  \"gradient-green\":\n    \"bg-linear-to-r from-[var(--zui-avatar-gradient-green-from,oklch(72.3%_0.219_149.579))] dark:from-[var(--zui-avatar-gradient-green-from-dark,oklch(62.7%_0.194_149.214))] to-[var(--zui-avatar-gradient-green-to,oklch(76.8%_0.233_130.85))] dark:to-[var(--zui-avatar-gradient-green-to-dark,oklch(64.8%_0.2_131.684))] backdrop-blur-xl text-[color:var(--zui-avatar-gradient-green-fg,oklch(37.2%_0.044_257.287))] dark:text-[color:var(--zui-avatar-gradient-green-fg-dark,oklch(92.9%_0.013_255.508))]\",\n  \"gradient-red\":\n    \"bg-linear-to-r from-[var(--zui-avatar-gradient-red-from,oklch(63.7%_0.237_25.331))] dark:from-[var(--zui-avatar-gradient-red-from-dark,oklch(57.7%_0.245_27.325))] to-[var(--zui-avatar-gradient-red-to,oklch(65.6%_0.241_354.308))] dark:to-[var(--zui-avatar-gradient-red-to-dark,oklch(59.2%_0.249_0.584))] backdrop-blur-xl text-[color:var(--zui-avatar-gradient-red-fg,oklch(37.2%_0.044_257.287))] dark:text-[color:var(--zui-avatar-gradient-red-fg-dark,oklch(92.9%_0.013_255.508))]\",\n  \"gradient-yellow\":\n    \"bg-linear-to-r from-[var(--zui-avatar-gradient-yellow-from,oklch(79.5%_0.184_86.047))] dark:from-[var(--zui-avatar-gradient-yellow-from-dark,oklch(68.1%_0.162_75.834))] to-[var(--zui-avatar-gradient-yellow-to,oklch(70.5%_0.213_47.604))] dark:to-[var(--zui-avatar-gradient-yellow-to-dark,oklch(64.6%_0.222_41.116))] backdrop-blur-xl text-[color:var(--zui-avatar-gradient-yellow-fg,oklch(37.2%_0.044_257.287))] dark:text-[color:var(--zui-avatar-gradient-yellow-fg-dark,oklch(92.9%_0.013_255.508))]\",\n  \"gradient-purple\":\n    \"bg-linear-to-r from-[var(--zui-avatar-gradient-purple-from,oklch(62.7%_0.265_303.9))] dark:from-[var(--zui-avatar-gradient-purple-from-dark,oklch(55.8%_0.288_302.321))] to-[var(--zui-avatar-gradient-purple-to,oklch(65.6%_0.241_354.308))] dark:to-[var(--zui-avatar-gradient-purple-to-dark,oklch(59.2%_0.249_0.584))] backdrop-blur-xl text-[color:var(--zui-avatar-gradient-purple-fg,oklch(37.2%_0.044_257.287))] dark:text-[color:var(--zui-avatar-gradient-purple-fg-dark,oklch(92.9%_0.013_255.508))]\",\n  \"gradient-teal\":\n    \"bg-linear-to-r from-[var(--zui-avatar-gradient-teal-from,oklch(70.4%_0.14_182.503))] dark:from-[var(--zui-avatar-gradient-teal-from-dark,oklch(60%_0.118_184.704))] to-[var(--zui-avatar-gradient-teal-to,oklch(71.5%_0.143_215.221))] dark:to-[var(--zui-avatar-gradient-teal-to-dark,oklch(60.9%_0.126_221.723))] backdrop-blur-xl text-[color:var(--zui-avatar-gradient-teal-fg,oklch(37.2%_0.044_257.287))] dark:text-[color:var(--zui-avatar-gradient-teal-fg-dark,oklch(92.9%_0.013_255.508))]\",\n  \"gradient-indigo\":\n    \"bg-linear-to-r from-[var(--zui-avatar-gradient-indigo-from,oklch(58.5%_0.233_277.117))] dark:from-[var(--zui-avatar-gradient-indigo-from-dark,oklch(51.1%_0.262_276.966))] to-[var(--zui-avatar-gradient-indigo-to,oklch(62.7%_0.265_303.9))] dark:to-[var(--zui-avatar-gradient-indigo-to-dark,oklch(55.8%_0.288_302.321))] backdrop-blur-xl text-[color:var(--zui-avatar-gradient-indigo-fg,oklch(37.2%_0.044_257.287))] dark:text-[color:var(--zui-avatar-gradient-indigo-fg-dark,oklch(92.9%_0.013_255.508))]\",\n  \"gradient-pink\":\n    \"bg-linear-to-r from-[var(--zui-avatar-gradient-pink-from,oklch(65.6%_0.241_354.308))] dark:from-[var(--zui-avatar-gradient-pink-from-dark,oklch(59.2%_0.249_0.584))] to-[var(--zui-avatar-gradient-pink-to,oklch(64.5%_0.246_16.439))] dark:to-[var(--zui-avatar-gradient-pink-to-dark,oklch(58.6%_0.253_17.585))] backdrop-blur-xl text-[color:var(--zui-avatar-gradient-pink-fg,oklch(37.2%_0.044_257.287))] dark:text-[color:var(--zui-avatar-gradient-pink-fg-dark,oklch(92.9%_0.013_255.508))]\",\n  \"gradient-orange\":\n    \"bg-linear-to-r from-[var(--zui-avatar-gradient-orange-from,oklch(70.5%_0.213_47.604))] dark:from-[var(--zui-avatar-gradient-orange-from-dark,oklch(64.6%_0.222_41.116))] to-[var(--zui-avatar-gradient-orange-to,oklch(63.7%_0.237_25.331))] dark:to-[var(--zui-avatar-gradient-orange-to-dark,oklch(57.7%_0.245_27.325))] backdrop-blur-xl text-[color:var(--zui-avatar-gradient-orange-fg,oklch(37.2%_0.044_257.287))] dark:text-[color:var(--zui-avatar-gradient-orange-fg-dark,oklch(92.9%_0.013_255.508))]\",\n} as const;\n\nexport const zuiAvatarSizes = {\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} as const;\n\nexport const zuiAvatarImageBase = \"aspect-square size-full object-cover\";\n\nexport const zuiAvatarFallbackBase =\n  \"flex size-full items-center justify-center bg-[var(--zui-avatar-fallback-bg,oklch(92.9%_0.013_255.508))] dark:bg-[var(--zui-avatar-fallback-bg-dark,oklch(27.9%_0.041_260.031))] font-medium text-[color:var(--zui-avatar-fallback-fg,oklch(27.9%_0.041_260.031))] dark:text-[color:var(--zui-avatar-fallback-fg-dark,oklch(96.8%_0.007_247.896))]\";\n\nexport const zuiAvatarGroupBase =\n  \"flex items-center [&_[data-slot=avatar]]:-ml-2 [&_[data-slot=avatar]]:ring-2 [&_[data-slot=avatar]]:ring-[var(--zui-avatar-group-ring,#ffffff)] dark:[&_[data-slot=avatar]]:ring-[var(--zui-avatar-group-ring-dark,oklch(12.9%_0.042_264.695))] [&_[data-slot=avatar]]:first:ml-0\";\n"]}

package/dist/{chunk-UMXCV5IT.mjs → chunk-E7BPOL74.js}

@@ -1,7 +1,4 @@
-import { cn } from './chunk-4D54YOL6.mjs';
-import { cva } from 'class-variance-authority';
-import { createContext, useContext, useMemo, useCallback } from 'react';
-import { jsx } from 'react/jsx-runtime';
+'use strict';
 
 // src/design-system/table.ts
 var zuiTableBase = "w-full table-auto border-collapse caption-bottom text-sm text-[color:var(--zui-table-fg,oklch(37.2%_0.044_257.287))] dark:text-[color:var(--zui-table-fg-dark,oklch(92.9%_0.013_255.508))] md:table-fixed";
@@ -144,248 +141,15 @@ var zuiTableTextAlignments = {
   right: "text-right"
 };
 
-// src/ui/table/variants.ts
-var tableVariants = cva(zuiTableBase, {
-  variants: {
-    appearance: zuiTableAppearances,
-    size: zuiTableSizes,
-    stickyHeader: zuiTableStickyHeader
-  },
-  defaultVariants: {
-    appearance: "default",
-    size: "md",
-    stickyHeader: false
-  }
-});
-var tableRowVariants = cva(zuiTableRowBase, {
-  variants: {
-    appearance: zuiTableRowAppearances
-  },
-  defaultVariants: { appearance: "default" }
-});
-var tableCellVariants = cva(zuiTableCellBase, {
-  variants: {
-    appearance: zuiTableCellAppearances,
-    size: zuiTableCellSizes,
-    textAlign: zuiTableTextAlignments
-  },
-  defaultVariants: { appearance: "default", size: "md" }
-});
-var TableContext = createContext(null);
-function useTableContext(component) {
-  const ctx = useContext(TableContext);
-  if (!ctx) {
-    throw new Error(`${component} must be used within <Table>`);
-  }
-  return ctx;
-}
-function TableBase(props) {
-  const {
-    className,
-    appearance = "default",
-    size = "md",
-    textAlign = "left",
-    stickyHeader = false,
-    scrollAreaAriaLabel,
-    children,
-    ref,
-    ...rest
-  } = props;
-  const ctx = useMemo(
-    () => ({
-      appearance: appearance ?? "default",
-      size: size ?? "md",
-      stickyHeader: Boolean(stickyHeader),
-      rowAnimation: "none",
-      textAlign
-    }),
-    [appearance, size, stickyHeader, textAlign]
-  );
-  return /* @__PURE__ */ jsx(TableContext.Provider, { value: ctx, children: /* @__PURE__ */ jsx(
-    "div",
-    {
-      "data-slot": "table-scroll",
-      tabIndex: 0,
-      role: "region",
-      "aria-label": scrollAreaAriaLabel ?? "Scrollable table",
-      className: cn(
-        "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"
-      ),
-      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 }) {
-  const { stickyHeader } = useTableContext("TableHeader");
-  const stickyClass = stickyHeader ? "sticky top-0 z-10 dark:bg-slate-950/95 bg-slate-50/95 backdrop-blur" : "";
-  return /* @__PURE__ */ jsx("thead", { "data-slot": "table-header", className: cn(stickyClass, className), children });
-}
-TableHeader.displayName = "TableHeader";
-function TableBody({ className, children }) {
-  return /* @__PURE__ */ jsx("tbody", { "data-slot": "table-body", className: cn(className), children });
-}
-TableBody.displayName = "TableBody";
-function TableFooter({ className, children }) {
-  return /* @__PURE__ */ jsx(
-    "tfoot",
-    {
-      "data-slot": "table-footer",
-      className: cn(
-        "border-t border-white/10 bg-white/3 font-medium",
-        className
-      ),
-      children
-    }
-  );
-}
-TableFooter.displayName = "TableFooter";
-function TableRow({
-  className,
-  children,
-  ref,
-  as: Wrapper = "tr",
-  rowAnimation: _rowAnimation,
-  ...rest
-}) {
-  const { appearance } = useTableContext("TableRow");
-  return /* @__PURE__ */ jsx(
-    Wrapper,
-    {
-      ref,
-      "data-slot": "table-row",
-      className: cn(tableRowVariants({ appearance }), className),
-      ...rest,
-      children
-    }
-  );
-}
-TableRow.displayName = "TableRow";
-function TableHead({
-  className,
-  children,
-  scope = "col",
-  sortKey,
-  sortDirection,
-  onSortChange,
-  onClick,
-  onKeyDown,
-  tabIndex,
-  ref,
-  ...rest
-}) {
-  const { appearance, size, textAlign } = useTableContext("TableHead");
-  const isSortable = Boolean(sortKey && onSortChange);
-  const sortableDirection = sortDirection ?? "none";
-  const handleSort = useCallback(() => {
-    if (!sortKey || !onSortChange) {
-      return;
-    }
-    const nextDirection = sortableDirection === "ascending" ? "descending" : sortableDirection === "descending" ? "none" : "ascending";
-    onSortChange({
-      sortKey,
-      sortDirection: nextDirection
-    });
-  }, [onSortChange, sortKey, sortableDirection]);
-  const handleClick = useCallback(
-    (event) => {
-      onClick?.(event);
-      if (!event.defaultPrevented) {
-        handleSort();
-      }
-    },
-    [handleSort, onClick]
-  );
-  const handleKeyDown = useCallback(
-    (event) => {
-      onKeyDown?.(event);
-      if (event.defaultPrevented || !isSortable) {
-        return;
-      }
-      if (event.key === "Enter" || event.key === " ") {
-        event.preventDefault();
-        handleSort();
-      }
-    },
-    [handleSort, isSortable, onKeyDown]
-  );
-  return /* @__PURE__ */ jsx(
-    "th",
-    {
-      ref,
-      "data-slot": "table-head",
-      scope,
-      "aria-sort": isSortable ? sortableDirection : sortDirection,
-      "data-sort-key": sortKey,
-      "data-sort-direction": sortDirection,
-      tabIndex: isSortable ? tabIndex ?? 0 : tabIndex,
-      className: cn(
-        tableCellVariants({ appearance, size, textAlign }),
-        isSortable && "cursor-pointer select-none outline-none focus-visible:ring-2 focus-visible:ring-slate-300 focus-visible:ring-offset-2 focus-visible:ring-offset-slate-950",
-        className
-      ),
-      onClick: isSortable ? handleClick : onClick,
-      onKeyDown: isSortable ? handleKeyDown : onKeyDown,
-      ...rest,
-      children
-    }
-  );
-}
-TableHead.displayName = "TableHead";
-function TableCell({
-  className,
-  children,
-  ref,
-  scope,
-  ...rest
-}) {
-  const { appearance, size, textAlign } = useTableContext("TableCell");
-  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 }) {
-  return /* @__PURE__ */ jsx(
-    "caption",
-    {
-      "data-slot": "table-caption",
-      className: cn("mt-3 text-left text-xs text-slate-500", className),
-      children
-    }
-  );
-}
-TableCaption.displayName = "TableCaption";
-
-export { TableBase, TableBody, TableCaption, TableCell, TableContext, TableFooter, TableHead, TableHeader, TableRow, tableCellVariants, tableRowVariants, tableVariants, useTableContext };
-//# sourceMappingURL=chunk-UMXCV5IT.mjs.map
-//# sourceMappingURL=chunk-UMXCV5IT.mjs.map
+exports.zuiTableAppearances = zuiTableAppearances;
+exports.zuiTableBase = zuiTableBase;
+exports.zuiTableCellAppearances = zuiTableCellAppearances;
+exports.zuiTableCellBase = zuiTableCellBase;
+exports.zuiTableCellSizes = zuiTableCellSizes;
+exports.zuiTableRowAppearances = zuiTableRowAppearances;
+exports.zuiTableRowBase = zuiTableRowBase;
+exports.zuiTableSizes = zuiTableSizes;
+exports.zuiTableStickyHeader = zuiTableStickyHeader;
+exports.zuiTableTextAlignments = zuiTableTextAlignments;
+//# sourceMappingURL=chunk-E7BPOL74.js.map
+//# sourceMappingURL=chunk-E7BPOL74.js.map