@ark-ui/react 2.0.0 → 2.0.2

package/color-picker/index.d.ts

@@ -1,5 +1,3 @@
-import { ForwardRefExoticComponent, RefAttributes } from 'react';
-/// <reference types="react" />
 import type { ColorFormat, FormatChangeDetails as ColorPickerFormatChangeDetails, OpenChangeDetails as ColorPickerOpenChangeDetails, ValueChangeDetails as ColorPickerValueChangeDetails } from '@zag-js/color-picker';
 import { ColorPickerArea, type ColorPickerAreaProps } from './color-picker-area';
 import { ColorPickerAreaBackground, type ColorPickerAreaBackgroundProps } from './color-picker-area-background';
@@ -27,30 +25,6 @@ import { ColorPickerTransparencyGrid, type ColorPickerTransparencyGridProps } fr
 import { ColorPickerTrigger, type ColorPickerTriggerProps } from './color-picker-trigger';
 import { ColorPickerValueText, type ColorPickerValueTextProps } from './color-picker-value-text';
 import { ColorPickerView, type ColorPickerViewProps } from './color-picker-view';
-export declare const ColorPicker: {
-    Root: ForwardRefExoticComponent<ColorPickerRootProps & RefAttributes<HTMLDivElement>>;
-    Area: ForwardRefExoticComponent<ColorPickerAreaProps & RefAttributes<HTMLDivElement>>;
-    AreaBackground: ForwardRefExoticComponent<ColorPickerAreaBackgroundProps & RefAttributes<HTMLDivElement>>;
-    AreaThumb: ForwardRefExoticComponent<ColorPickerAreaThumbProps & RefAttributes<HTMLDivElement>>;
-    ChannelInput: ForwardRefExoticComponent<ColorPickerChannelInputProps & RefAttributes<HTMLInputElement>>;
-    ChannelSlider: ForwardRefExoticComponent<ColorPickerChannelSliderProps & RefAttributes<HTMLDivElement>>;
-    ChannelSliderThumb: ForwardRefExoticComponent<ColorPickerChannelSliderThumbProps & RefAttributes<HTMLDivElement>>;
-    ChannelSliderTrack: ForwardRefExoticComponent<ColorPickerChannelSliderTrackProps & RefAttributes<HTMLDivElement>>;
-    Content: ForwardRefExoticComponent<ColorPickerContentProps & RefAttributes<HTMLDivElement>>;
-    Control: ForwardRefExoticComponent<ColorPickerControlProps & RefAttributes<HTMLDivElement>>;
-    EyeDropperTrigger: ForwardRefExoticComponent<ColorPickerEyeDropperTriggerProps & RefAttributes<HTMLButtonElement>>;
-    FormatTrigger: ForwardRefExoticComponent<ColorPickerFormatTriggerProps & RefAttributes<HTMLButtonElement>>;
-    FormatSelect: ForwardRefExoticComponent<ColorPickerFormatSelectProps & RefAttributes<HTMLSelectElement>>;
-    Label: ForwardRefExoticComponent<ColorPickerLabelProps & RefAttributes<HTMLLabelElement>>;
-    Positioner: ForwardRefExoticComponent<ColorPickerPositionerProps & RefAttributes<HTMLDivElement>>;
-    Swatch: ForwardRefExoticComponent<ColorPickerSwatchProps & RefAttributes<HTMLDivElement>>;
-    SwatchGroup: ForwardRefExoticComponent<ColorPickerSwatchGroupProps & RefAttributes<HTMLDivElement>>;
-    SwatchIndicator: ForwardRefExoticComponent<ColorPickerSwatchIndicatorProps & RefAttributes<HTMLDivElement>>;
-    SwatchTrigger: ForwardRefExoticComponent<ColorPickerSwatchTriggerProps & RefAttributes<HTMLButtonElement>>;
-    TransparencyGrid: ForwardRefExoticComponent<ColorPickerTransparencyGridProps & RefAttributes<HTMLDivElement>>;
-    Trigger: ForwardRefExoticComponent<ColorPickerTriggerProps & RefAttributes<HTMLButtonElement>>;
-    ValueText: ForwardRefExoticComponent<ColorPickerValueTextProps & RefAttributes<HTMLDivElement>>;
-    View: ForwardRefExoticComponent<ColorPickerViewProps & RefAttributes<HTMLDivElement>>;
-};
+export * as ColorPicker from './color-picker';
 export { ColorPickerArea, ColorPickerAreaBackground, ColorPickerAreaThumb, ColorPickerChannelInput, ColorPickerChannelSlider, ColorPickerChannelSliderThumb, ColorPickerChannelSliderTrack, ColorPickerContent, ColorPickerControl, ColorPickerEyeDropperTrigger, ColorPickerFormatSelect, ColorPickerFormatTrigger, ColorPickerLabel, ColorPickerPositioner, ColorPickerRoot, ColorPickerSwatch, ColorPickerSwatchGroup, ColorPickerSwatchIndicator, ColorPickerSwatchTrigger, ColorPickerTransparencyGrid, ColorPickerTrigger, ColorPickerValueText, ColorPickerView, useColorPickerAreaContext, useColorPickerChannelSliderContext, useColorPickerContext, };
 export type { ColorFormat, ColorPickerAreaBackgroundProps, ColorPickerAreaContext, ColorPickerAreaProps, ColorPickerAreaThumbProps, ColorPickerChannelInputProps, ColorPickerChannelSliderContext, ColorPickerChannelSliderProps, ColorPickerChannelSliderThumbProps, ColorPickerChannelSliderTrackProps, ColorPickerContentProps, ColorPickerContext, ColorPickerControlProps, ColorPickerEyeDropperTriggerProps, ColorPickerFormatChangeDetails, ColorPickerFormatSelectProps, ColorPickerFormatTriggerProps, ColorPickerLabelProps, ColorPickerOpenChangeDetails, ColorPickerPositionerProps, ColorPickerRootProps, ColorPickerSwatchGroupProps, ColorPickerSwatchIndicatorProps, ColorPickerSwatchProps, ColorPickerSwatchTriggerProps, ColorPickerTransparencyGridProps, ColorPickerTriggerProps, ColorPickerValueChangeDetails, ColorPickerValueTextProps, ColorPickerViewProps, };

