@manzanohq/components 0.1.1

package/cdn/themes/tokens.css

@@ -0,0 +1,135 @@
+/*
+ * Manzano Primitive Tokens Only
+ * For custom theme builders who want to define their own semantic layer.
+ * Import this instead of manzano.css if you want full control.
+ */
+
+:root, :host {
+  /* --- Color Primitives: Blue --- */
+  --mz-color-blue-50: #eff6ff;
+  --mz-color-blue-100: #dbeafe;
+  --mz-color-blue-200: #bfdbfe;
+  --mz-color-blue-300: #93c5fd;
+  --mz-color-blue-400: #60a5fa;
+  --mz-color-blue-500: #3b82f6;
+  --mz-color-blue-600: #2563eb;
+  --mz-color-blue-700: #1d4ed8;
+  --mz-color-blue-800: #1e40af;
+  --mz-color-blue-900: #1e3a8a;
+  --mz-color-blue-950: #172554;
+
+  /* --- Color Primitives: Gray --- */
+  --mz-color-gray-50: #f9fafb;
+  --mz-color-gray-100: #f3f4f6;
+  --mz-color-gray-200: #e5e7eb;
+  --mz-color-gray-300: #d1d5db;
+  --mz-color-gray-400: #9ca3af;
+  --mz-color-gray-500: #6b7280;
+  --mz-color-gray-600: #4b5563;
+  --mz-color-gray-700: #374151;
+  --mz-color-gray-800: #1f2937;
+  --mz-color-gray-900: #111827;
+  --mz-color-gray-950: #030712;
+
+  /* --- Color Primitives: Red --- */
+  --mz-color-red-50: #fef2f2;
+  --mz-color-red-100: #fee2e2;
+  --mz-color-red-200: #fecaca;
+  --mz-color-red-300: #fca5a5;
+  --mz-color-red-400: #f87171;
+  --mz-color-red-500: #ef4444;
+  --mz-color-red-600: #dc2626;
+  --mz-color-red-700: #b91c1c;
+  --mz-color-red-800: #991b1b;
+  --mz-color-red-900: #7f1d1d;
+  --mz-color-red-950: #450a0a;
+
+  /* --- Color Primitives: Green --- */
+  --mz-color-green-50: #f0fdf4;
+  --mz-color-green-100: #dcfce7;
+  --mz-color-green-200: #bbf7d0;
+  --mz-color-green-300: #86efac;
+  --mz-color-green-400: #4ade80;
+  --mz-color-green-500: #22c55e;
+  --mz-color-green-600: #16a34a;
+  --mz-color-green-700: #15803d;
+  --mz-color-green-800: #166534;
+  --mz-color-green-900: #14532d;
+  --mz-color-green-950: #052e16;
+
+  /* --- Color Primitives: Amber --- */
+  --mz-color-amber-50: #fffbeb;
+  --mz-color-amber-100: #fef3c7;
+  --mz-color-amber-200: #fde68a;
+  --mz-color-amber-300: #fcd34d;
+  --mz-color-amber-400: #fbbf24;
+  --mz-color-amber-500: #f59e0b;
+  --mz-color-amber-600: #d97706;
+  --mz-color-amber-700: #b45309;
+  --mz-color-amber-800: #92400e;
+  --mz-color-amber-900: #78350f;
+  --mz-color-amber-950: #451a03;
+
+  /* --- Typography --- */
+  --mz-font-sans: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
+  --mz-font-mono: SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace;
+
+  --mz-font-size-scale: 1;
+  --mz-font-size-2xs: calc(0.625rem * var(--mz-font-size-scale));
+  --mz-font-size-xs: calc(0.75rem * var(--mz-font-size-scale));
+  --mz-font-size-sm: calc(0.875rem * var(--mz-font-size-scale));
+  --mz-font-size-md: calc(1rem * var(--mz-font-size-scale));
+  --mz-font-size-lg: calc(1.125rem * var(--mz-font-size-scale));
+  --mz-font-size-xl: calc(1.25rem * var(--mz-font-size-scale));
+  --mz-font-size-2xl: calc(1.5rem * var(--mz-font-size-scale));
+  --mz-font-size-3xl: calc(1.875rem * var(--mz-font-size-scale));
+
+  --mz-font-weight-normal: 400;
+  --mz-font-weight-medium: 500;
+  --mz-font-weight-semibold: 600;
+  --mz-font-weight-bold: 700;
+
+  /* --- Spacing --- */
+  --mz-space-scale: 1;
+  --mz-space-3xs: calc(0.125rem * var(--mz-space-scale));
+  --mz-space-2xs: calc(0.25rem * var(--mz-space-scale));
+  --mz-space-xs: calc(0.5rem * var(--mz-space-scale));
+  --mz-space-sm: calc(0.75rem * var(--mz-space-scale));
+  --mz-space-md: calc(1rem * var(--mz-space-scale));
+  --mz-space-lg: calc(1.25rem * var(--mz-space-scale));
+  --mz-space-xl: calc(1.5rem * var(--mz-space-scale));
+  --mz-space-2xl: calc(2rem * var(--mz-space-scale));
+  --mz-space-3xl: calc(3rem * var(--mz-space-scale));
+
+  /* --- Border radius --- */
+  --mz-radius-scale: 1;
+  --mz-radius-sm: calc(0.25rem * var(--mz-radius-scale));
+  --mz-radius-md: calc(0.375rem * var(--mz-radius-scale));
+  --mz-radius-lg: calc(0.5rem * var(--mz-radius-scale));
+  --mz-radius-xl: calc(0.75rem * var(--mz-radius-scale));
+  --mz-radius-pill: 9999px;
+  --mz-radius-circle: 50%;
+
+  /* --- Border width --- */
+  --mz-border-width-sm: 1px;
+  --mz-border-width-md: 2px;
+
+  /* --- Shadows --- */
+  --mz-shadow-xs: 0 1px 2px 0 rgb(0 0 0 / 0.05);
+  --mz-shadow-sm: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
+  --mz-shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
+  --mz-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
+  --mz-shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
+
+  /* --- Transitions --- */
+  --mz-transition-fast: 150ms;
+  --mz-transition-normal: 250ms;
+  --mz-transition-slow: 500ms;
+
+  /* --- Z-index --- */
+  --mz-z-dropdown: 700;
+  --mz-z-dialog: 800;
+  --mz-z-drawer: 800;
+  --mz-z-toast: 900;
+  --mz-z-tooltip: 1000;
+}

