@duskmoon-dev/core 1.18.0 → 1.18.2

package/README.md

@@ -442,4 +442,4 @@ See [specs/004-oklch-color-system/quickstart.md](./specs/004-oklch-color-system/
 
 MIT
 
-<!-- release 32244683531 -->
+<!-- release 32803040081 -->

package/dist/cjs/tailwind-plugin.cjs

@@ -19,12 +19,14 @@ var __toESM = (mod, isNodeMode, target) => {
   }
   target = mod != null ? __create(__getProtoOf(mod)) : {};
   const to = isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target;
-  for (let key of __getOwnPropNames(mod))
-    if (!__hasOwnProp.call(to, key))
-      __defProp(to, key, {
-        get: __accessProp.bind(mod, key),
-        enumerable: true
-      });
+  if (mod && typeof mod === "object" || typeof mod === "function") {
+    for (let key of __getOwnPropNames(mod))
+      if (!__hasOwnProp.call(to, key))
+        __defProp(to, key, {
+          get: __accessProp.bind(mod, key),
+          enumerable: true
+        });
+  }
   if (canCache)
     cache.set(mod, to);
   return to;
@@ -63,8 +65,8 @@ var __export = (target, all) => {
 // src/tailwind-plugin.ts
 var exports_tailwind_plugin = {};
 __export(exports_tailwind_plugin, {
-  duskmoonPlugin: () => duskmoonPlugin,
-  default: () => tailwind_plugin_default
+  default: () => tailwind_plugin_default,
+  duskmoonPlugin: () => duskmoonPlugin
 });
 module.exports = __toCommonJS(exports_tailwind_plugin);
 var import_plugin = __toESM(require("tailwindcss/plugin"));

package/dist/components/alert.css

@@ -296,6 +296,14 @@
     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;

package/dist/components/chat.css

@@ -447,28 +447,22 @@
   }
 
   .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 {
@@ -476,19 +470,7 @@
   }
 
   .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);
   }
 
@@ -767,15 +749,23 @@
   .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;
   }

package/dist/components/chip.css

@@ -386,7 +386,7 @@
   /* Disabled State */
   .chip:disabled,
   .chip-disabled {
-    opacity: 0.5;
+    opacity: 0.7;
     pointer-events: none;
     cursor: not-allowed;
   }

package/dist/components/collapse.css

@@ -319,7 +319,7 @@
 
   /* Disabled State */
   .collapse-disabled {
-    opacity: 0.5;
+    opacity: 0.7;
     pointer-events: none;
   }
 

package/dist/components/datepicker.css

@@ -246,7 +246,7 @@
 
   .datepicker-day-other-month {
     color: var(--color-on-surface-variant);
-    opacity: 0.5;
+    opacity: 0.9;
   }
 
   .datepicker-day-today {
@@ -328,7 +328,7 @@
 
   .datepicker-day-disabled {
     color: var(--color-on-surface-variant);
-    opacity: 0.4;
+    opacity: 0.9;
     cursor: not-allowed;
     pointer-events: none;
   }

package/dist/components/form.css

@@ -471,6 +471,7 @@
     border: 1px solid currentColor;
     border-radius: var(--radius-sm);
     resize: vertical;
+    field-sizing: content;
     transition: border-color 150ms ease-in-out;
   }
 

package/dist/components/index.css

@@ -1681,6 +1681,7 @@
     border: 1px solid currentColor;
     border-radius: var(--radius-sm);
     resize: vertical;
+    field-sizing: content;
     transition: border-color 150ms ease-in-out;
   }
 
@@ -1940,6 +1941,10 @@
     color: var(--color-error-content);
   }
 
+  .navbar a {
+    color: inherit;
+  }
+
   .navbar-start {
     display: flex;
     align-items: center;
@@ -2292,7 +2297,7 @@
 
   /* Disabled Breadcrumb Item */
   .breadcrumb-item-disabled {
-    opacity: 0.38;
+    opacity: 1;
     pointer-events: none;
     cursor: not-allowed;
   }
@@ -3835,28 +3840,22 @@
   }
 
   .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 {
@@ -3864,19 +3863,7 @@
   }
 
   .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);
   }
 
@@ -4155,15 +4142,23 @@
   .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;
   }
@@ -4620,7 +4615,7 @@
   /* Disabled State */
   .chip:disabled,
   .chip-disabled {
-    opacity: 0.5;
+    opacity: 0.7;
     pointer-events: none;
     cursor: not-allowed;
   }
@@ -4791,7 +4786,7 @@
   /* Disabled State */
   .list-item:disabled,
   .list-item-disabled {
-    opacity: 0.5;
+    opacity: 0.7;
     pointer-events: none;
     cursor: not-allowed;
   }
@@ -6394,7 +6389,7 @@
 
   .datepicker-day-other-month {
     color: var(--color-on-surface-variant);
-    opacity: 0.5;
+    opacity: 0.9;
   }
 
   .datepicker-day-today {
@@ -6476,7 +6471,7 @@
 
   .datepicker-day-disabled {
     color: var(--color-on-surface-variant);
-    opacity: 0.4;
+    opacity: 0.9;
     cursor: not-allowed;
     pointer-events: none;
   }
@@ -7953,7 +7948,6 @@
   .multi-select-placeholder {
     flex: 1;
     color: var(--color-on-surface-variant);
-    opacity: 0.7;
   }
 
   /* Selected Tags Container */
@@ -10429,8 +10423,8 @@
     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;
   }
 
@@ -10443,8 +10437,8 @@
     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;
   }
 
@@ -10767,6 +10761,7 @@
     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;
   }
 
@@ -10924,7 +10919,7 @@
   }
 
   /* ============================================
-   * AUTO-RESIZE (requires JS)
+   * COMPACT AUTO-RESIZE
    * ============================================ */
 
   .textarea-auto-resize,
@@ -12815,6 +12810,14 @@
     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;
@@ -16523,10 +16526,15 @@
 
   /* 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>)
    * ============================================ */
@@ -16797,7 +16805,7 @@
   }
 
   .stepper-step-disabled .stepper-step-icon {
-    opacity: 0.6;
+    opacity: 0.7;
     cursor: not-allowed;
   }
 
@@ -16997,7 +17005,7 @@
   /* Disabled State */
   .stepper-step-disabled .stepper-step-button {
     cursor: not-allowed;
-    opacity: 0.6;
+    opacity: 0.7;
   }
 
   /* Icon Stepper */
@@ -17920,7 +17928,7 @@
 
   /* Disabled State */
   .collapse-disabled {
-    opacity: 0.5;
+    opacity: 0.7;
     pointer-events: none;
   }
 

package/dist/components/list.css

@@ -148,7 +148,7 @@
   /* Disabled State */
   .list-item:disabled,
   .list-item-disabled {
-    opacity: 0.5;
+    opacity: 0.7;
     pointer-events: none;
     cursor: not-allowed;
   }

package/dist/components/multi-select.css

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

package/dist/components/navigation.css

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

package/dist/components/nested-menu.css

@@ -83,10 +83,15 @@
 
   /* 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/components/stepper.css

@@ -95,7 +95,7 @@
   }
 
   .stepper-step-disabled .stepper-step-icon {
-    opacity: 0.6;
+    opacity: 0.7;
     cursor: not-allowed;
   }
 
@@ -295,7 +295,7 @@
   /* Disabled State */
   .stepper-step-disabled .stepper-step-button {
     cursor: not-allowed;
-    opacity: 0.6;
+    opacity: 0.7;
   }
 
   /* Icon Stepper */

package/dist/components/switch.css

@@ -34,8 +34,8 @@
     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;
   }
 
@@ -48,8 +48,8 @@
     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/components/textarea.css

@@ -96,6 +96,7 @@
     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;
   }
 
@@ -253,7 +254,7 @@
   }
 
   /* ============================================
-   * AUTO-RESIZE (requires JS)
+   * COMPACT AUTO-RESIZE
    * ============================================ */
 
   .textarea-auto-resize,

package/dist/esm/components/alert.js

@@ -297,6 +297,14 @@ export const css = `/**
     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;

package/dist/esm/components/chat.js

@@ -448,28 +448,22 @@ export const css = `@layer components {
   }
 
   .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 {
@@ -477,19 +471,7 @@ export const css = `@layer components {
   }
 
   .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);
   }
 
@@ -768,15 +750,23 @@ export const css = `@layer components {
   .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;
   }

package/dist/esm/components/chip.js

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

package/dist/esm/components/collapse.js

@@ -320,7 +320,7 @@ export const css = `/**
 
   /* Disabled State */
   .collapse-disabled {
-    opacity: 0.5;
+    opacity: 0.7;
     pointer-events: none;
   }
 

package/dist/esm/components/datepicker.js

@@ -247,7 +247,7 @@ export const css = `/**
 
   .datepicker-day-other-month {
     color: var(--color-on-surface-variant);
-    opacity: 0.5;
+    opacity: 0.9;
   }
 
   .datepicker-day-today {
@@ -329,7 +329,7 @@ export const css = `/**
 
   .datepicker-day-disabled {
     color: var(--color-on-surface-variant);
-    opacity: 0.4;
+    opacity: 0.9;
     cursor: not-allowed;
     pointer-events: none;
   }

package/dist/esm/components/form.js

@@ -472,6 +472,7 @@ export const css = `/**
     border: 1px solid currentColor;
     border-radius: var(--radius-sm);
     resize: vertical;
+    field-sizing: content;
     transition: border-color 150ms ease-in-out;
   }