@duskmoon-dev/core 1.18.4 → 1.18.6

package/README.md

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

package/dist/components/badge.css

@@ -71,112 +71,141 @@
   }
 
   /* Outlined Variants */
+  .badge-outlined,
+  .badge-outlined-secondary,
+  .badge-outlined-tertiary,
   .badge-outline {
     background-color: transparent;
     border: 1px solid currentColor;
   }
 
+  .badge-outlined,
+  .badge-outlined.badge-primary,
   .badge-outline.badge-primary {
     color: var(--color-primary);
     border-color: var(--color-primary);
   }
 
+  .badge-outlined.badge-secondary,
+  .badge-outlined-secondary,
   .badge-outline.badge-secondary {
     color: var(--color-secondary);
     border-color: var(--color-secondary);
   }
 
+  .badge-outlined.badge-tertiary,
+  .badge-outlined-tertiary,
   .badge-outline.badge-tertiary {
     color: var(--color-tertiary);
     border-color: var(--color-tertiary);
   }
 
+  .badge-outlined.badge-accent,
   .badge-outline.badge-accent {
     color: var(--color-accent);
     border-color: var(--color-accent);
   }
 
+  .badge-outlined.badge-neutral,
   .badge-outline.badge-neutral {
     color: var(--color-neutral);
     border-color: var(--color-neutral);
   }
 
+  .badge-outlined.badge-base,
   .badge-outline.badge-base {
     color: var(--color-base-content);
     border-color: var(--color-base-content);
   }
 
+  .badge-outlined.badge-info,
   .badge-outline.badge-info {
     color: var(--color-info);
     border-color: var(--color-info);
   }
 
+  .badge-outlined.badge-success,
   .badge-outline.badge-success {
     color: var(--color-success);
     border-color: var(--color-success);
   }
 
+  .badge-outlined.badge-warning,
   .badge-outline.badge-warning {
     color: var(--color-warning);
     border-color: var(--color-warning);
   }
 
+  .badge-outlined.badge-error,
   .badge-outline.badge-error {
     color: var(--color-error);
     border-color: var(--color-error);
   }
 
   /* Soft/Tonal Variants */
+  .badge-tonal,
   .badge-soft {
     background-color: var(--color-primary-container);
     color: var(--color-on-primary-container);
   }
 
+  .badge-tonal.badge-primary,
   .badge-soft.badge-primary {
     background-color: var(--color-primary-container);
     color: var(--color-on-primary-container);
   }
 
+  .badge-tonal.badge-secondary,
+  .badge-tonal-secondary,
   .badge-soft.badge-secondary {
     background-color: var(--color-secondary-container);
     color: var(--color-on-secondary-container);
   }
 
+  .badge-tonal.badge-tertiary,
+  .badge-tonal-tertiary,
   .badge-soft.badge-tertiary {
     background-color: var(--color-tertiary-container);
     color: var(--color-on-tertiary-container);
   }
 
+  .badge-tonal.badge-accent,
   .badge-soft.badge-accent {
     background-color: color-mix(in oklch, var(--color-accent) 15%, var(--color-surface));
     color: var(--color-on-surface);
   }
 
+  .badge-tonal.badge-neutral,
   .badge-soft.badge-neutral {
     background-color: color-mix(in oklch, var(--color-neutral) 15%, var(--color-surface));
     color: var(--color-on-surface);
   }
 
+  .badge-tonal.badge-base,
   .badge-soft.badge-base {
     background-color: var(--color-base-200);
     color: var(--color-base-content);
   }
 
+  .badge-tonal.badge-info,
   .badge-soft.badge-info {
     background-color: var(--color-info-container);
     color: var(--color-on-info-container);
   }
 
+  .badge-tonal.badge-success,
   .badge-soft.badge-success {
     background-color: var(--color-success-container);
     color: var(--color-on-success-container);
   }
 
+  .badge-tonal.badge-warning,
   .badge-soft.badge-warning {
     background-color: var(--color-warning-container);
     color: var(--color-on-warning-container);
   }
 
+  .badge-tonal.badge-error,
   .badge-soft.badge-error {
     background-color: var(--color-error-container);
     color: var(--color-on-error-container);

package/dist/components/button.css

@@ -625,6 +625,25 @@
   }
 
   /* Icon Button */
+  .btn-icon {
+    padding: 0.75rem;
+    width: 2.5rem;
+    height: 2.5rem;
+    border-radius: var(--radius-full);
+  }
+
+  .btn-icon-sm {
+    padding: 0.5rem;
+    width: 2rem;
+    height: 2rem;
+  }
+
+  .btn-icon-lg {
+    padding: 1rem;
+    width: 3rem;
+    height: 3rem;
+  }
+
   .btn-circle {
     --btn-p: 0.625rem;
     --btn-py: 0.625rem;

package/dist/components/index.css

@@ -676,6 +676,25 @@
   }
 
   /* Icon Button */
