@sprawlify/react 0.0.3 → 0.0.5
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-C5ZpjCRe.mjs +140 -0
- package/dist/collapsible-D_cXuaRy.cjs +193 -0
- package/dist/components/accordion/index.cjs +227 -0
- package/dist/components/accordion/index.d.cts +67 -0
- package/dist/components/accordion/index.d.mts +67 -0
- package/dist/components/accordion/index.mjs +205 -0
- package/dist/components/angle-slider/index.cjs +203 -0
- package/dist/components/angle-slider/index.d.cts +72 -0
- package/dist/components/angle-slider/index.d.mts +72 -0
- package/dist/components/angle-slider/index.mjs +180 -0
- package/dist/components/collapsible/index.cjs +11 -154
- package/dist/components/collapsible/index.d.cts +9 -16
- package/dist/components/collapsible/index.d.mts +8 -13
- package/dist/components/collapsible/index.mjs +3 -147
- package/dist/create-split-props-CSaOnJRj.cjs +17 -0
- package/dist/create-split-props-DvwGh64U.mjs +11 -0
- package/dist/{types-CwELsIN6.d.mts → factory-CNfD9NVO.d.mts} +13 -13
- package/dist/{types-B_h5HVp2.d.cts → factory-D5qarvEF.d.cts} +13 -13
- package/dist/{factory-B_Ye-J6y.mjs → factory-DbgGeb_e.mjs} +1 -1
- package/dist/index.d.cts +2 -2
- package/dist/index.d.mts +2 -2
- package/dist/index.mjs +3 -3
- package/dist/render-strategy-D37ixdTi.d.mts +9 -0
- package/dist/render-strategy-G1aEn-1X.d.cts +7 -0
- 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 +22 -2
- /package/dist/{chunk-CbegLjfk.mjs → chunk-DJTHdtxa.mjs} +0 -0
- /package/dist/{create-context-fSIoyq0R.mjs → create-context-DLMHiig4.mjs} +0 -0
- /package/dist/{index-CgR7RZbW.d.mts → index--Dciu8yd.d.mts} +0 -0
- /package/dist/{index-BbLlW5Mk.d.cts → index-wpUGMM30.d.cts} +0 -0
- /package/dist/{utils-CM4cOr5z.mjs → utils-BQjTDAMH.mjs} +0 -0
|
@@ -0,0 +1,180 @@
|
|
|
1
|
+
import { t as __export } from "../../chunk-DJTHdtxa.mjs";
|
|
2
|
+
import { c as useEnvironmentContext, d as normalizeProps, f as useMachine, l as mergeProps, n as sprawlify, o as useLocaleContext } from "../../factory-DbgGeb_e.mjs";
|
|
3
|
+
import { t as createContext$1 } from "../../create-context-DLMHiig4.mjs";
|
|
4
|
+
import { t as createSplitProps } from "../../create-split-props-DvwGh64U.mjs";
|
|
5
|
+
import { forwardRef, useId } from "react";
|
|
6
|
+
import { jsx } from "react/jsx-runtime";
|
|
7
|
+
import * as angleSlider from "@sprawlify/primitives/machines/angle-slider";
|
|
8
|
+
import { anatomy as angleSliderAnatomy } from "@sprawlify/primitives/machines/angle-slider";
|
|
9
|
+
|
|
10
|
+
//#region src/components/angle-slider/use-angle-slider-context.ts
|
|
11
|
+
const [AngleSliderProvider, useAngleSliderContext] = createContext$1({
|
|
12
|
+
name: "AngleSliderContext",
|
|
13
|
+
hookName: "useAngleSliderContext",
|
|
14
|
+
providerName: "<AngleSliderProvider />"
|
|
15
|
+
});
|
|
16
|
+
|
|
17
|
+
//#endregion
|
|
18
|
+
//#region src/components/angle-slider/angle-slider-context.tsx
|
|
19
|
+
const AngleSliderContext = (props) => props.children(useAngleSliderContext());
|
|
20
|
+
|
|
21
|
+
//#endregion
|
|
22
|
+
//#region src/components/angle-slider/angle-slider-control.tsx
|
|
23
|
+
const AngleSliderControl = forwardRef((props, ref) => {
|
|
24
|
+
const mergedProps = mergeProps(useAngleSliderContext().getControlProps(), props);
|
|
25
|
+
return /* @__PURE__ */ jsx(sprawlify.div, {
|
|
26
|
+
...mergedProps,
|
|
27
|
+
ref
|
|
28
|
+
});
|
|
29
|
+
});
|
|
30
|
+
AngleSliderControl.displayName = "AngleSliderControl";
|
|
31
|
+
|
|
32
|
+
//#endregion
|
|
33
|
+
//#region src/components/angle-slider/angle-slider-hidden-input.tsx
|
|
34
|
+
const AngleSliderHiddenInput = forwardRef((props, ref) => {
|
|
35
|
+
const mergedProps = mergeProps(useAngleSliderContext().getHiddenInputProps(), props);
|
|
36
|
+
return /* @__PURE__ */ jsx(sprawlify.input, {
|
|
37
|
+
...mergedProps,
|
|
38
|
+
ref
|
|
39
|
+
});
|
|
40
|
+
});
|
|
41
|
+
AngleSliderHiddenInput.displayName = "AngleSliderHiddenInput";
|
|
42
|
+
|
|
43
|
+
//#endregion
|
|
44
|
+
//#region src/components/angle-slider/angle-slider-label.tsx
|
|
45
|
+
const AngleSliderLabel = forwardRef((props, ref) => {
|
|
46
|
+
const mergedProps = mergeProps(useAngleSliderContext().getLabelProps(), props);
|
|
47
|
+
return /* @__PURE__ */ jsx(sprawlify.label, {
|
|
48
|
+
...mergedProps,
|
|
49
|
+
ref
|
|
50
|
+
});
|
|
51
|
+
});
|
|
52
|
+
AngleSliderLabel.displayName = "AngleSliderLabel";
|
|
53
|
+
|
|
54
|
+
//#endregion
|
|
55
|
+
//#region src/components/angle-slider/angle-slider-marker.tsx
|
|
56
|
+
const splitMarkerProps = createSplitProps();
|
|
57
|
+
const AngleSliderMarker = forwardRef((props, ref) => {
|
|
58
|
+
const [markerProps, localProps] = splitMarkerProps(props, ["value"]);
|
|
59
|
+
const mergedProps = mergeProps(useAngleSliderContext().getMarkerProps(markerProps), localProps);
|
|
60
|
+
return /* @__PURE__ */ jsx(sprawlify.div, {
|
|
61
|
+
...mergedProps,
|
|
62
|
+
ref
|
|
63
|
+
});
|
|
64
|
+
});
|
|
65
|
+
AngleSliderMarker.displayName = "AngleSliderMarker";
|
|
66
|
+
|
|
67
|
+
//#endregion
|
|
68
|
+
//#region src/components/angle-slider/angle-slider-marker-group.tsx
|
|
69
|
+
const AngleSliderMarkerGroup = forwardRef((props, ref) => {
|
|
70
|
+
const mergedProps = mergeProps(useAngleSliderContext().getMarkerGroupProps(), props);
|
|
71
|
+
return /* @__PURE__ */ jsx(sprawlify.div, {
|
|
72
|
+
...mergedProps,
|
|
73
|
+
ref
|
|
74
|
+
});
|
|
75
|
+
});
|
|
76
|
+
AngleSliderMarkerGroup.displayName = "AngleSliderMarkerGroup";
|
|
77
|
+
|
|
78
|
+
//#endregion
|
|
79
|
+
//#region src/components/angle-slider/use-angle-slider.ts
|
|
80
|
+
const useAngleSlider = (props) => {
|
|
81
|
+
const id = useId();
|
|
82
|
+
const { getRootNode } = useEnvironmentContext();
|
|
83
|
+
const { dir } = useLocaleContext();
|
|
84
|
+
const machineProps = {
|
|
85
|
+
id,
|
|
86
|
+
dir,
|
|
87
|
+
getRootNode,
|
|
88
|
+
...props
|
|
89
|
+
};
|
|
90
|
+
const service = useMachine(angleSlider.machine, machineProps);
|
|
91
|
+
return angleSlider.connect(service, normalizeProps);
|
|
92
|
+
};
|
|
93
|
+
|
|
94
|
+
//#endregion
|
|
95
|
+
//#region src/components/angle-slider/angle-slider-root.tsx
|
|
96
|
+
const splitRootProps = createSplitProps();
|
|
97
|
+
const AngleSliderRoot = forwardRef((props, ref) => {
|
|
98
|
+
const [useAngleSliderProps, localProps] = splitRootProps(props, [
|
|
99
|
+
"id",
|
|
100
|
+
"ids",
|
|
101
|
+
"name",
|
|
102
|
+
"invalid",
|
|
103
|
+
"readOnly",
|
|
104
|
+
"disabled",
|
|
105
|
+
"onValueChangeEnd",
|
|
106
|
+
"onValueChange",
|
|
107
|
+
"defaultValue",
|
|
108
|
+
"value",
|
|
109
|
+
"step",
|
|
110
|
+
"aria-label",
|
|
111
|
+
"aria-labelledby"
|
|
112
|
+
]);
|
|
113
|
+
const angleSlider$1 = useAngleSlider(useAngleSliderProps);
|
|
114
|
+
const mergedProps = mergeProps(angleSlider$1.getRootProps(), localProps);
|
|
115
|
+
return /* @__PURE__ */ jsx(AngleSliderProvider, {
|
|
116
|
+
value: angleSlider$1,
|
|
117
|
+
children: /* @__PURE__ */ jsx(sprawlify.div, {
|
|
118
|
+
...mergedProps,
|
|
119
|
+
ref
|
|
120
|
+
})
|
|
121
|
+
});
|
|
122
|
+
});
|
|
123
|
+
AngleSliderRoot.displayName = "AngleSliderRoot";
|
|
124
|
+
|
|
125
|
+
//#endregion
|
|
126
|
+
//#region src/components/angle-slider/angle-slider-root-provider.tsx
|
|
127
|
+
const splitRootProviderProps = createSplitProps();
|
|
128
|
+
const AngleSliderRootProvider = forwardRef((props, ref) => {
|
|
129
|
+
const [{ value: angleSlider$1 }, localProps] = splitRootProviderProps(props, ["value"]);
|
|
130
|
+
const mergedProps = mergeProps(angleSlider$1.getRootProps(), localProps);
|
|
131
|
+
return /* @__PURE__ */ jsx(AngleSliderProvider, {
|
|
132
|
+
value: angleSlider$1,
|
|
133
|
+
children: /* @__PURE__ */ jsx(sprawlify.div, {
|
|
134
|
+
...mergedProps,
|
|
135
|
+
ref
|
|
136
|
+
})
|
|
137
|
+
});
|
|
138
|
+
});
|
|
139
|
+
AngleSliderRootProvider.displayName = "AngleSliderRootProvider";
|
|
140
|
+
|
|
141
|
+
//#endregion
|
|
142
|
+
//#region src/components/angle-slider/angle-slider-thumb.tsx
|
|
143
|
+
const AngleSliderThumb = forwardRef((props, ref) => {
|
|
144
|
+
const mergedProps = mergeProps(useAngleSliderContext().getThumbProps(), props);
|
|
145
|
+
return /* @__PURE__ */ jsx(sprawlify.div, {
|
|
146
|
+
...mergedProps,
|
|
147
|
+
ref
|
|
148
|
+
});
|
|
149
|
+
});
|
|
150
|
+
AngleSliderThumb.displayName = "AngleSliderThumb";
|
|
151
|
+
|
|
152
|
+
//#endregion
|
|
153
|
+
//#region src/components/angle-slider/angle-slider-value-text.tsx
|
|
154
|
+
const AngleSliderValueText = forwardRef((props, ref) => {
|
|
155
|
+
const angleSlider$1 = useAngleSliderContext();
|
|
156
|
+
return /* @__PURE__ */ jsx(sprawlify.div, {
|
|
157
|
+
...props,
|
|
158
|
+
ref,
|
|
159
|
+
children: props.children || angleSlider$1.valueAsDegree
|
|
160
|
+
});
|
|
161
|
+
});
|
|
162
|
+
AngleSliderValueText.displayName = "AngleSliderValueText";
|
|
163
|
+
|
|
164
|
+
//#endregion
|
|
165
|
+
//#region src/components/angle-slider/angle-slider.ts
|
|
166
|
+
var angle_slider_exports = /* @__PURE__ */ __export({
|
|
167
|
+
Context: () => AngleSliderContext,
|
|
168
|
+
Control: () => AngleSliderControl,
|
|
169
|
+
HiddenInput: () => AngleSliderHiddenInput,
|
|
170
|
+
Label: () => AngleSliderLabel,
|
|
171
|
+
Marker: () => AngleSliderMarker,
|
|
172
|
+
MarkerGroup: () => AngleSliderMarkerGroup,
|
|
173
|
+
Root: () => AngleSliderRoot,
|
|
174
|
+
RootProvider: () => AngleSliderRootProvider,
|
|
175
|
+
Thumb: () => AngleSliderThumb,
|
|
176
|
+
ValueText: () => AngleSliderValueText
|
|
177
|
+
});
|
|
178
|
+
|
|
179
|
+
//#endregion
|
|
180
|
+
export { angle_slider_exports as AngleSlider, AngleSliderContext, AngleSliderControl, AngleSliderHiddenInput, AngleSliderLabel, AngleSliderMarker, AngleSliderMarkerGroup, AngleSliderRoot, AngleSliderRootProvider, AngleSliderThumb, AngleSliderValueText, angleSliderAnatomy, useAngleSlider, useAngleSliderContext };
|
|
@@ -1,168 +1,25 @@
|
|
|
1
1
|
const require_factory = require('../../factory-CfqPG186.cjs');
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
let react_jsx_runtime = require("react/jsx-runtime");
|
|
2
|
+
require('../../create-context-DCEySQ7J.cjs');
|
|
3
|
+
const require_collapsible = require('../../collapsible-D_cXuaRy.cjs');
|
|
5
4
|
let __sprawlify_primitives_machines_collapsible = require("@sprawlify/primitives/machines/collapsible");
|
|
6
|
-
__sprawlify_primitives_machines_collapsible = require_factory.__toESM(__sprawlify_primitives_machines_collapsible);
|
|
7
|
-
let __sprawlify_primitives_core = require("@sprawlify/primitives/core");
|
|
8
5
|
|
|
9
|
-
//#region src/components/collapsible/use-collapsible-context.ts
|
|
10
|
-
const [CollapsibleProvider, useCollapsibleContext] = require_create_context.createContext({
|
|
11
|
-
name: "CollapsibleContext",
|
|
12
|
-
hookName: "useCollapsibleContext",
|
|
13
|
-
providerName: "<CollapsibleProvider />"
|
|
14
|
-
});
|
|
15
|
-
|
|
16
|
-
//#endregion
|
|
17
|
-
//#region src/components/collapsible/collapsible-content.tsx
|
|
18
|
-
const CollapsibleContent = (0, react.forwardRef)((props, ref) => {
|
|
19
|
-
const collapsible = useCollapsibleContext();
|
|
20
|
-
if (collapsible.isUnmounted) return null;
|
|
21
|
-
const mergedProps = (0, __sprawlify_primitives_core.mergeProps)(collapsible.getContentProps(), props);
|
|
22
|
-
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.sprawlify.div, {
|
|
23
|
-
...mergedProps,
|
|
24
|
-
ref
|
|
25
|
-
});
|
|
26
|
-
});
|
|
27
|
-
CollapsibleContent.displayName = "CollapsibleContent";
|
|
28
|
-
|
|
29
|
-
//#endregion
|
|
30
|
-
//#region src/components/collapsible/collapsible-context.tsx
|
|
31
|
-
const CollapsibleContext = (props) => props.children(useCollapsibleContext());
|
|
32
|
-
|
|
33
|
-
//#endregion
|
|
34
|
-
//#region src/components/collapsible/collapsible-indicator.tsx
|
|
35
|
-
const CollapsibleIndicator = (0, react.forwardRef)((props, ref) => {
|
|
36
|
-
const mergedProps = (0, __sprawlify_primitives_core.mergeProps)(useCollapsibleContext().getIndicatorProps(), props);
|
|
37
|
-
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.sprawlify.div, {
|
|
38
|
-
...mergedProps,
|
|
39
|
-
ref
|
|
40
|
-
});
|
|
41
|
-
});
|
|
42
|
-
CollapsibleIndicator.displayName = "CollapsibleIndicator";
|
|
43
|
-
|
|
44
|
-
//#endregion
|
|
45
|
-
//#region src/utils/create-split-props.ts
|
|
46
|
-
const createSplitProps = () => (props, keys) => keys.reduce((previousValue, currentValue) => {
|
|
47
|
-
const [target, source] = previousValue;
|
|
48
|
-
const key = currentValue;
|
|
49
|
-
if (source[key] !== void 0) target[key] = source[key];
|
|
50
|
-
delete source[key];
|
|
51
|
-
return [target, source];
|
|
52
|
-
}, [{}, { ...props }]);
|
|
53
|
-
|
|
54
|
-
//#endregion
|
|
55
|
-
//#region src/components/collapsible/split-collapsible-props.ts
|
|
56
|
-
const splitCollapsibleProps = (props) => createSplitProps()(props, [
|
|
57
|
-
"collapsedHeight",
|
|
58
|
-
"collapsedWidth",
|
|
59
|
-
"defaultOpen",
|
|
60
|
-
"disabled",
|
|
61
|
-
"id",
|
|
62
|
-
"ids",
|
|
63
|
-
"lazyMount",
|
|
64
|
-
"onExitComplete",
|
|
65
|
-
"onOpenChange",
|
|
66
|
-
"open",
|
|
67
|
-
"unmountOnExit"
|
|
68
|
-
]);
|
|
69
|
-
|
|
70
|
-
//#endregion
|
|
71
|
-
//#region src/components/collapsible/use-collapsible.ts
|
|
72
|
-
const useCollapsible = (props = {}) => {
|
|
73
|
-
const { lazyMount, unmountOnExit, ...collapsibleProps } = props;
|
|
74
|
-
const id = (0, react.useId)();
|
|
75
|
-
const wasVisible = (0, react.useRef)(false);
|
|
76
|
-
const { dir } = require_factory.useLocaleContext();
|
|
77
|
-
const { getRootNode } = require_factory.useEnvironmentContext();
|
|
78
|
-
const machineProps = {
|
|
79
|
-
id,
|
|
80
|
-
dir,
|
|
81
|
-
getRootNode,
|
|
82
|
-
...collapsibleProps
|
|
83
|
-
};
|
|
84
|
-
const service = require_factory.useMachine(__sprawlify_primitives_machines_collapsible.machine, machineProps);
|
|
85
|
-
const api = __sprawlify_primitives_machines_collapsible.connect(service, require_factory.normalizeProps);
|
|
86
|
-
if (api.visible) wasVisible.current = true;
|
|
87
|
-
const isUnmounted = !api.visible && !wasVisible.current && lazyMount || unmountOnExit && !api.visible && wasVisible.current;
|
|
88
|
-
return {
|
|
89
|
-
...api,
|
|
90
|
-
isUnmounted
|
|
91
|
-
};
|
|
92
|
-
};
|
|
93
|
-
|
|
94
|
-
//#endregion
|
|
95
|
-
//#region src/components/collapsible/collapsible-root.tsx
|
|
96
|
-
const CollapsibleRoot = (0, react.forwardRef)((props, ref) => {
|
|
97
|
-
const [useCollapsibleProps, localProps] = splitCollapsibleProps(props);
|
|
98
|
-
const collapsible = useCollapsible(useCollapsibleProps);
|
|
99
|
-
const mergedProps = (0, __sprawlify_primitives_core.mergeProps)(collapsible.getRootProps(), localProps);
|
|
100
|
-
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CollapsibleProvider, {
|
|
101
|
-
value: collapsible,
|
|
102
|
-
children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.sprawlify.div, {
|
|
103
|
-
...mergedProps,
|
|
104
|
-
ref
|
|
105
|
-
})
|
|
106
|
-
});
|
|
107
|
-
});
|
|
108
|
-
CollapsibleRoot.displayName = "CollapsibleRoot";
|
|
109
|
-
|
|
110
|
-
//#endregion
|
|
111
|
-
//#region src/components/collapsible/collapsible-root-provider.tsx
|
|
112
|
-
const splitRootProviderProps = createSplitProps();
|
|
113
|
-
const CollapsibleRootProvider = (0, react.forwardRef)((props, ref) => {
|
|
114
|
-
const [{ value: collapsible }, localProps] = splitRootProviderProps(props, ["value"]);
|
|
115
|
-
const mergedProps = (0, __sprawlify_primitives_core.mergeProps)(collapsible.getRootProps(), localProps);
|
|
116
|
-
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CollapsibleProvider, {
|
|
117
|
-
value: collapsible,
|
|
118
|
-
children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.sprawlify.div, {
|
|
119
|
-
...mergedProps,
|
|
120
|
-
ref
|
|
121
|
-
})
|
|
122
|
-
});
|
|
123
|
-
});
|
|
124
|
-
CollapsibleRootProvider.displayName = "CollapsibleRootProvider";
|
|
125
|
-
|
|
126
|
-
//#endregion
|
|
127
|
-
//#region src/components/collapsible/collapsible-trigger.tsx
|
|
128
|
-
const CollapsibleTrigger = (0, react.forwardRef)((props, ref) => {
|
|
129
|
-
const mergedProps = (0, __sprawlify_primitives_core.mergeProps)(useCollapsibleContext().getTriggerProps(), props);
|
|
130
|
-
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.sprawlify.button, {
|
|
131
|
-
...mergedProps,
|
|
132
|
-
ref
|
|
133
|
-
});
|
|
134
|
-
});
|
|
135
|
-
CollapsibleTrigger.displayName = "CollapsibleTrigger";
|
|
136
|
-
|
|
137
|
-
//#endregion
|
|
138
|
-
//#region src/components/collapsible/collapsible.ts
|
|
139
|
-
var collapsible_exports = /* @__PURE__ */ require_factory.__export({
|
|
140
|
-
Content: () => CollapsibleContent,
|
|
141
|
-
Context: () => CollapsibleContext,
|
|
142
|
-
Indicator: () => CollapsibleIndicator,
|
|
143
|
-
Root: () => CollapsibleRoot,
|
|
144
|
-
RootProvider: () => CollapsibleRootProvider,
|
|
145
|
-
Trigger: () => CollapsibleTrigger
|
|
146
|
-
});
|
|
147
|
-
|
|
148
|
-
//#endregion
|
|
149
6
|
Object.defineProperty(exports, 'Collapsible', {
|
|
150
7
|
enumerable: true,
|
|
151
8
|
get: function () {
|
|
152
|
-
return collapsible_exports;
|
|
9
|
+
return require_collapsible.collapsible_exports;
|
|
153
10
|
}
|
|
154
11
|
});
|
|
155
|
-
exports.CollapsibleContent = CollapsibleContent;
|
|
156
|
-
exports.CollapsibleContext = CollapsibleContext;
|
|
157
|
-
exports.CollapsibleIndicator = CollapsibleIndicator;
|
|
158
|
-
exports.CollapsibleRoot = CollapsibleRoot;
|
|
159
|
-
exports.CollapsibleRootProvider = CollapsibleRootProvider;
|
|
160
|
-
exports.CollapsibleTrigger = CollapsibleTrigger;
|
|
12
|
+
exports.CollapsibleContent = require_collapsible.CollapsibleContent;
|
|
13
|
+
exports.CollapsibleContext = require_collapsible.CollapsibleContext;
|
|
14
|
+
exports.CollapsibleIndicator = require_collapsible.CollapsibleIndicator;
|
|
15
|
+
exports.CollapsibleRoot = require_collapsible.CollapsibleRoot;
|
|
16
|
+
exports.CollapsibleRootProvider = require_collapsible.CollapsibleRootProvider;
|
|
17
|
+
exports.CollapsibleTrigger = require_collapsible.CollapsibleTrigger;
|
|
161
18
|
Object.defineProperty(exports, 'collapsibleAnatomy', {
|
|
162
19
|
enumerable: true,
|
|
163
20
|
get: function () {
|
|
164
21
|
return __sprawlify_primitives_machines_collapsible.anatomy;
|
|
165
22
|
}
|
|
166
23
|
});
|
|
167
|
-
exports.useCollapsible = useCollapsible;
|
|
168
|
-
exports.useCollapsibleContext = useCollapsibleContext;
|
|
24
|
+
exports.useCollapsible = require_collapsible.useCollapsible;
|
|
25
|
+
exports.useCollapsibleContext = require_collapsible.useCollapsibleContext;
|
|
@@ -1,21 +1,14 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { c as PropTypes, r as PolymorphicProps, s as Optional, t as HTMLProps } from "../../factory-D5qarvEF.cjs";
|
|
2
|
+
import { t as RenderStrategyProps } from "../../render-strategy-G1aEn-1X.cjs";
|
|
3
|
+
import * as react34 from "react";
|
|
4
|
+
import { ReactNode } from "react";
|
|
2
5
|
import * as collapsible from "@sprawlify/primitives/machines/collapsible";
|
|
3
6
|
import { OpenChangeDetails, OpenChangeDetails as CollapsibleOpenChangeDetails, anatomy as collapsibleAnatomy } from "@sprawlify/primitives/machines/collapsible";
|
|
4
|
-
import * as react3 from "react";
|
|
5
|
-
import { ReactNode } from "react";
|
|
6
7
|
|
|
7
|
-
//#region rolldown:runtime
|
|
8
|
-
//#endregion
|
|
9
8
|
//#region src/components/collapsible/collapsible-content.d.ts
|
|
10
9
|
interface CollapsibleContentBaseProps extends PolymorphicProps {}
|
|
11
10
|
interface CollapsibleContentProps extends HTMLProps<"div">, CollapsibleContentBaseProps {}
|
|
12
|
-
declare const CollapsibleContent:
|
|
13
|
-
//#endregion
|
|
14
|
-
//#region src/utils/render-strategy.d.ts
|
|
15
|
-
interface RenderStrategyProps {
|
|
16
|
-
lazyMount?: boolean | undefined;
|
|
17
|
-
unmountOnExit?: boolean | undefined;
|
|
18
|
-
}
|
|
11
|
+
declare const CollapsibleContent: react34.ForwardRefExoticComponent<CollapsibleContentProps & react34.RefAttributes<HTMLDivElement>>;
|
|
19
12
|
//#endregion
|
|
20
13
|
//#region src/components/collapsible/use-collapsible.d.ts
|
|
21
14
|
interface UseCollapsibleProps extends Optional<Omit<collapsible.Props, "dir" | "getRootNode">, "id">, RenderStrategyProps {}
|
|
@@ -36,12 +29,12 @@ declare const CollapsibleContext: (props: CollapsibleContextProps) => ReactNode;
|
|
|
36
29
|
//#region src/components/collapsible/collapsible-indicator.d.ts
|
|
37
30
|
interface CollapsibleIndicatorBaseProps extends PolymorphicProps {}
|
|
38
31
|
interface CollapsibleIndicatorProps extends HTMLProps<"div">, CollapsibleIndicatorBaseProps {}
|
|
39
|
-
declare const CollapsibleIndicator:
|
|
32
|
+
declare const CollapsibleIndicator: react34.ForwardRefExoticComponent<CollapsibleIndicatorProps & react34.RefAttributes<HTMLDivElement>>;
|
|
40
33
|
//#endregion
|
|
41
34
|
//#region src/components/collapsible/collapsible-root.d.ts
|
|
42
35
|
interface CollapsibleRootBaseProps extends UseCollapsibleProps, PolymorphicProps {}
|
|
43
36
|
interface CollapsibleRootProps extends HTMLProps<"div">, CollapsibleRootBaseProps {}
|
|
44
|
-
declare const CollapsibleRoot:
|
|
37
|
+
declare const CollapsibleRoot: react34.ForwardRefExoticComponent<CollapsibleRootProps & react34.RefAttributes<HTMLDivElement>>;
|
|
45
38
|
//#endregion
|
|
46
39
|
//#region src/components/collapsible/collapsible-root-provider.d.ts
|
|
47
40
|
interface RootProviderProps {
|
|
@@ -49,12 +42,12 @@ interface RootProviderProps {
|
|
|
49
42
|
}
|
|
50
43
|
interface CollapsibleRootProviderBaseProps extends RootProviderProps, PolymorphicProps {}
|
|
51
44
|
interface CollapsibleRootProviderProps extends HTMLProps<"div">, CollapsibleRootProviderBaseProps {}
|
|
52
|
-
declare const CollapsibleRootProvider:
|
|
45
|
+
declare const CollapsibleRootProvider: react34.ForwardRefExoticComponent<CollapsibleRootProviderProps & react34.RefAttributes<HTMLDivElement>>;
|
|
53
46
|
//#endregion
|
|
54
47
|
//#region src/components/collapsible/collapsible-trigger.d.ts
|
|
55
48
|
interface CollapsibleTriggerBaseProps extends PolymorphicProps {}
|
|
56
49
|
interface CollapsibleTriggerProps extends HTMLProps<"button">, CollapsibleTriggerBaseProps {}
|
|
57
|
-
declare const CollapsibleTrigger:
|
|
50
|
+
declare const CollapsibleTrigger: react34.ForwardRefExoticComponent<CollapsibleTriggerProps & react34.RefAttributes<HTMLButtonElement>>;
|
|
58
51
|
declare namespace collapsible_d_exports {
|
|
59
52
|
export { CollapsibleContent as Content, CollapsibleContentBaseProps as ContentBaseProps, CollapsibleContentProps as ContentProps, CollapsibleContext as Context, CollapsibleContextProps as ContextProps, CollapsibleIndicator as Indicator, CollapsibleIndicatorBaseProps as IndicatorBaseProps, CollapsibleIndicatorProps as IndicatorProps, OpenChangeDetails, CollapsibleRoot as Root, CollapsibleRootBaseProps as RootBaseProps, CollapsibleRootProps as RootProps, CollapsibleRootProvider as RootProvider, CollapsibleRootProviderBaseProps as RootProviderBaseProps, CollapsibleRootProviderProps as RootProviderProps, CollapsibleTrigger as Trigger, CollapsibleTriggerBaseProps as TriggerBaseProps, CollapsibleTriggerProps as TriggerProps };
|
|
60
53
|
}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import
|
|
1
|
+
import { r as PolymorphicProps, s as Optional, t as HTMLProps, u as PropTypes } from "../../factory-CNfD9NVO.mjs";
|
|
2
|
+
import { t as RenderStrategyProps } from "../../render-strategy-D37ixdTi.mjs";
|
|
3
|
+
import * as react32 from "react";
|
|
3
4
|
import { ReactNode } from "react";
|
|
4
5
|
import * as collapsible from "@sprawlify/primitives/machines/collapsible";
|
|
5
6
|
import { OpenChangeDetails, OpenChangeDetails as CollapsibleOpenChangeDetails, anatomy as collapsibleAnatomy } from "@sprawlify/primitives/machines/collapsible";
|
|
@@ -7,13 +8,7 @@ import { OpenChangeDetails, OpenChangeDetails as CollapsibleOpenChangeDetails, a
|
|
|
7
8
|
//#region src/components/collapsible/collapsible-content.d.ts
|
|
8
9
|
interface CollapsibleContentBaseProps extends PolymorphicProps {}
|
|
9
10
|
interface CollapsibleContentProps extends HTMLProps<"div">, CollapsibleContentBaseProps {}
|
|
10
|
-
declare const CollapsibleContent:
|
|
11
|
-
//#endregion
|
|
12
|
-
//#region src/utils/render-strategy.d.ts
|
|
13
|
-
interface RenderStrategyProps {
|
|
14
|
-
lazyMount?: boolean | undefined;
|
|
15
|
-
unmountOnExit?: boolean | undefined;
|
|
16
|
-
}
|
|
11
|
+
declare const CollapsibleContent: react32.ForwardRefExoticComponent<CollapsibleContentProps & react32.RefAttributes<HTMLDivElement>>;
|
|
17
12
|
//#endregion
|
|
18
13
|
//#region src/components/collapsible/use-collapsible.d.ts
|
|
19
14
|
interface UseCollapsibleProps extends Optional<Omit<collapsible.Props, "dir" | "getRootNode">, "id">, RenderStrategyProps {}
|
|
@@ -34,12 +29,12 @@ declare const CollapsibleContext: (props: CollapsibleContextProps) => ReactNode;
|
|
|
34
29
|
//#region src/components/collapsible/collapsible-indicator.d.ts
|
|
35
30
|
interface CollapsibleIndicatorBaseProps extends PolymorphicProps {}
|
|
36
31
|
interface CollapsibleIndicatorProps extends HTMLProps<"div">, CollapsibleIndicatorBaseProps {}
|
|
37
|
-
declare const CollapsibleIndicator:
|
|
32
|
+
declare const CollapsibleIndicator: react32.ForwardRefExoticComponent<CollapsibleIndicatorProps & react32.RefAttributes<HTMLDivElement>>;
|
|
38
33
|
//#endregion
|
|
39
34
|
//#region src/components/collapsible/collapsible-root.d.ts
|
|
40
35
|
interface CollapsibleRootBaseProps extends UseCollapsibleProps, PolymorphicProps {}
|
|
41
36
|
interface CollapsibleRootProps extends HTMLProps<"div">, CollapsibleRootBaseProps {}
|
|
42
|
-
declare const CollapsibleRoot:
|
|
37
|
+
declare const CollapsibleRoot: react32.ForwardRefExoticComponent<CollapsibleRootProps & react32.RefAttributes<HTMLDivElement>>;
|
|
43
38
|
//#endregion
|
|
44
39
|
//#region src/components/collapsible/collapsible-root-provider.d.ts
|
|
45
40
|
interface RootProviderProps {
|
|
@@ -47,12 +42,12 @@ interface RootProviderProps {
|
|
|
47
42
|
}
|
|
48
43
|
interface CollapsibleRootProviderBaseProps extends RootProviderProps, PolymorphicProps {}
|
|
49
44
|
interface CollapsibleRootProviderProps extends HTMLProps<"div">, CollapsibleRootProviderBaseProps {}
|
|
50
|
-
declare const CollapsibleRootProvider:
|
|
45
|
+
declare const CollapsibleRootProvider: react32.ForwardRefExoticComponent<CollapsibleRootProviderProps & react32.RefAttributes<HTMLDivElement>>;
|
|
51
46
|
//#endregion
|
|
52
47
|
//#region src/components/collapsible/collapsible-trigger.d.ts
|
|
53
48
|
interface CollapsibleTriggerBaseProps extends PolymorphicProps {}
|
|
54
49
|
interface CollapsibleTriggerProps extends HTMLProps<"button">, CollapsibleTriggerBaseProps {}
|
|
55
|
-
declare const CollapsibleTrigger:
|
|
50
|
+
declare const CollapsibleTrigger: react32.ForwardRefExoticComponent<CollapsibleTriggerProps & react32.RefAttributes<HTMLButtonElement>>;
|
|
56
51
|
declare namespace collapsible_d_exports {
|
|
57
52
|
export { CollapsibleContent as Content, CollapsibleContentBaseProps as ContentBaseProps, CollapsibleContentProps as ContentProps, CollapsibleContext as Context, CollapsibleContextProps as ContextProps, CollapsibleIndicator as Indicator, CollapsibleIndicatorBaseProps as IndicatorBaseProps, CollapsibleIndicatorProps as IndicatorProps, OpenChangeDetails, CollapsibleRoot as Root, CollapsibleRootBaseProps as RootBaseProps, CollapsibleRootProps as RootProps, CollapsibleRootProvider as RootProvider, CollapsibleRootProviderBaseProps as RootProviderBaseProps, CollapsibleRootProviderProps as RootProviderProps, CollapsibleTrigger as Trigger, CollapsibleTriggerBaseProps as TriggerBaseProps, CollapsibleTriggerProps as TriggerProps };
|
|
58
53
|
}
|
|
@@ -1,149 +1,5 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
3
|
-
import { t as
|
|
4
|
-
import { forwardRef, useId, useRef } from "react";
|
|
5
|
-
import { jsx } from "react/jsx-runtime";
|
|
6
|
-
import * as collapsible from "@sprawlify/primitives/machines/collapsible";
|
|
7
|
-
import { anatomy as collapsibleAnatomy } from "@sprawlify/primitives/machines/collapsible";
|
|
1
|
+
import "../../factory-DbgGeb_e.mjs";
|
|
2
|
+
import "../../create-context-DLMHiig4.mjs";
|
|
3
|
+
import { a as CollapsibleRoot, c as CollapsibleContext, i as CollapsibleRootProvider, l as CollapsibleContent, n as collapsibleAnatomy, o as useCollapsible, r as CollapsibleTrigger, s as CollapsibleIndicator, t as collapsible_exports, u as useCollapsibleContext } from "../../collapsible-C5ZpjCRe.mjs";
|
|
8
4
|
|
|
9
|
-
//#region src/components/collapsible/use-collapsible-context.ts
|
|
10
|
-
const [CollapsibleProvider, useCollapsibleContext] = createContext$1({
|
|
11
|
-
name: "CollapsibleContext",
|
|
12
|
-
hookName: "useCollapsibleContext",
|
|
13
|
-
providerName: "<CollapsibleProvider />"
|
|
14
|
-
});
|
|
15
|
-
|
|
16
|
-
//#endregion
|
|
17
|
-
//#region src/components/collapsible/collapsible-content.tsx
|
|
18
|
-
const CollapsibleContent = forwardRef((props, ref) => {
|
|
19
|
-
const collapsible$1 = useCollapsibleContext();
|
|
20
|
-
if (collapsible$1.isUnmounted) return null;
|
|
21
|
-
const mergedProps = mergeProps(collapsible$1.getContentProps(), props);
|
|
22
|
-
return /* @__PURE__ */ jsx(sprawlify.div, {
|
|
23
|
-
...mergedProps,
|
|
24
|
-
ref
|
|
25
|
-
});
|
|
26
|
-
});
|
|
27
|
-
CollapsibleContent.displayName = "CollapsibleContent";
|
|
28
|
-
|
|
29
|
-
//#endregion
|
|
30
|
-
//#region src/components/collapsible/collapsible-context.tsx
|
|
31
|
-
const CollapsibleContext = (props) => props.children(useCollapsibleContext());
|
|
32
|
-
|
|
33
|
-
//#endregion
|
|
34
|
-
//#region src/components/collapsible/collapsible-indicator.tsx
|
|
35
|
-
const CollapsibleIndicator = forwardRef((props, ref) => {
|
|
36
|
-
const mergedProps = mergeProps(useCollapsibleContext().getIndicatorProps(), props);
|
|
37
|
-
return /* @__PURE__ */ jsx(sprawlify.div, {
|
|
38
|
-
...mergedProps,
|
|
39
|
-
ref
|
|
40
|
-
});
|
|
41
|
-
});
|
|
42
|
-
CollapsibleIndicator.displayName = "CollapsibleIndicator";
|
|
43
|
-
|
|
44
|
-
//#endregion
|
|
45
|
-
//#region src/utils/create-split-props.ts
|
|
46
|
-
const createSplitProps = () => (props, keys) => keys.reduce((previousValue, currentValue) => {
|
|
47
|
-
const [target, source] = previousValue;
|
|
48
|
-
const key = currentValue;
|
|
49
|
-
if (source[key] !== void 0) target[key] = source[key];
|
|
50
|
-
delete source[key];
|
|
51
|
-
return [target, source];
|
|
52
|
-
}, [{}, { ...props }]);
|
|
53
|
-
|
|
54
|
-
//#endregion
|
|
55
|
-
//#region src/components/collapsible/split-collapsible-props.ts
|
|
56
|
-
const splitCollapsibleProps = (props) => createSplitProps()(props, [
|
|
57
|
-
"collapsedHeight",
|
|
58
|
-
"collapsedWidth",
|
|
59
|
-
"defaultOpen",
|
|
60
|
-
"disabled",
|
|
61
|
-
"id",
|
|
62
|
-
"ids",
|
|
63
|
-
"lazyMount",
|
|
64
|
-
"onExitComplete",
|
|
65
|
-
"onOpenChange",
|
|
66
|
-
"open",
|
|
67
|
-
"unmountOnExit"
|
|
68
|
-
]);
|
|
69
|
-
|
|
70
|
-
//#endregion
|
|
71
|
-
//#region src/components/collapsible/use-collapsible.ts
|
|
72
|
-
const useCollapsible = (props = {}) => {
|
|
73
|
-
const { lazyMount, unmountOnExit, ...collapsibleProps } = props;
|
|
74
|
-
const id = useId();
|
|
75
|
-
const wasVisible = useRef(false);
|
|
76
|
-
const { dir } = useLocaleContext();
|
|
77
|
-
const { getRootNode } = useEnvironmentContext();
|
|
78
|
-
const machineProps = {
|
|
79
|
-
id,
|
|
80
|
-
dir,
|
|
81
|
-
getRootNode,
|
|
82
|
-
...collapsibleProps
|
|
83
|
-
};
|
|
84
|
-
const service = useMachine(collapsible.machine, machineProps);
|
|
85
|
-
const api = collapsible.connect(service, normalizeProps);
|
|
86
|
-
if (api.visible) wasVisible.current = true;
|
|
87
|
-
const isUnmounted = !api.visible && !wasVisible.current && lazyMount || unmountOnExit && !api.visible && wasVisible.current;
|
|
88
|
-
return {
|
|
89
|
-
...api,
|
|
90
|
-
isUnmounted
|
|
91
|
-
};
|
|
92
|
-
};
|
|
93
|
-
|
|
94
|
-
//#endregion
|
|
95
|
-
//#region src/components/collapsible/collapsible-root.tsx
|
|
96
|
-
const CollapsibleRoot = forwardRef((props, ref) => {
|
|
97
|
-
const [useCollapsibleProps, localProps] = splitCollapsibleProps(props);
|
|
98
|
-
const collapsible$1 = useCollapsible(useCollapsibleProps);
|
|
99
|
-
const mergedProps = mergeProps(collapsible$1.getRootProps(), localProps);
|
|
100
|
-
return /* @__PURE__ */ jsx(CollapsibleProvider, {
|
|
101
|
-
value: collapsible$1,
|
|
102
|
-
children: /* @__PURE__ */ jsx(sprawlify.div, {
|
|
103
|
-
...mergedProps,
|
|
104
|
-
ref
|
|
105
|
-
})
|
|
106
|
-
});
|
|
107
|
-
});
|
|
108
|
-
CollapsibleRoot.displayName = "CollapsibleRoot";
|
|
109
|
-
|
|
110
|
-
//#endregion
|
|
111
|
-
//#region src/components/collapsible/collapsible-root-provider.tsx
|
|
112
|
-
const splitRootProviderProps = createSplitProps();
|
|
113
|
-
const CollapsibleRootProvider = forwardRef((props, ref) => {
|
|
114
|
-
const [{ value: collapsible$1 }, localProps] = splitRootProviderProps(props, ["value"]);
|
|
115
|
-
const mergedProps = mergeProps(collapsible$1.getRootProps(), localProps);
|
|
116
|
-
return /* @__PURE__ */ jsx(CollapsibleProvider, {
|
|
117
|
-
value: collapsible$1,
|
|
118
|
-
children: /* @__PURE__ */ jsx(sprawlify.div, {
|
|
119
|
-
...mergedProps,
|
|
120
|
-
ref
|
|
121
|
-
})
|
|
122
|
-
});
|
|
123
|
-
});
|
|
124
|
-
CollapsibleRootProvider.displayName = "CollapsibleRootProvider";
|
|
125
|
-
|
|
126
|
-
//#endregion
|
|
127
|
-
//#region src/components/collapsible/collapsible-trigger.tsx
|
|
128
|
-
const CollapsibleTrigger = forwardRef((props, ref) => {
|
|
129
|
-
const mergedProps = mergeProps(useCollapsibleContext().getTriggerProps(), props);
|
|
130
|
-
return /* @__PURE__ */ jsx(sprawlify.button, {
|
|
131
|
-
...mergedProps,
|
|
132
|
-
ref
|
|
133
|
-
});
|
|
134
|
-
});
|
|
135
|
-
CollapsibleTrigger.displayName = "CollapsibleTrigger";
|
|
136
|
-
|
|
137
|
-
//#endregion
|
|
138
|
-
//#region src/components/collapsible/collapsible.ts
|
|
139
|
-
var collapsible_exports = /* @__PURE__ */ __export({
|
|
140
|
-
Content: () => CollapsibleContent,
|
|
141
|
-
Context: () => CollapsibleContext,
|
|
142
|
-
Indicator: () => CollapsibleIndicator,
|
|
143
|
-
Root: () => CollapsibleRoot,
|
|
144
|
-
RootProvider: () => CollapsibleRootProvider,
|
|
145
|
-
Trigger: () => CollapsibleTrigger
|
|
146
|
-
});
|
|
147
|
-
|
|
148
|
-
//#endregion
|
|
149
5
|
export { collapsible_exports as Collapsible, CollapsibleContent, CollapsibleContext, CollapsibleIndicator, CollapsibleRoot, CollapsibleRootProvider, CollapsibleTrigger, collapsibleAnatomy, useCollapsible, useCollapsibleContext };
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
|
|
2
|
+
//#region src/utils/create-split-props.ts
|
|
3
|
+
const createSplitProps = () => (props, keys) => keys.reduce((previousValue, currentValue) => {
|
|
4
|
+
const [target, source] = previousValue;
|
|
5
|
+
const key = currentValue;
|
|
6
|
+
if (source[key] !== void 0) target[key] = source[key];
|
|
7
|
+
delete source[key];
|
|
8
|
+
return [target, source];
|
|
9
|
+
}, [{}, { ...props }]);
|
|
10
|
+
|
|
11
|
+
//#endregion
|
|
12
|
+
Object.defineProperty(exports, 'createSplitProps', {
|
|
13
|
+
enumerable: true,
|
|
14
|
+
get: function () {
|
|
15
|
+
return createSplitProps;
|
|
16
|
+
}
|
|
17
|
+
});
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
//#region src/utils/create-split-props.ts
|
|
2
|
+
const createSplitProps = () => (props, keys) => keys.reduce((previousValue, currentValue) => {
|
|
3
|
+
const [target, source] = previousValue;
|
|
4
|
+
const key = currentValue;
|
|
5
|
+
if (source[key] !== void 0) target[key] = source[key];
|
|
6
|
+
delete source[key];
|
|
7
|
+
return [target, source];
|
|
8
|
+
}, [{}, { ...props }]);
|
|
9
|
+
|
|
10
|
+
//#endregion
|
|
11
|
+
export { createSplitProps as t };
|