@ark-ui/solid 2.0.0 → 2.1.0

package/package.json

@@ -1,12 +1,13 @@
 {
   "name": "@ark-ui/solid",
-  "version": "2.0.0",
+  "version": "2.1.0",
   "description": "A collection of unstyled, accessible UI components for Solid, utilizing state machines for seamless interaction.",
   "keywords": [
     "accordion",
     "avatar",
     "carousel",
     "checkbox",
+    "clipboard",
     "color picker",
     "combobox",
     "date picker",
@@ -15,6 +16,7 @@
     "environment",
     "file upload",
     "hover card",
+    "locale",
     "menu",
     "number input",
     "pagination",
@@ -82,73 +84,76 @@
     "release-it": "release-it --config ../../../release-it.json"
   },
   "dependencies": {
-    "@ark-ui/anatomy": "2.1.0",
-    "@zag-js/accordion": "0.34.0",
-    "@zag-js/avatar": "0.34.0",
-    "@zag-js/carousel": "0.34.0",
-    "@zag-js/checkbox": "0.34.0",
-    "@zag-js/color-picker": "0.34.0",
-    "@zag-js/combobox": "0.34.0",
-    "@zag-js/date-picker": "0.34.0",
-    "@zag-js/dialog": "0.34.0",
-    "@zag-js/editable": "0.34.0",
-    "@zag-js/file-upload": "0.34.0",
-    "@zag-js/hover-card": "0.34.0",
-    "@zag-js/menu": "0.34.0",
-    "@zag-js/number-input": "0.34.0",
-    "@zag-js/pagination": "0.34.0",
-    "@zag-js/pin-input": "0.34.0",
-    "@zag-js/popover": "0.34.0",
-    "@zag-js/presence": "0.34.0",
-    "@zag-js/progress": "0.34.0",
-    "@zag-js/radio-group": "0.34.0",
-    "@zag-js/rating-group": "0.34.0",
-    "@zag-js/select": "0.34.0",
-    "@zag-js/slider": "0.34.0",
-    "@zag-js/solid": "0.34.0",
-    "@zag-js/splitter": "0.34.0",
-    "@zag-js/switch": "0.34.0",
-    "@zag-js/tabs": "0.34.0",
-    "@zag-js/tags-input": "0.34.0",
-    "@zag-js/toast": "0.34.0",
-    "@zag-js/toggle-group": "0.34.0",
-    "@zag-js/tooltip": "0.34.0",
-    "@zag-js/tree-view": "0.34.0",
-    "@zag-js/types": "0.34.0"
+    "@ark-ui/anatomy": "2.2.0",
+    "@zag-js/accordion": "0.36.2",
+    "@zag-js/avatar": "0.36.2",
+    "@zag-js/carousel": "0.36.2",
+    "@zag-js/checkbox": "0.36.2",
+    "@zag-js/clipboard": "0.36.2",
+    "@zag-js/collapsible": "0.36.2",
+    "@zag-js/color-picker": "0.36.2",
+    "@zag-js/combobox": "0.36.2",
+    "@zag-js/date-picker": "0.36.2",
+    "@zag-js/dialog": "0.36.2",
+    "@zag-js/editable": "0.36.2",
+    "@zag-js/file-upload": "0.36.2",
+    "@zag-js/hover-card": "0.36.2",
+    "@zag-js/i18n-utils": "0.36.2",
+    "@zag-js/menu": "0.36.2",
+    "@zag-js/number-input": "0.36.2",
+    "@zag-js/pagination": "0.36.2",
+    "@zag-js/pin-input": "0.36.2",
+    "@zag-js/popover": "0.36.2",
+    "@zag-js/presence": "0.36.2",
+    "@zag-js/progress": "0.36.2",
+    "@zag-js/radio-group": "0.36.2",
+    "@zag-js/rating-group": "0.36.2",
+    "@zag-js/select": "0.36.2",
+    "@zag-js/slider": "0.36.2",
+    "@zag-js/solid": "0.36.2",
+    "@zag-js/splitter": "0.36.2",
+    "@zag-js/switch": "0.36.2",
+    "@zag-js/tabs": "0.36.2",
+    "@zag-js/tags-input": "0.36.2",
+    "@zag-js/toast": "0.36.2",
+    "@zag-js/toggle-group": "0.36.2",
+    "@zag-js/tooltip": "0.36.2",
+    "@zag-js/tree-view": "0.36.2",
+    "@zag-js/types": "0.36.2"
   },
   "devDependencies": {
     "@release-it/keep-a-changelog": "5.0.0",
-    "@solidjs/testing-library": "0.8.5",
-    "@storybook/addon-essentials": "7.6.10",
-    "@storybook/addon-interactions": "7.6.10",
-    "@storybook/addon-links": "7.6.10",
-    "@storybook/blocks": "7.6.10",
+    "@solidjs/testing-library": "0.8.6",
+    "@storybook/addon-essentials": "7.6.14",
+    "@storybook/addon-interactions": "7.6.14",
+    "@storybook/addon-links": "7.6.14",
+    "@storybook/blocks": "7.6.14",
     "@storybook/testing-library": "0.2.2",
     "@testing-library/dom": "9.3.4",
-    "@testing-library/jest-dom": "6.3.0",
+    "@testing-library/jest-dom": "6.4.2",
     "@testing-library/user-event": "14.5.2",
     "@types/jsdom": "21.1.6",
     "@types/testing-library__jest-dom": "5.14.9",
-    "@typescript-eslint/eslint-plugin": "6.20.0",
-    "@typescript-eslint/parser": "6.20.0",
+    "@typescript-eslint/eslint-plugin": "6.21.0",
+    "@typescript-eslint/parser": "6.21.0",
     "@vitest/coverage-v8": "1.2.2",
     "eslint": "8.56.0",
     "eslint-plugin-jest-dom": "5.1.0",
     "eslint-plugin-testing-library": "6.2.0",
-    "globby": "14.0.0",
+    "globby": "14.0.1",
     "jsdom": "24.0.0",
     "react": "18.2.0",
     "react-dom": "18.2.0",
     "release-it": "17.0.3",
     "resize-observer-polyfill": "1.5.1",
-    "rollup": "4.9.6",
+    "rollup": "4.10.0",
     "rollup-preset-solid": "2.0.1",
-    "solid-js": "1.8.12",
-    "storybook": "7.6.10",
+    "solid-js": "1.8.14",
+    "storybook": "7.6.14",
     "storybook-solidjs": "1.0.0-beta.2",
     "storybook-solidjs-vite": "1.0.0-beta.2",
     "typescript": "5.3.3",
-    "vite": "5.0.12",
+    "vite": "5.1.1",
     "vite-plugin-solid": "2.9.1",
     "vitest": "1.2.2"
   },

package/source/accordion/accordion.jsx

@@ -0,0 +1,6 @@
+import { AccordionItem as Item } from './accordion-item';
+import { AccordionItemContent as ItemContent } from './accordion-item-content';
+import { AccordionItemIndicator as ItemIndicator } from './accordion-item-indicator';
+import { AccordionItemTrigger as ItemTrigger } from './accordion-item-trigger';
+import { AccordionRoot as Root } from './accordion-root';
+export { Item, ItemContent, ItemIndicator, ItemTrigger, Root };

package/source/accordion/index.js

@@ -5,11 +5,5 @@ import { useAccordionItemContext } from './accordion-item-context';
 import { AccordionItemIndicator, } from './accordion-item-indicator';
 import { AccordionItemTrigger } from './accordion-item-trigger';
 import { AccordionRoot } from './accordion-root';
-export const Accordion = {
-    Root: AccordionRoot,
-    Item: AccordionItem,
-    ItemContent: AccordionItemContent,
-    ItemIndicator: AccordionItemIndicator,
-    ItemTrigger: AccordionItemTrigger,
-};
+export * as Accordion from './accordion';
 export { AccordionItem, AccordionItemContent, AccordionItemIndicator, AccordionItemTrigger, AccordionRoot, useAccordionContext, useAccordionItemContext, };

package/source/avatar/avatar.jsx

@@ -0,0 +1,4 @@
+import { AvatarFallback as Fallback } from './avatar-fallback';
+import { AvatarImage as Image } from './avatar-image';
+import { AvatarRoot as Root } from './avatar-root';
+export { Fallback, Image, Root };

package/source/avatar/index.js

@@ -2,9 +2,5 @@ import { useAvatarContext } from './avatar-context';
 import { AvatarFallback } from './avatar-fallback';
 import { AvatarImage } from './avatar-image';
 import { AvatarRoot } from './avatar-root';
-export const Avatar = {
-    Root: AvatarRoot,
-    Fallback: AvatarFallback,
-    Image: AvatarImage,
-};
+export * as Avatar from './avatar';
 export { AvatarFallback, AvatarImage, AvatarRoot, useAvatarContext };

package/source/carousel/carousel.jsx

@@ -0,0 +1,10 @@
+import { CarouselControl as Control } from './carousel-control';
+import { CarouselIndicator as Indicator } from './carousel-indicator';
+import { CarouselIndicatorGroup as IndicatorGroup } from './carousel-indicator-group';
+import { CarouselItem as Item } from './carousel-item';
+import { CarouselItemGroup as ItemGroup } from './carousel-item-group';
+import { CarouselNextTrigger as NextTrigger } from './carousel-next-trigger';
+import { CarouselPrevTrigger as PrevTrigger } from './carousel-prev-trigger';
+import { CarouselRoot as Root } from './carousel-root';
+import { CarouselViewport as Viewport } from './carousel-viewport';
+export { Control, Indicator, IndicatorGroup, Item, ItemGroup, NextTrigger, PrevTrigger, Root, Viewport, };

package/source/carousel/index.js

@@ -8,15 +8,5 @@ import { CarouselNextTrigger } from './carousel-next-trigger';
 import { CarouselPrevTrigger } from './carousel-prev-trigger';
 import { CarouselRoot } from './carousel-root';
 import { CarouselViewport } from './carousel-viewport';
-export const Carousel = {
-    Root: CarouselRoot,
-    Control: CarouselControl,
-    Indicator: CarouselIndicator,
-    IndicatorGroup: CarouselIndicatorGroup,
-    NextTrigger: CarouselNextTrigger,
-    PrevTrigger: CarouselPrevTrigger,
-    Item: CarouselItem,
-    ItemGroup: CarouselItemGroup,
-    Viewport: CarouselViewport,
-};
+export * as Carousel from './carousel';
 export { CarouselControl, CarouselIndicator, CarouselIndicatorGroup, CarouselItem, CarouselItemGroup, CarouselNextTrigger, CarouselPrevTrigger, CarouselRoot, CarouselViewport, useCarouselContext, };

package/source/checkbox/checkbox.jsx

@@ -0,0 +1,5 @@
+import { CheckboxControl as Control } from './checkbox-control';
+import { CheckboxIndicator as Indicator } from './checkbox-indicator';
+import { CheckboxLabel as Label } from './checkbox-label';
+import { CheckboxRoot as Root } from './checkbox-root';
+export { Control, Indicator, Label, Root };

package/source/checkbox/index.js

@@ -3,10 +3,5 @@ import { CheckboxControl } from './checkbox-control';
 import { CheckboxIndicator } from './checkbox-indicator';
 import { CheckboxLabel } from './checkbox-label';
 import { CheckboxRoot } from './checkbox-root';
-export const Checkbox = {
-    Root: CheckboxRoot,
-    Control: CheckboxControl,
-    Label: CheckboxLabel,
-    Indicator: CheckboxIndicator,
-};
+export * as Checkbox from './checkbox';
 export { CheckboxControl, CheckboxIndicator, CheckboxLabel, CheckboxRoot, useCheckboxContext };

package/source/color-picker/color-picker.jsx

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

package/source/color-picker/index.js

@@ -24,29 +24,5 @@ import { ColorPickerTransparencyGrid, } from './color-picker-transparency-grid';
 import { ColorPickerTrigger } from './color-picker-trigger';
 import { ColorPickerValueText } from './color-picker-value-text';
 import { ColorPickerView } from './color-picker-view';
-export 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 * 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, };

