@manzanohq/components 0.1.1

package/dist/react/index.js

@@ -0,0 +1,221 @@
+import React from "react";
+import { createComponent } from "@lit/react";
+import { MzAlert as MzAlertClass } from "../components/alert/alert.component.js";
+import { MzAvatar as MzAvatarClass } from "../components/avatar/avatar.component.js";
+import { MzBadge as MzBadgeClass } from "../components/badge/badge.component.js";
+import { MzButton as MzButtonClass } from "../components/button/button.component.js";
+import { MzButtonGroup as MzButtonGroupClass } from "../components/button-group/button-group.component.js";
+import { MzCard as MzCardClass } from "../components/card/card.component.js";
+import { MzCheckbox as MzCheckboxClass } from "../components/checkbox/checkbox.component.js";
+import { MzDialog as MzDialogClass } from "../components/dialog/dialog.component.js";
+import { MzDivider as MzDividerClass } from "../components/divider/divider.component.js";
+import { MzDrawer as MzDrawerClass } from "../components/drawer/drawer.component.js";
+import { MzDropdown as MzDropdownClass } from "../components/dropdown/dropdown.component.js";
+import { MzIcon as MzIconClass } from "../components/icon/icon.component.js";
+import { MzInput as MzInputClass } from "../components/input/input.component.js";
+import { MzKbd as MzKbdClass } from "../components/kbd/kbd.component.js";
+import { MzPopover as MzPopoverClass } from "../components/popover/popover.component.js";
+import { MzProgress as MzProgressClass } from "../components/progress/progress.component.js";
+import { MzOption as MzOptionClass } from "../components/option/option.component.js";
+import { MzRadioGroup as MzRadioGroupClass } from "../components/radio-group/radio-group.component.js";
+import { MzSelect as MzSelectClass } from "../components/select/select.component.js";
+import { MzSkeleton as MzSkeletonClass } from "../components/skeleton/skeleton.component.js";
+import { MzSpinner as MzSpinnerClass } from "../components/spinner/spinner.component.js";
+import { MzSwitch as MzSwitchClass } from "../components/switch/switch.component.js";
+import { MzTag as MzTagClass } from "../components/tag/tag.component.js";
+import { MzTextarea as MzTextareaClass } from "../components/textarea/textarea.component.js";
+import { MzTooltip as MzTooltipClass } from "../components/tooltip/tooltip.component.js";
+import { MzVisuallyHidden as MzVisuallyHiddenClass } from "../components/visually-hidden/visually-hidden.component.js";
+import { MzRadio as MzRadioClass } from "../components/radio/radio.component.js";
+const MzAlert = createComponent({
+  tagName: "mz-alert",
+  elementClass: MzAlertClass,
+  react: React,
+  events: { onClose: "mz-close" }
+});
+const MzAvatar = createComponent({
+  tagName: "mz-avatar",
+  elementClass: MzAvatarClass,
+  react: React,
+  events: {}
+});
+const MzBadge = createComponent({
+  tagName: "mz-badge",
+  elementClass: MzBadgeClass,
+  react: React,
+  events: {}
+});
+const MzButton = createComponent({
+  tagName: "mz-button",
+  elementClass: MzButtonClass,
+  react: React,
+  events: { onFocus: "mz-focus", onBlur: "mz-blur" }
+});
+const MzButtonGroup = createComponent({
+  tagName: "mz-button-group",
+  elementClass: MzButtonGroupClass,
+  react: React,
+  events: {}
+});
+const MzCard = createComponent({
+  tagName: "mz-card",
+  elementClass: MzCardClass,
+  react: React,
+  events: {}
+});
+const MzCheckbox = createComponent({
+  tagName: "mz-checkbox",
+  elementClass: MzCheckboxClass,
+  react: React,
+  events: { onChange: "mz-change", onFocus: "mz-focus", onBlur: "mz-blur" }
+});
+const MzDialog = createComponent({
+  tagName: "mz-dialog",
+  elementClass: MzDialogClass,
+  react: React,
+  events: { onShow: "mz-show", onHide: "mz-hide", onAfterShow: "mz-after-show", onAfterHide: "mz-after-hide", onRequestClose: "mz-request-close" }
+});
+const MzDivider = createComponent({
+  tagName: "mz-divider",
+  elementClass: MzDividerClass,
+  react: React,
+  events: {}
+});
+const MzDrawer = createComponent({
+  tagName: "mz-drawer",
+  elementClass: MzDrawerClass,
+  react: React,
+  events: { onShow: "mz-show", onHide: "mz-hide", onAfterShow: "mz-after-show", onAfterHide: "mz-after-hide", onRequestClose: "mz-request-close" }
+});
+const MzDropdown = createComponent({
+  tagName: "mz-dropdown",
+  elementClass: MzDropdownClass,
+  react: React,
+  events: { onShow: "mz-show", onHide: "mz-hide", onAfterShow: "mz-after-show", onAfterHide: "mz-after-hide" }
+});
+const MzIcon = createComponent({
+  tagName: "mz-icon",
+  elementClass: MzIconClass,
+  react: React,
+  events: { onLoad: "mz-load", onError: "mz-error" }
+});
+const MzInput = createComponent({
+  tagName: "mz-input",
+  elementClass: MzInputClass,
+  react: React,
+  events: { onInput: "mz-input", onChange: "mz-change", onFocus: "mz-focus", onBlur: "mz-blur" }
+});
+const MzKbd = createComponent({
+  tagName: "mz-kbd",
+  elementClass: MzKbdClass,
+  react: React,
+  events: {}
+});
+const MzPopover = createComponent({
+  tagName: "mz-popover",
+  elementClass: MzPopoverClass,
+  react: React,
+  events: { onShow: "mz-show", onHide: "mz-hide", onAfterShow: "mz-after-show", onAfterHide: "mz-after-hide" }
+});
+const MzProgress = createComponent({
+  tagName: "mz-progress",
+  elementClass: MzProgressClass,
+  react: React,
+  events: {}
+});
+const MzOption = createComponent({
+  tagName: "mz-option",
+  elementClass: MzOptionClass,
+  react: React,
+  events: {}
+});
+const MzRadioGroup = createComponent({
+  tagName: "mz-radio-group",
+  elementClass: MzRadioGroupClass,
+  react: React,
+  events: { onChange: "mz-change" }
+});
+const MzSelect = createComponent({
+  tagName: "mz-select",
+  elementClass: MzSelectClass,
+  react: React,
+  events: { onChange: "mz-change", onFocus: "mz-focus", onBlur: "mz-blur", onShow: "mz-show", onHide: "mz-hide" }
+});
+const MzSkeleton = createComponent({
+  tagName: "mz-skeleton",
+  elementClass: MzSkeletonClass,
+  react: React,
+  events: {}
+});
+const MzSpinner = createComponent({
+  tagName: "mz-spinner",
+  elementClass: MzSpinnerClass,
+  react: React,
+  events: {}
+});
+const MzSwitch = createComponent({
+  tagName: "mz-switch",
+  elementClass: MzSwitchClass,
+  react: React,
+  events: { onChange: "mz-change", onFocus: "mz-focus", onBlur: "mz-blur" }
+});
+const MzTag = createComponent({
+  tagName: "mz-tag",
+  elementClass: MzTagClass,
+  react: React,
+  events: { onRemove: "mz-remove" }
+});
+const MzTextarea = createComponent({
+  tagName: "mz-textarea",
+  elementClass: MzTextareaClass,
+  react: React,
+  events: { onInput: "mz-input", onChange: "mz-change", onFocus: "mz-focus", onBlur: "mz-blur" }
+});
+const MzTooltip = createComponent({
+  tagName: "mz-tooltip",
+  elementClass: MzTooltipClass,
+  react: React,
+  events: {}
+});
+const MzVisuallyHidden = createComponent({
+  tagName: "mz-visually-hidden",
+  elementClass: MzVisuallyHiddenClass,
+  react: React,
+  events: {}
+});
+const MzRadio = createComponent({
+  tagName: "mz-radio",
+  elementClass: MzRadioClass,
+  react: React,
+  events: { onRadioChange: "mz-radio-change", onFocus: "mz-focus", onBlur: "mz-blur" }
+});
+export {
+  MzAlert,
+  MzAvatar,
+  MzBadge,
+  MzButton,
+  MzButtonGroup,
+  MzCard,
+  MzCheckbox,
+  MzDialog,
+  MzDivider,
+  MzDrawer,
+  MzDropdown,
+  MzIcon,
+  MzInput,
+  MzKbd,
+  MzOption,
+  MzPopover,
+  MzProgress,
+  MzRadio,
+  MzRadioGroup,
+  MzSelect,
+  MzSkeleton,
+  MzSpinner,
+  MzSwitch,
+  MzTag,
+  MzTextarea,
+  MzTooltip,
+  MzVisuallyHidden
+};
+//# sourceMappingURL=index.js.map

