@nofinite/nui 1.1.2 → 2.0.0

package/dist/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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"}

package/dist/dist/components/card/Card.js

@@ -0,0 +1,50 @@
+import { jsx as i } from "react/jsx-runtime";
+/* empty css         */
+function a({
+  children: r,
+  className: n = "",
+  clickable: e = !1,
+  hover: t = !1,
+  onClick: d
+}) {
+  return /* @__PURE__ */ i(
+    "div",
+    {
+      className: [
+        "ui-card",
+        e ? "ui-card--clickable" : "",
+        t ? "ui-card--hover" : "",
+        n
+      ].join(" "),
+      role: e ? "button" : void 0,
+      tabIndex: e ? 0 : void 0,
+      onClick: e ? d : void 0,
+      onKeyDown: (o) => {
+        e && (o.key === "Enter" || o.key === " ") && (o.preventDefault(), d?.());
+      },
+      children: r
+    }
+  );
+}
+function u({ children: r }) {
+  return /* @__PURE__ */ i("div", { className: "ui-card-header", children: r });
+}
+function s({ children: r }) {
+  return /* @__PURE__ */ i("div", { className: "ui-card-body", children: r });
+}
+function c({ children: r }) {
+  return /* @__PURE__ */ i("div", { className: "ui-card-footer", children: r });
+}
+function f() {
+  return /* @__PURE__ */ i("div", { className: "ui-card-divider" });
+}
+const y = Object.assign(a, {
+  Header: u,
+  Body: s,
+  Footer: c,
+  Divider: f
+});
+export {
+  y as Card
+};
+//# sourceMappingURL=Card.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Card.js","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":";;AAkBA,SAASA,EAAS;AAAA,EAChB,UAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,WAAAC,IAAY;AAAA,EACZ,OAAAC,IAAQ;AAAA,EACR,SAAAC;AACF,GAAc;AACZ,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACAH,IAAY,uBAAuB;AAAA,QACnCC,IAAQ,mBAAmB;AAAA,QAC3BF;AAAA,MAAA,EACA,KAAK,GAAG;AAAA,MACV,MAAMC,IAAY,WAAW;AAAA,MAC7B,UAAUA,IAAY,IAAI;AAAA,MAC1B,SAASA,IAAYE,IAAU;AAAA,MAC/B,WAAW,CAACE,MAAM;AAChB,QAAKJ,MACDI,EAAE,QAAQ,WAAWA,EAAE,QAAQ,SACjCA,EAAE,eAAA,GACFF,IAAA;AAAA,MAEJ;AAAA,MAEC,UAAAJ;AAAA,IAAA;AAAA,EAAA;AAGP;AAEA,SAASO,EAAO,EAAE,UAAAP,KAA2C;AAC3D,SAAO,gBAAAK,EAAC,OAAA,EAAI,WAAU,kBAAkB,UAAAL,EAAA,CAAS;AACnD;AAEA,SAASQ,EAAK,EAAE,UAAAR,KAA2C;AACzD,SAAO,gBAAAK,EAAC,OAAA,EAAI,WAAU,gBAAgB,UAAAL,EAAA,CAAS;AACjD;AAEA,SAASS,EAAO,EAAE,UAAAT,KAA2C;AAC3D,SAAO,gBAAAK,EAAC,OAAA,EAAI,WAAU,kBAAkB,UAAAL,EAAA,CAAS;AACnD;AAEA,SAASU,IAAU;AACjB,SAAO,gBAAAL,EAAC,OAAA,EAAI,WAAU,kBAAA,CAAkB;AAC1C;AAEO,MAAMM,IAAO,OAAO,OAAOZ,GAAU;AAAA,EAC1C,QAAAQ;AAAA,EACA,MAAAC;AAAA,EACA,QAAAC;AAAA,EACA,SAAAC;AACF,CAAC;"}

package/dist/dist/components/checkbox/Checkbox.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),s=require("react");;/* empty css               */function j({checked:r,defaultChecked:l,indeterminate:e=!1,onChange:h,label:o,disabled:u=!1,name:f,value:x,className:k=""}){const n=s.useRef(null),a=r!==void 0,[d,b]=s.useState(l??!1),c=a?r:d;s.useEffect(()=>{n.current&&(n.current.indeterminate=e)},[e]);const p=()=>{if(u)return;const i=!c;a||b(i),h?.(i)};return t.jsxs("label",{className:`ui-checkbox-root ${k}`,children:[t.jsx("input",{ref:n,type:"checkbox",className:"ui-checkbox-input",name:f,value:x,disabled:u,checked:c,onChange:p,"data-state":e?"indeterminate":c?"checked":"unchecked"}),t.jsx("span",{className:"ui-checkbox-check","aria-hidden":"true",children:e?"–":c?"✓":""}),o&&t.jsx("span",{className:"ui-checkbox-label",children:o})]})}exports.Checkbox=j;
+//# sourceMappingURL=Checkbox.cjs.map

