@ark-ui/react 5.22.0 → 5.24.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.
Files changed (162) hide show
  1. package/README.md +0 -1
  2. package/dist/components/accordion/accordion-item.cjs +0 -1
  3. package/dist/components/accordion/accordion-item.js +0 -1
  4. package/dist/components/anatomy.cjs +190 -0
  5. package/dist/components/anatomy.d.cts +44 -0
  6. package/dist/components/anatomy.d.ts +44 -0
  7. package/dist/components/anatomy.js +44 -0
  8. package/dist/components/checkbox/checkbox.anatomy.d.cts +1 -1
  9. package/dist/components/checkbox/checkbox.anatomy.d.ts +1 -1
  10. package/dist/components/color-picker/color-picker.anatomy.d.cts +1 -1
  11. package/dist/components/color-picker/color-picker.anatomy.d.ts +1 -1
  12. package/dist/components/combobox/combobox-root-provider.d.cts +3 -2
  13. package/dist/components/combobox/combobox-root-provider.d.ts +3 -2
  14. package/dist/components/combobox/combobox-root.cjs +1 -0
  15. package/dist/components/combobox/combobox-root.d.cts +2 -2
  16. package/dist/components/combobox/combobox-root.d.ts +2 -2
  17. package/dist/components/combobox/combobox-root.js +1 -0
  18. package/dist/components/combobox/combobox.anatomy.d.cts +1 -1
  19. package/dist/components/combobox/combobox.anatomy.d.ts +1 -1
  20. package/dist/components/combobox/combobox.d.cts +2 -2
  21. package/dist/components/combobox/combobox.d.ts +2 -2
  22. package/dist/components/combobox/index.d.cts +2 -2
  23. package/dist/components/combobox/index.d.ts +2 -2
  24. package/dist/components/date-picker/date-picker.anatomy.d.cts +1 -1
  25. package/dist/components/date-picker/date-picker.anatomy.d.ts +1 -1
  26. package/dist/components/field/field.anatomy.d.cts +2 -2
  27. package/dist/components/field/field.anatomy.d.ts +2 -2
  28. package/dist/components/field/use-field.cjs +2 -1
  29. package/dist/components/field/use-field.js +2 -1
  30. package/dist/components/fieldset/fieldset-legend.cjs +1 -1
  31. package/dist/components/fieldset/fieldset-legend.d.cts +2 -2
  32. package/dist/components/fieldset/fieldset-legend.d.ts +2 -2
  33. package/dist/components/fieldset/fieldset-legend.js +1 -1
  34. package/dist/components/fieldset/fieldset.anatomy.d.cts +2 -2
  35. package/dist/components/fieldset/fieldset.anatomy.d.ts +2 -2
  36. package/dist/components/file-upload/file-upload-item-group.cjs +5 -2
  37. package/dist/components/file-upload/file-upload-item-group.d.cts +2 -1
  38. package/dist/components/file-upload/file-upload-item-group.d.ts +2 -1
  39. package/dist/components/file-upload/file-upload-item-group.js +5 -2
  40. package/dist/components/file-upload/file-upload-item.cjs +5 -2
  41. package/dist/components/file-upload/file-upload-item.d.cts +3 -1
  42. package/dist/components/file-upload/file-upload-item.d.ts +3 -1
  43. package/dist/components/file-upload/file-upload-item.js +5 -2
  44. package/dist/components/file-upload/use-file-upload-item-group-props-context.cjs +15 -0
  45. package/dist/components/file-upload/use-file-upload-item-group-props-context.d.cts +5 -0
  46. package/dist/components/file-upload/use-file-upload-item-group-props-context.d.ts +5 -0
  47. package/dist/components/file-upload/use-file-upload-item-group-props-context.js +10 -0
  48. package/dist/components/frame/frame.cjs +6 -4
  49. package/dist/components/frame/frame.js +6 -4
  50. package/dist/components/index.cjs +0 -42
  51. package/dist/components/index.d.cts +0 -1
  52. package/dist/components/index.d.ts +0 -1
  53. package/dist/components/index.js +0 -19
  54. package/dist/components/listbox/index.d.cts +2 -2
  55. package/dist/components/listbox/index.d.ts +2 -2
  56. package/dist/components/listbox/listbox-root-provider.d.cts +3 -2
  57. package/dist/components/listbox/listbox-root-provider.d.ts +3 -2
  58. package/dist/components/listbox/listbox-root.d.cts +2 -2
  59. package/dist/components/listbox/listbox-root.d.ts +2 -2
  60. package/dist/components/listbox/listbox.anatomy.d.cts +1 -1
  61. package/dist/components/listbox/listbox.anatomy.d.ts +1 -1
  62. package/dist/components/listbox/listbox.d.cts +2 -2
  63. package/dist/components/listbox/listbox.d.ts +2 -2
  64. package/dist/components/menu/menu-trigger-item.cjs +2 -1
  65. package/dist/components/menu/menu-trigger-item.js +2 -1
  66. package/dist/components/segment-group/segment-group.anatomy.d.cts +2 -2
  67. package/dist/components/segment-group/segment-group.anatomy.d.ts +2 -2
  68. package/dist/components/select/index.d.cts +2 -2
  69. package/dist/components/select/index.d.ts +2 -2
  70. package/dist/components/select/select-root-provider.d.cts +3 -2
  71. package/dist/components/select/select-root-provider.d.ts +3 -2
  72. package/dist/components/select/select-root.d.cts +2 -2
  73. package/dist/components/select/select-root.d.ts +2 -2
  74. package/dist/components/select/select.d.cts +2 -2
  75. package/dist/components/select/select.d.ts +2 -2
  76. package/dist/components/tour/tour.anatomy.d.cts +1 -1
  77. package/dist/components/tour/tour.anatomy.d.ts +1 -1
  78. package/dist/components/tree-view/index.d.cts +2 -2
  79. package/dist/components/tree-view/index.d.ts +2 -2
  80. package/dist/components/tree-view/tree-view-root-provider.d.cts +3 -2
  81. package/dist/components/tree-view/tree-view-root-provider.d.ts +3 -2
  82. package/dist/components/tree-view/tree-view-root.d.cts +3 -2
  83. package/dist/components/tree-view/tree-view-root.d.ts +3 -2
  84. package/dist/components/tree-view/tree-view.d.cts +2 -2
  85. package/dist/components/tree-view/tree-view.d.ts +2 -2
  86. package/dist/index.cjs +0 -42
  87. package/dist/index.js +0 -19
  88. package/package.json +70 -71
  89. package/dist/components/time-picker/index.cjs +0 -49
  90. package/dist/components/time-picker/index.d.cts +0 -19
  91. package/dist/components/time-picker/index.d.ts +0 -19
  92. package/dist/components/time-picker/index.js +0 -19
  93. package/dist/components/time-picker/time-picker-cell.cjs +0 -29
  94. package/dist/components/time-picker/time-picker-cell.d.cts +0 -13
  95. package/dist/components/time-picker/time-picker-cell.d.ts +0 -13
  96. package/dist/components/time-picker/time-picker-cell.js +0 -25
  97. package/dist/components/time-picker/time-picker-clear-trigger.cjs +0 -19
  98. package/dist/components/time-picker/time-picker-clear-trigger.d.cts +0 -7
  99. package/dist/components/time-picker/time-picker-clear-trigger.d.ts +0 -7
  100. package/dist/components/time-picker/time-picker-clear-trigger.js +0 -15
  101. package/dist/components/time-picker/time-picker-column.cjs +0 -22
  102. package/dist/components/time-picker/time-picker-column.d.cts +0 -8
  103. package/dist/components/time-picker/time-picker-column.d.ts +0 -8
  104. package/dist/components/time-picker/time-picker-column.js +0 -18
  105. package/dist/components/time-picker/time-picker-content.cjs +0 -25
  106. package/dist/components/time-picker/time-picker-content.d.cts +0 -7
  107. package/dist/components/time-picker/time-picker-content.d.ts +0 -7
  108. package/dist/components/time-picker/time-picker-content.js +0 -21
  109. package/dist/components/time-picker/time-picker-context.cjs +0 -10
  110. package/dist/components/time-picker/time-picker-context.d.cts +0 -6
  111. package/dist/components/time-picker/time-picker-context.d.ts +0 -6
  112. package/dist/components/time-picker/time-picker-context.js +0 -6
  113. package/dist/components/time-picker/time-picker-control.cjs +0 -19
  114. package/dist/components/time-picker/time-picker-control.d.cts +0 -7
  115. package/dist/components/time-picker/time-picker-control.d.ts +0 -7
  116. package/dist/components/time-picker/time-picker-control.js +0 -15
  117. package/dist/components/time-picker/time-picker-input.cjs +0 -19
  118. package/dist/components/time-picker/time-picker-input.d.cts +0 -7
  119. package/dist/components/time-picker/time-picker-input.d.ts +0 -7
  120. package/dist/components/time-picker/time-picker-input.js +0 -15
  121. package/dist/components/time-picker/time-picker-label.cjs +0 -19
  122. package/dist/components/time-picker/time-picker-label.d.cts +0 -7
  123. package/dist/components/time-picker/time-picker-label.d.ts +0 -7
  124. package/dist/components/time-picker/time-picker-label.js +0 -15
  125. package/dist/components/time-picker/time-picker-positioner.cjs +0 -24
  126. package/dist/components/time-picker/time-picker-positioner.d.cts +0 -7
  127. package/dist/components/time-picker/time-picker-positioner.d.ts +0 -7
  128. package/dist/components/time-picker/time-picker-positioner.js +0 -20
  129. package/dist/components/time-picker/time-picker-root-provider.cjs +0 -25
  130. package/dist/components/time-picker/time-picker-root-provider.d.cts +0 -13
  131. package/dist/components/time-picker/time-picker-root-provider.d.ts +0 -13
  132. package/dist/components/time-picker/time-picker-root-provider.js +0 -21
  133. package/dist/components/time-picker/time-picker-root.cjs +0 -48
  134. package/dist/components/time-picker/time-picker-root.d.cts +0 -10
  135. package/dist/components/time-picker/time-picker-root.d.ts +0 -10
  136. package/dist/components/time-picker/time-picker-root.js +0 -44
  137. package/dist/components/time-picker/time-picker-spacer.cjs +0 -19
  138. package/dist/components/time-picker/time-picker-spacer.d.cts +0 -7
  139. package/dist/components/time-picker/time-picker-spacer.d.ts +0 -7
  140. package/dist/components/time-picker/time-picker-spacer.js +0 -15
  141. package/dist/components/time-picker/time-picker-trigger.cjs +0 -19
  142. package/dist/components/time-picker/time-picker-trigger.d.cts +0 -7
  143. package/dist/components/time-picker/time-picker-trigger.d.ts +0 -7
  144. package/dist/components/time-picker/time-picker-trigger.js +0 -15
  145. package/dist/components/time-picker/time-picker.anatomy.d.cts +0 -1
  146. package/dist/components/time-picker/time-picker.anatomy.d.ts +0 -1
  147. package/dist/components/time-picker/time-picker.cjs +0 -33
  148. package/dist/components/time-picker/time-picker.d.cts +0 -14
  149. package/dist/components/time-picker/time-picker.d.ts +0 -14
  150. package/dist/components/time-picker/time-picker.js +0 -13
  151. package/dist/components/time-picker/use-time-picker-column-props-context.cjs +0 -15
  152. package/dist/components/time-picker/use-time-picker-column-props-context.d.cts +0 -6
  153. package/dist/components/time-picker/use-time-picker-column-props-context.d.ts +0 -6
  154. package/dist/components/time-picker/use-time-picker-column-props-context.js +0 -10
  155. package/dist/components/time-picker/use-time-picker-context.cjs +0 -15
  156. package/dist/components/time-picker/use-time-picker-context.d.cts +0 -5
  157. package/dist/components/time-picker/use-time-picker-context.d.ts +0 -5
  158. package/dist/components/time-picker/use-time-picker-context.js +0 -10
  159. package/dist/components/time-picker/use-time-picker.cjs +0 -46
  160. package/dist/components/time-picker/use-time-picker.d.cts +0 -8
  161. package/dist/components/time-picker/use-time-picker.d.ts +0 -8
  162. package/dist/components/time-picker/use-time-picker.js +0 -23
