@ark-ui/solid 0.11.0 → 1.0.0-beta.0

package/date-picker/date-picker-month-select.cjs

@@ -4,27 +4,21 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const web = require('solid-js/web');
 const solid = require('@zag-js/solid');
-const solidJs = require('solid-js');
 const factory = require('../factory.cjs');
 const datePickerContext = require('./date-picker-context.cjs');
 
 const _tmpl$ = /*#__PURE__*/web.template(`<option>`);
 const DatePickerMonthSelect = props => {
-  const datePicker = datePickerContext.useDatePickerContext();
-  const mergedProps = solid.mergeProps(() => datePicker().monthSelectProps, props);
+  const api = datePickerContext.useDatePickerContext();
+  const mergedProps = solid.mergeProps(() => api().monthSelectProps, props);
   return web.createComponent(factory.ark.select, web.mergeProps(mergedProps, {
     get children() {
-      return web.createComponent(solidJs.For, {
-        get each() {
-          return datePicker().getMonths();
-        },
-        children: month => (() => {
-          const _el$ = _tmpl$();
-          web.insert(_el$, () => month.label);
-          web.effect(() => _el$.value = month.value);
-          return _el$;
-        })()
-      });
+      return api().getMonths().map(month => (() => {
+        const _el$ = _tmpl$();
+        web.insert(_el$, () => month.label);
+        web.effect(() => _el$.value = month.value);
+        return _el$;
+      })());
     }
   }));
 };

package/date-picker/date-picker-month-select.d.ts

@@ -1,4 +1,5 @@
 import { JSX } from 'solid-js';
 import { type HTMLArkProps } from '../factory';
-export type DatePickerMonthSelectProps = HTMLArkProps<'select'>;
+export interface DatePickerMonthSelectProps extends HTMLArkProps<'select'> {
+}
 export declare const DatePickerMonthSelect: (props: DatePickerMonthSelectProps) => JSX.Element;

package/date-picker/date-picker-month-select.mjs

@@ -1,26 +1,20 @@
 import { createComponent, mergeProps as mergeProps$1, insert, effect, template } from 'solid-js/web';
 import { mergeProps } from '@zag-js/solid';
-import { For } from 'solid-js';
 import { ark } from '../factory.mjs';
 import { useDatePickerContext } from './date-picker-context.mjs';
 
 const _tmpl$ = /*#__PURE__*/template(`<option>`);
 const DatePickerMonthSelect = props => {
-  const datePicker = useDatePickerContext();
-  const mergedProps = mergeProps(() => datePicker().monthSelectProps, props);
+  const api = useDatePickerContext();
+  const mergedProps = mergeProps(() => api().monthSelectProps, props);
   return createComponent(ark.select, mergeProps$1(mergedProps, {
     get children() {
-      return createComponent(For, {
-        get each() {
-          return datePicker().getMonths();
-        },
-        children: month => (() => {
-          const _el$ = _tmpl$();
-          insert(_el$, () => month.label);
-          effect(() => _el$.value = month.value);
-          return _el$;
-        })()
-      });
+      return api().getMonths().map(month => (() => {
+        const _el$ = _tmpl$();
+        insert(_el$, () => month.label);
+        effect(() => _el$.value = month.value);
+        return _el$;
+      })());
     }
   }));
 };

package/date-picker/date-picker-next-trigger.cjs

@@ -6,12 +6,12 @@ const web = require('solid-js/web');
 const solid = require('@zag-js/solid');
 const factory = require('../factory.cjs');
 const datePickerContext = require('./date-picker-context.cjs');
+const datePickerViewContext = require('./date-picker-view-context.cjs');
 
 const DatePickerNextTrigger = props => {
-  const datePicker = datePickerContext.useDatePickerContext();
-  const mergedProps = solid.mergeProps(datePicker().getNextTriggerProps({
-    view: datePicker().view
-  }), props);
+  const api = datePickerContext.useDatePickerContext();
+  const viewProps = datePickerViewContext.useDatePickerViewContext();
+  const mergedProps = solid.mergeProps(() => api().getNextTriggerProps(viewProps), props);
   return web.createComponent(factory.ark.button, mergedProps);
 };
 

