@digdir/designsystemet-react 1.0.0-next.34 → 1.0.0-next.36

package/dist/esm/components/Card/CardFooter.js

@@ -1,14 +0,0 @@
-'use client';
-import { jsx } from 'react/jsx-runtime';
-import { Slot } from '@radix-ui/react-slot';
-import cl from 'clsx/lite';
-import { forwardRef } from 'react';
-import { Paragraph } from '../Typography/Paragraph/Paragraph.js';
-
-const CardFooter = forwardRef(({ asChild, className, ...rest }, ref) => {
-    const Component = asChild ? Slot : 'div';
-    return (jsx(Paragraph, { size: 'md', asChild: true, children: jsx(Component, { className: cl(`ds-card__footer`, className), ref: ref, ...rest }) }));
-});
-CardFooter.displayName = 'CardFooter';
-
-export { CardFooter };

package/dist/esm/components/Card/CardHeader.js

@@ -1,14 +0,0 @@
-'use client';
-import { jsx } from 'react/jsx-runtime';
-import { Slot } from '@radix-ui/react-slot';
-import cl from 'clsx/lite';
-import { forwardRef } from 'react';
-import { Heading } from '../Typography/Heading/Heading.js';
-
-const CardHeader = forwardRef(({ asChild, className, ...rest }, ref) => {
-    const Component = asChild ? Slot : 'div';
-    return (jsx(Heading, { size: 'md', asChild: true, children: jsx(Component, { className: cl(`ds-card__header`, className), ref: ref, ...rest }) }));
-});
-CardHeader.displayName = 'CardHeader';
-
-export { CardHeader };

package/dist/esm/components/Chip/Group/Group.js

@@ -1,12 +0,0 @@
-'use client';
-import { jsx } from 'react/jsx-runtime';
-import cl from 'clsx/lite';
-import { createContext, forwardRef, Children, isValidElement } from 'react';
-
-const ChipGroupContext = createContext(null);
-const Group = forwardRef(({ size = 'md', children, className, ...rest }, ref) => {
-    return (jsx("ul", { ref: ref, className: cl(`ds-chip--group-container`, `ds-chip--${size}`, className), ...rest, children: jsx(ChipGroupContext.Provider, { value: { size }, children: Children.toArray(children).map((child, index) => isValidElement(child) ? (jsx("li", { children: child }, `chip-${index}`)) : null) }) }));
-});
-Group.displayName = 'ChipGroup';
-
-export { ChipGroupContext, Group };

package/dist/esm/components/Chip/Removable/Removable.js

@@ -1,15 +0,0 @@
-'use client';
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { XMarkIcon } from '@navikt/aksel-icons';
-import cl from 'clsx/lite';
-import { forwardRef, useContext } from 'react';
-import { ChipGroupContext } from '../Group/Group.js';
-import { Paragraph } from '../../Typography/Paragraph/Paragraph.js';
-
-const RemovableChip = forwardRef(({ size = 'md', children, className, ...rest }, ref) => {
-    const group = useContext(ChipGroupContext);
-    return (jsx("button", { type: 'button', ref: ref, className: cl(`ds-focus`, `ds-chip--button`, `ds-chip--removable`, `ds-chip--${group?.size || size}`, className), ...rest, children: jsx(Paragraph, { asChild: true, size: group?.size || size, variant: 'short', children: jsxs("span", { className: `ds-chip__label`, children: [jsx("span", { children: children }), jsx("span", { className: `ds-chip__x-mark`, "aria-hidden": true, children: jsx(XMarkIcon, { className: `ds-chip__icon` }) })] }) }) }));
-});
-RemovableChip.displayName = 'ChipRemovable';
-
-export { RemovableChip };

package/dist/esm/components/Chip/Toggle/Toggle.js

