@wirekyt/solid 0.0.1 → 0.0.3
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.d.ts +68 -0
- package/dist/accordion.js +168 -0
- package/dist/accordion.jsx +143 -0
- package/dist/angle-slider.d.ts +72 -0
- package/dist/angle-slider.js +141 -0
- package/dist/angle-slider.jsx +130 -0
- package/dist/avatar.d.ts +47 -0
- package/dist/avatar.js +86 -0
- package/dist/avatar.jsx +79 -0
- package/dist/carousel.d.ts +92 -0
- package/dist/carousel.js +189 -0
- package/dist/carousel.jsx +174 -0
- package/dist/checkbox.d.ts +140 -0
- package/dist/checkbox.js +252 -0
- package/dist/checkbox.jsx +234 -0
- package/dist/client-only.d.ts +9 -0
- package/dist/client-only.js +22 -0
- package/dist/client-only.jsx +13 -0
- package/dist/clipboard.d.ts +70 -0
- package/dist/clipboard.js +137 -0
- package/dist/clipboard.jsx +120 -0
- package/dist/collapsible-BwNoH1At.jsx +106 -0
- package/dist/collapsible-Dp8aqjtN.js +118 -0
- package/dist/collapsible.d.ts +58 -0
- package/dist/collapsible.js +2 -0
- package/dist/collapsible.jsx +2 -0
- package/dist/collection-By8qgqkx.js +213 -0
- package/dist/collection-Mkvw6TyT.jsx +213 -0
- package/dist/collection.d.ts +2 -0
- package/dist/collection.js +2 -0
- package/dist/collection.jsx +2 -0
- package/dist/color-picker.d.ts +179 -0
- package/dist/color-picker.js +457 -0
- package/dist/color-picker.jsx +395 -0
- package/dist/combobox.d.ts +128 -0
- package/dist/combobox.js +326 -0
- package/dist/combobox.jsx +284 -0
- package/dist/core-7QKBNp9p.js +485 -0
- package/dist/core-7QKBNp9p.jsx +485 -0
- package/dist/date-input.d.ts +68 -0
- package/dist/date-input.js +178 -0
- package/dist/date-input.jsx +163 -0
- package/dist/date-picker.d.ts +191 -0
- package/dist/date-picker.js +506 -0
- package/dist/date-picker.jsx +430 -0
- package/dist/dialog.d.ts +77 -0
- package/dist/dialog.js +205 -0
- package/dist/dialog.jsx +159 -0
- package/dist/download-trigger.d.ts +22 -0
- package/dist/download-trigger.js +55 -0
- package/dist/download-trigger.jsx +51 -0
- package/dist/drawer.d.ts +114 -0
- package/dist/drawer.js +291 -0
- package/dist/drawer.jsx +237 -0
- package/dist/editable.d.ts +77 -0
- package/dist/editable.js +171 -0
- package/dist/editable.jsx +162 -0
- package/dist/factory-D2A7xdtl.js +34 -0
- package/dist/factory-DRw_slzE.jsx +34 -0
- package/dist/factory-wuwfJqbU.d.ts +15 -0
- package/dist/field-CQr_Dibp.js +317 -0
- package/dist/field-R5jVNdtK.jsx +282 -0
- package/dist/field.d.ts +194 -0
- package/dist/field.js +2 -0
- package/dist/field.jsx +2 -0
- package/dist/fieldset-5shfE0Z5.jsx +155 -0
- package/dist/fieldset-D5teGLZ9.js +170 -0
- package/dist/fieldset.d.ts +98 -0
- package/dist/fieldset.js +2 -0
- package/dist/fieldset.jsx +2 -0
- package/dist/file-upload.d.ts +100 -0
- package/dist/file-upload.js +254 -0
- package/dist/file-upload.jsx +232 -0
- package/dist/floating-panel.d.ts +97 -0
- package/dist/floating-panel.js +231 -0
- package/dist/floating-panel.jsx +199 -0
- package/dist/focus-trap.d.ts +12 -0
- package/dist/focus-trap.js +30 -0
- package/dist/focus-trap.jsx +26 -0
- package/dist/format.d.ts +32 -0
- package/dist/format.js +50 -0
- package/dist/format.jsx +53 -0
- package/dist/frame.d.ts +12 -0
- package/dist/frame.js +119 -0
- package/dist/frame.jsx +83 -0
- package/dist/image-cropper.d.ts +62 -0
- package/dist/image-cropper.js +137 -0
- package/dist/image-cropper.jsx +130 -0
- package/dist/index-B17eqq14.d.ts +32 -0
- package/dist/index-BZHmHI7d.d.ts +142 -0
- package/dist/index-CANuc1X0.d.ts +81 -0
- package/dist/index-CJwZCGOS.d.ts +75 -0
- package/dist/index-ClU-Lb8Z.d.ts +23 -0
- package/dist/index-J9N2CBHP.d.ts +21 -0
- package/dist/index.d.ts +5 -0
- package/dist/index.js +5 -0
- package/dist/index.jsx +5 -0
- package/dist/json-tree-view.d.ts +50 -0
- package/dist/json-tree-view.js +330 -0
- package/dist/json-tree-view.jsx +201 -0
- package/dist/listbox.d.ts +109 -0
- package/dist/listbox.js +237 -0
- package/dist/listbox.jsx +212 -0
- package/dist/marquee.d.ts +57 -0
- package/dist/marquee.js +125 -0
- package/dist/marquee.jsx +113 -0
- package/dist/menu.d.ts +158 -0
- package/dist/menu.js +441 -0
- package/dist/menu.jsx +362 -0
- package/dist/navigation-menu.d.ts +88 -0
- package/dist/navigation-menu.js +289 -0
- package/dist/navigation-menu.jsx +228 -0
- package/dist/number-input.d.ts +72 -0
- package/dist/number-input.js +166 -0
- package/dist/number-input.jsx +157 -0
- package/dist/pagination.d.ts +67 -0
- package/dist/pagination.js +131 -0
- package/dist/pagination.jsx +124 -0
- package/dist/password-input.d.ts +64 -0
- package/dist/password-input.js +144 -0
- package/dist/password-input.jsx +125 -0
- package/dist/pin-input.d.ts +57 -0
- package/dist/pin-input.js +138 -0
- package/dist/pin-input.jsx +129 -0
- package/dist/popover.d.ts +92 -0
- package/dist/popover.js +206 -0
- package/dist/popover.jsx +174 -0
- package/dist/presence-9UGkuyfn.jsx +59 -0
- package/dist/presence-CE6lXCu5.js +72 -0
- package/dist/presence.d.ts +2 -0
- package/dist/presence.js +2 -0
- package/dist/presence.jsx +2 -0
- package/dist/progress.d.ts +77 -0
- package/dist/progress.js +146 -0
- package/dist/progress.jsx +137 -0
- package/dist/providers-B-Vi5wQ7.js +124 -0
- package/dist/providers-CqNHqLpB.jsx +110 -0
- package/dist/qr-code.d.ts +57 -0
- package/dist/qr-code.js +111 -0
- package/dist/qr-code.jsx +104 -0
- package/dist/radio-group.d.ts +77 -0
- package/dist/radio-group.js +170 -0
- package/dist/radio-group.jsx +157 -0
- package/dist/rating-group.d.ts +67 -0
- package/dist/rating-group.js +142 -0
- package/dist/rating-group.jsx +131 -0
- package/dist/rolldown-runtime-D7D4PA-g.js +13 -0
- package/dist/rolldown-runtime-D7D4PA-g.jsx +13 -0
- package/dist/run-if-fn-CjvD7VzQ.js +5 -0
- package/dist/run-if-fn-CjvD7VzQ.jsx +5 -0
- package/dist/scroll-area.d.ts +61 -0
- package/dist/scroll-area.js +119 -0
- package/dist/scroll-area.jsx +109 -0
- package/dist/segment-group.d.ts +80 -0
- package/dist/segment-group.js +166 -0
- package/dist/segment-group.jsx +153 -0
- package/dist/select.d.ts +132 -0
- package/dist/select.js +337 -0
- package/dist/select.jsx +283 -0
- package/dist/signature-pad.d.ts +67 -0
- package/dist/signature-pad.js +159 -0
- package/dist/signature-pad.jsx +141 -0
- package/dist/slider.d.ts +87 -0
- package/dist/slider.js +191 -0
- package/dist/slider.jsx +179 -0
- package/dist/splitter.d.ts +57 -0
- package/dist/splitter.js +126 -0
- package/dist/splitter.jsx +116 -0
- package/dist/steps.d.ts +100 -0
- package/dist/steps.js +199 -0
- package/dist/steps.jsx +184 -0
- package/dist/swap.d.ts +51 -0
- package/dist/swap.js +123 -0
- package/dist/swap.jsx +106 -0
- package/dist/switch.d.ts +57 -0
- package/dist/switch.js +125 -0
- package/dist/switch.jsx +116 -0
- package/dist/tabs.d.ts +58 -0
- package/dist/tabs.js +146 -0
- package/dist/tabs.jsx +122 -0
- package/dist/tags-input.d.ts +97 -0
- package/dist/tags-input.js +228 -0
- package/dist/tags-input.jsx +213 -0
- package/dist/timer.d.ts +62 -0
- package/dist/timer.js +119 -0
- package/dist/timer.jsx +110 -0
- package/dist/toast.d.ts +60 -0
- package/dist/toast.js +120 -0
- package/dist/toast.jsx +106 -0
- package/dist/toggle-group.d.ts +42 -0
- package/dist/toggle-group.js +87 -0
- package/dist/toggle-group.jsx +80 -0
- package/dist/toggle.d.ts +38 -0
- package/dist/toggle.js +73 -0
- package/dist/toggle.jsx +61 -0
- package/dist/tooltip.d.ts +67 -0
- package/dist/tooltip.js +159 -0
- package/dist/tooltip.jsx +127 -0
- package/dist/tour.d.ts +112 -0
- package/dist/tour.js +256 -0
- package/dist/tour.jsx +192 -0
- package/dist/tree-view-ATyeBPXq.js +290 -0
- package/dist/tree-view-CoWx7osT.jsx +265 -0
- package/dist/tree-view.d.ts +3 -0
- package/dist/tree-view.js +3 -0
- package/dist/tree-view.jsx +3 -0
- package/package.json +324 -6
package/dist/slider.jsx
ADDED
|
@@ -0,0 +1,179 @@
|
|
|
1
|
+
import { t as __exportAll } from "./rolldown-runtime-D7D4PA-g.jsx";
|
|
2
|
+
import { a as mergeProps$1, d as createContext$1, i as useMachine, l as createSplitProps, r as normalizeProps } from "./core-7QKBNp9p.jsx";
|
|
3
|
+
import { t as runIfFn } from "./run-if-fn-CjvD7VzQ.jsx";
|
|
4
|
+
import { t as wire } from "./factory-DRw_slzE.jsx";
|
|
5
|
+
import { a as useLocaleContext, l as useEnvironmentContext } from "./providers-CqNHqLpB.jsx";
|
|
6
|
+
import { createMemo, createUniqueId } from "solid-js";
|
|
7
|
+
import * as slider from "@wirekyt/dom/machines/slider";
|
|
8
|
+
import { anatomy as sliderAnatomy } from "@wirekyt/dom/machines/slider";
|
|
9
|
+
//#region src/components/slider/use-context.ts
|
|
10
|
+
const [SliderProvider, useSliderContext] = createContext$1({
|
|
11
|
+
hookName: "useSliderContext",
|
|
12
|
+
providerName: "<SliderProvider />"
|
|
13
|
+
});
|
|
14
|
+
//#endregion
|
|
15
|
+
//#region src/components/slider/context.tsx
|
|
16
|
+
const SliderContext = (props) => props.children(useSliderContext());
|
|
17
|
+
//#endregion
|
|
18
|
+
//#region src/components/slider/control.tsx
|
|
19
|
+
const SliderControl = (props) => {
|
|
20
|
+
const api = useSliderContext();
|
|
21
|
+
const mergedProps = mergeProps$1(() => api().getControlProps(), props);
|
|
22
|
+
return <wire.div {...mergedProps} />;
|
|
23
|
+
};
|
|
24
|
+
//#endregion
|
|
25
|
+
//#region src/components/slider/use-thumb-props-context.ts
|
|
26
|
+
const [SliderThumbPropsProvider, useSliderThumbPropsContext] = createContext$1({
|
|
27
|
+
hookName: "useSliderThumbPropsContext",
|
|
28
|
+
providerName: "<SliderThumbPropsProvider />"
|
|
29
|
+
});
|
|
30
|
+
//#endregion
|
|
31
|
+
//#region src/components/slider/dragging-indicator.tsx
|
|
32
|
+
const SliderDraggingIndicator = (props) => {
|
|
33
|
+
const slider = useSliderContext();
|
|
34
|
+
const thumbProps = useSliderThumbPropsContext();
|
|
35
|
+
const mergedProps = mergeProps$1(() => slider().getDraggingIndicatorProps(thumbProps), props);
|
|
36
|
+
return <wire.span {...mergedProps}>
|
|
37
|
+
{props.children || slider().getThumbValue(thumbProps.index)}
|
|
38
|
+
</wire.span>;
|
|
39
|
+
};
|
|
40
|
+
//#endregion
|
|
41
|
+
//#region src/components/slider/hidden-input.tsx
|
|
42
|
+
const SliderHiddenInput = (props) => {
|
|
43
|
+
const slider = useSliderContext();
|
|
44
|
+
const thumbProps = useSliderThumbPropsContext();
|
|
45
|
+
const mergedProps = mergeProps$1(slider().getHiddenInputProps(thumbProps), props);
|
|
46
|
+
return <wire.input {...mergedProps} />;
|
|
47
|
+
};
|
|
48
|
+
//#endregion
|
|
49
|
+
//#region src/components/slider/label.tsx
|
|
50
|
+
const SliderLabel = (props) => {
|
|
51
|
+
const api = useSliderContext();
|
|
52
|
+
const mergedProps = mergeProps$1(() => api().getLabelProps(), props);
|
|
53
|
+
return <wire.label {...mergedProps} />;
|
|
54
|
+
};
|
|
55
|
+
//#endregion
|
|
56
|
+
//#region src/components/slider/marker.tsx
|
|
57
|
+
const SliderMarker = (props) => {
|
|
58
|
+
const [markerProps, localProps] = createSplitProps()(props, ["value"]);
|
|
59
|
+
const api = useSliderContext();
|
|
60
|
+
const mergedProps = mergeProps$1(() => api().getMarkerProps(markerProps), localProps);
|
|
61
|
+
return <wire.span {...mergedProps} />;
|
|
62
|
+
};
|
|
63
|
+
//#endregion
|
|
64
|
+
//#region src/components/slider/marker-group.tsx
|
|
65
|
+
const SliderMarkerGroup = (props) => {
|
|
66
|
+
const api = useSliderContext();
|
|
67
|
+
const mergedProps = mergeProps$1(() => api().getMarkerGroupProps(), props);
|
|
68
|
+
return <wire.div {...mergedProps} />;
|
|
69
|
+
};
|
|
70
|
+
//#endregion
|
|
71
|
+
//#region src/components/slider/range.tsx
|
|
72
|
+
const SliderRange = (props) => {
|
|
73
|
+
const api = useSliderContext();
|
|
74
|
+
const mergedProps = mergeProps$1(() => api().getRangeProps(), props);
|
|
75
|
+
return <wire.div {...mergedProps} />;
|
|
76
|
+
};
|
|
77
|
+
//#endregion
|
|
78
|
+
//#region src/components/slider/use-slider.ts
|
|
79
|
+
const useSlider = (props) => {
|
|
80
|
+
const id = createUniqueId();
|
|
81
|
+
const locale = useLocaleContext();
|
|
82
|
+
const environment = useEnvironmentContext();
|
|
83
|
+
const machineProps = createMemo(() => ({
|
|
84
|
+
id,
|
|
85
|
+
dir: locale().dir,
|
|
86
|
+
getRootNode: environment().getRootNode,
|
|
87
|
+
...runIfFn(props)
|
|
88
|
+
}));
|
|
89
|
+
const service = useMachine(slider.machine, machineProps);
|
|
90
|
+
return createMemo(() => slider.connect(service, normalizeProps));
|
|
91
|
+
};
|
|
92
|
+
//#endregion
|
|
93
|
+
//#region src/components/slider/root.tsx
|
|
94
|
+
const SliderRoot = (props) => {
|
|
95
|
+
const [useSliderProps, localProps] = createSplitProps()(props, [
|
|
96
|
+
"aria-label",
|
|
97
|
+
"aria-labelledby",
|
|
98
|
+
"defaultValue",
|
|
99
|
+
"disabled",
|
|
100
|
+
"form",
|
|
101
|
+
"getAriaValueText",
|
|
102
|
+
"id",
|
|
103
|
+
"ids",
|
|
104
|
+
"invalid",
|
|
105
|
+
"largeStep",
|
|
106
|
+
"max",
|
|
107
|
+
"min",
|
|
108
|
+
"minStepsBetweenThumbs",
|
|
109
|
+
"name",
|
|
110
|
+
"onFocusChange",
|
|
111
|
+
"onValueChange",
|
|
112
|
+
"onValueChangeEnd",
|
|
113
|
+
"orientation",
|
|
114
|
+
"origin",
|
|
115
|
+
"readOnly",
|
|
116
|
+
"step",
|
|
117
|
+
"thumbAlignment",
|
|
118
|
+
"thumbCollisionBehavior",
|
|
119
|
+
"thumbSize",
|
|
120
|
+
"value"
|
|
121
|
+
]);
|
|
122
|
+
const api = useSlider(useSliderProps);
|
|
123
|
+
const mergedProps = mergeProps$1(() => api().getRootProps(), localProps);
|
|
124
|
+
return <SliderProvider value={api}>
|
|
125
|
+
<wire.div {...mergedProps} />
|
|
126
|
+
</SliderProvider>;
|
|
127
|
+
};
|
|
128
|
+
//#endregion
|
|
129
|
+
//#region src/components/slider/root-provider.tsx
|
|
130
|
+
const SliderRootProvider = (props) => {
|
|
131
|
+
const [{ value: slider }, localProps] = createSplitProps()(props, ["value"]);
|
|
132
|
+
const mergedProps = mergeProps$1(() => slider().getRootProps(), localProps);
|
|
133
|
+
return <SliderProvider value={slider}>
|
|
134
|
+
<wire.div {...mergedProps} />
|
|
135
|
+
</SliderProvider>;
|
|
136
|
+
};
|
|
137
|
+
//#endregion
|
|
138
|
+
//#region src/components/slider/thumb.tsx
|
|
139
|
+
const SliderThumb = (props) => {
|
|
140
|
+
const [thumbProps, localProps] = createSplitProps()(props, ["index", "name"]);
|
|
141
|
+
const slider = useSliderContext();
|
|
142
|
+
const mergedProps = mergeProps$1(() => slider().getThumbProps(thumbProps), localProps);
|
|
143
|
+
return <SliderThumbPropsProvider value={thumbProps}>
|
|
144
|
+
<wire.div {...mergedProps} />
|
|
145
|
+
</SliderThumbPropsProvider>;
|
|
146
|
+
};
|
|
147
|
+
//#endregion
|
|
148
|
+
//#region src/components/slider/track.tsx
|
|
149
|
+
const SliderTrack = (props) => {
|
|
150
|
+
const api = useSliderContext();
|
|
151
|
+
const mergedProps = mergeProps$1(() => api().getTrackProps(), props);
|
|
152
|
+
return <wire.div {...mergedProps} />;
|
|
153
|
+
};
|
|
154
|
+
//#endregion
|
|
155
|
+
//#region src/components/slider/value-text.tsx
|
|
156
|
+
const SliderValueText = (props) => {
|
|
157
|
+
const api = useSliderContext();
|
|
158
|
+
const mergedProps = mergeProps$1(() => api().getValueTextProps(), props);
|
|
159
|
+
return <wire.span {...mergedProps}>{props.children || api().value.join(",")}</wire.span>;
|
|
160
|
+
};
|
|
161
|
+
//#endregion
|
|
162
|
+
//#region src/components/slider/slider.ts
|
|
163
|
+
var slider_exports = /* @__PURE__ */ __exportAll({
|
|
164
|
+
Context: () => SliderContext,
|
|
165
|
+
Control: () => SliderControl,
|
|
166
|
+
DraggingIndicator: () => SliderDraggingIndicator,
|
|
167
|
+
HiddenInput: () => SliderHiddenInput,
|
|
168
|
+
Label: () => SliderLabel,
|
|
169
|
+
Marker: () => SliderMarker,
|
|
170
|
+
MarkerGroup: () => SliderMarkerGroup,
|
|
171
|
+
Range: () => SliderRange,
|
|
172
|
+
Root: () => SliderRoot,
|
|
173
|
+
RootProvider: () => SliderRootProvider,
|
|
174
|
+
Thumb: () => SliderThumb,
|
|
175
|
+
Track: () => SliderTrack,
|
|
176
|
+
ValueText: () => SliderValueText
|
|
177
|
+
});
|
|
178
|
+
//#endregion
|
|
179
|
+
export { slider_exports as Slider, SliderContext, SliderControl, SliderDraggingIndicator, SliderHiddenInput, SliderLabel, SliderMarker, SliderMarkerGroup, SliderRange, SliderRoot, SliderRootProvider, SliderThumb, SliderTrack, SliderValueText, sliderAnatomy, useSlider, useSliderContext };
|
|
@@ -0,0 +1,57 @@
|
|
|
1
|
+
import { a as Optional, n as Assign, r as MaybeAccessor, s as PropTypes } from "./index-ClU-Lb8Z.js";
|
|
2
|
+
import { r as PolymorphicProps, t as HTMLProps } from "./factory-wuwfJqbU.js";
|
|
3
|
+
import { Accessor, JSX } from "solid-js";
|
|
4
|
+
import * as splitter from "@wirekyt/dom/machines/splitter";
|
|
5
|
+
import { ExpandCollapseDetails, ExpandCollapseDetails as SplitterExpandCollapseDetails, PanelData, PanelData as SplitterPanelData, PanelProps, ResizeDetails, ResizeDetails as SplitterResizeDetails, ResizeEndDetails, ResizeEndDetails as SplitterResizeEndDetails, ResizeTriggerProps, anatomy as splitterAnatomy, layout as getLayout, layout as getSplitterLayout } from "@wirekyt/dom/machines/splitter";
|
|
6
|
+
//#region src/components/splitter/use.d.ts
|
|
7
|
+
interface UseSplitterProps extends Optional<Omit<splitter.Props, "dir" | "getRootNode">, "id"> {}
|
|
8
|
+
interface UseSplitterReturn extends Accessor<splitter.Api<PropTypes>> {}
|
|
9
|
+
declare const useSplitter: (props: MaybeAccessor<UseSplitterProps>) => UseSplitterReturn;
|
|
10
|
+
//#endregion
|
|
11
|
+
//#region src/components/splitter/use-context.d.ts
|
|
12
|
+
interface UseSplitterContext extends UseSplitterReturn {}
|
|
13
|
+
declare const SplitterProvider: import("solid-js").ContextProviderComponent<UseSplitterContext>, useSplitterContext: () => UseSplitterContext;
|
|
14
|
+
//#endregion
|
|
15
|
+
//#region src/components/splitter/context.d.ts
|
|
16
|
+
interface SplitterContextProps {
|
|
17
|
+
children: (context: UseSplitterContext) => JSX.Element;
|
|
18
|
+
}
|
|
19
|
+
declare const SplitterContext: (props: SplitterContextProps) => JSX.Element;
|
|
20
|
+
//#endregion
|
|
21
|
+
//#region src/components/splitter/panel.d.ts
|
|
22
|
+
interface SplitterPanelBaseProps extends PanelProps, PolymorphicProps<"div"> {}
|
|
23
|
+
interface SplitterPanelProps extends Assign<HTMLProps<"div">, SplitterPanelBaseProps> {}
|
|
24
|
+
declare const SplitterPanel: (props: SplitterPanelProps) => import("solid-js").JSX.Element;
|
|
25
|
+
//#endregion
|
|
26
|
+
//#region src/components/splitter/resize-trigger.d.ts
|
|
27
|
+
interface SplitterResizeTriggerBaseProps extends ResizeTriggerProps, PolymorphicProps<"button"> {}
|
|
28
|
+
interface SplitterResizeTriggerProps extends Assign<HTMLProps<"button">, SplitterResizeTriggerBaseProps> {}
|
|
29
|
+
declare const SplitterResizeTrigger: (props: SplitterResizeTriggerProps) => import("solid-js").JSX.Element;
|
|
30
|
+
//#endregion
|
|
31
|
+
//#region src/components/splitter/resize-trigger-indicator.d.ts
|
|
32
|
+
interface SplitterResizeTriggerIndicatorBaseProps extends PolymorphicProps<"div"> {}
|
|
33
|
+
interface SplitterResizeTriggerIndicatorProps extends HTMLProps<"div">, SplitterResizeTriggerIndicatorBaseProps {}
|
|
34
|
+
declare const SplitterResizeTriggerIndicator: (props: SplitterResizeTriggerIndicatorProps) => import("solid-js").JSX.Element;
|
|
35
|
+
//#endregion
|
|
36
|
+
//#region src/components/splitter/root.d.ts
|
|
37
|
+
interface SplitterRootBaseProps extends UseSplitterProps, PolymorphicProps<"div"> {}
|
|
38
|
+
interface SplitterRootProps extends Assign<HTMLProps<"div">, SplitterRootBaseProps> {}
|
|
39
|
+
declare const SplitterRoot: (props: SplitterRootProps) => import("solid-js").JSX.Element;
|
|
40
|
+
//#endregion
|
|
41
|
+
//#region src/components/splitter/root-provider.d.ts
|
|
42
|
+
interface RootProviderProps {
|
|
43
|
+
value: UseSplitterReturn;
|
|
44
|
+
}
|
|
45
|
+
interface SplitterRootProviderBaseProps extends PolymorphicProps<"div"> {}
|
|
46
|
+
interface SplitterRootProviderProps extends HTMLProps<"div">, RootProviderProps, SplitterRootProviderBaseProps {}
|
|
47
|
+
declare const SplitterRootProvider: (props: SplitterRootProviderProps) => import("solid-js").JSX.Element;
|
|
48
|
+
//#endregion
|
|
49
|
+
//#region src/components/splitter/create-registry.d.ts
|
|
50
|
+
interface SplitterRegistryProps extends splitter.SplitterRegistryOptions {}
|
|
51
|
+
interface SplitterRegistryReturn extends splitter.SplitterRegistry {}
|
|
52
|
+
declare const createSplitterRegistry: (props?: splitter.SplitterRegistryOptions) => splitter.SplitterRegistry;
|
|
53
|
+
declare namespace splitter_d_exports {
|
|
54
|
+
export { SplitterContext as Context, SplitterContextProps as ContextProps, ExpandCollapseDetails, SplitterPanel as Panel, SplitterPanelBaseProps as PanelBaseProps, PanelData, SplitterPanelProps as PanelProps, ResizeDetails, ResizeEndDetails, SplitterResizeTrigger as ResizeTrigger, SplitterResizeTriggerBaseProps as ResizeTriggerBaseProps, SplitterResizeTriggerIndicator as ResizeTriggerIndicator, SplitterResizeTriggerIndicatorBaseProps as ResizeTriggerIndicatorBaseProps, SplitterResizeTriggerIndicatorProps as ResizeTriggerIndicatorProps, SplitterResizeTriggerProps as ResizeTriggerProps, SplitterRoot as Root, SplitterRootBaseProps as RootBaseProps, SplitterRootProps as RootProps, SplitterRootProvider as RootProvider, SplitterRootProviderBaseProps as RootProviderBaseProps, SplitterRootProviderProps as RootProviderProps, createSplitterRegistry as createRegistry, getLayout };
|
|
55
|
+
}
|
|
56
|
+
//#endregion
|
|
57
|
+
export { splitter_d_exports as Splitter, SplitterContext, type SplitterContextProps, type SplitterExpandCollapseDetails, SplitterPanel, type SplitterPanelBaseProps, type SplitterPanelData, type SplitterPanelProps, type SplitterRegistryProps, type SplitterRegistryReturn, type SplitterResizeDetails, type SplitterResizeEndDetails, SplitterResizeTrigger, type SplitterResizeTriggerBaseProps, SplitterResizeTriggerIndicator, type SplitterResizeTriggerIndicatorBaseProps, type SplitterResizeTriggerIndicatorProps, type SplitterResizeTriggerProps, SplitterRoot, type SplitterRootBaseProps, type SplitterRootProps, SplitterRootProvider, type SplitterRootProviderBaseProps, type SplitterRootProviderProps, type UseSplitterContext, type UseSplitterProps, type UseSplitterReturn, createSplitterRegistry, getSplitterLayout, splitterAnatomy, useSplitter, useSplitterContext };
|
package/dist/splitter.js
ADDED
|
@@ -0,0 +1,126 @@
|
|
|
1
|
+
import { t as __exportAll } from "./rolldown-runtime-D7D4PA-g.js";
|
|
2
|
+
import { a as mergeProps$2, d as createContext$1, i as useMachine, l as createSplitProps, r as normalizeProps } from "./core-7QKBNp9p.js";
|
|
3
|
+
import { t as runIfFn } from "./run-if-fn-CjvD7VzQ.js";
|
|
4
|
+
import { t as wire } from "./factory-D2A7xdtl.js";
|
|
5
|
+
import { a as useLocaleContext, l as useEnvironmentContext } from "./providers-B-Vi5wQ7.js";
|
|
6
|
+
import { createMemo, createUniqueId } from "solid-js";
|
|
7
|
+
import { createComponent } from "solid-js/web";
|
|
8
|
+
import * as splitter from "@wirekyt/dom/machines/splitter";
|
|
9
|
+
import { anatomy as splitterAnatomy, layout as getLayout, layout as getSplitterLayout } from "@wirekyt/dom/machines/splitter";
|
|
10
|
+
//#region src/components/splitter/use-context.ts
|
|
11
|
+
const [SplitterProvider, useSplitterContext] = createContext$1({
|
|
12
|
+
hookName: "useSplitterContext",
|
|
13
|
+
providerName: "<SplitterProvider />"
|
|
14
|
+
});
|
|
15
|
+
//#endregion
|
|
16
|
+
//#region src/components/splitter/context.tsx
|
|
17
|
+
const SplitterContext = (props) => props.children(useSplitterContext());
|
|
18
|
+
//#endregion
|
|
19
|
+
//#region src/components/splitter/panel.tsx
|
|
20
|
+
const SplitterPanel = (props) => {
|
|
21
|
+
const [panelProps, restProps] = createSplitProps()(props, ["id"]);
|
|
22
|
+
const api = useSplitterContext();
|
|
23
|
+
const mergedProps = mergeProps$2(() => api().getPanelProps(panelProps), restProps);
|
|
24
|
+
return createComponent(wire.div, mergedProps);
|
|
25
|
+
};
|
|
26
|
+
//#endregion
|
|
27
|
+
//#region src/components/splitter/use-resize-trigger-props-context.ts
|
|
28
|
+
const [SplitterResizeTriggerPropsProvider, useSplitterResizeTriggerPropsContext] = createContext$1({
|
|
29
|
+
hookName: "useSplitterResizeTriggerPropsContext",
|
|
30
|
+
providerName: "<SplitterResizeTriggerPropsProvider />"
|
|
31
|
+
});
|
|
32
|
+
//#endregion
|
|
33
|
+
//#region src/components/splitter/resize-trigger.tsx
|
|
34
|
+
const SplitterResizeTrigger = (props) => {
|
|
35
|
+
const [resizeTriggerProps, restProps] = createSplitProps()(props, ["disabled", "id"]);
|
|
36
|
+
const api = useSplitterContext();
|
|
37
|
+
const mergedProps = mergeProps$2(() => api().getResizeTriggerProps(resizeTriggerProps), restProps);
|
|
38
|
+
return createComponent(SplitterResizeTriggerPropsProvider, {
|
|
39
|
+
value: resizeTriggerProps,
|
|
40
|
+
get children() {
|
|
41
|
+
return createComponent(wire.button, mergedProps);
|
|
42
|
+
}
|
|
43
|
+
});
|
|
44
|
+
};
|
|
45
|
+
//#endregion
|
|
46
|
+
//#region src/components/splitter/resize-trigger-indicator.tsx
|
|
47
|
+
const SplitterResizeTriggerIndicator = (props) => {
|
|
48
|
+
const splitter = useSplitterContext();
|
|
49
|
+
const triggerProps = useSplitterResizeTriggerPropsContext();
|
|
50
|
+
const mergedProps = mergeProps$2(() => splitter().getResizeTriggerIndicator(triggerProps), props);
|
|
51
|
+
return createComponent(wire.div, mergedProps);
|
|
52
|
+
};
|
|
53
|
+
//#endregion
|
|
54
|
+
//#region src/components/splitter/use.ts
|
|
55
|
+
const useSplitter = (props) => {
|
|
56
|
+
const locale = useLocaleContext();
|
|
57
|
+
const environment = useEnvironmentContext();
|
|
58
|
+
const id = createUniqueId();
|
|
59
|
+
const machineProps = createMemo(() => ({
|
|
60
|
+
id,
|
|
61
|
+
dir: locale().dir,
|
|
62
|
+
getRootNode: environment().getRootNode,
|
|
63
|
+
...runIfFn(props)
|
|
64
|
+
}));
|
|
65
|
+
const service = useMachine(splitter.machine, machineProps);
|
|
66
|
+
return createMemo(() => splitter.connect(service, normalizeProps));
|
|
67
|
+
};
|
|
68
|
+
//#endregion
|
|
69
|
+
//#region src/components/splitter/root.tsx
|
|
70
|
+
const SplitterRoot = (props) => {
|
|
71
|
+
const [useSplitterProps, localProps] = createSplitProps()(props, [
|
|
72
|
+
"defaultSize",
|
|
73
|
+
"id",
|
|
74
|
+
"ids",
|
|
75
|
+
"keyboardResizeBy",
|
|
76
|
+
"nonce",
|
|
77
|
+
"onCollapse",
|
|
78
|
+
"onExpand",
|
|
79
|
+
"onResize",
|
|
80
|
+
"onResizeEnd",
|
|
81
|
+
"onResizeStart",
|
|
82
|
+
"orientation",
|
|
83
|
+
"panels",
|
|
84
|
+
"size",
|
|
85
|
+
"registry"
|
|
86
|
+
]);
|
|
87
|
+
const api = useSplitter(useSplitterProps);
|
|
88
|
+
const mergedProps = mergeProps$2(() => api().getRootProps(), localProps);
|
|
89
|
+
return createComponent(SplitterProvider, {
|
|
90
|
+
value: api,
|
|
91
|
+
get children() {
|
|
92
|
+
return createComponent(wire.div, mergedProps);
|
|
93
|
+
}
|
|
94
|
+
});
|
|
95
|
+
};
|
|
96
|
+
//#endregion
|
|
97
|
+
//#region src/components/splitter/root-provider.tsx
|
|
98
|
+
const SplitterRootProvider = (props) => {
|
|
99
|
+
const [{ value: splitter }, localProps] = createSplitProps()(props, ["value"]);
|
|
100
|
+
const mergedProps = mergeProps$2(() => splitter().getRootProps(), localProps);
|
|
101
|
+
return createComponent(SplitterProvider, {
|
|
102
|
+
value: splitter,
|
|
103
|
+
get children() {
|
|
104
|
+
return createComponent(wire.div, mergedProps);
|
|
105
|
+
}
|
|
106
|
+
});
|
|
107
|
+
};
|
|
108
|
+
//#endregion
|
|
109
|
+
//#region src/components/splitter/create-registry.ts
|
|
110
|
+
const createSplitterRegistry = (props) => {
|
|
111
|
+
return splitter.registry(props);
|
|
112
|
+
};
|
|
113
|
+
//#endregion
|
|
114
|
+
//#region src/components/splitter/splitter.ts
|
|
115
|
+
var splitter_exports = /* @__PURE__ */ __exportAll({
|
|
116
|
+
Context: () => SplitterContext,
|
|
117
|
+
Panel: () => SplitterPanel,
|
|
118
|
+
ResizeTrigger: () => SplitterResizeTrigger,
|
|
119
|
+
ResizeTriggerIndicator: () => SplitterResizeTriggerIndicator,
|
|
120
|
+
Root: () => SplitterRoot,
|
|
121
|
+
RootProvider: () => SplitterRootProvider,
|
|
122
|
+
createRegistry: () => createSplitterRegistry,
|
|
123
|
+
getLayout: () => getLayout
|
|
124
|
+
});
|
|
125
|
+
//#endregion
|
|
126
|
+
export { splitter_exports as Splitter, SplitterContext, SplitterPanel, SplitterResizeTrigger, SplitterResizeTriggerIndicator, SplitterRoot, SplitterRootProvider, createSplitterRegistry, getSplitterLayout, splitterAnatomy, useSplitter, useSplitterContext };
|
|
@@ -0,0 +1,116 @@
|
|
|
1
|
+
import { t as __exportAll } from "./rolldown-runtime-D7D4PA-g.jsx";
|
|
2
|
+
import { a as mergeProps$1, d as createContext$1, i as useMachine, l as createSplitProps, r as normalizeProps } from "./core-7QKBNp9p.jsx";
|
|
3
|
+
import { t as runIfFn } from "./run-if-fn-CjvD7VzQ.jsx";
|
|
4
|
+
import { t as wire } from "./factory-DRw_slzE.jsx";
|
|
5
|
+
import { a as useLocaleContext, l as useEnvironmentContext } from "./providers-CqNHqLpB.jsx";
|
|
6
|
+
import { createMemo, createUniqueId } from "solid-js";
|
|
7
|
+
import * as splitter from "@wirekyt/dom/machines/splitter";
|
|
8
|
+
import { anatomy as splitterAnatomy, layout as getLayout, layout as getSplitterLayout } from "@wirekyt/dom/machines/splitter";
|
|
9
|
+
//#region src/components/splitter/use-context.ts
|
|
10
|
+
const [SplitterProvider, useSplitterContext] = createContext$1({
|
|
11
|
+
hookName: "useSplitterContext",
|
|
12
|
+
providerName: "<SplitterProvider />"
|
|
13
|
+
});
|
|
14
|
+
//#endregion
|
|
15
|
+
//#region src/components/splitter/context.tsx
|
|
16
|
+
const SplitterContext = (props) => props.children(useSplitterContext());
|
|
17
|
+
//#endregion
|
|
18
|
+
//#region src/components/splitter/panel.tsx
|
|
19
|
+
const SplitterPanel = (props) => {
|
|
20
|
+
const [panelProps, restProps] = createSplitProps()(props, ["id"]);
|
|
21
|
+
const api = useSplitterContext();
|
|
22
|
+
const mergedProps = mergeProps$1(() => api().getPanelProps(panelProps), restProps);
|
|
23
|
+
return <wire.div {...mergedProps} />;
|
|
24
|
+
};
|
|
25
|
+
//#endregion
|
|
26
|
+
//#region src/components/splitter/use-resize-trigger-props-context.ts
|
|
27
|
+
const [SplitterResizeTriggerPropsProvider, useSplitterResizeTriggerPropsContext] = createContext$1({
|
|
28
|
+
hookName: "useSplitterResizeTriggerPropsContext",
|
|
29
|
+
providerName: "<SplitterResizeTriggerPropsProvider />"
|
|
30
|
+
});
|
|
31
|
+
//#endregion
|
|
32
|
+
//#region src/components/splitter/resize-trigger.tsx
|
|
33
|
+
const SplitterResizeTrigger = (props) => {
|
|
34
|
+
const [resizeTriggerProps, restProps] = createSplitProps()(props, ["disabled", "id"]);
|
|
35
|
+
const api = useSplitterContext();
|
|
36
|
+
const mergedProps = mergeProps$1(() => api().getResizeTriggerProps(resizeTriggerProps), restProps);
|
|
37
|
+
return <SplitterResizeTriggerPropsProvider value={resizeTriggerProps}>
|
|
38
|
+
<wire.button {...mergedProps} />
|
|
39
|
+
</SplitterResizeTriggerPropsProvider>;
|
|
40
|
+
};
|
|
41
|
+
//#endregion
|
|
42
|
+
//#region src/components/splitter/resize-trigger-indicator.tsx
|
|
43
|
+
const SplitterResizeTriggerIndicator = (props) => {
|
|
44
|
+
const splitter = useSplitterContext();
|
|
45
|
+
const triggerProps = useSplitterResizeTriggerPropsContext();
|
|
46
|
+
const mergedProps = mergeProps$1(() => splitter().getResizeTriggerIndicator(triggerProps), props);
|
|
47
|
+
return <wire.div {...mergedProps} />;
|
|
48
|
+
};
|
|
49
|
+
//#endregion
|
|
50
|
+
//#region src/components/splitter/use.ts
|
|
51
|
+
const useSplitter = (props) => {
|
|
52
|
+
const locale = useLocaleContext();
|
|
53
|
+
const environment = useEnvironmentContext();
|
|
54
|
+
const id = createUniqueId();
|
|
55
|
+
const machineProps = createMemo(() => ({
|
|
56
|
+
id,
|
|
57
|
+
dir: locale().dir,
|
|
58
|
+
getRootNode: environment().getRootNode,
|
|
59
|
+
...runIfFn(props)
|
|
60
|
+
}));
|
|
61
|
+
const service = useMachine(splitter.machine, machineProps);
|
|
62
|
+
return createMemo(() => splitter.connect(service, normalizeProps));
|
|
63
|
+
};
|
|
64
|
+
//#endregion
|
|
65
|
+
//#region src/components/splitter/root.tsx
|
|
66
|
+
const SplitterRoot = (props) => {
|
|
67
|
+
const [useSplitterProps, localProps] = createSplitProps()(props, [
|
|
68
|
+
"defaultSize",
|
|
69
|
+
"id",
|
|
70
|
+
"ids",
|
|
71
|
+
"keyboardResizeBy",
|
|
72
|
+
"nonce",
|
|
73
|
+
"onCollapse",
|
|
74
|
+
"onExpand",
|
|
75
|
+
"onResize",
|
|
76
|
+
"onResizeEnd",
|
|
77
|
+
"onResizeStart",
|
|
78
|
+
"orientation",
|
|
79
|
+
"panels",
|
|
80
|
+
"size",
|
|
81
|
+
"registry"
|
|
82
|
+
]);
|
|
83
|
+
const api = useSplitter(useSplitterProps);
|
|
84
|
+
const mergedProps = mergeProps$1(() => api().getRootProps(), localProps);
|
|
85
|
+
return <SplitterProvider value={api}>
|
|
86
|
+
<wire.div {...mergedProps} />
|
|
87
|
+
</SplitterProvider>;
|
|
88
|
+
};
|
|
89
|
+
//#endregion
|
|
90
|
+
//#region src/components/splitter/root-provider.tsx
|
|
91
|
+
const SplitterRootProvider = (props) => {
|
|
92
|
+
const [{ value: splitter }, localProps] = createSplitProps()(props, ["value"]);
|
|
93
|
+
const mergedProps = mergeProps$1(() => splitter().getRootProps(), localProps);
|
|
94
|
+
return <SplitterProvider value={splitter}>
|
|
95
|
+
<wire.div {...mergedProps} />
|
|
96
|
+
</SplitterProvider>;
|
|
97
|
+
};
|
|
98
|
+
//#endregion
|
|
99
|
+
//#region src/components/splitter/create-registry.ts
|
|
100
|
+
const createSplitterRegistry = (props) => {
|
|
101
|
+
return splitter.registry(props);
|
|
102
|
+
};
|
|
103
|
+
//#endregion
|
|
104
|
+
//#region src/components/splitter/splitter.ts
|
|
105
|
+
var splitter_exports = /* @__PURE__ */ __exportAll({
|
|
106
|
+
Context: () => SplitterContext,
|
|
107
|
+
Panel: () => SplitterPanel,
|
|
108
|
+
ResizeTrigger: () => SplitterResizeTrigger,
|
|
109
|
+
ResizeTriggerIndicator: () => SplitterResizeTriggerIndicator,
|
|
110
|
+
Root: () => SplitterRoot,
|
|
111
|
+
RootProvider: () => SplitterRootProvider,
|
|
112
|
+
createRegistry: () => createSplitterRegistry,
|
|
113
|
+
getLayout: () => getLayout
|
|
114
|
+
});
|
|
115
|
+
//#endregion
|
|
116
|
+
export { splitter_exports as Splitter, SplitterContext, SplitterPanel, SplitterResizeTrigger, SplitterResizeTriggerIndicator, SplitterRoot, SplitterRootProvider, createSplitterRegistry, getSplitterLayout, splitterAnatomy, useSplitter, useSplitterContext };
|
package/dist/steps.d.ts
ADDED
|
@@ -0,0 +1,100 @@
|
|
|
1
|
+
import { a as Optional, r as MaybeAccessor, s as PropTypes } from "./index-ClU-Lb8Z.js";
|
|
2
|
+
import { r as PolymorphicProps, t as HTMLProps } from "./factory-wuwfJqbU.js";
|
|
3
|
+
import { Accessor, JSX } from "solid-js";
|
|
4
|
+
import * as steps from "@wirekyt/dom/machines/steps";
|
|
5
|
+
import { ItemProps, ItemState, StepChangeDetails, StepChangeDetails as ChangeDetails, anatomy as stepsAnatomy } from "@wirekyt/dom/machines/steps";
|
|
6
|
+
//#region src/components/steps/completed-content.d.ts
|
|
7
|
+
interface StepsCompletedContentBaseProps extends PolymorphicProps<"div"> {}
|
|
8
|
+
interface StepsCompletedContentProps extends HTMLProps<"div">, StepsCompletedContentBaseProps {}
|
|
9
|
+
declare const StepsCompletedContent: (props: StepsCompletedContentProps) => import("solid-js").JSX.Element;
|
|
10
|
+
//#endregion
|
|
11
|
+
//#region src/components/steps/content.d.ts
|
|
12
|
+
interface StepsContentBaseProps extends PolymorphicProps<"div">, ItemProps {}
|
|
13
|
+
interface StepsContentProps extends HTMLProps<"div">, StepsContentBaseProps {}
|
|
14
|
+
declare const StepsContent: (props: StepsContentProps) => import("solid-js").JSX.Element;
|
|
15
|
+
//#endregion
|
|
16
|
+
//#region src/components/steps/use.d.ts
|
|
17
|
+
interface UseStepsProps extends Optional<Omit<steps.Props, "dir" | "getRootNode">, "id"> {}
|
|
18
|
+
interface UseStepsReturn extends Accessor<steps.Api<PropTypes>> {}
|
|
19
|
+
declare function useSteps(props?: MaybeAccessor<UseStepsProps>): UseStepsReturn;
|
|
20
|
+
//#endregion
|
|
21
|
+
//#region src/components/steps/use-context.d.ts
|
|
22
|
+
interface UseStepsContext extends UseStepsReturn {}
|
|
23
|
+
declare const StepsProvider: import("solid-js").ContextProviderComponent<UseStepsContext>, useStepsContext: () => UseStepsContext;
|
|
24
|
+
//#endregion
|
|
25
|
+
//#region src/components/steps/context.d.ts
|
|
26
|
+
interface StepsContextProps {
|
|
27
|
+
children: (context: UseStepsContext) => JSX.Element;
|
|
28
|
+
}
|
|
29
|
+
declare const StepsContext: (props: StepsContextProps) => JSX.Element;
|
|
30
|
+
//#endregion
|
|
31
|
+
//#region src/components/steps/indicator.d.ts
|
|
32
|
+
interface StepsIndicatorBaseProps extends PolymorphicProps<"div"> {}
|
|
33
|
+
interface StepsIndicatorProps extends HTMLProps<"div">, StepsIndicatorBaseProps {}
|
|
34
|
+
declare const StepsIndicator: (props: StepsIndicatorProps) => import("solid-js").JSX.Element;
|
|
35
|
+
//#endregion
|
|
36
|
+
//#region src/components/steps/item.d.ts
|
|
37
|
+
interface StepsItemBaseProps extends ItemProps, PolymorphicProps<"div"> {}
|
|
38
|
+
interface StepsItemProps extends HTMLProps<"div">, StepsItemBaseProps {}
|
|
39
|
+
declare const StepsItem: (props: StepsItemProps) => import("solid-js").JSX.Element;
|
|
40
|
+
//#endregion
|
|
41
|
+
//#region src/components/steps/use-item-context.d.ts
|
|
42
|
+
interface UseStepsItemContext extends Accessor<ItemState> {}
|
|
43
|
+
declare const StepsItemProvider: import("solid-js").ContextProviderComponent<UseStepsItemContext>, useStepsItemContext: () => UseStepsItemContext;
|
|
44
|
+
//#endregion
|
|
45
|
+
//#region src/components/steps/item-context.d.ts
|
|
46
|
+
interface StepsItemContextProps {
|
|
47
|
+
children: (context: UseStepsItemContext) => JSX.Element;
|
|
48
|
+
}
|
|
49
|
+
declare const StepsItemContext: {
|
|
50
|
+
(props: StepsItemContextProps): JSX.Element;
|
|
51
|
+
displayName: string;
|
|
52
|
+
};
|
|
53
|
+
//#endregion
|
|
54
|
+
//#region src/components/steps/list.d.ts
|
|
55
|
+
interface StepsListBaseProps extends PolymorphicProps<"div"> {}
|
|
56
|
+
interface StepsListProps extends HTMLProps<"div">, StepsListBaseProps {}
|
|
57
|
+
declare const StepsList: (props: StepsListProps) => import("solid-js").JSX.Element;
|
|
58
|
+
//#endregion
|
|
59
|
+
//#region src/components/steps/next-trigger.d.ts
|
|
60
|
+
interface StepsNextTriggerBaseProps extends PolymorphicProps<"button"> {}
|
|
61
|
+
interface StepsNextTriggerProps extends HTMLProps<"button">, StepsNextTriggerBaseProps {}
|
|
62
|
+
declare const StepsNextTrigger: (props: StepsNextTriggerProps) => import("solid-js").JSX.Element;
|
|
63
|
+
//#endregion
|
|
64
|
+
//#region src/components/steps/prev-trigger.d.ts
|
|
65
|
+
interface StepsPrevTriggerBaseProps extends PolymorphicProps<"button"> {}
|
|
66
|
+
interface StepsPrevTriggerProps extends HTMLProps<"button">, StepsPrevTriggerBaseProps {}
|
|
67
|
+
declare const StepsPrevTrigger: (props: StepsPrevTriggerProps) => import("solid-js").JSX.Element;
|
|
68
|
+
//#endregion
|
|
69
|
+
//#region src/components/steps/progress.d.ts
|
|
70
|
+
interface StepsProgressBaseProps extends PolymorphicProps<"div"> {}
|
|
71
|
+
interface StepsProgressProps extends HTMLProps<"div">, StepsProgressBaseProps {}
|
|
72
|
+
declare const StepsProgress: (props: StepsProgressProps) => import("solid-js").JSX.Element;
|
|
73
|
+
//#endregion
|
|
74
|
+
//#region src/components/steps/root.d.ts
|
|
75
|
+
interface StepsRootBaseProps extends UseStepsProps, PolymorphicProps<"div"> {}
|
|
76
|
+
interface StepsRootProps extends HTMLProps<"div">, StepsRootBaseProps {}
|
|
77
|
+
declare const StepsRoot: (props: StepsRootProps) => import("solid-js").JSX.Element;
|
|
78
|
+
//#endregion
|
|
79
|
+
//#region src/components/steps/root-provider.d.ts
|
|
80
|
+
interface RootProviderProps {
|
|
81
|
+
value: UseStepsReturn;
|
|
82
|
+
}
|
|
83
|
+
interface StepsRootProviderBaseProps extends RootProviderProps, PolymorphicProps<"div"> {}
|
|
84
|
+
interface StepsRootProviderProps extends HTMLProps<"div">, StepsRootProviderBaseProps {}
|
|
85
|
+
declare const StepsRootProvider: (props: StepsRootProviderProps) => import("solid-js").JSX.Element;
|
|
86
|
+
//#endregion
|
|
87
|
+
//#region src/components/steps/separator.d.ts
|
|
88
|
+
interface StepsSeparatorBaseProps extends PolymorphicProps<"div"> {}
|
|
89
|
+
interface StepsSeparatorProps extends HTMLProps<"div">, StepsSeparatorBaseProps {}
|
|
90
|
+
declare const StepsSeparator: (props: StepsSeparatorProps) => import("solid-js").JSX.Element;
|
|
91
|
+
//#endregion
|
|
92
|
+
//#region src/components/steps/trigger.d.ts
|
|
93
|
+
interface StepsTriggerBaseProps extends PolymorphicProps<"button"> {}
|
|
94
|
+
interface StepsTriggerProps extends HTMLProps<"button">, StepsTriggerBaseProps {}
|
|
95
|
+
declare const StepsTrigger: (props: StepsTriggerProps) => import("solid-js").JSX.Element;
|
|
96
|
+
declare namespace steps_d_exports {
|
|
97
|
+
export { ChangeDetails, StepsCompletedContent as CompletedContent, StepsCompletedContentBaseProps as CompletedContentBaseProps, StepsCompletedContentProps as CompletedContentProps, StepsContent as Content, StepsContentBaseProps as ContentBaseProps, StepsContentProps as ContentProps, StepsContext as Context, StepsContextProps as ContextProps, StepsIndicator as Indicator, StepsIndicatorBaseProps as IndicatorBaseProps, StepsIndicatorProps as IndicatorProps, StepsItem as Item, StepsItemBaseProps as ItemBaseProps, StepsItemContext as ItemContext, StepsItemContextProps as ItemContextProps, StepsItemProps as ItemProps, StepsList as List, StepsListBaseProps as ListBaseProps, StepsListProps as ListProps, StepsNextTrigger as NextTrigger, StepsNextTriggerBaseProps as NextTriggerBaseProps, StepsNextTriggerProps as NextTriggerProps, StepsPrevTrigger as PrevTrigger, StepsPrevTriggerBaseProps as PrevTriggerBaseProps, StepsPrevTriggerProps as PrevTriggerProps, StepsProgress as Progress, StepsProgressBaseProps as ProgressBaseProps, StepsProgressProps as ProgressProps, StepsRoot as Root, StepsRootBaseProps as RootBaseProps, StepsRootProps as RootProps, StepsRootProvider as RootProvider, StepsRootProviderBaseProps as RootProviderBaseProps, StepsRootProviderProps as RootProviderProps, StepsSeparator as Separator, StepsSeparatorBaseProps as SeparatorBaseProps, StepsSeparatorProps as SeparatorProps, StepsTrigger as Trigger, StepsTriggerBaseProps as TriggerBaseProps, StepsTriggerProps as TriggerProps };
|
|
98
|
+
}
|
|
99
|
+
//#endregion
|
|
100
|
+
export { type StepChangeDetails, steps_d_exports as Steps, StepsCompletedContent, type StepsCompletedContentBaseProps, type StepsCompletedContentProps, StepsContent, type StepsContentBaseProps, type StepsContentProps, StepsContext, type StepsContextProps, StepsIndicator, type StepsIndicatorBaseProps, type StepsIndicatorProps, StepsItem, type StepsItemBaseProps, StepsItemContext, type StepsItemContextProps, type StepsItemProps, StepsList, type StepsListBaseProps, type StepsListProps, StepsNextTrigger, type StepsNextTriggerBaseProps, type StepsNextTriggerProps, StepsPrevTrigger, type StepsPrevTriggerBaseProps, type StepsPrevTriggerProps, StepsProgress, type StepsProgressBaseProps, type StepsProgressProps, StepsRoot, type StepsRootBaseProps, type StepsRootProps, StepsRootProvider, type StepsRootProviderBaseProps, type StepsRootProviderProps, StepsSeparator, type StepsSeparatorBaseProps, type StepsSeparatorProps, StepsTrigger, type StepsTriggerBaseProps, type StepsTriggerProps, type UseStepsContext, type UseStepsItemContext, type UseStepsProps, type UseStepsReturn, stepsAnatomy, useSteps, useStepsContext, useStepsItemContext };
|