@digdir/designsystemet-react 1.0.0-rc.9 → 1.0.0

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

@@ -1,54 +1,123 @@
-import type { Placement } from '@floating-ui/react';
-import * as React from 'react';
-import type { PortalProps } from '../../types/Portal';
-export type PopoverProps = {
+import type { Color, SeverityColors } from '@digdir/designsystemet-react/colors';
+import type { Placement } from '@floating-ui/dom';
+import type { HTMLAttributes } from 'react';
+import type { DefaultProps } from '../../types';
+import type { MergeRight } from '../../utilities';
+declare global {
+    namespace React.JSX {
+        interface IntrinsicAttributes {
+            popovertarget?: string;
+        }
+    }
+    namespace React {
+        interface HTMLAttributes<T> {
+            popovertarget?: string;
+        }
+    }
+}
+export type PopoverProps = MergeRight<DefaultProps & HTMLAttributes<HTMLDivElement>, {
     /**
-     * Placement of the tooltip on the trigger.
-     * @default top
+     * id to connect the trigger with the popover - required when not using Popover.Context.
      */
-    placement?: Placement;
+    id?: string;
     /**
-     * Variant of the popover.
-     * @default default
+     * Placement of the popover on the trigger.
+     * @default 'top'
      */
-    variant?: 'default' | 'info' | 'warning' | 'danger';
+    placement?: Placement;
     /**
-     * Use this to make the popover controlled.
+     * When a boolean is provided, the popover will be controlled.
      * @default undefined
      */
     open?: boolean;
     /**
-     * Size of the popover
-     * @default md
+     * Change the background color of the popover.
+     *
+     * @default 'default'
      */
-    size?: 'sm' | 'md' | 'lg';
-    /** Callback function when popover changes open state */
-    onOpenChange?: (open: boolean) => void;
+    variant?: 'default' | 'tinted';
+    /**
+     * Change the color scheme of the popover
+     */
+    'data-color'?: Color | SeverityColors;
+    /**
+     * Callback when the popover wants to open.
+     */
+    onOpen?: () => void;
     /**
      * Callback when the popover wants to close.
      */
     onClose?: () => void;
-    children: React.ReactNode;
-} & PortalProps;
-export declare const Popover: {
-    ({ children, placement, open, variant, portal, size, onOpenChange, onClose, }: PopoverProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-export declare const PopoverContext: React.Context<{
-    triggerRef: React.RefObject<Element>;
-    anchorEl: Element | null;
-    portal?: boolean | undefined;
-    popoverId?: string | undefined;
-    triggerId?: string | undefined;
-    isControlled?: boolean | undefined;
-    internalOpen: boolean;
-    size: NonNullable<PopoverProps['size']>;
-    variant: NonNullable<PopoverProps['variant']>;
-    placement: Placement;
-    onOpenChange?: PopoverProps['onOpenChange'];
-    onClose?: PopoverProps['onClose'];
-    setPopoverId?: ((id: string) => void) | undefined;
-    setTriggerId?: ((id: string) => void) | undefined;
-    setInternalOpen: (open: boolean) => void;
+    /**
+     * Whether to enable auto placement.
+     * @default true
+     */
+    autoPlacement?: boolean;
+    /**
+     * Change the default rendered element for the one passed as a child, merging their props and behavior.
+     * @default false
+     */
+    asChild?: boolean;
 }>;
+/**
+ * Popover component, used to display content in a popover over an element.
+ *
+ * @example with TriggerContext
+ * <Popover.TriggerContext>
+ *   <Popover.Trigger>Open Popover</Popover.Trigger>
+ *   <Popover>
+ *     Content
+ *   </Popover>
+ * </Popover.TriggerContext>
+ *
+ * @example without TriggerContext
+ * <Button popovertarget="my-popover">Open Popover</Button>
+ * <Popover id="my-popover">
+ *   Content
+ * </Popover>
+ */
+export declare const Popover: React.ForwardRefExoticComponent<Omit<DefaultProps & HTMLAttributes<HTMLDivElement>, "id" | "data-color" | "variant" | "asChild" | "open" | "placement" | "onClose" | "onOpen" | "autoPlacement"> & {
+    /**
+     * id to connect the trigger with the popover - required when not using Popover.Context.
+     */
+    id?: string;
+    /**
+     * Placement of the popover on the trigger.
+     * @default 'top'
+     */
+    placement?: Placement;
+    /**
+     * When a boolean is provided, the popover will be controlled.
+     * @default undefined
+     */
+    open?: boolean;
+    /**
+     * Change the background color of the popover.
+     *
+     * @default 'default'
+     */
+    variant?: "default" | "tinted";
+    /**
+     * Change the color scheme of the popover
+     */
+    'data-color'?: Color | SeverityColors;
+    /**
+     * Callback when the popover wants to open.
+     */
+    onOpen?: () => void;
+    /**
+     * Callback when the popover wants to close.
+     */
+    onClose?: () => void;
+    /**
+     * Whether to enable auto placement.
+     * @default true
+     */
+    autoPlacement?: boolean;
+    /**
+     * Change the default rendered element for the one passed as a child, merging their props and behavior.
+     * @default false
+     */
+    asChild?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;
 //# sourceMappingURL=Popover.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../../../../src/components/Popover/Popover.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAEpD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAEtD,MAAM,MAAM,YAAY,GAAG;IACzB;;;OAGG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB;;;OAGG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,QAAQ,CAAC;IACpD;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;;OAGG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,wDAAwD;IACxD,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,GAAG,WAAW,CAAC;AAEhB,eAAO,MAAM,OAAO;mFASjB,YAAY;;CAyCd,CAAC;AAEF,eAAO,MAAM,cAAc;gBACb,MAAM,SAAS,CAAC,OAAO,CAAC;cAC1B,OAAO,GAAG,IAAI;;;;;kBAKV,OAAO;UACf,YAAY,YAAY,CAAC,MAAM,CAAC,CAAC;aAC9B,YAAY,YAAY,CAAC,SAAS,CAAC,CAAC;eAClC,SAAS;mBACL,YAAY,CAAC,cAAc,CAAC;cACjC,YAAY,CAAC,SAAS,CAAC;yBACb,MAAM,KAAK,IAAI;yBACf,MAAM,KAAK,IAAI;4BACX,OAAO,KAAK,IAAI;EASxC,CAAC"}
+{"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../../../src/components/Popover/Popover.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,KAAK,EACL,cAAc,EACf,MAAM,qCAAqC,CAAC;AAQ7C,OAAO,KAAK,EAAmB,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAKnE,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;AAKlD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,KAAK,CAAC,GAAG,CAAC;QAClB,UAAU,mBAAmB;YAC3B,aAAa,CAAC,EAAE,MAAM,CAAC;SACxB;KACF;IACD,UAAU,KAAK,CAAC;QACd,UAAU,cAAc,CAAC,CAAC;YACxB,aAAa,CAAC,EAAE,MAAM,CAAC;SACxB;KACF;CACF;AAED,MAAM,MAAM,YAAY,GAAG,UAAU,CACnC,YAAY,GAAG,cAAc,CAAC,cAAc,CAAC,EAC7C;IACE;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ;;;OAGG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;;;OAIG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;IAC/B;;OAEG;IACH,YAAY,CAAC,EAAE,KAAK,GAAG,cAAc,CAAC;IACtC;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CACF,CAAC;AAEF;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,OAAO;IA9DhB;;OAEG;SACE,MAAM;IACX;;;OAGG;gBACS,SAAS;IACrB;;;OAGG;WACI,OAAO;IACd;;;;OAIG;cACO,SAAS,GAAG,QAAQ;IAC9B;;OAEG;mBACY,KAAK,GAAG,cAAc;IACrC;;OAEG;aACM,MAAM,IAAI;IACnB;;OAEG;cACO,MAAM,IAAI;IACpB;;;OAGG;oBACa,OAAO;IACvB;;;OAGG;cACO,OAAO;wCAiIpB,CAAC"}

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

@@ -1,12 +1,44 @@
-import type * as React from 'react';
-import { Button } from '../Button';
-export type PopoverTriggerProps = React.ComponentPropsWithRef<typeof Button>;
-export declare const PopoverTrigger: React.ForwardRefExoticComponent<Omit<{
-    variant?: "primary" | "secondary" | "tertiary" | undefined;
-    color?: "accent" | "neutral" | "danger" | undefined;
-    size?: "sm" | "md" | "lg" | undefined;
-    fullWidth?: boolean | undefined;
-    icon?: boolean | undefined;
-    asChild?: boolean | undefined;
-} & React.ButtonHTMLAttributes<HTMLButtonElement> & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+import { type HTMLAttributes } from 'react';
+import type { DefaultProps } from '../../types';
+import { type ButtonProps } from '../Button/Button';
+export type PopoverTriggerProps = ({
+    /**
+     * Will render the trigger as inline text.
+     * @default false
+     */
+    inline?: true;
+    /**
+     * Change the default rendered element for the one passed as a child, merging their props and behavior.
+     * @default false
+     */
+    asChild?: boolean;
+} & HTMLAttributes<HTMLButtonElement> & DefaultProps) | ({
+    /**
+     * Will render the trigger as inline text.
+     * @default false
+     */
+    inline?: false;
+} & ButtonProps);
+/**
+ * PopoverTrigger component, used to trigger a popover.
+ *
+ * @example
+ * <Popover.TriggerContext>
+ *   <Popover.Trigger>Open Popover</Popover.Trigger>
+ *   <Popover>
+ *     Content
+ *   </Popover>
+ * </Popover.TriggerContext>
+ *
+ * @example inline
+ * <Popover.TriggerContext>
+ *   <Paragraph>
+ *    We can use it <Popover.Trigger inline={true}>inline</Popover.Trigger>.
+ *   </Paragraph>
+ *   <Popover>
+ *     Content
+ *   </Popover>
+ * </Popover.TriggerContext>
+ */
+export declare const PopoverTrigger: React.ForwardRefExoticComponent<PopoverTriggerProps & React.RefAttributes<HTMLButtonElement>>;
 //# sourceMappingURL=PopoverTrigger.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"PopoverTrigger.d.ts","sourceRoot":"","sources":["../../../../src/components/Popover/PopoverTrigger.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAIpC,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AAInC,MAAM,MAAM,mBAAmB,GAAG,KAAK,CAAC,qBAAqB,CAAC,OAAO,MAAM,CAAC,CAAC;AAE7E,eAAO,MAAM,cAAc;;;;;;;4IAkCzB,CAAC"}
+{"version":3,"file":"PopoverTrigger.d.ts","sourceRoot":"","sources":["../../../src/components/Popover/PopoverTrigger.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,cAAc,EAAmC,MAAM,OAAO,CAAC;AAC7E,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAG5D,MAAM,MAAM,mBAAmB,GAC3B,CAAC;IACC;;;OAGG;IACH,MAAM,CAAC,EAAE,IAAI,CAAC;IACd;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,GAAG,cAAc,CAAC,iBAAiB,CAAC,GACnC,YAAY,CAAC,GACf,CAAC;IACC;;;OAGG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC;CAChB,GAAG,WAAW,CAAC,CAAC;AAErB;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,eAAO,MAAM,cAAc,+FAoBzB,CAAC"}

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

@@ -0,0 +1,24 @@
+import type { ReactNode } from 'react';
+export type PopoverTriggerContextProps = {
+    children: ReactNode;
+};
+/**
+ * PopoverTriggerContext component, use to wrap a Popover.Trigger and Popover.
+ *
+ * @example
+ * <Popover.TriggerContext>
+ *   <Popover.Trigger>Open Popover</Popover.Trigger>
+ *   <Popover>
+ *     Content
+ *   </Popover>
+ * </Popover.TriggerContext>
+ */
+export declare const PopoverTriggerContext: {
+    ({ children, }: PopoverTriggerContextProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export declare const Context: React.Context<{
+    popoverId?: string;
+    setPopoverId?: (id: string) => void;
+}>;
+//# sourceMappingURL=PopoverTriggerContext.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PopoverTriggerContext.d.ts","sourceRoot":"","sources":["../../../src/components/Popover/PopoverTriggerContext.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,MAAM,0BAA0B,GAAG;IACvC,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF;;;;;;;;;;GAUG;AACH,eAAO,MAAM,qBAAqB;oBAE/B,0BAA0B;;CAS5B,CAAC;AAIF,eAAO,MAAM,OAAO;gBACN,MAAM;mBACH,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI;EAC/B,CAAC"}

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

@@ -1,14 +1,35 @@
-import { Popover as PopoverRoot } from './Popover';
-import type { PopoverContentProps } from './PopoverContent';
-import { PopoverContent } from './PopoverContent';
-import type { PopoverTriggerProps } from './PopoverTrigger';
 import { PopoverTrigger } from './PopoverTrigger';
-import type { PopoverProps } from './Popover';
-type PopoverComponent = typeof PopoverRoot & {
-    Content: typeof PopoverContent;
-    Trigger: typeof PopoverTrigger;
+import { PopoverTriggerContext } from './PopoverTriggerContext';
+/**
+ * Popover component, used to display content in a popover over an element.
+ *
+ * @example
+ * <Popover.TriggerContext>
+ *   <Popover.Trigger>Open Popover</Popover.Trigger>
+ *   <Popover>
+ *     Content
+ *   </Popover>
+ * </Popover.TriggerContext>
+ */
+declare const Popover: React.ForwardRefExoticComponent<Omit<import("../../types").DefaultProps & React.HTMLAttributes<HTMLDivElement>, "id" | "data-color" | "variant" | "asChild" | "open" | "placement" | "onClose" | "onOpen" | "autoPlacement"> & {
+    id?: string;
+    placement?: import("@floating-ui/utils").Placement;
+    open?: boolean;
+    variant?: "default" | "tinted";
+    'data-color'?: import("../../colors").Color | import("../../colors").SeverityColors;
+    onOpen?: () => void;
+    onClose?: () => void;
+    autoPlacement?: boolean;
+    asChild?: boolean;
+} & React.RefAttributes<HTMLDivElement>> & {
+    TriggerContext: {
+        ({ children, }: import("./PopoverTriggerContext").PopoverTriggerContextProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    Trigger: React.ForwardRefExoticComponent<import("./PopoverTrigger").PopoverTriggerProps & React.RefAttributes<HTMLButtonElement>>;
 };
-declare const Popover: PopoverComponent;
-export type { PopoverProps, PopoverContentProps, PopoverTriggerProps };
-export { Popover, PopoverContent, PopoverTrigger };
+export type { PopoverProps } from './Popover';
+export type { PopoverTriggerContextProps } from './PopoverTriggerContext';
+export type { PopoverTriggerProps } from './PopoverTrigger';
+export { Popover, PopoverTriggerContext, PopoverTrigger };
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Popover/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,WAAW,CAAC;AACnD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAC5D,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAC5D,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAE9C,KAAK,gBAAgB,GAAG,OAAO,WAAW,GAAG;IAC3C,OAAO,EAAE,OAAO,cAAc,CAAC;IAC/B,OAAO,EAAE,OAAO,cAAc,CAAC;CAChC,CAAC;AAEF,QAAA,MAAM,OAAO,kBAAkC,CAAC;AAQhD,YAAY,EAAE,YAAY,EAAE,mBAAmB,EAAE,mBAAmB,EAAE,CAAC;AACvE,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Popover/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAEhE;;;;;;;;;;GAUG;AACH,QAAA,MAAM,OAAO;;;;;;;;;;;;;;;;CAGX,CAAC;AAKH,YAAY,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAC9C,YAAY,EAAE,0BAA0B,EAAE,MAAM,yBAAyB,CAAC;AAC1E,YAAY,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAE5D,OAAO,EAAE,OAAO,EAAE,qBAAqB,EAAE,cAAc,EAAE,CAAC"}

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

@@ -0,0 +1,34 @@
+import type { ReactNode } from 'react';
+import type { DefaultProps, LabelRequired } from '../../types';
+import type { MergeRight } from '../../utilities';
+import { type InputProps } from '../Input';
+export type RadioProps = MergeRight<DefaultProps & Omit<InputProps, 'type' | 'role' | 'size'>, {
+    /**
+     * Optional aria-label
+     **/
+    'aria-label'?: string;
+    /**
+     * Radio label
+     */
+    label?: ReactNode;
+    /**
+     * Description for field
+     */
+    description?: ReactNode;
+    /**
+     * Value of the `input` element
+     */
+    value?: InputProps['value'];
+    /**
+     * Error message for field
+     */
+    error?: ReactNode;
+} & LabelRequired>;
+/**
+ * Radio used to select multiple options.
+ *
+ * @example
+ * <Radio label="I agree" value="agree" />
+ */
+export declare const Radio: React.ForwardRefExoticComponent<RadioProps & React.RefAttributes<HTMLInputElement>>;
+//# sourceMappingURL=Radio.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Radio.d.ts","sourceRoot":"","sources":["../../../src/components/Radio/Radio.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAC/D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAElD,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,UAAU,CAAC;AAIlD,MAAM,MAAM,UAAU,GAAG,UAAU,CACjC,YAAY,GAAG,IAAI,CAAC,UAAU,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC,EACzD;IACE;;QAEI;IACJ,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;;OAEG;IACH,KAAK,CAAC,EAAE,UAAU,CAAC,OAAO,CAAC,CAAC;IAC5B;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB,GAAG,aAAa,CAClB,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,KAAK,qFAqBhB,CAAC"}

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

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

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

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

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

@@ -0,0 +1,20 @@
+import type { DefaultProps } from '../../types';
+export type SearchProps = DefaultProps & React.HTMLAttributes<HTMLDivElement>;
+/**
+ * Search component, use to display different variations of a search input
+ *
+ * @example with button
+ * <Search>
+ *   <Search.Input aria-label='Søk' />
+ *   <Search.Clear />
+ *   <Search.Button />
+ * </Search>
+ *
+ * @example with icon
+ * <Search>
+ *   <Search.Input aria-label='Søk' />
+ *   <Search.Clear />
+ * </Search>
+ */
+export declare const Search: React.ForwardRefExoticComponent<DefaultProps & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=Search.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Search.d.ts","sourceRoot":"","sources":["../../../src/components/Search/Search.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAEhD,MAAM,MAAM,WAAW,GAAG,YAAY,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC;AAE9E;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,MAAM,4HAKjB,CAAC"}

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

@@ -0,0 +1,33 @@
+import { type ReactNode } from 'react';
+import type { MergeRight } from '../../utilities';
+import { type ButtonProps } from '../Button';
+export type SearchButtonProps = MergeRight<ButtonProps, {
+    /**
+     * Variant of the button
+     * @default 'primary'
+     */
+    variant?: 'primary' | 'secondary';
+    /**
+     * Children of the button
+     * @default 'Søk'
+     */
+    children?: ReactNode;
+}>;
+/**
+ * SearchButton component, used to display a search button within a Search component.
+ *
+ * @example
+ * <Search>
+ *   <Search.Input aria-label='Søk' />
+ *   <Search.Button>Søk</Search.Button>
+ * </Search>
+ */
+export declare const SearchButton: React.ForwardRefExoticComponent<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 | ReactNode;
+    asChild?: boolean;
+    type?: React.ButtonHTMLAttributes<HTMLButtonElement>["type"];
+} & React.RefAttributes<HTMLButtonElement>>;
+//# sourceMappingURL=SearchButton.d.ts.map

package/dist/types/components/Search/SearchButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchButton.d.ts","sourceRoot":"","sources":["../../../src/components/Search/SearchButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAc,MAAM,OAAO,CAAC;AAEnD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAClD,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,WAAW,CAAC;AAErD,MAAM,MAAM,iBAAiB,GAAG,UAAU,CACxC,WAAW,EACX;IACE;;;OAGG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,CAAC;IAClC;;;OAGG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,CACF,CAAC;AAEF;;;;;;;;GAQG;AACH,eAAO,MAAM,YAAY;;;;;;;2CAQxB,CAAC"}

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

@@ -0,0 +1,25 @@
+import { type ButtonProps } from '../Button';
+export type SearchClearProps = Omit<ButtonProps, 'variant' | 'children'> & {
+    /**
+     * Aria label for the clear button
+     * @default 'Tøm'
+     */
+    'aria-label'?: string;
+};
+/**
+ * SearchClear component, used to display a clear buttun when the search input is not empty.
+ *
+ * @example
+ * <Search>
+ *   <Search.Input aria-label='Søk' />
+ *   <Search.Clear />
+ * </Search>
+ */
+export declare const SearchClear: React.ForwardRefExoticComponent<Omit<ButtonProps, "children" | "variant"> & {
+    /**
+     * Aria label for the clear button
+     * @default 'Tøm'
+     */
+    'aria-label'?: string;
+} & React.RefAttributes<HTMLButtonElement>>;
+//# sourceMappingURL=SearchClear.d.ts.map

package/dist/types/components/Search/SearchClear.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchClear.d.ts","sourceRoot":"","sources":["../../../src/components/Search/SearchClear.tsx"],"names":[],"mappings":"AACA,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,WAAW,CAAC;AAIrD,MAAM,MAAM,gBAAgB,GAAG,IAAI,CAAC,WAAW,EAAE,SAAS,GAAG,UAAU,CAAC,GAAG;IACzE;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF;;;;;;;;GAQG;AACH,eAAO,MAAM,WAAW;IAhBtB;;;OAGG;mBACY,MAAM;2CA8CtB,CAAC"}

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

@@ -0,0 +1,12 @@
+import type { DefaultProps } from '../../types';
+export type SearchInputProps = DefaultProps & Omit<React.InputHTMLAttributes<HTMLInputElement>, 'readOnly' | 'type'>;
+/**
+ * SearchInput component, used to display a search input within the Search component.
+ *
+ * @example
+ * <Search>
+ *   <Search.Input aria-label='Søk' />
+ * </Search>
+ */
+export declare const SearchInput: React.ForwardRefExoticComponent<DefaultProps & Omit<React.InputHTMLAttributes<HTMLInputElement>, "type" | "readOnly"> & React.RefAttributes<HTMLInputElement>>;
+//# sourceMappingURL=SearchInput.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SearchInput.d.ts","sourceRoot":"","sources":["../../../src/components/Search/SearchInput.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAGhD,MAAM,MAAM,gBAAgB,GAAG,YAAY,GACzC,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,UAAU,GAAG,MAAM,CAAC,CAAC;AAEzE;;;;;;;GAOG;AACH,eAAO,MAAM,WAAW,gKAYvB,CAAC"}

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

@@ -0,0 +1,39 @@
+import { SearchButton } from './SearchButton';
+import { SearchClear } from './SearchClear';
+import { SearchInput } from './SearchInput';
+/**
+ * Search component, use to display different variations of a search input
+ *
+ * @example with button
+ * <Search>
+ *   <Search.Input aria-label='Søk' />
+ *   <Search.Clear />
+ *   <Search.Button />
+ * </Search>
+ *
+ * @example with icon
+ * <Search>
+ *   <Search.Input aria-label='Søk' />
+ *   <Search.Clear />
+ * </Search>
+ */
+declare const Search: React.ForwardRefExoticComponent<import("../../types").DefaultProps & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>> & {
+    Clear: React.ForwardRefExoticComponent<Omit<import("..").ButtonProps, "children" | "variant"> & {
+        'aria-label'?: string;
+    } & React.RefAttributes<HTMLButtonElement>>;
+    Button: React.ForwardRefExoticComponent<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>>;
+    Input: React.ForwardRefExoticComponent<import("../../types").DefaultProps & Omit<React.InputHTMLAttributes<HTMLInputElement>, "type" | "readOnly"> & React.RefAttributes<HTMLInputElement>>;
+};
+export type { SearchProps } from './Search';
+export type { SearchButtonProps } from './SearchButton';
+export type { SearchClearProps } from './SearchClear';
+export type { SearchInputProps } from './SearchInput';
+export { SearchClear, SearchButton, SearchInput, Search };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Search/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAE5C;;;;;;;;;;;;;;;GAeG;AACH,QAAA,MAAM,MAAM;;;;;;;;;;;;;CAIV,CAAC;AAMH,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAC5C,YAAY,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AACxD,YAAY,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACtD,YAAY,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACtD,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,EAAE,CAAC"}

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

@@ -0,0 +1,38 @@
+import type { SelectHTMLAttributes } from 'react';
+import type { DefaultProps } from '../../types';
+import type { MergeRight } from '../../utilities';
+export type SelectProps = MergeRight<Omit<DefaultProps, 'data-color'> & Omit<SelectHTMLAttributes<HTMLSelectElement>, 'multiple' | 'size'>, // Also Omit size as this sets amount of visible options in multiselect
+{
+    /**
+     * Defines if the select is readOnly
+     * @default false
+     */
+    readOnly?: boolean;
+    /**
+     * Defines the width of Select, where "auto" matches the content width.
+     * @default full
+     */
+    width?: 'full' | 'auto';
+}>;
+/**
+ * Select component, used to display a native select.
+ *
+ * @example
+ * <Select>
+ *   <Select.Option value='1'>Option 1</Select.Option>
+ *   <Select.Option value='2'>Option 2</Select.Option>
+ * </Select>
+ */
+export declare const Select: React.ForwardRefExoticComponent<Omit<Omit<DefaultProps, "data-color"> & Omit<SelectHTMLAttributes<HTMLSelectElement>, "multiple" | "size">, "readOnly" | "width"> & {
+    /**
+     * Defines if the select is readOnly
+     * @default false
+     */
+    readOnly?: boolean;
+    /**
+     * Defines the width of Select, where "auto" matches the content width.
+     * @default full
+     */
+    width?: "full" | "auto";
+} & React.RefAttributes<HTMLSelectElement>>;
+//# sourceMappingURL=Select.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Select.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAClD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAElD,MAAM,MAAM,WAAW,GAAG,UAAU,CAClC,IAAI,CAAC,YAAY,EAAE,YAAY,CAAC,GAC9B,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,UAAU,GAAG,MAAM,CAAC,EAAE,uEAAuE;AAC7I;IACE;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CACzB,CACF,CAAC;AAEF;;;;;;;;GAQG;AACH,eAAO,MAAM,MAAM;IAtBf;;;OAGG;eACQ,OAAO;IAClB;;;OAGG;YACK,MAAM,GAAG,MAAM;2CAiC1B,CAAC"}

package/dist/types/components/Select/SelectOptgroup.d.ts

@@ -0,0 +1,27 @@
+import type { OptgroupHTMLAttributes } from 'react';
+export type SelectOptgroupProps = {
+    /**
+     * Change the default rendered element for the one passed as a child, merging their props and behavior.
+     * @default false
+     */
+    asChild?: boolean;
+} & OptgroupHTMLAttributes<HTMLOptGroupElement>;
+/**
+ * SelectOptgroup component, used to display a native optgroup within a select.
+ *
+ * @example
+ * <Select>
+ *   <Select.Optgroup label='Group 1'>
+ *     <Select.Option value='1'>Option 1</Select.Option>
+ *     <Select.Option value='2'>Option 2</Select.Option>
+ *   </Select.Optgroup>
+ * </Select>
+ */
+export declare const SelectOptgroup: React.ForwardRefExoticComponent<{
+    /**
+     * Change the default rendered element for the one passed as a child, merging their props and behavior.
+     * @default false
+     */
+    asChild?: boolean;
+} & OptgroupHTMLAttributes<HTMLOptGroupElement> & React.RefAttributes<HTMLOptGroupElement>>;
+//# sourceMappingURL=SelectOptgroup.d.ts.map

package/dist/types/components/Select/SelectOptgroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectOptgroup.d.ts","sourceRoot":"","sources":["../../../src/components/Select/SelectOptgroup.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,OAAO,CAAC;AAEpD,MAAM,MAAM,mBAAmB,GAAG;IAChC;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,GAAG,sBAAsB,CAAC,mBAAmB,CAAC,CAAC;AAEhD;;;;;;;;;;GAUG;AACH,eAAO,MAAM,cAAc;IAlBzB;;;OAGG;cACO,OAAO;2FAqBjB,CAAC"}

package/dist/types/components/Select/SelectOption.d.ts

@@ -0,0 +1,25 @@
+import type { OptionHTMLAttributes } from 'react';
+export type SelectOptionProps = {
+    /**
+     * Change the default rendered element for the one passed as a child, merging their props and behavior.
+     * @default false
+     */
+    asChild?: boolean;
+} & OptionHTMLAttributes<HTMLOptionElement>;
+/**
+ * SelectOption component, used to display a native option within a select.
+ *
+ * @example
+ * <Select>
+ *   <Select.Option value='1'>Option 1</Select.Option>
+ *   <Select.Option value='2'>Option 2</Select.Option>
+ * </Select>
+ */
+export declare const SelectOption: React.ForwardRefExoticComponent<{
+    /**
+     * Change the default rendered element for the one passed as a child, merging their props and behavior.
+     * @default false
+     */
+    asChild?: boolean;
+} & OptionHTMLAttributes<HTMLOptionElement> & React.RefAttributes<HTMLOptionElement>>;
+//# sourceMappingURL=SelectOption.d.ts.map

package/dist/types/components/Select/SelectOption.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectOption.d.ts","sourceRoot":"","sources":["../../../src/components/Select/SelectOption.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAElD,MAAM,MAAM,iBAAiB,GAAG;IAC9B;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;AAE5C;;;;;;;;GAQG;AACH,eAAO,MAAM,YAAY;IAhBvB;;;OAGG;cACO,OAAO;qFAkBlB,CAAC"}