@digdir/designsystemet-react 1.0.8 → 1.1.0

package/dist/cjs/components/MultiSuggestion/index.js

@@ -1,34 +0,0 @@
-'use client';
-'use strict';
-
-var MultiSuggestion$1 = require('./MultiSuggestion.js');
-var MultiSuggestionChips = require('./MultiSuggestionChips.js');
-var MultiSuggestionClear = require('./MultiSuggestionClear.js');
-var MultiSuggestionEmpty = require('./MultiSuggestionEmpty.js');
-var MultiSuggestionInput = require('./MultiSuggestionInput.js');
-var MultiSuggestionList = require('./MultiSuggestionList.js');
-var MultiSuggestionOption = require('./MultiSuggestionOption.js');
-
-const MultiSuggestion = Object.assign(MultiSuggestion$1.MultiSuggestion, {
-    Input: MultiSuggestionInput.MultiSuggestionInput,
-    List: MultiSuggestionList.MultiSuggestionList,
-    Option: MultiSuggestionOption.MultiSuggestionOption,
-    Chips: MultiSuggestionChips.MultiSuggestionChips,
-    Empty: MultiSuggestionEmpty.MultiSuggestionEmpty,
-    Clear: MultiSuggestionClear.MultiSuggestionClear,
-});
-MultiSuggestion.displayName = 'EXPERIMENTAL_MultiSuggestion';
-MultiSuggestion.Input.displayName = 'EXPERIMENTAL_MultiSuggestion.Input';
-MultiSuggestion.List.displayName = 'EXPERIMENTAL_MultiSuggestion.List';
-MultiSuggestion.Option.displayName = 'EXPERIMENTAL_MultiSuggestion.Option';
-MultiSuggestion.Chips.displayName = 'EXPERIMENTAL_MultiSuggestion.Chips';
-MultiSuggestion.Empty.displayName = 'EXPERIMENTAL_MultiSuggestion.Empty';
-MultiSuggestion.Clear.displayName = 'EXPERIMENTAL_MultiSuggestion.Clear';
-
-exports.EXPERIMENTAL_MultiSuggestionChips = MultiSuggestionChips.MultiSuggestionChips;
-exports.EXPERIMENTAL_MultiSuggestionClear = MultiSuggestionClear.MultiSuggestionClear;
-exports.EXPERIMENTAL_MultiSuggestionEmpty = MultiSuggestionEmpty.MultiSuggestionEmpty;
-exports.EXPERIMENTAL_MultiSuggestionInput = MultiSuggestionInput.MultiSuggestionInput;
-exports.EXPERIMENTAL_MultiSuggestionList = MultiSuggestionList.MultiSuggestionList;
-exports.EXPERIMENTAL_MultiSuggestionOption = MultiSuggestionOption.MultiSuggestionOption;
-exports.EXPERIMENTAL_MultiSuggestion = MultiSuggestion;

package/dist/esm/components/MultiSuggestion/MultiSuggestion.js

