ionbase-ui 0.1.0

package/dist/components/ScrollProgress.js

@@ -0,0 +1,115 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef, useState, useRef, useId, useEffect, useImperativeHandle, } from 'react';
+import { useHover } from 'react-aria';
+/**
+ * The compact rail is the disclosure trigger. It is a real `<button>`, so a
+ * keyboard user reaches it by Tab and opens it the same way as any button —
+ * Enter or Space — no `:focus-within` trick required; a mouse user can also
+ * just hover it. Built as a WAI-ARIA Disclosure (`aria-expanded` +
+ * `aria-controls`) rather than a menu: see the CSS header for why
+ * `role="menu"` is deliberately not used here.
+ *
+ * Closes on outside pointerdown and on Escape — the minimum a disclosure
+ * needs to not trap the page once opened, not a full popover/focus-trap
+ * implementation.
+ */
+export const ScrollProgress = forwardRef(({ progress, sections, activeId, onSelect, className, ...rest }, forwardedRef) => {
+    const [isOpen, setIsOpen] = useState(false);
+    const isTriggerHovered = useRef(false);
+    const isPanelHovered = useRef(false);
+    const closeTimeoutRef = useRef(undefined);
+    const panelId = useId();
+    const containerRef = useRef(null);
+    useImperativeHandle(forwardedRef, () => containerRef.current);
+    /*
+     * Two separate hover regions, not one on the outer container: the panel
+     * is `position: absolute` and doesn't expand the container's own layout
+     * box, so a single hover region sized to the trigger would see the
+     * pointer leave (and close the panel) the moment it travels from the
+     * trigger into the panel to click a row. The panel stays open as long as
+     * either region is hovered.
+     *
+     * Closing is debounced by 100ms: the trigger and the panel don't touch,
+     * so the cursor crosses a dead zone between them on the way from one to
+     * the other, briefly leaving both. Closing instantly on that gap, rather
+     * than giving the pointer a moment to arrive somewhere that counts, is
+     * the same "safe triangle" problem every hoverable popover has.
+     */
+    const scheduleClose = () => {
+        clearTimeout(closeTimeoutRef.current);
+        closeTimeoutRef.current = setTimeout(() => {
+            if (!isTriggerHovered.current && !isPanelHovered.current) {
+                setIsOpen(false);
+            }
+        }, 100);
+    };
+    useEffect(() => () => clearTimeout(closeTimeoutRef.current), []);
+    const { hoverProps: triggerHoverProps, isHovered } = useHover({
+        onHoverChange: (hovered) => {
+            isTriggerHovered.current = hovered;
+            if (hovered) {
+                clearTimeout(closeTimeoutRef.current);
+                setIsOpen(true);
+            }
+            else {
+                scheduleClose();
+            }
+        },
+    });
+    const { hoverProps: panelHoverProps } = useHover({
+        onHoverChange: (hovered) => {
+            isPanelHovered.current = hovered;
+            if (hovered) {
+                clearTimeout(closeTimeoutRef.current);
+                setIsOpen(true);
+            }
+            else {
+                scheduleClose();
+            }
+        },
+    });
+    useEffect(() => {
+        if (!isOpen)
+            return;
+        function handlePointerDown(e) {
+            if (containerRef.current &&
+                !containerRef.current.contains(e.target)) {
+                setIsOpen(false);
+            }
+        }
+        function handleKeyDown(e) {
+            if (e.key === 'Escape')
+                setIsOpen(false);
+        }
+        document.addEventListener('pointerdown', handlePointerDown);
+        document.addEventListener('keydown', handleKeyDown);
+        return () => {
+            document.removeEventListener('pointerdown', handlePointerDown);
+            document.removeEventListener('keydown', handleKeyDown);
+        };
+    }, [isOpen]);
+    const roundedProgress = Math.round(progress);
+    const activeSection = sections.find((s) => s.id === activeId);
+    return (_jsxs("div", { ...rest, ref: containerRef, className: ['ion-scroll-progress', className].filter(Boolean).join(' '), children: [_jsxs("button", { ...triggerHoverProps, type: "button", className: "ion-scroll-progress__trigger", "data-hovered": isHovered || undefined, "aria-expanded": isOpen, "aria-controls": panelId, "aria-label": `Reading progress: ${roundedProgress}%` +
+                    (activeSection ? `. Currently in ${activeSection.label}.` : '') +
+                    ' Activate to jump to a section.', onClick: () => setIsOpen((v) => !v), children: [_jsxs("span", { className: "ion-scroll-progress__percent", "aria-hidden": "true", children: [roundedProgress, "%"] }), _jsx("span", { className: "ion-scroll-progress__rail", "aria-hidden": "true", children: sections.map((section) => (_jsx("span", { className: [
+                                'ion-scroll-progress__tick',
+                                section.id === activeId
+                                    ? 'ion-scroll-progress__tick--active'
+                                    : '',
+                            ]
+                                .filter(Boolean)
+                                .join(' ') }, section.id))) })] }), _jsx("div", { ...panelHoverProps, id: panelId, className: "ion-scroll-progress__panel", "data-open": isOpen || undefined, children: sections.map((section) => (_jsx("button", { type: "button", className: [
+                        'ion-scroll-progress__heading',
+                        section.id === activeId
+                            ? 'ion-scroll-progress__heading--selected'
+                            : '',
+                    ]
+                        .filter(Boolean)
+                        .join(' '), "aria-current": section.id === activeId ? 'true' : undefined, onClick: () => {
+                        onSelect?.(section.id);
+                        setIsOpen(false);
+                    }, children: section.label }, section.id))) })] }));
+});
+ScrollProgress.displayName = 'ScrollProgress';
+//# sourceMappingURL=ScrollProgress.js.map

