@mieweb/ui 0.2.0 → 0.2.1

package/dist/{chunk-CLJZHS7Y.cjs → chunk-B5364UWR.cjs}

@@ -6,10 +6,11 @@ var brands = {
   default: () => import('./default-ZGHKI5WF.cjs').then((m) => m.defaultBrand),
   "enterprise-health": () => import('./enterprise-health-UDI25OCV.cjs').then((m) => m.enterpriseHealthBrand),
   mieweb: () => import('./mieweb-UJABK5XX.cjs').then((m) => m.miewebBrand),
+  ozwell: () => import('./brands/ozwell.cjs').then((m) => m.ozwellBrand),
   waggleline: () => import('./waggleline-6IGA66HR.cjs').then((m) => m.wagglelineBrand),
   webchart: () => import('./webchart-EHVGP46N.cjs').then((m) => m.webchartBrand)
 };
 
 exports.brands = brands;
-//# sourceMappingURL=chunk-CLJZHS7Y.cjs.map
-//# sourceMappingURL=chunk-CLJZHS7Y.cjs.map
+//# sourceMappingURL=chunk-B5364UWR.cjs.map
+//# sourceMappingURL=chunk-B5364UWR.cjs.map

package/dist/chunk-B5364UWR.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/brands/index.ts"],"names":[],"mappings":";;;AAiCO,IAAM,MAAA,GAAS;AAAA,EACpB,QAAA,EAAU,MAAM,OAAO,uBAAY,EAAE,IAAA,CAAK,CAAC,CAAA,KAAM,CAAA,CAAE,aAAa,CAAA;AAAA,EAChE,OAAA,EAAS,MAAM,OAAO,wBAAW,EAAE,IAAA,CAAK,CAAC,CAAA,KAAM,CAAA,CAAE,YAAY,CAAA;AAAA,EAC7D,mBAAA,EAAqB,MACnB,OAAO,kCAAqB,EAAE,IAAA,CAAK,CAAC,CAAA,KAAM,CAAA,CAAE,qBAAqB,CAAA;AAAA,EACnE,MAAA,EAAQ,MAAM,OAAO,uBAAU,EAAE,IAAA,CAAK,CAAC,CAAA,KAAM,CAAA,CAAE,WAAW,CAAA;AAAA,EAC1D,MAAA,EAAQ,MAAM,OAAO,qBAAU,EAAE,IAAA,CAAK,CAAC,CAAA,KAAM,CAAA,CAAE,WAAW,CAAA;AAAA,EAC1D,UAAA,EAAY,MAAM,OAAO,2BAAc,EAAE,IAAA,CAAK,CAAC,CAAA,KAAM,CAAA,CAAE,eAAe,CAAA;AAAA,EACtE,QAAA,EAAU,MAAM,OAAO,yBAAY,EAAE,IAAA,CAAK,CAAC,CAAA,KAAM,CAAA,CAAE,aAAa;AAClE","file":"chunk-B5364UWR.cjs","sourcesContent":["/**\n * @mieweb/ui Brand System\n *\n * Export all brand-related types, utilities, and configurations.\n */\n\n// Types and utilities\nexport type {\n  BrandConfig,\n  BrandColors,\n  BrandTypography,\n  BrandBorderRadius,\n  BrandBoxShadow,\n  ColorScale,\n  SemanticColors,\n} from './types';\n\nexport {\n  generateBrandCSS,\n  generateTailwindTheme,\n  createBrandPreset,\n} from './types';\n\n// Brand configurations\nexport { bluehiveBrand } from './bluehive';\nexport { defaultBrand } from './default';\nexport { enterpriseHealthBrand } from './enterprise-health';\nexport { miewebBrand } from './mieweb';\nexport { ozwellBrand } from './ozwell';\nexport { wagglelineBrand } from './waggleline';\nexport { webchartBrand } from './webchart';\n\n// All brands for iteration\nexport const brands = {\n  bluehive: () => import('./bluehive').then((m) => m.bluehiveBrand),\n  default: () => import('./default').then((m) => m.defaultBrand),\n  'enterprise-health': () =>\n    import('./enterprise-health').then((m) => m.enterpriseHealthBrand),\n  mieweb: () => import('./mieweb').then((m) => m.miewebBrand),\n  ozwell: () => import('./ozwell').then((m) => m.ozwellBrand),\n  waggleline: () => import('./waggleline').then((m) => m.wagglelineBrand),\n  webchart: () => import('./webchart').then((m) => m.webchartBrand),\n} as const;\n"]}

