@digdir/designsystemet-react 1.1.2 → 1.1.4

package/dist/cjs/components/Skeleton/Skeleton.js

@@ -1,27 +0,0 @@
-'use client';
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var reactSlot = require('@radix-ui/react-slot');
-var cl = require('clsx/lite');
-var react = require('react');
-var useSynchronizedAnimation = require('../../utilities/hooks/useSynchronizedAnimation/useSynchronizedAnimation.js');
-var useMergeRefs = require('../../utilities/hooks/useMergeRefs/useMergeRefs.js');
-
-/**
- * Skeleton is used to represent a draft of page while the content loads.
- *
- * @example
- * <Skeleton variant="circle" />
- * <Skeleton variant="text" />
- * <Skeleton variant="rectangle" />
- */
-const Skeleton = react.forwardRef(function Skeleton({ asChild, className, height, style, variant = 'rectangle', width, ...rest }, ref) {
-    const Component = asChild ? reactSlot.Slot : 'span';
-    const isText = variant === 'text';
-    const animationRef = useSynchronizedAnimation.useSynchronizedAnimation('ds-skeleton-opacity-fade');
-    const mergedRefs = useMergeRefs.useMergeRefs([animationRef, ref]);
-    return (jsxRuntime.jsx(Component, { "aria-hidden": 'true', className: cl('ds-skeleton', className), "data-text": isText ? '-'.repeat(Number(width) || 1) : undefined, "data-variant": variant, ref: mergedRefs, style: isText ? style : { width, height, ...style }, ...rest }));
-});
-
-exports.Skeleton = Skeleton;

package/dist/cjs/components/SkipLink/SkipLink.js

@@ -1,19 +0,0 @@
-'use client';
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var cl = require('clsx/lite');
-var react = require('react');
-
-/**
- * SkipLink component, used to display a skip link within the page.
- * Place it at the top of the page to allow users to skip to the main content.
- *
- * @example
- * <SkipLink href='#main-content'>Skip to main content</SkipLink>
- */
-const SkipLink = react.forwardRef(function SkipLink({ children, className, ...rest }, ref) {
-    return (jsxRuntime.jsx("a", { className: cl('ds-skiplink', className), ...rest, ref: ref, children: children }));
-});
-
-exports.SkipLink = SkipLink;

package/dist/cjs/components/Spinner/Spinner.js

@@ -1,23 +0,0 @@
-'use client';
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var cl = require('clsx/lite');
-var react = require('react');
-var useSynchronizedAnimation = require('../../utilities/hooks/useSynchronizedAnimation/useSynchronizedAnimation.js');
-var useMergeRefs = require('../../utilities/hooks/useMergeRefs/useMergeRefs.js');
-
-/**
- * Spinner component used for indicating busy or indeterminate loading.
- *
- * @example
- * <Spinner aria-label='Loading users...' />
- */
-const Spinner = react.forwardRef(function Spinner({ 'aria-label': ariaLabel, className, ...rest }, ref) {
-    const svgRef = useSynchronizedAnimation.useSynchronizedAnimation('ds-spinner-rotate-animation');
-    const strokeRef = useSynchronizedAnimation.useSynchronizedAnimation('ds-spinner-stroke-animation');
-    const mergedRefs = useMergeRefs.useMergeRefs([svgRef, ref]);
-    return (jsxRuntime.jsxs("svg", { "aria-label": ariaLabel, className: cl('ds-spinner', className), ref: mergedRefs, role: 'img', viewBox: '0 0 50 50', ...rest, children: [jsxRuntime.jsx("circle", { className: cl('ds-spinner__background'), cx: '25', cy: '25', r: '20', fill: 'none', strokeWidth: '5' }), jsxRuntime.jsx("circle", { className: cl(`ds-spinner__circle`), cx: '25', cy: '25', r: '20', fill: 'none', strokeWidth: '5', ref: strokeRef })] }));
-});
-
-exports.Spinner = Spinner;

