@tetrascience-npm/tetrascience-react-ui 0.5.0-beta.47.1 → 0.5.0-beta.49.1

package/dist/components/ui/banner.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),h=require("class-variance-authority"),r=require("lucide-react"),p=require("./button.cjs"),j=require("../../lib/utils.cjs"),o=h.cva("flex w-full items-start gap-3 border px-4 py-3 text-sm",{variants:{variant:{info:"border-info/20 bg-info/10 text-info",positive:"border-positive/20 bg-positive/10 text-positive",warning:"border-warning/20 bg-warning/10 text-warning",destructive:"border-destructive/20 bg-destructive/10 text-destructive"}},defaultVariants:{variant:"info"}}),N={info:r.Info,positive:r.CheckCircle2,warning:r.AlertTriangle,destructive:r.XCircle};function w({variant:t="info",title:s,description:n,action:i,dismissible:c=!1,onDismiss:l,className:u,children:d,role:v,"aria-live":x,...g}){const f=N[t],a=t==="warning"||t==="destructive",m=v??(a?"alert":"status"),b=x??(a?"assertive":"polite");return e.jsxs("div",{"data-slot":"banner","data-variant":t,role:m,"aria-live":b,className:j.cn(o({variant:t}),u),...g,children:[e.jsx(f,{className:"mt-0.5 h-4 w-4 shrink-0","aria-hidden":!0}),e.jsxs("div",{className:"flex flex-1 flex-col gap-0.5",children:[s&&e.jsx("p",{className:"font-medium leading-snug",children:s}),n&&e.jsx("p",{className:"text-current/80 leading-snug",children:n}),d,i&&e.jsx("div",{className:"mt-2",children:i})]}),c&&e.jsxs(p.Button,{type:"button",variant:"ghost",size:"icon-xs",className:"ml-auto shrink-0 text-current/70 hover:bg-current/10 hover:text-current",onClick:l,children:[e.jsx(r.X,{}),e.jsx("span",{className:"sr-only",children:"Dismiss"})]})]})}exports.Banner=w;exports.bannerVariants=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),p=require("class-variance-authority"),r=require("lucide-react"),j=require("./button.cjs"),N=require("../../lib/utils.cjs"),o=p.cva("flex w-full items-start gap-3 border px-4 py-3 text-sm",{variants:{variant:{info:"border-info/20 bg-info/10 text-info",positive:"border-positive/20 bg-positive/10 text-positive",warning:"border-warning/20 bg-warning/10 text-warning",destructive:"border-destructive/20 bg-destructive/10 text-destructive"}},defaultVariants:{variant:"info"}}),w={info:r.Info,positive:r.CheckCircle2,warning:r.AlertTriangle,destructive:r.XCircle};function y({variant:c="info",title:n,description:i,action:s,dismissible:l=!1,onDismiss:u,className:d,children:v,role:x,"aria-live":g,...f}){const t=c??"info",m=w[t],a=t==="warning"||t==="destructive",b=x??(a?"alert":"status"),h=g??(a?"assertive":"polite");return e.jsxs("div",{"data-slot":"banner","data-variant":t,role:b,"aria-live":h,className:N.cn(o({variant:t}),d),...f,children:[e.jsx(m,{className:"mt-0.5 h-4 w-4 shrink-0","aria-hidden":!0}),e.jsxs("div",{className:"flex flex-1 flex-col gap-0.5",children:[n&&e.jsx("p",{className:"font-medium leading-snug",children:n}),i&&e.jsx("p",{className:"text-current/80 leading-snug",children:i}),v,s&&e.jsx("div",{className:"mt-2",children:s})]}),l&&e.jsxs(j.Button,{type:"button",variant:"ghost",size:"icon-xs",className:"ml-auto shrink-0 text-current/70 hover:bg-current/10 hover:text-current",onClick:u,children:[e.jsx(r.X,{}),e.jsx("span",{className:"sr-only",children:"Dismiss"})]})]})}exports.Banner=y;exports.bannerVariants=o;
 //# sourceMappingURL=banner.cjs.map