@@ -1,16 +0,0 @@
-'use client';
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { CheckmarkIcon } from '@navikt/aksel-icons';
-import cl from 'clsx/lite';
-import { forwardRef, useContext } from 'react';
-import { ChipGroupContext } from '../Group/Group.js';
-import { Paragraph } from '../../Typography/Paragraph/Paragraph.js';
-
-const ToggleChip = forwardRef(({ children, selected = false, checkmark = true, size = 'md', className, ...rest }, ref) => {
-    const shouldDisplayCheckmark = checkmark && selected;
-    const group = useContext(ChipGroupContext);
-    return (jsx("button", { ref: ref, type: 'button', "aria-pressed": selected, className: cl(`ds-focus`, `ds-chip--button`, `ds-chip--${group?.size || size}`, shouldDisplayCheckmark && `ds-chip--spacing`, className), ...rest, children: jsx(Paragraph, { asChild: true, size: group?.size || size, variant: 'short', children: jsxs("span", { className: `ds-chip__label`, children: [shouldDisplayCheckmark && (jsx(CheckmarkIcon, { className: `ds-chip__checkmark-icon`, "aria-hidden": true })), jsx("span", { children: children })] }) }) }));
-});
-ToggleChip.displayName = 'ChipToggle';
-
-export { ToggleChip };

package/dist/esm/components/Dropdown/DropdownContext.js

@@ -1,24 +0,0 @@
-'use client';
-import { jsx } from 'react/jsx-runtime';
-import '../Popover/index.js';
-import { PopoverContext } from '../Popover/PopoverContext.js';
-
-/**
- * DropdownContext is the root component for the DropdownMenu component.
- * @example
- * <DropdownMenu.Context>
- *  <DropdownMenu.Trigger>Dropdown</DropdownMenu.Trigger>
- *  <DropdownMenu>
- *   <DropdownMenu.Heading>Heading</DropdownMenu.Heading>
- *    <DropdownMenu.List>
- *      <DropdownMenu.Item>Button 1</DropdownMenu.Item>
- *    </DropdownMenu.List>
- *  </DropdownMenu>
- * </DropdownMenu.Context>
- */
-const DropdownContext = ({ children }) => {
-    return jsx(PopoverContext, { children: children });
-};
-DropdownContext.displayName = 'DropdownContext';
-
-export { DropdownContext };

package/dist/esm/components/Modal/ModaContent.js

@@ -1,13 +0,0 @@
-'use client';
-import { jsx } from 'react/jsx-runtime';
-import { Slot } from '@radix-ui/react-slot';
-import cl from 'clsx/lite';
-import { forwardRef } from 'react';
-
-const ModalContent = forwardRef(({ asChild, className, ...rest }, ref) => {
-    const Component = asChild ? Slot : 'div';
-    return (jsx(Component, { ref: ref, className: cl('ds-modal__content', className), ...rest }));
-});
-ModalContent.displayName = 'ModalContent';
-
-export { ModalContent };

package/dist/esm/components/Modal/ModalDialog.js