@@ -1,157 +0,0 @@
-'use client';
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { forwardRef, createContext, useState, useId, useRef, useEffect, useCallback } from 'react';
-import '@u-elements/u-tags';
-import { getDatalistValue, syncDatalistState } from '@u-elements/u-datalist';
-import cl from 'clsx/lite';
-import { useMergeRefs } from '../../utilities/hooks/useMergeRefs/useMergeRefs.js';
-
-const MultiSuggestionContext = createContext({});
-const MultiSuggestion = forwardRef(function MultiSuggestion({ value, defaultValue, onValueChange, name, filter = true, allowCreate = false, className, ...rest }, ref) {
-    const [listId, setListId] = useState(useId());
-    const [selectedItems, setSelectedItems] = useState({});
-    const inputRef = useRef(null);
-    const uTagsRef = useRef(null);
-    const mergedRefs = useMergeRefs([ref, uTagsRef]);
-    const isControlled = Boolean(value);
-    const [controlledDirty, setControlledDirty] = useState(false);
-    /**
-     * If we have set a default value, set it on initial render
-     */
-    useEffect(() => {
-        if (!defaultValue)
-            return;
-        if (value) {
-            console.warn('defaultValue can not be used in combination with value');
-            return;
-        }
-        const items = uTagsRef.current?.querySelectorAll('u-option');
-        if (!items)
-            return;
-        const defaultItems = Array.from(items).filter((item) => defaultValue.includes(item.value));
-        for (const item of defaultItems) {
-            uTagsRef.current?.dispatchEvent(new CustomEvent('add', {
-                detail: { item },
-            }));
-            setSelectedItems((prevItems) => ({
-                ...prevItems,
-                [item.value]: item,
-            }));
-        }
-        return () => {
-            console.error('Default value changed during render');
-        };
-    }, [defaultValue]);
-    /**
-     * Controlled state management
-     */
-    useEffect(() => {
-        if (!value)
-            return;
-        const items = inputRef.current?.list?.options;
-        if (!items)
-            return;
-        const itemsArray = Array.from(items);
-        const itemsArrayValues = itemsArray.map((item) => item.value);
-        const selectedArray = Object.keys(selectedItems);
-        const validValues = value.filter((val) => itemsArrayValues.includes(val));
-        const itemsToAdd = validValues.filter((val) => !selectedArray.includes(val));
-        const itemsToRemove = selectedArray.filter((val) => !validValues.includes(val));
-        for (const item of itemsArray) {
-            if (itemsToAdd.includes(item.value)) {
-                uTagsRef.current?.dispatchEvent(new CustomEvent('add', {
-                    detail: { item },
-                }));
-                setSelectedItems((prevItems) => ({
-                    ...prevItems,
-                    [item.value]: item,
-                }));
-            }
-            if (itemsToRemove.includes(item.value)) {
-                uTagsRef.current?.dispatchEvent(new CustomEvent('remove', {
-                    detail: { item },
-                }));
-                setSelectedItems((prevItems) => {
-                    const { [item.value]: _, ...rest } = prevItems;
-                    return rest;
-                });
-            }
-        }
-    }, [value]);
-    /**
-     * Listerners and handling of adding/removing
-     */
-    useEffect(() => {
-        if (!uTagsRef?.current)
-            return;
-        const handleItemsChange = (e) => {
-            e.preventDefault();
-            const item = e.detail.item;
-            if (e.detail.action === 'add') {
-                /**
-                 * If creating is off, check if the value is allowed to be added
-                 */
-                if (!allowCreate) {
-                    const optionExists = Array.from(inputRef.current?.list?.options || [], getDatalistValue).includes(item.value);
-                    if (!optionExists)
-                        return;
-                }
-                setSelectedItems((prevItems) => ({
-                    ...prevItems,
-                    [item.value]: item,
-                }));
-            }
-            if (e.detail.action === 'remove') {
-                setSelectedItems((prevItems) => {
-                    const { [item.value]: _, ...rest } = prevItems;
-                    return rest;
-                });
-            }
-            if (isControlled)
-                setControlledDirty(true);
-        };
-        uTagsRef.current.addEventListener('tags', handleItemsChange);
-        return () => {
-            uTagsRef.current?.removeEventListener('tags', handleItemsChange);
-        };
-    }, [uTagsRef, setSelectedItems]);
-    /**
-     * When controlled, trigger onValueChange callback for ordinary add/remove
-     */
-    useEffect(() => {
-        if (!controlledDirty)
-            return;
-        onValueChange?.(Object.keys(selectedItems));
-        setControlledDirty(false);
-    }, [controlledDirty]);
-    const handleFilter = useCallback((input) => {
-        const list = input?.list;
-        // Let <datalist> handle filtering if filter is true
-        if (filter === true || !list)
-            return;
-        // Handle custom filter
-        if (filter !== false) {
-            let index = 0;
-            for (const option of list.getElementsByTagName('u-option')) {
-                if (!option.hasAttribute('data-empty'))
-                    option.disabled = !filter({
-                        index: index++, // Increment index for each <option>
-                        input,
-                        optionElement: option,
-                        text: option.text,
-                        value: getDatalistValue(option),
-                    });
-            }
-        }
-        syncDatalistState(input); // Sync the datalist state if filter is custom or false
-    }, [filter]);
-    return (jsxs(MultiSuggestionContext.Provider, { value: {
-            inputRef,
-            listId,
-            selectedItems,
-            setListId,
-            handleFilter,
-        }, children: [jsx("u-tags", { class: cl('ds-multi-suggestion', className), ref: mergedRefs, ...rest }), name && (jsx("select", { multiple: true, hidden: true, name: name, children: Object.values(selectedItems).map((item) => (jsx("option", { value: item.value }, item.value))) }))] }));
-});
-
-export { MultiSuggestion, MultiSuggestionContext };

