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

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

@@ -1,15 +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');
-
-const ModalFooter = react.forwardRef(({ asChild, className, ...rest }, ref) => {
-    const Component = asChild ? reactSlot.Slot : 'footer';
-    return (jsxRuntime.jsx(Component, { ref: ref, className: cl('ds-modal__footer', className), ...rest }));
-});
-ModalFooter.displayName = 'ModalFooter';
-
-exports.ModalFooter = ModalFooter;

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

@@ -1,20 +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 Button = require('../Button/Button.js');
-var ModalRoot = require('./ModalRoot.js');
-var Heading = require('../Typography/Heading/Heading.js');
-var Paragraph = require('../Typography/Paragraph/Paragraph.js');
-
-const ModalHeader = react.forwardRef(({ closeButton = true, closeButtonTitle = 'close modal', children, subtitle, asChild, className, ...rest }, ref) => {
-    const Component = asChild ? reactSlot.Slot : 'div';
-    const { closeModal } = react.useContext(ModalRoot.ModalContext);
-    return (jsxRuntime.jsxs(Component, { ref: ref, className: cl('ds-modal__header', className), ...rest, children: [subtitle && (jsxRuntime.jsx(Paragraph.Paragraph, { size: 'sm', variant: 'short', children: subtitle })), jsxRuntime.jsx(Heading.Heading, { level: 2, size: 'xs', children: children }), closeButton && (jsxRuntime.jsx(Button.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';
-
-exports.ModalHeader = ModalHeader;

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

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

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

@@ -1,30 +0,0 @@
-'use client';
-'use strict';
-
-var react = require('react');
-
-const useModalState = (modalRef) => {
-    const [isOpen, setIsOpen] = react.useState(false);
-    react.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;
-};
-
-exports.useModalState = useModalState;

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

@@ -1,29 +0,0 @@
-'use client';
-'use strict';
-
-var react = require('react');
-
-function useScrollLock(modalRef, bodyClass) {
-    react.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]);
-}
-
-exports.useScrollLock = useScrollLock;

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

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

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

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

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

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

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

@@ -1,21 +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');
-
-/**
- * Use `Ingress` to display text as ingress.
- *
- * @example
- * <Ingress size='lg'>Ingress</Ingress>
- */
-const Ingress = react.forwardRef(({ size = 'md', className, spacing, asChild, ...rest }, ref) => {
-    const Component = asChild ? reactSlot.Slot : 'p';
-    return (jsxRuntime.jsx(Component, { ref: ref, className: cl(`ds-ingress`, `ds-ingress--${size}`, spacing && 'ds-ingress--spacing', className), ...rest }));
-});
-Ingress.displayName = 'Ingress';
-
-exports.Ingress = Ingress;

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

@@ -1,26 +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');
-
-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 = react.forwardRef(({ className, spacing, size = 'md', asChild, variant, ...rest }, ref) => {
-    const Component = asChild ? reactSlot.Slot : 'p';
-    return (jsxRuntime.jsx(Component, { ref: ref, className: cl('ds-paragraph', spacing && 'ds-paragraph--spacing', `ds-paragraph--${size}`, lineHeightMap[variant ?? 'default'], className), ...rest }));
-});
-Paragraph.displayName = 'Paragraph';
-
-exports.Paragraph = Paragraph;

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

@@ -1,17 +0,0 @@
-'use client';
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var ValidationMessage = require('../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 (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("span", { className: `ds-sr-only`, id: id, children: srLabel }), jsxRuntime.jsx(ValidationMessage.ValidationMessage, { asChild: true, size: size, error: hasExceededLimit, children: jsxRuntime.jsx("span", { "aria-live": hasExceededLimit ? 'polite' : 'off', children: label(currentCount) }) })] }));
-};
-CharacterCounter.displayName = 'CharacterCounter';
-
-exports.CharacterCounter = CharacterCounter;

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

@@ -1,31 +0,0 @@
-'use client';
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var cl = require('clsx/lite');
-var react = require('react');
-var Fieldset = require('../Fieldset/Fieldset.js');
-
-const CheckboxGroupContext = react.createContext(null);
-const CheckboxGroup = react.forwardRef(({ onChange, children, value, readOnly, defaultValue, size = 'md', ...rest }, ref) => {
-    const [internalValue, setInternalValue] = react.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 (jsxRuntime.jsx(Fieldset.Fieldset, { readOnly: readOnly, size: size, ref: ref, ...rest, children: jsxRuntime.jsx(CheckboxGroupContext.Provider, { value: {
-                value,
-                defaultValue,
-                toggleValue,
-            }, children: jsxRuntime.jsx("div", { className: cl('ds-checkbox__group', `ds-checkbox__group--${size}`), children: children }) }) }));
-});
-CheckboxGroup.displayName = 'CheckboxGroup';
-
-exports.CheckboxGroup = CheckboxGroup;
-exports.CheckboxGroupContext = CheckboxGroupContext;

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

@@ -1,13 +0,0 @@
-'use client';
-'use strict';
-
-var Checkbox$1 = require('./Checkbox.js');
-var CheckboxGroup = require('./CheckboxGroup.js');
-
-/** `<input> element with `type="checkbox"` used for selecting one option */
-const Checkbox = Checkbox$1.Checkbox;
-Checkbox.Group = CheckboxGroup.CheckboxGroup;
-Checkbox.Group.displayName = 'Checkbox.Group';
-
-exports.CheckboxGroup = CheckboxGroup.CheckboxGroup;
-exports.Checkbox = Checkbox;

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

@@ -1,44 +0,0 @@
-'use client';
-'use strict';
-
-var react = require('react');
-var useFormField = require('../useFormField.js');
-var CheckboxGroup = require('./CheckboxGroup.js');
-
-/** Handles props for `Checkbox` in context with `Checkbox.Group` (and `Fieldset`) */
-const useCheckbox = (props) => {
-    const checkboxGroup = react.useContext(CheckboxGroup.CheckboxGroupContext);
-    const { inputProps, readOnly, ...rest } = useFormField.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);
-            },
-        },
-    };
-};
-
-exports.useCheckbox = useCheckbox;

package/dist/cjs/components/form/Radio/RadioGroup.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 Fieldset = require('../Fieldset/Fieldset.js');
-
-const RadioGroupContext = react.createContext(null);
-const RadioGroup = react.forwardRef(({ onChange, children, value, readOnly, defaultValue, name, size = 'md', required, inline, className, ...rest }, ref) => {
-    const nameId = react.useId();
-    return (jsxRuntime.jsx(Fieldset.Fieldset, { readOnly: readOnly, size: size, className: className, ref: ref, ...rest, children: jsxRuntime.jsx(RadioGroupContext.Provider, { value: {
-                value,
-                defaultValue,
-                name: name ?? `radiogroup-name-${nameId}`,
-                onChange,
-                required,
-            }, children: jsxRuntime.jsx("div", { className: cl('ds-radio__group', `ds-radio__group--${size}`, inline && 'ds-radio__group--horizontal'), children: children }) }) }));
-});
-RadioGroup.displayName = 'RadioGroup';
-
-exports.RadioGroup = RadioGroup;
-exports.RadioGroupContext = RadioGroupContext;

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

@@ -1,13 +0,0 @@
-'use client';
-'use strict';
-
-var Radio$1 = require('./Radio.js');
-var RadioGroup = require('./RadioGroup.js');
-
-/** `<input> element with `type="radio"` used for selecting one option */
-const Radio = Radio$1.Radio;
-Radio.Group = RadioGroup.RadioGroup;
-Radio.Group.displayName = 'Radio.Group';
-
-exports.RadioGroup = RadioGroup.RadioGroup;
-exports.Radio = Radio;

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

@@ -1,46 +0,0 @@
-'use client';
-'use strict';
-
-var react = require('react');
-var useFormField = require('../useFormField.js');
-var RadioGroup = require('./RadioGroup.js');
-
-/** Handles props for `Radio` in context with `Radio.Group` (and `Fieldset`) */
-const useRadio = (props) => {
-    const radioGroup = react.useContext(RadioGroup.RadioGroupContext);
-    const { inputProps, readOnly, ...rest } = useFormField.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);
-            },
-        },
-    };
-};
-
-exports.useRadio = useRadio;

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