package/dist/components/ScrollProgress.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScrollProgress.js","sourceRoot":"","sources":["../../src/components/ScrollProgress.tsx"],"names":[],"mappings":"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"}

package/dist/components/Select.d.ts

@@ -0,0 +1,43 @@
+import React from 'react';
+export type SelectSize = 'sm' | 'md' | 'lg';
+export interface SelectOption {
+    value: string;
+    label: string;
+    isDisabled?: boolean;
+}
+export interface SelectProps extends Omit<React.SelectHTMLAttributes<HTMLSelectElement>, 'size'> {
+    /** Matches the Figma `Size` variant: Small, Medium, Large. */
+    size?: SelectSize;
+    /** The options to render. Omit and pass `children` for grouped options. */
+    options?: SelectOption[];
+    /**
+     * Text shown when nothing is selected. Renders as a disabled option so the
+     * field can start empty without that being a valid choice.
+     */
+    placeholder?: string;
+    /** Field label. Renders the Figma `Form Field` wrapper around the control. */
+    label?: React.ReactNode;
+    /** Helper text below the field. */
+    description?: React.ReactNode;
+    /** Replaces the helper text when `isInvalid` is set. */
+    errorMessage?: React.ReactNode;
+    isInvalid?: boolean;
+    isDisabled?: boolean;
+    /** Additional CSS class names, applied to the outermost element. */
+    className?: string;
+}
+/**
+ * Select wraps a native `<select>` rather than rebuilding one.
+ *
+ * React Aria's `useSelect` builds a listbox in a popover, which is the right
+ * answer when the menu needs custom rows — but Figma models only the trigger
+ * here, and the dropdown list is a separate component on the Menu page. Until
+ * that is built, the native control is the honest match: it brings keyboard
+ * handling, type-ahead and the platform picker on mobile for free, and it is
+ * accessible without any of it being reimplemented.
+ *
+ * Figma's six states map the same way Input's do — Hover and Focus from
+ * interaction, Filled from whether a value is set, the rest from props.
+ */
+export declare const Select: React.ForwardRefExoticComponent<SelectProps & React.RefAttributes<HTMLSelectElement>>;
+//# sourceMappingURL=Select.d.ts.map

package/dist/components/Select.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../src/components/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyD,MAAM,OAAO,CAAC;AAG9E,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE5C,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,MAAM,WAAW,WAAY,SAAQ,IAAI,CACvC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAC7C,MAAM,CACP;IACC,8DAA8D;IAC9D,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,2EAA2E;IAC3E,OAAO,CAAC,EAAE,YAAY,EAAE,CAAC;IACzB;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,8EAA8E;IAC9E,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,mCAAmC;IACnC,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,wDAAwD;IACxD,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,oEAAoE;IACpE,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAuBD;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,MAAM,uFA6HlB,CAAC"}

package/dist/components/Select.js

