@saasflare/ui 3.0.1 → 3.0.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,7 +1,7 @@
1
1
  "use client";
2
2
  'use strict';
3
3
 
4
- var chunkJOVJRQO3_js = require('../chunk-JOVJRQO3.js');
4
+ var chunkM3ICCPCU_js = require('../chunk-M3ICCPCU.js');
5
5
  var React = require('react');
6
6
  var RechartsPrimitive = require('recharts');
7
7
  var jsxRuntime = require('react/jsx-runtime');
@@ -50,7 +50,7 @@ function ChartContainer({
50
50
  {
51
51
  "data-slot": "chart",
52
52
  "data-chart": chartId,
53
- className: chunkJOVJRQO3_js.cn(
53
+ className: chunkM3ICCPCU_js.cn(
54
54
  "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",
55
55
  className
56
56
  ),
@@ -113,12 +113,12 @@ function ChartTooltipContent({
113
113
  const itemConfig = getPayloadConfigFromPayload(config, item, key);
114
114
  const value = !labelKey && typeof label === "string" ? config[label]?.label || label : itemConfig?.label;
115
115
  if (labelFormatter) {
116
- return /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkJOVJRQO3_js.cn("font-medium", labelClassName), children: labelFormatter(value, payload) });
116
+ return /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkM3ICCPCU_js.cn("font-medium", labelClassName), children: labelFormatter(value, payload) });
117
117
  }
118
118
  if (!value) {
119
119
  return null;
120
120
  }
121
- return /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkJOVJRQO3_js.cn("font-medium", labelClassName), children: value });
121
+ return /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkM3ICCPCU_js.cn("font-medium", labelClassName), children: value });
122
122
  }, [
123
123
  label,
124
124
  labelFormatter,
@@ -135,7 +135,7 @@ function ChartTooltipContent({
135
135
  return /* @__PURE__ */ jsxRuntime.jsxs(
136
136
  "div",
137
137
  {
138
- className: chunkJOVJRQO3_js.cn(
138
+ className: chunkM3ICCPCU_js.cn(
139
139
  "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",
140
140
  className
141
141
  ),
@@ -148,7 +148,7 @@ function ChartTooltipContent({
148
148
  return /* @__PURE__ */ jsxRuntime.jsx(
149
149
  "div",
150
150
  {
151
- className: chunkJOVJRQO3_js.cn(
151
+ className: chunkM3ICCPCU_js.cn(
152
152
  "flex w-full flex-wrap items-stretch gap-2 [&>svg]:h-2.5 [&>svg]:w-2.5 [&>svg]:text-muted-foreground",
153
153
  indicator === "dot" && "items-center"
154
154
  ),
@@ -156,7 +156,7 @@ function ChartTooltipContent({
156
156
  itemConfig?.icon ? /* @__PURE__ */ jsxRuntime.jsx(itemConfig.icon, {}) : !hideIndicator && /* @__PURE__ */ jsxRuntime.jsx(
157
157
  "div",
158
158
  {
159
- className: chunkJOVJRQO3_js.cn(
159
+ className: chunkM3ICCPCU_js.cn(
160
160
  "shrink-0 rounded-[2px] border-(--color-border) bg-(--color-bg)",
161
161
  {
162
162
  "h-2.5 w-2.5": indicator === "dot",
@@ -174,7 +174,7 @@ function ChartTooltipContent({
174
174
  /* @__PURE__ */ jsxRuntime.jsxs(
175
175
  "div",
176
176
  {
177
- className: chunkJOVJRQO3_js.cn(
177
+ className: chunkM3ICCPCU_js.cn(
178
178
  "flex flex-1 justify-between leading-none",
179
179
  nestLabel ? "items-end" : "items-center"
180
180
  ),
@@ -211,7 +211,7 @@ function ChartLegendContent({
211
211
  return /* @__PURE__ */ jsxRuntime.jsx(
212
212
  "div",
213
213
  {
214
- className: chunkJOVJRQO3_js.cn(
214
+ className: chunkM3ICCPCU_js.cn(
215
215
  "flex items-center justify-center gap-4",
216
216
  verticalAlign === "top" ? "pb-3" : "pt-3",
217
217
  className
@@ -222,7 +222,7 @@ function ChartLegendContent({
222
222
  return /* @__PURE__ */ jsxRuntime.jsxs(
223
223
  "div",
224
224
  {
225
- className: chunkJOVJRQO3_js.cn(
225
+ className: chunkM3ICCPCU_js.cn(
226
226
  "flex items-center gap-1.5 [&>svg]:h-3 [&>svg]:w-3 [&>svg]:text-muted-foreground"
227
227
  ),
228
228
  children: [
@@ -1,5 +1,5 @@
1
1
  "use client";
2
- import { cn } from '../chunk-S26666D6.mjs';
2
+ import { cn } from '../chunk-BIU2MD4T.mjs';
3
3
  import * as React from 'react';
4
4
  import * as RechartsPrimitive from 'recharts';
5
5
  import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
@@ -1,9 +1,9 @@
1
1
  "use client";
2
2
  'use strict';
3
3
 
4
- var chunkVQQ6MF5I_js = require('../chunk-VQQ6MF5I.js');
4
+ var chunkXXT4HKND_js = require('../chunk-XXT4HKND.js');
5
5
  require('../chunk-CWW36RYE.js');
6
- var chunkJOVJRQO3_js = require('../chunk-JOVJRQO3.js');
6
+ var chunkM3ICCPCU_js = require('../chunk-M3ICCPCU.js');
7
7
  var cmdk = require('cmdk');
8
8
  var lucideReact = require('lucide-react');
9
9
  var jsxRuntime = require('react/jsx-runtime');
@@ -16,7 +16,7 @@ function Command({
16
16
  cmdk.Command,
17
17
  {
18
18
  "data-slot": "command",
19
- className: chunkJOVJRQO3_js.cn(
19
+ className: chunkM3ICCPCU_js.cn(
20
20
  "flex h-full w-full flex-col overflow-hidden rounded-md bg-popover text-popover-foreground",
21
21
  className
22
22
  ),
@@ -31,15 +31,15 @@ function CommandDialog({
31
31
  className,
32
32
  ...props
33
33
  }) {
34
- return /* @__PURE__ */ jsxRuntime.jsxs(chunkVQQ6MF5I_js.Dialog, { ...props, children: [
35
- /* @__PURE__ */ jsxRuntime.jsxs(chunkVQQ6MF5I_js.DialogHeader, { className: "sr-only", children: [
36
- /* @__PURE__ */ jsxRuntime.jsx(chunkVQQ6MF5I_js.DialogTitle, { children: title }),
37
- /* @__PURE__ */ jsxRuntime.jsx(chunkVQQ6MF5I_js.DialogDescription, { children: description })
34
+ return /* @__PURE__ */ jsxRuntime.jsxs(chunkXXT4HKND_js.Dialog, { ...props, children: [
35
+ /* @__PURE__ */ jsxRuntime.jsxs(chunkXXT4HKND_js.DialogHeader, { className: "sr-only", children: [
36
+ /* @__PURE__ */ jsxRuntime.jsx(chunkXXT4HKND_js.DialogTitle, { children: title }),
37
+ /* @__PURE__ */ jsxRuntime.jsx(chunkXXT4HKND_js.DialogDescription, { children: description })
38
38
  ] }),
39
39
  /* @__PURE__ */ jsxRuntime.jsx(
40
- chunkVQQ6MF5I_js.DialogContent,
40
+ chunkXXT4HKND_js.DialogContent,
41
41
  {
42
- className: chunkJOVJRQO3_js.cn("overflow-hidden p-0", className),
42
+ className: chunkM3ICCPCU_js.cn("overflow-hidden p-0", className),
43
43
  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 })
44
44
  }
45
45
  )
@@ -60,7 +60,7 @@ function CommandInput({
60
60
  cmdk.Command.Input,
61
61
  {
62
62
  "data-slot": "command-input",
63
- className: chunkJOVJRQO3_js.cn(
63
+ className: chunkM3ICCPCU_js.cn(
64
64
  "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",
65
65
  className
66
66
  ),
@@ -79,7 +79,7 @@ function CommandList({
79
79
  cmdk.Command.List,
80
80
  {
81
81
  "data-slot": "command-list",
82
- className: chunkJOVJRQO3_js.cn(
82
+ className: chunkM3ICCPCU_js.cn(
83
83
  "max-h-[300px] scroll-py-1 overflow-x-hidden overflow-y-auto",
84
84
  className
85
85
  ),
@@ -107,7 +107,7 @@ function CommandGroup({
107
107
  cmdk.Command.Group,
108
108
  {
109
109
  "data-slot": "command-group",
110
- className: chunkJOVJRQO3_js.cn(
110
+ className: chunkM3ICCPCU_js.cn(
111
111
  "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",
112
112
  className
113
113
  ),
@@ -123,7 +123,7 @@ function CommandSeparator({
123
123
  cmdk.Command.Separator,
124
124
  {
125
125
  "data-slot": "command-separator",
126
- className: chunkJOVJRQO3_js.cn("-mx-1 h-px bg-border", className),
126
+ className: chunkM3ICCPCU_js.cn("-mx-1 h-px bg-border", className),
127
127
  ...props
128
128
  }
129
129
  );
@@ -136,7 +136,7 @@ function CommandItem({
136
136
  cmdk.Command.Item,
137
137
  {
138
138
  "data-slot": "command-item",
139
- className: chunkJOVJRQO3_js.cn(
139
+ className: chunkM3ICCPCU_js.cn(
140
140
  "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",
141
141
  className
142
142
  ),
@@ -152,7 +152,7 @@ function CommandShortcut({
152
152
  "span",
153
153
  {
154
154
  "data-slot": "command-shortcut",
155
- className: chunkJOVJRQO3_js.cn(
155
+ className: chunkM3ICCPCU_js.cn(
156
156
  "ml-auto text-xs tracking-widest text-muted-foreground",
157
157
  className
158
158
  ),
@@ -1,7 +1,7 @@
1
1
  "use client";
2
- import { Dialog, DialogHeader, DialogTitle, DialogDescription, DialogContent } from '../chunk-7UGPCRZ6.mjs';
2
+ import { Dialog, DialogHeader, DialogTitle, DialogDescription, DialogContent } from '../chunk-2DNKXA5A.mjs';
3
3
  import '../chunk-W53NTFPB.mjs';
4
- import { cn } from '../chunk-S26666D6.mjs';
4
+ import { cn } from '../chunk-BIU2MD4T.mjs';
5
5
  import { Command as Command$1 } from 'cmdk';
6
6
  import { SearchIcon } from 'lucide-react';
7
7
  import { jsx, jsxs } from 'react/jsx-runtime';
@@ -1,7 +1,7 @@
1
1
  "use client";
2
2
  'use strict';
3
3
 
4
- var chunkJOVJRQO3_js = require('../chunk-JOVJRQO3.js');
4
+ var chunkM3ICCPCU_js = require('../chunk-M3ICCPCU.js');
5
5
  var vaul = require('vaul');
6
6
  var jsxRuntime = require('react/jsx-runtime');
7
7
 
@@ -33,7 +33,7 @@ function DrawerOverlay({
33
33
  vaul.Drawer.Overlay,
34
34
  {
35
35
  "data-slot": "drawer-overlay",
36
- className: chunkJOVJRQO3_js.cn(
36
+ className: chunkM3ICCPCU_js.cn(
37
37
  "fixed inset-0 z-50 bg-black/50 backdrop-blur-[2px]",
38
38
  className
39
39
  ),
@@ -52,7 +52,7 @@ function DrawerContent({
52
52
  vaul.Drawer.Content,
53
53
  {
54
54
  "data-slot": "drawer-content",
55
- className: chunkJOVJRQO3_js.cn(
55
+ className: chunkM3ICCPCU_js.cn(
56
56
  "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",
57
57
  className
58
58
  ),
@@ -70,7 +70,7 @@ function DrawerHeader({ className, ...props }) {
70
70
  "div",
71
71
  {
72
72
  "data-slot": "drawer-header",
73
- className: chunkJOVJRQO3_js.cn("flex flex-col gap-1.5 p-4", className),
73
+ className: chunkM3ICCPCU_js.cn("flex flex-col gap-1.5 p-4", className),
74
74
  ...props
75
75
  }
76
76
  );
@@ -80,7 +80,7 @@ function DrawerFooter({ className, ...props }) {
80
80
  "div",
81
81
  {
82
82
  "data-slot": "drawer-footer",
83
- className: chunkJOVJRQO3_js.cn("mt-auto flex flex-col gap-2 p-4", className),
83
+ className: chunkM3ICCPCU_js.cn("mt-auto flex flex-col gap-2 p-4", className),
84
84
  ...props
85
85
  }
86
86
  );
@@ -93,7 +93,7 @@ function DrawerTitle({
93
93
  vaul.Drawer.Title,
94
94
  {
95
95
  "data-slot": "drawer-title",
96
- className: chunkJOVJRQO3_js.cn("text-lg leading-none font-semibold", className),
96
+ className: chunkM3ICCPCU_js.cn("text-lg leading-none font-semibold", className),
97
97
  ...props
98
98
  }
99
99
  );
@@ -106,7 +106,7 @@ function DrawerDescription({
106
106
  vaul.Drawer.Description,
107
107
  {
108
108
  "data-slot": "drawer-description",
109
- className: chunkJOVJRQO3_js.cn("text-sm text-muted-foreground", className),
109
+ className: chunkM3ICCPCU_js.cn("text-sm text-muted-foreground", className),
110
110
  ...props
111
111
  }
112
112
  );
@@ -1,5 +1,5 @@
1
1
  "use client";
2
- import { cn } from '../chunk-S26666D6.mjs';
2
+ import { cn } from '../chunk-BIU2MD4T.mjs';
3
3
  import { Drawer as Drawer$1 } from 'vaul';
4
4
  import { jsx, jsxs } from 'react/jsx-runtime';
5
5
 
@@ -1,7 +1,7 @@
1
1
  "use client";
2
2
  'use strict';
3
3
 
4
- var chunkJOVJRQO3_js = require('../chunk-JOVJRQO3.js');
4
+ var chunkM3ICCPCU_js = require('../chunk-M3ICCPCU.js');
5
5
  var React = require('react');
6
6
  var inputOtp = require('input-otp');
7
7
  var lucideReact = require('lucide-react');
@@ -36,11 +36,11 @@ function InputOTP({
36
36
  inputOtp.OTPInput,
37
37
  {
38
38
  "data-slot": "input-otp",
39
- containerClassName: chunkJOVJRQO3_js.cn(
39
+ containerClassName: chunkM3ICCPCU_js.cn(
40
40
  "flex items-center gap-2 has-disabled:opacity-50",
41
41
  containerClassName
42
42
  ),
43
- className: chunkJOVJRQO3_js.cn("disabled:cursor-not-allowed", className),
43
+ className: chunkM3ICCPCU_js.cn("disabled:cursor-not-allowed", className),
44
44
  ...props
45
45
  }
46
46
  );
@@ -50,7 +50,7 @@ function InputOTPGroup({ className, ...props }) {
50
50
  "div",
51
51
  {
52
52
  "data-slot": "input-otp-group",
53
- className: chunkJOVJRQO3_js.cn("flex items-center", className),
53
+ className: chunkM3ICCPCU_js.cn("flex items-center", className),
54
54
  ...props
55
55
  }
56
56
  );
@@ -67,7 +67,7 @@ function InputOTPSlot({
67
67
  {
68
68
  "data-slot": "input-otp-slot",
69
69
  "data-active": isActive,
70
- className: chunkJOVJRQO3_js.cn(
70
+ className: chunkM3ICCPCU_js.cn(
71
71
  "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",
72
72
  className
73
73
  ),
@@ -1,5 +1,5 @@
1
1
  "use client";
2
- import { cn } from '../chunk-S26666D6.mjs';
2
+ import { cn } from '../chunk-BIU2MD4T.mjs';
3
3
  import * as React from 'react';
4
4
  import { OTPInput, OTPInputContext } from 'input-otp';
5
5
  import { MinusIcon } from 'lucide-react';
@@ -1,7 +1,7 @@
1
1
  "use client";
2
2
  'use strict';
3
3
 
4
- var chunkJOVJRQO3_js = require('../chunk-JOVJRQO3.js');
4
+ var chunkM3ICCPCU_js = require('../chunk-M3ICCPCU.js');
5
5
  var lucideReact = require('lucide-react');
6
6
  var ResizablePrimitive = require('react-resizable-panels');
7
7
  var jsxRuntime = require('react/jsx-runtime');
@@ -34,7 +34,7 @@ function ResizablePanelGroup({
34
34
  ResizablePrimitive__namespace.Group,
35
35
  {
36
36
  "data-slot": "resizable-panel-group",
37
- className: chunkJOVJRQO3_js.cn(
37
+ className: chunkM3ICCPCU_js.cn(
38
38
  "flex h-full w-full aria-[orientation=vertical]:flex-col",
39
39
  className
40
40
  ),
@@ -54,7 +54,7 @@ function ResizableHandle({
54
54
  ResizablePrimitive__namespace.Separator,
55
55
  {
56
56
  "data-slot": "resizable-handle",
57
- className: chunkJOVJRQO3_js.cn(
57
+ className: chunkM3ICCPCU_js.cn(
58
58
  "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",
59
59
  className
60
60
  ),
@@ -1,5 +1,5 @@
1
1
  "use client";
2
- import { cn } from '../chunk-S26666D6.mjs';
2
+ import { cn } from '../chunk-BIU2MD4T.mjs';
3
3
  import { GripVerticalIcon } from 'lucide-react';
4
4
  import * as ResizablePrimitive from 'react-resizable-panels';
5
5
  import { jsx } from 'react/jsx-runtime';