package/dist/cjs/components/Suggestion/Suggestion.js

@@ -1,87 +0,0 @@
-'use client';
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var react = require('react');
-require('@u-elements/u-combobox');
-var cl = require('clsx/lite');
-var useMergeRefs = require('../../utilities/hooks/useMergeRefs/useMergeRefs.js');
-
-const SuggestionContext = react.createContext({
-    handleFilter: () => undefined,
-});
-const text = (el) => el.textContent?.trim() || '';
-const sanitizeItems = (values = []) => typeof values === 'string'
-    ? [{ label: values, value: values }]
-    : values.map((value) => typeof value === 'string'
-        ? { label: value, value }
-        : {
-            label: value.label || value.value || '',
-            value: value.value || '',
-        });
-const nextItems = (data, prev, multiple) => {
-    const item = { label: text(data), value: data.value };
-    if (!multiple)
-        return data.isConnected ? [] : [item];
-    return data.isConnected
-        ? sanitizeItems(prev).filter(({ value }) => value !== item.value)
-        : [...sanitizeItems(prev), item];
-};
-const defaultFilter = ({ label, input }) => label.toLowerCase().includes(input.value.trim().toLowerCase());
-const Suggestion = react.forwardRef(function Suggestion({ children, className, creatable = false, defaultValue, filter = true, multiple = false, name, onValueChange, value, ...rest }, ref) {
-    const uComboboxRef = react.useRef(null);
-    const generatedSelectId = react.useId();
-    const selectId = rest.id ? `${rest.id}-select` : generatedSelectId;
-    const isContolled = value !== undefined;
-    const mergedRefs = useMergeRefs.useMergeRefs([ref, uComboboxRef]);
-    const [isEmpty, setIsEmpty] = react.useState(false);
-    const [selectedItems, setSelectedItems] = react.useState(sanitizeItems(defaultValue || value));
-    // Update if controlled values
-    const prevControlled = react.useRef(value);
-    if (value !== prevControlled.current) {
-        prevControlled.current = value;
-        setSelectedItems(sanitizeItems(prevControlled.current));
-    }
-    /**
-     * Listerners and handling of adding/removing
-     */
-    react.useEffect(() => {
-        const combobox = uComboboxRef.current;
-        const beforeChange = (event) => {
-            event.preventDefault();
-            const multiple = combobox?.multiple;
-            const data = event.detail;
-            if (isContolled)
-                onValueChange?.(nextItems(data, prevControlled.current, multiple));
-            else
-                setSelectedItems((prevItems) => nextItems(data, prevItems, multiple));
-        };
-        combobox?.addEventListener('beforechange', beforeChange);
-        return () => combobox?.removeEventListener('beforechange', beforeChange);
-    }, [isContolled, setSelectedItems]);
-    const handleFilter = react.useCallback(() => {
-        const { control: input, options = [] } = uComboboxRef?.current || {};
-        const filterFn = filter === true ? defaultFilter : filter;
-        let disabled = 0;
-        let index = 0;
-        for (const option of options)
-            if (!option.hasAttribute('data-empty')) {
-                if (filterFn && input)
-                    option.disabled =
-                        !filterFn({
-                            index,
-                            input,
-                            label: option.label,
-                            optionElement: option,
-                            text: option.text,
-                            value: option.value,
-                        }) && Boolean(++disabled);
-                index++; // Increment index for each <option>
-            }
-        setIsEmpty(index === disabled);
-    }, [filter]);
-    return (jsxRuntime.jsx(SuggestionContext.Provider, { value: { isEmpty, selectedItems, handleFilter }, children: jsxRuntime.jsxs("u-combobox", { "data-multiple": multiple || undefined, "data-creatable": creatable || undefined, class: cl('ds-suggestion', className), ref: mergedRefs, ...rest, children: [children, !!name && (jsxRuntime.jsx("select", { name: name, multiple: true, hidden: true, id: selectId }))] }) }));
-});
-
-exports.Suggestion = Suggestion;
-exports.SuggestionContext = SuggestionContext;

