@zentauri-ui/zentauri-components 1.9.1 → 1.9.2

package/dist/{chunk-HI54NLVM.js → chunk-JF4BRFOG.mjs}

@@ -1,10 +1,3 @@
-'use strict';
-
-var chunkZS5756ZC_js = require('./chunk-ZS5756ZC.js');
-var classVarianceAuthority = require('class-variance-authority');
-var react = require('react');
-var jsxRuntime = require('react/jsx-runtime');
-
 // src/design-system/empty-state.ts
 var zuiEmptyStateBase = "flex w-full flex-col items-center text-center";
 var zuiEmptyStateSizes = {
@@ -56,124 +49,6 @@ var zuiEmptyStateDescriptionSizes = {
   lg: "text-base"
 };
 
-// src/ui/empty-state/variants.ts
-var emptyStateVariants = classVarianceAuthority.cva(zuiEmptyStateBase, {
-  variants: {
-    size: zuiEmptyStateSizes,
-    appearance: zuiEmptyStateAppearances,
-    align: zuiEmptyStateAlignments
-  },
-  defaultVariants: {
-    size: "md",
-    appearance: "default",
-    align: "center"
-  }
-});
-var emptyStateTitleVariants = classVarianceAuthority.cva(zuiEmptyStateTitleBase, {
-  variants: {
-    size: zuiEmptyStateTitleSizes
-  },
-  defaultVariants: { size: "md" }
-});
-var emptyStateDescriptionVariants = classVarianceAuthority.cva(zuiEmptyStateDescriptionBase, {
-  variants: {
-    size: 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-HI54NLVM.js.map
-//# sourceMappingURL=chunk-HI54NLVM.js.map
+export { zuiEmptyStateAlignments, zuiEmptyStateAppearances, zuiEmptyStateBase, zuiEmptyStateDescriptionBase, zuiEmptyStateDescriptionSizes, zuiEmptyStateSizes, zuiEmptyStateTitleBase, zuiEmptyStateTitleSizes };
+//# sourceMappingURL=chunk-JF4BRFOG.mjs.map
+//# sourceMappingURL=chunk-JF4BRFOG.mjs.map

package/dist/chunk-JF4BRFOG.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/design-system/empty-state.ts"],"names":[],"mappings":";AAAO,IAAM,iBAAA,GACX;AAEK,IAAM,kBAAA,GAAqB;AAAA,EAChC,EAAA,EAAI,mBAAA;AAAA,EACJ,EAAA,EAAI,mBAAA;AAAA,EACJ,EAAA,EAAI;AACN;AAEO,IAAM,wBAAA,GAA2B;AAAA,EACtC,OAAA,EACE,+JAAA;AAAA,EACF,KAAA,EACE,2JAAA;AAAA,EACF,IAAA,EAAM,yjBAAA;AAAA,EACN,IAAA,EAAM,8VAAA;AAAA,EACN,IAAA,EAAM,8VAAA;AAAA,EACN,KAAA,EACE,oWAAA;AAAA,EACF,IAAA,EAAM,8VAAA;AAAA,EACN,IAAA,EAAM,8VAAA;AAAA,EACN,KAAA,EACE,oWAAA;AAAA,EACF,QAAA,EACE,sXAAA;AAAA,EACF,QAAA,EACE,sXAAA;AAAA,EACF,IAAA,EAAM,8VAAA;AAAA,EACN,GAAA,EAAK,wVAAA;AAAA,EACL,KAAA,EACE,oWAAA;AAAA,EACF,IAAA,EAAM,8VAAA;AAAA,EACN,KAAA,EACE,oWAAA;AAAA,EACF,KAAA,EACE,oWAAA;AAAA,EACF,QAAA,EACE,sXAAA;AAAA,EACF,MAAA,EACE,0WAAA;AAAA,EACF,MAAA,EACE,0WAAA;AAAA,EACF,OAAA,EACE,gXAAA;AAAA,EACF,OAAA,EACE,gXAAA;AAAA,EACF,IAAA,EAAM,8VAAA;AAAA,EACN,IAAA,EAAM;AACR;AAEO,IAAM,uBAAA,GAA0B;AAAA,EACrC,KAAA,EAAO,uBAAA;AAAA,EACP,MAAA,EAAQ,0BAAA;AAAA,EACR,GAAA,EAAK;AACP;AAEO,IAAM,sBAAA,GAAyB;AAE/B,IAAM,uBAAA,GAA0B;AAAA,EACrC,EAAA,EAAI,WAAA;AAAA,EACJ,EAAA,EAAI,SAAA;AAAA,EACJ,EAAA,EAAI;AACN;AAEO,IAAM,4BAAA,GACX;AAEK,IAAM,6BAAA,GAAgC;AAAA,EAC3C,EAAA,EAAI,SAAA;AAAA,EACJ,EAAA,EAAI,SAAA;AAAA,EACJ,EAAA,EAAI;AACN","file":"chunk-JF4BRFOG.mjs","sourcesContent":["export const zuiEmptyStateBase =\n  \"flex w-full flex-col items-center text-center\";\n\nexport const zuiEmptyStateSizes = {\n  sm: \"gap-2 p-4 text-sm\",\n  md: \"gap-3 p-6 text-sm\",\n  lg: \"gap-4 p-8 text-base\",\n} as const;\n\nexport const zuiEmptyStateAppearances = {\n  default:\n    \"text-[color:var(--zui-empty-state-default-fg,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-empty-state-default-fg-dark,oklch(98.4%_0.003_247.858))]\",\n  ghost:\n    \"text-[color:var(--zui-empty-state-ghost-fg,oklch(37.2%_0.044_257.287))] dark:text-[color:var(--zui-empty-state-ghost-fg-dark,oklch(92.9%_0.013_255.508))]\",\n  card: \"rounded-2xl border border-[color:var(--zui-empty-state-card-border,#0000001a)] dark:border-[color:var(--zui-empty-state-card-border-dark,#ffffff1a)] bg-[var(--zui-empty-state-card-bg,#ffffffe6)] dark:bg-[var(--zui-empty-state-card-bg-dark,#ffffff0d)] p-8 text-[color:var(--zui-empty-state-card-fg,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-empty-state-card-fg-dark,oklch(98.4%_0.003_247.858))] shadow-[var(--zui-empty-state-card-shadow,0_8px_24px_rgba(15,23,42,0.12))] dark:shadow-[var(--zui-empty-state-card-shadow-dark,0_18px_48px_rgba(15,23,42,0.35))]\",\n  blue: \"border border-[color:var(--zui-empty-state-blue-border,#2563eb)] dark:border-[color:var(--zui-empty-state-blue-border-dark,#3b82f6)] bg-[var(--zui-empty-state-blue-bg,#2563eb14)] dark:bg-[var(--zui-empty-state-blue-bg-dark,#3b82f624)] text-[color:var(--zui-empty-state-blue-fg,#0f172a)] dark:text-[color:var(--zui-empty-state-blue-fg-dark,#f8fafc)]\",\n  cyan: \"border border-[color:var(--zui-empty-state-cyan-border,#0891b2)] dark:border-[color:var(--zui-empty-state-cyan-border-dark,#22d3ee)] bg-[var(--zui-empty-state-cyan-bg,#0891b214)] dark:bg-[var(--zui-empty-state-cyan-bg-dark,#22d3ee24)] text-[color:var(--zui-empty-state-cyan-fg,#0f172a)] dark:text-[color:var(--zui-empty-state-cyan-fg-dark,#f8fafc)]\",\n  green:\n    \"border border-[color:var(--zui-empty-state-green-border,#16a34a)] dark:border-[color:var(--zui-empty-state-green-border-dark,#22c55e)] bg-[var(--zui-empty-state-green-bg,#16a34a14)] dark:bg-[var(--zui-empty-state-green-bg-dark,#22c55e24)] text-[color:var(--zui-empty-state-green-fg,#0f172a)] dark:text-[color:var(--zui-empty-state-green-fg-dark,#f8fafc)]\",\n  lime: \"border border-[color:var(--zui-empty-state-lime-border,#65a30d)] dark:border-[color:var(--zui-empty-state-lime-border-dark,#a3e635)] bg-[var(--zui-empty-state-lime-bg,#65a30d14)] dark:bg-[var(--zui-empty-state-lime-bg-dark,#a3e63524)] text-[color:var(--zui-empty-state-lime-fg,#0f172a)] dark:text-[color:var(--zui-empty-state-lime-fg-dark,#f8fafc)]\",\n  mint: \"border border-[color:var(--zui-empty-state-mint-border,#10b981)] dark:border-[color:var(--zui-empty-state-mint-border-dark,#6ee7b7)] bg-[var(--zui-empty-state-mint-bg,#10b98114)] dark:bg-[var(--zui-empty-state-mint-bg-dark,#6ee7b724)] text-[color:var(--zui-empty-state-mint-fg,#0f172a)] dark:text-[color:var(--zui-empty-state-mint-fg-dark,#f8fafc)]\",\n  ocean:\n    \"border border-[color:var(--zui-empty-state-ocean-border,#0284c7)] dark:border-[color:var(--zui-empty-state-ocean-border-dark,#38bdf8)] bg-[var(--zui-empty-state-ocean-bg,#0284c714)] dark:bg-[var(--zui-empty-state-ocean-bg-dark,#38bdf824)] text-[color:var(--zui-empty-state-ocean-fg,#0f172a)] dark:text-[color:var(--zui-empty-state-ocean-fg-dark,#f8fafc)]\",\n  sapphire:\n    \"border border-[color:var(--zui-empty-state-sapphire-border,#1d4ed8)] dark:border-[color:var(--zui-empty-state-sapphire-border-dark,#60a5fa)] bg-[var(--zui-empty-state-sapphire-bg,#1d4ed814)] dark:bg-[var(--zui-empty-state-sapphire-bg-dark,#60a5fa24)] text-[color:var(--zui-empty-state-sapphire-fg,#0f172a)] dark:text-[color:var(--zui-empty-state-sapphire-fg-dark,#f8fafc)]\",\n  lavender:\n    \"border border-[color:var(--zui-empty-state-lavender-border,#8b5cf6)] dark:border-[color:var(--zui-empty-state-lavender-border-dark,#a78bfa)] bg-[var(--zui-empty-state-lavender-bg,#8b5cf614)] dark:bg-[var(--zui-empty-state-lavender-bg-dark,#a78bfa24)] text-[color:var(--zui-empty-state-lavender-fg,#0f172a)] dark:text-[color:var(--zui-empty-state-lavender-fg-dark,#f8fafc)]\",\n  ruby: \"border border-[color:var(--zui-empty-state-ruby-border,#be123c)] dark:border-[color:var(--zui-empty-state-ruby-border-dark,#fb7185)] bg-[var(--zui-empty-state-ruby-bg,#be123c14)] dark:bg-[var(--zui-empty-state-ruby-bg-dark,#fb718524)] text-[color:var(--zui-empty-state-ruby-fg,#0f172a)] dark:text-[color:var(--zui-empty-state-ruby-fg-dark,#f8fafc)]\",\n  red: \"border border-[color:var(--zui-empty-state-red-border,#dc2626)] dark:border-[color:var(--zui-empty-state-red-border-dark,#ef4444)] bg-[var(--zui-empty-state-red-bg,#dc262614)] dark:bg-[var(--zui-empty-state-red-bg-dark,#ef444424)] text-[color:var(--zui-empty-state-red-fg,#0f172a)] dark:text-[color:var(--zui-empty-state-red-fg-dark,#f8fafc)]\",\n  slate:\n    \"border border-[color:var(--zui-empty-state-slate-border,#475569)] dark:border-[color:var(--zui-empty-state-slate-border-dark,#64748b)] bg-[var(--zui-empty-state-slate-bg,#47556914)] dark:bg-[var(--zui-empty-state-slate-bg-dark,#64748b24)] text-[color:var(--zui-empty-state-slate-fg,#0f172a)] dark:text-[color:var(--zui-empty-state-slate-fg-dark,#f8fafc)]\",\n  zinc: \"border border-[color:var(--zui-empty-state-zinc-border,#52525b)] dark:border-[color:var(--zui-empty-state-zinc-border-dark,#71717a)] bg-[var(--zui-empty-state-zinc-bg,#52525b14)] dark:bg-[var(--zui-empty-state-zinc-bg-dark,#71717a24)] text-[color:var(--zui-empty-state-zinc-fg,#0f172a)] dark:text-[color:var(--zui-empty-state-zinc-fg-dark,#f8fafc)]\",\n  stone:\n    \"border border-[color:var(--zui-empty-state-stone-border,#57534e)] dark:border-[color:var(--zui-empty-state-stone-border-dark,#78716c)] bg-[var(--zui-empty-state-stone-bg,#57534e14)] dark:bg-[var(--zui-empty-state-stone-bg-dark,#78716c24)] text-[color:var(--zui-empty-state-stone-fg,#0f172a)] dark:text-[color:var(--zui-empty-state-stone-fg-dark,#f8fafc)]\",\n  royal:\n    \"border border-[color:var(--zui-empty-state-royal-border,#4338ca)] dark:border-[color:var(--zui-empty-state-royal-border-dark,#818cf8)] bg-[var(--zui-empty-state-royal-bg,#4338ca14)] dark:bg-[var(--zui-empty-state-royal-bg-dark,#818cf824)] text-[color:var(--zui-empty-state-royal-fg,#0f172a)] dark:text-[color:var(--zui-empty-state-royal-fg-dark,#f8fafc)]\",\n  electric:\n    \"border border-[color:var(--zui-empty-state-electric-border,#0ea5e9)] dark:border-[color:var(--zui-empty-state-electric-border-dark,#38bdf8)] bg-[var(--zui-empty-state-electric-bg,#0ea5e914)] dark:bg-[var(--zui-empty-state-electric-bg-dark,#38bdf824)] text-[color:var(--zui-empty-state-electric-fg,#0f172a)] dark:text-[color:var(--zui-empty-state-electric-fg-dark,#f8fafc)]\",\n  forest:\n    \"border border-[color:var(--zui-empty-state-forest-border,#166534)] dark:border-[color:var(--zui-empty-state-forest-border-dark,#4ade80)] bg-[var(--zui-empty-state-forest-bg,#16653414)] dark:bg-[var(--zui-empty-state-forest-bg-dark,#4ade8024)] text-[color:var(--zui-empty-state-forest-fg,#0f172a)] dark:text-[color:var(--zui-empty-state-forest-fg-dark,#f8fafc)]\",\n  sunset:\n    \"border border-[color:var(--zui-empty-state-sunset-border,#ea580c)] dark:border-[color:var(--zui-empty-state-sunset-border-dark,#fb923c)] bg-[var(--zui-empty-state-sunset-bg,#ea580c14)] dark:bg-[var(--zui-empty-state-sunset-bg-dark,#fb923c24)] text-[color:var(--zui-empty-state-sunset-fg,#0f172a)] dark:text-[color:var(--zui-empty-state-sunset-fg-dark,#f8fafc)]\",\n  magenta:\n    \"border border-[color:var(--zui-empty-state-magenta-border,#c026d3)] dark:border-[color:var(--zui-empty-state-magenta-border-dark,#e879f9)] bg-[var(--zui-empty-state-magenta-bg,#c026d314)] dark:bg-[var(--zui-empty-state-magenta-bg-dark,#e879f924)] text-[color:var(--zui-empty-state-magenta-fg,#0f172a)] dark:text-[color:var(--zui-empty-state-magenta-fg-dark,#f8fafc)]\",\n  crimson:\n    \"border border-[color:var(--zui-empty-state-crimson-border,#b91c1c)] dark:border-[color:var(--zui-empty-state-crimson-border-dark,#f87171)] bg-[var(--zui-empty-state-crimson-bg,#b91c1c14)] dark:bg-[var(--zui-empty-state-crimson-bg-dark,#f8717124)] text-[color:var(--zui-empty-state-crimson-fg,#0f172a)] dark:text-[color:var(--zui-empty-state-crimson-fg-dark,#f8fafc)]\",\n  aqua: \"border border-[color:var(--zui-empty-state-aqua-border,#0f766e)] dark:border-[color:var(--zui-empty-state-aqua-border-dark,#2dd4bf)] bg-[var(--zui-empty-state-aqua-bg,#0f766e14)] dark:bg-[var(--zui-empty-state-aqua-bg-dark,#2dd4bf24)] text-[color:var(--zui-empty-state-aqua-fg,#0f172a)] dark:text-[color:var(--zui-empty-state-aqua-fg-dark,#f8fafc)]\",\n  plum: \"border border-[color:var(--zui-empty-state-plum-border,#7e22ce)] dark:border-[color:var(--zui-empty-state-plum-border-dark,#c084fc)] bg-[var(--zui-empty-state-plum-bg,#7e22ce14)] dark:bg-[var(--zui-empty-state-plum-bg-dark,#c084fc24)] text-[color:var(--zui-empty-state-plum-fg,#0f172a)] dark:text-[color:var(--zui-empty-state-plum-fg-dark,#f8fafc)]\",\n} as const;\n\nexport const zuiEmptyStateAlignments = {\n  start: \"items-start text-left\",\n  center: \"items-center text-center\",\n  end: \"items-end text-right\",\n} as const;\n\nexport const zuiEmptyStateTitleBase = \"font-semibold tracking-tight\";\n\nexport const zuiEmptyStateTitleSizes = {\n  sm: \"text-base\",\n  md: \"text-lg\",\n  lg: \"text-xl\",\n} as const;\n\nexport const zuiEmptyStateDescriptionBase =\n  \"max-w-md text-[color:var(--zui-empty-state-description-fg,oklch(55.4%_0.046_257.417))] dark:text-[color:var(--zui-empty-state-description-fg-dark,oklch(70.4%_0.04_256.788))]\";\n\nexport const zuiEmptyStateDescriptionSizes = {\n  sm: \"text-xs\",\n  md: \"text-sm\",\n  lg: \"text-base\",\n} as const;\n"]}

package/dist/{chunk-JGSQZZHF.js → chunk-JI3IEKH6.mjs}

@@ -1,10 +1,3 @@
-'use strict';
-
-var chunkZS5756ZC_js = require('./chunk-ZS5756ZC.js');
-var classVarianceAuthority = require('class-variance-authority');
-var react = require('react');
-var jsxRuntime = require('react/jsx-runtime');
-
 // src/design-system/popover.ts
 var zuiPopoverContentBase = "absolute z-50 rounded-lg border shadow-lg transition-all duration-200 outline-none";
 var zuiPopoverContentVariants = {
@@ -66,208 +59,6 @@ var zuiPopoverContentWidths = {
   "2xl": "min-w-50 md:min-w-2xl"
 };
 
-// src/ui/popover/variants.ts
-var popoverContentVariants = classVarianceAuthority.cva(zuiPopoverContentBase, {
-  variants: {
-    variant: zuiPopoverContentVariants,
-    size: zuiPopoverContentSizes,
-    width: zuiPopoverContentWidths
-  },
-  defaultVariants: {
-    variant: "default",
-    size: "md",
-    width: "xs"
-  }
-});
-var PopoverContext = react.createContext(null);
-var usePopover = () => {
-  const context = react.useContext(PopoverContext);
-  if (!context) {
-    throw new Error("Popover components must be used within Popover");
-  }
-  return context;
-};
-function mergeRefs(...refs) {
-  return (node) => {
-    for (const ref of refs) {
-      if (typeof ref === "function") {
-        ref(node);
-      } else if (ref) {
-        ref.current = node;
-      }
-    }
-  };
-}
-function sideAlignClass(side, align) {
-  const sideClasses = {
-    top: "bottom-full mb-2",
-    bottom: "top-full mt-2",
-    left: "right-full mr-2",
-    right: "left-full ml-2"
-  };
-  const verticalAlign = {
-    start: "left-0",
-    center: "left-1/2 -translate-x-1/2",
-    end: "right-0"
-  };
-  const horizontalAlign = {
-    start: "top-0",
-    center: "top-1/2 -translate-y-1/2",
-    end: "bottom-0"
-  };
-  return chunkZS5756ZC_js.cn(
-    sideClasses[side],
-    side === "top" || side === "bottom" ? verticalAlign[align] : horizontalAlign[align]
-  );
-}
-var Popover = ({
-  children,
-  defaultOpen = false,
-  open: controlledOpen,
-  onOpenChange,
-  closeOnEscape = true,
-  closeOnOutsideClick = true
-}) => {
-  const [uncontrolledOpen, setUncontrolledOpen] = react.useState(defaultOpen);
-  const contentId = `${react.useId()}-popover`;
-  const triggerRef = react.useRef(null);
-  const contentRef = react.useRef(null);
-  const isControlled = controlledOpen !== void 0;
-  const open = isControlled ? controlledOpen : uncontrolledOpen;
-  const setOpen = react.useCallback(
-    (value) => {
-      if (!isControlled) {
-        setUncontrolledOpen(value);
-      }
-      onOpenChange?.(value);
-    },
-    [isControlled, onOpenChange]
-  );
-  const toggleOpen = react.useCallback(() => setOpen(!open), [open, setOpen]);
-  react.useEffect(() => {
-    if (!open) {
-      return void 0;
-    }
-    const onPointerDown = (event) => {
-      if (!closeOnOutsideClick) {
-        return;
-      }
-      const target = event.target;
-      if (contentRef.current?.contains(target) || triggerRef.current?.contains(target)) {
-        return;
-      }
-      setOpen(false);
-    };
-    const onKeyDown = (event) => {
-      if (event.key === "Escape" && closeOnEscape) {
-        setOpen(false);
-        triggerRef.current?.focus();
-      }
-    };
-    document.addEventListener("pointerdown", onPointerDown);
-    document.addEventListener("keydown", onKeyDown);
-    return () => {
-      document.removeEventListener("pointerdown", onPointerDown);
-      document.removeEventListener("keydown", onKeyDown);
-    };
-  }, [closeOnEscape, closeOnOutsideClick, open, setOpen]);
-  const contextValue = react.useMemo(
-    () => ({
-      open,
-      setOpen,
-      toggleOpen,
-      contentId,
-      triggerRef,
-      contentRef
-    }),
-    [open, setOpen, toggleOpen, contentId]
-  );
-  return /* @__PURE__ */ jsxRuntime.jsx(PopoverContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative inline-block", children }) });
-};
-var PopoverTrigger = ({
-  children,
-  className
-}) => {
-  const { open, toggleOpen, contentId, triggerRef } = usePopover();
-  const childList = react.Children.toArray(children).filter(
-    (node) => node !== null && node !== void 0 && typeof node !== "boolean"
-  );
-  const soleCandidate = childList.length === 1 && react.isValidElement(childList[0]) ? childList[0] : void 0;
-  if (soleCandidate) {
-    return react.cloneElement(soleCandidate, {
-      ref: mergeRefs(triggerRef, soleCandidate.props.ref),
-      onClick: (event) => {
-        soleCandidate.props.onClick?.(event);
-        if (!event.defaultPrevented) {
-          toggleOpen();
-        }
-      },
-      onKeyDown: (event) => {
-        soleCandidate.props.onKeyDown?.(event);
-        if (event.key === "Escape") {
-          event.preventDefault();
-        }
-      },
-      className: chunkZS5756ZC_js.cn(className, soleCandidate.props.className),
-      "aria-expanded": open,
-      "aria-haspopup": "dialog",
-      "aria-controls": open ? contentId : void 0
-    });
-  }
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "button",
-    {
-      ref: triggerRef,
-      type: "button",
-      className,
-      "aria-expanded": open,
-      "aria-haspopup": "dialog",
-      "aria-controls": open ? contentId : void 0,
-      onClick: toggleOpen,
-      children
-    }
-  );
-};
-var PopoverContent = ({
-  children,
-  className,
-  variant,
-  size,
-  width,
-  side = "bottom",
-  align = "center",
-  role = "dialog",
-  ...props
-}) => {
-  const { open, contentId, contentRef } = usePopover();
-  if (!open) {
-    return null;
-  }
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      ref: contentRef,
-      id: contentId,
-      "data-open": open,
-      role,
-      tabIndex: -1,
-      className: chunkZS5756ZC_js.cn(
-        popoverContentVariants({ variant, size, width }),
-        sideAlignClass(side, align),
-        className
-      ),
-      ...props,
-      children
-    }
-  );
-};
-
-exports.Popover = Popover;
-exports.PopoverContent = PopoverContent;
-exports.PopoverContext = PopoverContext;
-exports.PopoverTrigger = PopoverTrigger;
-exports.popoverContentVariants = popoverContentVariants;
-exports.sideAlignClass = sideAlignClass;
-exports.usePopover = usePopover;
-//# sourceMappingURL=chunk-JGSQZZHF.js.map
-//# sourceMappingURL=chunk-JGSQZZHF.js.map
+export { zuiPopoverContentBase, zuiPopoverContentSizes, zuiPopoverContentVariants, zuiPopoverContentWidths };
+//# sourceMappingURL=chunk-JI3IEKH6.mjs.map
+//# sourceMappingURL=chunk-JI3IEKH6.mjs.map

package/dist/chunk-JI3IEKH6.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/design-system/popover.ts"],"names":[],"mappings":";AAAO,IAAM,qBAAA,GACX;AAEK,IAAM,yBAAA,GAA4B;AAAA,EACvC,OAAA,EACE,iaAAA;AAAA,EACF,OAAA,EACE,mYAAA;AAAA,EACF,KAAA,EACE,qRAAA;AAAA,EACF,KAAA,EACE,6WAAA;AAAA,EACF,OAAA,EACE,0cAAA;AAAA,EACF,MAAA,EACE,kcAAA;AAAA,EACF,MAAA,EACE,ucAAA;AAAA,EACF,IAAA,EAAM,mbAAA;AAAA,EACN,IAAA,EAAM,mbAAA;AAAA,EACN,GAAA,EAAK,gbAAA;AAAA,EACL,IAAA,EAAM,ubAAA;AAAA,EACN,MAAA,EACE,icAAA;AAAA,EACF,MAAA,EACE,6bAAA;AAAA,EACF,KAAA,EACE,icAAA;AAAA,EACF,eAAA,EACE,2cAAA;AAAA,EACF,gBAAA,EACE,idAAA;AAAA,EACF,cAAA,EACE,+bAAA;AAAA,EACF,iBAAA,EACE,+cAAA;AAAA,EACF,iBAAA,EACE,mdAAA;AAAA,EACF,eAAA,EACE,ucAAA;AAAA,EACF,iBAAA,EACE,udAAA;AAAA,EACF,eAAA,EACE,qcAAA;AAAA,EACF,iBAAA,EACE,+cAAA;AAAA,EACF,IAAA,EAAM,uYAAA;AAAA,EACN,IAAA,EAAM,uYAAA;AAAA,EACN,IAAA,EAAM,uYAAA;AAAA,EACN,IAAA,EAAM,uYAAA;AAAA,EACN,KAAA,EACE,6YAAA;AAAA,EACF,QAAA,EACE,+ZAAA;AAAA,EACF,QAAA,EACE,+ZAAA;AAAA,EACF,IAAA,EAAM,uYAAA;AAAA,EACN,GAAA,EAAK,iYAAA;AAAA,EACL,KAAA,EACE,6YAAA;AAAA,EACF,IAAA,EAAM,uYAAA;AAAA,EACN,KAAA,EACE,6YAAA;AAAA,EACF,KAAA,EACE,6YAAA;AAAA,EACF,QAAA,EACE,+ZAAA;AAAA,EACF,MAAA,EACE,mZAAA;AAAA,EACF,MAAA,EACE,mZAAA;AAAA,EACF,OAAA,EACE,yZAAA;AAAA,EACF,OAAA,EACE,yZAAA;AAAA,EACF,IAAA,EAAM,uYAAA;AAAA,EACN,IAAA,EAAM;AACR;AAEO,IAAM,sBAAA,GAAyB;AAAA,EACpC,EAAA,EAAI,aAAA;AAAA,EACJ,EAAA,EAAI,aAAA;AAAA,EACJ,EAAA,EAAI;AACN;AAEO,IAAM,uBAAA,GAA0B;AAAA,EACrC,EAAA,EAAI,sBAAA;AAAA,EACJ,EAAA,EAAI,sBAAA;AAAA,EACJ,EAAA,EAAI,sBAAA;AAAA,EACJ,EAAA,EAAI,sBAAA;AAAA,EACJ,EAAA,EAAI,sBAAA;AAAA,EACJ,KAAA,EAAO;AACT","file":"chunk-JI3IEKH6.mjs","sourcesContent":["export const zuiPopoverContentBase =\n  \"absolute z-50 rounded-lg border shadow-lg transition-all duration-200 outline-none\";\n\nexport const zuiPopoverContentVariants = {\n  default:\n    \"border-[color:var(--zui-popover-default-border,oklch(20.8%_0.042_265.755_/_0.1))] dark:border-[color:var(--zui-popover-default-border-dark,#ffffff1a)] bg-[var(--zui-popover-default-bg,#ffffff)] dark:bg-[var(--zui-popover-default-bg-dark,oklch(20.8%_0.042_265.755))] text-[color:var(--zui-popover-default-fg,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-popover-default-fg-dark,oklch(96.8%_0.007_247.896))]\",\n  outline:\n    \"border-[color:var(--zui-popover-outline-border,oklch(37.3%_0.034_259.733))] dark:border-[color:var(--zui-popover-outline-border-dark,oklch(87.2%_0.01_258.338))] bg-[var(--zui-popover-outline-bg,#ffffff)] dark:bg-[var(--zui-popover-outline-bg-dark,#000000)] text-[color:var(--zui-popover-outline-fg,oklch(21%_0.034_264.665))] dark:text-[color:var(--zui-popover-outline-fg-dark,#ffffff)]\",\n  ghost:\n    \"border-transparent bg-[var(--zui-popover-ghost-bg,oklch(96.7%_0.003_264.542))] dark:bg-[var(--zui-popover-ghost-bg-dark,oklch(27.8%_0.033_256.848))] text-[color:var(--zui-popover-ghost-fg,oklch(21%_0.034_264.665))] dark:text-[color:var(--zui-popover-ghost-fg-dark,#ffffffe6)]\",\n  glass:\n    \"border-[color:var(--zui-popover-glass-border,#00000026)] dark:border-[color:var(--zui-popover-glass-border-dark,#ffffff26)] bg-[var(--zui-popover-glass-bg,#ffffffb3)] dark:bg-[var(--zui-popover-glass-bg-dark,#020617b3)] text-[color:var(--zui-popover-glass-fg,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-popover-glass-fg-dark,#ffffff)] backdrop-blur-md\",\n  emerald:\n    \"border-[color:var(--zui-popover-emerald-border,oklch(43.2%_0.095_166.913_/_0.35))] dark:border-[color:var(--zui-popover-emerald-border-dark,oklch(43.2%_0.095_166.913_/_0.35))] bg-[var(--zui-popover-emerald-bg,oklch(90.5%_0.093_164.15))] text-[color:var(--zui-popover-emerald-fg,oklch(37.8%_0.077_168.94))] dark:bg-[var(--zui-popover-emerald-bg-dark,oklch(26.2%_0.051_172.552))] dark:text-[color:var(--zui-popover-emerald-fg-dark,oklch(90.5%_0.093_164.15))]\",\n  indigo:\n    \"border-[color:var(--zui-popover-indigo-border,oklch(39.8%_0.195_277.366_/_0.35))] dark:border-[color:var(--zui-popover-indigo-border-dark,oklch(39.8%_0.195_277.366_/_0.35))] bg-[var(--zui-popover-indigo-bg,oklch(87%_0.065_274.039))] text-[color:var(--zui-popover-indigo-fg,oklch(35.9%_0.144_278.697))] dark:bg-[var(--zui-popover-indigo-bg-dark,oklch(25.7%_0.09_281.288))] dark:text-[color:var(--zui-popover-indigo-fg-dark,oklch(87%_0.065_274.039))]\",\n  purple:\n    \"border-[color:var(--zui-popover-purple-border,oklch(43.8%_0.218_303.724_/_0.35))] dark:border-[color:var(--zui-popover-purple-border-dark,oklch(43.8%_0.218_303.724_/_0.35))] bg-[var(--zui-popover-purple-bg,oklch(90.2%_0.063_306.703))] text-[color:var(--zui-popover-purple-fg,oklch(38.1%_0.176_304.987))] dark:bg-[var(--zui-popover-purple-bg-dark,oklch(29.1%_0.149_302.717))] dark:text-[color:var(--zui-popover-purple-fg-dark,oklch(90.2%_0.063_306.703))]\",\n  pink: \"border-[color:var(--zui-popover-pink-border,oklch(45.9%_0.187_3.815_/_0.35))] dark:border-[color:var(--zui-popover-pink-border-dark,oklch(45.9%_0.187_3.815_/_0.35))] bg-[var(--zui-popover-pink-bg,oklch(89.9%_0.061_343.231))] text-[color:var(--zui-popover-pink-fg,oklch(40.8%_0.153_2.432))] dark:bg-[var(--zui-popover-pink-bg-dark,oklch(28.4%_0.109_3.907))] dark:text-[color:var(--zui-popover-pink-fg-dark,oklch(89.9%_0.061_343.231))]\",\n  rose: \"border-[color:var(--zui-popover-rose-border,oklch(45.5%_0.188_13.697_/_0.35))] dark:border-[color:var(--zui-popover-rose-border-dark,oklch(45.5%_0.188_13.697_/_0.35))] bg-[var(--zui-popover-rose-bg,oklch(89.2%_0.058_10.001))] text-[color:var(--zui-popover-rose-fg,oklch(41%_0.159_10.272))] dark:bg-[var(--zui-popover-rose-bg-dark,oklch(27.1%_0.105_12.094))] dark:text-[color:var(--zui-popover-rose-fg-dark,oklch(89.2%_0.058_10.001))]\",\n  sky: \"border-[color:var(--zui-popover-sky-border,oklch(44.3%_0.11_240.79_/_0.35))] dark:border-[color:var(--zui-popover-sky-border-dark,oklch(44.3%_0.11_240.79_/_0.35))] bg-[var(--zui-popover-sky-bg,oklch(90.1%_0.058_230.902))] text-[color:var(--zui-popover-sky-fg,oklch(39.1%_0.09_240.876))] dark:bg-[var(--zui-popover-sky-bg-dark,oklch(29.3%_0.066_243.157))] dark:text-[color:var(--zui-popover-sky-fg-dark,oklch(90.1%_0.058_230.902))]\",\n  teal: \"border-[color:var(--zui-popover-teal-border,oklch(43.7%_0.078_188.216_/_0.35))] dark:border-[color:var(--zui-popover-teal-border-dark,oklch(43.7%_0.078_188.216_/_0.35))] bg-[var(--zui-popover-teal-bg,oklch(91%_0.096_180.426))] text-[color:var(--zui-popover-teal-fg,oklch(38.6%_0.063_188.416))] dark:bg-[var(--zui-popover-teal-bg-dark,oklch(27.7%_0.046_192.524))] dark:text-[color:var(--zui-popover-teal-fg-dark,oklch(91%_0.096_180.426))]\",\n  yellow:\n    \"border-[color:var(--zui-popover-yellow-border,oklch(47.6%_0.114_61.907_/_0.35))] dark:border-[color:var(--zui-popover-yellow-border-dark,oklch(47.6%_0.114_61.907_/_0.35))] bg-[var(--zui-popover-yellow-bg,oklch(94.5%_0.129_101.54))] text-[color:var(--zui-popover-yellow-fg,oklch(42.1%_0.095_57.708))] dark:bg-[var(--zui-popover-yellow-bg-dark,oklch(28.6%_0.066_53.813))] dark:text-[color:var(--zui-popover-yellow-fg-dark,oklch(94.5%_0.129_101.54))]\",\n  orange:\n    \"border-[color:var(--zui-popover-orange-border,oklch(47%_0.157_37.304_/_0.35))] dark:border-[color:var(--zui-popover-orange-border-dark,oklch(47%_0.157_37.304_/_0.35))] bg-[var(--zui-popover-orange-bg,oklch(90.1%_0.076_70.697))] text-[color:var(--zui-popover-orange-fg,oklch(40.8%_0.123_38.172))] dark:bg-[var(--zui-popover-orange-bg-dark,oklch(26.6%_0.079_36.259))] dark:text-[color:var(--zui-popover-orange-fg-dark,oklch(90.1%_0.076_70.697))]\",\n  green:\n    \"border-[color:var(--zui-popover-green-border,oklch(44.8%_0.119_151.328_/_0.35))] dark:border-[color:var(--zui-popover-green-border-dark,oklch(44.8%_0.119_151.328_/_0.35))] bg-[var(--zui-popover-green-bg,oklch(92.5%_0.084_155.995))] text-[color:var(--zui-popover-green-fg,oklch(39.3%_0.095_152.535))] dark:bg-[var(--zui-popover-green-bg-dark,oklch(26.6%_0.065_152.934))] dark:text-[color:var(--zui-popover-green-fg-dark,oklch(92.5%_0.084_155.995))]\",\n  \"gradient-blue\":\n    \"border-transparent bg-linear-to-r from-[var(--zui-popover-gradient-blue-from,oklch(42.4%_0.199_265.638))] dark:from-[var(--zui-popover-gradient-blue-from-dark,oklch(42.4%_0.199_265.638))] to-[var(--zui-popover-gradient-blue-to,oklch(43.8%_0.218_303.724))] dark:to-[var(--zui-popover-gradient-blue-to-dark,oklch(43.8%_0.218_303.724))] text-[color:var(--zui-popover-gradient-blue-fg,#ffffff)] dark:text-[color:var(--zui-popover-gradient-blue-fg-dark,#ffffff)]\",\n  \"gradient-green\":\n    \"border-transparent bg-linear-to-r from-[var(--zui-popover-gradient-green-from,oklch(44.8%_0.119_151.328))] dark:from-[var(--zui-popover-gradient-green-from-dark,oklch(44.8%_0.119_151.328))] to-[var(--zui-popover-gradient-green-to,oklch(45.3%_0.124_130.933))] dark:to-[var(--zui-popover-gradient-green-to-dark,oklch(45.3%_0.124_130.933))] text-[color:var(--zui-popover-gradient-green-fg,#ffffff)] dark:text-[color:var(--zui-popover-gradient-green-fg-dark,#ffffff)]\",\n  \"gradient-red\":\n    \"border-transparent bg-linear-to-r from-[var(--zui-popover-gradient-red-from,oklch(44.4%_0.177_26.899))] dark:from-[var(--zui-popover-gradient-red-from-dark,oklch(44.4%_0.177_26.899))] to-[var(--zui-popover-gradient-red-to,oklch(45.9%_0.187_3.815))] dark:to-[var(--zui-popover-gradient-red-to-dark,oklch(45.9%_0.187_3.815))] text-[color:var(--zui-popover-gradient-red-fg,#ffffff)] dark:text-[color:var(--zui-popover-gradient-red-fg-dark,#ffffff)]\",\n  \"gradient-yellow\":\n    \"border-transparent bg-linear-to-r from-[var(--zui-popover-gradient-yellow-from,oklch(47.6%_0.114_61.907))] dark:from-[var(--zui-popover-gradient-yellow-from-dark,oklch(47.6%_0.114_61.907))] to-[var(--zui-popover-gradient-yellow-to,oklch(47%_0.157_37.304))] dark:to-[var(--zui-popover-gradient-yellow-to-dark,oklch(47%_0.157_37.304))] text-[color:var(--zui-popover-gradient-yellow-fg,#ffffff)] dark:text-[color:var(--zui-popover-gradient-yellow-fg-dark,#ffffff)]\",\n  \"gradient-purple\":\n    \"border-transparent bg-linear-to-r from-[var(--zui-popover-gradient-purple-from,oklch(43.8%_0.218_303.724))] dark:from-[var(--zui-popover-gradient-purple-from-dark,oklch(43.8%_0.218_303.724))] to-[var(--zui-popover-gradient-purple-to,oklch(45.9%_0.187_3.815))] dark:to-[var(--zui-popover-gradient-purple-to-dark,oklch(45.9%_0.187_3.815))] text-[color:var(--zui-popover-gradient-purple-fg,#ffffff)] dark:text-[color:var(--zui-popover-gradient-purple-fg-dark,#ffffff)]\",\n  \"gradient-teal\":\n    \"border-transparent bg-linear-to-r from-[var(--zui-popover-gradient-teal-from,oklch(43.7%_0.078_188.216))] dark:from-[var(--zui-popover-gradient-teal-from-dark,oklch(43.7%_0.078_188.216))] to-[var(--zui-popover-gradient-teal-to,oklch(45%_0.085_224.283))] dark:to-[var(--zui-popover-gradient-teal-to-dark,oklch(45%_0.085_224.283))] text-[color:var(--zui-popover-gradient-teal-fg,#ffffff)] dark:text-[color:var(--zui-popover-gradient-teal-fg-dark,#ffffff)]\",\n  \"gradient-indigo\":\n    \"border-transparent bg-linear-to-r from-[var(--zui-popover-gradient-indigo-from,oklch(39.8%_0.195_277.366))] dark:from-[var(--zui-popover-gradient-indigo-from-dark,oklch(39.8%_0.195_277.366))] to-[var(--zui-popover-gradient-indigo-to,oklch(43.8%_0.218_303.724))] dark:to-[var(--zui-popover-gradient-indigo-to-dark,oklch(43.8%_0.218_303.724))] text-[color:var(--zui-popover-gradient-indigo-fg,#ffffff)] dark:text-[color:var(--zui-popover-gradient-indigo-fg-dark,#ffffff)]\",\n  \"gradient-pink\":\n    \"border-transparent bg-linear-to-r from-[var(--zui-popover-gradient-pink-from,oklch(45.9%_0.187_3.815))] dark:from-[var(--zui-popover-gradient-pink-from-dark,oklch(45.9%_0.187_3.815))] to-[var(--zui-popover-gradient-pink-to,oklch(45.5%_0.188_13.697))] dark:to-[var(--zui-popover-gradient-pink-to-dark,oklch(45.5%_0.188_13.697))] text-[color:var(--zui-popover-gradient-pink-fg,#ffffff)] dark:text-[color:var(--zui-popover-gradient-pink-fg-dark,#ffffff)]\",\n  \"gradient-orange\":\n    \"border-transparent bg-linear-to-r from-[var(--zui-popover-gradient-orange-from,oklch(47%_0.157_37.304))] dark:from-[var(--zui-popover-gradient-orange-from-dark,oklch(47%_0.157_37.304))] to-[var(--zui-popover-gradient-orange-to,oklch(44.4%_0.177_26.899))] dark:to-[var(--zui-popover-gradient-orange-to-dark,oklch(44.4%_0.177_26.899))] text-[color:var(--zui-popover-gradient-orange-fg,#ffffff)] dark:text-[color:var(--zui-popover-gradient-orange-fg-dark,#ffffff)]\",\n  blue: \"border border-[color:var(--zui-popover-content-blue-border,#2563eb)] dark:border-[color:var(--zui-popover-content-blue-border-dark,#3b82f6)] bg-[var(--zui-popover-content-blue-bg,#2563eb14)] dark:bg-[var(--zui-popover-content-blue-bg-dark,#3b82f624)] text-[color:var(--zui-popover-content-blue-fg,#0f172a)] dark:text-[color:var(--zui-popover-content-blue-fg-dark,#f8fafc)] backdrop-blur-xl\",\n  cyan: \"border border-[color:var(--zui-popover-content-cyan-border,#0891b2)] dark:border-[color:var(--zui-popover-content-cyan-border-dark,#22d3ee)] bg-[var(--zui-popover-content-cyan-bg,#0891b214)] dark:bg-[var(--zui-popover-content-cyan-bg-dark,#22d3ee24)] text-[color:var(--zui-popover-content-cyan-fg,#0f172a)] dark:text-[color:var(--zui-popover-content-cyan-fg-dark,#f8fafc)] backdrop-blur-xl\",\n  lime: \"border border-[color:var(--zui-popover-content-lime-border,#65a30d)] dark:border-[color:var(--zui-popover-content-lime-border-dark,#a3e635)] bg-[var(--zui-popover-content-lime-bg,#65a30d14)] dark:bg-[var(--zui-popover-content-lime-bg-dark,#a3e63524)] text-[color:var(--zui-popover-content-lime-fg,#0f172a)] dark:text-[color:var(--zui-popover-content-lime-fg-dark,#f8fafc)] backdrop-blur-xl\",\n  mint: \"border border-[color:var(--zui-popover-content-mint-border,#10b981)] dark:border-[color:var(--zui-popover-content-mint-border-dark,#6ee7b7)] bg-[var(--zui-popover-content-mint-bg,#10b98114)] dark:bg-[var(--zui-popover-content-mint-bg-dark,#6ee7b724)] text-[color:var(--zui-popover-content-mint-fg,#0f172a)] dark:text-[color:var(--zui-popover-content-mint-fg-dark,#f8fafc)] backdrop-blur-xl\",\n  ocean:\n    \"border border-[color:var(--zui-popover-content-ocean-border,#0284c7)] dark:border-[color:var(--zui-popover-content-ocean-border-dark,#38bdf8)] bg-[var(--zui-popover-content-ocean-bg,#0284c714)] dark:bg-[var(--zui-popover-content-ocean-bg-dark,#38bdf824)] text-[color:var(--zui-popover-content-ocean-fg,#0f172a)] dark:text-[color:var(--zui-popover-content-ocean-fg-dark,#f8fafc)] backdrop-blur-xl\",\n  sapphire:\n    \"border border-[color:var(--zui-popover-content-sapphire-border,#1d4ed8)] dark:border-[color:var(--zui-popover-content-sapphire-border-dark,#60a5fa)] bg-[var(--zui-popover-content-sapphire-bg,#1d4ed814)] dark:bg-[var(--zui-popover-content-sapphire-bg-dark,#60a5fa24)] text-[color:var(--zui-popover-content-sapphire-fg,#0f172a)] dark:text-[color:var(--zui-popover-content-sapphire-fg-dark,#f8fafc)] backdrop-blur-xl\",\n  lavender:\n    \"border border-[color:var(--zui-popover-content-lavender-border,#8b5cf6)] dark:border-[color:var(--zui-popover-content-lavender-border-dark,#a78bfa)] bg-[var(--zui-popover-content-lavender-bg,#8b5cf614)] dark:bg-[var(--zui-popover-content-lavender-bg-dark,#a78bfa24)] text-[color:var(--zui-popover-content-lavender-fg,#0f172a)] dark:text-[color:var(--zui-popover-content-lavender-fg-dark,#f8fafc)] backdrop-blur-xl\",\n  ruby: \"border border-[color:var(--zui-popover-content-ruby-border,#be123c)] dark:border-[color:var(--zui-popover-content-ruby-border-dark,#fb7185)] bg-[var(--zui-popover-content-ruby-bg,#be123c14)] dark:bg-[var(--zui-popover-content-ruby-bg-dark,#fb718524)] text-[color:var(--zui-popover-content-ruby-fg,#0f172a)] dark:text-[color:var(--zui-popover-content-ruby-fg-dark,#f8fafc)] backdrop-blur-xl\",\n  red: \"border border-[color:var(--zui-popover-content-red-border,#dc2626)] dark:border-[color:var(--zui-popover-content-red-border-dark,#ef4444)] bg-[var(--zui-popover-content-red-bg,#dc262614)] dark:bg-[var(--zui-popover-content-red-bg-dark,#ef444424)] text-[color:var(--zui-popover-content-red-fg,#0f172a)] dark:text-[color:var(--zui-popover-content-red-fg-dark,#f8fafc)] backdrop-blur-xl\",\n  slate:\n    \"border border-[color:var(--zui-popover-content-slate-border,#475569)] dark:border-[color:var(--zui-popover-content-slate-border-dark,#64748b)] bg-[var(--zui-popover-content-slate-bg,#47556914)] dark:bg-[var(--zui-popover-content-slate-bg-dark,#64748b24)] text-[color:var(--zui-popover-content-slate-fg,#0f172a)] dark:text-[color:var(--zui-popover-content-slate-fg-dark,#f8fafc)] backdrop-blur-xl\",\n  zinc: \"border border-[color:var(--zui-popover-content-zinc-border,#52525b)] dark:border-[color:var(--zui-popover-content-zinc-border-dark,#71717a)] bg-[var(--zui-popover-content-zinc-bg,#52525b14)] dark:bg-[var(--zui-popover-content-zinc-bg-dark,#71717a24)] text-[color:var(--zui-popover-content-zinc-fg,#0f172a)] dark:text-[color:var(--zui-popover-content-zinc-fg-dark,#f8fafc)] backdrop-blur-xl\",\n  stone:\n    \"border border-[color:var(--zui-popover-content-stone-border,#57534e)] dark:border-[color:var(--zui-popover-content-stone-border-dark,#78716c)] bg-[var(--zui-popover-content-stone-bg,#57534e14)] dark:bg-[var(--zui-popover-content-stone-bg-dark,#78716c24)] text-[color:var(--zui-popover-content-stone-fg,#0f172a)] dark:text-[color:var(--zui-popover-content-stone-fg-dark,#f8fafc)] backdrop-blur-xl\",\n  royal:\n    \"border border-[color:var(--zui-popover-content-royal-border,#4338ca)] dark:border-[color:var(--zui-popover-content-royal-border-dark,#818cf8)] bg-[var(--zui-popover-content-royal-bg,#4338ca14)] dark:bg-[var(--zui-popover-content-royal-bg-dark,#818cf824)] text-[color:var(--zui-popover-content-royal-fg,#0f172a)] dark:text-[color:var(--zui-popover-content-royal-fg-dark,#f8fafc)] backdrop-blur-xl\",\n  electric:\n    \"border border-[color:var(--zui-popover-content-electric-border,#0ea5e9)] dark:border-[color:var(--zui-popover-content-electric-border-dark,#38bdf8)] bg-[var(--zui-popover-content-electric-bg,#0ea5e914)] dark:bg-[var(--zui-popover-content-electric-bg-dark,#38bdf824)] text-[color:var(--zui-popover-content-electric-fg,#0f172a)] dark:text-[color:var(--zui-popover-content-electric-fg-dark,#f8fafc)] backdrop-blur-xl\",\n  forest:\n    \"border border-[color:var(--zui-popover-content-forest-border,#166534)] dark:border-[color:var(--zui-popover-content-forest-border-dark,#4ade80)] bg-[var(--zui-popover-content-forest-bg,#16653414)] dark:bg-[var(--zui-popover-content-forest-bg-dark,#4ade8024)] text-[color:var(--zui-popover-content-forest-fg,#0f172a)] dark:text-[color:var(--zui-popover-content-forest-fg-dark,#f8fafc)] backdrop-blur-xl\",\n  sunset:\n    \"border border-[color:var(--zui-popover-content-sunset-border,#ea580c)] dark:border-[color:var(--zui-popover-content-sunset-border-dark,#fb923c)] bg-[var(--zui-popover-content-sunset-bg,#ea580c14)] dark:bg-[var(--zui-popover-content-sunset-bg-dark,#fb923c24)] text-[color:var(--zui-popover-content-sunset-fg,#0f172a)] dark:text-[color:var(--zui-popover-content-sunset-fg-dark,#f8fafc)] backdrop-blur-xl\",\n  magenta:\n    \"border border-[color:var(--zui-popover-content-magenta-border,#c026d3)] dark:border-[color:var(--zui-popover-content-magenta-border-dark,#e879f9)] bg-[var(--zui-popover-content-magenta-bg,#c026d314)] dark:bg-[var(--zui-popover-content-magenta-bg-dark,#e879f924)] text-[color:var(--zui-popover-content-magenta-fg,#0f172a)] dark:text-[color:var(--zui-popover-content-magenta-fg-dark,#f8fafc)] backdrop-blur-xl\",\n  crimson:\n    \"border border-[color:var(--zui-popover-content-crimson-border,#b91c1c)] dark:border-[color:var(--zui-popover-content-crimson-border-dark,#f87171)] bg-[var(--zui-popover-content-crimson-bg,#b91c1c14)] dark:bg-[var(--zui-popover-content-crimson-bg-dark,#f8717124)] text-[color:var(--zui-popover-content-crimson-fg,#0f172a)] dark:text-[color:var(--zui-popover-content-crimson-fg-dark,#f8fafc)] backdrop-blur-xl\",\n  aqua: \"border border-[color:var(--zui-popover-content-aqua-border,#0f766e)] dark:border-[color:var(--zui-popover-content-aqua-border-dark,#2dd4bf)] bg-[var(--zui-popover-content-aqua-bg,#0f766e14)] dark:bg-[var(--zui-popover-content-aqua-bg-dark,#2dd4bf24)] text-[color:var(--zui-popover-content-aqua-fg,#0f172a)] dark:text-[color:var(--zui-popover-content-aqua-fg-dark,#f8fafc)] backdrop-blur-xl\",\n  plum: \"border border-[color:var(--zui-popover-content-plum-border,#7e22ce)] dark:border-[color:var(--zui-popover-content-plum-border-dark,#c084fc)] bg-[var(--zui-popover-content-plum-bg,#7e22ce14)] dark:bg-[var(--zui-popover-content-plum-bg-dark,#c084fc24)] text-[color:var(--zui-popover-content-plum-fg,#0f172a)] dark:text-[color:var(--zui-popover-content-plum-fg-dark,#f8fafc)] backdrop-blur-xl\",\n} as const;\n\nexport const zuiPopoverContentSizes = {\n  sm: \"p-3 text-sm\",\n  md: \"p-4 text-sm\",\n  lg: \"p-5 text-base\",\n} as const;\n\nexport const zuiPopoverContentWidths = {\n  xs: \"min-w-50 md:min-w-xs\",\n  sm: \"min-w-50 md:min-w-sm\",\n  md: \"min-w-50 md:min-w-md\",\n  lg: \"min-w-50 md:min-w-lg\",\n  xl: \"min-w-50 md:min-w-xl\",\n  \"2xl\": \"min-w-50 md:min-w-2xl\",\n} as const;\n"]}

