geoiq-frontend-ui-kit 1.5.74 → 1.5.78
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/components/unstyled/otp-input/otp-input-component.d.ts.map +1 -1
- package/dist/index.es10.js +1 -1
- package/dist/index.es102.js +13 -48
- package/dist/index.es102.js.map +1 -1
- package/dist/index.es103.js +22 -45
- package/dist/index.es103.js.map +1 -1
- package/dist/index.es104.js +122 -22
- package/dist/index.es104.js.map +1 -1
- package/dist/index.es105.js +5 -16
- package/dist/index.es105.js.map +1 -1
- package/dist/index.es106.js +86 -9
- package/dist/index.es106.js.map +1 -1
- package/dist/index.es107.js +13 -84
- package/dist/index.es107.js.map +1 -1
- package/dist/index.es108.js +48 -121
- package/dist/index.es108.js.map +1 -1
- package/dist/index.es109.js +37 -9
- package/dist/index.es109.js.map +1 -1
- package/dist/index.es110.js +21 -13
- package/dist/index.es110.js.map +1 -1
- package/dist/index.es112.js +10 -41
- package/dist/index.es112.js.map +1 -1
- package/dist/index.es113.js +39 -37
- package/dist/index.es113.js.map +1 -1
- package/dist/index.es114.js +35 -6
- package/dist/index.es114.js.map +1 -1
- package/dist/index.es117.js +71 -20
- package/dist/index.es117.js.map +1 -1
- package/dist/index.es118.js +20 -71
- package/dist/index.es118.js.map +1 -1
- package/dist/index.es120.js +6 -5
- package/dist/index.es120.js.map +1 -1
- package/dist/index.es122.js +1 -1
- package/dist/index.es131.js +42 -10
- package/dist/index.es131.js.map +1 -1
- package/dist/index.es132.js +10 -42
- package/dist/index.es132.js.map +1 -1
- package/dist/index.es14.js +1 -1
- package/dist/index.es17.js +1 -1
- package/dist/index.es18.js +1 -1
- package/dist/index.es19.js +3 -3
- package/dist/index.es20.js +1 -1
- package/dist/index.es23.js +1 -1
- package/dist/index.es27.js +1 -1
- package/dist/index.es29.js +1 -1
- package/dist/index.es30.js +1 -1
- package/dist/index.es47.js +1 -1
- package/dist/index.es49.js +1 -1
- package/dist/index.es70.js +1 -1
- package/dist/index.es88.js +76 -45
- package/dist/index.es88.js.map +1 -1
- package/dist/index.es9.js +1 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"otp-input-component.d.ts","sourceRoot":"","sources":["../../../../src/components/unstyled/otp-input/otp-input-component.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,OAAO,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAA;AAGrD,QAAA,MAAM,QAAQ;;;;;kBAMoC,GAAG;;;;;;
|
|
1
|
+
{"version":3,"file":"otp-input-component.d.ts","sourceRoot":"","sources":["../../../../src/components/unstyled/otp-input/otp-input-component.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,OAAO,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAA;AAGrD,QAAA,MAAM,QAAQ;;;;;kBAMoC,GAAG;;;;;;8DAYlD,SAAS;;;;;;;kBAZsC,GAAG;;;;;;;oBAgBvB,SAAS;;cApByB,OAAO;2CASrE,CAAA;AAGF,QAAA,MAAM,aAAa,6GAKjB,CAAA;AAGF,QAAA,MAAM,YAAY,0FAsBjB,CAAA;AAID,QAAA,MAAM,iBAAiB,6GAOrB,CAAA;AAGF,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,YAAY,EAAE,iBAAiB,EAAE,CAAA"}
|
package/dist/index.es10.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import * as r from "react";
|
|
2
2
|
import * as a from "@radix-ui/react-progress";
|
|
3
3
|
import { cn as i } from "./index.es77.js";
|
|
4
|
-
import { ProgressVariants as n } from "./index.
|
|
4
|
+
import { ProgressVariants as n } from "./index.es105.js";
|
|
5
5
|
const l = r.forwardRef(({ className: t, value: o, ...e }, m) => {
|
|
6
6
|
const s = (o || 0) / (e.max || 100) * 100;
|
|
7
7
|
return /* @__PURE__ */ r.createElement(
|
package/dist/index.es102.js
CHANGED
|
@@ -1,52 +1,17 @@
|
|
|
1
|
-
import { cva as
|
|
2
|
-
const
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
},
|
|
13
|
-
isFocused: {
|
|
14
|
-
true: "",
|
|
15
|
-
false: ""
|
|
16
|
-
},
|
|
17
|
-
disabled: {
|
|
18
|
-
true: "bg-light-3 border-neutral-2 cursor-not-allowed",
|
|
19
|
-
false: ""
|
|
20
|
-
}
|
|
21
|
-
},
|
|
22
|
-
defaultVariants: {
|
|
23
|
-
isError: !1
|
|
24
|
-
},
|
|
25
|
-
compoundVariants: [
|
|
26
|
-
{
|
|
27
|
-
isError: !0,
|
|
28
|
-
isFocused: !0,
|
|
29
|
-
className: "border-danger-2 ring-4 ring-danger-1"
|
|
30
|
-
},
|
|
31
|
-
{
|
|
32
|
-
isError: !1,
|
|
33
|
-
isFocused: !0,
|
|
34
|
-
className: "border-primary-2 ring-4 ring-primary-1"
|
|
35
|
-
},
|
|
36
|
-
{
|
|
37
|
-
isError: !0,
|
|
38
|
-
isFocused: !1,
|
|
39
|
-
className: "border-danger-2"
|
|
40
|
-
},
|
|
41
|
-
{
|
|
42
|
-
isError: !1,
|
|
43
|
-
isFocused: !1,
|
|
44
|
-
className: "border-light-2"
|
|
45
|
-
}
|
|
46
|
-
]
|
|
1
|
+
import { cva as s } from "class-variance-authority";
|
|
2
|
+
const o = s("", {
|
|
3
|
+
variants: {
|
|
4
|
+
bgColor: {
|
|
5
|
+
success: "bg-success-2",
|
|
6
|
+
danger: "bg-danger-2",
|
|
7
|
+
stroke: "bg-light-4"
|
|
8
|
+
}
|
|
9
|
+
},
|
|
10
|
+
defaultVariants: {
|
|
11
|
+
bgColor: "success"
|
|
47
12
|
}
|
|
48
|
-
);
|
|
13
|
+
});
|
|
49
14
|
export {
|
|
50
|
-
|
|
15
|
+
o as SliderBgColorVariants
|
|
51
16
|
};
|
|
52
17
|
//# sourceMappingURL=index.es102.js.map
|
package/dist/index.es102.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.es102.js","sources":["../src/components/
|
|
1
|
+
{"version":3,"file":"index.es102.js","sources":["../src/components/molecules/polar-slider/polar-slider.styles.ts"],"sourcesContent":["import { cva } from 'class-variance-authority'\n\nexport const SliderBgColorVariants = cva('', {\n variants: {\n bgColor: {\n success: 'bg-success-2',\n danger: 'bg-danger-2',\n stroke: 'bg-light-4',\n },\n },\n defaultVariants: {\n bgColor: 'success',\n },\n})\n"],"names":["SliderBgColorVariants","cva"],"mappings":";AAEa,MAAAA,IAAwBC,EAAI,IAAI;AAAA,EAC3C,UAAU;AAAA,IACR,SAAS;AAAA,MACP,SAAS;AAAA,MACT,QAAQ;AAAA,MACR,QAAQ;AAAA,IACV;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,SAAS;AAAA,EACX;AACF,CAAC;"}
|
package/dist/index.es103.js
CHANGED
|
@@ -1,48 +1,25 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
}
|
|
22
|
-
), a = t("", {
|
|
23
|
-
variants: {
|
|
24
|
-
shortContent: {
|
|
25
|
-
true: "justify-between w-full items-center flex flex-row gap-3",
|
|
26
|
-
false: "flex flex-col gap-2 justify-start items-start"
|
|
27
|
-
}
|
|
28
|
-
},
|
|
29
|
-
defaultVariants: {
|
|
30
|
-
shortContent: !1
|
|
31
|
-
}
|
|
32
|
-
}), n = t(" max-w-[fit-content] ", {
|
|
33
|
-
variants: {
|
|
34
|
-
shortContent: {
|
|
35
|
-
true: "bg-rest-s1",
|
|
36
|
-
false: "bg-rest-s1"
|
|
37
|
-
}
|
|
38
|
-
},
|
|
39
|
-
defaultVariants: {
|
|
40
|
-
shortContent: !1
|
|
41
|
-
}
|
|
42
|
-
});
|
|
1
|
+
const p = {
|
|
2
|
+
display1: "p",
|
|
3
|
+
display2: "p",
|
|
4
|
+
display3: "p",
|
|
5
|
+
h1: "h1",
|
|
6
|
+
h2: "h2",
|
|
7
|
+
h3: "h3",
|
|
8
|
+
body1: "p",
|
|
9
|
+
body2: "p",
|
|
10
|
+
body3: "p",
|
|
11
|
+
body4: "p",
|
|
12
|
+
body5: "p",
|
|
13
|
+
body6: "p"
|
|
14
|
+
// overline1: 'p',
|
|
15
|
+
// overline2: 'p',
|
|
16
|
+
// overline3: 'p',
|
|
17
|
+
// 'cta-large': 'p',
|
|
18
|
+
// 'cta-normal': 'p',
|
|
19
|
+
// 'cta-small': 'p',
|
|
20
|
+
}, y = "body1";
|
|
43
21
|
export {
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
r as AlertVariants
|
|
22
|
+
y as defaultTypographyVariant,
|
|
23
|
+
p as variantElementMap
|
|
47
24
|
};
|
|
48
25
|
//# sourceMappingURL=index.es103.js.map
|
package/dist/index.es103.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.es103.js","sources":["../src/components/
|
|
1
|
+
{"version":3,"file":"index.es103.js","sources":["../src/components/atoms/typography/typography.config.ts"],"sourcesContent":["export const variantElementMap = {\n display1: 'p',\n display2: 'p',\n display3: 'p',\n h1: 'h1',\n h2: 'h2',\n h3: 'h3',\n body1: 'p',\n body2: 'p',\n body3: 'p',\n body4: 'p',\n body5: 'p',\n body6: 'p',\n // overline1: 'p',\n // overline2: 'p',\n // overline3: 'p',\n // 'cta-large': 'p',\n // 'cta-normal': 'p',\n // 'cta-small': 'p',\n}\n\nexport const defaultTypographyVariant = 'body1'\n"],"names":["variantElementMap","defaultTypographyVariant"],"mappings":"AAAO,MAAMA,IAAoB;AAAA,EAC/B,UAAU;AAAA,EACV,UAAU;AAAA,EACV,UAAU;AAAA,EACV,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,OAAO;AAAA,EACP,OAAO;AAAA,EACP,OAAO;AAAA,EACP,OAAO;AAAA,EACP,OAAO;AAAA,EACP,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAOT,GAEaC,IAA2B;"}
|
package/dist/index.es104.js
CHANGED
|
@@ -1,25 +1,125 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
},
|
|
1
|
+
import * as e from "react";
|
|
2
|
+
import * as t from "@radix-ui/react-dropdown-menu";
|
|
3
|
+
import { ChevronRight as l, Check as i, Circle as m } from "lucide-react";
|
|
4
|
+
import { cn as d } from "./index.es77.js";
|
|
5
|
+
const h = t.Root, E = t.Trigger, D = t.Group, M = t.Portal, R = t.Sub, c = e.forwardRef(({ className: o, inset: n, children: a, ...r }, s) => /* @__PURE__ */ e.createElement(
|
|
6
|
+
t.SubTrigger,
|
|
7
|
+
{
|
|
8
|
+
ref: s,
|
|
9
|
+
className: d(
|
|
10
|
+
"flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent data-[state=open]:bg-accent",
|
|
11
|
+
n && "pl-8",
|
|
12
|
+
o
|
|
13
|
+
),
|
|
14
|
+
...r
|
|
15
|
+
},
|
|
16
|
+
a,
|
|
17
|
+
/* @__PURE__ */ e.createElement(l, { className: "w-4 h-4 ml-auto" })
|
|
18
|
+
));
|
|
19
|
+
c.displayName = t.SubTrigger.displayName;
|
|
20
|
+
const p = e.forwardRef(({ className: o, ...n }, a) => /* @__PURE__ */ e.createElement(
|
|
21
|
+
t.SubContent,
|
|
22
|
+
{
|
|
23
|
+
ref: a,
|
|
24
|
+
className: d(
|
|
25
|
+
"z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg 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",
|
|
26
|
+
o
|
|
27
|
+
),
|
|
28
|
+
...n
|
|
29
|
+
}
|
|
30
|
+
));
|
|
31
|
+
p.displayName = t.SubContent.displayName;
|
|
32
|
+
const u = e.forwardRef(({ className: o, sideOffset: n = 4, ...a }, r) => /* @__PURE__ */ e.createElement(t.Portal, { container: a?.container }, /* @__PURE__ */ e.createElement(
|
|
33
|
+
t.Content,
|
|
34
|
+
{
|
|
35
|
+
ref: r,
|
|
36
|
+
sideOffset: n,
|
|
37
|
+
className: d(
|
|
38
|
+
"z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md 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",
|
|
39
|
+
o
|
|
40
|
+
),
|
|
41
|
+
...a
|
|
42
|
+
}
|
|
43
|
+
)));
|
|
44
|
+
u.displayName = t.Content.displayName;
|
|
45
|
+
const f = e.forwardRef(({ className: o, inset: n, ...a }, r) => /* @__PURE__ */ e.createElement(
|
|
46
|
+
t.Item,
|
|
47
|
+
{
|
|
48
|
+
ref: r,
|
|
49
|
+
className: d(
|
|
50
|
+
"relative flex select-none items-center rounded-md outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:opacity-50 cursor-pointer data-[disabled]:cursor-not-allowed",
|
|
51
|
+
n && "pl-8",
|
|
52
|
+
o
|
|
53
|
+
),
|
|
54
|
+
...a
|
|
55
|
+
}
|
|
56
|
+
));
|
|
57
|
+
f.displayName = t.Item.displayName;
|
|
58
|
+
const b = e.forwardRef(({ className: o, children: n, checked: a, ...r }, s) => /* @__PURE__ */ e.createElement(
|
|
59
|
+
t.CheckboxItem,
|
|
60
|
+
{
|
|
61
|
+
ref: s,
|
|
62
|
+
className: d(
|
|
63
|
+
"relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
|
|
64
|
+
o
|
|
65
|
+
),
|
|
66
|
+
checked: a,
|
|
67
|
+
disabled: !0,
|
|
68
|
+
...r
|
|
69
|
+
},
|
|
70
|
+
/* @__PURE__ */ e.createElement("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center" }, /* @__PURE__ */ e.createElement(t.ItemIndicator, null, /* @__PURE__ */ e.createElement(i, { className: "w-4 h-4" }))),
|
|
71
|
+
n
|
|
72
|
+
));
|
|
73
|
+
b.displayName = t.CheckboxItem.displayName;
|
|
74
|
+
const w = e.forwardRef(({ className: o, children: n, ...a }, r) => /* @__PURE__ */ e.createElement(
|
|
75
|
+
t.RadioItem,
|
|
76
|
+
{
|
|
77
|
+
ref: r,
|
|
78
|
+
className: d(
|
|
79
|
+
"relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
|
|
80
|
+
o
|
|
81
|
+
),
|
|
82
|
+
...a
|
|
83
|
+
},
|
|
84
|
+
/* @__PURE__ */ e.createElement("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center" }, /* @__PURE__ */ e.createElement(t.ItemIndicator, null, /* @__PURE__ */ e.createElement(m, { className: "w-2 h-2 fill-current" }))),
|
|
85
|
+
n
|
|
86
|
+
));
|
|
87
|
+
w.displayName = t.RadioItem.displayName;
|
|
88
|
+
const g = e.forwardRef(({ className: o, inset: n, ...a }, r) => /* @__PURE__ */ e.createElement(
|
|
89
|
+
t.Label,
|
|
90
|
+
{
|
|
91
|
+
ref: r,
|
|
92
|
+
className: d(
|
|
93
|
+
"px-2 py-1.5 text-sm font-semibold",
|
|
94
|
+
n && "pl-8",
|
|
95
|
+
o
|
|
96
|
+
),
|
|
97
|
+
...a
|
|
98
|
+
}
|
|
99
|
+
));
|
|
100
|
+
g.displayName = t.Label.displayName;
|
|
101
|
+
const N = e.forwardRef(({ className: o, ...n }, a) => /* @__PURE__ */ e.createElement(
|
|
102
|
+
t.Separator,
|
|
103
|
+
{
|
|
104
|
+
ref: a,
|
|
105
|
+
className: d("-mx-1 my-1 h-px bg-muted", o),
|
|
106
|
+
...n
|
|
107
|
+
}
|
|
108
|
+
));
|
|
109
|
+
N.displayName = t.Separator.displayName;
|
|
21
110
|
export {
|
|
22
|
-
|
|
23
|
-
|
|
111
|
+
h as DropdownMenu,
|
|
112
|
+
b as DropdownMenuCheckboxItem,
|
|
113
|
+
u as DropdownMenuContent,
|
|
114
|
+
D as DropdownMenuGroup,
|
|
115
|
+
f as DropdownMenuItem,
|
|
116
|
+
g as DropdownMenuLabel,
|
|
117
|
+
M as DropdownMenuPortal,
|
|
118
|
+
w as DropdownMenuRadioItem,
|
|
119
|
+
N as DropdownMenuSeparator,
|
|
120
|
+
R as DropdownMenuSub,
|
|
121
|
+
p as DropdownMenuSubContent,
|
|
122
|
+
c as DropdownMenuSubTrigger,
|
|
123
|
+
E as DropdownMenuTrigger
|
|
24
124
|
};
|
|
25
125
|
//# sourceMappingURL=index.es104.js.map
|
package/dist/index.es104.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.es104.js","sources":["../src/components/atoms/typography/typography.config.ts"],"sourcesContent":["export const variantElementMap = {\n display1: 'p',\n display2: 'p',\n display3: 'p',\n h1: 'h1',\n h2: 'h2',\n h3: 'h3',\n body1: 'p',\n body2: 'p',\n body3: 'p',\n body4: 'p',\n body5: 'p',\n body6: 'p',\n // overline1: 'p',\n // overline2: 'p',\n // overline3: 'p',\n // 'cta-large': 'p',\n // 'cta-normal': 'p',\n // 'cta-small': 'p',\n}\n\nexport const defaultTypographyVariant = 'body1'\n"],"names":["variantElementMap","defaultTypographyVariant"],"mappings":"AAAO,MAAMA,IAAoB;AAAA,EAC/B,UAAU;AAAA,EACV,UAAU;AAAA,EACV,UAAU;AAAA,EACV,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,OAAO;AAAA,EACP,OAAO;AAAA,EACP,OAAO;AAAA,EACP,OAAO;AAAA,EACP,OAAO;AAAA,EACP,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAOT,GAEaC,IAA2B;"}
|
|
1
|
+
{"version":3,"file":"index.es104.js","sources":["../src/components/molecules/dropdown-menu/dropdown-menu-components.tsx"],"sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu'\nimport { Check, ChevronRight, Circle } from 'lucide-react'\n\nimport { cn } from '@/lib/utils'\n\nconst DropdownMenu = DropdownMenuPrimitive.Root\n\nconst DropdownMenuTrigger = DropdownMenuPrimitive.Trigger\n\nconst DropdownMenuGroup = DropdownMenuPrimitive.Group\n\nconst DropdownMenuPortal = DropdownMenuPrimitive.Portal\n\nconst DropdownMenuSub = DropdownMenuPrimitive.Sub\n\nconst DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup\n\nconst DropdownMenuSubTrigger = React.forwardRef<\n React.ElementRef<typeof DropdownMenuPrimitive.SubTrigger>,\n React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.SubTrigger> & {\n inset?: boolean\n }\n>(({ className, inset, children, ...props }, ref) => (\n <DropdownMenuPrimitive.SubTrigger\n ref={ref}\n className={cn(\n 'flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent data-[state=open]:bg-accent',\n inset && 'pl-8',\n className\n )}\n {...props}\n >\n {children}\n <ChevronRight className=\"w-4 h-4 ml-auto\" />\n </DropdownMenuPrimitive.SubTrigger>\n))\nDropdownMenuSubTrigger.displayName =\n DropdownMenuPrimitive.SubTrigger.displayName\n\nconst DropdownMenuSubContent = React.forwardRef<\n React.ElementRef<typeof DropdownMenuPrimitive.SubContent>,\n React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.SubContent>\n>(({ className, ...props }, ref) => (\n <DropdownMenuPrimitive.SubContent\n ref={ref}\n className={cn(\n 'z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg 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',\n className\n )}\n {...props}\n />\n))\nDropdownMenuSubContent.displayName =\n DropdownMenuPrimitive.SubContent.displayName\n\nconst DropdownMenuContent = React.forwardRef<\n React.ElementRef<typeof DropdownMenuPrimitive.Content>,\n React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Content> &\n Pick<\n React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Portal>,\n 'container'\n >\n>(({ className, sideOffset = 4, ...props }, ref) => (\n <DropdownMenuPrimitive.Portal container={props?.container}>\n <DropdownMenuPrimitive.Content\n ref={ref}\n sideOffset={sideOffset}\n className={cn(\n 'z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md 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',\n className\n )}\n {...props}\n />\n </DropdownMenuPrimitive.Portal>\n))\nDropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName\n\nconst DropdownMenuItem = React.forwardRef<\n React.ElementRef<typeof DropdownMenuPrimitive.Item>,\n React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Item> & {\n inset?: boolean\n }\n>(({ className, inset, ...props }, ref) => {\n return (\n <DropdownMenuPrimitive.Item\n ref={ref}\n className={cn(\n 'relative flex select-none items-center rounded-md outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:opacity-50 cursor-pointer data-[disabled]:cursor-not-allowed',\n inset && 'pl-8',\n className\n )}\n {...props}\n />\n )\n})\nDropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName\n\nconst DropdownMenuCheckboxItem = React.forwardRef<\n React.ElementRef<typeof DropdownMenuPrimitive.CheckboxItem>,\n React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.CheckboxItem>\n>(({ className, children, checked, ...props }, ref) => (\n <DropdownMenuPrimitive.CheckboxItem\n ref={ref}\n className={cn(\n 'relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50',\n className\n )}\n checked={checked}\n disabled\n {...props}\n >\n <span className=\"absolute left-2 flex h-3.5 w-3.5 items-center justify-center\">\n <DropdownMenuPrimitive.ItemIndicator>\n <Check className=\"w-4 h-4\" />\n </DropdownMenuPrimitive.ItemIndicator>\n </span>\n {children}\n </DropdownMenuPrimitive.CheckboxItem>\n))\nDropdownMenuCheckboxItem.displayName =\n DropdownMenuPrimitive.CheckboxItem.displayName\n\nconst DropdownMenuRadioItem = React.forwardRef<\n React.ElementRef<typeof DropdownMenuPrimitive.RadioItem>,\n React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.RadioItem>\n>(({ className, children, ...props }, ref) => (\n <DropdownMenuPrimitive.RadioItem\n ref={ref}\n className={cn(\n 'relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50',\n className\n )}\n {...props}\n >\n <span className=\"absolute left-2 flex h-3.5 w-3.5 items-center justify-center\">\n <DropdownMenuPrimitive.ItemIndicator>\n <Circle className=\"w-2 h-2 fill-current\" />\n </DropdownMenuPrimitive.ItemIndicator>\n </span>\n {children}\n </DropdownMenuPrimitive.RadioItem>\n))\nDropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName\n\nconst DropdownMenuLabel = React.forwardRef<\n React.ElementRef<typeof DropdownMenuPrimitive.Label>,\n React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Label> & {\n inset?: boolean\n }\n>(({ className, inset, ...props }, ref) => (\n <DropdownMenuPrimitive.Label\n ref={ref}\n className={cn(\n 'px-2 py-1.5 text-sm font-semibold',\n inset && 'pl-8',\n className\n )}\n {...props}\n />\n))\nDropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName\n\nconst DropdownMenuSeparator = React.forwardRef<\n React.ElementRef<typeof DropdownMenuPrimitive.Separator>,\n React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Separator>\n>(({ className, ...props }, ref) => (\n <DropdownMenuPrimitive.Separator\n ref={ref}\n className={cn('-mx-1 my-1 h-px bg-muted', className)}\n {...props}\n />\n))\nDropdownMenuSeparator.displayName = DropdownMenuPrimitive.Separator.displayName\n\nconst DropdownMenuShortcut = ({\n className,\n ...props\n}: React.HTMLAttributes<HTMLSpanElement>) => {\n return (\n <span\n className={cn('ml-auto text-xs tracking-widest opacity-60', className)}\n {...props}\n />\n )\n}\nDropdownMenuShortcut.displayName = 'DropdownMenuShortcut'\n\nexport {\n DropdownMenu,\n DropdownMenuTrigger,\n DropdownMenuContent,\n DropdownMenuItem,\n DropdownMenuCheckboxItem,\n DropdownMenuRadioItem,\n DropdownMenuLabel,\n DropdownMenuSeparator,\n DropdownMenuShortcut,\n DropdownMenuGroup,\n DropdownMenuPortal,\n DropdownMenuSub,\n DropdownMenuSubContent,\n DropdownMenuSubTrigger,\n DropdownMenuRadioGroup,\n}\n"],"names":["DropdownMenu","DropdownMenuPrimitive","DropdownMenuTrigger","DropdownMenuGroup","DropdownMenuPortal","DropdownMenuSub","DropdownMenuSubTrigger","React","className","inset","children","props","ref","cn","ChevronRight","DropdownMenuSubContent","DropdownMenuContent","sideOffset","DropdownMenuItem","DropdownMenuCheckboxItem","checked","Check","DropdownMenuRadioItem","Circle","DropdownMenuLabel","DropdownMenuSeparator"],"mappings":";;;;AAQA,MAAMA,IAAeC,EAAsB,MAErCC,IAAsBD,EAAsB,SAE5CE,IAAoBF,EAAsB,OAE1CG,IAAqBH,EAAsB,QAE3CI,IAAkBJ,EAAsB,KAIxCK,IAAyBC,EAAM,WAKnC,CAAC,EAAE,WAAAC,GAAW,OAAAC,GAAO,UAAAC,GAAU,GAAGC,EAAM,GAAGC,MAC3C,gBAAAL,EAAA;AAAA,EAACN,EAAsB;AAAA,EAAtB;AAAA,IACC,KAAAW;AAAA,IACA,WAAWC;AAAA,MACT;AAAA,MACAJ,KAAS;AAAA,MACTD;AAAA,IACF;AAAA,IACC,GAAGG;AAAA,EAAA;AAAA,EAEHD;AAAA,EACD,gBAAAH,EAAA,cAACO,GAAa,EAAA,WAAU,kBAAkB,CAAA;AAC5C,CACD;AACDR,EAAuB,cACrBL,EAAsB,WAAW;AAE7B,MAAAc,IAAyBR,EAAM,WAGnC,CAAC,EAAE,WAAAC,GAAW,GAAGG,EAAM,GAAGC,MAC1B,gBAAAL,EAAA;AAAA,EAACN,EAAsB;AAAA,EAAtB;AAAA,IACC,KAAAW;AAAA,IACA,WAAWC;AAAA,MACT;AAAA,MACAL;AAAA,IACF;AAAA,IACC,GAAGG;AAAA,EAAA;AACN,CACD;AACDI,EAAuB,cACrBd,EAAsB,WAAW;AAEnC,MAAMe,IAAsBT,EAAM,WAOhC,CAAC,EAAE,WAAAC,GAAW,YAAAS,IAAa,GAAG,GAAGN,KAASC,MACzC,gBAAAL,EAAA,cAAAN,EAAsB,QAAtB,EAA6B,WAAWU,GAAO,aAC9C,gBAAAJ,EAAA;AAAA,EAACN,EAAsB;AAAA,EAAtB;AAAA,IACC,KAAAW;AAAA,IACA,YAAAK;AAAA,IACA,WAAWJ;AAAA,MACT;AAAA,MACAL;AAAA,IACF;AAAA,IACC,GAAGG;AAAA,EAAA;AACN,CACF,CACD;AACDK,EAAoB,cAAcf,EAAsB,QAAQ;AAE1D,MAAAiB,IAAmBX,EAAM,WAK7B,CAAC,EAAE,WAAAC,GAAW,OAAAC,GAAO,GAAGE,EAAM,GAAGC,MAE/B,gBAAAL,EAAA;AAAA,EAACN,EAAsB;AAAA,EAAtB;AAAA,IACC,KAAAW;AAAA,IACA,WAAWC;AAAA,MACT;AAAA,MACAJ,KAAS;AAAA,MACTD;AAAA,IACF;AAAA,IACC,GAAGG;AAAA,EAAA;AAAA,CAGT;AACDO,EAAiB,cAAcjB,EAAsB,KAAK;AAEpD,MAAAkB,IAA2BZ,EAAM,WAGrC,CAAC,EAAE,WAAAC,GAAW,UAAAE,GAAU,SAAAU,GAAS,GAAGT,EAAM,GAAGC,MAC7C,gBAAAL,EAAA;AAAA,EAACN,EAAsB;AAAA,EAAtB;AAAA,IACC,KAAAW;AAAA,IACA,WAAWC;AAAA,MACT;AAAA,MACAL;AAAA,IACF;AAAA,IACA,SAAAY;AAAA,IACA,UAAQ;AAAA,IACP,GAAGT;AAAA,EAAA;AAAA,EAEH,gBAAAJ,EAAA,cAAA,QAAA,EAAK,WAAU,+DAAA,GACb,gBAAAA,EAAA,cAAAN,EAAsB,eAAtB,MACE,gBAAAM,EAAA,cAAAc,GAAA,EAAM,WAAU,UAAU,CAAA,CAC7B,CACF;AAAA,EACCX;AACH,CACD;AACDS,EAAyB,cACvBlB,EAAsB,aAAa;AAE/B,MAAAqB,IAAwBf,EAAM,WAGlC,CAAC,EAAE,WAAAC,GAAW,UAAAE,GAAU,GAAGC,EAAM,GAAGC,MACpC,gBAAAL,EAAA;AAAA,EAACN,EAAsB;AAAA,EAAtB;AAAA,IACC,KAAAW;AAAA,IACA,WAAWC;AAAA,MACT;AAAA,MACAL;AAAA,IACF;AAAA,IACC,GAAGG;AAAA,EAAA;AAAA,EAEH,gBAAAJ,EAAA,cAAA,QAAA,EAAK,WAAU,+DAAA,GACb,gBAAAA,EAAA,cAAAN,EAAsB,eAAtB,MACE,gBAAAM,EAAA,cAAAgB,GAAA,EAAO,WAAU,uBAAuB,CAAA,CAC3C,CACF;AAAA,EACCb;AACH,CACD;AACDY,EAAsB,cAAcrB,EAAsB,UAAU;AAE9D,MAAAuB,IAAoBjB,EAAM,WAK9B,CAAC,EAAE,WAAAC,GAAW,OAAAC,GAAO,GAAGE,EAAM,GAAGC,MACjC,gBAAAL,EAAA;AAAA,EAACN,EAAsB;AAAA,EAAtB;AAAA,IACC,KAAAW;AAAA,IACA,WAAWC;AAAA,MACT;AAAA,MACAJ,KAAS;AAAA,MACTD;AAAA,IACF;AAAA,IACC,GAAGG;AAAA,EAAA;AACN,CACD;AACDa,EAAkB,cAAcvB,EAAsB,MAAM;AAEtD,MAAAwB,IAAwBlB,EAAM,WAGlC,CAAC,EAAE,WAAAC,GAAW,GAAGG,EAAM,GAAGC,MAC1B,gBAAAL,EAAA;AAAA,EAACN,EAAsB;AAAA,EAAtB;AAAA,IACC,KAAAW;AAAA,IACA,WAAWC,EAAG,4BAA4BL,CAAS;AAAA,IAClD,GAAGG;AAAA,EAAA;AACN,CACD;AACDc,EAAsB,cAAcxB,EAAsB,UAAU;"}
|
package/dist/index.es105.js
CHANGED
|
@@ -1,25 +1,14 @@
|
|
|
1
1
|
import { cva as r } from "class-variance-authority";
|
|
2
|
-
const
|
|
3
|
-
|
|
4
|
-
text-light-1 px-3 py-2
|
|
5
|
-
file:border-0 file:bg-transparent
|
|
6
|
-
placeholder:font-normal placeholder:text-light-4`,
|
|
2
|
+
const i = r(
|
|
3
|
+
"relative h-2 w-full overflow-hidden rounded bg-primary-2 min-w-64 ",
|
|
7
4
|
{
|
|
8
5
|
variants: {
|
|
9
|
-
|
|
10
|
-
true: "border-primary-2 ring-4 ring-primary-1",
|
|
11
|
-
false: "border-light-2"
|
|
12
|
-
},
|
|
13
|
-
disabled: {
|
|
14
|
-
true: "bg-light-3 border-neutral-2 cursor-not-allowed",
|
|
15
|
-
false: ""
|
|
16
|
-
}
|
|
6
|
+
variant: {}
|
|
17
7
|
},
|
|
18
|
-
defaultVariants: {}
|
|
19
|
-
compoundVariants: []
|
|
8
|
+
defaultVariants: {}
|
|
20
9
|
}
|
|
21
10
|
);
|
|
22
11
|
export {
|
|
23
|
-
|
|
12
|
+
i as ProgressVariants
|
|
24
13
|
};
|
|
25
14
|
//# sourceMappingURL=index.es105.js.map
|
package/dist/index.es105.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.es105.js","sources":["../src/components/atoms/
|
|
1
|
+
{"version":3,"file":"index.es105.js","sources":["../src/components/atoms/progress/progress.styles.ts"],"sourcesContent":["import { cva } from 'class-variance-authority'\n\nexport const ProgressVariants = cva(\n 'relative h-2 w-full overflow-hidden rounded bg-primary-2 min-w-64 ',\n {\n variants: {\n variant: {},\n },\n defaultVariants: {},\n }\n)\n"],"names":["ProgressVariants","cva"],"mappings":";AAEO,MAAMA,IAAmBC;AAAA,EAC9B;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS,CAAC;AAAA,IACZ;AAAA,IACA,iBAAiB,CAAC;AAAA,EACpB;AACF;"}
|
package/dist/index.es106.js
CHANGED
|
@@ -1,14 +1,91 @@
|
|
|
1
|
-
import
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
1
|
+
import * as e from "react";
|
|
2
|
+
import { Slot as o } from "@radix-ui/react-slot";
|
|
3
|
+
import { ChevronRight as l, MoreHorizontal as c } from "lucide-react";
|
|
4
|
+
import { cn as m } from "./index.es77.js";
|
|
5
|
+
const i = e.forwardRef(({ ...r }, a) => /* @__PURE__ */ e.createElement("nav", { ref: a, "aria-label": "breadcrumb", ...r }));
|
|
6
|
+
i.displayName = "Breadcrumb";
|
|
7
|
+
const d = e.forwardRef(({ className: r, ...a }, t) => /* @__PURE__ */ e.createElement(
|
|
8
|
+
"ol",
|
|
9
|
+
{
|
|
10
|
+
ref: t,
|
|
11
|
+
className: m(
|
|
12
|
+
"flex flex-wrap items-center gap-1.5 break-words text-sm text-muted-foreground sm:gap-2.5",
|
|
13
|
+
r
|
|
14
|
+
),
|
|
15
|
+
...a
|
|
16
|
+
}
|
|
17
|
+
));
|
|
18
|
+
d.displayName = "BreadcrumbList";
|
|
19
|
+
const p = e.forwardRef(({ className: r, ...a }, t) => /* @__PURE__ */ e.createElement(
|
|
20
|
+
"li",
|
|
21
|
+
{
|
|
22
|
+
ref: t,
|
|
23
|
+
className: m("inline-flex items-center gap-1.5", r),
|
|
24
|
+
...a
|
|
25
|
+
}
|
|
26
|
+
));
|
|
27
|
+
p.displayName = "BreadcrumbItem";
|
|
28
|
+
const u = e.forwardRef(({ asChild: r, className: a, ...t }, s) => {
|
|
29
|
+
const n = r ? o : "a";
|
|
30
|
+
return /* @__PURE__ */ e.createElement(
|
|
31
|
+
n,
|
|
32
|
+
{
|
|
33
|
+
ref: s,
|
|
34
|
+
className: m("transition-colors hover:text-foreground", a),
|
|
35
|
+
...t
|
|
36
|
+
}
|
|
37
|
+
);
|
|
38
|
+
});
|
|
39
|
+
u.displayName = "BreadcrumbLink";
|
|
40
|
+
const f = e.forwardRef(({ className: r, ...a }, t) => /* @__PURE__ */ e.createElement(
|
|
41
|
+
"span",
|
|
42
|
+
{
|
|
43
|
+
ref: t,
|
|
44
|
+
role: "link",
|
|
45
|
+
"aria-disabled": "true",
|
|
46
|
+
"aria-current": "page",
|
|
47
|
+
className: m("font-normal text-foreground", r),
|
|
48
|
+
...a
|
|
9
49
|
}
|
|
50
|
+
));
|
|
51
|
+
f.displayName = "BreadcrumbPage";
|
|
52
|
+
const b = ({
|
|
53
|
+
children: r,
|
|
54
|
+
className: a,
|
|
55
|
+
...t
|
|
56
|
+
}) => /* @__PURE__ */ e.createElement(
|
|
57
|
+
"li",
|
|
58
|
+
{
|
|
59
|
+
role: "presentation",
|
|
60
|
+
"aria-hidden": "true",
|
|
61
|
+
className: m("[&>svg]:size-3.5", a),
|
|
62
|
+
...t
|
|
63
|
+
},
|
|
64
|
+
r ?? /* @__PURE__ */ e.createElement(l, null)
|
|
65
|
+
);
|
|
66
|
+
b.displayName = "BreadcrumbSeparator";
|
|
67
|
+
const N = ({
|
|
68
|
+
className: r,
|
|
69
|
+
...a
|
|
70
|
+
}) => /* @__PURE__ */ e.createElement(
|
|
71
|
+
"span",
|
|
72
|
+
{
|
|
73
|
+
role: "presentation",
|
|
74
|
+
"aria-hidden": "true",
|
|
75
|
+
className: m("flex h-9 w-9 items-center justify-center", r),
|
|
76
|
+
...a
|
|
77
|
+
},
|
|
78
|
+
/* @__PURE__ */ e.createElement(c, { className: "h-4 w-4" }),
|
|
79
|
+
/* @__PURE__ */ e.createElement("span", { className: "sr-only" }, "More")
|
|
10
80
|
);
|
|
81
|
+
N.displayName = "BreadcrumbElipssis";
|
|
11
82
|
export {
|
|
12
|
-
i as
|
|
83
|
+
i as Breadcrumb,
|
|
84
|
+
N as BreadcrumbEllipsis,
|
|
85
|
+
p as BreadcrumbItem,
|
|
86
|
+
u as BreadcrumbLink,
|
|
87
|
+
d as BreadcrumbList,
|
|
88
|
+
f as BreadcrumbPage,
|
|
89
|
+
b as BreadcrumbSeparator
|
|
13
90
|
};
|
|
14
91
|
//# sourceMappingURL=index.es106.js.map
|
package/dist/index.es106.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.es106.js","sources":["../src/components/
|
|
1
|
+
{"version":3,"file":"index.es106.js","sources":["../src/components/molecules/breadcrumb/breadcrumb-components.tsx"],"sourcesContent":["import * as React from 'react'\nimport { Slot } from '@radix-ui/react-slot'\nimport { ChevronRight, MoreHorizontal } from 'lucide-react'\n\nimport { cn } from '@/lib/utils'\n\nconst Breadcrumb = React.forwardRef<\n HTMLElement,\n React.ComponentPropsWithoutRef<'nav'> & {\n separator?: React.ReactNode\n }\n>(({ ...props }, ref) => <nav ref={ref} aria-label=\"breadcrumb\" {...props} />)\nBreadcrumb.displayName = 'Breadcrumb'\n\nconst BreadcrumbList = React.forwardRef<\n HTMLOListElement,\n React.ComponentPropsWithoutRef<'ol'>\n>(({ className, ...props }, ref) => (\n <ol\n ref={ref}\n className={cn(\n 'flex flex-wrap items-center gap-1.5 break-words text-sm text-muted-foreground sm:gap-2.5',\n className\n )}\n {...props}\n />\n))\nBreadcrumbList.displayName = 'BreadcrumbList'\n\nconst BreadcrumbItem = React.forwardRef<\n HTMLLIElement,\n React.ComponentPropsWithoutRef<'li'>\n>(({ className, ...props }, ref) => (\n <li\n ref={ref}\n className={cn('inline-flex items-center gap-1.5', className)}\n {...props}\n />\n))\nBreadcrumbItem.displayName = 'BreadcrumbItem'\n\nconst BreadcrumbLink = React.forwardRef<\n HTMLAnchorElement,\n React.ComponentPropsWithoutRef<'a'> & {\n asChild?: boolean\n }\n>(({ asChild, className, ...props }, ref) => {\n const Comp = asChild ? Slot : 'a'\n\n return (\n <Comp\n ref={ref}\n className={cn('transition-colors hover:text-foreground', className)}\n {...props}\n />\n )\n})\nBreadcrumbLink.displayName = 'BreadcrumbLink'\n\nconst BreadcrumbPage = React.forwardRef<\n HTMLSpanElement,\n React.ComponentPropsWithoutRef<'span'>\n>(({ className, ...props }, ref) => (\n <span\n ref={ref}\n role=\"link\"\n aria-disabled=\"true\"\n aria-current=\"page\"\n className={cn('font-normal text-foreground', className)}\n {...props}\n />\n))\nBreadcrumbPage.displayName = 'BreadcrumbPage'\n\nconst BreadcrumbSeparator = ({\n children,\n className,\n ...props\n}: React.ComponentProps<'li'>) => (\n <li\n role=\"presentation\"\n aria-hidden=\"true\"\n className={cn('[&>svg]:size-3.5', className)}\n {...props}\n >\n {children ?? <ChevronRight />}\n </li>\n)\nBreadcrumbSeparator.displayName = 'BreadcrumbSeparator'\n\nconst BreadcrumbEllipsis = ({\n className,\n ...props\n}: React.ComponentProps<'span'>) => (\n <span\n role=\"presentation\"\n aria-hidden=\"true\"\n className={cn('flex h-9 w-9 items-center justify-center', className)}\n {...props}\n >\n <MoreHorizontal className=\"h-4 w-4\" />\n <span className=\"sr-only\">More</span>\n </span>\n)\nBreadcrumbEllipsis.displayName = 'BreadcrumbElipssis'\n\nexport {\n Breadcrumb,\n BreadcrumbList,\n BreadcrumbItem,\n BreadcrumbLink,\n BreadcrumbPage,\n BreadcrumbSeparator,\n BreadcrumbEllipsis,\n}\n"],"names":["Breadcrumb","React","props","ref","BreadcrumbList","className","cn","BreadcrumbItem","BreadcrumbLink","asChild","Comp","Slot","BreadcrumbPage","BreadcrumbSeparator","children","ChevronRight","BreadcrumbEllipsis","MoreHorizontal"],"mappings":";;;;AAMA,MAAMA,IAAaC,EAAM,WAKvB,CAAC,EAAE,GAAGC,EAAM,GAAGC,MAAQ,gBAAAF,EAAA,cAAC,SAAI,KAAAE,GAAU,cAAW,cAAc,GAAGD,GAAO,CAAE;AAC7EF,EAAW,cAAc;AAEnB,MAAAI,IAAiBH,EAAM,WAG3B,CAAC,EAAE,WAAAI,GAAW,GAAGH,EAAM,GAAGC,MAC1B,gBAAAF,EAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,KAAAE;AAAA,IACA,WAAWG;AAAA,MACT;AAAA,MACAD;AAAA,IACF;AAAA,IACC,GAAGH;AAAA,EAAA;AACN,CACD;AACDE,EAAe,cAAc;AAEvB,MAAAG,IAAiBN,EAAM,WAG3B,CAAC,EAAE,WAAAI,GAAW,GAAGH,EAAM,GAAGC,MAC1B,gBAAAF,EAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,KAAAE;AAAA,IACA,WAAWG,EAAG,oCAAoCD,CAAS;AAAA,IAC1D,GAAGH;AAAA,EAAA;AACN,CACD;AACDK,EAAe,cAAc;AAEvB,MAAAC,IAAiBP,EAAM,WAK3B,CAAC,EAAE,SAAAQ,GAAS,WAAAJ,GAAW,GAAGH,EAAM,GAAGC,MAAQ;AACrC,QAAAO,IAAOD,IAAUE,IAAO;AAG5B,SAAA,gBAAAV,EAAA;AAAA,IAACS;AAAA,IAAA;AAAA,MACC,KAAAP;AAAA,MACA,WAAWG,EAAG,2CAA2CD,CAAS;AAAA,MACjE,GAAGH;AAAA,IAAA;AAAA,EAAA;AAGV,CAAC;AACDM,EAAe,cAAc;AAEvB,MAAAI,IAAiBX,EAAM,WAG3B,CAAC,EAAE,WAAAI,GAAW,GAAGH,EAAM,GAAGC,MAC1B,gBAAAF,EAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,KAAAE;AAAA,IACA,MAAK;AAAA,IACL,iBAAc;AAAA,IACd,gBAAa;AAAA,IACb,WAAWG,EAAG,+BAA+BD,CAAS;AAAA,IACrD,GAAGH;AAAA,EAAA;AACN,CACD;AACDU,EAAe,cAAc;AAE7B,MAAMC,IAAsB,CAAC;AAAA,EAC3B,UAAAC;AAAA,EACA,WAAAT;AAAA,EACA,GAAGH;AACL,MACE,gBAAAD,EAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,MAAK;AAAA,IACL,eAAY;AAAA,IACZ,WAAWK,EAAG,oBAAoBD,CAAS;AAAA,IAC1C,GAAGH;AAAA,EAAA;AAAA,EAEHY,qCAAaC,GAAa,IAAA;AAC7B;AAEFF,EAAoB,cAAc;AAElC,MAAMG,IAAqB,CAAC;AAAA,EAC1B,WAAAX;AAAA,EACA,GAAGH;AACL,MACE,gBAAAD,EAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,MAAK;AAAA,IACL,eAAY;AAAA,IACZ,WAAWK,EAAG,4CAA4CD,CAAS;AAAA,IAClE,GAAGH;AAAA,EAAA;AAAA,EAEJ,gBAAAD,EAAA,cAACgB,GAAe,EAAA,WAAU,UAAU,CAAA;AAAA,EACnC,gBAAAhB,EAAA,cAAA,QAAA,EAAK,WAAU,UAAA,GAAU,MAAI;AAChC;AAEFe,EAAmB,cAAc;"}
|
package/dist/index.es107.js
CHANGED
|
@@ -1,91 +1,20 @@
|
|
|
1
|
-
import
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
import { cn as m } from "./index.es77.js";
|
|
5
|
-
const i = e.forwardRef(({ ...r }, a) => /* @__PURE__ */ e.createElement("nav", { ref: a, "aria-label": "breadcrumb", ...r }));
|
|
6
|
-
i.displayName = "Breadcrumb";
|
|
7
|
-
const d = e.forwardRef(({ className: r, ...a }, t) => /* @__PURE__ */ e.createElement(
|
|
8
|
-
"ol",
|
|
1
|
+
import { cva as t } from "class-variance-authority";
|
|
2
|
+
const r = t(
|
|
3
|
+
"rounded hover:text-light-2 hover:stroke-light-1 hover:bg-light-3 ",
|
|
9
4
|
{
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
const p = e.forwardRef(({ className: r, ...a }, t) => /* @__PURE__ */ e.createElement(
|
|
20
|
-
"li",
|
|
21
|
-
{
|
|
22
|
-
ref: t,
|
|
23
|
-
className: m("inline-flex items-center gap-1.5", r),
|
|
24
|
-
...a
|
|
25
|
-
}
|
|
26
|
-
));
|
|
27
|
-
p.displayName = "BreadcrumbItem";
|
|
28
|
-
const u = e.forwardRef(({ asChild: r, className: a, ...t }, s) => {
|
|
29
|
-
const n = r ? o : "a";
|
|
30
|
-
return /* @__PURE__ */ e.createElement(
|
|
31
|
-
n,
|
|
32
|
-
{
|
|
33
|
-
ref: s,
|
|
34
|
-
className: m("transition-colors hover:text-foreground", a),
|
|
35
|
-
...t
|
|
5
|
+
variants: {
|
|
6
|
+
type: {
|
|
7
|
+
icon: "p-1",
|
|
8
|
+
text: "px-2 py-1"
|
|
9
|
+
},
|
|
10
|
+
isSelected: {
|
|
11
|
+
true: "text-light-2 stroke-light-1 bg-light-3",
|
|
12
|
+
false: "text-light-3 stroke-light-2"
|
|
13
|
+
}
|
|
36
14
|
}
|
|
37
|
-
);
|
|
38
|
-
});
|
|
39
|
-
u.displayName = "BreadcrumbLink";
|
|
40
|
-
const f = e.forwardRef(({ className: r, ...a }, t) => /* @__PURE__ */ e.createElement(
|
|
41
|
-
"span",
|
|
42
|
-
{
|
|
43
|
-
ref: t,
|
|
44
|
-
role: "link",
|
|
45
|
-
"aria-disabled": "true",
|
|
46
|
-
"aria-current": "page",
|
|
47
|
-
className: m("font-normal text-foreground", r),
|
|
48
|
-
...a
|
|
49
15
|
}
|
|
50
|
-
));
|
|
51
|
-
f.displayName = "BreadcrumbPage";
|
|
52
|
-
const b = ({
|
|
53
|
-
children: r,
|
|
54
|
-
className: a,
|
|
55
|
-
...t
|
|
56
|
-
}) => /* @__PURE__ */ e.createElement(
|
|
57
|
-
"li",
|
|
58
|
-
{
|
|
59
|
-
role: "presentation",
|
|
60
|
-
"aria-hidden": "true",
|
|
61
|
-
className: m("[&>svg]:size-3.5", a),
|
|
62
|
-
...t
|
|
63
|
-
},
|
|
64
|
-
r ?? /* @__PURE__ */ e.createElement(l, null)
|
|
65
|
-
);
|
|
66
|
-
b.displayName = "BreadcrumbSeparator";
|
|
67
|
-
const N = ({
|
|
68
|
-
className: r,
|
|
69
|
-
...a
|
|
70
|
-
}) => /* @__PURE__ */ e.createElement(
|
|
71
|
-
"span",
|
|
72
|
-
{
|
|
73
|
-
role: "presentation",
|
|
74
|
-
"aria-hidden": "true",
|
|
75
|
-
className: m("flex h-9 w-9 items-center justify-center", r),
|
|
76
|
-
...a
|
|
77
|
-
},
|
|
78
|
-
/* @__PURE__ */ e.createElement(c, { className: "h-4 w-4" }),
|
|
79
|
-
/* @__PURE__ */ e.createElement("span", { className: "sr-only" }, "More")
|
|
80
16
|
);
|
|
81
|
-
N.displayName = "BreadcrumbElipssis";
|
|
82
17
|
export {
|
|
83
|
-
|
|
84
|
-
N as BreadcrumbEllipsis,
|
|
85
|
-
p as BreadcrumbItem,
|
|
86
|
-
u as BreadcrumbLink,
|
|
87
|
-
d as BreadcrumbList,
|
|
88
|
-
f as BreadcrumbPage,
|
|
89
|
-
b as BreadcrumbSeparator
|
|
18
|
+
r as CrumbVariants
|
|
90
19
|
};
|
|
91
20
|
//# sourceMappingURL=index.es107.js.map
|
package/dist/index.es107.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.es107.js","sources":["../src/components/molecules/breadcrumb/breadcrumb
|
|
1
|
+
{"version":3,"file":"index.es107.js","sources":["../src/components/molecules/breadcrumb/breadcrumb.styles.ts"],"sourcesContent":["import { cva } from 'class-variance-authority'\n\nexport const CrumbVariants = cva(\n 'rounded hover:text-light-2 hover:stroke-light-1 hover:bg-light-3 ',\n {\n variants: {\n type: {\n icon: 'p-1',\n text: 'px-2 py-1',\n },\n isSelected: {\n true: 'text-light-2 stroke-light-1 bg-light-3',\n false: 'text-light-3 stroke-light-2',\n },\n },\n }\n)\n"],"names":["CrumbVariants","cva"],"mappings":";AAEO,MAAMA,IAAgBC;AAAA,EAC3B;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,MAAM;AAAA,QACJ,MAAM;AAAA,QACN,MAAM;AAAA,MACR;AAAA,MACA,YAAY;AAAA,QACV,MAAM;AAAA,QACN,OAAO;AAAA,MACT;AAAA,IACF;AAAA,EACF;AACF;"}
|