@digdir/designsystemet-react 1.20.0 → 1.20.1

package/dist/cjs/components/Combobox/internal/ComboboxNative.js

@@ -1,13 +0,0 @@
-'use client';
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var utilities = require('../utilities.js');
-
-const ComboboxNative = ({ selectedOptions, multiple, name, }) => {
-    const VALUE = Object.keys(selectedOptions).map((key) => utilities.removePrefix(key));
-    return (jsxRuntime.jsx("select", { name: name, multiple: multiple, style: { display: 'none' }, value: multiple ? VALUE : VALUE[0], onChange: () => { }, children: VALUE.map((value) => (jsxRuntime.jsx("option", { value: value }, value))) }));
-};
-ComboboxNative.displayName = 'ComboboxNative';
-
-module.exports = ComboboxNative;

package/dist/cjs/components/Combobox/useCombobox.js

@@ -1,123 +0,0 @@
-'use client';
-'use strict';
-
-var react = require('react');
-var Option = require('./Option/Option.js');
-var utilities = require('./utilities.js');
-
-const isOption = (option) => !!option;
-function useCombobox({ children, inputValue, multiple, filter = (inputValue, option) => {
-    return option.label.toLowerCase().startsWith(inputValue.toLowerCase());
-}, initialValue, }) {
-    const filterCallback = react.useCallback(filter, [filter]);
-    const { optionsChildren, customIds, restChildren, interactiveChildren } = react.useMemo(() => {
-        const allChildren = react.Children.toArray(children);
-        const result = allChildren.reduce((acc, child) => {
-            if (Option.isComboboxOption(child)) {
-                acc.optionsChildren.push(child);
-            }
-            else {
-                acc.restChildren.push(child);
-                if (utilities.isInteractiveComboboxCustom(child)) {
-                    const childElement = child;
-                    acc.interactiveChildren.push(childElement);
-                    if (!childElement.props.id) {
-                        throw new Error('If ComboboxCustom is interactive, it must have an id');
-                    }
-                    acc.customIds.push(childElement.props.id);
-                }
-            }
-            return acc;
-        }, {
-            optionsChildren: [],
-            customIds: [],
-            restChildren: [],
-            interactiveChildren: [],
-        });
-        return result;
-    }, [children]);
-    const options = react.useMemo(() => {
-        const values = [];
-        const allOptions = {};
-        optionsChildren.map((child) => {
-            const props = child.props;
-            let label = props.displayValue || '';
-            if (!props.displayValue) {
-                let childrenLabel = '';
-                // go over children and find all strings
-                react.Children.forEach(props.children, (child) => {
-                    if (typeof child === 'string') {
-                        childrenLabel += child;
-                    }
-                    else {
-                        throw new Error('If ComboboxOption is not a string, it must have a displayValue prop');
-                    }
-                });
-                label = childrenLabel;
-            }
-            if (values.includes(props.value)) {
-                console.warn(`Combobox has multiple options with the same value: ${props.value}`);
-            }
-            values.push(props.value);
-            allOptions[utilities.prefix(String(props.value))] = {
-                value: String(props.value),
-                label,
-                displayValue: props.displayValue,
-                description: props.description,
-            };
-            return null;
-        });
-        return allOptions;
-    }, [optionsChildren]);
-    const preSelectedOptions = react.useMemo(() => (initialValue?.map((key) => {
-        return utilities.prefix(key);
-    }) || []).reduce((acc, value) => {
-        const option = options[value];
-        if (isOption(option)) {
-            acc[value] = option;
-        }
-        return acc;
-    }, {}), [initialValue, options]);
-    const [selectedOptions, setSelectedOptions] = react.useState(preSelectedOptions);
-    const { filteredOptions, filteredOptionsChildren } = react.useMemo(() => {
-        const filteredOptions = [];
-        const filteredOptionsChildren = Object.keys(options)
-            .map((option, index) => {
-            /* If we have a selected value in single mode and the input matches an option, return all children */
-            if (!multiple && Object.keys(selectedOptions).length === 1) {
-                filteredOptions.push(option);
-                return optionsChildren[index];
-            }
-            if (multiple && selectedOptions[option]) {
-                filteredOptions.push(option);
-                return optionsChildren[index];
-            }
-            if (filterCallback(inputValue, options[option])) {
-                filteredOptions.push(option);
-                return optionsChildren[index];
-            }
-            return null;
-        })
-            .filter((child) => child);
-        return { filteredOptions, filteredOptionsChildren };
-    }, [
-        filterCallback,
-        inputValue,
-        multiple,
-        options,
-        optionsChildren,
-        selectedOptions,
-    ]);
-    return {
-        filteredOptionsChildren,
-        filteredOptions,
-        restChildren,
-        options,
-        customIds,
-        selectedOptions,
-        interactiveChildren,
-        setSelectedOptions,
-    };
-}
-
-exports.useCombobox = useCombobox;

