@wirekyt/react 0.0.1 → 0.0.2
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/accordion.cjs +209 -0
- package/dist/accordion.d.cts +69 -0
- package/dist/accordion.d.ts +69 -0
- package/dist/accordion.js +184 -0
- package/dist/angle-slider.cjs +193 -0
- package/dist/angle-slider.d.cts +73 -0
- package/dist/angle-slider.d.ts +73 -0
- package/dist/angle-slider.js +168 -0
- package/dist/avatar.cjs +120 -0
- package/dist/avatar.d.cts +48 -0
- package/dist/avatar.d.ts +48 -0
- package/dist/avatar.js +100 -0
- package/dist/carousel.cjs +246 -0
- package/dist/carousel.d.cts +94 -0
- package/dist/carousel.d.ts +94 -0
- package/dist/carousel.js +223 -0
- package/dist/checkbox.cjs +284 -0
- package/dist/checkbox.d.cts +115 -0
- package/dist/checkbox.d.ts +115 -0
- package/dist/checkbox.js +263 -0
- package/dist/client-only.cjs +12 -0
- package/dist/client-only.d.cts +8 -0
- package/dist/client-only.d.ts +8 -0
- package/dist/client-only.js +11 -0
- package/dist/clipboard.cjs +174 -0
- package/dist/clipboard.d.cts +70 -0
- package/dist/clipboard.d.ts +70 -0
- package/dist/clipboard.js +150 -0
- package/dist/collapsible-B62i_oPJ.cjs +185 -0
- package/dist/collapsible-CiTNjCNf.js +131 -0
- package/dist/collapsible.cjs +23 -0
- package/dist/collapsible.d.cts +56 -0
- package/dist/collapsible.d.ts +56 -0
- package/dist/collapsible.js +2 -0
- package/dist/collection-BFjWNdUS.cjs +223 -0
- package/dist/collection-BJOl6a4H.js +180 -0
- package/dist/collection.cjs +9 -0
- package/dist/collection.d.cts +2 -0
- package/dist/collection.d.ts +2 -0
- package/dist/collection.js +2 -0
- package/dist/color-picker.cjs +575 -0
- package/dist/color-picker.d.cts +179 -0
- package/dist/color-picker.d.ts +179 -0
- package/dist/color-picker.js +530 -0
- package/dist/combobox.cjs +390 -0
- package/dist/combobox.d.cts +128 -0
- package/dist/combobox.d.ts +128 -0
- package/dist/combobox.js +359 -0
- package/dist/core-CBFAnVIP.cjs +375 -0
- package/dist/core-CEYOEcVI.js +357 -0
- package/dist/date-input.cjs +217 -0
- package/dist/date-input.d.cts +69 -0
- package/dist/date-input.d.ts +69 -0
- package/dist/date-input.js +193 -0
- package/dist/date-picker.cjs +588 -0
- package/dist/date-picker.d.cts +190 -0
- package/dist/date-picker.d.ts +190 -0
- package/dist/date-picker.js +543 -0
- package/dist/dialog.cjs +199 -0
- package/dist/dialog.d.cts +78 -0
- package/dist/dialog.d.ts +78 -0
- package/dist/dialog.js +174 -0
- package/dist/download-trigger.cjs +53 -0
- package/dist/download-trigger.d.cts +22 -0
- package/dist/download-trigger.d.ts +22 -0
- package/dist/download-trigger.js +51 -0
- package/dist/drawer.cjs +296 -0
- package/dist/drawer.d.cts +115 -0
- package/dist/drawer.d.ts +115 -0
- package/dist/drawer.js +264 -0
- package/dist/editable.cjs +228 -0
- package/dist/editable.d.cts +79 -0
- package/dist/editable.d.ts +79 -0
- package/dist/editable.js +202 -0
- package/dist/environment-B6IaCAuQ.cjs +59 -0
- package/dist/environment-BTgKwk5E.js +42 -0
- package/dist/factory--dkoVnFK.d.cts +14 -0
- package/dist/factory--dkoVnFK.d.ts +14 -0
- package/dist/factory-CFFufs5e.cjs +59 -0
- package/dist/factory-Nm__-4xn.js +48 -0
- package/dist/field-Cy1E02DH.js +349 -0
- package/dist/field-x8H5uXB9.cjs +438 -0
- package/dist/field.cjs +22 -0
- package/dist/field.d.cts +129 -0
- package/dist/field.d.ts +129 -0
- package/dist/field.js +2 -0
- package/dist/fieldset-DWZXj1t5.cjs +232 -0
- package/dist/fieldset-fx44GCtM.js +178 -0
- package/dist/fieldset.cjs +18 -0
- package/dist/fieldset.d.cts +71 -0
- package/dist/fieldset.d.ts +71 -0
- package/dist/fieldset.js +3 -0
- package/dist/file-upload.cjs +328 -0
- package/dist/file-upload.d.cts +101 -0
- package/dist/file-upload.d.ts +101 -0
- package/dist/file-upload.js +298 -0
- package/dist/floating-panel.cjs +271 -0
- package/dist/floating-panel.d.cts +98 -0
- package/dist/floating-panel.d.ts +98 -0
- package/dist/floating-panel.js +242 -0
- package/dist/format.cjs +64 -0
- package/dist/format.d.cts +44 -0
- package/dist/format.d.ts +44 -0
- package/dist/format.js +54 -0
- package/dist/frame.cjs +85 -0
- package/dist/frame.d.cts +12 -0
- package/dist/frame.d.ts +12 -0
- package/dist/frame.js +84 -0
- package/dist/highlight.cjs +29 -0
- package/dist/highlight.d.cts +13 -0
- package/dist/highlight.d.ts +13 -0
- package/dist/highlight.js +27 -0
- package/dist/hover-card.cjs +154 -0
- package/dist/hover-card.d.cts +68 -0
- package/dist/hover-card.d.ts +68 -0
- package/dist/hover-card.js +131 -0
- package/dist/image-cropper.cjs +0 -0
- package/dist/image-cropper.d.cts +1 -0
- package/dist/image-cropper.d.ts +1 -0
- package/dist/image-cropper.js +0 -0
- package/dist/index-3Al0R5bH.d.cts +73 -0
- package/dist/index-B7wAg5Wf.d.ts +146 -0
- package/dist/index-BAn8qiCM.d.ts +73 -0
- package/dist/index-BSX88T_g.d.cts +146 -0
- package/dist/index-CQAbOgb7.d.cts +23 -0
- package/dist/index-CUyHBXOI.d.cts +33 -0
- package/dist/index-CW-Aj6aT.d.ts +95 -0
- package/dist/index-CxWYgVJk.d.ts +23 -0
- package/dist/index-D7JH9e9E.d.ts +33 -0
- package/dist/index-DTLK6Fuh.d.cts +95 -0
- package/dist/index-srZfUQNt.d.cts +20 -0
- package/dist/index-srZfUQNt.d.ts +20 -0
- package/dist/index.cjs +45 -0
- package/dist/index.d.cts +6 -0
- package/dist/index.d.ts +6 -0
- package/dist/index.js +6 -0
- package/dist/json-tree-view.cjs +244 -0
- package/dist/json-tree-view.d.cts +45 -0
- package/dist/json-tree-view.d.ts +45 -0
- package/dist/json-tree-view.js +234 -0
- package/dist/listbox.cjs +290 -0
- package/dist/listbox.d.cts +109 -0
- package/dist/listbox.d.ts +109 -0
- package/dist/listbox.js +264 -0
- package/dist/marquee.cjs +164 -0
- package/dist/marquee.d.cts +60 -0
- package/dist/marquee.d.ts +60 -0
- package/dist/marquee.js +142 -0
- package/dist/menu.cjs +506 -0
- package/dist/menu.d.cts +162 -0
- package/dist/menu.d.ts +162 -0
- package/dist/menu.js +469 -0
- package/dist/navigation-menu.cjs +331 -0
- package/dist/navigation-menu.d.cts +89 -0
- package/dist/navigation-menu.d.ts +89 -0
- package/dist/navigation-menu.js +303 -0
- package/dist/number-input.cjs +222 -0
- package/dist/number-input.d.cts +73 -0
- package/dist/number-input.d.ts +73 -0
- package/dist/number-input.js +197 -0
- package/dist/pagination.cjs +183 -0
- package/dist/pagination.d.cts +68 -0
- package/dist/pagination.d.ts +68 -0
- package/dist/pagination.js +159 -0
- package/dist/password-input.cjs +179 -0
- package/dist/password-input.d.cts +65 -0
- package/dist/password-input.d.ts +65 -0
- package/dist/password-input.js +156 -0
- package/dist/pin-input.cjs +180 -0
- package/dist/pin-input.d.cts +58 -0
- package/dist/pin-input.d.ts +58 -0
- package/dist/pin-input.js +158 -0
- package/dist/popover.cjs +222 -0
- package/dist/popover.d.cts +93 -0
- package/dist/popover.d.ts +93 -0
- package/dist/popover.js +194 -0
- package/dist/portal-6_XzBXiA.cjs +33 -0
- package/dist/portal-QYL_2wB0.js +28 -0
- package/dist/portal.cjs +3 -0
- package/dist/portal.d.cts +9 -0
- package/dist/portal.d.ts +9 -0
- package/dist/portal.js +2 -0
- package/dist/presence-BOs-D6Cv.cjs +96 -0
- package/dist/presence-I8Rceflw.js +65 -0
- package/dist/presence.cjs +7 -0
- package/dist/presence.d.cts +2 -0
- package/dist/presence.d.ts +2 -0
- package/dist/presence.js +2 -0
- package/dist/progress.cjs +206 -0
- package/dist/progress.d.cts +78 -0
- package/dist/progress.d.ts +78 -0
- package/dist/progress.js +180 -0
- package/dist/providers-DrJEJcrE.cjs +128 -0
- package/dist/providers-FEHnDTvb.js +87 -0
- package/dist/qr-code.cjs +154 -0
- package/dist/qr-code.d.cts +58 -0
- package/dist/qr-code.d.ts +58 -0
- package/dist/qr-code.js +132 -0
- package/dist/radio-group.cjs +222 -0
- package/dist/radio-group.d.cts +78 -0
- package/dist/radio-group.d.ts +78 -0
- package/dist/radio-group.js +196 -0
- package/dist/rating-group.cjs +186 -0
- package/dist/rating-group.d.cts +68 -0
- package/dist/rating-group.d.ts +68 -0
- package/dist/rating-group.js +162 -0
- package/dist/rolldown-runtime-D7D4PA-g.js +13 -0
- package/dist/rolldown-runtime-DakpK96I.cjs +43 -0
- package/dist/scroll-area.cjs +166 -0
- package/dist/scroll-area.d.cts +67 -0
- package/dist/scroll-area.d.ts +67 -0
- package/dist/scroll-area.js +143 -0
- package/dist/segment-group.cjs +215 -0
- package/dist/segment-group.d.cts +81 -0
- package/dist/segment-group.d.ts +81 -0
- package/dist/segment-group.js +194 -0
- package/dist/select.cjs +395 -0
- package/dist/select.d.cts +132 -0
- package/dist/select.d.ts +132 -0
- package/dist/select.js +358 -0
- package/dist/signature-pad.cjs +197 -0
- package/dist/signature-pad.d.cts +68 -0
- package/dist/signature-pad.d.ts +68 -0
- package/dist/signature-pad.js +173 -0
- package/dist/slider.cjs +260 -0
- package/dist/slider.d.cts +88 -0
- package/dist/slider.d.ts +88 -0
- package/dist/slider.js +232 -0
- package/dist/steps.cjs +271 -0
- package/dist/steps.d.cts +104 -0
- package/dist/steps.d.ts +104 -0
- package/dist/steps.js +241 -0
- package/dist/swap.cjs +134 -0
- package/dist/swap.d.cts +49 -0
- package/dist/swap.d.ts +49 -0
- package/dist/swap.js +121 -0
- package/dist/switch.cjs +166 -0
- package/dist/switch.d.cts +58 -0
- package/dist/switch.d.ts +58 -0
- package/dist/switch.js +144 -0
- package/dist/tabs.cjs +177 -0
- package/dist/tabs.d.cts +59 -0
- package/dist/tabs.d.ts +59 -0
- package/dist/tabs.js +155 -0
- package/dist/tags-input.cjs +298 -0
- package/dist/tags-input.d.cts +98 -0
- package/dist/tags-input.d.ts +98 -0
- package/dist/tags-input.js +268 -0
- package/dist/timer.cjs +167 -0
- package/dist/timer.d.cts +63 -0
- package/dist/timer.d.ts +63 -0
- package/dist/timer.js +144 -0
- package/dist/toast.cjs +154 -0
- package/dist/toast.d.cts +59 -0
- package/dist/toast.d.ts +59 -0
- package/dist/toast.js +132 -0
- package/dist/toggle-group.cjs +118 -0
- package/dist/toggle-group.d.cts +43 -0
- package/dist/toggle-group.d.ts +43 -0
- package/dist/toggle-group.js +99 -0
- package/dist/toggle.cjs +85 -0
- package/dist/toggle.d.cts +38 -0
- package/dist/toggle.d.ts +38 -0
- package/dist/toggle.js +71 -0
- package/dist/tooltip.cjs +154 -0
- package/dist/tooltip.d.cts +68 -0
- package/dist/tooltip.d.ts +68 -0
- package/dist/tooltip.js +131 -0
- package/dist/tour.cjs +290 -0
- package/dist/tour.d.cts +112 -0
- package/dist/tour.d.ts +112 -0
- package/dist/tour.js +246 -0
- package/dist/tree-view-CNTEWXlu.js +339 -0
- package/dist/tree-view-CU4Hl5X1.cjs +484 -0
- package/dist/tree-view.cjs +41 -0
- package/dist/tree-view.d.cts +3 -0
- package/dist/tree-view.d.ts +3 -0
- package/dist/tree-view.js +3 -0
- package/dist/types-BQQfrr86.d.cts +6 -0
- package/dist/types-BQQfrr86.d.ts +6 -0
- package/dist/use-context-38DKWHsx.cjs +20 -0
- package/dist/use-context-CITa6pn9.js +10 -0
- package/dist/utils-Cfwm9WW1.cjs +166 -0
- package/dist/utils-CqLmqrgj.js +107 -0
- package/package.json +274 -6
|
@@ -0,0 +1,209 @@
|
|
|
1
|
+
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
2
|
+
const require_rolldown_runtime = require("./rolldown-runtime-DakpK96I.cjs");
|
|
3
|
+
const require_utils = require("./utils-Cfwm9WW1.cjs");
|
|
4
|
+
const require_environment = require("./environment-B6IaCAuQ.cjs");
|
|
5
|
+
const require_core = require("./core-CBFAnVIP.cjs");
|
|
6
|
+
const require_factory = require("./factory-CFFufs5e.cjs");
|
|
7
|
+
const require_collapsible = require("./collapsible-B62i_oPJ.cjs");
|
|
8
|
+
const require_providers = require("./providers-DrJEJcrE.cjs");
|
|
9
|
+
let react = require("react");
|
|
10
|
+
let react_jsx_runtime = require("react/jsx-runtime");
|
|
11
|
+
let _wirekyt_dom_machines_accordion = require("@wirekyt/dom/machines/accordion");
|
|
12
|
+
_wirekyt_dom_machines_accordion = require_rolldown_runtime.__toESM(_wirekyt_dom_machines_accordion, 1);
|
|
13
|
+
let _wirekyt_dom = require("@wirekyt/dom");
|
|
14
|
+
//#region src/components/accordion/use-context.ts
|
|
15
|
+
const [AccordionProvider, useAccordionContext] = require_utils.createContext({
|
|
16
|
+
name: "AccordionContext",
|
|
17
|
+
hookName: "useAccordionContext",
|
|
18
|
+
providerName: "<AccordionProvider />"
|
|
19
|
+
});
|
|
20
|
+
//#endregion
|
|
21
|
+
//#region src/components/accordion/context.tsx
|
|
22
|
+
const AccordionContext = (props) => props.children(useAccordionContext());
|
|
23
|
+
//#endregion
|
|
24
|
+
//#region src/components/accordion/use-item-context.ts
|
|
25
|
+
const [AccordionItemProvider, useAccordionItemContext] = require_utils.createContext({
|
|
26
|
+
name: "AccordionItemContext",
|
|
27
|
+
hookName: "useAccordionItemContext",
|
|
28
|
+
providerName: "<AccordionItemProvider />"
|
|
29
|
+
});
|
|
30
|
+
//#endregion
|
|
31
|
+
//#region src/components/accordion/use-item-props-context.ts
|
|
32
|
+
const [AccordionItemPropsProvider, useAccordionItemPropsContext] = require_utils.createContext({
|
|
33
|
+
name: "AccordionItemPropsContext",
|
|
34
|
+
hookName: "useAccordionItemPropsContext",
|
|
35
|
+
providerName: "<AccordionItemPropsProvider />"
|
|
36
|
+
});
|
|
37
|
+
//#endregion
|
|
38
|
+
//#region src/components/accordion/item.tsx
|
|
39
|
+
const splitItemProps = require_utils.createSplitProps();
|
|
40
|
+
const AccordionItem = (0, react.forwardRef)((props, ref) => {
|
|
41
|
+
const [itemProps, localProps] = splitItemProps(props, ["value", "disabled"]);
|
|
42
|
+
const accordion = useAccordionContext();
|
|
43
|
+
const renderStrategy = require_utils.useRenderStrategyPropsContext();
|
|
44
|
+
const mergedProps = (0, _wirekyt_dom.mergeProps)(accordion.getItemProps(itemProps), localProps);
|
|
45
|
+
const item = accordion.getItemState(itemProps);
|
|
46
|
+
const itemContentProps = accordion.getItemContentProps(itemProps);
|
|
47
|
+
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(AccordionItemPropsProvider, {
|
|
48
|
+
value: itemProps,
|
|
49
|
+
children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(AccordionItemProvider, {
|
|
50
|
+
value: item,
|
|
51
|
+
children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_collapsible.CollapsibleRoot, {
|
|
52
|
+
ref,
|
|
53
|
+
open: item.expanded,
|
|
54
|
+
ids: { content: itemContentProps.id },
|
|
55
|
+
...renderStrategy,
|
|
56
|
+
...mergedProps
|
|
57
|
+
})
|
|
58
|
+
})
|
|
59
|
+
});
|
|
60
|
+
});
|
|
61
|
+
AccordionItem.displayName = "AccordionItem";
|
|
62
|
+
//#endregion
|
|
63
|
+
//#region src/components/accordion/item-content.tsx
|
|
64
|
+
const splitVisibilityProps = require_utils.createSplitProps();
|
|
65
|
+
const AccordionItemContent = (0, react.forwardRef)((props, ref) => {
|
|
66
|
+
const accordion = useAccordionContext();
|
|
67
|
+
const itemProps = useAccordionItemPropsContext();
|
|
68
|
+
const contentProps = accordion.getItemContentProps(itemProps);
|
|
69
|
+
const [, itemContentProps] = splitVisibilityProps(contentProps, ["hidden", "data-state"]);
|
|
70
|
+
const mergedProps = (0, _wirekyt_dom.mergeProps)(itemContentProps, props);
|
|
71
|
+
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_collapsible.CollapsibleContent, {
|
|
72
|
+
ref,
|
|
73
|
+
...mergedProps
|
|
74
|
+
});
|
|
75
|
+
});
|
|
76
|
+
AccordionItemContent.displayName = "AccordionItemContent";
|
|
77
|
+
//#endregion
|
|
78
|
+
//#region src/components/accordion/item-context.tsx
|
|
79
|
+
const AccordionItemContext = (props) => props.children(useAccordionItemContext());
|
|
80
|
+
//#endregion
|
|
81
|
+
//#region src/components/accordion/item-indicator.tsx
|
|
82
|
+
const AccordionItemIndicator = (0, react.forwardRef)((props, ref) => {
|
|
83
|
+
const accordion = useAccordionContext();
|
|
84
|
+
const itemProps = useAccordionItemPropsContext();
|
|
85
|
+
const mergedProps = (0, _wirekyt_dom.mergeProps)(accordion.getItemIndicatorProps(itemProps), props);
|
|
86
|
+
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.wire.div, {
|
|
87
|
+
...mergedProps,
|
|
88
|
+
ref
|
|
89
|
+
});
|
|
90
|
+
});
|
|
91
|
+
AccordionItemIndicator.displayName = "AccordionItemIndicator";
|
|
92
|
+
//#endregion
|
|
93
|
+
//#region src/components/accordion/item-trigger.tsx
|
|
94
|
+
const AccordionItemTrigger = (0, react.forwardRef)((props, ref) => {
|
|
95
|
+
const accordion = useAccordionContext();
|
|
96
|
+
const itemProps = useAccordionItemPropsContext();
|
|
97
|
+
const collapsible = require_collapsible.useCollapsibleContext();
|
|
98
|
+
const triggerProps = accordion.getItemTriggerProps(itemProps);
|
|
99
|
+
const mergedProps = (0, _wirekyt_dom.mergeProps)({
|
|
100
|
+
...triggerProps,
|
|
101
|
+
"aria-controls": collapsible.isUnmounted ? void 0 : triggerProps["aria-controls"]
|
|
102
|
+
}, props);
|
|
103
|
+
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.wire.button, {
|
|
104
|
+
...mergedProps,
|
|
105
|
+
ref
|
|
106
|
+
});
|
|
107
|
+
});
|
|
108
|
+
AccordionItemTrigger.displayName = "AccordionItemTrigger";
|
|
109
|
+
//#endregion
|
|
110
|
+
//#region src/components/accordion/use.ts
|
|
111
|
+
const useAccordion = (props) => {
|
|
112
|
+
const id = (0, react.useId)();
|
|
113
|
+
const { getRootNode } = require_environment.useEnvironmentContext();
|
|
114
|
+
const { dir } = require_providers.useLocaleContext();
|
|
115
|
+
const machineProps = {
|
|
116
|
+
id,
|
|
117
|
+
dir,
|
|
118
|
+
getRootNode,
|
|
119
|
+
...props
|
|
120
|
+
};
|
|
121
|
+
const service = require_core.useMachine(_wirekyt_dom_machines_accordion.machine, machineProps);
|
|
122
|
+
return _wirekyt_dom_machines_accordion.connect(service, require_core.normalizeProps);
|
|
123
|
+
};
|
|
124
|
+
//#endregion
|
|
125
|
+
//#region src/components/accordion/root.tsx
|
|
126
|
+
const splitRootProps = require_utils.createSplitProps();
|
|
127
|
+
const AccordionRoot = (0, react.forwardRef)((props, ref) => {
|
|
128
|
+
const [renderStrategyProps, accordionProps] = require_utils.splitRenderStrategyProps(props);
|
|
129
|
+
const [useAccordionProps, localProps] = splitRootProps(accordionProps, [
|
|
130
|
+
"collapsible",
|
|
131
|
+
"defaultValue",
|
|
132
|
+
"disabled",
|
|
133
|
+
"id",
|
|
134
|
+
"ids",
|
|
135
|
+
"multiple",
|
|
136
|
+
"onFocusChange",
|
|
137
|
+
"onValueChange",
|
|
138
|
+
"orientation",
|
|
139
|
+
"value"
|
|
140
|
+
]);
|
|
141
|
+
const accordion = useAccordion(useAccordionProps);
|
|
142
|
+
const mergedProps = (0, _wirekyt_dom.mergeProps)(accordion.getRootProps(), localProps);
|
|
143
|
+
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(AccordionProvider, {
|
|
144
|
+
value: accordion,
|
|
145
|
+
children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_utils.RenderStrategyPropsProvider, {
|
|
146
|
+
value: renderStrategyProps,
|
|
147
|
+
children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.wire.div, {
|
|
148
|
+
...mergedProps,
|
|
149
|
+
ref
|
|
150
|
+
})
|
|
151
|
+
})
|
|
152
|
+
});
|
|
153
|
+
});
|
|
154
|
+
AccordionRoot.displayName = "AccordionRoot";
|
|
155
|
+
//#endregion
|
|
156
|
+
//#region src/components/accordion/root-provider.tsx
|
|
157
|
+
const splitRootProviderProps = require_utils.createSplitProps();
|
|
158
|
+
const AccordionRootProvider = (0, react.forwardRef)((props, ref) => {
|
|
159
|
+
const [renderStrategyProps, accordionProps] = require_utils.splitRenderStrategyProps(props);
|
|
160
|
+
const [{ value: accordion }, localProps] = splitRootProviderProps(accordionProps, ["value"]);
|
|
161
|
+
const mergedProps = (0, _wirekyt_dom.mergeProps)(accordion.getRootProps(), localProps);
|
|
162
|
+
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(AccordionProvider, {
|
|
163
|
+
value: accordion,
|
|
164
|
+
children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_utils.RenderStrategyPropsProvider, {
|
|
165
|
+
value: renderStrategyProps,
|
|
166
|
+
children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.wire.div, {
|
|
167
|
+
...mergedProps,
|
|
168
|
+
ref
|
|
169
|
+
})
|
|
170
|
+
})
|
|
171
|
+
});
|
|
172
|
+
});
|
|
173
|
+
AccordionRootProvider.displayName = "AccordionRootProvider";
|
|
174
|
+
//#endregion
|
|
175
|
+
//#region src/components/accordion/accordion.ts
|
|
176
|
+
var accordion_exports = /* @__PURE__ */ require_rolldown_runtime.__exportAll({
|
|
177
|
+
Context: () => AccordionContext,
|
|
178
|
+
Item: () => AccordionItem,
|
|
179
|
+
ItemContent: () => AccordionItemContent,
|
|
180
|
+
ItemContext: () => AccordionItemContext,
|
|
181
|
+
ItemIndicator: () => AccordionItemIndicator,
|
|
182
|
+
ItemTrigger: () => AccordionItemTrigger,
|
|
183
|
+
Root: () => AccordionRoot,
|
|
184
|
+
RootProvider: () => AccordionRootProvider
|
|
185
|
+
});
|
|
186
|
+
//#endregion
|
|
187
|
+
Object.defineProperty(exports, "Accordion", {
|
|
188
|
+
enumerable: true,
|
|
189
|
+
get: function() {
|
|
190
|
+
return accordion_exports;
|
|
191
|
+
}
|
|
192
|
+
});
|
|
193
|
+
exports.AccordionContext = AccordionContext;
|
|
194
|
+
exports.AccordionItem = AccordionItem;
|
|
195
|
+
exports.AccordionItemContent = AccordionItemContent;
|
|
196
|
+
exports.AccordionItemContext = AccordionItemContext;
|
|
197
|
+
exports.AccordionItemIndicator = AccordionItemIndicator;
|
|
198
|
+
exports.AccordionItemTrigger = AccordionItemTrigger;
|
|
199
|
+
exports.AccordionRoot = AccordionRoot;
|
|
200
|
+
exports.AccordionRootProvider = AccordionRootProvider;
|
|
201
|
+
Object.defineProperty(exports, "accordionAnatomy", {
|
|
202
|
+
enumerable: true,
|
|
203
|
+
get: function() {
|
|
204
|
+
return _wirekyt_dom_machines_accordion.anatomy;
|
|
205
|
+
}
|
|
206
|
+
});
|
|
207
|
+
exports.useAccordion = useAccordion;
|
|
208
|
+
exports.useAccordionContext = useAccordionContext;
|
|
209
|
+
exports.useAccordionItemContext = useAccordionItemContext;
|
|
@@ -0,0 +1,69 @@
|
|
|
1
|
+
import { a as PropTypes } from "./index-CQAbOgb7.cjs";
|
|
2
|
+
import { r as Optional, t as Assign } from "./types-BQQfrr86.cjs";
|
|
3
|
+
import { r as PolymorphicProps, t as HTMLProps } from "./factory--dkoVnFK.cjs";
|
|
4
|
+
import { r as RenderStrategyProps } from "./index-srZfUQNt.cjs";
|
|
5
|
+
import * as accordion from "@wirekyt/dom/machines/accordion";
|
|
6
|
+
import { FocusChangeDetails, FocusChangeDetails as AccordionFocusChangeDetails, ItemProps, ItemState, ValueChangeDetails, ValueChangeDetails as AccordionValueChangeDetails, anatomy as accordionAnatomy } from "@wirekyt/dom/machines/accordion";
|
|
7
|
+
import { ReactNode } from "react";
|
|
8
|
+
//#region src/components/accordion/use.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-context.d.ts
|
|
14
|
+
interface UseAccordionContext extends UseAccordionReturn {}
|
|
15
|
+
declare const AccordionProvider: import("react").Provider<UseAccordionContext>, useAccordionContext: () => UseAccordionContext;
|
|
16
|
+
//#endregion
|
|
17
|
+
//#region src/components/accordion/context.d.ts
|
|
18
|
+
interface AccordionContextProps {
|
|
19
|
+
children: (context: UseAccordionContext) => ReactNode;
|
|
20
|
+
}
|
|
21
|
+
declare const AccordionContext: (props: AccordionContextProps) => ReactNode;
|
|
22
|
+
//#endregion
|
|
23
|
+
//#region src/components/accordion/item.d.ts
|
|
24
|
+
interface AccordionItemBaseProps extends ItemProps, PolymorphicProps {}
|
|
25
|
+
interface AccordionItemProps extends HTMLProps<"div">, AccordionItemBaseProps {}
|
|
26
|
+
declare const AccordionItem: import("react").ForwardRefExoticComponent<AccordionItemProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
27
|
+
//#endregion
|
|
28
|
+
//#region src/components/accordion/item-content.d.ts
|
|
29
|
+
interface AccordionItemContentBaseProps extends PolymorphicProps {}
|
|
30
|
+
interface AccordionItemContentProps extends HTMLProps<"div">, AccordionItemContentBaseProps {}
|
|
31
|
+
declare const AccordionItemContent: import("react").ForwardRefExoticComponent<AccordionItemContentProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
32
|
+
//#endregion
|
|
33
|
+
//#region src/components/accordion/use-item-context.d.ts
|
|
34
|
+
interface UseAccordionItemContext extends ItemState {}
|
|
35
|
+
declare const AccordionItemProvider: import("react").Provider<UseAccordionItemContext>, useAccordionItemContext: () => UseAccordionItemContext;
|
|
36
|
+
//#endregion
|
|
37
|
+
//#region src/components/accordion/item-context.d.ts
|
|
38
|
+
interface AccordionItemContextProps {
|
|
39
|
+
children: (context: UseAccordionItemContext) => ReactNode;
|
|
40
|
+
}
|
|
41
|
+
declare const AccordionItemContext: (props: AccordionItemContextProps) => ReactNode;
|
|
42
|
+
//#endregion
|
|
43
|
+
//#region src/components/accordion/item-indicator.d.ts
|
|
44
|
+
interface AccordionItemIndicatorBaseProps extends PolymorphicProps {}
|
|
45
|
+
interface AccordionItemIndicatorProps extends HTMLProps<"div">, AccordionItemIndicatorBaseProps {}
|
|
46
|
+
declare const AccordionItemIndicator: import("react").ForwardRefExoticComponent<AccordionItemIndicatorProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
47
|
+
//#endregion
|
|
48
|
+
//#region src/components/accordion/item-trigger.d.ts
|
|
49
|
+
interface AccordionItemTriggerBaseProps extends PolymorphicProps {}
|
|
50
|
+
interface AccordionItemTriggerProps extends HTMLProps<"button">, AccordionItemTriggerBaseProps {}
|
|
51
|
+
declare const AccordionItemTrigger: import("react").ForwardRefExoticComponent<AccordionItemTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
|
|
52
|
+
//#endregion
|
|
53
|
+
//#region src/components/accordion/root.d.ts
|
|
54
|
+
interface AccordionRootBaseProps extends UseAccordionProps, RenderStrategyProps, PolymorphicProps {}
|
|
55
|
+
interface AccordionRootProps extends Assign<HTMLProps<"div">, AccordionRootBaseProps> {}
|
|
56
|
+
declare const AccordionRoot: import("react").ForwardRefExoticComponent<AccordionRootProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
57
|
+
//#endregion
|
|
58
|
+
//#region src/components/accordion/root-provider.d.ts
|
|
59
|
+
interface RootProviderProps {
|
|
60
|
+
value: UseAccordionReturn;
|
|
61
|
+
}
|
|
62
|
+
interface AccordionRootProviderBaseProps extends RootProviderProps, RenderStrategyProps, PolymorphicProps {}
|
|
63
|
+
interface AccordionRootProviderProps extends HTMLProps<"div">, AccordionRootProviderBaseProps {}
|
|
64
|
+
declare const AccordionRootProvider: import("react").ForwardRefExoticComponent<AccordionRootProviderProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
65
|
+
declare namespace accordion_d_exports {
|
|
66
|
+
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 };
|
|
67
|
+
}
|
|
68
|
+
//#endregion
|
|
69
|
+
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,69 @@
|
|
|
1
|
+
import { a as PropTypes } from "./index-CxWYgVJk.js";
|
|
2
|
+
import { r as Optional, t as Assign } from "./types-BQQfrr86.js";
|
|
3
|
+
import { r as PolymorphicProps, t as HTMLProps } from "./factory--dkoVnFK.js";
|
|
4
|
+
import { r as RenderStrategyProps } from "./index-srZfUQNt.js";
|
|
5
|
+
import { ReactNode } from "react";
|
|
6
|
+
import * as accordion from "@wirekyt/dom/machines/accordion";
|
|
7
|
+
import { FocusChangeDetails, FocusChangeDetails as AccordionFocusChangeDetails, ItemProps, ItemState, ValueChangeDetails, ValueChangeDetails as AccordionValueChangeDetails, anatomy as accordionAnatomy } from "@wirekyt/dom/machines/accordion";
|
|
8
|
+
//#region src/components/accordion/use.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-context.d.ts
|
|
14
|
+
interface UseAccordionContext extends UseAccordionReturn {}
|
|
15
|
+
declare const AccordionProvider: import("react").Provider<UseAccordionContext>, useAccordionContext: () => UseAccordionContext;
|
|
16
|
+
//#endregion
|
|
17
|
+
//#region src/components/accordion/context.d.ts
|
|
18
|
+
interface AccordionContextProps {
|
|
19
|
+
children: (context: UseAccordionContext) => ReactNode;
|
|
20
|
+
}
|
|
21
|
+
declare const AccordionContext: (props: AccordionContextProps) => ReactNode;
|
|
22
|
+
//#endregion
|
|
23
|
+
//#region src/components/accordion/item.d.ts
|
|
24
|
+
interface AccordionItemBaseProps extends ItemProps, PolymorphicProps {}
|
|
25
|
+
interface AccordionItemProps extends HTMLProps<"div">, AccordionItemBaseProps {}
|
|
26
|
+
declare const AccordionItem: import("react").ForwardRefExoticComponent<AccordionItemProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
27
|
+
//#endregion
|
|
28
|
+
//#region src/components/accordion/item-content.d.ts
|
|
29
|
+
interface AccordionItemContentBaseProps extends PolymorphicProps {}
|
|
30
|
+
interface AccordionItemContentProps extends HTMLProps<"div">, AccordionItemContentBaseProps {}
|
|
31
|
+
declare const AccordionItemContent: import("react").ForwardRefExoticComponent<AccordionItemContentProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
32
|
+
//#endregion
|
|
33
|
+
//#region src/components/accordion/use-item-context.d.ts
|
|
34
|
+
interface UseAccordionItemContext extends ItemState {}
|
|
35
|
+
declare const AccordionItemProvider: import("react").Provider<UseAccordionItemContext>, useAccordionItemContext: () => UseAccordionItemContext;
|
|
36
|
+
//#endregion
|
|
37
|
+
//#region src/components/accordion/item-context.d.ts
|
|
38
|
+
interface AccordionItemContextProps {
|
|
39
|
+
children: (context: UseAccordionItemContext) => ReactNode;
|
|
40
|
+
}
|
|
41
|
+
declare const AccordionItemContext: (props: AccordionItemContextProps) => ReactNode;
|
|
42
|
+
//#endregion
|
|
43
|
+
//#region src/components/accordion/item-indicator.d.ts
|
|
44
|
+
interface AccordionItemIndicatorBaseProps extends PolymorphicProps {}
|
|
45
|
+
interface AccordionItemIndicatorProps extends HTMLProps<"div">, AccordionItemIndicatorBaseProps {}
|
|
46
|
+
declare const AccordionItemIndicator: import("react").ForwardRefExoticComponent<AccordionItemIndicatorProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
47
|
+
//#endregion
|
|
48
|
+
//#region src/components/accordion/item-trigger.d.ts
|
|
49
|
+
interface AccordionItemTriggerBaseProps extends PolymorphicProps {}
|
|
50
|
+
interface AccordionItemTriggerProps extends HTMLProps<"button">, AccordionItemTriggerBaseProps {}
|
|
51
|
+
declare const AccordionItemTrigger: import("react").ForwardRefExoticComponent<AccordionItemTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
|
|
52
|
+
//#endregion
|
|
53
|
+
//#region src/components/accordion/root.d.ts
|
|
54
|
+
interface AccordionRootBaseProps extends UseAccordionProps, RenderStrategyProps, PolymorphicProps {}
|
|
55
|
+
interface AccordionRootProps extends Assign<HTMLProps<"div">, AccordionRootBaseProps> {}
|
|
56
|
+
declare const AccordionRoot: import("react").ForwardRefExoticComponent<AccordionRootProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
57
|
+
//#endregion
|
|
58
|
+
//#region src/components/accordion/root-provider.d.ts
|
|
59
|
+
interface RootProviderProps {
|
|
60
|
+
value: UseAccordionReturn;
|
|
61
|
+
}
|
|
62
|
+
interface AccordionRootProviderBaseProps extends RootProviderProps, RenderStrategyProps, PolymorphicProps {}
|
|
63
|
+
interface AccordionRootProviderProps extends HTMLProps<"div">, AccordionRootProviderBaseProps {}
|
|
64
|
+
declare const AccordionRootProvider: import("react").ForwardRefExoticComponent<AccordionRootProviderProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
65
|
+
declare namespace accordion_d_exports {
|
|
66
|
+
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 };
|
|
67
|
+
}
|
|
68
|
+
//#endregion
|
|
69
|
+
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,184 @@
|
|
|
1
|
+
import { t as __exportAll } from "./rolldown-runtime-D7D4PA-g.js";
|
|
2
|
+
import { a as RenderStrategyPropsProvider, c as createSplitProps, o as splitRenderStrategyProps, s as useRenderStrategyPropsContext, u as createContext$1 } from "./utils-CqLmqrgj.js";
|
|
3
|
+
import { n as useEnvironmentContext } from "./environment-BTgKwk5E.js";
|
|
4
|
+
import { a as useMachine, i as normalizeProps, t as mergeProps } from "./core-CEYOEcVI.js";
|
|
5
|
+
import { n as wire } from "./factory-Nm__-4xn.js";
|
|
6
|
+
import { a as CollapsibleRoot, l as CollapsibleContent, u as useCollapsibleContext } from "./collapsible-CiTNjCNf.js";
|
|
7
|
+
import { a as useLocaleContext } from "./providers-FEHnDTvb.js";
|
|
8
|
+
import { forwardRef, useId } from "react";
|
|
9
|
+
import { jsx } from "react/jsx-runtime";
|
|
10
|
+
import * as accordion from "@wirekyt/dom/machines/accordion";
|
|
11
|
+
import { anatomy as accordionAnatomy } from "@wirekyt/dom/machines/accordion";
|
|
12
|
+
//#region src/components/accordion/use-context.ts
|
|
13
|
+
const [AccordionProvider, useAccordionContext] = createContext$1({
|
|
14
|
+
name: "AccordionContext",
|
|
15
|
+
hookName: "useAccordionContext",
|
|
16
|
+
providerName: "<AccordionProvider />"
|
|
17
|
+
});
|
|
18
|
+
//#endregion
|
|
19
|
+
//#region src/components/accordion/context.tsx
|
|
20
|
+
const AccordionContext = (props) => props.children(useAccordionContext());
|
|
21
|
+
//#endregion
|
|
22
|
+
//#region src/components/accordion/use-item-context.ts
|
|
23
|
+
const [AccordionItemProvider, useAccordionItemContext] = createContext$1({
|
|
24
|
+
name: "AccordionItemContext",
|
|
25
|
+
hookName: "useAccordionItemContext",
|
|
26
|
+
providerName: "<AccordionItemProvider />"
|
|
27
|
+
});
|
|
28
|
+
//#endregion
|
|
29
|
+
//#region src/components/accordion/use-item-props-context.ts
|
|
30
|
+
const [AccordionItemPropsProvider, useAccordionItemPropsContext] = createContext$1({
|
|
31
|
+
name: "AccordionItemPropsContext",
|
|
32
|
+
hookName: "useAccordionItemPropsContext",
|
|
33
|
+
providerName: "<AccordionItemPropsProvider />"
|
|
34
|
+
});
|
|
35
|
+
//#endregion
|
|
36
|
+
//#region src/components/accordion/item.tsx
|
|
37
|
+
const splitItemProps = createSplitProps();
|
|
38
|
+
const AccordionItem = forwardRef((props, ref) => {
|
|
39
|
+
const [itemProps, localProps] = splitItemProps(props, ["value", "disabled"]);
|
|
40
|
+
const accordion = useAccordionContext();
|
|
41
|
+
const renderStrategy = useRenderStrategyPropsContext();
|
|
42
|
+
const mergedProps = mergeProps(accordion.getItemProps(itemProps), localProps);
|
|
43
|
+
const item = accordion.getItemState(itemProps);
|
|
44
|
+
const itemContentProps = accordion.getItemContentProps(itemProps);
|
|
45
|
+
return /* @__PURE__ */ jsx(AccordionItemPropsProvider, {
|
|
46
|
+
value: itemProps,
|
|
47
|
+
children: /* @__PURE__ */ jsx(AccordionItemProvider, {
|
|
48
|
+
value: item,
|
|
49
|
+
children: /* @__PURE__ */ jsx(CollapsibleRoot, {
|
|
50
|
+
ref,
|
|
51
|
+
open: item.expanded,
|
|
52
|
+
ids: { content: itemContentProps.id },
|
|
53
|
+
...renderStrategy,
|
|
54
|
+
...mergedProps
|
|
55
|
+
})
|
|
56
|
+
})
|
|
57
|
+
});
|
|
58
|
+
});
|
|
59
|
+
AccordionItem.displayName = "AccordionItem";
|
|
60
|
+
//#endregion
|
|
61
|
+
//#region src/components/accordion/item-content.tsx
|
|
62
|
+
const splitVisibilityProps = createSplitProps();
|
|
63
|
+
const AccordionItemContent = forwardRef((props, ref) => {
|
|
64
|
+
const accordion = useAccordionContext();
|
|
65
|
+
const itemProps = useAccordionItemPropsContext();
|
|
66
|
+
const contentProps = accordion.getItemContentProps(itemProps);
|
|
67
|
+
const [, itemContentProps] = splitVisibilityProps(contentProps, ["hidden", "data-state"]);
|
|
68
|
+
return /* @__PURE__ */ jsx(CollapsibleContent, {
|
|
69
|
+
ref,
|
|
70
|
+
...mergeProps(itemContentProps, props)
|
|
71
|
+
});
|
|
72
|
+
});
|
|
73
|
+
AccordionItemContent.displayName = "AccordionItemContent";
|
|
74
|
+
//#endregion
|
|
75
|
+
//#region src/components/accordion/item-context.tsx
|
|
76
|
+
const AccordionItemContext = (props) => props.children(useAccordionItemContext());
|
|
77
|
+
//#endregion
|
|
78
|
+
//#region src/components/accordion/item-indicator.tsx
|
|
79
|
+
const AccordionItemIndicator = forwardRef((props, ref) => {
|
|
80
|
+
const accordion = useAccordionContext();
|
|
81
|
+
const itemProps = useAccordionItemPropsContext();
|
|
82
|
+
const mergedProps = mergeProps(accordion.getItemIndicatorProps(itemProps), props);
|
|
83
|
+
return /* @__PURE__ */ jsx(wire.div, {
|
|
84
|
+
...mergedProps,
|
|
85
|
+
ref
|
|
86
|
+
});
|
|
87
|
+
});
|
|
88
|
+
AccordionItemIndicator.displayName = "AccordionItemIndicator";
|
|
89
|
+
//#endregion
|
|
90
|
+
//#region src/components/accordion/item-trigger.tsx
|
|
91
|
+
const AccordionItemTrigger = forwardRef((props, ref) => {
|
|
92
|
+
const accordion = useAccordionContext();
|
|
93
|
+
const itemProps = useAccordionItemPropsContext();
|
|
94
|
+
const collapsible = useCollapsibleContext();
|
|
95
|
+
const triggerProps = accordion.getItemTriggerProps(itemProps);
|
|
96
|
+
const mergedProps = mergeProps({
|
|
97
|
+
...triggerProps,
|
|
98
|
+
"aria-controls": collapsible.isUnmounted ? void 0 : triggerProps["aria-controls"]
|
|
99
|
+
}, props);
|
|
100
|
+
return /* @__PURE__ */ jsx(wire.button, {
|
|
101
|
+
...mergedProps,
|
|
102
|
+
ref
|
|
103
|
+
});
|
|
104
|
+
});
|
|
105
|
+
AccordionItemTrigger.displayName = "AccordionItemTrigger";
|
|
106
|
+
//#endregion
|
|
107
|
+
//#region src/components/accordion/use.ts
|
|
108
|
+
const useAccordion = (props) => {
|
|
109
|
+
const id = useId();
|
|
110
|
+
const { getRootNode } = useEnvironmentContext();
|
|
111
|
+
const { dir } = useLocaleContext();
|
|
112
|
+
const machineProps = {
|
|
113
|
+
id,
|
|
114
|
+
dir,
|
|
115
|
+
getRootNode,
|
|
116
|
+
...props
|
|
117
|
+
};
|
|
118
|
+
const service = useMachine(accordion.machine, machineProps);
|
|
119
|
+
return accordion.connect(service, normalizeProps);
|
|
120
|
+
};
|
|
121
|
+
//#endregion
|
|
122
|
+
//#region src/components/accordion/root.tsx
|
|
123
|
+
const splitRootProps = createSplitProps();
|
|
124
|
+
const AccordionRoot = forwardRef((props, ref) => {
|
|
125
|
+
const [renderStrategyProps, accordionProps] = splitRenderStrategyProps(props);
|
|
126
|
+
const [useAccordionProps, localProps] = splitRootProps(accordionProps, [
|
|
127
|
+
"collapsible",
|
|
128
|
+
"defaultValue",
|
|
129
|
+
"disabled",
|
|
130
|
+
"id",
|
|
131
|
+
"ids",
|
|
132
|
+
"multiple",
|
|
133
|
+
"onFocusChange",
|
|
134
|
+
"onValueChange",
|
|
135
|
+
"orientation",
|
|
136
|
+
"value"
|
|
137
|
+
]);
|
|
138
|
+
const accordion = useAccordion(useAccordionProps);
|
|
139
|
+
const mergedProps = mergeProps(accordion.getRootProps(), localProps);
|
|
140
|
+
return /* @__PURE__ */ jsx(AccordionProvider, {
|
|
141
|
+
value: accordion,
|
|
142
|
+
children: /* @__PURE__ */ jsx(RenderStrategyPropsProvider, {
|
|
143
|
+
value: renderStrategyProps,
|
|
144
|
+
children: /* @__PURE__ */ jsx(wire.div, {
|
|
145
|
+
...mergedProps,
|
|
146
|
+
ref
|
|
147
|
+
})
|
|
148
|
+
})
|
|
149
|
+
});
|
|
150
|
+
});
|
|
151
|
+
AccordionRoot.displayName = "AccordionRoot";
|
|
152
|
+
//#endregion
|
|
153
|
+
//#region src/components/accordion/root-provider.tsx
|
|
154
|
+
const splitRootProviderProps = createSplitProps();
|
|
155
|
+
const AccordionRootProvider = forwardRef((props, ref) => {
|
|
156
|
+
const [renderStrategyProps, accordionProps] = splitRenderStrategyProps(props);
|
|
157
|
+
const [{ value: accordion }, localProps] = splitRootProviderProps(accordionProps, ["value"]);
|
|
158
|
+
const mergedProps = mergeProps(accordion.getRootProps(), localProps);
|
|
159
|
+
return /* @__PURE__ */ jsx(AccordionProvider, {
|
|
160
|
+
value: accordion,
|
|
161
|
+
children: /* @__PURE__ */ jsx(RenderStrategyPropsProvider, {
|
|
162
|
+
value: renderStrategyProps,
|
|
163
|
+
children: /* @__PURE__ */ jsx(wire.div, {
|
|
164
|
+
...mergedProps,
|
|
165
|
+
ref
|
|
166
|
+
})
|
|
167
|
+
})
|
|
168
|
+
});
|
|
169
|
+
});
|
|
170
|
+
AccordionRootProvider.displayName = "AccordionRootProvider";
|
|
171
|
+
//#endregion
|
|
172
|
+
//#region src/components/accordion/accordion.ts
|
|
173
|
+
var accordion_exports = /* @__PURE__ */ __exportAll({
|
|
174
|
+
Context: () => AccordionContext,
|
|
175
|
+
Item: () => AccordionItem,
|
|
176
|
+
ItemContent: () => AccordionItemContent,
|
|
177
|
+
ItemContext: () => AccordionItemContext,
|
|
178
|
+
ItemIndicator: () => AccordionItemIndicator,
|
|
179
|
+
ItemTrigger: () => AccordionItemTrigger,
|
|
180
|
+
Root: () => AccordionRoot,
|
|
181
|
+
RootProvider: () => AccordionRootProvider
|
|
182
|
+
});
|
|
183
|
+
//#endregion
|
|
184
|
+
export { accordion_exports as Accordion, AccordionContext, AccordionItem, AccordionItemContent, AccordionItemContext, AccordionItemIndicator, AccordionItemTrigger, AccordionRoot, AccordionRootProvider, accordionAnatomy, useAccordion, useAccordionContext, useAccordionItemContext };
|