@duskmoon-dev/core 1.18.1 → 1.18.2

package/dist/esm/components/list.js

@@ -149,7 +149,7 @@ export const css = `/**
   /* Disabled State */
   .list-item:disabled,
   .list-item-disabled {
-    opacity: 0.5;
+    opacity: 0.7;
     pointer-events: none;
     cursor: not-allowed;
   }

package/dist/esm/components/multi-select.js

@@ -44,7 +44,6 @@ export const css = `/**
   .multi-select-placeholder {
     flex: 1;
     color: var(--color-on-surface-variant);
-    opacity: 0.7;
   }
 
   /* Selected Tags Container */

package/dist/esm/components/navigation.js

@@ -66,6 +66,10 @@ export const css = `/**
     color: var(--color-error-content);
   }
 
+  .navbar a {
+    color: inherit;
+  }
+
   .navbar-start {
     display: flex;
     align-items: center;
@@ -418,7 +422,7 @@ export const css = `/**
 
   /* Disabled Breadcrumb Item */
   .breadcrumb-item-disabled {
-    opacity: 0.38;
+    opacity: 1;
     pointer-events: none;
     cursor: not-allowed;
   }

package/dist/esm/components/nested-menu.js

@@ -84,10 +84,15 @@ export const css = `/**
 
   /* Disabled state */
   .nested-menu li.disabled {
-    opacity: 0.5;
+    opacity: 1 !important;
     pointer-events: none;
   }
 
+  .nested-menu li.disabled > a,
+  .nested-menu li.disabled > button {
+    color: var(--color-on-surface-variant);
+  }
+
   /* ============================================
    * COLLAPSIBLE SUBMENUS (<details>/<summary>)
    * ============================================ */

package/dist/esm/components/stepper.js

@@ -96,7 +96,7 @@ export const css = `/**
   }
 
   .stepper-step-disabled .stepper-step-icon {
-    opacity: 0.6;
+    opacity: 0.7;
     cursor: not-allowed;
   }
 
@@ -296,7 +296,7 @@ export const css = `/**
   /* Disabled State */
   .stepper-step-disabled .stepper-step-button {
     cursor: not-allowed;
-    opacity: 0.6;
+    opacity: 0.7;
   }
 
   /* Icon Stepper */

package/dist/esm/components/switch.js

@@ -35,8 +35,8 @@ export const css = `/**
     border: 2px solid var(--switch-border-color);
     border-radius: var(--switch-height);
     /* Use !important to override global * { transition } rules from layers */
-    transition: background-color 200ms ease-in-out !important,
-      border-color 200ms ease-in-out !important,
+    transition: background-color 200ms ease-in-out,
+      border-color 200ms ease-in-out,
       grid-template-columns 200ms ease-in-out !important;
   }
 
@@ -49,8 +49,8 @@ export const css = `/**
     background-color: var(--switch-thumb-color);
     border-radius: var(--radius-full);
     /* Use !important to override global * { transition } rules */
-    transition: background-color 200ms ease-in-out !important,
-      width 200ms ease-in-out !important,
+    transition: background-color 200ms ease-in-out,
+      width 200ms ease-in-out,
       margin 200ms ease-in-out !important;
   }
 

package/dist/esm/components/textarea.js

@@ -97,6 +97,7 @@ export const css = `/**
     border-radius: var(--radius-sm);
     outline: none;
     resize: vertical;
+    field-sizing: content;
     transition: border-color 150ms ease-in-out, box-shadow 150ms ease-in-out;
   }
 
@@ -254,7 +255,7 @@ export const css = `/**
   }
 
   /* ============================================
-   * AUTO-RESIZE (requires JS)
+   * COMPACT AUTO-RESIZE
    * ============================================ */
 
   .textarea-auto-resize,

package/dist/esm/tailwind-plugin.js

@@ -81,6 +81,6 @@ var duskmoonPlugin = plugin(({ matchUtilities, theme }) => {
 });
 var tailwind_plugin_default = duskmoonPlugin;
 export {
-  duskmoonPlugin,
-  tailwind_plugin_default as default
+  tailwind_plugin_default as default,
+  duskmoonPlugin
 };

package/dist/index.css

@@ -485,20 +485,20 @@ html {
   --theme-family: "duskmoon";
   --theme-pair: "moonlight";
   --theme-description: "Warm amber/coral";
-  --color-primary: oklch(72% 0.17 75);
-  --color-primary-content: oklch(25% 0.03 95.91);
+  --color-primary: oklch(52% 0.17 75);
+  --color-primary-content: oklch(100% 0 0);
   --color-primary-container: oklch(95% 0.035 95.91);
   --color-on-primary-container: oklch(25% 0.03 95.91);
-  --color-secondary: oklch(62% 0.19 20);
+  --color-secondary: oklch(55% 0.19 20);
   --color-secondary-content: oklch(100% 0 0);
   --color-secondary-container: oklch(94% 0.05 87.01);
   --color-on-secondary-container: oklch(25% 0.05 87.01);
-  --color-tertiary: oklch(80% 0.085 235);
-  --color-tertiary-content: oklch(18% 0.010 235);
+  --color-tertiary: oklch(52% 0.085 235);
+  --color-tertiary-content: oklch(100% 0 0);
   --color-tertiary-container: oklch(95% 0.035 235);
   --color-on-tertiary-container: oklch(22% 0.012 235);
-  --color-accent: oklch(85.23% 0.14 327);
-  --color-accent-content: oklch(41% 0.112 45.904);
+  --color-accent: oklch(52% 0.14 327);
+  --color-accent-content: oklch(100% 0 0);
   --color-neutral: oklch(0% 0 0);
   --color-neutral-content: oklch(80% 0.015 50);
   --color-neutral-variant: oklch(50% 0.02 260);
@@ -534,16 +534,16 @@ html {
   --color-info-content: oklch(91.94% 0.114 254.39);
   --color-info-container: oklch(95% 0.03 235);
   --color-on-info-container: oklch(35% 0.08 235);
-  --color-success: oklch(67.21% 0.19 133.55);
-  --color-success-content: oklch(27.21% 0.19 133.55);
+  --color-success: oklch(50% 0.19 133.55);
+  --color-success-content: oklch(100% 0 0);
   --color-success-container: oklch(93% 0.04 150);
   --color-on-success-container: oklch(30% 0.08 150);
-  --color-warning: oklch(68.19% 0.203 42.44);
-  --color-warning-content: oklch(18.19% 0.3 42);
+  --color-warning: oklch(52% 0.203 42.44);
+  --color-warning-content: oklch(100% 0 0);
   --color-warning-container: oklch(93% 0.05 80);
   --color-on-warning-container: oklch(38% 0.10 80);
-  --color-error: oklch(61.17% 0.237 28.15);
-  --color-error-content: oklch(90.01% 0.153 84.78);
+  --color-error: oklch(52% 0.237 28.15);
+  --color-error-content: oklch(100% 0 0);
   --color-error-container: oklch(93% 0.04 25);
   --color-on-error-container: oklch(32% 0.10 25);
 
@@ -650,20 +650,20 @@ html {
   --theme-family: "duskmoon";
   --theme-pair: "moonlight";
   --theme-description: "Warm amber/coral";
-  --color-primary: oklch(72% 0.17 75);
-  --color-primary-content: oklch(25% 0.03 95.91);
+  --color-primary: oklch(52% 0.17 75);
+  --color-primary-content: oklch(100% 0 0);
   --color-primary-container: oklch(95% 0.035 95.91);
   --color-on-primary-container: oklch(25% 0.03 95.91);
-  --color-secondary: oklch(62% 0.19 20);
+  --color-secondary: oklch(55% 0.19 20);
   --color-secondary-content: oklch(100% 0 0);
   --color-secondary-container: oklch(94% 0.05 87.01);
   --color-on-secondary-container: oklch(25% 0.05 87.01);
-  --color-tertiary: oklch(80% 0.085 235);
-  --color-tertiary-content: oklch(18% 0.010 235);
+  --color-tertiary: oklch(52% 0.085 235);
+  --color-tertiary-content: oklch(100% 0 0);
   --color-tertiary-container: oklch(95% 0.035 235);
   --color-on-tertiary-container: oklch(22% 0.012 235);
-  --color-accent: oklch(85.23% 0.14 327);
-  --color-accent-content: oklch(41% 0.112 45.904);
+  --color-accent: oklch(52% 0.14 327);
+  --color-accent-content: oklch(100% 0 0);
   --color-neutral: oklch(0% 0 0);
   --color-neutral-content: oklch(80% 0.015 50);
   --color-neutral-variant: oklch(50% 0.02 260);
@@ -699,16 +699,16 @@ html {
   --color-info-content: oklch(91.94% 0.114 254.39);
   --color-info-container: oklch(95% 0.03 235);
   --color-on-info-container: oklch(35% 0.08 235);
-  --color-success: oklch(67.21% 0.19 133.55);
-  --color-success-content: oklch(27.21% 0.19 133.55);
+  --color-success: oklch(50% 0.19 133.55);
+  --color-success-content: oklch(100% 0 0);
   --color-success-container: oklch(93% 0.04 150);
   --color-on-success-container: oklch(30% 0.08 150);
-  --color-warning: oklch(68.19% 0.203 42.44);
-  --color-warning-content: oklch(18.19% 0.6 42);
+  --color-warning: oklch(52% 0.203 42.44);
+  --color-warning-content: oklch(100% 0 0);
   --color-warning-container: oklch(93% 0.05 80);
   --color-on-warning-container: oklch(38% 0.10 80);
-  --color-error: oklch(61.17% 0.237 28.15);
-  --color-error-content: oklch(90.01% 0.153 84.78);
+  --color-error: oklch(52% 0.237 28.15);
+  --color-error-content: oklch(100% 0 0);
   --color-error-container: oklch(93% 0.04 25);
   --color-on-error-container: oklch(32% 0.10 25);
 
@@ -2656,6 +2656,7 @@ html {
     border: 1px solid currentColor;
     border-radius: var(--radius-sm);
     resize: vertical;
+    field-sizing: content;
     transition: border-color 150ms ease-in-out;
   }
 
@@ -2915,6 +2916,10 @@ html {
     color: var(--color-error-content);
   }
 
+  .navbar a {
+    color: inherit;
+  }
+
   .navbar-start {
     display: flex;
     align-items: center;
@@ -3267,7 +3272,7 @@ html {
 
   /* Disabled Breadcrumb Item */
   .breadcrumb-item-disabled {
-    opacity: 0.38;
+    opacity: 1;
     pointer-events: none;
     cursor: not-allowed;
   }
@@ -4810,28 +4815,22 @@ html {
   }
 
   .chat-start .chat-bubble::before,
-  .chat-end .chat-bubble::before,
-  .chat-start .chat-bubble::after,
-  .chat-end .chat-bubble::after {
+  .chat-end .chat-bubble::before {
     content: "";
     position: absolute;
     top: 0;
+    width: calc(1rem - 2px);
+    height: calc(1rem - 2px);
+    background-color: var(--chat-bubble-bg);
     clip-path: polygon(0 0, 100% 0, 100% 100%);
+    filter:
+      drop-shadow(-1px 0 0 var(--color-outline-variant))
+      drop-shadow(0 -1px 0 var(--color-outline-variant));
+    pointer-events: none;
   }
 
   .chat-start .chat-bubble::before {
-    left: -0.625rem;
-    width: 1rem;
-    height: 1rem;
-    background-color: var(--color-outline-variant);
-  }
-
-  .chat-start .chat-bubble::after {
     left: -0.5rem;
-    width: calc(1rem - 2px);
-    height: calc(1rem - 2px);
-    top: 1px;
-    background-color: var(--chat-bubble-bg);
   }
 
   .chat-start .chat-bubble {
@@ -4839,19 +4838,7 @@ html {
   }
 
   .chat-end .chat-bubble::before {
-    right: -0.625rem;
-    width: 1rem;
-    height: 1rem;
-    background-color: var(--color-outline-variant);
-    transform: scaleX(-1);
-  }
-
-  .chat-end .chat-bubble::after {
     right: -0.5rem;
-    width: calc(1rem - 2px);
-    height: calc(1rem - 2px);
-    top: 1px;
-    background-color: var(--chat-bubble-bg);
     transform: scaleX(-1);
   }
 
@@ -5130,15 +5117,23 @@ html {
   .chat-bubble-streaming::after,
   .chat-bubble-content.chat-bubble-streaming::after {
     content: "";
+    position: static;
+    inset: auto;
     display: inline-block;
     width: 1px;
     height: 1em;
     margin-left: 0.25rem;
     background-color: currentColor;
+    clip-path: none;
+    transform: none;
     vertical-align: -0.125em;
     animation: chat-stream-caret 1s step-end infinite;
   }
 
+  .chat-bubble.chat-bubble-streaming:not(:has(.chat-reasoning, .chat-tool, .chat-bubble-content)) {
+    display: block;
+  }
+
   .chat-bubble.chat-bubble-streaming:has(.chat-reasoning, .chat-tool, .chat-bubble-content)::after {
     content: none;
   }
@@ -5595,7 +5590,7 @@ html {
   /* Disabled State */
   .chip:disabled,
   .chip-disabled {
-    opacity: 0.5;
+    opacity: 0.7;
     pointer-events: none;
     cursor: not-allowed;
   }
@@ -5766,7 +5761,7 @@ html {
   /* Disabled State */
   .list-item:disabled,
   .list-item-disabled {
-    opacity: 0.5;
+    opacity: 0.7;
     pointer-events: none;
     cursor: not-allowed;
   }
@@ -7369,7 +7364,7 @@ html {
 
   .datepicker-day-other-month {
     color: var(--color-on-surface-variant);
-    opacity: 0.5;
+    opacity: 0.9;
   }
 
   .datepicker-day-today {
@@ -7451,7 +7446,7 @@ html {
 
   .datepicker-day-disabled {
     color: var(--color-on-surface-variant);
-    opacity: 0.4;
+    opacity: 0.9;
     cursor: not-allowed;
     pointer-events: none;
   }
@@ -8928,7 +8923,6 @@ html {
   .multi-select-placeholder {
     flex: 1;
     color: var(--color-on-surface-variant);
-    opacity: 0.7;
   }
 
   /* Selected Tags Container */
@@ -11404,8 +11398,8 @@ html {
     border: 2px solid var(--switch-border-color);
     border-radius: var(--switch-height);
     /* Use !important to override global * { transition } rules from layers */
-    transition: background-color 200ms ease-in-out !important,
-      border-color 200ms ease-in-out !important,
+    transition: background-color 200ms ease-in-out,
+      border-color 200ms ease-in-out,
       grid-template-columns 200ms ease-in-out !important;
   }
 
@@ -11418,8 +11412,8 @@ html {
     background-color: var(--switch-thumb-color);
     border-radius: var(--radius-full);
     /* Use !important to override global * { transition } rules */
-    transition: background-color 200ms ease-in-out !important,
-      width 200ms ease-in-out !important,
+    transition: background-color 200ms ease-in-out,
+      width 200ms ease-in-out,
       margin 200ms ease-in-out !important;
   }
 
@@ -11742,6 +11736,7 @@ html {
     border-radius: var(--radius-sm);
     outline: none;
     resize: vertical;
+    field-sizing: content;
     transition: border-color 150ms ease-in-out, box-shadow 150ms ease-in-out;
   }
 
@@ -11899,7 +11894,7 @@ html {
   }
 
   /* ============================================
-   * AUTO-RESIZE (requires JS)
+   * COMPACT AUTO-RESIZE
    * ============================================ */
 
   .textarea-auto-resize,
@@ -13790,6 +13785,14 @@ html {
     margin-top: 0.5rem;
   }
 
+  .alert-filled .alert-actions .btn-text {
+    color: inherit;
+  }
+
+  .alert-filled .alert-actions .btn-text:hover {
+    background-color: color-mix(in oklch, currentColor 12%, transparent);
+  }
+
   /* Banner Style (full width) */
   .alert-banner {
     border-radius: 0;
@@ -17498,10 +17501,15 @@ html {
 
   /* Disabled state */
   .nested-menu li.disabled {
-    opacity: 0.5;
+    opacity: 1 !important;
     pointer-events: none;
   }
 
+  .nested-menu li.disabled > a,
+  .nested-menu li.disabled > button {
+    color: var(--color-on-surface-variant);
+  }
+
   /* ============================================
    * COLLAPSIBLE SUBMENUS (<details>/<summary>)
    * ============================================ */
@@ -17772,7 +17780,7 @@ html {
   }
 
   .stepper-step-disabled .stepper-step-icon {
-    opacity: 0.6;
+    opacity: 0.7;
     cursor: not-allowed;
   }
 
@@ -17972,7 +17980,7 @@ html {
   /* Disabled State */
   .stepper-step-disabled .stepper-step-button {
     cursor: not-allowed;
-    opacity: 0.6;
+    opacity: 0.7;
   }
 
   /* Icon Stepper */
@@ -18895,7 +18903,7 @@ html {
 
   /* Disabled State */
   .collapse-disabled {
-    opacity: 0.5;
+    opacity: 0.7;
     pointer-events: none;
   }