@ark-ui/react 3.4.0-0 → 3.4.0

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

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

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

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

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

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

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

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

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

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

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

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

package/dist/components/checkbox/checkbox-hidden-input.cjs

@@ -7,13 +7,15 @@ const jsxRuntime = require('react/jsx-runtime');
 const react$1 = require('@zag-js/react');
 const react = require('react');
 const factory = require('../factory.cjs');
+const useFieldContext = require('../field/use-field-context.cjs');
 const useCheckboxContext = require('./use-checkbox-context.cjs');
 
 const CheckboxHiddenInput = react.forwardRef(
   (props, ref) => {
     const checkbox = useCheckboxContext.useCheckboxContext();
     const mergedProps = react$1.mergeProps(checkbox.getHiddenInputProps(), props);
-    return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.input, { ...mergedProps, ref });
+    const field = useFieldContext.useFieldContext();
+    return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.input, { "aria-describedby": field?.ariaDescribedby, ...mergedProps, ref });
   }
 );
 CheckboxHiddenInput.displayName = "CheckboxHiddenInput";

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

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

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

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

package/dist/components/checkbox/checkbox-hidden-input.js

@@ -3,13 +3,15 @@ import { jsx } from 'react/jsx-runtime';
 import { mergeProps } from '@zag-js/react';
 import { forwardRef } from 'react';
 import { ark } from '../factory.js';
+import { useFieldContext } from '../field/use-field-context.js';
 import { useCheckboxContext } from './use-checkbox-context.js';
 
 const CheckboxHiddenInput = forwardRef(
   (props, ref) => {
     const checkbox = useCheckboxContext();
     const mergedProps = mergeProps(checkbox.getHiddenInputProps(), props);
-    return /* @__PURE__ */ jsx(ark.input, { ...mergedProps, ref });
+    const field = useFieldContext();
+    return /* @__PURE__ */ jsx(ark.input, { "aria-describedby": field?.ariaDescribedby, ...mergedProps, ref });
   }
 );
 CheckboxHiddenInput.displayName = "CheckboxHiddenInput";

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

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

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

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

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

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

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

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

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

@@ -12,10 +12,9 @@ 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

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

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

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

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

@@ -8,10 +8,9 @@ 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

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

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

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

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