package/dist/esm/components/MultiSuggestion/MultiSuggestionChips.js

@@ -1,18 +0,0 @@
-'use client';
-import { jsx, Fragment } from 'react/jsx-runtime';
-import { useContext } from 'react';
-import { Chip } from '../Chip/index.js';
-import { MultiSuggestionContext } from './MultiSuggestion.js';
-
-const MultiSuggestionChips = ({ render = ({ value }) => value, }) => {
-    const { selectedItems } = useContext(MultiSuggestionContext);
-    return (jsx(Fragment, { children: selectedItems &&
-            Object.values(selectedItems).map((item) => (jsx(Chip.Removable, { value: item.value, asChild: true, children: jsx("data", { children: render({
-                        text: item.textContent || item.value,
-                        value: item.value,
-                        element: item,
-                    }) }) }, item.value))) }));
-};
-MultiSuggestionChips.displayName = 'MultiSuggestionChips';
-
-export { MultiSuggestionChips };

package/dist/esm/components/MultiSuggestion/MultiSuggestionClear.js

@@ -1,49 +0,0 @@
-'use client';
-import { jsx } from 'react/jsx-runtime';
-import { forwardRef, useContext } from 'react';
-import { MultiSuggestionContext } from './MultiSuggestion.js';
-import { Button } from '../Button/Button.js';
-
-/**
- * Component that provides a clear button for the MultiSuggestion input.
- *
- * Place as a descendant of `MultiSuggestion`
- *
- * @example
- * <MultiSuggestion>
- *   <MultiSuggestion.Input />
- *   <MultiSuggestion.Clear />
- *   <MultiSuggestion.List />
- * </MultiSuggestion>
- */
-const MultiSuggestionClear = forwardRef(function MultiSuggestionClear({ 'aria-label': label = 'Tøm', onClick, ...rest }, ref) {
-    const { inputRef } = useContext(MultiSuggestionContext); //, handleValueChange
-    const handleClear = (event) => {
-        if (!inputRef?.current)
-            throw new Error('Input is missing');
-        /* narrow type to make TS happy */
-        if (!(inputRef?.current instanceof HTMLInputElement))
-            throw new Error('Input is not an input element');
-        event.preventDefault();
-        setReactInputValue(inputRef.current, '');
-        inputRef.current.focus();
-        onClick?.(event);
-    };
-    return (jsx(Button, { ref: ref, variant: 'tertiary', type: 'reset', "aria-label": label, onClick: handleClear, icon: true, ...rest }));
-});
-// Copied from https://github.com/facebook/react/issues/11488#issuecomment-1300987446
-const setReactInputValue = (input, value) => {
-    const nativeInputValueSetter = Object.getOwnPropertyDescriptor(window.HTMLInputElement.prototype, 'value')?.set;
-    if (nativeInputValueSetter) {
-        nativeInputValueSetter.call(input, value);
-    }
-    else {
-        throw new Error('Unable to find the native input value setter');
-    }
-    const inputEvent = new Event('input', { bubbles: true });
-    const changeEvent = new Event('change', { bubbles: true });
-    input.dispatchEvent(inputEvent);
-    input.dispatchEvent(changeEvent);
-};
-
-export { MultiSuggestionClear, setReactInputValue };

package/dist/esm/components/MultiSuggestion/MultiSuggestionEmpty.js

