@mieweb/ui 0.1.0

package/dist/chunk-SJ3BF4BO.cjs

@@ -0,0 +1,199 @@
+'use strict';
+
+// src/tailwind-preset.ts
+var miewebUISafelist = [
+  // Semantic colors
+  "border-border",
+  "border-input",
+  "ring-ring",
+  "bg-background",
+  "bg-card",
+  "bg-muted",
+  "bg-primary",
+  "bg-success",
+  "bg-warning",
+  "bg-destructive",
+  "bg-info",
+  "text-foreground",
+  "text-card-foreground",
+  "text-muted-foreground",
+  "text-primary",
+  "text-primary-foreground",
+  "text-success",
+  "text-success-foreground",
+  "text-warning",
+  "text-warning-foreground",
+  "text-destructive",
+  "text-destructive-foreground",
+  "text-info",
+  "text-info-foreground",
+  "focus:ring-ring",
+  "focus:ring-primary",
+  "focus:border-transparent",
+  "focus:ring-destructive",
+  "border-primary",
+  "border-destructive",
+  "ring-primary",
+  "ring-2",
+  "ring-offset-2",
+  // Grid classes for QuickAction and responsive layouts
+  "grid-cols-1",
+  "grid-cols-2",
+  "grid-cols-3",
+  "grid-cols-4",
+  "grid-cols-6",
+  "sm:grid-cols-1",
+  "sm:grid-cols-2",
+  "sm:grid-cols-3",
+  "sm:grid-cols-4",
+  "sm:grid-cols-6",
+  "md:grid-cols-2",
+  "md:grid-cols-3",
+  "md:grid-cols-4",
+  "lg:grid-cols-2",
+  "lg:grid-cols-3",
+  "lg:grid-cols-4",
+  // Switch component
+  "bg-neutral-200",
+  "dark:bg-neutral-700",
+  "bg-primary-500",
+  "h-5",
+  "w-9",
+  "h-6",
+  "w-11",
+  "h-7",
+  "w-14",
+  "h-4",
+  "w-4",
+  "w-5",
+  "w-6",
+  "translate-x-0.5",
+  "translate-x-4",
+  "translate-x-5",
+  "translate-x-7",
+  // SchedulePicker / overflow handling
+  "overflow-x-auto",
+  "overflow-hidden",
+  // Select component
+  "truncate"
+];
+var miewebUIPreset = {
+  darkMode: ["class", '[data-theme="dark"]'],
+  safelist: miewebUISafelist,
+  theme: {
+    extend: {
+      colors: {
+        // Primary color scale - easily overridable by consumers
+        primary: {
+          DEFAULT: "var(--mieweb-primary, var(--mieweb-primary-500, #27aae1))",
+          50: "var(--mieweb-primary-50, #f0f9ff)",
+          100: "var(--mieweb-primary-100, #e0f4fe)",
+          200: "var(--mieweb-primary-200, #b9eafd)",
+          300: "var(--mieweb-primary-300, #7cdbfc)",
+          400: "var(--mieweb-primary-400, #36c9f8)",
+          500: "var(--mieweb-primary-500, #27aae1)",
+          600: "var(--mieweb-primary-600, #0c90c9)",
+          700: "var(--mieweb-primary-700, #0b73a3)",
+          800: "var(--mieweb-primary-800, #0f6086)",
+          900: "var(--mieweb-primary-900, #124f6f)",
+          950: "var(--mieweb-primary-950, #0c334a)",
+          foreground: "var(--mieweb-primary-foreground, hsl(210 40% 98%))"
+        },
+        // Semantic colors using CSS variables for theming
+        border: "var(--mieweb-border, hsl(214.3 31.8% 91.4%))",
+        input: "var(--mieweb-input, hsl(214.3 31.8% 91.4%))",
+        ring: "var(--mieweb-ring, hsl(221.2 83.2% 53.3%))",
+        background: "var(--mieweb-background, hsl(0 0% 100%))",
+        foreground: "var(--mieweb-foreground, hsl(222.2 84% 4.9%))",
+        // Component-specific semantic colors
+        card: {
+          DEFAULT: "var(--mieweb-card, hsl(0 0% 100%))",
+          foreground: "var(--mieweb-card-foreground, hsl(222.2 84% 4.9%))"
+        },
+        muted: {
+          DEFAULT: "var(--mieweb-muted, hsl(210 40% 96.1%))",
+          foreground: "var(--mieweb-muted-foreground, hsl(215.4 16.3% 46.9%))"
+        },
+        destructive: {
+          DEFAULT: "var(--mieweb-destructive, hsl(0 84.2% 60.2%))",
+          foreground: "var(--mieweb-destructive-foreground, hsl(210 40% 98%))"
+        },
+        success: {
+          DEFAULT: "var(--mieweb-success, hsl(142.1 76.2% 36.3%))",
+          foreground: "var(--mieweb-success-foreground, hsl(355.7 100% 97.3%))"
+        },
+        warning: {
+          DEFAULT: "var(--mieweb-warning, hsl(45.4 93.4% 47.5%))",
+          foreground: "var(--mieweb-warning-foreground, hsl(26 83.3% 14.1%))"
+        },
+        info: {
+          DEFAULT: "var(--mieweb-info, hsl(204 94% 94%))",
+          foreground: "var(--mieweb-info-foreground, hsl(213 31% 91%))"
+        }
+      },
+      fontFamily: {
+        sans: [
+          "var(--mieweb-font-sans, ui-sans-serif)",
+          "system-ui",
+          "sans-serif"
+        ]
+      },
+      borderRadius: {
+        "2xl": "var(--mieweb-radius-2xl, 1rem)",
+        lg: "var(--mieweb-radius-lg, 0.75rem)",
+        md: "var(--mieweb-radius-md, 0.5rem)",
+        sm: "var(--mieweb-radius-sm, 0.25rem)",
+        xl: "var(--mieweb-radius-xl, 1rem)"
+      },
+      boxShadow: {
+        card: "var(--mieweb-shadow-card, 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1))"
+      },
+      keyframes: {
+        "fade-in": {
+          "0%": { opacity: "0" },
+          "100%": { opacity: "1" }
+        },
+        "fade-out": {
+          "0%": { opacity: "1" },
+          "100%": { opacity: "0" }
+        },
+        "slide-in-from-top": {
+          "0%": { transform: "translateY(-0.5rem)", opacity: "0" },
+          "100%": { transform: "translateY(0)", opacity: "1" }
+        },
+        "slide-in-from-bottom": {
+          "0%": { transform: "translateY(0.5rem)", opacity: "0" },
+          "100%": { transform: "translateY(0)", opacity: "1" }
+        },
+        "slide-in-right": {
+          "0%": { transform: "translateX(100%)", opacity: "0" },
+          "100%": { transform: "translateX(0)", opacity: "1" }
+        },
+        "slide-in-left": {
+          "0%": { transform: "translateX(-100%)", opacity: "0" },
+          "100%": { transform: "translateX(0)", opacity: "1" }
+        },
+        "scale-in": {
+          "0%": { transform: "scale(0.95)", opacity: "0" },
+          "100%": { transform: "scale(1)", opacity: "1" }
+        }
+      },
+      animation: {
+        "fade-in": "fade-in 150ms ease-out",
+        "fade-out": "fade-out 150ms ease-in",
+        "slide-in-from-top": "slide-in-from-top 150ms ease-out",
+        "slide-in-from-bottom": "slide-in-from-bottom 150ms ease-out",
+        "slide-in-right": "slide-in-right 300ms ease-out",
+        "slide-in-left": "slide-in-left 300ms ease-out",
+        "scale-in": "scale-in 150ms ease-out"
+      }
+    }
+  }
+};
+var tailwind_preset_default = miewebUIPreset;
+
+exports.miewebUIPreset = miewebUIPreset;
+exports.miewebUISafelist = miewebUISafelist;
+exports.tailwind_preset_default = tailwind_preset_default;
+//# sourceMappingURL=chunk-SJ3BF4BO.cjs.map
+//# sourceMappingURL=chunk-SJ3BF4BO.cjs.map