package/color-picker/index.mjs

@@ -1,55 +1,28 @@
-'use client';
-import { ColorPickerArea } from './color-picker-area.mjs';
-import { ColorPickerAreaBackground } from './color-picker-area-background.mjs';
+export { ColorPickerArea } from './color-picker-area.mjs';
+export { ColorPickerAreaBackground } from './color-picker-area-background.mjs';
 export { useColorPickerAreaContext } from './color-picker-area-context.mjs';
-import { ColorPickerAreaThumb } from './color-picker-area-thumb.mjs';
-import { ColorPickerChannelInput } from './color-picker-channel-input.mjs';
-import { ColorPickerChannelSlider } from './color-picker-channel-slider.mjs';
+export { ColorPickerAreaThumb } from './color-picker-area-thumb.mjs';
+export { ColorPickerChannelInput } from './color-picker-channel-input.mjs';
+export { ColorPickerChannelSlider } from './color-picker-channel-slider.mjs';
 export { useColorPickerChannelSliderContext } from './color-picker-channel-slider-context.mjs';
-import { ColorPickerChannelSliderThumb } from './color-picker-channel-slider-thumb.mjs';
-import { ColorPickerChannelSliderTrack } from './color-picker-channel-slider-track.mjs';
-import { ColorPickerContent } from './color-picker-content.mjs';
+export { ColorPickerChannelSliderThumb } from './color-picker-channel-slider-thumb.mjs';
+export { ColorPickerChannelSliderTrack } from './color-picker-channel-slider-track.mjs';
+export { ColorPickerContent } from './color-picker-content.mjs';
 export { useColorPickerContext } from './color-picker-context.mjs';
-import { ColorPickerControl } from './color-picker-control.mjs';
-import { ColorPickerEyeDropperTrigger } from './color-picker-eye-dropper-trigger.mjs';
-import { ColorPickerFormatSelect } from './color-picker-format-select.mjs';
-import { ColorPickerFormatTrigger } from './color-picker-format-trigger.mjs';
-import { ColorPickerLabel } from './color-picker-label.mjs';
-import { ColorPickerPositioner } from './color-picker-positioner.mjs';
-import { ColorPickerRoot } from './color-picker-root.mjs';
-import { ColorPickerSwatch } from './color-picker-swatch.mjs';
-import { ColorPickerSwatchGroup } from './color-picker-swatch-group.mjs';
-import { ColorPickerSwatchIndicator } from './color-picker-swatch-indicator.mjs';
-import { ColorPickerSwatchTrigger } from './color-picker-swatch-trigger.mjs';
-import { ColorPickerTransparencyGrid } from './color-picker-transparency-grid.mjs';
-import { ColorPickerTrigger } from './color-picker-trigger.mjs';
-import { ColorPickerValueText } from './color-picker-value-text.mjs';
-import { ColorPickerView } from './color-picker-view.mjs';
-
-const ColorPicker = {
-  Root: ColorPickerRoot,
-  Area: ColorPickerArea,
-  AreaBackground: ColorPickerAreaBackground,
-  AreaThumb: ColorPickerAreaThumb,
-  ChannelInput: ColorPickerChannelInput,
-  ChannelSlider: ColorPickerChannelSlider,
-  ChannelSliderThumb: ColorPickerChannelSliderThumb,
-  ChannelSliderTrack: ColorPickerChannelSliderTrack,
-  Content: ColorPickerContent,
-  Control: ColorPickerControl,
-  EyeDropperTrigger: ColorPickerEyeDropperTrigger,
-  FormatTrigger: ColorPickerFormatTrigger,
-  FormatSelect: ColorPickerFormatSelect,
-  Label: ColorPickerLabel,
-  Positioner: ColorPickerPositioner,
-  Swatch: ColorPickerSwatch,
-  SwatchGroup: ColorPickerSwatchGroup,
-  SwatchIndicator: ColorPickerSwatchIndicator,
-  SwatchTrigger: ColorPickerSwatchTrigger,
-  TransparencyGrid: ColorPickerTransparencyGrid,
-  Trigger: ColorPickerTrigger,
-  ValueText: ColorPickerValueText,
-  View: ColorPickerView
-};
-
-export { ColorPicker, ColorPickerArea, ColorPickerAreaBackground, ColorPickerAreaThumb, ColorPickerChannelInput, ColorPickerChannelSlider, ColorPickerChannelSliderThumb, ColorPickerChannelSliderTrack, ColorPickerContent, ColorPickerControl, ColorPickerEyeDropperTrigger, ColorPickerFormatSelect, ColorPickerFormatTrigger, ColorPickerLabel, ColorPickerPositioner, ColorPickerRoot, ColorPickerSwatch, ColorPickerSwatchGroup, ColorPickerSwatchIndicator, ColorPickerSwatchTrigger, ColorPickerTransparencyGrid, ColorPickerTrigger, ColorPickerValueText, ColorPickerView };
+export { ColorPickerControl } from './color-picker-control.mjs';
+export { ColorPickerEyeDropperTrigger } from './color-picker-eye-dropper-trigger.mjs';
+export { ColorPickerFormatSelect } from './color-picker-format-select.mjs';
+export { ColorPickerFormatTrigger } from './color-picker-format-trigger.mjs';
+export { ColorPickerLabel } from './color-picker-label.mjs';
+export { ColorPickerPositioner } from './color-picker-positioner.mjs';
+export { ColorPickerRoot } from './color-picker-root.mjs';
+export { ColorPickerSwatch } from './color-picker-swatch.mjs';
+export { ColorPickerSwatchGroup } from './color-picker-swatch-group.mjs';
+export { ColorPickerSwatchIndicator } from './color-picker-swatch-indicator.mjs';
+export { ColorPickerSwatchTrigger } from './color-picker-swatch-trigger.mjs';
+export { ColorPickerTransparencyGrid } from './color-picker-transparency-grid.mjs';
+export { ColorPickerTrigger } from './color-picker-trigger.mjs';
+export { ColorPickerValueText } from './color-picker-value-text.mjs';
+export { ColorPickerView } from './color-picker-view.mjs';
+import * as colorPicker from './color-picker.mjs';
+export { colorPicker as ColorPicker };