package/date-picker/date-picker-next-trigger.d.ts

@@ -1,4 +1,5 @@
 import { JSX } from 'solid-js';
 import { type HTMLArkProps } from '../factory';
-export type DatePickerNextTriggerProps = HTMLArkProps<'button'>;
+export interface DatePickerNextTriggerProps extends HTMLArkProps<'button'> {
+}
 export declare const DatePickerNextTrigger: (props: DatePickerNextTriggerProps) => JSX.Element;

package/date-picker/date-picker-next-trigger.mjs

@@ -2,12 +2,12 @@ import { createComponent } from 'solid-js/web';
 import { mergeProps } from '@zag-js/solid';
 import { ark } from '../factory.mjs';
 import { useDatePickerContext } from './date-picker-context.mjs';
+import { useDatePickerViewContext } from './date-picker-view-context.mjs';
 
 const DatePickerNextTrigger = props => {
-  const datePicker = useDatePickerContext();
-  const mergedProps = mergeProps(datePicker().getNextTriggerProps({
-    view: datePicker().view
-  }), props);
+  const api = useDatePickerContext();
+  const viewProps = useDatePickerViewContext();
+  const mergedProps = mergeProps(() => api().getNextTriggerProps(viewProps), props);
   return createComponent(ark.button, mergedProps);
 };
 

package/date-picker/date-picker-positioner.cjs

@@ -8,8 +8,8 @@ const factory = require('../factory.cjs');
 const datePickerContext = require('./date-picker-context.cjs');
 
 const DatePickerPositioner = props => {
-  const datePicker = datePickerContext.useDatePickerContext();
-  const mergedProps = solid.mergeProps(() => datePicker().positionerProps, props);
+  const api = datePickerContext.useDatePickerContext();
+  const mergedProps = solid.mergeProps(() => api().positionerProps, props);
   return web.createComponent(factory.ark.div, mergedProps);
 };
 

package/date-picker/date-picker-positioner.d.ts

@@ -1,4 +1,5 @@
 import { JSX } from 'solid-js';
 import { type HTMLArkProps } from '../factory';
-export type DatePickerPositionerProps = HTMLArkProps<'div'>;
+export interface DatePickerPositionerProps extends HTMLArkProps<'div'> {
+}
 export declare const DatePickerPositioner: (props: DatePickerPositionerProps) => JSX.Element;

package/date-picker/date-picker-positioner.mjs

@@ -4,8 +4,8 @@ import { ark } from '../factory.mjs';
 import { useDatePickerContext } from './date-picker-context.mjs';
 
 const DatePickerPositioner = props => {
-  const datePicker = useDatePickerContext();
-  const mergedProps = mergeProps(() => datePicker().positionerProps, props);
+  const api = useDatePickerContext();
+  const mergedProps = mergeProps(() => api().positionerProps, props);
   return createComponent(ark.div, mergedProps);
 };
 

package/date-picker/date-picker-prev-trigger.cjs

@@ -6,12 +6,12 @@ const web = require('solid-js/web');
 const solid = require('@zag-js/solid');
 const factory = require('../factory.cjs');
 const datePickerContext = require('./date-picker-context.cjs');
+const datePickerViewContext = require('./date-picker-view-context.cjs');
 
 const DatePickerPrevTrigger = props => {
-  const datePicker = datePickerContext.useDatePickerContext();
-  const mergedProps = solid.mergeProps(datePicker().getPrevTriggerProps({
-    view: datePicker().view
-  }), props);
+  const api = datePickerContext.useDatePickerContext();
+  const viewProps = datePickerViewContext.useDatePickerViewContext();
+  const mergedProps = solid.mergeProps(() => api().getPrevTriggerProps(viewProps), props);
   return web.createComponent(factory.ark.button, mergedProps);
 };
 