package/dist/react/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/react/index.ts"],
+  "sourcesContent": ["// Auto-generated React wrappers \u2014 do not edit\nimport React from 'react';\nimport { createComponent } from '@lit/react';\n\nimport { MzAlert as MzAlertClass } from '../components/alert/alert.component.js';\nimport { MzAvatar as MzAvatarClass } from '../components/avatar/avatar.component.js';\nimport { MzBadge as MzBadgeClass } from '../components/badge/badge.component.js';\nimport { MzButton as MzButtonClass } from '../components/button/button.component.js';\nimport { MzButtonGroup as MzButtonGroupClass } from '../components/button-group/button-group.component.js';\nimport { MzCard as MzCardClass } from '../components/card/card.component.js';\nimport { MzCheckbox as MzCheckboxClass } from '../components/checkbox/checkbox.component.js';\nimport { MzDialog as MzDialogClass } from '../components/dialog/dialog.component.js';\nimport { MzDivider as MzDividerClass } from '../components/divider/divider.component.js';\nimport { MzDrawer as MzDrawerClass } from '../components/drawer/drawer.component.js';\nimport { MzDropdown as MzDropdownClass } from '../components/dropdown/dropdown.component.js';\nimport { MzIcon as MzIconClass } from '../components/icon/icon.component.js';\nimport { MzInput as MzInputClass } from '../components/input/input.component.js';\nimport { MzKbd as MzKbdClass } from '../components/kbd/kbd.component.js';\nimport { MzPopover as MzPopoverClass } from '../components/popover/popover.component.js';\nimport { MzProgress as MzProgressClass } from '../components/progress/progress.component.js';\nimport { MzOption as MzOptionClass } from '../components/option/option.component.js';\nimport { MzRadioGroup as MzRadioGroupClass } from '../components/radio-group/radio-group.component.js';\nimport { MzSelect as MzSelectClass } from '../components/select/select.component.js';\nimport { MzSkeleton as MzSkeletonClass } from '../components/skeleton/skeleton.component.js';\nimport { MzSpinner as MzSpinnerClass } from '../components/spinner/spinner.component.js';\nimport { MzSwitch as MzSwitchClass } from '../components/switch/switch.component.js';\nimport { MzTag as MzTagClass } from '../components/tag/tag.component.js';\nimport { MzTextarea as MzTextareaClass } from '../components/textarea/textarea.component.js';\nimport { MzTooltip as MzTooltipClass } from '../components/tooltip/tooltip.component.js';\nimport { MzVisuallyHidden as MzVisuallyHiddenClass } from '../components/visually-hidden/visually-hidden.component.js';\nimport { MzRadio as MzRadioClass } from '../components/radio/radio.component.js';\n\nexport const MzAlert = createComponent({\n  tagName: 'mz-alert',\n  elementClass: MzAlertClass,\n  react: React,\n  events: { onClose: 'mz-close' }\n});\n\nexport const MzAvatar = createComponent({\n  tagName: 'mz-avatar',\n  elementClass: MzAvatarClass,\n  react: React,\n  events: {}\n});\n\nexport const MzBadge = createComponent({\n  tagName: 'mz-badge',\n  elementClass: MzBadgeClass,\n  react: React,\n  events: {}\n});\n\nexport const MzButton = createComponent({\n  tagName: 'mz-button',\n  elementClass: MzButtonClass,\n  react: React,\n  events: { onFocus: 'mz-focus', onBlur: 'mz-blur' }\n});\n\nexport const MzButtonGroup = createComponent({\n  tagName: 'mz-button-group',\n  elementClass: MzButtonGroupClass,\n  react: React,\n  events: {}\n});\n\nexport const MzCard = createComponent({\n  tagName: 'mz-card',\n  elementClass: MzCardClass,\n  react: React,\n  events: {}\n});\n\nexport const MzCheckbox = createComponent({\n  tagName: 'mz-checkbox',\n  elementClass: MzCheckboxClass,\n  react: React,\n  events: { onChange: 'mz-change', onFocus: 'mz-focus', onBlur: 'mz-blur' }\n});\n\nexport const MzDialog = createComponent({\n  tagName: 'mz-dialog',\n  elementClass: MzDialogClass,\n  react: React,\n  events: { onShow: 'mz-show', onHide: 'mz-hide', onAfterShow: 'mz-after-show', onAfterHide: 'mz-after-hide', onRequestClose: 'mz-request-close' }\n});\n\nexport const MzDivider = createComponent({\n  tagName: 'mz-divider',\n  elementClass: MzDividerClass,\n  react: React,\n  events: {}\n});\n\nexport const MzDrawer = createComponent({\n  tagName: 'mz-drawer',\n  elementClass: MzDrawerClass,\n  react: React,\n  events: { onShow: 'mz-show', onHide: 'mz-hide', onAfterShow: 'mz-after-show', onAfterHide: 'mz-after-hide', onRequestClose: 'mz-request-close' }\n});\n\nexport const MzDropdown = createComponent({\n  tagName: 'mz-dropdown',\n  elementClass: MzDropdownClass,\n  react: React,\n  events: { onShow: 'mz-show', onHide: 'mz-hide', onAfterShow: 'mz-after-show', onAfterHide: 'mz-after-hide' }\n});\n\nexport const MzIcon = createComponent({\n  tagName: 'mz-icon',\n  elementClass: MzIconClass,\n  react: React,\n  events: { onLoad: 'mz-load', onError: 'mz-error' }\n});\n\nexport const MzInput = createComponent({\n  tagName: 'mz-input',\n  elementClass: MzInputClass,\n  react: React,\n  events: { onInput: 'mz-input', onChange: 'mz-change', onFocus: 'mz-focus', onBlur: 'mz-blur' }\n});\n\nexport const MzKbd = createComponent({\n  tagName: 'mz-kbd',\n  elementClass: MzKbdClass,\n  react: React,\n  events: {}\n});\n\nexport const MzPopover = createComponent({\n  tagName: 'mz-popover',\n  elementClass: MzPopoverClass,\n  react: React,\n  events: { onShow: 'mz-show', onHide: 'mz-hide', onAfterShow: 'mz-after-show', onAfterHide: 'mz-after-hide' }\n});\n\nexport const MzProgress = createComponent({\n  tagName: 'mz-progress',\n  elementClass: MzProgressClass,\n  react: React,\n  events: {}\n});\n\nexport const MzOption = createComponent({\n  tagName: 'mz-option',\n  elementClass: MzOptionClass,\n  react: React,\n  events: {}\n});\n\nexport const MzRadioGroup = createComponent({\n  tagName: 'mz-radio-group',\n  elementClass: MzRadioGroupClass,\n  react: React,\n  events: { onChange: 'mz-change' }\n});\n\nexport const MzSelect = createComponent({\n  tagName: 'mz-select',\n  elementClass: MzSelectClass,\n  react: React,\n  events: { onChange: 'mz-change', onFocus: 'mz-focus', onBlur: 'mz-blur', onShow: 'mz-show', onHide: 'mz-hide' }\n});\n\nexport const MzSkeleton = createComponent({\n  tagName: 'mz-skeleton',\n  elementClass: MzSkeletonClass,\n  react: React,\n  events: {}\n});\n\nexport const MzSpinner = createComponent({\n  tagName: 'mz-spinner',\n  elementClass: MzSpinnerClass,\n  react: React,\n  events: {}\n});\n\nexport const MzSwitch = createComponent({\n  tagName: 'mz-switch',\n  elementClass: MzSwitchClass,\n  react: React,\n  events: { onChange: 'mz-change', onFocus: 'mz-focus', onBlur: 'mz-blur' }\n});\n\nexport const MzTag = createComponent({\n  tagName: 'mz-tag',\n  elementClass: MzTagClass,\n  react: React,\n  events: { onRemove: 'mz-remove' }\n});\n\nexport const MzTextarea = createComponent({\n  tagName: 'mz-textarea',\n  elementClass: MzTextareaClass,\n  react: React,\n  events: { onInput: 'mz-input', onChange: 'mz-change', onFocus: 'mz-focus', onBlur: 'mz-blur' }\n});\n\nexport const MzTooltip = createComponent({\n  tagName: 'mz-tooltip',\n  elementClass: MzTooltipClass,\n  react: React,\n  events: {}\n});\n\nexport const MzVisuallyHidden = createComponent({\n  tagName: 'mz-visually-hidden',\n  elementClass: MzVisuallyHiddenClass,\n  react: React,\n  events: {}\n});\n\nexport const MzRadio = createComponent({\n  tagName: 'mz-radio',\n  elementClass: MzRadioClass,\n  react: React,\n  events: { onRadioChange: 'mz-radio-change', onFocus: 'mz-focus', onBlur: 'mz-blur' }\n});\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/styles/component.styles.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Base styles applied to all Manzano components.
+ * Includes box-sizing reset and font inheritance.
+ */
+declare const _default: import("lit").CSSResult;
+export default _default;
+//# sourceMappingURL=component.styles.d.ts.map

package/dist/styles/component.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"component.styles.d.ts","sourceRoot":"","sources":["../../src/styles/component.styles.ts"],"names":[],"mappings":"AAEA;;;GAGG;;AACH,wBAcE"}

