@ark-ui/react 2.0.0 → 2.0.2

package/CHANGELOG.md

@@ -6,6 +6,28 @@ description: All notable changes to this project will be documented in this file
 
 ## [Unreleased]
 
+## [2.0.2] - 2024-02-10
+
+### Added
+
+- Exported `SelectionDetails` type for `Menu` component
+
+### Changed
+
+- Changed `Dialog.Description` and `Popover.Description` from `p` to `div` to allow for multiple paragraphs.
+- Changed `TreeView.BranchTrigger` from `button` to `div` for the accessibility reasons.
+
+### Fixed
+
+- Fix issue where `@types/react@18.2.8` broke current typings in `Portal`
+- Fix issue where `Select` component submits its first option when used in a form, even if there is no value selected.
+
+## [2.0.1] - 2024-01-30
+
+### Fixed
+
+- Resolved an issue that for some components the types were not being generated correctly.
+
 ## [2.0.0] - 2024-01-30
 
 ### Added

package/accordion/accordion.cjs

@@ -0,0 +1,17 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const accordionItem = require('./accordion-item.cjs');
+const accordionItemContent = require('./accordion-item-content.cjs');
+const accordionItemIndicator = require('./accordion-item-indicator.cjs');
+const accordionItemTrigger = require('./accordion-item-trigger.cjs');
+const accordionRoot = require('./accordion-root.cjs');
+
+
+
+exports.Item = accordionItem.AccordionItem;
+exports.ItemContent = accordionItemContent.AccordionItemContent;
+exports.ItemIndicator = accordionItemIndicator.AccordionItemIndicator;
+exports.ItemTrigger = accordionItemTrigger.AccordionItemTrigger;
+exports.Root = accordionRoot.AccordionRoot;

package/accordion/accordion.d.ts

@@ -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/accordion/accordion.mjs

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

package/accordion/index.cjs

@@ -1,4 +1,3 @@
-'use client';
 'use strict';
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
@@ -10,14 +9,9 @@ const accordionItemContext = require('./accordion-item-context.cjs');
 const accordionItemIndicator = require('./accordion-item-indicator.cjs');
 const accordionItemTrigger = require('./accordion-item-trigger.cjs');
 const accordionRoot = require('./accordion-root.cjs');
+const accordion = require('./accordion.cjs');
+
 
-const Accordion = {
-  Root: accordionRoot.AccordionRoot,
-  Item: accordionItem.AccordionItem,
-  ItemContent: accordionItemContent.AccordionItemContent,
-  ItemIndicator: accordionItemIndicator.AccordionItemIndicator,
-  ItemTrigger: accordionItemTrigger.AccordionItemTrigger
-};
 
 exports.useAccordionContext = accordionContext.useAccordionContext;
 exports.AccordionItem = accordionItem.AccordionItem;
@@ -26,4 +20,4 @@ exports.useAccordionItemContext = accordionItemContext.useAccordionItemContext;
 exports.AccordionItemIndicator = accordionItemIndicator.AccordionItemIndicator;
 exports.AccordionItemTrigger = accordionItemTrigger.AccordionItemTrigger;
 exports.AccordionRoot = accordionRoot.AccordionRoot;
-exports.Accordion = Accordion;
+exports.Accordion = accordion;

package/accordion/index.d.ts

@@ -1,5 +1,3 @@
-import { ForwardRefExoticComponent, RefAttributes } from 'react';
-/// <reference types="react" />
 import type { FocusChangeDetails as AccordionFocusChangeDetails, ValueChangeDetails as AccordionValueChangeDetails } from '@zag-js/accordion';
 import { useAccordionContext, type AccordionContext } from './accordion-context';
 import { AccordionItem, type AccordionItemProps } from './accordion-item';
@@ -8,12 +6,6 @@ import { useAccordionItemContext, type AccordionItemContext } from './accordion-
 import { AccordionItemIndicator, type AccordionItemIndicatorProps } from './accordion-item-indicator';
 import { AccordionItemTrigger, type AccordionItemTriggerProps } from './accordion-item-trigger';
 import { AccordionRoot, type AccordionRootProps } from './accordion-root';