package/date-picker/date-picker-prev-trigger.d.ts

@@ -1,4 +1,5 @@
 import { JSX } from 'solid-js';
 import { type HTMLArkProps } from '../factory';
-export type DatePickerPrevTriggerProps = HTMLArkProps<'button'>;
+export interface DatePickerPrevTriggerProps extends HTMLArkProps<'button'> {
+}
 export declare const DatePickerPrevTrigger: (props: DatePickerPrevTriggerProps) => JSX.Element;

package/date-picker/date-picker-prev-trigger.mjs

@@ -2,12 +2,12 @@ import { createComponent } from 'solid-js/web';
 import { mergeProps } from '@zag-js/solid';
 import { ark } from '../factory.mjs';
 import { useDatePickerContext } from './date-picker-context.mjs';
+import { useDatePickerViewContext } from './date-picker-view-context.mjs';
 
 const DatePickerPrevTrigger = props => {
-  const datePicker = useDatePickerContext();
-  const mergedProps = mergeProps(datePicker().getPrevTriggerProps({
-    view: datePicker().view
-  }), props);
+  const api = useDatePickerContext();
+  const viewProps = useDatePickerViewContext();
+  const mergedProps = mergeProps(() => api().getPrevTriggerProps(viewProps), props);
   return createComponent(ark.button, mergedProps);
 };
 

package/date-picker/date-picker-range-text.cjs

@@ -0,0 +1,20 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const web = require('solid-js/web');
+const solid = require('@zag-js/solid');
+const factory = require('../factory.cjs');
+const datePickerContext = require('./date-picker-context.cjs');
+
+const DatePickerRangeText = props => {
+  const api = datePickerContext.useDatePickerContext();
+  const mergedProps = solid.mergeProps(() => api().rangeTextProps, props);
+  return web.createComponent(factory.ark.div, web.mergeProps(mergedProps, {
+    get children() {
+      return api().visibleRangeText.start;
+    }
+  }));
+};
+
+exports.DatePickerRangeText = DatePickerRangeText;

package/date-picker/date-picker-range-text.d.ts

@@ -0,0 +1,5 @@
+import { JSX } from 'solid-js';
+import { type HTMLArkProps } from '../factory';
+export interface DatePickerRangeTextProps extends HTMLArkProps<'div'> {
+}
+export declare const DatePickerRangeText: (props: DatePickerRangeTextProps) => JSX.Element;

package/date-picker/date-picker-range-text.mjs

@@ -0,0 +1,16 @@
+import { createComponent, mergeProps as mergeProps$1 } from 'solid-js/web';
+import { mergeProps } from '@zag-js/solid';
+import { ark } from '../factory.mjs';
+import { useDatePickerContext } from './date-picker-context.mjs';
+
+const DatePickerRangeText = props => {
+  const api = useDatePickerContext();
+  const mergedProps = mergeProps(() => api().rangeTextProps, props);
+  return createComponent(ark.div, mergeProps$1(mergedProps, {
+    get children() {
+      return api().visibleRangeText.start;
+    }
+  }));
+};
+
+export { DatePickerRangeText };

package/date-picker/date-picker-table-body.cjs

@@ -0,0 +1,18 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const web = require('solid-js/web');
+const solid = require('@zag-js/solid');
+const factory = require('../factory.cjs');
+const datePickerContext = require('./date-picker-context.cjs');
+const datePickerTableContext = require('./date-picker-table-context.cjs');
+
+const DatePickerTableBody = props => {
+  const api = datePickerContext.useDatePickerContext();
+  const tableProps = datePickerTableContext.useDatePickerTableContext();
+  const mergedProps = solid.mergeProps(() => api().getTableBodyProps(tableProps), props);
+  return web.createComponent(factory.ark.tbody, mergedProps);
+};
+
+exports.DatePickerTableBody = DatePickerTableBody;

