@forgedevstack/bear 1.2.4 → 1.2.6

package/dist/components/Breadcrumbs/Breadcrumbs.js

@@ -1,56 +1,56 @@
-import { jsx as r, jsxs as m } from "react/jsx-runtime";
-import { useState as f, useEffect as z, useMemo as V } from "react";
-import { useBearThemeOptional as $ } from "../../context/BearProvider.js";
-import { resolveMaxVisible as K } from "../../utils/maxVisible.utils.js";
-import { cn as B } from "../../utils/cn.js";
-import { Dropdown as O } from "../Dropdown/Dropdown.js";
-import { BearIcons as d } from "../Icon/index.js";
-import { BREADCRUMBS_DEFAULTS as p, BREADCRUMBS_SIZE as q, BREADCRUMBS_ICON_SIZE as R } from "./Breadcrumbs.const.js";
-const ne = (_) => {
+import { jsx as r, jsxs as p } from "react/jsx-runtime";
+import { useState as f, useEffect as R, useMemo as $ } from "react";
+import { useBearThemeOptional as K, useBearDirectionOptional as q } from "../../context/BearProvider.js";
+import { resolveMaxVisible as G } from "../../utils/maxVisible.utils.js";
+import { cn as w } from "../../utils/cn.js";
+import { Dropdown as _ } from "../Dropdown/Dropdown.js";
+import { BearIcons as b } from "../Icon/index.js";
+import { BREADCRUMBS_DEFAULTS as h, BREADCRUMBS_SIZE as J, BREADCRUMBS_ICON_SIZE as I } from "./Breadcrumbs.const.js";
+const le = (D) => {
   const {
     items: a,
     separator: M,
-    maxItems: h,
-    itemsBeforeCollapse: u = p.ITEMS_BEFORE_COLLAPSE,
-    itemsAfterCollapse: b = p.ITEMS_AFTER_COLLAPSE,
+    maxItems: u,
+    itemsBeforeCollapse: x = h.ITEMS_BEFORE_COLLAPSE,
+    itemsAfterCollapse: m = h.ITEMS_AFTER_COLLAPSE,
     className: A,
-    size: x = p.SIZE,
-    showHomeIcon: D = p.SHOW_HOME_ICON,
-    testId: L,
-    "aria-label": P = "Breadcrumb"
-  } = _, w = $(), [i, I] = f(null), [H, y] = f({}), [E, T] = f(() => typeof window < "u" ? window.innerWidth : 1200);
-  z(() => {
-    const e = () => T(window.innerWidth);
+    size: d = h.SIZE,
+    showHomeIcon: L = h.SHOW_HOME_ICON,
+    testId: P,
+    "aria-label": H = "Breadcrumb"
+  } = D, y = K(), { direction: C } = q(), [i, E] = f(null), [T, N] = f({}), [g, U] = f(() => typeof window < "u" ? window.innerWidth : 1200);
+  R(() => {
+    const e = () => U(window.innerWidth);
     return window.addEventListener("resize", e), () => window.removeEventListener("resize", e);
-  }, []), z(() => {
-    I(null), y({});
+  }, []), R(() => {
+    E(null), N({});
   }, [a]);
-  const C = V(
-    () => h == null ? void 0 : K(h, { width: E, theme: w }),
-    [h, E, w]
-  ), U = () => M || /* @__PURE__ */ r(d.ChevronRightIcon, { className: B(R[x], "bear-text-zinc-500 bear-mx-2") }), g = (e, l, t) => {
-    const n = /* @__PURE__ */ m("span", { className: "bear-flex bear-items-center bear-gap-1 bear-max-w-[12rem] bear-truncate md:bear-max-w-none", children: [
-      l === 0 && D && /* @__PURE__ */ r(d.HomeIcon, { className: R[x] }),
+  const k = $(
+    () => u == null ? void 0 : G(u, { width: g, theme: y }),
+    [u, g, y]
+  ), j = () => M || (C === "rtl" ? /* @__PURE__ */ r(b.ChevronLeftIcon, { className: w(I[d], "bear-text-zinc-500 bear-mx-2") }) : /* @__PURE__ */ r(b.ChevronRightIcon, { className: w(I[d], "bear-text-zinc-500 bear-mx-2") })), v = (e, l, n) => {
+    const t = /* @__PURE__ */ p("span", { className: "bear-flex bear-items-center bear-gap-1 bear-max-w-[12rem] bear-truncate md:bear-max-w-none", children: [
+      l === 0 && L && /* @__PURE__ */ r(b.HomeIcon, { className: I[d] }),
       e.icon,
       e.label
-    ] }), o = t ? /* @__PURE__ */ r("span", { className: "bear-text-zinc-300 bear-font-medium", "aria-current": "page", children: n }) : e.href ? /* @__PURE__ */ r("a", { href: e.href, className: "bear-text-zinc-400 hover:bear-text-primary-400 bear-transition-colors bear-truncate", children: n }) : e.onClick ? /* @__PURE__ */ r("button", { type: "button", onClick: e.onClick, className: "bear-text-zinc-400 hover:bear-text-primary-400 bear-transition-colors bear-truncate", children: n }) : /* @__PURE__ */ r("span", { className: "bear-text-zinc-400 bear-truncate", children: n });
-    if (e.dropdownItems && e.dropdownItems.length > 0 && !t) {
-      const c = H[l], v = e.dropdownItems.find((s) => s.key === c);
+    ] }), o = n ? /* @__PURE__ */ r("span", { className: "bear-text-zinc-300 bear-font-medium", "aria-current": "page", children: t }) : e.href ? /* @__PURE__ */ r("a", { href: e.href, className: "bear-text-zinc-400 hover:bear-text-primary-400 bear-transition-colors bear-truncate", children: t }) : e.onClick ? /* @__PURE__ */ r("button", { type: "button", onClick: e.onClick, className: "bear-text-zinc-400 hover:bear-text-primary-400 bear-transition-colors bear-truncate", children: t }) : /* @__PURE__ */ r("span", { className: "bear-text-zinc-400 bear-truncate", children: t });
+    if (e.dropdownItems && e.dropdownItems.length > 0 && !n) {
+      const c = T[l], B = e.dropdownItems.find((s) => s.key === c);
       return /* @__PURE__ */ r(
-        O,
+        _,
         {
           placement: "bottom-start",
           closeOnSelect: !0,
-          trigger: /* @__PURE__ */ m(
+          trigger: /* @__PURE__ */ p(
             "button",
             {
               type: "button",
               className: "bear-inline-flex bear-items-center bear-gap-1 bear-text-zinc-400 hover:bear-text-primary-400 bear-transition-colors",
               "aria-haspopup": "true",
               children: [
-                n,
-                v && /* @__PURE__ */ r("span", { className: "bear-ml-1 bear-max-w-[8rem] bear-truncate bear-text-xs bear-text-zinc-300", children: v.label }),
-                /* @__PURE__ */ r(d.ChevronDownIcon, { size: 14 })
+                t,
+                B && /* @__PURE__ */ r("span", { className: "bear-ml-1 bear-max-w-[8rem] bear-truncate bear-text-xs bear-text-zinc-300", children: B.label }),
+                /* @__PURE__ */ r(b.ChevronDownIcon, { size: 14 })
               ]
             }
           ),
@@ -60,40 +60,41 @@ const ne = (_) => {
             disabled: s.disabled,
             selected: c === s.key,
             onClick: () => {
-              var S;
-              y((Z) => ({ ...Z, [l]: s.key })), (S = s.onClick) == null || S.call(s);
+              var O;
+              N((V) => ({ ...V, [l]: s.key })), (O = s.onClick) == null || O.call(s);
             }
           }))
         }
       );
     }
     return o;
-  }, j = C != null && a.length > C, k = u, F = a.length - b;
-  let N = a.map((e, l) => ({ type: "item", item: e, index: l }));
-  if (j) {
-    const e = a.slice(0, u), l = a.slice(-b), t = a.slice(u, a.length - b);
-    N = [
-      ...e.map((n, o) => ({ type: "item", item: n, index: o })),
-      ...t.length ? [{ type: "ellipsis", hidden: t }] : [],
-      ...l.map((n, o) => ({
+  }, F = k != null && a.length > k, S = x, W = a.length - m;
+  let z = a.map((e, l) => ({ type: "item", item: e, index: l }));
+  if (F) {
+    const e = a.slice(0, x), l = a.slice(-m), n = a.slice(x, a.length - m);
+    z = [
+      ...e.map((t, o) => ({ type: "item", item: t, index: o })),
+      ...n.length ? [{ type: "ellipsis", hidden: n }] : [],
+      ...l.map((t, o) => ({
         type: "item",
-        item: n,
-        index: a.length - b + o
+        item: t,
+        index: a.length - m + o
       }))
     ];
   }
-  const W = i != null && i >= k && i < F;
+  const Z = i != null && i >= S && i < W;
   return /* @__PURE__ */ r(
     "nav",
     {
-      "data-testid": L,
-      className: B("bear-flex bear-min-w-0 bear-items-center bear-flex-wrap", q[x], A),
-      "aria-label": P,
-      children: /* @__PURE__ */ r("ol", { className: "bear-flex bear-min-w-0 bear-items-center bear-flex-wrap bear-list-none bear-p-0 bear-m-0", children: N.map((e, l) => /* @__PURE__ */ m("li", { className: "bear-flex bear-min-w-0 bear-items-center", children: [
-        l > 0 && /* @__PURE__ */ r("span", { "aria-hidden": "true", children: U() }),
-        e.type === "ellipsis" ? /* @__PURE__ */ m("span", { className: "bear-inline-flex bear-min-w-0 bear-max-w-full bear-items-center bear-gap-1", children: [
+      dir: C,
+      "data-testid": P,
+      className: w("bear-flex bear-min-w-0 bear-items-center bear-flex-wrap", J[d], A),
+      "aria-label": H,
+      children: /* @__PURE__ */ r("ol", { className: "bear-flex bear-min-w-0 bear-items-center bear-flex-wrap bear-list-none bear-p-0 bear-m-0", children: z.map((e, l) => /* @__PURE__ */ p("li", { className: "bear-flex bear-min-w-0 bear-items-center", children: [
+        l > 0 && /* @__PURE__ */ r("span", { "aria-hidden": "true", children: j() }),
+        e.type === "ellipsis" ? /* @__PURE__ */ p("span", { className: "bear-inline-flex bear-min-w-0 bear-max-w-full bear-items-center bear-gap-1", children: [
           /* @__PURE__ */ r(
-            O,
+            _,
             {
               placement: "bottom-start",
               closeOnSelect: !0,
@@ -103,32 +104,32 @@ const ne = (_) => {
                   type: "button",
                   className: "bear-inline-flex bear-items-center bear-justify-center bear-rounded bear-px-2 bear-py-1 bear-text-zinc-400 hover:bear-bg-[var(--bear-bg-tertiary)] hover:bear-text-primary-400 bear-transition-colors",
                   "aria-label": "Hidden breadcrumbs",
-                  children: /* @__PURE__ */ r(d.MoreHorizIcon, { size: 18 })
+                  children: /* @__PURE__ */ r(b.MoreHorizIcon, { size: 18 })
                 }
               ),
-              items: e.hidden.map((t, n) => {
-                const o = k + n;
+              items: e.hidden.map((n, t) => {
+                const o = S + t;
                 return {
-                  key: `${t.label}-${n}`,
-                  label: t.label,
+                  key: `${n.label}-${t}`,
+                  label: n.label,
                   onClick: () => {
                     var c;
-                    I(o), (c = t.onClick) == null || c.call(t);
+                    E(o), (c = n.onClick) == null || c.call(n);
                   }
                 };
               })
             }
           ),
-          W && i != null && /* @__PURE__ */ r("span", { className: "bear-min-w-0 bear-max-w-[12rem] bear-truncate md:bear-max-w-none bear-inline-flex bear-items-center", children: g(
+          Z && i != null && /* @__PURE__ */ r("span", { className: "bear-min-w-0 bear-max-w-[12rem] bear-truncate md:bear-max-w-none bear-inline-flex bear-items-center", children: v(
             a[i],
             i,
             i === a.length - 1
           ) })
-        ] }) : g(e.item, e.index, e.index === a.length - 1)
+        ] }) : v(e.item, e.index, e.index === a.length - 1)
       ] }, l)) })
     }
   );
 };
 export {
-  ne as Breadcrumbs
+  le as Breadcrumbs
 };

package/dist/components/Card/Card.types.d.ts

@@ -21,8 +21,7 @@ export interface CardHeaderProps extends Omit<HTMLAttributes<HTMLDivElement>, 't
     /** Action element on the right side */
     action?: ReactNode;
 }
-export interface CardBodyProps extends HTMLAttributes<HTMLDivElement> {
-}
+export type CardBodyProps = HTMLAttributes<HTMLDivElement>;
 export interface CardFooterProps extends HTMLAttributes<HTMLDivElement> {
     /** Whether to add a divider above footer */
     divider?: boolean;

package/dist/components/Chat/Chat.const.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={PLACEHOLDER:"Type a message...",HEIGHT:400,TYPING_TEXT:"is typing..."},t={sending:"○",sent:"✓",delivered:"✓✓",read:"✓✓",error:"!"},r={user:{bg:"var(--bear-primary-500)",text:"white"},bot:{bg:"var(--bear-bg-secondary)",text:"var(--bear-text-primary)"},system:{bg:"transparent",text:"var(--bear-text-tertiary)"}};exports.CHAT_DEFAULTS=e;exports.MESSAGE_STATUS_ICONS=t;exports.SENDER_COLORS=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={PLACEHOLDER:"Type a message...",HEIGHT:400,TYPING_TEXT:"is typing..."},t={sending:"○",sent:"✓",delivered:"✓✓",read:"✓✓",error:"!"},r={user:{bg:"var(--bear-primary-500)",text:"white"},bot:{bg:"var(--bear-bg-secondary)",text:"var(--bear-text-primary)"},system:{bg:"transparent",text:"var(--bear-text-tertiary, var(--bear-text-muted))"}};exports.CHAT_DEFAULTS=e;exports.MESSAGE_STATUS_ICONS=t;exports.SENDER_COLORS=r;

package/dist/components/Chat/Chat.const.d.ts

@@ -21,6 +21,6 @@ export declare const SENDER_COLORS: {
     };
     readonly system: {
         readonly bg: "transparent";
-        readonly text: "var(--bear-text-tertiary)";
+        readonly text: "var(--bear-text-tertiary, var(--bear-text-muted))";
     };
 };

package/dist/components/Chat/Chat.const.js

@@ -19,7 +19,7 @@ const e = {
   },
   system: {
     bg: "transparent",
-    text: "var(--bear-text-tertiary)"
+    text: "var(--bear-text-tertiary, var(--bear-text-muted))"
   }
 };
 export {

package/dist/components/Chip/Chip.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("../../utils/cn.cjs");require("react");const h=({children:l,variant:i="filled",color:c="default",size:b="md",icon:t,avatar:o,onDelete:n,onClick:a,disabled:r=!1,className:d})=>{const p={filled:{default:"bear-bg-zinc-600 bear-text-white",primary:"bear-bg-primary-500 bear-text-white",secondary:"bear-bg-purple-500 bear-text-white",success:"bear-bg-green-500 bear-text-white",warning:"bear-bg-yellow-500 bear-text-black",error:"bear-bg-red-500 bear-text-white",info:"bear-bg-blue-500 bear-text-white"},outlined:{default:"bear-border bear-border-zinc-500 bear-text-zinc-300",primary:"bear-border bear-border-primary-500 bear-text-primary-400",secondary:"bear-border bear-border-purple-500 bear-text-purple-400",success:"bear-border bear-border-green-500 bear-text-green-400",warning:"bear-border bear-border-yellow-500 bear-text-yellow-400",error:"bear-border bear-border-red-500 bear-text-red-400",info:"bear-border bear-border-blue-500 bear-text-blue-400"},soft:{default:"bear-bg-zinc-500/20 bear-text-zinc-300",primary:"bear-bg-primary-500/20 bear-text-primary-400",secondary:"bear-bg-purple-500/20 bear-text-purple-400",success:"bear-bg-green-500/20 bear-text-green-400",warning:"bear-bg-yellow-500/20 bear-text-yellow-400",error:"bear-bg-red-500/20 bear-text-red-400",info:"bear-bg-blue-500/20 bear-text-blue-400"}},u={sm:"bear-h-6 bear-text-xs bear-px-2 bear-gap-1",md:"bear-h-8 bear-text-sm bear-px-3 bear-gap-1.5",lg:"bear-h-10 bear-text-base bear-px-4 bear-gap-2"},x={sm:"bear-w-3 bear-h-3",md:"bear-w-4 bear-h-4",lg:"bear-w-5 bear-h-5"},g=a?"button":"span";return e.jsxs(g,{onClick:a,disabled:r,className:s.cn("bear-inline-flex bear-items-center bear-rounded-full bear-font-medium bear-transition-all",u[b],p[i][c],a&&!r&&"bear-cursor-pointer hover:bear-opacity-80",r&&"bear-opacity-50 bear-cursor-not-allowed",d),children:[o&&e.jsx("span",{className:"bear--ml-1",children:o}),t&&e.jsx("span",{children:t}),e.jsx("span",{children:l}),n&&e.jsx("button",{onClick:m=>{m.stopPropagation(),n()},disabled:r,className:s.cn("bear-ml-1 bear-rounded-full bear-p-0.5 hover:bear-bg-black/20 bear-transition-colors",r&&"bear-cursor-not-allowed"),children:e.jsx("svg",{className:x[b],fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M6 18L18 6M6 6l12 12"})})})]})};exports.Chip=h;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),e=require("./Chip.const.cjs"),i=require("../../utils/cn.cjs");require("react");const O=require("../../utils/generateBearId.utils.cjs"),L=require("../../utils/useBearId.cjs"),v=c=>{const{children:_,variant:d="filled",color:b="default",size:n="md",icon:s,avatar:t,onDelete:l,onClick:o,disabled:a=!1,className:u,id:C,testId:S}=c,p=L.useBearId("Chip"),m=O.resolveBearId(C,p),I=o?"button":"span";return r.jsxs(I,{id:m,"data-testid":S,onClick:o,disabled:a,className:i.cn(e.C_H_I_P_ROOT_CLASS,"bear-inline-flex bear-items-center bear-rounded-full bear-font-medium bear-transition-all",e.CHIP_SIZE_CLASSES[n],e.CHIP_COLOR_CLASSES[d][b],o&&!a&&"bear-cursor-pointer hover:bear-opacity-80",a&&"bear-opacity-50 bear-cursor-not-allowed",u),children:[t&&r.jsx("span",{className:`${e.C_H_I_P_ROOT_CLASS}__avatar bear--ml-1`,children:t}),s&&r.jsx("span",{className:`${e.C_H_I_P_ROOT_CLASS}__icon`,children:s}),r.jsx("span",{className:`${e.C_H_I_P_ROOT_CLASS}__label`,children:_}),l&&r.jsx("button",{type:"button",onClick:h=>{h.stopPropagation(),l()},disabled:a,className:i.cn(`${e.C_H_I_P_ROOT_CLASS}__delete`,"bear-ml-1 bear-rounded-full bear-p-0.5 hover:bear-bg-black/10 dark:hover:bear-bg-black/20 bear-transition-colors",a&&"bear-cursor-not-allowed"),"aria-label":"Remove",children:r.jsx("svg",{className:e.CHIP_DELETE_ICON_SIZES[n],fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:r.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M6 18L18 6M6 6l12 12"})})})]})};exports.Chip=v;

package/dist/components/Chip/Chip.const.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e="Bear-Chip",r={filled:{default:"bear-bg-gray-600 bear-text-white dark:bear-bg-zinc-600",primary:"bear-bg-primary-500 bear-text-white",secondary:"bear-bg-purple-500 bear-text-white",success:"bear-bg-green-500 bear-text-white",warning:"bear-bg-yellow-500 bear-text-black",error:"bear-bg-red-500 bear-text-white",info:"bear-bg-blue-500 bear-text-white"},outlined:{default:"bear-border bear-border-gray-400 bear-text-gray-700 dark:bear-border-zinc-500 dark:bear-text-zinc-300",primary:"bear-border bear-border-primary-500 bear-text-primary-600 dark:bear-text-primary-400",secondary:"bear-border bear-border-purple-500 bear-text-purple-600 dark:bear-text-purple-400",success:"bear-border bear-border-green-500 bear-text-green-700 dark:bear-text-green-400",warning:"bear-border bear-border-yellow-500 bear-text-yellow-700 dark:bear-text-yellow-400",error:"bear-border bear-border-red-500 bear-text-red-600 dark:bear-text-red-400",info:"bear-border bear-border-blue-500 bear-text-blue-600 dark:bear-text-blue-400"},soft:{default:"bear-bg-gray-500/15 bear-text-gray-700 dark:bear-bg-zinc-500/20 dark:bear-text-zinc-300",primary:"bear-bg-primary-500/15 bear-text-primary-700 dark:bear-bg-primary-500/20 dark:bear-text-primary-400",secondary:"bear-bg-purple-500/15 bear-text-purple-700 dark:bear-bg-purple-500/20 dark:bear-text-purple-400",success:"bear-bg-green-500/15 bear-text-green-700 dark:bear-bg-green-500/20 dark:bear-text-green-400",warning:"bear-bg-yellow-500/15 bear-text-yellow-800 dark:bear-bg-yellow-500/20 dark:bear-text-yellow-400",error:"bear-bg-red-500/15 bear-text-red-700 dark:bear-bg-red-500/20 dark:bear-text-red-400",info:"bear-bg-blue-500/15 bear-text-blue-700 dark:bear-bg-blue-500/20 dark:bear-text-blue-400"}},a={sm:"bear-h-6 bear-text-xs bear-px-2 bear-gap-1",md:"bear-h-8 bear-text-sm bear-px-3 bear-gap-1.5",lg:"bear-h-10 bear-text-base bear-px-4 bear-gap-2"},b={sm:"bear-w-3 bear-h-3",md:"bear-w-4 bear-h-4",lg:"bear-w-5 bear-h-5"};exports.CHIP_COLOR_CLASSES=r;exports.CHIP_DELETE_ICON_SIZES=b;exports.CHIP_SIZE_CLASSES=a;exports.C_H_I_P_ROOT_CLASS=e;

package/dist/components/Chip/Chip.const.d.ts

@@ -1 +1,40 @@
 export declare const C_H_I_P_ROOT_CLASS = "Bear-Chip";
+export declare const CHIP_COLOR_CLASSES: {
+    readonly filled: {
+        readonly default: "bear-bg-gray-600 bear-text-white dark:bear-bg-zinc-600";
+        readonly primary: "bear-bg-primary-500 bear-text-white";
+        readonly secondary: "bear-bg-purple-500 bear-text-white";
+        readonly success: "bear-bg-green-500 bear-text-white";
+        readonly warning: "bear-bg-yellow-500 bear-text-black";
+        readonly error: "bear-bg-red-500 bear-text-white";
+        readonly info: "bear-bg-blue-500 bear-text-white";
+    };
+    readonly outlined: {
+        readonly default: "bear-border bear-border-gray-400 bear-text-gray-700 dark:bear-border-zinc-500 dark:bear-text-zinc-300";
+        readonly primary: "bear-border bear-border-primary-500 bear-text-primary-600 dark:bear-text-primary-400";
+        readonly secondary: "bear-border bear-border-purple-500 bear-text-purple-600 dark:bear-text-purple-400";
+        readonly success: "bear-border bear-border-green-500 bear-text-green-700 dark:bear-text-green-400";
+        readonly warning: "bear-border bear-border-yellow-500 bear-text-yellow-700 dark:bear-text-yellow-400";
+        readonly error: "bear-border bear-border-red-500 bear-text-red-600 dark:bear-text-red-400";
+        readonly info: "bear-border bear-border-blue-500 bear-text-blue-600 dark:bear-text-blue-400";
+    };
+    readonly soft: {
+        readonly default: "bear-bg-gray-500/15 bear-text-gray-700 dark:bear-bg-zinc-500/20 dark:bear-text-zinc-300";
+        readonly primary: "bear-bg-primary-500/15 bear-text-primary-700 dark:bear-bg-primary-500/20 dark:bear-text-primary-400";
+        readonly secondary: "bear-bg-purple-500/15 bear-text-purple-700 dark:bear-bg-purple-500/20 dark:bear-text-purple-400";
+        readonly success: "bear-bg-green-500/15 bear-text-green-700 dark:bear-bg-green-500/20 dark:bear-text-green-400";
+        readonly warning: "bear-bg-yellow-500/15 bear-text-yellow-800 dark:bear-bg-yellow-500/20 dark:bear-text-yellow-400";
+        readonly error: "bear-bg-red-500/15 bear-text-red-700 dark:bear-bg-red-500/20 dark:bear-text-red-400";
+        readonly info: "bear-bg-blue-500/15 bear-text-blue-700 dark:bear-bg-blue-500/20 dark:bear-text-blue-400";
+    };
+};
+export declare const CHIP_SIZE_CLASSES: {
+    readonly sm: "bear-h-6 bear-text-xs bear-px-2 bear-gap-1";
+    readonly md: "bear-h-8 bear-text-sm bear-px-3 bear-gap-1.5";
+    readonly lg: "bear-h-10 bear-text-base bear-px-4 bear-gap-2";
+};
+export declare const CHIP_DELETE_ICON_SIZES: {
+    readonly sm: "bear-w-3 bear-h-3";
+    readonly md: "bear-w-4 bear-h-4";
+    readonly lg: "bear-w-5 bear-h-5";
+};

package/dist/components/Chip/Chip.const.js

@@ -0,0 +1,43 @@
+const e = "Bear-Chip", r = {
+  filled: {
+    default: "bear-bg-gray-600 bear-text-white dark:bear-bg-zinc-600",
+    primary: "bear-bg-primary-500 bear-text-white",
+    secondary: "bear-bg-purple-500 bear-text-white",
+    success: "bear-bg-green-500 bear-text-white",
+    warning: "bear-bg-yellow-500 bear-text-black",
+    error: "bear-bg-red-500 bear-text-white",
+    info: "bear-bg-blue-500 bear-text-white"
+  },
+  outlined: {
+    default: "bear-border bear-border-gray-400 bear-text-gray-700 dark:bear-border-zinc-500 dark:bear-text-zinc-300",
+    primary: "bear-border bear-border-primary-500 bear-text-primary-600 dark:bear-text-primary-400",
+    secondary: "bear-border bear-border-purple-500 bear-text-purple-600 dark:bear-text-purple-400",
+    success: "bear-border bear-border-green-500 bear-text-green-700 dark:bear-text-green-400",
+    warning: "bear-border bear-border-yellow-500 bear-text-yellow-700 dark:bear-text-yellow-400",
+    error: "bear-border bear-border-red-500 bear-text-red-600 dark:bear-text-red-400",
+    info: "bear-border bear-border-blue-500 bear-text-blue-600 dark:bear-text-blue-400"
+  },
+  soft: {
+    default: "bear-bg-gray-500/15 bear-text-gray-700 dark:bear-bg-zinc-500/20 dark:bear-text-zinc-300",
+    primary: "bear-bg-primary-500/15 bear-text-primary-700 dark:bear-bg-primary-500/20 dark:bear-text-primary-400",
+    secondary: "bear-bg-purple-500/15 bear-text-purple-700 dark:bear-bg-purple-500/20 dark:bear-text-purple-400",
+    success: "bear-bg-green-500/15 bear-text-green-700 dark:bear-bg-green-500/20 dark:bear-text-green-400",
+    warning: "bear-bg-yellow-500/15 bear-text-yellow-800 dark:bear-bg-yellow-500/20 dark:bear-text-yellow-400",
+    error: "bear-bg-red-500/15 bear-text-red-700 dark:bear-bg-red-500/20 dark:bear-text-red-400",
+    info: "bear-bg-blue-500/15 bear-text-blue-700 dark:bear-bg-blue-500/20 dark:bear-text-blue-400"
+  }
+}, a = {
+  sm: "bear-h-6 bear-text-xs bear-px-2 bear-gap-1",
+  md: "bear-h-8 bear-text-sm bear-px-3 bear-gap-1.5",
+  lg: "bear-h-10 bear-text-base bear-px-4 bear-gap-2"
+}, b = {
+  sm: "bear-w-3 bear-h-3",
+  md: "bear-w-4 bear-h-4",
+  lg: "bear-w-5 bear-h-5"
+};
+export {
+  r as CHIP_COLOR_CLASSES,
+  b as CHIP_DELETE_ICON_SIZES,
+  a as CHIP_SIZE_CLASSES,
+  e as C_H_I_P_ROOT_CLASS
+};

package/dist/components/Chip/Chip.js

@@ -1,80 +1,59 @@
-import { jsxs as m, jsx as e } from "react/jsx-runtime";
-import { cn as l } from "../../utils/cn.js";
+import { jsxs as I, jsx as e } from "react/jsx-runtime";
+import { C_H_I_P_ROOT_CLASS as a, CHIP_DELETE_ICON_SIZES as S, CHIP_COLOR_CLASSES as v, CHIP_SIZE_CLASSES as k } from "./Chip.const.js";
+import { cn as i } from "../../utils/cn.js";
 import "react";
-const z = ({
-  children: s,
-  variant: i = "filled",
-  color: p = "default",
-  size: b = "md",
-  icon: t,
-  avatar: o,
-  onDelete: n,
-  onClick: a,
-  disabled: r = !1,
-  className: d
-}) => {
-  const c = {
-    filled: {
-      default: "bear-bg-zinc-600 bear-text-white",
-      primary: "bear-bg-primary-500 bear-text-white",
-      secondary: "bear-bg-purple-500 bear-text-white",
-      success: "bear-bg-green-500 bear-text-white",
-      warning: "bear-bg-yellow-500 bear-text-black",
-      error: "bear-bg-red-500 bear-text-white",
-      info: "bear-bg-blue-500 bear-text-white"
-    },
-    outlined: {
-      default: "bear-border bear-border-zinc-500 bear-text-zinc-300",
-      primary: "bear-border bear-border-primary-500 bear-text-primary-400",
-      secondary: "bear-border bear-border-purple-500 bear-text-purple-400",
-      success: "bear-border bear-border-green-500 bear-text-green-400",
-      warning: "bear-border bear-border-yellow-500 bear-text-yellow-400",
-      error: "bear-border bear-border-red-500 bear-text-red-400",
-      info: "bear-border bear-border-blue-500 bear-text-blue-400"
-    },
-    soft: {
-      default: "bear-bg-zinc-500/20 bear-text-zinc-300",
-      primary: "bear-bg-primary-500/20 bear-text-primary-400",
-      secondary: "bear-bg-purple-500/20 bear-text-purple-400",
-      success: "bear-bg-green-500/20 bear-text-green-400",
-      warning: "bear-bg-yellow-500/20 bear-text-yellow-400",
-      error: "bear-bg-red-500/20 bear-text-red-400",
-      info: "bear-bg-blue-500/20 bear-text-blue-400"
-    }
-  }, x = {
-    sm: "bear-h-6 bear-text-xs bear-px-2 bear-gap-1",
-    md: "bear-h-8 bear-text-sm bear-px-3 bear-gap-1.5",
-    lg: "bear-h-10 bear-text-base bear-px-4 bear-gap-2"
-  }, u = { sm: "bear-w-3 bear-h-3", md: "bear-w-4 bear-h-4", lg: "bear-w-5 bear-h-5" };
-  return /* @__PURE__ */ m(
-    a ? "button" : "span",
+import { resolveBearId as L } from "../../utils/generateBearId.utils.js";
+import { useBearId as N } from "../../utils/useBearId.js";
+const j = (c) => {
+  const {
+    children: d,
+    variant: m = "filled",
+    color: b = "default",
+    size: t = "md",
+    icon: n,
+    avatar: l,
+    onDelete: s,
+    onClick: o,
+    disabled: r = !1,
+    className: p,
+    id: _,
+    testId: u
+  } = c, C = N("Chip"), f = L(_, C);
+  return /* @__PURE__ */ I(
+    o ? "button" : "span",
     {
-      onClick: a,
+      id: f,
+      "data-testid": u,
+      onClick: o,
       disabled: r,
-      className: l(
+      className: i(
+        a,
         "bear-inline-flex bear-items-center bear-rounded-full bear-font-medium bear-transition-all",
-        x[b],
-        c[i][p],
-        a && !r && "bear-cursor-pointer hover:bear-opacity-80",
+        k[t],
+        v[m][b],
+        o && !r && "bear-cursor-pointer hover:bear-opacity-80",
         r && "bear-opacity-50 bear-cursor-not-allowed",
-        d
+        p
       ),
       children: [
-        o && /* @__PURE__ */ e("span", { className: "bear--ml-1", children: o }),
-        t && /* @__PURE__ */ e("span", { children: t }),
-        /* @__PURE__ */ e("span", { children: s }),
-        n && /* @__PURE__ */ e(
+        l && /* @__PURE__ */ e("span", { className: `${a}__avatar bear--ml-1`, children: l }),
+        n && /* @__PURE__ */ e("span", { className: `${a}__icon`, children: n }),
+        /* @__PURE__ */ e("span", { className: `${a}__label`, children: d }),
+        s && /* @__PURE__ */ e(
           "button",
           {
-            onClick: (g) => {
-              g.stopPropagation(), n();
+            type: "button",
+            onClick: (h) => {
+              h.stopPropagation(), s();
             },
             disabled: r,
-            className: l(
-              "bear-ml-1 bear-rounded-full bear-p-0.5 hover:bear-bg-black/20 bear-transition-colors",
+            className: i(
+              `${a}__delete`,
+              "bear-ml-1 bear-rounded-full bear-p-0.5 hover:bear-bg-black/10 dark:hover:bear-bg-black/20 bear-transition-colors",
               r && "bear-cursor-not-allowed"
             ),
-            children: /* @__PURE__ */ e("svg", { className: u[b], fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ e("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" }) })
+            "aria-label": "Remove",
+            children: /* @__PURE__ */ e("svg", { className: S[t], fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ e("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" }) })
           }
         )
       ]
@@ -82,5 +61,5 @@ const z = ({
   );
 };
 export {
-  z as Chip
+  j as Chip
 };

package/dist/components/ChipGroup/ChipGroup.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),i=require("react"),e=require("./ChipGroup.const.cjs"),o=require("../../utils/cn.cjs"),m=require("../../utils/generateBearId.utils.cjs"),O=require("../../utils/useBearId.cjs"),P=c=>{const{id:a,testId:d,children:l,max:r,spacing:u="md",className:_,...S}=c,C=O.useBearId("ChipGroup"),p=m.resolveBearId(a,C),s=i.Children.toArray(l).filter(i.isValidElement),I=typeof r=="number"?s.slice(0,r):s,t=typeof r=="number"?Math.max(0,s.length-r):0;return n.jsxs("div",{...S,id:p,"data-testid":d,className:o.cn(e.CHIP_GROUP_ROOT_CLASS,e.CHIP_GROUP_BASE_CLASSES,e.CHIP_GROUP_SPACING_CLASSES[u],_),children:[I,t>0&&n.jsxs("span",{className:o.cn(`${e.CHIP_GROUP_ROOT_CLASS}__overflow`,e.CHIP_GROUP_OVERFLOW_CLASSES),children:["+",t]})]})};exports.ChipGroup=P;

package/dist/components/ChipGroup/ChipGroup.const.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e="Bear-ChipGroup",r="bear-inline-flex bear-flex-wrap bear-items-center",a={sm:"bear-gap-1",md:"bear-gap-1.5",lg:"bear-gap-2"},S="bear-inline-flex bear-items-center bear-justify-center bear-rounded-full bear-bg-gray-200 dark:bear-bg-zinc-700 bear-text-gray-700 dark:bear-text-zinc-200 bear-text-xs bear-font-medium bear-h-8 bear-min-w-[2rem] bear-px-2";exports.CHIP_GROUP_BASE_CLASSES=r;exports.CHIP_GROUP_OVERFLOW_CLASSES=S;exports.CHIP_GROUP_ROOT_CLASS=e;exports.CHIP_GROUP_SPACING_CLASSES=a;

package/dist/components/ChipGroup/ChipGroup.const.d.ts

@@ -0,0 +1,8 @@
+export declare const CHIP_GROUP_ROOT_CLASS = "Bear-ChipGroup";
+export declare const CHIP_GROUP_BASE_CLASSES = "bear-inline-flex bear-flex-wrap bear-items-center";
+export declare const CHIP_GROUP_SPACING_CLASSES: {
+    readonly sm: "bear-gap-1";
+    readonly md: "bear-gap-1.5";
+    readonly lg: "bear-gap-2";
+};
+export declare const CHIP_GROUP_OVERFLOW_CLASSES = "bear-inline-flex bear-items-center bear-justify-center bear-rounded-full bear-bg-gray-200 dark:bear-bg-zinc-700 bear-text-gray-700 dark:bear-text-zinc-200 bear-text-xs bear-font-medium bear-h-8 bear-min-w-[2rem] bear-px-2";

package/dist/components/ChipGroup/ChipGroup.const.js

@@ -0,0 +1,11 @@
+const e = "Bear-ChipGroup", r = "bear-inline-flex bear-flex-wrap bear-items-center", a = {
+  sm: "bear-gap-1",
+  md: "bear-gap-1.5",
+  lg: "bear-gap-2"
+}, b = "bear-inline-flex bear-items-center bear-justify-center bear-rounded-full bear-bg-gray-200 dark:bear-bg-zinc-700 bear-text-gray-700 dark:bear-text-zinc-200 bear-text-xs bear-font-medium bear-h-8 bear-min-w-[2rem] bear-px-2";
+export {
+  r as CHIP_GROUP_BASE_CLASSES,
+  b as CHIP_GROUP_OVERFLOW_CLASSES,
+  e as CHIP_GROUP_ROOT_CLASS,
+  a as CHIP_GROUP_SPACING_CLASSES
+};

package/dist/components/ChipGroup/ChipGroup.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { ChipGroupProps } from './ChipGroup.types';
+export declare const ChipGroup: FC<ChipGroupProps>;

package/dist/components/ChipGroup/ChipGroup.js

@@ -0,0 +1,41 @@
+import { jsxs as t } from "react/jsx-runtime";
+import { Children as f, isValidElement as I } from "react";
+import { CHIP_GROUP_OVERFLOW_CLASSES as h, CHIP_GROUP_ROOT_CLASS as s, CHIP_GROUP_SPACING_CLASSES as P, CHIP_GROUP_BASE_CLASSES as A } from "./ChipGroup.const.js";
+import { cn as i } from "../../utils/cn.js";
+import { resolveBearId as O } from "../../utils/generateBearId.utils.js";
+import { useBearId as G } from "../../utils/useBearId.js";
+const y = (m) => {
+  const {
+    id: n,
+    testId: a,
+    children: d,
+    max: r,
+    spacing: c = "md",
+    className: l,
+    ...p
+  } = m, _ = G("ChipGroup"), S = O(n, _), e = f.toArray(d).filter(I), C = typeof r == "number" ? e.slice(0, r) : e, o = typeof r == "number" ? Math.max(0, e.length - r) : 0;
+  return /* @__PURE__ */ t(
+    "div",
+    {
+      ...p,
+      id: S,
+      "data-testid": a,
+      className: i(
+        s,
+        A,
+        P[c],
+        l
+      ),
+      children: [
+        C,
+        o > 0 && /* @__PURE__ */ t("span", { className: i(`${s}__overflow`, h), children: [
+          "+",
+          o
+        ] })
+      ]
+    }
+  );
+};
+export {
+  y as ChipGroup
+};

package/dist/components/ChipGroup/ChipGroup.types.d.ts

@@ -0,0 +1,9 @@
+import { HTMLAttributes, ReactNode } from 'react';
+export interface ChipGroupProps extends HTMLAttributes<HTMLDivElement> {
+    id?: string;
+    testId?: string;
+    children: ReactNode;
+    max?: number;
+    spacing?: 'sm' | 'md' | 'lg';
+    className?: string;
+}

package/dist/components/ChipGroup/index.d.ts

@@ -0,0 +1,2 @@
+export { ChipGroup } from './ChipGroup';
+export type { ChipGroupProps } from './ChipGroup.types';

package/dist/components/ColorSwatch/ColorSwatch.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),L=require("react"),h=require("../../utils/cn.cjs"),t=require("./ColorSwatch.const.cjs"),f=require("./ColorSwatch.utils.cjs"),_=({color:c,selected:r=!1,size:s="md",rounded:l=!0,label:d,onClick:A,className:C,testId:S,...m})=>{const a=t.SIZE_MAP[s],n=f.isLightColor(c),o=Math.max(12,a*.4);return i.jsxs("div",{className:"bear-inline-flex bear-flex-col bear-items-center",children:[i.jsx("div",{className:h.cn(t.SWATCH_CLASSES,r&&t.SWATCH_SELECTED_CLASSES,n?t.SWATCH_LIGHT_BORDER:t.SWATCH_DEFAULT_BORDER,l?"bear-rounded-full":"bear-rounded-md",C),style:{width:a,height:a,backgroundColor:c},onClick:A,role:"option","aria-selected":r,"aria-label":d??c,"data-testid":S,...m,children:r&&i.jsx("svg",{className:h.cn(n?t.LIGHT_CHECK_CLASSES:t.CHECK_CLASSES),width:o,height:o,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:3,strokeLinecap:"round",strokeLinejoin:"round",children:i.jsx("polyline",{points:"20 6 9 17 4 12"})})}),d&&i.jsx("span",{className:t.LABEL_CLASSES,style:{maxWidth:a+8},children:d})]})},w=({colors:c,value:r,onChange:s,multiple:l=!1,size:d="md",rounded:A=!0,gap:C=t.DEFAULT_GAP,columns:S,showLabel:m=!1,className:a,testId:n,...o})=>{const E=L.useMemo(()=>r?new Set(Array.isArray(r)?r:[r]):new Set,[r]),x=L.useCallback(e=>{if(l){const u=new Set(E);u.has(e)?u.delete(e):u.add(e),s==null||s(Array.from(u))}else s==null||s(e)},[l,E,s]);return i.jsx("div",{className:h.cn(t.GROUP_CLASSES,a),style:{gap:C,...S?{display:"grid",gridTemplateColumns:`repeat(${S}, 1fr)`}:{}},role:"listbox","aria-multiselectable":l,"data-testid":n,...o,children:c.map(e=>i.jsx(_,{color:e,selected:E.has(e),size:d,rounded:A,label:m?e:void 0,onClick:()=>x(e)},e))})};exports.ColorSwatch=_;exports.ColorSwatchGroup=w;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),L=require("react"),h=require("../../utils/cn.cjs"),t=require("./ColorSwatch.const.cjs"),f=require("./ColorSwatch.utils.cjs"),_=({color:l,selected:r=!1,size:s="md",rounded:c=!0,label:d,onClick:A,className:C,testId:S,...m})=>{const a=t.SIZE_MAP[s],n=f.isLightColor(l),o=Math.max(12,a*.4);return i.jsxs("div",{className:"bear-inline-flex bear-flex-col bear-items-center",children:[i.jsx("div",{className:h.cn(t.SWATCH_CLASSES,r&&t.SWATCH_SELECTED_CLASSES,n?t.SWATCH_LIGHT_BORDER:t.SWATCH_DEFAULT_BORDER,c?"bear-rounded-full":"bear-rounded-md",C),style:{width:a,height:a,backgroundColor:l},onClick:A,role:"option","aria-selected":r,"aria-label":d??l,"data-testid":S,...m,children:r&&i.jsx("svg",{className:h.cn(n?t.LIGHT_CHECK_CLASSES:t.CHECK_CLASSES),width:o,height:o,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:3,strokeLinecap:"round",strokeLinejoin:"round",children:i.jsx("polyline",{points:"20 6 9 17 4 12"})})}),d&&i.jsx("span",{className:t.LABEL_CLASSES,style:{maxWidth:a+8},children:d})]})},w=({colors:l,value:r,onChange:s,multiple:c=!1,size:d="md",rounded:A=!0,gap:C=t.DEFAULT_GAP,columns:S,showLabel:m=!1,className:a,testId:n,...o})=>{const E=L.useMemo(()=>r?new Set(Array.isArray(r)?r:[r]):new Set,[r]),x=L.useCallback(e=>{if(c){const u=new Set(E);u.has(e)?u.delete(e):u.add(e),s==null||s(Array.from(u))}else s==null||s(e)},[c,E,s]);return i.jsx("div",{className:h.cn(t.GROUP_CLASSES,a),style:{gap:C,...S?{display:"grid",gridTemplateColumns:`repeat(${S}, 1fr)`}:{}},role:"listbox","aria-multiselectable":c,"data-testid":n,...o,children:l.map(e=>i.jsx(_,{color:e,selected:E.has(e),size:d,rounded:A,label:m?e:void 0,onClick:()=>x(e)},e))})};exports.ColorSwatch=_;exports.ColorSwatchGroup=w;