@ark-ui/react 3.9.0 → 3.10.0

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

@@ -17,6 +17,7 @@ const CheckboxGroup = react.forwardRef((props, ref) => {
     "value",
     "onValueChange",
     "disabled",
+    "invalid",
     "readOnly",
     "name"
   ]);

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

@@ -13,6 +13,7 @@ const CheckboxGroup = forwardRef((props, ref) => {
     "value",
     "onValueChange",
     "disabled",
+    "invalid",
     "readOnly",
     "name"
   ]);

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

@@ -7,7 +7,15 @@ const useControllableState = require('../../utils/use-controllable-state.cjs');
 const useEvent = require('../../utils/use-event.cjs');
 
 function useCheckboxGroup(props = {}) {
-  const { defaultValue, value: controlledValue, onValueChange, disabled, readOnly, name } = props;
+  const {
+    defaultValue,
+    value: controlledValue,
+    onValueChange,
+    disabled,
+    readOnly,
+    name,
+    invalid
+  } = props;
   const interative = !(disabled || readOnly);
   const onChangeProp = useEvent.useEvent(onValueChange, { sync: true });
   const [value, setValue] = useControllableState.useControllableState({
@@ -40,15 +48,17 @@ function useCheckboxGroup(props = {}) {
       },
       name,
       disabled,
-      readOnly
+      readOnly,
+      invalid
     };
   };
   return {
     isChecked,
     value,
     name,
-    disabled,
-    readOnly,
+    disabled: !!disabled,
+    readOnly: !!readOnly,
+    invalid: !!invalid,
     setValue,
     addValue,
     toggleValue,

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

@@ -24,6 +24,10 @@ export interface UseCheckboxGroupProps {
      * If `true`, the checkbox group is read-only
      */
     readOnly?: boolean;
+    /**
+     * If `true`, the checkbox group is invalid
+     */
+    invalid?: boolean;
 }
 export interface CheckboxGroupItemProps {
     value: string | undefined;
@@ -32,8 +36,9 @@ export declare function useCheckboxGroup(props?: UseCheckboxGroupProps): {
     isChecked: (val: string | undefined) => boolean;
     value: string[];
     name: string | undefined;
-    disabled: boolean | undefined;
-    readOnly: boolean | undefined;
+    disabled: boolean;
+    readOnly: boolean;
+    invalid: boolean;
     setValue: (value: string[]) => void | undefined;
     addValue: (val: string) => void;
     toggleValue: (val: string) => void;
@@ -43,6 +48,7 @@ export declare function useCheckboxGroup(props?: UseCheckboxGroupProps): {
         name: string | undefined;
         disabled: boolean | undefined;
         readOnly: boolean | undefined;
+        invalid: boolean | undefined;
     };
 };
 export type UseCheckboxGroupReturn = ReturnType<typeof useCheckboxGroup>;

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

@@ -24,6 +24,10 @@ export interface UseCheckboxGroupProps {
      * If `true`, the checkbox group is read-only
      */
     readOnly?: boolean;
+    /**
+     * If `true`, the checkbox group is invalid
+     */
+    invalid?: boolean;
 }
 export interface CheckboxGroupItemProps {
     value: string | undefined;
@@ -32,8 +36,9 @@ export declare function useCheckboxGroup(props?: UseCheckboxGroupProps): {
     isChecked: (val: string | undefined) => boolean;
     value: string[];
     name: string | undefined;
-    disabled: boolean | undefined;
-    readOnly: boolean | undefined;
+    disabled: boolean;
+    readOnly: boolean;
+    invalid: boolean;
     setValue: (value: string[]) => void | undefined;
     addValue: (val: string) => void;
     toggleValue: (val: string) => void;
@@ -43,6 +48,7 @@ export declare function useCheckboxGroup(props?: UseCheckboxGroupProps): {
         name: string | undefined;
         disabled: boolean | undefined;
         readOnly: boolean | undefined;
+        invalid: boolean | undefined;
     };
 };
 export type UseCheckboxGroupReturn = ReturnType<typeof useCheckboxGroup>;

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

@@ -3,7 +3,15 @@ import { useControllableState } from '../../utils/use-controllable-state.js';
 import { useEvent } from '../../utils/use-event.js';
 
 function useCheckboxGroup(props = {}) {
-  const { defaultValue, value: controlledValue, onValueChange, disabled, readOnly, name } = props;
+  const {
+    defaultValue,
+    value: controlledValue,
+    onValueChange,
+    disabled,
+    readOnly,
+    name,
+    invalid
+  } = props;
   const interative = !(disabled || readOnly);
   const onChangeProp = useEvent(onValueChange, { sync: true });
   const [value, setValue] = useControllableState({
@@ -36,15 +44,17 @@ function useCheckboxGroup(props = {}) {
       },
       name,
       disabled,
-      readOnly
+      readOnly,
+      invalid
     };
   };
   return {
     isChecked,
     value,
     name,
-    disabled,
-    readOnly,
+    disabled: !!disabled,
+    readOnly: !!readOnly,
+    invalid: !!invalid,
     setValue,
     addValue,
     toggleValue,

package/dist/components/index.cjs

@@ -439,6 +439,7 @@ const useSplitterContext = require('./splitter/use-splitter-context.cjs');
 const splitter$1 = require('./splitter/splitter.cjs');
 const stepsCompletedContent = require('./steps/steps-completed-content.cjs');
 const stepsContent = require('./steps/steps-content.cjs');
+const stepsContext = require('./steps/steps-context.cjs');
 const stepsIndicator = require('./steps/steps-indicator.cjs');
 const stepsItem = require('./steps/steps-item.cjs');
 const stepsItemContext = require('./steps/steps-item-context.cjs');
@@ -453,7 +454,7 @@ const stepsTrigger = require('./steps/steps-trigger.cjs');
 const useSteps = require('./steps/use-steps.cjs');
 const useStepsContext = require('./steps/use-steps-context.cjs');
 const useStepsItemContext = require('./steps/use-steps-item-context.cjs');
-const steps = require('./steps/steps.cjs');
+const steps$1 = require('./steps/steps.cjs');
 const switchContext = require('./switch/switch-context.cjs');
 const switchControl = require('./switch/switch-control.cjs');
 const switchHiddenInput = require('./switch/switch-hidden-input.cjs');
@@ -586,6 +587,7 @@ const select = require('@zag-js/select');
 const signaturePad = require('@zag-js/signature-pad');
 const slider = require('@zag-js/slider');
 const splitter = require('@zag-js/splitter');
+const steps = require('@zag-js/steps');
 const zagSwitch = require('@zag-js/switch');
 const tabs = require('@zag-js/tabs');
 const tagsInput = require('@zag-js/tags-input');
@@ -1035,6 +1037,7 @@ exports.useSplitterContext = useSplitterContext.useSplitterContext;
 exports.Splitter = splitter$1;
 exports.StepsCompletedContent = stepsCompletedContent.StepsCompletedContent;
 exports.StepsContent = stepsContent.StepsContent;
+exports.StepsContext = stepsContext.StepsContext;
 exports.StepsIndicator = stepsIndicator.StepsIndicator;
 exports.StepsItem = stepsItem.StepsItem;
 exports.StepsItemContext = stepsItemContext.StepsItemContext;
@@ -1049,7 +1052,7 @@ exports.StepsTrigger = stepsTrigger.StepsTrigger;
 exports.useSteps = useSteps.useSteps;
 exports.useStepsContext = useStepsContext.useStepsContext;
 exports.useStepsItemContext = useStepsItemContext.useStepsItemContext;
-exports.Steps = steps;
+exports.Steps = steps$1;
 exports.SwitchContext = switchContext.SwitchContext;
 exports.SwitchControl = switchControl.SwitchControl;
 exports.SwitchHiddenInput = switchHiddenInput.SwitchHiddenInput;
@@ -1248,6 +1251,10 @@ Object.defineProperty(exports, "splitterAnatomy", {
 	enumerable: true,
 	get: () => splitter.anatomy
 });
+Object.defineProperty(exports, "stepsAnatomy", {
+	enumerable: true,
+	get: () => steps.anatomy
+});
 Object.defineProperty(exports, "switchAnatomy", {
 	enumerable: true,
 	get: () => zagSwitch.anatomy

package/dist/components/index.js

@@ -465,6 +465,7 @@ import * as splitter from './splitter/splitter.js';
 export { splitter as Splitter };
 export { StepsCompletedContent } from './steps/steps-completed-content.js';
 export { StepsContent } from './steps/steps-content.js';
+export { StepsContext } from './steps/steps-context.js';
 export { StepsIndicator } from './steps/steps-indicator.js';
 export { StepsItem } from './steps/steps-item.js';
 export { StepsItemContext } from './steps/steps-item-context.js';
@@ -622,6 +623,7 @@ export { anatomy as selectAnatomy } from '@zag-js/select';
 export { anatomy as signaturePadAnatomy } from '@zag-js/signature-pad';
 export { anatomy as sliderAnatomy } from '@zag-js/slider';
 export { anatomy as splitterAnatomy } from '@zag-js/splitter';
+export { anatomy as stepsAnatomy } from '@zag-js/steps';
 export { anatomy as switchAnatomy } from '@zag-js/switch';
 export { anatomy as tabsAnatomy } from '@zag-js/tabs';
 export { anatomy as tagsInputAnatomy } from '@zag-js/tags-input';

package/dist/components/steps/index.cjs

@@ -4,6 +4,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const stepsCompletedContent = require('./steps-completed-content.cjs');
 const stepsContent = require('./steps-content.cjs');
+const stepsContext = require('./steps-context.cjs');
 const stepsIndicator = require('./steps-indicator.cjs');
 const stepsItem = require('./steps-item.cjs');
 const stepsItemContext = require('./steps-item-context.cjs');
@@ -18,12 +19,14 @@ const stepsTrigger = require('./steps-trigger.cjs');
 const useSteps = require('./use-steps.cjs');
 const useStepsContext = require('./use-steps-context.cjs');
 const useStepsItemContext = require('./use-steps-item-context.cjs');
-const steps = require('./steps.cjs');
+const steps$1 = require('./steps.cjs');
+const steps = require('@zag-js/steps');
 
 
 
 exports.StepsCompletedContent = stepsCompletedContent.StepsCompletedContent;
 exports.StepsContent = stepsContent.StepsContent;
+exports.StepsContext = stepsContext.StepsContext;
 exports.StepsIndicator = stepsIndicator.StepsIndicator;
 exports.StepsItem = stepsItem.StepsItem;
 exports.StepsItemContext = stepsItemContext.StepsItemContext;
@@ -38,4 +41,8 @@ exports.StepsTrigger = stepsTrigger.StepsTrigger;
 exports.useSteps = useSteps.useSteps;
 exports.useStepsContext = useStepsContext.useStepsContext;
 exports.useStepsItemContext = useStepsItemContext.useStepsItemContext;
-exports.Steps = steps;
+exports.Steps = steps$1;
+Object.defineProperty(exports, "stepsAnatomy", {
+  enumerable: true,
+  get: () => steps.anatomy
+});

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

@@ -1,6 +1,7 @@
 export type { StepChangeDetails } from '@zag-js/steps';
 export { StepsCompletedContent, type StepsCompletedContentBaseProps, type StepsCompletedContentProps, } from './steps-completed-content';
 export { StepsContent, type StepsContentBaseProps, type StepsContentProps } from './steps-content';
+export { StepsContext, type StepsContextProps } from './steps-context';
 export { StepsIndicator, type StepsIndicatorBaseProps, type StepsIndicatorProps, } from './steps-indicator';
 export { StepsItem, type StepsItemBaseProps, type StepsItemProps } from './steps-item';
 export { StepsItemContext, type StepsItemContextProps } from './steps-item-context';
@@ -12,6 +13,7 @@ export { StepsRoot, type StepsRootBaseProps, type StepsRootProps } from './steps
 export { StepsRootProvider, type StepsRootProviderBaseProps, type StepsRootProviderProps, } from './steps-root-provider';
 export { StepsSeparator, type StepsSeparatorBaseProps, type StepsSeparatorProps, } from './steps-separator';
 export { StepsTrigger, type StepsTriggerBaseProps, type StepsTriggerProps } from './steps-trigger';
+export { stepsAnatomy } from './steps.anatomy';
 export { useSteps, type UseStepsProps, type UseStepsReturn } from './use-steps';
 export { useStepsContext, type UseStepsContext } from './use-steps-context';
 export { useStepsItemContext, type UseStepsItemContext } from './use-steps-item-context';

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

@@ -1,6 +1,7 @@
 export type { StepChangeDetails } from '@zag-js/steps';
 export { StepsCompletedContent, type StepsCompletedContentBaseProps, type StepsCompletedContentProps, } from './steps-completed-content';
 export { StepsContent, type StepsContentBaseProps, type StepsContentProps } from './steps-content';
+export { StepsContext, type StepsContextProps } from './steps-context';
 export { StepsIndicator, type StepsIndicatorBaseProps, type StepsIndicatorProps, } from './steps-indicator';
 export { StepsItem, type StepsItemBaseProps, type StepsItemProps } from './steps-item';
 export { StepsItemContext, type StepsItemContextProps } from './steps-item-context';
@@ -12,6 +13,7 @@ export { StepsRoot, type StepsRootBaseProps, type StepsRootProps } from './steps
 export { StepsRootProvider, type StepsRootProviderBaseProps, type StepsRootProviderProps, } from './steps-root-provider';
 export { StepsSeparator, type StepsSeparatorBaseProps, type StepsSeparatorProps, } from './steps-separator';
 export { StepsTrigger, type StepsTriggerBaseProps, type StepsTriggerProps } from './steps-trigger';
+export { stepsAnatomy } from './steps.anatomy';
 export { useSteps, type UseStepsProps, type UseStepsReturn } from './use-steps';
 export { useStepsContext, type UseStepsContext } from './use-steps-context';
 export { useStepsItemContext, type UseStepsItemContext } from './use-steps-item-context';

package/dist/components/steps/index.js

@@ -1,5 +1,6 @@
 export { StepsCompletedContent } from './steps-completed-content.js';
 export { StepsContent } from './steps-content.js';
+export { StepsContext } from './steps-context.js';
 export { StepsIndicator } from './steps-indicator.js';
 export { StepsItem } from './steps-item.js';
 export { StepsItemContext } from './steps-item-context.js';
@@ -16,3 +17,4 @@ export { useStepsContext } from './use-steps-context.js';
 export { useStepsItemContext } from './use-steps-item-context.js';
 import * as steps from './steps.js';
 export { steps as Steps };
+export { anatomy as stepsAnatomy } from '@zag-js/steps';

package/dist/components/steps/steps-context.cjs

@@ -0,0 +1,14 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const useStepsContext = require('./use-steps-context.cjs');
+
+const StepsContext = (props) => {
+  const context = useStepsContext.useStepsContext();
+  return props.children(context);
+};
+StepsContext.displayName = "StepsContext";
+
+exports.StepsContext = StepsContext;

package/dist/components/steps/steps-context.js

@@ -0,0 +1,10 @@
+'use client';
+import { useStepsContext } from './use-steps-context.js';
+
+const StepsContext = (props) => {
+  const context = useStepsContext();
+  return props.children(context);
+};
+StepsContext.displayName = "StepsContext";
+
+export { StepsContext };

package/dist/components/steps/steps.anatomy.d.cts

@@ -0,0 +1 @@
+export { anatomy as stepsAnatomy } from '@zag-js/steps';

package/dist/components/steps/steps.anatomy.d.ts

@@ -0,0 +1 @@
+export { anatomy as stepsAnatomy } from '@zag-js/steps';

package/dist/components/steps/steps.cjs

@@ -14,6 +14,8 @@ const stepsRoot = require('./steps-root.cjs');
 const stepsRootProvider = require('./steps-root-provider.cjs');
 const stepsSeparator = require('./steps-separator.cjs');
 const stepsTrigger = require('./steps-trigger.cjs');
+const stepsItemContext = require('./steps-item-context.cjs');
+const stepsContext = require('./steps-context.cjs');
 
 
 
@@ -29,3 +31,5 @@ exports.Root = stepsRoot.StepsRoot;
 exports.RootProvider = stepsRootProvider.StepsRootProvider;
 exports.Separator = stepsSeparator.StepsSeparator;
 exports.Trigger = stepsTrigger.StepsTrigger;
+exports.ItemContext = stepsItemContext.StepsItemContext;
+exports.Context = stepsContext.StepsContext;

package/dist/components/steps/steps.d.cts

@@ -11,3 +11,5 @@ export { StepsRoot as Root, type StepsRootBaseProps as RootBaseProps, type Steps
 export { StepsRootProvider as RootProvider, type StepsRootProviderBaseProps as RootProviderBaseProps, type StepsRootProviderProps as RootProviderProps, } from './steps-root-provider';
 export { StepsSeparator as Separator, type StepsSeparatorBaseProps as SeparatorBaseProps, type StepsSeparatorProps as SeparatorProps, } from './steps-separator';
 export { StepsTrigger as Trigger, type StepsTriggerBaseProps as TriggerBaseProps, type StepsTriggerProps as TriggerProps, } from './steps-trigger';
+export { StepsItemContext as ItemContext, type StepsItemContextProps as ItemContextProps, } from './steps-item-context';
+export { StepsContext as Context, type StepsContextProps as ContextProps } from './steps-context';

package/dist/components/steps/steps.d.ts

@@ -11,3 +11,5 @@ export { StepsRoot as Root, type StepsRootBaseProps as RootBaseProps, type Steps
 export { StepsRootProvider as RootProvider, type StepsRootProviderBaseProps as RootProviderBaseProps, type StepsRootProviderProps as RootProviderProps, } from './steps-root-provider';
 export { StepsSeparator as Separator, type StepsSeparatorBaseProps as SeparatorBaseProps, type StepsSeparatorProps as SeparatorProps, } from './steps-separator';
 export { StepsTrigger as Trigger, type StepsTriggerBaseProps as TriggerBaseProps, type StepsTriggerProps as TriggerProps, } from './steps-trigger';
+export { StepsItemContext as ItemContext, type StepsItemContextProps as ItemContextProps, } from './steps-item-context';
+export { StepsContext as Context, type StepsContextProps as ContextProps } from './steps-context';

package/dist/components/steps/steps.js

@@ -10,3 +10,5 @@ export { StepsRoot as Root } from './steps-root.js';
 export { StepsRootProvider as RootProvider } from './steps-root-provider.js';
 export { StepsSeparator as Separator } from './steps-separator.js';
 export { StepsTrigger as Trigger } from './steps-trigger.js';
+export { StepsItemContext as ItemContext } from './steps-item-context.js';
+export { StepsContext as Context } from './steps-context.js';

package/dist/index.cjs

@@ -439,6 +439,7 @@ const useSplitterContext = require('./components/splitter/use-splitter-context.c
 const splitter$1 = require('./components/splitter/splitter.cjs');
 const stepsCompletedContent = require('./components/steps/steps-completed-content.cjs');
 const stepsContent = require('./components/steps/steps-content.cjs');
+const stepsContext = require('./components/steps/steps-context.cjs');
 const stepsIndicator = require('./components/steps/steps-indicator.cjs');
 const stepsItem = require('./components/steps/steps-item.cjs');
 const stepsItemContext = require('./components/steps/steps-item-context.cjs');
@@ -453,7 +454,7 @@ const stepsTrigger = require('./components/steps/steps-trigger.cjs');
 const useSteps = require('./components/steps/use-steps.cjs');
 const useStepsContext = require('./components/steps/use-steps-context.cjs');
 const useStepsItemContext = require('./components/steps/use-steps-item-context.cjs');
-const steps = require('./components/steps/steps.cjs');
+const steps$1 = require('./components/steps/steps.cjs');
 const switchContext = require('./components/switch/switch-context.cjs');
 const switchControl = require('./components/switch/switch-control.cjs');
 const switchHiddenInput = require('./components/switch/switch-hidden-input.cjs');
@@ -590,6 +591,7 @@ const select = require('@zag-js/select');
 const signaturePad = require('@zag-js/signature-pad');
 const slider = require('@zag-js/slider');
 const splitter = require('@zag-js/splitter');
+const steps = require('@zag-js/steps');
 const zagSwitch = require('@zag-js/switch');
 const tabs = require('@zag-js/tabs');
 const tagsInput = require('@zag-js/tags-input');
@@ -1039,6 +1041,7 @@ exports.useSplitterContext = useSplitterContext.useSplitterContext;
 exports.Splitter = splitter$1;
 exports.StepsCompletedContent = stepsCompletedContent.StepsCompletedContent;
 exports.StepsContent = stepsContent.StepsContent;
+exports.StepsContext = stepsContext.StepsContext;
 exports.StepsIndicator = stepsIndicator.StepsIndicator;
 exports.StepsItem = stepsItem.StepsItem;
 exports.StepsItemContext = stepsItemContext.StepsItemContext;
@@ -1053,7 +1056,7 @@ exports.StepsTrigger = stepsTrigger.StepsTrigger;
 exports.useSteps = useSteps.useSteps;
 exports.useStepsContext = useStepsContext.useStepsContext;
 exports.useStepsItemContext = useStepsItemContext.useStepsItemContext;
-exports.Steps = steps;
+exports.Steps = steps$1;
 exports.SwitchContext = switchContext.SwitchContext;
 exports.SwitchControl = switchControl.SwitchControl;
 exports.SwitchHiddenInput = switchHiddenInput.SwitchHiddenInput;
@@ -1256,6 +1259,10 @@ Object.defineProperty(exports, "splitterAnatomy", {
 	enumerable: true,
 	get: () => splitter.anatomy
 });
+Object.defineProperty(exports, "stepsAnatomy", {
+	enumerable: true,
+	get: () => steps.anatomy
+});
 Object.defineProperty(exports, "switchAnatomy", {
 	enumerable: true,
 	get: () => zagSwitch.anatomy

package/dist/index.js

@@ -465,6 +465,7 @@ import * as splitter from './components/splitter/splitter.js';
 export { splitter as Splitter };
 export { StepsCompletedContent } from './components/steps/steps-completed-content.js';
 export { StepsContent } from './components/steps/steps-content.js';
+export { StepsContext } from './components/steps/steps-context.js';
 export { StepsIndicator } from './components/steps/steps-indicator.js';
 export { StepsItem } from './components/steps/steps-item.js';
 export { StepsItemContext } from './components/steps/steps-item-context.js';
@@ -626,6 +627,7 @@ export { anatomy as selectAnatomy } from '@zag-js/select';
 export { anatomy as signaturePadAnatomy } from '@zag-js/signature-pad';
 export { anatomy as sliderAnatomy } from '@zag-js/slider';
 export { anatomy as splitterAnatomy } from '@zag-js/splitter';
+export { anatomy as stepsAnatomy } from '@zag-js/steps';
 export { anatomy as switchAnatomy } from '@zag-js/switch';
 export { anatomy as tabsAnatomy } from '@zag-js/tabs';
 export { anatomy as tagsInputAnatomy } from '@zag-js/tags-input';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ark-ui/react",
-  "version": "3.9.0",
+  "version": "3.10.0",
   "description": "A collection of unstyled, accessible UI components for React, utilizing state machines for seamless interaction.",
   "keywords": [
     "accordion",
@@ -71,127 +71,6 @@
         "default": "./dist/index.cjs"
       }
     },
-    "./accordion": {
-      "source": "./src/components/accordion/index.ts",
-      "import": {
-        "types": "./dist/components/accordion/index.d.ts",
-        "default": "./dist/components/accordion/index.js"
-      },
-      "require": {
-        "types": "./dist/components/accordion/index.d.cts",
-        "default": "./dist/components/accordion/index.cjs"
-      }
-    },
-    "./avatar": {
-      "source": "./src/components/avatar/index.ts",
-      "import": {
-        "types": "./dist/components/avatar/index.d.ts",
-        "default": "./dist/components/avatar/index.js"
-      },
-      "require": {
-        "types": "./dist/components/avatar/index.d.cts",
-        "default": "./dist/components/avatar/index.cjs"
-      }
-    },
-    "./carousel": {
-      "source": "./src/components/carousel/index.ts",
-      "import": {
-        "types": "./dist/components/carousel/index.d.ts",
-        "default": "./dist/components/carousel/index.js"
-      },
-      "require": {
-        "types": "./dist/components/carousel/index.d.cts",
-        "default": "./dist/components/carousel/index.cjs"
-      }
-    },
-    "./checkbox": {
-      "source": "./src/components/checkbox/index.ts",
-      "import": {
-        "types": "./dist/components/checkbox/index.d.ts",
-        "default": "./dist/components/checkbox/index.js"
-      },
-      "require": {
-        "types": "./dist/components/checkbox/index.d.cts",
-        "default": "./dist/components/checkbox/index.cjs"
-      }
-    },
-    "./clipboard": {
-      "source": "./src/components/clipboard/index.ts",
-      "import": {
-        "types": "./dist/components/clipboard/index.d.ts",
-        "default": "./dist/components/clipboard/index.js"
-      },
-      "require": {
-        "types": "./dist/components/clipboard/index.d.cts",
-        "default": "./dist/components/clipboard/index.cjs"
-      }
-    },
-    "./collapsible": {
-      "source": "./src/components/collapsible/index.ts",
-      "import": {
-        "types": "./dist/components/collapsible/index.d.ts",
-        "default": "./dist/components/collapsible/index.js"
-      },
-      "require": {
-        "types": "./dist/components/collapsible/index.d.cts",
-        "default": "./dist/components/collapsible/index.cjs"
-      }
-    },
-    "./color-picker": {
-      "source": "./src/components/color-picker/index.ts",
-      "import": {
-        "types": "./dist/components/color-picker/index.d.ts",
-        "default": "./dist/components/color-picker/index.js"
-      },
-      "require": {
-        "types": "./dist/components/color-picker/index.d.cts",
-        "default": "./dist/components/color-picker/index.cjs"
-      }
-    },
-    "./combobox": {
-      "source": "./src/components/combobox/index.ts",
-      "import": {
-        "types": "./dist/components/combobox/index.d.ts",
-        "default": "./dist/components/combobox/index.js"
-      },
-      "require": {
-        "types": "./dist/components/combobox/index.d.cts",
-        "default": "./dist/components/combobox/index.cjs"
-      }
-    },
-    "./date-picker": {
-      "source": "./src/components/date-picker/index.ts",
-      "import": {
-        "types": "./dist/components/date-picker/index.d.ts",
-        "default": "./dist/components/date-picker/index.js"
-      },
-      "require": {
-        "types": "./dist/components/date-picker/index.d.cts",
-        "default": "./dist/components/date-picker/index.cjs"
-      }
-    },
-    "./dialog": {
-      "source": "./src/components/dialog/index.ts",
-      "import": {
-        "types": "./dist/components/dialog/index.d.ts",
-        "default": "./dist/components/dialog/index.js"
-      },
-      "require": {
-        "types": "./dist/components/dialog/index.d.cts",
-        "default": "./dist/components/dialog/index.cjs"
-      }
-    },
-    "./editable": {
-      "source": "./src/components/editable/index.ts",
-      "import": {
-        "types": "./dist/components/editable/index.d.ts",
-        "default": "./dist/components/editable/index.js"
-      },
-      "require": {
-        "types": "./dist/components/editable/index.d.cts",
-        "default": "./dist/components/editable/index.cjs"
-      }
-    },
     "./factory": {
       "source": "./src/components/factory.ts",
       "import": {
@@ -203,358 +82,6 @@
         "default": "./dist/components/factory.cjs"
       }
     },
-    "./field": {
-      "source": "./src/components/field/index.ts",
-      "import": {
-        "types": "./dist/components/field/index.d.ts",
-        "default": "./dist/components/field/index.js"
-      },
-      "require": {
-        "types": "./dist/components/field/index.d.cts",
-        "default": "./dist/components/field/index.cjs"
-      }
-    },
-    "./fieldset": {
-      "source": "./src/components/fieldset/index.ts",
-      "import": {
-        "types": "./dist/components/fieldset/index.d.ts",
-        "default": "./dist/components/fieldset/index.js"
-      },
-      "require": {
-        "types": "./dist/components/fieldset/index.d.cts",
-        "default": "./dist/components/fieldset/index.cjs"
-      }
-    },
-    "./file-upload": {
-      "source": "./src/components/file-upload/index.ts",
-      "import": {
-        "types": "./dist/components/file-upload/index.d.ts",
-        "default": "./dist/components/file-upload/index.js"
-      },
-      "require": {
-        "types": "./dist/components/file-upload/index.d.cts",
-        "default": "./dist/components/file-upload/index.cjs"
-      }
-    },
-    "./format": {
-      "source": "./src/components/format/index.ts",
-      "import": {
-        "types": "./dist/components/format/index.d.ts",
-        "default": "./dist/components/format/index.js"
-      },
-      "require": {
-        "types": "./dist/components/format/index.d.cts",
-        "default": "./dist/components/format/index.cjs"
-      }
-    },
-    "./highlight": {
-      "source": "./src/components/highlight/index.ts",
-      "import": {
-        "types": "./dist/components/highlight/index.d.ts",
-        "default": "./dist/components/highlight/index.js"
-      },
-      "require": {
-        "types": "./dist/components/highlight/index.d.cts",
-        "default": "./dist/components/highlight/index.cjs"
-      }
-    },
-    "./hover-card": {
-      "source": "./src/components/hover-card/index.ts",
-      "import": {
-        "types": "./dist/components/hover-card/index.d.ts",
-        "default": "./dist/components/hover-card/index.js"
-      },
-      "require": {
-        "types": "./dist/components/hover-card/index.d.cts",
-        "default": "./dist/components/hover-card/index.cjs"
-      }
-    },
-    "./menu": {
-      "source": "./src/components/menu/index.ts",
-      "import": {
-        "types": "./dist/components/menu/index.d.ts",
-        "default": "./dist/components/menu/index.js"
-      },
-      "require": {
-        "types": "./dist/components/menu/index.d.cts",
-        "default": "./dist/components/menu/index.cjs"
-      }
-    },
-    "./number-input": {
-      "source": "./src/components/number-input/index.ts",
-      "import": {
-        "types": "./dist/components/number-input/index.d.ts",
-        "default": "./dist/components/number-input/index.js"
-      },
-      "require": {
-        "types": "./dist/components/number-input/index.d.cts",
-        "default": "./dist/components/number-input/index.cjs"
-      }
-    },
-    "./pagination": {
-      "source": "./src/components/pagination/index.ts",
-      "import": {
-        "types": "./dist/components/pagination/index.d.ts",
-        "default": "./dist/components/pagination/index.js"
-      },
-      "require": {
-        "types": "./dist/components/pagination/index.d.cts",
-        "default": "./dist/components/pagination/index.cjs"
-      }
-    },
-    "./pin-input": {
-      "source": "./src/components/pin-input/index.ts",
-      "import": {
-        "types": "./dist/components/pin-input/index.d.ts",
-        "default": "./dist/components/pin-input/index.js"
-      },
-      "require": {
-        "types": "./dist/components/pin-input/index.d.cts",
-        "default": "./dist/components/pin-input/index.cjs"
-      }
-    },
-    "./popover": {
-      "source": "./src/components/popover/index.ts",
-      "import": {
-        "types": "./dist/components/popover/index.d.ts",
-        "default": "./dist/components/popover/index.js"
-      },
-      "require": {
-        "types": "./dist/components/popover/index.d.cts",
-        "default": "./dist/components/popover/index.cjs"
-      }
-    },
-    "./portal": {
-      "source": "./src/components/portal/index.ts",
-      "import": {
-        "types": "./dist/components/portal/index.d.ts",
-        "default": "./dist/components/portal/index.js"
-      },
-      "require": {
-        "types": "./dist/components/portal/index.d.cts",
-        "default": "./dist/components/portal/index.cjs"
-      }
-    },
-    "./presence": {
-      "source": "./src/components/presence/index.ts",
-      "import": {
-        "types": "./dist/components/presence/index.d.ts",
-        "default": "./dist/components/presence/index.js"
-      },
-      "require": {
-        "types": "./dist/components/presence/index.d.cts",
-        "default": "./dist/components/presence/index.cjs"
-      }
-    },
-    "./progress": {
-      "source": "./src/components/progress/index.ts",
-      "import": {
-        "types": "./dist/components/progress/index.d.ts",
-        "default": "./dist/components/progress/index.js"
-      },
-      "require": {
-        "types": "./dist/components/progress/index.d.cts",
-        "default": "./dist/components/progress/index.cjs"
-      }
-    },
-    "./qr-code": {
-      "source": "./src/components/qr-code/index.ts",
-      "import": {
-        "types": "./dist/components/qr-code/index.d.ts",
-        "default": "./dist/components/qr-code/index.js"
-      },
-      "require": {
-        "types": "./dist/components/qr-code/index.d.cts",
-        "default": "./dist/components/qr-code/index.cjs"
-      }
-    },
-    "./radio-group": {
-      "source": "./src/components/radio-group/index.ts",
-      "import": {
-        "types": "./dist/components/radio-group/index.d.ts",
-        "default": "./dist/components/radio-group/index.js"
-      },
-      "require": {
-        "types": "./dist/components/radio-group/index.d.cts",
-        "default": "./dist/components/radio-group/index.cjs"
-      }
-    },
-    "./rating-group": {
-      "source": "./src/components/rating-group/index.ts",
-      "import": {
-        "types": "./dist/components/rating-group/index.d.ts",
-        "default": "./dist/components/rating-group/index.js"
-      },
-      "require": {
-        "types": "./dist/components/rating-group/index.d.cts",
-        "default": "./dist/components/rating-group/index.cjs"
-      }
-    },
-    "./segment-group": {
-      "source": "./src/components/segment-group/index.ts",
-      "import": {
-        "types": "./dist/components/segment-group/index.d.ts",
-        "default": "./dist/components/segment-group/index.js"
-      },
-      "require": {
-        "types": "./dist/components/segment-group/index.d.cts",
-        "default": "./dist/components/segment-group/index.cjs"
-      }
-    },
-    "./select": {
-      "source": "./src/components/select/index.ts",
-      "import": {
-        "types": "./dist/components/select/index.d.ts",
-        "default": "./dist/components/select/index.js"
-      },
-      "require": {
-        "types": "./dist/components/select/index.d.cts",
-        "default": "./dist/components/select/index.cjs"
-      }
-    },
-    "./signature-pad": {
-      "source": "./src/components/signature-pad/index.ts",
-      "import": {
-        "types": "./dist/components/signature-pad/index.d.ts",
-        "default": "./dist/components/signature-pad/index.js"
-      },
-      "require": {
-        "types": "./dist/components/signature-pad/index.d.cts",
-        "default": "./dist/components/signature-pad/index.cjs"
-      }
-    },
-    "./slider": {
-      "source": "./src/components/slider/index.ts",
-      "import": {
-        "types": "./dist/components/slider/index.d.ts",
-        "default": "./dist/components/slider/index.js"
-      },
-      "require": {
-        "types": "./dist/components/slider/index.d.cts",
-        "default": "./dist/components/slider/index.cjs"
-      }
-    },
-    "./splitter": {
-      "source": "./src/components/splitter/index.ts",
-      "import": {
-        "types": "./dist/components/splitter/index.d.ts",
-        "default": "./dist/components/splitter/index.js"
-      },
-      "require": {
-        "types": "./dist/components/splitter/index.d.cts",
-        "default": "./dist/components/splitter/index.cjs"
-      }
-    },
-    "./steps": {
-      "source": "./src/components/steps/index.ts",
-      "import": {
-        "types": "./dist/components/steps/index.d.ts",
-        "default": "./dist/components/steps/index.js"
-      },
-      "require": {
-        "types": "./dist/components/steps/index.d.cts",
-        "default": "./dist/components/steps/index.cjs"
-      }
-    },
-    "./switch": {
-      "source": "./src/components/switch/index.ts",
-      "import": {
-        "types": "./dist/components/switch/index.d.ts",
-        "default": "./dist/components/switch/index.js"
-      },
-      "require": {
-        "types": "./dist/components/switch/index.d.cts",
-        "default": "./dist/components/switch/index.cjs"
-      }
-    },
-    "./tabs": {
-      "source": "./src/components/tabs/index.ts",
-      "import": {
-        "types": "./dist/components/tabs/index.d.ts",
-        "default": "./dist/components/tabs/index.js"
-      },
-      "require": {
-        "types": "./dist/components/tabs/index.d.cts",
-        "default": "./dist/components/tabs/index.cjs"
-      }
-    },
-    "./tags-input": {
-      "source": "./src/components/tags-input/index.ts",
-      "import": {
-        "types": "./dist/components/tags-input/index.d.ts",
-        "default": "./dist/components/tags-input/index.js"
-      },
-      "require": {
-        "types": "./dist/components/tags-input/index.d.cts",
-        "default": "./dist/components/tags-input/index.cjs"
-      }
-    },
-    "./timer": {
-      "source": "./src/components/timer/index.ts",
-      "import": {
-        "types": "./dist/components/timer/index.d.ts",
-        "default": "./dist/components/timer/index.js"
-      },
-      "require": {
-        "types": "./dist/components/timer/index.d.cts",
-        "default": "./dist/components/timer/index.cjs"
-      }
-    },
-    "./time-picker": {
-      "source": "./src/components/time-picker/index.ts",
-      "import": {
-        "types": "./dist/components/time-picker/index.d.ts",
-        "default": "./dist/components/time-picker/index.js"
-      },
-      "require": {
-        "types": "./dist/components/time-picker/index.d.cts",
-        "default": "./dist/components/time-picker/index.cjs"
-      }
-    },
-    "./toast": {
-      "source": "./src/components/toast/index.ts",
-      "import": {
-        "types": "./dist/components/toast/index.d.ts",
-        "default": "./dist/components/toast/index.js"
-      },
-      "require": {
-        "types": "./dist/components/toast/index.d.cts",
-        "default": "./dist/components/toast/index.cjs"
-      }
-    },
-    "./toggle-group": {
-      "source": "./src/components/toggle-group/index.ts",
-      "import": {
-        "types": "./dist/components/toggle-group/index.d.ts",
-        "default": "./dist/components/toggle-group/index.js"
-      },
-      "require": {
-        "types": "./dist/components/toggle-group/index.d.cts",
-        "default": "./dist/components/toggle-group/index.cjs"
-      }
-    },
-    "./tooltip": {
-      "source": "./src/components/tooltip/index.ts",
-      "import": {
-        "types": "./dist/components/tooltip/index.d.ts",
-        "default": "./dist/components/tooltip/index.js"
-      },
-      "require": {
-        "types": "./dist/components/tooltip/index.d.cts",
-        "default": "./dist/components/tooltip/index.cjs"
-      }
-    },
-    "./tree-view": {
-      "source": "./src/components/tree-view/index.ts",
-      "import": {
-        "types": "./dist/components/tree-view/index.d.ts",
-        "default": "./dist/components/tree-view/index.js"
-      },
-      "require": {
-        "types": "./dist/components/tree-view/index.d.cts",
-        "default": "./dist/components/tree-view/index.cjs"
-      }
-    },
     "./environment": {
       "source": "./src/providers/environment/index.ts",
       "import": {
@@ -576,6 +103,17 @@
         "types": "./dist/providers/locale/index.d.cts",
         "default": "./dist/providers/locale/index.cjs"
       }
+    },
+    "./*": {
+      "source": "./src/components/*/index.ts",
+      "import": {
+        "types": "./dist/components/*/index.d.ts",
+        "default": "./dist/components/*/index.js"
+      },
+      "require": {
+        "types": "./dist/components/*/index.d.cts",
+        "default": "./dist/components/*/index.cjs"
+      }
     }
   },
   "scripts": {
@@ -652,16 +190,16 @@
     "@testing-library/react": "16.0.0",
     "@testing-library/user-event": "14.5.2",
     "@types/jsdom": "21.1.7",
-    "@types/react": "18.3.3",
+    "@types/react": "18.3.5",
     "@types/react-dom": "18.3.0",
     "@vitejs/plugin-react": "4.3.1",
     "globby": "14.0.2",
-    "jsdom": "24.1.1",
-    "lucide-react": "0.428.0",
+    "jsdom": "24.1.3",
+    "lucide-react": "0.438.0",
     "react": "18.3.1",
     "react-dom": "18.3.1",
     "react-frame-component": "5.2.7",
-    "react-hook-form": "7.52.2",
+    "react-hook-form": "7.53.0",
     "release-it": "17.6.0",
     "resize-observer-polyfill": "1.5.1",
     "storybook": "8.2.9",