mythik-react 0.1.0

package/dist/primitives/screen-outlet.js.map

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

package/dist/primitives/screen.d.ts

@@ -0,0 +1,9 @@
+import type { CSSProperties, ReactNode } from 'react';
+interface ScreenProps {
+    title?: string;
+    style?: CSSProperties;
+    children?: ReactNode;
+}
+export declare function Screen({ title, style, children }: ScreenProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=screen.d.ts.map

package/dist/primitives/screen.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"screen.d.ts","sourceRoot":"","sources":["../../src/primitives/screen.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEtD,UAAU,WAAW;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,wBAAgB,MAAM,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,WAAW,2CAqB7D"}

package/dist/primitives/screen.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function Screen({ title, style, children }) {
+    return (_jsxs("main", { role: "main", style: {
+            display: 'flex',
+            flexDirection: 'column',
+            minHeight: '100vh',
+            ...style,
+        }, children: [title && (_jsx("header", { style: { padding: '16px 24px', borderBottom: '1px solid #e5e7eb' }, children: _jsx("h1", { style: { margin: 0, fontSize: 24, fontWeight: 700 }, children: title }) })), _jsx("div", { style: { flex: 1, padding: 24 }, children: children })] }));
+}
+//# sourceMappingURL=screen.js.map

package/dist/primitives/screen.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"screen.js","sourceRoot":"","sources":["../../src/primitives/screen.tsx"],"names":[],"mappings":";AAQA,MAAM,UAAU,MAAM,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAe;IAC5D,OAAO,CACL,gBACE,IAAI,EAAC,MAAM,EACX,KAAK,EAAE;YACL,OAAO,EAAE,MAAM;YACf,aAAa,EAAE,QAAQ;YACvB,SAAS,EAAE,OAAO;YAClB,GAAG,KAAK;SACT,aAEA,KAAK,IAAI,CACR,iBAAQ,KAAK,EAAE,EAAE,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,mBAAmB,EAAE,YACxE,aAAI,KAAK,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,UAAU,EAAE,GAAG,EAAE,YAAG,KAAK,GAAM,GAC9D,CACV,EACD,cAAK,KAAK,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,YACjC,QAAQ,GACL,IACD,CACR,CAAC;AACJ,CAAC"}

package/dist/primitives/scroll.d.ts

@@ -0,0 +1,11 @@
+import type { CSSProperties, ReactNode } from 'react';
+interface ScrollProps {
+    direction?: 'vertical' | 'horizontal';
+    maxHeight?: number | string;
+    style?: CSSProperties;
+    className?: string;
+    children?: ReactNode;
+}
+export declare function Scroll({ direction, maxHeight, style, className, children }: ScrollProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=scroll.d.ts.map

package/dist/primitives/scroll.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"scroll.d.ts","sourceRoot":"","sources":["../../src/primitives/scroll.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEtD,UAAU,WAAW;IACnB,SAAS,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;IACtC,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC5B,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,wBAAgB,MAAM,CAAC,EAAE,SAAsB,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,WAAW,2CAcpG"}

package/dist/primitives/scroll.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+export function Scroll({ direction = 'vertical', maxHeight, style, className, children }) {
+    return (_jsx("div", { className: className, style: {
+            overflow: direction === 'vertical' ? 'auto' : 'hidden',
+            overflowX: direction === 'horizontal' ? 'auto' : 'hidden',
+            ...(maxHeight ? { maxHeight } : {}),
+            ...style,
+        }, children: children }));
+}
+//# sourceMappingURL=scroll.js.map

package/dist/primitives/scroll.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"scroll.js","sourceRoot":"","sources":["../../src/primitives/scroll.tsx"],"names":[],"mappings":";AAUA,MAAM,UAAU,MAAM,CAAC,EAAE,SAAS,GAAG,UAAU,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAe;IACnG,OAAO,CACL,cACE,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE;YACL,QAAQ,EAAE,SAAS,KAAK,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ;YACtD,SAAS,EAAE,SAAS,KAAK,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ;YACzD,GAAG,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,SAAS,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;YACnC,GAAG,KAAK;SACT,YAEA,QAAQ,GACL,CACP,CAAC;AACJ,CAAC"}

