@mieweb/ui 0.2.4 → 0.3.0-dev.101

package/dist/brands/index.js

@@ -1,11 +1,11 @@
-export { brands } from '../chunk-RYQ5NEKH.js';
-export { ozwellBrand } from '../chunk-4DJNHPHB.js';
-export { defaultBrand } from '../chunk-4LTN2LEN.js';
+export { brands } from '../chunk-JV7UJGBM.js';
+export { webchartBrand } from '../chunk-JW5GWKV7.js';
+export { createBrandPreset, generateBrandCSS, generateTailwindTheme } from '../chunk-WOYUQ4AT.js';
+export { bluehiveBrand } from '../chunk-XB7QCKK7.js';
+export { ozwellBrand } from '../chunk-IGWABMSM.js';
+export { defaultBrand } from '../chunk-PSTGFXQG.js';
 export { enterpriseHealthBrand } from '../chunk-MTZPVOP6.js';
-export { miewebBrand } from '../chunk-UHSPAFY6.js';
-export { wagglelineBrand } from '../chunk-OWPWP46L.js';
-export { webchartBrand } from '../chunk-C6MDPPPL.js';
-export { createBrandPreset, generateBrandCSS, generateTailwindTheme } from '../chunk-SOFX4T7M.js';
-export { bluehiveBrand } from '../chunk-ULOA7WBW.js';
+export { miewebBrand } from '../chunk-GFZNSSSN.js';
+export { wagglelineBrand } from '../chunk-2NTYAALC.js';
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/brands/mieweb.css

@@ -34,16 +34,16 @@
   --mieweb-card: #ffffff;
   --mieweb-card-foreground: #171717;
   --mieweb-muted: #f5f5f5;
-  --mieweb-muted-foreground: #737373;
+  --mieweb-muted-foreground: #494949;
   --mieweb-border: #e5e7eb;
   --mieweb-input: #e5e7eb;
   --mieweb-ring: #27ae60;
-  --mieweb-destructive: #ef4444;
+  --mieweb-destructive: #dc2626;
   --mieweb-destructive-foreground: #ffffff;
-  --mieweb-success: #22c55e;
+  --mieweb-success: #15803d;
   --mieweb-success-foreground: #ffffff;
   --mieweb-warning: #f59e0b;
-  --mieweb-warning-foreground: #ffffff;
+  --mieweb-warning-foreground: #451a03;
   --mieweb-info: #0ea5e9;
   --mieweb-info-foreground: #ffffff;
   --mieweb-secondary-foreground: #ffffff;
@@ -94,7 +94,7 @@
   --mieweb-success: #16a34a;
   --mieweb-success-foreground: #fafafa;
   --mieweb-warning: #d97706;
-  --mieweb-warning-foreground: #fafafa;
+  --mieweb-warning-foreground: #451a03;
   --mieweb-info: #0284c7;
   --mieweb-info-foreground: #fafafa;
   --mieweb-secondary-foreground: #fafafa;

package/dist/brands/ozwell.cjs

@@ -1,12 +1,12 @@
 'use strict';
 
-var chunkKEIA2G6O_cjs = require('../chunk-KEIA2G6O.cjs');
+var chunkQO6U5VOT_cjs = require('../chunk-QO6U5VOT.cjs');
 
 
 
 Object.defineProperty(exports, "ozwellBrand", {
   enumerable: true,
-  get: function () { return chunkKEIA2G6O_cjs.ozwellBrand; }
+  get: function () { return chunkQO6U5VOT_cjs.ozwellBrand; }
 });
 //# sourceMappingURL=ozwell.cjs.map
 //# sourceMappingURL=ozwell.cjs.map

package/dist/brands/ozwell.css

@@ -43,16 +43,16 @@
   --mieweb-card: #ffffff;
   --mieweb-card-foreground: #171717;
   --mieweb-muted: #f5f5f5;
-  --mieweb-muted-foreground: #737373;
+  --mieweb-muted-foreground: #494949;
   --mieweb-border: #e5e7eb;
   --mieweb-input: #e5e7eb;
   --mieweb-ring: #27aae1;
-  --mieweb-destructive: #ef4444;
+  --mieweb-destructive: #dc2626;
   --mieweb-destructive-foreground: #ffffff;
-  --mieweb-success: #22c55e;
+  --mieweb-success: #15803d;
   --mieweb-success-foreground: #ffffff;
   --mieweb-warning: #f59e0b;
-  --mieweb-warning-foreground: #ffffff;
+  --mieweb-warning-foreground: #451a03;
   --mieweb-info: #0ea5e9;
   --mieweb-info-foreground: #ffffff;
   --mieweb-secondary-foreground: #ffffff;
@@ -103,7 +103,7 @@
   --mieweb-success: #16a34a;
   --mieweb-success-foreground: #fafafa;
   --mieweb-warning: #d97706;
-  --mieweb-warning-foreground: #fafafa;
+  --mieweb-warning-foreground: #451a03;
   --mieweb-info: #0284c7;
   --mieweb-info-foreground: #fafafa;
   --mieweb-secondary-foreground: #fafafa;

package/dist/brands/ozwell.js

@@ -1,3 +1,3 @@
-export { ozwellBrand } from '../chunk-4DJNHPHB.js';
+export { ozwellBrand } from '../chunk-IGWABMSM.js';
 //# sourceMappingURL=ozwell.js.map
 //# sourceMappingURL=ozwell.js.map

package/dist/brands/types.cjs

@@ -1,20 +1,20 @@
 'use strict';
 