package/source/color-picker/use-color-picker.js

@@ -9,6 +9,7 @@ export const useColorPicker = (props) => {
         id: createUniqueId(),
         getRootNode,
         value: local.value ? colorPicker.parse(local.value) : undefined,
+        'open.controlled': props.open !== undefined,
     }), rest);
     const [state, send] = useMachine(colorPicker.machine(context), { context });
     return createMemo(() => colorPicker.connect(state, send, normalizeProps));

package/source/combobox/combobox.jsx

@@ -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/source/combobox/index.js

@@ -12,19 +12,5 @@ import { ComboboxLabel } from './combobox-label';
 import { ComboboxPositioner } from './combobox-positioner';
 import { ComboboxRoot } from './combobox-root';
 import { ComboboxTrigger } from './combobox-trigger';
-export 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 * as Combobox from './combobox';
 export { ComboboxClearTrigger, ComboboxContent, ComboboxControl, ComboboxInput, ComboboxItem, ComboboxItemGroup, ComboboxItemGroupLabel, ComboboxItemIndicator, ComboboxItemText, ComboboxLabel, ComboboxPositioner, ComboboxRoot, ComboboxTrigger, useComboboxContext, };

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

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

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

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

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

@@ -0,0 +1,25 @@
+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 { DatePickerPresetTrigger as PresetTrigger } from './date-picker-preset-trigger';
+import { DatePickerPrevTrigger as PrevTrigger } from './date-picker-prev-trigger';
+import { DatePickerRangeText as RangeText } from './date-picker-range-text';
+import { DatePickerRoot as Root } from './date-picker-root';
+import { DatePickerTable as Table } from './date-picker-table';
+import { DatePickerTableBody as TableBody } from './date-picker-table-body';
+import { DatePickerTableCell as TableCell } from './date-picker-table-cell';
+import { DatePickerTableCellTrigger as TableCellTrigger } from './date-picker-table-cell-trigger';
+import { DatePickerTableHead as TableHead } from './date-picker-table-head';
+import { DatePickerTableHeader as TableHeader } from './date-picker-table-header';
+import { DatePickerTableRow as TableRow } from './date-picker-table-row';
+import { DatePickerTrigger as Trigger } from './date-picker-trigger';
+import { DatePickerView as View } from './date-picker-view';
+import { DatePickerViewControl as ViewControl } from './date-picker-view-control';
+import { DatePickerViewTrigger as ViewTrigger } from './date-picker-view-trigger';
+import { DatePickerYearSelect as YearSelect } from './date-picker-year-select';
+export { ClearTrigger, Content, Control, Input, Label, MonthSelect, NextTrigger, Positioner, PresetTrigger, PrevTrigger, RangeText, Root, Table, TableBody, TableCell, TableCellTrigger, TableHead, TableHeader, TableRow, Trigger, View, ViewControl, ViewTrigger, YearSelect, };

