@ark-ui/react 3.0.0-0 → 3.0.0-2

package/dist/components/rating-group/rating-group-item-context.d.ts

@@ -0,0 +1,7 @@
+import { ReactNode } from 'react';
+import { UseRatingGroupItemContext } from './use-rating-group-item-context';
+
+export interface RatingGroupItemContextProps {
+    children: (context: UseRatingGroupItemContext) => ReactNode;
+}
+export declare const RatingGroupItemContext: (props: RatingGroupItemContextProps) => ReactNode;

package/dist/components/rating-group/rating-group-item.cjs

@@ -0,0 +1,23 @@
+'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 createSplitProps = require('../../utils/create-split-props.cjs');
+const factory = require('../factory.cjs');
+const useRatingGroupContext = require('./use-rating-group-context.cjs');
+const useRatingGroupItemContext = require('./use-rating-group-item-context.cjs');
+
+const RatingGroupItem = react.forwardRef((props, ref) => {
+  const [itemProps, localProps] = createSplitProps.createSplitProps()(props, ["index"]);
+  const ratingGroup = useRatingGroupContext.useRatingGroupContext();
+  const mergedProps = react$1.mergeProps(ratingGroup.getItemProps(itemProps), localProps);
+  const itemState = ratingGroup.getItemState(itemProps);
+  return /* @__PURE__ */ jsxRuntime.jsx(useRatingGroupItemContext.RatingGroupItemProvider, { value: itemState, children: /* @__PURE__ */ jsxRuntime.jsx(factory.ark.span, { ...mergedProps, ref }) });
+});
+RatingGroupItem.displayName = "RatingGroupItem";
+
+exports.RatingGroupItem = RatingGroupItem;

package/dist/components/rating-group/rating-group-item.d.cts

@@ -0,0 +1,8 @@
+import { ItemProps } from '@zag-js/rating-group';
+import { Assign } from '../../types';
+import { HTMLArkProps } from '../factory';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+
+export interface RatingGroupItemProps extends Assign<HTMLArkProps<'span'>, ItemProps> {
+}
+export declare const RatingGroupItem: ForwardRefExoticComponent<RatingGroupItemProps & RefAttributes<HTMLSpanElement>>;

package/dist/components/rating-group/rating-group-item.d.ts

@@ -0,0 +1,8 @@
+import { ItemProps } from '@zag-js/rating-group';
+import { Assign } from '../../types';
+import { HTMLArkProps } from '../factory';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+
+export interface RatingGroupItemProps extends Assign<HTMLArkProps<'span'>, ItemProps> {
+}
+export declare const RatingGroupItem: ForwardRefExoticComponent<RatingGroupItemProps & RefAttributes<HTMLSpanElement>>;

package/dist/components/rating-group/rating-group-item.js

@@ -0,0 +1,19 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { mergeProps } from '@zag-js/react';
+import { forwardRef } from 'react';
+import { createSplitProps } from '../../utils/create-split-props.js';
+import { ark } from '../factory.js';
+import { useRatingGroupContext } from './use-rating-group-context.js';
+import { RatingGroupItemProvider } from './use-rating-group-item-context.js';
+
+const RatingGroupItem = forwardRef((props, ref) => {
+  const [itemProps, localProps] = createSplitProps()(props, ["index"]);
+  const ratingGroup = useRatingGroupContext();
+  const mergedProps = mergeProps(ratingGroup.getItemProps(itemProps), localProps);
+  const itemState = ratingGroup.getItemState(itemProps);
+  return /* @__PURE__ */ jsx(RatingGroupItemProvider, { value: itemState, children: /* @__PURE__ */ jsx(ark.span, { ...mergedProps, ref }) });
+});
+RatingGroupItem.displayName = "RatingGroupItem";
+
+export { RatingGroupItem };

package/dist/components/rating-group/rating-group-label.d.cts

@@ -0,0 +1,6 @@
+import { HTMLArkProps } from '../factory';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+
+export interface RatingGroupLabelProps extends HTMLArkProps<'label'> {
+}
+export declare const RatingGroupLabel: ForwardRefExoticComponent<RatingGroupLabelProps & RefAttributes<HTMLLabelElement>>;