-export declare const Accordion: {
-    Root: ForwardRefExoticComponent<AccordionRootProps & RefAttributes<HTMLDivElement>>;
-    Item: ForwardRefExoticComponent<AccordionItemProps & RefAttributes<HTMLDivElement>>;
-    ItemContent: ForwardRefExoticComponent<AccordionItemContentProps & RefAttributes<HTMLDivElement>>;
-    ItemIndicator: ForwardRefExoticComponent<AccordionItemIndicatorProps & RefAttributes<HTMLDivElement>>;
-    ItemTrigger: ForwardRefExoticComponent<AccordionItemTriggerProps & RefAttributes<HTMLButtonElement>>;
-};
+export * as Accordion from './accordion';
 export { AccordionItem, AccordionItemContent, AccordionItemIndicator, AccordionItemTrigger, AccordionRoot, useAccordionContext, useAccordionItemContext, };
 export type { AccordionContext, AccordionFocusChangeDetails, AccordionItemContentProps, AccordionItemContext, AccordionItemIndicatorProps, AccordionItemProps, AccordionItemTriggerProps, AccordionRootProps, AccordionValueChangeDetails, };

package/accordion/index.mjs

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

package/avatar/avatar.cjs

@@ -0,0 +1,13 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const avatarFallback = require('./avatar-fallback.cjs');
+const avatarImage = require('./avatar-image.cjs');
+const avatarRoot = require('./avatar-root.cjs');
+
+
+
+exports.Fallback = avatarFallback.AvatarFallback;
+exports.Image = avatarImage.AvatarImage;
+exports.Root = avatarRoot.AvatarRoot;

package/avatar/avatar.d.ts

@@ -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/avatar/avatar.mjs

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

package/avatar/index.cjs

@@ -1,4 +1,3 @@
-'use client';
 'use strict';
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
@@ -7,15 +6,12 @@ const avatarContext = require('./avatar-context.cjs');
 const avatarFallback = require('./avatar-fallback.cjs');
 const avatarImage = require('./avatar-image.cjs');
 const avatarRoot = require('./avatar-root.cjs');
+const avatar = require('./avatar.cjs');
+
 
-const Avatar = {
-  Root: avatarRoot.AvatarRoot,
-  Fallback: avatarFallback.AvatarFallback,
-  Image: avatarImage.AvatarImage
-};
 
 exports.useAvatarContext = avatarContext.useAvatarContext;
 exports.AvatarFallback = avatarFallback.AvatarFallback;
 exports.AvatarImage = avatarImage.AvatarImage;
 exports.AvatarRoot = avatarRoot.AvatarRoot;
-exports.Avatar = Avatar;
+exports.Avatar = avatar;

package/avatar/index.d.ts

@@ -1,14 +1,8 @@
-import { ForwardRefExoticComponent, RefAttributes } from 'react';
-/// <reference types="react" />
 import type { StatusChangeDetails as AvatarStatusChangeDetails } from '@zag-js/avatar';
 import { useAvatarContext, type AvatarContext } from './avatar-context';
 import { AvatarFallback, type AvatarFallbackProps } from './avatar-fallback';
 import { AvatarImage, type AvatarImageProps } from './avatar-image';
 import { AvatarRoot, type AvatarRootProps } from './avatar-root';
-export declare const Avatar: {
-    Root: ForwardRefExoticComponent<AvatarRootProps & RefAttributes<HTMLDivElement>>;
-    Fallback: ForwardRefExoticComponent<AvatarFallbackProps & RefAttributes<HTMLSpanElement>>;
-    Image: ForwardRefExoticComponent<AvatarImageProps & RefAttributes<HTMLImageElement>>;
-};
+export * as Avatar from './avatar';
 export { AvatarFallback, AvatarImage, AvatarRoot, useAvatarContext };
 export type { AvatarContext, AvatarFallbackProps, AvatarImageProps, AvatarRootProps, AvatarStatusChangeDetails, };

package/avatar/index.mjs

@@ -1,13 +1,6 @@
-'use client';
 export { useAvatarContext } from './avatar-context.mjs';