package/dist/components/ui/banner.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"banner.cjs","sources":["../../../src/components/ui/banner.tsx"],"sourcesContent":["import { cva, type VariantProps } from \"class-variance-authority\";\nimport {\n  AlertTriangle,\n  CheckCircle2,\n  Info,\n  X,\n  XCircle,\n} from \"lucide-react\";\nimport * as React from \"react\";\n\nimport { Button } from \"@/components/ui/button\";\nimport { cn } from \"@/lib/utils\";\n\nconst bannerVariants = cva(\n  \"flex w-full items-start gap-3 border px-4 py-3 text-sm\",\n  {\n    variants: {\n      variant: {\n        info: \"border-info/20 bg-info/10 text-info\",\n        positive: \"border-positive/20 bg-positive/10 text-positive\",\n        warning: \"border-warning/20 bg-warning/10 text-warning\",\n        destructive:\n          \"border-destructive/20 bg-destructive/10 text-destructive\",\n      },\n    },\n    defaultVariants: {\n      variant: \"info\",\n    },\n  }\n);\n\nconst BANNER_ICONS = {\n  info: Info,\n  positive: CheckCircle2,\n  warning: AlertTriangle,\n  destructive: XCircle,\n} as const;\n\ntype DismissibleProps =\n  | { dismissible: true; onDismiss: () => void }\n  | { dismissible?: false; onDismiss?: never };\n\nexport type BannerProps = React.ComponentProps<\"div\"> &\n  VariantProps<typeof bannerVariants> &\n  DismissibleProps & {\n    title?: React.ReactNode;\n    description?: React.ReactNode;\n    action?: React.ReactNode;\n  };\n\nfunction Banner({\n  variant = \"info\",\n  title,\n  description,\n  action,\n  dismissible = false,\n  onDismiss,\n  className,\n  children,\n  role,\n  \"aria-live\": ariaLive,\n  ...props\n}: BannerProps) {\n  const Icon = BANNER_ICONS[variant];\n  const isUrgentBanner = variant === \"warning\" || variant === \"destructive\";\n  const resolvedRole = role ?? (isUrgentBanner ? \"alert\" : \"status\");\n  const resolvedAriaLive = ariaLive ?? (isUrgentBanner ? \"assertive\" : \"polite\");\n\n  return (\n    <div\n      data-slot=\"banner\"\n      data-variant={variant}\n      role={resolvedRole}\n      aria-live={resolvedAriaLive}\n      className={cn(bannerVariants({ variant }), className)}\n      {...props}\n    >\n      <Icon className=\"mt-0.5 h-4 w-4 shrink-0\" aria-hidden />\n      <div className=\"flex flex-1 flex-col gap-0.5\">\n        {title && <p className=\"font-medium leading-snug\">{title}</p>}\n        {description && (\n          <p className=\"text-current/80 leading-snug\">{description}</p>\n        )}\n        {children}\n        {action && <div className=\"mt-2\">{action}</div>}\n      </div>\n      {dismissible && (\n        <Button\n          type=\"button\"\n          variant=\"ghost\"\n          size=\"icon-xs\"\n          className=\"ml-auto shrink-0 text-current/70 hover:bg-current/10 hover:text-current\"\n          onClick={onDismiss}\n        >\n          <X />\n          <span className=\"sr-only\">Dismiss</span>\n        </Button>\n      )}\n    </div>\n  );\n}\n\nexport { Banner, bannerVariants };\n"],"names":["bannerVariants","cva","BANNER_ICONS","Info","CheckCircle2","AlertTriangle","XCircle","Banner","variant","title","description","action","dismissible","onDismiss","className","children","role","ariaLive","props","Icon","isUrgentBanner","resolvedRole","resolvedAriaLive","jsxs","cn","jsx","Button","X"],"mappings":"gPAaMA,EAAiBC,EAAAA,IACrB,yDACA,CACE,SAAU,CACR,QAAS,CACP,KAAM,sCACN,SAAU,kDACV,QAAS,+CACT,YACE,0DAAA,CACJ,EAEF,gBAAiB,CACf,QAAS,MAAA,CACX,CAEJ,EAEMC,EAAe,CACnB,KAAMC,EAAAA,KACN,SAAUC,EAAAA,aACV,QAASC,EAAAA,cACT,YAAaC,EAAAA,OACf,EAcA,SAASC,EAAO,CACd,QAAAC,EAAU,OACV,MAAAC,EACA,YAAAC,EACA,OAAAC,EACA,YAAAC,EAAc,GACd,UAAAC,EACA,UAAAC,EACA,SAAAC,EACA,KAAAC,EACA,YAAaC,EACb,GAAGC,CACL,EAAgB,CACd,MAAMC,EAAOjB,EAAaM,CAAO,EAC3BY,EAAiBZ,IAAY,WAAaA,IAAY,cACtDa,EAAeL,IAASI,EAAiB,QAAU,UACnDE,EAAmBL,IAAaG,EAAiB,YAAc,UAErE,OACEG,EAAAA,KAAC,MAAA,CACC,YAAU,SACV,eAAcf,EACd,KAAMa,EACN,YAAWC,EACX,UAAWE,EAAAA,GAAGxB,EAAe,CAAE,QAAAQ,CAAA,CAAS,EAAGM,CAAS,EACnD,GAAGI,EAEJ,SAAA,CAAAO,EAAAA,IAACN,EAAA,CAAK,UAAU,0BAA0B,cAAW,GAAC,EACtDI,EAAAA,KAAC,MAAA,CAAI,UAAU,+BACZ,SAAA,CAAAd,GAASgB,EAAAA,IAAC,IAAA,CAAE,UAAU,2BAA4B,SAAAhB,EAAM,EACxDC,GACCe,EAAAA,IAAC,IAAA,CAAE,UAAU,+BAAgC,SAAAf,EAAY,EAE1DK,EACAJ,GAAUc,EAAAA,IAAC,MAAA,CAAI,UAAU,OAAQ,SAAAd,CAAA,CAAO,CAAA,EAC3C,EACCC,GACCW,EAAAA,KAACG,EAAAA,OAAA,CACC,KAAK,SACL,QAAQ,QACR,KAAK,UACL,UAAU,0EACV,QAASb,EAET,SAAA,CAAAY,EAAAA,IAACE,EAAAA,EAAA,EAAE,EACHF,EAAAA,IAAC,OAAA,CAAK,UAAU,UAAU,SAAA,SAAA,CAAO,CAAA,CAAA,CAAA,CACnC,CAAA,CAAA,CAIR"}
+{"version":3,"file":"banner.cjs","sources":["../../../src/components/ui/banner.tsx"],"sourcesContent":["import { cva, type VariantProps } from \"class-variance-authority\";\nimport {\n  AlertTriangle,\n  CheckCircle2,\n  Info,\n  X,\n  XCircle,\n} from \"lucide-react\";\nimport * as React from \"react\";\n\nimport { Button } from \"@/components/ui/button\";\nimport { cn } from \"@/lib/utils\";\n\nconst bannerVariants = cva(\n  \"flex w-full items-start gap-3 border px-4 py-3 text-sm\",\n  {\n    variants: {\n      variant: {\n        info: \"border-info/20 bg-info/10 text-info\",\n        positive: \"border-positive/20 bg-positive/10 text-positive\",\n        warning: \"border-warning/20 bg-warning/10 text-warning\",\n        destructive:\n          \"border-destructive/20 bg-destructive/10 text-destructive\",\n      },\n    },\n    defaultVariants: {\n      variant: \"info\",\n    },\n  }\n);\n\nconst BANNER_ICONS = {\n  info: Info,\n  positive: CheckCircle2,\n  warning: AlertTriangle,\n  destructive: XCircle,\n} as const;\n\ntype DismissibleProps =\n  | { dismissible: true; onDismiss: () => void }\n  | { dismissible?: false; onDismiss?: never };\n\nexport type BannerProps = React.ComponentProps<\"div\"> &\n  VariantProps<typeof bannerVariants> &\n  DismissibleProps & {\n    title?: React.ReactNode;\n    description?: React.ReactNode;\n    action?: React.ReactNode;\n  };\n\nfunction Banner({\n  variant = \"info\",\n  title,\n  description,\n  action,\n  dismissible = false,\n  onDismiss,\n  className,\n  children,\n  role,\n  \"aria-live\": ariaLive,\n  ...props\n}: BannerProps) {\n  const resolvedVariant = variant ?? \"info\";\n  const Icon = BANNER_ICONS[resolvedVariant];\n  const isUrgentBanner =\n    resolvedVariant === \"warning\" || resolvedVariant === \"destructive\";\n  const resolvedRole = role ?? (isUrgentBanner ? \"alert\" : \"status\");\n  const resolvedAriaLive = ariaLive ?? (isUrgentBanner ? \"assertive\" : \"polite\");\n\n  return (\n    <div\n      data-slot=\"banner\"\n      data-variant={resolvedVariant}\n      role={resolvedRole}\n      aria-live={resolvedAriaLive}\n      className={cn(bannerVariants({ variant: resolvedVariant }), className)}\n      {...props}\n    >\n      <Icon className=\"mt-0.5 h-4 w-4 shrink-0\" aria-hidden />\n      <div className=\"flex flex-1 flex-col gap-0.5\">\n        {title && <p className=\"font-medium leading-snug\">{title}</p>}\n        {description && (\n          <p className=\"text-current/80 leading-snug\">{description}</p>\n        )}\n        {children}\n        {action && <div className=\"mt-2\">{action}</div>}\n      </div>\n      {dismissible && (\n        <Button\n          type=\"button\"\n          variant=\"ghost\"\n          size=\"icon-xs\"\n          className=\"ml-auto shrink-0 text-current/70 hover:bg-current/10 hover:text-current\"\n          onClick={onDismiss}\n        >\n          <X />\n          <span className=\"sr-only\">Dismiss</span>\n        </Button>\n      )}\n    </div>\n  );\n}\n\nexport { Banner, bannerVariants };\n"],"names":["bannerVariants","cva","BANNER_ICONS","Info","CheckCircle2","AlertTriangle","XCircle","Banner","variant","title","description","action","dismissible","onDismiss","className","children","role","ariaLive","props","resolvedVariant","Icon","isUrgentBanner","resolvedRole","resolvedAriaLive","jsxs","cn","jsx","Button","X"],"mappings":"gPAaMA,EAAiBC,EAAAA,IACrB,yDACA,CACE,SAAU,CACR,QAAS,CACP,KAAM,sCACN,SAAU,kDACV,QAAS,+CACT,YACE,0DAAA,CACJ,EAEF,gBAAiB,CACf,QAAS,MAAA,CACX,CAEJ,EAEMC,EAAe,CACnB,KAAMC,EAAAA,KACN,SAAUC,EAAAA,aACV,QAASC,EAAAA,cACT,YAAaC,EAAAA,OACf,EAcA,SAASC,EAAO,CACd,QAAAC,EAAU,OACV,MAAAC,EACA,YAAAC,EACA,OAAAC,EACA,YAAAC,EAAc,GACd,UAAAC,EACA,UAAAC,EACA,SAAAC,EACA,KAAAC,EACA,YAAaC,EACb,GAAGC,CACL,EAAgB,CACd,MAAMC,EAAkBX,GAAW,OAC7BY,EAAOlB,EAAaiB,CAAe,EACnCE,EACJF,IAAoB,WAAaA,IAAoB,cACjDG,EAAeN,IAASK,EAAiB,QAAU,UACnDE,EAAmBN,IAAaI,EAAiB,YAAc,UAErE,OACEG,EAAAA,KAAC,MAAA,CACC,YAAU,SACV,eAAcL,EACd,KAAMG,EACN,YAAWC,EACX,UAAWE,EAAAA,GAAGzB,EAAe,CAAE,QAASmB,CAAA,CAAiB,EAAGL,CAAS,EACpE,GAAGI,EAEJ,SAAA,CAAAQ,EAAAA,IAACN,EAAA,CAAK,UAAU,0BAA0B,cAAW,GAAC,EACtDI,EAAAA,KAAC,MAAA,CAAI,UAAU,+BACZ,SAAA,CAAAf,GAASiB,EAAAA,IAAC,IAAA,CAAE,UAAU,2BAA4B,SAAAjB,EAAM,EACxDC,GACCgB,EAAAA,IAAC,IAAA,CAAE,UAAU,+BAAgC,SAAAhB,EAAY,EAE1DK,EACAJ,GAAUe,EAAAA,IAAC,MAAA,CAAI,UAAU,OAAQ,SAAAf,CAAA,CAAO,CAAA,EAC3C,EACCC,GACCY,EAAAA,KAACG,EAAAA,OAAA,CACC,KAAK,SACL,QAAQ,QACR,KAAK,UACL,UAAU,0EACV,QAASd,EAET,SAAA,CAAAa,EAAAA,IAACE,EAAAA,EAAA,EAAE,EACHF,EAAAA,IAAC,OAAA,CAAK,UAAU,UAAU,SAAA,SAAA,CAAO,CAAA,CAAA,CAAA,CACnC,CAAA,CAAA,CAIR"}

