@ark-ui/react 2.0.0 → 2.0.2

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-control.cjs

@@ -12,9 +12,13 @@ const selectContext = require('./select-context.cjs');
 const SelectControl = react.forwardRef((props, ref) => {
   const api = selectContext.useSelectContext();
   const mergedProps = react$1.mergeProps(api.controlProps, props);
+  const isValueEmpty = api.value.length === 0;
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref }),
-    /* @__PURE__ */ jsxRuntime.jsx("select", { ...api.hiddenSelectProps, children: api.collection.toArray().map((option) => /* @__PURE__ */ jsxRuntime.jsx("option", { value: option.value, children: option.label }, option.value)) })
+    /* @__PURE__ */ jsxRuntime.jsxs("select", { ...api.hiddenSelectProps, children: [
+      isValueEmpty && /* @__PURE__ */ jsxRuntime.jsx("option", { value: "" }),
+      api.collection.toArray().map((option) => /* @__PURE__ */ jsxRuntime.jsx("option", { value: option.value, children: option.label }, option.value))
+    ] })
   ] });
 });
 SelectControl.displayName = "SelectControl";

package/select/select-control.mjs

@@ -8,9 +8,13 @@ import { useSelectContext } from './select-context.mjs';
 const SelectControl = forwardRef((props, ref) => {
   const api = useSelectContext();
   const mergedProps = mergeProps(api.controlProps, props);
+  const isValueEmpty = api.value.length === 0;
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref }),
-    /* @__PURE__ */ jsx("select", { ...api.hiddenSelectProps, children: api.collection.toArray().map((option) => /* @__PURE__ */ jsx("option", { value: option.value, children: option.label }, option.value)) })
+    /* @__PURE__ */ jsxs("select", { ...api.hiddenSelectProps, children: [
+      isValueEmpty && /* @__PURE__ */ jsx("option", { value: "" }),
+      api.collection.toArray().map((option) => /* @__PURE__ */ jsx("option", { value: option.value, children: option.label }, option.value))
+    ] })
   ] });
 });
 SelectControl.displayName = "SelectControl";

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

package/slider/index.mjs

@@ -1,25 +1,12 @@
-'use client';
 export { useSliderContext } from './slider-context.mjs';
-import { SliderControl } from './slider-control.mjs';
-import { SliderLabel } from './slider-label.mjs';
-import { SliderMarker } from './slider-marker.mjs';
-import { SliderMarkerGroup } from './slider-marker-group.mjs';
-import { SliderRange } from './slider-range.mjs';
-import { SliderRoot } from './slider-root.mjs';
-import { SliderThumb } from './slider-thumb.mjs';
-import { SliderTrack } from './slider-track.mjs';
-import { SliderValueText } from './slider-value-text.mjs';
-
-const Slider = {
-  Root: SliderRoot,
-  Control: SliderControl,
-  Label: SliderLabel,
-  Marker: SliderMarker,
-  MarkerGroup: SliderMarkerGroup,
-  Range: SliderRange,
-  Thumb: SliderThumb,
-  Track: SliderTrack,
-  ValueText: SliderValueText
-};
-
-export { Slider, SliderControl, SliderLabel, SliderMarker, SliderMarkerGroup, SliderRange, SliderRoot, SliderThumb, SliderTrack, SliderValueText };
+export { SliderControl } from './slider-control.mjs';
+export { SliderLabel } from './slider-label.mjs';
+export { SliderMarker } from './slider-marker.mjs';
+export { SliderMarkerGroup } from './slider-marker-group.mjs';
+export { SliderRange } from './slider-range.mjs';
+export { SliderRoot } from './slider-root.mjs';
+export { SliderThumb } from './slider-thumb.mjs';
+export { SliderTrack } from './slider-track.mjs';
+export { SliderValueText } from './slider-value-text.mjs';
+import * as slider from './slider.mjs';
+export { slider as Slider };

package/slider/slider.cjs

@@ -0,0 +1,25 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const sliderControl = require('./slider-control.cjs');
+const sliderLabel = require('./slider-label.cjs');
+const sliderMarker = require('./slider-marker.cjs');
+const sliderMarkerGroup = require('./slider-marker-group.cjs');
+const sliderRange = require('./slider-range.cjs');
+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');
+
+
+
+exports.Control = sliderControl.SliderControl;
+exports.Label = sliderLabel.SliderLabel;
+exports.Marker = sliderMarker.SliderMarker;
+exports.MarkerGroup = sliderMarkerGroup.SliderMarkerGroup;
+exports.Range = sliderRange.SliderRange;
+exports.Root = sliderRoot.SliderRoot;
+exports.Thumb = sliderThumb.SliderThumb;
+exports.Track = sliderTrack.SliderTrack;
+exports.ValueText = sliderValueText.SliderValueText;

