@orion-ds/react 4.2.14 → 4.3.7

package/dist/components/Textarea/Textarea.mjs

@@ -0,0 +1,118 @@
+import { jsxs as c, jsx as a } from "react/jsx-runtime";
+import { forwardRef as O, useId as P, useState as R, useEffect as U, useCallback as W } from "react";
+import { AlertCircle as _ } from "lucide-react";
+import e from "./Textarea.module.css.mjs";
+const q = O(
+  ({
+    label: l,
+    helperText: d,
+    error: r,
+    size: x = "md",
+    resize: f = "vertical",
+    showCounter: p = !1,
+    maxLength: s,
+    className: A,
+    id: B,
+    value: t,
+    defaultValue: u,
+    onChange: m,
+    disabled: N,
+    required: h,
+    optional: g = !1,
+    "aria-label": b,
+    "aria-describedby": v,
+    ...E
+  }, w) => {
+    const F = P(), n = B || `textarea-${F}`, C = `${n}-error`, I = `${n}-helper`, S = `${n}-counter`, [$, j] = R(() => t !== void 0 ? String(t).length : u !== void 0 ? String(u).length : 0);
+    U(() => {
+      t !== void 0 && j(String(t).length);
+    }, [t]);
+    const M = W(
+      (o) => {
+        j(o.target.value.length), m?.(o);
+      },
+      [m]
+    ), i = [];
+    r && i.push(C), d && !r && i.push(I), p && s && i.push(S), v && i.push(v);
+    const T = i.length > 0 ? i.join(" ") : void 0;
+    !(l || b) && process.env.NODE_ENV === "development" && console.warn(
+      "Textarea: Missing accessible name. Provide either a `label` prop or `aria-label` for screen reader users."
+    );
+    const y = (() => {
+      if (!s) return "normal";
+      const o = $ / s * 100;
+      return o >= 100 ? "error" : o >= 90 ? "warning" : "normal";
+    })(), k = [
+      e.counter,
+      y === "warning" && e.counterWarning,
+      y === "error" && e.counterError
+    ].filter(Boolean).join(" "), z = [
+      e.container,
+      e[x],
+      e[`resize${f.charAt(0).toUpperCase()}${f.slice(1)}`],
+      r && e.error,
+      N && e.disabled,
+      A
+    ].filter(Boolean).join(" "), D = p || d && !r;
+    return /* @__PURE__ */ c("div", { className: z, children: [
+      l && /* @__PURE__ */ c("label", { htmlFor: n, className: e.label, children: [
+        /* @__PURE__ */ a("span", { className: e.labelText, children: l }),
+        g && /* @__PURE__ */ a("span", { className: e.optional, "aria-hidden": "true", children: "(optional)" }),
+        h && !g && /* @__PURE__ */ a("span", { className: e.required, "aria-hidden": "true", children: "*" })
+      ] }),
+      /* @__PURE__ */ a(
+        "textarea",
+        {
+          ref: w,
+          id: n,
+          className: e.textarea,
+          value: t,
+          defaultValue: u,
+          maxLength: s,
+          onChange: M,
+          disabled: N,
+          required: h,
+          "aria-required": h || void 0,
+          "aria-invalid": r ? "true" : "false",
+          "aria-describedby": T,
+          "aria-label": l ? void 0 : b,
+          ...E
+        }
+      ),
+      D && /* @__PURE__ */ c("div", { className: e.footer, children: [
+        d && !r && /* @__PURE__ */ a("p", { id: I, className: e.helperText, children: d }),
+        p && s && /* @__PURE__ */ c(
+          "span",
+          {
+            id: S,
+            className: k,
+            "aria-live": "polite",
+            "aria-atomic": "true",
+            children: [
+              $,
+              "/",
+              s
+            ]
+          }
+        )
+      ] }),
+      r && /* @__PURE__ */ c(
+        "p",
+        {
+          id: C,
+          className: e.errorMessage,
+          role: "alert",
+          "aria-live": "assertive",
+          children: [
+            /* @__PURE__ */ a(_, { size: 14, "aria-hidden": "true" }),
+            /* @__PURE__ */ a("span", { children: r })
+          ]
+        }
+      )
+    ] });
+  }
+);
+q.displayName = "Textarea";
+export {
+  q as Textarea
+};

