@unisane/ui 0.1.0-next.b67ebfd0

package/dist/layout/appearance-provider.js

@@ -0,0 +1,250 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createContext, useCallback, useContext, useEffect, useMemo, useState } from 'react';
+const DEFAULT_PREFERENCES = {
+    mode: 'system',
+    density: 'standard',
+    contrast: 'standard',
+    radius: 'standard',
+    actionShape: 'standard',
+    elevation: 'standard',
+};
+const VALUES = {
+    mode: ['light', 'dark', 'system'],
+    density: ['compact', 'standard', 'comfortable', 'dense'],
+    contrast: ['standard', 'medium', 'high'],
+    radius: ['none', 'minimal', 'sharp', 'standard', 'soft'],
+    actionShape: ['standard', 'full'],
+    elevation: ['flat', 'subtle', 'standard', 'pronounced'],
+};
+const ATTRIBUTES = {
+    mode: 'data-theme-mode',
+    density: 'data-density',
+    contrast: 'data-contrast',
+    radius: 'data-radius',
+    actionShape: 'data-action-shape',
+    elevation: 'data-elevation',
+};
+const DEFAULT_PERSISTENCE_KEY = 'unisane-appearance';
+function isValidPreference(axis, value) {
+    return typeof value === 'string' && VALUES[axis].includes(value);
+}
+function resolveMode(mode) {
+    if (mode === 'system') {
+        return window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';
+    }
+    return mode;
+}
+function applyMode(mode) {
+    const resolved = resolveMode(mode);
+    const root = document.documentElement;
+    root.classList.toggle('dark', resolved === 'dark');
+    root.style.colorScheme = resolved;
+    root.setAttribute(ATTRIBUTES.mode, mode);
+    return resolved;
+}
+function applyPreference(axis, value) {
+    if (axis === 'mode') {
+        return applyMode(value);
+    }
+    document.documentElement.setAttribute(ATTRIBUTES[axis], value);
+    return undefined;
+}
+function readCookie(name) {
+    const prefix = `${encodeURIComponent(name)}=`;
+    for (const part of document.cookie.split(';')) {
+        const candidate = part.trim();
+        if (candidate.startsWith(prefix)) {
+            return decodeURIComponent(candidate.slice(prefix.length));
+        }
+    }
+    return null;
+}
+function readPersistedRaw(persistence, key) {
+    try {
+        if (persistence === 'localStorage')
+            return localStorage.getItem(key);
+        if (persistence === 'cookie')
+            return readCookie(key);
+    }
+    catch {
+        return null;
+    }
+    return null;
+}
+function parsePersistedPreferences(raw) {
+    if (!raw)
+        return {};
+    try {
+        const parsed = JSON.parse(raw);
+        if (!parsed || typeof parsed !== 'object' || Array.isArray(parsed))
+            return {};
+        const record = parsed;
+        const result = {};
+        for (const axis of Object.keys(VALUES)) {
+            if (isValidPreference(axis, record[axis])) {
+                result[axis] = record[axis];
+            }
+        }
+        return result;
+    }
+    catch {
+        return {};
+    }
+}
+function writePersistedPreferences(persistence, key, values, cookieMaxAge) {
+    if (persistence === 'none')
+        return;
+    const serialized = JSON.stringify(values);
+    try {
+        if (persistence === 'localStorage') {
+            localStorage.setItem(key, serialized);
+        }
+        else {
+            document.cookie = `${encodeURIComponent(key)}=${encodeURIComponent(serialized)}; Path=/; Max-Age=${cookieMaxAge}; SameSite=Lax`;
+        }
+    }
+    catch {
+        // Storage can be unavailable in privacy-restricted browser contexts.
+    }
+}
+function clearPersistedPreferences(persistence, key) {
+    try {
+        if (persistence === 'localStorage') {
+            localStorage.removeItem(key);
+        }
+        else if (persistence === 'cookie') {
+            document.cookie = `${encodeURIComponent(key)}=; Path=/; Max-Age=0; SameSite=Lax`;
+        }
+    }
+    catch {
+        // Storage can be unavailable in privacy-restricted browser contexts.
+    }
+}
+export function clearStoredAppearance(persistenceKey = DEFAULT_PERSISTENCE_KEY, persistence = 'localStorage') {
+    if (typeof document === 'undefined')
+        return;
+    clearPersistedPreferences(persistence, persistenceKey);
+}
+function readDomPreferences(enabledAxes) {
+    const result = {};
+    const root = document.documentElement;
+    for (const axis of enabledAxes) {
+        const value = root.getAttribute(ATTRIBUTES[axis]);
+        if (isValidPreference(axis, value)) {
+            result[axis] = value;
+        }
+    }
+    return result;
+}
+function selectEnabledPreferences(source, enabledAxes) {
+    const selected = {};
+    for (const axis of enabledAxes) {
+        const value = source[axis];
+        if (isValidPreference(axis, value)) {
+            selected[axis] = value;
+        }
+    }
+    return selected;
+}
+const AppearanceContext = createContext(undefined);
+export function AppearanceProvider({ children, enabledAxes, defaults, persistence = 'none', persistenceKey = DEFAULT_PERSISTENCE_KEY, cookieMaxAge = 60 * 60 * 24 * 365, }) {
+    const normalizedAxes = useMemo(() => Array.from(new Set(enabledAxes)), [enabledAxes]);
+    const configuredDefaults = useMemo(() => ({ ...DEFAULT_PREFERENCES, ...defaults }), [defaults]);
+    const [preferences, setPreferences] = useState(configuredDefaults);
+    const [resolvedMode, setResolvedMode] = useState('light');
+    const isEnabled = useCallback((axis) => normalizedAxes.includes(axis), [normalizedAxes]);
+    useEffect(() => {
+        const dom = readDomPreferences(normalizedAxes);
+        const stored = selectEnabledPreferences(parsePersistedPreferences(readPersistedRaw(persistence, persistenceKey)), normalizedAxes);
+        const next = { ...configuredDefaults, ...dom, ...stored };
+        setPreferences(next);
+        for (const axis of normalizedAxes) {
+            const resolved = applyPreference(axis, next[axis]);
+            if (axis === 'mode' && resolved)
+                setResolvedMode(resolved);
+        }
+    }, [configuredDefaults, normalizedAxes, persistence, persistenceKey]);
+    const persistCurrent = useCallback((next) => {
+        writePersistedPreferences(persistence, persistenceKey, selectEnabledPreferences(next, normalizedAxes), cookieMaxAge);
+    }, [cookieMaxAge, normalizedAxes, persistence, persistenceKey]);
+    const setPreference = useCallback((axis, value) => {
+        if (!isEnabled(axis)) {
+            console.warn(`Appearance axis "${axis}" is not enabled.`);
+            return;
+        }
+        if (!isValidPreference(axis, value)) {
+            console.warn(`Invalid ${axis} value "${String(value)}".`);
+            return;
+        }
+        setPreferences((current) => {
+            const next = { ...current, [axis]: value };
+            persistCurrent(next);
+            return next;
+        });
+        const resolved = applyPreference(axis, value);
+        if (axis === 'mode' && resolved)
+            setResolvedMode(resolved);
+    }, [isEnabled, persistCurrent]);
+    const resetPreferences = useCallback(() => {
+        clearPersistedPreferences(persistence, persistenceKey);
+        setPreferences(configuredDefaults);
+        for (const axis of normalizedAxes) {
+            const resolved = applyPreference(axis, configuredDefaults[axis]);
+            if (axis === 'mode' && resolved)
+                setResolvedMode(resolved);
+        }
+    }, [configuredDefaults, normalizedAxes, persistence, persistenceKey]);
+    useEffect(() => {
+        if (!isEnabled('mode') || preferences.mode !== 'system')
+            return;
+        const media = window.matchMedia('(prefers-color-scheme: dark)');
+        const onChange = () => setResolvedMode(applyMode('system'));
+        media.addEventListener('change', onChange);
+        return () => media.removeEventListener('change', onChange);
+    }, [isEnabled, preferences.mode]);
+    const value = useMemo(() => ({
+        enabledAxes: normalizedAxes,
+        preferences,
+        resolvedMode,
+        isEnabled,
+        setPreference,
+        resetPreferences,
+    }), [isEnabled, normalizedAxes, preferences, resetPreferences, resolvedMode, setPreference]);
+    return _jsx(AppearanceContext.Provider, { value: value, children: children });
+}
+export function useAppearance() {
+    const context = useContext(AppearanceContext);
+    if (!context)
+        throw new Error('useAppearance must be used within an AppearanceProvider');
+    return context;
+}
+export function useAppearancePreference(axis) {
+    const { preferences, setPreference, isEnabled } = useAppearance();
+    const setValue = useCallback((value) => setPreference(axis, value), [axis, setPreference]);
+    return { value: preferences[axis], setValue, enabled: isEnabled(axis) };
+}
+export function useMode() {
+    const { value, setValue, enabled } = useAppearancePreference('mode');
+    const { resolvedMode } = useAppearance();
+    return { mode: value, setMode: setValue, resolvedMode, enabled };
+}
+export function useDensity() {
+    const { value, setValue, enabled } = useAppearancePreference('density');
+    return { density: value, setDensity: setValue, enabled };
+}
+export function getAppearanceScript({ enabledAxes, defaults, persistence = 'none', persistenceKey = DEFAULT_PERSISTENCE_KEY, }) {
+    const config = JSON.stringify({
+        axes: Array.from(new Set(enabledAxes)),
+        defaults: { ...DEFAULT_PREFERENCES, ...defaults },
+        persistence,
+        key: persistenceKey,
+        values: VALUES,
+        attributes: ATTRIBUTES,
+    }).replaceAll('<', '\\u003c');
+    return `(()=>{try{const c=${config};let raw=null;if(c.persistence==='localStorage')raw=localStorage.getItem(c.key);else if(c.persistence==='cookie'){const p=encodeURIComponent(c.key)+'=';const v=document.cookie.split(';').map(x=>x.trim()).find(x=>x.startsWith(p));if(v)raw=decodeURIComponent(v.slice(p.length));}let stored={};if(raw){const parsed=JSON.parse(raw);if(parsed&&typeof parsed==='object'&&!Array.isArray(parsed))stored=parsed;}const root=document.documentElement;for(const axis of c.axes){const value=c.values[axis].includes(stored[axis])?stored[axis]:c.defaults[axis];if(axis==='mode'){const dark=value==='dark'||(value==='system'&&matchMedia('(prefers-color-scheme: dark)').matches);root.classList.toggle('dark',dark);root.style.colorScheme=dark?'dark':'light';}root.setAttribute(c.attributes[axis],value);}}catch{}})();`;
+}
+export function AppearanceScript({ nonce, ...config }) {
+    return _jsx("script", { nonce: nonce, dangerouslySetInnerHTML: { __html: getAppearanceScript(config) } });
+}
+//# sourceMappingURL=appearance-provider.js.map

