@nofinite/nui 1.0.1 → 1.0.2

package/dist/components/accordion/Accordion.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),p=require("react");;/* empty css                */function x({items:s,defaultOpenId:i,multiple:d=!1,className:l=""}){const[t,u]=p.useState(i?[i]:[]),c=e=>t.includes(e),a=e=>{u(n=>d?c(e)?n.filter(r=>r!==e):[...n,e]:c(e)?[]:[e])};return o.jsx("div",{className:`ui-accordion ${l}`,children:s.map(e=>{const n=c(e.id);return o.jsxs("div",{className:"ui-accordion-item",children:[o.jsxs("button",{className:"ui-accordion-header","aria-expanded":n,"aria-controls":`panel-${e.id}`,id:`accordion-${e.id}`,onClick:()=>a(e.id),onKeyDown:r=>{(r.key==="Enter"||r.key===" ")&&(r.preventDefault(),a(e.id))},children:[e.title,o.jsx("span",{children:n?"–":"+"})]}),o.jsx("div",{id:`panel-${e.id}`,role:"region","aria-labelledby":`accordion-${e.id}`,className:`ui-accordion-panel ${n?"ui-accordion-panel--open":""}`,children:n&&o.jsx("div",{style:{padding:"8px 0",color:"var(--color-text)"},children:e.content})})]},e.id)})})}exports.Accordion=x;
+//# sourceMappingURL=Accordion.cjs.map

