@digdir/designsystemet-react 0.63.0 → 0.100.51-next.51

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

@@ -0,0 +1,20 @@
+import type { HTMLAttributes } from 'react';
+export type TabsTabProps = {
+    /**
+     * Unique value that will be set in the `Tabs` components state when the tab is activated
+     */
+    value: string;
+} & Omit<HTMLAttributes<HTMLButtonElement>, 'value'>;
+/**
+ * A single item in a Tabs component.
+ *
+ * @example
+ * <Tabs.Tab value='1'>Tab 1</Tabs.Tab>
+ */
+export declare const TabsTab: React.ForwardRefExoticComponent<{
+    /**
+     * Unique value that will be set in the `Tabs` components state when the tab is activated
+     */
+    value: string;
+} & Omit<HTMLAttributes<HTMLButtonElement>, "value"> & React.RefAttributes<HTMLButtonElement>>;
+//# sourceMappingURL=TabsTab.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TabsTab.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/TabsTab.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAM5C,MAAM,MAAM,YAAY,GAAG;IACzB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;CACf,GAAG,IAAI,CAAC,cAAc,CAAC,iBAAiB,CAAC,EAAE,OAAO,CAAC,CAAC;AAErD;;;;;GAKG;AACH,eAAO,MAAM,OAAO;IAZlB;;OAEG;WACI,MAAM;8FA4Bd,CAAC"}

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