package/dist/cjs/components/Suggestion/SuggestionChips.js

@@ -1,15 +0,0 @@
-'use client';
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var react = require('react');
-var index = require('../Chip/index.js');
-var Suggestion = require('./Suggestion.js');
-
-const SuggestionChips = ({ render = ({ label }) => label, }) => {
-    const { selectedItems = [] } = react.useContext(Suggestion.SuggestionContext);
-    return (jsxRuntime.jsx(jsxRuntime.Fragment, { children: selectedItems.map((item) => (jsxRuntime.jsx(index.Chip.Removable, { value: item.value, asChild: true, children: jsxRuntime.jsx("data", { children: render(item) }) }, item.value))) }));
-};
-SuggestionChips.displayName = 'SuggestionChips';
-
-exports.SuggestionChips = SuggestionChips;

package/dist/cjs/components/Suggestion/SuggestionClear.js

@@ -1,24 +0,0 @@
-'use client';
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var react = require('react');
-var Button = require('../Button/Button.js');
-
-/**
- * Component that provides a clear button for the Suggestion input.
- *
- * Place as a descendant of `Suggestion`
- *
- * @example
- * <Suggestion>
- *   <Suggestion.Input />
- *   <Suggestion.Clear />
- *   <Suggestion.List />
- * </Suggestion>
- */
-const SuggestionClear = react.forwardRef(function SuggestionClear({ 'aria-label': label = 'Tøm', onClick, ...rest }, ref) {
-    return (jsxRuntime.jsx(Button.Button, { "aria-label": label, asChild: true, icon: true, hidden: true, ref: ref, variant: 'tertiary', ...rest, children: jsxRuntime.jsx("del", {}) }));
-});
-
-exports.SuggestionClear = SuggestionClear;

package/dist/cjs/components/Suggestion/SuggestionEmpty.js

@@ -1,23 +0,0 @@
-'use client';
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var react = require('react');
-var Suggestion = require('./Suggestion.js');
-
-/**
- * Component that provides an empty Suggestion list.
- *
- * Place as a descendant of `Suggestion.List`
- *
- * @example
- * <Suggestion.List>
- *   <Suggestion.Empty>Tomt</Suggestion.Empty>
- * </Suggestion.List>
- */
-const SuggestionEmpty = react.forwardRef(function SuggestionEmpty(rest, ref) {
-    const { isEmpty } = react.useContext(Suggestion.SuggestionContext);
-    return isEmpty ? jsxRuntime.jsx("u-option", { "data-empty": true, value: '', ref: ref, ...rest }) : null;
-});
-
-exports.SuggestionEmpty = SuggestionEmpty;

package/dist/cjs/components/Suggestion/SuggestionInput.js

@@ -1,34 +0,0 @@
-'use client';
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var react = require('react');
-var Suggestion = require('./Suggestion.js');
-var Input = require('../Input/Input.js');
-
-/**
- * Component that provides an input field for the Suggestion list.
- *
- * Place as a descendant of `Suggestion`
- *
- * @example
- * <Suggestion>
- *   <Suggestion.Input />
- *   <Suggestion.List />
- * </Suggestion>
- */
-const SuggestionInput = react.forwardRef(function SuggestionList({ value, onInput, onChange, ...rest }, ref) {
-    const { handleFilter } = react.useContext(Suggestion.SuggestionContext);
-    react.useEffect(handleFilter, [value]); // Filter if controlled value
-    if (onChange)
-        console.warn('SuggestionInput: Avoid using onChange, as Suggestion controls the Input. Use onValueChange on Suggest instead, or onInput if fetching API results');
-    if (value)
-        console.warn('SuggestionInput: Avoid using value, as Suggestion controls the Input. Use value on Suggest instead.');
-    return (jsxRuntime.jsx(Input.Input, { placeholder: '' // We need an empty placeholder for the clear button to be able to show/hide
-        , ref: ref, onInput: (event) => {
-            onInput?.(event); // Should run first
-            handleFilter?.(); // Filter if uncontrolled value
-        }, ...rest }));
-});
-
-exports.SuggestionInput = SuggestionInput;