+  .btn-icon {
+    padding: 0.75rem;
+    width: 2.5rem;
+    height: 2.5rem;
+    border-radius: var(--radius-full);
+  }
+
+  .btn-icon-sm {
+    padding: 0.5rem;
+    width: 2rem;
+    height: 2rem;
+  }
+
+  .btn-icon-lg {
+    padding: 1rem;
+    width: 3rem;
+    height: 3rem;
+  }
+
   .btn-circle {
     --btn-p: 0.625rem;
     --btn-py: 0.625rem;
@@ -3240,112 +3259,141 @@
   }
 
   /* Outlined Variants */
+  .badge-outlined,
+  .badge-outlined-secondary,
+  .badge-outlined-tertiary,
   .badge-outline {
     background-color: transparent;
     border: 1px solid currentColor;
   }
 
+  .badge-outlined,
+  .badge-outlined.badge-primary,
   .badge-outline.badge-primary {
     color: var(--color-primary);
     border-color: var(--color-primary);
   }
 
+  .badge-outlined.badge-secondary,
+  .badge-outlined-secondary,
   .badge-outline.badge-secondary {
     color: var(--color-secondary);
     border-color: var(--color-secondary);
   }
 
+  .badge-outlined.badge-tertiary,
+  .badge-outlined-tertiary,
   .badge-outline.badge-tertiary {
     color: var(--color-tertiary);
     border-color: var(--color-tertiary);
   }
 
+  .badge-outlined.badge-accent,
   .badge-outline.badge-accent {
     color: var(--color-accent);
     border-color: var(--color-accent);
   }
 
+  .badge-outlined.badge-neutral,
   .badge-outline.badge-neutral {
     color: var(--color-neutral);
     border-color: var(--color-neutral);
   }
 
+  .badge-outlined.badge-base,
   .badge-outline.badge-base {
     color: var(--color-base-content);
     border-color: var(--color-base-content);
   }
 
+  .badge-outlined.badge-info,
   .badge-outline.badge-info {
     color: var(--color-info);
     border-color: var(--color-info);
   }
 
+  .badge-outlined.badge-success,
   .badge-outline.badge-success {
     color: var(--color-success);
     border-color: var(--color-success);
   }
 
+  .badge-outlined.badge-warning,
   .badge-outline.badge-warning {
     color: var(--color-warning);
     border-color: var(--color-warning);
   }
 
+  .badge-outlined.badge-error,
   .badge-outline.badge-error {
     color: var(--color-error);
     border-color: var(--color-error);
   }
 
   /* Soft/Tonal Variants */
+  .badge-tonal,
   .badge-soft {
     background-color: var(--color-primary-container);
     color: var(--color-on-primary-container);
   }
 
+  .badge-tonal.badge-primary,
   .badge-soft.badge-primary {
     background-color: var(--color-primary-container);
     color: var(--color-on-primary-container);
   }
 
+  .badge-tonal.badge-secondary,
+  .badge-tonal-secondary,
   .badge-soft.badge-secondary {
     background-color: var(--color-secondary-container);
     color: var(--color-on-secondary-container);
   }
 
+  .badge-tonal.badge-tertiary,
+  .badge-tonal-tertiary,
   .badge-soft.badge-tertiary {
     background-color: var(--color-tertiary-container);
     color: var(--color-on-tertiary-container);
   }
 
+  .badge-tonal.badge-accent,
   .badge-soft.badge-accent {
     background-color: color-mix(in oklch, var(--color-accent) 15%, var(--color-surface));
     color: var(--color-on-surface);
   }
 
+  .badge-tonal.badge-neutral,
   .badge-soft.badge-neutral {
     background-color: color-mix(in oklch, var(--color-neutral) 15%, var(--color-surface));
     color: var(--color-on-surface);
   }
 
+  .badge-tonal.badge-base,
   .badge-soft.badge-base {
     background-color: var(--color-base-200);
     color: var(--color-base-content);
   }
 
+  .badge-tonal.badge-info,
   .badge-soft.badge-info {
     background-color: var(--color-info-container);
     color: var(--color-on-info-container);
   }
 
+  .badge-tonal.badge-success,
   .badge-soft.badge-success {
     background-color: var(--color-success-container);
     color: var(--color-on-success-container);
   }
 
+  .badge-tonal.badge-warning,
   .badge-soft.badge-warning {
     background-color: var(--color-warning-container);
     color: var(--color-on-warning-container);
   }
 
+  .badge-tonal.badge-error,
   .badge-soft.badge-error {
     background-color: var(--color-error-container);
     color: var(--color-on-error-container);
@@ -4840,6 +4888,11 @@
     color: var(--color-on-surface);
   }
 
