@digdir/designsystemet-react 1.20.0 → 1.20.1

package/dist/cjs/components/select/select-option.js

@@ -1,22 +0,0 @@
-'use client';
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var reactSlot = require('@radix-ui/react-slot');
-var react = require('react');
-
-/**
- * SelectOption component, used to display a native option within a select.
- *
- * @example
- * <Select>
- *   <SelectOption value='1'>Option 1</SelectOption>
- *   <SelectOption value='2'>Option 2</SelectOption>
- * </Select>
- */
-const SelectOption = react.forwardRef(function SelectOption({ asChild, ...rest }, ref) {
-    const Component = asChild ? reactSlot.Slot : 'option';
-    return jsxRuntime.jsx(Component, { ...rest, ref: ref });
-});
-
-exports.SelectOption = SelectOption;

package/dist/cjs/components/select/select.js

@@ -1,22 +0,0 @@
-'use client';
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var cl = require('clsx/lite');
-var react = require('react');
-
-/**
- * Select component, used to display a native select.
- *
- * @example
- * <Select>
- *   <Select.Option value='1'>Option 1</Select.Option>
- *   <Select.Option value='2'>Option 2</Select.Option>
- * </Select>
- */
-const Select = react.forwardRef(function Select({ className, onKeyDown, onMouseDown, width, readOnly, ...rest }, ref) {
-    return (jsxRuntime.jsx("select", { className: cl('ds-input', className), "aria-readonly": rest['aria-readonly'] ?? readOnly, suppressHydrationWarning // Since <ds-field> adds attributes
-        : true, "data-width": width, ref: ref, ...rest }));
-});
-
-exports.Select = Select;

package/dist/cjs/components/skeleton/skeleton.js

@@ -1,30 +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 useMergeRefs = require('../../utilities/hooks/use-merge-refs/use-merge-refs.js');
-require('@digdir/designsystemet-web');
-var useSynchronizedAnimation = require('../../utilities/hooks/use-synchronized-animation/use-synchronized-animation.js');
-require('../../utilities/roving-focus/roving-focus-item.js');
-require('../../utilities/roving-focus/roving-focus-root.js');
-
-/**
- * Skeleton is used to represent a draft of page while the content loads.
- *
- * @example
- * <Skeleton variant="circle" />
- * <Skeleton variant="text" />
- * <Skeleton variant="rectangle" />
- */
-const Skeleton = react.forwardRef(function Skeleton({ asChild, className, height, style, variant, width, ...rest }, ref) {
-    const Component = asChild ? reactSlot.Slot : 'span';
-    const isText = variant === 'text';
-    const animationRef = useSynchronizedAnimation.useSynchronizedAnimation('ds-skeleton-opacity-fade');
-    const mergedRefs = useMergeRefs.useMergeRefs([animationRef, ref]);
-    return (jsxRuntime.jsx(Component, { "aria-hidden": 'true', className: cl('ds-skeleton', className), "data-text": isText ? '-'.repeat(Number(width) || 1) : undefined, "data-variant": variant, ref: mergedRefs, style: isText ? style : { width, height, ...style }, ...rest }));
-});
-
-exports.Skeleton = Skeleton;

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

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

package/dist/cjs/components/spinner/spinner.js

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

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

@@ -1,49 +0,0 @@
-'use client';
-'use strict';
-
-var suggestion = require('./suggestion.js');
-var suggestionClear = require('./suggestion-clear.js');
-var suggestionEmpty = require('./suggestion-empty.js');
-var suggestionInput = require('./suggestion-input.js');
-var suggestionList = require('./suggestion-list.js');
-var suggestionOption = require('./suggestion-option.js');
-var suggestionToggle = require('./suggestion-toggle.js');
-
-/**
- * A component that provides a suggestion list for an input field.
- *
- * @example
- * <Suggestion>
- *   <Suggestion.Input />
- *   <Suggestion.Toggle />
- *   <Suggestion.Clear />
- *   <Suggestion.List>
- *     <Suggestion.Empty>Tomt</Suggestion.Empty>
- *     <Suggestion.Option value='Option 1'>Option 1</Suggestion.Option>
- *     <Suggestion.Option value='Option 2'>Option 2</Suggestion.Option>
- *   </Suggestion.List>
- * </Suggestion>
- */
-const EXPERIMENTAL_Suggestion = Object.assign(suggestion.Suggestion, {
-    List: suggestionList.SuggestionList,
-    Input: suggestionInput.SuggestionInput,
-    Empty: suggestionEmpty.SuggestionEmpty,
-    Option: suggestionOption.SuggestionOption,
-    Toggle: suggestionToggle.SuggestionToggle,
-    Clear: suggestionClear.SuggestionClear,
-});
-EXPERIMENTAL_Suggestion.displayName = 'EXPERIMENTAL_Suggestion';
-EXPERIMENTAL_Suggestion.List.displayName = 'EXPERIMENTAL_Suggestion.List';
-EXPERIMENTAL_Suggestion.Input.displayName = 'EXPERIMENTAL_Suggestion.Input';
-EXPERIMENTAL_Suggestion.Empty.displayName = 'EXPERIMENTAL_Suggestion.Empty';
-EXPERIMENTAL_Suggestion.Option.displayName = 'EXPERIMENTAL_Suggestion.Option';
-EXPERIMENTAL_Suggestion.Toggle.displayName = 'EXPERIMENTAL_Suggestion.Toggle';
-EXPERIMENTAL_Suggestion.Clear.displayName = 'EXPERIMENTAL_Suggestion.Clear';
-
-exports.EXPERIMENTAL_SuggestionClear = suggestionClear.SuggestionClear;
-exports.EXPERIMENTAL_SuggestionEmpty = suggestionEmpty.SuggestionEmpty;
-exports.EXPERIMENTAL_SuggestionInput = suggestionInput.SuggestionInput;
-exports.EXPERIMENTAL_SuggestionList = suggestionList.SuggestionList;
-exports.EXPERIMENTAL_SuggestionOption = suggestionOption.SuggestionOption;
-exports.EXPERIMENTAL_SuggestionToggle = suggestionToggle.SuggestionToggle;
-exports.EXPERIMENTAL_Suggestion = EXPERIMENTAL_Suggestion;