package/combobox/combobox.cjs

@@ -0,0 +1,33 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const comboboxClearTrigger = require('./combobox-clear-trigger.cjs');
+const comboboxContent = require('./combobox-content.cjs');
+const comboboxControl = require('./combobox-control.cjs');
+const comboboxInput = require('./combobox-input.cjs');
+const comboboxItem = require('./combobox-item.cjs');
+const comboboxItemGroup = require('./combobox-item-group.cjs');
+const comboboxItemGroupLabel = require('./combobox-item-group-label.cjs');
+const comboboxItemIndicator = require('./combobox-item-indicator.cjs');
+const comboboxItemText = require('./combobox-item-text.cjs');
+const comboboxLabel = require('./combobox-label.cjs');
+const comboboxPositioner = require('./combobox-positioner.cjs');
+const comboboxRoot = require('./combobox-root.cjs');
+const comboboxTrigger = require('./combobox-trigger.cjs');
+
+
+
+exports.ClearTrigger = comboboxClearTrigger.ComboboxClearTrigger;
+exports.Content = comboboxContent.ComboboxContent;
+exports.Control = comboboxControl.ComboboxControl;
+exports.Input = comboboxInput.ComboboxInput;
+exports.Item = comboboxItem.ComboboxItem;
+exports.ItemGroup = comboboxItemGroup.ComboboxItemGroup;
+exports.ItemGroupLabel = comboboxItemGroupLabel.ComboboxItemGroupLabel;
+exports.ItemIndicator = comboboxItemIndicator.ComboboxItemIndicator;
+exports.ItemText = comboboxItemText.ComboboxItemText;
+exports.Label = comboboxLabel.ComboboxLabel;
+exports.Positioner = comboboxPositioner.ComboboxPositioner;
+exports.Root = comboboxRoot.ComboboxRoot;
+exports.Trigger = comboboxTrigger.ComboboxTrigger;

package/combobox/combobox.d.ts

@@ -0,0 +1,14 @@
+import { ComboboxClearTrigger as ClearTrigger } from './combobox-clear-trigger';
+import { ComboboxContent as Content } from './combobox-content';
+import { ComboboxControl as Control } from './combobox-control';
+import { ComboboxInput as Input } from './combobox-input';
+import { ComboboxItem as Item } from './combobox-item';
+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, Control, Input, Item, ItemGroup, ItemGroupLabel, ItemIndicator, ItemText, Label, Positioner, Root, Trigger, };

package/combobox/combobox.mjs

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

package/combobox/index.cjs

@@ -1,4 +1,3 @@
-'use client';
 'use strict';
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
@@ -17,22 +16,9 @@ const comboboxLabel = require('./combobox-label.cjs');
 const comboboxPositioner = require('./combobox-positioner.cjs');
 const comboboxRoot = require('./combobox-root.cjs');
 const comboboxTrigger = require('./combobox-trigger.cjs');
+const combobox = require('./combobox.cjs');
+
 
-const Combobox = {
-  Root: comboboxRoot.ComboboxRoot,
-  ClearTrigger: comboboxClearTrigger.ComboboxClearTrigger,
-  Content: comboboxContent.ComboboxContent,
-  Control: comboboxControl.ComboboxControl,
-  Input: comboboxInput.ComboboxInput,
-  Item: comboboxItem.ComboboxItem,
-  ItemGroup: comboboxItemGroup.ComboboxItemGroup,
-  ItemGroupLabel: comboboxItemGroupLabel.ComboboxItemGroupLabel,
-  ItemIndicator: comboboxItemIndicator.ComboboxItemIndicator,
-  ItemText: comboboxItemText.ComboboxItemText,
-  Label: comboboxLabel.ComboboxLabel,
-  Positioner: comboboxPositioner.ComboboxPositioner,
-  Trigger: comboboxTrigger.ComboboxTrigger
-};
 
 exports.ComboboxClearTrigger = comboboxClearTrigger.ComboboxClearTrigger;
 exports.ComboboxContent = comboboxContent.ComboboxContent;
