@ark-ui/solid 3.0.0-0 → 3.0.0-1

package/dist/source/combobox/combobox-item-indicator.jsx

@@ -0,0 +1,10 @@
+import { mergeProps } from '@zag-js/solid';
+import { ark } from '../factory';
+import { useComboboxContext } from './use-combobox-context';
+import { useComboboxItemPropsContext } from './use-combobox-item-context';
+export const ComboboxItemIndicator = (props) => {
+    const combobox = useComboboxContext();
+    const itemProps = useComboboxItemPropsContext();
+    const mergedProps = mergeProps(() => combobox().getItemIndicatorProps(itemProps), props);
+    return <ark.div {...mergedProps}/>;
+};

package/dist/source/combobox/combobox-item-text.jsx

@@ -0,0 +1,10 @@
+import { mergeProps } from '@zag-js/solid';
+import { ark } from '../factory';
+import { useComboboxContext } from './use-combobox-context';
+import { useComboboxItemPropsContext } from './use-combobox-item-context';
+export const ComboboxItemText = (props) => {
+    const api = useComboboxContext();
+    const itemProps = useComboboxItemPropsContext();
+    const mergedProps = mergeProps(() => api().getItemTextProps(itemProps), props);
+    return <ark.span {...mergedProps}/>;
+};

package/dist/source/combobox/combobox-item.jsx

@@ -0,0 +1,17 @@
+import { mergeProps } from '@zag-js/solid';
+import { createMemo } from 'solid-js';
+import { createSplitProps } from '../create-split-props';
+import { ark } from '../factory';
+import { useComboboxContext } from './use-combobox-context';
+import { ComboboxItemPropsProvider, ComboboxItemProvider } from './use-combobox-item-context';
+export const ComboboxItem = (props) => {
+    const [itemProps, localProps] = createSplitProps()(props, ['item']);
+    const api = useComboboxContext();
+    const mergedProps = mergeProps(() => api().getItemProps(itemProps), localProps);
+    const itemState = createMemo(() => api().getItemState(itemProps));
+    return (<ComboboxItemPropsProvider value={itemProps}>
+      <ComboboxItemProvider value={itemState}>
+        <ark.div {...mergedProps}/>
+      </ComboboxItemProvider>
+    </ComboboxItemPropsProvider>);
+};

package/dist/source/combobox/combobox-label.jsx

@@ -0,0 +1,8 @@
+import { mergeProps } from '@zag-js/solid';
+import { ark } from '../factory';
+import { useComboboxContext } from './use-combobox-context';
+export const ComboboxLabel = (props) => {
+    const combobox = useComboboxContext();
+    const mergedProps = mergeProps(() => combobox().labelProps, props);
+    return <ark.label {...mergedProps}/>;
+};

package/dist/source/combobox/combobox-positioner.jsx

@@ -0,0 +1,13 @@
+import { mergeProps } from '@zag-js/solid';
+import { Show } from 'solid-js';
+import { ark } from '../factory';
+import { usePresenceContext } from '../presence';
+import { useComboboxContext } from './use-combobox-context';
+export const ComboboxPositioner = (props) => {
+    const api = useComboboxContext();
+    const presenceApi = usePresenceContext();
+    const mergedProps = mergeProps(() => api().positionerProps, props);
+    return (<Show when={!presenceApi().isUnmounted}>
+      <ark.div {...mergedProps}/>
+    </Show>);
+};

package/dist/source/combobox/combobox-root.jsx

