@digdir/designsystemet-react 1.0.0-next.41-test-react19 → 1.0.0-next.43

package/dist/esm/components/{loaders/Skeleton → Skeleton}/Skeleton.js

@@ -4,8 +4,15 @@ import { useMergeRefs } from '@floating-ui/react';
 import { Slot } from '@radix-ui/react-slot';
 import cl from 'clsx/lite';
 import { forwardRef } from 'react';
-import { useSynchronizedAnimation } from '../../../utilities/hooks/useSynchronizedAnimation/useSynchronizedAnimation.js';
+import { useSynchronizedAnimation } from '../../utilities/hooks/useSynchronizedAnimation/useSynchronizedAnimation.js';
 
+/**
+ * Represent a draft of page while the content loads. Mix different skeleton components to create your layout.
+ * @example
+ *   <Skeleton variant="circle" />
+ *   <Skeleton variant="text" />
+ *   <Skeleton variant="rectangle" />
+ */
 const Skeleton = forwardRef(function Skeleton({ asChild, className, height, style, variant = 'rectangle', width, ...rest }, ref) {
     const Component = asChild ? Slot : 'span';
     const isText = variant === 'text';

package/dist/esm/components/{loaders/Spinner → Spinner}/Spinner.js

@@ -3,7 +3,7 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import { useMergeRefs } from '@floating-ui/react';
 import cl from 'clsx/lite';
 import { forwardRef } from 'react';
-import { useSynchronizedAnimation } from '../../../utilities/hooks/useSynchronizedAnimation/useSynchronizedAnimation.js';
+import { useSynchronizedAnimation } from '../../utilities/hooks/useSynchronizedAnimation/useSynchronizedAnimation.js';
 
 /**  Spinner component used for indicating busy or indeterminate loading */
 const Spinner = forwardRef(function Spinner({ 'aria-label': ariaLabel, className, ...rest }, ref) {

package/dist/esm/components/{form/Switch → Switch}/Switch.js

@@ -3,7 +3,7 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
 import { Field } from '../Field/index.js';
 import { Input } from '../Input/Input.js';
-import { Label } from '../../Label/Label.js';
+import { Label } from '../Label/Label.js';
 
 /**
  * Switch used to toggle options.

package/dist/esm/components/{form/Textfield → Textfield}/Textfield.js

@@ -6,8 +6,8 @@ import { FieldDescription } from '../Field/FieldDescription.js';
 import { FieldAffixes, FieldAffix } from '../Field/FieldAffix.js';
 import { Textarea } from '../Textarea/Textarea.js';
 import { Input } from '../Input/Input.js';
-import { Label } from '../../Label/Label.js';
-import { ValidationMessage } from '../../ValidationMessage/ValidationMessage.js';
+import { Label } from '../Label/Label.js';
+import { ValidationMessage } from '../ValidationMessage/ValidationMessage.js';
 
 /**
  *  Composed text input component using `Field`

package/dist/esm/components/ValidationMessage/ValidationMessage.js

@@ -6,7 +6,7 @@ import { forwardRef } from 'react';
 
 /** Use `ValidationMessage` to display validation text */
 const ValidationMessage = forwardRef(function ValidationMessage({ className, asChild, ...rest }, ref) {
-    const Component = asChild ? Slot : 'div';
+    const Component = asChild ? Slot : 'p';
     return (jsx(Component, { className: cl('ds-validation-message', className), "data-field": 'validation', ref: ref, ...rest }));
 });
 

package/dist/esm/index.js

@@ -7,14 +7,15 @@ export { RovingFocusItem, getNextFocusableValue, getPrevFocusableValue } from '.
 export { omit } from './utilities/omit/omit.js';
 export { Avatar } from './components/Avatar/Avatar.js';
 export { Button } from './components/Button/Button.js';
-export { Badge } from './components/Badge/Badge.js';
+export { Badge } from './components/Badge/index.js';
+export { BadgePosition } from './components/Badge/BadgePosition.js';
 export { Breadcrumbs } from './components/Breadcrumbs/index.js';
 export { BreadcrumbsList } from './components/Breadcrumbs/BreadcrumbsList.js';
 export { BreadcrumbsItem } from './components/Breadcrumbs/BreadcrumbsItem.js';
 export { BreadcrumbsLink } from './components/Breadcrumbs/BreadcrumbsLink.js';
 export { HelpText } from './components/HelpText/HelpText.js';
-export { Spinner } from './components/loaders/Spinner/Spinner.js';
-export { Skeleton } from './components/loaders/Skeleton/Skeleton.js';
+export { Spinner } from './components/Spinner/Spinner.js';
+export { Skeleton } from './components/Skeleton/Skeleton.js';
 export { Link } from './components/Link/Link.js';
 export { List } from './components/List/index.js';
 export { ListOrdered, ListUnordered } from './components/List/Lists.js';
@@ -26,9 +27,9 @@ export { ValidationMessage } from './components/ValidationMessage/ValidationMess
 export { Details } from './components/Details/index.js';
 export { DetailsContent } from './components/Details/DetailsContent.js';
 export { DetailsSummary } from './components/Details/DetailsSummary.js';
-export { Select } from './components/form/Select/index.js';
-export { SelectOption } from './components/form/Select/SelectOption.js';
-export { SelectOptgroup } from './components/form/Select/SelectOptgroup.js';
+export { Select } from './components/Select/index.js';
+export { SelectOption } from './components/Select/SelectOption.js';
+export { SelectOptgroup } from './components/Select/SelectOptgroup.js';
 export { Alert } from './components/Alert/Alert.js';
 export { Tag } from './components/Tag/Tag.js';
 export { Chip } from './components/Chip/index.js';
@@ -40,21 +41,19 @@ export { PaginationItem } from './components/Pagination/PaginationItem.js';
 export { PaginationButton } from './components/Pagination/PaginationButton.js';
 export { SkipLink } from './components/SkipLink/SkipLink.js';
 export { Tooltip } from './components/Tooltip/Tooltip.js';
-export { Field } from './components/form/Field/index.js';
-export { FieldDescription } from './components/form/Field/FieldDescription.js';
-export { FieldAffix, FieldAffixes } from './components/form/Field/FieldAffix.js';
-export { FieldCounter } from './components/form/Field/FieldCounter.js';
-export { Checkbox } from './components/form/Checkbox/Checkbox.js';
-export { useCheckboxGroup } from './utilities/hooks/useCheckboxGroup/useCheckboxGroup.js';
-export { Radio } from './components/form/Radio/Radio.js';
-export { useRadioGroup } from './utilities/hooks/useRadioGroup/useRadioGroup.js';
-export { Fieldset } from './components/form/Fieldset/index.js';
-export { FieldsetLegend } from './components/form/Fieldset/FieldsetLegend.js';
-export { FieldsetDescription } from './components/form/Fieldset/FieldsetDescription.js';
-export { Switch } from './components/form/Switch/Switch.js';
-export { Textfield } from './components/form/Textfield/Textfield.js';
-export { Textarea } from './components/form/Textarea/Textarea.js';
-export { Input } from './components/form/Input/Input.js';
+export { Field } from './components/Field/index.js';
+export { FieldDescription } from './components/Field/FieldDescription.js';
+export { FieldAffix, FieldAffixes } from './components/Field/FieldAffix.js';
+export { FieldCounter } from './components/Field/FieldCounter.js';
+export { Checkbox } from './components/Checkbox/Checkbox.js';
+export { Radio } from './components/Radio/Radio.js';
+export { Fieldset } from './components/Fieldset/index.js';
+export { FieldsetLegend } from './components/Fieldset/FieldsetLegend.js';
+export { FieldsetDescription } from './components/Fieldset/FieldsetDescription.js';
+export { Switch } from './components/Switch/Switch.js';
+export { Textfield } from './components/Textfield/Textfield.js';
+export { Textarea } from './components/Textarea/Textarea.js';
+export { Input } from './components/Input/Input.js';
 export { Tabs } from './components/Tabs/index.js';
 export { TabsTab } from './components/Tabs/TabsTab.js';
 export { TabsList } from './components/Tabs/TabsList.js';
@@ -76,15 +75,15 @@ export { DropdownHeading } from './components/Dropdown/DropdownHeading.js';
 export { DropdownItem } from './components/Dropdown/DropdownItem.js';
 export { DropdownButton } from './components/Dropdown/DropdownButton.js';
 export { DropdownTrigger } from './components/Dropdown/DropdownTrigger.js';
-export { SearchClear } from './components/form/Search/SearchClear.js';
-export { SearchButton } from './components/form/Search/SearchButton.js';
-export { SearchInput } from './components/form/Search/SearchInput.js';
-export { Search } from './components/form/Search/index.js';
+export { SearchClear } from './components/Search/SearchClear.js';
+export { SearchButton } from './components/Search/SearchButton.js';
+export { SearchInput } from './components/Search/SearchInput.js';
+export { Search } from './components/Search/index.js';
 export { Card } from './components/Card/index.js';
 export { CardBlock } from './components/Card/CardBlock.js';
-export { Combobox } from './components/form/Combobox/index.js';
-export { ComboboxOption } from './components/form/Combobox/Option/Option.js';
-export { ComboboxEmpty } from './components/form/Combobox/Empty.js';
+export { Combobox } from './components/Combobox/index.js';
+export { ComboboxOption } from './components/Combobox/Option/Option.js';
+export { ComboboxEmpty } from './components/Combobox/Empty.js';
 export { Table } from './components/Table/index.js';
 export { TableHead } from './components/Table/TableHead.js';
 export { TableBody } from './components/Table/TableBody.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/{components/form → utilities/hooks/useFormField}/useFormField.js

@@ -1,7 +1,7 @@
 'use client';
 import cl from 'clsx/lite';
 import { useContext, useId } from 'react';
-import { FieldsetContext } from './Fieldset/FieldsetContext.js';
+import { FieldsetContext } from '../../../components/Fieldset/FieldsetContext.js';
 
 /**
  * Handles props and their state for various form-fields in context with Fieldset

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

@@ -16,19 +16,18 @@ export type AlertProps = MergeRight<DefaultProps & HTMLAttributes<HTMLDivElement
  */
 export declare const Alert: React.ForwardRefExoticComponent<{
     defaultValue?: string | number | readonly string[] | undefined;
-    children?: React.ReactNode | undefined;
+    prefix?: string | undefined;
+    onChange?: React.FormEventHandler<HTMLDivElement> | undefined;
     defaultChecked?: boolean | undefined;
     suppressContentEditableWarning?: boolean | undefined;
     suppressHydrationWarning?: boolean | undefined;
     accessKey?: string | undefined;
-    autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {});
     autoFocus?: boolean | undefined;
     className?: string | undefined;
     contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
     contextMenu?: string | undefined;
     dir?: string | undefined;
     draggable?: (boolean | "true" | "false") | undefined;
-    enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined;
     hidden?: boolean | undefined;
     id?: string | undefined;
     lang?: string | undefined;
@@ -45,13 +44,13 @@ export declare const Alert: React.ForwardRefExoticComponent<{
     content?: string | undefined;
     datatype?: string | undefined;
     inlist?: any;
-    prefix?: string | undefined;
     property?: string | undefined;
     rel?: string | undefined;
     resource?: string | undefined;
     rev?: string | undefined;
     typeof?: string | undefined;
     vocab?: string | undefined;
+    autoCapitalize?: string | undefined;
     autoCorrect?: string | undefined;
     autoSave?: string | undefined;
     color?: string | undefined;
@@ -63,10 +62,6 @@ export declare const Alert: React.ForwardRefExoticComponent<{
     results?: number | undefined;
     security?: string | undefined;
     unselectable?: "on" | "off" | undefined;
-    popover?: "" | "auto" | "manual" | undefined;
-    popoverTargetAction?: "toggle" | "show" | "hide" | undefined;
-    popoverTarget?: string | undefined;
-    inert?: boolean | undefined;
     inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
     is?: string | undefined;
     popovertarget?: string | undefined;
@@ -124,6 +119,7 @@ export declare const Alert: React.ForwardRefExoticComponent<{
     "aria-valuemin"?: number | undefined;
     "aria-valuenow"?: number | undefined;
     "aria-valuetext"?: string | undefined;
+    children?: React.ReactNode | undefined;
     dangerouslySetInnerHTML?: {
         __html: string | TrustedHTML;
     } | undefined;
@@ -143,7 +139,6 @@ export declare const Alert: React.ForwardRefExoticComponent<{
     onFocusCapture?: React.FocusEventHandler<HTMLDivElement> | undefined;
     onBlur?: React.FocusEventHandler<HTMLDivElement> | undefined;
     onBlurCapture?: React.FocusEventHandler<HTMLDivElement> | undefined;
-    onChange?: React.FormEventHandler<HTMLDivElement> | undefined;
     onChangeCapture?: React.FormEventHandler<HTMLDivElement> | undefined;
     onBeforeInput?: React.FormEventHandler<HTMLDivElement> | undefined;
     onBeforeInputCapture?: React.FormEventHandler<HTMLDivElement> | undefined;
@@ -285,16 +280,8 @@ export declare const Alert: React.ForwardRefExoticComponent<{
     onAnimationEndCapture?: React.AnimationEventHandler<HTMLDivElement> | undefined;
     onAnimationIteration?: React.AnimationEventHandler<HTMLDivElement> | undefined;
     onAnimationIterationCapture?: React.AnimationEventHandler<HTMLDivElement> | undefined;
-    onToggle?: React.ToggleEventHandler<HTMLDivElement> | undefined;
-    onBeforeToggle?: React.ToggleEventHandler<HTMLDivElement> | undefined;
-    onTransitionCancel?: React.TransitionEventHandler<HTMLDivElement> | undefined;
-    onTransitionCancelCapture?: React.TransitionEventHandler<HTMLDivElement> | undefined;
     onTransitionEnd?: React.TransitionEventHandler<HTMLDivElement> | undefined;
     onTransitionEndCapture?: React.TransitionEventHandler<HTMLDivElement> | undefined;
-    onTransitionRun?: React.TransitionEventHandler<HTMLDivElement> | undefined;
-    onTransitionRunCapture?: React.TransitionEventHandler<HTMLDivElement> | undefined;
-    onTransitionStart?: React.TransitionEventHandler<HTMLDivElement> | undefined;
-    onTransitionStartCapture?: React.TransitionEventHandler<HTMLDivElement> | undefined;
     'data-color'?: SeverityColors | undefined;
 } & React.RefAttributes<HTMLDivElement>>;
 //# sourceMappingURL=Alert.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Alert.d.ts","sourceRoot":"","sources":["../../../src/components/Alert/Alert.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AACnD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAElD,MAAM,MAAM,UAAU,GAAG,UAAU,CACjC,YAAY,GAAG,cAAc,CAAC,cAAc,CAAC,EAC7C;IACE;;;OAGG;IACH,YAAY,CAAC,EAAE,cAAc,CAAC;CAC/B,CACF,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;mBATC,cAAc;wCAqB/B,CAAC"}
+{"version":3,"file":"Alert.d.ts","sourceRoot":"","sources":["../../../src/components/Alert/Alert.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AACnD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAElD,MAAM,MAAM,UAAU,GAAG,UAAU,CACjC,YAAY,GAAG,cAAc,CAAC,cAAc,CAAC,EAC7C;IACE;;;OAGG;IACH,YAAY,CAAC,EAAE,cAAc,CAAC;CAC/B,CACF,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;mBATC,cAAc;wCAqB/B,CAAC"}

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

@@ -51,18 +51,18 @@ export type AvatarProps = MergeRight<DefaultProps & HTMLAttributes<HTMLSpanEleme
  */
 export declare const Avatar: React.ForwardRefExoticComponent<{
     defaultValue?: string | number | readonly string[] | undefined;
+    prefix?: string | undefined;
+    onChange?: React.FormEventHandler<HTMLSpanElement> | undefined;
     defaultChecked?: boolean | undefined;
     suppressContentEditableWarning?: boolean | undefined;
     suppressHydrationWarning?: boolean | undefined;
     accessKey?: string | undefined;
-    autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {});
     autoFocus?: boolean | undefined;
     className?: string | undefined;
     contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
     contextMenu?: string | undefined;
     dir?: string | undefined;
     draggable?: (boolean | "true" | "false") | undefined;
-    enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined;
     hidden?: boolean | undefined;
     id?: string | undefined;
     lang?: string | undefined;
@@ -79,13 +79,13 @@ export declare const Avatar: React.ForwardRefExoticComponent<{
     content?: string | undefined;
     datatype?: string | undefined;
     inlist?: any;
-    prefix?: string | undefined;
     property?: string | undefined;
     rel?: string | undefined;
     resource?: string | undefined;
     rev?: string | undefined;
     typeof?: string | undefined;
     vocab?: string | undefined;
+    autoCapitalize?: string | undefined;
     autoCorrect?: string | undefined;
     autoSave?: string | undefined;
     color?: string | undefined;
@@ -97,10 +97,6 @@ export declare const Avatar: React.ForwardRefExoticComponent<{
     results?: number | undefined;
     security?: string | undefined;
     unselectable?: "on" | "off" | undefined;
-    popover?: "" | "auto" | "manual" | undefined;
-    popoverTargetAction?: "toggle" | "show" | "hide" | undefined;
-    popoverTarget?: string | undefined;
-    inert?: boolean | undefined;
     inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
     is?: string | undefined;
     popovertarget?: string | undefined;
@@ -175,7 +171,6 @@ export declare const Avatar: React.ForwardRefExoticComponent<{
     onFocusCapture?: React.FocusEventHandler<HTMLSpanElement> | undefined;
     onBlur?: React.FocusEventHandler<HTMLSpanElement> | undefined;
     onBlurCapture?: React.FocusEventHandler<HTMLSpanElement> | undefined;
-    onChange?: React.FormEventHandler<HTMLSpanElement> | undefined;
     onChangeCapture?: React.FormEventHandler<HTMLSpanElement> | undefined;
     onBeforeInput?: React.FormEventHandler<HTMLSpanElement> | undefined;
     onBeforeInputCapture?: React.FormEventHandler<HTMLSpanElement> | undefined;
@@ -317,16 +312,8 @@ export declare const Avatar: React.ForwardRefExoticComponent<{
     onAnimationEndCapture?: React.AnimationEventHandler<HTMLSpanElement> | undefined;
     onAnimationIteration?: React.AnimationEventHandler<HTMLSpanElement> | undefined;
     onAnimationIterationCapture?: React.AnimationEventHandler<HTMLSpanElement> | undefined;
-    onToggle?: React.ToggleEventHandler<HTMLSpanElement> | undefined;
-    onBeforeToggle?: React.ToggleEventHandler<HTMLSpanElement> | undefined;
-    onTransitionCancel?: React.TransitionEventHandler<HTMLSpanElement> | undefined;
-    onTransitionCancelCapture?: React.TransitionEventHandler<HTMLSpanElement> | undefined;
     onTransitionEnd?: React.TransitionEventHandler<HTMLSpanElement> | undefined;
     onTransitionEndCapture?: React.TransitionEventHandler<HTMLSpanElement> | undefined;
-    onTransitionRun?: React.TransitionEventHandler<HTMLSpanElement> | undefined;
-    onTransitionRunCapture?: React.TransitionEventHandler<HTMLSpanElement> | undefined;
-    onTransitionStart?: React.TransitionEventHandler<HTMLSpanElement> | undefined;
-    onTransitionStartCapture?: React.TransitionEventHandler<HTMLSpanElement> | undefined;
     'aria-label': string;
     'data-color'?: Color | undefined;
     'data-size'?: ("xs" | Size) | undefined;

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

@@ -1 +1 @@
-{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../src/components/Avatar/Avatar.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvD,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,KAAK,EAAE,YAAY,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AACtD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAElD,MAAM,MAAM,WAAW,GAAG,UAAU,CAClC,YAAY,GAAG,cAAc,CAAC,eAAe,CAAC,EAC9C;IACE;;OAEG;IACH,YAAY,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC;IACrB;;OAEG;IACH,WAAW,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IAC1B;;;;OAIG;IACH,OAAO,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAC9B;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,CACF,CAAC;AAEF;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kBA7CD,MAAM;mBAKL,KAAK;mBAIN,IAAI,GAAG,IAAI;eAMf,QAAQ,GAAG,QAAQ;eAIlB,MAAM;eAMN,SAAS;yCAiDtB,CAAC"}
+{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../src/components/Avatar/Avatar.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvD,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,KAAK,EAAE,YAAY,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AACtD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAElD,MAAM,MAAM,WAAW,GAAG,UAAU,CAClC,YAAY,GAAG,cAAc,CAAC,eAAe,CAAC,EAC9C;IACE;;OAEG;IACH,YAAY,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC;IACrB;;OAEG;IACH,WAAW,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IAC1B;;;;OAIG;IACH,OAAO,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAC9B;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,CACF,CAAC;AAEF;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kBA7CD,MAAM;mBAKL,KAAK;mBAIN,IAAI,GAAG,IAAI;eAMf,QAAQ,GAAG,QAAQ;eAIlB,MAAM;eAMN,SAAS;yCAiDtB,CAAC"}

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

@@ -1,4 +1,4 @@
-import { type HTMLAttributes, type ReactNode } from 'react';
+import { type HTMLAttributes } from 'react';
 import type { Color } from '../../colors';
 import type { DefaultProps } from '../../types';
 import type { MergeRight } from '../../utilities';
@@ -15,22 +15,7 @@ export type BadgeProps = MergeRight<DefaultProps & HTMLAttributes<HTMLSpanElemen
      * The maximum number to display in the badge, when the count exceeds this number, the badge will display `{max}+`
      */
     maxCount?: number;
-    /**
-     * The placement of the badge
-     *
-     * @default top-right
-     */
-    placement?: 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left';
-    /**
-     * Use when badge is floating to change the position of the badge
-     *
-     * @default rectangle
-     */
-    overlap?: 'circle' | 'rectangle';
-    /**
-     * The badge will float on top of the children
-     */
-    children?: ReactNode;
+    children?: never;
 }>;
 /**
  * `Badge` is a non-interactive component for displaying status with or without numbers.
@@ -49,18 +34,18 @@ export type BadgeProps = MergeRight<DefaultProps & HTMLAttributes<HTMLSpanElemen
  */
 export declare const Badge: React.ForwardRefExoticComponent<{
     defaultValue?: string | number | readonly string[] | undefined;
+    prefix?: string | undefined;
+    onChange?: React.FormEventHandler<HTMLSpanElement> | undefined;
     defaultChecked?: boolean | undefined;
     suppressContentEditableWarning?: boolean | undefined;
     suppressHydrationWarning?: boolean | undefined;
     accessKey?: string | undefined;
-    autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {});
     autoFocus?: boolean | undefined;
     className?: string | undefined;
     contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
     contextMenu?: string | undefined;
     dir?: string | undefined;
     draggable?: (boolean | "true" | "false") | undefined;
-    enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined;
     hidden?: boolean | undefined;
     id?: string | undefined;
     lang?: string | undefined;
@@ -77,13 +62,13 @@ export declare const Badge: React.ForwardRefExoticComponent<{
     content?: string | undefined;
     datatype?: string | undefined;
     inlist?: any;
-    prefix?: string | undefined;
     property?: string | undefined;
     rel?: string | undefined;
     resource?: string | undefined;
     rev?: string | undefined;
     typeof?: string | undefined;
     vocab?: string | undefined;
+    autoCapitalize?: string | undefined;
     autoCorrect?: string | undefined;
     autoSave?: string | undefined;
     color?: string | undefined;
@@ -95,10 +80,6 @@ export declare const Badge: React.ForwardRefExoticComponent<{
     results?: number | undefined;
     security?: string | undefined;
     unselectable?: "on" | "off" | undefined;
-    popover?: "" | "auto" | "manual" | undefined;
-    popoverTargetAction?: "toggle" | "show" | "hide" | undefined;
-    popoverTarget?: string | undefined;
-    inert?: boolean | undefined;
     inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
     is?: string | undefined;
     popovertarget?: string | undefined;
@@ -175,7 +156,6 @@ export declare const Badge: React.ForwardRefExoticComponent<{
     onFocusCapture?: React.FocusEventHandler<HTMLSpanElement> | undefined;
     onBlur?: React.FocusEventHandler<HTMLSpanElement> | undefined;
     onBlurCapture?: React.FocusEventHandler<HTMLSpanElement> | undefined;
-    onChange?: React.FormEventHandler<HTMLSpanElement> | undefined;
     onChangeCapture?: React.FormEventHandler<HTMLSpanElement> | undefined;
     onBeforeInput?: React.FormEventHandler<HTMLSpanElement> | undefined;
     onBeforeInputCapture?: React.FormEventHandler<HTMLSpanElement> | undefined;
@@ -317,21 +297,11 @@ export declare const Badge: React.ForwardRefExoticComponent<{
     onAnimationEndCapture?: React.AnimationEventHandler<HTMLSpanElement> | undefined;
     onAnimationIteration?: React.AnimationEventHandler<HTMLSpanElement> | undefined;
     onAnimationIterationCapture?: React.AnimationEventHandler<HTMLSpanElement> | undefined;
-    onToggle?: React.ToggleEventHandler<HTMLSpanElement> | undefined;
-    onBeforeToggle?: React.ToggleEventHandler<HTMLSpanElement> | undefined;
-    onTransitionCancel?: React.TransitionEventHandler<HTMLSpanElement> | undefined;
-    onTransitionCancelCapture?: React.TransitionEventHandler<HTMLSpanElement> | undefined;
     onTransitionEnd?: React.TransitionEventHandler<HTMLSpanElement> | undefined;
     onTransitionEndCapture?: React.TransitionEventHandler<HTMLSpanElement> | undefined;
-    onTransitionRun?: React.TransitionEventHandler<HTMLSpanElement> | undefined;
-    onTransitionRunCapture?: React.TransitionEventHandler<HTMLSpanElement> | undefined;
-    onTransitionStart?: React.TransitionEventHandler<HTMLSpanElement> | undefined;
-    onTransitionStartCapture?: React.TransitionEventHandler<HTMLSpanElement> | undefined;
     'data-color'?: Color | undefined;
     count?: number | undefined;
     maxCount?: number | undefined;
-    placement?: ("top-right" | "top-left" | "bottom-right" | "bottom-left") | undefined;
-    overlap?: ("circle" | "rectangle") | undefined;
-    children?: ReactNode;
+    children?: never | undefined;
 } & React.RefAttributes<HTMLSpanElement>>;
 //# sourceMappingURL=Badge.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../src/components/Badge/Badge.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,SAAS,EAAc,MAAM,OAAO,CAAC;AACxE,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAElD,MAAM,MAAM,UAAU,GAAG,UAAU,CACjC,YAAY,GAAG,cAAc,CAAC,eAAe,CAAC,EAC9C;IACE;;OAEG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC;IACrB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;;OAIG;IACH,SAAS,CAAC,EAAE,WAAW,GAAG,UAAU,GAAG,cAAc,GAAG,aAAa,CAAC;IACtE;;;;OAIG;IACH,OAAO,CAAC,EAAE,QAAQ,GAAG,WAAW,CAAC;IACjC;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,CACF,CAAC;AAEF;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;mBA3CC,KAAK;YAIZ,MAAM;eAIH,MAAM;iBAML,WAAW,GAAG,UAAU,GAAG,cAAc,GAAG,aAAa;eAM3D,QAAQ,GAAG,WAAW;eAIrB,SAAS;yCA0CtB,CAAC"}
+{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../src/components/Badge/Badge.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,cAAc,EAAc,MAAM,OAAO,CAAC;AACxD,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAElD,MAAM,MAAM,UAAU,GAAG,UAAU,CACjC,YAAY,GAAG,cAAc,CAAC,eAAe,CAAC,EAC9C;IACE;;OAEG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC;IACrB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC;CAClB,CACF,CAAC;AAEF;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;mBA5BC,KAAK;YAIZ,MAAM;eAIH,MAAM;eACN,KAAK;yCAiClB,CAAC"}