package/dist/components/rating-group/rating-group-label.d.ts

@@ -0,0 +1,6 @@
+import { HTMLArkProps } from '../factory';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+
+export interface RatingGroupLabelProps extends HTMLArkProps<'label'> {
+}
+export declare const RatingGroupLabel: ForwardRefExoticComponent<RatingGroupLabelProps & RefAttributes<HTMLLabelElement>>;

package/dist/components/rating-group/rating-group-root.cjs

@@ -0,0 +1,37 @@
+'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 createSplitProps = require('../../utils/create-split-props.cjs');
+const factory = require('../factory.cjs');
+const useRatingGroup = require('./use-rating-group.cjs');
+const useRatingGroupContext = require('./use-rating-group-context.cjs');
+
+const RatingGroupRoot = react.forwardRef((props, ref) => {
+  const [useRatingProps, localProps] = createSplitProps.createSplitProps()(props, [
+    "allowHalf",
+    "autoFocus",
+    "count",
+    "defaultValue",
+    "disabled",
+    "form",
+    "id",
+    "ids",
+    "name",
+    "onHoverChange",
+    "onValueChange",
+    "readOnly",
+    "translations",
+    "value"
+  ]);
+  const ratingGroup = useRatingGroup.useRatingGroup(useRatingProps);
+  const mergedProps = react$1.mergeProps(ratingGroup.rootProps, localProps);
+  return /* @__PURE__ */ jsxRuntime.jsx(useRatingGroupContext.RatingGroupProvider, { value: ratingGroup, children: /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref }) });
+});
+RatingGroupRoot.displayName = "RatingGroupRoot";
+
+exports.RatingGroupRoot = RatingGroupRoot;

package/dist/components/rating-group/rating-group-root.d.cts

@@ -0,0 +1,8 @@
+import { Assign } from '../../types';
+import { HTMLArkProps } from '../factory';
+import { UseRatingGroupProps } from './use-rating-group';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+
+export interface RatingGroupRootProps extends Assign<HTMLArkProps<'div'>, UseRatingGroupProps> {
+}
+export declare const RatingGroupRoot: ForwardRefExoticComponent<RatingGroupRootProps & RefAttributes<HTMLDivElement>>;

package/dist/components/rating-group/rating-group-root.d.ts

@@ -0,0 +1,8 @@
+import { Assign } from '../../types';
+import { HTMLArkProps } from '../factory';
+import { UseRatingGroupProps } from './use-rating-group';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+
+export interface RatingGroupRootProps extends Assign<HTMLArkProps<'div'>, UseRatingGroupProps> {
+}
+export declare const RatingGroupRoot: ForwardRefExoticComponent<RatingGroupRootProps & RefAttributes<HTMLDivElement>>;

package/dist/components/rating-group/rating-group-root.js

@@ -0,0 +1,33 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { mergeProps } from '@zag-js/react';
+import { forwardRef } from 'react';
+import { createSplitProps } from '../../utils/create-split-props.js';
+import { ark } from '../factory.js';
+import { useRatingGroup } from './use-rating-group.js';
+import { RatingGroupProvider } from './use-rating-group-context.js';
+
+const RatingGroupRoot = forwardRef((props, ref) => {
+  const [useRatingProps, localProps] = createSplitProps()(props, [
+    "allowHalf",
+    "autoFocus",
+    "count",
+    "defaultValue",
+    "disabled",
+    "form",
+    "id",
+    "ids",
+    "name",
+    "onHoverChange",
+    "onValueChange",
+    "readOnly",
+    "translations",
+    "value"
+  ]);
+  const ratingGroup = useRatingGroup(useRatingProps);
+  const mergedProps = mergeProps(ratingGroup.rootProps, localProps);
+  return /* @__PURE__ */ jsx(RatingGroupProvider, { value: ratingGroup, children: /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref }) });
+});
+RatingGroupRoot.displayName = "RatingGroupRoot";
+
+export { RatingGroupRoot };

package/dist/components/rating-group/rating-group.cjs