-var chunkFFJVCQ5R_cjs = require('../chunk-FFJVCQ5R.cjs');
+var chunkJ644FU54_cjs = require('../chunk-J644FU54.cjs');
 
 
 
 Object.defineProperty(exports, "createBrandPreset", {
   enumerable: true,
-  get: function () { return chunkFFJVCQ5R_cjs.createBrandPreset; }
+  get: function () { return chunkJ644FU54_cjs.createBrandPreset; }
 });
 Object.defineProperty(exports, "generateBrandCSS", {
   enumerable: true,
-  get: function () { return chunkFFJVCQ5R_cjs.generateBrandCSS; }
+  get: function () { return chunkJ644FU54_cjs.generateBrandCSS; }
 });
 Object.defineProperty(exports, "generateTailwindTheme", {
   enumerable: true,
-  get: function () { return chunkFFJVCQ5R_cjs.generateTailwindTheme; }
+  get: function () { return chunkJ644FU54_cjs.generateTailwindTheme; }
 });
 //# sourceMappingURL=types.cjs.map
 //# sourceMappingURL=types.cjs.map

package/dist/brands/types.d.cts

@@ -62,6 +62,18 @@ interface SemanticColors {
 interface BrandColors {
     /** Primary brand color scale */
     primary: ColorScale;
+    /** Secondary color scale (optional — falls back to library defaults) */
+    secondary?: ColorScale;
+    /** Neutral / gray color scale (optional — falls back to library defaults) */
+    neutral?: ColorScale;
+    /** Destructive / error color scale (optional — falls back to library defaults) */
+    destructive?: ColorScale;
+    /** Success color scale (optional — falls back to library defaults) */
+    success?: ColorScale;
+    /** Warning color scale (optional — falls back to library defaults) */
+    warning?: ColorScale;
+    /** Info color scale (optional — falls back to library defaults) */
+    info?: ColorScale;
     /** Light mode semantic colors */
     light: SemanticColors;
     /** Dark mode semantic colors */
@@ -128,10 +140,7 @@ declare function generateBrandCSS(brand: BrandConfig): string;
  * Use this in your tailwind.config.js to apply the brand.
  */
 declare function generateTailwindTheme(brand: BrandConfig): {
-    colors: {
-        [brand.name]: ColorScale;
-        primary: ColorScale;
-    };
+    colors: Record<string, ColorScale>;
     fontFamily: {
         mono?: string[] | undefined;
         sans: string[];
@@ -159,10 +168,7 @@ declare function createBrandPreset(brand: BrandConfig): {
     darkMode: readonly ["class", "[data-theme=\"dark\"]"];
     theme: {
         extend: {
-            colors: {
-                [brand.name]: ColorScale;
-                primary: ColorScale;
-            };
+            colors: Record<string, ColorScale>;
             fontFamily: {
                 mono?: string[] | undefined;
                 sans: string[];

package/dist/brands/types.d.ts

@@ -62,6 +62,18 @@ interface SemanticColors {
 interface BrandColors {
     /** Primary brand color scale */
     primary: ColorScale;
+    /** Secondary color scale (optional — falls back to library defaults) */
+    secondary?: ColorScale;
+    /** Neutral / gray color scale (optional — falls back to library defaults) */
+    neutral?: ColorScale;
+    /** Destructive / error color scale (optional — falls back to library defaults) */
+    destructive?: ColorScale;
+    /** Success color scale (optional — falls back to library defaults) */
+    success?: ColorScale;
+    /** Warning color scale (optional — falls back to library defaults) */
+    warning?: ColorScale;
+    /** Info color scale (optional — falls back to library defaults) */
+    info?: ColorScale;
     /** Light mode semantic colors */
     light: SemanticColors;
     /** Dark mode semantic colors */
@@ -128,10 +140,7 @@ declare function generateBrandCSS(brand: BrandConfig): string;
  * Use this in your tailwind.config.js to apply the brand.
  */
 declare function generateTailwindTheme(brand: BrandConfig): {
-    colors: {
-        [brand.name]: ColorScale;
-        primary: ColorScale;
-    };
+    colors: Record<string, ColorScale>;
     fontFamily: {
         mono?: string[] | undefined;
         sans: string[];
@@ -159,10 +168,7 @@ declare function createBrandPreset(brand: BrandConfig): {
     darkMode: readonly ["class", "[data-theme=\"dark\"]"];
     theme: {
         extend: {
-            colors: {
-                [brand.name]: ColorScale;
-                primary: ColorScale;
-            };
+            colors: Record<string, ColorScale>;
             fontFamily: {
                 mono?: string[] | undefined;
                 sans: string[];

package/dist/brands/types.js

@@ -1,3 +1,3 @@
-export { createBrandPreset, generateBrandCSS, generateTailwindTheme } from '../chunk-SOFX4T7M.js';
+export { createBrandPreset, generateBrandCSS, generateTailwindTheme } from '../chunk-WOYUQ4AT.js';
 //# sourceMappingURL=types.js.map
 //# sourceMappingURL=types.js.map

package/dist/brands/waggleline.css

@@ -45,7 +45,7 @@
   --mieweb-border: #e5e7eb;
   --mieweb-input: #e5e7eb;
   --mieweb-ring: #17aeed;
-  --mieweb-destructive: #ef4444;
+  --mieweb-destructive: #dc2626;
   --mieweb-destructive-foreground: #ffffff;
   --mieweb-success: #009c4e;
   --mieweb-success-foreground: #ffffff;

package/dist/brands/webchart.css

@@ -34,16 +34,16 @@
   --mieweb-card: #ffffff;
   --mieweb-card-foreground: #171717;
   --mieweb-muted: #f5f5f5;
-  --mieweb-muted-foreground: #737373;
+  --mieweb-muted-foreground: #494949;
   --mieweb-border: #e5e7eb;
   --mieweb-input: #e5e7eb;
   --mieweb-ring: #f5841f;
-  --mieweb-destructive: #ef4444;
+  --mieweb-destructive: #dc2626;
   --mieweb-destructive-foreground: #ffffff;
-  --mieweb-success: #22c55e;
+  --mieweb-success: #15803d;
   --mieweb-success-foreground: #ffffff;
   --mieweb-warning: #f59e0b;
-  --mieweb-warning-foreground: #ffffff;
+  --mieweb-warning-foreground: #451a03;
   --mieweb-info: #0ea5e9;
   --mieweb-info-foreground: #ffffff;
   --mieweb-secondary-foreground: #ffffff;
@@ -94,7 +94,7 @@
   --mieweb-success: #16a34a;
   --mieweb-success-foreground: #fafafa;
   --mieweb-warning: #d97706;
-  --mieweb-warning-foreground: #fafafa;
+  --mieweb-warning-foreground: #451a03;
   --mieweb-info: #0284c7;
   --mieweb-info-foreground: #fafafa;
   --mieweb-secondary-foreground: #fafafa;

package/dist/{chunk-QDGZBDBI.cjs → chunk-2LF7PSSX.cjs}

@@ -30,7 +30,7 @@ var textVariants = classVarianceAuthority.cva("", {
     variant: {
       default: "text-foreground",
       muted: "text-muted-foreground",
-      primary: "text-primary-600 dark:text-primary-400",
+      primary: "text-primary-800 dark:text-primary-400",
       destructive: "text-destructive",
       success: "text-success",
       warning: "text-warning"
@@ -95,5 +95,5 @@ SmallMuted.displayName = "SmallMuted";
 exports.SmallMuted = SmallMuted;
 exports.Text = Text;
 exports.textVariants = textVariants;
-//# sourceMappingURL=chunk-QDGZBDBI.cjs.map
-//# sourceMappingURL=chunk-QDGZBDBI.cjs.map
+//# sourceMappingURL=chunk-2LF7PSSX.cjs.map
+//# sourceMappingURL=chunk-2LF7PSSX.cjs.map

package/dist/{chunk-QDGZBDBI.cjs.map → chunk-2LF7PSSX.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Text/Text.tsx"],"names":["cva","React","jsx","cn"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAIA,IAAM,YAAA,GAAeA,2BAAI,EAAA,EAAI;AAAA,EAC3B,QAAA,EAAU;AAAA,IACR,OAAA,EAAS;AAAA,MACP,OAAA,EAAS,iBAAA;AAAA,MACT,KAAA,EAAO,uBAAA;AAAA,MACP,OAAA,EAAS,wCAAA;AAAA,MACT,WAAA,EAAa,kBAAA;AAAA,MACb,OAAA,EAAS,cAAA;AAAA,MACT,OAAA,EAAS;AAAA,KACX;AAAA,IACA,IAAA,EAAM;AAAA,MACJ,EAAA,EAAI,SAAA;AAAA,MACJ,EAAA,EAAI,SAAA;AAAA,MACJ,IAAA,EAAM,WAAA;AAAA,MACN,EAAA,EAAI,SAAA;AAAA,MACJ,EAAA,EAAI,SAAA;AAAA,MACJ,KAAA,EAAO,UAAA;AAAA,MACP,KAAA,EAAO;AAAA,KACT;AAAA,IACA,MAAA,EAAQ;AAAA,MACN,MAAA,EAAQ,aAAA;AAAA,MACR,MAAA,EAAQ,aAAA;AAAA,MACR,QAAA,EAAU,eAAA;AAAA,MACV,IAAA,EAAM;AAAA,KACR;AAAA,IACA,KAAA,EAAO;AAAA,MACL,IAAA,EAAM,WAAA;AAAA,MACN,MAAA,EAAQ,aAAA;AAAA,MACR,KAAA,EAAO;AAAA;AACT,GACF;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,OAAA,EAAS,SAAA;AAAA,IACT,IAAA,EAAM,MAAA;AAAA,IACN,MAAA,EAAQ,QAAA;AAAA,IACR,KAAA,EAAO;AAAA;AAEX,CAAC;AAgCD,IAAM,IAAA,GAAaC,gBAAA,CAAA,UAAA;AAAA,EACjB,CACE;AAAA,IACE,SAAA;AAAA,IACA,OAAA;AAAA,IACA,IAAA;AAAA,IACA,MAAA;AAAA,IACA,KAAA;AAAA,IACA,IAAI,SAAA,GAAY,GAAA;AAAA,IAChB,QAAA;AAAA,IACA,GAAG;AAAA,KAEL,GAAA,KACG;AACH,IAAA,uBACEC,cAAA;AAAA,MAAC,SAAA;AAAA,MAAA;AAAA,QAEC,GAAA;AAAA,QACA,SAAA,EAAWC,oBAAA;AAAA,UACT,aAAa,EAAE,OAAA,EAAS,IAAA,EAAM,MAAA,EAAQ,OAAO,CAAA;AAAA,UAC7C,QAAA,IAAY,UAAA;AAAA,UACZ;AAAA,SACF;AAAA,QACC,GAAG;AAAA;AAAA,KACN;AAAA,EAEJ;AACF;AAEA,IAAA,CAAK,WAAA,GAAc,MAAA;AAMnB,IAAM,aAAmBF,gBAAA,CAAA,UAAA,CAGvB,CAAC,EAAE,SAAA,EAAW,GAAG,OAAM,EAAG,GAAA,oCACzB,IAAA,EAAA,EAAK,GAAA,EAAU,SAAQ,OAAA,EAAQ,IAAA,EAAK,MAAK,SAAA,EAAuB,GAAG,OAAO,CAC5E;AAED,UAAA,CAAW,WAAA,GAAc,YAAA","file":"chunk-QDGZBDBI.cjs","sourcesContent":["import * as React from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\n\nconst textVariants = cva('', {\n  variants: {\n    variant: {\n      default: 'text-foreground',\n      muted: 'text-muted-foreground',\n      primary: 'text-primary-600 dark:text-primary-400',\n      destructive: 'text-destructive',\n      success: 'text-success',\n      warning: 'text-warning',\n    },\n    size: {\n      xs: 'text-xs',\n      sm: 'text-sm',\n      base: 'text-base',\n      lg: 'text-lg',\n      xl: 'text-xl',\n      '2xl': 'text-2xl',\n      '3xl': 'text-3xl',\n    },\n    weight: {\n      normal: 'font-normal',\n      medium: 'font-medium',\n      semibold: 'font-semibold',\n      bold: 'font-bold',\n    },\n    align: {\n      left: 'text-left',\n      center: 'text-center',\n      right: 'text-right',\n    },\n  },\n  defaultVariants: {\n    variant: 'default',\n    size: 'base',\n    weight: 'normal',\n    align: 'left',\n  },\n});\n\ntype TextElement =\n  | 'p'\n  | 'span'\n  | 'div'\n  | 'label'\n  | 'h1'\n  | 'h2'\n  | 'h3'\n  | 'h4'\n  | 'h5'\n  | 'h6';\n\nexport interface TextProps\n  extends React.HTMLAttributes<HTMLElement>, VariantProps<typeof textVariants> {\n  /** HTML element to render as */\n  as?: TextElement;\n  /** Truncate text with ellipsis */\n  truncate?: boolean;\n}\n\n/**\n * A flexible text component for consistent typography.\n *\n * @example\n * ```tsx\n * <Text variant=\"muted\" size=\"sm\">Helper text</Text>\n * <Text as=\"h1\" size=\"3xl\" weight=\"bold\">Page Title</Text>\n * <Text variant=\"destructive\">Error message</Text>\n * ```\n */\nconst Text = React.forwardRef<HTMLElement, TextProps>(\n  (\n    {\n      className,\n      variant,\n      size,\n      weight,\n      align,\n      as: Component = 'p',\n      truncate,\n      ...props\n    },\n    ref\n  ) => {\n    return (\n      <Component\n        // @ts-expect-error - ref type is complex due to polymorphic component\n        ref={ref}\n        className={cn(\n          textVariants({ variant, size, weight, align }),\n          truncate && 'truncate',\n          className\n        )}\n        {...props}\n      />\n    );\n  }\n);\n\nText.displayName = 'Text';\n\n/**\n * Small muted text, useful for helper text and descriptions.\n * This is a convenience component equivalent to <Text variant=\"muted\" size=\"sm\">\n */\nconst SmallMuted = React.forwardRef<\n  HTMLElement,\n  Omit<TextProps, 'variant' | 'size'>\n>(({ className, ...props }, ref) => (\n  <Text ref={ref} variant=\"muted\" size=\"sm\" className={className} {...props} />\n));\n\nSmallMuted.displayName = 'SmallMuted';\n\nexport { Text, SmallMuted, textVariants };\n"]}
+{"version":3,"sources":["../src/components/Text/Text.tsx"],"names":["cva","React","jsx","cn"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAIA,IAAM,YAAA,GAAeA,2BAAI,EAAA,EAAI;AAAA,EAC3B,QAAA,EAAU;AAAA,IACR,OAAA,EAAS;AAAA,MACP,OAAA,EAAS,iBAAA;AAAA,MACT,KAAA,EAAO,uBAAA;AAAA,MACP,OAAA,EAAS,wCAAA;AAAA,MACT,WAAA,EAAa,kBAAA;AAAA,MACb,OAAA,EAAS,cAAA;AAAA,MACT,OAAA,EAAS;AAAA,KACX;AAAA,IACA,IAAA,EAAM;AAAA,MACJ,EAAA,EAAI,SAAA;AAAA,MACJ,EAAA,EAAI,SAAA;AAAA,MACJ,IAAA,EAAM,WAAA;AAAA,MACN,EAAA,EAAI,SAAA;AAAA,MACJ,EAAA,EAAI,SAAA;AAAA,MACJ,KAAA,EAAO,UAAA;AAAA,MACP,KAAA,EAAO;AAAA,KACT;AAAA,IACA,MAAA,EAAQ;AAAA,MACN,MAAA,EAAQ,aAAA;AAAA,MACR,MAAA,EAAQ,aAAA;AAAA,MACR,QAAA,EAAU,eAAA;AAAA,MACV,IAAA,EAAM;AAAA,KACR;AAAA,IACA,KAAA,EAAO;AAAA,MACL,IAAA,EAAM,WAAA;AAAA,MACN,MAAA,EAAQ,aAAA;AAAA,MACR,KAAA,EAAO;AAAA;AACT,GACF;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,OAAA,EAAS,SAAA;AAAA,IACT,IAAA,EAAM,MAAA;AAAA,IACN,MAAA,EAAQ,QAAA;AAAA,IACR,KAAA,EAAO;AAAA;AAEX,CAAC;AAgCD,IAAM,IAAA,GAAaC,gBAAA,CAAA,UAAA;AAAA,EACjB,CACE;AAAA,IACE,SAAA;AAAA,IACA,OAAA;AAAA,IACA,IAAA;AAAA,IACA,MAAA;AAAA,IACA,KAAA;AAAA,IACA,IAAI,SAAA,GAAY,GAAA;AAAA,IAChB,QAAA;AAAA,IACA,GAAG;AAAA,KAEL,GAAA,KACG;AACH,IAAA,uBACEC,cAAA;AAAA,MAAC,SAAA;AAAA,MAAA;AAAA,QAEC,GAAA;AAAA,QACA,SAAA,EAAWC,oBAAA;AAAA,UACT,aAAa,EAAE,OAAA,EAAS,IAAA,EAAM,MAAA,EAAQ,OAAO,CAAA;AAAA,UAC7C,QAAA,IAAY,UAAA;AAAA,UACZ;AAAA,SACF;AAAA,QACC,GAAG;AAAA;AAAA,KACN;AAAA,EAEJ;AACF;AAEA,IAAA,CAAK,WAAA,GAAc,MAAA;AAMnB,IAAM,aAAmBF,gBAAA,CAAA,UAAA,CAGvB,CAAC,EAAE,SAAA,EAAW,GAAG,OAAM,EAAG,GAAA,oCACzB,IAAA,EAAA,EAAK,GAAA,EAAU,SAAQ,OAAA,EAAQ,IAAA,EAAK,MAAK,SAAA,EAAuB,GAAG,OAAO,CAC5E;AAED,UAAA,CAAW,WAAA,GAAc,YAAA","file":"chunk-2LF7PSSX.cjs","sourcesContent":["import * as React from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\n\nconst textVariants = cva('', {\n  variants: {\n    variant: {\n      default: 'text-foreground',\n      muted: 'text-muted-foreground',\n      primary: 'text-primary-800 dark:text-primary-400',\n      destructive: 'text-destructive',\n      success: 'text-success',\n      warning: 'text-warning',\n    },\n    size: {\n      xs: 'text-xs',\n      sm: 'text-sm',\n      base: 'text-base',\n      lg: 'text-lg',\n      xl: 'text-xl',\n      '2xl': 'text-2xl',\n      '3xl': 'text-3xl',\n    },\n    weight: {\n      normal: 'font-normal',\n      medium: 'font-medium',\n      semibold: 'font-semibold',\n      bold: 'font-bold',\n    },\n    align: {\n      left: 'text-left',\n      center: 'text-center',\n      right: 'text-right',\n    },\n  },\n  defaultVariants: {\n    variant: 'default',\n    size: 'base',\n    weight: 'normal',\n    align: 'left',\n  },\n});\n\ntype TextElement =\n  | 'p'\n  | 'span'\n  | 'div'\n  | 'label'\n  | 'h1'\n  | 'h2'\n  | 'h3'\n  | 'h4'\n  | 'h5'\n  | 'h6';\n\nexport interface TextProps\n  extends React.HTMLAttributes<HTMLElement>, VariantProps<typeof textVariants> {\n  /** HTML element to render as */\n  as?: TextElement;\n  /** Truncate text with ellipsis */\n  truncate?: boolean;\n}\n\n/**\n * A flexible text component for consistent typography.\n *\n * @example\n * ```tsx\n * <Text variant=\"muted\" size=\"sm\">Helper text</Text>\n * <Text as=\"h1\" size=\"3xl\" weight=\"bold\">Page Title</Text>\n * <Text variant=\"destructive\">Error message</Text>\n * ```\n */\nconst Text = React.forwardRef<HTMLElement, TextProps>(\n  (\n    {\n      className,\n      variant,\n      size,\n      weight,\n      align,\n      as: Component = 'p',\n      truncate,\n      ...props\n    },\n    ref\n  ) => {\n    return (\n      <Component\n        // @ts-expect-error - ref type is complex due to polymorphic component\n        ref={ref}\n        className={cn(\n          textVariants({ variant, size, weight, align }),\n          truncate && 'truncate',\n          className\n        )}\n        {...props}\n      />\n    );\n  }\n);\n\nText.displayName = 'Text';\n\n/**\n * Small muted text, useful for helper text and descriptions.\n * This is a convenience component equivalent to <Text variant=\"muted\" size=\"sm\">\n */\nconst SmallMuted = React.forwardRef<\n  HTMLElement,\n  Omit<TextProps, 'variant' | 'size'>\n>(({ className, ...props }, ref) => (\n  <Text ref={ref} variant=\"muted\" size=\"sm\" className={className} {...props} />\n));\n\nSmallMuted.displayName = 'SmallMuted';\n\nexport { Text, SmallMuted, textVariants };\n"]}

package/dist/{chunk-OWPWP46L.js → chunk-2NTYAALC.js}

@@ -30,7 +30,7 @@ var wagglelineBrand = {
       border: "#e5e7eb",
       input: "#e5e7eb",
       ring: "#17AEED",
-      destructive: "#ef4444",
+      destructive: "#dc2626",
       destructiveForeground: "#ffffff",
       success: "#009C4E",
       // Brand green
@@ -88,5 +88,5 @@ var wagglelineBrand = {
 };
 
 export { wagglelineBrand };
-//# sourceMappingURL=chunk-OWPWP46L.js.map
-//# sourceMappingURL=chunk-OWPWP46L.js.map
+//# sourceMappingURL=chunk-2NTYAALC.js.map
+//# sourceMappingURL=chunk-2NTYAALC.js.map

package/dist/{chunk-OWPWP46L.js.map → chunk-2NTYAALC.js.map}

@@ -1 +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-OWPWP46L.js","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"]}
+{"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-2NTYAALC.js","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: '#dc2626',\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-6Q4SU72T.js → chunk-3CJBUAJ4.js}

@@ -8,7 +8,7 @@ var quickActionIconVariants = cva(
   {
     variants: {
       color: {
-        primary: "bg-primary-100 text-primary-600 dark:bg-primary-900/50 dark:text-primary-400",
+        primary: "bg-primary-100 text-primary-800 dark:bg-primary-900/50 dark:text-primary-400",
         green: "bg-emerald-100 text-emerald-600 dark:bg-emerald-900/50 dark:text-emerald-400",
         purple: "bg-violet-100 text-violet-600 dark:bg-violet-900/50 dark:text-violet-400",
         orange: "bg-orange-100 text-orange-600 dark:bg-orange-900/50 dark:text-orange-400",
@@ -63,16 +63,38 @@ var QuickAction = React.forwardRef(
     ...props
   }, ref) => {
     const content = /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx("div", { className: cn(quickActionIconVariants({ color })), children: icon }),
-      /* @__PURE__ */ jsxs("div", { children: [
-        /* @__PURE__ */ jsx("div", { className: "font-medium text-neutral-900 dark:text-white", children: title }),
-        /* @__PURE__ */ jsx("div", { className: "text-xs text-neutral-500 dark:text-neutral-400", children: subtitle })
+      /* @__PURE__ */ jsx(
+        "div",
+        {
+          "data-slot": "quick-action-icon",
+          className: cn(quickActionIconVariants({ color })),
+          children: icon
+        }
+      ),
+      /* @__PURE__ */ jsxs("div", { "data-slot": "quick-action-content", children: [
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            "data-slot": "quick-action-title",
+            className: "font-medium text-neutral-900 dark:text-white",
+            children: title
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            "data-slot": "quick-action-subtitle",
+            className: "text-muted-foreground text-xs",
+            children: subtitle
+          }
+        )
       ] })
     ] });
     if (as === "a" && href) {
       return /* @__PURE__ */ jsx(
         "a",
         {
+          "data-slot": "quick-action",
           href,
           className: cn(quickActionVariants({ disabled }), className),
           "aria-disabled": disabled,
@@ -84,6 +106,7 @@ var QuickAction = React.forwardRef(
     return /* @__PURE__ */ jsx(
       "button",
       {
+        "data-slot": "quick-action",
         ref,
         type: "button",
         disabled: disabled ?? void 0,
@@ -99,6 +122,7 @@ var QuickActionIcons = {
   Calendar: (props) => /* @__PURE__ */ jsx(
     "svg",
     {
+      "aria-hidden": "true",
       className: "h-5 w-5",
       fill: "none",
       stroke: "currentColor",
@@ -119,6 +143,7 @@ var QuickActionIcons = {
   Clipboard: (props) => /* @__PURE__ */ jsx(
     "svg",
     {
+      "aria-hidden": "true",
       className: "h-5 w-5",
       fill: "none",
       stroke: "currentColor",
@@ -139,6 +164,7 @@ var QuickActionIcons = {
   User: (props) => /* @__PURE__ */ jsx(
     "svg",
     {
+      "aria-hidden": "true",
       className: "h-5 w-5",
       fill: "none",
       stroke: "currentColor",
@@ -159,6 +185,7 @@ var QuickActionIcons = {
   Document: (props) => /* @__PURE__ */ jsx(
     "svg",
     {
+      "aria-hidden": "true",
       className: "h-5 w-5",
       fill: "none",
       stroke: "currentColor",
@@ -179,6 +206,7 @@ var QuickActionIcons = {
   Settings: (props) => /* @__PURE__ */ jsxs(
     "svg",
     {
+      "aria-hidden": "true",
       className: "h-5 w-5",
       fill: "none",
       stroke: "currentColor",
@@ -210,6 +238,7 @@ var QuickActionIcons = {
   Help: (props) => /* @__PURE__ */ jsx(
     "svg",
     {
+      "aria-hidden": "true",
       className: "h-5 w-5",
       fill: "none",
       stroke: "currentColor",
@@ -230,6 +259,7 @@ var QuickActionIcons = {
   Search: (props) => /* @__PURE__ */ jsx(
     "svg",
     {
+      "aria-hidden": "true",
       className: "h-5 w-5",
       fill: "none",
       stroke: "currentColor",
@@ -250,6 +280,7 @@ var QuickActionIcons = {
   Bell: (props) => /* @__PURE__ */ jsx(
     "svg",
     {
+      "aria-hidden": "true",
       className: "h-5 w-5",
       fill: "none",
       stroke: "currentColor",
@@ -287,14 +318,30 @@ var QuickActionGroup = React.forwardRef(
       // Large screens
       columns.lg === 2 ? "lg:grid-cols-2" : columns.lg === 3 ? "lg:grid-cols-3" : "lg:grid-cols-4"
     );
-    return /* @__PURE__ */ jsxs("div", { ref, className, ...props, children: [
-      title && /* @__PURE__ */ jsx("h2", { className: "mb-4 text-lg font-semibold text-neutral-900 dark:text-white", children: title }),
-      /* @__PURE__ */ jsx("div", { className: gridCols, children })
-    ] });
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        "data-slot": "quick-action-group",
+        ref,
+        className,
+        ...props,
+        children: [
+          title && /* @__PURE__ */ jsx(
+            "h2",
+            {
+              "data-slot": "quick-action-group-title",
+              className: "mb-4 text-lg font-semibold text-neutral-900 dark:text-white",
+              children: title
+            }
+          ),
+          /* @__PURE__ */ jsx("div", { "data-slot": "quick-action-group-grid", className: gridCols, children })
+        ]
+      }
+    );
   }
 );
 QuickActionGroup.displayName = "QuickActionGroup";
 
 export { QuickAction, QuickActionGroup, QuickActionIcons, quickActionIconVariants, quickActionVariants };
-//# sourceMappingURL=chunk-6Q4SU72T.js.map
-//# sourceMappingURL=chunk-6Q4SU72T.js.map
+//# sourceMappingURL=chunk-3CJBUAJ4.js.map
+//# sourceMappingURL=chunk-3CJBUAJ4.js.map

package/dist/chunk-3CJBUAJ4.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/QuickAction/QuickAction.tsx"],"names":[],"mappings":"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","file":"chunk-3CJBUAJ4.js","sourcesContent":["import * as React from 'react';\nimport { cva } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\n\nconst quickActionIconVariants = cva(\n  ['flex items-center justify-center rounded-xl', 'h-10 w-10'],\n  {\n    variants: {\n      color: {\n        primary:\n          'bg-primary-100 text-primary-800 dark:bg-primary-900/50 dark:text-primary-400',\n        green:\n          'bg-emerald-100 text-emerald-600 dark:bg-emerald-900/50 dark:text-emerald-400',\n        purple:\n          'bg-violet-100 text-violet-600 dark:bg-violet-900/50 dark:text-violet-400',\n        orange:\n          'bg-orange-100 text-orange-600 dark:bg-orange-900/50 dark:text-orange-400',\n        blue: 'bg-sky-100 text-sky-600 dark:bg-sky-900/50 dark:text-sky-400',\n        red: 'bg-rose-100 text-rose-600 dark:bg-rose-900/50 dark:text-rose-400',\n        amber:\n          'bg-amber-100 text-amber-600 dark:bg-amber-900/50 dark:text-amber-400',\n        neutral:\n          'bg-neutral-100 text-neutral-600 dark:bg-neutral-800 dark:text-neutral-400',\n      },\n    },\n    defaultVariants: {\n      color: 'primary',\n    },\n  }\n);\n\nconst quickActionVariants = cva(\n  [\n    'flex items-center gap-3 rounded-xl border p-4 text-left',\n    'transition-colors duration-200',\n    'border-neutral-200 bg-white',\n    'hover:border-primary-300 hover:bg-primary-50',\n    'dark:border-neutral-700 dark:bg-neutral-800',\n    'dark:hover:border-primary-700 dark:hover:bg-primary-900/20',\n    'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500 focus-visible:ring-offset-2',\n    'dark:focus-visible:ring-offset-neutral-900',\n  ],\n  {\n    variants: {\n      disabled: {\n        true: [\n          'opacity-50 cursor-not-allowed',\n          'hover:border-neutral-200 hover:bg-white',\n          'dark:hover:border-neutral-700 dark:hover:bg-neutral-800',\n        ],\n        false: 'cursor-pointer',\n      },\n    },\n    defaultVariants: {\n      disabled: false,\n    },\n  }\n);\n\nexport type QuickActionColor =\n  | 'primary'\n  | 'green'\n  | 'purple'\n  | 'orange'\n  | 'blue'\n  | 'red'\n  | 'amber'\n  | 'neutral';\n\nexport interface QuickActionProps extends Omit<\n  React.ButtonHTMLAttributes<HTMLButtonElement>,\n  'color' | 'disabled'\n> {\n  /** The main title text */\n  title: string;\n  /** The subtitle/description text */\n  subtitle: string;\n  /** Icon to display in the colored background */\n  icon: React.ReactNode;\n  /** Color theme for the icon background */\n  color?: QuickActionColor;\n  /** Render as a different element (e.g., 'a' for links) */\n  as?: 'button' | 'a';\n  /** URL when rendered as a link */\n  href?: string;\n  /** Whether the action is disabled */\n  disabled?: boolean;\n}\n\n/**\n * A quick action card component for dashboard navigation.\n * Displays an icon, title, and subtitle in a compact, clickable card.\n *\n * @example\n * ```tsx\n * <QuickAction\n *   title=\"Schedule Exam\"\n *   subtitle=\"Find providers nearby\"\n *   color=\"primary\"\n *   icon={<CalendarIcon className=\"h-5 w-5\" />}\n *   onClick={() => navigate('/schedule')}\n * />\n * ```\n */\nconst QuickAction = React.forwardRef<HTMLButtonElement, QuickActionProps>(\n  (\n    {\n      className,\n      title,\n      subtitle,\n      icon,\n      color = 'primary',\n      disabled,\n      as = 'button',\n      href,\n      ...props\n    },\n    ref\n  ) => {\n    const content = (\n      <>\n        <div\n          data-slot=\"quick-action-icon\"\n          className={cn(quickActionIconVariants({ color }))}\n        >\n          {icon}\n        </div>\n        <div data-slot=\"quick-action-content\">\n          <div\n            data-slot=\"quick-action-title\"\n            className=\"font-medium text-neutral-900 dark:text-white\"\n          >\n            {title}\n          </div>\n          <div\n            data-slot=\"quick-action-subtitle\"\n            className=\"text-muted-foreground text-xs\"\n          >\n            {subtitle}\n          </div>\n        </div>\n      </>\n    );\n\n    if (as === 'a' && href) {\n      return (\n        <a\n          data-slot=\"quick-action\"\n          href={href}\n          className={cn(quickActionVariants({ disabled }), className)}\n          aria-disabled={disabled}\n          {...(props as React.AnchorHTMLAttributes<globalThis.HTMLAnchorElement>)}\n        >\n          {content}\n        </a>\n      );\n    }\n\n    return (\n      <button\n        data-slot=\"quick-action\"\n        ref={ref}\n        type=\"button\"\n        disabled={disabled ?? undefined}\n        className={cn(quickActionVariants({ disabled }), className)}\n        {...props}\n      >\n        {content}\n      </button>\n    );\n  }\n);\n\nQuickAction.displayName = 'QuickAction';\n\n// Predefined icons for common quick actions\nexport const QuickActionIcons = {\n  Calendar: (props: React.SVGProps<globalThis.SVGSVGElement>) => (\n    <svg\n      aria-hidden=\"true\"\n      className=\"h-5 w-5\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      viewBox=\"0 0 24 24\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      {...props}\n    >\n      <path\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        strokeWidth={2}\n        d=\"M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z\"\n      />\n    </svg>\n  ),\n  Clipboard: (props: React.SVGProps<globalThis.SVGSVGElement>) => (\n    <svg\n      aria-hidden=\"true\"\n      className=\"h-5 w-5\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      viewBox=\"0 0 24 24\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      {...props}\n    >\n      <path\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        strokeWidth={2}\n        d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2\"\n      />\n    </svg>\n  ),\n  User: (props: React.SVGProps<globalThis.SVGSVGElement>) => (\n    <svg\n      aria-hidden=\"true\"\n      className=\"h-5 w-5\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      viewBox=\"0 0 24 24\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      {...props}\n    >\n      <path\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        strokeWidth={2}\n        d=\"M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z\"\n      />\n    </svg>\n  ),\n  Document: (props: React.SVGProps<globalThis.SVGSVGElement>) => (\n    <svg\n      aria-hidden=\"true\"\n      className=\"h-5 w-5\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      viewBox=\"0 0 24 24\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      {...props}\n    >\n      <path\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        strokeWidth={2}\n        d=\"M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z\"\n      />\n    </svg>\n  ),\n  Settings: (props: React.SVGProps<globalThis.SVGSVGElement>) => (\n    <svg\n      aria-hidden=\"true\"\n      className=\"h-5 w-5\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      viewBox=\"0 0 24 24\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      {...props}\n    >\n      <path\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        strokeWidth={2}\n        d=\"M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 002.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 001.065 2.572c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 00-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 00-2.572 1.065c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 00-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 00-1.065-2.572c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 001.066-2.573c-.94-1.543.826-3.31 2.37-2.37.996.608 2.296.07 2.572-1.065z\"\n      />\n      <path\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        strokeWidth={2}\n        d=\"M15 12a3 3 0 11-6 0 3 3 0 016 0z\"\n      />\n    </svg>\n  ),\n  Help: (props: React.SVGProps<globalThis.SVGSVGElement>) => (\n    <svg\n      aria-hidden=\"true\"\n      className=\"h-5 w-5\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      viewBox=\"0 0 24 24\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      {...props}\n    >\n      <path\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        strokeWidth={2}\n        d=\"M8.228 9c.549-1.165 2.03-2 3.772-2 2.21 0 4 1.343 4 3 0 1.4-1.278 2.575-3.006 2.907-.542.104-.994.54-.994 1.093m0 3h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z\"\n      />\n    </svg>\n  ),\n  Search: (props: React.SVGProps<globalThis.SVGSVGElement>) => (\n    <svg\n      aria-hidden=\"true\"\n      className=\"h-5 w-5\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      viewBox=\"0 0 24 24\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      {...props}\n    >\n      <path\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        strokeWidth={2}\n        d=\"M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z\"\n      />\n    </svg>\n  ),\n  Bell: (props: React.SVGProps<globalThis.SVGSVGElement>) => (\n    <svg\n      aria-hidden=\"true\"\n      className=\"h-5 w-5\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      viewBox=\"0 0 24 24\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      {...props}\n    >\n      <path\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        strokeWidth={2}\n        d=\"M15 17h5l-1.405-1.405A2.032 2.032 0 0118 14.158V11a6.002 6.002 0 00-4-5.659V5a2 2 0 10-4 0v.341C7.67 6.165 6 8.388 6 11v3.159c0 .538-.214 1.055-.595 1.436L4 17h5m6 0v1a3 3 0 11-6 0v-1m6 0H9\"\n      />\n    </svg>\n  ),\n};\n\n/**\n * A group/container component for displaying multiple QuickAction cards in a grid.\n *\n * @example\n * ```tsx\n * <QuickActionGroup title=\"Quick Actions\">\n *   <QuickAction title=\"Action 1\" ... />\n *   <QuickAction title=\"Action 2\" ... />\n * </QuickActionGroup>\n * ```\n */\nexport interface QuickActionGroupProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Optional title to display above the quick actions */\n  title?: string;\n  /** Number of columns on different screen sizes */\n  columns?: {\n    base?: 1 | 2;\n    sm?: 1 | 2;\n    md?: 2 | 3 | 4;\n    lg?: 2 | 3 | 4;\n  };\n}\n\nconst QuickActionGroup = React.forwardRef<\n  HTMLDivElement,\n  QuickActionGroupProps\n>(\n  (\n    {\n      className,\n      title,\n      columns = { base: 1, sm: 2, md: 2, lg: 4 },\n      children,\n      ...props\n    },\n    ref\n  ) => {\n    const gridCols = cn(\n      'grid gap-4',\n      // Base (mobile)\n      columns.base === 1 ? 'grid-cols-1' : 'grid-cols-2',\n      // Small screens\n      columns.sm === 1 ? 'sm:grid-cols-1' : 'sm:grid-cols-2',\n      // Medium screens\n      columns.md === 2\n        ? 'md:grid-cols-2'\n        : columns.md === 3\n          ? 'md:grid-cols-3'\n          : columns.md === 4\n            ? 'md:grid-cols-4'\n            : '',\n      // Large screens\n      columns.lg === 2\n        ? 'lg:grid-cols-2'\n        : columns.lg === 3\n          ? 'lg:grid-cols-3'\n          : 'lg:grid-cols-4'\n    );\n\n    return (\n      <div\n        data-slot=\"quick-action-group\"\n        ref={ref}\n        className={className}\n        {...props}\n      >\n        {title && (\n          <h2\n            data-slot=\"quick-action-group-title\"\n            className=\"mb-4 text-lg font-semibold text-neutral-900 dark:text-white\"\n          >\n            {title}\n          </h2>\n        )}\n        <div data-slot=\"quick-action-group-grid\" className={gridCols}>\n          {children}\n        </div>\n      </div>\n    );\n  }\n);\n\nQuickActionGroup.displayName = 'QuickActionGroup';\n\nexport {\n  QuickAction,\n  QuickActionGroup,\n  quickActionVariants,\n  quickActionIconVariants,\n};\n"]}