@forgedevstack/bear 1.2.3 → 1.2.5

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.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),r=require("react"),k=require("../../utils/cn.cjs"),W=require("../Portal/Portal.cjs"),Z=require("./MentionsInput.utils.cjs"),G=1e4,J={sm:"bear-h-8 bear-text-sm bear-px-3",md:"bear-h-10 bear-text-base bear-px-4",lg:"bear-h-12 bear-text-lg bear-px-5"},X=({value:x,defaultValue:L="",onChange:o,onMentionSelect:w,options:O,trigger:l="@",placeholder:P="Type @ to mention...",disabled:E=!1,maxSuggestions:D=5,filterOptions:T=Z.defaultFilter,size:A="md",fullWidth:_=!1,className:$})=>{const[B,I]=r.useState(L),[d,K]=r.useState(""),[Q,f]=r.useState(!1),[u,h]=r.useState(0),[p,F]=r.useState(null),q=r.useRef(null),g=r.useRef(null),m=r.useRef(null),z=r.useRef(null),[v,H]=r.useState({top:0,left:0,width:0}),i=x??B,b=T(O,d).slice(0,D),R=Q&&d.length>=0,y=R&&b.length>0,j=r.useCallback(()=>{const e=i.lastIndexOf(l);if(e===-1)return{query:"",start:null};const t=i.slice(e+l.length),n=t.indexOf(" ");return{query:n===-1?t:t.slice(0,n),start:e}},[i,l]);r.useEffect(()=>{const{query:e,start:t}=j();K(e),F(t),f(t!==null&&!e.includes(" "))},[i,j]),r.useEffect(()=>{h(0)},[d]),r.useEffect(()=>{if(u>=0&&m.current){const e=m.current.children[u];e==null||e.scrollIntoView({block:"nearest"})}},[u]),r.useEffect(()=>{if(!y)return;const e=()=>{var n;const t=(n=g.current)==null?void 0:n.getBoundingClientRect();t&&H({top:t.bottom+4,left:Math.max(8,Math.min(t.left,window.innerWidth-t.width-8)),width:t.width})};return e(),window.addEventListener("resize",e),window.addEventListener("scroll",e,!0),()=>{window.removeEventListener("resize",e),window.removeEventListener("scroll",e,!0)}},[y]),r.useEffect(()=>{const e=t=>{var s,c;const n=t.target;(s=q.current)!=null&&s.contains(n)||(c=z.current)!=null&&c.contains(n)||f(!1)};return document.addEventListener("mousedown",e),()=>document.removeEventListener("mousedown",e)},[]);const M=e=>{const t=new RegExp(`${l}(\\w+)`,"g"),n=[];let s;for(;(s=t.exec(e))!==null;)n.push(s[1]);return[...new Set(n)]},U=e=>{const t=e.target.value;x===void 0&&I(t),o==null||o(t,M(t))},N=e=>{var S;if(p==null)return;const t=i.slice(0,p),n=i.slice(p+l.length+d.length),s=`${l}${e.value}`,c=t+s+" "+n;x===void 0&&I(c),o==null||o(c,M(c)),w==null||w(e),f(!1),(S=g.current)==null||S.focus()},V=e=>{if(!(!R||b.length===0)){if(e.key==="ArrowDown"){e.preventDefault(),h(t=>Math.min(t+1,b.length-1));return}if(e.key==="ArrowUp"){e.preventDefault(),h(t=>Math.max(t-1,0));return}if(e.key==="Enter"||e.key==="Tab"){e.preventDefault();const t=b[u];t&&N(t);return}e.key==="Escape"&&f(!1)}};return a.jsxs("div",{ref:q,className:k.cn("Bear-MentionsInput bear-relative",_&&"bear-w-full",$),children:[a.jsx("input",{ref:g,type:"text",value:i,onChange:U,onKeyDown:V,placeholder:P,disabled:E,className:k.cn("bear-w-full bear-rounded-lg bear-border bear-border-gray-300 dark:bear-border-zinc-600 bear-bg-white dark:bear-bg-zinc-900 bear-text-gray-900 dark:bear-text-white placeholder:bear-text-gray-500 dark:placeholder:bear-text-zinc-500 bear-outline-none bear-transition-colors focus:bear-border-bear-500 focus:bear-ring-2 focus:bear-ring-bear-500/20",E&&"bear-opacity-50 bear-cursor-not-allowed",J[A])}),y&&a.jsx(W.Portal,{children:a.jsx("div",{ref:z,className:"bear-fixed bear-rounded-lg bear-border bear-border-gray-200 dark:bear-border-zinc-600 bear-bg-white dark:bear-bg-zinc-800 bear-shadow-lg",style:{top:v.top,left:v.left,width:v.width,zIndex:G},children:a.jsx("div",{ref:m,className:"bear-max-h-48 bear-overflow-auto bear-py-1",children:b.map((e,t)=>a.jsxs("button",{type:"button",className:k.cn("bear-w-full bear-flex bear-items-center bear-gap-2 bear-px-3 bear-py-2 bear-text-left bear-text-gray-800 dark:bear-text-zinc-200 hover:bear-bg-gray-100 dark:hover:bear-bg-zinc-700 bear-transition-colors",t===u&&"bear-bg-gray-100 dark:bear-bg-zinc-700"),onMouseEnter:()=>h(t),onClick:()=>N(e),children:[e.avatar&&a.jsx("span",{className:"bear-shrink-0",children:e.avatar}),a.jsx("span",{children:e.label})]},e.value))})})})]})};exports.MentionsInput=X;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),t=require("react"),w=require("../../utils/cn.cjs"),C=require("../Portal/Portal.cjs"),G=require("./MentionsInput.utils.cjs"),J=1e4,X=3,Y={sm:"bear-h-8 bear-text-sm bear-px-3",md:"bear-h-10 bear-text-base bear-px-4",lg:"bear-h-12 bear-text-lg bear-px-5"},ee={sm:"bear-text-sm bear-px-3 bear-py-2",md:"bear-text-base bear-px-4 bear-py-2",lg:"bear-text-lg bear-px-5 bear-py-3"},re=({value:g,defaultValue:T="",onChange:i,onMentionSelect:y,options:_,trigger:l="@",placeholder:z="Type @ to mention...",disabled:d=!1,maxSuggestions:A=5,filterOptions:K=G.defaultFilter,size:I="md",fullWidth:U=!1,className:$,multiline:B=!1,rows:F=X})=>{const[Q,R]=t.useState(T),[f,W]=t.useState(""),[H,x]=t.useState(!1),[b,h]=t.useState(0),[m,V]=t.useState(null),q=t.useRef(null),p=t.useRef(null),v=t.useRef(null),j=t.useRef(null),[k,Z]=t.useState({top:0,left:0,width:0}),s=g??Q,u=K(_,f).slice(0,A),L=H&&f.length>=0,E=L&&u.length>0,M=t.useCallback(()=>{const e=s.lastIndexOf(l);if(e===-1)return{query:"",start:null};const r=s.slice(e+l.length),a=r.indexOf(" ");return{query:a===-1?r:r.slice(0,a),start:e}},[s,l]);t.useEffect(()=>{const{query:e,start:r}=M();W(e),V(r),x(r!==null&&!e.includes(" "))},[s,M]),t.useEffect(()=>{h(0)},[f]),t.useEffect(()=>{if(b>=0&&v.current){const e=v.current.children[b];e==null||e.scrollIntoView({block:"nearest"})}},[b]),t.useEffect(()=>{if(!E)return;const e=()=>{var a;const r=(a=p.current)==null?void 0:a.getBoundingClientRect();r&&Z({top:r.bottom+4,left:Math.max(8,Math.min(r.left,window.innerWidth-r.width-8)),width:r.width})};return e(),window.addEventListener("resize",e),window.addEventListener("scroll",e,!0),()=>{window.removeEventListener("resize",e),window.removeEventListener("scroll",e,!0)}},[E]),t.useEffect(()=>{const e=r=>{var o,c;const a=r.target;(o=q.current)!=null&&o.contains(a)||(c=j.current)!=null&&c.contains(a)||x(!1)};return document.addEventListener("mousedown",e),()=>document.removeEventListener("mousedown",e)},[]);const N=e=>{const r=new RegExp(`${l}(\\w+)`,"g"),a=[];let o;for(;(o=r.exec(e))!==null;)a.push(o[1]);return[...new Set(a)]},S=e=>{const r=e.target.value;g===void 0&&R(r),i==null||i(r,N(r))},O=e=>{var P;if(m==null)return;const r=s.slice(0,m),a=s.slice(m+l.length+f.length),o=`${l}${e.value}`,c=r+o+" "+a;g===void 0&&R(c),i==null||i(c,N(c)),y==null||y(e),x(!1),(P=p.current)==null||P.focus()},D=e=>{if(!(!L||u.length===0)){if(e.key==="ArrowDown"){e.preventDefault(),h(r=>Math.min(r+1,u.length-1));return}if(e.key==="ArrowUp"){e.preventDefault(),h(r=>Math.max(r-1,0));return}if(e.key==="Enter"||e.key==="Tab"){e.preventDefault();const r=u[b];r&&O(r);return}e.key==="Escape"&&x(!1)}};return n.jsxs("div",{ref:q,className:w.cn("Bear-MentionsInput bear-relative",U&&"bear-w-full",$),children:[B?n.jsx("textarea",{ref:p,value:s,rows:F,onChange:S,onKeyDown:D,placeholder:z,disabled:d,className:w.cn("bear-w-full bear-rounded-lg bear-border bear-border-gray-300 dark:bear-border-zinc-600 bear-bg-white dark:bear-bg-zinc-900 bear-text-gray-900 dark:bear-text-white placeholder:bear-text-gray-500 dark:placeholder:bear-text-zinc-500 bear-outline-none bear-transition-colors focus:bear-border-bear-500 focus:bear-ring-2 focus:bear-ring-bear-500/20 bear-resize-none",d&&"bear-opacity-50 bear-cursor-not-allowed",ee[I])}):n.jsx("input",{ref:p,type:"text",value:s,onChange:S,onKeyDown:D,placeholder:z,disabled:d,className:w.cn("bear-w-full bear-rounded-lg bear-border bear-border-gray-300 dark:bear-border-zinc-600 bear-bg-white dark:bear-bg-zinc-900 bear-text-gray-900 dark:bear-text-white placeholder:bear-text-gray-500 dark:placeholder:bear-text-zinc-500 bear-outline-none bear-transition-colors focus:bear-border-bear-500 focus:bear-ring-2 focus:bear-ring-bear-500/20",d&&"bear-opacity-50 bear-cursor-not-allowed",Y[I])}),E&&n.jsx(C.Portal,{children:n.jsx("div",{ref:j,className:"bear-fixed bear-rounded-lg bear-border bear-border-gray-200 dark:bear-border-zinc-600 bear-bg-white dark:bear-bg-zinc-800 bear-shadow-lg",style:{top:k.top,left:k.left,width:k.width,zIndex:J},children:n.jsx("div",{ref:v,className:"bear-max-h-48 bear-overflow-auto bear-py-1",children:u.map((e,r)=>n.jsxs("button",{type:"button",className:w.cn("bear-w-full bear-flex bear-items-center bear-gap-2 bear-px-3 bear-py-2 bear-text-left bear-text-gray-800 dark:bear-text-zinc-200 hover:bear-bg-gray-100 dark:hover:bear-bg-zinc-700 bear-transition-colors",r===b&&"bear-bg-gray-100 dark:bear-bg-zinc-700"),onMouseEnter:()=>h(r),onClick:()=>O(e),children:[e.avatar&&n.jsx("span",{className:"bear-shrink-0",children:e.avatar}),n.jsx("span",{children:e.label})]},e.value))})})})]})};exports.MentionsInput=re;

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";