@tokis/react 1.0.0

package/dist/cjs/hooks/useId.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useId = useId;
+const react_1 = require("react");
+const core_1 = require("@tokis/core");
+/**
+ * Returns a stable, unique ID for the lifetime of the component.
+ * Prefer React 18's built-in `useId` for SSR-safe IDs.
+ * Use this hook only when a custom prefix is needed.
+ */
+function useId(prefix = 'tokis') {
+    return (0, react_1.useRef)((0, core_1.generateId)(prefix)).current;
+}

package/dist/cjs/hooks/useMenu.js

@@ -0,0 +1,64 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useMenu = useMenu;
+const react_1 = require("react");
+function useMenu(itemCount = 0) {
+    const [isOpen, setIsOpen] = (0, react_1.useState)(false);
+    const [activeIndex, setActiveIndex] = (0, react_1.useState)(-1);
+    const menuId = (0, react_1.useId)();
+    const open = (0, react_1.useCallback)(() => {
+        setIsOpen(true);
+        setActiveIndex(0);
+    }, []);
+    const close = (0, react_1.useCallback)(() => {
+        setIsOpen(false);
+        setActiveIndex(-1);
+    }, []);
+    const handleKeyDown = (0, react_1.useCallback)((e) => {
+        if (!isOpen)
+            return;
+        switch (e.key) {
+            case 'ArrowDown':
+                e.preventDefault();
+                setActiveIndex((i) => (i + 1) % itemCount);
+                break;
+            case 'ArrowUp':
+                e.preventDefault();
+                setActiveIndex((i) => (i - 1 + itemCount) % itemCount);
+                break;
+            case 'Home':
+                e.preventDefault();
+                setActiveIndex(0);
+                break;
+            case 'End':
+                e.preventDefault();
+                setActiveIndex(itemCount - 1);
+                break;
+            case 'Escape':
+                e.preventDefault();
+                close();
+                break;
+        }
+    }, [isOpen, itemCount, close]);
+    const getMenuProps = (0, react_1.useCallback)(() => ({
+        id: menuId,
+        role: 'menu',
+        'aria-orientation': 'vertical',
+        onKeyDown: handleKeyDown,
+    }), [menuId, handleKeyDown]);
+    const getItemProps = (0, react_1.useCallback)((index) => ({
+        role: 'menuitem',
+        tabIndex: activeIndex === index ? 0 : -1,
+        'aria-selected': activeIndex === index,
+        onMouseEnter: () => setActiveIndex(index),
+    }), [activeIndex]);
+    return {
+        isOpen,
+        open,
+        close,
+        activeIndex,
+        setActiveIndex,
+        getMenuProps,
+        getItemProps,
+    };
+}

package/dist/cjs/hooks/usePopover.js

@@ -0,0 +1,32 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.usePopover = usePopover;
+const react_1 = require("react");
+function usePopover(defaultOpen = false) {
+    const [isOpen, setIsOpen] = (0, react_1.useState)(defaultOpen);
+    const anchorRef = (0, react_1.useRef)(null);
+    const popoverId = (0, react_1.useId)();
+    const open = (0, react_1.useCallback)(() => setIsOpen(true), []);
+    const close = (0, react_1.useCallback)(() => setIsOpen(false), []);
+    const toggle = (0, react_1.useCallback)(() => setIsOpen((v) => !v), []);
+    return {
+        isOpen,
+        open,
+        close,
+        toggle,
+        anchorRef,
+        triggerProps: {
+            onClick: toggle,
+            'aria-haspopup': 'true',
+            'aria-expanded': isOpen,
+            'aria-controls': popoverId,
+            ref: anchorRef,
+        },
+        popoverProps: {
+            id: popoverId,
+            role: 'dialog',
+            'aria-modal': false,
+        },
+        popoverId,
+    };
+}

package/dist/cjs/hooks/useTabs.js

