@digdir/designsystemet-react 0.52.0-alpha.0

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

@@ -0,0 +1,21 @@
+'use client';
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var clsx = require('../../../node_modules/clsx/dist/clsx.js');
+var akselIcons = require('@navikt/aksel-icons');
+var Switch_module = require('./Switch.module.css.js');
+var useSwitch = require('./useSwitch.js');
+var Paragraph = require('../../Typography/Paragraph/Paragraph.js');
+var objectUtils = require('../../../utilities/objectUtils.js');
+var Label = require('../../Typography/Label/Label.js');
+
+const Switch = React.forwardRef((props, ref) => {
+    const { children, description, position = 'left', className, ...rest } = props;
+    const { inputProps, descriptionId, size = 'medium', readOnly, } = useSwitch.useSwitch(props);
+    return (jsxRuntime.jsx(Paragraph.Paragraph, { asChild: true, size: size, children: jsxRuntime.jsxs("div", { className: clsx.clsx(Switch_module.switch, Switch_module[size], inputProps.disabled && Switch_module.disabled, readOnly && Switch_module.readonly, className), children: [jsxRuntime.jsx("input", { className: Switch_module.input, ref: ref, ...objectUtils.omit(['size', 'error'], rest), ...inputProps }), jsxRuntime.jsxs(Label.Label, { className: clsx.clsx(Switch_module.label, position === 'right' && Switch_module.right), htmlFor: inputProps.id, size: size, weight: 'regular', children: [jsxRuntime.jsx("span", { className: Switch_module.track, children: jsxRuntime.jsx("span", { className: Switch_module.thumb }) }), readOnly && (jsxRuntime.jsx(akselIcons.PadlockLockedFillIcon, { "aria-hidden": true, className: Switch_module.padlock })), children && jsxRuntime.jsx("span", { children: children })] }), description && (jsxRuntime.jsx(Paragraph.Paragraph, { asChild: true, size: size, children: jsxRuntime.jsx("div", { id: descriptionId, className: Switch_module.description, children: description }) }))] }) }));
+});
+Switch.displayName = 'Switch';
+
+exports.Switch = Switch;

package/dist/cjs/components/form/Switch/Switch.module.css.js

@@ -0,0 +1,6 @@
+'use client';
+'use strict';
+
+var classes = {"switch":"fds-switch-switch-72679bdc","label":"fds-switch-label-72679bdc","track":"fds-switch-track-72679bdc","description":"fds-switch-description-72679bdc","padlock":"fds-switch-padlock-72679bdc","right":"fds-switch-right-72679bdc","input":"fds-switch-input-72679bdc","readonly":"fds-switch-readonly-72679bdc","disabled":"fds-switch-disabled-72679bdc","small":"fds-switch-small-72679bdc","medium":"fds-switch-medium-72679bdc","large":"fds-switch-large-72679bdc","thumb":"fds-switch-thumb-72679bdc"};
+
+module.exports = classes;

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

@@ -0,0 +1,45 @@
+'use client';
+'use strict';
+
+var React = require('react');
+var useFormField = require('../useFormField.js');
+var Group = require('../Checkbox/Group/Group.js');
+
+/** Handles props for `Switch` in context with `Checkbox.Group` (and `Fieldset`) */
+const useSwitch = (props) => {
+    const checkboxGroup = React.useContext(Group.CheckboxGroupContext);
+    const { inputProps, readOnly, ...rest } = useFormField.useFormField(props, 'switch');
+    const propsValue = props.value || '';
+    return {
+        ...rest,
+        readOnly,
+        inputProps: {
+            ...inputProps,
+            readOnly,
+            type: 'checkbox',
+            defaultChecked: checkboxGroup?.defaultValue
+                ? checkboxGroup?.defaultValue.includes(propsValue)
+                : props.defaultChecked,
+            checked: checkboxGroup?.value
+                ? checkboxGroup?.value.includes(propsValue)
+                : props.checked,
+            onClick: (e) => {
+                if (readOnly) {
+                    e.preventDefault();
+                    return;
+                }
+                props?.onClick?.(e);
+            },
+            onChange: (e) => {
+                if (readOnly) {
+                    e.preventDefault();
+                    return;
+                }
+                props?.onChange?.(e);
+                checkboxGroup?.toggleValue(propsValue);
+            },
+        },
+    };
+};
+
+exports.useSwitch = useSwitch;