@@ -1,71 +0,0 @@
-'use client';
-import { jsx } from 'react/jsx-runtime';
-import { useMergeRefs } from '@floating-ui/react';
-import { Slot } from '@radix-ui/react-slot';
-import cl from 'clsx/lite';
-import { forwardRef, useRef, useContext, useEffect } from 'react';
-import { ModalContext } from './ModalRoot.js';
-import { useModalState } from './useModalState.js';
-import { useScrollLock } from './useScrollLock.js';
-
-const ModalDialog = forwardRef(({ onInteractOutside, onClose, onBeforeClose, asChild, className, children, ...rest }, ref) => {
-    const Component = asChild ? Slot : 'dialog';
-    // This local ref is used to make sure the modal works without a ModalRoot
-    const modalDialogRef = useRef(null);
-    const { modalRef, setOpen, setCloseModal } = useContext(ModalContext);
-    const open = useModalState(modalDialogRef);
-    useEffect(() => {
-        setCloseModal?.(() => {
-            if (onBeforeClose && onBeforeClose() === false)
-                return;
-            modalDialogRef.current?.close();
-        });
-    }, [onBeforeClose, setCloseModal]);
-    const mergedRefs = useMergeRefs([modalRef, ref, modalDialogRef]);
-    useScrollLock(modalDialogRef, 'ds-modal--lock-scroll');
-    useEffect(() => {
-        setOpen(open);
-    }, [open, setOpen]);
-    useEffect(() => {
-        const modalEl = modalRef.current;
-        const handleBackdropClick = (e) => {
-            if (e.target === modalEl && onInteractOutside) {
-                // Fix bug where if you select text spanning two divs it thinks you clicked outside
-                if (window.getSelection()?.toString())
-                    return;
-                onInteractOutside?.();
-            }
-        };
-        if (modalEl)
-            modalEl.addEventListener('click', handleBackdropClick);
-        return () => {
-            if (modalEl) {
-                modalEl.removeEventListener('click', handleBackdropClick);
-            }
-        };
-    }, [onInteractOutside, modalRef, onBeforeClose, ref]);
-    useEffect(() => {
-        const modalEl = modalRef.current;
-        const handleModalClose = () => {
-            onClose?.();
-        };
-        if (modalEl)
-            modalEl.addEventListener('close', handleModalClose);
-        return () => {
-            if (modalEl) {
-                modalEl.removeEventListener('close', handleModalClose);
-            }
-        };
-    }, [modalRef, onClose]);
-    const onCancel = (e) => {
-        if (onBeforeClose && onBeforeClose() === false) {
-            e.preventDefault();
-            return;
-        }
-        modalRef.current?.close();
-    };
-    return (jsx(Component, { ref: mergedRefs, className: cl('ds-modal', className), onCancel: onCancel, ...rest, children: children }));
-});
-ModalDialog.displayName = 'ModalDialog';
-
-export { ModalDialog };

package/dist/esm/components/Modal/ModalFooter.js

@@ -1,13 +0,0 @@
-'use client';
-import { jsx } from 'react/jsx-runtime';
-import { Slot } from '@radix-ui/react-slot';
-import cl from 'clsx/lite';
-import { forwardRef } from 'react';
-
-const ModalFooter = forwardRef(({ asChild, className, ...rest }, ref) => {
-    const Component = asChild ? Slot : 'footer';
-    return (jsx(Component, { ref: ref, className: cl('ds-modal__footer', className), ...rest }));
-});
-ModalFooter.displayName = 'ModalFooter';
-
-export { ModalFooter };

package/dist/esm/components/Modal/ModalHeader.js

@@ -1,18 +0,0 @@
-'use client';
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { Slot } from '@radix-ui/react-slot';
-import cl from 'clsx/lite';
-import { forwardRef, useContext } from 'react';
-import { Button } from '../Button/Button.js';
-import { ModalContext } from './ModalRoot.js';
-import { Heading } from '../Typography/Heading/Heading.js';
-import { Paragraph } from '../Typography/Paragraph/Paragraph.js';
-
-const ModalHeader = forwardRef(({ closeButton = true, closeButtonTitle = 'close modal', children, subtitle, asChild, className, ...rest }, ref) => {
-    const Component = asChild ? Slot : 'div';
-    const { closeModal } = useContext(ModalContext);
-    return (jsxs(Component, { ref: ref, className: cl('ds-modal__header', className), ...rest, children: [subtitle && (jsx(Paragraph, { size: 'sm', variant: 'short', children: subtitle })), jsx(Heading, { level: 2, size: 'xs', children: children }), closeButton && (jsx(Button, { name: 'close', variant: 'tertiary', color: 'neutral', size: 'md', onClick: () => closeModal?.(), autoFocus: true, icon: true, className: 'ds-modal__header__button', title: closeButtonTitle }))] }));
-});
-ModalHeader.displayName = 'ModalHeader';
-
-export { ModalHeader };

package/dist/esm/components/Modal/ModalRoot.js

@@ -1,28 +0,0 @@
-'use client';
-import { jsx } from 'react/jsx-runtime';
-import { createContext, useRef, useState, useCallback } from 'react';
-
-const ModalContext = createContext({
-    setCloseModal: () => { },
-    modalRef: { current: null },
-    open: false,
-    setOpen: () => { },
-});
-const ModalRoot = ({ children }) => {
-    const modalRef = useRef(null);
-    const [open, setOpen] = useState(false);
-    const [closeModal, setCloseModal] = useState();
-    const setCloseModalInContext = useCallback((fn) => {
-        setCloseModal(() => fn);
-    }, []);
-    return (jsx(ModalContext.Provider, { value: {
-            setCloseModal: setCloseModalInContext,
-            closeModal,
-            modalRef,
-            open,
-            setOpen,
-        }, children: children }));
-};
-ModalRoot.displayName = 'ModalRoot';
-
-export { ModalContext, ModalRoot };

