@sprawlify/solid 0.0.17 → 0.0.19
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/{collapsible-Dp3pmOz6.js → collapsible-ACshHp__.js} +8 -8
- package/dist/{collapsible-oWvTRylz.jsx → collapsible-CKkCMXuJ.jsx} +8 -8
- package/dist/{collection-DOjgejiS.js → collection-CJLbf7-L.js} +2 -2
- package/dist/{collection-gIC58P6c.jsx → collection-DpPs7_vA.jsx} +2 -2
- package/dist/components/accordion/index.d.ts +11 -11
- package/dist/components/accordion/index.js +9 -9
- package/dist/components/accordion/index.jsx +9 -9
- package/dist/components/angle-slider/index.d.ts +13 -13
- package/dist/components/angle-slider/index.js +7 -7
- package/dist/components/angle-slider/index.jsx +7 -7
- package/dist/components/avatar/index.d.ts +8 -8
- package/dist/components/avatar/index.js +7 -7
- package/dist/components/avatar/index.jsx +7 -7
- package/dist/components/bottom-sheet/index.d.ts +13 -13
- package/dist/components/bottom-sheet/index.js +10 -10
- package/dist/components/bottom-sheet/index.jsx +10 -10
- package/dist/components/carousel/index.d.ts +17 -17
- package/dist/components/carousel/index.js +7 -7
- package/dist/components/carousel/index.jsx +7 -7
- package/dist/components/checkbox/index.d.ts +14 -14
- package/dist/components/checkbox/index.js +10 -10
- package/dist/components/checkbox/index.jsx +10 -10
- package/dist/components/clipboard/index.d.ts +11 -11
- package/dist/components/clipboard/index.js +7 -7
- package/dist/components/clipboard/index.jsx +7 -7
- package/dist/components/collapsible/index.d.ts +10 -10
- package/dist/components/collapsible/index.js +7 -7
- package/dist/components/collapsible/index.jsx +7 -7
- package/dist/components/collection/index.d.ts +2 -2
- package/dist/components/collection/index.js +2 -2
- package/dist/components/collection/index.jsx +2 -2
- package/dist/components/color-picker/index.d.ts +36 -36
- package/dist/components/color-picker/index.js +12 -12
- package/dist/components/color-picker/index.jsx +12 -12
- package/dist/components/combobox/index.d.ts +23 -23
- package/dist/components/combobox/index.js +13 -13
- package/dist/components/combobox/index.jsx +13 -13
- package/dist/components/date-picker/index.d.ts +33 -33
- package/dist/components/date-picker/index.js +10 -10
- package/dist/components/date-picker/index.jsx +10 -10
- package/dist/components/dialog/index.d.ts +13 -13
- package/dist/components/dialog/index.js +10 -10
- package/dist/components/dialog/index.jsx +10 -10
- package/dist/components/download-trigger/index.d.ts +2 -2
- package/dist/components/download-trigger/index.js +4 -4
- package/dist/components/download-trigger/index.jsx +4 -4
- package/dist/components/editable/index.d.ts +14 -14
- package/dist/components/editable/index.js +10 -10
- package/dist/components/editable/index.jsx +10 -10
- package/dist/components/field/index.d.ts +15 -15
- package/dist/components/field/index.js +8 -8
- package/dist/components/field/index.jsx +8 -8
- package/dist/components/fieldset/index.d.ts +12 -12
- package/dist/components/fieldset/index.js +7 -7
- package/dist/components/fieldset/index.jsx +7 -7
- package/dist/components/file-upload/index.d.ts +18 -18
- package/dist/components/file-upload/index.js +10 -10
- package/dist/components/file-upload/index.jsx +10 -10
- package/dist/components/floating-panel/index.d.ts +17 -17
- package/dist/components/floating-panel/index.js +10 -10
- package/dist/components/floating-panel/index.jsx +10 -10
- package/dist/components/focus-trap/index.d.ts +4 -4
- package/dist/components/focus-trap/index.js +4 -4
- package/dist/components/focus-trap/index.jsx +4 -4
- package/dist/components/format/index.d.ts +4 -4
- package/dist/components/format/index.js +3 -3
- package/dist/components/format/index.jsx +3 -3
- package/dist/components/frame/index.d.ts +1 -1
- package/dist/components/frame/index.js +3 -3
- package/dist/components/frame/index.jsx +3 -3
- package/dist/components/highlight/index.d.ts +3 -3
- package/dist/components/highlight/index.js +2 -2
- package/dist/components/highlight/index.jsx +2 -2
- package/dist/components/hover-card/index.d.ts +70 -0
- package/dist/components/hover-card/index.js +168 -0
- package/dist/components/hover-card/index.jsx +136 -0
- package/dist/components/image-cropper/index.d.ts +64 -0
- package/dist/components/image-cropper/index.js +151 -0
- package/dist/components/image-cropper/index.jsx +144 -0
- package/dist/components/json-tree-view/index.d.ts +56 -0
- package/dist/components/json-tree-view/index.js +330 -0
- package/dist/components/json-tree-view/index.jsx +204 -0
- package/dist/components/listbox/index.d.ts +114 -0
- package/dist/components/listbox/index.js +261 -0
- package/dist/components/listbox/index.jsx +236 -0
- package/dist/components/marquee/index.d.ts +59 -0
- package/dist/components/marquee/index.js +138 -0
- package/dist/components/marquee/index.jsx +126 -0
- package/dist/components/menu/index.d.ts +161 -0
- package/dist/components/menu/index.js +471 -0
- package/dist/components/menu/index.jsx +392 -0
- package/dist/components/navigation-menu/index.d.ts +90 -0
- package/dist/components/navigation-menu/index.js +304 -0
- package/dist/components/navigation-menu/index.jsx +237 -0
- package/dist/components/number-input/index.d.ts +74 -0
- package/dist/components/number-input/index.js +182 -0
- package/dist/components/number-input/index.jsx +173 -0
- package/dist/components/pagination/index.d.ts +69 -0
- package/dist/components/pagination/index.js +146 -0
- package/dist/components/pagination/index.jsx +139 -0
- package/dist/components/password-input/index.d.ts +66 -0
- package/dist/components/password-input/index.js +159 -0
- package/dist/components/password-input/index.jsx +140 -0
- package/dist/components/pin-input/index.d.ts +59 -0
- package/dist/components/pin-input/index.js +151 -0
- package/dist/components/pin-input/index.jsx +142 -0
- package/dist/components/popover/index.d.ts +95 -0
- package/dist/components/popover/index.js +220 -0
- package/dist/components/popover/index.jsx +188 -0
- package/dist/components/presence/index.d.ts +4 -4
- package/dist/components/presence/index.js +7 -7
- package/dist/components/presence/index.jsx +7 -7
- package/dist/components/progress/index.d.ts +79 -0
- package/dist/components/progress/index.js +163 -0
- package/dist/components/progress/index.jsx +154 -0
- package/dist/components/qr-code/index.d.ts +59 -0
- package/dist/components/qr-code/index.js +124 -0
- package/dist/components/qr-code/index.jsx +117 -0
- package/dist/components/radio-group/index.d.ts +78 -0
- package/dist/components/radio-group/index.js +189 -0
- package/dist/components/radio-group/index.jsx +176 -0
- package/dist/components/rating-group/index.d.ts +68 -0
- package/dist/components/rating-group/index.js +159 -0
- package/dist/components/rating-group/index.jsx +148 -0
- package/dist/components/scroll-area/index.d.ts +63 -0
- package/dist/components/scroll-area/index.js +134 -0
- package/dist/components/scroll-area/index.jsx +124 -0
- package/dist/components/segment-group/index.d.ts +82 -0
- package/dist/components/segment-group/index.js +185 -0
- package/dist/components/segment-group/index.jsx +172 -0
- package/dist/components/select/index.d.ts +22 -22
- package/dist/components/select/index.js +13 -13
- package/dist/components/select/index.jsx +13 -13
- package/dist/components/tree-view/index.d.ts +7 -0
- package/dist/components/tree-view/index.js +11 -0
- package/dist/components/tree-view/index.jsx +11 -0
- package/dist/{factory-OCDy1fEv.jsx → factory-CaQWQo9S.jsx} +1 -1
- package/dist/{factory-Ci1LUSWg.js → factory-Cw0jOohn.js} +1 -1
- package/dist/{factory-C7CCEqYp.d.ts → factory-JAbO6zq9.d.ts} +6 -1
- package/dist/{field-D5bG5XXV.js → field-CF9yh37t.js} +8 -8
- package/dist/{field-DQLYAOgJ.jsx → field-HJX3--SZ.jsx} +8 -8
- package/dist/{fieldset-DT2nCjE0.jsx → fieldset-GRdimTgu.jsx} +8 -8
- package/dist/{fieldset-Def05D5r.js → fieldset-QCHS-iMi.js} +8 -8
- package/dist/index-BGVwqZq5.d.ts +143 -0
- package/dist/index-BIlfNQle.d.ts +41 -0
- package/dist/index-BRkEGZOE.d.ts +41 -0
- package/dist/{index-Bf3vaCUa.d.ts → index-CWs-F296.d.ts} +8 -8
- package/dist/{index-4WaIBGi6.d.ts → index-CXTRMyIJ.d.ts} +1 -1
- package/dist/{index-CsB3A61w.d.ts → index-DD3lUYha.d.ts} +8 -8
- package/dist/index-PYTR4Rcx.d.ts +143 -0
- package/dist/index.d.ts +6 -44
- package/dist/index.js +6 -5
- package/dist/index.jsx +6 -5
- package/dist/{presence-CAkwk5S4.js → presence-DghVNXji.js} +7 -7
- package/dist/{presence-vlL8hWT8.jsx → presence-w97672yk.jsx} +7 -7
- package/dist/{providers-BRmk_hzA.jsx → providers--4jSRiKF.jsx} +2 -2
- package/dist/{providers-D1hKjv0s.js → providers-DU0gn4Pj.js} +2 -2
- package/dist/{render-strategy-BA_kLuwR.jsx → render-strategy-Bv1Mb0YK.jsx} +2 -2
- package/dist/{render-strategy-CqWA1-xU.js → render-strategy-CDrX5Nbw.js} +2 -2
- package/dist/tree-view-DdWaaT-E.js +318 -0
- package/dist/tree-view-Z565ZOf5.jsx +291 -0
- package/dist/utils/index.d.ts +1 -1
- package/dist/utils/index.js +2 -2
- package/dist/utils/index.jsx +2 -2
- package/package.json +97 -2
- /package/dist/{chunk-Wl6TQfsu.js → chunk-D5dGY5zD.jsx} +0 -0
- /package/dist/{chunk-dNcSV51B.jsx → chunk-Dcpub2IO.js} +0 -0
- /package/dist/{compose-refs-CDTdkuP1.jsx → compose-refs-D9EoLzZW.js} +0 -0
- /package/dist/{compose-refs-DbJoODKO.js → compose-refs-DhhUBbcq.jsx} +0 -0
- /package/dist/{core-CWSDVCoi.jsx → core-7JOW6ue9.jsx} +0 -0
- /package/dist/{core-Cl2xcDm5.js → core-D7Nb-duK.js} +0 -0
- /package/dist/{create-context-BBDU3kF1.js → create-context-BxYEOGb8.js} +0 -0
- /package/dist/{create-context-CpcL7CiV.jsx → create-context-CnA1wNMK.jsx} +0 -0
- /package/dist/{create-split-props-CHlLW_X_.js → create-split-props-CdETNVwB.jsx} +0 -0
- /package/dist/{create-split-props-DrfYep1t.jsx → create-split-props-u4BuKc2i.js} +0 -0
- /package/dist/{index-5DzQGTeT.d.ts → index-BF_h-dhb.d.ts} +0 -0
- /package/dist/{index-BLKwiHM7.d.ts → index-tbMcVIMv.d.ts} +0 -0
- /package/dist/{render-strategy-DfQ78EfE.d.ts → render-strategy-BYpcY4CF.d.ts} +0 -0
- /package/dist/{run-if-fn-Ct4sSuFV.js → run-if-fn-B-2chXMn.js} +0 -0
- /package/dist/{run-if-fn-iVu0r8rO.jsx → run-if-fn-D59uI-12.jsx} +0 -0
- /package/dist/{types-M3kll1K0.d.ts → types-DPhuMU2R.d.ts} +0 -0
- /package/dist/{utils-DK-8VxTv.jsx → utils-CM1Hmr0J.js} +0 -0
- /package/dist/{utils-xOi5tXWN.js → utils-DWEfyavN.jsx} +0 -0
|
@@ -0,0 +1,392 @@
|
|
|
1
|
+
import { t as __export } from "../../chunk-D5dGY5zD.jsx";
|
|
2
|
+
import { i as useMachine, n as normalizeProps, r as mergeProps$1 } from "../../core-7JOW6ue9.jsx";
|
|
3
|
+
import { t as runIfFn } from "../../run-if-fn-D59uI-12.jsx";
|
|
4
|
+
import { t as createContext$1 } from "../../create-context-CnA1wNMK.jsx";
|
|
5
|
+
import { i as useLocaleContext, o as useEnvironmentContext } from "../../providers--4jSRiKF.jsx";
|
|
6
|
+
import { t as sprawlify } from "../../factory-CaQWQo9S.jsx";
|
|
7
|
+
import { t as createSplitProps } from "../../create-split-props-CdETNVwB.jsx";
|
|
8
|
+
import "../../render-strategy-Bv1Mb0YK.jsx";
|
|
9
|
+
import { t as composeRefs } from "../../compose-refs-DhhUBbcq.jsx";
|
|
10
|
+
import { a as splitPresenceProps, i as usePresence, n as usePresenceContext, t as PresenceProvider } from "../../presence-w97672yk.jsx";
|
|
11
|
+
import { Show, createEffect, createMemo, createUniqueId, onCleanup, onMount } from "solid-js";
|
|
12
|
+
import * as menu from "@sprawlify/primitives/machines/menu";
|
|
13
|
+
import { anatomy as menuAnatomy } from "@sprawlify/primitives/machines/menu";
|
|
14
|
+
|
|
15
|
+
//#region src/components/menu/use-menu-context.ts
|
|
16
|
+
const [MenuProvider, useMenuContext] = createContext$1({
|
|
17
|
+
hookName: "useMenuContext",
|
|
18
|
+
providerName: "<MenuProvider />",
|
|
19
|
+
strict: false
|
|
20
|
+
});
|
|
21
|
+
|
|
22
|
+
//#endregion
|
|
23
|
+
//#region src/components/menu/menu-arrow.tsx
|
|
24
|
+
const MenuArrow = (props) => {
|
|
25
|
+
const context = useMenuContext();
|
|
26
|
+
const mergedProps = mergeProps$1(() => context().getArrowProps(), props);
|
|
27
|
+
return <sprawlify.div {...mergedProps} />;
|
|
28
|
+
};
|
|
29
|
+
|
|
30
|
+
//#endregion
|
|
31
|
+
//#region src/components/menu/menu-arrow-tip.tsx
|
|
32
|
+
const MenuArrowTip = (props) => {
|
|
33
|
+
const context = useMenuContext();
|
|
34
|
+
const mergedProps = mergeProps$1(() => context().getArrowTipProps(), props);
|
|
35
|
+
return <sprawlify.div {...mergedProps} />;
|
|
36
|
+
};
|
|
37
|
+
|
|
38
|
+
//#endregion
|
|
39
|
+
//#region src/components/menu/use-menu-item-context.ts
|
|
40
|
+
const [MenuItemProvider, useMenuItemContext] = createContext$1({
|
|
41
|
+
hookName: "useMenuItemContext",
|
|
42
|
+
providerName: "<MenuItemProvider />"
|
|
43
|
+
});
|
|
44
|
+
|
|
45
|
+
//#endregion
|
|
46
|
+
//#region src/components/menu/use-menu-option-item-props-context.ts
|
|
47
|
+
const [MenuItemPropsProvider, useMenuItemPropsContext] = createContext$1({
|
|
48
|
+
hookName: "useMenuItemPropsContext",
|
|
49
|
+
providerName: "<MenuItemPropsProvider />"
|
|
50
|
+
});
|
|
51
|
+
|
|
52
|
+
//#endregion
|
|
53
|
+
//#region src/components/menu/menu-checkbox-item.tsx
|
|
54
|
+
const MenuCheckboxItem = (props) => {
|
|
55
|
+
const [partialOptionItemProps, localProps] = createSplitProps()(props, [
|
|
56
|
+
"checked",
|
|
57
|
+
"closeOnSelect",
|
|
58
|
+
"disabled",
|
|
59
|
+
"onCheckedChange",
|
|
60
|
+
"value",
|
|
61
|
+
"valueText"
|
|
62
|
+
]);
|
|
63
|
+
const optionItemProps = mergeProps$1(partialOptionItemProps, { type: "checkbox" });
|
|
64
|
+
const context = useMenuContext();
|
|
65
|
+
const mergedProps = mergeProps$1(() => context().getOptionItemProps(optionItemProps), localProps);
|
|
66
|
+
const optionItemState = createMemo(() => context().getItemState(optionItemProps));
|
|
67
|
+
return <MenuItemPropsProvider value={optionItemProps}>
|
|
68
|
+
<MenuItemProvider value={optionItemState}>
|
|
69
|
+
<sprawlify.div {...mergedProps} />
|
|
70
|
+
</MenuItemProvider>
|
|
71
|
+
</MenuItemPropsProvider>;
|
|
72
|
+
};
|
|
73
|
+
|
|
74
|
+
//#endregion
|
|
75
|
+
//#region src/components/menu/menu-content.tsx
|
|
76
|
+
const MenuContent = (props) => {
|
|
77
|
+
const context = useMenuContext();
|
|
78
|
+
const presenceContext = usePresenceContext();
|
|
79
|
+
const mergedProps = mergeProps$1(() => context().getContentProps(), () => presenceContext().presenceProps, props);
|
|
80
|
+
return <Show when={!presenceContext().unmounted}>
|
|
81
|
+
<sprawlify.div {...mergedProps} ref={composeRefs(presenceContext().ref, props.ref)} />
|
|
82
|
+
</Show>;
|
|
83
|
+
};
|
|
84
|
+
|
|
85
|
+
//#endregion
|
|
86
|
+
//#region src/components/menu/menu-context.tsx
|
|
87
|
+
const MenuContext = (props) => props.children(useMenuContext());
|
|
88
|
+
|
|
89
|
+
//#endregion
|
|
90
|
+
//#region src/components/menu/menu-context-trigger.tsx
|
|
91
|
+
const MenuContextTrigger = (props) => {
|
|
92
|
+
const context = useMenuContext();
|
|
93
|
+
const mergedProps = mergeProps$1(() => context().getContextTriggerProps(), props);
|
|
94
|
+
return <sprawlify.button {...mergedProps} />;
|
|
95
|
+
};
|
|
96
|
+
|
|
97
|
+
//#endregion
|
|
98
|
+
//#region src/components/menu/menu-indicator.tsx
|
|
99
|
+
const MenuIndicator = (props) => {
|
|
100
|
+
const context = useMenuContext();
|
|
101
|
+
const mergedProps = mergeProps$1(() => context().getIndicatorProps(), props);
|
|
102
|
+
return <sprawlify.div {...mergedProps} />;
|
|
103
|
+
};
|
|
104
|
+
|
|
105
|
+
//#endregion
|
|
106
|
+
//#region src/components/menu/menu-item.tsx
|
|
107
|
+
const MenuItem = (props) => {
|
|
108
|
+
const [itemProps, localProps] = createSplitProps()(props, [
|
|
109
|
+
"closeOnSelect",
|
|
110
|
+
"disabled",
|
|
111
|
+
"value",
|
|
112
|
+
"valueText",
|
|
113
|
+
"onSelect"
|
|
114
|
+
]);
|
|
115
|
+
const context = useMenuContext();
|
|
116
|
+
const mergedProps = mergeProps$1(() => context().getItemProps(itemProps), localProps);
|
|
117
|
+
const itemState = createMemo(() => context().getItemState(itemProps));
|
|
118
|
+
createEffect(() => {
|
|
119
|
+
const cleanup = context().addItemListener({
|
|
120
|
+
id: itemState().id,
|
|
121
|
+
onSelect: itemProps.onSelect
|
|
122
|
+
});
|
|
123
|
+
onCleanup(() => cleanup?.());
|
|
124
|
+
});
|
|
125
|
+
return <MenuItemPropsProvider value={itemProps}>
|
|
126
|
+
<MenuItemProvider value={itemState}>
|
|
127
|
+
<sprawlify.div {...mergedProps} />
|
|
128
|
+
</MenuItemProvider>
|
|
129
|
+
</MenuItemPropsProvider>;
|
|
130
|
+
};
|
|
131
|
+
|
|
132
|
+
//#endregion
|
|
133
|
+
//#region src/components/menu/menu-item-context.tsx
|
|
134
|
+
const MenuItemContext = (props) => props.children(useMenuItemContext());
|
|
135
|
+
|
|
136
|
+
//#endregion
|
|
137
|
+
//#region src/components/menu/use-menu-item-group-context.ts
|
|
138
|
+
const [MenuItemGroupProvider, useMenuItemGroupContext] = createContext$1({
|
|
139
|
+
hookName: "useMenuItemGroupContext",
|
|
140
|
+
providerName: "<MenuItemGroupProvider />"
|
|
141
|
+
});
|
|
142
|
+
|
|
143
|
+
//#endregion
|
|
144
|
+
//#region src/components/menu/menu-item-group.tsx
|
|
145
|
+
const MenuItemGroup = (props) => {
|
|
146
|
+
const [optionalItemGroupProps, localProps] = createSplitProps()(props, ["id"]);
|
|
147
|
+
const itemGroupProps = mergeProps$1({ id: createUniqueId() }, optionalItemGroupProps);
|
|
148
|
+
const menu$1 = useMenuContext();
|
|
149
|
+
const mergedProps = mergeProps$1(() => menu$1().getItemGroupProps(itemGroupProps), localProps);
|
|
150
|
+
return <MenuItemGroupProvider value={itemGroupProps}>
|
|
151
|
+
<sprawlify.div {...mergedProps} />
|
|
152
|
+
</MenuItemGroupProvider>;
|
|
153
|
+
};
|
|
154
|
+
|
|
155
|
+
//#endregion
|
|
156
|
+
//#region src/components/menu/menu-item-group-label.tsx
|
|
157
|
+
const MenuItemGroupLabel = (props) => {
|
|
158
|
+
const context = useMenuContext();
|
|
159
|
+
const itemGroupContext = useMenuItemGroupContext();
|
|
160
|
+
const mergedProps = mergeProps$1(context().getItemGroupLabelProps({ htmlFor: itemGroupContext.id }), props);
|
|
161
|
+
return <sprawlify.div {...mergedProps} />;
|
|
162
|
+
};
|
|
163
|
+
|
|
164
|
+
//#endregion
|
|
165
|
+
//#region src/components/menu/menu-item-indicator.tsx
|
|
166
|
+
const MenuItemIndicator = (props) => {
|
|
167
|
+
const context = useMenuContext();
|
|
168
|
+
const itemProps = useMenuItemPropsContext();
|
|
169
|
+
const mergedProps = mergeProps$1(() => context().getItemIndicatorProps(itemProps), props);
|
|
170
|
+
return <sprawlify.div {...mergedProps} />;
|
|
171
|
+
};
|
|
172
|
+
|
|
173
|
+
//#endregion
|
|
174
|
+
//#region src/components/menu/menu-item-text.tsx
|
|
175
|
+
const MenuItemText = (props) => {
|
|
176
|
+
const context = useMenuContext();
|
|
177
|
+
const itemProps = useMenuItemPropsContext();
|
|
178
|
+
const mergedProps = mergeProps$1(() => context().getItemTextProps(itemProps), props);
|
|
179
|
+
return <sprawlify.div {...mergedProps} />;
|
|
180
|
+
};
|
|
181
|
+
|
|
182
|
+
//#endregion
|
|
183
|
+
//#region src/components/menu/menu-positioner.tsx
|
|
184
|
+
const MenuPositioner = (props) => {
|
|
185
|
+
const context = useMenuContext();
|
|
186
|
+
const presence = usePresenceContext();
|
|
187
|
+
const mergedProps = mergeProps$1(() => context().getPositionerProps(), props);
|
|
188
|
+
return <Show when={!presence().unmounted}>
|
|
189
|
+
<sprawlify.div {...mergedProps} />
|
|
190
|
+
</Show>;
|
|
191
|
+
};
|
|
192
|
+
|
|
193
|
+
//#endregion
|
|
194
|
+
//#region src/components/menu/menu-radio-item.tsx
|
|
195
|
+
const MenuRadioItem = (props) => {
|
|
196
|
+
const [partialItemProps, localProps] = createSplitProps()(props, [
|
|
197
|
+
"closeOnSelect",
|
|
198
|
+
"disabled",
|
|
199
|
+
"value",
|
|
200
|
+
"valueText"
|
|
201
|
+
]);
|
|
202
|
+
const context = useMenuContext();
|
|
203
|
+
const itemGroup = useMenuItemGroupContext();
|
|
204
|
+
const optionItemProps = mergeProps$1(partialItemProps, () => ({
|
|
205
|
+
type: "radio",
|
|
206
|
+
checked: itemGroup.value === partialItemProps.value,
|
|
207
|
+
onCheckedChange: () => itemGroup.onValueChange?.({ value: partialItemProps.value })
|
|
208
|
+
}));
|
|
209
|
+
const mergedProps = mergeProps$1(() => context().getOptionItemProps(optionItemProps), localProps);
|
|
210
|
+
const optionItemState = createMemo(() => context().getOptionItemState(optionItemProps));
|
|
211
|
+
return <MenuItemPropsProvider value={optionItemProps}>
|
|
212
|
+
<MenuItemProvider value={optionItemState}>
|
|
213
|
+
<sprawlify.div {...mergedProps} />
|
|
214
|
+
</MenuItemProvider>
|
|
215
|
+
</MenuItemPropsProvider>;
|
|
216
|
+
};
|
|
217
|
+
|
|
218
|
+
//#endregion
|
|
219
|
+
//#region src/components/menu/menu-radio-item-group.tsx
|
|
220
|
+
const MenuRadioItemGroup = (props) => {
|
|
221
|
+
const [optionalItemGroupProps, localProps] = createSplitProps()(props, [
|
|
222
|
+
"id",
|
|
223
|
+
"onValueChange",
|
|
224
|
+
"value"
|
|
225
|
+
]);
|
|
226
|
+
const context = useMenuContext();
|
|
227
|
+
const itemGroupProps = mergeProps$1({ id: createUniqueId() }, optionalItemGroupProps);
|
|
228
|
+
const mergedProps = mergeProps$1(() => context().getItemGroupProps(itemGroupProps), localProps);
|
|
229
|
+
return <MenuItemGroupProvider value={itemGroupProps}>
|
|
230
|
+
<sprawlify.div {...mergedProps} />
|
|
231
|
+
</MenuItemGroupProvider>;
|
|
232
|
+
};
|
|
233
|
+
|
|
234
|
+
//#endregion
|
|
235
|
+
//#region src/components/menu/use-menu.ts
|
|
236
|
+
const useMenu = (props) => {
|
|
237
|
+
const id = createUniqueId();
|
|
238
|
+
const locale = useLocaleContext();
|
|
239
|
+
const environment = useEnvironmentContext();
|
|
240
|
+
const machineProps = createMemo(() => ({
|
|
241
|
+
id,
|
|
242
|
+
dir: locale().dir,
|
|
243
|
+
getRootNode: environment().getRootNode,
|
|
244
|
+
...runIfFn(props)
|
|
245
|
+
}));
|
|
246
|
+
const service = useMachine(menu.machine, machineProps);
|
|
247
|
+
return {
|
|
248
|
+
api: createMemo(() => menu.connect(service, normalizeProps)),
|
|
249
|
+
service
|
|
250
|
+
};
|
|
251
|
+
};
|
|
252
|
+
|
|
253
|
+
//#endregion
|
|
254
|
+
//#region src/components/menu/use-menu-machine-context.ts
|
|
255
|
+
const [MenuMachineProvider, useMenuMachineContext] = createContext$1({
|
|
256
|
+
hookName: "useMenuMachineContext",
|
|
257
|
+
providerName: "<MenuMachineProvider />",
|
|
258
|
+
strict: false
|
|
259
|
+
});
|
|
260
|
+
|
|
261
|
+
//#endregion
|
|
262
|
+
//#region src/components/menu/use-menu-trigger-item-context.ts
|
|
263
|
+
const [MenuTriggerItemProvider, useMenuTriggerItemContext] = createContext$1({
|
|
264
|
+
hookName: "useMenuMachineContext",
|
|
265
|
+
providerName: "<MenuMachineProvider />",
|
|
266
|
+
strict: false
|
|
267
|
+
});
|
|
268
|
+
|
|
269
|
+
//#endregion
|
|
270
|
+
//#region src/components/menu/menu-root.tsx
|
|
271
|
+
const MenuRoot = (props) => {
|
|
272
|
+
const [presenceProps, menuProps] = splitPresenceProps(props);
|
|
273
|
+
const [useMenuProps, localProps] = createSplitProps()(menuProps, [
|
|
274
|
+
"anchorPoint",
|
|
275
|
+
"aria-label",
|
|
276
|
+
"closeOnSelect",
|
|
277
|
+
"composite",
|
|
278
|
+
"defaultHighlightedValue",
|
|
279
|
+
"defaultOpen",
|
|
280
|
+
"highlightedValue",
|
|
281
|
+
"id",
|
|
282
|
+
"ids",
|
|
283
|
+
"loopFocus",
|
|
284
|
+
"navigate",
|
|
285
|
+
"onEscapeKeyDown",
|
|
286
|
+
"onFocusOutside",
|
|
287
|
+
"onHighlightChange",
|
|
288
|
+
"onInteractOutside",
|
|
289
|
+
"onOpenChange",
|
|
290
|
+
"onPointerDownOutside",
|
|
291
|
+
"onRequestDismiss",
|
|
292
|
+
"onSelect",
|
|
293
|
+
"open",
|
|
294
|
+
"positioning",
|
|
295
|
+
"typeahead"
|
|
296
|
+
]);
|
|
297
|
+
const parentApi = useMenuContext();
|
|
298
|
+
const parentMachine = useMenuMachineContext();
|
|
299
|
+
const menu$1 = useMenu(useMenuProps);
|
|
300
|
+
const presenceApi = usePresence(mergeProps$1(presenceProps, () => ({ present: menu$1.api().open })));
|
|
301
|
+
onMount(() => {
|
|
302
|
+
if (!parentMachine) return;
|
|
303
|
+
parentApi?.().setChild(menu$1.service);
|
|
304
|
+
menu$1.api().setParent(parentMachine);
|
|
305
|
+
});
|
|
306
|
+
const triggerItemContext = () => parentApi?.().getTriggerItemProps(menu$1.api());
|
|
307
|
+
return <MenuTriggerItemProvider value={triggerItemContext}>
|
|
308
|
+
<MenuMachineProvider value={menu$1.service}>
|
|
309
|
+
<MenuProvider value={menu$1.api}>
|
|
310
|
+
<PresenceProvider value={presenceApi}>{localProps.children}</PresenceProvider>
|
|
311
|
+
</MenuProvider>
|
|
312
|
+
</MenuMachineProvider>
|
|
313
|
+
</MenuTriggerItemProvider>;
|
|
314
|
+
};
|
|
315
|
+
|
|
316
|
+
//#endregion
|
|
317
|
+
//#region src/components/menu/menu-root-provider.tsx
|
|
318
|
+
const MenuRootProvider = (props) => {
|
|
319
|
+
const parentApi = useMenuContext();
|
|
320
|
+
const parentMachine = useMenuMachineContext();
|
|
321
|
+
const [presenceProps, menuProps] = splitPresenceProps(props);
|
|
322
|
+
const presenceApi = usePresence(mergeProps$1(presenceProps, () => ({ present: menuProps.value.api().open })));
|
|
323
|
+
createEffect(() => {
|
|
324
|
+
if (!parentMachine) return;
|
|
325
|
+
parentApi?.().setChild(menuProps.value.service);
|
|
326
|
+
menuProps.value.api().setParent(parentMachine);
|
|
327
|
+
});
|
|
328
|
+
const triggerItemContext = () => parentApi?.().getTriggerItemProps(menuProps.value.api());
|
|
329
|
+
return <MenuTriggerItemProvider value={triggerItemContext}>
|
|
330
|
+
<MenuMachineProvider value={menuProps.value.service}>
|
|
331
|
+
<MenuProvider value={menuProps.value.api}>
|
|
332
|
+
<PresenceProvider value={presenceApi}>{menuProps.children}</PresenceProvider>
|
|
333
|
+
</MenuProvider>
|
|
334
|
+
</MenuMachineProvider>
|
|
335
|
+
</MenuTriggerItemProvider>;
|
|
336
|
+
};
|
|
337
|
+
|
|
338
|
+
//#endregion
|
|
339
|
+
//#region src/components/menu/menu-separator.tsx
|
|
340
|
+
const MenuSeparator = (props) => {
|
|
341
|
+
const menu$1 = useMenuContext();
|
|
342
|
+
const mergedProps = mergeProps$1(() => menu$1().getSeparatorProps(), props);
|
|
343
|
+
return <sprawlify.hr {...mergedProps} />;
|
|
344
|
+
};
|
|
345
|
+
|
|
346
|
+
//#endregion
|
|
347
|
+
//#region src/components/menu/menu-trigger.tsx
|
|
348
|
+
const MenuTrigger = (props) => {
|
|
349
|
+
const api = useMenuContext();
|
|
350
|
+
const presenceApi = usePresenceContext();
|
|
351
|
+
const mergedProps = mergeProps$1(() => api().getTriggerProps(), () => ({ "aria-controls": presenceApi().unmounted && null }), props);
|
|
352
|
+
return <sprawlify.button {...mergedProps} />;
|
|
353
|
+
};
|
|
354
|
+
|
|
355
|
+
//#endregion
|
|
356
|
+
//#region src/components/menu/menu-trigger-item.tsx
|
|
357
|
+
const MenuTriggerItem = (props) => {
|
|
358
|
+
const getTriggerItemProps = useMenuTriggerItemContext();
|
|
359
|
+
const mergedProps = mergeProps$1(() => getTriggerItemProps?.(), props);
|
|
360
|
+
return <MenuItemPropsProvider value={{ value: mergedProps["data-value"] }}>
|
|
361
|
+
<sprawlify.div {...mergedProps} />
|
|
362
|
+
</MenuItemPropsProvider>;
|
|
363
|
+
};
|
|
364
|
+
|
|
365
|
+
//#endregion
|
|
366
|
+
//#region src/components/menu/menu.ts
|
|
367
|
+
var menu_exports = /* @__PURE__ */ __export({
|
|
368
|
+
Arrow: () => MenuArrow,
|
|
369
|
+
ArrowTip: () => MenuArrowTip,
|
|
370
|
+
CheckboxItem: () => MenuCheckboxItem,
|
|
371
|
+
Content: () => MenuContent,
|
|
372
|
+
Context: () => MenuContext,
|
|
373
|
+
ContextTrigger: () => MenuContextTrigger,
|
|
374
|
+
Indicator: () => MenuIndicator,
|
|
375
|
+
Item: () => MenuItem,
|
|
376
|
+
ItemContext: () => MenuItemContext,
|
|
377
|
+
ItemGroup: () => MenuItemGroup,
|
|
378
|
+
ItemGroupLabel: () => MenuItemGroupLabel,
|
|
379
|
+
ItemIndicator: () => MenuItemIndicator,
|
|
380
|
+
ItemText: () => MenuItemText,
|
|
381
|
+
Positioner: () => MenuPositioner,
|
|
382
|
+
RadioItem: () => MenuRadioItem,
|
|
383
|
+
RadioItemGroup: () => MenuRadioItemGroup,
|
|
384
|
+
Root: () => MenuRoot,
|
|
385
|
+
RootProvider: () => MenuRootProvider,
|
|
386
|
+
Separator: () => MenuSeparator,
|
|
387
|
+
Trigger: () => MenuTrigger,
|
|
388
|
+
TriggerItem: () => MenuTriggerItem
|
|
389
|
+
});
|
|
390
|
+
|
|
391
|
+
//#endregion
|
|
392
|
+
export { menu_exports as Menu, MenuArrow, MenuArrowTip, MenuCheckboxItem, MenuContent, MenuContext, MenuContextTrigger, MenuIndicator, MenuItem, MenuItemContext, MenuItemGroup, MenuItemGroupLabel, MenuItemIndicator, MenuItemText, MenuPositioner, MenuRadioItem, MenuRadioItemGroup, MenuRoot, MenuRootProvider, MenuSeparator, MenuTrigger, MenuTriggerItem, menuAnatomy, useMenu, useMenuContext, useMenuItemContext };
|
|
@@ -0,0 +1,90 @@
|
|
|
1
|
+
import { n as PropTypes } from "../../index-tbMcVIMv.js";
|
|
2
|
+
import { i as Optional, t as Assign } from "../../types-DPhuMU2R.js";
|
|
3
|
+
import { r as PolymorphicProps, t as HTMLProps } from "../../factory-JAbO6zq9.js";
|
|
4
|
+
import { t as RenderStrategyProps } from "../../render-strategy-BYpcY4CF.js";
|
|
5
|
+
import * as solid_js57 from "solid-js";
|
|
6
|
+
import { Accessor, JSX } from "solid-js";
|
|
7
|
+
import * as navigationMenu from "@sprawlify/primitives/machines/navigation-menu";
|
|
8
|
+
import { ContentProps, ItemProps, LinkProps, ValueChangeDetails, ValueChangeDetails as NavigationMenuValueChangeDetails, ViewportProps, anatomy as navigationMenuAnatomy } from "@sprawlify/primitives/machines/navigation-menu";
|
|
9
|
+
|
|
10
|
+
//#region src/components/navigation-menu/navigation-menu-arrow.d.ts
|
|
11
|
+
interface NavigationMenuArrowBaseProps extends PolymorphicProps<'div'> {}
|
|
12
|
+
interface NavigationMenuArrowProps extends HTMLProps<'div'>, NavigationMenuArrowBaseProps {}
|
|
13
|
+
declare const NavigationMenuArrow: (props: NavigationMenuArrowProps) => solid_js57.JSX.Element;
|
|
14
|
+
//#endregion
|
|
15
|
+
//#region src/components/navigation-menu/navigation-menu-content.d.ts
|
|
16
|
+
interface NavigationMenuContentBaseProps extends Partial<ContentProps>, PolymorphicProps<'div'> {}
|
|
17
|
+
interface NavigationMenuContentProps extends Assign<HTMLProps<'div'>, NavigationMenuContentBaseProps> {}
|
|
18
|
+
declare const NavigationMenuContent: (props: NavigationMenuContentProps) => solid_js57.JSX.Element;
|
|
19
|
+
//#endregion
|
|
20
|
+
//#region src/components/navigation-menu/use-navigation-menu.d.ts
|
|
21
|
+
interface UseNavigationMenuProps extends Optional<Omit<navigationMenu.Props, 'dir' | 'getRootNode'>, 'id'> {}
|
|
22
|
+
interface UseNavigationMenuReturn extends Accessor<navigationMenu.Api<PropTypes>> {}
|
|
23
|
+
declare const useNavigationMenu: (props?: UseNavigationMenuProps) => UseNavigationMenuReturn;
|
|
24
|
+
//#endregion
|
|
25
|
+
//#region src/components/navigation-menu/use-navigation-menu-context.d.ts
|
|
26
|
+
interface UseNavigationMenuContext extends UseNavigationMenuReturn {}
|
|
27
|
+
//#endregion
|
|
28
|
+
//#region src/components/navigation-menu/navigation-menu-context.d.ts
|
|
29
|
+
interface NavigationMenuContextProps {
|
|
30
|
+
children: (context: UseNavigationMenuContext) => JSX.Element;
|
|
31
|
+
}
|
|
32
|
+
declare const NavigationMenuContext: (props: NavigationMenuContextProps) => JSX.Element;
|
|
33
|
+
//#endregion
|
|
34
|
+
//#region src/components/navigation-menu/navigation-menu-indicator.d.ts
|
|
35
|
+
interface NavigationMenuIndicatorBaseProps extends PolymorphicProps<'div'> {}
|
|
36
|
+
interface NavigationMenuIndicatorProps extends HTMLProps<'div'>, NavigationMenuIndicatorBaseProps {}
|
|
37
|
+
declare const NavigationMenuIndicator: (props: NavigationMenuIndicatorProps) => solid_js57.JSX.Element;
|
|
38
|
+
//#endregion
|
|
39
|
+
//#region src/components/navigation-menu/navigation-menu-item.d.ts
|
|
40
|
+
interface NavigationMenuItemBaseProps extends ItemProps, PolymorphicProps<'div'> {}
|
|
41
|
+
interface NavigationMenuItemProps extends HTMLProps<'div'>, NavigationMenuItemBaseProps {}
|
|
42
|
+
declare const NavigationMenuItem: (props: NavigationMenuItemProps) => solid_js57.JSX.Element;
|
|
43
|
+
//#endregion
|
|
44
|
+
//#region src/components/navigation-menu/navigation-menu-item-indicator.d.ts
|
|
45
|
+
interface NavigationMenuItemIndicatorBaseProps extends PolymorphicProps<'div'> {}
|
|
46
|
+
interface NavigationMenuItemIndicatorProps extends HTMLProps<'div'>, NavigationMenuItemIndicatorBaseProps {}
|
|
47
|
+
declare const NavigationMenuItemIndicator: (props: NavigationMenuItemIndicatorProps) => solid_js57.JSX.Element;
|
|
48
|
+
//#endregion
|
|
49
|
+
//#region src/components/navigation-menu/navigation-menu-link.d.ts
|
|
50
|
+
interface NavigationMenuLinkBaseProps extends Partial<LinkProps>, PolymorphicProps<'a'> {}
|
|
51
|
+
interface NavigationMenuLinkProps extends Assign<HTMLProps<'a'>, NavigationMenuLinkBaseProps> {}
|
|
52
|
+
declare const NavigationMenuLink: (props: NavigationMenuLinkProps) => solid_js57.JSX.Element;
|
|
53
|
+
//#endregion
|
|
54
|
+
//#region src/components/navigation-menu/navigation-menu-list.d.ts
|
|
55
|
+
interface NavigationMenuListBaseProps extends PolymorphicProps<'div'> {}
|
|
56
|
+
interface NavigationMenuListProps extends HTMLProps<'div'>, NavigationMenuListBaseProps {}
|
|
57
|
+
declare const NavigationMenuList: (props: NavigationMenuListProps) => solid_js57.JSX.Element;
|
|
58
|
+
//#endregion
|
|
59
|
+
//#region src/components/navigation-menu/navigation-menu-root.d.ts
|
|
60
|
+
interface NavigationMenuRootBaseProps extends UseNavigationMenuProps, RenderStrategyProps, PolymorphicProps<'nav'> {}
|
|
61
|
+
interface NavigationMenuRootProps extends HTMLProps<'nav'>, NavigationMenuRootBaseProps {}
|
|
62
|
+
declare const NavigationMenuRoot: (props: NavigationMenuRootProps) => solid_js57.JSX.Element;
|
|
63
|
+
//#endregion
|
|
64
|
+
//#region src/components/navigation-menu/navigation-menu-root-provider.d.ts
|
|
65
|
+
interface RootProviderProps {
|
|
66
|
+
value: UseNavigationMenuReturn;
|
|
67
|
+
}
|
|
68
|
+
interface NavigationMenuRootProviderBaseProps extends RenderStrategyProps, PolymorphicProps<'nav'> {}
|
|
69
|
+
interface NavigationMenuRootProviderProps extends HTMLProps<'nav'>, RootProviderProps, NavigationMenuRootProviderBaseProps {}
|
|
70
|
+
declare const NavigationMenuRootProvider: (props: NavigationMenuRootProviderProps) => solid_js57.JSX.Element;
|
|
71
|
+
//#endregion
|
|
72
|
+
//#region src/components/navigation-menu/navigation-menu-trigger.d.ts
|
|
73
|
+
interface NavigationMenuTriggerBaseProps extends Omit<ItemProps, 'value'>, PolymorphicProps<'button'> {}
|
|
74
|
+
interface NavigationMenuTriggerProps extends Assign<HTMLProps<'button'>, NavigationMenuTriggerBaseProps> {}
|
|
75
|
+
declare const NavigationMenuTrigger: (props: NavigationMenuTriggerProps) => solid_js57.JSX.Element;
|
|
76
|
+
//#endregion
|
|
77
|
+
//#region src/components/navigation-menu/navigation-menu-viewport.d.ts
|
|
78
|
+
interface NavigationMenuViewportBaseProps extends ViewportProps, PolymorphicProps<'div'> {}
|
|
79
|
+
interface NavigationMenuViewportProps extends HTMLProps<'div'>, NavigationMenuViewportBaseProps {}
|
|
80
|
+
declare const NavigationMenuViewport: (props: NavigationMenuViewportProps) => solid_js57.JSX.Element;
|
|
81
|
+
//#endregion
|
|
82
|
+
//#region src/components/navigation-menu/navigation-menu-viewport-positioner.d.ts
|
|
83
|
+
interface NavigationMenuViewportPositionerBaseProps extends ViewportProps, PolymorphicProps<'div'> {}
|
|
84
|
+
interface NavigationMenuViewportPositionerProps extends HTMLProps<'div'>, NavigationMenuViewportPositionerBaseProps {}
|
|
85
|
+
declare const NavigationMenuViewportPositioner: (props: NavigationMenuViewportPositionerProps) => solid_js57.JSX.Element;
|
|
86
|
+
declare namespace navigation_menu_d_exports {
|
|
87
|
+
export { NavigationMenuArrow as Arrow, NavigationMenuArrowBaseProps as ArrowBaseProps, NavigationMenuArrowProps as ArrowProps, NavigationMenuContent as Content, NavigationMenuContentBaseProps as ContentBaseProps, NavigationMenuContentProps as ContentProps, NavigationMenuContext as Context, NavigationMenuContextProps as ContextProps, NavigationMenuIndicator as Indicator, NavigationMenuIndicatorBaseProps as IndicatorBaseProps, NavigationMenuIndicatorProps as IndicatorProps, NavigationMenuItem as Item, NavigationMenuItemBaseProps as ItemBaseProps, NavigationMenuItemIndicator as ItemIndicator, NavigationMenuItemIndicatorBaseProps as ItemIndicatorBaseProps, NavigationMenuItemIndicatorProps as ItemIndicatorProps, NavigationMenuItemProps as ItemProps, NavigationMenuLink as Link, NavigationMenuLinkBaseProps as LinkBaseProps, NavigationMenuLinkProps as LinkProps, NavigationMenuList as List, NavigationMenuListBaseProps as ListBaseProps, NavigationMenuListProps as ListProps, NavigationMenuRoot as Root, NavigationMenuRootBaseProps as RootBaseProps, NavigationMenuRootProps as RootProps, NavigationMenuRootProvider as RootProvider, NavigationMenuRootProviderBaseProps as RootProviderBaseProps, NavigationMenuRootProviderProps as RootProviderProps, NavigationMenuTrigger as Trigger, NavigationMenuTriggerBaseProps as TriggerBaseProps, NavigationMenuTriggerProps as TriggerProps, ValueChangeDetails, NavigationMenuViewport as Viewport, NavigationMenuViewportBaseProps as ViewportBaseProps, NavigationMenuViewportPositioner as ViewportPositioner, NavigationMenuViewportPositionerBaseProps as ViewportPositionerBaseProps, NavigationMenuViewportPositionerProps as ViewportPositionerProps, NavigationMenuViewportProps as ViewportProps };
|
|
88
|
+
}
|
|
89
|
+
//#endregion
|
|
90
|
+
export { navigation_menu_d_exports as NavigationMenu, NavigationMenuArrow, type NavigationMenuArrowBaseProps, type NavigationMenuArrowProps, NavigationMenuContent, type NavigationMenuContentBaseProps, type NavigationMenuContentProps, NavigationMenuContext, type NavigationMenuContextProps, NavigationMenuIndicator, type NavigationMenuIndicatorBaseProps, type NavigationMenuIndicatorProps, NavigationMenuItem, type NavigationMenuItemBaseProps, NavigationMenuItemIndicator, type NavigationMenuItemIndicatorBaseProps, type NavigationMenuItemIndicatorProps, type NavigationMenuItemProps, NavigationMenuLink, type NavigationMenuLinkBaseProps, type NavigationMenuLinkProps, NavigationMenuList, type NavigationMenuListBaseProps, type NavigationMenuListProps, NavigationMenuRoot, type NavigationMenuRootBaseProps, type NavigationMenuRootProps, NavigationMenuRootProvider, type NavigationMenuRootProviderBaseProps, type NavigationMenuRootProviderProps, NavigationMenuTrigger, type NavigationMenuTriggerBaseProps, type NavigationMenuTriggerProps, type NavigationMenuValueChangeDetails, NavigationMenuViewport, type NavigationMenuViewportBaseProps, NavigationMenuViewportPositioner, type NavigationMenuViewportPositionerBaseProps, type NavigationMenuViewportPositionerProps, type NavigationMenuViewportProps, type UseNavigationMenuContext, type UseNavigationMenuProps, type UseNavigationMenuReturn, navigationMenuAnatomy, useNavigationMenu, useNavigationMenuContext };
|