@@ -0,0 +1,21 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const ratingGroupContext = require('./rating-group-context.cjs');
+const ratingGroupControl = require('./rating-group-control.cjs');
+const ratingGroupItem = require('./rating-group-item.cjs');
+const ratingGroupItemContext = require('./rating-group-item-context.cjs');
+const ratingGroupLabel = require('./rating-group-label.cjs');
+const ratingGroupRoot = require('./rating-group-root.cjs');
+const ratingGroupHiddenInput = require('./rating-group-hidden-input.cjs');
+
+
+
+exports.Context = ratingGroupContext.RatingGroupContext;
+exports.Control = ratingGroupControl.RatingGroupControl;
+exports.Item = ratingGroupItem.RatingGroupItem;
+exports.ItemContext = ratingGroupItemContext.RatingGroupItemContext;
+exports.Label = ratingGroupLabel.RatingGroupLabel;
+exports.Root = ratingGroupRoot.RatingGroupRoot;
+exports.HiddenInput = ratingGroupHiddenInput.RatingGroupHiddenInput;

package/dist/components/rating-group/rating-group.d.cts

@@ -0,0 +1,8 @@
+export type { HoverChangeDetails, ValueChangeDetails } from '@zag-js/rating-group';
+export { RatingGroupContext as Context, type RatingGroupContextProps as ContextProps, } from './rating-group-context';
+export { RatingGroupControl as Control, type RatingGroupControlProps as ControlProps, } from './rating-group-control';
+export { RatingGroupItem as Item, type RatingGroupItemProps as ItemProps, } from './rating-group-item';
+export { RatingGroupItemContext as ItemContext, type RatingGroupItemContextProps as ItemContextProps, } from './rating-group-item-context';
+export { RatingGroupLabel as Label, type RatingGroupLabelProps as LabelProps, } from './rating-group-label';
+export { RatingGroupRoot as Root, type RatingGroupRootProps as RootProps, } from './rating-group-root';
+export { RatingGroupHiddenInput as HiddenInput, type RatingGroupHiddenInputProps as HiddenInputProps, } from './rating-group-hidden-input';

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

@@ -0,0 +1,8 @@
+export type { HoverChangeDetails, ValueChangeDetails } from '@zag-js/rating-group';
+export { RatingGroupContext as Context, type RatingGroupContextProps as ContextProps, } from './rating-group-context';
+export { RatingGroupControl as Control, type RatingGroupControlProps as ControlProps, } from './rating-group-control';
+export { RatingGroupItem as Item, type RatingGroupItemProps as ItemProps, } from './rating-group-item';
+export { RatingGroupItemContext as ItemContext, type RatingGroupItemContextProps as ItemContextProps, } from './rating-group-item-context';
+export { RatingGroupLabel as Label, type RatingGroupLabelProps as LabelProps, } from './rating-group-label';
+export { RatingGroupRoot as Root, type RatingGroupRootProps as RootProps, } from './rating-group-root';
+export { RatingGroupHiddenInput as HiddenInput, type RatingGroupHiddenInputProps as HiddenInputProps, } from './rating-group-hidden-input';

package/dist/components/rating-group/rating-group.js

@@ -0,0 +1,7 @@
+export { RatingGroupContext as Context } from './rating-group-context.js';
+export { RatingGroupControl as Control } from './rating-group-control.js';
+export { RatingGroupItem as Item } from './rating-group-item.js';
+export { RatingGroupItemContext as ItemContext } from './rating-group-item-context.js';
+export { RatingGroupLabel as Label } from './rating-group-label.js';
+export { RatingGroupRoot as Root } from './rating-group-root.js';
+export { RatingGroupHiddenInput as HiddenInput } from './rating-group-hidden-input.js';

package/dist/components/rating-group/use-rating-group-context.cjs

@@ -0,0 +1,15 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const createContext = require('../../utils/create-context.cjs');
+
+const [RatingGroupProvider, useRatingGroupContext] = createContext.createContext({
+  name: "RatingGroupContext",
+  hookName: "useRatingGroupContext",
+  providerName: "<RatingGroupProvider />"
+});
+
+exports.RatingGroupProvider = RatingGroupProvider;
+exports.useRatingGroupContext = useRatingGroupContext;

package/dist/components/rating-group/use-rating-group-context.d.cts