package/dist/components/ThemeController/ThemeController.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),b=require("../../contexts/ThemeContext.cjs"),S=require("../../hooks/useTheme.cjs"),x=require("../Switch/Switch.cjs"),l=require("../Button/Button.cjs"),d=require("../Card/Card.cjs"),i=require("../Badge/Badge.cjs"),z=require("../Radio/Radio.cjs"),w=require("../Alert/Alert.cjs"),n={orion:{accent:"#1B5BFF",radius:"12px",description:"Blue accent • 12px radius"},red:{accent:"#D7282F",radius:"9999px",description:"Red accent • Pill buttons"},deepblue:{accent:"#006FBA",radius:"12px",description:"Deep Blue accent • 12px radius"},orange:{accent:"#F15D22",radius:"9999px",description:"Red-Orange accent • Pill buttons"},ember:{accent:"#F15D22",radius:"12px",description:"Orange accent • Black buttons • 12px radius"},lemon:{accent:"#72FF43",radius:"9999px",description:"Lime green accent • Highly rounded"}},v=({showBrandSelector:o=!0,showThemeToggle:p=!0,showSummary:y=!0,compact:u=!1,className:g,style:m,onThemeChange:j,onBrandChange:f})=>{const k=S.useTheme();let h=null;try{h=b.useThemeContext()}catch{}const{theme:t,brand:a,setTheme:B,setBrand:C}=h??k,s=r=>{B(r),j?.(r)},c=r=>{C(r),f?.(r)};return u?e.jsxs("div",{className:g,style:{display:"flex",gap:"var(--spacing-3)",alignItems:"center",flexWrap:"wrap"},children:[p&&e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"var(--spacing-2)"},children:[e.jsx("span",{style:{fontSize:"20px"},children:"☀️"}),e.jsx(x.Switch,{checked:t==="dark",onChange:r=>s(r.target.checked?"dark":"light")}),e.jsx("span",{style:{fontSize:"20px"},children:"🌙"})]}),o&&e.jsx("div",{style:{display:"flex",gap:"var(--spacing-2)"},children:Object.keys(n).map(r=>e.jsx(l.Button,{variant:a===r?"primary":"secondary",size:"sm",onClick:()=>c(r),children:r.charAt(0).toUpperCase()+r.slice(1)},r))})]}):e.jsxs(d.Card,{variant:"elevated",className:g,style:{background:"var(--interactive-primary)",color:"white",...m},children:[e.jsx(d.Card.Header,{children:e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"var(--spacing-2)"},children:[e.jsx("span",{style:{fontSize:"24px"},children:"🎨"}),e.jsxs("div",{children:[e.jsx("h3",{style:{margin:0,color:"white"},children:"Theme & Brand Settings"}),e.jsx("p",{style:{margin:0,fontSize:"var(--text-sm)",opacity:.9,color:"white"},children:"Customize the appearance in real-time"})]})]})}),e.jsx(d.Card.Body,{style:{background:"var(--surface-base)",color:"var(--text-primary)"},children:e.jsxs("div",{style:{display:"grid",gap:"var(--spacing-6)"},children:[p&&e.jsxs("div",{children:[e.jsxs("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",marginBottom:"var(--spacing-3)"},children:[e.jsxs("div",{children:[e.jsx("label",{style:{display:"block",fontSize:"var(--text-lg)",fontWeight:"var(--font-weight-bold)",color:"var(--text-primary)",marginBottom:"var(--spacing-1)"},children:"Color Mode"}),e.jsx("p",{style:{fontSize:"var(--text-sm)",color:"var(--text-secondary)",margin:0},children:"Switch between light and dark themes"})]}),e.jsx(i.Badge,{variant:t==="light"?"warning":"primary",size:"lg",children:t==="light"?"☀️ Light":"🌙 Dark"})]}),e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"var(--spacing-3)",padding:"var(--spacing-4)",background:"var(--surface-subtle)",borderRadius:"var(--radius-control)",border:"2px solid var(--border-subtle)"},children:[e.jsx("span",{style:{fontSize:"32px"},children:"☀️"}),e.jsx(x.Switch,{checked:t==="dark",onChange:r=>s(r.target.checked?"dark":"light"),size:"lg"}),e.jsx("span",{style:{fontSize:"32px"},children:"🌙"}),e.jsxs("div",{style:{marginLeft:"auto",display:"flex",gap:"var(--spacing-2)"},children:[e.jsx(l.Button,{variant:t==="light"?"primary":"ghost",size:"sm",onClick:()=>s("light"),children:"Light"}),e.jsx(l.Button,{variant:t==="dark"?"primary":"ghost",size:"sm",onClick:()=>s("dark"),children:"Dark"})]})]})]}),o&&e.jsxs("div",{children:[e.jsxs("div",{style:{marginBottom:"var(--spacing-3)"},children:[e.jsx("label",{style:{display:"block",fontSize:"var(--text-lg)",fontWeight:"var(--font-weight-bold)",color:"var(--text-primary)",marginBottom:"var(--spacing-1)"},children:"Brand Identity"}),e.jsx("p",{style:{fontSize:"var(--text-sm)",color:"var(--text-secondary)",margin:0},children:"Select a brand to see different accent colors and styling"})]}),e.jsx("div",{style:{display:"grid",gridTemplateColumns:"repeat(auto-fit, minmax(250px, 1fr))",gap:"var(--spacing-3)"},children:Object.keys(n).map(r=>e.jsxs("div",{onClick:()=>c(r),style:{padding:"var(--spacing-4)",background:a===r?"var(--interactive-primary)":"var(--surface-subtle)",color:a===r?"white":"var(--text-primary)",borderRadius:"var(--radius-control)",border:`2px solid ${a===r?"var(--interactive-primary)":"var(--border-subtle)"}`,cursor:"pointer",transition:"all 150ms ease"},children:[e.jsxs("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",marginBottom:"var(--spacing-2)"},children:[e.jsx(z.Radio,{name:"brand",value:r,checked:a===r,onChange:()=>c(r),label:r.charAt(0).toUpperCase()+r.slice(1),size:"lg"}),a===r&&e.jsx(i.Badge,{variant:"success",children:"Active"})]}),e.jsx("p",{style:{fontSize:"var(--text-sm)",margin:0,opacity:.8},children:n[r].description})]},r))})]}),y&&e.jsx(w.Alert,{variant:"info",title:"Current Settings",children:e.jsxs("div",{style:{display:"flex",gap:"var(--spacing-2)",flexWrap:"wrap"},children:[e.jsxs(i.Badge,{variant:"primary",children:["Theme: ",t]}),e.jsxs(i.Badge,{variant:"secondary",children:["Brand: ",a]}),e.jsxs(i.Badge,{variant:"secondary",children:["Accent: ",n[a].accent]}),e.jsxs(i.Badge,{variant:"secondary",children:["Radius:"," ",n[a].radius==="9999px"?"9999px (pills)":n[a].radius]})]})})]})})]})};v.displayName="ThemeController";exports.ThemeController=v;

