@digdir/designsystemet-react 1.1.4 → 1.1.6

package/dist/esm/components/tabs/tabs-panel.js

@@ -8,7 +8,7 @@ import { useMergeRefs } from '../../utilities/hooks/use-merge-refs/use-merge-ref
  * A single content item in a Tabs component.
  *
  * @example
- * <Tabs.Panel value='1'>content 1</Tabs.Panel>
+ * <TabsPanel value='1'>content 1</TabsPanel>
  */
 const TabsPanel = forwardRef(function TabsPanel({ children, value, ...rest }, ref) {
     const { value: tabsValue } = useContext(Context);

package/dist/esm/components/tabs/tabs-tab.js

@@ -8,7 +8,7 @@ import { Context } from './tabs.js';
  * A single item in a Tabs component.
  *
  * @example
- * <Tabs.Tab value='1'>Tab 1</Tabs.Tab>
+ * <TabsTab value='1'>Tab 1</TabsTab>
  */
 const TabsTab = forwardRef(function TabsTab({ value, id, ...rest }, ref) {
     const tabs = useContext(Context);

package/dist/esm/components/textfield/textfield.js

@@ -1,7 +1,7 @@
 'use client';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
-import { Field } from '../field/index.js';
+import { Field as FieldComponent } from '../field/index.js';
 import { Input } from '../input/input.js';
 import { Label } from '../label/label.js';
 import { Textarea } from '../textarea/textarea.js';
@@ -19,7 +19,7 @@ import { FieldAffixes, FieldAffix } from '../field/field-affix.js';
  * <Textfield label="Textfield label">
  */
 const Textfield = forwardRef(function Textfield({ label, description, error, multiline, prefix, suffix, 'data-size': size, counter, style, className, ...rest }, ref) {
-    return (jsxs(Field, { className: className, "data-size": size, style: style, children: [!!label && jsx(Label, { children: label }), !!description && jsx(FieldDescription, { children: description }), jsxs(FieldAffixes, { children: [prefix === undefined || jsx(FieldAffix, { children: prefix }), multiline === true ? (jsx(Textarea, { ref: ref, "aria-invalid": Boolean(error) || undefined, ...rest })) : (jsx(Input, { ref: ref, "aria-invalid": Boolean(error) || undefined, ...rest })), suffix === undefined || jsx(FieldAffix, { children: suffix })] }), !!error && jsx(ValidationMessage, { children: error }), !!counter && (jsx(Field.Counter, { ...(typeof counter === 'number' ? { limit: counter } : counter) }))] }));
+    return (jsxs(FieldComponent, { className: className, "data-size": size, style: style, children: [!!label && jsx(Label, { children: label }), !!description && jsx(FieldDescription, { children: description }), jsxs(FieldAffixes, { children: [prefix === undefined || jsx(FieldAffix, { children: prefix }), multiline === true ? (jsx(Textarea, { ref: ref, "aria-invalid": Boolean(error) || undefined, ...rest })) : (jsx(Input, { ref: ref, "aria-invalid": Boolean(error) || undefined, ...rest })), suffix === undefined || jsx(FieldAffix, { children: suffix })] }), !!error && jsx(ValidationMessage, { children: error }), !!counter && (jsx(FieldComponent.Counter, { ...(typeof counter === 'number' ? { limit: counter } : counter) }))] }));
 });
 
 export { Textfield };

package/dist/esm/components/toggle-group/index.js

@@ -1,5 +1,5 @@
 'use client';
-import { ToggleGroup as ToggleGroup$1 } from './toggle-group.js';
+import { ToggleGroup } from './toggle-group.js';
 import { ToggleGroupItem } from './toggle-group-item.js';
 
 /**
@@ -12,9 +12,9 @@ import { ToggleGroupItem } from './toggle-group-item.js';
  *   <ToggleGroup.Item value='3'>Toggle 3</ToggleGroup.Item>
  * </ToggleGroup>
  */
-const ToggleGroup = Object.assign(ToggleGroup$1, {
+const ToggleGroupComponent = Object.assign(ToggleGroup, {
     Item: ToggleGroupItem,
 });
-ToggleGroup.Item.displayName = 'ToggleGroup.Item';
+ToggleGroupComponent.Item.displayName = 'ToggleGroup.Item';
 
-export { ToggleGroup, ToggleGroupItem };
+export { ToggleGroupComponent as ToggleGroup, ToggleGroupItem };

package/dist/esm/components/toggle-group/toggle-group-item.js

@@ -8,7 +8,7 @@ import { useToggleGroupItem } from './use-toggle-groupitem.js';
 /**
  * A single item in a ToggleGroup.
  * @example
- * <ToggleGroup.Item value='1'>Toggle 1</ToggleGroup.Item>
+ * <ToggleGroupItem value='1'>Toggle 1</ToggleGroupItem>
  */
 const ToggleGroupItem = forwardRef(function ToggleGroupItem(rest, ref) {
     const { active, buttonProps, value } = useToggleGroupItem(rest);

package/dist/react-types.d.ts

@@ -1,5 +1,4 @@
-import type { Size } from '@digdir/designsystemet-react';
-import type { Color } from '@digdir/designsystemet-react/colors';
+import type { Color, Size } from '@digdir/designsystemet/types';
 
 declare global {
   namespace React {

package/dist/types/colors.d.ts

@@ -1,24 +1,2 @@
-declare const emptyObjectSymbol: unique symbol;
-type EmptyObject = {
-    [emptyObjectSymbol]?: never;
-};
-/**
- * Base interface for available colors in Designsystemet.
- * The CLI will generate augmentations of this interface to allow
- * type safety of custom color names.
- */
-export interface MainAndSupportColors {
-}
-/**
- * If {@link MainAndSupportColors} has been extended to include color names, return T,
- * otherwise return the arbitrary string type.
- */
-type ColorWithFallback<T> = MainAndSupportColors extends EmptyObject ? string : T;
-export type SeverityInfo = 'info';
-export type SeveritySuccess = 'success';
-export type SeverityWarning = 'warning';
-export type SeverityDanger = 'danger';
-export type SeverityColors = SeverityInfo | SeveritySuccess | SeverityWarning | SeverityDanger;
-export type Color = ColorWithFallback<'neutral' | keyof MainAndSupportColors>;
-export {};
+export type { Color, SeverityColors, } from '@digdir/designsystemet/types';
 //# sourceMappingURL=colors.d.ts.map

package/dist/types/colors.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"colors.d.ts","sourceRoot":"","sources":["../src/colors.ts"],"names":[],"mappings":"AACA,OAAO,CAAC,MAAM,iBAAiB,EAAE,OAAO,MAAM,CAAC;AAC/C,KAAK,WAAW,GAAG;IAAE,CAAC,iBAAiB,CAAC,CAAC,EAAE,KAAK,CAAA;CAAE,CAAC;AAEnD;;;;GAIG;AAGH,MAAM,WAAW,oBAAoB;CAAG;AAExC;;;GAGG;AACH,KAAK,iBAAiB,CAAC,CAAC,IAAI,oBAAoB,SAAS,WAAW,GAChE,MAAM,GACN,CAAC,CAAC;AAEN,MAAM,MAAM,YAAY,GAAG,MAAM,CAAC;AAClC,MAAM,MAAM,eAAe,GAAG,SAAS,CAAC;AACxC,MAAM,MAAM,eAAe,GAAG,SAAS,CAAC;AACxC,MAAM,MAAM,cAAc,GAAG,QAAQ,CAAC;AACtC,MAAM,MAAM,cAAc,GACtB,YAAY,GACZ,eAAe,GACf,eAAe,GACf,cAAc,CAAC;AAEnB,MAAM,MAAM,KAAK,GAAG,iBAAiB,CAAC,SAAS,GAAG,MAAM,oBAAoB,CAAC,CAAC"}
+{"version":3,"file":"colors.d.ts","sourceRoot":"","sources":["../src/colors.ts"],"names":[],"mappings":"AAAA,YAAY,EACV,KAAK,EACL,cAAc,GACf,MAAM,8BAA8B,CAAC"}

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

@@ -206,7 +206,7 @@ export declare const ComboboxComponent: React.ForwardRefExoticComponent<{
     description?: ReactNode;
     id?: string;
     readOnly?: boolean;
-    size?: import("../..").Size;
+    size?: import("packages/cli/dist/src/types").Size;
 } & Pick<React.HTMLAttributes<HTMLElement>, "aria-describedby"> & Omit<InputHTMLAttributes<HTMLInputElement>, "size"> & React.RefAttributes<HTMLInputElement>>;
 export declare const Combobox: React.ForwardRefExoticComponent<{
     /**
@@ -312,6 +312,6 @@ export declare const Combobox: React.ForwardRefExoticComponent<{
     description?: ReactNode;
     id?: string;
     readOnly?: boolean;
-    size?: import("../..").Size;
+    size?: import("packages/cli/dist/src/types").Size;
 } & Pick<React.HTMLAttributes<HTMLElement>, "aria-describedby"> & Omit<InputHTMLAttributes<HTMLInputElement>, "size"> & React.RefAttributes<HTMLInputElement>>;
 //# sourceMappingURL=Combobox.d.ts.map

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

@@ -1,5 +1,5 @@
+import type { Size } from '@digdir/designsystemet/types';
 import type { HTMLAttributes, InputHTMLAttributes, ReactNode } from 'react';
-import type { Size } from '../../../types';
 export type FormFieldProps = {
     /** Error message for form field */
     error?: ReactNode;

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

@@ -1 +1 @@
-{"version":3,"file":"useFormField.d.ts","sourceRoot":"","sources":["../../../../src/components/Combobox/useFormField/useFormField.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,mBAAmB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAG5E,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAC;AAG3C,MAAM,MAAM,cAAc,GAAG;IAC3B,mCAAmC;IACnC,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,iCAAiC;IACjC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,4BAA4B;IAC5B,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,2BAA2B;IAC3B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,wBAAwB;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,IAAI,CAAC,EAAE,IAAI,CAAC;CACb,GAAG,IAAI,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,kBAAkB,CAAC,CAAC;AAE1D,MAAM,MAAM,SAAS,GAAG;IACtB,QAAQ,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,MAAM,CAAC;IAChB,aAAa,EAAE,MAAM,CAAC;IACtB,UAAU,EAAE;QACV,EAAE,EAAE,MAAM,CAAC;KACZ,GAAG,IAAI,CACN,mBAAmB,CAAC,gBAAgB,CAAC,EACrC,UAAU,GAAG,cAAc,GAAG,kBAAkB,CACjD,CAAC;CACH,GAAG,IAAI,CAAC,cAAc,EAAE,MAAM,GAAG,UAAU,CAAC,CAAC;AAE9C;;GAEG;AACH,eAAO,MAAM,YAAY,GACvB,OAAO,cAAc,EACrB,QAAQ,MAAM,KACb,SAkCF,CAAC"}
+{"version":3,"file":"useFormField.d.ts","sourceRoot":"","sources":["../../../../src/components/Combobox/useFormField/useFormField.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,8BAA8B,CAAC;AAEzD,OAAO,KAAK,EAAE,cAAc,EAAE,mBAAmB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAI5E,MAAM,MAAM,cAAc,GAAG;IAC3B,mCAAmC;IACnC,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,iCAAiC;IACjC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,4BAA4B;IAC5B,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,2BAA2B;IAC3B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,wBAAwB;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,IAAI,CAAC,EAAE,IAAI,CAAC;CACb,GAAG,IAAI,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,kBAAkB,CAAC,CAAC;AAE1D,MAAM,MAAM,SAAS,GAAG;IACtB,QAAQ,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,MAAM,CAAC;IAChB,aAAa,EAAE,MAAM,CAAC;IACtB,UAAU,EAAE;QACV,EAAE,EAAE,MAAM,CAAC;KACZ,GAAG,IAAI,CACN,mBAAmB,CAAC,gBAAgB,CAAC,EACrC,UAAU,GAAG,cAAc,GAAG,kBAAkB,CACjD,CAAC;CACH,GAAG,IAAI,CAAC,cAAc,EAAE,MAAM,GAAG,UAAU,CAAC,CAAC;AAE9C;;GAEG;AACH,eAAO,MAAM,YAAY,GACvB,OAAO,cAAc,EACrB,QAAQ,MAAM,KACb,SAkCF,CAAC"}

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

@@ -1,5 +1,5 @@
+import type { SeverityColors } from '@digdir/designsystemet/types';
 import type { HTMLAttributes } from 'react';
-import type { SeverityColors } from '../../colors';
 import type { DefaultProps } from '../../types';
 import type { MergeRight } from '../../utilities';
 export type AlertProps = MergeRight<DefaultProps & HTMLAttributes<HTMLDivElement>, {

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;;;;OAIG;IACH,YAAY,CAAC,EAAE,cAAc,CAAC;CAC/B,CACF,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,KAAK;IAfd;;;;OAIG;mBACY,cAAc;wCAsB/B,CAAC"}
+{"version":3,"file":"alert.d.ts","sourceRoot":"","sources":["../../../src/components/alert/alert.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAEnE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,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;;;;OAIG;IACH,YAAY,CAAC,EAAE,cAAc,CAAC;CAC/B,CACF,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,KAAK;IAfd;;;;OAIG;mBACY,cAAc;wCAsB/B,CAAC"}

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

@@ -1,5 +1,6 @@
+import type { Size } from '@digdir/designsystemet/types';
 import type { HTMLAttributes, ReactNode } from 'react';
-import type { DefaultProps, Size } from '../../types';
+import type { DefaultProps } from '../../types';
 import type { MergeRight } from '../../utilities';
 export type AvatarProps = MergeRight<DefaultProps & HTMLAttributes<HTMLSpanElement>, {
     /**

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":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD,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;;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;IA3Cf;;OAEG;kBACW,MAAM;IACpB;;OAEG;kBACW,IAAI,GAAG,IAAI;IACzB;;;;OAIG;cACO,QAAQ,GAAG,QAAQ;IAC7B;;OAEG;eACQ,MAAM;IACjB;;;;OAIG;eACQ,SAAS;yCAkDtB,CAAC"}
+{"version":3,"file":"avatar.d.ts","sourceRoot":"","sources":["../../../src/components/avatar/avatar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,8BAA8B,CAAC;AAGzD,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAChD,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;;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;IA3Cf;;OAEG;kBACW,MAAM;IACpB;;OAEG;kBACW,IAAI,GAAG,IAAI;IACzB;;;;OAIG;cACO,QAAQ,GAAG,QAAQ;IAC7B;;OAEG;eACQ,MAAM;IACjB;;;;OAIG;eACQ,SAAS;yCAkDtB,CAAC"}

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

@@ -1,4 +1,4 @@
-import type { Color, SeverityColors } from '@digdir/designsystemet-react/colors';
+import type { Color, SeverityColors } from '@digdir/designsystemet/types';
 import { type HTMLAttributes } from 'react';
 import type { DefaultProps } from '../../types';
 import type { MergeRight } from '../../utilities';

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":"AAAA,OAAO,KAAK,EACV,KAAK,EACL,cAAc,EACf,MAAM,qCAAqC,CAAC;AAE7C,OAAO,EAAc,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AACxD,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,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;;OAIG;IACH,OAAO,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC;IAC5B;;OAEG;IACH,YAAY,CAAC,EAAE,KAAK,GAAG,cAAc,CAAC;IACtC,QAAQ,CAAC,EAAE,KAAK,CAAC;CAClB,CACF,CAAC;AAEF;;;;;;;;;;GAUG;AACH,eAAO,MAAM,KAAK;IAjCd;;OAEG;YACK,MAAM;IACd;;OAEG;eACQ,MAAM;IACjB;;;;OAIG;cACO,MAAM,GAAG,QAAQ;IAC3B;;OAEG;mBACY,KAAK,GAAG,cAAc;eAC1B,KAAK;yCA8BlB,CAAC"}
+{"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["../../../src/components/badge/badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAE1E,OAAO,EAAc,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AACxD,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,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;;OAIG;IACH,OAAO,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC;IAC5B;;OAEG;IACH,YAAY,CAAC,EAAE,KAAK,GAAG,cAAc,CAAC;IACtC,QAAQ,CAAC,EAAE,KAAK,CAAC;CAClB,CACF,CAAC;AAEF;;;;;;;;;;GAUG;AACH,eAAO,MAAM,KAAK;IAjCd;;OAEG;YACK,MAAM;IACd;;OAEG;eACQ,MAAM;IACjB;;;;OAIG;cACO,MAAM,GAAG,QAAQ;IAC3B;;OAEG;mBACY,KAAK,GAAG,cAAc;eAC1B,KAAK;yCA8BlB,CAAC"}

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

@@ -9,7 +9,7 @@ declare const Badge: React.ForwardRefExoticComponent<Omit<import("../../types").
     count?: number;
     maxCount?: number;
     variant?: "base" | "tinted";
-    'data-color'?: import("../../colors").Color | import("../../colors").SeverityColors;
+    'data-color'?: import("packages/cli/dist/src/types").Color | import("packages/cli/dist/src/types").SeverityColors;
     children?: never;
 } & React.RefAttributes<HTMLSpanElement>> & {
     Position: React.ForwardRefExoticComponent<Omit<import("../../types").DefaultProps & React.HTMLAttributes<HTMLSpanElement>, "placement" | "overlap"> & {

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

@@ -1,11 +1,56 @@
+import { Breadcrumbs as BreadcrumbsParent } from './breadcrumbs';
 import { BreadcrumbsItem } from './breadcrumbs-item';
 import { BreadcrumbsLink } from './breadcrumbs-link';
 import { BreadcrumbsList } from './breadcrumbs-list';
+type Breadcrumbs = typeof BreadcrumbsParent & {
+    /**
+     * Component that provides a Breadcrumbs item.
+     *
+     * Place as a descendant of `Breadcrumbs.List`
+     *
+     * @example
+     * <Breadcrumbs.List>
+     *   <Breadcrumbs.Item>
+     *     <Breadcrumbs.Link href='#'>Nivå 1</Breadcrumbs.Link>
+     *   </Breadcrumbs.Item>
+     * </Breadcrumbs.List>
+     */
+    Item: typeof BreadcrumbsItem;
+    /**
+     * Component that provides a link for the Breadcrumbs.
+     *
+     * Place as a descendant of `Breadcrumbs`
+     *
+     * @example
+     * <Breadcrumbs>
+     *   <Breadcrumbs.Link href='#'>Nivå 1</Breadcrumbs.Link>
+     * </Breadcrumbs>
+     */
+    Link: typeof BreadcrumbsLink;
+    /**
+     * Component that provides a list of Breadcrumbs items.
+     *
+     * Place as a descendant of `Breadcrumbs`
+     *
+     * @example
+     * <Breadcrumbs>
+     *   <Breadcrumbs.List>
+     *     <Breadcrumbs.Item>
+     *       <Breadcrumbs.Link href='#'>Nivå 1</Breadcrumbs.Link>
+     *     </Breadcrumbs.Item>
+     *     <Breadcrumbs.Item>
+     *       <Breadcrumbs.Link href='#'>Nivå 2</Breadcrumbs.Link>
+     *     </Breadcrumbs.Item>
+     *   </Breadcrumbs.List>
+     * </Breadcrumbs>
+     */
+    List: typeof BreadcrumbsList;
+};
 /**
  * `Breadcrumbs` is a component that displays a list of breadcrumbs.
  *
  * @example
- * <Breadcrumbs aria-label='Du er her:' {...args}>
+ * <Breadcrumbs aria-label='Du er her:'>
  *  <Breadcrumbs.Link href='#' aria-label='Tilbake til Nivå 1'>
  *    Nivå 1
  *  </Breadcrumbs.Link>
@@ -19,19 +64,10 @@ import { BreadcrumbsList } from './breadcrumbs-list';
  *  </Breadcrumbs.List>
  * </Breadcrumbs>
  */
-export declare const Breadcrumbs: React.ForwardRefExoticComponent<Omit<import("../../types").DefaultProps & React.HTMLAttributes<HTMLElement>, "aria-label"> & {
-    'aria-label'?: string;
-} & React.RefAttributes<HTMLElement>> & {
-    List: React.ForwardRefExoticComponent<import("./breadcrumbs-list").BreadcrumbsListProps & React.RefAttributes<HTMLOListElement>>;
-    Item: React.ForwardRefExoticComponent<import("./breadcrumbs-item").BreadcrumbsItemProps & React.RefAttributes<HTMLLIElement>>;
-    Link: React.ForwardRefExoticComponent<Omit<import("../../types").DefaultProps & React.AnchorHTMLAttributes<HTMLAnchorElement>, "children" | "asChild"> & {
-        children: React.ReactNode;
-        asChild?: boolean;
-    } & React.RefAttributes<HTMLAnchorElement>>;
-};
+declare const BreadcrumbsComponent: Breadcrumbs;
 export type { BreadcrumbsProps } from './breadcrumbs';
 export type { BreadcrumbsItemProps } from './breadcrumbs-item';
 export type { BreadcrumbsLinkProps } from './breadcrumbs-link';
 export type { BreadcrumbsListProps } from './breadcrumbs-list';
-export { BreadcrumbsList, BreadcrumbsItem, BreadcrumbsLink };
+export { BreadcrumbsComponent as Breadcrumbs, 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":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAErD;;;;;;;;;;;;;;;;;GAiBG;AACH,eAAO,MAAM,WAAW;;;;;;;;;CAItB,CAAC;AAMH,YAAY,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACtD,YAAY,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAC;AAC/D,YAAY,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAC;AAC/D,YAAY,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAC;AAC/D,OAAO,EAAE,eAAe,EAAE,eAAe,EAAE,eAAe,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/breadcrumbs/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,IAAI,iBAAiB,EAAE,MAAM,eAAe,CAAC;AACjE,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAErD,KAAK,WAAW,GAAG,OAAO,iBAAiB,GAAG;IAC5C;;;;;;;;;;;OAWG;IACH,IAAI,EAAE,OAAO,eAAe,CAAC;IAC7B;;;;;;;;;OASG;IACH,IAAI,EAAE,OAAO,eAAe,CAAC;IAC7B;;;;;;;;;;;;;;;;OAgBG;IACH,IAAI,EAAE,OAAO,eAAe,CAAC;CAC9B,CAAC;AAEF;;;;;;;;;;;;;;;;;GAiBG;AACH,QAAA,MAAM,oBAAoB,EAAE,WAI1B,CAAC;AAMH,YAAY,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACtD,YAAY,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAC;AAC/D,YAAY,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAC;AAC/D,YAAY,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAC;AAC/D,OAAO,EACL,oBAAoB,IAAI,WAAW,EACnC,eAAe,EACf,eAAe,EACf,eAAe,GAChB,CAAC"}

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

@@ -1,4 +1,4 @@
-import type { Color, SeverityDanger } from '@digdir/designsystemet-react/colors';
+import type { Color, SeverityColors } from '@digdir/designsystemet/types';
 import type { ButtonHTMLAttributes, ReactNode } from 'react';
 import type { DefaultProps } from '../../types';
 import type { MergeRight } from '../../utilities';
@@ -11,7 +11,7 @@ export type ButtonProps = MergeRight<DefaultProps & ButtonHTMLAttributes<HTMLBut
     /**
      * Change the color scheme of the button
      */
-    'data-color'?: Color | SeverityDanger;
+    'data-color'?: Color | Extract<SeverityColors, 'danger'>;
     /**
      * Toggle icon only styling, pass icon as children
      * @default false
@@ -50,7 +50,7 @@ export declare const Button: React.ForwardRefExoticComponent<Omit<DefaultProps &
     /**
      * Change the color scheme of the button
      */
-    'data-color'?: Color | SeverityDanger;
+    'data-color'?: Color | Extract<SeverityColors, "danger">;
     /**
      * Toggle icon only styling, pass icon as children
      * @default false

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":"AAAA,OAAO,KAAK,EACV,KAAK,EACL,cAAc,EACf,MAAM,qCAAqC,CAAC;AAG7C,OAAO,KAAK,EAAE,oBAAoB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE7D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAGlD,MAAM,MAAM,WAAW,GAAG,UAAU,CAClC,YAAY,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,EACtD;IACE;;;OAGG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,UAAU,CAAC;IAC/C;;OAEG;IACH,YAAY,CAAC,EAAE,KAAK,GAAG,cAAc,CAAC;IACtC;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;;;;OAKG;IACH,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC9B;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,IAAI,CAAC,EAAE,oBAAoB,CAAC,iBAAiB,CAAC,CAAC,MAAM,CAAC,CAAC;CACxD,CACF,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,MAAM;IAxCf;;;OAGG;cACO,SAAS,GAAG,WAAW,GAAG,UAAU;IAC9C;;OAEG;mBACY,KAAK,GAAG,cAAc;IACrC;;;OAGG;WACI,OAAO;IACd;;;;;OAKG;cACO,OAAO,GAAG,SAAS;IAC7B;;;OAGG;cACO,OAAO;IACjB;;;OAGG;WACI,oBAAoB,CAAC,iBAAiB,CAAC,CAAC,MAAM,CAAC;2CAgDzD,CAAC"}
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../src/components/button/button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAG1E,OAAO,KAAK,EAAE,oBAAoB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE7D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAGlD,MAAM,MAAM,WAAW,GAAG,UAAU,CAClC,YAAY,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,EACtD;IACE;;;OAGG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,UAAU,CAAC;IAC/C;;OAEG;IACH,YAAY,CAAC,EAAE,KAAK,GAAG,OAAO,CAAC,cAAc,EAAE,QAAQ,CAAC,CAAC;IACzD;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;;;;OAKG;IACH,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC9B;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,IAAI,CAAC,EAAE,oBAAoB,CAAC,iBAAiB,CAAC,CAAC,MAAM,CAAC,CAAC;CACxD,CACF,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,MAAM;IAxCf;;;OAGG;cACO,SAAS,GAAG,WAAW,GAAG,UAAU;IAC9C;;OAEG;mBACY,KAAK,GAAG,OAAO,CAAC,cAAc,EAAE,QAAQ,CAAC;IACxD;;;OAGG;WACI,OAAO;IACd;;;;;OAKG;cACO,OAAO,GAAG,SAAS;IAC7B;;;OAGG;cACO,OAAO;IACjB;;;OAGG;WACI,oBAAoB,CAAC,iBAAiB,CAAC,CAAC,MAAM,CAAC;2CAgDzD,CAAC"}

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

@@ -1,4 +1,20 @@
+import { Card as CardParent } from './card';
 import { CardBlock } from './card-block';
+type Card = typeof CardParent & {
+    /**
+     * Use `Card.Block` to segment content with divider lines or to add full-bleed pictures/video
+     *
+     * Place as a descendant of `Card`
+     *
+     * @example
+     * <Card>
+     *   <Card.Block>Header</Card.Block>
+     *   <Card.Block>Content</Card.Block>
+     *   <Card.Block>Footer</Card.Block>
+     * </Card>
+     */
+    Block: typeof CardBlock;
+};
 /**
  * Card component to present content in a structured way.
  *
@@ -9,16 +25,8 @@ import { CardBlock } from './card-block';
  *  <Card.Block>Footer</Card.Block>
  * </Card>
  */
-declare const Card: React.ForwardRefExoticComponent<Omit<import("../../types").DefaultProps & React.HTMLAttributes<HTMLDivElement>, "children" | "variant" | "asChild"> & {
-    variant?: "default" | "tinted";
-    asChild?: boolean;
-    children: React.ReactNode;
-} & React.RefAttributes<HTMLDivElement>> & {
-    Block: React.ForwardRefExoticComponent<{
-        asChild?: boolean;
-    } & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
-};
+declare const CardComponent: Card;
 export type { CardProps } from './card';
 export type { CardBlockProps } from './card-block';
-export { Card, CardBlock };
+export { CardComponent as 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":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzC;;;;;;;;;GASG;AACH,QAAA,MAAM,IAAI;;;;;;;;CAER,CAAC;AAIH,YAAY,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AACxC,YAAY,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AACnD,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/card/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,IAAI,UAAU,EAAE,MAAM,QAAQ,CAAC;AAC5C,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzC,KAAK,IAAI,GAAG,OAAO,UAAU,GAAG;IAC9B;;;;;;;;;;;OAWG;IACH,KAAK,EAAE,OAAO,SAAS,CAAC;CACzB,CAAC;AACF;;;;;;;;;GASG;AACH,QAAA,MAAM,aAAa,EAAE,IAEnB,CAAC;AAIH,YAAY,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AACxC,YAAY,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AACnD,OAAO,EAAE,aAAa,IAAI,IAAI,EAAE,SAAS,EAAE,CAAC"}

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

@@ -1,18 +1,37 @@
 import { ChipButton, ChipCheckbox, ChipRadio, ChipRemovable } from './chips';
-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>, "type" | "size">, "asChild"> & {
-        asChild?: boolean;
-    } & React.RefAttributes<HTMLLabelElement>>;
-    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"> & {
-        asChild?: boolean;
-    } & React.RefAttributes<HTMLButtonElement>>;
+type Chip = {
+    /**
+     * Chip.Button used for interaction
+     *
+     * @example
+     * <Chip.Button>Click me</Chip.Button>
+     */
+    Button: typeof ChipButton;
+    /**
+     * Chip.Checkbox used for multiselection
+     *
+     * @example
+     * <Chip.Checkbox name="language" value="nynorsk">Nynorsk</Chip.Checkbox>
+     * <Chip.Checkbox name="language" value="bokmål">Bokmål</Chip.Checkbox>
+     */
+    Checkbox: typeof ChipCheckbox;
+    /**
+     * 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>
+     */
+    Radio: typeof ChipRadio;
+    /**
+     * Chip.Removable used for interaction
+     *
+     * @example
+     * <Chip.Removable>Click to remove me</Chip.Removable>
+     */
+    Removable: typeof ChipRemovable;
 };
+declare const ChipComponent: Chip;
 export type { ChipButtonProps, ChipCheckboxProps, ChipRadioProps, ChipRemovableProps, } from './chips';
-export { Chip, ChipButton, ChipCheckbox, ChipRadio, ChipRemovable };
+export { ChipComponent as Chip, ChipButton, ChipCheckbox, ChipRadio, ChipRemovable, };
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/chip/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,YAAY,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAE7E,QAAA,MAAM,IAAI;;;;;;;;;;;;;CAKT,CAAC;AAOF,YAAY,EACV,eAAe,EACf,iBAAiB,EACjB,cAAc,EACd,kBAAkB,GACnB,MAAM,SAAS,CAAC;AACjB,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,YAAY,EAAE,SAAS,EAAE,aAAa,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/chip/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,YAAY,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAE7E,KAAK,IAAI,GAAG;IACV;;;;;OAKG;IACH,MAAM,EAAE,OAAO,UAAU,CAAC;IAC1B;;;;;;OAMG;IACH,QAAQ,EAAE,OAAO,YAAY,CAAC;IAC9B;;;;;;OAMG;IACH,KAAK,EAAE,OAAO,SAAS,CAAC;IACxB;;;;;OAKG;IACH,SAAS,EAAE,OAAO,aAAa,CAAC;CACjC,CAAC;AAEF,QAAA,MAAM,aAAa,EAAE,IAKpB,CAAC;AAOF,YAAY,EACV,eAAe,EACf,iBAAiB,EACjB,cAAc,EACd,kBAAkB,GACnB,MAAM,SAAS,CAAC;AACjB,OAAO,EACL,aAAa,IAAI,IAAI,EACrB,UAAU,EACV,YAAY,EACZ,SAAS,EACT,aAAa,GACd,CAAC"}

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

@@ -1,5 +1,22 @@
+import { Details as DetailsParent } from './details';
 import { DetailsContent } from './details-content';
 import { DetailsSummary } from './details-summary';
+type Details = typeof DetailsParent & {
+    /**
+     * Details summary component, contains a the heading to toggle the content.
+     *
+     * @example
+     * <Details.Summary>Heading</Details.Summary>
+     */
+    Summary: typeof DetailsSummary;
+    /**
+     * Details content component, contains the content of the details item.
+     *
+     * @example
+     * <DetailsContent>Content</DetailsContent>
+     */
+    Content: typeof DetailsContent;
+};
 /**
  * Details component, contains `Details.Summary` and `Details.Content` components.
  *
@@ -9,14 +26,9 @@ import { DetailsSummary } from './details-summary';
  *  <Details.Content>Content</Details.Content>
  * </Details>
  */
-declare const Details: React.ForwardRefExoticComponent<import("./details").DetailsProps & React.RefAttributes<HTMLDetailsElement>> & {
-    Summary: React.ForwardRefExoticComponent<{
-        children: React.ReactNode;
-    } & React.HTMLAttributes<HTMLElement> & React.RefAttributes<HTMLElement>>;
-    Content: React.ForwardRefExoticComponent<import("./details-content").DetailsContentProps & React.RefAttributes<HTMLDivElement>>;
-};
+declare const DetailsComponent: Details;
 export type { DetailsProps } from './details';
 export type { DetailsContentProps } from './details-content';
 export type { DetailsSummaryProps } from './details-summary';
-export { Details, DetailsContent, DetailsSummary };
+export { DetailsComponent as Details, DetailsContent, DetailsSummary };
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/details/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAEnD;;;;;;;;GAQG;AACH,QAAA,MAAM,OAAO;;;;;CAGX,CAAC;AAKH,YAAY,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAC9C,YAAY,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAC7D,YAAY,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAC7D,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/details/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,WAAW,CAAC;AACrD,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAEnD,KAAK,OAAO,GAAG,OAAO,aAAa,GAAG;IACpC;;;;;OAKG;IACH,OAAO,EAAE,OAAO,cAAc,CAAC;IAC/B;;;;;OAKG;IACH,OAAO,EAAE,OAAO,cAAc,CAAC;CAChC,CAAC;AAEF;;;;;;;;GAQG;AACH,QAAA,MAAM,gBAAgB,EAAE,OAGtB,CAAC;AAKH,YAAY,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAC9C,YAAY,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAC7D,YAAY,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAC7D,OAAO,EAAE,gBAAgB,IAAI,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,CAAC"}

package/dist/types/components/dialog/dialog-trigger.d.ts

@@ -14,7 +14,7 @@ export type DialogTriggerProps = ComponentPropsWithRef<typeof Button>;
  */
 export declare const DialogTrigger: React.ForwardRefExoticComponent<Omit<Omit<import("../../types").DefaultProps & React.ButtonHTMLAttributes<HTMLButtonElement>, "type" | "data-color" | "variant" | "icon" | "loading" | "asChild"> & {
     variant?: "primary" | "secondary" | "tertiary";
-    'data-color'?: import("../../colors").Color | import("../../colors").SeverityDanger;
+    'data-color'?: import("packages/cli/dist/src/types").Color | Extract<import("packages/cli/dist/src/types").SeverityColors, "danger">;
     icon?: boolean;
     loading?: boolean | React.ReactNode;
     asChild?: boolean;

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

@@ -1 +1 @@
-{"version":3,"file":"dialog.d.ts","sourceRoot":"","sources":["../../../src/components/dialog/dialog.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAElD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAKlD,MAAM,MAAM,WAAW,GAAG,UAAU,CAClC,YAAY,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,EACtD;IACE;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC;IAC7B;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,GAAG,cAAc,GAAG,KAAK,CAAC;IAC3C;;;;;;OAMG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IACjC;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CACF,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,eAAO,MAAM,MAAM;IA1Df;;;OAGG;kBACW,MAAM,GAAG,KAAK;IAC5B;;;;OAIG;eACQ,MAAM,GAAG,cAAc,GAAG,KAAK;IAC1C;;;;;;OAMG;YACK,OAAO;IACf;;OAEG;WACI,OAAO;IACd;;OAEG;cACO,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI;IAChC;;;OAGG;cACO,OAAO;2CAoHpB,CAAC"}
+{"version":3,"file":"dialog.d.ts","sourceRoot":"","sources":["../../../src/components/dialog/dialog.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAElD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAKlD,MAAM,MAAM,WAAW,GAAG,UAAU,CAClC,YAAY,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,EACtD;IACE;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC;IAC7B;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,GAAG,cAAc,GAAG,KAAK,CAAC;IAC3C;;;;;;OAMG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IACjC;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CACF,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,eAAO,MAAM,MAAM;IA1Df;;;OAGG;kBACW,MAAM,GAAG,KAAK;IAC5B;;;;OAIG;eACQ,MAAM,GAAG,cAAc,GAAG,KAAK;IAC1C;;;;;;OAMG;YACK,OAAO;IACf;;OAEG;WACI,OAAO;IACd;;OAEG;cACO,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI;IAChC;;;OAGG;cACO,OAAO;2CAqHpB,CAAC"}

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

@@ -1,6 +1,50 @@
+import { Dialog as DialogParent } from './dialog';
 import { DialogBlock } from './dialog-block';
 import { DialogTrigger } from './dialog-trigger';
 import { DialogTriggerContext } from './dialog-trigger-context';
+type Dialog = typeof DialogParent & {
+    /**
+     * DialogTriggerContext component, used to provide a context for a dialog trigger.
+     *
+     * @example
+     * <Dialog.TriggerContext>
+     *   <Dialog.Trigger>Open Dialog</Dialog.Trigger>
+     *   <Dialog>
+     *     Content
+     *   </Dialog>
+     * </Dialog.TriggerContext>
+     */
+    TriggerContext: typeof DialogTriggerContext;
+    /**
+     * DialogTrigger component, used within a Dialog.TriggerContext to open a dialog.
+     *
+     * @example
+     * <Dialog.TriggerContext>
+     *   <Dialog.Trigger>Open Dialog</Dialog.Trigger>
+     *   <Dialog>
+     *     Content
+     *   </Dialog>
+     * </Dialog.TriggerContext>
+     */
+    Trigger: typeof DialogTrigger;
+    /**
+     * DialogBlock component, used to separate content in a Dialog.
+     *
+     * @example
+     * <Dialog>
+     *   <Dialog.Block>
+     *     Header
+     *   </Dialog.Block>
+     *   <Dialog.Block>
+     *     Content
+     *   </Dialog.Block>
+     *   <Dialog.Block>
+     *     Footer
+     *   </Dialog.Block>
+     * </Dialog>
+     */
+    Block: typeof DialogBlock;
+};
 /**
  * Dialog component, used to display a Dialog dialog.
  *
@@ -14,33 +58,10 @@ import { DialogTriggerContext } from './dialog-trigger-context';
  *   </Dialog>
  * </Dialog.TriggerContext>
  */
-declare const Dialog: React.ForwardRefExoticComponent<Omit<import("../../types").DefaultProps & React.DialogHTMLAttributes<HTMLDialogElement>, "asChild" | "open" | "onClose" | "closeButton" | "closedby" | "modal"> & {
-    closeButton?: string | false;
-    closedby?: "none" | "closerequest" | "any";
-    modal?: boolean;
-    open?: boolean;
-    onClose?: (event: Event) => void;
-    asChild?: boolean;
-} & React.RefAttributes<HTMLDialogElement>> & {
-    Block: React.ForwardRefExoticComponent<{
-        asChild?: boolean;
-    } & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
-    TriggerContext: {
-        ({ children, }: import("./dialog-trigger-context").DialogTriggerContextProps): import("react/jsx-runtime").JSX.Element;
-        displayName: string;
-    };
-    Trigger: React.ForwardRefExoticComponent<Omit<Omit<import("../../types").DefaultProps & React.ButtonHTMLAttributes<HTMLButtonElement>, "type" | "data-color" | "variant" | "icon" | "loading" | "asChild"> & {
-        variant?: "primary" | "secondary" | "tertiary";
-        'data-color'?: import("../../colors").Color | import("../../colors").SeverityDanger;
-        icon?: boolean;
-        loading?: boolean | React.ReactNode;
-        asChild?: boolean;
-        type?: React.ButtonHTMLAttributes<HTMLButtonElement>["type"];
-    } & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
-};
+declare const DialogComponent: Dialog;
 export type { DialogProps } from './dialog';
 export type { DialogBlockProps } from './dialog-block';
 export type { DialogTriggerProps } from './dialog-trigger';
 export type { DialogTriggerContextProps } from './dialog-trigger-context';
-export { Dialog, DialogBlock, DialogTriggerContext, DialogTrigger };
+export { DialogComponent as Dialog, DialogBlock, DialogTriggerContext, DialogTrigger, };
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/dialog/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,EAAE,oBAAoB,EAAE,MAAM,0BAA0B,CAAC;AAEhE;;;;;;;;;;;;GAYG;AACH,QAAA,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;CAIV,CAAC;AAMH,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAC5C,YAAY,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AACvD,YAAY,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAC3D,YAAY,EAAE,yBAAyB,EAAE,MAAM,0BAA0B,CAAC;AAC1E,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,oBAAoB,EAAE,aAAa,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/dialog/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,IAAI,YAAY,EAAE,MAAM,UAAU,CAAC;AAClD,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,EAAE,oBAAoB,EAAE,MAAM,0BAA0B,CAAC;AAEhE,KAAK,MAAM,GAAG,OAAO,YAAY,GAAG;IAClC;;;;;;;;;;OAUG;IACH,cAAc,EAAE,OAAO,oBAAoB,CAAC;IAC5C;;;;;;;;;;OAUG;IACH,OAAO,EAAE,OAAO,aAAa,CAAC;IAC9B;;;;;;;;;;;;;;;OAeG;IACH,KAAK,EAAE,OAAO,WAAW,CAAC;CAC3B,CAAC;AAEF;;;;;;;;;;;;GAYG;AACH,QAAA,MAAM,eAAe,EAAE,MAIrB,CAAC;AAMH,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAC5C,YAAY,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AACvD,YAAY,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAC3D,YAAY,EAAE,yBAAyB,EAAE,MAAM,0BAA0B,CAAC;AAC1E,OAAO,EACL,eAAe,IAAI,MAAM,EACzB,WAAW,EACX,oBAAoB,EACpB,aAAa,GACd,CAAC"}

package/dist/types/components/dropdown/dropdown-button.d.ts

@@ -1,4 +1,16 @@
 import { type ButtonProps } from '../button/button';
 export type DropdownButtonProps = Omit<ButtonProps, 'variant'>;
+/**
+ * DropdownButton component, used to display a button in the DropdownItem.
+ *
+ * @example
+ * <Dropdown>
+ *  <DropdownList>
+ *    <DropdownItem>
+ *      <DropdownButton>Button</DropdownButton>
+ *    </DropdownItem>
+ *  </DropdownList>
+ * </Dropdown>
+ */
 export declare const DropdownButton: React.ForwardRefExoticComponent<DropdownButtonProps & React.RefAttributes<HTMLButtonElement>>;
 //# sourceMappingURL=dropdown-button.d.ts.map

package/dist/types/components/dropdown/dropdown-button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dropdown-button.d.ts","sourceRoot":"","sources":["../../../src/components/dropdown/dropdown-button.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAE5D,MAAM,MAAM,mBAAmB,GAAG,IAAI,CAAC,WAAW,EAAE,SAAS,CAAC,CAAC;AAE/D,eAAO,MAAM,cAAc,+FAKzB,CAAC"}
+{"version":3,"file":"dropdown-button.d.ts","sourceRoot":"","sources":["../../../src/components/dropdown/dropdown-button.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAE5D,MAAM,MAAM,mBAAmB,GAAG,IAAI,CAAC,WAAW,EAAE,SAAS,CAAC,CAAC;AAE/D;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,cAAc,+FAKzB,CAAC"}