@@ -0,0 +1,51 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useTabs = useTabs;
+const react_1 = require("react");
+function useTabs(defaultValue, values) {
+    const [value, setValue] = (0, react_1.useState)(defaultValue);
+    const baseId = (0, react_1.useId)();
+    const getTabId = (tabValue) => `${baseId}-tab-${tabValue}`;
+    const getPanelId = (tabValue) => `${baseId}-panel-${tabValue}`;
+    const handleKeyDown = (0, react_1.useCallback)((tabValue) => (e) => {
+        if (!values || values.length === 0)
+            return;
+        const currentIndex = values.indexOf(tabValue);
+        let next;
+        if (e.key === 'ArrowRight') {
+            e.preventDefault();
+            next = values[(currentIndex + 1) % values.length];
+        }
+        else if (e.key === 'ArrowLeft') {
+            e.preventDefault();
+            next = values[(currentIndex - 1 + values.length) % values.length];
+        }
+        else if (e.key === 'Home') {
+            e.preventDefault();
+            next = values[0];
+        }
+        else if (e.key === 'End') {
+            e.preventDefault();
+            next = values[values.length - 1];
+        }
+        if (next !== undefined)
+            setValue(next);
+    }, [values]);
+    const getTabProps = (0, react_1.useCallback)((tabValue) => ({
+        role: 'tab',
+        id: getTabId(tabValue),
+        'aria-selected': value === tabValue,
+        'aria-controls': getPanelId(tabValue),
+        tabIndex: value === tabValue ? 0 : -1,
+        onClick: () => setValue(tabValue),
+        onKeyDown: handleKeyDown(tabValue),
+    }), [value, handleKeyDown]);
+    const getPanelProps = (0, react_1.useCallback)((tabValue) => ({
+        role: 'tabpanel',
+        id: getPanelId(tabValue),
+        'aria-labelledby': getTabId(tabValue),
+        hidden: value !== tabValue,
+        tabIndex: 0,
+    }), [value]);
+    return { value, setValue, getTabProps, getPanelProps };
+}

package/dist/cjs/index.js