package/dist/chunk-D3BUYVLN.cjs

@@ -0,0 +1,120 @@
+'use strict';
+
+var lucideReact = require('lucide-react');
+
+
+
+Object.defineProperty(exports, "AlertCircle", {
+  enumerable: true,
+  get: function () { return lucideReact.AlertCircle; }
+});
+Object.defineProperty(exports, "ArrowLeft", {
+  enumerable: true,
+  get: function () { return lucideReact.ArrowLeft; }
+});
+Object.defineProperty(exports, "Building", {
+  enumerable: true,
+  get: function () { return lucideReact.Building; }
+});
+Object.defineProperty(exports, "Calendar", {
+  enumerable: true,
+  get: function () { return lucideReact.Calendar; }
+});
+Object.defineProperty(exports, "Camera", {
+  enumerable: true,
+  get: function () { return lucideReact.Camera; }
+});
+Object.defineProperty(exports, "Check", {
+  enumerable: true,
+  get: function () { return lucideReact.Check; }
+});
+Object.defineProperty(exports, "CheckCircle", {
+  enumerable: true,
+  get: function () { return lucideReact.CheckCircle; }
+});
+Object.defineProperty(exports, "ChevronDown", {
+  enumerable: true,
+  get: function () { return lucideReact.ChevronDown; }
+});
+Object.defineProperty(exports, "ChevronUp", {
+  enumerable: true,
+  get: function () { return lucideReact.ChevronUp; }
+});
+Object.defineProperty(exports, "ClipboardList", {
+  enumerable: true,
+  get: function () { return lucideReact.ClipboardList; }
+});
+Object.defineProperty(exports, "Clock", {
+  enumerable: true,
+  get: function () { return lucideReact.Clock; }
+});
+Object.defineProperty(exports, "FileText", {
+  enumerable: true,
+  get: function () { return lucideReact.FileText; }
+});
+Object.defineProperty(exports, "Globe", {
+  enumerable: true,
+  get: function () { return lucideReact.Globe; }
+});
+Object.defineProperty(exports, "Image", {
+  enumerable: true,
+  get: function () { return lucideReact.Image; }
+});
+Object.defineProperty(exports, "Mail", {
+  enumerable: true,
+  get: function () { return lucideReact.Mail; }
+});
+Object.defineProperty(exports, "Menu", {
+  enumerable: true,
+  get: function () { return lucideReact.Menu; }
+});
+Object.defineProperty(exports, "Paperclip", {
+  enumerable: true,
+  get: function () { return lucideReact.Paperclip; }
+});
+Object.defineProperty(exports, "Pencil", {
+  enumerable: true,
+  get: function () { return lucideReact.Pencil; }
+});
+Object.defineProperty(exports, "Phone", {
+  enumerable: true,
+  get: function () { return lucideReact.Phone; }
+});
+Object.defineProperty(exports, "Plus", {
+  enumerable: true,
+  get: function () { return lucideReact.Plus; }
+});
+Object.defineProperty(exports, "RefreshCw", {
+  enumerable: true,
+  get: function () { return lucideReact.RefreshCw; }
+});
+Object.defineProperty(exports, "Scan", {
+  enumerable: true,
+  get: function () { return lucideReact.Scan; }
+});
+Object.defineProperty(exports, "ScanLine", {
+  enumerable: true,
+  get: function () { return lucideReact.ScanLine; }
+});
+Object.defineProperty(exports, "Stethoscope", {
+  enumerable: true,
+  get: function () { return lucideReact.Stethoscope; }
+});
+Object.defineProperty(exports, "Trash2", {
+  enumerable: true,
+  get: function () { return lucideReact.Trash2; }
+});
+Object.defineProperty(exports, "Upload", {
+  enumerable: true,
+  get: function () { return lucideReact.Upload; }
+});
+Object.defineProperty(exports, "Users", {
+  enumerable: true,
+  get: function () { return lucideReact.Users; }
+});
+Object.defineProperty(exports, "X", {
+  enumerable: true,
+  get: function () { return lucideReact.X; }
+});
+//# sourceMappingURL=chunk-D3BUYVLN.cjs.map
+//# sourceMappingURL=chunk-D3BUYVLN.cjs.map

