@ark-ui/react 2.0.0 → 2.0.1

package/progress/progress.d.ts

@@ -0,0 +1,10 @@
+import { ProgressCircle as Circle } from './progress-circle';
+import { ProgressCircleRange as CircleRange } from './progress-circle-range';
+import { ProgressCircleTrack as CircleTrack } from './progress-circle-track';
+import { ProgressLabel as Label } from './progress-label';
+import { ProgressRange as Range } from './progress-range';
+import { ProgressRoot as Root } from './progress-root';
+import { ProgressTrack as Track } from './progress-track';
+import { ProgressValueText as ValueText } from './progress-value-text';
+import { ProgressView as View } from './progress-view';
+export { Circle, CircleRange, CircleTrack, Label, Range, Root, Track, ValueText, View };

package/progress/progress.mjs

@@ -0,0 +1,9 @@
+export { ProgressCircle as Circle } from './progress-circle.mjs';
+export { ProgressCircleRange as CircleRange } from './progress-circle-range.mjs';
+export { ProgressCircleTrack as CircleTrack } from './progress-circle-track.mjs';
+export { ProgressLabel as Label } from './progress-label.mjs';
+export { ProgressRange as Range } from './progress-range.mjs';
+export { ProgressRoot as Root } from './progress-root.mjs';
+export { ProgressTrack as Track } from './progress-track.mjs';
+export { ProgressValueText as ValueText } from './progress-value-text.mjs';
+export { ProgressView as View } from './progress-view.mjs';

package/radio-group/index.cjs

@@ -1,4 +1,3 @@
-'use client';
 'use strict';
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
@@ -11,21 +10,16 @@ const radioGroupItemControl = require('./radio-group-item-control.cjs');
 const radioGroupItemText = require('./radio-group-item-text.cjs');
 const radioGroupLabel = require('./radio-group-label.cjs');
 const radioGroupRoot = require('./radio-group-root.cjs');
+const radioGroup = require('./radio-group.cjs');
+
 
-const RadioGroup = {
-  Root: radioGroupRoot.RadioGroupRoot,
-  Indicator: radioGroupIndicator.RadioGroupIndicator,
-  Item: radioGroupItem.RadioGroupItem,
-  ItemControl: radioGroupItemControl.RadioGroupItemControl,
-  ItemText: radioGroupItemText.RadioGroupItemText,
-  Label: radioGroupLabel.RadioGroupLabel
-};
 
 exports.useRadioGroupContext = radioGroupContext.useRadioGroupContext;
+exports.RadioGroupIndicator = radioGroupIndicator.RadioGroupIndicator;
 exports.RadioGroupItem = radioGroupItem.RadioGroupItem;
 exports.useRadioGroupItemContext = radioGroupItemContext.useRadioGroupItemContext;
 exports.RadioGroupItemControl = radioGroupItemControl.RadioGroupItemControl;
 exports.RadioGroupItemText = radioGroupItemText.RadioGroupItemText;
 exports.RadioGroupLabel = radioGroupLabel.RadioGroupLabel;
 exports.RadioGroupRoot = radioGroupRoot.RadioGroupRoot;
-exports.RadioGroup = RadioGroup;
+exports.RadioGroup = radioGroup;

package/radio-group/index.d.ts

@@ -1,21 +1,12 @@
-import { ForwardRefExoticComponent, RefAttributes } from 'react';
-/// <reference types="react" />
 import type { ValueChangeDetails as RadioGroupValueChangeDetails } from '@zag-js/radio-group';
 import { useRadioGroupContext, type RadioGroupContext } from './radio-group-context';
-import { type RadioGroupIndicatorProps } from './radio-group-indicator';
+import { RadioGroupIndicator, type RadioGroupIndicatorProps } from './radio-group-indicator';
 import { RadioGroupItem, type RadioGroupItemProps } from './radio-group-item';
 import { useRadioGroupItemContext, type RadioGroupItemContext } from './radio-group-item-context';
 import { RadioGroupItemControl, type RadioGroupItemControlProps } from './radio-group-item-control';
 import { RadioGroupItemText, type RadioGroupItemTextProps } from './radio-group-item-text';
 import { RadioGroupLabel, type RadioGroupLabelProps } from './radio-group-label';
 import { RadioGroupRoot, type RadioGroupRootProps } from './radio-group-root';
