@techsio/ui-kit 0.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +165 -0
- package/dist/atoms/badge.js +66 -0
- package/dist/atoms/button.js +275 -0
- package/dist/atoms/error-text.js +38 -0
- package/dist/atoms/extra-text.js +27 -0
- package/dist/atoms/icon.js +42 -0
- package/dist/atoms/image.js +11 -0
- package/dist/atoms/input.js +83 -0
- package/dist/atoms/label.js +43 -0
- package/dist/atoms/link-button.js +51 -0
- package/dist/atoms/link.js +23 -0
- package/dist/atoms/numeric-input.js +221 -0
- package/dist/atoms/rating.js +117 -0
- package/dist/atoms/textarea.js +81 -0
- package/dist/atoms/tooltip.js +119 -0
- package/dist/molecules/accordion.js +245 -0
- package/dist/molecules/breadcrumb.js +168 -0
- package/dist/molecules/carousel.js +333 -0
- package/dist/molecules/checkbox.js +92 -0
- package/dist/molecules/color-select.js +159 -0
- package/dist/molecules/combobox.js +253 -0
- package/dist/molecules/dialog.js +313 -0
- package/dist/molecules/form-checkbox.js +59 -0
- package/dist/molecules/form-input.js +55 -0
- package/dist/molecules/form-numeric-input.js +47 -0
- package/dist/molecules/form-textarea.js +54 -0
- package/dist/molecules/menu.js +302 -0
- package/dist/molecules/pagination.js +184 -0
- package/dist/molecules/popover.js +152 -0
- package/dist/molecules/product-card.js +194 -0
- package/dist/molecules/search-form.js +106 -0
- package/dist/molecules/select.js +217 -0
- package/dist/molecules/slider.js +249 -0
- package/dist/molecules/steps.js +178 -0
- package/dist/molecules/switch.js +109 -0
- package/dist/molecules/tabs.js +211 -0
- package/dist/molecules/toast.js +126 -0
- package/dist/molecules/tree-view.js +451 -0
- package/dist/organisms/footer.js +209 -0
- package/dist/organisms/header.js +245 -0
- package/dist/organisms/table.js +233 -0
- package/dist/src/atoms/badge.d.ts +59 -0
- package/dist/src/atoms/badge.d.ts.map +1 -0
- package/dist/src/atoms/button.d.ts +97 -0
- package/dist/src/atoms/button.d.ts.map +1 -0
- package/dist/src/atoms/error-text.d.ts +29 -0
- package/dist/src/atoms/error-text.d.ts.map +1 -0
- package/dist/src/atoms/extra-text.d.ts +27 -0
- package/dist/src/atoms/extra-text.d.ts.map +1 -0
- package/dist/src/atoms/icon.d.ts +65 -0
- package/dist/src/atoms/icon.d.ts.map +1 -0
- package/dist/src/atoms/image.d.ts +17 -0
- package/dist/src/atoms/image.d.ts.map +1 -0
- package/dist/src/atoms/input.d.ts +78 -0
- package/dist/src/atoms/input.d.ts.map +1 -0
- package/dist/src/atoms/label.d.ts +41 -0
- package/dist/src/atoms/label.d.ts.map +1 -0
- package/dist/src/atoms/link-button.d.ts +129 -0
- package/dist/src/atoms/link-button.d.ts.map +1 -0
- package/dist/src/atoms/link.d.ts +17 -0
- package/dist/src/atoms/link.d.ts.map +1 -0
- package/dist/src/atoms/numeric-input.d.ts +64 -0
- package/dist/src/atoms/numeric-input.d.ts.map +1 -0
- package/dist/src/atoms/rating.d.ts +108 -0
- package/dist/src/atoms/rating.d.ts.map +1 -0
- package/dist/src/atoms/textarea.d.ts +81 -0
- package/dist/src/atoms/textarea.d.ts.map +1 -0
- package/dist/src/atoms/tooltip.d.ts +88 -0
- package/dist/src/atoms/tooltip.d.ts.map +1 -0
- package/dist/src/molecules/accordion.d.ts +182 -0
- package/dist/src/molecules/accordion.d.ts.map +1 -0
- package/dist/src/molecules/breadcrumb.d.ts +117 -0
- package/dist/src/molecules/breadcrumb.d.ts.map +1 -0
- package/dist/src/molecules/carousel.d.ts +261 -0
- package/dist/src/molecules/carousel.d.ts.map +1 -0
- package/dist/src/molecules/checkbox.d.ts +19 -0
- package/dist/src/molecules/checkbox.d.ts.map +1 -0
- package/dist/src/molecules/color-select.d.ts +20 -0
- package/dist/src/molecules/color-select.d.ts.map +1 -0
- package/dist/src/molecules/combobox.d.ts +141 -0
- package/dist/src/molecules/combobox.d.ts.map +1 -0
- package/dist/src/molecules/dialog.d.ts +234 -0
- package/dist/src/molecules/dialog.d.ts.map +1 -0
- package/dist/src/molecules/form-checkbox.d.ts +15 -0
- package/dist/src/molecules/form-checkbox.d.ts.map +1 -0
- package/dist/src/molecules/form-input.d.ts +14 -0
- package/dist/src/molecules/form-input.d.ts.map +1 -0
- package/dist/src/molecules/form-numeric-input.d.ts +14 -0
- package/dist/src/molecules/form-numeric-input.d.ts.map +1 -0
- package/dist/src/molecules/form-textarea.d.ts +14 -0
- package/dist/src/molecules/form-textarea.d.ts.map +1 -0
- package/dist/src/molecules/menu.d.ts +153 -0
- package/dist/src/molecules/menu.d.ts.map +1 -0
- package/dist/src/molecules/pagination.d.ts +123 -0
- package/dist/src/molecules/pagination.d.ts.map +1 -0
- package/dist/src/molecules/popover.d.ts +124 -0
- package/dist/src/molecules/popover.d.ts.map +1 -0
- package/dist/src/molecules/product-card.d.ts +160 -0
- package/dist/src/molecules/product-card.d.ts.map +1 -0
- package/dist/src/molecules/search-form.d.ts +39 -0
- package/dist/src/molecules/search-form.d.ts.map +1 -0
- package/dist/src/molecules/select.d.ts +126 -0
- package/dist/src/molecules/select.d.ts.map +1 -0
- package/dist/src/molecules/slider.d.ts +120 -0
- package/dist/src/molecules/slider.d.ts.map +1 -0
- package/dist/src/molecules/steps.d.ts +96 -0
- package/dist/src/molecules/steps.d.ts.map +1 -0
- package/dist/src/molecules/switch.d.ts +71 -0
- package/dist/src/molecules/switch.d.ts.map +1 -0
- package/dist/src/molecules/tabs.d.ts +207 -0
- package/dist/src/molecules/tabs.d.ts.map +1 -0
- package/dist/src/molecules/toast.d.ts +83 -0
- package/dist/src/molecules/toast.d.ts.map +1 -0
- package/dist/src/molecules/tree-view.d.ts +202 -0
- package/dist/src/molecules/tree-view.d.ts.map +1 -0
- package/dist/src/organisms/footer.d.ts +254 -0
- package/dist/src/organisms/footer.d.ts.map +1 -0
- package/dist/src/organisms/header.d.ts +186 -0
- package/dist/src/organisms/header.d.ts.map +1 -0
- package/dist/src/organisms/table.d.ts +250 -0
- package/dist/src/organisms/table.d.ts.map +1 -0
- package/dist/src/templates/accordion.d.ts +15 -0
- package/dist/src/templates/accordion.d.ts.map +1 -0
- package/dist/src/templates/carousel.d.ts +13 -0
- package/dist/src/templates/carousel.d.ts.map +1 -0
- package/dist/src/templates/numeric-input.d.ts +14 -0
- package/dist/src/templates/numeric-input.d.ts.map +1 -0
- package/dist/src/templates/product-card.d.ts +33 -0
- package/dist/src/templates/product-card.d.ts.map +1 -0
- package/dist/src/templates/tabs.d.ts +16 -0
- package/dist/src/templates/tabs.d.ts.map +1 -0
- package/dist/src/types/zag.d.ts +19 -0
- package/dist/src/types/zag.d.ts.map +1 -0
- package/dist/src/utils.d.ts +4 -0
- package/dist/src/utils.d.ts.map +1 -0
- package/dist/templates/accordion.js +37 -0
- package/dist/templates/carousel.js +55 -0
- package/dist/templates/numeric-input.js +49 -0
- package/dist/templates/product-card.js +92 -0
- package/dist/templates/tabs.js +34 -0
- package/dist/types/zag.js +0 -0
- package/dist/utils.js +20 -0
- package/package.json +126 -0
- package/src/tokens/_base.css +25 -0
- package/src/tokens/_colors.css +5 -0
- package/src/tokens/_layout.css +34 -0
- package/src/tokens/_semantic.css +360 -0
- package/src/tokens/_spacing.css +22 -0
- package/src/tokens/_typography.css +17 -0
- package/src/tokens/components/atoms/_badge.css +61 -0
- package/src/tokens/components/atoms/_button.css +215 -0
- package/src/tokens/components/atoms/_icon.css +122 -0
- package/src/tokens/components/atoms/_input.css +125 -0
- package/src/tokens/components/atoms/_numeric-input.css +57 -0
- package/src/tokens/components/atoms/_rating.css +33 -0
- package/src/tokens/components/atoms/_textarea.css +93 -0
- package/src/tokens/components/atoms/_tooltip.css +21 -0
- package/src/tokens/components/components.css +32 -0
- package/src/tokens/components/molecules/_accordion.css +85 -0
- package/src/tokens/components/molecules/_breadcrumb.css +44 -0
- package/src/tokens/components/molecules/_carousel.css +72 -0
- package/src/tokens/components/molecules/_checkbox.css +29 -0
- package/src/tokens/components/molecules/_color-select.css +61 -0
- package/src/tokens/components/molecules/_combobox.css +116 -0
- package/src/tokens/components/molecules/_dialog.css +75 -0
- package/src/tokens/components/molecules/_menu.css +48 -0
- package/src/tokens/components/molecules/_pagination.css +75 -0
- package/src/tokens/components/molecules/_popover.css +39 -0
- package/src/tokens/components/molecules/_product-card.css +85 -0
- package/src/tokens/components/molecules/_search-form.css +10 -0
- package/src/tokens/components/molecules/_select.css +88 -0
- package/src/tokens/components/molecules/_slider.css +75 -0
- package/src/tokens/components/molecules/_steps.css +54 -0
- package/src/tokens/components/molecules/_switch.css +62 -0
- package/src/tokens/components/molecules/_tabs.css +69 -0
- package/src/tokens/components/molecules/_toast.css +77 -0
- package/src/tokens/components/molecules/_tree-view.css +80 -0
- package/src/tokens/components/molecules/index.css +2 -0
- package/src/tokens/components/organisms/_footer.css +90 -0
- package/src/tokens/components/organisms/_header.css +86 -0
- package/src/tokens/components/organisms/_table.css +63 -0
- package/src/tokens/index.css +67 -0
- package/src/tokens/tokens-only.css +66 -0
|
@@ -0,0 +1,123 @@
|
|
|
1
|
+
import { type ElementType, type HTMLAttributes, type ReactElement } from 'react';
|
|
2
|
+
import type { VariantProps } from 'tailwind-variants';
|
|
3
|
+
declare const paginationVariants: import("tailwind-variants").TVReturnType<{
|
|
4
|
+
variant: {
|
|
5
|
+
filled: {
|
|
6
|
+
item: string;
|
|
7
|
+
link: string[];
|
|
8
|
+
};
|
|
9
|
+
outlined: {
|
|
10
|
+
item: string;
|
|
11
|
+
link: string[];
|
|
12
|
+
};
|
|
13
|
+
minimal: {
|
|
14
|
+
link: string[];
|
|
15
|
+
};
|
|
16
|
+
};
|
|
17
|
+
size: {
|
|
18
|
+
sm: {
|
|
19
|
+
link: string;
|
|
20
|
+
compactText: string;
|
|
21
|
+
};
|
|
22
|
+
md: {
|
|
23
|
+
link: string;
|
|
24
|
+
compactText: string;
|
|
25
|
+
};
|
|
26
|
+
lg: {
|
|
27
|
+
link: string;
|
|
28
|
+
compactText: string;
|
|
29
|
+
};
|
|
30
|
+
};
|
|
31
|
+
}, {
|
|
32
|
+
base: string;
|
|
33
|
+
list: string[];
|
|
34
|
+
item: string[];
|
|
35
|
+
link: string[];
|
|
36
|
+
ellipsis: string;
|
|
37
|
+
compactText: string;
|
|
38
|
+
}, undefined, {
|
|
39
|
+
variant: {
|
|
40
|
+
filled: {
|
|
41
|
+
item: string;
|
|
42
|
+
link: string[];
|
|
43
|
+
};
|
|
44
|
+
outlined: {
|
|
45
|
+
item: string;
|
|
46
|
+
link: string[];
|
|
47
|
+
};
|
|
48
|
+
minimal: {
|
|
49
|
+
link: string[];
|
|
50
|
+
};
|
|
51
|
+
};
|
|
52
|
+
size: {
|
|
53
|
+
sm: {
|
|
54
|
+
link: string;
|
|
55
|
+
compactText: string;
|
|
56
|
+
};
|
|
57
|
+
md: {
|
|
58
|
+
link: string;
|
|
59
|
+
compactText: string;
|
|
60
|
+
};
|
|
61
|
+
lg: {
|
|
62
|
+
link: string;
|
|
63
|
+
compactText: string;
|
|
64
|
+
};
|
|
65
|
+
};
|
|
66
|
+
}, {
|
|
67
|
+
base: string;
|
|
68
|
+
list: string[];
|
|
69
|
+
item: string[];
|
|
70
|
+
link: string[];
|
|
71
|
+
ellipsis: string;
|
|
72
|
+
compactText: string;
|
|
73
|
+
}, import("tailwind-variants").TVReturnType<{
|
|
74
|
+
variant: {
|
|
75
|
+
filled: {
|
|
76
|
+
item: string;
|
|
77
|
+
link: string[];
|
|
78
|
+
};
|
|
79
|
+
outlined: {
|
|
80
|
+
item: string;
|
|
81
|
+
link: string[];
|
|
82
|
+
};
|
|
83
|
+
minimal: {
|
|
84
|
+
link: string[];
|
|
85
|
+
};
|
|
86
|
+
};
|
|
87
|
+
size: {
|
|
88
|
+
sm: {
|
|
89
|
+
link: string;
|
|
90
|
+
compactText: string;
|
|
91
|
+
};
|
|
92
|
+
md: {
|
|
93
|
+
link: string;
|
|
94
|
+
compactText: string;
|
|
95
|
+
};
|
|
96
|
+
lg: {
|
|
97
|
+
link: string;
|
|
98
|
+
compactText: string;
|
|
99
|
+
};
|
|
100
|
+
};
|
|
101
|
+
}, {
|
|
102
|
+
base: string;
|
|
103
|
+
list: string[];
|
|
104
|
+
item: string[];
|
|
105
|
+
link: string[];
|
|
106
|
+
ellipsis: string;
|
|
107
|
+
compactText: string;
|
|
108
|
+
}, undefined, unknown, unknown, undefined>>;
|
|
109
|
+
export interface PaginationProps extends HTMLAttributes<HTMLElement>, VariantProps<typeof paginationVariants> {
|
|
110
|
+
page?: number;
|
|
111
|
+
defaultPage?: number;
|
|
112
|
+
count: number;
|
|
113
|
+
pageSize?: number;
|
|
114
|
+
siblingCount?: number;
|
|
115
|
+
showPrevNext?: boolean;
|
|
116
|
+
onPageChange?: (page: number) => void;
|
|
117
|
+
dir?: 'ltr' | 'rtl';
|
|
118
|
+
linkAs?: ElementType | ReactElement<HTMLAnchorElement>;
|
|
119
|
+
compact?: boolean;
|
|
120
|
+
}
|
|
121
|
+
export declare function Pagination({ page, defaultPage, count, pageSize, siblingCount, showPrevNext, onPageChange, variant, className, dir, linkAs, size, compact, ...props }: PaginationProps): import("react/jsx-runtime").JSX.Element;
|
|
122
|
+
export {};
|
|
123
|
+
//# sourceMappingURL=pagination.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"pagination.d.ts","sourceRoot":"","sources":["../../../src/molecules/pagination.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,KAAK,WAAW,EAChB,KAAK,cAAc,EACnB,KAAK,YAAY,EAElB,MAAM,OAAO,CAAA;AACd,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAKrD,QAAA,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2CA6EtB,CAAA;AAEF,MAAM,WAAW,eACf,SAAQ,cAAc,CAAC,WAAW,CAAC,EACjC,YAAY,CAAC,OAAO,kBAAkB,CAAC;IACzC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IACrC,GAAG,CAAC,EAAE,KAAK,GAAG,KAAK,CAAA;IACnB,MAAM,CAAC,EAAE,WAAW,GAAG,YAAY,CAAC,iBAAiB,CAAC,CAAA;IACtD,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAED,wBAAgB,UAAU,CAAC,EACzB,IAAI,EACJ,WAAe,EACf,KAAK,EACL,QAAa,EACb,YAAgB,EAChB,YAAmB,EACnB,YAAY,EACZ,OAAO,EACP,SAAS,EACT,GAAW,EACX,MAAM,EACN,IAAI,EACJ,OAAe,EACf,GAAG,KAAK,EACT,EAAE,eAAe,2CA0FjB"}
|
|
@@ -0,0 +1,124 @@
|
|
|
1
|
+
import * as popover from '@zag-js/popover';
|
|
2
|
+
import { type ReactNode, type Ref } from 'react';
|
|
3
|
+
import type { VariantProps } from 'tailwind-variants';
|
|
4
|
+
declare const popoverVariants: import("tailwind-variants").TVReturnType<{
|
|
5
|
+
shadow: {
|
|
6
|
+
true: {
|
|
7
|
+
content: string;
|
|
8
|
+
};
|
|
9
|
+
};
|
|
10
|
+
border: {
|
|
11
|
+
true: {
|
|
12
|
+
content: string;
|
|
13
|
+
arrow: string;
|
|
14
|
+
};
|
|
15
|
+
};
|
|
16
|
+
size: {
|
|
17
|
+
sm: {
|
|
18
|
+
content: string;
|
|
19
|
+
title: string;
|
|
20
|
+
};
|
|
21
|
+
md: {
|
|
22
|
+
content: string;
|
|
23
|
+
title: string;
|
|
24
|
+
};
|
|
25
|
+
lg: {
|
|
26
|
+
content: string;
|
|
27
|
+
title: string;
|
|
28
|
+
};
|
|
29
|
+
};
|
|
30
|
+
}, {
|
|
31
|
+
trigger: string[];
|
|
32
|
+
positioner: string[];
|
|
33
|
+
content: string[];
|
|
34
|
+
arrow: string;
|
|
35
|
+
title: string[];
|
|
36
|
+
description: string[];
|
|
37
|
+
}, undefined, {
|
|
38
|
+
shadow: {
|
|
39
|
+
true: {
|
|
40
|
+
content: string;
|
|
41
|
+
};
|
|
42
|
+
};
|
|
43
|
+
border: {
|
|
44
|
+
true: {
|
|
45
|
+
content: string;
|
|
46
|
+
arrow: string;
|
|
47
|
+
};
|
|
48
|
+
};
|
|
49
|
+
size: {
|
|
50
|
+
sm: {
|
|
51
|
+
content: string;
|
|
52
|
+
title: string;
|
|
53
|
+
};
|
|
54
|
+
md: {
|
|
55
|
+
content: string;
|
|
56
|
+
title: string;
|
|
57
|
+
};
|
|
58
|
+
lg: {
|
|
59
|
+
content: string;
|
|
60
|
+
title: string;
|
|
61
|
+
};
|
|
62
|
+
};
|
|
63
|
+
}, {
|
|
64
|
+
trigger: string[];
|
|
65
|
+
positioner: string[];
|
|
66
|
+
content: string[];
|
|
67
|
+
arrow: string;
|
|
68
|
+
title: string[];
|
|
69
|
+
description: string[];
|
|
70
|
+
}, import("tailwind-variants").TVReturnType<{
|
|
71
|
+
shadow: {
|
|
72
|
+
true: {
|
|
73
|
+
content: string;
|
|
74
|
+
};
|
|
75
|
+
};
|
|
76
|
+
border: {
|
|
77
|
+
true: {
|
|
78
|
+
content: string;
|
|
79
|
+
arrow: string;
|
|
80
|
+
};
|
|
81
|
+
};
|
|
82
|
+
size: {
|
|
83
|
+
sm: {
|
|
84
|
+
content: string;
|
|
85
|
+
title: string;
|
|
86
|
+
};
|
|
87
|
+
md: {
|
|
88
|
+
content: string;
|
|
89
|
+
title: string;
|
|
90
|
+
};
|
|
91
|
+
lg: {
|
|
92
|
+
content: string;
|
|
93
|
+
title: string;
|
|
94
|
+
};
|
|
95
|
+
};
|
|
96
|
+
}, {
|
|
97
|
+
trigger: string[];
|
|
98
|
+
positioner: string[];
|
|
99
|
+
content: string[];
|
|
100
|
+
arrow: string;
|
|
101
|
+
title: string[];
|
|
102
|
+
description: string[];
|
|
103
|
+
}, undefined, unknown, unknown, undefined>>;
|
|
104
|
+
export interface PopoverProps extends VariantProps<typeof popoverVariants>, popover.Props {
|
|
105
|
+
trigger: ReactNode;
|
|
106
|
+
children: ReactNode;
|
|
107
|
+
placement?: popover.Placement;
|
|
108
|
+
offset?: popover.PositioningOptions['offset'];
|
|
109
|
+
gutter?: popover.PositioningOptions['gutter'];
|
|
110
|
+
flip?: popover.PositioningOptions['flip'];
|
|
111
|
+
slide?: popover.PositioningOptions['slide'];
|
|
112
|
+
sameWidth?: popover.PositioningOptions['sameWidth'];
|
|
113
|
+
overflowPadding?: popover.PositioningOptions['overflowPadding'];
|
|
114
|
+
showArrow?: boolean;
|
|
115
|
+
title?: ReactNode;
|
|
116
|
+
description?: ReactNode;
|
|
117
|
+
triggerRef?: Ref<HTMLButtonElement>;
|
|
118
|
+
contentRef?: Ref<HTMLDivElement>;
|
|
119
|
+
triggerClassName?: string;
|
|
120
|
+
contentClassName?: string;
|
|
121
|
+
}
|
|
122
|
+
export declare function Popover({ trigger, children, open, defaultOpen, onOpenChange, placement, offset, gutter, sameWidth, slide, flip, overflowPadding, modal, closeOnInteractOutside, closeOnEscape, showArrow, autoFocus, portalled, title, description, id, triggerRef, contentRef, triggerClassName, contentClassName, size, shadow, border, onPointerDownOutside, }: PopoverProps): import("react/jsx-runtime").JSX.Element;
|
|
123
|
+
export {};
|
|
124
|
+
//# sourceMappingURL=popover.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["../../../src/molecules/popover.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,OAAO,MAAM,iBAAiB,CAAA;AAE1C,OAAO,EAAE,KAAK,SAAS,EAAE,KAAK,GAAG,EAAS,MAAM,OAAO,CAAA;AACvD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAIrD,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2CAqDnB,CAAA;AAEF,MAAM,WAAW,YACf,SAAQ,YAAY,CAAC,OAAO,eAAe,CAAC,EAC1C,OAAO,CAAC,KAAK;IACf,OAAO,EAAE,SAAS,CAAA;IAClB,QAAQ,EAAE,SAAS,CAAA;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC,SAAS,CAAA;IAC7B,MAAM,CAAC,EAAE,OAAO,CAAC,kBAAkB,CAAC,QAAQ,CAAC,CAAA;IAC7C,MAAM,CAAC,EAAE,OAAO,CAAC,kBAAkB,CAAC,QAAQ,CAAC,CAAA;IAC7C,IAAI,CAAC,EAAE,OAAO,CAAC,kBAAkB,CAAC,MAAM,CAAC,CAAA;IACzC,KAAK,CAAC,EAAE,OAAO,CAAC,kBAAkB,CAAC,OAAO,CAAC,CAAA;IAC3C,SAAS,CAAC,EAAE,OAAO,CAAC,kBAAkB,CAAC,WAAW,CAAC,CAAA;IACnD,eAAe,CAAC,EAAE,OAAO,CAAC,kBAAkB,CAAC,iBAAiB,CAAC,CAAA;IAC/D,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,WAAW,CAAC,EAAE,SAAS,CAAA;IACvB,UAAU,CAAC,EAAE,GAAG,CAAC,iBAAiB,CAAC,CAAA;IACnC,UAAU,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAA;IAChC,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,gBAAgB,CAAC,EAAE,MAAM,CAAA;CAC1B;AAED,wBAAgB,OAAO,CAAC,EACtB,OAAO,EACP,QAAQ,EACR,IAAI,EACJ,WAAW,EACX,YAAY,EACZ,SAAoB,EACpB,MAAsC,EACtC,MAAU,EACV,SAAiB,EACjB,KAAY,EACZ,IAAW,EACX,eAAmB,EACnB,KAAa,EACb,sBAA6B,EAC7B,aAAoB,EACpB,SAAgB,EAChB,SAAgB,EAChB,SAAgB,EAChB,KAAK,EACL,WAAW,EACX,EAAE,EACF,UAAU,EACV,UAAU,EACV,gBAAgB,EAChB,gBAAgB,EAChB,IAAW,EACX,MAAa,EACb,MAAa,EACb,oBAAoB,GACrB,EAAE,YAAY,2CAyFd"}
|
|
@@ -0,0 +1,160 @@
|
|
|
1
|
+
import { type ComponentPropsWithRef, type ComponentPropsWithoutRef, type ElementType, type HTMLAttributes, type ReactNode, type Ref } from 'react';
|
|
2
|
+
import type { VariantProps } from 'tailwind-variants';
|
|
3
|
+
import type { IconType } from '../atoms/icon';
|
|
4
|
+
import { Image } from '../atoms/image';
|
|
5
|
+
import { type RatingProps } from '../atoms/rating';
|
|
6
|
+
declare const productCardVariants: import("tailwind-variants").TVReturnType<{
|
|
7
|
+
buttonVariant: {
|
|
8
|
+
cart: {
|
|
9
|
+
button: string;
|
|
10
|
+
};
|
|
11
|
+
detail: {
|
|
12
|
+
button: string;
|
|
13
|
+
};
|
|
14
|
+
wishlist: {
|
|
15
|
+
button: string;
|
|
16
|
+
};
|
|
17
|
+
custom: {};
|
|
18
|
+
};
|
|
19
|
+
layout: {
|
|
20
|
+
column: {
|
|
21
|
+
root: string[];
|
|
22
|
+
imageSlot: string;
|
|
23
|
+
};
|
|
24
|
+
row: {
|
|
25
|
+
root: string;
|
|
26
|
+
imageSlot: string;
|
|
27
|
+
};
|
|
28
|
+
};
|
|
29
|
+
}, {
|
|
30
|
+
root: string[];
|
|
31
|
+
imageSlot: string;
|
|
32
|
+
nameSlot: string;
|
|
33
|
+
priceSlot: string;
|
|
34
|
+
stockStatusSlot: string[];
|
|
35
|
+
badgesSlot: string;
|
|
36
|
+
ratingSlot: string;
|
|
37
|
+
actionsSlot: string;
|
|
38
|
+
button: string;
|
|
39
|
+
}, undefined, {
|
|
40
|
+
buttonVariant: {
|
|
41
|
+
cart: {
|
|
42
|
+
button: string;
|
|
43
|
+
};
|
|
44
|
+
detail: {
|
|
45
|
+
button: string;
|
|
46
|
+
};
|
|
47
|
+
wishlist: {
|
|
48
|
+
button: string;
|
|
49
|
+
};
|
|
50
|
+
custom: {};
|
|
51
|
+
};
|
|
52
|
+
layout: {
|
|
53
|
+
column: {
|
|
54
|
+
root: string[];
|
|
55
|
+
imageSlot: string;
|
|
56
|
+
};
|
|
57
|
+
row: {
|
|
58
|
+
root: string;
|
|
59
|
+
imageSlot: string;
|
|
60
|
+
};
|
|
61
|
+
};
|
|
62
|
+
}, {
|
|
63
|
+
root: string[];
|
|
64
|
+
imageSlot: string;
|
|
65
|
+
nameSlot: string;
|
|
66
|
+
priceSlot: string;
|
|
67
|
+
stockStatusSlot: string[];
|
|
68
|
+
badgesSlot: string;
|
|
69
|
+
ratingSlot: string;
|
|
70
|
+
actionsSlot: string;
|
|
71
|
+
button: string;
|
|
72
|
+
}, import("tailwind-variants").TVReturnType<{
|
|
73
|
+
buttonVariant: {
|
|
74
|
+
cart: {
|
|
75
|
+
button: string;
|
|
76
|
+
};
|
|
77
|
+
detail: {
|
|
78
|
+
button: string;
|
|
79
|
+
};
|
|
80
|
+
wishlist: {
|
|
81
|
+
button: string;
|
|
82
|
+
};
|
|
83
|
+
custom: {};
|
|
84
|
+
};
|
|
85
|
+
layout: {
|
|
86
|
+
column: {
|
|
87
|
+
root: string[];
|
|
88
|
+
imageSlot: string;
|
|
89
|
+
};
|
|
90
|
+
row: {
|
|
91
|
+
root: string;
|
|
92
|
+
imageSlot: string;
|
|
93
|
+
};
|
|
94
|
+
};
|
|
95
|
+
}, {
|
|
96
|
+
root: string[];
|
|
97
|
+
imageSlot: string;
|
|
98
|
+
nameSlot: string;
|
|
99
|
+
priceSlot: string;
|
|
100
|
+
stockStatusSlot: string[];
|
|
101
|
+
badgesSlot: string;
|
|
102
|
+
ratingSlot: string;
|
|
103
|
+
actionsSlot: string;
|
|
104
|
+
button: string;
|
|
105
|
+
}, undefined, unknown, unknown, undefined>>;
|
|
106
|
+
export interface ProductCardProps extends HTMLAttributes<HTMLDivElement>, Omit<VariantProps<typeof productCardVariants>, 'buttonVariant'> {
|
|
107
|
+
children: ReactNode;
|
|
108
|
+
ref?: Ref<HTMLDivElement>;
|
|
109
|
+
}
|
|
110
|
+
type ProductCardImageProps<T extends ElementType = typeof Image> = {
|
|
111
|
+
as?: T;
|
|
112
|
+
ref?: ComponentPropsWithRef<T>['ref'];
|
|
113
|
+
className?: string;
|
|
114
|
+
} & Partial<ComponentPropsWithoutRef<T>>;
|
|
115
|
+
interface ProductCardNameProps extends HTMLAttributes<HTMLHeadingElement> {
|
|
116
|
+
children: ReactNode;
|
|
117
|
+
ref?: Ref<HTMLHeadingElement>;
|
|
118
|
+
}
|
|
119
|
+
interface ProductCardPriceProps extends HTMLAttributes<HTMLParagraphElement> {
|
|
120
|
+
children: ReactNode;
|
|
121
|
+
ref?: Ref<HTMLParagraphElement>;
|
|
122
|
+
}
|
|
123
|
+
interface ProductCardStockProps extends HTMLAttributes<HTMLParagraphElement> {
|
|
124
|
+
children: ReactNode;
|
|
125
|
+
status?: 'in-stock' | 'limited-stock' | 'out-of-stock';
|
|
126
|
+
ref?: Ref<HTMLParagraphElement>;
|
|
127
|
+
}
|
|
128
|
+
interface ProductCardBadgesProps extends HTMLAttributes<HTMLDivElement> {
|
|
129
|
+
children: ReactNode;
|
|
130
|
+
ref?: Ref<HTMLDivElement>;
|
|
131
|
+
}
|
|
132
|
+
interface ProductCardRatingProps extends HTMLAttributes<HTMLDivElement> {
|
|
133
|
+
children?: ReactNode;
|
|
134
|
+
ref?: Ref<HTMLDivElement>;
|
|
135
|
+
rating?: RatingProps;
|
|
136
|
+
}
|
|
137
|
+
interface ProductCardActionsProps extends HTMLAttributes<HTMLDivElement> {
|
|
138
|
+
children: ReactNode;
|
|
139
|
+
ref?: Ref<HTMLDivElement>;
|
|
140
|
+
}
|
|
141
|
+
interface ProductCardButtonProps extends HTMLAttributes<HTMLButtonElement> {
|
|
142
|
+
children?: ReactNode;
|
|
143
|
+
onClick?: () => void;
|
|
144
|
+
buttonVariant?: 'cart' | 'detail' | 'wishlist' | 'custom';
|
|
145
|
+
icon?: IconType;
|
|
146
|
+
ref?: Ref<HTMLButtonElement>;
|
|
147
|
+
}
|
|
148
|
+
export declare function ProductCard({ children, layout, className, ref, ...props }: ProductCardProps): import("react/jsx-runtime").JSX.Element;
|
|
149
|
+
export declare namespace ProductCard {
|
|
150
|
+
var Image: <T extends ElementType = typeof import("../atoms/image").Image>({ as, className, ref, ...props }: ProductCardImageProps<T>) => import("react/jsx-runtime").JSX.Element;
|
|
151
|
+
var Name: ({ children, className, ref, ...props }: ProductCardNameProps) => import("react/jsx-runtime").JSX.Element;
|
|
152
|
+
var Price: ({ children, className, ref, ...props }: ProductCardPriceProps) => import("react/jsx-runtime").JSX.Element;
|
|
153
|
+
var Stock: ({ children, className, ref, status, ...props }: ProductCardStockProps) => import("react/jsx-runtime").JSX.Element;
|
|
154
|
+
var Badges: ({ children, className, ref, ...props }: ProductCardBadgesProps) => import("react/jsx-runtime").JSX.Element;
|
|
155
|
+
var Rating: ({ children, className, rating, ref, ...props }: ProductCardRatingProps) => import("react/jsx-runtime").JSX.Element;
|
|
156
|
+
var Actions: ({ children, className, ref, ...props }: ProductCardActionsProps) => import("react/jsx-runtime").JSX.Element;
|
|
157
|
+
var Button: ({ children, onClick, icon, className, buttonVariant, ref, ...props }: ProductCardButtonProps) => import("react/jsx-runtime").JSX.Element;
|
|
158
|
+
}
|
|
159
|
+
export {};
|
|
160
|
+
//# sourceMappingURL=product-card.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"product-card.d.ts","sourceRoot":"","sources":["../../../src/molecules/product-card.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
import { type FormHTMLAttributes, type ReactNode, type Ref } from 'react';
|
|
2
|
+
import type { VariantProps } from 'tailwind-variants';
|
|
3
|
+
import { type ButtonProps } from '../atoms/button';
|
|
4
|
+
import { type InputProps } from '../atoms/input';
|
|
5
|
+
declare const formVariants: import("tailwind-variants").TVReturnType<{
|
|
6
|
+
size: {
|
|
7
|
+
sm: string;
|
|
8
|
+
md: string;
|
|
9
|
+
lg: string;
|
|
10
|
+
};
|
|
11
|
+
}, undefined, string[], {
|
|
12
|
+
size: {
|
|
13
|
+
sm: string;
|
|
14
|
+
md: string;
|
|
15
|
+
lg: string;
|
|
16
|
+
};
|
|
17
|
+
}, undefined, import("tailwind-variants").TVReturnType<{
|
|
18
|
+
size: {
|
|
19
|
+
sm: string;
|
|
20
|
+
md: string;
|
|
21
|
+
lg: string;
|
|
22
|
+
};
|
|
23
|
+
}, undefined, string[], unknown, unknown, undefined>>;
|
|
24
|
+
export interface SearchFormProps extends VariantProps<typeof formVariants>, Omit<FormHTMLAttributes<HTMLFormElement>, 'size'> {
|
|
25
|
+
inputProps?: Omit<InputProps, 'size'>;
|
|
26
|
+
buttonProps?: Omit<ButtonProps, 'size'>;
|
|
27
|
+
label?: ReactNode;
|
|
28
|
+
buttonText?: ReactNode;
|
|
29
|
+
buttonIcon?: boolean;
|
|
30
|
+
placeholder?: string;
|
|
31
|
+
ref?: Ref<HTMLFormElement>;
|
|
32
|
+
searchId?: string;
|
|
33
|
+
}
|
|
34
|
+
export declare function SearchForm({ inputProps, buttonProps, size, buttonText, buttonIcon, placeholder, label, className, ref, searchId, ...props }: SearchFormProps): import("react/jsx-runtime").JSX.Element;
|
|
35
|
+
export declare namespace SearchForm {
|
|
36
|
+
var displayName: string;
|
|
37
|
+
}
|
|
38
|
+
export {};
|
|
39
|
+
//# sourceMappingURL=search-form.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"search-form.d.ts","sourceRoot":"","sources":["../../../src/molecules/search-form.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,kBAAkB,EAAE,KAAK,SAAS,EAAE,KAAK,GAAG,EAAS,MAAM,OAAO,CAAA;AAChF,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AACrD,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,iBAAiB,CAAA;AAE1D,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,gBAAgB,CAAA;AAWvD,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;;;qDAYhB,CAAA;AAsBF,MAAM,WAAW,eACf,SAAQ,YAAY,CAAC,OAAO,YAAY,CAAC,EACvC,IAAI,CAAC,kBAAkB,CAAC,eAAe,CAAC,EAAE,MAAM,CAAC;IACnD,UAAU,CAAC,EAAE,IAAI,CAAC,UAAU,EAAE,MAAM,CAAC,CAAA;IACrC,WAAW,CAAC,EAAE,IAAI,CAAC,WAAW,EAAE,MAAM,CAAC,CAAA;IACvC,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,UAAU,CAAC,EAAE,SAAS,CAAA;IACtB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,GAAG,CAAC,EAAE,GAAG,CAAC,eAAe,CAAC,CAAA;IAC1B,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB;AAED,wBAAgB,UAAU,CAAC,EACzB,UAAU,EACV,WAAW,EACX,IAAW,EACX,UAAU,EACV,UAAkB,EAClB,WAAyB,EACzB,KAAK,EACL,SAAS,EACT,GAAG,EACH,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,eAAe,2CAqDjB;yBAjEe,UAAU"}
|
|
@@ -0,0 +1,126 @@
|
|
|
1
|
+
import * as select from '@zag-js/select';
|
|
2
|
+
import { type ReactNode } from 'react';
|
|
3
|
+
import { type VariantProps } from 'tailwind-variants';
|
|
4
|
+
export interface SelectOption {
|
|
5
|
+
label: ReactNode;
|
|
6
|
+
value: string;
|
|
7
|
+
disabled?: boolean;
|
|
8
|
+
displayValue?: string;
|
|
9
|
+
[key: string]: unknown;
|
|
10
|
+
}
|
|
11
|
+
declare const selectVariants: import("tailwind-variants").TVReturnType<{
|
|
12
|
+
size: {
|
|
13
|
+
xs: {
|
|
14
|
+
trigger: string;
|
|
15
|
+
item: string;
|
|
16
|
+
value: string;
|
|
17
|
+
};
|
|
18
|
+
sm: {
|
|
19
|
+
trigger: string;
|
|
20
|
+
item: string;
|
|
21
|
+
value: string;
|
|
22
|
+
};
|
|
23
|
+
md: {
|
|
24
|
+
trigger: string;
|
|
25
|
+
item: string;
|
|
26
|
+
value: string;
|
|
27
|
+
};
|
|
28
|
+
lg: {
|
|
29
|
+
trigger: string;
|
|
30
|
+
item: string;
|
|
31
|
+
value: string;
|
|
32
|
+
};
|
|
33
|
+
};
|
|
34
|
+
}, {
|
|
35
|
+
root: string[];
|
|
36
|
+
control: string[];
|
|
37
|
+
positioner: string[];
|
|
38
|
+
trigger: string[];
|
|
39
|
+
clearTrigger: string[];
|
|
40
|
+
content: string[];
|
|
41
|
+
item: string[];
|
|
42
|
+
itemIndicator: string[];
|
|
43
|
+
value: string[];
|
|
44
|
+
}, undefined, {
|
|
45
|
+
size: {
|
|
46
|
+
xs: {
|
|
47
|
+
trigger: string;
|
|
48
|
+
item: string;
|
|
49
|
+
value: string;
|
|
50
|
+
};
|
|
51
|
+
sm: {
|
|
52
|
+
trigger: string;
|
|
53
|
+
item: string;
|
|
54
|
+
value: string;
|
|
55
|
+
};
|
|
56
|
+
md: {
|
|
57
|
+
trigger: string;
|
|
58
|
+
item: string;
|
|
59
|
+
value: string;
|
|
60
|
+
};
|
|
61
|
+
lg: {
|
|
62
|
+
trigger: string;
|
|
63
|
+
item: string;
|
|
64
|
+
value: string;
|
|
65
|
+
};
|
|
66
|
+
};
|
|
67
|
+
}, {
|
|
68
|
+
root: string[];
|
|
69
|
+
control: string[];
|
|
70
|
+
positioner: string[];
|
|
71
|
+
trigger: string[];
|
|
72
|
+
clearTrigger: string[];
|
|
73
|
+
content: string[];
|
|
74
|
+
item: string[];
|
|
75
|
+
itemIndicator: string[];
|
|
76
|
+
value: string[];
|
|
77
|
+
}, import("tailwind-variants").TVReturnType<{
|
|
78
|
+
size: {
|
|
79
|
+
xs: {
|
|
80
|
+
trigger: string;
|
|
81
|
+
item: string;
|
|
82
|
+
value: string;
|
|
83
|
+
};
|
|
84
|
+
sm: {
|
|
85
|
+
trigger: string;
|
|
86
|
+
item: string;
|
|
87
|
+
value: string;
|
|
88
|
+
};
|
|
89
|
+
md: {
|
|
90
|
+
trigger: string;
|
|
91
|
+
item: string;
|
|
92
|
+
value: string;
|
|
93
|
+
};
|
|
94
|
+
lg: {
|
|
95
|
+
trigger: string;
|
|
96
|
+
item: string;
|
|
97
|
+
value: string;
|
|
98
|
+
};
|
|
99
|
+
};
|
|
100
|
+
}, {
|
|
101
|
+
root: string[];
|
|
102
|
+
control: string[];
|
|
103
|
+
positioner: string[];
|
|
104
|
+
trigger: string[];
|
|
105
|
+
clearTrigger: string[];
|
|
106
|
+
content: string[];
|
|
107
|
+
item: string[];
|
|
108
|
+
itemIndicator: string[];
|
|
109
|
+
value: string[];
|
|
110
|
+
}, undefined, unknown, unknown, undefined>>;
|
|
111
|
+
export interface SelectProps extends VariantProps<typeof selectVariants>, Omit<select.Props, 'collection' | 'id'> {
|
|
112
|
+
options: SelectOption[];
|
|
113
|
+
label?: ReactNode;
|
|
114
|
+
placeholder?: string;
|
|
115
|
+
helperText?: string;
|
|
116
|
+
errorText?: string;
|
|
117
|
+
className?: string;
|
|
118
|
+
id?: string;
|
|
119
|
+
clearIcon?: boolean;
|
|
120
|
+
}
|
|
121
|
+
export declare function Select({ options, label, placeholder, size, value, defaultValue, multiple, clearIcon, disabled, invalid, required, readOnly, errorText, helperText, closeOnSelect, loopFocus, name, form, onValueChange, onOpenChange, onHighlightChange, onSelect, className, id: providedId, }: SelectProps): import("react/jsx-runtime").JSX.Element;
|
|
122
|
+
export declare namespace Select {
|
|
123
|
+
var displayName: string;
|
|
124
|
+
}
|
|
125
|
+
export {};
|
|
126
|
+
//# sourceMappingURL=select.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../src/molecules/select.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,MAAM,gBAAgB,CAAA;AACxC,OAAO,EAAE,KAAK,SAAS,EAAS,MAAM,OAAO,CAAA;AAC7C,OAAO,EAAE,KAAK,YAAY,EAAM,MAAM,mBAAmB,CAAA;AAQzD,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,SAAS,CAAA;IAChB,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAA;CACvB;AAGD,QAAA,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2CAqElB,CAAA;AAGF,MAAM,WAAW,WACf,SAAQ,YAAY,CAAC,OAAO,cAAc,CAAC,EACzC,IAAI,CAAC,MAAM,CAAC,KAAK,EAAE,YAAY,GAAG,IAAI,CAAC;IACzC,OAAO,EAAE,YAAY,EAAE,CAAA;IACvB,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB;AAED,wBAAgB,MAAM,CAAC,EACrB,OAAO,EACP,KAAK,EACL,WAAgC,EAChC,IAAW,EACX,KAAK,EACL,YAAY,EACZ,QAAgB,EAChB,SAAgB,EAChB,QAAgB,EAChB,OAAe,EACf,QAAgB,EAChB,QAAgB,EAChB,SAAS,EACT,UAAU,EACV,aAAoB,EACpB,SAAgB,EAChB,IAAI,EACJ,IAAI,EACJ,aAAa,EACb,YAAY,EACZ,iBAAiB,EACjB,QAAQ,EACR,SAAS,EACT,EAAE,EAAE,UAAU,GACf,EAAE,WAAW,2CA4Hb;yBArJe,MAAM"}
|