@tokis/react 1.0.0

package/dist/components/tooltip/index.js

@@ -0,0 +1,81 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { useState, useRef, useEffect, useCallback, useId } from 'react';
+import { cn } from '../../utils/cn.js';
+import { Portal } from '../portal/index.js';
+export function Tooltip({ content, children, placement = 'top', delay = 300, disabled = false }) {
+    const [state, setState] = useState({ visible: false, top: 0, left: 0, placement });
+    const triggerRef = useRef(null);
+    const timerRef = useRef();
+    const tooltipId = useId();
+    // When placement prop changes and tooltip is visible, recompute
+    useEffect(() => {
+        if (state.visible && triggerRef.current) {
+            const rect = triggerRef.current.getBoundingClientRect();
+            const { top, left } = computePosition(rect, placement);
+            setState((prev) => ({ ...prev, top, left, placement }));
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [placement]);
+    const show = useCallback(() => {
+        timerRef.current = setTimeout(() => {
+            if (!triggerRef.current)
+                return;
+            const rect = triggerRef.current.getBoundingClientRect();
+            const { top, left } = computePosition(rect, placement);
+            // Single atomic state update — position + visible at once
+            setState({ visible: true, top, left, placement });
+        }, delay);
+    }, [delay, placement]);
+    const hide = useCallback(() => {
+        clearTimeout(timerRef.current);
+        setState((prev) => ({ ...prev, visible: false }));
+    }, []);
+    useEffect(() => () => clearTimeout(timerRef.current), []);
+    const transformMap = {
+        top: 'translateX(-50%) translateY(-100%)',
+        bottom: 'translateX(-50%)',
+        left: 'translateX(-100%) translateY(-50%)',
+        right: 'translateY(-50%)',
+    };
+    return (_jsxs(_Fragment, { children: [React.cloneElement(children, {
+                ref: triggerRef,
+                'aria-describedby': state.visible ? tooltipId : undefined,
+                onMouseEnter: (...args) => {
+                    if (!disabled)
+                        show();
+                    children.props.onMouseEnter?.(...args);
+                },
+                onMouseLeave: (...args) => {
+                    hide();
+                    children.props.onMouseLeave?.(...args);
+                },
+                onFocus: (...args) => {
+                    if (!disabled)
+                        show();
+                    children.props.onFocus?.(...args);
+                },
+                onBlur: (...args) => {
+                    hide();
+                    children.props.onBlur?.(...args);
+                },
+            }), state.visible && !disabled && (_jsx(Portal, { children: _jsx("div", { id: tooltipId, role: "tooltip", className: cn('tokis-tooltip-content', `tokis-tooltip-content--${state.placement}`), style: {
+                        position: 'fixed',
+                        top: state.top,
+                        left: state.left,
+                        transform: transformMap[state.placement],
+                    }, children: content }) }))] }));
+}
+function computePosition(rect, placement) {
+    const gap = 8;
+    switch (placement) {
+        case 'top':
+            return { top: rect.top - gap, left: rect.left + rect.width / 2 };
+        case 'bottom':
+            return { top: rect.bottom + gap, left: rect.left + rect.width / 2 };
+        case 'left':
+            return { top: rect.top + rect.height / 2, left: rect.left - gap };
+        case 'right':
+            return { top: rect.top + rect.height / 2, left: rect.right + gap };
+    }
+}
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/tooltip/index.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,OAAO,CAAC;AAC/E,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAC;AACvC,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAmB5C,MAAM,UAAU,OAAO,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,SAAS,GAAG,KAAK,EAAE,KAAK,GAAG,GAAG,EAAE,QAAQ,GAAG,KAAK,EAAgB;IAC3G,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAe,EAAE,OAAO,EAAE,KAAK,EAAE,GAAG,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,SAAS,EAAE,CAAC,CAAC;IACjG,MAAM,UAAU,GAAG,MAAM,CAAc,IAAI,CAAC,CAAC;IAC7C,MAAM,QAAQ,GAAG,MAAM,EAAiC,CAAC;IACzD,MAAM,SAAS,GAAG,KAAK,EAAE,CAAC;IAE1B,gEAAgE;IAChE,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,KAAK,CAAC,OAAO,IAAI,UAAU,CAAC,OAAO,EAAE,CAAC;YACxC,MAAM,IAAI,GAAG,UAAU,CAAC,OAAO,CAAC,qBAAqB,EAAE,CAAC;YACxD,MAAM,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG,eAAe,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC;YACvD,QAAQ,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,EAAE,GAAG,IAAI,EAAE,GAAG,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC,CAAC,CAAC;QAC1D,CAAC;QACH,uDAAuD;IACvD,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,MAAM,IAAI,GAAG,WAAW,CAAC,GAAG,EAAE;QAC5B,QAAQ,CAAC,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE;YACjC,IAAI,CAAC,UAAU,CAAC,OAAO;gBAAE,OAAO;YAChC,MAAM,IAAI,GAAG,UAAU,CAAC,OAAO,CAAC,qBAAqB,EAAE,CAAC;YACxD,MAAM,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG,eAAe,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC;YACvD,0DAA0D;YAC1D,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC,CAAC;QACpD,CAAC,EAAE,KAAK,CAAC,CAAC;IACZ,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC;IAEvB,MAAM,IAAI,GAAG,WAAW,CAAC,GAAG,EAAE;QAC5B,YAAY,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;QAC/B,QAAQ,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,EAAE,GAAG,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC;IACpD,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,SAAS,CAAC,GAAG,EAAE,CAAC,GAAG,EAAE,CAAC,YAAY,CAAC,QAAQ,CAAC,OAAO,CAAC,EAAE,EAAE,CAAC,CAAC;IAE1D,MAAM,YAAY,GAAqC;QACrD,GAAG,EAAK,oCAAoC;QAC5C,MAAM,EAAE,kBAAkB;QAC1B,IAAI,EAAI,oCAAoC;QAC5C,KAAK,EAAG,kBAAkB;KAC3B,CAAC;IAEF,OAAO,CACL,8BACG,KAAK,CAAC,YAAY,CAAC,QAAQ,EAAE;gBAC5B,GAAG,EAAE,UAAU;gBACf,kBAAkB,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS;gBACzD,YAAY,EAAE,CAAC,GAAG,IAAe,EAAE,EAAE;oBACnC,IAAI,CAAC,QAAQ;wBAAE,IAAI,EAAE,CAAC;oBACrB,QAAQ,CAAC,KAA2C,CAAC,YAAY,EAAE,CAAC,GAAI,IAAwC,CAAC,CAAC;gBACrH,CAAC;gBACD,YAAY,EAAE,CAAC,GAAG,IAAe,EAAE,EAAE;oBACnC,IAAI,EAAE,CAAC;oBACN,QAAQ,CAAC,KAA2C,CAAC,YAAY,EAAE,CAAC,GAAI,IAAwC,CAAC,CAAC;gBACrH,CAAC;gBACD,OAAO,EAAE,CAAC,GAAG,IAAe,EAAE,EAAE;oBAC9B,IAAI,CAAC,QAAQ;wBAAE,IAAI,EAAE,CAAC;oBACrB,QAAQ,CAAC,KAA2C,CAAC,OAAO,EAAE,CAAC,GAAI,IAAwC,CAAC,CAAC;gBAChH,CAAC;gBACD,MAAM,EAAE,CAAC,GAAG,IAAe,EAAE,EAAE;oBAC7B,IAAI,EAAE,CAAC;oBACN,QAAQ,CAAC,KAA2C,CAAC,MAAM,EAAE,CAAC,GAAI,IAAwC,CAAC,CAAC;gBAC/G,CAAC;aACF,CAAC,EACD,KAAK,CAAC,OAAO,IAAI,CAAC,QAAQ,IAAI,CAC7B,KAAC,MAAM,cACL,cACE,EAAE,EAAE,SAAS,EACb,IAAI,EAAC,SAAS,EACd,SAAS,EAAE,EAAE,CAAC,uBAAuB,EAAE,0BAA0B,KAAK,CAAC,SAAS,EAAE,CAAC,EACnF,KAAK,EAAE;wBACL,QAAQ,EAAE,OAAO;wBACjB,GAAG,EAAE,KAAK,CAAC,GAAG;wBACd,IAAI,EAAE,KAAK,CAAC,IAAI;wBAChB,SAAS,EAAE,YAAY,CAAC,KAAK,CAAC,SAAS,CAAC;qBACzC,YAEA,OAAO,GACJ,GACC,CACV,IACA,CACJ,CAAC;AACJ,CAAC;AAED,SAAS,eAAe,CAAC,IAAa,EAAE,SAA2B;IACjE,MAAM,GAAG,GAAG,CAAC,CAAC;IACd,QAAQ,SAAS,EAAE,CAAC;QAClB,KAAK,KAAK;YACR,OAAO,EAAE,GAAG,EAAE,IAAI,CAAC,GAAG,GAAG,GAAG,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,KAAK,GAAG,CAAC,EAAE,CAAC;QACnE,KAAK,QAAQ;YACX,OAAO,EAAE,GAAG,EAAE,IAAI,CAAC,MAAM,GAAG,GAAG,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,KAAK,GAAG,CAAC,EAAE,CAAC;QACtE,KAAK,MAAM;YACT,OAAO,EAAE,GAAG,EAAE,IAAI,CAAC,GAAG,GAAG,IAAI,CAAC,MAAM,GAAG,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,GAAG,GAAG,EAAE,CAAC;QACpE,KAAK,OAAO;YACV,OAAO,EAAE,GAAG,EAAE,IAAI,CAAC,GAAG,GAAG,IAAI,CAAC,MAAM,GAAG,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,KAAK,GAAG,GAAG,EAAE,CAAC;IACvE,CAAC;AACH,CAAC"}

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

@@ -0,0 +1,19 @@
+import React from 'react';
+export interface TreeNode {
+    id: string;
+    label: string;
+    children?: TreeNode[];
+    icon?: React.ReactNode;
+    disabled?: boolean;
+}
+export interface TreeViewProps {
+    data: TreeNode[];
+    selected?: string[];
+    onSelect?: (id: string) => void;
+    expanded?: string[];
+    onExpand?: (id: string) => void;
+    multiSelect?: boolean;
+    className?: string;
+}
+export declare function TreeView({ data, selected, onSelect, expanded, onExpand, multiSelect, className, }: TreeViewProps): JSX.Element;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/treeview/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAGnD,MAAM,WAAW,QAAQ;IACvB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,QAAQ,EAAE,CAAC;IACtB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,QAAQ,EAAE,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;IACpB,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;IACpB,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AA0ID,wBAAgB,QAAQ,CAAC,EACvB,IAAI,EACJ,QAAa,EACb,QAAQ,EACR,QAAa,EACb,QAAQ,EACR,WAAmB,EACnB,SAAS,GACV,EAAE,aAAa,GAAG,GAAG,CAAC,OAAO,CAkD7B"}

package/dist/components/treeview/index.js

@@ -0,0 +1,87 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useRef } from 'react';
+import { cn } from '../../utils/cn.js';
+function flattenVisible(nodes, expanded) {
+    const result = [];
+    function walk(items) {
+        for (const node of items) {
+            result.push(node);
+            if (node.children && expanded.includes(node.id)) {
+                walk(node.children);
+            }
+        }
+    }
+    walk(nodes);
+    return result;
+}
+function TreeItem({ node, level, selected, expanded, onSelect, onExpand, multiSelect, allNodes, onKeyNav, }) {
+    const hasChildren = Boolean(node.children && node.children.length > 0);
+    const isExpanded = expanded.includes(node.id);
+    const isSelected = selected.includes(node.id);
+    const handleKeyDown = (e) => {
+        switch (e.key) {
+            case 'ArrowRight':
+                e.preventDefault();
+                if (hasChildren && !isExpanded)
+                    onExpand(node.id);
+                else if (hasChildren && isExpanded)
+                    onKeyNav(node.id, 'down');
+                break;
+            case 'ArrowLeft':
+                e.preventDefault();
+                if (hasChildren && isExpanded)
+                    onExpand(node.id);
+                else
+                    onKeyNav(node.id, 'up');
+                break;
+            case 'ArrowDown':
+                e.preventDefault();
+                onKeyNav(node.id, 'down');
+                break;
+            case 'ArrowUp':
+                e.preventDefault();
+                onKeyNav(node.id, 'up');
+                break;
+            case 'Enter':
+            case ' ':
+                e.preventDefault();
+                if (!node.disabled)
+                    onSelect(node.id);
+                break;
+        }
+    };
+    return (_jsxs("li", { role: "none", children: [_jsxs("div", { role: "treeitem", "aria-expanded": hasChildren ? isExpanded : undefined, "aria-selected": isSelected, "aria-disabled": node.disabled, "aria-level": level, tabIndex: node.disabled ? -1 : 0, className: cn('tokis-treeview__item', isSelected && 'tokis-treeview__item--selected', node.disabled && 'tokis-treeview__item--disabled'), style: { paddingLeft: `calc(${(level - 1) * 20}px + var(--tokis-spacing-2))` }, onClick: () => {
+                    if (node.disabled)
+                        return;
+                    if (hasChildren)
+                        onExpand(node.id);
+                    onSelect(node.id);
+                }, onKeyDown: handleKeyDown, "data-id": node.id, children: [hasChildren ? (_jsx("span", { className: cn('tokis-treeview__chevron', isExpanded && 'tokis-treeview__chevron--open'), "aria-hidden": "true", children: _jsx("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", children: _jsx("path", { d: "M4 3l4 3-4 3", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) }) })) : (_jsx("span", { className: "tokis-treeview__leaf-spacer", "aria-hidden": "true" })), node.icon && (_jsx("span", { className: "tokis-treeview__icon", "aria-hidden": "true", children: node.icon })), _jsx("span", { className: "tokis-treeview__label", children: node.label })] }), hasChildren && isExpanded && (_jsx("ul", { role: "group", className: "tokis-treeview__group", "aria-label": node.label, children: node.children.map((child) => (_jsx(TreeItem, { node: child, level: level + 1, selected: selected, expanded: expanded, onSelect: onSelect, onExpand: onExpand, multiSelect: multiSelect, allNodes: allNodes, onKeyNav: onKeyNav }, child.id))) }))] }));
+}
+export function TreeView({ data, selected = [], onSelect, expanded = [], onExpand, multiSelect = false, className, }) {
+    const treeRef = useRef(null);
+    const handleSelect = useCallback((id) => {
+        onSelect?.(id);
+    }, [onSelect]);
+    const handleExpand = useCallback((id) => {
+        onExpand?.(id);
+    }, [onExpand]);
+    const handleKeyNav = useCallback((currentId, direction) => {
+        const visible = flattenVisible(data, expanded);
+        const currentIndex = visible.findIndex((n) => n.id === currentId);
+        if (currentIndex === -1)
+            return;
+        let targetIndex;
+        if (direction === 'down')
+            targetIndex = Math.min(currentIndex + 1, visible.length - 1);
+        if (direction === 'up')
+            targetIndex = Math.max(currentIndex - 1, 0);
+        if (targetIndex !== undefined && targetIndex !== currentIndex) {
+            const targetId = visible[targetIndex].id;
+            const el = treeRef.current?.querySelector(`[data-id="${targetId}"]`);
+            el?.focus();
+        }
+    }, [data, expanded]);
+    return (_jsx("ul", { ref: treeRef, role: "tree", "aria-multiselectable": multiSelect, className: cn('tokis-treeview', className), children: data.map((node) => (_jsx(TreeItem, { node: node, level: 1, selected: selected, expanded: expanded, onSelect: handleSelect, onExpand: handleExpand, multiSelect: multiSelect, allNodes: data, onKeyNav: handleKeyNav }, node.id))) }));
+}
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,11 @@
+import React from 'react';
+export interface TypographyProps extends React.HTMLAttributes<HTMLElement> {
+    as?: React.ElementType;
+    variant?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'body1' | 'body2' | 'caption' | 'label' | 'code' | 'overline';
+    color?: 'primary' | 'secondary' | 'tertiary' | 'error' | 'success' | 'warning' | 'inherit';
+    truncate?: boolean;
+    weight?: 'regular' | 'medium' | 'semibold' | 'bold';
+    align?: 'left' | 'center' | 'right';
+}
+export declare const Typography: React.ForwardRefExoticComponent<TypographyProps & React.RefAttributes<HTMLElement>>;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/typography/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAG1C,MAAM,WAAW,eAAgB,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;IACxE,EAAE,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;IACvB,OAAO,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,OAAO,GAAG,OAAO,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,GAAG,UAAU,CAAC;IAClH,KAAK,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,UAAU,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,CAAC;IAC3F,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,UAAU,GAAG,MAAM,CAAC;IACpD,KAAK,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;CACrC;AAaD,eAAO,MAAM,UAAU,qFA4BrB,CAAC"}

package/dist/components/typography/index.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+import { cn } from '../../utils/cn.js';
+const variantElementMap = {
+    h1: 'h1', h2: 'h2', h3: 'h3', h4: 'h4', h5: 'h5', h6: 'h6',
+    body1: 'p', body2: 'p', caption: 'span', label: 'label', code: 'code', overline: 'span',
+};
+const variantClassMap = {
+    h1: 'tokis-h1', h2: 'tokis-h2', h3: 'tokis-h3', h4: 'tokis-h4', h5: 'tokis-h5', h6: 'tokis-h6',
+    body1: 'tokis-text', body2: 'tokis-text', caption: 'tokis-text', label: 'tokis-text',
+    code: 'tokis-code', overline: 'tokis-text',
+};
+export const Typography = forwardRef(({ as, variant = 'body1', color, truncate, weight, align, className, children, ...props }, ref) => {
+    const Component = as ?? variantElementMap[variant] ?? 'p';
+    return (_jsx(Component, { ref: ref, className: cn(variantClassMap[variant], color && color !== 'inherit' && `tokis-text--${color}`, truncate && 'tokis-text--truncate', weight && `tokis-text--weight-${weight}`, align && `tokis-text--align-${align}`, className), ...props, children: children }));
+});
+Typography.displayName = 'Typography';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/typography/index.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAC;AAWvC,MAAM,iBAAiB,GAAsC;IAC3D,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI;IAC1D,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,EAAE,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM;CACxF,CAAC;AAEF,MAAM,eAAe,GAA2B;IAC9C,EAAE,EAAE,UAAU,EAAE,EAAE,EAAE,UAAU,EAAE,EAAE,EAAE,UAAU,EAAE,EAAE,EAAE,UAAU,EAAE,EAAE,EAAE,UAAU,EAAE,EAAE,EAAE,UAAU;IAC9F,KAAK,EAAE,YAAY,EAAE,KAAK,EAAE,YAAY,EAAE,OAAO,EAAE,YAAY,EAAE,KAAK,EAAE,YAAY;IACpF,IAAI,EAAE,YAAY,EAAE,QAAQ,EAAE,YAAY;CAC3C,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAG,UAAU,CAA+B,CAAC,EAClE,EAAE,EACF,OAAO,GAAG,OAAO,EACjB,KAAK,EACL,QAAQ,EACR,MAAM,EACN,KAAK,EACL,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,GAAG,EAAE,EAAE;IACR,MAAM,SAAS,GAAG,EAAE,IAAI,iBAAiB,CAAC,OAAO,CAAC,IAAI,GAAG,CAAC;IAC1D,OAAO,CACL,KAAC,SAAS,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,eAAe,CAAC,OAAO,CAAC,EACxB,KAAK,IAAI,KAAK,KAAK,SAAS,IAAI,eAAe,KAAK,EAAE,EACtD,QAAQ,IAAI,sBAAsB,EAClC,MAAM,IAAI,sBAAsB,MAAM,EAAE,EACxC,KAAK,IAAI,qBAAqB,KAAK,EAAE,EACrC,SAAS,CACV,KACG,KAAK,YAER,QAAQ,GACC,CACb,CAAC;AACJ,CAAC,CAAC,CAAC;AACH,UAAU,CAAC,WAAW,GAAG,YAAY,CAAC"}

package/dist/components/virtual-list/index.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+export interface VirtualizedListProps<T> {
+    items: T[];
+    itemHeight: number;
+    height: number;
+    renderItem: (item: T, index: number) => React.ReactNode;
+    overscan?: number;
+    className?: string;
+    getItemKey?: (item: T, index: number) => string | number;
+}
+export declare function VirtualizedList<T>({ items, itemHeight, height, renderItem, overscan, className, getItemKey, }: VirtualizedListProps<T>): JSX.Element;
+export declare namespace VirtualizedList {
+    var displayName: string;
+}
+//# sourceMappingURL=index.d.ts.map

package/dist/components/virtual-list/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/virtual-list/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAGxE,MAAM,WAAW,oBAAoB,CAAC,CAAC;IACrC,KAAK,EAAE,CAAC,EAAE,CAAC;IACX,UAAU,EAAE,MAAM,CAAC;IACnB,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAC;IACxD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM,GAAG,MAAM,CAAC;CAC1D;AAED,wBAAgB,eAAe,CAAC,CAAC,EAAE,EACjC,KAAK,EACL,UAAU,EACV,MAAM,EACN,UAAU,EACV,QAAY,EACZ,SAAS,EACT,UAAU,GACX,EAAE,oBAAoB,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,OAAO,CAsCvC;yBA9Ce,eAAe"}

package/dist/components/virtual-list/index.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useState, useRef, useCallback } from 'react';
+import { cn } from '../../utils/cn.js';
+export function VirtualizedList({ items, itemHeight, height, renderItem, overscan = 3, className, getItemKey, }) {
+    const [scrollTop, setScrollTop] = useState(0);
+    const containerRef = useRef(null);
+    const totalHeight = items.length * itemHeight;
+    const visibleCount = Math.ceil(height / itemHeight);
+    const startIndex = Math.max(0, Math.floor(scrollTop / itemHeight) - overscan);
+    const endIndex = Math.min(items.length - 1, startIndex + visibleCount + overscan * 2);
+    const paddingTop = startIndex * itemHeight;
+    const handleScroll = useCallback(() => {
+        if (containerRef.current)
+            setScrollTop(containerRef.current.scrollTop);
+    }, []);
+    return (_jsx("div", { ref: containerRef, className: cn('tokis-virtual-list', className), style: { height, overflow: 'auto' }, onScroll: handleScroll, children: _jsx("div", { style: { height: totalHeight, position: 'relative' }, children: _jsx("div", { style: { position: 'absolute', top: paddingTop, left: 0, right: 0 }, children: items.slice(startIndex, endIndex + 1).map((item, offset) => {
+                    const index = startIndex + offset;
+                    const key = getItemKey ? getItemKey(item, index) : index;
+                    return (_jsx("div", { style: { height: itemHeight }, children: renderItem(item, index) }, key));
+                }) }) }) }));
+}
+VirtualizedList.displayName = 'VirtualizedList';
+//# sourceMappingURL=index.js.map