package/cdn/themes/utilities.css

@@ -0,0 +1,358 @@
+/* =============================================
+   Manzano Utility CSS
+   Semantic containers + Tailwind-like utilities
+   ============================================= */
+
+/* ======================
+   Tier 1: Semantic Containers
+   ====================== */
+
+/* --- Section --- */
+
+.mz-section {
+  margin-bottom: var(--mz-space-2xl);
+}
+
+.mz-section h1 {
+  font-size: var(--mz-font-size-2xl);
+  font-weight: var(--mz-font-weight-bold);
+  margin: 0 0 var(--mz-space-xs) 0;
+}
+
+.mz-section h2 {
+  font-size: var(--mz-font-size-lg);
+  font-weight: var(--mz-font-weight-semibold);
+  margin: 0 0 var(--mz-space-sm) 0;
+  color: var(--mz-color-text-secondary);
+}
+
+.mz-section p {
+  margin: 0 0 var(--mz-space-md) 0;
+  color: var(--mz-color-text-secondary);
+}
+
+/* --- Panel --- */
+
+.mz-panel {
+  padding: var(--mz-space-lg);
+  border: var(--mz-border-width-sm) solid var(--mz-color-border);
+  border-radius: var(--mz-radius-lg);
+  background: var(--mz-color-surface);
+  margin-bottom: var(--mz-space-md);
+}
+
+.mz-panel p {
+  margin: 0;
+}
+
+.mz-panel > :last-child {
+  margin-bottom: 0 !important;
+}
+
+.mz-panel--row {
+  display: flex;
+  flex-wrap: wrap;
+  gap: var(--mz-space-md);
+  align-items: center;
+}
+
+/* --- Toolbar --- */
+
+.mz-toolbar {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: var(--mz-space-sm) var(--mz-space-md);
+  padding: var(--mz-space-md);
+  background: var(--mz-color-surface-raised);
+  border-radius: var(--mz-radius-lg);
+  margin-bottom: var(--mz-space-md);
+}
+
+.mz-toolbar label {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  gap: var(--mz-space-xs);
+  font-size: var(--mz-font-size-sm);
+  color: var(--mz-color-text-secondary);
+}
+
+.mz-toolbar label:has(input[type='checkbox']) {
+  cursor: pointer;
+}
+
+.mz-toolbar label input[type='checkbox'] {
+  width: 1rem;
+  height: 1rem;
+  accent-color: var(--mz-color-primary);
+  cursor: pointer;
+}
+
+/* --- Code block --- */
+
+.mz-code {
+  font-family: var(--mz-font-mono);
+  font-size: var(--mz-font-size-sm);
+  padding: var(--mz-space-md);
+  background: var(--mz-color-surface-raised);
+  border-radius: var(--mz-radius-lg);
+  overflow-x: auto;
+  white-space: pre;
+  line-height: var(--mz-line-height-loose);
+}
+
+/* --- Event log --- */
+
+.mz-log {
+  font-family: var(--mz-font-mono);
+  font-size: var(--mz-font-size-xs);
+  padding: var(--mz-space-md);
+  background: var(--mz-color-surface-raised);
+  border-radius: var(--mz-radius-lg);
+  max-height: 160px;
+  overflow-y: auto;
+  line-height: var(--mz-line-height-loose);
+  color: var(--mz-color-text-secondary);
+}
+
+.mz-log:empty::before {
+  content: 'No events yet. Interact with the component above.';
+  font-style: italic;
+}
+
+/* --- Variant matrix --- */
+
+.mz-matrix {
+  display: grid;
+  gap: var(--mz-space-sm);
+}
+
+.mz-matrix__header {
+  font-size: var(--mz-font-size-xs);
+  font-weight: var(--mz-font-weight-medium);
+  color: var(--mz-color-text-secondary);
+  text-transform: uppercase;
+  letter-spacing: 0.05em;
+  padding: var(--mz-space-2xs) 0;
+}
+
+.mz-matrix__row {
+  display: flex;
+  align-items: center;
+  gap: var(--mz-space-md);
+  flex-wrap: wrap;
+}
+
+.mz-matrix__label {
+  width: 80px;
+  font-size: var(--mz-font-size-sm);
+  color: var(--mz-color-text-secondary);
+  flex-shrink: 0;
+}
+
+/* ======================
+   Tier 2: Utility Classes
+   ====================== */
+
+/* --- Display --- */
+
+.mz-block { display: block; }
+.mz-flex { display: flex; }
+.mz-inline-flex { display: inline-flex; }
+.mz-grid { display: grid; }
+.mz-hidden { display: none; }
+
+/* --- Flex direction --- */
+
+.mz-flex-row { flex-direction: row; }
+.mz-flex-col { flex-direction: column; }
+.mz-flex-wrap { flex-wrap: wrap; }
+.mz-flex-1 { flex: 1; }
+.mz-flex-shrink-0 { flex-shrink: 0; }
+
+/* --- Alignment --- */
+
+.mz-items-start { align-items: flex-start; }
+.mz-items-center { align-items: center; }
+.mz-items-end { align-items: flex-end; }
+.mz-items-baseline { align-items: baseline; }
+.mz-items-stretch { align-items: stretch; }
+
+.mz-justify-start { justify-content: flex-start; }
+.mz-justify-center { justify-content: center; }
+.mz-justify-end { justify-content: flex-end; }
+.mz-justify-between { justify-content: space-between; }
+
+/* --- Gap --- */
+
+.mz-gap-3xs { gap: var(--mz-space-3xs); }
+.mz-gap-2xs { gap: var(--mz-space-2xs); }
+.mz-gap-xs { gap: var(--mz-space-xs); }
+.mz-gap-sm { gap: var(--mz-space-sm); }
+.mz-gap-md { gap: var(--mz-space-md); }
+.mz-gap-lg { gap: var(--mz-space-lg); }
+.mz-gap-xl { gap: var(--mz-space-xl); }
+.mz-gap-2xl { gap: var(--mz-space-2xl); }
+.mz-gap-3xl { gap: var(--mz-space-3xl); }
+
+/* --- Padding --- */
+
+.mz-p-0 { padding: 0; }
+.mz-p-3xs { padding: var(--mz-space-3xs); }
+.mz-p-2xs { padding: var(--mz-space-2xs); }
+.mz-p-xs { padding: var(--mz-space-xs); }
+.mz-p-sm { padding: var(--mz-space-sm); }
+.mz-p-md { padding: var(--mz-space-md); }
+.mz-p-lg { padding: var(--mz-space-lg); }
+.mz-p-xl { padding: var(--mz-space-xl); }
+.mz-p-2xl { padding: var(--mz-space-2xl); }
+.mz-p-3xl { padding: var(--mz-space-3xl); }
+
+.mz-px-0 { padding-left: 0; padding-right: 0; }
+.mz-px-xs { padding-left: var(--mz-space-xs); padding-right: var(--mz-space-xs); }
+.mz-px-sm { padding-left: var(--mz-space-sm); padding-right: var(--mz-space-sm); }
+.mz-px-md { padding-left: var(--mz-space-md); padding-right: var(--mz-space-md); }
+.mz-px-lg { padding-left: var(--mz-space-lg); padding-right: var(--mz-space-lg); }
+.mz-px-xl { padding-left: var(--mz-space-xl); padding-right: var(--mz-space-xl); }
+
+.mz-py-0 { padding-top: 0; padding-bottom: 0; }
+.mz-py-xs { padding-top: var(--mz-space-xs); padding-bottom: var(--mz-space-xs); }
+.mz-py-sm { padding-top: var(--mz-space-sm); padding-bottom: var(--mz-space-sm); }
+.mz-py-md { padding-top: var(--mz-space-md); padding-bottom: var(--mz-space-md); }
+.mz-py-lg { padding-top: var(--mz-space-lg); padding-bottom: var(--mz-space-lg); }
+.mz-py-xl { padding-top: var(--mz-space-xl); padding-bottom: var(--mz-space-xl); }
+
+/* --- Margin --- */
+
+.mz-m-0 { margin: 0; }
+.mz-mb-0 { margin-bottom: 0; }
+.mz-mb-xs { margin-bottom: var(--mz-space-xs); }
+.mz-mb-sm { margin-bottom: var(--mz-space-sm); }
+.mz-mb-md { margin-bottom: var(--mz-space-md); }
+.mz-mb-lg { margin-bottom: var(--mz-space-lg); }
+.mz-mb-xl { margin-bottom: var(--mz-space-xl); }
+.mz-mb-2xl { margin-bottom: var(--mz-space-2xl); }
+.mz-mt-xs { margin-top: var(--mz-space-xs); }
+.mz-mt-sm { margin-top: var(--mz-space-sm); }
+.mz-mt-md { margin-top: var(--mz-space-md); }
+.mz-mx-auto { margin-left: auto; margin-right: auto; }
+.mz-ml-auto { margin-left: auto; }
+
+/* --- Width --- */
+
+.mz-w-full { width: 100%; }
+.mz-max-w-xs { max-width: 300px; }
+.mz-max-w-sm { max-width: 400px; }
+.mz-max-w-md { max-width: 560px; }
+.mz-max-w-lg { max-width: 720px; }
+.mz-max-w-xl { max-width: 960px; }
+.mz-max-w-full { max-width: 100%; }
+
+/* --- Grid --- */
+
+.mz-grid-auto-fill {
+  display: grid;
+  grid-template-columns: repeat(auto-fill, minmax(var(--mz-grid-min, 220px), 1fr));
+}
+
+/* --- Typography: size --- */
+
+.mz-text-2xs { font-size: var(--mz-font-size-2xs); }
+.mz-text-xs { font-size: var(--mz-font-size-xs); }
+.mz-text-sm { font-size: var(--mz-font-size-sm); }
+.mz-text-md { font-size: var(--mz-font-size-md); }
+.mz-text-lg { font-size: var(--mz-font-size-lg); }
+.mz-text-xl { font-size: var(--mz-font-size-xl); }
+.mz-text-2xl { font-size: var(--mz-font-size-2xl); }
+.mz-text-3xl { font-size: var(--mz-font-size-3xl); }
+
+/* --- Typography: weight --- */
+
+.mz-font-normal { font-weight: var(--mz-font-weight-normal); }
+.mz-font-medium { font-weight: var(--mz-font-weight-medium); }
+.mz-font-semibold { font-weight: var(--mz-font-weight-semibold); }
+.mz-font-bold { font-weight: var(--mz-font-weight-bold); }
+
+/* --- Typography: line-height --- */
+
+.mz-leading-dense { line-height: var(--mz-line-height-dense, 1.25); }
+.mz-leading-normal { line-height: var(--mz-line-height-normal, 1.5); }
+.mz-leading-loose { line-height: var(--mz-line-height-loose, 1.75); }
+
+/* --- Text color --- */
+
+.mz-text-default { color: var(--mz-color-text); }
+.mz-text-secondary { color: var(--mz-color-text-secondary); }
+.mz-text-disabled { color: var(--mz-color-text-disabled); }
+.mz-text-primary { color: var(--mz-color-primary); }
+.mz-text-danger { color: var(--mz-color-danger); }
+.mz-text-success { color: var(--mz-color-success); }
+.mz-text-warning { color: var(--mz-color-warning); }
+
+/* --- Font family --- */
+
+.mz-font-sans { font-family: var(--mz-font-sans); }
+.mz-font-mono { font-family: var(--mz-font-mono); }
+
+/* --- Background --- */
+
+.mz-bg-surface { background: var(--mz-color-surface); }
+.mz-bg-raised { background: var(--mz-color-surface-raised); }
+.mz-bg-overlay { background: var(--mz-color-surface-overlay); }
+
+/* --- Border --- */
+
+.mz-border { border: var(--mz-border-width-sm) solid var(--mz-color-border); }
+.mz-border-0 { border: 0; }
+
+/* --- Border radius --- */
+
+.mz-rounded-sm { border-radius: var(--mz-radius-sm); }
+.mz-rounded-md { border-radius: var(--mz-radius-md); }
+.mz-rounded-lg { border-radius: var(--mz-radius-lg); }
+.mz-rounded-xl { border-radius: var(--mz-radius-xl); }
+.mz-rounded-pill { border-radius: var(--mz-radius-pill); }
+.mz-rounded-circle { border-radius: var(--mz-radius-circle); }
+.mz-rounded-0 { border-radius: 0; }
+
+/* --- Shadow --- */
+
+.mz-shadow-xs { box-shadow: var(--mz-shadow-xs); }
+.mz-shadow-sm { box-shadow: var(--mz-shadow-sm); }
+.mz-shadow-md { box-shadow: var(--mz-shadow-md); }
+.mz-shadow-lg { box-shadow: var(--mz-shadow-lg); }
+.mz-shadow-xl { box-shadow: var(--mz-shadow-xl); }
+.mz-shadow-none { box-shadow: none; }
+
+/* --- Overflow --- */
+
+.mz-overflow-auto { overflow: auto; }
+.mz-overflow-hidden { overflow: hidden; }
+.mz-overflow-x-auto { overflow-x: auto; }
+.mz-overflow-y-auto { overflow-y: auto; }
+
+/* --- Whitespace --- */
+
+.mz-whitespace-pre { white-space: pre; }
+.mz-whitespace-nowrap { white-space: nowrap; }
+
+/* --- Text align --- */
+
+.mz-text-left { text-align: left; }
+.mz-text-center { text-align: center; }
+.mz-text-right { text-align: right; }
+
+/* --- Accessibility --- */
+
+.mz-sr-only {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  white-space: nowrap;
+  border: 0;
+}

