geoiq-frontend-ui-kit 1.1.29 → 1.1.30
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/ui/responsive/responsive.d.ts +4 -1
- package/dist/components/ui/responsive/responsive.d.ts.map +1 -1
- package/dist/components/ui/responsive/responsive.types.d.ts +16 -0
- package/dist/components/ui/responsive/responsive.types.d.ts.map +1 -0
- package/dist/index.es10.js +1 -1
- package/dist/index.es15.js +1 -1
- package/dist/index.es18.js +1 -1
- package/dist/index.es20.js +3 -3
- package/dist/index.es21.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.es56.js +1 -1
- package/dist/index.es70.js +5 -43
- package/dist/index.es70.js.map +1 -1
- package/dist/index.es71.js +88 -22
- package/dist/index.es71.js.map +1 -1
- package/dist/index.es72.js +121 -21
- package/dist/index.es72.js.map +1 -1
- package/dist/index.es73.js +13 -84
- package/dist/index.es73.js.map +1 -1
- package/dist/index.es74.js +21 -121
- package/dist/index.es74.js.map +1 -1
- package/dist/index.es75.js +22 -17
- package/dist/index.es75.js.map +1 -1
- package/dist/index.es76.js +43 -5
- package/dist/index.es76.js.map +1 -1
- package/dist/index.es80.js +10 -41
- package/dist/index.es80.js.map +1 -1
- package/dist/index.es81.js +35 -6
- package/dist/index.es81.js.map +1 -1
- package/dist/index.es82.js +39 -37
- package/dist/index.es82.js.map +1 -1
- package/dist/index.es9.js +1 -1
- package/package.json +1 -1
|
@@ -7,5 +7,8 @@ export declare const Responsive: <T = {
|
|
|
7
7
|
lg: "1024px";
|
|
8
8
|
xl: "1280px";
|
|
9
9
|
xl2: "1536px";
|
|
10
|
-
}>(props: ResponsiveTypesNS<T>["ResponsiveProps"]) => string | number | boolean | React.ReactElement<any, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | Omit<Partial<{ [key in keyof T]: React.ReactNode; }> &
|
|
10
|
+
}>(props: ResponsiveTypesNS<T>["ResponsiveProps"]) => string | number | boolean | React.ReactElement<any, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | Omit<Partial<{ [key in keyof T]: React.ReactNode; }> & {
|
|
11
|
+
children: React.ReactNode;
|
|
12
|
+
breakpoints?: T | undefined;
|
|
13
|
+
}, "children" | "breakpoints">[Exclude<keyof T, "children" | "breakpoints">] | null | undefined;
|
|
11
14
|
//# sourceMappingURL=responsive.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"responsive.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/responsive/responsive.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,oBAAoB,CAAA;AAE3D,eAAO,MAAM,UAAU,GAAI,CAAC;;;;;;UACnB,iBAAiB,CAAC,CAAC,CAAC,CAAC,iBAAiB,CAAC,
|
|
1
|
+
{"version":3,"file":"responsive.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/responsive/responsive.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,oBAAoB,CAAA;AAE3D,eAAO,MAAM,UAAU,GAAI,CAAC;;;;;;UACnB,iBAAiB,CAAC,CAAC,CAAC,CAAC,iBAAiB,CAAC;oBAJxB,SAAS;;+FAsChC,CAAA"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
type BaseResponsiveProps<T> = {
|
|
2
|
+
children: React.ReactNode;
|
|
3
|
+
breakpoints?: T;
|
|
4
|
+
};
|
|
5
|
+
type BreakpointRenders<T> = Partial<{
|
|
6
|
+
[key in keyof T]: React.ReactNode;
|
|
7
|
+
}>;
|
|
8
|
+
export type ResponsiveTypesNS<T> = {
|
|
9
|
+
BreakpointsType: {
|
|
10
|
+
[key: string]: `${number}px`;
|
|
11
|
+
};
|
|
12
|
+
BreakpointRenders: BreakpointRenders<T>;
|
|
13
|
+
ResponsiveProps: BreakpointRenders<T> & BaseResponsiveProps<T>;
|
|
14
|
+
};
|
|
15
|
+
export {};
|
|
16
|
+
//# sourceMappingURL=responsive.types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"responsive.types.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/responsive/responsive.types.ts"],"names":[],"mappings":"AAAA,KAAK,mBAAmB,CAAC,CAAC,IAAI;IAC5B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IAGzB,WAAW,CAAC,EAAE,CAAC,CAAA;CAChB,CAAA;AAED,KAAK,iBAAiB,CAAC,CAAC,IAAI,OAAO,CAAC;KACjC,GAAG,IAAI,MAAM,CAAC,GAAG,KAAK,CAAC,SAAS;CAClC,CAAC,CAAA;AAEF,MAAM,MAAM,iBAAiB,CAAC,CAAC,IAAI;IACjC,eAAe,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,MAAM,IAAI,CAAA;KAAE,CAAA;IACjD,iBAAiB,EAAE,iBAAiB,CAAC,CAAC,CAAC,CAAA;IACvC,eAAe,EAAE,iBAAiB,CAAC,CAAC,CAAC,GAAG,mBAAmB,CAAC,CAAC,CAAC,CAAA;CAC/D,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 n } from "./index.es62.js";
|
|
4
|
-
import { ProgressVariants as i } from "./index.
|
|
4
|
+
import { ProgressVariants as i } from "./index.es70.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.es15.js
CHANGED
|
@@ -6,7 +6,7 @@ import "./index.es44.js";
|
|
|
6
6
|
import "./index.es63.js";
|
|
7
7
|
import "./index.es26.js";
|
|
8
8
|
import "./index.es32.js";
|
|
9
|
-
import { TextAreaVariants as u } from "./index.
|
|
9
|
+
import { TextAreaVariants as u } from "./index.es74.js";
|
|
10
10
|
const m = e.forwardRef(
|
|
11
11
|
({ className: o, inputLabel: a, showTextCount: l, maximumTextCount: i, ...t }, f) => {
|
|
12
12
|
const [r, s] = e.useState(!1), c = e.useRef(null);
|
package/dist/index.es18.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import * as o from "react";
|
|
2
2
|
import { cn as m } from "./index.es62.js";
|
|
3
3
|
import { TypographyVariants as n } from "./index.es56.js";
|
|
4
|
-
import { defaultTypographyVariant as y, variantElementMap as i } from "./index.
|
|
4
|
+
import { defaultTypographyVariant as y, variantElementMap as i } from "./index.es75.js";
|
|
5
5
|
const c = o.forwardRef(({ className: t, variant: r = y, ...a }, e) => {
|
|
6
6
|
const p = i[r];
|
|
7
7
|
return /* @__PURE__ */ o.createElement(
|
package/dist/index.es20.js
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import { Breadcrumb as E, BreadcrumbList as i, BreadcrumbSeparator as c, BreadcrumbItem as o, BreadcrumbEllipsis as b, BreadcrumbLink as u } from "./index.
|
|
2
|
-
import { DropdownMenu as g, DropdownMenuTrigger as y, DropdownMenuContent as d, DropdownMenuItem as h } from "./index.
|
|
1
|
+
import { Breadcrumb as E, BreadcrumbList as i, BreadcrumbSeparator as c, BreadcrumbItem as o, BreadcrumbEllipsis as b, BreadcrumbLink as u } from "./index.es71.js";
|
|
2
|
+
import { DropdownMenu as g, DropdownMenuTrigger as y, DropdownMenuContent as d, DropdownMenuItem as h } from "./index.es72.js";
|
|
3
3
|
import e from "react";
|
|
4
4
|
import { Typography as B } from "./index.es18.js";
|
|
5
5
|
import { cn as f } from "./index.es62.js";
|
|
6
|
-
import { CrumbVariants as w } from "./index.
|
|
6
|
+
import { CrumbVariants as w } from "./index.es73.js";
|
|
7
7
|
function l({ field: r, isSelected: t }) {
|
|
8
8
|
return /* @__PURE__ */ e.createElement(o, null, /* @__PURE__ */ e.createElement(
|
|
9
9
|
u,
|
package/dist/index.es21.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import e from "react";
|
|
2
|
-
import { DropdownMenu as i, DropdownMenuTrigger as g, DropdownMenuContent as p, DropdownMenuLabel as h, DropdownMenuSeparator as d, DropdownMenuGroup as E, DropdownMenuSub as w, DropdownMenuSubTrigger as x, DropdownMenuPortal as N, DropdownMenuSubContent as D, DropdownMenuItem as s } from "./index.
|
|
2
|
+
import { DropdownMenu as i, DropdownMenuTrigger as g, DropdownMenuContent as p, DropdownMenuLabel as h, DropdownMenuSeparator as d, DropdownMenuGroup as E, DropdownMenuSub as w, DropdownMenuSubTrigger as x, DropdownMenuPortal as N, DropdownMenuSubContent as D, DropdownMenuItem as s } from "./index.es72.js";
|
|
3
3
|
function k({
|
|
4
4
|
trigger: c,
|
|
5
5
|
optionGroups: r,
|
package/dist/index.es27.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import * as o from "@radix-ui/react-slider";
|
|
2
2
|
import * as e from "react";
|
|
3
3
|
import { cn as i } from "./index.es62.js";
|
|
4
|
-
import { SliderVariants as t } from "./index.
|
|
4
|
+
import { SliderVariants as t } from "./index.es80.js";
|
|
5
5
|
const s = e.forwardRef(({ className: r, ...l }, a) => (
|
|
6
6
|
// <div className='bg-light-3 h-[100px] w-full flex'>
|
|
7
7
|
/* @__PURE__ */ e.createElement(
|
package/dist/index.es29.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { StepperProvider as r, StepGroup as p } from "./index.
|
|
1
|
+
import { StepperProvider as r, StepGroup as p } from "./index.es82.js";
|
|
2
2
|
import * as e from "react";
|
|
3
3
|
const m = ({ value: t }) => /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(r, { steps: t }, /* @__PURE__ */ e.createElement(p, null)));
|
|
4
4
|
m.displayName = "Stepper";
|
package/dist/index.es30.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import * as e from "react";
|
|
2
2
|
import * as t from "@radix-ui/react-tabs";
|
|
3
3
|
import { cn as n } from "./index.es62.js";
|
|
4
|
-
import { TabsVariants as d, TabTriggerVariants as T } from "./index.
|
|
4
|
+
import { TabsVariants as d, TabTriggerVariants as T } from "./index.es81.js";
|
|
5
5
|
const c = e.forwardRef(({ className: a, variant: r, size: s, ...o }, i) => /* @__PURE__ */ e.createElement(
|
|
6
6
|
t.List,
|
|
7
7
|
{
|
package/dist/index.es56.js
CHANGED
package/dist/index.es70.js
CHANGED
|
@@ -1,52 +1,14 @@
|
|
|
1
1
|
import { cva as r } from "class-variance-authority";
|
|
2
|
-
const
|
|
3
|
-
|
|
4
|
-
text-light-2 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: "",
|
|
11
|
-
false: ""
|
|
12
|
-
},
|
|
13
|
-
isFocused: {
|
|
14
|
-
true: "",
|
|
15
|
-
false: ""
|
|
16
|
-
},
|
|
17
|
-
disabled: {
|
|
18
|
-
true: "bg-light-3 border-neutral-2 cursor-not-allowed",
|
|
19
|
-
false: ""
|
|
20
|
-
}
|
|
6
|
+
variant: {}
|
|
21
7
|
},
|
|
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
|
-
]
|
|
8
|
+
defaultVariants: {}
|
|
47
9
|
}
|
|
48
10
|
);
|
|
49
11
|
export {
|
|
50
|
-
|
|
12
|
+
i as ProgressVariants
|
|
51
13
|
};
|
|
52
14
|
//# sourceMappingURL=index.es70.js.map
|
package/dist/index.es70.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.es70.js","sources":["../src/components/atoms/
|
|
1
|
+
{"version":3,"file":"index.es70.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.es71.js
CHANGED
|
@@ -1,25 +1,91 @@
|
|
|
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 { 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.es62.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
|
|
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")
|
|
80
|
+
);
|
|
81
|
+
N.displayName = "BreadcrumbElipssis";
|
|
21
82
|
export {
|
|
22
|
-
|
|
23
|
-
|
|
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
|
|
24
90
|
};
|
|
25
91
|
//# sourceMappingURL=index.es71.js.map
|
package/dist/index.es71.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.es71.js","sources":["../src/components/
|
|
1
|
+
{"version":3,"file":"index.es71.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.es72.js
CHANGED
|
@@ -1,25 +1,125 @@
|
|
|
1
|
-
import
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
{
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
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.es62.js";
|
|
5
|
+
const h = t.Root, E = t.Trigger, D = t.Group, M = t.Portal, R = t.Sub, c = e.forwardRef(({ className: a, inset: o, children: n, ...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
|
+
o && "pl-8",
|
|
12
|
+
a
|
|
13
|
+
),
|
|
14
|
+
...r
|
|
15
|
+
},
|
|
16
|
+
n,
|
|
17
|
+
/* @__PURE__ */ e.createElement(l, { className: "ml-auto h-4 w-4" })
|
|
18
|
+
));
|
|
19
|
+
c.displayName = t.SubTrigger.displayName;
|
|
20
|
+
const p = e.forwardRef(({ className: a, ...o }, n) => /* @__PURE__ */ e.createElement(
|
|
21
|
+
t.SubContent,
|
|
22
|
+
{
|
|
23
|
+
ref: n,
|
|
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
|
+
a
|
|
27
|
+
),
|
|
28
|
+
...o
|
|
29
|
+
}
|
|
30
|
+
));
|
|
31
|
+
p.displayName = t.SubContent.displayName;
|
|
32
|
+
const u = e.forwardRef(({ className: a, sideOffset: o = 4, ...n }, r) => /* @__PURE__ */ e.createElement(t.Portal, null, /* @__PURE__ */ e.createElement(
|
|
33
|
+
t.Content,
|
|
34
|
+
{
|
|
35
|
+
ref: r,
|
|
36
|
+
sideOffset: o,
|
|
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
|
+
a
|
|
40
|
+
),
|
|
41
|
+
...n
|
|
42
|
+
}
|
|
43
|
+
)));
|
|
44
|
+
u.displayName = t.Content.displayName;
|
|
45
|
+
const f = e.forwardRef(({ className: a, inset: o, ...n }, 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
|
+
o && "pl-8",
|
|
52
|
+
a
|
|
53
|
+
),
|
|
54
|
+
...n
|
|
55
|
+
}
|
|
56
|
+
));
|
|
57
|
+
f.displayName = t.Item.displayName;
|
|
58
|
+
const b = e.forwardRef(({ className: a, children: o, checked: n, ...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
|
+
a
|
|
65
|
+
),
|
|
66
|
+
checked: n,
|
|
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: "h-4 w-4" }))),
|
|
71
|
+
o
|
|
72
|
+
));
|
|
73
|
+
b.displayName = t.CheckboxItem.displayName;
|
|
74
|
+
const w = e.forwardRef(({ className: a, children: o, ...n }, 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
|
+
a
|
|
81
|
+
),
|
|
82
|
+
...n
|
|
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: "h-2 w-2 fill-current" }))),
|
|
85
|
+
o
|
|
86
|
+
));
|
|
87
|
+
w.displayName = t.RadioItem.displayName;
|
|
88
|
+
const g = e.forwardRef(({ className: a, inset: o, ...n }, 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
|
+
o && "pl-8",
|
|
95
|
+
a
|
|
96
|
+
),
|
|
97
|
+
...n
|
|
98
|
+
}
|
|
99
|
+
));
|
|
100
|
+
g.displayName = t.Label.displayName;
|
|
101
|
+
const N = e.forwardRef(({ className: a, ...o }, n) => /* @__PURE__ */ e.createElement(
|
|
102
|
+
t.Separator,
|
|
103
|
+
{
|
|
104
|
+
ref: n,
|
|
105
|
+
className: d("-mx-1 my-1 h-px bg-muted", a),
|
|
106
|
+
...o
|
|
20
107
|
}
|
|
21
|
-
);
|
|
108
|
+
));
|
|
109
|
+
N.displayName = t.Separator.displayName;
|
|
22
110
|
export {
|
|
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.es72.js.map
|
package/dist/index.es72.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.es72.js","sources":["../src/components/atoms/textarea/textarea.styles.ts"],"sourcesContent":["import { cva } from 'class-variance-authority'\n\nexport const TextAreaVariants = cva(\n ` border flex items-center justify-between gap-1.5 relative mt-1.5 rounded-lg \n text-light-1 px-3 py-2\n file:border-0 file:bg-transparent\n placeholder:font-normal placeholder:text-light-4`,\n {\n variants: {\n isFocused: {\n true: 'border-primary-2 ring-4 ring-primary-1',\n false: 'border-light-2',\n },\n disabled: {\n true: 'bg-light-3 border-neutral-2 cursor-not-allowed',\n false: '',\n },\n },\n defaultVariants: {},\n compoundVariants: [],\n }\n)\n"],"names":["TextAreaVariants","cva"],"mappings":";AAEO,MAAMA,IAAmBC;AAAA,EAC9B;AAAA;AAAA;AAAA;AAAA,EAIA;AAAA,IACE,UAAU;AAAA,MACR,WAAW;AAAA,QACT,MAAM;AAAA,QACN,OAAO;AAAA,MACT;AAAA,MACA,UAAU;AAAA,QACR,MAAM;AAAA,QACN,OAAO;AAAA,MACT;AAAA,IACF;AAAA,IACA,iBAAiB,CAAC;AAAA,IAClB,kBAAkB,CAAC;AAAA,EACrB;AACF;"}
|
|
1
|
+
{"version":3,"file":"index.es72.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=\"ml-auto h-4 w-4\" />\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>(({ className, sideOffset = 4, ...props }, ref) => (\n <DropdownMenuPrimitive.Portal>\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=\"h-4 w-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=\"h-2 w-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":"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"}
|
package/dist/index.es73.js
CHANGED
|
@@ -1,91 +1,20 @@
|
|
|
1
|
-
import
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
import { cn as m } from "./index.es62.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.es73.js.map
|
package/dist/index.es73.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.es73.js","sources":["../src/components/molecules/breadcrumb/breadcrumb
|
|
1
|
+
{"version":3,"file":"index.es73.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;"}
|
package/dist/index.es74.js
CHANGED
|
@@ -1,125 +1,25 @@
|
|
|
1
|
-
import
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
{
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
const p = e.forwardRef(({ className: a, ...o }, n) => /* @__PURE__ */ e.createElement(
|
|
21
|
-
t.SubContent,
|
|
22
|
-
{
|
|
23
|
-
ref: n,
|
|
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
|
-
a
|
|
27
|
-
),
|
|
28
|
-
...o
|
|
29
|
-
}
|
|
30
|
-
));
|
|
31
|
-
p.displayName = t.SubContent.displayName;
|
|
32
|
-
const u = e.forwardRef(({ className: a, sideOffset: o = 4, ...n }, r) => /* @__PURE__ */ e.createElement(t.Portal, null, /* @__PURE__ */ e.createElement(
|
|
33
|
-
t.Content,
|
|
34
|
-
{
|
|
35
|
-
ref: r,
|
|
36
|
-
sideOffset: o,
|
|
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
|
-
a
|
|
40
|
-
),
|
|
41
|
-
...n
|
|
42
|
-
}
|
|
43
|
-
)));
|
|
44
|
-
u.displayName = t.Content.displayName;
|
|
45
|
-
const f = e.forwardRef(({ className: a, inset: o, ...n }, 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
|
-
o && "pl-8",
|
|
52
|
-
a
|
|
53
|
-
),
|
|
54
|
-
...n
|
|
55
|
-
}
|
|
56
|
-
));
|
|
57
|
-
f.displayName = t.Item.displayName;
|
|
58
|
-
const b = e.forwardRef(({ className: a, children: o, checked: n, ...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
|
-
a
|
|
65
|
-
),
|
|
66
|
-
checked: n,
|
|
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: "h-4 w-4" }))),
|
|
71
|
-
o
|
|
72
|
-
));
|
|
73
|
-
b.displayName = t.CheckboxItem.displayName;
|
|
74
|
-
const w = e.forwardRef(({ className: a, children: o, ...n }, 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
|
-
a
|
|
81
|
-
),
|
|
82
|
-
...n
|
|
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: "h-2 w-2 fill-current" }))),
|
|
85
|
-
o
|
|
86
|
-
));
|
|
87
|
-
w.displayName = t.RadioItem.displayName;
|
|
88
|
-
const g = e.forwardRef(({ className: a, inset: o, ...n }, 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
|
-
o && "pl-8",
|
|
95
|
-
a
|
|
96
|
-
),
|
|
97
|
-
...n
|
|
98
|
-
}
|
|
99
|
-
));
|
|
100
|
-
g.displayName = t.Label.displayName;
|
|
101
|
-
const N = e.forwardRef(({ className: a, ...o }, n) => /* @__PURE__ */ e.createElement(
|
|
102
|
-
t.Separator,
|
|
103
|
-
{
|
|
104
|
-
ref: n,
|
|
105
|
-
className: d("-mx-1 my-1 h-px bg-muted", a),
|
|
106
|
-
...o
|
|
1
|
+
import { cva as r } from "class-variance-authority";
|
|
2
|
+
const t = r(
|
|
3
|
+
` border flex items-center justify-between gap-1.5 relative mt-1.5 rounded-lg
|
|
4
|
+
text-light-1 px-3 py-2
|
|
5
|
+
file:border-0 file:bg-transparent
|
|
6
|
+
placeholder:font-normal placeholder:text-light-4`,
|
|
7
|
+
{
|
|
8
|
+
variants: {
|
|
9
|
+
isFocused: {
|
|
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
|
+
}
|
|
17
|
+
},
|
|
18
|
+
defaultVariants: {},
|
|
19
|
+
compoundVariants: []
|
|
107
20
|
}
|
|
108
|
-
)
|
|
109
|
-
N.displayName = t.Separator.displayName;
|
|
21
|
+
);
|
|
110
22
|
export {
|
|
111
|
-
|
|
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
|
|
23
|
+
t as TextAreaVariants
|
|
124
24
|
};
|
|
125
25
|
//# sourceMappingURL=index.es74.js.map
|
package/dist/index.es74.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.es74.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=\"ml-auto h-4 w-4\" />\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>(({ className, sideOffset = 4, ...props }, ref) => (\n <DropdownMenuPrimitive.Portal>\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=\"h-4 w-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=\"h-2 w-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":"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"}
|
|
1
|
+
{"version":3,"file":"index.es74.js","sources":["../src/components/atoms/textarea/textarea.styles.ts"],"sourcesContent":["import { cva } from 'class-variance-authority'\n\nexport const TextAreaVariants = cva(\n ` border flex items-center justify-between gap-1.5 relative mt-1.5 rounded-lg \n text-light-1 px-3 py-2\n file:border-0 file:bg-transparent\n placeholder:font-normal placeholder:text-light-4`,\n {\n variants: {\n isFocused: {\n true: 'border-primary-2 ring-4 ring-primary-1',\n false: 'border-light-2',\n },\n disabled: {\n true: 'bg-light-3 border-neutral-2 cursor-not-allowed',\n false: '',\n },\n },\n defaultVariants: {},\n compoundVariants: [],\n }\n)\n"],"names":["TextAreaVariants","cva"],"mappings":";AAEO,MAAMA,IAAmBC;AAAA,EAC9B;AAAA;AAAA;AAAA;AAAA,EAIA;AAAA,IACE,UAAU;AAAA,MACR,WAAW;AAAA,QACT,MAAM;AAAA,QACN,OAAO;AAAA,MACT;AAAA,MACA,UAAU;AAAA,QACR,MAAM;AAAA,QACN,OAAO;AAAA,MACT;AAAA,IACF;AAAA,IACA,iBAAiB,CAAC;AAAA,IAClB,kBAAkB,CAAC;AAAA,EACrB;AACF;"}
|
package/dist/index.es75.js
CHANGED
|
@@ -1,20 +1,25 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
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";
|
|
17
21
|
export {
|
|
18
|
-
|
|
22
|
+
y as defaultTypographyVariant,
|
|
23
|
+
p as variantElementMap
|
|
19
24
|
};
|
|
20
25
|
//# sourceMappingURL=index.es75.js.map
|
package/dist/index.es75.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.es75.js","sources":["../src/components/
|
|
1
|
+
{"version":3,"file":"index.es75.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.es76.js
CHANGED
|
@@ -1,14 +1,52 @@
|
|
|
1
1
|
import { cva as r } from "class-variance-authority";
|
|
2
|
-
const
|
|
3
|
-
|
|
2
|
+
const s = r(
|
|
3
|
+
` h-[38px] w-full border flex items-center justify-between gap-1.5 relative mt-1.5 rounded-lg
|
|
4
|
+
text-light-2 px-3 py-2
|
|
5
|
+
file:border-0 file:bg-transparent
|
|
6
|
+
placeholder:font-normal placeholder:text-light-4`,
|
|
4
7
|
{
|
|
5
8
|
variants: {
|
|
6
|
-
|
|
9
|
+
isError: {
|
|
10
|
+
true: "",
|
|
11
|
+
false: ""
|
|
12
|
+
},
|
|
13
|
+
isFocused: {
|
|
14
|
+
true: "",
|
|
15
|
+
false: ""
|
|
16
|
+
},
|
|
17
|
+
disabled: {
|
|
18
|
+
true: "bg-light-3 border-neutral-2 cursor-not-allowed",
|
|
19
|
+
false: ""
|
|
20
|
+
}
|
|
7
21
|
},
|
|
8
|
-
defaultVariants: {
|
|
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
|
+
]
|
|
9
47
|
}
|
|
10
48
|
);
|
|
11
49
|
export {
|
|
12
|
-
|
|
50
|
+
s as InputVariants
|
|
13
51
|
};
|
|
14
52
|
//# sourceMappingURL=index.es76.js.map
|
package/dist/index.es76.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.es76.js","sources":["../src/components/atoms/
|
|
1
|
+
{"version":3,"file":"index.es76.js","sources":["../src/components/atoms/input/input.styles.ts"],"sourcesContent":["import { cva } from 'class-variance-authority'\n\nexport const InputVariants = cva(\n ` h-[38px] w-full border flex items-center justify-between gap-1.5 relative mt-1.5 rounded-lg \n text-light-2 px-3 py-2\n file:border-0 file:bg-transparent\n placeholder:font-normal placeholder:text-light-4`,\n {\n variants: {\n isError: {\n true: '',\n false: '',\n },\n isFocused: {\n true: '',\n false: '',\n },\n disabled: {\n true: 'bg-light-3 border-neutral-2 cursor-not-allowed',\n false: '',\n },\n },\n defaultVariants: {\n isError: false,\n },\n compoundVariants: [\n {\n isError: true,\n isFocused: true,\n className: 'border-danger-2 ring-4 ring-danger-1',\n },\n {\n isError: false,\n isFocused: true,\n className: 'border-primary-2 ring-4 ring-primary-1',\n },\n {\n isError: true,\n isFocused: false,\n className: 'border-danger-2',\n },\n {\n isError: false,\n isFocused: false,\n className: 'border-light-2',\n },\n ],\n }\n)\n"],"names":["InputVariants","cva"],"mappings":";AAEO,MAAMA,IAAgBC;AAAA,EAC3B;AAAA;AAAA;AAAA;AAAA,EAIA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,MAAM;AAAA,QACN,OAAO;AAAA,MACT;AAAA,MACA,WAAW;AAAA,QACT,MAAM;AAAA,QACN,OAAO;AAAA,MACT;AAAA,MACA,UAAU;AAAA,QACR,MAAM;AAAA,QACN,OAAO;AAAA,MACT;AAAA,IACF;AAAA,IACA,iBAAiB;AAAA,MACf,SAAS;AAAA,IACX;AAAA,IACA,kBAAkB;AAAA,MAChB;AAAA,QACE,SAAS;AAAA,QACT,WAAW;AAAA,QACX,WAAW;AAAA,MACb;AAAA,MACA;AAAA,QACE,SAAS;AAAA,QACT,WAAW;AAAA,QACX,WAAW;AAAA,MACb;AAAA,MACA;AAAA,QACE,SAAS;AAAA,QACT,WAAW;AAAA,QACX,WAAW;AAAA,MACb;AAAA,MACA;AAAA,QACE,SAAS;AAAA,QACT,WAAW;AAAA,QACX,WAAW;AAAA,MACb;AAAA,IACF;AAAA,EACF;AACF;"}
|
package/dist/index.es80.js
CHANGED
|
@@ -1,45 +1,14 @@
|
|
|
1
|
-
import
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
({ children: a, steps: t }, r) => /* @__PURE__ */ e.createElement(m.Provider, { value: t }, /* @__PURE__ */ e.createElement("div", { className: "w-[100%]", ref: r }, a))
|
|
8
|
-
), h = () => {
|
|
9
|
-
const a = o(m);
|
|
10
|
-
return /* @__PURE__ */ e.createElement("div", { className: "flex justify-between items-center w-[100%]" }, a?.map((t, r) => /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
|
|
11
|
-
u,
|
|
12
|
-
{
|
|
13
|
-
key: r,
|
|
14
|
-
value: t,
|
|
15
|
-
variant: t?.status ?? n.PENDING
|
|
16
|
-
}
|
|
17
|
-
), r !== a.length - 1 && /* @__PURE__ */ e.createElement(
|
|
18
|
-
"div",
|
|
19
|
-
{
|
|
20
|
-
className: ` w-5 grow border-b-2 ${t?.status == n.COMPLETED ? "border-primary-2" : "border-neutral-2"}`
|
|
21
|
-
}
|
|
22
|
-
))));
|
|
23
|
-
}, u = ({ value: a, ...t }) => {
|
|
24
|
-
const { variant: r } = t;
|
|
25
|
-
return /* @__PURE__ */ e.createElement("div", { className: i(p({ variant: r })) }, r !== n.COMPLETED ? /* @__PURE__ */ e.createElement(
|
|
26
|
-
s,
|
|
27
|
-
{
|
|
28
|
-
variant: "body4",
|
|
29
|
-
style: { textAlign: "center", height: "max-content" }
|
|
1
|
+
import { cva as e } from "class-variance-authority";
|
|
2
|
+
const a = e(
|
|
3
|
+
"relative flex w-60 touch-none select-none items-center",
|
|
4
|
+
{
|
|
5
|
+
variants: {
|
|
6
|
+
variant: {}
|
|
30
7
|
},
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
{
|
|
35
|
-
src: "https://frontend-static-files.geoiq.io/strapi/check_white_e0c342eeb9.svg",
|
|
36
|
-
alt: "check-mark-icon"
|
|
37
|
-
}
|
|
38
|
-
))));
|
|
39
|
-
};
|
|
8
|
+
defaultVariants: {}
|
|
9
|
+
}
|
|
10
|
+
);
|
|
40
11
|
export {
|
|
41
|
-
|
|
42
|
-
m as StepperContext,
|
|
43
|
-
b as StepperProvider
|
|
12
|
+
a as SliderVariants
|
|
44
13
|
};
|
|
45
14
|
//# sourceMappingURL=index.es80.js.map
|
package/dist/index.es80.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.es80.js","sources":["../src/components/molecules/
|
|
1
|
+
{"version":3,"file":"index.es80.js","sources":["../src/components/molecules/slider/slider.styles.ts"],"sourcesContent":["import { cva } from 'class-variance-authority'\n\nexport const SliderVariants = cva(\n 'relative flex w-60 touch-none select-none items-center',\n {\n variants: {\n variant: {},\n },\n defaultVariants: {},\n }\n)\n"],"names":["SliderVariants","cva"],"mappings":";AAEO,MAAMA,IAAiBC;AAAA,EAC5B;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS,CAAC;AAAA,IACZ;AAAA,IACA,iBAAiB,CAAC;AAAA,EACpB;AACF;"}
|
package/dist/index.es81.js
CHANGED
|
@@ -1,14 +1,43 @@
|
|
|
1
|
-
import { cva as
|
|
2
|
-
const
|
|
3
|
-
"
|
|
1
|
+
import { cva as t } from "class-variance-authority";
|
|
2
|
+
const e = t(
|
|
3
|
+
"inline-flex items-center justify-evenly p-1 text-muted-foreground",
|
|
4
4
|
{
|
|
5
5
|
variants: {
|
|
6
|
-
variant: {
|
|
6
|
+
variant: {
|
|
7
|
+
primary: "bg-light-3 border rounded-xl border-neutral-1",
|
|
8
|
+
secondary: "bg-background "
|
|
9
|
+
},
|
|
10
|
+
size: {
|
|
11
|
+
sm: "h-10 rounded-xl ",
|
|
12
|
+
md: "h-12 rounded-xl "
|
|
13
|
+
}
|
|
7
14
|
},
|
|
8
|
-
defaultVariants: {
|
|
15
|
+
defaultVariants: {
|
|
16
|
+
variant: "primary",
|
|
17
|
+
size: "md"
|
|
18
|
+
}
|
|
19
|
+
}
|
|
20
|
+
), i = t(
|
|
21
|
+
"inline-flex w-full items-center justify-center whitespace-nowrap text-sm text-light-2 font-medium disabled:pointer-events-none disabled:opacity-50 ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring ",
|
|
22
|
+
{
|
|
23
|
+
variants: {
|
|
24
|
+
size: {
|
|
25
|
+
sm: "h-8 text-[14px] p-1.5 ",
|
|
26
|
+
md: "h-10 text-[16px] p-2 "
|
|
27
|
+
},
|
|
28
|
+
variant: {
|
|
29
|
+
primary: "rounded-lg data-[state=active]:bg-rest-s1 data-[state=active]:text-primary-1 data-[state=active]:border data-[state=active]:border-neutral-1 data-[state=active]:font-semibold data-[state=active]:shadow-sm ",
|
|
30
|
+
secondary: "data-[state=active]:bg-background data-[state=active]:text-primary-1 data-[state=active]:font-semibold data-[state=active]:border-b-2 data-[state=active]:border-primary-2 "
|
|
31
|
+
}
|
|
32
|
+
},
|
|
33
|
+
defaultVariants: {
|
|
34
|
+
variant: "primary",
|
|
35
|
+
size: "md"
|
|
36
|
+
}
|
|
9
37
|
}
|
|
10
38
|
);
|
|
11
39
|
export {
|
|
12
|
-
|
|
40
|
+
i as TabTriggerVariants,
|
|
41
|
+
e as TabsVariants
|
|
13
42
|
};
|
|
14
43
|
//# sourceMappingURL=index.es81.js.map
|
package/dist/index.es81.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.es81.js","sources":["../src/components/molecules/
|
|
1
|
+
{"version":3,"file":"index.es81.js","sources":["../src/components/molecules/tabs/tabs.styles.ts"],"sourcesContent":["import { cva } from 'class-variance-authority'\n\nexport const TabsVariants = cva(\n 'inline-flex items-center justify-evenly p-1 text-muted-foreground',\n {\n variants: {\n variant: {\n primary: 'bg-light-3 border rounded-xl border-neutral-1',\n secondary: 'bg-background ',\n },\n size: {\n sm: 'h-10 rounded-xl ',\n md: 'h-12 rounded-xl ',\n },\n },\n defaultVariants: {\n variant: 'primary',\n size: 'md',\n },\n }\n)\n\nexport const TabTriggerVariants = cva(\n 'inline-flex w-full items-center justify-center whitespace-nowrap text-sm text-light-2 font-medium disabled:pointer-events-none disabled:opacity-50 ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring ',\n {\n variants: {\n size: {\n sm: 'h-8 text-[14px] p-1.5 ',\n md: 'h-10 text-[16px] p-2 ',\n },\n variant: {\n primary:\n 'rounded-lg data-[state=active]:bg-rest-s1 data-[state=active]:text-primary-1 data-[state=active]:border data-[state=active]:border-neutral-1 data-[state=active]:font-semibold data-[state=active]:shadow-sm ',\n secondary:\n 'data-[state=active]:bg-background data-[state=active]:text-primary-1 data-[state=active]:font-semibold data-[state=active]:border-b-2 data-[state=active]:border-primary-2 ',\n },\n },\n defaultVariants: {\n variant: 'primary',\n size: 'md',\n },\n }\n)\n"],"names":["TabsVariants","cva","TabTriggerVariants"],"mappings":";AAEO,MAAMA,IAAeC;AAAA,EAC1B;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SAAS;AAAA,QACT,WAAW;AAAA,MACb;AAAA,MACA,MAAM;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MACN;AAAA,IACF;AAAA,IACA,iBAAiB;AAAA,MACf,SAAS;AAAA,MACT,MAAM;AAAA,IACR;AAAA,EACF;AACF,GAEaC,IAAqBD;AAAA,EAChC;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,MAAM;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MACN;AAAA,MACA,SAAS;AAAA,QACP,SACE;AAAA,QACF,WACE;AAAA,MACJ;AAAA,IACF;AAAA,IACA,iBAAiB;AAAA,MACf,SAAS;AAAA,MACT,MAAM;AAAA,IACR;AAAA,EACF;AACF;"}
|
package/dist/index.es82.js
CHANGED
|
@@ -1,43 +1,45 @@
|
|
|
1
|
-
import {
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
1
|
+
import e, { createContext as c, forwardRef as l, useContext as o } from "react";
|
|
2
|
+
import { StepItemStatus as n } from "./index.es28.js";
|
|
3
|
+
import { Typography as s } from "./index.es18.js";
|
|
4
|
+
import { cn as i } from "./index.es62.js";
|
|
5
|
+
import { StepItemVariants as p } from "./index.es85.js";
|
|
6
|
+
const m = c(null), b = l(
|
|
7
|
+
({ children: a, steps: t }, r) => /* @__PURE__ */ e.createElement(m.Provider, { value: t }, /* @__PURE__ */ e.createElement("div", { className: "w-[100%]", ref: r }, a))
|
|
8
|
+
), h = () => {
|
|
9
|
+
const a = o(m);
|
|
10
|
+
return /* @__PURE__ */ e.createElement("div", { className: "flex justify-between items-center w-[100%]" }, a?.map((t, r) => /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
|
|
11
|
+
u,
|
|
12
|
+
{
|
|
13
|
+
key: r,
|
|
14
|
+
value: t,
|
|
15
|
+
variant: t?.status ?? n.PENDING
|
|
16
|
+
}
|
|
17
|
+
), r !== a.length - 1 && /* @__PURE__ */ e.createElement(
|
|
18
|
+
"div",
|
|
19
|
+
{
|
|
20
|
+
className: ` w-5 grow border-b-2 ${t?.status == n.COMPLETED ? "border-primary-2" : "border-neutral-2"}`
|
|
18
21
|
}
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
{
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
},
|
|
28
|
-
variant: {
|
|
29
|
-
primary: "rounded-lg data-[state=active]:bg-rest-s1 data-[state=active]:text-primary-1 data-[state=active]:border data-[state=active]:border-neutral-1 data-[state=active]:font-semibold data-[state=active]:shadow-sm ",
|
|
30
|
-
secondary: "data-[state=active]:bg-background data-[state=active]:text-primary-1 data-[state=active]:font-semibold data-[state=active]:border-b-2 data-[state=active]:border-primary-2 "
|
|
31
|
-
}
|
|
22
|
+
))));
|
|
23
|
+
}, u = ({ value: a, ...t }) => {
|
|
24
|
+
const { variant: r } = t;
|
|
25
|
+
return /* @__PURE__ */ e.createElement("div", { className: i(p({ variant: r })) }, r !== n.COMPLETED ? /* @__PURE__ */ e.createElement(
|
|
26
|
+
s,
|
|
27
|
+
{
|
|
28
|
+
variant: "body4",
|
|
29
|
+
style: { textAlign: "center", height: "max-content" }
|
|
32
30
|
},
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
31
|
+
a?.label
|
|
32
|
+
) : /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", null, /* @__PURE__ */ e.createElement(
|
|
33
|
+
"img",
|
|
34
|
+
{
|
|
35
|
+
src: "https://frontend-static-files.geoiq.io/strapi/check_white_e0c342eeb9.svg",
|
|
36
|
+
alt: "check-mark-icon"
|
|
36
37
|
}
|
|
37
|
-
|
|
38
|
-
|
|
38
|
+
))));
|
|
39
|
+
};
|
|
39
40
|
export {
|
|
40
|
-
|
|
41
|
-
|
|
41
|
+
h as StepGroup,
|
|
42
|
+
m as StepperContext,
|
|
43
|
+
b as StepperProvider
|
|
42
44
|
};
|
|
43
45
|
//# sourceMappingURL=index.es82.js.map
|
package/dist/index.es82.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.es82.js","sources":["../src/components/molecules/
|
|
1
|
+
{"version":3,"file":"index.es82.js","sources":["../src/components/molecules/stepper/stepper-components.tsx"],"sourcesContent":["import React, {\n PropsWithChildren,\n createContext,\n forwardRef,\n useContext,\n} from 'react'\nimport { StepItemStatus, StepperItemProps, StepperValue } from './stepper.type'\nimport { Typography } from '../../atoms/typography'\nimport { cn } from '@/lib/utils'\nimport { StepItemVariants } from './stepper.styles'\n\ninterface StepperProviderProps extends PropsWithChildren {\n steps: StepperValue[] // Add a steps prop to pass the steps array\n}\n\nconst StepperContext = createContext<StepperValue[] | null>(null) // Context will hold an array of strings\n\nconst StepperProvider = forwardRef<HTMLDivElement, StepperProviderProps>(\n ({ children, steps }, ref) => {\n return (\n <StepperContext.Provider value={steps}>\n <div className={'w-[100%]'} ref={ref}>\n {children}\n </div>\n </StepperContext.Provider>\n )\n }\n)\n\nconst StepGroup = () => {\n const steps = useContext(StepperContext) // Accessing the steps array from context\n\n return (\n <div className=\"flex justify-between items-center w-[100%]\">\n {steps?.map((step, index) => (\n <>\n <StepItem\n key={index}\n value={step}\n variant={step?.status ?? StepItemStatus.PENDING}\n />\n {index !== steps.length - 1 && (\n <div\n className={` w-5 grow border-b-2 ${step?.status == StepItemStatus.COMPLETED ? 'border-primary-2' : 'border-neutral-2'}`}\n />\n )}\n </>\n ))}\n </div>\n )\n}\n\n// individual step item and styles\nconst StepItem = ({ value, ...props }: StepperItemProps) => {\n const { variant } = props\n return (\n <div className={cn(StepItemVariants({ variant }))}>\n {variant !== StepItemStatus.COMPLETED ? (\n <Typography\n variant={'body4'}\n style={{ textAlign: 'center', height: 'max-content' }}\n >\n {value?.label}\n </Typography>\n ) : (\n <>\n <div>\n <img\n src=\"https://frontend-static-files.geoiq.io/strapi/check_white_e0c342eeb9.svg\"\n alt=\"check-mark-icon\"\n />\n </div>\n </>\n )}\n </div>\n )\n}\n\nexport { StepperProvider, StepperContext, StepGroup }\n"],"names":["StepperContext","createContext","StepperProvider","forwardRef","children","steps","ref","React","StepGroup","useContext","step","index","StepItem","StepItemStatus","value","props","variant","cn","StepItemVariants","Typography"],"mappings":";;;;;AAeM,MAAAA,IAAiBC,EAAqC,IAAI,GAE1DC,IAAkBC;AAAA,EACtB,CAAC,EAAE,UAAAC,GAAU,OAAAC,KAASC,MAEjBC,gBAAAA,EAAA,cAAAP,EAAe,UAAf,EAAwB,OAAOK,KAC7BE,gBAAAA,EAAA,cAAA,OAAA,EAAI,WAAW,YAAY,KAAAD,EACzB,GAAAF,CACH,CACF;AAGN,GAEMI,IAAY,MAAM;AAChB,QAAAH,IAAQI,EAAWT,CAAc;AAGrC,SAAAO,gBAAAA,EAAA,cAAC,SAAI,WAAU,6CAAA,GACZF,GAAO,IAAI,CAACK,GAAMC,MAEfJ,gBAAAA,EAAA,cAAAA,EAAA,UAAA,MAAAA,gBAAAA,EAAA;AAAA,IAACK;AAAA,IAAA;AAAA,MACC,KAAKD;AAAA,MACL,OAAOD;AAAA,MACP,SAASA,GAAM,UAAUG,EAAe;AAAA,IAAA;AAAA,EAEzC,GAAAF,MAAUN,EAAM,SAAS,KACxBE,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW,wBAAwBG,GAAM,UAAUG,EAAe,YAAY,qBAAqB,kBAAkB;AAAA,IAAA;AAAA,EAG3H,CAAA,CACD,CACH;AAEJ,GAGMD,IAAW,CAAC,EAAE,OAAAE,GAAO,GAAGC,QAA8B;AACpD,QAAA,EAAE,SAAAC,EAAY,IAAAD;AACpB,SACGR,gBAAAA,EAAA,cAAA,OAAA,EAAI,WAAWU,EAAGC,EAAiB,EAAE,SAAAF,EAAS,CAAA,CAAC,EAAA,GAC7CA,MAAYH,EAAe,YAC1BN,gBAAAA,EAAA;AAAA,IAACY;AAAA,IAAA;AAAA,MACC,SAAS;AAAA,MACT,OAAO,EAAE,WAAW,UAAU,QAAQ,cAAc;AAAA,IAAA;AAAA,IAEnDL,GAAO;AAAA,EACV,IAGEP,gBAAAA,EAAA,cAAAA,EAAA,UAAA,MAAAA,gBAAAA,EAAA,cAAC,OACC,MAAAA,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAI;AAAA,MACJ,KAAI;AAAA,IAAA;AAAA,EAER,CAAA,CACF,CAEJ;AAEJ;"}
|
package/dist/index.es9.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as e from "react";
|
|
2
2
|
import { cn as f } from "./index.es62.js";
|
|
3
|
-
import { InputVariants as p } from "./index.
|
|
3
|
+
import { InputVariants as p } from "./index.es76.js";
|
|
4
4
|
import { Typography as E } from "./index.es18.js";
|
|
5
5
|
import { XCircle as g } from "lucide-react";
|
|
6
6
|
const N = e.forwardRef(
|