@axis-ds/ui-react 1.1.1 → 1.1.3
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/dist/button/index.d.mts +1 -1
- package/dist/button/index.d.ts +1 -1
- package/dist/chunk-S7LWOK76.mjs +42 -0
- package/dist/command/index.d.mts +7 -7
- package/dist/command/index.d.ts +7 -7
- package/dist/index.js +29 -15
- package/dist/index.mjs +40 -40
- package/dist/slider/index.js +29 -15
- package/dist/slider/index.mjs +1 -1
- package/package.json +125 -89
- 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/button/index.d.mts
CHANGED
|
@@ -3,7 +3,7 @@ import * as React from 'react';
|
|
|
3
3
|
import { VariantProps } from 'class-variance-authority';
|
|
4
4
|
|
|
5
5
|
declare const buttonVariants: (props?: ({
|
|
6
|
-
variant?: "default" | "secondary" | "ghost" | "destructive" | "outline" |
|
|
6
|
+
variant?: "link" | "default" | "secondary" | "ghost" | "destructive" | "outline" | null | undefined;
|
|
7
7
|
size?: "default" | "sm" | "lg" | "icon" | null | undefined;
|
|
8
8
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
9
9
|
/**
|
package/dist/button/index.d.ts
CHANGED
|
@@ -3,7 +3,7 @@ import * as React from 'react';
|
|
|
3
3
|
import { VariantProps } from 'class-variance-authority';
|
|
4
4
|
|
|
5
5
|
declare const buttonVariants: (props?: ({
|
|
6
|
-
variant?: "default" | "secondary" | "ghost" | "destructive" | "outline" |
|
|
6
|
+
variant?: "link" | "default" | "secondary" | "ghost" | "destructive" | "outline" | null | undefined;
|
|
7
7
|
size?: "default" | "sm" | "lg" | "icon" | null | undefined;
|
|
8
8
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
9
9
|
/**
|
|
@@ -0,0 +1,42 @@
|
|
|
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(
|
|
10
|
+
({
|
|
11
|
+
className,
|
|
12
|
+
"aria-label": ariaLabel,
|
|
13
|
+
"aria-labelledby": ariaLabelledby,
|
|
14
|
+
...props
|
|
15
|
+
}, ref) => /* @__PURE__ */ jsxs(
|
|
16
|
+
SliderPrimitive.Root,
|
|
17
|
+
{
|
|
18
|
+
ref,
|
|
19
|
+
className: cn(
|
|
20
|
+
"relative flex w-full touch-none select-none items-center",
|
|
21
|
+
className
|
|
22
|
+
),
|
|
23
|
+
...props,
|
|
24
|
+
children: [
|
|
25
|
+
/* @__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)]" }) }),
|
|
26
|
+
/* @__PURE__ */ jsx(
|
|
27
|
+
SliderPrimitive.Thumb,
|
|
28
|
+
{
|
|
29
|
+
"aria-label": ariaLabel,
|
|
30
|
+
"aria-labelledby": ariaLabelledby,
|
|
31
|
+
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"
|
|
32
|
+
}
|
|
33
|
+
)
|
|
34
|
+
]
|
|
35
|
+
}
|
|
36
|
+
)
|
|
37
|
+
);
|
|
38
|
+
Slider.displayName = "Slider";
|
|
39
|
+
|
|
40
|
+
export {
|
|
41
|
+
Slider
|
|
42
|
+
};
|
package/dist/command/index.d.mts
CHANGED
|
@@ -10,7 +10,7 @@ declare const Command: React.ForwardRefExoticComponent<Omit<{
|
|
|
10
10
|
ref?: React.Ref<HTMLDivElement>;
|
|
11
11
|
} & {
|
|
12
12
|
asChild?: boolean;
|
|
13
|
-
}, "
|
|
13
|
+
}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild"> & {
|
|
14
14
|
label?: string;
|
|
15
15
|
shouldFilter?: boolean;
|
|
16
16
|
filter?: (value: string, search: string, keywords?: string[]) => number;
|
|
@@ -26,7 +26,7 @@ declare const CommandInput: React.ForwardRefExoticComponent<Omit<Omit<Pick<Pick<
|
|
|
26
26
|
ref?: React.Ref<HTMLInputElement>;
|
|
27
27
|
} & {
|
|
28
28
|
asChild?: boolean;
|
|
29
|
-
}, "
|
|
29
|
+
}, "key" | "asChild" | keyof React.InputHTMLAttributes<HTMLInputElement>>, "onChange" | "value" | "type"> & {
|
|
30
30
|
value?: string;
|
|
31
31
|
onValueChange?: (search: string) => void;
|
|
32
32
|
} & React.RefAttributes<HTMLInputElement>, "ref"> & React.RefAttributes<HTMLInputElement>>;
|
|
@@ -37,7 +37,7 @@ declare const CommandList: React.ForwardRefExoticComponent<Omit<{
|
|
|
37
37
|
ref?: React.Ref<HTMLDivElement>;
|
|
38
38
|
} & {
|
|
39
39
|
asChild?: boolean;
|
|
40
|
-
}, "
|
|
40
|
+
}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild"> & {
|
|
41
41
|
label?: string;
|
|
42
42
|
} & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
43
43
|
/** 검색 결과가 없을 때 표시되는 빈 상태 컴포넌트 */
|
|
@@ -47,7 +47,7 @@ declare const CommandEmpty: React.ForwardRefExoticComponent<Omit<{
|
|
|
47
47
|
ref?: React.Ref<HTMLDivElement>;
|
|
48
48
|
} & {
|
|
49
49
|
asChild?: boolean;
|
|
50
|
-
}, "
|
|
50
|
+
}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
51
51
|
/** 관련 명령어 항목들을 그룹화하는 컴포넌트 */
|
|
52
52
|
declare const CommandGroup: React.ForwardRefExoticComponent<Omit<{
|
|
53
53
|
children?: React.ReactNode;
|
|
@@ -55,7 +55,7 @@ declare const CommandGroup: React.ForwardRefExoticComponent<Omit<{
|
|
|
55
55
|
ref?: React.Ref<HTMLDivElement>;
|
|
56
56
|
} & {
|
|
57
57
|
asChild?: boolean;
|
|
58
|
-
}, "
|
|
58
|
+
}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild">, "heading" | "value"> & {
|
|
59
59
|
heading?: React.ReactNode;
|
|
60
60
|
value?: string;
|
|
61
61
|
forceMount?: boolean;
|
|
@@ -65,7 +65,7 @@ declare const CommandSeparator: React.ForwardRefExoticComponent<Omit<Pick<Pick<R
|
|
|
65
65
|
ref?: React.Ref<HTMLDivElement>;
|
|
66
66
|
} & {
|
|
67
67
|
asChild?: boolean;
|
|
68
|
-
}, "
|
|
68
|
+
}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild"> & {
|
|
69
69
|
alwaysRender?: boolean;
|
|
70
70
|
} & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
71
71
|
/** 명령어 팔레트의 개별 선택 가능한 항목 */
|
|
@@ -75,7 +75,7 @@ declare const CommandItem: React.ForwardRefExoticComponent<Omit<{
|
|
|
75
75
|
ref?: React.Ref<HTMLDivElement>;
|
|
76
76
|
} & {
|
|
77
77
|
asChild?: boolean;
|
|
78
|
-
}, "
|
|
78
|
+
}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild">, "onSelect" | "disabled" | "value"> & {
|
|
79
79
|
disabled?: boolean;
|
|
80
80
|
onSelect?: (value: string) => void;
|
|
81
81
|
value?: string;
|
package/dist/command/index.d.ts
CHANGED
|
@@ -10,7 +10,7 @@ declare const Command: React.ForwardRefExoticComponent<Omit<{
|
|
|
10
10
|
ref?: React.Ref<HTMLDivElement>;
|
|
11
11
|
} & {
|
|
12
12
|
asChild?: boolean;
|
|
13
|
-
}, "
|
|
13
|
+
}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild"> & {
|
|
14
14
|
label?: string;
|
|
15
15
|
shouldFilter?: boolean;
|
|
16
16
|
filter?: (value: string, search: string, keywords?: string[]) => number;
|
|
@@ -26,7 +26,7 @@ declare const CommandInput: React.ForwardRefExoticComponent<Omit<Omit<Pick<Pick<
|
|
|
26
26
|
ref?: React.Ref<HTMLInputElement>;
|
|
27
27
|
} & {
|
|
28
28
|
asChild?: boolean;
|
|
29
|
-
}, "
|
|
29
|
+
}, "key" | "asChild" | keyof React.InputHTMLAttributes<HTMLInputElement>>, "onChange" | "value" | "type"> & {
|
|
30
30
|
value?: string;
|
|
31
31
|
onValueChange?: (search: string) => void;
|
|
32
32
|
} & React.RefAttributes<HTMLInputElement>, "ref"> & React.RefAttributes<HTMLInputElement>>;
|
|
@@ -37,7 +37,7 @@ declare const CommandList: React.ForwardRefExoticComponent<Omit<{
|
|
|
37
37
|
ref?: React.Ref<HTMLDivElement>;
|
|
38
38
|
} & {
|
|
39
39
|
asChild?: boolean;
|
|
40
|
-
}, "
|
|
40
|
+
}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild"> & {
|
|
41
41
|
label?: string;
|
|
42
42
|
} & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
43
43
|
/** 검색 결과가 없을 때 표시되는 빈 상태 컴포넌트 */
|
|
@@ -47,7 +47,7 @@ declare const CommandEmpty: React.ForwardRefExoticComponent<Omit<{
|
|
|
47
47
|
ref?: React.Ref<HTMLDivElement>;
|
|
48
48
|
} & {
|
|
49
49
|
asChild?: boolean;
|
|
50
|
-
}, "
|
|
50
|
+
}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
51
51
|
/** 관련 명령어 항목들을 그룹화하는 컴포넌트 */
|
|
52
52
|
declare const CommandGroup: React.ForwardRefExoticComponent<Omit<{
|
|
53
53
|
children?: React.ReactNode;
|
|
@@ -55,7 +55,7 @@ declare const CommandGroup: React.ForwardRefExoticComponent<Omit<{
|
|
|
55
55
|
ref?: React.Ref<HTMLDivElement>;
|
|
56
56
|
} & {
|
|
57
57
|
asChild?: boolean;
|
|
58
|
-
}, "
|
|
58
|
+
}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild">, "heading" | "value"> & {
|
|
59
59
|
heading?: React.ReactNode;
|
|
60
60
|
value?: string;
|
|
61
61
|
forceMount?: boolean;
|
|
@@ -65,7 +65,7 @@ declare const CommandSeparator: React.ForwardRefExoticComponent<Omit<Pick<Pick<R
|
|
|
65
65
|
ref?: React.Ref<HTMLDivElement>;
|
|
66
66
|
} & {
|
|
67
67
|
asChild?: boolean;
|
|
68
|
-
}, "
|
|
68
|
+
}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild"> & {
|
|
69
69
|
alwaysRender?: boolean;
|
|
70
70
|
} & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
71
71
|
/** 명령어 팔레트의 개별 선택 가능한 항목 */
|
|
@@ -75,7 +75,7 @@ declare const CommandItem: React.ForwardRefExoticComponent<Omit<{
|
|
|
75
75
|
ref?: React.Ref<HTMLDivElement>;
|
|
76
76
|
} & {
|
|
77
77
|
asChild?: boolean;
|
|
78
|
-
}, "
|
|
78
|
+
}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild">, "onSelect" | "disabled" | "value"> & {
|
|
79
79
|
disabled?: boolean;
|
|
80
80
|
onSelect?: (value: string) => void;
|
|
81
81
|
value?: string;
|
package/dist/index.js
CHANGED
|
@@ -471,21 +471,35 @@ SelectSeparator.displayName = "SelectSeparator";
|
|
|
471
471
|
var React7 = __toESM(require("react"));
|
|
472
472
|
var SliderPrimitive = __toESM(require("@radix-ui/react-slider"));
|
|
473
473
|
var import_jsx_runtime7 = require("react/jsx-runtime");
|
|
474
|
-
var Slider = React7.forwardRef(
|
|
475
|
-
|
|
476
|
-
|
|
477
|
-
|
|
478
|
-
|
|
479
|
-
|
|
480
|
-
|
|
481
|
-
|
|
482
|
-
|
|
483
|
-
|
|
484
|
-
|
|
485
|
-
|
|
486
|
-
|
|
487
|
-
|
|
488
|
-
|
|
474
|
+
var Slider = React7.forwardRef(
|
|
475
|
+
({
|
|
476
|
+
className,
|
|
477
|
+
"aria-label": ariaLabel,
|
|
478
|
+
"aria-labelledby": ariaLabelledby,
|
|
479
|
+
...props
|
|
480
|
+
}, ref) => /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
|
|
481
|
+
SliderPrimitive.Root,
|
|
482
|
+
{
|
|
483
|
+
ref,
|
|
484
|
+
className: cn(
|
|
485
|
+
"relative flex w-full touch-none select-none items-center",
|
|
486
|
+
className
|
|
487
|
+
),
|
|
488
|
+
...props,
|
|
489
|
+
children: [
|
|
490
|
+
/* @__PURE__ */ (0, import_jsx_runtime7.jsx)(SliderPrimitive.Track, { className: "relative h-2 w-full grow overflow-hidden rounded-full bg-[var(--axis-surface-tertiary)]", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(SliderPrimitive.Range, { className: "absolute h-full bg-[var(--axis-interactive-primary)]" }) }),
|
|
491
|
+
/* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
|
|
492
|
+
SliderPrimitive.Thumb,
|
|
493
|
+
{
|
|
494
|
+
"aria-label": ariaLabel,
|
|
495
|
+
"aria-labelledby": ariaLabelledby,
|
|
496
|
+
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"
|
|
497
|
+
}
|
|
498
|
+
)
|
|
499
|
+
]
|
|
500
|
+
}
|
|
501
|
+
)
|
|
502
|
+
);
|
|
489
503
|
Slider.displayName = "Slider";
|
|
490
504
|
|
|
491
505
|
// src/switch/index.tsx
|
package/dist/index.mjs
CHANGED
|
@@ -1,12 +1,6 @@
|
|
|
1
1
|
import {
|
|
2
2
|
Switch
|
|
3
3
|
} from "./chunk-Q3KALTWT.mjs";
|
|
4
|
-
import {
|
|
5
|
-
Tabs,
|
|
6
|
-
TabsContent,
|
|
7
|
-
TabsList,
|
|
8
|
-
TabsTrigger
|
|
9
|
-
} from "./chunk-NEZK6NO5.mjs";
|
|
10
4
|
import {
|
|
11
5
|
Table,
|
|
12
6
|
TableBody,
|
|
@@ -18,11 +12,14 @@ import {
|
|
|
18
12
|
TableRow
|
|
19
13
|
} from "./chunk-XHILRI24.mjs";
|
|
20
14
|
import {
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
} from "./chunk-
|
|
15
|
+
Tabs,
|
|
16
|
+
TabsContent,
|
|
17
|
+
TabsList,
|
|
18
|
+
TabsTrigger
|
|
19
|
+
} from "./chunk-NEZK6NO5.mjs";
|
|
20
|
+
import {
|
|
21
|
+
Textarea
|
|
22
|
+
} from "./chunk-HQB5TO4N.mjs";
|
|
26
23
|
import {
|
|
27
24
|
Toast,
|
|
28
25
|
ToastAction,
|
|
@@ -37,8 +34,11 @@ import {
|
|
|
37
34
|
toggleVariants
|
|
38
35
|
} from "./chunk-JM45JPSK.mjs";
|
|
39
36
|
import {
|
|
40
|
-
|
|
41
|
-
|
|
37
|
+
Tooltip,
|
|
38
|
+
TooltipContent,
|
|
39
|
+
TooltipProvider,
|
|
40
|
+
TooltipTrigger
|
|
41
|
+
} from "./chunk-SCH6SFLB.mjs";
|
|
42
42
|
import {
|
|
43
43
|
Progress,
|
|
44
44
|
progressIndicatorVariants,
|
|
@@ -82,7 +82,15 @@ import {
|
|
|
82
82
|
} from "./chunk-FMXB7UCT.mjs";
|
|
83
83
|
import {
|
|
84
84
|
Slider
|
|
85
|
-
} from "./chunk-
|
|
85
|
+
} from "./chunk-S7LWOK76.mjs";
|
|
86
|
+
import {
|
|
87
|
+
Checkbox
|
|
88
|
+
} from "./chunk-AJERK2UH.mjs";
|
|
89
|
+
import {
|
|
90
|
+
Collapsible,
|
|
91
|
+
CollapsibleContent,
|
|
92
|
+
CollapsibleTrigger
|
|
93
|
+
} from "./chunk-3N6NG7VT.mjs";
|
|
86
94
|
import {
|
|
87
95
|
Command,
|
|
88
96
|
CommandEmpty,
|
|
@@ -93,18 +101,15 @@ import {
|
|
|
93
101
|
CommandSeparator
|
|
94
102
|
} from "./chunk-XW4HTSUY.mjs";
|
|
95
103
|
import {
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
CollapsibleContent,
|
|
106
|
-
CollapsibleTrigger
|
|
107
|
-
} from "./chunk-3N6NG7VT.mjs";
|
|
104
|
+
Dialog,
|
|
105
|
+
DialogClose,
|
|
106
|
+
DialogContent,
|
|
107
|
+
DialogDescription,
|
|
108
|
+
DialogFooter,
|
|
109
|
+
DialogHeader,
|
|
110
|
+
DialogTitle,
|
|
111
|
+
DialogTrigger
|
|
112
|
+
} from "./chunk-IXLVGZWU.mjs";
|
|
108
113
|
import {
|
|
109
114
|
DropdownMenu,
|
|
110
115
|
DropdownMenuCheckboxItem,
|
|
@@ -123,21 +128,11 @@ import {
|
|
|
123
128
|
DropdownMenuTrigger
|
|
124
129
|
} from "./chunk-SR3JZW6T.mjs";
|
|
125
130
|
import {
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
DialogContent,
|
|
129
|
-
DialogDescription,
|
|
130
|
-
DialogFooter,
|
|
131
|
-
DialogHeader,
|
|
132
|
-
DialogTitle,
|
|
133
|
-
DialogTrigger
|
|
134
|
-
} from "./chunk-IXLVGZWU.mjs";
|
|
131
|
+
Input
|
|
132
|
+
} from "./chunk-SLQ756Q7.mjs";
|
|
135
133
|
import {
|
|
136
134
|
Label
|
|
137
135
|
} from "./chunk-4JQWQF3H.mjs";
|
|
138
|
-
import {
|
|
139
|
-
Input
|
|
140
|
-
} from "./chunk-SLQ756Q7.mjs";
|
|
141
136
|
import {
|
|
142
137
|
Popover,
|
|
143
138
|
PopoverContent,
|
|
@@ -177,8 +172,13 @@ import {
|
|
|
177
172
|
buttonVariants
|
|
178
173
|
} from "./chunk-MARIIZN7.mjs";
|
|
179
174
|
import {
|
|
180
|
-
|
|
181
|
-
|
|
175
|
+
Card,
|
|
176
|
+
CardContent,
|
|
177
|
+
CardDescription,
|
|
178
|
+
CardFooter,
|
|
179
|
+
CardHeader,
|
|
180
|
+
CardTitle
|
|
181
|
+
} from "./chunk-O5SM54HW.mjs";
|
|
182
182
|
import {
|
|
183
183
|
cn
|
|
184
184
|
} from "./chunk-PJO7WJ4G.mjs";
|
package/dist/slider/index.js
CHANGED
|
@@ -45,21 +45,35 @@ function cn(...inputs) {
|
|
|
45
45
|
|
|
46
46
|
// src/slider/index.tsx
|
|
47
47
|
var import_jsx_runtime = require("react/jsx-runtime");
|
|
48
|
-
var Slider = React.forwardRef(
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
48
|
+
var Slider = React.forwardRef(
|
|
49
|
+
({
|
|
50
|
+
className,
|
|
51
|
+
"aria-label": ariaLabel,
|
|
52
|
+
"aria-labelledby": ariaLabelledby,
|
|
53
|
+
...props
|
|
54
|
+
}, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
|
|
55
|
+
SliderPrimitive.Root,
|
|
56
|
+
{
|
|
57
|
+
ref,
|
|
58
|
+
className: cn(
|
|
59
|
+
"relative flex w-full touch-none select-none items-center",
|
|
60
|
+
className
|
|
61
|
+
),
|
|
62
|
+
...props,
|
|
63
|
+
children: [
|
|
64
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(SliderPrimitive.Track, { className: "relative h-2 w-full grow overflow-hidden rounded-full bg-[var(--axis-surface-tertiary)]", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SliderPrimitive.Range, { className: "absolute h-full bg-[var(--axis-interactive-primary)]" }) }),
|
|
65
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
66
|
+
SliderPrimitive.Thumb,
|
|
67
|
+
{
|
|
68
|
+
"aria-label": ariaLabel,
|
|
69
|
+
"aria-labelledby": ariaLabelledby,
|
|
70
|
+
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"
|
|
71
|
+
}
|
|
72
|
+
)
|
|
73
|
+
]
|
|
74
|
+
}
|
|
75
|
+
)
|
|
76
|
+
);
|
|
63
77
|
Slider.displayName = "Slider";
|
|
64
78
|
// Annotate the CommonJS export names for ESM import in node:
|
|
65
79
|
0 && (module.exports = {
|