@mieweb/ui 0.1.0

package/dist/brands/bluehive.cjs

@@ -0,0 +1,18 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var chunk4LNS5QDP_cjs = require('../chunk-4LNS5QDP.cjs');
+
+
+
+Object.defineProperty(exports, "bluehiveBrand", {
+  enumerable: true,
+  get: function () { return chunk4LNS5QDP_cjs.bluehiveBrand; }
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function () { return chunk4LNS5QDP_cjs.bluehiveBrand; }
+});
+//# sourceMappingURL=bluehive.cjs.map
+//# sourceMappingURL=bluehive.cjs.map

package/dist/brands/bluehive.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"bluehive.cjs"}

package/dist/brands/bluehive.css

@@ -0,0 +1,136 @@
+/**
+ * BlueHive Health Brand Theme
+ * Generated by @mieweb/ui
+ * DOT Physical scheduling and healthcare compliance platform
+ *
+ * Usage (standalone CSS):
+ *   @import '@mieweb/ui/brands/bluehive.css';
+ *
+ * Usage (Tailwind CSS 4):
+ *   @import '@mieweb/ui/brands/bluehive.css' layer(theme);
+ */
+
+/* ============================================
+   BlueHive Health Design Tokens
+   ============================================ */
+
+:root {
+  /* Primary Color Scale - BlueHive Blue */
+  --mieweb-primary-50: #e6f7fc;
+  --mieweb-primary-100: #b3e6f6;
+  --mieweb-primary-200: #80d5f0;
+  --mieweb-primary-300: #4dc4ea;
+  --mieweb-primary-400: #27aae1;
+  --mieweb-primary-500: #27aae1;
+  --mieweb-primary-600: #1f98ca;
+  --mieweb-primary-700: #1786b3;
+  --mieweb-primary-800: #0f749c;
+  --mieweb-primary-900: #086285;
+  --mieweb-primary-950: #00506e;
+
+  /* Light Mode Semantic Colors */
+  --mieweb-background: #ffffff;
+  --mieweb-foreground: #171717;
+  --mieweb-card: #ffffff;
+  --mieweb-card-foreground: #171717;
+  --mieweb-muted: #f5f5f5;
+  --mieweb-muted-foreground: #737373;
+  --mieweb-border: #e5e7eb;
+  --mieweb-input: #e5e7eb;
+  --mieweb-ring: #27aae1;
+  --mieweb-destructive: #ef4444;
+  --mieweb-destructive-foreground: #ffffff;
+  --mieweb-success: #22c55e;
+  --mieweb-success-foreground: #ffffff;
+  --mieweb-warning: #f59e0b;
+  --mieweb-warning-foreground: #ffffff;
+
+  /* Typography */
+  --mieweb-font-sans: 'Nunito', ui-sans-serif, system-ui, sans-serif;
+  --mieweb-font-mono: ui-monospace, SFMono-Regular, Menlo, monospace;
+
+  /* Border Radius */
+  --mieweb-radius-none: 0;
+  --mieweb-radius-sm: 0.25rem;
+  --mieweb-radius-md: 0.5rem;
+  --mieweb-radius-lg: 0.75rem;
+  --mieweb-radius-xl: 1rem;
+  --mieweb-radius-2xl: 1.5rem;
+  --mieweb-radius-full: 9999px;
+
+  /* Shadows */
+  --mieweb-shadow-card:
+    0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
+  --mieweb-shadow-dropdown:
+    0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
+  --mieweb-shadow-modal:
+    0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
+}
+
+/* Dark Mode */
+[data-theme='dark'],
+.dark {
+  --mieweb-background: #171717;
+  --mieweb-foreground: #fafafa;
+  --mieweb-card: #262626;
+  --mieweb-card-foreground: #fafafa;
+  --mieweb-muted: #404040;
+  --mieweb-muted-foreground: #a1a1aa;
+  --mieweb-border: #404040;
+  --mieweb-input: #404040;
+  --mieweb-ring: #27aae1;
+  --mieweb-destructive: #dc2626;
+  --mieweb-destructive-foreground: #fafafa;
+  --mieweb-success: #16a34a;
+  --mieweb-success-foreground: #fafafa;
+  --mieweb-warning: #d97706;
+  --mieweb-warning-foreground: #fafafa;
+}
+
+/* ============================================
+   Typography Base
+   ============================================ */
+
+body {
+  font-family: var(--mieweb-font-sans);
+  background-color: var(--mieweb-background);
+  color: var(--mieweb-foreground);
+}
+
+code,
+pre,
+kbd {
+  font-family: var(--mieweb-font-mono);
+}
+
+/* ============================================
+   Smooth Theme Transitions
+   ============================================ */
+
+*,
+*::before,
+*::after {
+  transition:
+    background-color 0.2s ease-in-out,
+    border-color 0.2s ease-in-out;
+}
+
+/* Disable transitions on page load */
+.no-transitions *,
+.no-transitions *::before,
+.no-transitions *::after {
+  transition: none !important;
+}
+
+/* ============================================
+   Focus Ring Utilities
+   ============================================ */
+
+.focus-ring {
+  outline: 2px solid transparent;
+  outline-offset: 2px;
+}
+
+.focus-ring:focus-visible {
+  outline: 2px solid var(--mieweb-ring);
+}