@@ -48,4 +34,4 @@ exports.ComboboxLabel = comboboxLabel.ComboboxLabel;
 exports.ComboboxPositioner = comboboxPositioner.ComboboxPositioner;
 exports.ComboboxRoot = comboboxRoot.ComboboxRoot;
 exports.ComboboxTrigger = comboboxTrigger.ComboboxTrigger;
-exports.Combobox = Combobox;
+exports.Combobox = combobox;

package/combobox/index.d.ts

@@ -1,5 +1,3 @@
-import { ForwardRefExoticComponent, RefAttributes } from 'react';
-/// <reference types="react" />
 import type { HighlightChangeDetails as ComboboxHighlightChangeDetails, InputValueChangeDetails as ComboboxInputValueChangeDetails, OpenChangeDetails as ComboboxOpenChangeDetails, ValueChangeDetails as ComboboxValueChangeDetails } from '@zag-js/combobox';
 import type { CollectionItem } from '../types';
 import { ComboboxClearTrigger, type ComboboxClearTriggerProps } from './combobox-clear-trigger';
@@ -14,22 +12,8 @@ import { ComboboxItemIndicator, type ComboboxItemIndicatorProps } from './combob
 import { ComboboxItemText, type ComboboxItemTextProps } from './combobox-item-text';
 import { ComboboxLabel, type ComboboxLabelProps } from './combobox-label';
 import { ComboboxPositioner, type ComboboxPositionerProps } from './combobox-positioner';
-import { ComboboxComponent, ComboboxRoot, type ComboboxRootProps } from './combobox-root';
+import { ComboboxRoot, type ComboboxRootProps } from './combobox-root';
 import { ComboboxTrigger, type ComboboxTriggerProps } from './combobox-trigger';
-export declare const Combobox: {
-    Root: ComboboxComponent;
-    ClearTrigger: ForwardRefExoticComponent<ComboboxClearTriggerProps & RefAttributes<HTMLButtonElement>>;
-    Content: ForwardRefExoticComponent<ComboboxContentProps & RefAttributes<HTMLDivElement>>;
-    Control: ForwardRefExoticComponent<ComboboxControlProps & RefAttributes<HTMLDivElement>>;
-    Input: ForwardRefExoticComponent<ComboboxInputProps & RefAttributes<HTMLInputElement>>;
-    Item: ForwardRefExoticComponent<ComboboxItemProps & RefAttributes<HTMLDivElement>>;
-    ItemGroup: ForwardRefExoticComponent<ComboboxItemGroupProps & RefAttributes<HTMLDivElement>>;
-    ItemGroupLabel: ForwardRefExoticComponent<ComboboxItemGroupLabelProps & RefAttributes<HTMLDivElement>>;
-    ItemIndicator: ForwardRefExoticComponent<ComboboxItemIndicatorProps & RefAttributes<HTMLDivElement>>;
-    ItemText: ForwardRefExoticComponent<ComboboxItemTextProps & RefAttributes<HTMLDivElement>>;
-    Label: ForwardRefExoticComponent<ComboboxLabelProps & RefAttributes<HTMLLabelElement>>;
-    Positioner: ForwardRefExoticComponent<ComboboxPositionerProps & RefAttributes<HTMLDivElement>>;
-    Trigger: ForwardRefExoticComponent<ComboboxTriggerProps & RefAttributes<HTMLButtonElement>>;
-};
+export * as Combobox from './combobox';
 export { ComboboxClearTrigger, ComboboxContent, ComboboxControl, ComboboxInput, ComboboxItem, ComboboxItemGroup, ComboboxItemGroupLabel, ComboboxItemIndicator, ComboboxItemText, ComboboxLabel, ComboboxPositioner, ComboboxRoot, ComboboxTrigger, useComboboxContext, };
 export type { CollectionItem, ComboboxClearTriggerProps, ComboboxContentProps, ComboboxContext, ComboboxControlProps, ComboboxHighlightChangeDetails, ComboboxInputProps, ComboboxInputValueChangeDetails, ComboboxItemGroupLabelProps, ComboboxItemGroupProps, ComboboxItemIndicatorProps, ComboboxItemProps, ComboboxItemTextProps, ComboboxLabelProps, ComboboxOpenChangeDetails, ComboboxPositionerProps, ComboboxRootProps, ComboboxTriggerProps, ComboboxValueChangeDetails, };

package/combobox/index.mjs

@@ -1,33 +1,16 @@
-'use client';
-import { ComboboxClearTrigger } from './combobox-clear-trigger.mjs';
-import { ComboboxContent } from './combobox-content.mjs';
+export { ComboboxClearTrigger } from './combobox-clear-trigger.mjs';
+export { ComboboxContent } from './combobox-content.mjs';
 export { useComboboxContext } from './combobox-context.mjs';