package/dist/components/ui/banner.js

@@ -1,9 +1,9 @@
 import { jsxs as t, jsx as e } from "react/jsx-runtime";
-import { cva as g } from "class-variance-authority";
-import { XCircle as p, AlertTriangle as x, CheckCircle2 as h, Info as b, X as N } from "lucide-react";
-import { Button as w } from "./button.js";
-import { cn as C } from "../../lib/utils.js";
-const k = g(
+import { cva as p } from "class-variance-authority";
+import { XCircle as x, AlertTriangle as h, CheckCircle2 as b, Info as N, X as w } from "lucide-react";
+import { Button as C } from "./button.js";
+import { cn as k } from "../../lib/utils.js";
+const A = p(
   "flex w-full items-start gap-3 border px-4 py-3 text-sm",
   {
     variants: {
@@ -18,53 +18,53 @@ const k = g(
       variant: "info"
     }
   }
-), A = {
-  info: b,
-  positive: h,
-  warning: x,
-  destructive: p
+), B = {
+  info: N,
+  positive: b,
+  warning: h,
+  destructive: x
 };
-function X({
-  variant: r = "info",
+function z({
+  variant: o = "info",
   title: i,
   description: n,
-  action: s,
-  dismissible: o = !1,
-  onDismiss: l,
-  className: c,
-  children: d,
-  role: v,
-  "aria-live": m,
-  ...f
+  action: a,
+  dismissible: l = !1,
+  onDismiss: c,
+  className: d,
+  children: v,
+  role: m,
+  "aria-live": f,
+  ...u
 }) {
-  const u = A[r], a = r === "warning" || r === "destructive";
+  const r = o ?? "info", g = B[r], s = r === "warning" || r === "destructive";
   return /* @__PURE__ */ t(
     "div",
     {
       "data-slot": "banner",
       "data-variant": r,
-      role: v ?? (a ? "alert" : "status"),
-      "aria-live": m ?? (a ? "assertive" : "polite"),
-      className: C(k({ variant: r }), c),
-      ...f,
+      role: m ?? (s ? "alert" : "status"),
+      "aria-live": f ?? (s ? "assertive" : "polite"),
+      className: k(A({ variant: r }), d),
+      ...u,
       children: [
-        /* @__PURE__ */ e(u, { className: "mt-0.5 h-4 w-4 shrink-0", "aria-hidden": !0 }),
+        /* @__PURE__ */ e(g, { className: "mt-0.5 h-4 w-4 shrink-0", "aria-hidden": !0 }),
         /* @__PURE__ */ t("div", { className: "flex flex-1 flex-col gap-0.5", children: [
           i && /* @__PURE__ */ e("p", { className: "font-medium leading-snug", children: i }),
           n && /* @__PURE__ */ e("p", { className: "text-current/80 leading-snug", children: n }),
-          d,
-          s && /* @__PURE__ */ e("div", { className: "mt-2", children: s })
+          v,
+          a && /* @__PURE__ */ e("div", { className: "mt-2", children: a })
         ] }),
-        o && /* @__PURE__ */ t(
-          w,
+        l && /* @__PURE__ */ t(
+          C,
           {
             type: "button",
             variant: "ghost",
             size: "icon-xs",
             className: "ml-auto shrink-0 text-current/70 hover:bg-current/10 hover:text-current",
-            onClick: l,
+            onClick: c,
             children: [
-              /* @__PURE__ */ e(N, {}),
+              /* @__PURE__ */ e(w, {}),
               /* @__PURE__ */ e("span", { className: "sr-only", children: "Dismiss" })
             ]
           }
@@ -74,7 +74,7 @@ function X({
   );
 }
 export {
-  X as Banner,
-  k as bannerVariants
+  z as Banner,
+  A as bannerVariants
 };
 //# sourceMappingURL=banner.js.map

package/dist/components/ui/banner.js.map

@@ -1 +1 @@
-{"version":3,"file":"banner.js","sources":["../../../src/components/ui/banner.tsx"],"sourcesContent":["import { cva, type VariantProps } from \"class-variance-authority\";\nimport {\n  AlertTriangle,\n  CheckCircle2,\n  Info,\n  X,\n  XCircle,\n} from \"lucide-react\";\nimport * as React from \"react\";\n\nimport { Button } from \"@/components/ui/button\";\nimport { cn } from \"@/lib/utils\";\n\nconst bannerVariants = cva(\n  \"flex w-full items-start gap-3 border px-4 py-3 text-sm\",\n  {\n    variants: {\n      variant: {\n        info: \"border-info/20 bg-info/10 text-info\",\n        positive: \"border-positive/20 bg-positive/10 text-positive\",\n        warning: \"border-warning/20 bg-warning/10 text-warning\",\n        destructive:\n          \"border-destructive/20 bg-destructive/10 text-destructive\",\n      },\n    },\n    defaultVariants: {\n      variant: \"info\",\n    },\n  }\n);\n\nconst BANNER_ICONS = {\n  info: Info,\n  positive: CheckCircle2,\n  warning: AlertTriangle,\n  destructive: XCircle,\n} as const;\n\ntype DismissibleProps =\n  | { dismissible: true; onDismiss: () => void }\n  | { dismissible?: false; onDismiss?: never };\n\nexport type BannerProps = React.ComponentProps<\"div\"> &\n  VariantProps<typeof bannerVariants> &\n  DismissibleProps & {\n    title?: React.ReactNode;\n    description?: React.ReactNode;\n    action?: React.ReactNode;\n  };\n\nfunction Banner({\n  variant = \"info\",\n  title,\n  description,\n  action,\n  dismissible = false,\n  onDismiss,\n  className,\n  children,\n  role,\n  \"aria-live\": ariaLive,\n  ...props\n}: BannerProps) {\n  const Icon = BANNER_ICONS[variant];\n  const isUrgentBanner = variant === \"warning\" || variant === \"destructive\";\n  const resolvedRole = role ?? (isUrgentBanner ? \"alert\" : \"status\");\n  const resolvedAriaLive = ariaLive ?? (isUrgentBanner ? \"assertive\" : \"polite\");\n\n  return (\n    <div\n      data-slot=\"banner\"\n      data-variant={variant}\n      role={resolvedRole}\n      aria-live={resolvedAriaLive}\n      className={cn(bannerVariants({ variant }), className)}\n      {...props}\n    >\n      <Icon className=\"mt-0.5 h-4 w-4 shrink-0\" aria-hidden />\n      <div className=\"flex flex-1 flex-col gap-0.5\">\n        {title && <p className=\"font-medium leading-snug\">{title}</p>}\n        {description && (\n          <p className=\"text-current/80 leading-snug\">{description}</p>\n        )}\n        {children}\n        {action && <div className=\"mt-2\">{action}</div>}\n      </div>\n      {dismissible && (\n        <Button\n          type=\"button\"\n          variant=\"ghost\"\n          size=\"icon-xs\"\n          className=\"ml-auto shrink-0 text-current/70 hover:bg-current/10 hover:text-current\"\n          onClick={onDismiss}\n        >\n          <X />\n          <span className=\"sr-only\">Dismiss</span>\n        </Button>\n      )}\n    </div>\n  );\n}\n\nexport { Banner, bannerVariants };\n"],"names":["bannerVariants","cva","BANNER_ICONS","Info","CheckCircle2","AlertTriangle","XCircle","Banner","variant","title","description","action","dismissible","onDismiss","className","children","role","ariaLive","props","Icon","isUrgentBanner","jsxs","cn","jsx","Button","X"],"mappings":";;;;;AAaA,MAAMA,IAAiBC;AAAA,EACrB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,MAAM;AAAA,QACN,UAAU;AAAA,QACV,SAAS;AAAA,QACT,aACE;AAAA,MAAA;AAAA,IACJ;AAAA,IAEF,iBAAiB;AAAA,MACf,SAAS;AAAA,IAAA;AAAA,EACX;AAEJ,GAEMC,IAAe;AAAA,EACnB,MAAMC;AAAA,EACN,UAAUC;AAAA,EACV,SAASC;AAAA,EACT,aAAaC;AACf;AAcA,SAASC,EAAO;AAAA,EACd,SAAAC,IAAU;AAAA,EACV,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,QAAAC;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,WAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,MAAAC;AAAA,EACA,aAAaC;AAAA,EACb,GAAGC;AACL,GAAgB;AACd,QAAMC,IAAOjB,EAAaM,CAAO,GAC3BY,IAAiBZ,MAAY,aAAaA,MAAY;AAI5D,SACE,gBAAAa;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,gBAAcb;AAAA,MACd,MAPiBQ,MAASI,IAAiB,UAAU;AAAA,MAQrD,aAPqBH,MAAaG,IAAiB,cAAc;AAAA,MAQjE,WAAWE,EAAGtB,EAAe,EAAE,SAAAQ,EAAA,CAAS,GAAGM,CAAS;AAAA,MACnD,GAAGI;AAAA,MAEJ,UAAA;AAAA,QAAA,gBAAAK,EAACJ,GAAA,EAAK,WAAU,2BAA0B,eAAW,IAAC;AAAA,QACtD,gBAAAE,EAAC,OAAA,EAAI,WAAU,gCACZ,UAAA;AAAA,UAAAZ,KAAS,gBAAAc,EAAC,KAAA,EAAE,WAAU,4BAA4B,UAAAd,GAAM;AAAA,UACxDC,KACC,gBAAAa,EAAC,KAAA,EAAE,WAAU,gCAAgC,UAAAb,GAAY;AAAA,UAE1DK;AAAA,UACAJ,KAAU,gBAAAY,EAAC,OAAA,EAAI,WAAU,QAAQ,UAAAZ,EAAA,CAAO;AAAA,QAAA,GAC3C;AAAA,QACCC,KACC,gBAAAS;AAAA,UAACG;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,SAAQ;AAAA,YACR,MAAK;AAAA,YACL,WAAU;AAAA,YACV,SAASX;AAAA,YAET,UAAA;AAAA,cAAA,gBAAAU,EAACE,GAAA,EAAE;AAAA,cACH,gBAAAF,EAAC,QAAA,EAAK,WAAU,WAAU,UAAA,UAAA,CAAO;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACnC;AAAA,IAAA;AAAA,EAAA;AAIR;"}
+{"version":3,"file":"banner.js","sources":["../../../src/components/ui/banner.tsx"],"sourcesContent":["import { cva, type VariantProps } from \"class-variance-authority\";\nimport {\n  AlertTriangle,\n  CheckCircle2,\n  Info,\n  X,\n  XCircle,\n} from \"lucide-react\";\nimport * as React from \"react\";\n\nimport { Button } from \"@/components/ui/button\";\nimport { cn } from \"@/lib/utils\";\n\nconst bannerVariants = cva(\n  \"flex w-full items-start gap-3 border px-4 py-3 text-sm\",\n  {\n    variants: {\n      variant: {\n        info: \"border-info/20 bg-info/10 text-info\",\n        positive: \"border-positive/20 bg-positive/10 text-positive\",\n        warning: \"border-warning/20 bg-warning/10 text-warning\",\n        destructive:\n          \"border-destructive/20 bg-destructive/10 text-destructive\",\n      },\n    },\n    defaultVariants: {\n      variant: \"info\",\n    },\n  }\n);\n\nconst BANNER_ICONS = {\n  info: Info,\n  positive: CheckCircle2,\n  warning: AlertTriangle,\n  destructive: XCircle,\n} as const;\n\ntype DismissibleProps =\n  | { dismissible: true; onDismiss: () => void }\n  | { dismissible?: false; onDismiss?: never };\n\nexport type BannerProps = React.ComponentProps<\"div\"> &\n  VariantProps<typeof bannerVariants> &\n  DismissibleProps & {\n    title?: React.ReactNode;\n    description?: React.ReactNode;\n    action?: React.ReactNode;\n  };\n\nfunction Banner({\n  variant = \"info\",\n  title,\n  description,\n  action,\n  dismissible = false,\n  onDismiss,\n  className,\n  children,\n  role,\n  \"aria-live\": ariaLive,\n  ...props\n}: BannerProps) {\n  const resolvedVariant = variant ?? \"info\";\n  const Icon = BANNER_ICONS[resolvedVariant];\n  const isUrgentBanner =\n    resolvedVariant === \"warning\" || resolvedVariant === \"destructive\";\n  const resolvedRole = role ?? (isUrgentBanner ? \"alert\" : \"status\");\n  const resolvedAriaLive = ariaLive ?? (isUrgentBanner ? \"assertive\" : \"polite\");\n\n  return (\n    <div\n      data-slot=\"banner\"\n      data-variant={resolvedVariant}\n      role={resolvedRole}\n      aria-live={resolvedAriaLive}\n      className={cn(bannerVariants({ variant: resolvedVariant }), className)}\n      {...props}\n    >\n      <Icon className=\"mt-0.5 h-4 w-4 shrink-0\" aria-hidden />\n      <div className=\"flex flex-1 flex-col gap-0.5\">\n        {title && <p className=\"font-medium leading-snug\">{title}</p>}\n        {description && (\n          <p className=\"text-current/80 leading-snug\">{description}</p>\n        )}\n        {children}\n        {action && <div className=\"mt-2\">{action}</div>}\n      </div>\n      {dismissible && (\n        <Button\n          type=\"button\"\n          variant=\"ghost\"\n          size=\"icon-xs\"\n          className=\"ml-auto shrink-0 text-current/70 hover:bg-current/10 hover:text-current\"\n          onClick={onDismiss}\n        >\n          <X />\n          <span className=\"sr-only\">Dismiss</span>\n        </Button>\n      )}\n    </div>\n  );\n}\n\nexport { Banner, bannerVariants };\n"],"names":["bannerVariants","cva","BANNER_ICONS","Info","CheckCircle2","AlertTriangle","XCircle","Banner","variant","title","description","action","dismissible","onDismiss","className","children","role","ariaLive","props","resolvedVariant","Icon","isUrgentBanner","jsxs","cn","jsx","Button","X"],"mappings":";;;;;AAaA,MAAMA,IAAiBC;AAAA,EACrB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,MAAM;AAAA,QACN,UAAU;AAAA,QACV,SAAS;AAAA,QACT,aACE;AAAA,MAAA;AAAA,IACJ;AAAA,IAEF,iBAAiB;AAAA,MACf,SAAS;AAAA,IAAA;AAAA,EACX;AAEJ,GAEMC,IAAe;AAAA,EACnB,MAAMC;AAAA,EACN,UAAUC;AAAA,EACV,SAASC;AAAA,EACT,aAAaC;AACf;AAcA,SAASC,EAAO;AAAA,EACd,SAAAC,IAAU;AAAA,EACV,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,QAAAC;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,WAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,MAAAC;AAAA,EACA,aAAaC;AAAA,EACb,GAAGC;AACL,GAAgB;AACd,QAAMC,IAAkBX,KAAW,QAC7BY,IAAOlB,EAAaiB,CAAe,GACnCE,IACJF,MAAoB,aAAaA,MAAoB;AAIvD,SACE,gBAAAG;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,gBAAcH;AAAA,MACd,MAPiBH,MAASK,IAAiB,UAAU;AAAA,MAQrD,aAPqBJ,MAAaI,IAAiB,cAAc;AAAA,MAQjE,WAAWE,EAAGvB,EAAe,EAAE,SAASmB,EAAA,CAAiB,GAAGL,CAAS;AAAA,MACpE,GAAGI;AAAA,MAEJ,UAAA;AAAA,QAAA,gBAAAM,EAACJ,GAAA,EAAK,WAAU,2BAA0B,eAAW,IAAC;AAAA,QACtD,gBAAAE,EAAC,OAAA,EAAI,WAAU,gCACZ,UAAA;AAAA,UAAAb,KAAS,gBAAAe,EAAC,KAAA,EAAE,WAAU,4BAA4B,UAAAf,GAAM;AAAA,UACxDC,KACC,gBAAAc,EAAC,KAAA,EAAE,WAAU,gCAAgC,UAAAd,GAAY;AAAA,UAE1DK;AAAA,UACAJ,KAAU,gBAAAa,EAAC,OAAA,EAAI,WAAU,QAAQ,UAAAb,EAAA,CAAO;AAAA,QAAA,GAC3C;AAAA,QACCC,KACC,gBAAAU;AAAA,UAACG;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,SAAQ;AAAA,YACR,MAAK;AAAA,YACL,WAAU;AAAA,YACV,SAASZ;AAAA,YAET,UAAA;AAAA,cAAA,gBAAAW,EAACE,GAAA,EAAE;AAAA,cACH,gBAAAF,EAAC,QAAA,EAAK,WAAU,WAAU,UAAA,UAAA,CAAO;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACnC;AAAA,IAAA;AAAA,EAAA;AAIR;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tetrascience-npm/tetrascience-react-ui",
-  "version": "0.5.0-beta.47.1",
+  "version": "0.5.0-beta.49.1",
   "description": "TetraScience React UI",
   "type": "module",
   "author": "TetraScience",