package/dist/layout/appearance-provider.js.map

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

package/dist/layout/card-grid.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+export interface CardGridProps extends React.HTMLAttributes<HTMLDivElement> {
+    minItemWidth?: 'sm' | 'md' | 'lg';
+}
+export declare const CardGrid: React.ForwardRefExoticComponent<CardGridProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=card-grid.d.ts.map

package/dist/layout/card-grid.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"card-grid.d.ts","sourceRoot":"","sources":["../../src/layout/card-grid.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,WAAW,aAAc,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACzE,YAAY,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CACnC;AAQD,eAAO,MAAM,QAAQ,sFAgBpB,CAAC"}

package/dist/layout/card-grid.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import { cn } from '../lib/utils.js';
+const minItemWidthClasses = {
+    sm: '[grid-template-columns:repeat(auto-fit,minmax(min(100%,14rem),1fr))]',
+    md: '[grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr))]',
+    lg: '[grid-template-columns:repeat(auto-fit,minmax(min(100%,24rem),1fr))]',
+};
+export const CardGrid = React.forwardRef(({ minItemWidth = 'md', className, children, ...props }, ref) => {
+    return (_jsx("div", { ref: ref, className: cn('gap-layout-grid-gap grid min-w-0', minItemWidthClasses[minItemWidth], className), ...props, children: children }));
+});
+CardGrid.displayName = 'CardGrid';
+//# sourceMappingURL=card-grid.js.map