package/dist/chunk-SJ3BF4BO.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/tailwind-preset.ts"],"names":[],"mappings":"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","file":"chunk-SJ3BF4BO.cjs","sourcesContent":["/**\n * @mieweb/ui Tailwind CSS Preset\n *\n * This preset provides the default theme configuration for @mieweb/ui components.\n * Consumers can extend or override these values in their own tailwind.config.js\n *\n * Usage:\n * ```js\n * // tailwind.config.js\n * module.exports = {\n *   presets: [require('@mieweb/ui/tailwind-preset')],\n *   theme: {\n *     extend: {\n *       colors: {\n *         primary: {\n *           500: '#your-brand-color',\n *         },\n *       },\n *     },\n *   },\n * };\n * ```\n */\n\n/**\n * Safelist of classes used by @mieweb/ui components.\n * These must be safelisted because Tailwind may not detect them when\n * components are imported from node_modules (especially with Tailwind CSS 4).\n */\nexport const miewebUISafelist = [\n  // Semantic colors\n  'border-border',\n  'border-input',\n  'ring-ring',\n  'bg-background',\n  'bg-card',\n  'bg-muted',\n  'bg-primary',\n  'bg-success',\n  'bg-warning',\n  'bg-destructive',\n  'bg-info',\n  'text-foreground',\n  'text-card-foreground',\n  'text-muted-foreground',\n  'text-primary',\n  'text-primary-foreground',\n  'text-success',\n  'text-success-foreground',\n  'text-warning',\n  'text-warning-foreground',\n  'text-destructive',\n  'text-destructive-foreground',\n  'text-info',\n  'text-info-foreground',\n  'focus:ring-ring',\n  'focus:ring-primary',\n  'focus:border-transparent',\n  'focus:ring-destructive',\n  'border-primary',\n  'border-destructive',\n  'ring-primary',\n  'ring-2',\n  'ring-offset-2',\n  // Grid classes for QuickAction and responsive layouts\n  'grid-cols-1',\n  'grid-cols-2',\n  'grid-cols-3',\n  'grid-cols-4',\n  'grid-cols-6',\n  'sm:grid-cols-1',\n  'sm:grid-cols-2',\n  'sm:grid-cols-3',\n  'sm:grid-cols-4',\n  'sm:grid-cols-6',\n  'md:grid-cols-2',\n  'md:grid-cols-3',\n  'md:grid-cols-4',\n  'lg:grid-cols-2',\n  'lg:grid-cols-3',\n  'lg:grid-cols-4',\n  // Switch component\n  'bg-neutral-200',\n  'dark:bg-neutral-700',\n  'bg-primary-500',\n  'h-5',\n  'w-9',\n  'h-6',\n  'w-11',\n  'h-7',\n  'w-14',\n  'h-4',\n  'w-4',\n  'w-5',\n  'w-6',\n  'translate-x-0.5',\n  'translate-x-4',\n  'translate-x-5',\n  'translate-x-7',\n  // SchedulePicker / overflow handling\n  'overflow-x-auto',\n  'overflow-hidden',\n  // Select component\n  'truncate',\n];\n\nexport interface MiewebUIPreset {\n  darkMode: ['class', '[data-theme=\"dark\"]'];\n  safelist: string[];\n  theme: {\n    extend: Record<string, unknown>;\n  };\n}\n\nexport const miewebUIPreset: MiewebUIPreset = {\n  darkMode: ['class', '[data-theme=\"dark\"]'],\n  safelist: miewebUISafelist,\n  theme: {\n    extend: {\n      colors: {\n        // Primary color scale - easily overridable by consumers\n        primary: {\n          DEFAULT: 'var(--mieweb-primary, var(--mieweb-primary-500, #27aae1))',\n          50: 'var(--mieweb-primary-50, #f0f9ff)',\n          100: 'var(--mieweb-primary-100, #e0f4fe)',\n          200: 'var(--mieweb-primary-200, #b9eafd)',\n          300: 'var(--mieweb-primary-300, #7cdbfc)',\n          400: 'var(--mieweb-primary-400, #36c9f8)',\n          500: 'var(--mieweb-primary-500, #27aae1)',\n          600: 'var(--mieweb-primary-600, #0c90c9)',\n          700: 'var(--mieweb-primary-700, #0b73a3)',\n          800: 'var(--mieweb-primary-800, #0f6086)',\n          900: 'var(--mieweb-primary-900, #124f6f)',\n          950: 'var(--mieweb-primary-950, #0c334a)',\n          foreground: 'var(--mieweb-primary-foreground, hsl(210 40% 98%))',\n        },\n        // Semantic colors using CSS variables for theming\n        border: 'var(--mieweb-border, hsl(214.3 31.8% 91.4%))',\n        input: 'var(--mieweb-input, hsl(214.3 31.8% 91.4%))',\n        ring: 'var(--mieweb-ring, hsl(221.2 83.2% 53.3%))',\n        background: 'var(--mieweb-background, hsl(0 0% 100%))',\n        foreground: 'var(--mieweb-foreground, hsl(222.2 84% 4.9%))',\n        // Component-specific semantic colors\n        card: {\n          DEFAULT: 'var(--mieweb-card, hsl(0 0% 100%))',\n          foreground: 'var(--mieweb-card-foreground, hsl(222.2 84% 4.9%))',\n        },\n        muted: {\n          DEFAULT: 'var(--mieweb-muted, hsl(210 40% 96.1%))',\n          foreground: 'var(--mieweb-muted-foreground, hsl(215.4 16.3% 46.9%))',\n        },\n        destructive: {\n          DEFAULT: 'var(--mieweb-destructive, hsl(0 84.2% 60.2%))',\n          foreground: 'var(--mieweb-destructive-foreground, hsl(210 40% 98%))',\n        },\n        success: {\n          DEFAULT: 'var(--mieweb-success, hsl(142.1 76.2% 36.3%))',\n          foreground: 'var(--mieweb-success-foreground, hsl(355.7 100% 97.3%))',\n        },\n        warning: {\n          DEFAULT: 'var(--mieweb-warning, hsl(45.4 93.4% 47.5%))',\n          foreground: 'var(--mieweb-warning-foreground, hsl(26 83.3% 14.1%))',\n        },\n        info: {\n          DEFAULT: 'var(--mieweb-info, hsl(204 94% 94%))',\n          foreground: 'var(--mieweb-info-foreground, hsl(213 31% 91%))',\n        },\n      },\n      fontFamily: {\n        sans: [\n          'var(--mieweb-font-sans, ui-sans-serif)',\n          'system-ui',\n          'sans-serif',\n        ],\n      },\n      borderRadius: {\n        '2xl': 'var(--mieweb-radius-2xl, 1rem)',\n        lg: 'var(--mieweb-radius-lg, 0.75rem)',\n        md: 'var(--mieweb-radius-md, 0.5rem)',\n        sm: 'var(--mieweb-radius-sm, 0.25rem)',\n        xl: 'var(--mieweb-radius-xl, 1rem)',\n      },\n      boxShadow: {\n        card: 'var(--mieweb-shadow-card, 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1))',\n      },\n      keyframes: {\n        'fade-in': {\n          '0%': { opacity: '0' },\n          '100%': { opacity: '1' },\n        },\n        'fade-out': {\n          '0%': { opacity: '1' },\n          '100%': { opacity: '0' },\n        },\n        'slide-in-from-top': {\n          '0%': { transform: 'translateY(-0.5rem)', opacity: '0' },\n          '100%': { transform: 'translateY(0)', opacity: '1' },\n        },\n        'slide-in-from-bottom': {\n          '0%': { transform: 'translateY(0.5rem)', opacity: '0' },\n          '100%': { transform: 'translateY(0)', opacity: '1' },\n        },\n        'slide-in-right': {\n          '0%': { transform: 'translateX(100%)', opacity: '0' },\n          '100%': { transform: 'translateX(0)', opacity: '1' },\n        },\n        'slide-in-left': {\n          '0%': { transform: 'translateX(-100%)', opacity: '0' },\n          '100%': { transform: 'translateX(0)', opacity: '1' },\n        },\n        'scale-in': {\n          '0%': { transform: 'scale(0.95)', opacity: '0' },\n          '100%': { transform: 'scale(1)', opacity: '1' },\n        },\n      },\n      animation: {\n        'fade-in': 'fade-in 150ms ease-out',\n        'fade-out': 'fade-out 150ms ease-in',\n        'slide-in-from-top': 'slide-in-from-top 150ms ease-out',\n        'slide-in-from-bottom': 'slide-in-from-bottom 150ms ease-out',\n        'slide-in-right': 'slide-in-right 300ms ease-out',\n        'slide-in-left': 'slide-in-left 300ms ease-out',\n        'scale-in': 'scale-in 150ms ease-out',\n      },\n    },\n  },\n};\n\nexport default miewebUIPreset;\n"]}

package/dist/chunk-SN52QMRT.js

@@ -0,0 +1,58 @@
+// src/utils/date.ts
+function formatDateValue(value) {
+  const digits = value.replace(/\D/g, "").slice(0, 8);
+  if (digits.length === 0) return "";
+  if (digits.length <= 2) return digits;
+  if (digits.length <= 4) return `${digits.slice(0, 2)}/${digits.slice(2)}`;
+  return `${digits.slice(0, 2)}/${digits.slice(2, 4)}/${digits.slice(4)}`;
+}
+function parseDateValue(value) {
+  const digits = value.replace(/\D/g, "");
+  if (digits.length !== 8) return null;
+  const month = parseInt(digits.slice(0, 2), 10);
+  const day = parseInt(digits.slice(2, 4), 10);
+  const year = parseInt(digits.slice(4, 8), 10);
+  if (month < 1 || month > 12) return null;
+  if (day < 1 || day > 31) return null;
+  if (year < 1900 || year > 2100) return null;
+  const date = new Date(year, month - 1, day);
+  if (date.getMonth() !== month - 1 || date.getDate() !== day || date.getFullYear() !== year) {
+    return null;
+  }
+  return date;
+}
+function isValidDate(value) {
+  return parseDateValue(value) !== null;
+}
+function isDateEmpty(value) {
+  return value.replace(/\D/g, "").length === 0;
+}
+function calculateAge(dob) {
+  const birthDate = parseDateValue(dob);
+  if (!birthDate) return null;
+  const today = /* @__PURE__ */ new Date();
+  let age = today.getFullYear() - birthDate.getFullYear();
+  const monthDiff = today.getMonth() - birthDate.getMonth();
+  if (monthDiff < 0 || monthDiff === 0 && today.getDate() < birthDate.getDate()) {
+    age--;
+  }
+  return age;
+}
+function isValidDrivingAge(dob) {
+  const age = calculateAge(dob);
+  return age !== null && age >= 16;
+}
+function isDateInPast(value) {
+  const date = parseDateValue(value);
+  if (!date) return false;
+  return date < /* @__PURE__ */ new Date();
+}
+function isDateInFuture(value) {
+  const date = parseDateValue(value);
+  if (!date) return false;
+  return date > /* @__PURE__ */ new Date();
+}
+
+export { calculateAge, formatDateValue, isDateEmpty, isDateInFuture, isDateInPast, isValidDate, isValidDrivingAge, parseDateValue };
+//# sourceMappingURL=chunk-SN52QMRT.js.map
+//# sourceMappingURL=chunk-SN52QMRT.js.map

package/dist/chunk-SN52QMRT.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/utils/date.ts"],"names":[],"mappings":"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","file":"chunk-SN52QMRT.js","sourcesContent":["/**\n * Date formatting and validation utilities\n */\n\n/**\n * Formats a date string to MM/DD/YYYY format\n */\nexport function formatDateValue(value: string): string {\n  const digits = value.replace(/\\D/g, '').slice(0, 8);\n  if (digits.length === 0) return '';\n  if (digits.length <= 2) return digits;\n  if (digits.length <= 4) return `${digits.slice(0, 2)}/${digits.slice(2)}`;\n  return `${digits.slice(0, 2)}/${digits.slice(2, 4)}/${digits.slice(4)}`;\n}\n\n/**\n * Parses a date string (MM/DD/YYYY) to a Date object\n * Returns null if the date is invalid\n */\nexport function parseDateValue(value: string): Date | null {\n  const digits = value.replace(/\\D/g, '');\n  if (digits.length !== 8) return null;\n\n  const month = parseInt(digits.slice(0, 2), 10);\n  const day = parseInt(digits.slice(2, 4), 10);\n  const year = parseInt(digits.slice(4, 8), 10);\n\n  if (month < 1 || month > 12) return null;\n  if (day < 1 || day > 31) return null;\n  if (year < 1900 || year > 2100) return null;\n\n  const date = new Date(year, month - 1, day);\n\n  // Verify the date is valid (handles edge cases like Feb 30)\n  if (\n    date.getMonth() !== month - 1 ||\n    date.getDate() !== day ||\n    date.getFullYear() !== year\n  ) {\n    return null;\n  }\n\n  return date;\n}\n\n/**\n * Validates if a date string is a valid date\n */\nexport function isValidDate(value: string): boolean {\n  return parseDateValue(value) !== null;\n}\n\n/**\n * Checks if a date string is empty\n */\nexport function isDateEmpty(value: string): boolean {\n  return value.replace(/\\D/g, '').length === 0;\n}\n\n/**\n * Calculates age from a date of birth string (MM/DD/YYYY)\n * Returns null if the date is invalid\n */\nexport function calculateAge(dob: string): number | null {\n  const birthDate = parseDateValue(dob);\n  if (!birthDate) return null;\n\n  const today = new Date();\n  let age = today.getFullYear() - birthDate.getFullYear();\n  const monthDiff = today.getMonth() - birthDate.getMonth();\n\n  if (\n    monthDiff < 0 ||\n    (monthDiff === 0 && today.getDate() < birthDate.getDate())\n  ) {\n    age--;\n  }\n\n  return age;\n}\n\n/**\n * Checks if a date of birth represents a valid driving age (16+)\n */\nexport function isValidDrivingAge(dob: string): boolean {\n  const age = calculateAge(dob);\n  return age !== null && age >= 16;\n}\n\n/**\n * Checks if a date is in the past\n */\nexport function isDateInPast(value: string): boolean {\n  const date = parseDateValue(value);\n  if (!date) return false;\n  return date < new Date();\n}\n\n/**\n * Checks if a date is in the future\n */\nexport function isDateInFuture(value: string): boolean {\n  const date = parseDateValue(value);\n  if (!date) return false;\n  return date > new Date();\n}\n"]}

package/dist/chunk-SOFX4T7M.js

@@ -0,0 +1,124 @@
+// src/brands/types.ts
+function generateBrandCSS(brand) {
+  const { colors, typography, borderRadius, boxShadow } = brand;
+  return `/**
+ * ${brand.displayName} Brand Theme
+ * Generated by @mieweb/ui
+ * ${brand.description || ""}
+ */
+
+/* ============================================
+   ${brand.displayName} Design Tokens
+   ============================================ */
+
+:root {
+  /* Primary Color Scale */
+  --mieweb-primary-50: ${colors.primary[50]};
+  --mieweb-primary-100: ${colors.primary[100]};
+  --mieweb-primary-200: ${colors.primary[200]};
+  --mieweb-primary-300: ${colors.primary[300]};
+  --mieweb-primary-400: ${colors.primary[400]};
+  --mieweb-primary-500: ${colors.primary[500]};
+  --mieweb-primary-600: ${colors.primary[600]};
+  --mieweb-primary-700: ${colors.primary[700]};
+  --mieweb-primary-800: ${colors.primary[800]};
+  --mieweb-primary-900: ${colors.primary[900]};
+  --mieweb-primary-950: ${colors.primary[950]};
+
+  /* Light Mode Semantic Colors */
+  --mieweb-background: ${colors.light.background};
+  --mieweb-foreground: ${colors.light.foreground};
+  --mieweb-card: ${colors.light.card};
+  --mieweb-card-foreground: ${colors.light.cardForeground};
+  --mieweb-muted: ${colors.light.muted};
+  --mieweb-muted-foreground: ${colors.light.mutedForeground};
+  --mieweb-border: ${colors.light.border};
+  --mieweb-input: ${colors.light.input};
+  --mieweb-ring: ${colors.light.ring};
+  --mieweb-destructive: ${colors.light.destructive};
+  --mieweb-destructive-foreground: ${colors.light.destructiveForeground};
+  --mieweb-success: ${colors.light.success};
+  --mieweb-success-foreground: ${colors.light.successForeground};
+  --mieweb-warning: ${colors.light.warning};
+  --mieweb-warning-foreground: ${colors.light.warningForeground};
+
+  /* Typography */
+  --mieweb-font-sans: ${typography.fontFamily.sans.map((f) => f.includes(" ") ? `"${f}"` : f).join(", ")};
+  ${typography.fontFamily.mono ? `--mieweb-font-mono: ${typography.fontFamily.mono.map((f) => f.includes(" ") ? `"${f}"` : f).join(", ")};` : ""}
+
+  /* Border Radius */
+  --mieweb-radius-none: ${borderRadius.none};
+  --mieweb-radius-sm: ${borderRadius.sm};
+  --mieweb-radius-md: ${borderRadius.md};
+  --mieweb-radius-lg: ${borderRadius.lg};
+  --mieweb-radius-xl: ${borderRadius.xl};
+  --mieweb-radius-2xl: ${borderRadius["2xl"]};
+  --mieweb-radius-full: ${borderRadius.full};
+
+  /* Shadows */
+  --mieweb-shadow-card: ${boxShadow.card};
+  --mieweb-shadow-dropdown: ${boxShadow.dropdown};
+  --mieweb-shadow-modal: ${boxShadow.modal};
+}
+
+/* Dark Mode */
+[data-theme="dark"],
+.dark {
+  --mieweb-background: ${colors.dark.background};
+  --mieweb-foreground: ${colors.dark.foreground};
+  --mieweb-card: ${colors.dark.card};
+  --mieweb-card-foreground: ${colors.dark.cardForeground};
+  --mieweb-muted: ${colors.dark.muted};
+  --mieweb-muted-foreground: ${colors.dark.mutedForeground};
+  --mieweb-border: ${colors.dark.border};
+  --mieweb-input: ${colors.dark.input};
+  --mieweb-ring: ${colors.dark.ring};
+  --mieweb-destructive: ${colors.dark.destructive};
+  --mieweb-destructive-foreground: ${colors.dark.destructiveForeground};
+  --mieweb-success: ${colors.dark.success};
+  --mieweb-success-foreground: ${colors.dark.successForeground};
+  --mieweb-warning: ${colors.dark.warning};
+  --mieweb-warning-foreground: ${colors.dark.warningForeground};
+}
+`;
+}
+function generateTailwindTheme(brand) {
+  const { colors, typography, borderRadius, boxShadow } = brand;
+  return {
+    colors: {
+      primary: colors.primary,
+      // Expose brand colors under the brand name for semantic usage
+      [brand.name]: colors.primary
+    },
+    fontFamily: {
+      sans: typography.fontFamily.sans,
+      ...typography.fontFamily.mono ? { mono: typography.fontFamily.mono } : {}
+    },
+    borderRadius: {
+      none: borderRadius.none,
+      sm: borderRadius.sm,
+      md: borderRadius.md,
+      lg: borderRadius.lg,
+      xl: borderRadius.xl,
+      "2xl": borderRadius["2xl"],
+      full: borderRadius.full
+    },
+    boxShadow: {
+      card: boxShadow.card,
+      dropdown: boxShadow.dropdown,
+      modal: boxShadow.modal
+    }
+  };
+}
+function createBrandPreset(brand) {
+  return {
+    darkMode: ["class", '[data-theme="dark"]'],
+    theme: {
+      extend: generateTailwindTheme(brand)
+    }
+  };
+}
+
+export { createBrandPreset, generateBrandCSS, generateTailwindTheme };
+//# sourceMappingURL=chunk-SOFX4T7M.js.map
+//# sourceMappingURL=chunk-SOFX4T7M.js.map

package/dist/chunk-SOFX4T7M.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/brands/types.ts"],"names":[],"mappings":";AA4IO,SAAS,iBAAiB,KAAA,EAA4B;AAC3D,EAAA,MAAM,EAAE,MAAA,EAAQ,UAAA,EAAY,YAAA,EAAc,WAAU,GAAI,KAAA;AAExD,EAAA,OAAO,CAAA;AAAA,GAAA,EACJ,MAAM,WAAW,CAAA;AAAA;AAAA,GAAA,EAEjB,KAAA,CAAM,eAAe,EAAE;AAAA;;AAAA;AAAA,GAAA,EAIvB,MAAM,WAAW,CAAA;AAAA;;AAAA;AAAA;AAAA,uBAAA,EAKG,MAAA,CAAO,OAAA,CAAQ,EAAE,CAAC,CAAA;AAAA,wBAAA,EACjB,MAAA,CAAO,OAAA,CAAQ,GAAG,CAAC,CAAA;AAAA,wBAAA,EACnB,MAAA,CAAO,OAAA,CAAQ,GAAG,CAAC,CAAA;AAAA,wBAAA,EACnB,MAAA,CAAO,OAAA,CAAQ,GAAG,CAAC,CAAA;AAAA,wBAAA,EACnB,MAAA,CAAO,OAAA,CAAQ,GAAG,CAAC,CAAA;AAAA,wBAAA,EACnB,MAAA,CAAO,OAAA,CAAQ,GAAG,CAAC,CAAA;AAAA,wBAAA,EACnB,MAAA,CAAO,OAAA,CAAQ,GAAG,CAAC,CAAA;AAAA,wBAAA,EACnB,MAAA,CAAO,OAAA,CAAQ,GAAG,CAAC,CAAA;AAAA,wBAAA,EACnB,MAAA,CAAO,OAAA,CAAQ,GAAG,CAAC,CAAA;AAAA,wBAAA,EACnB,MAAA,CAAO,OAAA,CAAQ,GAAG,CAAC,CAAA;AAAA,wBAAA,EACnB,MAAA,CAAO,OAAA,CAAQ,GAAG,CAAC,CAAA;;AAAA;AAAA,uBAAA,EAGpB,MAAA,CAAO,MAAM,UAAU,CAAA;AAAA,uBAAA,EACvB,MAAA,CAAO,MAAM,UAAU,CAAA;AAAA,iBAAA,EAC7B,MAAA,CAAO,MAAM,IAAI,CAAA;AAAA,4BAAA,EACN,MAAA,CAAO,MAAM,cAAc,CAAA;AAAA,kBAAA,EACrC,MAAA,CAAO,MAAM,KAAK,CAAA;AAAA,6BAAA,EACP,MAAA,CAAO,MAAM,eAAe,CAAA;AAAA,mBAAA,EACtC,MAAA,CAAO,MAAM,MAAM,CAAA;AAAA,kBAAA,EACpB,MAAA,CAAO,MAAM,KAAK,CAAA;AAAA,iBAAA,EACnB,MAAA,CAAO,MAAM,IAAI,CAAA;AAAA,wBAAA,EACV,MAAA,CAAO,MAAM,WAAW,CAAA;AAAA,mCAAA,EACb,MAAA,CAAO,MAAM,qBAAqB,CAAA;AAAA,oBAAA,EACjD,MAAA,CAAO,MAAM,OAAO,CAAA;AAAA,+BAAA,EACT,MAAA,CAAO,MAAM,iBAAiB,CAAA;AAAA,oBAAA,EACzC,MAAA,CAAO,MAAM,OAAO,CAAA;AAAA,+BAAA,EACT,MAAA,CAAO,MAAM,iBAAiB,CAAA;;AAAA;AAAA,sBAAA,EAGvC,WAAW,UAAA,CAAW,IAAA,CAAK,GAAA,CAAI,CAAC,MAAO,CAAA,CAAE,QAAA,CAAS,GAAG,CAAA,GAAI,IAAI,CAAC,CAAA,CAAA,CAAA,GAAM,CAAE,CAAA,CAAE,IAAA,CAAK,IAAI,CAAC,CAAA;AAAA,EAAA,EACtG,UAAA,CAAW,WAAW,IAAA,GAAO,CAAA,oBAAA,EAAuB,WAAW,UAAA,CAAW,IAAA,CAAK,GAAA,CAAI,CAAC,CAAA,KAAO,CAAA,CAAE,SAAS,GAAG,CAAA,GAAI,CAAA,CAAA,EAAI,CAAC,CAAA,CAAA,CAAA,GAAM,CAAE,EAAE,IAAA,CAAK,IAAI,CAAC,CAAA,CAAA,CAAA,GAAM,EAAE;;AAAA;AAAA,wBAAA,EAGxH,aAAa,IAAI,CAAA;AAAA,sBAAA,EACnB,aAAa,EAAE,CAAA;AAAA,sBAAA,EACf,aAAa,EAAE,CAAA;AAAA,sBAAA,EACf,aAAa,EAAE,CAAA;AAAA,sBAAA,EACf,aAAa,EAAE,CAAA;AAAA,uBAAA,EACd,YAAA,CAAa,KAAK,CAAC,CAAA;AAAA,wBAAA,EAClB,aAAa,IAAI,CAAA;;AAAA;AAAA,wBAAA,EAGjB,UAAU,IAAI,CAAA;AAAA,4BAAA,EACV,UAAU,QAAQ,CAAA;AAAA,yBAAA,EACrB,UAAU,KAAK,CAAA;AAAA;;AAAA;AAAA;AAAA;AAAA,uBAAA,EAMjB,MAAA,CAAO,KAAK,UAAU,CAAA;AAAA,uBAAA,EACtB,MAAA,CAAO,KAAK,UAAU,CAAA;AAAA,iBAAA,EAC5B,MAAA,CAAO,KAAK,IAAI,CAAA;AAAA,4BAAA,EACL,MAAA,CAAO,KAAK,cAAc,CAAA;AAAA,kBAAA,EACpC,MAAA,CAAO,KAAK,KAAK,CAAA;AAAA,6BAAA,EACN,MAAA,CAAO,KAAK,eAAe,CAAA;AAAA,mBAAA,EACrC,MAAA,CAAO,KAAK,MAAM,CAAA;AAAA,kBAAA,EACnB,MAAA,CAAO,KAAK,KAAK,CAAA;AAAA,iBAAA,EAClB,MAAA,CAAO,KAAK,IAAI,CAAA;AAAA,wBAAA,EACT,MAAA,CAAO,KAAK,WAAW,CAAA;AAAA,mCAAA,EACZ,MAAA,CAAO,KAAK,qBAAqB,CAAA;AAAA,oBAAA,EAChD,MAAA,CAAO,KAAK,OAAO,CAAA;AAAA,+BAAA,EACR,MAAA,CAAO,KAAK,iBAAiB,CAAA;AAAA,oBAAA,EACxC,MAAA,CAAO,KAAK,OAAO,CAAA;AAAA,+BAAA,EACR,MAAA,CAAO,KAAK,iBAAiB,CAAA;AAAA;AAAA,CAAA;AAG9D;AAUO,SAAS,sBAAsB,KAAA,EAAoB;AACxD,EAAA,MAAM,EAAE,MAAA,EAAQ,UAAA,EAAY,YAAA,EAAc,WAAU,GAAI,KAAA;AAExD,EAAA,OAAO;AAAA,IACL,MAAA,EAAQ;AAAA,MACN,SAAS,MAAA,CAAO,OAAA;AAAA;AAAA,MAEhB,CAAC,KAAA,CAAM,IAAI,GAAG,MAAA,CAAO;AAAA,KACvB;AAAA,IACA,UAAA,EAAY;AAAA,MACV,IAAA,EAAM,WAAW,UAAA,CAAW,IAAA;AAAA,MAC5B,GAAI,UAAA,CAAW,UAAA,CAAW,IAAA,GACtB,EAAE,MAAM,UAAA,CAAW,UAAA,CAAW,IAAA,EAAK,GACnC;AAAC,KACP;AAAA,IACA,YAAA,EAAc;AAAA,MACZ,MAAM,YAAA,CAAa,IAAA;AAAA,MACnB,IAAI,YAAA,CAAa,EAAA;AAAA,MACjB,IAAI,YAAA,CAAa,EAAA;AAAA,MACjB,IAAI,YAAA,CAAa,EAAA;AAAA,MACjB,IAAI,YAAA,CAAa,EAAA;AAAA,MACjB,KAAA,EAAO,aAAa,KAAK,CAAA;AAAA,MACzB,MAAM,YAAA,CAAa;AAAA,KACrB;AAAA,IACA,SAAA,EAAW;AAAA,MACT,MAAM,SAAA,CAAU,IAAA;AAAA,MAChB,UAAU,SAAA,CAAU,QAAA;AAAA,MACpB,OAAO,SAAA,CAAU;AAAA;AACnB,GACF;AACF;AAMO,SAAS,kBAAkB,KAAA,EAAoB;AACpD,EAAA,OAAO;AAAA,IACL,QAAA,EAAU,CAAC,OAAA,EAAS,qBAAqB,CAAA;AAAA,IACzC,KAAA,EAAO;AAAA,MACL,MAAA,EAAQ,sBAAsB,KAAK;AAAA;AACrC,GACF;AACF","file":"chunk-SOFX4T7M.js","sourcesContent":["/**\n * @mieweb/ui Brand System Types\n *\n * This module provides type definitions and utilities for brand themes.\n * Brands define colors, typography, spacing, and other design tokens that\n * can be applied to @mieweb/ui components.\n */\n\n// ============================================================================\n// Type Definitions\n// ============================================================================\n\n/**\n * Primary color scale (50-950) following Tailwind conventions.\n */\nexport interface ColorScale {\n  50: string;\n  100: string;\n  200: string;\n  300: string;\n  400: string;\n  500: string;\n  600: string;\n  700: string;\n  800: string;\n  900: string;\n  950: string;\n}\n\n/**\n * Semantic colors for a specific color mode (light or dark).\n */\nexport interface SemanticColors {\n  /** Page background color */\n  background: string;\n  /** Primary text color */\n  foreground: string;\n  /** Card/panel background */\n  card: string;\n  /** Card text color */\n  cardForeground: string;\n  /** Muted/subtle background */\n  muted: string;\n  /** Muted/secondary text */\n  mutedForeground: string;\n  /** Border color */\n  border: string;\n  /** Input border color */\n  input: string;\n  /** Focus ring color */\n  ring: string;\n  /** Destructive/error color */\n  destructive: string;\n  /** Text on destructive backgrounds */\n  destructiveForeground: string;\n  /** Success color */\n  success: string;\n  /** Text on success backgrounds */\n  successForeground: string;\n  /** Warning color */\n  warning: string;\n  /** Text on warning backgrounds */\n  warningForeground: string;\n}\n\n/**\n * Complete color configuration for a brand.\n */\nexport interface BrandColors {\n  /** Primary brand color scale */\n  primary: ColorScale;\n  /** Light mode semantic colors */\n  light: SemanticColors;\n  /** Dark mode semantic colors */\n  dark: SemanticColors;\n}\n\n/**\n * Typography configuration for a brand.\n */\nexport interface BrandTypography {\n  /** Font family stack for body text */\n  fontFamily: {\n    sans: string[];\n    mono?: string[];\n  };\n  /** Base font size (usually 16px) */\n  baseFontSize?: string;\n}\n\n/**\n * Border radius configuration.\n */\nexport interface BrandBorderRadius {\n  none: string;\n  sm: string;\n  md: string;\n  lg: string;\n  xl: string;\n  '2xl': string;\n  full: string;\n}\n\n/**\n * Box shadow configuration.\n */\nexport interface BrandBoxShadow {\n  card: string;\n  dropdown: string;\n  modal: string;\n}\n\n/**\n * Complete brand configuration.\n */\nexport interface BrandConfig {\n  /** Unique identifier (lowercase, no spaces) */\n  name: string;\n  /** Human-readable display name */\n  displayName: string;\n  /** Brand description */\n  description?: string;\n  /** Color configuration */\n  colors: BrandColors;\n  /** Typography settings */\n  typography: BrandTypography;\n  /** Border radius scale */\n  borderRadius: BrandBorderRadius;\n  /** Box shadow definitions */\n  boxShadow: BrandBoxShadow;\n}\n\n// ============================================================================\n// CSS Generation\n// ============================================================================\n\n/**\n * Generate CSS custom properties from a brand configuration.\n * This creates a standalone CSS file that can be imported into any project.\n */\nexport function generateBrandCSS(brand: BrandConfig): string {\n  const { colors, typography, borderRadius, boxShadow } = brand;\n\n  return `/**\n * ${brand.displayName} Brand Theme\n * Generated by @mieweb/ui\n * ${brand.description || ''}\n */\n\n/* ============================================\n   ${brand.displayName} Design Tokens\n   ============================================ */\n\n:root {\n  /* Primary Color Scale */\n  --mieweb-primary-50: ${colors.primary[50]};\n  --mieweb-primary-100: ${colors.primary[100]};\n  --mieweb-primary-200: ${colors.primary[200]};\n  --mieweb-primary-300: ${colors.primary[300]};\n  --mieweb-primary-400: ${colors.primary[400]};\n  --mieweb-primary-500: ${colors.primary[500]};\n  --mieweb-primary-600: ${colors.primary[600]};\n  --mieweb-primary-700: ${colors.primary[700]};\n  --mieweb-primary-800: ${colors.primary[800]};\n  --mieweb-primary-900: ${colors.primary[900]};\n  --mieweb-primary-950: ${colors.primary[950]};\n\n  /* Light Mode Semantic Colors */\n  --mieweb-background: ${colors.light.background};\n  --mieweb-foreground: ${colors.light.foreground};\n  --mieweb-card: ${colors.light.card};\n  --mieweb-card-foreground: ${colors.light.cardForeground};\n  --mieweb-muted: ${colors.light.muted};\n  --mieweb-muted-foreground: ${colors.light.mutedForeground};\n  --mieweb-border: ${colors.light.border};\n  --mieweb-input: ${colors.light.input};\n  --mieweb-ring: ${colors.light.ring};\n  --mieweb-destructive: ${colors.light.destructive};\n  --mieweb-destructive-foreground: ${colors.light.destructiveForeground};\n  --mieweb-success: ${colors.light.success};\n  --mieweb-success-foreground: ${colors.light.successForeground};\n  --mieweb-warning: ${colors.light.warning};\n  --mieweb-warning-foreground: ${colors.light.warningForeground};\n\n  /* Typography */\n  --mieweb-font-sans: ${typography.fontFamily.sans.map((f) => (f.includes(' ') ? `\"${f}\"` : f)).join(', ')};\n  ${typography.fontFamily.mono ? `--mieweb-font-mono: ${typography.fontFamily.mono.map((f) => (f.includes(' ') ? `\"${f}\"` : f)).join(', ')};` : ''}\n\n  /* Border Radius */\n  --mieweb-radius-none: ${borderRadius.none};\n  --mieweb-radius-sm: ${borderRadius.sm};\n  --mieweb-radius-md: ${borderRadius.md};\n  --mieweb-radius-lg: ${borderRadius.lg};\n  --mieweb-radius-xl: ${borderRadius.xl};\n  --mieweb-radius-2xl: ${borderRadius['2xl']};\n  --mieweb-radius-full: ${borderRadius.full};\n\n  /* Shadows */\n  --mieweb-shadow-card: ${boxShadow.card};\n  --mieweb-shadow-dropdown: ${boxShadow.dropdown};\n  --mieweb-shadow-modal: ${boxShadow.modal};\n}\n\n/* Dark Mode */\n[data-theme=\"dark\"],\n.dark {\n  --mieweb-background: ${colors.dark.background};\n  --mieweb-foreground: ${colors.dark.foreground};\n  --mieweb-card: ${colors.dark.card};\n  --mieweb-card-foreground: ${colors.dark.cardForeground};\n  --mieweb-muted: ${colors.dark.muted};\n  --mieweb-muted-foreground: ${colors.dark.mutedForeground};\n  --mieweb-border: ${colors.dark.border};\n  --mieweb-input: ${colors.dark.input};\n  --mieweb-ring: ${colors.dark.ring};\n  --mieweb-destructive: ${colors.dark.destructive};\n  --mieweb-destructive-foreground: ${colors.dark.destructiveForeground};\n  --mieweb-success: ${colors.dark.success};\n  --mieweb-success-foreground: ${colors.dark.successForeground};\n  --mieweb-warning: ${colors.dark.warning};\n  --mieweb-warning-foreground: ${colors.dark.warningForeground};\n}\n`;\n}\n\n// ============================================================================\n// Tailwind Theme Generation\n// ============================================================================\n\n/**\n * Generate Tailwind CSS theme configuration from a brand.\n * Use this in your tailwind.config.js to apply the brand.\n */\nexport function generateTailwindTheme(brand: BrandConfig) {\n  const { colors, typography, borderRadius, boxShadow } = brand;\n\n  return {\n    colors: {\n      primary: colors.primary,\n      // Expose brand colors under the brand name for semantic usage\n      [brand.name]: colors.primary,\n    },\n    fontFamily: {\n      sans: typography.fontFamily.sans,\n      ...(typography.fontFamily.mono\n        ? { mono: typography.fontFamily.mono }\n        : {}),\n    },\n    borderRadius: {\n      none: borderRadius.none,\n      sm: borderRadius.sm,\n      md: borderRadius.md,\n      lg: borderRadius.lg,\n      xl: borderRadius.xl,\n      '2xl': borderRadius['2xl'],\n      full: borderRadius.full,\n    },\n    boxShadow: {\n      card: boxShadow.card,\n      dropdown: boxShadow.dropdown,\n      modal: boxShadow.modal,\n    },\n  };\n}\n\n/**\n * Generate a complete Tailwind preset for a brand.\n * This includes the mieweb/ui base preset plus brand-specific overrides.\n */\nexport function createBrandPreset(brand: BrandConfig) {\n  return {\n    darkMode: ['class', '[data-theme=\"dark\"]'] as const,\n    theme: {\n      extend: generateTailwindTheme(brand),\n    },\n  };\n}\n"]}

package/dist/chunk-SWMRCGL4.cjs

@@ -0,0 +1,24 @@
+'use strict';
+
+var react = require('react');
+
+// src/hooks/useClickOutside.ts
+function useClickOutside(ref, callback) {
+  react.useEffect(() => {
+    const handleClick = (event) => {
+      if (ref.current && !ref.current.contains(event.target)) {
+        callback();
+      }
+    };
+    document.addEventListener("mousedown", handleClick);
+    document.addEventListener("touchstart", handleClick);
+    return () => {
+      document.removeEventListener("mousedown", handleClick);
+      document.removeEventListener("touchstart", handleClick);
+    };
+  }, [ref, callback]);
+}
+
+exports.useClickOutside = useClickOutside;
+//# sourceMappingURL=chunk-SWMRCGL4.cjs.map
+//# sourceMappingURL=chunk-SWMRCGL4.cjs.map

package/dist/chunk-SWMRCGL4.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/hooks/useClickOutside.ts"],"names":["useEffect"],"mappings":";;;;;AAuBO,SAAS,eAAA,CACd,KACA,QAAA,EACM;AACN,EAAAA,eAAA,CAAU,MAAM;AACd,IAAA,MAAM,WAAA,GAAc,CAAC,KAAA,KAAiB;AACpC,MAAA,IACE,GAAA,CAAI,WACJ,CAAC,GAAA,CAAI,QAAQ,QAAA,CAAS,KAAA,CAAM,MAAyB,CAAA,EACrD;AACA,QAAA,QAAA,EAAS;AAAA,MACX;AAAA,IACF,CAAA;AAEA,IAAA,QAAA,CAAS,gBAAA,CAAiB,aAAa,WAAW,CAAA;AAClD,IAAA,QAAA,CAAS,gBAAA,CAAiB,cAAc,WAAW,CAAA;AAEnD,IAAA,OAAO,MAAM;AACX,MAAA,QAAA,CAAS,mBAAA,CAAoB,aAAa,WAAW,CAAA;AACrD,MAAA,QAAA,CAAS,mBAAA,CAAoB,cAAc,WAAW,CAAA;AAAA,IACxD,CAAA;AAAA,EACF,CAAA,EAAG,CAAC,GAAA,EAAK,QAAQ,CAAC,CAAA;AACpB","file":"chunk-SWMRCGL4.cjs","sourcesContent":["import { useEffect, type RefObject } from 'react';\n\n/**\n * Hook that detects clicks outside of a specified element.\n * Useful for closing dropdowns, modals, and other overlays.\n *\n * @example\n * ```tsx\n * function Dropdown() {\n *   const [isOpen, setIsOpen] = useState(false);\n *   const ref = useRef<HTMLDivElement>(null);\n *\n *   useClickOutside(ref, () => setIsOpen(false));\n *\n *   return (\n *     <div ref={ref}>\n *       <button onClick={() => setIsOpen(!isOpen)}>Toggle</button>\n *       {isOpen && <div>Dropdown content</div>}\n *     </div>\n *   );\n * }\n * ```\n */\nexport function useClickOutside<T extends HTMLElement>(\n  ref: RefObject<T | null>,\n  callback: () => void\n): void {\n  useEffect(() => {\n    const handleClick = (event: Event) => {\n      if (\n        ref.current &&\n        !ref.current.contains(event.target as globalThis.Node)\n      ) {\n        callback();\n      }\n    };\n\n    document.addEventListener('mousedown', handleClick);\n    document.addEventListener('touchstart', handleClick);\n\n    return () => {\n      document.removeEventListener('mousedown', handleClick);\n      document.removeEventListener('touchstart', handleClick);\n    };\n  }, [ref, callback]);\n}\n"]}

package/dist/chunk-SWV5E75F.cjs

@@ -0,0 +1,94 @@
+'use strict';
+
+// src/brands/waggleline.ts
+var wagglelineBrand = {
+  name: "waggleline",
+  displayName: "Waggleline",
+  description: "Experience visualization and orchestration platform for customer journeys",
+  colors: {
+    // Primary color scale - Waggleline Blue (#17AEED)
+    primary: {
+      50: "#E6F7FF",
+      100: "#BAE7FF",
+      200: "#91D5FF",
+      300: "#69C0FF",
+      400: "#40A9FF",
+      500: "#17AEED",
+      600: "#00A4EB",
+      700: "#0084C8",
+      800: "#006AA5",
+      900: "#004D7A",
+      950: "#003355"
+    },
+    // Light mode semantic colors
+    light: {
+      background: "#fafafa",
+      // gray-50 equivalent
+      foreground: "#1a1a1a",
+      card: "#ffffff",
+      cardForeground: "#1a1a1a",
+      muted: "#f5f5f5",
+      mutedForeground: "#6b7280",
+      border: "#e5e7eb",
+      input: "#e5e7eb",
+      ring: "#17AEED",
+      destructive: "#ef4444",
+      destructiveForeground: "#ffffff",
+      success: "#009C4E",
+      // Brand green
+      successForeground: "#ffffff",
+      warning: "#FFD200",
+      // Brand yellow
+      warningForeground: "#1a1a1a"
+    },
+    // Dark mode semantic colors (charcoal-based, not pure black)
+    dark: {
+      background: "#1F2937",
+      // panel.DEFAULT - charcoal
+      foreground: "#f9fafb",
+      card: "#2D3748",
+      // panel.card
+      cardForeground: "#f9fafb",
+      muted: "#374151",
+      // panel.elevated
+      mutedForeground: "#9ca3af",
+      border: "#374151",
+      input: "#374151",
+      ring: "#17AEED",
+      destructive: "#dc2626",
+      destructiveForeground: "#f9fafb",
+      success: "#009C4E",
+      // Brand green
+      successForeground: "#f9fafb",
+      warning: "#FFD200",
+      // Brand yellow
+      warningForeground: "#1a1a1a"
+    }
+  },
+  typography: {
+    fontFamily: {
+      sans: ["Inter", "ui-sans-serif", "system-ui", "sans-serif"],
+      mono: ["ui-monospace", "SFMono-Regular", "Menlo", "monospace"]
+    }
+  },
+  borderRadius: {
+    none: "0",
+    sm: "0.25rem",
+    md: "0.5rem",
+    lg: "0.75rem",
+    xl: "1rem",
+    "2xl": "1.5rem",
+    full: "9999px"
+  },
+  boxShadow: {
+    card: "0 2px 8px -2px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.06)",
+    // soft
+    dropdown: "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)",
+    modal: "0 10px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.08)"
+    // soft-lg
+  }
+};
+
+exports.wagglelineBrand = wagglelineBrand;
+//# sourceMappingURL=chunk-SWV5E75F.cjs.map
+//# sourceMappingURL=chunk-SWV5E75F.cjs.map

package/dist/chunk-SWV5E75F.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/brands/waggleline.ts"],"names":[],"mappings":";;;AA2BO,IAAM,eAAA,GAA+B;AAAA,EAC1C,IAAA,EAAM,YAAA;AAAA,EACN,WAAA,EAAa,YAAA;AAAA,EACb,WAAA,EACE,2EAAA;AAAA,EAEF,MAAA,EAAQ;AAAA;AAAA,IAEN,OAAA,EAAS;AAAA,MACP,EAAA,EAAI,SAAA;AAAA,MACJ,GAAA,EAAK,SAAA;AAAA,MACL,GAAA,EAAK,SAAA;AAAA,MACL,GAAA,EAAK,SAAA;AAAA,MACL,GAAA,EAAK,SAAA;AAAA,MACL,GAAA,EAAK,SAAA;AAAA,MACL,GAAA,EAAK,SAAA;AAAA,MACL,GAAA,EAAK,SAAA;AAAA,MACL,GAAA,EAAK,SAAA;AAAA,MACL,GAAA,EAAK,SAAA;AAAA,MACL,GAAA,EAAK;AAAA,KACP;AAAA;AAAA,IAGA,KAAA,EAAO;AAAA,MACL,UAAA,EAAY,SAAA;AAAA;AAAA,MACZ,UAAA,EAAY,SAAA;AAAA,MACZ,IAAA,EAAM,SAAA;AAAA,MACN,cAAA,EAAgB,SAAA;AAAA,MAChB,KAAA,EAAO,SAAA;AAAA,MACP,eAAA,EAAiB,SAAA;AAAA,MACjB,MAAA,EAAQ,SAAA;AAAA,MACR,KAAA,EAAO,SAAA;AAAA,MACP,IAAA,EAAM,SAAA;AAAA,MACN,WAAA,EAAa,SAAA;AAAA,MACb,qBAAA,EAAuB,SAAA;AAAA,MACvB,OAAA,EAAS,SAAA;AAAA;AAAA,MACT,iBAAA,EAAmB,SAAA;AAAA,MACnB,OAAA,EAAS,SAAA;AAAA;AAAA,MACT,iBAAA,EAAmB;AAAA,KACrB;AAAA;AAAA,IAGA,IAAA,EAAM;AAAA,MACJ,UAAA,EAAY,SAAA;AAAA;AAAA,MACZ,UAAA,EAAY,SAAA;AAAA,MACZ,IAAA,EAAM,SAAA;AAAA;AAAA,MACN,cAAA,EAAgB,SAAA;AAAA,MAChB,KAAA,EAAO,SAAA;AAAA;AAAA,MACP,eAAA,EAAiB,SAAA;AAAA,MACjB,MAAA,EAAQ,SAAA;AAAA,MACR,KAAA,EAAO,SAAA;AAAA,MACP,IAAA,EAAM,SAAA;AAAA,MACN,WAAA,EAAa,SAAA;AAAA,MACb,qBAAA,EAAuB,SAAA;AAAA,MACvB,OAAA,EAAS,SAAA;AAAA;AAAA,MACT,iBAAA,EAAmB,SAAA;AAAA,MACnB,OAAA,EAAS,SAAA;AAAA;AAAA,MACT,iBAAA,EAAmB;AAAA;AACrB,GACF;AAAA,EAEA,UAAA,EAAY;AAAA,IACV,UAAA,EAAY;AAAA,MACV,IAAA,EAAM,CAAC,OAAA,EAAS,eAAA,EAAiB,aAAa,YAAY,CAAA;AAAA,MAC1D,IAAA,EAAM,CAAC,cAAA,EAAgB,gBAAA,EAAkB,SAAS,WAAW;AAAA;AAC/D,GACF;AAAA,EAEA,YAAA,EAAc;AAAA,IACZ,IAAA,EAAM,GAAA;AAAA,IACN,EAAA,EAAI,SAAA;AAAA,IACJ,EAAA,EAAI,QAAA;AAAA,IACJ,EAAA,EAAI,SAAA;AAAA,IACJ,EAAA,EAAI,MAAA;AAAA,IACJ,KAAA,EAAO,QAAA;AAAA,IACP,IAAA,EAAM;AAAA,GACR;AAAA,EAEA,SAAA,EAAW;AAAA,IACT,IAAA,EAAM,uEAAA;AAAA;AAAA,IACN,QAAA,EACE,kEAAA;AAAA,IACF,KAAA,EACE;AAAA;AAAA;AAEN","file":"chunk-SWV5E75F.cjs","sourcesContent":["/**\n * Waggleline Brand Configuration\n *\n * The official brand theme for Waggleline.\n * Primary color: #17AEED (Waggleline Blue)\n *\n * Waggleline is an experience visualization and orchestration platform\n * that maps relationships, signals, handoffs, dependencies, and momentum\n * across the customer journey.\n *\n * Brand colors from MIE Brand Guide:\n * - Blue (#17AEED): Primary actions, momentum\n * - Green (#009C4E): MIE core platform, success, completions\n * - Orange (#E04501): WebChart workflow, urgency\n * - Yellow (#FFD200): Enterprise Health, readiness, highlights\n * - Purple (#8B5CF6): Ozwell AI, intelligence\n */\n\nimport type { BrandConfig } from './types';\n\n/**\n * Waggleline brand configuration.\n * This defines all the design tokens used in Waggleline applications.\n *\n * Note: Dark mode uses charcoal tones (gray-900 based), not pure black,\n * following Waggleline's design philosophy.\n */\nexport const wagglelineBrand: BrandConfig = {\n  name: 'waggleline',\n  displayName: 'Waggleline',\n  description:\n    'Experience visualization and orchestration platform for customer journeys',\n\n  colors: {\n    // Primary color scale - Waggleline Blue (#17AEED)\n    primary: {\n      50: '#E6F7FF',\n      100: '#BAE7FF',\n      200: '#91D5FF',\n      300: '#69C0FF',\n      400: '#40A9FF',\n      500: '#17AEED',\n      600: '#00A4EB',\n      700: '#0084C8',\n      800: '#006AA5',\n      900: '#004D7A',\n      950: '#003355',\n    },\n\n    // Light mode semantic colors\n    light: {\n      background: '#fafafa', // gray-50 equivalent\n      foreground: '#1a1a1a',\n      card: '#ffffff',\n      cardForeground: '#1a1a1a',\n      muted: '#f5f5f5',\n      mutedForeground: '#6b7280',\n      border: '#e5e7eb',\n      input: '#e5e7eb',\n      ring: '#17AEED',\n      destructive: '#ef4444',\n      destructiveForeground: '#ffffff',\n      success: '#009C4E', // Brand green\n      successForeground: '#ffffff',\n      warning: '#FFD200', // Brand yellow\n      warningForeground: '#1a1a1a',\n    },\n\n    // Dark mode semantic colors (charcoal-based, not pure black)\n    dark: {\n      background: '#1F2937', // panel.DEFAULT - charcoal\n      foreground: '#f9fafb',\n      card: '#2D3748', // panel.card\n      cardForeground: '#f9fafb',\n      muted: '#374151', // panel.elevated\n      mutedForeground: '#9ca3af',\n      border: '#374151',\n      input: '#374151',\n      ring: '#17AEED',\n      destructive: '#dc2626',\n      destructiveForeground: '#f9fafb',\n      success: '#009C4E', // Brand green\n      successForeground: '#f9fafb',\n      warning: '#FFD200', // Brand yellow\n      warningForeground: '#1a1a1a',\n    },\n  },\n\n  typography: {\n    fontFamily: {\n      sans: ['Inter', 'ui-sans-serif', 'system-ui', 'sans-serif'],\n      mono: ['ui-monospace', 'SFMono-Regular', 'Menlo', 'monospace'],\n    },\n  },\n\n  borderRadius: {\n    none: '0',\n    sm: '0.25rem',\n    md: '0.5rem',\n    lg: '0.75rem',\n    xl: '1rem',\n    '2xl': '1.5rem',\n    full: '9999px',\n  },\n\n  boxShadow: {\n    card: '0 2px 8px -2px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.06)', // soft\n    dropdown:\n      '0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)',\n    modal:\n      '0 10px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.08)', // soft-lg\n  },\n};\n\nexport { wagglelineBrand as default };\n"]}

package/dist/chunk-T4ME7QCT.js

@@ -0,0 +1,22 @@
+import { useCallback, useEffect } from 'react';
+
+// src/hooks/useEscapeKey.ts
+function useEscapeKey(callback, enabled = true) {
+  const handleKeyDown = useCallback(
+    (event) => {
+      if (event.key === "Escape") {
+        callback();
+      }
+    },
+    [callback]
+  );
+  useEffect(() => {
+    if (!enabled) return;
+    document.addEventListener("keydown", handleKeyDown);
+    return () => document.removeEventListener("keydown", handleKeyDown);
+  }, [handleKeyDown, enabled]);
+}
+
+export { useEscapeKey };
+//# sourceMappingURL=chunk-T4ME7QCT.js.map
+//# sourceMappingURL=chunk-T4ME7QCT.js.map

package/dist/chunk-T4ME7QCT.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/hooks/useEscapeKey.ts"],"names":[],"mappings":";;;AAiBO,SAAS,YAAA,CAAa,QAAA,EAAsB,OAAA,GAAU,IAAA,EAAY;AACvE,EAAA,MAAM,aAAA,GAAgB,WAAA;AAAA,IACpB,CAAC,KAAA,KAAoC;AACnC,MAAA,IAAI,KAAA,CAAM,QAAQ,QAAA,EAAU;AAC1B,QAAA,QAAA,EAAS;AAAA,MACX;AAAA,IACF,CAAA;AAAA,IACA,CAAC,QAAQ;AAAA,GACX;AAEA,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,CAAC,OAAA,EAAS;AAEd,IAAA,QAAA,CAAS,gBAAA,CAAiB,WAAW,aAAa,CAAA;AAClD,IAAA,OAAO,MAAM,QAAA,CAAS,mBAAA,CAAoB,SAAA,EAAW,aAAa,CAAA;AAAA,EACpE,CAAA,EAAG,CAAC,aAAA,EAAe,OAAO,CAAC,CAAA;AAC7B","file":"chunk-T4ME7QCT.js","sourcesContent":["import { useEffect, useCallback } from 'react';\n\n/**\n * Hook that triggers a callback when the Escape key is pressed.\n * Useful for closing modals, dropdowns, and other overlays.\n *\n * @param callback - Function to call when Escape is pressed\n * @param enabled - Whether the listener is active (default: true)\n *\n * @example\n * ```tsx\n * function Modal({ onClose }: { onClose: () => void }) {\n *   useEscapeKey(onClose);\n *   return <div>Modal content</div>;\n * }\n * ```\n */\nexport function useEscapeKey(callback: () => void, enabled = true): void {\n  const handleKeyDown = useCallback(\n    (event: globalThis.KeyboardEvent) => {\n      if (event.key === 'Escape') {\n        callback();\n      }\n    },\n    [callback]\n  );\n\n  useEffect(() => {\n    if (!enabled) return;\n\n    document.addEventListener('keydown', handleKeyDown);\n    return () => document.removeEventListener('keydown', handleKeyDown);\n  }, [handleKeyDown, enabled]);\n}\n"]}