@tribepad/themis 1.0.11 → 1.0.12
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/elements/Accordion/Accordion.types.d.ts +44 -4
- package/dist/elements/Accordion/Accordion.types.d.ts.map +1 -1
- package/dist/elements/Accordion/index.js +1 -1
- package/dist/elements/Accordion/index.js.map +1 -1
- package/dist/elements/Accordion/index.mjs +1 -1
- package/dist/elements/Accordion/index.mjs.map +1 -1
- package/dist/elements/AlertDialog/AlertDialog.types.d.ts +19 -2
- package/dist/elements/AlertDialog/AlertDialog.types.d.ts.map +1 -1
- package/dist/elements/AlertDialog/index.js +1 -1
- package/dist/elements/AlertDialog/index.js.map +1 -1
- package/dist/elements/AlertDialog/index.mjs +1 -1
- package/dist/elements/AlertDialog/index.mjs.map +1 -1
- package/dist/elements/Avatar/Avatar.d.ts +1 -21
- package/dist/elements/Avatar/Avatar.d.ts.map +1 -1
- package/dist/elements/Avatar/Avatar.types.d.ts +30 -11
- package/dist/elements/Avatar/Avatar.types.d.ts.map +1 -1
- package/dist/elements/Avatar/AvatarGroup.d.ts +1 -17
- package/dist/elements/Avatar/AvatarGroup.d.ts.map +1 -1
- package/dist/elements/Avatar/index.js +1 -1
- package/dist/elements/Avatar/index.js.map +1 -1
- package/dist/elements/Avatar/index.mjs +1 -1
- package/dist/elements/Avatar/index.mjs.map +1 -1
- package/dist/elements/Badge/Badge.types.d.ts +16 -9
- package/dist/elements/Badge/Badge.types.d.ts.map +1 -1
- package/dist/elements/Badge/index.js +1 -1
- package/dist/elements/Badge/index.js.map +1 -1
- package/dist/elements/Badge/index.mjs +1 -1
- package/dist/elements/Badge/index.mjs.map +1 -1
- package/dist/elements/Breadcrumbs/Breadcrumbs.d.ts +2 -34
- package/dist/elements/Breadcrumbs/Breadcrumbs.d.ts.map +1 -1
- package/dist/elements/Breadcrumbs/Breadcrumbs.types.d.ts +25 -2
- package/dist/elements/Breadcrumbs/Breadcrumbs.types.d.ts.map +1 -1
- package/dist/elements/Breadcrumbs/index.js +1 -1
- package/dist/elements/Breadcrumbs/index.js.map +1 -1
- package/dist/elements/Breadcrumbs/index.mjs +1 -1
- package/dist/elements/Breadcrumbs/index.mjs.map +1 -1
- package/dist/elements/Button/Button.d.ts +1 -24
- package/dist/elements/Button/Button.d.ts.map +1 -1
- package/dist/elements/Button/Button.types.d.ts +28 -7
- package/dist/elements/Button/Button.types.d.ts.map +1 -1
- package/dist/elements/ButtonGroup/ButtonGroup.d.ts +3 -14
- package/dist/elements/ButtonGroup/ButtonGroup.d.ts.map +1 -1
- package/dist/elements/ButtonGroup/ButtonGroup.types.d.ts +14 -5
- package/dist/elements/ButtonGroup/ButtonGroup.types.d.ts.map +1 -1
- package/dist/elements/ButtonGroup/index.js +1 -1
- package/dist/elements/ButtonGroup/index.js.map +1 -1
- package/dist/elements/ButtonGroup/index.mjs +1 -1
- package/dist/elements/ButtonGroup/index.mjs.map +1 -1
- package/dist/elements/Carousel/Carousel.types.d.ts +26 -7
- package/dist/elements/Carousel/Carousel.types.d.ts.map +1 -1
- package/dist/elements/Chart/Chart.d.ts +2 -40
- package/dist/elements/Chart/Chart.d.ts.map +1 -1
- package/dist/elements/Chart/Chart.types.d.ts +25 -10
- package/dist/elements/Chart/Chart.types.d.ts.map +1 -1
- package/dist/elements/Chart/index.js +1 -1
- package/dist/elements/Chart/index.js.map +1 -1
- package/dist/elements/Chart/index.mjs +1 -1
- package/dist/elements/Chart/index.mjs.map +1 -1
- package/dist/elements/Checkbox/Checkbox.d.ts +1 -31
- package/dist/elements/Checkbox/Checkbox.d.ts.map +1 -1
- package/dist/elements/Checkbox/Checkbox.types.d.ts +33 -1
- package/dist/elements/Checkbox/Checkbox.types.d.ts.map +1 -1
- package/dist/elements/Checkbox/index.js +1 -1
- package/dist/elements/Checkbox/index.js.map +1 -1
- package/dist/elements/Checkbox/index.mjs +1 -1
- package/dist/elements/Checkbox/index.mjs.map +1 -1
- package/dist/elements/CheckboxGroup/CheckboxGroup.d.ts +1 -26
- package/dist/elements/CheckboxGroup/CheckboxGroup.d.ts.map +1 -1
- package/dist/elements/CheckboxGroup/CheckboxGroup.types.d.ts +48 -4
- package/dist/elements/CheckboxGroup/CheckboxGroup.types.d.ts.map +1 -1
- package/dist/elements/CheckboxGroup/index.js +1 -1
- package/dist/elements/CheckboxGroup/index.js.map +1 -1
- package/dist/elements/CheckboxGroup/index.mjs +1 -1
- package/dist/elements/CheckboxGroup/index.mjs.map +1 -1
- package/dist/elements/Combobox/Combobox.d.ts +1 -30
- package/dist/elements/Combobox/Combobox.d.ts.map +1 -1
- package/dist/elements/Combobox/Combobox.types.d.ts +38 -4
- package/dist/elements/Combobox/Combobox.types.d.ts.map +1 -1
- package/dist/elements/Combobox/index.js +1 -1
- package/dist/elements/Combobox/index.js.map +1 -1
- package/dist/elements/Combobox/index.mjs +1 -1
- package/dist/elements/Combobox/index.mjs.map +1 -1
- package/dist/elements/Dropdown/Dropdown.d.ts +10 -124
- package/dist/elements/Dropdown/Dropdown.d.ts.map +1 -1
- package/dist/elements/Dropdown/Dropdown.types.d.ts +53 -8
- package/dist/elements/Dropdown/Dropdown.types.d.ts.map +1 -1
- package/dist/elements/FileField/FileField.d.ts +2 -39
- package/dist/elements/FileField/FileField.d.ts.map +1 -1
- package/dist/elements/FileField/FileField.types.d.ts +31 -13
- package/dist/elements/FileField/FileField.types.d.ts.map +1 -1
- package/dist/elements/FileField/index.js +1 -1
- package/dist/elements/FileField/index.js.map +1 -1
- package/dist/elements/FileField/index.mjs +1 -1
- package/dist/elements/FileField/index.mjs.map +1 -1
- package/dist/elements/FormLayout/FormLayout.d.ts +2 -37
- package/dist/elements/FormLayout/FormLayout.d.ts.map +1 -1
- package/dist/elements/FormLayout/FormLayout.types.d.ts +19 -3
- package/dist/elements/FormLayout/FormLayout.types.d.ts.map +1 -1
- package/dist/elements/MatrixGrid/MatrixGrid.d.ts +2 -29
- package/dist/elements/MatrixGrid/MatrixGrid.d.ts.map +1 -1
- package/dist/elements/MatrixGrid/MatrixGrid.types.d.ts +22 -1
- package/dist/elements/MatrixGrid/MatrixGrid.types.d.ts.map +1 -1
- package/dist/elements/MatrixGrid/index.js +1 -1
- package/dist/elements/MatrixGrid/index.js.map +1 -1
- package/dist/elements/MatrixGrid/index.mjs +1 -1
- package/dist/elements/MatrixGrid/index.mjs.map +1 -1
- package/dist/elements/Modal/Modal.types.d.ts +69 -9
- package/dist/elements/Modal/Modal.types.d.ts.map +1 -1
- package/dist/elements/Pagination/Pagination.d.ts +2 -28
- package/dist/elements/Pagination/Pagination.d.ts.map +1 -1
- package/dist/elements/Pagination/Pagination.types.d.ts +26 -1
- package/dist/elements/Pagination/Pagination.types.d.ts.map +1 -1
- package/dist/elements/Pagination/index.js +1 -1
- package/dist/elements/Pagination/index.js.map +1 -1
- package/dist/elements/Pagination/index.mjs +1 -1
- package/dist/elements/Pagination/index.mjs.map +1 -1
- package/dist/elements/Panel/Panel.types.d.ts +67 -9
- package/dist/elements/Panel/Panel.types.d.ts.map +1 -1
- package/dist/elements/PasswordField/PasswordField.d.ts +2 -26
- package/dist/elements/PasswordField/PasswordField.d.ts.map +1 -1
- package/dist/elements/PasswordField/PasswordField.types.d.ts +27 -2
- package/dist/elements/PasswordField/PasswordField.types.d.ts.map +1 -1
- package/dist/elements/PasswordField/index.js +1 -1
- package/dist/elements/PasswordField/index.js.map +1 -1
- package/dist/elements/PasswordField/index.mjs +1 -1
- package/dist/elements/PasswordField/index.mjs.map +1 -1
- package/dist/elements/RadioGroup/RadioGroup.d.ts +1 -26
- package/dist/elements/RadioGroup/RadioGroup.d.ts.map +1 -1
- package/dist/elements/RadioGroup/RadioGroup.types.d.ts +43 -4
- package/dist/elements/RadioGroup/RadioGroup.types.d.ts.map +1 -1
- package/dist/elements/RadioGroup/index.js +1 -1
- package/dist/elements/RadioGroup/index.js.map +1 -1
- package/dist/elements/RadioGroup/index.mjs +1 -1
- package/dist/elements/RadioGroup/index.mjs.map +1 -1
- package/dist/elements/RatingScale/RatingScale.d.ts +2 -30
- package/dist/elements/RatingScale/RatingScale.d.ts.map +1 -1
- package/dist/elements/RatingScale/RatingScale.types.d.ts +29 -1
- package/dist/elements/RatingScale/RatingScale.types.d.ts.map +1 -1
- package/dist/elements/RatingScale/index.js +1 -1
- package/dist/elements/RatingScale/index.js.map +1 -1
- package/dist/elements/RatingScale/index.mjs +1 -1
- package/dist/elements/RatingScale/index.mjs.map +1 -1
- package/dist/elements/SearchField/SearchField.d.ts +2 -26
- package/dist/elements/SearchField/SearchField.d.ts.map +1 -1
- package/dist/elements/SearchField/SearchField.types.d.ts +26 -2
- package/dist/elements/SearchField/SearchField.types.d.ts.map +1 -1
- package/dist/elements/SearchField/index.js +1 -1
- package/dist/elements/SearchField/index.js.map +1 -1
- package/dist/elements/SearchField/index.mjs +1 -1
- package/dist/elements/SearchField/index.mjs.map +1 -1
- package/dist/elements/Select/Select.d.ts +3 -61
- package/dist/elements/Select/Select.d.ts.map +1 -1
- package/dist/elements/Select/Select.types.d.ts +52 -4
- package/dist/elements/Select/Select.types.d.ts.map +1 -1
- package/dist/elements/Select/index.js +1 -1
- package/dist/elements/Select/index.js.map +1 -1
- package/dist/elements/Select/index.mjs +1 -1
- package/dist/elements/Select/index.mjs.map +1 -1
- package/dist/elements/SituationalJudgement/SituationalJudgement.d.ts +2 -28
- package/dist/elements/SituationalJudgement/SituationalJudgement.d.ts.map +1 -1
- package/dist/elements/SituationalJudgement/SituationalJudgement.types.d.ts +23 -1
- package/dist/elements/SituationalJudgement/SituationalJudgement.types.d.ts.map +1 -1
- package/dist/elements/SituationalJudgement/index.js +1 -1
- package/dist/elements/SituationalJudgement/index.js.map +1 -1
- package/dist/elements/SituationalJudgement/index.mjs +1 -1
- package/dist/elements/SituationalJudgement/index.mjs.map +1 -1
- package/dist/elements/Skeleton/Skeleton.types.d.ts +11 -6
- package/dist/elements/Skeleton/Skeleton.types.d.ts.map +1 -1
- package/dist/elements/Skeleton/index.js +1 -1
- package/dist/elements/Skeleton/index.js.map +1 -1
- package/dist/elements/Skeleton/index.mjs +1 -1
- package/dist/elements/Skeleton/index.mjs.map +1 -1
- package/dist/elements/Switch/Switch.types.d.ts +31 -7
- package/dist/elements/Switch/Switch.types.d.ts.map +1 -1
- package/dist/elements/Switch/index.js +1 -1
- package/dist/elements/Switch/index.js.map +1 -1
- package/dist/elements/Switch/index.mjs +1 -1
- package/dist/elements/Switch/index.mjs.map +1 -1
- package/dist/elements/Table/Table.d.ts +7 -79
- package/dist/elements/Table/Table.d.ts.map +1 -1
- package/dist/elements/Table/Table.types.d.ts +82 -17
- package/dist/elements/Table/Table.types.d.ts.map +1 -1
- package/dist/elements/Table/index.js +1 -1
- package/dist/elements/Table/index.js.map +1 -1
- package/dist/elements/Table/index.mjs +1 -1
- package/dist/elements/Table/index.mjs.map +1 -1
- package/dist/elements/Tabs/Tabs.types.d.ts +61 -5
- package/dist/elements/Tabs/Tabs.types.d.ts.map +1 -1
- package/dist/elements/Tabs/index.js +1 -1
- package/dist/elements/Tabs/index.js.map +1 -1
- package/dist/elements/Tabs/index.mjs +1 -1
- package/dist/elements/Tabs/index.mjs.map +1 -1
- package/dist/elements/TextField/TextField.d.ts +6 -71
- package/dist/elements/TextField/TextField.d.ts.map +1 -1
- package/dist/elements/TextField/TextField.types.d.ts +76 -12
- package/dist/elements/TextField/TextField.types.d.ts.map +1 -1
- package/dist/elements/TextField/index.js +1 -1
- package/dist/elements/TextField/index.js.map +1 -1
- package/dist/elements/TextField/index.mjs +1 -1
- package/dist/elements/TextField/index.mjs.map +1 -1
- package/dist/elements/Toast/Toast.types.d.ts +12 -20
- package/dist/elements/Toast/Toast.types.d.ts.map +1 -1
- package/dist/elements/Toast/Toaster.d.ts +2 -5
- package/dist/elements/Toast/Toaster.d.ts.map +1 -1
- package/dist/elements/Toast/index.js +1 -1
- package/dist/elements/Toast/index.js.map +1 -1
- package/dist/elements/Toast/index.mjs +1 -1
- package/dist/elements/Toast/index.mjs.map +1 -1
- package/dist/elements/Tooltip/Tooltip.types.d.ts +39 -4
- package/dist/elements/Tooltip/Tooltip.types.d.ts.map +1 -1
- package/dist/elements/Tooltip/index.js +1 -1
- package/dist/elements/Tooltip/index.js.map +1 -1
- package/dist/elements/Tooltip/index.mjs +1 -1
- package/dist/elements/Tooltip/index.mjs.map +1 -1
- package/dist/elements/index.js.map +1 -1
- package/dist/elements/index.mjs.map +1 -1
- package/dist/index.js +2 -2
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +2 -2
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
|
@@ -59,7 +59,22 @@ export declare const PanelPropsSchema: z.ZodObject<{
|
|
|
59
59
|
mobileBreakpoint: z.ZodDefault<z.ZodOptional<z.ZodNumber>>;
|
|
60
60
|
children: z.ZodCustom<ReactNode, ReactNode>;
|
|
61
61
|
}, z.core.$strip>;
|
|
62
|
-
export
|
|
62
|
+
export interface PanelProps {
|
|
63
|
+
className?: string;
|
|
64
|
+
children?: ReactNode;
|
|
65
|
+
id?: string;
|
|
66
|
+
'aria-label'?: string;
|
|
67
|
+
'aria-labelledby'?: string;
|
|
68
|
+
'aria-describedby'?: string;
|
|
69
|
+
'data-testid'?: string;
|
|
70
|
+
defaultOpen?: boolean;
|
|
71
|
+
isOpen?: boolean;
|
|
72
|
+
onOpenChange?: (isOpen: boolean) => void;
|
|
73
|
+
onClose?: () => void;
|
|
74
|
+
position?: PanelPosition;
|
|
75
|
+
width?: PanelWidth;
|
|
76
|
+
mobileBreakpoint?: number;
|
|
77
|
+
}
|
|
63
78
|
/**
|
|
64
79
|
* Panel.Trigger props schema
|
|
65
80
|
*
|
|
@@ -81,7 +96,13 @@ export declare const PanelTriggerPropsSchema: z.ZodObject<{
|
|
|
81
96
|
children: z.ZodCustom<ReactElement<unknown, string | import("react").JSXElementConstructor<any>>, ReactElement<unknown, string | import("react").JSXElementConstructor<any>>>;
|
|
82
97
|
asChild: z.ZodDefault<z.ZodOptional<z.ZodBoolean>>;
|
|
83
98
|
}, z.core.$strip>;
|
|
84
|
-
export
|
|
99
|
+
export interface PanelTriggerProps {
|
|
100
|
+
className?: string;
|
|
101
|
+
children?: ReactElement;
|
|
102
|
+
id?: string;
|
|
103
|
+
'data-testid'?: string;
|
|
104
|
+
asChild?: boolean;
|
|
105
|
+
}
|
|
85
106
|
/**
|
|
86
107
|
* Panel.Content props schema
|
|
87
108
|
*
|
|
@@ -104,7 +125,13 @@ export declare const PanelContentPropsSchema: z.ZodObject<{
|
|
|
104
125
|
className: z.ZodOptional<z.ZodString>;
|
|
105
126
|
children: z.ZodCustom<ReactNode, ReactNode>;
|
|
106
127
|
}, z.core.$strip>;
|
|
107
|
-
export
|
|
128
|
+
export interface PanelContentProps {
|
|
129
|
+
className?: string;
|
|
130
|
+
children?: ReactNode;
|
|
131
|
+
id?: string;
|
|
132
|
+
'data-testid'?: string;
|
|
133
|
+
showClose?: boolean;
|
|
134
|
+
}
|
|
108
135
|
/**
|
|
109
136
|
* Panel.Header props schema
|
|
110
137
|
*
|
|
@@ -125,7 +152,12 @@ export declare const PanelHeaderPropsSchema: z.ZodObject<{
|
|
|
125
152
|
children: z.ZodCustom<ReactNode, ReactNode>;
|
|
126
153
|
className: z.ZodOptional<z.ZodString>;
|
|
127
154
|
}, z.core.$strip>;
|
|
128
|
-
export
|
|
155
|
+
export interface PanelHeaderProps {
|
|
156
|
+
className?: string;
|
|
157
|
+
children?: ReactNode;
|
|
158
|
+
id?: string;
|
|
159
|
+
'data-testid'?: string;
|
|
160
|
+
}
|
|
129
161
|
/**
|
|
130
162
|
* Panel.Title props schema
|
|
131
163
|
*
|
|
@@ -155,7 +187,13 @@ export declare const PanelTitlePropsSchema: z.ZodObject<{
|
|
|
155
187
|
children: z.ZodCustom<ReactNode, ReactNode>;
|
|
156
188
|
className: z.ZodOptional<z.ZodString>;
|
|
157
189
|
}, z.core.$strip>;
|
|
158
|
-
export
|
|
190
|
+
export interface PanelTitleProps {
|
|
191
|
+
className?: string;
|
|
192
|
+
children?: ReactNode;
|
|
193
|
+
id?: string;
|
|
194
|
+
'data-testid'?: string;
|
|
195
|
+
as?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
|
|
196
|
+
}
|
|
159
197
|
/**
|
|
160
198
|
* Panel.Description props schema
|
|
161
199
|
*
|
|
@@ -176,7 +214,12 @@ export declare const PanelDescriptionPropsSchema: z.ZodObject<{
|
|
|
176
214
|
children: z.ZodCustom<ReactNode, ReactNode>;
|
|
177
215
|
className: z.ZodOptional<z.ZodString>;
|
|
178
216
|
}, z.core.$strip>;
|
|
179
|
-
export
|
|
217
|
+
export interface PanelDescriptionProps {
|
|
218
|
+
className?: string;
|
|
219
|
+
children?: ReactNode;
|
|
220
|
+
id?: string;
|
|
221
|
+
'data-testid'?: string;
|
|
222
|
+
}
|
|
180
223
|
/**
|
|
181
224
|
* Panel.Body props schema
|
|
182
225
|
*
|
|
@@ -197,7 +240,12 @@ export declare const PanelBodyPropsSchema: z.ZodObject<{
|
|
|
197
240
|
children: z.ZodCustom<ReactNode, ReactNode>;
|
|
198
241
|
className: z.ZodOptional<z.ZodString>;
|
|
199
242
|
}, z.core.$strip>;
|
|
200
|
-
export
|
|
243
|
+
export interface PanelBodyProps {
|
|
244
|
+
className?: string;
|
|
245
|
+
children?: ReactNode;
|
|
246
|
+
id?: string;
|
|
247
|
+
'data-testid'?: string;
|
|
248
|
+
}
|
|
201
249
|
/**
|
|
202
250
|
* Panel.Footer props schema
|
|
203
251
|
*
|
|
@@ -218,7 +266,12 @@ export declare const PanelFooterPropsSchema: z.ZodObject<{
|
|
|
218
266
|
children: z.ZodCustom<ReactNode, ReactNode>;
|
|
219
267
|
className: z.ZodOptional<z.ZodString>;
|
|
220
268
|
}, z.core.$strip>;
|
|
221
|
-
export
|
|
269
|
+
export interface PanelFooterProps {
|
|
270
|
+
className?: string;
|
|
271
|
+
children?: ReactNode;
|
|
272
|
+
id?: string;
|
|
273
|
+
'data-testid'?: string;
|
|
274
|
+
}
|
|
222
275
|
/**
|
|
223
276
|
* Panel.Close props schema
|
|
224
277
|
*
|
|
@@ -239,5 +292,10 @@ export declare const PanelClosePropsSchema: z.ZodObject<{
|
|
|
239
292
|
'data-testid': z.ZodOptional<z.ZodString>;
|
|
240
293
|
children: z.ZodCustom<ReactElement<unknown, string | import("react").JSXElementConstructor<any>>, ReactElement<unknown, string | import("react").JSXElementConstructor<any>>>;
|
|
241
294
|
}, z.core.$strip>;
|
|
242
|
-
export
|
|
295
|
+
export interface PanelCloseProps {
|
|
296
|
+
className?: string;
|
|
297
|
+
children?: ReactElement;
|
|
298
|
+
id?: string;
|
|
299
|
+
'data-testid'?: string;
|
|
300
|
+
}
|
|
243
301
|
//# sourceMappingURL=Panel.types.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Panel.types.d.ts","sourceRoot":"","sources":["../../../src/elements/Panel/Panel.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAExB,OAAO,KAAK,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAErD;;;GAGG;AACH,eAAO,MAAM,mBAAmB;;;EAA4B,CAAC;AAC7D,MAAM,MAAM,aAAa,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,mBAAmB,CAAC,CAAC;AAEhE;;;GAGG;AACH,eAAO,MAAM,gBAAgB;;;;;;EAA2C,CAAC;AACzE,MAAM,MAAM,UAAU,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,gBAAgB,CAAC,CAAC;AAE1D;;;;;;GAMG;AACH,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;qDAQK,OAAO,KAAK,IAAI,WAAhB,OAAO,KAAK,IAAI;6CAGxB,IAAI,QAAJ,IAAI;;;;;;;;;;;;;;iBAa5B,CAAC;AAEH,MAAM,
|
|
1
|
+
{"version":3,"file":"Panel.types.d.ts","sourceRoot":"","sources":["../../../src/elements/Panel/Panel.types.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,27 +1,3 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
hasToggle: boolean;
|
|
4
|
-
className?: string | undefined;
|
|
5
|
-
children?: any;
|
|
6
|
-
id?: string | undefined;
|
|
7
|
-
'aria-label'?: string | undefined;
|
|
8
|
-
'aria-labelledby'?: string | undefined;
|
|
9
|
-
'aria-describedby'?: string | undefined;
|
|
10
|
-
'aria-live'?: "off" | "polite" | "assertive" | undefined;
|
|
11
|
-
'aria-hidden'?: boolean | undefined;
|
|
12
|
-
'data-testid'?: string | undefined;
|
|
13
|
-
label?: string | undefined;
|
|
14
|
-
description?: string | undefined;
|
|
15
|
-
errorMessage?: string | undefined;
|
|
16
|
-
successMessage?: string | undefined;
|
|
17
|
-
isRequired?: boolean | undefined;
|
|
18
|
-
isReadOnly?: boolean | undefined;
|
|
19
|
-
isDisabled?: boolean | undefined;
|
|
20
|
-
placeholder?: string | undefined;
|
|
21
|
-
value?: string | undefined;
|
|
22
|
-
defaultValue?: string | undefined;
|
|
23
|
-
name?: string | undefined;
|
|
24
|
-
autoComplete?: "off" | "name" | "on" | "tel" | "url" | "email" | "additional-name" | "address-level1" | "address-level2" | "address-level3" | "address-level4" | "address-line1" | "address-line2" | "address-line3" | "bday-day" | "bday-month" | "bday-year" | "cc-csc" | "cc-exp" | "cc-exp-month" | "cc-exp-year" | "cc-family-name" | "cc-given-name" | "cc-name" | "cc-number" | "cc-type" | "country" | "country-name" | "current-password" | "family-name" | "given-name" | "honorific-prefix" | "honorific-suffix" | "new-password" | "one-time-code" | "organization" | "postal-code" | "street-address" | "transaction-amount" | "transaction-currency" | "username" | "tel-area-code" | "tel-country-code" | "tel-extension" | "tel-local" | "tel-national" | "nickname" | "organization-title" | "cc-additional-name" | "language" | "bday" | "sex" | "impp" | "photo" | undefined;
|
|
25
|
-
onChange?: ((value: string) => void) | undefined;
|
|
26
|
-
} & import("react").RefAttributes<HTMLDivElement>>;
|
|
1
|
+
import type { PasswordFieldProps } from './PasswordField.types';
|
|
2
|
+
export declare const PasswordField: import("react").ForwardRefExoticComponent<PasswordFieldProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
27
3
|
//# sourceMappingURL=PasswordField.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PasswordField.d.ts","sourceRoot":"","sources":["../../../src/elements/PasswordField/PasswordField.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"PasswordField.d.ts","sourceRoot":"","sources":["../../../src/elements/PasswordField/PasswordField.tsx"],"names":[],"mappings":"AA2BA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAEhE,eAAO,MAAM,aAAa,+GA4CzB,CAAC"}
|
|
@@ -1,4 +1,6 @@
|
|
|
1
1
|
import { z } from 'zod';
|
|
2
|
+
import type { ReactNode } from 'react';
|
|
3
|
+
import { AutoCompleteValue } from '../TextField/TextField.types';
|
|
2
4
|
/**
|
|
3
5
|
* PasswordField props schema extending BaseComponentProps
|
|
4
6
|
*
|
|
@@ -95,6 +97,29 @@ export declare const PasswordFieldPropsSchema: z.ZodObject<{
|
|
|
95
97
|
hasToggle: z.ZodDefault<z.ZodOptional<z.ZodBoolean>>;
|
|
96
98
|
onChange: z.ZodOptional<z.ZodCustom<(value: string) => void, (value: string) => void>>;
|
|
97
99
|
}, z.core.$strip>;
|
|
98
|
-
export
|
|
99
|
-
|
|
100
|
+
export interface PasswordFieldProps {
|
|
101
|
+
className?: string;
|
|
102
|
+
children?: ReactNode;
|
|
103
|
+
id?: string;
|
|
104
|
+
'aria-label'?: string;
|
|
105
|
+
'aria-labelledby'?: string;
|
|
106
|
+
'aria-describedby'?: string;
|
|
107
|
+
'data-testid'?: string;
|
|
108
|
+
size?: 'sm' | 'default' | 'lg';
|
|
109
|
+
label?: string;
|
|
110
|
+
description?: string;
|
|
111
|
+
errorMessage?: string;
|
|
112
|
+
successMessage?: string;
|
|
113
|
+
isRequired?: boolean;
|
|
114
|
+
isReadOnly?: boolean;
|
|
115
|
+
isDisabled?: boolean;
|
|
116
|
+
placeholder?: string;
|
|
117
|
+
value?: string;
|
|
118
|
+
defaultValue?: string;
|
|
119
|
+
name?: string;
|
|
120
|
+
autoComplete?: z.infer<typeof AutoCompleteValue>;
|
|
121
|
+
hasToggle?: boolean;
|
|
122
|
+
onChange?: (value: string) => void;
|
|
123
|
+
}
|
|
124
|
+
export type PasswordFieldSize = PasswordFieldProps['size'];
|
|
100
125
|
//# sourceMappingURL=PasswordField.types.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PasswordField.types.d.ts","sourceRoot":"","sources":["../../../src/elements/PasswordField/PasswordField.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;
|
|
1
|
+
{"version":3,"file":"PasswordField.types.d.ts","sourceRoot":"","sources":["../../../src/elements/PasswordField/PasswordField.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AACxB,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,EAAE,iBAAiB,EAAE,MAAM,8BAA8B,CAAC;AAEjE;;;;;;GAMG;AACH,eAAO,MAAM,wBAAwB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gDA6BR,MAAM,KAAK,IAAI,UAAf,MAAM,KAAK,IAAI;iBAC1C,CAAC;AAEH,MAAM,WAAW,kBAAkB;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,IAAI,CAAC,EAAE,IAAI,GAAG,SAAS,GAAG,IAAI,CAAC;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,OAAO,iBAAiB,CAAC,CAAC;IACjD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACpC;AAED,MAAM,MAAM,iBAAiB,GAAG,kBAAkB,CAAC,MAAM,CAAC,CAAC"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
'use strict';var react=require('react'),reactAriaComponents=require('react-aria-components'),clsx=require('clsx'),tailwindMerge=require('tailwind-merge'),lucideReact=require('lucide-react'),classVarianceAuthority=require('class-variance-authority'),jsxRuntime=require('react/jsx-runtime'),zod=require('zod');function p(...e){return tailwindMerge.twMerge(clsx.clsx(e))}var ae="data-[pressed]:scale-[0.97]";var ne="data-[hovered]:shadow-md";var Y="hc:data-[hovered]:outline hc:data-[hovered]:outline-2 hc:data-[hovered]:outline-foreground",j="hc:data-[pressed]:outline hc:data-[pressed]:outline-2 hc:data-[pressed]:outline-offset-1 hc:data-[pressed]:outline-foreground",ie="disabled:pointer-events-none disabled:opacity-50";var le=classVarianceAuthority.cva("inline-flex justify-center min-h-[44px] min-w-[44px] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)] focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:pointer-events-none disabled:opacity-50",{variants:{fullWidth:{true:"w-full",false:""},inVerticalGroup:{true:"items-stretch",false:"items-center"}},defaultVariants:{fullWidth:false,inVerticalGroup:false}}),de=classVarianceAuthority.cva("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 relative cursor-pointer",{variants:{variant:{default:"bg-[var(--primary-action)] text-[var(--primary-action-foreground)] shadow-md hover:bg-[var(--primary-action-hover)] data-[pressed]:bg-[var(--primary-action)]/80",destructive:"bg-[var(--destructive-background)] text-[var(--destructive-foreground)] shadow-md hover:bg-[var(--destructive-background)]/90 data-[pressed]:bg-[var(--destructive-background)]/80",outline:"border border-[var(--input-border)] bg-[var(--page-background)] hover:bg-[var(--input-border)] data-[pressed]:bg-[var(--input-border)]",secondary:"bg-[var(--secondary)] text-[var(--secondary-foreground)] shadow-md hover:bg-[var(--secondary)]/80 data-[pressed]:bg-[var(--secondary)]/70",ghost:"hover:bg-[var(--accent)] hover:text-[var(--accent-foreground)] data-[pressed]:bg-[var(--accent)]",link:"text-[var(--text-link)] underline-offset-4 hover:underline data-[pressed]:text-[var(--text-link-hover)]"},fullWidth:{true:"w-full",false:""},visualSize:{default:"h-10 px-4 py-2",sm:"h-9 rounded-md px-3 text-xs",lg:"h-11 rounded-md px-8",icon:"h-10 w-10",dot:"h-5 w-5 rounded-full p-0 min-h-0 min-w-0"},paywall:{true:"!bg-[var(--paywall)] !text-[var(--paywall-foreground)] !shadow-md hover:!bg-[var(--paywall)]/90 !cursor-not-allowed !border-transparent",false:""}},defaultVariants:{variant:"default",visualSize:"default",paywall:false}});var ze=react.createContext(null);ze.displayName="ButtonGroupContext";function ke(){return react.useContext(ze)}var Ae=react.createContext(null);Ae.displayName="ButtonGroupItemContext";function Le(){return react.useContext(Ae)}classVarianceAuthority.cva("inline-flex items-center gap-0",{variants:{orientation:{horizontal:"flex-row",vertical:"flex-col w-full"}},defaultVariants:{orientation:"horizontal"}});var Be=classVarianceAuthority.cva("",{variants:{orientation:{horizontal:"min-w-[44px]",vertical:"flex min-h-[44px]"},position:{first:"",middle:"",last:"",only:""}},compoundVariants:[{orientation:"horizontal",position:"first",className:"rounded-r-none border-r-0"},{orientation:"horizontal",position:"middle",className:"rounded-none border-r-0"},{orientation:"horizontal",position:"last",className:"rounded-l-none"},{orientation:"vertical",position:"first",className:"rounded-b-none border-b-0"},{orientation:"vertical",position:"middle",className:"rounded-none border-b-0"},{orientation:"vertical",position:"last",className:"rounded-t-none"}],defaultVariants:{orientation:"horizontal",position:"only"}});classVarianceAuthority.cva("bg-[var(--border)]",{variants:{orientation:{horizontal:"w-px h-6 mx-1",vertical:"h-px w-full my-1"}},defaultVariants:{orientation:"horizontal"}});var _=react.memo(react.forwardRef(({className:e,buttonVisualClassName:o,variant:r,size:a,visualSize:i,fullWidth:f,loading:n=false,loadingText:x="Loading...",shortcut:h,children:m,isDisabled:l,paywall:d=false,paywallRedirect:k,paywallDescription:ee,onPress:te,...G},w)=>{let H=react.useId(),S=ke(),P=Le(),T=r??S?.variant??"default",O=a??S?.size,W=l??S?.isDisabled??false,b=S?.orientation==="vertical",A=f||b,L=P?Be({orientation:S?.orientation??"horizontal",position:P.position}):"",E=i??O??"default";return process.env.NODE_ENV!=="production"&&(E==="dot"||E==="icon")&&!G["aria-label"]&&!m&&console.warn('[Button] visualSize="dot" or "icon" requires aria-label when no visible text is provided (WCAG 1.1.1)'),jsxRuntime.jsx(reactAriaComponents.Button,{ref:w,isDisabled:W||n||void 0,"aria-disabled":d?true:void 0,"aria-describedby":d?H:void 0,onPress:F=>{if(d){k&&window.open(k,"_blank","noopener,noreferrer");return}te?.(F);},className:p(le({fullWidth:A,inVerticalGroup:b}),e),...G,children:F=>jsxRuntime.jsxs("span",{className:p(de({variant:T,visualSize:E,paywall:d,fullWidth:A}),L,o,ae,ne,Y,j),"data-pressed":F.isPressed||void 0,children:[n&&jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(lucideReact.Loader2,{className:"motion-safe:animate-spin","aria-hidden":"true"}),jsxRuntime.jsx("span",{className:"sr-only","aria-live":"polite",children:x})]}),!n&&m,d&&jsxRuntime.jsx(lucideReact.Zap,{"data-testid":"zap-icon","aria-hidden":"true",className:"ml-1"}),d&&jsxRuntime.jsxs("span",{id:H,className:"sr-only",children:["Premium feature: ",ee||"Upgrade required to access this feature"]}),F.isFocusVisible&&h&&jsxRuntime.jsx("kbd",{className:"ml-auto hidden text-xs opacity-60 lg:inline",children:h}),F.isPressed&&jsxRuntime.jsx("span",{className:"absolute inset-0 rounded-[inherit] bg-current opacity-10 motion-safe:animate-in motion-safe:zoom-in-95","aria-hidden":"true"})]})})}));_.displayName="Button";var De=()=>jsxRuntime.jsxs("svg",{"data-testid":"password-toggle-icon-show",width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[jsxRuntime.jsx("path",{d:"M1 8s3-5 7-5 7 5 7 5-3 5-7 5-7-5-7-5z"}),jsxRuntime.jsx("circle",{cx:"8",cy:"8",r:"2"})]}),Re=()=>jsxRuntime.jsxs("svg",{"data-testid":"password-toggle-icon-hide",width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[jsxRuntime.jsx("path",{d:"M10.5 5.5l-5 5"}),jsxRuntime.jsx("path",{d:"M1 8s3-5 7-5c1.5 0 2.8.6 4 1.5M15 8s-1.5 2.5-4 4"}),jsxRuntime.jsx("path",{d:"M3 13l2-2m7-7l2-2"}),jsxRuntime.jsx("circle",{cx:"8",cy:"8",r:"2"})]});var ce=classVarianceAuthority.cva("flex w-full rounded-md border bg-[var(--content-background)] shadow-xs px-3 py-2 text-sm ring-offset-[var(--content-background)] file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-[var(--content-foreground)] placeholder:text-[var(--menu-muted)] transition-all duration-200",{variants:{size:{sm:"h-9 text-xs px-2 py-1",default:"h-10 px-3 py-2",lg:"h-11 px-4 py-3 text-base"},state:{default:"border-[var(--input-border)] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)] focus-visible:ring-offset-2",error:"border-[var(--destructive-background)] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--destructive-background)] focus-visible:ring-offset-2",success:"border-[var(--success-background)] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--success-ring)] focus-visible:ring-offset-2",disabled:"cursor-not-allowed opacity-50",readonly:"cursor-default bg-[var(--content-background)] opacity-70"}},defaultVariants:{size:"default",state:"default"}}),fe=classVarianceAuthority.cva("text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70",{variants:{state:{default:"text-[var(--content-foreground)]",error:"text-[var(--destructive-foreground)]",disabled:"opacity-50 cursor-not-allowed"}},defaultVariants:{state:"default"}}),me=classVarianceAuthority.cva("text-sm text-[var(--content-foreground)]"),Me=classVarianceAuthority.cva("text-sm text-[var(--destructive-foreground)] font-medium mt-1.5"),xe=classVarianceAuthority.cva("text-sm text-[var(--success-foreground)] font-medium mt-1.5");function He({expandOnFocus:e,collapsedWidth:o,value:r,defaultValue:a,userOnFocus:i,userOnBlur:f}){let[n,x]=react.useState(false),h=react.useCallback(d=>{e&&x(true),i?.(d);},[e,i]),m=react.useCallback(d=>{e&&d.target.value===""&&x(false),f?.(d);},[e,f]),l=react.useMemo(()=>e?n||(r!==void 0?r!=="":a!==void 0&&a!=="")?"100%":o:void 0,[e,n,r,a,o]);return {handleFocus:h,handleBlur:m,inputWidth:l}}function Oe({disableCopyPaste:e}){let[o,r]=react.useState(false),[a,i]=react.useState("");react.useEffect(()=>{e&&typeof process<"u"&&process.env.NODE_ENV==="development"&&console.warn("[TextField] Copy/paste prevention should only be used for security-critical fields like password confirmation. This feature can break assistive technology workflows and password managers.");},[e]);let f=react.useCallback(n=>{e&&(n.preventDefault(),r(true),i("Pasting is not allowed in this field. Please type your entry."),setTimeout(()=>{r(false),i("");},400));},[e]);return {isShaking:o,screenReaderMessage:a,handlePaste:f}}function We({type:e,showPasswordToggle:o}){let[r,a]=react.useState(false),i=react.useCallback(()=>{a(n=>!n);},[]),f=react.useMemo(()=>e==="password"&&o&&r?"text":e,[e,o,r]);return {showPassword:r,actualType:f,handlePasswordToggle:i}}var Vt=react.forwardRef(({className:e,state:o="default",children:r,...a},i)=>jsxRuntime.jsx(reactAriaComponents.Label,{ref:i,className:p(fe({state:o}),e),...a,children:r}));Vt.displayName="TextFieldLabel";var Nt=react.forwardRef(({className:e,size:o="default",state:r="default",...a},i)=>jsxRuntime.jsx(reactAriaComponents.Input,{ref:i,className:p(ce({size:o,state:r}),ie,e),...a}));Nt.displayName="TextFieldInput";var Ct=react.forwardRef(({className:e,children:o,...r},a)=>jsxRuntime.jsx(reactAriaComponents.Text,{ref:a,slot:"description",className:p(me(),e),...r,children:o}));Ct.displayName="TextFieldDescription";var je=react.forwardRef(({className:e,children:o,...r},a)=>jsxRuntime.jsx(reactAriaComponents.FieldError,{ref:a,...r,className:p(Me(),e),children:jsxRuntime.jsxs("span",{className:"flex items-center gap-2",role:"alert",children:[jsxRuntime.jsx(lucideReact.CircleAlert,{className:"h-4 w-4"}),o]})}));je.displayName="TextFieldError";var It=react.forwardRef(({className:e,children:o,...r},a)=>jsxRuntime.jsx(reactAriaComponents.Text,{ref:a,slot:"description",className:p(xe(),e),...r,children:o}));It.displayName="TextFieldSuccess";var ve=react.forwardRef(({className:e,size:o="default",label:r,description:a,errorMessage:i,successMessage:f,type:n="text",isRequired:x=false,isReadOnly:h=false,isDisabled:m=false,isInvalid:l=false,isValid:d=false,id:k,autoComplete:ee,disableCopyPaste:te=false,pattern:G,patternDescription:w,expandOnFocus:H=false,collapsedWidth:S="200px",prefix:P,suffix:T,prefixSize:O=16,suffixSize:W=16,showPasswordToggle:b,isIconHidden:A=false,onSubmit:L,onClear:E,value:B,defaultValue:$,onFocus:F,onBlur:Xe,...D},Ke)=>{let be=react.useId(),Ze=react.useId(),Je=k||Ze,{handleFocus:Qe,handleBlur:et,inputWidth:tt}=He({expandOnFocus:H,collapsedWidth:S,value:B,defaultValue:$,userOnFocus:F,userOnBlur:Xe}),{isShaking:ot,screenReaderMessage:ye,handlePaste:rt}=Oe({disableCopyPaste:te}),{showPassword:oe,actualType:at,handlePasswordToggle:Te}=We({type:n,showPasswordToggle:b}),v=n==="search",[nt,Se]=react.useState($??""),R=B!==void 0,y=R?B:nt,st=react.useCallback(u=>{R||Se(u),D.onChange?.(u);},[R,D]),q=react.useCallback(()=>{R||Se(""),D.onChange?.(""),E?.();},[R,D,E]),it=react.useCallback(u=>{u.key==="Enter"&&L&&L(y),u.key==="Escape"&&y&&(u.preventDefault(),q());},[y,L,q]),lt=react.useMemo(()=>m?"disabled":h?"readonly":l?"error":d?"success":"default",[m,h,l,d]),dt=react.useMemo(()=>m?"disabled":l?"error":"default",[m,l]),Pe=react.useMemo(()=>a&&w?`${a} ${w}`:a||w,[a,w]),V=react.useMemo(()=>v&&!A&&!P?jsxRuntime.jsx(lucideReact.Search,{className:o==="sm"?"h-3.5 w-3.5":o==="lg"?"h-5 w-5":"h-4 w-4"}):P,[v,A,P,o]),Fe=react.useMemo(()=>{let u={left:12,right:12};if(V){let re=typeof V=="string"?V.length*8+16:O+16;u.left=re;}if(n==="password"&&b)u.right=32;else if(v&&y)u.right=44;else if(T){let re=typeof T=="string"?T.length*8+16:W+16;u.right=re;}return u},[V,P,T,O,W,n,b,v,y]),we=react.useMemo(()=>n==="password"&&b?jsxRuntime.jsx(_,{variant:"ghost",visualSize:"icon",onPress:Te,"aria-label":oe?"Hide password":"Show password",className:"!min-h-0 !min-w-0 h-8 w-8",children:oe?jsxRuntime.jsx(Re,{}):jsxRuntime.jsx(De,{})}):v&&y?jsxRuntime.jsx(_,{variant:"ghost",visualSize:"icon",onPress:q,"aria-label":"Clear search",className:"!min-h-0 !min-w-0 h-8 w-8",children:jsxRuntime.jsx(lucideReact.X,{className:o==="sm"?"h-3 w-3":o==="lg"?"h-5 w-5":"h-4 w-4"})}):T,[n,b,oe,T,Te,v,y,o,q]),Ee=n==="password"&&b||v&&!!y;return jsxRuntime.jsxs(reactAriaComponents.TextField,{ref:Ke,className:p("flex flex-col gap-1.5",e),isRequired:x,isReadOnly:h,isDisabled:m,isInvalid:l,value:v?y:B,defaultValue:v?void 0:$,onChange:v?st:void 0,...D,children:[r&&jsxRuntime.jsxs(reactAriaComponents.Label,{className:p(fe({state:dt})),children:[r,x&&jsxRuntime.jsx("span",{className:"ml-1 text-[var(--destructive-background)]","aria-hidden":"true",children:jsxRuntime.jsx("strong",{children:"*"})})]}),Pe&&jsxRuntime.jsx(reactAriaComponents.Text,{slot:"description",className:p(me()),children:Pe}),jsxRuntime.jsxs("div",{className:"relative flex items-center motion-safe:transition-all motion-safe:duration-200",style:{width:tt},children:[V&&jsxRuntime.jsx("div",{"data-testid":"textfield-prefix",className:"absolute left-3 flex items-center justify-center pointer-events-none text-[var(--content-foreground)]","aria-hidden":"true",children:V}),jsxRuntime.jsx(reactAriaComponents.Input,{type:at,id:Je,className:p(ce({size:o,state:lt}),ie,ot&&"shake"),style:{width:"100%",paddingLeft:`${Fe.left}px`,paddingRight:`${Fe.right}px`},autoComplete:ee,pattern:G,onPaste:rt,onFocus:Qe,onBlur:et,onKeyDown:v?it:void 0,"aria-required":x?"true":void 0,"aria-readonly":h?"true":void 0,"aria-errormessage":l&&i?be:void 0}),we&&jsxRuntime.jsx("div",{"data-testid":"textfield-suffix",className:p("absolute right-3 flex items-center justify-center text-[var(--content-foreground)]",Ee?"":"pointer-events-none"),"aria-hidden":Ee?void 0:"true",children:we})]}),d&&f&&!l&&jsxRuntime.jsx(reactAriaComponents.Text,{slot:"description",className:p(xe()),children:f}),l&&i&&jsxRuntime.jsx(je,{id:be,children:i}),ye&&jsxRuntime.jsx("div",{className:"sr-only",role:"status","aria-live":"polite","aria-atomic":"true",children:ye})]})});ve.displayName="TextField";var Ue=react.forwardRef(({label:e,description:o,errorMessage:r,successMessage:a,hasToggle:i=true,autoComplete:f="current-password","aria-label":n,"aria-labelledby":x,...h},m)=>{process.env.NODE_ENV!=="production"&&!e&&!n&&!x&&console.warn("[PasswordField] Either label, aria-label, or aria-labelledby is required for accessibility (WCAG 1.1.1)");let l=!!r;return jsxRuntime.jsx(ve,{ref:m,type:"password",showPasswordToggle:i,autoComplete:f,label:e,description:l?void 0:o,errorMessage:r,successMessage:l?void 0:a,isInvalid:l,isValid:!!a&&!l,"aria-label":e?void 0:n,"aria-labelledby":x,...h})});Ue.displayName="PasswordField";var J=zod.z.object({className:zod.z.string().optional(),children:zod.z.any().optional(),id:zod.z.string().optional(),"aria-label":zod.z.string().optional(),"aria-labelledby":zod.z.string().optional(),"aria-describedby":zod.z.string().optional(),"aria-live":zod.z.enum(["off","polite","assertive"]).optional(),"aria-hidden":zod.z.boolean().optional(),"data-testid":zod.z.string().optional()});var ge=zod.z.enum(["off","on","name","honorific-prefix","given-name","additional-name","family-name","honorific-suffix","nickname","email","username","new-password","current-password","one-time-code","organization-title","organization","street-address","address-line1","address-line2","address-line3","address-level4","address-level3","address-level2","address-level1","country","country-name","postal-code","cc-name","cc-given-name","cc-additional-name","cc-family-name","cc-number","cc-exp","cc-exp-month","cc-exp-year","cc-csc","cc-type","transaction-currency","transaction-amount","language","bday","bday-day","bday-month","bday-year","sex","tel","tel-country-code","tel-national","tel-area-code","tel-local","tel-extension","impp","url","photo"]),At=[/\(\.\*\)\+/,/\(\.\+\)\+/,/\([^)]*\)\{.*,.*\}/,/\(\?!\)/,/\(\?<=\)/],Lt=e=>{for(let r of At)if(r.test(e))return false;return !((e.match(/[*+{}]/g)||[]).length>5)};J.extend({size:zod.z.enum(["sm","default","lg"]).optional().default("default"),label:zod.z.string().optional(),description:zod.z.string().optional(),errorMessage:zod.z.string().optional(),successMessage:zod.z.string().optional(),type:zod.z.enum(["text","email","password","url","search"]).optional().default("text"),isRequired:zod.z.boolean().optional(),isReadOnly:zod.z.boolean().optional(),isDisabled:zod.z.boolean().optional(),isInvalid:zod.z.boolean().optional(),isValid:zod.z.boolean().optional(),placeholder:zod.z.string().optional(),value:zod.z.string().optional(),defaultValue:zod.z.string().optional(),name:zod.z.string().optional(),autoFocus:zod.z.boolean().optional(),autoComplete:ge.optional(),maxLength:zod.z.number().optional(),minLength:zod.z.number().optional(),pattern:zod.z.string().optional(),patternDescription:zod.z.string().optional(),disableCopyPaste:zod.z.boolean().optional().default(false),prefix:zod.z.any().optional(),suffix:zod.z.any().optional(),prefixSize:zod.z.number().optional().default(16),suffixSize:zod.z.number().optional().default(16),expandOnFocus:zod.z.boolean().optional().default(false),collapsedWidth:zod.z.string().optional().default("200px"),showPasswordToggle:zod.z.boolean().optional(),isIconHidden:zod.z.boolean().optional().default(false),onSubmit:zod.z.custom().optional(),onClear:zod.z.custom().optional()}).refine(e=>!e.pattern||e.patternDescription,{message:"patternDescription is required when pattern is provided",path:["patternDescription"]}).refine(e=>!e.pattern||Lt(e.pattern),{message:"Unsafe regex pattern detected. Pattern may cause ReDoS vulnerability. Avoid patterns like (.*)+, (.+)+, or excessive quantifiers.",path:["pattern"]}).refine(e=>!(e.successMessage&&e.errorMessage),{message:"Cannot provide both successMessage and errorMessage. Use one based on validation state.",path:["successMessage"]}).refine(e=>(typeof process<"u"&&process.env.NODE_ENV==="development"&&e.isValid&&e.isInvalid&&console.error("[TextField] Both isValid and isInvalid are true. isInvalid takes precedence."),true));zod.z.object({children:zod.z.any().optional(),className:zod.z.string().optional(),htmlFor:zod.z.string().optional(),state:zod.z.enum(["default","error","disabled"]).optional().default("default")});zod.z.object({className:zod.z.string().optional(),size:zod.z.enum(["sm","default","lg"]).optional().default("default"),state:zod.z.enum(["default","error","success","disabled","readonly"]).optional().default("default")});zod.z.object({children:zod.z.any().optional(),className:zod.z.string().optional()});zod.z.object({children:zod.z.any().optional(),className:zod.z.string().optional()});zod.z.object({children:zod.z.any().optional(),className:zod.z.string().optional()});var Bt=J.extend({size:zod.z.enum(["sm","default","lg"]).optional().default("default"),label:zod.z.string().optional(),description:zod.z.string().optional(),errorMessage:zod.z.string().optional(),successMessage:zod.z.string().optional(),isRequired:zod.z.boolean().optional(),isReadOnly:zod.z.boolean().optional(),isDisabled:zod.z.boolean().optional(),placeholder:zod.z.string().optional(),value:zod.z.string().optional(),defaultValue:zod.z.string().optional(),name:zod.z.string().optional(),autoComplete:ge.optional(),hasToggle:zod.z.boolean().optional().default(true),onChange:zod.z.custom().optional()});var Dt=classVarianceAuthority.cva("group flex flex-col gap-1.5 w-full",{variants:{size:{sm:"",default:"",lg:""}},defaultVariants:{size:"default"}}),Rt=classVarianceAuthority.cva("text-[var(--text-primary)] font-medium",{variants:{size:{sm:"text-xs",default:"text-sm",lg:"text-base"}},defaultVariants:{size:"default"}}),_t=classVarianceAuthority.cva("text-[var(--muted-foreground)]",{variants:{size:{sm:"text-xs",default:"text-xs",lg:"text-sm"}},defaultVariants:{size:"default"}}),Mt=classVarianceAuthority.cva("text-[var(--destructive-background)]",{variants:{size:{sm:"text-xs",default:"text-xs",lg:"text-sm"}},defaultVariants:{size:"default"}});exports.PasswordField=Ue;exports.PasswordFieldPropsSchema=Bt;exports.passwordFieldDescriptionVariants=_t;exports.passwordFieldErrorVariants=Mt;exports.passwordFieldLabelVariants=Rt;exports.passwordFieldVariants=Dt;//# sourceMappingURL=index.js.map
|
|
2
|
+
'use strict';var react=require('react'),reactAriaComponents=require('react-aria-components'),clsx=require('clsx'),tailwindMerge=require('tailwind-merge'),lucideReact=require('lucide-react'),classVarianceAuthority=require('class-variance-authority'),jsxRuntime=require('react/jsx-runtime'),zod=require('zod');function u(...e){return tailwindMerge.twMerge(clsx.clsx(e))}var ae="data-[pressed]:scale-[0.97]";var ne="data-[hovered]:shadow-md";var Y="hc:data-[hovered]:outline hc:data-[hovered]:outline-2 hc:data-[hovered]:outline-foreground",j="hc:data-[pressed]:outline hc:data-[pressed]:outline-2 hc:data-[pressed]:outline-offset-1 hc:data-[pressed]:outline-foreground",ie="disabled:pointer-events-none disabled:opacity-50";var le=classVarianceAuthority.cva("inline-flex justify-center min-h-[44px] min-w-[44px] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)] focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:pointer-events-none disabled:opacity-50",{variants:{fullWidth:{true:"w-full",false:""},inVerticalGroup:{true:"items-stretch",false:"items-center"}},defaultVariants:{fullWidth:false,inVerticalGroup:false}}),de=classVarianceAuthority.cva("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 relative cursor-pointer",{variants:{variant:{default:"bg-[var(--primary-action)] text-[var(--primary-action-foreground)] shadow-md hover:bg-[var(--primary-action-hover)] data-[pressed]:bg-[var(--primary-action)]/80",destructive:"bg-[var(--destructive-background)] text-[var(--destructive-foreground)] shadow-md hover:bg-[var(--destructive-background)]/90 data-[pressed]:bg-[var(--destructive-background)]/80",outline:"border border-[var(--input-border)] bg-[var(--page-background)] hover:bg-[var(--input-border)] data-[pressed]:bg-[var(--input-border)]",secondary:"bg-[var(--secondary)] text-[var(--secondary-foreground)] shadow-md hover:bg-[var(--secondary)]/80 data-[pressed]:bg-[var(--secondary)]/70",ghost:"hover:bg-[var(--accent)] hover:text-[var(--accent-foreground)] data-[pressed]:bg-[var(--accent)]",link:"text-[var(--text-link)] underline-offset-4 hover:underline data-[pressed]:text-[var(--text-link-hover)]"},fullWidth:{true:"w-full",false:""},visualSize:{default:"h-10 px-4 py-2",sm:"h-9 rounded-md px-3 text-xs",lg:"h-11 rounded-md px-8",icon:"h-10 w-10",dot:"h-5 w-5 rounded-full p-0 min-h-0 min-w-0"},paywall:{true:"!bg-[var(--paywall)] !text-[var(--paywall-foreground)] !shadow-md hover:!bg-[var(--paywall)]/90 !cursor-not-allowed !border-transparent",false:""}},defaultVariants:{variant:"default",visualSize:"default",paywall:false}});var Le=react.createContext(null);Le.displayName="ButtonGroupContext";function Ae(){return react.useContext(Le)}var Oe=react.createContext(null);Oe.displayName="ButtonGroupItemContext";function ke(){return react.useContext(Oe)}classVarianceAuthority.cva("inline-flex items-center gap-0",{variants:{orientation:{horizontal:"flex-row",vertical:"flex-col w-full"}},defaultVariants:{orientation:"horizontal"}});var ze=classVarianceAuthority.cva("",{variants:{orientation:{horizontal:"min-w-[44px]",vertical:"flex min-h-[44px]"},position:{first:"",middle:"",last:"",only:""}},compoundVariants:[{orientation:"horizontal",position:"first",className:"rounded-r-none border-r-0"},{orientation:"horizontal",position:"middle",className:"rounded-none border-r-0"},{orientation:"horizontal",position:"last",className:"rounded-l-none"},{orientation:"vertical",position:"first",className:"rounded-b-none border-b-0"},{orientation:"vertical",position:"middle",className:"rounded-none border-b-0"},{orientation:"vertical",position:"last",className:"rounded-t-none"}],defaultVariants:{orientation:"horizontal",position:"only"}});classVarianceAuthority.cva("bg-[var(--border)]",{variants:{orientation:{horizontal:"w-px h-6 mx-1",vertical:"h-px w-full my-1"}},defaultVariants:{orientation:"horizontal"}});var D=react.memo(react.forwardRef(({className:e,buttonVisualClassName:o,variant:r,size:a,visualSize:i,fullWidth:f,loading:n=false,loadingText:x="Loading...",shortcut:g,children:m,isDisabled:l,paywall:d=false,paywallRedirect:A,paywallDescription:ee,onPress:te,..._},S)=>{let G=react.useId(),w=Ae(),P=ke(),T=r??w?.variant??"default",H=a??w?.size,W=l??w?.isDisabled??false,h=w?.orientation==="vertical",O=f||h,k=P?ze({orientation:w?.orientation??"horizontal",position:P.position}):"",E=i??H??"default";return process.env.NODE_ENV!=="production"&&(E==="dot"||E==="icon")&&!_["aria-label"]&&!m&&console.warn('[Button] visualSize="dot" or "icon" requires aria-label when no visible text is provided (WCAG 1.1.1)'),jsxRuntime.jsx(reactAriaComponents.Button,{ref:S,isDisabled:W||n||void 0,"aria-disabled":d?true:void 0,"aria-describedby":d?G:void 0,onPress:F=>{if(d){A&&window.open(A,"_blank","noopener,noreferrer");return}te?.(F);},className:u(le({fullWidth:O,inVerticalGroup:h}),e),..._,children:F=>jsxRuntime.jsxs("span",{className:u(de({variant:T,visualSize:E,paywall:d,fullWidth:O}),k,o,ae,ne,Y,j),"data-pressed":F.isPressed||void 0,children:[n&&jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(lucideReact.Loader2,{className:"motion-safe:animate-spin","aria-hidden":"true"}),jsxRuntime.jsx("span",{className:"sr-only","aria-live":"polite",children:x})]}),!n&&m,d&&jsxRuntime.jsx(lucideReact.Zap,{"data-testid":"zap-icon","aria-hidden":"true",className:"ml-1"}),d&&jsxRuntime.jsxs("span",{id:G,className:"sr-only",children:["Premium feature: ",ee||"Upgrade required to access this feature"]}),F.isFocusVisible&&g&&jsxRuntime.jsx("kbd",{className:"ml-auto hidden text-xs opacity-60 lg:inline",children:g}),F.isPressed&&jsxRuntime.jsx("span",{className:"absolute inset-0 rounded-[inherit] bg-current opacity-10 motion-safe:animate-in motion-safe:zoom-in-95","aria-hidden":"true"})]})})}));D.displayName="Button";var Be=()=>jsxRuntime.jsxs("svg",{"data-testid":"password-toggle-icon-show",width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[jsxRuntime.jsx("path",{d:"M1 8s3-5 7-5 7 5 7 5-3 5-7 5-7-5-7-5z"}),jsxRuntime.jsx("circle",{cx:"8",cy:"8",r:"2"})]}),Re=()=>jsxRuntime.jsxs("svg",{"data-testid":"password-toggle-icon-hide",width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[jsxRuntime.jsx("path",{d:"M10.5 5.5l-5 5"}),jsxRuntime.jsx("path",{d:"M1 8s3-5 7-5c1.5 0 2.8.6 4 1.5M15 8s-1.5 2.5-4 4"}),jsxRuntime.jsx("path",{d:"M3 13l2-2m7-7l2-2"}),jsxRuntime.jsx("circle",{cx:"8",cy:"8",r:"2"})]});var ce=classVarianceAuthority.cva("flex w-full rounded-md border bg-[var(--content-background)] shadow-xs px-3 py-2 text-sm ring-offset-[var(--content-background)] file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-[var(--content-foreground)] placeholder:text-[var(--menu-muted)] transition-all duration-200",{variants:{size:{sm:"h-9 text-xs px-2 py-1",default:"h-10 px-3 py-2",lg:"h-11 px-4 py-3 text-base"},state:{default:"border-[var(--input-border)] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)] focus-visible:ring-offset-2",error:"border-[var(--destructive-background)] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--destructive-background)] focus-visible:ring-offset-2",success:"border-[var(--success-background)] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--success-ring)] focus-visible:ring-offset-2",disabled:"cursor-not-allowed opacity-50",readonly:"cursor-default bg-[var(--content-background)] opacity-70"}},defaultVariants:{size:"default",state:"default"}}),fe=classVarianceAuthority.cva("text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70",{variants:{state:{default:"text-[var(--content-foreground)]",error:"text-[var(--destructive-foreground)]",disabled:"opacity-50 cursor-not-allowed"}},defaultVariants:{state:"default"}}),me=classVarianceAuthority.cva("text-sm text-[var(--content-foreground)]"),Me=classVarianceAuthority.cva("text-sm text-[var(--destructive-foreground)] font-medium mt-1.5"),xe=classVarianceAuthority.cva("text-sm text-[var(--success-foreground)] font-medium mt-1.5");function Ge({expandOnFocus:e,collapsedWidth:o,value:r,defaultValue:a,userOnFocus:i,userOnBlur:f}){let[n,x]=react.useState(false),g=react.useCallback(d=>{e&&x(true),i?.(d);},[e,i]),m=react.useCallback(d=>{e&&d.target.value===""&&x(false),f?.(d);},[e,f]),l=react.useMemo(()=>e?n||(r!==void 0?r!=="":a!==void 0&&a!=="")?"100%":o:void 0,[e,n,r,a,o]);return {handleFocus:g,handleBlur:m,inputWidth:l}}function He({disableCopyPaste:e}){let[o,r]=react.useState(false),[a,i]=react.useState("");react.useEffect(()=>{e&&typeof process<"u"&&process.env.NODE_ENV==="development"&&console.warn("[TextField] Copy/paste prevention should only be used for security-critical fields like password confirmation. This feature can break assistive technology workflows and password managers.");},[e]);let f=react.useCallback(n=>{e&&(n.preventDefault(),r(true),i("Pasting is not allowed in this field. Please type your entry."),setTimeout(()=>{r(false),i("");},400));},[e]);return {isShaking:o,screenReaderMessage:a,handlePaste:f}}function We({type:e,showPasswordToggle:o}){let[r,a]=react.useState(false),i=react.useCallback(()=>{a(n=>!n);},[]),f=react.useMemo(()=>e==="password"&&o&&r?"text":e,[e,o,r]);return {showPassword:r,actualType:f,handlePasswordToggle:i}}var Nt=react.forwardRef(({className:e,state:o="default",children:r,...a},i)=>jsxRuntime.jsx(reactAriaComponents.Label,{ref:i,className:u(fe({state:o}),e),...a,children:r}));Nt.displayName="TextFieldLabel";var Vt=react.forwardRef(({className:e,size:o="default",state:r="default",...a},i)=>jsxRuntime.jsx(reactAriaComponents.Input,{ref:i,className:u(ce({size:o,state:r}),ie,e),...a}));Vt.displayName="TextFieldInput";var Ct=react.forwardRef(({className:e,children:o,...r},a)=>jsxRuntime.jsx(reactAriaComponents.Text,{ref:a,slot:"description",className:u(me(),e),...r,children:o}));Ct.displayName="TextFieldDescription";var je=react.forwardRef(({className:e,children:o,...r},a)=>jsxRuntime.jsx(reactAriaComponents.FieldError,{ref:a,...r,className:u(Me(),e),children:jsxRuntime.jsxs("span",{className:"flex items-center gap-2",role:"alert",children:[jsxRuntime.jsx(lucideReact.CircleAlert,{className:"h-4 w-4"}),o]})}));je.displayName="TextFieldError";var It=react.forwardRef(({className:e,children:o,...r},a)=>jsxRuntime.jsx(reactAriaComponents.Text,{ref:a,slot:"description",className:u(xe(),e),...r,children:o}));It.displayName="TextFieldSuccess";var be=react.forwardRef(({className:e,size:o="default",label:r,description:a,errorMessage:i,successMessage:f,type:n="text",isRequired:x=false,isReadOnly:g=false,isDisabled:m=false,isInvalid:l=false,isValid:d=false,id:A,autoComplete:ee,disableCopyPaste:te=false,pattern:_,patternDescription:S,expandOnFocus:G=false,collapsedWidth:w="200px",prefix:P,suffix:T,prefixSize:H=16,suffixSize:W=16,showPasswordToggle:h,isIconHidden:O=false,onSubmit:k,onClear:E,value:z,defaultValue:$,onFocus:F,onBlur:Xe,...B},Ke)=>{let he=react.useId(),Ze=react.useId(),Je=A||Ze,{handleFocus:Qe,handleBlur:et,inputWidth:tt}=Ge({expandOnFocus:G,collapsedWidth:w,value:z,defaultValue:$,userOnFocus:F,userOnBlur:Xe}),{isShaking:ot,screenReaderMessage:ye,handlePaste:rt}=He({disableCopyPaste:te}),{showPassword:oe,actualType:at,handlePasswordToggle:Te}=We({type:n,showPasswordToggle:h}),b=n==="search",[nt,we]=react.useState($??""),R=z!==void 0,y=R?z:nt,st=react.useCallback(p=>{R||we(p),B.onChange?.(p);},[R,B]),q=react.useCallback(()=>{R||we(""),B.onChange?.(""),E?.();},[R,B,E]),it=react.useCallback(p=>{p.key==="Enter"&&k&&k(y),p.key==="Escape"&&y&&(p.preventDefault(),q());},[y,k,q]),lt=react.useMemo(()=>m?"disabled":g?"readonly":l?"error":d?"success":"default",[m,g,l,d]),dt=react.useMemo(()=>m?"disabled":l?"error":"default",[m,l]),Pe=react.useMemo(()=>a&&S?`${a} ${S}`:a||S,[a,S]),N=react.useMemo(()=>b&&!O&&!P?jsxRuntime.jsx(lucideReact.Search,{className:o==="sm"?"h-3.5 w-3.5":o==="lg"?"h-5 w-5":"h-4 w-4"}):P,[b,O,P,o]),Fe=react.useMemo(()=>{let p={left:12,right:12};if(N){let re=typeof N=="string"?N.length*8+16:H+16;p.left=re;}if(n==="password"&&h)p.right=32;else if(b&&y)p.right=44;else if(T){let re=typeof T=="string"?T.length*8+16:W+16;p.right=re;}return p},[N,P,T,H,W,n,h,b,y]),Se=react.useMemo(()=>n==="password"&&h?jsxRuntime.jsx(D,{variant:"ghost",visualSize:"icon",onPress:Te,"aria-label":oe?"Hide password":"Show password",className:"!min-h-0 !min-w-0 h-8 w-8",children:oe?jsxRuntime.jsx(Re,{}):jsxRuntime.jsx(Be,{})}):b&&y?jsxRuntime.jsx(D,{variant:"ghost",visualSize:"icon",onPress:q,"aria-label":"Clear search",className:"!min-h-0 !min-w-0 h-8 w-8",children:jsxRuntime.jsx(lucideReact.X,{className:o==="sm"?"h-3 w-3":o==="lg"?"h-5 w-5":"h-4 w-4"})}):T,[n,h,oe,T,Te,b,y,o,q]),Ee=n==="password"&&h||b&&!!y;return jsxRuntime.jsxs(reactAriaComponents.TextField,{ref:Ke,className:u("flex flex-col gap-1.5",e),isRequired:x,isReadOnly:g,isDisabled:m,isInvalid:l,value:b?y:z,defaultValue:b?void 0:$,onChange:b?st:void 0,...B,children:[r&&jsxRuntime.jsxs(reactAriaComponents.Label,{className:u(fe({state:dt})),children:[r,x&&jsxRuntime.jsx("span",{className:"ml-1 text-[var(--destructive-background)]","aria-hidden":"true",children:jsxRuntime.jsx("strong",{children:"*"})})]}),Pe&&jsxRuntime.jsx(reactAriaComponents.Text,{slot:"description",className:u(me()),children:Pe}),jsxRuntime.jsxs("div",{className:"relative flex items-center motion-safe:transition-all motion-safe:duration-200",style:{width:tt},children:[N&&jsxRuntime.jsx("div",{"data-testid":"textfield-prefix",className:"absolute left-3 flex items-center justify-center pointer-events-none text-[var(--content-foreground)]","aria-hidden":"true",children:N}),jsxRuntime.jsx(reactAriaComponents.Input,{type:at,id:Je,className:u(ce({size:o,state:lt}),ie,ot&&"shake"),style:{width:"100%",paddingLeft:`${Fe.left}px`,paddingRight:`${Fe.right}px`},autoComplete:ee,pattern:_,onPaste:rt,onFocus:Qe,onBlur:et,onKeyDown:b?it:void 0,"aria-required":x?"true":void 0,"aria-readonly":g?"true":void 0,"aria-errormessage":l&&i?he:void 0}),Se&&jsxRuntime.jsx("div",{"data-testid":"textfield-suffix",className:u("absolute right-3 flex items-center justify-center text-[var(--content-foreground)]",Ee?"":"pointer-events-none"),"aria-hidden":Ee?void 0:"true",children:Se})]}),d&&f&&!l&&jsxRuntime.jsx(reactAriaComponents.Text,{slot:"description",className:u(xe()),children:f}),l&&i&&jsxRuntime.jsx(je,{id:he,children:i}),ye&&jsxRuntime.jsx("div",{className:"sr-only",role:"status","aria-live":"polite","aria-atomic":"true",children:ye})]})});be.displayName="TextField";var Ue=react.forwardRef(({label:e,description:o,errorMessage:r,successMessage:a,hasToggle:i=true,autoComplete:f="current-password","aria-label":n,"aria-labelledby":x,...g},m)=>{process.env.NODE_ENV!=="production"&&!e&&!n&&!x&&console.warn("[PasswordField] Either label, aria-label, or aria-labelledby is required for accessibility (WCAG 1.1.1)");let l=!!r;return jsxRuntime.jsx(be,{ref:m,type:"password",showPasswordToggle:i,autoComplete:f,label:e,description:l?void 0:o,errorMessage:r,successMessage:l?void 0:a,isInvalid:l,isValid:!!a&&!l,"aria-label":e?void 0:n,"aria-labelledby":x,...g})});Ue.displayName="PasswordField";var J=zod.z.object({className:zod.z.string().optional(),children:zod.z.any().optional(),id:zod.z.string().optional(),"aria-label":zod.z.string().optional(),"aria-labelledby":zod.z.string().optional(),"aria-describedby":zod.z.string().optional(),"aria-live":zod.z.enum(["off","polite","assertive"]).optional(),"aria-hidden":zod.z.boolean().optional(),"data-testid":zod.z.string().optional()});var ve=zod.z.enum(["off","on","name","honorific-prefix","given-name","additional-name","family-name","honorific-suffix","nickname","email","username","new-password","current-password","one-time-code","organization-title","organization","street-address","address-line1","address-line2","address-line3","address-level4","address-level3","address-level2","address-level1","country","country-name","postal-code","cc-name","cc-given-name","cc-additional-name","cc-family-name","cc-number","cc-exp","cc-exp-month","cc-exp-year","cc-csc","cc-type","transaction-currency","transaction-amount","language","bday","bday-day","bday-month","bday-year","sex","tel","tel-country-code","tel-national","tel-area-code","tel-local","tel-extension","impp","url","photo"]),Ot=[/\(\.\*\)\+/,/\(\.\+\)\+/,/\([^)]*\)\{.*,.*\}/,/\(\?!\)/,/\(\?<=\)/],kt=e=>{for(let r of Ot)if(r.test(e))return false;return !((e.match(/[*+{}]/g)||[]).length>5)};J.extend({size:zod.z.enum(["sm","default","lg"]).optional().default("default"),label:zod.z.string().optional(),description:zod.z.string().optional(),errorMessage:zod.z.string().optional(),successMessage:zod.z.string().optional(),type:zod.z.enum(["text","email","password","url","search"]).optional().default("text"),isRequired:zod.z.boolean().optional(),isReadOnly:zod.z.boolean().optional(),isDisabled:zod.z.boolean().optional(),isInvalid:zod.z.boolean().optional(),isValid:zod.z.boolean().optional(),placeholder:zod.z.string().optional(),value:zod.z.string().optional(),defaultValue:zod.z.string().optional(),name:zod.z.string().optional(),autoFocus:zod.z.boolean().optional(),autoComplete:ve.optional(),maxLength:zod.z.number().optional(),minLength:zod.z.number().optional(),pattern:zod.z.string().optional(),patternDescription:zod.z.string().optional(),disableCopyPaste:zod.z.boolean().optional().default(false),prefix:zod.z.any().optional(),suffix:zod.z.any().optional(),prefixSize:zod.z.number().optional().default(16),suffixSize:zod.z.number().optional().default(16),expandOnFocus:zod.z.boolean().optional().default(false),collapsedWidth:zod.z.string().optional().default("200px"),showPasswordToggle:zod.z.boolean().optional(),isIconHidden:zod.z.boolean().optional().default(false),onSubmit:zod.z.custom().optional(),onClear:zod.z.custom().optional()}).refine(e=>!e.pattern||e.patternDescription,{message:"patternDescription is required when pattern is provided",path:["patternDescription"]}).refine(e=>!e.pattern||kt(e.pattern),{message:"Unsafe regex pattern detected. Pattern may cause ReDoS vulnerability. Avoid patterns like (.*)+, (.+)+, or excessive quantifiers.",path:["pattern"]}).refine(e=>!(e.successMessage&&e.errorMessage),{message:"Cannot provide both successMessage and errorMessage. Use one based on validation state.",path:["successMessage"]}).refine(e=>(typeof process<"u"&&process.env.NODE_ENV==="development"&&e.isValid&&e.isInvalid&&console.error("[TextField] Both isValid and isInvalid are true. isInvalid takes precedence."),true));zod.z.object({children:zod.z.any().optional(),className:zod.z.string().optional(),htmlFor:zod.z.string().optional(),state:zod.z.enum(["default","error","disabled"]).optional().default("default")});zod.z.object({className:zod.z.string().optional(),size:zod.z.enum(["sm","default","lg"]).optional().default("default"),state:zod.z.enum(["default","error","success","disabled","readonly"]).optional().default("default")});zod.z.object({children:zod.z.any().optional(),className:zod.z.string().optional()});zod.z.object({children:zod.z.any().optional(),className:zod.z.string().optional()});zod.z.object({children:zod.z.any().optional(),className:zod.z.string().optional()});var zt=J.extend({size:zod.z.enum(["sm","default","lg"]).optional().default("default"),label:zod.z.string().optional(),description:zod.z.string().optional(),errorMessage:zod.z.string().optional(),successMessage:zod.z.string().optional(),isRequired:zod.z.boolean().optional(),isReadOnly:zod.z.boolean().optional(),isDisabled:zod.z.boolean().optional(),placeholder:zod.z.string().optional(),value:zod.z.string().optional(),defaultValue:zod.z.string().optional(),name:zod.z.string().optional(),autoComplete:ve.optional(),hasToggle:zod.z.boolean().optional().default(true),onChange:zod.z.custom().optional()});var Bt=classVarianceAuthority.cva("group flex flex-col gap-1.5 w-full",{variants:{size:{sm:"",default:"",lg:""}},defaultVariants:{size:"default"}}),Rt=classVarianceAuthority.cva("text-[var(--text-primary)] font-medium",{variants:{size:{sm:"text-xs",default:"text-sm",lg:"text-base"}},defaultVariants:{size:"default"}}),Dt=classVarianceAuthority.cva("text-[var(--muted-foreground)]",{variants:{size:{sm:"text-xs",default:"text-xs",lg:"text-sm"}},defaultVariants:{size:"default"}}),Mt=classVarianceAuthority.cva("text-[var(--destructive-background)]",{variants:{size:{sm:"text-xs",default:"text-xs",lg:"text-sm"}},defaultVariants:{size:"default"}});exports.PasswordField=Ue;exports.PasswordFieldPropsSchema=zt;exports.passwordFieldDescriptionVariants=Dt;exports.passwordFieldErrorVariants=Mt;exports.passwordFieldLabelVariants=Rt;exports.passwordFieldVariants=Bt;//# sourceMappingURL=index.js.map
|
|
3
3
|
//# sourceMappingURL=index.js.map
|