package/dist/esm/components/Modal/useModalState.js

@@ -1,28 +0,0 @@
-'use client';
-import { useState, useEffect } from 'react';
-
-const useModalState = (modalRef) => {
-    const [isOpen, setIsOpen] = useState(false);
-    useEffect(() => {
-        if (!modalRef?.current)
-            return;
-        if (modalRef.current?.open)
-            setIsOpen(true);
-        const observer = new MutationObserver(() => {
-            if (modalRef.current?.open)
-                setIsOpen(true);
-            else
-                setIsOpen(false);
-        });
-        observer.observe(modalRef.current, {
-            attributes: true,
-            attributeFilter: ['open'],
-        });
-        return () => {
-            observer.disconnect();
-        };
-    }, [modalRef]);
-    return isOpen;
-};
-
-export { useModalState };

package/dist/esm/components/Modal/useScrollLock.js

@@ -1,27 +0,0 @@
-'use client';
-import { useEffect } from 'react';
-
-function useScrollLock(modalRef, bodyClass) {
-    useEffect(() => {
-        if (!modalRef.current)
-            return;
-        if (modalRef.current.open)
-            document.body.classList.add(bodyClass);
-        const observer = new MutationObserver(() => {
-            if (modalRef.current?.open)
-                document.body.classList.add(bodyClass);
-            else
-                document.body.classList.remove(bodyClass);
-        });
-        observer.observe(modalRef.current, {
-            attributes: true,
-            attributeFilter: ['open'],
-        });
-        return () => {
-            observer.disconnect();
-            document.body.classList.remove(bodyClass);
-        };
-    }, [bodyClass, modalRef]);
-}
-
-export { useScrollLock };

package/dist/esm/components/Pagination/PaginationEllipsis.js

@@ -1,13 +0,0 @@
-'use client';
-import { jsx } from 'react/jsx-runtime';
-import cl from 'clsx/lite';
-import { forwardRef, useContext } from 'react';
-import { PaginationContext } from './PaginationRoot.js';
-import { Paragraph } from '../Typography/Paragraph/Paragraph.js';
-
-const PaginationEllipsis = forwardRef(function PaginationEllipsis({ className, ...rest }, ref) {
-    const { size } = useContext(PaginationContext);
-    return (jsx(Paragraph, { ref: ref, className: cl('ds-pagination__ellipsis', className), size: size, ...rest, children: "\u2026" }));
-});
-
-export { PaginationEllipsis };

package/dist/esm/components/Pagination/PaginationNextPrev.js

@@ -1,13 +0,0 @@
-'use client';
-import { jsx } from 'react/jsx-runtime';
-import { forwardRef } from 'react';
-import { PaginationButton } from './PaginationButton.js';
-
-const PaginationNext = forwardRef(function PaginationNext({ ...rest }, ref) {
-    return (jsx(PaginationButton, { "aria-label": rest.children != null ? undefined : 'Neste side', ref: ref, ...rest }));
-});
-const PaginationPrevious = forwardRef(function PaginationPrevious({ ...rest }, ref) {
-    return (jsx(PaginationButton, { "aria-label": rest.children != null ? undefined : 'Forrige side', ref: ref, ...rest }));
-});
-
-export { PaginationNext, PaginationPrevious };

package/dist/esm/components/Pagination/PaginationRoot.js

