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

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

@@ -0,0 +1,15 @@
+import type { ComboboxProps } from '../Combobox';
+import type { Option } from '../useCombobox';
+type ComboboxNativeProps = {
+    selectedOptions: {
+        [key: string]: Option;
+    };
+    multiple: NonNullable<ComboboxProps['multiple']>;
+    name: ComboboxProps['name'];
+};
+declare const ComboboxNative: {
+    ({ selectedOptions, multiple, name, }: ComboboxNativeProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default ComboboxNative;
+//# sourceMappingURL=ComboboxNative.d.ts.map

package/dist/types/components/Combobox/internal/ComboboxNative.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComboboxNative.d.ts","sourceRoot":"","sources":["../../../../src/components/Combobox/internal/ComboboxNative.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AACjD,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AAG7C,KAAK,mBAAmB,GAAG;IACzB,eAAe,EAAE;QACf,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAC;KACvB,CAAC;IACF,QAAQ,EAAE,WAAW,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC,CAAC;IACjD,IAAI,EAAE,aAAa,CAAC,MAAM,CAAC,CAAC;CAC7B,CAAC;AAEF,QAAA,MAAM,cAAc;2CAIjB,mBAAmB;;CAgBrB,CAAC;AAIF,eAAe,cAAc,CAAC"}

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

@@ -0,0 +1,34 @@
+import type { ReactElement, ReactNode } from 'react';
+import type { ComboboxProps } from './Combobox';
+import type { ComboboxCustomProps } from './Custom';
+import { type ComboboxOptionProps } from './Option/Option';
+export type UseComboboxProps = {
+    children: ReactNode;
+    inputValue: string;
+    multiple: boolean;
+    filter?: NonNullable<ComboboxProps['filter']>;
+    initialValue?: string[];
+};
+export type Option = {
+    value: string;
+    label: string;
+    displayValue?: string;
+    description?: string;
+};
+export declare function useCombobox({ children, inputValue, multiple, filter, initialValue, }: UseComboboxProps): {
+    filteredOptionsChildren: (ReactElement<ComboboxOptionProps, string | React.JSXElementConstructor<any>> | undefined)[];
+    filteredOptions: string[];
+    restChildren: ReactNode[];
+    options: {
+        [key: string]: Option;
+    };
+    customIds: string[];
+    selectedOptions: {
+        [key: string]: Option;
+    };
+    interactiveChildren: ReactElement<ComboboxCustomProps, string | React.JSXElementConstructor<any>>[];
+    setSelectedOptions: React.Dispatch<React.SetStateAction<{
+        [key: string]: Option;
+    }>>;
+};
+//# sourceMappingURL=useCombobox.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useCombobox.d.ts","sourceRoot":"","sources":["../../../src/components/Combobox/useCombobox.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAErD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAChD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AACpD,OAAO,EAAE,KAAK,mBAAmB,EAAoB,MAAM,iBAAiB,CAAC;AAG7E,MAAM,MAAM,gBAAgB,GAAG;IAC7B,QAAQ,EAAE,SAAS,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,WAAW,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC,CAAC;IAC9C,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;CACzB,CAAC;AAEF,MAAM,MAAM,MAAM,GAAG;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAIF,wBAAgB,WAAW,CAAC,EAC1B,QAAQ,EACR,UAAU,EACV,QAAQ,EACR,MAEC,EACD,YAAY,GACb,EAAE,gBAAgB;;;;;;;;;;;;;;;EA0JlB"}

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

@@ -0,0 +1,20 @@
+import type { KeyboardEvent } from 'react';
+import type { ComboboxContextType } from './ComboboxContext';
+import type { useCombobox } from './useCombobox';
+type UseComboboxKeyboardProps = {
+    filteredOptions: ReturnType<typeof useCombobox>['filteredOptions'];
+    selectedOptions: ReturnType<typeof useCombobox>['selectedOptions'];
+    interactiveChildren: ReturnType<typeof useCombobox>['interactiveChildren'];
+    options: ReturnType<typeof useCombobox>['options'];
+    readOnly: boolean;
+    disabled: boolean;
+    inputValue: string;
+    multiple: boolean;
+    open: boolean;
+    setOpen: (value: boolean) => void;
+    setInputValue: (value: string) => void;
+    handleSelectOption: ComboboxContextType['handleSelectOption'];
+};
+export declare const useComboboxKeyboard: ({ readOnly, disabled, interactiveChildren, filteredOptions, inputValue, selectedOptions, multiple, open, options, setOpen, handleSelectOption, }: UseComboboxKeyboardProps) => (...args: KeyboardEvent<Element>[]) => void;
+export {};
+//# sourceMappingURL=useComboboxKeyboard.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useComboboxKeyboard.d.ts","sourceRoot":"","sources":["../../../src/components/Combobox/useComboboxKeyboard.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAE7D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAEjD,KAAK,wBAAwB,GAAG;IAC9B,eAAe,EAAE,UAAU,CAAC,OAAO,WAAW,CAAC,CAAC,iBAAiB,CAAC,CAAC;IACnE,eAAe,EAAE,UAAU,CAAC,OAAO,WAAW,CAAC,CAAC,iBAAiB,CAAC,CAAC;IACnE,mBAAmB,EAAE,UAAU,CAAC,OAAO,WAAW,CAAC,CAAC,qBAAqB,CAAC,CAAC;IAC3E,OAAO,EAAE,UAAU,CAAC,OAAO,WAAW,CAAC,CAAC,SAAS,CAAC,CAAC;IACnD,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;IAClB,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,OAAO,CAAC;IAClB,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IAClC,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,kBAAkB,EAAE,mBAAmB,CAAC,oBAAoB,CAAC,CAAC;CAC/D,CAAC;AAEF,eAAO,MAAM,mBAAmB,qJAY7B,wBAAwB,gDA2E1B,CAAC"}

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

@@ -0,0 +1,42 @@
+import type { MutableRefObject } from 'react';
+type UseFloatingComboboxProps = {
+    listRef: MutableRefObject<(HTMLElement | null)[]>;
+};
+export declare const useFloatingCombobox: ({ listRef }: UseFloatingComboboxProps) => {
+    open: boolean;
+    setOpen: React.Dispatch<React.SetStateAction<boolean>>;
+    activeIndex: number;
+    refs: {
+        reference: MutableRefObject<import("@floating-ui/react-dom").ReferenceType | null>;
+        floating: React.MutableRefObject<HTMLElement | null>;
+        setReference: (node: import("@floating-ui/react-dom").ReferenceType | null) => void;
+        setFloating: (node: HTMLElement | null) => void;
+    } & import("@floating-ui/react").ExtendedRefs<HTMLInputElement>;
+    floatingStyles: React.CSSProperties;
+    context: {
+        x: number;
+        y: number;
+        placement: import("@floating-ui/utils").Placement;
+        strategy: import("@floating-ui/utils").Strategy;
+        middlewareData: import("@floating-ui/core").MiddlewareData;
+        isPositioned: boolean;
+        update: () => void;
+        floatingStyles: React.CSSProperties;
+        open: boolean;
+        onOpenChange: (open: boolean, event?: Event, reason?: import("@floating-ui/react").OpenChangeReason) => void;
+        events: import("@floating-ui/react").FloatingEvents;
+        dataRef: React.MutableRefObject<import("@floating-ui/react").ContextData>;
+        nodeId: string | undefined;
+        floatingId: string;
+        refs: import("@floating-ui/react").ExtendedRefs<HTMLInputElement>;
+        elements: import("@floating-ui/react").ExtendedElements<HTMLInputElement>;
+    };
+    getReferenceProps: (userProps?: React.HTMLProps<Element>) => Record<string, unknown>;
+    getFloatingProps: (userProps?: React.HTMLProps<HTMLElement>) => Record<string, unknown>;
+    getItemProps: (userProps?: Omit<React.HTMLProps<HTMLElement>, "selected" | "active"> & {
+        active?: boolean;
+        selected?: boolean;
+    }) => Record<string, unknown>;
+};
+export {};
+//# sourceMappingURL=useFloatingCombobox.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useFloatingCombobox.d.ts","sourceRoot":"","sources":["../../../src/components/Combobox/useFloatingCombobox.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,OAAO,CAAC;AAK9C,KAAK,wBAAwB,GAAG;IAC9B,OAAO,EAAE,gBAAgB,CAAC,CAAC,WAAW,GAAG,IAAI,CAAC,EAAE,CAAC,CAAC;CACnD,CAAC;AAEF,eAAO,MAAM,mBAAmB,gBAAiB,wBAAwB;;;;;;kBAwEw0N,MAAO,gBAAgB;;;;;;;;;;;;;wBAA5X,MAAO,aAAa;;;;iBAAoe,MAAO,gBAAgB;;;;;;oCAA6yxB,MAAO,SAAS;mCAA0E,MAAO,SAAS;oCAAgF,MAAM,SAAS;;;;CADhjgC,CAAC"}

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

@@ -0,0 +1,4 @@
+import type { FormFieldProps } from './useFormField';
+export type FieldsetContextType = Pick<FormFieldProps, 'error' | 'errorId' | 'disabled' | 'size'>;
+export declare const FieldsetContext: React.Context<FieldsetContextType | null>;
+//# sourceMappingURL=FieldsetContext.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FieldsetContext.d.ts","sourceRoot":"","sources":["../../../../src/components/Combobox/useFormField/FieldsetContext.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAErD,MAAM,MAAM,mBAAmB,GAAG,IAAI,CACpC,cAAc,EACd,OAAO,GAAG,SAAS,GAAG,UAAU,GAAG,MAAM,CAC1C,CAAC;AAEF,eAAO,MAAM,eAAe,2CAAkD,CAAC"}

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

@@ -0,0 +1,36 @@
+import type { HTMLAttributes, InputHTMLAttributes, ReactNode } from 'react';
+import type { Size } from '../../../types';
+export type FormFieldProps = {
+    /** Error message for form field */
+    error?: ReactNode;
+    /** Override generated errorId */
+    errorId?: string;
+    /** Disables element
+     * @note Avoid using if possible for accessibility purposes
+     */
+    disabled?: boolean;
+    /** Description for field */
+    description?: ReactNode;
+    /** Override internal id */
+    id?: string;
+    /** Toggle `readOnly` */
+    readOnly?: boolean;
+    /**
+     * Changes field size and paddings
+     * @default md
+     */
+    size?: Size;
+} & Pick<HTMLAttributes<HTMLElement>, 'aria-describedby'>;
+export type FormField = {
+    hasError: boolean;
+    errorId: string;
+    descriptionId: string;
+    inputProps: {
+        id: string;
+    } & Pick<InputHTMLAttributes<HTMLInputElement>, 'disabled' | 'aria-invalid' | 'aria-describedby'>;
+} & Pick<FormFieldProps, 'size' | 'readOnly'>;
+/**
+ * Handles props and their state for various form-fields in context with Fieldset
+ */
+export declare const useFormField: (props: FormFieldProps, prefix: string) => FormField;
+//# sourceMappingURL=useFormField.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useFormField.d.ts","sourceRoot":"","sources":["../../../../src/components/Combobox/useFormField/useFormField.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,mBAAmB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE5E,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,UAChB,cAAc,UACb,MAAM,KACb,SAkCF,CAAC"}

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

@@ -0,0 +1,19 @@
+import type { ReactElement, ReactNode } from 'react';
+import type { ComboboxCustomProps } from './Custom';
+export declare function isComboboxCustom(child: ReactNode): child is ReactElement<ComboboxCustomProps>;
+export declare function isInteractiveComboboxCustom(child: ReactNode): child is ReactElement<ComboboxCustomProps>;
+/**
+ * We use this function to prefix the value of the options so we can make sure numbers as strings are not parsed as numbers in objects
+ * @param value
+ * @returns
+ */
+export declare const prefix: (value?: string) => string;
+export declare const removePrefix: (value: string) => string;
+type ReactInternalHack = {
+    _valueTracker?: {
+        setValue: (a: string) => void;
+    };
+};
+export declare const setReactInputValue: (input: HTMLInputElement & ReactInternalHack, value: string) => void;
+export {};
+//# sourceMappingURL=utilities.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"utilities.d.ts","sourceRoot":"","sources":["../../../src/components/Combobox/utilities.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGrD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAEpD,wBAAgB,gBAAgB,CAC9B,KAAK,EAAE,SAAS,GACf,KAAK,IAAI,YAAY,CAAC,mBAAmB,CAAC,CAE5C;AAED,wBAAgB,2BAA2B,CACzC,KAAK,EAAE,SAAS,GACf,KAAK,IAAI,YAAY,CAAC,mBAAmB,CAAC,CAE5C;AAID;;;;GAIG;AACH,eAAO,MAAM,MAAM,WAAY,MAAM,KAAG,MAEvC,CAAC;AAEF,eAAO,MAAM,YAAY,UAAW,MAAM,KAAG,MAE5C,CAAC;AAIF,KAAK,iBAAiB,GAAG;IAAE,aAAa,CAAC,EAAE;QAAE,QAAQ,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;KAAE,CAAA;CAAE,CAAC;AAE/E,eAAO,MAAM,kBAAkB,UACtB,gBAAgB,GAAG,iBAAiB,SACpC,MAAM,KACZ,IAaF,CAAC"}

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

@@ -0,0 +1,50 @@
+import type { HTMLAttributes, ReactNode } from 'react';
+import '@u-elements/u-details';
+import type { DefaultProps } from '../../types';
+import type { MergeRight } from '../../utilities';
+export type DetailsProps = MergeRight<DefaultProps & HTMLAttributes<HTMLDetailsElement>, {
+    /**
+     * Change the background color of the details.
+     *
+     * @default 'default'
+     */
+    variant?: 'default' | 'tinted';
+    /**
+     * Controls open-state.
+     *
+     * Using this removes automatic control of open-state
+     *
+     * @default undefined
+     */
+    open?: boolean;
+    /**
+     * Defaults the details to open if not controlled
+     * @default false
+     */
+    defaultOpen?: boolean;
+    /**
+     * Callback function when Details toggles due to click on summary or find in page-search
+     */
+    onToggle?: (event: Event) => void;
+    /**
+     * Content should be one `<Details.Summary>` and `<Details.Content>`
+     */
+    children?: ReactNode;
+}> & ({
+    open: boolean;
+    onToggle: (event: Event) => void;
+} | {
+    open?: never;
+    onToggle?: (event: Event) => void;
+});
+/**
+ * Details component, contains `Details.Summary` and `Details.Content` components.
+ *
+ * @example
+ * <Details>
+ *  <Details.Summary>Header</Details.Summary>
+ *  <Details.Content>Content</Details.Content>
+ * </Details>
+ */
+export declare const Details: React.ForwardRefExoticComponent<DetailsProps & React.RefAttributes<HTMLDetailsElement>>;
+//# sourceMappingURL=Details.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Details.d.ts","sourceRoot":"","sources":["../../../src/components/Details/Details.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD,OAAO,uBAAuB,CAAC;AAC/B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAElD,MAAM,MAAM,YAAY,GAAG,UAAU,CACnC,YAAY,GAAG,cAAc,CAAC,kBAAkB,CAAC,EACjD;IACE;;;;OAIG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;IAC/B;;;;;;OAMG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IAClC;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,CACF,GACC,CACI;IAAE,IAAI,EAAE,OAAO,CAAC;IAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAA;CAAE,GACnD;IAAE,IAAI,CAAC,EAAE,KAAK,CAAC;IAAC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAA;CAAE,CACtD,CAAC;AAEJ;;;;;;;;GAQG;AACH,eAAO,MAAM,OAAO,yFA2CnB,CAAC"}

package/dist/types/components/Details/DetailsContent.d.ts

@@ -0,0 +1,10 @@
+import type { HTMLAttributes } from 'react';
+export type DetailsContentProps = HTMLAttributes<HTMLDivElement>;
+/**
+ * Details content component, contains the content of the details item.
+ *
+ * @example
+ * <DetailsContent>Content</DetailsContent>
+ */
+export declare const DetailsContent: React.ForwardRefExoticComponent<DetailsContentProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=DetailsContent.d.ts.map

package/dist/types/components/Details/DetailsContent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DetailsContent.d.ts","sourceRoot":"","sources":["../../../src/components/Details/DetailsContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAG5C,MAAM,MAAM,mBAAmB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAEjE;;;;;GAKG;AACH,eAAO,MAAM,cAAc,4FAI1B,CAAC"}

package/dist/types/components/Details/DetailsSummary.d.ts

@@ -0,0 +1,16 @@
+import type { HTMLAttributes, ReactNode } from 'react';
+export type DetailsSummaryProps = {
+    /** Heading text */
+    children: ReactNode;
+} & HTMLAttributes<HTMLElement>;
+/**
+ * Details summary component, contains a the heading to toggle the content.
+ *
+ * @example
+ * <Details.Summary>Heading</Details.Summary>
+ */
+export declare const DetailsSummary: React.ForwardRefExoticComponent<{
+    /** Heading text */
+    children: ReactNode;
+} & HTMLAttributes<HTMLElement> & React.RefAttributes<HTMLElement>>;
+//# sourceMappingURL=DetailsSummary.d.ts.map

package/dist/types/components/Details/DetailsSummary.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DetailsSummary.d.ts","sourceRoot":"","sources":["../../../src/components/Details/DetailsSummary.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvD,MAAM,MAAM,mBAAmB,GAAG;IAChC,mBAAmB;IACnB,QAAQ,EAAE,SAAS,CAAC;CACrB,GAAG,cAAc,CAAC,WAAW,CAAC,CAAC;AAEhC;;;;;GAKG;AACH,eAAO,MAAM,cAAc;IAVzB,mBAAmB;cACT,SAAS;mEAcpB,CAAC"}

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

@@ -0,0 +1,22 @@
+import { DetailsContent } from './DetailsContent';
+import { DetailsSummary } from './DetailsSummary';
+/**
+ * Details component, contains `Details.Summary` and `Details.Content` components.
+ *
+ * @example
+ * <Details>
+ *  <Details.Summary>Header</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("./DetailsContent").DetailsContentProps & React.RefAttributes<HTMLDivElement>>;
+};
+export type { DetailsContentProps } from './DetailsContent';
+export type { DetailsSummaryProps } from './DetailsSummary';
+export type { DetailsProps } from './Details';
+export { Details, DetailsContent, DetailsSummary };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Details/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAElD;;;;;;;;GAQG;AACH,QAAA,MAAM,OAAO;;;;;CAGX,CAAC;AAKH,YAAY,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAC5D,YAAY,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAC5D,YAAY,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,CAAC"}

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

@@ -0,0 +1,95 @@
+import type { DialogHTMLAttributes } from 'react';
+import type { DefaultProps } from '../../types';
+import type { MergeRight } from '../../utilities';
+export type DialogProps = MergeRight<DefaultProps & DialogHTMLAttributes<HTMLDialogElement>, {
+    /**
+     * Screen reader label of close button. Set false to hide the close button.
+     * @default 'Lukk dialogvindu'
+     */
+    closeButton?: string | false;
+    /**
+     * Light dismiss behavior, allowing to close on backdrop click  by setting `closedby="any"`.
+     *
+     * @default 'closerequest'
+     */
+    closedby?: 'none' | 'closerequest' | 'any';
+    /**
+     * Toogle modal and non-modal dialog.
+     *
+     * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/dialog#creating_a_modal_dialog
+     *
+     * @default true
+     */
+    modal?: boolean;
+    /**
+     * @note Unlike standard html, where the open attribute always opens a non-modal dialog, Dialog's open prop uses the `modal` prop to determine whether the Dialog is modal or non-modal
+     */
+    open?: boolean;
+    /**
+     * Callback that is called when the dialog is closed.
+     */
+    onClose?: (event: Event) => void;
+    /**
+     * Change the default rendered element for the one passed as a child, merging their props and behavior.
+     * @default false
+     */
+    asChild?: boolean;
+}>;
+/**
+ * Dialog component, used to display a dialog dialog.
+ *
+ * @example with TriggerContext
+ * <Dialog.TriggerContext>
+ *   <Dialog.Trigger>Open Dialog</Dialog.Trigger>
+ *   <Dialog>
+ *     <Dialog.Block>
+ *       Content
+ *     </Dialog.Block>
+ *   </Dialog>
+ * </Dialog.TriggerContext>
+ *
+ * @example without TriggerContext
+ * const dialogRef = useRef<HTMLDialogElement>(null);
+ *
+ * ...
+ *
+ * <Button onClick={() => dialogRef.current?.showModal()}>Open Dialog</Button>
+ * <Dialog ref={dialogRef}>
+ *   Content
+ * </Dialog>
+ */
+export declare const Dialog: React.ForwardRefExoticComponent<Omit<DefaultProps & DialogHTMLAttributes<HTMLDialogElement>, "asChild" | "open" | "onClose" | "closeButton" | "closedby" | "modal"> & {
+    /**
+     * Screen reader label of close button. Set false to hide the close button.
+     * @default 'Lukk dialogvindu'
+     */
+    closeButton?: string | false;
+    /**
+     * Light dismiss behavior, allowing to close on backdrop click  by setting `closedby="any"`.
+     *
+     * @default 'closerequest'
+     */
+    closedby?: "none" | "closerequest" | "any";
+    /**
+     * Toogle modal and non-modal dialog.
+     *
+     * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/dialog#creating_a_modal_dialog
+     *
+     * @default true
+     */
+    modal?: boolean;
+    /**
+     * @note Unlike standard html, where the open attribute always opens a non-modal dialog, Dialog's open prop uses the `modal` prop to determine whether the Dialog is modal or non-modal
+     */
+    open?: boolean;
+    /**
+     * Callback that is called when the dialog is closed.
+     */
+    onClose?: (event: Event) => void;
+    /**
+     * Change the default rendered element for the one passed as a child, merging their props and behavior.
+     * @default false
+     */
+    asChild?: boolean;
+} & React.RefAttributes<HTMLDialogElement>>;
+//# sourceMappingURL=Dialog.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../../src/components/Dialog/Dialog.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAGlD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAIlD,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"}

package/dist/types/components/Dialog/DialogBlock.d.ts

@@ -0,0 +1,32 @@
+import type { HTMLAttributes } from 'react';
+export type DialogBlockProps = {
+    /**
+     * Change the default rendered element for the one passed as a child, merging their props and behavior.
+     * @default false
+     */
+    asChild?: boolean;
+} & HTMLAttributes<HTMLDivElement>;
+/**
+ * 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>
+ */
+export declare const DialogBlock: React.ForwardRefExoticComponent<{
+    /**
+     * Change the default rendered element for the one passed as a child, merging their props and behavior.
+     * @default false
+     */
+    asChild?: boolean;
+} & HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=DialogBlock.d.ts.map

package/dist/types/components/Dialog/DialogBlock.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DialogBlock.d.ts","sourceRoot":"","sources":["../../../src/components/Dialog/DialogBlock.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAG5C,MAAM,MAAM,gBAAgB,GAAG;IAC7B;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAEnC;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,WAAW;IAvBtB;;;OAGG;cACO,OAAO;yEA+BlB,CAAC"}

package/dist/types/components/Dialog/DialogTrigger.d.ts

@@ -0,0 +1,23 @@
+import type { ComponentPropsWithRef } from 'react';
+import { Button } from '../Button/Button';
+export type DialogTriggerProps = ComponentPropsWithRef<typeof Button>;
+/**
+ * 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>
+ */
+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;
+    icon?: boolean;
+    loading?: boolean | React.ReactNode;
+    asChild?: boolean;
+    type?: React.ButtonHTMLAttributes<HTMLButtonElement>["type"];
+} & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+//# sourceMappingURL=DialogTrigger.d.ts.map