package/date-picker/date-picker-table-body.d.ts

@@ -0,0 +1,5 @@
+import { JSX } from 'solid-js';
+import { type HTMLArkProps } from '../factory';
+export interface DatePickerTableBodyProps extends HTMLArkProps<'tbody'> {
+}
+export declare const DatePickerTableBody: (props: DatePickerTableBodyProps) => JSX.Element;

package/date-picker/date-picker-table-body.mjs

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

package/date-picker/date-picker-table-cell-context.cjs

@@ -0,0 +1,13 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const createContext = require('../create-context.cjs');
+
+const [DatePickerTableCellProvider, useDatePickerTableCellContext] = createContext.createContext({
+  hookName: "useDatePickerTableCellContext",
+  providerName: "<DatePickerTableCellProvider />"
+});
+
+exports.DatePickerTableCellProvider = DatePickerTableCellProvider;
+exports.useDatePickerTableCellContext = useDatePickerTableCellContext;

package/date-picker/date-picker-table-cell-context.d.ts

@@ -0,0 +1,10 @@
+import { ContextProviderComponent } from 'solid-js';
+import type { DayTableCellProps, TableCellProps } from '@zag-js/date-picker';
+type Union<T, U> = {
+    [K in keyof T]: K extends keyof U ? U[K] | T[K] : T[K];
+} & Omit<U, keyof T>;
+type CellProps = Union<DayTableCellProps, TableCellProps>;
+export interface DatePickerTableCellContext extends CellProps {
+}
+export declare const DatePickerTableCellProvider: ContextProviderComponent<DatePickerTableCellContext>, useDatePickerTableCellContext: () => DatePickerTableCellContext;
+export {};

package/date-picker/date-picker-table-cell-context.mjs

@@ -0,0 +1,8 @@
+import { createContext } from '../create-context.mjs';
+
+const [DatePickerTableCellProvider, useDatePickerTableCellContext] = createContext({
+  hookName: "useDatePickerTableCellContext",
+  providerName: "<DatePickerTableCellProvider />"
+});
+
+export { DatePickerTableCellProvider, useDatePickerTableCellContext };

package/date-picker/date-picker-table-cell-trigger.cjs

@@ -0,0 +1,26 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const web = require('solid-js/web');
+const solid = require('@zag-js/solid');
+const factory = require('../factory.cjs');
+const datePickerContext = require('./date-picker-context.cjs');
+const datePickerTableCellContext = require('./date-picker-table-cell-context.cjs');
+const datePickerViewContext = require('./date-picker-view-context.cjs');
+
+const DatePickerTableCellTrigger = props => {
+  const api = datePickerContext.useDatePickerContext();
+  const cellProps = datePickerTableCellContext.useDatePickerTableCellContext();
+  const viewProps = datePickerViewContext.useDatePickerViewContext();
+  const triggerProps = {
+    day: api().getDayTableCellTriggerProps,
+    month: api().getMonthTableCellTriggerProps,
+    year: api().getYearTableCellTriggerProps
+    // @ts-expect-error value is number filter
+  }[viewProps.view](cellProps);
+  const mergedProps = solid.mergeProps(() => triggerProps, props);
+  return web.createComponent(factory.ark.button, mergedProps);
+};
+
+exports.DatePickerTableCellTrigger = DatePickerTableCellTrigger;

package/date-picker/date-picker-table-cell-trigger.d.ts

@@ -0,0 +1,5 @@
+import { JSX } from 'solid-js';
+import { type HTMLArkProps } from '../factory';
+export interface DatePickerTableCellTriggerProps extends HTMLArkProps<'button'> {
+}
+export declare const DatePickerTableCellTrigger: (props: DatePickerTableCellTriggerProps) => JSX.Element;

package/date-picker/date-picker-table-cell-trigger.mjs