package/dist/brands/bluehive.d.cts

@@ -0,0 +1,16 @@
+import { BrandConfig } from './types.cjs';
+
+/**
+ * BlueHive Brand Configuration
+ *
+ * The official brand theme for BlueHive Health.
+ * Primary color: #27aae1 (BlueHive Blue)
+ */
+
+/**
+ * BlueHive brand configuration.
+ * This defines all the design tokens used in BlueHive Health applications.
+ */
+declare const bluehiveBrand: BrandConfig;
+
+export { bluehiveBrand, bluehiveBrand as default };

package/dist/brands/bluehive.d.ts

@@ -0,0 +1,16 @@
+import { BrandConfig } from './types.js';
+
+/**
+ * BlueHive Brand Configuration
+ *
+ * The official brand theme for BlueHive Health.
+ * Primary color: #27aae1 (BlueHive Blue)
+ */
+
+/**
+ * BlueHive brand configuration.
+ * This defines all the design tokens used in BlueHive Health applications.
+ */
+declare const bluehiveBrand: BrandConfig;
+
+export { bluehiveBrand, bluehiveBrand as default };

package/dist/brands/bluehive.js

@@ -0,0 +1,3 @@
+export { bluehiveBrand, bluehiveBrand as default } from '../chunk-ULOA7WBW.js';
+//# sourceMappingURL=bluehive.js.map
+//# sourceMappingURL=bluehive.js.map

package/dist/brands/bluehive.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"bluehive.js"}

package/dist/brands/enterprise-health.css

