@ark-ui/react 0.12.0 → 0.13.1

package/CHANGELOG.md

@@ -6,6 +6,18 @@ description: All notable changes to this project will be documented in this file
 
 ## [Unreleased]
 
+## [0.13.1] - 2023-08-13
+
+### Changed
+
+- Removed `'use client'` annotation from `factory` function.
+
+## [0.13.0] - 2023-08-13
+
+### Changed
+
+- BREAKING: Renamed `SegmentIndicator` to `SegmentGroupIndicator` to match the naming convention of other components.
+
 ## [0.12.0] - 2023-08-13
 
 ### Added
@@ -179,7 +191,7 @@ description: All notable changes to this project will be documented in this file
 - Add `Toast`
 - Add `Tooltip`
 
-[unreleased]: https://github.com/chakra-ui/ark/compare/@ark-ui/react@0.12.0...HEAD
+[unreleased]: https://github.com/chakra-ui/ark/compare/@ark-ui/react@0.13.1...HEAD
 [0.1.0]: https://github.com/chakra-ui/ark/releases/tag/@ark-ui/react@0.1.0
 [0.2.0]: https://github.com/chakra-ui/ark/releases/tag/@ark-ui/react@0.2.0
 [0.3.0]: https://github.com/chakra-ui/ark/releases/tag/@ark-ui/react@0.3.0
