@szum-tech/design-system 3.8.1 → 3.10.0

package/dist/{chunk-SZ3LC2VO.js → chunk-JLKQ6WKK.js}

@@ -1,8 +1,8 @@
+import { useDirection, useComposedRefs } from './chunk-YSYZKK24.js';
 import { Spinner } from './chunk-P5IUC7HJ.js';
-import { useDirection, Direction } from './chunk-H5O5L6XT.js';
 import { useLazyRef, useIsomorphicLayoutEffect } from './chunk-DFD2WUOU.js';
 import { cn } from './chunk-ZD2QRAOX.js';
-import * as React6 from 'react';
+import * as React5 from 'react';
 import { Slot } from '@radix-ui/react-slot';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { OctagonXIcon, TriangleAlertIcon, InfoIcon, CircleCheckIcon } from 'lucide-react';
@@ -36,9 +36,9 @@ var STEPPER_MAP_KEY_TO_FOCUS_INTENT = {
 };
 
 // src/components/stepper/stepper.context.tsx
-var StepperContext = React6.createContext(null);
+var StepperContext = React5.createContext(null);
 function useStepperContext(consumerName) {
-  const context = React6.useContext(StepperContext);
+  const context = React5.useContext(StepperContext);
   if (!context) {
     throw new Error(`\`${consumerName}\` must be used within \`${STEPPER_ROOT_NAME}\``);
   }
@@ -128,9 +128,9 @@ function createStepperStore(listenersRef, stateRef, onValueChange, onValueComple
   };
   return store;
 }