package/dist/cjs/components/Combobox/useComboboxKeyboard.js

@@ -1,79 +0,0 @@
-'use client';
-'use strict';
-
-var useDebounceCallback = require('../../utilities/hooks/deprecated/use-debounce-callback/use-debounce-callback.js');
-require('react');
-require('@digdir/designsystemet-web');
-require('../../utilities/roving-focus/roving-focus-item.js');
-require('../../utilities/roving-focus/roving-focus-root.js');
-var ComboboxIdContext = require('./ComboboxIdContext.js');
-
-const useComboboxKeyboard = ({ readOnly, disabled, interactiveChildren, filteredOptions, inputValue, selectedOptions, multiple, open, options, setOpen, handleSelectOption, }) => {
-    const { activeIndex } = ComboboxIdContext.useComboboxId();
-    // handle keyboard navigation in the list
-    const handleKeyDownFunc = (event) => {
-        if (readOnly || disabled)
-            return;
-        if (!event)
-            return;
-        switch (event.key) {
-            case 'ArrowDown':
-                event.preventDefault();
-                if (open)
-                    break;
-                setOpen(true);
-                break;
-            case 'ArrowUp':
-                event.preventDefault();
-                /* If we are on the first item, close */
-                if (activeIndex !== 0)
-                    break;
-                setOpen(false);
-                break;
-            case 'Enter': {
-                event.preventDefault();
-                // ignore if it is closed
-                if (!open)
-                    break;
-                // check if we are in the custom components
-                if (activeIndex <= interactiveChildren.length - 1) {
-                    const selectedComponent = interactiveChildren[activeIndex];
-                    if (selectedComponent.props.onSelect) {
-                        selectedComponent?.props.onSelect();
-                        return;
-                    }
-                }
-                // if we are in the options, find the actual index
-                const valueIndex = activeIndex - interactiveChildren.length;
-                const option = filteredOptions[valueIndex];
-                handleSelectOption({ option: options[option] });
-                break;
-            }
-            case 'Backspace':
-                // if we are in single mode, we need to set selectedOptions to empty
-                if (!multiple) {
-                    const lastOption = Object.keys(selectedOptions).pop();
-                    lastOption &&
-                        handleSelectOption({
-                            option: selectedOptions[lastOption],
-                            remove: true,
-                        });
-                    break;
-                }
-                if (inputValue === '' && multiple) {
-                    const lastOption = Object.keys(selectedOptions).pop();
-                    /* Remove last option, and use handleSelectOption */
-                    lastOption &&
-                        handleSelectOption({
-                            option: selectedOptions[lastOption],
-                            remove: true,
-                        });
-                }
-                break;
-        }
-    };
-    const handleKeyDown = useDebounceCallback.useDebounceCallback(handleKeyDownFunc, 20);
-    return handleKeyDown;
-};
-
-exports.useComboboxKeyboard = useComboboxKeyboard;