-import { AvatarFallback } from './avatar-fallback.mjs';
-import { AvatarImage } from './avatar-image.mjs';
-import { AvatarRoot } from './avatar-root.mjs';
-
-const Avatar = {
-  Root: AvatarRoot,
-  Fallback: AvatarFallback,
-  Image: AvatarImage
-};
-
-export { Avatar, AvatarFallback, AvatarImage, AvatarRoot };
+export { AvatarFallback } from './avatar-fallback.mjs';
+export { AvatarImage } from './avatar-image.mjs';
+export { AvatarRoot } from './avatar-root.mjs';
+import * as avatar from './avatar.mjs';
+export { avatar as Avatar };

package/carousel/carousel.cjs

@@ -0,0 +1,25 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const carouselControl = require('./carousel-control.cjs');
+const carouselIndicator = require('./carousel-indicator.cjs');
+const carouselIndicatorGroup = require('./carousel-indicator-group.cjs');
+const carouselItem = require('./carousel-item.cjs');
+const carouselItemGroup = require('./carousel-item-group.cjs');
+const carouselNextTrigger = require('./carousel-next-trigger.cjs');
+const carouselPrevTrigger = require('./carousel-prev-trigger.cjs');
+const carouselRoot = require('./carousel-root.cjs');
+const carouselViewport = require('./carousel-viewport.cjs');
+
+
+
+exports.Control = carouselControl.CarouselControl;
+exports.Indicator = carouselIndicator.CarouselIndicator;
+exports.IndicatorGroup = carouselIndicatorGroup.CarouselIndicatorGroup;
+exports.Item = carouselItem.CarouselItem;
+exports.ItemGroup = carouselItemGroup.CarouselItemGroup;
+exports.NextTrigger = carouselNextTrigger.CarouselNextTrigger;
+exports.PrevTrigger = carouselPrevTrigger.CarouselPrevTrigger;
+exports.Root = carouselRoot.CarouselRoot;
+exports.Viewport = carouselViewport.CarouselViewport;

package/carousel/carousel.d.ts

@@ -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/carousel/carousel.mjs

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

package/carousel/index.cjs

@@ -1,4 +1,3 @@
-'use client';
 'use strict';
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
@@ -13,18 +12,9 @@ const carouselNextTrigger = require('./carousel-next-trigger.cjs');
 const carouselPrevTrigger = require('./carousel-prev-trigger.cjs');
 const carouselRoot = require('./carousel-root.cjs');
 const carouselViewport = require('./carousel-viewport.cjs');
+const carousel = require('./carousel.cjs');
+
 
-const Carousel = {
-  Root: carouselRoot.CarouselRoot,
-  Control: carouselControl.CarouselControl,
-  Indicator: carouselIndicator.CarouselIndicator,
-  IndicatorGroup: carouselIndicatorGroup.CarouselIndicatorGroup,
-  NextTrigger: carouselNextTrigger.CarouselNextTrigger,
-  PrevTrigger: carouselPrevTrigger.CarouselPrevTrigger,
-  Item: carouselItem.CarouselItem,
-  ItemGroup: carouselItemGroup.CarouselItemGroup,
-  Viewport: carouselViewport.CarouselViewport
-};
 
 exports.useCarouselContext = carouselContext.useCarouselContext;
 exports.CarouselControl = carouselControl.CarouselControl;
@@ -36,4 +26,4 @@ exports.CarouselNextTrigger = carouselNextTrigger.CarouselNextTrigger;
 exports.CarouselPrevTrigger = carouselPrevTrigger.CarouselPrevTrigger;
 exports.CarouselRoot = carouselRoot.CarouselRoot;
 exports.CarouselViewport = carouselViewport.CarouselViewport;
-exports.Carousel = Carousel;
+exports.Carousel = carousel;

package/carousel/index.d.ts

@@ -1,5 +1,3 @@
-import { ForwardRefExoticComponent, RefAttributes } from 'react';
-/// <reference types="react" />
 import type { SlideChangeDetails as CarouselSlideChangeDetails } from '@zag-js/carousel';
 import { useCarouselContext, type CarouselContext } from './carousel-context';
 import { CarouselControl, type CarouselControlProps } from './carousel-control';
