@saasflare/ui 3.0.2 → 3.1.1

package/dist/index.js

@@ -1,10 +1,10 @@
 "use client";
 'use strict';
 
-var chunkYAE5VBWJ_js = require('./chunk-YAE5VBWJ.js');
-var chunkXXT4HKND_js = require('./chunk-XXT4HKND.js');
-var chunkCWW36RYE_js = require('./chunk-CWW36RYE.js');
-var chunkM3ICCPCU_js = require('./chunk-M3ICCPCU.js');
+var chunkDNLCSV5M_js = require('./chunk-DNLCSV5M.js');
+var chunk4BOMMZEY_js = require('./chunk-4BOMMZEY.js');
+var chunkFT66KYRN_js = require('./chunk-FT66KYRN.js');
+var chunkD5LKWKG7_js = require('./chunk-D5LKWKG7.js');
 var React5 = require('react');
 var react = require('motion/react');
 var jsxRuntime = require('react/jsx-runtime');
@@ -226,19 +226,23 @@ function usePagination(options) {
   }, [activePage, safeTotal, siblings, boundaries]);
   return { activePage, range, setPage, next, previous, first, last };
 }
-function Card({ className, ...props }) {
-  const reduced = chunkCWW36RYE_js.useReducedMotion();
+function Card({ className, surface, radius, animated, ...props }) {
+  const sf = chunkD5LKWKG7_js.useSaasflareProps({ surface, radius, animated });
+  const motion = chunkFT66KYRN_js.useSaasflareMotion(sf.animated, chunkFT66KYRN_js.springGentle);
   return /* @__PURE__ */ jsxRuntime.jsx(
     react.m.div,
     {
+      ...props,
       "data-slot": "card",
-      whileHover: reduced ? void 0 : { y: -2, boxShadow: "0 8px 30px rgba(0,0,0,0.08)" },
-      transition: reduced ? chunkCWW36RYE_js.noMotion : chunkCWW36RYE_js.springGentle,
-      className: chunkM3ICCPCU_js.cn(
+      "data-surface": sf.surface,
+      "data-radius": sf.radius,
+      "data-animated": String(sf.animated),
+      whileHover: motion.disabled ? void 0 : { y: -2, boxShadow: "0 8px 30px rgba(0,0,0,0.08)" },
+      transition: motion.transition,
+      className: chunkD5LKWKG7_js.cn(
         "flex flex-col gap-6 rounded-xl border bg-card py-6 text-card-foreground shadow-sm transition-[border-color] duration-300 hover:border-primary/20",
         className
-      ),
-      ...props
+      )
     }
   );
 }
@@ -247,7 +251,7 @@ function CardHeader({ className, ...props }) {
     "div",
     {
       "data-slot": "card-header",
-      className: chunkM3ICCPCU_js.cn(
+      className: chunkD5LKWKG7_js.cn(
         "@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-2 px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6",
         className
       ),
@@ -260,7 +264,7 @@ function CardTitle({ className, ...props }) {
     "div",
     {
       "data-slot": "card-title",
-      className: chunkM3ICCPCU_js.cn("leading-none font-semibold", className),
+      className: chunkD5LKWKG7_js.cn("leading-none font-semibold", className),
       ...props
     }
   );
@@ -270,7 +274,7 @@ function CardDescription({ className, ...props }) {
     "div",
     {
       "data-slot": "card-description",
-      className: chunkM3ICCPCU_js.cn("text-sm text-muted-foreground", className),
+      className: chunkD5LKWKG7_js.cn("text-sm text-muted-foreground", className),
       ...props
     }
   );
@@ -280,7 +284,7 @@ function CardAction({ className, ...props }) {
     "div",
     {
       "data-slot": "card-action",
-      className: chunkM3ICCPCU_js.cn(
+      className: chunkD5LKWKG7_js.cn(
         "col-start-2 row-span-2 row-start-1 self-start justify-self-end",
         className
       ),
@@ -293,7 +297,7 @@ function CardContent({ className, ...props }) {
     "div",
     {
       "data-slot": "card-content",
-      className: chunkM3ICCPCU_js.cn("px-6", className),
+      className: chunkD5LKWKG7_js.cn("px-6", className),
       ...props
     }
   );
@@ -303,7 +307,7 @@ function CardFooter({ className, ...props }) {
     "div",
     {
       "data-slot": "card-footer",
-      className: chunkM3ICCPCU_js.cn("flex items-center px-6 [.border-t]:pt-6", className),
+      className: chunkD5LKWKG7_js.cn("flex items-center px-6 [.border-t]:pt-6", className),
       ...props
     }
   );
@@ -331,7 +335,7 @@ function AlertDialogOverlay({
     AlertDialogPrimitive__namespace.Overlay,
     {
       "data-slot": "alert-dialog-overlay",
-      className: chunkM3ICCPCU_js.cn(
+      className: chunkD5LKWKG7_js.cn(
         "fixed inset-0 z-50 bg-black/50 backdrop-blur-[2px] data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
         className
       ),
@@ -342,25 +346,32 @@ function AlertDialogOverlay({
 function AlertDialogContent({
   className,
   children,
+  surface,
+  radius,
+  animated,
   ...props
 }) {
-  const reduced = chunkCWW36RYE_js.useReducedMotion();
+  const sf = chunkD5LKWKG7_js.useSaasflareProps({ surface, radius, animated });
+  const motion = chunkFT66KYRN_js.useSaasflareMotion(sf.animated, chunkFT66KYRN_js.springBouncy);
   return /* @__PURE__ */ jsxRuntime.jsxs(AlertDialogPortal, { children: [
     /* @__PURE__ */ jsxRuntime.jsx(AlertDialogOverlay, {}),
     /* @__PURE__ */ jsxRuntime.jsx(
       AlertDialogPrimitive__namespace.Content,
       {
+        ...props,
         "data-slot": "alert-dialog-content",
         asChild: true,
-        ...props,
         children: /* @__PURE__ */ jsxRuntime.jsx(
           react.m.div,
           {
-            initial: reduced ? { opacity: 1 } : { opacity: 0, scale: 0.95, y: 10 },
+            "data-surface": sf.surface,
+            "data-radius": sf.radius,
+            "data-animated": String(sf.animated),
+            initial: motion.disabled ? { opacity: 1 } : { opacity: 0, scale: 0.95, y: 10 },
             animate: { opacity: 1, scale: 1, y: 0 },
-            exit: reduced ? { opacity: 0 } : { opacity: 0, scale: 0.95, y: 10 },
-            transition: reduced ? chunkCWW36RYE_js.noMotion : chunkCWW36RYE_js.springBouncy,
-            className: chunkM3ICCPCU_js.cn(
+            exit: motion.disabled ? { opacity: 0 } : { opacity: 0, scale: 0.95, y: 10 },
+            transition: motion.transition,
+            className: chunkD5LKWKG7_js.cn(
               "fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border bg-background p-6 shadow-lg sm:max-w-lg",
               className
             ),
@@ -376,7 +387,7 @@ function AlertDialogHeader({ className, ...props }) {
     "div",
     {
       "data-slot": "alert-dialog-header",
-      className: chunkM3ICCPCU_js.cn("flex flex-col gap-2 text-center sm:text-left", className),
+      className: chunkD5LKWKG7_js.cn("flex flex-col gap-2 text-center sm:text-left", className),
       ...props
     }
   );
@@ -386,7 +397,7 @@ function AlertDialogFooter({ className, ...props }) {
     "div",
     {
       "data-slot": "alert-dialog-footer",
-      className: chunkM3ICCPCU_js.cn("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", className),
+      className: chunkD5LKWKG7_js.cn("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", className),
       ...props
     }
   );
@@ -399,7 +410,7 @@ function AlertDialogTitle({
     AlertDialogPrimitive__namespace.Title,
     {
       "data-slot": "alert-dialog-title",
-      className: chunkM3ICCPCU_js.cn("text-lg font-semibold", className),
+      className: chunkD5LKWKG7_js.cn("text-lg font-semibold", className),
       ...props
     }
   );
@@ -412,7 +423,7 @@ function AlertDialogDescription({
     AlertDialogPrimitive__namespace.Description,
     {
       "data-slot": "alert-dialog-description",
-      className: chunkM3ICCPCU_js.cn("text-sm text-muted-foreground", className),
+      className: chunkD5LKWKG7_js.cn("text-sm text-muted-foreground", className),
       ...props
     }
   );
@@ -425,7 +436,7 @@ function AlertDialogAction({
     AlertDialogPrimitive__namespace.Action,
     {
       "data-intent": "primary",
-      className: chunkM3ICCPCU_js.cn(chunkYAE5VBWJ_js.buttonVariants({ variant: "solid" }), className),
+      className: chunkD5LKWKG7_js.cn(chunkDNLCSV5M_js.buttonVariants({ variant: "solid" }), className),
       ...props
     }
   );
@@ -438,7 +449,7 @@ function AlertDialogCancel({
     AlertDialogPrimitive__namespace.Cancel,
     {
       "data-intent": "neutral",
-      className: chunkM3ICCPCU_js.cn(chunkYAE5VBWJ_js.buttonVariants({ variant: "outline" }), className),
+      className: chunkD5LKWKG7_js.cn(chunkDNLCSV5M_js.buttonVariants({ variant: "outline" }), className),
       ...props
     }
   );
@@ -450,14 +461,21 @@ function Accordion({
 }
 function AccordionItem({
   className,
+  surface,
+  radius,
+  animated,
   ...props
 }) {
+  const sf = chunkD5LKWKG7_js.useSaasflareProps({ surface, radius, animated });
   return /* @__PURE__ */ jsxRuntime.jsx(
     AccordionPrimitive__namespace.Item,
     {
+      ...props,
       "data-slot": "accordion-item",
-      className: chunkM3ICCPCU_js.cn("border-b last:border-b-0", className),
-      ...props
+      "data-surface": sf.surface,
+      "data-radius": sf.radius,
+      "data-animated": String(sf.animated),
+      className: chunkD5LKWKG7_js.cn("border-b last:border-b-0", className)
     }
   );
 }
@@ -466,16 +484,17 @@ function AccordionTrigger({
   children,
   ...props
 }) {
-  const reduced = chunkCWW36RYE_js.useReducedMotion();
+  const sf = chunkD5LKWKG7_js.useSaasflareProps();
+  const motion = chunkFT66KYRN_js.useSaasflareMotion(sf.animated, chunkFT66KYRN_js.springBouncy);
   return /* @__PURE__ */ jsxRuntime.jsx(AccordionPrimitive__namespace.Header, { className: "flex", children: /* @__PURE__ */ jsxRuntime.jsxs(
     AccordionPrimitive__namespace.Trigger,
     {
+      ...props,
       "data-slot": "accordion-trigger",
-      className: chunkM3ICCPCU_js.cn(
+      className: chunkD5LKWKG7_js.cn(
         "flex flex-1 cursor-pointer items-start justify-between gap-4 rounded-md py-4 text-left text-sm font-medium transition-all outline-none hover:underline focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 [&[data-state=open]>svg]:rotate-180",
         className
       ),
-      ...props,
       children: [
         children,
         /* @__PURE__ */ jsxRuntime.jsx(
@@ -483,7 +502,7 @@ function AccordionTrigger({
           {
             className: "pointer-events-none shrink-0 translate-y-0.5 text-muted-foreground",
             animate: { rotate: 0 },
-            transition: reduced ? { duration: 0 } : chunkCWW36RYE_js.springBouncy,
+            transition: motion.transition,
             children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDownIcon, { className: "size-4" })
           }
         )
@@ -496,20 +515,21 @@ function AccordionContent({
   children,
   ...props
 }) {
-  const reduced = chunkCWW36RYE_js.useReducedMotion();
+  const sf = chunkD5LKWKG7_js.useSaasflareProps();
+  const motion = chunkFT66KYRN_js.useSaasflareMotion(sf.animated, { delay: 0.1, duration: 0.2 });
   return /* @__PURE__ */ jsxRuntime.jsx(
     AccordionPrimitive__namespace.Content,
     {
+      ...props,
       "data-slot": "accordion-content",
       className: "overflow-hidden text-sm data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down",
-      ...props,
       children: /* @__PURE__ */ jsxRuntime.jsx(
         react.m.div,
         {
-          initial: reduced ? false : { opacity: 0 },
+          initial: motion.disabled ? false : { opacity: 0 },
           animate: { opacity: 1 },
-          transition: reduced ? { duration: 0 } : { delay: 0.1, duration: 0.2 },
-          className: chunkM3ICCPCU_js.cn("pt-0 pb-4", className),
+          transition: motion.transition,
+          className: chunkD5LKWKG7_js.cn("pt-0 pb-4", className),
           children
         }
       )
@@ -519,19 +539,26 @@ function AccordionContent({
 function Tabs({
   className,
   orientation = "horizontal",
+  surface,
+  radius,
+  animated,
   ...props
 }) {
+  const sf = chunkD5LKWKG7_js.useSaasflareProps({ surface, radius, animated });
   return /* @__PURE__ */ jsxRuntime.jsx(
     TabsPrimitive__namespace.Root,
     {
+      ...props,
       "data-slot": "tabs",
       "data-orientation": orientation,
+      "data-surface": sf.surface,
+      "data-radius": sf.radius,
+      "data-animated": String(sf.animated),
       orientation,
-      className: chunkM3ICCPCU_js.cn(
+      className: chunkD5LKWKG7_js.cn(
         "group/tabs flex gap-2 data-[orientation=horizontal]:flex-col",
         className
-      ),
-      ...props
+      )
     }
   );
 }
@@ -556,7 +583,8 @@ function TabsList({
   ...props
 }) {
   const listRef = React5__namespace.useRef(null);
-  const reduced = chunkCWW36RYE_js.useReducedMotion();
+  const sf = chunkD5LKWKG7_js.useSaasflareProps();
+  const motion = chunkFT66KYRN_js.useSaasflareMotion(sf.animated, chunkFT66KYRN_js.spring);
   const [pos, setPos] = React5__namespace.useState(null);
   React5__namespace.useLayoutEffect(() => {
     const list = listRef.current;
@@ -601,7 +629,7 @@ function TabsList({
       ref: listRef,
       "data-slot": "tabs-list",
       "data-variant": variant,
-      className: chunkM3ICCPCU_js.cn(tabsListVariants({ variant }), className),
+      className: chunkD5LKWKG7_js.cn(tabsListVariants({ variant }), className),
       ...props,
       children: [
         pos !== null && /* @__PURE__ */ jsxRuntime.jsx(
@@ -616,7 +644,7 @@ function TabsList({
               width: pos.width,
               height: pos.height
             },
-            transition: reduced ? chunkCWW36RYE_js.noMotion : chunkCWW36RYE_js.spring,
+            transition: motion.transition,
             className: "pointer-events-none absolute top-0 left-0 rounded-md bg-background shadow-sm dark:border dark:border-input dark:bg-input/30",
             style: { zIndex: 0 }
           }
@@ -635,7 +663,7 @@ function TabsTrigger({
     TabsPrimitive__namespace.Trigger,
     {
       "data-slot": "tabs-trigger",
-      className: chunkM3ICCPCU_js.cn(
+      className: chunkD5LKWKG7_js.cn(
         "relative z-10 inline-flex h-[calc(100%-1px)] flex-1 cursor-pointer items-center justify-center gap-1.5 rounded-md border border-transparent px-2 py-1 text-sm font-medium whitespace-nowrap text-foreground/60 transition-colors group-data-[orientation=vertical]/tabs:w-full group-data-[orientation=vertical]/tabs:justify-start hover:text-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-1 focus-visible:outline-ring disabled:pointer-events-none disabled:opacity-50 dark:text-muted-foreground dark:hover:text-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
         "data-[state=active]:text-foreground dark:data-[state=active]:text-foreground",
         className
@@ -653,60 +681,78 @@ function TabsContent({
     TabsPrimitive__namespace.Content,
     {
       "data-slot": "tabs-content",
-      className: chunkM3ICCPCU_js.cn("flex-1 outline-none", className),
+      className: chunkD5LKWKG7_js.cn("flex-1 outline-none", className),
       ...props
     }
   );
 }
-function Input({ className, type, ...props }) {
+function Input({ className, type, surface, radius, animated, ...props }) {
+  const sf = chunkD5LKWKG7_js.useSaasflareProps({ surface, radius, animated });
+  const motion = chunkFT66KYRN_js.useSaasflareMotion(sf.animated, { type: "spring", stiffness: 300, damping: 20 });
   return /* @__PURE__ */ jsxRuntime.jsx(
     react.m.input,
     {
+      ...props,
       type,
       "data-slot": "input",
-      whileFocus: { boxShadow: "0 0 0 3px hsl(var(--ring) / 0.3)" },
-      transition: { type: "spring", stiffness: 300, damping: 20 },
-      className: chunkM3ICCPCU_js.cn(
+      "data-surface": sf.surface,
+      "data-radius": sf.radius,
+      "data-animated": String(sf.animated),
+      whileFocus: motion.disabled ? void 0 : { boxShadow: "0 0 0 3px hsl(var(--ring) / 0.3)" },
+      transition: motion.transition,
+      className: chunkD5LKWKG7_js.cn(
         "h-9 w-full min-w-0 rounded-md border border-input bg-transparent px-3 py-1 text-base shadow-xs transition-[color,border-color] outline-none selection:bg-primary selection:text-primary-foreground file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm dark:bg-input/30",
         "focus-visible:border-ring",
         "aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40",
         className
-      ),
-      ...props
+      )
     }
   );
 }
-function Textarea({ className, ...props }) {
+function Textarea({ className, surface, radius, animated, ...props }) {
+  const sf = chunkD5LKWKG7_js.useSaasflareProps({ surface, radius, animated });
+  const motion = chunkFT66KYRN_js.useSaasflareMotion(sf.animated, { type: "spring", stiffness: 300, damping: 20 });
   return /* @__PURE__ */ jsxRuntime.jsx(
     react.m.textarea,
     {
+      ...props,
       "data-slot": "textarea",
-      whileFocus: { boxShadow: "0 0 0 3px hsl(var(--ring) / 0.3)" },
-      transition: { type: "spring", stiffness: 300, damping: 20 },
-      className: chunkM3ICCPCU_js.cn(
+      "data-surface": sf.surface,
+      "data-radius": sf.radius,
+      "data-animated": String(sf.animated),
+      whileFocus: motion.disabled ? void 0 : { boxShadow: "0 0 0 3px hsl(var(--ring) / 0.3)" },
+      transition: motion.transition,
+      className: chunkD5LKWKG7_js.cn(
         "w-full min-w-0 rounded-md border border-input bg-transparent px-3 py-2 text-base shadow-xs transition-[color,border-color] outline-none selection:bg-primary selection:text-primary-foreground placeholder:text-muted-foreground disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm dark:bg-input/30",
         "field-sizing-content min-h-16",
         "focus-visible:border-ring",
         "aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40",
         className
-      ),
-      ...props
+      )
     }
   );
 }
 function Checkbox({
   className,
+  surface,
+  radius,
+  animated,
   ...props
 }) {
+  const sf = chunkD5LKWKG7_js.useSaasflareProps({ surface, radius, animated });
+  const motion = chunkFT66KYRN_js.useSaasflareMotion(sf.animated, chunkFT66KYRN_js.springBouncy);
   return /* @__PURE__ */ jsxRuntime.jsx(
     CheckboxPrimitive__namespace.Root,
     {
+      ...props,
       "data-slot": "checkbox",
-      className: chunkM3ICCPCU_js.cn(
+      "data-surface": sf.surface,
+      "data-radius": sf.radius,
+      "data-animated": String(sf.animated),
+      className: chunkD5LKWKG7_js.cn(
         "peer size-4 shrink-0 cursor-pointer rounded-lg border border-input shadow-xs transition-shadow outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 data-[state=checked]:border-primary data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground dark:bg-input/30 dark:aria-invalid:ring-destructive/40 dark:data-[state=checked]:bg-primary",
         className
       ),
-      ...props,
       children: /* @__PURE__ */ jsxRuntime.jsx(
         CheckboxPrimitive__namespace.Indicator,
         {
@@ -716,10 +762,10 @@ function Checkbox({
           children: /* @__PURE__ */ jsxRuntime.jsx(
             react.m.span,
             {
-              initial: { scale: 0, opacity: 0 },
+              initial: motion.disabled ? false : { scale: 0, opacity: 0 },
               animate: { scale: 1, opacity: 1 },
-              exit: { scale: 0, opacity: 0 },
-              transition: chunkCWW36RYE_js.springBouncy,
+              exit: motion.disabled ? void 0 : { scale: 0, opacity: 0 },
+              transition: motion.transition,
               children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CheckIcon, { className: "size-3.5" })
             }
           )
@@ -731,19 +777,27 @@ function Checkbox({
 function Switch({
   className,
   size = "default",
+  surface,
+  radius,
+  animated,
   ...props
 }) {
+  const sf = chunkD5LKWKG7_js.useSaasflareProps({ surface, radius, animated });
+  const motion = chunkFT66KYRN_js.useSaasflareMotion(sf.animated, chunkFT66KYRN_js.springBouncy);
   return /* @__PURE__ */ jsxRuntime.jsx(
     SwitchPrimitive__namespace.Root,
     {
+      ...props,
       "data-slot": "switch",
       "data-size": size,
-      className: chunkM3ICCPCU_js.cn(
+      "data-surface": sf.surface,
+      "data-radius": sf.radius,
+      "data-animated": String(sf.animated),
+      className: chunkD5LKWKG7_js.cn(
         "peer group/switch inline-flex shrink-0 cursor-pointer items-center rounded-full border border-transparent shadow-xs outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-[1.15rem] data-[size=default]:w-8 data-[size=sm]:h-3.5 data-[size=sm]:w-6 data-[state=checked]:bg-primary data-[state=unchecked]:bg-input dark:data-[state=unchecked]:bg-input/80",
         "transition-colors duration-200",
         className
       ),
-      ...props,
       children: /* @__PURE__ */ jsxRuntime.jsx(
         SwitchPrimitive__namespace.Thumb,
         {
@@ -753,8 +807,8 @@ function Switch({
             react.m.span,
             {
               className: "pointer-events-none block rounded-full bg-background ring-0 group-data-[size=default]/switch:size-4 group-data-[size=sm]/switch:size-3 dark:data-[state=checked]:bg-primary-foreground dark:data-[state=unchecked]:bg-foreground",
-              layout: true,
-              transition: chunkCWW36RYE_js.springBouncy
+              layout: motion.disabled ? false : true,
+              transition: motion.transition
             }
           )
         }
@@ -765,25 +819,32 @@ function Switch({
 function Progress({
   className,
   value,
+  surface,
+  radius,
+  animated,
   ...props
 }) {
-  const reduced = chunkCWW36RYE_js.useReducedMotion();
+  const sf = chunkD5LKWKG7_js.useSaasflareProps({ surface, radius, animated });
+  const motion = chunkFT66KYRN_js.useSaasflareMotion(sf.animated, chunkFT66KYRN_js.spring);
   return /* @__PURE__ */ jsxRuntime.jsx(
     ProgressPrimitive__namespace.Root,
     {
+      ...props,
       "data-slot": "progress",
-      className: chunkM3ICCPCU_js.cn(
+      "data-surface": sf.surface,
+      "data-radius": sf.radius,
+      "data-animated": String(sf.animated),
+      className: chunkD5LKWKG7_js.cn(
         "relative h-2 w-full overflow-hidden rounded-full bg-primary/20",
         className
       ),
-      ...props,
       children: /* @__PURE__ */ jsxRuntime.jsx(ProgressPrimitive__namespace.Indicator, { "data-slot": "progress-indicator", asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
         react.m.div,
         {
           className: "h-full bg-primary",
-          initial: { width: "0%" },
+          initial: motion.disabled ? false : { width: "0%" },
           animate: { width: `${value ?? 0}%` },
-          transition: reduced ? chunkCWW36RYE_js.noMotion : chunkCWW36RYE_js.spring
+          transition: motion.transition
         }
       ) })
     }
@@ -820,9 +881,13 @@ function Badge({
   size = "md",
   intent: intentProp = "primary",
   asChild = false,
+  surface,
+  radius,
+  animated,
   ...props
 }) {
-  const reduced = chunkCWW36RYE_js.useReducedMotion();
+  const sf = chunkD5LKWKG7_js.useSaasflareProps({ surface, radius, animated });
+  const motion = chunkFT66KYRN_js.useSaasflareMotion(sf.animated, chunkFT66KYRN_js.spring);
   let resolvedVariant = variantProp;
   let resolvedIntent = intentProp;
   const legacy = LEGACY_VARIANT_MAP[variantProp];
@@ -836,24 +901,30 @@ function Badge({
     return /* @__PURE__ */ jsxRuntime.jsx(
       Slot7__namespace.Root,
       {
+        ...props,
         "data-slot": "badge",
         "data-variant": resolvedVariant,
         "data-intent": resolvedIntent,
-        className: chunkM3ICCPCU_js.cn(badgeVariants({ variant: resolvedVariant, size }), className),
-        ...props
+        "data-surface": sf.surface,
+        "data-radius": sf.radius,
+        "data-animated": String(sf.animated),
+        className: chunkD5LKWKG7_js.cn(badgeVariants({ variant: resolvedVariant, size }), className)
       }
     );
   }
   return /* @__PURE__ */ jsxRuntime.jsx(
     react.m.span,
     {
+      ...props,
       "data-slot": "badge",
       "data-variant": resolvedVariant,
       "data-intent": resolvedIntent,
-      whileHover: reduced ? void 0 : { scale: 1.05 },
-      transition: reduced ? chunkCWW36RYE_js.noMotion : chunkCWW36RYE_js.spring,
-      className: chunkM3ICCPCU_js.cn(badgeVariants({ variant: resolvedVariant, size }), className),
-      ...props
+      "data-surface": sf.surface,
+      "data-radius": sf.radius,
+      "data-animated": String(sf.animated),
+      whileHover: motion.disabled ? void 0 : { scale: 1.05 },
+      transition: motion.transition,
+      className: chunkD5LKWKG7_js.cn(badgeVariants({ variant: resolvedVariant, size }), className)
     }
   );
 }
@@ -884,23 +955,31 @@ function TooltipContent({
   className,
   sideOffset = 6,
   children,
+  surface,
+  radius,
+  animated,
   ...props
 }) {
+  const sf = chunkD5LKWKG7_js.useSaasflareProps({ surface, radius, animated });
+  const motion = chunkFT66KYRN_js.useSaasflareMotion(sf.animated, chunkFT66KYRN_js.springBouncy);
   return /* @__PURE__ */ jsxRuntime.jsx(TooltipPrimitive__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(
     TooltipPrimitive__namespace.Content,
     {
+      ...props,
       "data-slot": "tooltip-content",
       sideOffset,
       asChild: true,
-      ...props,
       children: /* @__PURE__ */ jsxRuntime.jsx(
         react.m.div,
         {
-          initial: { opacity: 0, scale: 0.92, y: 2 },
+          "data-surface": sf.surface,
+          "data-radius": sf.radius,
+          "data-animated": String(sf.animated),
+          initial: motion.disabled ? false : { opacity: 0, scale: 0.92, y: 2 },
           animate: { opacity: 1, scale: 1, y: 0 },
-          exit: { opacity: 0, scale: 0.92 },
-          transition: chunkCWW36RYE_js.springBouncy,
-          className: chunkM3ICCPCU_js.cn(
+          exit: motion.disabled ? void 0 : { opacity: 0, scale: 0.92 },
+          transition: motion.transition,
+          className: chunkD5LKWKG7_js.cn(
             "z-50 w-fit overflow-hidden rounded-md bg-primary px-3 py-1.5 text-xs text-primary-foreground shadow-md",
             className
           ),
@@ -929,24 +1008,32 @@ function PopoverContent({
   className,
   align = "center",
   sideOffset = 4,
+  surface,
+  radius,
+  animated,
   ...props
 }) {
+  const sf = chunkD5LKWKG7_js.useSaasflareProps({ surface, radius, animated });
+  const motion = chunkFT66KYRN_js.useSaasflareMotion(sf.animated, chunkFT66KYRN_js.springBouncy);
   return /* @__PURE__ */ jsxRuntime.jsx(PopoverPrimitive__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(
     PopoverPrimitive__namespace.Content,
     {
+      ...props,
       "data-slot": "popover-content",
       align,
       sideOffset,
       asChild: true,
-      ...props,
       children: /* @__PURE__ */ jsxRuntime.jsx(
         react.m.div,
         {
-          initial: { opacity: 0, scale: 0.95, y: -4 },
+          "data-surface": sf.surface,
+          "data-radius": sf.radius,
+          "data-animated": String(sf.animated),
+          initial: motion.disabled ? false : { opacity: 0, scale: 0.95, y: -4 },
           animate: { opacity: 1, scale: 1, y: 0 },
-          exit: { opacity: 0, scale: 0.95, y: -4 },
-          transition: chunkCWW36RYE_js.springBouncy,
-          className: chunkM3ICCPCU_js.cn(
+          exit: motion.disabled ? void 0 : { opacity: 0, scale: 0.95, y: -4 },
+          transition: motion.transition,
+          className: chunkD5LKWKG7_js.cn(
             "z-50 w-72 origin-[var(--radix-popover-content-transform-origin)] rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-hidden",
             className
           )
@@ -969,24 +1056,32 @@ function HoverCardContent({
   className,
   align = "center",
   sideOffset = 4,
+  surface,
+  radius,
+  animated,
   ...props
 }) {
+  const sf = chunkD5LKWKG7_js.useSaasflareProps({ surface, radius, animated });
+  const motion = chunkFT66KYRN_js.useSaasflareMotion(sf.animated, chunkFT66KYRN_js.springBouncy);
   return /* @__PURE__ */ jsxRuntime.jsx(HoverCardPrimitive__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(
     HoverCardPrimitive__namespace.Content,
     {
+      ...props,
       "data-slot": "hover-card-content",
       align,
       sideOffset,
       asChild: true,
-      ...props,
       children: /* @__PURE__ */ jsxRuntime.jsx(
         react.m.div,
         {
-          initial: { opacity: 0, scale: 0.95, y: 4 },
+          "data-surface": sf.surface,
+          "data-radius": sf.radius,
+          "data-animated": String(sf.animated),
+          initial: motion.disabled ? false : { opacity: 0, scale: 0.95, y: 4 },
           animate: { opacity: 1, scale: 1, y: 0 },
-          exit: { opacity: 0, scale: 0.95 },
-          transition: chunkCWW36RYE_js.springBouncy,
-          className: chunkM3ICCPCU_js.cn(
+          exit: motion.disabled ? void 0 : { opacity: 0, scale: 0.95 },
+          transition: motion.transition,
+          className: chunkD5LKWKG7_js.cn(
             "z-50 w-64 origin-[var(--radix-hover-card-content-transform-origin)] rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-hidden",
             className
           )
@@ -1021,7 +1116,7 @@ function SelectTrigger({
     {
       "data-slot": "select-trigger",
       "data-size": size,
-      className: chunkM3ICCPCU_js.cn(
+      className: chunkD5LKWKG7_js.cn(
         "flex w-fit cursor-pointer items-center justify-between gap-2 rounded-md border border-input bg-transparent px-3 py-2 text-sm whitespace-nowrap shadow-xs transition-[color,box-shadow,border-color] outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 dark:bg-input/30",
         "aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40",
         className
@@ -1038,22 +1133,30 @@ function SelectContent({
   className,
   children,
   position = "popper",
+  surface,
+  radius,
+  animated,
   ...props
 }) {
+  const sf = chunkD5LKWKG7_js.useSaasflareProps({ surface, radius, animated });
+  const motion = chunkFT66KYRN_js.useSaasflareMotion(sf.animated, chunkFT66KYRN_js.springBouncy);
   return /* @__PURE__ */ jsxRuntime.jsx(SelectPrimitive__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(
     SelectPrimitive__namespace.Content,
     {
+      ...props,
       "data-slot": "select-content",
       position,
       asChild: true,
-      ...props,
       children: /* @__PURE__ */ jsxRuntime.jsxs(
         react.m.div,
         {
-          initial: { opacity: 0, scale: 0.96, y: -4 },
+          "data-surface": sf.surface,
+          "data-radius": sf.radius,
+          "data-animated": String(sf.animated),
+          initial: motion.disabled ? false : { opacity: 0, scale: 0.96, y: -4 },
           animate: { opacity: 1, scale: 1, y: 0 },
-          transition: chunkCWW36RYE_js.springBouncy,
-          className: chunkM3ICCPCU_js.cn(
+          transition: motion.transition,
+          className: chunkD5LKWKG7_js.cn(
             "relative z-50 max-h-[min(var(--radix-select-content-available-height),24rem)] min-w-[8rem] overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-md",
             position === "popper" && "w-full min-w-[var(--radix-select-trigger-width)]",
             className
@@ -1063,7 +1166,7 @@ function SelectContent({
             /* @__PURE__ */ jsxRuntime.jsx(
               SelectPrimitive__namespace.Viewport,
               {
-                className: chunkM3ICCPCU_js.cn(
+                className: chunkD5LKWKG7_js.cn(
                   "p-1",
                   position === "popper" && "h-[var(--radix-select-trigger-height)]"
                 ),
@@ -1085,7 +1188,7 @@ function SelectLabel({
     SelectPrimitive__namespace.Label,
     {
       "data-slot": "select-label",
-      className: chunkM3ICCPCU_js.cn("px-2 py-1.5 text-sm font-medium", className),
+      className: chunkD5LKWKG7_js.cn("px-2 py-1.5 text-sm font-medium", className),
       ...props
     }
   );
@@ -1099,7 +1202,7 @@ function SelectItem({
     SelectPrimitive__namespace.Item,
     {
       "data-slot": "select-item",
-      className: chunkM3ICCPCU_js.cn(
+      className: chunkD5LKWKG7_js.cn(
         "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 data-[disabled]:pointer-events-none data-[disabled]:opacity-50 focus:bg-accent focus:text-accent-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2",
         className
       ),
@@ -1119,7 +1222,7 @@ function SelectSeparator({
     SelectPrimitive__namespace.Separator,
     {
       "data-slot": "select-separator",
-      className: chunkM3ICCPCU_js.cn("bg-border pointer-events-none -mx-1 my-1 h-px", className),
+      className: chunkD5LKWKG7_js.cn("bg-border pointer-events-none -mx-1 my-1 h-px", className),
       ...props
     }
   );
@@ -1132,7 +1235,7 @@ function SelectScrollUpButton({
     SelectPrimitive__namespace.ScrollUpButton,
     {
       "data-slot": "select-scroll-up-button",
-      className: chunkM3ICCPCU_js.cn("flex cursor-default items-center justify-center py-1", className),
+      className: chunkD5LKWKG7_js.cn("flex cursor-default items-center justify-center py-1", className),
       ...props,
       children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronUpIcon, { className: "size-4" })
     }
@@ -1146,7 +1249,7 @@ function SelectScrollDownButton({
     SelectPrimitive__namespace.ScrollDownButton,
     {
       "data-slot": "select-scroll-down-button",
-      className: chunkM3ICCPCU_js.cn("flex cursor-default items-center justify-center py-1", className),
+      className: chunkD5LKWKG7_js.cn("flex cursor-default items-center justify-center py-1", className),
       ...props,
       children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDownIcon, { className: "size-4" })
     }
@@ -1159,7 +1262,7 @@ function DropdownMenuPortal({ ...props }) {
   return /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuPrimitive__namespace.Portal, { "data-slot": "dropdown-menu-portal", ...props });
 }
 function DropdownMenuTrigger({ className, ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuPrimitive__namespace.Trigger, { "data-slot": "dropdown-menu-trigger", className: chunkM3ICCPCU_js.cn("cursor-pointer", className), ...props });
+  return /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuPrimitive__namespace.Trigger, { "data-slot": "dropdown-menu-trigger", className: chunkD5LKWKG7_js.cn("cursor-pointer", className), ...props });
 }
 function DropdownMenuGroup({ ...props }) {
   return /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuPrimitive__namespace.Group, { "data-slot": "dropdown-menu-group", ...props });
@@ -1173,23 +1276,31 @@ function DropdownMenuRadioGroup({ ...props }) {
 function DropdownMenuContent({
   className,
   sideOffset = 4,
+  surface,
+  radius,
+  animated,
   ...props
 }) {
+  const sf = chunkD5LKWKG7_js.useSaasflareProps({ surface, radius, animated });
+  const motion = chunkFT66KYRN_js.useSaasflareMotion(sf.animated, chunkFT66KYRN_js.springBouncy);
   return /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuPrimitive__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(
     DropdownMenuPrimitive__namespace.Content,
     {
+      ...props,
       "data-slot": "dropdown-menu-content",
       sideOffset,
       asChild: true,
-      ...props,
       children: /* @__PURE__ */ jsxRuntime.jsx(
         react.m.div,
         {
-          initial: { opacity: 0, scale: 0.95, y: -4 },
+          "data-surface": sf.surface,
+          "data-radius": sf.radius,
+          "data-animated": String(sf.animated),
+          initial: motion.disabled ? false : { opacity: 0, scale: 0.95, y: -4 },
           animate: { opacity: 1, scale: 1, y: 0 },
-          exit: { opacity: 0, scale: 0.95, y: -4 },
-          transition: chunkCWW36RYE_js.springBouncy,
-          className: chunkM3ICCPCU_js.cn(
+          exit: motion.disabled ? void 0 : { opacity: 0, scale: 0.95, y: -4 },
+          transition: motion.transition,
+          className: chunkD5LKWKG7_js.cn(
             "z-50 max-h-[var(--radix-dropdown-menu-content-available-height)] min-w-[8rem] origin-[var(--radix-dropdown-menu-content-transform-origin)] overflow-x-hidden overflow-y-auto rounded-md border bg-popover p-1 text-popover-foreground shadow-md",
             className
           )
@@ -1205,7 +1316,7 @@ function DropdownMenuItem({ className, inset, variant = "default", ...props }) {
       "data-slot": "dropdown-menu-item",
       "data-inset": inset,
       "data-variant": variant,
-      className: chunkM3ICCPCU_js.cn(
+      className: chunkD5LKWKG7_js.cn(
         "relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden transition-colors select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 data-[variant=destructive]:focus:text-destructive",
         className
       ),
@@ -1218,7 +1329,7 @@ function DropdownMenuCheckboxItem({ className, children, checked, ...props }) {
     DropdownMenuPrimitive__namespace.CheckboxItem,
     {
       "data-slot": "dropdown-menu-checkbox-item",
-      className: chunkM3ICCPCU_js.cn(
+      className: chunkD5LKWKG7_js.cn(
         "relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden transition-colors select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 focus:bg-accent focus:text-accent-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
         className
       ),
@@ -1236,7 +1347,7 @@ function DropdownMenuRadioItem({ className, children, ...props }) {
     DropdownMenuPrimitive__namespace.RadioItem,
     {
       "data-slot": "dropdown-menu-radio-item",
-      className: chunkM3ICCPCU_js.cn(
+      className: chunkD5LKWKG7_js.cn(
         "relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden transition-colors select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 focus:bg-accent focus:text-accent-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
         className
       ),
@@ -1254,7 +1365,7 @@ function DropdownMenuLabel({ className, inset, ...props }) {
     {
       "data-slot": "dropdown-menu-label",
       "data-inset": inset,
-      className: chunkM3ICCPCU_js.cn("px-2 py-1.5 text-sm font-medium data-[inset]:pl-8", className),
+      className: chunkD5LKWKG7_js.cn("px-2 py-1.5 text-sm font-medium data-[inset]:pl-8", className),
       ...props
     }
   );
@@ -1264,7 +1375,7 @@ function DropdownMenuSeparator({ className, ...props }) {
     DropdownMenuPrimitive__namespace.Separator,
     {
       "data-slot": "dropdown-menu-separator",
-      className: chunkM3ICCPCU_js.cn("bg-border -mx-1 my-1 h-px", className),
+      className: chunkD5LKWKG7_js.cn("bg-border -mx-1 my-1 h-px", className),
       ...props
     }
   );
@@ -1274,7 +1385,7 @@ function DropdownMenuShortcut({ className, ...props }) {
     "span",
     {
       "data-slot": "dropdown-menu-shortcut",
-      className: chunkM3ICCPCU_js.cn("ml-auto text-xs tracking-widest text-muted-foreground", className),
+      className: chunkD5LKWKG7_js.cn("ml-auto text-xs tracking-widest text-muted-foreground", className),
       ...props
     }
   );
@@ -1285,7 +1396,7 @@ function DropdownMenuSubTrigger({ className, inset, children, ...props }) {
     {
       "data-slot": "dropdown-menu-sub-trigger",
       "data-inset": inset,
-      className: chunkM3ICCPCU_js.cn(
+      className: chunkD5LKWKG7_js.cn(
         "flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[inset]:pl-8 focus:bg-accent data-[state=open]:bg-accent [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
         className
       ),
@@ -1302,7 +1413,7 @@ function DropdownMenuSubContent({ className, ...props }) {
     DropdownMenuPrimitive__namespace.SubContent,
     {
       "data-slot": "dropdown-menu-sub-content",
-      className: chunkM3ICCPCU_js.cn(
+      className: chunkD5LKWKG7_js.cn(
         "z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg 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",
         className
       ),
@@ -1336,7 +1447,7 @@ function SheetOverlay({
     SheetPrimitive__namespace.Overlay,
     {
       "data-slot": "sheet-overlay",
-      className: chunkM3ICCPCU_js.cn(
+      className: chunkD5LKWKG7_js.cn(
         "fixed inset-0 z-50 bg-black/50 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:animate-in data-[state=open]:fade-in-0",
         className
       ),
@@ -1349,15 +1460,23 @@ function SheetContent({
   children,
   side = "right",
   showCloseButton = true,
+  surface,
+  radius,
+  animated,
   ...props
 }) {
+  const sf = chunkD5LKWKG7_js.useSaasflareProps({ surface, radius, animated });
   return /* @__PURE__ */ jsxRuntime.jsxs(SheetPortal, { children: [
     /* @__PURE__ */ jsxRuntime.jsx(SheetOverlay, {}),
     /* @__PURE__ */ jsxRuntime.jsxs(
       SheetPrimitive__namespace.Content,
       {
+        ...props,
         "data-slot": "sheet-content",
-        className: chunkM3ICCPCU_js.cn(
+        "data-surface": sf.surface,
+        "data-radius": sf.radius,
+        "data-animated": String(sf.animated),
+        className: chunkD5LKWKG7_js.cn(
           "fixed z-50 flex flex-col gap-4 bg-background shadow-lg transition ease-in-out data-[state=closed]:animate-out data-[state=closed]:duration-300 data-[state=open]:animate-in data-[state=open]:duration-500",
           side === "right" && "inset-y-0 right-0 h-full w-3/4 border-l data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right sm:max-w-sm",
           side === "left" && "inset-y-0 left-0 h-full w-3/4 border-r data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left sm:max-w-sm",
@@ -1365,7 +1484,6 @@ function SheetContent({
           side === "bottom" && "inset-x-0 bottom-0 h-auto border-t data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom",
           className
         ),
-        ...props,
         children: [
           children,
           showCloseButton && /* @__PURE__ */ jsxRuntime.jsxs(SheetPrimitive__namespace.Close, { className: "absolute top-4 right-4 rounded-xs opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:ring-2 focus:ring-ring focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none data-[state=open]:bg-secondary", children: [
@@ -1382,7 +1500,7 @@ function SheetHeader({ className, ...props }) {
     "div",
     {
       "data-slot": "sheet-header",
-      className: chunkM3ICCPCU_js.cn("flex flex-col gap-1.5 p-4", className),
+      className: chunkD5LKWKG7_js.cn("flex flex-col gap-1.5 p-4", className),
       ...props
     }
   );
@@ -1392,7 +1510,7 @@ function SheetFooter({ className, ...props }) {
     "div",
     {
       "data-slot": "sheet-footer",
-      className: chunkM3ICCPCU_js.cn("mt-auto flex flex-col gap-2 p-4", className),
+      className: chunkD5LKWKG7_js.cn("mt-auto flex flex-col gap-2 p-4", className),
       ...props
     }
   );
@@ -1405,7 +1523,7 @@ function SheetTitle({
     SheetPrimitive__namespace.Title,
     {
       "data-slot": "sheet-title",
-      className: chunkM3ICCPCU_js.cn("font-semibold text-foreground", className),
+      className: chunkD5LKWKG7_js.cn("font-semibold text-foreground", className),
       ...props
     }
   );
@@ -1418,7 +1536,7 @@ function SheetDescription({
     SheetPrimitive__namespace.Description,
     {
       "data-slot": "sheet-description",
-      className: chunkM3ICCPCU_js.cn("text-sm text-muted-foreground", className),
+      className: chunkD5LKWKG7_js.cn("text-sm text-muted-foreground", className),
       ...props
     }
   );
@@ -1429,8 +1547,13 @@ function Slider({
   value,
   min = 0,
   max = 100,
+  surface,
+  radius,
+  animated,
   ...props
 }) {
+  const sf = chunkD5LKWKG7_js.useSaasflareProps({ surface, radius, animated });
+  const motion = chunkFT66KYRN_js.useSaasflareMotion(sf.animated, chunkFT66KYRN_js.springBouncy);
   const _values = React5__namespace.useMemo(
     () => value ?? defaultValue ?? [min],
     [value, defaultValue, min]
@@ -1438,16 +1561,19 @@ function Slider({
   return /* @__PURE__ */ jsxRuntime.jsxs(
     SliderPrimitive__namespace.Root,
     {
+      ...props,
       "data-slot": "slider",
+      "data-surface": sf.surface,
+      "data-radius": sf.radius,
+      "data-animated": String(sf.animated),
       defaultValue,
       value,
       min,
       max,
-      className: chunkM3ICCPCU_js.cn(
+      className: chunkD5LKWKG7_js.cn(
         "relative flex w-full touch-none items-center select-none data-[orientation=horizontal]:h-5 data-[orientation=vertical]:h-full data-[orientation=vertical]:min-h-44 data-[orientation=vertical]:w-5 data-[orientation=horizontal]:flex-row data-[orientation=vertical]:flex-col data-[disabled]:opacity-50",
         className
       ),
-      ...props,
       children: [
         /* @__PURE__ */ jsxRuntime.jsx(
           SliderPrimitive__namespace.Track,
@@ -1472,9 +1598,9 @@ function Slider({
               react.m.span,
               {
                 className: "block size-4 shrink-0 cursor-grab rounded-full border border-primary/50 bg-background shadow-sm transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring active:cursor-grabbing",
-                whileHover: { scale: 1.2 },
-                whileTap: { scale: 0.9 },
-                transition: chunkCWW36RYE_js.springBouncy
+                whileHover: motion.disabled ? void 0 : { scale: 1.2 },
+                whileTap: motion.disabled ? void 0 : { scale: 0.9 },
+                transition: motion.transition
               }
             )
           },
@@ -1496,8 +1622,12 @@ function Alert({
   className,
   intent: intentProp,
   variant,
+  surface,
+  radius,
+  animated,
   ...props
 }) {
+  const sf = chunkD5LKWKG7_js.useSaasflareProps({ surface, radius, animated });
   let resolvedIntent = intentProp ?? "neutral";
   if (!intentProp && variant === "destructive") {
     resolvedIntent = "danger";
@@ -1506,15 +1636,18 @@ function Alert({
   return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
+      ...props,
       "data-slot": "alert",
       "data-intent": resolvedIntent !== "neutral" ? resolvedIntent : void 0,
+      "data-surface": sf.surface,
+      "data-radius": sf.radius,
+      "data-animated": String(sf.animated),
       role: "alert",
-      className: chunkM3ICCPCU_js.cn(
+      className: chunkD5LKWKG7_js.cn(
         "relative grid w-full grid-cols-[0_1fr] items-start gap-y-0.5 rounded-lg border px-4 py-3 text-sm has-[>svg]:grid-cols-[calc(var(--spacing)*4)_1fr] has-[>svg]:gap-x-3 [&>svg]:size-4 [&>svg]:translate-y-0.5 [&>svg]:text-current",
         intentStyle,
         className
-      ),
-      ...props
+      )
     }
   );
 }
@@ -1523,7 +1656,7 @@ function AlertTitle({ className, ...props }) {
     "div",
     {
       "data-slot": "alert-title",
-      className: chunkM3ICCPCU_js.cn(
+      className: chunkD5LKWKG7_js.cn(
         "col-start-2 line-clamp-1 min-h-4 font-medium tracking-tight",
         className
       ),
@@ -1539,7 +1672,7 @@ function AlertDescription({
     "div",
     {
       "data-slot": "alert-description",
-      className: chunkM3ICCPCU_js.cn(
+      className: chunkD5LKWKG7_js.cn(
         "col-start-2 grid justify-items-start gap-1 text-sm [&_p]:leading-relaxed",
         className
       ),
@@ -1550,18 +1683,25 @@ function AlertDescription({
 function Avatar({
   className,
   size = "default",
+  surface,
+  radius,
+  animated,
   ...props
 }) {
+  const sf = chunkD5LKWKG7_js.useSaasflareProps({ surface, radius, animated });
   return /* @__PURE__ */ jsxRuntime.jsx(
     AvatarPrimitive__namespace.Root,
     {
+      ...props,
       "data-slot": "avatar",
       "data-size": size,
-      className: chunkM3ICCPCU_js.cn(
+      "data-surface": sf.surface,
+      "data-radius": sf.radius,
+      "data-animated": String(sf.animated),
+      className: chunkD5LKWKG7_js.cn(
         "group/avatar relative flex size-8 shrink-0 overflow-hidden rounded-full select-none transition-transform duration-200 hover:scale-105 data-[size=lg]:size-10 data-[size=sm]:size-6",
         className
-      ),
-      ...props
+      )
     }
   );
 }
@@ -1573,7 +1713,7 @@ function AvatarImage({
     AvatarPrimitive__namespace.Image,
     {
       "data-slot": "avatar-image",
-      className: chunkM3ICCPCU_js.cn("aspect-square size-full", className),
+      className: chunkD5LKWKG7_js.cn("aspect-square size-full", className),
       ...props
     }
   );
@@ -1586,7 +1726,7 @@ function AvatarFallback({
     AvatarPrimitive__namespace.Fallback,
     {
       "data-slot": "avatar-fallback",
-      className: chunkM3ICCPCU_js.cn(
+      className: chunkD5LKWKG7_js.cn(
         "flex size-full items-center justify-center rounded-full bg-muted text-sm text-muted-foreground group-data-[size=sm]/avatar:text-xs",
         className
       ),
@@ -1599,7 +1739,7 @@ function AvatarBadge({ className, ...props }) {
     "span",
     {
       "data-slot": "avatar-badge",
-      className: chunkM3ICCPCU_js.cn(
+      className: chunkD5LKWKG7_js.cn(
         "absolute right-0 bottom-0 z-10 inline-flex items-center justify-center rounded-full bg-primary text-primary-foreground ring-2 ring-background select-none",
         "group-data-[size=sm]/avatar:size-2 group-data-[size=sm]/avatar:[&>svg]:hidden",
         "group-data-[size=default]/avatar:size-2.5 group-data-[size=default]/avatar:[&>svg]:size-2",
@@ -1615,7 +1755,7 @@ function AvatarGroup({ className, ...props }) {
     "div",
     {
       "data-slot": "avatar-group",
-      className: chunkM3ICCPCU_js.cn(
+      className: chunkD5LKWKG7_js.cn(
         "group/avatar-group flex -space-x-2 *:data-[slot=avatar]:ring-2 *:data-[slot=avatar]:ring-background",
         className
       ),
@@ -1631,7 +1771,7 @@ function AvatarGroupCount({
     "div",
     {
       "data-slot": "avatar-group-count",
-      className: chunkM3ICCPCU_js.cn(
+      className: chunkD5LKWKG7_js.cn(
         "relative flex size-8 shrink-0 items-center justify-center rounded-full bg-muted text-sm text-muted-foreground ring-2 ring-background group-has-data-[size=lg]/avatar-group:size-10 group-has-data-[size=sm]/avatar-group:size-6 [&>svg]:size-4 group-has-data-[size=lg]/avatar-group:[&>svg]:size-5 group-has-data-[size=sm]/avatar-group:[&>svg]:size-3",
         className
       ),
@@ -1686,7 +1826,7 @@ function ContextMenuSubTrigger({
     {
       "data-slot": "context-menu-sub-trigger",
       "data-inset": inset,
-      className: chunkM3ICCPCU_js.cn(
+      className: chunkD5LKWKG7_js.cn(
         "flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground data-[inset]:pl-8 data-[state=open]:bg-accent data-[state=open]:text-accent-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground",
         className
       ),
@@ -1706,7 +1846,7 @@ function ContextMenuSubContent({
     ContextMenuPrimitive__namespace.SubContent,
     {
       "data-slot": "context-menu-sub-content",
-      className: chunkM3ICCPCU_js.cn(
+      className: chunkD5LKWKG7_js.cn(
         "z-50 min-w-[8rem] origin-(--radix-context-menu-content-transform-origin) overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg 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 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95",
         className
       ),
@@ -1716,17 +1856,24 @@ function ContextMenuSubContent({
 }
 function ContextMenuContent({
   className,
+  surface,
+  radius,
+  animated,
   ...props
 }) {
+  const sf = chunkD5LKWKG7_js.useSaasflareProps({ surface, radius, animated });
   return /* @__PURE__ */ jsxRuntime.jsx(ContextMenuPrimitive__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(
     ContextMenuPrimitive__namespace.Content,
     {
+      ...props,
       "data-slot": "context-menu-content",
-      className: chunkM3ICCPCU_js.cn(
+      "data-surface": sf.surface,
+      "data-radius": sf.radius,
+      "data-animated": String(sf.animated),
+      className: chunkD5LKWKG7_js.cn(
         "z-50 max-h-(--radix-context-menu-content-available-height) min-w-[8rem] origin-(--radix-context-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border bg-popover p-1 text-popover-foreground shadow-md 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 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95",
         className
-      ),
-      ...props
+      )
     }
   ) });
 }
@@ -1742,7 +1889,7 @@ function ContextMenuItem({
       "data-slot": "context-menu-item",
       "data-inset": inset,
       "data-variant": variant,
-      className: chunkM3ICCPCU_js.cn(
+      className: chunkD5LKWKG7_js.cn(
         "relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 data-[variant=destructive]:focus:text-destructive dark:data-[variant=destructive]:focus:bg-destructive/20 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground data-[variant=destructive]:*:[svg]:text-destructive!",
         className
       ),
@@ -1760,7 +1907,7 @@ function ContextMenuCheckboxItem({
     ContextMenuPrimitive__namespace.CheckboxItem,
     {
       "data-slot": "context-menu-checkbox-item",
-      className: chunkM3ICCPCU_js.cn(
+      className: chunkD5LKWKG7_js.cn(
         "relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
         className
       ),
@@ -1782,7 +1929,7 @@ function ContextMenuRadioItem({
     ContextMenuPrimitive__namespace.RadioItem,
     {
       "data-slot": "context-menu-radio-item",
-      className: chunkM3ICCPCU_js.cn(
+      className: chunkD5LKWKG7_js.cn(
         "relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
         className
       ),
@@ -1804,7 +1951,7 @@ function ContextMenuLabel({
     {
       "data-slot": "context-menu-label",
       "data-inset": inset,
-      className: chunkM3ICCPCU_js.cn(
+      className: chunkD5LKWKG7_js.cn(
         "px-2 py-1.5 text-sm font-medium text-foreground data-[inset]:pl-8",
         className
       ),
@@ -1820,7 +1967,7 @@ function ContextMenuSeparator({
     ContextMenuPrimitive__namespace.Separator,
     {
       "data-slot": "context-menu-separator",
-      className: chunkM3ICCPCU_js.cn("-mx-1 my-1 h-px bg-border", className),
+      className: chunkD5LKWKG7_js.cn("-mx-1 my-1 h-px bg-border", className),
       ...props
     }
   );
@@ -1833,7 +1980,7 @@ function ContextMenuShortcut({
     "span",
     {
       "data-slot": "context-menu-shortcut",
-      className: chunkM3ICCPCU_js.cn(
+      className: chunkD5LKWKG7_js.cn(
         "ml-auto text-xs tracking-widest text-muted-foreground",
         className
       ),
@@ -1843,17 +1990,24 @@ function ContextMenuShortcut({
 }
 function Menubar({
   className,
+  surface,
+  radius,
+  animated,
   ...props
 }) {
+  const sf = chunkD5LKWKG7_js.useSaasflareProps({ surface, radius, animated });
   return /* @__PURE__ */ jsxRuntime.jsx(
     MenubarPrimitive__namespace.Root,
     {
+      ...props,
       "data-slot": "menubar",
-      className: chunkM3ICCPCU_js.cn(
+      "data-surface": sf.surface,
+      "data-radius": sf.radius,
+      "data-animated": String(sf.animated),
+      className: chunkD5LKWKG7_js.cn(
         "flex h-9 items-center gap-1 rounded-md border bg-background p-1 shadow-xs",
         className
-      ),
-      ...props
+      )
     }
   );
 }
@@ -1885,7 +2039,7 @@ function MenubarTrigger({
     MenubarPrimitive__namespace.Trigger,
     {
       "data-slot": "menubar-trigger",
-      className: chunkM3ICCPCU_js.cn(
+      className: chunkD5LKWKG7_js.cn(
         "flex items-center rounded-sm px-2 py-1 text-sm font-medium outline-hidden select-none focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground",
         className
       ),
@@ -1898,20 +2052,27 @@ function MenubarContent({
   align = "start",
   alignOffset = -4,
   sideOffset = 8,
+  surface,
+  radius,
+  animated,
   ...props
 }) {
+  const sf = chunkD5LKWKG7_js.useSaasflareProps({ surface, radius, animated });
   return /* @__PURE__ */ jsxRuntime.jsx(MenubarPortal, { children: /* @__PURE__ */ jsxRuntime.jsx(
     MenubarPrimitive__namespace.Content,
     {
+      ...props,
       "data-slot": "menubar-content",
+      "data-surface": sf.surface,
+      "data-radius": sf.radius,
+      "data-animated": String(sf.animated),
       align,
       alignOffset,
       sideOffset,
-      className: chunkM3ICCPCU_js.cn(
+      className: chunkD5LKWKG7_js.cn(
         "z-50 min-w-[12rem] origin-(--radix-menubar-content-transform-origin) overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md 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 data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95",
         className
-      ),
-      ...props
+      )
     }
   ) });
 }
@@ -1927,7 +2088,7 @@ function MenubarItem({
       "data-slot": "menubar-item",
       "data-inset": inset,
       "data-variant": variant,
-      className: chunkM3ICCPCU_js.cn(
+      className: chunkD5LKWKG7_js.cn(
         "relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 data-[variant=destructive]:focus:text-destructive dark:data-[variant=destructive]:focus:bg-destructive/20 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground data-[variant=destructive]:*:[svg]:text-destructive!",
         className
       ),
@@ -1945,7 +2106,7 @@ function MenubarCheckboxItem({
     MenubarPrimitive__namespace.CheckboxItem,
     {
       "data-slot": "menubar-checkbox-item",
-      className: chunkM3ICCPCU_js.cn(
+      className: chunkD5LKWKG7_js.cn(
         "relative flex cursor-default items-center gap-2 rounded-xs py-1.5 pr-2 pl-8 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
         className
       ),
@@ -1967,7 +2128,7 @@ function MenubarRadioItem({
     MenubarPrimitive__namespace.RadioItem,
     {
       "data-slot": "menubar-radio-item",
-      className: chunkM3ICCPCU_js.cn(
+      className: chunkD5LKWKG7_js.cn(
         "relative flex cursor-default items-center gap-2 rounded-xs py-1.5 pr-2 pl-8 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
         className
       ),
@@ -1989,7 +2150,7 @@ function MenubarLabel({
     {
       "data-slot": "menubar-label",
       "data-inset": inset,
-      className: chunkM3ICCPCU_js.cn(
+      className: chunkD5LKWKG7_js.cn(
         "px-2 py-1.5 text-sm font-medium data-[inset]:pl-8",
         className
       ),
@@ -2005,7 +2166,7 @@ function MenubarSeparator({
     MenubarPrimitive__namespace.Separator,
     {
       "data-slot": "menubar-separator",
-      className: chunkM3ICCPCU_js.cn("-mx-1 my-1 h-px bg-border", className),
+      className: chunkD5LKWKG7_js.cn("-mx-1 my-1 h-px bg-border", className),
       ...props
     }
   );
@@ -2018,7 +2179,7 @@ function MenubarShortcut({
     "span",
     {
       "data-slot": "menubar-shortcut",
-      className: chunkM3ICCPCU_js.cn(
+      className: chunkD5LKWKG7_js.cn(
         "ml-auto text-xs tracking-widest text-muted-foreground",
         className
       ),
@@ -2042,7 +2203,7 @@ function MenubarSubTrigger({
     {
       "data-slot": "menubar-sub-trigger",
       "data-inset": inset,
-      className: chunkM3ICCPCU_js.cn(
+      className: chunkD5LKWKG7_js.cn(
         "flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-none select-none focus:bg-accent focus:text-accent-foreground data-[inset]:pl-8 data-[state=open]:bg-accent data-[state=open]:text-accent-foreground",
         className
       ),
@@ -2062,7 +2223,7 @@ function MenubarSubContent({
     MenubarPrimitive__namespace.SubContent,
     {
       "data-slot": "menubar-sub-content",
-      className: chunkM3ICCPCU_js.cn(
+      className: chunkD5LKWKG7_js.cn(
         "z-50 min-w-[8rem] origin-(--radix-menubar-content-transform-origin) overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg 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 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95",
         className
       ),
@@ -2074,18 +2235,25 @@ function NavigationMenu({
   className,
   children,
   viewport = true,
+  surface,
+  radius,
+  animated,
   ...props
 }) {
+  const sf = chunkD5LKWKG7_js.useSaasflareProps({ surface, radius, animated });
   return /* @__PURE__ */ jsxRuntime.jsxs(
     NavigationMenuPrimitive__namespace.Root,
     {
+      ...props,
       "data-slot": "navigation-menu",
       "data-viewport": viewport,
-      className: chunkM3ICCPCU_js.cn(
+      "data-surface": sf.surface,
+      "data-radius": sf.radius,
+      "data-animated": String(sf.animated),
+      className: chunkD5LKWKG7_js.cn(
         "group/navigation-menu relative flex max-w-max flex-1 items-center justify-center",
         className
       ),
-      ...props,
       children: [
         children,
         viewport && /* @__PURE__ */ jsxRuntime.jsx(NavigationMenuViewport, {})
@@ -2101,7 +2269,7 @@ function NavigationMenuList({
     NavigationMenuPrimitive__namespace.List,
     {
       "data-slot": "navigation-menu-list",
-      className: chunkM3ICCPCU_js.cn(
+      className: chunkD5LKWKG7_js.cn(
         "group flex flex-1 list-none items-center justify-center gap-1",
         className
       ),
@@ -2117,7 +2285,7 @@ function NavigationMenuItem({
     NavigationMenuPrimitive__namespace.Item,
     {
       "data-slot": "navigation-menu-item",
-      className: chunkM3ICCPCU_js.cn("relative", className),
+      className: chunkD5LKWKG7_js.cn("relative", className),
       ...props
     }
   );
@@ -2134,7 +2302,7 @@ function NavigationMenuTrigger({
     NavigationMenuPrimitive__namespace.Trigger,
     {
       "data-slot": "navigation-menu-trigger",
-      className: chunkM3ICCPCU_js.cn(navigationMenuTriggerStyle(), "group", className),
+      className: chunkD5LKWKG7_js.cn(navigationMenuTriggerStyle(), "group", className),
       ...props,
       children: [
         children,
@@ -2158,7 +2326,7 @@ function NavigationMenuContent({
     NavigationMenuPrimitive__namespace.Content,
     {
       "data-slot": "navigation-menu-content",
-      className: chunkM3ICCPCU_js.cn(
+      className: chunkD5LKWKG7_js.cn(
         "top-0 left-0 w-full p-2 pr-2.5 data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52 data-[motion^=from-]:animate-in data-[motion^=from-]:fade-in data-[motion^=to-]:animate-out data-[motion^=to-]:fade-out md:absolute md:w-auto",
         "group-data-[viewport=false]/navigation-menu:top-full group-data-[viewport=false]/navigation-menu:mt-1.5 group-data-[viewport=false]/navigation-menu:overflow-hidden group-data-[viewport=false]/navigation-menu:rounded-md group-data-[viewport=false]/navigation-menu:border group-data-[viewport=false]/navigation-menu:bg-popover group-data-[viewport=false]/navigation-menu:text-popover-foreground group-data-[viewport=false]/navigation-menu:shadow group-data-[viewport=false]/navigation-menu:duration-200 **:data-[slot=navigation-menu-link]:focus:ring-0 **:data-[slot=navigation-menu-link]:focus:outline-none group-data-[viewport=false]/navigation-menu:data-[state=closed]:animate-out group-data-[viewport=false]/navigation-menu:data-[state=closed]:fade-out-0 group-data-[viewport=false]/navigation-menu:data-[state=closed]:zoom-out-95 group-data-[viewport=false]/navigation-menu:data-[state=open]:animate-in group-data-[viewport=false]/navigation-menu:data-[state=open]:fade-in-0 group-data-[viewport=false]/navigation-menu:data-[state=open]:zoom-in-95",
         className
@@ -2174,14 +2342,14 @@ function NavigationMenuViewport({
   return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
-      className: chunkM3ICCPCU_js.cn(
+      className: chunkD5LKWKG7_js.cn(
         "absolute top-full left-0 isolate z-50 flex justify-center"
       ),
       children: /* @__PURE__ */ jsxRuntime.jsx(
         NavigationMenuPrimitive__namespace.Viewport,
         {
           "data-slot": "navigation-menu-viewport",
-          className: chunkM3ICCPCU_js.cn(
+          className: chunkD5LKWKG7_js.cn(
             "origin-top-center relative mt-1.5 h-[var(--radix-navigation-menu-viewport-height)] w-full overflow-hidden rounded-md border bg-popover text-popover-foreground shadow data-[state=closed]:animate-out data-[state=closed]:zoom-out-95 data-[state=open]:animate-in data-[state=open]:zoom-in-90 md:w-[var(--radix-navigation-menu-viewport-width)]",
             className
           ),
@@ -2199,7 +2367,7 @@ function NavigationMenuLink({
     NavigationMenuPrimitive__namespace.Link,
     {
       "data-slot": "navigation-menu-link",
-      className: chunkM3ICCPCU_js.cn(
+      className: chunkD5LKWKG7_js.cn(
         "flex flex-col gap-1 rounded-sm p-2 text-sm transition-all outline-none hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-1 data-[active=true]:bg-accent/50 data-[active=true]:text-accent-foreground data-[active=true]:hover:bg-accent data-[active=true]:focus:bg-accent [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground",
         className
       ),
@@ -2215,7 +2383,7 @@ function NavigationMenuIndicator({
     NavigationMenuPrimitive__namespace.Indicator,
     {
       "data-slot": "navigation-menu-indicator",
-      className: chunkM3ICCPCU_js.cn(
+      className: chunkD5LKWKG7_js.cn(
         "top-full z-[1] flex h-1.5 items-end justify-center overflow-hidden data-[state=hidden]:animate-out data-[state=hidden]:fade-out data-[state=visible]:animate-in data-[state=visible]:fade-in",
         className
       ),
@@ -2229,19 +2397,22 @@ var RADIUS_BY_AS = {
   text: "var(--radius-sm)",
   card: "var(--radius-lg)"
 };
-function Skeleton({ as, className, style, ...props }) {
+function Skeleton({ as, className, style, surface, radius, animated, ...props }) {
+  const sf = chunkD5LKWKG7_js.useSaasflareProps({ radius, animated });
   const radiusStyle = as ? { borderRadius: RADIUS_BY_AS[as], ...style } : style;
   return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
+      ...props,
       "data-slot": "skeleton",
-      className: chunkM3ICCPCU_js.cn(
+      "data-radius": sf.radius,
+      "data-animated": String(sf.animated),
+      className: chunkD5LKWKG7_js.cn(
         !as && "rounded-md",
         "bg-gradient-to-r from-accent/80 via-accent/40 to-accent/80 bg-[length:200%_100%] animate-[shimmer_2s_ease-in-out_infinite] motion-reduce:animate-none motion-reduce:bg-accent/60",
         className
       ),
-      style: radiusStyle,
-      ...props
+      style: radiusStyle
     }
   );
 }
@@ -2269,14 +2440,21 @@ function Toggle({
   className,
   variant,
   size,
+  surface,
+  radius,
+  animated,
   ...props
 }) {
+  const sf = chunkD5LKWKG7_js.useSaasflareProps({ surface, radius, animated });
   return /* @__PURE__ */ jsxRuntime.jsx(
     TogglePrimitive__namespace.Root,
     {
+      ...props,
       "data-slot": "toggle",
-      className: chunkM3ICCPCU_js.cn(toggleVariants({ variant, size, className })),
-      ...props
+      "data-surface": sf.surface,
+      "data-radius": sf.radius,
+      "data-animated": String(sf.animated),
+      className: chunkD5LKWKG7_js.cn(toggleVariants({ variant, size, className }))
     }
   );
 }
@@ -2291,21 +2469,28 @@ function ToggleGroup({
   size,
   spacing = 0,
   children,
+  surface,
+  radius,
+  animated,
   ...props
 }) {
+  const sf = chunkD5LKWKG7_js.useSaasflareProps({ surface, radius, animated });
   return /* @__PURE__ */ jsxRuntime.jsx(
     ToggleGroupPrimitive__namespace.Root,
     {
+      ...props,
       "data-slot": "toggle-group",
       "data-variant": variant,
       "data-size": size,
       "data-spacing": spacing,
+      "data-surface": sf.surface,
+      "data-radius": sf.radius,
+      "data-animated": String(sf.animated),
       style: { "--gap": spacing },
-      className: chunkM3ICCPCU_js.cn(
+      className: chunkD5LKWKG7_js.cn(
         "group/toggle-group flex w-fit items-center gap-[--spacing(var(--gap))] rounded-md data-[spacing=default]:data-[variant=outline]:shadow-xs",
         className
       ),
-      ...props,
       children: /* @__PURE__ */ jsxRuntime.jsx(ToggleGroupContext.Provider, { value: { variant, size, spacing }, children })
     }
   );
@@ -2325,7 +2510,7 @@ function ToggleGroupItem({
       "data-variant": context.variant || variant,
       "data-size": context.size || size,
       "data-spacing": context.spacing,
-      className: chunkM3ICCPCU_js.cn(
+      className: chunkD5LKWKG7_js.cn(
         toggleVariants({
           variant: context.variant || variant,
           size: context.size || size
@@ -2341,14 +2526,21 @@ function ToggleGroupItem({
 }
 function RadioGroup4({
   className,
+  surface,
+  radius,
+  animated,
   ...props
 }) {
+  const sf = chunkD5LKWKG7_js.useSaasflareProps({ surface, radius, animated });
   return /* @__PURE__ */ jsxRuntime.jsx(
     RadioGroupPrimitive__namespace.Root,
     {
+      ...props,
       "data-slot": "radio-group",
-      className: chunkM3ICCPCU_js.cn("grid gap-3", className),
-      ...props
+      "data-surface": sf.surface,
+      "data-radius": sf.radius,
+      "data-animated": String(sf.animated),
+      className: chunkD5LKWKG7_js.cn("grid gap-3", className)
     }
   );
 }
@@ -2360,7 +2552,7 @@ function RadioGroupItem({
     RadioGroupPrimitive__namespace.Item,
     {
       "data-slot": "radio-group-item",
-      className: chunkM3ICCPCU_js.cn(
+      className: chunkD5LKWKG7_js.cn(
         "aspect-square size-4 shrink-0 cursor-pointer rounded-full border border-input text-primary shadow-xs transition-all duration-150 outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 data-[state=checked]:border-primary data-[state=checked]:shadow-[0_0_0_1px] data-[state=checked]:shadow-primary/20 dark:bg-input/30 dark:aria-invalid:ring-destructive/40",
         className
       ),
@@ -2393,38 +2585,55 @@ function CollapsibleTrigger2({
   );
 }
 function CollapsibleContent2({
+  surface,
+  radius,
+  animated,
   ...props
 }) {
+  const sf = chunkD5LKWKG7_js.useSaasflareProps({ surface, radius, animated });
   return /* @__PURE__ */ jsxRuntime.jsx(
     CollapsiblePrimitive__namespace.CollapsibleContent,
     {
+      ...props,
       "data-slot": "collapsible-content",
-      ...props
+      "data-surface": sf.surface,
+      "data-radius": sf.radius,
+      "data-animated": String(sf.animated)
     }
   );
 }
-function Spinner({ className, ...props }) {
+function Spinner({ className, surface, radius, animated, ...props }) {
+  const sf = chunkD5LKWKG7_js.useSaasflareProps({ animated });
   return /* @__PURE__ */ jsxRuntime.jsx(
     lucideReact.Loader2Icon,
     {
+      ...props,
       role: "status",
       "aria-label": "Loading",
-      className: chunkM3ICCPCU_js.cn("size-4 animate-spin", className),
-      ...props
+      "data-slot": "spinner",
+      "data-animated": String(sf.animated),
+      className: chunkD5LKWKG7_js.cn("size-4 animate-spin", className)
     }
   );
 }
 function ScrollArea({
   className,
   children,
+  surface,
+  radius,
+  animated,
   ...props
 }) {
+  const sf = chunkD5LKWKG7_js.useSaasflareProps({ surface, radius, animated });
   return /* @__PURE__ */ jsxRuntime.jsxs(
     ScrollAreaPrimitive__namespace.Root,
     {
-      "data-slot": "scroll-area",
-      className: chunkM3ICCPCU_js.cn("relative", className),
       ...props,
+      "data-slot": "scroll-area",
+      "data-surface": sf.surface,
+      "data-radius": sf.radius,
+      "data-animated": String(sf.animated),
+      className: chunkD5LKWKG7_js.cn("relative", className),
       children: [
         /* @__PURE__ */ jsxRuntime.jsx(
           ScrollAreaPrimitive__namespace.Viewport,
@@ -2450,7 +2659,7 @@ function ScrollBar({
     {
       "data-slot": "scroll-area-scrollbar",
       orientation,
-      className: chunkM3ICCPCU_js.cn(
+      className: chunkD5LKWKG7_js.cn(
         "flex touch-none p-px transition-colors select-none",
         orientation === "vertical" && "h-full w-2.5 border-l border-l-transparent",
         orientation === "horizontal" && "h-2.5 flex-col border-t border-t-transparent",
@@ -3547,11 +3756,16 @@ var Toaster = /* @__PURE__ */ React5__namespace.default.forwardRef(function Toas
     }))
   );
 });
-var Toaster3 = ({ ...props }) => {
+var Toaster3 = ({ surface, radius, animated, ...props }) => {
   const { theme = "system" } = nextThemes.useTheme();
+  const sf = chunkD5LKWKG7_js.useSaasflareProps({ surface, radius, animated });
   return /* @__PURE__ */ jsxRuntime.jsx(
     Toaster,
     {
+      "data-slot": "toaster",
+      "data-surface": sf.surface,
+      "data-radius": sf.radius,
+      "data-animated": String(sf.animated),
       theme,
       className: "toaster group",
       icons: {
@@ -3576,15 +3790,26 @@ function AspectRatio({
 }) {
   return /* @__PURE__ */ jsxRuntime.jsx(AspectRatioPrimitive__namespace.Root, { "data-slot": "aspect-ratio", ...props });
 }
-function Breadcrumb({ ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("nav", { "aria-label": "breadcrumb", "data-slot": "breadcrumb", ...props });
+function Breadcrumb({ surface, radius, animated, ...props }) {
+  const sf = chunkD5LKWKG7_js.useSaasflareProps({ surface, radius, animated });
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "nav",
+    {
+      ...props,
+      "aria-label": "breadcrumb",
+      "data-slot": "breadcrumb",
+      "data-surface": sf.surface,
+      "data-radius": sf.radius,
+      "data-animated": String(sf.animated)
+    }
+  );
 }
 function BreadcrumbList({ className, ...props }) {
   return /* @__PURE__ */ jsxRuntime.jsx(
     "ol",
     {
       "data-slot": "breadcrumb-list",
-      className: chunkM3ICCPCU_js.cn(
+      className: chunkD5LKWKG7_js.cn(
         "flex flex-wrap items-center gap-1.5 text-sm break-words text-muted-foreground sm:gap-2.5",
         className
       ),
@@ -3597,7 +3822,7 @@ function BreadcrumbItem({ className, ...props }) {
     "li",
     {
       "data-slot": "breadcrumb-item",
-      className: chunkM3ICCPCU_js.cn("inline-flex items-center gap-1.5", className),
+      className: chunkD5LKWKG7_js.cn("inline-flex items-center gap-1.5", className),
       ...props
     }
   );
@@ -3612,7 +3837,7 @@ function BreadcrumbLink({
     Comp,
     {
       "data-slot": "breadcrumb-link",
-      className: chunkM3ICCPCU_js.cn("transition-colors hover:text-foreground", className),
+      className: chunkD5LKWKG7_js.cn("transition-colors hover:text-foreground", className),
       ...props
     }
   );
@@ -3625,7 +3850,7 @@ function BreadcrumbPage({ className, ...props }) {
       role: "link",
       "aria-disabled": "true",
       "aria-current": "page",
-      className: chunkM3ICCPCU_js.cn("font-normal text-foreground", className),
+      className: chunkD5LKWKG7_js.cn("font-normal text-foreground", className),
       ...props
     }
   );
@@ -3641,7 +3866,7 @@ function BreadcrumbSeparator({
       "data-slot": "breadcrumb-separator",
       role: "presentation",
       "aria-hidden": "true",
-      className: chunkM3ICCPCU_js.cn("[&>svg]:size-3.5", className),
+      className: chunkD5LKWKG7_js.cn("[&>svg]:size-3.5", className),
       ...props,
       children: children ?? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRight, {})
     }
@@ -3657,7 +3882,7 @@ function BreadcrumbEllipsis({
       "data-slot": "breadcrumb-ellipsis",
       role: "presentation",
       "aria-hidden": "true",
-      className: chunkM3ICCPCU_js.cn("flex size-9 items-center justify-center", className),
+      className: chunkD5LKWKG7_js.cn("flex size-9 items-center justify-center", className),
       ...props,
       children: [
         /* @__PURE__ */ jsxRuntime.jsx(lucideReact.MoreHorizontal, { className: "size-4" }),
@@ -3678,7 +3903,7 @@ function Separator5({
       "data-slot": "separator",
       decorative,
       orientation,
-      className: chunkM3ICCPCU_js.cn(
+      className: chunkD5LKWKG7_js.cn(
         "shrink-0 bg-border data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px",
         className
       ),
@@ -3711,7 +3936,7 @@ function ButtonGroup({
       role: "group",
       "data-slot": "button-group",
       "data-orientation": orientation,
-      className: chunkM3ICCPCU_js.cn(buttonGroupVariants({ orientation }), className),
+      className: chunkD5LKWKG7_js.cn(buttonGroupVariants({ orientation }), className),
       ...props
     }
   );
@@ -3725,7 +3950,7 @@ function ButtonGroupText({
   return /* @__PURE__ */ jsxRuntime.jsx(
     Comp,
     {
-      className: chunkM3ICCPCU_js.cn(
+      className: chunkD5LKWKG7_js.cn(
         "flex items-center gap-2 rounded-md border bg-muted px-4 text-sm font-medium shadow-xs [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4",
         className
       ),
@@ -3743,7 +3968,7 @@ function ButtonGroupSeparator({
     {
       "data-slot": "button-group-separator",
       orientation,
-      className: chunkM3ICCPCU_js.cn(
+      className: chunkD5LKWKG7_js.cn(
         "relative m-0! self-stretch bg-input data-[orientation=vertical]:h-auto",
         className
       ),
@@ -3766,7 +3991,7 @@ function ComboboxContent({
       "data-slot": "combobox-content",
       align,
       sideOffset,
-      className: chunkM3ICCPCU_js.cn(
+      className: chunkD5LKWKG7_js.cn(
         "z-50 w-[var(--radix-popover-trigger-width)] min-w-[12rem] origin-[var(--radix-popover-content-transform-origin)] overflow-hidden rounded-md bg-popover text-popover-foreground shadow-md ring-1 ring-foreground/10 outline-hidden data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95",
         className
       ),
@@ -3797,7 +4022,7 @@ function ComboboxInput({
           cmdk.Command.Input,
           {
             "data-slot": "combobox-input",
-            className: chunkM3ICCPCU_js.cn(
+            className: chunkD5LKWKG7_js.cn(
               "flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-hidden placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50",
               className
             ),
@@ -3816,7 +4041,7 @@ function ComboboxList({
     cmdk.Command.List,
     {
       "data-slot": "combobox-list",
-      className: chunkM3ICCPCU_js.cn(
+      className: chunkD5LKWKG7_js.cn(
         "max-h-[min(24rem,var(--radix-popover-content-available-height))] scroll-py-1 overflow-x-hidden overflow-y-auto p-1",
         className
       ),
@@ -3834,7 +4059,7 @@ function ComboboxItem({
     cmdk.Command.Item,
     {
       "data-slot": "combobox-item",
-      className: chunkM3ICCPCU_js.cn(
+      className: chunkD5LKWKG7_js.cn(
         "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 data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
         className
       ),
@@ -3860,7 +4085,7 @@ function ComboboxGroup({
     cmdk.Command.Group,
     {
       "data-slot": "combobox-group",
-      className: chunkM3ICCPCU_js.cn(
+      className: chunkD5LKWKG7_js.cn(
         "overflow-hidden text-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground",
         className
       ),
@@ -3876,7 +4101,7 @@ function ComboboxEmpty({
     cmdk.Command.Empty,
     {
       "data-slot": "combobox-empty",
-      className: chunkM3ICCPCU_js.cn("py-6 text-center text-sm text-muted-foreground", className),
+      className: chunkD5LKWKG7_js.cn("py-6 text-center text-sm text-muted-foreground", className),
       ...props
     }
   );
@@ -3889,7 +4114,7 @@ function ComboboxSeparator({
     cmdk.Command.Separator,
     {
       "data-slot": "combobox-separator",
-      className: chunkM3ICCPCU_js.cn("-mx-1 my-1 h-px bg-border", className),
+      className: chunkD5LKWKG7_js.cn("-mx-1 my-1 h-px bg-border", className),
       ...props
     }
   );
@@ -3902,16 +4127,20 @@ function DirectionProvider2({
   return /* @__PURE__ */ jsxRuntime.jsx(Direction__namespace.DirectionProvider, { dir: direction ?? dir, children });
 }
 var useDirection2 = Direction__namespace.useDirection;
-function Empty({ className, ...props }) {
+function Empty({ className, surface, radius, animated, ...props }) {
+  const sf = chunkD5LKWKG7_js.useSaasflareProps({ surface, radius, animated });
   return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
+      ...props,
       "data-slot": "empty",
-      className: chunkM3ICCPCU_js.cn(
+      "data-surface": sf.surface,
+      "data-radius": sf.radius,
+      "data-animated": String(sf.animated),
+      className: chunkD5LKWKG7_js.cn(
         "flex min-w-0 flex-1 flex-col items-center justify-center gap-6 rounded-lg border-dashed p-6 text-center text-balance md:p-12",
         className
-      ),
-      ...props
+      )
     }
   );
 }
@@ -3920,7 +4149,7 @@ function EmptyHeader({ className, ...props }) {
     "div",
     {
       "data-slot": "empty-header",
-      className: chunkM3ICCPCU_js.cn(
+      className: chunkD5LKWKG7_js.cn(
         "flex max-w-sm flex-col items-center gap-2 text-center",
         className
       ),
@@ -3952,7 +4181,7 @@ function EmptyMedia({
     {
       "data-slot": "empty-icon",
       "data-variant": variant,
-      className: chunkM3ICCPCU_js.cn(emptyMediaVariants({ variant, className })),
+      className: chunkD5LKWKG7_js.cn(emptyMediaVariants({ variant, className })),
       ...props
     }
   );
@@ -3962,7 +4191,7 @@ function EmptyTitle({ className, ...props }) {
     "div",
     {
       "data-slot": "empty-title",
-      className: chunkM3ICCPCU_js.cn("text-lg font-medium tracking-tight", className),
+      className: chunkD5LKWKG7_js.cn("text-lg font-medium tracking-tight", className),
       ...props
     }
   );
@@ -3972,7 +4201,7 @@ function EmptyDescription({ className, ...props }) {
     "div",
     {
       "data-slot": "empty-description",
-      className: chunkM3ICCPCU_js.cn(
+      className: chunkD5LKWKG7_js.cn(
         "text-sm/relaxed text-muted-foreground [&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-primary",
         className
       ),
@@ -3985,7 +4214,7 @@ function EmptyContent({ className, ...props }) {
     "div",
     {
       "data-slot": "empty-content",
-      className: chunkM3ICCPCU_js.cn(
+      className: chunkD5LKWKG7_js.cn(
         "flex w-full max-w-sm min-w-0 flex-col items-center gap-4 text-sm text-balance",
         className
       ),
@@ -4001,7 +4230,7 @@ function Label5({
     LabelPrimitive__namespace.Root,
     {
       "data-slot": "label",
-      className: chunkM3ICCPCU_js.cn(
+      className: chunkD5LKWKG7_js.cn(
         "flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50",
         className
       ),
@@ -4014,7 +4243,7 @@ function FieldSet({ className, ...props }) {
     "fieldset",
     {
       "data-slot": "field-set",
-      className: chunkM3ICCPCU_js.cn(
+      className: chunkD5LKWKG7_js.cn(
         "flex flex-col gap-6",
         "has-[>[data-slot=checkbox-group]]:gap-3 has-[>[data-slot=radio-group]]:gap-3",
         className
@@ -4033,7 +4262,7 @@ function FieldLegend({
     {
       "data-slot": "field-legend",
       "data-variant": variant,
-      className: chunkM3ICCPCU_js.cn(
+      className: chunkD5LKWKG7_js.cn(
         "mb-3 font-medium",
         "data-[variant=legend]:text-base",
         "data-[variant=label]:text-sm",
@@ -4048,7 +4277,7 @@ function FieldGroup({ className, ...props }) {
     "div",
     {
       "data-slot": "field-group",
-      className: chunkM3ICCPCU_js.cn(
+      className: chunkD5LKWKG7_js.cn(
         "group/field-group @container/field-group flex w-full flex-col gap-7 data-[slot=checkbox-group]:gap-3 [&>[data-slot=field-group]]:gap-4",
         className
       ),
@@ -4090,7 +4319,7 @@ function Field({
       role: "group",
       "data-slot": "field",
       "data-orientation": orientation,
-      className: chunkM3ICCPCU_js.cn(fieldVariants({ orientation }), className),
+      className: chunkD5LKWKG7_js.cn(fieldVariants({ orientation }), className),
       ...props
     }
   );
@@ -4100,7 +4329,7 @@ function FieldContent({ className, ...props }) {
     "div",
     {
       "data-slot": "field-content",
-      className: chunkM3ICCPCU_js.cn(
+      className: chunkD5LKWKG7_js.cn(
         "group/field-content flex flex-1 flex-col gap-1.5 leading-snug",
         className
       ),
@@ -4116,7 +4345,7 @@ function FieldLabel({
     Label5,
     {
       "data-slot": "field-label",
-      className: chunkM3ICCPCU_js.cn(
+      className: chunkD5LKWKG7_js.cn(
         "group/field-label peer/field-label flex w-fit gap-2 leading-snug group-data-[disabled=true]/field:opacity-50",
         "has-[>[data-slot=field]]:w-full has-[>[data-slot=field]]:flex-col has-[>[data-slot=field]]:rounded-md has-[>[data-slot=field]]:border [&>*]:data-[slot=field]:p-4",
         "has-data-[state=checked]:border-primary has-data-[state=checked]:bg-primary/5 dark:has-data-[state=checked]:bg-primary/10",
@@ -4131,7 +4360,7 @@ function FieldTitle({ className, ...props }) {
     "div",
     {
       "data-slot": "field-label",
-      className: chunkM3ICCPCU_js.cn(
+      className: chunkD5LKWKG7_js.cn(
         "flex w-fit items-center gap-2 text-sm leading-snug font-medium group-data-[disabled=true]/field:opacity-50",
         className
       ),
@@ -4144,7 +4373,7 @@ function FieldDescription({ className, ...props }) {
     "p",
     {
       "data-slot": "field-description",
-      className: chunkM3ICCPCU_js.cn(
+      className: chunkD5LKWKG7_js.cn(
         "text-sm leading-normal font-normal text-muted-foreground group-has-[[data-orientation=horizontal]]/field:text-balance",
         "last:mt-0 nth-last-2:-mt-1 [[data-variant=legend]+&]:-mt-1.5",
         "[&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-primary",
@@ -4164,7 +4393,7 @@ function FieldSeparator({
     {
       "data-slot": "field-separator",
       "data-content": !!children,
-      className: chunkM3ICCPCU_js.cn(
+      className: chunkD5LKWKG7_js.cn(
         "relative -my-2 h-5 text-sm group-data-[variant=outline]/field-group:-mb-2",
         className
       ),
@@ -4214,7 +4443,7 @@ function FieldError({
     {
       role: "alert",
       "data-slot": "field-error",
-      className: chunkM3ICCPCU_js.cn("text-sm font-normal text-destructive", className),
+      className: chunkD5LKWKG7_js.cn("text-sm font-normal text-destructive", className),
       ...props,
       children: content
     }
@@ -4257,7 +4486,7 @@ function FormItem({ className, ...props }) {
     "div",
     {
       "data-slot": "form-item",
-      className: chunkM3ICCPCU_js.cn("grid gap-2", className),
+      className: chunkD5LKWKG7_js.cn("grid gap-2", className),
       ...props
     }
   ) });
@@ -4272,7 +4501,7 @@ function FormLabel({
     {
       "data-slot": "form-label",
       "data-error": !!error,
-      className: chunkM3ICCPCU_js.cn("data-[error=true]:text-destructive", className),
+      className: chunkD5LKWKG7_js.cn("data-[error=true]:text-destructive", className),
       htmlFor: formItemId,
       ...props
     }
@@ -4298,7 +4527,7 @@ function FormDescription({ className, ...props }) {
     {
       "data-slot": "form-description",
       id: formDescriptionId,
-      className: chunkM3ICCPCU_js.cn("text-sm text-muted-foreground", className),
+      className: chunkD5LKWKG7_js.cn("text-sm text-muted-foreground", className),
       ...props
     }
   );
@@ -4314,178 +4543,178 @@ function FormMessage({ className, ...props }) {
     {
       "data-slot": "form-message",
       id: formMessageId,
-      className: chunkM3ICCPCU_js.cn("text-sm text-destructive", className),
+      className: chunkD5LKWKG7_js.cn("text-sm text-destructive", className),
       ...props,
       children: body
     }
   );
 }
 var Icons = {
-  logo: ({ className }) => /* @__PURE__ */ jsxRuntime.jsxs("svg", { className: chunkM3ICCPCU_js.cn("h-6 w-6", className), viewBox: "0 0 24 24", fill: "none", children: [
+  logo: ({ className }) => /* @__PURE__ */ jsxRuntime.jsxs("svg", { className: chunkD5LKWKG7_js.cn("h-6 w-6", className), viewBox: "0 0 24 24", fill: "none", children: [
     /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "10", className: "fill-primary" }),
     /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M8 12a4 4 0 1 0 8 0", className: "stroke-primary-foreground", strokeWidth: "2", strokeLinecap: "round" })
   ] }),
-  chat: ({ className }) => /* @__PURE__ */ jsxRuntime.jsx("svg", { className: chunkM3ICCPCU_js.cn("h-4 w-4", className), viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z" }) }),
-  settings: ({ className }) => /* @__PURE__ */ jsxRuntime.jsxs("svg", { className: chunkM3ICCPCU_js.cn("h-4 w-4", className), viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+  chat: ({ className }) => /* @__PURE__ */ jsxRuntime.jsx("svg", { className: chunkD5LKWKG7_js.cn("h-4 w-4", className), viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z" }) }),
+  settings: ({ className }) => /* @__PURE__ */ jsxRuntime.jsxs("svg", { className: chunkD5LKWKG7_js.cn("h-4 w-4", className), viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
     /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "3" }),
     /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z" })
   ] }),
-  pages: ({ className }) => /* @__PURE__ */ jsxRuntime.jsxs("svg", { className: chunkM3ICCPCU_js.cn("h-4 w-4", className), viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+  pages: ({ className }) => /* @__PURE__ */ jsxRuntime.jsxs("svg", { className: chunkD5LKWKG7_js.cn("h-4 w-4", className), viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
     /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "3", y: "3", width: "7", height: "7" }),
     /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "14", y: "3", width: "7", height: "7" }),
     /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "14", y: "14", width: "7", height: "7" }),
     /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "3", y: "14", width: "7", height: "7" })
   ] }),
-  preview: ({ className }) => /* @__PURE__ */ jsxRuntime.jsxs("svg", { className: chunkM3ICCPCU_js.cn("h-4 w-4", className), viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+  preview: ({ className }) => /* @__PURE__ */ jsxRuntime.jsxs("svg", { className: chunkD5LKWKG7_js.cn("h-4 w-4", className), viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
     /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z" }),
     /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "3" })
   ] }),
-  analytics: ({ className }) => /* @__PURE__ */ jsxRuntime.jsxs("svg", { className: chunkM3ICCPCU_js.cn("h-4 w-4", className), viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+  analytics: ({ className }) => /* @__PURE__ */ jsxRuntime.jsxs("svg", { className: chunkD5LKWKG7_js.cn("h-4 w-4", className), viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
     /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "18", y1: "20", x2: "18", y2: "10" }),
     /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "12", y1: "20", x2: "12", y2: "4" }),
     /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "6", y1: "20", x2: "6", y2: "14" })
   ] }),
-  share: ({ className }) => /* @__PURE__ */ jsxRuntime.jsxs("svg", { className: chunkM3ICCPCU_js.cn("h-4 w-4", className), viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+  share: ({ className }) => /* @__PURE__ */ jsxRuntime.jsxs("svg", { className: chunkD5LKWKG7_js.cn("h-4 w-4", className), viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
     /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "18", cy: "5", r: "3" }),
     /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "6", cy: "12", r: "3" }),
     /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "18", cy: "19", r: "3" }),
     /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "8.59", y1: "13.51", x2: "15.42", y2: "17.49" }),
     /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "15.41", y1: "6.51", x2: "8.59", y2: "10.49" })
   ] }),
-  send: ({ className }) => /* @__PURE__ */ jsxRuntime.jsxs("svg", { className: chunkM3ICCPCU_js.cn("h-4 w-4", className), viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+  send: ({ className }) => /* @__PURE__ */ jsxRuntime.jsxs("svg", { className: chunkD5LKWKG7_js.cn("h-4 w-4", className), viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
     /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "22", y1: "2", x2: "11", y2: "13" }),
     /* @__PURE__ */ jsxRuntime.jsx("polygon", { points: "22 2 15 22 11 13 2 9 22 2" })
   ] }),
-  edit: ({ className }) => /* @__PURE__ */ jsxRuntime.jsxs("svg", { className: chunkM3ICCPCU_js.cn("h-4 w-4", className), viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+  edit: ({ className }) => /* @__PURE__ */ jsxRuntime.jsxs("svg", { className: chunkD5LKWKG7_js.cn("h-4 w-4", className), viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
     /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7" }),
     /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z" })
   ] }),
-  pencil: ({ className }) => /* @__PURE__ */ jsxRuntime.jsxs("svg", { className: chunkM3ICCPCU_js.cn("h-4 w-4", className), viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+  pencil: ({ className }) => /* @__PURE__ */ jsxRuntime.jsxs("svg", { className: chunkD5LKWKG7_js.cn("h-4 w-4", className), viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
     /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M17 3a2.85 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z" }),
     /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m15 5 4 4" })
   ] }),
-  eye: ({ className }) => /* @__PURE__ */ jsxRuntime.jsxs("svg", { className: chunkM3ICCPCU_js.cn("h-4 w-4", className), viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+  eye: ({ className }) => /* @__PURE__ */ jsxRuntime.jsxs("svg", { className: chunkD5LKWKG7_js.cn("h-4 w-4", className), viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
     /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z" }),
     /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "3" })
   ] }),
-  x: ({ className }) => /* @__PURE__ */ jsxRuntime.jsxs("svg", { className: chunkM3ICCPCU_js.cn("h-4 w-4", className), viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+  x: ({ className }) => /* @__PURE__ */ jsxRuntime.jsxs("svg", { className: chunkD5LKWKG7_js.cn("h-4 w-4", className), viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
     /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
     /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
   ] }),
-  trash: ({ className }) => /* @__PURE__ */ jsxRuntime.jsxs("svg", { className: chunkM3ICCPCU_js.cn("h-4 w-4", className), viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+  trash: ({ className }) => /* @__PURE__ */ jsxRuntime.jsxs("svg", { className: chunkD5LKWKG7_js.cn("h-4 w-4", className), viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
     /* @__PURE__ */ jsxRuntime.jsx("polyline", { points: "3 6 5 6 21 6" }),
     /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2" }),
     /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "10", y1: "11", x2: "10", y2: "17" }),
     /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "14", y1: "11", x2: "14", y2: "17" })
   ] }),
-  desktop: ({ className }) => /* @__PURE__ */ jsxRuntime.jsxs("svg", { className: chunkM3ICCPCU_js.cn("h-4 w-4", className), viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+  desktop: ({ className }) => /* @__PURE__ */ jsxRuntime.jsxs("svg", { className: chunkD5LKWKG7_js.cn("h-4 w-4", className), viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
     /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "2", y: "3", width: "20", height: "14", rx: "2", ry: "2" }),
     /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "8", y1: "21", x2: "16", y2: "21" }),
     /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "12", y1: "17", x2: "12", y2: "21" })
   ] }),
-  tablet: ({ className }) => /* @__PURE__ */ jsxRuntime.jsxs("svg", { className: chunkM3ICCPCU_js.cn("h-4 w-4", className), viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+  tablet: ({ className }) => /* @__PURE__ */ jsxRuntime.jsxs("svg", { className: chunkD5LKWKG7_js.cn("h-4 w-4", className), viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
     /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "4", y: "2", width: "16", height: "20", rx: "2", ry: "2" }),
     /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "12", y1: "18", x2: "12.01", y2: "18" })
   ] }),
-  mobile: ({ className }) => /* @__PURE__ */ jsxRuntime.jsxs("svg", { className: chunkM3ICCPCU_js.cn("h-4 w-4", className), viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+  mobile: ({ className }) => /* @__PURE__ */ jsxRuntime.jsxs("svg", { className: chunkD5LKWKG7_js.cn("h-4 w-4", className), viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
     /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "5", y: "2", width: "14", height: "20", rx: "2", ry: "2" }),
     /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "12", y1: "18", x2: "12.01", y2: "18" })
   ] }),
-  chevronDown: ({ className }) => /* @__PURE__ */ jsxRuntime.jsx("svg", { className: chunkM3ICCPCU_js.cn("h-4 w-4", className), viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsxRuntime.jsx("polyline", { points: "6 9 12 15 18 9" }) }),
-  chevronRight: ({ className }) => /* @__PURE__ */ jsxRuntime.jsx("svg", { className: chunkM3ICCPCU_js.cn("h-4 w-4", className), viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsxRuntime.jsx("polyline", { points: "9 18 15 12 9 6" }) }),
-  plus: ({ className }) => /* @__PURE__ */ jsxRuntime.jsxs("svg", { className: chunkM3ICCPCU_js.cn("h-4 w-4", className), viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+  chevronDown: ({ className }) => /* @__PURE__ */ jsxRuntime.jsx("svg", { className: chunkD5LKWKG7_js.cn("h-4 w-4", className), viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsxRuntime.jsx("polyline", { points: "6 9 12 15 18 9" }) }),
+  chevronRight: ({ className }) => /* @__PURE__ */ jsxRuntime.jsx("svg", { className: chunkD5LKWKG7_js.cn("h-4 w-4", className), viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsxRuntime.jsx("polyline", { points: "9 18 15 12 9 6" }) }),
+  plus: ({ className }) => /* @__PURE__ */ jsxRuntime.jsxs("svg", { className: chunkD5LKWKG7_js.cn("h-4 w-4", className), viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
     /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "12", y1: "5", x2: "12", y2: "19" }),
     /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "5", y1: "12", x2: "19", y2: "12" })
   ] }),
-  folder: ({ className }) => /* @__PURE__ */ jsxRuntime.jsx("svg", { className: chunkM3ICCPCU_js.cn("h-4 w-4", className), viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M22 19a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h5l2 3h9a2 2 0 0 1 2 2z" }) }),
-  users: ({ className }) => /* @__PURE__ */ jsxRuntime.jsxs("svg", { className: chunkM3ICCPCU_js.cn("h-4 w-4", className), viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+  folder: ({ className }) => /* @__PURE__ */ jsxRuntime.jsx("svg", { className: chunkD5LKWKG7_js.cn("h-4 w-4", className), viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M22 19a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h5l2 3h9a2 2 0 0 1 2 2z" }) }),
+  users: ({ className }) => /* @__PURE__ */ jsxRuntime.jsxs("svg", { className: chunkD5LKWKG7_js.cn("h-4 w-4", className), viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
     /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2" }),
     /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "9", cy: "7", r: "4" }),
     /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M23 21v-2a4 4 0 0 0-3-3.87" }),
     /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M16 3.13a4 4 0 0 1 0 7.75" })
   ] }),
-  sparkles: ({ className }) => /* @__PURE__ */ jsxRuntime.jsxs("svg", { className: chunkM3ICCPCU_js.cn("h-4 w-4", className), viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+  sparkles: ({ className }) => /* @__PURE__ */ jsxRuntime.jsxs("svg", { className: chunkD5LKWKG7_js.cn("h-4 w-4", className), viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
     /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m12 3-1.912 5.813a2 2 0 0 1-1.275 1.275L3 12l5.813 1.912a2 2 0 0 1 1.275 1.275L12 21l1.912-5.813a2 2 0 0 1 1.275-1.275L21 12l-5.813-1.912a2 2 0 0 1-1.275-1.275L12 3Z" }),
     /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M5 3v4" }),
     /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M19 17v4" }),
     /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M3 5h4" }),
     /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M17 19h4" })
   ] }),
-  check: ({ className }) => /* @__PURE__ */ jsxRuntime.jsx("svg", { className: chunkM3ICCPCU_js.cn("h-4 w-4", className), viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsxRuntime.jsx("polyline", { points: "20 6 9 17 4 12" }) }),
-  arrowLeft: ({ className }) => /* @__PURE__ */ jsxRuntime.jsxs("svg", { className: chunkM3ICCPCU_js.cn("h-4 w-4", className), viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+  check: ({ className }) => /* @__PURE__ */ jsxRuntime.jsx("svg", { className: chunkD5LKWKG7_js.cn("h-4 w-4", className), viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsxRuntime.jsx("polyline", { points: "20 6 9 17 4 12" }) }),
+  arrowLeft: ({ className }) => /* @__PURE__ */ jsxRuntime.jsxs("svg", { className: chunkD5LKWKG7_js.cn("h-4 w-4", className), viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
     /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m12 19-7-7 7-7" }),
     /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M19 12H5" })
   ] }),
-  home: ({ className }) => /* @__PURE__ */ jsxRuntime.jsxs("svg", { className: chunkM3ICCPCU_js.cn("h-4 w-4", className), viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+  home: ({ className }) => /* @__PURE__ */ jsxRuntime.jsxs("svg", { className: chunkD5LKWKG7_js.cn("h-4 w-4", className), viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
     /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m3 9 9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z" }),
     /* @__PURE__ */ jsxRuntime.jsx("polyline", { points: "9 22 9 12 15 12 15 22" })
   ] }),
-  helpCircle: ({ className }) => /* @__PURE__ */ jsxRuntime.jsxs("svg", { className: chunkM3ICCPCU_js.cn("h-4 w-4", className), viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+  helpCircle: ({ className }) => /* @__PURE__ */ jsxRuntime.jsxs("svg", { className: chunkD5LKWKG7_js.cn("h-4 w-4", className), viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
     /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "10" }),
     /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3" }),
     /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 17h.01" })
   ] }),
-  globe: ({ className }) => /* @__PURE__ */ jsxRuntime.jsxs("svg", { className: chunkM3ICCPCU_js.cn("h-4 w-4", className), viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+  globe: ({ className }) => /* @__PURE__ */ jsxRuntime.jsxs("svg", { className: chunkD5LKWKG7_js.cn("h-4 w-4", className), viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
     /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "10" }),
     /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "2", y1: "12", x2: "22", y2: "12" }),
     /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z" })
   ] }),
-  download: ({ className }) => /* @__PURE__ */ jsxRuntime.jsxs("svg", { className: chunkM3ICCPCU_js.cn("h-4 w-4", className), viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+  download: ({ className }) => /* @__PURE__ */ jsxRuntime.jsxs("svg", { className: chunkD5LKWKG7_js.cn("h-4 w-4", className), viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
     /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" }),
     /* @__PURE__ */ jsxRuntime.jsx("polyline", { points: "7 10 12 15 17 10" }),
     /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "12", y1: "15", x2: "12", y2: "3" })
   ] }),
-  lock: ({ className }) => /* @__PURE__ */ jsxRuntime.jsxs("svg", { className: chunkM3ICCPCU_js.cn("h-4 w-4", className), viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+  lock: ({ className }) => /* @__PURE__ */ jsxRuntime.jsxs("svg", { className: chunkD5LKWKG7_js.cn("h-4 w-4", className), viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
     /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "3", y: "11", width: "18", height: "11", rx: "2", ry: "2" }),
     /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M7 11V7a5 5 0 0 1 10 0v4" })
   ] }),
-  unlock: ({ className }) => /* @__PURE__ */ jsxRuntime.jsxs("svg", { className: chunkM3ICCPCU_js.cn("h-4 w-4", className), viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+  unlock: ({ className }) => /* @__PURE__ */ jsxRuntime.jsxs("svg", { className: chunkD5LKWKG7_js.cn("h-4 w-4", className), viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
     /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "3", y: "11", width: "18", height: "11", rx: "2", ry: "2" }),
     /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M7 11V7a5 5 0 0 1 5-5 5 5 0 0 1 5 5" })
   ] }),
-  code: ({ className }) => /* @__PURE__ */ jsxRuntime.jsxs("svg", { className: chunkM3ICCPCU_js.cn("h-4 w-4", className), viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+  code: ({ className }) => /* @__PURE__ */ jsxRuntime.jsxs("svg", { className: chunkD5LKWKG7_js.cn("h-4 w-4", className), viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
     /* @__PURE__ */ jsxRuntime.jsx("polyline", { points: "16 18 22 12 16 6" }),
     /* @__PURE__ */ jsxRuntime.jsx("polyline", { points: "8 6 2 12 8 18" })
   ] }),
-  github: ({ className }) => /* @__PURE__ */ jsxRuntime.jsxs("svg", { className: chunkM3ICCPCU_js.cn("h-4 w-4", className), viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+  github: ({ className }) => /* @__PURE__ */ jsxRuntime.jsxs("svg", { className: chunkD5LKWKG7_js.cn("h-4 w-4", className), viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
     /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M15 22v-4a4.8 4.8 0 0 0-1-3.5c3 0 6-2 6-5.5.08-1.25-.27-2.48-1-3.5.28-1.15.28-2.35 0-3.5 0 0-1 0-3 1.5-2.64-.5-5.36-.5-8 0C6 2 5 2 5 2c-.3 1.15-.3 2.35 0 3.5A5.403 5.403 0 0 0 4 9c0 3.5 3 5.5 6 5.5-.39.49-.68 1.05-.85 1.65-.17.6-.22 1.23-.15 1.85v4" }),
     /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M9 18c-4.51 2-5-2-7-2" })
   ] }),
-  copy: ({ className }) => /* @__PURE__ */ jsxRuntime.jsxs("svg", { className: chunkM3ICCPCU_js.cn("h-4 w-4", className), viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+  copy: ({ className }) => /* @__PURE__ */ jsxRuntime.jsxs("svg", { className: chunkD5LKWKG7_js.cn("h-4 w-4", className), viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
     /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "9", y: "9", width: "13", height: "13", rx: "2", ry: "2" }),
     /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1" })
   ] }),
-  spinner: ({ className }) => /* @__PURE__ */ jsxRuntime.jsx("svg", { className: chunkM3ICCPCU_js.cn("h-4 w-4", className), viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M21 12a9 9 0 1 1-6.219-8.56" }) }),
-  refresh: ({ className }) => /* @__PURE__ */ jsxRuntime.jsxs("svg", { className: chunkM3ICCPCU_js.cn("h-4 w-4", className), viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+  spinner: ({ className }) => /* @__PURE__ */ jsxRuntime.jsx("svg", { className: chunkD5LKWKG7_js.cn("h-4 w-4", className), viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M21 12a9 9 0 1 1-6.219-8.56" }) }),
+  refresh: ({ className }) => /* @__PURE__ */ jsxRuntime.jsxs("svg", { className: chunkD5LKWKG7_js.cn("h-4 w-4", className), viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
     /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8" }),
     /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M21 3v5h-5" }),
     /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16" }),
     /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M8 16H3v5" })
   ] }),
-  alertCircle: ({ className }) => /* @__PURE__ */ jsxRuntime.jsxs("svg", { className: chunkM3ICCPCU_js.cn("h-4 w-4", className), viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+  alertCircle: ({ className }) => /* @__PURE__ */ jsxRuntime.jsxs("svg", { className: chunkD5LKWKG7_js.cn("h-4 w-4", className), viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
     /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "10" }),
     /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "12", y1: "8", x2: "12", y2: "12" }),
     /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "12", y1: "16", x2: "12.01", y2: "16" })
   ] }),
-  palette: ({ className }) => /* @__PURE__ */ jsxRuntime.jsxs("svg", { className: chunkM3ICCPCU_js.cn("h-4 w-4", className), viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+  palette: ({ className }) => /* @__PURE__ */ jsxRuntime.jsxs("svg", { className: chunkD5LKWKG7_js.cn("h-4 w-4", className), viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
     /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "13.5", cy: "6.5", r: ".5" }),
     /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "17.5", cy: "10.5", r: ".5" }),
     /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "8.5", cy: "7.5", r: ".5" }),
     /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "6.5", cy: "12.5", r: ".5" }),
     /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10c.926 0 1.648-.746 1.648-1.688 0-.437-.18-.835-.437-1.125-.29-.289-.438-.652-.438-1.125a1.64 1.64 0 0 1 1.668-1.668h1.996c3.051 0 5.555-2.503 5.555-5.555C21.965 6.012 17.461 2 12 2z" })
   ] }),
-  puzzle: ({ className }) => /* @__PURE__ */ jsxRuntime.jsx("svg", { className: chunkM3ICCPCU_js.cn("h-4 w-4", className), viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M19.439 7.85c-.049.322.059.648.289.878l1.568 1.568c.47.47.706 1.087.706 1.704s-.235 1.233-.706 1.704l-1.611 1.611a.98.98 0 0 1-.837.276c-.47-.07-.802-.48-.968-.925a2.501 2.501 0 1 0-3.214 3.214c.446.166.855.497.925.968a.979.979 0 0 1-.276.837l-1.61 1.61a2.404 2.404 0 0 1-1.705.707 2.402 2.402 0 0 1-1.704-.706l-1.568-1.568a1.026 1.026 0 0 0-.877-.29c-.493.074-.84.504-1.02.968a2.5 2.5 0 1 1-3.237-3.237c.464-.18.894-.527.967-1.02a1.026 1.026 0 0 0-.289-.877l-1.568-1.568A2.402 2.402 0 0 1 1.998 12c0-.617.236-1.234.706-1.704L4.23 8.77c.24-.24.581-.353.917-.303.515.077.877.528 1.073 1.01a2.5 2.5 0 1 0 3.259-3.259c-.482-.196-.933-.558-1.01-1.073-.05-.336.062-.676.303-.917l1.525-1.525A2.402 2.402 0 0 1 12 1.998c.617 0 1.234.236 1.704.706l1.568 1.568c.23.23.556.338.877.29.493-.074.84-.504 1.02-.968a2.5 2.5 0 1 1 3.237 3.237c-.464.18-.894.527-.967 1.02Z" }) }),
-  upload: ({ className }) => /* @__PURE__ */ jsxRuntime.jsxs("svg", { className: chunkM3ICCPCU_js.cn("h-4 w-4", className), viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+  puzzle: ({ className }) => /* @__PURE__ */ jsxRuntime.jsx("svg", { className: chunkD5LKWKG7_js.cn("h-4 w-4", className), viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M19.439 7.85c-.049.322.059.648.289.878l1.568 1.568c.47.47.706 1.087.706 1.704s-.235 1.233-.706 1.704l-1.611 1.611a.98.98 0 0 1-.837.276c-.47-.07-.802-.48-.968-.925a2.501 2.501 0 1 0-3.214 3.214c.446.166.855.497.925.968a.979.979 0 0 1-.276.837l-1.61 1.61a2.404 2.404 0 0 1-1.705.707 2.402 2.402 0 0 1-1.704-.706l-1.568-1.568a1.026 1.026 0 0 0-.877-.29c-.493.074-.84.504-1.02.968a2.5 2.5 0 1 1-3.237-3.237c.464-.18.894-.527.967-1.02a1.026 1.026 0 0 0-.289-.877l-1.568-1.568A2.402 2.402 0 0 1 1.998 12c0-.617.236-1.234.706-1.704L4.23 8.77c.24-.24.581-.353.917-.303.515.077.877.528 1.073 1.01a2.5 2.5 0 1 0 3.259-3.259c-.482-.196-.933-.558-1.01-1.073-.05-.336.062-.676.303-.917l1.525-1.525A2.402 2.402 0 0 1 12 1.998c.617 0 1.234.236 1.704.706l1.568 1.568c.23.23.556.338.877.29.493-.074.84-.504 1.02-.968a2.5 2.5 0 1 1 3.237 3.237c-.464.18-.894.527-.967 1.02Z" }) }),
+  upload: ({ className }) => /* @__PURE__ */ jsxRuntime.jsxs("svg", { className: chunkD5LKWKG7_js.cn("h-4 w-4", className), viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
     /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" }),
     /* @__PURE__ */ jsxRuntime.jsx("polyline", { points: "17 8 12 3 7 8" }),
     /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "12", y1: "3", x2: "12", y2: "15" })
   ] }),
-  externalLink: ({ className }) => /* @__PURE__ */ jsxRuntime.jsxs("svg", { className: chunkM3ICCPCU_js.cn("h-4 w-4", className), viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+  externalLink: ({ className }) => /* @__PURE__ */ jsxRuntime.jsxs("svg", { className: chunkD5LKWKG7_js.cn("h-4 w-4", className), viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
     /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6" }),
     /* @__PURE__ */ jsxRuntime.jsx("polyline", { points: "15 3 21 3 21 9" }),
     /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "10", y1: "14", x2: "21", y2: "3" })
   ] }),
-  gitBranch: ({ className }) => /* @__PURE__ */ jsxRuntime.jsxs("svg", { className: chunkM3ICCPCU_js.cn("h-4 w-4", className), viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+  gitBranch: ({ className }) => /* @__PURE__ */ jsxRuntime.jsxs("svg", { className: chunkD5LKWKG7_js.cn("h-4 w-4", className), viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
     /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "6", y1: "3", x2: "6", y2: "15" }),
     /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "18", cy: "6", r: "3" }),
     /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "6", cy: "18", r: "3" }),
@@ -4498,7 +4727,7 @@ function InputGroup({ className, ...props }) {
     {
       "data-slot": "input-group",
       role: "group",
-      className: chunkM3ICCPCU_js.cn(
+      className: chunkD5LKWKG7_js.cn(
         "group/input-group relative flex w-full items-center rounded-md border border-input shadow-xs transition-[color,box-shadow] outline-none dark:bg-input/30",
         "h-9 min-w-0 has-[>textarea]:h-auto",
         // Variants based on alignment.
@@ -4543,7 +4772,7 @@ function InputGroupAddon({
       role: "group",
       "data-slot": "input-group-addon",
       "data-align": align,
-      className: chunkM3ICCPCU_js.cn(inputGroupAddonVariants({ align }), className),
+      className: chunkD5LKWKG7_js.cn(inputGroupAddonVariants({ align }), className),
       onClick: (e) => {
         if (e.target.closest("button")) {
           return;
@@ -4578,12 +4807,12 @@ function InputGroupButton({
   ...props
 }) {
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkYAE5VBWJ_js.Button,
+    chunkDNLCSV5M_js.Button,
     {
       type,
       "data-size": size,
       variant,
-      className: chunkM3ICCPCU_js.cn(inputGroupButtonVariants({ size }), className),
+      className: chunkD5LKWKG7_js.cn(inputGroupButtonVariants({ size }), className),
       ...props
     }
   );
@@ -4592,7 +4821,7 @@ function InputGroupText({ className, ...props }) {
   return /* @__PURE__ */ jsxRuntime.jsx(
     "span",
     {
-      className: chunkM3ICCPCU_js.cn(
+      className: chunkD5LKWKG7_js.cn(
         "flex items-center gap-2 text-sm text-muted-foreground [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4",
         className
       ),
@@ -4608,7 +4837,7 @@ function InputGroupInput({
     Input,
     {
       "data-slot": "input-group-control",
-      className: chunkM3ICCPCU_js.cn(
+      className: chunkD5LKWKG7_js.cn(
         "flex-1 rounded-none border-0 bg-transparent shadow-none focus-visible:ring-0 dark:bg-transparent",
         className
       ),
@@ -4624,7 +4853,7 @@ function InputGroupTextarea({
     Textarea,
     {
       "data-slot": "input-group-control",
-      className: chunkM3ICCPCU_js.cn(
+      className: chunkD5LKWKG7_js.cn(
         "flex-1 resize-none rounded-none border-0 bg-transparent py-3 shadow-none focus-visible:ring-0 dark:bg-transparent",
         className
       ),
@@ -4638,7 +4867,7 @@ function ItemGroup({ className, ...props }) {
     {
       role: "list",
       "data-slot": "item-group",
-      className: chunkM3ICCPCU_js.cn("group/item-group flex flex-col", className),
+      className: chunkD5LKWKG7_js.cn("group/item-group flex flex-col", className),
       ...props
     }
   );
@@ -4652,7 +4881,7 @@ function ItemSeparator({
     {
       "data-slot": "item-separator",
       orientation: "horizontal",
-      className: chunkM3ICCPCU_js.cn("my-0", className),
+      className: chunkD5LKWKG7_js.cn("my-0", className),
       ...props
     }
   );
@@ -4691,7 +4920,7 @@ function Item9({
       "data-slot": "item",
       "data-variant": variant,
       "data-size": size,
-      className: chunkM3ICCPCU_js.cn(itemVariants({ variant, size, className })),
+      className: chunkD5LKWKG7_js.cn(itemVariants({ variant, size, className })),
       ...props
     }
   );
@@ -4721,7 +4950,7 @@ function ItemMedia({
     {
       "data-slot": "item-media",
       "data-variant": variant,
-      className: chunkM3ICCPCU_js.cn(itemMediaVariants({ variant, className })),
+      className: chunkD5LKWKG7_js.cn(itemMediaVariants({ variant, className })),
       ...props
     }
   );
@@ -4731,7 +4960,7 @@ function ItemContent({ className, ...props }) {
     "div",
     {
       "data-slot": "item-content",
-      className: chunkM3ICCPCU_js.cn(
+      className: chunkD5LKWKG7_js.cn(
         "flex flex-1 flex-col gap-1 [&+[data-slot=item-content]]:flex-none",
         className
       ),
@@ -4744,7 +4973,7 @@ function ItemTitle({ className, ...props }) {
     "div",
     {
       "data-slot": "item-title",
-      className: chunkM3ICCPCU_js.cn(
+      className: chunkD5LKWKG7_js.cn(
         "flex w-fit items-center gap-2 text-sm leading-snug font-medium",
         className
       ),
@@ -4757,7 +4986,7 @@ function ItemDescription({ className, ...props }) {
     "p",
     {
       "data-slot": "item-description",
-      className: chunkM3ICCPCU_js.cn(
+      className: chunkD5LKWKG7_js.cn(
         "line-clamp-2 text-sm leading-normal font-normal text-balance text-muted-foreground",
         "[&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-primary",
         className
@@ -4771,7 +5000,7 @@ function ItemActions({ className, ...props }) {
     "div",
     {
       "data-slot": "item-actions",
-      className: chunkM3ICCPCU_js.cn("flex items-center gap-2", className),
+      className: chunkD5LKWKG7_js.cn("flex items-center gap-2", className),
       ...props
     }
   );
@@ -4781,7 +5010,7 @@ function ItemHeader({ className, ...props }) {
     "div",
     {
       "data-slot": "item-header",
-      className: chunkM3ICCPCU_js.cn(
+      className: chunkD5LKWKG7_js.cn(
         "flex basis-full items-center justify-between gap-2",
         className
       ),
@@ -4794,7 +5023,7 @@ function ItemFooter({ className, ...props }) {
     "div",
     {
       "data-slot": "item-footer",
-      className: chunkM3ICCPCU_js.cn(
+      className: chunkD5LKWKG7_js.cn(
         "flex basis-full items-center justify-between gap-2",
         className
       ),
@@ -4802,18 +5031,22 @@ function ItemFooter({ className, ...props }) {
     }
   );
 }
-function Kbd({ className, ...props }) {
+function Kbd({ className, surface, radius, animated, ...props }) {
+  const sf = chunkD5LKWKG7_js.useSaasflareProps({ surface, radius, animated });
   return /* @__PURE__ */ jsxRuntime.jsx(
     "kbd",
     {
+      ...props,
       "data-slot": "kbd",
-      className: chunkM3ICCPCU_js.cn(
+      "data-surface": sf.surface,
+      "data-radius": sf.radius,
+      "data-animated": String(sf.animated),
+      className: chunkD5LKWKG7_js.cn(
         "pointer-events-none inline-flex h-5 w-fit min-w-5 items-center justify-center gap-1 rounded-sm bg-muted px-1 font-sans text-xs font-medium text-muted-foreground select-none",
         "[&_svg:not([class*='size-'])]:size-3",
         "[[data-slot=tooltip-content]_&]:bg-background/20 [[data-slot=tooltip-content]_&]:text-background dark:[[data-slot=tooltip-content]_&]:bg-background/10",
         className
-      ),
-      ...props
+      )
     }
   );
 }
@@ -4822,7 +5055,7 @@ function KbdGroup({ className, ...props }) {
     "kbd",
     {
       "data-slot": "kbd-group",
-      className: chunkM3ICCPCU_js.cn("inline-flex items-center gap-1", className),
+      className: chunkD5LKWKG7_js.cn("inline-flex items-center gap-1", className),
       ...props
     }
   );
@@ -4830,8 +5063,12 @@ function KbdGroup({ className, ...props }) {
 function NativeSelect({
   className,
   size = "default",
+  surface,
+  radius,
+  animated,
   ...props
 }) {
+  const sf = chunkD5LKWKG7_js.useSaasflareProps({ surface, radius, animated });
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
@@ -4841,15 +5078,18 @@ function NativeSelect({
         /* @__PURE__ */ jsxRuntime.jsx(
           "select",
           {
+            ...props,
             "data-slot": "native-select",
             "data-size": size,
-            className: chunkM3ICCPCU_js.cn(
+            "data-surface": sf.surface,
+            "data-radius": sf.radius,
+            "data-animated": String(sf.animated),
+            className: chunkD5LKWKG7_js.cn(
               "h-9 w-full min-w-0 appearance-none rounded-md border border-input bg-transparent px-3 py-2 pr-9 text-sm shadow-xs transition-[color,box-shadow] outline-none selection:bg-primary selection:text-primary-foreground placeholder:text-muted-foreground disabled:pointer-events-none disabled:cursor-not-allowed data-[size=sm]:h-8 data-[size=sm]:py-1 dark:bg-input/30 dark:hover:bg-input/50",
               "focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50",
               "aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40",
               className
-            ),
-            ...props
+            )
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx(
@@ -4875,7 +5115,7 @@ function NativeSelectOptGroup({
     "optgroup",
     {
       "data-slot": "native-select-optgroup",
-      className: chunkM3ICCPCU_js.cn(className),
+      className: chunkD5LKWKG7_js.cn(className),
       ...props
     }
   );
@@ -4887,7 +5127,7 @@ function Pagination({ className, ...props }) {
       role: "navigation",
       "aria-label": "pagination",
       "data-slot": "pagination",
-      className: chunkM3ICCPCU_js.cn("mx-auto flex w-full justify-center", className),
+      className: chunkD5LKWKG7_js.cn("mx-auto flex w-full justify-center", className),
       ...props
     }
   );
@@ -4900,7 +5140,7 @@ function PaginationContent({
     "ul",
     {
       "data-slot": "pagination-content",
-      className: chunkM3ICCPCU_js.cn("flex flex-row items-center gap-1", className),
+      className: chunkD5LKWKG7_js.cn("flex flex-row items-center gap-1", className),
       ...props
     }
   );
@@ -4920,8 +5160,8 @@ function PaginationLink({
       "aria-current": isActive ? "page" : void 0,
       "data-slot": "pagination-link",
       "data-active": isActive,
-      className: chunkM3ICCPCU_js.cn(
-        chunkYAE5VBWJ_js.buttonVariants({
+      className: chunkD5LKWKG7_js.cn(
+        chunkDNLCSV5M_js.buttonVariants({
           variant: isActive ? "outline" : "ghost",
           size
         }),
@@ -4940,7 +5180,7 @@ function PaginationPrevious({
     {
       "aria-label": "Go to previous page",
       size: "md",
-      className: chunkM3ICCPCU_js.cn("gap-1 px-2.5 sm:pl-2.5", className),
+      className: chunkD5LKWKG7_js.cn("gap-1 px-2.5 sm:pl-2.5", className),
       ...props,
       children: [
         /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronLeftIcon, {}),
@@ -4958,7 +5198,7 @@ function PaginationNext({
     {
       "aria-label": "Go to next page",
       size: "md",
-      className: chunkM3ICCPCU_js.cn("gap-1 px-2.5 sm:pr-2.5", className),
+      className: chunkD5LKWKG7_js.cn("gap-1 px-2.5 sm:pr-2.5", className),
       ...props,
       children: [
         /* @__PURE__ */ jsxRuntime.jsx("span", { className: "hidden sm:block", children: "Next" }),
@@ -4976,7 +5216,7 @@ function PaginationEllipsis({
     {
       "aria-hidden": true,
       "data-slot": "pagination-ellipsis",
-      className: chunkM3ICCPCU_js.cn("flex size-9 items-center justify-center", className),
+      className: chunkD5LKWKG7_js.cn("flex size-9 items-center justify-center", className),
       ...props,
       children: [
         /* @__PURE__ */ jsxRuntime.jsx(lucideReact.MoreHorizontalIcon, { className: "size-4" }),
@@ -4985,7 +5225,8 @@ function PaginationEllipsis({
     }
   );
 }
-function Table({ className, ...props }) {
+function Table({ className, surface, radius, animated, ...props }) {
+  const sf = chunkD5LKWKG7_js.useSaasflareProps({ surface, radius, animated });
   return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
@@ -4994,9 +5235,12 @@ function Table({ className, ...props }) {
       children: /* @__PURE__ */ jsxRuntime.jsx(
         "table",
         {
+          ...props,
           "data-slot": "table",
-          className: chunkM3ICCPCU_js.cn("w-full caption-bottom text-sm", className),
-          ...props
+          "data-surface": sf.surface,
+          "data-radius": sf.radius,
+          "data-animated": String(sf.animated),
+          className: chunkD5LKWKG7_js.cn("w-full caption-bottom text-sm", className)
         }
       )
     }
@@ -5007,7 +5251,7 @@ function TableHeader({ className, ...props }) {
     "thead",
     {
       "data-slot": "table-header",
-      className: chunkM3ICCPCU_js.cn("[&_tr]:border-b", className),
+      className: chunkD5LKWKG7_js.cn("[&_tr]:border-b", className),
       ...props
     }
   );
@@ -5017,7 +5261,7 @@ function TableBody({ className, ...props }) {
     "tbody",
     {
       "data-slot": "table-body",
-      className: chunkM3ICCPCU_js.cn("[&_tr:last-child]:border-0", className),
+      className: chunkD5LKWKG7_js.cn("[&_tr:last-child]:border-0", className),
       ...props
     }
   );
@@ -5027,7 +5271,7 @@ function TableFooter({ className, ...props }) {
     "tfoot",
     {
       "data-slot": "table-footer",
-      className: chunkM3ICCPCU_js.cn(
+      className: chunkD5LKWKG7_js.cn(
         "border-t bg-muted/50 font-medium [&>tr]:last:border-b-0",
         className
       ),
@@ -5040,7 +5284,7 @@ function TableRow({ className, ...props }) {
     "tr",
     {
       "data-slot": "table-row",
-      className: chunkM3ICCPCU_js.cn(
+      className: chunkD5LKWKG7_js.cn(
         "border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted",
         className
       ),
@@ -5053,7 +5297,7 @@ function TableHead({ className, ...props }) {
     "th",
     {
       "data-slot": "table-head",
-      className: chunkM3ICCPCU_js.cn(
+      className: chunkD5LKWKG7_js.cn(
         "h-10 px-2 text-left align-middle font-medium whitespace-nowrap text-foreground [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
         className
       ),
@@ -5066,7 +5310,7 @@ function TableCell({ className, ...props }) {
     "td",
     {
       "data-slot": "table-cell",
-      className: chunkM3ICCPCU_js.cn(
+      className: chunkD5LKWKG7_js.cn(
         "p-2 align-middle whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
         className
       ),
@@ -5082,14 +5326,17 @@ function TableCaption({
     "caption",
     {
       "data-slot": "table-caption",
-      className: chunkM3ICCPCU_js.cn("mt-4 text-sm text-muted-foreground", className),
+      className: chunkD5LKWKG7_js.cn("mt-4 text-sm text-muted-foreground", className),
       ...props
     }
   );
 }
 var AnimatedTooltip = ({
-  items
+  items,
+  animated
 }) => {
+  const sf = chunkD5LKWKG7_js.useSaasflareProps({ animated });
+  const motion = chunkFT66KYRN_js.useSaasflareMotion(sf.animated, { type: "spring", stiffness: 260, damping: 10 });
   const [hoveredIndex, setHoveredIndex] = React5.useState(null);
   const springConfig = { stiffness: 100, damping: 5 };
   const x = react.useMotionValue(0);
@@ -5109,18 +5356,16 @@ var AnimatedTooltip = ({
         /* @__PURE__ */ jsxRuntime.jsx(react.AnimatePresence, { children: hoveredIndex === item.id && /* @__PURE__ */ jsxRuntime.jsxs(
           react.m.div,
           {
-            initial: { opacity: 0, y: 20, scale: 0.6 },
+            "data-slot": "animated-tooltip",
+            "data-animated": String(sf.animated),
+            initial: motion.disabled ? false : { opacity: 0, y: 20, scale: 0.6 },
             animate: {
               opacity: 1,
               y: 0,
               scale: 1,
-              transition: {
-                type: "spring",
-                stiffness: 260,
-                damping: 10
-              }
+              transition: motion.transition
             },
-            exit: { opacity: 0, y: 20, scale: 0.6 },
+            exit: motion.disabled ? void 0 : { opacity: 0, y: 20, scale: 0.6 },
             style: {
               translateX,
               rotate,
@@ -5156,15 +5401,18 @@ function TypewriterText({
   wordDelay = 40,
   skipAnimation = false,
   onComplete,
-  className
+  className,
+  animated
 }) {
+  const sf = chunkD5LKWKG7_js.useSaasflareProps({ animated });
+  const effectiveSkip = skipAnimation || !sf.animated;
   const [displayedWords, setDisplayedWords] = React5.useState([]);
-  const [isComplete, setIsComplete] = React5.useState(skipAnimation);
+  const [isComplete, setIsComplete] = React5.useState(effectiveSkip);
   const words = React5.useRef(text.split(" "));
   const timeoutRef = React5.useRef(null);
   React5.useEffect(() => {
     words.current = text.split(" ");
-    if (skipAnimation) {
+    if (effectiveSkip) {
       setDisplayedWords(words.current);
       setIsComplete(true);
       return;
@@ -5188,11 +5436,19 @@ function TypewriterText({
         clearTimeout(timeoutRef.current);
       }
     };
-  }, [text, wordDelay, skipAnimation, onComplete]);
-  return /* @__PURE__ */ jsxRuntime.jsxs("span", { className: chunkM3ICCPCU_js.cn("inline", className), children: [
-    displayedWords.join(" "),
-    !isComplete && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "inline-block w-0.5 h-4 bg-primary ml-0.5 animate-pulse" })
-  ] });
+  }, [text, wordDelay, effectiveSkip, onComplete]);
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "span",
+    {
+      "data-slot": "typewriter-text",
+      "data-animated": String(sf.animated),
+      className: chunkD5LKWKG7_js.cn("inline", className),
+      children: [
+        displayedWords.join(" "),
+        !isComplete && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "inline-block w-0.5 h-4 bg-primary ml-0.5 animate-pulse" })
+      ]
+    }
+  );
 }
 var SIDEBAR_COOKIE_NAME = "sidebar_state";
 var SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7;
@@ -5288,7 +5544,7 @@ function SidebarProvider({
         "--sidebar-width-icon": SIDEBAR_WIDTH_ICON,
         ...style
       },
-      className: chunkM3ICCPCU_js.cn(
+      className: chunkD5LKWKG7_js.cn(
         "group/sidebar-wrapper has-data-[variant=inset]:bg-sidebar flex h-svh w-full overflow-hidden",
         className
       ),
@@ -5304,13 +5560,13 @@ function SidebarTrigger({
 }) {
   const { toggleSidebar } = useSidebar();
   return /* @__PURE__ */ jsxRuntime.jsxs(
-    chunkYAE5VBWJ_js.Button,
+    chunkDNLCSV5M_js.Button,
     {
       "data-sidebar": "trigger",
       "data-slot": "sidebar-trigger",
       variant: "ghost",
       size: "icon",
-      className: chunkM3ICCPCU_js.cn("size-7", className),
+      className: chunkD5LKWKG7_js.cn("size-7", className),
       onClick: (event) => {
         onClick?.(event);
         toggleSidebar();
@@ -5329,19 +5585,26 @@ function Sidebar({
   collapsible = "offcanvas",
   className,
   children,
+  surface,
+  radius,
+  animated,
   ...props
 }) {
   const { isMobile, state, openMobile, setOpenMobile } = useSidebar();
+  const sf = chunkD5LKWKG7_js.useSaasflareProps({ surface, radius, animated });
   if (collapsible === "none") {
     return /* @__PURE__ */ jsxRuntime.jsx(
       "div",
       {
+        ...props,
         "data-slot": "sidebar",
-        className: chunkM3ICCPCU_js.cn(
+        "data-surface": sf.surface,
+        "data-radius": sf.radius,
+        "data-animated": String(sf.animated),
+        className: chunkD5LKWKG7_js.cn(
           "bg-sidebar text-sidebar-foreground flex h-full w-(--sidebar-width) flex-col",
           className
         ),
-        ...props,
         children
       }
     );
@@ -5377,12 +5640,15 @@ function Sidebar({
       "data-variant": variant,
       "data-side": side,
       "data-slot": "sidebar",
+      "data-surface": sf.surface,
+      "data-radius": sf.radius,
+      "data-animated": String(sf.animated),
       children: [
         /* @__PURE__ */ jsxRuntime.jsx(
           "div",
           {
             "data-slot": "sidebar-gap",
-            className: chunkM3ICCPCU_js.cn(
+            className: chunkD5LKWKG7_js.cn(
               "relative w-(--sidebar-width) bg-transparent transition-[width] duration-200 ease-linear",
               "group-data-[collapsible=offcanvas]:w-0",
               "group-data-[side=right]:rotate-180",
@@ -5394,7 +5660,7 @@ function Sidebar({
           "div",
           {
             "data-slot": "sidebar-container",
-            className: chunkM3ICCPCU_js.cn(
+            className: chunkD5LKWKG7_js.cn(
               "fixed inset-y-0 z-10 hidden h-svh w-(--sidebar-width) transition-[left,right,width] duration-200 ease-linear md:flex",
               side === "left" ? "left-0 group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)]" : "right-0 group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)]",
               // Adjust the padding for floating and inset variants.
@@ -5428,7 +5694,7 @@ function SidebarRail({ className, ...props }) {
       tabIndex: -1,
       onClick: toggleSidebar,
       title: "Toggle Sidebar",
-      className: chunkM3ICCPCU_js.cn(
+      className: chunkD5LKWKG7_js.cn(
         "hover:after:bg-sidebar-border absolute inset-y-0 z-20 hidden w-4 -translate-x-1/2 transition-all ease-linear group-data-[side=left]:-right-4 group-data-[side=right]:left-0 after:absolute after:inset-y-0 after:left-1/2 after:w-[2px] sm:flex",
         "in-data-[side=left]:cursor-w-resize in-data-[side=right]:cursor-e-resize",
         "[[data-side=left][data-state=collapsed]_&]:cursor-e-resize [[data-side=right][data-state=collapsed]_&]:cursor-w-resize",
@@ -5446,7 +5712,7 @@ function SidebarInset({ className, ...props }) {
     "main",
     {
       "data-slot": "sidebar-inset",
-      className: chunkM3ICCPCU_js.cn(
+      className: chunkD5LKWKG7_js.cn(
         "bg-background relative flex w-full flex-1 flex-col overflow-auto",
         "md:peer-data-[variant=inset]:m-2 md:peer-data-[variant=inset]:ml-0 md:peer-data-[variant=inset]:rounded-xl md:peer-data-[variant=inset]:shadow-sm md:peer-data-[variant=inset]:peer-data-[state=collapsed]:ml-2",
         className
@@ -5464,7 +5730,7 @@ function SidebarInput({
     {
       "data-slot": "sidebar-input",
       "data-sidebar": "input",
-      className: chunkM3ICCPCU_js.cn("bg-background h-8 w-full shadow-none", className),
+      className: chunkD5LKWKG7_js.cn("bg-background h-8 w-full shadow-none", className),
       ...props
     }
   );
@@ -5475,7 +5741,7 @@ function SidebarHeader({ className, ...props }) {
     {
       "data-slot": "sidebar-header",
       "data-sidebar": "header",
-      className: chunkM3ICCPCU_js.cn("flex flex-col gap-2 p-2", className),
+      className: chunkD5LKWKG7_js.cn("flex flex-col gap-2 p-2", className),
       ...props
     }
   );
@@ -5486,7 +5752,7 @@ function SidebarFooter({ className, ...props }) {
     {
       "data-slot": "sidebar-footer",
       "data-sidebar": "footer",
-      className: chunkM3ICCPCU_js.cn("flex flex-col gap-2 p-2", className),
+      className: chunkD5LKWKG7_js.cn("flex flex-col gap-2 p-2", className),
       ...props
     }
   );
@@ -5500,7 +5766,7 @@ function SidebarSeparator({
     {
       "data-slot": "sidebar-separator",
       "data-sidebar": "separator",
-      className: chunkM3ICCPCU_js.cn("bg-sidebar-border mx-2 w-auto", className),
+      className: chunkD5LKWKG7_js.cn("bg-sidebar-border mx-2 w-auto", className),
       ...props
     }
   );
@@ -5511,7 +5777,7 @@ function SidebarContent({ className, ...props }) {
     {
       "data-slot": "sidebar-content",
       "data-sidebar": "content",
-      className: chunkM3ICCPCU_js.cn(
+      className: chunkD5LKWKG7_js.cn(
         "flex min-h-0 flex-1 flex-col gap-2 overflow-auto group-data-[collapsible=icon]:overflow-hidden",
         className
       ),
@@ -5525,7 +5791,7 @@ function SidebarGroup({ className, ...props }) {
     {
       "data-slot": "sidebar-group",
       "data-sidebar": "group",
-      className: chunkM3ICCPCU_js.cn("relative flex w-full min-w-0 flex-col p-2", className),
+      className: chunkD5LKWKG7_js.cn("relative flex w-full min-w-0 flex-col p-2", className),
       ...props
     }
   );
@@ -5541,7 +5807,7 @@ function SidebarGroupLabel({
     {
       "data-slot": "sidebar-group-label",
       "data-sidebar": "group-label",
-      className: chunkM3ICCPCU_js.cn(
+      className: chunkD5LKWKG7_js.cn(
         "text-sidebar-foreground/70 ring-sidebar-ring flex h-8 shrink-0 items-center rounded-md px-2 text-xs font-medium outline-hidden transition-[margin,opacity] duration-200 ease-linear focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0",
         "group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0",
         className
@@ -5561,7 +5827,7 @@ function SidebarGroupAction({
     {
       "data-slot": "sidebar-group-action",
       "data-sidebar": "group-action",
-      className: chunkM3ICCPCU_js.cn(
+      className: chunkD5LKWKG7_js.cn(
         "text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground absolute top-3.5 right-3 flex aspect-square w-5 items-center justify-center rounded-md p-0 outline-hidden transition-transform focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0",
         // Increases the hit area of the button on mobile.
         "after:absolute after:-inset-2 md:after:hidden",
@@ -5581,7 +5847,7 @@ function SidebarGroupContent({
     {
       "data-slot": "sidebar-group-content",
       "data-sidebar": "group-content",
-      className: chunkM3ICCPCU_js.cn("w-full text-sm", className),
+      className: chunkD5LKWKG7_js.cn("w-full text-sm", className),
       ...props
     }
   );
@@ -5612,7 +5878,7 @@ function SidebarMenu({ className, ...props }) {
     {
       "data-slot": "sidebar-menu",
       "data-sidebar": "menu",
-      className: chunkM3ICCPCU_js.cn("flex w-full min-w-0 flex-col gap-1", className),
+      className: chunkD5LKWKG7_js.cn("flex w-full min-w-0 flex-col gap-1", className),
       ...props
     }
   );
@@ -5623,7 +5889,7 @@ function SidebarMenuItem({ className, ...props }) {
     {
       "data-slot": "sidebar-menu-item",
       "data-sidebar": "menu-item",
-      className: chunkM3ICCPCU_js.cn("group/menu-item relative", className),
+      className: chunkD5LKWKG7_js.cn("group/menu-item relative", className),
       ...props
     }
   );
@@ -5646,7 +5912,7 @@ function SidebarMenuButton({
       "data-sidebar": "menu-button",
       "data-size": size,
       "data-active": isActive,
-      className: chunkM3ICCPCU_js.cn(sidebarMenuButtonVariants({ variant, size }), className),
+      className: chunkD5LKWKG7_js.cn(sidebarMenuButtonVariants({ variant, size }), className),
       ...props
     }
   );
@@ -5683,7 +5949,7 @@ function SidebarMenuAction({
     {
       "data-slot": "sidebar-menu-action",
       "data-sidebar": "menu-action",
-      className: chunkM3ICCPCU_js.cn(
+      className: chunkD5LKWKG7_js.cn(
         "text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground peer-hover/menu-button:text-sidebar-accent-foreground absolute top-1.5 right-1 flex aspect-square w-5 items-center justify-center rounded-md p-0 outline-hidden transition-transform focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0",
         // Increases the hit area of the button on mobile.
         "after:absolute after:-inset-2 md:after:hidden",
@@ -5707,7 +5973,7 @@ function SidebarMenuBadge({
     {
       "data-slot": "sidebar-menu-badge",
       "data-sidebar": "menu-badge",
-      className: chunkM3ICCPCU_js.cn(
+      className: chunkD5LKWKG7_js.cn(
         "text-sidebar-foreground pointer-events-none absolute right-1 flex h-5 min-w-5 items-center justify-center rounded-md px-1 text-xs font-medium tabular-nums select-none",
         "peer-hover/menu-button:text-sidebar-accent-foreground peer-data-[active=true]/menu-button:text-sidebar-accent-foreground",
         "peer-data-[size=sm]/menu-button:top-1",
@@ -5733,7 +5999,7 @@ function SidebarMenuSkeleton({
     {
       "data-slot": "sidebar-menu-skeleton",
       "data-sidebar": "menu-skeleton",
-      className: chunkM3ICCPCU_js.cn("flex h-8 items-center gap-2 rounded-md px-2", className),
+      className: chunkD5LKWKG7_js.cn("flex h-8 items-center gap-2 rounded-md px-2", className),
       ...props,
       children: [
         showIcon && /* @__PURE__ */ jsxRuntime.jsx(
@@ -5763,7 +6029,7 @@ function SidebarMenuSub({ className, ...props }) {
     {
       "data-slot": "sidebar-menu-sub",
       "data-sidebar": "menu-sub",
-      className: chunkM3ICCPCU_js.cn(
+      className: chunkD5LKWKG7_js.cn(
         "border-sidebar-border mx-3.5 flex min-w-0 translate-x-px flex-col gap-1 border-l px-2.5 py-0.5",
         "group-data-[collapsible=icon]:hidden",
         className
@@ -5781,7 +6047,7 @@ function SidebarMenuSubItem({
     {
       "data-slot": "sidebar-menu-sub-item",
       "data-sidebar": "menu-sub-item",
-      className: chunkM3ICCPCU_js.cn("group/menu-sub-item relative", className),
+      className: chunkD5LKWKG7_js.cn("group/menu-sub-item relative", className),
       ...props
     }
   );
@@ -5801,7 +6067,7 @@ function SidebarMenuSubButton({
       "data-sidebar": "menu-sub-button",
       "data-size": size,
       "data-active": isActive,
-      className: chunkM3ICCPCU_js.cn(
+      className: chunkD5LKWKG7_js.cn(
         "text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground active:bg-sidebar-accent active:text-sidebar-accent-foreground [&>svg]:text-sidebar-accent-foreground flex h-7 min-w-0 -translate-x-px items-center gap-2 overflow-hidden rounded-md px-2 outline-hidden transition-colors focus-visible:ring-2 disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0",
         "data-[active=true]:bg-[color-mix(in_oklch,var(--sidebar-primary)_10%,transparent)] data-[active=true]:text-sidebar-primary",
         size === "sm" && "text-xs",
@@ -5819,14 +6085,21 @@ function PageHeader({
   breadcrumbs,
   actions,
   className,
+  surface,
+  radius,
+  animated,
   ...props
 }) {
+  const sf = chunkD5LKWKG7_js.useSaasflareProps({ surface, radius, animated });
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
-      "data-slot": "page-header",
-      className: chunkM3ICCPCU_js.cn("flex flex-col gap-1", className),
       ...props,
+      "data-slot": "page-header",
+      "data-surface": sf.surface,
+      "data-radius": sf.radius,
+      "data-animated": String(sf.animated),
+      className: chunkD5LKWKG7_js.cn("flex flex-col gap-1", className),
       children: [
         breadcrumbs && /* @__PURE__ */ jsxRuntime.jsx("div", { "data-slot": "page-header-breadcrumbs", className: "mb-2", children: breadcrumbs }),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start justify-between gap-4", children: [
@@ -5847,17 +6120,24 @@ function SectionCard({
   headerAction,
   className,
   children,
+  surface,
+  radius,
+  animated,
   ...props
 }) {
+  const sf = chunkD5LKWKG7_js.useSaasflareProps({ surface, radius, animated });
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
+      ...props,
       "data-slot": "section-card",
-      className: chunkM3ICCPCU_js.cn(
+      "data-surface": sf.surface,
+      "data-radius": sf.radius,
+      "data-animated": String(sf.animated),
+      className: chunkD5LKWKG7_js.cn(
         "rounded-xl border bg-card text-card-foreground shadow-sm",
         className
       ),
-      ...props,
       children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start justify-between gap-4 border-b px-6 py-4", children: [
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-1", children: [
@@ -5895,17 +6175,24 @@ function MetricCard({
   trend,
   icon,
   className,
+  surface,
+  radius,
+  animated,
   ...props
 }) {
+  const sf = chunkD5LKWKG7_js.useSaasflareProps({ surface, radius, animated });
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
+      ...props,
       "data-slot": "metric-card",
-      className: chunkM3ICCPCU_js.cn(
+      "data-surface": sf.surface,
+      "data-radius": sf.radius,
+      "data-animated": String(sf.animated),
+      className: chunkD5LKWKG7_js.cn(
         "flex flex-col gap-2 rounded-xl border bg-card p-6 text-card-foreground shadow-sm",
         className
       ),
-      ...props,
       children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between", children: [
           /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm font-medium text-muted-foreground", children: label }),
@@ -5913,7 +6200,7 @@ function MetricCard({
         ] }),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-baseline gap-2", children: [
           /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-2xl font-bold tracking-tight", children: value }),
-          trend && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: chunkM3ICCPCU_js.cn("text-xs font-medium", TREND_STYLES[trend.direction]), children: [
+          trend && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: chunkD5LKWKG7_js.cn("text-xs font-medium", TREND_STYLES[trend.direction]), children: [
             TREND_ARROWS[trend.direction],
             " ",
             Math.abs(trend.value),
@@ -5930,17 +6217,24 @@ function EmptyState({
   description,
   action,
   className,
+  surface,
+  radius,
+  animated,
   ...props
 }) {
+  const sf = chunkD5LKWKG7_js.useSaasflareProps({ surface, radius, animated });
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
+      ...props,
       "data-slot": "empty-state",
-      className: chunkM3ICCPCU_js.cn(
+      "data-surface": sf.surface,
+      "data-radius": sf.radius,
+      "data-animated": String(sf.animated),
+      className: chunkD5LKWKG7_js.cn(
         "flex flex-col items-center justify-center gap-4 py-12 text-center",
         className
       ),
-      ...props,
       children: [
         icon && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-muted-foreground [&_svg]:size-12", children: icon }),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-1", children: [
@@ -5957,50 +6251,71 @@ function SearchField({
   loading = false,
   onClear,
   value,
+  surface,
+  radius,
+  animated,
   ...props
 }) {
+  const sf = chunkD5LKWKG7_js.useSaasflareProps({ surface, radius, animated });
   const hasValue = typeof value === "string" ? value.length > 0 : false;
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-slot": "search-field", className: chunkM3ICCPCU_js.cn("relative", className), children: [
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pointer-events-none absolute left-3 top-1/2 -translate-y-1/2 text-muted-foreground", children: loading ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2Icon, { className: "size-4 animate-spin", "aria-hidden": "true" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.SearchIcon, { className: "size-4", "aria-hidden": "true" }) }),
-    /* @__PURE__ */ jsxRuntime.jsx(
-      "input",
-      {
-        type: "search",
-        "data-slot": "search-field-input",
-        className: "h-9 w-full rounded-md border border-input bg-background pl-9 pr-9 text-sm outline-none transition-colors placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50",
-        value,
-        ...props
-      }
-    ),
-    hasValue && onClear && /* @__PURE__ */ jsxRuntime.jsx(
-      "button",
-      {
-        type: "button",
-        "data-slot": "search-field-clear",
-        onClick: onClear,
-        className: "absolute right-2 top-1/2 -translate-y-1/2 rounded-sm p-0.5 text-muted-foreground transition-colors hover:text-foreground focus-visible:ring-2 focus-visible:ring-ring",
-        "aria-label": "Clear search",
-        children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.XIcon, { className: "size-3.5" })
-      }
-    )
-  ] });
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      "data-slot": "search-field",
+      "data-surface": sf.surface,
+      "data-radius": sf.radius,
+      "data-animated": String(sf.animated),
+      className: chunkD5LKWKG7_js.cn("relative", className),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pointer-events-none absolute left-3 top-1/2 -translate-y-1/2 text-muted-foreground", children: loading ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2Icon, { className: "size-4 animate-spin", "aria-hidden": "true" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.SearchIcon, { className: "size-4", "aria-hidden": "true" }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "input",
+          {
+            type: "search",
+            "data-slot": "search-field-input",
+            className: "h-9 w-full rounded-md border border-input bg-background pl-9 pr-9 text-sm outline-none transition-colors placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50",
+            value,
+            ...props
+          }
+        ),
+        hasValue && onClear && /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            type: "button",
+            "data-slot": "search-field-clear",
+            onClick: onClear,
+            className: "absolute right-2 top-1/2 -translate-y-1/2 rounded-sm p-0.5 text-muted-foreground transition-colors hover:text-foreground focus-visible:ring-2 focus-visible:ring-ring",
+            "aria-label": "Clear search",
+            children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.XIcon, { className: "size-3.5" })
+          }
+        )
+      ]
+    }
+  );
 }
 function SettingsSection({
   label,
   description,
   className,
   children,
+  surface,
+  radius,
+  animated,
   ...props
 }) {
+  const sf = chunkD5LKWKG7_js.useSaasflareProps({ surface, radius, animated });
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
+      ...props,
       "data-slot": "settings-section",
-      className: chunkM3ICCPCU_js.cn(
+      "data-surface": sf.surface,
+      "data-radius": sf.radius,
+      "data-animated": String(sf.animated),
+      className: chunkD5LKWKG7_js.cn(
         "flex flex-col gap-3 py-4 sm:flex-row sm:items-center sm:justify-between sm:gap-6",
         className
       ),
-      ...props,
       children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-0.5", children: [
           /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm font-medium", children: label }),
@@ -6020,18 +6335,25 @@ function PricingCard({
   cta,
   featured = false,
   className,
+  surface,
+  radius,
+  animated,
   ...props
 }) {
+  const sf = chunkD5LKWKG7_js.useSaasflareProps({ surface, radius, animated });
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
+      ...props,
       "data-slot": "pricing-card",
-      className: chunkM3ICCPCU_js.cn(
+      "data-surface": sf.surface,
+      "data-radius": sf.radius,
+      "data-animated": String(sf.animated),
+      className: chunkD5LKWKG7_js.cn(
         "relative flex flex-col rounded-xl border bg-card p-6 text-card-foreground shadow-sm",
         featured && "border-primary shadow-md ring-1 ring-primary/20",
         className
       ),
-      ...props,
       children: [
         featured && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute -top-3 left-1/2 -translate-x-1/2 rounded-full bg-primary px-3 py-0.5 text-xs font-medium text-primary-foreground", children: "Recommended" }),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
@@ -6054,16 +6376,20 @@ function PricingCard({
     }
   );
 }
-function DataToolbar({ className, ...props }) {
+function DataToolbar({ className, surface, radius, animated, ...props }) {
+  const sf = chunkD5LKWKG7_js.useSaasflareProps({ surface, radius, animated });
   return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
+      ...props,
       "data-slot": "data-toolbar",
-      className: chunkM3ICCPCU_js.cn(
+      "data-surface": sf.surface,
+      "data-radius": sf.radius,
+      "data-animated": String(sf.animated),
+      className: chunkD5LKWKG7_js.cn(
         "flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between",
         className
-      ),
-      ...props
+      )
     }
   );
 }
@@ -6072,7 +6398,7 @@ function DataToolbarSearch({ className, ...props }) {
     "div",
     {
       "data-slot": "data-toolbar-search",
-      className: chunkM3ICCPCU_js.cn("w-full sm:max-w-sm", className),
+      className: chunkD5LKWKG7_js.cn("w-full sm:max-w-sm", className),
       ...props
     }
   );
@@ -6082,7 +6408,7 @@ function DataToolbarFilters({ className, ...props }) {
     "div",
     {
       "data-slot": "data-toolbar-filters",
-      className: chunkM3ICCPCU_js.cn("flex items-center gap-2", className),
+      className: chunkD5LKWKG7_js.cn("flex items-center gap-2", className),
       ...props
     }
   );
@@ -6092,7 +6418,7 @@ function DataToolbarActions({ className, ...props }) {
     "div",
     {
       "data-slot": "data-toolbar-actions",
-      className: chunkM3ICCPCU_js.cn("flex items-center gap-2 sm:ml-auto", className),
+      className: chunkD5LKWKG7_js.cn("flex items-center gap-2 sm:ml-auto", className),
       ...props
     }
   );
@@ -6135,7 +6461,7 @@ function ScrollToTopButton({
   className,
   ...sfProps
 }) {
-  const { animated, surface } = chunkYAE5VBWJ_js.useSaasflareProps(sfProps);
+  const { animated, surface } = chunkD5LKWKG7_js.useSaasflareProps(sfProps);
   const [isVisible, setIsVisible] = React5.useState(false);
   const finalId = React5.useMemo(() => scrollContainerId ?? null, [scrollContainerId]);
   const getContainer = React5.useCallback(() => {
@@ -6177,7 +6503,7 @@ function ScrollToTopButton({
       animate: { opacity: 1, y: 0 },
       exit: { opacity: 0, y: 40 },
       transition: { duration },
-      className: chunkM3ICCPCU_js.cn(
+      className: chunkD5LKWKG7_js.cn(
         "fixed bottom-6 right-6 z-50 cursor-pointer rounded-full p-3 transition-colors hover:bg-primary/80",
         surfaceClass,
         className
@@ -6203,16 +6529,17 @@ function ThemeModeToggle({
     setTheme(theme === "dark" ? "light" : "dark");
   };
   return /* @__PURE__ */ jsxRuntime.jsxs(
-    chunkYAE5VBWJ_js.Button,
+    chunkDNLCSV5M_js.Button,
     {
       variant: "ghost",
+      intent: "neutral",
       size: showText ? "sm" : "icon",
-      className: chunkM3ICCPCU_js.cn("cursor-pointer", className),
+      className: chunkD5LKWKG7_js.cn("cursor-pointer", className),
       onClick: toggleTheme,
       children: [
         /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Sun, { className: "h-[1.2rem] w-[1.2rem] hidden dark:block" }),
         /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Moon, { className: "h-[1.2rem] w-[1.2rem] dark:hidden" }),
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: chunkM3ICCPCU_js.cn(!showText && "sr-only", "font-normal"), children: text ?? (theme === "dark" ? "Switch to Light Mode" : "Switch to Dark Mode") })
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: chunkD5LKWKG7_js.cn(!showText && "sr-only", "font-normal"), children: text ?? (theme === "dark" ? "Switch to Light Mode" : "Switch to Dark Mode") })
       ]
     }
   );
@@ -6326,7 +6653,7 @@ function TopLoadingBar({
   finishDelayMs,
   ...sfProps
 }) {
-  const { animated } = chunkYAE5VBWJ_js.useSaasflareProps(sfProps);
+  const { animated } = chunkD5LKWKG7_js.useSaasflareProps(sfProps);
   if (!animated) {
     return /* @__PURE__ */ jsxRuntime.jsx(React5.Suspense, { fallback: null, children: /* @__PURE__ */ jsxRuntime.jsx(
       TopLoadingBarStatic,
@@ -6350,7 +6677,7 @@ var sizeClasses = {
   lg: "h-12 w-12 text-sm"
 };
 function UserAvatar({ src, name, initials, size = "md", className }) {
-  return /* @__PURE__ */ jsxRuntime.jsxs(Avatar, { className: chunkM3ICCPCU_js.cn(sizeClasses[size], "cursor-pointer", className), children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs(Avatar, { className: chunkD5LKWKG7_js.cn(sizeClasses[size], "cursor-pointer", className), children: [
     /* @__PURE__ */ jsxRuntime.jsx(AvatarImage, { src: src || void 0, alt: name || "User" }),
     /* @__PURE__ */ jsxRuntime.jsx(AvatarFallback, { children: initials })
   ] });
@@ -6358,123 +6685,127 @@ function UserAvatar({ src, name, initials, size = "md", className }) {
 
 Object.defineProperty(exports, "Button", {
   enumerable: true,
-  get: function () { return chunkYAE5VBWJ_js.Button; }
-});
-Object.defineProperty(exports, "SaasflareProvider", {
-  enumerable: true,
-  get: function () { return chunkYAE5VBWJ_js.SaasflareProvider; }
-});
-Object.defineProperty(exports, "SaasflareScript", {
-  enumerable: true,
-  get: function () { return chunkYAE5VBWJ_js.SaasflareScript; }
-});
-Object.defineProperty(exports, "SaasflareShell", {
-  enumerable: true,
-  get: function () { return chunkYAE5VBWJ_js.SaasflareShell; }
-});
-Object.defineProperty(exports, "SmoothScrollProvider", {
-  enumerable: true,
-  get: function () { return chunkYAE5VBWJ_js.SmoothScrollProvider; }
+  get: function () { return chunkDNLCSV5M_js.Button; }
 });
 Object.defineProperty(exports, "buttonVariants", {
   enumerable: true,
-  get: function () { return chunkYAE5VBWJ_js.buttonVariants; }
-});
-Object.defineProperty(exports, "useAnimation", {
-  enumerable: true,
-  get: function () { return chunkYAE5VBWJ_js.useAnimation; }
-});
-Object.defineProperty(exports, "useSaasflareProps", {
-  enumerable: true,
-  get: function () { return chunkYAE5VBWJ_js.useSaasflareProps; }
-});
-Object.defineProperty(exports, "useSaasflareTheme", {
-  enumerable: true,
-  get: function () { return chunkYAE5VBWJ_js.useSaasflareTheme; }
+  get: function () { return chunkDNLCSV5M_js.buttonVariants; }
 });
 Object.defineProperty(exports, "Dialog", {
   enumerable: true,
-  get: function () { return chunkXXT4HKND_js.Dialog; }
+  get: function () { return chunk4BOMMZEY_js.Dialog; }
 });
 Object.defineProperty(exports, "DialogClose", {
   enumerable: true,
-  get: function () { return chunkXXT4HKND_js.DialogClose; }
+  get: function () { return chunk4BOMMZEY_js.DialogClose; }
 });
 Object.defineProperty(exports, "DialogContent", {
   enumerable: true,
-  get: function () { return chunkXXT4HKND_js.DialogContent; }
+  get: function () { return chunk4BOMMZEY_js.DialogContent; }
 });
 Object.defineProperty(exports, "DialogDescription", {
   enumerable: true,
-  get: function () { return chunkXXT4HKND_js.DialogDescription; }
+  get: function () { return chunk4BOMMZEY_js.DialogDescription; }
 });
 Object.defineProperty(exports, "DialogFooter", {
   enumerable: true,
-  get: function () { return chunkXXT4HKND_js.DialogFooter; }
+  get: function () { return chunk4BOMMZEY_js.DialogFooter; }
 });
 Object.defineProperty(exports, "DialogHeader", {
   enumerable: true,
-  get: function () { return chunkXXT4HKND_js.DialogHeader; }
+  get: function () { return chunk4BOMMZEY_js.DialogHeader; }
 });
 Object.defineProperty(exports, "DialogOverlay", {
   enumerable: true,
-  get: function () { return chunkXXT4HKND_js.DialogOverlay; }
+  get: function () { return chunk4BOMMZEY_js.DialogOverlay; }
 });
 Object.defineProperty(exports, "DialogPortal", {
   enumerable: true,
-  get: function () { return chunkXXT4HKND_js.DialogPortal; }
+  get: function () { return chunk4BOMMZEY_js.DialogPortal; }
 });
 Object.defineProperty(exports, "DialogTitle", {
   enumerable: true,
-  get: function () { return chunkXXT4HKND_js.DialogTitle; }
+  get: function () { return chunk4BOMMZEY_js.DialogTitle; }
 });
 Object.defineProperty(exports, "DialogTrigger", {
   enumerable: true,
-  get: function () { return chunkXXT4HKND_js.DialogTrigger; }
+  get: function () { return chunk4BOMMZEY_js.DialogTrigger; }
 });
 Object.defineProperty(exports, "fadeIn", {
   enumerable: true,
-  get: function () { return chunkCWW36RYE_js.fadeIn; }
+  get: function () { return chunkFT66KYRN_js.fadeIn; }
 });
 Object.defineProperty(exports, "noMotion", {
   enumerable: true,
-  get: function () { return chunkCWW36RYE_js.noMotion; }
+  get: function () { return chunkFT66KYRN_js.noMotion; }
 });
 Object.defineProperty(exports, "scaleIn", {
   enumerable: true,
-  get: function () { return chunkCWW36RYE_js.scaleIn; }
+  get: function () { return chunkFT66KYRN_js.scaleIn; }
 });
 Object.defineProperty(exports, "slideDown", {
   enumerable: true,
-  get: function () { return chunkCWW36RYE_js.slideDown; }
+  get: function () { return chunkFT66KYRN_js.slideDown; }
 });
 Object.defineProperty(exports, "slideUp", {
   enumerable: true,
-  get: function () { return chunkCWW36RYE_js.slideUp; }
+  get: function () { return chunkFT66KYRN_js.slideUp; }
 });
 Object.defineProperty(exports, "spring", {
   enumerable: true,
-  get: function () { return chunkCWW36RYE_js.spring; }
+  get: function () { return chunkFT66KYRN_js.spring; }
 });
 Object.defineProperty(exports, "springBouncy", {
   enumerable: true,
-  get: function () { return chunkCWW36RYE_js.springBouncy; }
+  get: function () { return chunkFT66KYRN_js.springBouncy; }
 });
 Object.defineProperty(exports, "springGentle", {
   enumerable: true,
-  get: function () { return chunkCWW36RYE_js.springGentle; }
+  get: function () { return chunkFT66KYRN_js.springGentle; }
 });
 Object.defineProperty(exports, "springStiff", {
   enumerable: true,
-  get: function () { return chunkCWW36RYE_js.springStiff; }
+  get: function () { return chunkFT66KYRN_js.springStiff; }
 });
-Object.defineProperty(exports, "useReducedMotion", {
+Object.defineProperty(exports, "useSaasflareMotion", {
+  enumerable: true,
+  get: function () { return chunkFT66KYRN_js.useSaasflareMotion; }
+});
+Object.defineProperty(exports, "SaasflareProvider", {
+  enumerable: true,
+  get: function () { return chunkD5LKWKG7_js.SaasflareProvider; }
+});
+Object.defineProperty(exports, "SaasflareScript", {
+  enumerable: true,
+  get: function () { return chunkD5LKWKG7_js.SaasflareScript; }
+});
+Object.defineProperty(exports, "SaasflareShell", {
+  enumerable: true,
+  get: function () { return chunkD5LKWKG7_js.SaasflareShell; }
+});
+Object.defineProperty(exports, "SmoothScrollProvider", {
   enumerable: true,
-  get: function () { return chunkCWW36RYE_js.useReducedMotion; }
+  get: function () { return chunkD5LKWKG7_js.SmoothScrollProvider; }
 });
 Object.defineProperty(exports, "cn", {
   enumerable: true,
-  get: function () { return chunkM3ICCPCU_js.cn; }
+  get: function () { return chunkD5LKWKG7_js.cn; }
+});
+Object.defineProperty(exports, "useAnimation", {
+  enumerable: true,
+  get: function () { return chunkD5LKWKG7_js.useAnimation; }
+});
+Object.defineProperty(exports, "useReducedMotion", {
+  enumerable: true,
+  get: function () { return chunkD5LKWKG7_js.useReducedMotion; }
+});
+Object.defineProperty(exports, "useSaasflareProps", {
+  enumerable: true,
+  get: function () { return chunkD5LKWKG7_js.useSaasflareProps; }
+});
+Object.defineProperty(exports, "useSaasflareTheme", {
+  enumerable: true,
+  get: function () { return chunkD5LKWKG7_js.useSaasflareTheme; }
 });
 exports.Accordion = Accordion;
 exports.AccordionContent = AccordionContent;