@ark-ui/react 0.11.0 → 0.13.0

package/CHANGELOG.md

@@ -6,24 +6,30 @@ description: All notable changes to this project will be documented in this file
 
 ## [Unreleased]
 
-## [0.11.0] - 2023-08-08
+## [0.13.0] - 2023-08-13
 
 ### Changed
 
-- BREAKING: Renamed `TagsInputField` to `TagsInputInput` to match the naming convention of other input components.
+- BREAKING: Renamed `SegmentIndicator` to `SegmentGroupIndicator` to match the naming convention of other components.
 
-## [0.11.0-beta.2] - 2023-08-08
+## [0.12.0] - 2023-08-13
 
-### Changed
+### Added
 
-- BREAKING: Renamed `NumberInputField` to `NumberInputInput` to match the naming convention of other input components.
-- BREAKING: Renamed `PinInputField` to `PinInputInput` to match the naming convention of other input components.
+- Added supoort for `defaultChecked` to `Checkbox` component.
+- Added supoort for `defaultChecked` to `Switch` component.
+- Exposed `ark` factory function.
 
-## [0.11.0-beta.1] - 2023-08-08
+### Fixed
+
+- Fixed the display name for `EditableCancelTrigger` component.
 
-- Add support for dot noation imports
+### Removed
 
-## [0.11.0-beta.0] - 2023-08-07
+- BREAKING: Removed `RadioInput`. This component is no longer required.
+- BREAKING: Removed `SegmentInput`. This component is no longer required.
+
+## [0.11.0] - 2023-08-08
 
 ### Added
 
@@ -31,6 +37,12 @@ description: All notable changes to this project will be documented in this file
 - Added `DatePickerPositioner` component to the `DatePicker` component to help with positioning the calendar.
 - Added `ComboboxOptionGroupLabel` to the `Combobox` component. This component can be used to render a label for a group of options in the `ComboboxOptionGroup` component.
 
+### Changed
+
+- BREAKING: Renamed `TagsInputField` to `TagsInputInput` to match the naming convention of other input components.
+- BREAKING: Renamed `NumberInputField` to `NumberInputInput` to match the naming convention of other input components.
+- BREAKING: Renamed `PinInputField` to `PinInputInput` to match the naming convention of other input components.
+
 ### Removed
 
 - BREAKING: Removed `CheckboxInput`. This component is no longer required.
@@ -173,7 +185,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.11.0...HEAD
+[unreleased]: https://github.com/chakra-ui/ark/compare/@ark-ui/react@0.13.0...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
@@ -191,5 +203,12 @@ description: All notable changes to this project will be documented in this file
 [0.11.0-beta.0]: https://github.com/chakra-ui/ark/releases/tag/@ark-ui/react@0.11.0-beta.0
 [0.11.0-beta.1]: https://github.com/chakra-ui/ark/releases/tag/@ark-ui/react@0.11.0-beta.1
 [0.11.0-beta.2]: https://github.com/chakra-ui/ark/releases/tag/@ark-ui/react@0.11.0-beta.2
-
 [0.11.0]: https://github.com/chakra-ui/ark/releases/tag/@ark-ui/react@0.11.0