@@ -11,16 +9,6 @@ import { CarouselNextTrigger, type CarouselNextTriggerProps } from './carousel-n
 import { CarouselPrevTrigger, type CarouselPrevTriggerProps } from './carousel-prev-trigger';
 import { CarouselRoot, type CarouselRootProps } from './carousel-root';
 import { CarouselViewport, type CarouselViewportProps } from './carousel-viewport';
-export declare const Carousel: {
-    Root: ForwardRefExoticComponent<CarouselRootProps & RefAttributes<HTMLDivElement>>;
-    Control: ForwardRefExoticComponent<CarouselControlProps & RefAttributes<HTMLDivElement>>;
-    Indicator: ForwardRefExoticComponent<CarouselIndicatorProps & RefAttributes<HTMLButtonElement>>;
-    IndicatorGroup: ForwardRefExoticComponent<CarouselIndicatorGroupProps & RefAttributes<HTMLDivElement>>;
-    NextTrigger: ForwardRefExoticComponent<CarouselNextTriggerProps & RefAttributes<HTMLButtonElement>>;
-    PrevTrigger: ForwardRefExoticComponent<CarouselPrevTriggerProps & RefAttributes<HTMLButtonElement>>;
-    Item: ForwardRefExoticComponent<CarouselItemProps & RefAttributes<HTMLDivElement>>;
-    ItemGroup: ForwardRefExoticComponent<CarouselItemGroupProps & RefAttributes<HTMLDivElement>>;
-    Viewport: ForwardRefExoticComponent<CarouselViewportProps & RefAttributes<HTMLDivElement>>;
-};
+export * as Carousel from './carousel';
 export { CarouselControl, CarouselIndicator, CarouselIndicatorGroup, CarouselItem, CarouselItemGroup, CarouselNextTrigger, CarouselPrevTrigger, CarouselRoot, CarouselViewport, useCarouselContext, };
 export type { CarouselContext, CarouselControlProps, CarouselIndicatorGroupProps, CarouselIndicatorProps, CarouselItemGroupProps, CarouselItemProps, CarouselNextTriggerProps, CarouselPrevTriggerProps, CarouselRootProps, CarouselSlideChangeDetails, CarouselViewportProps, };

package/carousel/index.mjs

@@ -1,25 +1,12 @@
-'use client';
 export { useCarouselContext } from './carousel-context.mjs';
-import { CarouselControl } from './carousel-control.mjs';
-import { CarouselIndicator } from './carousel-indicator.mjs';
-import { CarouselIndicatorGroup } from './carousel-indicator-group.mjs';
-import { CarouselItem } from './carousel-item.mjs';
-import { CarouselItemGroup } from './carousel-item-group.mjs';
-import { CarouselNextTrigger } from './carousel-next-trigger.mjs';
-import { CarouselPrevTrigger } from './carousel-prev-trigger.mjs';
-import { CarouselRoot } from './carousel-root.mjs';
-import { CarouselViewport } from './carousel-viewport.mjs';
-
-const Carousel = {
-  Root: CarouselRoot,
-  Control: CarouselControl,
-  Indicator: CarouselIndicator,
-  IndicatorGroup: CarouselIndicatorGroup,
-  NextTrigger: CarouselNextTrigger,
-  PrevTrigger: CarouselPrevTrigger,
-  Item: CarouselItem,
-  ItemGroup: CarouselItemGroup,
-  Viewport: CarouselViewport
-};
-
-export { Carousel, CarouselControl, CarouselIndicator, CarouselIndicatorGroup, CarouselItem, CarouselItemGroup, CarouselNextTrigger, CarouselPrevTrigger, CarouselRoot, CarouselViewport };
+export { CarouselControl } from './carousel-control.mjs';
+export { CarouselIndicator } from './carousel-indicator.mjs';
+export { CarouselIndicatorGroup } from './carousel-indicator-group.mjs';
+export { CarouselItem } from './carousel-item.mjs';
+export { CarouselItemGroup } from './carousel-item-group.mjs';
+export { CarouselNextTrigger } from './carousel-next-trigger.mjs';
+export { CarouselPrevTrigger } from './carousel-prev-trigger.mjs';
+export { CarouselRoot } from './carousel-root.mjs';
+export { CarouselViewport } from './carousel-viewport.mjs';
+import * as carousel from './carousel.mjs';
+export { carousel as Carousel };