package/dist/styles/component.styles.js

@@ -0,0 +1,20 @@
+import { css } from "lit";
+var component_styles_default = css`
+  :host {
+    box-sizing: border-box;
+  }
+
+  :host *,
+  :host *::before,
+  :host *::after {
+    box-sizing: inherit;
+  }
+
+  [hidden] {
+    display: none !important;
+  }
+`;
+export {
+  component_styles_default as default
+};
+//# sourceMappingURL=component.styles.js.map

package/dist/styles/component.styles.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/styles/component.styles.ts"],
+  "sourcesContent": ["import { css } from 'lit';\n\n/**\n * Base styles applied to all Manzano components.\n * Includes box-sizing reset and font inheritance.\n */\nexport default css`\n  :host {\n    box-sizing: border-box;\n  }\n\n  :host *,\n  :host *::before,\n  :host *::after {\n    box-sizing: inherit;\n  }\n\n  [hidden] {\n    display: none !important;\n  }\n`;\n"],
+  "mappings": "AAAA,SAAS,WAAW;AAMpB,IAAO,2BAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;",
+  "names": []
+}

package/dist/styles/form-control.styles.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Shared form control styles for input, textarea, select, etc.
+ */
+declare const _default: import("lit").CSSResult;
+export default _default;
+//# sourceMappingURL=form-control.styles.d.ts.map

