@digdir/designsystemet-react 1.0.0-next.45-test-react19 → 1.0.0-next.47

package/dist/cjs/components/Combobox/Combobox.js

@@ -178,7 +178,7 @@ const ComboboxComponent = react.forwardRef(({ value, initialValue = [], onValueC
             setListRef: (index, node) => {
                 listRef.current[index] = node;
             },
-        }, children: [jsxRuntime.jsxs("div", { className: cl('ds-combobox', `ds-combobox--${size}`, disabled && 'ds-combobox__disabled', className), style: style, ref: portalRef, children: [name && (jsxRuntime.jsx(ComboboxNative, { name: name, selectedOptions: selectedOptions, multiple: multiple })), jsxRuntime.jsx(ComboboxLabel, { label: label, description: description, size: size, readOnly: readOnly, hideLabel: hideLabel, formFieldProps: formFieldProps }), jsxRuntime.jsx(ComboboxInput, { ...omit.omit(['inputValue'], rest), hideClearButton: hideClearButton, listId: context.floatingId || '', error: error, hideChips: hideChips, handleKeyDown: handleKeyDown, "aria-busy": loading }), jsxRuntime.jsx(ComboboxError, { size: size, error: error, formFieldProps: formFieldProps })] }), open && (jsxRuntime.jsx(react$1.FloatingPortal, { root: portal ? null : portalRef, children: jsxRuntime.jsx(react$1.FloatingFocusManager, { context: context, initialFocus: -1, visuallyHiddenDismiss: true, children: jsxRuntime.jsxs("div", { "aria-labelledby": formFieldProps.inputProps.id, "aria-autocomplete": 'list', tabIndex: -1, ...getFloatingProps({
+        }, children: [jsxRuntime.jsxs("div", { className: cl('ds-combobox', `ds-combobox--${size}`, disabled && 'ds-combobox__disabled', className), style: style, ref: portalRef, children: [name && (jsxRuntime.jsx(ComboboxNative, { name: name, selectedOptions: selectedOptions, multiple: multiple })), jsxRuntime.jsx(ComboboxLabel, { label: label, description: description, size: size, readOnly: readOnly, hideLabel: hideLabel, formFieldProps: formFieldProps }), jsxRuntime.jsx(ComboboxInput, { ...omit.omit(['inputValue'], rest), hideClearButton: hideClearButton, listId: context.floatingId, error: error, hideChips: hideChips, handleKeyDown: handleKeyDown, "aria-busy": loading }), jsxRuntime.jsx(ComboboxError, { size: size, error: error, formFieldProps: formFieldProps })] }), open && (jsxRuntime.jsx(react$1.FloatingPortal, { root: portal ? null : portalRef, children: jsxRuntime.jsx(react$1.FloatingFocusManager, { context: context, initialFocus: -1, visuallyHiddenDismiss: true, children: jsxRuntime.jsxs("div", { "aria-labelledby": formFieldProps.inputProps.id, "aria-autocomplete": 'list', tabIndex: -1, ...getFloatingProps({
                             ref: refs.setFloating,
                             style: {
                                 ...floatingStyles,

package/dist/cjs/components/Combobox/internal/ComboboxChips.js

@@ -25,7 +25,7 @@ const ComboboxChips = () => {
                             option: selectedOptions[value],
                             remove: true,
                         });
-                        inputRef?.current?.focus();
+                        inputRef.current?.focus();
                     }
                 }, onClick: () => {
                     if (readOnly)

package/dist/cjs/components/Tabs/TabsList.js

@@ -2,7 +2,6 @@
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
-var cl = require('clsx/lite');
 var react = require('react');
 var Tabs = require('./Tabs.js');
 var RovingFocusRoot = require('../../utilities/RovingFocus/RovingFocusRoot.js');
@@ -17,9 +16,9 @@ var RovingFocusRoot = require('../../utilities/RovingFocus/RovingFocusRoot.js');
  * </Tabs.List>
  * ```
  */
-const TabsList = react.forwardRef(function TabsList({ children, className, ...rest }, ref) {
+const TabsList = react.forwardRef(function TabsList({ children, ...rest }, ref) {
     const { value } = react.useContext(Tabs.Context);
-    return (jsxRuntime.jsx(RovingFocusRoot.RovingFocusRoot, { role: 'tablist', activeValue: value, className: cl('ds-tabs__tablist', className), orientation: 'ambiguous', ref: ref, ...rest, children: children }));
+    return (jsxRuntime.jsx(RovingFocusRoot.RovingFocusRoot, { role: 'tablist', activeValue: value, orientation: 'ambiguous', ref: ref, ...rest, children: children }));
 });
 
 exports.TabsList = TabsList;

package/dist/cjs/components/Tabs/TabsPanel.js

@@ -2,8 +2,8 @@
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
-var cl = require('clsx/lite');
 var react = require('react');
+var react$1 = require('@floating-ui/react');
 var Tabs = require('./Tabs.js');
 
 /**
@@ -13,10 +13,20 @@ var Tabs = require('./Tabs.js');
  * <Tabs.Panel value='1'>content 1</Tabs.Panel>
  * ```
  */
-const TabsPanel = react.forwardRef(function TabsPanel({ children, value, className, ...rest }, ref) {
+const TabsPanel = react.forwardRef(function TabsPanel({ children, value, ...rest }, ref) {
     const { value: tabsValue } = react.useContext(Tabs.Context);
     const active = value === tabsValue;
-    return (jsxRuntime.jsx(jsxRuntime.Fragment, { children: active && (jsxRuntime.jsx("div", { className: cl('ds-tabs__panel', className), ref: ref, ...rest, children: children })) }));
+    const [hasTabbableElement, setHasTabbableElement] = react.useState(false);
+    const internalRef = react.useRef(null);
+    const mergedRef = react$1.useMergeRefs([ref, internalRef]);
+    /* Check if the panel has any tabbable elements */
+    react.useEffect(() => {
+        if (!internalRef.current)
+            return;
+        const tabbableElements = internalRef.current.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])');
+        setHasTabbableElement(tabbableElements.length > 0);
+    }, [children]);
+    return (jsxRuntime.jsx(jsxRuntime.Fragment, { children: active && (jsxRuntime.jsx("div", { ref: mergedRef, role: 'tabpanel', tabIndex: hasTabbableElement ? undefined : 0, ...rest, children: children })) }));
 });
 
 exports.TabsPanel = TabsPanel;

package/dist/cjs/components/Tabs/TabsTab.js

@@ -2,7 +2,6 @@
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
-var cl = require('clsx/lite');
 var react = require('react');
 var RovingFocusItem = require('../../utilities/RovingFocus/RovingFocusItem.js');
 var Tabs = require('./Tabs.js');
@@ -12,10 +11,10 @@ var Tabs = require('./Tabs.js');
  * @example
  * <Tabs.Tab value='1'>Tab 1</Tabs.Tab>
  */
-const TabsTab = react.forwardRef(function TabsTab({ className, value, ...rest }, ref) {
+const TabsTab = react.forwardRef(function TabsTab({ value, id, ...rest }, ref) {
     const tabs = react.useContext(Tabs.Context);
-    const buttonId = `tab-${react.useId()}`;
-    return (jsxRuntime.jsx(RovingFocusItem.RovingFocusItem, { value: value, ...rest, asChild: true, children: jsxRuntime.jsx("button", { ...rest, "aria-selected": tabs.value === value, className: cl('ds-tabs__tab', className), id: buttonId, onClick: () => tabs.onChange?.(value), ref: ref, role: 'tab', type: 'button' }) }));
+    const buttonId = id ?? `tab-${react.useId()}`;
+    return (jsxRuntime.jsx(RovingFocusItem.RovingFocusItem, { value: value, ...rest, asChild: true, children: jsxRuntime.jsx("button", { ...rest, "aria-selected": tabs.value === value, id: buttonId, onClick: () => tabs.onChange?.(value), ref: ref, role: 'tab', type: 'button' }) }));
 });
 
 exports.TabsTab = TabsTab;

package/dist/cjs/index.js

@@ -95,6 +95,7 @@ var useCheckboxGroup = require('./utilities/hooks/useCheckboxGroup/useCheckboxGr
 var useDebounceCallback = require('./utilities/hooks/useDebounceCallback/useDebounceCallback.js');
 var useIsomorphicLayoutEffect = require('./utilities/hooks/useIsomorphicLayoutEffect/useIsomorphicLayoutEffect.js');
 var useMediaQuery = require('./utilities/hooks/useMediaQuery/useMediaQuery.js');
+var usePrevious = require('./utilities/hooks/usePrevious/usePrevious.js');
 var useRadioGroup = require('./utilities/hooks/useRadioGroup/useRadioGroup.js');
 var useSynchronizedAnimation = require('./utilities/hooks/useSynchronizedAnimation/useSynchronizedAnimation.js');
 var RovingFocusRoot = require('./utilities/RovingFocus/RovingFocusRoot.js');
@@ -202,6 +203,7 @@ exports.useCheckboxGroup = useCheckboxGroup.useCheckboxGroup;
 exports.useDebounceCallback = useDebounceCallback.useDebounceCallback;
 exports.useIsomorphicLayoutEffect = useIsomorphicLayoutEffect.useIsomorphicLayoutEffect;
 exports.useMediaQuery = useMediaQuery.useMediaQuery;
+exports.usePrevious = usePrevious.usePrevious;
 exports.useRadioGroup = useRadioGroup.useRadioGroup;
 exports.useSynchronizedAnimation = useSynchronizedAnimation.useSynchronizedAnimation;
 exports.RovingFocusRoot = RovingFocusRoot.RovingFocusRoot;

package/dist/cjs/utilities/RovingFocus/RovingFocusRoot.js

@@ -23,7 +23,7 @@ const RovingFocusRoot = react.forwardRef(({ activeValue, asChild, orientation =
     const [focusableValue, setFocusableValue] = react.useState(null);
     const [isShiftTabbing, setIsShiftTabbing] = react.useState(false);
     const elements = react.useRef(new Map());
-    const myRef = react.useRef(null);
+    const myRef = react.useRef();
     const refs = react$1.useMergeRefs([ref, myRef]);
     const getOrderedItems = () => {
         if (!myRef.current)

package/dist/cjs/utilities/hooks/usePrevious/usePrevious.js

@@ -0,0 +1,14 @@
+'use client';
+'use strict';
+
+var react = require('react');
+
+function usePrevious(value) {
+    const ref = react.useRef();
+    react.useEffect(() => {
+        ref.current = value;
+    }, [value]);
+    return ref.current;
+}
+
+exports.usePrevious = usePrevious;

package/dist/esm/components/Combobox/Combobox.js

@@ -176,7 +176,7 @@ const ComboboxComponent = forwardRef(({ value, initialValue = [], onValueChange,
             setListRef: (index, node) => {
                 listRef.current[index] = node;
             },
-        }, children: [jsxs("div", { className: cl('ds-combobox', `ds-combobox--${size}`, disabled && 'ds-combobox__disabled', className), style: style, ref: portalRef, children: [name && (jsx(ComboboxNative, { name: name, selectedOptions: selectedOptions, multiple: multiple })), jsx(ComboboxLabel, { label: label, description: description, size: size, readOnly: readOnly, hideLabel: hideLabel, formFieldProps: formFieldProps }), jsx(ComboboxInput, { ...omit(['inputValue'], rest), hideClearButton: hideClearButton, listId: context.floatingId || '', error: error, hideChips: hideChips, handleKeyDown: handleKeyDown, "aria-busy": loading }), jsx(ComboboxError, { size: size, error: error, formFieldProps: formFieldProps })] }), open && (jsx(FloatingPortal, { root: portal ? null : portalRef, children: jsx(FloatingFocusManager, { context: context, initialFocus: -1, visuallyHiddenDismiss: true, children: jsxs("div", { "aria-labelledby": formFieldProps.inputProps.id, "aria-autocomplete": 'list', tabIndex: -1, ...getFloatingProps({
+        }, children: [jsxs("div", { className: cl('ds-combobox', `ds-combobox--${size}`, disabled && 'ds-combobox__disabled', className), style: style, ref: portalRef, children: [name && (jsx(ComboboxNative, { name: name, selectedOptions: selectedOptions, multiple: multiple })), jsx(ComboboxLabel, { label: label, description: description, size: size, readOnly: readOnly, hideLabel: hideLabel, formFieldProps: formFieldProps }), jsx(ComboboxInput, { ...omit(['inputValue'], rest), hideClearButton: hideClearButton, listId: context.floatingId, error: error, hideChips: hideChips, handleKeyDown: handleKeyDown, "aria-busy": loading }), jsx(ComboboxError, { size: size, error: error, formFieldProps: formFieldProps })] }), open && (jsx(FloatingPortal, { root: portal ? null : portalRef, children: jsx(FloatingFocusManager, { context: context, initialFocus: -1, visuallyHiddenDismiss: true, children: jsxs("div", { "aria-labelledby": formFieldProps.inputProps.id, "aria-autocomplete": 'list', tabIndex: -1, ...getFloatingProps({
                             ref: refs.setFloating,
                             style: {
                                 ...floatingStyles,

package/dist/esm/components/Combobox/internal/ComboboxChips.js

@@ -23,7 +23,7 @@ const ComboboxChips = () => {
                             option: selectedOptions[value],
                             remove: true,
                         });
-                        inputRef?.current?.focus();
+                        inputRef.current?.focus();
                     }
                 }, onClick: () => {
                     if (readOnly)

package/dist/esm/components/Tabs/TabsList.js

@@ -1,6 +1,5 @@
 'use client';
 import { jsx } from 'react/jsx-runtime';
-import cl from 'clsx/lite';
 import { forwardRef, useContext } from 'react';
 import { Context } from './Tabs.js';
 import { RovingFocusRoot } from '../../utilities/RovingFocus/RovingFocusRoot.js';
@@ -15,9 +14,9 @@ import { RovingFocusRoot } from '../../utilities/RovingFocus/RovingFocusRoot.js'
  * </Tabs.List>
  * ```
  */
-const TabsList = forwardRef(function TabsList({ children, className, ...rest }, ref) {
+const TabsList = forwardRef(function TabsList({ children, ...rest }, ref) {
     const { value } = useContext(Context);
-    return (jsx(RovingFocusRoot, { role: 'tablist', activeValue: value, className: cl('ds-tabs__tablist', className), orientation: 'ambiguous', ref: ref, ...rest, children: children }));
+    return (jsx(RovingFocusRoot, { role: 'tablist', activeValue: value, orientation: 'ambiguous', ref: ref, ...rest, children: children }));
 });
 
 export { TabsList };

package/dist/esm/components/Tabs/TabsPanel.js

@@ -1,7 +1,7 @@
 'use client';
 import { jsx, Fragment } from 'react/jsx-runtime';
-import cl from 'clsx/lite';
-import { forwardRef, useContext } from 'react';
+import { forwardRef, useContext, useState, useRef, useEffect } from 'react';
+import { useMergeRefs } from '@floating-ui/react';
 import { Context } from './Tabs.js';
 
 /**
@@ -11,10 +11,20 @@ import { Context } from './Tabs.js';
  * <Tabs.Panel value='1'>content 1</Tabs.Panel>
  * ```
  */
-const TabsPanel = forwardRef(function TabsPanel({ children, value, className, ...rest }, ref) {
+const TabsPanel = forwardRef(function TabsPanel({ children, value, ...rest }, ref) {
     const { value: tabsValue } = useContext(Context);
     const active = value === tabsValue;
-    return (jsx(Fragment, { children: active && (jsx("div", { className: cl('ds-tabs__panel', className), ref: ref, ...rest, children: children })) }));
+    const [hasTabbableElement, setHasTabbableElement] = useState(false);
+    const internalRef = useRef(null);
+    const mergedRef = useMergeRefs([ref, internalRef]);
+    /* Check if the panel has any tabbable elements */
+    useEffect(() => {
+        if (!internalRef.current)
+            return;
+        const tabbableElements = internalRef.current.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])');
+        setHasTabbableElement(tabbableElements.length > 0);
+    }, [children]);
+    return (jsx(Fragment, { children: active && (jsx("div", { ref: mergedRef, role: 'tabpanel', tabIndex: hasTabbableElement ? undefined : 0, ...rest, children: children })) }));
 });
 
 export { TabsPanel };

package/dist/esm/components/Tabs/TabsTab.js

@@ -1,6 +1,5 @@
 'use client';
 import { jsx } from 'react/jsx-runtime';
-import cl from 'clsx/lite';
 import { forwardRef, useContext, useId } from 'react';
 import { RovingFocusItem } from '../../utilities/RovingFocus/RovingFocusItem.js';
 import { Context } from './Tabs.js';
@@ -10,10 +9,10 @@ import { Context } from './Tabs.js';
  * @example
  * <Tabs.Tab value='1'>Tab 1</Tabs.Tab>
  */
-const TabsTab = forwardRef(function TabsTab({ className, value, ...rest }, ref) {
+const TabsTab = forwardRef(function TabsTab({ value, id, ...rest }, ref) {
     const tabs = useContext(Context);
-    const buttonId = `tab-${useId()}`;
-    return (jsx(RovingFocusItem, { value: value, ...rest, asChild: true, children: jsx("button", { ...rest, "aria-selected": tabs.value === value, className: cl('ds-tabs__tab', className), id: buttonId, onClick: () => tabs.onChange?.(value), ref: ref, role: 'tab', type: 'button' }) }));
+    const buttonId = id ?? `tab-${useId()}`;
+    return (jsx(RovingFocusItem, { value: value, ...rest, asChild: true, children: jsx("button", { ...rest, "aria-selected": tabs.value === value, id: buttonId, onClick: () => tabs.onChange?.(value), ref: ref, role: 'tab', type: 'button' }) }));
 });
 
 export { TabsTab };

package/dist/esm/index.js

@@ -93,6 +93,7 @@ export { useCheckboxGroup } from './utilities/hooks/useCheckboxGroup/useCheckbox
 export { useDebounceCallback } from './utilities/hooks/useDebounceCallback/useDebounceCallback.js';
 export { useIsomorphicLayoutEffect } from './utilities/hooks/useIsomorphicLayoutEffect/useIsomorphicLayoutEffect.js';
 export { useMediaQuery } from './utilities/hooks/useMediaQuery/useMediaQuery.js';
+export { usePrevious } from './utilities/hooks/usePrevious/usePrevious.js';
 export { useRadioGroup } from './utilities/hooks/useRadioGroup/useRadioGroup.js';
 export { useSynchronizedAnimation } from './utilities/hooks/useSynchronizedAnimation/useSynchronizedAnimation.js';
 export { RovingFocusRoot } from './utilities/RovingFocus/RovingFocusRoot.js';

package/dist/esm/utilities/RovingFocus/RovingFocusRoot.js

@@ -21,7 +21,7 @@ const RovingFocusRoot = forwardRef(({ activeValue, asChild, orientation = 'horiz
     const [focusableValue, setFocusableValue] = useState(null);
     const [isShiftTabbing, setIsShiftTabbing] = useState(false);
     const elements = useRef(new Map());
-    const myRef = useRef(null);
+    const myRef = useRef();
     const refs = useMergeRefs([ref, myRef]);
     const getOrderedItems = () => {
         if (!myRef.current)

package/dist/esm/utilities/hooks/usePrevious/usePrevious.js

@@ -0,0 +1,12 @@
+'use client';
+import { useRef, useEffect } from 'react';
+
+function usePrevious(value) {
+    const ref = useRef();
+    useEffect(() => {
+        ref.current = value;
+    }, [value]);
+    return ref.current;
+}
+
+export { usePrevious };

package/dist/types/components/Chip/Chips.d.ts

@@ -30,13 +30,13 @@ export declare const ChipRemovable: React.ForwardRefExoticComponent<Omit<Default
  * <Chip.Checkbox name="language" value="nynorsk">Nynorsk</Chip.Checkbox>
  * <Chip.Checkbox name="language" value="bokmål">Bokmål</Chip.Checkbox>
  */
-export declare const ChipCheckbox: React.ForwardRefExoticComponent<Omit<DefaultProps & Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "type">, "asChild"> & ChipBaseProps & React.RefAttributes<HTMLLabelElement>>;
+export declare const ChipCheckbox: React.ForwardRefExoticComponent<Omit<DefaultProps & Omit<InputHTMLAttributes<HTMLInputElement>, "type" | "size">, "asChild"> & ChipBaseProps & React.RefAttributes<HTMLLabelElement>>;
 /**
  * Chip.Radio used for single selection
  * @example
  * <Chip.Radio name="language" value="nynorsk">Nynorsk</Chip.Radio>
  * <Chip.Radio name="language" value="bokmål">Bokmål</Chip.Radio>
  */
-export declare const ChipRadio: React.ForwardRefExoticComponent<Omit<DefaultProps & Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "type">, "asChild"> & ChipBaseProps & React.RefAttributes<HTMLLabelElement>>;
+export declare const ChipRadio: React.ForwardRefExoticComponent<Omit<DefaultProps & Omit<InputHTMLAttributes<HTMLInputElement>, "type" | "size">, "asChild"> & ChipBaseProps & React.RefAttributes<HTMLLabelElement>>;
 export {};
 //# sourceMappingURL=Chips.d.ts.map

package/dist/types/components/Chip/Chips.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Chips.d.ts","sourceRoot":"","sources":["../../../src/components/Chip/Chips.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,oBAAoB,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAC;AACvE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAGlD,KAAK,aAAa,GAAG;IACnB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG,eAAe,CAAC;AACjD,MAAM,MAAM,cAAc,GAAG,iBAAiB,CAAC;AAC/C,MAAM,MAAM,eAAe,GAAG,UAAU,CACtC,YAAY,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,EACtD,aAAa,CACd,CAAC;AACF,MAAM,MAAM,iBAAiB,GAAG,UAAU,CACxC,YAAY,GAAG,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC,EAC3E,aAAa,CACd,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,UAAU,mKAatB,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,aAAa,mKAIzB,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,YAAY,uLA2BxB,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,SAAS,uLAIrB,CAAC"}
+{"version":3,"file":"Chips.d.ts","sourceRoot":"","sources":["../../../src/components/Chip/Chips.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,oBAAoB,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAC;AACvE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAGlD,KAAK,aAAa,GAAG;IACnB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG,eAAe,CAAC;AACjD,MAAM,MAAM,cAAc,GAAG,iBAAiB,CAAC;AAC/C,MAAM,MAAM,eAAe,GAAG,UAAU,CACtC,YAAY,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,EACtD,aAAa,CACd,CAAC;AACF,MAAM,MAAM,iBAAiB,GAAG,UAAU,CACxC,YAAY,GAAG,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC,EAC3E,aAAa,CACd,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,UAAU,mKAatB,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,aAAa,mKAIzB,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,YAAY,uLA4BxB,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,SAAS,uLAIrB,CAAC"}

package/dist/types/components/Chip/index.d.ts

@@ -3,10 +3,10 @@ declare const Chip: {
     Button: React.ForwardRefExoticComponent<Omit<import("../../types").DefaultProps & React.ButtonHTMLAttributes<HTMLButtonElement>, "asChild"> & {
         asChild?: boolean;
     } & React.RefAttributes<HTMLButtonElement>>;
-    Checkbox: React.ForwardRefExoticComponent<Omit<import("../../types").DefaultProps & Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "type">, "asChild"> & {
+    Checkbox: React.ForwardRefExoticComponent<Omit<import("../../types").DefaultProps & Omit<React.InputHTMLAttributes<HTMLInputElement>, "type" | "size">, "asChild"> & {
         asChild?: boolean;
     } & React.RefAttributes<HTMLLabelElement>>;
-    Radio: React.ForwardRefExoticComponent<Omit<import("../../types").DefaultProps & Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "type">, "asChild"> & {
+    Radio: React.ForwardRefExoticComponent<Omit<import("../../types").DefaultProps & Omit<React.InputHTMLAttributes<HTMLInputElement>, "type" | "size">, "asChild"> & {
         asChild?: boolean;
     } & React.RefAttributes<HTMLLabelElement>>;
     Removable: React.ForwardRefExoticComponent<Omit<import("../../types").DefaultProps & React.ButtonHTMLAttributes<HTMLButtonElement>, "asChild"> & {

package/dist/types/components/Combobox/ComboboxContext.d.ts

@@ -19,7 +19,7 @@ export type ComboboxContextType = {
     size: NonNullable<ComboboxProps['size']>;
     formFieldProps: ReturnType<typeof useFormField>;
     refs: UseFloatingReturn['refs'];
-    inputRef: RefObject<HTMLInputElement | null>;
+    inputRef: RefObject<HTMLInputElement>;
     open: boolean;
     inputValue: string;
     customIds: string[];

package/dist/types/components/Combobox/ComboboxContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ComboboxContext.d.ts","sourceRoot":"","sources":["../../../src/components/Combobox/ComboboxContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,iBAAiB,EACjB,sBAAsB,EACtB,eAAe,EAChB,MAAM,oBAAoB,CAAC;AAE5B,OAAO,KAAK,EAAE,QAAQ,EAAE,GAAG,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEtE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAEhE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAChD,OAAO,KAAK,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAEzD,MAAM,MAAM,mBAAmB,GAAG;IAChC,QAAQ,EAAE,WAAW,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC,CAAC;IACjD,QAAQ,EAAE,WAAW,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC,CAAC;IACjD,QAAQ,EAAE,WAAW,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC,CAAC;IACjD,QAAQ,EAAE,aAAa,CAAC,UAAU,CAAC,CAAC;IACpC,gBAAgB,EAAE,WAAW,CAAC,aAAa,CAAC,kBAAkB,CAAC,CAAC,CAAC;IACjE,eAAe,EAAE,UAAU,CAAC,OAAO,WAAW,CAAC,CAAC,iBAAiB,CAAC,CAAC;IACnE,OAAO,EAAE;QACP,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAC;KACvB,CAAC;IACF,eAAe,EAAE;QACf,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAC;KACvB,CAAC;IACF,IAAI,EAAE,WAAW,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC,CAAC;IACzC,cAAc,EAAE,UAAU,CAAC,OAAO,YAAY,CAAC,CAAC;IAChD,IAAI,EAAE,iBAAiB,CAAC,MAAM,CAAC,CAAC;IAChC,QAAQ,EAAE,SAAS,CAAC,gBAAgB,GAAG,IAAI,CAAC,CAAC;IAC7C,IAAI,EAAE,OAAO,CAAC;IACd,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,EAAE,CAAC;IACpB,aAAa,EAAE,QAAQ,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC;IAChD,OAAO,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACjC,iBAAiB,EAAE,CACjB,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAC5B,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC7B,YAAY,EAAE,UAAU,CAAC,OAAO,eAAe,CAAC,CAAC,cAAc,CAAC,CAAC;IACjE,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,WAAW,EAAE,WAAW,CAAC,aAAa,CAAC,aAAa,CAAC,CAAC,CAAC;IACvD,kBAAkB,EAAE,CAAC,IAAI,EAAE;QACzB,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;QACtB,MAAM,CAAC,EAAE,OAAO,CAAC;QACjB,KAAK,CAAC,EAAE,OAAO,CAAC;KACjB,KAAK,IAAI,CAAC;IACX,OAAO,EAAE,sBAAsB,CAAC,SAAS,CAAC,CAAC;IAC3C,YAAY,EAAE,GAAG,CAAC,gBAAgB,CAAC,CAAC;IACpC,UAAU,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAC;CAC9D,CAAC;AAEF,eAAO,MAAM,eAAe,gDAE3B,CAAC"}
+{"version":3,"file":"ComboboxContext.d.ts","sourceRoot":"","sources":["../../../src/components/Combobox/ComboboxContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,iBAAiB,EACjB,sBAAsB,EACtB,eAAe,EAChB,MAAM,oBAAoB,CAAC;AAE5B,OAAO,KAAK,EAAE,QAAQ,EAAE,GAAG,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEtE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAEhE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAChD,OAAO,KAAK,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAEzD,MAAM,MAAM,mBAAmB,GAAG;IAChC,QAAQ,EAAE,WAAW,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC,CAAC;IACjD,QAAQ,EAAE,WAAW,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC,CAAC;IACjD,QAAQ,EAAE,WAAW,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC,CAAC;IACjD,QAAQ,EAAE,aAAa,CAAC,UAAU,CAAC,CAAC;IACpC,gBAAgB,EAAE,WAAW,CAAC,aAAa,CAAC,kBAAkB,CAAC,CAAC,CAAC;IACjE,eAAe,EAAE,UAAU,CAAC,OAAO,WAAW,CAAC,CAAC,iBAAiB,CAAC,CAAC;IACnE,OAAO,EAAE;QACP,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAC;KACvB,CAAC;IACF,eAAe,EAAE;QACf,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAC;KACvB,CAAC;IACF,IAAI,EAAE,WAAW,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC,CAAC;IACzC,cAAc,EAAE,UAAU,CAAC,OAAO,YAAY,CAAC,CAAC;IAChD,IAAI,EAAE,iBAAiB,CAAC,MAAM,CAAC,CAAC;IAChC,QAAQ,EAAE,SAAS,CAAC,gBAAgB,CAAC,CAAC;IACtC,IAAI,EAAE,OAAO,CAAC;IACd,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,EAAE,CAAC;IACpB,aAAa,EAAE,QAAQ,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC;IAChD,OAAO,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACjC,iBAAiB,EAAE,CACjB,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAC5B,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC7B,YAAY,EAAE,UAAU,CAAC,OAAO,eAAe,CAAC,CAAC,cAAc,CAAC,CAAC;IACjE,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,WAAW,EAAE,WAAW,CAAC,aAAa,CAAC,aAAa,CAAC,CAAC,CAAC;IACvD,kBAAkB,EAAE,CAAC,IAAI,EAAE;QACzB,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;QACtB,MAAM,CAAC,EAAE,OAAO,CAAC;QACjB,KAAK,CAAC,EAAE,OAAO,CAAC;KACjB,KAAK,IAAI,CAAC;IACX,OAAO,EAAE,sBAAsB,CAAC,SAAS,CAAC,CAAC;IAC3C,YAAY,EAAE,GAAG,CAAC,gBAAgB,CAAC,CAAC;IACpC,UAAU,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAC;CAC9D,CAAC;AAEF,eAAO,MAAM,eAAe,gDAE3B,CAAC"}

package/dist/types/components/Combobox/Option/Option.d.ts

@@ -14,7 +14,7 @@ export type ComboboxOptionProps = {
      */
     displayValue?: string;
 } & ButtonHTMLAttributes<HTMLButtonElement>;
-declare const ComboboxOption: React.NamedExoticComponent<{
+declare const ComboboxOption: React.MemoExoticComponent<React.ForwardRefExoticComponent<{
     /**
      * The value returned when the option is selected
      */
@@ -28,7 +28,7 @@ declare const ComboboxOption: React.NamedExoticComponent<{
      * Required if children is not composed of strings only.
      */
     displayValue?: string;
-} & ButtonHTMLAttributes<HTMLButtonElement> & React.RefAttributes<HTMLButtonElement>>;
+} & ButtonHTMLAttributes<HTMLButtonElement> & React.RefAttributes<HTMLButtonElement>>>;
 export { ComboboxOption };
 export declare function isComboboxOption(child: ReactNode): child is ReactElement<ComboboxOptionProps>;
 //# sourceMappingURL=Option.d.ts.map

package/dist/types/components/Combobox/Option/Option.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Option.d.ts","sourceRoot":"","sources":["../../../../src/components/Combobox/Option/Option.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,oBAAoB,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAU3E,MAAM,MAAM,mBAAmB,GAAG;IAChC;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;AAE5C,QAAA,MAAM,cAAc;IAflB;;OAEG;WACI,MAAM;IACb;;OAEG;kBACW,MAAM;IACpB;;;OAGG;mBACY,MAAM;qFAoEtB,CAAC;AAIF,OAAO,EAAE,cAAc,EAAE,CAAC;AAE1B,wBAAgB,gBAAgB,CAC9B,KAAK,EAAE,SAAS,GACf,KAAK,IAAI,YAAY,CAAC,mBAAmB,CAAC,CAE5C"}
+{"version":3,"file":"Option.d.ts","sourceRoot":"","sources":["../../../../src/components/Combobox/Option/Option.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,oBAAoB,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAU3E,MAAM,MAAM,mBAAmB,GAAG;IAChC;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;AAE5C,QAAA,MAAM,cAAc;IAflB;;OAEG;WACI,MAAM;IACb;;OAEG;kBACW,MAAM;IACpB;;;OAGG;mBACY,MAAM;sFAoEtB,CAAC;AAIF,OAAO,EAAE,cAAc,EAAE,CAAC;AAE1B,wBAAgB,gBAAgB,CAC9B,KAAK,EAAE,SAAS,GACf,KAAK,IAAI,YAAY,CAAC,mBAAmB,CAAC,CAE5C"}

package/dist/types/components/Combobox/Option/useComboboxOption.d.ts

@@ -1,17 +1,15 @@
 import type { Ref } from 'react';
-import type { Option } from '../useCombobox';
 type UseComboboxOptionProps = {
     id?: string;
     ref: Ref<HTMLButtonElement>;
     value: string;
 };
-type UseComboboxOptionReturn = {
+export declare const useComboboxOption: ({ id, ref, value, }: UseComboboxOptionProps) => {
     id: string;
-    ref: Ref<HTMLButtonElement>;
-    selected: Option;
+    ref: ((instance: HTMLButtonElement | null) => void | React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | null;
+    selected: import("../useCombobox").Option;
     active: boolean;
-    onOptionClick: () => void;
+    onOptionClick: (...args: never[]) => void;
 };
-export declare const useComboboxOption: ({ id, ref, value, }: UseComboboxOptionProps) => UseComboboxOptionReturn;
 export {};
 //# sourceMappingURL=useComboboxOption.d.ts.map

package/dist/types/components/Combobox/Option/useComboboxOption.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useComboboxOption.d.ts","sourceRoot":"","sources":["../../../../src/components/Combobox/Option/useComboboxOption.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAKjC,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AAG7C,KAAK,sBAAsB,GAAG;IAC5B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,GAAG,CAAC,iBAAiB,CAAC,CAAC;IAC5B,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,KAAK,uBAAuB,GAAG;IAC7B,EAAE,EAAE,MAAM,CAAC;IACX,GAAG,EAAE,GAAG,CAAC,iBAAiB,CAAC,CAAC;IAC5B,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,OAAO,CAAC;IAChB,aAAa,EAAE,MAAM,IAAI,CAAC;CAC3B,CAAC;AAEF,eAAO,MAAM,iBAAiB,wBAI3B,sBAAsB,KAAG,uBAuD3B,CAAC"}
+{"version":3,"file":"useComboboxOption.d.ts","sourceRoot":"","sources":["../../../../src/components/Combobox/Option/useComboboxOption.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAOjC,KAAK,sBAAsB,GAAG;IAC5B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,GAAG,CAAC,iBAAiB,CAAC,CAAC;IAC5B,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,eAAO,MAAM,iBAAiB,wBAI3B,sBAAsB;;;;;;CAuDxB,CAAC"}

package/dist/types/components/Combobox/useFloatingCombobox.d.ts

@@ -8,7 +8,7 @@ export declare const useFloatingCombobox: ({ listRef }: UseFloatingComboboxProps
     activeIndex: number;
     refs: {
         reference: MutableRefObject<import("@floating-ui/react-dom").ReferenceType | null>;
-        floating: React.MutableRefObject<HTMLElement | null>;
+        floating: MutableRefObject<HTMLElement | null>;
         setReference: (node: import("@floating-ui/react-dom").ReferenceType | null) => void;
         setFloating: (node: HTMLElement | null) => void;
     } & import("@floating-ui/react").ExtendedRefs<HTMLInputElement>;
@@ -25,7 +25,7 @@ export declare const useFloatingCombobox: ({ listRef }: UseFloatingComboboxProps
         open: boolean;
         onOpenChange: (open: boolean, event?: Event, reason?: import("@floating-ui/react").OpenChangeReason) => void;
         events: import("@floating-ui/react").FloatingEvents;
-        dataRef: React.MutableRefObject<import("@floating-ui/react").ContextData>;
+        dataRef: MutableRefObject<import("@floating-ui/react").ContextData>;
         nodeId: string | undefined;
         floatingId: string;
         refs: import("@floating-ui/react").ExtendedRefs<HTMLInputElement>;

package/dist/types/components/Combobox/useFloatingCombobox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useFloatingCombobox.d.ts","sourceRoot":"","sources":["../../../src/components/Combobox/useFloatingCombobox.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,OAAO,CAAC;AAK9C,KAAK,wBAAwB,GAAG;IAC9B,OAAO,EAAE,gBAAgB,CAAC,CAAC,WAAW,GAAG,IAAI,CAAC,EAAE,CAAC,CAAC;CACnD,CAAC;AAEF,eAAO,MAAM,mBAAmB,gBAAiB,wBAAwB;;;;;;kBAwEw0N,MAAO,gBAAgB;;;;;;;;;;;;;wBAA5X,MAAO,aAAa;;;;iBAAoe,MAAO,gBAAgB;;;;;;oCAA6yxB,MAAO,SAAS;mCAA0E,MAAO,SAAS;oCAAgF,MAAM,SAAS;;;;CADhjgC,CAAC"}
+{"version":3,"file":"useFloatingCombobox.d.ts","sourceRoot":"","sources":["../../../src/components/Combobox/useFloatingCombobox.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,OAAO,CAAC;AAK9C,KAAK,wBAAwB,GAAG;IAC9B,OAAO,EAAE,gBAAgB,CAAC,CAAC,WAAW,GAAG,IAAI,CAAC,EAAE,CAAC,CAAC;CACnD,CAAC;AAEF,eAAO,MAAM,mBAAmB,gBAAiB,wBAAwB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuExE,CAAC"}

package/dist/types/components/Input/Input.d.ts

@@ -2,9 +2,13 @@ import type { InputHTMLAttributes } from 'react';
 import type { DefaultProps } from '../../types';
 import type { MergeRight } from '../../utilities';
 type InputAttr = InputHTMLAttributes<HTMLInputElement>;
-export type InputProps = MergeRight<DefaultProps & Omit<InputAttr, 'prefix'>, {
-    /** Supported `input` types */
-    type?: InputAttr['type'];
+export type InputProps = MergeRight<DefaultProps & Omit<InputAttr, 'prefix' | 'type'>, {
+    /**
+     * Supported `input` types
+     *
+     * @default 'text'
+     * */
+    type?: 'checkbox' | 'color' | 'date' | 'datetime-local' | 'email' | 'file' | 'hidden' | 'month' | 'number' | 'password' | 'radio' | 'search' | 'tel' | 'text' | 'time' | 'url' | 'week';
     /** Defines the width of `Input` in count of characters.
      */
     size?: number;
@@ -24,9 +28,13 @@ export type InputProps = MergeRight<DefaultProps & Omit<InputAttr, 'prefix'>, {
  * <Input />
  * ```
  */
-export declare const Input: React.ForwardRefExoticComponent<Omit<DefaultProps & Omit<InputAttr, "prefix">, "disabled" | "readOnly" | "size" | "type" | "role"> & {
-    /** Supported `input` types */
-    type?: InputAttr["type"];
+export declare const Input: React.ForwardRefExoticComponent<Omit<DefaultProps & Omit<InputAttr, "prefix" | "type">, "type" | "disabled" | "readOnly" | "size" | "role"> & {
+    /**
+     * Supported `input` types
+     *
+     * @default 'text'
+     * */
+    type?: "checkbox" | "color" | "date" | "datetime-local" | "email" | "file" | "hidden" | "month" | "number" | "password" | "radio" | "search" | "tel" | "text" | "time" | "url" | "week";
     /** Defines the width of `Input` in count of characters.
      */
     size?: number;

package/dist/types/components/Input/Input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/components/Input/Input.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAC;AAEjD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAElD,KAAK,SAAS,GAAG,mBAAmB,CAAC,gBAAgB,CAAC,CAAC;AAEvD,MAAM,MAAM,UAAU,GAAG,UAAU,CACjC,YAAY,GAAG,IAAI,CAAC,SAAS,EAAE,QAAQ,CAAC,EACxC;IACE,8BAA8B;IAC9B,IAAI,CAAC,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC;IACzB;OACG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,wBAAwB;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,yDAAyD;IACzD,IAAI,CAAC,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC;CAC1B,CACF,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,KAAK;IAvBd,8BAA8B;WACvB,SAAS,CAAC,MAAM,CAAC;IACxB;OACG;WACI,MAAM;IACb;;OAEG;eACQ,OAAO;IAClB,wBAAwB;eACb,OAAO;IAClB,yDAAyD;WAClD,SAAS,CAAC,MAAM,CAAC;0CA4B1B,CAAC"}
+{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/components/Input/Input.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAC;AAEjD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAElD,KAAK,SAAS,GAAG,mBAAmB,CAAC,gBAAgB,CAAC,CAAC;AAEvD,MAAM,MAAM,UAAU,GAAG,UAAU,CACjC,YAAY,GAAG,IAAI,CAAC,SAAS,EAAE,QAAQ,GAAG,MAAM,CAAC,EACjD;IACE;;;;SAIK;IACL,IAAI,CAAC,EACD,UAAU,GACV,OAAO,GACP,MAAM,GACN,gBAAgB,GAChB,OAAO,GACP,MAAM,GACN,QAAQ,GAER,OAAO,GACP,QAAQ,GACR,UAAU,GACV,OAAO,GAGP,QAAQ,GAER,KAAK,GACL,MAAM,GACN,MAAM,GACN,KAAK,GACL,MAAM,CAAC;IAEX;OACG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,wBAAwB;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,yDAAyD;IACzD,IAAI,CAAC,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC;CAC1B,CACF,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,KAAK;IAjDd;;;;SAIK;WAED,UAAU,GACV,OAAO,GACP,MAAM,GACN,gBAAgB,GAChB,OAAO,GACP,MAAM,GACN,QAAQ,GAER,OAAO,GACP,QAAQ,GACR,UAAU,GACV,OAAO,GAGP,QAAQ,GAER,KAAK,GACL,MAAM,GACN,MAAM,GACN,KAAK,GACL,MAAM;IAEV;OACG;WACI,MAAM;IACb;;OAEG;eACQ,OAAO;IAClB,wBAAwB;eACb,OAAO;IAClB,yDAAyD;WAClD,SAAS,CAAC,MAAM,CAAC;0CA4B1B,CAAC"}

package/dist/types/components/Modal/ModalTrigger.d.ts

@@ -1,11 +1,13 @@
 import type { ComponentPropsWithRef } from 'react';
 import { Button } from '../Button/Button';
 export type ModalTriggerProps = ComponentPropsWithRef<typeof Button>;
-export declare const ModalTrigger: React.ForwardRefExoticComponent<Omit<Omit<import("../../types").DefaultProps & React.ButtonHTMLAttributes<HTMLButtonElement>, "type" | "asChild" | "variant" | "icon" | "loading"> & {
+export declare const ModalTrigger: React.ForwardRefExoticComponent<Omit<Omit<Omit<import("../../types").DefaultProps & React.ButtonHTMLAttributes<HTMLButtonElement>, "type" | "asChild" | "variant" | "icon" | "loading"> & {
     variant?: "primary" | "secondary" | "tertiary";
     icon?: boolean;
     loading?: boolean;
     asChild?: boolean;
     type?: React.ButtonHTMLAttributes<HTMLButtonElement>["type"];
-} & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+} & React.RefAttributes<HTMLButtonElement>, "ref"> & {
+    ref?: ((instance: HTMLButtonElement | null) => void | React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | React.RefObject<HTMLButtonElement> | null | undefined;
+}, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 //# sourceMappingURL=ModalTrigger.d.ts.map

package/dist/types/components/Modal/ModalTrigger.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ModalTrigger.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/ModalTrigger.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,OAAO,CAAC;AAEnD,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAG1C,MAAM,MAAM,iBAAiB,GAAG,qBAAqB,CAAC,OAAO,MAAM,CAAC,CAAC;AAErE,eAAO,MAAM,YAAY;;;;;;4FAcxB,CAAC"}
+{"version":3,"file":"ModalTrigger.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/ModalTrigger.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,OAAO,CAAC;AAEnD,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAG1C,MAAM,MAAM,iBAAiB,GAAG,qBAAqB,CAAC,OAAO,MAAM,CAAC,CAAC;AAErE,eAAO,MAAM,YAAY;;;;;;;;mDAcxB,CAAC"}

package/dist/types/components/Modal/ModalTriggerContext.d.ts

@@ -1,5 +1,5 @@
 import type { ReactNode, RefObject } from 'react';
-export declare const Context: React.Context<RefObject<HTMLDialogElement | null>>;
+export declare const Context: React.Context<RefObject<HTMLDialogElement>>;
 export type ModalTriggerContextProps = {
     children: ReactNode;
 };

package/dist/types/components/Modal/ModalTriggerContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ModalTriggerContext.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/ModalTriggerContext.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElD,eAAO,MAAM,OAAO,oDAElB,CAAC;AAEH,MAAM,MAAM,wBAAwB,GAAG;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,CAAC;AAE/D,eAAO,MAAM,mBAAmB;mBAAkB,wBAAwB;;CAIzE,CAAC"}
+{"version":3,"file":"ModalTriggerContext.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/ModalTriggerContext.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElD,eAAO,MAAM,OAAO,6CAElB,CAAC;AAEH,MAAM,MAAM,wBAAwB,GAAG;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,CAAC;AAE/D,eAAO,MAAM,mBAAmB;mBAAkB,wBAAwB;;CAIzE,CAAC"}

package/dist/types/components/Modal/index.d.ts

@@ -14,13 +14,15 @@ declare const Modal: React.ForwardRefExoticComponent<Omit<import("../../types").
         ({ children }: import("./ModalTriggerContext").ModalTriggerContextProps): import("react/jsx-runtime").JSX.Element;
         displayName: string;
     };
-    Trigger: React.ForwardRefExoticComponent<Omit<Omit<import("../../types").DefaultProps & React.ButtonHTMLAttributes<HTMLButtonElement>, "type" | "asChild" | "variant" | "icon" | "loading"> & {
+    Trigger: React.ForwardRefExoticComponent<Omit<Omit<Omit<import("../../types").DefaultProps & React.ButtonHTMLAttributes<HTMLButtonElement>, "type" | "asChild" | "variant" | "icon" | "loading"> & {
         variant?: "primary" | "secondary" | "tertiary";
         icon?: boolean;
         loading?: boolean;
         asChild?: boolean;
         type?: React.ButtonHTMLAttributes<HTMLButtonElement>["type"];
-    } & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+    } & React.RefAttributes<HTMLButtonElement>, "ref"> & {
+        ref?: ((instance: HTMLButtonElement | null) => void | React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | React.RefObject<HTMLButtonElement> | null | undefined;
+    }, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 };
 export type { ModalBlockProps } from './ModalBlock';
 export type { ModalTriggerContextProps } from './ModalTriggerContext';

package/dist/types/components/Modal/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAE5D,QAAA,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;CAIT,CAAC;AAMH,YAAY,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AACpD,YAAY,EAAE,wBAAwB,EAAE,MAAM,uBAAuB,CAAC;AACtE,YAAY,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAC1C,YAAY,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AACxD,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,mBAAmB,EAAE,YAAY,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAE5D,QAAA,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;CAIT,CAAC;AAMH,YAAY,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AACpD,YAAY,EAAE,wBAAwB,EAAE,MAAM,uBAAuB,CAAC;AACtE,YAAY,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAC1C,YAAY,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AACxD,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,mBAAmB,EAAE,YAAY,EAAE,CAAC"}

package/dist/types/components/Popover/Popover.d.ts

@@ -44,7 +44,7 @@ export type PopoverProps = MergeRight<DefaultProps & HTMLAttributes<HTMLDivEleme
     autoPlacement?: boolean;
     asChild?: boolean;
 }>;
-export declare const Popover: React.ForwardRefExoticComponent<Omit<DefaultProps & HTMLAttributes<HTMLDivElement>, "id" | "asChild" | "open" | "placement" | "onClose" | "onOpen" | "autoPlacement"> & {
+export declare const Popover: React.ForwardRefExoticComponent<Omit<DefaultProps & HTMLAttributes<HTMLDivElement>, "id" | "asChild" | "placement" | "open" | "onClose" | "onOpen" | "autoPlacement"> & {
     /**
      * id to connect the trigger with the popover - required when used without Popover.Context.
      */

package/dist/types/components/Search/SearchInput.d.ts

@@ -1,4 +1,4 @@
 import type { DefaultProps } from '../../types';
 export type SearchInputProps = DefaultProps & Omit<React.InputHTMLAttributes<HTMLInputElement>, 'readOnly' | 'type'>;
-export declare const SearchInput: React.ForwardRefExoticComponent<DefaultProps & Omit<React.InputHTMLAttributes<HTMLInputElement>, "readOnly" | "type"> & React.RefAttributes<HTMLInputElement>>;
+export declare const SearchInput: React.ForwardRefExoticComponent<DefaultProps & Omit<React.InputHTMLAttributes<HTMLInputElement>, "type" | "readOnly"> & React.RefAttributes<HTMLInputElement>>;
 //# sourceMappingURL=SearchInput.d.ts.map

package/dist/types/components/Search/index.d.ts

@@ -24,7 +24,7 @@ declare const Search: React.ForwardRefExoticComponent<import("../../types").Defa
         asChild?: boolean;
         type?: React.ButtonHTMLAttributes<HTMLButtonElement>["type"];
     } & React.RefAttributes<HTMLButtonElement>>;
-    Input: React.ForwardRefExoticComponent<import("../../types").DefaultProps & Omit<React.InputHTMLAttributes<HTMLInputElement>, "readOnly" | "type"> & React.RefAttributes<HTMLInputElement>>;
+    Input: React.ForwardRefExoticComponent<import("../../types").DefaultProps & Omit<React.InputHTMLAttributes<HTMLInputElement>, "type" | "readOnly"> & React.RefAttributes<HTMLInputElement>>;
 };
 export type { SearchProps } from './Search';
 export type { SearchButtonProps } from './SearchButton';

package/dist/types/components/Switch/Switch.d.ts

@@ -3,7 +3,7 @@ import type { DefaultProps, LabelRequired } from '../../types';
 import type { MergeRight } from '../../utilities';
 import { type FieldProps } from '../Field';
 import { type InputProps } from '../Input';
-export type SwitchProps = MergeRight<DefaultProps & Omit<InputHTMLAttributes<HTMLInputElement>, 'size'>, {
+export type SwitchProps = MergeRight<DefaultProps & Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'type'>, {
     /** Optional aria-label */
     'aria-label'?: string;
     /** Radio label */

package/dist/types/components/Switch/Switch.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../../../src/components/Switch/Switch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE5D,OAAO,KAAK,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAC/D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAClD,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,UAAU,CAAC;AAClD,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,UAAU,CAAC;AAGlD,MAAM,MAAM,WAAW,GAAG,UAAU,CAClC,YAAY,GAAG,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC,EAClE;IACE,0BAA0B;IAC1B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,kBAAkB;IAClB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,4BAA4B;IAC5B,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,mCAAmC;IACnC,KAAK,CAAC,EAAE,UAAU,CAAC,OAAO,CAAC,CAAC;IAC5B;;OAEG;IACH,QAAQ,CAAC,EAAE,UAAU,CAAC,UAAU,CAAC,CAAC;CACnC,GAAG,aAAa,CAClB,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,MAAM,sFAyBjB,CAAC"}
+{"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../../../src/components/Switch/Switch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE5D,OAAO,KAAK,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAC/D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAClD,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,UAAU,CAAC;AAClD,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,UAAU,CAAC;AAGlD,MAAM,MAAM,WAAW,GAAG,UAAU,CAClC,YAAY,GAAG,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC,EAC3E;IACE,0BAA0B;IAC1B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,kBAAkB;IAClB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,4BAA4B;IAC5B,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,mCAAmC;IACnC,KAAK,CAAC,EAAE,UAAU,CAAC,OAAO,CAAC,CAAC;IAC5B;;OAEG;IACH,QAAQ,CAAC,EAAE,UAAU,CAAC,UAAU,CAAC,CAAC;CACnC,GAAG,aAAa,CAClB,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,MAAM,sFAyBjB,CAAC"}

package/dist/types/components/Tabs/TabsList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TabsList.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/TabsList.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAO5C,MAAM,MAAM,aAAa,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAE3D;;;;;;;;;GASG;AACH,eAAO,MAAM,QAAQ,sFAiBpB,CAAC"}
+{"version":3,"file":"TabsList.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/TabsList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAO5C,MAAM,MAAM,aAAa,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAE3D;;;;;;;;;GASG;AACH,eAAO,MAAM,QAAQ,sFAgBpB,CAAC"}

package/dist/types/components/Tabs/TabsPanel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TabsPanel.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/TabsPanel.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAK5C,MAAM,MAAM,cAAc,GAAG;IAC3B,yFAAyF;IACzF,KAAK,EAAE,MAAM,CAAC;CACf,GAAG,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC,CAAC;AAElD;;;;;;GAMG;AACH,eAAO,MAAM,SAAS;IAXpB,yFAAyF;WAClF,MAAM;wFAyBd,CAAC"}
+{"version":3,"file":"TabsPanel.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/TabsPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAM5C,MAAM,MAAM,cAAc,GAAG;IAC3B,yFAAyF;IACzF,KAAK,EAAE,MAAM,CAAC;CACf,GAAG,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC,CAAC;AAElD;;;;;;GAMG;AACH,eAAO,MAAM,SAAS;IAXpB,yFAAyF;WAClF,MAAM;wFA4Cd,CAAC"}

package/dist/types/components/Tabs/TabsTab.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TabsTab.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/TabsTab.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAM5C,MAAM,MAAM,YAAY,GAAG;IACzB,sFAAsF;IACtF,KAAK,EAAE,MAAM,CAAC;CACf,GAAG,IAAI,CAAC,cAAc,CAAC,iBAAiB,CAAC,EAAE,OAAO,CAAC,CAAC;AAErD;;;;GAIG;AACH,eAAO,MAAM,OAAO;IATlB,sFAAsF;WAC/E,MAAM;8FA4Bd,CAAC"}
+{"version":3,"file":"TabsTab.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/TabsTab.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAM5C,MAAM,MAAM,YAAY,GAAG;IACzB,sFAAsF;IACtF,KAAK,EAAE,MAAM,CAAC;CACf,GAAG,IAAI,CAAC,cAAc,CAAC,iBAAiB,CAAC,EAAE,OAAO,CAAC,CAAC;AAErD;;;;GAIG;AACH,eAAO,MAAM,OAAO;IATlB,sFAAsF;WAC/E,MAAM;8FA2Bd,CAAC"}