@digdir/designsystemet-react 1.0.0-next.33 → 1.0.0-next.35

package/dist/esm/components/form/Textfield/Textfield.js

@@ -1,14 +1,14 @@
 'use client';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { PadlockLockedFillIcon } from '@navikt/aksel-icons';
-import { clsx } from '../../../node_modules/clsx/dist/lite.js';
+import cl from 'clsx/lite';
 import { forwardRef, useState, useId } from 'react';
 import { CharacterCounter } from '../CharacterCounter.js';
 import { useTextfield } from './useTextfield.js';
-import { Paragraph } from '../../Typography/Paragraph/Paragraph.js';
-import { Label } from '../../Typography/Label/Label.js';
+import { Paragraph } from '../../Paragraph/Paragraph.js';
+import { Label } from '../../Label/Label.js';
 import { omit } from '../../../utilities/omit/omit.js';
-import { ErrorMessage } from '../../Typography/ErrorMessage/ErrorMessage.js';
+import { ValidationMessage } from '../../ValidationMessage/ValidationMessage.js';
 
 /** Text input field
  *
@@ -23,11 +23,11 @@ const Textfield = forwardRef((props, ref) => {
     const [inputValue, setInputValue] = useState(props.value || props.defaultValue);
     const characterLimitId = `textfield-charactercount-${useId()}`;
     const hasCharacterLimit = characterLimit != null;
-    const describedBy = clsx(inputProps['aria-describedby'], hasCharacterLimit && characterLimitId) || undefined;
-    return (jsx(Paragraph, { asChild: true, size: size, children: jsxs("div", { style: style, className: clsx(`ds-textfield`, `ds-textfield--${size}`, readOnly && `ds-textfield--readonly`, hasError && `ds-textfield--error`, className), children: [label && (jsxs(Label, { size: size, weight: 'medium', htmlFor: inputProps.id, className: clsx(`ds-textfield__label`, hideLabel && `ds-sr-only`), children: [readOnly && (jsx(PadlockLockedFillIcon, { "aria-hidden": true, className: 'ds-textfield__readonly__icon' })), jsx("span", { children: label })] })), description && (jsx(Paragraph, { asChild: true, size: size, children: jsx("div", { id: descriptionId, className: clsx(`ds-textfield__description`, hideLabel && `ds-sr-only`), children: description }) })), jsxs("div", { className: 'ds-textfield__field', children: [prefix && (jsx(Paragraph, { asChild: true, size: size, variant: 'short', children: jsx("div", { className: clsx(`ds-textfield__adornment`, `ds-textfield__prefix`), "aria-hidden": 'true', children: prefix }) })), jsx("input", { className: clsx(`ds-textfield__input`, `ds-focus`, prefix && `ds-textfield__input--with-prefix`, suffix && `ds-textfield__input--with-suffix`), ref: ref, type: type, disabled: inputProps.disabled, "aria-describedby": describedBy, size: htmlSize, ...omit(['size', 'error', 'errorId'], rest), ...inputProps, onChange: (e) => {
+    const describedBy = cl(inputProps['aria-describedby'], hasCharacterLimit && characterLimitId) || undefined;
+    return (jsx(Paragraph, { asChild: true, size: size, children: jsxs("div", { style: style, className: cl(`ds-textfield`, `ds-textfield--${size}`, readOnly && `ds-textfield--readonly`, hasError && `ds-textfield--error`, className), children: [label && (jsxs(Label, { size: size, weight: 'medium', htmlFor: inputProps.id, className: cl(`ds-textfield__label`, hideLabel && `ds-sr-only`), children: [readOnly && (jsx(PadlockLockedFillIcon, { "aria-hidden": true, className: 'ds-textfield__readonly__icon' })), jsx("span", { children: label })] })), description && (jsx(Paragraph, { asChild: true, size: size, children: jsx("div", { id: descriptionId, className: cl(`ds-textfield__description`, hideLabel && `ds-sr-only`), children: description }) })), jsxs("div", { className: 'ds-textfield__field', children: [prefix && (jsx(Paragraph, { asChild: true, size: size, variant: 'short', children: jsx("div", { className: cl(`ds-textfield__adornment`, `ds-textfield__prefix`), "aria-hidden": 'true', children: prefix }) })), jsx("input", { className: cl(`ds-textfield__input`, `ds-focus`, prefix && `ds-textfield__input--with-prefix`, suffix && `ds-textfield__input--with-suffix`), ref: ref, type: type, disabled: inputProps.disabled, "aria-describedby": describedBy, size: htmlSize, ...omit(['size', 'error', 'errorId'], rest), ...inputProps, onChange: (e) => {
                                 inputProps?.onChange?.(e);
                                 setInputValue(e.target.value);
-                            } }), suffix && (jsx(Paragraph, { asChild: true, size: size, variant: 'short', children: jsx("div", { className: clsx(`ds-textfield__adornment`, `ds-textfield__suffix`), "aria-hidden": 'true', children: suffix }) }))] }), hasCharacterLimit && (jsx(CharacterCounter, { size: size, value: inputValue ? inputValue.toString() : '', id: characterLimitId, ...characterLimit })), jsx("div", { className: 'ds-textfield__error-message', id: errorId, "aria-live": 'polite', "aria-relevant": 'additions removals', children: hasError && jsx(ErrorMessage, { size: size, children: props.error }) })] }) }));
+                            } }), suffix && (jsx(Paragraph, { asChild: true, size: size, variant: 'short', children: jsx("div", { className: cl(`ds-textfield__adornment`, `ds-textfield__suffix`), "aria-hidden": 'true', children: suffix }) }))] }), hasCharacterLimit && (jsx(CharacterCounter, { size: size, value: inputValue ? inputValue.toString() : '', id: characterLimitId, ...characterLimit })), jsx("div", { className: 'ds-textfield__error-message', id: errorId, "aria-live": 'polite', "aria-relevant": 'additions removals', children: hasError && (jsx(ValidationMessage, { size: size, children: props.error })) })] }) }));
 });
 Textfield.displayName = 'Textfield';
 

package/dist/esm/components/form/useFormField.js

@@ -1,5 +1,5 @@
 'use client';
-import { clsx } from '../../node_modules/clsx/dist/lite.js';
+import cl from 'clsx/lite';
 import { useContext, useId } from 'react';
 import { FieldsetContext } from './Fieldset/FieldsetContext.js';
 
@@ -26,7 +26,7 @@ const useFormField = (props, prefix) => {
             id,
             disabled,
             'aria-invalid': hasError ? true : undefined,
-            'aria-describedby': clsx(props['aria-describedby'], !!props?.description &&
+            'aria-describedby': cl(props['aria-describedby'], !!props?.description &&
                 typeof props?.description === 'string' &&
                 descriptionId, hasError && !fieldset?.error && errorId, hasError && !!fieldset?.error && fieldset?.errorId) || undefined,
         },

package/dist/esm/components/loaders/Skeleton/Skeleton.js

@@ -0,0 +1,18 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+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';
+
+const Skeleton = forwardRef(function Skeleton({ asChild, className, children, height, style, variant = 'rectangle', width, ...rest }, ref) {
+    const Component = asChild ? Slot : 'span';
+    const isText = variant === 'text';
+    const childrenText = isText && '-'.repeat(Number(width) || 1); // s followed by a ­ makes the most average character length
+    const animationRef = useSynchronizedAnimation('ds-skeleton-opacity-fade');
+    const mergedRefs = useMergeRefs([animationRef, ref]);
+    return (jsx(Component, { "aria-hidden": 'true', className: cl('ds-skeleton', className), "data-variant": variant, ref: mergedRefs, style: isText ? style : { width, height, ...style }, ...rest, children: children || childrenText }));
+});
+
+export { Skeleton };

package/dist/esm/components/loaders/Spinner/Spinner.js

@@ -1,13 +1,13 @@
 'use client';
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { clsx } from '../../../node_modules/clsx/dist/lite.js';
+import cl from 'clsx/lite';
 import { useSynchronizedAnimation } from '../../../utilities/hooks/useSynchronizedAnimation/useSynchronizedAnimation.js';
 
 /**  Spinner component used for indicating busy or indeterminate loading */
 const Spinner = ({ title, color = 'neutral', size = 'md', className, ...rest }) => {
     const svgRef = useSynchronizedAnimation('ds-spinner-rotate-animation');
     const strokeRef = useSynchronizedAnimation('ds-spinner-stroke-animation');
-    return (jsxs("svg", { className: clsx('ds-spinner', className), viewBox: '0 0 50 50', ref: svgRef, "data-color": color, "data-size": size, ...rest, children: [jsx("title", { children: title }), jsx("circle", { className: clsx('ds-spinner__background'), cx: '25', cy: '25', r: '20', fill: 'none', strokeWidth: '5' }), jsx("circle", { className: clsx(`ds-spinner__circle`), cx: '25', cy: '25', r: '20', fill: 'none', strokeWidth: '5', ref: strokeRef })] }));
+    return (jsxs("svg", { className: cl('ds-spinner', className), viewBox: '0 0 50 50', ref: svgRef, "data-color": color, "data-size": size, ...rest, children: [jsx("title", { children: title }), jsx("circle", { className: cl('ds-spinner__background'), cx: '25', cy: '25', r: '20', fill: 'none', strokeWidth: '5' }), jsx("circle", { className: cl(`ds-spinner__circle`), cx: '25', cy: '25', r: '20', fill: 'none', strokeWidth: '5', ref: strokeRef })] }));
 };
 Spinner.displayName = 'Spinner';
 

