@sprawlify/react 0.0.2 → 0.0.4
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/chunk-Be3lCSWa.mjs +18 -0
- package/dist/collapsible-uHsTDy9p.mjs +149 -0
- package/dist/collapsible-ztcYulwp.cjs +208 -0
- package/dist/components/accordion/index.cjs +226 -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 +204 -0
- package/dist/components/collapsible/index.cjs +25 -0
- package/dist/components/collapsible/index.d.cts +55 -0
- package/dist/components/collapsible/index.d.mts +55 -0
- package/dist/components/collapsible/index.mjs +5 -0
- package/dist/{utils-CVmRc1p7.mjs → create-context-C0L0yhLQ.mjs} +1 -2
- package/dist/{utils-DQoI5AQQ.cjs → create-context-DCEySQ7J.cjs} +1 -2
- package/dist/factory-B3Fr36su.d.cts +29 -0
- package/dist/factory-BV5hc6hz.d.mts +41 -0
- package/dist/factory-BvslhNMh.mjs +499 -0
- package/dist/factory-CfqPG186.cjs +616 -0
- package/dist/index.cjs +15 -536
- package/dist/index.d.cts +3 -28
- package/dist/index.d.mts +3 -40
- package/dist/index.mjs +3 -497
- package/dist/render-strategy-BfNJW1Xz.d.mts +9 -0
- package/dist/render-strategy-CErLP5e-.d.cts +8 -0
- package/dist/utils/index.cjs +4 -3
- package/dist/utils/index.d.cts +1 -1
- package/dist/utils/index.d.mts +1 -1
- package/dist/utils/index.mjs +2 -1
- package/dist/utils-Cb5K29pi.cjs +1 -0
- package/dist/utils-Q0vUJnHt.mjs +3 -0
- package/package.json +22 -2
- /package/dist/{index-D-QxCLG0.d.cts → index-Bk-VrHD9.d.cts} +0 -0
- /package/dist/{index-BbV54I7I.d.mts → index-lntzaDM3.d.mts} +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-BV5hc6hz.mjs";
|
|
2
|
+
import { t as RenderStrategyProps } from "../../render-strategy-BfNJW1Xz.mjs";
|
|
3
|
+
import * as react12 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: react12.ForwardRefExoticComponent<AccordionItemProps & react12.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: react12.ForwardRefExoticComponent<AccordionItemContentProps & react12.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: react12.ForwardRefExoticComponent<AccordionItemIndicatorProps & react12.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: react12.ForwardRefExoticComponent<AccordionItemTriggerProps & react12.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: react12.ForwardRefExoticComponent<AccordionRootProps & react12.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: react12.ForwardRefExoticComponent<AccordionRootProviderProps & react12.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,204 @@
|
|
|
1
|
+
import { t as __export } from "../../chunk-Be3lCSWa.mjs";
|
|
2
|
+
import { c as useEnvironmentContext, d as normalizeProps, f as useMachine, l as mergeProps, n as sprawlify, o as useLocaleContext } from "../../factory-BvslhNMh.mjs";
|
|
3
|
+
import { t as createContext$1 } from "../../create-context-C0L0yhLQ.mjs";
|
|
4
|
+
import { a as CollapsibleRoot, d as useCollapsibleContext, s as createSplitProps, u as CollapsibleContent } from "../../collapsible-uHsTDy9p.mjs";
|
|
5
|
+
import { forwardRef, useId } from "react";
|
|
6
|
+
import { jsx } from "react/jsx-runtime";
|
|
7
|
+
import * as accordion from "@sprawlify/primitives/machines/accordion";
|
|
8
|
+
import { anatomy as accordionAnatomy } from "@sprawlify/primitives/machines/accordion";
|
|
9
|
+
|
|
10
|
+
//#region src/components/accordion/use-accordion-context.ts
|
|
11
|
+
const [AccordionProvider, useAccordionContext] = createContext$1({
|
|
12
|
+
name: "AccordionContext",
|
|
13
|
+
hookName: "useAccordionContext",
|
|
14
|
+
providerName: "<AccordionProvider />"
|
|
15
|
+
});
|
|
16
|
+
|
|
17
|
+
//#endregion
|
|
18
|
+
//#region src/components/accordion/accordion-context.tsx
|
|
19
|
+
const AccordionContext = (props) => props.children(useAccordionContext());
|
|
20
|
+
|
|
21
|
+
//#endregion
|
|
22
|
+
//#region src/utils/render-strategy.ts
|
|
23
|
+
const [RenderStrategyPropsProvider, useRenderStrategyPropsContext] = createContext$1({
|
|
24
|
+
name: "RenderStrategyContext",
|
|
25
|
+
hookName: "useRenderStrategyContext",
|
|
26
|
+
providerName: "<RenderStrategyPropsProvider />"
|
|
27
|
+
});
|
|
28
|
+
const splitRenderStrategyProps = (props) => createSplitProps()(props, ["lazyMount", "unmountOnExit"]);
|
|
29
|
+
|
|
30
|
+
//#endregion
|
|
31
|
+
//#region src/components/accordion/use-accordion-item-context.ts
|
|
32
|
+
const [AccordionItemProvider, useAccordionItemContext] = createContext$1({
|
|
33
|
+
name: "AccordionItemContext",
|
|
34
|
+
hookName: "useAccordionItemContext",
|
|
35
|
+
providerName: "<AccordionItemProvider />"
|
|
36
|
+
});
|
|
37
|
+
|
|
38
|
+
//#endregion
|
|
39
|
+
//#region src/components/accordion/use-accordion-item-props-context.ts
|
|
40
|
+
const [AccordionItemPropsProvider, useAccordionItemPropsContext] = createContext$1({
|
|
41
|
+
name: "AccordionItemPropsContext",
|
|
42
|
+
hookName: "useAccordionItemPropsContext",
|
|
43
|
+
providerName: "<AccordionItemPropsProvider />"
|
|
44
|
+
});
|
|
45
|
+
|
|
46
|
+
//#endregion
|
|
47
|
+
//#region src/components/accordion/accordion-item.tsx
|
|
48
|
+
const splitItemProps = createSplitProps();
|
|
49
|
+
const AccordionItem = forwardRef((props, ref) => {
|
|
50
|
+
const [itemProps, localProps] = splitItemProps(props, ["value", "disabled"]);
|
|
51
|
+
const accordion$1 = useAccordionContext();
|
|
52
|
+
const renderStrategy = useRenderStrategyPropsContext();
|
|
53
|
+
const mergedProps = mergeProps(accordion$1.getItemProps(itemProps), localProps);
|
|
54
|
+
const item = accordion$1.getItemState(itemProps);
|
|
55
|
+
const itemContentProps = accordion$1.getItemContentProps(itemProps);
|
|
56
|
+
return /* @__PURE__ */ jsx(AccordionItemPropsProvider, {
|
|
57
|
+
value: itemProps,
|
|
58
|
+
children: /* @__PURE__ */ jsx(AccordionItemProvider, {
|
|
59
|
+
value: item,
|
|
60
|
+
children: /* @__PURE__ */ jsx(CollapsibleRoot, {
|
|
61
|
+
ref,
|
|
62
|
+
open: item.expanded,
|
|
63
|
+
ids: { content: itemContentProps.id },
|
|
64
|
+
...renderStrategy,
|
|
65
|
+
...mergedProps
|
|
66
|
+
})
|
|
67
|
+
})
|
|
68
|
+
});
|
|
69
|
+
});
|
|
70
|
+
AccordionItem.displayName = "AccordionItem";
|
|
71
|
+
|
|
72
|
+
//#endregion
|
|
73
|
+
//#region src/components/accordion/accordion-item-content.tsx
|
|
74
|
+
const splitVisibilityProps = createSplitProps();
|
|
75
|
+
const AccordionItemContent = forwardRef((props, ref) => {
|
|
76
|
+
const accordion$1 = useAccordionContext();
|
|
77
|
+
const itemProps = useAccordionItemPropsContext();
|
|
78
|
+
const [, itemContentProps] = splitVisibilityProps(accordion$1.getItemContentProps(itemProps), ["hidden", "data-state"]);
|
|
79
|
+
const mergedProps = mergeProps(itemContentProps, props);
|
|
80
|
+
return /* @__PURE__ */ jsx(CollapsibleContent, {
|
|
81
|
+
ref,
|
|
82
|
+
...mergedProps
|
|
83
|
+
});
|
|
84
|
+
});
|
|
85
|
+
AccordionItemContent.displayName = "AccordionItemContent";
|
|
86
|
+
|
|
87
|
+
//#endregion
|
|
88
|
+
//#region src/components/accordion/accordion-item-context.tsx
|
|
89
|
+
const AccordionItemContext = (props) => props.children(useAccordionItemContext());
|
|
90
|
+
|
|
91
|
+
//#endregion
|
|
92
|
+
//#region src/components/accordion/accordion-item-indicator.tsx
|
|
93
|
+
const AccordionItemIndicator = forwardRef((props, ref) => {
|
|
94
|
+
const accordion$1 = useAccordionContext();
|
|
95
|
+
const itemProps = useAccordionItemPropsContext();
|
|
96
|
+
const mergedProps = mergeProps(accordion$1.getItemIndicatorProps(itemProps), props);
|
|
97
|
+
return /* @__PURE__ */ jsx(sprawlify.div, {
|
|
98
|
+
...mergedProps,
|
|
99
|
+
ref
|
|
100
|
+
});
|
|
101
|
+
});
|
|
102
|
+
AccordionItemIndicator.displayName = "AccordionItemIndicator";
|
|
103
|
+
|
|
104
|
+
//#endregion
|
|
105
|
+
//#region src/components/accordion/accordion-item-trigger.tsx
|
|
106
|
+
const AccordionItemTrigger = forwardRef((props, ref) => {
|
|
107
|
+
const accordion$1 = useAccordionContext();
|
|
108
|
+
const itemProps = useAccordionItemPropsContext();
|
|
109
|
+
const collapsible = useCollapsibleContext();
|
|
110
|
+
const triggerProps = accordion$1.getItemTriggerProps(itemProps);
|
|
111
|
+
const mergedProps = mergeProps({
|
|
112
|
+
...triggerProps,
|
|
113
|
+
"aria-controls": collapsible.isUnmounted ? void 0 : triggerProps["aria-controls"]
|
|
114
|
+
}, props);
|
|
115
|
+
return /* @__PURE__ */ jsx(sprawlify.button, {
|
|
116
|
+
...mergedProps,
|
|
117
|
+
ref
|
|
118
|
+
});
|
|
119
|
+
});
|
|
120
|
+
AccordionItemTrigger.displayName = "AccordionItemTrigger";
|
|
121
|
+
|
|
122
|
+
//#endregion
|
|
123
|
+
//#region src/components/accordion/use-accordion.ts
|
|
124
|
+
const useAccordion = (props) => {
|
|
125
|
+
const id = useId();
|
|
126
|
+
const { getRootNode } = useEnvironmentContext();
|
|
127
|
+
const { dir } = useLocaleContext();
|
|
128
|
+
const machineProps = {
|
|
129
|
+
id,
|
|
130
|
+
dir,
|
|
131
|
+
getRootNode,
|
|
132
|
+
...props
|
|
133
|
+
};
|
|
134
|
+
const service = useMachine(accordion.machine, machineProps);
|
|
135
|
+
return accordion.connect(service, normalizeProps);
|
|
136
|
+
};
|
|
137
|
+
|
|
138
|
+
//#endregion
|
|
139
|
+
//#region src/components/accordion/accordion-root.tsx
|
|
140
|
+
const splitRootProps = createSplitProps();
|
|
141
|
+
const AccordionRoot = forwardRef((props, ref) => {
|
|
142
|
+
const [renderStrategyProps, accordionProps] = splitRenderStrategyProps(props);
|
|
143
|
+
const [useAccordionProps, localProps] = splitRootProps(accordionProps, [
|
|
144
|
+
"collapsible",
|
|
145
|
+
"defaultValue",
|
|
146
|
+
"disabled",
|
|
147
|
+
"id",
|
|
148
|
+
"ids",
|
|
149
|
+
"multiple",
|
|
150
|
+
"onFocusChange",
|
|
151
|
+
"onValueChange",
|
|
152
|
+
"orientation",
|
|
153
|
+
"value"
|
|
154
|
+
]);
|
|
155
|
+
const accordion$1 = useAccordion(useAccordionProps);
|
|
156
|
+
const mergedProps = mergeProps(accordion$1.getRootProps(), localProps);
|
|
157
|
+
return /* @__PURE__ */ jsx(AccordionProvider, {
|
|
158
|
+
value: accordion$1,
|
|
159
|
+
children: /* @__PURE__ */ jsx(RenderStrategyPropsProvider, {
|
|
160
|
+
value: renderStrategyProps,
|
|
161
|
+
children: /* @__PURE__ */ jsx(sprawlify.div, {
|
|
162
|
+
...mergedProps,
|
|
163
|
+
ref
|
|
164
|
+
})
|
|
165
|
+
})
|
|
166
|
+
});
|
|
167
|
+
});
|
|
168
|
+
AccordionRoot.displayName = "AccordionRoot";
|
|
169
|
+
|
|
170
|
+
//#endregion
|
|
171
|
+
//#region src/components/accordion/accordion-root-provider.tsx
|
|
172
|
+
const splitRootProviderProps = createSplitProps();
|
|
173
|
+
const AccordionRootProvider = forwardRef((props, ref) => {
|
|
174
|
+
const [renderStrategyProps, accordionProps] = splitRenderStrategyProps(props);
|
|
175
|
+
const [{ value: accordion$1 }, localProps] = splitRootProviderProps(accordionProps, ["value"]);
|
|
176
|
+
const mergedProps = mergeProps(accordion$1.getRootProps(), localProps);
|
|
177
|
+
return /* @__PURE__ */ jsx(AccordionProvider, {
|
|
178
|
+
value: accordion$1,
|
|
179
|
+
children: /* @__PURE__ */ jsx(RenderStrategyPropsProvider, {
|
|
180
|
+
value: renderStrategyProps,
|
|
181
|
+
children: /* @__PURE__ */ jsx(sprawlify.div, {
|
|
182
|
+
...mergedProps,
|
|
183
|
+
ref
|
|
184
|
+
})
|
|
185
|
+
})
|
|
186
|
+
});
|
|
187
|
+
});
|
|
188
|
+
AccordionRootProvider.displayName = "AccordionRootProvider";
|
|
189
|
+
|
|
190
|
+
//#endregion
|
|
191
|
+
//#region src/components/accordion/accordion.ts
|
|
192
|
+
var accordion_exports = /* @__PURE__ */ __export({
|
|
193
|
+
Context: () => AccordionContext,
|
|
194
|
+
Item: () => AccordionItem,
|
|
195
|
+
ItemContent: () => AccordionItemContent,
|
|
196
|
+
ItemContext: () => AccordionItemContext,
|
|
197
|
+
ItemIndicator: () => AccordionItemIndicator,
|
|
198
|
+
ItemTrigger: () => AccordionItemTrigger,
|
|
199
|
+
Root: () => AccordionRoot,
|
|
200
|
+
RootProvider: () => AccordionRootProvider
|
|
201
|
+
});
|
|
202
|
+
|
|
203
|
+
//#endregion
|
|
204
|
+
export { accordion_exports as Accordion, AccordionContext, AccordionItem, AccordionItemContent, AccordionItemContext, AccordionItemIndicator, AccordionItemTrigger, AccordionRoot, AccordionRootProvider, accordionAnatomy, useAccordion, useAccordionContext, useAccordionItemContext };
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
const require_factory = require('../../factory-CfqPG186.cjs');
|
|
2
|
+
require('../../create-context-DCEySQ7J.cjs');
|
|
3
|
+
const require_collapsible = require('../../collapsible-ztcYulwp.cjs');
|
|
4
|
+
let __sprawlify_primitives_machines_collapsible = require("@sprawlify/primitives/machines/collapsible");
|
|
5
|
+
|
|
6
|
+
Object.defineProperty(exports, 'Collapsible', {
|
|
7
|
+
enumerable: true,
|
|
8
|
+
get: function () {
|
|
9
|
+
return require_collapsible.collapsible_exports;
|
|
10
|
+
}
|
|
11
|
+
});
|
|
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;
|
|
18
|
+
Object.defineProperty(exports, 'collapsibleAnatomy', {
|
|
19
|
+
enumerable: true,
|
|
20
|
+
get: function () {
|
|
21
|
+
return __sprawlify_primitives_machines_collapsible.anatomy;
|
|
22
|
+
}
|
|
23
|
+
});
|
|
24
|
+
exports.useCollapsible = require_collapsible.useCollapsible;
|
|
25
|
+
exports.useCollapsibleContext = require_collapsible.useCollapsibleContext;
|
|
@@ -0,0 +1,55 @@
|
|
|
1
|
+
import { n as __export, t as RenderStrategyProps } from "../../render-strategy-CErLP5e-.cjs";
|
|
2
|
+
import { c as PropTypes, r as PolymorphicProps, s as Optional, t as HTMLProps } from "../../factory-B3Fr36su.cjs";
|
|
3
|
+
import * as react0 from "react";
|
|
4
|
+
import { ReactNode } from "react";
|
|
5
|
+
import * as collapsible from "@sprawlify/primitives/machines/collapsible";
|
|
6
|
+
import { OpenChangeDetails, OpenChangeDetails as CollapsibleOpenChangeDetails, anatomy as collapsibleAnatomy } from "@sprawlify/primitives/machines/collapsible";
|
|
7
|
+
|
|
8
|
+
//#region src/components/collapsible/collapsible-content.d.ts
|
|
9
|
+
interface CollapsibleContentBaseProps extends PolymorphicProps {}
|
|
10
|
+
interface CollapsibleContentProps extends HTMLProps<"div">, CollapsibleContentBaseProps {}
|
|
11
|
+
declare const CollapsibleContent: react0.ForwardRefExoticComponent<CollapsibleContentProps & react0.RefAttributes<HTMLDivElement>>;
|
|
12
|
+
//#endregion
|
|
13
|
+
//#region src/components/collapsible/use-collapsible.d.ts
|
|
14
|
+
interface UseCollapsibleProps extends Optional<Omit<collapsible.Props, "dir" | "getRootNode">, "id">, RenderStrategyProps {}
|
|
15
|
+
interface UseCollapsibleReturn extends collapsible.Api<PropTypes> {
|
|
16
|
+
isUnmounted?: boolean | undefined;
|
|
17
|
+
}
|
|
18
|
+
declare const useCollapsible: (props?: UseCollapsibleProps) => UseCollapsibleReturn;
|
|
19
|
+
//#endregion
|
|
20
|
+
//#region src/components/collapsible/use-collapsible-context.d.ts
|
|
21
|
+
interface UseCollapsibleContext extends UseCollapsibleReturn {}
|
|
22
|
+
//#endregion
|
|
23
|
+
//#region src/components/collapsible/collapsible-context.d.ts
|
|
24
|
+
interface CollapsibleContextProps {
|
|
25
|
+
children: (context: UseCollapsibleContext) => ReactNode;
|
|
26
|
+
}
|
|
27
|
+
declare const CollapsibleContext: (props: CollapsibleContextProps) => ReactNode;
|
|
28
|
+
//#endregion
|
|
29
|
+
//#region src/components/collapsible/collapsible-indicator.d.ts
|
|
30
|
+
interface CollapsibleIndicatorBaseProps extends PolymorphicProps {}
|
|
31
|
+
interface CollapsibleIndicatorProps extends HTMLProps<"div">, CollapsibleIndicatorBaseProps {}
|
|
32
|
+
declare const CollapsibleIndicator: react0.ForwardRefExoticComponent<CollapsibleIndicatorProps & react0.RefAttributes<HTMLDivElement>>;
|
|
33
|
+
//#endregion
|
|
34
|
+
//#region src/components/collapsible/collapsible-root.d.ts
|
|
35
|
+
interface CollapsibleRootBaseProps extends UseCollapsibleProps, PolymorphicProps {}
|
|
36
|
+
interface CollapsibleRootProps extends HTMLProps<"div">, CollapsibleRootBaseProps {}
|
|
37
|
+
declare const CollapsibleRoot: react0.ForwardRefExoticComponent<CollapsibleRootProps & react0.RefAttributes<HTMLDivElement>>;
|
|
38
|
+
//#endregion
|
|
39
|
+
//#region src/components/collapsible/collapsible-root-provider.d.ts
|
|
40
|
+
interface RootProviderProps {
|
|
41
|
+
value: UseCollapsibleReturn;
|
|
42
|
+
}
|
|
43
|
+
interface CollapsibleRootProviderBaseProps extends RootProviderProps, PolymorphicProps {}
|
|
44
|
+
interface CollapsibleRootProviderProps extends HTMLProps<"div">, CollapsibleRootProviderBaseProps {}
|
|
45
|
+
declare const CollapsibleRootProvider: react0.ForwardRefExoticComponent<CollapsibleRootProviderProps & react0.RefAttributes<HTMLDivElement>>;
|
|
46
|
+
//#endregion
|
|
47
|
+
//#region src/components/collapsible/collapsible-trigger.d.ts
|
|
48
|
+
interface CollapsibleTriggerBaseProps extends PolymorphicProps {}
|
|
49
|
+
interface CollapsibleTriggerProps extends HTMLProps<"button">, CollapsibleTriggerBaseProps {}
|
|
50
|
+
declare const CollapsibleTrigger: react0.ForwardRefExoticComponent<CollapsibleTriggerProps & react0.RefAttributes<HTMLButtonElement>>;
|
|
51
|
+
declare namespace collapsible_d_exports {
|
|
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 };
|
|
53
|
+
}
|
|
54
|
+
//#endregion
|
|
55
|
+
export { collapsible_d_exports as Collapsible, CollapsibleContent, type CollapsibleContentBaseProps, type CollapsibleContentProps, CollapsibleContext, type CollapsibleContextProps, CollapsibleIndicator, type CollapsibleIndicatorBaseProps, type CollapsibleIndicatorProps, type CollapsibleOpenChangeDetails, CollapsibleRoot, type CollapsibleRootBaseProps, type CollapsibleRootProps, CollapsibleRootProvider, type CollapsibleRootProviderBaseProps, type CollapsibleRootProviderProps, CollapsibleTrigger, type CollapsibleTriggerBaseProps, type CollapsibleTriggerProps, type UseCollapsibleContext, type UseCollapsibleProps, type UseCollapsibleReturn, collapsibleAnatomy, useCollapsible, useCollapsibleContext };
|
|
@@ -0,0 +1,55 @@
|
|
|
1
|
+
import { r as PolymorphicProps, s as Optional, t as HTMLProps, u as PropTypes } from "../../factory-BV5hc6hz.mjs";
|
|
2
|
+
import { t as RenderStrategyProps } from "../../render-strategy-BfNJW1Xz.mjs";
|
|
3
|
+
import * as react3 from "react";
|
|
4
|
+
import { ReactNode } from "react";
|
|
5
|
+
import * as collapsible from "@sprawlify/primitives/machines/collapsible";
|
|
6
|
+
import { OpenChangeDetails, OpenChangeDetails as CollapsibleOpenChangeDetails, anatomy as collapsibleAnatomy } from "@sprawlify/primitives/machines/collapsible";
|
|
7
|
+
|
|
8
|
+
//#region src/components/collapsible/collapsible-content.d.ts
|
|
9
|
+
interface CollapsibleContentBaseProps extends PolymorphicProps {}
|
|
10
|
+
interface CollapsibleContentProps extends HTMLProps<"div">, CollapsibleContentBaseProps {}
|
|
11
|
+
declare const CollapsibleContent: react3.ForwardRefExoticComponent<CollapsibleContentProps & react3.RefAttributes<HTMLDivElement>>;
|
|
12
|
+
//#endregion
|
|
13
|
+
//#region src/components/collapsible/use-collapsible.d.ts
|
|
14
|
+
interface UseCollapsibleProps extends Optional<Omit<collapsible.Props, "dir" | "getRootNode">, "id">, RenderStrategyProps {}
|
|
15
|
+
interface UseCollapsibleReturn extends collapsible.Api<PropTypes> {
|
|
16
|
+
isUnmounted?: boolean | undefined;
|
|
17
|
+
}
|
|
18
|
+
declare const useCollapsible: (props?: UseCollapsibleProps) => UseCollapsibleReturn;
|
|
19
|
+
//#endregion
|
|
20
|
+
//#region src/components/collapsible/use-collapsible-context.d.ts
|
|
21
|
+
interface UseCollapsibleContext extends UseCollapsibleReturn {}
|
|
22
|
+
//#endregion
|
|
23
|
+
//#region src/components/collapsible/collapsible-context.d.ts
|
|
24
|
+
interface CollapsibleContextProps {
|
|
25
|
+
children: (context: UseCollapsibleContext) => ReactNode;
|
|
26
|
+
}
|
|
27
|
+
declare const CollapsibleContext: (props: CollapsibleContextProps) => ReactNode;
|
|
28
|
+
//#endregion
|
|
29
|
+
//#region src/components/collapsible/collapsible-indicator.d.ts
|
|
30
|
+
interface CollapsibleIndicatorBaseProps extends PolymorphicProps {}
|
|
31
|
+
interface CollapsibleIndicatorProps extends HTMLProps<"div">, CollapsibleIndicatorBaseProps {}
|
|
32
|
+
declare const CollapsibleIndicator: react3.ForwardRefExoticComponent<CollapsibleIndicatorProps & react3.RefAttributes<HTMLDivElement>>;
|
|
33
|
+
//#endregion
|
|
34
|
+
//#region src/components/collapsible/collapsible-root.d.ts
|
|
35
|
+
interface CollapsibleRootBaseProps extends UseCollapsibleProps, PolymorphicProps {}
|
|
36
|
+
interface CollapsibleRootProps extends HTMLProps<"div">, CollapsibleRootBaseProps {}
|
|
37
|
+
declare const CollapsibleRoot: react3.ForwardRefExoticComponent<CollapsibleRootProps & react3.RefAttributes<HTMLDivElement>>;
|
|
38
|
+
//#endregion
|
|
39
|
+
//#region src/components/collapsible/collapsible-root-provider.d.ts
|
|
40
|
+
interface RootProviderProps {
|
|
41
|
+
value: UseCollapsibleReturn;
|
|
42
|
+
}
|
|
43
|
+
interface CollapsibleRootProviderBaseProps extends RootProviderProps, PolymorphicProps {}
|
|
44
|
+
interface CollapsibleRootProviderProps extends HTMLProps<"div">, CollapsibleRootProviderBaseProps {}
|
|
45
|
+
declare const CollapsibleRootProvider: react3.ForwardRefExoticComponent<CollapsibleRootProviderProps & react3.RefAttributes<HTMLDivElement>>;
|
|
46
|
+
//#endregion
|
|
47
|
+
//#region src/components/collapsible/collapsible-trigger.d.ts
|
|
48
|
+
interface CollapsibleTriggerBaseProps extends PolymorphicProps {}
|
|
49
|
+
interface CollapsibleTriggerProps extends HTMLProps<"button">, CollapsibleTriggerBaseProps {}
|
|
50
|
+
declare const CollapsibleTrigger: react3.ForwardRefExoticComponent<CollapsibleTriggerProps & react3.RefAttributes<HTMLButtonElement>>;
|
|
51
|
+
declare namespace collapsible_d_exports {
|
|
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 };
|
|
53
|
+
}
|
|
54
|
+
//#endregion
|
|
55
|
+
export { collapsible_d_exports as Collapsible, CollapsibleContent, type CollapsibleContentBaseProps, type CollapsibleContentProps, CollapsibleContext, type CollapsibleContextProps, CollapsibleIndicator, type CollapsibleIndicatorBaseProps, type CollapsibleIndicatorProps, type CollapsibleOpenChangeDetails, CollapsibleRoot, type CollapsibleRootBaseProps, type CollapsibleRootProps, CollapsibleRootProvider, type CollapsibleRootProviderBaseProps, type CollapsibleRootProviderProps, CollapsibleTrigger, type CollapsibleTriggerBaseProps, type CollapsibleTriggerProps, type UseCollapsibleContext, type UseCollapsibleProps, type UseCollapsibleReturn, collapsibleAnatomy, useCollapsible, useCollapsibleContext };
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import "../../factory-BvslhNMh.mjs";
|
|
2
|
+
import "../../create-context-C0L0yhLQ.mjs";
|
|
3
|
+
import { a as CollapsibleRoot, c as CollapsibleIndicator, d as useCollapsibleContext, i as CollapsibleRootProvider, l as CollapsibleContext, n as collapsibleAnatomy, o as useCollapsible, r as CollapsibleTrigger, t as collapsible_exports, u as CollapsibleContent } from "../../collapsible-uHsTDy9p.mjs";
|
|
4
|
+
|
|
5
|
+
export { collapsible_exports as Collapsible, CollapsibleContent, CollapsibleContext, CollapsibleIndicator, CollapsibleRoot, CollapsibleRootProvider, CollapsibleTrigger, collapsibleAnatomy, useCollapsible, useCollapsibleContext };
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
import { mergeProps as mergeProps$1 } from "@sprawlify/primitives/core";
|
|
2
1
|
import { hasProp, isFunction } from "@sprawlify/primitives/utils";
|
|
3
2
|
import { createContext, useContext } from "react";
|
|
4
3
|
|
|
@@ -28,4 +27,4 @@ function createContext$1(options = {}) {
|
|
|
28
27
|
}
|
|
29
28
|
|
|
30
29
|
//#endregion
|
|
31
|
-
export { createContext$1 as
|
|
30
|
+
export { createContext$1 as t };
|
|
@@ -1,5 +1,4 @@
|
|
|
1
|
-
const
|
|
2
|
-
let __sprawlify_primitives_core = require("@sprawlify/primitives/core");
|
|
1
|
+
const require_factory = require('./factory-CfqPG186.cjs');
|
|
3
2
|
let __sprawlify_primitives_utils = require("@sprawlify/primitives/utils");
|
|
4
3
|
let react = require("react");
|
|
5
4
|
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import React, { CSSProperties, ComponentPropsWithoutRef, HTMLAttributes, JSX } from "react";
|
|
2
|
+
import * as _sprawlify_primitives_types0 from "@sprawlify/primitives/types";
|
|
3
|
+
|
|
4
|
+
//#region src/core/normalize-props.d.ts
|
|
5
|
+
type WithoutRef<T> = Omit<T, "ref">;
|
|
6
|
+
type ElementsWithoutRef = { [K in keyof JSX.IntrinsicElements]: WithoutRef<JSX.IntrinsicElements[K]> };
|
|
7
|
+
type PropTypes = ElementsWithoutRef & {
|
|
8
|
+
element: WithoutRef<HTMLAttributes<HTMLElement>>;
|
|
9
|
+
style: CSSProperties;
|
|
10
|
+
};
|
|
11
|
+
declare const normalizeProps: _sprawlify_primitives_types0.NormalizeProps<PropTypes>;
|
|
12
|
+
//#endregion
|
|
13
|
+
//#region src/types.d.ts
|
|
14
|
+
type Assign<T, U> = Omit<T, keyof U> & U;
|
|
15
|
+
type Optional<T, K$1 extends keyof T> = Pick<Partial<T>, K$1> & Omit<T, K$1>;
|
|
16
|
+
//#endregion
|
|
17
|
+
//#region src/components/factory.d.ts
|
|
18
|
+
interface PolymorphicProps {
|
|
19
|
+
asChild?: boolean | undefined;
|
|
20
|
+
}
|
|
21
|
+
type JsxElements = { [E in keyof JSX.IntrinsicElements]: SprawlifyForwardRefComponent<E> };
|
|
22
|
+
type SprawlifyForwardRefComponent<E$1 extends React.ElementType> = React.ForwardRefExoticComponent<SprawlifyPropsWithRef<E$1>>;
|
|
23
|
+
type SprawlifyPropsWithRef<E$1 extends React.ElementType> = React.ComponentPropsWithRef<E$1> & PolymorphicProps;
|
|
24
|
+
type HTMLProps<T extends keyof JSX.IntrinsicElements> = ComponentPropsWithoutRef<T>;
|
|
25
|
+
type HTMLSprawlifyProps<T extends keyof JSX.IntrinsicElements> = HTMLProps<T> & PolymorphicProps;
|
|
26
|
+
declare const jsxFactory: () => JsxElements;
|
|
27
|
+
declare const sprawlify: JsxElements;
|
|
28
|
+
//#endregion
|
|
29
|
+
export { sprawlify as a, PropTypes as c, jsxFactory as i, normalizeProps as l, HTMLSprawlifyProps as n, Assign as o, PolymorphicProps as r, Optional as s, HTMLProps as t };
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
import { Machine, MachineSchema, Service } from "@sprawlify/primitives/core";
|
|
2
|
+
import React, { CSSProperties, ComponentPropsWithoutRef, HTMLAttributes, JSX, PropsWithChildren, RefObject } from "react";
|
|
3
|
+
import * as _sprawlify_primitives_types0 from "@sprawlify/primitives/types";
|
|
4
|
+
|
|
5
|
+
//#region src/core/machine.d.ts
|
|
6
|
+
declare function useMachine<T extends MachineSchema>(machine: Machine<T>, userProps?: Partial<T["props"]>): Service<T>;
|
|
7
|
+
//#endregion
|
|
8
|
+
//#region src/core/normalize-props.d.ts
|
|
9
|
+
type WithoutRef<T> = Omit<T, "ref">;
|
|
10
|
+
type ElementsWithoutRef = { [K in keyof JSX.IntrinsicElements]: WithoutRef<JSX.IntrinsicElements[K]> };
|
|
11
|
+
type PropTypes = ElementsWithoutRef & {
|
|
12
|
+
element: WithoutRef<HTMLAttributes<HTMLElement>>;
|
|
13
|
+
style: CSSProperties;
|
|
14
|
+
};
|
|
15
|
+
declare const normalizeProps: _sprawlify_primitives_types0.NormalizeProps<PropTypes>;
|
|
16
|
+
//#endregion
|
|
17
|
+
//#region src/core/portal.d.ts
|
|
18
|
+
interface PortalProps {
|
|
19
|
+
disabled?: boolean | undefined;
|
|
20
|
+
container?: RefObject<HTMLElement> | undefined;
|
|
21
|
+
getRootNode?: (() => ShadowRoot | Document | Node) | undefined;
|
|
22
|
+
}
|
|
23
|
+
declare const Portal: (props: PropsWithChildren<PortalProps>) => JSX.Element;
|
|
24
|
+
//#endregion
|
|
25
|
+
//#region src/types.d.ts
|
|
26
|
+
type Assign<T, U> = Omit<T, keyof U> & U;
|
|
27
|
+
type Optional<T, K$1 extends keyof T> = Pick<Partial<T>, K$1> & Omit<T, K$1>;
|
|
28
|
+
//#endregion
|
|
29
|
+
//#region src/components/factory.d.ts
|
|
30
|
+
interface PolymorphicProps {
|
|
31
|
+
asChild?: boolean | undefined;
|
|
32
|
+
}
|
|
33
|
+
type JsxElements = { [E in keyof JSX.IntrinsicElements]: SprawlifyForwardRefComponent<E> };
|
|
34
|
+
type SprawlifyForwardRefComponent<E$1 extends React.ElementType> = React.ForwardRefExoticComponent<SprawlifyPropsWithRef<E$1>>;
|
|
35
|
+
type SprawlifyPropsWithRef<E$1 extends React.ElementType> = React.ComponentPropsWithRef<E$1> & PolymorphicProps;
|
|
36
|
+
type HTMLProps<T extends keyof JSX.IntrinsicElements> = ComponentPropsWithoutRef<T>;
|
|
37
|
+
type HTMLSprawlifyProps<T extends keyof JSX.IntrinsicElements> = HTMLProps<T> & PolymorphicProps;
|
|
38
|
+
declare const jsxFactory: () => JsxElements;
|
|
39
|
+
declare const sprawlify: JsxElements;
|
|
40
|
+
//#endregion
|
|
41
|
+
export { sprawlify as a, Portal as c, normalizeProps as d, useMachine as f, jsxFactory as i, PortalProps as l, HTMLSprawlifyProps as n, Assign as o, PolymorphicProps as r, Optional as s, HTMLProps as t, PropTypes as u };
|