@nqmcreative/ui 0.1.1 → 0.2.0

package/dist/core/index.js

@@ -0,0 +1,35 @@
+/**
+ * @nqmcreative/ui/core — everything the styles share.
+ *
+ * Behaviour, not looks: focus containment, keyboard navigation, date maths,
+ * file validation, the toast queue, the locale strings. Nothing in here
+ * renders anything, and nothing in here knows which style is being used.
+ *
+ * Styles are free to ignore any of it — but there is no `matte` version of a
+ * focus trap, so none of them should have to write one.
+ */
+/* --- tones --- */
+export { TONES, focusRing, peerFocusRing, toneBorder, toneBorderLeft, toneBorderSoft, toneFill, toneFocusBorder, toneFocusWithinBorder, toneHoverBorder, toneHoverText, tonePeerChecked, tonePeerFocus, toneRing, toneSoft, toneSoftHover, toneSolid, toneSolidHover, toneSurface, toneText } from './tones.js';
+/* --- actions --- */
+export { anchored } from './actions/anchor.js';
+export { clickOutside, focusTrap, focusable, navigateList, portal } from './actions/dismissable.js';
+/* --- overlays --- */
+export { syncDialog, isBackdropClick } from './dialog.svelte.js';
+export { popupTrigger, describeTrigger, menuItems, HOVER_GRACE } from './trigger.js';
+/* --- lists --- */
+export { ListCursor, groupItems, matchQuery, revealIndex } from './list.svelte.js';
+/* --- data --- */
+export { nextSort, sortRows, toggleKey } from './table.js';
+export { pageRange } from './pagination.js';
+export { sortFiles, matchesAccept, formatSize } from './files.js';
+export { passwordScore } from './password.js';
+export { clampToStep, percentOf, stepDecimals } from './number.js';
+/* --- dates --- */
+export { toISO, fromISO, today, isSameDay, addDays, addMonths, monthGrid, weekdayNames, monthLabel, isOutOfRange, formatISO, parseFormatted } from './date.js';
+export { calendarKeyMove, dateHint } from './calendar.js';
+/* --- toast --- */
+export { toast } from './toast.svelte.js';
+/* --- theme --- */
+export { applyTheme, storedTheme, persistTheme, nextTheme } from './theme.svelte.js';
+/* --- locale --- */
+export { locale, setLocale, provideLocale, useLocale, enUS, idID, LocaleStore } from './locale.svelte.js';

package/dist/core/list.svelte.d.ts

@@ -0,0 +1,41 @@
+/**
+ * The list machinery behind every "type to filter, arrow to choose" control —
+ * Combobox, MultiSelect, CommandPalette.
+ *
+ * All three want the same four things: match a query, bundle the matches under
+ * their group headings, flatten them back into one indexable run, and move an
+ * active cursor over that run while skipping disabled entries. None of it has
+ * an opinion about how a row looks, so all of it lives here.
+ */
+export interface ListItem {
+    disabled?: boolean;
+    /** Items sharing a group are rendered under one heading. */
+    group?: string;
+}
+/** Case-insensitive substring match over whichever fields a control cares about. */
+export declare function matchQuery<T>(items: T[], query: string, haystack: (item: T) => string): T[];
+/**
+ * Buckets items by `group`, keeping first-seen order for both the groups and
+ * the items inside them. Ungrouped items land under `''`.
+ */
+export declare function groupItems<T extends ListItem>(items: T[]): [string, T[]][];
+/**
+ * An active-item cursor over a list that changes as the user types.
+ *
+ * `items` is a getter rather than an array so the cursor always reads the
+ * current matches — the caller keeps ownership of the filtering.
+ */
+export declare class ListCursor<T extends ListItem> {
+    #private;
+    /** Index into the flattened list. */
+    index: number;
+    constructor(items: () => T[]);
+    get items(): T[];
+    get current(): T | undefined;
+    /** Jumps to the first item matching `predicate`, or to the top. */
+    reset(predicate?: (item: T) => boolean): void;
+    /** Wraps around, skipping disabled entries. */
+    move(step: number): void;
+}
+/** Brings the row carrying `data-index` into view without scrolling the page. */
+export declare function revealIndex(container: HTMLElement | null, index: number): void;