package/dist/styles/form-control.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-control.styles.d.ts","sourceRoot":"","sources":["../../src/styles/form-control.styles.ts"],"names":[],"mappings":"AAEA;;GAEG;;AACH,wBAuBE"}

package/dist/styles/form-control.styles.js

@@ -0,0 +1,29 @@
+import { css } from "lit";
+var form_control_styles_default = css`
+  .form-control {
+    display: flex;
+    flex-direction: column;
+    gap: var(--mz-space-2xs);
+  }
+
+  .form-control__label {
+    font-family: var(--mz-font-sans);
+    font-size: var(--mz-font-size-sm);
+    font-weight: var(--mz-font-weight-medium);
+    color: var(--mz-color-text);
+  }
+
+  .form-control__help-text {
+    font-family: var(--mz-font-sans);
+    font-size: var(--mz-font-size-sm);
+    color: var(--mz-color-text-secondary);
+  }
+
+  :host([data-user-invalid]) .form-control__help-text {
+    color: var(--mz-color-danger);
+  }
+`;
+export {
+  form_control_styles_default as default
+};
+//# sourceMappingURL=form-control.styles.js.map

package/dist/styles/form-control.styles.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/styles/form-control.styles.ts"],
+  "sourcesContent": ["import { css } from 'lit';\n\n/**\n * Shared form control styles for input, textarea, select, etc.\n */\nexport default css`\n  .form-control {\n    display: flex;\n    flex-direction: column;\n    gap: var(--mz-space-2xs);\n  }\n\n  .form-control__label {\n    font-family: var(--mz-font-sans);\n    font-size: var(--mz-font-size-sm);\n    font-weight: var(--mz-font-weight-medium);\n    color: var(--mz-color-text);\n  }\n\n  .form-control__help-text {\n    font-family: var(--mz-font-sans);\n    font-size: var(--mz-font-size-sm);\n    color: var(--mz-color-text-secondary);\n  }\n\n  :host([data-user-invalid]) .form-control__help-text {\n    color: var(--mz-color-danger);\n  }\n`;\n"],
+  "mappings": "AAAA,SAAS,WAAW;AAKpB,IAAO,8BAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;",
+  "names": []
+}