package/dist/types/components/Dialog/DialogTrigger.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DialogTrigger.d.ts","sourceRoot":"","sources":["../../../src/components/Dialog/DialogTrigger.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,OAAO,CAAC;AAEnD,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAG1C,MAAM,MAAM,kBAAkB,GAAG,qBAAqB,CAAC,OAAO,MAAM,CAAC,CAAC;AAEtE;;;;;;;;;;GAUG;AACH,eAAO,MAAM,aAAa;;;;;;;4FAqBzB,CAAC"}

package/dist/types/components/Dialog/DialogTriggerContext.d.ts

@@ -0,0 +1,21 @@
+import type { ReactNode, RefObject } from 'react';
+export declare const Context: React.Context<RefObject<HTMLDialogElement | null>>;
+export type DialogTriggerContextProps = {
+    children: ReactNode;
+};
+/**
+ * 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>
+ */
+export declare const DialogTriggerContext: {
+    ({ children, }: DialogTriggerContextProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+//# sourceMappingURL=DialogTriggerContext.d.ts.map

package/dist/types/components/Dialog/DialogTriggerContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DialogTriggerContext.d.ts","sourceRoot":"","sources":["../../../src/components/Dialog/DialogTriggerContext.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElD,eAAO,MAAM,OAAO,oDAElB,CAAC;AAEH,MAAM,MAAM,yBAAyB,GAAG;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,CAAC;AAEhE;;;;;;;;;;GAUG;AACH,eAAO,MAAM,oBAAoB;oBAE9B,yBAAyB;;CAI3B,CAAC"}

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

@@ -0,0 +1,46 @@
+import { DialogBlock } from './DialogBlock';
+import { DialogTrigger } from './DialogTrigger';
+import { DialogTriggerContext } from './DialogTriggerContext';
+/**
+ * Dialog component, used to display a Dialog dialog.
+ *
+ * @example
+ * <Dialog.TriggerContext>
+ *   <Dialog.Trigger>Open Dialog</Dialog.Trigger>
+ *   <Dialog>
+ *     <Dialog.Block>
+ *       Content
+ *     </Dialog.Block>
+ *   </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("./DialogTriggerContext").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>>;
+};
+export type { DialogBlockProps } from './DialogBlock';
+export type { DialogTriggerContextProps } from './DialogTriggerContext';
+export type { DialogProps } from './Dialog';
+export type { DialogTriggerProps } from './DialogTrigger';
+export { Dialog, DialogBlock, DialogTriggerContext, DialogTrigger };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Dialog/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAE9D;;;;;;;;;;;;GAYG;AACH,QAAA,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;CAIV,CAAC;AAMH,YAAY,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACtD,YAAY,EAAE,yBAAyB,EAAE,MAAM,wBAAwB,CAAC;AACxE,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAC5C,YAAY,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAC1D,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,oBAAoB,EAAE,aAAa,EAAE,CAAC"}

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

@@ -1,16 +1,10 @@
-import type * as React from 'react';
-export type DividerProps = {
-    /**
-     * The color of the divider.
-     * @default 'default'
-     */
-    color?: 'default' | 'strong' | 'subtle';
-} & React.HTMLAttributes<HTMLHRElement>;
-export declare const Divider: React.ForwardRefExoticComponent<{
-    /**
-     * The color of the divider.
-     * @default 'default'
-     */
-    color?: "strong" | "default" | "subtle" | undefined;
-} & React.HTMLAttributes<HTMLHRElement> & React.RefAttributes<HTMLHRElement>>;
+import type { HTMLAttributes } from 'react';
+export type DividerProps = HTMLAttributes<HTMLHRElement>;
+/**
+ * Divider component, used to separate content. Uses `hr` element.
+ *
+ * @example
+ * <Divider />
+ */
+export declare const Divider: React.ForwardRefExoticComponent<DividerProps & React.RefAttributes<HTMLHRElement>>;
 //# sourceMappingURL=Divider.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Divider.d.ts","sourceRoot":"","sources":["../../../../src/components/Divider/Divider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAIpC,MAAM,MAAM,YAAY,GAAG;IACzB;;;OAGG;IACH,KAAK,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,QAAQ,CAAC;CACzC,GAAG,KAAK,CAAC,cAAc,CAAC,aAAa,CAAC,CAAC;AAExC,eAAO,MAAM,OAAO;IAPlB;;;OAGG;;6EAcJ,CAAC"}
+{"version":3,"file":"Divider.d.ts","sourceRoot":"","sources":["../../../src/components/Divider/Divider.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAG5C,MAAM,MAAM,YAAY,GAAG,cAAc,CAAC,aAAa,CAAC,CAAC;AAEzD;;;;;GAKG;AACH,eAAO,MAAM,OAAO,oFAalB,CAAC"}

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

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