package/slider/slider.d.ts

@@ -0,0 +1,10 @@
+import { SliderControl as Control } from './slider-control';
+import { SliderLabel as Label } from './slider-label';
+import { SliderMarker as Marker } from './slider-marker';
+import { SliderMarkerGroup as MarkerGroup } from './slider-marker-group';
+import { SliderRange as Range } from './slider-range';
+import { SliderRoot as Root } from './slider-root';
+import { SliderThumb as Thumb } from './slider-thumb';
+import { SliderTrack as Track } from './slider-track';
+import { SliderValueText as ValueText } from './slider-value-text';
+export { Control, Label, Marker, MarkerGroup, Range, Root, Thumb, Track, ValueText };

package/slider/slider.mjs

@@ -0,0 +1,9 @@
+export { SliderControl as Control } from './slider-control.mjs';
+export { SliderLabel as Label } from './slider-label.mjs';
+export { SliderMarker as Marker } from './slider-marker.mjs';
+export { SliderMarkerGroup as MarkerGroup } from './slider-marker-group.mjs';
+export { SliderRange as Range } from './slider-range.mjs';
+export { SliderRoot as Root } from './slider-root.mjs';
+export { SliderThumb as Thumb } from './slider-thumb.mjs';
+export { SliderTrack as Track } from './slider-track.mjs';
+export { SliderValueText as ValueText } from './slider-value-text.mjs';

package/splitter/index.cjs

@@ -1,4 +1,3 @@
-'use client';
 'use strict';
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
@@ -7,15 +6,12 @@ const splitterContext = require('./splitter-context.cjs');
 const splitterPanel = require('./splitter-panel.cjs');
 const splitterResizeTrigger = require('./splitter-resize-trigger.cjs');
 const splitterRoot = require('./splitter-root.cjs');
+const splitter = require('./splitter.cjs');
+
 
-const Splitter = {
-  Root: splitterRoot.SplitterRoot,
-  Panel: splitterPanel.SplitterPanel,
-  ResizeTrigger: splitterResizeTrigger.SplitterResizeTrigger
-};
 
 exports.useSplitterContext = splitterContext.useSplitterContext;
 exports.SplitterPanel = splitterPanel.SplitterPanel;
 exports.SplitterResizeTrigger = splitterResizeTrigger.SplitterResizeTrigger;
 exports.SplitterRoot = splitterRoot.SplitterRoot;
-exports.Splitter = Splitter;
+exports.Splitter = splitter;

package/splitter/index.d.ts

@@ -1,14 +1,8 @@
-import { ForwardRefExoticComponent, RefAttributes } from 'react';
-/// <reference types="react" />
 import type { SizeChangeDetails as SplitterSizeChangeDetails } from '@zag-js/splitter';
 import { useSplitterContext, type SplitterContext } from './splitter-context';
 import { SplitterPanel, type SplitterPanelProps } from './splitter-panel';
 import { SplitterResizeTrigger, type SplitterResizeTriggerProps } from './splitter-resize-trigger';
 import { SplitterRoot, type SplitterRootProps } from './splitter-root';
-export declare const Splitter: {
-    Root: ForwardRefExoticComponent<SplitterRootProps & RefAttributes<HTMLDivElement>>;
-    Panel: ForwardRefExoticComponent<SplitterPanelProps & RefAttributes<HTMLDivElement>>;
-    ResizeTrigger: ForwardRefExoticComponent<SplitterResizeTriggerProps & RefAttributes<HTMLButtonElement>>;
-};
+export * as Splitter from './splitter';
 export { SplitterPanel, SplitterResizeTrigger, SplitterRoot, useSplitterContext };
 export type { SplitterContext, SplitterPanelProps, SplitterResizeTriggerProps, SplitterRootProps, SplitterSizeChangeDetails, };

package/splitter/index.mjs

@@ -1,13 +1,6 @@
-'use client';
 export { useSplitterContext } from './splitter-context.mjs';