package/dist/cjs/components/Suggestion/SuggestionList.js

@@ -1,26 +0,0 @@
-'use client';
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var react = require('react');
-require('@u-elements/u-datalist');
-var Suggestion = require('./Suggestion.js');
-
-/**
- * Component that provides a Suggestion list.
- *
- * Place as a descendant of `Suggestion`
- *
- * @example
- * <Suggestion>
- *   <Suggestion.Input />
- *   <Suggestion.List />
- * </Suggestion>
- */
-const SuggestionList = react.forwardRef(function SuggestionList({ singular = '%d forslag', plural = '%d forslag', className, id, ...rest }, ref) {
-    const { handleFilter } = react.useContext(Suggestion.SuggestionContext);
-    react.useEffect(handleFilter); // Must run on every render
-    return (jsxRuntime.jsx("u-datalist", { "data-nofilter": true, "data-sr-singular": singular, "data-sr-plural": plural, class: className, ref: ref, ...rest }));
-});
-
-exports.SuggestionList = SuggestionList;

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

@@ -1,48 +0,0 @@
-'use client';
-'use strict';
-
-var Suggestion = require('./Suggestion.js');
-var SuggestionChips = require('./SuggestionChips.js');
-var SuggestionClear = require('./SuggestionClear.js');
-var SuggestionEmpty = require('./SuggestionEmpty.js');
-var SuggestionInput = require('./SuggestionInput.js');
-var SuggestionList = require('./SuggestionList.js');
-var SuggestionOption = require('./SuggestionOption.js');
-
-/**
- * A component that provides a suggestion list for an input field.
- *
- * @example
- * <Suggestion>
- *   <Suggestion.Input />
- *   <Suggestion.Clear />
- *   <Suggestion.List>
- *     <Suggestion.Empty>Tomt</Suggestion.Empty>
- *     <Suggestion.Option value='Option 1'>Option 1</Suggestion.Option>
- *     <Suggestion.Option value='Option 2'>Option 2</Suggestion.Option>
- *   </Suggestion.List>
- * </Suggestion>
- */
-const EXPERIMENTAL_Suggestion = Object.assign(Suggestion.Suggestion, {
-    Chips: SuggestionChips.SuggestionChips,
-    List: SuggestionList.SuggestionList,
-    Input: SuggestionInput.SuggestionInput,
-    Empty: SuggestionEmpty.SuggestionEmpty,
-    Option: SuggestionOption.SuggestionOption,
-    Clear: SuggestionClear.SuggestionClear,
-});
-EXPERIMENTAL_Suggestion.displayName = 'EXPERIMENTAL_Suggestion';
-EXPERIMENTAL_Suggestion.Chips.displayName = 'EXPERIMENTAL_Suggestion.Chips';
-EXPERIMENTAL_Suggestion.List.displayName = 'EXPERIMENTAL_Suggestion.List';
-EXPERIMENTAL_Suggestion.Input.displayName = 'EXPERIMENTAL_Suggestion.Input';
-EXPERIMENTAL_Suggestion.Empty.displayName = 'EXPERIMENTAL_Suggestion.Empty';
-EXPERIMENTAL_Suggestion.Option.displayName = 'EXPERIMENTAL_Suggestion.Option';
-EXPERIMENTAL_Suggestion.Clear.displayName = 'EXPERIMENTAL_Suggestion.Clear';
-
-exports.EXPERIMENTAL_SuggestionChips = SuggestionChips.SuggestionChips;
-exports.EXPERIMENTAL_SuggestionClear = SuggestionClear.SuggestionClear;
-exports.EXPERIMENTAL_SuggestionEmpty = SuggestionEmpty.SuggestionEmpty;
-exports.EXPERIMENTAL_SuggestionInput = SuggestionInput.SuggestionInput;
-exports.EXPERIMENTAL_SuggestionList = SuggestionList.SuggestionList;
-exports.EXPERIMENTAL_SuggestionOption = SuggestionOption.SuggestionOption;
-exports.EXPERIMENTAL_Suggestion = EXPERIMENTAL_Suggestion;