-import { ComboboxControl } from './combobox-control.mjs';
-import { ComboboxInput } from './combobox-input.mjs';
-import { ComboboxItem } from './combobox-item.mjs';
-import { ComboboxItemGroup } from './combobox-item-group.mjs';
-import { ComboboxItemGroupLabel } from './combobox-item-group-label.mjs';
-import { ComboboxItemIndicator } from './combobox-item-indicator.mjs';
-import { ComboboxItemText } from './combobox-item-text.mjs';
-import { ComboboxLabel } from './combobox-label.mjs';
-import { ComboboxPositioner } from './combobox-positioner.mjs';
-import { ComboboxRoot } from './combobox-root.mjs';
-import { ComboboxTrigger } from './combobox-trigger.mjs';
-
-const Combobox = {
-  Root: ComboboxRoot,
-  ClearTrigger: ComboboxClearTrigger,
-  Content: ComboboxContent,
-  Control: ComboboxControl,
-  Input: ComboboxInput,
-  Item: ComboboxItem,
-  ItemGroup: ComboboxItemGroup,
-  ItemGroupLabel: ComboboxItemGroupLabel,
-  ItemIndicator: ComboboxItemIndicator,
-  ItemText: ComboboxItemText,
-  Label: ComboboxLabel,
-  Positioner: ComboboxPositioner,
-  Trigger: ComboboxTrigger
-};
-
-export { Combobox, ComboboxClearTrigger, ComboboxContent, ComboboxControl, ComboboxInput, ComboboxItem, ComboboxItemGroup, ComboboxItemGroupLabel, ComboboxItemIndicator, ComboboxItemText, ComboboxLabel, ComboboxPositioner, ComboboxRoot, ComboboxTrigger };
+export { ComboboxControl } from './combobox-control.mjs';
+export { ComboboxInput } from './combobox-input.mjs';
+export { ComboboxItem } from './combobox-item.mjs';
+export { ComboboxItemGroup } from './combobox-item-group.mjs';
+export { ComboboxItemGroupLabel } from './combobox-item-group-label.mjs';
+export { ComboboxItemIndicator } from './combobox-item-indicator.mjs';
+export { ComboboxItemText } from './combobox-item-text.mjs';
+export { ComboboxLabel } from './combobox-label.mjs';
+export { ComboboxPositioner } from './combobox-positioner.mjs';
+export { ComboboxRoot } from './combobox-root.mjs';
+export { ComboboxTrigger } from './combobox-trigger.mjs';
+import * as combobox from './combobox.mjs';
+export { combobox as Combobox };

package/date-picker/date-picker.cjs

@@ -0,0 +1,53 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const datePickerClearTrigger = require('./date-picker-clear-trigger.cjs');
+const datePickerContent = require('./date-picker-content.cjs');
+const datePickerControl = require('./date-picker-control.cjs');
+const datePickerInput = require('./date-picker-input.cjs');
+const datePickerLabel = require('./date-picker-label.cjs');
+const datePickerMonthSelect = require('./date-picker-month-select.cjs');
+const datePickerNextTrigger = require('./date-picker-next-trigger.cjs');
+const datePickerPositioner = require('./date-picker-positioner.cjs');
+const datePickerPrevTrigger = require('./date-picker-prev-trigger.cjs');
+const datePickerRangeText = require('./date-picker-range-text.cjs');
+const datePickerRoot = require('./date-picker-root.cjs');
+const datePickerTable = require('./date-picker-table.cjs');
+const datePickerTableBody = require('./date-picker-table-body.cjs');
+const datePickerTableCell = require('./date-picker-table-cell.cjs');
+const datePickerTableCellTrigger = require('./date-picker-table-cell-trigger.cjs');
+const datePickerTableHead = require('./date-picker-table-head.cjs');
+const datePickerTableHeader = require('./date-picker-table-header.cjs');
+const datePickerTableRow = require('./date-picker-table-row.cjs');
+const datePickerTrigger = require('./date-picker-trigger.cjs');
+const datePickerView = require('./date-picker-view.cjs');
+const datePickerViewControl = require('./date-picker-view-control.cjs');
+const datePickerViewTrigger = require('./date-picker-view-trigger.cjs');
+const datePickerYearSelect = require('./date-picker-year-select.cjs');
+
+
+
+exports.ClearTrigger = datePickerClearTrigger.DatePickerClearTrigger;
+exports.Content = datePickerContent.DatePickerContent;
+exports.Control = datePickerControl.DatePickerControl;
+exports.Input = datePickerInput.DatePickerInput;
+exports.Label = datePickerLabel.DatePickerLabel;
+exports.MonthSelect = datePickerMonthSelect.DatePickerMonthSelect;
+exports.NextTrigger = datePickerNextTrigger.DatePickerNextTrigger;
+exports.Positioner = datePickerPositioner.DatePickerPositioner;
+exports.PrevTrigger = datePickerPrevTrigger.DatePickerPrevTrigger;
+exports.RangeText = datePickerRangeText.DatePickerRangeText;
+exports.Root = datePickerRoot.DatePickerRoot;
+exports.Table = datePickerTable.DatePickerTable;
+exports.TableBody = datePickerTableBody.DatePickerTableBody;
+exports.TableCell = datePickerTableCell.DatePickerTableCell;
+exports.TableCellTrigger = datePickerTableCellTrigger.DatePickerTableCellTrigger;
+exports.TableHead = datePickerTableHead.DatePickerTableHead;
+exports.TableHeader = datePickerTableHeader.DatePickerTableHeader;
+exports.TableRow = datePickerTableRow.DatePickerTableRow;
+exports.Trigger = datePickerTrigger.DatePickerTrigger;
+exports.View = datePickerView.DatePickerView;
+exports.ViewControl = datePickerViewControl.DatePickerViewControl;
+exports.ViewTrigger = datePickerViewTrigger.DatePickerViewTrigger;
+exports.YearSelect = datePickerYearSelect.DatePickerYearSelect;

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