@@ -0,0 +1,80 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef, useRef, useImperativeHandle, useId } from 'react';
+import { useHover, useFocusRing, mergeProps } from 'react-aria';
+/**
+ * The chevron from Figma's `Chevron` slot, inlined.
+ *
+ * Inlined rather than taken from `@ionbase-ui/icons` because the chevron is part
+ * of the component rather than a slot a consumer fills — Select would otherwise
+ * be the only thing in this package that depends on the icon library, to draw a
+ * shape that never varies. Sizing comes from the CSS, so it tracks the size
+ * modifier without a prop.
+ */
+const ChevronDown = () => (_jsx("svg", { viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", focusable: "false", children: _jsx("path", { d: "m6 9 6 6 6-6", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) }));
+/**
+ * Select wraps a native `<select>` rather than rebuilding one.
+ *
+ * React Aria's `useSelect` builds a listbox in a popover, which is the right
+ * answer when the menu needs custom rows — but Figma models only the trigger
+ * here, and the dropdown list is a separate component on the Menu page. Until
+ * that is built, the native control is the honest match: it brings keyboard
+ * handling, type-ahead and the platform picker on mobile for free, and it is
+ * accessible without any of it being reimplemented.
+ *
+ * Figma's six states map the same way Input's do — Hover and Focus from
+ * interaction, Filled from whether a value is set, the rest from props.
+ */
+export const Select = forwardRef((props, forwardedRef) => {
+    const { size = 'md', options, placeholder, label, description, errorMessage, isInvalid, isDisabled, className: customClassName, value, defaultValue, children, id: providedId, ...rest } = props;
+    const domRef = useRef(null);
+    useImperativeHandle(forwardedRef, () => domRef.current);
+    const generatedId = useId();
+    const id = providedId ?? generatedId;
+    const helperId = `${id}-helper`;
+    const { hoverProps, isHovered } = useHover({ isDisabled });
+    const { focusProps, isFocusVisible } = useFocusRing();
+    /*
+     * A browser will not auto-select a disabled <option>, so an uncontrolled
+     * Select with a placeholder skips past it and lands on the first real
+     * option — the field claims a value the user never chose. Seeding
+     * `defaultValue=""` selects the placeholder explicitly, which is allowed:
+     * `disabled` stops the user picking it, not the code.
+     *
+     * Only when uncontrolled and no defaultValue was given, so a controlled
+     * Select keeps sole ownership of its value.
+     */
+    const seeded = defaultValue === undefined && value === undefined && placeholder
+        ? ''
+        : defaultValue;
+    const current = value ?? seeded;
+    const isPlaceholder = Boolean(placeholder) && (current === undefined || current === '');
+    const helper = isInvalid && errorMessage ? errorMessage : description;
+    const boxClassNames = [
+        'ion-select',
+        size !== 'md' ? `ion-select--${size}` : '',
+        isPlaceholder ? 'ion-select--placeholder' : '',
+        isInvalid ? 'ion-select--invalid' : '',
+        isDisabled ? 'ion-select--disabled' : '',
+        !label && !helper ? customClassName || '' : '',
+    ]
+        .filter(Boolean)
+        .join(' ');
+    const stateAttributes = {
+        'data-hovered': isHovered || undefined,
+        'data-focused': isFocusVisible || undefined,
+        'data-invalid': isInvalid || undefined,
+        'data-disabled': isDisabled || undefined,
+    };
+    const box = (_jsxs("div", { ...hoverProps, ...stateAttributes, className: boxClassNames, children: [_jsxs("select", { ...mergeProps(rest, focusProps), ref: domRef, id: id, className: "ion-select__field", disabled: isDisabled, value: value, defaultValue: seeded, "aria-invalid": isInvalid || undefined, "aria-describedby": helper ? helperId : undefined, children: [placeholder && (_jsx("option", { value: "", disabled: true, children: placeholder })), options?.map((o) => (_jsx("option", { value: o.value, disabled: o.isDisabled, children: o.label }, o.value))), children] }), _jsx("span", { className: "ion-select__chevron", children: _jsx(ChevronDown, {}) })] }));
+    if (!label && !helper)
+        return box;
+    return (_jsxs("div", { className: [
+            'ion-field',
+            isInvalid ? 'ion-field--error' : '',
+            customClassName || '',
+        ]
+            .filter(Boolean)
+            .join(' '), children: [label && (_jsx("label", { htmlFor: id, className: "ion-field__label", children: label })), box, helper && (_jsx("span", { id: helperId, className: "ion-field__helper", children: helper }))] }));
+});
+Select.displayName = 'Select';
+//# sourceMappingURL=Select.js.map

package/dist/components/Select.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../src/components/Select.tsx"],"names":[],"mappings":"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"}

package/dist/components/Table.d.ts

@@ -0,0 +1,71 @@
+import React from 'react';
+import { Checkbox } from './Checkbox.js';
+export type TableDensity = 'compact' | 'default' | 'relaxed';
+export interface TableProps extends React.TableHTMLAttributes<HTMLTableElement> {
+    /** Matches Figma's `Density` variant on `Table Cell` / `Table Row`. */
+    density?: TableDensity;
+    /** Alternating row background, read from the row's position, not a prop
+     *  repeated on every `TableRow`. */
+    isStriped?: boolean;
+}
+/**
+ * `Table` owns the scroll container and the density class; everything else
+ * is composed from `TableHead` / `TableBody` / `TableRow` / `TableCell`,
+ * matching how Figma actually layers `Table Row` > `Table Cell` > `Cell Text`
+ * rather than one component with a wall of props.
+ *
+ * Density has no React state to thread: it only ever changes vertical cell
+ * padding, which `.ion-table--compact td` and friends apply through the CSS
+ * cascade from this one class. A context provider for a value nothing in JS
+ * ever reads would be infrastructure with no consumer.
+ */
+export declare const Table: React.ForwardRefExoticComponent<TableProps & React.RefAttributes<HTMLTableElement>>;
+export declare const TableHead: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableSectionElement> & React.RefAttributes<HTMLTableSectionElement>>;
+export declare const TableBody: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableSectionElement> & React.RefAttributes<HTMLTableSectionElement>>;
+export interface TableRowProps extends React.HTMLAttributes<HTMLTableRowElement> {
+    isSelected?: boolean;
+    /**
+     * Renders a leading `Checkbox` cell — Figma's `Show Selection`. Takes the
+     * checkbox's own props directly rather than a boolean, since a selectable
+     * row needs `checked`/`onChange` wiring, not just a decorative box.
+     */
+    selection?: React.ComponentProps<typeof Checkbox>;
+}
+/**
+ * A plain `<tr>`. Hover is CSS-only (`:hover` plus a `data-hovered` escape
+ * hatch, matching the rest of the system) rather than React Aria's
+ * `useHover`: a row is not itself an interactive element — nothing about it
+ * takes focus or fires a click — so there is no keyboard-vs-pointer
+ * distinction to track. A clickable row is a link or button inside a cell,
+ * the same accessible pattern Menu and Table Cell's own link variant use;
+ * nesting an interactive role on `<tr>` itself is not valid HTML.
+ */
+export declare const TableRow: React.ForwardRefExoticComponent<TableRowProps & React.RefAttributes<HTMLTableRowElement>>;
+export type TableCellAlign = 'leading' | 'trailing' | 'center';
+export interface TableCellProps extends Omit<React.TdHTMLAttributes<HTMLTableCellElement>, 'align'> {
+    /** Renders `<th>` instead of `<td>` — Figma's header cell, `surface/page`
+     *  fill included. */
+    header?: boolean;
+    align?: TableCellAlign;
+    /** Figma's `Type=Link` — recolours the content to `text/link` /
+     *  `icon/primary` rather than the body defaults. */
+    variant?: 'default' | 'link';
+    /** Figma's per-cell `Show Divider` — a column rule, not a row rule. */
+    showDivider?: boolean;
+    /** Figma's `Leading Icon` / `Trailing Icon` slots on `Cell Text`. */
+    icon?: React.ReactNode;
+    trailingIcon?: React.ReactNode;
+    children?: React.ReactNode;
+}
+/**
+ * One component covers Figma's `Table Cell` + `Cell Text`: the two are never
+ * used apart in the design (`Table Cell` always wraps exactly one `Cell
+ * Text`), so splitting them into two exported components would only add API
+ * surface for a composition nothing ever varies independently.
+ *
+ * `header` decides `<th>` vs `<td>` directly rather than a `type` prop that
+ * could disagree with where the cell actually sits — a `<th>` rendered inside
+ * `<tbody>` is still a header cell to the browser and to CSS either way.
+ */
+export declare const TableCell: React.ForwardRefExoticComponent<TableCellProps & React.RefAttributes<HTMLTableCellElement>>;
+//# sourceMappingURL=Table.d.ts.map

package/dist/components/Table.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../src/components/Table.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEzC,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,CAAC;AAE7D,MAAM,WAAW,UAAW,SAAQ,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC;IAC7E,uEAAuE;IACvE,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB;wCACoC;IACpC,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED;;;;;;;;;;GAUG;AACH,eAAO,MAAM,KAAK,qFAmBjB,CAAC;AAGF,eAAO,MAAM,SAAS,+HAG2B,CAAC;AAGlD,eAAO,MAAM,SAAS,+HAG2B,CAAC;AAGlD,MAAM,WAAW,aAAc,SAAQ,KAAK,CAAC,cAAc,CAAC,mBAAmB,CAAC;IAC9E,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;;OAIG;IACH,SAAS,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,QAAQ,CAAC,CAAC;CACnD;AAED;;;;;;;;GAQG;AACH,eAAO,MAAM,QAAQ,2FAgBpB,CAAC;AAGF,MAAM,MAAM,cAAc,GAAG,SAAS,GAAG,UAAU,GAAG,QAAQ,CAAC;AAE/D,MAAM,WAAW,cAAe,SAAQ,IAAI,CAC1C,KAAK,CAAC,gBAAgB,CAAC,oBAAoB,CAAC,EAC5C,OAAO,CACR;IACC;yBACqB;IACrB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,cAAc,CAAC;IACvB;wDACoD;IACpD,OAAO,CAAC,EAAE,SAAS,GAAG,MAAM,CAAC;IAC7B,uEAAuE;IACvE,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,qEAAqE;IACrE,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED;;;;;;;;;GASG;AACH,eAAO,MAAM,SAAS,6FAkDrB,CAAC"}

package/dist/components/Table.js

@@ -0,0 +1,60 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+import { Checkbox } from './Checkbox.js';
+/**
+ * `Table` owns the scroll container and the density class; everything else
+ * is composed from `TableHead` / `TableBody` / `TableRow` / `TableCell`,
+ * matching how Figma actually layers `Table Row` > `Table Cell` > `Cell Text`
+ * rather than one component with a wall of props.
+ *
+ * Density has no React state to thread: it only ever changes vertical cell
+ * padding, which `.ion-table--compact td` and friends apply through the CSS
+ * cascade from this one class. A context provider for a value nothing in JS
+ * ever reads would be infrastructure with no consumer.
+ */
+export const Table = forwardRef(({ density = 'default', isStriped, className, children, ...rest }, ref) => (_jsx("div", { className: "ion-table-container", children: _jsx("table", { ...rest, ref: ref, className: [
+            'ion-table',
+            density !== 'default' ? `ion-table--${density}` : '',
+            isStriped ? 'ion-table--striped' : '',
+            className,
+        ]
+            .filter(Boolean)
+            .join(' '), children: children }) })));
+Table.displayName = 'Table';
+export const TableHead = forwardRef((props, ref) => _jsx("thead", { ...props, ref: ref }));
+TableHead.displayName = 'TableHead';
+export const TableBody = forwardRef((props, ref) => _jsx("tbody", { ...props, ref: ref }));
+TableBody.displayName = 'TableBody';
+/**
+ * A plain `<tr>`. Hover is CSS-only (`:hover` plus a `data-hovered` escape
+ * hatch, matching the rest of the system) rather than React Aria's
+ * `useHover`: a row is not itself an interactive element — nothing about it
+ * takes focus or fires a click — so there is no keyboard-vs-pointer
+ * distinction to track. A clickable row is a link or button inside a cell,
+ * the same accessible pattern Menu and Table Cell's own link variant use;
+ * nesting an interactive role on `<tr>` itself is not valid HTML.
+ */
+export const TableRow = forwardRef(({ isSelected, selection, className, children, ...rest }, ref) => (_jsxs("tr", { ...rest, ref: ref, "data-selected": isSelected || undefined, className: ['ion-table__row', className].filter(Boolean).join(' '), children: [selection && (_jsx("td", { children: _jsx(Checkbox, { ...selection }) })), children] })));
+TableRow.displayName = 'TableRow';
+/**
+ * One component covers Figma's `Table Cell` + `Cell Text`: the two are never
+ * used apart in the design (`Table Cell` always wraps exactly one `Cell
+ * Text`), so splitting them into two exported components would only add API
+ * surface for a composition nothing ever varies independently.
+ *
+ * `header` decides `<th>` vs `<td>` directly rather than a `type` prop that
+ * could disagree with where the cell actually sits — a `<th>` rendered inside
+ * `<tbody>` is still a header cell to the browser and to CSS either way.
+ */
+export const TableCell = forwardRef(({ header, align = 'leading', variant = 'default', showDivider, icon, trailingIcon, className, children, ...rest }, ref) => {
+    const Tag = header ? 'th' : 'td';
+    const contentClassNames = [
+        'ion-table__cell-content',
+        variant === 'link' ? 'ion-table__cell-content--link' : '',
+    ]
+        .filter(Boolean)
+        .join(' ');
+    return (_jsx(Tag, { ...rest, ref: ref, "data-align": align !== 'leading' ? align : undefined, "data-divider": showDivider || undefined, className: className, children: _jsxs("span", { className: contentClassNames, children: [icon && (_jsx("span", { className: "ion-table__cell-icon", "aria-hidden": "true", children: icon })), children, trailingIcon && (_jsx("span", { className: "ion-table__cell-icon ion-table__cell-icon--trailing", "aria-hidden": "true", children: trailingIcon }))] }) }));
+});
+TableCell.displayName = 'TableCell';
+//# sourceMappingURL=Table.js.map

package/dist/components/Table.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Table.js","sourceRoot":"","sources":["../../src/components/Table.tsx"],"names":[],"mappings":"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"}

package/dist/components/Tabs.d.ts

@@ -0,0 +1,23 @@
+import React from 'react';
+import { type AriaTabListProps } from 'react-aria';
+import { Item } from '@react-stately/collections';
+export type TabsType = 'pill' | 'underline';
+export type TabsSize = 'sm' | 'md' | 'lg';
+export interface TabsProps<T extends object> extends AriaTabListProps<T> {
+    /** Visual style. Matches the Figma `Type` variant. */
+    type?: TabsType;
+    /** Matches the Figma `Size` variant. */
+    size?: TabsSize;
+    /**
+     * Only `horizontal` is implemented. Figma also defines vertical; the prop
+     * exists so adding it later is additive rather than a breaking rename.
+     */
+    orientation?: 'horizontal';
+    className?: string;
+}
+export declare const Tabs: <T extends object>(props: TabsProps<T> & {
+    ref?: React.Ref<HTMLDivElement>;
+}) => React.ReactElement;
+/** A tab and its panel content. `title` is the tab label; children are the panel. */
+export { Item as TabItem };
+//# sourceMappingURL=Tabs.d.ts.map

package/dist/components/Tabs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../src/components/Tabs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6B,MAAM,OAAO,CAAC;AAClD,OAAO,EAOL,KAAK,gBAAgB,EACtB,MAAM,YAAY,CAAC;AAEpB,OAAO,EAAE,IAAI,EAAE,MAAM,4BAA4B,CAAC;AAGlD,MAAM,MAAM,QAAQ,GAAG,MAAM,GAAG,WAAW,CAAC;AAC5C,MAAM,MAAM,QAAQ,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE1C,MAAM,WAAW,SAAS,CAAC,CAAC,SAAS,MAAM,CAAE,SAAQ,gBAAgB,CAAC,CAAC,CAAC;IACtE,sDAAsD;IACtD,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,wCAAwC;IACxC,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB;;;OAGG;IACH,WAAW,CAAC,EAAE,YAAY,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAwED,eAAO,MAAM,IAAI,EAyCX,CAAC,CAAC,SAAS,MAAM,EACrB,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAA;CAAE,KACtD,KAAK,CAAC,YAAY,CAAC;AAExB,qFAAqF;AACrF,OAAO,EAAE,IAAI,IAAI,OAAO,EAAE,CAAC"}

package/dist/components/Tabs.js

@@ -0,0 +1,47 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef, useRef } from 'react';
+import { useTabList, useTab, useTabPanel, useHover, useFocusRing, mergeProps, } from 'react-aria';
+import { useTabListState } from 'react-stately';
+import { Item } from '@react-stately/collections';
+/**
+ * A single tab. `useTab` supplies roving tabindex, arrow-key navigation and the
+ * aria-controls/aria-labelledby pairing with the panel.
+ */
+function Tab({ item, state, type, size, }) {
+    const ref = useRef(null);
+    const { key, rendered } = item;
+    const isDisabled = state.disabledKeys.has(key);
+    const { tabProps, isSelected } = useTab({ key }, state, ref);
+    // Same pattern as Button: native :hover latches on touch, and focus-visible
+    // must distinguish keyboard from pointer.
+    const { hoverProps, isHovered } = useHover({ isDisabled });
+    const { focusProps, isFocusVisible } = useFocusRing();
+    const className = [
+        'ion-tabs__item',
+        `ion-tabs__item--${type}`,
+        size !== 'md' ? `ion-tabs__item--${size}` : '',
+    ]
+        .filter(Boolean)
+        .join(' ');
+    return (_jsx("div", { ...mergeProps(tabProps, hoverProps, focusProps), ref: ref, className: className, "data-selected": isSelected || undefined, "data-hovered": isHovered || undefined, "data-focused": isFocusVisible || undefined, "data-disabled": isDisabled || undefined, children: rendered }));
+}
+function TabPanel({ state, className, ...rest }) {
+    const ref = useRef(null);
+    const { tabPanelProps } = useTabPanel(rest, state, ref);
+    return (_jsx("div", { ...tabPanelProps, ref: ref, className: ['ion-tabs__panel', className].filter(Boolean).join(' '), children: state.selectedItem?.props.children }));
+}
+export const Tabs = forwardRef(function Tabs(props, forwardedRef) {
+    const { type = 'pill', size = 'md', orientation = 'horizontal', className: customClassName, ...ariaProps } = props;
+    const state = useTabListState(ariaProps);
+    const listRef = useRef(null);
+    const { tabListProps } = useTabList(ariaProps, state, listRef);
+    const trackClassName = [
+        'ion-tabs__track',
+        `ion-tabs__track--${type}`,
+        `ion-tabs__track--${orientation}`,
+    ].join(' ');
+    return (_jsxs("div", { ref: forwardedRef, className: ['ion-tabs', customClassName].filter(Boolean).join(' '), children: [_jsx("div", { ...tabListProps, ref: listRef, className: trackClassName, children: [...state.collection].map((item) => (_jsx(Tab, { item: item, state: state, type: type, size: size }, item.key))) }), _jsx(TabPanel, { state: state }, state.selectedItem?.key)] }));
+});
+/** A tab and its panel content. `title` is the tab label; children are the panel. */
+export { Item as TabItem };
+//# sourceMappingURL=Tabs.js.map

package/dist/components/Tabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.js","sourceRoot":"","sources":["../../src/components/Tabs.tsx"],"names":[],"mappings":"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"}

package/dist/components/Toggle.d.ts

@@ -0,0 +1,25 @@
+import React from 'react';
+export type ToggleSize = 'sm' | 'md' | 'lg';
+export type ToggleIntent = 'brand' | 'neutral' | 'danger';
+export interface ToggleProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size' | 'type'> {
+    /** Matches the Figma `Size` variant: Small, Medium, Large. */
+    size?: ToggleSize;
+    /** Matches the Figma `Color` variant: Brand, Neutral, Danger. */
+    intent?: ToggleIntent;
+    children?: React.ReactNode;
+}
+/**
+ * Toggle is a checkbox with `role="switch"`.
+ *
+ * Not a button with aria-pressed: a switch is a form value, and the checkbox
+ * gives form association and `:checked` for free. `role="switch"` changes only
+ * how it is announced — "on/off" rather than "checked/unchecked" — which is
+ * what Figma's On/Off states describe.
+ *
+ * The visual difference from Checkbox is entirely in CSS; this component and
+ * Checkbox are near-identical by design rather than by accident, and are kept
+ * apart because Figma models them as separate components with separate size
+ * ramps.
+ */
+export declare const Toggle: React.ForwardRefExoticComponent<ToggleProps & React.RefAttributes<HTMLInputElement>>;
+//# sourceMappingURL=Toggle.d.ts.map

package/dist/components/Toggle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toggle.d.ts","sourceRoot":"","sources":["../../src/components/Toggle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkD,MAAM,OAAO,CAAC;AAEvE,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAC5C,MAAM,MAAM,YAAY,GAAG,OAAO,GAAG,SAAS,GAAG,QAAQ,CAAC;AAE1D,MAAM,WAAW,WAAY,SAAQ,IAAI,CACvC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAC3C,MAAM,GAAG,MAAM,CAChB;IACC,8DAA8D;IAC9D,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,iEAAiE;IACjE,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,MAAM,sFAyClB,CAAC"}

package/dist/components/Toggle.js

@@ -0,0 +1,32 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef, useRef, useImperativeHandle } from 'react';
+/**
+ * Toggle is a checkbox with `role="switch"`.
+ *
+ * Not a button with aria-pressed: a switch is a form value, and the checkbox
+ * gives form association and `:checked` for free. `role="switch"` changes only
+ * how it is announced — "on/off" rather than "checked/unchecked" — which is
+ * what Figma's On/Off states describe.
+ *
+ * The visual difference from Checkbox is entirely in CSS; this component and
+ * Checkbox are near-identical by design rather than by accident, and are kept
+ * apart because Figma models them as separate components with separate size
+ * ramps.
+ */
+export const Toggle = forwardRef((props, forwardedRef) => {
+    const { size = 'md', intent = 'brand', className, children, disabled, ...rest } = props;
+    const domRef = useRef(null);
+    useImperativeHandle(forwardedRef, () => domRef.current);
+    const classNames = [
+        'ion-toggle',
+        size !== 'md' ? `ion-toggle--${size}` : '',
+        intent !== 'brand' ? `ion-toggle--${intent}` : '',
+        disabled ? 'ion-toggle--disabled' : '',
+        className || '',
+    ]
+        .filter(Boolean)
+        .join(' ');
+    return (_jsxs("label", { className: classNames, children: [_jsx("input", { ...rest, ref: domRef, type: "checkbox", role: "switch", disabled: disabled, className: "ion-toggle__input" }), _jsx("span", { className: "ion-toggle__track", "aria-hidden": "true", children: _jsx("span", { className: "ion-toggle__thumb" }) }), children && _jsx("span", { className: "ion-toggle__label", children: children })] }));
+});
+Toggle.displayName = 'Toggle';
+//# sourceMappingURL=Toggle.js.map