package/dist/components/virtual-list/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/virtual-list/index.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,QAAQ,EAAE,MAAM,EAAE,WAAW,EAAa,MAAM,OAAO,CAAC;AACxE,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAC;AAYvC,MAAM,UAAU,eAAe,CAAI,EACjC,KAAK,EACL,UAAU,EACV,MAAM,EACN,UAAU,EACV,QAAQ,GAAG,CAAC,EACZ,SAAS,EACT,UAAU,GACc;IACxB,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;IAC9C,MAAM,YAAY,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAElD,MAAM,WAAW,GAAG,KAAK,CAAC,MAAM,GAAG,UAAU,CAAC;IAC9C,MAAM,YAAY,GAAG,IAAI,CAAC,IAAI,CAAC,MAAM,GAAG,UAAU,CAAC,CAAC;IAEpD,MAAM,UAAU,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,GAAG,UAAU,CAAC,GAAG,QAAQ,CAAC,CAAC;IAC9E,MAAM,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE,UAAU,GAAG,YAAY,GAAG,QAAQ,GAAG,CAAC,CAAC,CAAC;IAEtF,MAAM,UAAU,GAAG,UAAU,GAAG,UAAU,CAAC;IAE3C,MAAM,YAAY,GAAG,WAAW,CAAC,GAAG,EAAE;QACpC,IAAI,YAAY,CAAC,OAAO;YAAE,YAAY,CAAC,YAAY,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC;IACzE,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,cACE,GAAG,EAAE,YAAY,EACjB,SAAS,EAAE,EAAE,CAAC,oBAAoB,EAAE,SAAS,CAAC,EAC9C,KAAK,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,EACnC,QAAQ,EAAE,YAAY,YAEtB,cAAK,KAAK,EAAE,EAAE,MAAM,EAAE,WAAW,EAAE,QAAQ,EAAE,UAAU,EAAE,YACvD,cAAK,KAAK,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,GAAG,EAAE,UAAU,EAAE,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,YACrE,KAAK,CAAC,KAAK,CAAC,UAAU,EAAE,QAAQ,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,MAAM,EAAE,EAAE;oBAC1D,MAAM,KAAK,GAAG,UAAU,GAAG,MAAM,CAAC;oBAClC,MAAM,GAAG,GAAG,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC;oBACzD,OAAO,CACL,cAAe,KAAK,EAAE,EAAE,MAAM,EAAE,UAAU,EAAE,YACzC,UAAU,CAAC,IAAI,EAAE,KAAK,CAAC,IADhB,GAAG,CAEP,CACP,CAAC;gBACJ,CAAC,CAAC,GACE,GACF,GACF,CACP,CAAC;AACJ,CAAC;AAED,eAAe,CAAC,WAAW,GAAG,iBAAiB,CAAC"}