+
+```
+
+```
+
+[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

package/checkbox/checkbox.cjs

@@ -17,6 +17,7 @@ const Checkbox = react.forwardRef((props, ref) => {
     props,
     [
       "checked",
+      "defaultChecked",
       "dir",
       "disabled",
       "form",

package/checkbox/checkbox.d.ts

@@ -10,6 +10,6 @@ export declare const Checkbox: ForwardRefExoticComponent<Omit<Omit<Omit<Detailed
     ref?: ((instance: HTMLLabelElement | null) => void) | RefObject<HTMLLabelElement> | null | undefined;
 } & {
     asChild?: boolean | undefined;
-}, "ref">, "name" | "value" | "children" | "getRootNode" | "form" | "id" | "ids" | "disabled" | "onChange" | "dir" | "checked" | "required" | "invalid"> & Omit<UseCheckboxProps, "children"> & {
+}, "ref">, "name" | "value" | "children" | "getRootNode" | "form" | "id" | "ids" | "disabled" | "onChange" | "defaultChecked" | "dir" | "checked" | "required" | "invalid"> & Omit<UseCheckboxProps, "children"> & {
     children: ReactNode | ((pages: CheckboxContext) => ReactNode);
 } & RefAttributes<HTMLLabelElement>>;

package/checkbox/checkbox.mjs

@@ -13,6 +13,7 @@ const Checkbox = forwardRef((props, ref) => {
     props,
     [
       "checked",
+      "defaultChecked",
       "dir",
       "disabled",
       "form",

package/checkbox/index.d.ts

@@ -11,7 +11,7 @@ declare const Checkbox: ForwardRefExoticComponent<Omit<Omit<Omit<DetailedHTMLPro
     ref?: ((instance: HTMLLabelElement | null) => void) | RefObject<HTMLLabelElement> | null | undefined;
 } & {
     asChild?: boolean | undefined;
-}, "ref">, "name" | "value" | "children" | "getRootNode" | "form" | "id" | "ids" | "disabled" | "onChange" | "dir" | "checked" | "required" | "invalid"> & Omit<UseCheckboxProps, "children"> & {
+}, "ref">, "name" | "value" | "children" | "getRootNode" | "form" | "id" | "ids" | "disabled" | "onChange" | "defaultChecked" | "dir" | "checked" | "required" | "invalid"> & Omit<UseCheckboxProps, "children"> & {
     children: ReactNode | ((pages: PublicApi<JSX.IntrinsicElements & {
         element: HTMLAttributes<HTMLElement>;
         style: CSSProperties;
@@ -21,7 +21,7 @@ declare const Checkbox: ForwardRefExoticComponent<Omit<Omit<Omit<DetailedHTMLPro
         ref?: ((instance: HTMLLabelElement | null) => void) | RefObject<HTMLLabelElement> | null | undefined;
     } & {
         asChild?: boolean | undefined;
-    }, "ref">, "name" | "value" | "children" | "getRootNode" | "form" | "id" | "ids" | "disabled" | "onChange" | "dir" | "checked" | "required" | "invalid"> & Omit<UseCheckboxProps, "children"> & {
+    }, "ref">, "name" | "value" | "children" | "getRootNode" | "form" | "id" | "ids" | "disabled" | "onChange" | "defaultChecked" | "dir" | "checked" | "required" | "invalid"> & Omit<UseCheckboxProps, "children"> & {
         children: ReactNode | ((pages: PublicApi<JSX.IntrinsicElements & {
             element: HTMLAttributes<HTMLElement>;
             style: CSSProperties;

package/checkbox/use-checkbox.cjs

@@ -30,12 +30,17 @@ const checkbox__namespace = /*#__PURE__*/_interopNamespaceDefault(checkbox);
 
 const useCheckbox = (props) => {
   const getRootNode = environmentContext.useEnvironmentContext();
-  const context = {
+  const initialContext = {
     id: react.useId(),
     getRootNode,
-    ...props
+    ...props,
+    checked: props.defaultChecked
+  };
+  const context = {
+    ...initialContext,
+    checked: props.checked
   };
-  const [state, send] = react$1.useMachine(checkbox__namespace.machine(context), { context });
+  const [state, send] = react$1.useMachine(checkbox__namespace.machine(initialContext), { context });
   return checkbox__namespace.connect(state, send, react$1.normalizeProps);
 };
 

package/checkbox/use-checkbox.d.ts

@@ -2,7 +2,9 @@ import { HTMLAttributes, CSSProperties } from 'react';
 /// <reference types="react" />
 import * as checkbox from '@zag-js/checkbox';
 import { type Optional } from '../types';
-export type UseCheckboxProps = Optional<checkbox.Context, 'id'>;
+export type UseCheckboxProps = Optional<checkbox.Context, 'id'> & {
+    defaultChecked?: boolean;
+};
 export type UseCheckboxReturn = ReturnType<typeof useCheckbox>;
 export declare const useCheckbox: (props: UseCheckboxProps) => checkbox.PublicApi<JSX.IntrinsicElements & {
     element: HTMLAttributes<HTMLElement>;

package/checkbox/use-checkbox.mjs

@@ -7,12 +7,17 @@ import { useEnvironmentContext } from '../environment/environment-context.mjs';
 
 const useCheckbox = (props) => {
   const getRootNode = useEnvironmentContext();
-  const context = {
+  const initialContext = {
     id: useId(),
     getRootNode,
-    ...props
+    ...props,
+    checked: props.defaultChecked
+  };
+  const context = {
+    ...initialContext,
+    checked: props.checked
   };
-  const [state, send] = useMachine(checkbox.machine(context), { context });
+  const [state, send] = useMachine(checkbox.machine(initialContext), { context });
   return checkbox.connect(state, send, normalizeProps);
 };
 

package/editable/editable-cancel-trigger.cjs

@@ -16,6 +16,6 @@ const EditableCancelTrigger = react.forwardRef(
     return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.button, { ...mergedProps, ref });
   }
 );
-EditableCancelTrigger.displayName = "EditableArea";
+EditableCancelTrigger.displayName = "EditableCancelTrigger";
 
 exports.EditableCancelTrigger = EditableCancelTrigger;

package/editable/editable-cancel-trigger.mjs

@@ -12,6 +12,6 @@ const EditableCancelTrigger = forwardRef(
     return /* @__PURE__ */ jsx(ark.button, { ...mergedProps, ref });
   }
 );
-EditableCancelTrigger.displayName = "EditableArea";
+EditableCancelTrigger.displayName = "EditableCancelTrigger";
 
 export { EditableCancelTrigger };

package/index.cjs

@@ -14,6 +14,7 @@ const index$6 = require('./date-picker/index.cjs');
 const index$7 = require('./dialog/index.cjs');
 const index$8 = require('./editable/index.cjs');
 const index$9 = require('./environment/index.cjs');
+const factory = require('./factory.cjs');
 const index$a = require('./hover-card/index.cjs');
 const index$b = require('./menu/index.cjs');
 const index$c = require('./number-input/index.cjs');
@@ -190,7 +191,6 @@ const usePressable = require('./pressable/use-pressable.cjs');
 const radio = require('./radio-group/radio.cjs');
 const radioControl = require('./radio-group/radio-control.cjs');
 const radioGroupLabel = require('./radio-group/radio-group-label.cjs');
-const radioInput = require('./radio-group/radio-input.cjs');
 const radioLabel = require('./radio-group/radio-label.cjs');
 const radio$1 = require('@zag-js/radio-group');
 const radioContext = require('./radio-group/radio-context.cjs');
@@ -213,9 +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 segmentInput = require('./segment-group/segment-input.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');
@@ -301,6 +300,8 @@ exports.DatePicker = index$6.DatePicker;
 exports.Dialog = index$7.Dialog;
 exports.Editable = index$8.Editable;
 exports.Environment = index$9.Environment;
+exports.ark = factory.ark;
+exports.jsxFactory = factory.jsxFactory;
 exports.HoverCard = index$a.HoverCard;
 exports.Menu = index$b.Menu;
 exports.NumberInput = index$c.NumberInput;
@@ -510,7 +511,6 @@ exports.usePressable = usePressable.usePressable;
 exports.Radio = radio.Radio;
 exports.RadioControl = radioControl.RadioControl;
 exports.RadioGroupLabel = radioGroupLabel.RadioGroupLabel;
-exports.RadioInput = radioInput.RadioInput;
 exports.RadioLabel = radioLabel.RadioLabel;
 Object.defineProperty(exports, 'radioGroupAnatomy', {
 	enumerable: true,
@@ -542,9 +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.SegmentInput = segmentInput.SegmentInput;
 exports.SegmentLabel = segmentLabel.SegmentLabel;
 exports.segmentGroupAnatomy = segmentGroup_anatomy.segmentGroupAnatomy;
 exports.useSegmentContext = segmentContext.useSegmentContext;

package/index.d.ts

@@ -10,6 +10,7 @@ export * from './date-picker';
 export * from './dialog';
 export * from './editable';
 export * from './environment';
+export * from './factory';
 export * from './hover-card';
 export * from './menu';
 export * from './number-input';

package/index.mjs

@@ -10,6 +10,7 @@ export { DatePicker } from './date-picker/index.mjs';
 export { Dialog } from './dialog/index.mjs';
 export { Editable } from './editable/index.mjs';
 export { Environment } from './environment/index.mjs';
+export { ark, jsxFactory } from './factory.mjs';
 export { HoverCard } from './hover-card/index.mjs';
 export { Menu } from './menu/index.mjs';
 export { NumberInput } from './number-input/index.mjs';
@@ -186,7 +187,6 @@ export { usePressable } from './pressable/use-pressable.mjs';
 export { Radio } from './radio-group/radio.mjs';
 export { RadioControl } from './radio-group/radio-control.mjs';
 export { RadioGroupLabel } from './radio-group/radio-group-label.mjs';
-export { RadioInput } from './radio-group/radio-input.mjs';
 export { RadioLabel } from './radio-group/radio-label.mjs';
 export { anatomy as radioGroupAnatomy } from '@zag-js/radio-group';
 export { useRadioContext } from './radio-group/radio-context.mjs';
@@ -209,9 +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 { SegmentInput } from './segment-group/segment-input.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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ark-ui/react",
-  "version": "0.11.0",
+  "version": "0.13.0",
   "description": "A collection of unstyled, accessible UI components for React, utilizing state machines for seamless interaction.",
   "keywords": [
     "accordion",
@@ -60,47 +60,47 @@
     "release-it": "release-it --config ../../release-it.json"
   },
   "dependencies": {
-    "@zag-js/accordion": "0.15.0",
-    "@zag-js/anatomy": "0.15.0",
-    "@zag-js/avatar": "0.15.0",
-    "@zag-js/carousel": "0.15.0",
-    "@zag-js/checkbox": "0.15.0",
-    "@zag-js/color-picker": "0.15.0",
-    "@zag-js/color-utils": "0.15.0",
-    "@zag-js/combobox": "0.15.0",
-    "@zag-js/date-picker": "0.15.0",
-    "@zag-js/date-utils": "0.15.0",
-    "@zag-js/dialog": "0.15.0",
-    "@zag-js/editable": "0.15.0",
-    "@zag-js/hover-card": "0.15.0",
-    "@zag-js/menu": "0.15.0",
-    "@zag-js/number-input": "0.15.0",
-    "@zag-js/pagination": "0.15.0",
-    "@zag-js/pin-input": "0.15.0",
-    "@zag-js/popover": "0.15.0",
-    "@zag-js/presence": "0.15.0",
-    "@zag-js/pressable": "0.15.0",
-    "@zag-js/radio-group": "0.15.0",
-    "@zag-js/range-slider": "0.15.0",
-    "@zag-js/rating-group": "0.15.0",
-    "@zag-js/react": "0.15.0",
-    "@zag-js/select": "0.15.0",
-    "@zag-js/slider": "0.15.0",
-    "@zag-js/splitter": "0.15.0",
-    "@zag-js/switch": "0.15.0",
-    "@zag-js/tabs": "0.15.0",
-    "@zag-js/tags-input": "0.15.0",
-    "@zag-js/toast": "0.15.0",
-    "@zag-js/tooltip": "0.15.0",
-    "@zag-js/types": "0.15.0"
+    "@zag-js/accordion": "0.16.0",
+    "@zag-js/anatomy": "0.16.0",
+    "@zag-js/avatar": "0.16.0",
+    "@zag-js/carousel": "0.16.0",
+    "@zag-js/checkbox": "0.16.0",
+    "@zag-js/color-picker": "0.16.0",
+    "@zag-js/color-utils": "0.16.0",
+    "@zag-js/combobox": "0.16.0",
+    "@zag-js/date-picker": "0.16.0",
+    "@zag-js/date-utils": "0.16.0",
+    "@zag-js/dialog": "0.16.0",
+    "@zag-js/editable": "0.16.0",
+    "@zag-js/hover-card": "0.16.0",
+    "@zag-js/menu": "0.16.0",
+    "@zag-js/number-input": "0.16.0",
+    "@zag-js/pagination": "0.16.0",
+    "@zag-js/pin-input": "0.16.0",
+    "@zag-js/popover": "0.16.0",
+    "@zag-js/presence": "0.16.0",
+    "@zag-js/pressable": "0.16.0",
+    "@zag-js/radio-group": "0.16.0",
+    "@zag-js/range-slider": "0.16.0",
+    "@zag-js/rating-group": "0.16.0",
+    "@zag-js/react": "0.16.0",
+    "@zag-js/select": "0.16.0",
+    "@zag-js/slider": "0.16.0",
+    "@zag-js/splitter": "0.16.0",
+    "@zag-js/switch": "0.16.0",
+    "@zag-js/tabs": "0.16.0",
+    "@zag-js/tags-input": "0.16.0",
+    "@zag-js/toast": "0.16.0",
+    "@zag-js/tooltip": "0.16.0",
+    "@zag-js/types": "0.16.0"
   },
   "devDependencies": {
     "@release-it/keep-a-changelog": "4.0.0",
-    "@storybook/addon-a11y": "7.2.1",
-    "@storybook/addon-essentials": "7.2.1",
-    "@storybook/addons": "7.2.1",
-    "@storybook/react": "7.2.1",
-    "@storybook/react-vite": "7.2.1",
+    "@storybook/addon-a11y": "7.2.2",
+    "@storybook/addon-essentials": "7.2.2",
+    "@storybook/addons": "7.2.2",
+    "@storybook/react": "7.2.2",
+    "@storybook/react-vite": "7.2.2",
     "@testing-library/dom": "9.3.1",
     "@testing-library/jest-dom": "5.17.0",
     "@testing-library/react": "14.0.0",
@@ -121,9 +121,9 @@
     "react": "18.2.0",
     "react-dom": "18.2.0",
     "react-frame-component": "5.2.6",
-    "release-it": "16.1.3",
+    "release-it": "16.1.4",
     "resize-observer-polyfill": "1.5.1",
-    "storybook": "7.2.1",
+    "storybook": "7.2.2",
     "typescript": "5.1.6",
     "vite": "4.4.9",
     "vite-plugin-dts": "3.5.1",

package/radio-group/index.cjs

@@ -8,7 +8,6 @@ const radioControl = require('./radio-control.cjs');
 const radioGroup = require('./radio-group.cjs');
 const radioGroupContext = require('./radio-group-context.cjs');
 const radioGroupLabel = require('./radio-group-label.cjs');
-const radioInput = require('./radio-input.cjs');
 const radioLabel = require('./radio-label.cjs');
 const radio$1 = require('@zag-js/radio-group');
 
@@ -16,7 +15,6 @@ const RadioGroup = Object.assign(radioGroup.RadioGroup, {
   Root: radioGroup.RadioGroup,
   Label: radioGroupLabel.RadioGroupLabel,
   Radio: radio.Radio,
-  RadioInput: radioInput.RadioInput,
   RadioLabel: radioLabel.RadioLabel,
   RadioControl: radioControl.RadioControl
 });
@@ -26,7 +24,6 @@ exports.useRadioContext = radioContext.useRadioContext;
 exports.RadioControl = radioControl.RadioControl;
 exports.useRadioGroupContext = radioGroupContext.useRadioGroupContext;
 exports.RadioGroupLabel = radioGroupLabel.RadioGroupLabel;
-exports.RadioInput = radioInput.RadioInput;
 exports.RadioLabel = radioLabel.RadioLabel;
 Object.defineProperty(exports, 'radioGroupAnatomy', {
   enumerable: true,

package/radio-group/index.d.ts

@@ -1,5 +1,5 @@
 import { Context } from '@zag-js/radio-group';
-import { ForwardRefExoticComponent, DetailedHTMLProps, HTMLAttributes, RefObject, RefAttributes, LabelHTMLAttributes, InputHTMLAttributes } from 'react';
+import { ForwardRefExoticComponent, DetailedHTMLProps, HTMLAttributes, RefObject, RefAttributes, LabelHTMLAttributes } from 'react';
 /// <reference types="react" />
 import { Radio, type RadioProps } from './radio';
 import { useRadioContext } from './radio-context';
@@ -8,7 +8,6 @@ import { type RadioGroupProps } from './radio-group';
 import { useRadioGroupContext } from './radio-group-context';
 import { RadioGroupLabel, type RadioGroupLabelProps } from './radio-group-label';
 import { radioGroupAnatomy } from './radio-group.anatomy';
-import { RadioInput, type RadioInputProps } from './radio-input';
 import { RadioLabel, type RadioLabelProps } from './radio-label';
 declare const RadioGroup: ForwardRefExoticComponent<Omit<Omit<Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void) | RefObject<HTMLDivElement> | null | undefined;
@@ -44,11 +43,6 @@ declare const RadioGroup: ForwardRefExoticComponent<Omit<Omit<Omit<DetailedHTMLP
         readOnly?: boolean | undefined;
         invalid?: boolean | undefined;
     } & RefAttributes<HTMLLabelElement>>;
-    RadioInput: ForwardRefExoticComponent<Omit<Omit<DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & {
-        ref?: ((instance: HTMLInputElement | null) => void) | RefObject<HTMLInputElement> | null | undefined;
-    } & {
-        asChild?: boolean | undefined;
-    }, "ref"> & RefAttributes<HTMLInputElement>>;
     RadioLabel: ForwardRefExoticComponent<Omit<Omit<DetailedHTMLProps<HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
         ref?: RefObject<HTMLSpanElement> | ((instance: HTMLSpanElement | null) => void) | null | undefined;
     } & {
@@ -60,5 +54,5 @@ declare const RadioGroup: ForwardRefExoticComponent<Omit<Omit<Omit<DetailedHTMLP
         asChild?: boolean | undefined;
     }, "ref"> & RefAttributes<HTMLDivElement>>;
 };
-export { Radio, RadioControl, RadioGroup, RadioGroupLabel, RadioInput, RadioLabel, radioGroupAnatomy, useRadioContext, useRadioGroupContext, };
-export type { RadioControlProps, RadioGroupLabelProps, RadioGroupProps, RadioInputProps, RadioLabelProps, RadioProps, };
+export { Radio, RadioControl, RadioGroup, RadioGroupLabel, RadioLabel, radioGroupAnatomy, useRadioContext, useRadioGroupContext, };
+export type { RadioControlProps, RadioGroupLabelProps, RadioGroupProps, RadioLabelProps, RadioProps, };

package/radio-group/index.mjs

@@ -4,7 +4,6 @@ import { RadioControl } from './radio-control.mjs';
 import { RadioGroup as RadioGroup$1 } from './radio-group.mjs';
 export { useRadioGroupContext } from './radio-group-context.mjs';
 import { RadioGroupLabel } from './radio-group-label.mjs';
-import { RadioInput } from './radio-input.mjs';
 import { RadioLabel } from './radio-label.mjs';
 export { anatomy as radioGroupAnatomy } from '@zag-js/radio-group';
 
@@ -12,9 +11,8 @@ const RadioGroup = Object.assign(RadioGroup$1, {
   Root: RadioGroup$1,
   Label: RadioGroupLabel,
   Radio,
-  RadioInput,
   RadioLabel,
   RadioControl
 });
 
-export { Radio, RadioControl, RadioGroup, RadioGroupLabel, RadioInput, RadioLabel };
+export { Radio, RadioControl, RadioGroup, RadioGroupLabel, RadioLabel };

package/radio-group/radio-control.cjs

@@ -11,10 +11,13 @@ const radioContext = require('./radio-context.cjs');
 const radioGroupContext = require('./radio-group-context.cjs');
 
 const RadioControl = react.forwardRef((props, ref) => {
-  const { getRadioControlProps } = radioGroupContext.useRadioGroupContext();
+  const { getRadioControlProps, getRadioHiddenInputProps } = radioGroupContext.useRadioGroupContext();
   const context = radioContext.useRadioContext();
   const mergedProps = react$1.mergeProps(getRadioControlProps(context), props);
-  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref });
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref }),
+    /* @__PURE__ */ jsxRuntime.jsx("input", { ...getRadioHiddenInputProps(context) })
+  ] });
 });
 RadioControl.displayName = "RadioControl";
 

package/radio-group/radio-control.mjs

@@ -1,5 +1,5 @@
 'use client';
-import { jsx } from 'react/jsx-runtime';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { mergeProps } from '@zag-js/react';
 import { forwardRef } from 'react';
 import { ark } from '../factory.mjs';
@@ -7,10 +7,13 @@ import { useRadioContext } from './radio-context.mjs';
 import { useRadioGroupContext } from './radio-group-context.mjs';
 
 const RadioControl = forwardRef((props, ref) => {
-  const { getRadioControlProps } = useRadioGroupContext();
+  const { getRadioControlProps, getRadioHiddenInputProps } = useRadioGroupContext();
   const context = useRadioContext();
   const mergedProps = mergeProps(getRadioControlProps(context), props);
-  return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref }),
+    /* @__PURE__ */ jsx("input", { ...getRadioHiddenInputProps(context) })
+  ] });
 });
 RadioControl.displayName = "RadioControl";
 

package/segment-group/index.cjs

@@ -7,18 +7,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 segmentInput = require('./segment-input.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,
-  SegmentInput: segmentInput.SegmentInput,
   SegmentLabel: segmentLabel.SegmentLabel,
   SegmentControl: segmentControl.SegmentControl
 });