package/dist/cjs/components/Switch/Switch.js

@@ -1,20 +0,0 @@
-'use client';
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var react = require('react');
-var index = require('../Field/index.js');
-var Input = require('../Input/Input.js');
-var Label = require('../Label/Label.js');
-
-/**
- * Switch used to toggle options.
- *
- * @example
- * <Switch label="I agree" value="agree" />
- */
-const Switch = react.forwardRef(function Switch({ 'data-size': size, children, className, description, label, position, style, ...rest }, ref) {
-    return (jsxRuntime.jsxs(index.Field, { className: className, "data-position": position, "data-size": size, style: style, children: [jsxRuntime.jsx(Input.Input, { type: 'checkbox', role: 'switch', ref: ref, ...rest }), !!label && jsxRuntime.jsx(Label.Label, { weight: 'regular', children: label }), !!description && jsxRuntime.jsx("div", { "data-field": 'description', children: description })] }));
-});
-
-exports.Switch = Switch;

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

@@ -1,59 +0,0 @@
-'use client';
-'use strict';
-
-var Table$1 = require('./Table.js');
-var TableBody = require('./TableBody.js');
-var TableCell = require('./TableCell.js');
-var TableFoot = require('./TableFoot.js');
-var TableHead = require('./TableHead.js');
-var TableHeaderCell = require('./TableHeaderCell.js');
-var TableRow = require('./TableRow.js');
-
-/**
- * Table component, used to display tabular data. Renders a native HTML table element.
- *
- * @example
- * <Table>
- *   <Table.Head>
- *     <Table.Row>
- *       <Table.HeaderCell>Name</Table.HeaderCell>
- *       <Table.HeaderCell>Age</Table.HeaderCell>
- *     </Table.Row>
- *   </Table.Head>
- *   <Table.Body>
- *     <Table.Row>
- *       <Table.Cell>John</Table.Cell>
- *       <Table.Cell>25</Table.Cell>
- *     </Table.Row>
- *   </Table.Body>
- *   <Table.Foot>
- *     <Table.Row>
- *       <Table.Cell>Total</Table.Cell>
- *       <Table.Cell>2</Table.Cell>
- *     </Table.Row>
- *   </Table.Foot>
- * </Table>
- */
-const Table = Object.assign(Table$1.Table, {
-    Head: TableHead.TableHead,
-    Body: TableBody.TableBody,
-    Row: TableRow.TableRow,
-    Cell: TableCell.TableCell,
-    HeaderCell: TableHeaderCell.TableHeaderCell,
-    Foot: TableFoot.TableFoot,
-});
-Table.displayName = 'Table';
-Table.Head.displayName = 'Table.Head';
-Table.Body.displayName = 'Table.Body';
-Table.Row.displayName = 'Table.Row';
-Table.Cell.displayName = 'Table.Cell';
-Table.HeaderCell.displayName = 'Table.HeaderCell';
-Table.Foot.displayName = 'Table.Foot';
-
-exports.TableBody = TableBody.TableBody;
-exports.TableCell = TableCell.TableCell;
-exports.TableFoot = TableFoot.TableFoot;
-exports.TableHead = TableHead.TableHead;
-exports.TableHeaderCell = TableHeaderCell.TableHeaderCell;
-exports.TableRow = TableRow.TableRow;
-exports.Table = Table;