@@ -0,0 +1,55 @@
+import { mergeProps } from '@zag-js/solid';
+import { createSplitProps } from '../create-split-props';
+import { ark } from '../factory';
+import { PresenceProvider, splitPresenceProps, usePresence, } from '../presence';
+import { useCombobox } from './use-combobox';
+import { ComboboxProvider } from './use-combobox-context';
+export const ComboboxRoot = (props) => {
+    const [presenceProps, comboboxProps] = splitPresenceProps(props);
+    const [useComboboxProps, localProps] = createSplitProps()(comboboxProps, [
+        'allowCustomValue',
+        'autoFocus',
+        'closeOnSelect',
+        'dir',
+        'disabled',
+        'form',
+        'getRootNode',
+        'highlightedValue',
+        'id',
+        'ids',
+        'inputBehavior',
+        'inputValue',
+        'invalid',
+        'isItemDisabled',
+        'items',
+        'itemToString',
+        'itemToValue',
+        'loop',
+        'multiple',
+        'name',
+        'onFocusOutside',
+        'onHighlightChange',
+        'onInputValueChange',
+        'onInteractOutside',
+        'onOpenChange',
+        'onOpenChange',
+        'onPointerDownOutside',
+        'onValueChange',
+        'openOnClick',
+        'placeholder',
+        'positioning',
+        'readOnly',
+        'selectionBehavior',
+        'selectOnBlur',
+        'translations',
+        'value',
+    ]);
+    const api = useCombobox(useComboboxProps);
+    const apiPresence = usePresence(mergeProps(presenceProps, () => ({ present: api().isOpen })));
+    const mergedProps = mergeProps(() => api().rootProps, localProps);
+    return (<ComboboxProvider value={api}>
+      <PresenceProvider value={apiPresence}>
+        <ark.div {...mergedProps}/>
+      </PresenceProvider>
+    </ComboboxProvider>);
+};

package/dist/source/combobox/combobox-trigger.jsx

@@ -0,0 +1,8 @@
+import { mergeProps } from '@zag-js/solid';
+import { ark } from '../factory';
+import { useComboboxContext } from './use-combobox-context';
+export const ComboboxTrigger = (props) => {
+    const combobox = useComboboxContext();
+    const mergedProps = mergeProps(() => combobox().triggerProps, props);
+    return <ark.button {...mergedProps}/>;
+};

package/dist/source/combobox/combobox.jsx

@@ -0,0 +1,16 @@
+import { ComboboxClearTrigger as ClearTrigger, } from './combobox-clear-trigger';
+import { ComboboxContent as Content, } from './combobox-content';
+import { ComboboxContext as Context, } from './combobox-context';
+import { ComboboxControl as Control, } from './combobox-control';
+import { ComboboxInput as Input } from './combobox-input';
+import { ComboboxItem as Item } from './combobox-item';
+import { ComboboxItemContext as ItemContext, } from './combobox-item-context';
+import { ComboboxItemGroup as ItemGroup, } from './combobox-item-group';
+import { ComboboxItemGroupLabel as ItemGroupLabel, } from './combobox-item-group-label';
+import { ComboboxItemIndicator as ItemIndicator, } from './combobox-item-indicator';
+import { ComboboxItemText as ItemText, } from './combobox-item-text';
+import { ComboboxLabel as Label } from './combobox-label';
+import { ComboboxPositioner as Positioner, } from './combobox-positioner';
+import { ComboboxRoot as Root } from './combobox-root';
+import { ComboboxTrigger as Trigger, } from './combobox-trigger';
+export { ClearTrigger, Content, Context, Control, Input, Item, ItemContext, ItemGroup, ItemGroupLabel, ItemIndicator, ItemText, Label, Positioner, Root, Trigger, };

package/dist/source/combobox/index.js