package/checkbox/checkbox.cjs

@@ -0,0 +1,15 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const checkboxControl = require('./checkbox-control.cjs');
+const checkboxIndicator = require('./checkbox-indicator.cjs');
+const checkboxLabel = require('./checkbox-label.cjs');
+const checkboxRoot = require('./checkbox-root.cjs');
+
+
+
+exports.Control = checkboxControl.CheckboxControl;
+exports.Indicator = checkboxIndicator.CheckboxIndicator;
+exports.Label = checkboxLabel.CheckboxLabel;
+exports.Root = checkboxRoot.CheckboxRoot;

package/checkbox/checkbox.d.ts

@@ -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/checkbox/checkbox.mjs

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

package/checkbox/index.cjs

@@ -1,4 +1,3 @@
-'use client';
 'use strict';
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
@@ -8,17 +7,13 @@ const checkboxControl = require('./checkbox-control.cjs');
 const checkboxIndicator = require('./checkbox-indicator.cjs');
 const checkboxLabel = require('./checkbox-label.cjs');
 const checkboxRoot = require('./checkbox-root.cjs');
+const checkbox = require('./checkbox.cjs');
+
 
-const Checkbox = {
-  Root: checkboxRoot.CheckboxRoot,
-  Control: checkboxControl.CheckboxControl,
-  Label: checkboxLabel.CheckboxLabel,
-  Indicator: checkboxIndicator.CheckboxIndicator
-};
 
 exports.useCheckboxContext = checkboxContext.useCheckboxContext;
 exports.CheckboxControl = checkboxControl.CheckboxControl;
 exports.CheckboxIndicator = checkboxIndicator.CheckboxIndicator;
 exports.CheckboxLabel = checkboxLabel.CheckboxLabel;
 exports.CheckboxRoot = checkboxRoot.CheckboxRoot;
-exports.Checkbox = Checkbox;
+exports.Checkbox = checkbox;

package/checkbox/index.d.ts

@@ -1,16 +1,9 @@
-import { ForwardRefExoticComponent, RefAttributes } from 'react';
-/// <reference types="react" />
 import type { CheckedChangeDetails as CheckboxCheckedChangeDetails, CheckedState as CheckboxState } from '@zag-js/checkbox';
 import { useCheckboxContext, type CheckboxContext } from './checkbox-context';
 import { CheckboxControl, type CheckboxControlProps } from './checkbox-control';
 import { CheckboxIndicator, type CheckboxIndicatorProps } from './checkbox-indicator';
 import { CheckboxLabel, type CheckboxLabelProps } from './checkbox-label';
 import { CheckboxRoot, type CheckboxRootProps } from './checkbox-root';
-export declare const Checkbox: {
-    Root: ForwardRefExoticComponent<CheckboxRootProps & RefAttributes<HTMLLabelElement>>;
-    Control: ForwardRefExoticComponent<CheckboxControlProps & RefAttributes<HTMLDivElement>>;
-    Label: ForwardRefExoticComponent<CheckboxLabelProps & RefAttributes<HTMLSpanElement>>;
-    Indicator: ForwardRefExoticComponent<CheckboxIndicatorProps & RefAttributes<HTMLDivElement>>;
-};
+export * as Checkbox from './checkbox';
 export { CheckboxControl, CheckboxIndicator, CheckboxLabel, CheckboxRoot, useCheckboxContext };
 export type { CheckboxCheckedChangeDetails, CheckboxContext, CheckboxControlProps, CheckboxIndicatorProps, CheckboxLabelProps, CheckboxRootProps, CheckboxState, };

package/checkbox/index.mjs