package/dist/cjs/components/Tabs/TabsList.js

@@ -1,23 +0,0 @@
-'use client';
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var react = require('react');
-var Tabs = require('./Tabs.js');
-var RovingFocusRoot = require('../../utilities/RovingFocus/RovingFocusRoot.js');
-
-/**
- * The container for all `Tab` components.
- *
- * @example
- * <Tabs.List>
- *  <Tabs.Tab value='1'>Tab 1</Tabs.Tab>
- *  <Tabs.Tab value='2'>Tab 2</Tabs.Tab>
- * </Tabs.List>
- */
-const TabsList = react.forwardRef(function TabsList({ children, ...rest }, ref) {
-    const { value } = react.useContext(Tabs.Context);
-    return (jsxRuntime.jsx(RovingFocusRoot.RovingFocusRoot, { role: 'tablist', activeValue: value, orientation: 'ambiguous', ref: ref, ...rest, children: children }));
-});
-
-exports.TabsList = TabsList;

package/dist/cjs/components/Tabs/TabsPanel.js

@@ -1,31 +0,0 @@
-'use client';
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var react = require('react');
-var Tabs = require('./Tabs.js');
-var useMergeRefs = require('../../utilities/hooks/useMergeRefs/useMergeRefs.js');
-
-/**
- * A single content item in a Tabs component.
- *
- * @example
- * <Tabs.Panel value='1'>content 1</Tabs.Panel>
- */
-const TabsPanel = react.forwardRef(function TabsPanel({ children, value, ...rest }, ref) {
-    const { value: tabsValue } = react.useContext(Tabs.Context);
-    const active = value === tabsValue;
-    const [hasTabbableElement, setHasTabbableElement] = react.useState(false);
-    const internalRef = react.useRef(null);
-    const mergedRef = useMergeRefs.useMergeRefs([ref, internalRef]);
-    /* Check if the panel has any tabbable elements */
-    react.useEffect(() => {
-        if (!internalRef.current)
-            return;
-        const tabbableElements = internalRef.current.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])');
-        setHasTabbableElement(tabbableElements.length > 0);
-    }, [children]);
-    return (jsxRuntime.jsx(jsxRuntime.Fragment, { children: active && (jsxRuntime.jsx("div", { ref: mergedRef, role: 'tabpanel', tabIndex: hasTabbableElement ? undefined : 0, ...rest, children: children })) }));
-});
-
-exports.TabsPanel = TabsPanel;

package/dist/cjs/components/Tabs/TabsTab.js

@@ -1,22 +0,0 @@
-'use client';
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var react = require('react');
-var RovingFocusItem = require('../../utilities/RovingFocus/RovingFocusItem.js');
-var Tabs = require('./Tabs.js');
-
-/**
- * A single item in a Tabs component.
- *
- * @example
- * <Tabs.Tab value='1'>Tab 1</Tabs.Tab>
- */
-const TabsTab = react.forwardRef(function TabsTab({ value, id, ...rest }, ref) {
-    const tabs = react.useContext(Tabs.Context);
-    const generatedId = react.useId();
-    const buttonId = id ?? `tab-${generatedId}`;
-    return (jsxRuntime.jsx(RovingFocusItem.RovingFocusItem, { value: value, ...rest, asChild: true, children: jsxRuntime.jsx("button", { ...rest, "aria-selected": tabs.value === value, id: buttonId, onClick: () => tabs.onChange?.(value), ref: ref, role: 'tab', type: 'button' }) }));
-});
-
-exports.TabsTab = TabsTab;

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