package/dist/cjs/components/Combobox/useFloatingCombobox.js

@@ -1,76 +0,0 @@
-'use client';
-'use strict';
-
-var react$1 = require('@floating-ui/react');
-var react = require('react');
-var reactDom = require('react-dom');
-var ComboboxIdContext = require('./ComboboxIdContext.js');
-
-const useFloatingCombobox = ({ listRef, }) => {
-    const [open, setOpen] = react.useState(false);
-    const { activeIndex } = ComboboxIdContext.useComboboxId();
-    const dispatch = ComboboxIdContext.useComboboxIdDispatch();
-    // floating UI
-    const { refs, floatingStyles, context } = react$1.useFloating({
-        open,
-        onOpenChange: (newOpen) => {
-            if (!newOpen)
-                dispatch?.({ type: 'SET_ACTIVE_INDEX', payload: 0 });
-            reactDom.flushSync(() => {
-                if (refs.floating.current && !newOpen) {
-                    refs.floating.current.scrollTop = 0;
-                }
-                setTimeout(() => {
-                    setOpen(newOpen);
-                }, 1);
-            });
-        },
-        whileElementsMounted: (reference, floating, update) => {
-            react$1.autoUpdate(reference, floating, update);
-            return () => {
-                floating.scrollTop = 0;
-            };
-        },
-        middleware: [
-            react$1.flip({ padding: 10 }),
-            react$1.size({
-                apply({ rects, elements }) {
-                    requestAnimationFrame(() => {
-                        Object.assign(elements.floating.style, {
-                            width: `${rects.reference.width}px`,
-                            maxHeight: `200px`,
-                        });
-                    });
-                },
-            }),
-            react$1.offset(10),
-        ],
-    });
-    const role = react$1.useRole(context, { role: 'listbox' });
-    const dismiss = react$1.useDismiss(context);
-    const listNav = react$1.useListNavigation(context, {
-        listRef,
-        activeIndex,
-        virtual: true,
-        scrollItemIntoView: true,
-        enabled: open,
-        focusItemOnHover: true,
-        onNavigate: (index) => {
-            dispatch?.({ type: 'SET_ACTIVE_INDEX', payload: index || 0 });
-        },
-    });
-    const { getReferenceProps, getFloatingProps, getItemProps } = react$1.useInteractions([role, dismiss, listNav]);
-    return {
-        open,
-        setOpen,
-        activeIndex,
-        refs,
-        floatingStyles,
-        context,
-        getReferenceProps,
-        getFloatingProps,
-        getItemProps,
-    };
-};
-
-exports.useFloatingCombobox = useFloatingCombobox;

package/dist/cjs/components/Combobox/useFormField/FieldsetContext.js

@@ -1,8 +0,0 @@
-'use client';
-'use strict';
-
-var react = require('react');
-
-const FieldsetContext = react.createContext(null);
-
-exports.FieldsetContext = FieldsetContext;

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

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

package/dist/cjs/components/Combobox/utilities.js

@@ -1,40 +0,0 @@
-'use client';
-'use strict';
-
-var react = require('react');
-var Custom = require('./Custom.js');
-
-function isComboboxCustom(child) {
-    return react.isValidElement(child) && child.type === Custom.ComboboxCustom;
-}
-function isInteractiveComboboxCustom(child) {
-    return isComboboxCustom(child) && child.props.interactive === true;
-}
-const INTERNAL_OPTION_PREFIX = 'internal-option-';
-/**
- * We use this function to prefix the value of the options so we can make sure numbers as strings are not parsed as numbers in objects
- * @param value
- * @returns
- */
-const prefix = (value) => {
-    return INTERNAL_OPTION_PREFIX + value;
-};
-const removePrefix = (value) => {
-    return value.slice(INTERNAL_OPTION_PREFIX.length);
-};
-const setReactInputValue = (input, value) => {
-    const previousValue = input.value;
-    input.value = value;
-    const tracker = input._valueTracker;
-    if (typeof tracker !== 'undefined') {
-        tracker.setValue(previousValue);
-    }
-    //'change' instead of 'input', see https://github.com/facebook/react/issues/11488#issuecomment-381590324
-    input.dispatchEvent(new Event('change', { bubbles: true }));
-};
-
-exports.isComboboxCustom = isComboboxCustom;
-exports.isInteractiveComboboxCustom = isInteractiveComboboxCustom;
-exports.prefix = prefix;
-exports.removePrefix = removePrefix;
-exports.setReactInputValue = setReactInputValue;