package/dist/themes/manzano.css

@@ -0,0 +1,328 @@
+/*
+ * Manzano Design Tokens
+ * Single-file theme with light/dark modes via [data-theme] attribute.
+ * Auto-detects system preference via prefers-color-scheme.
+ *
+ * Typography: Plus Jakarta Sans — a geometric-humanist sans-serif with
+ * warmth and character. Load via Google Fonts, Fontsource, or self-host.
+ * Falls back to system fonts if unavailable.
+ */
+
+/* =============================================
+   PRIMITIVE TOKENS (raw values)
+   ============================================= */
+
+:root, :host {
+  /* --- Color Primitives: Blue (warm ink — confident but not electric) --- */
+  --mz-color-blue-50: #f4f6fb;
+  --mz-color-blue-100: #e7ecf6;
+  --mz-color-blue-200: #d0daee;
+  --mz-color-blue-300: #aec0e2;
+  --mz-color-blue-400: #839ed2;
+  --mz-color-blue-500: #5f7cbd;
+  --mz-color-blue-600: #4260a8;
+  --mz-color-blue-700: #374f8d;
+  --mz-color-blue-800: #304475;
+  --mz-color-blue-900: #2c3c62;
+  --mz-color-blue-950: #1c253e;
+
+  /* --- Color Primitives: Gray (warm neutral — "sandstone") --- */
+  --mz-color-gray-50: #faf9f7;
+  --mz-color-gray-100: #f4f2ef;
+  --mz-color-gray-200: #e8e5e0;
+  --mz-color-gray-300: #d5d1cb;
+  --mz-color-gray-400: #a8a29b;
+  --mz-color-gray-500: #79726b;
+  --mz-color-gray-600: #58524b;
+  --mz-color-gray-700: #433d37;
+  --mz-color-gray-800: #2c2722;
+  --mz-color-gray-900: #1c1915;
+  --mz-color-gray-950: #0e0c09;
+
+  /* --- Color Primitives: Red (warm clay/terracotta — not fire truck) --- */
+  --mz-color-red-50: #fdf5f3;
+  --mz-color-red-100: #fae8e5;
+  --mz-color-red-200: #f6d0ca;
+  --mz-color-red-300: #efb0a3;
+  --mz-color-red-400: #e48672;
+  --mz-color-red-500: #d56449;
+  --mz-color-red-600: #c04b34;
+  --mz-color-red-700: #a03e2b;
+  --mz-color-red-800: #863628;
+  --mz-color-red-900: #703226;
+  --mz-color-red-950: #3c1812;
+
+  /* --- Color Primitives: Green (forest/sage — not traffic light) --- */
+  --mz-color-green-50: #f2faf5;
+  --mz-color-green-100: #e0f3e8;
+  --mz-color-green-200: #c3e6d1;
+  --mz-color-green-300: #97d4b1;
+  --mz-color-green-400: #63bc8a;
+  --mz-color-green-500: #3ea26b;
+  --mz-color-green-600: #2d8556;
+  --mz-color-green-700: #266b45;
+  --mz-color-green-800: #225539;
+  --mz-color-green-900: #1e4630;
+  --mz-color-green-950: #0f271a;
+
+  /* --- Color Primitives: Amber (warm honey — not construction sign) --- */
+  --mz-color-amber-50: #fdfaf0;
+  --mz-color-amber-100: #fbf1d2;
+  --mz-color-amber-200: #f5e0a2;
+  --mz-color-amber-300: #eecb6a;
+  --mz-color-amber-400: #e5b23c;
+  --mz-color-amber-500: #d59724;
+  --mz-color-amber-600: #b87918;
+  --mz-color-amber-700: #985c15;
+  --mz-color-amber-800: #7e4a19;
+  --mz-color-amber-900: #693f1a;
+  --mz-color-amber-950: #3c200b;
+
+  /* --- Typography --- */
+  --mz-font-sans: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+  --mz-font-mono: 'JetBrains 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;
+
+  --mz-line-height-dense: 1.25;
+  --mz-line-height-normal: 1.5;
+  --mz-line-height-loose: 1.75;
+
+  /* --- Spacing (t-shirt scale with multiplier) --- */
+  --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 (softer, committed opinion) --- */
+  --mz-radius-scale: 1;
+  --mz-radius-sm: calc(0.375rem * var(--mz-radius-scale));
+  --mz-radius-md: calc(0.5rem * var(--mz-radius-scale));
+  --mz-radius-lg: calc(0.75rem * var(--mz-radius-scale));
+  --mz-radius-xl: calc(1rem * 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 (warm-tinted, natural light) --- */
+  --mz-shadow-xs: 0 1px 2px 0 rgb(28 25 21 / 0.06);
+  --mz-shadow-sm: 0 1px 3px 0 rgb(28 25 21 / 0.09), 0 1px 2px -1px rgb(28 25 21 / 0.07);
+  --mz-shadow-md: 0 4px 8px -2px rgb(28 25 21 / 0.1), 0 2px 4px -2px rgb(28 25 21 / 0.06);
+  --mz-shadow-lg: 0 12px 20px -4px rgb(28 25 21 / 0.12), 0 4px 8px -4px rgb(28 25 21 / 0.05);
+  --mz-shadow-xl: 0 24px 36px -8px rgb(28 25 21 / 0.14), 0 8px 16px -6px rgb(28 25 21 / 0.06);
+
+  /* --- 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;
+
+  /* --- Focus ring --- */
+  --mz-focus-ring-color: var(--mz-color-primary);
+  --mz-focus-ring-width: 3px;
+  --mz-focus-ring-offset: 1px;
+  --mz-focus-ring: var(--mz-focus-ring-width) solid var(--mz-focus-ring-color);
+
+  /* --- Input component tokens --- */
+  --mz-input-height-sm: 2.25rem;
+  --mz-input-height-md: 2.75rem;
+  --mz-input-height-lg: 3.25rem;
+  --mz-input-border-color: var(--mz-color-border);
+  --mz-input-border-radius: var(--mz-radius-md);
+  --mz-input-font-size-sm: var(--mz-font-size-sm);
+  --mz-input-font-size-md: var(--mz-font-size-md);
+  --mz-input-font-size-lg: var(--mz-font-size-lg);
+
+  /* --- Panel tokens --- */
+  --mz-panel-border-width: var(--mz-border-width-sm);
+  --mz-panel-border-radius: var(--mz-radius-lg);
+  --mz-panel-border-color: var(--mz-color-border);
+}
+
+/* =============================================
+   SEMANTIC TOKENS: LIGHT (default)
+   ============================================= */
+
+:root, :host, [data-theme='light'] {
+  --mz-color-primary: var(--mz-color-blue-600);
+  --mz-color-primary-hover: var(--mz-color-blue-700);
+  --mz-color-primary-active: var(--mz-color-blue-800);
+  --mz-color-on-primary: #ffffff;
+
+  --mz-color-danger: var(--mz-color-red-600);
+  --mz-color-danger-hover: var(--mz-color-red-700);
+  --mz-color-danger-active: var(--mz-color-red-800);
+  --mz-color-on-danger: #ffffff;
+
+  --mz-color-success: var(--mz-color-green-600);
+  --mz-color-success-hover: var(--mz-color-green-700);
+  --mz-color-success-active: var(--mz-color-green-800);
+  --mz-color-on-success: #ffffff;
+
+  --mz-color-warning: var(--mz-color-amber-500);
+  --mz-color-warning-hover: var(--mz-color-amber-600);
+  --mz-color-warning-active: var(--mz-color-amber-700);
+  --mz-color-on-warning: var(--mz-color-gray-950);
+
+  --mz-color-neutral: var(--mz-color-gray-700);
+  --mz-color-neutral-hover: var(--mz-color-gray-800);
+  --mz-color-neutral-active: var(--mz-color-gray-900);
+  --mz-color-on-neutral: #ffffff;
+
+  color-scheme: light;
+
+  --mz-color-surface: #ffffff;
+  --mz-color-surface-raised: var(--mz-color-gray-50);
+  --mz-color-surface-overlay: #ffffff;
+  --mz-color-text: var(--mz-color-gray-900);
+  --mz-color-text-secondary: var(--mz-color-gray-500);
+  --mz-color-text-disabled: var(--mz-color-gray-400);
+  --mz-color-border: var(--mz-color-gray-300);
+  --mz-color-border-hover: var(--mz-color-gray-400);
+  --mz-color-backdrop: rgb(28 25 21 / 0.4);
+}
+
+/* =============================================
+   SEMANTIC TOKENS: DARK (intentionally designed)
+   ============================================= */
+
+[data-theme='dark'] {
+  color-scheme: dark;
+
+  --mz-color-primary: var(--mz-color-blue-400);
+  --mz-color-primary-hover: var(--mz-color-blue-300);
+  --mz-color-primary-active: var(--mz-color-blue-200);
+  --mz-color-on-primary: var(--mz-color-blue-950);
+
+  --mz-color-danger: var(--mz-color-red-400);
+  --mz-color-danger-hover: var(--mz-color-red-300);
+  --mz-color-danger-active: var(--mz-color-red-200);
+  --mz-color-on-danger: var(--mz-color-red-950);
+
+  --mz-color-success: var(--mz-color-green-400);
+  --mz-color-success-hover: var(--mz-color-green-300);
+  --mz-color-success-active: var(--mz-color-green-200);
+  --mz-color-on-success: var(--mz-color-green-950);
+
+  --mz-color-warning: var(--mz-color-amber-400);
+  --mz-color-warning-hover: var(--mz-color-amber-300);
+  --mz-color-warning-active: var(--mz-color-amber-200);
+  --mz-color-on-warning: var(--mz-color-amber-950);
+
+  --mz-color-neutral: var(--mz-color-gray-400);
+  --mz-color-neutral-hover: var(--mz-color-gray-300);
+  --mz-color-neutral-active: var(--mz-color-gray-200);
+  --mz-color-on-neutral: var(--mz-color-gray-950);
+
+  --mz-color-surface: var(--mz-color-gray-900);
+  --mz-color-surface-raised: var(--mz-color-gray-800);
+  --mz-color-surface-overlay: var(--mz-color-gray-800);
+  --mz-color-text: var(--mz-color-gray-100);
+  --mz-color-text-secondary: var(--mz-color-gray-400);
+  --mz-color-text-disabled: var(--mz-color-gray-600);
+  --mz-color-border: var(--mz-color-gray-700);
+  --mz-color-border-hover: var(--mz-color-gray-600);
+  --mz-color-backdrop: rgb(0 0 0 / 0.6);
+
+  --mz-shadow-xs: 0 1px 2px 0 rgb(0 0 0 / 0.25);
+  --mz-shadow-sm: 0 1px 3px 0 rgb(0 0 0 / 0.3), 0 1px 2px -1px rgb(0 0 0 / 0.25);
+  --mz-shadow-md: 0 4px 8px -2px rgb(0 0 0 / 0.35), 0 2px 4px -2px rgb(0 0 0 / 0.25);
+  --mz-shadow-lg: 0 12px 20px -4px rgb(0 0 0 / 0.35), 0 4px 8px -4px rgb(0 0 0 / 0.25);
+  --mz-shadow-xl: 0 24px 36px -8px rgb(0 0 0 / 0.4), 0 8px 16px -6px rgb(0 0 0 / 0.3);
+}
+
+/* Auto-detect system preference when no data-theme is set */
+@media (prefers-color-scheme: dark) {
+  :root:not([data-theme='light']),
+  :host:not([data-theme='light']) {
+    color-scheme: dark;
+
+    --mz-color-primary: var(--mz-color-blue-400);
+    --mz-color-primary-hover: var(--mz-color-blue-300);
+    --mz-color-primary-active: var(--mz-color-blue-200);
+    --mz-color-on-primary: var(--mz-color-blue-950);
+
+    --mz-color-danger: var(--mz-color-red-400);
+    --mz-color-danger-hover: var(--mz-color-red-300);
+    --mz-color-danger-active: var(--mz-color-red-200);
+    --mz-color-on-danger: var(--mz-color-red-950);
+
+    --mz-color-success: var(--mz-color-green-400);
+    --mz-color-success-hover: var(--mz-color-green-300);
+    --mz-color-success-active: var(--mz-color-green-200);
+    --mz-color-on-success: var(--mz-color-green-950);
+
+    --mz-color-warning: var(--mz-color-amber-400);
+    --mz-color-warning-hover: var(--mz-color-amber-300);
+    --mz-color-warning-active: var(--mz-color-amber-200);
+    --mz-color-on-warning: var(--mz-color-amber-950);
+
+    --mz-color-neutral: var(--mz-color-gray-400);
+    --mz-color-neutral-hover: var(--mz-color-gray-300);
+    --mz-color-neutral-active: var(--mz-color-gray-200);
+    --mz-color-on-neutral: var(--mz-color-gray-950);
+
+    --mz-color-surface: var(--mz-color-gray-900);
+    --mz-color-surface-raised: var(--mz-color-gray-800);
+    --mz-color-surface-overlay: var(--mz-color-gray-800);
+    --mz-color-text: var(--mz-color-gray-100);
+    --mz-color-text-secondary: var(--mz-color-gray-400);
+    --mz-color-text-disabled: var(--mz-color-gray-600);
+    --mz-color-border: var(--mz-color-gray-700);
+    --mz-color-border-hover: var(--mz-color-gray-600);
+    --mz-color-backdrop: rgb(0 0 0 / 0.6);
+
+    --mz-shadow-xs: 0 1px 2px 0 rgb(0 0 0 / 0.25);
+    --mz-shadow-sm: 0 1px 3px 0 rgb(0 0 0 / 0.3), 0 1px 2px -1px rgb(0 0 0 / 0.25);
+    --mz-shadow-md: 0 4px 8px -2px rgb(0 0 0 / 0.35), 0 2px 4px -2px rgb(0 0 0 / 0.25);
+    --mz-shadow-lg: 0 12px 20px -4px rgb(0 0 0 / 0.35), 0 4px 8px -4px rgb(0 0 0 / 0.25);
+    --mz-shadow-xl: 0 24px 36px -8px rgb(0 0 0 / 0.4), 0 8px 16px -6px rgb(0 0 0 / 0.3);
+  }
+}
+
+/* =============================================
+   DENSITY PRESETS
+   ============================================= */
+
+[data-density='compact'] {
+  --mz-space-scale: 0.75;
+  --mz-font-size-scale: 0.9;
+}
+
+[data-density='default'] {
+  --mz-space-scale: 1;
+  --mz-font-size-scale: 1;
+}
+
+[data-density='comfortable'] {
+  --mz-space-scale: 1.25;
+  --mz-font-size-scale: 1.05;
+}