package/dist/context/ConfigProvider.d.ts

@@ -0,0 +1,12 @@
+import React, { ReactNode } from 'react';
+import { lightTheme } from '@tokis/tokens';
+export type Config = {
+    tokens: typeof lightTheme;
+};
+export interface ConfigProviderProps {
+    children: ReactNode;
+    config?: Partial<Config>;
+}
+export declare const ConfigProvider: React.FC<ConfigProviderProps>;
+export declare function useConfig(): Config;
+//# sourceMappingURL=ConfigProvider.d.ts.map

package/dist/context/ConfigProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConfigProvider.d.ts","sourceRoot":"","sources":["../../src/context/ConfigProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAA6B,SAAS,EAAE,MAAM,OAAO,CAAC;AACpE,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAE3C,MAAM,MAAM,MAAM,GAAG;IACnB,MAAM,EAAE,OAAO,UAAU,CAAC;CAC3B,CAAC;AAEF,MAAM,WAAW,mBAAmB;IAClC,QAAQ,EAAE,SAAS,CAAC;IACpB,MAAM,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,CAAC;CAC1B;AAQD,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAMxD,CAAC;AAEF,wBAAgB,SAAS,IAAI,MAAM,CAElC"}

package/dist/context/ConfigProvider.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createContext, useContext } from 'react';
+import { lightTheme } from '@tokis/tokens';
+const defaultConfig = {
+    tokens: lightTheme,
+};
+const ConfigContext = createContext(defaultConfig);
+export const ConfigProvider = ({ children, config }) => {
+    const resolved = {
+        ...defaultConfig,
+        ...config,
+    };
+    return _jsx(ConfigContext.Provider, { value: resolved, children: children });
+};
+export function useConfig() {
+    return useContext(ConfigContext);
+}
+//# sourceMappingURL=ConfigProvider.js.map