package/dist/esm/index.js

@@ -9,26 +9,20 @@ export { Avatar } from './components/Avatar/Avatar.js';
 export { Button } from './components/Button/Button.js';
 export { Badge } from './components/Badge/Badge.js';
 export { Breadcrumbs } from './components/Breadcrumbs/index.js';
-export { BreadcrumbsRoot } from './components/Breadcrumbs/BreadcrumbsRoot.js';
-export { BreadcrumbsNav } from './components/Breadcrumbs/BreadcrumbsNav.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/index.js';
-export { Circle as SkeletonCircle } from './components/loaders/Skeleton/Circle/Circle.js';
-export { Rectangle as SkeletonRectangle } from './components/loaders/Skeleton/Rectangle/Rectangle.js';
-export { Text as SkeletonText } from './components/loaders/Skeleton/Text/Text.js';
+export { Skeleton } from './components/loaders/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';
 export { ListItem } from './components/List/ListItem.js';
-export { Paragraph } from './components/Typography/Paragraph/Paragraph.js';
-export { Heading } from './components/Typography/Heading/Heading.js';
-export { Ingress } from './components/Typography/Ingress/Ingress.js';
-export { Label } from './components/Typography/Label/Label.js';
-export { ErrorMessage } from './components/Typography/ErrorMessage/ErrorMessage.js';
+export { Label } from './components/Label/Label.js';
+export { Heading } from './components/Heading/Heading.js';
+export { Paragraph } from './components/Paragraph/Paragraph.js';
+export { ValidationMessage } from './components/ValidationMessage/ValidationMessage.js';
 export { Accordion } from './components/Accordion/index.js';
 export { AccordionItem } from './components/Accordion/AccordionItem.js';
 export { AccordionContent } from './components/Accordion/AccordionContent.js';
@@ -39,17 +33,12 @@ export { SelectOptgroup } from './components/form/Select/SelectOptgroup.js';
 export { Alert } from './components/Alert/Alert.js';
 export { Tag } from './components/Tag/Tag.js';
 export { Chip } from './components/Chip/index.js';
-export { Group as ChipGroup } from './components/Chip/Group/Group.js';
-export { RemovableChip as ChipRemovable } from './components/Chip/Removable/Removable.js';
-export { ToggleChip as ChipToggle } from './components/Chip/Toggle/Toggle.js';
+export { ChipButton, ChipCheckbox, ChipRadio, ChipRemovable } from './components/Chip/Chips.js';
 export { usePagination } from './components/Pagination/usePagination.js';
 export { Pagination } from './components/Pagination/index.js';