@@ -1,15 +1,37 @@
-import { Tabs as TabsRoot } from './Tabs';
-import { Tab } from './Tab';
-import { TabList } from './TabList';
-import { TabContent } from './TabContent';
-export type { TabsProps } from './Tabs';
-export type { TabProps } from './Tab';
-export type { TabContentProps } from './TabContent';
-type TabsComponent = typeof TabsRoot & {
-    Tab: typeof Tab;
-    List: typeof TabList;
-    Content: typeof TabContent;
+import { TabsList } from './TabsList';
+import { TabsPanel } from './TabsPanel';
+import { TabsTab } from './TabsTab';
+/**
+ * Display a group of tabs that can be toggled between.
+ *
+ * @example
+ * <Tabs onChange={(value) => console.log(value)}>
+ *   <Tabs.List>
+ *     <Tabs.Tab value='1'>Tab 1</Tabs.Tab>
+ *     <Tabs.Tab value='2'>Tab 2</Tabs.Tab>
+ *     <Tabs.Tab value='3'>Tab 3</Tabs.Tab>
+ *   </Tabs.List>
+ *   <Tabs.Panel value='1'>content 1</Tabs.Panel>
+ *   <Tabs.Panel value='2'>content 2</Tabs.Panel>
+ *   <Tabs.Panel value='3'>content 3</Tabs.Panel>
+ * </Tabs>
+ */
+declare const Tabs: React.ForwardRefExoticComponent<Omit<import("../../types").DefaultProps & Omit<React.HTMLAttributes<HTMLDivElement>, "value" | "onChange">, "value" | "onChange" | "defaultValue"> & {
+    value?: string;
+    defaultValue?: string;
+    onChange?: (value: string) => void;
+} & React.RefAttributes<HTMLDivElement>> & {
+    List: React.ForwardRefExoticComponent<import("./TabsList").TabsListProps & React.RefAttributes<HTMLDivElement>>;
+    Tab: React.ForwardRefExoticComponent<{
+        value: string;
+    } & Omit<React.HTMLAttributes<HTMLButtonElement>, "value"> & React.RefAttributes<HTMLButtonElement>>;
+    Panel: React.ForwardRefExoticComponent<{
+        value: string;
+    } & Omit<React.HTMLAttributes<HTMLDivElement>, "value"> & React.RefAttributes<HTMLDivElement>>;
 };
-declare const Tabs: TabsComponent;
-export { Tabs, Tab, TabList, TabContent };
+export type { TabsProps } from './Tabs';
+export type { TabsListProps } from './TabsList';
+export type { TabsTabProps } from './TabsTab';
+export type { TabsPanelProps } from './TabsPanel';
+export { Tabs, TabsTab, TabsList, TabsPanel };
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Tabs/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,IAAI,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAC1C,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAC5B,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,YAAY,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AACxC,YAAY,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACtC,YAAY,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAEpD,KAAK,aAAa,GAAG,OAAO,QAAQ,GAAG;IACrC,GAAG,EAAE,OAAO,GAAG,CAAC;IAChB,IAAI,EAAE,OAAO,OAAO,CAAC;IACrB,OAAO,EAAE,OAAO,UAAU,CAAC;CAC5B,CAAC;AAEF,QAAA,MAAM,IAAI,eAA4B,CAAC;AAUvC,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,OAAO,EAAE,UAAU,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAEpC;;;;;;;;;;;;;;GAcG;AACH,QAAA,MAAM,IAAI;;;;;;;;;;;;CAIR,CAAC;AAMH,YAAY,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AACxC,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAChD,YAAY,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAC9C,YAAY,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAClD,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,CAAC"}

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

@@ -1,29 +1,11 @@
 import type { HTMLAttributes } from 'react';
-import type { ParagraphProps } from '../Typography';
-type Size = Exclude<ParagraphProps['size'], 'xsmall' | 'xs'>;
-export type TagProps = {
-    /** Color of the tag
-     * @default neutral
-     */
-    color?: 'neutral' | 'success' | 'warning' | 'danger' | 'info' | 'first' | 'second' | 'third';
-    /**
-     * Size of the tag
-     * @default md
-     * @note `small`, `medium`, `large` is deprecated
-     */
-    size?: Size;
-} & HTMLAttributes<HTMLSpanElement>;
-export declare const Tag: import("react").ForwardRefExoticComponent<{
-    /** Color of the tag
-     * @default neutral
-     */
-    color?: "first" | "second" | "success" | "danger" | "info" | "warning" | "third" | "neutral" | undefined;
-    /**
-     * Size of the tag
-     * @default md
-     * @note `small`, `medium`, `large` is deprecated
-     */
-    size?: Size;
-} & HTMLAttributes<HTMLSpanElement> & import("react").RefAttributes<HTMLSpanElement>>;
-export {};
+import type { DefaultProps } from '../../types';
+export type TagProps = DefaultProps & HTMLAttributes<HTMLSpanElement>;
+/**
+ * Use `Tag` to display categories or statuses.
+ *
+ * @example
+ * <Tag>Melk</Tag>
+ */
+export declare const Tag: React.ForwardRefExoticComponent<DefaultProps & HTMLAttributes<HTMLSpanElement> & React.RefAttributes<HTMLSpanElement>>;
 //# sourceMappingURL=Tag.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Tag.d.ts","sourceRoot":"","sources":["../../../../src/components/Tag/Tag.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAI5C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAIpD,KAAK,IAAI,GAAG,OAAO,CAAC,cAAc,CAAC,MAAM,CAAC,EAAE,QAAQ,GAAG,IAAI,CAAC,CAAC;AAE7D,MAAM,MAAM,QAAQ,GAAG;IACrB;;OAEG;IACH,KAAK,CAAC,EACF,SAAS,GACT,SAAS,GACT,SAAS,GACT,QAAQ,GACR,MAAM,GACN,OAAO,GACP,QAAQ,GACR,OAAO,CAAC;IACZ;;;;OAIG;IACH,IAAI,CAAC,EAAE,IAAI,CAAC;CACb,GAAG,cAAc,CAAC,eAAe,CAAC,CAAC;AAEpC,eAAO,MAAM,GAAG;IApBd;;OAEG;;IAUH;;;;OAIG;WACI,IAAI;qFA2BZ,CAAC"}
+{"version":3,"file":"Tag.d.ts","sourceRoot":"","sources":["../../../src/components/Tag/Tag.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAEhD,MAAM,MAAM,QAAQ,GAAG,YAAY,GAAG,cAAc,CAAC,eAAe,CAAC,CAAC;AAEtE;;;;;GAKG;AACH,eAAO,MAAM,GAAG,wHAKd,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Tag/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAC5B,YAAY,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Tag/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAC5B,YAAY,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC"}

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

@@ -0,0 +1,11 @@
+import type { TextareaHTMLAttributes } from 'react';
+import type { DefaultProps } from '../../types';
+export type TextareaProps = TextareaHTMLAttributes<HTMLTextAreaElement> & Omit<DefaultProps, 'data-color'>;
+/**
+ * Native HTML textarea element.
+ *
+ * @example
+ * <Textarea />
+ */
+export declare const Textarea: React.ForwardRefExoticComponent<TextareaHTMLAttributes<HTMLTextAreaElement> & Omit<DefaultProps, "data-color"> & React.RefAttributes<HTMLTextAreaElement>>;
+//# sourceMappingURL=Textarea.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Textarea.d.ts","sourceRoot":"","sources":["../../../src/components/Textarea/Textarea.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,OAAO,CAAC;AAEpD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAEhD,MAAM,MAAM,aAAa,GAAG,sBAAsB,CAAC,mBAAmB,CAAC,GACrE,IAAI,CAAC,YAAY,EAAE,YAAY,CAAC,CAAC;AAEnC;;;;;GAKG;AACH,eAAO,MAAM,QAAQ,4JAMpB,CAAC"}

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

@@ -0,0 +1,3 @@
+export { Textarea } from './Textarea';
+export type { TextareaProps } from './Textarea';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Textarea/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC"}

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

@@ -0,0 +1,74 @@
+import { type ReactNode } from 'react';
+import type { DefaultProps, LabelRequired } from '../../types';
+import { type FieldCounterProps } from '../Field';
+import { type InputProps } from '../Input';
+import { type TextareaProps } from '../Textarea';
+type InputProps_ = Omit<InputProps, 'prefix' | 'className' | 'style' | 'data-color' | 'type'>;
+type TextareaProps_ = Omit<TextareaProps, 'prefix' | 'className' | 'style'>;
+type SharedTextfieldProps = {
+    /**
+     * Classname on the wrapper element `Field`
+     */
+    className?: InputProps['className'];
+    /**
+     * Style on the wrapper element `Field`
+     * @default undefined
+     */
+    style?: InputProps['style'];
+    /**
+     * Label
+     */
+    label?: ReactNode;
+    /**
+     * Description
+     */
+    description?: ReactNode;
+    /**
+     * Prefix
+     */
+    prefix?: string;
+    /**
+     * Suffix
+     */
+    suffix?: string;
+    /**
+     * Error message for field
+     */
+    error?: ReactNode;
+    /**
+     * Uses `Field.Counter` to display a character counter
+     * Pass a number to set a limit, or an object to configure the counter
+     */
+    counter?: FieldCounterProps | number;
+} & LabelRequired & Omit<DefaultProps, 'data-color'>;
+type TextfieldTextareaProps = {
+    /**
+     * Use to render a `Textarea` instead of `Input` for multiline support
+     **/
+    multiline: true;
+} & TextareaProps_;
+type TextfieldInputProps = {
+    /**
+     * Use to render a `Textarea` instead of `Input` for multiline support
+     **/
+    multiline?: never | false;
+    /**
+     * Supported `input` types
+     *
+     * @default 'text'
+     * */
+    type?: Omit<InputProps['type'], 'radio' | 'checkbox' | 'image'>;
+} & InputProps_;
+export type TextfieldProps = SharedTextfieldProps & (TextfieldTextareaProps | TextfieldInputProps);
+/**
+ *  Composed text input component using `Field`
+ *
+ * `classname` & `style` are passed to the wrapper elements.
+ *
+ * Rest props are passed to the `Input` or `Textarea` component.
+ * @example
+ * <Textfield label="Textfield label">
+ */
+export declare const Textfield: React.ForwardRefExoticComponent<TextfieldProps & React.RefAttributes<HTMLInputElement | HTMLTextAreaElement>>;
+export {};
+//# sourceMappingURL=Textfield.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Textfield.d.ts","sourceRoot":"","sources":["../../../src/components/Textfield/Textfield.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAqB,KAAK,SAAS,EAAc,MAAM,OAAO,CAAC;AAEtE,OAAO,KAAK,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAC/D,OAAO,EAIL,KAAK,iBAAiB,EAEvB,MAAM,UAAU,CAAC;AAClB,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,UAAU,CAAC;AAElD,OAAO,EAAY,KAAK,aAAa,EAAE,MAAM,aAAa,CAAC;AAG3D,KAAK,WAAW,GAAG,IAAI,CACrB,UAAU,EACV,QAAQ,GAAG,WAAW,GAAG,OAAO,GAAG,YAAY,GAAG,MAAM,CACzD,CAAC;AACF,KAAK,cAAc,GAAG,IAAI,CAAC,aAAa,EAAE,QAAQ,GAAG,WAAW,GAAG,OAAO,CAAC,CAAC;AAE5E,KAAK,oBAAoB,GAAG;IAC1B;;OAEG;IACH,SAAS,CAAC,EAAE,UAAU,CAAC,WAAW,CAAC,CAAC;IACpC;;;OAGG;IACH,KAAK,CAAC,EAAE,UAAU,CAAC,OAAO,CAAC,CAAC;IAC5B;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;;OAGG;IACH,OAAO,CAAC,EAAE,iBAAiB,GAAG,MAAM,CAAC;CACtC,GAAG,aAAa,GACf,IAAI,CAAC,YAAY,EAAE,YAAY,CAAC,CAAC;AAEnC,KAAK,sBAAsB,GAAG;IAC5B;;QAEI;IACJ,SAAS,EAAE,IAAI,CAAC;CACjB,GAAG,cAAc,CAAC;AAEnB,KAAK,mBAAmB,GAAG;IACzB;;QAEI;IACJ,SAAS,CAAC,EAAE,KAAK,GAAG,KAAK,CAAC;IAC1B;;;;SAIK;IACL,IAAI,CAAC,EAAE,IAAI,CAAC,UAAU,CAAC,MAAM,CAAC,EAAE,OAAO,GAAG,UAAU,GAAG,OAAO,CAAC,CAAC;CACjE,GAAG,WAAW,CAAC;AAEhB,MAAM,MAAM,cAAc,GAAG,oBAAoB,GAC/C,CAAC,sBAAsB,GAAG,mBAAmB,CAAC,CAAC;AAEjD;;;;;;;;GAQG;AACH,eAAO,MAAM,SAAS,+GAgDpB,CAAC"}

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

@@ -0,0 +1,3 @@
+export { Textfield } from './Textfield';
+export type { TextfieldProps } from './Textfield';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Textfield/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,YAAY,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC"}

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

@@ -1,53 +1,57 @@
 import type { HTMLAttributes } from 'react';
-import type { ButtonProps } from '../Button';
+import type { DefaultProps } from '../../types';
+import type { MergeRight } from '../../utilities';
 export type ToggleGroupContextProps = {
     value?: string;
     defaultValue?: string;
     onChange?: (value: string) => void;
     name?: string;
-    size?: ButtonProps['size'];
 };
-export declare const ToggleGroupContext: import("react").Context<ToggleGroupContextProps>;
-export type ToggleGroupProps = {
-    /** Controlled state for `ToggleGroup` component. */
+export declare const ToggleGroupContext: React.Context<ToggleGroupContextProps>;
+export type ToggleGroupProps = MergeRight<DefaultProps & Omit<HTMLAttributes<HTMLDivElement>, 'value' | 'onChange'>, {
+    /**
+     * Controlled state for `ToggleGroup` component.
+     */
     value?: string;
-    /** Default value. */
+    /**
+     * Default value.
+     */
     defaultValue?: string;
-    /** Callback with selected `ToggleGroupItem` `value` */
+    /**
+     * Callback with selected `ToggleGroupItem` `value`
+     */
     onChange?: (value: string) => void;
-    /** Form element name */
-    name?: string;
     /**
-     * Changes items size and paddings
-     * @default md
-     * @note `small`, `medium`, `large` is deprecated
+     * Form element name
      */
-    size?: ToggleGroupContextProps['size'];
-} & Omit<HTMLAttributes<HTMLDivElement>, 'value' | 'onChange'>;
-/** `ToggleGroup` component.
+    name?: string;
+}>;
+/**
+ * Display a group of buttons that can be toggled between.
+ *
  * @example
- * ```tsx
  * <ToggleGroup onChange={(value) => console.log(value)}>
  *   <ToggleGroup.Item value='1'>Toggle 1</ToggleGroup.Item>
  *   <ToggleGroup.Item value='2'>Toggle 2</ToggleGroup.Item>
  *   <ToggleGroup.Item value='3'>Toggle 3</ToggleGroup.Item>
  * </ToggleGroup>
- * ```
  */
-export declare const ToggleGroup: import("react").ForwardRefExoticComponent<{
-    /** Controlled state for `ToggleGroup` component. */
-    value?: string | undefined;
-    /** Default value. */
-    defaultValue?: string | undefined;
-    /** Callback with selected `ToggleGroupItem` `value` */
-    onChange?: ((value: string) => void) | undefined;
-    /** Form element name */
-    name?: string | undefined;
-    /**
-     * Changes items size and paddings
-     * @default md
-     * @note `small`, `medium`, `large` is deprecated
-     */
-    size?: ToggleGroupContextProps['size'];
-} & Omit<HTMLAttributes<HTMLDivElement>, "value" | "onChange"> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const ToggleGroup: React.ForwardRefExoticComponent<Omit<DefaultProps & Omit<HTMLAttributes<HTMLDivElement>, "value" | "onChange">, "name" | "value" | "onChange" | "defaultValue"> & {
+    /**
+     * Controlled state for `ToggleGroup` component.
+     */
+    value?: string;
+    /**
+     * Default value.
+     */
+    defaultValue?: string;
+    /**
+     * Callback with selected `ToggleGroupItem` `value`
+     */
+    onChange?: (value: string) => void;
+    /**
+     * Form element name
+     */
+    name?: string;
+} & React.RefAttributes<HTMLDivElement>>;
 //# sourceMappingURL=ToggleGroup.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ToggleGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/ToggleGroup/ToggleGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAM5C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAE7C,MAAM,MAAM,uBAAuB,GAAG;IACpC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;CAC5B,CAAC;AAEF,eAAO,MAAM,kBAAkB,kDAA6C,CAAC;AAE7E,MAAM,MAAM,gBAAgB,GAAG;IAC7B,oDAAoD;IACpD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,qBAAqB;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,uDAAuD;IACvD,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,wBAAwB;IACxB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;;OAIG;IACH,IAAI,CAAC,EAAE,uBAAuB,CAAC,MAAM,CAAC,CAAC;CACxC,GAAG,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,GAAG,UAAU,CAAC,CAAC;AAE/D;;;;;;;;;GASG;AACH,eAAO,MAAM,WAAW;IA1BtB,oDAAoD;;IAEpD,qBAAqB;;IAErB,uDAAuD;wBACpC,MAAM,KAAK,IAAI;IAClC,wBAAwB;;IAExB;;;;OAIG;WACI,uBAAuB,CAAC,MAAM,CAAC;+GAwEvC,CAAC"}
+{"version":3,"file":"ToggleGroup.d.ts","sourceRoot":"","sources":["../../../src/components/ToggleGroup/ToggleGroup.tsx"],"names":[],"mappings":"AACA,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;AAGlD,MAAM,MAAM,uBAAuB,GAAG;IACpC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,eAAO,MAAM,kBAAkB,wCAA6C,CAAC;AAE7E,MAAM,MAAM,gBAAgB,GAAG,UAAU,CACvC,YAAY,GAAG,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,GAAG,UAAU,CAAC,EACzE;IACE;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CACF,CAAC;AAEF;;;;;;;;;GASG;AACH,eAAO,MAAM,WAAW;IA7BpB;;OAEG;YACK,MAAM;IACd;;OAEG;mBACY,MAAM;IACrB;;OAEG;eACQ,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI;IAClC;;OAEG;WACI,MAAM;wCAyDhB,CAAC"}

package/dist/types/components/ToggleGroup/ToggleGroupItem.d.ts

@@ -0,0 +1,21 @@
+import { type ButtonProps } from '../Button/Button';
+export type ToggleGroupItemProps = {
+    /**
+     * The value of the ToggleGroupItem.
+     * Generates a random value if not set.
+     **/
+    value?: string;
+} & Omit<ButtonProps, 'loading' | 'value'>;
+/**
+ * A single item in a ToggleGroup.
+ * @example
+ * <ToggleGroup.Item value='1'>Toggle 1</ToggleGroup.Item>
+ */
+export declare const ToggleGroupItem: React.ForwardRefExoticComponent<{
+    /**
+     * The value of the ToggleGroupItem.
+     * Generates a random value if not set.
+     **/
+    value?: string;
+} & Omit<ButtonProps, "value" | "loading"> & React.RefAttributes<HTMLButtonElement>>;
+//# sourceMappingURL=ToggleGroupItem.d.ts.map

package/dist/types/components/ToggleGroup/ToggleGroupItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToggleGroupItem.d.ts","sourceRoot":"","sources":["../../../src/components/ToggleGroup/ToggleGroupItem.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAI5D,MAAM,MAAM,oBAAoB,GAAG;IACjC;;;QAGI;IACJ,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,GAAG,IAAI,CAAC,WAAW,EAAE,SAAS,GAAG,OAAO,CAAC,CAAC;AAE3C;;;;GAIG;AACH,eAAO,MAAM,eAAe;IAZ1B;;;QAGI;YACI,MAAM;oFAwBd,CAAC"}

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

@@ -1,10 +1,25 @@
-import { ToggleGroup as ToggleGroupRoot } from './ToggleGroup';
-import { ToggleGroupItem } from './ToggleGroupItem/ToggleGroupItem';
-export type { ToggleGroupProps } from './ToggleGroup';
-export type { ToggleGroupItemProps } from './ToggleGroupItem/ToggleGroupItem';
-type ToggleGroupComponent = typeof ToggleGroupRoot & {
-    Item: typeof ToggleGroupItem;
+import { ToggleGroupItem } from './ToggleGroupItem';
+/**
+ * Display a group of buttons that can be toggled between.
+ *
+ * @example
+ * <ToggleGroup onChange={(value) => console.log(value)}>
+ *   <ToggleGroup.Item value='1'>Toggle 1</ToggleGroup.Item>
+ *   <ToggleGroup.Item value='2'>Toggle 2</ToggleGroup.Item>
+ *   <ToggleGroup.Item value='3'>Toggle 3</ToggleGroup.Item>
+ * </ToggleGroup>
+ */
+declare const ToggleGroup: React.ForwardRefExoticComponent<Omit<import("../../types").DefaultProps & Omit<React.HTMLAttributes<HTMLDivElement>, "value" | "onChange">, "name" | "value" | "onChange" | "defaultValue"> & {
+    value?: string;
+    defaultValue?: string;
+    onChange?: (value: string) => void;
+    name?: string;
+} & React.RefAttributes<HTMLDivElement>> & {
+    Item: React.ForwardRefExoticComponent<{
+        value?: string;
+    } & Omit<import("..").ButtonProps, "value" | "loading"> & React.RefAttributes<HTMLButtonElement>>;
 };
-declare const ToggleGroup: ToggleGroupComponent;
+export type { ToggleGroupProps } from './ToggleGroup';
+export type { ToggleGroupItemProps } from './ToggleGroupItem';
 export { ToggleGroup, ToggleGroupItem };
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/ToggleGroup/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,IAAI,eAAe,EAAE,MAAM,eAAe,CAAC;AAC/D,OAAO,EAAE,eAAe,EAAE,MAAM,mCAAmC,CAAC;AAEpE,YAAY,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACtD,YAAY,EAAE,oBAAoB,EAAE,MAAM,mCAAmC,CAAC;AAE9E,KAAK,oBAAoB,GAAG,OAAO,eAAe,GAAG;IACnD,IAAI,EAAE,OAAO,eAAe,CAAC;CAC9B,CAAC;AAEF,QAAA,MAAM,WAAW,sBAA0C,CAAC;AAM5D,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ToggleGroup/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEpD;;;;;;;;;GASG;AACH,QAAA,MAAM,WAAW;;;;;;;;;CAEf,CAAC;AAIH,YAAY,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACtD,YAAY,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAC9D,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,CAAC"}

package/dist/types/components/ToggleGroup/useToggleGroupitem.d.ts

@@ -0,0 +1,11 @@
+import type { ButtonProps } from '../Button';
+import type { ToggleGroupItemProps } from './ToggleGroupItem';
+type UseToggleGroupItem = (props: ToggleGroupItemProps) => {
+    active: boolean;
+    value: string;
+    buttonProps?: Pick<ButtonProps, 'id' | 'onClick' | 'role' | 'aria-checked' | 'aria-current' | 'name'>;
+};
+/** Handles props for `ToggleGroup.Item` in context with `ToggleGroup` and `RovingFocus` */
+export declare const useToggleGroupItem: UseToggleGroupItem;
+export {};
+//# sourceMappingURL=useToggleGroupitem.d.ts.map

package/dist/types/components/ToggleGroup/useToggleGroupitem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useToggleGroupitem.d.ts","sourceRoot":"","sources":["../../../src/components/ToggleGroup/useToggleGroupitem.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAG7C,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAE9D,KAAK,kBAAkB,GAAG,CAAC,KAAK,EAAE,oBAAoB,KAAK;IACzD,MAAM,EAAE,OAAO,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,IAAI,CAChB,WAAW,EACX,IAAI,GAAG,SAAS,GAAG,MAAM,GAAG,cAAc,GAAG,cAAc,GAAG,MAAM,CACrE,CAAC;CACH,CAAC;AAEF,2FAA2F;AAC3F,eAAO,MAAM,kBAAkB,EAAE,kBAyBhC,CAAC"}

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

@@ -1,67 +1,63 @@
-import type { HTMLAttributes } from 'react';
-import * as React from 'react';
-export type TooltipProps = {
+import type { HTMLAttributes, ReactElement, RefAttributes } from 'react';
+import type { DefaultProps } from '../../types';
+import type { MergeRight } from '../../utilities';
+export type TooltipProps = MergeRight<Omit<DefaultProps, 'data-color'> & HTMLAttributes<HTMLDivElement>, {
     /**
-     * The element that triggers the tooltip.
-     * @note Needs to be a single ReactElement and not: <React.Fragment/> | <></>
+     * The element or string that triggers the tooltip.
+     *
+     * @note If it is a string, it will be wrapped in a span.
+     * @note If it is an element, it needs to be able to receive a ref.
      */
-    children: React.ReactElement & React.RefAttributes<HTMLElement>;
-    /** Content of the tooltip */
+    children: (ReactElement & RefAttributes<HTMLElement>) | string;
+    /**
+     * Content of the tooltip
+     **/
     content: string;
     /**
      * Placement of the tooltip on the trigger.
      * @default 'top'
      */
     placement?: 'top' | 'right' | 'bottom' | 'left';
-    /** Delay in milliseconds before opening.
-     * @default 150
-     */
-    delay?: number;
-    /** Whether the tooltip is open or not.
+    /**
+     * Whether the tooltip is open or not.
      * This overrides the internal state of the tooltip.
      */
     open?: boolean;
-    /** Whether the tooltip is open by default or not. */
-    defaultOpen?: boolean;
-    /** Inverts the color of the tooltip. Use this on dark backgrounds. */
-    inverted?: boolean;
+}>;
+/**
+ * Tooltip component that displays a small piece of information when hovering or focusing on an element.
+ *
+ * @example
+ * <Tooltip content='This is a tooltip'>
+ *  <button>Hover me</button>
+ * </Tooltip>
+ *
+ * @example
+ * <Tooltip content='This is a tooltip'>
+ *  Hover me
+ * </Tooltip>
+ */
+export declare const Tooltip: React.ForwardRefExoticComponent<Omit<Omit<DefaultProps, "data-color"> & HTMLAttributes<HTMLDivElement>, "content" | "children" | "open" | "placement"> & {
     /**
-     * Portals the floating element outside of the app root and into the body.
-     * @see https://floating-ui.com/docs/floatingportal
-     * @default true
+     * The element or string that triggers the tooltip.
+     *
+     * @note If it is a string, it will be wrapped in a span.
+     * @note If it is an element, it needs to be able to receive a ref.
      */
-    portal?: boolean;
-} & HTMLAttributes<HTMLDivElement>;
-export declare const Tooltip: React.ForwardRefExoticComponent<{
+    children: (ReactElement & RefAttributes<HTMLElement>) | string;
     /**
-     * The element that triggers the tooltip.
-     * @note Needs to be a single ReactElement and not: <React.Fragment/> | <></>
-     */
-    children: React.ReactElement & React.RefAttributes<HTMLElement>;
-    /** Content of the tooltip */
+     * Content of the tooltip
+     **/
     content: string;
     /**
      * Placement of the tooltip on the trigger.
      * @default 'top'
      */
-    placement?: "top" | "right" | "bottom" | "left" | undefined;
-    /** Delay in milliseconds before opening.
-     * @default 150
-     */
-    delay?: number | undefined;
-    /** Whether the tooltip is open or not.
-     * This overrides the internal state of the tooltip.
-     */
-    open?: boolean | undefined;
-    /** Whether the tooltip is open by default or not. */
-    defaultOpen?: boolean | undefined;
-    /** Inverts the color of the tooltip. Use this on dark backgrounds. */
-    inverted?: boolean | undefined;
+    placement?: "top" | "right" | "bottom" | "left";
     /**
-     * Portals the floating element outside of the app root and into the body.
-     * @see https://floating-ui.com/docs/floatingportal
-     * @default true
+     * Whether the tooltip is open or not.
+     * This overrides the internal state of the tooltip.
      */
-    portal?: boolean | undefined;
-} & HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+    open?: boolean;
+} & RefAttributes<HTMLDivElement>>;
 //# sourceMappingURL=Tooltip.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../../src/components/Tooltip/Tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAuB/B,MAAM,MAAM,YAAY,GAAG;IACzB;;;OAGG;IACH,QAAQ,EAAE,KAAK,CAAC,YAAY,GAAG,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC;IAChE,6BAA6B;IAC7B,OAAO,EAAE,MAAM,CAAC;IAChB;;;OAGG;IACH,SAAS,CAAC,EAAE,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;IAChD;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,qDAAqD;IACrD,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,sEAAsE;IACtE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;OAIG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO;IAhClB;;;OAGG;cACO,MAAM,YAAY,GAAG,MAAM,aAAa,CAAC,WAAW,CAAC;IAC/D,6BAA6B;aACpB,MAAM;IACf;;;OAGG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH,qDAAqD;;IAErD,sEAAsE;;IAEtE;;;;OAIG;;yEAmHJ,CAAC"}
+{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../src/components/Tooltip/Tooltip.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,cAAc,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAYzE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAElD,MAAM,MAAM,YAAY,GAAG,UAAU,CACnC,IAAI,CAAC,YAAY,EAAE,YAAY,CAAC,GAAG,cAAc,CAAC,cAAc,CAAC,EACjE;IACE;;;;;OAKG;IACH,QAAQ,EAAE,CAAC,YAAY,GAAG,aAAa,CAAC,WAAW,CAAC,CAAC,GAAG,MAAM,CAAC;IAC/D;;QAEI;IACJ,OAAO,EAAE,MAAM,CAAC;IAChB;;;OAGG;IACH,SAAS,CAAC,EAAE,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;IAChD;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB,CACF,CAAC;AAEF;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,OAAO;IArChB;;;;;OAKG;cACO,CAAC,YAAY,GAAG,aAAa,CAAC,WAAW,CAAC,CAAC,GAAG,MAAM;IAC9D;;QAEI;aACK,MAAM;IACf;;;OAGG;gBACS,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM;IAC/C;;;OAGG;WACI,OAAO;kCAsIjB,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Tooltip/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Tooltip/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC"}

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

@@ -0,0 +1,35 @@
+import type { HTMLAttributes } from 'react';
+import type { SeverityColors } from '../../colors';
+import type { DefaultProps } from '../../types';
+import type { MergeRight } from '../../utilities';
+export type ValidationMessageProps = MergeRight<Omit<DefaultProps, 'data-color'> & HTMLAttributes<HTMLParagraphElement>, {
+    /**
+     * Sets color and icon.
+     * @default 'danger'
+     */
+    'data-color'?: SeverityColors;
+    /**
+     * Change the default rendered element for the one passed as a child, merging their props and behavior.
+     * @default false
+     */
+    asChild?: boolean;
+}>;
+/**
+ * Use `ValidationMessage` to display validation text
+ *
+ * @example
+ * <ValidationMessage>This is a danger validation message</ValidationMessage>
+ */
+export declare const ValidationMessage: React.ForwardRefExoticComponent<Omit<Omit<DefaultProps, "data-color"> & HTMLAttributes<HTMLParagraphElement>, "data-color" | "asChild"> & {
+    /**
+     * Sets color and icon.
+     * @default 'danger'
+     */
+    'data-color'?: SeverityColors;
+    /**
+     * Change the default rendered element for the one passed as a child, merging their props and behavior.
+     * @default false
+     */
+    asChild?: boolean;
+} & React.RefAttributes<HTMLParagraphElement>>;
+//# sourceMappingURL=ValidationMessage.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ValidationMessage.d.ts","sourceRoot":"","sources":["../../../src/components/ValidationMessage/ValidationMessage.tsx"],"names":[],"mappings":"AAEA,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,sBAAsB,GAAG,UAAU,CAC7C,IAAI,CAAC,YAAY,EAAE,YAAY,CAAC,GAAG,cAAc,CAAC,oBAAoB,CAAC,EACvE;IACE;;;OAGG;IACH,YAAY,CAAC,EAAE,cAAc,CAAC;IAC9B;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CACF,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,iBAAiB;IAnB1B;;;OAGG;mBACY,cAAc;IAC7B;;;OAGG;cACO,OAAO;8CAwBnB,CAAC"}

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

@@ -0,0 +1,3 @@
+export { ValidationMessage } from './ValidationMessage';
+export type { ValidationMessageProps } from './ValidationMessage';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ValidationMessage/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,YAAY,EAAE,sBAAsB,EAAE,MAAM,qBAAqB,CAAC"}