-export declare const RadioGroup: {
-    Root: ForwardRefExoticComponent<RadioGroupRootProps & RefAttributes<HTMLDivElement>>;
-    Indicator: ForwardRefExoticComponent<RadioGroupIndicatorProps & RefAttributes<HTMLDivElement>>;
-    Item: ForwardRefExoticComponent<RadioGroupItemProps & RefAttributes<HTMLLabelElement>>;
-    ItemControl: ForwardRefExoticComponent<RadioGroupItemControlProps & RefAttributes<HTMLDivElement>>;
-    ItemText: ForwardRefExoticComponent<RadioGroupItemTextProps & RefAttributes<HTMLSpanElement>>;
-    Label: ForwardRefExoticComponent<RadioGroupLabelProps & RefAttributes<HTMLLabelElement>>;
-};
-export { RadioGroupItem, RadioGroupItemControl, RadioGroupItemText, RadioGroupLabel, RadioGroupRoot, useRadioGroupContext, useRadioGroupItemContext, };
+export * as RadioGroup from './radio-group';
+export { RadioGroupIndicator, RadioGroupItem, RadioGroupItemControl, RadioGroupItemText, RadioGroupLabel, RadioGroupRoot, useRadioGroupContext, useRadioGroupItemContext, };
 export type { RadioGroupContext, RadioGroupIndicatorProps, RadioGroupItemContext, RadioGroupItemControlProps, RadioGroupItemProps, RadioGroupItemTextProps, RadioGroupLabelProps, RadioGroupRootProps, RadioGroupValueChangeDetails, };

package/radio-group/index.mjs

@@ -1,20 +1,10 @@
-'use client';
 export { useRadioGroupContext } from './radio-group-context.mjs';
-import { RadioGroupIndicator } from './radio-group-indicator.mjs';
-import { RadioGroupItem } from './radio-group-item.mjs';
+export { RadioGroupIndicator } from './radio-group-indicator.mjs';
+export { RadioGroupItem } from './radio-group-item.mjs';
 export { useRadioGroupItemContext } from './radio-group-item-context.mjs';
-import { RadioGroupItemControl } from './radio-group-item-control.mjs';
-import { RadioGroupItemText } from './radio-group-item-text.mjs';
-import { RadioGroupLabel } from './radio-group-label.mjs';
-import { RadioGroupRoot } from './radio-group-root.mjs';
-
-const RadioGroup = {
-  Root: RadioGroupRoot,
-  Indicator: RadioGroupIndicator,
-  Item: RadioGroupItem,
-  ItemControl: RadioGroupItemControl,
-  ItemText: RadioGroupItemText,
-  Label: RadioGroupLabel
-};
-
-export { RadioGroup, RadioGroupItem, RadioGroupItemControl, RadioGroupItemText, RadioGroupLabel, RadioGroupRoot };
+export { RadioGroupItemControl } from './radio-group-item-control.mjs';
+export { RadioGroupItemText } from './radio-group-item-text.mjs';
+export { RadioGroupLabel } from './radio-group-label.mjs';
+export { RadioGroupRoot } from './radio-group-root.mjs';
+import * as radioGroup from './radio-group.mjs';
+export { radioGroup as RadioGroup };

package/radio-group/radio-group.cjs

@@ -0,0 +1,19 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const radioGroupIndicator = require('./radio-group-indicator.cjs');
+const radioGroupItem = require('./radio-group-item.cjs');
+const radioGroupItemControl = require('./radio-group-item-control.cjs');
+const radioGroupItemText = require('./radio-group-item-text.cjs');
+const radioGroupLabel = require('./radio-group-label.cjs');
+const radioGroupRoot = require('./radio-group-root.cjs');
+
+
+
+exports.Indicator = radioGroupIndicator.RadioGroupIndicator;
+exports.Item = radioGroupItem.RadioGroupItem;
+exports.ItemControl = radioGroupItemControl.RadioGroupItemControl;
+exports.ItemText = radioGroupItemText.RadioGroupItemText;
+exports.Label = radioGroupLabel.RadioGroupLabel;
+exports.Root = radioGroupRoot.RadioGroupRoot;

package/radio-group/radio-group.d.ts

@@ -0,0 +1,7 @@
+import { RadioGroupIndicator as Indicator } from './radio-group-indicator';
+import { RadioGroupItem as Item } from './radio-group-item';
+import { RadioGroupItemControl as ItemControl } from './radio-group-item-control';
+import { RadioGroupItemText as ItemText } from './radio-group-item-text';
+import { RadioGroupLabel as Label } from './radio-group-label';
+import { RadioGroupRoot as Root } from './radio-group-root';
+export { Indicator, Item, ItemControl, ItemText, Label, Root };

package/radio-group/radio-group.mjs

@@ -0,0 +1,6 @@
+export { RadioGroupIndicator as Indicator } from './radio-group-indicator.mjs';
+export { RadioGroupItem as Item } from './radio-group-item.mjs';
+export { RadioGroupItemControl as ItemControl } from './radio-group-item-control.mjs';
+export { RadioGroupItemText as ItemText } from './radio-group-item-text.mjs';
+export { RadioGroupLabel as Label } from './radio-group-label.mjs';
+export { RadioGroupRoot as Root } from './radio-group-root.mjs';

package/rating-group/index.cjs

@@ -1,4 +1,3 @@
-'use client';
 'use strict';
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
@@ -9,13 +8,9 @@ const ratingGroupItem = require('./rating-group-item.cjs');
 const ratingGroupItemContext = require('./rating-group-item-context.cjs');
 const ratingGroupLabel = require('./rating-group-label.cjs');
 const ratingGroupRoot = require('./rating-group-root.cjs');