package/dist/dist/components/checkbox/Checkbox.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.cjs","sources":["../../../../src/components/checkbox/Checkbox.tsx"],"sourcesContent":["/**\r\n * Checkbox.tsx\r\n * --------------\r\n * Fully accessible checkbox with 3 states:\r\n * - checked\r\n * - unchecked\r\n * - indeterminate (optional)\r\n */\r\n\r\nimport React, { useEffect, useRef } from 'react';\r\nimport './Checkbox.css';\r\n\r\ninterface CheckboxProps {\r\n  checked?: boolean; // controlled\r\n  defaultChecked?: boolean; // uncontrolled\r\n  indeterminate?: boolean; // optional\r\n  onChange?: (checked: boolean) => void;\r\n\r\n  label?: React.ReactNode;\r\n  disabled?: boolean;\r\n  name?: string;\r\n  value?: string;\r\n  className?: string;\r\n}\r\n\r\nexport function Checkbox({\r\n  checked,\r\n  defaultChecked,\r\n  indeterminate = false,\r\n  onChange,\r\n  label,\r\n  disabled = false,\r\n  name,\r\n  value,\r\n  className = '',\r\n}: CheckboxProps) {\r\n  const inputRef = useRef<HTMLInputElement | null>(null);\r\n\r\n  const isControlled = checked !== undefined;\r\n  const [internal, setInternal] = React.useState(defaultChecked ?? false);\r\n\r\n  const currentChecked = isControlled ? checked : internal;\r\n\r\n  // Apply indeterminate visual state\r\n  useEffect(() => {\r\n    if (inputRef.current) {\r\n      inputRef.current.indeterminate = indeterminate;\r\n    }\r\n  }, [indeterminate]);\r\n\r\n  const toggle = () => {\r\n    if (disabled) return;\r\n    const newVal = !currentChecked;\r\n    if (!isControlled) setInternal(newVal);\r\n    onChange?.(newVal);\r\n  };\r\n\r\n  return (\r\n    <label className={`ui-checkbox-root ${className}`}>\r\n      <input\r\n        ref={inputRef}\r\n        type=\"checkbox\"\r\n        className=\"ui-checkbox-input\"\r\n        name={name}\r\n        value={value}\r\n        disabled={disabled}\r\n        checked={currentChecked}\r\n        onChange={toggle}\r\n        data-state={\r\n          indeterminate\r\n            ? 'indeterminate'\r\n            : currentChecked\r\n            ? 'checked'\r\n            : 'unchecked'\r\n        }\r\n      />\r\n\r\n      {/* Visual checkmark */}\r\n      <span className=\"ui-checkbox-check\" aria-hidden=\"true\">\r\n        {indeterminate ? '–' : currentChecked ? '✓' : ''}\r\n      </span>\r\n\r\n      {label && <span className=\"ui-checkbox-label\">{label}</span>}\r\n    </label>\r\n  );\r\n}\r\n"],"names":["Checkbox","checked","defaultChecked","indeterminate","onChange","label","disabled","name","value","className","inputRef","useRef","isControlled","internal","setInternal","React","currentChecked","useEffect","toggle","newVal","jsxs","jsx"],"mappings":"sKAyBO,SAASA,EAAS,CACvB,QAAAC,EACA,eAAAC,EACA,cAAAC,EAAgB,GAChB,SAAAC,EACA,MAAAC,EACA,SAAAC,EAAW,GACX,KAAAC,EACA,MAAAC,EACA,UAAAC,EAAY,EACd,EAAkB,CAChB,MAAMC,EAAWC,EAAAA,OAAgC,IAAI,EAE/CC,EAAeX,IAAY,OAC3B,CAACY,EAAUC,CAAW,EAAIC,EAAM,SAASb,GAAkB,EAAK,EAEhEc,EAAiBJ,EAAeX,EAAUY,EAGhDI,EAAAA,UAAU,IAAM,CACVP,EAAS,UACXA,EAAS,QAAQ,cAAgBP,EAErC,EAAG,CAACA,CAAa,CAAC,EAElB,MAAMe,EAAS,IAAM,CACnB,GAAIZ,EAAU,OACd,MAAMa,EAAS,CAACH,EACXJ,GAAcE,EAAYK,CAAM,EACrCf,IAAWe,CAAM,CACnB,EAEA,OACEC,EAAAA,KAAC,QAAA,CAAM,UAAW,oBAAoBX,CAAS,GAC7C,SAAA,CAAAY,EAAAA,IAAC,QAAA,CACC,IAAKX,EACL,KAAK,WACL,UAAU,oBACV,KAAAH,EACA,MAAAC,EACA,SAAAF,EACA,QAASU,EACT,SAAUE,EACV,aACEf,EACI,gBACAa,EACA,UACA,WAAA,CAAA,EAKRK,EAAAA,IAAC,OAAA,CAAK,UAAU,oBAAoB,cAAY,OAC7C,SAAAlB,EAAgB,IAAMa,EAAiB,IAAM,EAAA,CAChD,EAECX,GAASgB,EAAAA,IAAC,OAAA,CAAK,UAAU,oBAAqB,SAAAhB,CAAA,CAAM,CAAA,EACvD,CAEJ"}

package/dist/dist/components/checkbox/Checkbox.js

@@ -0,0 +1,46 @@
+import { jsxs as m, jsx as n } from "react/jsx-runtime";
+import b, { useRef as C, useEffect as N } from "react";
+/* empty css             */
+function v({
+  checked: s,
+  defaultChecked: l,
+  indeterminate: e = !1,
+  onChange: u,
+  label: o,
+  disabled: r = !1,
+  name: h,
+  value: f,
+  className: k = ""
+}) {
+  const t = C(null), a = s !== void 0, [p, x] = b.useState(l ?? !1), c = a ? s : p;
+  N(() => {
+    t.current && (t.current.indeterminate = e);
+  }, [e]);
+  const d = () => {
+    if (r) return;
+    const i = !c;
+    a || x(i), u?.(i);
+  };
+  return /* @__PURE__ */ m("label", { className: `ui-checkbox-root ${k}`, children: [
+    /* @__PURE__ */ n(
+      "input",
+      {
+        ref: t,
+        type: "checkbox",
+        className: "ui-checkbox-input",
+        name: h,
+        value: f,
+        disabled: r,
+        checked: c,
+        onChange: d,
+        "data-state": e ? "indeterminate" : c ? "checked" : "unchecked"
+      }
+    ),
+    /* @__PURE__ */ n("span", { className: "ui-checkbox-check", "aria-hidden": "true", children: e ? "–" : c ? "✓" : "" }),
+    o && /* @__PURE__ */ n("span", { className: "ui-checkbox-label", children: o })
+  ] });
+}
+export {
+  v as Checkbox
+};
+//# sourceMappingURL=Checkbox.js.map

package/dist/dist/components/checkbox/Checkbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.js","sources":["../../../../src/components/checkbox/Checkbox.tsx"],"sourcesContent":["/**\r\n * Checkbox.tsx\r\n * --------------\r\n * Fully accessible checkbox with 3 states:\r\n * - checked\r\n * - unchecked\r\n * - indeterminate (optional)\r\n */\r\n\r\nimport React, { useEffect, useRef } from 'react';\r\nimport './Checkbox.css';\r\n\r\ninterface CheckboxProps {\r\n  checked?: boolean; // controlled\r\n  defaultChecked?: boolean; // uncontrolled\r\n  indeterminate?: boolean; // optional\r\n  onChange?: (checked: boolean) => void;\r\n\r\n  label?: React.ReactNode;\r\n  disabled?: boolean;\r\n  name?: string;\r\n  value?: string;\r\n  className?: string;\r\n}\r\n\r\nexport function Checkbox({\r\n  checked,\r\n  defaultChecked,\r\n  indeterminate = false,\r\n  onChange,\r\n  label,\r\n  disabled = false,\r\n  name,\r\n  value,\r\n  className = '',\r\n}: CheckboxProps) {\r\n  const inputRef = useRef<HTMLInputElement | null>(null);\r\n\r\n  const isControlled = checked !== undefined;\r\n  const [internal, setInternal] = React.useState(defaultChecked ?? false);\r\n\r\n  const currentChecked = isControlled ? checked : internal;\r\n\r\n  // Apply indeterminate visual state\r\n  useEffect(() => {\r\n    if (inputRef.current) {\r\n      inputRef.current.indeterminate = indeterminate;\r\n    }\r\n  }, [indeterminate]);\r\n\r\n  const toggle = () => {\r\n    if (disabled) return;\r\n    const newVal = !currentChecked;\r\n    if (!isControlled) setInternal(newVal);\r\n    onChange?.(newVal);\r\n  };\r\n\r\n  return (\r\n    <label className={`ui-checkbox-root ${className}`}>\r\n      <input\r\n        ref={inputRef}\r\n        type=\"checkbox\"\r\n        className=\"ui-checkbox-input\"\r\n        name={name}\r\n        value={value}\r\n        disabled={disabled}\r\n        checked={currentChecked}\r\n        onChange={toggle}\r\n        data-state={\r\n          indeterminate\r\n            ? 'indeterminate'\r\n            : currentChecked\r\n            ? 'checked'\r\n            : 'unchecked'\r\n        }\r\n      />\r\n\r\n      {/* Visual checkmark */}\r\n      <span className=\"ui-checkbox-check\" aria-hidden=\"true\">\r\n        {indeterminate ? '–' : currentChecked ? '✓' : ''}\r\n      </span>\r\n\r\n      {label && <span className=\"ui-checkbox-label\">{label}</span>}\r\n    </label>\r\n  );\r\n}\r\n"],"names":["Checkbox","checked","defaultChecked","indeterminate","onChange","label","disabled","name","value","className","inputRef","useRef","isControlled","internal","setInternal","React","currentChecked","useEffect","toggle","newVal","jsxs","jsx"],"mappings":";;;AAyBO,SAASA,EAAS;AAAA,EACvB,SAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,eAAAC,IAAgB;AAAA,EAChB,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,MAAAC;AAAA,EACA,OAAAC;AAAA,EACA,WAAAC,IAAY;AACd,GAAkB;AAChB,QAAMC,IAAWC,EAAgC,IAAI,GAE/CC,IAAeX,MAAY,QAC3B,CAACY,GAAUC,CAAW,IAAIC,EAAM,SAASb,KAAkB,EAAK,GAEhEc,IAAiBJ,IAAeX,IAAUY;AAGhD,EAAAI,EAAU,MAAM;AACd,IAAIP,EAAS,YACXA,EAAS,QAAQ,gBAAgBP;AAAA,EAErC,GAAG,CAACA,CAAa,CAAC;AAElB,QAAMe,IAAS,MAAM;AACnB,QAAIZ,EAAU;AACd,UAAMa,IAAS,CAACH;AAChB,IAAKJ,KAAcE,EAAYK,CAAM,GACrCf,IAAWe,CAAM;AAAA,EACnB;AAEA,SACE,gBAAAC,EAAC,SAAA,EAAM,WAAW,oBAAoBX,CAAS,IAC7C,UAAA;AAAA,IAAA,gBAAAY;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAKX;AAAA,QACL,MAAK;AAAA,QACL,WAAU;AAAA,QACV,MAAAH;AAAA,QACA,OAAAC;AAAA,QACA,UAAAF;AAAA,QACA,SAASU;AAAA,QACT,UAAUE;AAAA,QACV,cACEf,IACI,kBACAa,IACA,YACA;AAAA,MAAA;AAAA,IAAA;AAAA,IAKR,gBAAAK,EAAC,QAAA,EAAK,WAAU,qBAAoB,eAAY,QAC7C,UAAAlB,IAAgB,MAAMa,IAAiB,MAAM,GAAA,CAChD;AAAA,IAECX,KAAS,gBAAAgB,EAAC,QAAA,EAAK,WAAU,qBAAqB,UAAAhB,EAAA,CAAM;AAAA,EAAA,GACvD;AAEJ;"}

package/dist/dist/components/chip/Chip.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime");;/* empty css           */function p({children:n,removable:c=!1,selected:r=!1,iconLeft:s,iconRight:a,size:o="md",onRemove:t,onSelect:l,className:u=""}){return e.jsxs("div",{className:["ui-chip",`ui-chip--${o}`,r?"selected":"",u].filter(Boolean).join(" "),role:"button",tabIndex:0,onClick:l,onKeyDown:i=>{(i.key==="Enter"||i.key===" ")&&l?.()},children:[s&&e.jsx("span",{className:"ui-chip-icon-left",children:s}),e.jsx("span",{className:"ui-chip-label",children:n}),a&&e.jsx("span",{className:"ui-chip-icon-right",children:a}),c&&e.jsx("button",{className:"ui-chip-remove","aria-label":"Remove",onClick:i=>{i.stopPropagation(),t?.()},children:"×"})]})}exports.Chip=p;
+//# sourceMappingURL=Chip.cjs.map