@axis-ds/ui-react 1.1.2 → 1.2.0

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.
Files changed (41) hide show
  1. package/LICENSE +21 -0
  2. package/dist/alert/index.d.mts +1 -1
  3. package/dist/alert/index.d.ts +1 -1
  4. package/dist/avatar/index.d.mts +1 -1
  5. package/dist/avatar/index.d.ts +1 -1
  6. package/dist/badge/index.d.mts +1 -1
  7. package/dist/badge/index.d.ts +1 -1
  8. package/dist/button/index.d.mts +2 -2
  9. package/dist/button/index.d.ts +2 -2
  10. package/dist/chunk-S7LWOK76.mjs +42 -0
  11. package/dist/index.js +29 -15
  12. package/dist/index.mjs +26 -26
  13. package/dist/progress/index.d.mts +2 -2
  14. package/dist/progress/index.d.ts +2 -2
  15. package/dist/slider/index.js +29 -15
  16. package/dist/slider/index.mjs +1 -1
  17. package/dist/toast/index.d.mts +1 -1
  18. package/dist/toast/index.d.ts +1 -1
  19. package/dist/toggle/index.d.mts +2 -2
  20. package/dist/toggle/index.d.ts +2 -2
  21. package/package.json +134 -99
  22. package/dist/chunk-3I222KOY.mjs +0 -123
  23. package/dist/chunk-54Y3KUM5.mjs +0 -28
  24. package/dist/chunk-7OPZAWBW.mjs +0 -58
  25. package/dist/chunk-A5FJHFJQ.mjs +0 -210
  26. package/dist/chunk-APUPJHAQ.mjs +0 -43
  27. package/dist/chunk-AUXVXNU2.mjs +0 -105
  28. package/dist/chunk-B2GWR74O.mjs +0 -144
  29. package/dist/chunk-CTWUJDKA.mjs +0 -49
  30. package/dist/chunk-EJNQRWUO.mjs +0 -29
  31. package/dist/chunk-F6RLUX3E.mjs +0 -37
  32. package/dist/chunk-HYW3HTBA.mjs +0 -31
  33. package/dist/chunk-IOOOCHIG.mjs +0 -49
  34. package/dist/chunk-JJY2MCTX.mjs +0 -25
  35. package/dist/chunk-JQV5IP5Z.mjs +0 -28
  36. package/dist/chunk-NFFXJB2O.mjs +0 -11
  37. package/dist/chunk-OIQGWWAS.mjs +0 -42
  38. package/dist/chunk-PUERRSNI.mjs +0 -37
  39. package/dist/chunk-Q4WL74ZY.mjs +0 -43
  40. package/dist/chunk-RBVNJKEQ.mjs +0 -210
  41. package/dist/chunk-SPUFU4HC.mjs +0 -139