+const ratingGroup = require('./rating-group.cjs');
+
 
-const RatingGroup = {
-  Root: ratingGroupRoot.RatingGroupRoot,
-  Control: ratingGroupControl.RatingGroupControl,
-  Label: ratingGroupLabel.RatingGroupLabel,
-  Item: ratingGroupItem.RatingGroupItem
-};
 
 exports.useRatingGroupContext = ratingGroupContext.useRatingGroupContext;
 exports.RatingGroupControl = ratingGroupControl.RatingGroupControl;
@@ -23,4 +18,4 @@ exports.RatingGroupItem = ratingGroupItem.RatingGroupItem;
 exports.useRatingGroupItemContext = ratingGroupItemContext.useRatingGroupItemContext;
 exports.RatingGroupLabel = ratingGroupLabel.RatingGroupLabel;
 exports.RatingGroupRoot = ratingGroupRoot.RatingGroupRoot;
-exports.RatingGroup = RatingGroup;
+exports.RatingGroup = ratingGroup;

package/rating-group/index.d.ts

@@ -1,5 +1,3 @@
-import { ForwardRefExoticComponent, RefAttributes } from 'react';
-/// <reference types="react" />
 import type { HoverChangeDetails as RatingGroupHoverChangeDetails, ValueChangeDetails as RatingGroupValueChangeDetails } from '@zag-js/rating-group';
 import { useRatingGroupContext, type RatingGroupContext } from './rating-group-context';
 import { RatingGroupControl, type RatingGroupControlProps } from './rating-group-control';
@@ -7,11 +5,6 @@ import { RatingGroupItem, type RatingGroupItemProps } from './rating-group-item'
 import { useRatingGroupItemContext, type RatingGroupItemContext } from './rating-group-item-context';
 import { RatingGroupLabel, type RatingGroupLabelProps } from './rating-group-label';
 import { RatingGroupRoot, type RatingGroupRootProps } from './rating-group-root';
-export declare const RatingGroup: {
-    Root: ForwardRefExoticComponent<RatingGroupRootProps & RefAttributes<HTMLDivElement>>;
-    Control: ForwardRefExoticComponent<RatingGroupControlProps & RefAttributes<HTMLDivElement>>;
-    Label: ForwardRefExoticComponent<RatingGroupLabelProps & RefAttributes<HTMLLabelElement>>;
-    Item: ForwardRefExoticComponent<RatingGroupItemProps & RefAttributes<HTMLSpanElement>>;
-};
+export * as RatingGroup from './rating-group';
 export { RatingGroupControl, RatingGroupItem, RatingGroupLabel, RatingGroupRoot, useRatingGroupContext, useRatingGroupItemContext, };
 export type { RatingGroupContext, RatingGroupControlProps, RatingGroupHoverChangeDetails, RatingGroupItemContext, RatingGroupItemProps, RatingGroupLabelProps, RatingGroupRootProps, RatingGroupValueChangeDetails, };

package/rating-group/index.mjs

@@ -1,16 +1,8 @@
-'use client';
 export { useRatingGroupContext } from './rating-group-context.mjs';
-import { RatingGroupControl } from './rating-group-control.mjs';
-import { RatingGroupItem } from './rating-group-item.mjs';
+export { RatingGroupControl } from './rating-group-control.mjs';
+export { RatingGroupItem } from './rating-group-item.mjs';
 export { useRatingGroupItemContext } from './rating-group-item-context.mjs';
-import { RatingGroupLabel } from './rating-group-label.mjs';
-import { RatingGroupRoot } from './rating-group-root.mjs';
-
-const RatingGroup = {
-  Root: RatingGroupRoot,
-  Control: RatingGroupControl,
-  Label: RatingGroupLabel,
-  Item: RatingGroupItem
-};
-
-export { RatingGroup, RatingGroupControl, RatingGroupItem, RatingGroupLabel, RatingGroupRoot };
+export { RatingGroupLabel } from './rating-group-label.mjs';
+export { RatingGroupRoot } from './rating-group-root.mjs';
+import * as ratingGroup from './rating-group.mjs';
+export { ratingGroup as RatingGroup };

package/rating-group/rating-group.cjs

@@ -0,0 +1,15 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const ratingGroupControl = require('./rating-group-control.cjs');
+const ratingGroupItem = require('./rating-group-item.cjs');
+const ratingGroupLabel = require('./rating-group-label.cjs');
+const ratingGroupRoot = require('./rating-group-root.cjs');
+
+
+
+exports.Control = ratingGroupControl.RatingGroupControl;
+exports.Item = ratingGroupItem.RatingGroupItem;
+exports.Label = ratingGroupLabel.RatingGroupLabel;
+exports.Root = ratingGroupRoot.RatingGroupRoot;

package/rating-group/rating-group.d.ts