@@ -1,15 +1,7 @@
-'use client';
 export { useCheckboxContext } from './checkbox-context.mjs';
-import { CheckboxControl } from './checkbox-control.mjs';
-import { CheckboxIndicator } from './checkbox-indicator.mjs';
-import { CheckboxLabel } from './checkbox-label.mjs';
-import { CheckboxRoot } from './checkbox-root.mjs';
-
-const Checkbox = {
-  Root: CheckboxRoot,
-  Control: CheckboxControl,
-  Label: CheckboxLabel,
-  Indicator: CheckboxIndicator
-};
-
-export { Checkbox, CheckboxControl, CheckboxIndicator, CheckboxLabel, CheckboxRoot };
+export { CheckboxControl } from './checkbox-control.mjs';
+export { CheckboxIndicator } from './checkbox-indicator.mjs';
+export { CheckboxLabel } from './checkbox-label.mjs';
+export { CheckboxRoot } from './checkbox-root.mjs';
+import * as checkbox from './checkbox.mjs';
+export { checkbox as Checkbox };

package/color-picker/color-picker.cjs

@@ -0,0 +1,53 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const colorPickerArea = require('./color-picker-area.cjs');
+const colorPickerAreaBackground = require('./color-picker-area-background.cjs');
+const colorPickerAreaThumb = require('./color-picker-area-thumb.cjs');
+const colorPickerChannelInput = require('./color-picker-channel-input.cjs');
+const colorPickerChannelSlider = require('./color-picker-channel-slider.cjs');
+const colorPickerChannelSliderThumb = require('./color-picker-channel-slider-thumb.cjs');
+const colorPickerChannelSliderTrack = require('./color-picker-channel-slider-track.cjs');
+const colorPickerContent = require('./color-picker-content.cjs');
+const colorPickerControl = require('./color-picker-control.cjs');
+const colorPickerEyeDropperTrigger = require('./color-picker-eye-dropper-trigger.cjs');
+const colorPickerFormatSelect = require('./color-picker-format-select.cjs');
+const colorPickerFormatTrigger = require('./color-picker-format-trigger.cjs');
+const colorPickerLabel = require('./color-picker-label.cjs');
+const colorPickerPositioner = require('./color-picker-positioner.cjs');
+const colorPickerRoot = require('./color-picker-root.cjs');
+const colorPickerSwatch = require('./color-picker-swatch.cjs');
+const colorPickerSwatchGroup = require('./color-picker-swatch-group.cjs');
+const colorPickerSwatchIndicator = require('./color-picker-swatch-indicator.cjs');
+const colorPickerSwatchTrigger = require('./color-picker-swatch-trigger.cjs');
+const colorPickerTransparencyGrid = require('./color-picker-transparency-grid.cjs');
+const colorPickerTrigger = require('./color-picker-trigger.cjs');
+const colorPickerValueText = require('./color-picker-value-text.cjs');
+const colorPickerView = require('./color-picker-view.cjs');
+
+
+
+exports.Area = colorPickerArea.ColorPickerArea;
+exports.AreaBackground = colorPickerAreaBackground.ColorPickerAreaBackground;
+exports.AreaThumb = colorPickerAreaThumb.ColorPickerAreaThumb;
+exports.ChannelInput = colorPickerChannelInput.ColorPickerChannelInput;
+exports.ChannelSlider = colorPickerChannelSlider.ColorPickerChannelSlider;
+exports.ChannelSliderThumb = colorPickerChannelSliderThumb.ColorPickerChannelSliderThumb;
+exports.ChannelSliderTrack = colorPickerChannelSliderTrack.ColorPickerChannelSliderTrack;
+exports.Content = colorPickerContent.ColorPickerContent;
+exports.Control = colorPickerControl.ColorPickerControl;
+exports.EyeDropperTrigger = colorPickerEyeDropperTrigger.ColorPickerEyeDropperTrigger;
+exports.FormatSelect = colorPickerFormatSelect.ColorPickerFormatSelect;
+exports.FormatTrigger = colorPickerFormatTrigger.ColorPickerFormatTrigger;
+exports.Label = colorPickerLabel.ColorPickerLabel;
+exports.Positioner = colorPickerPositioner.ColorPickerPositioner;
+exports.Root = colorPickerRoot.ColorPickerRoot;
+exports.Swatch = colorPickerSwatch.ColorPickerSwatch;
+exports.SwatchGroup = colorPickerSwatchGroup.ColorPickerSwatchGroup;
+exports.SwatchIndicator = colorPickerSwatchIndicator.ColorPickerSwatchIndicator;
+exports.SwatchTrigger = colorPickerSwatchTrigger.ColorPickerSwatchTrigger;
+exports.TransparencyGrid = colorPickerTransparencyGrid.ColorPickerTransparencyGrid;
+exports.Trigger = colorPickerTrigger.ColorPickerTrigger;
+exports.ValueText = colorPickerValueText.ColorPickerValueText;
+exports.View = colorPickerView.ColorPickerView;

