@saasflare/ui 3.0.0 → 3.0.2

package/dist/entries/carousel.js

@@ -1,9 +1,9 @@
 "use client";
 'use strict';
 
-var chunkOYH6LQWR_js = require('../chunk-OYH6LQWR.js');
+var chunkYAE5VBWJ_js = require('../chunk-YAE5VBWJ.js');
 require('../chunk-CWW36RYE.js');
-var chunkJOVJRQO3_js = require('../chunk-JOVJRQO3.js');
+var chunkM3ICCPCU_js = require('../chunk-M3ICCPCU.js');
 var React = require('react');
 var useEmblaCarousel = require('embla-carousel-react');
 var lucideReact = require('lucide-react');
@@ -111,7 +111,7 @@ function Carousel({
         "div",
         {
           onKeyDownCapture: handleKeyDown,
-          className: chunkJOVJRQO3_js.cn("relative", className),
+          className: chunkM3ICCPCU_js.cn("relative", className),
           role: "region",
           "aria-roledescription": "carousel",
           "data-slot": "carousel",
@@ -133,7 +133,7 @@ function CarouselContent({ className, ...props }) {
       children: /* @__PURE__ */ jsxRuntime.jsx(
         "div",
         {
-          className: chunkJOVJRQO3_js.cn(
+          className: chunkM3ICCPCU_js.cn(
             "flex",
             orientation === "horizontal" ? "-ml-4" : "-mt-4 flex-col",
             className
@@ -152,7 +152,7 @@ function CarouselItem({ className, ...props }) {
       role: "group",
       "aria-roledescription": "slide",
       "data-slot": "carousel-item",
-      className: chunkJOVJRQO3_js.cn(
+      className: chunkM3ICCPCU_js.cn(
         "min-w-0 shrink-0 grow-0 basis-full",
         orientation === "horizontal" ? "pl-4" : "pt-4",
         className
@@ -169,12 +169,12 @@ function CarouselPrevious({
 }) {
   const { orientation, scrollPrev, canScrollPrev } = useCarousel();
   return /* @__PURE__ */ jsxRuntime.jsxs(
-    chunkOYH6LQWR_js.Button,
+    chunkYAE5VBWJ_js.Button,
     {
       "data-slot": "carousel-previous",
       variant,
       size,
-      className: chunkJOVJRQO3_js.cn(
+      className: chunkM3ICCPCU_js.cn(
         "absolute size-8 rounded-full",
         orientation === "horizontal" ? "top-1/2 -left-12 -translate-y-1/2" : "-top-12 left-1/2 -translate-x-1/2 rotate-90",
         className
@@ -197,12 +197,12 @@ function CarouselNext({
 }) {
   const { orientation, scrollNext, canScrollNext } = useCarousel();
   return /* @__PURE__ */ jsxRuntime.jsxs(
-    chunkOYH6LQWR_js.Button,
+    chunkYAE5VBWJ_js.Button,
     {
       "data-slot": "carousel-next",
       variant,
       size,
-      className: chunkJOVJRQO3_js.cn(
+      className: chunkM3ICCPCU_js.cn(
         "absolute size-8 rounded-full",
         orientation === "horizontal" ? "top-1/2 -right-12 -translate-y-1/2" : "-bottom-12 left-1/2 -translate-x-1/2 rotate-90",
         className

package/dist/entries/carousel.mjs

@@ -1,7 +1,7 @@
 "use client";
-import { Button } from '../chunk-QWLQV6FS.mjs';
+import { Button } from '../chunk-ORB66UYT.mjs';
 import '../chunk-W53NTFPB.mjs';
-import { cn } from '../chunk-S26666D6.mjs';
+import { cn } from '../chunk-BIU2MD4T.mjs';
 import * as React from 'react';
 import useEmblaCarousel from 'embla-carousel-react';
 import { ArrowLeft, ArrowRight } from 'lucide-react';

package/dist/entries/chart.js

@@ -1,7 +1,7 @@
 "use client";
 'use strict';
 
-var chunkJOVJRQO3_js = require('../chunk-JOVJRQO3.js');
+var chunkM3ICCPCU_js = require('../chunk-M3ICCPCU.js');
 var React = require('react');
 var RechartsPrimitive = require('recharts');
 var jsxRuntime = require('react/jsx-runtime');
@@ -50,7 +50,7 @@ function ChartContainer({
     {
       "data-slot": "chart",
       "data-chart": chartId,
-      className: chunkJOVJRQO3_js.cn(
+      className: chunkM3ICCPCU_js.cn(
         "flex aspect-video justify-center text-xs [&_.recharts-cartesian-axis-tick_text]:fill-muted-foreground [&_.recharts-cartesian-grid_line[stroke='#ccc']]:stroke-border/50 [&_.recharts-curve.recharts-tooltip-cursor]:stroke-border [&_.recharts-dot[stroke='#fff']]:stroke-transparent [&_.recharts-layer]:outline-hidden [&_.recharts-polar-grid_[stroke='#ccc']]:stroke-border [&_.recharts-radial-bar-background-sector]:fill-muted [&_.recharts-rectangle.recharts-tooltip-cursor]:fill-muted [&_.recharts-reference-line_[stroke='#ccc']]:stroke-border [&_.recharts-sector]:outline-hidden [&_.recharts-sector[stroke='#fff']]:stroke-transparent [&_.recharts-surface]:outline-hidden",
         className
       ),
@@ -113,12 +113,12 @@ function ChartTooltipContent({
     const itemConfig = getPayloadConfigFromPayload(config, item, key);
     const value = !labelKey && typeof label === "string" ? config[label]?.label || label : itemConfig?.label;
     if (labelFormatter) {
-      return /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkJOVJRQO3_js.cn("font-medium", labelClassName), children: labelFormatter(value, payload) });
+      return /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkM3ICCPCU_js.cn("font-medium", labelClassName), children: labelFormatter(value, payload) });
     }
     if (!value) {
       return null;
     }
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkJOVJRQO3_js.cn("font-medium", labelClassName), children: value });
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkM3ICCPCU_js.cn("font-medium", labelClassName), children: value });
   }, [
     label,
     labelFormatter,
@@ -135,7 +135,7 @@ function ChartTooltipContent({
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
-      className: chunkJOVJRQO3_js.cn(
+      className: chunkM3ICCPCU_js.cn(
         "grid min-w-[8rem] items-start gap-1.5 rounded-lg border border-border/50 bg-background px-2.5 py-1.5 text-xs shadow-xl",
         className
       ),
@@ -148,7 +148,7 @@ function ChartTooltipContent({
           return /* @__PURE__ */ jsxRuntime.jsx(
             "div",
             {
-              className: chunkJOVJRQO3_js.cn(
+              className: chunkM3ICCPCU_js.cn(
                 "flex w-full flex-wrap items-stretch gap-2 [&>svg]:h-2.5 [&>svg]:w-2.5 [&>svg]:text-muted-foreground",
                 indicator === "dot" && "items-center"
               ),
@@ -156,7 +156,7 @@ function ChartTooltipContent({
                 itemConfig?.icon ? /* @__PURE__ */ jsxRuntime.jsx(itemConfig.icon, {}) : !hideIndicator && /* @__PURE__ */ jsxRuntime.jsx(
                   "div",
                   {
-                    className: chunkJOVJRQO3_js.cn(
+                    className: chunkM3ICCPCU_js.cn(
                       "shrink-0 rounded-[2px] border-(--color-border) bg-(--color-bg)",
                       {
                         "h-2.5 w-2.5": indicator === "dot",
@@ -174,7 +174,7 @@ function ChartTooltipContent({
                 /* @__PURE__ */ jsxRuntime.jsxs(
                   "div",
                   {
-                    className: chunkJOVJRQO3_js.cn(
+                    className: chunkM3ICCPCU_js.cn(
                       "flex flex-1 justify-between leading-none",
                       nestLabel ? "items-end" : "items-center"
                     ),
@@ -211,7 +211,7 @@ function ChartLegendContent({
   return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
-      className: chunkJOVJRQO3_js.cn(
+      className: chunkM3ICCPCU_js.cn(
         "flex items-center justify-center gap-4",
         verticalAlign === "top" ? "pb-3" : "pt-3",
         className
@@ -222,7 +222,7 @@ function ChartLegendContent({
         return /* @__PURE__ */ jsxRuntime.jsxs(
           "div",
           {
-            className: chunkJOVJRQO3_js.cn(
+            className: chunkM3ICCPCU_js.cn(
               "flex items-center gap-1.5 [&>svg]:h-3 [&>svg]:w-3 [&>svg]:text-muted-foreground"
             ),
             children: [

package/dist/entries/chart.mjs

@@ -1,5 +1,5 @@
 "use client";
-import { cn } from '../chunk-S26666D6.mjs';
+import { cn } from '../chunk-BIU2MD4T.mjs';
 import * as React from 'react';
 import * as RechartsPrimitive from 'recharts';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';

package/dist/entries/command.js

@@ -1,9 +1,9 @@
 "use client";
 'use strict';
 
-var chunkVQQ6MF5I_js = require('../chunk-VQQ6MF5I.js');
+var chunkXXT4HKND_js = require('../chunk-XXT4HKND.js');
 require('../chunk-CWW36RYE.js');
-var chunkJOVJRQO3_js = require('../chunk-JOVJRQO3.js');
+var chunkM3ICCPCU_js = require('../chunk-M3ICCPCU.js');
 var cmdk = require('cmdk');
 var lucideReact = require('lucide-react');
 var jsxRuntime = require('react/jsx-runtime');
@@ -16,7 +16,7 @@ function Command({
     cmdk.Command,
     {
       "data-slot": "command",
-      className: chunkJOVJRQO3_js.cn(
+      className: chunkM3ICCPCU_js.cn(
         "flex h-full w-full flex-col overflow-hidden rounded-md bg-popover text-popover-foreground",
         className
       ),
@@ -31,15 +31,15 @@ function CommandDialog({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsxRuntime.jsxs(chunkVQQ6MF5I_js.Dialog, { ...props, children: [
-    /* @__PURE__ */ jsxRuntime.jsxs(chunkVQQ6MF5I_js.DialogHeader, { className: "sr-only", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(chunkVQQ6MF5I_js.DialogTitle, { children: title }),
-      /* @__PURE__ */ jsxRuntime.jsx(chunkVQQ6MF5I_js.DialogDescription, { children: description })
+  return /* @__PURE__ */ jsxRuntime.jsxs(chunkXXT4HKND_js.Dialog, { ...props, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(chunkXXT4HKND_js.DialogHeader, { className: "sr-only", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(chunkXXT4HKND_js.DialogTitle, { children: title }),
+      /* @__PURE__ */ jsxRuntime.jsx(chunkXXT4HKND_js.DialogDescription, { children: description })
     ] }),
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkVQQ6MF5I_js.DialogContent,
+      chunkXXT4HKND_js.DialogContent,
       {
-        className: chunkJOVJRQO3_js.cn("overflow-hidden p-0", className),
+        className: chunkM3ICCPCU_js.cn("overflow-hidden p-0", className),
         children: /* @__PURE__ */ jsxRuntime.jsx(Command, { className: "**:data-[slot=command-input-wrapper]:h-12 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group]]:px-2 [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5", children })
       }
     )
@@ -60,7 +60,7 @@ function CommandInput({
           cmdk.Command.Input,
           {
             "data-slot": "command-input",
-            className: chunkJOVJRQO3_js.cn(
+            className: chunkM3ICCPCU_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
             ),
@@ -79,7 +79,7 @@ function CommandList({
     cmdk.Command.List,
     {
       "data-slot": "command-list",
-      className: chunkJOVJRQO3_js.cn(
+      className: chunkM3ICCPCU_js.cn(
         "max-h-[300px] scroll-py-1 overflow-x-hidden overflow-y-auto",
         className
       ),
@@ -107,7 +107,7 @@ function CommandGroup({
     cmdk.Command.Group,
     {
       "data-slot": "command-group",
-      className: chunkJOVJRQO3_js.cn(
+      className: chunkM3ICCPCU_js.cn(
         "overflow-hidden p-1 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
       ),
@@ -123,7 +123,7 @@ function CommandSeparator({
     cmdk.Command.Separator,
     {
       "data-slot": "command-separator",
-      className: chunkJOVJRQO3_js.cn("-mx-1 h-px bg-border", className),
+      className: chunkM3ICCPCU_js.cn("-mx-1 h-px bg-border", className),
       ...props
     }
   );
@@ -136,7 +136,7 @@ function CommandItem({
     cmdk.Command.Item,
     {
       "data-slot": "command-item",
-      className: chunkJOVJRQO3_js.cn(
+      className: chunkM3ICCPCU_js.cn(
         "relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground",
         className
       ),
@@ -152,7 +152,7 @@ function CommandShortcut({
     "span",
     {
       "data-slot": "command-shortcut",
-      className: chunkJOVJRQO3_js.cn(
+      className: chunkM3ICCPCU_js.cn(
         "ml-auto text-xs tracking-widest text-muted-foreground",
         className
       ),

package/dist/entries/command.mjs

@@ -1,7 +1,7 @@
 "use client";
-import { Dialog, DialogHeader, DialogTitle, DialogDescription, DialogContent } from '../chunk-7UGPCRZ6.mjs';
+import { Dialog, DialogHeader, DialogTitle, DialogDescription, DialogContent } from '../chunk-2DNKXA5A.mjs';
 import '../chunk-W53NTFPB.mjs';
-import { cn } from '../chunk-S26666D6.mjs';
+import { cn } from '../chunk-BIU2MD4T.mjs';
 import { Command as Command$1 } from 'cmdk';
 import { SearchIcon } from 'lucide-react';
 import { jsx, jsxs } from 'react/jsx-runtime';

package/dist/entries/drawer.js

@@ -1,7 +1,7 @@
 "use client";
 'use strict';
 
-var chunkJOVJRQO3_js = require('../chunk-JOVJRQO3.js');
+var chunkM3ICCPCU_js = require('../chunk-M3ICCPCU.js');
 var vaul = require('vaul');
 var jsxRuntime = require('react/jsx-runtime');
 
@@ -33,7 +33,7 @@ function DrawerOverlay({
     vaul.Drawer.Overlay,
     {
       "data-slot": "drawer-overlay",
-      className: chunkJOVJRQO3_js.cn(
+      className: chunkM3ICCPCU_js.cn(
         "fixed inset-0 z-50 bg-black/50 backdrop-blur-[2px]",
         className
       ),
@@ -52,7 +52,7 @@ function DrawerContent({
       vaul.Drawer.Content,
       {
         "data-slot": "drawer-content",
-        className: chunkJOVJRQO3_js.cn(
+        className: chunkM3ICCPCU_js.cn(
           "group/drawer-content fixed inset-x-0 bottom-0 z-50 mt-24 flex max-h-[96dvh] flex-col rounded-t-lg border-t bg-background",
           className
         ),
@@ -70,7 +70,7 @@ function DrawerHeader({ className, ...props }) {
     "div",
     {
       "data-slot": "drawer-header",
-      className: chunkJOVJRQO3_js.cn("flex flex-col gap-1.5 p-4", className),
+      className: chunkM3ICCPCU_js.cn("flex flex-col gap-1.5 p-4", className),
       ...props
     }
   );
@@ -80,7 +80,7 @@ function DrawerFooter({ className, ...props }) {
     "div",
     {
       "data-slot": "drawer-footer",
-      className: chunkJOVJRQO3_js.cn("mt-auto flex flex-col gap-2 p-4", className),
+      className: chunkM3ICCPCU_js.cn("mt-auto flex flex-col gap-2 p-4", className),
       ...props
     }
   );
@@ -93,7 +93,7 @@ function DrawerTitle({
     vaul.Drawer.Title,
     {
       "data-slot": "drawer-title",
-      className: chunkJOVJRQO3_js.cn("text-lg leading-none font-semibold", className),
+      className: chunkM3ICCPCU_js.cn("text-lg leading-none font-semibold", className),
       ...props
     }
   );
@@ -106,7 +106,7 @@ function DrawerDescription({
     vaul.Drawer.Description,
     {
       "data-slot": "drawer-description",
-      className: chunkJOVJRQO3_js.cn("text-sm text-muted-foreground", className),
+      className: chunkM3ICCPCU_js.cn("text-sm text-muted-foreground", className),
       ...props
     }
   );

package/dist/entries/drawer.mjs

@@ -1,5 +1,5 @@
 "use client";
-import { cn } from '../chunk-S26666D6.mjs';
+import { cn } from '../chunk-BIU2MD4T.mjs';
 import { Drawer as Drawer$1 } from 'vaul';
 import { jsx, jsxs } from 'react/jsx-runtime';
 

package/dist/entries/input-otp.js

@@ -1,7 +1,7 @@
 "use client";
 'use strict';
 
-var chunkJOVJRQO3_js = require('../chunk-JOVJRQO3.js');
+var chunkM3ICCPCU_js = require('../chunk-M3ICCPCU.js');
 var React = require('react');
 var inputOtp = require('input-otp');
 var lucideReact = require('lucide-react');
@@ -36,11 +36,11 @@ function InputOTP({
     inputOtp.OTPInput,
     {
       "data-slot": "input-otp",
-      containerClassName: chunkJOVJRQO3_js.cn(
+      containerClassName: chunkM3ICCPCU_js.cn(
         "flex items-center gap-2 has-disabled:opacity-50",
         containerClassName
       ),
-      className: chunkJOVJRQO3_js.cn("disabled:cursor-not-allowed", className),
+      className: chunkM3ICCPCU_js.cn("disabled:cursor-not-allowed", className),
       ...props
     }
   );
@@ -50,7 +50,7 @@ function InputOTPGroup({ className, ...props }) {
     "div",
     {
       "data-slot": "input-otp-group",
-      className: chunkJOVJRQO3_js.cn("flex items-center", className),
+      className: chunkM3ICCPCU_js.cn("flex items-center", className),
       ...props
     }
   );
@@ -67,7 +67,7 @@ function InputOTPSlot({
     {
       "data-slot": "input-otp-slot",
       "data-active": isActive,
-      className: chunkJOVJRQO3_js.cn(
+      className: chunkM3ICCPCU_js.cn(
         "relative flex h-9 w-9 items-center justify-center border-y border-r border-input text-sm shadow-xs transition-all outline-none first:rounded-l-md first:border-l last:rounded-r-md aria-invalid:border-destructive data-[active=true]:z-10 data-[active=true]:border-ring data-[active=true]:ring-[3px] data-[active=true]:ring-ring/50 data-[active=true]:aria-invalid:border-destructive data-[active=true]:aria-invalid:ring-destructive/20 dark:bg-input/30 dark:data-[active=true]:aria-invalid:ring-destructive/40",
         className
       ),

package/dist/entries/input-otp.mjs

@@ -1,5 +1,5 @@
 "use client";
-import { cn } from '../chunk-S26666D6.mjs';
+import { cn } from '../chunk-BIU2MD4T.mjs';
 import * as React from 'react';
 import { OTPInput, OTPInputContext } from 'input-otp';
 import { MinusIcon } from 'lucide-react';

package/dist/entries/resizable.js

@@ -1,7 +1,7 @@
 "use client";
 'use strict';
 
-var chunkJOVJRQO3_js = require('../chunk-JOVJRQO3.js');
+var chunkM3ICCPCU_js = require('../chunk-M3ICCPCU.js');
 var lucideReact = require('lucide-react');
 var ResizablePrimitive = require('react-resizable-panels');
 var jsxRuntime = require('react/jsx-runtime');
@@ -34,7 +34,7 @@ function ResizablePanelGroup({
     ResizablePrimitive__namespace.Group,
     {
       "data-slot": "resizable-panel-group",
-      className: chunkJOVJRQO3_js.cn(
+      className: chunkM3ICCPCU_js.cn(
         "flex h-full w-full aria-[orientation=vertical]:flex-col",
         className
       ),
@@ -54,7 +54,7 @@ function ResizableHandle({
     ResizablePrimitive__namespace.Separator,
     {
       "data-slot": "resizable-handle",
-      className: chunkJOVJRQO3_js.cn(
+      className: chunkM3ICCPCU_js.cn(
         "relative flex w-px items-center justify-center bg-border after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:ring-1 focus-visible:ring-ring focus-visible:ring-offset-1 focus-visible:outline-hidden aria-[orientation=horizontal]:h-px aria-[orientation=horizontal]:w-full aria-[orientation=horizontal]:after:left-0 aria-[orientation=horizontal]:after:h-1 aria-[orientation=horizontal]:after:w-full aria-[orientation=horizontal]:after:translate-x-0 aria-[orientation=horizontal]:after:-translate-y-1/2 [&[aria-orientation=horizontal]>div]:rotate-90",
         className
       ),

package/dist/entries/resizable.mjs

@@ -1,5 +1,5 @@
 "use client";
-import { cn } from '../chunk-S26666D6.mjs';
+import { cn } from '../chunk-BIU2MD4T.mjs';
 import { GripVerticalIcon } from 'lucide-react';
 import * as ResizablePrimitive from 'react-resizable-panels';
 import { jsx } from 'react/jsx-runtime';