@isbatak/ark-wheel-picker 0.0.0
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/LICENSE +21 -0
- package/README.md +16 -0
- package/dist/react/index.cjs +89 -0
- package/dist/react/index.d.cts +20 -0
- package/dist/react/index.d.ts +20 -0
- package/dist/react/index.js +53 -0
- package/dist/react/use-wheel-picker-context.cjs +37 -0
- package/dist/react/use-wheel-picker-context.d.cts +12 -0
- package/dist/react/use-wheel-picker-context.d.ts +12 -0
- package/dist/react/use-wheel-picker-context.js +11 -0
- package/dist/react/use-wheel-picker.cjs +57 -0
- package/dist/react/use-wheel-picker.d.cts +11 -0
- package/dist/react/use-wheel-picker.d.ts +11 -0
- package/dist/react/use-wheel-picker.js +22 -0
- package/dist/react/wheel-picker-context.cjs +31 -0
- package/dist/react/wheel-picker-context.d.cts +13 -0
- package/dist/react/wheel-picker-context.d.ts +13 -0
- package/dist/react/wheel-picker-context.js +6 -0
- package/dist/react/wheel-picker-control.cjs +40 -0
- package/dist/react/wheel-picker-control.d.cts +10 -0
- package/dist/react/wheel-picker-control.d.ts +10 -0
- package/dist/react/wheel-picker-control.js +15 -0
- package/dist/react/wheel-picker-hidden-select.cjs +44 -0
- package/dist/react/wheel-picker-hidden-select.d.cts +10 -0
- package/dist/react/wheel-picker-hidden-select.d.ts +10 -0
- package/dist/react/wheel-picker-hidden-select.js +19 -0
- package/dist/react/wheel-picker-highlight-item-group.cjs +42 -0
- package/dist/react/wheel-picker-highlight-item-group.d.cts +10 -0
- package/dist/react/wheel-picker-highlight-item-group.d.ts +10 -0
- package/dist/react/wheel-picker-highlight-item-group.js +17 -0
- package/dist/react/wheel-picker-highlight-item.cjs +52 -0
- package/dist/react/wheel-picker-highlight-item.d.cts +11 -0
- package/dist/react/wheel-picker-highlight-item.d.ts +11 -0
- package/dist/react/wheel-picker-highlight-item.js +17 -0
- package/dist/react/wheel-picker-highlight.cjs +40 -0
- package/dist/react/wheel-picker-highlight.d.cts +10 -0
- package/dist/react/wheel-picker-highlight.d.ts +10 -0
- package/dist/react/wheel-picker-highlight.js +15 -0
- package/dist/react/wheel-picker-item-group.cjs +40 -0
- package/dist/react/wheel-picker-item-group.d.cts +10 -0
- package/dist/react/wheel-picker-item-group.d.ts +10 -0
- package/dist/react/wheel-picker-item-group.js +15 -0
- package/dist/react/wheel-picker-item.cjs +52 -0
- package/dist/react/wheel-picker-item.d.cts +11 -0
- package/dist/react/wheel-picker-item.d.ts +11 -0
- package/dist/react/wheel-picker-item.js +17 -0
- package/dist/react/wheel-picker-label.cjs +40 -0
- package/dist/react/wheel-picker-label.d.cts +10 -0
- package/dist/react/wheel-picker-label.d.ts +10 -0
- package/dist/react/wheel-picker-label.js +15 -0
- package/dist/react/wheel-picker-root-provider.cjs +40 -0
- package/dist/react/wheel-picker-root-provider.d.cts +17 -0
- package/dist/react/wheel-picker-root-provider.d.ts +17 -0
- package/dist/react/wheel-picker-root-provider.js +15 -0
- package/dist/react/wheel-picker-root.cjs +56 -0
- package/dist/react/wheel-picker-root.d.cts +15 -0
- package/dist/react/wheel-picker-root.d.ts +15 -0
- package/dist/react/wheel-picker-root.js +21 -0
- package/dist/react/wheel-picker-viewport.cjs +40 -0
- package/dist/react/wheel-picker-viewport.d.cts +10 -0
- package/dist/react/wheel-picker-viewport.d.ts +10 -0
- package/dist/react/wheel-picker-viewport.js +15 -0
- package/dist/react/wheel-picker.cjs +63 -0
- package/dist/react/wheel-picker.d.cts +29 -0
- package/dist/react/wheel-picker.d.ts +29 -0
- package/dist/react/wheel-picker.js +49 -0
- package/dist/solid/index.d.ts +19 -0
- package/dist/solid/index.js +53 -0
- package/dist/solid/index.jsx +53 -0
- package/dist/solid/use-wheel-picker-context.d.ts +11 -0
- package/dist/solid/use-wheel-picker-context.js +10 -0
- package/dist/solid/use-wheel-picker-context.jsx +10 -0
- package/dist/solid/use-wheel-picker-pwg6J5oj.d.ts +15 -0
- package/dist/solid/use-wheel-picker.d.ts +4 -0
- package/dist/solid/use-wheel-picker.js +22 -0
- package/dist/solid/use-wheel-picker.jsx +22 -0
- package/dist/solid/wheel-picker-context.d.ts +12 -0
- package/dist/solid/wheel-picker-context.js +6 -0
- package/dist/solid/wheel-picker-context.jsx +6 -0
- package/dist/solid/wheel-picker-control.d.ts +10 -0
- package/dist/solid/wheel-picker-control.js +13 -0
- package/dist/solid/wheel-picker-control.jsx +12 -0
- package/dist/solid/wheel-picker-hidden-select.d.ts +10 -0
- package/dist/solid/wheel-picker-hidden-select.js +34 -0
- package/dist/solid/wheel-picker-hidden-select.jsx +22 -0
- package/dist/solid/wheel-picker-highlight-item-group.d.ts +10 -0
- package/dist/solid/wheel-picker-highlight-item-group.js +13 -0
- package/dist/solid/wheel-picker-highlight-item-group.jsx +12 -0
- package/dist/solid/wheel-picker-highlight-item.d.ts +11 -0
- package/dist/solid/wheel-picker-highlight-item.js +15 -0
- package/dist/solid/wheel-picker-highlight-item.jsx +15 -0
- package/dist/solid/wheel-picker-highlight.d.ts +10 -0
- package/dist/solid/wheel-picker-highlight.js +13 -0
- package/dist/solid/wheel-picker-highlight.jsx +12 -0
- package/dist/solid/wheel-picker-item-group.d.ts +10 -0
- package/dist/solid/wheel-picker-item-group.js +13 -0
- package/dist/solid/wheel-picker-item-group.jsx +12 -0
- package/dist/solid/wheel-picker-item.d.ts +11 -0
- package/dist/solid/wheel-picker-item.js +15 -0
- package/dist/solid/wheel-picker-item.jsx +15 -0
- package/dist/solid/wheel-picker-label.d.ts +10 -0
- package/dist/solid/wheel-picker-label.js +13 -0
- package/dist/solid/wheel-picker-label.jsx +12 -0
- package/dist/solid/wheel-picker-root-provider.d.ts +16 -0
- package/dist/solid/wheel-picker-root-provider.js +21 -0
- package/dist/solid/wheel-picker-root-provider.jsx +15 -0
- package/dist/solid/wheel-picker-root.d.ts +13 -0
- package/dist/solid/wheel-picker-root.js +22 -0
- package/dist/solid/wheel-picker-root.jsx +18 -0
- package/dist/solid/wheel-picker-viewport.d.ts +10 -0
- package/dist/solid/wheel-picker-viewport.js +13 -0
- package/dist/solid/wheel-picker-viewport.jsx +12 -0
- package/dist/solid/wheel-picker.d.ts +28 -0
- package/dist/solid/wheel-picker.js +49 -0
- package/dist/solid/wheel-picker.jsx +49 -0
- package/dist/svelte/index.d.ts +5 -0
- package/dist/svelte/index.js +4 -0
- package/dist/svelte/types.d.ts +12 -0
- package/dist/svelte/types.js +1 -0
- package/dist/svelte/use-wheel-picker-context.d.ts +4 -0
- package/dist/svelte/use-wheel-picker-context.js +4 -0
- package/dist/svelte/use-wheel-picker.svelte.d.ts +8 -0
- package/dist/svelte/use-wheel-picker.svelte.js +15 -0
- package/dist/svelte/wheel-picker-context.svelte +17 -0
- package/dist/svelte/wheel-picker-context.svelte.d.ts +8 -0
- package/dist/svelte/wheel-picker-control.svelte +18 -0
- package/dist/svelte/wheel-picker-control.svelte.d.ts +8 -0
- package/dist/svelte/wheel-picker-hidden-select.svelte +25 -0
- package/dist/svelte/wheel-picker-hidden-select.svelte.d.ts +9 -0
- package/dist/svelte/wheel-picker-highlight-item-group.svelte +18 -0
- package/dist/svelte/wheel-picker-highlight-item-group.svelte.d.ts +8 -0
- package/dist/svelte/wheel-picker-highlight-item.svelte +22 -0
- package/dist/svelte/wheel-picker-highlight-item.svelte.d.ts +10 -0
- package/dist/svelte/wheel-picker-highlight.svelte +18 -0
- package/dist/svelte/wheel-picker-highlight.svelte.d.ts +8 -0
- package/dist/svelte/wheel-picker-item-group.svelte +18 -0
- package/dist/svelte/wheel-picker-item-group.svelte.d.ts +8 -0
- package/dist/svelte/wheel-picker-item.svelte +22 -0
- package/dist/svelte/wheel-picker-item.svelte.d.ts +10 -0
- package/dist/svelte/wheel-picker-label.svelte +18 -0
- package/dist/svelte/wheel-picker-label.svelte.d.ts +8 -0
- package/dist/svelte/wheel-picker-root-provider.svelte +25 -0
- package/dist/svelte/wheel-picker-root-provider.svelte.d.ts +13 -0
- package/dist/svelte/wheel-picker-root.svelte +43 -0
- package/dist/svelte/wheel-picker-root.svelte.d.ts +32 -0
- package/dist/svelte/wheel-picker-viewport.svelte +18 -0
- package/dist/svelte/wheel-picker-viewport.svelte.d.ts +8 -0
- package/dist/svelte/wheel-picker.d.ts +13 -0
- package/dist/svelte/wheel-picker.js +12 -0
- package/dist/types.cjs +18 -0
- package/dist/types.d.cts +4 -0
- package/dist/types.d.ts +4 -0
- package/dist/types.js +0 -0
- package/dist/vue/index.cjs +89 -0
- package/dist/vue/index.d.cts +19 -0
- package/dist/vue/index.d.ts +19 -0
- package/dist/vue/index.js +39 -0
- package/dist/vue/use-wheel-picker-context.cjs +33 -0
- package/dist/vue/use-wheel-picker-context.d.cts +12 -0
- package/dist/vue/use-wheel-picker-context.d.ts +12 -0
- package/dist/vue/use-wheel-picker-context.js +7 -0
- package/dist/vue/use-wheel-picker.cjs +75 -0
- package/dist/vue/use-wheel-picker.d.cts +19 -0
- package/dist/vue/use-wheel-picker.d.ts +19 -0
- package/dist/vue/use-wheel-picker.js +40 -0
- package/dist/vue/wheel-picker-context.cjs +39 -0
- package/dist/vue/wheel-picker-context.d.cts +15 -0
- package/dist/vue/wheel-picker-context.d.ts +15 -0
- package/dist/vue/wheel-picker-context.js +14 -0
- package/dist/vue/wheel-picker-control.cjs +42 -0
- package/dist/vue/wheel-picker-control.d.cts +13 -0
- package/dist/vue/wheel-picker-control.d.ts +13 -0
- package/dist/vue/wheel-picker-control.js +17 -0
- package/dist/vue/wheel-picker-hidden-select.cjs +53 -0
- package/dist/vue/wheel-picker-hidden-select.d.cts +7 -0
- package/dist/vue/wheel-picker-hidden-select.d.ts +7 -0
- package/dist/vue/wheel-picker-hidden-select.js +28 -0
- package/dist/vue/wheel-picker-highlight-item-group.cjs +42 -0
- package/dist/vue/wheel-picker-highlight-item-group.d.cts +13 -0
- package/dist/vue/wheel-picker-highlight-item-group.d.ts +13 -0
- package/dist/vue/wheel-picker-highlight-item-group.js +17 -0
- package/dist/vue/wheel-picker-highlight-item.cjs +48 -0
- package/dist/vue/wheel-picker-highlight-item.d.cts +31 -0
- package/dist/vue/wheel-picker-highlight-item.d.ts +31 -0
- package/dist/vue/wheel-picker-highlight-item.js +23 -0
- package/dist/vue/wheel-picker-highlight.cjs +42 -0
- package/dist/vue/wheel-picker-highlight.d.cts +13 -0
- package/dist/vue/wheel-picker-highlight.d.ts +13 -0
- package/dist/vue/wheel-picker-highlight.js +17 -0
- package/dist/vue/wheel-picker-item-group.cjs +42 -0
- package/dist/vue/wheel-picker-item-group.d.cts +13 -0
- package/dist/vue/wheel-picker-item-group.d.ts +13 -0
- package/dist/vue/wheel-picker-item-group.js +17 -0
- package/dist/vue/wheel-picker-item.cjs +48 -0
- package/dist/vue/wheel-picker-item.d.cts +31 -0
- package/dist/vue/wheel-picker-item.d.ts +31 -0
- package/dist/vue/wheel-picker-item.js +23 -0
- package/dist/vue/wheel-picker-label.cjs +42 -0
- package/dist/vue/wheel-picker-label.d.cts +13 -0
- package/dist/vue/wheel-picker-label.d.ts +13 -0
- package/dist/vue/wheel-picker-label.js +17 -0
- package/dist/vue/wheel-picker-root-provider.cjs +43 -0
- package/dist/vue/wheel-picker-root-provider.d.cts +26 -0
- package/dist/vue/wheel-picker-root-provider.d.ts +26 -0
- package/dist/vue/wheel-picker-root-provider.js +18 -0
- package/dist/vue/wheel-picker-root.cjs +72 -0
- package/dist/vue/wheel-picker-root.d.cts +116 -0
- package/dist/vue/wheel-picker-root.d.ts +116 -0
- package/dist/vue/wheel-picker-root.js +47 -0
- package/dist/vue/wheel-picker-viewport.cjs +42 -0
- package/dist/vue/wheel-picker-viewport.d.cts +13 -0
- package/dist/vue/wheel-picker-viewport.d.ts +13 -0
- package/dist/vue/wheel-picker-viewport.js +17 -0
- package/dist/vue/wheel-picker.cjs +63 -0
- package/dist/vue/wheel-picker.d.cts +28 -0
- package/dist/vue/wheel-picker.d.ts +28 -0
- package/dist/vue/wheel-picker.js +27 -0
- package/package.json +143 -0
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import * as solid_js from 'solid-js';
|
|
2
|
+
import { HTMLProps, PolymorphicProps } from '@ark-ui/solid/factory';
|
|
3
|
+
|
|
4
|
+
interface WheelPickerControlBaseProps extends PolymorphicProps<"div"> {
|
|
5
|
+
}
|
|
6
|
+
interface WheelPickerControlProps extends HTMLProps<"div">, WheelPickerControlBaseProps {
|
|
7
|
+
}
|
|
8
|
+
declare const WheelPickerControl: (props: WheelPickerControlProps) => solid_js.JSX.Element;
|
|
9
|
+
|
|
10
|
+
export { WheelPickerControl, type WheelPickerControlBaseProps, type WheelPickerControlProps };
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
// src/solid/wheel-picker-control.tsx
|
|
2
|
+
import { createComponent as _$createComponent } from "solid-js/web";
|
|
3
|
+
import { ark } from "@ark-ui/solid/factory";
|
|
4
|
+
import { mergeProps } from "@zag-js/solid";
|
|
5
|
+
import { useWheelPickerContext } from "./use-wheel-picker-context.js";
|
|
6
|
+
var WheelPickerControl = (props) => {
|
|
7
|
+
const api = useWheelPickerContext();
|
|
8
|
+
const mergedProps = mergeProps(() => api().getControlProps(), props);
|
|
9
|
+
return _$createComponent(ark.div, mergedProps);
|
|
10
|
+
};
|
|
11
|
+
export {
|
|
12
|
+
WheelPickerControl
|
|
13
|
+
};
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
// src/solid/wheel-picker-control.tsx
|
|
2
|
+
import { ark } from "@ark-ui/solid/factory";
|
|
3
|
+
import { mergeProps } from "@zag-js/solid";
|
|
4
|
+
import { useWheelPickerContext } from "./use-wheel-picker-context.jsx";
|
|
5
|
+
var WheelPickerControl = (props) => {
|
|
6
|
+
const api = useWheelPickerContext();
|
|
7
|
+
const mergedProps = mergeProps(() => api().getControlProps(), props);
|
|
8
|
+
return <ark.div {...mergedProps} />;
|
|
9
|
+
};
|
|
10
|
+
export {
|
|
11
|
+
WheelPickerControl
|
|
12
|
+
};
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import * as solid_js from 'solid-js';
|
|
2
|
+
import { HTMLProps, PolymorphicProps } from '@ark-ui/solid/factory';
|
|
3
|
+
|
|
4
|
+
interface WheelPickerHiddenSelectBaseProps extends PolymorphicProps<"select"> {
|
|
5
|
+
}
|
|
6
|
+
interface WheelPickerHiddenSelectProps extends HTMLProps<"select">, WheelPickerHiddenSelectBaseProps {
|
|
7
|
+
}
|
|
8
|
+
declare const WheelPickerHiddenSelect: (props: WheelPickerHiddenSelectProps) => solid_js.JSX.Element;
|
|
9
|
+
|
|
10
|
+
export { WheelPickerHiddenSelect, type WheelPickerHiddenSelectBaseProps, type WheelPickerHiddenSelectProps };
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
// src/solid/wheel-picker-hidden-select.tsx
|
|
2
|
+
import { template as _$template } from "solid-js/web";
|
|
3
|
+
import { insert as _$insert } from "solid-js/web";
|
|
4
|
+
import { effect as _$effect } from "solid-js/web";
|
|
5
|
+
import { mergeProps as _$mergeProps } from "solid-js/web";
|
|
6
|
+
import { createComponent as _$createComponent } from "solid-js/web";
|
|
7
|
+
import { ark } from "@ark-ui/solid/factory";
|
|
8
|
+
import { mergeProps } from "@zag-js/solid";
|
|
9
|
+
import { Index } from "solid-js";
|
|
10
|
+
import { useWheelPickerContext } from "./use-wheel-picker-context.js";
|
|
11
|
+
var _tmpl$ = /* @__PURE__ */ _$template(`<option>`);
|
|
12
|
+
var WheelPickerHiddenSelect = (props) => {
|
|
13
|
+
const api = useWheelPickerContext();
|
|
14
|
+
const mergedProps = mergeProps(() => api().getHiddenSelectProps(), props);
|
|
15
|
+
return _$createComponent(ark.select, _$mergeProps(mergedProps, {
|
|
16
|
+
get children() {
|
|
17
|
+
return _$createComponent(Index, {
|
|
18
|
+
get each() {
|
|
19
|
+
return api().collection.items;
|
|
20
|
+
},
|
|
21
|
+
children: (item) => (() => {
|
|
22
|
+
var _el$ = _tmpl$();
|
|
23
|
+
_$insert(_el$, () => api().collection.stringifyItem(item()));
|
|
24
|
+
_$effect(() => _el$.disabled = api().collection.getItemDisabled(item()));
|
|
25
|
+
_$effect(() => _el$.value = api().collection.getItemValue(item()) ?? "");
|
|
26
|
+
return _el$;
|
|
27
|
+
})()
|
|
28
|
+
});
|
|
29
|
+
}
|
|
30
|
+
}));
|
|
31
|
+
};
|
|
32
|
+
export {
|
|
33
|
+
WheelPickerHiddenSelect
|
|
34
|
+
};
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
// src/solid/wheel-picker-hidden-select.tsx
|
|
2
|
+
import { ark } from "@ark-ui/solid/factory";
|
|
3
|
+
import { mergeProps } from "@zag-js/solid";
|
|
4
|
+
import { Index } from "solid-js";
|
|
5
|
+
import { useWheelPickerContext } from "./use-wheel-picker-context.jsx";
|
|
6
|
+
var WheelPickerHiddenSelect = (props) => {
|
|
7
|
+
const api = useWheelPickerContext();
|
|
8
|
+
const mergedProps = mergeProps(() => api().getHiddenSelectProps(), props);
|
|
9
|
+
return <ark.select {...mergedProps}>
|
|
10
|
+
<Index each={api().collection.items}>
|
|
11
|
+
{(item) => <option
|
|
12
|
+
value={api().collection.getItemValue(item()) ?? ""}
|
|
13
|
+
disabled={api().collection.getItemDisabled(item())}
|
|
14
|
+
>
|
|
15
|
+
{api().collection.stringifyItem(item())}
|
|
16
|
+
</option>}
|
|
17
|
+
</Index>
|
|
18
|
+
</ark.select>;
|
|
19
|
+
};
|
|
20
|
+
export {
|
|
21
|
+
WheelPickerHiddenSelect
|
|
22
|
+
};
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import * as solid_js from 'solid-js';
|
|
2
|
+
import { HTMLProps, PolymorphicProps } from '@ark-ui/solid/factory';
|
|
3
|
+
|
|
4
|
+
interface WheelPickerHighlightItemGroupBaseProps extends PolymorphicProps<"ul"> {
|
|
5
|
+
}
|
|
6
|
+
interface WheelPickerHighlightItemGroupProps extends HTMLProps<"ul">, WheelPickerHighlightItemGroupBaseProps {
|
|
7
|
+
}
|
|
8
|
+
declare const WheelPickerHighlightItemGroup: (props: WheelPickerHighlightItemGroupProps) => solid_js.JSX.Element;
|
|
9
|
+
|
|
10
|
+
export { WheelPickerHighlightItemGroup, type WheelPickerHighlightItemGroupBaseProps, type WheelPickerHighlightItemGroupProps };
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
// src/solid/wheel-picker-highlight-item-group.tsx
|
|
2
|
+
import { createComponent as _$createComponent } from "solid-js/web";
|
|
3
|
+
import { ark } from "@ark-ui/solid/factory";
|
|
4
|
+
import { mergeProps } from "@zag-js/solid";
|
|
5
|
+
import { useWheelPickerContext } from "./use-wheel-picker-context.js";
|
|
6
|
+
var WheelPickerHighlightItemGroup = (props) => {
|
|
7
|
+
const api = useWheelPickerContext();
|
|
8
|
+
const mergedProps = mergeProps(() => api().getHighlightItemGroupProps(), props);
|
|
9
|
+
return _$createComponent(ark.ul, mergedProps);
|
|
10
|
+
};
|
|
11
|
+
export {
|
|
12
|
+
WheelPickerHighlightItemGroup
|
|
13
|
+
};
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
// src/solid/wheel-picker-highlight-item-group.tsx
|
|
2
|
+
import { ark } from "@ark-ui/solid/factory";
|
|
3
|
+
import { mergeProps } from "@zag-js/solid";
|
|
4
|
+
import { useWheelPickerContext } from "./use-wheel-picker-context.jsx";
|
|
5
|
+
var WheelPickerHighlightItemGroup = (props) => {
|
|
6
|
+
const api = useWheelPickerContext();
|
|
7
|
+
const mergedProps = mergeProps(() => api().getHighlightItemGroupProps(), props);
|
|
8
|
+
return <ark.ul {...mergedProps} />;
|
|
9
|
+
};
|
|
10
|
+
export {
|
|
11
|
+
WheelPickerHighlightItemGroup
|
|
12
|
+
};
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import * as solid_js from 'solid-js';
|
|
2
|
+
import { HTMLProps, PolymorphicProps } from '@ark-ui/solid/factory';
|
|
3
|
+
import * as wheelPicker from '@isbatak/zag-wheel-picker';
|
|
4
|
+
|
|
5
|
+
interface WheelPickerHighlightItemBaseProps extends wheelPicker.ItemProps, PolymorphicProps<"li"> {
|
|
6
|
+
}
|
|
7
|
+
interface WheelPickerHighlightItemProps extends HTMLProps<"li">, WheelPickerHighlightItemBaseProps {
|
|
8
|
+
}
|
|
9
|
+
declare const WheelPickerHighlightItem: (props: WheelPickerHighlightItemProps) => solid_js.JSX.Element;
|
|
10
|
+
|
|
11
|
+
export { WheelPickerHighlightItem, type WheelPickerHighlightItemBaseProps, type WheelPickerHighlightItemProps };
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
// src/solid/wheel-picker-highlight-item.tsx
|
|
2
|
+
import { createComponent as _$createComponent } from "solid-js/web";
|
|
3
|
+
import { ark } from "@ark-ui/solid/factory";
|
|
4
|
+
import { mergeProps } from "@zag-js/solid";
|
|
5
|
+
import { splitProps } from "solid-js";
|
|
6
|
+
import { useWheelPickerContext } from "./use-wheel-picker-context.js";
|
|
7
|
+
var WheelPickerHighlightItem = (props) => {
|
|
8
|
+
const [itemProps, localProps] = splitProps(props, ["item", "index"]);
|
|
9
|
+
const api = useWheelPickerContext();
|
|
10
|
+
const mergedProps = mergeProps(() => api().getHighlightItemProps(itemProps), localProps);
|
|
11
|
+
return _$createComponent(ark.li, mergedProps);
|
|
12
|
+
};
|
|
13
|
+
export {
|
|
14
|
+
WheelPickerHighlightItem
|
|
15
|
+
};
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
// src/solid/wheel-picker-highlight-item.tsx
|
|
2
|
+
import { ark } from "@ark-ui/solid/factory";
|
|
3
|
+
import "@isbatak/zag-wheel-picker";
|
|
4
|
+
import { mergeProps } from "@zag-js/solid";
|
|
5
|
+
import { splitProps } from "solid-js";
|
|
6
|
+
import { useWheelPickerContext } from "./use-wheel-picker-context.jsx";
|
|
7
|
+
var WheelPickerHighlightItem = (props) => {
|
|
8
|
+
const [itemProps, localProps] = splitProps(props, ["item", "index"]);
|
|
9
|
+
const api = useWheelPickerContext();
|
|
10
|
+
const mergedProps = mergeProps(() => api().getHighlightItemProps(itemProps), localProps);
|
|
11
|
+
return <ark.li {...mergedProps} />;
|
|
12
|
+
};
|
|
13
|
+
export {
|
|
14
|
+
WheelPickerHighlightItem
|
|
15
|
+
};
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import * as solid_js from 'solid-js';
|
|
2
|
+
import { HTMLProps, PolymorphicProps } from '@ark-ui/solid/factory';
|
|
3
|
+
|
|
4
|
+
interface WheelPickerHighlightBaseProps extends PolymorphicProps<"div"> {
|
|
5
|
+
}
|
|
6
|
+
interface WheelPickerHighlightProps extends HTMLProps<"div">, WheelPickerHighlightBaseProps {
|
|
7
|
+
}
|
|
8
|
+
declare const WheelPickerHighlight: (props: WheelPickerHighlightProps) => solid_js.JSX.Element;
|
|
9
|
+
|
|
10
|
+
export { WheelPickerHighlight, type WheelPickerHighlightBaseProps, type WheelPickerHighlightProps };
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
// src/solid/wheel-picker-highlight.tsx
|
|
2
|
+
import { createComponent as _$createComponent } from "solid-js/web";
|
|
3
|
+
import { ark } from "@ark-ui/solid/factory";
|
|
4
|
+
import { mergeProps } from "@zag-js/solid";
|
|
5
|
+
import { useWheelPickerContext } from "./use-wheel-picker-context.js";
|
|
6
|
+
var WheelPickerHighlight = (props) => {
|
|
7
|
+
const api = useWheelPickerContext();
|
|
8
|
+
const mergedProps = mergeProps(() => api().getHighlightProps(), props);
|
|
9
|
+
return _$createComponent(ark.div, mergedProps);
|
|
10
|
+
};
|
|
11
|
+
export {
|
|
12
|
+
WheelPickerHighlight
|
|
13
|
+
};
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
// src/solid/wheel-picker-highlight.tsx
|
|
2
|
+
import { ark } from "@ark-ui/solid/factory";
|
|
3
|
+
import { mergeProps } from "@zag-js/solid";
|
|
4
|
+
import { useWheelPickerContext } from "./use-wheel-picker-context.jsx";
|
|
5
|
+
var WheelPickerHighlight = (props) => {
|
|
6
|
+
const api = useWheelPickerContext();
|
|
7
|
+
const mergedProps = mergeProps(() => api().getHighlightProps(), props);
|
|
8
|
+
return <ark.div {...mergedProps} />;
|
|
9
|
+
};
|
|
10
|
+
export {
|
|
11
|
+
WheelPickerHighlight
|
|
12
|
+
};
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import * as solid_js from 'solid-js';
|
|
2
|
+
import { HTMLProps, PolymorphicProps } from '@ark-ui/solid/factory';
|
|
3
|
+
|
|
4
|
+
interface WheelPickerItemGroupBaseProps extends PolymorphicProps<"ul"> {
|
|
5
|
+
}
|
|
6
|
+
interface WheelPickerItemGroupProps extends HTMLProps<"ul">, WheelPickerItemGroupBaseProps {
|
|
7
|
+
}
|
|
8
|
+
declare const WheelPickerItemGroup: (props: WheelPickerItemGroupProps) => solid_js.JSX.Element;
|
|
9
|
+
|
|
10
|
+
export { WheelPickerItemGroup, type WheelPickerItemGroupBaseProps, type WheelPickerItemGroupProps };
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
// src/solid/wheel-picker-item-group.tsx
|
|
2
|
+
import { createComponent as _$createComponent } from "solid-js/web";
|
|
3
|
+
import { ark } from "@ark-ui/solid/factory";
|
|
4
|
+
import { mergeProps } from "@zag-js/solid";
|
|
5
|
+
import { useWheelPickerContext } from "./use-wheel-picker-context.js";
|
|
6
|
+
var WheelPickerItemGroup = (props) => {
|
|
7
|
+
const api = useWheelPickerContext();
|
|
8
|
+
const mergedProps = mergeProps(() => api().getItemGroupProps(), props);
|
|
9
|
+
return _$createComponent(ark.ul, mergedProps);
|
|
10
|
+
};
|
|
11
|
+
export {
|
|
12
|
+
WheelPickerItemGroup
|
|
13
|
+
};
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
// src/solid/wheel-picker-item-group.tsx
|
|
2
|
+
import { ark } from "@ark-ui/solid/factory";
|
|
3
|
+
import { mergeProps } from "@zag-js/solid";
|
|
4
|
+
import { useWheelPickerContext } from "./use-wheel-picker-context.jsx";
|
|
5
|
+
var WheelPickerItemGroup = (props) => {
|
|
6
|
+
const api = useWheelPickerContext();
|
|
7
|
+
const mergedProps = mergeProps(() => api().getItemGroupProps(), props);
|
|
8
|
+
return <ark.ul {...mergedProps} />;
|
|
9
|
+
};
|
|
10
|
+
export {
|
|
11
|
+
WheelPickerItemGroup
|
|
12
|
+
};
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import * as solid_js from 'solid-js';
|
|
2
|
+
import { HTMLProps, PolymorphicProps } from '@ark-ui/solid/factory';
|
|
3
|
+
import * as wheelPicker from '@isbatak/zag-wheel-picker';
|
|
4
|
+
|
|
5
|
+
interface WheelPickerItemBaseProps extends wheelPicker.ItemProps, PolymorphicProps<"li"> {
|
|
6
|
+
}
|
|
7
|
+
interface WheelPickerItemProps extends HTMLProps<"li">, WheelPickerItemBaseProps {
|
|
8
|
+
}
|
|
9
|
+
declare const WheelPickerItem: (props: WheelPickerItemProps) => solid_js.JSX.Element;
|
|
10
|
+
|
|
11
|
+
export { WheelPickerItem, type WheelPickerItemBaseProps, type WheelPickerItemProps };
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
// src/solid/wheel-picker-item.tsx
|
|
2
|
+
import { createComponent as _$createComponent } from "solid-js/web";
|
|
3
|
+
import { ark } from "@ark-ui/solid/factory";
|
|
4
|
+
import { mergeProps } from "@zag-js/solid";
|
|
5
|
+
import { splitProps } from "solid-js";
|
|
6
|
+
import { useWheelPickerContext } from "./use-wheel-picker-context.js";
|
|
7
|
+
var WheelPickerItem = (props) => {
|
|
8
|
+
const [itemProps, localProps] = splitProps(props, ["item", "index"]);
|
|
9
|
+
const api = useWheelPickerContext();
|
|
10
|
+
const mergedProps = mergeProps(() => api().getItemProps(itemProps), localProps);
|
|
11
|
+
return _$createComponent(ark.li, mergedProps);
|
|
12
|
+
};
|
|
13
|
+
export {
|
|
14
|
+
WheelPickerItem
|
|
15
|
+
};
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
// src/solid/wheel-picker-item.tsx
|
|
2
|
+
import { ark } from "@ark-ui/solid/factory";
|
|
3
|
+
import "@isbatak/zag-wheel-picker";
|
|
4
|
+
import { mergeProps } from "@zag-js/solid";
|
|
5
|
+
import { splitProps } from "solid-js";
|
|
6
|
+
import { useWheelPickerContext } from "./use-wheel-picker-context.jsx";
|
|
7
|
+
var WheelPickerItem = (props) => {
|
|
8
|
+
const [itemProps, localProps] = splitProps(props, ["item", "index"]);
|
|
9
|
+
const api = useWheelPickerContext();
|
|
10
|
+
const mergedProps = mergeProps(() => api().getItemProps(itemProps), localProps);
|
|
11
|
+
return <ark.li {...mergedProps} />;
|
|
12
|
+
};
|
|
13
|
+
export {
|
|
14
|
+
WheelPickerItem
|
|
15
|
+
};
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import * as solid_js from 'solid-js';
|
|
2
|
+
import { HTMLProps, PolymorphicProps } from '@ark-ui/solid/factory';
|
|
3
|
+
|
|
4
|
+
interface WheelPickerLabelBaseProps extends PolymorphicProps<"label"> {
|
|
5
|
+
}
|
|
6
|
+
interface WheelPickerLabelProps extends HTMLProps<"label">, WheelPickerLabelBaseProps {
|
|
7
|
+
}
|
|
8
|
+
declare const WheelPickerLabel: (props: WheelPickerLabelProps) => solid_js.JSX.Element;
|
|
9
|
+
|
|
10
|
+
export { WheelPickerLabel, type WheelPickerLabelBaseProps, type WheelPickerLabelProps };
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
// src/solid/wheel-picker-label.tsx
|
|
2
|
+
import { createComponent as _$createComponent } from "solid-js/web";
|
|
3
|
+
import { ark } from "@ark-ui/solid/factory";
|
|
4
|
+
import { mergeProps } from "@zag-js/solid";
|
|
5
|
+
import { useWheelPickerContext } from "./use-wheel-picker-context.js";
|
|
6
|
+
var WheelPickerLabel = (props) => {
|
|
7
|
+
const api = useWheelPickerContext();
|
|
8
|
+
const mergedProps = mergeProps(() => api().getLabelProps(), props);
|
|
9
|
+
return _$createComponent(ark.label, mergedProps);
|
|
10
|
+
};
|
|
11
|
+
export {
|
|
12
|
+
WheelPickerLabel
|
|
13
|
+
};
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
// src/solid/wheel-picker-label.tsx
|
|
2
|
+
import { ark } from "@ark-ui/solid/factory";
|
|
3
|
+
import { mergeProps } from "@zag-js/solid";
|
|
4
|
+
import { useWheelPickerContext } from "./use-wheel-picker-context.jsx";
|
|
5
|
+
var WheelPickerLabel = (props) => {
|
|
6
|
+
const api = useWheelPickerContext();
|
|
7
|
+
const mergedProps = mergeProps(() => api().getLabelProps(), props);
|
|
8
|
+
return <ark.label {...mergedProps} />;
|
|
9
|
+
};
|
|
10
|
+
export {
|
|
11
|
+
WheelPickerLabel
|
|
12
|
+
};
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import * as solid_js from 'solid-js';
|
|
2
|
+
import { HTMLProps, PolymorphicProps } from '@ark-ui/solid/factory';
|
|
3
|
+
import { A as Assign, U as UseWheelPickerReturn } from './use-wheel-picker-pwg6J5oj.js';
|
|
4
|
+
import '@isbatak/zag-wheel-picker';
|
|
5
|
+
import '@zag-js/solid';
|
|
6
|
+
|
|
7
|
+
interface RootProviderProps {
|
|
8
|
+
value: UseWheelPickerReturn;
|
|
9
|
+
}
|
|
10
|
+
interface WheelPickerRootProviderBaseProps extends RootProviderProps, PolymorphicProps<"div"> {
|
|
11
|
+
}
|
|
12
|
+
interface WheelPickerRootProviderProps extends Assign<HTMLProps<"div">, WheelPickerRootProviderBaseProps> {
|
|
13
|
+
}
|
|
14
|
+
declare const WheelPickerRootProvider: (props: WheelPickerRootProviderProps) => solid_js.JSX.Element;
|
|
15
|
+
|
|
16
|
+
export { WheelPickerRootProvider, type WheelPickerRootProviderBaseProps, type WheelPickerRootProviderProps };
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
// src/solid/wheel-picker-root-provider.tsx
|
|
2
|
+
import { createComponent as _$createComponent } from "solid-js/web";
|
|
3
|
+
import { ark } from "@ark-ui/solid/factory";
|
|
4
|
+
import { mergeProps } from "@zag-js/solid";
|
|
5
|
+
import { splitProps } from "solid-js";
|
|
6
|
+
import { WheelPickerProvider } from "./use-wheel-picker-context.js";
|
|
7
|
+
var WheelPickerRootProvider = (props) => {
|
|
8
|
+
const [{
|
|
9
|
+
value: api
|
|
10
|
+
}, localProps] = splitProps(props, ["value"]);
|
|
11
|
+
const mergedProps = mergeProps(() => api().getRootProps(), localProps);
|
|
12
|
+
return _$createComponent(WheelPickerProvider, {
|
|
13
|
+
value: api,
|
|
14
|
+
get children() {
|
|
15
|
+
return _$createComponent(ark.div, mergedProps);
|
|
16
|
+
}
|
|
17
|
+
});
|
|
18
|
+
};
|
|
19
|
+
export {
|
|
20
|
+
WheelPickerRootProvider
|
|
21
|
+
};
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
// src/solid/wheel-picker-root-provider.tsx
|
|
2
|
+
import { ark } from "@ark-ui/solid/factory";
|
|
3
|
+
import { mergeProps } from "@zag-js/solid";
|
|
4
|
+
import { splitProps } from "solid-js";
|
|
5
|
+
import { WheelPickerProvider } from "./use-wheel-picker-context.jsx";
|
|
6
|
+
var WheelPickerRootProvider = (props) => {
|
|
7
|
+
const [{ value: api }, localProps] = splitProps(props, ["value"]);
|
|
8
|
+
const mergedProps = mergeProps(() => api().getRootProps(), localProps);
|
|
9
|
+
return <WheelPickerProvider value={api}>
|
|
10
|
+
<ark.div {...mergedProps} />
|
|
11
|
+
</WheelPickerProvider>;
|
|
12
|
+
};
|
|
13
|
+
export {
|
|
14
|
+
WheelPickerRootProvider
|
|
15
|
+
};
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { HTMLProps, PolymorphicProps } from '@ark-ui/solid/factory';
|
|
2
|
+
import * as wheelPicker from '@isbatak/zag-wheel-picker';
|
|
3
|
+
import { JSX } from 'solid-js';
|
|
4
|
+
import { A as Assign, a as UseWheelPickerProps } from './use-wheel-picker-pwg6J5oj.js';
|
|
5
|
+
import '@zag-js/solid';
|
|
6
|
+
|
|
7
|
+
interface WheelPickerRootBaseProps<T extends wheelPicker.CollectionItem> extends UseWheelPickerProps<T>, PolymorphicProps<"div"> {
|
|
8
|
+
}
|
|
9
|
+
interface WheelPickerRootProps<T extends wheelPicker.CollectionItem> extends Assign<HTMLProps<"div">, WheelPickerRootBaseProps<T>> {
|
|
10
|
+
}
|
|
11
|
+
declare const WheelPickerRoot: <T extends wheelPicker.CollectionItem>(props: WheelPickerRootProps<T>) => JSX.Element;
|
|
12
|
+
|
|
13
|
+
export { WheelPickerRoot, type WheelPickerRootBaseProps, type WheelPickerRootProps };
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
// src/solid/wheel-picker-root.tsx
|
|
2
|
+
import { createComponent as _$createComponent } from "solid-js/web";
|
|
3
|
+
import { ark } from "@ark-ui/solid/factory";
|
|
4
|
+
import * as wheelPicker from "@isbatak/zag-wheel-picker";
|
|
5
|
+
import { mergeProps } from "@zag-js/solid";
|
|
6
|
+
import { splitProps } from "solid-js";
|
|
7
|
+
import { useWheelPicker } from "./use-wheel-picker.js";
|
|
8
|
+
import { WheelPickerProvider } from "./use-wheel-picker-context.js";
|
|
9
|
+
var WheelPickerRoot = (props2) => {
|
|
10
|
+
const [useWheelPickerProps, localProps] = splitProps(props2, wheelPicker.props);
|
|
11
|
+
const api = useWheelPicker(useWheelPickerProps);
|
|
12
|
+
const mergedProps = mergeProps(() => api().getRootProps(), localProps);
|
|
13
|
+
return _$createComponent(WheelPickerProvider, {
|
|
14
|
+
value: api,
|
|
15
|
+
get children() {
|
|
16
|
+
return _$createComponent(ark.div, mergedProps);
|
|
17
|
+
}
|
|
18
|
+
});
|
|
19
|
+
};
|
|
20
|
+
export {
|
|
21
|
+
WheelPickerRoot
|
|
22
|
+
};
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
// src/solid/wheel-picker-root.tsx
|
|
2
|
+
import { ark } from "@ark-ui/solid/factory";
|
|
3
|
+
import * as wheelPicker from "@isbatak/zag-wheel-picker";
|
|
4
|
+
import { mergeProps } from "@zag-js/solid";
|
|
5
|
+
import { splitProps } from "solid-js";
|
|
6
|
+
import { useWheelPicker } from "./use-wheel-picker.jsx";
|
|
7
|
+
import { WheelPickerProvider } from "./use-wheel-picker-context.jsx";
|
|
8
|
+
var WheelPickerRoot = (props2) => {
|
|
9
|
+
const [useWheelPickerProps, localProps] = splitProps(props2, wheelPicker.props);
|
|
10
|
+
const api = useWheelPicker(useWheelPickerProps);
|
|
11
|
+
const mergedProps = mergeProps(() => api().getRootProps(), localProps);
|
|
12
|
+
return <WheelPickerProvider value={api}>
|
|
13
|
+
<ark.div {...mergedProps} />
|
|
14
|
+
</WheelPickerProvider>;
|
|
15
|
+
};
|
|
16
|
+
export {
|
|
17
|
+
WheelPickerRoot
|
|
18
|
+
};
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import * as solid_js from 'solid-js';
|
|
2
|
+
import { HTMLProps, PolymorphicProps } from '@ark-ui/solid/factory';
|
|
3
|
+
|
|
4
|
+
interface WheelPickerViewportBaseProps extends PolymorphicProps<"div"> {
|
|
5
|
+
}
|
|
6
|
+
interface WheelPickerViewportProps extends HTMLProps<"div">, WheelPickerViewportBaseProps {
|
|
7
|
+
}
|
|
8
|
+
declare const WheelPickerViewport: (props: WheelPickerViewportProps) => solid_js.JSX.Element;
|
|
9
|
+
|
|
10
|
+
export { WheelPickerViewport, type WheelPickerViewportBaseProps, type WheelPickerViewportProps };
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
// src/solid/wheel-picker-viewport.tsx
|
|
2
|
+
import { createComponent as _$createComponent } from "solid-js/web";
|
|
3
|
+
import { ark } from "@ark-ui/solid/factory";
|
|
4
|
+
import { mergeProps } from "@zag-js/solid";
|
|
5
|
+
import { useWheelPickerContext } from "./use-wheel-picker-context.js";
|
|
6
|
+
var WheelPickerViewport = (props) => {
|
|
7
|
+
const api = useWheelPickerContext();
|
|
8
|
+
const mergedProps = mergeProps(() => api().getViewportProps(), props);
|
|
9
|
+
return _$createComponent(ark.div, mergedProps);
|
|
10
|
+
};
|
|
11
|
+
export {
|
|
12
|
+
WheelPickerViewport
|
|
13
|
+
};
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
// src/solid/wheel-picker-viewport.tsx
|
|
2
|
+
import { ark } from "@ark-ui/solid/factory";
|
|
3
|
+
import { mergeProps } from "@zag-js/solid";
|
|
4
|
+
import { useWheelPickerContext } from "./use-wheel-picker-context.jsx";
|
|
5
|
+
var WheelPickerViewport = (props) => {
|
|
6
|
+
const api = useWheelPickerContext();
|
|
7
|
+
const mergedProps = mergeProps(() => api().getViewportProps(), props);
|
|
8
|
+
return <ark.div {...mergedProps} />;
|
|
9
|
+
};
|
|
10
|
+
export {
|
|
11
|
+
WheelPickerViewport
|
|
12
|
+
};
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import { CollectionItem, ScrollChangeDetails, ValueChangeDetails } from '@isbatak/zag-wheel-picker';
|
|
2
|
+
export { CollectionItem, ScrollChangeDetails, ValueChangeDetails } from '@isbatak/zag-wheel-picker';
|
|
3
|
+
import './use-wheel-picker-pwg6J5oj.js';
|
|
4
|
+
import './use-wheel-picker-context.js';
|
|
5
|
+
import { WheelPickerContext, WheelPickerContextProps } from './wheel-picker-context.js';
|
|
6
|
+
import { WheelPickerControl, WheelPickerControlBaseProps, WheelPickerControlProps } from './wheel-picker-control.js';
|
|
7
|
+
import { WheelPickerHiddenSelect, WheelPickerHiddenSelectBaseProps, WheelPickerHiddenSelectProps } from './wheel-picker-hidden-select.js';
|
|
8
|
+
import { WheelPickerHighlight, WheelPickerHighlightBaseProps, WheelPickerHighlightProps } from './wheel-picker-highlight.js';
|
|
9
|
+
import { WheelPickerHighlightItem, WheelPickerHighlightItemBaseProps, WheelPickerHighlightItemProps } from './wheel-picker-highlight-item.js';
|
|
10
|
+
import { WheelPickerHighlightItemGroup, WheelPickerHighlightItemGroupBaseProps, WheelPickerHighlightItemGroupProps } from './wheel-picker-highlight-item-group.js';
|
|
11
|
+
import { WheelPickerItem, WheelPickerItemBaseProps, WheelPickerItemProps } from './wheel-picker-item.js';
|
|
12
|
+
import { WheelPickerItemGroup, WheelPickerItemGroupBaseProps, WheelPickerItemGroupProps } from './wheel-picker-item-group.js';
|
|
13
|
+
import { WheelPickerLabel, WheelPickerLabelBaseProps, WheelPickerLabelProps } from './wheel-picker-label.js';
|
|
14
|
+
import { WheelPickerRoot, WheelPickerRootBaseProps, WheelPickerRootProps } from './wheel-picker-root.js';
|
|
15
|
+
import { WheelPickerRootProvider, WheelPickerRootProviderBaseProps, WheelPickerRootProviderProps } from './wheel-picker-root-provider.js';
|
|
16
|
+
import { WheelPickerViewport, WheelPickerViewportBaseProps, WheelPickerViewportProps } from './wheel-picker-viewport.js';
|
|
17
|
+
import '@zag-js/solid';
|
|
18
|
+
import 'solid-js';
|
|
19
|
+
import '@ark-ui/solid/factory';
|
|
20
|
+
|
|
21
|
+
declare const wheelPicker_CollectionItem: typeof CollectionItem;
|
|
22
|
+
declare const wheelPicker_ScrollChangeDetails: typeof ScrollChangeDetails;
|
|
23
|
+
declare const wheelPicker_ValueChangeDetails: typeof ValueChangeDetails;
|
|
24
|
+
declare namespace wheelPicker {
|
|
25
|
+
export { wheelPicker_CollectionItem as CollectionItem, WheelPickerContext as Context, WheelPickerContextProps as ContextProps, WheelPickerControl as Control, WheelPickerControlBaseProps as ControlBaseProps, WheelPickerControlProps as ControlProps, WheelPickerHiddenSelect as HiddenSelect, WheelPickerHiddenSelectBaseProps as HiddenSelectBaseProps, WheelPickerHiddenSelectProps as HiddenSelectProps, WheelPickerHighlight as Highlight, WheelPickerHighlightBaseProps as HighlightBaseProps, WheelPickerHighlightItem as HighlightItem, WheelPickerHighlightItemBaseProps as HighlightItemBaseProps, WheelPickerHighlightItemGroup as HighlightItemGroup, WheelPickerHighlightItemGroupBaseProps as HighlightItemGroupBaseProps, WheelPickerHighlightItemGroupProps as HighlightItemGroupProps, WheelPickerHighlightItemProps as HighlightItemProps, WheelPickerHighlightProps as HighlightProps, WheelPickerItem as Item, WheelPickerItemBaseProps as ItemBaseProps, WheelPickerItemGroup as ItemGroup, WheelPickerItemGroupBaseProps as ItemGroupBaseProps, WheelPickerItemGroupProps as ItemGroupProps, WheelPickerItemProps as ItemProps, WheelPickerLabel as Label, WheelPickerLabelBaseProps as LabelBaseProps, WheelPickerLabelProps as LabelProps, WheelPickerRoot as Root, WheelPickerRootBaseProps as RootBaseProps, WheelPickerRootProps as RootProps, WheelPickerRootProvider as RootProvider, WheelPickerRootProviderBaseProps as RootProviderBaseProps, WheelPickerRootProviderProps as RootProviderProps, wheelPicker_ScrollChangeDetails as ScrollChangeDetails, wheelPicker_ValueChangeDetails as ValueChangeDetails, WheelPickerViewport as Viewport, WheelPickerViewportBaseProps as ViewportBaseProps, WheelPickerViewportProps as ViewportProps };
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
export { WheelPickerContext as Context, WheelPickerContextProps as ContextProps, WheelPickerControl as Control, WheelPickerControlBaseProps as ControlBaseProps, WheelPickerControlProps as ControlProps, WheelPickerHiddenSelect as HiddenSelect, WheelPickerHiddenSelectBaseProps as HiddenSelectBaseProps, WheelPickerHiddenSelectProps as HiddenSelectProps, WheelPickerHighlight as Highlight, WheelPickerHighlightBaseProps as HighlightBaseProps, WheelPickerHighlightItem as HighlightItem, WheelPickerHighlightItemBaseProps as HighlightItemBaseProps, WheelPickerHighlightItemGroup as HighlightItemGroup, WheelPickerHighlightItemGroupBaseProps as HighlightItemGroupBaseProps, WheelPickerHighlightItemGroupProps as HighlightItemGroupProps, WheelPickerHighlightItemProps as HighlightItemProps, WheelPickerHighlightProps as HighlightProps, WheelPickerItem as Item, WheelPickerItemBaseProps as ItemBaseProps, WheelPickerItemGroup as ItemGroup, WheelPickerItemGroupBaseProps as ItemGroupBaseProps, WheelPickerItemGroupProps as ItemGroupProps, WheelPickerItemProps as ItemProps, WheelPickerLabel as Label, WheelPickerLabelBaseProps as LabelBaseProps, WheelPickerLabelProps as LabelProps, WheelPickerRoot as Root, WheelPickerRootBaseProps as RootBaseProps, WheelPickerRootProps as RootProps, WheelPickerRootProvider as RootProvider, WheelPickerRootProviderBaseProps as RootProviderBaseProps, WheelPickerRootProviderProps as RootProviderProps, WheelPickerViewport as Viewport, WheelPickerViewportBaseProps as ViewportBaseProps, WheelPickerViewportProps as ViewportProps, wheelPicker as w };
|
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
// src/solid/wheel-picker.ts
|
|
2
|
+
import { WheelPickerContext } from "./wheel-picker-context.js";
|
|
3
|
+
import {
|
|
4
|
+
WheelPickerControl
|
|
5
|
+
} from "./wheel-picker-control.js";
|
|
6
|
+
import {
|
|
7
|
+
WheelPickerHiddenSelect
|
|
8
|
+
} from "./wheel-picker-hidden-select.js";
|
|
9
|
+
import {
|
|
10
|
+
WheelPickerHighlight
|
|
11
|
+
} from "./wheel-picker-highlight.js";
|
|
12
|
+
import {
|
|
13
|
+
WheelPickerHighlightItem
|
|
14
|
+
} from "./wheel-picker-highlight-item.js";
|
|
15
|
+
import {
|
|
16
|
+
WheelPickerHighlightItemGroup
|
|
17
|
+
} from "./wheel-picker-highlight-item-group.js";
|
|
18
|
+
import {
|
|
19
|
+
WheelPickerItem
|
|
20
|
+
} from "./wheel-picker-item.js";
|
|
21
|
+
import {
|
|
22
|
+
WheelPickerItemGroup
|
|
23
|
+
} from "./wheel-picker-item-group.js";
|
|
24
|
+
import {
|
|
25
|
+
WheelPickerLabel
|
|
26
|
+
} from "./wheel-picker-label.js";
|
|
27
|
+
import {
|
|
28
|
+
WheelPickerRoot
|
|
29
|
+
} from "./wheel-picker-root.js";
|
|
30
|
+
import {
|
|
31
|
+
WheelPickerRootProvider
|
|
32
|
+
} from "./wheel-picker-root-provider.js";
|
|
33
|
+
import {
|
|
34
|
+
WheelPickerViewport
|
|
35
|
+
} from "./wheel-picker-viewport.js";
|
|
36
|
+
export {
|
|
37
|
+
WheelPickerContext as Context,
|
|
38
|
+
WheelPickerControl as Control,
|
|
39
|
+
WheelPickerHiddenSelect as HiddenSelect,
|
|
40
|
+
WheelPickerHighlight as Highlight,
|
|
41
|
+
WheelPickerHighlightItem as HighlightItem,
|
|
42
|
+
WheelPickerHighlightItemGroup as HighlightItemGroup,
|
|
43
|
+
WheelPickerItem as Item,
|
|
44
|
+
WheelPickerItemGroup as ItemGroup,
|
|
45
|
+
WheelPickerLabel as Label,
|
|
46
|
+
WheelPickerRoot as Root,
|
|
47
|
+
WheelPickerRootProvider as RootProvider,
|
|
48
|
+
WheelPickerViewport as Viewport
|
|
49
|
+
};
|