package/dist/cjs/components/form/Textarea/Textarea.js

@@ -0,0 +1,38 @@
+'use client';
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var clsx = require('../../../node_modules/clsx/dist/clsx.js');
+var akselIcons = require('@navikt/aksel-icons');
+var CharacterCounter = require('../CharacterCounter.js');
+var useTextarea = require('./useTextarea.js');
+var Textarea_module = require('./Textarea.module.css.js');
+var utility_module = require('../../../utilities/utility.module.css.js');
+var Paragraph = require('../../Typography/Paragraph/Paragraph.js');
+var Label = require('../../Typography/Label/Label.js');
+var objectUtils = require('../../../utilities/objectUtils.js');
+var ErrorMessage = require('../../Typography/ErrorMessage/ErrorMessage.js');
+
+/** Textarea field
+ *
+ * @example
+ * ```tsx
+ * <Textarea label="Textarea label">
+ * ```
+ */
+const Textarea = React.forwardRef((props, ref) => {
+    const { label, description, style, characterLimit, hideLabel, className, ...rest } = props;
+    const { textareaProps, descriptionId, hasError, errorId, size = 'medium', readOnly, } = useTextarea.useTextarea(props);
+    const [value, setValue] = React.useState(props.defaultValue);
+    const characterLimitId = `${textareaProps.id}-charactercount}`;
+    const hasCharacterLimit = characterLimit != null;
+    const describedBy = clsx.clsx(textareaProps['aria-describedby'], hasCharacterLimit && characterLimitId) || undefined;
+    return (jsxRuntime.jsx(Paragraph.Paragraph, { asChild: true, size: size, children: jsxRuntime.jsxs("div", { style: style, className: clsx.clsx(Textarea_module.formField, textareaProps.disabled && Textarea_module.disabled, readOnly && Textarea_module.readonly, className), children: [label && (jsxRuntime.jsxs(Label.Label, { size: size, weight: 'medium', htmlFor: textareaProps.id, className: clsx.clsx(Textarea_module.label, hideLabel && utility_module.visuallyHidden), children: [readOnly && (jsxRuntime.jsx(akselIcons.PadlockLockedFillIcon, { "aria-hidden": true, className: Textarea_module.padlock })), jsxRuntime.jsx("span", { children: label })] })), description && (jsxRuntime.jsx(Paragraph.Paragraph, { asChild: true, size: size, children: jsxRuntime.jsx("div", { id: descriptionId, className: clsx.clsx(Textarea_module.description, hideLabel && utility_module.visuallyHidden), children: description }) })), jsxRuntime.jsx("textarea", { className: clsx.clsx(Textarea_module.textarea, utility_module.focusable, Textarea_module[size]), ref: ref, "aria-describedby": describedBy, ...objectUtils.omit(['size', 'error', 'errorId'], rest), ...textareaProps, onChange: (e) => {
+                        textareaProps?.onChange?.(e);
+                        setValue(e.target.value);
+                    } }), hasCharacterLimit && (jsxRuntime.jsx(CharacterCounter.CharacterCounter, { size: size, value: value ? value.toString() : '', id: characterLimitId, ...characterLimit })), jsxRuntime.jsx("div", { className: Textarea_module.errorMessage, id: errorId, "aria-live": 'polite', "aria-relevant": 'additions removals', children: hasError && jsxRuntime.jsx(ErrorMessage.ErrorMessage, { size: size, children: props.error }) })] }) }));
+});
+Textarea.displayName = 'Textarea';
+
+exports.Textarea = Textarea;

package/dist/cjs/components/form/Textarea/Textarea.module.css.js