@@ -1,25 +0,0 @@
1
- 'use client';
2
- import { jsx } from 'react/jsx-runtime';
3
- import { mergeProps } from '@zag-js/react';
4
- import { forwardRef } from 'react';
5
- import { createSplitProps } from '../../utils/create-split-props.js';
6
- import { ark } from '../factory.js';
7
- import { useTimePickerColumnPropsContext } from './use-time-picker-column-props-context.js';
8
- import { useTimePickerContext } from './use-time-picker-context.js';
9
-
10
- const TimePickerCell = forwardRef((props, ref) => {
11
- const [cellProps, localProps] = createSplitProps()(props, ["value"]);
12
- const timePicker = useTimePickerContext();
13
- const columnProps = useTimePickerColumnPropsContext();
14
- const unitToPropsMap = {
15
- hour: () => timePicker.getHourCellProps(cellProps),
16
- minute: () => timePicker.getMinuteCellProps(cellProps),
17
- second: () => timePicker.getSecondCellProps(cellProps),
18
- period: () => timePicker.getPeriodCellProps(cellProps)
19
- };
20
- const mergedProps = mergeProps(unitToPropsMap[columnProps.unit](), localProps);
21
- return /* @__PURE__ */ jsx(ark.button, { ...mergedProps, ref });
22
- });
23
- TimePickerCell.displayName = "TimePickerCell";
24
-
25
- export { TimePickerCell };
@@ -1,19 +0,0 @@
1
- 'use client';
2
- 'use strict';
3
-
4
- Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
5
-
6
- const jsxRuntime = require('react/jsx-runtime');
7
- const react$1 = require('@zag-js/react');
8
- const react = require('react');
9
- const factory = require('../factory.cjs');
10
- const useTimePickerContext = require('./use-time-picker-context.cjs');
11
-
12
- const TimePickerClearTrigger = react.forwardRef((props, ref) => {
13
- const timePicker = useTimePickerContext.useTimePickerContext();
14
- const mergedProps = react$1.mergeProps(timePicker.getClearTriggerProps(), props);
15
- return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.button, { ...mergedProps, ref });
16
- });
17
- TimePickerClearTrigger.displayName = "TimePickerClearTrigger";
18
-
19
- exports.TimePickerClearTrigger = TimePickerClearTrigger;
@@ -1,7 +0,0 @@
1
- import { HTMLProps, PolymorphicProps } from '../factory';
2
- import { ForwardRefExoticComponent, RefAttributes } from 'react';
3
- export interface TimePickerClearTriggerBaseProps extends PolymorphicProps {
4
- }
5
- export interface TimePickerClearTriggerProps extends HTMLProps<'button'>, TimePickerClearTriggerBaseProps {
6
- }
7
- export declare const TimePickerClearTrigger: ForwardRefExoticComponent<TimePickerClearTriggerProps & RefAttributes<HTMLButtonElement>>;
@@ -1,7 +0,0 @@
1
- import { HTMLProps, PolymorphicProps } from '../factory';
2
- import { ForwardRefExoticComponent, RefAttributes } from 'react';
3
- export interface TimePickerClearTriggerBaseProps extends PolymorphicProps {
4
- }
5
- export interface TimePickerClearTriggerProps extends HTMLProps<'button'>, TimePickerClearTriggerBaseProps {
6
- }
7
- export declare const TimePickerClearTrigger: ForwardRefExoticComponent<TimePickerClearTriggerProps & RefAttributes<HTMLButtonElement>>;
@@ -1,15 +0,0 @@
1
- 'use client';
2
- import { jsx } from 'react/jsx-runtime';
3
- import { mergeProps } from '@zag-js/react';
4
- import { forwardRef } from 'react';
5
- import { ark } from '../factory.js';
6
- import { useTimePickerContext } from './use-time-picker-context.js';
7
-
8
- const TimePickerClearTrigger = forwardRef((props, ref) => {
9
- const timePicker = useTimePickerContext();
10
- const mergedProps = mergeProps(timePicker.getClearTriggerProps(), props);
11
- return /* @__PURE__ */ jsx(ark.button, { ...mergedProps, ref });
12
- });
13
- TimePickerClearTrigger.displayName = "TimePickerClearTrigger";
14
-
15
- export { TimePickerClearTrigger };
@@ -1,22 +0,0 @@
1
- 'use client';
2
- 'use strict';
3
-
4
- Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
5
-
6
- const jsxRuntime = require('react/jsx-runtime');
7
- const react$1 = require('@zag-js/react');
8
- const react = require('react');
9
- const createSplitProps = require('../../utils/create-split-props.cjs');
10
- const factory = require('../factory.cjs');
11
- const useTimePickerColumnPropsContext = require('./use-time-picker-column-props-context.cjs');
12
- const useTimePickerContext = require('./use-time-picker-context.cjs');
13
-
14
- const TimePickerColumn = react.forwardRef((props, ref) => {
15
- const [columnProps, localProps] = createSplitProps.createSplitProps()(props, ["unit"]);
16
- const timePicker = useTimePickerContext.useTimePickerContext();
17
- const mergedProps = react$1.mergeProps(timePicker.getColumnProps(columnProps), localProps);
18
- return /* @__PURE__ */ jsxRuntime.jsx(useTimePickerColumnPropsContext.TimePickerColumnPropsProvider, { value: columnProps, children: /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref }) });
19
- });
20
- TimePickerColumn.displayName = "TimePickerColumn";
21
-
22
- exports.TimePickerColumn = TimePickerColumn;
@@ -1,8 +0,0 @@
1
- import { ColumnProps } from '@zag-js/time-picker';
2
- import { HTMLProps, PolymorphicProps } from '../factory';
3
- import { ForwardRefExoticComponent, RefAttributes } from 'react';
4
- export interface TimePickerColumnBaseProps extends ColumnProps, PolymorphicProps {
5
- }
6
- export interface TimePickerColumnProps extends HTMLProps<'div'>, TimePickerColumnBaseProps {
7
- }
8
- export declare const TimePickerColumn: ForwardRefExoticComponent<TimePickerColumnProps & RefAttributes<HTMLDivElement>>;
@@ -1,8 +0,0 @@
1
- import { ColumnProps } from '@zag-js/time-picker';
2
- import { HTMLProps, PolymorphicProps } from '../factory';
3
- import { ForwardRefExoticComponent, RefAttributes } from 'react';
4
- export interface TimePickerColumnBaseProps extends ColumnProps, PolymorphicProps {
5
- }
6
- export interface TimePickerColumnProps extends HTMLProps<'div'>, TimePickerColumnBaseProps {
7
- }
8
- export declare const TimePickerColumn: ForwardRefExoticComponent<TimePickerColumnProps & RefAttributes<HTMLDivElement>>;
@@ -1,18 +0,0 @@
1
- 'use client';
2
- import { jsx } from 'react/jsx-runtime';
3
- import { mergeProps } from '@zag-js/react';
4
- import { forwardRef } from 'react';
5
- import { createSplitProps } from '../../utils/create-split-props.js';
6
- import { ark } from '../factory.js';
7
- import { TimePickerColumnPropsProvider } from './use-time-picker-column-props-context.js';
8
- import { useTimePickerContext } from './use-time-picker-context.js';
9
-
10
- const TimePickerColumn = forwardRef((props, ref) => {
11
- const [columnProps, localProps] = createSplitProps()(props, ["unit"]);
12
- const timePicker = useTimePickerContext();
13
- const mergedProps = mergeProps(timePicker.getColumnProps(columnProps), localProps);
14
- return /* @__PURE__ */ jsx(TimePickerColumnPropsProvider, { value: columnProps, children: /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref }) });
15
- });
16
- TimePickerColumn.displayName = "TimePickerColumn";
17
-
18
- export { TimePickerColumn };
@@ -1,25 +0,0 @@
1
- 'use client';
2
- 'use strict';
3
-
4
- Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
5
-
6
- const jsxRuntime = require('react/jsx-runtime');
7
- const react$1 = require('@zag-js/react');
8
- const react = require('react');
9
- const composeRefs = require('../../utils/compose-refs.cjs');
10
- const factory = require('../factory.cjs');
11
- const usePresenceContext = require('../presence/use-presence-context.cjs');
12
- const useTimePickerContext = require('./use-time-picker-context.cjs');
13
-
14
- const TimePickerContent = react.forwardRef((props, ref) => {
15
- const timePicker = useTimePickerContext.useTimePickerContext();
16
- const presence = usePresenceContext.usePresenceContext();
17
- const mergedProps = react$1.mergeProps(timePicker.getContentProps(), presence.getPresenceProps(), props);
18
- if (presence.unmounted) {
19
- return null;
20
- }
21
- return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref: composeRefs.composeRefs(presence.ref, ref) });
22
- });
23
- TimePickerContent.displayName = "TimePickerContent";
24
-
25
- exports.TimePickerContent = TimePickerContent;
@@ -1,7 +0,0 @@
1
- import { HTMLProps, PolymorphicProps } from '../factory';
2
- import { ForwardRefExoticComponent, RefAttributes } from 'react';
3
- export interface TimePickerContentBaseProps extends PolymorphicProps {
4
- }
5
- export interface TimePickerContentProps extends HTMLProps<'div'>, TimePickerContentBaseProps {
6
- }
7
- export declare const TimePickerContent: ForwardRefExoticComponent<TimePickerContentProps & RefAttributes<HTMLDivElement>>;
@@ -1,7 +0,0 @@
1
- import { HTMLProps, PolymorphicProps } from '../factory';
2
- import { ForwardRefExoticComponent, RefAttributes } from 'react';
3
- export interface TimePickerContentBaseProps extends PolymorphicProps {
4
- }
5
- export interface TimePickerContentProps extends HTMLProps<'div'>, TimePickerContentBaseProps {
6
- }
7
- export declare const TimePickerContent: ForwardRefExoticComponent<TimePickerContentProps & RefAttributes<HTMLDivElement>>;
@@ -1,21 +0,0 @@
1
- 'use client';
2
- import { jsx } from 'react/jsx-runtime';
3
- import { mergeProps } from '@zag-js/react';
4
- import { forwardRef } from 'react';
5
- import { composeRefs } from '../../utils/compose-refs.js';
6
- import { ark } from '../factory.js';
7
- import { usePresenceContext } from '../presence/use-presence-context.js';
8
- import { useTimePickerContext } from './use-time-picker-context.js';
9
-
10
- const TimePickerContent = forwardRef((props, ref) => {
11
- const timePicker = useTimePickerContext();
12
- const presence = usePresenceContext();
13
- const mergedProps = mergeProps(timePicker.getContentProps(), presence.getPresenceProps(), props);
14
- if (presence.unmounted) {
15
- return null;
16
- }
17
- return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref: composeRefs(presence.ref, ref) });
18
- });
19
- TimePickerContent.displayName = "TimePickerContent";
20
-
21
- export { TimePickerContent };
@@ -1,10 +0,0 @@
1
- 'use client';
2
- 'use strict';
3
-
4
- Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
5
-
6
- const useTimePickerContext = require('./use-time-picker-context.cjs');
7
-
8
- const TimePickerContext = (props) => props.children(useTimePickerContext.useTimePickerContext());
9
-
10
- exports.TimePickerContext = TimePickerContext;
@@ -1,6 +0,0 @@
1
- import { ReactNode } from 'react';
2
- import { UseTimePickerContext } from './use-time-picker-context';
3
- export interface TimePickerContextProps {
4
- children: (context: UseTimePickerContext) => ReactNode;
5
- }
6
- export declare const TimePickerContext: (props: TimePickerContextProps) => ReactNode;
@@ -1,6 +0,0 @@
1
- import { ReactNode } from 'react';
2
- import { UseTimePickerContext } from './use-time-picker-context';
3
- export interface TimePickerContextProps {
4
- children: (context: UseTimePickerContext) => ReactNode;
5
- }
6
- export declare const TimePickerContext: (props: TimePickerContextProps) => ReactNode;
@@ -1,6 +0,0 @@
1
- 'use client';
2
- import { useTimePickerContext } from './use-time-picker-context.js';
3
-
4
- const TimePickerContext = (props) => props.children(useTimePickerContext());
5
-
6
- export { TimePickerContext };
@@ -1,19 +0,0 @@
1
- 'use client';
2
- 'use strict';
3
-
4
- Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
5
-
6
- const jsxRuntime = require('react/jsx-runtime');
7
- const react$1 = require('@zag-js/react');
8
- const react = require('react');
9
- const factory = require('../factory.cjs');
10
- const useTimePickerContext = require('./use-time-picker-context.cjs');
11
-
12
- const TimePickerControl = react.forwardRef((props, ref) => {
13
- const timePicker = useTimePickerContext.useTimePickerContext();
14
- const mergedProps = react$1.mergeProps(timePicker.getControlProps(), props);
15
- return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref });
16
- });
17
- TimePickerControl.displayName = "TimePickerControl";
18
-
19
- exports.TimePickerControl = TimePickerControl;
@@ -1,7 +0,0 @@
1
- import { HTMLProps, PolymorphicProps } from '../factory';
2
- import { ForwardRefExoticComponent, RefAttributes } from 'react';
3
- export interface TimePickerControlBaseProps extends PolymorphicProps {
4
- }
5
- export interface TimePickerControlProps extends HTMLProps<'div'>, TimePickerControlBaseProps {
6
- }
7
- export declare const TimePickerControl: ForwardRefExoticComponent<TimePickerControlProps & RefAttributes<HTMLDivElement>>;
@@ -1,7 +0,0 @@
1
- import { HTMLProps, PolymorphicProps } from '../factory';
2
- import { ForwardRefExoticComponent, RefAttributes } from 'react';
3
- export interface TimePickerControlBaseProps extends PolymorphicProps {
4
- }
5
- export interface TimePickerControlProps extends HTMLProps<'div'>, TimePickerControlBaseProps {
6
- }
7
- export declare const TimePickerControl: ForwardRefExoticComponent<TimePickerControlProps & RefAttributes<HTMLDivElement>>;
@@ -1,15 +0,0 @@
1
- 'use client';
2
- import { jsx } from 'react/jsx-runtime';
3
- import { mergeProps } from '@zag-js/react';
4
- import { forwardRef } from 'react';
5
- import { ark } from '../factory.js';
6
- import { useTimePickerContext } from './use-time-picker-context.js';
7
-
8
- const TimePickerControl = forwardRef((props, ref) => {
9
- const timePicker = useTimePickerContext();
10
- const mergedProps = mergeProps(timePicker.getControlProps(), props);
11
- return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });
12
- });
13
- TimePickerControl.displayName = "TimePickerControl";
14
-
15
- export { TimePickerControl };
@@ -1,19 +0,0 @@
1
- 'use client';
2
- 'use strict';
3
-
4
- Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
5
-
6
- const jsxRuntime = require('react/jsx-runtime');
7
- const react$1 = require('@zag-js/react');
8
- const react = require('react');
9
- const factory = require('../factory.cjs');
10
- const useTimePickerContext = require('./use-time-picker-context.cjs');
11
-
12
- const TimePickerInput = react.forwardRef((props, ref) => {
13
- const timePicker = useTimePickerContext.useTimePickerContext();
14
- const mergedProps = react$1.mergeProps(timePicker.getInputProps(), props);
15
- return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.input, { ...mergedProps, ref });
16
- });
17
- TimePickerInput.displayName = "TimePickerInput";
18
-
19
- exports.TimePickerInput = TimePickerInput;
@@ -1,7 +0,0 @@
1
- import { HTMLProps, PolymorphicProps } from '../factory';
2
- import { ForwardRefExoticComponent, RefAttributes } from 'react';
3
- export interface TimePickerInputBaseProps extends PolymorphicProps {
4
- }
5
- export interface TimePickerInputProps extends HTMLProps<'input'>, TimePickerInputBaseProps {
6
- }
7
- export declare const TimePickerInput: ForwardRefExoticComponent<TimePickerInputProps & RefAttributes<HTMLInputElement>>;
@@ -1,7 +0,0 @@
1
- import { HTMLProps, PolymorphicProps } from '../factory';
2
- import { ForwardRefExoticComponent, RefAttributes } from 'react';
3
- export interface TimePickerInputBaseProps extends PolymorphicProps {
4
- }
5
- export interface TimePickerInputProps extends HTMLProps<'input'>, TimePickerInputBaseProps {
6
- }
7
- export declare const TimePickerInput: ForwardRefExoticComponent<TimePickerInputProps & RefAttributes<HTMLInputElement>>;
@@ -1,15 +0,0 @@
1
- 'use client';
2
- import { jsx } from 'react/jsx-runtime';
3
- import { mergeProps } from '@zag-js/react';
4
- import { forwardRef } from 'react';
5
- import { ark } from '../factory.js';
6
- import { useTimePickerContext } from './use-time-picker-context.js';
7
-
8
- const TimePickerInput = forwardRef((props, ref) => {
9
- const timePicker = useTimePickerContext();
10
- const mergedProps = mergeProps(timePicker.getInputProps(), props);
11
- return /* @__PURE__ */ jsx(ark.input, { ...mergedProps, ref });
12
- });
13
- TimePickerInput.displayName = "TimePickerInput";
14
-
15
- export { TimePickerInput };
@@ -1,19 +0,0 @@
1
- 'use client';
2
- 'use strict';
3
-
4
- Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
5
-
6
- const jsxRuntime = require('react/jsx-runtime');
7
- const react$1 = require('@zag-js/react');
8
- const react = require('react');
9
- const factory = require('../factory.cjs');
10
- const useTimePickerContext = require('./use-time-picker-context.cjs');
11
-
12
- const TimePickerLabel = react.forwardRef((props, ref) => {
13
- const timePicker = useTimePickerContext.useTimePickerContext();
14
- const mergedProps = react$1.mergeProps(timePicker.getLabelProps(), props);
15
- return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.label, { ...mergedProps, ref });
16
- });
17
- TimePickerLabel.displayName = "TimePickerLabel";
18
-
19
- exports.TimePickerLabel = TimePickerLabel;
@@ -1,7 +0,0 @@
1
- import { HTMLProps, PolymorphicProps } from '../factory';
2
- import { ForwardRefExoticComponent, RefAttributes } from 'react';
3
- export interface TimePickerLabelBaseProps extends PolymorphicProps {
4
- }
5
- export interface TimePickerLabelProps extends HTMLProps<'label'>, TimePickerLabelBaseProps {
6
- }
7
- export declare const TimePickerLabel: ForwardRefExoticComponent<TimePickerLabelProps & RefAttributes<HTMLLabelElement>>;
@@ -1,7 +0,0 @@
1
- import { HTMLProps, PolymorphicProps } from '../factory';
2
- import { ForwardRefExoticComponent, RefAttributes } from 'react';
3
- export interface TimePickerLabelBaseProps extends PolymorphicProps {
4
- }
5
- export interface TimePickerLabelProps extends HTMLProps<'label'>, TimePickerLabelBaseProps {
6
- }
7
- export declare const TimePickerLabel: ForwardRefExoticComponent<TimePickerLabelProps & RefAttributes<HTMLLabelElement>>;
@@ -1,15 +0,0 @@
1
- 'use client';
2
- import { jsx } from 'react/jsx-runtime';
3
- import { mergeProps } from '@zag-js/react';
4
- import { forwardRef } from 'react';
5
- import { ark } from '../factory.js';
6
- import { useTimePickerContext } from './use-time-picker-context.js';
7
-
8
- const TimePickerLabel = forwardRef((props, ref) => {
9
- const timePicker = useTimePickerContext();
10
- const mergedProps = mergeProps(timePicker.getLabelProps(), props);
11
- return /* @__PURE__ */ jsx(ark.label, { ...mergedProps, ref });
12
- });
13
- TimePickerLabel.displayName = "TimePickerLabel";
14
-
15
- export { TimePickerLabel };
@@ -1,24 +0,0 @@
1
- 'use client';
2
- 'use strict';
3
-
4
- Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
5
-
6
- const jsxRuntime = require('react/jsx-runtime');
7
- const react$1 = require('@zag-js/react');
8
- const react = require('react');
9
- const factory = require('../factory.cjs');
10
- const usePresenceContext = require('../presence/use-presence-context.cjs');
11
- const useTimePickerContext = require('./use-time-picker-context.cjs');
12
-
13
- const TimePickerPositioner = react.forwardRef((props, ref) => {
14
- const timePicker = useTimePickerContext.useTimePickerContext();
15
- const mergedProps = react$1.mergeProps(timePicker.getPositionerProps(), props);
16
- const presence = usePresenceContext.usePresenceContext();
17
- if (presence.unmounted) {
18
- return null;
19
- }
20
- return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref });
21
- });
22
- TimePickerPositioner.displayName = "TimePickerPositioner";
23
-
24
- exports.TimePickerPositioner = TimePickerPositioner;
@@ -1,7 +0,0 @@
1
- import { HTMLProps, PolymorphicProps } from '../factory';
2
- import { ForwardRefExoticComponent, RefAttributes } from 'react';
3
- export interface TimePickerPositionerBaseProps extends PolymorphicProps {
4
- }
5
- export interface TimePickerPositionerProps extends HTMLProps<'div'>, TimePickerPositionerBaseProps {
6
- }
7
- export declare const TimePickerPositioner: ForwardRefExoticComponent<TimePickerPositionerProps & RefAttributes<HTMLDivElement>>;
@@ -1,7 +0,0 @@
1
- import { HTMLProps, PolymorphicProps } from '../factory';
2
- import { ForwardRefExoticComponent, RefAttributes } from 'react';
3
- export interface TimePickerPositionerBaseProps extends PolymorphicProps {
4
- }
5
- export interface TimePickerPositionerProps extends HTMLProps<'div'>, TimePickerPositionerBaseProps {
6
- }
7
- export declare const TimePickerPositioner: ForwardRefExoticComponent<TimePickerPositionerProps & RefAttributes<HTMLDivElement>>;
@@ -1,20 +0,0 @@
1
- 'use client';
2
- import { jsx } from 'react/jsx-runtime';
3
- import { mergeProps } from '@zag-js/react';
4
- import { forwardRef } from 'react';
5
- import { ark } from '../factory.js';
6
- import { usePresenceContext } from '../presence/use-presence-context.js';
7
- import { useTimePickerContext } from './use-time-picker-context.js';
8
-
9
- const TimePickerPositioner = forwardRef((props, ref) => {
10
- const timePicker = useTimePickerContext();
11
- const mergedProps = mergeProps(timePicker.getPositionerProps(), props);
12
- const presence = usePresenceContext();
13
- if (presence.unmounted) {
14
- return null;
15
- }
16
- return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });
17
- });
18
- TimePickerPositioner.displayName = "TimePickerPositioner";
19
-
20
- export { TimePickerPositioner };
@@ -1,25 +0,0 @@
1
- 'use client';
2
- 'use strict';
3
-
4
- Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
5
-
6
- const jsxRuntime = require('react/jsx-runtime');
7
- const react$1 = require('@zag-js/react');
8
- const react = require('react');
9
- const createSplitProps = require('../../utils/create-split-props.cjs');
10
- const factory = require('../factory.cjs');
11
- const splitPresenceProps = require('../presence/split-presence-props.cjs');
12
- const usePresence = require('../presence/use-presence.cjs');
13
- const usePresenceContext = require('../presence/use-presence-context.cjs');
14
- const useTimePickerContext = require('./use-time-picker-context.cjs');
15
-
16
- const TimePickerRootProvider = react.forwardRef((props, ref) => {
17
- const [presenceProps, timePickerProps] = splitPresenceProps.splitPresenceProps(props);
18
- const [{ value: timePicker }, localProps] = createSplitProps.createSplitProps()(timePickerProps, ["value"]);
19
- const presence = usePresence.usePresence(react$1.mergeProps({ present: timePicker.open }, presenceProps));
20
- const mergedProps = react$1.mergeProps(timePicker.getRootProps(), localProps);
21
- return /* @__PURE__ */ jsxRuntime.jsx(useTimePickerContext.TimePickerProvider, { value: timePicker, children: /* @__PURE__ */ jsxRuntime.jsx(usePresenceContext.PresenceProvider, { value: presence, children: /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref }) }) });
22
- });
23
- TimePickerRootProvider.displayName = "TimePickerRootProvider";
24
-
25
- exports.TimePickerRootProvider = TimePickerRootProvider;
@@ -1,13 +0,0 @@
1
- import { HTMLProps, PolymorphicProps } from '../factory';
2
- import { UsePresenceProps } from '../presence';
3
- import { UseTimePickerReturn } from './use-time-picker';
4
- import { ForwardRefExoticComponent, RefAttributes } from 'react';
5
- interface RootProviderProps {
6
- value: UseTimePickerReturn;
7
- }
8
- export interface TimePickerRootProviderBaseProps extends RootProviderProps, UsePresenceProps, PolymorphicProps {
9
- }
10
- export interface TimePickerRootProviderProps extends HTMLProps<'div'>, TimePickerRootProviderBaseProps {
11
- }
12
- export declare const TimePickerRootProvider: ForwardRefExoticComponent<TimePickerRootProviderProps & RefAttributes<HTMLDivElement>>;
13
- export {};
@@ -1,13 +0,0 @@
1
- import { HTMLProps, PolymorphicProps } from '../factory';
2
- import { UsePresenceProps } from '../presence';
3
- import { UseTimePickerReturn } from './use-time-picker';
4
- import { ForwardRefExoticComponent, RefAttributes } from 'react';
5
- interface RootProviderProps {
6
- value: UseTimePickerReturn;
7
- }
8
- export interface TimePickerRootProviderBaseProps extends RootProviderProps, UsePresenceProps, PolymorphicProps {
9
- }
10
- export interface TimePickerRootProviderProps extends HTMLProps<'div'>, TimePickerRootProviderBaseProps {
11
- }
12
- export declare const TimePickerRootProvider: ForwardRefExoticComponent<TimePickerRootProviderProps & RefAttributes<HTMLDivElement>>;
13
- export {};
@@ -1,21 +0,0 @@
1
- 'use client';
2
- import { jsx } from 'react/jsx-runtime';
3
- import { mergeProps } from '@zag-js/react';
4
- import { forwardRef } from 'react';
5
- import { createSplitProps } from '../../utils/create-split-props.js';
6
- import { ark } from '../factory.js';
7
- import { splitPresenceProps } from '../presence/split-presence-props.js';
8
- import { usePresence } from '../presence/use-presence.js';
9
- import { PresenceProvider } from '../presence/use-presence-context.js';
10
- import { TimePickerProvider } from './use-time-picker-context.js';
11
-
12
- const TimePickerRootProvider = forwardRef((props, ref) => {
13
- const [presenceProps, timePickerProps] = splitPresenceProps(props);
14
- const [{ value: timePicker }, localProps] = createSplitProps()(timePickerProps, ["value"]);
15
- const presence = usePresence(mergeProps({ present: timePicker.open }, presenceProps));
16
- const mergedProps = mergeProps(timePicker.getRootProps(), localProps);
17
- return /* @__PURE__ */ jsx(TimePickerProvider, { value: timePicker, children: /* @__PURE__ */ jsx(PresenceProvider, { value: presence, children: /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref }) }) });
18
- });
19
- TimePickerRootProvider.displayName = "TimePickerRootProvider";
20
-
21
- export { TimePickerRootProvider };
@@ -1,48 +0,0 @@
1
- 'use client';
2
- 'use strict';
3
-
4
- Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
5
-
6
- const jsxRuntime = require('react/jsx-runtime');
7
- const react$1 = require('@zag-js/react');
8
- const react = require('react');
9
- const createSplitProps = require('../../utils/create-split-props.cjs');
10
- const factory = require('../factory.cjs');
11
- const splitPresenceProps = require('../presence/split-presence-props.cjs');
12
- const usePresence = require('../presence/use-presence.cjs');
13
- const usePresenceContext = require('../presence/use-presence-context.cjs');
14
- const useTimePicker = require('./use-time-picker.cjs');
15
- const useTimePickerContext = require('./use-time-picker-context.cjs');
16
-
17
- const TimePickerRoot = react.forwardRef((props, ref) => {
18
- const [presenceProps, timePickerProps] = splitPresenceProps.splitPresenceProps(props);
19
- const [useTimePickerProps, localProps] = createSplitProps.createSplitProps()(timePickerProps, [
20
- "allowSeconds",
21
- "defaultOpen",
22
- "defaultValue",
23
- "disableLayer",
24
- "disabled",
25
- "id",
26
- "ids",
27
- "locale",
28
- "max",
29
- "min",
30
- "name",
31
- "onFocusChange",
32
- "onOpenChange",
33
- "onValueChange",
34
- "open",
35
- "placeholder",
36
- "positioning",
37
- "readOnly",
38
- "steps",
39
- "value"
40
- ]);
41
- const timePicker = useTimePicker.useTimePicker(useTimePickerProps);
42
- const presence = usePresence.usePresence(react$1.mergeProps({ present: timePicker.open }, presenceProps));
43
- const mergedProps = react$1.mergeProps(timePicker.getRootProps(), localProps);
44
- return /* @__PURE__ */ jsxRuntime.jsx(useTimePickerContext.TimePickerProvider, { value: timePicker, children: /* @__PURE__ */ jsxRuntime.jsx(usePresenceContext.PresenceProvider, { value: presence, children: /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref }) }) });
45
- });
46
- TimePickerRoot.displayName = "TimePickerRoot";
47
-
48
- exports.TimePickerRoot = TimePickerRoot;
@@ -1,10 +0,0 @@
1
- import { Assign } from '../../types';
2
- import { HTMLProps, PolymorphicProps } from '../factory';
3
- import { UsePresenceProps } from '../presence';
4
- import { UseTimePickerProps } from './use-time-picker';
5
- import { ForwardRefExoticComponent, RefAttributes } from 'react';
6
- export interface TimePickerRootBaseProps extends UseTimePickerProps, UsePresenceProps, PolymorphicProps {
7
- }
8
- export interface TimePickerRootProps extends Assign<HTMLProps<'div'>, TimePickerRootBaseProps> {
9
- }
10
- export declare const TimePickerRoot: ForwardRefExoticComponent<TimePickerRootProps & RefAttributes<HTMLDivElement>>;
@@ -1,10 +0,0 @@
1
- import { Assign } from '../../types';
2
- import { HTMLProps, PolymorphicProps } from '../factory';
3
- import { UsePresenceProps } from '../presence';
4
- import { UseTimePickerProps } from './use-time-picker';
5
- import { ForwardRefExoticComponent, RefAttributes } from 'react';
6
- export interface TimePickerRootBaseProps extends UseTimePickerProps, UsePresenceProps, PolymorphicProps {
7
- }
8
- export interface TimePickerRootProps extends Assign<HTMLProps<'div'>, TimePickerRootBaseProps> {
9
- }
10
- export declare const TimePickerRoot: ForwardRefExoticComponent<TimePickerRootProps & RefAttributes<HTMLDivElement>>;