package/dist/components/ThemeController/ThemeController.mjs

@@ -0,0 +1,389 @@
+import { jsxs as a, jsx as r } from "react/jsx-runtime";
+import { useThemeContext as B } from "../../contexts/ThemeContext.mjs";
+import { useTheme as S } from "../../hooks/useTheme.mjs";
+import { Switch as v } from "../Switch/Switch.mjs";
+import { Button as d } from "../Button/Button.mjs";
+import { Card as o } from "../Card/Card.mjs";
+import { Badge as n } from "../Badge/Badge.mjs";
+import { Radio as w } from "../Radio/Radio.mjs";
+import { Alert as F } from "../Alert/Alert.mjs";
+const l = {
+  orion: {
+    accent: "#1B5BFF",
+    radius: "12px",
+    description: "Blue accent • 12px radius"
+  },
+  red: {
+    accent: "#D7282F",
+    radius: "9999px",
+    description: "Red accent • Pill buttons"
+  },
+  deepblue: {
+    accent: "#006FBA",
+    radius: "12px",
+    description: "Deep Blue accent • 12px radius"
+  },
+  orange: {
+    accent: "#F15D22",
+    radius: "9999px",
+    description: "Red-Orange accent • Pill buttons"
+  },
+  ember: {
+    accent: "#F15D22",
+    radius: "12px",
+    description: "Orange accent • Black buttons • 12px radius"
+  },
+  lemon: {
+    accent: "#72FF43",
+    radius: "9999px",
+    description: "Lime green accent • Highly rounded"
+  }
+}, I = ({
+  showBrandSelector: p = !0,
+  showThemeToggle: h = !0,
+  showSummary: y = !0,
+  compact: u = !1,
+  className: g,
+  style: f,
+  onThemeChange: x,
+  onBrandChange: k
+}) => {
+  const C = S();
+  let m = null;
+  try {
+    m = B();
+  } catch {
+  }
+  const { theme: t, brand: i, setTheme: b, setBrand: z } = m ?? C, c = (e) => {
+    b(e), x?.(e);
+  }, s = (e) => {
+    z(e), k?.(e);
+  };
+  return u ? /* @__PURE__ */ a(
+    "div",
+    {
+      className: g,
+      style: {
+        display: "flex",
+        gap: "var(--spacing-3)",
+        alignItems: "center",
+        flexWrap: "wrap"
+      },
+      children: [
+        h && /* @__PURE__ */ a(
+          "div",
+          {
+            style: {
+              display: "flex",
+              alignItems: "center",
+              gap: "var(--spacing-2)"
+            },
+            children: [
+              /* @__PURE__ */ r("span", { style: { fontSize: "20px" }, children: "☀️" }),
+              /* @__PURE__ */ r(
+                v,
+                {
+                  checked: t === "dark",
+                  onChange: (e) => c(e.target.checked ? "dark" : "light")
+                }
+              ),
+              /* @__PURE__ */ r("span", { style: { fontSize: "20px" }, children: "🌙" })
+            ]
+          }
+        ),
+        p && /* @__PURE__ */ r("div", { style: { display: "flex", gap: "var(--spacing-2)" }, children: Object.keys(l).map((e) => /* @__PURE__ */ r(
+          d,
+          {
+            variant: i === e ? "primary" : "secondary",
+            size: "sm",
+            onClick: () => s(e),
+            children: e.charAt(0).toUpperCase() + e.slice(1)
+          },
+          e
+        )) })
+      ]
+    }
+  ) : /* @__PURE__ */ a(
+    o,
+    {
+      variant: "elevated",
+      className: g,
+      style: {
+        background: "var(--interactive-primary)",
+        color: "white",
+        ...f
+      },
+      children: [
+        /* @__PURE__ */ r(o.Header, { children: /* @__PURE__ */ a(
+          "div",
+          {
+            style: {
+              display: "flex",
+              alignItems: "center",
+              gap: "var(--spacing-2)"
+            },
+            children: [
+              /* @__PURE__ */ r("span", { style: { fontSize: "24px" }, children: "🎨" }),
+              /* @__PURE__ */ a("div", { children: [
+                /* @__PURE__ */ r("h3", { style: { margin: 0, color: "white" }, children: "Theme & Brand Settings" }),
+                /* @__PURE__ */ r(
+                  "p",
+                  {
+                    style: {
+                      margin: 0,
+                      fontSize: "var(--text-sm)",
+                      opacity: 0.9,
+                      color: "white"
+                    },
+                    children: "Customize the appearance in real-time"
+                  }
+                )
+              ] })
+            ]
+          }
+        ) }),
+        /* @__PURE__ */ r(
+          o.Body,
+          {
+            style: {
+              background: "var(--surface-base)",
+              color: "var(--text-primary)"
+            },
+            children: /* @__PURE__ */ a("div", { style: { display: "grid", gap: "var(--spacing-6)" }, children: [
+              h && /* @__PURE__ */ a("div", { children: [
+                /* @__PURE__ */ a(
+                  "div",
+                  {
+                    style: {
+                      display: "flex",
+                      alignItems: "center",
+                      justifyContent: "space-between",
+                      marginBottom: "var(--spacing-3)"
+                    },
+                    children: [
+                      /* @__PURE__ */ a("div", { children: [
+                        /* @__PURE__ */ r(
+                          "label",
+                          {
+                            style: {
+                              display: "block",
+                              fontSize: "var(--text-lg)",
+                              fontWeight: "var(--font-weight-bold)",
+                              color: "var(--text-primary)",
+                              marginBottom: "var(--spacing-1)"
+                            },
+                            children: "Color Mode"
+                          }
+                        ),
+                        /* @__PURE__ */ r(
+                          "p",
+                          {
+                            style: {
+                              fontSize: "var(--text-sm)",
+                              color: "var(--text-secondary)",
+                              margin: 0
+                            },
+                            children: "Switch between light and dark themes"
+                          }
+                        )
+                      ] }),
+                      /* @__PURE__ */ r(
+                        n,
+                        {
+                          variant: t === "light" ? "warning" : "primary",
+                          size: "lg",
+                          children: t === "light" ? "☀️ Light" : "🌙 Dark"
+                        }
+                      )
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ a(
+                  "div",
+                  {
+                    style: {
+                      display: "flex",
+                      alignItems: "center",
+                      gap: "var(--spacing-3)",
+                      padding: "var(--spacing-4)",
+                      background: "var(--surface-subtle)",
+                      borderRadius: "var(--radius-control)",
+                      border: "2px solid var(--border-subtle)"
+                    },
+                    children: [
+                      /* @__PURE__ */ r("span", { style: { fontSize: "32px" }, children: "☀️" }),
+                      /* @__PURE__ */ r(
+                        v,
+                        {
+                          checked: t === "dark",
+                          onChange: (e) => c(e.target.checked ? "dark" : "light"),
+                          size: "lg"
+                        }
+                      ),
+                      /* @__PURE__ */ r("span", { style: { fontSize: "32px" }, children: "🌙" }),
+                      /* @__PURE__ */ a(
+                        "div",
+                        {
+                          style: {
+                            marginLeft: "auto",
+                            display: "flex",
+                            gap: "var(--spacing-2)"
+                          },
+                          children: [
+                            /* @__PURE__ */ r(
+                              d,
+                              {
+                                variant: t === "light" ? "primary" : "ghost",
+                                size: "sm",
+                                onClick: () => c("light"),
+                                children: "Light"
+                              }
+                            ),
+                            /* @__PURE__ */ r(
+                              d,
+                              {
+                                variant: t === "dark" ? "primary" : "ghost",
+                                size: "sm",
+                                onClick: () => c("dark"),
+                                children: "Dark"
+                              }
+                            )
+                          ]
+                        }
+                      )
+                    ]
+                  }
+                )
+              ] }),
+              p && /* @__PURE__ */ a("div", { children: [
+                /* @__PURE__ */ a("div", { style: { marginBottom: "var(--spacing-3)" }, children: [
+                  /* @__PURE__ */ r(
+                    "label",
+                    {
+                      style: {
+                        display: "block",
+                        fontSize: "var(--text-lg)",
+                        fontWeight: "var(--font-weight-bold)",
+                        color: "var(--text-primary)",
+                        marginBottom: "var(--spacing-1)"
+                      },
+                      children: "Brand Identity"
+                    }
+                  ),
+                  /* @__PURE__ */ r(
+                    "p",
+                    {
+                      style: {
+                        fontSize: "var(--text-sm)",
+                        color: "var(--text-secondary)",
+                        margin: 0
+                      },
+                      children: "Select a brand to see different accent colors and styling"
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ r(
+                  "div",
+                  {
+                    style: {
+                      display: "grid",
+                      gridTemplateColumns: "repeat(auto-fit, minmax(250px, 1fr))",
+                      gap: "var(--spacing-3)"
+                    },
+                    children: Object.keys(l).map((e) => /* @__PURE__ */ a(
+                      "div",
+                      {
+                        onClick: () => s(e),
+                        style: {
+                          padding: "var(--spacing-4)",
+                          background: i === e ? "var(--interactive-primary)" : "var(--surface-subtle)",
+                          color: i === e ? "white" : "var(--text-primary)",
+                          borderRadius: "var(--radius-control)",
+                          border: `2px solid ${i === e ? "var(--interactive-primary)" : "var(--border-subtle)"}`,
+                          cursor: "pointer",
+                          transition: "all 150ms ease"
+                        },
+                        children: [
+                          /* @__PURE__ */ a(
+                            "div",
+                            {
+                              style: {
+                                display: "flex",
+                                alignItems: "center",
+                                justifyContent: "space-between",
+                                marginBottom: "var(--spacing-2)"
+                              },
+                              children: [
+                                /* @__PURE__ */ r(
+                                  w,
+                                  {
+                                    name: "brand",
+                                    value: e,
+                                    checked: i === e,
+                                    onChange: () => s(e),
+                                    label: e.charAt(0).toUpperCase() + e.slice(1),
+                                    size: "lg"
+                                  }
+                                ),
+                                i === e && /* @__PURE__ */ r(n, { variant: "success", children: "Active" })
+                              ]
+                            }
+                          ),
+                          /* @__PURE__ */ r(
+                            "p",
+                            {
+                              style: {
+                                fontSize: "var(--text-sm)",
+                                margin: 0,
+                                opacity: 0.8
+                              },
+                              children: l[e].description
+                            }
+                          )
+                        ]
+                      },
+                      e
+                    ))
+                  }
+                )
+              ] }),
+              y && /* @__PURE__ */ r(F, { variant: "info", title: "Current Settings", children: /* @__PURE__ */ a(
+                "div",
+                {
+                  style: {
+                    display: "flex",
+                    gap: "var(--spacing-2)",
+                    flexWrap: "wrap"
+                  },
+                  children: [
+                    /* @__PURE__ */ a(n, { variant: "primary", children: [
+                      "Theme: ",
+                      t
+                    ] }),
+                    /* @__PURE__ */ a(n, { variant: "secondary", children: [
+                      "Brand: ",
+                      i
+                    ] }),
+                    /* @__PURE__ */ a(n, { variant: "secondary", children: [
+                      "Accent: ",
+                      l[i].accent
+                    ] }),
+                    /* @__PURE__ */ a(n, { variant: "secondary", children: [
+                      "Radius:",
+                      " ",
+                      l[i].radius === "9999px" ? "9999px (pills)" : l[i].radius
+                    ] })
+                  ]
+                }
+              ) })
+            ] })
+          }
+        )
+      ]
+    }
+  );
+};
+I.displayName = "ThemeController";
+export {
+  I as ThemeController
+};

package/dist/components/Toast/Toast.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),r=require("react"),L=require("react-dom"),o=require("./Toast.module.css.cjs");let M=0;const N=()=>`toast-${++M}`,m=r.createContext(null),y=()=>{const e=r.useContext(m);if(!e)throw new Error("useToast must be used within a ToastProvider");return e},B=({toast:e,onDismiss:u})=>{const[l,d]=r.useState(!1),a=r.useRef(null),c=r.useCallback(()=>{d(!0),setTimeout(()=>{u(e.id),e.onDismiss?.()},200)},[e,u]);r.useEffect(()=>{if(e.duration&&e.duration>0)return a.current=setTimeout(c,e.duration),()=>{a.current&&clearTimeout(a.current)}},[e.duration,c]);const i=()=>{a.current&&clearTimeout(a.current)},h=()=>{e.duration&&e.duration>0&&(a.current=setTimeout(c,e.duration))},f=[o.default.toast,o.default[e.variant||"info"],l&&o.default.exiting].filter(Boolean).join(" "),k=()=>{switch(e.variant){case"success":return t.jsx("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",children:t.jsx("path",{d:"M16.667 5L7.5 14.167 3.333 10",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})});case"error":return t.jsxs("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",children:[t.jsx("circle",{cx:"10",cy:"10",r:"7.5",stroke:"currentColor",strokeWidth:"1.5"}),t.jsx("path",{d:"M10 6v5M10 13.5v.5",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"})]});case"warning":return t.jsxs("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",children:[t.jsx("path",{d:"M8.57 3.216L1.538 15.143a1.667 1.667 0 001.429 2.524h14.066a1.667 1.667 0 001.429-2.524L11.43 3.216a1.667 1.667 0 00-2.858 0z",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),t.jsx("path",{d:"M10 7.5v3.333M10 14.167h.008",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})]});default:return t.jsxs("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",children:[t.jsx("circle",{cx:"10",cy:"10",r:"7.5",stroke:"currentColor",strokeWidth:"1.5"}),t.jsx("path",{d:"M10 9v4.5M10 6.5v.5",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"})]})}};return t.jsxs("div",{className:f,role:"alert","aria-live":"polite",onMouseEnter:i,onMouseLeave:h,children:[t.jsx("span",{className:o.default.icon,"aria-hidden":"true",children:k()}),t.jsxs("div",{className:o.default.content,children:[e.title&&t.jsx("div",{className:o.default.title,children:e.title}),t.jsx("div",{className:o.default.message,children:e.message})]}),e.action&&t.jsx("button",{type:"button",className:o.default.action,onClick:()=>{e.action?.onClick(),c()},children:e.action.label}),e.dismissible!==!1&&t.jsx("button",{type:"button",className:o.default.closeButton,onClick:c,"aria-label":"Dismiss",children:t.jsx("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",children:t.jsx("path",{d:"M12 4L4 12M4 4l8 8",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})})})]})},j=({children:e,position:u="bottom-right",maxToasts:l=5,defaultDuration:d=5e3})=>{const[a,c]=r.useState([]),i=r.useCallback(s=>{const n=N(),v={id:n,duration:d,dismissible:!0,variant:"info",...s};return c(T=>{const x=[...T,v];return x.length>l?x.slice(-l):x}),n},[d,l]),h=r.useCallback(s=>{c(n=>n.filter(v=>v.id!==s))},[]),f=r.useCallback(()=>{c([])},[]),k=r.useCallback((s,n)=>i({message:s,variant:"info",...n}),[i]),g=r.useCallback((s,n)=>i({message:s,variant:"success",...n}),[i]),C=r.useCallback((s,n)=>i({message:s,variant:"warning",...n}),[i]),b=r.useCallback((s,n)=>i({message:s,variant:"error",...n}),[i]),p={toast:i,info:k,success:g,warning:C,error:b,dismiss:h,dismissAll:f},w=[o.default.container,o.default[u]].filter(Boolean).join(" ");return t.jsxs(m.Provider,{value:p,children:[e,a.length>0&&L.createPortal(t.jsx("div",{className:w,"aria-label":"Notifications",children:a.map(s=>t.jsx(B,{toast:s,onDismiss:h},s.id))}),document.body)]})};j.displayName="ToastProvider";exports.ToastProvider=j;exports.useToast=y;

package/dist/components/Toast/Toast.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Toast.d.ts","sourceRoot":"","sources":["../../../src/components/Toast/Toast.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAWH,OAAO,KAAK,EAGV,kBAAkB,EAClB,iBAAiB,EAElB,MAAM,eAAe,CAAC;AAUvB;;GAEG;AACH,eAAO,MAAM,QAAQ,QAAO,iBAM3B,CAAC;AA8KF;;GAEG;AACH,eAAO,MAAM,aAAa;0DAKvB,kBAAkB;;CA6FpB,CAAC"}
+{"version":3,"file":"Toast.d.ts","sourceRoot":"","sources":["../../../src/components/Toast/Toast.tsx"],"names":[],"mappings":"AAgCA,OAAO,KAAK,EAGV,kBAAkB,EAClB,iBAAiB,EAElB,MAAM,eAAe,CAAC;AAUvB;;GAEG;AACH,eAAO,MAAM,QAAQ,QAAO,iBAM3B,CAAC;AA8KF;;GAEG;AACH,eAAO,MAAM,aAAa;0DAKvB,kBAAkB;;CA6FpB,CAAC"}