@wow-two-beta/ui 0.0.41 → 0.0.43
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/{chunk-7GDZNTC6.js → chunk-ITSJYVYW.js} +337 -85
- package/dist/chunk-ITSJYVYW.js.map +1 -0
- package/dist/forms/checkbox/Checkbox.d.ts +2 -6
- package/dist/forms/checkbox/Checkbox.d.ts.map +1 -1
- package/dist/forms/checkbox/Checkbox.variants.d.ts +116 -0
- package/dist/forms/checkbox/Checkbox.variants.d.ts.map +1 -0
- package/dist/forms/index.js +1 -1
- package/dist/forms/listbox/Listbox.d.ts +24 -17
- package/dist/forms/listbox/Listbox.d.ts.map +1 -1
- package/dist/forms/listbox/index.d.ts +1 -1
- package/dist/forms/listbox/index.d.ts.map +1 -1
- package/dist/forms/multiSelect/MultiSelect.d.ts +8 -3
- package/dist/forms/multiSelect/MultiSelect.d.ts.map +1 -1
- package/dist/forms/select/Select.d.ts +44 -23
- package/dist/forms/select/Select.d.ts.map +1 -1
- package/dist/index.js +1 -1
- package/package.json +1 -1
- package/dist/chunk-7GDZNTC6.js.map +0 -1
|
@@ -1,12 +1,8 @@
|
|
|
1
1
|
import { type InputHTMLAttributes } from 'react';
|
|
2
|
-
|
|
2
|
+
import { type CheckboxVariants } from './Checkbox.variants';
|
|
3
|
+
export interface CheckboxProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'type' | 'size'>, CheckboxVariants {
|
|
3
4
|
size?: 'sm' | 'md' | 'lg';
|
|
4
|
-
/** Tristate visual — input is `checked={false}` but rendered as a dash. */
|
|
5
5
|
indeterminate?: boolean;
|
|
6
6
|
}
|
|
7
|
-
/**
|
|
8
|
-
* Native checkbox with custom visual. Renders the input visually hidden but
|
|
9
|
-
* accessible — wrap in a `<label>` (or pair with `Label` via `FormControl`).
|
|
10
|
-
*/
|
|
11
7
|
export declare const Checkbox: import("react").ForwardRefExoticComponent<CheckboxProps & import("react").RefAttributes<HTMLInputElement>>;
|
|
12
8
|
//# sourceMappingURL=Checkbox.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../src/forms/checkbox/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,mBAAmB,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../src/forms/checkbox/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,mBAAmB,EAAE,MAAM,OAAO,CAAC;AAI7D,OAAO,EAAoB,KAAK,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAI9E,MAAM,WAAW,aACf,SAAQ,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC,EAClE,gBAAgB;IAElB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAG1B,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AA0DD,eAAO,MAAM,QAAQ,4GAgDpB,CAAC"}
|
|
@@ -0,0 +1,116 @@
|
|
|
1
|
+
import { type VariantProps } from '../../utils';
|
|
2
|
+
export declare const checkboxVariants: import("tailwind-variants").TVReturnType<{
|
|
3
|
+
variant: {
|
|
4
|
+
solid: string;
|
|
5
|
+
soft: string;
|
|
6
|
+
outline: string;
|
|
7
|
+
ghost: string;
|
|
8
|
+
glass: string;
|
|
9
|
+
'glass-surface': string;
|
|
10
|
+
};
|
|
11
|
+
tone: {
|
|
12
|
+
primary: string;
|
|
13
|
+
neutral: string;
|
|
14
|
+
danger: string;
|
|
15
|
+
success: string;
|
|
16
|
+
warning: string;
|
|
17
|
+
};
|
|
18
|
+
}, undefined, "pointer-events-none grid h-full w-full place-items-center rounded-sm border transition-colors peer-focus-visible:ring-2 peer-focus-visible:ring-ring peer-focus-visible:ring-offset-1 peer-disabled:opacity-50", import("tailwind-variants/dist/config.js").TVConfig<{
|
|
19
|
+
variant: {
|
|
20
|
+
solid: string;
|
|
21
|
+
soft: string;
|
|
22
|
+
outline: string;
|
|
23
|
+
ghost: string;
|
|
24
|
+
glass: string;
|
|
25
|
+
'glass-surface': string;
|
|
26
|
+
};
|
|
27
|
+
tone: {
|
|
28
|
+
primary: string;
|
|
29
|
+
neutral: string;
|
|
30
|
+
danger: string;
|
|
31
|
+
success: string;
|
|
32
|
+
warning: string;
|
|
33
|
+
};
|
|
34
|
+
}, {
|
|
35
|
+
variant: {
|
|
36
|
+
solid: string;
|
|
37
|
+
soft: string;
|
|
38
|
+
outline: string;
|
|
39
|
+
ghost: string;
|
|
40
|
+
glass: string;
|
|
41
|
+
'glass-surface': string;
|
|
42
|
+
};
|
|
43
|
+
tone: {
|
|
44
|
+
primary: string;
|
|
45
|
+
neutral: string;
|
|
46
|
+
danger: string;
|
|
47
|
+
success: string;
|
|
48
|
+
warning: string;
|
|
49
|
+
};
|
|
50
|
+
}>, {
|
|
51
|
+
variant: {
|
|
52
|
+
solid: string;
|
|
53
|
+
soft: string;
|
|
54
|
+
outline: string;
|
|
55
|
+
ghost: string;
|
|
56
|
+
glass: string;
|
|
57
|
+
'glass-surface': string;
|
|
58
|
+
};
|
|
59
|
+
tone: {
|
|
60
|
+
primary: string;
|
|
61
|
+
neutral: string;
|
|
62
|
+
danger: string;
|
|
63
|
+
success: string;
|
|
64
|
+
warning: string;
|
|
65
|
+
};
|
|
66
|
+
}, undefined, import("tailwind-variants").TVReturnType<{
|
|
67
|
+
variant: {
|
|
68
|
+
solid: string;
|
|
69
|
+
soft: string;
|
|
70
|
+
outline: string;
|
|
71
|
+
ghost: string;
|
|
72
|
+
glass: string;
|
|
73
|
+
'glass-surface': string;
|
|
74
|
+
};
|
|
75
|
+
tone: {
|
|
76
|
+
primary: string;
|
|
77
|
+
neutral: string;
|
|
78
|
+
danger: string;
|
|
79
|
+
success: string;
|
|
80
|
+
warning: string;
|
|
81
|
+
};
|
|
82
|
+
}, undefined, "pointer-events-none grid h-full w-full place-items-center rounded-sm border transition-colors peer-focus-visible:ring-2 peer-focus-visible:ring-ring peer-focus-visible:ring-offset-1 peer-disabled:opacity-50", import("tailwind-variants/dist/config.js").TVConfig<{
|
|
83
|
+
variant: {
|
|
84
|
+
solid: string;
|
|
85
|
+
soft: string;
|
|
86
|
+
outline: string;
|
|
87
|
+
ghost: string;
|
|
88
|
+
glass: string;
|
|
89
|
+
'glass-surface': string;
|
|
90
|
+
};
|
|
91
|
+
tone: {
|
|
92
|
+
primary: string;
|
|
93
|
+
neutral: string;
|
|
94
|
+
danger: string;
|
|
95
|
+
success: string;
|
|
96
|
+
warning: string;
|
|
97
|
+
};
|
|
98
|
+
}, {
|
|
99
|
+
variant: {
|
|
100
|
+
solid: string;
|
|
101
|
+
soft: string;
|
|
102
|
+
outline: string;
|
|
103
|
+
ghost: string;
|
|
104
|
+
glass: string;
|
|
105
|
+
'glass-surface': string;
|
|
106
|
+
};
|
|
107
|
+
tone: {
|
|
108
|
+
primary: string;
|
|
109
|
+
neutral: string;
|
|
110
|
+
danger: string;
|
|
111
|
+
success: string;
|
|
112
|
+
warning: string;
|
|
113
|
+
};
|
|
114
|
+
}>, unknown, unknown, undefined>>;
|
|
115
|
+
export type CheckboxVariants = VariantProps<typeof checkboxVariants>;
|
|
116
|
+
//# sourceMappingURL=Checkbox.variants.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Checkbox.variants.d.ts","sourceRoot":"","sources":["../../../src/forms/checkbox/Checkbox.variants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,aAAa,CAAC;AAEpD,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iCAkE3B,CAAC;AAEH,MAAM,MAAM,gBAAgB,GAAG,YAAY,CAAC,OAAO,gBAAgB,CAAC,CAAC"}
|
package/dist/forms/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export { ADDRESS_COUNTRIES, AddressForm, BUILT_IN_EMOJI, BUILT_IN_FONTS, Calendar, CharacterCount, ChatComposer, Checkbox, CheckboxField, CheckboxGroup, ChoiceCard, CodeEditor, ColorArea, ColorField, ColorPicker, ColorSlider, ColorSwatch, ColorSwatchPicker, ColorWheel, Combobox, ComboboxContent, ComboboxEmpty, ComboboxGroup, ComboboxInput, ComboboxItem, ComboboxSeparator, CronInput, CurrencyInput, DateField, DatePicker, DateRangePicker, Editable, EditableCancel, EditableInput, EditablePreview, EditableSubmit, EmailInput, EmojiPicker, Fieldset, FilePicker, FileUpload, FontPicker, FormErrorMessage, FormField, FormHelperText, GradientPicker, IconPicker, InputAddon, InputGroup, JSONEditor, KeyboardShortcutPicker, Knob, Label, LabeledInput, Legend, Listbox, ListboxEmpty, ListboxGroup, ListboxItem, ListboxSeparator, MarkdownEditor, MaskedInput, MultiSelect, MultiSelectContent, MultiSelectItem, MultiSelectTags, MultiSelectTrigger, NumberInput, PHONE_COUNTRIES, PasswordInput, PasswordStrength, PercentInput, PhoneInput, PinInput, Radio, RadioField, RadioGroup, RangeCalendar, ReactionPicker, RecurrenceEditor, SearchInput, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, Slider, Stepper, StepperList, StepperPanel, StepperStep, Switch, SwitchField, TagsInput, TelInput, TextInput, Textarea, TimeField, TimePicker, UrlInput, Wizard, WizardFooter, WizardStep, WizardSteps, colorSwatchVariants, gradientToCss, useWizard } from '../chunk-
|
|
1
|
+
export { ADDRESS_COUNTRIES, AddressForm, BUILT_IN_EMOJI, BUILT_IN_FONTS, Calendar, CharacterCount, ChatComposer, Checkbox, CheckboxField, CheckboxGroup, ChoiceCard, CodeEditor, ColorArea, ColorField, ColorPicker, ColorSlider, ColorSwatch, ColorSwatchPicker, ColorWheel, Combobox, ComboboxContent, ComboboxEmpty, ComboboxGroup, ComboboxInput, ComboboxItem, ComboboxSeparator, CronInput, CurrencyInput, DateField, DatePicker, DateRangePicker, Editable, EditableCancel, EditableInput, EditablePreview, EditableSubmit, EmailInput, EmojiPicker, Fieldset, FilePicker, FileUpload, FontPicker, FormErrorMessage, FormField, FormHelperText, GradientPicker, IconPicker, InputAddon, InputGroup, JSONEditor, KeyboardShortcutPicker, Knob, Label, LabeledInput, Legend, Listbox, ListboxEmpty, ListboxGroup, ListboxItem, ListboxSeparator, MarkdownEditor, MaskedInput, MultiSelect, MultiSelectContent, MultiSelectItem, MultiSelectTags, MultiSelectTrigger, NumberInput, PHONE_COUNTRIES, PasswordInput, PasswordStrength, PercentInput, PhoneInput, PinInput, Radio, RadioField, RadioGroup, RangeCalendar, ReactionPicker, RecurrenceEditor, SearchInput, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, Slider, Stepper, StepperList, StepperPanel, StepperStep, Switch, SwitchField, TagsInput, TelInput, TextInput, Textarea, TimeField, TimePicker, UrlInput, Wizard, WizardFooter, WizardStep, WizardSteps, colorSwatchVariants, gradientToCss, useWizard } from '../chunk-ITSJYVYW.js';
|
|
2
2
|
import '../chunk-G4H4EDAC.js';
|
|
3
3
|
import '../chunk-VDE5B3IY.js';
|
|
4
4
|
import '../chunk-XTAFNWLG.js';
|
|
@@ -1,26 +1,30 @@
|
|
|
1
|
-
import { type HTMLAttributes, type ReactNode } from 'react';
|
|
2
|
-
|
|
1
|
+
import { type HTMLAttributes, type ReactElement, type ReactNode, type Ref } from 'react';
|
|
2
|
+
/** Equality comparer — used to match items against the current selection. */
|
|
3
|
+
export type EqualityFn<T> = (a: T, b: T) => boolean;
|
|
4
|
+
type SingleProps<T> = {
|
|
3
5
|
multiple?: false;
|
|
4
|
-
value?:
|
|
5
|
-
defaultValue?:
|
|
6
|
-
onValueChange?: (value:
|
|
6
|
+
value?: T;
|
|
7
|
+
defaultValue?: T;
|
|
8
|
+
onValueChange?: (value: T | undefined) => void;
|
|
7
9
|
};
|
|
8
|
-
type MultiProps = {
|
|
10
|
+
type MultiProps<T> = {
|
|
9
11
|
multiple: true;
|
|
10
|
-
value?:
|
|
11
|
-
defaultValue?:
|
|
12
|
-
onValueChange?: (value:
|
|
12
|
+
value?: T[];
|
|
13
|
+
defaultValue?: T[];
|
|
14
|
+
onValueChange?: (value: T[]) => void;
|
|
13
15
|
};
|
|
14
|
-
|
|
16
|
+
type CommonProps<T> = {
|
|
15
17
|
/** Disable all items. */
|
|
16
18
|
disabled?: boolean;
|
|
17
|
-
/**
|
|
19
|
+
/** Custom equality. Defaults to `Object.is`. */
|
|
20
|
+
isEqual?: EqualityFn<T>;
|
|
18
21
|
className?: string;
|
|
19
22
|
children: ReactNode;
|
|
20
23
|
};
|
|
21
|
-
export
|
|
22
|
-
export interface ListboxItemProps extends HTMLAttributes<HTMLDivElement> {
|
|
23
|
-
value
|
|
24
|
+
export type ListboxProps<T = string> = Omit<HTMLAttributes<HTMLDivElement>, 'defaultValue' | 'onChange'> & (SingleProps<T> | MultiProps<T>) & CommonProps<T>;
|
|
25
|
+
export interface ListboxItemProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children'> {
|
|
26
|
+
/** Item value. Typed as `unknown` at call site; compared via parent Listbox's `isEqual`. */
|
|
27
|
+
value: unknown;
|
|
24
28
|
disabled?: boolean;
|
|
25
29
|
children: ReactNode;
|
|
26
30
|
}
|
|
@@ -33,12 +37,15 @@ export interface ListboxGroupProps extends HTMLAttributes<HTMLDivElement> {
|
|
|
33
37
|
export declare function ListboxGroup({ label, children, className, ...rest }: ListboxGroupProps): import("react/jsx-runtime").JSX.Element;
|
|
34
38
|
export declare function ListboxSeparator(props: HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
|
|
35
39
|
export declare function ListboxEmpty({ children, className, ...rest }: HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
|
|
36
|
-
type ListboxComponent =
|
|
40
|
+
type ListboxComponent = (<T = string>(props: ListboxProps<T> & {
|
|
41
|
+
ref?: Ref<HTMLDivElement>;
|
|
42
|
+
}) => ReactElement) & {
|
|
37
43
|
Item: typeof ListboxItem;
|
|
38
44
|
Group: typeof ListboxGroup;
|
|
39
45
|
Separator: typeof ListboxSeparator;
|
|
40
46
|
Empty: typeof ListboxEmpty;
|
|
41
47
|
};
|
|
42
|
-
declare const
|
|
43
|
-
export
|
|
48
|
+
declare const Listbox: ListboxComponent;
|
|
49
|
+
export { Listbox };
|
|
50
|
+
export default Listbox;
|
|
44
51
|
//# sourceMappingURL=Listbox.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Listbox.d.ts","sourceRoot":"","sources":["../../../src/forms/listbox/Listbox.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"Listbox.d.ts","sourceRoot":"","sources":["../../../src/forms/listbox/Listbox.tsx"],"names":[],"mappings":"AAAA,OAAO,EAWL,KAAK,cAAc,EAEnB,KAAK,YAAY,EACjB,KAAK,SAAS,EACd,KAAK,GAAG,EACT,MAAM,OAAO,CAAC;AAYf,6EAA6E;AAC7E,MAAM,MAAM,UAAU,CAAC,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,KAAK,OAAO,CAAC;AA8BpD,KAAK,WAAW,CAAC,CAAC,IAAI;IACpB,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB,KAAK,CAAC,EAAE,CAAC,CAAC;IACV,YAAY,CAAC,EAAE,CAAC,CAAC;IACjB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,GAAG,SAAS,KAAK,IAAI,CAAC;CAChD,CAAC;AAEF,KAAK,UAAU,CAAC,CAAC,IAAI;IACnB,QAAQ,EAAE,IAAI,CAAC;IACf,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC;IACZ,YAAY,CAAC,EAAE,CAAC,EAAE,CAAC;IACnB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,EAAE,KAAK,IAAI,CAAC;CACtC,CAAC;AAEF,KAAK,WAAW,CAAC,CAAC,IAAI;IACpB,yBAAyB;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gDAAgD;IAChD,OAAO,CAAC,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,YAAY,CAAC,CAAC,GAAG,MAAM,IAAI,IAAI,CACzC,cAAc,CAAC,cAAc,CAAC,EAC9B,cAAc,GAAG,UAAU,CAC5B,GACC,CAAC,WAAW,CAAC,CAAC,CAAC,GAAG,UAAU,CAAC,CAAC,CAAC,CAAC,GAChC,WAAW,CAAC,CAAC,CAAC,CAAC;AA2KjB,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IACxF,4FAA4F;IAC5F,KAAK,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,eAAO,MAAM,WAAW,6GAwDtB,CAAC;AAEH,MAAM,WAAW,iBAAkB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACvE,8BAA8B;IAC9B,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,wBAAgB,YAAY,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,iBAAiB,2CAYtF;AAED,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,cAAc,CAAC,cAAc,CAAC,2CAErE;AAED,wBAAgB,YAAY,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,cAAc,CAAC,cAAc,CAAC,2CAM5F;AAED,KAAK,gBAAgB,GAAG,CAAC,CAAC,CAAC,GAAG,MAAM,EAClC,KAAK,EAAE,YAAY,CAAC,CAAC,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAA;CAAE,KACnD,YAAY,CAAC,GAAG;IACnB,IAAI,EAAE,OAAO,WAAW,CAAC;IACzB,KAAK,EAAE,OAAO,YAAY,CAAC;IAC3B,SAAS,EAAE,OAAO,gBAAgB,CAAC;IACnC,KAAK,EAAE,OAAO,YAAY,CAAC;CAC5B,CAAC;AAEF,QAAA,MAAM,OAAO,EAAwB,gBAAgB,CAAC;AAMtD,OAAO,EAAE,OAAO,EAAE,CAAC;AACnB,eAAe,OAAO,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export { Listbox, ListboxItem, ListboxGroup, ListboxSeparator, ListboxEmpty, type ListboxProps, type ListboxItemProps, type ListboxGroupProps, } from './Listbox';
|
|
1
|
+
export { Listbox, ListboxItem, ListboxGroup, ListboxSeparator, ListboxEmpty, type ListboxProps, type ListboxItemProps, type ListboxGroupProps, type EqualityFn, } from './Listbox';
|
|
2
2
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/forms/listbox/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,OAAO,EACP,WAAW,EACX,YAAY,EACZ,gBAAgB,EAChB,YAAY,EACZ,KAAK,YAAY,EACjB,KAAK,gBAAgB,EACrB,KAAK,iBAAiB,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/forms/listbox/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,OAAO,EACP,WAAW,EACX,YAAY,EACZ,gBAAgB,EAChB,YAAY,EACZ,KAAK,YAAY,EACjB,KAAK,gBAAgB,EACrB,KAAK,iBAAiB,EACtB,KAAK,UAAU,GAChB,MAAM,WAAW,CAAC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { type ButtonHTMLAttributes, type ReactNode } from 'react';
|
|
2
2
|
import { Popover } from '../../overlays';
|
|
3
|
-
import { ListboxGroup, ListboxSeparator, ListboxEmpty
|
|
3
|
+
import { ListboxGroup, ListboxSeparator, ListboxEmpty } from '../listbox';
|
|
4
4
|
import { type SelectTriggerVariants } from '../select/Select.variants';
|
|
5
5
|
export interface MultiSelectProps {
|
|
6
6
|
value?: string[];
|
|
@@ -30,8 +30,13 @@ export interface MultiSelectContentProps {
|
|
|
30
30
|
children: ReactNode;
|
|
31
31
|
}
|
|
32
32
|
export declare function MultiSelectContent({ className, children }: MultiSelectContentProps): import("react/jsx-runtime").JSX.Element;
|
|
33
|
-
export
|
|
34
|
-
|
|
33
|
+
export interface MultiSelectItemProps {
|
|
34
|
+
value: string;
|
|
35
|
+
disabled?: boolean;
|
|
36
|
+
className?: string;
|
|
37
|
+
children: ReactNode;
|
|
38
|
+
}
|
|
39
|
+
export declare const MultiSelectItem: import("react").ForwardRefExoticComponent<MultiSelectItemProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
35
40
|
type MultiSelectComponent = typeof MultiSelect & {
|
|
36
41
|
Trigger: typeof MultiSelectTrigger;
|
|
37
42
|
Tags: typeof MultiSelectTags;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MultiSelect.d.ts","sourceRoot":"","sources":["../../../src/forms/multiSelect/MultiSelect.tsx"],"names":[],"mappings":"AAAA,OAAO,EAQL,KAAK,oBAAoB,EACzB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAIf,OAAO,EAAE,OAAO,EAAkC,MAAM,gBAAgB,CAAC;AACzE,OAAO,EAGL,YAAY,EACZ,gBAAgB,EAChB,YAAY,
|
|
1
|
+
{"version":3,"file":"MultiSelect.d.ts","sourceRoot":"","sources":["../../../src/forms/multiSelect/MultiSelect.tsx"],"names":[],"mappings":"AAAA,OAAO,EAQL,KAAK,oBAAoB,EACzB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAIf,OAAO,EAAE,OAAO,EAAkC,MAAM,gBAAgB,CAAC;AACzE,OAAO,EAGL,YAAY,EACZ,gBAAgB,EAChB,YAAY,EACb,MAAM,YAAY,CAAC;AACpB,OAAO,EAAyB,KAAK,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;AAuB9F,MAAM,WAAW,gBAAgB;IAC/B,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IACjB,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IACxB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAC1C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,SAAS,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,OAAO,CAAC,CAAC,WAAW,CAAC,CAAC;IAC9D,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,YAAY,EACZ,aAAa,EACb,QAAgB,EAChB,IAAI,EACJ,OAAO,EACP,WAAmB,EACnB,IAAI,EAAE,QAAQ,EACd,YAAY,EACZ,SAAoB,EACpB,QAAQ,GACT,EAAE,gBAAgB,2CAgElB;AAED,MAAM,WAAW,uBACf,SAAQ,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,UAAU,CAAC,EAC/D,qBAAqB;IACvB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,eAAO,MAAM,kBAAkB,uHAsC9B,CAAC;AAEF,MAAM,WAAW,oBAAoB;IACnC,qCAAqC;IACrC,WAAW,CAAC,EAAE,SAAS,CAAC;CACzB;AAED,wBAAgB,eAAe,CAAC,EAAE,WAAW,EAAE,EAAE,oBAAoB,2CAgCpE;AAED,MAAM,WAAW,uBAAuB;IACtC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,wBAAgB,kBAAkB,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,uBAAuB,2CAgBlF;AAED,MAAM,WAAW,oBAAoB;IACnC,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,eAAO,MAAM,eAAe,iHAW3B,CAAC;AAEF,KAAK,oBAAoB,GAAG,OAAO,WAAW,GAAG;IAC/C,OAAO,EAAE,OAAO,kBAAkB,CAAC;IACnC,IAAI,EAAE,OAAO,eAAe,CAAC;IAC7B,OAAO,EAAE,OAAO,kBAAkB,CAAC;IACnC,IAAI,EAAE,OAAO,eAAe,CAAC;IAC7B,KAAK,EAAE,OAAO,YAAY,CAAC;IAC3B,SAAS,EAAE,OAAO,gBAAgB,CAAC;IACnC,KAAK,EAAE,OAAO,YAAY,CAAC;CAC5B,CAAC;wBAU4B,oBAAoB;AAAlD,wBAAmD"}
|
|
@@ -1,14 +1,23 @@
|
|
|
1
|
-
import { type ButtonHTMLAttributes, type ReactNode } from 'react';
|
|
1
|
+
import { type ButtonHTMLAttributes, type ReactElement, type ReactNode } from 'react';
|
|
2
2
|
import { Popover } from '../../overlays';
|
|
3
|
-
import { ListboxGroup, ListboxSeparator, ListboxEmpty, type
|
|
3
|
+
import { ListboxGroup, ListboxSeparator, ListboxEmpty, type EqualityFn } from '../listbox';
|
|
4
4
|
import { type SelectTriggerVariants } from './Select.variants';
|
|
5
|
-
export interface SelectProps {
|
|
6
|
-
value
|
|
7
|
-
|
|
8
|
-
|
|
5
|
+
export interface SelectProps<T = string> {
|
|
6
|
+
/** `T` = selected value · `null` = explicitly cleared · `undefined` = uncontrolled. */
|
|
7
|
+
value?: T | null;
|
|
8
|
+
defaultValue?: T | null;
|
|
9
|
+
onValueChange?: (value: T | null) => void;
|
|
10
|
+
/** Custom equality. Default: `Object.is`. */
|
|
11
|
+
isEqual?: EqualityFn<T>;
|
|
9
12
|
disabled?: boolean;
|
|
10
|
-
/**
|
|
13
|
+
/** Show a small spinner in the trigger and block interaction. */
|
|
14
|
+
isLoading?: boolean;
|
|
15
|
+
/** Render a clear (×) button in the trigger when a value is set. */
|
|
16
|
+
clearable?: boolean;
|
|
17
|
+
/** Hidden form-input name. Value is stringified via `serialize`. */
|
|
11
18
|
name?: string;
|
|
19
|
+
/** Stringify value for the hidden form input. Default: `String(value)`. */
|
|
20
|
+
serialize?: (value: T) => string;
|
|
12
21
|
/** Style trigger as invalid (red border, error ring). */
|
|
13
22
|
invalid?: boolean;
|
|
14
23
|
defaultOpen?: boolean;
|
|
@@ -18,7 +27,15 @@ export interface SelectProps {
|
|
|
18
27
|
placement?: React.ComponentProps<typeof Popover>['placement'];
|
|
19
28
|
children: ReactNode;
|
|
20
29
|
}
|
|
21
|
-
|
|
30
|
+
declare const Select: (<T = string>(props: SelectProps<T>) => ReactElement) & {
|
|
31
|
+
Trigger: typeof SelectTrigger;
|
|
32
|
+
Value: typeof SelectValue;
|
|
33
|
+
Content: typeof SelectContent;
|
|
34
|
+
Item: typeof SelectItem;
|
|
35
|
+
Group: typeof ListboxGroup;
|
|
36
|
+
Separator: typeof ListboxSeparator;
|
|
37
|
+
Empty: typeof ListboxEmpty;
|
|
38
|
+
};
|
|
22
39
|
export interface SelectTriggerProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'children'>, SelectTriggerVariants {
|
|
23
40
|
children?: ReactNode;
|
|
24
41
|
}
|
|
@@ -26,26 +43,30 @@ export declare const SelectTrigger: import("react").ForwardRefExoticComponent<Se
|
|
|
26
43
|
export interface SelectValueProps {
|
|
27
44
|
/** Shown when nothing is selected. */
|
|
28
45
|
placeholder?: ReactNode;
|
|
29
|
-
/** Optional explicit override
|
|
46
|
+
/** Optional explicit override. */
|
|
30
47
|
children?: ReactNode;
|
|
31
48
|
}
|
|
32
49
|
export declare function SelectValue({ placeholder, children }: SelectValueProps): import("react/jsx-runtime").JSX.Element;
|
|
33
50
|
export interface SelectContentProps {
|
|
34
51
|
className?: string;
|
|
52
|
+
/** Render a search input above the items; filters by item label text. */
|
|
53
|
+
searchable?: boolean;
|
|
54
|
+
/** Placeholder for the search input. Default: "Search…". */
|
|
55
|
+
searchPlaceholder?: string;
|
|
56
|
+
/** Text shown when search yields no matches. Default: "No results". */
|
|
57
|
+
noResultsLabel?: ReactNode;
|
|
35
58
|
children: ReactNode;
|
|
36
59
|
}
|
|
37
|
-
export declare function SelectContent({ className, children }: SelectContentProps): import("react/jsx-runtime").JSX.Element;
|
|
38
|
-
export
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
declare const _default: SelectComponent;
|
|
50
|
-
export default _default;
|
|
60
|
+
export declare function SelectContent({ className, searchable, searchPlaceholder, noResultsLabel, children, }: SelectContentProps): import("react/jsx-runtime").JSX.Element;
|
|
61
|
+
export interface SelectItemProps {
|
|
62
|
+
value: unknown;
|
|
63
|
+
disabled?: boolean;
|
|
64
|
+
/** Override the searchable text (defaults to extracting from children). */
|
|
65
|
+
text?: string;
|
|
66
|
+
className?: string;
|
|
67
|
+
children: ReactNode;
|
|
68
|
+
}
|
|
69
|
+
export declare const SelectItem: import("react").ForwardRefExoticComponent<SelectItemProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
70
|
+
export { Select };
|
|
71
|
+
export default Select;
|
|
51
72
|
//# sourceMappingURL=Select.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../src/forms/select/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../src/forms/select/Select.tsx"],"names":[],"mappings":"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"}
|
package/dist/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export { ADDRESS_COUNTRIES, AddressForm, BUILT_IN_EMOJI, BUILT_IN_FONTS, Calendar, CharacterCount, ChatComposer, Checkbox, CheckboxField, CheckboxGroup, ChoiceCard, CodeEditor, ColorArea, ColorField, ColorPicker, ColorSlider, ColorSwatch, ColorSwatchPicker, ColorWheel, Combobox, ComboboxContent, ComboboxEmpty, ComboboxGroup, ComboboxInput, ComboboxItem, ComboboxSeparator, CronInput, CurrencyInput, DateField, DatePicker, DateRangePicker, Editable, EditableCancel, EditableInput, EditablePreview, EditableSubmit, EmailInput, EmojiPicker, Fieldset, FilePicker, FileUpload, FontPicker, FormErrorMessage, FormField, FormHelperText, GradientPicker, IconPicker, InputAddon, InputGroup, JSONEditor, KeyboardShortcutPicker, Knob, Label, LabeledInput, Legend, Listbox, ListboxEmpty, ListboxGroup, ListboxItem, ListboxSeparator, MarkdownEditor, MaskedInput, MultiSelect, MultiSelectContent, MultiSelectItem, MultiSelectTags, MultiSelectTrigger, NumberInput, PHONE_COUNTRIES, PasswordInput, PasswordStrength, PercentInput, PhoneInput, PinInput, Radio, RadioField, RadioGroup, RangeCalendar, ReactionPicker, RecurrenceEditor, SearchInput, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, Slider, Stepper, StepperList, StepperPanel, StepperStep, Switch, SwitchField, TagsInput, TelInput, TextInput, Textarea, TimeField, TimePicker, UrlInput, Wizard, WizardFooter, WizardStep, WizardSteps, colorSwatchVariants, gradientToCss, useWizard } from './chunk-
|
|
1
|
+
export { ADDRESS_COUNTRIES, AddressForm, BUILT_IN_EMOJI, BUILT_IN_FONTS, Calendar, CharacterCount, ChatComposer, Checkbox, CheckboxField, CheckboxGroup, ChoiceCard, CodeEditor, ColorArea, ColorField, ColorPicker, ColorSlider, ColorSwatch, ColorSwatchPicker, ColorWheel, Combobox, ComboboxContent, ComboboxEmpty, ComboboxGroup, ComboboxInput, ComboboxItem, ComboboxSeparator, CronInput, CurrencyInput, DateField, DatePicker, DateRangePicker, Editable, EditableCancel, EditableInput, EditablePreview, EditableSubmit, EmailInput, EmojiPicker, Fieldset, FilePicker, FileUpload, FontPicker, FormErrorMessage, FormField, FormHelperText, GradientPicker, IconPicker, InputAddon, InputGroup, JSONEditor, KeyboardShortcutPicker, Knob, Label, LabeledInput, Legend, Listbox, ListboxEmpty, ListboxGroup, ListboxItem, ListboxSeparator, MarkdownEditor, MaskedInput, MultiSelect, MultiSelectContent, MultiSelectItem, MultiSelectTags, MultiSelectTrigger, NumberInput, PHONE_COUNTRIES, PasswordInput, PasswordStrength, PercentInput, PhoneInput, PinInput, Radio, RadioField, RadioGroup, RangeCalendar, ReactionPicker, RecurrenceEditor, SearchInput, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, Slider, Stepper, StepperList, StepperPanel, StepperStep, Switch, SwitchField, TagsInput, TelInput, TextInput, Textarea, TimeField, TimePicker, UrlInput, Wizard, WizardFooter, WizardStep, WizardSteps, colorSwatchVariants, gradientToCss, useWizard } from './chunk-ITSJYVYW.js';
|
|
2
2
|
export { AppShell, AppShellAside, AppShellContent, AppShellFooter, AppShellHeader, AppShellMain, AppShellSidebar, AspectRatio, Box, Center, Cluster, Container, Flex, Frame, Grid, HStack, Inline, Overlay, PullToRefresh, ResizablePanel, ResizablePanels, ResizableSeparator, ScrollArea, Spacer, Stack, TwoColumn, VStack, containerVariants, gridVariants, stackVariants, useAppShell } from './chunk-A7YU4OEV.js';
|
|
3
3
|
export { Breadcrumb, CommandPalette, CommandPaletteContent, CommandPaletteEmpty, CommandPaletteGroup, CommandPaletteInput, CommandPaletteItem, CommandPaletteList, CommandPaletteSeparator, ContextMenu, ContextMenuContent, ContextMenuTrigger, DropdownMenu, DropdownMenuContent, DropdownMenuTrigger, Menu, MenuGroup, MenuItem, MenuLabel, MenuSeparator, Menubar, MenubarContent, MenubarMenu, MenubarTrigger, NavItem, NavigationMenu, NavigationMenuContent, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, Pagination, ScrollSpy, TableOfContents, menuItemVariants, menuLabelVariants, menuSeparatorVariants, menuVariants, useScrollSpy } from './chunk-NI765SXA.js';
|
|
4
4
|
import './chunk-G4H4EDAC.js';
|