package/dist/core/list.svelte.js

@@ -0,0 +1,77 @@
+/**
+ * The list machinery behind every "type to filter, arrow to choose" control —
+ * Combobox, MultiSelect, CommandPalette.
+ *
+ * All three want the same four things: match a query, bundle the matches under
+ * their group headings, flatten them back into one indexable run, and move an
+ * active cursor over that run while skipping disabled entries. None of it has
+ * an opinion about how a row looks, so all of it lives here.
+ */
+/** Case-insensitive substring match over whichever fields a control cares about. */
+export function matchQuery(items, query, haystack) {
+    const needle = query.trim().toLowerCase();
+    if (!needle)
+        return items;
+    return items.filter((item) => haystack(item).toLowerCase().includes(needle));
+}
+/**
+ * Buckets items by `group`, keeping first-seen order for both the groups and
+ * the items inside them. Ungrouped items land under `''`.
+ */
+export function groupItems(items) {
+    const out = [];
+    for (const item of items) {
+        const key = item.group ?? '';
+        const bucket = out.find(([name]) => name === key);
+        if (bucket)
+            bucket[1].push(item);
+        else
+            out.push([key, [item]]);
+    }
+    return out;
+}
+/**
+ * An active-item cursor over a list that changes as the user types.
+ *
+ * `items` is a getter rather than an array so the cursor always reads the
+ * current matches — the caller keeps ownership of the filtering.
+ */
+export class ListCursor {
+    #items;
+    /** Index into the flattened list. */
+    index = $state(0);
+    constructor(items) {
+        this.#items = items;
+    }
+    get items() {
+        return this.#items();
+    }
+    get current() {
+        return this.items[this.index];
+    }
+    /** Jumps to the first item matching `predicate`, or to the top. */
+    reset(predicate) {
+        if (!predicate) {
+            this.index = 0;
+            return;
+        }
+        this.index = Math.max(0, this.items.findIndex(predicate));
+    }
+    /** Wraps around, skipping disabled entries. */
+    move(step) {
+        const items = this.items;
+        if (items.length === 0)
+            return;
+        let next = this.index;
+        for (let i = 0; i < items.length; i++) {
+            next = (next + step + items.length) % items.length;
+            if (!items[next].disabled)
+                break;
+        }
+        this.index = next;
+    }
+}
+/** Brings the row carrying `data-index` into view without scrolling the page. */
+export function revealIndex(container, index) {
+    container?.querySelector(`[data-index="${index}"]`)?.scrollIntoView({ block: 'nearest' });
+}

package/dist/core/number.d.ts

@@ -0,0 +1,7 @@
+/** Numeric helpers shared by the stepper, the slider and the progress bar. */
+/** Decimal places implied by a step, so `0.25` never produces `0.7500000001`. */
+export declare function stepDecimals(step: number): number;
+/** Clamps into range and rounds to the step's precision. */
+export declare function clampToStep(value: number, min: number, max: number, step: number): number;
+/** Position of `value` within `min…max`, as 0–100. */
+export declare function percentOf(value: number, min: number, max: number): number;

package/dist/core/number.js

@@ -0,0 +1,17 @@
+/** Numeric helpers shared by the stepper, the slider and the progress bar. */
+/** Decimal places implied by a step, so `0.25` never produces `0.7500000001`. */
+export function stepDecimals(step) {
+    return (String(step).split('.')[1] ?? '').length;
+}
+/** Clamps into range and rounds to the step's precision. */
+export function clampToStep(value, min, max, step) {
+    if (Number.isNaN(value))
+        return min === -Infinity ? 0 : min;
+    return Number(Math.min(max, Math.max(min, value)).toFixed(stepDecimals(step)));
+}
+/** Position of `value` within `min…max`, as 0–100. */
+export function percentOf(value, min, max) {
+    if (max === min)
+        return 0;
+    return Math.min(100, Math.max(0, ((value - min) / (max - min)) * 100));
+}