@@ -0,0 +1,24 @@
+import { DatePickerClearTrigger as ClearTrigger } from './date-picker-clear-trigger';
+import { DatePickerContent as Content } from './date-picker-content';
+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 { 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, Control, Input, Label, MonthSelect, NextTrigger, Positioner, PrevTrigger, RangeText, Root, Table, TableBody, TableCell, TableCellTrigger, TableHead, TableHeader, TableRow, Trigger, View, ViewControl, ViewTrigger, YearSelect, };

package/date-picker/date-picker.mjs

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

package/date-picker/index.cjs

@@ -1,4 +1,3 @@
-'use client';
 'use strict';
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
@@ -30,32 +29,9 @@ const datePickerViewContext = require('./date-picker-view-context.cjs');
 const datePickerViewControl = require('./date-picker-view-control.cjs');
 const datePickerViewTrigger = require('./date-picker-view-trigger.cjs');
 const datePickerYearSelect = require('./date-picker-year-select.cjs');
+const datePicker = require('./date-picker.cjs');
+
 
-const DatePicker = {
-  Root: datePickerRoot.DatePickerRoot,
-  ClearTrigger: datePickerClearTrigger.DatePickerClearTrigger,
-  Content: datePickerContent.DatePickerContent,
-  Control: datePickerControl.DatePickerControl,
-  Input: datePickerInput.DatePickerInput,
-  Label: datePickerLabel.DatePickerLabel,
-  MonthSelect: datePickerMonthSelect.DatePickerMonthSelect,
-  NextTrigger: datePickerNextTrigger.DatePickerNextTrigger,
-  Positioner: datePickerPositioner.DatePickerPositioner,
-  PrevTrigger: datePickerPrevTrigger.DatePickerPrevTrigger,
-  RangeText: datePickerRangeText.DatePickerRangeText,
-  Table: datePickerTable.DatePickerTable,
-  TableBody: datePickerTableBody.DatePickerTableBody,
-  TableCell: datePickerTableCell.DatePickerTableCell,
-  TableCellTrigger: datePickerTableCellTrigger.DatePickerTableCellTrigger,
-  TableHead: datePickerTableHead.DatePickerTableHead,
-  TableHeader: datePickerTableHeader.DatePickerTableHeader,
-  TableRow: datePickerTableRow.DatePickerTableRow,
-  Trigger: datePickerTrigger.DatePickerTrigger,
-  View: datePickerView.DatePickerView,
-  ViewControl: datePickerViewControl.DatePickerViewControl,
-  ViewTrigger: datePickerViewTrigger.DatePickerViewTrigger,
-  YearSelect: datePickerYearSelect.DatePickerYearSelect
-};
 
 exports.DatePickerClearTrigger = datePickerClearTrigger.DatePickerClearTrigger;
 exports.DatePickerContent = datePickerContent.DatePickerContent;
@@ -84,4 +60,4 @@ exports.useDatePickerViewContext = datePickerViewContext.useDatePickerViewContex
 exports.DatePickerViewControl = datePickerViewControl.DatePickerViewControl;
 exports.DatePickerViewTrigger = datePickerViewTrigger.DatePickerViewTrigger;
 exports.DatePickerYearSelect = datePickerYearSelect.DatePickerYearSelect;
-exports.DatePicker = DatePicker;
+exports.DatePicker = datePicker;

package/date-picker/index.d.ts

@@ -1,5 +1,3 @@
-import { ForwardRefExoticComponent, RefAttributes } from 'react';
-/// <reference types="react" />
 import type { FocusChangeDetails as DatePickerFocusChangeDetails, OpenChangeDetails as DatePickerOpenChangeDetails, ValueChangeDetails as DatePickerValueChangeDetails, ViewChangeDetails as DatePickerViewChangeDetails } from '@zag-js/date-picker';
 import { DatePickerClearTrigger, type DatePickerClearTriggerProps } from './date-picker-clear-trigger';
 import { DatePickerContent, type DatePickerContentProps } from './date-picker-content';
@@ -28,30 +26,6 @@ import { useDatePickerViewContext, type DatePickerViewContext } from './date-pic
 import { DatePickerViewControl, type DatePickerViewControlProps } from './date-picker-view-control';
 import { DatePickerViewTrigger, type DatePickerViewTriggerProps } from './date-picker-view-trigger';
 import { DatePickerYearSelect, type DatePickerYearSelectProps } from './date-picker-year-select';