@@ -0,0 +1,5 @@
+import { RatingGroupControl as Control } from './rating-group-control';
+import { RatingGroupItem as Item } from './rating-group-item';
+import { RatingGroupLabel as Label } from './rating-group-label';
+import { RatingGroupRoot as Root } from './rating-group-root';
+export { Control, Item, Label, Root };

package/rating-group/rating-group.mjs

@@ -0,0 +1,4 @@
+export { RatingGroupControl as Control } from './rating-group-control.mjs';
+export { RatingGroupItem as Item } from './rating-group-item.mjs';
+export { RatingGroupLabel as Label } from './rating-group-label.mjs';
+export { RatingGroupRoot as Root } from './rating-group-root.mjs';

package/segment-group/index.cjs

@@ -1,4 +1,3 @@
-'use client';
 'use strict';
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
@@ -11,15 +10,9 @@ const segmentGroupItemControl = require('./segment-group-item-control.cjs');
 const segmentGroupItemText = require('./segment-group-item-text.cjs');
 const segmentGroupLabel = require('./segment-group-label.cjs');
 const segmentGroupRoot = require('./segment-group-root.cjs');
+const segmentGroup = require('./segment-group.cjs');
+
 
-const SegmentGroup = {
-  Root: segmentGroupRoot.SegmentGroupRoot,
-  Indicator: segmentGroupIndicator.SegmentGroupIndicator,
-  Item: segmentGroupItem.SegmentGroupItem,
-  ItemControl: segmentGroupItemControl.SegmentGroupItemControl,
-  ItemText: segmentGroupItemText.SegmentGroupItemText,
-  Label: segmentGroupLabel.SegmentGroupLabel
-};
 
 exports.useSegmentGroupContext = segmentGroupContext.useSegmentGroupContext;
 exports.SegmentGroupIndicator = segmentGroupIndicator.SegmentGroupIndicator;
@@ -29,4 +22,4 @@ exports.SegmentGroupItemControl = segmentGroupItemControl.SegmentGroupItemContro
 exports.SegmentGroupItemText = segmentGroupItemText.SegmentGroupItemText;
 exports.SegmentGroupLabel = segmentGroupLabel.SegmentGroupLabel;
 exports.SegmentGroupRoot = segmentGroupRoot.SegmentGroupRoot;
-exports.SegmentGroup = SegmentGroup;
+exports.SegmentGroup = segmentGroup;

package/segment-group/index.d.ts

@@ -1,5 +1,3 @@
-import { ForwardRefExoticComponent, RefAttributes } from 'react';
-/// <reference types="react" />
 import type { ValueChangeDetails as SegmentGroupValueChangeDetails } from '@zag-js/radio-group';
 import { useSegmentGroupContext, type SegmentGroupContext } from './segment-group-context';
 import { SegmentGroupIndicator, type SegmentGroupIndicatorProps } from './segment-group-indicator';
@@ -9,13 +7,6 @@ import { SegmentGroupItemControl, type SegmentGroupItemControlProps } from './se
 import { SegmentGroupItemText, type SegmentGroupItemTextProps } from './segment-group-item-text';
 import { SegmentGroupLabel, type SegmentGroupLabelProps } from './segment-group-label';
 import { SegmentGroupRoot, type SegmentGroupRootProps } from './segment-group-root';
-export declare const SegmentGroup: {
-    Root: ForwardRefExoticComponent<SegmentGroupRootProps & RefAttributes<HTMLDivElement>>;
-    Indicator: ForwardRefExoticComponent<SegmentGroupIndicatorProps & RefAttributes<HTMLDivElement>>;
-    Item: ForwardRefExoticComponent<SegmentGroupItemProps & RefAttributes<HTMLLabelElement>>;
-    ItemControl: ForwardRefExoticComponent<SegmentGroupItemControlProps & RefAttributes<HTMLDivElement>>;
-    ItemText: ForwardRefExoticComponent<SegmentGroupItemTextProps & RefAttributes<HTMLSpanElement>>;
-    Label: ForwardRefExoticComponent<SegmentGroupLabelProps & RefAttributes<HTMLLabelElement>>;
-};
+export * as SegmentGroup from './segment-group';
 export { SegmentGroupIndicator, SegmentGroupItem, SegmentGroupItemControl, SegmentGroupItemText, SegmentGroupLabel, SegmentGroupRoot, useSegmentGroupContext, useSegmentGroupItemContext, };
 export type { SegmentGroupContext, SegmentGroupIndicatorProps, SegmentGroupItemContext, SegmentGroupItemControlProps, SegmentGroupItemProps, SegmentGroupItemTextProps, SegmentGroupLabelProps, SegmentGroupRootProps, SegmentGroupValueChangeDetails, };

package/segment-group/index.mjs

@@ -1,20 +1,10 @@
-'use client';
 export { useSegmentGroupContext } from './segment-group-context.mjs';