package/dist/components/accordion/Accordion.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Accordion.cjs","sources":["../../../../src/components/accordion/Accordion.tsx"],"sourcesContent":["/**\r\n * Accordion.tsx\r\n * ---------------\r\n * Fully accessible WAI-ARIA accordion.\r\n * Single-component API.\r\n */\r\n\r\nimport React, { useState } from 'react';\r\n\r\nimport './Accordion.css';\r\n\r\nexport interface AccordionItem {\r\n  id: string;\r\n  title: string;\r\n  content: React.ReactNode;\r\n}\r\n\r\ninterface AccordionProps {\r\n  /** List of accordion sections */\r\n  items: AccordionItem[];\r\n\r\n  /** Default opened item ID (optional) */\r\n  defaultOpenId?: string;\r\n\r\n  /** Allow multiple open panels? Default: false */\r\n  multiple?: boolean;\r\n\r\n  className?: string;\r\n}\r\n\r\nexport function Accordion({\r\n  items,\r\n  defaultOpenId,\r\n  multiple = false,\r\n  className = '',\r\n}: AccordionProps) {\r\n  const [openIds, setOpenIds] = useState<string[]>(\r\n    defaultOpenId ? [defaultOpenId] : []\r\n  );\r\n\r\n  const isOpen = (id: string) => openIds.includes(id);\r\n\r\n  const toggle = (id: string) => {\r\n    setOpenIds((prev) => {\r\n      if (multiple) {\r\n        return isOpen(id) ? prev.filter((x) => x !== id) : [...prev, id];\r\n      } else {\r\n        return isOpen(id) ? [] : [id];\r\n      }\r\n    });\r\n  };\r\n\r\n  return (\r\n    <div className={`ui-accordion ${className}`}>\r\n      {items.map((item) => {\r\n        const open = isOpen(item.id);\r\n\r\n        return (\r\n          <div key={item.id} className=\"ui-accordion-item\">\r\n            {/* HEADER BUTTON */}\r\n            <button\r\n              className=\"ui-accordion-header\"\r\n              aria-expanded={open}\r\n              aria-controls={`panel-${item.id}`}\r\n              id={`accordion-${item.id}`}\r\n              onClick={() => toggle(item.id)}\r\n              onKeyDown={(e) => {\r\n                if (e.key === 'Enter' || e.key === ' ') {\r\n                  e.preventDefault();\r\n                  toggle(item.id);\r\n                }\r\n              }}\r\n            >\r\n              {item.title}\r\n              <span>{open ? '–' : '+'}</span>\r\n            </button>\r\n\r\n            {/* PANEL */}\r\n            <div\r\n              id={`panel-${item.id}`}\r\n              role=\"region\"\r\n              aria-labelledby={`accordion-${item.id}`}\r\n              className={`ui-accordion-panel ${\r\n                open ? 'ui-accordion-panel--open' : ''\r\n              }`}\r\n            >\r\n              {open && (\r\n                <div style={{ padding: '8px 0', color: 'var(--color-text)' }}>\r\n                  {item.content}\r\n                </div>\r\n              )}\r\n            </div>\r\n          </div>\r\n        );\r\n      })}\r\n    </div>\r\n  );\r\n}\r\n"],"names":["Accordion","items","defaultOpenId","multiple","className","openIds","setOpenIds","useState","isOpen","id","toggle","prev","x","jsx","item","open","jsxs","e"],"mappings":"uKA8BO,SAASA,EAAU,CACxB,MAAAC,EACA,cAAAC,EACA,SAAAC,EAAW,GACX,UAAAC,EAAY,EACd,EAAmB,CACjB,KAAM,CAACC,EAASC,CAAU,EAAIC,EAAAA,SAC5BL,EAAgB,CAACA,CAAa,EAAI,CAAA,CAAC,EAG/BM,EAAUC,GAAeJ,EAAQ,SAASI,CAAE,EAE5CC,EAAUD,GAAe,CAC7BH,EAAYK,GACNR,EACKK,EAAOC,CAAE,EAAIE,EAAK,OAAQC,GAAMA,IAAMH,CAAE,EAAI,CAAC,GAAGE,EAAMF,CAAE,EAExDD,EAAOC,CAAE,EAAI,CAAA,EAAK,CAACA,CAAE,CAE/B,CACH,EAEA,OACEI,MAAC,OAAI,UAAW,gBAAgBT,CAAS,GACtC,SAAAH,EAAM,IAAKa,GAAS,CACnB,MAAMC,EAAOP,EAAOM,EAAK,EAAE,EAE3B,OACEE,EAAAA,KAAC,MAAA,CAAkB,UAAU,oBAE3B,SAAA,CAAAA,EAAAA,KAAC,SAAA,CACC,UAAU,sBACV,gBAAeD,EACf,gBAAe,SAASD,EAAK,EAAE,GAC/B,GAAI,aAAaA,EAAK,EAAE,GACxB,QAAS,IAAMJ,EAAOI,EAAK,EAAE,EAC7B,UAAYG,GAAM,EACZA,EAAE,MAAQ,SAAWA,EAAE,MAAQ,OACjCA,EAAE,eAAA,EACFP,EAAOI,EAAK,EAAE,EAElB,EAEC,SAAA,CAAAA,EAAK,MACND,EAAAA,IAAC,OAAA,CAAM,SAAAE,EAAO,IAAM,GAAA,CAAI,CAAA,CAAA,CAAA,EAI1BF,EAAAA,IAAC,MAAA,CACC,GAAI,SAASC,EAAK,EAAE,GACpB,KAAK,SACL,kBAAiB,aAAaA,EAAK,EAAE,GACrC,UAAW,sBACTC,EAAO,2BAA6B,EACtC,GAEC,SAAAA,GACCF,EAAAA,IAAC,MAAA,CAAI,MAAO,CAAE,QAAS,QAAS,MAAO,mBAAA,EACpC,SAAAC,EAAK,OAAA,CACR,CAAA,CAAA,CAEJ,CAAA,EAjCQA,EAAK,EAkCf,CAEJ,CAAC,CAAA,CACH,CAEJ"}

package/dist/components/accordion/Accordion.js

@@ -0,0 +1,51 @@
+import { jsx as e, jsxs as d } from "react/jsx-runtime";
+import { useState as f } from "react";
+/* empty css              */
+function v({
+  items: l,
+  defaultOpenId: i,
+  multiple: s = !1,
+  className: t = ""
+}) {
+  const [p, u] = f(
+    i ? [i] : []
+  ), c = (n) => p.includes(n), a = (n) => {
+    u((o) => s ? c(n) ? o.filter((r) => r !== n) : [...o, n] : c(n) ? [] : [n]);
+  };
+  return /* @__PURE__ */ e("div", { className: `ui-accordion ${t}`, children: l.map((n) => {
+    const o = c(n.id);
+    return /* @__PURE__ */ d("div", { className: "ui-accordion-item", children: [
+      /* @__PURE__ */ d(
+        "button",
+        {
+          className: "ui-accordion-header",
+          "aria-expanded": o,
+          "aria-controls": `panel-${n.id}`,
+          id: `accordion-${n.id}`,
+          onClick: () => a(n.id),
+          onKeyDown: (r) => {
+            (r.key === "Enter" || r.key === " ") && (r.preventDefault(), a(n.id));
+          },
+          children: [
+            n.title,
+            /* @__PURE__ */ e("span", { children: o ? "–" : "+" })
+          ]
+        }
+      ),
+      /* @__PURE__ */ e(
+        "div",
+        {
+          id: `panel-${n.id}`,
+          role: "region",
+          "aria-labelledby": `accordion-${n.id}`,
+          className: `ui-accordion-panel ${o ? "ui-accordion-panel--open" : ""}`,
+          children: o && /* @__PURE__ */ e("div", { style: { padding: "8px 0", color: "var(--color-text)" }, children: n.content })
+        }
+      )
+    ] }, n.id);
+  }) });
+}
+export {
+  v as Accordion
+};
+//# sourceMappingURL=Accordion.js.map

package/dist/components/accordion/Accordion.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Accordion.js","sources":["../../../../src/components/accordion/Accordion.tsx"],"sourcesContent":["/**\r\n * Accordion.tsx\r\n * ---------------\r\n * Fully accessible WAI-ARIA accordion.\r\n * Single-component API.\r\n */\r\n\r\nimport React, { useState } from 'react';\r\n\r\nimport './Accordion.css';\r\n\r\nexport interface AccordionItem {\r\n  id: string;\r\n  title: string;\r\n  content: React.ReactNode;\r\n}\r\n\r\ninterface AccordionProps {\r\n  /** List of accordion sections */\r\n  items: AccordionItem[];\r\n\r\n  /** Default opened item ID (optional) */\r\n  defaultOpenId?: string;\r\n\r\n  /** Allow multiple open panels? Default: false */\r\n  multiple?: boolean;\r\n\r\n  className?: string;\r\n}\r\n\r\nexport function Accordion({\r\n  items,\r\n  defaultOpenId,\r\n  multiple = false,\r\n  className = '',\r\n}: AccordionProps) {\r\n  const [openIds, setOpenIds] = useState<string[]>(\r\n    defaultOpenId ? [defaultOpenId] : []\r\n  );\r\n\r\n  const isOpen = (id: string) => openIds.includes(id);\r\n\r\n  const toggle = (id: string) => {\r\n    setOpenIds((prev) => {\r\n      if (multiple) {\r\n        return isOpen(id) ? prev.filter((x) => x !== id) : [...prev, id];\r\n      } else {\r\n        return isOpen(id) ? [] : [id];\r\n      }\r\n    });\r\n  };\r\n\r\n  return (\r\n    <div className={`ui-accordion ${className}`}>\r\n      {items.map((item) => {\r\n        const open = isOpen(item.id);\r\n\r\n        return (\r\n          <div key={item.id} className=\"ui-accordion-item\">\r\n            {/* HEADER BUTTON */}\r\n            <button\r\n              className=\"ui-accordion-header\"\r\n              aria-expanded={open}\r\n              aria-controls={`panel-${item.id}`}\r\n              id={`accordion-${item.id}`}\r\n              onClick={() => toggle(item.id)}\r\n              onKeyDown={(e) => {\r\n                if (e.key === 'Enter' || e.key === ' ') {\r\n                  e.preventDefault();\r\n                  toggle(item.id);\r\n                }\r\n              }}\r\n            >\r\n              {item.title}\r\n              <span>{open ? '–' : '+'}</span>\r\n            </button>\r\n\r\n            {/* PANEL */}\r\n            <div\r\n              id={`panel-${item.id}`}\r\n              role=\"region\"\r\n              aria-labelledby={`accordion-${item.id}`}\r\n              className={`ui-accordion-panel ${\r\n                open ? 'ui-accordion-panel--open' : ''\r\n              }`}\r\n            >\r\n              {open && (\r\n                <div style={{ padding: '8px 0', color: 'var(--color-text)' }}>\r\n                  {item.content}\r\n                </div>\r\n              )}\r\n            </div>\r\n          </div>\r\n        );\r\n      })}\r\n    </div>\r\n  );\r\n}\r\n"],"names":["Accordion","items","defaultOpenId","multiple","className","openIds","setOpenIds","useState","isOpen","id","toggle","prev","x","jsx","item","open","jsxs","e"],"mappings":";;;AA8BO,SAASA,EAAU;AAAA,EACxB,OAAAC;AAAA,EACA,eAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,WAAAC,IAAY;AACd,GAAmB;AACjB,QAAM,CAACC,GAASC,CAAU,IAAIC;AAAA,IAC5BL,IAAgB,CAACA,CAAa,IAAI,CAAA;AAAA,EAAC,GAG/BM,IAAS,CAACC,MAAeJ,EAAQ,SAASI,CAAE,GAE5CC,IAAS,CAACD,MAAe;AAC7B,IAAAH,EAAW,CAACK,MACNR,IACKK,EAAOC,CAAE,IAAIE,EAAK,OAAO,CAACC,MAAMA,MAAMH,CAAE,IAAI,CAAC,GAAGE,GAAMF,CAAE,IAExDD,EAAOC,CAAE,IAAI,CAAA,IAAK,CAACA,CAAE,CAE/B;AAAA,EACH;AAEA,SACE,gBAAAI,EAAC,SAAI,WAAW,gBAAgBT,CAAS,IACtC,UAAAH,EAAM,IAAI,CAACa,MAAS;AACnB,UAAMC,IAAOP,EAAOM,EAAK,EAAE;AAE3B,WACE,gBAAAE,EAAC,OAAA,EAAkB,WAAU,qBAE3B,UAAA;AAAA,MAAA,gBAAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAU;AAAA,UACV,iBAAeD;AAAA,UACf,iBAAe,SAASD,EAAK,EAAE;AAAA,UAC/B,IAAI,aAAaA,EAAK,EAAE;AAAA,UACxB,SAAS,MAAMJ,EAAOI,EAAK,EAAE;AAAA,UAC7B,WAAW,CAACG,MAAM;AAChB,aAAIA,EAAE,QAAQ,WAAWA,EAAE,QAAQ,SACjCA,EAAE,eAAA,GACFP,EAAOI,EAAK,EAAE;AAAA,UAElB;AAAA,UAEC,UAAA;AAAA,YAAAA,EAAK;AAAA,YACN,gBAAAD,EAAC,QAAA,EAAM,UAAAE,IAAO,MAAM,IAAA,CAAI;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,MAI1B,gBAAAF;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,IAAI,SAASC,EAAK,EAAE;AAAA,UACpB,MAAK;AAAA,UACL,mBAAiB,aAAaA,EAAK,EAAE;AAAA,UACrC,WAAW,sBACTC,IAAO,6BAA6B,EACtC;AAAA,UAEC,UAAAA,KACC,gBAAAF,EAAC,OAAA,EAAI,OAAO,EAAE,SAAS,SAAS,OAAO,oBAAA,GACpC,UAAAC,EAAK,QAAA,CACR;AAAA,QAAA;AAAA,MAAA;AAAA,IAEJ,EAAA,GAjCQA,EAAK,EAkCf;AAAA,EAEJ,CAAC,EAAA,CACH;AAEJ;"}

package/dist/components/alert/Alert.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime");;/* empty css            */function c({type:r="info",title:l,children:t,closable:s=!1,onClose:a,className:i=""}){const n=r==="error"||r==="warning"?"alert":"status";return e.jsxs("div",{className:`ui-alert ui-alert--${r} ${i}`,role:n,children:[e.jsxs("div",{className:"ui-alert-content",children:[l&&e.jsx("div",{className:"ui-alert-title",children:l}),t]}),s&&e.jsx("button",{type:"button",className:"ui-alert-close","aria-label":"Close alert",onClick:a,children:"×"})]})}exports.Alert=c;
+//# sourceMappingURL=Alert.cjs.map

package/dist/components/alert/Alert.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Alert.cjs","sources":["../../../../src/components/alert/Alert.tsx"],"sourcesContent":["/**\r\n * Alert.tsx\r\n * ----------\r\n * WCAG-compliant alert component.\r\n *\r\n * - Uses correct roles:\r\n *    type=\"error\"/\"warning\" → role=\"alert\" (urgent)\r\n *    type=\"info\"/\"success\" → role=\"status\" (non-urgent)\r\n *\r\n * - Supports:\r\n *   - title\r\n *   - closable\r\n *   - variants\r\n *   - icons (optional)\r\n */\r\n\r\nimport React from 'react';\r\nimport './Alert.css';\r\n\r\ntype AlertType = 'info' | 'success' | 'warning' | 'error';\r\n\r\ninterface AlertProps {\r\n  type?: AlertType;\r\n  title?: string;\r\n  children?: React.ReactNode;\r\n  closable?: boolean;\r\n  onClose?: () => void;\r\n  className?: string;\r\n}\r\n\r\nexport function Alert({\r\n  type = 'info',\r\n  title,\r\n  children,\r\n  closable = false,\r\n  onClose,\r\n  className = '',\r\n}: AlertProps) {\r\n  // WCAG rule:\r\n  // - errors & warnings = role=\"alert\"\r\n  // - info & success = role=\"status\"\r\n  const role = type === 'error' || type === 'warning' ? 'alert' : 'status';\r\n\r\n  return (\r\n    <div className={`ui-alert ui-alert--${type} ${className}`} role={role}>\r\n      <div className=\"ui-alert-content\">\r\n        {title && <div className=\"ui-alert-title\">{title}</div>}\r\n        {children}\r\n      </div>\r\n\r\n      {closable && (\r\n        <button\r\n          type=\"button\"\r\n          className=\"ui-alert-close\"\r\n          aria-label=\"Close alert\"\r\n          onClick={onClose}\r\n        >\r\n          ×\r\n        </button>\r\n      )}\r\n    </div>\r\n  );\r\n}\r\n"],"names":["Alert","type","title","children","closable","onClose","className","role","jsxs","jsx"],"mappings":"gJA8BO,SAASA,EAAM,CACpB,KAAAC,EAAO,OACP,MAAAC,EACA,SAAAC,EACA,SAAAC,EAAW,GACX,QAAAC,EACA,UAAAC,EAAY,EACd,EAAe,CAIb,MAAMC,EAAON,IAAS,SAAWA,IAAS,UAAY,QAAU,SAEhE,OACEO,OAAC,OAAI,UAAW,sBAAsBP,CAAI,IAAIK,CAAS,GAAI,KAAAC,EACzD,SAAA,CAAAC,EAAAA,KAAC,MAAA,CAAI,UAAU,mBACZ,SAAA,CAAAN,GAASO,EAAAA,IAAC,MAAA,CAAI,UAAU,iBAAkB,SAAAP,EAAM,EAChDC,CAAA,EACH,EAECC,GACCK,EAAAA,IAAC,SAAA,CACC,KAAK,SACL,UAAU,iBACV,aAAW,cACX,QAASJ,EACV,SAAA,GAAA,CAAA,CAED,EAEJ,CAEJ"}

package/dist/components/alert/Alert.js

@@ -0,0 +1,32 @@
+import { jsxs as l, jsx as a } from "react/jsx-runtime";
+/* empty css          */
+function d({
+  type: e = "info",
+  title: r,
+  children: t,
+  closable: i = !1,
+  onClose: s,
+  className: n = ""
+}) {
+  const o = e === "error" || e === "warning" ? "alert" : "status";
+  return /* @__PURE__ */ l("div", { className: `ui-alert ui-alert--${e} ${n}`, role: o, children: [
+    /* @__PURE__ */ l("div", { className: "ui-alert-content", children: [
+      r && /* @__PURE__ */ a("div", { className: "ui-alert-title", children: r }),
+      t
+    ] }),
+    i && /* @__PURE__ */ a(
+      "button",
+      {
+        type: "button",
+        className: "ui-alert-close",
+        "aria-label": "Close alert",
+        onClick: s,
+        children: "×"
+      }
+    )
+  ] });
+}
+export {
+  d as Alert
+};
+//# sourceMappingURL=Alert.js.map

package/dist/components/alert/Alert.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Alert.js","sources":["../../../../src/components/alert/Alert.tsx"],"sourcesContent":["/**\r\n * Alert.tsx\r\n * ----------\r\n * WCAG-compliant alert component.\r\n *\r\n * - Uses correct roles:\r\n *    type=\"error\"/\"warning\" → role=\"alert\" (urgent)\r\n *    type=\"info\"/\"success\" → role=\"status\" (non-urgent)\r\n *\r\n * - Supports:\r\n *   - title\r\n *   - closable\r\n *   - variants\r\n *   - icons (optional)\r\n */\r\n\r\nimport React from 'react';\r\nimport './Alert.css';\r\n\r\ntype AlertType = 'info' | 'success' | 'warning' | 'error';\r\n\r\ninterface AlertProps {\r\n  type?: AlertType;\r\n  title?: string;\r\n  children?: React.ReactNode;\r\n  closable?: boolean;\r\n  onClose?: () => void;\r\n  className?: string;\r\n}\r\n\r\nexport function Alert({\r\n  type = 'info',\r\n  title,\r\n  children,\r\n  closable = false,\r\n  onClose,\r\n  className = '',\r\n}: AlertProps) {\r\n  // WCAG rule:\r\n  // - errors & warnings = role=\"alert\"\r\n  // - info & success = role=\"status\"\r\n  const role = type === 'error' || type === 'warning' ? 'alert' : 'status';\r\n\r\n  return (\r\n    <div className={`ui-alert ui-alert--${type} ${className}`} role={role}>\r\n      <div className=\"ui-alert-content\">\r\n        {title && <div className=\"ui-alert-title\">{title}</div>}\r\n        {children}\r\n      </div>\r\n\r\n      {closable && (\r\n        <button\r\n          type=\"button\"\r\n          className=\"ui-alert-close\"\r\n          aria-label=\"Close alert\"\r\n          onClick={onClose}\r\n        >\r\n          ×\r\n        </button>\r\n      )}\r\n    </div>\r\n  );\r\n}\r\n"],"names":["Alert","type","title","children","closable","onClose","className","role","jsxs","jsx"],"mappings":";;AA8BO,SAASA,EAAM;AAAA,EACpB,MAAAC,IAAO;AAAA,EACP,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,SAAAC;AAAA,EACA,WAAAC,IAAY;AACd,GAAe;AAIb,QAAMC,IAAON,MAAS,WAAWA,MAAS,YAAY,UAAU;AAEhE,SACE,gBAAAO,EAAC,SAAI,WAAW,sBAAsBP,CAAI,IAAIK,CAAS,IAAI,MAAAC,GACzD,UAAA;AAAA,IAAA,gBAAAC,EAAC,OAAA,EAAI,WAAU,oBACZ,UAAA;AAAA,MAAAN,KAAS,gBAAAO,EAAC,OAAA,EAAI,WAAU,kBAAkB,UAAAP,GAAM;AAAA,MAChDC;AAAA,IAAA,GACH;AAAA,IAECC,KACC,gBAAAK;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,WAAU;AAAA,QACV,cAAW;AAAA,QACX,SAASJ;AAAA,QACV,UAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAED,GAEJ;AAEJ;"}

package/dist/components/avatar/Avatar.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),f=require("react");;/* empty css             */function h(e){if(!e)return"";const r=e.trim().split(" ");return r.length===1?r[0].charAt(0).toUpperCase():(r[0][0]+r[1][0]).toUpperCase()}function x({src:e,alt:r,name:i,size:l="md",shape:u="circle",status:t,loading:s=!1,className:c="",fallbackIcon:n}){const[p,v]=f.useState(!1),o=h(i),d=["ui-avatar",`ui-avatar--${l}`,`ui-avatar--${u}`,s&&"ui-avatar-loading",c].filter(Boolean).join(" "),j=e&&!p&&!s;return a.jsxs("div",{className:d,"aria-label":r||i,children:[j?a.jsx("img",{src:e,alt:r||i||"avatar",onError:()=>v(!0)}):o?a.jsx("span",{children:o}):n?a.jsx("span",{children:n}):a.jsx("span",{children:"?"}),t&&a.jsx("span",{className:["ui-avatar-status",t&&`ui-avatar-status--${t}`].filter(Boolean).join(" "),"aria-label":t})]})}exports.Avatar=x;
+//# sourceMappingURL=Avatar.cjs.map

package/dist/components/avatar/Avatar.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.cjs","sources":["../../../../src/components/avatar/Avatar.tsx"],"sourcesContent":["/**\r\n * Avatar.tsx\r\n * Enterprise-grade Avatar component.\r\n */\r\nimport React, { useState } from 'react';\r\nimport './Avatar.css';\r\n\r\ntype AvatarSize = 'sm' | 'md' | 'lg' | 'xl';\r\ntype AvatarShape = 'circle' | 'rounded' | 'square';\r\ntype Status = 'online' | 'offline' | 'busy' | undefined;\r\n\r\ninterface AvatarProps {\r\n  src?: string;\r\n  alt?: string;\r\n  name?: string; // For initials fallback\r\n  size?: AvatarSize;\r\n  shape?: AvatarShape;\r\n  status?: Status;\r\n  loading?: boolean; // skeleton\r\n  className?: string;\r\n  fallbackIcon?: React.ReactNode;\r\n}\r\n\r\nfunction getInitials(name?: string): string {\r\n  if (!name) return '';\r\n  const parts = name.trim().split(' ');\r\n  if (parts.length === 1) return parts[0].charAt(0).toUpperCase();\r\n  return (parts[0][0] + parts[1][0]).toUpperCase();\r\n}\r\n\r\nexport function Avatar({\r\n  src,\r\n  alt,\r\n  name,\r\n  size = 'md',\r\n  shape = 'circle',\r\n  status,\r\n  loading = false,\r\n  className = '',\r\n  fallbackIcon,\r\n}: AvatarProps) {\r\n  const [errored, setErrored] = useState(false);\r\n  const initials = getInitials(name);\r\n\r\n  const classes = [\r\n    'ui-avatar',\r\n    `ui-avatar--${size}`,\r\n    `ui-avatar--${shape}`,\r\n    loading && 'ui-avatar-loading',\r\n    className,\r\n  ]\r\n    .filter(Boolean)\r\n    .join(' ');\r\n\r\n  const showImage = src && !errored && !loading;\r\n\r\n  return (\r\n    <div className={classes} aria-label={alt || name}>\r\n      {showImage ? (\r\n        <img\r\n          src={src}\r\n          alt={alt || name || 'avatar'}\r\n          onError={() => setErrored(true)}\r\n        />\r\n      ) : initials ? (\r\n        <span>{initials}</span>\r\n      ) : fallbackIcon ? (\r\n        <span>{fallbackIcon}</span>\r\n      ) : (\r\n        <span>?</span>\r\n      )}\r\n\r\n      {status && (\r\n        <span\r\n          className={[\r\n            'ui-avatar-status',\r\n            status && `ui-avatar-status--${status}`,\r\n          ]\r\n            .filter(Boolean)\r\n            .join(' ')}\r\n          aria-label={status}\r\n        />\r\n      )}\r\n    </div>\r\n  );\r\n}\r\n"],"names":["getInitials","name","parts","Avatar","src","alt","size","shape","status","loading","className","fallbackIcon","errored","setErrored","useState","initials","classes","showImage","jsx"],"mappings":"oKAuBA,SAASA,EAAYC,EAAuB,CAC1C,GAAI,CAACA,EAAM,MAAO,GAClB,MAAMC,EAAQD,EAAK,KAAA,EAAO,MAAM,GAAG,EACnC,OAAIC,EAAM,SAAW,EAAUA,EAAM,CAAC,EAAE,OAAO,CAAC,EAAE,YAAA,GAC1CA,EAAM,CAAC,EAAE,CAAC,EAAIA,EAAM,CAAC,EAAE,CAAC,GAAG,YAAA,CACrC,CAEO,SAASC,EAAO,CACrB,IAAAC,EACA,IAAAC,EACA,KAAAJ,EACA,KAAAK,EAAO,KACP,MAAAC,EAAQ,SACR,OAAAC,EACA,QAAAC,EAAU,GACV,UAAAC,EAAY,GACZ,aAAAC,CACF,EAAgB,CACd,KAAM,CAACC,EAASC,CAAU,EAAIC,EAAAA,SAAS,EAAK,EACtCC,EAAWf,EAAYC,CAAI,EAE3Be,EAAU,CACd,YACA,cAAcV,CAAI,GAClB,cAAcC,CAAK,GACnBE,GAAW,oBACXC,CAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG,EAELO,EAAYb,GAAO,CAACQ,GAAW,CAACH,EAEtC,cACG,MAAA,CAAI,UAAWO,EAAS,aAAYX,GAAOJ,EACzC,SAAA,CAAAgB,EACCC,EAAAA,IAAC,MAAA,CACC,IAAAd,EACA,IAAKC,GAAOJ,GAAQ,SACpB,QAAS,IAAMY,EAAW,EAAI,CAAA,CAAA,EAE9BE,EACFG,EAAAA,IAAC,OAAA,CAAM,SAAAH,CAAA,CAAS,EACdJ,EACFO,EAAAA,IAAC,OAAA,CAAM,SAAAP,CAAA,CAAa,EAEpBO,EAAAA,IAAC,QAAK,SAAA,IAAC,EAGRV,GACCU,EAAAA,IAAC,OAAA,CACC,UAAW,CACT,mBACAV,GAAU,qBAAqBA,CAAM,EAAA,EAEpC,OAAO,OAAO,EACd,KAAK,GAAG,EACX,aAAYA,CAAA,CAAA,CACd,EAEJ,CAEJ"}

package/dist/components/avatar/Avatar.js

@@ -0,0 +1,51 @@
+import { jsxs as v, jsx as t } from "react/jsx-runtime";
+import { useState as d } from "react";
+/* empty css           */
+function h(r) {
+  if (!r) return "";
+  const a = r.trim().split(" ");
+  return a.length === 1 ? a[0].charAt(0).toUpperCase() : (a[0][0] + a[1][0]).toUpperCase();
+}
+function w({
+  src: r,
+  alt: a,
+  name: i,
+  size: l = "md",
+  shape: c = "circle",
+  status: e,
+  loading: s = !1,
+  className: p = "",
+  fallbackIcon: o
+}) {
+  const [u, f] = d(!1), n = h(i), m = [
+    "ui-avatar",
+    `ui-avatar--${l}`,
+    `ui-avatar--${c}`,
+    s && "ui-avatar-loading",
+    p
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ v("div", { className: m, "aria-label": a || i, children: [
+    r && !u && !s ? /* @__PURE__ */ t(
+      "img",
+      {
+        src: r,
+        alt: a || i || "avatar",
+        onError: () => f(!0)
+      }
+    ) : n ? /* @__PURE__ */ t("span", { children: n }) : o ? /* @__PURE__ */ t("span", { children: o }) : /* @__PURE__ */ t("span", { children: "?" }),
+    e && /* @__PURE__ */ t(
+      "span",
+      {
+        className: [
+          "ui-avatar-status",
+          e && `ui-avatar-status--${e}`
+        ].filter(Boolean).join(" "),
+        "aria-label": e
+      }
+    )
+  ] });
+}
+export {
+  w as Avatar
+};
+//# sourceMappingURL=Avatar.js.map

package/dist/components/avatar/Avatar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.js","sources":["../../../../src/components/avatar/Avatar.tsx"],"sourcesContent":["/**\r\n * Avatar.tsx\r\n * Enterprise-grade Avatar component.\r\n */\r\nimport React, { useState } from 'react';\r\nimport './Avatar.css';\r\n\r\ntype AvatarSize = 'sm' | 'md' | 'lg' | 'xl';\r\ntype AvatarShape = 'circle' | 'rounded' | 'square';\r\ntype Status = 'online' | 'offline' | 'busy' | undefined;\r\n\r\ninterface AvatarProps {\r\n  src?: string;\r\n  alt?: string;\r\n  name?: string; // For initials fallback\r\n  size?: AvatarSize;\r\n  shape?: AvatarShape;\r\n  status?: Status;\r\n  loading?: boolean; // skeleton\r\n  className?: string;\r\n  fallbackIcon?: React.ReactNode;\r\n}\r\n\r\nfunction getInitials(name?: string): string {\r\n  if (!name) return '';\r\n  const parts = name.trim().split(' ');\r\n  if (parts.length === 1) return parts[0].charAt(0).toUpperCase();\r\n  return (parts[0][0] + parts[1][0]).toUpperCase();\r\n}\r\n\r\nexport function Avatar({\r\n  src,\r\n  alt,\r\n  name,\r\n  size = 'md',\r\n  shape = 'circle',\r\n  status,\r\n  loading = false,\r\n  className = '',\r\n  fallbackIcon,\r\n}: AvatarProps) {\r\n  const [errored, setErrored] = useState(false);\r\n  const initials = getInitials(name);\r\n\r\n  const classes = [\r\n    'ui-avatar',\r\n    `ui-avatar--${size}`,\r\n    `ui-avatar--${shape}`,\r\n    loading && 'ui-avatar-loading',\r\n    className,\r\n  ]\r\n    .filter(Boolean)\r\n    .join(' ');\r\n\r\n  const showImage = src && !errored && !loading;\r\n\r\n  return (\r\n    <div className={classes} aria-label={alt || name}>\r\n      {showImage ? (\r\n        <img\r\n          src={src}\r\n          alt={alt || name || 'avatar'}\r\n          onError={() => setErrored(true)}\r\n        />\r\n      ) : initials ? (\r\n        <span>{initials}</span>\r\n      ) : fallbackIcon ? (\r\n        <span>{fallbackIcon}</span>\r\n      ) : (\r\n        <span>?</span>\r\n      )}\r\n\r\n      {status && (\r\n        <span\r\n          className={[\r\n            'ui-avatar-status',\r\n            status && `ui-avatar-status--${status}`,\r\n          ]\r\n            .filter(Boolean)\r\n            .join(' ')}\r\n          aria-label={status}\r\n        />\r\n      )}\r\n    </div>\r\n  );\r\n}\r\n"],"names":["getInitials","name","parts","Avatar","src","alt","size","shape","status","loading","className","fallbackIcon","errored","setErrored","useState","initials","classes","jsx"],"mappings":";;;AAuBA,SAASA,EAAYC,GAAuB;AAC1C,MAAI,CAACA,EAAM,QAAO;AAClB,QAAMC,IAAQD,EAAK,KAAA,EAAO,MAAM,GAAG;AACnC,SAAIC,EAAM,WAAW,IAAUA,EAAM,CAAC,EAAE,OAAO,CAAC,EAAE,YAAA,KAC1CA,EAAM,CAAC,EAAE,CAAC,IAAIA,EAAM,CAAC,EAAE,CAAC,GAAG,YAAA;AACrC;AAEO,SAASC,EAAO;AAAA,EACrB,KAAAC;AAAA,EACA,KAAAC;AAAA,EACA,MAAAJ;AAAA,EACA,MAAAK,IAAO;AAAA,EACP,OAAAC,IAAQ;AAAA,EACR,QAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,WAAAC,IAAY;AAAA,EACZ,cAAAC;AACF,GAAgB;AACd,QAAM,CAACC,GAASC,CAAU,IAAIC,EAAS,EAAK,GACtCC,IAAWf,EAAYC,CAAI,GAE3Be,IAAU;AAAA,IACd;AAAA,IACA,cAAcV,CAAI;AAAA,IAClB,cAAcC,CAAK;AAAA,IACnBE,KAAW;AAAA,IACXC;AAAA,EAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG;AAIX,2BACG,OAAA,EAAI,WAAWM,GAAS,cAAYX,KAAOJ,GACzC,UAAA;AAAA,IAJaG,KAAO,CAACQ,KAAW,CAACH,IAKhC,gBAAAQ;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAAb;AAAA,QACA,KAAKC,KAAOJ,KAAQ;AAAA,QACpB,SAAS,MAAMY,EAAW,EAAI;AAAA,MAAA;AAAA,IAAA,IAE9BE,IACF,gBAAAE,EAAC,QAAA,EAAM,UAAAF,EAAA,CAAS,IACdJ,IACF,gBAAAM,EAAC,QAAA,EAAM,UAAAN,EAAA,CAAa,IAEpB,gBAAAM,EAAC,UAAK,UAAA,KAAC;AAAA,IAGRT,KACC,gBAAAS;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAW;AAAA,UACT;AAAA,UACAT,KAAU,qBAAqBA,CAAM;AAAA,QAAA,EAEpC,OAAO,OAAO,EACd,KAAK,GAAG;AAAA,QACX,cAAYA;AAAA,MAAA;AAAA,IAAA;AAAA,EACd,GAEJ;AAEJ;"}

package/dist/components/avatar/AvatarGroup.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),i=require("react");;/* empty css             */function v({children:s,max:e=3,size:n="md",className:o=""}){const a=i.Children.toArray(s),u=a.slice(0,e),t=a.length-e;return r.jsxs("div",{className:["ui-avatar-group",o].join(" "),children:[u.map((c,l)=>r.jsx(i.Fragment,{children:c},l)),t>0&&r.jsxs("div",{className:["ui-avatar",`ui-avatar--${n}`,"ui-avatar-group-overflow"].join(" "),children:["+",t]})]})}exports.AvatarGroup=v;
+//# sourceMappingURL=AvatarGroup.cjs.map

package/dist/components/avatar/AvatarGroup.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarGroup.cjs","sources":["../../../../src/components/avatar/AvatarGroup.tsx"],"sourcesContent":["/**\r\n * AvatarGroup.tsx\r\n * Displays overlapping avatars, with overflow like +3\r\n */\r\nimport React from 'react';\r\nimport './Avatar.css';\r\n\r\ninterface AvatarGroupProps {\r\n  children: React.ReactNode[];\r\n  max?: number;\r\n  size?: 'sm' | 'md' | 'lg' | 'xl';\r\n  className?: string;\r\n}\r\n\r\nexport function AvatarGroup({\r\n  children,\r\n  max = 3,\r\n  size = 'md',\r\n  className = '',\r\n}: AvatarGroupProps) {\r\n  const items = React.Children.toArray(children);\r\n  const visible = items.slice(0, max);\r\n  const extra = items.length - max;\r\n\r\n  return (\r\n    <div className={['ui-avatar-group', className].join(' ')}>\r\n      {visible.map((child, i) => (\r\n        <React.Fragment key={i}>{child}</React.Fragment>\r\n      ))}\r\n\r\n      {extra > 0 && (\r\n        <div\r\n          className={[\r\n            'ui-avatar',\r\n            `ui-avatar--${size}`,\r\n            'ui-avatar-group-overflow',\r\n          ].join(' ')}\r\n        >\r\n          +{extra}\r\n        </div>\r\n      )}\r\n    </div>\r\n  );\r\n}\r\n"],"names":["AvatarGroup","children","max","size","className","items","React","visible","extra","jsxs","child","i","jsx"],"mappings":"oKAcO,SAASA,EAAY,CAC1B,SAAAC,EACA,IAAAC,EAAM,EACN,KAAAC,EAAO,KACP,UAAAC,EAAY,EACd,EAAqB,CACnB,MAAMC,EAAQC,EAAM,SAAS,QAAQL,CAAQ,EACvCM,EAAUF,EAAM,MAAM,EAAGH,CAAG,EAC5BM,EAAQH,EAAM,OAASH,EAE7B,OACEO,OAAC,OAAI,UAAW,CAAC,kBAAmBL,CAAS,EAAE,KAAK,GAAG,EACpD,SAAA,CAAAG,EAAQ,IAAI,CAACG,EAAOC,IACnBC,EAAAA,IAACN,EAAM,SAAN,CAAwB,SAAAI,CAAA,EAAJC,CAAU,CAChC,EAEAH,EAAQ,GACPC,EAAAA,KAAC,MAAA,CACC,UAAW,CACT,YACA,cAAcN,CAAI,GAClB,0BAAA,EACA,KAAK,GAAG,EACX,SAAA,CAAA,IACGK,CAAA,CAAA,CAAA,CACJ,EAEJ,CAEJ"}

package/dist/components/avatar/AvatarGroup.js

@@ -0,0 +1,32 @@
+import { jsxs as t, jsx as u } from "react/jsx-runtime";
+import o from "react";
+/* empty css           */
+function h({
+  children: e,
+  max: r = 3,
+  size: n = "md",
+  className: s = ""
+}) {
+  const a = o.Children.toArray(e), c = a.slice(0, r), i = a.length - r;
+  return /* @__PURE__ */ t("div", { className: ["ui-avatar-group", s].join(" "), children: [
+    c.map((l, m) => /* @__PURE__ */ u(o.Fragment, { children: l }, m)),
+    i > 0 && /* @__PURE__ */ t(
+      "div",
+      {
+        className: [
+          "ui-avatar",
+          `ui-avatar--${n}`,
+          "ui-avatar-group-overflow"
+        ].join(" "),
+        children: [
+          "+",
+          i
+        ]
+      }
+    )
+  ] });
+}
+export {
+  h as AvatarGroup
+};
+//# sourceMappingURL=AvatarGroup.js.map

package/dist/components/avatar/AvatarGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarGroup.js","sources":["../../../../src/components/avatar/AvatarGroup.tsx"],"sourcesContent":["/**\r\n * AvatarGroup.tsx\r\n * Displays overlapping avatars, with overflow like +3\r\n */\r\nimport React from 'react';\r\nimport './Avatar.css';\r\n\r\ninterface AvatarGroupProps {\r\n  children: React.ReactNode[];\r\n  max?: number;\r\n  size?: 'sm' | 'md' | 'lg' | 'xl';\r\n  className?: string;\r\n}\r\n\r\nexport function AvatarGroup({\r\n  children,\r\n  max = 3,\r\n  size = 'md',\r\n  className = '',\r\n}: AvatarGroupProps) {\r\n  const items = React.Children.toArray(children);\r\n  const visible = items.slice(0, max);\r\n  const extra = items.length - max;\r\n\r\n  return (\r\n    <div className={['ui-avatar-group', className].join(' ')}>\r\n      {visible.map((child, i) => (\r\n        <React.Fragment key={i}>{child}</React.Fragment>\r\n      ))}\r\n\r\n      {extra > 0 && (\r\n        <div\r\n          className={[\r\n            'ui-avatar',\r\n            `ui-avatar--${size}`,\r\n            'ui-avatar-group-overflow',\r\n          ].join(' ')}\r\n        >\r\n          +{extra}\r\n        </div>\r\n      )}\r\n    </div>\r\n  );\r\n}\r\n"],"names":["AvatarGroup","children","max","size","className","items","React","visible","extra","jsxs","child","i","jsx"],"mappings":";;;AAcO,SAASA,EAAY;AAAA,EAC1B,UAAAC;AAAA,EACA,KAAAC,IAAM;AAAA,EACN,MAAAC,IAAO;AAAA,EACP,WAAAC,IAAY;AACd,GAAqB;AACnB,QAAMC,IAAQC,EAAM,SAAS,QAAQL,CAAQ,GACvCM,IAAUF,EAAM,MAAM,GAAGH,CAAG,GAC5BM,IAAQH,EAAM,SAASH;AAE7B,SACE,gBAAAO,EAAC,SAAI,WAAW,CAAC,mBAAmBL,CAAS,EAAE,KAAK,GAAG,GACpD,UAAA;AAAA,IAAAG,EAAQ,IAAI,CAACG,GAAOC,MACnB,gBAAAC,EAACN,EAAM,UAAN,EAAwB,UAAAI,EAAA,GAAJC,CAAU,CAChC;AAAA,IAEAH,IAAQ,KACP,gBAAAC;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAW;AAAA,UACT;AAAA,UACA,cAAcN,CAAI;AAAA,UAClB;AAAA,QAAA,EACA,KAAK,GAAG;AAAA,QACX,UAAA;AAAA,UAAA;AAAA,UACGK;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACJ,GAEJ;AAEJ;"}

package/dist/components/badge/Badge.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime");;/* empty css            */function f(r){return typeof r=="number"||typeof r=="string"&&r.trim()!==""&&!Number.isNaN(Number(r))}function h({children:r,count:a,max:s,variant:p="default",size:g="md",pill:N=!1,dot:o=!1,href:u,onClick:d,ariaLabel:j,className:y="",title:n,iconLeft:c,iconRight:m}){let l=r;f(a)&&(f(s)&&typeof s=="number"&&typeof a=="number"&&a>s?l=`${s}+`:l=a);let e=j;!e&&f(a)&&(e=typeof a=="number"?`${a} notifications`:void 0);const t=["ui-badge",`ui-badge--${p}`,`ui-badge--${g}`,N&&"ui-badge--pill",o&&"ui-badge--dot",(u||d)&&"ui-badge--interactive",y].filter(Boolean).join(" ");if(o)return i.jsx("span",{className:t,"aria-label":e,"aria-hidden":e?void 0:!0,title:n});const b=i.jsxs("span",{className:"ui-badge-content","aria-hidden":e?!0:void 0,children:[c&&i.jsx("span",{className:"ui-badge__icon",children:c}),l,m&&i.jsx("span",{className:"ui-badge__icon",children:m})]});return u?i.jsx("a",{href:u,className:t,"aria-label":e,title:n,children:b}):d?i.jsx("button",{type:"button",onClick:d,className:t,"aria-label":e,title:n,children:b}):i.jsx("span",{className:t,"aria-label":e,title:n,children:b})}exports.Badge=h;
+//# sourceMappingURL=Badge.cjs.map

package/dist/components/badge/Badge.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Badge.cjs","sources":["../../../../src/components/badge/Badge.tsx"],"sourcesContent":["/**\r\n * Badge.tsx\r\n * ---------\r\n * Simple accessible badge component.\r\n *\r\n * Renders:\r\n * - <span> (default non-interactive)\r\n * - <a href=\"...\"> when `href` provided\r\n * - <button> when `onClick` provided\r\n *\r\n * Accessibility:\r\n * - If numeric content is provided, the component will add an accessible label\r\n *   (e.g. \"5 new notifications\") if `ariaLabel` prop is omitted — this helps\r\n *   screen reader users understand the meaning of the number.\r\n *\r\n * Usage:\r\n *  <Badge>Beta</Badge>\r\n *  <Badge variant=\"primary\" size=\"sm\">New</Badge>\r\n *  <Badge onClick={() => {}} pill>5</Badge>\r\n */\r\n\r\nimport React from 'react';\r\nimport './Badge.css';\r\n\r\ntype Variant = 'default' | 'primary' | 'success' | 'warning' | 'danger';\r\ntype Size = 'sm' | 'md' | 'lg';\r\n\r\ninterface BadgeProps {\r\n  children?: React.ReactNode;\r\n\r\n  // count overflow\r\n  count?: number;\r\n  max?: number;\r\n\r\n  variant?: Variant;\r\n  size?: Size;\r\n  pill?: boolean;\r\n  dot?: boolean;\r\n\r\n  href?: string;\r\n  onClick?: () => void;\r\n\r\n  ariaLabel?: string;\r\n  className?: string;\r\n  title?: string;\r\n\r\n  iconLeft?: React.ReactNode;\r\n  iconRight?: React.ReactNode;\r\n}\r\n\r\n/**\r\n * Helper: detect if something is number-like\r\n * (string numeric or number)\r\n */\r\nfunction isNumberLike(val: unknown): val is number | string {\r\n  if (typeof val === 'number') return true;\r\n  if (\r\n    typeof val === 'string' &&\r\n    val.trim() !== '' &&\r\n    !Number.isNaN(Number(val))\r\n  ) {\r\n    return true;\r\n  }\r\n  return false;\r\n}\r\n\r\nexport function Badge({\r\n  children,\r\n  count,\r\n  max,\r\n  variant = 'default',\r\n  size = 'md',\r\n  pill = false,\r\n  dot = false,\r\n  href,\r\n  onClick,\r\n  ariaLabel,\r\n  className = '',\r\n  title,\r\n  iconLeft,\r\n  iconRight,\r\n}: BadgeProps) {\r\n  /**\r\n   * Compute display logic (overflow 99+)\r\n   * SAFE: no \"!\" used\r\n   */\r\n  let displayValue: React.ReactNode = children;\r\n\r\n  if (isNumberLike(count)) {\r\n    if (\r\n      isNumberLike(max) &&\r\n      typeof max === 'number' &&\r\n      typeof count === 'number' &&\r\n      count > max\r\n    ) {\r\n      displayValue = `${max}+`;\r\n    } else {\r\n      displayValue = count;\r\n    }\r\n  }\r\n\r\n  /**\r\n   * Compute aria-label\r\n   */\r\n  let computedAria: string | undefined = ariaLabel;\r\n\r\n  if (!computedAria && isNumberLike(count)) {\r\n    computedAria =\r\n      typeof count === 'number' ? `${count} notifications` : undefined;\r\n  }\r\n\r\n  const classes = [\r\n    'ui-badge',\r\n    `ui-badge--${variant}`,\r\n    `ui-badge--${size}`,\r\n    pill && 'ui-badge--pill',\r\n    dot && 'ui-badge--dot',\r\n    (href || onClick) && 'ui-badge--interactive',\r\n    className,\r\n  ]\r\n    .filter(Boolean)\r\n    .join(' ');\r\n\r\n  /**\r\n   * Dot badge (no content)\r\n   */\r\n  if (dot) {\r\n    return (\r\n      <span\r\n        className={classes}\r\n        aria-label={computedAria}\r\n        aria-hidden={computedAria ? undefined : true}\r\n        title={title}\r\n      />\r\n    );\r\n  }\r\n\r\n  const content = (\r\n    <span\r\n      className=\"ui-badge-content\"\r\n      aria-hidden={computedAria ? true : undefined}\r\n    >\r\n      {iconLeft && <span className=\"ui-badge__icon\">{iconLeft}</span>}\r\n      {displayValue}\r\n      {iconRight && <span className=\"ui-badge__icon\">{iconRight}</span>}\r\n    </span>\r\n  );\r\n\r\n  /**\r\n   * Anchor support\r\n   */\r\n  if (href) {\r\n    return (\r\n      <a\r\n        href={href}\r\n        className={classes}\r\n        aria-label={computedAria}\r\n        title={title}\r\n      >\r\n        {content}\r\n      </a>\r\n    );\r\n  }\r\n\r\n  /**\r\n   * Button support\r\n   */\r\n  if (onClick) {\r\n    return (\r\n      <button\r\n        type=\"button\"\r\n        onClick={onClick}\r\n        className={classes}\r\n        aria-label={computedAria}\r\n        title={title}\r\n      >\r\n        {content}\r\n      </button>\r\n    );\r\n  }\r\n\r\n  /**\r\n   * Default <span>\r\n   */\r\n  return (\r\n    <span className={classes} aria-label={computedAria} title={title}>\r\n      {content}\r\n    </span>\r\n  );\r\n}\r\n"],"names":["isNumberLike","val","Badge","children","count","max","variant","size","pill","dot","href","onClick","ariaLabel","className","title","iconLeft","iconRight","displayValue","computedAria","classes","jsx","content","jsxs"],"mappings":"gJAsDA,SAASA,EAAaC,EAAsC,CAE1D,OADI,OAAOA,GAAQ,UAEjB,OAAOA,GAAQ,UACfA,EAAI,KAAA,IAAW,IACf,CAAC,OAAO,MAAM,OAAOA,CAAG,CAAC,CAK7B,CAEO,SAASC,EAAM,CACpB,SAAAC,EACA,MAAAC,EACA,IAAAC,EACA,QAAAC,EAAU,UACV,KAAAC,EAAO,KACP,KAAAC,EAAO,GACP,IAAAC,EAAM,GACN,KAAAC,EACA,QAAAC,EACA,UAAAC,EACA,UAAAC,EAAY,GACZ,MAAAC,EACA,SAAAC,EACA,UAAAC,CACF,EAAe,CAKb,IAAIC,EAAgCd,EAEhCH,EAAaI,CAAK,IAElBJ,EAAaK,CAAG,GAChB,OAAOA,GAAQ,UACf,OAAOD,GAAU,UACjBA,EAAQC,EAERY,EAAe,GAAGZ,CAAG,IAErBY,EAAeb,GAOnB,IAAIc,EAAmCN,EAEnC,CAACM,GAAgBlB,EAAaI,CAAK,IACrCc,EACE,OAAOd,GAAU,SAAW,GAAGA,CAAK,iBAAmB,QAG3D,MAAMe,EAAU,CACd,WACA,aAAab,CAAO,GACpB,aAAaC,CAAI,GACjBC,GAAQ,iBACRC,GAAO,iBACNC,GAAQC,IAAY,wBACrBE,CAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG,EAKX,GAAIJ,EACF,OACEW,EAAAA,IAAC,OAAA,CACC,UAAWD,EACX,aAAYD,EACZ,cAAaA,EAAe,OAAY,GACxC,MAAAJ,CAAA,CAAA,EAKN,MAAMO,EACJC,EAAAA,KAAC,OAAA,CACC,UAAU,mBACV,cAAaJ,EAAe,GAAO,OAElC,SAAA,CAAAH,GAAYK,EAAAA,IAAC,OAAA,CAAK,UAAU,iBAAkB,SAAAL,EAAS,EACvDE,EACAD,GAAaI,EAAAA,IAAC,OAAA,CAAK,UAAU,iBAAkB,SAAAJ,CAAA,CAAU,CAAA,CAAA,CAAA,EAO9D,OAAIN,EAEAU,EAAAA,IAAC,IAAA,CACC,KAAAV,EACA,UAAWS,EACX,aAAYD,EACZ,MAAAJ,EAEC,SAAAO,CAAA,CAAA,EAQHV,EAEAS,EAAAA,IAAC,SAAA,CACC,KAAK,SACL,QAAAT,EACA,UAAWQ,EACX,aAAYD,EACZ,MAAAJ,EAEC,SAAAO,CAAA,CAAA,QASJ,OAAA,CAAK,UAAWF,EAAS,aAAYD,EAAc,MAAAJ,EACjD,SAAAO,EACH,CAEJ"}

package/dist/components/badge/Badge.js

@@ -0,0 +1,81 @@
+import { jsx as r, jsxs as _ } from "react/jsx-runtime";
+/* empty css          */
+function f(i) {
+  return typeof i == "number" || typeof i == "string" && i.trim() !== "" && !Number.isNaN(Number(i));
+}
+function B({
+  children: i,
+  count: a,
+  max: s,
+  variant: c = "default",
+  size: N = "md",
+  pill: g = !1,
+  dot: o = !1,
+  href: u,
+  onClick: d,
+  ariaLabel: y,
+  className: h = "",
+  title: n,
+  iconLeft: m,
+  iconRight: p
+}) {
+  let l = i;
+  f(a) && (f(s) && typeof s == "number" && typeof a == "number" && a > s ? l = `${s}+` : l = a);
+  let e = y;
+  !e && f(a) && (e = typeof a == "number" ? `${a} notifications` : void 0);
+  const t = [
+    "ui-badge",
+    `ui-badge--${c}`,
+    `ui-badge--${N}`,
+    g && "ui-badge--pill",
+    o && "ui-badge--dot",
+    (u || d) && "ui-badge--interactive",
+    h
+  ].filter(Boolean).join(" ");
+  if (o)
+    return /* @__PURE__ */ r(
+      "span",
+      {
+        className: t,
+        "aria-label": e,
+        "aria-hidden": e ? void 0 : !0,
+        title: n
+      }
+    );
+  const b = /* @__PURE__ */ _(
+    "span",
+    {
+      className: "ui-badge-content",
+      "aria-hidden": e ? !0 : void 0,
+      children: [
+        m && /* @__PURE__ */ r("span", { className: "ui-badge__icon", children: m }),
+        l,
+        p && /* @__PURE__ */ r("span", { className: "ui-badge__icon", children: p })
+      ]
+    }
+  );
+  return u ? /* @__PURE__ */ r(
+    "a",
+    {
+      href: u,
+      className: t,
+      "aria-label": e,
+      title: n,
+      children: b
+    }
+  ) : d ? /* @__PURE__ */ r(
+    "button",
+    {
+      type: "button",
+      onClick: d,
+      className: t,
+      "aria-label": e,
+      title: n,
+      children: b
+    }
+  ) : /* @__PURE__ */ r("span", { className: t, "aria-label": e, title: n, children: b });
+}
+export {
+  B as Badge
+};
+//# sourceMappingURL=Badge.js.map

package/dist/components/badge/Badge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Badge.js","sources":["../../../../src/components/badge/Badge.tsx"],"sourcesContent":["/**\r\n * Badge.tsx\r\n * ---------\r\n * Simple accessible badge component.\r\n *\r\n * Renders:\r\n * - <span> (default non-interactive)\r\n * - <a href=\"...\"> when `href` provided\r\n * - <button> when `onClick` provided\r\n *\r\n * Accessibility:\r\n * - If numeric content is provided, the component will add an accessible label\r\n *   (e.g. \"5 new notifications\") if `ariaLabel` prop is omitted — this helps\r\n *   screen reader users understand the meaning of the number.\r\n *\r\n * Usage:\r\n *  <Badge>Beta</Badge>\r\n *  <Badge variant=\"primary\" size=\"sm\">New</Badge>\r\n *  <Badge onClick={() => {}} pill>5</Badge>\r\n */\r\n\r\nimport React from 'react';\r\nimport './Badge.css';\r\n\r\ntype Variant = 'default' | 'primary' | 'success' | 'warning' | 'danger';\r\ntype Size = 'sm' | 'md' | 'lg';\r\n\r\ninterface BadgeProps {\r\n  children?: React.ReactNode;\r\n\r\n  // count overflow\r\n  count?: number;\r\n  max?: number;\r\n\r\n  variant?: Variant;\r\n  size?: Size;\r\n  pill?: boolean;\r\n  dot?: boolean;\r\n\r\n  href?: string;\r\n  onClick?: () => void;\r\n\r\n  ariaLabel?: string;\r\n  className?: string;\r\n  title?: string;\r\n\r\n  iconLeft?: React.ReactNode;\r\n  iconRight?: React.ReactNode;\r\n}\r\n\r\n/**\r\n * Helper: detect if something is number-like\r\n * (string numeric or number)\r\n */\r\nfunction isNumberLike(val: unknown): val is number | string {\r\n  if (typeof val === 'number') return true;\r\n  if (\r\n    typeof val === 'string' &&\r\n    val.trim() !== '' &&\r\n    !Number.isNaN(Number(val))\r\n  ) {\r\n    return true;\r\n  }\r\n  return false;\r\n}\r\n\r\nexport function Badge({\r\n  children,\r\n  count,\r\n  max,\r\n  variant = 'default',\r\n  size = 'md',\r\n  pill = false,\r\n  dot = false,\r\n  href,\r\n  onClick,\r\n  ariaLabel,\r\n  className = '',\r\n  title,\r\n  iconLeft,\r\n  iconRight,\r\n}: BadgeProps) {\r\n  /**\r\n   * Compute display logic (overflow 99+)\r\n   * SAFE: no \"!\" used\r\n   */\r\n  let displayValue: React.ReactNode = children;\r\n\r\n  if (isNumberLike(count)) {\r\n    if (\r\n      isNumberLike(max) &&\r\n      typeof max === 'number' &&\r\n      typeof count === 'number' &&\r\n      count > max\r\n    ) {\r\n      displayValue = `${max}+`;\r\n    } else {\r\n      displayValue = count;\r\n    }\r\n  }\r\n\r\n  /**\r\n   * Compute aria-label\r\n   */\r\n  let computedAria: string | undefined = ariaLabel;\r\n\r\n  if (!computedAria && isNumberLike(count)) {\r\n    computedAria =\r\n      typeof count === 'number' ? `${count} notifications` : undefined;\r\n  }\r\n\r\n  const classes = [\r\n    'ui-badge',\r\n    `ui-badge--${variant}`,\r\n    `ui-badge--${size}`,\r\n    pill && 'ui-badge--pill',\r\n    dot && 'ui-badge--dot',\r\n    (href || onClick) && 'ui-badge--interactive',\r\n    className,\r\n  ]\r\n    .filter(Boolean)\r\n    .join(' ');\r\n\r\n  /**\r\n   * Dot badge (no content)\r\n   */\r\n  if (dot) {\r\n    return (\r\n      <span\r\n        className={classes}\r\n        aria-label={computedAria}\r\n        aria-hidden={computedAria ? undefined : true}\r\n        title={title}\r\n      />\r\n    );\r\n  }\r\n\r\n  const content = (\r\n    <span\r\n      className=\"ui-badge-content\"\r\n      aria-hidden={computedAria ? true : undefined}\r\n    >\r\n      {iconLeft && <span className=\"ui-badge__icon\">{iconLeft}</span>}\r\n      {displayValue}\r\n      {iconRight && <span className=\"ui-badge__icon\">{iconRight}</span>}\r\n    </span>\r\n  );\r\n\r\n  /**\r\n   * Anchor support\r\n   */\r\n  if (href) {\r\n    return (\r\n      <a\r\n        href={href}\r\n        className={classes}\r\n        aria-label={computedAria}\r\n        title={title}\r\n      >\r\n        {content}\r\n      </a>\r\n    );\r\n  }\r\n\r\n  /**\r\n   * Button support\r\n   */\r\n  if (onClick) {\r\n    return (\r\n      <button\r\n        type=\"button\"\r\n        onClick={onClick}\r\n        className={classes}\r\n        aria-label={computedAria}\r\n        title={title}\r\n      >\r\n        {content}\r\n      </button>\r\n    );\r\n  }\r\n\r\n  /**\r\n   * Default <span>\r\n   */\r\n  return (\r\n    <span className={classes} aria-label={computedAria} title={title}>\r\n      {content}\r\n    </span>\r\n  );\r\n}\r\n"],"names":["isNumberLike","val","Badge","children","count","max","variant","size","pill","dot","href","onClick","ariaLabel","className","title","iconLeft","iconRight","displayValue","computedAria","classes","jsx","content","jsxs"],"mappings":";;AAsDA,SAASA,EAAaC,GAAsC;AAE1D,SADI,OAAOA,KAAQ,YAEjB,OAAOA,KAAQ,YACfA,EAAI,KAAA,MAAW,MACf,CAAC,OAAO,MAAM,OAAOA,CAAG,CAAC;AAK7B;AAEO,SAASC,EAAM;AAAA,EACpB,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,KAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,MAAAC,IAAO;AAAA,EACP,MAAAC,IAAO;AAAA,EACP,KAAAC,IAAM;AAAA,EACN,MAAAC;AAAA,EACA,SAAAC;AAAA,EACA,WAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AACF,GAAe;AAKb,MAAIC,IAAgCd;AAEpC,EAAIH,EAAaI,CAAK,MAElBJ,EAAaK,CAAG,KAChB,OAAOA,KAAQ,YACf,OAAOD,KAAU,YACjBA,IAAQC,IAERY,IAAe,GAAGZ,CAAG,MAErBY,IAAeb;AAOnB,MAAIc,IAAmCN;AAEvC,EAAI,CAACM,KAAgBlB,EAAaI,CAAK,MACrCc,IACE,OAAOd,KAAU,WAAW,GAAGA,CAAK,mBAAmB;AAG3D,QAAMe,IAAU;AAAA,IACd;AAAA,IACA,aAAab,CAAO;AAAA,IACpB,aAAaC,CAAI;AAAA,IACjBC,KAAQ;AAAA,IACRC,KAAO;AAAA,KACNC,KAAQC,MAAY;AAAA,IACrBE;AAAA,EAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG;AAKX,MAAIJ;AACF,WACE,gBAAAW;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAWD;AAAA,QACX,cAAYD;AAAA,QACZ,eAAaA,IAAe,SAAY;AAAA,QACxC,OAAAJ;AAAA,MAAA;AAAA,IAAA;AAKN,QAAMO,IACJ,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,eAAaJ,IAAe,KAAO;AAAA,MAElC,UAAA;AAAA,QAAAH,KAAY,gBAAAK,EAAC,QAAA,EAAK,WAAU,kBAAkB,UAAAL,GAAS;AAAA,QACvDE;AAAA,QACAD,KAAa,gBAAAI,EAAC,QAAA,EAAK,WAAU,kBAAkB,UAAAJ,EAAA,CAAU;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAO9D,SAAIN,IAEA,gBAAAU;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAAV;AAAA,MACA,WAAWS;AAAA,MACX,cAAYD;AAAA,MACZ,OAAAJ;AAAA,MAEC,UAAAO;AAAA,IAAA;AAAA,EAAA,IAQHV,IAEA,gBAAAS;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,SAAAT;AAAA,MACA,WAAWQ;AAAA,MACX,cAAYD;AAAA,MACZ,OAAAJ;AAAA,MAEC,UAAAO;AAAA,IAAA;AAAA,EAAA,sBASJ,QAAA,EAAK,WAAWF,GAAS,cAAYD,GAAc,OAAAJ,GACjD,UAAAO,GACH;AAEJ;"}

package/dist/components/badge/BadgeGroup.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),l=require("./Badge.cjs");function o({items:r,max:i=3,className:t=""}){const s=r.slice(0,i),n=r.length-i;return e.jsxs("div",{className:["ui-badge-group",t].join(" "),children:[s.map((a,u)=>e.jsx("span",{children:a},u)),n>0&&e.jsx(l.Badge,{pill:!0,variant:"default",children:`+${n}`})]})}exports.BadgeGroup=o;
+//# sourceMappingURL=BadgeGroup.cjs.map

package/dist/components/badge/BadgeGroup.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"BadgeGroup.cjs","sources":["../../../../src/components/badge/BadgeGroup.tsx"],"sourcesContent":["/**\r\n * BadgeGroup.tsx\r\n * Stacks badges horizontally with overflow (e.g. +3).\r\n */\r\n\r\nimport React from 'react';\r\nimport { Badge } from './Badge';\r\n\r\ninterface BadgeGroupProps {\r\n  items: React.ReactNode[];\r\n  max?: number; // visible badges\r\n  className?: string;\r\n}\r\n\r\nexport function BadgeGroup({\r\n  items,\r\n  max = 3,\r\n  className = '',\r\n}: BadgeGroupProps) {\r\n  const visible = items.slice(0, max);\r\n  const extra = items.length - max;\r\n\r\n  return (\r\n    <div className={['ui-badge-group', className].join(' ')}>\r\n      {visible.map((item, i) => (\r\n        <span key={i}>{item}</span>\r\n      ))}\r\n\r\n      {extra > 0 && <Badge pill variant=\"default\">{`+${extra}`}</Badge>}\r\n    </div>\r\n  );\r\n}\r\n"],"names":["BadgeGroup","items","max","className","visible","extra","jsxs","item","i","jsx","Badge"],"mappings":"8IAcO,SAASA,EAAW,CACzB,MAAAC,EACA,IAAAC,EAAM,EACN,UAAAC,EAAY,EACd,EAAoB,CAClB,MAAMC,EAAUH,EAAM,MAAM,EAAGC,CAAG,EAC5BG,EAAQJ,EAAM,OAASC,EAE7B,OACEI,OAAC,OAAI,UAAW,CAAC,iBAAkBH,CAAS,EAAE,KAAK,GAAG,EACnD,SAAA,CAAAC,EAAQ,IAAI,CAACG,EAAMC,UACjB,OAAA,CAAc,SAAAD,CAAA,EAAJC,CAAS,CACrB,EAEAH,EAAQ,GAAKI,EAAAA,IAACC,EAAAA,MAAA,CAAM,KAAI,GAAC,QAAQ,UAAW,SAAA,IAAIL,CAAK,EAAA,CAAG,CAAA,EAC3D,CAEJ"}

package/dist/components/badge/BadgeGroup.js

@@ -0,0 +1,17 @@
+import { jsxs as s, jsx as n } from "react/jsx-runtime";
+import { Badge as c } from "./Badge.js";
+function u({
+  items: r,
+  max: e = 3,
+  className: o = ""
+}) {
+  const t = r.slice(0, e), i = r.length - e;
+  return /* @__PURE__ */ s("div", { className: ["ui-badge-group", o].join(" "), children: [
+    t.map((a, l) => /* @__PURE__ */ n("span", { children: a }, l)),
+    i > 0 && /* @__PURE__ */ n(c, { pill: !0, variant: "default", children: `+${i}` })
+  ] });
+}
+export {
+  u as BadgeGroup
+};
+//# sourceMappingURL=BadgeGroup.js.map

package/dist/components/badge/BadgeGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BadgeGroup.js","sources":["../../../../src/components/badge/BadgeGroup.tsx"],"sourcesContent":["/**\r\n * BadgeGroup.tsx\r\n * Stacks badges horizontally with overflow (e.g. +3).\r\n */\r\n\r\nimport React from 'react';\r\nimport { Badge } from './Badge';\r\n\r\ninterface BadgeGroupProps {\r\n  items: React.ReactNode[];\r\n  max?: number; // visible badges\r\n  className?: string;\r\n}\r\n\r\nexport function BadgeGroup({\r\n  items,\r\n  max = 3,\r\n  className = '',\r\n}: BadgeGroupProps) {\r\n  const visible = items.slice(0, max);\r\n  const extra = items.length - max;\r\n\r\n  return (\r\n    <div className={['ui-badge-group', className].join(' ')}>\r\n      {visible.map((item, i) => (\r\n        <span key={i}>{item}</span>\r\n      ))}\r\n\r\n      {extra > 0 && <Badge pill variant=\"default\">{`+${extra}`}</Badge>}\r\n    </div>\r\n  );\r\n}\r\n"],"names":["BadgeGroup","items","max","className","visible","extra","jsxs","item","i","jsx","Badge"],"mappings":";;AAcO,SAASA,EAAW;AAAA,EACzB,OAAAC;AAAA,EACA,KAAAC,IAAM;AAAA,EACN,WAAAC,IAAY;AACd,GAAoB;AAClB,QAAMC,IAAUH,EAAM,MAAM,GAAGC,CAAG,GAC5BG,IAAQJ,EAAM,SAASC;AAE7B,SACE,gBAAAI,EAAC,SAAI,WAAW,CAAC,kBAAkBH,CAAS,EAAE,KAAK,GAAG,GACnD,UAAA;AAAA,IAAAC,EAAQ,IAAI,CAACG,GAAMC,wBACjB,QAAA,EAAc,UAAAD,EAAA,GAAJC,CAAS,CACrB;AAAA,IAEAH,IAAQ,KAAK,gBAAAI,EAACC,GAAA,EAAM,MAAI,IAAC,SAAQ,WAAW,UAAA,IAAIL,CAAK,GAAA,CAAG;AAAA,EAAA,GAC3D;AAEJ;"}

package/dist/components/breadcrumbs/Breadcrumbs.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime");;/* empty css                  */function m({items:e,maxItems:t=6,separator:b="›",className:d=""}){if(!e.length)return null;let c=[...e];if(e.length>t){const s=e.slice(0,2),a=e.slice(-2);c=[...s,"...",...a]}return r.jsx("nav",{className:`ui-breadcrumbs ${d}`,"aria-label":"Breadcrumb",children:r.jsx("ol",{className:"ui-breadcrumbs-list",children:c.map((s,a)=>{const l=a===c.length-1;if(s==="...")return r.jsx("li",{className:"ui-breadcrumb-ellipsis",children:"…"},`ellipsis-${a}`);const{label:i,href:n,onClick:u}=s;return r.jsxs("li",{className:"ui-breadcrumb-item",children:[n||u?r.jsx("a",{href:n,onClick:u,className:"ui-breadcrumb-link","aria-current":l?"page":void 0,children:i}):r.jsx("span",{className:`ui-breadcrumb-link ${l?"active":""}`,"aria-current":l?"page":void 0,children:i}),!l&&r.jsx("span",{className:"ui-breadcrumb-separator",children:b})]},`crumb-${a}`)})})})}exports.Breadcrumbs=m;
+//# sourceMappingURL=Breadcrumbs.cjs.map

package/dist/components/breadcrumbs/Breadcrumbs.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Breadcrumbs.cjs","sources":["../../../../src/components/breadcrumbs/Breadcrumbs.tsx"],"sourcesContent":["/**\r\n * Breadcrumbs.tsx — FINAL VERSION\r\n * --------------------------------\r\n * 100% matching your UI component architecture.\r\n *\r\n * Features:\r\n * - WAI-ARIA navigation\r\n * - Auto-collapse when too many items (optional)\r\n * - Custom separator support\r\n * - Keyboard accessible\r\n * - Ellipsis is non-interactive\r\n */\r\n\r\nimport React from 'react';\r\nimport './Breadcrumbs.css';\r\n\r\nexport interface Crumb {\r\n  label: React.ReactNode;\r\n  href?: string;\r\n  onClick?: () => void;\r\n}\r\n\r\nexport interface BreadcrumbsProps {\r\n  items: Crumb[];\r\n  maxItems?: number; // collapse long breadcrumbs\r\n  separator?: React.ReactNode;\r\n  className?: string;\r\n}\r\n\r\nexport function Breadcrumbs({\r\n  items,\r\n  maxItems = 6, // default collapse threshold\r\n  separator = '›',\r\n  className = '',\r\n}: BreadcrumbsProps) {\r\n  if (!items.length) return null;\r\n\r\n  let finalItems: (Crumb | '...')[] = [...items];\r\n\r\n  /* -------------------------------------------------------\r\n   * Collapse logic\r\n   * ------------------------------------------------------*/\r\n  if (items.length > maxItems) {\r\n    const start = items.slice(0, 2);\r\n    const end = items.slice(-2);\r\n    finalItems = [...start, '...', ...end];\r\n  }\r\n\r\n  return (\r\n    <nav className={`ui-breadcrumbs ${className}`} aria-label=\"Breadcrumb\">\r\n      <ol className=\"ui-breadcrumbs-list\">\r\n        {finalItems.map((item, index) => {\r\n          const isLast = index === finalItems.length - 1;\r\n\r\n          // ellipsis\r\n          if (item === '...') {\r\n            return (\r\n              <li key={`ellipsis-${index}`} className=\"ui-breadcrumb-ellipsis\">\r\n                …\r\n              </li>\r\n            );\r\n          }\r\n\r\n          const { label, href, onClick } = item;\r\n\r\n          return (\r\n            <li key={`crumb-${index}`} className=\"ui-breadcrumb-item\">\r\n              {href || onClick ? (\r\n                <a\r\n                  href={href}\r\n                  onClick={onClick}\r\n                  className=\"ui-breadcrumb-link\"\r\n                  aria-current={isLast ? 'page' : undefined}\r\n                >\r\n                  {label}\r\n                </a>\r\n              ) : (\r\n                <span\r\n                  className={`ui-breadcrumb-link ${isLast ? 'active' : ''}`}\r\n                  aria-current={isLast ? 'page' : undefined}\r\n                >\r\n                  {label}\r\n                </span>\r\n              )}\r\n\r\n              {!isLast && (\r\n                <span className=\"ui-breadcrumb-separator\">{separator}</span>\r\n              )}\r\n            </li>\r\n          );\r\n        })}\r\n      </ol>\r\n    </nav>\r\n  );\r\n}\r\n"],"names":["Breadcrumbs","items","maxItems","separator","className","finalItems","start","end","jsx","item","index","isLast","label","href","onClick","jsxs"],"mappings":"sJA6BO,SAASA,EAAY,CAC1B,MAAAC,EACA,SAAAC,EAAW,EACX,UAAAC,EAAY,IACZ,UAAAC,EAAY,EACd,EAAqB,CACnB,GAAI,CAACH,EAAM,OAAQ,OAAO,KAE1B,IAAII,EAAgC,CAAC,GAAGJ,CAAK,EAK7C,GAAIA,EAAM,OAASC,EAAU,CAC3B,MAAMI,EAAQL,EAAM,MAAM,EAAG,CAAC,EACxBM,EAAMN,EAAM,MAAM,EAAE,EAC1BI,EAAa,CAAC,GAAGC,EAAO,MAAO,GAAGC,CAAG,CACvC,CAEA,aACG,MAAA,CAAI,UAAW,kBAAkBH,CAAS,GAAI,aAAW,aACxD,SAAAI,EAAAA,IAAC,KAAA,CAAG,UAAU,sBACX,SAAAH,EAAW,IAAI,CAACI,EAAMC,IAAU,CAC/B,MAAMC,EAASD,IAAUL,EAAW,OAAS,EAG7C,GAAII,IAAS,MACX,aACG,KAAA,CAA6B,UAAU,yBAAyB,SAAA,KAAxD,YAAYC,CAAK,EAE1B,EAIJ,KAAM,CAAE,MAAAE,EAAO,KAAAC,EAAM,QAAAC,CAAA,EAAYL,EAEjC,OACEM,EAAAA,KAAC,KAAA,CAA0B,UAAU,qBAClC,SAAA,CAAAF,GAAQC,EACPN,EAAAA,IAAC,IAAA,CACC,KAAAK,EACA,QAAAC,EACA,UAAU,qBACV,eAAcH,EAAS,OAAS,OAE/B,SAAAC,CAAA,CAAA,EAGHJ,EAAAA,IAAC,OAAA,CACC,UAAW,sBAAsBG,EAAS,SAAW,EAAE,GACvD,eAAcA,EAAS,OAAS,OAE/B,SAAAC,CAAA,CAAA,EAIJ,CAACD,GACAH,EAAAA,IAAC,OAAA,CAAK,UAAU,0BAA2B,SAAAL,CAAA,CAAU,CAAA,CAAA,EApBhD,SAASO,CAAK,EAsBvB,CAEJ,CAAC,EACH,EACF,CAEJ"}

package/dist/components/breadcrumbs/Breadcrumbs.js

@@ -0,0 +1,46 @@
+import { jsx as r, jsxs as d } from "react/jsx-runtime";
+/* empty css                */
+function p({
+  items: a,
+  maxItems: t = 6,
+  // default collapse threshold
+  separator: b = "›",
+  className: m = ""
+}) {
+  if (!a.length) return null;
+  let i = [...a];
+  if (a.length > t) {
+    const l = a.slice(0, 2), e = a.slice(-2);
+    i = [...l, "...", ...e];
+  }
+  return /* @__PURE__ */ r("nav", { className: `ui-breadcrumbs ${m}`, "aria-label": "Breadcrumb", children: /* @__PURE__ */ r("ol", { className: "ui-breadcrumbs-list", children: i.map((l, e) => {
+    const c = e === i.length - 1;
+    if (l === "...")
+      return /* @__PURE__ */ r("li", { className: "ui-breadcrumb-ellipsis", children: "…" }, `ellipsis-${e}`);
+    const { label: s, href: n, onClick: u } = l;
+    return /* @__PURE__ */ d("li", { className: "ui-breadcrumb-item", children: [
+      n || u ? /* @__PURE__ */ r(
+        "a",
+        {
+          href: n,
+          onClick: u,
+          className: "ui-breadcrumb-link",
+          "aria-current": c ? "page" : void 0,
+          children: s
+        }
+      ) : /* @__PURE__ */ r(
+        "span",
+        {
+          className: `ui-breadcrumb-link ${c ? "active" : ""}`,
+          "aria-current": c ? "page" : void 0,
+          children: s
+        }
+      ),
+      !c && /* @__PURE__ */ r("span", { className: "ui-breadcrumb-separator", children: b })
+    ] }, `crumb-${e}`);
+  }) }) });
+}
+export {
+  p as Breadcrumbs
+};
+//# sourceMappingURL=Breadcrumbs.js.map

package/dist/components/breadcrumbs/Breadcrumbs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Breadcrumbs.js","sources":["../../../../src/components/breadcrumbs/Breadcrumbs.tsx"],"sourcesContent":["/**\r\n * Breadcrumbs.tsx — FINAL VERSION\r\n * --------------------------------\r\n * 100% matching your UI component architecture.\r\n *\r\n * Features:\r\n * - WAI-ARIA navigation\r\n * - Auto-collapse when too many items (optional)\r\n * - Custom separator support\r\n * - Keyboard accessible\r\n * - Ellipsis is non-interactive\r\n */\r\n\r\nimport React from 'react';\r\nimport './Breadcrumbs.css';\r\n\r\nexport interface Crumb {\r\n  label: React.ReactNode;\r\n  href?: string;\r\n  onClick?: () => void;\r\n}\r\n\r\nexport interface BreadcrumbsProps {\r\n  items: Crumb[];\r\n  maxItems?: number; // collapse long breadcrumbs\r\n  separator?: React.ReactNode;\r\n  className?: string;\r\n}\r\n\r\nexport function Breadcrumbs({\r\n  items,\r\n  maxItems = 6, // default collapse threshold\r\n  separator = '›',\r\n  className = '',\r\n}: BreadcrumbsProps) {\r\n  if (!items.length) return null;\r\n\r\n  let finalItems: (Crumb | '...')[] = [...items];\r\n\r\n  /* -------------------------------------------------------\r\n   * Collapse logic\r\n   * ------------------------------------------------------*/\r\n  if (items.length > maxItems) {\r\n    const start = items.slice(0, 2);\r\n    const end = items.slice(-2);\r\n    finalItems = [...start, '...', ...end];\r\n  }\r\n\r\n  return (\r\n    <nav className={`ui-breadcrumbs ${className}`} aria-label=\"Breadcrumb\">\r\n      <ol className=\"ui-breadcrumbs-list\">\r\n        {finalItems.map((item, index) => {\r\n          const isLast = index === finalItems.length - 1;\r\n\r\n          // ellipsis\r\n          if (item === '...') {\r\n            return (\r\n              <li key={`ellipsis-${index}`} className=\"ui-breadcrumb-ellipsis\">\r\n                …\r\n              </li>\r\n            );\r\n          }\r\n\r\n          const { label, href, onClick } = item;\r\n\r\n          return (\r\n            <li key={`crumb-${index}`} className=\"ui-breadcrumb-item\">\r\n              {href || onClick ? (\r\n                <a\r\n                  href={href}\r\n                  onClick={onClick}\r\n                  className=\"ui-breadcrumb-link\"\r\n                  aria-current={isLast ? 'page' : undefined}\r\n                >\r\n                  {label}\r\n                </a>\r\n              ) : (\r\n                <span\r\n                  className={`ui-breadcrumb-link ${isLast ? 'active' : ''}`}\r\n                  aria-current={isLast ? 'page' : undefined}\r\n                >\r\n                  {label}\r\n                </span>\r\n              )}\r\n\r\n              {!isLast && (\r\n                <span className=\"ui-breadcrumb-separator\">{separator}</span>\r\n              )}\r\n            </li>\r\n          );\r\n        })}\r\n      </ol>\r\n    </nav>\r\n  );\r\n}\r\n"],"names":["Breadcrumbs","items","maxItems","separator","className","finalItems","start","end","jsx","item","index","isLast","label","href","onClick","jsxs"],"mappings":";;AA6BO,SAASA,EAAY;AAAA,EAC1B,OAAAC;AAAA,EACA,UAAAC,IAAW;AAAA;AAAA,EACX,WAAAC,IAAY;AAAA,EACZ,WAAAC,IAAY;AACd,GAAqB;AACnB,MAAI,CAACH,EAAM,OAAQ,QAAO;AAE1B,MAAII,IAAgC,CAAC,GAAGJ,CAAK;AAK7C,MAAIA,EAAM,SAASC,GAAU;AAC3B,UAAMI,IAAQL,EAAM,MAAM,GAAG,CAAC,GACxBM,IAAMN,EAAM,MAAM,EAAE;AAC1B,IAAAI,IAAa,CAAC,GAAGC,GAAO,OAAO,GAAGC,CAAG;AAAA,EACvC;AAEA,2BACG,OAAA,EAAI,WAAW,kBAAkBH,CAAS,IAAI,cAAW,cACxD,UAAA,gBAAAI,EAAC,MAAA,EAAG,WAAU,uBACX,UAAAH,EAAW,IAAI,CAACI,GAAMC,MAAU;AAC/B,UAAMC,IAASD,MAAUL,EAAW,SAAS;AAG7C,QAAII,MAAS;AACX,+BACG,MAAA,EAA6B,WAAU,0BAAyB,UAAA,OAAxD,YAAYC,CAAK,EAE1B;AAIJ,UAAM,EAAE,OAAAE,GAAO,MAAAC,GAAM,SAAAC,EAAA,IAAYL;AAEjC,WACE,gBAAAM,EAAC,MAAA,EAA0B,WAAU,sBAClC,UAAA;AAAA,MAAAF,KAAQC,IACP,gBAAAN;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAAK;AAAA,UACA,SAAAC;AAAA,UACA,WAAU;AAAA,UACV,gBAAcH,IAAS,SAAS;AAAA,UAE/B,UAAAC;AAAA,QAAA;AAAA,MAAA,IAGH,gBAAAJ;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAW,sBAAsBG,IAAS,WAAW,EAAE;AAAA,UACvD,gBAAcA,IAAS,SAAS;AAAA,UAE/B,UAAAC;AAAA,QAAA;AAAA,MAAA;AAAA,MAIJ,CAACD,KACA,gBAAAH,EAAC,QAAA,EAAK,WAAU,2BAA2B,UAAAL,EAAA,CAAU;AAAA,IAAA,EAAA,GApBhD,SAASO,CAAK,EAsBvB;AAAA,EAEJ,CAAC,GACH,GACF;AAEJ;"}

package/dist/components/button/Button.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime");;/* empty css             */function o({variant:e="default",size:t="md",className:n="",...u}){const r=["ui-btn",e==="primary"&&"ui-btn--primary",t==="sm"&&"ui-btn--sm",t==="lg"&&"ui-btn--lg",n].filter(Boolean).join(" ");return i.jsx("button",{className:r,...u})}exports.Button=o;
+//# sourceMappingURL=Button.cjs.map

package/dist/components/button/Button.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.cjs","sources":["../../../../src/components/button/Button.tsx"],"sourcesContent":["/**\r\n * Button Component\r\n * ----------------\r\n * - Fully accessible\r\n * - Supports variants and sizes\r\n * - Theme-driven styling (light/dark/custom)\r\n * - No external dependencies\r\n * - Compatible with tree-shaking\r\n */\r\n\r\nimport React from 'react';\r\nimport './Button.css';\r\n\r\nexport interface ButtonProps\r\n  extends React.ButtonHTMLAttributes<HTMLButtonElement> {\r\n  /**\r\n   * Visual appearance of the button.\r\n   * \"default\" = subtle background\r\n   * \"primary\" = strong emphasis (blue)\r\n   */\r\n  variant?: 'default' | 'primary';\r\n\r\n  /**\r\n   * Adjusts padding & font-size.\r\n   */\r\n  size?: 'sm' | 'md' | 'lg';\r\n}\r\n\r\nexport function Button({\r\n  variant = 'default',\r\n  size = 'md',\r\n  className = '',\r\n  ...props\r\n}: ButtonProps) {\r\n  const classes = [\r\n    'ui-btn',\r\n    variant === 'primary' && 'ui-btn--primary',\r\n    size === 'sm' && 'ui-btn--sm',\r\n    size === 'lg' && 'ui-btn--lg',\r\n    className,\r\n  ]\r\n    .filter(Boolean)\r\n    .join(' ');\r\n\r\n  return <button className={classes} {...props} />;\r\n}\r\n"],"names":["Button","variant","size","className","props","classes","jsx"],"mappings":"iJA4BO,SAASA,EAAO,CACrB,QAAAC,EAAU,UACV,KAAAC,EAAO,KACP,UAAAC,EAAY,GACZ,GAAGC,CACL,EAAgB,CACd,MAAMC,EAAU,CACd,SACAJ,IAAY,WAAa,kBACzBC,IAAS,MAAQ,aACjBA,IAAS,MAAQ,aACjBC,CAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG,EAEX,OAAOG,EAAAA,IAAC,SAAA,CAAO,UAAWD,EAAU,GAAGD,EAAO,CAChD"}

package/dist/components/button/Button.js

@@ -0,0 +1,21 @@
+import { jsx as m } from "react/jsx-runtime";
+/* empty css           */
+function a({
+  variant: n = "default",
+  size: t = "md",
+  className: o = "",
+  ...r
+}) {
+  const i = [
+    "ui-btn",
+    n === "primary" && "ui-btn--primary",
+    t === "sm" && "ui-btn--sm",
+    t === "lg" && "ui-btn--lg",
+    o
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ m("button", { className: i, ...r });
+}
+export {
+  a as Button
+};
+//# sourceMappingURL=Button.js.map

package/dist/components/button/Button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.js","sources":["../../../../src/components/button/Button.tsx"],"sourcesContent":["/**\r\n * Button Component\r\n * ----------------\r\n * - Fully accessible\r\n * - Supports variants and sizes\r\n * - Theme-driven styling (light/dark/custom)\r\n * - No external dependencies\r\n * - Compatible with tree-shaking\r\n */\r\n\r\nimport React from 'react';\r\nimport './Button.css';\r\n\r\nexport interface ButtonProps\r\n  extends React.ButtonHTMLAttributes<HTMLButtonElement> {\r\n  /**\r\n   * Visual appearance of the button.\r\n   * \"default\" = subtle background\r\n   * \"primary\" = strong emphasis (blue)\r\n   */\r\n  variant?: 'default' | 'primary';\r\n\r\n  /**\r\n   * Adjusts padding & font-size.\r\n   */\r\n  size?: 'sm' | 'md' | 'lg';\r\n}\r\n\r\nexport function Button({\r\n  variant = 'default',\r\n  size = 'md',\r\n  className = '',\r\n  ...props\r\n}: ButtonProps) {\r\n  const classes = [\r\n    'ui-btn',\r\n    variant === 'primary' && 'ui-btn--primary',\r\n    size === 'sm' && 'ui-btn--sm',\r\n    size === 'lg' && 'ui-btn--lg',\r\n    className,\r\n  ]\r\n    .filter(Boolean)\r\n    .join(' ');\r\n\r\n  return <button className={classes} {...props} />;\r\n}\r\n"],"names":["Button","variant","size","className","props","classes","jsx"],"mappings":";;AA4BO,SAASA,EAAO;AAAA,EACrB,SAAAC,IAAU;AAAA,EACV,MAAAC,IAAO;AAAA,EACP,WAAAC,IAAY;AAAA,EACZ,GAAGC;AACL,GAAgB;AACd,QAAMC,IAAU;AAAA,IACd;AAAA,IACAJ,MAAY,aAAa;AAAA,IACzBC,MAAS,QAAQ;AAAA,IACjBA,MAAS,QAAQ;AAAA,IACjBC;AAAA,EAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG;AAEX,SAAO,gBAAAG,EAAC,UAAA,EAAO,WAAWD,GAAU,GAAGD,GAAO;AAChD;"}

package/dist/components/card/Card.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime");;/* empty css           */function a({children:r,className:d="",clickable:e=!1,hover:o=!1,onClick:n}){return i.jsx("div",{className:["ui-card",e?"ui-card--clickable":"",o?"ui-card--hover":"",d].join(" "),role:e?"button":void 0,tabIndex:e?0:void 0,onClick:e?n:void 0,onKeyDown:t=>{e&&(t.key==="Enter"||t.key===" ")&&(t.preventDefault(),n?.())},children:r})}function u({children:r}){return i.jsx("div",{className:"ui-card-header",children:r})}function s({children:r}){return i.jsx("div",{className:"ui-card-body",children:r})}function c({children:r}){return i.jsx("div",{className:"ui-card-footer",children:r})}function v(){return i.jsx("div",{className:"ui-card-divider"})}const f=Object.assign(a,{Header:u,Body:s,Footer:c,Divider:v});exports.Card=f;
+//# sourceMappingURL=Card.cjs.map

package/dist/components/card/Card.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Card.cjs","sources":["../../../../src/components/card/Card.tsx"],"sourcesContent":["/**\r\n * Card.tsx\r\n * ----------\r\n * Theme-aware, flexible Card component.\r\n * Supports header/body/footer & clickable states.\r\n */\r\n\r\nimport React from 'react';\r\nimport './Card.css';\r\n\r\ninterface CardProps {\r\n  children: React.ReactNode;\r\n  className?: string;\r\n  clickable?: boolean;\r\n  hover?: boolean;\r\n  onClick?: () => void;\r\n}\r\n\r\nfunction CardRoot({\r\n  children,\r\n  className = '',\r\n  clickable = false,\r\n  hover = false,\r\n  onClick,\r\n}: CardProps) {\r\n  return (\r\n    <div\r\n      className={[\r\n        'ui-card',\r\n        clickable ? 'ui-card--clickable' : '',\r\n        hover ? 'ui-card--hover' : '',\r\n        className,\r\n      ].join(' ')}\r\n      role={clickable ? 'button' : undefined}\r\n      tabIndex={clickable ? 0 : undefined}\r\n      onClick={clickable ? onClick : undefined}\r\n      onKeyDown={(e) => {\r\n        if (!clickable) return;\r\n        if (e.key === 'Enter' || e.key === ' ') {\r\n          e.preventDefault();\r\n          onClick?.();\r\n        }\r\n      }}\r\n    >\r\n      {children}\r\n    </div>\r\n  );\r\n}\r\n\r\nfunction Header({ children }: { children: React.ReactNode }) {\r\n  return <div className=\"ui-card-header\">{children}</div>;\r\n}\r\n\r\nfunction Body({ children }: { children: React.ReactNode }) {\r\n  return <div className=\"ui-card-body\">{children}</div>;\r\n}\r\n\r\nfunction Footer({ children }: { children: React.ReactNode }) {\r\n  return <div className=\"ui-card-footer\">{children}</div>;\r\n}\r\n\r\nfunction Divider() {\r\n  return <div className=\"ui-card-divider\" />;\r\n}\r\n\r\nexport const Card = Object.assign(CardRoot, {\r\n  Header,\r\n  Body,\r\n  Footer,\r\n  Divider,\r\n});\r\n"],"names":["CardRoot","children","className","clickable","hover","onClick","jsx","e","Header","Body","Footer","Divider","Card"],"mappings":"+IAkBA,SAASA,EAAS,CAChB,SAAAC,EACA,UAAAC,EAAY,GACZ,UAAAC,EAAY,GACZ,MAAAC,EAAQ,GACR,QAAAC,CACF,EAAc,CACZ,OACEC,EAAAA,IAAC,MAAA,CACC,UAAW,CACT,UACAH,EAAY,qBAAuB,GACnCC,EAAQ,iBAAmB,GAC3BF,CAAA,EACA,KAAK,GAAG,EACV,KAAMC,EAAY,SAAW,OAC7B,SAAUA,EAAY,EAAI,OAC1B,QAASA,EAAYE,EAAU,OAC/B,UAAYE,GAAM,CACXJ,IACDI,EAAE,MAAQ,SAAWA,EAAE,MAAQ,OACjCA,EAAE,eAAA,EACFF,IAAA,EAEJ,EAEC,SAAAJ,CAAA,CAAA,CAGP,CAEA,SAASO,EAAO,CAAE,SAAAP,GAA2C,CAC3D,OAAOK,EAAAA,IAAC,MAAA,CAAI,UAAU,iBAAkB,SAAAL,CAAA,CAAS,CACnD,CAEA,SAASQ,EAAK,CAAE,SAAAR,GAA2C,CACzD,OAAOK,EAAAA,IAAC,MAAA,CAAI,UAAU,eAAgB,SAAAL,CAAA,CAAS,CACjD,CAEA,SAASS,EAAO,CAAE,SAAAT,GAA2C,CAC3D,OAAOK,EAAAA,IAAC,MAAA,CAAI,UAAU,iBAAkB,SAAAL,CAAA,CAAS,CACnD,CAEA,SAASU,GAAU,CACjB,OAAOL,EAAAA,IAAC,MAAA,CAAI,UAAU,iBAAA,CAAkB,CAC1C,CAEO,MAAMM,EAAO,OAAO,OAAOZ,EAAU,CAC1C,OAAAQ,EACA,KAAAC,EACA,OAAAC,EACA,QAAAC,CACF,CAAC"}