@@ -1,15 +0,0 @@
-'use client';
-import { jsx } from 'react/jsx-runtime';
-import { Slot } from '@radix-ui/react-slot';
-import { createContext, forwardRef } from 'react';
-
-const PaginationContext = createContext({
-    size: 'md',
-    compact: false,
-});
-const PaginationRoot = forwardRef(function PaginationRoot({ 'aria-label': ariaLabel = 'Sidenavigering', asChild, compact = false, size = 'md', ...rest }, ref) {
-    const Component = asChild ? Slot : 'nav';
-    return (jsx(PaginationContext.Provider, { value: { size, compact }, children: jsx(Component, { "aria-label": ariaLabel, ref: ref, ...rest }) }));
-});
-
-export { PaginationContext, PaginationRoot };

package/dist/esm/components/Typography/Heading/Heading.js

@@ -1,19 +0,0 @@
-'use client';
-import { jsx } from 'react/jsx-runtime';
-import { Slot } from '@radix-ui/react-slot';
-import cl from 'clsx/lite';
-import { forwardRef } from 'react';
-
-/**
- * Use `Heading` to render h1-6 elements with heading text styles.
- *
- * @example
- * <Heading size='lg' level={2}>Heading</Heading>
- */
-const Heading = forwardRef(({ size = 'xl', level = 2, spacing = false, className, asChild, ...rest }, ref) => {
-    const Component = asChild ? Slot : `h${level}`;
-    return (jsx(Component, { ref: ref, className: cl('ds-heading', `ds-heading--${size}`, spacing && 'ds-heading--spacing', className), ...rest }));
-});
-Heading.displayName = 'Heading';
-
-export { Heading };

package/dist/esm/components/Typography/Ingress/Ingress.js

@@ -1,19 +0,0 @@
-'use client';
-import { jsx } from 'react/jsx-runtime';
-import { Slot } from '@radix-ui/react-slot';
-import cl from 'clsx/lite';
-import { forwardRef } from 'react';
-
-/**
- * Use `Ingress` to display text as ingress.
- *
- * @example
- * <Ingress size='lg'>Ingress</Ingress>
- */
-const Ingress = forwardRef(({ size = 'md', className, spacing, asChild, ...rest }, ref) => {
-    const Component = asChild ? Slot : 'p';
-    return (jsx(Component, { ref: ref, className: cl(`ds-ingress`, `ds-ingress--${size}`, spacing && 'ds-ingress--spacing', className), ...rest }));
-});
-Ingress.displayName = 'Ingress';
-
-export { Ingress };

package/dist/esm/components/Typography/Paragraph/Paragraph.js

@@ -1,24 +0,0 @@
-'use client';
-import { jsx } from 'react/jsx-runtime';
-import { Slot } from '@radix-ui/react-slot';
-import cl from 'clsx/lite';
-import { forwardRef } from 'react';
-
-const lineHeightMap = {
-    short: 'ds-line-height--sm',
-    default: 'ds-line-height--md',
-    long: 'ds-line-height--lg',
-};
-/**
- * Use `Paragraph` to display text with paragraph text styles.
- *
- * @example
- * <Paragraph size='lg'>Paragraph</Paragraph>
- */
-const Paragraph = forwardRef(({ className, spacing, size = 'md', asChild, variant, ...rest }, ref) => {
-    const Component = asChild ? Slot : 'p';
-    return (jsx(Component, { ref: ref, className: cl('ds-paragraph', spacing && 'ds-paragraph--spacing', `ds-paragraph--${size}`, lineHeightMap[variant ?? 'default'], className), ...rest }));
-});
-Paragraph.displayName = 'Paragraph';
-
-export { Paragraph };

package/dist/esm/components/form/CharacterCounter.js

@@ -1,15 +0,0 @@
-'use client';
-import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-import { ValidationMessage } from '../Typography/ValidationMessage/ValidationMessage.js';
-
-const defaultLabel = (count) => count > -1 ? `${count} tegn igjen` : `${Math.abs(count)} tegn for mye`;
-const defaultSrLabel = (maxCount) => `Tekstfelt med plass til ${maxCount} tegn`;
-const CharacterCounter = ({ label = defaultLabel, srLabel: propsSrLabel, maxCount, value, id, size, }) => {
-    const currentCount = maxCount - value.length;
-    const hasExceededLimit = value.length > maxCount;
-    const srLabel = propsSrLabel ? propsSrLabel : defaultSrLabel(maxCount);
-    return (jsxs(Fragment, { children: [jsx("span", { className: `ds-sr-only`, id: id, children: srLabel }), jsx(ValidationMessage, { asChild: true, size: size, error: hasExceededLimit, children: jsx("span", { "aria-live": hasExceededLimit ? 'polite' : 'off', children: label(currentCount) }) })] }));
-};
-CharacterCounter.displayName = 'CharacterCounter';
-
-export { CharacterCounter };

