@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,20 @@
|
|
|
1
|
+
export interface ColorItem {
|
|
2
|
+
id?: string;
|
|
3
|
+
color: string;
|
|
4
|
+
selected?: boolean;
|
|
5
|
+
label?: string;
|
|
6
|
+
count?: number;
|
|
7
|
+
disabled?: boolean;
|
|
8
|
+
}
|
|
9
|
+
interface ColorSelectProps {
|
|
10
|
+
colors: ColorItem[];
|
|
11
|
+
layout?: 'list' | 'grid';
|
|
12
|
+
size?: 'sm' | 'md' | 'lg' | 'full';
|
|
13
|
+
radius?: 'sm' | 'md' | 'lg' | 'full';
|
|
14
|
+
disabled?: boolean;
|
|
15
|
+
onColorClick?: (color: string) => void;
|
|
16
|
+
selectionMode?: 'single' | 'multiple';
|
|
17
|
+
}
|
|
18
|
+
export declare const ColorSelect: ({ colors, layout, size, radius, disabled, onColorClick, selectionMode, }: ColorSelectProps) => import("react/jsx-runtime").JSX.Element;
|
|
19
|
+
export {};
|
|
20
|
+
//# sourceMappingURL=color-select.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"color-select.d.ts","sourceRoot":"","sources":["../../../src/molecules/color-select.tsx"],"names":[],"mappings":"AA4FA,MAAM,WAAW,SAAS;IACxB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,UAAU,gBAAgB;IACxB,MAAM,EAAE,SAAS,EAAE,CAAA;IACnB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACxB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAA;IAClC,MAAM,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAA;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACtC,aAAa,CAAC,EAAE,QAAQ,GAAG,UAAU,CAAA;CACtC;AAED,eAAO,MAAM,WAAW,GAAI,0EAQzB,gBAAgB,4CAsDlB,CAAA"}
|
|
@@ -0,0 +1,141 @@
|
|
|
1
|
+
import type { VariantProps } from 'tailwind-variants';
|
|
2
|
+
declare const comboboxVariants: import("tailwind-variants").TVReturnType<{
|
|
3
|
+
size: {
|
|
4
|
+
sm: {
|
|
5
|
+
root: string;
|
|
6
|
+
item: string;
|
|
7
|
+
input: string;
|
|
8
|
+
content: string;
|
|
9
|
+
};
|
|
10
|
+
md: {
|
|
11
|
+
root: string;
|
|
12
|
+
item: string;
|
|
13
|
+
input: string;
|
|
14
|
+
content: string;
|
|
15
|
+
};
|
|
16
|
+
lg: {
|
|
17
|
+
root: string;
|
|
18
|
+
item: string;
|
|
19
|
+
input: string;
|
|
20
|
+
content: string;
|
|
21
|
+
};
|
|
22
|
+
};
|
|
23
|
+
}, {
|
|
24
|
+
root: string[];
|
|
25
|
+
label: string[];
|
|
26
|
+
control: string[];
|
|
27
|
+
input: string[];
|
|
28
|
+
clearTrigger: string[];
|
|
29
|
+
trigger: string[];
|
|
30
|
+
positioner: string[];
|
|
31
|
+
content: string[];
|
|
32
|
+
item: string[];
|
|
33
|
+
helper: string[];
|
|
34
|
+
multiple: never[];
|
|
35
|
+
}, undefined, {
|
|
36
|
+
size: {
|
|
37
|
+
sm: {
|
|
38
|
+
root: string;
|
|
39
|
+
item: string;
|
|
40
|
+
input: string;
|
|
41
|
+
content: string;
|
|
42
|
+
};
|
|
43
|
+
md: {
|
|
44
|
+
root: string;
|
|
45
|
+
item: string;
|
|
46
|
+
input: string;
|
|
47
|
+
content: string;
|
|
48
|
+
};
|
|
49
|
+
lg: {
|
|
50
|
+
root: string;
|
|
51
|
+
item: string;
|
|
52
|
+
input: string;
|
|
53
|
+
content: string;
|
|
54
|
+
};
|
|
55
|
+
};
|
|
56
|
+
}, {
|
|
57
|
+
root: string[];
|
|
58
|
+
label: string[];
|
|
59
|
+
control: string[];
|
|
60
|
+
input: string[];
|
|
61
|
+
clearTrigger: string[];
|
|
62
|
+
trigger: string[];
|
|
63
|
+
positioner: string[];
|
|
64
|
+
content: string[];
|
|
65
|
+
item: string[];
|
|
66
|
+
helper: string[];
|
|
67
|
+
multiple: never[];
|
|
68
|
+
}, import("tailwind-variants").TVReturnType<{
|
|
69
|
+
size: {
|
|
70
|
+
sm: {
|
|
71
|
+
root: string;
|
|
72
|
+
item: string;
|
|
73
|
+
input: string;
|
|
74
|
+
content: string;
|
|
75
|
+
};
|
|
76
|
+
md: {
|
|
77
|
+
root: string;
|
|
78
|
+
item: string;
|
|
79
|
+
input: string;
|
|
80
|
+
content: string;
|
|
81
|
+
};
|
|
82
|
+
lg: {
|
|
83
|
+
root: string;
|
|
84
|
+
item: string;
|
|
85
|
+
input: string;
|
|
86
|
+
content: string;
|
|
87
|
+
};
|
|
88
|
+
};
|
|
89
|
+
}, {
|
|
90
|
+
root: string[];
|
|
91
|
+
label: string[];
|
|
92
|
+
control: string[];
|
|
93
|
+
input: string[];
|
|
94
|
+
clearTrigger: string[];
|
|
95
|
+
trigger: string[];
|
|
96
|
+
positioner: string[];
|
|
97
|
+
content: string[];
|
|
98
|
+
item: string[];
|
|
99
|
+
helper: string[];
|
|
100
|
+
multiple: never[];
|
|
101
|
+
}, undefined, unknown, unknown, undefined>>;
|
|
102
|
+
export type ComboboxItem<T = unknown> = {
|
|
103
|
+
id?: string;
|
|
104
|
+
label: string;
|
|
105
|
+
value: string;
|
|
106
|
+
disabled?: boolean;
|
|
107
|
+
data?: T;
|
|
108
|
+
};
|
|
109
|
+
export interface ComboboxProps<T = unknown> extends VariantProps<typeof comboboxVariants> {
|
|
110
|
+
id?: string;
|
|
111
|
+
name?: string;
|
|
112
|
+
label?: string;
|
|
113
|
+
placeholder?: string;
|
|
114
|
+
disabled?: boolean;
|
|
115
|
+
readOnly?: boolean;
|
|
116
|
+
required?: boolean;
|
|
117
|
+
items: ComboboxItem<T>[];
|
|
118
|
+
value?: string | string[];
|
|
119
|
+
defaultValue?: string | string[];
|
|
120
|
+
inputValue?: string;
|
|
121
|
+
multiple?: boolean;
|
|
122
|
+
validationState?: 'normal' | 'error' | 'success' | 'warning';
|
|
123
|
+
error?: string;
|
|
124
|
+
helper?: string;
|
|
125
|
+
noResultsMessage?: string;
|
|
126
|
+
clearable?: boolean;
|
|
127
|
+
selectionBehavior?: 'replace' | 'clear' | 'preserve';
|
|
128
|
+
closeOnSelect?: boolean;
|
|
129
|
+
allowCustomValue?: boolean;
|
|
130
|
+
loopFocus?: boolean;
|
|
131
|
+
autoFocus?: boolean;
|
|
132
|
+
triggerIcon?: string;
|
|
133
|
+
clearIcon?: string;
|
|
134
|
+
onChange?: (value: string | string[]) => void;
|
|
135
|
+
onInputValueChange?: (value: string) => void;
|
|
136
|
+
onOpenChange?: (open: boolean) => void;
|
|
137
|
+
inputBehavior?: 'autohighlight' | 'autocomplete' | 'none';
|
|
138
|
+
}
|
|
139
|
+
export declare function Combobox<T = unknown>({ id, name, label, size, placeholder, disabled, readOnly, required, items, value, defaultValue, inputValue, multiple, validationState, error, helper, noResultsMessage, clearable, selectionBehavior, closeOnSelect, allowCustomValue, loopFocus, autoFocus, inputBehavior, onChange, onInputValueChange, onOpenChange, }: ComboboxProps<T>): import("react/jsx-runtime").JSX.Element;
|
|
140
|
+
export {};
|
|
141
|
+
//# sourceMappingURL=combobox.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"combobox.d.ts","sourceRoot":"","sources":["../../../src/molecules/combobox.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AASrD,QAAA,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2CA8FpB,CAAA;AAEF,MAAM,MAAM,YAAY,CAAC,CAAC,GAAG,OAAO,IAAI;IACtC,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,CAAC,CAAA;CACT,CAAA;AAED,MAAM,WAAW,aAAa,CAAC,CAAC,GAAG,OAAO,CACxC,SAAQ,YAAY,CAAC,OAAO,gBAAgB,CAAC;IAC7C,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,EAAE,YAAY,CAAC,CAAC,CAAC,EAAE,CAAA;IACxB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;IACzB,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;IAChC,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,eAAe,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,CAAA;IAC5D,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,iBAAiB,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,UAAU,CAAA;IACpD,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,KAAK,IAAI,CAAA;IAC7C,kBAAkB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAC5C,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACtC,aAAa,CAAC,EAAE,eAAe,GAAG,cAAc,GAAG,MAAM,CAAA;CAC1D;AAED,wBAAgB,QAAQ,CAAC,CAAC,GAAG,OAAO,EAAE,EACpC,EAAE,EACF,IAAI,EACJ,KAAK,EACL,IAAI,EACJ,WAA6B,EAC7B,QAAgB,EAChB,QAAgB,EAChB,QAAgB,EAChB,KAAU,EACV,KAAK,EACL,YAAY,EACZ,UAAU,EACV,QAAgB,EAChB,eAA0B,EAC1B,KAAK,EACL,MAAM,EACN,gBAAwD,EACxD,SAAgB,EAChB,iBAA6B,EAC7B,aAAqB,EACrB,gBAAwB,EACxB,SAAgB,EAChB,SAAiB,EACjB,aAA8B,EAC9B,QAAQ,EACR,kBAAkB,EAClB,YAAY,GACb,EAAE,aAAa,CAAC,CAAC,CAAC,2CAwJlB"}
|
|
@@ -0,0 +1,234 @@
|
|
|
1
|
+
import { type ReactNode } from 'react';
|
|
2
|
+
import { type VariantProps } from 'tailwind-variants';
|
|
3
|
+
declare const dialogVariants: import("tailwind-variants").TVReturnType<{
|
|
4
|
+
placement: {
|
|
5
|
+
center: {
|
|
6
|
+
positioner: string;
|
|
7
|
+
content: string;
|
|
8
|
+
};
|
|
9
|
+
left: {
|
|
10
|
+
positioner: string;
|
|
11
|
+
content: string;
|
|
12
|
+
};
|
|
13
|
+
right: {
|
|
14
|
+
positioner: string;
|
|
15
|
+
content: string;
|
|
16
|
+
};
|
|
17
|
+
top: {
|
|
18
|
+
positioner: string;
|
|
19
|
+
content: string;
|
|
20
|
+
};
|
|
21
|
+
bottom: {
|
|
22
|
+
positioner: string;
|
|
23
|
+
content: string;
|
|
24
|
+
};
|
|
25
|
+
};
|
|
26
|
+
position: {
|
|
27
|
+
fixed: {
|
|
28
|
+
backdrop: string;
|
|
29
|
+
positioner: string;
|
|
30
|
+
};
|
|
31
|
+
absolute: {
|
|
32
|
+
backdrop: string;
|
|
33
|
+
positioner: string;
|
|
34
|
+
};
|
|
35
|
+
sticky: {
|
|
36
|
+
backdrop: string;
|
|
37
|
+
positioner: string;
|
|
38
|
+
};
|
|
39
|
+
relative: {
|
|
40
|
+
backdrop: string;
|
|
41
|
+
positioner: string;
|
|
42
|
+
};
|
|
43
|
+
};
|
|
44
|
+
size: {
|
|
45
|
+
xs: {};
|
|
46
|
+
sm: {};
|
|
47
|
+
md: {};
|
|
48
|
+
lg: {};
|
|
49
|
+
xl: {};
|
|
50
|
+
full: {};
|
|
51
|
+
};
|
|
52
|
+
behavior: {
|
|
53
|
+
modal: {
|
|
54
|
+
backdrop: string;
|
|
55
|
+
};
|
|
56
|
+
modeless: {
|
|
57
|
+
backdrop: string;
|
|
58
|
+
positioner: string;
|
|
59
|
+
content: string;
|
|
60
|
+
};
|
|
61
|
+
};
|
|
62
|
+
}, {
|
|
63
|
+
backdrop: string[];
|
|
64
|
+
positioner: string[];
|
|
65
|
+
content: string[];
|
|
66
|
+
title: string[];
|
|
67
|
+
description: string[];
|
|
68
|
+
trigger: never[];
|
|
69
|
+
closeTrigger: string[];
|
|
70
|
+
actions: string;
|
|
71
|
+
}, undefined, {
|
|
72
|
+
placement: {
|
|
73
|
+
center: {
|
|
74
|
+
positioner: string;
|
|
75
|
+
content: string;
|
|
76
|
+
};
|
|
77
|
+
left: {
|
|
78
|
+
positioner: string;
|
|
79
|
+
content: string;
|
|
80
|
+
};
|
|
81
|
+
right: {
|
|
82
|
+
positioner: string;
|
|
83
|
+
content: string;
|
|
84
|
+
};
|
|
85
|
+
top: {
|
|
86
|
+
positioner: string;
|
|
87
|
+
content: string;
|
|
88
|
+
};
|
|
89
|
+
bottom: {
|
|
90
|
+
positioner: string;
|
|
91
|
+
content: string;
|
|
92
|
+
};
|
|
93
|
+
};
|
|
94
|
+
position: {
|
|
95
|
+
fixed: {
|
|
96
|
+
backdrop: string;
|
|
97
|
+
positioner: string;
|
|
98
|
+
};
|
|
99
|
+
absolute: {
|
|
100
|
+
backdrop: string;
|
|
101
|
+
positioner: string;
|
|
102
|
+
};
|
|
103
|
+
sticky: {
|
|
104
|
+
backdrop: string;
|
|
105
|
+
positioner: string;
|
|
106
|
+
};
|
|
107
|
+
relative: {
|
|
108
|
+
backdrop: string;
|
|
109
|
+
positioner: string;
|
|
110
|
+
};
|
|
111
|
+
};
|
|
112
|
+
size: {
|
|
113
|
+
xs: {};
|
|
114
|
+
sm: {};
|
|
115
|
+
md: {};
|
|
116
|
+
lg: {};
|
|
117
|
+
xl: {};
|
|
118
|
+
full: {};
|
|
119
|
+
};
|
|
120
|
+
behavior: {
|
|
121
|
+
modal: {
|
|
122
|
+
backdrop: string;
|
|
123
|
+
};
|
|
124
|
+
modeless: {
|
|
125
|
+
backdrop: string;
|
|
126
|
+
positioner: string;
|
|
127
|
+
content: string;
|
|
128
|
+
};
|
|
129
|
+
};
|
|
130
|
+
}, {
|
|
131
|
+
backdrop: string[];
|
|
132
|
+
positioner: string[];
|
|
133
|
+
content: string[];
|
|
134
|
+
title: string[];
|
|
135
|
+
description: string[];
|
|
136
|
+
trigger: never[];
|
|
137
|
+
closeTrigger: string[];
|
|
138
|
+
actions: string;
|
|
139
|
+
}, import("tailwind-variants").TVReturnType<{
|
|
140
|
+
placement: {
|
|
141
|
+
center: {
|
|
142
|
+
positioner: string;
|
|
143
|
+
content: string;
|
|
144
|
+
};
|
|
145
|
+
left: {
|
|
146
|
+
positioner: string;
|
|
147
|
+
content: string;
|
|
148
|
+
};
|
|
149
|
+
right: {
|
|
150
|
+
positioner: string;
|
|
151
|
+
content: string;
|
|
152
|
+
};
|
|
153
|
+
top: {
|
|
154
|
+
positioner: string;
|
|
155
|
+
content: string;
|
|
156
|
+
};
|
|
157
|
+
bottom: {
|
|
158
|
+
positioner: string;
|
|
159
|
+
content: string;
|
|
160
|
+
};
|
|
161
|
+
};
|
|
162
|
+
position: {
|
|
163
|
+
fixed: {
|
|
164
|
+
backdrop: string;
|
|
165
|
+
positioner: string;
|
|
166
|
+
};
|
|
167
|
+
absolute: {
|
|
168
|
+
backdrop: string;
|
|
169
|
+
positioner: string;
|
|
170
|
+
};
|
|
171
|
+
sticky: {
|
|
172
|
+
backdrop: string;
|
|
173
|
+
positioner: string;
|
|
174
|
+
};
|
|
175
|
+
relative: {
|
|
176
|
+
backdrop: string;
|
|
177
|
+
positioner: string;
|
|
178
|
+
};
|
|
179
|
+
};
|
|
180
|
+
size: {
|
|
181
|
+
xs: {};
|
|
182
|
+
sm: {};
|
|
183
|
+
md: {};
|
|
184
|
+
lg: {};
|
|
185
|
+
xl: {};
|
|
186
|
+
full: {};
|
|
187
|
+
};
|
|
188
|
+
behavior: {
|
|
189
|
+
modal: {
|
|
190
|
+
backdrop: string;
|
|
191
|
+
};
|
|
192
|
+
modeless: {
|
|
193
|
+
backdrop: string;
|
|
194
|
+
positioner: string;
|
|
195
|
+
content: string;
|
|
196
|
+
};
|
|
197
|
+
};
|
|
198
|
+
}, {
|
|
199
|
+
backdrop: string[];
|
|
200
|
+
positioner: string[];
|
|
201
|
+
content: string[];
|
|
202
|
+
title: string[];
|
|
203
|
+
description: string[];
|
|
204
|
+
trigger: never[];
|
|
205
|
+
closeTrigger: string[];
|
|
206
|
+
actions: string;
|
|
207
|
+
}, undefined, unknown, unknown, undefined>>;
|
|
208
|
+
export interface DialogProps extends VariantProps<typeof dialogVariants> {
|
|
209
|
+
open?: boolean;
|
|
210
|
+
onOpenChange?: (details: {
|
|
211
|
+
open: boolean;
|
|
212
|
+
}) => void;
|
|
213
|
+
initialFocusEl?: () => HTMLElement | null;
|
|
214
|
+
finalFocusEl?: () => HTMLElement | null;
|
|
215
|
+
closeOnEscape?: boolean;
|
|
216
|
+
closeOnInteractOutside?: boolean;
|
|
217
|
+
preventScroll?: boolean;
|
|
218
|
+
trapFocus?: boolean;
|
|
219
|
+
role?: 'dialog' | 'alertdialog';
|
|
220
|
+
id?: string;
|
|
221
|
+
customTrigger?: boolean;
|
|
222
|
+
triggerText?: string;
|
|
223
|
+
title?: ReactNode;
|
|
224
|
+
description?: ReactNode;
|
|
225
|
+
children?: ReactNode;
|
|
226
|
+
actions?: ReactNode;
|
|
227
|
+
hideCloseButton?: boolean;
|
|
228
|
+
className?: string;
|
|
229
|
+
modal?: boolean;
|
|
230
|
+
portal?: boolean;
|
|
231
|
+
}
|
|
232
|
+
export declare function Dialog({ id, open, onOpenChange, initialFocusEl, finalFocusEl, role, placement, position, size, behavior, closeOnEscape, closeOnInteractOutside, preventScroll, trapFocus, customTrigger, triggerText, title, description, children, hideCloseButton, actions, className, modal, portal, }: DialogProps): import("react/jsx-runtime").JSX.Element;
|
|
233
|
+
export {};
|
|
234
|
+
//# sourceMappingURL=dialog.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"dialog.d.ts","sourceRoot":"","sources":["../../../src/molecules/dialog.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,SAAS,EAAS,MAAM,OAAO,CAAA;AAC7C,OAAO,EAAE,KAAK,YAAY,EAAM,MAAM,mBAAmB,CAAA;AAGzD,QAAA,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2CAiKlB,CAAA;AAEF,MAAM,WAAW,WAAY,SAAQ,YAAY,CAAC,OAAO,cAAc,CAAC;IACtE,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,YAAY,CAAC,EAAE,CAAC,OAAO,EAAE;QAAE,IAAI,EAAE,OAAO,CAAA;KAAE,KAAK,IAAI,CAAA;IACnD,cAAc,CAAC,EAAE,MAAM,WAAW,GAAG,IAAI,CAAA;IACzC,YAAY,CAAC,EAAE,MAAM,WAAW,GAAG,IAAI,CAAA;IACvC,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,sBAAsB,CAAC,EAAE,OAAO,CAAA;IAChC,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,IAAI,CAAC,EAAE,QAAQ,GAAG,aAAa,CAAA;IAC/B,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,WAAW,CAAC,EAAE,SAAS,CAAA;IACvB,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,OAAO,CAAC,EAAE,SAAS,CAAA;IACnB,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB;AAED,wBAAgB,MAAM,CAAC,EACrB,EAAE,EACF,IAAI,EACJ,YAAY,EACZ,cAAc,EACd,YAAY,EACZ,IAAe,EACf,SAAoB,EACpB,QAAkB,EAClB,IAAW,EACX,QAAkB,EAClB,aAAoB,EACpB,sBAA6B,EAC7B,aAAoB,EACpB,SAAgB,EAChB,aAAqB,EACrB,WAAoB,EACpB,KAAK,EACL,WAAW,EACX,QAAQ,EACR,eAAuB,EACvB,OAAO,EACP,SAAS,EACT,KAAY,EACZ,MAAa,GACd,EAAE,WAAW,2CAgFb"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import type { ReactNode } from 'react';
|
|
2
|
+
import { type CheckboxProps } from './checkbox';
|
|
3
|
+
type ValidateStatus = 'default' | 'error' | 'success' | 'warning';
|
|
4
|
+
interface FormCheckboxProps extends Omit<CheckboxProps, 'size'> {
|
|
5
|
+
id: string;
|
|
6
|
+
label: ReactNode;
|
|
7
|
+
validateStatus?: ValidateStatus;
|
|
8
|
+
helpText?: ReactNode;
|
|
9
|
+
extraText?: ReactNode;
|
|
10
|
+
size?: 'sm' | 'md' | 'lg';
|
|
11
|
+
}
|
|
12
|
+
export declare function FormCheckboxRaw({ id, label, validateStatus, helpText, extraText, size, required, disabled, ...props }: FormCheckboxProps): import("react/jsx-runtime").JSX.Element;
|
|
13
|
+
export declare function FormCheckbox({ helpText, id, validateStatus, size, ...props }: FormCheckboxProps): import("react/jsx-runtime").JSX.Element;
|
|
14
|
+
export {};
|
|
15
|
+
//# sourceMappingURL=form-checkbox.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"form-checkbox.d.ts","sourceRoot":"","sources":["../../../src/molecules/form-checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAItC,OAAO,EAAY,KAAK,aAAa,EAAE,MAAM,YAAY,CAAA;AAEzD,KAAK,cAAc,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,CAAA;AAEjE,UAAU,iBAAkB,SAAQ,IAAI,CAAC,aAAa,EAAE,MAAM,CAAC;IAC7D,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,SAAS,CAAA;IAChB,cAAc,CAAC,EAAE,cAAc,CAAA;IAC/B,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;CAC1B;AAED,wBAAgB,eAAe,CAAC,EAC9B,EAAE,EACF,KAAK,EACL,cAA0B,EAC1B,QAAQ,EACR,SAAS,EACT,IAAW,EACX,QAAQ,EACR,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,iBAAiB,2CAqBnB;AAED,wBAAgB,YAAY,CAAC,EAC3B,QAAQ,EACR,EAAE,EACF,cAAc,EACd,IAAI,EACJ,GAAG,KAAK,EACT,EAAE,iBAAiB,2CAwBnB"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import type { ReactNode } from 'react';
|
|
2
|
+
import { type InputProps } from '../atoms/input';
|
|
3
|
+
type ValidateStatus = 'default' | 'error' | 'success' | 'warning';
|
|
4
|
+
interface FormInputRawProps extends InputProps {
|
|
5
|
+
id: string;
|
|
6
|
+
label: ReactNode;
|
|
7
|
+
validateStatus?: ValidateStatus;
|
|
8
|
+
helpText?: ReactNode;
|
|
9
|
+
extraText?: ReactNode;
|
|
10
|
+
}
|
|
11
|
+
export declare function FormInputRaw({ id, label, validateStatus, helpText, extraText, size, required, disabled, ...props }: FormInputRawProps): import("react/jsx-runtime").JSX.Element;
|
|
12
|
+
export declare function FormInput({ helpText, id, validateStatus, size, ...props }: FormInputRawProps): import("react/jsx-runtime").JSX.Element;
|
|
13
|
+
export {};
|
|
14
|
+
//# sourceMappingURL=form-input.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"form-input.d.ts","sourceRoot":"","sources":["../../../src/molecules/form-input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAGtC,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,gBAAgB,CAAA;AAGvD,KAAK,cAAc,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,CAAA;AAEjE,UAAU,iBAAkB,SAAQ,UAAU;IAC5C,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,SAAS,CAAA;IAChB,cAAc,CAAC,EAAE,cAAc,CAAA;IAC/B,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,SAAS,CAAC,EAAE,SAAS,CAAA;CACtB;AAED,wBAAgB,YAAY,CAAC,EAC3B,EAAE,EACF,KAAK,EACL,cAA0B,EAC1B,QAAQ,EACR,SAAS,EACT,IAAW,EACX,QAAQ,EACR,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,iBAAiB,2CA4BnB;AAED,wBAAgB,SAAS,CAAC,EACxB,QAAQ,EACR,EAAE,EACF,cAAc,EACd,IAAI,EACJ,GAAG,KAAK,EACT,EAAE,iBAAiB,2CAsBnB"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import type { ReactNode } from 'react';
|
|
2
|
+
import { type NumericInputProps } from '../atoms/numeric-input';
|
|
3
|
+
type ValidateStatus = 'default' | 'error' | 'success' | 'warning';
|
|
4
|
+
interface FormNumericInputProps extends Omit<NumericInputProps, 'children'> {
|
|
5
|
+
id: string;
|
|
6
|
+
label: ReactNode;
|
|
7
|
+
validateStatus?: ValidateStatus;
|
|
8
|
+
helpText?: ReactNode;
|
|
9
|
+
extraText?: ReactNode;
|
|
10
|
+
children: ReactNode;
|
|
11
|
+
}
|
|
12
|
+
export declare function FormNumericInput({ id, label, validateStatus, helpText, extraText, size, required, disabled, children, ...numericInputProps }: FormNumericInputProps): import("react/jsx-runtime").JSX.Element;
|
|
13
|
+
export {};
|
|
14
|
+
//# sourceMappingURL=form-numeric-input.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"form-numeric-input.d.ts","sourceRoot":"","sources":["../../../src/molecules/form-numeric-input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAItC,OAAO,EAAgB,KAAK,iBAAiB,EAAE,MAAM,wBAAwB,CAAA;AAE7E,KAAK,cAAc,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,CAAA;AAEjE,UAAU,qBAAsB,SAAQ,IAAI,CAAC,iBAAiB,EAAE,UAAU,CAAC;IAEzE,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,SAAS,CAAA;IAChB,cAAc,CAAC,EAAE,cAAc,CAAA;IAC/B,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,SAAS,CAAC,EAAE,SAAS,CAAA;IAGrB,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,EAAE,EACF,KAAK,EACL,cAA0B,EAC1B,QAAQ,EACR,SAAS,EACT,IAAW,EACX,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,GAAG,iBAAiB,EACrB,EAAE,qBAAqB,2CA4CvB"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import type { ReactNode } from 'react';
|
|
2
|
+
import { type TextareaProps } from '../atoms/textarea';
|
|
3
|
+
type ValidateStatus = 'default' | 'error' | 'success' | 'warning';
|
|
4
|
+
interface FormTextareaRawProps extends TextareaProps {
|
|
5
|
+
id: string;
|
|
6
|
+
label: ReactNode;
|
|
7
|
+
validateStatus?: ValidateStatus;
|
|
8
|
+
helpText?: ReactNode;
|
|
9
|
+
extraText?: ReactNode;
|
|
10
|
+
}
|
|
11
|
+
export declare function FormTextareaRaw({ id, label, validateStatus, helpText, extraText, size, required, disabled, ...props }: FormTextareaRawProps): import("react/jsx-runtime").JSX.Element;
|
|
12
|
+
export declare function FormTextarea({ helpText, id, validateStatus, size, ...props }: FormTextareaRawProps): import("react/jsx-runtime").JSX.Element;
|
|
13
|
+
export {};
|
|
14
|
+
//# sourceMappingURL=form-textarea.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"form-textarea.d.ts","sourceRoot":"","sources":["../../../src/molecules/form-textarea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAItC,OAAO,EAAY,KAAK,aAAa,EAAE,MAAM,mBAAmB,CAAA;AAEhE,KAAK,cAAc,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,CAAA;AAEjE,UAAU,oBAAqB,SAAQ,aAAa;IAClD,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,SAAS,CAAA;IAChB,cAAc,CAAC,EAAE,cAAc,CAAA;IAC/B,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,SAAS,CAAC,EAAE,SAAS,CAAA;CACtB;AAED,wBAAgB,eAAe,CAAC,EAC9B,EAAE,EACF,KAAK,EACL,cAA0B,EAC1B,QAAQ,EACR,SAAS,EACT,IAAW,EACX,QAAQ,EACR,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,oBAAoB,2CA2BtB;AAED,wBAAgB,YAAY,CAAC,EAC3B,QAAQ,EACR,EAAE,EACF,cAAc,EACd,IAAI,EACJ,GAAG,KAAK,EACT,EAAE,oBAAoB,2CAsBtB"}
|
|
@@ -0,0 +1,153 @@
|
|
|
1
|
+
import { type ReactNode } from 'react';
|
|
2
|
+
import { type VariantProps } from 'tailwind-variants';
|
|
3
|
+
import { type IconType } from '../atoms/icon';
|
|
4
|
+
type ActionMenuItem = {
|
|
5
|
+
type: 'action';
|
|
6
|
+
value: string;
|
|
7
|
+
label: string;
|
|
8
|
+
icon?: IconType;
|
|
9
|
+
disabled?: boolean;
|
|
10
|
+
};
|
|
11
|
+
type RadioMenuItem = {
|
|
12
|
+
type: 'radio';
|
|
13
|
+
value: string;
|
|
14
|
+
label: string;
|
|
15
|
+
name: string;
|
|
16
|
+
checked: boolean;
|
|
17
|
+
};
|
|
18
|
+
type CheckboxMenuItem = {
|
|
19
|
+
type: 'checkbox';
|
|
20
|
+
value: string;
|
|
21
|
+
label: string;
|
|
22
|
+
checked: boolean;
|
|
23
|
+
};
|
|
24
|
+
type SeparatorMenuItem = {
|
|
25
|
+
type: 'separator';
|
|
26
|
+
id: string;
|
|
27
|
+
};
|
|
28
|
+
type SubmenuMenuItem = {
|
|
29
|
+
type: 'submenu';
|
|
30
|
+
value: string;
|
|
31
|
+
label: string;
|
|
32
|
+
icon?: IconType;
|
|
33
|
+
disabled?: boolean;
|
|
34
|
+
items: MenuItem[];
|
|
35
|
+
};
|
|
36
|
+
export type MenuItem = ActionMenuItem | RadioMenuItem | CheckboxMenuItem | SeparatorMenuItem | SubmenuMenuItem;
|
|
37
|
+
declare const menuVariants: import("tailwind-variants").TVReturnType<{
|
|
38
|
+
size: {
|
|
39
|
+
sm: {
|
|
40
|
+
content: string;
|
|
41
|
+
item: string;
|
|
42
|
+
};
|
|
43
|
+
md: {
|
|
44
|
+
content: string;
|
|
45
|
+
item: string;
|
|
46
|
+
};
|
|
47
|
+
lg: {
|
|
48
|
+
content: string;
|
|
49
|
+
item: string;
|
|
50
|
+
};
|
|
51
|
+
};
|
|
52
|
+
}, {
|
|
53
|
+
trigger: string;
|
|
54
|
+
positioner: string[];
|
|
55
|
+
content: string[];
|
|
56
|
+
item: string[];
|
|
57
|
+
optionItem: string[];
|
|
58
|
+
separator: string[];
|
|
59
|
+
itemText: string[];
|
|
60
|
+
itemIcon: string[];
|
|
61
|
+
submenuIndicator: string[];
|
|
62
|
+
}, undefined, {
|
|
63
|
+
size: {
|
|
64
|
+
sm: {
|
|
65
|
+
content: string;
|
|
66
|
+
item: string;
|
|
67
|
+
};
|
|
68
|
+
md: {
|
|
69
|
+
content: string;
|
|
70
|
+
item: string;
|
|
71
|
+
};
|
|
72
|
+
lg: {
|
|
73
|
+
content: string;
|
|
74
|
+
item: string;
|
|
75
|
+
};
|
|
76
|
+
};
|
|
77
|
+
}, {
|
|
78
|
+
trigger: string;
|
|
79
|
+
positioner: string[];
|
|
80
|
+
content: string[];
|
|
81
|
+
item: string[];
|
|
82
|
+
optionItem: string[];
|
|
83
|
+
separator: string[];
|
|
84
|
+
itemText: string[];
|
|
85
|
+
itemIcon: string[];
|
|
86
|
+
submenuIndicator: string[];
|
|
87
|
+
}, import("tailwind-variants").TVReturnType<{
|
|
88
|
+
size: {
|
|
89
|
+
sm: {
|
|
90
|
+
content: string;
|
|
91
|
+
item: string;
|
|
92
|
+
};
|
|
93
|
+
md: {
|
|
94
|
+
content: string;
|
|
95
|
+
item: string;
|
|
96
|
+
};
|
|
97
|
+
lg: {
|
|
98
|
+
content: string;
|
|
99
|
+
item: string;
|
|
100
|
+
};
|
|
101
|
+
};
|
|
102
|
+
}, {
|
|
103
|
+
trigger: string;
|
|
104
|
+
positioner: string[];
|
|
105
|
+
content: string[];
|
|
106
|
+
item: string[];
|
|
107
|
+
optionItem: string[];
|
|
108
|
+
separator: string[];
|
|
109
|
+
itemText: string[];
|
|
110
|
+
itemIcon: string[];
|
|
111
|
+
submenuIndicator: string[];
|
|
112
|
+
}, undefined, unknown, unknown, undefined>>;
|
|
113
|
+
export interface MenuProps extends VariantProps<typeof menuVariants> {
|
|
114
|
+
items: MenuItem[];
|
|
115
|
+
triggerText?: string;
|
|
116
|
+
triggerIcon?: IconType;
|
|
117
|
+
customTrigger?: ReactNode;
|
|
118
|
+
className?: string;
|
|
119
|
+
onCheckedChange?: (item: MenuItem, checked: boolean) => void;
|
|
120
|
+
'aria-label'?: string;
|
|
121
|
+
dir?: 'ltr' | 'rtl';
|
|
122
|
+
id?: string;
|
|
123
|
+
closeOnSelect?: boolean;
|
|
124
|
+
loopFocus?: boolean;
|
|
125
|
+
typeahead?: boolean;
|
|
126
|
+
positioning?: any;
|
|
127
|
+
anchorPoint?: any;
|
|
128
|
+
open?: boolean;
|
|
129
|
+
defaultOpen?: boolean;
|
|
130
|
+
composite?: boolean;
|
|
131
|
+
navigate?: (value: string) => void;
|
|
132
|
+
defaultHighlightedValue?: string;
|
|
133
|
+
highlightedValue?: string;
|
|
134
|
+
onHighlightChange?: (details: {
|
|
135
|
+
highlightedValue: string | null;
|
|
136
|
+
}) => void;
|
|
137
|
+
onSelect?: (details: {
|
|
138
|
+
value: string;
|
|
139
|
+
}) => void;
|
|
140
|
+
onOpenChange?: (details: {
|
|
141
|
+
open: boolean;
|
|
142
|
+
}) => void;
|
|
143
|
+
onEscapeKeyDown?: (event: KeyboardEvent) => void;
|
|
144
|
+
onPointerDownOutside?: (event: PointerEvent) => void;
|
|
145
|
+
onInteractOutside?: (event: FocusEvent | PointerEvent) => void;
|
|
146
|
+
onFocusOutside?: (event: FocusEvent) => void;
|
|
147
|
+
}
|
|
148
|
+
export declare function Menu({ 'aria-label': ariaLabel, dir, id, closeOnSelect, loopFocus, typeahead, positioning, anchorPoint, open, defaultOpen, composite, navigate, defaultHighlightedValue, highlightedValue, onHighlightChange, onSelect, onOpenChange, onEscapeKeyDown, onPointerDownOutside, onInteractOutside, onFocusOutside, items, triggerText, triggerIcon, customTrigger, size, onCheckedChange, }: MenuProps): import("react/jsx-runtime").JSX.Element;
|
|
149
|
+
export declare namespace Menu {
|
|
150
|
+
var displayName: string;
|
|
151
|
+
}
|
|
152
|
+
export {};
|
|
153
|
+
//# sourceMappingURL=menu.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"menu.d.ts","sourceRoot":"","sources":["../../../src/molecules/menu.tsx"],"names":[],"mappings":"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"}
|