-export { PaginationRoot } from './components/Pagination/PaginationRoot.js';
 export { PaginationList } from './components/Pagination/PaginationList.js';
 export { PaginationItem } from './components/Pagination/PaginationItem.js';
 export { PaginationButton } from './components/Pagination/PaginationButton.js';
-export { PaginationEllipsis } from './components/Pagination/PaginationEllipsis.js';
-export { PaginationNext, PaginationPrevious } from './components/Pagination/PaginationNextPrev.js';
 export { SkipLink } from './components/SkipLink/SkipLink.js';
 export { Tooltip } from './components/Tooltip/Tooltip.js';
 export { Checkbox } from './components/form/Checkbox/index.js';
@@ -61,36 +50,28 @@ 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 { Tabs } from './components/Tabs/index.js';
-export { TabsRoot } from './components/Tabs/TabsRoot.js';
-export { Tab } from './components/Tabs/Tab.js';
-export { TabList } from './components/Tabs/TabList.js';
-export { TabContent } from './components/Tabs/TabContent.js';
+export { TabsTab } from './components/Tabs/TabsTab.js';
+export { TabsList } from './components/Tabs/TabsList.js';
+export { TabsPanel } from './components/Tabs/TabsPanel.js';
 export { ToggleGroup } from './components/ToggleGroup/index.js';
-export { ToggleGroupRoot } from './components/ToggleGroup/ToggleGroupRoot.js';
-export { ToggleGroupItem } from './components/ToggleGroup/ToggleGroupItem/ToggleGroupItem.js';
+export { ToggleGroupItem } from './components/ToggleGroup/ToggleGroupItem.js';
 export { Popover } from './components/Popover/index.js';
 export { PopoverContext } from './components/Popover/PopoverContext.js';
 export { PopoverTrigger } from './components/Popover/PopoverTrigger.js';
 export { Divider } from './components/Divider/Divider.js';
 export { Modal } from './components/Modal/index.js';
-export { ModalRoot } from './components/Modal/ModalRoot.js';
-export { ModalContent } from './components/Modal/ModaContent.js';
-export { ModalFooter } from './components/Modal/ModalFooter.js';
-export { ModalHeader } from './components/Modal/ModalHeader.js';
+export { ModalBlock } from './components/Modal/ModalBlock.js';
+export { ModalContext } from './components/Modal/ModalContext.js';
 export { ModalTrigger } from './components/Modal/ModalTrigger.js';
-export { ModalDialog } from './components/Modal/ModalDialog.js';
-export { DropdownMenu } from './components/DropdownMenu/index.js';
-export { DropdownMenuRoot } from './components/DropdownMenu/DropdownMenuRoot.js';
-export { DropdownMenuContent } from './components/DropdownMenu/DropdownMenuContent.js';
-export { DropdownMenuGroup } from './components/DropdownMenu/DropdownMenuGroup.js';
-export { DropdownMenuItem } from './components/DropdownMenu/DropdownMenuItem.js';
-export { DropdownMenuTrigger } from './components/DropdownMenu/DropdownMenuTrigger.js';
+export { Dropdown } from './components/Dropdown/index.js';
+export { DropdownContext } from './components/Dropdown/DropdownContext.js';
+export { DropdownList } from './components/Dropdown/DropdownList.js';
+export { DropdownHeading } from './components/Dropdown/DropdownHeading.js';
+export { DropdownItem } from './components/Dropdown/DropdownItem.js';
+export { DropdownTrigger } from './components/Dropdown/DropdownTrigger.js';
 export { Search } from './components/form/Search/Search.js';
 export { Card } from './components/Card/index.js';
-export { CardHeader } from './components/Card/CardHeader.js';
-export { CardContent } from './components/Card/CardContent.js';
-export { CardFooter } from './components/Card/CardFooter.js';
-export { CardMedia } from './components/Card/CardMedia.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';
@@ -101,7 +82,6 @@ export { TableRow } from './components/Table/TableRow.js';
 export { TableCell } from './components/Table/TableCell.js';
 export { TableHeaderCell } from './components/Table/TableHeaderCell.js';
 export { ErrorSummary } from './components/ErrorSummary/index.js';
-export { ErrorSummaryRoot } from './components/ErrorSummary/ErrorSummaryRoot.js';
 export { ErrorSummaryItem } from './components/ErrorSummary/ErrorSummaryItem.js';
 export { ErrorSummaryHeading } from './components/ErrorSummary/ErrorSummaryHeading.js';
 export { ErrorSummaryList } from './components/ErrorSummary/ErrorSummaryList.js';

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

@@ -1,7 +1,7 @@
 'use client';
 import { jsx } from 'react/jsx-runtime';
-import { useMergeRefs } from '../../node_modules/@floating-ui/react/dist/floating-ui.react.js';
-import { Slot } from '../../node_modules/@radix-ui/react-slot/dist/index.js';
+import { useMergeRefs } from '@floating-ui/react';
+import { Slot } from '@radix-ui/react-slot';
 import { forwardRef } from 'react';
 import { useRovingFocus } from './useRovingFocus.js';
 

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

@@ -1,7 +1,7 @@
 'use client';
 import { jsx } from 'react/jsx-runtime';