package/source/date-picker/index.js

@@ -7,6 +7,7 @@ import { DatePickerLabel } from './date-picker-label';
 import { DatePickerMonthSelect } from './date-picker-month-select';
 import { DatePickerNextTrigger } from './date-picker-next-trigger';
 import { DatePickerPositioner } from './date-picker-positioner';
+import { DatePickerPresetTrigger, } from './date-picker-preset-trigger';
 import { DatePickerPrevTrigger } from './date-picker-prev-trigger';
 import { DatePickerRangeText } from './date-picker-range-text';
 import { DatePickerRoot } from './date-picker-root';
@@ -25,29 +26,5 @@ import { useDatePickerViewContext } from './date-picker-view-context';
 import { DatePickerViewControl } from './date-picker-view-control';
 import { DatePickerViewTrigger } from './date-picker-view-trigger';
 import { DatePickerYearSelect } from './date-picker-year-select';
-export 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 { 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 * as DatePicker from './date-picker';
+export { DatePickerClearTrigger, DatePickerContent, DatePickerControl, DatePickerInput, DatePickerLabel, DatePickerMonthSelect, DatePickerNextTrigger, DatePickerPositioner, DatePickerPresetTrigger, DatePickerPrevTrigger, DatePickerRangeText, DatePickerRoot, DatePickerTable, DatePickerTableBody, DatePickerTableCell, DatePickerTableCellTrigger, DatePickerTableHead, DatePickerTableHeader, DatePickerTableRow, DatePickerTrigger, DatePickerView, DatePickerViewControl, DatePickerViewTrigger, DatePickerYearSelect, useDatePickerContext, useDatePickerTableCellContext, useDatePickerTableContext, useDatePickerViewContext, };

package/source/date-picker/use-date-picker.js

@@ -10,6 +10,7 @@ export const useDatePicker = (props) => {
         getRootNode,
         focusedValue: local.focusedValue ? datePicker.parse(local.focusedValue) : undefined,
         value: local.value ? datePicker.parse(local.value) : undefined,
+        'open.controlled': props.open !== undefined,
     }), rest);
     const [state, send] = useMachine(datePicker.machine(context), { context });
     return createMemo(() => datePicker.connect(state, send, normalizeProps));