package/dist/cjs/components/suggestion/suggestion-clear.js

@@ -1,25 +0,0 @@
-'use client';
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var react = require('react');
-
-/**
- * Component that provides a clear button for the Suggestion input.
- *
- * Place as a descendant of `Suggestion`
- *
- * @example
- * <Suggestion>
- *   <Suggestion.Input />
- *   <Suggestion.Toggle />
- *   <Suggestion.Clear />
- *   <Suggestion.List />
- * </Suggestion>
- */
-const SuggestionClear = react.forwardRef(function SuggestionClear({ 'aria-label': label = 'Tøm', ...rest }, ref) {
-    return (jsxRuntime.jsx("button", { "aria-label": label, hidden: true, ref: ref, suppressHydrationWarning // Since <ds-suggestion> adds attributes
-        : true, type: 'reset', ...rest }));
-});
-
-exports.SuggestionClear = SuggestionClear;

package/dist/cjs/components/suggestion/suggestion-empty.js

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

package/dist/cjs/components/suggestion/suggestion-input.js

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

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

@@ -1,28 +0,0 @@
-'use client';
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var react = require('react');
-require('@digdir/designsystemet-web');
-var suggestion = require('./suggestion.js');
-
-/**
- * Component that provides a Suggestion list.
- *
- * Place as a descendant of `Suggestion`
- *
- * @example
- * <Suggestion>
- *   <Suggestion.Input />
- *   <Suggestion.List />
- * </Suggestion>
- */
-const SuggestionList = react.forwardRef(function SuggestionList({ singular = '%d forslag', plural = '%d forslag', className, id, autoPlacement = true, ...rest }, ref) {
-    const { handleFilter } = react.useContext(suggestion.SuggestionContext);
-    react.useEffect(handleFilter); // Must run on every render
-    return (jsxRuntime.jsx("u-datalist", { class: className, "data-nofilter": true, "data-sr-plural": plural, "data-sr-singular": singular, popover: 'manual', ref: ref, role: 'listbox' // Is also set by <ds-suggestion> but nice to have to please tests
-        , suppressHydrationWarning // Since <u-datalist> adds attributes
-        : true, ...rest }));
-});
-
-exports.SuggestionList = SuggestionList;

package/dist/cjs/components/suggestion/suggestion-option.js

@@ -1,25 +0,0 @@
-'use client';
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var react = require('react');
-require('@digdir/designsystemet-web');
-
-/**
- * A component for rendering individual options in the Suggestion list.
- *
- * @example
- * <Suggestion>
- *   <Suggestion.Input />
- *   <Suggestion.List>
- *     <Suggestion.Option value='Option 1'>Option 1</Suggestion.Option>
- *     <Suggestion.Option value='Option 2'>Option 2</Suggestion.Option>
- *   </Suggestion.List>
- * </Suggestion>
- */
-const SuggestionOption = react.forwardRef(function SuggestionOption({ className, ...rest }, ref) {
-    return (jsxRuntime.jsx("u-option", { class: className, ref: ref, suppressHydrationWarning // Since <u-option> adds attributes
-        : true, ...rest }));
-});
-
-exports.SuggestionOption = SuggestionOption;

package/dist/cjs/components/suggestion/suggestion-toggle.js