@@ -1,21 +0,0 @@
-'use client';
-import { jsx } from 'react/jsx-runtime';
-import { forwardRef } from 'react';
-
-/**
- * Component that provides an empty MultiSuggestion list.
- *
- * Place as a descendant of `MultiSuggestion.List`
- *
- * @example
- * <MultiSuggestion.List>
- *   <MultiSuggestion.Empty>Tomt</MultiSuggestion.Empty>
- * </MultiSuggestion.List>
- */
-const MultiSuggestionEmpty = forwardRef(function MultiSuggestionEmpty(rest, ref) {
-    return (
-    // biome-ignore lint/a11y/noInteractiveElementToNoninteractiveRole: Empty option shoult not be interactive
-    jsx("u-option", { "data-empty": true, role: 'none', ref: ref, ...rest }));
-});
-
-export { MultiSuggestionEmpty };

package/dist/esm/components/MultiSuggestion/MultiSuggestionInput.js

@@ -1,35 +0,0 @@
-'use client';
-import { jsx } from 'react/jsx-runtime';
-import { isDatalistClick } from '@u-elements/u-datalist';
-import { forwardRef, useContext, useEffect } from 'react';
-import { MultiSuggestionContext } from './MultiSuggestion.js';
-import { useMergeRefs } from '../../utilities/hooks/useMergeRefs/useMergeRefs.js';
-import { Input } from '../Input/Input.js';
-
-/**
- * Component that provides an input field for the MultiSuggestion list.
- *
- * Place as a descendant of `MultiSuggestion`
- *
- * @example
- * <MultiSuggestion>
- *   <MultiSuggestion.Input />
- *   <MultiSuggestion.List />
- * </MultiSuggestion>
- */
-const MultiSuggestionInput = forwardRef(function MultiSuggestionList({ value, onInput, ...rest }, ref) {
-    const { listId, inputRef, handleFilter } = useContext(MultiSuggestionContext);
-    const mergedRefs = useMergeRefs([inputRef, ref]);
-    // Update also if controlled value
-    useEffect(() => {
-        handleFilter?.(inputRef?.current);
-    }, [value]);
-    return (jsx(Input, { ref: mergedRefs, list: listId, value: value, onInput: (event) => {
-            onInput?.(event); // Should run first
-            if (!isDatalistClick(event.nativeEvent))
-                handleFilter?.(inputRef?.current);
-        }, placeholder: '' // We need an empty placeholder for the clear button to be able to show/hide
-        , ...rest }));
-});
-
-export { MultiSuggestionInput };

package/dist/esm/components/MultiSuggestion/MultiSuggestionList.js

@@ -1,28 +0,0 @@
-'use client';
-import { jsx } from 'react/jsx-runtime';
-import { forwardRef, useContext, useEffect } from 'react';
-import '@u-elements/u-datalist';
-import { MultiSuggestionContext } from './MultiSuggestion.js';
-
-/**
- * Component that provides a MultiSuggestion list.
- *
- * Place as a descendant of `MultiSuggestion`
- *
- * @example
- * <MultiSuggestion>
- *   <MultiSuggestion.Input />
- *   <MultiSuggestion.List />
- * </MultiSuggestion>
- */
-const MultiSuggestionList = forwardRef(function MultiSuggestionList({ singular = '%d forslag', plural = '%d forslag', className, id, ...rest }, ref) {
-    const { inputRef, listId, setListId, handleFilter } = useContext(MultiSuggestionContext);
-    useEffect(() => handleFilter?.(inputRef?.current)); // Must run on every render
-    useEffect(() => {
-        if (id && listId !== id)
-            setListId?.(id);
-    }, [listId, id, setListId]);
-    return (jsx("u-datalist", { "data-sr-singular": singular, "data-sr-plural": plural, class: className, id: listId, ref: ref, ...rest }));
-});
-
-export { MultiSuggestionList };

package/dist/esm/components/MultiSuggestion/MultiSuggestionOption.js