package/dist/primitives/select.d.ts

@@ -0,0 +1,19 @@
+import type { CSSProperties } from 'react';
+interface SelectOption {
+    label: string;
+    value: string;
+}
+interface SelectProps {
+    value?: string;
+    options?: (string | SelectOption)[];
+    placeholder?: string;
+    label?: string;
+    disabled?: boolean;
+    required?: boolean;
+    style?: CSSProperties;
+    _tokens?: Record<string, unknown>;
+    onChange?: (value: string) => void;
+}
+export declare function Select({ value, options, placeholder, label, disabled, required, style, _tokens, onChange }: SelectProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=select.d.ts.map

package/dist/primitives/select.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../src/primitives/select.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAI3C,UAAU,YAAY;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAED,UAAU,WAAW;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,CAAC,MAAM,GAAG,YAAY,CAAC,EAAE,CAAC;IACpC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAClC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACpC;AAMD,wBAAgB,MAAM,CAAC,EAAE,KAAU,EAAE,OAAY,EAAE,WAAW,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE,WAAW,2CAqJjI"}

package/dist/primitives/select.js

@@ -0,0 +1,109 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import { createPortal } from 'react-dom';
+import { resolveLabelStyle } from 'mythik';
+import { useDesignTokens } from './use-design-tokens.js';
+function normalizeOption(opt) {
+    return typeof opt === 'string' ? { label: opt, value: opt } : opt;
+}
+export function Select({ value = '', options = [], placeholder, label, disabled, required, style, _tokens, onChange }) {
+    const [open, setOpen] = React.useState(false);
+    const ref = React.useRef(null);
+    const buttonRef = React.useRef(null);
+    const listboxRef = React.useRef(null);
+    const selectId = React.useId();
+    const labelId = `${selectId}-label`;
+    // Track button rect so the portaled listbox can position itself below the
+    // trigger. Updated on open, scroll, and resize to stay anchored.
+    const [anchorRect, setAnchorRect] = React.useState(null);
+    const t = useDesignTokens(_tokens);
+    const normalizedOptions = options.map(normalizeOption);
+    const selectedLabel = normalizedOptions.find((o) => o.value === value)?.label ?? placeholder ?? 'Select...';
+    const color = style?.color ?? 'inherit';
+    // Position tracking: measure the button rect when open, re-measure on
+    // scroll/resize so the portaled listbox stays anchored below the trigger.
+    React.useLayoutEffect(() => {
+        if (!open || !buttonRef.current)
+            return;
+        function update() {
+            if (buttonRef.current)
+                setAnchorRect(buttonRef.current.getBoundingClientRect());
+        }
+        update();
+        window.addEventListener('scroll', update, true);
+        window.addEventListener('resize', update);
+        return () => {
+            window.removeEventListener('scroll', update, true);
+            window.removeEventListener('resize', update);
+        };
+    }, [open]);
+    React.useEffect(() => {
+        if (!open)
+            return;
+        function handleClick(e) {
+            const target = e.target;
+            // Close only if click is outside BOTH the trigger wrapper AND the
+            // portaled listbox (listbox is in document.body, not inside ref).
+            const inTrigger = ref.current?.contains(target);
+            const inListbox = listboxRef.current?.contains(target);
+            if (!inTrigger && !inListbox)
+                setOpen(false);
+        }
+        document.addEventListener('mousedown', handleClick);
+        return () => document.removeEventListener('mousedown', handleClick);
+    }, [open]);
+    function handleKeyDown(e) {
+        if (e.key === 'Escape')
+            setOpen(false);
+        if (e.key === 'Enter' || e.key === ' ') {
+            e.preventDefault();
+            setOpen(!open);
+        }
+    }
+    function selectOption(val) {
+        onChange?.(val);
+        setOpen(false);
+    }
+    return (_jsxs("div", { style: {
+            display: 'flex', flexDirection: 'column', gap: t.spacing.unit,
+            minWidth: 0,
+            position: 'relative',
+        }, ref: ref, children: [label && (_jsxs("label", { id: labelId, htmlFor: selectId, style: { fontSize: t.typography.scale.sm.fontSize, fontWeight: t.typography.weight.medium, color, ...resolveLabelStyle(t.identity.labelStyle, t.colors.accent) }, children: [label, required && _jsx("span", { style: { color: t.colors.error, marginLeft: 2 }, children: "*" })] })), _jsxs("button", { id: selectId, ref: buttonRef, type: "button", role: "combobox", "aria-expanded": open, "aria-haspopup": "listbox", "aria-labelledby": label ? labelId : undefined, disabled: disabled, onClick: () => !disabled && setOpen(!open), onKeyDown: handleKeyDown, style: {
+                    display: 'flex', alignItems: 'center', justifyContent: 'space-between',
+                    padding: `${t.spacing.scale.sm}px ${t.spacing.scale.sm + t.spacing.unit}px`,
+                    borderRadius: t.radius(t.shape.radius.md), fontSize: t.typography.scale.sm.fontSize, fontFamily: t.typography.fontFamily.base,
+                    cursor: disabled ? 'default' : 'pointer', opacity: disabled ? 0.5 : 1,
+                    color, outline: 'none', width: '100%', minWidth: 0, boxSizing: 'border-box', textAlign: 'left',
+                    transition: `border-color ${t.motion.duration.fast}ms ${t.motion.easing.default}, box-shadow ${t.motion.duration.fast}ms ${t.motion.easing.default}`,
+                    ...t.surface.input,
+                    ...(open ? t.surface.inputFocus : {}),
+                }, children: [_jsx("span", { style: { overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap', opacity: value ? 1 : 0.5 }, children: selectedLabel }), _jsx("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", style: { flexShrink: 0, marginLeft: 8, transform: open ? 'rotate(180deg)' : 'rotate(0)', transition: `transform ${t.motion.duration.fast}ms` }, children: _jsx("path", { d: "M4 6l4 4 4-4", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) })] }), open && anchorRect && typeof document !== 'undefined' && createPortal(
+            // Portal to document.body — decouples the listbox from any ancestor
+            // stacking context in the renderer tree. Without portal, neighboring
+            // elements with explicit z-index (e.g., sticky toolbars at z:10) can
+            // compete with the listbox at intermediate stacking contexts and win
+            // visually even when the listbox's own z is higher. At document.body
+            // the listbox competes only with other top-level portals; zIndex
+            // 9999 keeps it above typical modal/toast layers.
+            _jsxs("div", { ref: listboxRef, role: "listbox", style: {
+                    position: 'fixed',
+                    top: anchorRect.bottom + 4,
+                    left: anchorRect.left,
+                    width: anchorRect.width,
+                    borderRadius: t.radius(t.shape.radius.lg), zIndex: 9999,
+                    overflow: 'hidden', maxHeight: 220, overflowY: 'auto',
+                    ...t.surface.modal,
+                }, children: [placeholder && (_jsx("div", { role: "option", "aria-selected": value === '', onClick: () => selectOption(''), style: { padding: `${t.spacing.scale.sm}px ${t.spacing.scale.sm + t.spacing.unit}px`, fontSize: t.typography.scale.sm.fontSize, color, opacity: 0.5, cursor: 'pointer' }, children: placeholder })), normalizedOptions.map((opt) => {
+                        const isSelected = opt.value === value;
+                        return (_jsxs("div", { role: "option", "aria-selected": isSelected, onClick: () => selectOption(opt.value), style: {
+                                padding: `${t.spacing.scale.sm}px ${t.spacing.scale.sm + t.spacing.unit}px`, fontSize: t.typography.scale.sm.fontSize, fontFamily: t.typography.fontFamily.base, cursor: 'pointer',
+                                display: 'flex', alignItems: 'center', justifyContent: 'space-between',
+                                backgroundColor: isSelected ? `${t.colors.primary}20` : 'transparent',
+                                color: isSelected ? t.colors.primary : color,
+                                fontWeight: isSelected ? t.typography.weight.semibold : t.typography.weight.normal, transition: 'background-color 100ms',
+                            }, onMouseEnter: (e) => { if (!isSelected)
+                                e.currentTarget.style.backgroundColor = `${t.colors.primary}10`; }, onMouseLeave: (e) => { if (!isSelected)
+                                e.currentTarget.style.backgroundColor = 'transparent'; }, children: [_jsx("span", { children: opt.label }), isSelected && (_jsx("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", children: _jsx("path", { d: "M3.5 8.5l3 3 6-6.5", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) }))] }, opt.value));
+                    })] }), document.body)] }));
+}
+//# sourceMappingURL=select.js.map

package/dist/primitives/select.js.map

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

package/dist/primitives/signature.d.ts

@@ -0,0 +1,13 @@
+import type { CSSProperties } from 'react';
+interface SignatureProps {
+    width?: number;
+    height?: number;
+    lineColor?: string;
+    lineWidth?: number;
+    label?: string;
+    style?: CSSProperties;
+    onSign?: (dataUrl: string) => void;
+}
+export declare function Signature({ width, height, lineColor, lineWidth, label, style, onSign }: SignatureProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=signature.d.ts.map

package/dist/primitives/signature.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"signature.d.ts","sourceRoot":"","sources":["../../src/primitives/signature.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAE3C,UAAU,cAAc;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,MAAM,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;CACpC;AAED,wBAAgB,SAAS,CAAC,EAAE,KAAW,EAAE,MAAY,EAAE,SAAkB,EAAE,SAAa,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,cAAc,2CA4D/H"}

package/dist/primitives/signature.js

@@ -0,0 +1,45 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+export function Signature({ width = 400, height = 200, lineColor = '#000', lineWidth = 2, label, style, onSign }) {
+    const canvasRef = React.useRef(null);
+    const [drawing, setDrawing] = React.useState(false);
+    function getPos(e) {
+        const rect = canvasRef.current.getBoundingClientRect();
+        return { x: e.clientX - rect.left, y: e.clientY - rect.top };
+    }
+    function onMouseDown(e) {
+        setDrawing(true);
+        const ctx = canvasRef.current?.getContext('2d');
+        if (!ctx)
+            return;
+        const pos = getPos(e);
+        ctx.beginPath();
+        ctx.moveTo(pos.x, pos.y);
+    }
+    function onMouseMove(e) {
+        if (!drawing)
+            return;
+        const ctx = canvasRef.current?.getContext('2d');
+        if (!ctx)
+            return;
+        const pos = getPos(e);
+        ctx.strokeStyle = lineColor;
+        ctx.lineWidth = lineWidth;
+        ctx.lineCap = 'round';
+        ctx.lineTo(pos.x, pos.y);
+        ctx.stroke();
+    }
+    function onMouseUp() {
+        setDrawing(false);
+        if (canvasRef.current) {
+            onSign?.(canvasRef.current.toDataURL());
+        }
+    }
+    function clear() {
+        const ctx = canvasRef.current?.getContext('2d');
+        if (ctx)
+            ctx.clearRect(0, 0, width, height);
+    }
+    return (_jsxs("div", { style: { display: 'flex', flexDirection: 'column', gap: 8, ...style }, children: [label && _jsx("label", { style: { fontSize: 14 }, children: label }), _jsx("canvas", { ref: canvasRef, width: width, height: height, onMouseDown: onMouseDown, onMouseMove: onMouseMove, onMouseUp: onMouseUp, onMouseLeave: onMouseUp, style: { border: '1px solid #d1d5db', borderRadius: 8, cursor: 'crosshair' } }), _jsx("button", { type: "button", onClick: clear, style: { alignSelf: 'flex-start', fontSize: 12, color: '#6b7280', background: 'none', border: 'none', cursor: 'pointer' }, children: "Clear" })] }));
+}
+//# sourceMappingURL=signature.js.map

package/dist/primitives/signature.js.map

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

package/dist/primitives/skeleton.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import type { CSSProperties } from 'react';
+interface SkeletonProps {
+    variant?: 'text' | 'circle' | 'rect';
+    width?: string | number;
+    height?: number;
+    count?: number;
+    gap?: number;
+    style?: CSSProperties;
+    _tokens?: Record<string, unknown>;
+}
+export declare function Skeleton({ variant, width, height, count, gap, style, _tokens, }: SkeletonProps): React.ReactElement;
+export {};
+//# sourceMappingURL=skeleton.d.ts.map

package/dist/primitives/skeleton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"skeleton.d.ts","sourceRoot":"","sources":["../../src/primitives/skeleton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAG3C,UAAU,aAAa;IACrB,OAAO,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,MAAM,CAAC;IACrC,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CACnC;AAsCD,wBAAgB,QAAQ,CAAC,EACvB,OAAgB,EAChB,KAAK,EACL,MAAW,EACX,KAAS,EACT,GAAG,EACH,KAAK,EACL,OAAO,GACR,EAAE,aAAa,GAAG,KAAK,CAAC,YAAY,CAgBpC"}

package/dist/primitives/skeleton.js

@@ -0,0 +1,41 @@
+import React from 'react';
+import { useDesignTokens } from './use-design-tokens.js';
+function isDarkSurface(tokens) {
+    const colors = tokens?.colors;
+    const surface = colors?.surface;
+    if (!surface || !surface.startsWith('#'))
+        return false;
+    const hex = surface.slice(1);
+    const r = parseInt(hex.slice(0, 2), 16);
+    const g = parseInt(hex.slice(2, 4), 16);
+    const b = parseInt(hex.slice(4, 6), 16);
+    const brightness = (r * 299 + g * 587 + b * 114) / 1000;
+    return brightness < 128;
+}
+function SkeletonItem({ variant = 'rect', width, height = 16, className, style }) {
+    const isCircle = variant === 'circle';
+    const isText = variant === 'text';
+    const computedWidth = isCircle ? height : (width ?? '100%');
+    const borderRadius = isCircle ? '50%' : `${isText ? 4 : 6}px`;
+    return React.createElement('div', {
+        className,
+        style: {
+            width: typeof computedWidth === 'number' ? `${computedWidth}px` : computedWidth,
+            height: `${height}px`,
+            borderRadius,
+            ...style,
+        },
+    });
+}
+export function Skeleton({ variant = 'rect', width, height = 16, count = 1, gap, style, _tokens, }) {
+    const t = useDesignTokens(_tokens);
+    const className = isDarkSurface(_tokens) ? 'sv-skeleton-dark' : 'sv-skeleton';
+    const resolvedGap = gap ?? t.spacing.scale.sm;
+    if (count === 1) {
+        return React.createElement(SkeletonItem, { variant, width, height, className, style });
+    }
+    return React.createElement('div', {
+        style: { display: 'flex', flexDirection: 'column', gap: `${resolvedGap}px`, ...style },
+    }, Array.from({ length: count }, (_, i) => React.createElement(SkeletonItem, { key: i, variant, width, height, className })));
+}
+//# sourceMappingURL=skeleton.js.map

package/dist/primitives/skeleton.js.map

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

package/dist/primitives/slider.d.ts

@@ -0,0 +1,15 @@
+import type { CSSProperties } from 'react';
+interface SliderProps {
+    value?: number;
+    min?: number;
+    max?: number;
+    step?: number;
+    label?: string;
+    disabled?: boolean;
+    style?: CSSProperties;
+    _tokens?: Record<string, unknown>;
+    onChange?: (value: number) => void;
+}
+export declare function Slider({ value, min, max, step, label, disabled, style, _tokens, onChange }: SliderProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=slider.d.ts.map

package/dist/primitives/slider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"slider.d.ts","sourceRoot":"","sources":["../../src/primitives/slider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAG3C,UAAU,WAAW;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAClC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACpC;AAED,wBAAgB,MAAM,CAAC,EAAE,KAAS,EAAE,GAAO,EAAE,GAAS,EAAE,IAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE,WAAW,2CAkBzH"}

package/dist/primitives/slider.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useDesignTokens } from './use-design-tokens.js';
+export function Slider({ value = 0, min = 0, max = 100, step = 1, label, disabled, style, _tokens, onChange }) {
+    const t = useDesignTokens(_tokens);
+    return (_jsxs("div", { style: { display: 'flex', flexDirection: 'column', gap: t.spacing.unit }, children: [label && _jsx("label", { style: { fontSize: t.typography.scale.sm.fontSize }, children: label }), _jsx("input", { type: "range", value: value, min: min, max: max, step: step, disabled: disabled, onChange: (e) => onChange?.(Number(e.target.value)), style: { width: '100%', ...style } })] }));
+}
+//# sourceMappingURL=slider.js.map

package/dist/primitives/slider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"slider.js","sourceRoot":"","sources":["../../src/primitives/slider.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAczD,MAAM,UAAU,MAAM,CAAC,EAAE,KAAK,GAAG,CAAC,EAAE,GAAG,GAAG,CAAC,EAAE,GAAG,GAAG,GAAG,EAAE,IAAI,GAAG,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAe;IACxH,MAAM,CAAC,GAAG,eAAe,CAAC,OAAO,CAAC,CAAC;IAEnC,OAAO,CACL,eAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,CAAC,OAAO,CAAC,IAAI,EAAE,aAC1E,KAAK,IAAI,gBAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,CAAC,CAAC,UAAU,CAAC,KAAK,CAAC,EAAE,CAAC,QAAQ,EAAE,YAAG,KAAK,GAAS,EACrF,gBACE,IAAI,EAAC,OAAO,EACZ,KAAK,EAAE,KAAK,EACZ,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,QAAQ,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,EACnD,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,KAAK,EAAE,GAClC,IACE,CACP,CAAC;AACJ,CAAC"}

package/dist/primitives/spacer.d.ts

@@ -0,0 +1,9 @@
+import type { CSSProperties } from 'react';
+interface SpacerProps {
+    size?: number | string;
+    direction?: 'vertical' | 'horizontal';
+    style?: CSSProperties;
+}
+export declare function Spacer({ size, direction, style }: SpacerProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=spacer.d.ts.map

package/dist/primitives/spacer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"spacer.d.ts","sourceRoot":"","sources":["../../src/primitives/spacer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAE3C,UAAU,WAAW;IACnB,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;IACtC,KAAK,CAAC,EAAE,aAAa,CAAC;CACvB;AAED,wBAAgB,MAAM,CAAC,EAAE,IAAS,EAAE,SAAsB,EAAE,KAAK,EAAE,EAAE,WAAW,2CAW/E"}

package/dist/primitives/spacer.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+export function Spacer({ size = 16, direction = 'vertical', style }) {
+    return (_jsx("div", { "aria-hidden": "true", style: {
+            ...(direction === 'vertical' ? { height: size } : { width: size }),
+            flexShrink: 0,
+            ...style,
+        } }));
+}
+//# sourceMappingURL=spacer.js.map

package/dist/primitives/spacer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"spacer.js","sourceRoot":"","sources":["../../src/primitives/spacer.tsx"],"names":[],"mappings":";AAQA,MAAM,UAAU,MAAM,CAAC,EAAE,IAAI,GAAG,EAAE,EAAE,SAAS,GAAG,UAAU,EAAE,KAAK,EAAe;IAC9E,OAAO,CACL,6BACc,MAAM,EAClB,KAAK,EAAE;YACL,GAAG,CAAC,SAAS,KAAK,UAAU,CAAC,CAAC,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC;YAClE,UAAU,EAAE,CAAC;YACb,GAAG,KAAK;SACT,GACD,CACH,CAAC;AACJ,CAAC"}