package/dist/components/Toggle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toggle.js","sourceRoot":"","sources":["../../src/components/Toggle.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,UAAU,EAAE,MAAM,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAC;AAgBvE;;;;;;;;;;;;GAYG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,UAAU,CAC9B,CAAC,KAAK,EAAE,YAAY,EAAE,EAAE;IACtB,MAAM,EACJ,IAAI,GAAG,IAAI,EACX,MAAM,GAAG,OAAO,EAChB,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,GAAG,IAAI,EACR,GAAG,KAAK,CAAC;IAEV,MAAM,MAAM,GAAG,MAAM,CAAmB,IAAI,CAAC,CAAC;IAC9C,mBAAmB,CAAC,YAAY,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,OAAQ,CAAC,CAAC;IAEzD,MAAM,UAAU,GAAG;QACjB,YAAY;QACZ,IAAI,KAAK,IAAI,CAAC,CAAC,CAAC,eAAe,IAAI,EAAE,CAAC,CAAC,CAAC,EAAE;QAC1C,MAAM,KAAK,OAAO,CAAC,CAAC,CAAC,eAAe,MAAM,EAAE,CAAC,CAAC,CAAC,EAAE;QACjD,QAAQ,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAAC,CAAC,EAAE;QACtC,SAAS,IAAI,EAAE;KAChB;SACE,MAAM,CAAC,OAAO,CAAC;SACf,IAAI,CAAC,GAAG,CAAC,CAAC;IAEb,OAAO,CACL,iBAAO,SAAS,EAAE,UAAU,aAC1B,mBACM,IAAI,EACR,GAAG,EAAE,MAAM,EACX,IAAI,EAAC,UAAU,EACf,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAC,mBAAmB,GAC7B,EACF,eAAM,SAAS,EAAC,mBAAmB,iBAAa,MAAM,YACpD,eAAM,SAAS,EAAC,mBAAmB,GAAG,GACjC,EACN,QAAQ,IAAI,eAAM,SAAS,EAAC,mBAAmB,YAAE,QAAQ,GAAQ,IAC5D,CACT,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAC"}