package/source/dialog/dialog-description.jsx

@@ -4,5 +4,5 @@ import { useDialogContext } from './dialog-context';
 export const DialogDescription = (props) => {
     const dialog = useDialogContext();
     const mergedProps = mergeProps(() => dialog().descriptionProps, props);
-    return <ark.p {...mergedProps}/>;
+    return <ark.div {...mergedProps}/>;
 };

package/source/dialog/dialog.jsx

@@ -0,0 +1,9 @@
+import { DialogBackdrop as Backdrop } from './dialog-backdrop';
+import { DialogCloseTrigger as CloseTrigger } from './dialog-close-trigger';
+import { DialogContent as Content } from './dialog-content';
+import { DialogDescription as Description } from './dialog-description';
+import { DialogPositioner as Positioner } from './dialog-positioner';
+import { DialogRoot as Root } from './dialog-root';
+import { DialogTitle as Title } from './dialog-title';
+import { DialogTrigger as Trigger } from './dialog-trigger';
+export { Backdrop, CloseTrigger, Content, Description, Positioner, Root, Title, Trigger };

package/source/dialog/index.js

@@ -7,14 +7,5 @@ import { DialogPositioner } from './dialog-positioner';
 import { DialogRoot } from './dialog-root';
 import { DialogTitle } from './dialog-title';
 import { DialogTrigger } from './dialog-trigger';