package/dist/core/pagination.d.ts

@@ -0,0 +1,6 @@
+/**
+ * The page numbers a pager should show. Collapses long runs to `…` while
+ * always keeping the first page, the last page, and `siblings` either side of
+ * the current one — so the control never changes width as you walk through it.
+ */
+export declare function pageRange(page: number, total: number, siblings?: number): (number | '…')[];

package/dist/core/pagination.js

@@ -0,0 +1,21 @@
+/**
+ * The page numbers a pager should show. Collapses long runs to `…` while
+ * always keeping the first page, the last page, and `siblings` either side of
+ * the current one — so the control never changes width as you walk through it.
+ */
+export function pageRange(page, total, siblings = 1) {
+    if (total <= 5 + siblings * 2) {
+        return Array.from({ length: total }, (_, i) => i + 1);
+    }
+    const start = Math.max(2, page - siblings);
+    const end = Math.min(total - 1, page + siblings);
+    const out = [1];
+    if (start > 2)
+        out.push('…');
+    for (let i = start; i <= end; i++)
+        out.push(i);
+    if (end < total - 1)
+        out.push('…');
+    out.push(total);
+    return out;
+}

package/dist/core/password.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Password strength, 0–4, matching the five labels in the locale.
+ *
+ * Deliberately simple — length plus character variety. It is a nudge in the
+ * form, not a security control, and anything cleverer would need a dictionary
+ * this package has no business shipping.
+ */
+export declare function passwordScore(value: string): number;

package/dist/core/password.js

@@ -0,0 +1,23 @@
+/**
+ * Password strength, 0–4, matching the five labels in the locale.
+ *
+ * Deliberately simple — length plus character variety. It is a nudge in the
+ * form, not a security control, and anything cleverer would need a dictionary
+ * this package has no business shipping.
+ */
+export function passwordScore(value) {
+    if (!value)
+        return 0;
+    let points = 0;
+    if (value.length >= 8)
+        points++;
+    if (value.length >= 12)
+        points++;
+    if (/[a-z]/.test(value) && /[A-Z]/.test(value))
+        points++;
+    if (/\d/.test(value))
+        points++;
+    if (/[^\w\s]/.test(value))
+        points++;
+    return Math.min(4, points);
+}

package/dist/core/table.d.ts

@@ -0,0 +1,22 @@
+/**
+ * Sorting and selection for a data table. Both are pure functions over rows,
+ * so a style only has to decide what a header and a checked row look like.
+ */
+export type SortDirection = 'asc' | 'desc';
+export interface TableSort {
+    key: string;
+    direction: SortDirection;
+}
+/**
+ * Clicking a header cycles ascending → descending → unsorted, which is what
+ * lets a user get back to the server's original order.
+ */
+export declare function nextSort(current: TableSort | null, key: string): TableSort | null;
+/**
+ * Sorts a copy of `rows`. Numbers compare numerically, everything else through
+ * `localeCompare` with `numeric`, so `item 2` lands before `item 10`. Nullish
+ * values sink to the bottom either way round.
+ */
+export declare function sortRows<T extends Record<string, unknown>>(rows: T[], sort: TableSort | null): T[];
+/** Adds or removes one key, preserving the order the rest were chosen in. */
+export declare function toggleKey(selected: string[], key: string): string[];

package/dist/core/table.js