@@ -0,0 +1,19 @@
+import { ComboboxClearTrigger } from './combobox-clear-trigger';
+import { ComboboxContent } from './combobox-content';
+import { ComboboxContext } from './combobox-context';
+import { ComboboxControl } from './combobox-control';
+import { ComboboxInput } from './combobox-input';
+import { ComboboxItem } from './combobox-item';
+import { ComboboxItemContext } from './combobox-item-context';
+import { ComboboxItemGroup } from './combobox-item-group';
+import { ComboboxItemGroupLabel, } from './combobox-item-group-label';
+import { ComboboxItemIndicator } from './combobox-item-indicator';
+import { ComboboxItemText } from './combobox-item-text';
+import { ComboboxLabel } from './combobox-label';
+import { ComboboxPositioner } from './combobox-positioner';
+import { ComboboxRoot } from './combobox-root';
+import { ComboboxTrigger } from './combobox-trigger';
+import { useComboboxContext } from './use-combobox-context';
+import { useComboboxItemContext } from './use-combobox-item-context';
+export * as Combobox from './combobox';
+export { ComboboxClearTrigger, ComboboxContent, ComboboxContext, ComboboxControl, ComboboxInput, ComboboxItem, ComboboxItemContext, ComboboxItemGroup, ComboboxItemGroupLabel, ComboboxItemIndicator, ComboboxItemText, ComboboxLabel, ComboboxPositioner, ComboboxRoot, ComboboxTrigger, useComboboxContext, useComboboxItemContext, };

package/dist/source/combobox/use-combobox-context.js

@@ -0,0 +1,6 @@
+import { createContext } from '../create-context';
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+export const [ComboboxProvider, useComboboxContext] = createContext({
+    hookName: 'useComboboxContext',
+    providerName: '<ComboboxProvider />',
+});

package/dist/source/combobox/use-combobox-item-context.js

@@ -0,0 +1,9 @@
+import { createContext } from '../create-context';
+export const [ComboboxItemProvider, useComboboxItemContext] = createContext({
+    hookName: 'useComboboxItemContext',
+    providerName: '<ComboboxItemProvider />',
+});
+export const [ComboboxItemPropsProvider, useComboboxItemPropsContext] = createContext({
+    hookName: 'useComboboxItemPropsContext',
+    providerName: '<ComboboxItemPropsProvider />',
+});

package/dist/source/combobox/use-combobox.js

@@ -0,0 +1,20 @@
+import * as combobox from '@zag-js/combobox';
+import { mergeProps, normalizeProps, useMachine } from '@zag-js/solid';
+import { createMemo, createUniqueId } from 'solid-js';
+import { createSplitProps } from '../create-split-props';
+import { useEnvironmentContext } from '../environment';
+export const useCombobox = (props) => {
+    const [collectionOptions, rest] = createSplitProps()(props, [
+        'isItemDisabled',
+        'itemToValue',
+        'itemToString',
+        'items',
+    ]);
+    const collection = () => combobox.collection(collectionOptions);
+    const getRootNode = useEnvironmentContext();
+    const context = mergeProps({ id: createUniqueId(), getRootNode, collection: collection() }, rest);
+    const [state, send] = useMachine(combobox.machine(context), {
+        context,
+    });
+    return createMemo(() => combobox.connect(state, send, normalizeProps));
+};

package/dist/source/create-context.js

@@ -0,0 +1,19 @@
+import { createContext as createSolidContext, useContext as useSolidContext, } from 'solid-js';
+function getErrorMessage(hook, provider) {
+    return `${hook} returned \`undefined\`. Seems you forgot to wrap component within ${provider}`;
+}
+export function createContext(options = {}) {
+    const { strict = true, hookName = 'useContext', providerName = 'Provider', errorMessage, } = options;
+    const Context = createSolidContext(undefined);
+    function useContext() {
+        const context = useSolidContext(Context);
+        if (!context && strict) {
+            const error = new Error(errorMessage ?? getErrorMessage(hookName, providerName));
+            error.name = 'ContextError';
+            Error.captureStackTrace?.(error, useContext);
+            throw error;
+        }
+        return context;
+    }
+    return [Context.Provider, useContext, Context];
+}

package/dist/source/create-split-props.js

@@ -0,0 +1,2 @@
+import { splitProps } from 'solid-js';
+export const createSplitProps = () => (props, keys) => splitProps(props, keys);

package/dist/source/date-picker/date-picker-clear-trigger.jsx