@@ -1,39 +0,0 @@
-'use client';
-'use strict';
-
-var react = require('react');
-var FieldsetContext = require('../Fieldset/FieldsetContext.js');
-var useFormField = require('../useFormField.js');
-
-/** Handles props for `Search` in context with `Fieldset` */
-const useSearch = (props) => {
-    const fieldset = react.useContext(FieldsetContext.FieldsetContext);
-    const { inputProps, readOnly, size = fieldset?.size ?? 'md', ...rest } = useFormField.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);
-            },
-        },
-    };
-};
-
-exports.useSearch = useSearch;

package/dist/cjs/components/form/Select/useSelect.js

@@ -1,49 +0,0 @@
-'use client';
-'use strict';
-
-var react = require('react');
-var FieldsetContext = require('../Fieldset/FieldsetContext.js');
-var useFormField = require('../useFormField.js');
-
-/** Handles props for `Select` in context with `Fieldset` */
-const useSelect = (props) => {
-    const fieldset = react.useContext(FieldsetContext.FieldsetContext);
-    const { inputProps: selectProps, readOnly = false, size = fieldset?.size ?? 'md', ...rest } = useFormField.useFormField(props, 'select');
-    return {
-        ...rest,
-        readOnly,
-        size,
-        selectProps: {
-            ...selectProps,
-            readOnly,
-            onClick: (event) => {
-                if (readOnly)
-                    return event.preventDefault();
-                props?.onClick?.(event);
-            },
-            onKeyDown: (event) => {
-                if (readOnly) {
-                    if (event.key === 'Tab')
-                        return;
-                    return event.preventDefault();
-                }
-                props?.onKeyDown?.(event);
-            },
-            onMouseDown: (event) => {
-                if (readOnly) {
-                    if (event.target instanceof HTMLElement)
-                        event.target.focus();
-                    return event.preventDefault();
-                }
-                props?.onMouseDown?.(event);
-            },
-            onChange: (event) => {
-                if (readOnly)
-                    return event.preventDefault();
-                props?.onChange?.(event);
-            },
-        },
-    };
-};
-
-exports.useSelect = useSelect;

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