@@ -204,3 +216,6 @@ description: All notable changes to this project will be documented in this file
 ```
 
 [0.12.0]: https://github.com/chakra-ui/ark/releases/tag/@ark-ui/react@0.12.0
+[0.13.0]: https://github.com/chakra-ui/ark/releases/tag/@ark-ui/react@0.13.0
+
+[0.13.1]: https://github.com/chakra-ui/ark/releases/tag/@ark-ui/react@0.13.1

package/accordion/index.cjs

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

package/accordion/index.mjs

@@ -1,3 +1,4 @@
+'use client';
 import { Accordion as Accordion$1 } from './accordion.mjs';
 import { AccordionContent } from './accordion-content.mjs';
 export { useAccordionContext } from './accordion-context.mjs';

package/avatar/index.cjs

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

package/avatar/index.mjs

@@ -1,3 +1,4 @@
+'use client';
 import { Avatar as Avatar$1 } from './avatar.mjs';
 export { useAvatarContext } from './avatar-context.mjs';
 import { AvatarFallback } from './avatar-fallback.mjs';

package/carousel/index.cjs

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

package/carousel/index.mjs

@@ -1,3 +1,4 @@
+'use client';
 import { Carousel as Carousel$1 } from './carousel.mjs';
 export { useCarouselContext } from './carousel-context.mjs';
 import { CarouselControl } from './carousel-control.mjs';

package/checkbox/index.cjs

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

package/checkbox/index.mjs

@@ -1,3 +1,4 @@
+'use client';
 import { Checkbox as Checkbox$1 } from './checkbox.mjs';
 export { useCheckboxContext } from './checkbox-context.mjs';
 import { CheckboxControl } from './checkbox-control.mjs';

package/color-picker/index.cjs

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

package/color-picker/index.mjs

@@ -1,3 +1,4 @@
+'use client';
 import { ColorPicker as ColorPicker$1 } from './color-picker.mjs';
 import { ColorPickerArea } from './color-picker-area.mjs';
 export { useColorPickerAreaContext } from './color-picker-area-context.mjs';

package/combobox/index.cjs

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

package/combobox/index.mjs

@@ -1,3 +1,4 @@
+'use client';
 import { Combobox as Combobox$1 } from './combobox.mjs';
 import { ComboboxClearTrigger } from './combobox-clear-trigger.mjs';
 import { ComboboxContent } from './combobox-content.mjs';

package/date-picker/index.cjs

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

package/date-picker/index.mjs

@@ -1,3 +1,4 @@
+'use client';
 import { DatePicker as DatePicker$1 } from './date-picker.mjs';
 export { useDatePickerCellContext } from './date-picker-cell-context.mjs';
 import { DatePickerClearTrigger } from './date-picker-clear-trigger.mjs';

package/dialog/index.cjs

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

package/dialog/index.mjs

@@ -1,3 +1,4 @@
+'use client';
 import { Dialog as Dialog$1 } from './dialog.mjs';
 import { DialogBackdrop } from './dialog-backdrop.mjs';
 import { DialogCloseTrigger } from './dialog-close-trigger.mjs';

package/editable/index.cjs

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

package/editable/index.mjs

@@ -1,3 +1,4 @@
+'use client';
 import { Editable as Editable$1 } from './editable.mjs';
 import { EditableArea } from './editable-area.mjs';
 import { EditableCancelTrigger } from './editable-cancel-trigger.mjs';

package/environment/index.cjs

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

package/environment/index.mjs

@@ -1,3 +1,4 @@
+'use client';
 import { Environment as Environment$1 } from './environment.mjs';
 export { useEnvironmentContext } from './environment-context.mjs';
 

package/factory.cjs

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

package/factory.mjs

@@ -1,4 +1,3 @@
-'use client';
 import { jsx } from 'react/jsx-runtime';
 import { mergeProps } from '@zag-js/react';
 import { forwardRef, Children, isValidElement, cloneElement } from 'react';

package/hover-card/index.cjs

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

package/hover-card/index.mjs

@@ -1,3 +1,4 @@
+'use client';
 import { HoverCard as HoverCard$1 } from './hover-card.mjs';
 import { HoverCardArrow } from './hover-card-arrow.mjs';
 import { HoverCardArrowTip } from './hover-card-arrow-tip.mjs';

package/index.cjs

@@ -213,8 +213,8 @@ const ratingContext = require('./rating-group/rating-context.cjs');
 const ratingGroupContext = require('./rating-group/rating-group-context.cjs');
 const segment = require('./segment-group/segment.cjs');
 const segmentControl = require('./segment-group/segment-control.cjs');
+const segmentGroupIndicator = require('./segment-group/segment-group-indicator.cjs');
 const segmentGroupLabel = require('./segment-group/segment-group-label.cjs');
-const segmentIndicator = require('./segment-group/segment-indicator.cjs');
 const segmentLabel = require('./segment-group/segment-label.cjs');
 const segmentGroup_anatomy = require('./segment-group/segment-group.anatomy.cjs');
 const segmentContext = require('./segment-group/segment-context.cjs');
@@ -542,8 +542,8 @@ exports.useRatingContext = ratingContext.useRatingContext;
 exports.useRatingGroupContext = ratingGroupContext.useRatingGroupContext;
 exports.Segment = segment.Segment;
 exports.SegmentControl = segmentControl.SegmentControl;
+exports.SegmentGroupIndicator = segmentGroupIndicator.SegmentGroupIndicator;
 exports.SegmentGroupLabel = segmentGroupLabel.SegmentGroupLabel;
-exports.SegmentIndicator = segmentIndicator.SegmentIndicator;
 exports.SegmentLabel = segmentLabel.SegmentLabel;
 exports.segmentGroupAnatomy = segmentGroup_anatomy.segmentGroupAnatomy;
 exports.useSegmentContext = segmentContext.useSegmentContext;

package/index.mjs

@@ -209,8 +209,8 @@ export { useRatingContext } from './rating-group/rating-context.mjs';
 export { useRatingGroupContext } from './rating-group/rating-group-context.mjs';
 export { Segment } from './segment-group/segment.mjs';
 export { SegmentControl } from './segment-group/segment-control.mjs';
+export { SegmentGroupIndicator } from './segment-group/segment-group-indicator.mjs';
 export { SegmentGroupLabel } from './segment-group/segment-group-label.mjs';
-export { SegmentIndicator } from './segment-group/segment-indicator.mjs';
 export { SegmentLabel } from './segment-group/segment-label.mjs';
 export { segmentGroupAnatomy } from './segment-group/segment-group.anatomy.mjs';
 export { useSegmentContext } from './segment-group/segment-context.mjs';

package/menu/index.cjs

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

package/menu/index.mjs

@@ -1,3 +1,4 @@
+'use client';
 import { Menu as Menu$1 } from './menu.mjs';
 import { MenuArrow } from './menu-arrow.mjs';
 import { MenuArrowTip } from './menu-arrow-tip.mjs';

package/number-input/index.cjs

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

package/number-input/index.mjs

@@ -1,3 +1,4 @@
+'use client';
 import { NumberInput as NumberInput$1 } from './number-input.mjs';
 export { useNumberInputContext } from './number-input-context.mjs';
 import { NumberInputControl } from './number-input-control.mjs';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ark-ui/react",
-  "version": "0.12.0",
+  "version": "0.13.1",
   "description": "A collection of unstyled, accessible UI components for React, utilizing state machines for seamless interaction.",
   "keywords": [
     "accordion",

package/pagination/index.cjs

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

package/pagination/index.mjs

@@ -1,3 +1,4 @@
+'use client';
 import { Pagination as Pagination$1 } from './pagination.mjs';
 export { usePaginationContext } from './pagination-context.mjs';
 import { PaginationEllipsis } from './pagination-ellipsis.mjs';

package/pin-input/index.cjs

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

package/pin-input/index.mjs

@@ -1,3 +1,4 @@
+'use client';
 import { PinInput as PinInput$1 } from './pin-input.mjs';
 export { usePinInputContext } from './pin-input-context.mjs';
 import { PinInputControl } from './pin-input-control.mjs';

package/popover/index.cjs

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

package/popover/index.mjs

@@ -1,3 +1,4 @@
+'use client';
 import { Popover as Popover$1 } from './popover.mjs';
 import { PopoverAnchor } from './popover-anchor.mjs';
 import { PopoverArrow } from './popover-arrow.mjs';

package/presence/index.cjs

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

package/presence/index.mjs

@@ -1,3 +1,4 @@
+'use client';
 import { Presence as Presence$1 } from './presence.mjs';
 export { splitPresenceProps } from './split-presence-props.mjs';
 

package/pressable/index.cjs

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

package/pressable/index.mjs

@@ -1,3 +1,4 @@
+'use client';
 import { Pressable as Pressable$1 } from './pressable.mjs';
 export { usePressable } from './use-pressable.mjs';
 

package/radio-group/index.cjs

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

package/radio-group/index.mjs

@@ -1,3 +1,4 @@
+'use client';
 import { Radio } from './radio.mjs';
 export { useRadioContext } from './radio-context.mjs';
 import { RadioControl } from './radio-control.mjs';

package/range-slider/index.cjs

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

package/range-slider/index.mjs

@@ -1,3 +1,4 @@
+'use client';
 import { RangeSlider as RangeSlider$1 } from './range-slider.mjs';
 export { useRangeSliderContext } from './range-slider-context.mjs';
 import { RangeSliderControl } from './range-slider-control.mjs';

package/rating-group/index.cjs

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

package/rating-group/index.mjs

@@ -1,3 +1,4 @@
+'use client';
 import { Rating } from './rating.mjs';
 export { useRatingContext } from './rating-context.mjs';
 import { RatingGroup as RatingGroup$1 } from './rating-group.mjs';

package/segment-group/index.cjs

@@ -1,3 +1,4 @@
+'use client';
 'use strict';
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
@@ -7,16 +8,16 @@ const segmentContext = require('./segment-context.cjs');
 const segmentControl = require('./segment-control.cjs');
 const segmentGroup = require('./segment-group.cjs');
 const segmentGroupContext = require('./segment-group-context.cjs');
+const segmentGroupIndicator = require('./segment-group-indicator.cjs');
 const segmentGroupLabel = require('./segment-group-label.cjs');
 const segmentGroup_anatomy = require('./segment-group.anatomy.cjs');
-const segmentIndicator = require('./segment-indicator.cjs');
 const segmentLabel = require('./segment-label.cjs');
 
 const SegmentGroup = Object.assign(segmentGroup.SegmentGroup, {
   Root: segmentGroup.SegmentGroup,
   Label: segmentGroupLabel.SegmentGroupLabel,
+  Indicator: segmentGroupIndicator.SegmentGroupIndicator,
   Segment: segment.Segment,
-  SegmentIndicator: segmentIndicator.SegmentIndicator,
   SegmentLabel: segmentLabel.SegmentLabel,
   SegmentControl: segmentControl.SegmentControl
 });
@@ -25,8 +26,8 @@ exports.Segment = segment.Segment;
 exports.useSegmentContext = segmentContext.useSegmentContext;
 exports.SegmentControl = segmentControl.SegmentControl;
 exports.useSegmentGroupContext = segmentGroupContext.useSegmentGroupContext;
+exports.SegmentGroupIndicator = segmentGroupIndicator.SegmentGroupIndicator;
 exports.SegmentGroupLabel = segmentGroupLabel.SegmentGroupLabel;
 exports.segmentGroupAnatomy = segmentGroup_anatomy.segmentGroupAnatomy;
-exports.SegmentIndicator = segmentIndicator.SegmentIndicator;
 exports.SegmentLabel = segmentLabel.SegmentLabel;
 exports.SegmentGroup = SegmentGroup;

package/segment-group/index.d.ts

@@ -6,9 +6,9 @@ import { useSegmentContext } from './segment-context';
 import { SegmentControl, type SegmentControlProps } from './segment-control';
 import { type SegmentGroupProps } from './segment-group';
 import { useSegmentGroupContext } from './segment-group-context';
+import { SegmentGroupIndicator, type SegmentGroupIndicatorProps } from './segment-group-indicator';
 import { SegmentGroupLabel, type SegmentGroupLabelProps } from './segment-group-label';
 import { segmentGroupAnatomy } from './segment-group.anatomy';
-import { SegmentIndicator, type SegmentIndicatorProps } from './segment-indicator';
 import { SegmentLabel, type SegmentLabelProps } from './segment-label';
 declare const SegmentGroup: ForwardRefExoticComponent<Omit<Omit<Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void) | RefObject<HTMLDivElement> | null | undefined;
@@ -29,6 +29,11 @@ declare const SegmentGroup: ForwardRefExoticComponent<Omit<Omit<Omit<DetailedHTM
     } & {
         asChild?: boolean | undefined;
     }, "ref"> & RefAttributes<HTMLLabelElement>>;
+    Indicator: ForwardRefExoticComponent<Omit<Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+        ref?: ((instance: HTMLDivElement | null) => void) | RefObject<HTMLDivElement> | null | undefined;
+    } & {
+        asChild?: boolean | undefined;
+    }, "ref"> & RefAttributes<HTMLDivElement>>;
     Segment: ForwardRefExoticComponent<Omit<Omit<Omit<DetailedHTMLProps<LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, "ref"> & {
         ref?: ((instance: HTMLLabelElement | null) => void) | RefObject<HTMLLabelElement> | null | undefined;
     } & {
@@ -44,11 +49,6 @@ declare const SegmentGroup: ForwardRefExoticComponent<Omit<Omit<Omit<DetailedHTM
         readOnly?: boolean | undefined;
         invalid?: boolean | undefined;
     } & RefAttributes<HTMLLabelElement>>;
-    SegmentIndicator: ForwardRefExoticComponent<Omit<Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-        ref?: ((instance: HTMLDivElement | null) => void) | RefObject<HTMLDivElement> | null | undefined;
-    } & {
-        asChild?: boolean | undefined;
-    }, "ref"> & RefAttributes<HTMLDivElement>>;
     SegmentLabel: ForwardRefExoticComponent<Omit<Omit<DetailedHTMLProps<HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
         ref?: RefObject<HTMLSpanElement> | ((instance: HTMLSpanElement | null) => void) | null | undefined;
     } & {
@@ -60,5 +60,5 @@ declare const SegmentGroup: ForwardRefExoticComponent<Omit<Omit<Omit<DetailedHTM
         asChild?: boolean | undefined;
     }, "ref"> & RefAttributes<HTMLDivElement>>;
 };
-export { Segment, SegmentControl, SegmentGroup, SegmentGroupLabel, SegmentIndicator, SegmentLabel, segmentGroupAnatomy, useSegmentContext, useSegmentGroupContext, };
-export type { SegmentControlProps, SegmentGroupLabelProps, SegmentGroupProps, SegmentIndicatorProps, SegmentLabelProps, SegmentProps, };
+export { Segment, SegmentControl, SegmentGroup, SegmentGroupIndicator, SegmentGroupLabel, SegmentLabel, segmentGroupAnatomy, useSegmentContext, useSegmentGroupContext, };
+export type { SegmentControlProps, SegmentGroupIndicatorProps, SegmentGroupLabelProps, SegmentGroupProps, SegmentLabelProps, SegmentProps, };

package/segment-group/index.mjs

@@ -1,20 +1,21 @@
+'use client';
 import { Segment } from './segment.mjs';
 export { useSegmentContext } from './segment-context.mjs';
 import { SegmentControl } from './segment-control.mjs';
 import { SegmentGroup as SegmentGroup$1 } from './segment-group.mjs';
 export { useSegmentGroupContext } from './segment-group-context.mjs';
+import { SegmentGroupIndicator } from './segment-group-indicator.mjs';
 import { SegmentGroupLabel } from './segment-group-label.mjs';
 export { segmentGroupAnatomy } from './segment-group.anatomy.mjs';
-import { SegmentIndicator } from './segment-indicator.mjs';
 import { SegmentLabel } from './segment-label.mjs';
 
 const SegmentGroup = Object.assign(SegmentGroup$1, {
   Root: SegmentGroup$1,
   Label: SegmentGroupLabel,
+  Indicator: SegmentGroupIndicator,
   Segment,
-  SegmentIndicator,
   SegmentLabel,
   SegmentControl
 });
 
-export { Segment, SegmentControl, SegmentGroup, SegmentGroupLabel, SegmentIndicator, SegmentLabel };
+export { Segment, SegmentControl, SegmentGroup, SegmentGroupIndicator, SegmentGroupLabel, SegmentLabel };

package/segment-group/segment-group-indicator.cjs

@@ -0,0 +1,22 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const react$1 = require('@zag-js/react');
+const react = require('react');
+const factory = require('../factory.cjs');
+const segmentGroupContext = require('./segment-group-context.cjs');
+const segmentGroup_anatomy = require('./segment-group.anatomy.cjs');
+
+const SegmentGroupIndicator = react.forwardRef(
+  (props, ref) => {
+    const { indicatorProps } = segmentGroupContext.useSegmentGroupContext();
+    const mergedProps = react$1.mergeProps(indicatorProps, props);
+    return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ...segmentGroup_anatomy.parts.indicator.attrs, ref });
+  }
+);
+SegmentGroupIndicator.displayName = "SegmentGroupIndicator";
+
+exports.SegmentGroupIndicator = SegmentGroupIndicator;

package/segment-group/{segment-indicator.d.ts → segment-group-indicator.d.ts}

@@ -1,7 +1,7 @@
 import { ForwardRefExoticComponent, DetailedHTMLProps, HTMLAttributes, RefObject, RefAttributes, type ComponentPropsWithoutRef } from 'react';
 import { ark } from '../factory';
-export type SegmentIndicatorProps = ComponentPropsWithoutRef<typeof ark.div>;
-export declare const SegmentIndicator: ForwardRefExoticComponent<Omit<Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+export type SegmentGroupIndicatorProps = ComponentPropsWithoutRef<typeof ark.div>;
+export declare const SegmentGroupIndicator: ForwardRefExoticComponent<Omit<Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void) | RefObject<HTMLDivElement> | null | undefined;
 } & {
     asChild?: boolean | undefined;

package/segment-group/segment-group-indicator.mjs

@@ -0,0 +1,18 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { mergeProps } from '@zag-js/react';
+import { forwardRef } from 'react';
+import { ark } from '../factory.mjs';
+import { useSegmentGroupContext } from './segment-group-context.mjs';
+import { parts } from './segment-group.anatomy.mjs';
+
+const SegmentGroupIndicator = forwardRef(
+  (props, ref) => {
+    const { indicatorProps } = useSegmentGroupContext();
+    const mergedProps = mergeProps(indicatorProps, props);
+    return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ...parts.indicator.attrs, ref });
+  }
+);
+SegmentGroupIndicator.displayName = "SegmentGroupIndicator";
+
+export { SegmentGroupIndicator };

package/select/index.cjs

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

package/select/index.mjs

@@ -1,3 +1,4 @@
+'use client';
 import { Select as Select$1 } from './select.mjs';
 import { SelectContent } from './select-content.mjs';
 export { useSelectContext } from './select-context.mjs';

package/slider/index.cjs

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

package/slider/index.mjs

@@ -1,3 +1,4 @@
+'use client';
 import { Slider as Slider$1 } from './slider.mjs';
 export { useSliderContext } from './slider-context.mjs';
 import { SliderControl } from './slider-control.mjs';

package/splitter/index.cjs

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

package/splitter/index.mjs

@@ -1,3 +1,4 @@
+'use client';
 import { Splitter as Splitter$1 } from './splitter.mjs';
 export { useSplitterContext } from './splitter-context.mjs';
 import { SplitterPanel } from './splitter-panel.mjs';

package/switch/index.cjs

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

package/switch/index.mjs

@@ -1,3 +1,4 @@
+'use client';
 import { Switch as Switch$1 } from './switch.mjs';
 export { useSwitchContext } from './switch-context.mjs';
 import { SwitchControl } from './switch-control.mjs';

package/tabs/index.cjs

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

package/tabs/index.mjs

@@ -1,3 +1,4 @@
+'use client';
 import { TabContent } from './tab-content.mjs';
 import { TabIndicator } from './tab-indicator.mjs';
 import { TabList } from './tab-list.mjs';

package/tags-input/index.cjs

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

package/tags-input/index.mjs

@@ -1,3 +1,4 @@
+'use client';
 import { Tag } from './tag.mjs';
 import { TagDeleteTrigger } from './tag-delete-trigger.mjs';
 import { TagInput } from './tag-input.mjs';

package/toast/index.cjs

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

package/toast/index.mjs

@@ -1,3 +1,4 @@
+'use client';
 import { Toast as Toast$1 } from './toast.mjs';
 import { ToastCloseTrigger } from './toast-close-trigger.mjs';
 import { ToastDescription } from './toast-description.mjs';

package/tooltip/index.cjs

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

package/tooltip/index.mjs

@@ -1,3 +1,4 @@
+'use client';
 import { Tooltip as Tooltip$1 } from './tooltip.mjs';
 import { TooltipArrow } from './tooltip-arrow.mjs';
 import { TooltipArrowTip } from './tooltip-arrow-tip.mjs';

package/segment-group/segment-indicator.cjs

@@ -1,20 +0,0 @@
-'use client';
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const jsxRuntime = require('react/jsx-runtime');
-const react$1 = require('@zag-js/react');
-const react = require('react');
-const factory = require('../factory.cjs');
-const segmentGroupContext = require('./segment-group-context.cjs');
-const segmentGroup_anatomy = require('./segment-group.anatomy.cjs');
-
-const SegmentIndicator = react.forwardRef((props, ref) => {
-  const { indicatorProps } = segmentGroupContext.useSegmentGroupContext();
-  const mergedProps = react$1.mergeProps(indicatorProps, props);
-  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ...segmentGroup_anatomy.parts.indicator.attrs, ref });
-});
-SegmentIndicator.displayName = "SegmentIndicator";
-
-exports.SegmentIndicator = SegmentIndicator;

package/segment-group/segment-indicator.mjs

@@ -1,16 +0,0 @@
-'use client';
-import { jsx } from 'react/jsx-runtime';
-import { mergeProps } from '@zag-js/react';
-import { forwardRef } from 'react';
-import { ark } from '../factory.mjs';
-import { useSegmentGroupContext } from './segment-group-context.mjs';
-import { parts } from './segment-group.anatomy.mjs';
-
-const SegmentIndicator = forwardRef((props, ref) => {
-  const { indicatorProps } = useSegmentGroupContext();
-  const mergedProps = mergeProps(indicatorProps, props);
-  return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ...parts.indicator.attrs, ref });
-});
-SegmentIndicator.displayName = "SegmentIndicator";
-
-export { SegmentIndicator };