@@ -0,0 +1,41 @@
+/**
+ * Sorting and selection for a data table. Both are pure functions over rows,
+ * so a style only has to decide what a header and a checked row look like.
+ */
+/**
+ * Clicking a header cycles ascending → descending → unsorted, which is what
+ * lets a user get back to the server's original order.
+ */
+export function nextSort(current, key) {
+    if (current?.key !== key)
+        return { key, direction: 'asc' };
+    if (current.direction === 'asc')
+        return { key, direction: 'desc' };
+    return null;
+}
+/**
+ * Sorts a copy of `rows`. Numbers compare numerically, everything else through
+ * `localeCompare` with `numeric`, so `item 2` lands before `item 10`. Nullish
+ * values sink to the bottom either way round.
+ */
+export function sortRows(rows, sort) {
+    if (!sort)
+        return rows;
+    const { key, direction } = sort;
+    const factor = direction === 'asc' ? 1 : -1;
+    return [...rows].sort((a, b) => {
+        const x = a[key];
+        const y = b[key];
+        if (x == null)
+            return 1;
+        if (y == null)
+            return -1;
+        if (typeof x === 'number' && typeof y === 'number')
+            return (x - y) * factor;
+        return String(x).localeCompare(String(y), undefined, { numeric: true }) * factor;
+    });
+}
+/** Adds or removes one key, preserving the order the rest were chosen in. */
+export function toggleKey(selected, key) {
+    return selected.includes(key) ? selected.filter((k) => k !== key) : [...selected, key];
+}

package/dist/core/theme.svelte.d.ts

@@ -0,0 +1,16 @@
+/**
+ * Light/dark preference, shared by every style.
+ *
+ * The classes written here are the ones each style's `theme.css` reads:
+ * `.dark` forces dark, `.light` forces light, and neither means "follow the
+ * OS". Nothing here knows what a theme looks like — only how it is chosen.
+ */
+export type Theme = 'light' | 'dark' | 'system';
+/** Writes the theme classes `theme.css` reads. Safe to call before mount. */
+export declare function applyTheme(theme: Theme): void;
+/** The stored choice, or `'system'` when the visitor has never picked one. */
+export declare function storedTheme(): Theme;
+/** Persists a choice, clearing the key when it goes back to `'system'`. */
+export declare function persistTheme(theme: Theme): void;
+/** Cycles light → dark → system, the order the one-button toggle uses. */
+export declare function nextTheme(theme: Theme): Theme;

package/dist/core/theme.svelte.js

@@ -0,0 +1,34 @@
+/**
+ * Light/dark preference, shared by every style.
+ *
+ * The classes written here are the ones each style's `theme.css` reads:
+ * `.dark` forces dark, `.light` forces light, and neither means "follow the
+ * OS". Nothing here knows what a theme looks like — only how it is chosen.
+ */
+const STORAGE_KEY = 'nqm-theme';
+/** Writes the theme classes `theme.css` reads. Safe to call before mount. */
+export function applyTheme(theme) {
+    const root = document.documentElement;
+    root.classList.toggle('dark', theme === 'dark');
+    root.classList.toggle('light', theme === 'light');
+}
+/** The stored choice, or `'system'` when the visitor has never picked one. */
+export function storedTheme() {
+    if (typeof localStorage === 'undefined')
+        return 'system';
+    const saved = localStorage.getItem(STORAGE_KEY);
+    return saved === 'light' || saved === 'dark' ? saved : 'system';
+}
+/** Persists a choice, clearing the key when it goes back to `'system'`. */
+export function persistTheme(theme) {
+    if (typeof localStorage === 'undefined')
+        return;
+    if (theme === 'system')
+        localStorage.removeItem(STORAGE_KEY);
+    else
+        localStorage.setItem(STORAGE_KEY, theme);
+}
+/** Cycles light → dark → system, the order the one-button toggle uses. */
+export function nextTheme(theme) {
+    return theme === 'light' ? 'dark' : theme === 'dark' ? 'system' : 'light';
+}

package/dist/core/trigger.d.ts

