@tokis/react 1.0.0

package/dist/hooks/useMenu.js

@@ -0,0 +1,62 @@
+import { useState, useCallback, useId } from 'react';
+export function useMenu(itemCount = 0) {
+    const [isOpen, setIsOpen] = useState(false);
+    const [activeIndex, setActiveIndex] = useState(-1);
+    const menuId = useId();
+    const open = useCallback(() => {
+        setIsOpen(true);
+        setActiveIndex(0);
+    }, []);
+    const close = useCallback(() => {
+        setIsOpen(false);
+        setActiveIndex(-1);
+    }, []);
+    const handleKeyDown = 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 = useCallback(() => ({
+        id: menuId,
+        role: 'menu',
+        'aria-orientation': 'vertical',
+        onKeyDown: handleKeyDown,
+    }), [menuId, handleKeyDown]);
+    const getItemProps = 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,
+    };
+}
+//# sourceMappingURL=useMenu.js.map

package/dist/hooks/useMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMenu.js","sourceRoot":"","sources":["../../src/hooks/useMenu.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAU,KAAK,EAAE,MAAM,OAAO,CAAC;AAsB7D,MAAM,UAAU,OAAO,CAAC,SAAS,GAAG,CAAC;IACnC,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC5C,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC;IACnD,MAAM,MAAM,GAAG,KAAK,EAAE,CAAC;IAEvB,MAAM,IAAI,GAAG,WAAW,CAAC,GAAG,EAAE;QAC5B,SAAS,CAAC,IAAI,CAAC,CAAC;QAChB,cAAc,CAAC,CAAC,CAAC,CAAC;IACpB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,KAAK,GAAG,WAAW,CAAC,GAAG,EAAE;QAC7B,SAAS,CAAC,KAAK,CAAC,CAAC;QACjB,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC;IACrB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,aAAa,GAAG,WAAW,CAC/B,CAAC,CAAsB,EAAE,EAAE;QACzB,IAAI,CAAC,MAAM;YAAE,OAAO;QACpB,QAAQ,CAAC,CAAC,GAAG,EAAE,CAAC;YACd,KAAK,WAAW;gBACd,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,cAAc,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,SAAS,CAAC,CAAC;gBAC3C,MAAM;YACR,KAAK,SAAS;gBACZ,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,cAAc,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,SAAS,CAAC,GAAG,SAAS,CAAC,CAAC;gBACvD,MAAM;YACR,KAAK,MAAM;gBACT,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,cAAc,CAAC,CAAC,CAAC,CAAC;gBAClB,MAAM;YACR,KAAK,KAAK;gBACR,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,cAAc,CAAC,SAAS,GAAG,CAAC,CAAC,CAAC;gBAC9B,MAAM;YACR,KAAK,QAAQ;gBACX,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,KAAK,EAAE,CAAC;gBACR,MAAM;QACV,CAAC;IACH,CAAC,EACD,CAAC,MAAM,EAAE,SAAS,EAAE,KAAK,CAAC,CAC3B,CAAC;IAEF,MAAM,YAAY,GAAG,WAAW,CAC9B,GAAG,EAAE,CAAC,CAAC;QACL,EAAE,EAAE,MAAM;QACV,IAAI,EAAE,MAAe;QACrB,kBAAkB,EAAE,UAAmB;QACvC,SAAS,EAAE,aAAa;KACzB,CAAC,EACF,CAAC,MAAM,EAAE,aAAa,CAAC,CACxB,CAAC;IAEF,MAAM,YAAY,GAAG,WAAW,CAC9B,CAAC,KAAa,EAAE,EAAE,CAAC,CAAC;QAClB,IAAI,EAAE,UAAmB;QACzB,QAAQ,EAAE,WAAW,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QACxC,eAAe,EAAE,WAAW,KAAK,KAAK;QACtC,YAAY,EAAE,GAAG,EAAE,CAAC,cAAc,CAAC,KAAK,CAAC;KAC1C,CAAC,EACF,CAAC,WAAW,CAAC,CACd,CAAC;IAEF,OAAO;QACL,MAAM;QACN,IAAI;QACJ,KAAK;QACL,WAAW;QACX,cAAc;QACd,YAAY;QACZ,YAAY;KACb,CAAC;AACJ,CAAC"}

package/dist/hooks/usePopover.d.ts

@@ -0,0 +1,22 @@
+export interface UsePopoverReturn<T extends HTMLElement = HTMLElement> {
+    isOpen: boolean;
+    open: () => void;
+    close: () => void;
+    toggle: () => void;
+    anchorRef: React.RefObject<T>;
+    triggerProps: {
+        onClick: () => void;
+        'aria-haspopup': 'true';
+        'aria-expanded': boolean;
+        'aria-controls': string;
+        ref: React.RefObject<T>;
+    };
+    popoverProps: {
+        id: string;
+        role: 'dialog';
+        'aria-modal': false;
+    };
+    popoverId: string;
+}
+export declare function usePopover<T extends HTMLElement = HTMLElement>(defaultOpen?: boolean): UsePopoverReturn<T>;
+//# sourceMappingURL=usePopover.d.ts.map

package/dist/hooks/usePopover.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePopover.d.ts","sourceRoot":"","sources":["../../src/hooks/usePopover.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,gBAAgB,CAAC,CAAC,SAAS,WAAW,GAAG,WAAW;IACnE,MAAM,EAAE,OAAO,CAAC;IAChB,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC;IAC9B,YAAY,EAAE;QACZ,OAAO,EAAE,MAAM,IAAI,CAAC;QACpB,eAAe,EAAE,MAAM,CAAC;QACxB,eAAe,EAAE,OAAO,CAAC;QACzB,eAAe,EAAE,MAAM,CAAC;QACxB,GAAG,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC;KACzB,CAAC;IACF,YAAY,EAAE;QACZ,EAAE,EAAE,MAAM,CAAC;QACX,IAAI,EAAE,QAAQ,CAAC;QACf,YAAY,EAAE,KAAK,CAAC;KACrB,CAAC;IACF,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,wBAAgB,UAAU,CAAC,CAAC,SAAS,WAAW,GAAG,WAAW,EAC5D,WAAW,UAAQ,GAClB,gBAAgB,CAAC,CAAC,CAAC,CA6BrB"}

package/dist/hooks/usePopover.js

@@ -0,0 +1,30 @@
+import { useState, useCallback, useRef, useId } from 'react';
+export function usePopover(defaultOpen = false) {
+    const [isOpen, setIsOpen] = useState(defaultOpen);
+    const anchorRef = useRef(null);
+    const popoverId = useId();
+    const open = useCallback(() => setIsOpen(true), []);
+    const close = useCallback(() => setIsOpen(false), []);
+    const toggle = 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,
+    };
+}
+//# sourceMappingURL=usePopover.js.map

package/dist/hooks/usePopover.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePopover.js","sourceRoot":"","sources":["../../src/hooks/usePopover.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,OAAO,CAAC;AAuB7D,MAAM,UAAU,UAAU,CACxB,WAAW,GAAG,KAAK;IAEnB,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,WAAW,CAAC,CAAC;IAClD,MAAM,SAAS,GAAG,MAAM,CAAI,IAAI,CAAC,CAAC;IAClC,MAAM,SAAS,GAAG,KAAK,EAAE,CAAC;IAE1B,MAAM,IAAI,GAAG,WAAW,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE,EAAE,CAAC,CAAC;IACpD,MAAM,KAAK,GAAG,WAAW,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,EAAE,EAAE,CAAC,CAAC;IACtD,MAAM,MAAM,GAAG,WAAW,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;IAE3D,OAAO;QACL,MAAM;QACN,IAAI;QACJ,KAAK;QACL,MAAM;QACN,SAAS;QACT,YAAY,EAAE;YACZ,OAAO,EAAE,MAAM;YACf,eAAe,EAAE,MAAM;YACvB,eAAe,EAAE,MAAM;YACvB,eAAe,EAAE,SAAS;YAC1B,GAAG,EAAE,SAAS;SACf;QACD,YAAY,EAAE;YACZ,EAAE,EAAE,SAAS;YACb,IAAI,EAAE,QAAQ;YACd,YAAY,EAAE,KAAK;SACpB;QACD,SAAS;KACV,CAAC;AACJ,CAAC"}

package/dist/hooks/useTabs.d.ts

@@ -0,0 +1,22 @@
+export interface UseTabsReturn {
+    value: string;
+    setValue: (value: string) => void;
+    getTabProps: (tabValue: string) => {
+        role: 'tab';
+        id: string;
+        'aria-selected': boolean;
+        'aria-controls': string;
+        tabIndex: number;
+        onClick: () => void;
+        onKeyDown: (e: React.KeyboardEvent) => void;
+    };
+    getPanelProps: (tabValue: string) => {
+        role: 'tabpanel';
+        id: string;
+        'aria-labelledby': string;
+        hidden: boolean;
+        tabIndex: number;
+    };
+}
+export declare function useTabs(defaultValue: string, values?: string[]): UseTabsReturn;
+//# sourceMappingURL=useTabs.d.ts.map

package/dist/hooks/useTabs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTabs.d.ts","sourceRoot":"","sources":["../../src/hooks/useTabs.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,WAAW,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK;QACjC,IAAI,EAAE,KAAK,CAAC;QACZ,EAAE,EAAE,MAAM,CAAC;QACX,eAAe,EAAE,OAAO,CAAC;QACzB,eAAe,EAAE,MAAM,CAAC;QACxB,QAAQ,EAAE,MAAM,CAAC;QACjB,OAAO,EAAE,MAAM,IAAI,CAAC;QACpB,SAAS,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,aAAa,KAAK,IAAI,CAAC;KAC7C,CAAC;IACF,aAAa,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK;QACnC,IAAI,EAAE,UAAU,CAAC;QACjB,EAAE,EAAE,MAAM,CAAC;QACX,iBAAiB,EAAE,MAAM,CAAC;QAC1B,MAAM,EAAE,OAAO,CAAC;QAChB,QAAQ,EAAE,MAAM,CAAC;KAClB,CAAC;CACH;AAED,wBAAgB,OAAO,CACrB,YAAY,EAAE,MAAM,EACpB,MAAM,CAAC,EAAE,MAAM,EAAE,GAChB,aAAa,CAuDf"}

package/dist/hooks/useTabs.js

@@ -0,0 +1,49 @@
+import { useState, useCallback, useId } from 'react';
+export function useTabs(defaultValue, values) {
+    const [value, setValue] = useState(defaultValue);
+    const baseId = useId();
+    const getTabId = (tabValue) => `${baseId}-tab-${tabValue}`;
+    const getPanelId = (tabValue) => `${baseId}-panel-${tabValue}`;
+    const handleKeyDown = 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 = 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 = useCallback((tabValue) => ({
+        role: 'tabpanel',
+        id: getPanelId(tabValue),
+        'aria-labelledby': getTabId(tabValue),
+        hidden: value !== tabValue,
+        tabIndex: 0,
+    }), [value]);
+    return { value, setValue, getTabProps, getPanelProps };
+}
+//# sourceMappingURL=useTabs.js.map

package/dist/hooks/useTabs.js.map

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

package/dist/index.d.ts

@@ -0,0 +1,65 @@
+export * from './components/button/index.js';
+export * from './components/typography/index.js';
+export * from './components/input/index.js';
+export * from './components/checkbox/index.js';
+export * from './components/radio/index.js';
+export * from './components/switch/index.js';
+export * from './components/select/index.js';
+export * from './components/slider/index.js';
+export * from './components/spinner/index.js';
+export * from './components/layout/index.js';
+export * from './components/card/index.js';
+export * from './components/avatar/index.js';
+export * from './components/badge/index.js';
+export * from './components/chip/index.js';
+export * from './components/tag/index.js';
+export * from './components/divider/index.js';
+export * from './components/list/index.js';
+export * from './components/table/index.js';
+export * from './components/skeleton/index.js';
+export * from './components/link/index.js';
+export * from './components/breadcrumbs/index.js';
+export * from './components/alert/index.js';
+export * from './components/snackbar/index.js';
+export * from './components/progress/index.js';
+export * from './components/portal/index.js';
+export * from './components/dialog/index.js';
+export * from './components/drawer/index.js';
+export * from './components/tooltip/index.js';
+export * from './components/popover/index.js';
+export * from './components/menu/index.js';
+export * from './components/tabs/index.js';
+export * from './components/accordion/index.js';
+export * from './components/extended/index.js';
+export * from './hooks/useControllableState.js';
+export * from './hooks/useId.js';
+export * from './hooks/useDialog.js';
+export * from './hooks/usePopover.js';
+export * from './hooks/useMenu.js';
+export * from './hooks/useTabs.js';
+export * from './context/ThemeContext.js';
+export * from './context/ConfigProvider.js';
+export * from './components/codeblock/index.js';
+export * from './components/pagination/index.js';
+export * from './components/timeline/index.js';
+export * from './components/treeview/index.js';
+export * from './components/statistic/index.js';
+export * from './components/emptystate/index.js';
+export * from './components/result/index.js';
+export * from './components/stepper/index.js';
+export * from './components/bottom-nav/index.js';
+export * from './components/nav-rail/index.js';
+export * from './components/app-bar/index.js';
+export * from './components/circular-progress/index.js';
+export * from './components/confirm-dialog/index.js';
+export * from './components/hover-card/index.js';
+export * from './components/context-menu/index.js';
+export * from './components/dropdown/index.js';
+export * from './components/command-palette/index.js';
+export * from './components/search-field/index.js';
+export * from './components/toggle/index.js';
+export * from './components/charts/index.js';
+export * from './components/virtual-list/index.js';
+export * from './components/infinite-scroll/index.js';
+export { cn } from './utils/cn.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,cAAc,8BAA8B,CAAC;AAG7C,cAAc,kCAAkC,CAAC;AAGjD,cAAc,6BAA6B,CAAC;AAC5C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,+BAA+B,CAAC;AAG9C,cAAc,8BAA8B,CAAC;AAG7C,cAAc,4BAA4B,CAAC;AAG3C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,4BAA4B,CAAC;AAG3C,cAAc,mCAAmC,CAAC;AAGlD,cAAc,6BAA6B,CAAC;AAC5C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,gCAAgC,CAAC;AAG/C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,4BAA4B,CAAC;AAG3C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,iCAAiC,CAAC;AAChD,cAAc,gCAAgC,CAAC;AAG/C,cAAc,iCAAiC,CAAC;AAChD,cAAc,kBAAkB,CAAC;AACjC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AAGnC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,6BAA6B,CAAC;AAG5C,cAAc,iCAAiC,CAAC;AAGhD,cAAc,kCAAkC,CAAC;AACjD,cAAc,gCAAgC,CAAC;AAC/C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,iCAAiC,CAAC;AAChD,cAAc,kCAAkC,CAAC;AACjD,cAAc,8BAA8B,CAAC;AAG7C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,kCAAkC,CAAC;AACjD,cAAc,gCAAgC,CAAC;AAC/C,cAAc,+BAA+B,CAAC;AAG9C,cAAc,yCAAyC,CAAC;AACxD,cAAc,sCAAsC,CAAC;AACrD,cAAc,kCAAkC,CAAC;AACjD,cAAc,oCAAoC,CAAC;AACnD,cAAc,gCAAgC,CAAC;AAC/C,cAAc,uCAAuC,CAAC;AAGtD,cAAc,oCAAoC,CAAC;AACnD,cAAc,8BAA8B,CAAC;AAG7C,cAAc,8BAA8B,CAAC;AAG7C,cAAc,oCAAoC,CAAC;AACnD,cAAc,uCAAuC,CAAC;AAGtD,OAAO,EAAE,EAAE,EAAE,MAAM,eAAe,CAAC"}

package/dist/index.js

@@ -0,0 +1,85 @@
+// ─── Button ──────────────────────────────────────────────
+export * from './components/button/index.js';
+// ─── Typography ───────────────────────────────────────────
+export * from './components/typography/index.js';
+// ─── Input / Form ─────────────────────────────────────────
+export * from './components/input/index.js';
+export * from './components/checkbox/index.js';
+export * from './components/radio/index.js';
+export * from './components/switch/index.js';
+export * from './components/select/index.js';
+export * from './components/slider/index.js';
+export * from './components/spinner/index.js';
+// ─── Layout ───────────────────────────────────────────────
+export * from './components/layout/index.js';
+// ─── Surfaces ─────────────────────────────────────────────
+export * from './components/card/index.js';
+// ─── Data Display ─────────────────────────────────────────
+export * from './components/avatar/index.js';
+export * from './components/badge/index.js';
+export * from './components/chip/index.js';
+export * from './components/tag/index.js';
+export * from './components/divider/index.js';
+export * from './components/list/index.js';
+export * from './components/table/index.js';
+export * from './components/skeleton/index.js';
+export * from './components/link/index.js';
+// ─── Navigation ───────────────────────────────────────────
+export * from './components/breadcrumbs/index.js';
+// ─── Feedback ─────────────────────────────────────────────
+export * from './components/alert/index.js';
+export * from './components/snackbar/index.js';
+export * from './components/progress/index.js';
+// ─── Overlay / Portals ────────────────────────────────────
+export * from './components/portal/index.js';
+export * from './components/dialog/index.js';
+export * from './components/drawer/index.js';
+export * from './components/tooltip/index.js';
+export * from './components/popover/index.js';
+export * from './components/menu/index.js';
+// ─── Complex ──────────────────────────────────────────────
+export * from './components/tabs/index.js';
+export * from './components/accordion/index.js';
+export * from './components/extended/index.js';
+// ─── Hooks ────────────────────────────────────────────────
+export * from './hooks/useControllableState.js';
+export * from './hooks/useId.js';
+export * from './hooks/useDialog.js';
+export * from './hooks/usePopover.js';
+export * from './hooks/useMenu.js';
+export * from './hooks/useTabs.js';
+// ─── Context / Theme ──────────────────────────────────────
+export * from './context/ThemeContext.js';
+export * from './context/ConfigProvider.js';
+// ─── Code Display ─────────────────────────────────────────
+export * from './components/codeblock/index.js';
+// ─── New Data Display ─────────────────────────────────────
+export * from './components/pagination/index.js';
+export * from './components/timeline/index.js';
+export * from './components/treeview/index.js';
+export * from './components/statistic/index.js';
+export * from './components/emptystate/index.js';
+export * from './components/result/index.js';
+// ─── New Navigation ───────────────────────────────────────
+export * from './components/stepper/index.js';
+export * from './components/bottom-nav/index.js';
+export * from './components/nav-rail/index.js';
+export * from './components/app-bar/index.js';
+// ─── New Feedback & Overlays ──────────────────────────────
+export * from './components/circular-progress/index.js';
+export * from './components/confirm-dialog/index.js';
+export * from './components/hover-card/index.js';
+export * from './components/context-menu/index.js';
+export * from './components/dropdown/index.js';
+export * from './components/command-palette/index.js';
+// ─── New Inputs ───────────────────────────────────────────
+export * from './components/search-field/index.js';
+export * from './components/toggle/index.js';
+// ─── Charts ───────────────────────────────────────────────
+export * from './components/charts/index.js';
+// ─── Data ─────────────────────────────────────────────────
+export * from './components/virtual-list/index.js';
+export * from './components/infinite-scroll/index.js';
+// ─── Utilities ────────────────────────────────────────────
+export { cn } from './utils/cn.js';
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,4DAA4D;AAC5D,cAAc,8BAA8B,CAAC;AAE7C,6DAA6D;AAC7D,cAAc,kCAAkC,CAAC;AAEjD,6DAA6D;AAC7D,cAAc,6BAA6B,CAAC;AAC5C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,+BAA+B,CAAC;AAE9C,6DAA6D;AAC7D,cAAc,8BAA8B,CAAC;AAE7C,6DAA6D;AAC7D,cAAc,4BAA4B,CAAC;AAE3C,6DAA6D;AAC7D,cAAc,8BAA8B,CAAC;AAC7C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,4BAA4B,CAAC;AAE3C,6DAA6D;AAC7D,cAAc,mCAAmC,CAAC;AAElD,6DAA6D;AAC7D,cAAc,6BAA6B,CAAC;AAC5C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,gCAAgC,CAAC;AAE/C,6DAA6D;AAC7D,cAAc,8BAA8B,CAAC;AAC7C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,4BAA4B,CAAC;AAE3C,6DAA6D;AAC7D,cAAc,4BAA4B,CAAC;AAC3C,cAAc,iCAAiC,CAAC;AAChD,cAAc,gCAAgC,CAAC;AAE/C,6DAA6D;AAC7D,cAAc,iCAAiC,CAAC;AAChD,cAAc,kBAAkB,CAAC;AACjC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AAEnC,6DAA6D;AAC7D,cAAc,2BAA2B,CAAC;AAC1C,cAAc,6BAA6B,CAAC;AAE5C,6DAA6D;AAC7D,cAAc,iCAAiC,CAAC;AAEhD,6DAA6D;AAC7D,cAAc,kCAAkC,CAAC;AACjD,cAAc,gCAAgC,CAAC;AAC/C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,iCAAiC,CAAC;AAChD,cAAc,kCAAkC,CAAC;AACjD,cAAc,8BAA8B,CAAC;AAE7C,6DAA6D;AAC7D,cAAc,+BAA+B,CAAC;AAC9C,cAAc,kCAAkC,CAAC;AACjD,cAAc,gCAAgC,CAAC;AAC/C,cAAc,+BAA+B,CAAC;AAE9C,6DAA6D;AAC7D,cAAc,yCAAyC,CAAC;AACxD,cAAc,sCAAsC,CAAC;AACrD,cAAc,kCAAkC,CAAC;AACjD,cAAc,oCAAoC,CAAC;AACnD,cAAc,gCAAgC,CAAC;AAC/C,cAAc,uCAAuC,CAAC;AAEtD,6DAA6D;AAC7D,cAAc,oCAAoC,CAAC;AACnD,cAAc,8BAA8B,CAAC;AAE7C,6DAA6D;AAC7D,cAAc,8BAA8B,CAAC;AAE7C,6DAA6D;AAC7D,cAAc,oCAAoC,CAAC;AACnD,cAAc,uCAAuC,CAAC;AAEtD,6DAA6D;AAC7D,OAAO,EAAE,EAAE,EAAE,MAAM,eAAe,CAAC"}