-import { SplitterPanel } from './splitter-panel.mjs';
-import { SplitterResizeTrigger } from './splitter-resize-trigger.mjs';
-import { SplitterRoot } from './splitter-root.mjs';
-
-const Splitter = {
-  Root: SplitterRoot,
-  Panel: SplitterPanel,
-  ResizeTrigger: SplitterResizeTrigger
-};
-
-export { Splitter, SplitterPanel, SplitterResizeTrigger, SplitterRoot };
+export { SplitterPanel } from './splitter-panel.mjs';
+export { SplitterResizeTrigger } from './splitter-resize-trigger.mjs';
+export { SplitterRoot } from './splitter-root.mjs';
+import * as splitter from './splitter.mjs';
+export { splitter as Splitter };

package/splitter/splitter.cjs

@@ -0,0 +1,13 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const splitterPanel = require('./splitter-panel.cjs');
+const splitterResizeTrigger = require('./splitter-resize-trigger.cjs');
+const splitterRoot = require('./splitter-root.cjs');
+
+
+
+exports.Panel = splitterPanel.SplitterPanel;
+exports.ResizeTrigger = splitterResizeTrigger.SplitterResizeTrigger;
+exports.Root = splitterRoot.SplitterRoot;

package/splitter/splitter.d.ts

@@ -0,0 +1,4 @@
+import { SplitterPanel as Panel } from './splitter-panel';
+import { SplitterResizeTrigger as ResizeTrigger } from './splitter-resize-trigger';
+import { SplitterRoot as Root } from './splitter-root';
+export { Panel, ResizeTrigger, Root };

package/splitter/splitter.mjs

@@ -0,0 +1,3 @@
+export { SplitterPanel as Panel } from './splitter-panel.mjs';
+export { SplitterResizeTrigger as ResizeTrigger } from './splitter-resize-trigger.mjs';
+export { SplitterRoot as Root } from './splitter-root.mjs';

package/switch/index.cjs

@@ -1,4 +1,3 @@
-'use client';
 'use strict';
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
@@ -8,17 +7,13 @@ const switchControl = require('./switch-control.cjs');
 const switchLabel = require('./switch-label.cjs');
 const switchRoot = require('./switch-root.cjs');
 const switchThumb = require('./switch-thumb.cjs');
+const _switch = require('./switch.cjs');
+
 
-const Switch = {
-  Root: switchRoot.SwitchRoot,
-  Control: switchControl.SwitchControl,
-  Label: switchLabel.SwitchLabel,
-  Thumb: switchThumb.SwitchThumb
-};
 
 exports.useSwitchContext = switchContext.useSwitchContext;
 exports.SwitchControl = switchControl.SwitchControl;
 exports.SwitchLabel = switchLabel.SwitchLabel;
 exports.SwitchRoot = switchRoot.SwitchRoot;
 exports.SwitchThumb = switchThumb.SwitchThumb;
-exports.Switch = Switch;
+exports.Switch = _switch;

package/switch/index.d.ts

@@ -1,16 +1,9 @@
-import { ForwardRefExoticComponent, RefAttributes } from 'react';
-/// <reference types="react" />
 import type { CheckedChangeDetails as SwitchCheckedChangeDetails } from '@zag-js/switch';
 import { useSwitchContext, type SwitchContext } from './switch-context';
 import { SwitchControl, type SwitchControlProps } from './switch-control';
 import { SwitchLabel, type SwitchLabelProps } from './switch-label';
 import { SwitchRoot, type SwitchRootProps } from './switch-root';
 import { SwitchThumb, type SwitchThumbProps } from './switch-thumb';
-export declare const Switch: {
-    Root: ForwardRefExoticComponent<SwitchRootProps & RefAttributes<HTMLLabelElement>>;
-    Control: ForwardRefExoticComponent<SwitchControlProps & RefAttributes<HTMLSpanElement>>;
-    Label: ForwardRefExoticComponent<SwitchLabelProps & RefAttributes<HTMLSpanElement>>;
-    Thumb: ForwardRefExoticComponent<SwitchThumbProps & RefAttributes<HTMLSpanElement>>;
-};
+export * as Switch from './switch';
 export { SwitchControl, SwitchLabel, SwitchRoot, SwitchThumb, useSwitchContext };
 export type { SwitchCheckedChangeDetails, SwitchContext, SwitchControlProps, SwitchLabelProps, SwitchRootProps, SwitchThumbProps, };

package/switch/index.mjs

@@ -1,15 +1,7 @@
-'use client';
 export { useSwitchContext } from './switch-context.mjs';