@@ -0,0 +1,35 @@
+/**
+ * Wiring for a popup's trigger.
+ *
+ * Dropdown and Popover take the trigger as a snippet, so the real control is
+ * whatever the consumer passed — a Button, a link, an avatar. Rather than wrap
+ * it in another button (which would nest interactive elements and put the ARIA
+ * state on the wrong node), these attach to the element that is already there.
+ */
+export interface PopupTriggerOptions {
+    /** Flip the popup open/closed. */
+    toggle: () => void;
+    /** Open it — used by ArrowDown and by hover triggers. */
+    open: () => void;
+    /** Close it, after the grace period a hover trigger needs. */
+    close: () => void;
+    /** `'hover'` also responds to focus, for read-only content. */
+    on?: 'click' | 'hover';
+    /** Open on ArrowDown while closed — menu behaviour. */
+    arrowOpens?: boolean;
+    /** Whether the popup is currently open, read at event time. */
+    isOpen?: () => boolean;
+}
+/** Milliseconds a hover popup stays up after the pointer leaves. */
+export declare const HOVER_GRACE = 120;
+export declare function popupTrigger(node: HTMLElement, options: PopupTriggerOptions): {
+    update(next: PopupTriggerOptions): void;
+    destroy(): void;
+};
+/**
+ * Puts `aria-haspopup`/`aria-expanded` on the real control inside a trigger
+ * wrapper, so screen readers announce the state on the thing being pressed.
+ */
+export declare function describeTrigger(wrapper: HTMLElement | null, kind: 'menu' | 'dialog' | 'listbox', open: boolean): void;
+/** The menu items a roving-focus menu should walk, in DOM order. */
+export declare function menuItems(menu: HTMLElement | null): HTMLElement[];

package/dist/core/trigger.js

@@ -0,0 +1,77 @@
+/**
+ * Wiring for a popup's trigger.
+ *
+ * Dropdown and Popover take the trigger as a snippet, so the real control is
+ * whatever the consumer passed — a Button, a link, an avatar. Rather than wrap
+ * it in another button (which would nest interactive elements and put the ARIA
+ * state on the wrong node), these attach to the element that is already there.
+ */
+/** Milliseconds a hover popup stays up after the pointer leaves. */
+export const HOVER_GRACE = 120;
+export function popupTrigger(node, options) {
+    let opts = options;
+    let timer;
+    const onClick = () => opts.toggle();
+    const onShow = () => {
+        clearTimeout(timer);
+        opts.open();
+    };
+    const onHide = () => {
+        timer = setTimeout(() => opts.close(), HOVER_GRACE);
+    };
+    const onKeydown = (event) => {
+        if (!opts.arrowOpens || event.key !== 'ArrowDown')
+            return;
+        if (opts.isOpen?.())
+            return;
+        event.preventDefault();
+        opts.open();
+    };
+    const bind = () => {
+        if (opts.on === 'hover') {
+            node.addEventListener('pointerenter', onShow);
+            node.addEventListener('pointerleave', onHide);
+            node.addEventListener('focusin', onShow);
+            node.addEventListener('focusout', onHide);
+        }
+        else {
+            node.addEventListener('click', onClick);
+            node.addEventListener('keydown', onKeydown);
+        }
+    };
+    const unbind = () => {
+        node.removeEventListener('click', onClick);
+        node.removeEventListener('keydown', onKeydown);
+        node.removeEventListener('pointerenter', onShow);
+        node.removeEventListener('pointerleave', onHide);
+        node.removeEventListener('focusin', onShow);
+        node.removeEventListener('focusout', onHide);
+    };
+    bind();
+    return {
+        update(next) {
+            unbind();
+            opts = next;
+            bind();
+        },
+        destroy() {
+            clearTimeout(timer);
+            unbind();
+        }
+    };
+}
+/**
+ * Puts `aria-haspopup`/`aria-expanded` on the real control inside a trigger
+ * wrapper, so screen readers announce the state on the thing being pressed.
+ */
+export function describeTrigger(wrapper, kind, open) {
+    const control = wrapper?.querySelector('button, a, [role="button"]');
+    if (!control)
+        return;
+    control.setAttribute('aria-haspopup', kind);
+    control.setAttribute('aria-expanded', String(open));
+}
+/** The menu items a roving-focus menu should walk, in DOM order. */
+export function menuItems(menu) {
+    return menu ? [...menu.querySelectorAll('[role="menuitem"]:not([disabled])')] : [];
+}