-export const Dialog = {
-    Root: DialogRoot,
-    Backdrop: DialogBackdrop,
-    CloseTrigger: DialogCloseTrigger,
-    Content: DialogContent,
-    Description: DialogDescription,
-    Positioner: DialogPositioner,
-    Title: DialogTitle,
-    Trigger: DialogTrigger,
-};
+export * as Dialog from './dialog';
 export { DialogBackdrop, DialogCloseTrigger, DialogContent, DialogDescription, DialogPositioner, DialogRoot, DialogTitle, DialogTrigger, useDialogContext, };

package/source/dialog/use-dialog.js

@@ -4,7 +4,7 @@ import { createMemo, createUniqueId } from 'solid-js';
 import { useEnvironmentContext } from '../environment';
 export const useDialog = (props) => {
     const getRootNode = useEnvironmentContext();
-    const context = mergeProps({ id: createUniqueId(), getRootNode }, props);
+    const context = mergeProps({ id: createUniqueId(), getRootNode, 'open.controlled': props.open !== undefined }, props);
     const [state, send] = useMachine(dialog.machine(context), { context });
     return createMemo(() => dialog.connect(state, send, normalizeProps));
 };

package/source/editable/editable.jsx

@@ -0,0 +1,10 @@
+import { EditableArea as Area } from './editable-area';
+import { EditableCancelTrigger as CancelTrigger } from './editable-cancel-trigger';
+import { EditableControl as Control } from './editable-control';
+import { EditableEditTrigger as EditTrigger } from './editable-edit-trigger';
+import { EditableInput as Input } from './editable-input';
+import { EditableLabel as Label } from './editable-label';
+import { EditablePreview as Preview } from './editable-preview';
+import { EditableRoot as Root } from './editable-root';
+import { EditableSubmitTrigger as SubmitTrigger } from './editable-submit-trigger';
+export { Area, CancelTrigger, Control, EditTrigger, Input, Label, Preview, Root, SubmitTrigger };