package/cdn/translations/en.d.ts

@@ -0,0 +1,29 @@
+declare const translation: {
+    $code: string;
+    $name: string;
+    $dir: "ltr";
+    close: string;
+    copy: string;
+    copied: string;
+    loading: string;
+    progress: string;
+    resize: string;
+    scrollToEnd: string;
+    scrollToStart: string;
+    selectAColorFromTheScreen: string;
+    toggleColorFormat: string;
+    spinnerLabel: string;
+    dialogClose: string;
+    drawerClose: string;
+    alertDismiss: string;
+    goToPage: (page: number) => string;
+    previousPage: string;
+    nextPage: string;
+    numOptionsBytes: string;
+    numOptionsBytesKb: string;
+    numOptionsBytesMb: string;
+    numOptionsBytesGb: string;
+    numOptionsBytesTb: string;
+};
+export default translation;
+//# sourceMappingURL=en.d.ts.map

package/cdn/translations/en.js

@@ -0,0 +1,2 @@
+import{a}from"../chunks/chunk.56BXWGR3.js";import"../chunks/chunk.BFGS3UP4.js";import"../chunks/chunk.MGICPQBB.js";export{a as default};
+//# sourceMappingURL=en.js.map

package/cdn/translations/en.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/cdn/utilities/animation-registry.d.ts