@@ -0,0 +1,102 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.cn = void 0;
+// ─── Button ──────────────────────────────────────────────
+__exportStar(require("./components/button/index"), exports);
+// ─── Typography ───────────────────────────────────────────
+__exportStar(require("./components/typography/index"), exports);
+// ─── Input / Form ─────────────────────────────────────────
+__exportStar(require("./components/input/index"), exports);
+__exportStar(require("./components/checkbox/index"), exports);
+__exportStar(require("./components/radio/index"), exports);
+__exportStar(require("./components/switch/index"), exports);
+__exportStar(require("./components/select/index"), exports);
+__exportStar(require("./components/slider/index"), exports);
+__exportStar(require("./components/spinner/index"), exports);
+// ─── Layout ───────────────────────────────────────────────
+__exportStar(require("./components/layout/index"), exports);
+// ─── Surfaces ─────────────────────────────────────────────
+__exportStar(require("./components/card/index"), exports);
+// ─── Data Display ─────────────────────────────────────────
+__exportStar(require("./components/avatar/index"), exports);
+__exportStar(require("./components/badge/index"), exports);
+__exportStar(require("./components/chip/index"), exports);
+__exportStar(require("./components/tag/index"), exports);
+__exportStar(require("./components/divider/index"), exports);
+__exportStar(require("./components/list/index"), exports);
+__exportStar(require("./components/table/index"), exports);
+__exportStar(require("./components/skeleton/index"), exports);
+__exportStar(require("./components/link/index"), exports);
+// ─── Navigation ───────────────────────────────────────────
+__exportStar(require("./components/breadcrumbs/index"), exports);
+// ─── Feedback ─────────────────────────────────────────────
+__exportStar(require("./components/alert/index"), exports);
+__exportStar(require("./components/snackbar/index"), exports);
+__exportStar(require("./components/progress/index"), exports);
+// ─── Overlay / Portals ────────────────────────────────────
+__exportStar(require("./components/portal/index"), exports);
+__exportStar(require("./components/dialog/index"), exports);
+__exportStar(require("./components/drawer/index"), exports);
+__exportStar(require("./components/tooltip/index"), exports);
+__exportStar(require("./components/popover/index"), exports);
+__exportStar(require("./components/menu/index"), exports);
+// ─── Complex ──────────────────────────────────────────────
+__exportStar(require("./components/tabs/index"), exports);
+__exportStar(require("./components/accordion/index"), exports);
+__exportStar(require("./components/extended/index"), exports);
+// ─── Hooks ────────────────────────────────────────────────
+__exportStar(require("./hooks/useControllableState"), exports);
+__exportStar(require("./hooks/useId"), exports);
+__exportStar(require("./hooks/useDialog"), exports);
+__exportStar(require("./hooks/usePopover"), exports);
+__exportStar(require("./hooks/useMenu"), exports);
+__exportStar(require("./hooks/useTabs"), exports);
+// ─── Context / Theme ──────────────────────────────────────
+__exportStar(require("./context/ThemeContext"), exports);
+__exportStar(require("./context/ConfigProvider"), exports);
+// ─── Code Display ─────────────────────────────────────────
+__exportStar(require("./components/codeblock/index"), exports);
+// ─── New Data Display ─────────────────────────────────────
+__exportStar(require("./components/pagination/index"), exports);
+__exportStar(require("./components/timeline/index"), exports);
+__exportStar(require("./components/treeview/index"), exports);
+__exportStar(require("./components/statistic/index"), exports);
+__exportStar(require("./components/emptystate/index"), exports);
+__exportStar(require("./components/result/index"), exports);
+// ─── New Navigation ───────────────────────────────────────
+__exportStar(require("./components/stepper/index"), exports);
+__exportStar(require("./components/bottom-nav/index"), exports);
+__exportStar(require("./components/nav-rail/index"), exports);
+__exportStar(require("./components/app-bar/index"), exports);
+// ─── New Feedback & Overlays ──────────────────────────────
+__exportStar(require("./components/circular-progress/index"), exports);
+__exportStar(require("./components/confirm-dialog/index"), exports);
+__exportStar(require("./components/hover-card/index"), exports);
+__exportStar(require("./components/context-menu/index"), exports);
+__exportStar(require("./components/dropdown/index"), exports);
+__exportStar(require("./components/command-palette/index"), exports);
+// ─── New Inputs ───────────────────────────────────────────
+__exportStar(require("./components/search-field/index"), exports);
+__exportStar(require("./components/toggle/index"), exports);
+// ─── Charts ───────────────────────────────────────────────
+__exportStar(require("./components/charts/index"), exports);
+// ─── Data ─────────────────────────────────────────────────
+__exportStar(require("./components/virtual-list/index"), exports);
+__exportStar(require("./components/infinite-scroll/index"), exports);
+// ─── Utilities ────────────────────────────────────────────
+var cn_js_1 = require("./utils/cn");
+Object.defineProperty(exports, "cn", { enumerable: true, get: function () { return cn_js_1.cn; } });

package/dist/cjs/package.json

@@ -0,0 +1,3 @@
+{
+  "type": "commonjs"
+}

package/dist/cjs/utils/cn.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.cn = cn;
+/**
+ * Utility: compose multiple class names, filtering falsy values.
+ * Keeps the bundle size near-zero — no external dependency needed.
+ */
+function cn(...classes) {
+    return classes.filter(Boolean).join(' ');
+}

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