package/dist/{chunk-6VZGM4DI.mjs → chunk-JTMRSRYD.js}

@@ -1,7 +1,4 @@
-import { cn } from './chunk-4D54YOL6.mjs';
-import { cva } from 'class-variance-authority';
-import { createContext, useMemo, useContext } from 'react';
-import { jsx } from 'react/jsx-runtime';
+'use strict';
 
 // src/design-system/empty-state.ts
 var zuiEmptyStateBase = "flex w-full flex-col items-center text-center";
@@ -54,117 +51,13 @@ var zuiEmptyStateDescriptionSizes = {
   lg: "text-base"
 };
 
-// src/ui/empty-state/variants.ts
-var emptyStateVariants = cva(zuiEmptyStateBase, {
-  variants: {
-    size: zuiEmptyStateSizes,
-    appearance: zuiEmptyStateAppearances,
-    align: zuiEmptyStateAlignments
-  },
-  defaultVariants: {
-    size: "md",
-    appearance: "default",
-    align: "center"
-  }
-});
-var emptyStateTitleVariants = cva(zuiEmptyStateTitleBase, {
-  variants: {
-    size: zuiEmptyStateTitleSizes
-  },
-  defaultVariants: { size: "md" }
-});
-var emptyStateDescriptionVariants = cva(zuiEmptyStateDescriptionBase, {
-  variants: {
-    size: zuiEmptyStateDescriptionSizes
-  },
-  defaultVariants: { size: "md" }
-});
-var EmptyStateSizeContext = createContext("md");
-function useEmptyStateSize() {
-  return useContext(EmptyStateSizeContext);
-}
-function EmptyStateBase(props) {
-  const {
-    className,
-    size = "md",
-    appearance,
-    align,
-    children,
-    ref,
-    liveRegion = false,
-    as: Wrapper = "section",
-    ...rest
-  } = props;
-  const ctx = useMemo(() => size ?? "md", [size]);
-  const liveAria = typeof liveRegion === "string" ? liveRegion : liveRegion === true ? "polite" : void 0;
-  return /* @__PURE__ */ jsx(EmptyStateSizeContext.Provider, { value: ctx, children: /* @__PURE__ */ jsx(
-    Wrapper,
-    {
-      ref,
-      "data-slot": "empty-state",
-      "aria-live": liveAria,
-      className: cn(
-        emptyStateVariants({ size, appearance, align }),
-        className
-      ),
-      ...rest,
-      children
-    }
-  ) });
-}
-EmptyStateBase.displayName = "EmptyState";
-function EmptyStateIcon({
-  className,
-  children
-}) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      "data-slot": "empty-state-icon",
-      className: cn("text-slate-300", className),
-      children
-    }
-  );
-}
-EmptyStateIcon.displayName = "EmptyStateIcon";
-function EmptyStateTitle({
-  className,
-  children
-}) {
-  const size = useEmptyStateSize();
-  return /* @__PURE__ */ jsx(
-    "h2",
-    {
-      "data-slot": "empty-state-title",
-      className: cn(emptyStateTitleVariants({ size }), className),
-      children
-    }
-  );
-}
-EmptyStateTitle.displayName = "EmptyStateTitle";
-function EmptyStateDescription({
-  className,
-  children
-}) {
-  const size = useEmptyStateSize();
-  return /* @__PURE__ */ jsx(
-    "p",
-    {
-      "data-slot": "empty-state-description",
-      className: cn(emptyStateDescriptionVariants({ size }), className),
-      children
-    }
-  );
-}
-EmptyStateDescription.displayName = "EmptyStateDescription";
-function EmptyStateAction({
-  className,
-  children
-}) {
-  return /* @__PURE__ */ jsx("div", { "data-slot": "empty-state-action", className: cn("mt-2", className), children });
-}
-EmptyStateAction.displayName = "EmptyStateAction";
-
-export { EmptyStateAction, EmptyStateBase, EmptyStateDescription, EmptyStateIcon, EmptyStateTitle, emptyStateDescriptionVariants, emptyStateTitleVariants, emptyStateVariants };
-//# sourceMappingURL=chunk-6VZGM4DI.mjs.map
-//# sourceMappingURL=chunk-6VZGM4DI.mjs.map
+exports.zuiEmptyStateAlignments = zuiEmptyStateAlignments;
+exports.zuiEmptyStateAppearances = zuiEmptyStateAppearances;
+exports.zuiEmptyStateBase = zuiEmptyStateBase;
+exports.zuiEmptyStateDescriptionBase = zuiEmptyStateDescriptionBase;
+exports.zuiEmptyStateDescriptionSizes = zuiEmptyStateDescriptionSizes;
+exports.zuiEmptyStateSizes = zuiEmptyStateSizes;
+exports.zuiEmptyStateTitleBase = zuiEmptyStateTitleBase;
+exports.zuiEmptyStateTitleSizes = zuiEmptyStateTitleSizes;
+//# sourceMappingURL=chunk-JTMRSRYD.js.map
+//# sourceMappingURL=chunk-JTMRSRYD.js.map