package/dist/esm/components/form/Checkbox/CheckboxGroup.js

@@ -1,28 +0,0 @@
-'use client';
-import { jsx } from 'react/jsx-runtime';
-import cl from 'clsx/lite';
-import { createContext, forwardRef, useState } from 'react';
-import { Fieldset } from '../Fieldset/Fieldset.js';
-
-const CheckboxGroupContext = createContext(null);
-const CheckboxGroup = forwardRef(({ onChange, children, value, readOnly, defaultValue, size = 'md', ...rest }, ref) => {
-    const [internalValue, setInternalValue] = useState(defaultValue ?? []);
-    const toggleValue = (checkboxValue) => {
-        const currentValue = value ?? internalValue;
-        const updatedValue = currentValue.includes(checkboxValue)
-            ? currentValue.filter((x) => x !== checkboxValue)
-            : [...currentValue, checkboxValue];
-        if (typeof value !== 'undefined' || value !== null) {
-            setInternalValue(updatedValue);
-        }
-        onChange?.(updatedValue);
-    };
-    return (jsx(Fieldset, { readOnly: readOnly, size: size, ref: ref, ...rest, children: jsx(CheckboxGroupContext.Provider, { value: {
-                value,
-                defaultValue,
-                toggleValue,
-            }, children: jsx("div", { className: cl('ds-checkbox__group', `ds-checkbox__group--${size}`), children: children }) }) }));
-});
-CheckboxGroup.displayName = 'CheckboxGroup';
-
-export { CheckboxGroup, CheckboxGroupContext };

package/dist/esm/components/form/Checkbox/index.js

@@ -1,10 +0,0 @@
-'use client';
-import { Checkbox as Checkbox$1 } from './Checkbox.js';
-import { CheckboxGroup } from './CheckboxGroup.js';
-
-/** `<input> element with `type="checkbox"` used for selecting one option */
-const Checkbox = Checkbox$1;
-Checkbox.Group = CheckboxGroup;
-Checkbox.Group.displayName = 'Checkbox.Group';
-
-export { Checkbox, CheckboxGroup };

package/dist/esm/components/form/Checkbox/useCheckbox.js

@@ -1,42 +0,0 @@
-'use client';
-import { useContext } from 'react';
-import { useFormField } from '../useFormField.js';
-import { CheckboxGroupContext } from './CheckboxGroup.js';
-
-/** Handles props for `Checkbox` in context with `Checkbox.Group` (and `Fieldset`) */
-const useCheckbox = (props) => {
-    const checkboxGroup = useContext(CheckboxGroupContext);
-    const { inputProps, readOnly, ...rest } = useFormField(props, 'checkbox');
-    return {
-        ...rest,
-        readOnly,
-        inputProps: {
-            ...inputProps,
-            readOnly,
-            type: 'checkbox',
-            defaultChecked: checkboxGroup?.defaultValue
-                ? checkboxGroup?.defaultValue.includes(props.value)
-                : props.defaultChecked,
-            checked: checkboxGroup?.value
-                ? checkboxGroup?.value.includes(props.value)
-                : props.checked,
-            onClick: (e) => {
-                if (readOnly) {
-                    e.preventDefault();
-                    return;
-                }
-                props?.onClick?.(e);
-            },
-            onChange: (e) => {
-                if (readOnly) {
-                    e.preventDefault();
-                    return;
-                }
-                props?.onChange?.(e);
-                checkboxGroup?.toggleValue(props.value);
-            },
-        },
-    };
-};
-
-export { useCheckbox };

package/dist/esm/components/form/Radio/RadioGroup.js