@@ -1,10 +0,0 @@
-'use client';
-import { jsx } from 'react/jsx-runtime';
-import { forwardRef } from 'react';
-import '@u-elements/u-datalist';
-
-const MultiSuggestionOption = forwardRef(function MultiSuggestionOption({ className, ...rest }, ref) {
-    return (jsx("u-option", { class: className, ref: ref, ...rest }));
-});
-
-export { MultiSuggestionOption };

package/dist/esm/components/MultiSuggestion/index.js

@@ -1,26 +0,0 @@
-'use client';
-import { MultiSuggestion as MultiSuggestion$1 } from './MultiSuggestion.js';
-import { MultiSuggestionChips } from './MultiSuggestionChips.js';
-import { MultiSuggestionClear } from './MultiSuggestionClear.js';
-import { MultiSuggestionEmpty } from './MultiSuggestionEmpty.js';
-import { MultiSuggestionInput } from './MultiSuggestionInput.js';
-import { MultiSuggestionList } from './MultiSuggestionList.js';
-import { MultiSuggestionOption } from './MultiSuggestionOption.js';
-
-const MultiSuggestion = Object.assign(MultiSuggestion$1, {
-    Input: MultiSuggestionInput,
-    List: MultiSuggestionList,
-    Option: MultiSuggestionOption,
-    Chips: MultiSuggestionChips,
-    Empty: MultiSuggestionEmpty,
-    Clear: MultiSuggestionClear,
-});
-MultiSuggestion.displayName = 'EXPERIMENTAL_MultiSuggestion';
-MultiSuggestion.Input.displayName = 'EXPERIMENTAL_MultiSuggestion.Input';
-MultiSuggestion.List.displayName = 'EXPERIMENTAL_MultiSuggestion.List';
-MultiSuggestion.Option.displayName = 'EXPERIMENTAL_MultiSuggestion.Option';
-MultiSuggestion.Chips.displayName = 'EXPERIMENTAL_MultiSuggestion.Chips';
-MultiSuggestion.Empty.displayName = 'EXPERIMENTAL_MultiSuggestion.Empty';
-MultiSuggestion.Clear.displayName = 'EXPERIMENTAL_MultiSuggestion.Clear';
-
-export { MultiSuggestion as EXPERIMENTAL_MultiSuggestion, MultiSuggestionChips as EXPERIMENTAL_MultiSuggestionChips, MultiSuggestionClear as EXPERIMENTAL_MultiSuggestionClear, MultiSuggestionEmpty as EXPERIMENTAL_MultiSuggestionEmpty, MultiSuggestionInput as EXPERIMENTAL_MultiSuggestionInput, MultiSuggestionList as EXPERIMENTAL_MultiSuggestionList, MultiSuggestionOption as EXPERIMENTAL_MultiSuggestionOption };

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