@@ -0,0 +1,6 @@
+'use client';
+'use strict';
+
+var classes = {"formField":"fds-textarea-formField-16c1b1dc","padlock":"fds-textarea-padlock-16c1b1dc","errorMessage":"fds-textarea-errorMessage-16c1b1dc","label":"fds-textarea-label-16c1b1dc","description":"fds-textarea-description-16c1b1dc","textarea":"fds-textarea-textarea-16c1b1dc","small":"fds-textarea-small-16c1b1dc","medium":"fds-textarea-medium-16c1b1dc","large":"fds-textarea-large-16c1b1dc","disabled":"fds-textarea-disabled-16c1b1dc","readonly":"fds-textarea-readonly-16c1b1dc","error":"fds-textarea-error-16c1b1dc"};
+
+module.exports = classes;

package/dist/cjs/components/form/Textarea/useTextarea.js

@@ -0,0 +1,37 @@
+'use client';
+'use strict';
+
+var React = require('react');
+var useFormField = require('../useFormField.js');
+var Fieldset = require('../Fieldset/Fieldset.js');
+
+/** Handles props for `Textarea` in context with `Fieldset` */
+const useTextarea = (props) => {
+    const fieldset = React.useContext(Fieldset.FieldsetContext);
+    const { inputProps, readOnly, ...rest } = useFormField.useFormField(props, 'textarea');
+    return {
+        ...rest,
+        readOnly,
+        size: fieldset?.size ?? props.size,
+        textareaProps: {
+            ...inputProps,
+            readOnly,
+            onClick: (e) => {
+                if (readOnly) {
+                    e.preventDefault();
+                    return;
+                }
+                props?.onClick?.(e);
+            },
+            onChange: (e) => {
+                if (readOnly) {
+                    e.preventDefault();
+                    return;
+                }
+                props?.onChange?.(e);
+            },
+        },
+    };
+};
+
+exports.useTextarea = useTextarea;

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

@@ -0,0 +1,38 @@
+'use client';
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var clsx = require('../../../node_modules/clsx/dist/clsx.js');
+var akselIcons = require('@navikt/aksel-icons');
+var CharacterCounter = require('../CharacterCounter.js');
+var useTextfield = require('./useTextfield.js');
+var Textfield_module = require('./Textfield.module.css.js');
+var utility_module = require('../../../utilities/utility.module.css.js');
+var Paragraph = require('../../Typography/Paragraph/Paragraph.js');
+var Label = require('../../Typography/Label/Label.js');
+var objectUtils = require('../../../utilities/objectUtils.js');
+var ErrorMessage = require('../../Typography/ErrorMessage/ErrorMessage.js');
+
+/** Text input field
+ *
+ * @example
+ * ```tsx
+ * <Textfield label="Textfield label">
+ * ```
+ */
+const Textfield = React.forwardRef((props, ref) => {
+    const { label, description, suffix, prefix, style, characterLimit, hideLabel, type = 'text', htmlSize = 20, className, ...rest } = props;
+    const { inputProps, descriptionId, hasError, errorId, size = 'medium', readOnly, } = useTextfield.useTextfield(props);
+    const [inputValue, setInputValue] = React.useState(props.defaultValue);
+    const characterLimitId = `textfield-charactercount-${React.useId()}`;
+    const hasCharacterLimit = characterLimit != null;
+    const describedBy = clsx.clsx(inputProps['aria-describedby'], hasCharacterLimit && characterLimitId) || undefined;
+    return (jsxRuntime.jsx(Paragraph.Paragraph, { asChild: true, size: size, children: jsxRuntime.jsxs("div", { style: style, className: clsx.clsx(Textfield_module.formField, Textfield_module[size], inputProps.disabled && Textfield_module.disabled, readOnly && Textfield_module.readonly, className), children: [label && (jsxRuntime.jsxs(Label.Label, { size: size, weight: 'medium', htmlFor: inputProps.id, className: clsx.clsx(Textfield_module.label, hideLabel && utility_module.visuallyHidden), children: [readOnly && (jsxRuntime.jsx(akselIcons.PadlockLockedFillIcon, { "aria-hidden": true, className: Textfield_module.padlock })), jsxRuntime.jsx("span", { children: label })] })), description && (jsxRuntime.jsx(Paragraph.Paragraph, { asChild: true, size: size, children: jsxRuntime.jsx("div", { id: descriptionId, className: clsx.clsx(Textfield_module.description, hideLabel && utility_module.visuallyHidden), children: description }) })), jsxRuntime.jsxs("div", { className: clsx.clsx(Textfield_module.field, hasError && Textfield_module.error), children: [prefix && (jsxRuntime.jsx(Paragraph.Paragraph, { asChild: true, size: size, short: true, children: jsxRuntime.jsx("div", { className: clsx.clsx(Textfield_module.adornment, Textfield_module.prefix), "aria-hidden": 'true', children: prefix }) })), jsxRuntime.jsx("input", { className: clsx.clsx(Textfield_module.input, Textfield_module[size], utility_module.focusable, prefix && Textfield_module.inputPrefix, suffix && Textfield_module.inputSuffix), ref: ref, type: type, "aria-describedby": describedBy, size: htmlSize, ...objectUtils.omit(['size', 'error', 'errorId'], rest), ...inputProps, onChange: (e) => {
+                                inputProps?.onChange?.(e);
+                                setInputValue(e.target.value);
+                            } }), suffix && (jsxRuntime.jsx(Paragraph.Paragraph, { asChild: true, size: size, short: true, children: jsxRuntime.jsx("div", { className: clsx.clsx(Textfield_module.adornment, Textfield_module.suffix), "aria-hidden": 'true', children: suffix }) }))] }), hasCharacterLimit && (jsxRuntime.jsx(CharacterCounter.CharacterCounter, { size: size, value: inputValue ? inputValue.toString() : '', id: characterLimitId, ...characterLimit })), jsxRuntime.jsx("div", { className: Textfield_module.errorMessage, id: errorId, "aria-live": 'polite', "aria-relevant": 'additions removals', children: hasError && jsxRuntime.jsx(ErrorMessage.ErrorMessage, { size: size, children: props.error }) })] }) }));
+});
+Textfield.displayName = 'Textfield';
+
+exports.Textfield = Textfield;