package/dist/components/index.d.ts

@@ -0,0 +1,33 @@
+export { Button } from './Button.js';
+export type { ButtonProps } from './Button.js';
+export { Tabs, TabItem } from './Tabs.js';
+export type { TabsProps, TabsType, TabsSize } from './Tabs.js';
+export { Badge } from './Badge.js';
+export type { BadgeProps, BadgeIntent } from './Badge.js';
+export { Input } from './Input.js';
+export type { InputProps, InputSize } from './Input.js';
+export { Select } from './Select.js';
+export type { SelectProps, SelectSize, SelectOption } from './Select.js';
+export { Checkbox } from './Checkbox.js';
+export type { CheckboxProps, CheckboxSize, CheckboxIntent, } from './Checkbox.js';
+export { Radio, RadioGroup } from './Radio.js';
+export type { RadioProps, RadioGroupProps, RadioSize, RadioIntent, } from './Radio.js';
+export { Toggle } from './Toggle.js';
+export type { ToggleProps, ToggleSize, ToggleIntent } from './Toggle.js';
+export { Menu, MenuItem } from './Menu.js';
+export type { MenuProps, MenuItemProps } from './Menu.js';
+export { Avatar, AvatarGroup } from './Avatar.js';
+export type { AvatarProps, AvatarGroupProps, AvatarSize, AvatarShape, } from './Avatar.js';
+export { Header } from './Header.js';
+export type { HeaderProps } from './Header.js';
+export { Logo, LogoMark } from './Logo.js';
+export type { LogoProps, LogoMarkProps, LogoSize, LogoWordmark, } from './Logo.js';
+export { Divider } from './Divider.js';
+export type { DividerProps, DividerOrientation } from './Divider.js';
+export { NavItem } from './NavItem.js';
+export type { NavItemProps } from './NavItem.js';
+export { Table, TableHead, TableBody, TableRow, TableCell } from './Table.js';
+export type { TableProps, TableDensity, TableRowProps, TableCellProps, TableCellAlign, } from './Table.js';
+export { ScrollProgress } from './ScrollProgress.js';
+export type { ScrollProgressProps, ScrollProgressSection, } from './ScrollProgress.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,YAAY,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC/C,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAC1C,YAAY,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;AAC/D,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AACnC,YAAY,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAC1D,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AACnC,YAAY,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AACxD,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,YAAY,EAAE,WAAW,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AACzE,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,YAAY,EACV,aAAa,EACb,YAAY,EACZ,cAAc,GACf,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAC/C,YAAY,EACV,UAAU,EACV,eAAe,EACf,SAAS,EACT,WAAW,GACZ,MAAM,YAAY,CAAC;AACpB,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,YAAY,EAAE,WAAW,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AACzE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;AAC3C,YAAY,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,WAAW,CAAC;AAC1D,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAClD,YAAY,EACV,WAAW,EACX,gBAAgB,EAChB,UAAU,EACV,WAAW,GACZ,MAAM,aAAa,CAAC;AACrB,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,YAAY,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC/C,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;AAC3C,YAAY,EACV,SAAS,EACT,aAAa,EACb,QAAQ,EACR,YAAY,GACb,MAAM,WAAW,CAAC;AACnB,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,YAAY,EAAE,YAAY,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AACrE,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,YAAY,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AACjD,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAC9E,YAAY,EACV,UAAU,EACV,YAAY,EACZ,aAAa,EACb,cAAc,EACd,cAAc,GACf,MAAM,YAAY,CAAC;AACpB,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AACrD,YAAY,EACV,mBAAmB,EACnB,qBAAqB,GACtB,MAAM,qBAAqB,CAAC"}

package/dist/components/index.js

@@ -0,0 +1,17 @@
+export { Button } from './Button.js';
+export { Tabs, TabItem } from './Tabs.js';
+export { Badge } from './Badge.js';
+export { Input } from './Input.js';
+export { Select } from './Select.js';
+export { Checkbox } from './Checkbox.js';
+export { Radio, RadioGroup } from './Radio.js';
+export { Toggle } from './Toggle.js';
+export { Menu, MenuItem } from './Menu.js';
+export { Avatar, AvatarGroup } from './Avatar.js';
+export { Header } from './Header.js';
+export { Logo, LogoMark } from './Logo.js';
+export { Divider } from './Divider.js';
+export { NavItem } from './NavItem.js';
+export { Table, TableHead, TableBody, TableRow, TableCell } from './Table.js';
+export { ScrollProgress } from './ScrollProgress.js';
+//# sourceMappingURL=index.js.map

package/dist/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAErC,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAE1C,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AAEnC,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AAEnC,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAErC,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAMzC,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAO/C,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAErC,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;AAE3C,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAOlD,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAErC,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;AAO3C,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAEvC,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAEvC,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAQ9E,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC"}