@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.
- package/LICENSE +21 -0
- package/dist/alert/index.d.mts +1 -1
- package/dist/alert/index.d.ts +1 -1
- package/dist/avatar/index.d.mts +1 -1
- package/dist/avatar/index.d.ts +1 -1
- package/dist/badge/index.d.mts +1 -1
- package/dist/badge/index.d.ts +1 -1
- package/dist/button/index.d.mts +2 -2
- package/dist/button/index.d.ts +2 -2
- package/dist/chunk-S7LWOK76.mjs +42 -0
- package/dist/index.js +29 -15
- package/dist/index.mjs +26 -26
- package/dist/progress/index.d.mts +2 -2
- package/dist/progress/index.d.ts +2 -2
- package/dist/slider/index.js +29 -15
- package/dist/slider/index.mjs +1 -1
- package/dist/toast/index.d.mts +1 -1
- package/dist/toast/index.d.ts +1 -1
- package/dist/toggle/index.d.mts +2 -2
- package/dist/toggle/index.d.ts +2 -2
- package/package.json +134 -99
- package/dist/chunk-3I222KOY.mjs +0 -123
- package/dist/chunk-54Y3KUM5.mjs +0 -28
- package/dist/chunk-7OPZAWBW.mjs +0 -58
- package/dist/chunk-A5FJHFJQ.mjs +0 -210
- package/dist/chunk-APUPJHAQ.mjs +0 -43
- package/dist/chunk-AUXVXNU2.mjs +0 -105
- package/dist/chunk-B2GWR74O.mjs +0 -144
- package/dist/chunk-CTWUJDKA.mjs +0 -49
- package/dist/chunk-EJNQRWUO.mjs +0 -29
- package/dist/chunk-F6RLUX3E.mjs +0 -37
- package/dist/chunk-HYW3HTBA.mjs +0 -31
- package/dist/chunk-IOOOCHIG.mjs +0 -49
- package/dist/chunk-JJY2MCTX.mjs +0 -25
- package/dist/chunk-JQV5IP5Z.mjs +0 -28
- package/dist/chunk-NFFXJB2O.mjs +0 -11
- package/dist/chunk-OIQGWWAS.mjs +0 -42
- package/dist/chunk-PUERRSNI.mjs +0 -37
- package/dist/chunk-Q4WL74ZY.mjs +0 -43
- package/dist/chunk-RBVNJKEQ.mjs +0 -210
- package/dist/chunk-SPUFU4HC.mjs +0 -139
package/dist/chunk-IOOOCHIG.mjs
DELETED
|
@@ -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
|
-
};
|
package/dist/chunk-JJY2MCTX.mjs
DELETED
|
@@ -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
|
-
};
|
package/dist/chunk-JQV5IP5Z.mjs
DELETED
|
@@ -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
|
-
};
|
package/dist/chunk-NFFXJB2O.mjs
DELETED
|
@@ -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
|
-
};
|
package/dist/chunk-OIQGWWAS.mjs
DELETED
|
@@ -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
|
-
};
|
package/dist/chunk-PUERRSNI.mjs
DELETED
|
@@ -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
|
-
};
|
package/dist/chunk-Q4WL74ZY.mjs
DELETED
|
@@ -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
|
-
};
|
package/dist/chunk-RBVNJKEQ.mjs
DELETED
|
@@ -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
|
-
};
|
package/dist/chunk-SPUFU4HC.mjs
DELETED
|
@@ -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
|
-
};
|