-import { SwitchControl } from './switch-control.mjs';
-import { SwitchLabel } from './switch-label.mjs';
-import { SwitchRoot } from './switch-root.mjs';
-import { SwitchThumb } from './switch-thumb.mjs';
-
-const Switch = {
-  Root: SwitchRoot,
-  Control: SwitchControl,
-  Label: SwitchLabel,
-  Thumb: SwitchThumb
-};
-
-export { Switch, SwitchControl, SwitchLabel, SwitchRoot, SwitchThumb };
+export { SwitchControl } from './switch-control.mjs';
+export { SwitchLabel } from './switch-label.mjs';
+export { SwitchRoot } from './switch-root.mjs';
+export { SwitchThumb } from './switch-thumb.mjs';
+import * as _switch from './switch.mjs';
+export { _switch as Switch };

package/switch/switch.cjs

@@ -0,0 +1,15 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const switchControl = require('./switch-control.cjs');
+const switchLabel = require('./switch-label.cjs');
+const switchRoot = require('./switch-root.cjs');
+const switchThumb = require('./switch-thumb.cjs');
+
+
+
+exports.Control = switchControl.SwitchControl;
+exports.Label = switchLabel.SwitchLabel;
+exports.Root = switchRoot.SwitchRoot;
+exports.Thumb = switchThumb.SwitchThumb;

package/switch/switch.d.ts

@@ -0,0 +1,5 @@
+import { SwitchControl as Control } from './switch-control';
+import { SwitchLabel as Label } from './switch-label';
+import { SwitchRoot as Root } from './switch-root';
+import { SwitchThumb as Thumb } from './switch-thumb';
+export { Control, Label, Root, Thumb };

package/switch/switch.mjs

@@ -0,0 +1,4 @@
+export { SwitchControl as Control } from './switch-control.mjs';
+export { SwitchLabel as Label } from './switch-label.mjs';
+export { SwitchRoot as Root } from './switch-root.mjs';
+export { SwitchThumb as Thumb } from './switch-thumb.mjs';

package/tabs/index.cjs

@@ -1,4 +1,3 @@
-'use client';
 'use strict';
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
@@ -9,14 +8,9 @@ const tabList = require('./tab-list.cjs');
 const tabTrigger = require('./tab-trigger.cjs');
 const tabsContext = require('./tabs-context.cjs');
 const tabsRoot = require('./tabs-root.cjs');
+const tabs = require('./tabs.cjs');
+
 
-const Tabs = {
-  Root: tabsRoot.TabsRoot,
-  Content: tabContent.TabContent,
-  Indicator: tabIndicator.TabIndicator,
-  List: tabList.TabList,
-  Trigger: tabTrigger.TabTrigger
-};
 
 exports.TabContent = tabContent.TabContent;
 exports.TabIndicator = tabIndicator.TabIndicator;
@@ -24,4 +18,4 @@ exports.TabList = tabList.TabList;
 exports.TabTrigger = tabTrigger.TabTrigger;
 exports.useTabsContext = tabsContext.useTabsContext;
 exports.TabsRoot = tabsRoot.TabsRoot;
-exports.Tabs = Tabs;
+exports.Tabs = tabs;

package/tabs/index.d.ts

@@ -1,5 +1,3 @@
-import { ForwardRefExoticComponent, RefAttributes } from 'react';
-/// <reference types="react" />
 import type { FocusChangeDetails as TabsFocusChangeDetails, ValueChangeDetails as TabsValueChangeDetails } from '@zag-js/tabs';
 import { TabContent, type TabContentProps } from './tab-content';
 import { TabIndicator, type TabIndicatorProps } from './tab-indicator';
@@ -7,12 +5,6 @@ import { TabList, type TabListProps } from './tab-list';
 import { TabTrigger, type TabTriggerProps } from './tab-trigger';
 import { useTabsContext, type TabsContext } from './tabs-context';
 import { TabsRoot, type TabsRootProps } from './tabs-root';
-export declare const Tabs: {
-    Root: ForwardRefExoticComponent<TabsRootProps & RefAttributes<HTMLDivElement>>;
-    Content: ForwardRefExoticComponent<TabContentProps & RefAttributes<HTMLDivElement>>;
-    Indicator: ForwardRefExoticComponent<TabIndicatorProps & RefAttributes<HTMLDivElement>>;
-    List: ForwardRefExoticComponent<TabListProps & RefAttributes<HTMLDivElement>>;
-    Trigger: ForwardRefExoticComponent<TabTriggerProps & RefAttributes<HTMLButtonElement>>;
-};
+export * as Tabs from './tabs';
 export { TabContent, TabIndicator, TabList, TabTrigger, TabsRoot, useTabsContext };
 export type { TabContentProps, TabIndicatorProps, TabListProps, TabTriggerProps, TabsContext, TabsFocusChangeDetails, TabsRootProps, TabsValueChangeDetails, };