@@ -0,0 +1,8 @@
+import { mergeProps } from '@zag-js/solid';
+import { ark } from '../factory';
+import { useDatePickerContext } from './use-date-picker-context';
+export const DatePickerClearTrigger = (props) => {
+    const api = useDatePickerContext();
+    const mergedProps = mergeProps(() => api().clearTriggerProps, props);
+    return <ark.button {...mergedProps}/>;
+};

package/dist/source/date-picker/date-picker-content.jsx

@@ -0,0 +1,13 @@
+import { mergeProps } from '@zag-js/solid';
+import { Show } from 'solid-js';
+import { ark } from '../factory';
+import { usePresenceContext } from '../presence';
+import { useDatePickerContext } from './use-date-picker-context';
+export const DatePickerContent = (props) => {
+    const api = useDatePickerContext();
+    const presenceApi = usePresenceContext();
+    const mergedProps = mergeProps(() => api().contentProps, () => presenceApi().presenceProps, props);
+    return (<Show when={!presenceApi().isUnmounted}>
+      <ark.div {...mergedProps}/>
+    </Show>);
+};

package/dist/source/date-picker/date-picker-context.jsx

@@ -0,0 +1,2 @@
+import { useDatePickerContext } from './use-date-picker-context';
+export const DatePickerContext = (props) => props.children(useDatePickerContext());

package/dist/source/date-picker/date-picker-control.jsx

@@ -0,0 +1,8 @@
+import { mergeProps } from '@zag-js/solid';
+import { ark } from '../factory';
+import { useDatePickerContext } from './use-date-picker-context';
+export const DatePickerControl = (props) => {
+    const api = useDatePickerContext();
+    const mergedProps = mergeProps(() => api().controlProps, props);
+    return <ark.div {...mergedProps}/>;
+};

package/dist/source/date-picker/date-picker-input.jsx

@@ -0,0 +1,10 @@
+import { mergeProps } from '@zag-js/solid';
+import { createSplitProps } from '../create-split-props';
+import { ark } from '../factory';
+import { useDatePickerContext } from './use-date-picker-context';
+export const DatePickerInput = (props) => {
+    const [inputProps, localProps] = createSplitProps()(props, ['index']);
+    const api = useDatePickerContext();
+    const mergedProps = mergeProps(() => api().getInputProps(inputProps), localProps);
+    return <ark.input {...mergedProps}/>;
+};

package/dist/source/date-picker/date-picker-label.jsx

@@ -0,0 +1,8 @@
+import { mergeProps } from '@zag-js/solid';
+import { ark } from '../factory';
+import { useDatePickerContext } from './use-date-picker-context';
+export const DatePickerLabel = (props) => {
+    const api = useDatePickerContext();
+    const mergedProps = mergeProps(() => api().labelProps, props);
+    return <ark.label {...mergedProps}/>;
+};

package/dist/source/date-picker/date-picker-month-select.jsx

@@ -0,0 +1,12 @@
+import { mergeProps } from '@zag-js/solid';
+import { ark } from '../factory';
+import { useDatePickerContext } from './use-date-picker-context';
+export const DatePickerMonthSelect = (props) => {
+    const api = useDatePickerContext();
+    const mergedProps = mergeProps(() => api().monthSelectProps, props);
+    return (<ark.select {...mergedProps}>
+      {api()
+            .getMonths()
+            .map((month) => (<option value={month.value}>{month.label}</option>))}
+    </ark.select>);
+};

package/dist/source/date-picker/date-picker-next-trigger.jsx

@@ -0,0 +1,10 @@
+import { mergeProps } from '@zag-js/solid';
+import { ark } from '../factory';
+import { useDatePickerContext } from './use-date-picker-context';
+import { useDatePickerViewContext } from './use-date-picker-view-context';
+export const DatePickerNextTrigger = (props) => {
+    const api = useDatePickerContext();
+    const viewProps = useDatePickerViewContext();
+    const mergedProps = mergeProps(() => api().getNextTriggerProps(viewProps), props);
+    return <ark.button {...mergedProps}/>;
+};