-var StepperStoreContext = React6.createContext(null);
+var StepperStoreContext = React5.createContext(null);
 function useStepperStoreContext(consumerName) {
-  const context = React6.useContext(StepperStoreContext);
+  const context = React5.useContext(StepperStoreContext);
   if (!context) {
     throw new Error(`\`${consumerName}\` must be used within \`${STEPPER_ROOT_NAME}\``);
   }
@@ -138,8 +138,8 @@ function useStepperStoreContext(consumerName) {
 }
 function useStepperStore(selector) {
   const store = useStepperStoreContext("useStore");
-  const getSnapshot = React6.useCallback(() => selector(store.getState()), [selector, store]);
-  return React6.useSyncExternalStore(store.subscribe, getSnapshot, getSnapshot);
+  const getSnapshot = React5.useCallback(() => selector(store.getState()), [selector, store]);
+  return React5.useSyncExternalStore(store.subscribe, getSnapshot, getSnapshot);
 }
 function Stepper({
   value,
@@ -161,14 +161,14 @@ function Stepper({
   indicators = {},
   ...rootProps
 }) {
-  const id = React6.useId();
+  const id = React5.useId();
   const rootId = idProp ?? id;
   const listenersRef = useLazyRef(() => /* @__PURE__ */ new Set());
   const stateRef = useLazyRef(() => ({
     steps: /* @__PURE__ */ new Map(),
     value: value ?? defaultValue
   }));
-  const store = React6.useMemo(
+  const store = React5.useMemo(
     () => createStepperStore(listenersRef, stateRef, onValueChange, onValueComplete, onValueAdd, onValueRemove, onValidate),
     [listenersRef, stateRef, onValueChange, onValueComplete, onValueAdd, onValueRemove, onValidate]
   );
@@ -178,7 +178,7 @@ function Stepper({
     }
   }, [value]);
   const dir = useDirection(dirProp);
-  const contextValue = React6.useMemo(
+  const contextValue = React5.useMemo(
     () => ({
       id: rootId,
       dir,
@@ -230,48 +230,14 @@ var StepperDataState = {
   ACTIVE: "active",
   COMPLETED: "completed"
 };
-var StepperFocusContext = React6.createContext(null);
+var StepperFocusContext = React5.createContext(null);
 function useStepperFocusContext(consumerName) {
-  const context = React6.useContext(StepperFocusContext);
+  const context = React5.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.useCallback(composeRefs(...refs), refs);
-}
 
 // src/components/stepper/stepper.utils.tsx
 function focusFirst(candidates, preventScroll = false) {
@@ -308,7 +274,7 @@ function wrapArray(array, startIndex) {
   return array.map((_, index) => array[(startIndex + index) % array.length]);
 }
 function getDirectionAwareKey(key, dir) {
-  if (dir !== Direction.RTL) return key;
+  if (dir !== "rtl") return key;
   return key === "ArrowLeft" ? "ArrowRight" : key === "ArrowRight" ? "ArrowLeft" : key;
 }
 function getFocusIntent(event, dir, orientation) {
@@ -321,32 +287,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] = React6.useState(null);
-  const [isTabbingBackOut, setIsTabbingBackOut] = React6.useState(false);
-  const [focusableItemCount, setFocusableItemCount] = React6.useState(0);
-  const isClickFocusRef = React6.useRef(false);
-  const itemsRef = React6.useRef(/* @__PURE__ */ new Map());
-  const listRef = React6.useRef(null);
+  const [tabStopId, setTabStopId] = React5.useState(null);
+  const [isTabbingBackOut, setIsTabbingBackOut] = React5.useState(false);
+  const [focusableItemCount, setFocusableItemCount] = React5.useState(0);
+  const isClickFocusRef = React5.useRef(false);
+  const itemsRef = React5.useRef(/* @__PURE__ */ new Map());
+  const listRef = React5.useRef(null);
   const composedRef = useComposedRefs(ref, listRef);
-  const onItemFocus = React6.useCallback((tabStopId2) => {
+  const onItemFocus = React5.useCallback((tabStopId2) => {
     setTabStopId(tabStopId2);
   }, []);
-  const onItemShiftTab = React6.useCallback(() => {
+  const onItemShiftTab = React5.useCallback(() => {
     setIsTabbingBackOut(true);
   }, []);
-  const onFocusableItemAdd = React6.useCallback(() => {
+  const onFocusableItemAdd = React5.useCallback(() => {
     setFocusableItemCount((prevCount) => prevCount + 1);
   }, []);
-  const onFocusableItemRemove = React6.useCallback(() => {
+  const onFocusableItemRemove = React5.useCallback(() => {
     setFocusableItemCount((prevCount) => prevCount - 1);
   }, []);
-  const onItemRegister = React6.useCallback((item) => {
+  const onItemRegister = React5.useCallback((item) => {
     itemsRef.current.set(item.id, item);
   }, []);
-  const onItemUnregister = React6.useCallback((id) => {
+  const onItemUnregister = React5.useCallback((id) => {
     itemsRef.current.delete(id);
   }, []);
-  const getItems = React6.useCallback(() => {
+  const getItems = React5.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;
@@ -361,15 +327,16 @@ function StepperNav({ className, children, asChild, ref, ...listProps }) {
       return 0;
     });
   }, []);
-  const onBlur = React6.useCallback(
+  const onBlur = React5.useCallback(
     (event) => {
       listProps.onBlur?.(event);
       if (event.defaultPrevented) return;
       setIsTabbingBackOut(false);
     },
+    // eslint-disable-next-line react-hooks/exhaustive-deps
     [listProps.onBlur]
   );
-  const onFocus = React6.useCallback(
+  const onFocus = React5.useCallback(
     (event) => {
       listProps.onFocus?.(event);
       if (event.defaultPrevented) return;
@@ -394,7 +361,7 @@ function StepperNav({ className, children, asChild, ref, ...listProps }) {
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [listProps.onFocus, isTabbingBackOut, currentValue, tabStopId]
   );
-  const onMouseDown = React6.useCallback(
+  const onMouseDown = React5.useCallback(
     (event) => {
       listProps.onMouseDown?.(event);
       if (event.defaultPrevented) return;
@@ -403,7 +370,7 @@ function StepperNav({ className, children, asChild, ref, ...listProps }) {
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [listProps.onMouseDown]
   );
-  const focusContextValue = React6.useMemo(
+  const focusContextValue = React5.useMemo(
     () => ({
       tabStopId,
       onItemFocus,
@@ -449,9 +416,9 @@ function StepperNav({ className, children, asChild, ref, ...listProps }) {
     }
   ) });
 }
-var StepperItemContext = React6.createContext(null);
+var StepperItemContext = React5.createContext(null);
 function useStepperItemContext(consumerName) {
-  const context = React6.useContext(StepperItemContext);
+  const context = React5.useContext(StepperItemContext);
   if (!context) {
     throw new Error(`\`${consumerName}\` must be used within \`${STEPPER_ITEM_NAME}\``);
   }
@@ -482,7 +449,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 = React6.useMemo(
+  const itemContextValue = React5.useMemo(
     () => ({
       value: itemValue,
       stepState
@@ -544,11 +511,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 = React6.useRef(null);
+  const triggerRef = React5.useRef(null);
   const composedRef = useComposedRefs(ref, triggerRef);
-  const isArrowKeyPressedRef = React6.useRef(false);
-  const isMouseClickRef = React6.useRef(false);
-  React6.useEffect(() => {
+  const isArrowKeyPressedRef = React5.useRef(false);
+  const isMouseClickRef = React5.useRef(false);
+  React5.useEffect(() => {
     function onKeyDown2(event) {
       if (STEPPER_ARROW_KEYS.includes(event.key)) {
         isArrowKeyPressedRef.current = true;
@@ -582,7 +549,7 @@ function StepperTrigger({ asChild, disabled, className, ref, ...triggerProps })
       }
     };
   }, [focusContext, triggerId, itemValue, isTabStop, isDisabled]);
-  const onClick = React6.useCallback(
+  const onClick = React5.useCallback(
     async (event) => {
       triggerProps.onClick?.(event);
       if (event.defaultPrevented) return;
@@ -596,7 +563,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 = React6.useCallback(
+  const onFocus = React5.useCallback(
     async (event) => {
       triggerProps.onFocus?.(event);
       if (event.defaultPrevented) return;
@@ -624,7 +591,7 @@ function StepperTrigger({ asChild, disabled, className, ref, ...triggerProps })
       store
     ]
   );
-  const onKeyDown = React6.useCallback(
+  const onKeyDown = React5.useCallback(
     async (event) => {
       triggerProps.onKeyDown?.(event);
       if (event.defaultPrevented) return;
@@ -678,6 +645,7 @@ function StepperTrigger({ asChild, disabled, className, ref, ...triggerProps })
         queueMicrotask(() => focusFirst(candidateRefs));
       }
     },
+    // eslint-disable-next-line react-hooks/exhaustive-deps
     [
       focusContext,
       context.nonInteractive,
@@ -693,7 +661,7 @@ function StepperTrigger({ asChild, disabled, className, ref, ...triggerProps })
       steps
     ]
   );
-  const onMouseDown = React6.useCallback(
+  const onMouseDown = React5.useCallback(
     (event) => {
       triggerProps.onMouseDown?.(event);
       if (event.defaultPrevented) {
@@ -854,7 +822,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 = React6.useCallback(
+  const handleClick = React5.useCallback(
     async (event) => {
       onClick?.(event);
       if (event.defaultPrevented || isDisabled) {
@@ -887,7 +855,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 = React6.useCallback(
+  const handleClick = React5.useCallback(
     async (event) => {
       onClick?.(event);
       if (event.defaultPrevented || isDisabled) {
@@ -938,9 +906,9 @@ var Toaster = ({ theme = "system", ...props }) => {
 };
 var buttonVariants = 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"
   ],
@@ -949,7 +917,7 @@ var buttonVariants = 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"
@@ -1034,15 +1002,15 @@ function ButtonContent({
   const isEndLoading = loading && loadingPosition === "end";
   const EndIcon = isEndLoading ? /* @__PURE__ */ jsx(Spinner, { "aria-label": "Loading" }) : endIcon || null;
   const isCenterLoading = loading && loadingPosition === "center";
-  return asChild && React6.isValidElement(children) ? React6.cloneElement(
+  return asChild && React5.isValidElement(children) ? React5.cloneElement(
     children,
     props,
-    /* @__PURE__ */ jsxs(React6.Fragment, { children: [
+    /* @__PURE__ */ jsxs(React5.Fragment, { children: [
       StartIcon,
-      isCenterLoading ? /* @__PURE__ */ jsx(Spinner, { "aria-label": "Loading" }) : React6.isValidElement(children) ? children.props?.children : null,
+      isCenterLoading ? /* @__PURE__ */ jsx(Spinner, { "aria-label": "Loading" }) : React5.isValidElement(children) ? children.props?.children : null,
       EndIcon
     ] })
-  ) : /* @__PURE__ */ jsxs(React6.Fragment, { children: [
+  ) : /* @__PURE__ */ jsxs(React5.Fragment, { children: [
     StartIcon,
     isCenterLoading ? /* @__PURE__ */ jsx(Spinner, { "aria-label": "Loading" }) : children,
     EndIcon

package/dist/chunk-K5AURCK5.js

@@ -0,0 +1,183 @@
+import { cn } from './chunk-ZD2QRAOX.js';
+import * as React from 'react';
+import { useInView, motion } from 'motion/react';
+import { jsx } from 'react/jsx-runtime';
+
+function WordRotate({
+  words,
+  duration = 1500,
+  animationStyle = "fade",
+  loop = true,
+  className,
+  containerClassName,
+  pauseDuration = 300,
+  startOnView = true,
+  once = false,
+  inViewMargin,
+  ...props
+}) {
+  const ref = React.useRef(null);
+  const isInView = useInView(ref, { once, margin: inViewMargin });
+  const [hasAnimated, setHasAnimated] = React.useState(false);
+  const [currentWord, setCurrentWord] = React.useState(0);
+  const [show, setShow] = React.useState(true);
+  const variants = {
+    fade: {
+      initial: { opacity: 0 },
+      animate: {
+        opacity: 1,
+        transition: {
+          duration: 0.4,
+          ease: [0.4, 0, 0.2, 1]
+          // Custom cubic-bezier for smooth fade
+        }
+      },
+      exit: {
+        opacity: 0,
+        transition: {
+          duration: 0.3,
+          ease: [0.4, 0, 1, 1]
+          // Faster exit
+        }
+      }
+    },
+    "slide-up": {
+      initial: { opacity: 0, y: 24 },
+      animate: {
+        opacity: 1,
+        y: 0,
+        transition: {
+          type: "spring",
+          stiffness: 300,
+          damping: 25,
+          mass: 0.8
+        }
+      },
+      exit: {
+        opacity: 0,
+        y: -24,
+        transition: {
+          duration: 0.25,
+          ease: [0.4, 0, 1, 1]
+        }
+      }
+    },
+    "slide-down": {
+      initial: { opacity: 0, y: -24 },
+      animate: {
+        opacity: 1,
+        y: 0,
+        transition: {
+          type: "spring",
+          stiffness: 300,
+          damping: 25,
+          mass: 0.8
+        }
+      },
+      exit: {
+        opacity: 0,
+        y: 24,
+        transition: {
+          duration: 0.25,
+          ease: [0.4, 0, 1, 1]
+        }
+      }
+    },
+    scale: {
+      initial: { opacity: 0, scale: 0.8 },
+      animate: {
+        opacity: 1,
+        scale: 1,
+        transition: {
+          type: "spring",
+          stiffness: 400,
+          damping: 30,
+          mass: 0.6
+        }
+      },
+      exit: {
+        opacity: 0,
+        scale: 0.9,
+        transition: {
+          duration: 0.2,
+          ease: [0.4, 0, 1, 1]
+        }
+      }
+    },
+    flip: {
+      initial: { opacity: 0, rotateX: 90 },
+      animate: {
+        opacity: 1,
+        rotateX: 0,
+        transition: {
+          type: "spring",
+          stiffness: 200,
+          damping: 20,
+          mass: 1
+        }
+      },
+      exit: {
+        opacity: 0,
+        rotateX: -90,
+        transition: {
+          duration: 0.3,
+          ease: [0.4, 0, 1, 1]
+        }
+      }
+    }
+  };
+  const shouldStart = !startOnView || isInView && (!once || !hasAnimated);
+  React.useEffect(() => {
+    if (!shouldStart) return;
+    if (words.length === 0) return;
+    let intervalId;
+    let timeoutId;
+    intervalId = setInterval(() => {
+      setShow(false);
+      timeoutId = setTimeout(() => {
+        setCurrentWord((prev) => {
+          const nextIndex = prev + 1;
+          if (!loop && nextIndex >= words.length) {
+            clearInterval(intervalId);
+            clearTimeout(timeoutId);
+            return prev;
+          }
+          return loop ? nextIndex % words.length : nextIndex;
+        });
+        setShow(true);
+        setHasAnimated(true);
+      }, pauseDuration);
+    }, duration + pauseDuration);
+    return () => {
+      clearInterval(intervalId);
+      clearTimeout(timeoutId);
+    };
+  }, [shouldStart, duration, pauseDuration, words.length, loop, once, hasAnimated]);
+  return /* @__PURE__ */ jsx(
+    motion.span,
+    {
+      ref,
+      "data-slot": "word-rotate",
+      className: cn("inline-block overflow-hidden align-bottom leading-none", containerClassName),
+      ...props,
+      children: /* @__PURE__ */ jsx(
+        motion.span,
+        {
+          initial: "initial",
+          animate: show ? "animate" : "exit",
+          exit: "exit",
+          variants: variants[animationStyle],
+          transition: { duration: 0.5 },
+          style: {
+            perspective: animationStyle === "flip" ? 1e3 : void 0
+          },
+          className: cn("inline-block", className),
+          children: words[currentWord]
+        },
+        currentWord
+      )
+    }
+  );
+}
+
+export { WordRotate };

package/dist/{chunk-XV3AQ6NS.js → chunk-KGGCA634.js}

@@ -5,7 +5,7 @@ import { cva } from 'class-variance-authority';
 import { jsx } from 'react/jsx-runtime';
 
 var itemVariants = cva(
-  "group/item [a]:hover:bg-accent/50 [a]:transition-colors focus-visible:border-ring focus-visible:ring-ring/50 flex flex-wrap items-center rounded border border-transparent text-sm outline-none transition-colors duration-100 focus-visible:ring",
+  "group/item [a]:hover:bg-accent/50 focus-visible:border-ring focus-visible:ring-ring/50 flex flex-wrap items-center rounded border border-transparent text-sm transition-colors duration-100 outline-none focus-visible:ring [a]:transition-colors",
   {
     variants: {
       variant: {

package/dist/chunk-OCOCENE6.js

@@ -0,0 +1,42 @@
+import { cn } from './chunk-ZD2QRAOX.js';
+import { Tabs as Tabs$1 } from 'radix-ui';
+import { jsx } from 'react/jsx-runtime';
+
+function Tabs({ className, ...props }) {
+  return /* @__PURE__ */ jsx(Tabs$1.Root, { "data-slot": "tabs", className: cn("flex flex-col gap-2", className), ...props });
+}
+function TabsList({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    Tabs$1.List,
+    {
+      "data-slot": "tabs-list",
+      className: cn(
+        "bg-muted text-muted-foreground inline-flex h-9 w-fit items-center justify-center rounded p-0.75",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function TabsTrigger({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    Tabs$1.Trigger,
+    {
+      "data-slot": "tabs-trigger",
+      className: cn(
+        "text-foreground dark:text-muted-foreground inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded border border-transparent px-2 py-1 text-sm font-medium whitespace-nowrap transition-[color,box-shadow]",
+        "data-[state=active]:bg-background dark:data-[state=active]:text-foreground dark:data-[state=active]:border-input dark:data-[state=active]:bg-input/30 data-[state=active]:shadow-sm",
+        "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring focus-visible:ring-[3px] focus-visible:outline-1",
+        "disabled:pointer-events-none disabled:opacity-50",
+        "[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function TabsContent({ className, ...props }) {
+  return /* @__PURE__ */ jsx(Tabs$1.Content, { "data-slot": "tabs-content", className: cn("flex-1 outline-none", className), ...props });
+}
+
+export { Tabs, TabsContent, TabsList, TabsTrigger };

package/dist/chunk-R65CJGEQ.js

@@ -0,0 +1,48 @@
+import { cn } from './chunk-ZD2QRAOX.js';
+import { Accordion as Accordion$1 } from 'radix-ui';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { ChevronDownIcon } from 'lucide-react';
+
+function Accordion({ ...props }) {
+  return /* @__PURE__ */ jsx(Accordion$1.Root, { "data-slot": "accordion", ...props });
+}
+function AccordionContent({ className, children, ...props }) {
+  return /* @__PURE__ */ jsx(
+    Accordion$1.Content,
+    {
+      "data-slot": "accordion-content",
+      className: "data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down overflow-hidden text-sm",
+      ...props,
+      children: /* @__PURE__ */ jsx("div", { className: cn("pt-0 pb-4", className), children })
+    }
+  );
+}
+function AccordionTrigger({ className, children, ...props }) {
+  return /* @__PURE__ */ jsx(Accordion$1.Header, { className: "flex", children: /* @__PURE__ */ jsxs(
+    Accordion$1.Trigger,
+    {
+      "data-slot": "accordion-trigger",
+      className: cn(
+        "focus-visible:border-ring focus-visible:ring-ring/50 flex flex-1 items-start justify-between gap-4 rounded-md py-4 text-left text-sm font-medium transition-all outline-none hover:underline focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 [&[data-state=open]>svg]:rotate-180",
+        className
+      ),
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ jsx(ChevronDownIcon, { className: "text-muted-foreground pointer-events-none size-4 shrink-0 translate-y-0.5 transition-transform duration-200" })
+      ]
+    }
+  ) });
+}
+function AccordionItem({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    Accordion$1.Item,
+    {
+      "data-slot": "accordion-item",
+      className: cn("border-b last:border-b-0", className),
+      ...props
+    }
+  );
+}
+
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger };