morya-ui 0.3.7 → 0.4.0

package/dist/theme/seed.d.ts

@@ -0,0 +1,53 @@
+/**
+ * Seed tokens — the single source of truth every other token is derived from.
+ *
+ * Mirrors the classic seed layer (same names, same meanings) so palettes
+ * derived here stay compatible with the design language the library targets.
+ * Values are plain data; no CSS units, no `var()` references.
+ */
+export interface MSeedTokens {
+    colorPrimary: string;
+    colorSuccess: string;
+    colorWarning: string;
+    colorError: string;
+    colorInfo: string;
+    /** Link color. Empty string falls back to `colorPrimary`. */
+    colorLink: string;
+    /** Base color neutral text is derived from. */
+    colorTextBase: string;
+    /** Base color for surfaces. */
+    colorBgBase: string;
+    fontFamily: string;
+    fontFamilyCode: string;
+    fontSize: number;
+    lineWidth: number;
+    borderRadius: number;
+    sizeUnit: number;
+    sizeStep: number;
+    controlHeight: number;
+    motionUnit: number;
+    motionBase: number;
+    motionEaseOut: string;
+    motionEaseInOut: string;
+    motionEaseOutBack: string;
+    motionEaseInBack: string;
+    motionEaseOutCirc: string;
+    motionEaseInOutCirc: string;
+    zIndexBase: number;
+    zIndexPopupBase: number;
+}
+export declare const defaultFontFamily = "-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'";
+export declare const defaultFontFamilyCode = "'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace";
+/** Light seed. Matches the library's default palette. */
+export declare const lightSeed: MSeedTokens;
+/**
+ * Dark seed. Inverting the base colors is what drives the neutral derivation
+ * (text/surface/border), matching the classic dark algorithm entry point.
+ */
+export declare const darkSeed: MSeedTokens;
+/** Compact seed — tighter sizing, matching the classic compact algorithm. */
+export declare const compactSeed: MSeedTokens;
+export type MThemeAlgorithm = 'default' | 'dark' | 'compact';
+/** Pick the seed that corresponds to an algorithm name. */
+export declare function seedForAlgorithm(algorithm: MThemeAlgorithm): MSeedTokens;
+//# sourceMappingURL=seed.d.ts.map

package/dist/theme/seed.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"seed.d.ts","sourceRoot":"","sources":["../../src/theme/seed.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,MAAM,WAAW,WAAW;IAE1B,YAAY,EAAE,MAAM,CAAA;IACpB,YAAY,EAAE,MAAM,CAAA;IACpB,YAAY,EAAE,MAAM,CAAA;IACpB,UAAU,EAAE,MAAM,CAAA;IAClB,SAAS,EAAE,MAAM,CAAA;IACjB,6DAA6D;IAC7D,SAAS,EAAE,MAAM,CAAA;IACjB,+CAA+C;IAC/C,aAAa,EAAE,MAAM,CAAA;IACrB,+BAA+B;IAC/B,WAAW,EAAE,MAAM,CAAA;IAGnB,UAAU,EAAE,MAAM,CAAA;IAClB,cAAc,EAAE,MAAM,CAAA;IACtB,QAAQ,EAAE,MAAM,CAAA;IAGhB,SAAS,EAAE,MAAM,CAAA;IAGjB,YAAY,EAAE,MAAM,CAAA;IAGpB,QAAQ,EAAE,MAAM,CAAA;IAChB,QAAQ,EAAE,MAAM,CAAA;IAChB,aAAa,EAAE,MAAM,CAAA;IAGrB,UAAU,EAAE,MAAM,CAAA;IAClB,UAAU,EAAE,MAAM,CAAA;IAClB,aAAa,EAAE,MAAM,CAAA;IACrB,eAAe,EAAE,MAAM,CAAA;IACvB,iBAAiB,EAAE,MAAM,CAAA;IACzB,gBAAgB,EAAE,MAAM,CAAA;IACxB,iBAAiB,EAAE,MAAM,CAAA;IACzB,mBAAmB,EAAE,MAAM,CAAA;IAG3B,UAAU,EAAE,MAAM,CAAA;IAClB,eAAe,EAAE,MAAM,CAAA;CACxB;AAED,eAAO,MAAM,iBAAiB,0LAA0L,CAAA;AAExN,eAAO,MAAM,qBAAqB,6EAA6E,CAAA;AAE/G,yDAAyD;AACzD,eAAO,MAAM,SAAS,EAAE,WAgCvB,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,QAAQ,EAAE,WAItB,CAAA;AAED,6EAA6E;AAC7E,eAAO,MAAM,WAAW,EAAE,WAIzB,CAAA;AAED,MAAM,MAAM,eAAe,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,CAAA;AAE5D,2DAA2D;AAC3D,wBAAgB,gBAAgB,CAAC,SAAS,EAAE,eAAe,GAAG,WAAW,CAIxE"}