package/dist/source/date-picker/date-picker-positioner.jsx

@@ -0,0 +1,13 @@
+import { mergeProps } from '@zag-js/solid';
+import { Show } from 'solid-js';
+import { ark } from '../factory';
+import { usePresenceContext } from '../presence';
+import { useDatePickerContext } from './use-date-picker-context';
+export const DatePickerPositioner = (props) => {
+    const api = useDatePickerContext();
+    const presenceApi = usePresenceContext();
+    const mergedProps = mergeProps(() => api().positionerProps, props);
+    return (<Show when={!presenceApi().isUnmounted}>
+      <ark.div {...mergedProps}/>
+    </Show>);
+};

package/dist/source/date-picker/date-picker-preset-trigger.jsx

@@ -0,0 +1,10 @@
+import { mergeProps } from '@zag-js/solid';
+import { createSplitProps } from '../create-split-props';
+import { ark } from '../factory';
+import { useDatePickerContext } from './use-date-picker-context';
+export const DatePickerPresetTrigger = (props) => {
+    const [presetTriggerProps, localProps] = createSplitProps()(props, ['value']);
+    const api = useDatePickerContext();
+    const mergedProps = mergeProps(() => api().getPresetTriggerProps(presetTriggerProps), localProps);
+    return <ark.button {...mergedProps}/>;
+};

package/dist/source/date-picker/date-picker-prev-trigger.jsx

@@ -0,0 +1,10 @@
+import { mergeProps } from '@zag-js/solid';
+import { ark } from '../factory';
+import { useDatePickerContext } from './use-date-picker-context';
+import { useDatePickerViewContext } from './use-date-picker-view-context';
+export const DatePickerPrevTrigger = (props) => {
+    const api = useDatePickerContext();
+    const viewProps = useDatePickerViewContext();
+    const mergedProps = mergeProps(() => api().getPrevTriggerProps(viewProps), props);
+    return <ark.button {...mergedProps}/>;
+};

package/dist/source/date-picker/date-picker-range-text.jsx

@@ -0,0 +1,8 @@
+import { mergeProps } from '@zag-js/solid';
+import { ark } from '../factory';
+import { useDatePickerContext } from './use-date-picker-context';
+export const DatePickerRangeText = (props) => {
+    const api = useDatePickerContext();
+    const mergedProps = mergeProps(() => api().rangeTextProps, props);
+    return <ark.div {...mergedProps}>{api().visibleRangeText.start}</ark.div>;
+};

package/dist/source/date-picker/date-picker-root.jsx

@@ -0,0 +1,49 @@
+import { mergeProps } from '@zag-js/solid';
+import { createSplitProps } from '../create-split-props';
+import { ark } from '../factory';
+import { PresenceProvider, splitPresenceProps, usePresence, } from '../presence';
+import { useDatePicker } from './use-date-picker';
+import { DatePickerProvider } from './use-date-picker-context';
+export const DatePickerRoot = (props) => {
+    const [presenceProps, datePickerProps] = splitPresenceProps(props);
+    const [useDatePickerProps, localProps] = createSplitProps()(datePickerProps, [
+        'closeOnSelect',
+        'dir',
+        'disabled',
+        'fixedWeeks',
+        'focusedValue',
+        'format',
+        'getRootNode',
+        'id',
+        'ids',
+        'isDateUnavailable',
+        'isDateUnavailable',
+        'locale',
+        'max',
+        'min',
+        'modal',
+        'name',
+        'numOfMonths',
+        'onFocusChange',
+        'onOpenChange',
+        'onValueChange',
+        'onViewChange',
+        'open',
+        'positioning',
+        'readOnly',
+        'selectionMode',
+        'startOfWeek',
+        'timeZone',
+        'translations',
+        'value',
+        'view',
+    ]);
+    const api = useDatePicker(useDatePickerProps);
+    const apiPresence = usePresence(mergeProps(presenceProps, () => ({ present: api().isOpen })));
+    const mergedProps = mergeProps(() => api().rootProps, localProps);
+    return (<DatePickerProvider value={api}>
+      <PresenceProvider value={apiPresence}>
+        <ark.div {...mergedProps}/>
+      </PresenceProvider>
+    </DatePickerProvider>);
+};