package/color-picker/color-picker.d.ts

@@ -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/color-picker/color-picker.mjs

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

package/color-picker/index.cjs

@@ -1,4 +1,3 @@
-'use client';
 'use strict';
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
@@ -29,32 +28,9 @@ const colorPickerTransparencyGrid = require('./color-picker-transparency-grid.cj
 const colorPickerTrigger = require('./color-picker-trigger.cjs');
 const colorPickerValueText = require('./color-picker-value-text.cjs');
 const colorPickerView = require('./color-picker-view.cjs');
+const colorPicker = require('./color-picker.cjs');
+
 
-const ColorPicker = {
-  Root: colorPickerRoot.ColorPickerRoot,
-  Area: colorPickerArea.ColorPickerArea,
-  AreaBackground: colorPickerAreaBackground.ColorPickerAreaBackground,
-  AreaThumb: colorPickerAreaThumb.ColorPickerAreaThumb,
-  ChannelInput: colorPickerChannelInput.ColorPickerChannelInput,
-  ChannelSlider: colorPickerChannelSlider.ColorPickerChannelSlider,
-  ChannelSliderThumb: colorPickerChannelSliderThumb.ColorPickerChannelSliderThumb,
-  ChannelSliderTrack: colorPickerChannelSliderTrack.ColorPickerChannelSliderTrack,
-  Content: colorPickerContent.ColorPickerContent,
-  Control: colorPickerControl.ColorPickerControl,
-  EyeDropperTrigger: colorPickerEyeDropperTrigger.ColorPickerEyeDropperTrigger,
-  FormatTrigger: colorPickerFormatTrigger.ColorPickerFormatTrigger,
-  FormatSelect: colorPickerFormatSelect.ColorPickerFormatSelect,
-  Label: colorPickerLabel.ColorPickerLabel,
-  Positioner: colorPickerPositioner.ColorPickerPositioner,
-  Swatch: colorPickerSwatch.ColorPickerSwatch,
-  SwatchGroup: colorPickerSwatchGroup.ColorPickerSwatchGroup,
-  SwatchIndicator: colorPickerSwatchIndicator.ColorPickerSwatchIndicator,
-  SwatchTrigger: colorPickerSwatchTrigger.ColorPickerSwatchTrigger,
-  TransparencyGrid: colorPickerTransparencyGrid.ColorPickerTransparencyGrid,
-  Trigger: colorPickerTrigger.ColorPickerTrigger,
-  ValueText: colorPickerValueText.ColorPickerValueText,
-  View: colorPickerView.ColorPickerView
-};
 
 exports.ColorPickerArea = colorPickerArea.ColorPickerArea;
 exports.ColorPickerAreaBackground = colorPickerAreaBackground.ColorPickerAreaBackground;
@@ -82,4 +58,4 @@ exports.ColorPickerTransparencyGrid = colorPickerTransparencyGrid.ColorPickerTra
 exports.ColorPickerTrigger = colorPickerTrigger.ColorPickerTrigger;
 exports.ColorPickerValueText = colorPickerValueText.ColorPickerValueText;
 exports.ColorPickerView = colorPickerView.ColorPickerView;
-exports.ColorPicker = ColorPicker;
+exports.ColorPicker = colorPicker;