@forgedevstack/bear 1.2.3 → 1.2.4

package/dist/components/Kanban/Kanban.js

@@ -4,7 +4,8 @@ import { cn as f } from "../../utils/cn.js";
 import "../../context/BearProvider.js";
 import { useDragDrop as P } from "../../hooks/useDragDrop/useDragDrop.js";
 import "../../hooks/useBearComponent/useBearComponent.js";
-const S = "bear-kanban", R = ({
+import "../FormControl/FormControl.context.js";
+const S = "bear-kanban", Y = ({
   columns: d,
   onColumnsChange: g,
   onCardMove: l,
@@ -15,9 +16,9 @@ const S = "bear-kanban", R = ({
 }) => {
   const z = I(
     (r, e, b, t, n) => {
-      const x = d.find((a) => a.id === r), s = d.find((a) => a.id === e);
-      if (!x || !s) return;
-      const m = d.map((a) => {
+      const m = d.find((a) => a.id === r), s = d.find((a) => a.id === e);
+      if (!m || !s) return;
+      const x = d.map((a) => {
         if (a.id === r) {
           const c = a.cards.filter((o, p) => p !== b);
           return { ...a, cards: c };
@@ -28,7 +29,7 @@ const S = "bear-kanban", R = ({
         }
         return a;
       });
-      g == null || g(m), l == null || l(n.id, r, e, b, t);
+      g == null || g(x), l == null || l(n.id, r, e, b, t);
     },
     [d, g, l]
   ), { getDragProps: u, getDropProps: w, isDragging: K, draggedId: $, dragOverId: N } = P({
@@ -36,8 +37,8 @@ const S = "bear-kanban", R = ({
     dragType: S,
     onDrop: (r, e, b, t, n) => {
       var v;
-      const x = String(r), s = String(e), m = x.split("-")[0], a = parseInt(x.split("-")[1], 10) || 0, c = s.endsWith("-col") ? s.replace("-col", "") : s.split("-")[0], o = s.endsWith("-col") ? ((v = d.find((j) => j.id === c)) == null ? void 0 : v.cards.length) ?? 0 : parseInt(s.split("-")[1], 10), p = n;
-      p != null && p.id && z(m, c, a, o, p);
+      const m = String(r), s = String(e), x = m.split("-")[0], a = parseInt(m.split("-")[1], 10) || 0, c = s.endsWith("-col") ? s.replace("-col", "") : s.split("-")[0], o = s.endsWith("-col") ? ((v = d.find((j) => j.id === c)) == null ? void 0 : v.cards.length) ?? 0 : parseInt(s.split("-")[1], 10), p = n;
+      p != null && p.id && z(x, c, a, o, p);
     }
   });
   return /* @__PURE__ */ i(
@@ -87,5 +88,5 @@ const S = "bear-kanban", R = ({
   );
 };
 export {
-  R as Kanban
+  Y as Kanban
 };

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

@@ -11,6 +11,8 @@ export interface KanbanColumn {
     cards: KanbanCard[];
 }
 export interface KanbanProps {
+    testId?: string;
+    id?: string;
     columns: KanbanColumn[];
     onColumnsChange?: (columns: KanbanColumn[]) => void;
     onCardMove?: (cardId: string, fromColumnId: string, toColumnId: string, fromIndex: number, toIndex: number) => void;

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

@@ -0,0 +1 @@
+export declare const K_B_D_ROOT_CLASS = "Bear-Kbd";

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

@@ -1,5 +1,7 @@
 import { ReactNode } from 'react';
 export interface KbdProps {
+    testId?: string;
+    id?: string;
     children: ReactNode;
     keys?: string[];
     size?: 'sm' | 'md' | 'lg';

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

@@ -0,0 +1 @@
+export declare const L_I_N_K_ROOT_CLASS = "Bear-Link";

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

@@ -1,6 +1,7 @@
 import { AnchorHTMLAttributes, ReactNode } from 'react';
 import { BearVariant } from '../../types';
 export interface LinkProps extends AnchorHTMLAttributes<HTMLAnchorElement> {
+    id?: string;
     /** Link color variant */
     variant?: BearVariant | 'inherit';
     /** Whether link has underline */

package/dist/components/List/List.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),c=require("react"),i=require("../../utils/cn.cjs"),u=c.createContext({}),w=()=>c.useContext(u),v=c.forwardRef(({variant:r="default",size:e="md",hoverable:b=!1,dense:a=!1,disablePadding:n=!1,className:t,children:x,testId:l,...y},o)=>{const g={xs:"bear-text-xs",sm:"bear-text-sm",md:"bear-text-base",lg:"bear-text-lg",xl:"bear-text-xl"},m={default:"",bordered:"bear-border bear-border-gray-200 dark:bear-border-gray-700 bear-rounded-lg",divided:"[&>li:not(:last-child)]:bear-border-b [&>li:not(:last-child)]:bear-border-gray-200 dark:[&>li:not(:last-child)]:bear-border-gray-700"};return s.jsx(u.Provider,{value:{dense:a,hoverable:b},children:s.jsx("ul",{ref:o,role:"list",className:i.cn("bear-list-none bear-m-0",!n&&"bear-py-2",g[e],m[r],t),"data-testid":l,...y,children:x})})});v.displayName="List";const h=c.forwardRef(({primary:r,secondary:e,leading:b,trailing:a,selected:n=!1,disabled:t=!1,clickable:x=!1,divider:l=!1,dense:y,onClick:o,className:g,children:m,testId:j,...k},L)=>{const{dense:N,hoverable:I}=w(),p=y??N,d=x||!!o;return s.jsxs("li",{ref:L,role:d?"button":"listitem",tabIndex:d&&!t?0:void 0,"aria-selected":n,"aria-disabled":t,onClick:t?void 0:o,onKeyDown:f=>{!t&&(f.key==="Enter"||f.key===" ")&&(f.preventDefault(),o==null||o())},className:i.cn("bear-flex bear-items-center bear-gap-3",p?"bear-py-1 bear-px-3":"bear-py-2 bear-px-4",d&&!t&&"bear-cursor-pointer",(I||d)&&!t&&"hover:bear-bg-gray-100 dark:hover:bear-bg-gray-800",n&&"bear-bg-primary-50 dark:bear-bg-primary-900/20",t&&"bear-opacity-50 bear-cursor-not-allowed",l&&"bear-border-b bear-border-gray-200 dark:bear-border-gray-700",g),"data-testid":j,...k,children:[b&&s.jsx("div",{className:"bear-flex-shrink-0 bear-text-gray-500 dark:bear-text-gray-400",children:b}),r||e?s.jsxs("div",{className:"bear-flex-1 bear-min-w-0",children:[r&&s.jsx("div",{className:"bear-text-gray-900 dark:bear-text-gray-100 bear-truncate",children:r}),e&&s.jsx("div",{className:i.cn("bear-text-gray-500 dark:bear-text-gray-400 bear-truncate",p?"bear-text-xs":"bear-text-sm"),children:e})]}):s.jsx("div",{className:"bear-flex-1 bear-min-w-0",children:m}),a&&s.jsx("div",{className:"bear-flex-shrink-0 bear-text-gray-500 dark:bear-text-gray-400",children:a})]})});h.displayName="ListItem";const D=({sticky:r=!1,inset:e=!1,className:b,children:a,testId:n,...t})=>s.jsx("li",{role:"presentation",className:i.cn("bear-py-2 bear-px-4 bear-text-xs bear-font-semibold bear-uppercase bear-tracking-wider","bear-text-gray-500 dark:bear-text-gray-400","bear-bg-gray-50 dark:bear-bg-gray-800/50",r&&"bear-sticky bear-top-0 bear-z-10",e&&"bear-pl-12",b),"data-testid":n,...t,children:a}),R=({primary:r,secondary:e,inset:b=!1,dense:a=!1,className:n,...t})=>s.jsxs("div",{className:i.cn("bear-flex-1 bear-min-w-0",b&&"bear-pl-9",n),...t,children:[r&&s.jsx("div",{className:"bear-text-gray-900 dark:bear-text-gray-100",children:r}),e&&s.jsx("div",{className:i.cn("bear-text-gray-500 dark:bear-text-gray-400",a?"bear-text-xs":"bear-text-sm"),children:e})]}),S=({align:r="center",className:e,children:b,...a})=>s.jsx("div",{className:i.cn("bear-flex-shrink-0 bear-min-w-[36px]","bear-text-gray-500 dark:bear-text-gray-400",r==="top"&&"bear-self-start bear-mt-1",e),...a,children:b}),q=({selected:r=!1,disabled:e=!1,dense:b=!1,onClick:a,className:n,children:t,...x})=>s.jsx("div",{role:"button",tabIndex:e?-1:0,"aria-selected":r,"aria-disabled":e,onClick:e?void 0:a,onKeyDown:l=>{!e&&(l.key==="Enter"||l.key===" ")&&(l.preventDefault(),a==null||a())},className:i.cn("bear-flex bear-items-center bear-gap-3 bear-w-full bear-text-left",b?"bear-py-1 bear-px-3":"bear-py-2 bear-px-4","bear-cursor-pointer bear-transition-colors","hover:bear-bg-gray-100 dark:hover:bear-bg-gray-800",r&&"bear-bg-primary-50 dark:bear-bg-primary-900/20",e&&"bear-opacity-50 bear-cursor-not-allowed bear-pointer-events-none",n),...x,children:t});exports.List=v;exports.ListItem=h;exports.ListItemButton=q;exports.ListItemIcon=S;exports.ListItemText=R;exports.ListSubheader=D;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),m=require("react"),i=require("../../utils/cn.cjs"),d=require("./List.const.cjs"),u=m.createContext({}),w=()=>m.useContext(u),v=m.forwardRef((r,e)=>{const{variant:b="default",size:a="md",hoverable:n=!1,dense:t=!1,disablePadding:x=!1,className:o,children:y,testId:l,...g}=r;return s.jsx(u.Provider,{value:{dense:t,hoverable:n},children:s.jsx("ul",{ref:e,role:"list",className:i.cn(d.LIST_BASE_CLASSES,!x&&d.LIST_PADDING_CLASSES,d.LIST_SIZE_CLASSES[a],d.LIST_VARIANT_CLASSES[b],o),"data-testid":l,...g,children:y})})});v.displayName="List";const L=m.forwardRef(({primary:r,secondary:e,leading:b,trailing:a,selected:n=!1,disabled:t=!1,clickable:x=!1,divider:o=!1,dense:y,onClick:l,className:g,children:h,testId:S,...I},N)=>{const{dense:j,hoverable:k}=w(),p=y??j,c=x||!!l;return s.jsxs("li",{ref:N,role:c?"button":"listitem",tabIndex:c&&!t?0:void 0,"aria-selected":n,"aria-disabled":t,onClick:t?void 0:l,onKeyDown:f=>{!t&&(f.key==="Enter"||f.key===" ")&&(f.preventDefault(),l==null||l())},className:i.cn("bear-flex bear-items-center bear-gap-3",p?"bear-py-1 bear-px-3":"bear-py-2 bear-px-4",c&&!t&&"bear-cursor-pointer",(k||c)&&!t&&"hover:bear-bg-gray-100 dark:hover:bear-bg-gray-800",n&&"bear-bg-primary-50 dark:bear-bg-primary-900/20",t&&"bear-opacity-50 bear-cursor-not-allowed",o&&"bear-border-b bear-border-gray-200 dark:bear-border-gray-700",g),"data-testid":S,...I,children:[b&&s.jsx("div",{className:"bear-flex-shrink-0 bear-text-gray-500 dark:bear-text-gray-400",children:b}),r||e?s.jsxs("div",{className:"bear-flex-1 bear-min-w-0",children:[r&&s.jsx("div",{className:"bear-text-gray-900 dark:bear-text-gray-100 bear-truncate",children:r}),e&&s.jsx("div",{className:i.cn("bear-text-gray-500 dark:bear-text-gray-400 bear-truncate",p?"bear-text-xs":"bear-text-sm"),children:e})]}):s.jsx("div",{className:"bear-flex-1 bear-min-w-0",children:h}),a&&s.jsx("div",{className:"bear-flex-shrink-0 bear-text-gray-500 dark:bear-text-gray-400",children:a})]})});L.displayName="ListItem";const _=({sticky:r=!1,inset:e=!1,className:b,children:a,testId:n,...t})=>s.jsx("li",{role:"presentation",className:i.cn("bear-py-2 bear-px-4 bear-text-xs bear-font-semibold bear-uppercase bear-tracking-wider","bear-text-gray-500 dark:bear-text-gray-400","bear-bg-gray-50 dark:bear-bg-gray-800/50",r&&"bear-sticky bear-top-0 bear-z-10",e&&"bear-pl-12",b),"data-testid":n,...t,children:a}),A=({primary:r,secondary:e,inset:b=!1,dense:a=!1,className:n,...t})=>s.jsxs("div",{className:i.cn("bear-flex-1 bear-min-w-0",b&&"bear-pl-9",n),...t,children:[r&&s.jsx("div",{className:"bear-text-gray-900 dark:bear-text-gray-100",children:r}),e&&s.jsx("div",{className:i.cn("bear-text-gray-500 dark:bear-text-gray-400",a?"bear-text-xs":"bear-text-sm"),children:e})]}),E=({align:r="center",className:e,children:b,...a})=>s.jsx("div",{className:i.cn("bear-flex-shrink-0 bear-min-w-[36px]","bear-text-gray-500 dark:bear-text-gray-400",r==="top"&&"bear-self-start bear-mt-1",e),...a,children:b}),T=({selected:r=!1,disabled:e=!1,dense:b=!1,onClick:a,className:n,children:t,...x})=>s.jsx("div",{role:"button",tabIndex:e?-1:0,"aria-selected":r,"aria-disabled":e,onClick:e?void 0:a,onKeyDown:o=>{!e&&(o.key==="Enter"||o.key===" ")&&(o.preventDefault(),a==null||a())},className:i.cn("bear-flex bear-items-center bear-gap-3 bear-w-full bear-text-left",b?"bear-py-1 bear-px-3":"bear-py-2 bear-px-4","bear-cursor-pointer bear-transition-colors","hover:bear-bg-gray-100 dark:hover:bear-bg-gray-800",r&&"bear-bg-primary-50 dark:bear-bg-primary-900/20",e&&"bear-opacity-50 bear-cursor-not-allowed bear-pointer-events-none",n),...x,children:t});exports.List=v;exports.ListItem=L;exports.ListItemButton=T;exports.ListItemIcon=E;exports.ListItemText=A;exports.ListSubheader=_;

package/dist/components/List/List.const.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r={xs:"bear-text-xs",sm:"bear-text-sm",md:"bear-text-base",lg:"bear-text-lg",xl:"bear-text-xl"},e={default:"",bordered:"bear-border bear-border-gray-200 dark:bear-border-gray-700 bear-rounded-lg",divided:"[&>li:not(:last-child)]:bear-border-b [&>li:not(:last-child)]:bear-border-gray-200 dark:[&>li:not(:last-child)]:bear-border-gray-700",laminated:"bear-space-y-2 [&>li]:bear-rounded-lg [&>li]:bear-border [&>li]:bear-border-gray-200 dark:[&>li]:bear-border-gray-700 [&>li]:bear-shadow-sm [&>li]:bear-bg-white dark:[&>li]:bear-bg-gray-900"},a="bear-list-none bear-m-0",b="bear-py-2";exports.LIST_BASE_CLASSES=a;exports.LIST_PADDING_CLASSES=b;exports.LIST_SIZE_CLASSES=r;exports.LIST_VARIANT_CLASSES=e;

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

@@ -0,0 +1,11 @@
+import { BearSize } from '../../types';
+export declare const L_I_S_T_ROOT_CLASS = "Bear-List";
+export declare const LIST_SIZE_CLASSES: Record<BearSize, string>;
+export declare const LIST_VARIANT_CLASSES: {
+    readonly default: "";
+    readonly bordered: "bear-border bear-border-gray-200 dark:bear-border-gray-700 bear-rounded-lg";
+    readonly divided: "[&>li:not(:last-child)]:bear-border-b [&>li:not(:last-child)]:bear-border-gray-200 dark:[&>li:not(:last-child)]:bear-border-gray-700";
+    readonly laminated: "bear-space-y-2 [&>li]:bear-rounded-lg [&>li]:bear-border [&>li]:bear-border-gray-200 dark:[&>li]:bear-border-gray-700 [&>li]:bear-shadow-sm [&>li]:bear-bg-white dark:[&>li]:bear-bg-gray-900";
+};
+export declare const LIST_BASE_CLASSES = "bear-list-none bear-m-0";
+export declare const LIST_PADDING_CLASSES = "bear-py-2";

package/dist/components/List/List.const.js

@@ -0,0 +1,18 @@
+const r = {
+  xs: "bear-text-xs",
+  sm: "bear-text-sm",
+  md: "bear-text-base",
+  lg: "bear-text-lg",
+  xl: "bear-text-xl"
+}, e = {
+  default: "",
+  bordered: "bear-border bear-border-gray-200 dark:bear-border-gray-700 bear-rounded-lg",
+  divided: "[&>li:not(:last-child)]:bear-border-b [&>li:not(:last-child)]:bear-border-gray-200 dark:[&>li:not(:last-child)]:bear-border-gray-700",
+  laminated: "bear-space-y-2 [&>li]:bear-rounded-lg [&>li]:bear-border [&>li]:bear-border-gray-200 dark:[&>li]:bear-border-gray-700 [&>li]:bear-shadow-sm [&>li]:bear-bg-white dark:[&>li]:bear-bg-gray-900"
+}, a = "bear-list-none bear-m-0", b = "bear-py-2";
+export {
+  a as LIST_BASE_CLASSES,
+  b as LIST_PADDING_CLASSES,
+  r as LIST_SIZE_CLASSES,
+  e as LIST_VARIANT_CLASSES
+};

package/dist/components/List/List.js

@@ -1,176 +1,167 @@
-import { jsx as s, jsxs as f } from "react/jsx-runtime";
-import { createContext as I, forwardRef as v, useContext as D } from "react";
-import { cn as o } from "../../utils/cn.js";
-const u = I({}), j = () => D(u), z = v(({
-  variant: r = "default",
-  size: e = "md",
-  hoverable: b = !1,
-  dense: a = !1,
-  disablePadding: l = !1,
-  className: t,
-  children: d,
-  testId: i,
-  ...c
-}, n) => {
-  const m = {
-    xs: "bear-text-xs",
-    sm: "bear-text-sm",
-    md: "bear-text-base",
-    lg: "bear-text-lg",
-    xl: "bear-text-xl"
-  }, y = {
-    default: "",
-    bordered: "bear-border bear-border-gray-200 dark:bear-border-gray-700 bear-rounded-lg",
-    divided: "[&>li:not(:last-child)]:bear-border-b [&>li:not(:last-child)]:bear-border-gray-200 dark:[&>li:not(:last-child)]:bear-border-gray-700"
-  };
-  return /* @__PURE__ */ s(u.Provider, { value: { dense: a, hoverable: b }, children: /* @__PURE__ */ s(
+import { jsx as b, jsxs as f } from "react/jsx-runtime";
+import { createContext as k, forwardRef as p, useContext as w } from "react";
+import { cn as n } from "../../utils/cn.js";
+import { LIST_VARIANT_CLASSES as A, LIST_SIZE_CLASSES as E, LIST_PADDING_CLASSES as _, LIST_BASE_CLASSES as D } from "./List.const.js";
+const v = k({}), T = () => w(v), P = p((r, e) => {
+  const {
+    variant: s = "default",
+    size: a = "md",
+    hoverable: i = !1,
+    dense: t = !1,
+    disablePadding: x = !1,
+    className: o,
+    children: c,
+    testId: l,
+    ...m
+  } = r;
+  return /* @__PURE__ */ b(v.Provider, { value: { dense: t, hoverable: i }, children: /* @__PURE__ */ b(
     "ul",
     {
-      ref: n,
+      ref: e,
       role: "list",
-      className: o(
-        "bear-list-none bear-m-0",
-        !l && "bear-py-2",
-        m[e],
-        y[r],
-        t
+      className: n(
+        D,
+        !x && _,
+        E[a],
+        A[s],
+        o
       ),
-      "data-testid": i,
-      ...c,
-      children: d
+      "data-testid": l,
+      ...m,
+      children: c
     }
   ) });
 });
-z.displayName = "List";
-const E = v(({
+P.displayName = "List";
+const j = p(({
   primary: r,
   secondary: e,
-  leading: b,
+  leading: s,
   trailing: a,
-  selected: l = !1,
+  selected: i = !1,
   disabled: t = !1,
-  clickable: d = !1,
-  divider: i = !1,
+  clickable: x = !1,
+  divider: o = !1,
   dense: c,
-  onClick: n,
+  onClick: l,
   className: m,
-  children: y,
-  testId: h,
-  ...k
-}, N) => {
-  const { dense: w, hoverable: L } = j(), p = c ?? w, x = d || !!n;
+  children: h,
+  testId: u,
+  ...N
+}, S) => {
+  const { dense: L, hoverable: I } = T(), g = c ?? L, d = x || !!l;
   return /* @__PURE__ */ f(
     "li",
     {
-      ref: N,
-      role: x ? "button" : "listitem",
-      tabIndex: x && !t ? 0 : void 0,
-      "aria-selected": l,
+      ref: S,
+      role: d ? "button" : "listitem",
+      tabIndex: d && !t ? 0 : void 0,
+      "aria-selected": i,
       "aria-disabled": t,
-      onClick: t ? void 0 : n,
-      onKeyDown: (g) => {
-        !t && (g.key === "Enter" || g.key === " ") && (g.preventDefault(), n == null || n());
+      onClick: t ? void 0 : l,
+      onKeyDown: (y) => {
+        !t && (y.key === "Enter" || y.key === " ") && (y.preventDefault(), l == null || l());
       },
-      className: o(
+      className: n(
         "bear-flex bear-items-center bear-gap-3",
-        p ? "bear-py-1 bear-px-3" : "bear-py-2 bear-px-4",
-        x && !t && "bear-cursor-pointer",
-        (L || x) && !t && "hover:bear-bg-gray-100 dark:hover:bear-bg-gray-800",
-        l && "bear-bg-primary-50 dark:bear-bg-primary-900/20",
+        g ? "bear-py-1 bear-px-3" : "bear-py-2 bear-px-4",
+        d && !t && "bear-cursor-pointer",
+        (I || d) && !t && "hover:bear-bg-gray-100 dark:hover:bear-bg-gray-800",
+        i && "bear-bg-primary-50 dark:bear-bg-primary-900/20",
         t && "bear-opacity-50 bear-cursor-not-allowed",
-        i && "bear-border-b bear-border-gray-200 dark:bear-border-gray-700",
+        o && "bear-border-b bear-border-gray-200 dark:bear-border-gray-700",
         m
       ),
-      "data-testid": h,
-      ...k,
+      "data-testid": u,
+      ...N,
       children: [
-        b && /* @__PURE__ */ s("div", { className: "bear-flex-shrink-0 bear-text-gray-500 dark:bear-text-gray-400", children: b }),
+        s && /* @__PURE__ */ b("div", { className: "bear-flex-shrink-0 bear-text-gray-500 dark:bear-text-gray-400", children: s }),
         r || e ? /* @__PURE__ */ f("div", { className: "bear-flex-1 bear-min-w-0", children: [
-          r && /* @__PURE__ */ s("div", { className: "bear-text-gray-900 dark:bear-text-gray-100 bear-truncate", children: r }),
-          e && /* @__PURE__ */ s("div", { className: o(
+          r && /* @__PURE__ */ b("div", { className: "bear-text-gray-900 dark:bear-text-gray-100 bear-truncate", children: r }),
+          e && /* @__PURE__ */ b("div", { className: n(
             "bear-text-gray-500 dark:bear-text-gray-400 bear-truncate",
-            p ? "bear-text-xs" : "bear-text-sm"
+            g ? "bear-text-xs" : "bear-text-sm"
           ), children: e })
-        ] }) : /* @__PURE__ */ s("div", { className: "bear-flex-1 bear-min-w-0", children: y }),
-        a && /* @__PURE__ */ s("div", { className: "bear-flex-shrink-0 bear-text-gray-500 dark:bear-text-gray-400", children: a })
+        ] }) : /* @__PURE__ */ b("div", { className: "bear-flex-1 bear-min-w-0", children: h }),
+        a && /* @__PURE__ */ b("div", { className: "bear-flex-shrink-0 bear-text-gray-500 dark:bear-text-gray-400", children: a })
       ]
     }
   );
 });
-E.displayName = "ListItem";
-const R = ({
+j.displayName = "ListItem";
+const G = ({
   sticky: r = !1,
   inset: e = !1,
-  className: b,
+  className: s,
   children: a,
-  testId: l,
+  testId: i,
   ...t
-}) => /* @__PURE__ */ s(
+}) => /* @__PURE__ */ b(
   "li",
   {
     role: "presentation",
-    className: o(
+    className: n(
       "bear-py-2 bear-px-4 bear-text-xs bear-font-semibold bear-uppercase bear-tracking-wider",
       "bear-text-gray-500 dark:bear-text-gray-400",
       "bear-bg-gray-50 dark:bear-bg-gray-800/50",
       r && "bear-sticky bear-top-0 bear-z-10",
       e && "bear-pl-12",
-      b
+      s
     ),
-    "data-testid": l,
+    "data-testid": i,
     ...t,
     children: a
   }
-), S = ({
+), V = ({
   primary: r,
   secondary: e,
-  inset: b = !1,
+  inset: s = !1,
   dense: a = !1,
-  className: l,
+  className: i,
   ...t
 }) => /* @__PURE__ */ f(
   "div",
   {
-    className: o(
+    className: n(
       "bear-flex-1 bear-min-w-0",
-      b && "bear-pl-9",
-      l
+      s && "bear-pl-9",
+      i
     ),
     ...t,
     children: [
-      r && /* @__PURE__ */ s("div", { className: "bear-text-gray-900 dark:bear-text-gray-100", children: r }),
-      e && /* @__PURE__ */ s("div", { className: o(
+      r && /* @__PURE__ */ b("div", { className: "bear-text-gray-900 dark:bear-text-gray-100", children: r }),
+      e && /* @__PURE__ */ b("div", { className: n(
         "bear-text-gray-500 dark:bear-text-gray-400",
         a ? "bear-text-xs" : "bear-text-sm"
       ), children: e })
     ]
   }
-), T = ({
+), Z = ({
   align: r = "center",
   className: e,
-  children: b,
+  children: s,
   ...a
-}) => /* @__PURE__ */ s(
+}) => /* @__PURE__ */ b(
   "div",
   {
-    className: o(
+    className: n(
       "bear-flex-shrink-0 bear-min-w-[36px]",
       "bear-text-gray-500 dark:bear-text-gray-400",
       r === "top" && "bear-self-start bear-mt-1",
       e
     ),
     ...a,
-    children: b
+    children: s
   }
 ), q = ({
   selected: r = !1,
   disabled: e = !1,
-  dense: b = !1,
+  dense: s = !1,
   onClick: a,
-  className: l,
+  className: i,
   children: t,
-  ...d
-}) => /* @__PURE__ */ s(
+  ...x
+}) => /* @__PURE__ */ b(
   "div",
   {
     role: "button",
@@ -178,27 +169,27 @@ const R = ({
     "aria-selected": r,
     "aria-disabled": e,
     onClick: e ? void 0 : a,
-    onKeyDown: (i) => {
-      !e && (i.key === "Enter" || i.key === " ") && (i.preventDefault(), a == null || a());
+    onKeyDown: (o) => {
+      !e && (o.key === "Enter" || o.key === " ") && (o.preventDefault(), a == null || a());
     },
-    className: o(
+    className: n(
       "bear-flex bear-items-center bear-gap-3 bear-w-full bear-text-left",
-      b ? "bear-py-1 bear-px-3" : "bear-py-2 bear-px-4",
+      s ? "bear-py-1 bear-px-3" : "bear-py-2 bear-px-4",
       "bear-cursor-pointer bear-transition-colors",
       "hover:bear-bg-gray-100 dark:hover:bear-bg-gray-800",
       r && "bear-bg-primary-50 dark:bear-bg-primary-900/20",
       e && "bear-opacity-50 bear-cursor-not-allowed bear-pointer-events-none",
-      l
+      i
     ),
-    ...d,
+    ...x,
     children: t
   }
 );
 export {
-  z as List,
-  E as ListItem,
+  P as List,
+  j as ListItem,
   q as ListItemButton,
-  T as ListItemIcon,
-  S as ListItemText,
-  R as ListSubheader
+  Z as ListItemIcon,
+  V as ListItemText,
+  G as ListSubheader
 };

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

@@ -1,8 +1,9 @@
 import { HTMLAttributes, ReactNode } from 'react';
 import { BearSize } from '../../types';
 export interface ListProps extends HTMLAttributes<HTMLUListElement> {
+    id?: string;
     /** List variant */
-    variant?: 'default' | 'bordered' | 'divided';
+    variant?: 'default' | 'bordered' | 'divided' | 'laminated';
     /** List size */
     size?: BearSize;
     /** Whether items are hoverable */

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

@@ -1,5 +1,6 @@
 import { ReactNode, HTMLAttributes } from 'react';
 export interface LoadingOverlayProps extends HTMLAttributes<HTMLDivElement> {
+    id?: string;
     visible: boolean;
     loader?: ReactNode;
     overlayOpacity?: number;

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

@@ -36,6 +36,7 @@ export interface MapViewport {
  */
 export type MapTileProvider = 'openstreetmap' | 'cartodb-light' | 'cartodb-dark' | 'stamen-terrain' | 'custom';
 export interface MapProps {
+    id?: string;
     /** Map markers */
     markers?: MapMarker[];
     /** Initial viewport */

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

@@ -0,0 +1 @@
+export declare const M_A_R_K_ROOT_CLASS = "Bear-Mark";

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

@@ -1,5 +1,7 @@
 import { HTMLAttributes, ReactNode } from 'react';
 export interface MarkProps extends HTMLAttributes<HTMLElement> {
+    testId?: string;
+    id?: string;
     children?: ReactNode;
     color?: 'default' | 'pink' | 'blue' | 'green' | 'red';
 }

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

@@ -1,6 +1,7 @@
 import { ReactNode } from 'react';
 export type MarqueeDirection = 'left' | 'right' | 'up' | 'down';
 export interface MarqueeProps {
+    id?: string;
     /** Content to scroll */
     children: ReactNode;
     /** Scroll direction */

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

@@ -1,5 +1,6 @@
 import { ReactNode } from 'react';
 export interface MasonryProps {
+    id?: string;
     /** Items to render in masonry layout */
     children: ReactNode;
     /** Number of columns */

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

@@ -16,6 +16,7 @@ export interface PlaylistItem {
     type?: MediaType;
 }
 export interface MediaPlayerProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children'> {
+    id?: string;
     /** Media source URL */
     src: string;
     /** Media type */

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

@@ -0,0 +1 @@
+export declare const M_E_N_T_I_O_N_S_I_N_P_U_T_ROOT_CLASS = "Bear-MentionsInput";

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

@@ -5,6 +5,8 @@ export interface MentionOption {
     avatar?: ReactNode;
 }
 export interface MentionsInputProps {
+    testId?: string;
+    id?: string;
     value?: string;
     defaultValue?: string;
     onChange?: (value: string, mentions: string[]) => void;

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

@@ -0,0 +1 @@
+export declare const M_E_N_U_ROOT_CLASS = "Bear-Menu";

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

@@ -1,5 +1,6 @@
 import { HTMLAttributes, ReactNode } from 'react';
 export interface MenuItemProps extends HTMLAttributes<HTMLDivElement> {
+    id?: string;
     /** Icon to show before the label */
     icon?: ReactNode;
     /** Whether the item is disabled */

package/dist/components/Modal/Modal.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),S=require("react"),h=require("react-dom"),o=require("../../utils/cn.cjs"),y=require("../Icon/icons/navigation.cjs"),a=require("./Modal.const.cjs"),k=_=>{const{isOpen:c,onClose:l,title:r,children:m,size:C="md",showCloseButton:t=!0,closeOnEscape:n=!0,lockBodyScroll:b=!0,cancelPreventScroll:E=!1,closeOnBackdrop:L=!0,isCancelBackgroundClick:d,className:M,footer:i,testId:A,id:O}=_,u=b&&!E,v=d!==void 0?d:L,s=S.useCallback(f=>{n&&f.key==="Escape"&&l()},[n,l]);if(S.useEffect(()=>{if(c)return document.addEventListener("keydown",s),u&&(document.body.style.overflow="hidden"),()=>{document.removeEventListener("keydown",s),document.body.style.overflow=""}},[c,s,u]),!c)return null;const B=e.jsxs("div",{className:"Bear-Modal bear-fixed bear-inset-0 bear-z-[11000] bear-flex bear-items-center bear-justify-center bear-p-4",id:O,"data-testid":A,children:[e.jsx("div",{className:o.cn("Bear-Modal__backdrop",a.MODAL_BACKDROP_CLASSES),onClick:v?l:void 0,"aria-hidden":"true"}),e.jsxs("div",{role:"dialog","aria-modal":"true","aria-labelledby":r?"modal-title":void 0,className:o.cn("Bear-Modal__container",a.MODAL_CONTAINER_CLASSES,a.MODAL_SIZE_CLASSES[C],M),children:[(r||t)&&e.jsxs("div",{className:o.cn("Bear-Modal__header",a.MODAL_HEADER_CLASSES),children:[r&&e.jsx("h2",{id:"modal-title",className:o.cn("Bear-Modal__title",a.MODAL_TITLE_CLASSES),children:r}),t&&e.jsx("button",{onClick:l,className:o.cn("Bear-Modal__close",a.MODAL_CLOSE_CLASSES),"aria-label":"Close modal",children:e.jsx(y.CloseIcon,{className:"bear-w-5 bear-h-5"})})]}),e.jsx("div",{className:o.cn("Bear-Modal__body",a.MODAL_BODY_CLASSES),children:m}),i&&e.jsx("div",{className:o.cn("Bear-Modal__footer",a.MODAL_FOOTER_CLASSES),children:i})]})]});return h.createPortal(B,document.body)};exports.Modal=k;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),S=require("react"),D=require("react-dom"),o=require("../../utils/cn.cjs"),j=require("../Icon/icons/navigation.cjs"),a=require("./Modal.const.cjs"),x=_=>{const{isOpen:r,onClose:l,title:s,children:m,size:b="md",showCloseButton:t=!0,closeOnEscape:E=!0,disableEscapeKeyDown:C=!1,lockBodyScroll:L=!0,cancelPreventScroll:M=!1,closeOnBackdrop:A=!0,hideBackdrop:f=!1,keepMounted:O=!1,isCancelBackgroundClick:n,className:v,footer:d,testId:B,id:h}=_,i=L&&!M,k=n!==void 0?n:A,u=E&&!C,c=S.useCallback(p=>{u&&p.key==="Escape"&&l()},[u,l]);if(S.useEffect(()=>{if(r)return document.addEventListener("keydown",c),i&&(document.body.style.overflow="hidden"),()=>{document.removeEventListener("keydown",c),document.body.style.overflow=""}},[r,c,i]),!r&&!O)return null;const y=e.jsxs("div",{className:"Bear-Modal bear-fixed bear-inset-0 bear-z-[11000] bear-flex bear-items-center bear-justify-center bear-p-4","data-testid":B,id:h,children:[!f&&e.jsx("div",{className:o.cn("Bear-Modal__backdrop",a.MODAL_BACKDROP_CLASSES),onClick:k?l:void 0,"aria-hidden":"true"}),e.jsxs("div",{role:"dialog","aria-modal":"true","aria-labelledby":s?"modal-title":void 0,className:o.cn("Bear-Modal__container",a.MODAL_CONTAINER_CLASSES,a.MODAL_SIZE_CLASSES[b],v),children:[(s||t)&&e.jsxs("div",{className:o.cn("Bear-Modal__header",a.MODAL_HEADER_CLASSES),children:[s&&e.jsx("h2",{id:"modal-title",className:o.cn("Bear-Modal__title",a.MODAL_TITLE_CLASSES),children:s}),t&&e.jsx("button",{onClick:l,className:o.cn("Bear-Modal__close",a.MODAL_CLOSE_CLASSES),"aria-label":"Close modal",children:e.jsx(j.CloseIcon,{className:"bear-w-5 bear-h-5"})})]}),e.jsx("div",{className:o.cn("Bear-Modal__body",a.MODAL_BODY_CLASSES),children:m}),d&&e.jsx("div",{className:o.cn("Bear-Modal__footer",a.MODAL_FOOTER_CLASSES),children:d})]})]});return D.createPortal(y,document.body)};exports.Modal=x;