@@ -22,15 +22,12 @@ function useCheckboxGroup(props = {}) {
     isChecked(val) ? removeValue(val) : addValue(val);
   };
   const addValue = (val) => {
-    if (!interative)
-      return;
-    if (isChecked(val))
-      return;
+    if (!interative) return;
+    if (isChecked(val)) return;
     setValue(value.concat(val));
   };
   const removeValue = (val) => {
-    if (!interative)
-      return;
+    if (!interative) return;
     setValue(value.filter((v) => String(v) !== String(val)));
   };
   const getItemProps = (props2) => {

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

@@ -18,15 +18,12 @@ function useCheckboxGroup(props = {}) {
     isChecked(val) ? removeValue(val) : addValue(val);
   };
   const addValue = (val) => {
-    if (!interative)
-      return;
-    if (isChecked(val))
-      return;
+    if (!interative) return;
+    if (isChecked(val)) return;
     setValue(value.concat(val));
   };
   const removeValue = (val) => {
-    if (!interative)
-      return;
+    if (!interative) return;
     setValue(value.filter((v) => String(v) !== String(val)));
   };
   const getItemProps = (props2) => {

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

@@ -9,6 +9,7 @@ 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');
+const useFieldContext = require('../field/use-field-context.cjs');
 const useCheckboxGroupContext = require('./use-checkbox-group-context.cjs');
 
 function _interopNamespaceDefault(e) {
@@ -32,6 +33,7 @@ const checkbox__namespace = /*#__PURE__*/_interopNamespaceDefault(checkbox);
 
 const useCheckbox = (ownProps = {}) => {
   const checkboxGroup = useCheckboxGroupContext.useCheckboxGroupContext();
+  const field = useFieldContext.useFieldContext();
   const props = react.useMemo(() => {
     return react$1.mergeProps(ownProps, checkboxGroup?.getItemProps({ value: ownProps.value }) ?? {});
   }, [ownProps, checkboxGroup]);
@@ -39,7 +41,15 @@ const useCheckbox = (ownProps = {}) => {
   const { dir } = useLocaleContext.useLocaleContext();
   const initialContext = {
     id: react.useId(),
+    ids: {
+      label: field?.ids.label,
+      hiddenInput: field?.ids.control
+    },
     dir,
+    disabled: field?.disabled,
+    readOnly: field?.readOnly,
+    invalid: field?.invalid,
+    required: field?.required,
     getRootNode,
     checked: props.defaultChecked,
     ...props

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

@@ -5,10 +5,12 @@ import { useMemo, 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';
+import { useFieldContext } from '../field/use-field-context.js';
 import { useCheckboxGroupContext } from './use-checkbox-group-context.js';
 
 const useCheckbox = (ownProps = {}) => {
   const checkboxGroup = useCheckboxGroupContext();
+  const field = useFieldContext();
   const props = useMemo(() => {
     return mergeProps(ownProps, checkboxGroup?.getItemProps({ value: ownProps.value }) ?? {});
   }, [ownProps, checkboxGroup]);
@@ -16,7 +18,15 @@ const useCheckbox = (ownProps = {}) => {
   const { dir } = useLocaleContext();
   const initialContext = {
     id: useId(),
+    ids: {
+      label: field?.ids.label,
+      hiddenInput: field?.ids.control
+    },
     dir,
+    disabled: field?.disabled,
+    readOnly: field?.readOnly,
+    invalid: field?.invalid,
+    required: field?.required,
     getRootNode,
     checked: props.defaultChecked,
     ...props

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

@@ -1,7 +1,8 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export type ClipboardControlBaseProps = {};
-export interface ClipboardControlProps extends HTMLArkProps<'div'>, ClipboardControlBaseProps {
+export interface ClipboardControlBaseProps extends PolymorphicProps {
+}
+export interface ClipboardControlProps extends HTMLProps<'div'>, ClipboardControlBaseProps {
 }
 export declare const ClipboardControl: ForwardRefExoticComponent<ClipboardControlProps & RefAttributes<HTMLDivElement>>;

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

@@ -1,7 +1,8 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export type ClipboardControlBaseProps = {};
-export interface ClipboardControlProps extends HTMLArkProps<'div'>, ClipboardControlBaseProps {
+export interface ClipboardControlBaseProps extends PolymorphicProps {
+}
+export interface ClipboardControlProps extends HTMLProps<'div'>, ClipboardControlBaseProps {
 }
 export declare const ClipboardControl: ForwardRefExoticComponent<ClipboardControlProps & RefAttributes<HTMLDivElement>>;

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

@@ -1,9 +1,9 @@
 import { ReactNode, ForwardRefExoticComponent, RefAttributes } from 'react';
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 
-export interface ClipboardIndicatorBaseProps {
+export interface ClipboardIndicatorBaseProps extends PolymorphicProps {
     copied?: ReactNode;
 }
-export interface ClipboardIndicatorProps extends HTMLArkProps<'div'>, ClipboardIndicatorBaseProps {
+export interface ClipboardIndicatorProps extends HTMLProps<'div'>, ClipboardIndicatorBaseProps {
 }
 export declare const ClipboardIndicator: ForwardRefExoticComponent<ClipboardIndicatorProps & RefAttributes<HTMLDivElement>>;

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

@@ -1,9 +1,9 @@
 import { ReactNode, ForwardRefExoticComponent, RefAttributes } from 'react';
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 
-export interface ClipboardIndicatorBaseProps {
+export interface ClipboardIndicatorBaseProps extends PolymorphicProps {
     copied?: ReactNode;
 }
-export interface ClipboardIndicatorProps extends HTMLArkProps<'div'>, ClipboardIndicatorBaseProps {
+export interface ClipboardIndicatorProps extends HTMLProps<'div'>, ClipboardIndicatorBaseProps {
 }
 export declare const ClipboardIndicator: ForwardRefExoticComponent<ClipboardIndicatorProps & RefAttributes<HTMLDivElement>>;

package/dist/components/clipboard/clipboard-input.d.cts

@@ -1,7 +1,8 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export type ClipboardInputBaseProps = {};
-export interface ClipboardInputProps extends HTMLArkProps<'input'>, ClipboardInputBaseProps {
+export interface ClipboardInputBaseProps extends PolymorphicProps {
+}
+export interface ClipboardInputProps extends HTMLProps<'input'>, ClipboardInputBaseProps {
 }
 export declare const ClipboardInput: ForwardRefExoticComponent<ClipboardInputProps & RefAttributes<HTMLInputElement>>;

package/dist/components/clipboard/clipboard-input.d.ts

@@ -1,7 +1,8 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export type ClipboardInputBaseProps = {};
-export interface ClipboardInputProps extends HTMLArkProps<'input'>, ClipboardInputBaseProps {
+export interface ClipboardInputBaseProps extends PolymorphicProps {
+}
+export interface ClipboardInputProps extends HTMLProps<'input'>, ClipboardInputBaseProps {
 }
 export declare const ClipboardInput: ForwardRefExoticComponent<ClipboardInputProps & RefAttributes<HTMLInputElement>>;

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

@@ -1,7 +1,8 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export type ClipboardLabelBaseProps = {};
-export interface ClipboardLabelProps extends HTMLArkProps<'label'>, ClipboardLabelBaseProps {
+export interface ClipboardLabelBaseProps extends PolymorphicProps {
+}
+export interface ClipboardLabelProps extends HTMLProps<'label'>, ClipboardLabelBaseProps {
 }
 export declare const ClipboardLabel: ForwardRefExoticComponent<ClipboardLabelProps & RefAttributes<HTMLLabelElement>>;

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

@@ -1,7 +1,8 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export type ClipboardLabelBaseProps = {};
-export interface ClipboardLabelProps extends HTMLArkProps<'label'>, ClipboardLabelBaseProps {
+export interface ClipboardLabelBaseProps extends PolymorphicProps {
+}
+export interface ClipboardLabelProps extends HTMLProps<'label'>, ClipboardLabelBaseProps {
 }
 export declare const ClipboardLabel: ForwardRefExoticComponent<ClipboardLabelProps & RefAttributes<HTMLLabelElement>>;

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

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

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

@@ -1,10 +1,13 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { UseClipboardReturn } from './use-clipboard';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface ClipboardRootProviderBaseProps {
+interface RootProviderProps {
     value: UseClipboardReturn;
 }
-export interface ClipboardRootProviderProps extends HTMLArkProps<'div'>, ClipboardRootProviderBaseProps {
+export interface ClipboardRootProviderBaseProps extends RootProviderProps, PolymorphicProps {
+}
+export interface ClipboardRootProviderProps extends HTMLProps<'div'>, ClipboardRootProviderBaseProps {
 }
 export declare const ClipboardRootProvider: ForwardRefExoticComponent<ClipboardRootProviderProps & RefAttributes<HTMLDivElement>>;
+export {};

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

@@ -1,10 +1,13 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { UseClipboardReturn } from './use-clipboard';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface ClipboardRootProviderBaseProps {
+interface RootProviderProps {
     value: UseClipboardReturn;
 }
-export interface ClipboardRootProviderProps extends HTMLArkProps<'div'>, ClipboardRootProviderBaseProps {
+export interface ClipboardRootProviderBaseProps extends RootProviderProps, PolymorphicProps {
+}
+export interface ClipboardRootProviderProps extends HTMLProps<'div'>, ClipboardRootProviderBaseProps {
 }
 export declare const ClipboardRootProvider: ForwardRefExoticComponent<ClipboardRootProviderProps & RefAttributes<HTMLDivElement>>;
+export {};

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

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

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

@@ -1,10 +1,9 @@
-import { Assign } from '../../types';
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { UseClipboardProps } from './use-clipboard';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface ClipboardRootBaseProps extends UseClipboardProps {
+export interface ClipboardRootBaseProps extends UseClipboardProps, PolymorphicProps {
 }
-export interface ClipboardRootProps extends Assign<HTMLArkProps<'div'>, ClipboardRootBaseProps> {
+export interface ClipboardRootProps extends HTMLProps<'div'>, ClipboardRootBaseProps {
 }
 export declare const ClipboardRoot: ForwardRefExoticComponent<ClipboardRootProps & RefAttributes<HTMLDivElement>>;

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

@@ -1,10 +1,9 @@
-import { Assign } from '../../types';
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { UseClipboardProps } from './use-clipboard';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface ClipboardRootBaseProps extends UseClipboardProps {
+export interface ClipboardRootBaseProps extends UseClipboardProps, PolymorphicProps {
 }
-export interface ClipboardRootProps extends Assign<HTMLArkProps<'div'>, ClipboardRootBaseProps> {
+export interface ClipboardRootProps extends HTMLProps<'div'>, ClipboardRootBaseProps {
 }
 export declare const ClipboardRoot: ForwardRefExoticComponent<ClipboardRootProps & RefAttributes<HTMLDivElement>>;

package/dist/components/clipboard/clipboard-trigger.d.cts

@@ -1,7 +1,8 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export type ClipboardTriggerBaseProps = {};
-export interface ClipboardTriggerProps extends HTMLArkProps<'button'>, ClipboardTriggerBaseProps {
+export interface ClipboardTriggerBaseProps extends PolymorphicProps {
+}
+export interface ClipboardTriggerProps extends HTMLProps<'button'>, ClipboardTriggerBaseProps {
 }
 export declare const ClipboardTrigger: ForwardRefExoticComponent<ClipboardTriggerProps & RefAttributes<HTMLButtonElement>>;