package/dist/layout/card-grid.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"card-grid.js","sourceRoot":"","sources":["../../src/layout/card-grid.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAMlC,MAAM,mBAAmB,GAAG;IAC1B,EAAE,EAAE,sEAAsE;IAC1E,EAAE,EAAE,sEAAsE;IAC1E,EAAE,EAAE,sEAAsE;CAClE,CAAC;AAEX,MAAM,CAAC,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CACtC,CAAC,EAAE,YAAY,GAAG,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IAC9D,OAAO,CACL,cACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,kCAAkC,EAClC,mBAAmB,CAAC,YAAY,CAAC,EACjC,SAAS,CACV,KACG,KAAK,YAER,QAAQ,GACL,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AACF,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAC"}

package/dist/layout/container.d.ts

@@ -0,0 +1,8 @@
+import { type HTMLAttributes, type ReactNode } from 'react';
+interface ContainerProps extends HTMLAttributes<HTMLDivElement> {
+    children: ReactNode;
+    maxWidth?: 'sm' | 'md' | 'lg' | 'xl' | 'full';
+}
+export declare function Container({ children, maxWidth, className, ...props }: ContainerProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=container.d.ts.map

package/dist/layout/container.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"container.d.ts","sourceRoot":"","sources":["../../src/layout/container.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAG5D,UAAU,cAAe,SAAQ,cAAc,CAAC,cAAc,CAAC;IAC7D,QAAQ,EAAE,SAAS,CAAC;IACpB,QAAQ,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAC;CAC/C;AAED,wBAAgB,SAAS,CAAC,EAAE,QAAQ,EAAE,QAAe,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,+BAiB3F"}

package/dist/layout/container.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from '../lib/utils.js';
+export function Container({ children, maxWidth = 'lg', className, ...props }) {
+    const maxWidthClasses = {
+        sm: 'max-w-sm',
+        md: 'max-w-md',
+        lg: 'max-w-lg',
+        xl: 'max-w-xl',
+        full: 'max-w-full',
+    };
+    return (_jsx("div", { ...props, className: cn('mx-auto px-[var(--layout-margin)]', maxWidthClasses[maxWidth], className), children: children }));
+}
+//# sourceMappingURL=container.js.map

package/dist/layout/container.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"container.js","sourceRoot":"","sources":["../../src/layout/container.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAOlC,MAAM,UAAU,SAAS,CAAC,EAAE,QAAQ,EAAE,QAAQ,GAAG,IAAI,EAAE,SAAS,EAAE,GAAG,KAAK,EAAkB;IAC1F,MAAM,eAAe,GAAG;QACtB,EAAE,EAAE,UAAU;QACd,EAAE,EAAE,UAAU;QACd,EAAE,EAAE,UAAU;QACd,EAAE,EAAE,UAAU;QACd,IAAI,EAAE,YAAY;KACnB,CAAC;IAEF,OAAO,CACL,iBACM,KAAK,EACT,SAAS,EAAE,EAAE,CAAC,mCAAmC,EAAE,eAAe,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAC,YAEvF,QAAQ,GACL,CACP,CAAC;AACJ,CAAC"}

package/dist/layout/page-section.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+export interface PageSectionProps extends React.HTMLAttributes<HTMLElement> {
+    as?: React.ElementType;
+    rhythm?: 'standard' | 'compact' | 'hero' | 'none';
+    width?: 'standard' | 'wide' | 'none';
+    surface?: 'none' | 'surface' | 'surfaceContainerLow';
+}
+export declare const PageSection: React.ForwardRefExoticComponent<PageSectionProps & React.RefAttributes<HTMLElement>>;
+//# sourceMappingURL=page-section.d.ts.map

package/dist/layout/page-section.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"page-section.d.ts","sourceRoot":"","sources":["../../src/layout/page-section.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;IACzE,EAAE,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;IACvB,MAAM,CAAC,EAAE,UAAU,GAAG,SAAS,GAAG,MAAM,GAAG,MAAM,CAAC;IAClD,KAAK,CAAC,EAAE,UAAU,GAAG,MAAM,GAAG,MAAM,CAAC;IACrC,OAAO,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,qBAAqB,CAAC;CACtD;AAqBD,eAAO,MAAM,WAAW,sFAuBvB,CAAC"}

package/dist/layout/page-section.js

@@ -0,0 +1,24 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import { cn } from '../lib/utils.js';
+const rhythmClasses = {
+    standard: 'py-layout-section-y',
+    compact: 'py-layout-section-y-compact',
+    hero: 'py-layout-hero-y',
+    none: 'py-0',
+};
+const widthClasses = {
+    standard: 'mx-auto w-full max-w-7xl px-layout-page-x',
+    wide: 'mx-auto w-full max-w-[112rem] px-layout-page-x',
+    none: 'w-full',
+};
+const surfaceClasses = {
+    none: '',
+    surface: 'bg-surface',
+    surfaceContainerLow: 'bg-surface-container-low',
+};
+export const PageSection = React.forwardRef(({ as: Component = 'section', rhythm = 'standard', width = 'standard', surface = 'none', className, children, ...props }, ref) => {
+    return (_jsx(Component, { ref: ref, className: cn('@container', rhythmClasses[rhythm], surfaceClasses[surface], className), ...props, children: _jsx("div", { className: cn(widthClasses[width]), children: children }) }));
+});
+PageSection.displayName = 'PageSection';
+//# sourceMappingURL=page-section.js.map

package/dist/layout/page-section.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"page-section.js","sourceRoot":"","sources":["../../src/layout/page-section.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AASlC,MAAM,aAAa,GAAG;IACpB,QAAQ,EAAE,qBAAqB;IAC/B,OAAO,EAAE,6BAA6B;IACtC,IAAI,EAAE,kBAAkB;IACxB,IAAI,EAAE,MAAM;CACJ,CAAC;AAEX,MAAM,YAAY,GAAG;IACnB,QAAQ,EAAE,2CAA2C;IACrD,IAAI,EAAE,gDAAgD;IACtD,IAAI,EAAE,QAAQ;CACN,CAAC;AAEX,MAAM,cAAc,GAAG;IACrB,IAAI,EAAE,EAAE;IACR,OAAO,EAAE,YAAY;IACrB,mBAAmB,EAAE,0BAA0B;CACvC,CAAC;AAEX,MAAM,CAAC,MAAM,WAAW,GAAG,KAAK,CAAC,UAAU,CACzC,CACE,EACE,EAAE,EAAE,SAAS,GAAG,SAAS,EACzB,MAAM,GAAG,UAAU,EACnB,KAAK,GAAG,UAAU,EAClB,OAAO,GAAG,MAAM,EAChB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EACD,GAAG,EACH,EAAE;IACF,OAAO,CACL,KAAC,SAAS,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,YAAY,EAAE,aAAa,CAAC,MAAM,CAAC,EAAE,cAAc,CAAC,OAAO,CAAC,EAAE,SAAS,CAAC,KAClF,KAAK,YAET,cAAK,SAAS,EAAE,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC,YAAG,QAAQ,GAAO,GAC/C,CACb,CAAC;AACJ,CAAC,CACF,CAAC;AACF,WAAW,CAAC,WAAW,GAAG,aAAa,CAAC"}

package/dist/layout/pane.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+import { type VariantProps } from 'class-variance-authority';
+declare const paneVariants: (props?: ({
+    kind?: "main" | "list" | "supporting" | null | undefined;
+    isActive?: boolean | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface PaneProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof paneVariants> {
+    width?: string | number;
+    showScrollbar?: boolean;
+    scrollable?: boolean;
+}
+export declare const Pane: React.ForwardRefExoticComponent<PaneProps & React.RefAttributes<HTMLDivElement>>;
+export type PaneDividerProps = React.HTMLAttributes<HTMLDivElement>;
+export declare const PaneDivider: React.FC<PaneDividerProps>;
+export interface PaneLayoutProps extends React.HTMLAttributes<HTMLDivElement> {
+    orientation?: 'horizontal' | 'vertical';
+}
+export declare const PaneLayout: React.ForwardRefExoticComponent<PaneLayoutProps & React.RefAttributes<HTMLDivElement>>;
+export {};
+//# sourceMappingURL=pane.d.ts.map

package/dist/layout/pane.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pane.d.ts","sourceRoot":"","sources":["../../src/layout/pane.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAGlE,QAAA,MAAM,YAAY;;;8EAmBjB,CAAC;AAEF,MAAM,WAAW,SACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,YAAY,CAAC,OAAO,YAAY,CAAC;IAC/E,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,eAAO,MAAM,IAAI,kFAqDhB,CAAC;AAGF,MAAM,MAAM,gBAAgB,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC;AAEpE,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAUlD,CAAC;AAEF,MAAM,WAAW,eAAgB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC3E,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;CACzC;AAED,eAAO,MAAM,UAAU,wFAgBtB,CAAC"}

package/dist/layout/pane.js

@@ -0,0 +1,48 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import { cva } from 'class-variance-authority';
+import { cn } from '../lib/utils.js';
+const paneVariants = cva('relative h-full overflow-hidden transition-all duration-long ease-emphasized bg-surface', {
+    variants: {
+        kind: {
+            list: 'border-r border-outline-weak z-0',
+            main: 'flex-1 z-0',
+            supporting: 'border-l border-outline-weak z-10 bg-surface-container-low',
+        },
+        isActive: {
+            true: 'block',
+            false: 'hidden medium:block',
+        },
+    },
+    defaultVariants: {
+        kind: 'main',
+        isActive: true,
+    },
+});
+export const Pane = React.forwardRef(({ className, kind = 'main', isActive, width, style, children, showScrollbar, scrollable, ...props }, ref) => {
+    let widthClass = '';
+    if (!width) {
+        if (kind === 'list')
+            widthClass = 'w-full medium:w-(--width-pane-list,var(--spacing-90)) shrink-0';
+        if (kind === 'supporting')
+            widthClass = 'w-full medium:w-(--width-pane-supporting,var(--spacing-100)) shrink-0';
+        if (kind === 'main')
+            widthClass = 'w-full flex-1 min-w-0';
+    }
+    const shouldScroll = scrollable ?? true;
+    const shouldShowScrollbar = shouldScroll ? (showScrollbar ?? kind === 'main') : false;
+    return (_jsx("div", { ref: ref, className: cn(paneVariants({ kind, isActive }), widthClass, className), "data-pane": kind, style: {
+            ...style,
+            ...(width ? { width } : {}),
+        }, ...props, children: shouldScroll ? (_jsx("div", { className: cn('h-full overflow-y-auto', shouldShowScrollbar ? '[scrollbar-gutter:stable]' : 'no-scrollbar'), children: children })) : (_jsx("div", { className: "h-full overflow-hidden", children: children })) }));
+});
+Pane.displayName = 'Pane';
+export const PaneDivider = ({ className, ...props }) => {
+    return (_jsx("div", { className: cn('bg-outline-muted hover:bg-outline-strong medium:block z-20 hidden h-full w-px cursor-col-resize transition-colors', className), ...props }));
+};
+export const PaneLayout = React.forwardRef(({ className, orientation = 'horizontal', children, ...props }, ref) => {
+    return (_jsx("div", { ref: ref, className: cn('relative isolate flex h-full w-full overflow-hidden', orientation === 'vertical' ? 'flex-col' : 'flex-row', className), ...props, children: children }));
+});
+PaneLayout.displayName = 'PaneLayout';
+//# sourceMappingURL=pane.js.map

package/dist/layout/pane.js.map

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

package/dist/layout/preview-frame.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+export interface PreviewFrameProps extends React.HTMLAttributes<HTMLDivElement> {
+    aspectRatio?: 'auto' | 'video' | 'document' | 'square';
+    tone?: 'plain' | 'surface' | 'muted';
+    overflow?: 'hidden' | 'visible';
+}
+export declare const PreviewFrame: React.ForwardRefExoticComponent<PreviewFrameProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=preview-frame.d.ts.map

package/dist/layout/preview-frame.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"preview-frame.d.ts","sourceRoot":"","sources":["../../src/layout/preview-frame.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,WAAW,iBAAkB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC7E,WAAW,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,UAAU,GAAG,QAAQ,CAAC;IACvD,IAAI,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,OAAO,CAAC;IACrC,QAAQ,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;CACjC;AAoBD,eAAO,MAAM,YAAY,0FAqBxB,CAAC"}

package/dist/layout/preview-frame.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import { cn } from '../lib/utils.js';
+const aspectRatioClasses = {
+    auto: '',
+    video: 'aspect-video',
+    document: 'aspect-[3/4]',
+    square: 'aspect-square',
+};
+const toneClasses = {
+    plain: '',
+    surface: 'bg-surface',
+    muted: 'bg-surface-container-low',
+};
+const overflowClasses = {
+    hidden: 'overflow-hidden',
+    visible: 'overflow-visible',
+};
+export const PreviewFrame = React.forwardRef(({ aspectRatio = 'auto', tone = 'muted', overflow = 'hidden', className, children, ...props }, ref) => {
+    return (_jsx("div", { ref: ref, className: cn('border-outline-soft relative min-w-0 rounded-sm border', aspectRatioClasses[aspectRatio], toneClasses[tone], overflowClasses[overflow], className), ...props, children: children }));
+});
+PreviewFrame.displayName = 'PreviewFrame';
+//# sourceMappingURL=preview-frame.js.map

package/dist/layout/preview-frame.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"preview-frame.js","sourceRoot":"","sources":["../../src/layout/preview-frame.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAQlC,MAAM,kBAAkB,GAAG;IACzB,IAAI,EAAE,EAAE;IACR,KAAK,EAAE,cAAc;IACrB,QAAQ,EAAE,cAAc;IACxB,MAAM,EAAE,eAAe;CACf,CAAC;AAEX,MAAM,WAAW,GAAG;IAClB,KAAK,EAAE,EAAE;IACT,OAAO,EAAE,YAAY;IACrB,KAAK,EAAE,0BAA0B;CACzB,CAAC;AAEX,MAAM,eAAe,GAAG;IACtB,MAAM,EAAE,iBAAiB;IACzB,OAAO,EAAE,kBAAkB;CACnB,CAAC;AAEX,MAAM,CAAC,MAAM,YAAY,GAAG,KAAK,CAAC,UAAU,CAC1C,CACE,EAAE,WAAW,GAAG,MAAM,EAAE,IAAI,GAAG,OAAO,EAAE,QAAQ,GAAG,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAC5F,GAAG,EACH,EAAE;IACF,OAAO,CACL,cACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,wDAAwD,EACxD,kBAAkB,CAAC,WAAW,CAAC,EAC/B,WAAW,CAAC,IAAI,CAAC,EACjB,eAAe,CAAC,QAAQ,CAAC,EACzB,SAAS,CACV,KACG,KAAK,YAER,QAAQ,GACL,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AACF,YAAY,CAAC,WAAW,GAAG,cAAc,CAAC"}

package/dist/layout/window-size-provider.d.ts

@@ -0,0 +1,12 @@
+type WindowSizeClass = 'compact' | 'medium' | 'expanded' | 'large' | 'extra-large';
+interface WindowSizeContextType {
+    sizeClass: WindowSizeClass;
+    width: number;
+}
+export declare function useWindowSize(): WindowSizeContextType;
+interface WindowSizeProviderProps {
+    children: React.ReactNode;
+}
+export declare function WindowSizeProvider({ children }: WindowSizeProviderProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=window-size-provider.d.ts.map

package/dist/layout/window-size-provider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"window-size-provider.d.ts","sourceRoot":"","sources":["../../src/layout/window-size-provider.tsx"],"names":[],"mappings":"AAIA,KAAK,eAAe,GAAG,SAAS,GAAG,QAAQ,GAAG,UAAU,GAAG,OAAO,GAAG,aAAa,CAAC;AAEnF,UAAU,qBAAqB;IAC7B,SAAS,EAAE,eAAe,CAAC;IAC3B,KAAK,EAAE,MAAM,CAAC;CACf;AAID,wBAAgB,aAAa,0BAM5B;AAUD,UAAU,uBAAuB;IAC/B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,wBAAgB,kBAAkB,CAAC,EAAE,QAAQ,EAAE,EAAE,uBAAuB,+BAyBvE"}

package/dist/layout/window-size-provider.js

@@ -0,0 +1,40 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createContext, useContext, useEffect, useState } from 'react';
+const WindowSizeContext = createContext(undefined);
+export function useWindowSize() {
+    const context = useContext(WindowSizeContext);
+    if (!context) {
+        throw new Error('useWindowSize must be used within a WindowSizeProvider');
+    }
+    return context;
+}
+function getWindowSizeClass(width) {
+    if (width < 600)
+        return 'compact';
+    if (width < 840)
+        return 'medium';
+    if (width < 1200)
+        return 'expanded';
+    if (width < 1600)
+        return 'large';
+    return 'extra-large';
+}
+export function WindowSizeProvider({ children }) {
+    const [sizeClass, setSizeClass] = useState(() => typeof window !== 'undefined' ? getWindowSizeClass(window.innerWidth) : 'compact');
+    const [width, setWidth] = useState(typeof window !== 'undefined' ? window.innerWidth : 0);
+    useEffect(() => {
+        function handleResize() {
+            const newWidth = window.innerWidth;
+            setWidth(newWidth);
+            const sc = getWindowSizeClass(newWidth);
+            setSizeClass(sc);
+            document.documentElement.setAttribute('data-wsc', sc);
+        }
+        handleResize();
+        window.addEventListener('resize', handleResize);
+        return () => window.removeEventListener('resize', handleResize);
+    }, []);
+    return (_jsx(WindowSizeContext.Provider, { value: { sizeClass, width }, children: children }));
+}
+//# sourceMappingURL=window-size-provider.js.map

package/dist/layout/window-size-provider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"window-size-provider.js","sourceRoot":"","sources":["../../src/layout/window-size-provider.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AASvE,MAAM,iBAAiB,GAAG,aAAa,CAAoC,SAAS,CAAC,CAAC;AAEtF,MAAM,UAAU,aAAa;IAC3B,MAAM,OAAO,GAAG,UAAU,CAAC,iBAAiB,CAAC,CAAC;IAC9C,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,MAAM,IAAI,KAAK,CAAC,wDAAwD,CAAC,CAAC;IAC5E,CAAC;IACD,OAAO,OAAO,CAAC;AACjB,CAAC;AAED,SAAS,kBAAkB,CAAC,KAAa;IACvC,IAAI,KAAK,GAAG,GAAG;QAAE,OAAO,SAAS,CAAC;IAClC,IAAI,KAAK,GAAG,GAAG;QAAE,OAAO,QAAQ,CAAC;IACjC,IAAI,KAAK,GAAG,IAAI;QAAE,OAAO,UAAU,CAAC;IACpC,IAAI,KAAK,GAAG,IAAI;QAAE,OAAO,OAAO,CAAC;IACjC,OAAO,aAAa,CAAC;AACvB,CAAC;AAMD,MAAM,UAAU,kBAAkB,CAAC,EAAE,QAAQ,EAA2B;IACtE,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAkB,GAAG,EAAE,CAC/D,OAAO,MAAM,KAAK,WAAW,CAAC,CAAC,CAAC,kBAAkB,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,SAAS,CAClF,CAAC;IACF,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAS,OAAO,MAAM,KAAK,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAElG,SAAS,CAAC,GAAG,EAAE;QACb,SAAS,YAAY;YACnB,MAAM,QAAQ,GAAG,MAAM,CAAC,UAAU,CAAC;YACnC,QAAQ,CAAC,QAAQ,CAAC,CAAC;YACnB,MAAM,EAAE,GAAG,kBAAkB,CAAC,QAAQ,CAAC,CAAC;YACxC,YAAY,CAAC,EAAE,CAAC,CAAC;YAEjB,QAAQ,CAAC,eAAe,CAAC,YAAY,CAAC,UAAU,EAAE,EAAE,CAAC,CAAC;QACxD,CAAC;QAED,YAAY,EAAE,CAAC;QAEf,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;QAChD,OAAO,GAAG,EAAE,CAAC,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;IAClE,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,KAAC,iBAAiB,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE,YAAG,QAAQ,GAA8B,CACjG,CAAC;AACJ,CAAC"}

package/dist/lib/action-control.d.ts

@@ -0,0 +1,27 @@
+import { type MouseEvent } from 'react';
+export declare const actionInteractiveClass: string;
+export declare function getActionDisabledState(disabled: boolean, loading: boolean): boolean;
+export declare function getActionStateAttributes(isDisabled: boolean, loading: boolean): {
+    'aria-busy': true | undefined;
+    'data-disabled': string | undefined;
+};
+export declare function getActionAsChildAttributes(isDisabled: boolean, loading: boolean, props: Record<string, unknown> & {
+    onClick?: ((event: MouseEvent<HTMLElement>) => void) | undefined;
+    tabIndex?: number | undefined;
+}, childProps: {
+    onClick?: ((event: MouseEvent<HTMLElement>) => void) | undefined;
+    tabIndex?: number | undefined;
+}): {
+    onClick: (event: MouseEvent<HTMLElement, globalThis.MouseEvent>) => void;
+    tabIndex: number | undefined;
+    'aria-disabled': true | undefined;
+    'aria-busy': true | undefined;
+    'data-disabled': string | undefined;
+};
+export declare function ActionStateLayer({ className }: {
+    className?: string;
+}): import("react").JSX.Element;
+export declare function ActionSpinner({ className }: {
+    className?: string;
+}): import("react").JSX.Element;
+//# sourceMappingURL=action-control.d.ts.map

package/dist/lib/action-control.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"action-control.d.ts","sourceRoot":"","sources":["../../src/lib/action-control.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,OAAO,CAAC;AAGxC,eAAO,MAAM,sBAAsB,QAGlC,CAAC;AAEF,wBAAgB,sBAAsB,CAAC,QAAQ,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,WAEzE;AAED,wBAAgB,wBAAwB,CAAC,UAAU,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO;;;EAK7E;AAED,wBAAgB,0BAA0B,CACxC,UAAU,EAAE,OAAO,EACnB,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG;IAC/B,OAAO,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IACjE,QAAQ,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAC/B,EACD,UAAU,EAAE;IACV,OAAO,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IACjE,QAAQ,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAC/B;;;;;;EASF;AAED,wBAAgB,gBAAgB,CAAC,EAAE,SAAS,EAAE,EAAE;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,+BASrE;AAED,wBAAgB,aAAa,CAAC,EAAE,SAAS,EAAE,EAAE;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,+BAgBlE"}

package/dist/lib/action-control.js

@@ -0,0 +1,28 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn, composeAsChildClickHandler, focusRing } from './utils.js';
+export const actionInteractiveClass = cn('group overflow-hidden select-none active:scale-[0.98] motion-reduce:active:scale-100 disabled:cursor-not-allowed disabled:opacity-38 data-[disabled=true]:pointer-events-none data-[disabled=true]:cursor-not-allowed data-[disabled=true]:opacity-38', focusRing);
+export function getActionDisabledState(disabled, loading) {
+    return disabled || loading;
+}
+export function getActionStateAttributes(isDisabled, loading) {
+    return {
+        'aria-busy': loading || undefined,
+        'data-disabled': isDisabled ? 'true' : undefined,
+    };
+}
+export function getActionAsChildAttributes(isDisabled, loading, props, childProps) {
+    return {
+        ...getActionStateAttributes(isDisabled, loading),
+        'aria-disabled': isDisabled || undefined,
+        ...props,
+        onClick: composeAsChildClickHandler(isDisabled, props.onClick, childProps.onClick),
+        tabIndex: isDisabled ? -1 : (childProps.tabIndex ?? props.tabIndex),
+    };
+}
+export function ActionStateLayer({ className }) {
+    return (_jsx("span", { className: cn('group-hover:opacity-hover group-focus-visible:opacity-focus group-active:opacity-pressed pointer-events-none absolute inset-0 bg-current opacity-0 transition-opacity', className) }));
+}
+export function ActionSpinner({ className }) {
+    return (_jsxs("svg", { className: cn('animate-spin', className), viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", children: [_jsx("circle", { className: "opacity-25", cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "4" }), _jsx("path", { className: "opacity-75", fill: "currentColor", d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z" })] }));
+}
+//# sourceMappingURL=action-control.js.map