@@ -1,36 +0,0 @@
-'use client';
-'use strict';
-
-var Tabs$1 = require('./Tabs.js');
-var TabsList = require('./TabsList.js');
-var TabsPanel = require('./TabsPanel.js');
-var TabsTab = require('./TabsTab.js');
-
-/**
- * Display a group of tabs that can be toggled between.
- *
- * @example
- * <Tabs onChange={(value) => console.log(value)}>
- *   <Tabs.List>
- *     <Tabs.Tab value='1'>Tab 1</Tabs.Tab>
- *     <Tabs.Tab value='2'>Tab 2</Tabs.Tab>
- *     <Tabs.Tab value='3'>Tab 3</Tabs.Tab>
- *   </Tabs.List>
- *   <Tabs.Panel value='1'>content 1</Tabs.Panel>
- *   <Tabs.Panel value='2'>content 2</Tabs.Panel>
- *   <Tabs.Panel value='3'>content 3</Tabs.Panel>
- * </Tabs>
- */
-const Tabs = Object.assign(Tabs$1.Tabs, {
-    List: TabsList.TabsList,
-    Tab: TabsTab.TabsTab,
-    Panel: TabsPanel.TabsPanel,
-});
-Tabs.Tab.displayName = 'Tabs.Tab';
-Tabs.List.displayName = 'Tabs.List';
-Tabs.Panel.displayName = 'Tabs.Panel';
-
-exports.TabsList = TabsList.TabsList;
-exports.TabsPanel = TabsPanel.TabsPanel;
-exports.TabsTab = TabsTab.TabsTab;
-exports.Tabs = Tabs;

package/dist/cjs/components/Textfield/Textfield.js

@@ -1,27 +0,0 @@
-'use client';
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var react = require('react');
-var index = require('../Field/index.js');
-var Label = require('../Label/Label.js');
-var FieldDescription = require('../Field/FieldDescription.js');
-var FieldAffix = require('../Field/FieldAffix.js');
-var Textarea = require('../Textarea/Textarea.js');
-var Input = require('../Input/Input.js');
-var ValidationMessage = require('../ValidationMessage/ValidationMessage.js');
-
-/**
- *  Composed text input component using `Field`
- *
- * `classname` & `style` are passed to the wrapper elements.
- *
- * Rest props are passed to the `Input` or `Textarea` component.
- * @example
- * <Textfield label="Textfield label">
- */
-const Textfield = react.forwardRef(function Textfield({ label, description, error, multiline, prefix, suffix, 'data-size': size, counter, style, className, ...rest }, ref) {
-    return (jsxRuntime.jsxs(index.Field, { className: className, "data-size": size, style: style, children: [!!label && jsxRuntime.jsx(Label.Label, { children: label }), !!description && jsxRuntime.jsx(FieldDescription.FieldDescription, { children: description }), jsxRuntime.jsxs(FieldAffix.FieldAffixes, { children: [prefix === undefined || jsxRuntime.jsx(FieldAffix.FieldAffix, { children: prefix }), multiline === true ? (jsxRuntime.jsx(Textarea.Textarea, { ref: ref, "aria-invalid": Boolean(error) || undefined, ...rest })) : (jsxRuntime.jsx(Input.Input, { ref: ref, "aria-invalid": Boolean(error) || undefined, ...rest })), suffix === undefined || jsxRuntime.jsx(FieldAffix.FieldAffix, { children: suffix })] }), !!error && jsxRuntime.jsx(ValidationMessage.ValidationMessage, { children: error }), !!counter && (jsxRuntime.jsx(index.Field.Counter, { ...(typeof counter === 'number' ? { limit: counter } : counter) }))] }));
-});
-
-exports.Textfield = Textfield;

package/dist/cjs/components/ToggleGroup/ToggleGroup.js