@@ -0,0 +1,23 @@
+export interface MzAnimation {
+    keyframes: Keyframe[];
+    options?: KeyframeAnimationOptions;
+}
+/**
+ * Set a default animation (used by component authors).
+ */
+export declare function setDefaultAnimation(name: string, animation: MzAnimation): void;
+/**
+ * Set a custom animation override (used by consumers).
+ * Takes precedence over the default.
+ */
+export declare function setAnimation(name: string, animation: MzAnimation): void;
+/**
+ * Get the animation for a given name. Returns the custom override if set, otherwise the default.
+ * Falls back to an empty animation if none registered.
+ */
+export declare function getAnimation(name: string): MzAnimation;
+/**
+ * Animate an element using the animation registry, with reduced motion support.
+ */
+export declare function animateTo(el: HTMLElement, name: string, prefersReducedMotion: boolean): Animation;
+//# sourceMappingURL=animation-registry.d.ts.map

package/cdn/utilities/animation-registry.js

@@ -0,0 +1,2 @@
+import{a,b,c,d}from"../chunks/chunk.GX7DY53T.js";import"../chunks/chunk.MGICPQBB.js";export{d as animateTo,c as getAnimation,b as setAnimation,a as setDefaultAnimation};
+//# sourceMappingURL=animation-registry.js.map