package/source/editable/index.js

@@ -8,15 +8,5 @@ import { EditableLabel } from './editable-label';
 import { EditablePreview } from './editable-preview';
 import { EditableRoot } from './editable-root';
 import { EditableSubmitTrigger } from './editable-submit-trigger';
-export const Editable = {
-    Root: EditableRoot,
-    Area: EditableArea,
-    CancelTrigger: EditableCancelTrigger,
-    Control: EditableControl,
-    EditTrigger: EditableEditTrigger,
-    Input: EditableInput,
-    Label: EditableLabel,
-    Preview: EditablePreview,
-    SubmitTrigger: EditableSubmitTrigger,
-};
+export * as Editable from './editable';
 export { EditableArea, EditableCancelTrigger, EditableControl, EditableEditTrigger, EditableInput, EditableLabel, EditablePreview, EditableRoot, EditableSubmitTrigger, useEditableContext, };

package/source/file-upload/file-upload.jsx

@@ -0,0 +1,12 @@
+import { FileUploadDropzone as Dropzone } from './file-upload-dropzone';
+import { FileUploadItem as Item } from './file-upload-item';
+import { FileUploadItemDeleteTrigger as ItemDeleteTrigger } from './file-upload-item-delete-trigger';
+import { FileUploadItemGroup as ItemGroup } from './file-upload-item-group';
+import { FileUploadItemName as ItemName } from './file-upload-item-name';
+import { FileUploadItemPreview as ItemPreview } from './file-upload-item-preview';
+import { FileUploadItemPreviewImage as ItemPreviewImage } from './file-upload-item-preview-image';
+import { FileUploadItemSizeText as ItemSizeText } from './file-upload-item-size-text';
+import { FileUploadLabel as Label } from './file-upload-label';
+import { FileUploadRoot as Root } from './file-upload-root';
+import { FileUploadTrigger as Trigger } from './file-upload-trigger';
+export { Dropzone, Item, ItemDeleteTrigger, ItemGroup, ItemName, ItemPreview, ItemPreviewImage, ItemSizeText, Label, Root, Trigger, };

package/source/file-upload/index.js

@@ -10,17 +10,5 @@ import { FileUploadItemSizeText, } from './file-upload-item-size-text';
 import { FileUploadLabel } from './file-upload-label';
 import { FileUploadRoot } from './file-upload-root';
 import { FileUploadTrigger } from './file-upload-trigger';