+  /* Surface Variant */
+  .table-surface {
+    background-color: var(--color-surface);
+  }
+
   /* Table Head */
   .table thead,
   .table-header {
@@ -4887,7 +4940,9 @@
 
   /* Zebra Striping */
   .table-zebra tbody tr:nth-child(even),
-  .table-zebra .table-row:nth-child(even) {
+  .table-zebra .table-row:nth-child(even),
+  .table-striped tbody tr:nth-child(even),
+  .table-striped .table-row:nth-child(even) {
     background-color: var(--color-surface-container-low);
   }
 
@@ -4909,6 +4964,16 @@
     border: 1px solid var(--color-outline-variant);
   }
 
+  /* Borderless Table */
+  .table-borderless,
+  .table-borderless th,
+  .table-borderless td,
+  .table-borderless tfoot td,
+  .table-borderless .table-header-cell,
+  .table-borderless .table-cell {
+    border: none;
+  }
+
   /* Compact Table */
   .table-compact th,
   .table-compact td {
@@ -4927,6 +4992,26 @@
     table-layout: fixed;
   }
 
+  /* Sticky Header */
+  .table-sticky thead,
+  .table-sticky .table-header {
+    position: sticky;
+    top: 0;
+    z-index: 10;
+    background-color: var(--color-surface-container);
+    box-shadow: var(--shadow-xs);
+  }
+
+  .table-sticky th,
+  .table-sticky thead th,
+  .table-sticky .table-header-cell {
+    position: sticky;
+    top: 0;
+    z-index: 10;
+    background-color: var(--color-surface-container);
+    box-shadow: var(--shadow-xs);
+  }
+
   /* Sortable Header */
   .table-sortable th {
     cursor: pointer;
@@ -4947,9 +5032,24 @@
     opacity: 0.7;
   }
 
+  /* Selectable Rows */
+  .table-selectable tbody tr,
+  .table-selectable .table-row {
+    cursor: pointer;
+  }
+
+  .table-selectable tbody tr:hover,
+  .table-selectable .table-row:hover {
+    background-color: color-mix(in oklch, var(--color-on-surface) 8%, transparent);
+  }
+
   /* Selected Row */
   .table-row-selected,
-  .table tr.selected {
+  .table tr.selected,
+  .table-selectable tbody tr.table-row-selected,
+  .table-selectable .table-row.table-row-selected,
+  .table-selectable tbody tr.selected,
+  .table-selectable .table-row.selected {
     background-color: var(--color-primary-container);
     color: var(--color-on-primary-container);
   }
@@ -14204,6 +14304,7 @@
     pointer-events: none;
     opacity: 0;
     transform: scale(0.95);
+    overflow: visible;
     position-area: top;
     position-try-fallbacks: flip-block, flip-inline, flip-block flip-inline;
     transition:

package/dist/components/table.css

@@ -13,6 +13,11 @@
     color: var(--color-on-surface);
   }
 
+  /* Surface Variant */
+  .table-surface {
+    background-color: var(--color-surface);
+  }
+
   /* Table Head */
   .table thead,
   .table-header {
@@ -60,7 +65,9 @@
 
   /* Zebra Striping */
   .table-zebra tbody tr:nth-child(even),
-  .table-zebra .table-row:nth-child(even) {
+  .table-zebra .table-row:nth-child(even),
+  .table-striped tbody tr:nth-child(even),
+  .table-striped .table-row:nth-child(even) {
     background-color: var(--color-surface-container-low);
   }
 
@@ -82,6 +89,16 @@
     border: 1px solid var(--color-outline-variant);
   }
 
+  /* Borderless Table */
+  .table-borderless,
+  .table-borderless th,
+  .table-borderless td,
+  .table-borderless tfoot td,
+  .table-borderless .table-header-cell,
+  .table-borderless .table-cell {
+    border: none;
+  }
+
   /* Compact Table */
   .table-compact th,
   .table-compact td {
@@ -100,6 +117,26 @@
     table-layout: fixed;
   }
 
+  /* Sticky Header */
+  .table-sticky thead,
+  .table-sticky .table-header {
+    position: sticky;
+    top: 0;
+    z-index: 10;
+    background-color: var(--color-surface-container);
+    box-shadow: var(--shadow-xs);
+  }
+
+  .table-sticky th,
+  .table-sticky thead th,
+  .table-sticky .table-header-cell {
+    position: sticky;
+    top: 0;
+    z-index: 10;
+    background-color: var(--color-surface-container);
+    box-shadow: var(--shadow-xs);
+  }
+
   /* Sortable Header */
   .table-sortable th {
     cursor: pointer;
@@ -120,9 +157,24 @@
     opacity: 0.7;
   }
 
+  /* Selectable Rows */
+  .table-selectable tbody tr,
+  .table-selectable .table-row {
+    cursor: pointer;
+  }
+
+  .table-selectable tbody tr:hover,
+  .table-selectable .table-row:hover {
+    background-color: color-mix(in oklch, var(--color-on-surface) 8%, transparent);
+  }
+
   /* Selected Row */
   .table-row-selected,
-  .table tr.selected {
+  .table tr.selected,
+  .table-selectable tbody tr.table-row-selected,
+  .table-selectable .table-row.table-row-selected,
+  .table-selectable tbody tr.selected,
+  .table-selectable .table-row.selected {
     background-color: var(--color-primary-container);
     color: var(--color-on-primary-container);
   }

package/dist/components/tooltip.css

@@ -34,6 +34,7 @@
     pointer-events: none;
     opacity: 0;
     transform: scale(0.95);
+    overflow: visible;
     position-area: top;
     position-try-fallbacks: flip-block, flip-inline, flip-block flip-inline;
     transition:

package/dist/esm/components/accordion.d.ts

@@ -0,0 +1,5 @@
+// Auto-generated type declaration for accordion
+export declare const css: string;
+export declare const styles: CSSStyleSheet | null;
+declare const sheet: CSSStyleSheet | null;
+export default sheet;

package/dist/esm/components/accordion.js

@@ -245,7 +245,9 @@ export const css = `/**
 }
 `;
 
-const sheet = new CSSStyleSheet();
-sheet.replaceSync(css);
+const sheet = typeof CSSStyleSheet !== 'undefined' ? new CSSStyleSheet() : null;
+if (sheet) {
+  sheet.replaceSync(css);
+}
 export const styles = sheet;
 export default sheet;

package/dist/esm/components/alert.d.ts

@@ -0,0 +1,5 @@
+// Auto-generated type declaration for alert
+export declare const css: string;
+export declare const styles: CSSStyleSheet | null;
+declare const sheet: CSSStyleSheet | null;
+export default sheet;

package/dist/esm/components/alert.js

@@ -321,7 +321,9 @@ export const css = `/**
 }
 `;
 
-const sheet = new CSSStyleSheet();
-sheet.replaceSync(css);
+const sheet = typeof CSSStyleSheet !== 'undefined' ? new CSSStyleSheet() : null;
+if (sheet) {
+  sheet.replaceSync(css);
+}
 export const styles = sheet;
 export default sheet;

package/dist/esm/components/appbar.d.ts

@@ -0,0 +1,5 @@
+// Auto-generated type declaration for appbar
+export declare const css: string;
+export declare const styles: CSSStyleSheet | null;
+declare const sheet: CSSStyleSheet | null;
+export default sheet;

package/dist/esm/components/appbar.js

@@ -662,7 +662,9 @@ export const css = `/**
 }
 `;
 
-const sheet = new CSSStyleSheet();
-sheet.replaceSync(css);
+const sheet = typeof CSSStyleSheet !== 'undefined' ? new CSSStyleSheet() : null;
+if (sheet) {
+  sheet.replaceSync(css);
+}
 export const styles = sheet;
 export default sheet;

package/dist/esm/components/autocomplete.d.ts

@@ -0,0 +1,5 @@
+// Auto-generated type declaration for autocomplete
+export declare const css: string;
+export declare const styles: CSSStyleSheet | null;
+declare const sheet: CSSStyleSheet | null;
+export default sheet;

package/dist/esm/components/autocomplete.js

@@ -351,7 +351,9 @@ export const css = `/**
 }
 `;
 
-const sheet = new CSSStyleSheet();
-sheet.replaceSync(css);
+const sheet = typeof CSSStyleSheet !== 'undefined' ? new CSSStyleSheet() : null;
+if (sheet) {
+  sheet.replaceSync(css);
+}
 export const styles = sheet;
 export default sheet;

package/dist/esm/components/avatar.d.ts

@@ -0,0 +1,5 @@
+// Auto-generated type declaration for avatar
+export declare const css: string;
+export declare const styles: CSSStyleSheet | null;
+declare const sheet: CSSStyleSheet | null;
+export default sheet;

package/dist/esm/components/avatar.js

@@ -203,7 +203,9 @@ export const css = `/**
 }
 `;
 
-const sheet = new CSSStyleSheet();
-sheet.replaceSync(css);
+const sheet = typeof CSSStyleSheet !== 'undefined' ? new CSSStyleSheet() : null;
+if (sheet) {
+  sheet.replaceSync(css);
+}
 export const styles = sheet;
 export default sheet;

package/dist/esm/components/badge.d.ts

@@ -0,0 +1,5 @@
+// Auto-generated type declaration for badge
+export declare const css: string;
+export declare const styles: CSSStyleSheet | null;
+declare const sheet: CSSStyleSheet | null;
+export default sheet;