@@ -27,9 +25,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.SegmentInput = segmentInput.SegmentInput;
 exports.SegmentLabel = segmentLabel.SegmentLabel;
 exports.SegmentGroup = SegmentGroup;

package/segment-group/index.d.ts

@@ -1,15 +1,14 @@
 import { Context } from '@zag-js/radio-group';
-import { ForwardRefExoticComponent, DetailedHTMLProps, HTMLAttributes, RefObject, RefAttributes, LabelHTMLAttributes, InputHTMLAttributes } from 'react';
+import { ForwardRefExoticComponent, DetailedHTMLProps, HTMLAttributes, RefObject, RefAttributes, LabelHTMLAttributes } from 'react';
 /// <reference types="react" />
 import { Segment, type SegmentProps } from './segment';
 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 { SegmentInput, type SegmentInputProps } from './segment-input';
 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;
@@ -30,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;
     } & {
@@ -45,16 +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>>;
-    SegmentInput: ForwardRefExoticComponent<Omit<Omit<DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & {
-        ref?: ((instance: HTMLInputElement | null) => void) | RefObject<HTMLInputElement> | null | undefined;
-    } & {
-        asChild?: boolean | undefined;
-    }, "ref"> & RefAttributes<HTMLInputElement>>;
     SegmentLabel: ForwardRefExoticComponent<Omit<Omit<DetailedHTMLProps<HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
         ref?: RefObject<HTMLSpanElement> | ((instance: HTMLSpanElement | null) => void) | null | undefined;
     } & {
@@ -66,5 +60,5 @@ declare const SegmentGroup: ForwardRefExoticComponent<Omit<Omit<Omit<DetailedHTM
         asChild?: boolean | undefined;
     }, "ref"> & RefAttributes<HTMLDivElement>>;
 };