package/dist/chunk-JTMRSRYD.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/design-system/empty-state.ts"],"names":[],"mappings":";;;AAAO,IAAM,iBAAA,GACX;AAEK,IAAM,kBAAA,GAAqB;AAAA,EAChC,EAAA,EAAI,mBAAA;AAAA,EACJ,EAAA,EAAI,mBAAA;AAAA,EACJ,EAAA,EAAI;AACN;AAEO,IAAM,wBAAA,GAA2B;AAAA,EACtC,OAAA,EACE,+JAAA;AAAA,EACF,KAAA,EACE,2JAAA;AAAA,EACF,IAAA,EAAM,yjBAAA;AAAA,EACN,IAAA,EAAM,8VAAA;AAAA,EACN,IAAA,EAAM,8VAAA;AAAA,EACN,KAAA,EACE,oWAAA;AAAA,EACF,IAAA,EAAM,8VAAA;AAAA,EACN,IAAA,EAAM,8VAAA;AAAA,EACN,KAAA,EACE,oWAAA;AAAA,EACF,QAAA,EACE,sXAAA;AAAA,EACF,QAAA,EACE,sXAAA;AAAA,EACF,IAAA,EAAM,8VAAA;AAAA,EACN,GAAA,EAAK,wVAAA;AAAA,EACL,KAAA,EACE,oWAAA;AAAA,EACF,IAAA,EAAM,8VAAA;AAAA,EACN,KAAA,EACE,oWAAA;AAAA,EACF,KAAA,EACE,oWAAA;AAAA,EACF,QAAA,EACE,sXAAA;AAAA,EACF,MAAA,EACE,0WAAA;AAAA,EACF,MAAA,EACE,0WAAA;AAAA,EACF,OAAA,EACE,gXAAA;AAAA,EACF,OAAA,EACE,gXAAA;AAAA,EACF,IAAA,EAAM,8VAAA;AAAA,EACN,IAAA,EAAM;AACR;AAEO,IAAM,uBAAA,GAA0B;AAAA,EACrC,KAAA,EAAO,uBAAA;AAAA,EACP,MAAA,EAAQ,0BAAA;AAAA,EACR,GAAA,EAAK;AACP;AAEO,IAAM,sBAAA,GAAyB;AAE/B,IAAM,uBAAA,GAA0B;AAAA,EACrC,EAAA,EAAI,WAAA;AAAA,EACJ,EAAA,EAAI,SAAA;AAAA,EACJ,EAAA,EAAI;AACN;AAEO,IAAM,4BAAA,GACX;AAEK,IAAM,6BAAA,GAAgC;AAAA,EAC3C,EAAA,EAAI,SAAA;AAAA,EACJ,EAAA,EAAI,SAAA;AAAA,EACJ,EAAA,EAAI;AACN","file":"chunk-JTMRSRYD.js","sourcesContent":["export const zuiEmptyStateBase =\n  \"flex w-full flex-col items-center text-center\";\n\nexport const zuiEmptyStateSizes = {\n  sm: \"gap-2 p-4 text-sm\",\n  md: \"gap-3 p-6 text-sm\",\n  lg: \"gap-4 p-8 text-base\",\n} as const;\n\nexport const zuiEmptyStateAppearances = {\n  default:\n    \"text-[color:var(--zui-empty-state-default-fg,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-empty-state-default-fg-dark,oklch(98.4%_0.003_247.858))]\",\n  ghost:\n    \"text-[color:var(--zui-empty-state-ghost-fg,oklch(37.2%_0.044_257.287))] dark:text-[color:var(--zui-empty-state-ghost-fg-dark,oklch(92.9%_0.013_255.508))]\",\n  card: \"rounded-2xl border border-[color:var(--zui-empty-state-card-border,#0000001a)] dark:border-[color:var(--zui-empty-state-card-border-dark,#ffffff1a)] bg-[var(--zui-empty-state-card-bg,#ffffffe6)] dark:bg-[var(--zui-empty-state-card-bg-dark,#ffffff0d)] p-8 text-[color:var(--zui-empty-state-card-fg,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-empty-state-card-fg-dark,oklch(98.4%_0.003_247.858))] shadow-[var(--zui-empty-state-card-shadow,0_8px_24px_rgba(15,23,42,0.12))] dark:shadow-[var(--zui-empty-state-card-shadow-dark,0_18px_48px_rgba(15,23,42,0.35))]\",\n  blue: \"border border-[color:var(--zui-empty-state-blue-border,#2563eb)] dark:border-[color:var(--zui-empty-state-blue-border-dark,#3b82f6)] bg-[var(--zui-empty-state-blue-bg,#2563eb14)] dark:bg-[var(--zui-empty-state-blue-bg-dark,#3b82f624)] text-[color:var(--zui-empty-state-blue-fg,#0f172a)] dark:text-[color:var(--zui-empty-state-blue-fg-dark,#f8fafc)]\",\n  cyan: \"border border-[color:var(--zui-empty-state-cyan-border,#0891b2)] dark:border-[color:var(--zui-empty-state-cyan-border-dark,#22d3ee)] bg-[var(--zui-empty-state-cyan-bg,#0891b214)] dark:bg-[var(--zui-empty-state-cyan-bg-dark,#22d3ee24)] text-[color:var(--zui-empty-state-cyan-fg,#0f172a)] dark:text-[color:var(--zui-empty-state-cyan-fg-dark,#f8fafc)]\",\n  green:\n    \"border border-[color:var(--zui-empty-state-green-border,#16a34a)] dark:border-[color:var(--zui-empty-state-green-border-dark,#22c55e)] bg-[var(--zui-empty-state-green-bg,#16a34a14)] dark:bg-[var(--zui-empty-state-green-bg-dark,#22c55e24)] text-[color:var(--zui-empty-state-green-fg,#0f172a)] dark:text-[color:var(--zui-empty-state-green-fg-dark,#f8fafc)]\",\n  lime: \"border border-[color:var(--zui-empty-state-lime-border,#65a30d)] dark:border-[color:var(--zui-empty-state-lime-border-dark,#a3e635)] bg-[var(--zui-empty-state-lime-bg,#65a30d14)] dark:bg-[var(--zui-empty-state-lime-bg-dark,#a3e63524)] text-[color:var(--zui-empty-state-lime-fg,#0f172a)] dark:text-[color:var(--zui-empty-state-lime-fg-dark,#f8fafc)]\",\n  mint: \"border border-[color:var(--zui-empty-state-mint-border,#10b981)] dark:border-[color:var(--zui-empty-state-mint-border-dark,#6ee7b7)] bg-[var(--zui-empty-state-mint-bg,#10b98114)] dark:bg-[var(--zui-empty-state-mint-bg-dark,#6ee7b724)] text-[color:var(--zui-empty-state-mint-fg,#0f172a)] dark:text-[color:var(--zui-empty-state-mint-fg-dark,#f8fafc)]\",\n  ocean:\n    \"border border-[color:var(--zui-empty-state-ocean-border,#0284c7)] dark:border-[color:var(--zui-empty-state-ocean-border-dark,#38bdf8)] bg-[var(--zui-empty-state-ocean-bg,#0284c714)] dark:bg-[var(--zui-empty-state-ocean-bg-dark,#38bdf824)] text-[color:var(--zui-empty-state-ocean-fg,#0f172a)] dark:text-[color:var(--zui-empty-state-ocean-fg-dark,#f8fafc)]\",\n  sapphire:\n    \"border border-[color:var(--zui-empty-state-sapphire-border,#1d4ed8)] dark:border-[color:var(--zui-empty-state-sapphire-border-dark,#60a5fa)] bg-[var(--zui-empty-state-sapphire-bg,#1d4ed814)] dark:bg-[var(--zui-empty-state-sapphire-bg-dark,#60a5fa24)] text-[color:var(--zui-empty-state-sapphire-fg,#0f172a)] dark:text-[color:var(--zui-empty-state-sapphire-fg-dark,#f8fafc)]\",\n  lavender:\n    \"border border-[color:var(--zui-empty-state-lavender-border,#8b5cf6)] dark:border-[color:var(--zui-empty-state-lavender-border-dark,#a78bfa)] bg-[var(--zui-empty-state-lavender-bg,#8b5cf614)] dark:bg-[var(--zui-empty-state-lavender-bg-dark,#a78bfa24)] text-[color:var(--zui-empty-state-lavender-fg,#0f172a)] dark:text-[color:var(--zui-empty-state-lavender-fg-dark,#f8fafc)]\",\n  ruby: \"border border-[color:var(--zui-empty-state-ruby-border,#be123c)] dark:border-[color:var(--zui-empty-state-ruby-border-dark,#fb7185)] bg-[var(--zui-empty-state-ruby-bg,#be123c14)] dark:bg-[var(--zui-empty-state-ruby-bg-dark,#fb718524)] text-[color:var(--zui-empty-state-ruby-fg,#0f172a)] dark:text-[color:var(--zui-empty-state-ruby-fg-dark,#f8fafc)]\",\n  red: \"border border-[color:var(--zui-empty-state-red-border,#dc2626)] dark:border-[color:var(--zui-empty-state-red-border-dark,#ef4444)] bg-[var(--zui-empty-state-red-bg,#dc262614)] dark:bg-[var(--zui-empty-state-red-bg-dark,#ef444424)] text-[color:var(--zui-empty-state-red-fg,#0f172a)] dark:text-[color:var(--zui-empty-state-red-fg-dark,#f8fafc)]\",\n  slate:\n    \"border border-[color:var(--zui-empty-state-slate-border,#475569)] dark:border-[color:var(--zui-empty-state-slate-border-dark,#64748b)] bg-[var(--zui-empty-state-slate-bg,#47556914)] dark:bg-[var(--zui-empty-state-slate-bg-dark,#64748b24)] text-[color:var(--zui-empty-state-slate-fg,#0f172a)] dark:text-[color:var(--zui-empty-state-slate-fg-dark,#f8fafc)]\",\n  zinc: \"border border-[color:var(--zui-empty-state-zinc-border,#52525b)] dark:border-[color:var(--zui-empty-state-zinc-border-dark,#71717a)] bg-[var(--zui-empty-state-zinc-bg,#52525b14)] dark:bg-[var(--zui-empty-state-zinc-bg-dark,#71717a24)] text-[color:var(--zui-empty-state-zinc-fg,#0f172a)] dark:text-[color:var(--zui-empty-state-zinc-fg-dark,#f8fafc)]\",\n  stone:\n    \"border border-[color:var(--zui-empty-state-stone-border,#57534e)] dark:border-[color:var(--zui-empty-state-stone-border-dark,#78716c)] bg-[var(--zui-empty-state-stone-bg,#57534e14)] dark:bg-[var(--zui-empty-state-stone-bg-dark,#78716c24)] text-[color:var(--zui-empty-state-stone-fg,#0f172a)] dark:text-[color:var(--zui-empty-state-stone-fg-dark,#f8fafc)]\",\n  royal:\n    \"border border-[color:var(--zui-empty-state-royal-border,#4338ca)] dark:border-[color:var(--zui-empty-state-royal-border-dark,#818cf8)] bg-[var(--zui-empty-state-royal-bg,#4338ca14)] dark:bg-[var(--zui-empty-state-royal-bg-dark,#818cf824)] text-[color:var(--zui-empty-state-royal-fg,#0f172a)] dark:text-[color:var(--zui-empty-state-royal-fg-dark,#f8fafc)]\",\n  electric:\n    \"border border-[color:var(--zui-empty-state-electric-border,#0ea5e9)] dark:border-[color:var(--zui-empty-state-electric-border-dark,#38bdf8)] bg-[var(--zui-empty-state-electric-bg,#0ea5e914)] dark:bg-[var(--zui-empty-state-electric-bg-dark,#38bdf824)] text-[color:var(--zui-empty-state-electric-fg,#0f172a)] dark:text-[color:var(--zui-empty-state-electric-fg-dark,#f8fafc)]\",\n  forest:\n    \"border border-[color:var(--zui-empty-state-forest-border,#166534)] dark:border-[color:var(--zui-empty-state-forest-border-dark,#4ade80)] bg-[var(--zui-empty-state-forest-bg,#16653414)] dark:bg-[var(--zui-empty-state-forest-bg-dark,#4ade8024)] text-[color:var(--zui-empty-state-forest-fg,#0f172a)] dark:text-[color:var(--zui-empty-state-forest-fg-dark,#f8fafc)]\",\n  sunset:\n    \"border border-[color:var(--zui-empty-state-sunset-border,#ea580c)] dark:border-[color:var(--zui-empty-state-sunset-border-dark,#fb923c)] bg-[var(--zui-empty-state-sunset-bg,#ea580c14)] dark:bg-[var(--zui-empty-state-sunset-bg-dark,#fb923c24)] text-[color:var(--zui-empty-state-sunset-fg,#0f172a)] dark:text-[color:var(--zui-empty-state-sunset-fg-dark,#f8fafc)]\",\n  magenta:\n    \"border border-[color:var(--zui-empty-state-magenta-border,#c026d3)] dark:border-[color:var(--zui-empty-state-magenta-border-dark,#e879f9)] bg-[var(--zui-empty-state-magenta-bg,#c026d314)] dark:bg-[var(--zui-empty-state-magenta-bg-dark,#e879f924)] text-[color:var(--zui-empty-state-magenta-fg,#0f172a)] dark:text-[color:var(--zui-empty-state-magenta-fg-dark,#f8fafc)]\",\n  crimson:\n    \"border border-[color:var(--zui-empty-state-crimson-border,#b91c1c)] dark:border-[color:var(--zui-empty-state-crimson-border-dark,#f87171)] bg-[var(--zui-empty-state-crimson-bg,#b91c1c14)] dark:bg-[var(--zui-empty-state-crimson-bg-dark,#f8717124)] text-[color:var(--zui-empty-state-crimson-fg,#0f172a)] dark:text-[color:var(--zui-empty-state-crimson-fg-dark,#f8fafc)]\",\n  aqua: \"border border-[color:var(--zui-empty-state-aqua-border,#0f766e)] dark:border-[color:var(--zui-empty-state-aqua-border-dark,#2dd4bf)] bg-[var(--zui-empty-state-aqua-bg,#0f766e14)] dark:bg-[var(--zui-empty-state-aqua-bg-dark,#2dd4bf24)] text-[color:var(--zui-empty-state-aqua-fg,#0f172a)] dark:text-[color:var(--zui-empty-state-aqua-fg-dark,#f8fafc)]\",\n  plum: \"border border-[color:var(--zui-empty-state-plum-border,#7e22ce)] dark:border-[color:var(--zui-empty-state-plum-border-dark,#c084fc)] bg-[var(--zui-empty-state-plum-bg,#7e22ce14)] dark:bg-[var(--zui-empty-state-plum-bg-dark,#c084fc24)] text-[color:var(--zui-empty-state-plum-fg,#0f172a)] dark:text-[color:var(--zui-empty-state-plum-fg-dark,#f8fafc)]\",\n} as const;\n\nexport const zuiEmptyStateAlignments = {\n  start: \"items-start text-left\",\n  center: \"items-center text-center\",\n  end: \"items-end text-right\",\n} as const;\n\nexport const zuiEmptyStateTitleBase = \"font-semibold tracking-tight\";\n\nexport const zuiEmptyStateTitleSizes = {\n  sm: \"text-base\",\n  md: \"text-lg\",\n  lg: \"text-xl\",\n} as const;\n\nexport const zuiEmptyStateDescriptionBase =\n  \"max-w-md text-[color:var(--zui-empty-state-description-fg,oklch(55.4%_0.046_257.417))] dark:text-[color:var(--zui-empty-state-description-fg-dark,oklch(70.4%_0.04_256.788))]\";\n\nexport const zuiEmptyStateDescriptionSizes = {\n  sm: \"text-xs\",\n  md: \"text-sm\",\n  lg: \"text-base\",\n} as const;\n"]}