package/dist/source/date-picker/date-picker-table-body.jsx

@@ -0,0 +1,10 @@
+import { mergeProps } from '@zag-js/solid';
+import { ark } from '../factory';
+import { useDatePickerContext } from './use-date-picker-context';
+import { useDatePickerTableContext } from './use-date-picker-table-context';
+export const DatePickerTableBody = (props) => {
+    const api = useDatePickerContext();
+    const tableProps = useDatePickerTableContext();
+    const mergedProps = mergeProps(() => api().getTableBodyProps(tableProps), props);
+    return <ark.tbody {...mergedProps}/>;
+};

package/dist/source/date-picker/date-picker-table-cell-trigger.jsx

@@ -0,0 +1,18 @@
+import { mergeProps } from '@zag-js/solid';
+import { ark } from '../factory';
+import { useDatePickerContext } from './use-date-picker-context';
+import { useDatePickerTableCellContext } from './use-date-picker-table-cell-context';
+import { useDatePickerViewContext } from './use-date-picker-view-context';
+export const DatePickerTableCellTrigger = (props) => {
+    const api = useDatePickerContext();
+    const cellProps = useDatePickerTableCellContext();
+    const viewProps = useDatePickerViewContext();
+    const triggerProps = {
+        day: api().getDayTableCellTriggerProps,
+        month: api().getMonthTableCellTriggerProps,
+        year: api().getYearTableCellTriggerProps,
+        // @ts-expect-error value is number filter
+    }[viewProps.view](cellProps);
+    const mergedProps = mergeProps(() => triggerProps, props);
+    return <ark.button {...mergedProps}/>;
+};

package/dist/source/date-picker/date-picker-table-cell.jsx

@@ -0,0 +1,26 @@
+import { mergeProps } from '@zag-js/solid';
+import { createSplitProps } from '../create-split-props';
+import { ark } from '../factory';
+import { useDatePickerContext } from './use-date-picker-context';
+import { DatePickerTableCellProvider, } from './use-date-picker-table-cell-context';
+import { useDatePickerViewContext } from './use-date-picker-view-context';
+export const DatePickerTableCell = (props) => {
+    const [cellProps, localProps] = createSplitProps()(props, [
+        'disabled',
+        'value',
+        'visibleRange',
+        'columns',
+    ]);
+    const api = useDatePickerContext();
+    const viewProps = useDatePickerViewContext();
+    const tableCellProps = {
+        day: api().getDayTableCellProps,
+        month: api().getMonthTableCellProps,
+        year: api().getYearTableCellProps,
+        // @ts-expect-error use filter guard
+    }[viewProps.view](cellProps);
+    const mergedProps = mergeProps(() => tableCellProps, localProps);
+    return (<DatePickerTableCellProvider value={cellProps}>
+      <ark.td {...mergedProps}/>
+    </DatePickerTableCellProvider>);
+};

package/dist/source/date-picker/date-picker-table-head.jsx

@@ -0,0 +1,10 @@
+import { mergeProps } from '@zag-js/solid';
+import { ark } from '../factory';
+import { useDatePickerContext } from './use-date-picker-context';
+import { useDatePickerTableContext } from './use-date-picker-table-context';
+export const DatePickerTableHead = (props) => {
+    const api = useDatePickerContext();
+    const tableProps = useDatePickerTableContext();
+    const mergedProps = mergeProps(() => api().getTableHeadProps(tableProps), props);
+    return <ark.thead {...mergedProps}/>;
+};

package/dist/source/date-picker/date-picker-table-header.jsx

