@sprawlify/solid 0.0.14 → 0.0.15
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-C4aQI7lE.jsx +18 -0
- package/dist/chunk-CKcAJnC7.js +18 -0
- package/dist/collapsible-Cg7zPadX.js +129 -0
- package/dist/collapsible-CjuC6xYl.jsx +117 -0
- package/dist/collection-BiyRTWsX.js +219 -0
- package/dist/collection-BlnS2UQy.jsx +219 -0
- package/dist/components/accordion/index.d.ts +69 -0
- package/dist/components/accordion/index.js +183 -0
- package/dist/components/accordion/index.jsx +157 -0
- package/dist/components/angle-slider/index.d.ts +74 -0
- package/dist/components/angle-slider/index.js +155 -0
- package/dist/components/angle-slider/index.jsx +144 -0
- package/dist/components/avatar/index.d.ts +49 -0
- package/dist/components/avatar/index.js +95 -0
- package/dist/components/avatar/index.jsx +88 -0
- package/dist/components/bottom-sheet/index.d.ts +80 -0
- package/dist/components/bottom-sheet/index.js +218 -0
- package/dist/components/bottom-sheet/index.jsx +177 -0
- package/dist/components/carousel/index.d.ts +98 -0
- package/dist/components/carousel/index.js +207 -0
- package/dist/components/carousel/index.jsx +192 -0
- package/dist/components/checkbox/index.d.ts +138 -0
- package/dist/components/checkbox/index.js +265 -0
- package/dist/components/checkbox/index.jsx +247 -0
- package/dist/components/client-only/index.d.ts +10 -0
- package/dist/components/client-only/index.js +24 -0
- package/dist/components/client-only/index.jsx +15 -0
- package/dist/components/clipboard/index.d.ts +72 -0
- package/dist/components/clipboard/index.js +149 -0
- package/dist/components/clipboard/index.jsx +132 -0
- package/dist/components/collapsible/index.d.ts +60 -0
- package/dist/components/collapsible/index.js +8 -0
- package/dist/components/collapsible/index.jsx +8 -0
- package/dist/components/collection/index.d.ts +3 -0
- package/dist/components/collection/index.js +4 -0
- package/dist/components/collection/index.jsx +4 -0
- package/dist/components/field/index.d.ts +201 -0
- package/dist/components/field/index.js +9 -0
- package/dist/components/field/index.jsx +9 -0
- package/dist/components/fieldset/index.d.ts +109 -0
- package/dist/components/fieldset/index.js +8 -0
- package/dist/components/fieldset/index.jsx +8 -0
- package/dist/components/presence/index.d.ts +5 -0
- package/dist/components/presence/index.js +8 -0
- package/dist/components/presence/index.jsx +8 -0
- package/dist/components/select/index.d.ts +134 -0
- package/dist/components/select/index.js +361 -0
- package/dist/components/select/index.jsx +310 -0
- package/dist/compose-refs-CzyOb8yH.jsx +20 -0
- package/dist/compose-refs-vsrTrt13.js +20 -0
- package/dist/create-split-props-CQVsvhvg.jsx +41 -0
- package/dist/factory-B6RK6SH4.d.ts +14 -0
- package/dist/factory-CEdj72aS.js +47 -0
- package/dist/field-C_WuoXOj.js +287 -0
- package/dist/field-CphvciGc.jsx +259 -0
- package/dist/fieldset-BG-0ZqWT.jsx +167 -0
- package/dist/fieldset-D1BO0LmU.js +182 -0
- package/dist/index-C3ATynHc.d.ts +23 -0
- package/dist/index-DXheKbqg.d.ts +76 -0
- package/dist/index-NWiNyxpL.d.ts +38 -0
- package/dist/index-vSwYtc2L.d.ts +38 -0
- package/dist/index.d.ts +5 -29
- package/dist/index.js +4 -511
- package/dist/index.jsx +4 -497
- package/dist/presence-Bfjusgm3.js +79 -0
- package/dist/presence-arWh1hVd.jsx +66 -0
- package/dist/providers-CHqGPEsc.jsx +82 -0
- package/dist/providers-CQkAUunr.js +96 -0
- package/dist/render-strategy-COrlrUuR.js +12 -0
- package/dist/render-strategy-CZDG_yDi.jsx +12 -0
- package/dist/render-strategy-CtRkdWei.d.ts +9 -0
- package/dist/run-if-fn-DRWB51JE.jsx +421 -0
- package/dist/run-if-fn-eYlaegHy.js +421 -0
- package/dist/types-bQRbEioA.d.ts +9 -0
- package/dist/utils/index.d.ts +1 -1
- package/dist/utils/index.js +2 -1
- package/dist/utils/index.jsx +2 -1
- package/dist/utils-DYer-9SY.js +0 -0
- package/dist/utils-DrvO4Hk3.jsx +0 -0
- package/package.json +62 -2
- /package/dist/{utils-DSKoW7eB.jsx → create-context-PS2j4mEo.js} +0 -0
- /package/dist/{utils-GEMuT7an.js → create-context-h3cXiEld.jsx} +0 -0
- /package/dist/{index-C_ThrXdH.d.ts → index-B0YoIRC4.d.ts} +0 -0
|
@@ -0,0 +1,109 @@
|
|
|
1
|
+
import { n as MaybeAccessor } from "../../types-bQRbEioA.js";
|
|
2
|
+
import { n as PolymorphicProps, t as HTMLProps } from "../../factory-B6RK6SH4.js";
|
|
3
|
+
import * as solid_js103 from "solid-js";
|
|
4
|
+
import { JSX } from "solid-js";
|
|
5
|
+
import * as _sprawlify_primitives_anatomy3 from "@sprawlify/primitives/anatomy";
|
|
6
|
+
|
|
7
|
+
//#region src/components/fieldset/use-fieldset.d.ts
|
|
8
|
+
interface UseFieldsetProps {
|
|
9
|
+
/**
|
|
10
|
+
* The id of the fieldset.
|
|
11
|
+
*/
|
|
12
|
+
id?: string;
|
|
13
|
+
/**
|
|
14
|
+
* Indicates whether the fieldset is disabled.
|
|
15
|
+
*/
|
|
16
|
+
disabled?: boolean;
|
|
17
|
+
/**
|
|
18
|
+
* Indicates whether the fieldset is invalid.
|
|
19
|
+
*/
|
|
20
|
+
invalid?: boolean;
|
|
21
|
+
}
|
|
22
|
+
type UseFieldsetReturn = ReturnType<typeof useFieldset>;
|
|
23
|
+
declare const useFieldset: (props?: MaybeAccessor<UseFieldsetProps>) => solid_js103.Accessor<{
|
|
24
|
+
refs: {
|
|
25
|
+
rootRef: solid_js103.Setter<HTMLFieldSetElement | undefined>;
|
|
26
|
+
};
|
|
27
|
+
ids: {
|
|
28
|
+
legend: string;
|
|
29
|
+
errorText: string;
|
|
30
|
+
helperText: string;
|
|
31
|
+
};
|
|
32
|
+
disabled: boolean;
|
|
33
|
+
invalid: boolean;
|
|
34
|
+
getRootProps: () => {
|
|
35
|
+
disabled: boolean;
|
|
36
|
+
'data-disabled': boolean | "true" | "false";
|
|
37
|
+
'data-invalid': boolean | "true" | "false";
|
|
38
|
+
'aria-labelledby': string;
|
|
39
|
+
'aria-describedby': string | undefined;
|
|
40
|
+
"data-scope": string;
|
|
41
|
+
"data-part": string;
|
|
42
|
+
};
|
|
43
|
+
getLegendProps: () => {
|
|
44
|
+
'data-disabled': boolean | "true" | "false";
|
|
45
|
+
'data-invalid': boolean | "true" | "false";
|
|
46
|
+
"data-scope": string;
|
|
47
|
+
"data-part": string;
|
|
48
|
+
id: string;
|
|
49
|
+
};
|
|
50
|
+
getHelperTextProps: () => {
|
|
51
|
+
"data-scope": string;
|
|
52
|
+
"data-part": string;
|
|
53
|
+
id: string;
|
|
54
|
+
};
|
|
55
|
+
getErrorTextProps: () => {
|
|
56
|
+
'aria-live': string;
|
|
57
|
+
"data-scope": string;
|
|
58
|
+
"data-part": string;
|
|
59
|
+
id: string;
|
|
60
|
+
};
|
|
61
|
+
}>;
|
|
62
|
+
//#endregion
|
|
63
|
+
//#region src/components/fieldset/use-fieldset-context.d.ts
|
|
64
|
+
interface UseFieldsetContext extends UseFieldsetReturn {}
|
|
65
|
+
//#endregion
|
|
66
|
+
//#region src/components/fieldset/fieldset-context.d.ts
|
|
67
|
+
interface FieldsetContextProps {
|
|
68
|
+
children: (context: UseFieldsetContext) => JSX.Element;
|
|
69
|
+
}
|
|
70
|
+
declare const FieldsetContext: (props: FieldsetContextProps) => JSX.Element;
|
|
71
|
+
//#endregion
|
|
72
|
+
//#region src/components/fieldset/fieldset-error-text.d.ts
|
|
73
|
+
interface FieldsetErrorTextBaseProps extends PolymorphicProps<'span'> {}
|
|
74
|
+
interface FieldsetErrorTextProps extends HTMLProps<'span'>, FieldsetErrorTextBaseProps {}
|
|
75
|
+
declare const FieldsetErrorText: (props: FieldsetErrorTextProps) => solid_js103.JSX.Element;
|
|
76
|
+
//#endregion
|
|
77
|
+
//#region src/components/fieldset/fieldset-helper-text.d.ts
|
|
78
|
+
interface FieldsetHelperTextBaseProps extends PolymorphicProps<'span'> {}
|
|
79
|
+
interface FieldsetHelperTextProps extends HTMLProps<'span'>, FieldsetHelperTextBaseProps {}
|
|
80
|
+
declare const FieldsetHelperText: (props: FieldsetHelperTextProps) => solid_js103.JSX.Element;
|
|
81
|
+
//#endregion
|
|
82
|
+
//#region src/components/fieldset/fieldset-legend.d.ts
|
|
83
|
+
interface FieldsetLegendBaseProps extends PolymorphicProps<'legend'> {}
|
|
84
|
+
interface FieldsetLegendProps extends HTMLProps<'legend'>, FieldsetLegendBaseProps {}
|
|
85
|
+
declare const FieldsetLegend: (props: FieldsetLegendProps) => solid_js103.JSX.Element;
|
|
86
|
+
//#endregion
|
|
87
|
+
//#region src/components/fieldset/fieldset-root.d.ts
|
|
88
|
+
interface FieldsetRootBaseProps extends UseFieldsetProps, PolymorphicProps<'fieldset'> {}
|
|
89
|
+
interface FieldsetRootProps extends HTMLProps<'fieldset'>, FieldsetRootBaseProps {}
|
|
90
|
+
declare const FieldsetRoot: {
|
|
91
|
+
(props: FieldsetRootProps): solid_js103.JSX.Element;
|
|
92
|
+
displayName: string;
|
|
93
|
+
};
|
|
94
|
+
//#endregion
|
|
95
|
+
//#region src/components/fieldset/fieldset-root-provider.d.ts
|
|
96
|
+
interface RootProviderProps {
|
|
97
|
+
value: UseFieldsetReturn;
|
|
98
|
+
}
|
|
99
|
+
interface FieldsetRootProviderBaseProps extends RootProviderProps, PolymorphicProps<'fieldset'> {}
|
|
100
|
+
interface FieldsetRootProviderProps extends HTMLProps<'fieldset'>, FieldsetRootProviderBaseProps {}
|
|
101
|
+
declare const FieldsetRootProvider: (props: FieldsetRootProviderProps) => solid_js103.JSX.Element;
|
|
102
|
+
//#endregion
|
|
103
|
+
//#region src/components/fieldset/fieldset-anatomy.d.ts
|
|
104
|
+
declare const fieldsetAnatomy: _sprawlify_primitives_anatomy3.AnatomyInstance<"legend" | "root" | "errorText" | "helperText">;
|
|
105
|
+
declare namespace fieldset_d_exports {
|
|
106
|
+
export { FieldsetContext as Context, FieldsetContextProps as ContextProps, FieldsetErrorText as ErrorText, FieldsetErrorTextBaseProps as ErrorTextBaseProps, FieldsetErrorTextProps as ErrorTextProps, FieldsetHelperText as HelperText, FieldsetHelperTextBaseProps as HelperTextBaseProps, FieldsetHelperTextProps as HelperTextProps, FieldsetLegend as Legend, FieldsetLegendBaseProps as LegendBaseProps, FieldsetLegendProps as LegendProps, FieldsetRoot as Root, FieldsetRootBaseProps as RootBaseProps, FieldsetRootProps as RootProps, FieldsetRootProvider as RootProvider, FieldsetRootProviderBaseProps as RootProviderBaseProps, FieldsetRootProviderProps as RootProviderProps };
|
|
107
|
+
}
|
|
108
|
+
//#endregion
|
|
109
|
+
export { fieldset_d_exports as Fieldset, FieldsetContext, type FieldsetContextProps, FieldsetErrorText, type FieldsetErrorTextBaseProps, type FieldsetErrorTextProps, FieldsetHelperText, type FieldsetHelperTextBaseProps, type FieldsetHelperTextProps, FieldsetLegend, type FieldsetLegendBaseProps, type FieldsetLegendProps, FieldsetRoot, type FieldsetRootBaseProps, type FieldsetRootProps, FieldsetRootProvider, type FieldsetRootProviderBaseProps, type FieldsetRootProviderProps, type UseFieldsetContext, type UseFieldsetProps, type UseFieldsetReturn, fieldsetAnatomy, useFieldset, useFieldsetContext };
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import "../../run-if-fn-eYlaegHy.js";
|
|
2
|
+
import "../../create-context-PS2j4mEo.js";
|
|
3
|
+
import "../../providers-CQkAUunr.js";
|
|
4
|
+
import "../../factory-CEdj72aS.js";
|
|
5
|
+
import "../../compose-refs-vsrTrt13.js";
|
|
6
|
+
import { a as fieldsetAnatomy, c as FieldsetErrorText, i as useFieldset, l as FieldsetContext, n as FieldsetRootProvider, o as FieldsetLegend, r as FieldsetRoot, s as FieldsetHelperText, t as fieldset_exports, u as useFieldsetContext } from "../../fieldset-D1BO0LmU.js";
|
|
7
|
+
|
|
8
|
+
export { fieldset_exports as Fieldset, FieldsetContext, FieldsetErrorText, FieldsetHelperText, FieldsetLegend, FieldsetRoot, FieldsetRootProvider, fieldsetAnatomy, useFieldset, useFieldsetContext };
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import "../../run-if-fn-DRWB51JE.jsx";
|
|
2
|
+
import "../../create-context-h3cXiEld.jsx";
|
|
3
|
+
import "../../providers-CHqGPEsc.jsx";
|
|
4
|
+
import "../../create-split-props-CQVsvhvg.jsx";
|
|
5
|
+
import "../../compose-refs-CzyOb8yH.jsx";
|
|
6
|
+
import { a as fieldsetAnatomy, c as FieldsetErrorText, i as useFieldset, l as FieldsetContext, n as FieldsetRootProvider, o as FieldsetLegend, r as FieldsetRoot, s as FieldsetHelperText, t as fieldset_exports, u as useFieldsetContext } from "../../fieldset-BG-0ZqWT.jsx";
|
|
7
|
+
|
|
8
|
+
export { fieldset_exports as Fieldset, FieldsetContext, FieldsetErrorText, FieldsetHelperText, FieldsetLegend, FieldsetRoot, FieldsetRootProvider, fieldsetAnatomy, useFieldset, useFieldsetContext };
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import "../../types-bQRbEioA.js";
|
|
2
|
+
import "../../factory-B6RK6SH4.js";
|
|
3
|
+
import "../../render-strategy-CtRkdWei.js";
|
|
4
|
+
import { a as Presence, c as UsePresenceReturn, i as splitPresenceProps, l as usePresence, n as UsePresenceContext, o as PresenceProps, r as usePresenceContext, s as UsePresenceProps, t as PresenceProvider } from "../../index-vSwYtc2L.js";
|
|
5
|
+
export { Presence, PresenceProps, PresenceProvider, UsePresenceContext, UsePresenceProps, UsePresenceReturn, splitPresenceProps, usePresence, usePresenceContext };
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import "../../run-if-fn-eYlaegHy.js";
|
|
2
|
+
import "../../create-context-PS2j4mEo.js";
|
|
3
|
+
import "../../factory-CEdj72aS.js";
|
|
4
|
+
import "../../render-strategy-COrlrUuR.js";
|
|
5
|
+
import "../../compose-refs-vsrTrt13.js";
|
|
6
|
+
import { a as splitPresenceProps, i as usePresence, n as usePresenceContext, r as Presence, t as PresenceProvider } from "../../presence-Bfjusgm3.js";
|
|
7
|
+
|
|
8
|
+
export { Presence, PresenceProvider, splitPresenceProps, usePresence, usePresenceContext };
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import "../../run-if-fn-DRWB51JE.jsx";
|
|
2
|
+
import "../../create-context-h3cXiEld.jsx";
|
|
3
|
+
import "../../create-split-props-CQVsvhvg.jsx";
|
|
4
|
+
import "../../render-strategy-CZDG_yDi.jsx";
|
|
5
|
+
import "../../compose-refs-CzyOb8yH.jsx";
|
|
6
|
+
import { a as splitPresenceProps, i as usePresence, n as usePresenceContext, r as Presence, t as PresenceProvider } from "../../presence-arWh1hVd.jsx";
|
|
7
|
+
|
|
8
|
+
export { Presence, PresenceProvider, splitPresenceProps, usePresence, usePresenceContext };
|
|
@@ -0,0 +1,134 @@
|
|
|
1
|
+
import { n as PropTypes } from "../../index-C3ATynHc.js";
|
|
2
|
+
import { i as Optional, n as MaybeAccessor, t as Assign } from "../../types-bQRbEioA.js";
|
|
3
|
+
import { n as PolymorphicProps, t as HTMLProps } from "../../factory-B6RK6SH4.js";
|
|
4
|
+
import "../../render-strategy-CtRkdWei.js";
|
|
5
|
+
import { s as UsePresenceProps } from "../../index-vSwYtc2L.js";
|
|
6
|
+
import { _ as CollectionItem, b as createListCollection, i as UseListCollectionProps, o as useListCollection, y as ListCollection } from "../../index-DXheKbqg.js";
|
|
7
|
+
import * as solid_js13 from "solid-js";
|
|
8
|
+
import { Accessor, JSX } from "solid-js";
|
|
9
|
+
import * as select from "@sprawlify/primitives/machines/select";
|
|
10
|
+
import { FocusOutsideEvent, FocusOutsideEvent as SelectFocusOutsideEvent, HighlightChangeDetails, HighlightChangeDetails as SelectHighlightChangeDetails, InteractOutsideEvent, InteractOutsideEvent as SelectInteractOutsideEvent, ItemProps, ItemState, OpenChangeDetails, OpenChangeDetails as SelectOpenChangeDetails, PointerDownOutsideEvent, PointerDownOutsideEvent as SelectPointerDownOutsideEvent, ValueChangeDetails, ValueChangeDetails as SelectValueChangeDetails, anatomy as selectAnatomy } from "@sprawlify/primitives/machines/select";
|
|
11
|
+
import { JSX as JSX$1 } from "solid-js/jsx-runtime";
|
|
12
|
+
|
|
13
|
+
//#region src/components/select/select-clear-trigger.d.ts
|
|
14
|
+
interface SelectClearTriggerBaseProps extends PolymorphicProps<'button'> {}
|
|
15
|
+
interface SelectClearTriggerProps extends HTMLProps<'button'>, SelectClearTriggerBaseProps {}
|
|
16
|
+
declare const SelectClearTrigger: (props: SelectClearTriggerProps) => solid_js13.JSX.Element;
|
|
17
|
+
//#endregion
|
|
18
|
+
//#region src/components/select/select-content.d.ts
|
|
19
|
+
interface SelectContentBaseProps extends PolymorphicProps<'div'> {}
|
|
20
|
+
interface SelectContentProps extends HTMLProps<'div'>, SelectContentBaseProps {}
|
|
21
|
+
declare const SelectContent: (props: SelectContentProps) => solid_js13.JSX.Element;
|
|
22
|
+
//#endregion
|
|
23
|
+
//#region src/components/select/use-select.d.ts
|
|
24
|
+
interface UseSelectProps<T extends CollectionItem> extends Optional<Omit<select.Props<T>, 'collection' | 'dir' | 'getRootNode'>, 'id'> {
|
|
25
|
+
collection: ListCollection<T>;
|
|
26
|
+
}
|
|
27
|
+
interface UseSelectReturn<T extends CollectionItem> extends Accessor<select.Api<PropTypes, T>> {}
|
|
28
|
+
declare const useSelect: <T extends CollectionItem>(props: MaybeAccessor<UseSelectProps<T>>) => UseSelectReturn<T>;
|
|
29
|
+
//#endregion
|
|
30
|
+
//#region src/components/select/use-select-context.d.ts
|
|
31
|
+
interface UseSelectContext<T extends CollectionItem> extends UseSelectReturn<T> {}
|
|
32
|
+
//#endregion
|
|
33
|
+
//#region src/components/select/select-context.d.ts
|
|
34
|
+
interface SelectContextProps<T extends CollectionItem> {
|
|
35
|
+
children: (context: UseSelectContext<T>) => JSX.Element;
|
|
36
|
+
}
|
|
37
|
+
declare const SelectContext: <T extends CollectionItem>(props: SelectContextProps<T>) => JSX.Element;
|
|
38
|
+
//#endregion
|
|
39
|
+
//#region src/components/select/select-control.d.ts
|
|
40
|
+
interface SelectControlBaseProps extends PolymorphicProps<'div'> {}
|
|
41
|
+
interface SelectControlProps extends HTMLProps<'div'>, SelectControlBaseProps {}
|
|
42
|
+
declare const SelectControl: (props: SelectControlProps) => solid_js13.JSX.Element;
|
|
43
|
+
//#endregion
|
|
44
|
+
//#region src/components/select/select-hidden-select.d.ts
|
|
45
|
+
interface SelectHiddenSelectBaseProps extends PolymorphicProps<'select'> {}
|
|
46
|
+
interface SelectHiddenSelectProps extends HTMLProps<'select'>, SelectHiddenSelectBaseProps {}
|
|
47
|
+
declare const SelectHiddenSelect: (props: SelectHiddenSelectProps) => solid_js13.JSX.Element;
|
|
48
|
+
//#endregion
|
|
49
|
+
//#region src/components/select/select-indicator.d.ts
|
|
50
|
+
interface SelectIndicatorBaseProps extends PolymorphicProps<'div'> {}
|
|
51
|
+
interface SelectIndicatorProps extends HTMLProps<'div'>, SelectIndicatorBaseProps {}
|
|
52
|
+
declare const SelectIndicator: (props: SelectIndicatorProps) => solid_js13.JSX.Element;
|
|
53
|
+
//#endregion
|
|
54
|
+
//#region src/components/select/select-item.d.ts
|
|
55
|
+
interface SelectItemBaseProps extends ItemProps, PolymorphicProps<'div'> {}
|
|
56
|
+
interface SelectItemProps extends HTMLProps<'div'>, SelectItemBaseProps {}
|
|
57
|
+
declare const SelectItem: (props: SelectItemProps) => solid_js13.JSX.Element;
|
|
58
|
+
//#endregion
|
|
59
|
+
//#region src/components/select/use-select-item-context.d.ts
|
|
60
|
+
interface UseSelectItemContext extends Accessor<ItemState> {}
|
|
61
|
+
//#endregion
|
|
62
|
+
//#region src/components/select/select-item-context.d.ts
|
|
63
|
+
interface SelectItemContextProps {
|
|
64
|
+
children: (context: UseSelectItemContext) => JSX.Element;
|
|
65
|
+
}
|
|
66
|
+
declare const SelectItemContext: (props: SelectItemContextProps) => JSX.Element;
|
|
67
|
+
//#endregion
|
|
68
|
+
//#region src/components/select/select-item-group.d.ts
|
|
69
|
+
interface SelectItemGroupBaseProps extends PolymorphicProps<'div'> {}
|
|
70
|
+
interface SelectItemGroupProps extends HTMLProps<'div'>, SelectItemGroupBaseProps {}
|
|
71
|
+
declare const SelectItemGroup: (props: SelectItemGroupProps) => solid_js13.JSX.Element;
|
|
72
|
+
//#endregion
|
|
73
|
+
//#region src/components/select/select-item-group-label.d.ts
|
|
74
|
+
interface SelectItemGroupLabelBaseProps extends PolymorphicProps<'div'> {}
|
|
75
|
+
interface SelectItemGroupLabelProps extends HTMLProps<'div'>, SelectItemGroupLabelBaseProps {}
|
|
76
|
+
declare const SelectItemGroupLabel: (props: SelectItemGroupLabelProps) => solid_js13.JSX.Element;
|
|
77
|
+
//#endregion
|
|
78
|
+
//#region src/components/select/select-item-indicator.d.ts
|
|
79
|
+
interface SelectItemIndicatorBaseProps extends PolymorphicProps<'div'> {}
|
|
80
|
+
interface SelectItemIndicatorProps extends HTMLProps<'div'>, SelectItemIndicatorBaseProps {}
|
|
81
|
+
declare const SelectItemIndicator: (props: SelectItemIndicatorProps) => solid_js13.JSX.Element;
|
|
82
|
+
//#endregion
|
|
83
|
+
//#region src/components/select/select-item-text.d.ts
|
|
84
|
+
interface SelectItemTextBaseProps extends PolymorphicProps<'span'> {}
|
|
85
|
+
interface SelectItemTextProps extends HTMLProps<'span'>, SelectItemTextBaseProps {}
|
|
86
|
+
declare const SelectItemText: (props: SelectItemTextProps) => solid_js13.JSX.Element;
|
|
87
|
+
//#endregion
|
|
88
|
+
//#region src/components/select/select-label.d.ts
|
|
89
|
+
interface SelectLabelBaseProps extends PolymorphicProps<'label'> {}
|
|
90
|
+
interface SelectLabelProps extends HTMLProps<'label'>, SelectLabelBaseProps {}
|
|
91
|
+
declare const SelectLabel: (props: SelectLabelProps) => solid_js13.JSX.Element;
|
|
92
|
+
//#endregion
|
|
93
|
+
//#region src/components/select/select-list.d.ts
|
|
94
|
+
interface SelectListBaseProps extends PolymorphicProps<'div'> {}
|
|
95
|
+
interface SelectListProps extends HTMLProps<'div'>, SelectListBaseProps {}
|
|
96
|
+
declare const SelectList: (props: SelectListProps) => solid_js13.JSX.Element;
|
|
97
|
+
//#endregion
|
|
98
|
+
//#region src/components/select/select-positioner.d.ts
|
|
99
|
+
interface SelectPositionerBaseProps extends PolymorphicProps<'div'> {}
|
|
100
|
+
interface SelectPositionerProps extends HTMLProps<'div'>, SelectPositionerBaseProps {}
|
|
101
|
+
declare const SelectPositioner: (props: SelectPositionerProps) => solid_js13.JSX.Element;
|
|
102
|
+
//#endregion
|
|
103
|
+
//#region src/components/select/select-root.d.ts
|
|
104
|
+
interface SelectRootBaseProps<T extends CollectionItem> extends UseSelectProps<T>, UsePresenceProps, PolymorphicProps<'div'> {}
|
|
105
|
+
interface SelectRootProps<T extends CollectionItem> extends Assign<HTMLProps<'div'>, SelectRootBaseProps<T>> {}
|
|
106
|
+
declare const SelectRoot: <T extends CollectionItem>(props: SelectRootProps<T>) => JSX.Element;
|
|
107
|
+
type SelectRootComponentProps<T extends CollectionItem = CollectionItem, P = {}> = Assign<SelectRootProps<T>, P>;
|
|
108
|
+
type SelectRootComponent<P = {}> = <T extends CollectionItem>(props: SelectRootComponentProps<T, P>) => JSX.Element;
|
|
109
|
+
//#endregion
|
|
110
|
+
//#region src/components/select/select-root-provider.d.ts
|
|
111
|
+
interface RootProviderProps<T extends CollectionItem> {
|
|
112
|
+
value: UseSelectReturn<T>;
|
|
113
|
+
}
|
|
114
|
+
interface SelectRootProviderBaseProps<T extends CollectionItem> extends RootProviderProps<T>, UsePresenceProps, PolymorphicProps<'div'> {}
|
|
115
|
+
interface SelectRootProviderProps<T extends CollectionItem> extends HTMLProps<'div'>, SelectRootProviderBaseProps<T> {}
|
|
116
|
+
declare const SelectRootProvider: <T extends CollectionItem>(props: SelectRootProviderProps<T>) => JSX$1.Element;
|
|
117
|
+
type SelectRootProviderComponent<P = {}> = <T extends CollectionItem>(props: Assign<SelectRootProviderProps<T>, P>) => JSX$1.Element;
|
|
118
|
+
//#endregion
|
|
119
|
+
//#region src/components/select/select-trigger.d.ts
|
|
120
|
+
interface SelectTriggerBaseProps extends PolymorphicProps<'button'> {}
|
|
121
|
+
interface SelectTriggerProps extends HTMLProps<'button'>, SelectTriggerBaseProps {}
|
|
122
|
+
declare const SelectTrigger: (props: SelectTriggerProps) => solid_js13.JSX.Element;
|
|
123
|
+
//#endregion
|
|
124
|
+
//#region src/components/select/select-value-text.d.ts
|
|
125
|
+
interface SelectValueTextBaseProps extends PolymorphicProps<'span'> {
|
|
126
|
+
placeholder?: string;
|
|
127
|
+
}
|
|
128
|
+
interface SelectValueTextProps extends HTMLProps<'span'>, SelectValueTextBaseProps {}
|
|
129
|
+
declare const SelectValueText: (props: SelectValueTextProps) => solid_js13.JSX.Element;
|
|
130
|
+
declare namespace select_d_exports {
|
|
131
|
+
export { SelectClearTrigger as ClearTrigger, SelectClearTriggerBaseProps as ClearTriggerBaseProps, SelectClearTriggerProps as ClearTriggerProps, CollectionItem, SelectContent as Content, SelectContentBaseProps as ContentBaseProps, SelectContentProps as ContentProps, SelectContext as Context, SelectContextProps as ContextProps, SelectControl as Control, SelectControlBaseProps as ControlBaseProps, SelectControlProps as ControlProps, FocusOutsideEvent, SelectHiddenSelect as HiddenSelect, SelectHiddenSelectBaseProps as HiddenSelectBaseProps, SelectHiddenSelectProps as HiddenSelectProps, HighlightChangeDetails, SelectIndicator as Indicator, SelectIndicatorBaseProps as IndicatorBaseProps, SelectIndicatorProps as IndicatorProps, InteractOutsideEvent, SelectItem as Item, SelectItemBaseProps as ItemBaseProps, SelectItemContext as ItemContext, SelectItemContextProps as ItemContextProps, SelectItemGroup as ItemGroup, SelectItemGroupBaseProps as ItemGroupBaseProps, SelectItemGroupLabel as ItemGroupLabel, SelectItemGroupLabelBaseProps as ItemGroupLabelBaseProps, SelectItemGroupLabelProps as ItemGroupLabelProps, SelectItemGroupProps as ItemGroupProps, SelectItemIndicator as ItemIndicator, SelectItemIndicatorBaseProps as ItemIndicatorBaseProps, SelectItemIndicatorProps as ItemIndicatorProps, SelectItemProps as ItemProps, SelectItemText as ItemText, SelectItemTextBaseProps as ItemTextBaseProps, SelectItemTextProps as ItemTextProps, SelectLabel as Label, SelectLabelBaseProps as LabelBaseProps, SelectLabelProps as LabelProps, SelectList as List, SelectListBaseProps as ListBaseProps, ListCollection, SelectListProps as ListProps, OpenChangeDetails, PointerDownOutsideEvent, SelectPositioner as Positioner, SelectPositionerBaseProps as PositionerBaseProps, SelectPositionerProps as PositionerProps, SelectRoot as Root, SelectRootBaseProps as RootBaseProps, SelectRootComponent as RootComponent, SelectRootComponentProps as RootComponentProps, SelectRootProps as RootProps, SelectRootProvider as RootProvider, SelectRootProviderBaseProps as RootProviderBaseProps, SelectRootProviderComponent as RootProviderComponent, SelectRootProviderProps as RootProviderProps, SelectTrigger as Trigger, SelectTriggerBaseProps as TriggerBaseProps, SelectTriggerProps as TriggerProps, ValueChangeDetails, SelectValueText as ValueText, SelectValueTextBaseProps as ValueTextBaseProps, SelectValueTextProps as ValueTextProps };
|
|
132
|
+
}
|
|
133
|
+
//#endregion
|
|
134
|
+
export { type CollectionItem, type ListCollection, select_d_exports as Select, SelectClearTrigger, type SelectClearTriggerBaseProps, type SelectClearTriggerProps, SelectContent, type SelectContentBaseProps, type SelectContentProps, SelectContext, type SelectContextProps, SelectControl, type SelectControlBaseProps, type SelectControlProps, type SelectFocusOutsideEvent, SelectHiddenSelect, type SelectHiddenSelectBaseProps, type SelectHiddenSelectProps, type SelectHighlightChangeDetails, SelectIndicator, type SelectIndicatorBaseProps, type SelectIndicatorProps, type SelectInteractOutsideEvent, SelectItem, type SelectItemBaseProps, SelectItemContext, type SelectItemContextProps, SelectItemGroup, type SelectItemGroupBaseProps, SelectItemGroupLabel, type SelectItemGroupLabelBaseProps, type SelectItemGroupLabelProps, type SelectItemGroupProps, SelectItemIndicator, type SelectItemIndicatorBaseProps, type SelectItemIndicatorProps, type SelectItemProps, SelectItemText, type SelectItemTextBaseProps, type SelectItemTextProps, SelectLabel, type SelectLabelBaseProps, type SelectLabelProps, SelectList, type SelectListBaseProps, type SelectListProps, type SelectOpenChangeDetails, type SelectPointerDownOutsideEvent, SelectPositioner, type SelectPositionerBaseProps, type SelectPositionerProps, SelectRoot, type SelectRootBaseProps, type SelectRootComponent, type SelectRootComponentProps, type SelectRootProps, SelectRootProvider, type SelectRootProviderBaseProps, type SelectRootProviderComponent, type SelectRootProviderProps, SelectTrigger, type SelectTriggerBaseProps, type SelectTriggerProps, type SelectValueChangeDetails, SelectValueText, type SelectValueTextBaseProps, type SelectValueTextProps, type UseListCollectionProps, type UseSelectContext, type UseSelectItemContext, type UseSelectProps, type UseSelectReturn, createListCollection, selectAnatomy, useListCollection, useSelect, useSelectContext, useSelectItemContext };
|
|
@@ -0,0 +1,361 @@
|
|
|
1
|
+
import { t as __export } from "../../chunk-CKcAJnC7.js";
|
|
2
|
+
import { a as useMachine, i as mergeProps$2, r as normalizeProps, t as runIfFn } from "../../run-if-fn-eYlaegHy.js";
|
|
3
|
+
import { t as createContext$1 } from "../../create-context-PS2j4mEo.js";
|
|
4
|
+
import { i as useLocaleContext, o as useEnvironmentContext } from "../../providers-CQkAUunr.js";
|
|
5
|
+
import { n as createSplitProps, t as sprawlify } from "../../factory-CEdj72aS.js";
|
|
6
|
+
import "../../render-strategy-COrlrUuR.js";
|
|
7
|
+
import { t as composeRefs } from "../../compose-refs-vsrTrt13.js";
|
|
8
|
+
import { a as splitPresenceProps, i as usePresence, n as usePresenceContext, t as PresenceProvider } from "../../presence-Bfjusgm3.js";
|
|
9
|
+
import "../../fieldset-D1BO0LmU.js";
|
|
10
|
+
import { m as useFieldContext } from "../../field-C_WuoXOj.js";
|
|
11
|
+
import { n as useListCollection, o as createListCollection } from "../../collection-BiyRTWsX.js";
|
|
12
|
+
import { Index, Show, createMemo, createUniqueId } from "solid-js";
|
|
13
|
+
import { createComponent, effect, insert, mergeProps as mergeProps$1, template } from "solid-js/web";
|
|
14
|
+
import * as select from "@sprawlify/primitives/machines/select";
|
|
15
|
+
import { anatomy as selectAnatomy } from "@sprawlify/primitives/machines/select";
|
|
16
|
+
|
|
17
|
+
//#region src/components/select/use-select-context.ts
|
|
18
|
+
const [SelectProvider, useSelectContext] = createContext$1({
|
|
19
|
+
hookName: "useSelectContext",
|
|
20
|
+
providerName: "<SelectProvider />"
|
|
21
|
+
});
|
|
22
|
+
|
|
23
|
+
//#endregion
|
|
24
|
+
//#region src/components/select/select-clear-trigger.tsx
|
|
25
|
+
const SelectClearTrigger = (props) => {
|
|
26
|
+
const select$1 = useSelectContext();
|
|
27
|
+
const mergedProps = mergeProps$2(() => select$1().getClearTriggerProps(), props);
|
|
28
|
+
return createComponent(sprawlify.button, mergedProps);
|
|
29
|
+
};
|
|
30
|
+
|
|
31
|
+
//#endregion
|
|
32
|
+
//#region src/components/select/select-content.tsx
|
|
33
|
+
const SelectContent = (props) => {
|
|
34
|
+
const select$1 = useSelectContext();
|
|
35
|
+
const presenceApi = usePresenceContext();
|
|
36
|
+
const mergedProps = mergeProps$2(() => select$1().getContentProps(), () => presenceApi().presenceProps, props);
|
|
37
|
+
return createComponent(Show, {
|
|
38
|
+
get when() {
|
|
39
|
+
return !presenceApi().unmounted;
|
|
40
|
+
},
|
|
41
|
+
get children() {
|
|
42
|
+
return createComponent(sprawlify.div, mergeProps$1(mergedProps, { ref(r$) {
|
|
43
|
+
var _ref$ = composeRefs(presenceApi().ref, props.ref);
|
|
44
|
+
typeof _ref$ === "function" && _ref$(r$);
|
|
45
|
+
} }));
|
|
46
|
+
}
|
|
47
|
+
});
|
|
48
|
+
};
|
|
49
|
+
|
|
50
|
+
//#endregion
|
|
51
|
+
//#region src/components/select/select-context.tsx
|
|
52
|
+
const SelectContext = (props) => props.children(useSelectContext());
|
|
53
|
+
|
|
54
|
+
//#endregion
|
|
55
|
+
//#region src/components/select/select-control.tsx
|
|
56
|
+
const SelectControl = (props) => {
|
|
57
|
+
const select$1 = useSelectContext();
|
|
58
|
+
const mergedProps = mergeProps$2(() => select$1().getControlProps(), props);
|
|
59
|
+
return createComponent(sprawlify.div, mergedProps);
|
|
60
|
+
};
|
|
61
|
+
|
|
62
|
+
//#endregion
|
|
63
|
+
//#region src/components/select/select-hidden-select.tsx
|
|
64
|
+
var _tmpl$ = /* @__PURE__ */ template(`<option value>`), _tmpl$2 = /* @__PURE__ */ template(`<option>`);
|
|
65
|
+
const SelectHiddenSelect = (props) => {
|
|
66
|
+
const select$1 = useSelectContext();
|
|
67
|
+
const mergedProps = mergeProps$2(() => select$1().getHiddenSelectProps(), props);
|
|
68
|
+
const isValueEmpty = createMemo(() => select$1().value.length === 0);
|
|
69
|
+
const field = useFieldContext();
|
|
70
|
+
return createComponent(sprawlify.select, mergeProps$1({ get ["aria-describedby"]() {
|
|
71
|
+
return field?.().ariaDescribedby;
|
|
72
|
+
} }, mergedProps, { get children() {
|
|
73
|
+
return [createComponent(Show, {
|
|
74
|
+
get when() {
|
|
75
|
+
return isValueEmpty();
|
|
76
|
+
},
|
|
77
|
+
get children() {
|
|
78
|
+
return _tmpl$();
|
|
79
|
+
}
|
|
80
|
+
}), createComponent(Index, {
|
|
81
|
+
get each() {
|
|
82
|
+
return select$1().collection.items;
|
|
83
|
+
},
|
|
84
|
+
children: (item) => (() => {
|
|
85
|
+
var _el$2 = _tmpl$2();
|
|
86
|
+
insert(_el$2, () => select$1().collection.stringifyItem(item()));
|
|
87
|
+
effect(() => _el$2.disabled = select$1().collection.getItemDisabled(item()));
|
|
88
|
+
effect(() => _el$2.value = select$1().collection.getItemValue(item()) ?? "");
|
|
89
|
+
return _el$2;
|
|
90
|
+
})()
|
|
91
|
+
})];
|
|
92
|
+
} }));
|
|
93
|
+
};
|
|
94
|
+
|
|
95
|
+
//#endregion
|
|
96
|
+
//#region src/components/select/select-indicator.tsx
|
|
97
|
+
const SelectIndicator = (props) => {
|
|
98
|
+
const select$1 = useSelectContext();
|
|
99
|
+
const mergedProps = mergeProps$2(() => select$1().getIndicatorProps(), props);
|
|
100
|
+
return createComponent(sprawlify.div, mergedProps);
|
|
101
|
+
};
|
|
102
|
+
|
|
103
|
+
//#endregion
|
|
104
|
+
//#region src/components/select/use-select-item-context.ts
|
|
105
|
+
const [SelectItemProvider, useSelectItemContext] = createContext$1({
|
|
106
|
+
hookName: "useSelectItemContext",
|
|
107
|
+
providerName: "<SelectItemProvider />"
|
|
108
|
+
});
|
|
109
|
+
|
|
110
|
+
//#endregion
|
|
111
|
+
//#region src/components/select/use-select-item-props-context.ts
|
|
112
|
+
const [SelectItemPropsProvider, useSelectItemPropsContext] = createContext$1({
|
|
113
|
+
hookName: "useSelectItemPropsContext",
|
|
114
|
+
providerName: "<SelectItemPropsProvider />"
|
|
115
|
+
});
|
|
116
|
+
|
|
117
|
+
//#endregion
|
|
118
|
+
//#region src/components/select/select-item.tsx
|
|
119
|
+
const SelectItem = (props) => {
|
|
120
|
+
const [itemProps, localProps] = createSplitProps()(props, ["item", "persistFocus"]);
|
|
121
|
+
const select$1 = useSelectContext();
|
|
122
|
+
const mergedProps = mergeProps$2(() => select$1().getItemProps(itemProps), localProps);
|
|
123
|
+
const itemState = createMemo(() => select$1().getItemState(itemProps));
|
|
124
|
+
return createComponent(SelectItemPropsProvider, {
|
|
125
|
+
value: itemProps,
|
|
126
|
+
get children() {
|
|
127
|
+
return createComponent(SelectItemProvider, {
|
|
128
|
+
value: itemState,
|
|
129
|
+
get children() {
|
|
130
|
+
return createComponent(sprawlify.div, mergedProps);
|
|
131
|
+
}
|
|
132
|
+
});
|
|
133
|
+
}
|
|
134
|
+
});
|
|
135
|
+
};
|
|
136
|
+
|
|
137
|
+
//#endregion
|
|
138
|
+
//#region src/components/select/select-item-context.tsx
|
|
139
|
+
const SelectItemContext = (props) => props.children(useSelectItemContext());
|
|
140
|
+
|
|
141
|
+
//#endregion
|
|
142
|
+
//#region src/components/select/use-select-item-group-props-context.ts
|
|
143
|
+
const [SelectItemGroupPropsProvider, useSelectItemGroupPropsContext] = createContext$1({
|
|
144
|
+
hookName: "useSelectItemGroupPropsContext",
|
|
145
|
+
providerName: "<SelectItemGroupPropsProvider />"
|
|
146
|
+
});
|
|
147
|
+
|
|
148
|
+
//#endregion
|
|
149
|
+
//#region src/components/select/select-item-group.tsx
|
|
150
|
+
const SelectItemGroup = (props) => {
|
|
151
|
+
const [_itemGroupProps, localProps] = createSplitProps()(props, ["id"]);
|
|
152
|
+
const select$1 = useSelectContext();
|
|
153
|
+
const itemGroupProps = mergeProps$2({ id: createUniqueId() }, _itemGroupProps);
|
|
154
|
+
const mergedProps = mergeProps$2(() => select$1().getItemGroupProps(itemGroupProps), localProps);
|
|
155
|
+
return createComponent(SelectItemGroupPropsProvider, {
|
|
156
|
+
value: itemGroupProps,
|
|
157
|
+
get children() {
|
|
158
|
+
return createComponent(sprawlify.div, mergedProps);
|
|
159
|
+
}
|
|
160
|
+
});
|
|
161
|
+
};
|
|
162
|
+
|
|
163
|
+
//#endregion
|
|
164
|
+
//#region src/components/select/select-item-group-label.tsx
|
|
165
|
+
const SelectItemGroupLabel = (props) => {
|
|
166
|
+
const select$1 = useSelectContext();
|
|
167
|
+
const itemGroupProps = useSelectItemGroupPropsContext();
|
|
168
|
+
const mergedProps = mergeProps$2(() => select$1().getItemGroupLabelProps({ htmlFor: itemGroupProps.id }), props);
|
|
169
|
+
return createComponent(sprawlify.div, mergedProps);
|
|
170
|
+
};
|
|
171
|
+
|
|
172
|
+
//#endregion
|
|
173
|
+
//#region src/components/select/select-item-indicator.tsx
|
|
174
|
+
const SelectItemIndicator = (props) => {
|
|
175
|
+
const select$1 = useSelectContext();
|
|
176
|
+
const itemProps = useSelectItemPropsContext();
|
|
177
|
+
const mergedProps = mergeProps$2(() => select$1().getItemIndicatorProps(itemProps), props);
|
|
178
|
+
return createComponent(sprawlify.div, mergedProps);
|
|
179
|
+
};
|
|
180
|
+
|
|
181
|
+
//#endregion
|
|
182
|
+
//#region src/components/select/select-item-text.tsx
|
|
183
|
+
const SelectItemText = (props) => {
|
|
184
|
+
const select$1 = useSelectContext();
|
|
185
|
+
const itemProps = useSelectItemPropsContext();
|
|
186
|
+
const mergedProps = mergeProps$2(() => select$1().getItemTextProps(itemProps), props);
|
|
187
|
+
return createComponent(sprawlify.span, mergedProps);
|
|
188
|
+
};
|
|
189
|
+
|
|
190
|
+
//#endregion
|
|
191
|
+
//#region src/components/select/select-label.tsx
|
|
192
|
+
const SelectLabel = (props) => {
|
|
193
|
+
const select$1 = useSelectContext();
|
|
194
|
+
const mergedProps = mergeProps$2(() => select$1().getLabelProps(), props);
|
|
195
|
+
return createComponent(sprawlify.label, mergedProps);
|
|
196
|
+
};
|
|
197
|
+
|
|
198
|
+
//#endregion
|
|
199
|
+
//#region src/components/select/select-list.tsx
|
|
200
|
+
const SelectList = (props) => {
|
|
201
|
+
const select$1 = useSelectContext();
|
|
202
|
+
const mergedProps = mergeProps$2(() => select$1().getListProps(), props);
|
|
203
|
+
return createComponent(sprawlify.div, mergedProps);
|
|
204
|
+
};
|
|
205
|
+
|
|
206
|
+
//#endregion
|
|
207
|
+
//#region src/components/select/select-positioner.tsx
|
|
208
|
+
const SelectPositioner = (props) => {
|
|
209
|
+
const select$1 = useSelectContext();
|
|
210
|
+
const presenceApi = usePresenceContext();
|
|
211
|
+
const mergedProps = mergeProps$2(() => select$1().getPositionerProps(), props);
|
|
212
|
+
return createComponent(Show, {
|
|
213
|
+
get when() {
|
|
214
|
+
return !presenceApi().unmounted;
|
|
215
|
+
},
|
|
216
|
+
get children() {
|
|
217
|
+
return createComponent(sprawlify.div, mergedProps);
|
|
218
|
+
}
|
|
219
|
+
});
|
|
220
|
+
};
|
|
221
|
+
|
|
222
|
+
//#endregion
|
|
223
|
+
//#region src/components/select/use-select.ts
|
|
224
|
+
const useSelect = (props) => {
|
|
225
|
+
const id = createUniqueId();
|
|
226
|
+
const locale = useLocaleContext();
|
|
227
|
+
const environment = useEnvironmentContext();
|
|
228
|
+
const field = useFieldContext();
|
|
229
|
+
const machineProps = createMemo(() => ({
|
|
230
|
+
id,
|
|
231
|
+
ids: {
|
|
232
|
+
label: field?.().ids.label,
|
|
233
|
+
hiddenSelect: field?.().ids.control
|
|
234
|
+
},
|
|
235
|
+
disabled: field?.().disabled,
|
|
236
|
+
readOnly: field?.().readOnly,
|
|
237
|
+
invalid: field?.().invalid,
|
|
238
|
+
required: field?.().required,
|
|
239
|
+
dir: locale().dir,
|
|
240
|
+
getRootNode: environment().getRootNode,
|
|
241
|
+
...runIfFn(props)
|
|
242
|
+
}));
|
|
243
|
+
const service = useMachine(select.machine, machineProps);
|
|
244
|
+
return createMemo(() => select.connect(service, normalizeProps));
|
|
245
|
+
};
|
|
246
|
+
|
|
247
|
+
//#endregion
|
|
248
|
+
//#region src/components/select/select-root.tsx
|
|
249
|
+
const SelectRoot = (props) => {
|
|
250
|
+
const [presenceProps, selectProps] = splitPresenceProps(props);
|
|
251
|
+
const [useSelectProps, localProps] = createSplitProps()(selectProps, [
|
|
252
|
+
"closeOnSelect",
|
|
253
|
+
"collection",
|
|
254
|
+
"composite",
|
|
255
|
+
"defaultHighlightedValue",
|
|
256
|
+
"defaultOpen",
|
|
257
|
+
"defaultValue",
|
|
258
|
+
"deselectable",
|
|
259
|
+
"disabled",
|
|
260
|
+
"form",
|
|
261
|
+
"highlightedValue",
|
|
262
|
+
"id",
|
|
263
|
+
"ids",
|
|
264
|
+
"invalid",
|
|
265
|
+
"loopFocus",
|
|
266
|
+
"multiple",
|
|
267
|
+
"name",
|
|
268
|
+
"onFocusOutside",
|
|
269
|
+
"onHighlightChange",
|
|
270
|
+
"onInteractOutside",
|
|
271
|
+
"onOpenChange",
|
|
272
|
+
"onPointerDownOutside",
|
|
273
|
+
"onSelect",
|
|
274
|
+
"onValueChange",
|
|
275
|
+
"open",
|
|
276
|
+
"positioning",
|
|
277
|
+
"readOnly",
|
|
278
|
+
"required",
|
|
279
|
+
"scrollToIndexFn",
|
|
280
|
+
"value"
|
|
281
|
+
]);
|
|
282
|
+
const select$1 = useSelect(useSelectProps);
|
|
283
|
+
const presenceApi = usePresence(mergeProps$2(() => ({ present: select$1().open }), presenceProps));
|
|
284
|
+
const mergedProps = mergeProps$2(() => select$1().getRootProps(), localProps);
|
|
285
|
+
return createComponent(SelectProvider, {
|
|
286
|
+
value: select$1,
|
|
287
|
+
get children() {
|
|
288
|
+
return createComponent(PresenceProvider, {
|
|
289
|
+
value: presenceApi,
|
|
290
|
+
get children() {
|
|
291
|
+
return createComponent(sprawlify.div, mergedProps);
|
|
292
|
+
}
|
|
293
|
+
});
|
|
294
|
+
}
|
|
295
|
+
});
|
|
296
|
+
};
|
|
297
|
+
|
|
298
|
+
//#endregion
|
|
299
|
+
//#region src/components/select/select-root-provider.tsx
|
|
300
|
+
const SelectRootProvider = (props) => {
|
|
301
|
+
const [presenceProps, selectProps] = splitPresenceProps(props);
|
|
302
|
+
const [{ value: select$1 }, localProps] = createSplitProps()(selectProps, ["value"]);
|
|
303
|
+
const presence = usePresence(mergeProps$2(() => ({ present: select$1().open }), presenceProps));
|
|
304
|
+
const mergedProps = mergeProps$2(() => select$1().getRootProps(), localProps);
|
|
305
|
+
return createComponent(SelectProvider, {
|
|
306
|
+
value: select$1,
|
|
307
|
+
get children() {
|
|
308
|
+
return createComponent(PresenceProvider, {
|
|
309
|
+
value: presence,
|
|
310
|
+
get children() {
|
|
311
|
+
return createComponent(sprawlify.div, mergedProps);
|
|
312
|
+
}
|
|
313
|
+
});
|
|
314
|
+
}
|
|
315
|
+
});
|
|
316
|
+
};
|
|
317
|
+
|
|
318
|
+
//#endregion
|
|
319
|
+
//#region src/components/select/select-trigger.tsx
|
|
320
|
+
const SelectTrigger = (props) => {
|
|
321
|
+
const select$1 = useSelectContext();
|
|
322
|
+
const mergedProps = mergeProps$2(() => select$1().getTriggerProps(), props);
|
|
323
|
+
return createComponent(sprawlify.button, mergedProps);
|
|
324
|
+
};
|
|
325
|
+
|
|
326
|
+
//#endregion
|
|
327
|
+
//#region src/components/select/select-value-text.tsx
|
|
328
|
+
const SelectValueText = (props) => {
|
|
329
|
+
const select$1 = useSelectContext();
|
|
330
|
+
const mergedProps = mergeProps$2(() => select$1().getValueTextProps(), props);
|
|
331
|
+
return createComponent(sprawlify.span, mergeProps$1(mergedProps, { get children() {
|
|
332
|
+
return select$1().valueAsString || props.placeholder;
|
|
333
|
+
} }));
|
|
334
|
+
};
|
|
335
|
+
|
|
336
|
+
//#endregion
|
|
337
|
+
//#region src/components/select/select.ts
|
|
338
|
+
var select_exports = /* @__PURE__ */ __export({
|
|
339
|
+
ClearTrigger: () => SelectClearTrigger,
|
|
340
|
+
Content: () => SelectContent,
|
|
341
|
+
Context: () => SelectContext,
|
|
342
|
+
Control: () => SelectControl,
|
|
343
|
+
HiddenSelect: () => SelectHiddenSelect,
|
|
344
|
+
Indicator: () => SelectIndicator,
|
|
345
|
+
Item: () => SelectItem,
|
|
346
|
+
ItemContext: () => SelectItemContext,
|
|
347
|
+
ItemGroup: () => SelectItemGroup,
|
|
348
|
+
ItemGroupLabel: () => SelectItemGroupLabel,
|
|
349
|
+
ItemIndicator: () => SelectItemIndicator,
|
|
350
|
+
ItemText: () => SelectItemText,
|
|
351
|
+
Label: () => SelectLabel,
|
|
352
|
+
List: () => SelectList,
|
|
353
|
+
Positioner: () => SelectPositioner,
|
|
354
|
+
Root: () => SelectRoot,
|
|
355
|
+
RootProvider: () => SelectRootProvider,
|
|
356
|
+
Trigger: () => SelectTrigger,
|
|
357
|
+
ValueText: () => SelectValueText
|
|
358
|
+
});
|
|
359
|
+
|
|
360
|
+
//#endregion
|
|
361
|
+
export { select_exports as Select, SelectClearTrigger, SelectContent, SelectContext, SelectControl, SelectHiddenSelect, SelectIndicator, SelectItem, SelectItemContext, SelectItemGroup, SelectItemGroupLabel, SelectItemIndicator, SelectItemText, SelectLabel, SelectList, SelectPositioner, SelectRoot, SelectRootProvider, SelectTrigger, SelectValueText, createListCollection, selectAnatomy, useListCollection, useSelect, useSelectContext, useSelectItemContext };
|