@ark-ui/react 2.0.0 → 2.0.2

package/presence/index.cjs

@@ -1,4 +1,3 @@
-'use client';
 'use strict';
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });

package/presence/index.mjs

@@ -1,4 +1,3 @@
-'use client';
 export { Presence } from './presence.mjs';
 export { PresenceProvider, usePresenceContext } from './presence-context.mjs';
 export { PresencePropsProvider, usePresencePropsContext } from './presence-props-context.mjs';

package/progress/index.cjs

@@ -1,4 +1,3 @@
-'use client';
 'use strict';
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
@@ -13,18 +12,9 @@ const progressRoot = require('./progress-root.cjs');
 const progressTrack = require('./progress-track.cjs');
 const progressValueText = require('./progress-value-text.cjs');
 const progressView = require('./progress-view.cjs');
+const progress = require('./progress.cjs');
+
 
-const Progress = {
-  Root: progressRoot.ProgressRoot,
-  Label: progressLabel.ProgressLabel,
-  Track: progressTrack.ProgressTrack,
-  Range: progressRange.ProgressRange,
-  ValueText: progressValueText.ProgressValueText,
-  View: progressView.ProgressView,
-  Circle: progressCircle.ProgressCircle,
-  CircleTrack: progressCircleTrack.ProgressCircleTrack,
-  CircleRange: progressCircleRange.ProgressCircleRange
-};
 
 exports.ProgressCircle = progressCircle.ProgressCircle;
 exports.ProgressCircleRange = progressCircleRange.ProgressCircleRange;
@@ -36,4 +26,4 @@ exports.ProgressRoot = progressRoot.ProgressRoot;
 exports.ProgressTrack = progressTrack.ProgressTrack;
 exports.ProgressValueText = progressValueText.ProgressValueText;
 exports.ProgressView = progressView.ProgressView;
-exports.Progress = Progress;
+exports.Progress = progress;

package/progress/index.d.ts

@@ -1,6 +1,3 @@
-import { JSX } from 'react/jsx-runtime';
-import { ForwardRefExoticComponent, RefAttributes } from 'react';
-/// <reference types="react" />
 import { ProgressCircle, type ProgressCircleProps } from './progress-circle';
 import { ProgressCircleRange, type ProgressCircleRangeProps } from './progress-circle-range';
 import { ProgressCircleTrack, type ProgressCircleTrackProps } from './progress-circle-track';
@@ -11,25 +8,6 @@ import { ProgressRoot, type ProgressRootProps } from './progress-root';
 import { ProgressTrack, type ProgressTrackProps } from './progress-track';
 import { ProgressValueText, type ProgressValueTextProps } from './progress-value-text';
 import { ProgressView, type ProgressViewProps } from './progress-view';
-export declare const Progress: {
-    Root: ForwardRefExoticComponent<ProgressRootProps & RefAttributes<HTMLDivElement>>;
-    Label: ForwardRefExoticComponent<ProgressLabelProps & RefAttributes<HTMLLabelElement>>;
-    Track: ForwardRefExoticComponent<ProgressTrackProps & RefAttributes<HTMLDivElement>>;
-    Range: ForwardRefExoticComponent<ProgressRangeProps & RefAttributes<HTMLDivElement>>;
-    ValueText: ForwardRefExoticComponent<ProgressValueTextProps & RefAttributes<HTMLSpanElement>>;
-    View: ForwardRefExoticComponent<ProgressViewProps & RefAttributes<HTMLSpanElement>>;
-    Circle: {
-        (props: ProgressCircleProps): JSX.Element;
-        displayName: string;
-    };
-    CircleTrack: {
-        (props: ProgressCircleTrackProps): JSX.Element;
-        displayName: string;
-    };
-    CircleRange: {
-        (props: ProgressCircleRangeProps): JSX.Element;
-        displayName: string;
-    };
-};
+export * as Progress from './progress';
 export { ProgressCircle, ProgressCircleRange, ProgressCircleTrack, ProgressLabel, ProgressRange, ProgressRoot, ProgressTrack, ProgressValueText, ProgressView, useProgressContext, };
 export type { ProgressCircleProps, ProgressCircleRangeProps, ProgressCircleTrackProps, ProgressContext, ProgressLabelProps, ProgressRangeProps, ProgressRootProps, ProgressTrackProps, ProgressValueTextProps, ProgressViewProps, };

package/progress/index.mjs

@@ -1,25 +1,12 @@
-'use client';
-import { ProgressCircle } from './progress-circle.mjs';
-import { ProgressCircleRange } from './progress-circle-range.mjs';
-import { ProgressCircleTrack } from './progress-circle-track.mjs';
+export { ProgressCircle } from './progress-circle.mjs';
+export { ProgressCircleRange } from './progress-circle-range.mjs';
+export { ProgressCircleTrack } from './progress-circle-track.mjs';
 export { useProgressContext } from './progress-context.mjs';
-import { ProgressLabel } from './progress-label.mjs';
-import { ProgressRange } from './progress-range.mjs';
-import { ProgressRoot } from './progress-root.mjs';
-import { ProgressTrack } from './progress-track.mjs';
-import { ProgressValueText } from './progress-value-text.mjs';
-import { ProgressView } from './progress-view.mjs';
-
-const Progress = {
-  Root: ProgressRoot,
-  Label: ProgressLabel,
-  Track: ProgressTrack,
-  Range: ProgressRange,
-  ValueText: ProgressValueText,
-  View: ProgressView,
-  Circle: ProgressCircle,
-  CircleTrack: ProgressCircleTrack,
-  CircleRange: ProgressCircleRange
-};
-
-export { Progress, ProgressCircle, ProgressCircleRange, ProgressCircleTrack, ProgressLabel, ProgressRange, ProgressRoot, ProgressTrack, ProgressValueText, ProgressView };
+export { ProgressLabel } from './progress-label.mjs';
+export { ProgressRange } from './progress-range.mjs';
+export { ProgressRoot } from './progress-root.mjs';
+export { ProgressTrack } from './progress-track.mjs';
+export { ProgressValueText } from './progress-value-text.mjs';
+export { ProgressView } from './progress-view.mjs';
+import * as progress from './progress.mjs';
+export { progress as Progress };

package/progress/progress.cjs

@@ -0,0 +1,25 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const progressCircle = require('./progress-circle.cjs');
+const progressCircleRange = require('./progress-circle-range.cjs');
+const progressCircleTrack = require('./progress-circle-track.cjs');
+const progressLabel = require('./progress-label.cjs');
+const progressRange = require('./progress-range.cjs');
+const progressRoot = require('./progress-root.cjs');
+const progressTrack = require('./progress-track.cjs');
+const progressValueText = require('./progress-value-text.cjs');
+const progressView = require('./progress-view.cjs');
+
+
+
+exports.Circle = progressCircle.ProgressCircle;
+exports.CircleRange = progressCircleRange.ProgressCircleRange;
+exports.CircleTrack = progressCircleTrack.ProgressCircleTrack;
+exports.Label = progressLabel.ProgressLabel;
+exports.Range = progressRange.ProgressRange;
+exports.Root = progressRoot.ProgressRoot;
+exports.Track = progressTrack.ProgressTrack;
+exports.ValueText = progressValueText.ProgressValueText;
+exports.View = progressView.ProgressView;

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, };