-import { SegmentGroupIndicator } from './segment-group-indicator.mjs';
-import { SegmentGroupItem } from './segment-group-item.mjs';
+export { SegmentGroupIndicator } from './segment-group-indicator.mjs';
+export { SegmentGroupItem } from './segment-group-item.mjs';
 export { useSegmentGroupItemContext } from './segment-group-item-context.mjs';
-import { SegmentGroupItemControl } from './segment-group-item-control.mjs';
-import { SegmentGroupItemText } from './segment-group-item-text.mjs';
-import { SegmentGroupLabel } from './segment-group-label.mjs';
-import { SegmentGroupRoot } from './segment-group-root.mjs';
-
-const SegmentGroup = {
-  Root: SegmentGroupRoot,
-  Indicator: SegmentGroupIndicator,
-  Item: SegmentGroupItem,
-  ItemControl: SegmentGroupItemControl,
-  ItemText: SegmentGroupItemText,
-  Label: SegmentGroupLabel
-};
-
-export { SegmentGroup, SegmentGroupIndicator, SegmentGroupItem, SegmentGroupItemControl, SegmentGroupItemText, SegmentGroupLabel, SegmentGroupRoot };
+export { SegmentGroupItemControl } from './segment-group-item-control.mjs';
+export { SegmentGroupItemText } from './segment-group-item-text.mjs';
+export { SegmentGroupLabel } from './segment-group-label.mjs';
+export { SegmentGroupRoot } from './segment-group-root.mjs';
+import * as segmentGroup from './segment-group.mjs';
+export { segmentGroup as SegmentGroup };

package/segment-group/segment-group.cjs

@@ -0,0 +1,19 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const segmentGroupIndicator = require('./segment-group-indicator.cjs');
+const segmentGroupItem = require('./segment-group-item.cjs');
+const segmentGroupItemControl = require('./segment-group-item-control.cjs');
+const segmentGroupItemText = require('./segment-group-item-text.cjs');
+const segmentGroupLabel = require('./segment-group-label.cjs');
+const segmentGroupRoot = require('./segment-group-root.cjs');
+
+
+
+exports.Indicator = segmentGroupIndicator.SegmentGroupIndicator;
+exports.Item = segmentGroupItem.SegmentGroupItem;
+exports.ItemControl = segmentGroupItemControl.SegmentGroupItemControl;
+exports.ItemText = segmentGroupItemText.SegmentGroupItemText;
+exports.Label = segmentGroupLabel.SegmentGroupLabel;
+exports.Root = segmentGroupRoot.SegmentGroupRoot;

package/segment-group/segment-group.d.ts

@@ -0,0 +1,7 @@
+import { SegmentGroupIndicator as Indicator } from './segment-group-indicator';
+import { SegmentGroupItem as Item } from './segment-group-item';
+import { SegmentGroupItemControl as ItemControl } from './segment-group-item-control';
+import { SegmentGroupItemText as ItemText } from './segment-group-item-text';
+import { SegmentGroupLabel as Label } from './segment-group-label';
+import { SegmentGroupRoot as Root } from './segment-group-root';
+export { Indicator, Item, ItemControl, ItemText, Label, Root };

package/segment-group/segment-group.mjs

@@ -0,0 +1,6 @@
+export { SegmentGroupIndicator as Indicator } from './segment-group-indicator.mjs';
+export { SegmentGroupItem as Item } from './segment-group-item.mjs';
+export { SegmentGroupItemControl as ItemControl } from './segment-group-item-control.mjs';
+export { SegmentGroupItemText as ItemText } from './segment-group-item-text.mjs';
+export { SegmentGroupLabel as Label } from './segment-group-label.mjs';
+export { SegmentGroupRoot as Root } from './segment-group-root.mjs';

package/select/index.cjs

@@ -1,4 +1,3 @@
-'use client';
 'use strict';
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
@@ -19,23 +18,9 @@ const selectPositioner = require('./select-positioner.cjs');
 const selectRoot = require('./select-root.cjs');
 const selectTrigger = require('./select-trigger.cjs');
 const selectValueText = require('./select-value-text.cjs');
+const select = require('./select.cjs');
+
 
-const Select = {
-  Root: selectRoot.SelectRoot,
-  ClearTrigger: selectClearTrigger.SelectClearTrigger,
-  Content: selectContent.SelectContent,
-  Control: selectControl.SelectControl,
-  Indicator: selectIndicator.SelectIndicator,
-  Item: selectItem.SelectItem,
-  ItemGroup: selectItemGroup.SelectItemGroup,
-  ItemGroupLabel: selectItemGroupLabel.SelectItemGroupLabel,
-  ItemIndicator: selectItemIndicator.SelectItemIndicator,
-  ItemText: selectItemText.SelectItemText,
-  Label: selectLabel.SelectLabel,
-  Positioner: selectPositioner.SelectPositioner,
-  Trigger: selectTrigger.SelectTrigger,
-  ValueText: selectValueText.SelectValueText
-};
 
 exports.SelectClearTrigger = selectClearTrigger.SelectClearTrigger;
 exports.SelectContent = selectContent.SelectContent;