@@ -1,25 +0,0 @@
-'use client';
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var react = require('react');
-
-/**
- * Component that provides a toggle button for the Suggestion list.
- *
- * Place as a descendant of `Suggestion`
- *
- * @example
- * <Suggestion>
- *   <Suggestion.Input />
- *   <Suggestion.Toggle />
- *   <Suggestion.Clear />
- *   <Suggestion.List />
- * </Suggestion>
- */
-const SuggestionToggle = react.forwardRef(function SuggestionToggle({ 'aria-label': label = 'Valg', ...rest }, ref) {
-    return (jsxRuntime.jsx("button", { "aria-expanded": 'false', "aria-label": label, ref: ref, suppressHydrationWarning // Since <ds-suggestion> adds attributes
-        : true, type: 'button', ...rest }));
-});
-
-exports.SuggestionToggle = SuggestionToggle;

package/dist/cjs/components/suggestion/suggestion.js

@@ -1,94 +0,0 @@
-'use client';
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var cl = require('clsx/lite');
-var react = require('react');
-var useMergeRefs = require('../../utilities/hooks/use-merge-refs/use-merge-refs.js');
-require('@digdir/designsystemet-web');
-
-const text = (el) => el.textContent?.trim() || '';
-const sanitizeItems = (values = []) => typeof values === 'string'
-    ? [{ label: values, value: values }]
-    : !Array.isArray(values)
-        ? [values]
-        : values.map((value) => typeof value === 'string' ? { label: value, value } : value);
-const nextItems = (data, prev, multiple) => {
-    const item = { label: text(data), value: data.value };
-    if (!multiple)
-        return data.isConnected ? undefined : item;
-    return data.isConnected
-        ? sanitizeItems(prev).filter(({ value }) => value !== item.value)
-        : [...sanitizeItems(prev), item];
-};
-const defaultFilter = ({ label, input }) => label.toLowerCase().includes(input.value.trim().toLowerCase());
-const Suggestion = react.forwardRef(function Suggestion({ children, className, creatable = false, defaultSelected, filter = true, multiple = false, name, onBeforeMatch, onSelectedChange, renderSelected = ({ label }) => label, selected, ...rest }, ref) {
-    const dsSuggestionRef = react.useRef(null);
-    const genId = react.useId();
-    const selectId = rest.id ? `${rest.id}-select` : genId;
-    const isControlled = selected !== undefined;
-    const mergedRefs = useMergeRefs.useMergeRefs([ref, dsSuggestionRef]);
-    const [defaultItems, setDefaultItems] = react.useState(sanitizeItems(defaultSelected));
-    const selectedItems = selected ? sanitizeItems(selected) : defaultItems;
-    const onSelectedChangeRef = react.useRef(onSelectedChange);
-    const selectedItemsRef = react.useRef(selectedItems);
-    // Keep the ref updated with the latest callback
-    react.useEffect(() => {
-        onSelectedChangeRef.current = onSelectedChange;
-    }, [onSelectedChange]);
-    react.useEffect(() => {
-        selectedItemsRef.current = selectedItems;
-    }, [selectedItems]);
-    /**
-     * Listerners and handling of adding/removing
-     */
-    react.useEffect(() => {
-        const combobox = dsSuggestionRef.current;
-        const beforeChange = (event) => {
-            event.preventDefault();
-            const multiple = combobox?.multiple;
-            const data = event.detail;
-            const nextItem = nextItems(data, selectedItemsRef.current, multiple);
-            onSelectedChangeRef.current?.(nextItem || null);
-            if (!isControlled)
-                setDefaultItems(sanitizeItems(nextItem));
-        };
-        combobox?.addEventListener('comboboxbeforeselect', beforeChange);
-        return () => combobox?.removeEventListener('comboboxbeforeselect', beforeChange);
-    }, [isControlled]);
-    // Before match event listener
-    react.useEffect(() => {
-        const combobox = dsSuggestionRef.current;
-        const beforeMatch = (e) => onBeforeMatch?.(e);
-        combobox?.addEventListener('comboboxbeforematch', beforeMatch);
-        return () => combobox?.removeEventListener('comboboxbeforematch', beforeMatch);
-    }, [onBeforeMatch]);
-    const handleFilter = react.useCallback(() => {
-        const { control: input, options = [] } = dsSuggestionRef?.current || {};
-        const filterFn = filter === true ? defaultFilter : filter;
-        let disabled = 0;
-        let index = 0;
-        for (const option of Array.from(options))
-            if (!option.hasAttribute('data-empty')) {
-                if (filterFn && input)
-                    option.disabled =
-                        !filterFn({
-                            index,
-                            input,
-                            label: option.label,
-                            optionElement: option,
-                            text: option.text,
-                            value: option.value,
-                        }) && Boolean(++disabled);
-                index++; // Increment index for each <option>
-            }
-    }, [filter]);
-    return (jsxRuntime.jsx(SuggestionContext.Provider, { value: { handleFilter, dsSuggestionRef }, children: jsxRuntime.jsxs("ds-suggestion", { "data-multiple": multiple || undefined, "data-creatable": creatable || undefined, class: cl('ds-suggestion', className), ref: mergedRefs, suppressHydrationWarning // Since <ds-suggestion> adds attributes
-            : true, ...rest, children: [selectedItems.map((item) => (jsxRuntime.jsx("data", { value: item.value, children: renderSelected(item) }, item.value))), children, !!name && (jsxRuntime.jsx("select", { name: name, multiple: true, hidden: true, id: selectId }))] }) }));
-});
-const SuggestionContext = react.createContext({
-    handleFilter: () => undefined,
-});
-
-exports.Suggestion = Suggestion;
-exports.SuggestionContext = SuggestionContext;