-export declare const DatePicker: {
-    Root: ForwardRefExoticComponent<DatePickerRootProps & RefAttributes<HTMLDivElement>>;
-    ClearTrigger: ForwardRefExoticComponent<DatePickerClearTriggerProps & RefAttributes<HTMLButtonElement>>;
-    Content: ForwardRefExoticComponent<DatePickerContentProps & RefAttributes<HTMLDivElement>>;
-    Control: ForwardRefExoticComponent<DatePickerControlProps & RefAttributes<HTMLDivElement>>;
-    Input: ForwardRefExoticComponent<DatePickerInputProps & RefAttributes<HTMLInputElement>>;
-    Label: ForwardRefExoticComponent<DatePickerLabelProps & RefAttributes<HTMLLabelElement>>;
-    MonthSelect: ForwardRefExoticComponent<DatePickerMonthSelectProps & RefAttributes<HTMLSelectElement>>;
-    NextTrigger: ForwardRefExoticComponent<DatePickerNextTriggerProps & RefAttributes<HTMLButtonElement>>;
-    Positioner: ForwardRefExoticComponent<DatePickerPositionerProps & RefAttributes<HTMLDivElement>>;
-    PrevTrigger: ForwardRefExoticComponent<DatePickerPrevTriggerProps & RefAttributes<HTMLButtonElement>>;
-    RangeText: ForwardRefExoticComponent<DatePickerRangeTextProps & RefAttributes<HTMLDivElement>>;
-    Table: ForwardRefExoticComponent<DatePickerTableProps & RefAttributes<HTMLTableElement>>;
-    TableBody: ForwardRefExoticComponent<DatePickerTableBodyProps & RefAttributes<HTMLTableSectionElement>>;
-    TableCell: ForwardRefExoticComponent<DatePickerTableCellProps & RefAttributes<HTMLTableCellElement>>;
-    TableCellTrigger: ForwardRefExoticComponent<DatePickerTableCellTriggerProps & RefAttributes<HTMLButtonElement>>;
-    TableHead: ForwardRefExoticComponent<DatePickerTableHeadProps & RefAttributes<HTMLTableSectionElement>>;
-    TableHeader: ForwardRefExoticComponent<DatePickerTableHeaderProps & RefAttributes<HTMLTableCellElement>>;
-    TableRow: ForwardRefExoticComponent<DatePickerTableRowProps & RefAttributes<HTMLTableRowElement>>;
-    Trigger: ForwardRefExoticComponent<DatePickerTriggerProps & RefAttributes<HTMLButtonElement>>;
-    View: ForwardRefExoticComponent<DatePickerViewProps & RefAttributes<HTMLDivElement>>;
-    ViewControl: ForwardRefExoticComponent<DatePickerViewControlProps & RefAttributes<HTMLDivElement>>;
-    ViewTrigger: ForwardRefExoticComponent<DatePickerViewTriggerProps & RefAttributes<HTMLButtonElement>>;
-    YearSelect: ForwardRefExoticComponent<DatePickerYearSelectProps & RefAttributes<HTMLSelectElement>>;
-};
+export * as DatePicker from './date-picker';
 export { DatePickerClearTrigger, DatePickerContent, DatePickerControl, DatePickerInput, DatePickerLabel, DatePickerMonthSelect, DatePickerNextTrigger, DatePickerPositioner, DatePickerPrevTrigger, DatePickerRangeText, DatePickerRoot, DatePickerTable, DatePickerTableBody, DatePickerTableCell, DatePickerTableCellTrigger, DatePickerTableHead, DatePickerTableHeader, DatePickerTableRow, DatePickerTrigger, DatePickerView, DatePickerViewControl, DatePickerViewTrigger, DatePickerYearSelect, useDatePickerContext, useDatePickerTableCellContext, useDatePickerTableContext, useDatePickerViewContext, };
 export type { DatePickerClearTriggerProps, DatePickerContentProps, DatePickerContext, DatePickerControlProps, DatePickerFocusChangeDetails, DatePickerInputProps, DatePickerLabelProps, DatePickerMonthSelectProps, DatePickerNextTriggerProps, DatePickerOpenChangeDetails, DatePickerPositionerProps, DatePickerPrevTriggerProps, DatePickerRangeTextProps, DatePickerRootProps, DatePickerTableBodyProps, DatePickerTableCellContext, DatePickerTableCellProps, DatePickerTableCellTriggerProps, DatePickerTableContext, DatePickerTableHeadProps, DatePickerTableHeaderProps, DatePickerTableProps, DatePickerTableRowProps, DatePickerTriggerProps, DatePickerValueChangeDetails, DatePickerViewChangeDetails, DatePickerViewContext, DatePickerViewControlProps, DatePickerViewProps, DatePickerViewTriggerProps, DatePickerYearSelectProps, };

package/date-picker/index.mjs

@@ -1,56 +1,29 @@
-'use client';
-import { DatePickerClearTrigger } from './date-picker-clear-trigger.mjs';
-import { DatePickerContent } from './date-picker-content.mjs';
+export { DatePickerClearTrigger } from './date-picker-clear-trigger.mjs';
+export { DatePickerContent } from './date-picker-content.mjs';
 export { useDatePickerContext } from './date-picker-context.mjs';
-import { DatePickerControl } from './date-picker-control.mjs';
-import { DatePickerInput } from './date-picker-input.mjs';
-import { DatePickerLabel } from './date-picker-label.mjs';
-import { DatePickerMonthSelect } from './date-picker-month-select.mjs';
-import { DatePickerNextTrigger } from './date-picker-next-trigger.mjs';
-import { DatePickerPositioner } from './date-picker-positioner.mjs';
-import { DatePickerPrevTrigger } from './date-picker-prev-trigger.mjs';
-import { DatePickerRangeText } from './date-picker-range-text.mjs';
-import { DatePickerRoot } from './date-picker-root.mjs';
-import { DatePickerTable } from './date-picker-table.mjs';
-import { DatePickerTableBody } from './date-picker-table-body.mjs';
-import { DatePickerTableCell } from './date-picker-table-cell.mjs';
+export { DatePickerControl } from './date-picker-control.mjs';
+export { DatePickerInput } from './date-picker-input.mjs';
+export { DatePickerLabel } from './date-picker-label.mjs';
+export { DatePickerMonthSelect } from './date-picker-month-select.mjs';
+export { DatePickerNextTrigger } from './date-picker-next-trigger.mjs';
+export { DatePickerPositioner } from './date-picker-positioner.mjs';
+export { DatePickerPrevTrigger } from './date-picker-prev-trigger.mjs';
+export { DatePickerRangeText } from './date-picker-range-text.mjs';
+export { DatePickerRoot } from './date-picker-root.mjs';
+export { DatePickerTable } from './date-picker-table.mjs';
+export { DatePickerTableBody } from './date-picker-table-body.mjs';
+export { DatePickerTableCell } from './date-picker-table-cell.mjs';
 export { useDatePickerTableCellContext } from './date-picker-table-cell-context.mjs';