package/dist/theme/styles.css

@@ -1,60 +1,79 @@
 :root {
-    --m-color-primary: #2563eb;
-    --m-color-primary-hover: #1d4ed8;
+    /* Default morya palette (--m-* token names) */
+    --m-color-primary: #1677ff;
+    --m-color-primary-hover: #4096ff;
+    --m-color-primary-active: #0958d9;
     --m-color-surface: #ffffff;
-    --m-color-text: #0f172a;
-    --m-color-text-muted: #64748b;
-    --m-color-border: #e2e8f0;
-    --m-color-focus-ring: #2563eb;
-    /* Naive-inspired control sizing (tiny omitted; medium = default) */
-    --m-control-height-small: 28px;
-    --m-control-height-medium: 34px;
+    --m-color-text: rgba(0, 0, 0, 0.88);
+    --m-color-text-muted: rgba(0, 0, 0, 0.45);
+    --m-color-border: #d9d9d9;
+    --m-color-split: #f0f0f0;
+    --m-color-focus-ring: #1677ff;
+    /* Control sizing: medium control height 32px */
+    --m-control-height-small: 24px;
+    --m-control-height-medium: 32px;
     --m-control-height-large: 40px;
     --m-control-font-small: 14px;
     --m-control-font-medium: 14px;
     --m-control-font-large: 15px;
     --m-control-padding-x-small: 10px;
-    --m-control-padding-x-medium: 12px;
-    --m-control-padding-x-large: 14px;
+    --m-control-padding-x-medium: 15px;
+    --m-control-padding-x-large: 16px;
 
-    --m-radius-control: 3px;
+    --m-radius-control: 6px;
     --m-border-width: 1px;
     --m-focus-shadow: 0 0 0 2px
-        color-mix(in srgb, var(--m-color-primary) 20%, transparent);
+        color-mix(in srgb, var(--m-color-primary) 45%, transparent);
     --m-focus-shadow-danger: 0 0 0 2px
-        color-mix(in srgb, var(--m-color-danger) 20%, transparent);
-    --m-color-success: #159570;
-    --m-color-info: #2563eb;
-    --m-color-warning: #d97706;
+        color-mix(in srgb, var(--m-color-danger) 45%, transparent);
+    --m-focus-shadow-warning: 0 0 0 2px
+        color-mix(in srgb, var(--m-color-warning) 45%, transparent);
+    --m-color-success: #52c41a;
+    --m-color-info: #1677ff;
+    --m-color-warning: #faad14;
     --m-color-warn: var(--m-color-warning);
     --m-color-help: #9333ea;
-    --m-color-danger: #dc2626;
-    --m-color-contrast: #0f172a;
+    --m-color-danger: #ff4d4f;
+    --m-color-contrast: rgba(0, 0, 0, 0.88);
     --m-color-contrast-fg: #ffffff;
-    --m-color-contrast-hover: #1e293b;
-    --m-color-contrast-active: #020617;
+    --m-color-contrast-hover: #1f1f1f;
+    --m-color-contrast-active: #141414;
     --m-color-on-emphasis: #ffffff;
-    --m-overlay-scrim: rgb(15 23 42 / 0.55);
-    --m-shadow-sm: 0 0 6px rgba(0, 0, 0, 0.12);
-    --m-shadow-md: 0 0 12px rgba(0, 0, 0, 0.12);
-    --m-shadow-lg: 0 12px 32px 4px rgba(0, 0, 0, 0.04), 0 8px 20px rgba(0, 0, 0, 0.08);
-    --m-shadow-raised: 0 0.25rem 0.75rem
-        color-mix(in srgb, var(--m-color-text) 14%, transparent);
-    --m-shadow-sticky: 4px 0 8px
-        color-mix(in srgb, var(--m-color-text) 6%, transparent);
-    --m-shadow-sticky-end: -4px 0 8px
-        color-mix(in srgb, var(--m-color-text) 6%, transparent);
+    --m-color-on-primary: var(--m-color-on-emphasis);
+    --m-overlay-scrim: rgb(0 0 0 / 0.45);
+    --m-shadow-sm:
+        0 1px 2px 0 rgb(0 0 0 / 0.03), 0 1px 6px -1px rgb(0 0 0 / 0.02),
+        0 2px 4px 0 rgb(0 0 0 / 0.02);
+    --m-shadow-md:
+        0 6px 16px 0 rgb(0 0 0 / 0.08), 0 3px 6px -4px rgb(0 0 0 / 0.12),
+        0 9px 28px 8px rgb(0 0 0 / 0.05);
+    --m-shadow-lg:
+        0 6px 16px 0 rgb(0 0 0 / 0.08), 0 3px 6px -4px rgb(0 0 0 / 0.12),
+        0 9px 28px 8px rgb(0 0 0 / 0.05);
+    --m-shadow-raised:
+        0 1px 2px -2px rgb(0 0 0 / 0.16), 0 3px 6px 0 rgb(0 0 0 / 0.12),
+        0 5px 12px 4px rgb(0 0 0 / 0.09);
+    --m-shadow-sticky: 6px 0 16px -8px rgb(0 0 0 / 0.08);
+    --m-shadow-sticky-end: -6px 0 16px -8px rgb(0 0 0 / 0.08);
 
     /* Typography scale (component text, not control-height fonts) */
     --m-font-size-xs: 0.75rem;
     --m-font-size-sm: 0.8125rem;
     --m-font-size-md: 0.875rem;
     --m-font-size-lg: 1.125rem;
+    --m-line-height-sm: 1.6667;
+    --m-line-height-md: 1.5714;
+    --m-line-height-lg: 1.5;
     /* Display scale (page titles, KPI figures) */
     --m-font-size-xl: 1.25rem;
     --m-font-size-2xl: 1.5rem;
     --m-font-size-3xl: 1.75rem;
     --m-opacity-disabled: 0.55;
+    --m-color-text-disabled: rgba(0, 0, 0, 0.25);
+    --m-color-bg-disabled: rgba(0, 0, 0, 0.04);
+    --m-font-weight: 400;
+    --m-font-weight-medium: 500;
+    --m-font-weight-strong: 600;
     /* Layering: override --m-z-base via ConfigProvider / createMoryaUI */
     --m-z-base: 1000;
     --m-z-overlay: var(--m-z-base);
@@ -63,6 +82,7 @@
     --m-z-tooltip: calc(var(--m-z-base) + 60);
     --m-z-toast: calc(var(--m-z-base) + 100);
     --m-z-popper: 40;
+    --m-z-sticky: 10;
 
     /* Affix hitbox tracks control height so small/compact shells do not overflow */
     --m-control-affix-size: calc(
@@ -73,7 +93,7 @@
     --m-meter-track-height: var(--m-space-5);
     --m-tree-toggler-size: var(--m-checkbox-control-size);
     --m-nav-rail-width: 12.5rem;
-    --m-nav-rail-collapsed-width: 4rem;
+    --m-nav-rail-collapsed-width: 5rem;
     --m-layout-header-height: calc(
         var(--m-control-height-medium) + 2 * var(--m-space-3)
     );
@@ -89,15 +109,19 @@
     --m-space-8: 2rem;
     --m-radius-sm: 0.25rem;
     --m-radius-md: 0.5rem;
-    --m-radius-lg: 0.75rem;
+    --m-radius-lg: 0.5rem;
     --m-radius-full: 9999px;
-    --m-font-sans: Inter, ui-sans-serif, system-ui, sans-serif;
+    --m-radius-pill: var(--m-radius-full);
+    --m-font-sans:
+        -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue",
+        Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
+        "Segoe UI Symbol", "Noto Color Emoji";
     --m-motion-fast: 150ms;
     --m-motion-normal: 250ms;
-    --m-motion-ease: cubic-bezier(0.2, 0, 0, 1);
-    --m-motion-enter: 180ms;
-    --m-motion-exit: 130ms;
-    --m-motion-distance: 1rem;
+    --m-motion-ease: cubic-bezier(0.215, 0.61, 0.355, 1);
+    --m-motion-enter: 200ms;
+    --m-motion-exit: 150ms;
+    --m-motion-distance: 0.5rem;
     --m-motion-spin: 1s;
     --m-motion-spin-dash: 1.5s;
     --m-motion-spin-fast: 0.8s;
@@ -135,7 +159,7 @@
     /* Table */
     --m-color-fill-light: color-mix(in srgb, var(--m-color-text) 6%, var(--m-color-surface));
     --m-color-fill-lighter: color-mix(in srgb, var(--m-color-text) 3.5%, var(--m-color-surface));
-    --m-table-border-color: var(--m-color-border);
+    --m-table-border-color: var(--m-color-split);
     --m-table-header-bg: var(--m-color-fill-light);
     --m-table-header-text: var(--m-color-text);
     --m-table-text: var(--m-color-text);
@@ -243,7 +267,7 @@
     --m-control-affix-gap: 2rem;
     --m-checkbox-control-size: 1rem;
     --m-nav-rail-width: 15rem;
-    --m-nav-rail-collapsed-width: 3.25rem;
+    --m-nav-rail-collapsed-width: 4rem;
     --m-space-1: 0.2rem;
     --m-space-2: 0.4rem;
     --m-space-3: 0.6rem;
@@ -272,7 +296,7 @@
     --m-control-affix-gap: 2.65rem;
     --m-checkbox-control-size: 1.25rem;
     --m-nav-rail-width: 18rem;
-    --m-nav-rail-collapsed-width: 4.5rem;
+    --m-nav-rail-collapsed-width: 5.5rem;
     --m-space-1: 0.3rem;
     --m-space-2: 0.6rem;
     --m-space-3: 0.9rem;
@@ -312,40 +336,52 @@
 }
 
 [data-theme="dark"] {
-    --m-color-primary: #60a5fa;
-    --m-color-primary-hover: #93c5fd;
-    --m-color-surface: #0f172a;
-    --m-color-text: #f8fafc;
-    --m-color-text-muted: #94a3b8;
-    --m-color-border: #334155;
-    --m-color-focus-ring: #93c5fd;
+    /* Dark theme solids on dark surfaces (readable mid tones) */
+    --m-color-primary: #1668dc;
+    --m-color-primary-hover: #3c89e8;
+    --m-color-primary-active: #1554ad;
+    --m-color-surface: #141414;
+    --m-color-text: rgba(255, 255, 255, 0.85);
+    --m-color-text-muted: rgba(255, 255, 255, 0.45);
+    --m-color-text-disabled: rgba(255, 255, 255, 0.3);
+    --m-color-bg-disabled: rgba(255, 255, 255, 0.08);
+    --m-color-border: #424242;
+    --m-color-split: #303030;
+    --m-color-focus-ring: #3c89e8;
     --m-focus-shadow: 0 0 0 2px
-        color-mix(in srgb, var(--m-color-primary) 28%, transparent);
+        color-mix(in srgb, var(--m-color-primary) 50%, transparent);
     --m-focus-shadow-danger: 0 0 0 2px
-        color-mix(in srgb, var(--m-color-danger) 28%, transparent);
+        color-mix(in srgb, var(--m-color-danger) 50%, transparent);
+    --m-focus-shadow-warning: 0 0 0 2px
+        color-mix(in srgb, var(--m-color-warning) 50%, transparent);
     /* Mid solids: keep ≥~4.5:1 with --m-color-on-emphasis on dark surfaces */
-    --m-color-success: #0f766e;
-    --m-color-info: #1d4ed8;
-    --m-color-warning: #b45309;
+    --m-color-success: #49aa19;
+    --m-color-info: #1668dc;
+    --m-color-warning: #d89614;
     --m-color-warn: var(--m-color-warning);
     --m-color-help: #7e22ce;
-    --m-color-danger: #dc2626;
-    --m-color-contrast: #f8fafc;
-    --m-color-contrast-fg: #0f172a;
-    --m-color-contrast-hover: #e2e8f0;
-    --m-color-contrast-active: #cbd5e1;
-    --m-overlay-scrim: rgb(2 6 23 / 0.72);
-    --m-shadow-sm: 0 0 6px rgba(0, 0, 0, 0.12);
-    --m-shadow-md: 0 0 12px rgba(0, 0, 0, 0.12);
-    --m-shadow-lg: 0 12px 32px 4px rgba(0, 0, 0, 0.04), 0 8px 20px rgba(0, 0, 0, 0.08);
-    --m-shadow-raised: 0 0.25rem 0.75rem
-        color-mix(in srgb, var(--m-color-text) 22%, transparent);
-    --m-shadow-sticky: 4px 0 8px
-        color-mix(in srgb, #000 35%, transparent);
-    --m-shadow-sticky-end: -4px 0 8px
-        color-mix(in srgb, #000 35%, transparent);
+    --m-color-danger: #dc4446;
+    --m-color-contrast: rgba(255, 255, 255, 0.85);
+    --m-color-contrast-fg: #141414;
+    --m-color-contrast-hover: #f5f5f5;
+    --m-color-contrast-active: #d9d9d9;
+    --m-overlay-scrim: rgb(0 0 0 / 0.65);
+    --m-shadow-sm:
+        0 1px 2px 0 rgb(0 0 0 / 0.16), 0 1px 6px -1px rgb(0 0 0 / 0.12),
+        0 2px 4px 0 rgb(0 0 0 / 0.08);
+    --m-shadow-md:
+        0 6px 16px 0 rgb(0 0 0 / 0.32), 0 3px 6px -4px rgb(0 0 0 / 0.48),
+        0 9px 28px 8px rgb(0 0 0 / 0.2);
+    --m-shadow-lg:
+        0 6px 16px 0 rgb(0 0 0 / 0.32), 0 3px 6px -4px rgb(0 0 0 / 0.48),
+        0 9px 28px 8px rgb(0 0 0 / 0.2);
+    --m-shadow-raised:
+        0 1px 2px -2px rgb(0 0 0 / 0.64), 0 3px 6px 0 rgb(0 0 0 / 0.48),
+        0 5px 12px 4px rgb(0 0 0 / 0.36);
+    --m-shadow-sticky: 6px 0 16px -8px rgb(0 0 0 / 0.45);
+    --m-shadow-sticky-end: -6px 0 16px -8px rgb(0 0 0 / 0.45);
 
-    --m-table-border-color: color-mix(in srgb, var(--m-color-border) 88%, var(--m-color-text));
+    --m-table-border-color: var(--m-color-split);
     --m-color-fill-light: color-mix(in srgb, var(--m-color-text) 10%, var(--m-color-surface));
     --m-color-fill-lighter: color-mix(in srgb, var(--m-color-text) 6%, var(--m-color-surface));
     --m-table-header-bg: var(--m-color-fill-light);

package/dist/theme/tokens.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tokens.d.ts","sourceRoot":"","sources":["../../src/theme/tokens.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,WAAW;IAC1B,OAAO,EAAE,MAAM,CAAC;IAChB,YAAY,EAAE,MAAM,CAAC;IACrB,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,aAAa;IAC5B,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;CACX;AAED,MAAM,WAAW,YAAY;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;CACd;AAED,gFAAgF;AAChF,MAAM,WAAW,YAAY;IAC3B,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,EAAE,MAAM,CAAC;IACtB,aAAa,EAAE,MAAM,CAAC;IACtB,aAAa,EAAE,MAAM,CAAC;IACtB,aAAa,EAAE,MAAM,CAAC;IACtB,YAAY,EAAE,MAAM,CAAC;IACrB,eAAe,EAAE,MAAM,CAAC;IACxB,qBAAqB,EAAE,MAAM,CAAC;CAC/B;AAED,MAAM,WAAW,YAAY;IAC3B,MAAM,EAAE,MAAM,CAAC;IACf,YAAY,EAAE,MAAM,CAAC;IACrB,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;IACnB,mBAAmB,EAAE,MAAM,CAAC;IAC5B,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,WAAW,CAAC;IACnB,KAAK,EAAE,aAAa,CAAC;IACrB,MAAM,EAAE,YAAY,CAAC;IACrB,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,YAAY,CAAC;IACrB,MAAM,EAAE,YAAY,CAAC;CACtB;AAwBD,eAAO,MAAM,WAAW,EAAE,YA+BzB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,YAYxB,CAAC"}
+{"version":3,"file":"tokens.d.ts","sourceRoot":"","sources":["../../src/theme/tokens.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,WAAW;IAC1B,OAAO,EAAE,MAAM,CAAC;IAChB,YAAY,EAAE,MAAM,CAAC;IACrB,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,aAAa;IAC5B,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;CACX;AAED,MAAM,WAAW,YAAY;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;CACd;AAED,gFAAgF;AAChF,MAAM,WAAW,YAAY;IAC3B,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,EAAE,MAAM,CAAC;IACtB,aAAa,EAAE,MAAM,CAAC;IACtB,aAAa,EAAE,MAAM,CAAC;IACtB,aAAa,EAAE,MAAM,CAAC;IACtB,YAAY,EAAE,MAAM,CAAC;IACrB,eAAe,EAAE,MAAM,CAAC;IACxB,qBAAqB,EAAE,MAAM,CAAC;CAC/B;AAED,MAAM,WAAW,YAAY;IAC3B,MAAM,EAAE,MAAM,CAAC;IACf,YAAY,EAAE,MAAM,CAAC;IACrB,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;IACnB,mBAAmB,EAAE,MAAM,CAAC;IAC5B,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,WAAW,CAAC;IACnB,KAAK,EAAE,aAAa,CAAC;IACrB,MAAM,EAAE,YAAY,CAAC;IACrB,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,YAAY,CAAC;IACrB,MAAM,EAAE,YAAY,CAAC;CACtB;AAwBD,eAAO,MAAM,WAAW,EAAE,YAgCzB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,YAYxB,CAAC"}

package/dist/tiered-menu/index.js

@@ -1,34 +1,34 @@
 import { a as e } from "../useComponentAttrs-e-5QAjdw.js";
-import { t } from "../Icon-od9Ob-Ay.js";
-import { t as n } from "../useMotionTransition-tW0yeJsy.js";
-import { n as ee, t as te } from "../overlay-oR-5MDuE.js";
-import { t as r } from "../overlayPlacement-qwEJPVS4.js";
-import { t as i } from "../useFloatingViewportSync-wLLKIGUA.js";
-import { t as a } from "../Scrollbar-DTeJ8P5b.js";
-import { t as ne } from "../lastPointer-CRxcUqdd.js";
-import { t as o } from "../FlyoutSubmenu-C_OrDaPN.js";
-import { c as re } from "../config-De8ueCY-.js";
+import { n as t, t as n } from "../overlay-oR-5MDuE.js";
+import { t as ee } from "../overlayPlacement-qwEJPVS4.js";
+import { t as r } from "../useFloatingViewportSync-wLLKIGUA.js";
+import { t as i } from "../useMotionTransition-S2rlviyZ.js";
+import { t as a } from "../Icon-od9Ob-Ay.js";
+import { t as o } from "../Scrollbar-DTeJ8P5b.js";
+import { t as s } from "../lastPointer-CRxcUqdd.js";
+import { t as c } from "../FlyoutSubmenu-C1RfFRzH.js";
+import { c as te } from "../config-COgrsSV2.js";
 import "./style.js";
-import { Fragment as s, Teleport as c, Transition as l, computed as u, createBlock as d, createCommentVNode as f, createElementBlock as p, createElementVNode as m, createVNode as h, defineComponent as g, mergeProps as _, nextTick as v, onBeforeUnmount as y, openBlock as b, ref as x, renderList as S, toDisplayString as C, unref as w, useAttrs as ie, watch as T, withCtx as E } from "vue";
+import { Fragment as l, Teleport as ne, Transition as u, computed as d, createBlock as f, createCommentVNode as p, createElementBlock as m, createElementVNode as h, createVNode as g, defineComponent as _, mergeProps as v, nextTick as y, onBeforeUnmount as b, openBlock as x, ref as S, renderList as C, toDisplayString as w, unref as T, useAttrs as re, watch as E, withCtx as D } from "vue";
 //#region src/components/TieredMenu/TieredMenu.vue?vue&type=script&setup=true&lang.ts
-var ae = ["onMouseenter"], oe = {
+var ie = ["onMouseenter"], ae = {
 	key: 0,
 	class: "m-tieredmenu__separator",
 	role: "separator"
-}, se = [
+}, oe = [
 	"disabled",
 	"aria-haspopup",
 	"aria-expanded",
 	"onClick"
-], ce = {
+], se = {
 	key: 0,
 	class: "m-tieredmenu__caret",
 	"aria-hidden": "true"
-}, le = {
+}, ce = {
 	key: 0,
 	class: "m-tieredmenu__separator",
 	role: "separator"
-}, D = ["disabled", "onClick"], O = ["onMouseenter"], k = {
+}, le = ["disabled", "onClick"], O = ["onMouseenter"], k = {
 	key: 0,
 	class: "m-tieredmenu__separator",
 	role: "separator"
@@ -45,7 +45,7 @@ var ae = ["onMouseenter"], oe = {
 	key: 0,
 	class: "m-tieredmenu__separator",
 	role: "separator"
-}, N = ["disabled", "onClick"], P = /* @__PURE__ */ g({
+}, N = ["disabled", "onClick"], P = /* @__PURE__ */ _({
 	inheritAttrs: !1,
 	__name: "TieredMenu",
 	props: {
@@ -71,15 +71,15 @@ var ae = ["onMouseenter"], oe = {
 		}
 	},
 	emits: ["update:modelValue"],
-	setup(g, { emit: P }) {
-		let F = g, I = P, L = ie(), { rootAttrs: R } = e(L, () => F.pt), z = re(), { transitionName: B, transitionCss: V } = n({
+	setup(_, { emit: P }) {
+		let F = _, I = P, L = re(), { rootAttrs: R } = e(L, () => F.pt), z = te(), { transitionName: B, transitionCss: V } = i({
 			role: "popup",
 			local: () => F.transition,
 			componentName: "TieredMenu",
 			fallback: "scale-fade"
-		}), H = x(null), U = x(null), W = x(null), G = x({}), K = u(() => ee(F.popup ? F : { teleport: !1 }, z.value.appendTo)), q = u(() => F.popup && te(F, z.value.appendTo));
+		}), H = S(null), U = S(null), W = S(null), G = S({}), K = d(() => t(F.popup ? F : { teleport: !1 }, z.value.appendTo)), q = d(() => F.popup && n(F, z.value.appendTo));
 		function ue() {
-			let { x: e, y: t } = ne();
+			let { x: e, y: t } = s();
 			return {
 				left: e,
 				top: t,
@@ -90,7 +90,7 @@ var ae = ["onMouseenter"], oe = {
 			};
 		}
 		function J() {
-			!F.popup || !F.modelValue || !q.value || (G.value = r(ue(), F.placement, { minWidth: "12rem" }));
+			!F.popup || !F.modelValue || !q.value || (G.value = ee(ue(), F.placement, { minWidth: "12rem" }));
 		}
 		function de() {
 			F.modelValue && J();
@@ -117,128 +117,128 @@ var ae = ["onMouseenter"], oe = {
 			let t = e.target;
 			H.value?.contains(t) || document.querySelector(".m-tieredmenu__submenu--teleported")?.contains(t) || (U.value = null, W.value = null, F.popup && F.modelValue && I("update:modelValue", !1));
 		}
-		return T(() => !!(!F.popup || F.modelValue), (e) => {
+		return E(() => !!(!F.popup || F.modelValue), (e) => {
 			e ? document.addEventListener("click", $) : document.removeEventListener("click", $);
-		}, { immediate: !0 }), T(() => F.modelValue, (e) => {
-			F.popup && e && v(J);
-		}, { immediate: !0 }), i(() => !!(F.popup && F.modelValue && q.value), de), y(() => {
+		}, { immediate: !0 }), E(() => F.modelValue, (e) => {
+			F.popup && e && y(J);
+		}, { immediate: !0 }), r(() => !!(F.popup && F.modelValue && q.value), de), b(() => {
 			document.removeEventListener("click", $);
-		}), (e, n) => g.popup ? (b(), d(c, {
+		}), (e, t) => _.popup ? (x(), f(ne, {
 			key: 1,
 			to: K.value.to,
 			disabled: K.value.disabled
-		}, [h(l, {
-			name: w(B),
-			css: w(V)
+		}, [g(u, {
+			name: T(B),
+			css: T(V)
 		}, {
-			default: E(() => [g.modelValue ? (b(), p("div", _({
+			default: D(() => [_.modelValue ? (x(), m("div", v({
 				key: 0,
 				ref_key: "root",
 				ref: H
-			}, w(R), {
+			}, T(R), {
 				class: ["m-tieredmenu m-tieredmenu--popup", { "m-tieredmenu--teleported": q.value }],
 				style: q.value ? G.value : void 0,
 				role: "menu"
-			}), [h(a, {
+			}), [g(o, {
 				class: "m-tieredmenu__scroll",
 				"fit-content": "",
 				"wrap-class": "m-tieredmenu__scroll-wrap",
 				"view-class": "m-tieredmenu__scroll-view"
 			}, {
-				default: E(() => [(b(!0), p(s, null, S(g.model, (e, n) => (b(), p("div", {
-					key: `${e.label ?? "sep"}-${n}`,
+				default: D(() => [(x(!0), m(l, null, C(_.model, (e, t) => (x(), m("div", {
+					key: `${e.label ?? "sep"}-${t}`,
 					class: "m-tieredmenu__row",
-					onMouseenter: (t) => Q(n, e, t)
-				}, [e.separator ? (b(), p("div", k)) : (b(), p("button", {
+					onMouseenter: (n) => Q(t, e, n)
+				}, [e.separator ? (x(), m("div", k)) : (x(), m("button", {
 					key: 1,
 					type: "button",
 					class: "m-tieredmenu__item",
 					role: "menuitem",
 					disabled: e.disabled,
 					"aria-haspopup": e.items?.length ? "menu" : void 0,
-					"aria-expanded": e.items?.length ? U.value === n : void 0,
-					onClick: (t) => e.items?.length ? Q(n, e, t) : Y(e)
-				}, [m("span", null, C(e.label), 1), e.items?.length ? (b(), p("span", j, [h(t, {
+					"aria-expanded": e.items?.length ? U.value === t : void 0,
+					onClick: (n) => e.items?.length ? Q(t, e, n) : Y(e)
+				}, [h("span", null, w(e.label), 1), e.items?.length ? (x(), m("span", j, [g(a, {
 					name: "chevron-right",
 					size: "sm"
-				})])) : f("", !0)], 8, A)), h(o, {
-					open: U.value === n && !!e.items?.length,
-					anchor: U.value === n ? W.value : null,
+				})])) : p("", !0)], 8, A)), g(c, {
+					open: U.value === t && !!e.items?.length,
+					anchor: U.value === t ? W.value : null,
 					"panel-class": "m-tieredmenu__submenu"
 				}, {
-					default: E(() => [h(a, {
+					default: D(() => [g(o, {
 						class: "m-tieredmenu__submenu-scroll",
 						"fit-content": "",
 						"wrap-class": "m-tieredmenu__submenu-wrap-inner",
 						"view-class": "m-tieredmenu__submenu-view"
 					}, {
-						default: E(() => [(b(!0), p(s, null, S(e.items, (e, t) => (b(), p(s, { key: `${e.label ?? "sep"}-${t}` }, [e.separator ? (b(), p("div", M)) : (b(), p("button", {
+						default: D(() => [(x(!0), m(l, null, C(e.items, (e, t) => (x(), m(l, { key: `${e.label ?? "sep"}-${t}` }, [e.separator ? (x(), m("div", M)) : (x(), m("button", {
 							key: 1,
 							type: "button",
 							class: "m-tieredmenu__item",
 							role: "menuitem",
 							disabled: e.disabled,
 							onClick: (t) => X(e)
-						}, C(e.label), 9, N))], 64))), 128))]),
+						}, w(e.label), 9, N))], 64))), 128))]),
 						_: 2
 					}, 1024)]),
 					_: 2
 				}, 1032, ["open", "anchor"])], 40, O))), 128))]),
 				_: 1
-			})], 16)) : f("", !0)]),
+			})], 16)) : p("", !0)]),
 			_: 1
-		}, 8, ["name", "css"])], 8, ["to", "disabled"])) : (b(), p("div", _({
+		}, 8, ["name", "css"])], 8, ["to", "disabled"])) : (x(), m("div", v({
 			key: 0,
 			ref_key: "root",
 			ref: H
-		}, w(R), {
+		}, T(R), {
 			class: "m-tieredmenu",
 			role: "menu"
-		}), [h(a, {
+		}), [g(o, {
 			class: "m-tieredmenu__scroll",
 			"fit-content": "",
 			"wrap-class": "m-tieredmenu__scroll-wrap",
 			"view-class": "m-tieredmenu__scroll-view"
 		}, {
-			default: E(() => [(b(!0), p(s, null, S(g.model, (e, n) => (b(), p("div", {
-				key: `${e.label ?? "sep"}-${n}`,
+			default: D(() => [(x(!0), m(l, null, C(_.model, (e, t) => (x(), m("div", {
+				key: `${e.label ?? "sep"}-${t}`,
 				class: "m-tieredmenu__row",
-				onMouseenter: (t) => Q(n, e, t)
-			}, [e.separator ? (b(), p("div", oe)) : (b(), p("button", {
+				onMouseenter: (n) => Q(t, e, n)
+			}, [e.separator ? (x(), m("div", ae)) : (x(), m("button", {
 				key: 1,
 				type: "button",
 				class: "m-tieredmenu__item",
 				role: "menuitem",
 				disabled: e.disabled,
 				"aria-haspopup": e.items?.length ? "menu" : void 0,
-				"aria-expanded": e.items?.length ? U.value === n : void 0,
-				onClick: (t) => e.items?.length ? Q(n, e, t) : Y(e)
-			}, [m("span", null, C(e.label), 1), e.items?.length ? (b(), p("span", ce, [h(t, {
+				"aria-expanded": e.items?.length ? U.value === t : void 0,
+				onClick: (n) => e.items?.length ? Q(t, e, n) : Y(e)
+			}, [h("span", null, w(e.label), 1), e.items?.length ? (x(), m("span", se, [g(a, {
 				name: "chevron-right",
 				size: "sm"
-			})])) : f("", !0)], 8, se)), h(o, {
-				open: U.value === n && !!e.items?.length,
-				anchor: U.value === n ? W.value : null,
+			})])) : p("", !0)], 8, oe)), g(c, {
+				open: U.value === t && !!e.items?.length,
+				anchor: U.value === t ? W.value : null,
 				"panel-class": "m-tieredmenu__submenu"
 			}, {
-				default: E(() => [h(a, {
+				default: D(() => [g(o, {
 					class: "m-tieredmenu__submenu-scroll",
 					"fit-content": "",
 					"wrap-class": "m-tieredmenu__submenu-wrap-inner",
 					"view-class": "m-tieredmenu__submenu-view"
 				}, {
-					default: E(() => [(b(!0), p(s, null, S(e.items, (e, t) => (b(), p(s, { key: `${e.label ?? "sep"}-${t}` }, [e.separator ? (b(), p("div", le)) : (b(), p("button", {
+					default: D(() => [(x(!0), m(l, null, C(e.items, (e, t) => (x(), m(l, { key: `${e.label ?? "sep"}-${t}` }, [e.separator ? (x(), m("div", ce)) : (x(), m("button", {
 						key: 1,
 						type: "button",
 						class: "m-tieredmenu__item",
 						role: "menuitem",
 						disabled: e.disabled,
 						onClick: (t) => X(e)
-					}, C(e.label), 9, D))], 64))), 128))]),
+					}, w(e.label), 9, le))], 64))), 128))]),
 					_: 2
 				}, 1024)]),
 				_: 2
-			}, 1032, ["open", "anchor"])], 40, ae))), 128))]),
+			}, 1032, ["open", "anchor"])], 40, ie))), 128))]),
 			_: 1
 		})], 16));
 	}