@@ -0,0 +1,19 @@
+import React from 'react';
+export interface AccordionItem {
+    value: string;
+    trigger: React.ReactNode;
+    content: React.ReactNode;
+    disabled?: boolean;
+}
+export interface AccordionProps {
+    items: AccordionItem[];
+    type?: 'single' | 'multiple';
+    defaultValue?: string | string[];
+    value?: string | string[];
+    onChange?: (value: string | string[]) => void;
+    collapsible?: boolean;
+    variant?: 'bordered' | 'flush';
+    className?: string;
+}
+export declare function Accordion({ items, type, defaultValue, value, onChange, collapsible, variant, className }: AccordionProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/accordion/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0B,MAAM,OAAO,CAAC;AAG/C,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,aAAa,EAAE,CAAC;IACvB,IAAI,CAAC,EAAE,QAAQ,GAAG,UAAU,CAAC;IAC7B,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IACjC,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAC1B,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,KAAK,IAAI,CAAC;IAC9C,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,EAAE,UAAU,GAAG,OAAO,CAAC;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,SAAS,CAAC,EAAE,KAAK,EAAE,IAAe,EAAE,YAAY,EAAE,KAAK,EAAE,QAAQ,EAAE,WAAkB,EAAE,OAAoB,EAAE,SAAS,EAAE,EAAE,cAAc,2CA6BvJ"}

package/dist/components/accordion/index.js

@@ -0,0 +1,34 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useId } from 'react';
+import { cn } from '../../utils/cn.js';
+export function Accordion({ items, type = 'single', defaultValue, value, onChange, collapsible = true, variant = 'bordered', className }) {
+    const normalize = (v) => {
+        if (!v)
+            return [];
+        return Array.isArray(v) ? v : [v];
+    };
+    const [internal, setInternal] = useState(normalize(defaultValue));
+    const controlled = value !== undefined;
+    const openValues = controlled ? normalize(value) : internal;
+    const toggle = (val) => {
+        const isOpen = openValues.includes(val);
+        let next;
+        if (type === 'single') {
+            next = isOpen && collapsible ? [] : [val];
+        }
+        else {
+            next = isOpen ? openValues.filter((v) => v !== val) : [...openValues, val];
+        }
+        if (!controlled)
+            setInternal(next);
+        onChange?.(type === 'single' ? (next[0] ?? '') : next);
+    };
+    return (_jsx("div", { className: cn('tokis-accordion-root', variant === 'flush' && 'tokis-accordion-root--flush', className), children: items.map((item) => (_jsx(AccordionItemComponent, { item: item, isOpen: openValues.includes(item.value), onToggle: toggle }, item.value))) }));
+}
+function AccordionItemComponent({ item, isOpen, onToggle }) {
+    const triggerId = useId();
+    const panelId = useId();
+    return (_jsxs("div", { className: "tokis-accordion-item", children: [_jsxs("button", { id: triggerId, type: "button", "aria-expanded": isOpen, "aria-controls": panelId, "aria-disabled": item.disabled || undefined, disabled: item.disabled, className: "tokis-accordion-trigger", onClick: () => { if (!item.disabled)
+                    onToggle(item.value); }, children: [_jsx("span", { style: { flex: 1, textAlign: 'left' }, children: item.trigger }), _jsx("svg", { className: "tokis-accordion-trigger__icon", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: _jsx("path", { d: "M4 6l4 4 4-4", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) })] }), _jsx("div", { id: panelId, role: "region", "aria-labelledby": triggerId, className: "tokis-accordion-content", "data-open": isOpen ? 'true' : 'false', "aria-hidden": !isOpen, children: _jsx("div", { className: "tokis-accordion-content-inner", children: item.content }) })] }));
+}
+//# sourceMappingURL=index.js.map

package/dist/components/accordion/index.js.map

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

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

@@ -0,0 +1,11 @@
+import React from 'react';
+export type AlertVariant = 'info' | 'success' | 'warning' | 'error';
+export interface AlertProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title'> {
+    variant?: AlertVariant;
+    title?: React.ReactNode;
+    onClose?: () => void;
+    icon?: React.ReactNode;
+    action?: React.ReactNode;
+}
+export declare const Alert: React.ForwardRefExoticComponent<AlertProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/alert/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAG1C,MAAM,MAAM,YAAY,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;AASpE,MAAM,WAAW,UAAW,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IACrF,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B;AAED,eAAO,MAAM,KAAK,mFAwBhB,CAAC"}

