@szum-tech/design-system 3.8.0 → 3.9.0

package/dist/{chunk-FKCWRNWB.js → chunk-U3QKV7I4.js}

@@ -4,7 +4,7 @@ import { cva } from 'class-variance-authority';
 import { jsx } from 'react/jsx-runtime';
 
 var badgeVariants = cva(
-  "border-border focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-error/20 dark:aria-invalid:ring-error/40 aria-invalid:border-error inline-flex w-fit shrink-0 items-center justify-center gap-1 overflow-hidden whitespace-nowrap rounded border px-2 py-0.5 text-xs font-medium transition-[color,box-shadow] focus-visible:ring [&>svg]:pointer-events-none [&>svg]:size-3",
+  "border-border focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-error/20 dark:aria-invalid:ring-error/40 aria-invalid:border-error inline-flex w-fit shrink-0 items-center justify-center gap-1 overflow-hidden rounded border px-2 py-0.5 text-xs font-medium whitespace-nowrap transition-[color,box-shadow] focus-visible:ring [&>svg]:pointer-events-none [&>svg]:size-3",
   {
     variants: {
       variant: {

package/dist/chunk-U7XZJQ4O.js

@@ -0,0 +1,36 @@
+import { cn } from './chunk-ZD2QRAOX.js';
+import { Tooltip as Tooltip$1 } from 'radix-ui';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+function TooltipProvider({
+  delayDuration = 0,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(Tooltip$1.Provider, { "data-slot": "tooltip-provider", delayDuration, ...props });
+}
+function Tooltip(props) {
+  return /* @__PURE__ */ jsx(TooltipProvider, { children: /* @__PURE__ */ jsx(Tooltip$1.Root, { "data-slot": "tooltip", ...props }) });
+}
+function TooltipTrigger(props) {
+  return /* @__PURE__ */ jsx(Tooltip$1.Trigger, { "data-slot": "tooltip-trigger", ...props });
+}
+function TooltipContent({ className, sideOffset = 0, children, ...props }) {
+  return /* @__PURE__ */ jsx(Tooltip$1.Portal, { children: /* @__PURE__ */ jsxs(
+    Tooltip$1.Content,
+    {
+      "data-slot": "tooltip-content",
+      sideOffset,
+      className: cn(
+        "bg-foreground text-background animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit origin-(--radix-tooltip-content-transform-origin) rounded-md px-3 py-1.5 text-xs text-balance",
+        className
+      ),
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ jsx(Tooltip$1.Arrow, { className: "bg-foreground fill-foreground z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]" })
+      ]
+    }
+  ) });
+}
+
+export { Tooltip, TooltipContent, TooltipTrigger };

package/dist/{chunk-X55H6LRX.cjs → chunk-ULEEQ723.cjs}

@@ -27,7 +27,7 @@ function _interopNamespace(e) {
 var React__namespace = /*#__PURE__*/_interopNamespace(React);
 
 var colorSwatchVariants = classVarianceAuthority.cva(
-  "border-border box-border rounded border shadow-sm [background-clip:padding-box] data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+  "border-border box-border rounded border [background-clip:padding-box] shadow-sm data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
   {
     variants: {
       size: {

package/dist/{chunk-BAWVLSRF.cjs → chunk-VK5EX3OG.cjs}

@@ -15,7 +15,7 @@ function DialogClose(props) {
 }
 var dialogContentVariants = classVarianceAuthority.cva(
   [
-    "bg-background border-border fixed left-[50%] top-[50%] z-50 grid w-full max-w-[calc(100%-1rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded border p-6 shadow-lg duration-200",
+    "bg-background border-border fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-1rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded border p-6 shadow-lg duration-200",
     "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 "
   ],
   {

package/dist/{chunk-UW6GOD7J.js → chunk-VT5GDGZJ.js}

@@ -5,7 +5,7 @@ function Header({ children, ...props }) {
   return /* @__PURE__ */ jsx(
     "header",
     {
-      className: "bg-app-foreground/95 supports-[backdrop-filter]:bg-app-foreground/60 sticky top-0 z-50 w-full border-b border-gray-800 backdrop-blur",
+      className: "border-border/40 bg-background/95 supports-backdrop-filter:bg-background/60 sticky top-0 z-50 w-full border-b backdrop-blur",
       ...props,
       children: /* @__PURE__ */ jsx("div", { className: "container flex h-16 items-center", children })
     }

package/dist/chunk-XJZOANXX.cjs

@@ -0,0 +1,183 @@
+'use strict';
+
+var chunkH2BWO3SI_cjs = require('./chunk-H2BWO3SI.cjs');
+var lucideReact = require('lucide-react');
+var radixUi = require('radix-ui');
+var jsxRuntime = require('react/jsx-runtime');
+
+function Select({
+  children,
+  disabled,
+  defaultOpen,
+  defaultValue,
+  value,
+  dir,
+  open,
+  form,
+  name,
+  onOpenChange,
+  onValueChange,
+  required,
+  autoComplete,
+  // value props
+  placeholder,
+  // trigger props
+  className,
+  size = "default",
+  invalid = false,
+  ...triggerProps
+}) {
+  const rootProps = {
+    children,
+    disabled,
+    defaultOpen,
+    defaultValue,
+    value,
+    dir,
+    open,
+    form,
+    name,
+    onOpenChange,
+    onValueChange,
+    required,
+    autoComplete
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs(radixUi.Select.Root, { "data-slot": "select", ...rootProps, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      radixUi.Select.Trigger,
+      {
+        "data-slot": "select-trigger",
+        "aria-invalid": triggerProps["aria-invalid"] || invalid ? true : void 0,
+        "data-size": size,
+        className: chunkH2BWO3SI_cjs.cn(
+          "border-input dark:bg-input/30 dark:hover:bg-input/50 flex w-full items-center justify-between gap-2 rounded border bg-transparent px-3 py-2 text-sm whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none",
+          "*:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2",
+          "disabled:cursor-not-allowed disabled:opacity-50",
+          "aria-invalid:ring-error/20 dark:aria-invalid:ring-error/40 aria-invalid:border-error",
+          "data-[size=default]:h-9 data-[size=sm]:h-8",
+          "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]",
+          "[&_svg:not([class*='text-'])]:text-muted-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+          "data-[placeholder]:text-muted-foreground",
+          className
+        ),
+        ...triggerProps,
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(radixUi.Select.Value, { "data-slot": "select-value", placeholder }),
+          /* @__PURE__ */ jsxRuntime.jsx(radixUi.Select.Icon, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDownIcon, { className: "size-4 opacity-50" }) })
+        ]
+      }
+    ),
+    children
+  ] });
+}
+function SelectContent({
+  className,
+  children,
+  position = "popper",
+  align = "center",
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(radixUi.Select.Portal, { children: /* @__PURE__ */ jsxRuntime.jsxs(
+    radixUi.Select.Content,
+    {
+      "data-slot": "select-content",
+      className: chunkH2BWO3SI_cjs.cn(
+        "bg-popover text-popover-foreground border-border relative z-50 max-h-(--radix-select-content-available-height) min-w-[8rem] origin-(--radix-select-content-transform-origin) overflow-x-hidden overflow-y-auto rounded border shadow-sm",
+        "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+        position === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
+        className
+      ),
+      position,
+      align,
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(SelectScrollUpButton, {}),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          radixUi.Select.Viewport,
+          {
+            className: chunkH2BWO3SI_cjs.cn(
+              "p-1",
+              position === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-1"
+            ),
+            children
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(SelectScrollDownButton, {})
+      ]
+    }
+  ) });
+}
+function SelectScrollUpButton({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    radixUi.Select.ScrollUpButton,
+    {
+      "data-slot": "select-scroll-up-button",
+      className: chunkH2BWO3SI_cjs.cn("flex cursor-default items-center justify-center py-1", className),
+      ...props,
+      children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronUpIcon, { className: "size-4" })
+    }
+  );
+}
+function SelectScrollDownButton({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    radixUi.Select.ScrollDownButton,
+    {
+      "data-slot": "select-scroll-down-button",
+      className: chunkH2BWO3SI_cjs.cn("flex cursor-default items-center justify-center py-1", className),
+      ...props,
+      children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDownIcon, { className: "size-4" })
+    }
+  );
+}
+function SelectGroup(props) {
+  return /* @__PURE__ */ jsxRuntime.jsx(radixUi.Select.Group, { "data-slot": "select-group", ...props });
+}
+function SelectItem({ className, children, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    radixUi.Select.Item,
+    {
+      "data-slot": "select-item",
+      className: chunkH2BWO3SI_cjs.cn(
+        "focus:bg-accent focus:text-accent-foreground relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2",
+        "data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+        "[&_svg:not([class*='text-'])]:text-muted-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        className
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "absolute right-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(radixUi.Select.ItemIndicator, { children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CheckIcon, { className: "size-4" }) }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(radixUi.Select.ItemText, { children })
+      ]
+    }
+  );
+}
+function SelectLabel({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    radixUi.Select.Label,
+    {
+      "data-slot": "select-label",
+      className: chunkH2BWO3SI_cjs.cn("text-muted-foreground px-2 py-1.5 text-xs", className),
+      ...props
+    }
+  );
+}
+function SelectSeparator({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    radixUi.Select.Separator,
+    {
+      "data-slot": "select-separator",
+      className: chunkH2BWO3SI_cjs.cn("bg-border pointer-events-none -mx-1 my-1 h-px", className),
+      ...props
+    }
+  );
+}
+
+exports.Select = Select;
+exports.SelectContent = SelectContent;
+exports.SelectGroup = SelectGroup;
+exports.SelectItem = SelectItem;
+exports.SelectLabel = SelectLabel;
+exports.SelectSeparator = SelectSeparator;

package/dist/{chunk-F3GJIJRL.cjs → chunk-XTNS5QH5.cjs}

@@ -1,11 +1,10 @@
 'use strict';
 
 var chunk3WSQRFUY_cjs = require('./chunk-3WSQRFUY.cjs');
-var chunk3ZRMIVJM_cjs = require('./chunk-3ZRMIVJM.cjs');
-var chunk7EYMOUWG_cjs = require('./chunk-7EYMOUWG.cjs');
 var chunkEW6TE3N5_cjs = require('./chunk-EW6TE3N5.cjs');
+var chunk7EYMOUWG_cjs = require('./chunk-7EYMOUWG.cjs');
 var chunkH2BWO3SI_cjs = require('./chunk-H2BWO3SI.cjs');
-var React5 = require('react');
+var React6 = require('react');
 var reactSlot = require('@radix-ui/react-slot');
 var jsxRuntime = require('react/jsx-runtime');
 var lucideReact = require('lucide-react');
@@ -30,7 +29,7 @@ function _interopNamespace(e) {
   return Object.freeze(n);
 }
 
-var React5__namespace = /*#__PURE__*/_interopNamespace(React5);
+var React6__namespace = /*#__PURE__*/_interopNamespace(React6);
 
 // src/components/stepper/stepper.constants.ts
 var STEPPER_ROOT_NAME = "Stepper";
@@ -58,9 +57,9 @@ var STEPPER_MAP_KEY_TO_FOCUS_INTENT = {
 };
 
 // src/components/stepper/stepper.context.tsx
-var StepperContext = React5__namespace.createContext(null);
+var StepperContext = React6__namespace.createContext(null);
 function useStepperContext(consumerName) {
-  const context = React5__namespace.useContext(StepperContext);
+  const context = React6__namespace.useContext(StepperContext);
   if (!context) {
     throw new Error(`\`${consumerName}\` must be used within \`${STEPPER_ROOT_NAME}\``);
   }
@@ -150,9 +149,9 @@ function createStepperStore(listenersRef, stateRef, onValueChange, onValueComple
   };
   return store;
 }
-var StepperStoreContext = React5__namespace.createContext(null);
+var StepperStoreContext = React6__namespace.createContext(null);
 function useStepperStoreContext(consumerName) {
-  const context = React5__namespace.useContext(StepperStoreContext);
+  const context = React6__namespace.useContext(StepperStoreContext);
   if (!context) {
     throw new Error(`\`${consumerName}\` must be used within \`${STEPPER_ROOT_NAME}\``);
   }
@@ -160,8 +159,8 @@ function useStepperStoreContext(consumerName) {
 }
 function useStepperStore(selector) {
   const store = useStepperStoreContext("useStore");
-  const getSnapshot = React5__namespace.useCallback(() => selector(store.getState()), [selector, store]);
-  return React5__namespace.useSyncExternalStore(store.subscribe, getSnapshot, getSnapshot);
+  const getSnapshot = React6__namespace.useCallback(() => selector(store.getState()), [selector, store]);
+  return React6__namespace.useSyncExternalStore(store.subscribe, getSnapshot, getSnapshot);
 }
 function Stepper({
   value,
@@ -183,14 +182,14 @@ function Stepper({
   indicators = {},
   ...rootProps
 }) {
-  const id = React5__namespace.useId();
+  const id = React6__namespace.useId();
   const rootId = idProp ?? id;
   const listenersRef = chunk7EYMOUWG_cjs.useLazyRef(() => /* @__PURE__ */ new Set());
   const stateRef = chunk7EYMOUWG_cjs.useLazyRef(() => ({
     steps: /* @__PURE__ */ new Map(),
     value: value ?? defaultValue
   }));
-  const store = React5__namespace.useMemo(
+  const store = React6__namespace.useMemo(
     () => createStepperStore(listenersRef, stateRef, onValueChange, onValueComplete, onValueAdd, onValueRemove, onValidate),
     [listenersRef, stateRef, onValueChange, onValueComplete, onValueAdd, onValueRemove, onValidate]
   );
@@ -200,7 +199,7 @@ function Stepper({
     }
   }, [value]);
   const dir = chunkEW6TE3N5_cjs.useDirection(dirProp);
-  const contextValue = React5__namespace.useMemo(
+  const contextValue = React6__namespace.useMemo(
     () => ({
       id: rootId,
       dir,
@@ -252,14 +251,48 @@ var StepperDataState = {
   ACTIVE: "active",
   COMPLETED: "completed"
 };
-var StepperFocusContext = React5__namespace.createContext(null);
+var StepperFocusContext = React6__namespace.createContext(null);
 function useStepperFocusContext(consumerName) {
-  const context = React5__namespace.useContext(StepperFocusContext);
+  const context = React6__namespace.useContext(StepperFocusContext);
   if (!context) {
     throw new Error(`\`${consumerName}\` must be used within \`FocusProvider\``);
   }
   return context;
 }
+function setRef(ref, value) {
+  if (typeof ref === "function") {
+    return ref(value);
+  } else if (ref !== null && ref !== void 0) {
+    ref.current = value;
+  }
+}
+function composeRefs(...refs) {
+  return (node) => {
+    let hasCleanup = false;
+    const cleanups = refs.map((ref) => {
+      const cleanup = setRef(ref, node);
+      if (!hasCleanup && typeof cleanup == "function") {
+        hasCleanup = true;
+      }
+      return cleanup;
+    });
+    if (hasCleanup) {
+      return () => {
+        for (let i = 0; i < cleanups.length; i++) {
+          const cleanup = cleanups[i];
+          if (typeof cleanup == "function") {
+            cleanup();
+          } else {
+            setRef(refs[i], null);
+          }
+        }
+      };
+    }
+  };
+}
+function useComposedRefs(...refs) {
+  return React6__namespace.useCallback(composeRefs(...refs), refs);
+}
 
 // src/components/stepper/stepper.utils.tsx
 function focusFirst(candidates, preventScroll = false) {
@@ -309,32 +342,32 @@ function StepperNav({ className, children, asChild, ref, ...listProps }) {
   const context = useStepperContext(STEPPER_NAV_NAME);
   const orientation = context.orientation;
   const currentValue = useStepperStore((state) => state.value);
-  const [tabStopId, setTabStopId] = React5__namespace.useState(null);
-  const [isTabbingBackOut, setIsTabbingBackOut] = React5__namespace.useState(false);
-  const [focusableItemCount, setFocusableItemCount] = React5__namespace.useState(0);
-  const isClickFocusRef = React5__namespace.useRef(false);
-  const itemsRef = React5__namespace.useRef(/* @__PURE__ */ new Map());
-  const listRef = React5__namespace.useRef(null);
-  const composedRef = chunk3ZRMIVJM_cjs.useComposedRefs(ref, listRef);
-  const onItemFocus = React5__namespace.useCallback((tabStopId2) => {
+  const [tabStopId, setTabStopId] = React6__namespace.useState(null);
+  const [isTabbingBackOut, setIsTabbingBackOut] = React6__namespace.useState(false);
+  const [focusableItemCount, setFocusableItemCount] = React6__namespace.useState(0);
+  const isClickFocusRef = React6__namespace.useRef(false);
+  const itemsRef = React6__namespace.useRef(/* @__PURE__ */ new Map());
+  const listRef = React6__namespace.useRef(null);
+  const composedRef = useComposedRefs(ref, listRef);
+  const onItemFocus = React6__namespace.useCallback((tabStopId2) => {
     setTabStopId(tabStopId2);
   }, []);
-  const onItemShiftTab = React5__namespace.useCallback(() => {
+  const onItemShiftTab = React6__namespace.useCallback(() => {
     setIsTabbingBackOut(true);
   }, []);
-  const onFocusableItemAdd = React5__namespace.useCallback(() => {
+  const onFocusableItemAdd = React6__namespace.useCallback(() => {
     setFocusableItemCount((prevCount) => prevCount + 1);
   }, []);
-  const onFocusableItemRemove = React5__namespace.useCallback(() => {
+  const onFocusableItemRemove = React6__namespace.useCallback(() => {
     setFocusableItemCount((prevCount) => prevCount - 1);
   }, []);
-  const onItemRegister = React5__namespace.useCallback((item) => {
+  const onItemRegister = React6__namespace.useCallback((item) => {
     itemsRef.current.set(item.id, item);
   }, []);
-  const onItemUnregister = React5__namespace.useCallback((id) => {
+  const onItemUnregister = React6__namespace.useCallback((id) => {
     itemsRef.current.delete(id);
   }, []);
-  const getItems = React5__namespace.useCallback(() => {
+  const getItems = React6__namespace.useCallback(() => {
     return Array.from(itemsRef.current.values()).filter((item) => item.ref.current).sort((a, b) => {
       const elementA = a.ref.current;
       const elementB = b.ref.current;
@@ -349,15 +382,16 @@ function StepperNav({ className, children, asChild, ref, ...listProps }) {
       return 0;
     });
   }, []);
-  const onBlur = React5__namespace.useCallback(
+  const onBlur = React6__namespace.useCallback(
     (event) => {
       listProps.onBlur?.(event);
       if (event.defaultPrevented) return;
       setIsTabbingBackOut(false);
     },
+    // eslint-disable-next-line react-hooks/exhaustive-deps
     [listProps.onBlur]
   );
-  const onFocus = React5__namespace.useCallback(
+  const onFocus = React6__namespace.useCallback(
     (event) => {
       listProps.onFocus?.(event);
       if (event.defaultPrevented) return;
@@ -382,7 +416,7 @@ function StepperNav({ className, children, asChild, ref, ...listProps }) {
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [listProps.onFocus, isTabbingBackOut, currentValue, tabStopId]
   );
-  const onMouseDown = React5__namespace.useCallback(
+  const onMouseDown = React6__namespace.useCallback(
     (event) => {
       listProps.onMouseDown?.(event);
       if (event.defaultPrevented) return;
@@ -391,7 +425,7 @@ function StepperNav({ className, children, asChild, ref, ...listProps }) {
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [listProps.onMouseDown]
   );
-  const focusContextValue = React5__namespace.useMemo(
+  const focusContextValue = React6__namespace.useMemo(
     () => ({
       tabStopId,
       onItemFocus,
@@ -437,9 +471,9 @@ function StepperNav({ className, children, asChild, ref, ...listProps }) {
     }
   ) });
 }
-var StepperItemContext = React5__namespace.createContext(null);
+var StepperItemContext = React6__namespace.createContext(null);
 function useStepperItemContext(consumerName) {
-  const context = React5__namespace.useContext(StepperItemContext);
+  const context = React6__namespace.useContext(StepperItemContext);
   if (!context) {
     throw new Error(`\`${consumerName}\` must be used within \`${STEPPER_ITEM_NAME}\``);
   }
@@ -470,7 +504,7 @@ function StepperItem({
   const stepState = useStepperStore((state) => state.steps.get(itemValue));
   const steps = useStepperStore((state) => state.steps);
   const dataState = getDataState(value, itemValue, stepState, steps);
-  const itemContextValue = React5__namespace.useMemo(
+  const itemContextValue = React6__namespace.useMemo(
     () => ({
       value: itemValue,
       stepState
@@ -532,11 +566,11 @@ function StepperTrigger({ asChild, disabled, className, ref, ...triggerProps })
   const isActive = value === itemValue;
   const isTabStop = focusContext.tabStopId === triggerId;
   const dataState = getDataState(value, itemValue, stepState, steps);
-  const triggerRef = React5__namespace.useRef(null);
-  const composedRef = chunk3ZRMIVJM_cjs.useComposedRefs(ref, triggerRef);
-  const isArrowKeyPressedRef = React5__namespace.useRef(false);
-  const isMouseClickRef = React5__namespace.useRef(false);
-  React5__namespace.useEffect(() => {
+  const triggerRef = React6__namespace.useRef(null);
+  const composedRef = useComposedRefs(ref, triggerRef);
+  const isArrowKeyPressedRef = React6__namespace.useRef(false);
+  const isMouseClickRef = React6__namespace.useRef(false);
+  React6__namespace.useEffect(() => {
     function onKeyDown2(event) {
       if (STEPPER_ARROW_KEYS.includes(event.key)) {
         isArrowKeyPressedRef.current = true;
@@ -570,7 +604,7 @@ function StepperTrigger({ asChild, disabled, className, ref, ...triggerProps })
       }
     };
   }, [focusContext, triggerId, itemValue, isTabStop, isDisabled]);
-  const onClick = React5__namespace.useCallback(
+  const onClick = React6__namespace.useCallback(
     async (event) => {
       triggerProps.onClick?.(event);
       if (event.defaultPrevented) return;
@@ -584,7 +618,7 @@ function StepperTrigger({ asChild, disabled, className, ref, ...triggerProps })
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [isDisabled, context.nonInteractive, store, itemValue, value, steps, triggerProps.onClick]
   );
-  const onFocus = React5__namespace.useCallback(
+  const onFocus = React6__namespace.useCallback(
     async (event) => {
       triggerProps.onFocus?.(event);
       if (event.defaultPrevented) return;
@@ -612,7 +646,7 @@ function StepperTrigger({ asChild, disabled, className, ref, ...triggerProps })
       store
     ]
   );
-  const onKeyDown = React5__namespace.useCallback(
+  const onKeyDown = React6__namespace.useCallback(
     async (event) => {
       triggerProps.onKeyDown?.(event);
       if (event.defaultPrevented) return;
@@ -666,6 +700,7 @@ function StepperTrigger({ asChild, disabled, className, ref, ...triggerProps })
         queueMicrotask(() => focusFirst(candidateRefs));
       }
     },
+    // eslint-disable-next-line react-hooks/exhaustive-deps
     [
       focusContext,
       context.nonInteractive,
@@ -681,7 +716,7 @@ function StepperTrigger({ asChild, disabled, className, ref, ...triggerProps })
       steps
     ]
   );
-  const onMouseDown = React5__namespace.useCallback(
+  const onMouseDown = React6__namespace.useCallback(
     (event) => {
       triggerProps.onMouseDown?.(event);
       if (event.defaultPrevented) {
@@ -842,7 +877,7 @@ function StepperNextTrigger({ asChild = false, onClick, disabled, ...props }) {
   const stepKeys = Array.from(steps.keys());
   const currentIndex = value ? stepKeys.indexOf(value) : -1;
   const isDisabled = disabled || currentIndex >= stepKeys.length - 1;
-  const handleClick = React5__namespace.useCallback(
+  const handleClick = React6__namespace.useCallback(
     async (event) => {
       onClick?.(event);
       if (event.defaultPrevented || isDisabled) {
@@ -875,7 +910,7 @@ function StepperPrevTrigger({ asChild = false, disabled, onClick, ...props }) {
   const stepKeys = Array.from(steps.keys());
   const currentIndex = value ? stepKeys.indexOf(value) : -1;
   const isDisabled = disabled || currentIndex <= 0;
-  const handleClick = React5__namespace.useCallback(
+  const handleClick = React6__namespace.useCallback(
     async (event) => {
       onClick?.(event);
       if (event.defaultPrevented || isDisabled) {
@@ -926,9 +961,9 @@ var Toaster = ({ theme = "system", ...props }) => {
 };
 var buttonVariants = classVarianceAuthority.cva(
   [
-    "inline-flex shrink-0 items-center justify-center gap-2 whitespace-nowrap rounded text-sm font-medium outline-none transition-all",
+    "inline-flex shrink-0 items-center justify-center gap-2 rounded text-sm font-medium whitespace-nowrap transition-all outline-none",
     "disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50",
-    "[&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0",
+    "[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
     "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring",
     "aria-invalid:ring-error/20 dark:aria-invalid:ring-error/40 aria-invalid:border-error"
   ],
@@ -937,7 +972,7 @@ var buttonVariants = classVarianceAuthority.cva(
       variant: {
         default: "bg-primary text-primary-foreground hover:bg-primary/90",
         error: "bg-error hover:bg-error/90 focus-visible:ring-error/20 dark:focus-visible:ring-error/40 dark:bg-error/60 text-white",
-        outline: "bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50 border",
+        outline: "bg-background hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50 border shadow-xs",
         secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
         ghost: "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",
         link: "text-primary underline-offset-4 hover:underline"
@@ -1022,15 +1057,15 @@ function ButtonContent({
   const isEndLoading = loading && loadingPosition === "end";
   const EndIcon = isEndLoading ? /* @__PURE__ */ jsxRuntime.jsx(chunk3WSQRFUY_cjs.Spinner, { "aria-label": "Loading" }) : endIcon || null;
   const isCenterLoading = loading && loadingPosition === "center";
-  return asChild && React5__namespace.isValidElement(children) ? React5__namespace.cloneElement(
+  return asChild && React6__namespace.isValidElement(children) ? React6__namespace.cloneElement(
     children,
     props,
-    /* @__PURE__ */ jsxRuntime.jsxs(React5__namespace.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(React6__namespace.Fragment, { children: [
       StartIcon,
-      isCenterLoading ? /* @__PURE__ */ jsxRuntime.jsx(chunk3WSQRFUY_cjs.Spinner, { "aria-label": "Loading" }) : React5__namespace.isValidElement(children) ? children.props?.children : null,
+      isCenterLoading ? /* @__PURE__ */ jsxRuntime.jsx(chunk3WSQRFUY_cjs.Spinner, { "aria-label": "Loading" }) : React6__namespace.isValidElement(children) ? children.props?.children : null,
       EndIcon
     ] })
-  ) : /* @__PURE__ */ jsxRuntime.jsxs(React5__namespace.Fragment, { children: [
+  ) : /* @__PURE__ */ jsxRuntime.jsxs(React6__namespace.Fragment, { children: [
     StartIcon,
     isCenterLoading ? /* @__PURE__ */ jsxRuntime.jsx(chunk3WSQRFUY_cjs.Spinner, { "aria-label": "Loading" }) : children,
     EndIcon

package/dist/{chunk-Z6CZAPVG.cjs → chunk-ZVF7J4EI.cjs}

@@ -6,7 +6,7 @@ var classVarianceAuthority = require('class-variance-authority');
 var jsxRuntime = require('react/jsx-runtime');
 
 var badgeVariants = classVarianceAuthority.cva(
-  "border-border focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-error/20 dark:aria-invalid:ring-error/40 aria-invalid:border-error inline-flex w-fit shrink-0 items-center justify-center gap-1 overflow-hidden whitespace-nowrap rounded border px-2 py-0.5 text-xs font-medium transition-[color,box-shadow] focus-visible:ring [&>svg]:pointer-events-none [&>svg]:size-3",
+  "border-border focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-error/20 dark:aria-invalid:ring-error/40 aria-invalid:border-error inline-flex w-fit shrink-0 items-center justify-center gap-1 overflow-hidden rounded border px-2 py-0.5 text-xs font-medium whitespace-nowrap transition-[color,box-shadow] focus-visible:ring [&>svg]:pointer-events-none [&>svg]:size-3",
   {
     variants: {
       variant: {

package/dist/components/alert/index.cjs

@@ -1,20 +1,19 @@
 'use strict';
 
-var chunkO3DHBQA5_cjs = require('../../chunk-O3DHBQA5.cjs');
+var chunk3GNVQFCK_cjs = require('../../chunk-3GNVQFCK.cjs');
 require('../../chunk-H2BWO3SI.cjs');
-require('../../chunk-3376ZTRC.cjs');
 
 
 
 Object.defineProperty(exports, "Alert", {
   enumerable: true,
-  get: function () { return chunkO3DHBQA5_cjs.Alert; }
+  get: function () { return chunk3GNVQFCK_cjs.Alert; }
 });
 Object.defineProperty(exports, "AlertDescription", {
   enumerable: true,
-  get: function () { return chunkO3DHBQA5_cjs.AlertDescription; }
+  get: function () { return chunk3GNVQFCK_cjs.AlertDescription; }
 });
 Object.defineProperty(exports, "AlertTitle", {
   enumerable: true,
-  get: function () { return chunkO3DHBQA5_cjs.AlertTitle; }
+  get: function () { return chunk3GNVQFCK_cjs.AlertTitle; }
 });

package/dist/components/alert/index.js

@@ -1,3 +1,2 @@
-export { Alert, AlertDescription, AlertTitle } from '../../chunk-2Q2BIWBE.js';
+export { Alert, AlertDescription, AlertTitle } from '../../chunk-5MV54MWS.js';
 import '../../chunk-ZD2QRAOX.js';
-import '../../chunk-BYXBJQAS.js';

package/dist/components/alert-dialog/index.cjs

@@ -2,7 +2,6 @@
 
 var chunkTMXVL5CV_cjs = require('../../chunk-TMXVL5CV.cjs');
 require('../../chunk-H2BWO3SI.cjs');
-require('../../chunk-3376ZTRC.cjs');