@@ -1,49 +0,0 @@
1
- import {
2
- cn
3
- } from "./chunk-PJO7WJ4G.mjs";
4
-
5
- // src/checkbox/index.tsx
6
- import * as React from "react";
7
- import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
8
- import { jsx } from "react/jsx-runtime";
9
- var Checkbox = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
10
- CheckboxPrimitive.Root,
11
- {
12
- ref,
13
- className: cn(
14
- "peer h-4 w-4 shrink-0 rounded-sm border border-[var(--axis-border-default)]",
15
- "ring-offset-[var(--axis-surface-primary)]",
16
- "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--axis-ring)] focus-visible:ring-offset-2",
17
- "disabled:cursor-not-allowed disabled:opacity-50",
18
- "data-[state=checked]:bg-[var(--axis-interactive-primary)] data-[state=checked]:border-[var(--axis-interactive-primary)] data-[state=checked]:text-white",
19
- className
20
- ),
21
- ...props,
22
- children: /* @__PURE__ */ jsx(
23
- CheckboxPrimitive.Indicator,
24
- {
25
- className: cn("flex items-center justify-center text-current"),
26
- children: /* @__PURE__ */ jsx(
27
- "svg",
28
- {
29
- xmlns: "http://www.w3.org/2000/svg",
30
- width: "12",
31
- height: "12",
32
- viewBox: "0 0 24 24",
33
- fill: "none",
34
- stroke: "currentColor",
35
- strokeWidth: "3",
36
- strokeLinecap: "round",
37
- strokeLinejoin: "round",
38
- children: /* @__PURE__ */ jsx("path", { d: "M20 6 9 17l-5-5" })
39
- }
40
- )
41
- }
42
- )
43
- }
44
- ));
45
- Checkbox.displayName = CheckboxPrimitive.Root.displayName;
46
-
47
- export {
48
- Checkbox
49
- };
@@ -1,25 +0,0 @@
1
- import {
2
- cn
3
- } from "./chunk-PJO7WJ4G.mjs";
4
-
5
- // src/label/index.tsx
6
- import * as React from "react";
7
- import * as LabelPrimitive from "@radix-ui/react-label";
8
- import { cva } from "class-variance-authority";
9
- import { jsx } from "react/jsx-runtime";
10
- var labelVariants = cva(
11
- "text-sm font-medium leading-none text-[var(--axis-text-primary)] peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
12
- );
13
- var Label = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
14
- LabelPrimitive.Root,
15
- {
16
- ref,
17
- className: cn(labelVariants(), className),
18
- ...props
19
- }
20
- ));
21
- Label.displayName = LabelPrimitive.Root.displayName;
22
-
23
- export {
24
- Label
25
- };
@@ -1,28 +0,0 @@
1
- import {
2
- cn
3
- } from "./chunk-PJO7WJ4G.mjs";
4
-
5
- // src/slider/index.tsx
6
- import * as React from "react";
7
- import * as SliderPrimitive from "@radix-ui/react-slider";
8
- import { jsx, jsxs } from "react/jsx-runtime";
9
- var Slider = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs(
10
- SliderPrimitive.Root,
11
- {
12
- ref,
13
- className: cn(
14
- "relative flex w-full touch-none select-none items-center",
15
- className
16
- ),
17
- ...props,
18
- children: [
19
- /* @__PURE__ */ jsx(SliderPrimitive.Track, { className: "relative h-2 w-full grow overflow-hidden rounded-full bg-[var(--axis-surface-tertiary)]", children: /* @__PURE__ */ jsx(SliderPrimitive.Range, { className: "absolute h-full bg-[var(--axis-interactive-primary)]" }) }),
20
- /* @__PURE__ */ jsx(SliderPrimitive.Thumb, { className: "block h-5 w-5 rounded-full border-2 border-[var(--axis-interactive-primary)] bg-[var(--axis-surface-primary)] ring-offset-[var(--axis-surface-primary)] transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--axis-ring)] focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50" })
21
- ]
22
- }
23
- ));
24
- Slider.displayName = SliderPrimitive.Root.displayName;
25
-
26
- export {
27
- Slider
28
- };
@@ -1,11 +0,0 @@
1
- // src/collapsible/index.tsx
2
- import * as CollapsiblePrimitive from "@radix-ui/react-collapsible";
3
- var Collapsible = CollapsiblePrimitive.Root;
4
- var CollapsibleTrigger2 = CollapsiblePrimitive.CollapsibleTrigger;
5
- var CollapsibleContent2 = CollapsiblePrimitive.CollapsibleContent;
6
-
7
- export {
8
- Collapsible,
9
- CollapsibleTrigger2 as CollapsibleTrigger,
10
- CollapsibleContent2 as CollapsibleContent
11
- };
@@ -1,42 +0,0 @@
1
- import {
2
- cn
3
- } from "./chunk-PJO7WJ4G.mjs";
4
-
5
- // src/badge/index.tsx
6
- import * as React from "react";
7
- import { cva } from "class-variance-authority";
8
- import { jsx } from "react/jsx-runtime";
9
- var badgeVariants = cva(
10
- "inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2",
11
- {
12
- variants: {
13
- variant: {
14
- default: "border-transparent bg-[var(--axis-badge-default-bg)] text-[var(--axis-badge-default-text)]",
15
- success: "border-transparent bg-[var(--axis-badge-success-bg)] text-[var(--axis-badge-success-text)]",
16
- warning: "border-transparent bg-[var(--axis-badge-warning-bg)] text-[var(--axis-badge-warning-text)]",
17
- error: "border-transparent bg-[var(--axis-badge-error-bg)] text-[var(--axis-badge-error-text)]",
18
- info: "border-transparent bg-[var(--axis-badge-info-bg)] text-[var(--axis-badge-info-text)]",
19
- outline: "border-[var(--axis-border-default)] text-[var(--axis-text-primary)]"
20
- }
21
- },
22
- defaultVariants: {
23
- variant: "default"
24
- }
25
- }
26
- );
27
- var Badge = React.forwardRef(
28
- ({ className, variant, ...props }, ref) => /* @__PURE__ */ jsx(
29
- "div",
30
- {
31
- ref,
32
- className: cn(badgeVariants({ variant }), className),
33
- ...props
34
- }
35
- )
36
- );
37
- Badge.displayName = "Badge";
38
-
39
- export {
40
- badgeVariants,
41
- Badge
42
- };
@@ -1,37 +0,0 @@
1
- import {
2
- cn
3
- } from "./chunk-PJO7WJ4G.mjs";
4
-
5
- // src/tooltip/index.tsx
6
- import * as React from "react";
7
- import * as TooltipPrimitive from "@radix-ui/react-tooltip";
8
- import { jsx } from "react/jsx-runtime";
9
- var TooltipProvider = TooltipPrimitive.Provider;
10
- var Tooltip = TooltipPrimitive.Root;
11
- var TooltipTrigger = TooltipPrimitive.Trigger;
12
- var TooltipContent = React.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsx(
13
- TooltipPrimitive.Content,
14
- {
15
- ref,
16
- sideOffset,
17
- className: cn(
18
- "z-50 overflow-hidden rounded-md bg-[var(--axis-surface-inverse)] px-3 py-1.5 text-xs text-[var(--axis-text-inverse)]",
19
- "animate-in fade-in-0 zoom-in-95",
20
- "data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95",
21
- "data-[side=bottom]:slide-in-from-top-2",
22
- "data-[side=left]:slide-in-from-right-2",
23
- "data-[side=right]:slide-in-from-left-2",
24
- "data-[side=top]:slide-in-from-bottom-2",
25
- className
26
- ),
27
- ...props
28
- }
29
- ) }));
30
- TooltipContent.displayName = TooltipPrimitive.Content.displayName;
31
-
32
- export {
33
- TooltipProvider,
34
- Tooltip,
35
- TooltipTrigger,
36
- TooltipContent
37
- };
@@ -1,43 +0,0 @@
1
- import {
2
- cn
3
- } from "./chunk-PJO7WJ4G.mjs";
4
-
5
- // src/scroll-area/index.tsx
6
- import * as React from "react";
7
- import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area";
8
- import { jsx, jsxs } from "react/jsx-runtime";
9
- var ScrollArea = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
10
- ScrollAreaPrimitive.Root,
11
- {
12
- ref,
13
- className: cn("relative overflow-hidden", className),
14
- ...props,
15
- children: [
16
- /* @__PURE__ */ jsx(ScrollAreaPrimitive.Viewport, { className: "h-full w-full rounded-[inherit]", children }),
17
- /* @__PURE__ */ jsx(ScrollBar, {}),
18
- /* @__PURE__ */ jsx(ScrollAreaPrimitive.Corner, {})
19
- ]
20
- }
21
- ));
22
- ScrollArea.displayName = ScrollAreaPrimitive.Root.displayName;
23
- var ScrollBar = React.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ jsx(
24
- ScrollAreaPrimitive.ScrollAreaScrollbar,
25
- {
26
- ref,
27
- orientation,
28
- className: cn(
29
- "flex touch-none select-none transition-colors",
30
- orientation === "vertical" && "h-full w-2.5 border-l border-l-transparent p-[1px]",
31
- orientation === "horizontal" && "h-2.5 flex-col border-t border-t-transparent p-[1px]",
32
- className
33
- ),
34
- ...props,
35
- children: /* @__PURE__ */ jsx(ScrollAreaPrimitive.ScrollAreaThumb, { className: "relative flex-1 rounded-full bg-[var(--axis-border-default)]" })
36
- }
37
- ));
38
- ScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName;
39
-
40
- export {
41
- ScrollArea,
42
- ScrollBar
43
- };
@@ -1,210 +0,0 @@
1
- import {
2
- cn
3
- } from "./chunk-PJO7WJ4G.mjs";
4
-
5
- // src/dropdown-menu/index.tsx
6
- import * as React from "react";
7
- import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
8
- import { jsx, jsxs } from "react/jsx-runtime";
9
- var DropdownMenu = DropdownMenuPrimitive.Root;
10
- var DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;
11
- var DropdownMenuGroup = DropdownMenuPrimitive.Group;
12
- var DropdownMenuPortal = DropdownMenuPrimitive.Portal;
13
- var DropdownMenuSub = DropdownMenuPrimitive.Sub;
14
- var DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup;
15
- var DropdownMenuSubTrigger = React.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxs(
16
- DropdownMenuPrimitive.SubTrigger,
17
- {
18
- ref,
19
- className: cn(
20
- "flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none",
21
- "focus:bg-[var(--axis-surface-secondary)]",
22
- "data-[state=open]:bg-[var(--axis-surface-secondary)]",
23
- "[&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
24
- inset && "pl-8",
25
- className
26
- ),
27
- ...props,
28
- children: [
29
- children,
30
- /* @__PURE__ */ jsx(
31
- "svg",
32
- {
33
- xmlns: "http://www.w3.org/2000/svg",
34
- width: "16",
35
- height: "16",
36
- viewBox: "0 0 24 24",
37
- fill: "none",
38
- stroke: "currentColor",
39
- strokeWidth: "2",
40
- strokeLinecap: "round",
41
- strokeLinejoin: "round",
42
- className: "ml-auto",
43
- children: /* @__PURE__ */ jsx("path", { d: "m9 18 6-6-6-6" })
44
- }
45
- )
46
- ]
47
- }
48
- ));
49
- DropdownMenuSubTrigger.displayName = DropdownMenuPrimitive.SubTrigger.displayName;
50
- var DropdownMenuSubContent = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
51
- DropdownMenuPrimitive.SubContent,
52
- {
53
- ref,
54
- className: cn(
55
- "z-50 min-w-[8rem] overflow-hidden rounded-md border border-[var(--axis-border-default)] bg-[var(--axis-surface-primary)] p-1 text-[var(--axis-text-primary)] shadow-lg",
56
- "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",
57
- className
58
- ),
59
- ...props
60
- }
61
- ));
62
- DropdownMenuSubContent.displayName = DropdownMenuPrimitive.SubContent.displayName;
63
- var DropdownMenuContent = React.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx(
64
- DropdownMenuPrimitive.Content,
65
- {
66
- ref,
67
- sideOffset,
68
- className: cn(
69
- "z-50 min-w-[8rem] overflow-hidden rounded-md border border-[var(--axis-border-default)] bg-[var(--axis-surface-primary)] p-1 text-[var(--axis-text-primary)] shadow-md",
70
- "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",
71
- className
72
- ),
73
- ...props
74
- }
75
- ) }));
76
- DropdownMenuContent.displayName = "DropdownMenuContent";
77
- var DropdownMenuItem = React.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx(
78
- DropdownMenuPrimitive.Item,
79
- {
80
- ref,
81
- className: cn(
82
- "relative flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none transition-colors",
83
- "focus:bg-[var(--axis-surface-secondary)] focus:text-[var(--axis-text-primary)]",
84
- "data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
85
- "[&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
86
- inset && "pl-8",
87
- className
88
- ),
89
- ...props
90
- }
91
- ));
92
- DropdownMenuItem.displayName = "DropdownMenuItem";
93
- var DropdownMenuCheckboxItem = React.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs(
94
- DropdownMenuPrimitive.CheckboxItem,
95
- {
96
- ref,
97
- className: cn(
98
- "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors",
99
- "focus:bg-[var(--axis-surface-secondary)] focus:text-[var(--axis-text-primary)]",
100
- "data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
101
- className
102
- ),
103
- checked,
104
- ...props,
105
- children: [
106
- /* @__PURE__ */ jsx("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(
107
- "svg",
108
- {
109
- xmlns: "http://www.w3.org/2000/svg",
110
- width: "16",
111
- height: "16",
112
- viewBox: "0 0 24 24",
113
- fill: "none",
114
- stroke: "currentColor",
115
- strokeWidth: "2",
116
- strokeLinecap: "round",
117
- strokeLinejoin: "round",
118
- children: /* @__PURE__ */ jsx("path", { d: "M20 6 9 17l-5-5" })
119
- }
120
- ) }) }),
121
- children
122
- ]
123
- }
124
- ));
125
- DropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive.CheckboxItem.displayName;
126
- var DropdownMenuRadioItem = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
127
- DropdownMenuPrimitive.RadioItem,
128
- {
129
- ref,
130
- className: cn(
131
- "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors",
132
- "focus:bg-[var(--axis-surface-secondary)] focus:text-[var(--axis-text-primary)]",
133
- "data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
134
- className
135
- ),
136
- ...props,
137
- children: [
138
- /* @__PURE__ */ jsx("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(
139
- "svg",
140
- {
141
- xmlns: "http://www.w3.org/2000/svg",
142
- width: "8",
143
- height: "8",
144
- viewBox: "0 0 8 8",
145
- fill: "currentColor",
146
- children: /* @__PURE__ */ jsx("circle", { cx: "4", cy: "4", r: "4" })
147
- }
148
- ) }) }),
149
- children
150
- ]
151
- }
152
- ));
153
- DropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName;
154
- var DropdownMenuLabel = React.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx(
155
- DropdownMenuPrimitive.Label,
156
- {
157
- ref,
158
- className: cn(
159
- "px-2 py-1.5 text-sm font-semibold",
160
- inset && "pl-8",
161
- className
162
- ),
163
- ...props
164
- }
165
- ));
166
- DropdownMenuLabel.displayName = "DropdownMenuLabel";
167
- var DropdownMenuSeparator = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
168
- DropdownMenuPrimitive.Separator,
169
- {
170
- ref,
171
- className: cn(
172
- "-mx-1 my-1 h-px bg-[var(--axis-border-default)]",
173
- className
174
- ),
175
- ...props
176
- }
177
- ));
178
- DropdownMenuSeparator.displayName = DropdownMenuPrimitive.Separator.displayName;
179
- var DropdownMenuShortcut = ({
180
- className,
181
- ...props
182
- }) => /* @__PURE__ */ jsx(
183
- "span",
184
- {
185
- className: cn(
186
- "ml-auto text-xs tracking-widest text-[var(--axis-text-tertiary)]",
187
- className
188
- ),
189
- ...props
190
- }
191
- );
192
- DropdownMenuShortcut.displayName = "DropdownMenuShortcut";
193
-
194
- export {
195
- DropdownMenu,
196
- DropdownMenuTrigger,
197
- DropdownMenuGroup,
198
- DropdownMenuPortal,
199
- DropdownMenuSub,
200
- DropdownMenuRadioGroup,
201
- DropdownMenuSubTrigger,
202
- DropdownMenuSubContent,
203
- DropdownMenuContent,
204
- DropdownMenuItem,
205
- DropdownMenuCheckboxItem,
206
- DropdownMenuRadioItem,
207
- DropdownMenuLabel,
208
- DropdownMenuSeparator,
209
- DropdownMenuShortcut
210
- };
@@ -1,139 +0,0 @@
1
- import {
2
- cn
3
- } from "./chunk-PJO7WJ4G.mjs";
4
-
5
- // src/sheet/index.tsx
6
- import * as React from "react";
7
- import * as SheetPrimitive from "@radix-ui/react-dialog";
8
- import { cva } from "class-variance-authority";
9
- import { jsx, jsxs } from "react/jsx-runtime";
10
- var Sheet = SheetPrimitive.Root;
11
- var SheetTrigger = SheetPrimitive.Trigger;
12
- var SheetClose = SheetPrimitive.Close;
13
- var SheetPortal = SheetPrimitive.Portal;
14
- var SheetOverlay = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
15
- SheetPrimitive.Overlay,
16
- {
17
- className: cn(
18
- "fixed inset-0 z-50 bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
19
- className
20
- ),
21
- ...props,
22
- ref
23
- }
24
- ));
25
- SheetOverlay.displayName = SheetPrimitive.Overlay.displayName;
26
- var sheetVariants = cva(
27
- "fixed z-50 gap-4 bg-[var(--axis-surface-primary)] border-[var(--axis-border-default)] p-6 shadow-lg transition ease-in-out data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:duration-300 data-[state=open]:duration-500",
28
- {
29
- variants: {
30
- side: {
31
- top: "inset-x-0 top-0 border-b data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top",
32
- bottom: "inset-x-0 bottom-0 border-t data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom",
33
- 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",
34
- 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"
35
- }
36
- },
37
- defaultVariants: {
38
- side: "right"
39
- }
40
- }
41
- );
42
- var SheetContent = React.forwardRef(({ side = "right", className, children, ...props }, ref) => /* @__PURE__ */ jsxs(SheetPortal, { children: [
43
- /* @__PURE__ */ jsx(SheetOverlay, {}),
44
- /* @__PURE__ */ jsxs(
45
- SheetPrimitive.Content,
46
- {
47
- ref,
48
- className: cn(sheetVariants({ side }), className),
49
- ...props,
50
- children: [
51
- /* @__PURE__ */ jsxs(SheetPrimitive.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-[var(--axis-surface-primary)] transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-[var(--axis-ring)] focus:ring-offset-2 disabled:pointer-events-none", children: [
52
- /* @__PURE__ */ jsxs(
53
- "svg",
54
- {
55
- xmlns: "http://www.w3.org/2000/svg",
56
- width: "16",
57
- height: "16",
58
- viewBox: "0 0 24 24",
59
- fill: "none",
60
- stroke: "currentColor",
61
- strokeWidth: "2",
62
- strokeLinecap: "round",
63
- strokeLinejoin: "round",
64
- children: [
65
- /* @__PURE__ */ jsx("path", { d: "M18 6 6 18" }),
66
- /* @__PURE__ */ jsx("path", { d: "m6 6 12 12" })
67
- ]
68
- }
69
- ),
70
- /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Close" })
71
- ] }),
72
- children
73
- ]
74
- }
75
- )
76
- ] }));
77
- SheetContent.displayName = SheetPrimitive.Content.displayName;
78
- var SheetHeader = ({
79
- className,
80
- ...props
81
- }) => /* @__PURE__ */ jsx(
82
- "div",
83
- {
84
- className: cn(
85
- "flex flex-col space-y-2 text-center sm:text-left",
86
- className
87
- ),
88
- ...props
89
- }
90
- );
91
- SheetHeader.displayName = "SheetHeader";
92
- var SheetFooter = ({
93
- className,
94
- ...props
95
- }) => /* @__PURE__ */ jsx(
96
- "div",
97
- {
98
- className: cn(
99
- "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",
100
- className
101
- ),
102
- ...props
103
- }
104
- );
105
- SheetFooter.displayName = "SheetFooter";
106
- var SheetTitle = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
107
- SheetPrimitive.Title,
108
- {
109
- ref,
110
- className: cn(
111
- "text-lg font-semibold text-[var(--axis-text-primary)]",
112
- className
113
- ),
114
- ...props
115
- }
116
- ));
117
- SheetTitle.displayName = SheetPrimitive.Title.displayName;
118
- var SheetDescription = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
119
- SheetPrimitive.Description,
120
- {
121
- ref,
122
- className: cn("text-sm text-[var(--axis-text-secondary)]", className),
123
- ...props
124
- }
125
- ));
126
- SheetDescription.displayName = SheetPrimitive.Description.displayName;
127
-
128
- export {
129
- Sheet,
130
- SheetTrigger,
131
- SheetClose,
132
- SheetPortal,
133
- SheetOverlay,
134
- SheetContent,
135
- SheetHeader,
136
- SheetFooter,
137
- SheetTitle,
138
- SheetDescription
139
- };