package/dist/components/alert/index.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+import { cn } from '../../utils/cn.js';
+const AlertIcons = {
+    info: _jsxs("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: [_jsx("circle", { cx: "8", cy: "8", r: "7", stroke: "currentColor", strokeWidth: "1.5" }), _jsx("path", { d: "M8 7v4M8 5.5v.5", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" })] }),
+    success: _jsxs("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: [_jsx("circle", { cx: "8", cy: "8", r: "7", stroke: "currentColor", strokeWidth: "1.5" }), _jsx("path", { d: "M5 8l2 2 4-4", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" })] }),
+    warning: _jsxs("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: [_jsx("path", { d: "M8 2L1.5 13h13L8 2z", stroke: "currentColor", strokeWidth: "1.5", strokeLinejoin: "round" }), _jsx("path", { d: "M8 7v2.5M8 11v.5", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" })] }),
+    error: _jsxs("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: [_jsx("circle", { cx: "8", cy: "8", r: "7", stroke: "currentColor", strokeWidth: "1.5" }), _jsx("path", { d: "M6 6l4 4M10 6l-4 4", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" })] }),
+};
+export const Alert = forwardRef(({ variant = 'info', title, onClose, icon, action, className, children, ...props }, ref) => (_jsxs("div", { ref: ref, role: "alert", "aria-live": "polite", className: cn('tokis-alert', `tokis-alert--${variant}`, className), ...props, children: [_jsx("span", { className: "tokis-alert__icon", children: icon ?? AlertIcons[variant] }), _jsxs("div", { className: "tokis-alert__body", children: [title && _jsx("div", { className: "tokis-alert__title", children: title }), children && _jsx("div", { className: "tokis-alert__message", children: children }), action && _jsx("div", { style: { marginTop: 'var(--tokis-spacing-2)' }, children: action })] }), onClose && (_jsx("button", { className: "tokis-alert__close", onClick: onClose, "aria-label": "Dismiss", children: _jsx("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", "aria-hidden": "true", children: _jsx("path", { d: "M2 2l10 10M12 2L2 12", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" }) }) }))] })));
+Alert.displayName = 'Alert';
+//# sourceMappingURL=index.js.map

package/dist/components/alert/index.js.map

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

package/dist/components/app-bar/index.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+export type AppBarVariant = 'default' | 'primary' | 'transparent';
+export type AppBarElevation = 'none' | 'sm' | 'md';
+export interface AppBarProps {
+    leading?: React.ReactNode;
+    title?: React.ReactNode;
+    trailing?: React.ReactNode;
+    variant?: AppBarVariant;
+    elevation?: AppBarElevation;
+    sticky?: boolean;
+    className?: string;
+}
+export declare function AppBar({ leading, title, trailing, variant, elevation, sticky, className, }: AppBarProps): JSX.Element;
+export declare namespace AppBar {
+    var displayName: string;
+}
+//# sourceMappingURL=index.d.ts.map

package/dist/components/app-bar/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/app-bar/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,SAAS,GAAG,aAAa,CAAC;AAClE,MAAM,MAAM,eAAe,GAAG,MAAM,GAAG,IAAI,GAAG,IAAI,CAAC;AAEnD,MAAM,WAAW,WAAW;IAC1B,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,SAAS,CAAC,EAAE,eAAe,CAAC;IAC5B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,MAAM,CAAC,EACrB,OAAO,EACP,KAAK,EACL,QAAQ,EACR,OAAmB,EACnB,SAAgB,EAChB,MAAc,EACd,SAAS,GACV,EAAE,WAAW,GAAG,GAAG,CAAC,OAAO,CAgB3B;yBAxBe,MAAM"}

package/dist/components/app-bar/index.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from '../../utils/cn.js';
+export function AppBar({ leading, title, trailing, variant = 'default', elevation = 'sm', sticky = false, className, }) {
+    return (_jsxs("header", { className: cn('tokis-app-bar', variant !== 'default' && `tokis-app-bar--${variant}`, elevation !== 'none' && `tokis-app-bar--elevation-${elevation}`, sticky && 'tokis-app-bar--sticky', className), children: [leading && _jsx("div", { className: "tokis-app-bar__leading", children: leading }), title && _jsx("div", { className: "tokis-app-bar__title", children: title }), trailing && _jsx("div", { className: "tokis-app-bar__trailing", children: trailing })] }));
+}
+AppBar.displayName = 'AppBar';
+//# sourceMappingURL=index.js.map

package/dist/components/app-bar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/app-bar/index.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAC;AAevC,MAAM,UAAU,MAAM,CAAC,EACrB,OAAO,EACP,KAAK,EACL,QAAQ,EACR,OAAO,GAAG,SAAS,EACnB,SAAS,GAAG,IAAI,EAChB,MAAM,GAAG,KAAK,EACd,SAAS,GACG;IACZ,OAAO,CACL,kBACE,SAAS,EAAE,EAAE,CACX,eAAe,EACf,OAAO,KAAK,SAAS,IAAI,kBAAkB,OAAO,EAAE,EACpD,SAAS,KAAK,MAAM,IAAI,4BAA4B,SAAS,EAAE,EAC/D,MAAM,IAAI,uBAAuB,EACjC,SAAS,CACV,aAEA,OAAO,IAAI,cAAK,SAAS,EAAC,wBAAwB,YAAE,OAAO,GAAO,EAClE,KAAK,IAAI,cAAK,SAAS,EAAC,sBAAsB,YAAE,KAAK,GAAO,EAC5D,QAAQ,IAAI,cAAK,SAAS,EAAC,yBAAyB,YAAE,QAAQ,GAAO,IAC/D,CACV,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAC"}

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

@@ -0,0 +1,33 @@
+import React from 'react';
+export type AvatarSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+export type AvatarShape = 'circle' | 'square';
+export interface AvatarProps {
+    src?: string;
+    alt?: string;
+    name?: string;
+    size?: AvatarSize;
+    shape?: AvatarShape;
+    className?: string;
+}
+export declare const Avatar: React.ForwardRefExoticComponent<AvatarProps & React.RefAttributes<HTMLDivElement>>;
+export interface AvatarGroupProps {
+    children: React.ReactNode;
+    max?: number;
+    size?: AvatarSize;
+    className?: string;
+}
+export declare function AvatarGroup({ children, max, size, className }: AvatarGroupProps): import("react/jsx-runtime").JSX.Element;
+export type BadgeVariant = 'default' | 'primary' | 'success' | 'warning' | 'error' | 'info' | 'outline';
+export interface BadgeProps extends React.HTMLAttributes<HTMLSpanElement> {
+    variant?: BadgeVariant;
+    dot?: boolean;
+}
+export declare const Badge: React.ForwardRefExoticComponent<BadgeProps & React.RefAttributes<HTMLSpanElement>>;
+export interface ChipProps extends React.HTMLAttributes<HTMLDivElement> {
+    selected?: boolean;
+    onDelete?: () => void;
+    disabled?: boolean;
+    icon?: React.ReactNode;
+}
+export declare const Chip: React.ForwardRefExoticComponent<ChipProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/avatar/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAI1C,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAC1D,MAAM,MAAM,WAAW,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAE9C,MAAM,WAAW,WAAW;IAC1B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAMD,eAAO,MAAM,MAAM,oFASjB,CAAC;AAGH,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,WAAW,CAAC,EAAE,QAAQ,EAAE,GAAG,EAAE,IAAW,EAAE,SAAS,EAAE,EAAE,gBAAgB,2CAetF;AAGD,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,CAAC;AAExG,MAAM,WAAW,UAAW,SAAQ,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;IACvE,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,GAAG,CAAC,EAAE,OAAO,CAAC;CACf;AAED,eAAO,MAAM,KAAK,oFAQhB,CAAC;AAIH,MAAM,WAAW,SAAU,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACrE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACxB;AAED,eAAO,MAAM,IAAI,kFA6Bf,CAAC"}

package/dist/components/avatar/index.js

@@ -0,0 +1,28 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { forwardRef } from 'react';
+import { cn } from '../../utils/cn.js';
+function getInitials(name) {
+    return name.split(' ').slice(0, 2).map((p) => p[0]).join('').toUpperCase();
+}
+export const Avatar = forwardRef(({ src, alt, name, size = 'md', shape = 'circle', className }, ref) => (_jsx("div", { ref: ref, className: cn('tokis-avatar', `tokis-avatar--${size}`, shape === 'square' && 'tokis-avatar--square', className), "aria-label": name ?? alt, role: name ? 'img' : undefined, children: src ? _jsx("img", { src: src, alt: alt ?? name ?? '' }) : name ? getInitials(name) : null })));
+Avatar.displayName = 'Avatar';
+export function AvatarGroup({ children, max, size = 'md', className }) {
+    const items = React.Children.toArray(children);
+    const visible = max ? items.slice(0, max) : items;
+    const overflow = max && items.length > max ? items.length - max : 0;
+    return (_jsxs("div", { className: cn('tokis-avatar-group', className), children: [visible, overflow > 0 && (_jsxs("div", { className: cn('tokis-avatar', `tokis-avatar--${size}`), "aria-label": `${overflow} more`, children: ["+", overflow] }))] }));
+}
+export const Badge = forwardRef(({ variant = 'default', dot = false, className, children, ...props }, ref) => (_jsx("span", { ref: ref, className: cn('tokis-badge', `tokis-badge--${variant}`, dot && 'tokis-badge--dot', className), ...props, children: children })));
+Badge.displayName = 'Badge';
+export const Chip = forwardRef(({ selected = false, onDelete, disabled = false, icon, className, children, onClick, ...props }, ref) => (_jsxs("div", { ref: ref, role: onClick ? 'button' : undefined, tabIndex: onClick && !disabled ? 0 : undefined, "aria-pressed": onClick ? selected : undefined, "aria-disabled": disabled || undefined, className: cn('tokis-chip', onClick && 'tokis-chip--clickable', selected && 'tokis-chip--selected', className), onClick: !disabled ? onClick : undefined, onKeyDown: onClick && !disabled ? (e) => { if (e.key === 'Enter' || e.key === ' ') {
+        e.preventDefault();
+        onClick(e);
+    } } : undefined, ...props, children: [icon && _jsx("span", { "aria-hidden": "true", style: { display: 'inline-flex', alignItems: 'center' }, children: icon }), children, onDelete && (_jsx("span", { role: "button", tabIndex: 0, className: "tokis-chip__delete", "aria-label": "Remove", onClick: (e) => { e.stopPropagation(); if (!disabled)
+                onDelete(); }, onKeyDown: (e) => { if (e.key === 'Enter' || e.key === ' ') {
+                e.preventDefault();
+                e.stopPropagation();
+                if (!disabled)
+                    onDelete();
+            } }, children: _jsx("svg", { width: "10", height: "10", viewBox: "0 0 10 10", fill: "none", "aria-hidden": "true", children: _jsx("path", { d: "M1 1l8 8M9 1L1 9", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" }) }) }))] })));
+Chip.displayName = 'Chip';
+//# sourceMappingURL=index.js.map

package/dist/components/avatar/index.js.map

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

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

@@ -0,0 +1,3 @@
+export { Badge } from '../avatar/index.js';
+export type { BadgeProps, BadgeVariant } from '../avatar/index.js';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/badge/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,YAAY,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC"}

package/dist/components/badge/index.js

@@ -0,0 +1,3 @@
+// Re-export Badge from avatar
+export { Badge } from '../avatar/index.js';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/badge/index.tsx"],"names":[],"mappings":"AAAA,8BAA8B;AAC9B,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC"}

package/dist/components/bottom-nav/index.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+export interface BottomNavItem {
+    value: string;
+    label: string;
+    icon: React.ReactNode;
+    badge?: string | number;
+}
+export interface BottomNavigationProps {
+    items: BottomNavItem[];
+    value: string;
+    onChange: (value: string) => void;
+    className?: string;
+}
+export declare function BottomNavigation({ items, value, onChange, className }: BottomNavigationProps): JSX.Element;
+export declare namespace BottomNavigation {
+    var displayName: string;
+}
+//# sourceMappingURL=index.d.ts.map

package/dist/components/bottom-nav/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/bottom-nav/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CACzB;AAED,MAAM,WAAW,qBAAqB;IACpC,KAAK,EAAE,aAAa,EAAE,CAAC;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,gBAAgB,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,qBAAqB,GAAG,GAAG,CAAC,OAAO,CA2B1G;yBA3Be,gBAAgB"}

package/dist/components/bottom-nav/index.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from '../../utils/cn.js';
+export function BottomNavigation({ items, value, onChange, className }) {
+    return (_jsx("nav", { className: cn('tokis-bottom-nav', className), "aria-label": "Bottom navigation", children: items.map((item) => {
+            const isActive = item.value === value;
+            return (_jsxs("button", { className: cn('tokis-bottom-nav__item', isActive && 'tokis-bottom-nav__item--active'), onClick: () => onChange(item.value), "aria-current": isActive ? 'page' : undefined, "aria-label": item.label, children: [_jsxs("span", { className: "tokis-bottom-nav__icon", children: [item.badge !== undefined && (_jsx("span", { className: "tokis-bottom-nav__badge", "aria-label": `${item.badge} notifications`, children: item.badge })), item.icon] }), _jsx("span", { className: "tokis-bottom-nav__label", children: item.label })] }, item.value));
+        }) }));
+}
+BottomNavigation.displayName = 'BottomNavigation';
+//# sourceMappingURL=index.js.map

package/dist/components/bottom-nav/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/bottom-nav/index.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAC;AAgBvC,MAAM,UAAU,gBAAgB,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAyB;IAC3F,OAAO,CACL,cAAK,SAAS,EAAE,EAAE,CAAC,kBAAkB,EAAE,SAAS,CAAC,gBAAa,mBAAmB,YAC9E,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;YAClB,MAAM,QAAQ,GAAG,IAAI,CAAC,KAAK,KAAK,KAAK,CAAC;YACtC,OAAO,CACL,kBAEE,SAAS,EAAE,EAAE,CAAC,wBAAwB,EAAE,QAAQ,IAAI,gCAAgC,CAAC,EACrF,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,kBACrB,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,gBAC/B,IAAI,CAAC,KAAK,aAEtB,gBAAM,SAAS,EAAC,wBAAwB,aACrC,IAAI,CAAC,KAAK,KAAK,SAAS,IAAI,CAC3B,eAAM,SAAS,EAAC,yBAAyB,gBAAa,GAAG,IAAI,CAAC,KAAK,gBAAgB,YAChF,IAAI,CAAC,KAAK,GACN,CACR,EACA,IAAI,CAAC,IAAI,IACL,EACP,eAAM,SAAS,EAAC,yBAAyB,YAAE,IAAI,CAAC,KAAK,GAAQ,KAdxD,IAAI,CAAC,KAAK,CAeR,CACV,CAAC;QACJ,CAAC,CAAC,GACE,CACP,CAAC;AACJ,CAAC;AAED,gBAAgB,CAAC,WAAW,GAAG,kBAAkB,CAAC"}

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

@@ -0,0 +1,19 @@
+import React from 'react';
+export interface BreadcrumbItem {
+    label: React.ReactNode;
+    href?: string;
+    onClick?: () => void;
+    current?: boolean;
+}
+export interface BreadcrumbsProps extends React.HTMLAttributes<HTMLElement> {
+    items: BreadcrumbItem[];
+    separator?: React.ReactNode;
+    maxItems?: number;
+}
+export declare const Breadcrumbs: React.ForwardRefExoticComponent<BreadcrumbsProps & React.RefAttributes<HTMLElement>>;
+export interface LinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {
+    external?: boolean;
+    underline?: 'always' | 'hover' | 'none';
+}
+export declare const Link: React.ForwardRefExoticComponent<LinkProps & React.RefAttributes<HTMLAnchorElement>>;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/breadcrumbs/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAI1C,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;IACzE,KAAK,EAAE,cAAc,EAAE,CAAC;IACxB,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,eAAO,MAAM,WAAW,sFA6BtB,CAAC;AAMH,MAAM,WAAW,SAAU,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IAC9E,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,MAAM,CAAC;CACzC;AAED,eAAO,MAAM,IAAI,qFAUf,CAAC"}