package/dist/utils/cn.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Utility: compose multiple class names, filtering falsy values.
+ * Keeps the bundle size near-zero — no external dependency needed.
+ */
+export declare function cn(...classes: (string | undefined | null | false)[]): string;
+//# sourceMappingURL=cn.d.ts.map

package/dist/utils/cn.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cn.d.ts","sourceRoot":"","sources":["../../src/utils/cn.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,wBAAgB,EAAE,CAAC,GAAG,OAAO,EAAE,CAAC,MAAM,GAAG,SAAS,GAAG,IAAI,GAAG,KAAK,CAAC,EAAE,GAAG,MAAM,CAE5E"}

package/dist/utils/cn.js

@@ -0,0 +1,8 @@
+/**
+ * Utility: compose multiple class names, filtering falsy values.
+ * Keeps the bundle size near-zero — no external dependency needed.
+ */
+export function cn(...classes) {
+    return classes.filter(Boolean).join(' ');
+}
+//# sourceMappingURL=cn.js.map

package/dist/utils/cn.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cn.js","sourceRoot":"","sources":["../../src/utils/cn.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,MAAM,UAAU,EAAE,CAAC,GAAG,OAA8C;IAClE,OAAO,OAAO,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AAC3C,CAAC"}

package/package.json

@@ -0,0 +1,79 @@
+{
+  "name": "@tokis/react",
+  "version": "1.0.0",
+  "description": "React adapter for Tokis — composable, accessible components, hooks, and theming context. Zero runtime CSS.",
+  "type": "module",
+  "main": "./dist/cjs/index.js",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "require": "./dist/cjs/index.js",
+      "import": "./dist/index.js",
+      "types": "./dist/index.d.ts"
+    }
+  },
+  "files": [
+    "dist",
+    "README.md",
+    "LICENSE"
+  ],
+  "sideEffects": false,
+  "scripts": {
+    "build": "tsc && tsc -p tsconfig.cjs.json && node ../../scripts/stamp-cjs.js",
+    "typecheck": "tsc --noEmit",
+    "prepack": "npm run build"
+  },
+  "keywords": [
+    "tokis",
+    "design-system",
+    "react",
+    "react-components",
+    "headless",
+    "accessible",
+    "accessibility",
+    "a11y",
+    "aria",
+    "wcag",
+    "components",
+    "ui",
+    "ui-kit",
+    "component-library",
+    "dark-mode",
+    "theming",
+    "typescript",
+    "zero-runtime",
+    "enterprise",
+    "saas"
+  ],
+  "author": "Tokis Contributors",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/tokis-design/tokis.git",
+    "directory": "packages/react"
+  },
+  "homepage": "https://tokis.dev/docs/introduction",
+  "bugs": {
+    "url": "https://github.com/tokis-design/tokis/issues"
+  },
+  "peerDependencies": {
+    "react": ">=18.0.0",
+    "react-dom": ">=18.0.0",
+    "@tokis/theme": "^1.0.0"
+  },
+  "dependencies": {
+    "@tokis/core": "^1.0.0",
+    "@tokis/tokens": "^1.0.0"
+  },
+  "devDependencies": {
+    "@types/react": "^18.0.0",
+    "@types/react-dom": "^18.0.0",
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0"
+  },
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org/"
+  }
+}