@@ -0,0 +1,6 @@
+import { UseRatingGroupReturn } from './use-rating-group';
+import { Provider } from 'react';
+
+export interface UseRatingGroupContext extends UseRatingGroupReturn {
+}
+export declare const RatingGroupProvider: Provider<UseRatingGroupContext>, useRatingGroupContext: () => UseRatingGroupContext;

package/dist/components/rating-group/use-rating-group-context.d.ts

@@ -0,0 +1,6 @@
+import { UseRatingGroupReturn } from './use-rating-group';
+import { Provider } from 'react';
+
+export interface UseRatingGroupContext extends UseRatingGroupReturn {
+}
+export declare const RatingGroupProvider: Provider<UseRatingGroupContext>, useRatingGroupContext: () => UseRatingGroupContext;

package/dist/components/rating-group/use-rating-group-context.js

@@ -0,0 +1,10 @@
+'use client';
+import { createContext } from '../../utils/create-context.js';
+
+const [RatingGroupProvider, useRatingGroupContext] = createContext({
+  name: "RatingGroupContext",
+  hookName: "useRatingGroupContext",
+  providerName: "<RatingGroupProvider />"
+});
+
+export { RatingGroupProvider, useRatingGroupContext };

package/dist/components/rating-group/use-rating-group-item-context.cjs

@@ -0,0 +1,15 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const createContext = require('../../utils/create-context.cjs');
+
+const [RatingGroupItemProvider, useRatingGroupItemContext] = createContext.createContext({
+  name: "RatingGroupItemContext",
+  hookName: "useRatingGroupItemContext",
+  providerName: "<RatingGroupItemProvider />"
+});
+
+exports.RatingGroupItemProvider = RatingGroupItemProvider;
+exports.useRatingGroupItemContext = useRatingGroupItemContext;

package/dist/components/rating-group/use-rating-group-item-context.d.cts

@@ -0,0 +1,6 @@
+import { ItemState } from '@zag-js/rating-group';
+import { Provider } from 'react';
+
+export interface UseRatingGroupItemContext extends ItemState {
+}
+export declare const RatingGroupItemProvider: Provider<UseRatingGroupItemContext>, useRatingGroupItemContext: () => UseRatingGroupItemContext;

package/dist/components/rating-group/use-rating-group-item-context.d.ts

@@ -0,0 +1,6 @@
+import { ItemState } from '@zag-js/rating-group';
+import { Provider } from 'react';
+
+export interface UseRatingGroupItemContext extends ItemState {
+}
+export declare const RatingGroupItemProvider: Provider<UseRatingGroupItemContext>, useRatingGroupItemContext: () => UseRatingGroupItemContext;

package/dist/components/rating-group/use-rating-group-item-context.js

@@ -0,0 +1,10 @@
+'use client';
+import { createContext } from '../../utils/create-context.js';
+
+const [RatingGroupItemProvider, useRatingGroupItemContext] = createContext({
+  name: "RatingGroupItemContext",
+  hookName: "useRatingGroupItemContext",
+  providerName: "<RatingGroupItemProvider />"
+});
+
+export { RatingGroupItemProvider, useRatingGroupItemContext };

package/dist/components/rating-group/use-rating-group.cjs