package/dist/context/ConfigProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConfigProvider.js","sourceRoot":"","sources":["../../src/context/ConfigProvider.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,aAAa,EAAE,UAAU,EAAa,MAAM,OAAO,CAAC;AACpE,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAW3C,MAAM,aAAa,GAAW;IAC5B,MAAM,EAAE,UAAU;CACnB,CAAC;AAEF,MAAM,aAAa,GAAG,aAAa,CAAS,aAAa,CAAC,CAAC;AAE3D,MAAM,CAAC,MAAM,cAAc,GAAkC,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,EAAE;IACpF,MAAM,QAAQ,GAAW;QACvB,GAAG,aAAa;QAChB,GAAG,MAAM;KACV,CAAC;IACF,OAAO,KAAC,aAAa,CAAC,QAAQ,IAAC,KAAK,EAAE,QAAQ,YAAG,QAAQ,GAA0B,CAAC;AACtF,CAAC,CAAC;AAEF,MAAM,UAAU,SAAS;IACvB,OAAO,UAAU,CAAC,aAAa,CAAC,CAAC;AACnC,CAAC"}

package/dist/context/ThemeContext.d.ts

@@ -0,0 +1,15 @@
+import React, { ReactNode } from 'react';
+export type ThemeMode = 'light' | 'dark';
+interface ThemeContextValue {
+    mode: ThemeMode;
+    toggle: () => void;
+    setMode: (mode: ThemeMode) => void;
+}
+export interface ThemeProviderProps {
+    children: ReactNode;
+    initialMode?: ThemeMode;
+}
+export declare const ThemeProvider: React.FC<ThemeProviderProps>;
+export declare function useTheme(): ThemeContextValue;
+export {};
+//# sourceMappingURL=ThemeContext.d.ts.map

package/dist/context/ThemeContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeContext.d.ts","sourceRoot":"","sources":["../../src/context/ThemeContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAkD,SAAS,EAAE,MAAM,OAAO,CAAC;AAEzF,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,MAAM,CAAC;AAEzC,UAAU,iBAAiB;IACzB,IAAI,EAAE,SAAS,CAAC;IAChB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,OAAO,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,IAAI,CAAC;CACpC;AAID,MAAM,WAAW,kBAAkB;IACjC,QAAQ,EAAE,SAAS,CAAC;IACpB,WAAW,CAAC,EAAE,SAAS,CAAC;CACzB;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAiBtD,CAAC;AAEF,wBAAgB,QAAQ,IAAI,iBAAiB,CAI5C"}

package/dist/context/ThemeContext.js

@@ -0,0 +1,21 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createContext, useContext, useState, useEffect } from 'react';
+const ThemeContext = createContext(undefined);
+export const ThemeProvider = ({ children, initialMode = 'light' }) => {
+    const [mode, setMode] = useState(initialMode);
+    useEffect(() => {
+        document.documentElement.setAttribute('data-theme', mode);
+        return () => {
+            document.documentElement.removeAttribute('data-theme');
+        };
+    }, [mode]);
+    const toggle = () => setMode((prev) => (prev === 'light' ? 'dark' : 'light'));
+    return (_jsx(ThemeContext.Provider, { value: { mode, toggle, setMode }, children: children }));
+};
+export function useTheme() {
+    const ctx = useContext(ThemeContext);
+    if (!ctx)
+        throw new Error('useTheme must be used within ThemeProvider');
+    return ctx;
+}
+//# sourceMappingURL=ThemeContext.js.map

package/dist/context/ThemeContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeContext.js","sourceRoot":"","sources":["../../src/context/ThemeContext.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,aAAa,EAAE,UAAU,EAAE,QAAQ,EAAE,SAAS,EAAa,MAAM,OAAO,CAAC;AAUzF,MAAM,YAAY,GAAG,aAAa,CAAgC,SAAS,CAAC,CAAC;AAO7E,MAAM,CAAC,MAAM,aAAa,GAAiC,CAAC,EAAE,QAAQ,EAAE,WAAW,GAAG,OAAO,EAAE,EAAE,EAAE;IACjG,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAY,WAAW,CAAC,CAAC;IAEzD,SAAS,CAAC,GAAG,EAAE;QACb,QAAQ,CAAC,eAAe,CAAC,YAAY,CAAC,YAAY,EAAE,IAAI,CAAC,CAAC;QAC1D,OAAO,GAAG,EAAE;YACV,QAAQ,CAAC,eAAe,CAAC,eAAe,CAAC,YAAY,CAAC,CAAC;QACzD,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAEX,MAAM,MAAM,GAAG,GAAG,EAAE,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC;IAE9E,OAAO,CACL,KAAC,YAAY,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,YACpD,QAAQ,GACa,CACzB,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,UAAU,QAAQ;IACtB,MAAM,GAAG,GAAG,UAAU,CAAC,YAAY,CAAC,CAAC;IACrC,IAAI,CAAC,GAAG;QAAE,MAAM,IAAI,KAAK,CAAC,4CAA4C,CAAC,CAAC;IACxE,OAAO,GAAG,CAAC;AACb,CAAC"}

package/dist/hooks/useControllableState.d.ts

@@ -0,0 +1,10 @@
+/**
+ * A React hook for managing controllable state — supporting both
+ * controlled (externally managed) and uncontrolled (internally managed) modes.
+ *
+ * @param controlled - The externally controlled value (undefined = uncontrolled)
+ * @param defaultValue - The initial value for uncontrolled mode
+ * @param onChange - Optional callback invoked when internal state changes
+ */
+export declare function useControllableState<T>(controlled: T | undefined, defaultValue: T, onChange?: (value: T) => void): [T, (value: T | ((prev: T) => T)) => void];
+//# sourceMappingURL=useControllableState.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useControllableState.d.ts","sourceRoot":"","sources":["../../src/hooks/useControllableState.ts"],"names":[],"mappings":"AAGA;;;;;;;GAOG;AACH,wBAAgB,oBAAoB,CAAC,CAAC,EACpC,UAAU,EAAE,CAAC,GAAG,SAAS,EACzB,YAAY,EAAE,CAAC,EACf,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,GAC5B,CAAC,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,KAAK,CAAC,CAAC,KAAK,IAAI,CAAC,CAyB5C"}

package/dist/hooks/useControllableState.js

@@ -0,0 +1,29 @@
+import { useState, useCallback, useRef } from 'react';
+import { isControlled } from '@tokis/core';
+/**
+ * A React hook for managing controllable state — supporting both
+ * controlled (externally managed) and uncontrolled (internally managed) modes.
+ *
+ * @param controlled - The externally controlled value (undefined = uncontrolled)
+ * @param defaultValue - The initial value for uncontrolled mode
+ * @param onChange - Optional callback invoked when internal state changes
+ */
+export function useControllableState(controlled, defaultValue, onChange) {
+    const [internalState, setInternalState] = useState(defaultValue);
+    const controlled_ = isControlled(controlled);
+    const value = controlled_ ? controlled : internalState;
+    // Keep a stable ref to onChange to avoid stale closures
+    const onChangeRef = useRef(onChange);
+    onChangeRef.current = onChange;
+    const setValue = useCallback((next) => {
+        const nextValue = typeof next === 'function'
+            ? next(value)
+            : next;
+        if (!controlled_) {
+            setInternalState(nextValue);
+        }
+        onChangeRef.current?.(nextValue);
+    }, [controlled_, value]);
+    return [value, setValue];
+}
+//# sourceMappingURL=useControllableState.js.map

package/dist/hooks/useControllableState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useControllableState.js","sourceRoot":"","sources":["../../src/hooks/useControllableState.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACtD,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAE3C;;;;;;;GAOG;AACH,MAAM,UAAU,oBAAoB,CAClC,UAAyB,EACzB,YAAe,EACf,QAA6B;IAE7B,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAI,YAAY,CAAC,CAAC;IACpE,MAAM,WAAW,GAAG,YAAY,CAAC,UAAU,CAAC,CAAC;IAE7C,MAAM,KAAK,GAAG,WAAW,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,aAAa,CAAC;IAEvD,wDAAwD;IACxD,MAAM,WAAW,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAC;IACrC,WAAW,CAAC,OAAO,GAAG,QAAQ,CAAC;IAE/B,MAAM,QAAQ,GAAG,WAAW,CAC1B,CAAC,IAA0B,EAAE,EAAE;QAC7B,MAAM,SAAS,GAAG,OAAO,IAAI,KAAK,UAAU;YAC1C,CAAC,CAAE,IAAuB,CAAC,KAAK,CAAC;YACjC,CAAC,CAAC,IAAI,CAAC;QAET,IAAI,CAAC,WAAW,EAAE,CAAC;YACjB,gBAAgB,CAAC,SAAS,CAAC,CAAC;QAC9B,CAAC;QACD,WAAW,CAAC,OAAO,EAAE,CAAC,SAAS,CAAC,CAAC;IACnC,CAAC,EACD,CAAC,WAAW,EAAE,KAAK,CAAC,CACrB,CAAC;IAEF,OAAO,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC;AAC3B,CAAC"}

package/dist/hooks/useDialog.d.ts

@@ -0,0 +1,24 @@
+export interface UseDialogReturn {
+    isOpen: boolean;
+    open: () => void;
+    close: () => void;
+    toggle: () => void;
+    dialogProps: {
+        open: boolean;
+        onClose: () => void;
+        'aria-modal': true;
+        role: 'dialog';
+        'aria-labelledby'?: string;
+        'aria-describedby'?: string;
+    };
+    triggerProps: {
+        onClick: () => void;
+        'aria-haspopup': 'dialog';
+        'aria-expanded': boolean;
+        'aria-controls': string;
+    };
+    titleId: string;
+    descriptionId: string;
+}
+export declare function useDialog(defaultOpen?: boolean): UseDialogReturn;
+//# sourceMappingURL=useDialog.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useDialog.d.ts","sourceRoot":"","sources":["../../src/hooks/useDialog.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,eAAe;IAC9B,MAAM,EAAE,OAAO,CAAC;IAChB,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,WAAW,EAAE;QACX,IAAI,EAAE,OAAO,CAAC;QACd,OAAO,EAAE,MAAM,IAAI,CAAC;QACpB,YAAY,EAAE,IAAI,CAAC;QACnB,IAAI,EAAE,QAAQ,CAAC;QACf,iBAAiB,CAAC,EAAE,MAAM,CAAC;QAC3B,kBAAkB,CAAC,EAAE,MAAM,CAAC;KAC7B,CAAC;IACF,YAAY,EAAE;QACZ,OAAO,EAAE,MAAM,IAAI,CAAC;QACpB,eAAe,EAAE,QAAQ,CAAC;QAC1B,eAAe,EAAE,OAAO,CAAC;QACzB,eAAe,EAAE,MAAM,CAAC;KACzB,CAAC;IACF,OAAO,EAAE,MAAM,CAAC;IAChB,aAAa,EAAE,MAAM,CAAC;CACvB;AAED,wBAAgB,SAAS,CAAC,WAAW,UAAQ,GAAG,eAAe,CAgC9D"}

package/dist/hooks/useDialog.js

@@ -0,0 +1,33 @@
+import { useState, useCallback, useId } from 'react';
+export function useDialog(defaultOpen = false) {
+    const [isOpen, setIsOpen] = useState(defaultOpen);
+    const dialogId = useId();
+    const titleId = `${dialogId}-title`;
+    const descriptionId = `${dialogId}-desc`;
+    const open = useCallback(() => setIsOpen(true), []);
+    const close = useCallback(() => setIsOpen(false), []);
+    const toggle = useCallback(() => setIsOpen((v) => !v), []);
+    return {
+        isOpen,
+        open,
+        close,
+        toggle,
+        dialogProps: {
+            open: isOpen,
+            onClose: close,
+            'aria-modal': true,
+            role: 'dialog',
+            'aria-labelledby': titleId,
+            'aria-describedby': descriptionId,
+        },
+        triggerProps: {
+            onClick: open,
+            'aria-haspopup': 'dialog',
+            'aria-expanded': isOpen,
+            'aria-controls': dialogId,
+        },
+        titleId,
+        descriptionId,
+    };
+}
+//# sourceMappingURL=useDialog.js.map

package/dist/hooks/useDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDialog.js","sourceRoot":"","sources":["../../src/hooks/useDialog.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,OAAO,CAAC;AAyBrD,MAAM,UAAU,SAAS,CAAC,WAAW,GAAG,KAAK;IAC3C,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,WAAW,CAAC,CAAC;IAClD,MAAM,QAAQ,GAAG,KAAK,EAAE,CAAC;IACzB,MAAM,OAAO,GAAG,GAAG,QAAQ,QAAQ,CAAC;IACpC,MAAM,aAAa,GAAG,GAAG,QAAQ,OAAO,CAAC;IAEzC,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,WAAW,EAAE;YACX,IAAI,EAAE,MAAM;YACZ,OAAO,EAAE,KAAK;YACd,YAAY,EAAE,IAAI;YAClB,IAAI,EAAE,QAAQ;YACd,iBAAiB,EAAE,OAAO;YAC1B,kBAAkB,EAAE,aAAa;SAClC;QACD,YAAY,EAAE;YACZ,OAAO,EAAE,IAAI;YACb,eAAe,EAAE,QAAQ;YACzB,eAAe,EAAE,MAAM;YACvB,eAAe,EAAE,QAAQ;SAC1B;QACD,OAAO;QACP,aAAa;KACd,CAAC;AACJ,CAAC"}

package/dist/hooks/useId.d.ts

@@ -0,0 +1,7 @@
+/**
+ * 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.
+ */
+export declare function useId(prefix?: string): string;
+//# sourceMappingURL=useId.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useId.d.ts","sourceRoot":"","sources":["../../src/hooks/useId.ts"],"names":[],"mappings":"AAGA;;;;GAIG;AACH,wBAAgB,KAAK,CAAC,MAAM,SAAU,GAAG,MAAM,CAE9C"}

package/dist/hooks/useId.js

@@ -0,0 +1,11 @@
+import { useRef } from 'react';
+import { generateId } from '@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.
+ */
+export function useId(prefix = 'tokis') {
+    return useRef(generateId(prefix)).current;
+}
+//# sourceMappingURL=useId.js.map

package/dist/hooks/useId.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useId.js","sourceRoot":"","sources":["../../src/hooks/useId.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAEzC;;;;GAIG;AACH,MAAM,UAAU,KAAK,CAAC,MAAM,GAAG,OAAO;IACpC,OAAO,MAAM,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC;AAC5C,CAAC"}

package/dist/hooks/useMenu.d.ts

@@ -0,0 +1,21 @@
+export interface UseMenuReturn {
+    isOpen: boolean;
+    open: () => void;
+    close: () => void;
+    activeIndex: number;
+    setActiveIndex: (index: number) => void;
+    getMenuProps: () => {
+        id: string;
+        role: 'menu';
+        'aria-orientation': 'vertical';
+        onKeyDown: (e: React.KeyboardEvent) => void;
+    };
+    getItemProps: (index: number) => {
+        role: 'menuitem';
+        tabIndex: number;
+        'aria-selected': boolean;
+        onMouseEnter: () => void;
+    };
+}
+export declare function useMenu(itemCount?: number): UseMenuReturn;
+//# sourceMappingURL=useMenu.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useMenu.d.ts","sourceRoot":"","sources":["../../src/hooks/useMenu.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,aAAa;IAC5B,MAAM,EAAE,OAAO,CAAC;IAChB,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,YAAY,EAAE,MAAM;QAClB,EAAE,EAAE,MAAM,CAAC;QACX,IAAI,EAAE,MAAM,CAAC;QACb,kBAAkB,EAAE,UAAU,CAAC;QAC/B,SAAS,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,aAAa,KAAK,IAAI,CAAC;KAC7C,CAAC;IACF,YAAY,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK;QAC/B,IAAI,EAAE,UAAU,CAAC;QACjB,QAAQ,EAAE,MAAM,CAAC;QACjB,eAAe,EAAE,OAAO,CAAC;QACzB,YAAY,EAAE,MAAM,IAAI,CAAC;KAC1B,CAAC;CACH;AAED,wBAAgB,OAAO,CAAC,SAAS,SAAI,GAAG,aAAa,CAyEpD"}