@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.
Files changed (33) hide show
  1. package/dist/collapsible-C5ZpjCRe.mjs +140 -0
  2. package/dist/collapsible-D_cXuaRy.cjs +193 -0
  3. package/dist/components/accordion/index.cjs +227 -0
  4. package/dist/components/accordion/index.d.cts +67 -0
  5. package/dist/components/accordion/index.d.mts +67 -0
  6. package/dist/components/accordion/index.mjs +205 -0
  7. package/dist/components/angle-slider/index.cjs +203 -0
  8. package/dist/components/angle-slider/index.d.cts +72 -0
  9. package/dist/components/angle-slider/index.d.mts +72 -0
  10. package/dist/components/angle-slider/index.mjs +180 -0
  11. package/dist/components/collapsible/index.cjs +11 -154
  12. package/dist/components/collapsible/index.d.cts +9 -16
  13. package/dist/components/collapsible/index.d.mts +8 -13
  14. package/dist/components/collapsible/index.mjs +3 -147
  15. package/dist/create-split-props-CSaOnJRj.cjs +17 -0
  16. package/dist/create-split-props-DvwGh64U.mjs +11 -0
  17. package/dist/{types-CwELsIN6.d.mts → factory-CNfD9NVO.d.mts} +13 -13
  18. package/dist/{types-B_h5HVp2.d.cts → factory-D5qarvEF.d.cts} +13 -13
  19. package/dist/{factory-B_Ye-J6y.mjs → factory-DbgGeb_e.mjs} +1 -1
  20. package/dist/index.d.cts +2 -2
  21. package/dist/index.d.mts +2 -2
  22. package/dist/index.mjs +3 -3
  23. package/dist/render-strategy-D37ixdTi.d.mts +9 -0
  24. package/dist/render-strategy-G1aEn-1X.d.cts +7 -0
  25. package/dist/utils/index.d.cts +1 -1
  26. package/dist/utils/index.d.mts +1 -1
  27. package/dist/utils/index.mjs +2 -2
  28. package/package.json +22 -2
  29. /package/dist/{chunk-CbegLjfk.mjs → chunk-DJTHdtxa.mjs} +0 -0
  30. /package/dist/{create-context-fSIoyq0R.mjs → create-context-DLMHiig4.mjs} +0 -0
  31. /package/dist/{index-CgR7RZbW.d.mts → index--Dciu8yd.d.mts} +0 -0
  32. /package/dist/{index-BbLlW5Mk.d.cts → index-wpUGMM30.d.cts} +0 -0
  33. /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
- const require_create_context = require('../../create-context-DCEySQ7J.cjs');
3
- let react = require("react");
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 { a as HTMLProps, n as Optional, r as PropTypes, s as PolymorphicProps } from "../../types-B_h5HVp2.cjs";
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: react3.ForwardRefExoticComponent<CollapsibleContentProps & react3.RefAttributes<HTMLDivElement>>;
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: react3.ForwardRefExoticComponent<CollapsibleIndicatorProps & react3.RefAttributes<HTMLDivElement>>;
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: react3.ForwardRefExoticComponent<CollapsibleRootProps & react3.RefAttributes<HTMLDivElement>>;
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: react3.ForwardRefExoticComponent<CollapsibleRootProviderProps & react3.RefAttributes<HTMLDivElement>>;
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: react3.ForwardRefExoticComponent<CollapsibleTriggerProps & react3.RefAttributes<HTMLButtonElement>>;
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 { a as PropTypes, c as HTMLProps, n as Optional, u as PolymorphicProps } from "../../types-CwELsIN6.mjs";
2
- import * as react0 from "react";
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: react0.ForwardRefExoticComponent<CollapsibleContentProps & react0.RefAttributes<HTMLDivElement>>;
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: react0.ForwardRefExoticComponent<CollapsibleIndicatorProps & react0.RefAttributes<HTMLDivElement>>;
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: react0.ForwardRefExoticComponent<CollapsibleRootProps & react0.RefAttributes<HTMLDivElement>>;
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: react0.ForwardRefExoticComponent<CollapsibleRootProviderProps & react0.RefAttributes<HTMLDivElement>>;
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: react0.ForwardRefExoticComponent<CollapsibleTriggerProps & react0.RefAttributes<HTMLButtonElement>>;
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 { t as __export } from "../../chunk-CbegLjfk.mjs";
2
- import { c as useEnvironmentContext, d as normalizeProps, f as useMachine, l as mergeProps, n as sprawlify, o as useLocaleContext } from "../../factory-B_Ye-J6y.mjs";
3
- import { t as createContext$1 } from "../../create-context-fSIoyq0R.mjs";
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 };