@ark-ui/react 3.2.1 → 3.4.0-0

package/dist/components/carousel/carousel-root-provider.cjs

@@ -12,9 +12,10 @@ const useCarouselContext = require('./use-carousel-context.cjs');
 
 const CarouselRootProvider = react.forwardRef(
   (props, ref) => {
-    const [{ value: carousel }, localProps] = createSplitProps.createSplitProps()(props, [
-      "value"
-    ]);
+    const [{ value: carousel }, localProps] = createSplitProps.createSplitProps()(
+      props,
+      ["value"]
+    );
     const mergedProps = react$1.mergeProps(carousel.getRootProps(), localProps);
     return /* @__PURE__ */ jsxRuntime.jsx(useCarouselContext.CarouselProvider, { value: carousel, children: /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref }) });
   }

package/dist/components/carousel/carousel-root-provider.d.cts

@@ -2,10 +2,9 @@ import { HTMLArkProps } from '../factory';
 import { UseCarouselReturn } from './use-carousel';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-interface RootProviderProps {
+export interface CarouselRootProviderBaseProps {
     value: UseCarouselReturn;
 }
-export interface CarouselRootProviderProps extends HTMLArkProps<'div'>, RootProviderProps {
+export interface CarouselRootProviderProps extends HTMLArkProps<'div'>, CarouselRootProviderBaseProps {
 }
 export declare const CarouselRootProvider: ForwardRefExoticComponent<CarouselRootProviderProps & RefAttributes<HTMLDivElement>>;
-export {};

package/dist/components/carousel/carousel-root-provider.d.ts

@@ -2,10 +2,9 @@ import { HTMLArkProps } from '../factory';
 import { UseCarouselReturn } from './use-carousel';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-interface RootProviderProps {
+export interface CarouselRootProviderBaseProps {
     value: UseCarouselReturn;
 }
-export interface CarouselRootProviderProps extends HTMLArkProps<'div'>, RootProviderProps {
+export interface CarouselRootProviderProps extends HTMLArkProps<'div'>, CarouselRootProviderBaseProps {
 }
 export declare const CarouselRootProvider: ForwardRefExoticComponent<CarouselRootProviderProps & RefAttributes<HTMLDivElement>>;
-export {};

package/dist/components/carousel/carousel-root-provider.js

@@ -8,9 +8,10 @@ import { CarouselProvider } from './use-carousel-context.js';
 
 const CarouselRootProvider = forwardRef(
   (props, ref) => {
-    const [{ value: carousel }, localProps] = createSplitProps()(props, [
-      "value"
-    ]);
+    const [{ value: carousel }, localProps] = createSplitProps()(
+      props,
+      ["value"]
+    );
     const mergedProps = mergeProps(carousel.getRootProps(), localProps);
     return /* @__PURE__ */ jsx(CarouselProvider, { value: carousel, children: /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref }) });
   }

package/dist/components/carousel/carousel-root.d.cts

@@ -3,6 +3,8 @@ import { HTMLArkProps } from '../factory';
 import { UseCarouselProps } from './use-carousel';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface CarouselRootProps extends Assign<HTMLArkProps<'div'>, UseCarouselProps> {
+export interface CarouselRootBaseProps extends UseCarouselProps {
+}
+export interface CarouselRootProps extends Assign<HTMLArkProps<'div'>, CarouselRootBaseProps> {
 }
 export declare const CarouselRoot: ForwardRefExoticComponent<CarouselRootProps & RefAttributes<HTMLDivElement>>;

package/dist/components/carousel/carousel-root.d.ts

@@ -3,6 +3,8 @@ import { HTMLArkProps } from '../factory';
 import { UseCarouselProps } from './use-carousel';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface CarouselRootProps extends Assign<HTMLArkProps<'div'>, UseCarouselProps> {
+export interface CarouselRootBaseProps extends UseCarouselProps {
+}
+export interface CarouselRootProps extends Assign<HTMLArkProps<'div'>, CarouselRootBaseProps> {
 }
 export declare const CarouselRoot: ForwardRefExoticComponent<CarouselRootProps & RefAttributes<HTMLDivElement>>;

package/dist/components/carousel/carousel-viewport.d.cts

@@ -1,6 +1,7 @@
 import { HTMLArkProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface CarouselViewportProps extends HTMLArkProps<'div'> {
+export type CarouselViewportBaseProps = {};
+export interface CarouselViewportProps extends HTMLArkProps<'div'>, CarouselViewportBaseProps {
 }
 export declare const CarouselViewport: ForwardRefExoticComponent<CarouselViewportProps & RefAttributes<HTMLDivElement>>;

package/dist/components/carousel/carousel-viewport.d.ts

@@ -1,6 +1,7 @@
 import { HTMLArkProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface CarouselViewportProps extends HTMLArkProps<'div'> {
+export type CarouselViewportBaseProps = {};
+export interface CarouselViewportProps extends HTMLArkProps<'div'>, CarouselViewportBaseProps {
 }
 export declare const CarouselViewport: ForwardRefExoticComponent<CarouselViewportProps & RefAttributes<HTMLDivElement>>;

package/dist/components/carousel/carousel.d.cts

@@ -1,12 +1,12 @@
 export type { SlideChangeDetails } from '@zag-js/carousel';
 export { CarouselContext as Context, type CarouselContextProps as ContextProps, } from './carousel-context';
-export { CarouselControl as Control, type CarouselControlProps as ControlProps, } from './carousel-control';
-export { CarouselIndicator as Indicator, type CarouselIndicatorProps as IndicatorProps, } from './carousel-indicator';
-export { CarouselIndicatorGroup as IndicatorGroup, type CarouselIndicatorGroupProps as IndicatorGroupProps, } from './carousel-indicator-group';
-export { CarouselItem as Item, type CarouselItemProps as ItemProps } from './carousel-item';
-export { CarouselItemGroup as ItemGroup, type CarouselItemGroupProps as ItemGroupProps, } from './carousel-item-group';
-export { CarouselNextTrigger as NextTrigger, type CarouselNextTriggerProps as NextTriggerProps, } from './carousel-next-trigger';
-export { CarouselPrevTrigger as PrevTrigger, type CarouselPrevTriggerProps as PrevTriggerProps, } from './carousel-prev-trigger';
-export { CarouselRoot as Root, type CarouselRootProps as RootProps } from './carousel-root';
-export { CarouselRootProvider as RootProvider, type CarouselRootProviderProps as RootProviderProps, } from './carousel-root-provider';
-export { CarouselViewport as Viewport, type CarouselViewportProps as ViewportProps, } from './carousel-viewport';
+export { CarouselControl as Control, type CarouselControlProps as ControlProps, type CarouselControlBaseProps as ControlBaseProps, } from './carousel-control';
+export { CarouselIndicator as Indicator, type CarouselIndicatorProps as IndicatorProps, type CarouselIndicatorBaseProps as IndicatorBaseProps, } from './carousel-indicator';
+export { CarouselIndicatorGroup as IndicatorGroup, type CarouselIndicatorGroupProps as IndicatorGroupProps, type CarouselIndicatorGroupBaseProps as IndicatorGroupBaseProps, } from './carousel-indicator-group';
+export { CarouselItem as Item, type CarouselItemProps as ItemProps, type CarouselItemBaseProps as ItemBaseProps, } from './carousel-item';
+export { CarouselItemGroup as ItemGroup, type CarouselItemGroupProps as ItemGroupProps, type CarouselItemGroupBaseProps as ItemGroupBaseProps, } from './carousel-item-group';
+export { CarouselNextTrigger as NextTrigger, type CarouselNextTriggerProps as NextTriggerProps, type CarouselNextTriggerBaseProps as NextTriggerBaseProps, } from './carousel-next-trigger';
+export { CarouselPrevTrigger as PrevTrigger, type CarouselPrevTriggerProps as PrevTriggerProps, type CarouselPrevTriggerBaseProps as PrevTriggerBaseProps, } from './carousel-prev-trigger';
+export { CarouselRoot as Root, type CarouselRootProps as RootProps, type CarouselRootBaseProps as RootBaseProps, } from './carousel-root';
+export { CarouselRootProvider as RootProvider, type CarouselRootProviderProps as RootProviderProps, type CarouselRootProviderBaseProps as RootProviderBaseProps, } from './carousel-root-provider';
+export { CarouselViewport as Viewport, type CarouselViewportProps as ViewportProps, type CarouselViewportBaseProps as ViewportBaseProps, } from './carousel-viewport';

package/dist/components/carousel/carousel.d.ts

@@ -1,12 +1,12 @@
 export type { SlideChangeDetails } from '@zag-js/carousel';
 export { CarouselContext as Context, type CarouselContextProps as ContextProps, } from './carousel-context';
-export { CarouselControl as Control, type CarouselControlProps as ControlProps, } from './carousel-control';
-export { CarouselIndicator as Indicator, type CarouselIndicatorProps as IndicatorProps, } from './carousel-indicator';
-export { CarouselIndicatorGroup as IndicatorGroup, type CarouselIndicatorGroupProps as IndicatorGroupProps, } from './carousel-indicator-group';
-export { CarouselItem as Item, type CarouselItemProps as ItemProps } from './carousel-item';
-export { CarouselItemGroup as ItemGroup, type CarouselItemGroupProps as ItemGroupProps, } from './carousel-item-group';
-export { CarouselNextTrigger as NextTrigger, type CarouselNextTriggerProps as NextTriggerProps, } from './carousel-next-trigger';
-export { CarouselPrevTrigger as PrevTrigger, type CarouselPrevTriggerProps as PrevTriggerProps, } from './carousel-prev-trigger';
-export { CarouselRoot as Root, type CarouselRootProps as RootProps } from './carousel-root';
-export { CarouselRootProvider as RootProvider, type CarouselRootProviderProps as RootProviderProps, } from './carousel-root-provider';
-export { CarouselViewport as Viewport, type CarouselViewportProps as ViewportProps, } from './carousel-viewport';
+export { CarouselControl as Control, type CarouselControlProps as ControlProps, type CarouselControlBaseProps as ControlBaseProps, } from './carousel-control';
+export { CarouselIndicator as Indicator, type CarouselIndicatorProps as IndicatorProps, type CarouselIndicatorBaseProps as IndicatorBaseProps, } from './carousel-indicator';
+export { CarouselIndicatorGroup as IndicatorGroup, type CarouselIndicatorGroupProps as IndicatorGroupProps, type CarouselIndicatorGroupBaseProps as IndicatorGroupBaseProps, } from './carousel-indicator-group';
+export { CarouselItem as Item, type CarouselItemProps as ItemProps, type CarouselItemBaseProps as ItemBaseProps, } from './carousel-item';
+export { CarouselItemGroup as ItemGroup, type CarouselItemGroupProps as ItemGroupProps, type CarouselItemGroupBaseProps as ItemGroupBaseProps, } from './carousel-item-group';
+export { CarouselNextTrigger as NextTrigger, type CarouselNextTriggerProps as NextTriggerProps, type CarouselNextTriggerBaseProps as NextTriggerBaseProps, } from './carousel-next-trigger';
+export { CarouselPrevTrigger as PrevTrigger, type CarouselPrevTriggerProps as PrevTriggerProps, type CarouselPrevTriggerBaseProps as PrevTriggerBaseProps, } from './carousel-prev-trigger';
+export { CarouselRoot as Root, type CarouselRootProps as RootProps, type CarouselRootBaseProps as RootBaseProps, } from './carousel-root';
+export { CarouselRootProvider as RootProvider, type CarouselRootProviderProps as RootProviderProps, type CarouselRootProviderBaseProps as RootProviderBaseProps, } from './carousel-root-provider';
+export { CarouselViewport as Viewport, type CarouselViewportProps as ViewportProps, type CarouselViewportBaseProps as ViewportBaseProps, } from './carousel-viewport';

package/dist/components/carousel/index.d.cts

@@ -1,15 +1,15 @@
 export type { SlideChangeDetails as CarouselSlideChangeDetails } from '@zag-js/carousel';
-export { CarouselContext, type CarouselContextProps } from './carousel-context';
-export { CarouselControl, type CarouselControlProps } from './carousel-control';
-export { CarouselIndicator, type CarouselIndicatorProps } from './carousel-indicator';
-export { CarouselIndicatorGroup, type CarouselIndicatorGroupProps, } from './carousel-indicator-group';
-export { CarouselItem, type CarouselItemProps } from './carousel-item';
-export { CarouselItemGroup, type CarouselItemGroupProps } from './carousel-item-group';
-export { CarouselNextTrigger, type CarouselNextTriggerProps } from './carousel-next-trigger';
-export { CarouselPrevTrigger, type CarouselPrevTriggerProps } from './carousel-prev-trigger';
-export { CarouselRoot, type CarouselRootProps } from './carousel-root';
-export { CarouselRootProvider, type CarouselRootProviderProps } from './carousel-root-provider';
-export { CarouselViewport, type CarouselViewportProps } from './carousel-viewport';
+export { CarouselContext, type CarouselContextProps, } from './carousel-context';
+export { CarouselControl, type CarouselControlProps, type CarouselControlBaseProps, } from './carousel-control';
+export { CarouselIndicator, type CarouselIndicatorProps, type CarouselIndicatorBaseProps, } from './carousel-indicator';
+export { CarouselIndicatorGroup, type CarouselIndicatorGroupProps, type CarouselIndicatorGroupBaseProps, } from './carousel-indicator-group';
+export { CarouselItem, type CarouselItemProps, type CarouselItemBaseProps, } from './carousel-item';
+export { CarouselItemGroup, type CarouselItemGroupProps, type CarouselItemGroupBaseProps, } from './carousel-item-group';
+export { CarouselNextTrigger, type CarouselNextTriggerProps, type CarouselNextTriggerBaseProps, } from './carousel-next-trigger';
+export { CarouselPrevTrigger, type CarouselPrevTriggerProps, type CarouselPrevTriggerBaseProps, } from './carousel-prev-trigger';
+export { CarouselRoot, type CarouselRootProps, type CarouselRootBaseProps, } from './carousel-root';
+export { CarouselRootProvider, type CarouselRootProviderProps, type CarouselRootProviderBaseProps, } from './carousel-root-provider';
+export { CarouselViewport, type CarouselViewportProps, type CarouselViewportBaseProps, } from './carousel-viewport';
 export { useCarousel, type UseCarouselProps, type UseCarouselReturn } from './use-carousel';
 export { useCarouselContext, type UseCarouselContext } from './use-carousel-context';
 export * as Carousel from './carousel';

package/dist/components/carousel/index.d.ts

@@ -1,15 +1,15 @@
 export type { SlideChangeDetails as CarouselSlideChangeDetails } from '@zag-js/carousel';
-export { CarouselContext, type CarouselContextProps } from './carousel-context';
-export { CarouselControl, type CarouselControlProps } from './carousel-control';
-export { CarouselIndicator, type CarouselIndicatorProps } from './carousel-indicator';
-export { CarouselIndicatorGroup, type CarouselIndicatorGroupProps, } from './carousel-indicator-group';
-export { CarouselItem, type CarouselItemProps } from './carousel-item';
-export { CarouselItemGroup, type CarouselItemGroupProps } from './carousel-item-group';
-export { CarouselNextTrigger, type CarouselNextTriggerProps } from './carousel-next-trigger';
-export { CarouselPrevTrigger, type CarouselPrevTriggerProps } from './carousel-prev-trigger';
-export { CarouselRoot, type CarouselRootProps } from './carousel-root';
-export { CarouselRootProvider, type CarouselRootProviderProps } from './carousel-root-provider';
-export { CarouselViewport, type CarouselViewportProps } from './carousel-viewport';
+export { CarouselContext, type CarouselContextProps, } from './carousel-context';
+export { CarouselControl, type CarouselControlProps, type CarouselControlBaseProps, } from './carousel-control';
+export { CarouselIndicator, type CarouselIndicatorProps, type CarouselIndicatorBaseProps, } from './carousel-indicator';
+export { CarouselIndicatorGroup, type CarouselIndicatorGroupProps, type CarouselIndicatorGroupBaseProps, } from './carousel-indicator-group';
+export { CarouselItem, type CarouselItemProps, type CarouselItemBaseProps, } from './carousel-item';
+export { CarouselItemGroup, type CarouselItemGroupProps, type CarouselItemGroupBaseProps, } from './carousel-item-group';
+export { CarouselNextTrigger, type CarouselNextTriggerProps, type CarouselNextTriggerBaseProps, } from './carousel-next-trigger';
+export { CarouselPrevTrigger, type CarouselPrevTriggerProps, type CarouselPrevTriggerBaseProps, } from './carousel-prev-trigger';
+export { CarouselRoot, type CarouselRootProps, type CarouselRootBaseProps, } from './carousel-root';
+export { CarouselRootProvider, type CarouselRootProviderProps, type CarouselRootProviderBaseProps, } from './carousel-root-provider';
+export { CarouselViewport, type CarouselViewportProps, type CarouselViewportBaseProps, } from './carousel-viewport';
 export { useCarousel, type UseCarouselProps, type UseCarouselReturn } from './use-carousel';
 export { useCarouselContext, type UseCarouselContext } from './use-carousel-context';
 export * as Carousel from './carousel';

package/dist/components/checkbox/checkbox-control.d.cts

@@ -1,6 +1,7 @@
 import { HTMLArkProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface CheckboxControlProps extends HTMLArkProps<'div'> {
+export type CheckboxControlBaseProps = {};
+export interface CheckboxControlProps extends HTMLArkProps<'div'>, CheckboxControlBaseProps {
 }
 export declare const CheckboxControl: ForwardRefExoticComponent<CheckboxControlProps & RefAttributes<HTMLDivElement>>;

package/dist/components/checkbox/checkbox-control.d.ts

@@ -1,6 +1,7 @@
 import { HTMLArkProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface CheckboxControlProps extends HTMLArkProps<'div'> {
+export type CheckboxControlBaseProps = {};
+export interface CheckboxControlProps extends HTMLArkProps<'div'>, CheckboxControlBaseProps {
 }
 export declare const CheckboxControl: ForwardRefExoticComponent<CheckboxControlProps & RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,27 @@
+'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 = require('react');
+const createSplitProps = require('../../utils/create-split-props.cjs');
+const factory = require('../factory.cjs');
+const useCheckboxGroup = require('./use-checkbox-group.cjs');
+const useCheckboxGroupContext = require('./use-checkbox-group-context.cjs');
+
+const CheckboxGroup = react.forwardRef((props, ref) => {
+  const [checkboxGroupProps, localProps] = createSplitProps.createSplitProps()(props, [
+    "defaultValue",
+    "value",
+    "onValueChange",
+    "disabled",
+    "readOnly"
+  ]);
+  const checkboxGroup = useCheckboxGroup.useCheckboxGroup(checkboxGroupProps);
+  return /* @__PURE__ */ jsxRuntime.jsx(useCheckboxGroupContext.CheckboxGroupContextProvider, { value: checkboxGroup, children: /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ref, role: "group", ...localProps, ...anatomy.checkboxAnatomy.build().group.attrs }) });
+});
+CheckboxGroup.displayName = "CheckboxGroup";
+
+exports.CheckboxGroup = CheckboxGroup;

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

@@ -0,0 +1,10 @@
+import { Assign } from '../../types';
+import { HTMLArkProps } from '../factory';
+import { UseCheckboxGroupProps } from './use-checkbox-group';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+
+export interface CheckboxGroupBaseProps extends UseCheckboxGroupProps {
+}
+export interface CheckboxGroupProps extends Assign<HTMLArkProps<'div'>, CheckboxGroupBaseProps> {
+}
+export declare const CheckboxGroup: ForwardRefExoticComponent<CheckboxGroupProps & RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,10 @@
+import { Assign } from '../../types';
+import { HTMLArkProps } from '../factory';
+import { UseCheckboxGroupProps } from './use-checkbox-group';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+
+export interface CheckboxGroupBaseProps extends UseCheckboxGroupProps {
+}
+export interface CheckboxGroupProps extends Assign<HTMLArkProps<'div'>, CheckboxGroupBaseProps> {
+}
+export declare const CheckboxGroup: ForwardRefExoticComponent<CheckboxGroupProps & RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,23 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { checkboxAnatomy } from '@ark-ui/anatomy';
+import { forwardRef } from 'react';
+import { createSplitProps } from '../../utils/create-split-props.js';
+import { ark } from '../factory.js';
+import { useCheckboxGroup } from './use-checkbox-group.js';
+import { CheckboxGroupContextProvider } from './use-checkbox-group-context.js';
+
+const CheckboxGroup = forwardRef((props, ref) => {
+  const [checkboxGroupProps, localProps] = createSplitProps()(props, [
+    "defaultValue",
+    "value",
+    "onValueChange",
+    "disabled",
+    "readOnly"
+  ]);
+  const checkboxGroup = useCheckboxGroup(checkboxGroupProps);
+  return /* @__PURE__ */ jsx(CheckboxGroupContextProvider, { value: checkboxGroup, children: /* @__PURE__ */ jsx(ark.div, { ref, role: "group", ...localProps, ...checkboxAnatomy.build().group.attrs }) });
+});
+CheckboxGroup.displayName = "CheckboxGroup";
+
+export { CheckboxGroup };

package/dist/components/checkbox/checkbox-hidden-input.d.cts

@@ -1,6 +1,7 @@
 import { HTMLArkProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface CheckboxHiddenInputProps extends HTMLArkProps<'input'> {
+export type CheckboxHiddenInputBaseProps = {};
+export interface CheckboxHiddenInputProps extends HTMLArkProps<'input'>, CheckboxHiddenInputBaseProps {
 }
 export declare const CheckboxHiddenInput: ForwardRefExoticComponent<CheckboxHiddenInputProps & RefAttributes<HTMLInputElement>>;

package/dist/components/checkbox/checkbox-hidden-input.d.ts

@@ -1,6 +1,7 @@
 import { HTMLArkProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface CheckboxHiddenInputProps extends HTMLArkProps<'input'> {
+export type CheckboxHiddenInputBaseProps = {};
+export interface CheckboxHiddenInputProps extends HTMLArkProps<'input'>, CheckboxHiddenInputBaseProps {
 }
 export declare const CheckboxHiddenInput: ForwardRefExoticComponent<CheckboxHiddenInputProps & RefAttributes<HTMLInputElement>>;

package/dist/components/checkbox/checkbox-indicator.d.cts

@@ -1,7 +1,9 @@
 import { HTMLArkProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface CheckboxIndicatorProps extends HTMLArkProps<'div'> {
+export interface CheckboxIndicatorBaseProps {
     indeterminate?: boolean;
 }
+export interface CheckboxIndicatorProps extends HTMLArkProps<'div'>, CheckboxIndicatorBaseProps {
+}
 export declare const CheckboxIndicator: ForwardRefExoticComponent<CheckboxIndicatorProps & RefAttributes<HTMLDivElement>>;

package/dist/components/checkbox/checkbox-indicator.d.ts

@@ -1,7 +1,9 @@
 import { HTMLArkProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface CheckboxIndicatorProps extends HTMLArkProps<'div'> {
+export interface CheckboxIndicatorBaseProps {
     indeterminate?: boolean;
 }
+export interface CheckboxIndicatorProps extends HTMLArkProps<'div'>, CheckboxIndicatorBaseProps {
+}
 export declare const CheckboxIndicator: ForwardRefExoticComponent<CheckboxIndicatorProps & RefAttributes<HTMLDivElement>>;

package/dist/components/checkbox/checkbox-label.d.cts

@@ -1,6 +1,7 @@
 import { HTMLArkProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface CheckboxLabelProps extends HTMLArkProps<'span'> {
+export type CheckboxLabelBaseProps = {};
+export interface CheckboxLabelProps extends HTMLArkProps<'span'>, CheckboxLabelBaseProps {
 }
 export declare const CheckboxLabel: ForwardRefExoticComponent<CheckboxLabelProps & RefAttributes<HTMLSpanElement>>;

package/dist/components/checkbox/checkbox-label.d.ts

@@ -1,6 +1,7 @@
 import { HTMLArkProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface CheckboxLabelProps extends HTMLArkProps<'span'> {
+export type CheckboxLabelBaseProps = {};
+export interface CheckboxLabelProps extends HTMLArkProps<'span'>, CheckboxLabelBaseProps {
 }
 export declare const CheckboxLabel: ForwardRefExoticComponent<CheckboxLabelProps & RefAttributes<HTMLSpanElement>>;

package/dist/components/checkbox/checkbox-root-provider.cjs

@@ -12,9 +12,10 @@ const useCheckboxContext = require('./use-checkbox-context.cjs');
 
 const CheckboxRootProvider = react.forwardRef(
   (props, ref) => {
-    const [{ value: checkbox }, localProps] = createSplitProps.createSplitProps()(props, [
-      "value"
-    ]);
+    const [{ value: checkbox }, localProps] = createSplitProps.createSplitProps()(
+      props,
+      ["value"]
+    );
     const mergedProps = react$1.mergeProps(checkbox.getRootProps(), localProps);
     return /* @__PURE__ */ jsxRuntime.jsx(useCheckboxContext.CheckboxProvider, { value: checkbox, children: /* @__PURE__ */ jsxRuntime.jsx(factory.ark.label, { ...mergedProps, ref }) });
   }

package/dist/components/checkbox/checkbox-root-provider.d.cts

@@ -2,10 +2,9 @@ import { HTMLArkProps } from '../factory';
 import { UseCheckboxReturn } from './use-checkbox';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-interface RootProviderProps {
+export interface CheckboxRootProviderBaseProps {
     value: UseCheckboxReturn;
 }
-export interface CheckboxRootProviderProps extends HTMLArkProps<'label'>, RootProviderProps {
+export interface CheckboxRootProviderProps extends HTMLArkProps<'label'>, CheckboxRootProviderBaseProps {
 }
 export declare const CheckboxRootProvider: ForwardRefExoticComponent<CheckboxRootProviderProps & RefAttributes<HTMLLabelElement>>;
-export {};

package/dist/components/checkbox/checkbox-root-provider.d.ts

@@ -2,10 +2,9 @@ import { HTMLArkProps } from '../factory';
 import { UseCheckboxReturn } from './use-checkbox';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-interface RootProviderProps {
+export interface CheckboxRootProviderBaseProps {
     value: UseCheckboxReturn;
 }
-export interface CheckboxRootProviderProps extends HTMLArkProps<'label'>, RootProviderProps {
+export interface CheckboxRootProviderProps extends HTMLArkProps<'label'>, CheckboxRootProviderBaseProps {
 }
 export declare const CheckboxRootProvider: ForwardRefExoticComponent<CheckboxRootProviderProps & RefAttributes<HTMLLabelElement>>;
-export {};

package/dist/components/checkbox/checkbox-root-provider.js

@@ -8,9 +8,10 @@ import { CheckboxProvider } from './use-checkbox-context.js';
 
 const CheckboxRootProvider = forwardRef(
   (props, ref) => {
-    const [{ value: checkbox }, localProps] = createSplitProps()(props, [
-      "value"
-    ]);
+    const [{ value: checkbox }, localProps] = createSplitProps()(
+      props,
+      ["value"]
+    );
     const mergedProps = mergeProps(checkbox.getRootProps(), localProps);
     return /* @__PURE__ */ jsx(CheckboxProvider, { value: checkbox, children: /* @__PURE__ */ jsx(ark.label, { ...mergedProps, ref }) });
   }

package/dist/components/checkbox/checkbox-root.d.cts

@@ -3,6 +3,8 @@ import { HTMLArkProps } from '../factory';
 import { UseCheckboxProps } from './use-checkbox';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface CheckboxRootProps extends Assign<HTMLArkProps<'label'>, UseCheckboxProps> {
+export interface CheckboxRootBaseProps extends UseCheckboxProps {
+}
+export interface CheckboxRootProps extends Assign<HTMLArkProps<'label'>, CheckboxRootBaseProps> {
 }
 export declare const CheckboxRoot: ForwardRefExoticComponent<CheckboxRootProps & RefAttributes<HTMLLabelElement>>;

package/dist/components/checkbox/checkbox-root.d.ts

@@ -3,6 +3,8 @@ import { HTMLArkProps } from '../factory';
 import { UseCheckboxProps } from './use-checkbox';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface CheckboxRootProps extends Assign<HTMLArkProps<'label'>, UseCheckboxProps> {
+export interface CheckboxRootBaseProps extends UseCheckboxProps {
+}
+export interface CheckboxRootProps extends Assign<HTMLArkProps<'label'>, CheckboxRootBaseProps> {
 }
 export declare const CheckboxRoot: ForwardRefExoticComponent<CheckboxRootProps & RefAttributes<HTMLLabelElement>>;

package/dist/components/checkbox/checkbox.cjs

@@ -4,6 +4,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const checkboxContext = require('./checkbox-context.cjs');
 const checkboxControl = require('./checkbox-control.cjs');
+const checkboxGroup = require('./checkbox-group.cjs');
 const checkboxHiddenInput = require('./checkbox-hidden-input.cjs');
 const checkboxIndicator = require('./checkbox-indicator.cjs');
 const checkboxLabel = require('./checkbox-label.cjs');
@@ -14,6 +15,7 @@ const checkboxRootProvider = require('./checkbox-root-provider.cjs');
 
 exports.Context = checkboxContext.CheckboxContext;
 exports.Control = checkboxControl.CheckboxControl;
+exports.Group = checkboxGroup.CheckboxGroup;
 exports.HiddenInput = checkboxHiddenInput.CheckboxHiddenInput;
 exports.Indicator = checkboxIndicator.CheckboxIndicator;
 exports.Label = checkboxLabel.CheckboxLabel;

package/dist/components/checkbox/checkbox.d.cts

@@ -1,8 +1,9 @@
 export type { CheckedChangeDetails, CheckedState } from '@zag-js/checkbox';
 export { CheckboxContext as Context, type CheckboxContextProps as ContextProps, } from './checkbox-context';
-export { CheckboxControl as Control, type CheckboxControlProps as ControlProps, } from './checkbox-control';
-export { CheckboxHiddenInput as HiddenInput, type CheckboxHiddenInputProps as HiddenInputProps, } from './checkbox-hidden-input';
-export { CheckboxIndicator as Indicator, type CheckboxIndicatorProps as IndicatorProps, } from './checkbox-indicator';
-export { CheckboxLabel as Label, type CheckboxLabelProps as LabelProps } from './checkbox-label';
-export { CheckboxRoot as Root, type CheckboxRootProps as RootProps } from './checkbox-root';
-export { CheckboxRootProvider as RootProvider, type CheckboxRootProviderProps as RootProviderProps, } from './checkbox-root-provider';
+export { CheckboxControl as Control, type CheckboxControlProps as ControlProps, type CheckboxControlBaseProps as ControlBaseProps, } from './checkbox-control';
+export { CheckboxGroup as Group, type CheckboxGroupProps as GroupProps, type CheckboxGroupBaseProps as GroupBaseProps, } from './checkbox-group';
+export { CheckboxHiddenInput as HiddenInput, type CheckboxHiddenInputProps as HiddenInputProps, type CheckboxHiddenInputBaseProps as HiddenInputBaseProps, } from './checkbox-hidden-input';
+export { CheckboxIndicator as Indicator, type CheckboxIndicatorProps as IndicatorProps, type CheckboxIndicatorBaseProps as IndicatorBaseProps, } from './checkbox-indicator';
+export { CheckboxLabel as Label, type CheckboxLabelProps as LabelProps, type CheckboxLabelBaseProps as LabelBaseProps, } from './checkbox-label';
+export { CheckboxRoot as Root, type CheckboxRootProps as RootProps, type CheckboxRootBaseProps as RootBaseProps, } from './checkbox-root';
+export { CheckboxRootProvider as RootProvider, type CheckboxRootProviderProps as RootProviderProps, type CheckboxRootProviderBaseProps as RootProviderBaseProps, } from './checkbox-root-provider';

package/dist/components/checkbox/checkbox.d.ts

@@ -1,8 +1,9 @@
 export type { CheckedChangeDetails, CheckedState } from '@zag-js/checkbox';
 export { CheckboxContext as Context, type CheckboxContextProps as ContextProps, } from './checkbox-context';
-export { CheckboxControl as Control, type CheckboxControlProps as ControlProps, } from './checkbox-control';
-export { CheckboxHiddenInput as HiddenInput, type CheckboxHiddenInputProps as HiddenInputProps, } from './checkbox-hidden-input';
-export { CheckboxIndicator as Indicator, type CheckboxIndicatorProps as IndicatorProps, } from './checkbox-indicator';
-export { CheckboxLabel as Label, type CheckboxLabelProps as LabelProps } from './checkbox-label';
-export { CheckboxRoot as Root, type CheckboxRootProps as RootProps } from './checkbox-root';
-export { CheckboxRootProvider as RootProvider, type CheckboxRootProviderProps as RootProviderProps, } from './checkbox-root-provider';
+export { CheckboxControl as Control, type CheckboxControlProps as ControlProps, type CheckboxControlBaseProps as ControlBaseProps, } from './checkbox-control';
+export { CheckboxGroup as Group, type CheckboxGroupProps as GroupProps, type CheckboxGroupBaseProps as GroupBaseProps, } from './checkbox-group';
+export { CheckboxHiddenInput as HiddenInput, type CheckboxHiddenInputProps as HiddenInputProps, type CheckboxHiddenInputBaseProps as HiddenInputBaseProps, } from './checkbox-hidden-input';
+export { CheckboxIndicator as Indicator, type CheckboxIndicatorProps as IndicatorProps, type CheckboxIndicatorBaseProps as IndicatorBaseProps, } from './checkbox-indicator';
+export { CheckboxLabel as Label, type CheckboxLabelProps as LabelProps, type CheckboxLabelBaseProps as LabelBaseProps, } from './checkbox-label';
+export { CheckboxRoot as Root, type CheckboxRootProps as RootProps, type CheckboxRootBaseProps as RootBaseProps, } from './checkbox-root';
+export { CheckboxRootProvider as RootProvider, type CheckboxRootProviderProps as RootProviderProps, type CheckboxRootProviderBaseProps as RootProviderBaseProps, } from './checkbox-root-provider';

package/dist/components/checkbox/checkbox.js

@@ -1,5 +1,6 @@
 export { CheckboxContext as Context } from './checkbox-context.js';
 export { CheckboxControl as Control } from './checkbox-control.js';
+export { CheckboxGroup as Group } from './checkbox-group.js';
 export { CheckboxHiddenInput as HiddenInput } from './checkbox-hidden-input.js';
 export { CheckboxIndicator as Indicator } from './checkbox-indicator.js';
 export { CheckboxLabel as Label } from './checkbox-label.js';

package/dist/components/checkbox/index.cjs

@@ -4,6 +4,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const checkboxContext = require('./checkbox-context.cjs');
 const checkboxControl = require('./checkbox-control.cjs');
+const checkboxGroup = require('./checkbox-group.cjs');
 const checkboxHiddenInput = require('./checkbox-hidden-input.cjs');
 const checkboxIndicator = require('./checkbox-indicator.cjs');
 const checkboxLabel = require('./checkbox-label.cjs');
@@ -11,12 +12,15 @@ const checkboxRoot = require('./checkbox-root.cjs');
 const checkboxRootProvider = require('./checkbox-root-provider.cjs');
 const useCheckbox = require('./use-checkbox.cjs');
 const useCheckboxContext = require('./use-checkbox-context.cjs');
+const useCheckboxGroup = require('./use-checkbox-group.cjs');
+const useCheckboxGroupContext = require('./use-checkbox-group-context.cjs');
 const checkbox = require('./checkbox.cjs');
 
 
 
 exports.CheckboxContext = checkboxContext.CheckboxContext;
 exports.CheckboxControl = checkboxControl.CheckboxControl;
+exports.CheckboxGroup = checkboxGroup.CheckboxGroup;
 exports.CheckboxHiddenInput = checkboxHiddenInput.CheckboxHiddenInput;
 exports.CheckboxIndicator = checkboxIndicator.CheckboxIndicator;
 exports.CheckboxLabel = checkboxLabel.CheckboxLabel;
@@ -24,4 +28,6 @@ exports.CheckboxRoot = checkboxRoot.CheckboxRoot;
 exports.CheckboxRootProvider = checkboxRootProvider.CheckboxRootProvider;
 exports.useCheckbox = useCheckbox.useCheckbox;
 exports.useCheckboxContext = useCheckboxContext.useCheckboxContext;
+exports.useCheckboxGroup = useCheckboxGroup.useCheckboxGroup;
+exports.useCheckboxGroupContext = useCheckboxGroupContext.useCheckboxGroupContext;
 exports.Checkbox = checkbox;

package/dist/components/checkbox/index.d.cts

@@ -1,11 +1,14 @@
 export type { CheckedChangeDetails as CheckboxCheckedChangeDetails, CheckedState as CheckboxCheckedState, } from '@zag-js/checkbox';
-export { CheckboxContext, type CheckboxContextProps } from './checkbox-context';
-export { CheckboxControl, type CheckboxControlProps } from './checkbox-control';
-export { CheckboxHiddenInput, type CheckboxHiddenInputProps } from './checkbox-hidden-input';
-export { CheckboxIndicator, type CheckboxIndicatorProps } from './checkbox-indicator';
-export { CheckboxLabel, type CheckboxLabelProps } from './checkbox-label';
-export { CheckboxRoot, type CheckboxRootProps } from './checkbox-root';
-export { CheckboxRootProvider, type CheckboxRootProviderProps } from './checkbox-root-provider';
+export { CheckboxContext, type CheckboxContextProps, } from './checkbox-context';
+export { CheckboxControl, type CheckboxControlProps, type CheckboxControlBaseProps, } from './checkbox-control';
+export { CheckboxGroup, type CheckboxGroupProps, type CheckboxGroupBaseProps, } from './checkbox-group';
+export { CheckboxHiddenInput, type CheckboxHiddenInputProps, type CheckboxHiddenInputBaseProps, } from './checkbox-hidden-input';
+export { CheckboxIndicator, type CheckboxIndicatorProps, type CheckboxIndicatorBaseProps, } from './checkbox-indicator';
+export { CheckboxLabel, type CheckboxLabelProps, type CheckboxLabelBaseProps, } from './checkbox-label';
+export { CheckboxRoot, type CheckboxRootProps, type CheckboxRootBaseProps, } from './checkbox-root';
+export { CheckboxRootProvider, type CheckboxRootProviderProps, type CheckboxRootProviderBaseProps, } from './checkbox-root-provider';
 export { useCheckbox, type UseCheckboxProps, type UseCheckboxReturn } from './use-checkbox';
 export { useCheckboxContext, type UseCheckboxContext } from './use-checkbox-context';
+export { useCheckboxGroup, type UseCheckboxGroupProps, type UseCheckboxGroupReturn, } from './use-checkbox-group';
+export { useCheckboxGroupContext, type UseCheckboxGroupContext } from './use-checkbox-group-context';
 export * as Checkbox from './checkbox';

package/dist/components/checkbox/index.d.ts

@@ -1,11 +1,14 @@
 export type { CheckedChangeDetails as CheckboxCheckedChangeDetails, CheckedState as CheckboxCheckedState, } from '@zag-js/checkbox';
-export { CheckboxContext, type CheckboxContextProps } from './checkbox-context';
-export { CheckboxControl, type CheckboxControlProps } from './checkbox-control';
-export { CheckboxHiddenInput, type CheckboxHiddenInputProps } from './checkbox-hidden-input';
-export { CheckboxIndicator, type CheckboxIndicatorProps } from './checkbox-indicator';
-export { CheckboxLabel, type CheckboxLabelProps } from './checkbox-label';
-export { CheckboxRoot, type CheckboxRootProps } from './checkbox-root';
-export { CheckboxRootProvider, type CheckboxRootProviderProps } from './checkbox-root-provider';
+export { CheckboxContext, type CheckboxContextProps, } from './checkbox-context';
+export { CheckboxControl, type CheckboxControlProps, type CheckboxControlBaseProps, } from './checkbox-control';
+export { CheckboxGroup, type CheckboxGroupProps, type CheckboxGroupBaseProps, } from './checkbox-group';
+export { CheckboxHiddenInput, type CheckboxHiddenInputProps, type CheckboxHiddenInputBaseProps, } from './checkbox-hidden-input';
+export { CheckboxIndicator, type CheckboxIndicatorProps, type CheckboxIndicatorBaseProps, } from './checkbox-indicator';
+export { CheckboxLabel, type CheckboxLabelProps, type CheckboxLabelBaseProps, } from './checkbox-label';
+export { CheckboxRoot, type CheckboxRootProps, type CheckboxRootBaseProps, } from './checkbox-root';
+export { CheckboxRootProvider, type CheckboxRootProviderProps, type CheckboxRootProviderBaseProps, } from './checkbox-root-provider';
 export { useCheckbox, type UseCheckboxProps, type UseCheckboxReturn } from './use-checkbox';
 export { useCheckboxContext, type UseCheckboxContext } from './use-checkbox-context';
+export { useCheckboxGroup, type UseCheckboxGroupProps, type UseCheckboxGroupReturn, } from './use-checkbox-group';
+export { useCheckboxGroupContext, type UseCheckboxGroupContext } from './use-checkbox-group-context';
 export * as Checkbox from './checkbox';