@@ -53,4 +38,4 @@ exports.SelectPositioner = selectPositioner.SelectPositioner;
 exports.SelectRoot = selectRoot.SelectRoot;
 exports.SelectTrigger = selectTrigger.SelectTrigger;
 exports.SelectValueText = selectValueText.SelectValueText;
-exports.Select = Select;
+exports.Select = select;

package/select/index.d.ts

@@ -1,5 +1,3 @@
-import { ForwardRefExoticComponent, RefAttributes } from 'react';
-/// <reference types="react" />
 import type { HighlightChangeDetails as SelectHighlightChangeDetails, OpenChangeDetails as SelectOpenChangeDetails, ValueChangeDetails as SelectValueChangeDetails } from '@zag-js/select';
 import type { CollectionItem } from '../types';
 import { SelectClearTrigger, type SelectClearTriggerProps } from './select-clear-trigger';
@@ -15,24 +13,9 @@ import { SelectItemIndicator, type SelectItemIndicatorProps } from './select-ite
 import { SelectItemText, type SelectItemTextProps } from './select-item-text';
 import { SelectLabel, type SelectLabelProps } from './select-label';
 import { SelectPositioner, type SelectPositionerProps } from './select-positioner';
-import { SelectComponent, SelectRoot, type SelectRootProps } from './select-root';
+import { SelectRoot, type SelectRootProps } from './select-root';
 import { SelectTrigger, type SelectTriggerProps } from './select-trigger';
 import { SelectValueText, type SelectValueTextProps } from './select-value-text';
-export declare const Select: {
-    Root: SelectComponent;
-    ClearTrigger: ForwardRefExoticComponent<SelectClearTriggerProps & RefAttributes<HTMLButtonElement>>;
-    Content: ForwardRefExoticComponent<SelectContentProps & RefAttributes<HTMLDivElement>>;
-    Control: ForwardRefExoticComponent<SelectControlProps & RefAttributes<HTMLDivElement>>;
-    Indicator: ForwardRefExoticComponent<SelectIndicatorProps & RefAttributes<HTMLDivElement>>;
-    Item: ForwardRefExoticComponent<SelectItemProps & RefAttributes<HTMLDivElement>>;
-    ItemGroup: ForwardRefExoticComponent<SelectItemGroupProps & RefAttributes<HTMLDivElement>>;
-    ItemGroupLabel: ForwardRefExoticComponent<SelectItemGroupLabelProps & RefAttributes<HTMLDivElement>>;
-    ItemIndicator: ForwardRefExoticComponent<SelectItemIndicatorProps & RefAttributes<HTMLDivElement>>;
-    ItemText: ForwardRefExoticComponent<SelectItemTextProps & RefAttributes<HTMLDivElement>>;
-    Label: ForwardRefExoticComponent<SelectLabelProps & RefAttributes<HTMLLabelElement>>;
-    Positioner: ForwardRefExoticComponent<SelectPositionerProps & RefAttributes<HTMLDivElement>>;
-    Trigger: ForwardRefExoticComponent<SelectTriggerProps & RefAttributes<HTMLButtonElement>>;
-    ValueText: ForwardRefExoticComponent<SelectValueTextProps & RefAttributes<HTMLSpanElement>>;
-};
+export * as Select from './select';
 export { SelectClearTrigger, SelectContent, SelectControl, SelectIndicator, SelectItem, SelectItemGroup, SelectItemGroupLabel, SelectItemIndicator, SelectItemText, SelectLabel, SelectPositioner, SelectRoot, SelectTrigger, SelectValueText, useSelectContext, useSelectItemContext, };
 export type { CollectionItem, SelectClearTriggerProps, SelectContentProps, SelectContext, SelectControlProps, SelectHighlightChangeDetails, SelectIndicatorProps, SelectItemContext, SelectItemGroupLabelProps, SelectItemGroupProps, SelectItemIndicatorProps, SelectItemProps, SelectItemTextProps, SelectLabelProps, SelectOpenChangeDetails, SelectPositionerProps, SelectRootProps, SelectTriggerProps, SelectValueChangeDetails, SelectValueTextProps, };

package/select/index.mjs

@@ -1,36 +1,18 @@
-'use client';
-import { SelectClearTrigger } from './select-clear-trigger.mjs';
-import { SelectContent } from './select-content.mjs';
+export { SelectClearTrigger } from './select-clear-trigger.mjs';
+export { SelectContent } from './select-content.mjs';
 export { useSelectContext } from './select-context.mjs';
-import { SelectControl } from './select-control.mjs';
-import { SelectIndicator } from './select-indicator.mjs';
-import { SelectItem } from './select-item.mjs';
+export { SelectControl } from './select-control.mjs';
+export { SelectIndicator } from './select-indicator.mjs';
+export { SelectItem } from './select-item.mjs';
 export { useSelectItemContext } from './select-item-context.mjs';