package/cdn/utilities/animation-registry.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/cdn/utilities/base-path.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Set the base path for assets (icons, etc).
+ * By default, auto-detects from the script src URL for CDN usage.
+ */
+export declare function setBasePath(path: string): void;
+/**
+ * Get the base path for asset loading.
+ * Auto-detects from script[data-manzano] or the CDN script URL.
+ */
+export declare function getBasePath(): string;
+//# sourceMappingURL=base-path.d.ts.map

package/cdn/utilities/base-path.js

@@ -0,0 +1,2 @@
+import{a,b}from"../chunks/chunk.6BC2LGKU.js";import"../chunks/chunk.MGICPQBB.js";export{b as getBasePath,a as setBasePath};
+//# sourceMappingURL=base-path.js.map

package/cdn/utilities/base-path.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/cdn/utilities/icon-library.d.ts

@@ -0,0 +1,22 @@
+export interface IconLibrary {
+    /** Resolver that converts an icon name to a URL */
+    resolver: (name: string) => string;
+    /** Optional mutator that can modify the SVG element after loading */
+    mutator?: (svg: SVGElement) => void;
+}
+/**
+ * Register an icon library.
+ *
+ * Usage:
+ * ```ts
+ * registerIconLibrary('default', {
+ *   resolver: name => `/icons/${name}.svg`
+ * });
+ * ```
+ */
+export declare function registerIconLibrary(name: string, library: IconLibrary): void;
+/** Unregister an icon library */
+export declare function unregisterIconLibrary(name: string): void;
+/** Get a registered icon library */
+export declare function getIconLibrary(name: string): IconLibrary | undefined;
+//# sourceMappingURL=icon-library.d.ts.map