@@ -0,0 +1,22 @@
+import { createComponent } from 'solid-js/web';
+import { mergeProps } from '@zag-js/solid';
+import { ark } from '../factory.mjs';
+import { useDatePickerContext } from './date-picker-context.mjs';
+import { useDatePickerTableCellContext } from './date-picker-table-cell-context.mjs';
+import { useDatePickerViewContext } from './date-picker-view-context.mjs';
+
+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 createComponent(ark.button, mergedProps);
+};
+
+export { DatePickerTableCellTrigger };

package/date-picker/date-picker-table-cell.cjs

@@ -0,0 +1,32 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const web = require('solid-js/web');
+const solid = require('@zag-js/solid');
+const createSplitProps = require('../create-split-props.cjs');
+const factory = require('../factory.cjs');
+const datePickerContext = require('./date-picker-context.cjs');
+const datePickerTableCellContext = require('./date-picker-table-cell-context.cjs');
+const datePickerViewContext = require('./date-picker-view-context.cjs');
+
+const DatePickerTableCell = props => {
+  const [cellProps, localProps] = createSplitProps.createSplitProps()(props, ['disabled', 'value', 'visibleRange', 'columns']);
+  const api = datePickerContext.useDatePickerContext();
+  const viewProps = datePickerViewContext.useDatePickerViewContext();
+  const tableCellProps = {
+    day: api().getDayTableCellProps,
+    month: api().getMonthTableCellProps,
+    year: api().getYearTableCellProps
+    // @ts-expect-error use filter guard
+  }[viewProps.view](cellProps);
+  const mergedProps = solid.mergeProps(() => tableCellProps, localProps);
+  return web.createComponent(datePickerTableCellContext.DatePickerTableCellProvider, {
+    value: cellProps,
+    get children() {
+      return web.createComponent(factory.ark.td, mergedProps);
+    }
+  });
+};
+
+exports.DatePickerTableCell = DatePickerTableCell;

package/date-picker/date-picker-table-cell.d.ts

@@ -0,0 +1,6 @@
+import { JSX } from 'solid-js';
+import { type HTMLArkProps } from '../factory';
+import { type DatePickerTableCellContext } from './date-picker-table-cell-context';
+export interface DatePickerTableCellProps extends HTMLArkProps<'td'>, DatePickerTableCellContext {
+}
+export declare const DatePickerTableCell: (props: DatePickerTableCellProps) => JSX.Element;

package/date-picker/date-picker-table-cell.mjs

@@ -0,0 +1,28 @@
+import { createComponent } from 'solid-js/web';
+import { mergeProps } from '@zag-js/solid';
+import { createSplitProps } from '../create-split-props.mjs';
+import { ark } from '../factory.mjs';
+import { useDatePickerContext } from './date-picker-context.mjs';
+import { DatePickerTableCellProvider } from './date-picker-table-cell-context.mjs';
+import { useDatePickerViewContext } from './date-picker-view-context.mjs';
+
+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 createComponent(DatePickerTableCellProvider, {
+    value: cellProps,
+    get children() {
+      return createComponent(ark.td, mergedProps);
+    }
+  });
+};
+
+export { DatePickerTableCell };

package/date-picker/date-picker-table-context.cjs

@@ -0,0 +1,13 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const createContext = require('../create-context.cjs');
+
+const [DatePickerTableProvider, useDatePickerTableContext] = createContext.createContext({
+  hookName: "useDatePickerTableContext",
+  providerName: "<DatePickerTableProvider />"
+});
+
+exports.DatePickerTableProvider = DatePickerTableProvider;
+exports.useDatePickerTableContext = useDatePickerTableContext;

package/date-picker/date-picker-table-context.d.ts

@@ -0,0 +1,5 @@
+import { ContextProviderComponent } from 'solid-js';
+import type { TableProps } from '@zag-js/date-picker';
+export interface DatePickerTableContext extends TableProps {
+}
+export declare const DatePickerTableProvider: ContextProviderComponent<DatePickerTableContext>, useDatePickerTableContext: () => DatePickerTableContext;