package/dist/index.d.ts

@@ -1,105 +1,13 @@
 /**
- * @nqmcreative/ui — public entry point.
- * Tokens live in `theme.css`; shared tone maps live in `tones.ts`.
+ * `@nqmcreative/ui` has no root export, on purpose.
+ *
+ * Every component belongs to a style, and a style is a deliberate choice — so
+ * it has to be named at the import:
+ *
+ *   import { Button } from '@nqmcreative/ui/matte';
+ *   import { Button } from '@nqmcreative/ui/paper';
+ *
+ * A default here would let people pick one by accident and never find out.
+ * Shared behaviour lives at `@nqmcreative/ui/core`.
  */
-export { TONES, focusRing, peerFocusRing, toneBorder, toneBorderLeft, toneBorderSoft, toneFill, toneFocusBorder, toneFocusWithinBorder, toneHoverBorder, toneHoverText, tonePeerChecked, tonePeerFocus, toneRing, toneSoft, toneSoftHover, toneSolid, toneSolidHover, toneSurface, toneText } from './tones.js';
-export type { Tone } from './tones.js';
-export { anchored } from './actions/anchor.js';
-export type { Placement, AnchorOptions } from './actions/anchor.js';
-export { clickOutside, focusTrap, focusable, navigateList, portal } from './actions/dismissable.js';
-export type { ClickOutsideOptions, FocusTrapOptions } from './actions/dismissable.js';
-export { toast } from './toast.svelte.js';
-export type { Toast, ToastOptions, ToastAction } from './toast.svelte.js';
-export { locale, setLocale, provideLocale, useLocale, enUS, idID, LocaleStore } from './locale.svelte.js';
-export type { Locale } from './locale.svelte.js';
-export { default as LocaleProvider } from './components/LocaleProvider.svelte';
-export { default as Button } from './components/Button.svelte';
-export type { ButtonVariant, ButtonSize } from './components/Button.svelte';
-export { default as Link } from './components/Link.svelte';
-export { default as Input } from './components/Input.svelte';
-export type { InputSize } from './components/Input.svelte';
-export { default as Textarea } from './components/Textarea.svelte';
-export { default as Select } from './components/Select.svelte';
-export type { SelectOption } from './components/Select.svelte';
-export { default as Checkbox } from './components/Checkbox.svelte';
-export { default as Radio } from './components/Radio.svelte';
-export { default as Switch } from './components/Switch.svelte';
-export type { SwitchSize } from './components/Switch.svelte';
-export { default as Field } from './components/Field.svelte';
-export { default as Label } from './components/Label.svelte';
-export { default as PasswordInput } from './components/PasswordInput.svelte';
-export { default as NumberInput } from './components/NumberInput.svelte';
-export { default as Slider } from './components/Slider.svelte';
-export { default as RadioGroup } from './components/RadioGroup.svelte';
-export type { RadioOption } from './components/RadioGroup.svelte';
-export { default as CheckboxGroup } from './components/CheckboxGroup.svelte';
-export type { CheckboxOption } from './components/CheckboxGroup.svelte';
-export { default as SegmentedControl } from './components/SegmentedControl.svelte';
-export type { SegmentOption, SegmentedSize } from './components/SegmentedControl.svelte';
-export { default as InputGroup } from './components/InputGroup.svelte';
-export { default as Combobox } from './components/Combobox.svelte';
-export type { ComboboxOption } from './components/Combobox.svelte';
-export { default as MultiSelect } from './components/MultiSelect.svelte';
-export type { MultiSelectOption } from './components/MultiSelect.svelte';
-export { default as DatePicker } from './components/DatePicker.svelte';
-export { default as Calendar } from './components/Calendar.svelte';
-export { toISO, fromISO, today, isSameDay, addDays, addMonths, monthGrid, weekdayNames, monthLabel, isOutOfRange, formatISO, parseFormatted } from './date.js';
-export type { DateFormat } from './date.js';
-export { default as Dropzone } from './components/Dropzone.svelte';
-export type { RejectedFile } from './components/Dropzone.svelte';
-export { default as Badge } from './components/Badge.svelte';
-export type { BadgeTone, BadgeVariant, BadgeSize } from './components/Badge.svelte';
-export { default as Avatar } from './components/Avatar.svelte';
-export type { AvatarSize } from './components/Avatar.svelte';
-export { default as AvatarGroup } from './components/AvatarGroup.svelte';
-export { default as Card } from './components/Card.svelte';
-export type { CardVariant } from './components/Card.svelte';
-export { default as Stat } from './components/Stat.svelte';
-export type { StatTrend } from './components/Stat.svelte';
-export { default as Table } from './components/Table.svelte';
-export type { TableColumn, TableSort, SortDirection } from './components/Table.svelte';
-export { default as Kbd } from './components/Kbd.svelte';
-export { default as Alert } from './components/Alert.svelte';
-export type { AlertVariant } from './components/Alert.svelte';
-export { default as Progress } from './components/Progress.svelte';
-export type { ProgressSize } from './components/Progress.svelte';
-export { default as Spinner } from './components/Spinner.svelte';
-export type { SpinnerSize } from './components/Spinner.svelte';
-export { default as Skeleton } from './components/Skeleton.svelte';
-export type { SkeletonVariant } from './components/Skeleton.svelte';
-export { default as EmptyState } from './components/EmptyState.svelte';
-export { default as Toaster } from './components/Toaster.svelte';
-export type { ToasterPosition } from './components/Toaster.svelte';
-export { default as Divider } from './components/Divider.svelte';
-export type { DividerOrientation } from './components/Divider.svelte';
-export { default as Tabs } from './components/Tabs.svelte';
-export type { TabItem, TabsVariant } from './components/Tabs.svelte';
-export { default as Accordion } from './components/Accordion.svelte';
-export { default as AccordionItem } from './components/AccordionItem.svelte';
-export { default as Breadcrumb } from './components/Breadcrumb.svelte';
-export type { BreadcrumbItem } from './components/Breadcrumb.svelte';
-export { default as Pagination } from './components/Pagination.svelte';
-export { default as Steps } from './components/Steps.svelte';
-export type { StepItem } from './components/Steps.svelte';
-export { default as Navbar } from './components/Navbar.svelte';
-export type { NavItem } from './components/Navbar.svelte';
-export { default as Sidebar } from './components/Sidebar.svelte';
-export type { SidebarItem, SidebarSection } from './components/Sidebar.svelte';
-export { default as Footer } from './components/Footer.svelte';
-export type { FooterColumn, FooterLink } from './components/Footer.svelte';
-export { default as Modal } from './components/Modal.svelte';
-export type { ModalSize } from './components/Modal.svelte';
-export { default as Drawer } from './components/Drawer.svelte';
-export type { DrawerSide, DrawerSize } from './components/Drawer.svelte';
-export { default as ConfirmDialog } from './components/ConfirmDialog.svelte';
-export { default as CommandPalette } from './components/CommandPalette.svelte';
-export type { CommandItem } from './components/CommandPalette.svelte';
-export { default as ContextMenu } from './components/ContextMenu.svelte';
-export { default as Dropdown } from './components/Dropdown.svelte';
-export { default as MenuItem } from './components/MenuItem.svelte';
-export { default as MenuSeparator } from './components/MenuSeparator.svelte';
-export { default as Popover } from './components/Popover.svelte';
-export { default as ThemeToggle, applyTheme, storedTheme } from './components/ThemeToggle.svelte';
-export type { Theme } from './components/ThemeToggle.svelte';
-export { default as Tooltip } from './components/Tooltip.svelte';
-export type { TooltipPlacement } from './components/Tooltip.svelte';
+export {};