package/dist/cjs/components/form/Textfield/Textfield.module.css.js

@@ -0,0 +1,6 @@
+'use client';
+'use strict';
+
+var textFieldClasses = {"formField":"fds-textfield-formField-147467c0","adornment":"fds-textfield-adornment-147467c0","input":"fds-textfield-input-147467c0","disabled":"fds-textfield-disabled-147467c0","readonly":"fds-textfield-readonly-147467c0","field":"fds-textfield-field-147467c0","small":"fds-textfield-small-147467c0","medium":"fds-textfield-medium-147467c0","large":"fds-textfield-large-147467c0","label":"fds-textfield-label-147467c0","description":"fds-textfield-description-147467c0","error":"fds-textfield-error-147467c0","inputPrefix":"fds-textfield-inputPrefix-147467c0","inputSuffix":"fds-textfield-inputSuffix-147467c0","prefix":"fds-textfield-prefix-147467c0","suffix":"fds-textfield-suffix-147467c0","padlock":"fds-textfield-padlock-147467c0","errorMessage":"fds-textfield-errorMessage-147467c0"};
+
+module.exports = textFieldClasses;

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

@@ -0,0 +1,37 @@
+'use client';
+'use strict';
+
+var React = require('react');
+var useFormField = require('../useFormField.js');
+var Fieldset = require('../Fieldset/Fieldset.js');
+
+/** Handles props for `Textfield` in context with `Fieldset` */
+const useTextfield = (props) => {
+    const fieldset = React.useContext(Fieldset.FieldsetContext);
+    const { inputProps, readOnly, ...rest } = useFormField.useFormField(props, 'textfield');
+    return {
+        ...rest,
+        readOnly,
+        size: fieldset?.size ?? props.size,
+        inputProps: {
+            ...inputProps,
+            readOnly,
+            onClick: (e) => {
+                if (readOnly) {
+                    e.preventDefault();
+                    return;
+                }
+                props?.onClick?.(e);
+            },
+            onChange: (e) => {
+                if (readOnly) {
+                    e.preventDefault();
+                    return;
+                }
+                props?.onChange?.(e);
+            },
+        },
+    };
+};
+
+exports.useTextfield = useTextfield;

package/dist/cjs/components/form/useFormField.js