package/cdn/utilities/icon-library.js

@@ -0,0 +1,2 @@
+import{a,b,c}from"../chunks/chunk.ZET76ZDM.js";import"../chunks/chunk.6BC2LGKU.js";import"../chunks/chunk.MGICPQBB.js";export{c as getIconLibrary,a as registerIconLibrary,b as unregisterIconLibrary};
+//# sourceMappingURL=icon-library.js.map

package/cdn/utilities/icon-library.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/cdn/utilities/localize.d.ts

@@ -0,0 +1,23 @@
+import { LocalizeController as ShoelaceLocalize } from '@shoelace-style/localize';
+import type { ReactiveControllerHost } from 'lit';
+export interface Translation {
+    [key: string]: string | ((...args: unknown[]) => string);
+}
+/** Register translations for a locale */
+export declare function registerTranslation(lang: string, translation: Translation): void;
+/** Get translations for a locale, falling back to 'en' */
+export declare function getTranslation(lang: string): Translation;
+/**
+ * Localize controller wrapping @shoelace-style/localize.
+ * Provides term lookup and Intl-based formatting.
+ */
+export declare class LocalizeController extends ShoelaceLocalize {
+    constructor(host: ReactiveControllerHost & HTMLElement);
+    /** Format a number using Intl.NumberFormat */
+    formatNumber(value: number, options?: Intl.NumberFormatOptions): string;
+    /** Format a date using Intl.DateTimeFormat */
+    formatDate(value: Date | number, options?: Intl.DateTimeFormatOptions): string;
+    /** Format a relative time using Intl.RelativeTimeFormat */
+    formatRelativeTime(value: number, unit: Intl.RelativeTimeFormatUnit, options?: Intl.RelativeTimeFormatOptions): string;
+}
+//# sourceMappingURL=localize.d.ts.map

package/cdn/utilities/localize.js

@@ -0,0 +1,2 @@
+import{a,b,c}from"../chunks/chunk.SUD5HFGV.js";import"../chunks/chunk.BFGS3UP4.js";import"../chunks/chunk.MGICPQBB.js";export{c as LocalizeController,b as getTranslation,a as registerTranslation};
+//# sourceMappingURL=localize.js.map

package/cdn/utilities/localize.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}