@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,67 @@
1
+ import { o as Assign, 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 react18 from "react";
4
+ import { ReactNode } from "react";
5
+ import * as accordion from "@sprawlify/primitives/machines/accordion";
6
+ import { FocusChangeDetails, FocusChangeDetails as AccordionFocusChangeDetails, ItemProps, ItemState, ValueChangeDetails, ValueChangeDetails as AccordionValueChangeDetails, anatomy as accordionAnatomy } from "@sprawlify/primitives/machines/accordion";
7
+
8
+ //#region src/components/accordion/use-accordion.d.ts
9
+ interface UseAccordionProps extends Optional<Omit<accordion.Props, "dir" | "getRootNode">, "id"> {}
10
+ interface UseAccordionReturn extends accordion.Api<PropTypes> {}
11
+ declare const useAccordion: (props?: UseAccordionProps) => UseAccordionReturn;
12
+ //#endregion
13
+ //#region src/components/accordion/use-accordion-context.d.ts
14
+ interface UseAccordionContext extends UseAccordionReturn {}
15
+ //#endregion
16
+ //#region src/components/accordion/accordion-context.d.ts
17
+ interface AccordionContextProps {
18
+ children: (context: UseAccordionContext) => ReactNode;
19
+ }
20
+ declare const AccordionContext: (props: AccordionContextProps) => ReactNode;
21
+ //#endregion
22
+ //#region src/components/accordion/accordion-item.d.ts
23
+ interface AccordionItemBaseProps extends ItemProps, PolymorphicProps {}
24
+ interface AccordionItemProps extends HTMLProps<"div">, AccordionItemBaseProps {}
25
+ declare const AccordionItem: react18.ForwardRefExoticComponent<AccordionItemProps & react18.RefAttributes<HTMLDivElement>>;
26
+ //#endregion
27
+ //#region src/components/accordion/accordion-item-content.d.ts
28
+ interface AccordionItemContentBaseProps extends PolymorphicProps {}
29
+ interface AccordionItemContentProps extends HTMLProps<"div">, AccordionItemContentBaseProps {}
30
+ declare const AccordionItemContent: react18.ForwardRefExoticComponent<AccordionItemContentProps & react18.RefAttributes<HTMLDivElement>>;
31
+ //#endregion
32
+ //#region src/components/accordion/use-accordion-item-context.d.ts
33
+ interface UseAccordionItemContext extends ItemState {}
34
+ //#endregion
35
+ //#region src/components/accordion/accordion-item-context.d.ts
36
+ interface AccordionItemContextProps {
37
+ children: (context: UseAccordionItemContext) => ReactNode;
38
+ }
39
+ declare const AccordionItemContext: (props: AccordionItemContextProps) => ReactNode;
40
+ //#endregion
41
+ //#region src/components/accordion/accordion-item-indicator.d.ts
42
+ interface AccordionItemIndicatorBaseProps extends PolymorphicProps {}
43
+ interface AccordionItemIndicatorProps extends HTMLProps<"div">, AccordionItemIndicatorBaseProps {}
44
+ declare const AccordionItemIndicator: react18.ForwardRefExoticComponent<AccordionItemIndicatorProps & react18.RefAttributes<HTMLDivElement>>;
45
+ //#endregion
46
+ //#region src/components/accordion/accordion-item-trigger.d.ts
47
+ interface AccordionItemTriggerBaseProps extends PolymorphicProps {}
48
+ interface AccordionItemTriggerProps extends HTMLProps<"button">, AccordionItemTriggerBaseProps {}
49
+ declare const AccordionItemTrigger: react18.ForwardRefExoticComponent<AccordionItemTriggerProps & react18.RefAttributes<HTMLButtonElement>>;
50
+ //#endregion
51
+ //#region src/components/accordion/accordion-root.d.ts
52
+ interface AccordionRootBaseProps extends UseAccordionProps, RenderStrategyProps, PolymorphicProps {}
53
+ interface AccordionRootProps extends Assign<HTMLProps<"div">, AccordionRootBaseProps> {}
54
+ declare const AccordionRoot: react18.ForwardRefExoticComponent<AccordionRootProps & react18.RefAttributes<HTMLDivElement>>;
55
+ //#endregion
56
+ //#region src/components/accordion/accordion-root-provider.d.ts
57
+ interface RootProviderProps {
58
+ value: UseAccordionReturn;
59
+ }
60
+ interface AccordionRootProviderBaseProps extends RootProviderProps, RenderStrategyProps, PolymorphicProps {}
61
+ interface AccordionRootProviderProps extends HTMLProps<"div">, AccordionRootProviderBaseProps {}
62
+ declare const AccordionRootProvider: react18.ForwardRefExoticComponent<AccordionRootProviderProps & react18.RefAttributes<HTMLDivElement>>;
63
+ declare namespace accordion_d_exports {
64
+ export { AccordionContext as Context, AccordionContextProps as ContextProps, FocusChangeDetails, AccordionItem as Item, AccordionItemBaseProps as ItemBaseProps, AccordionItemContent as ItemContent, AccordionItemContentBaseProps as ItemContentBaseProps, AccordionItemContentProps as ItemContentProps, AccordionItemContext as ItemContext, AccordionItemContextProps as ItemContextProps, AccordionItemIndicator as ItemIndicator, AccordionItemIndicatorBaseProps as ItemIndicatorBaseProps, AccordionItemIndicatorProps as ItemIndicatorProps, AccordionItemProps as ItemProps, AccordionItemTrigger as ItemTrigger, AccordionItemTriggerBaseProps as ItemTriggerBaseProps, AccordionItemTriggerProps as ItemTriggerProps, AccordionRoot as Root, AccordionRootBaseProps as RootBaseProps, AccordionRootProps as RootProps, AccordionRootProvider as RootProvider, AccordionRootProviderBaseProps as RootProviderBaseProps, AccordionRootProviderProps as RootProviderProps, ValueChangeDetails };
65
+ }
66
+ //#endregion
67
+ export { accordion_d_exports as Accordion, AccordionContext, type AccordionContextProps, type AccordionFocusChangeDetails, AccordionItem, type AccordionItemBaseProps, AccordionItemContent, type AccordionItemContentBaseProps, type AccordionItemContentProps, AccordionItemContext, type AccordionItemContextProps, AccordionItemIndicator, type AccordionItemIndicatorBaseProps, type AccordionItemIndicatorProps, type AccordionItemProps, AccordionItemTrigger, type AccordionItemTriggerBaseProps, type AccordionItemTriggerProps, AccordionRoot, type AccordionRootBaseProps, type AccordionRootProps, AccordionRootProvider, type AccordionRootProviderBaseProps, type AccordionRootProviderProps, type AccordionValueChangeDetails, type UseAccordionContext, type UseAccordionItemContext, type UseAccordionProps, type UseAccordionReturn, accordionAnatomy, useAccordion, useAccordionContext, useAccordionItemContext };
@@ -0,0 +1,205 @@
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 { a as CollapsibleRoot, l as CollapsibleContent, u as useCollapsibleContext } from "../../collapsible-C5ZpjCRe.mjs";
5
+ import { t as createSplitProps } from "../../create-split-props-DvwGh64U.mjs";
6
+ import { forwardRef, useId } from "react";
7
+ import { jsx } from "react/jsx-runtime";
8
+ import * as accordion from "@sprawlify/primitives/machines/accordion";
9
+ import { anatomy as accordionAnatomy } from "@sprawlify/primitives/machines/accordion";
10
+
11
+ //#region src/components/accordion/use-accordion-context.ts
12
+ const [AccordionProvider, useAccordionContext] = createContext$1({
13
+ name: "AccordionContext",
14
+ hookName: "useAccordionContext",
15
+ providerName: "<AccordionProvider />"
16
+ });
17
+
18
+ //#endregion
19
+ //#region src/components/accordion/accordion-context.tsx
20
+ const AccordionContext = (props) => props.children(useAccordionContext());
21
+
22
+ //#endregion
23
+ //#region src/utils/render-strategy.ts
24
+ const [RenderStrategyPropsProvider, useRenderStrategyPropsContext] = createContext$1({
25
+ name: "RenderStrategyContext",
26
+ hookName: "useRenderStrategyContext",
27
+ providerName: "<RenderStrategyPropsProvider />"
28
+ });
29
+ const splitRenderStrategyProps = (props) => createSplitProps()(props, ["lazyMount", "unmountOnExit"]);
30
+
31
+ //#endregion
32
+ //#region src/components/accordion/use-accordion-item-context.ts
33
+ const [AccordionItemProvider, useAccordionItemContext] = createContext$1({
34
+ name: "AccordionItemContext",
35
+ hookName: "useAccordionItemContext",
36
+ providerName: "<AccordionItemProvider />"
37
+ });
38
+
39
+ //#endregion
40
+ //#region src/components/accordion/use-accordion-item-props-context.ts
41
+ const [AccordionItemPropsProvider, useAccordionItemPropsContext] = createContext$1({
42
+ name: "AccordionItemPropsContext",
43
+ hookName: "useAccordionItemPropsContext",
44
+ providerName: "<AccordionItemPropsProvider />"
45
+ });
46
+
47
+ //#endregion
48
+ //#region src/components/accordion/accordion-item.tsx
49
+ const splitItemProps = createSplitProps();
50
+ const AccordionItem = forwardRef((props, ref) => {
51
+ const [itemProps, localProps] = splitItemProps(props, ["value", "disabled"]);
52
+ const accordion$1 = useAccordionContext();
53
+ const renderStrategy = useRenderStrategyPropsContext();
54
+ const mergedProps = mergeProps(accordion$1.getItemProps(itemProps), localProps);
55
+ const item = accordion$1.getItemState(itemProps);
56
+ const itemContentProps = accordion$1.getItemContentProps(itemProps);
57
+ return /* @__PURE__ */ jsx(AccordionItemPropsProvider, {
58
+ value: itemProps,
59
+ children: /* @__PURE__ */ jsx(AccordionItemProvider, {
60
+ value: item,
61
+ children: /* @__PURE__ */ jsx(CollapsibleRoot, {
62
+ ref,
63
+ open: item.expanded,
64
+ ids: { content: itemContentProps.id },
65
+ ...renderStrategy,
66
+ ...mergedProps
67
+ })
68
+ })
69
+ });
70
+ });
71
+ AccordionItem.displayName = "AccordionItem";
72
+
73
+ //#endregion
74
+ //#region src/components/accordion/accordion-item-content.tsx
75
+ const splitVisibilityProps = createSplitProps();
76
+ const AccordionItemContent = forwardRef((props, ref) => {
77
+ const accordion$1 = useAccordionContext();
78
+ const itemProps = useAccordionItemPropsContext();
79
+ const [, itemContentProps] = splitVisibilityProps(accordion$1.getItemContentProps(itemProps), ["hidden", "data-state"]);
80
+ const mergedProps = mergeProps(itemContentProps, props);
81
+ return /* @__PURE__ */ jsx(CollapsibleContent, {
82
+ ref,
83
+ ...mergedProps
84
+ });
85
+ });
86
+ AccordionItemContent.displayName = "AccordionItemContent";
87
+
88
+ //#endregion
89
+ //#region src/components/accordion/accordion-item-context.tsx
90
+ const AccordionItemContext = (props) => props.children(useAccordionItemContext());
91
+
92
+ //#endregion
93
+ //#region src/components/accordion/accordion-item-indicator.tsx
94
+ const AccordionItemIndicator = forwardRef((props, ref) => {
95
+ const accordion$1 = useAccordionContext();
96
+ const itemProps = useAccordionItemPropsContext();
97
+ const mergedProps = mergeProps(accordion$1.getItemIndicatorProps(itemProps), props);
98
+ return /* @__PURE__ */ jsx(sprawlify.div, {
99
+ ...mergedProps,
100
+ ref
101
+ });
102
+ });
103
+ AccordionItemIndicator.displayName = "AccordionItemIndicator";
104
+
105
+ //#endregion
106
+ //#region src/components/accordion/accordion-item-trigger.tsx
107
+ const AccordionItemTrigger = forwardRef((props, ref) => {
108
+ const accordion$1 = useAccordionContext();
109
+ const itemProps = useAccordionItemPropsContext();
110
+ const collapsible = useCollapsibleContext();
111
+ const triggerProps = accordion$1.getItemTriggerProps(itemProps);
112
+ const mergedProps = mergeProps({
113
+ ...triggerProps,
114
+ "aria-controls": collapsible.isUnmounted ? void 0 : triggerProps["aria-controls"]
115
+ }, props);
116
+ return /* @__PURE__ */ jsx(sprawlify.button, {
117
+ ...mergedProps,
118
+ ref
119
+ });
120
+ });
121
+ AccordionItemTrigger.displayName = "AccordionItemTrigger";
122
+
123
+ //#endregion
124
+ //#region src/components/accordion/use-accordion.ts
125
+ const useAccordion = (props) => {
126
+ const id = useId();
127
+ const { getRootNode } = useEnvironmentContext();
128
+ const { dir } = useLocaleContext();
129
+ const machineProps = {
130
+ id,
131
+ dir,
132
+ getRootNode,
133
+ ...props
134
+ };
135
+ const service = useMachine(accordion.machine, machineProps);
136
+ return accordion.connect(service, normalizeProps);
137
+ };
138
+
139
+ //#endregion
140
+ //#region src/components/accordion/accordion-root.tsx
141
+ const splitRootProps = createSplitProps();
142
+ const AccordionRoot = forwardRef((props, ref) => {
143
+ const [renderStrategyProps, accordionProps] = splitRenderStrategyProps(props);
144
+ const [useAccordionProps, localProps] = splitRootProps(accordionProps, [
145
+ "collapsible",
146
+ "defaultValue",
147
+ "disabled",
148
+ "id",
149
+ "ids",
150
+ "multiple",
151
+ "onFocusChange",
152
+ "onValueChange",
153
+ "orientation",
154
+ "value"
155
+ ]);
156
+ const accordion$1 = useAccordion(useAccordionProps);
157
+ const mergedProps = mergeProps(accordion$1.getRootProps(), localProps);
158
+ return /* @__PURE__ */ jsx(AccordionProvider, {
159
+ value: accordion$1,
160
+ children: /* @__PURE__ */ jsx(RenderStrategyPropsProvider, {
161
+ value: renderStrategyProps,
162
+ children: /* @__PURE__ */ jsx(sprawlify.div, {
163
+ ...mergedProps,
164
+ ref
165
+ })
166
+ })
167
+ });
168
+ });
169
+ AccordionRoot.displayName = "AccordionRoot";
170
+
171
+ //#endregion
172
+ //#region src/components/accordion/accordion-root-provider.tsx
173
+ const splitRootProviderProps = createSplitProps();
174
+ const AccordionRootProvider = forwardRef((props, ref) => {
175
+ const [renderStrategyProps, accordionProps] = splitRenderStrategyProps(props);
176
+ const [{ value: accordion$1 }, localProps] = splitRootProviderProps(accordionProps, ["value"]);
177
+ const mergedProps = mergeProps(accordion$1.getRootProps(), localProps);
178
+ return /* @__PURE__ */ jsx(AccordionProvider, {
179
+ value: accordion$1,
180
+ children: /* @__PURE__ */ jsx(RenderStrategyPropsProvider, {
181
+ value: renderStrategyProps,
182
+ children: /* @__PURE__ */ jsx(sprawlify.div, {
183
+ ...mergedProps,
184
+ ref
185
+ })
186
+ })
187
+ });
188
+ });
189
+ AccordionRootProvider.displayName = "AccordionRootProvider";
190
+
191
+ //#endregion
192
+ //#region src/components/accordion/accordion.ts
193
+ var accordion_exports = /* @__PURE__ */ __export({
194
+ Context: () => AccordionContext,
195
+ Item: () => AccordionItem,
196
+ ItemContent: () => AccordionItemContent,
197
+ ItemContext: () => AccordionItemContext,
198
+ ItemIndicator: () => AccordionItemIndicator,
199
+ ItemTrigger: () => AccordionItemTrigger,
200
+ Root: () => AccordionRoot,
201
+ RootProvider: () => AccordionRootProvider
202
+ });
203
+
204
+ //#endregion
205
+ export { accordion_exports as Accordion, AccordionContext, AccordionItem, AccordionItemContent, AccordionItemContext, AccordionItemIndicator, AccordionItemTrigger, AccordionRoot, AccordionRootProvider, accordionAnatomy, useAccordion, useAccordionContext, useAccordionItemContext };
@@ -0,0 +1,203 @@
1
+ const require_factory = require('../../factory-CfqPG186.cjs');
2
+ const require_create_context = require('../../create-context-DCEySQ7J.cjs');
3
+ const require_create_split_props = require('../../create-split-props-CSaOnJRj.cjs');
4
+ let react = require("react");
5
+ let react_jsx_runtime = require("react/jsx-runtime");
6
+ let __sprawlify_primitives_machines_angle_slider = require("@sprawlify/primitives/machines/angle-slider");
7
+ __sprawlify_primitives_machines_angle_slider = require_factory.__toESM(__sprawlify_primitives_machines_angle_slider);
8
+ let __sprawlify_primitives_core = require("@sprawlify/primitives/core");
9
+
10
+ //#region src/components/angle-slider/use-angle-slider-context.ts
11
+ const [AngleSliderProvider, useAngleSliderContext] = require_create_context.createContext({
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 = (0, react.forwardRef)((props, ref) => {
24
+ const mergedProps = (0, __sprawlify_primitives_core.mergeProps)(useAngleSliderContext().getControlProps(), props);
25
+ return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.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 = (0, react.forwardRef)((props, ref) => {
35
+ const mergedProps = (0, __sprawlify_primitives_core.mergeProps)(useAngleSliderContext().getHiddenInputProps(), props);
36
+ return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.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 = (0, react.forwardRef)((props, ref) => {
46
+ const mergedProps = (0, __sprawlify_primitives_core.mergeProps)(useAngleSliderContext().getLabelProps(), props);
47
+ return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.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 = require_create_split_props.createSplitProps();
57
+ const AngleSliderMarker = (0, react.forwardRef)((props, ref) => {
58
+ const [markerProps, localProps] = splitMarkerProps(props, ["value"]);
59
+ const mergedProps = (0, __sprawlify_primitives_core.mergeProps)(useAngleSliderContext().getMarkerProps(markerProps), localProps);
60
+ return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.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 = (0, react.forwardRef)((props, ref) => {
70
+ const mergedProps = (0, __sprawlify_primitives_core.mergeProps)(useAngleSliderContext().getMarkerGroupProps(), props);
71
+ return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.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 = (0, react.useId)();
82
+ const { getRootNode } = require_factory.useEnvironmentContext();
83
+ const { dir } = require_factory.useLocaleContext();
84
+ const machineProps = {
85
+ id,
86
+ dir,
87
+ getRootNode,
88
+ ...props
89
+ };
90
+ const service = require_factory.useMachine(__sprawlify_primitives_machines_angle_slider.machine, machineProps);
91
+ return __sprawlify_primitives_machines_angle_slider.connect(service, require_factory.normalizeProps);
92
+ };
93
+
94
+ //#endregion
95
+ //#region src/components/angle-slider/angle-slider-root.tsx
96
+ const splitRootProps = require_create_split_props.createSplitProps();
97
+ const AngleSliderRoot = (0, react.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 = useAngleSlider(useAngleSliderProps);
114
+ const mergedProps = (0, __sprawlify_primitives_core.mergeProps)(angleSlider.getRootProps(), localProps);
115
+ return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(AngleSliderProvider, {
116
+ value: angleSlider,
117
+ children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.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 = require_create_split_props.createSplitProps();
128
+ const AngleSliderRootProvider = (0, react.forwardRef)((props, ref) => {
129
+ const [{ value: angleSlider }, localProps] = splitRootProviderProps(props, ["value"]);
130
+ const mergedProps = (0, __sprawlify_primitives_core.mergeProps)(angleSlider.getRootProps(), localProps);
131
+ return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(AngleSliderProvider, {
132
+ value: angleSlider,
133
+ children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.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 = (0, react.forwardRef)((props, ref) => {
144
+ const mergedProps = (0, __sprawlify_primitives_core.mergeProps)(useAngleSliderContext().getThumbProps(), props);
145
+ return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.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 = (0, react.forwardRef)((props, ref) => {
155
+ const angleSlider = useAngleSliderContext();
156
+ return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.sprawlify.div, {
157
+ ...props,
158
+ ref,
159
+ children: props.children || angleSlider.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__ */ require_factory.__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
+ Object.defineProperty(exports, 'AngleSlider', {
181
+ enumerable: true,
182
+ get: function () {
183
+ return angle_slider_exports;
184
+ }
185
+ });
186
+ exports.AngleSliderContext = AngleSliderContext;
187
+ exports.AngleSliderControl = AngleSliderControl;
188
+ exports.AngleSliderHiddenInput = AngleSliderHiddenInput;
189
+ exports.AngleSliderLabel = AngleSliderLabel;
190
+ exports.AngleSliderMarker = AngleSliderMarker;
191
+ exports.AngleSliderMarkerGroup = AngleSliderMarkerGroup;
192
+ exports.AngleSliderRoot = AngleSliderRoot;
193
+ exports.AngleSliderRootProvider = AngleSliderRootProvider;
194
+ exports.AngleSliderThumb = AngleSliderThumb;
195
+ exports.AngleSliderValueText = AngleSliderValueText;
196
+ Object.defineProperty(exports, 'angleSliderAnatomy', {
197
+ enumerable: true,
198
+ get: function () {
199
+ return __sprawlify_primitives_machines_angle_slider.anatomy;
200
+ }
201
+ });
202
+ exports.useAngleSlider = useAngleSlider;
203
+ exports.useAngleSliderContext = useAngleSliderContext;
@@ -0,0 +1,72 @@
1
+ import { c as PropTypes, o as Assign, r as PolymorphicProps, s as Optional, t as HTMLProps } from "../../factory-D5qarvEF.cjs";
2
+ import * as react0 from "react";
3
+ import { ReactNode } from "react";
4
+ import * as angleSlider from "@sprawlify/primitives/machines/angle-slider";
5
+ import { MarkerProps, anatomy as angleSliderAnatomy } from "@sprawlify/primitives/machines/angle-slider";
6
+
7
+ //#region src/components/angle-slider/use-angle-slider.d.ts
8
+ interface UseAngleSliderProps extends Optional<Omit<angleSlider.Props, "dir" | "getRootNode">, "id"> {}
9
+ interface UseAngleSliderReturn extends angleSlider.Api<PropTypes> {}
10
+ declare const useAngleSlider: (props?: UseAngleSliderProps) => UseAngleSliderReturn;
11
+ //#endregion
12
+ //#region src/components/angle-slider/use-angle-slider-context.d.ts
13
+ interface UseAngleSliderContext extends UseAngleSliderReturn {}
14
+ //#endregion
15
+ //#region src/components/angle-slider/angle-slider-context.d.ts
16
+ interface AngleSliderContextProps {
17
+ children: (context: UseAngleSliderContext) => ReactNode;
18
+ }
19
+ declare const AngleSliderContext: (props: AngleSliderContextProps) => ReactNode;
20
+ //#endregion
21
+ //#region src/components/angle-slider/angle-slider-control.d.ts
22
+ interface AngleSliderControlBaseProps extends PolymorphicProps {}
23
+ interface AngleSliderControlProps extends HTMLProps<"div">, AngleSliderControlBaseProps {}
24
+ declare const AngleSliderControl: react0.ForwardRefExoticComponent<AngleSliderControlProps & react0.RefAttributes<HTMLDivElement>>;
25
+ //#endregion
26
+ //#region src/components/angle-slider/angle-slider-hidden-input.d.ts
27
+ interface AngleSliderHiddenInputBaseProps extends PolymorphicProps {}
28
+ interface AngleSliderHiddenInputProps extends HTMLProps<"input">, AngleSliderHiddenInputBaseProps {}
29
+ declare const AngleSliderHiddenInput: react0.ForwardRefExoticComponent<AngleSliderHiddenInputProps & react0.RefAttributes<HTMLInputElement>>;
30
+ //#endregion
31
+ //#region src/components/angle-slider/angle-slider-label.d.ts
32
+ interface AngleSliderLabelBaseProps extends PolymorphicProps {}
33
+ interface AngleSliderLabelProps extends HTMLProps<"span">, AngleSliderLabelBaseProps {}
34
+ declare const AngleSliderLabel: react0.ForwardRefExoticComponent<AngleSliderLabelProps & react0.RefAttributes<HTMLLabelElement>>;
35
+ //#endregion
36
+ //#region src/components/angle-slider/angle-slider-marker.d.ts
37
+ interface AngleSliderMarkerBaseProps extends MarkerProps, PolymorphicProps {}
38
+ interface AngleSliderMarkerProps extends Assign<HTMLProps<"div">, AngleSliderMarkerBaseProps> {}
39
+ declare const AngleSliderMarker: react0.ForwardRefExoticComponent<AngleSliderMarkerProps & react0.RefAttributes<HTMLDivElement>>;
40
+ //#endregion
41
+ //#region src/components/angle-slider/angle-slider-marker-group.d.ts
42
+ interface AngleSliderMarkerGroupBaseProps extends PolymorphicProps {}
43
+ interface AngleSliderMarkerGroupProps extends HTMLProps<"div">, AngleSliderMarkerGroupBaseProps {}
44
+ declare const AngleSliderMarkerGroup: react0.ForwardRefExoticComponent<AngleSliderMarkerGroupProps & react0.RefAttributes<HTMLDivElement>>;
45
+ //#endregion
46
+ //#region src/components/angle-slider/angle-slider-root.d.ts
47
+ interface AngleSliderRootBaseProps extends UseAngleSliderProps, PolymorphicProps {}
48
+ interface AngleSliderRootProps extends Assign<HTMLProps<"div">, AngleSliderRootBaseProps> {}
49
+ declare const AngleSliderRoot: react0.ForwardRefExoticComponent<AngleSliderRootProps & react0.RefAttributes<HTMLDivElement>>;
50
+ //#endregion
51
+ //#region src/components/angle-slider/angle-slider-root-provider.d.ts
52
+ interface RootProviderProps {
53
+ value: UseAngleSliderReturn;
54
+ }
55
+ interface AngleSliderRootProviderBaseProps extends RootProviderProps, PolymorphicProps {}
56
+ interface AngleSliderRootProviderProps extends HTMLProps<"div">, AngleSliderRootProviderBaseProps {}
57
+ declare const AngleSliderRootProvider: react0.ForwardRefExoticComponent<AngleSliderRootProviderProps & react0.RefAttributes<HTMLDivElement>>;
58
+ //#endregion
59
+ //#region src/components/angle-slider/angle-slider-thumb.d.ts
60
+ interface AngleSliderThumbBaseProps extends PolymorphicProps {}
61
+ interface AngleSliderThumbProps extends HTMLProps<"div">, AngleSliderThumbBaseProps {}
62
+ declare const AngleSliderThumb: react0.ForwardRefExoticComponent<AngleSliderThumbProps & react0.RefAttributes<HTMLDivElement>>;
63
+ //#endregion
64
+ //#region src/components/angle-slider/angle-slider-value-text.d.ts
65
+ interface AngleSliderValueTextBaseProps extends PolymorphicProps {}
66
+ interface AngleSliderValueTextProps extends HTMLProps<"div">, AngleSliderValueTextBaseProps {}
67
+ declare const AngleSliderValueText: react0.ForwardRefExoticComponent<AngleSliderValueTextProps & react0.RefAttributes<HTMLDivElement>>;
68
+ declare namespace angle_slider_d_exports {
69
+ export { AngleSliderContext as Context, AngleSliderContextProps as ContextProps, AngleSliderControl as Control, AngleSliderControlBaseProps as ControlBaseProps, AngleSliderControlProps as ControlProps, AngleSliderHiddenInput as HiddenInput, AngleSliderHiddenInputBaseProps as HiddenInputBaseProps, AngleSliderHiddenInputProps as HiddenInputProps, AngleSliderLabel as Label, AngleSliderLabelBaseProps as LabelBaseProps, AngleSliderLabelProps as LabelProps, AngleSliderMarker as Marker, AngleSliderMarkerBaseProps as MarkerBaseProps, AngleSliderMarkerGroup as MarkerGroup, AngleSliderMarkerGroupBaseProps as MarkerGroupBaseProps, AngleSliderMarkerGroupProps as MarkerGroupProps, AngleSliderMarkerProps as MarkerProps, AngleSliderRoot as Root, AngleSliderRootBaseProps as RootBaseProps, AngleSliderRootProps as RootProps, AngleSliderRootProvider as RootProvider, AngleSliderRootProviderBaseProps as RootProviderBaseProps, AngleSliderRootProviderProps as RootProviderProps, AngleSliderThumb as Thumb, AngleSliderThumbBaseProps as ThumbBaseProps, AngleSliderThumbProps as ThumbProps, AngleSliderValueText as ValueText, AngleSliderValueTextBaseProps as ValueTextBaseProps, AngleSliderValueTextProps as ValueTextProps };
70
+ }
71
+ //#endregion
72
+ export { angle_slider_d_exports as AngleSlider, AngleSliderContext, type AngleSliderContextProps, AngleSliderControl, type AngleSliderControlBaseProps, type AngleSliderControlProps, AngleSliderHiddenInput, type AngleSliderHiddenInputBaseProps, type AngleSliderHiddenInputProps, AngleSliderLabel, type AngleSliderLabelBaseProps, type AngleSliderLabelProps, AngleSliderMarker, type AngleSliderMarkerBaseProps, AngleSliderMarkerGroup, type AngleSliderMarkerGroupBaseProps, type AngleSliderMarkerGroupProps, type AngleSliderMarkerProps, AngleSliderRoot, type AngleSliderRootBaseProps, type AngleSliderRootProps, AngleSliderRootProvider, type AngleSliderRootProviderBaseProps, type AngleSliderRootProviderProps, AngleSliderThumb, type AngleSliderThumbBaseProps, type AngleSliderThumbProps, AngleSliderValueText, type AngleSliderValueTextBaseProps, type AngleSliderValueTextProps, type UseAngleSliderContext, type UseAngleSliderProps, type UseAngleSliderReturn, angleSliderAnatomy, useAngleSlider, useAngleSliderContext };
@@ -0,0 +1,72 @@
1
+ import { o as Assign, r as PolymorphicProps, s as Optional, t as HTMLProps, u as PropTypes } from "../../factory-CNfD9NVO.mjs";
2
+ import * as react0 from "react";
3
+ import { ReactNode } from "react";
4
+ import * as angleSlider from "@sprawlify/primitives/machines/angle-slider";
5
+ import { MarkerProps, anatomy as angleSliderAnatomy } from "@sprawlify/primitives/machines/angle-slider";
6
+
7
+ //#region src/components/angle-slider/use-angle-slider.d.ts
8
+ interface UseAngleSliderProps extends Optional<Omit<angleSlider.Props, "dir" | "getRootNode">, "id"> {}
9
+ interface UseAngleSliderReturn extends angleSlider.Api<PropTypes> {}
10
+ declare const useAngleSlider: (props?: UseAngleSliderProps) => UseAngleSliderReturn;
11
+ //#endregion
12
+ //#region src/components/angle-slider/use-angle-slider-context.d.ts
13
+ interface UseAngleSliderContext extends UseAngleSliderReturn {}
14
+ //#endregion
15
+ //#region src/components/angle-slider/angle-slider-context.d.ts
16
+ interface AngleSliderContextProps {
17
+ children: (context: UseAngleSliderContext) => ReactNode;
18
+ }
19
+ declare const AngleSliderContext: (props: AngleSliderContextProps) => ReactNode;
20
+ //#endregion
21
+ //#region src/components/angle-slider/angle-slider-control.d.ts
22
+ interface AngleSliderControlBaseProps extends PolymorphicProps {}
23
+ interface AngleSliderControlProps extends HTMLProps<"div">, AngleSliderControlBaseProps {}
24
+ declare const AngleSliderControl: react0.ForwardRefExoticComponent<AngleSliderControlProps & react0.RefAttributes<HTMLDivElement>>;
25
+ //#endregion
26
+ //#region src/components/angle-slider/angle-slider-hidden-input.d.ts
27
+ interface AngleSliderHiddenInputBaseProps extends PolymorphicProps {}
28
+ interface AngleSliderHiddenInputProps extends HTMLProps<"input">, AngleSliderHiddenInputBaseProps {}
29
+ declare const AngleSliderHiddenInput: react0.ForwardRefExoticComponent<AngleSliderHiddenInputProps & react0.RefAttributes<HTMLInputElement>>;
30
+ //#endregion
31
+ //#region src/components/angle-slider/angle-slider-label.d.ts
32
+ interface AngleSliderLabelBaseProps extends PolymorphicProps {}
33
+ interface AngleSliderLabelProps extends HTMLProps<"span">, AngleSliderLabelBaseProps {}
34
+ declare const AngleSliderLabel: react0.ForwardRefExoticComponent<AngleSliderLabelProps & react0.RefAttributes<HTMLLabelElement>>;
35
+ //#endregion
36
+ //#region src/components/angle-slider/angle-slider-marker.d.ts
37
+ interface AngleSliderMarkerBaseProps extends MarkerProps, PolymorphicProps {}
38
+ interface AngleSliderMarkerProps extends Assign<HTMLProps<"div">, AngleSliderMarkerBaseProps> {}
39
+ declare const AngleSliderMarker: react0.ForwardRefExoticComponent<AngleSliderMarkerProps & react0.RefAttributes<HTMLDivElement>>;
40
+ //#endregion
41
+ //#region src/components/angle-slider/angle-slider-marker-group.d.ts
42
+ interface AngleSliderMarkerGroupBaseProps extends PolymorphicProps {}
43
+ interface AngleSliderMarkerGroupProps extends HTMLProps<"div">, AngleSliderMarkerGroupBaseProps {}
44
+ declare const AngleSliderMarkerGroup: react0.ForwardRefExoticComponent<AngleSliderMarkerGroupProps & react0.RefAttributes<HTMLDivElement>>;
45
+ //#endregion
46
+ //#region src/components/angle-slider/angle-slider-root.d.ts
47
+ interface AngleSliderRootBaseProps extends UseAngleSliderProps, PolymorphicProps {}
48
+ interface AngleSliderRootProps extends Assign<HTMLProps<"div">, AngleSliderRootBaseProps> {}
49
+ declare const AngleSliderRoot: react0.ForwardRefExoticComponent<AngleSliderRootProps & react0.RefAttributes<HTMLDivElement>>;
50
+ //#endregion
51
+ //#region src/components/angle-slider/angle-slider-root-provider.d.ts
52
+ interface RootProviderProps {
53
+ value: UseAngleSliderReturn;
54
+ }
55
+ interface AngleSliderRootProviderBaseProps extends RootProviderProps, PolymorphicProps {}
56
+ interface AngleSliderRootProviderProps extends HTMLProps<"div">, AngleSliderRootProviderBaseProps {}
57
+ declare const AngleSliderRootProvider: react0.ForwardRefExoticComponent<AngleSliderRootProviderProps & react0.RefAttributes<HTMLDivElement>>;
58
+ //#endregion
59
+ //#region src/components/angle-slider/angle-slider-thumb.d.ts
60
+ interface AngleSliderThumbBaseProps extends PolymorphicProps {}
61
+ interface AngleSliderThumbProps extends HTMLProps<"div">, AngleSliderThumbBaseProps {}
62
+ declare const AngleSliderThumb: react0.ForwardRefExoticComponent<AngleSliderThumbProps & react0.RefAttributes<HTMLDivElement>>;
63
+ //#endregion
64
+ //#region src/components/angle-slider/angle-slider-value-text.d.ts
65
+ interface AngleSliderValueTextBaseProps extends PolymorphicProps {}
66
+ interface AngleSliderValueTextProps extends HTMLProps<"div">, AngleSliderValueTextBaseProps {}
67
+ declare const AngleSliderValueText: react0.ForwardRefExoticComponent<AngleSliderValueTextProps & react0.RefAttributes<HTMLDivElement>>;
68
+ declare namespace angle_slider_d_exports {
69
+ export { AngleSliderContext as Context, AngleSliderContextProps as ContextProps, AngleSliderControl as Control, AngleSliderControlBaseProps as ControlBaseProps, AngleSliderControlProps as ControlProps, AngleSliderHiddenInput as HiddenInput, AngleSliderHiddenInputBaseProps as HiddenInputBaseProps, AngleSliderHiddenInputProps as HiddenInputProps, AngleSliderLabel as Label, AngleSliderLabelBaseProps as LabelBaseProps, AngleSliderLabelProps as LabelProps, AngleSliderMarker as Marker, AngleSliderMarkerBaseProps as MarkerBaseProps, AngleSliderMarkerGroup as MarkerGroup, AngleSliderMarkerGroupBaseProps as MarkerGroupBaseProps, AngleSliderMarkerGroupProps as MarkerGroupProps, AngleSliderMarkerProps as MarkerProps, AngleSliderRoot as Root, AngleSliderRootBaseProps as RootBaseProps, AngleSliderRootProps as RootProps, AngleSliderRootProvider as RootProvider, AngleSliderRootProviderBaseProps as RootProviderBaseProps, AngleSliderRootProviderProps as RootProviderProps, AngleSliderThumb as Thumb, AngleSliderThumbBaseProps as ThumbBaseProps, AngleSliderThumbProps as ThumbProps, AngleSliderValueText as ValueText, AngleSliderValueTextBaseProps as ValueTextBaseProps, AngleSliderValueTextProps as ValueTextProps };
70
+ }
71
+ //#endregion
72
+ export { angle_slider_d_exports as AngleSlider, AngleSliderContext, type AngleSliderContextProps, AngleSliderControl, type AngleSliderControlBaseProps, type AngleSliderControlProps, AngleSliderHiddenInput, type AngleSliderHiddenInputBaseProps, type AngleSliderHiddenInputProps, AngleSliderLabel, type AngleSliderLabelBaseProps, type AngleSliderLabelProps, AngleSliderMarker, type AngleSliderMarkerBaseProps, AngleSliderMarkerGroup, type AngleSliderMarkerGroupBaseProps, type AngleSliderMarkerGroupProps, type AngleSliderMarkerProps, AngleSliderRoot, type AngleSliderRootBaseProps, type AngleSliderRootProps, AngleSliderRootProvider, type AngleSliderRootProviderBaseProps, type AngleSliderRootProviderProps, AngleSliderThumb, type AngleSliderThumbBaseProps, type AngleSliderThumbProps, AngleSliderValueText, type AngleSliderValueTextBaseProps, type AngleSliderValueTextProps, type UseAngleSliderContext, type UseAngleSliderProps, type UseAngleSliderReturn, angleSliderAnatomy, useAngleSlider, useAngleSliderContext };