@@ -0,0 +1,54 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const rating = require('@zag-js/rating-group');
+const react$1 = require('@zag-js/react');
+const react = require('react');
+const useEnvironmentContext = require('../../providers/environment/use-environment-context.cjs');
+const useLocaleContext = require('../../providers/locale/use-locale-context.cjs');
+const useEvent = require('../../utils/use-event.cjs');
+
+function _interopNamespaceDefault(e) {
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: 'Module' } });
+  if (e) {
+    for (const k in e) {
+      if (k !== 'default') {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+const rating__namespace = /*#__PURE__*/_interopNamespaceDefault(rating);
+
+const useRatingGroup = (props) => {
+  const { getRootNode } = useEnvironmentContext.useEnvironmentContext();
+  const { dir } = useLocaleContext.useLocaleContext();
+  const initialContext = {
+    id: react.useId(),
+    dir,
+    getRootNode,
+    value: props.defaultValue,
+    ...props
+  };
+  const context = {
+    ...initialContext,
+    value: props.value,
+    onValueChange: useEvent.useEvent(props.onValueChange, { sync: true }),
+    onHoverChange: useEvent.useEvent(props.onHoverChange)
+  };
+  const [state, send] = react$1.useMachine(rating__namespace.machine(initialContext), {
+    context
+  });
+  return rating__namespace.connect(state, send, react$1.normalizeProps);
+};
+
+exports.useRatingGroup = useRatingGroup;

package/dist/components/rating-group/use-rating-group.d.cts

@@ -0,0 +1,13 @@
+import { PropTypes } from '@zag-js/react';
+import { Optional } from '../../types';
+import * as rating from '@zag-js/rating-group';
+export interface UseRatingGroupProps extends Optional<Omit<rating.Context, 'dir' | 'getRootNode'>, 'id'> {
+    /**
+     * The initial value of the rating group when it is first rendered.
+     * Use when you do not need to control the state of the rating group.
+     */
+    defaultValue?: rating.Context['value'];
+}
+export interface UseRatingGroupReturn extends rating.Api<PropTypes> {
+}
+export declare const useRatingGroup: (props: UseRatingGroupProps) => UseRatingGroupReturn;

package/dist/components/rating-group/use-rating-group.d.ts

@@ -0,0 +1,13 @@
+import { PropTypes } from '@zag-js/react';
+import { Optional } from '../../types';
+import * as rating from '@zag-js/rating-group';
+export interface UseRatingGroupProps extends Optional<Omit<rating.Context, 'dir' | 'getRootNode'>, 'id'> {
+    /**
+     * The initial value of the rating group when it is first rendered.
+     * Use when you do not need to control the state of the rating group.
+     */
+    defaultValue?: rating.Context['value'];
+}
+export interface UseRatingGroupReturn extends rating.Api<PropTypes> {
+}
+export declare const useRatingGroup: (props: UseRatingGroupProps) => UseRatingGroupReturn;

package/dist/components/rating-group/use-rating-group.js

@@ -0,0 +1,31 @@
+'use client';
+import * as rating from '@zag-js/rating-group';
+import { useMachine, normalizeProps } from '@zag-js/react';
+import { useId } from 'react';
+import { useEnvironmentContext } from '../../providers/environment/use-environment-context.js';
+import { useLocaleContext } from '../../providers/locale/use-locale-context.js';
+import { useEvent } from '../../utils/use-event.js';
+
+const useRatingGroup = (props) => {
+  const { getRootNode } = useEnvironmentContext();
+  const { dir } = useLocaleContext();
+  const initialContext = {
+    id: useId(),
+    dir,
+    getRootNode,
+    value: props.defaultValue,
+    ...props
+  };
+  const context = {
+    ...initialContext,
+    value: props.value,
+    onValueChange: useEvent(props.onValueChange, { sync: true }),
+    onHoverChange: useEvent(props.onHoverChange)
+  };
+  const [state, send] = useMachine(rating.machine(initialContext), {
+    context
+  });
+  return rating.connect(state, send, normalizeProps);
+};
+
+export { useRatingGroup };

package/dist/components/segment-group/index.d.cts

@@ -0,0 +1,12 @@
+export type { ValueChangeDetails as SegmentGroupValueChangeDetails } from '@zag-js/radio-group';
+export { SegmentGroupContext, type SegmentGroupContextProps } from './segment-group-context';
+export { SegmentGroupIndicator, type SegmentGroupIndicatorProps } from './segment-group-indicator';
+export { SegmentGroupItem, type SegmentGroupItemProps } from './segment-group-item';
+export { SegmentGroupItemContext, type SegmentGroupItemContextProps, } from './segment-group-item-context';
+export { SegmentGroupItemControl, type SegmentGroupItemControlProps, } from './segment-group-item-control';
+export { SegmentGroupItemText, type SegmentGroupItemTextProps } from './segment-group-item-text';
+export { SegmentGroupLabel, type SegmentGroupLabelProps } from './segment-group-label';
+export { SegmentGroupRoot, type SegmentGroupRootProps } from './segment-group-root';
+export { type UseSegmentGroupContext, useSegmentGroupContext } from './use-segment-group-context';
+export { type UseSegmentGroupItemContext, useSegmentGroupItemContext, } from './use-segment-group-item-context';
+export * as SegmentGroup from './segment-group';

package/dist/components/segment-group/index.d.ts

@@ -0,0 +1,12 @@
+export type { ValueChangeDetails as SegmentGroupValueChangeDetails } from '@zag-js/radio-group';
+export { SegmentGroupContext, type SegmentGroupContextProps } from './segment-group-context';
+export { SegmentGroupIndicator, type SegmentGroupIndicatorProps } from './segment-group-indicator';
+export { SegmentGroupItem, type SegmentGroupItemProps } from './segment-group-item';
+export { SegmentGroupItemContext, type SegmentGroupItemContextProps, } from './segment-group-item-context';
+export { SegmentGroupItemControl, type SegmentGroupItemControlProps, } from './segment-group-item-control';
+export { SegmentGroupItemText, type SegmentGroupItemTextProps } from './segment-group-item-text';
+export { SegmentGroupLabel, type SegmentGroupLabelProps } from './segment-group-label';
+export { SegmentGroupRoot, type SegmentGroupRootProps } from './segment-group-root';
+export { type UseSegmentGroupContext, useSegmentGroupContext } from './use-segment-group-context';
+export { type UseSegmentGroupItemContext, useSegmentGroupItemContext, } from './use-segment-group-item-context';
+export * as SegmentGroup from './segment-group';

package/dist/components/segment-group/segment-group-context.d.cts

@@ -0,0 +1,7 @@
+import { ReactNode } from 'react';
+import { UseSegmentGroupContext } from './use-segment-group-context';
+
+export interface SegmentGroupContextProps {
+    children: (context: UseSegmentGroupContext) => ReactNode;
+}
+export declare const SegmentGroupContext: (props: SegmentGroupContextProps) => ReactNode;

package/dist/components/segment-group/segment-group-context.d.ts

@@ -0,0 +1,7 @@
+import { ReactNode } from 'react';
+import { UseSegmentGroupContext } from './use-segment-group-context';
+
+export interface SegmentGroupContextProps {
+    children: (context: UseSegmentGroupContext) => ReactNode;
+}
+export declare const SegmentGroupContext: (props: SegmentGroupContextProps) => ReactNode;

package/dist/components/segment-group/segment-group-indicator.d.cts

@@ -0,0 +1,6 @@
+import { HTMLArkProps } from '../factory';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+
+export interface SegmentGroupIndicatorProps extends HTMLArkProps<'div'> {
+}
+export declare const SegmentGroupIndicator: ForwardRefExoticComponent<SegmentGroupIndicatorProps & RefAttributes<HTMLDivElement>>;

package/dist/components/segment-group/segment-group-indicator.d.ts

@@ -0,0 +1,6 @@
+import { HTMLArkProps } from '../factory';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+
+export interface SegmentGroupIndicatorProps extends HTMLArkProps<'div'> {
+}
+export declare const SegmentGroupIndicator: ForwardRefExoticComponent<SegmentGroupIndicatorProps & RefAttributes<HTMLDivElement>>;

package/dist/components/segment-group/segment-group-item-context.d.cts

@@ -0,0 +1,7 @@
+import { ReactNode } from 'react';
+import { UseSegmentGroupItemContext } from './use-segment-group-item-context';
+
+export interface SegmentGroupItemContextProps {
+    children: (context: UseSegmentGroupItemContext) => ReactNode;
+}
+export declare const SegmentGroupItemContext: (props: SegmentGroupItemContextProps) => ReactNode;

package/dist/components/segment-group/segment-group-item-context.d.ts

@@ -0,0 +1,7 @@
+import { ReactNode } from 'react';
+import { UseSegmentGroupItemContext } from './use-segment-group-item-context';
+
+export interface SegmentGroupItemContextProps {
+    children: (context: UseSegmentGroupItemContext) => ReactNode;
+}
+export declare const SegmentGroupItemContext: (props: SegmentGroupItemContextProps) => ReactNode;

package/dist/components/segment-group/segment-group-item-control.d.cts

@@ -0,0 +1,6 @@
+import { HTMLArkProps } from '../factory';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+
+export interface SegmentGroupItemControlProps extends HTMLArkProps<'div'> {
+}
+export declare const SegmentGroupItemControl: ForwardRefExoticComponent<SegmentGroupItemControlProps & RefAttributes<HTMLDivElement>>;

package/dist/components/segment-group/segment-group-item-control.d.ts

@@ -0,0 +1,6 @@
+import { HTMLArkProps } from '../factory';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+
+export interface SegmentGroupItemControlProps extends HTMLArkProps<'div'> {
+}
+export declare const SegmentGroupItemControl: ForwardRefExoticComponent<SegmentGroupItemControlProps & RefAttributes<HTMLDivElement>>;

package/dist/components/segment-group/segment-group-item-text.d.cts

@@ -0,0 +1,6 @@
+import { HTMLArkProps } from '../factory';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+
+export interface SegmentGroupItemTextProps extends HTMLArkProps<'span'> {
+}
+export declare const SegmentGroupItemText: ForwardRefExoticComponent<SegmentGroupItemTextProps & RefAttributes<HTMLSpanElement>>;

package/dist/components/segment-group/segment-group-item-text.d.ts

@@ -0,0 +1,6 @@
+import { HTMLArkProps } from '../factory';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+
+export interface SegmentGroupItemTextProps extends HTMLArkProps<'span'> {
+}
+export declare const SegmentGroupItemText: ForwardRefExoticComponent<SegmentGroupItemTextProps & RefAttributes<HTMLSpanElement>>;

package/dist/components/segment-group/segment-group-item.cjs

@@ -0,0 +1,35 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const anatomy = require('@ark-ui/anatomy');
+const react$1 = require('@zag-js/react');
+const react = require('react');
+const createSplitProps = require('../../utils/create-split-props.cjs');
+const factory = require('../factory.cjs');
+const useSegmentGroupContext = require('./use-segment-group-context.cjs');
+const useSegmentGroupItemContext = require('./use-segment-group-item-context.cjs');
+const useSegmentGroupItemPropsContext = require('./use-segment-group-item-props-context.cjs');
+
+const SegmentGroupItem = react.forwardRef(
+  (props, ref) => {
+    const [itemProps, localProps] = createSplitProps.createSplitProps()(props, [
+      "value",
+      "disabled",
+      "invalid"
+    ]);
+    const segmentGroup = useSegmentGroupContext.useSegmentGroupContext();
+    const mergedProps = react$1.mergeProps(
+      segmentGroup.getItemProps(itemProps),
+      anatomy.segmentGroupAnatomy.build().item.attrs,
+      localProps
+    );
+    const itemState = segmentGroup.getItemState(itemProps);
+    return /* @__PURE__ */ jsxRuntime.jsx(useSegmentGroupItemPropsContext.SegmentGroupItemPropsProvider, { value: itemProps, children: /* @__PURE__ */ jsxRuntime.jsx(useSegmentGroupItemContext.SegmentGroupItemProvider, { value: itemState, children: /* @__PURE__ */ jsxRuntime.jsx(factory.ark.label, { ...mergedProps, ref }) }) });
+  }
+);
+SegmentGroupItem.displayName = "SegmentGroupItem";
+
+exports.SegmentGroupItem = SegmentGroupItem;

package/dist/components/segment-group/segment-group-item.d.cts

@@ -0,0 +1,8 @@
+import { ItemProps } from '@zag-js/radio-group';
+import { Assign } from '../../types';
+import { HTMLArkProps } from '../factory';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+
+export interface SegmentGroupItemProps extends Assign<HTMLArkProps<'label'>, ItemProps> {
+}
+export declare const SegmentGroupItem: ForwardRefExoticComponent<SegmentGroupItemProps & RefAttributes<HTMLLabelElement>>;

package/dist/components/segment-group/segment-group-item.d.ts

@@ -0,0 +1,8 @@
+import { ItemProps } from '@zag-js/radio-group';
+import { Assign } from '../../types';
+import { HTMLArkProps } from '../factory';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+
+export interface SegmentGroupItemProps extends Assign<HTMLArkProps<'label'>, ItemProps> {
+}
+export declare const SegmentGroupItem: ForwardRefExoticComponent<SegmentGroupItemProps & RefAttributes<HTMLLabelElement>>;