-export { Segment, SegmentControl, SegmentGroup, SegmentGroupLabel, SegmentIndicator, SegmentInput, SegmentLabel, segmentGroupAnatomy, useSegmentContext, useSegmentGroupContext, };
-export type { SegmentControlProps, SegmentGroupLabelProps, SegmentGroupProps, SegmentIndicatorProps, SegmentInputProps, 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

@@ -3,20 +3,18 @@ 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 { SegmentInput } from './segment-input.mjs';
 import { SegmentLabel } from './segment-label.mjs';
 
 const SegmentGroup = Object.assign(SegmentGroup$1, {
   Root: SegmentGroup$1,
   Label: SegmentGroupLabel,
+  Indicator: SegmentGroupIndicator,
   Segment,
-  SegmentIndicator,
-  SegmentInput,
   SegmentLabel,
   SegmentControl
 });
 
-export { Segment, SegmentControl, SegmentGroup, SegmentGroupLabel, SegmentIndicator, SegmentInput, SegmentLabel };
+export { Segment, SegmentControl, SegmentGroup, SegmentGroupIndicator, SegmentGroupLabel, SegmentLabel };

package/segment-group/segment-control.cjs

@@ -12,10 +12,13 @@ const segmentGroupContext = require('./segment-group-context.cjs');
 const segmentGroup_anatomy = require('./segment-group.anatomy.cjs');
 
 const SegmentControl = react.forwardRef((props, ref) => {
-  const { getRadioControlProps } = segmentGroupContext.useSegmentGroupContext();
+  const { getRadioControlProps, getRadioHiddenInputProps } = segmentGroupContext.useSegmentGroupContext();
   const context = segmentContext.useSegmentContext();
   const mergedProps = react$1.mergeProps(getRadioControlProps(context), props);
-  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ...segmentGroup_anatomy.parts.radioControl.attrs, ref });
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ...segmentGroup_anatomy.parts.radioControl.attrs, ref }),
+    /* @__PURE__ */ jsxRuntime.jsx("input", { ...getRadioHiddenInputProps(context) })
+  ] });
 });
 SegmentControl.displayName = "SegmentControl";
 