@@ -0,0 +1,10 @@
+import { mergeProps } from '@zag-js/solid';
+import { ark } from '../factory';
+import { useDatePickerContext } from './use-date-picker-context';
+import { useDatePickerTableContext } from './use-date-picker-table-context';
+export const DatePickerTableHeader = (props) => {
+    const api = useDatePickerContext();
+    const tableProps = useDatePickerTableContext();
+    const mergedProps = mergeProps(() => api().getTableHeaderProps(tableProps), props);
+    return <ark.th {...mergedProps}/>;
+};

package/dist/source/date-picker/date-picker-table-row.jsx

@@ -0,0 +1,10 @@
+import { mergeProps } from '@zag-js/solid';
+import { ark } from '../factory';
+import { useDatePickerContext } from './use-date-picker-context';
+import { useDatePickerTableContext } from './use-date-picker-table-context';
+export const DatePickerTableRow = (props) => {
+    const api = useDatePickerContext();
+    const tableProps = useDatePickerTableContext();
+    const mergedProps = mergeProps(() => api().getTableRowProps(tableProps), props);
+    return <ark.tr {...mergedProps}/>;
+};

package/dist/source/date-picker/date-picker-table.jsx

@@ -0,0 +1,19 @@
+import { mergeProps } from '@zag-js/solid';
+import { createUniqueId } from 'solid-js';
+import { createSplitProps } from '../create-split-props';
+import { ark } from '../factory';
+import { useDatePickerContext } from './use-date-picker-context';
+import { DatePickerTableProvider } from './use-date-picker-table-context';
+import { useDatePickerViewContext } from './use-date-picker-view-context';
+export const DatePickerTable = (props) => {
+    const [{ columns }, localProps] = createSplitProps()(props, [
+        'columns',
+    ]);
+    const api = useDatePickerContext();
+    const viewProps = useDatePickerViewContext();
+    const tableProps = { columns, id: createUniqueId(), ...viewProps };
+    const mergedProps = mergeProps(() => api().getTableProps(tableProps), localProps);
+    return (<DatePickerTableProvider value={tableProps}>
+      <ark.table {...mergedProps}/>
+    </DatePickerTableProvider>);
+};

package/dist/source/date-picker/date-picker-trigger.jsx

@@ -0,0 +1,8 @@
+import { mergeProps } from '@zag-js/solid';
+import { ark } from '../factory';
+import { useDatePickerContext } from './use-date-picker-context';
+export const DatePickerTrigger = (props) => {
+    const api = useDatePickerContext();
+    const mergedProps = mergeProps(() => api().triggerProps, props);
+    return <ark.button {...mergedProps}/>;
+};

package/dist/source/date-picker/date-picker-view-control.jsx

@@ -0,0 +1,10 @@
+import { mergeProps } from '@zag-js/solid';
+import { ark } from '../factory';
+import { useDatePickerContext } from './use-date-picker-context';
+import { useDatePickerViewContext } from './use-date-picker-view-context';
+export const DatePickerViewControl = (props) => {
+    const api = useDatePickerContext();
+    const viewProps = useDatePickerViewContext();
+    const mergedProps = mergeProps(() => api().getViewControlProps(viewProps), props);
+    return <ark.div {...mergedProps}/>;
+};

package/dist/source/date-picker/date-picker-view-trigger.jsx

@@ -0,0 +1,10 @@
+import { mergeProps } from '@zag-js/solid';
+import { ark } from '../factory';
+import { useDatePickerContext } from './use-date-picker-context';
+import { useDatePickerViewContext } from './use-date-picker-view-context';
+export const DatePickerViewTrigger = (props) => {
+    const api = useDatePickerContext();
+    const viewProps = useDatePickerViewContext();
+    const mergedProps = mergeProps(() => api().getViewTriggerProps(viewProps), props);
+    return <ark.button {...mergedProps}/>;
+};

package/dist/source/date-picker/date-picker-view.jsx