package/dist/chunk-D3BUYVLN.cjs.map

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

package/dist/{chunk-SJ3BF4BO.cjs → chunk-ERIGUDFS.cjs}

@@ -33,6 +33,58 @@ var miewebUISafelist = [
   "focus:ring-destructive",
   "border-primary",
   "border-destructive",
+  "border-success",
+  "focus:ring-success/20",
+  "focus:ring-destructive/20",
+  // Opacity-modifier variants for semantic colors used by components
+  "bg-background/60",
+  "bg-background/80",
+  "bg-background/90",
+  "bg-background/95",
+  "bg-card/80",
+  "bg-destructive/5",
+  "bg-destructive/10",
+  "bg-foreground/50",
+  "bg-info/10",
+  "bg-muted/10",
+  "bg-muted/30",
+  "bg-muted/50",
+  "bg-primary/5",
+  "bg-primary/10",
+  "bg-success/10",
+  "bg-warning/10",
+  "border-border/80",
+  "border-destructive/20",
+  "border-destructive/30",
+  "border-destructive/50",
+  "border-info/30",
+  "border-muted-foreground/25",
+  "border-muted-foreground/40",
+  "border-primary/30",
+  "border-primary/50",
+  "border-success/30",
+  "border-success/50",
+  "border-warning/30",
+  "hover:bg-destructive/10",
+  "hover:bg-muted/10",
+  "hover:bg-muted/20",
+  "hover:bg-muted/50",
+  "hover:bg-muted/80",
+  "hover:bg-primary/5",
+  "hover:bg-primary/10",
+  "hover:bg-primary/20",
+  "hover:bg-primary/90",
+  "hover:border-border/80",
+  "hover:border-muted-foreground/50",
+  "hover:text-destructive/80",
+  "hover:text-primary/80",
+  "text-muted-foreground/30",
+  "text-muted-foreground/40",
+  "text-muted-foreground/50",
+  "text-muted-foreground/60",
+  "text-muted-foreground/70",
+  "text-primary/80",
+  "text-primary-foreground/90",
   "ring-primary",
   "ring-2",
   "ring-offset-2",
@@ -195,5 +247,5 @@ 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
+//# sourceMappingURL=chunk-ERIGUDFS.cjs.map
+//# sourceMappingURL=chunk-ERIGUDFS.cjs.map

package/dist/chunk-ERIGUDFS.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/tailwind-preset.ts"],"names":[],"mappings":";;;AA6BO,IAAM,gBAAA,GAAmB;AAAA;AAAA,EAE9B,eAAA;AAAA,EACA,cAAA;AAAA,EACA,WAAA;AAAA,EACA,eAAA;AAAA,EACA,SAAA;AAAA,EACA,UAAA;AAAA,EACA,YAAA;AAAA,EACA,YAAA;AAAA,EACA,YAAA;AAAA,EACA,gBAAA;AAAA,EACA,SAAA;AAAA,EACA,iBAAA;AAAA,EACA,sBAAA;AAAA,EACA,uBAAA;AAAA,EACA,cAAA;AAAA,EACA,yBAAA;AAAA,EACA,cAAA;AAAA,EACA,yBAAA;AAAA,EACA,cAAA;AAAA,EACA,yBAAA;AAAA,EACA,kBAAA;AAAA,EACA,6BAAA;AAAA,EACA,WAAA;AAAA,EACA,sBAAA;AAAA,EACA,iBAAA;AAAA,EACA,oBAAA;AAAA,EACA,0BAAA;AAAA,EACA,wBAAA;AAAA,EACA,gBAAA;AAAA,EACA,oBAAA;AAAA,EACA,gBAAA;AAAA,EACA,uBAAA;AAAA,EACA,2BAAA;AAAA;AAAA,EAEA,kBAAA;AAAA,EACA,kBAAA;AAAA,EACA,kBAAA;AAAA,EACA,kBAAA;AAAA,EACA,YAAA;AAAA,EACA,kBAAA;AAAA,EACA,mBAAA;AAAA,EACA,kBAAA;AAAA,EACA,YAAA;AAAA,EACA,aAAA;AAAA,EACA,aAAA;AAAA,EACA,aAAA;AAAA,EACA,cAAA;AAAA,EACA,eAAA;AAAA,EACA,eAAA;AAAA,EACA,eAAA;AAAA,EACA,kBAAA;AAAA,EACA,uBAAA;AAAA,EACA,uBAAA;AAAA,EACA,uBAAA;AAAA,EACA,gBAAA;AAAA,EACA,4BAAA;AAAA,EACA,4BAAA;AAAA,EACA,mBAAA;AAAA,EACA,mBAAA;AAAA,EACA,mBAAA;AAAA,EACA,mBAAA;AAAA,EACA,mBAAA;AAAA,EACA,yBAAA;AAAA,EACA,mBAAA;AAAA,EACA,mBAAA;AAAA,EACA,mBAAA;AAAA,EACA,mBAAA;AAAA,EACA,oBAAA;AAAA,EACA,qBAAA;AAAA,EACA,qBAAA;AAAA,EACA,qBAAA;AAAA,EACA,wBAAA;AAAA,EACA,kCAAA;AAAA,EACA,2BAAA;AAAA,EACA,uBAAA;AAAA,EACA,0BAAA;AAAA,EACA,0BAAA;AAAA,EACA,0BAAA;AAAA,EACA,0BAAA;AAAA,EACA,0BAAA;AAAA,EACA,iBAAA;AAAA,EACA,4BAAA;AAAA,EACA,cAAA;AAAA,EACA,QAAA;AAAA,EACA,eAAA;AAAA;AAAA,EAEA,aAAA;AAAA,EACA,aAAA;AAAA,EACA,aAAA;AAAA,EACA,aAAA;AAAA,EACA,aAAA;AAAA,EACA,gBAAA;AAAA,EACA,gBAAA;AAAA,EACA,gBAAA;AAAA,EACA,gBAAA;AAAA,EACA,gBAAA;AAAA,EACA,gBAAA;AAAA,EACA,gBAAA;AAAA,EACA,gBAAA;AAAA,EACA,gBAAA;AAAA,EACA,gBAAA;AAAA,EACA,gBAAA;AAAA;AAAA,EAEA,gBAAA;AAAA,EACA,qBAAA;AAAA,EACA,gBAAA;AAAA,EACA,KAAA;AAAA,EACA,KAAA;AAAA,EACA,KAAA;AAAA,EACA,MAAA;AAAA,EACA,KAAA;AAAA,EACA,MAAA;AAAA,EACA,KAAA;AAAA,EACA,KAAA;AAAA,EACA,KAAA;AAAA,EACA,KAAA;AAAA,EACA,iBAAA;AAAA,EACA,eAAA;AAAA,EACA,eAAA;AAAA,EACA,eAAA;AAAA;AAAA,EAEA,iBAAA;AAAA,EACA,iBAAA;AAAA;AAAA,EAEA;AACF;AAUO,IAAM,cAAA,GAAiC;AAAA,EAC5C,QAAA,EAAU,CAAC,OAAA,EAAS,qBAAqB,CAAA;AAAA,EACzC,QAAA,EAAU,gBAAA;AAAA,EACV,KAAA,EAAO;AAAA,IACL,MAAA,EAAQ;AAAA,MACN,MAAA,EAAQ;AAAA;AAAA,QAEN,OAAA,EAAS;AAAA,UACP,OAAA,EAAS,2DAAA;AAAA,UACT,EAAA,EAAI,mCAAA;AAAA,UACJ,GAAA,EAAK,oCAAA;AAAA,UACL,GAAA,EAAK,oCAAA;AAAA,UACL,GAAA,EAAK,oCAAA;AAAA,UACL,GAAA,EAAK,oCAAA;AAAA,UACL,GAAA,EAAK,oCAAA;AAAA,UACL,GAAA,EAAK,oCAAA;AAAA,UACL,GAAA,EAAK,oCAAA;AAAA,UACL,GAAA,EAAK,oCAAA;AAAA,UACL,GAAA,EAAK,oCAAA;AAAA,UACL,GAAA,EAAK,oCAAA;AAAA,UACL,UAAA,EAAY;AAAA,SACd;AAAA;AAAA,QAEA,MAAA,EAAQ,8CAAA;AAAA,QACR,KAAA,EAAO,6CAAA;AAAA,QACP,IAAA,EAAM,4CAAA;AAAA,QACN,UAAA,EAAY,0CAAA;AAAA,QACZ,UAAA,EAAY,+CAAA;AAAA;AAAA,QAEZ,IAAA,EAAM;AAAA,UACJ,OAAA,EAAS,oCAAA;AAAA,UACT,UAAA,EAAY;AAAA,SACd;AAAA,QACA,KAAA,EAAO;AAAA,UACL,OAAA,EAAS,yCAAA;AAAA,UACT,UAAA,EAAY;AAAA,SACd;AAAA,QACA,WAAA,EAAa;AAAA,UACX,OAAA,EAAS,+CAAA;AAAA,UACT,UAAA,EAAY;AAAA,SACd;AAAA,QACA,OAAA,EAAS;AAAA,UACP,OAAA,EAAS,+CAAA;AAAA,UACT,UAAA,EAAY;AAAA,SACd;AAAA,QACA,OAAA,EAAS;AAAA,UACP,OAAA,EAAS,8CAAA;AAAA,UACT,UAAA,EAAY;AAAA,SACd;AAAA,QACA,IAAA,EAAM;AAAA,UACJ,OAAA,EAAS,sCAAA;AAAA,UACT,UAAA,EAAY;AAAA;AACd,OACF;AAAA,MACA,UAAA,EAAY;AAAA,QACV,IAAA,EAAM;AAAA,UACJ,wCAAA;AAAA,UACA,WAAA;AAAA,UACA;AAAA;AACF,OACF;AAAA,MACA,YAAA,EAAc;AAAA,QACZ,KAAA,EAAO,gCAAA;AAAA,QACP,EAAA,EAAI,kCAAA;AAAA,QACJ,EAAA,EAAI,iCAAA;AAAA,QACJ,EAAA,EAAI,kCAAA;AAAA,QACJ,EAAA,EAAI;AAAA,OACN;AAAA,MACA,SAAA,EAAW;AAAA,QACT,IAAA,EAAM;AAAA,OACR;AAAA,MACA,SAAA,EAAW;AAAA,QACT,SAAA,EAAW;AAAA,UACT,IAAA,EAAM,EAAE,OAAA,EAAS,GAAA,EAAI;AAAA,UACrB,MAAA,EAAQ,EAAE,OAAA,EAAS,GAAA;AAAI,SACzB;AAAA,QACA,UAAA,EAAY;AAAA,UACV,IAAA,EAAM,EAAE,OAAA,EAAS,GAAA,EAAI;AAAA,UACrB,MAAA,EAAQ,EAAE,OAAA,EAAS,GAAA;AAAI,SACzB;AAAA,QACA,mBAAA,EAAqB;AAAA,UACnB,IAAA,EAAM,EAAE,SAAA,EAAW,qBAAA,EAAuB,SAAS,GAAA,EAAI;AAAA,UACvD,MAAA,EAAQ,EAAE,SAAA,EAAW,eAAA,EAAiB,SAAS,GAAA;AAAI,SACrD;AAAA,QACA,sBAAA,EAAwB;AAAA,UACtB,IAAA,EAAM,EAAE,SAAA,EAAW,oBAAA,EAAsB,SAAS,GAAA,EAAI;AAAA,UACtD,MAAA,EAAQ,EAAE,SAAA,EAAW,eAAA,EAAiB,SAAS,GAAA;AAAI,SACrD;AAAA,QACA,gBAAA,EAAkB;AAAA,UAChB,IAAA,EAAM,EAAE,SAAA,EAAW,kBAAA,EAAoB,SAAS,GAAA,EAAI;AAAA,UACpD,MAAA,EAAQ,EAAE,SAAA,EAAW,eAAA,EAAiB,SAAS,GAAA;AAAI,SACrD;AAAA,QACA,eAAA,EAAiB;AAAA,UACf,IAAA,EAAM,EAAE,SAAA,EAAW,mBAAA,EAAqB,SAAS,GAAA,EAAI;AAAA,UACrD,MAAA,EAAQ,EAAE,SAAA,EAAW,eAAA,EAAiB,SAAS,GAAA;AAAI,SACrD;AAAA,QACA,UAAA,EAAY;AAAA,UACV,IAAA,EAAM,EAAE,SAAA,EAAW,aAAA,EAAe,SAAS,GAAA,EAAI;AAAA,UAC/C,MAAA,EAAQ,EAAE,SAAA,EAAW,UAAA,EAAY,SAAS,GAAA;AAAI;AAChD,OACF;AAAA,MACA,SAAA,EAAW;AAAA,QACT,SAAA,EAAW,wBAAA;AAAA,QACX,UAAA,EAAY,wBAAA;AAAA,QACZ,mBAAA,EAAqB,kCAAA;AAAA,QACrB,sBAAA,EAAwB,qCAAA;AAAA,QACxB,gBAAA,EAAkB,+BAAA;AAAA,QAClB,eAAA,EAAiB,8BAAA;AAAA,QACjB,UAAA,EAAY;AAAA;AACd;AACF;AAEJ;AAEA,IAAO,uBAAA,GAAQ","file":"chunk-ERIGUDFS.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  'border-success',\n  'focus:ring-success/20',\n  'focus:ring-destructive/20',\n  // Opacity-modifier variants for semantic colors used by components\n  'bg-background/60',\n  'bg-background/80',\n  'bg-background/90',\n  'bg-background/95',\n  'bg-card/80',\n  'bg-destructive/5',\n  'bg-destructive/10',\n  'bg-foreground/50',\n  'bg-info/10',\n  'bg-muted/10',\n  'bg-muted/30',\n  'bg-muted/50',\n  'bg-primary/5',\n  'bg-primary/10',\n  'bg-success/10',\n  'bg-warning/10',\n  'border-border/80',\n  'border-destructive/20',\n  'border-destructive/30',\n  'border-destructive/50',\n  'border-info/30',\n  'border-muted-foreground/25',\n  'border-muted-foreground/40',\n  'border-primary/30',\n  'border-primary/50',\n  'border-success/30',\n  'border-success/50',\n  'border-warning/30',\n  'hover:bg-destructive/10',\n  'hover:bg-muted/10',\n  'hover:bg-muted/20',\n  'hover:bg-muted/50',\n  'hover:bg-muted/80',\n  'hover:bg-primary/5',\n  'hover:bg-primary/10',\n  'hover:bg-primary/20',\n  'hover:bg-primary/90',\n  'hover:border-border/80',\n  'hover:border-muted-foreground/50',\n  'hover:text-destructive/80',\n  'hover:text-primary/80',\n  'text-muted-foreground/30',\n  'text-muted-foreground/40',\n  'text-muted-foreground/50',\n  'text-muted-foreground/60',\n  'text-muted-foreground/70',\n  'text-primary/80',\n  'text-primary-foreground/90',\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-UBRDKNLQ.js → chunk-GHRQ3ZJH.js}

@@ -206,6 +206,7 @@ function Waveform({
   progressColor,
   height = 64,
   showHoverCursor = false,
+  waveformRef,
   onHoverTimeChange,
   cursorColor = "var(--color-red-500, rgb(239, 68, 68))"
 }) {
@@ -214,6 +215,43 @@ function Waveform({
   const [isLoaded, setIsLoaded] = React.useState(false);
   const [isHovering, setIsHovering] = React.useState(false);
   const [hoverPosition, setHoverPosition] = React.useState(0);
+  React.useEffect(() => {
+    if (waveformRef) {
+      waveformRef.current = {
+        seekTo: (time) => {
+          if (wavesurferRef.current && isLoaded) {
+            const duration = wavesurferRef.current.getDuration();
+            if (duration > 0) {
+              const clampedTime = Math.min(Math.max(time, 0), duration);
+              const progress = clampedTime / duration;
+              wavesurferRef.current.seekTo(progress);
+            }
+          }
+        },
+        play: () => {
+          if (wavesurferRef.current && isLoaded) {
+            wavesurferRef.current.play();
+          }
+        },
+        pause: () => {
+          if (wavesurferRef.current && isLoaded) {
+            wavesurferRef.current.pause();
+          }
+        },
+        getCurrentTime: () => {
+          return wavesurferRef.current?.getCurrentTime?.() ?? 0;
+        },
+        getDuration: () => {
+          return wavesurferRef.current?.getDuration?.() ?? 0;
+        }
+      };
+    }
+    return () => {
+      if (waveformRef) {
+        waveformRef.current = null;
+      }
+    };
+  }, [waveformRef, isLoaded]);
   React.useEffect(() => {
     if (!containerRef.current) return;
     const initWaveSurfer = async () => {
@@ -257,6 +295,7 @@ function Waveform({
         console.error("Failed to load WaveSurfer:", error);
       }
     };
+    setIsLoaded(false);
     initWaveSurfer();
     return () => {
       if (wavesurferRef.current) {
@@ -351,7 +390,7 @@ function Waveform({
     }
   );
 }
-function AudioPlayer({
+var AudioPlayer = React.forwardRef(function AudioPlayer2({
   src,
   title,
   variant = "compact",
@@ -376,14 +415,16 @@ function AudioPlayer({
   preload = false,
   /** Fallback duration in seconds to display before audio is loaded */
   fallbackDuration
-}) {
+}, ref) {
   const [state, setState] = React.useState("idle");
   const [currentTime, setCurrentTime] = React.useState(0);
   const [duration, setDuration] = React.useState(0);
   const [playbackRate, setPlaybackRate] = React.useState(1);
   const [audioInitialized, setAudioInitialized] = React.useState(false);
   const [hoverTime, setHoverTime] = React.useState(null);
+  const containerRef = React.useRef(null);
   const audioRef = React.useRef(null);
+  const waveformMethodsRef = React.useRef(null);
   const isPlaying = state === "playing";
   const isLoading = state === "loading";
   const updateState = React.useCallback(
@@ -428,6 +469,70 @@ function AudioPlayer({
     onEnded,
     onError
   ]);
+  React.useImperativeHandle(
+    ref,
+    () => ({
+      get container() {
+        return containerRef.current;
+      },
+      seekTo: (time) => {
+        if (variant === "waveform") {
+          waveformMethodsRef.current?.seekTo(time);
+        } else {
+          if (!audioRef.current) {
+            initAudio();
+          }
+          if (audioRef.current) {
+            audioRef.current.currentTime = time;
+          }
+        }
+      },
+      play: () => {
+        if (variant === "waveform") {
+          if (waveformMethodsRef.current) {
+            waveformMethodsRef.current.play();
+            updateState("playing");
+          }
+        } else {
+          if (!audioRef.current) {
+            initAudio();
+          }
+          if (audioRef.current) {
+            audioRef.current.play().catch((error) => {
+              updateState("error");
+              onError?.(error);
+            });
+            updateState("playing");
+          }
+        }
+      },
+      pause: () => {
+        if (variant === "waveform") {
+          if (waveformMethodsRef.current) {
+            waveformMethodsRef.current.pause();
+            updateState("paused");
+          }
+        } else if (audioRef.current) {
+          audioRef.current.pause();
+          updateState("paused");
+        }
+      },
+      getCurrentTime: () => {
+        if (variant === "waveform") {
+          return waveformMethodsRef.current?.getCurrentTime() ?? 0;
+        }
+        return audioRef.current?.currentTime ?? 0;
+      },
+      getDuration: () => {
+        if (variant === "waveform") {
+          return waveformMethodsRef.current?.getDuration() ?? 0;
+        }
+        const rawDuration = audioRef.current?.duration;
+        return Number.isFinite(rawDuration) ? rawDuration : 0;
+      }
+    }),
+    [variant, initAudio, updateState, onError]
+  );
   React.useEffect(() => {
     if (preload && !audioInitialized && variant !== "waveform") {
       initAudio();
@@ -579,59 +684,81 @@ function AudioPlayer({
   };
   if (variant === "inline") {
     const displayDuration = duration > 0 ? duration : fallbackDuration ?? 0;
-    return /* @__PURE__ */ jsxs("div", { className: cn(audioPlayerVariants({ variant, size }), className), children: [
-      renderPlayButton(),
-      title && /* @__PURE__ */ jsx("span", { className: "text-sm font-medium text-neutral-700 dark:text-neutral-300", children: title }),
-      showDuration && displayDuration > 0 && /* @__PURE__ */ jsx("span", { className: "font-mono text-xs text-neutral-500 tabular-nums dark:text-neutral-400", children: isPlaying ? formatTime(currentTime) : formatTime(displayDuration) })
-    ] });
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref: containerRef,
+        className: cn(audioPlayerVariants({ variant, size }), className),
+        children: [
+          renderPlayButton(),
+          title && /* @__PURE__ */ jsx("span", { className: "text-sm font-medium text-neutral-700 dark:text-neutral-300", children: title }),
+          showDuration && displayDuration > 0 && /* @__PURE__ */ jsx("span", { className: "font-mono text-xs text-neutral-500 tabular-nums dark:text-neutral-400", children: isPlaying ? formatTime(currentTime) : formatTime(displayDuration) })
+        ]
+      }
+    );
   }
   if (variant === "compact") {
-    return /* @__PURE__ */ jsxs("div", { className: cn(audioPlayerVariants({ variant, size }), className), children: [
-      renderPlayButton(),
-      /* @__PURE__ */ jsx(
-        ProgressBar,
-        {
-          currentTime,
-          duration,
-          onSeek: handleSeek,
-          disabled
-        }
-      ),
-      renderTime(),
-      renderPlaybackRateControl()
-    ] });
-  }
-  return /* @__PURE__ */ jsxs("div", { className: cn(audioPlayerVariants({ variant, size }), className), children: [
-    title && /* @__PURE__ */ jsx("span", { className: "text-sm font-medium text-neutral-700 dark:text-neutral-300", children: title }),
-    /* @__PURE__ */ jsx(
-      Waveform,
+    return /* @__PURE__ */ jsxs(
+      "div",
       {
-        src,
-        isPlaying,
-        playbackRate,
-        onReady: handleWaveformReady,
-        onTimeUpdate: handleWaveformTimeUpdate,
-        onFinish: handleWaveformFinish,
-        onSeek: handleWaveformSeek,
-        waveColor,
-        progressColor,
-        height: waveformHeight,
-        showHoverCursor: showWaveformHoverCursor,
-        onHoverTimeChange: handleHoverTimeChange,
-        cursorColor: waveformCursorColor
+        ref: containerRef,
+        className: cn(audioPlayerVariants({ variant, size }), className),
+        children: [
+          renderPlayButton(),
+          /* @__PURE__ */ jsx(
+            ProgressBar,
+            {
+              currentTime,
+              duration,
+              onSeek: handleSeek,
+              disabled
+            }
+          ),
+          renderTime(),
+          renderPlaybackRateControl()
+        ]
       }
-    ),
-    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
-      renderPlayButton(),
-      /* @__PURE__ */ jsxs("div", { className: "flex flex-1 items-center justify-between", children: [
-        renderTime(true),
-        renderPlaybackRateControl()
-      ] })
-    ] })
-  ] });
-}
+    );
+  }
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ref: containerRef,
+      className: cn(audioPlayerVariants({ variant, size }), className),
+      children: [
+        title && /* @__PURE__ */ jsx("span", { className: "text-sm font-medium text-neutral-700 dark:text-neutral-300", children: title }),
+        /* @__PURE__ */ jsx(
+          Waveform,
+          {
+            src,
+            isPlaying,
+            playbackRate,
+            onReady: handleWaveformReady,
+            onTimeUpdate: handleWaveformTimeUpdate,
+            onFinish: handleWaveformFinish,
+            onSeek: handleWaveformSeek,
+            waveColor,
+            progressColor,
+            height: waveformHeight,
+            showHoverCursor: showWaveformHoverCursor,
+            onHoverTimeChange: handleHoverTimeChange,
+            cursorColor: waveformCursorColor,
+            waveformRef: waveformMethodsRef
+          }
+        ),
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+          renderPlayButton(),
+          /* @__PURE__ */ jsxs("div", { className: "flex flex-1 items-center justify-between", children: [
+            renderTime(true),
+            renderPlaybackRateControl()
+          ] })
+        ] })
+      ]
+    }
+  );
+});
 AudioPlayer.displayName = "AudioPlayer";
 
 export { AudioPlayer, ProgressBar, audioPlayerVariants, formatTime, playButtonVariants };
-//# sourceMappingURL=chunk-UBRDKNLQ.js.map
-//# sourceMappingURL=chunk-UBRDKNLQ.js.map
+//# sourceMappingURL=chunk-GHRQ3ZJH.js.map
+//# sourceMappingURL=chunk-GHRQ3ZJH.js.map