@@ -0,0 +1,39 @@
+'use client';
+'use strict';
+
+var React = require('react');
+var clsx = require('../../node_modules/clsx/dist/clsx.js');
+var Fieldset = require('./Fieldset/Fieldset.js');
+
+/**
+ * Handles props and their state for various form-fields in context with Fieldset
+ */
+const useFormField = (props, prefix) => {
+    const fieldset = React.useContext(Fieldset.FieldsetContext);
+    const randomId = React.useId();
+    const id = props.id ?? `${prefix}-${randomId}`;
+    const errorId = props.errorId ?? `${prefix}-error-${randomId}`;
+    const descriptionId = `${prefix}-description-${randomId}`;
+    const disabled = fieldset?.disabled || props?.disabled;
+    const readOnly = ((fieldset?.readOnly || props?.readOnly) && !disabled) || undefined;
+    const hasError = !disabled && !readOnly && !!(props.error || fieldset?.error);
+    return {
+        readOnly,
+        hasError,
+        errorId,
+        descriptionId,
+        size: props?.size ?? fieldset?.size ?? 'medium',
+        inputProps: {
+            id,
+            disabled,
+            'aria-invalid': hasError ? true : undefined,
+            'aria-describedby': clsx.clsx(props['aria-describedby'], {
+                [descriptionId]: !!props?.description && typeof props?.description === 'string',
+                [errorId]: hasError && !fieldset?.error,
+                [fieldset?.errorId ?? '']: hasError && !!fieldset?.error,
+            }) || undefined,
+        },
+    };
+};
+
+exports.useFormField = useFormField;

package/dist/cjs/hooks/useIsomorphicLayoutEffect.js

@@ -0,0 +1,8 @@
+'use client';
+'use strict';
+
+var React = require('react');
+
+const useIsomorphicLayoutEffect = typeof window !== 'undefined' ? React.useLayoutEffect : React.useEffect;
+
+exports.useIsomorphicLayoutEffect = useIsomorphicLayoutEffect;

package/dist/cjs/hooks/useMediaQuery.js

@@ -0,0 +1,21 @@
+'use client';
+'use strict';
+
+var React = require('react');
+
+function useMediaQuery(query) {
+    const getMatches = (query) => window?.matchMedia(query).matches ?? false;
+    const [matches, setMatches] = React.useState(getMatches(query));
+    const eventListener = () => {
+        setMatches(getMatches(query));
+    };
+    React.useEffect(() => {
+        const matchMedia = window.matchMedia(query);
+        eventListener();
+        matchMedia.addEventListener('change', eventListener);
+        return () => matchMedia.removeEventListener('change', eventListener);
+    }, [query]); // eslint-disable-line react-hooks/exhaustive-deps
+    return matches;
+}
+
+exports.useMediaQuery = useMediaQuery;

package/dist/cjs/hooks/usePrevious.js

@@ -0,0 +1,14 @@
+'use client';
+'use strict';
+
+var React = require('react');
+
+function usePrevious(value) {
+    const ref = React.useRef();
+    React.useEffect(() => {
+        ref.current = value;
+    }, [value]);
+    return ref.current;
+}
+
+exports.usePrevious = usePrevious;

package/dist/cjs/hooks/useSynchronizedAnimation.js

@@ -0,0 +1,33 @@
+'use client';
+'use strict';
+
+var React = require('react');
+var useIsomorphicLayoutEffect = require('./useIsomorphicLayoutEffect.js');
+
+const stashedTime = {};
+function useSynchronizedAnimation(animationName) {
+    const ref = React.useRef(null);
+    useIsomorphicLayoutEffect.useIsomorphicLayoutEffect(() => {
+        const animations = document
+            .getAnimations()
+            .filter((animation) => 'animationName' in animation &&
+            animation.animationName === animationName);
+        const myAnimation = animations.find((animation) => animation.effect?.target === ref.current);
+        if (myAnimation &&
+            myAnimation === animations[0] &&
+            stashedTime[animationName]) {
+            myAnimation.currentTime = stashedTime[animationName];
+        }
+        if (myAnimation && myAnimation !== animations[0]) {
+            myAnimation.currentTime = animations[0].currentTime;
+        }
+        return () => {
+            if (myAnimation && myAnimation === animations[0]) {
+                stashedTime[animationName] = myAnimation.currentTime;
+            }
+        };
+    }, [animationName]);
+    return ref;
+}
+
+exports.useSynchronizedAnimation = useSynchronizedAnimation;