package/dist/cjs/components/switch/switch.js

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

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

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

package/dist/cjs/components/table/table-body.js

@@ -1,22 +0,0 @@
-'use client';
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var react = require('react');
-
-/**
- * TableBody component, used to display the body of a table. Renders a native HTML tbody element.
- *
- * @example
- * <TableBody>
- *   <TableRow>
- *     <TableCell>John</TableCell>
- *     <TableCell>25</TableCell>
- *   </TableRow>
- * </TableBody>
- */
-const TableBody = react.forwardRef(function TableBody(rest, ref) {
-    return jsxRuntime.jsx("tbody", { ref: ref, ...rest });
-});
-
-exports.TableBody = TableBody;

package/dist/cjs/components/table/table-cell.js

@@ -1,17 +0,0 @@
-'use client';
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var react = require('react');
-
-/**
- * TableCell component, used to display the cells of a table. Renders a native HTML td element.
- *
- * @example
- * <TableCell>John</TableCell>
- */
-const TableCell = react.forwardRef(function TableCell(rest, ref) {
-    return jsxRuntime.jsx("td", { ref: ref, ...rest });
-});
-
-exports.TableCell = TableCell;

package/dist/cjs/components/table/table-foot.js

@@ -1,22 +0,0 @@
-'use client';
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var react = require('react');
-
-/**
- * TableFoot component, used to display the footer of a table. Renders a native HTML tfoot element.
- *
- * @example
- * <TableFoot>
- *   <TableRow>
- *     <TableCell>Total</TableCell>
- *     <TableCell>2</TableCell>
- *   </TableRow>
- * </TableFoot>
- */
-const TableFoot = react.forwardRef(function TableFoot(rest, ref) {
-    return jsxRuntime.jsx("tfoot", { ref: ref, ...rest });
-});
-
-exports.TableFoot = TableFoot;

package/dist/cjs/components/table/table-head.js

@@ -1,22 +0,0 @@
-'use client';
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var react = require('react');
-
-/**
- * TableHead component, used to display the header of a table. Renders a native HTML thead element.
- *
- * @example
- * <TableHead>
- *   <TableRow>
- *     <TableHeaderCell>Name</TableHeaderCell>
- *     <TableHeaderCell>Age</TableHeaderCell>
- *   </TableRow>
- * </TableHead>
- */
-const TableHead = react.forwardRef(function TableHead(rest, ref) {
-    return jsxRuntime.jsx("thead", { ref: ref, ...rest });
-});
-
-exports.TableHead = TableHead;

package/dist/cjs/components/table/table-header-cell.js

@@ -1,17 +0,0 @@
-'use client';
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var react = require('react');
-
-/**
- * TableHeaderCell component, used to display the header cells of a table. Renders a native HTML th element.
- *
- * @example
- * <TableHeaderCell>Name</TableHeaderCell>
- */
-const TableHeaderCell = react.forwardRef(function TableHeaderCell({ sort, children, ...rest }, ref) {
-    return (jsxRuntime.jsx("th", { "aria-sort": sort, ref: ref, ...rest, children: sort ? jsxRuntime.jsx("button", { type: 'button', children: children }) : children }));
-});
-
-exports.TableHeaderCell = TableHeaderCell;

package/dist/cjs/components/table/table-row.js

@@ -1,20 +0,0 @@
-'use client';
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var react = require('react');
-
-/**
- * TableRow component, used to display the rows of a table. Renders a native HTML tr element.
- *
- * @example
- * <TableRow>
- *   <TableCell>John</TableCell>
- *   <TableCell>25</TableCell>
- * </TableRow>
- */
-const TableRow = react.forwardRef(function TableRow(rest, ref) {
-    return jsxRuntime.jsx("tr", { ref: ref, ...rest });
-});
-
-exports.TableRow = TableRow;