@@ -1,41 +0,0 @@
-'use client';
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var cl = require('clsx/lite');
-var react = require('react');
-var RovingFocusRoot = require('../../utilities/RovingFocus/RovingFocusRoot.js');
-
-const ToggleGroupContext = react.createContext({});
-/**
- * Display a group of buttons that can be toggled between.
- *
- * @example
- * <ToggleGroup onChange={(value) => console.log(value)}>
- *   <ToggleGroup.Item value='1'>Toggle 1</ToggleGroup.Item>
- *   <ToggleGroup.Item value='2'>Toggle 2</ToggleGroup.Item>
- *   <ToggleGroup.Item value='3'>Toggle 3</ToggleGroup.Item>
- * </ToggleGroup>
- */
-const ToggleGroup = react.forwardRef(function ToggleGroup({ children, value, defaultValue, onChange, name, className, ...rest }, ref) {
-    const nameId = react.useId();
-    const isControlled = value !== undefined;
-    const [uncontrolledValue, setUncontrolledValue] = react.useState(defaultValue);
-    let onValueChange = onChange;
-    if (!isControlled) {
-        onValueChange = (newValue) => {
-            setUncontrolledValue(newValue);
-            onChange?.(newValue);
-        };
-        value = uncontrolledValue;
-    }
-    return (jsxRuntime.jsx(ToggleGroupContext.Provider, { value: {
-            value,
-            defaultValue,
-            name: name ?? `togglegroup-name-${nameId}`,
-            onChange: onValueChange,
-        }, children: jsxRuntime.jsx(RovingFocusRoot.RovingFocusRoot, { asChild: true, activeValue: value, orientation: 'ambiguous', children: jsxRuntime.jsxs("div", { className: cl('ds-togglegroup', className), role: 'radiogroup', ref: ref, ...rest, children: [name && jsxRuntime.jsx("input", { type: 'hidden', name: name, value: value }), children] }) }) }));
-});
-
-exports.ToggleGroup = ToggleGroup;
-exports.ToggleGroupContext = ToggleGroupContext;

package/dist/cjs/components/ToggleGroup/ToggleGroupItem.js

@@ -1,20 +0,0 @@
-'use client';
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var react = require('react');
-var RovingFocusItem = require('../../utilities/RovingFocus/RovingFocusItem.js');
-var Button = require('../Button/Button.js');
-var useToggleGroupitem = require('./useToggleGroupitem.js');
-
-/**
- * A single item in a ToggleGroup.
- * @example
- * <ToggleGroup.Item value='1'>Toggle 1</ToggleGroup.Item>
- */
-const ToggleGroupItem = react.forwardRef(function ToggleGroupItem(rest, ref) {
-    const { active, buttonProps, value } = useToggleGroupitem.useToggleGroupItem(rest);
-    return (jsxRuntime.jsx(RovingFocusItem.RovingFocusItem, { asChild: true, value: value, children: jsxRuntime.jsx(Button.Button, { variant: active ? 'primary' : 'tertiary', ref: ref, ...rest, ...buttonProps }) }));
-});
-
-exports.ToggleGroupItem = ToggleGroupItem;

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

@@ -1,23 +0,0 @@
-'use client';
-'use strict';
-
-var ToggleGroup$1 = require('./ToggleGroup.js');
-var ToggleGroupItem = require('./ToggleGroupItem.js');
-
-/**
- * Display a group of buttons that can be toggled between.
- *
- * @example
- * <ToggleGroup onChange={(value) => console.log(value)}>
- *   <ToggleGroup.Item value='1'>Toggle 1</ToggleGroup.Item>
- *   <ToggleGroup.Item value='2'>Toggle 2</ToggleGroup.Item>
- *   <ToggleGroup.Item value='3'>Toggle 3</ToggleGroup.Item>
- * </ToggleGroup>
- */
-const ToggleGroup = Object.assign(ToggleGroup$1.ToggleGroup, {
-    Item: ToggleGroupItem.ToggleGroupItem,
-});
-ToggleGroup.Item.displayName = 'ToggleGroup.Item';
-
-exports.ToggleGroupItem = ToggleGroupItem.ToggleGroupItem;
-exports.ToggleGroup = ToggleGroup;