package/dist/cjs/index.js

@@ -0,0 +1,187 @@
+'use client';
+'use strict';
+
+var ErrorSummaryList = require('./components/ErrorSummary/ErrorSummaryList.js');
+var Button = require('./components/Button/Button.js');
+var HelpText = require('./components/HelpText/HelpText.js');
+var Spinner = require('./components/Spinner/Spinner.js');
+var Link = require('./components/Link/Link.js');
+var index = require('./components/List/index.js');
+var ListRoot = require('./components/List/ListRoot.js');
+var ListItem = require('./components/List/ListItem.js');
+var ListHeading = require('./components/List/ListHeading.js');
+var Lists = require('./components/List/Lists.js');
+var Paragraph = require('./components/Typography/Paragraph/Paragraph.js');
+var Heading = require('./components/Typography/Heading/Heading.js');
+var Ingress = require('./components/Typography/Ingress/Ingress.js');
+var Label = require('./components/Typography/Label/Label.js');
+var ErrorMessage = require('./components/Typography/ErrorMessage/ErrorMessage.js');
+var index$1 = require('./components/Accordion/index.js');
+var AccordionItem = require('./components/Accordion/AccordionItem/AccordionItem.js');
+var AccordionContent = require('./components/Accordion/AccordionContent/AccordionContent.js');
+var AccordionHeader = require('./components/Accordion/AccordionHeader/AccordionHeader.js');
+var NativeSelect = require('./components/form/NativeSelect/NativeSelect.js');
+var Alert = require('./components/Alert/Alert.js');
+var Tag = require('./components/Tag/Tag.js');
+var index$2 = require('./components/Chip/index.js');
+var Group = require('./components/Chip/Group/Group.js');
+var Removable = require('./components/Chip/Removable/Removable.js');
+var Toggle = require('./components/Chip/Toggle/Toggle.js');
+var usePagination = require('./components/Pagination/usePagination.js');
+var index$3 = require('./components/Pagination/index.js');
+var PaginationRoot = require('./components/Pagination/PaginationRoot.js');
+var PaginationContent = require('./components/Pagination/PaginationContent.js');
+var PaginationItem = require('./components/Pagination/PaginationItem.js');
+var PaginationButton = require('./components/Pagination/PaginationButton.js');
+var PaginationEllipsis = require('./components/Pagination/PaginationEllipsis.js');
+var PaginationNextPrev = require('./components/Pagination/PaginationNextPrev.js');
+var SkipLink = require('./components/SkipLink/SkipLink.js');
+var Tooltip = require('./components/Tooltip/Tooltip.js');
+var index$4 = require('./components/form/Checkbox/index.js');
+var Group$1 = require('./components/form/Checkbox/Group/Group.js');
+var index$5 = require('./components/form/Radio/index.js');
+var Group$2 = require('./components/form/Radio/Group/Group.js');
+var Fieldset = require('./components/form/Fieldset/Fieldset.js');
+var Switch = require('./components/form/Switch/Switch.js');
+var Textfield = require('./components/form/Textfield/Textfield.js');
+var Textarea = require('./components/form/Textarea/Textarea.js');
+var index$6 = require('./components/Tabs/index.js');
+var Tab = require('./components/Tabs/Tab/Tab.js');
+var TabList = require('./components/Tabs/TabList/TabList.js');
+var TabContent = require('./components/Tabs/TabContent/TabContent.js');
+var index$7 = require('./components/ToggleGroup/index.js');
+var ToggleGroupItem = require('./components/ToggleGroup/ToggleGroupItem/ToggleGroupItem.js');
+var index$8 = require('./components/Popover/index.js');
+var PopoverContent = require('./components/Popover/PopoverContent.js');
+var PopoverTrigger = require('./components/Popover/PopoverTrigger.js');
+var Divider = require('./components/Divider/Divider.js');
+var index$9 = require('./components/Modal/index.js');
+var ModaContent = require('./components/Modal/ModalContent/ModaContent.js');
+var ModalFooter = require('./components/Modal/ModalFooter/ModalFooter.js');
+var ModalHeader = require('./components/Modal/ModalHeader/ModalHeader.js');
+var ModalTrigger = require('./components/Modal/ModalTrigger/ModalTrigger.js');
+var ModalDialog = require('./components/Modal/ModalDialog.js');
+var index$a = require('./components/DropdownMenu/index.js');
+var DropdownMenuContent = require('./components/DropdownMenu/DropdownMenuContent.js');
+var DropdownMenuGroup = require('./components/DropdownMenu/DropdownMenuGroup/DropdownMenuGroup.js');
+var DropdownMenuItem = require('./components/DropdownMenu/DropdownMenuItem/DropdownMenuItem.js');
+var DropdownMenuTrigger = require('./components/DropdownMenu/DropdownMenuTrigger.js');
+var Search = require('./components/form/Search/Search.js');
+var index$b = require('./components/Skeleton/index.js');
+var Circle = require('./components/Skeleton/Circle/Circle.js');
+var Rectangle = require('./components/Skeleton/Rectangle/Rectangle.js');
+var Text = require('./components/Skeleton/Text/Text.js');
+var Box = require('./components/Box/Box.js');
+var index$c = require('./components/Card/index.js');
+var CardHeader = require('./components/Card/CardHeader.js');
+var CardContent = require('./components/Card/CardContent.js');
+var CardFooter = require('./components/Card/CardFooter.js');
+var CardMedia = require('./components/Card/CardMedia.js');
+var index$d = require('./components/form/Combobox/index.js');
+var Option = require('./components/form/Combobox/Option/Option.js');
+var Empty = require('./components/form/Combobox/Empty/Empty.js');
+var index$e = require('./components/Table/index.js');
+var TableHead = require('./components/Table/TableHead.js');
+var TableBody = require('./components/Table/TableBody.js');
+var TableRow = require('./components/Table/TableRow.js');
+var TableCell = require('./components/Table/TableCell.js');
+var TableHeaderCell = require('./components/Table/TableHeaderCell.js');
+var index$f = require('./components/ErrorSummary/index.js');
+var ErrorSummaryRoot = require('./components/ErrorSummary/ErrorSummaryRoot.js');
+var ErrorSummaryItem = require('./components/ErrorSummary/ErrorSummaryItem.js');
+var ErrorSummaryHeading = require('./components/ErrorSummary/ErrorSummaryHeading.js');
+
+
+
+exports.ErrorSummaryList = ErrorSummaryList;
+exports.Button = Button.Button;
+exports.HelpText = HelpText.HelpText;
+exports.Spinner = Spinner.Spinner;
+exports.Link = Link.Link;
+exports.List = index.List;
+exports.ListRoot = ListRoot.ListRoot;
+exports.ListItem = ListItem.ListItem;
+exports.ListHeading = ListHeading.ListHeading;
+exports.ListOrdered = Lists.Ordered;
+exports.ListUnordered = Lists.Unordered;
+exports.Paragraph = Paragraph.Paragraph;
+exports.Heading = Heading.Heading;
+exports.Ingress = Ingress.Ingress;
+exports.Label = Label.Label;
+exports.ErrorMessage = ErrorMessage.ErrorMessage;
+exports.Accordion = index$1.Accordion;
+exports.AccordionItem = AccordionItem.AccordionItem;
+exports.AccordionContent = AccordionContent.AccordionContent;
+exports.AccordionHeader = AccordionHeader.AccordionHeader;
+exports.NativeSelect = NativeSelect.NativeSelect;
+exports.Alert = Alert.Alert;
+exports.Tag = Tag.Tag;
+exports.Chip = index$2.Chip;
+exports.ChipGroup = Group.Group;
+exports.ChipRemovable = Removable.RemovableChip;
+exports.ChipToggle = Toggle.ToggleChip;
+exports.usePagination = usePagination.usePagination;
+exports.Pagination = index$3.Pagination;
+exports.PaginationRoot = PaginationRoot.default;
+exports.PaginationContent = PaginationContent.PaginationContent;
+exports.PaginationItem = PaginationItem.default;
+exports.PaginationButton = PaginationButton.PaginationButton;
+exports.PaginationEllipsis = PaginationEllipsis.default;
+exports.PaginationNext = PaginationNextPrev.PaginationNext;
+exports.PaginationPrevious = PaginationNextPrev.PaginationPrevious;
+exports.SkipLink = SkipLink.SkipLink;
+exports.Tooltip = Tooltip.Tooltip;
+exports.Checkbox = index$4.Checkbox;
+exports.CheckboxGroup = Group$1.CheckboxGroup;
+exports.Radio = index$5.Radio;
+exports.RadioGroup = Group$2.RadioGroup;
+exports.Fieldset = Fieldset.Fieldset;
+exports.FieldsetContext = Fieldset.FieldsetContext;
+exports.Switch = Switch.Switch;
+exports.Textfield = Textfield.Textfield;
+exports.Textarea = Textarea.Textarea;
+exports.Tabs = index$6.Tabs;
+exports.Tab = Tab.Tab;
+exports.TabList = TabList.TabList;
+exports.TabContent = TabContent.TabContent;
+exports.ToggleGroup = index$7.ToggleGroup;
+exports.ToggleGroupItem = ToggleGroupItem.ToggleGroupItem;
+exports.Popover = index$8.Popover;
+exports.PopoverContent = PopoverContent.PopoverContent;
+exports.PopoverTrigger = PopoverTrigger.PopoverTrigger;
+exports.Divider = Divider.Divider;
+exports.Modal = index$9.Modal;
+exports.ModalContent = ModaContent.ModalContent;
+exports.ModalFooter = ModalFooter.ModalFooter;
+exports.ModalHeader = ModalHeader.ModalHeader;
+exports.ModalTrigger = ModalTrigger.ModalTrigger;
+exports.ModalDialog = ModalDialog.ModalDialog;
+exports.DropdownMenu = index$a.DropdownMenu;
+exports.DropdownMenuContent = DropdownMenuContent.DropdownMenuContent;
+exports.DropdownMenuGroup = DropdownMenuGroup.DropdownMenuGroup;
+exports.DropdownMenuItem = DropdownMenuItem.DropdownMenuItem;
+exports.DropdownMenuTrigger = DropdownMenuTrigger.DropdownMenuTrigger;
+exports.Search = Search.Search;
+exports.Skeleton = index$b.Skeleton;
+exports.SkeletonCircle = Circle.Circle;
+exports.SkeletonRectangle = Rectangle.Rectangle;
+exports.SkeletonText = Text.Text;
+exports.Box = Box.Box;
+exports.Card = index$c.Card;
+exports.CardHeader = CardHeader.CardHeader;
+exports.CardContent = CardContent.CardContent;
+exports.CardFooter = CardFooter.CardFooter;
+exports.CardMedia = CardMedia.CardMedia;
+exports.Combobox = index$d.Combobox;
+exports.ComboboxOption = Option.ComboboxOption;
+exports.ComboboxEmpty = Empty.ComboboxEmpty;
+exports.Table = index$e.Table;
+exports.TableHead = TableHead.TableHead;
+exports.TableBody = TableBody.TableBody;
+exports.TableRow = TableRow.TableRow;
+exports.TableCell = TableCell.TableCell;
+exports.TableHeaderCell = TableHeaderCell.TableHeaderCell;
+exports.ErrorSummary = index$f.ErrorSummary;
+exports.ErrorSummaryRoot = ErrorSummaryRoot.ErrorSummaryRoot;
+exports.ErrorSummaryItem = ErrorSummaryItem.ErrorSummaryItem;
+exports.ErrorSummaryHeading = ErrorSummaryHeading.ErrorSummaryHeading;

package/dist/cjs/node_modules/@babel/runtime/helpers/esm/extends.js

@@ -0,0 +1,19 @@
+'use client';
+'use strict';
+
+function _extends() {
+  _extends = Object.assign ? Object.assign.bind() : function (target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = arguments[i];
+      for (var key in source) {
+        if (Object.prototype.hasOwnProperty.call(source, key)) {
+          target[key] = source[key];
+        }
+      }
+    }
+    return target;
+  };
+  return _extends.apply(this, arguments);
+}
+
+module.exports = _extends;