-import { useMergeRefs } from '../../node_modules/@floating-ui/react/dist/floating-ui.react.js';
-import { Slot } from '../../node_modules/@radix-ui/react-slot/dist/index.js';
+import { useMergeRefs } from '@floating-ui/react';
+import { Slot } from '@radix-ui/react-slot';
 import { createContext, forwardRef, useState, useRef, useEffect } from 'react';
 
 const RovingFocusContext = createContext({

package/dist/types/components/Accordion/AccordionContent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AccordionContent.d.ts","sourceRoot":"","sources":["../../../../src/components/Accordion/AccordionContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAK5C,MAAM,MAAM,qBAAqB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAEnE;;;;GAIG;AACH,eAAO,MAAM,gBAAgB,8FAS3B,CAAC"}
+{"version":3,"file":"AccordionContent.d.ts","sourceRoot":"","sources":["../../../../src/components/Accordion/AccordionContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAG5C,MAAM,MAAM,qBAAqB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAEnE;;;;GAIG;AACH,eAAO,MAAM,gBAAgB,8FAK3B,CAAC"}

package/dist/types/components/Accordion/AccordionHeading.d.ts

@@ -4,9 +4,9 @@ export type AccordionHeadingProps = {
     children: ReactNode;
 } & HTMLAttributes<HTMLElement>;
 /**
- * Accordion header component, contains a button to toggle the content.
+ * Accordion heading component, contains a button to toggle the content.
  * @example
- * <AccordionHeader>Header</AccordionHeader>
+ * <AccordionHeading>Heading</AccordionHeading>
  */
 export declare const AccordionHeading: React.ForwardRefExoticComponent<{
     /** Heading text */

package/dist/types/components/Accordion/AccordionHeading.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AccordionHeading.d.ts","sourceRoot":"","sources":["../../../../src/components/Accordion/AccordionHeading.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKvD,MAAM,MAAM,qBAAqB,GAAG;IAClC,mBAAmB;IACnB,QAAQ,EAAE,SAAS,CAAC;CACrB,GAAG,cAAc,CAAC,WAAW,CAAC,CAAC;AAEhC;;;;GAIG;AACH,eAAO,MAAM,gBAAgB;IAT3B,mBAAmB;cACT,SAAS;mEAuBpB,CAAC"}
+{"version":3,"file":"AccordionHeading.d.ts","sourceRoot":"","sources":["../../../../src/components/Accordion/AccordionHeading.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvD,MAAM,MAAM,qBAAqB,GAAG;IAClC,mBAAmB;IACnB,QAAQ,EAAE,SAAS,CAAC;CACrB,GAAG,cAAc,CAAC,WAAW,CAAC,CAAC;AAEhC;;;;GAIG;AACH,eAAO,MAAM,gBAAgB;IAT3B,mBAAmB;cACT,SAAS;mEAapB,CAAC"}

package/dist/types/components/Accordion/AccordionItem.d.ts

@@ -14,22 +14,22 @@ export type AccordionItemProps = {
      * @default false
      */
     defaultOpen?: boolean;
-    /** Callback function when AccordionItem wants to open due to a find in page-search */
-    onFound?: () => void;
-    /** Content should be one `<Accordion.Header>` and `<Accordion.Content>` */
+    /** Callback function when AccordionItem toggles due to click on summary or find in page-search */
+    onToggle?: (event: Event) => void;
+    /** Content should be one `<Accordion.Heading>` and `<Accordion.Content>` */
     children?: ReactNode;
-} & HTMLAttributes<HTMLDetailsElement> & ({
+} & Omit<HTMLAttributes<HTMLDetailsElement>, 'onToggle'> & ({
     open: boolean;
-    onFound: () => void;
+    onToggle: (event: Event) => void;
 } | {
     open?: never;
-    onFound?: () => void;
+    onToggle?: (event: Event) => void;
 });
 /**
- * Accordion item component, contains `Accordion.Header` and `Accordion.Content` components.
+ * Accordion item component, contains `Accordion.Heading` and `Accordion.Content` components.
  * @example
  * <AccordionItem>
- *  <AccordionHeader>Header</AccordionHeader>
+ *  <AccordionHeading>Header</AccordionHeading>
  *  <AccordionContent>Content</AccordionContent>
  * </AccordionItem>
  */

package/dist/types/components/Accordion/AccordionItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AccordionItem.d.ts","sourceRoot":"","sources":["../../../../src/components/Accordion/AccordionItem.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD,OAAO,uBAAuB,CAAC;AAE/B,MAAM,MAAM,kBAAkB,GAAG;IAC/B;;;;;;OAMG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,sFAAsF;IACtF,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,2EAA2E;IAC3E,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,GAAG,cAAc,CAAC,kBAAkB,CAAC,GACpC,CACI;IAAE,IAAI,EAAE,OAAO,CAAC;IAAC,OAAO,EAAE,MAAM,IAAI,CAAA;CAAE,GACtC;IAAE,IAAI,CAAC,EAAE,KAAK,CAAC;IAAC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CAAE,CACzC,CAAC;AAEJ;;;;;;;GAOG;AACH,eAAO,MAAM,aAAa,+FAkDzB,CAAC"}
+{"version":3,"file":"AccordionItem.d.ts","sourceRoot":"","sources":["../../../../src/components/Accordion/AccordionItem.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD,OAAO,uBAAuB,CAAC;AAE/B,MAAM,MAAM,kBAAkB,GAAG;IAC/B;;;;;;OAMG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,kGAAkG;IAClG,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IAClC,4EAA4E;IAC5E,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,GAAG,IAAI,CAAC,cAAc,CAAC,kBAAkB,CAAC,EAAE,UAAU,CAAC,GACtD,CACI;IAAE,IAAI,EAAE,OAAO,CAAC;IAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAA;CAAE,GACnD;IAAE,IAAI,CAAC,EAAE,KAAK,CAAC;IAAC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAA;CAAE,CACtD,CAAC;AAEJ;;;;;;;GAOG;AACH,eAAO,MAAM,aAAa,+FAmCzB,CAAC"}

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;AAI5C,MAAM,MAAM,UAAU,GAAG;IACvB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;IAClD;;;;;OAKG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CAC3B,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAEnC;;;;GAIG;AACH,eAAO,MAAM,KAAK;IAnBhB;;;OAGG;YACK,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ;IACjD;;;;;OAKG;WACI,IAAI,GAAG,IAAI,GAAG,IAAI;yEAuBzB,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;AAG5C,MAAM,MAAM,UAAU,GAAG;IACvB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;IAClD;;;;;OAKG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CAC3B,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAEnC;;;;GAIG;AACH,eAAO,MAAM,KAAK;IAnBhB;;;OAGG;YACK,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ;IACjD;;;;;OAKG;WACI,IAAI,GAAG,IAAI,GAAG,IAAI;yEAqBzB,CAAC"}

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;AAEvD,MAAM,MAAM,WAAW,GAAG;IACxB;;OAEG;IACH,YAAY,EAAE,MAAM,CAAC;IACrB;;;;OAIG;IACH,KAAK,CAAC,EAAE,QAAQ,GAAG,SAAS,GAAG,QAAQ,GAAG,QAAQ,GAAG,QAAQ,CAAC;IAC9D;;;;OAIG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACjC;;;;OAIG;IACH,OAAO,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAC9B;;;;OAIG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,GAAG,IAAI,CAAC,cAAc,CAAC,eAAe,CAAC,EAAE,YAAY,CAAC,CAAC;AASxD;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,MAAM;IArDjB;;OAEG;kBACW,MAAM;IACpB;;;;OAIG;YACK,QAAQ,GAAG,SAAS,GAAG,QAAQ,GAAG,QAAQ,GAAG,QAAQ;IAC7D;;;;OAIG;WACI,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI;IAChC;;;;OAIG;cACO,QAAQ,GAAG,QAAQ;IAC7B;;;;OAIG;eACQ,SAAS;+FAwDpB,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;AAEvD,MAAM,MAAM,WAAW,GAAG;IACxB;;OAEG;IACH,YAAY,EAAE,MAAM,CAAC;IACrB;;;;OAIG;IACH,KAAK,CAAC,EAAE,QAAQ,GAAG,SAAS,GAAG,QAAQ,GAAG,QAAQ,GAAG,QAAQ,CAAC;IAC9D;;;;OAIG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACjC;;;;OAIG;IACH,OAAO,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAC9B;;;;OAIG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,GAAG,IAAI,CAAC,cAAc,CAAC,eAAe,CAAC,EAAE,YAAY,CAAC,CAAC;AAExD;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,MAAM;IA9CjB;;OAEG;kBACW,MAAM;IACpB;;;;OAIG;YACK,QAAQ,GAAG,SAAS,GAAG,QAAQ,GAAG,QAAQ,GAAG,QAAQ;IAC7D;;;;OAIG;WACI,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI;IAChC;;;;OAIG;cACO,QAAQ,GAAG,QAAQ;IAC7B;;;;OAIG;eACQ,SAAS;+FAiDpB,CAAC"}

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;AAGxE,MAAM,MAAM,UAAU,GAAG;IACvB;;;;OAIG;IACH,KAAK,CAAC,EAAE,QAAQ,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,SAAS,CAAC;IACzE;;;;OAIG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B;;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,GAAG,cAAc,CAAC,eAAe,CAAC,CAAC;AAUpC;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,KAAK;IA7DhB;;;;OAIG;YACK,QAAQ,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,SAAS;IACxE;;;;OAIG;WACI,IAAI,GAAG,IAAI,GAAG,IAAI;IACzB;;OAEG;YACK,MAAM;IACd;;OAEG;eACQ,MAAM;IACjB;;;;OAIG;gBACS,WAAW,GAAG,UAAU,GAAG,cAAc,GAAG,aAAa;IACrE;;;;OAIG;cACO,QAAQ,GAAG,WAAW;IAChC;;OAEG;eACQ,SAAS;2EAgErB,CAAC"}
+{"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;AAExE,MAAM,MAAM,UAAU,GAAG;IACvB;;;;OAIG;IACH,KAAK,CAAC,EAAE,QAAQ,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,SAAS,CAAC;IACzE;;;;OAIG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B;;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,GAAG,cAAc,CAAC,eAAe,CAAC,CAAC;AAEpC;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,KAAK;IArDhB;;;;OAIG;YACK,QAAQ,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,SAAS;IACxE;;;;OAIG;WACI,IAAI,GAAG,IAAI,GAAG,IAAI;IACzB;;OAEG;YACK,MAAM;IACd;;OAEG;eACQ,MAAM;IACjB;;;;OAIG;gBACS,WAAW,GAAG,UAAU,GAAG,cAAc,GAAG,aAAa;IACrE;;;;OAIG;cACO,QAAQ,GAAG,WAAW;IAChC;;OAEG;eACQ,SAAS;2EA6CpB,CAAC"}

package/dist/types/components/Breadcrumbs/{BreadcrumbsNav.d.ts → Breadcrumbs.d.ts}

@@ -1,16 +1,26 @@
 import { type HTMLAttributes } from 'react';
-export type BreadcrumbsNavProps = {
+export type BreadcrumbsProps = {
     /**
      * Sets the screen reader label for the Breadcrumbs area
      * @default 'Du er her'
      */
     'aria-label'?: string;
+    /**
+     * Sets the size of the component
+     * @default md
+     */
+    size?: 'sm' | 'md' | 'lg';
 } & HTMLAttributes<HTMLElement>;
-export declare const BreadcrumbsNav: React.ForwardRefExoticComponent<{
+export declare const Breadcrumbs: React.ForwardRefExoticComponent<{
     /**
      * Sets the screen reader label for the Breadcrumbs area
      * @default 'Du er her'
      */
     'aria-label'?: string;
+    /**
+     * Sets the size of the component
+     * @default md
+     */
+    size?: "sm" | "md" | "lg";
 } & HTMLAttributes<HTMLElement> & React.RefAttributes<HTMLElement>>;
-//# sourceMappingURL=BreadcrumbsNav.d.ts.map
+//# sourceMappingURL=Breadcrumbs.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Breadcrumbs.d.ts","sourceRoot":"","sources":["../../../../src/components/Breadcrumbs/Breadcrumbs.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,cAAc,EAAc,MAAM,OAAO,CAAC;AAExD,MAAM,MAAM,gBAAgB,GAAG;IAC7B;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;OAGG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CAC3B,GAAG,cAAc,CAAC,WAAW,CAAC,CAAC;AAEhC,eAAO,MAAM,WAAW;IAZtB;;;OAGG;mBACY,MAAM;IACrB;;;OAGG;WACI,IAAI,GAAG,IAAI,GAAG,IAAI;mEAgB1B,CAAC"}

package/dist/types/components/Breadcrumbs/BreadcrumbsItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BreadcrumbsItem.d.ts","sourceRoot":"","sources":["../../../../src/components/Breadcrumbs/BreadcrumbsItem.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,cAAc,EAAc,MAAM,OAAO,CAAC;AAExD,MAAM,MAAM,oBAAoB,GAAG,cAAc,CAAC,aAAa,CAAC,CAAC;AAEjE,eAAO,MAAM,eAAe,4FAI3B,CAAC"}
+{"version":3,"file":"BreadcrumbsItem.d.ts","sourceRoot":"","sources":["../../../../src/components/Breadcrumbs/BreadcrumbsItem.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAc,MAAM,OAAO,CAAC;AAExD,MAAM,MAAM,oBAAoB,GAAG,cAAc,CAAC,aAAa,CAAC,CAAC;AAEjE,eAAO,MAAM,eAAe,4FAI3B,CAAC"}

package/dist/types/components/Breadcrumbs/BreadcrumbsLink.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BreadcrumbsLink.d.ts","sourceRoot":"","sources":["../../../../src/components/Breadcrumbs/BreadcrumbsLink.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEzC,MAAM,MAAM,oBAAoB,GAAG,SAAS,CAAC;AAE7C,eAAO,MAAM,eAAe;;;;;;2FAK1B,CAAC"}
+{"version":3,"file":"BreadcrumbsLink.d.ts","sourceRoot":"","sources":["../../../../src/components/Breadcrumbs/BreadcrumbsLink.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEzC,MAAM,MAAM,oBAAoB,GAAG,SAAS,CAAC;AAE7C,eAAO,MAAM,eAAe;;;;;;2FAK1B,CAAC"}

package/dist/types/components/Breadcrumbs/BreadcrumbsList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BreadcrumbsList.d.ts","sourceRoot":"","sources":["../../../../src/components/Breadcrumbs/BreadcrumbsList.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,cAAc,EAAiC,MAAM,OAAO,CAAC;AAE3E,MAAM,MAAM,oBAAoB,GAAG,cAAc,CAAC,gBAAgB,CAAC,CAAC;AAEpE,eAAO,MAAM,eAAe,+FAuB1B,CAAC"}
+{"version":3,"file":"BreadcrumbsList.d.ts","sourceRoot":"","sources":["../../../../src/components/Breadcrumbs/BreadcrumbsList.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,cAAc,EAAiC,MAAM,OAAO,CAAC;AAE3E,MAAM,MAAM,oBAAoB,GAAG,cAAc,CAAC,gBAAgB,CAAC,CAAC;AAEpE,eAAO,MAAM,eAAe,+FAiB1B,CAAC"}

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

@@ -1,35 +1,23 @@
 import { BreadcrumbsItem } from './BreadcrumbsItem';
 import { BreadcrumbsLink } from './BreadcrumbsLink';
 import { BreadcrumbsList } from './BreadcrumbsList';
-import { BreadcrumbsNav } from './BreadcrumbsNav';
-import { BreadcrumbsRoot } from './BreadcrumbsRoot';
-export type { BreadcrumbsRootProps } from './BreadcrumbsRoot';
-export type { BreadcrumbsNavProps } from './BreadcrumbsNav';
-export type { BreadcrumbsListProps } from './BreadcrumbsList';
-export type { BreadcrumbsItemProps } from './BreadcrumbsItem';
-export type { BreadcrumbsLinkProps } from './BreadcrumbsLink';
 /**
  * Breadcrumbs are used to visualize the current page path.
  * @example
- * <Breadcrumbs.Root>
+ * <Breadcrumbs aria-label="You are here:">
  *  <Breadcrumbs.Link aria-label="Go back to level 2">Level 2</Breadcrumbs.Link>
- *  <Breadcrumbs.Nav aria-label="You are here:">
- *   <Breadcrumbs.List>
- *    <Breadcrumbs.Item><Breadcrumbs.Link>Level 1</Breadcrumbs.Link></Breadcrumbs.Item>
- *    <Breadcrumbs.Item><Breadcrumbs.Link>Level 2</Breadcrumbs.Link></Breadcrumbs.Item>
- *    <Breadcrumbs.Item><Breadcrumbs.Link>Level 3</Breadcrumbs.Link></Breadcrumbs.Item>
- *    <Breadcrumbs.Item><Breadcrumbs.Link>Level 4</Breadcrumbs.Link></Breadcrumbs.Item>
- *   </Breadcrumbs.List>
- *  </Breadcrumbs.Nav>
- * <Breadcrumbs.Root>
+ *  <Breadcrumbs.List>
+ *   <Breadcrumbs.Item><Breadcrumbs.Link>Level 1</Breadcrumbs.Link></Breadcrumbs.Item>
+ *   <Breadcrumbs.Item><Breadcrumbs.Link>Level 2</Breadcrumbs.Link></Breadcrumbs.Item>
+ *   <Breadcrumbs.Item><Breadcrumbs.Link>Level 3</Breadcrumbs.Link></Breadcrumbs.Item>
+ *   <Breadcrumbs.Item><Breadcrumbs.Link>Level 4</Breadcrumbs.Link></Breadcrumbs.Item>
+ *  </Breadcrumbs.List>
+ * <Breadcrumbs>
  */
-declare const Breadcrumbs: {
-    Root: React.ForwardRefExoticComponent<{
-        size?: "sm" | "md" | "lg";
-    } & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
-    Nav: React.ForwardRefExoticComponent<{
-        'aria-label'?: string;
-    } & React.HTMLAttributes<HTMLElement> & React.RefAttributes<HTMLElement>>;
+export declare const Breadcrumbs: React.ForwardRefExoticComponent<{
+    'aria-label'?: string;
+    size?: "sm" | "md" | "lg";
+} & React.HTMLAttributes<HTMLElement> & React.RefAttributes<HTMLElement>> & {
     List: React.ForwardRefExoticComponent<import("./BreadcrumbsList").BreadcrumbsListProps & React.RefAttributes<HTMLOListElement>>;
     Item: React.ForwardRefExoticComponent<import("./BreadcrumbsItem").BreadcrumbsItemProps & React.RefAttributes<HTMLLIElement>>;
     Link: React.ForwardRefExoticComponent<{
@@ -40,5 +28,9 @@ declare const Breadcrumbs: {
         asChild?: boolean;
     } & React.AnchorHTMLAttributes<HTMLAnchorElement> & React.RefAttributes<HTMLAnchorElement>>;
 };
-export { Breadcrumbs, BreadcrumbsRoot, BreadcrumbsNav, BreadcrumbsList, BreadcrumbsItem, BreadcrumbsLink, };
+export type { BreadcrumbsProps } from './Breadcrumbs';
+export type { BreadcrumbsListProps } from './BreadcrumbsList';
+export type { BreadcrumbsItemProps } from './BreadcrumbsItem';
+export type { BreadcrumbsLinkProps } from './BreadcrumbsLink';
+export { BreadcrumbsList, BreadcrumbsItem, BreadcrumbsLink };
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Breadcrumbs/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEpD,YAAY,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAC9D,YAAY,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAC5D,YAAY,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAC9D,YAAY,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAC9D,YAAY,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAE9D;;;;;;;;;;;;;;GAcG;AACH,QAAA,MAAM,WAAW;;;;;;;;;;;;;;;;CAMhB,CAAC;AAQF,OAAO,EACL,WAAW,EACX,eAAe,EACf,cAAc,EACd,eAAe,EACf,eAAe,EACf,eAAe,GAChB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Breadcrumbs/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEpD;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,WAAW;;;;;;;;;;;;;CAItB,CAAC;AAMH,YAAY,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACtD,YAAY,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAC9D,YAAY,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAC9D,YAAY,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAC9D,OAAO,EAAE,eAAe,EAAE,eAAe,EAAE,eAAe,EAAE,CAAC"}

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

@@ -27,7 +27,12 @@ export type ButtonProps = {
      * @default false
      */
     asChild?: boolean;
-} & ButtonHTMLAttributes<HTMLButtonElement>;
+    /**
+     * Specify the type of button. Unset when `asChild` is true
+     * @default 'button'
+     */
+    type?: ButtonHTMLAttributes<HTMLButtonElement>['type'];
+} & Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'type'>;
 /**
  * Button used for interaction
  * @example
@@ -61,5 +66,10 @@ export declare const Button: React.ForwardRefExoticComponent<{
      * @default false
      */
     asChild?: boolean;
-} & ButtonHTMLAttributes<HTMLButtonElement> & React.RefAttributes<HTMLButtonElement>>;
+    /**
+     * Specify the type of button. Unset when `asChild` is true
+     * @default 'button'
+     */
+    type?: ButtonHTMLAttributes<HTMLButtonElement>["type"];
+} & Omit<ButtonHTMLAttributes<HTMLButtonElement>, "type"> & React.RefAttributes<HTMLButtonElement>>;
 //# sourceMappingURL=Button.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAGlD,MAAM,MAAM,WAAW,GAAG;IACxB;;;OAGG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,UAAU,CAAC;IAC/C;;OAEG;IACH,KAAK,CAAC,EAAE,QAAQ,GAAG,SAAS,GAAG,QAAQ,CAAC;IACxC;;;OAGG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;AAE5C;;;;GAIG;AACH,eAAO,MAAM,MAAM;IAlCjB;;;OAGG;cACO,SAAS,GAAG,WAAW,GAAG,UAAU;IAC9C;;OAEG;YACK,QAAQ,GAAG,SAAS,GAAG,QAAQ;IACvC;;;OAGG;WACI,IAAI,GAAG,IAAI,GAAG,IAAI;IACzB;;OAEG;WACI,OAAO;IACd;;OAEG;cACO,OAAO;IACjB;;;OAGG;cACO,OAAO;qFAwDlB,CAAC"}
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAGlD,MAAM,MAAM,WAAW,GAAG;IACxB;;;OAGG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,UAAU,CAAC;IAC/C;;OAEG;IACH,KAAK,CAAC,EAAE,QAAQ,GAAG,SAAS,GAAG,QAAQ,CAAC;IACxC;;;OAGG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,IAAI,CAAC,EAAE,oBAAoB,CAAC,iBAAiB,CAAC,CAAC,MAAM,CAAC,CAAC;CACxD,GAAG,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,MAAM,CAAC,CAAC;AAE1D;;;;GAIG;AACH,eAAO,MAAM,MAAM;IAvCjB;;;OAGG;cACO,SAAS,GAAG,WAAW,GAAG,UAAU;IAC9C;;OAEG;YACK,QAAQ,GAAG,SAAS,GAAG,QAAQ;IACvC;;;OAGG;WACI,IAAI,GAAG,IAAI,GAAG,IAAI;IACzB;;OAEG;WACI,OAAO;IACd;;OAEG;cACO,OAAO;IACjB;;;OAGG;cACO,OAAO;IACjB;;;OAGG;WACI,oBAAoB,CAAC,iBAAiB,CAAC,CAAC,MAAM,CAAC;mGAkDvD,CAAC"}

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

@@ -10,21 +10,16 @@ export type CardProps = {
      * @default false
      */
     asChild?: boolean;
-    /**
-     * Changes styling if card is used as a link
-     * @default false
-     */
-    isLink?: boolean;
-    /** Instances of `Card.Header`, `Card.Content`, `Card.Footer` or other React nodes like `Divider` */
+    /** Instances of `Card.Block`, `Divider` or other React nodes */
     children: ReactNode;
 } & HTMLAttributes<HTMLDivElement>;
 /**
  * Card component to present content in a structured way.
  * @example
  * <Card>
- *  <Card.Header>Header</Card.Header>
- *  <Card.Content>Content</Card.Content>
- *  <Card.Footer>Footer</Card.Footer>
+ *  <Card.Block>Header</Card.Block>
+ *  <Card.Block>Content</Card.Block>
+ *  <Card.Block>Footer</Card.Block>
  * </Card>
  */
 export declare const Card: React.ForwardRefExoticComponent<{
@@ -38,12 +33,7 @@ export declare const Card: React.ForwardRefExoticComponent<{
      * @default false
      */
     asChild?: boolean;
-    /**
-     * Changes styling if card is used as a link
-     * @default false
-     */
-    isLink?: boolean;
-    /** Instances of `Card.Header`, `Card.Content`, `Card.Footer` or other React nodes like `Divider` */
+    /** Instances of `Card.Block`, `Divider` or other React nodes */
     children: ReactNode;
 } & HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
 //# sourceMappingURL=Card.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../../src/components/Card/Card.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvD,MAAM,MAAM,SAAS,GAAG;IACtB;;;OAGG;IACH,KAAK,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,QAAQ,GAAG,QAAQ,GAAG,QAAQ,CAAC;IAC9D;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,oGAAoG;IACpG,QAAQ,EAAE,SAAS,CAAC;CACrB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAEnC;;;;;;;;GAQG;AACH,eAAO,MAAM,IAAI;IA5Bf;;;OAGG;YACK,SAAS,GAAG,QAAQ,GAAG,QAAQ,GAAG,QAAQ,GAAG,QAAQ;IAC7D;;;OAGG;cACO,OAAO;IACjB;;;OAGG;aACM,OAAO;IAChB,oGAAoG;cAC1F,SAAS;yEA4BpB,CAAC"}
+{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../../src/components/Card/Card.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvD,MAAM,MAAM,SAAS,GAAG;IACtB;;;OAGG;IACH,KAAK,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,QAAQ,GAAG,QAAQ,GAAG,QAAQ,CAAC;IAC9D;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,gEAAgE;IAChE,QAAQ,EAAE,SAAS,CAAC;CACrB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAEnC;;;;;;;;GAQG;AACH,eAAO,MAAM,IAAI;IAvBf;;;OAGG;YACK,SAAS,GAAG,QAAQ,GAAG,QAAQ,GAAG,QAAQ,GAAG,QAAQ;IAC7D;;;OAGG;cACO,OAAO;IACjB,gEAAgE;cACtD,SAAS;yEA8CnB,CAAC"}

package/dist/types/components/Card/{CardMedia.d.ts → CardBlock.d.ts}

@@ -1,16 +1,16 @@
 import type { HTMLAttributes } from 'react';
-export type CardMediaProps = {
+export type CardBlockProps = {
     /**
      * Change the default rendered element for the one passed as a child, merging their props and behavior.
      * @default false
      */
     asChild?: boolean;
 } & HTMLAttributes<HTMLDivElement>;
-export declare const CardMedia: React.ForwardRefExoticComponent<{
+export declare const CardBlock: React.ForwardRefExoticComponent<{
     /**
      * Change the default rendered element for the one passed as a child, merging their props and behavior.
      * @default false
      */
     asChild?: boolean;
 } & HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
-//# sourceMappingURL=CardMedia.d.ts.map
+//# sourceMappingURL=CardBlock.d.ts.map

package/dist/types/components/Card/{CardMedia.d.ts.map → CardBlock.d.ts.map}

@@ -1 +1 @@
-{"version":3,"file":"CardMedia.d.ts","sourceRoot":"","sources":["../../../../src/components/Card/CardMedia.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAG5C,MAAM,MAAM,cAAc,GAAG;IAC3B;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAEnC,eAAO,MAAM,SAAS;IAPpB;;;OAGG;cACO,OAAO;yEAelB,CAAC"}
+{"version":3,"file":"CardBlock.d.ts","sourceRoot":"","sources":["../../../../src/components/Card/CardBlock.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAG5C,MAAM,MAAM,cAAc,GAAG;IAC3B;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAEnC,eAAO,MAAM,SAAS;IAPpB;;;OAGG;cACO,OAAO;yEAelB,CAAC"}

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

@@ -1,18 +1,14 @@
-import type { CardProps } from './Card';
-import { Card as CardParent } from './Card';
-import type { CardContentProps } from './CardContent';
-import { CardContent } from './CardContent';
-import type { CardFooterProps } from './CardFooter';
-import { CardFooter } from './CardFooter';
-import { CardHeader, type CardHeaderProps } from './CardHeader';
-import { CardMedia, type CardMediaProps } from './CardMedia';
-type CardComponent = typeof CardParent & {
-    Header: typeof CardHeader;
-    Content: typeof CardContent;
-    Footer: typeof CardFooter;
-    Media: typeof CardMedia;
+import { CardBlock } from './CardBlock';
+declare const Card: React.ForwardRefExoticComponent<{
+    color?: "neutral" | "subtle" | "brand1" | "brand2" | "brand3";
+    asChild?: boolean;
+    children: React.ReactNode;
+} & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>> & {
+    Block: React.ForwardRefExoticComponent<{
+        asChild?: boolean;
+    } & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
 };
-declare const Card: CardComponent;
-export type { CardProps, CardHeaderProps, CardContentProps, CardFooterProps, CardMediaProps, };
-export { Card, CardHeader, CardContent, CardFooter, CardMedia };
+export type { CardProps } from './Card';
+export type { CardBlockProps } from './CardBlock';
+export { Card, CardBlock };
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Card/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AACxC,OAAO,EAAE,IAAI,IAAI,UAAU,EAAE,MAAM,QAAQ,CAAC;AAC5C,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACtD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AACpD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,cAAc,CAAC;AAChE,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,aAAa,CAAC;AAE7D,KAAK,aAAa,GAAG,OAAO,UAAU,GAAG;IACvC,MAAM,EAAE,OAAO,UAAU,CAAC;IAC1B,OAAO,EAAE,OAAO,WAAW,CAAC;IAC5B,MAAM,EAAE,OAAO,UAAU,CAAC;IAC1B,KAAK,EAAE,OAAO,SAAS,CAAC;CACzB,CAAC;AAEF,QAAA,MAAM,IAAI,EAAiB,aAAa,CAAC;AAYzC,YAAY,EACV,SAAS,EACT,eAAe,EACf,gBAAgB,EAChB,eAAe,EACf,cAAc,GACf,CAAC;AACF,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,WAAW,EAAE,UAAU,EAAE,SAAS,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Card/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAExC,QAAA,MAAM,IAAI;;;;;;;;CAER,CAAC;AAIH,YAAY,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AACxC,YAAY,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAClD,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC"}