package/dist/cjs/components/alert/alert.js

@@ -1,18 +0,0 @@
-'use client';
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var cl = require('clsx/lite');
-var react = require('react');
-
-/**
- * Alerts are used to inform users about important information, warnings, errors, or success.
- *
- * @example
- * <Alert data-color='info'>Dette er en informasjonsmelding</Alert>
- */
-const Alert = react.forwardRef(function Alert({ 'data-color': color = 'info', className, ...rest }, ref) {
-    return (jsxRuntime.jsx("div", { className: cl('ds-alert', className), "data-color": color, ref: ref, ...rest }));
-});
-
-exports.Alert = Alert;

package/dist/cjs/components/avatar/avatar.js

@@ -1,33 +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');
-
-/**
- * Avatars are used to represent people or entities.
- *
- * @example
- * <Avatar aria-label="John Doe" initials="JD" />
- *
- * @example
- * <Avatar aria-label="John Doe">
- *  <img src='…' alt='John Doe' />
- * </Avatar>
- *
- * @example
- * <Avatar aria-label="John Doe">
- *  <Icon />
- * </Avatar>
- */
-const Avatar = react.forwardRef(function Avatar({ 'aria-label': ariaLabel, 'data-tooltip': dataTooltip, variant, className, children, initials, asChild, ...rest }, ref) {
-    const OuterComponent = asChild ? reactSlot.Slot : 'span';
-    const useSlot = children && typeof children !== 'string';
-    const textChild = children && typeof children === 'string';
-    const Component = useSlot ? reactSlot.Slot : react.Fragment;
-    return (jsxRuntime.jsx(OuterComponent, { ref: ref, className: cl('ds-avatar', className), "data-variant": variant, "data-initials": initials, role: asChild ? undefined : 'img', "aria-label": ariaLabel || dataTooltip, "data-tooltip": dataTooltip, tabIndex: dataTooltip ? 0 : undefined, ...rest, children: jsxRuntime.jsx(Component, { ...(useSlot && !asChild ? { 'aria-hidden': true } : {}), children: textChild ? jsxRuntime.jsx("span", { children: children }) : children }) }));
-});
-
-exports.Avatar = Avatar;

package/dist/cjs/components/avatar-stack/avatar-stack.js

@@ -1,33 +0,0 @@
-'use client';
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var cl = require('clsx/lite');
-var react = require('react');
-
-/**
- * Use `AvatarStack` to constrain Avatars into a stack.
- *
- * @example
- * <EXPERIMENTAL_AvatarStack>
- *   <Avatar aria-label='name'>
- *     <img src={cat1} alt='' />
- *   </Avatar>
- *   <Avatar aria-label='name'>
- *     <BriefcaseIcon />
- *   </Avatar>
- *   <Avatar aria-label='name' initials='sm' />
- * </EXPERIMENTAL_AvatarStack>
- */
-const EXPERIMENTAL_AvatarStack = react.forwardRef(function AvatarStack({ className, gap, suffix, avatarSize, overlap, expandable, children, ...rest }, ref) {
-    const style = {
-        ...(rest.style || {}),
-        '--dsc-avatar-stack-gap': gap !== undefined ? `${gap}` : undefined,
-        '--dsc-avatar-stack-size': avatarSize ? `${avatarSize}` : undefined,
-        '--dsc-avatar-stack-overlap': overlap !== undefined ? `${overlap}` : undefined,
-        '--dsc-avatar-count': expandable === 'fixed' ? react.Children.count(children) : undefined,
-    };
-    return (jsxRuntime.jsx("span", { tabIndex: rest.tabIndex !== undefined ? rest.tabIndex : expandable ? 0 : undefined, ref: ref, className: cl(`ds-avatar-stack`, className), style: style, "data-expandable": expandable, "data-suffix": suffix, ...rest, children: children }));
-});
-
-exports.EXPERIMENTAL_AvatarStack = EXPERIMENTAL_AvatarStack;