-import { SelectItemGroup } from './select-item-group.mjs';
-import { SelectItemGroupLabel } from './select-item-group-label.mjs';
-import { SelectItemIndicator } from './select-item-indicator.mjs';
-import { SelectItemText } from './select-item-text.mjs';
-import { SelectLabel } from './select-label.mjs';
-import { SelectPositioner } from './select-positioner.mjs';
-import { SelectRoot } from './select-root.mjs';
-import { SelectTrigger } from './select-trigger.mjs';
-import { SelectValueText } from './select-value-text.mjs';
-
-const Select = {
-  Root: SelectRoot,
-  ClearTrigger: SelectClearTrigger,
-  Content: SelectContent,
-  Control: SelectControl,
-  Indicator: SelectIndicator,
-  Item: SelectItem,
-  ItemGroup: SelectItemGroup,
-  ItemGroupLabel: SelectItemGroupLabel,
-  ItemIndicator: SelectItemIndicator,
-  ItemText: SelectItemText,
-  Label: SelectLabel,
-  Positioner: SelectPositioner,
-  Trigger: SelectTrigger,
-  ValueText: SelectValueText
-};
-
-export { Select, SelectClearTrigger, SelectContent, SelectControl, SelectIndicator, SelectItem, SelectItemGroup, SelectItemGroupLabel, SelectItemIndicator, SelectItemText, SelectLabel, SelectPositioner, SelectRoot, SelectTrigger, SelectValueText };
+export { SelectItemGroup } from './select-item-group.mjs';
+export { SelectItemGroupLabel } from './select-item-group-label.mjs';
+export { SelectItemIndicator } from './select-item-indicator.mjs';
+export { SelectItemText } from './select-item-text.mjs';
+export { SelectLabel } from './select-label.mjs';
+export { SelectPositioner } from './select-positioner.mjs';
+export { SelectRoot } from './select-root.mjs';
+export { SelectTrigger } from './select-trigger.mjs';
+export { SelectValueText } from './select-value-text.mjs';
+import * as select from './select.mjs';
+export { select as Select };

package/select/select.cjs

@@ -0,0 +1,35 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const selectClearTrigger = require('./select-clear-trigger.cjs');
+const selectContent = require('./select-content.cjs');
+const selectControl = require('./select-control.cjs');
+const selectIndicator = require('./select-indicator.cjs');
+const selectItem = require('./select-item.cjs');
+const selectItemGroup = require('./select-item-group.cjs');
+const selectItemGroupLabel = require('./select-item-group-label.cjs');
+const selectItemIndicator = require('./select-item-indicator.cjs');
+const selectItemText = require('./select-item-text.cjs');
+const selectLabel = require('./select-label.cjs');
+const selectPositioner = require('./select-positioner.cjs');
+const selectRoot = require('./select-root.cjs');
+const selectTrigger = require('./select-trigger.cjs');
+const selectValueText = require('./select-value-text.cjs');
+
+
+
+exports.ClearTrigger = selectClearTrigger.SelectClearTrigger;
+exports.Content = selectContent.SelectContent;
+exports.Control = selectControl.SelectControl;
+exports.Indicator = selectIndicator.SelectIndicator;
+exports.Item = selectItem.SelectItem;
+exports.ItemGroup = selectItemGroup.SelectItemGroup;
+exports.ItemGroupLabel = selectItemGroupLabel.SelectItemGroupLabel;
+exports.ItemIndicator = selectItemIndicator.SelectItemIndicator;
+exports.ItemText = selectItemText.SelectItemText;
+exports.Label = selectLabel.SelectLabel;
+exports.Positioner = selectPositioner.SelectPositioner;
+exports.Root = selectRoot.SelectRoot;
+exports.Trigger = selectTrigger.SelectTrigger;
+exports.ValueText = selectValueText.SelectValueText;

package/select/select.d.ts

@@ -0,0 +1,15 @@
+import { SelectClearTrigger as ClearTrigger } from './select-clear-trigger';
+import { SelectContent as Content } from './select-content';
+import { SelectControl as Control } from './select-control';
+import { SelectIndicator as Indicator } from './select-indicator';
+import { SelectItem as Item } from './select-item';
+import { SelectItemGroup as ItemGroup } from './select-item-group';
+import { SelectItemGroupLabel as ItemGroupLabel } from './select-item-group-label';
+import { SelectItemIndicator as ItemIndicator } from './select-item-indicator';
+import { SelectItemText as ItemText } from './select-item-text';
+import { SelectLabel as Label } from './select-label';
+import { SelectPositioner as Positioner } from './select-positioner';
+import { SelectRoot as Root } from './select-root';
+import { SelectTrigger as Trigger } from './select-trigger';
+import { SelectValueText as ValueText } from './select-value-text';
+export { ClearTrigger, Content, Control, Indicator, Item, ItemGroup, ItemGroupLabel, ItemIndicator, ItemText, Label, Positioner, Root, Trigger, ValueText, };