@@ -0,0 +1,260 @@
+/**
+ * Enterprise Health Brand Theme
+ * Generated by @mieweb/ui
+ * Employee health and occupational medicine platform
+ *
+ * Extracted from enterprisehealth.com on January 2026.
+ *
+ * Brand Colors:
+ * - Primary: #6E2B68 (Burgundy/Purple)
+ * - Secondary: #00497A (Deep Teal Blue)
+ * - Accent: #F8B700 (Gold/Yellow)
+ * - Gradient: linear-gradient(111.02deg, #00497A, #6E2B68)
+ *
+ * Typography: Jost (Google Font)
+ *
+ * Usage (standalone CSS):
+ *   @import '@mieweb/ui/brands/enterprise-health.css';
+ *
+ * Usage (Tailwind CSS 4):
+ *   @import '@mieweb/ui/brands/enterprise-health.css' layer(theme);
+ */
+
+/* Import Jost font from Google Fonts */
+@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&display=swap');
+
+/* ============================================
+   Enterprise Health Design Tokens
+   ============================================ */
+
+:root {
+  /* Primary Color Scale - Enterprise Health Burgundy/Purple */
+  --mieweb-primary-50: #fdf5fc;
+  --mieweb-primary-100: #faeaf8;
+  --mieweb-primary-200: #f5d4f0;
+  --mieweb-primary-300: #edb3e4;
+  --mieweb-primary-400: #e086d2;
+  --mieweb-primary-500: #c95ab8;
+  --mieweb-primary-600: #6e2b68;
+  --mieweb-primary-700: #5e2559;
+  --mieweb-primary-800: #4e1f4a;
+  --mieweb-primary-900: #42193d;
+  --mieweb-primary-950: #280e25;
+
+  /* Secondary Color - Deep Teal Blue (for gradients) */
+  --mieweb-secondary: #00497a;
+  --mieweb-secondary-light: #006ba8;
+  --mieweb-secondary-dark: #003658;
+
+  /* Accent Color - Gold/Yellow (logo) */
+  --mieweb-accent: #f8b700;
+  --mieweb-accent-light: #ffc933;
+  --mieweb-accent-dark: #d49d00;
+
+  /* Brand Gradient */
+  --mieweb-gradient: linear-gradient(111.02deg, #00497a, #6e2b68);
+  --mieweb-gradient-hover: linear-gradient(111.02deg, #006ba8, #8a3680);
+
+  /* Light Mode Semantic Colors */
+  --mieweb-background: #ffffff;
+  --mieweb-foreground: #222326;
+  --mieweb-card: #ffffff;
+  --mieweb-card-foreground: #222326;
+  --mieweb-muted: #f8f9fb;
+  --mieweb-muted-foreground: #6a6d77;
+  --mieweb-border: #e3e6ec;
+  --mieweb-input: #e3e6ec;
+  --mieweb-ring: #6e2b68;
+  --mieweb-destructive: #dc2626;
+  --mieweb-destructive-foreground: #ffffff;
+  --mieweb-success: #22c55e;
+  --mieweb-success-foreground: #ffffff;
+  --mieweb-warning: #f8b700;
+  --mieweb-warning-foreground: #222326;
+
+  /* Typography - Jost is the Enterprise Health font */
+  --mieweb-font-sans: 'Jost', ui-sans-serif, system-ui, sans-serif;
+  --mieweb-font-mono: ui-monospace, SFMono-Regular, Menlo, monospace;
+
+  /* Border Radius - Enterprise Health uses larger radii */
+  --mieweb-radius-none: 0;
+  --mieweb-radius-sm: 0.375rem; /* 6px - small badges */
+  --mieweb-radius-md: 0.625rem; /* 10px - buttons */
+  --mieweb-radius-lg: 0.75rem; /* 12px - inputs */
+  --mieweb-radius-xl: 1rem; /* 16px */
+  --mieweb-radius-2xl: 1.5rem; /* 24px - cards */
+  --mieweb-radius-full: 9999px;
+
+  /* Shadows - Enterprise Health uses subtle, layered shadows */
+  --mieweb-shadow-card:
+    0 16px 32px 0 rgba(34, 35, 38, 0.05), 0 8px 16px 0 rgba(34, 35, 38, 0.05);
+  --mieweb-shadow-dropdown: 0 8px 16px 0 rgba(34, 35, 38, 0.08);
+  --mieweb-shadow-modal:
+    0 24px 48px 0 rgba(34, 35, 38, 0.12), 0 12px 24px 0 rgba(34, 35, 38, 0.08);
+
+  /* Glass morphism effect (used in CTA sections) */
+  --mieweb-glass-background: rgba(255, 255, 255, 0.1);
+  --mieweb-glass-blur: blur(24px);
+}
+
+/* Dark Mode */
+[data-theme='dark'],
+.dark {
+  --mieweb-background: #1a1a1d;
+  --mieweb-foreground: #fafafa;
+  --mieweb-card: #27272a;
+  --mieweb-card-foreground: #fafafa;
+  --mieweb-muted: #3f3f46;
+  --mieweb-muted-foreground: #a1a1aa;
+  --mieweb-border: #3f3f46;
+  --mieweb-input: #3f3f46;
+  --mieweb-ring: #c95ab8;
+  --mieweb-destructive: #dc2626;
+  --mieweb-destructive-foreground: #fafafa;
+  --mieweb-success: #16a34a;
+  --mieweb-success-foreground: #fafafa;
+  --mieweb-warning: #f8b700;
+  --mieweb-warning-foreground: #222326;
+
+  --mieweb-glass-background: rgba(255, 255, 255, 0.1);
+}
+
+/* ============================================
+   Typography Base
+   ============================================ */
+
+body {
+  font-family: var(--mieweb-font-sans);
+  background-color: var(--mieweb-background);
+  color: var(--mieweb-foreground);
+  font-size: 18px; /* Enterprise Health uses 18px base */
+  line-height: 1.5;
+}
+
+code,
+pre,
+kbd,
+samp {
+  font-family: var(--mieweb-font-mono);
+}
+
+/* ============================================
+   Heading Styles (Enterprise Health specific)
+   ============================================ */
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-weight: 600;
+  color: var(--mieweb-foreground);
+}
+
+/* ============================================
+   Utility Classes
+   ============================================ */
+
+.mieweb-card {
+  background-color: var(--mieweb-card);
+  color: var(--mieweb-card-foreground);
+  border-radius: var(--mieweb-radius-2xl);
+  box-shadow: var(--mieweb-shadow-card);
+}
+
+.mieweb-button-primary {
+  background-color: var(--mieweb-primary-600);
+  color: white;
+  border-radius: var(--mieweb-radius-md);
+  font-weight: 500;
+}
+
+.mieweb-button-primary:hover {
+  background-color: var(--mieweb-primary-700);
+}
+
+/* Gradient button (Enterprise Health CTA style) */
+.mieweb-button-gradient {
+  background: var(--mieweb-gradient);
+  color: white;
+  border-radius: var(--mieweb-radius-md);
+  font-weight: 500;
+}
+
+.mieweb-button-gradient:hover {
+  background: var(--mieweb-gradient-hover);
+}
+
+/* Outline button (Enterprise Health "Get the report" style) */
+.mieweb-button-outline {
+  background-color: transparent;
+  color: var(--mieweb-foreground);
+  border: 2px solid var(--mieweb-border);
+  border-radius: var(--mieweb-radius-lg);
+  font-weight: 500;
+}
+
+.mieweb-button-outline:hover {
+  border-color: var(--mieweb-primary-600);
+  color: var(--mieweb-primary-600);
+}
+
+.mieweb-input {
+  border: 1px solid var(--mieweb-input);
+  border-radius: var(--mieweb-radius-lg);
+  background-color: var(--mieweb-background);
+  color: var(--mieweb-foreground);
+  padding: 1rem;
+  font-size: 18px;
+}
+
+.mieweb-input:focus {
+  outline: none;
+  box-shadow: 0 0 0 2px var(--mieweb-ring);
+}
+
+/* Glass card (for CTA sections on gradient backgrounds) */
+.mieweb-glass-card {
+  background: var(--mieweb-glass-background);
+  backdrop-filter: var(--mieweb-glass-blur);
+  border-radius: var(--mieweb-radius-2xl);
+}
+
+/* Gradient section background */
+.mieweb-gradient-bg {
+  background: var(--mieweb-gradient);
+}
+
+/* Feature card with icon */
+.mieweb-feature-card {
+  background-color: var(--mieweb-card);
+  border-radius: var(--mieweb-radius-2xl);
+  box-shadow: var(--mieweb-shadow-card);
+  padding: 1.5rem;
+  text-align: center;
+}
+
+/* Icon circle (Enterprise Health uses this for feature icons) */
+.mieweb-icon-circle {
+  width: 4rem;
+  height: 4rem;
+  border-radius: 50%;
+  background-color: var(--mieweb-primary-600);
+  color: white;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+/* Badge (Enterprise Health accent style) */
+.mieweb-badge-accent {
+  background: var(--mieweb-gradient);
+  color: white;
+  border-radius: var(--mieweb-radius-sm);
+  padding: 0.25rem 0.5rem;
+  font-size: 0.75rem;
+  font-weight: 500;
+  text-transform: uppercase;
+  letter-spacing: 0.05em;
+}

package/dist/brands/index.cjs

@@ -0,0 +1,55 @@
+'use strict';
+
+var chunk6DP6RKUA_cjs = require('../chunk-6DP6RKUA.cjs');
+var chunkS6UNPMAS_cjs = require('../chunk-S6UNPMAS.cjs');
+var chunkSWV5E75F_cjs = require('../chunk-SWV5E75F.cjs');
+var chunkZ3TFPXVN_cjs = require('../chunk-Z3TFPXVN.cjs');
+var chunkFFJVCQ5R_cjs = require('../chunk-FFJVCQ5R.cjs');
+var chunk4LNS5QDP_cjs = require('../chunk-4LNS5QDP.cjs');
+var chunkO5HS7ZND_cjs = require('../chunk-O5HS7ZND.cjs');
+var chunkP52GA3GJ_cjs = require('../chunk-P52GA3GJ.cjs');
+
+
+
+Object.defineProperty(exports, "brands", {
+  enumerable: true,
+  get: function () { return chunk6DP6RKUA_cjs.brands; }
+});
+Object.defineProperty(exports, "miewebBrand", {
+  enumerable: true,
+  get: function () { return chunkS6UNPMAS_cjs.miewebBrand; }
+});
+Object.defineProperty(exports, "wagglelineBrand", {
+  enumerable: true,
+  get: function () { return chunkSWV5E75F_cjs.wagglelineBrand; }
+});
+Object.defineProperty(exports, "webchartBrand", {
+  enumerable: true,
+  get: function () { return chunkZ3TFPXVN_cjs.webchartBrand; }
+});
+Object.defineProperty(exports, "createBrandPreset", {
+  enumerable: true,
+  get: function () { return chunkFFJVCQ5R_cjs.createBrandPreset; }
+});
+Object.defineProperty(exports, "generateBrandCSS", {
+  enumerable: true,
+  get: function () { return chunkFFJVCQ5R_cjs.generateBrandCSS; }
+});
+Object.defineProperty(exports, "generateTailwindTheme", {
+  enumerable: true,
+  get: function () { return chunkFFJVCQ5R_cjs.generateTailwindTheme; }
+});
+Object.defineProperty(exports, "bluehiveBrand", {
+  enumerable: true,
+  get: function () { return chunk4LNS5QDP_cjs.bluehiveBrand; }
+});
+Object.defineProperty(exports, "defaultBrand", {
+  enumerable: true,
+  get: function () { return chunkO5HS7ZND_cjs.defaultBrand; }
+});
+Object.defineProperty(exports, "enterpriseHealthBrand", {
+  enumerable: true,
+  get: function () { return chunkP52GA3GJ_cjs.enterpriseHealthBrand; }
+});
+//# sourceMappingURL=index.cjs.map
+//# sourceMappingURL=index.cjs.map

package/dist/brands/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.cjs"}

package/dist/brands/index.d.cts

@@ -0,0 +1,100 @@
+import { BrandConfig } from './types.cjs';
+export { BrandBorderRadius, BrandBoxShadow, BrandColors, BrandTypography, ColorScale, SemanticColors, createBrandPreset, generateBrandCSS, generateTailwindTheme } from './types.cjs';
+export { default as bluehiveBrand } from './bluehive.cjs';
+
+/**
+ * Default Brand Configuration
+ *
+ * A neutral, accessible brand theme using standard colors.
+ * Use this as a starting point for creating custom brands.
+ */
+
+declare const defaultBrand: BrandConfig;
+
+/**
+ * Enterprise Health Brand Configuration
+ *
+ * The official brand theme for Enterprise Health.
+ * Extracted from enterprisehealth.com on January 2026.
+ *
+ * Brand Colors:
+ * - Primary: #6E2B68 (Burgundy/Purple) - Used for accents, links, icons
+ * - Secondary: #00497A (Deep Teal Blue) - Used in gradients
+ * - Accent: #F8B700 (Gold/Yellow) - Logo sun color
+ * - Gradient: linear-gradient(111.02deg, #00497A, #6E2B68)
+ *
+ * Typography: Jost (Google Font)
+ * Card Radius: 24px (very rounded)
+ * Button Radius: 10px
+ * Input Radius: 12px
+ */
+
+/**
+ * Enterprise Health brand configuration.
+ * This defines all the design tokens used in Enterprise Health applications.
+ */
+declare const enterpriseHealthBrand: BrandConfig;
+
+/**
+ * MIE Web Brand Configuration
+ *
+ * The official brand theme for Medical Informatics Engineering (MIE).
+ * Primary color: #27ae60 (MIE Green)
+ */
+
+/**
+ * MIE Web brand configuration.
+ * This defines all the design tokens used in MIE Web applications.
+ */
+declare const miewebBrand: BrandConfig;
+
+/**
+ * Waggleline Brand Configuration
+ *
+ * The official brand theme for Waggleline.
+ * Primary color: #17AEED (Waggleline Blue)
+ *
+ * Waggleline is an experience visualization and orchestration platform
+ * that maps relationships, signals, handoffs, dependencies, and momentum
+ * across the customer journey.
+ *
+ * Brand colors from MIE Brand Guide:
+ * - Blue (#17AEED): Primary actions, momentum
+ * - Green (#009C4E): MIE core platform, success, completions
+ * - Orange (#E04501): WebChart workflow, urgency
+ * - Yellow (#FFD200): Enterprise Health, readiness, highlights
+ * - Purple (#8B5CF6): Ozwell AI, intelligence
+ */
+
+/**
+ * Waggleline brand configuration.
+ * This defines all the design tokens used in Waggleline applications.
+ *
+ * Note: Dark mode uses charcoal tones (gray-900 based), not pure black,
+ * following Waggleline's design philosophy.
+ */
+declare const wagglelineBrand: BrandConfig;
+
+/**
+ * WebChart Brand Configuration
+ *
+ * The official brand theme for WebChart EHR.
+ * Primary color: #f5841f (WebChart Orange)
+ */
+
+/**
+ * WebChart brand configuration.
+ * This defines all the design tokens used in WebChart applications.
+ */
+declare const webchartBrand: BrandConfig;
+
+declare const brands: {
+    readonly bluehive: () => Promise<BrandConfig>;
+    readonly default: () => Promise<BrandConfig>;
+    readonly 'enterprise-health': () => Promise<BrandConfig>;
+    readonly mieweb: () => Promise<BrandConfig>;
+    readonly waggleline: () => Promise<BrandConfig>;
+    readonly webchart: () => Promise<BrandConfig>;
+};
+
+export { BrandConfig, brands, defaultBrand, enterpriseHealthBrand, miewebBrand, wagglelineBrand, webchartBrand };