package/dist/cjs/components/badge/badge-position.js

@@ -1,21 +0,0 @@
-'use client';
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var cl = require('clsx/lite');
-var react = require('react');
-
-/**
- * `BadgePosition` is a component that positions the badge.
- *
- * @example
- * <BadgePosition placement='top-right' overlap='circle'>
- *  <Badge count={5} maxCount={10} />
- *  <Element />
- * </BadgePosition>
- */
-const BadgePosition = react.forwardRef(function BadgePlacement({ className, overlap = 'rectangle', placement = 'top-right', ...rest }, ref) {
-    return (jsxRuntime.jsx("span", { className: cl('ds-badge--position', className), "data-overlap": overlap, "data-placement": placement, ref: ref, ...rest }));
-});
-
-exports.BadgePosition = BadgePosition;

package/dist/cjs/components/badge/badge.js

@@ -1,23 +0,0 @@
-'use client';
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var cl = require('clsx/lite');
-var react = require('react');
-
-/**
- * `Badge` is a non-interactive component for displaying status with or without numbers.
- *
- * @example without children
- * <Badge count={5} maxCount={10} />
- *
- * @example with children
- * <Badge count={5} maxCount={10}>
- *   <Icon />
- * </Badge>
- */
-const Badge = react.forwardRef(function Badge({ className, count, maxCount, variant, ...rest }, ref) {
-    return (jsxRuntime.jsx("span", { className: cl('ds-badge', className), "data-count": count && maxCount && count > maxCount ? `${maxCount}+` : count, "data-variant": variant, ref: ref, ...rest }));
-});
-
-exports.Badge = Badge;

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

@@ -1,17 +0,0 @@
-'use client';
-'use strict';
-
-var badge = require('./badge.js');
-var badgePosition = require('./badge-position.js');
-
-/**
- * `Badge` is a non-interactive component for displaying status with or without numbers.
- *
- * @example without children
- * <Badge count={5} maxCount={10} />
- */
-const Badge = Object.assign(badge.Badge, { Position: badgePosition.BadgePosition });
-Badge.Position.displayName = 'Badge.Position';
-
-exports.BadgePosition = badgePosition.BadgePosition;
-exports.Badge = Badge;

package/dist/cjs/components/breadcrumbs/breadcrumbs-item.js

@@ -1,11 +0,0 @@
-'use client';
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var react = require('react');
-
-const BreadcrumbsItem = react.forwardRef(function BreadcrumbsItem({ className, ...rest }, ref) {
-    return jsxRuntime.jsx("li", { ref: ref, ...rest });
-});
-
-exports.BreadcrumbsItem = BreadcrumbsItem;

package/dist/cjs/components/breadcrumbs/breadcrumbs-link.js

@@ -1,13 +0,0 @@
-'use client';
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var react = require('react');
-var link = require('../link/link.js');
-
-const BreadcrumbsLink = react.forwardRef(function BreadcrumbsLink(rest, ref) {
-    return (jsxRuntime.jsx(link.Link, { suppressHydrationWarning // Since <ds-breadcrumbs> adds aria-current="page"
-        : true, ref: ref, ...rest }));
-});
-
-exports.BreadcrumbsLink = BreadcrumbsLink;