package/select/select.mjs

@@ -0,0 +1,14 @@
+export { SelectClearTrigger as ClearTrigger } from './select-clear-trigger.mjs';
+export { SelectContent as Content } from './select-content.mjs';
+export { SelectControl as Control } from './select-control.mjs';
+export { SelectIndicator as Indicator } from './select-indicator.mjs';
+export { SelectItem as Item } from './select-item.mjs';
+export { SelectItemGroup as ItemGroup } from './select-item-group.mjs';
+export { SelectItemGroupLabel as ItemGroupLabel } from './select-item-group-label.mjs';
+export { SelectItemIndicator as ItemIndicator } from './select-item-indicator.mjs';
+export { SelectItemText as ItemText } from './select-item-text.mjs';
+export { SelectLabel as Label } from './select-label.mjs';
+export { SelectPositioner as Positioner } from './select-positioner.mjs';
+export { SelectRoot as Root } from './select-root.mjs';
+export { SelectTrigger as Trigger } from './select-trigger.mjs';
+export { SelectValueText as ValueText } from './select-value-text.mjs';

package/slider/index.cjs

@@ -1,4 +1,3 @@
-'use client';
 'use strict';
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
@@ -13,18 +12,9 @@ const sliderRoot = require('./slider-root.cjs');
 const sliderThumb = require('./slider-thumb.cjs');
 const sliderTrack = require('./slider-track.cjs');
 const sliderValueText = require('./slider-value-text.cjs');
+const slider = require('./slider.cjs');
+
 
-const Slider = {
-  Root: sliderRoot.SliderRoot,
-  Control: sliderControl.SliderControl,
-  Label: sliderLabel.SliderLabel,
-  Marker: sliderMarker.SliderMarker,
-  MarkerGroup: sliderMarkerGroup.SliderMarkerGroup,
-  Range: sliderRange.SliderRange,
-  Thumb: sliderThumb.SliderThumb,
-  Track: sliderTrack.SliderTrack,
-  ValueText: sliderValueText.SliderValueText
-};
 
 exports.useSliderContext = sliderContext.useSliderContext;
 exports.SliderControl = sliderControl.SliderControl;
@@ -36,4 +26,4 @@ exports.SliderRoot = sliderRoot.SliderRoot;
 exports.SliderThumb = sliderThumb.SliderThumb;
 exports.SliderTrack = sliderTrack.SliderTrack;
 exports.SliderValueText = sliderValueText.SliderValueText;
-exports.Slider = Slider;
+exports.Slider = slider;

package/slider/index.d.ts

@@ -1,5 +1,3 @@
-import { ForwardRefExoticComponent, RefAttributes } from 'react';
-/// <reference types="react" />
 import type { FocusChangeDetails as SliderFocusChangeDetails, ValueChangeDetails as SliderValueChangeDetails } from '@zag-js/slider';
 import { useSliderContext, type SliderContext } from './slider-context';
 import { SliderControl, type SliderControlProps } from './slider-control';
@@ -11,16 +9,6 @@ import { SliderRoot, type SliderRootProps } from './slider-root';
 import { SliderThumb, type SliderThumbProps } from './slider-thumb';
 import { SliderTrack, type SliderTrackProps } from './slider-track';
 import { SliderValueText, type SliderValueTextProps } from './slider-value-text';
-export declare const Slider: {
-    Root: ForwardRefExoticComponent<SliderRootProps & RefAttributes<HTMLDivElement>>;
-    Control: ForwardRefExoticComponent<SliderControlProps & RefAttributes<HTMLDivElement>>;
-    Label: ForwardRefExoticComponent<SliderLabelProps & RefAttributes<HTMLLabelElement>>;
-    Marker: ForwardRefExoticComponent<SliderMarkerProps & RefAttributes<HTMLSpanElement>>;
-    MarkerGroup: ForwardRefExoticComponent<SliderMarkerGroupProps & RefAttributes<HTMLDivElement>>;
-    Range: ForwardRefExoticComponent<SliderRangeProps & RefAttributes<HTMLDivElement>>;
-    Thumb: ForwardRefExoticComponent<SliderThumbProps & RefAttributes<HTMLDivElement>>;
-    Track: ForwardRefExoticComponent<SliderTrackProps & RefAttributes<HTMLDivElement>>;
-    ValueText: ForwardRefExoticComponent<SliderValueTextProps & RefAttributes<HTMLDivElement>>;
-};
+export * as Slider from './slider';
 export { SliderControl, SliderLabel, SliderMarker, SliderMarkerGroup, SliderRange, SliderRoot, SliderThumb, SliderTrack, SliderValueText, useSliderContext, };
 export type { SliderContext, SliderControlProps, SliderFocusChangeDetails, SliderLabelProps, SliderMarkerGroupProps, SliderMarkerProps, SliderRangeProps, SliderRootProps, SliderThumbProps, SliderTrackProps, SliderValueChangeDetails, SliderValueTextProps, };