package/segment-group/segment-control.mjs

@@ -1,5 +1,5 @@
 'use client';
-import { jsx } from 'react/jsx-runtime';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { mergeProps } from '@zag-js/react';
 import { forwardRef } from 'react';
 import { ark } from '../factory.mjs';
@@ -8,10 +8,13 @@ import { useSegmentGroupContext } from './segment-group-context.mjs';
 import { parts } from './segment-group.anatomy.mjs';
 
 const SegmentControl = forwardRef((props, ref) => {
-  const { getRadioControlProps } = useSegmentGroupContext();
+  const { getRadioControlProps, getRadioHiddenInputProps } = useSegmentGroupContext();
   const context = useSegmentContext();
   const mergedProps = mergeProps(getRadioControlProps(context), props);
-  return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ...parts.radioControl.attrs, ref });
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ...parts.radioControl.attrs, ref }),
+    /* @__PURE__ */ jsx("input", { ...getRadioHiddenInputProps(context) })
+  ] });
 });
 SegmentControl.displayName = "SegmentControl";
 

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/segment-group/segment-group.anatomy.d.ts

@@ -1,3 +1,3 @@
 import { Anatomy, AnatomyPart } from '@zag-js/anatomy';
-export declare const segmentGroupAnatomy: Anatomy<"label" | "radio" | "root" | "indicator" | "radioLabel" | "radioControl" | "radioInput">;
-export declare const parts: Record<"label" | "radio" | "root" | "indicator" | "radioLabel" | "radioControl" | "radioInput", AnatomyPart>;
+export declare const segmentGroupAnatomy: Anatomy<"label" | "radio" | "root" | "indicator" | "radioLabel" | "radioControl">;
+export declare const parts: Record<"label" | "radio" | "root" | "indicator" | "radioLabel" | "radioControl", AnatomyPart>;