-import { DatePickerTableCellTrigger } from './date-picker-table-cell-trigger.mjs';
+export { DatePickerTableCellTrigger } from './date-picker-table-cell-trigger.mjs';
 export { useDatePickerTableContext } from './date-picker-table-context.mjs';
-import { DatePickerTableHead } from './date-picker-table-head.mjs';
-import { DatePickerTableHeader } from './date-picker-table-header.mjs';
-import { DatePickerTableRow } from './date-picker-table-row.mjs';
-import { DatePickerTrigger } from './date-picker-trigger.mjs';
-import { DatePickerView } from './date-picker-view.mjs';
+export { DatePickerTableHead } from './date-picker-table-head.mjs';
+export { DatePickerTableHeader } from './date-picker-table-header.mjs';
+export { DatePickerTableRow } from './date-picker-table-row.mjs';
+export { DatePickerTrigger } from './date-picker-trigger.mjs';
+export { DatePickerView } from './date-picker-view.mjs';
 export { useDatePickerViewContext } from './date-picker-view-context.mjs';
-import { DatePickerViewControl } from './date-picker-view-control.mjs';
-import { DatePickerViewTrigger } from './date-picker-view-trigger.mjs';
-import { DatePickerYearSelect } from './date-picker-year-select.mjs';
-
-const DatePicker = {
-  Root: DatePickerRoot,
-  ClearTrigger: DatePickerClearTrigger,
-  Content: DatePickerContent,
-  Control: DatePickerControl,
-  Input: DatePickerInput,
-  Label: DatePickerLabel,
-  MonthSelect: DatePickerMonthSelect,
-  NextTrigger: DatePickerNextTrigger,
-  Positioner: DatePickerPositioner,
-  PrevTrigger: DatePickerPrevTrigger,
-  RangeText: DatePickerRangeText,
-  Table: DatePickerTable,
-  TableBody: DatePickerTableBody,
-  TableCell: DatePickerTableCell,
-  TableCellTrigger: DatePickerTableCellTrigger,
-  TableHead: DatePickerTableHead,
-  TableHeader: DatePickerTableHeader,
-  TableRow: DatePickerTableRow,
-  Trigger: DatePickerTrigger,
-  View: DatePickerView,
-  ViewControl: DatePickerViewControl,
-  ViewTrigger: DatePickerViewTrigger,
-  YearSelect: DatePickerYearSelect
-};
-
-export { DatePicker, DatePickerClearTrigger, DatePickerContent, DatePickerControl, DatePickerInput, DatePickerLabel, DatePickerMonthSelect, DatePickerNextTrigger, DatePickerPositioner, DatePickerPrevTrigger, DatePickerRangeText, DatePickerRoot, DatePickerTable, DatePickerTableBody, DatePickerTableCell, DatePickerTableCellTrigger, DatePickerTableHead, DatePickerTableHeader, DatePickerTableRow, DatePickerTrigger, DatePickerView, DatePickerViewControl, DatePickerViewTrigger, DatePickerYearSelect };
+export { DatePickerViewControl } from './date-picker-view-control.mjs';
+export { DatePickerViewTrigger } from './date-picker-view-trigger.mjs';
+export { DatePickerYearSelect } from './date-picker-year-select.mjs';
+import * as datePicker from './date-picker.mjs';
+export { datePicker as DatePicker };

package/dialog/dialog-description.cjs

@@ -13,7 +13,7 @@ const DialogDescription = react.forwardRef(
   (props, ref) => {
     const api = dialogContext.useDialogContext();
     const mergedProps = react$1.mergeProps(api.descriptionProps, props);
-    return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.p, { ...mergedProps, ref });
+    return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref });
   }
 );
 DialogDescription.displayName = "DialogDescription";

package/dialog/dialog-description.d.ts

@@ -1,6 +1,6 @@
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 /// <reference types="react" />
 import { type HTMLArkProps } from '../factory';
-export interface DialogDescriptionProps extends HTMLArkProps<'p'> {
+export interface DialogDescriptionProps extends HTMLArkProps<'div'> {
 }
 export declare const DialogDescription: ForwardRefExoticComponent<DialogDescriptionProps & RefAttributes<HTMLParagraphElement>>;

package/dialog/dialog-description.mjs

@@ -9,7 +9,7 @@ const DialogDescription = forwardRef(
   (props, ref) => {
     const api = useDialogContext();
     const mergedProps = mergeProps(api.descriptionProps, props);
-    return /* @__PURE__ */ jsx(ark.p, { ...mergedProps, ref });
+    return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });
   }
 );
 DialogDescription.displayName = "DialogDescription";