@sprawlify/react 0.0.9 → 0.0.10
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-vqmKK3px.mjs → collapsible-DCBcxJA8.mjs} +7 -7
- package/dist/{collection-BYYMj_V8.mjs → collection-XVYHjcEl.mjs} +2 -2
- package/dist/components/accordion/index.d.cts +11 -11
- package/dist/components/accordion/index.d.mts +11 -11
- package/dist/components/accordion/index.mjs +10 -10
- package/dist/components/angle-slider/index.d.cts +13 -13
- package/dist/components/angle-slider/index.d.mts +13 -13
- package/dist/components/angle-slider/index.mjs +8 -8
- package/dist/components/avatar/index.d.cts +8 -8
- package/dist/components/avatar/index.d.mts +8 -8
- package/dist/components/avatar/index.mjs +8 -8
- package/dist/components/bottom-sheet/index.d.cts +15 -15
- package/dist/components/bottom-sheet/index.d.mts +13 -13
- package/dist/components/bottom-sheet/index.mjs +12 -12
- package/dist/components/carousel/index.d.cts +18 -18
- package/dist/components/carousel/index.d.mts +18 -18
- package/dist/components/carousel/index.mjs +8 -8
- package/dist/components/checkbox/index.d.cts +14 -14
- package/dist/components/checkbox/index.d.mts +14 -14
- package/dist/components/checkbox/index.mjs +13 -13
- package/dist/components/clipboard/index.d.cts +12 -12
- package/dist/components/clipboard/index.d.mts +12 -12
- package/dist/components/clipboard/index.mjs +6 -6
- package/dist/components/collapsible/index.d.cts +10 -10
- package/dist/components/collapsible/index.d.mts +10 -10
- package/dist/components/collapsible/index.mjs +7 -7
- package/dist/components/collection/index.d.cts +1 -1
- package/dist/components/collection/index.d.mts +1 -1
- package/dist/components/collection/index.mjs +3 -3
- package/dist/components/color-picker/index.d.cts +35 -35
- package/dist/components/color-picker/index.d.mts +36 -36
- package/dist/components/color-picker/index.mjs +14 -14
- package/dist/components/combobox/index.d.cts +22 -22
- package/dist/components/combobox/index.d.mts +23 -23
- package/dist/components/combobox/index.mjs +15 -15
- package/dist/components/date-picker/index.d.cts +32 -32
- package/dist/components/date-picker/index.d.mts +33 -33
- package/dist/components/date-picker/index.mjs +11 -11
- package/dist/components/dialog/index.d.cts +15 -15
- package/dist/components/dialog/index.d.mts +16 -16
- package/dist/components/dialog/index.mjs +11 -11
- package/dist/components/download-trigger/index.d.cts +4 -4
- package/dist/components/download-trigger/index.d.mts +4 -4
- package/dist/components/download-trigger/index.mjs +5 -5
- package/dist/components/editable/index.d.cts +13 -13
- package/dist/components/editable/index.d.mts +13 -13
- package/dist/components/editable/index.mjs +11 -11
- package/dist/components/field/index.d.cts +14 -14
- package/dist/components/field/index.d.mts +14 -14
- package/dist/components/field/index.mjs +9 -9
- package/dist/components/fieldset/index.d.cts +10 -10
- package/dist/components/fieldset/index.d.mts +10 -10
- package/dist/components/fieldset/index.mjs +9 -9
- package/dist/components/file-upload/index.d.cts +18 -18
- package/dist/components/file-upload/index.d.mts +18 -18
- package/dist/components/file-upload/index.mjs +11 -11
- package/dist/components/floating-panel/index.d.cts +19 -19
- package/dist/components/floating-panel/index.d.mts +20 -20
- package/dist/components/floating-panel/index.mjs +11 -11
- package/dist/components/focus-trap/index.d.cts +4 -4
- package/dist/components/focus-trap/index.d.mts +4 -4
- package/dist/components/focus-trap/index.mjs +4 -4
- package/dist/components/format/index.d.cts +4 -4
- package/dist/components/format/index.d.mts +4 -4
- package/dist/components/format/index.mjs +3 -3
- package/dist/components/frame/index.d.cts +3 -3
- package/dist/components/frame/index.d.mts +3 -3
- package/dist/components/frame/index.mjs +6 -6
- package/dist/components/highlight/index.d.cts +3 -3
- package/dist/components/highlight/index.d.mts +3 -3
- package/dist/components/highlight/index.mjs +1 -1
- package/dist/components/hover-card/index.d.cts +13 -13
- package/dist/components/hover-card/index.d.mts +14 -14
- package/dist/components/hover-card/index.mjs +10 -10
- package/dist/components/image-cropper/index.d.cts +11 -11
- package/dist/components/image-cropper/index.d.mts +11 -11
- package/dist/components/image-cropper/index.mjs +8 -8
- package/dist/components/json-tree-view/index.d.cts +5 -5
- package/dist/components/json-tree-view/index.d.mts +9 -9
- package/dist/components/json-tree-view/index.mjs +13 -13
- package/dist/components/listbox/index.d.cts +17 -17
- package/dist/components/listbox/index.d.mts +17 -17
- package/dist/components/listbox/index.mjs +10 -10
- package/dist/components/marquee/index.d.cts +10 -10
- package/dist/components/marquee/index.d.mts +10 -10
- package/dist/components/marquee/index.mjs +8 -8
- package/dist/components/menu/index.d.cts +25 -25
- package/dist/components/menu/index.d.mts +28 -28
- package/dist/components/menu/index.mjs +11 -11
- package/dist/components/navigation-menu/index.d.cts +17 -17
- package/dist/components/navigation-menu/index.d.mts +17 -17
- package/dist/components/navigation-menu/index.mjs +13 -13
- package/dist/components/number-input/index.d.cts +13 -13
- package/dist/components/number-input/index.d.mts +13 -13
- package/dist/components/number-input/index.mjs +11 -11
- package/dist/components/pagination/index.d.cts +12 -12
- package/dist/components/pagination/index.d.mts +12 -12
- package/dist/components/pagination/index.mjs +8 -8
- package/dist/components/password-input/index.d.cts +11 -11
- package/dist/components/password-input/index.d.mts +11 -11
- package/dist/components/password-input/index.mjs +11 -11
- package/dist/components/pin-input/index.d.cts +10 -10
- package/dist/components/pin-input/index.d.mts +10 -10
- package/dist/components/pin-input/index.mjs +11 -11
- package/dist/components/popover/index.d.cts +18 -18
- package/dist/components/popover/index.d.mts +19 -19
- package/dist/components/popover/index.mjs +10 -10
- package/dist/components/portal/index.d.cts +2 -2
- package/dist/components/portal/index.d.mts +2 -2
- package/dist/components/portal/index.mjs +5 -5
- package/dist/components/presence/index.d.cts +1 -1
- package/dist/components/presence/index.d.mts +3 -3
- package/dist/components/presence/index.mjs +5 -5
- package/dist/components/progress/index.cjs +222 -0
- package/dist/components/progress/index.d.cts +79 -0
- package/dist/components/progress/index.d.mts +79 -0
- package/dist/components/progress/index.mjs +197 -0
- package/dist/components/qr-code/index.cjs +166 -0
- package/dist/components/qr-code/index.d.cts +59 -0
- package/dist/components/qr-code/index.d.mts +59 -0
- package/dist/components/qr-code/index.mjs +145 -0
- package/dist/components/radio-group/index.cjs +240 -0
- package/dist/components/radio-group/index.d.cts +78 -0
- package/dist/components/radio-group/index.d.mts +78 -0
- package/dist/components/radio-group/index.mjs +215 -0
- package/dist/components/rating-group/index.cjs +202 -0
- package/dist/components/rating-group/index.d.cts +68 -0
- package/dist/components/rating-group/index.d.mts +68 -0
- package/dist/components/rating-group/index.mjs +179 -0
- package/dist/components/scroll-area/index.cjs +180 -0
- package/dist/components/scroll-area/index.d.cts +68 -0
- package/dist/components/scroll-area/index.d.mts +68 -0
- package/dist/components/scroll-area/index.mjs +158 -0
- package/dist/components/segment-group/index.cjs +233 -0
- package/dist/components/segment-group/index.d.cts +82 -0
- package/dist/components/segment-group/index.d.mts +82 -0
- package/dist/components/segment-group/index.mjs +213 -0
- package/dist/components/select/index.d.cts +21 -21
- package/dist/components/select/index.d.mts +22 -22
- package/dist/components/select/index.mjs +15 -15
- package/dist/components/tree-view/index.d.cts +2 -2
- package/dist/components/tree-view/index.d.mts +5 -5
- package/dist/components/tree-view/index.mjs +11 -11
- package/dist/{environment-Cc02I6aF.mjs → environment-Cnx9ZBbN.mjs} +1 -1
- package/dist/{factory-7ydMApfi.mjs → factory-BwIiMV5g.mjs} +1 -1
- package/dist/{field-BXY6su53.mjs → field-BuPxh7ZO.mjs} +9 -9
- package/dist/{fieldset-BeHm9oxe.mjs → fieldset-UIFriN0i.mjs} +8 -8
- package/dist/{index-wlpTZGhs.d.mts → index-BoKwZUuR.d.mts} +25 -25
- package/dist/{index-Bkxp7VrU.d.mts → index-C-uklBbh.d.cts} +7 -7
- package/dist/{index-DTzLUoop.d.cts → index-IQMPWCzE.d.cts} +25 -25
- package/dist/{index-aYGfRRLA.d.cts → index-tmg3Dc0S.d.mts} +7 -7
- package/dist/index.d.cts +5 -5
- package/dist/index.d.mts +5 -5
- package/dist/index.mjs +7 -7
- package/dist/{locale-D4LX0eEq.mjs → locale-BheNIyu4.mjs} +1 -1
- package/dist/{portal-BOhFScBS.mjs → portal-Cf1DNJ7L.mjs} +1 -1
- package/dist/{presence-C9BcvdTf.mjs → presence-D-rmmMDm.mjs} +6 -6
- package/dist/{render-strategy-BgIBKraZ.mjs → render-strategy-D2htg_Zz.mjs} +2 -2
- package/dist/{tree-view-CzJvwlYQ.mjs → tree-view-Br67rmuK.mjs} +9 -9
- package/dist/{use-fieldset-context-6GRSrrlt.mjs → use-fieldset-context-DPgRcctn.mjs} +1 -1
- package/dist/utils/index.d.cts +1 -1
- package/dist/utils/index.d.mts +1 -1
- package/dist/utils/index.mjs +2 -2
- package/package.json +62 -2
- /package/dist/{chunk-BU8PiJgx.mjs → chunk-tPcuhsU6.mjs} +0 -0
- /package/dist/{compose-refs-Cl5LpASY.mjs → compose-refs-ymQahgeo.mjs} +0 -0
- /package/dist/{core-79NSyZp-.mjs → core-BrQa5x6H.mjs} +0 -0
- /package/dist/{create-context-DbhrVE2B.mjs → create-context-aizX7yAt.mjs} +0 -0
- /package/dist/{create-split-props-BJdRM9I_.mjs → create-split-props-BHHQqbKs.mjs} +0 -0
- /package/dist/{factory-DaVlp4Ba.d.mts → factory-Bv0JsGLd.d.cts} +0 -0
- /package/dist/{factory-fcFI3pbG.d.cts → factory-DcDjbYQq.d.mts} +0 -0
- /package/dist/{index-DPoOdvOg.d.mts → index-BH0zbKp3.d.mts} +0 -0
- /package/dist/{index-BcXWsxRa.d.mts → index-CQrt31Vz.d.mts} +0 -0
- /package/dist/{index-CReeoTjv.d.cts → index-CsVbgeF4.d.cts} +0 -0
- /package/dist/{index-r8rv70-L.d.cts → index-D2T5b4fK.d.cts} +0 -0
- /package/dist/{index-BLd57Y0z.d.mts → index-DJx_8PSR.d.mts} +0 -0
- /package/dist/{index-BoLg0FWF.d.mts → index-WJ-tNaCp.d.mts} +0 -0
- /package/dist/{index-Cquz7y70.d.cts → index-YjtX6_Hn.d.cts} +0 -0
- /package/dist/{normalize-props-Dw0EepzR.d.cts → normalize-props-EzaAUPva.d.cts} +0 -0
- /package/dist/{providers-CoJceYkV.mjs → providers-B1DbplwV.mjs} +0 -0
- /package/dist/{render-strategy-CRwPcG33.d.mts → render-strategy-C5J78Qs-.d.mts} +0 -0
- /package/dist/{render-strategy-M8NkD01w.d.cts → render-strategy-DEUBHfUP.d.cts} +0 -0
- /package/dist/{types-CrwpJrFp.d.mts → types-C2LNTNCl.d.cts} +0 -0
- /package/dist/{types-DcUAwTQC.d.cts → types-CdhepaRC.d.mts} +0 -0
- /package/dist/{use-event-B4e6iJDK.mjs → use-event-qKb6UUEI.mjs} +0 -0
- /package/dist/{use-safe-layout-effect-DPn_9-dD.mjs → use-safe-layout-effect-BHE-Ll-k.mjs} +0 -0
- /package/dist/{utils-BQJFlkDE.mjs → utils-Bx4WJ5W9.mjs} +0 -0
|
@@ -0,0 +1,233 @@
|
|
|
1
|
+
const require_chunk = require('../../chunk-BYnRvbsk.cjs');
|
|
2
|
+
const require_core = require('../../core-DCWyxy9D.cjs');
|
|
3
|
+
const require_create_context = require('../../create-context-CQ4U0lLj.cjs');
|
|
4
|
+
const require_environment = require('../../environment-CvilmfQt.cjs');
|
|
5
|
+
const require_locale = require('../../locale-BcnWD1Hf.cjs');
|
|
6
|
+
require('../../providers-BNAArubQ.cjs');
|
|
7
|
+
const require_factory = require('../../factory-C166evrS.cjs');
|
|
8
|
+
const require_create_split_props = require('../../create-split-props-Dp4TWOyM.cjs');
|
|
9
|
+
let react = require("react");
|
|
10
|
+
let react_jsx_runtime = require("react/jsx-runtime");
|
|
11
|
+
let __sprawlify_primitives_machines_radio_group = require("@sprawlify/primitives/machines/radio-group");
|
|
12
|
+
__sprawlify_primitives_machines_radio_group = require_chunk.__toESM(__sprawlify_primitives_machines_radio_group);
|
|
13
|
+
let __sprawlify_primitives_core = require("@sprawlify/primitives/core");
|
|
14
|
+
|
|
15
|
+
//#region src/components/segment-group/use-segment-group-context.ts
|
|
16
|
+
const [SegmentGroupProvider, useSegmentGroupContext] = require_create_context.createContext({
|
|
17
|
+
name: "SegmentGroupContext",
|
|
18
|
+
hookName: "useSegmentGroupContext",
|
|
19
|
+
providerName: "<SegmentGroupProvider />"
|
|
20
|
+
});
|
|
21
|
+
|
|
22
|
+
//#endregion
|
|
23
|
+
//#region src/components/segment-group/segment-group-context.tsx
|
|
24
|
+
const SegmentGroupContext = (props) => props.children(useSegmentGroupContext());
|
|
25
|
+
|
|
26
|
+
//#endregion
|
|
27
|
+
//#region src/components/segment-group/segment-group-anatomy.ts
|
|
28
|
+
const segmentGroupAnatomy = __sprawlify_primitives_machines_radio_group.anatomy.rename("segment-group");
|
|
29
|
+
const parts = segmentGroupAnatomy.build();
|
|
30
|
+
|
|
31
|
+
//#endregion
|
|
32
|
+
//#region src/components/segment-group/segment-group-indicator.tsx
|
|
33
|
+
const SegmentGroupIndicator = (0, react.forwardRef)((props, ref) => {
|
|
34
|
+
const mergedProps = (0, __sprawlify_primitives_core.mergeProps)(useSegmentGroupContext().getIndicatorProps(), parts.indicator.attrs, props);
|
|
35
|
+
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.sprawlify.div, {
|
|
36
|
+
...mergedProps,
|
|
37
|
+
ref
|
|
38
|
+
});
|
|
39
|
+
});
|
|
40
|
+
SegmentGroupIndicator.displayName = "SegmentGroupIndicator";
|
|
41
|
+
|
|
42
|
+
//#endregion
|
|
43
|
+
//#region src/components/segment-group/use-segment-group-item-context.ts
|
|
44
|
+
const [SegmentGroupItemProvider, useSegmentGroupItemContext] = require_create_context.createContext({
|
|
45
|
+
name: "SegmentGroupItemContext",
|
|
46
|
+
hookName: "useSegmentGroupItemContext",
|
|
47
|
+
providerName: "<SegmentGroupItemProvider />"
|
|
48
|
+
});
|
|
49
|
+
|
|
50
|
+
//#endregion
|
|
51
|
+
//#region src/components/segment-group/use-segment-group-item-props-context.ts
|
|
52
|
+
const [SegmentGroupItemPropsProvider, useSegmentGroupItemPropsContext] = require_create_context.createContext({
|
|
53
|
+
name: "SegmentGroupItemPropsContext",
|
|
54
|
+
hookName: "useSegmentGroupItemPropsContext",
|
|
55
|
+
providerName: "<SegmentGroupItemPropsProvider />"
|
|
56
|
+
});
|
|
57
|
+
|
|
58
|
+
//#endregion
|
|
59
|
+
//#region src/components/segment-group/segment-group-item.tsx
|
|
60
|
+
const splitItemProps = require_create_split_props.createSplitProps();
|
|
61
|
+
const SegmentGroupItem = (0, react.forwardRef)((props, ref) => {
|
|
62
|
+
const [itemProps, localProps] = splitItemProps(props, [
|
|
63
|
+
"value",
|
|
64
|
+
"disabled",
|
|
65
|
+
"invalid"
|
|
66
|
+
]);
|
|
67
|
+
const segmentGroup = useSegmentGroupContext();
|
|
68
|
+
const mergedProps = (0, __sprawlify_primitives_core.mergeProps)(segmentGroup.getItemProps(itemProps), parts.item.attrs, localProps);
|
|
69
|
+
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SegmentGroupItemPropsProvider, {
|
|
70
|
+
value: itemProps,
|
|
71
|
+
children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SegmentGroupItemProvider, {
|
|
72
|
+
value: segmentGroup.getItemState(itemProps),
|
|
73
|
+
children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.sprawlify.label, {
|
|
74
|
+
...mergedProps,
|
|
75
|
+
ref
|
|
76
|
+
})
|
|
77
|
+
})
|
|
78
|
+
});
|
|
79
|
+
});
|
|
80
|
+
SegmentGroupItem.displayName = "SegmentGroupItem";
|
|
81
|
+
|
|
82
|
+
//#endregion
|
|
83
|
+
//#region src/components/segment-group/segment-group-item-context.tsx
|
|
84
|
+
const SegmentGroupItemContext = (props) => props.children(useSegmentGroupItemContext());
|
|
85
|
+
|
|
86
|
+
//#endregion
|
|
87
|
+
//#region src/components/segment-group/segment-group-item-control.tsx
|
|
88
|
+
const SegmentGroupItemControl = (0, react.forwardRef)((props, ref) => {
|
|
89
|
+
const segmentGroup = useSegmentGroupContext();
|
|
90
|
+
const itemProps = useSegmentGroupItemPropsContext();
|
|
91
|
+
const mergedProps = (0, __sprawlify_primitives_core.mergeProps)(segmentGroup.getItemControlProps(itemProps), parts.itemControl.attrs, props);
|
|
92
|
+
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.sprawlify.div, {
|
|
93
|
+
...mergedProps,
|
|
94
|
+
ref
|
|
95
|
+
});
|
|
96
|
+
});
|
|
97
|
+
SegmentGroupItemControl.displayName = "SegmentGroupItemControl";
|
|
98
|
+
|
|
99
|
+
//#endregion
|
|
100
|
+
//#region src/components/segment-group/segment-group-item-hidden-input.tsx
|
|
101
|
+
const SegmentGroupItemHiddenInput = (0, react.forwardRef)((props, ref) => {
|
|
102
|
+
const segmentGroup = useSegmentGroupContext();
|
|
103
|
+
const itemProps = useSegmentGroupItemPropsContext();
|
|
104
|
+
const mergedProps = (0, __sprawlify_primitives_core.mergeProps)(segmentGroup.getItemHiddenInputProps(itemProps), props);
|
|
105
|
+
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.sprawlify.input, {
|
|
106
|
+
...mergedProps,
|
|
107
|
+
ref
|
|
108
|
+
});
|
|
109
|
+
});
|
|
110
|
+
SegmentGroupItemHiddenInput.displayName = "SegmentGroupItemHiddenInput";
|
|
111
|
+
|
|
112
|
+
//#endregion
|
|
113
|
+
//#region src/components/segment-group/segment-group-item-text.tsx
|
|
114
|
+
const SegmentGroupItemText = (0, react.forwardRef)((props, ref) => {
|
|
115
|
+
const segmentGroup = useSegmentGroupContext();
|
|
116
|
+
const itemProps = useSegmentGroupItemPropsContext();
|
|
117
|
+
const mergedProps = (0, __sprawlify_primitives_core.mergeProps)(segmentGroup.getItemTextProps(itemProps), parts.itemText.attrs, props);
|
|
118
|
+
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.sprawlify.span, {
|
|
119
|
+
...mergedProps,
|
|
120
|
+
ref
|
|
121
|
+
});
|
|
122
|
+
});
|
|
123
|
+
SegmentGroupItemText.displayName = "SegmentGroupItemText";
|
|
124
|
+
|
|
125
|
+
//#endregion
|
|
126
|
+
//#region src/components/segment-group/segment-group-label.tsx
|
|
127
|
+
const SegmentGroupLabel = (0, react.forwardRef)((props, ref) => {
|
|
128
|
+
const mergedProps = (0, __sprawlify_primitives_core.mergeProps)(useSegmentGroupContext().getLabelProps(), parts.label.attrs, props);
|
|
129
|
+
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.sprawlify.label, {
|
|
130
|
+
...mergedProps,
|
|
131
|
+
ref
|
|
132
|
+
});
|
|
133
|
+
});
|
|
134
|
+
SegmentGroupLabel.displayName = "SegmentGroupLabel";
|
|
135
|
+
|
|
136
|
+
//#endregion
|
|
137
|
+
//#region src/components/segment-group/use-segment-group.ts
|
|
138
|
+
const useSegmentGroup = (props) => {
|
|
139
|
+
const id = (0, react.useId)();
|
|
140
|
+
const { getRootNode } = require_environment.useEnvironmentContext();
|
|
141
|
+
const { dir } = require_locale.useLocaleContext();
|
|
142
|
+
const machineProps = {
|
|
143
|
+
id,
|
|
144
|
+
dir,
|
|
145
|
+
getRootNode,
|
|
146
|
+
...props
|
|
147
|
+
};
|
|
148
|
+
const service = require_core.useMachine(__sprawlify_primitives_machines_radio_group.machine, machineProps);
|
|
149
|
+
return __sprawlify_primitives_machines_radio_group.connect(service, require_core.normalizeProps);
|
|
150
|
+
};
|
|
151
|
+
|
|
152
|
+
//#endregion
|
|
153
|
+
//#region src/components/segment-group/segment-group-root.tsx
|
|
154
|
+
const splitRootProps = require_create_split_props.createSplitProps();
|
|
155
|
+
const SegmentGroupRoot = (0, react.forwardRef)((props, ref) => {
|
|
156
|
+
const [useSegmentGroupProps, localProps] = splitRootProps(props, [
|
|
157
|
+
"defaultValue",
|
|
158
|
+
"disabled",
|
|
159
|
+
"form",
|
|
160
|
+
"id",
|
|
161
|
+
"ids",
|
|
162
|
+
"invalid",
|
|
163
|
+
"name",
|
|
164
|
+
"onValueChange",
|
|
165
|
+
"orientation",
|
|
166
|
+
"readOnly",
|
|
167
|
+
"required",
|
|
168
|
+
"value"
|
|
169
|
+
]);
|
|
170
|
+
const segmentGroup = useSegmentGroup(useSegmentGroupProps);
|
|
171
|
+
const mergedProps = (0, __sprawlify_primitives_core.mergeProps)(segmentGroup.getRootProps(), parts.root.attrs, localProps);
|
|
172
|
+
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SegmentGroupProvider, {
|
|
173
|
+
value: segmentGroup,
|
|
174
|
+
children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.sprawlify.div, {
|
|
175
|
+
...mergedProps,
|
|
176
|
+
ref
|
|
177
|
+
})
|
|
178
|
+
});
|
|
179
|
+
});
|
|
180
|
+
SegmentGroupRoot.displayName = "SegmentGroupRoot";
|
|
181
|
+
|
|
182
|
+
//#endregion
|
|
183
|
+
//#region src/components/segment-group/segment-group-root-provider.tsx
|
|
184
|
+
const splitRootProviderProps = require_create_split_props.createSplitProps();
|
|
185
|
+
const SegmentGroupRootProvider = (0, react.forwardRef)((props, ref) => {
|
|
186
|
+
const [{ value: segmentGroup }, localProps] = splitRootProviderProps(props, ["value"]);
|
|
187
|
+
const mergedProps = (0, __sprawlify_primitives_core.mergeProps)(segmentGroup.getRootProps(), parts.root.attrs, localProps);
|
|
188
|
+
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SegmentGroupProvider, {
|
|
189
|
+
value: segmentGroup,
|
|
190
|
+
children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.sprawlify.div, {
|
|
191
|
+
...mergedProps,
|
|
192
|
+
ref
|
|
193
|
+
})
|
|
194
|
+
});
|
|
195
|
+
});
|
|
196
|
+
SegmentGroupRootProvider.displayName = "SegmentGroupRootProvider";
|
|
197
|
+
|
|
198
|
+
//#endregion
|
|
199
|
+
//#region src/components/segment-group/segment-group.ts
|
|
200
|
+
var segment_group_exports = /* @__PURE__ */ require_chunk.__export({
|
|
201
|
+
Context: () => SegmentGroupContext,
|
|
202
|
+
Indicator: () => SegmentGroupIndicator,
|
|
203
|
+
Item: () => SegmentGroupItem,
|
|
204
|
+
ItemContext: () => SegmentGroupItemContext,
|
|
205
|
+
ItemControl: () => SegmentGroupItemControl,
|
|
206
|
+
ItemHiddenInput: () => SegmentGroupItemHiddenInput,
|
|
207
|
+
ItemText: () => SegmentGroupItemText,
|
|
208
|
+
Label: () => SegmentGroupLabel,
|
|
209
|
+
Root: () => SegmentGroupRoot,
|
|
210
|
+
RootProvider: () => SegmentGroupRootProvider
|
|
211
|
+
});
|
|
212
|
+
|
|
213
|
+
//#endregion
|
|
214
|
+
Object.defineProperty(exports, 'SegmentGroup', {
|
|
215
|
+
enumerable: true,
|
|
216
|
+
get: function () {
|
|
217
|
+
return segment_group_exports;
|
|
218
|
+
}
|
|
219
|
+
});
|
|
220
|
+
exports.SegmentGroupContext = SegmentGroupContext;
|
|
221
|
+
exports.SegmentGroupIndicator = SegmentGroupIndicator;
|
|
222
|
+
exports.SegmentGroupItem = SegmentGroupItem;
|
|
223
|
+
exports.SegmentGroupItemContext = SegmentGroupItemContext;
|
|
224
|
+
exports.SegmentGroupItemControl = SegmentGroupItemControl;
|
|
225
|
+
exports.SegmentGroupItemHiddenInput = SegmentGroupItemHiddenInput;
|
|
226
|
+
exports.SegmentGroupItemText = SegmentGroupItemText;
|
|
227
|
+
exports.SegmentGroupLabel = SegmentGroupLabel;
|
|
228
|
+
exports.SegmentGroupRoot = SegmentGroupRoot;
|
|
229
|
+
exports.SegmentGroupRootProvider = SegmentGroupRootProvider;
|
|
230
|
+
exports.segmentGroupAnatomy = segmentGroupAnatomy;
|
|
231
|
+
exports.useSegmentGroup = useSegmentGroup;
|
|
232
|
+
exports.useSegmentGroupContext = useSegmentGroupContext;
|
|
233
|
+
exports.useSegmentGroupItemContext = useSegmentGroupItemContext;
|
|
@@ -0,0 +1,82 @@
|
|
|
1
|
+
import { t as PropTypes } from "../../normalize-props-EzaAUPva.cjs";
|
|
2
|
+
import { r as Optional, t as Assign } from "../../types-C2LNTNCl.cjs";
|
|
3
|
+
import { r as PolymorphicProps, t as HTMLProps } from "../../factory-Bv0JsGLd.cjs";
|
|
4
|
+
import * as react293 from "react";
|
|
5
|
+
import { ReactNode } from "react";
|
|
6
|
+
import * as _sprawlify_primitives_anatomy3 from "@sprawlify/primitives/anatomy";
|
|
7
|
+
import * as segmentGroup from "@sprawlify/primitives/machines/radio-group";
|
|
8
|
+
import { ItemProps, ItemState, ValueChangeDetails, ValueChangeDetails as SegmentGroupValueChangeDetails } from "@sprawlify/primitives/machines/radio-group";
|
|
9
|
+
|
|
10
|
+
//#region src/components/segment-group/use-segment-group.d.ts
|
|
11
|
+
interface UseSegmentGroupProps extends Optional<Omit<segmentGroup.Props, "dir" | "getRootNode">, "id"> {}
|
|
12
|
+
interface UseSegmentGroupReturn extends segmentGroup.Api<PropTypes> {}
|
|
13
|
+
declare const useSegmentGroup: (props?: UseSegmentGroupProps) => UseSegmentGroupReturn;
|
|
14
|
+
//#endregion
|
|
15
|
+
//#region src/components/segment-group/use-segment-group-context.d.ts
|
|
16
|
+
interface UseSegmentGroupContext extends UseSegmentGroupReturn {}
|
|
17
|
+
//#endregion
|
|
18
|
+
//#region src/components/segment-group/segment-group-context.d.ts
|
|
19
|
+
interface SegmentGroupContextProps {
|
|
20
|
+
children: (context: UseSegmentGroupContext) => ReactNode;
|
|
21
|
+
}
|
|
22
|
+
declare const SegmentGroupContext: (props: SegmentGroupContextProps) => ReactNode;
|
|
23
|
+
//#endregion
|
|
24
|
+
//#region src/components/segment-group/segment-group-indicator.d.ts
|
|
25
|
+
interface SegmentGroupIndicatorBaseProps extends PolymorphicProps {}
|
|
26
|
+
interface SegmentGroupIndicatorProps extends HTMLProps<"div">, SegmentGroupIndicatorBaseProps {}
|
|
27
|
+
declare const SegmentGroupIndicator: react293.ForwardRefExoticComponent<SegmentGroupIndicatorProps & react293.RefAttributes<HTMLDivElement>>;
|
|
28
|
+
//#endregion
|
|
29
|
+
//#region src/components/segment-group/segment-group-item.d.ts
|
|
30
|
+
interface SegmentGroupItemBaseProps extends ItemProps, PolymorphicProps {}
|
|
31
|
+
interface SegmentGroupItemProps extends HTMLProps<"label">, SegmentGroupItemBaseProps {}
|
|
32
|
+
declare const SegmentGroupItem: react293.ForwardRefExoticComponent<SegmentGroupItemProps & react293.RefAttributes<HTMLLabelElement>>;
|
|
33
|
+
//#endregion
|
|
34
|
+
//#region src/components/segment-group/use-segment-group-item-context.d.ts
|
|
35
|
+
interface UseSegmentGroupItemContext extends ItemState {}
|
|
36
|
+
//#endregion
|
|
37
|
+
//#region src/components/segment-group/segment-group-item-context.d.ts
|
|
38
|
+
interface SegmentGroupItemContextProps {
|
|
39
|
+
children: (context: UseSegmentGroupItemContext) => ReactNode;
|
|
40
|
+
}
|
|
41
|
+
declare const SegmentGroupItemContext: (props: SegmentGroupItemContextProps) => ReactNode;
|
|
42
|
+
//#endregion
|
|
43
|
+
//#region src/components/segment-group/segment-group-item-control.d.ts
|
|
44
|
+
interface SegmentGroupItemControlBaseProps extends PolymorphicProps {}
|
|
45
|
+
interface SegmentGroupItemControlProps extends HTMLProps<"div">, SegmentGroupItemControlBaseProps {}
|
|
46
|
+
declare const SegmentGroupItemControl: react293.ForwardRefExoticComponent<SegmentGroupItemControlProps & react293.RefAttributes<HTMLDivElement>>;
|
|
47
|
+
//#endregion
|
|
48
|
+
//#region src/components/segment-group/segment-group-item-hidden-input.d.ts
|
|
49
|
+
interface SegmentGroupItemHiddenInputBaseProps extends PolymorphicProps {}
|
|
50
|
+
interface SegmentGroupItemHiddenInputProps extends HTMLProps<"input">, SegmentGroupItemHiddenInputBaseProps {}
|
|
51
|
+
declare const SegmentGroupItemHiddenInput: react293.ForwardRefExoticComponent<SegmentGroupItemHiddenInputProps & react293.RefAttributes<HTMLInputElement>>;
|
|
52
|
+
//#endregion
|
|
53
|
+
//#region src/components/segment-group/segment-group-item-text.d.ts
|
|
54
|
+
interface SegmentGroupItemTextBaseProps extends PolymorphicProps {}
|
|
55
|
+
interface SegmentGroupItemTextProps extends HTMLProps<"span">, SegmentGroupItemTextBaseProps {}
|
|
56
|
+
declare const SegmentGroupItemText: react293.ForwardRefExoticComponent<SegmentGroupItemTextProps & react293.RefAttributes<HTMLSpanElement>>;
|
|
57
|
+
//#endregion
|
|
58
|
+
//#region src/components/segment-group/segment-group-label.d.ts
|
|
59
|
+
interface SegmentGroupLabelBaseProps extends PolymorphicProps {}
|
|
60
|
+
interface SegmentGroupLabelProps extends HTMLProps<"label">, SegmentGroupLabelBaseProps {}
|
|
61
|
+
declare const SegmentGroupLabel: react293.ForwardRefExoticComponent<SegmentGroupLabelProps & react293.RefAttributes<HTMLLabelElement>>;
|
|
62
|
+
//#endregion
|
|
63
|
+
//#region src/components/segment-group/segment-group-root.d.ts
|
|
64
|
+
interface SegmentGroupRootBaseProps extends UseSegmentGroupProps, PolymorphicProps {}
|
|
65
|
+
interface SegmentGroupRootProps extends Assign<HTMLProps<"div">, SegmentGroupRootBaseProps> {}
|
|
66
|
+
declare const SegmentGroupRoot: react293.ForwardRefExoticComponent<SegmentGroupRootProps & react293.RefAttributes<HTMLDivElement>>;
|
|
67
|
+
//#endregion
|
|
68
|
+
//#region src/components/segment-group/segment-group-root-provider.d.ts
|
|
69
|
+
interface RootProviderProps {
|
|
70
|
+
value: UseSegmentGroupReturn;
|
|
71
|
+
}
|
|
72
|
+
interface SegmentGroupRootProviderBaseProps extends RootProviderProps, PolymorphicProps {}
|
|
73
|
+
interface SegmentGroupRootProviderProps extends HTMLProps<"div">, SegmentGroupRootProviderBaseProps {}
|
|
74
|
+
declare const SegmentGroupRootProvider: react293.ForwardRefExoticComponent<SegmentGroupRootProviderProps & react293.RefAttributes<HTMLDivElement>>;
|
|
75
|
+
//#endregion
|
|
76
|
+
//#region src/components/segment-group/segment-group-anatomy.d.ts
|
|
77
|
+
declare const segmentGroupAnatomy: _sprawlify_primitives_anatomy3.Anatomy<"label" | "item" | "root" | "itemText" | "indicator" | "itemControl">;
|
|
78
|
+
declare namespace segment_group_d_exports {
|
|
79
|
+
export { SegmentGroupContext as Context, SegmentGroupContextProps as ContextProps, SegmentGroupIndicator as Indicator, SegmentGroupIndicatorBaseProps as IndicatorBaseProps, SegmentGroupIndicatorProps as IndicatorProps, SegmentGroupItem as Item, SegmentGroupItemBaseProps as ItemBaseProps, SegmentGroupItemContext as ItemContext, SegmentGroupItemContextProps as ItemContextProps, SegmentGroupItemControl as ItemControl, SegmentGroupItemControlBaseProps as ItemControlBaseProps, SegmentGroupItemControlProps as ItemControlProps, SegmentGroupItemHiddenInput as ItemHiddenInput, SegmentGroupItemHiddenInputBaseProps as ItemHiddenInputBaseProps, SegmentGroupItemHiddenInputProps as ItemHiddenInputProps, SegmentGroupItemProps as ItemProps, SegmentGroupItemText as ItemText, SegmentGroupItemTextBaseProps as ItemTextBaseProps, SegmentGroupItemTextProps as ItemTextProps, SegmentGroupLabel as Label, SegmentGroupLabelBaseProps as LabelBaseProps, SegmentGroupLabelProps as LabelProps, SegmentGroupRoot as Root, SegmentGroupRootBaseProps as RootBaseProps, SegmentGroupRootProps as RootProps, SegmentGroupRootProvider as RootProvider, SegmentGroupRootProviderBaseProps as RootProviderBaseProps, SegmentGroupRootProviderProps as RootProviderProps, ValueChangeDetails };
|
|
80
|
+
}
|
|
81
|
+
//#endregion
|
|
82
|
+
export { segment_group_d_exports as SegmentGroup, SegmentGroupContext, type SegmentGroupContextProps, SegmentGroupIndicator, type SegmentGroupIndicatorBaseProps, type SegmentGroupIndicatorProps, SegmentGroupItem, type SegmentGroupItemBaseProps, SegmentGroupItemContext, type SegmentGroupItemContextProps, SegmentGroupItemControl, type SegmentGroupItemControlBaseProps, type SegmentGroupItemControlProps, SegmentGroupItemHiddenInput, type SegmentGroupItemHiddenInputBaseProps, type SegmentGroupItemHiddenInputProps, type SegmentGroupItemProps, SegmentGroupItemText, type SegmentGroupItemTextBaseProps, type SegmentGroupItemTextProps, SegmentGroupLabel, type SegmentGroupLabelBaseProps, type SegmentGroupLabelProps, SegmentGroupRoot, type SegmentGroupRootBaseProps, type SegmentGroupRootProps, SegmentGroupRootProvider, type SegmentGroupRootProviderBaseProps, type SegmentGroupRootProviderProps, type SegmentGroupValueChangeDetails, type UseSegmentGroupContext, type UseSegmentGroupItemContext, type UseSegmentGroupProps, type UseSegmentGroupReturn, segmentGroupAnatomy, useSegmentGroup, useSegmentGroupContext, useSegmentGroupItemContext };
|
|
@@ -0,0 +1,82 @@
|
|
|
1
|
+
import { r as PropTypes } from "../../index-DJx_8PSR.mjs";
|
|
2
|
+
import { r as Optional, t as Assign } from "../../types-CdhepaRC.mjs";
|
|
3
|
+
import { r as PolymorphicProps, t as HTMLProps } from "../../factory-DcDjbYQq.mjs";
|
|
4
|
+
import * as react91 from "react";
|
|
5
|
+
import { ReactNode } from "react";
|
|
6
|
+
import * as _sprawlify_primitives_anatomy0 from "@sprawlify/primitives/anatomy";
|
|
7
|
+
import * as segmentGroup from "@sprawlify/primitives/machines/radio-group";
|
|
8
|
+
import { ItemProps, ItemState, ValueChangeDetails, ValueChangeDetails as SegmentGroupValueChangeDetails } from "@sprawlify/primitives/machines/radio-group";
|
|
9
|
+
|
|
10
|
+
//#region src/components/segment-group/use-segment-group.d.ts
|
|
11
|
+
interface UseSegmentGroupProps extends Optional<Omit<segmentGroup.Props, "dir" | "getRootNode">, "id"> {}
|
|
12
|
+
interface UseSegmentGroupReturn extends segmentGroup.Api<PropTypes> {}
|
|
13
|
+
declare const useSegmentGroup: (props?: UseSegmentGroupProps) => UseSegmentGroupReturn;
|
|
14
|
+
//#endregion
|
|
15
|
+
//#region src/components/segment-group/use-segment-group-context.d.ts
|
|
16
|
+
interface UseSegmentGroupContext extends UseSegmentGroupReturn {}
|
|
17
|
+
//#endregion
|
|
18
|
+
//#region src/components/segment-group/segment-group-context.d.ts
|
|
19
|
+
interface SegmentGroupContextProps {
|
|
20
|
+
children: (context: UseSegmentGroupContext) => ReactNode;
|
|
21
|
+
}
|
|
22
|
+
declare const SegmentGroupContext: (props: SegmentGroupContextProps) => ReactNode;
|
|
23
|
+
//#endregion
|
|
24
|
+
//#region src/components/segment-group/segment-group-indicator.d.ts
|
|
25
|
+
interface SegmentGroupIndicatorBaseProps extends PolymorphicProps {}
|
|
26
|
+
interface SegmentGroupIndicatorProps extends HTMLProps<"div">, SegmentGroupIndicatorBaseProps {}
|
|
27
|
+
declare const SegmentGroupIndicator: react91.ForwardRefExoticComponent<SegmentGroupIndicatorProps & react91.RefAttributes<HTMLDivElement>>;
|
|
28
|
+
//#endregion
|
|
29
|
+
//#region src/components/segment-group/segment-group-item.d.ts
|
|
30
|
+
interface SegmentGroupItemBaseProps extends ItemProps, PolymorphicProps {}
|
|
31
|
+
interface SegmentGroupItemProps extends HTMLProps<"label">, SegmentGroupItemBaseProps {}
|
|
32
|
+
declare const SegmentGroupItem: react91.ForwardRefExoticComponent<SegmentGroupItemProps & react91.RefAttributes<HTMLLabelElement>>;
|
|
33
|
+
//#endregion
|
|
34
|
+
//#region src/components/segment-group/use-segment-group-item-context.d.ts
|
|
35
|
+
interface UseSegmentGroupItemContext extends ItemState {}
|
|
36
|
+
//#endregion
|
|
37
|
+
//#region src/components/segment-group/segment-group-item-context.d.ts
|
|
38
|
+
interface SegmentGroupItemContextProps {
|
|
39
|
+
children: (context: UseSegmentGroupItemContext) => ReactNode;
|
|
40
|
+
}
|
|
41
|
+
declare const SegmentGroupItemContext: (props: SegmentGroupItemContextProps) => ReactNode;
|
|
42
|
+
//#endregion
|
|
43
|
+
//#region src/components/segment-group/segment-group-item-control.d.ts
|
|
44
|
+
interface SegmentGroupItemControlBaseProps extends PolymorphicProps {}
|
|
45
|
+
interface SegmentGroupItemControlProps extends HTMLProps<"div">, SegmentGroupItemControlBaseProps {}
|
|
46
|
+
declare const SegmentGroupItemControl: react91.ForwardRefExoticComponent<SegmentGroupItemControlProps & react91.RefAttributes<HTMLDivElement>>;
|
|
47
|
+
//#endregion
|
|
48
|
+
//#region src/components/segment-group/segment-group-item-hidden-input.d.ts
|
|
49
|
+
interface SegmentGroupItemHiddenInputBaseProps extends PolymorphicProps {}
|
|
50
|
+
interface SegmentGroupItemHiddenInputProps extends HTMLProps<"input">, SegmentGroupItemHiddenInputBaseProps {}
|
|
51
|
+
declare const SegmentGroupItemHiddenInput: react91.ForwardRefExoticComponent<SegmentGroupItemHiddenInputProps & react91.RefAttributes<HTMLInputElement>>;
|
|
52
|
+
//#endregion
|
|
53
|
+
//#region src/components/segment-group/segment-group-item-text.d.ts
|
|
54
|
+
interface SegmentGroupItemTextBaseProps extends PolymorphicProps {}
|
|
55
|
+
interface SegmentGroupItemTextProps extends HTMLProps<"span">, SegmentGroupItemTextBaseProps {}
|
|
56
|
+
declare const SegmentGroupItemText: react91.ForwardRefExoticComponent<SegmentGroupItemTextProps & react91.RefAttributes<HTMLSpanElement>>;
|
|
57
|
+
//#endregion
|
|
58
|
+
//#region src/components/segment-group/segment-group-label.d.ts
|
|
59
|
+
interface SegmentGroupLabelBaseProps extends PolymorphicProps {}
|
|
60
|
+
interface SegmentGroupLabelProps extends HTMLProps<"label">, SegmentGroupLabelBaseProps {}
|
|
61
|
+
declare const SegmentGroupLabel: react91.ForwardRefExoticComponent<SegmentGroupLabelProps & react91.RefAttributes<HTMLLabelElement>>;
|
|
62
|
+
//#endregion
|
|
63
|
+
//#region src/components/segment-group/segment-group-root.d.ts
|
|
64
|
+
interface SegmentGroupRootBaseProps extends UseSegmentGroupProps, PolymorphicProps {}
|
|
65
|
+
interface SegmentGroupRootProps extends Assign<HTMLProps<"div">, SegmentGroupRootBaseProps> {}
|
|
66
|
+
declare const SegmentGroupRoot: react91.ForwardRefExoticComponent<SegmentGroupRootProps & react91.RefAttributes<HTMLDivElement>>;
|
|
67
|
+
//#endregion
|
|
68
|
+
//#region src/components/segment-group/segment-group-root-provider.d.ts
|
|
69
|
+
interface RootProviderProps {
|
|
70
|
+
value: UseSegmentGroupReturn;
|
|
71
|
+
}
|
|
72
|
+
interface SegmentGroupRootProviderBaseProps extends RootProviderProps, PolymorphicProps {}
|
|
73
|
+
interface SegmentGroupRootProviderProps extends HTMLProps<"div">, SegmentGroupRootProviderBaseProps {}
|
|
74
|
+
declare const SegmentGroupRootProvider: react91.ForwardRefExoticComponent<SegmentGroupRootProviderProps & react91.RefAttributes<HTMLDivElement>>;
|
|
75
|
+
//#endregion
|
|
76
|
+
//#region src/components/segment-group/segment-group-anatomy.d.ts
|
|
77
|
+
declare const segmentGroupAnatomy: _sprawlify_primitives_anatomy0.Anatomy<"label" | "item" | "root" | "itemText" | "indicator" | "itemControl">;
|
|
78
|
+
declare namespace segment_group_d_exports {
|
|
79
|
+
export { SegmentGroupContext as Context, SegmentGroupContextProps as ContextProps, SegmentGroupIndicator as Indicator, SegmentGroupIndicatorBaseProps as IndicatorBaseProps, SegmentGroupIndicatorProps as IndicatorProps, SegmentGroupItem as Item, SegmentGroupItemBaseProps as ItemBaseProps, SegmentGroupItemContext as ItemContext, SegmentGroupItemContextProps as ItemContextProps, SegmentGroupItemControl as ItemControl, SegmentGroupItemControlBaseProps as ItemControlBaseProps, SegmentGroupItemControlProps as ItemControlProps, SegmentGroupItemHiddenInput as ItemHiddenInput, SegmentGroupItemHiddenInputBaseProps as ItemHiddenInputBaseProps, SegmentGroupItemHiddenInputProps as ItemHiddenInputProps, SegmentGroupItemProps as ItemProps, SegmentGroupItemText as ItemText, SegmentGroupItemTextBaseProps as ItemTextBaseProps, SegmentGroupItemTextProps as ItemTextProps, SegmentGroupLabel as Label, SegmentGroupLabelBaseProps as LabelBaseProps, SegmentGroupLabelProps as LabelProps, SegmentGroupRoot as Root, SegmentGroupRootBaseProps as RootBaseProps, SegmentGroupRootProps as RootProps, SegmentGroupRootProvider as RootProvider, SegmentGroupRootProviderBaseProps as RootProviderBaseProps, SegmentGroupRootProviderProps as RootProviderProps, ValueChangeDetails };
|
|
80
|
+
}
|
|
81
|
+
//#endregion
|
|
82
|
+
export { segment_group_d_exports as SegmentGroup, SegmentGroupContext, type SegmentGroupContextProps, SegmentGroupIndicator, type SegmentGroupIndicatorBaseProps, type SegmentGroupIndicatorProps, SegmentGroupItem, type SegmentGroupItemBaseProps, SegmentGroupItemContext, type SegmentGroupItemContextProps, SegmentGroupItemControl, type SegmentGroupItemControlBaseProps, type SegmentGroupItemControlProps, SegmentGroupItemHiddenInput, type SegmentGroupItemHiddenInputBaseProps, type SegmentGroupItemHiddenInputProps, type SegmentGroupItemProps, SegmentGroupItemText, type SegmentGroupItemTextBaseProps, type SegmentGroupItemTextProps, SegmentGroupLabel, type SegmentGroupLabelBaseProps, type SegmentGroupLabelProps, SegmentGroupRoot, type SegmentGroupRootBaseProps, type SegmentGroupRootProps, SegmentGroupRootProvider, type SegmentGroupRootProviderBaseProps, type SegmentGroupRootProviderProps, type SegmentGroupValueChangeDetails, type UseSegmentGroupContext, type UseSegmentGroupItemContext, type UseSegmentGroupProps, type UseSegmentGroupReturn, segmentGroupAnatomy, useSegmentGroup, useSegmentGroupContext, useSegmentGroupItemContext };
|
|
@@ -0,0 +1,213 @@
|
|
|
1
|
+
import { t as __export } from "../../chunk-tPcuhsU6.mjs";
|
|
2
|
+
import { i as useMachine, r as normalizeProps, t as mergeProps } from "../../core-BrQa5x6H.mjs";
|
|
3
|
+
import { t as createContext$1 } from "../../create-context-aizX7yAt.mjs";
|
|
4
|
+
import { n as useEnvironmentContext } from "../../environment-Cnx9ZBbN.mjs";
|
|
5
|
+
import { i as useLocaleContext } from "../../locale-BheNIyu4.mjs";
|
|
6
|
+
import "../../providers-B1DbplwV.mjs";
|
|
7
|
+
import { n as sprawlify } from "../../factory-BwIiMV5g.mjs";
|
|
8
|
+
import { t as createSplitProps } from "../../create-split-props-BHHQqbKs.mjs";
|
|
9
|
+
import { forwardRef, useId } from "react";
|
|
10
|
+
import { jsx } from "react/jsx-runtime";
|
|
11
|
+
import * as segmentGroup from "@sprawlify/primitives/machines/radio-group";
|
|
12
|
+
import { anatomy } from "@sprawlify/primitives/machines/radio-group";
|
|
13
|
+
|
|
14
|
+
//#region src/components/segment-group/use-segment-group-context.ts
|
|
15
|
+
const [SegmentGroupProvider, useSegmentGroupContext] = createContext$1({
|
|
16
|
+
name: "SegmentGroupContext",
|
|
17
|
+
hookName: "useSegmentGroupContext",
|
|
18
|
+
providerName: "<SegmentGroupProvider />"
|
|
19
|
+
});
|
|
20
|
+
|
|
21
|
+
//#endregion
|
|
22
|
+
//#region src/components/segment-group/segment-group-context.tsx
|
|
23
|
+
const SegmentGroupContext = (props) => props.children(useSegmentGroupContext());
|
|
24
|
+
|
|
25
|
+
//#endregion
|
|
26
|
+
//#region src/components/segment-group/segment-group-anatomy.ts
|
|
27
|
+
const segmentGroupAnatomy = anatomy.rename("segment-group");
|
|
28
|
+
const parts = segmentGroupAnatomy.build();
|
|
29
|
+
|
|
30
|
+
//#endregion
|
|
31
|
+
//#region src/components/segment-group/segment-group-indicator.tsx
|
|
32
|
+
const SegmentGroupIndicator = forwardRef((props, ref) => {
|
|
33
|
+
const mergedProps = mergeProps(useSegmentGroupContext().getIndicatorProps(), parts.indicator.attrs, props);
|
|
34
|
+
return /* @__PURE__ */ jsx(sprawlify.div, {
|
|
35
|
+
...mergedProps,
|
|
36
|
+
ref
|
|
37
|
+
});
|
|
38
|
+
});
|
|
39
|
+
SegmentGroupIndicator.displayName = "SegmentGroupIndicator";
|
|
40
|
+
|
|
41
|
+
//#endregion
|
|
42
|
+
//#region src/components/segment-group/use-segment-group-item-context.ts
|
|
43
|
+
const [SegmentGroupItemProvider, useSegmentGroupItemContext] = createContext$1({
|
|
44
|
+
name: "SegmentGroupItemContext",
|
|
45
|
+
hookName: "useSegmentGroupItemContext",
|
|
46
|
+
providerName: "<SegmentGroupItemProvider />"
|
|
47
|
+
});
|
|
48
|
+
|
|
49
|
+
//#endregion
|
|
50
|
+
//#region src/components/segment-group/use-segment-group-item-props-context.ts
|
|
51
|
+
const [SegmentGroupItemPropsProvider, useSegmentGroupItemPropsContext] = createContext$1({
|
|
52
|
+
name: "SegmentGroupItemPropsContext",
|
|
53
|
+
hookName: "useSegmentGroupItemPropsContext",
|
|
54
|
+
providerName: "<SegmentGroupItemPropsProvider />"
|
|
55
|
+
});
|
|
56
|
+
|
|
57
|
+
//#endregion
|
|
58
|
+
//#region src/components/segment-group/segment-group-item.tsx
|
|
59
|
+
const splitItemProps = createSplitProps();
|
|
60
|
+
const SegmentGroupItem = forwardRef((props, ref) => {
|
|
61
|
+
const [itemProps, localProps] = splitItemProps(props, [
|
|
62
|
+
"value",
|
|
63
|
+
"disabled",
|
|
64
|
+
"invalid"
|
|
65
|
+
]);
|
|
66
|
+
const segmentGroup$1 = useSegmentGroupContext();
|
|
67
|
+
const mergedProps = mergeProps(segmentGroup$1.getItemProps(itemProps), parts.item.attrs, localProps);
|
|
68
|
+
return /* @__PURE__ */ jsx(SegmentGroupItemPropsProvider, {
|
|
69
|
+
value: itemProps,
|
|
70
|
+
children: /* @__PURE__ */ jsx(SegmentGroupItemProvider, {
|
|
71
|
+
value: segmentGroup$1.getItemState(itemProps),
|
|
72
|
+
children: /* @__PURE__ */ jsx(sprawlify.label, {
|
|
73
|
+
...mergedProps,
|
|
74
|
+
ref
|
|
75
|
+
})
|
|
76
|
+
})
|
|
77
|
+
});
|
|
78
|
+
});
|
|
79
|
+
SegmentGroupItem.displayName = "SegmentGroupItem";
|
|
80
|
+
|
|
81
|
+
//#endregion
|
|
82
|
+
//#region src/components/segment-group/segment-group-item-context.tsx
|
|
83
|
+
const SegmentGroupItemContext = (props) => props.children(useSegmentGroupItemContext());
|
|
84
|
+
|
|
85
|
+
//#endregion
|
|
86
|
+
//#region src/components/segment-group/segment-group-item-control.tsx
|
|
87
|
+
const SegmentGroupItemControl = forwardRef((props, ref) => {
|
|
88
|
+
const segmentGroup$1 = useSegmentGroupContext();
|
|
89
|
+
const itemProps = useSegmentGroupItemPropsContext();
|
|
90
|
+
const mergedProps = mergeProps(segmentGroup$1.getItemControlProps(itemProps), parts.itemControl.attrs, props);
|
|
91
|
+
return /* @__PURE__ */ jsx(sprawlify.div, {
|
|
92
|
+
...mergedProps,
|
|
93
|
+
ref
|
|
94
|
+
});
|
|
95
|
+
});
|
|
96
|
+
SegmentGroupItemControl.displayName = "SegmentGroupItemControl";
|
|
97
|
+
|
|
98
|
+
//#endregion
|
|
99
|
+
//#region src/components/segment-group/segment-group-item-hidden-input.tsx
|
|
100
|
+
const SegmentGroupItemHiddenInput = forwardRef((props, ref) => {
|
|
101
|
+
const segmentGroup$1 = useSegmentGroupContext();
|
|
102
|
+
const itemProps = useSegmentGroupItemPropsContext();
|
|
103
|
+
const mergedProps = mergeProps(segmentGroup$1.getItemHiddenInputProps(itemProps), props);
|
|
104
|
+
return /* @__PURE__ */ jsx(sprawlify.input, {
|
|
105
|
+
...mergedProps,
|
|
106
|
+
ref
|
|
107
|
+
});
|
|
108
|
+
});
|
|
109
|
+
SegmentGroupItemHiddenInput.displayName = "SegmentGroupItemHiddenInput";
|
|
110
|
+
|
|
111
|
+
//#endregion
|
|
112
|
+
//#region src/components/segment-group/segment-group-item-text.tsx
|
|
113
|
+
const SegmentGroupItemText = forwardRef((props, ref) => {
|
|
114
|
+
const segmentGroup$1 = useSegmentGroupContext();
|
|
115
|
+
const itemProps = useSegmentGroupItemPropsContext();
|
|
116
|
+
const mergedProps = mergeProps(segmentGroup$1.getItemTextProps(itemProps), parts.itemText.attrs, props);
|
|
117
|
+
return /* @__PURE__ */ jsx(sprawlify.span, {
|
|
118
|
+
...mergedProps,
|
|
119
|
+
ref
|
|
120
|
+
});
|
|
121
|
+
});
|
|
122
|
+
SegmentGroupItemText.displayName = "SegmentGroupItemText";
|
|
123
|
+
|
|
124
|
+
//#endregion
|
|
125
|
+
//#region src/components/segment-group/segment-group-label.tsx
|
|
126
|
+
const SegmentGroupLabel = forwardRef((props, ref) => {
|
|
127
|
+
const mergedProps = mergeProps(useSegmentGroupContext().getLabelProps(), parts.label.attrs, props);
|
|
128
|
+
return /* @__PURE__ */ jsx(sprawlify.label, {
|
|
129
|
+
...mergedProps,
|
|
130
|
+
ref
|
|
131
|
+
});
|
|
132
|
+
});
|
|
133
|
+
SegmentGroupLabel.displayName = "SegmentGroupLabel";
|
|
134
|
+
|
|
135
|
+
//#endregion
|
|
136
|
+
//#region src/components/segment-group/use-segment-group.ts
|
|
137
|
+
const useSegmentGroup = (props) => {
|
|
138
|
+
const id = useId();
|
|
139
|
+
const { getRootNode } = useEnvironmentContext();
|
|
140
|
+
const { dir } = useLocaleContext();
|
|
141
|
+
const machineProps = {
|
|
142
|
+
id,
|
|
143
|
+
dir,
|
|
144
|
+
getRootNode,
|
|
145
|
+
...props
|
|
146
|
+
};
|
|
147
|
+
const service = useMachine(segmentGroup.machine, machineProps);
|
|
148
|
+
return segmentGroup.connect(service, normalizeProps);
|
|
149
|
+
};
|
|
150
|
+
|
|
151
|
+
//#endregion
|
|
152
|
+
//#region src/components/segment-group/segment-group-root.tsx
|
|
153
|
+
const splitRootProps = createSplitProps();
|
|
154
|
+
const SegmentGroupRoot = forwardRef((props, ref) => {
|
|
155
|
+
const [useSegmentGroupProps, localProps] = splitRootProps(props, [
|
|
156
|
+
"defaultValue",
|
|
157
|
+
"disabled",
|
|
158
|
+
"form",
|
|
159
|
+
"id",
|
|
160
|
+
"ids",
|
|
161
|
+
"invalid",
|
|
162
|
+
"name",
|
|
163
|
+
"onValueChange",
|
|
164
|
+
"orientation",
|
|
165
|
+
"readOnly",
|
|
166
|
+
"required",
|
|
167
|
+
"value"
|
|
168
|
+
]);
|
|
169
|
+
const segmentGroup$1 = useSegmentGroup(useSegmentGroupProps);
|
|
170
|
+
const mergedProps = mergeProps(segmentGroup$1.getRootProps(), parts.root.attrs, localProps);
|
|
171
|
+
return /* @__PURE__ */ jsx(SegmentGroupProvider, {
|
|
172
|
+
value: segmentGroup$1,
|
|
173
|
+
children: /* @__PURE__ */ jsx(sprawlify.div, {
|
|
174
|
+
...mergedProps,
|
|
175
|
+
ref
|
|
176
|
+
})
|
|
177
|
+
});
|
|
178
|
+
});
|
|
179
|
+
SegmentGroupRoot.displayName = "SegmentGroupRoot";
|
|
180
|
+
|
|
181
|
+
//#endregion
|
|
182
|
+
//#region src/components/segment-group/segment-group-root-provider.tsx
|
|
183
|
+
const splitRootProviderProps = createSplitProps();
|
|
184
|
+
const SegmentGroupRootProvider = forwardRef((props, ref) => {
|
|
185
|
+
const [{ value: segmentGroup$1 }, localProps] = splitRootProviderProps(props, ["value"]);
|
|
186
|
+
const mergedProps = mergeProps(segmentGroup$1.getRootProps(), parts.root.attrs, localProps);
|
|
187
|
+
return /* @__PURE__ */ jsx(SegmentGroupProvider, {
|
|
188
|
+
value: segmentGroup$1,
|
|
189
|
+
children: /* @__PURE__ */ jsx(sprawlify.div, {
|
|
190
|
+
...mergedProps,
|
|
191
|
+
ref
|
|
192
|
+
})
|
|
193
|
+
});
|
|
194
|
+
});
|
|
195
|
+
SegmentGroupRootProvider.displayName = "SegmentGroupRootProvider";
|
|
196
|
+
|
|
197
|
+
//#endregion
|
|
198
|
+
//#region src/components/segment-group/segment-group.ts
|
|
199
|
+
var segment_group_exports = /* @__PURE__ */ __export({
|
|
200
|
+
Context: () => SegmentGroupContext,
|
|
201
|
+
Indicator: () => SegmentGroupIndicator,
|
|
202
|
+
Item: () => SegmentGroupItem,
|
|
203
|
+
ItemContext: () => SegmentGroupItemContext,
|
|
204
|
+
ItemControl: () => SegmentGroupItemControl,
|
|
205
|
+
ItemHiddenInput: () => SegmentGroupItemHiddenInput,
|
|
206
|
+
ItemText: () => SegmentGroupItemText,
|
|
207
|
+
Label: () => SegmentGroupLabel,
|
|
208
|
+
Root: () => SegmentGroupRoot,
|
|
209
|
+
RootProvider: () => SegmentGroupRootProvider
|
|
210
|
+
});
|
|
211
|
+
|
|
212
|
+
//#endregion
|
|
213
|
+
export { segment_group_exports as SegmentGroup, SegmentGroupContext, SegmentGroupIndicator, SegmentGroupItem, SegmentGroupItemContext, SegmentGroupItemControl, SegmentGroupItemHiddenInput, SegmentGroupItemText, SegmentGroupLabel, SegmentGroupRoot, SegmentGroupRootProvider, segmentGroupAnatomy, useSegmentGroup, useSegmentGroupContext, useSegmentGroupItemContext };
|