package/dist/cjs/components/breadcrumbs/breadcrumbs-list.js

@@ -1,11 +0,0 @@
-'use client';
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var react = require('react');
-
-const BreadcrumbsList = react.forwardRef(function BreadcrumbsList(rest, ref) {
-    return jsxRuntime.jsx("ol", { ref: ref, ...rest });
-});
-
-exports.BreadcrumbsList = BreadcrumbsList;

package/dist/cjs/components/breadcrumbs/breadcrumbs.js

@@ -1,29 +0,0 @@
-'use client';
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-require('@digdir/designsystemet-web');
-var cl = require('clsx/lite');
-var react = require('react');
-
-/**
- * `Breadcrumbs` is a component that displays a list of breadcrumbs.
- *
- * @example
- * <Breadcrumbs aria-label='Du er her:' {...args}>
- *  <Breadcrumbs.Link href='#' aria-label='Tilbake til Nivå 1'>
- *    Nivå 1
- *  </Breadcrumbs.Link>
- *  <Breadcrumbs.List>
- *    <Breadcrumbs.Item>
- *      <Breadcrumbs.Link href='#'>Nivå 1</Breadcrumbs.Link>
- *    </Breadcrumbs.Item>
- *    <Breadcrumbs.Item>
- *      <Breadcrumbs.Link href='#'>Nivå 2</Breadcrumbs.Link>
- *    </Breadcrumbs.Item>
- *  </Breadcrumbs.List>
- * </Breadcrumbs>
- */
-const Breadcrumbs = react.forwardRef(({ className, ...rest }, ref) => (jsxRuntime.jsx("ds-breadcrumbs", { suppressHydrationWarning: true, class: cl('ds-breadcrumbs', className), ref: ref, ...rest })));
-
-exports.Breadcrumbs = Breadcrumbs;

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

@@ -1,39 +0,0 @@
-'use client';
-'use strict';
-
-var breadcrumbs = require('./breadcrumbs.js');
-var breadcrumbsItem = require('./breadcrumbs-item.js');
-var breadcrumbsLink = require('./breadcrumbs-link.js');
-var breadcrumbsList = require('./breadcrumbs-list.js');
-
-/**
- * `Breadcrumbs` is a component that displays a list of breadcrumbs.
- *
- * @example
- * <Breadcrumbs aria-label='Du er her:'>
- *  <Breadcrumbs.Link href='#' aria-label='Tilbake til Nivå 1'>
- *    Nivå 1
- *  </Breadcrumbs.Link>
- *  <Breadcrumbs.List>
- *    <Breadcrumbs.Item>
- *      <Breadcrumbs.Link href='#'>Nivå 1</Breadcrumbs.Link>
- *    </Breadcrumbs.Item>
- *    <Breadcrumbs.Item>
- *      <Breadcrumbs.Link href='#'>Nivå 2</Breadcrumbs.Link>
- *    </Breadcrumbs.Item>
- *  </Breadcrumbs.List>
- * </Breadcrumbs>
- */
-const BreadcrumbsComponent = Object.assign(breadcrumbs.Breadcrumbs, {
-    List: breadcrumbsList.BreadcrumbsList,
-    Item: breadcrumbsItem.BreadcrumbsItem,
-    Link: breadcrumbsLink.BreadcrumbsLink,
-});
-BreadcrumbsComponent.List.displayName = 'Breadcrumbs.List';
-BreadcrumbsComponent.Item.displayName = 'Breadcrumbs.Item';
-BreadcrumbsComponent.Link.displayName = 'Breadcrumbs.Link';
-
-exports.BreadcrumbsItem = breadcrumbsItem.BreadcrumbsItem;
-exports.BreadcrumbsLink = breadcrumbsLink.BreadcrumbsLink;
-exports.BreadcrumbsList = breadcrumbsList.BreadcrumbsList;
-exports.Breadcrumbs = BreadcrumbsComponent;