@@ -1,20 +0,0 @@
-'use client';
-import { jsx } from 'react/jsx-runtime';
-import cl from 'clsx/lite';
-import { createContext, forwardRef, useId } from 'react';
-import { Fieldset } from '../Fieldset/Fieldset.js';
-
-const RadioGroupContext = createContext(null);
-const RadioGroup = forwardRef(({ onChange, children, value, readOnly, defaultValue, name, size = 'md', required, inline, className, ...rest }, ref) => {
-    const nameId = useId();
-    return (jsx(Fieldset, { readOnly: readOnly, size: size, className: className, ref: ref, ...rest, children: jsx(RadioGroupContext.Provider, { value: {
-                value,
-                defaultValue,
-                name: name ?? `radiogroup-name-${nameId}`,
-                onChange,
-                required,
-            }, children: jsx("div", { className: cl('ds-radio__group', `ds-radio__group--${size}`, inline && 'ds-radio__group--horizontal'), children: children }) }) }));
-});
-RadioGroup.displayName = 'RadioGroup';
-
-export { RadioGroup, RadioGroupContext };

package/dist/esm/components/form/Radio/index.js

@@ -1,10 +0,0 @@
-'use client';
-import { Radio as Radio$1 } from './Radio.js';
-import { RadioGroup } from './RadioGroup.js';
-
-/** `<input> element with `type="radio"` used for selecting one option */
-const Radio = Radio$1;
-Radio.Group = RadioGroup;
-Radio.Group.displayName = 'Radio.Group';
-
-export { Radio, RadioGroup };

package/dist/esm/components/form/Radio/useRadio.js

@@ -1,44 +0,0 @@
-'use client';
-import { useContext } from 'react';
-import { useFormField } from '../useFormField.js';
-import { RadioGroupContext } from './RadioGroup.js';
-
-/** Handles props for `Radio` in context with `Radio.Group` (and `Fieldset`) */
-const useRadio = (props) => {
-    const radioGroup = useContext(RadioGroupContext);
-    const { inputProps, readOnly, ...rest } = useFormField(props, 'radio');
-    return {
-        ...rest,
-        readOnly,
-        inputProps: {
-            ...inputProps,
-            readOnly,
-            type: 'radio',
-            name: radioGroup?.name ?? props.name,
-            required: radioGroup?.required,
-            defaultChecked: radioGroup?.defaultValue
-                ? radioGroup?.defaultValue === props.value
-                : props.defaultChecked,
-            checked: radioGroup?.value
-                ? radioGroup?.value === props.value
-                : props.checked,
-            onClick: (e) => {
-                if (readOnly) {
-                    e.preventDefault();
-                    return;
-                }
-                props?.onClick?.(e);
-            },
-            onChange: (e) => {
-                if (readOnly) {
-                    e.preventDefault();
-                    return;
-                }
-                props?.onChange?.(e);
-                radioGroup?.onChange?.(props.value);
-            },
-        },
-    };
-};
-
-export { useRadio };

package/dist/esm/components/form/Search/useSearch.js

@@ -1,37 +0,0 @@
-'use client';
-import { useContext } from 'react';
-import { FieldsetContext } from '../Fieldset/FieldsetContext.js';
-import { useFormField } from '../useFormField.js';
-
-/** Handles props for `Search` in context with `Fieldset` */
-const useSearch = (props) => {
-    const fieldset = useContext(FieldsetContext);
-    const { inputProps, readOnly, size = fieldset?.size ?? 'md', ...rest } = useFormField(props, 'search');
-    return {
-        ...rest,
-        readOnly,
-        size,
-        inputProps: {
-            ...inputProps,
-            type: 'search',
-            name: props.name ?? 'q',
-            readOnly,
-            onClick: (e) => {
-                if (readOnly) {
-                    e.preventDefault();
-                    return;
-                }
-                props?.onClick?.(e);
-            },
-            onChange: (e) => {
-                if (readOnly) {
-                    e.preventDefault();
-                    return;
-                }
-                props?.onChange?.(e);
-            },
-        },
-    };
-};
-
-export { useSearch };