@@ -1,131 +0,0 @@
-import { type HTMLAttributes, type RefObject } from 'react';
-import '@u-elements/u-tags';
-import type { UHTMLTagsElement } from '@u-elements/u-tags';
-type MultiSuggestionContextType = {
-    selectedItems?: {
-        [key: string]: HTMLDataElement;
-    };
-    listId?: string;
-    inputRef?: RefObject<HTMLInputElement | null>;
-    setListId?: (id: string) => void;
-    handleFilter?: (input?: HTMLInputElement | null) => void;
-};
-export declare const MultiSuggestionContext: React.Context<MultiSuggestionContextType>;
-export type MultiSuggestionProps = {
-    /**
-     * Filter options, either true, false or a custom callback () => boolean
-     *
-     * If true, the <datalist> will handle filtering.
-     * If false, the <datalist> will not handle filtering.
-     * If a custom callback, the callback will be used to filter the <option> elements.
-     *
-     * @default true
-     */
-    filter?: boolean | ((args: {
-        /**
-         * Index of the `option`
-         */
-        index: number;
-        /**
-         * Text content of the `option`
-         */
-        text: string;
-        /**
-         * Value of the `option`
-         */
-        value: string;
-        /**
-         * The DOM element of the `option`
-         */
-        optionElement: HTMLOptionElement;
-        /**
-         * The DOM element of the `input`
-         */
-        input: HTMLInputElement;
-    }) => boolean);
-    /**
-     * Allows the user to create new items
-     *
-     * @default false
-     */
-    allowCreate?: boolean;
-    /**
-     * The selected items of the multi-select.
-     * Using this makes the component controlled and it must be used in combination with onValueChange
-     */
-    value?: string[];
-    /**
-     * Default selected items when uncontrolled
-     */
-    defaultValue?: string[];
-    /**
-     * Callback when selected items changes
-     */
-    onValueChange?: (value: string[]) => void;
-    /**
-     * The name of the associated form control
-     *
-     * @default undefined
-     */
-    name?: string;
-} & HTMLAttributes<UHTMLTagsElement>;
-export declare const MultiSuggestion: React.ForwardRefExoticComponent<{
-    /**
-     * Filter options, either true, false or a custom callback () => boolean
-     *
-     * If true, the <datalist> will handle filtering.
-     * If false, the <datalist> will not handle filtering.
-     * If a custom callback, the callback will be used to filter the <option> elements.
-     *
-     * @default true
-     */
-    filter?: boolean | ((args: {
-        /**
-         * Index of the `option`
-         */
-        index: number;
-        /**
-         * Text content of the `option`
-         */
-        text: string;
-        /**
-         * Value of the `option`
-         */
-        value: string;
-        /**
-         * The DOM element of the `option`
-         */
-        optionElement: HTMLOptionElement;
-        /**
-         * The DOM element of the `input`
-         */
-        input: HTMLInputElement;
-    }) => boolean);
-    /**
-     * Allows the user to create new items
-     *
-     * @default false
-     */
-    allowCreate?: boolean;
-    /**
-     * The selected items of the multi-select.
-     * Using this makes the component controlled and it must be used in combination with onValueChange
-     */
-    value?: string[];
-    /**
-     * Default selected items when uncontrolled
-     */
-    defaultValue?: string[];
-    /**
-     * Callback when selected items changes
-     */
-    onValueChange?: (value: string[]) => void;
-    /**
-     * The name of the associated form control
-     *
-     * @default undefined
-     */
-    name?: string;
-} & HTMLAttributes<UHTMLTagsElement> & React.RefAttributes<UHTMLTagsElement>>;
-export {};
-//# sourceMappingURL=MultiSuggestion.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"MultiSuggestion.d.ts","sourceRoot":"","sources":["../../../src/components/MultiSuggestion/MultiSuggestion.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,cAAc,EACnB,KAAK,SAAS,EAQf,MAAM,OAAO,CAAC;AACf,OAAO,oBAAoB,CAAC;AAE5B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAI3D,KAAK,0BAA0B,GAAG;IAChC,aAAa,CAAC,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,eAAe,CAAA;KAAE,CAAC;IACnD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,SAAS,CAAC,gBAAgB,GAAG,IAAI,CAAC,CAAC;IAC9C,SAAS,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,YAAY,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,gBAAgB,GAAG,IAAI,KAAK,IAAI,CAAC;CAC1D,CAAC;AAEF,eAAO,MAAM,sBAAsB,2CAElC,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG;IACjC;;;;;;;;OAQG;IACH,MAAM,CAAC,EACH,OAAO,GACP,CAAC,CAAC,IAAI,EAAE;QACN;;WAEG;QACH,KAAK,EAAE,MAAM,CAAC;QACd;;WAEG;QACH,IAAI,EAAE,MAAM,CAAC;QACb;;WAEG;QACH,KAAK,EAAE,MAAM,CAAC;QACd;;WAEG;QACH,aAAa,EAAE,iBAAiB,CAAC;QACjC;;WAEG;QACH,KAAK,EAAE,gBAAgB,CAAC;KACzB,KAAK,OAAO,CAAC,CAAC;IACnB;;;;OAIG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IACjB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IACxB;;OAEG;IACH,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAC1C;;;;OAIG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,GAAG,cAAc,CAAC,gBAAgB,CAAC,CAAC;AAErC,eAAO,MAAM,eAAe;IA5D1B;;;;;;;;OAQG;aAEC,OAAO,GACP,CAAC,CAAC,IAAI,EAAE;QACN;;WAEG;QACH,KAAK,EAAE,MAAM,CAAC;QACd;;WAEG;QACH,IAAI,EAAE,MAAM,CAAC;QACb;;WAEG;QACH,KAAK,EAAE,MAAM,CAAC;QACd;;WAEG;QACH,aAAa,EAAE,iBAAiB,CAAC;QACjC;;WAEG;QACH,KAAK,EAAE,gBAAgB,CAAC;KACzB,KAAK,OAAO,CAAC;IAClB;;;;OAIG;kBACW,OAAO;IACrB;;;OAGG;YACK,MAAM,EAAE;IAChB;;OAEG;mBACY,MAAM,EAAE;IACvB;;OAEG;oBACa,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI;IACzC;;;;OAIG;WACI,MAAM;6EA0Nb,CAAC"}