@@ -1,46 +0,0 @@
-'use client';
-'use strict';
-
-var react = require('react');
-var CheckboxGroup = require('../Checkbox/CheckboxGroup.js');
-var useFormField = require('../useFormField.js');
-
-/** Handles props for `Switch` in context with `Checkbox.Group` (and `Fieldset`) */
-const useSwitch = (props) => {
-    const checkboxGroup = react.useContext(CheckboxGroup.CheckboxGroupContext);
-    const { inputProps, readOnly, ...rest } = useFormField.useFormField(props, 'switch');
-    const propsValue = props.value || '';
-    return {
-        ...rest,
-        readOnly,
-        inputProps: {
-            ...inputProps,
-            readOnly,
-            type: 'checkbox',
-            role: 'switch',
-            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/useTextarea.js

@@ -1,37 +0,0 @@
-'use client';
-'use strict';
-
-var react = require('react');
-var FieldsetContext = require('../Fieldset/FieldsetContext.js');
-var useFormField = require('../useFormField.js');
-
-/** Handles props for `Textarea` in context with `Fieldset` */
-const useTextarea = (props) => {
-    const fieldset = react.useContext(FieldsetContext.FieldsetContext);
-    const { inputProps, readOnly, size = fieldset?.size ?? 'md', ...rest } = useFormField.useFormField(props, 'textarea');
-    return {
-        ...rest,
-        readOnly,
-        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/useTextfield.js

@@ -1,37 +0,0 @@
-'use client';
-'use strict';
-
-var react = require('react');
-var FieldsetContext = require('../Fieldset/FieldsetContext.js');
-var useFormField = require('../useFormField.js');
-
-/** Handles props for `Textfield` in context with `Fieldset` */
-const useTextfield = (props) => {
-    const fieldset = react.useContext(FieldsetContext.FieldsetContext);
-    const { inputProps, readOnly, size = fieldset?.size ?? 'md', ...rest } = useFormField.useFormField(props, 'textfield');
-    return {
-        ...rest,
-        readOnly,
-        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/esm/components/Card/CardContent.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 CardContent = forwardRef(({ asChild, className, ...rest }, ref) => {
-    const Component = asChild ? Slot : 'div';
-    return (jsx(Paragraph, { size: 'md', asChild: true, children: jsx(Component, { className: cl(`ds-card__content`, className), ref: ref, ...rest }) }));
-});
-CardContent.displayName = 'CardContent';
-
-export { CardContent };