package/tabs/index.mjs

@@ -1,17 +1,8 @@
-'use client';
-import { TabContent } from './tab-content.mjs';
-import { TabIndicator } from './tab-indicator.mjs';
-import { TabList } from './tab-list.mjs';
-import { TabTrigger } from './tab-trigger.mjs';
+export { TabContent } from './tab-content.mjs';
+export { TabIndicator } from './tab-indicator.mjs';
+export { TabList } from './tab-list.mjs';
+export { TabTrigger } from './tab-trigger.mjs';
 export { useTabsContext } from './tabs-context.mjs';
-import { TabsRoot } from './tabs-root.mjs';
-
-const Tabs = {
-  Root: TabsRoot,
-  Content: TabContent,
-  Indicator: TabIndicator,
-  List: TabList,
-  Trigger: TabTrigger
-};
-
-export { TabContent, TabIndicator, TabList, TabTrigger, Tabs, TabsRoot };
+export { TabsRoot } from './tabs-root.mjs';
+import * as tabs from './tabs.mjs';
+export { tabs as Tabs };

package/tabs/tabs.cjs

@@ -0,0 +1,17 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const tabContent = require('./tab-content.cjs');
+const tabIndicator = require('./tab-indicator.cjs');
+const tabList = require('./tab-list.cjs');
+const tabTrigger = require('./tab-trigger.cjs');
+const tabsRoot = require('./tabs-root.cjs');
+
+
+
+exports.Content = tabContent.TabContent;
+exports.Indicator = tabIndicator.TabIndicator;
+exports.List = tabList.TabList;
+exports.Trigger = tabTrigger.TabTrigger;
+exports.Root = tabsRoot.TabsRoot;

package/tabs/tabs.d.ts

@@ -0,0 +1,6 @@
+import { TabContent as Content } from './tab-content';
+import { TabIndicator as Indicator } from './tab-indicator';
+import { TabList as List } from './tab-list';
+import { TabTrigger as Trigger } from './tab-trigger';
+import { TabsRoot as Root } from './tabs-root';
+export { Content, Indicator, List, Root, Trigger };

package/tabs/tabs.mjs

@@ -0,0 +1,5 @@
+export { TabContent as Content } from './tab-content.mjs';
+export { TabIndicator as Indicator } from './tab-indicator.mjs';
+export { TabList as List } from './tab-list.mjs';
+export { TabTrigger as Trigger } from './tab-trigger.mjs';
+export { TabsRoot as Root } from './tabs-root.mjs';

package/tags-input/index.cjs

@@ -1,4 +1,3 @@
-'use client';
 'use strict';
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
@@ -15,19 +14,9 @@ const tagsInputItemPreview = require('./tags-input-item-preview.cjs');
 const tagsInputItemText = require('./tags-input-item-text.cjs');
 const tagsInputLabel = require('./tags-input-label.cjs');
 const tagsInputRoot = require('./tags-input-root.cjs');
+const tagsInput = require('./tags-input.cjs');
+
 
-const TagsInput = {
-  Root: tagsInputRoot.TagsInputRoot,
-  ClearTrigger: tagsInputClearTrigger.TagsInputClearTrigger,
-  Control: tagsInputControl.TagsInputControl,
-  Input: tagsInputInput.TagsInputInput,
-  Item: tagsInputItem.TagsInputItem,
-  ItemPreview: tagsInputItemPreview.TagsInputItemPreview,
-  ItemDeleteTrigger: tagsInputItemDeleteTrigger.TagsInputItemDeleteTrigger,
-  ItemInput: tagsInputItemInput.TagsInputItemInput,
-  ItemText: tagsInputItemText.TagsInputItemText,
-  Label: tagsInputLabel.TagsInputLabel
-};
 
 exports.TagsInputClearTrigger = tagsInputClearTrigger.TagsInputClearTrigger;
 exports.useTagsInputContext = tagsInputContext.useTagsInputContext;
@@ -41,4 +30,4 @@ exports.TagsInputItemPreview = tagsInputItemPreview.TagsInputItemPreview;
 exports.TagsInputItemText = tagsInputItemText.TagsInputItemText;
 exports.TagsInputLabel = tagsInputLabel.TagsInputLabel;
 exports.TagsInputRoot = tagsInputRoot.TagsInputRoot;
-exports.TagsInput = TagsInput;
+exports.TagsInput = tagsInput;