package/date-picker/date-picker-table-context.mjs

@@ -0,0 +1,8 @@
+import { createContext } from '../create-context.mjs';
+
+const [DatePickerTableProvider, useDatePickerTableContext] = createContext({
+  hookName: "useDatePickerTableContext",
+  providerName: "<DatePickerTableProvider />"
+});
+
+export { DatePickerTableProvider, useDatePickerTableContext };

package/date-picker/date-picker-table-head.cjs

@@ -0,0 +1,18 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const web = require('solid-js/web');
+const solid = require('@zag-js/solid');
+const factory = require('../factory.cjs');
+const datePickerContext = require('./date-picker-context.cjs');
+const datePickerTableContext = require('./date-picker-table-context.cjs');
+
+const DatePickerTableHead = props => {
+  const api = datePickerContext.useDatePickerContext();
+  const tableProps = datePickerTableContext.useDatePickerTableContext();
+  const mergedProps = solid.mergeProps(() => api().getTableHeadProps(tableProps), props);
+  return web.createComponent(factory.ark.thead, mergedProps);
+};
+
+exports.DatePickerTableHead = DatePickerTableHead;

package/date-picker/date-picker-table-head.d.ts

@@ -0,0 +1,5 @@
+import { JSX } from 'solid-js';
+import { type HTMLArkProps } from '../factory';
+export interface DatePickerTableHeadProps extends HTMLArkProps<'thead'> {
+}
+export declare const DatePickerTableHead: (props: DatePickerTableHeadProps) => JSX.Element;

package/date-picker/date-picker-table-head.mjs

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

package/date-picker/date-picker-table-header.cjs

@@ -0,0 +1,18 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const web = require('solid-js/web');
+const solid = require('@zag-js/solid');
+const factory = require('../factory.cjs');
+const datePickerContext = require('./date-picker-context.cjs');
+const datePickerTableContext = require('./date-picker-table-context.cjs');
+
+const DatePickerTableHeader = props => {
+  const api = datePickerContext.useDatePickerContext();
+  const tableProps = datePickerTableContext.useDatePickerTableContext();
+  const mergedProps = solid.mergeProps(() => api().getTableHeaderProps(tableProps), props);
+  return web.createComponent(factory.ark.th, mergedProps);
+};
+
+exports.DatePickerTableHeader = DatePickerTableHeader;

package/date-picker/date-picker-table-header.d.ts

@@ -0,0 +1,5 @@
+import { JSX } from 'solid-js';
+import { type HTMLArkProps } from '../factory';
+export interface DatePickerTableHeaderProps extends HTMLArkProps<'th'> {
+}
+export declare const DatePickerTableHeader: (props: DatePickerTableHeaderProps) => JSX.Element;

package/date-picker/date-picker-table-header.mjs

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

package/date-picker/date-picker-table-row.cjs

@@ -0,0 +1,18 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const web = require('solid-js/web');
+const solid = require('@zag-js/solid');
+const factory = require('../factory.cjs');
+const datePickerContext = require('./date-picker-context.cjs');
+const datePickerTableContext = require('./date-picker-table-context.cjs');
+
+const DatePickerTableRow = props => {
+  const api = datePickerContext.useDatePickerContext();
+  const tableProps = datePickerTableContext.useDatePickerTableContext();
+  const mergedProps = solid.mergeProps(() => api().getTableRowProps(tableProps), props);
+  return web.createComponent(factory.ark.tr, mergedProps);
+};
+
+exports.DatePickerTableRow = DatePickerTableRow;

package/date-picker/date-picker-table-row.d.ts

@@ -0,0 +1,5 @@
+import { JSX } from 'solid-js';
+import { type HTMLArkProps } from '../factory';
+export interface DatePickerTableRowProps extends HTMLArkProps<'tr'> {
+}
+export declare const DatePickerTableRow: (props: DatePickerTableRowProps) => JSX.Element;

package/date-picker/date-picker-table-row.mjs

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