@nuee/ui 0.3.2 → 0.4.1

package/dist/banner.js

@@ -97,16 +97,14 @@ var styles = {
   }
 };
 function Banner(t0) {
-  const $ = _c(48);
+  const $ = _c(39);
   let action;
   let announce;
   let children;
-  let className;
   let description;
   let icon;
   let props2;
   let role;
-  let style;
   let t1;
   let t2;
   let title;
@@ -116,12 +114,10 @@ function Banner(t0) {
       action,
       announce,
       children,
-      className,
       description,
       icon,
       role,
       size: t1,
-      style,
       title,
       variant: t2,
       xstyle,
@@ -131,30 +127,26 @@ function Banner(t0) {
     $[1] = action;
     $[2] = announce;
     $[3] = children;
-    $[4] = className;
-    $[5] = description;
-    $[6] = icon;
-    $[7] = props2;
-    $[8] = role;
-    $[9] = style;
-    $[10] = t1;
-    $[11] = t2;
-    $[12] = title;
-    $[13] = xstyle;
+    $[4] = description;
+    $[5] = icon;
+    $[6] = props2;
+    $[7] = role;
+    $[8] = t1;
+    $[9] = t2;
+    $[10] = title;
+    $[11] = xstyle;
   } else {
     action = $[1];
     announce = $[2];
     children = $[3];
-    className = $[4];
-    description = $[5];
-    icon = $[6];
-    props2 = $[7];
-    role = $[8];
-    style = $[9];
-    t1 = $[10];
-    t2 = $[11];
-    title = $[12];
-    xstyle = $[13];
+    description = $[4];
+    icon = $[5];
+    props2 = $[6];
+    role = $[7];
+    t1 = $[8];
+    t2 = $[9];
+    title = $[10];
+    xstyle = $[11];
   }
   const size = t1 === void 0 ? "md" : t1;
   const variant = t2 === void 0 ? "info" : t2;
@@ -167,44 +159,22 @@ function Banner(t0) {
     }
   }
   let t3;
-  if ($[14] !== action || $[15] !== icon || $[16] !== size || $[17] !== variant || $[18] !== xstyle) {
+  if ($[12] !== action || $[13] !== icon || $[14] !== size || $[15] !== variant || $[16] !== xstyle) {
     t3 = stylex.props(styles.root, styles[size], styles[variant], Boolean(icon) && styles.withIcon, Boolean(action) && styles.withAction, Boolean(icon) && Boolean(action) && styles.withIconAndAction, xstyle);
-    $[14] = action;
-    $[15] = icon;
-    $[16] = size;
-    $[17] = variant;
-    $[18] = xstyle;
-    $[19] = t3;
+    $[12] = action;
+    $[13] = icon;
+    $[14] = size;
+    $[15] = variant;
+    $[16] = xstyle;
+    $[17] = t3;
   } else {
-    t3 = $[19];
+    t3 = $[17];
   }
   const stylexProps = t3;
   const t4 = role ?? liveRole;
   let t5;
-  if ($[20] !== className || $[21] !== stylexProps.className) {
-    t5 = [stylexProps.className, className].filter(Boolean);
-    $[20] = className;
-    $[21] = stylexProps.className;
-    $[22] = t5;
-  } else {
-    t5 = $[22];
-  }
-  const t6 = t5.join(" ");
-  let t7;
-  if ($[23] !== style || $[24] !== stylexProps.style) {
-    t7 = {
-      ...stylexProps.style,
-      ...style
-    };
-    $[23] = style;
-    $[24] = stylexProps.style;
-    $[25] = t7;
-  } else {
-    t7 = $[25];
-  }
-  let t8;
-  if ($[26] !== icon || $[27] !== size) {
-    t8 = icon ? /* @__PURE__ */ jsx("span", { ...{
+  if ($[18] !== icon || $[19] !== size) {
+    t5 = icon ? /* @__PURE__ */ jsx("span", { ...{
       0: {
         className: "x6s0dn4 x1y8v6su x3nfvp2 xswfmaf xl56j7k xmkpuva"
       },
@@ -212,212 +182,149 @@ function Banner(t0) {
         className: "x6s0dn4 x3nfvp2 xswfmaf xl56j7k xmkpuva xamitd3"
       }
     }[!!(size === "sm") << 0], children: icon }) : null;
-    $[26] = icon;
-    $[27] = size;
-    $[28] = t8;
+    $[18] = icon;
+    $[19] = size;
+    $[20] = t5;
   } else {
-    t8 = $[28];
+    t5 = $[20];
   }
-  let t9;
-  if ($[29] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t9 = {
+  let t6;
+  if ($[21] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t6 = {
       className: "xrvj5dj x1kr9b5u xeuugli"
     };
-    $[29] = t9;
+    $[21] = t6;
   } else {
-    t9 = $[29];
+    t6 = $[21];
   }
-  let t10;
-  if ($[30] !== title) {
-    t10 = title ? /* @__PURE__ */ jsx(BannerTitle, { children: title }) : null;
-    $[30] = title;
-    $[31] = t10;
+  let t7;
+  if ($[22] !== title) {
+    t7 = title ? /* @__PURE__ */ jsx(BannerTitle, { children: title }) : null;
+    $[22] = title;
+    $[23] = t7;
   } else {
-    t10 = $[31];
+    t7 = $[23];
   }
-  let t11;
-  if ($[32] !== description) {
-    t11 = description ? /* @__PURE__ */ jsx(BannerDescription, { children: description }) : null;
-    $[32] = description;
-    $[33] = t11;
+  let t8;
+  if ($[24] !== description) {
+    t8 = description ? /* @__PURE__ */ jsx(BannerDescription, { children: description }) : null;
+    $[24] = description;
+    $[25] = t8;
   } else {
-    t11 = $[33];
+    t8 = $[25];
   }
-  let t12;
-  if ($[34] !== children || $[35] !== t10 || $[36] !== t11) {
-    t12 = /* @__PURE__ */ jsxs("div", { ...t9, children: [
-      t10,
-      t11,
+  let t9;
+  if ($[26] !== children || $[27] !== t7 || $[28] !== t8) {
+    t9 = /* @__PURE__ */ jsxs("div", { ...t6, children: [
+      t7,
+      t8,
       children
     ] });
-    $[34] = children;
-    $[35] = t10;
-    $[36] = t11;
-    $[37] = t12;
+    $[26] = children;
+    $[27] = t7;
+    $[28] = t8;
+    $[29] = t9;
   } else {
-    t12 = $[37];
+    t9 = $[29];
   }
-  let t13;
-  if ($[38] !== action) {
-    t13 = action ? /* @__PURE__ */ jsx("div", { className: "x6s0dn4 x78zum5 x1uj7ll3", children: action }) : null;
-    $[38] = action;
-    $[39] = t13;
+  let t10;
+  if ($[30] !== action) {
+    t10 = action ? /* @__PURE__ */ jsx("div", { className: "x6s0dn4 x78zum5 x1uj7ll3", children: action }) : null;
+    $[30] = action;
+    $[31] = t10;
   } else {
-    t13 = $[39];
+    t10 = $[31];
   }
-  let t14;
-  if ($[40] !== props2 || $[41] !== t12 || $[42] !== t13 || $[43] !== t4 || $[44] !== t6 || $[45] !== t7 || $[46] !== t8) {
-    t14 = /* @__PURE__ */ jsxs("div", { ...props2, role: t4, className: t6, style: t7, children: [
-      t8,
-      t12,
-      t13
+  let t11;
+  if ($[32] !== props2 || $[33] !== stylexProps || $[34] !== t10 || $[35] !== t4 || $[36] !== t5 || $[37] !== t9) {
+    t11 = /* @__PURE__ */ jsxs("div", { ...props2, role: t4, ...stylexProps, children: [
+      t5,
+      t9,
+      t10
     ] });
-    $[40] = props2;
-    $[41] = t12;
-    $[42] = t13;
-    $[43] = t4;
-    $[44] = t6;
-    $[45] = t7;
-    $[46] = t8;
-    $[47] = t14;
+    $[32] = props2;
+    $[33] = stylexProps;
+    $[34] = t10;
+    $[35] = t4;
+    $[36] = t5;
+    $[37] = t9;
+    $[38] = t11;
   } else {
-    t14 = $[47];
+    t11 = $[38];
   }
-  return t14;
+  return t11;
 }
 function BannerTitle(t0) {
-  const $ = _c(17);
-  let className;
+  const $ = _c(8);
   let props2;
-  let style;
   let xstyle;
   if ($[0] !== t0) {
     ({
-      className,
-      style,
       xstyle,
       ...props2
     } = t0);
     $[0] = t0;
-    $[1] = className;
-    $[2] = props2;
-    $[3] = style;
-    $[4] = xstyle;
+    $[1] = props2;
+    $[2] = xstyle;
   } else {
-    className = $[1];
-    props2 = $[2];
-    style = $[3];
-    xstyle = $[4];
+    props2 = $[1];
+    xstyle = $[2];
   }
   let t1;
-  if ($[5] !== xstyle) {
+  if ($[3] !== xstyle) {
     t1 = stylex.props(styles.title, xstyle);
-    $[5] = xstyle;
-    $[6] = t1;
+    $[3] = xstyle;
+    $[4] = t1;
   } else {
-    t1 = $[6];
+    t1 = $[4];
   }
   const stylexProps = t1;
   let t2;
-  if ($[7] !== className || $[8] !== stylexProps.className) {
-    t2 = [stylexProps.className, className].filter(Boolean);
-    $[7] = className;
-    $[8] = stylexProps.className;
-    $[9] = t2;
-  } else {
-    t2 = $[9];
-  }
-  const t3 = t2.join(" ");
-  let t4;
-  if ($[10] !== style || $[11] !== stylexProps.style) {
-    t4 = {
-      ...stylexProps.style,
-      ...style
-    };
-    $[10] = style;
-    $[11] = stylexProps.style;
-    $[12] = t4;
+  if ($[5] !== props2 || $[6] !== stylexProps) {
+    t2 = /* @__PURE__ */ jsx("div", { ...props2, ...stylexProps });
+    $[5] = props2;
+    $[6] = stylexProps;
+    $[7] = t2;
   } else {
-    t4 = $[12];
+    t2 = $[7];
   }
-  let t5;
-  if ($[13] !== props2 || $[14] !== t3 || $[15] !== t4) {
-    t5 = /* @__PURE__ */ jsx("div", { ...props2, className: t3, style: t4 });
-    $[13] = props2;
-    $[14] = t3;
-    $[15] = t4;
-    $[16] = t5;
-  } else {
-    t5 = $[16];
-  }
-  return t5;
+  return t2;
 }
 function BannerDescription(t0) {
-  const $ = _c(17);
-  let className;
+  const $ = _c(8);
   let props2;
-  let style;
   let xstyle;
   if ($[0] !== t0) {
     ({
-      className,
-      style,
       xstyle,
       ...props2
     } = t0);
     $[0] = t0;
-    $[1] = className;
-    $[2] = props2;
-    $[3] = style;
-    $[4] = xstyle;
+    $[1] = props2;
+    $[2] = xstyle;
   } else {
-    className = $[1];
-    props2 = $[2];
-    style = $[3];
-    xstyle = $[4];
+    props2 = $[1];
+    xstyle = $[2];
   }
   let t1;
-  if ($[5] !== xstyle) {
+  if ($[3] !== xstyle) {
     t1 = stylex.props(styles.description, xstyle);
-    $[5] = xstyle;
-    $[6] = t1;
+    $[3] = xstyle;
+    $[4] = t1;
   } else {
-    t1 = $[6];
+    t1 = $[4];
   }
   const stylexProps = t1;
   let t2;
-  if ($[7] !== className || $[8] !== stylexProps.className) {
-    t2 = [stylexProps.className, className].filter(Boolean);
-    $[7] = className;
-    $[8] = stylexProps.className;
-    $[9] = t2;
-  } else {
-    t2 = $[9];
-  }
-  const t3 = t2.join(" ");
-  let t4;
-  if ($[10] !== style || $[11] !== stylexProps.style) {
-    t4 = {
-      ...stylexProps.style,
-      ...style
-    };
-    $[10] = style;
-    $[11] = stylexProps.style;
-    $[12] = t4;
-  } else {
-    t4 = $[12];
-  }
-  let t5;
-  if ($[13] !== props2 || $[14] !== t3 || $[15] !== t4) {
-    t5 = /* @__PURE__ */ jsx("div", { ...props2, className: t3, style: t4 });
-    $[13] = props2;
-    $[14] = t3;
-    $[15] = t4;
-    $[16] = t5;
+  if ($[5] !== props2 || $[6] !== stylexProps) {
+    t2 = /* @__PURE__ */ jsx("div", { ...props2, ...stylexProps });
+    $[5] = props2;
+    $[6] = stylexProps;
+    $[7] = t2;
   } else {
-    t5 = $[16];
+    t2 = $[7];
   }
-  return t5;
+  return t2;
 }
 export {
   Banner,

package/dist/banner.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../src/banner.tsx"],
-  "sourcesContent": ["import { c as _c } from \"react/compiler-runtime\";\nimport * as stylex from \"@stylexjs/stylex\";\nimport type { ComponentProps, ReactNode } from \"react\";\nimport { colorVars, radiusVars, sizeVars, spacingVars, typographyVars } from \"@nuee/tokens/semantic.stylex\";\nconst styles = {\n  root: {\n    kGNEyG: \"x7a106z\",\n    kaIpWk: \"x7c24we\",\n    kMwMTN: \"x1alews2\",\n    k1xSpc: \"xrvj5dj\",\n    kzqmXN: \"xh8yej3\",\n    $$css: true\n  },\n  md: {\n    k1C7PZ: \"x6bhqzj\",\n    k8WAf4: \"x172mi11\",\n    kg3NbH: \"x19pklni\",\n    $$css: true\n  },\n  sm: {\n    kGNEyG: \"x6s0dn4\",\n    kaIpWk: \"x7c24we\",\n    k1C7PZ: \"x9ycefr\",\n    k8WAf4: \"x1f8o7w9\",\n    kg3NbH: \"xdaxh69\",\n    $$css: true\n  },\n  withIcon: {\n    kumcoG: \"x1ppjl7b\",\n    $$css: true\n  },\n  withAction: {\n    kumcoG: \"xju1xpo\",\n    $$css: true\n  },\n  withIconAndAction: {\n    kumcoG: \"x1b8u7ep\",\n    $$css: true\n  },\n  icon: {\n    kGNEyG: \"x6s0dn4\",\n    kSGwAc: \"x1y8v6su\",\n    k1xSpc: \"x3nfvp2\",\n    kZKoxP: \"xswfmaf\",\n    kjj79g: \"xl56j7k\",\n    kzqmXN: \"xmkpuva\",\n    $$css: true\n  },\n  iconAlignedCenter: {\n    kSGwAc: \"xamitd3\",\n    $$css: true\n  },\n  content: {\n    k1xSpc: \"xrvj5dj\",\n    kOIVth: \"x1kr9b5u\",\n    k7Eaqz: \"xeuugli\",\n    $$css: true\n  },\n  action: {\n    kGNEyG: \"x6s0dn4\",\n    k1xSpc: \"x78zum5\",\n    kOIVth: \"x1uj7ll3\",\n    $$css: true\n  },\n  info: {\n    kWkggS: \"x1f8krgc\",\n    kMwMTN: \"x4u89p0\",\n    $$css: true\n  },\n  warning: {\n    kWkggS: \"x7k1dhl\",\n    kMwMTN: \"x1vhcv9p\",\n    $$css: true\n  },\n  error: {\n    kWkggS: \"x16jirg3\",\n    kMwMTN: \"xm777y0\",\n    $$css: true\n  },\n  neutral: {\n    kWkggS: \"x13hkpcx\",\n    kMwMTN: \"x1ry1pnm\",\n    $$css: true\n  },\n  title: {\n    kGuDYH: \"x99mhxu\",\n    k63SB2: \"xq1ytqg\",\n    kLWn49: \"x1hfsx4t\",\n    $$css: true\n  },\n  description: {\n    kMwMTN: \"x15rks2t\",\n    kGuDYH: \"x99mhxu\",\n    kLWn49: \"xi1fz51\",\n    kSiTet: \"x19s9pn4\",\n    $$css: true\n  }\n};\nexport type BannerVariant = \"error\" | \"info\" | \"neutral\" | \"warning\";\nexport type BannerSize = \"md\" | \"sm\";\nexport type BannerAnnounce = \"assertive\" | \"polite\";\ntype StyleProps = {\n  xstyle?: stylex.StyleXStyles;\n};\nexport type BannerProps = ComponentProps<\"div\"> & StyleProps & {\n  action?: ReactNode;\n  /** Announces a Banner that is added or updated after the initial page render. */\n  announce?: BannerAnnounce;\n  description?: ReactNode;\n  icon?: ReactNode;\n  size?: BannerSize;\n  title?: ReactNode;\n  variant?: BannerVariant;\n};\nexport function Banner(t0) {\n  const $ = _c(48);\n  let action;\n  let announce;\n  let children;\n  let className;\n  let description;\n  let icon;\n  let props;\n  let role;\n  let style;\n  let t1;\n  let t2;\n  let title;\n  let xstyle;\n  if ($[0] !== t0) {\n    ({\n      action,\n      announce,\n      children,\n      className,\n      description,\n      icon,\n      role,\n      size: t1,\n      style,\n      title,\n      variant: t2,\n      xstyle,\n      ...props\n    } = t0);\n    $[0] = t0;\n    $[1] = action;\n    $[2] = announce;\n    $[3] = children;\n    $[4] = className;\n    $[5] = description;\n    $[6] = icon;\n    $[7] = props;\n    $[8] = role;\n    $[9] = style;\n    $[10] = t1;\n    $[11] = t2;\n    $[12] = title;\n    $[13] = xstyle;\n  } else {\n    action = $[1];\n    announce = $[2];\n    children = $[3];\n    className = $[4];\n    description = $[5];\n    icon = $[6];\n    props = $[7];\n    role = $[8];\n    style = $[9];\n    t1 = $[10];\n    t2 = $[11];\n    title = $[12];\n    xstyle = $[13];\n  }\n  const size = t1 === undefined ? \"md\" : t1;\n  const variant = t2 === undefined ? \"info\" : t2;\n  let liveRole;\n  if (announce === \"assertive\") {\n    liveRole = \"alert\";\n  } else {\n    if (announce === \"polite\") {\n      liveRole = \"status\";\n    }\n  }\n  let t3;\n  if ($[14] !== action || $[15] !== icon || $[16] !== size || $[17] !== variant || $[18] !== xstyle) {\n    t3 = stylex.props(styles.root, styles[size], styles[variant], Boolean(icon) && styles.withIcon, Boolean(action) && styles.withAction, Boolean(icon) && Boolean(action) && styles.withIconAndAction, xstyle);\n    $[14] = action;\n    $[15] = icon;\n    $[16] = size;\n    $[17] = variant;\n    $[18] = xstyle;\n    $[19] = t3;\n  } else {\n    t3 = $[19];\n  }\n  const stylexProps = t3;\n  const t4 = role ?? liveRole;\n  let t5;\n  if ($[20] !== className || $[21] !== stylexProps.className) {\n    t5 = [stylexProps.className, className].filter(Boolean);\n    $[20] = className;\n    $[21] = stylexProps.className;\n    $[22] = t5;\n  } else {\n    t5 = $[22];\n  }\n  const t6 = t5.join(\" \");\n  let t7;\n  if ($[23] !== style || $[24] !== stylexProps.style) {\n    t7 = {\n      ...stylexProps.style,\n      ...style\n    };\n    $[23] = style;\n    $[24] = stylexProps.style;\n    $[25] = t7;\n  } else {\n    t7 = $[25];\n  }\n  let t8;\n  if ($[26] !== icon || $[27] !== size) {\n    t8 = icon ? <span {...{\n      0: {\n        className: \"x6s0dn4 x1y8v6su x3nfvp2 xswfmaf xl56j7k xmkpuva\"\n      },\n      1: {\n        className: \"x6s0dn4 x3nfvp2 xswfmaf xl56j7k xmkpuva xamitd3\"\n      }\n    }[!!(size === \"sm\") << 0]}>{icon}</span> : null;\n    $[26] = icon;\n    $[27] = size;\n    $[28] = t8;\n  } else {\n    t8 = $[28];\n  }\n  let t9;\n  if ($[29] === Symbol.for(\"react.memo_cache_sentinel\")) {\n    t9 = {\n      className: \"xrvj5dj x1kr9b5u xeuugli\"\n    };\n    $[29] = t9;\n  } else {\n    t9 = $[29];\n  }\n  let t10;\n  if ($[30] !== title) {\n    t10 = title ? <BannerTitle>{title}</BannerTitle> : null;\n    $[30] = title;\n    $[31] = t10;\n  } else {\n    t10 = $[31];\n  }\n  let t11;\n  if ($[32] !== description) {\n    t11 = description ? <BannerDescription>{description}</BannerDescription> : null;\n    $[32] = description;\n    $[33] = t11;\n  } else {\n    t11 = $[33];\n  }\n  let t12;\n  if ($[34] !== children || $[35] !== t10 || $[36] !== t11) {\n    t12 = <div {...t9}>{t10}{t11}{children}</div>;\n    $[34] = children;\n    $[35] = t10;\n    $[36] = t11;\n    $[37] = t12;\n  } else {\n    t12 = $[37];\n  }\n  let t13;\n  if ($[38] !== action) {\n    t13 = action ? <div className=\"x6s0dn4 x78zum5 x1uj7ll3\">{action}</div> : null;\n    $[38] = action;\n    $[39] = t13;\n  } else {\n    t13 = $[39];\n  }\n  let t14;\n  if ($[40] !== props || $[41] !== t12 || $[42] !== t13 || $[43] !== t4 || $[44] !== t6 || $[45] !== t7 || $[46] !== t8) {\n    t14 = <div {...props} role={t4} className={t6} style={t7}>{t8}{t12}{t13}</div>;\n    $[40] = props;\n    $[41] = t12;\n    $[42] = t13;\n    $[43] = t4;\n    $[44] = t6;\n    $[45] = t7;\n    $[46] = t8;\n    $[47] = t14;\n  } else {\n    t14 = $[47];\n  }\n  return t14;\n}\nexport function BannerTitle(t0) {\n  const $ = _c(17);\n  let className;\n  let props;\n  let style;\n  let xstyle;\n  if ($[0] !== t0) {\n    ({\n      className,\n      style,\n      xstyle,\n      ...props\n    } = t0);\n    $[0] = t0;\n    $[1] = className;\n    $[2] = props;\n    $[3] = style;\n    $[4] = xstyle;\n  } else {\n    className = $[1];\n    props = $[2];\n    style = $[3];\n    xstyle = $[4];\n  }\n  let t1;\n  if ($[5] !== xstyle) {\n    t1 = stylex.props(styles.title, xstyle);\n    $[5] = xstyle;\n    $[6] = t1;\n  } else {\n    t1 = $[6];\n  }\n  const stylexProps = t1;\n  let t2;\n  if ($[7] !== className || $[8] !== stylexProps.className) {\n    t2 = [stylexProps.className, className].filter(Boolean);\n    $[7] = className;\n    $[8] = stylexProps.className;\n    $[9] = t2;\n  } else {\n    t2 = $[9];\n  }\n  const t3 = t2.join(\" \");\n  let t4;\n  if ($[10] !== style || $[11] !== stylexProps.style) {\n    t4 = {\n      ...stylexProps.style,\n      ...style\n    };\n    $[10] = style;\n    $[11] = stylexProps.style;\n    $[12] = t4;\n  } else {\n    t4 = $[12];\n  }\n  let t5;\n  if ($[13] !== props || $[14] !== t3 || $[15] !== t4) {\n    t5 = <div {...props} className={t3} style={t4} />;\n    $[13] = props;\n    $[14] = t3;\n    $[15] = t4;\n    $[16] = t5;\n  } else {\n    t5 = $[16];\n  }\n  return t5;\n}\nexport function BannerDescription(t0) {\n  const $ = _c(17);\n  let className;\n  let props;\n  let style;\n  let xstyle;\n  if ($[0] !== t0) {\n    ({\n      className,\n      style,\n      xstyle,\n      ...props\n    } = t0);\n    $[0] = t0;\n    $[1] = className;\n    $[2] = props;\n    $[3] = style;\n    $[4] = xstyle;\n  } else {\n    className = $[1];\n    props = $[2];\n    style = $[3];\n    xstyle = $[4];\n  }\n  let t1;\n  if ($[5] !== xstyle) {\n    t1 = stylex.props(styles.description, xstyle);\n    $[5] = xstyle;\n    $[6] = t1;\n  } else {\n    t1 = $[6];\n  }\n  const stylexProps = t1;\n  let t2;\n  if ($[7] !== className || $[8] !== stylexProps.className) {\n    t2 = [stylexProps.className, className].filter(Boolean);\n    $[7] = className;\n    $[8] = stylexProps.className;\n    $[9] = t2;\n  } else {\n    t2 = $[9];\n  }\n  const t3 = t2.join(\" \");\n  let t4;\n  if ($[10] !== style || $[11] !== stylexProps.style) {\n    t4 = {\n      ...stylexProps.style,\n      ...style\n    };\n    $[10] = style;\n    $[11] = stylexProps.style;\n    $[12] = t4;\n  } else {\n    t4 = $[12];\n  }\n  let t5;\n  if ($[13] !== props || $[14] !== t3 || $[15] !== t4) {\n    t5 = <div {...props} className={t3} style={t4} />;\n    $[13] = props;\n    $[14] = t3;\n    $[15] = t4;\n    $[16] = t5;\n  } else {\n    t5 = $[16];\n  }\n  return t5;\n}"],
-  "mappings": "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",
+  "sourcesContent": ["import { c as _c } from \"react/compiler-runtime\";\nimport * as stylex from \"@stylexjs/stylex\";\nimport type { ComponentProps, ReactNode } from \"react\";\nimport { colorVars, radiusVars, sizeVars, spacingVars, typographyVars } from \"@nuee/tokens/semantic.stylex\";\nconst styles = {\n  root: {\n    kGNEyG: \"x7a106z\",\n    kaIpWk: \"x7c24we\",\n    kMwMTN: \"x1alews2\",\n    k1xSpc: \"xrvj5dj\",\n    kzqmXN: \"xh8yej3\",\n    $$css: true\n  },\n  md: {\n    k1C7PZ: \"x6bhqzj\",\n    k8WAf4: \"x172mi11\",\n    kg3NbH: \"x19pklni\",\n    $$css: true\n  },\n  sm: {\n    kGNEyG: \"x6s0dn4\",\n    kaIpWk: \"x7c24we\",\n    k1C7PZ: \"x9ycefr\",\n    k8WAf4: \"x1f8o7w9\",\n    kg3NbH: \"xdaxh69\",\n    $$css: true\n  },\n  withIcon: {\n    kumcoG: \"x1ppjl7b\",\n    $$css: true\n  },\n  withAction: {\n    kumcoG: \"xju1xpo\",\n    $$css: true\n  },\n  withIconAndAction: {\n    kumcoG: \"x1b8u7ep\",\n    $$css: true\n  },\n  icon: {\n    kGNEyG: \"x6s0dn4\",\n    kSGwAc: \"x1y8v6su\",\n    k1xSpc: \"x3nfvp2\",\n    kZKoxP: \"xswfmaf\",\n    kjj79g: \"xl56j7k\",\n    kzqmXN: \"xmkpuva\",\n    $$css: true\n  },\n  iconAlignedCenter: {\n    kSGwAc: \"xamitd3\",\n    $$css: true\n  },\n  content: {\n    k1xSpc: \"xrvj5dj\",\n    kOIVth: \"x1kr9b5u\",\n    k7Eaqz: \"xeuugli\",\n    $$css: true\n  },\n  action: {\n    kGNEyG: \"x6s0dn4\",\n    k1xSpc: \"x78zum5\",\n    kOIVth: \"x1uj7ll3\",\n    $$css: true\n  },\n  info: {\n    kWkggS: \"x1f8krgc\",\n    kMwMTN: \"x4u89p0\",\n    $$css: true\n  },\n  warning: {\n    kWkggS: \"x7k1dhl\",\n    kMwMTN: \"x1vhcv9p\",\n    $$css: true\n  },\n  error: {\n    kWkggS: \"x16jirg3\",\n    kMwMTN: \"xm777y0\",\n    $$css: true\n  },\n  neutral: {\n    kWkggS: \"x13hkpcx\",\n    kMwMTN: \"x1ry1pnm\",\n    $$css: true\n  },\n  title: {\n    kGuDYH: \"x99mhxu\",\n    k63SB2: \"xq1ytqg\",\n    kLWn49: \"x1hfsx4t\",\n    $$css: true\n  },\n  description: {\n    kMwMTN: \"x15rks2t\",\n    kGuDYH: \"x99mhxu\",\n    kLWn49: \"xi1fz51\",\n    kSiTet: \"x19s9pn4\",\n    $$css: true\n  }\n};\nexport type BannerVariant = \"error\" | \"info\" | \"neutral\" | \"warning\";\nexport type BannerSize = \"md\" | \"sm\";\nexport type BannerAnnounce = \"assertive\" | \"polite\";\ntype StyleProps = {\n  xstyle?: stylex.StyleXStyles;\n};\nexport type BannerProps = ComponentProps<\"div\"> & StyleProps & {\n  action?: ReactNode;\n  /** Announces a Banner that is added or updated after the initial page render. */\n  announce?: BannerAnnounce;\n  description?: ReactNode;\n  icon?: ReactNode;\n  size?: BannerSize;\n  title?: ReactNode;\n  variant?: BannerVariant;\n};\nexport function Banner(t0) {\n  const $ = _c(39);\n  let action;\n  let announce;\n  let children;\n  let description;\n  let icon;\n  let props;\n  let role;\n  let t1;\n  let t2;\n  let title;\n  let xstyle;\n  if ($[0] !== t0) {\n    ({\n      action,\n      announce,\n      children,\n      description,\n      icon,\n      role,\n      size: t1,\n      title,\n      variant: t2,\n      xstyle,\n      ...props\n    } = t0);\n    $[0] = t0;\n    $[1] = action;\n    $[2] = announce;\n    $[3] = children;\n    $[4] = description;\n    $[5] = icon;\n    $[6] = props;\n    $[7] = role;\n    $[8] = t1;\n    $[9] = t2;\n    $[10] = title;\n    $[11] = xstyle;\n  } else {\n    action = $[1];\n    announce = $[2];\n    children = $[3];\n    description = $[4];\n    icon = $[5];\n    props = $[6];\n    role = $[7];\n    t1 = $[8];\n    t2 = $[9];\n    title = $[10];\n    xstyle = $[11];\n  }\n  const size = t1 === undefined ? \"md\" : t1;\n  const variant = t2 === undefined ? \"info\" : t2;\n  let liveRole;\n  if (announce === \"assertive\") {\n    liveRole = \"alert\";\n  } else {\n    if (announce === \"polite\") {\n      liveRole = \"status\";\n    }\n  }\n  let t3;\n  if ($[12] !== action || $[13] !== icon || $[14] !== size || $[15] !== variant || $[16] !== xstyle) {\n    t3 = stylex.props(styles.root, styles[size], styles[variant], Boolean(icon) && styles.withIcon, Boolean(action) && styles.withAction, Boolean(icon) && Boolean(action) && styles.withIconAndAction, xstyle);\n    $[12] = action;\n    $[13] = icon;\n    $[14] = size;\n    $[15] = variant;\n    $[16] = xstyle;\n    $[17] = t3;\n  } else {\n    t3 = $[17];\n  }\n  const stylexProps = t3;\n  const t4 = role ?? liveRole;\n  let t5;\n  if ($[18] !== icon || $[19] !== size) {\n    t5 = icon ? <span {...{\n      0: {\n        className: \"x6s0dn4 x1y8v6su x3nfvp2 xswfmaf xl56j7k xmkpuva\"\n      },\n      1: {\n        className: \"x6s0dn4 x3nfvp2 xswfmaf xl56j7k xmkpuva xamitd3\"\n      }\n    }[!!(size === \"sm\") << 0]}>{icon}</span> : null;\n    $[18] = icon;\n    $[19] = size;\n    $[20] = t5;\n  } else {\n    t5 = $[20];\n  }\n  let t6;\n  if ($[21] === Symbol.for(\"react.memo_cache_sentinel\")) {\n    t6 = {\n      className: \"xrvj5dj x1kr9b5u xeuugli\"\n    };\n    $[21] = t6;\n  } else {\n    t6 = $[21];\n  }\n  let t7;\n  if ($[22] !== title) {\n    t7 = title ? <BannerTitle>{title}</BannerTitle> : null;\n    $[22] = title;\n    $[23] = t7;\n  } else {\n    t7 = $[23];\n  }\n  let t8;\n  if ($[24] !== description) {\n    t8 = description ? <BannerDescription>{description}</BannerDescription> : null;\n    $[24] = description;\n    $[25] = t8;\n  } else {\n    t8 = $[25];\n  }\n  let t9;\n  if ($[26] !== children || $[27] !== t7 || $[28] !== t8) {\n    t9 = <div {...t6}>{t7}{t8}{children}</div>;\n    $[26] = children;\n    $[27] = t7;\n    $[28] = t8;\n    $[29] = t9;\n  } else {\n    t9 = $[29];\n  }\n  let t10;\n  if ($[30] !== action) {\n    t10 = action ? <div className=\"x6s0dn4 x78zum5 x1uj7ll3\">{action}</div> : null;\n    $[30] = action;\n    $[31] = t10;\n  } else {\n    t10 = $[31];\n  }\n  let t11;\n  if ($[32] !== props || $[33] !== stylexProps || $[34] !== t10 || $[35] !== t4 || $[36] !== t5 || $[37] !== t9) {\n    t11 = <div {...props} role={t4} {...stylexProps}>{t5}{t9}{t10}</div>;\n    $[32] = props;\n    $[33] = stylexProps;\n    $[34] = t10;\n    $[35] = t4;\n    $[36] = t5;\n    $[37] = t9;\n    $[38] = t11;\n  } else {\n    t11 = $[38];\n  }\n  return t11;\n}\nexport function BannerTitle(t0) {\n  const $ = _c(8);\n  let props;\n  let xstyle;\n  if ($[0] !== t0) {\n    ({\n      xstyle,\n      ...props\n    } = t0);\n    $[0] = t0;\n    $[1] = props;\n    $[2] = xstyle;\n  } else {\n    props = $[1];\n    xstyle = $[2];\n  }\n  let t1;\n  if ($[3] !== xstyle) {\n    t1 = stylex.props(styles.title, xstyle);\n    $[3] = xstyle;\n    $[4] = t1;\n  } else {\n    t1 = $[4];\n  }\n  const stylexProps = t1;\n  let t2;\n  if ($[5] !== props || $[6] !== stylexProps) {\n    t2 = <div {...props} {...stylexProps} />;\n    $[5] = props;\n    $[6] = stylexProps;\n    $[7] = t2;\n  } else {\n    t2 = $[7];\n  }\n  return t2;\n}\nexport function BannerDescription(t0) {\n  const $ = _c(8);\n  let props;\n  let xstyle;\n  if ($[0] !== t0) {\n    ({\n      xstyle,\n      ...props\n    } = t0);\n    $[0] = t0;\n    $[1] = props;\n    $[2] = xstyle;\n  } else {\n    props = $[1];\n    xstyle = $[2];\n  }\n  let t1;\n  if ($[3] !== xstyle) {\n    t1 = stylex.props(styles.description, xstyle);\n    $[3] = xstyle;\n    $[4] = t1;\n  } else {\n    t1 = $[4];\n  }\n  const stylexProps = t1;\n  let t2;\n  if ($[5] !== props || $[6] !== stylexProps) {\n    t2 = <div {...props} {...stylexProps} />;\n    $[5] = props;\n    $[6] = stylexProps;\n    $[7] = t2;\n  } else {\n    t2 = $[7];\n  }\n  return t2;\n}"],
+  "mappings": "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",
   "names": ["props"]
 }

package/dist/breadcrumb.d.ts

@@ -1,10 +1,10 @@
 import type { ComponentProps, ReactNode } from "react";
-export declare function Breadcrumb({ className, style, ...props }: ComponentProps<"nav">): import("react").JSX.Element;
-export declare function BreadcrumbList({ className, style, ...props }: ComponentProps<"ol">): import("react").JSX.Element;
-export declare function BreadcrumbItem({ className, style, ...props }: ComponentProps<"li">): import("react").JSX.Element;
-export declare function BreadcrumbLink({ children, className, style, ...props }: ComponentProps<"a">): import("react").JSX.Element;
-export declare function BreadcrumbPage({ className, style, ...props }: ComponentProps<"span">): import("react").JSX.Element;
-export declare function BreadcrumbSeparator({ children, className, style, ...props }: ComponentProps<"li"> & {
+export declare function Breadcrumb({ ...props }: ComponentProps<"nav">): import("react").JSX.Element;
+export declare function BreadcrumbList({ ...props }: ComponentProps<"ol">): import("react").JSX.Element;
+export declare function BreadcrumbItem({ ...props }: ComponentProps<"li">): import("react").JSX.Element;
+export declare function BreadcrumbLink({ children, ...props }: ComponentProps<"a">): import("react").JSX.Element;
+export declare function BreadcrumbPage({ ...props }: ComponentProps<"span">): import("react").JSX.Element;
+export declare function BreadcrumbSeparator({ children, ...props }: ComponentProps<"li"> & {
     children?: ReactNode;
 }): import("react").JSX.Element;
-export declare function BreadcrumbEllipsis({ className, style, ...props }: ComponentProps<"span">): import("react").JSX.Element;
+export declare function BreadcrumbEllipsis({ ...props }: ComponentProps<"span">): import("react").JSX.Element;