@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.
Files changed (83) hide show
  1. package/dist/chunk-C4aQI7lE.jsx +18 -0
  2. package/dist/chunk-CKcAJnC7.js +18 -0
  3. package/dist/collapsible-Cg7zPadX.js +129 -0
  4. package/dist/collapsible-CjuC6xYl.jsx +117 -0
  5. package/dist/collection-BiyRTWsX.js +219 -0
  6. package/dist/collection-BlnS2UQy.jsx +219 -0
  7. package/dist/components/accordion/index.d.ts +69 -0
  8. package/dist/components/accordion/index.js +183 -0
  9. package/dist/components/accordion/index.jsx +157 -0
  10. package/dist/components/angle-slider/index.d.ts +74 -0
  11. package/dist/components/angle-slider/index.js +155 -0
  12. package/dist/components/angle-slider/index.jsx +144 -0
  13. package/dist/components/avatar/index.d.ts +49 -0
  14. package/dist/components/avatar/index.js +95 -0
  15. package/dist/components/avatar/index.jsx +88 -0
  16. package/dist/components/bottom-sheet/index.d.ts +80 -0
  17. package/dist/components/bottom-sheet/index.js +218 -0
  18. package/dist/components/bottom-sheet/index.jsx +177 -0
  19. package/dist/components/carousel/index.d.ts +98 -0
  20. package/dist/components/carousel/index.js +207 -0
  21. package/dist/components/carousel/index.jsx +192 -0
  22. package/dist/components/checkbox/index.d.ts +138 -0
  23. package/dist/components/checkbox/index.js +265 -0
  24. package/dist/components/checkbox/index.jsx +247 -0
  25. package/dist/components/client-only/index.d.ts +10 -0
  26. package/dist/components/client-only/index.js +24 -0
  27. package/dist/components/client-only/index.jsx +15 -0
  28. package/dist/components/clipboard/index.d.ts +72 -0
  29. package/dist/components/clipboard/index.js +149 -0
  30. package/dist/components/clipboard/index.jsx +132 -0
  31. package/dist/components/collapsible/index.d.ts +60 -0
  32. package/dist/components/collapsible/index.js +8 -0
  33. package/dist/components/collapsible/index.jsx +8 -0
  34. package/dist/components/collection/index.d.ts +3 -0
  35. package/dist/components/collection/index.js +4 -0
  36. package/dist/components/collection/index.jsx +4 -0
  37. package/dist/components/field/index.d.ts +201 -0
  38. package/dist/components/field/index.js +9 -0
  39. package/dist/components/field/index.jsx +9 -0
  40. package/dist/components/fieldset/index.d.ts +109 -0
  41. package/dist/components/fieldset/index.js +8 -0
  42. package/dist/components/fieldset/index.jsx +8 -0
  43. package/dist/components/presence/index.d.ts +5 -0
  44. package/dist/components/presence/index.js +8 -0
  45. package/dist/components/presence/index.jsx +8 -0
  46. package/dist/components/select/index.d.ts +134 -0
  47. package/dist/components/select/index.js +361 -0
  48. package/dist/components/select/index.jsx +310 -0
  49. package/dist/compose-refs-CzyOb8yH.jsx +20 -0
  50. package/dist/compose-refs-vsrTrt13.js +20 -0
  51. package/dist/create-split-props-CQVsvhvg.jsx +41 -0
  52. package/dist/factory-B6RK6SH4.d.ts +14 -0
  53. package/dist/factory-CEdj72aS.js +47 -0
  54. package/dist/field-C_WuoXOj.js +287 -0
  55. package/dist/field-CphvciGc.jsx +259 -0
  56. package/dist/fieldset-BG-0ZqWT.jsx +167 -0
  57. package/dist/fieldset-D1BO0LmU.js +182 -0
  58. package/dist/index-C3ATynHc.d.ts +23 -0
  59. package/dist/index-DXheKbqg.d.ts +76 -0
  60. package/dist/index-NWiNyxpL.d.ts +38 -0
  61. package/dist/index-vSwYtc2L.d.ts +38 -0
  62. package/dist/index.d.ts +5 -29
  63. package/dist/index.js +4 -511
  64. package/dist/index.jsx +4 -497
  65. package/dist/presence-Bfjusgm3.js +79 -0
  66. package/dist/presence-arWh1hVd.jsx +66 -0
  67. package/dist/providers-CHqGPEsc.jsx +82 -0
  68. package/dist/providers-CQkAUunr.js +96 -0
  69. package/dist/render-strategy-COrlrUuR.js +12 -0
  70. package/dist/render-strategy-CZDG_yDi.jsx +12 -0
  71. package/dist/render-strategy-CtRkdWei.d.ts +9 -0
  72. package/dist/run-if-fn-DRWB51JE.jsx +421 -0
  73. package/dist/run-if-fn-eYlaegHy.js +421 -0
  74. package/dist/types-bQRbEioA.d.ts +9 -0
  75. package/dist/utils/index.d.ts +1 -1
  76. package/dist/utils/index.js +2 -1
  77. package/dist/utils/index.jsx +2 -1
  78. package/dist/utils-DYer-9SY.js +0 -0
  79. package/dist/utils-DrvO4Hk3.jsx +0 -0
  80. package/package.json +62 -2
  81. /package/dist/{utils-DSKoW7eB.jsx → create-context-PS2j4mEo.js} +0 -0
  82. /package/dist/{utils-GEMuT7an.js → create-context-h3cXiEld.jsx} +0 -0
  83. /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 };