@@ -0,0 +1,14 @@
+import { datePickerAnatomy } from '@ark-ui/anatomy';
+import { mergeProps } from '@zag-js/solid';
+import { createSplitProps } from '../create-split-props';
+import { ark } from '../factory';
+import { useDatePickerContext } from './use-date-picker-context';
+import { DatePickerViewProvider } from './use-date-picker-view-context';
+export const DatePickerView = (props) => {
+    const [viewProps, localProps] = createSplitProps()(props, ['view']);
+    const api = useDatePickerContext();
+    const mergedProps = mergeProps(() => datePickerAnatomy.build().view.attrs, localProps);
+    return (<DatePickerViewProvider value={viewProps}>
+      <ark.div {...mergedProps} hidden={api().view !== viewProps.view}/>
+    </DatePickerViewProvider>);
+};

package/dist/source/date-picker/date-picker-year-select.jsx

@@ -0,0 +1,17 @@
+import { mergeProps } from '@zag-js/solid';
+import { ark } from '../factory';
+import { useDatePickerContext } from './use-date-picker-context';
+export const DatePickerYearSelect = (props) => {
+    const api = useDatePickerContext();
+    const mergedProps = mergeProps(() => api().yearSelectProps, props);
+    return (<ark.select {...mergedProps}>
+      {getYearsRange({ from: 1_000, to: 4_000 }).map((year) => (<option value={year}>{year}</option>))}
+    </ark.select>);
+};
+function getYearsRange(range) {
+    const years = [];
+    for (let year = range.from; year <= range.to; year += 1) {
+        years.push(year);
+    }
+    return years;
+}

package/dist/source/date-picker/date-picker.jsx

@@ -0,0 +1,26 @@
+import { DatePickerClearTrigger as ClearTrigger, } from './date-picker-clear-trigger';
+import { DatePickerContent as Content, } from './date-picker-content';
+import { DatePickerContext as Context, } from './date-picker-context';
+import { DatePickerControl as Control, } from './date-picker-control';
+import { DatePickerInput as Input, } from './date-picker-input';
+import { DatePickerLabel as Label, } from './date-picker-label';
+import { DatePickerMonthSelect as MonthSelect, } from './date-picker-month-select';
+import { DatePickerNextTrigger as NextTrigger, } from './date-picker-next-trigger';
+import { DatePickerPositioner as Positioner, } from './date-picker-positioner';
+import { DatePickerPresetTrigger as PresetTrigger, } from './date-picker-preset-trigger';
+import { DatePickerPrevTrigger as PrevTrigger, } from './date-picker-prev-trigger';
+import { DatePickerRangeText as RangeText, } from './date-picker-range-text';
+import { DatePickerRoot as Root } from './date-picker-root';
+import { DatePickerTable as Table, } from './date-picker-table';
+import { DatePickerTableBody as TableBody, } from './date-picker-table-body';
+import { DatePickerTableCell as TableCell, } from './date-picker-table-cell';
+import { DatePickerTableCellTrigger as TableCellTrigger, } from './date-picker-table-cell-trigger';
+import { DatePickerTableHead as TableHead, } from './date-picker-table-head';
+import { DatePickerTableHeader as TableHeader, } from './date-picker-table-header';
+import { DatePickerTableRow as TableRow, } from './date-picker-table-row';
+import { DatePickerTrigger as Trigger, } from './date-picker-trigger';
+import { DatePickerView as View } from './date-picker-view';
+import { DatePickerViewControl as ViewControl, } from './date-picker-view-control';
+import { DatePickerViewTrigger as ViewTrigger, } from './date-picker-view-trigger';
+import { DatePickerYearSelect as YearSelect, } from './date-picker-year-select';
+export { ClearTrigger, Content, Context, Control, Input, Label, MonthSelect, NextTrigger, Positioner, PresetTrigger, PrevTrigger, RangeText, Root, Table, TableBody, TableCell, TableCellTrigger, TableHead, TableHeader, TableRow, Trigger, View, ViewControl, ViewTrigger, YearSelect, };