-export const FileUpload = {
-    Root: FileUploadRoot,
-    Dropzone: FileUploadDropzone,
-    Item: FileUploadItem,
-    ItemDeleteTrigger: FileUploadItemDeleteTrigger,
-    ItemGroup: FileUploadItemGroup,
-    ItemName: FileUploadItemName,
-    ItemPreview: FileUploadItemPreview,
-    ItemPreviewImage: FileUploadItemPreviewImage,
-    ItemSizeText: FileUploadItemSizeText,
-    Label: FileUploadLabel,
-    Trigger: FileUploadTrigger,
-};
-export { FileUploadDropzone, FileUploadItem, FileUploadItemDeleteTrigger, FileUploadItemGroup, FileUploadItemName, FileUploadItemPreviewImage, FileUploadItemSizeText, FileUploadLabel, FileUploadRoot, FileUploadTrigger, useFileUploadContext, };
+export * as FileUpload from './file-upload';
+export { FileUploadDropzone, FileUploadItem, FileUploadItemDeleteTrigger, FileUploadItemGroup, FileUploadItemName, FileUploadItemPreview, FileUploadItemPreviewImage, FileUploadItemSizeText, FileUploadLabel, FileUploadRoot, FileUploadTrigger, useFileUploadContext, };

package/source/hover-card/hover-card.jsx

@@ -0,0 +1,7 @@
+import { HoverCardArrow as Arrow } from './hover-card-arrow';
+import { HoverCardArrowTip as ArrowTip } from './hover-card-arrow-tip';
+import { HoverCardContent as Content } from './hover-card-content';
+import { HoverCardPositioner as Positioner } from './hover-card-positioner';
+import { HoverCardRoot as Root } from './hover-card-root';
+import { HoverCardTrigger as Trigger } from './hover-card-trigger';
+export { Arrow, ArrowTip, Content, Positioner, Root, Trigger };

package/source/hover-card/index.js

@@ -5,12 +5,5 @@ import { useHoverCardContext } from './hover-card-context';
 import { HoverCardPositioner } from './hover-card-positioner';
 import { HoverCardRoot } from './hover-card-root';
 import { HoverCardTrigger } from './hover-card-trigger';
-export const HoverCard = {
-    Root: HoverCardRoot,
-    Arrow: HoverCardArrow,
-    ArrowTip: HoverCardArrowTip,
-    Content: HoverCardContent,
-    Positioner: HoverCardPositioner,
-    Trigger: HoverCardTrigger,
-};
+export * as HoverCard from './hover-card';
 export { HoverCardArrow, HoverCardArrowTip, HoverCardContent, HoverCardPositioner, HoverCardRoot, HoverCardTrigger, useHoverCardContext, };

package/source/hover-card/use-hover-card.js

@@ -4,7 +4,7 @@ import { createMemo, createUniqueId } from 'solid-js';
 import { useEnvironmentContext } from '../environment';
 export const useHoverCard = (props) => {
     const getRootNode = useEnvironmentContext();
-    const context = mergeProps({ id: createUniqueId(), getRootNode }, props);
+    const context = mergeProps({ id: createUniqueId(), getRootNode, 'open.controlled': props.open !== undefined }, props);
     const [state, send] = useMachine(hoverCard.machine(context), { context });
     return createMemo(() => hoverCard.connect(state, send, normalizeProps));
 };

package/source/menu/index.js

@@ -12,19 +12,5 @@ import { MenuRoot } from './menu-root';
 import { MenuSeparator } from './menu-separator';
 import { MenuTrigger } from './menu-trigger';
 import { MenuTriggerItem } from './menu-trigger-item';
-export const Menu = {
-    Root: MenuRoot,
-    Arrow: MenuArrow,
-    ArrowTip: MenuArrowTip,
-    Content: MenuContent,
-    ContextTrigger: MenuContextTrigger,
-    Item: MenuItem,
-    ItemGroup: MenuItemGroup,
-    ItemGroupLabel: MenuItemGroupLabel,
-    OptionItem: MenuOptionItem,
-    Positioner: MenuPositioner,
-    Separator: MenuSeparator,
-    Trigger: MenuTrigger,
-    TriggerItem: MenuTriggerItem,
-};
+export * as Menu from './menu';
 export { MenuArrow, MenuArrowTip, MenuContent, MenuContextTrigger, MenuItem, MenuItemGroup, MenuItemGroupLabel, MenuOptionItem, MenuPositioner, MenuRoot, MenuSeparator, MenuTrigger, MenuTriggerItem, useMenuContext, };