package/switch/switch.cjs

@@ -15,6 +15,7 @@ const useSwitch = require('./use-switch.cjs');
 const Switch = react.forwardRef((props, ref) => {
   const [switchProps, { children, ...labelProps }] = createSplitProps.createSplitProps()(props, [
     "checked",
+    "defaultChecked",
     "dir",
     "disabled",
     "focusable",

package/switch/switch.mjs

@@ -11,6 +11,7 @@ import { useSwitch } from './use-switch.mjs';
 const Switch = forwardRef((props, ref) => {
   const [switchProps, { children, ...labelProps }] = createSplitProps()(props, [
     "checked",
+    "defaultChecked",
     "dir",
     "disabled",
     "focusable",

package/switch/use-switch.cjs

@@ -30,12 +30,17 @@ const zagSwitch__namespace = /*#__PURE__*/_interopNamespaceDefault(zagSwitch);
 
 const useSwitch = (props) => {
   const getRootNode = environmentContext.useEnvironmentContext();
-  const context = {
+  const initialContext = {
     id: react.useId(),
     getRootNode,
-    ...props
+    ...props,
+    checked: props.defaultChecked
+  };
+  const context = {
+    ...initialContext,
+    checked: props.checked
   };
-  const [state, send] = react$1.useMachine(zagSwitch__namespace.machine(context), { context });
+  const [state, send] = react$1.useMachine(zagSwitch__namespace.machine(initialContext), { context });
   return zagSwitch__namespace.connect(state, send, react$1.normalizeProps);
 };
 

package/switch/use-switch.d.ts

@@ -2,7 +2,9 @@ import { HTMLAttributes, CSSProperties } from 'react';
 /// <reference types="react" />
 import * as zagSwitch from '@zag-js/switch';
 import { type Optional } from '../types';
-export type UseSwitchProps = Optional<zagSwitch.Context, 'id'>;
+export type UseSwitchProps = Optional<zagSwitch.Context, 'id'> & {
+    defaultChecked?: boolean;
+};
 export declare const useSwitch: (props: UseSwitchProps) => zagSwitch.PublicApi<JSX.IntrinsicElements & {
     element: HTMLAttributes<HTMLElement>;
     style: CSSProperties;

package/switch/use-switch.mjs

@@ -7,12 +7,17 @@ import { useEnvironmentContext } from '../environment/environment-context.mjs';
 
 const useSwitch = (props) => {
   const getRootNode = useEnvironmentContext();
-  const context = {
+  const initialContext = {
     id: useId(),
     getRootNode,
-    ...props
+    ...props,
+    checked: props.defaultChecked
+  };
+  const context = {
+    ...initialContext,
+    checked: props.checked
   };
-  const [state, send] = useMachine(zagSwitch.machine(context), { context });
+  const [state, send] = useMachine(zagSwitch.machine(initialContext), { context });
   return zagSwitch.connect(state, send, normalizeProps);
 };
 

package/radio-group/radio-input.cjs

@@ -1,21 +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 radioContext = require('./radio-context.cjs');
-const radioGroupContext = require('./radio-group-context.cjs');
-
-const RadioInput = react.forwardRef((props, ref) => {
-  const { getRadioInputProps } = radioGroupContext.useRadioGroupContext();
-  const context = radioContext.useRadioContext();
-  const mergedProps = react$1.mergeProps(getRadioInputProps(context), props);
-  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.input, { ...mergedProps, ref });
-});
-RadioInput.displayName = "RadioInput";
-
-exports.RadioInput = RadioInput;

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

@@ -1,8 +0,0 @@
-import { ForwardRefExoticComponent, DetailedHTMLProps, InputHTMLAttributes, RefObject, RefAttributes, type ComponentPropsWithoutRef } from 'react';
-import { ark } from '../factory';
-export type RadioInputProps = ComponentPropsWithoutRef<typeof ark.input>;
-export declare const RadioInput: ForwardRefExoticComponent<Omit<Omit<DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & {
-    ref?: ((instance: HTMLInputElement | null) => void) | RefObject<HTMLInputElement> | null | undefined;
-} & {
-    asChild?: boolean | undefined;
-}, "ref"> & RefAttributes<HTMLInputElement>>;

package/radio-group/radio-input.mjs

@@ -1,17 +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 { useRadioContext } from './radio-context.mjs';
-import { useRadioGroupContext } from './radio-group-context.mjs';
-
-const RadioInput = forwardRef((props, ref) => {
-  const { getRadioInputProps } = useRadioGroupContext();
-  const context = useRadioContext();
-  const mergedProps = mergeProps(getRadioInputProps(context), props);
-  return /* @__PURE__ */ jsx(ark.input, { ...mergedProps, ref });
-});
-RadioInput.displayName = "RadioInput";
-
-export { RadioInput };

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

package/segment-group/segment-input.cjs

@@ -1,22 +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 segmentContext = require('./segment-context.cjs');
-const segmentGroupContext = require('./segment-group-context.cjs');
-const segmentGroup_anatomy = require('./segment-group.anatomy.cjs');
-
-const SegmentInput = react.forwardRef((props, ref) => {
-  const { getRadioInputProps } = segmentGroupContext.useSegmentGroupContext();
-  const context = segmentContext.useSegmentContext();
-  const mergedProps = react$1.mergeProps(getRadioInputProps(context), props);
-  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.input, { ...mergedProps, ...segmentGroup_anatomy.parts.radioInput.attrs, ref });
-});
-SegmentInput.displayName = "SegmentInput";
-
-exports.SegmentInput = SegmentInput;

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

@@ -1,8 +0,0 @@
-import { ForwardRefExoticComponent, DetailedHTMLProps, InputHTMLAttributes, RefObject, RefAttributes, type ComponentPropsWithoutRef } from 'react';
-import { ark } from '../factory';
-export type SegmentInputProps = ComponentPropsWithoutRef<typeof ark.input>;
-export declare const SegmentInput: ForwardRefExoticComponent<Omit<Omit<DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & {
-    ref?: ((instance: HTMLInputElement | null) => void) | RefObject<HTMLInputElement> | null | undefined;
-} & {
-    asChild?: boolean | undefined;
-}, "ref"> & RefAttributes<HTMLInputElement>>;

package/segment-group/segment-input.mjs

@@ -1,18 +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 { useSegmentContext } from './segment-context.mjs';
-import { useSegmentGroupContext } from './segment-group-context.mjs';
-import { parts } from './segment-group.anatomy.mjs';
-
-const SegmentInput = forwardRef((props, ref) => {
-  const { getRadioInputProps } = useSegmentGroupContext();
-  const context = useSegmentContext();
-  const mergedProps = mergeProps(getRadioInputProps(context), props);
-  return /* @__PURE__ */ jsx(ark.input, { ...mergedProps, ...parts.radioInput.attrs, ref });
-});
-SegmentInput.displayName = "SegmentInput";
-
-export { SegmentInput };