package/dist/types/components/MultiSuggestion/MultiSuggestionChips.d.ts

@@ -1,20 +0,0 @@
-import type { HTMLAttributes, ReactNode } from 'react';
-import type { DefaultProps } from '../../types';
-import type { MergeRight } from '../../utilities';
-export type MultiSuggestionChipsProps = MergeRight<DefaultProps & HTMLAttributes<HTMLDivElement>, {
-    /**
-     * Change the rendered content of the chip.
-     *
-     * @default ({ value }) => value
-     */
-    render?: (args: {
-        text: string;
-        value: string;
-        element: HTMLDataElement;
-    }) => ReactNode;
-}>;
-export declare const MultiSuggestionChips: {
-    ({ render, }: MultiSuggestionChipsProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-//# sourceMappingURL=MultiSuggestionChips.d.ts.map

package/dist/types/components/MultiSuggestion/MultiSuggestionChips.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"MultiSuggestionChips.d.ts","sourceRoot":"","sources":["../../../src/components/MultiSuggestion/MultiSuggestionChips.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAIlD,MAAM,MAAM,yBAAyB,GAAG,UAAU,CAChD,YAAY,GAAG,cAAc,CAAC,cAAc,CAAC,EAC7C;IACE;;;;OAIG;IACH,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE;QACd,IAAI,EAAE,MAAM,CAAC;QACb,KAAK,EAAE,MAAM,CAAC;QACd,OAAO,EAAE,eAAe,CAAC;KAC1B,KAAK,SAAS,CAAC;CACjB,CACF,CAAC;AAEF,eAAO,MAAM,oBAAoB;kBAE9B,yBAAyB;;CAmB3B,CAAC"}

package/dist/types/components/MultiSuggestion/MultiSuggestionClear.d.ts

@@ -1,35 +0,0 @@
-import { type ButtonProps } from '../Button';
-export type MultiSuggestionClearProps = Omit<ButtonProps, 'variant' | 'children'> & {
-    /**
-     * Aria label for the clear button
-     * @default 'Tøm'
-     */
-    'aria-label'?: string;
-};
-/**
- * Component that provides a clear button for the MultiSuggestion input.
- *
- * Place as a descendant of `MultiSuggestion`
- *
- * @example
- * <MultiSuggestion>
- *   <MultiSuggestion.Input />
- *   <MultiSuggestion.Clear />
- *   <MultiSuggestion.List />
- * </MultiSuggestion>
- */
-export declare const MultiSuggestionClear: React.ForwardRefExoticComponent<Omit<ButtonProps, "children" | "variant"> & {
-    /**
-     * Aria label for the clear button
-     * @default 'Tøm'
-     */
-    'aria-label'?: string;
-} & React.RefAttributes<HTMLButtonElement>>;
-type ReactInternalHack = {
-    _valueTracker?: {
-        setValue: (a: string) => void;
-    };
-};
-export declare const setReactInputValue: (input: HTMLInputElement & ReactInternalHack, value: string) => void;
-export {};
-//# sourceMappingURL=MultiSuggestionClear.d.ts.map

package/dist/types/components/MultiSuggestion/MultiSuggestionClear.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"MultiSuggestionClear.d.ts","sourceRoot":"","sources":["../../../src/components/MultiSuggestion/MultiSuggestionClear.tsx"],"names":[],"mappings":"AACA,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,WAAW,CAAC;AAIrD,MAAM,MAAM,yBAAyB,GAAG,IAAI,CAC1C,WAAW,EACX,SAAS,GAAG,UAAU,CACvB,GAAG;IACF;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,oBAAoB;IAnB/B;;;OAGG;mBACY,MAAM;2CAiDrB,CAAC;AAIH,KAAK,iBAAiB,GAAG;IAAE,aAAa,CAAC,EAAE;QAAE,QAAQ,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;KAAE,CAAA;CAAE,CAAC;AAG/E,eAAO,MAAM,kBAAkB,GAC7B,OAAO,gBAAgB,GAAG,iBAAiB,EAC3C,OAAO,MAAM,KACZ,IAcF,CAAC"}

package/dist/types/components/MultiSuggestion/MultiSuggestionEmpty.d.ts

@@ -1,15 +0,0 @@
-import type { OptionHTMLAttributes } from 'react';
-import type { DefaultProps } from '../../types';
-export type MultiSuggestionEmptyProps = DefaultProps & OptionHTMLAttributes<HTMLOptionElement>;
-/**
- * Component that provides an empty MultiSuggestion list.
- *
- * Place as a descendant of `MultiSuggestion.List`
- *
- * @example
- * <MultiSuggestion.List>
- *   <MultiSuggestion.Empty>Tomt</MultiSuggestion.Empty>
- * </MultiSuggestion.List>
- */
-export declare const MultiSuggestionEmpty: React.ForwardRefExoticComponent<DefaultProps & OptionHTMLAttributes<HTMLOptionElement> & React.RefAttributes<HTMLOptionElement>>;
-//# sourceMappingURL=MultiSuggestionEmpty.d.ts.map

package/dist/types/components/MultiSuggestion/MultiSuggestionEmpty.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"MultiSuggestionEmpty.d.ts","sourceRoot":"","sources":["../../../src/components/MultiSuggestion/MultiSuggestionEmpty.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAElD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAEhD,MAAM,MAAM,yBAAyB,GAAG,YAAY,GAClD,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;AAE1C;;;;;;;;;GASG;AACH,eAAO,MAAM,oBAAoB,kIAQ/B,CAAC"}

package/dist/types/components/MultiSuggestion/MultiSuggestionInput.d.ts

@@ -1,21 +0,0 @@
-import { type InputProps } from '../Input';
-export type MultiSuggestionInputProps = InputProps;
-/**
- * Component that provides an input field for the MultiSuggestion list.
- *
- * Place as a descendant of `MultiSuggestion`
- *
- * @example
- * <MultiSuggestion>
- *   <MultiSuggestion.Input />
- *   <MultiSuggestion.List />
- * </MultiSuggestion>
- */
-export declare const MultiSuggestionInput: React.ForwardRefExoticComponent<Omit<import("../../types").DefaultProps & Omit<React.InputHTMLAttributes<HTMLInputElement>, "prefix" | "type">, "type" | "disabled" | "readOnly" | "size" | "role"> & {
-    type?: "checkbox" | "color" | "date" | "datetime-local" | "email" | "file" | "hidden" | "month" | "number" | "password" | "radio" | "search" | "tel" | "text" | "time" | "url" | "week";
-    size?: number;
-    disabled?: boolean;
-    readOnly?: boolean;
-    role?: React.AriaRole | undefined;
-} & React.RefAttributes<HTMLInputElement>>;
-//# sourceMappingURL=MultiSuggestionInput.d.ts.map

package/dist/types/components/MultiSuggestion/MultiSuggestionInput.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"MultiSuggestionInput.d.ts","sourceRoot":"","sources":["../../../src/components/MultiSuggestion/MultiSuggestionInput.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,UAAU,CAAC;AAGlD,MAAM,MAAM,yBAAyB,GAAG,UAAU,CAAC;AAEnD;;;;;;;;;;GAUG;AACH,eAAO,MAAM,oBAAoB;;;;;;0CA2B/B,CAAC"}