@forgedevstack/bear 1.2.3 → 1.2.5

package/dist/components/Accordion/Accordion.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),x=require("react"),n=require("../../utils/cn.cjs"),o=require("./Accordion.const.cjs"),C=x.createContext(null),b=i=>{const{children:c,allowMultiple:a=!1,defaultOpen:d=[],className:t,testId:l,id:u}=i,[s,A]=x.useState(d),_=r=>{A(m=>m.includes(r)?m.filter(S=>S!==r):a?[...m,r]:[r])};return e.jsx(C.Provider,{value:{openItems:s,toggleItem:_,allowMultiple:a},children:e.jsx("div",{id:u,className:n.cn("Bear-Accordion",o.ACCORDION_ROOT_CLASSES,t),"data-testid":l,children:c})})},h=i=>{const{id:c,title:a,children:d,disabled:t=!1,icon:l,className:u}=i,s=x.useContext(C);if(!s)throw new Error("AccordionItem must be used within an Accordion");const{openItems:A,toggleItem:_}=s,r=A.includes(c);return e.jsxs("div",{className:n.cn("Bear-Accordion__item",o.ACCORDION_ITEM_CLASSES,u),children:[e.jsxs("button",{onClick:()=>!t&&_(c),disabled:t,className:n.cn("Bear-Accordion__trigger",o.ACCORDION_TRIGGER_CLASSES,t&&`Bear-Accordion__trigger--disabled ${o.ACCORDION_TRIGGER_DISABLED_CLASSES}`),"aria-expanded":r,children:[e.jsx("span",{className:"Bear-Accordion__title",children:a}),e.jsx("span",{className:"Bear-Accordion__icon",children:l||e.jsx("svg",{className:n.cn("bear-w-5 bear-h-5 bear-text-gray-500 dark:bear-text-gray-400 bear-transition-transform bear-duration-200",r&&"bear-rotate-180"),fill:"none",viewBox:"0 0 24 24",stroke:"currentColor","aria-hidden":"true",children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M19 9l-7 7-7-7"})})})]}),e.jsx("div",{className:n.cn("Bear-Accordion__content-wrapper","bear-overflow-hidden bear-transition-all bear-duration-200",r?"Bear-Accordion__content-wrapper--open bear-max-h-96":"bear-max-h-0"),children:e.jsx("div",{className:n.cn("Bear-Accordion__content",o.ACCORDION_CONTENT_CLASSES),children:d})})]})};exports.Accordion=b;exports.AccordionItem=h;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),m=require("react"),t=require("../../utils/cn.cjs"),c=require("./Accordion.const.cjs"),x=m.createContext(null),S=d=>{const{children:a,allowMultiple:s=!1,defaultOpen:l=[],className:o,testId:u}=d,[A,i]=m.useState(l),_=n=>{i(r=>r.includes(n)?r.filter(C=>C!==n):s?[...r,n]:[n])};return e.jsx(x.Provider,{value:{openItems:A,toggleItem:_,allowMultiple:s},children:e.jsx("div",{className:t.cn("Bear-Accordion",c.ACCORDION_ROOT_CLASSES,o),"data-testid":u,children:a})})},b=d=>{const{id:a,title:s,children:l,disabled:o=!1,icon:u,className:A}=d,i=m.useContext(x);if(!i)throw new Error("AccordionItem must be used within an Accordion");const{openItems:_,toggleItem:n}=i,r=_.includes(a);return e.jsxs("div",{className:t.cn("Bear-Accordion__item",c.ACCORDION_ITEM_CLASSES,A),children:[e.jsxs("button",{onClick:()=>!o&&n(a),disabled:o,className:t.cn("Bear-Accordion__trigger",c.ACCORDION_TRIGGER_CLASSES,o&&`Bear-Accordion__trigger--disabled ${c.ACCORDION_TRIGGER_DISABLED_CLASSES}`),"aria-expanded":r,children:[e.jsx("span",{className:"Bear-Accordion__title",children:s}),e.jsx("span",{className:"Bear-Accordion__icon",children:u||e.jsx("svg",{className:t.cn("bear-w-5 bear-h-5 bear-text-gray-500 dark:bear-text-gray-400 bear-transition-transform bear-duration-200",r&&"bear-rotate-180"),fill:"none",viewBox:"0 0 24 24",stroke:"currentColor","aria-hidden":"true",children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M19 9l-7 7-7-7"})})})]}),e.jsx("div",{className:t.cn("Bear-Accordion__content-wrapper","bear-overflow-hidden bear-transition-all bear-duration-200",r?"Bear-Accordion__content-wrapper--open bear-max-h-96":"bear-max-h-0"),children:e.jsx("div",{className:t.cn("Bear-Accordion__content",c.ACCORDION_CONTENT_CLASSES),children:l})})]})};exports.Accordion=S;exports.AccordionItem=b;

package/dist/components/Accordion/Accordion.js

@@ -1,84 +1,82 @@
-import { jsx as r, jsxs as u } from "react/jsx-runtime";
-import { createContext as h, useState as N, useContext as S } from "react";
-import { cn as o } from "../../utils/cn.js";
-import { ACCORDION_ROOT_CLASSES as b, ACCORDION_TRIGGER_DISABLED_CLASSES as O, ACCORDION_TRIGGER_CLASSES as f, ACCORDION_CONTENT_CLASSES as I, ACCORDION_ITEM_CLASSES as x } from "./Accordion.const.js";
-const C = h(null), w = (i) => {
+import { jsx as e, jsxs as A } from "react/jsx-runtime";
+import { createContext as p, useState as h, useContext as N } from "react";
+import { cn as n } from "../../utils/cn.js";
+import { ACCORDION_ROOT_CLASSES as S, ACCORDION_TRIGGER_DISABLED_CLASSES as b, ACCORDION_TRIGGER_CLASSES as O, ACCORDION_CONTENT_CLASSES as f, ACCORDION_ITEM_CLASSES as I } from "./Accordion.const.js";
+const u = p(null), R = (s) => {
   const {
-    children: t,
-    allowMultiple: a = !1,
-    defaultOpen: s = [],
-    className: n,
-    testId: d,
-    id: l
-  } = i, [c, m] = N(s), _ = (e) => {
-    m((A) => A.includes(e) ? A.filter((p) => p !== e) : a ? [...A, e] : [e]);
+    children: a,
+    allowMultiple: c = !1,
+    defaultOpen: d = [],
+    className: t,
+    testId: l
+  } = s, [m, i] = h(d), _ = (o) => {
+    i((r) => r.includes(o) ? r.filter((C) => C !== o) : c ? [...r, o] : [o]);
   };
-  return /* @__PURE__ */ r(C.Provider, { value: { openItems: c, toggleItem: _, allowMultiple: a }, children: /* @__PURE__ */ r(
+  return /* @__PURE__ */ e(u.Provider, { value: { openItems: m, toggleItem: _, allowMultiple: c }, children: /* @__PURE__ */ e(
     "div",
     {
-      id: l,
-      className: o("Bear-Accordion", b, n),
-      "data-testid": d,
-      children: t
+      className: n("Bear-Accordion", S, t),
+      "data-testid": l,
+      children: a
     }
   ) });
-}, L = (i) => {
+}, w = (s) => {
   const {
-    id: t,
-    title: a,
-    children: s,
-    disabled: n = !1,
-    icon: d,
-    className: l
-  } = i, c = S(C);
-  if (!c)
+    id: a,
+    title: c,
+    children: d,
+    disabled: t = !1,
+    icon: l,
+    className: m
+  } = s, i = N(u);
+  if (!i)
     throw new Error("AccordionItem must be used within an Accordion");
-  const { openItems: m, toggleItem: _ } = c, e = m.includes(t);
-  return /* @__PURE__ */ u("div", { className: o("Bear-Accordion__item", x, l), children: [
-    /* @__PURE__ */ u(
+  const { openItems: _, toggleItem: o } = i, r = _.includes(a);
+  return /* @__PURE__ */ A("div", { className: n("Bear-Accordion__item", I, m), children: [
+    /* @__PURE__ */ A(
       "button",
       {
-        onClick: () => !n && _(t),
-        disabled: n,
-        className: o(
+        onClick: () => !t && o(a),
+        disabled: t,
+        className: n(
           "Bear-Accordion__trigger",
-          f,
-          n && `Bear-Accordion__trigger--disabled ${O}`
+          O,
+          t && `Bear-Accordion__trigger--disabled ${b}`
         ),
-        "aria-expanded": e,
+        "aria-expanded": r,
         children: [
-          /* @__PURE__ */ r("span", { className: "Bear-Accordion__title", children: a }),
-          /* @__PURE__ */ r("span", { className: "Bear-Accordion__icon", children: d || /* @__PURE__ */ r(
+          /* @__PURE__ */ e("span", { className: "Bear-Accordion__title", children: c }),
+          /* @__PURE__ */ e("span", { className: "Bear-Accordion__icon", children: l || /* @__PURE__ */ e(
             "svg",
             {
-              className: o(
+              className: n(
                 "bear-w-5 bear-h-5 bear-text-gray-500 dark:bear-text-gray-400 bear-transition-transform bear-duration-200",
-                e && "bear-rotate-180"
+                r && "bear-rotate-180"
               ),
               fill: "none",
               viewBox: "0 0 24 24",
               stroke: "currentColor",
               "aria-hidden": "true",
-              children: /* @__PURE__ */ r("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M19 9l-7 7-7-7" })
+              children: /* @__PURE__ */ e("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M19 9l-7 7-7-7" })
             }
           ) })
         ]
       }
     ),
-    /* @__PURE__ */ r(
+    /* @__PURE__ */ e(
       "div",
       {
-        className: o(
+        className: n(
           "Bear-Accordion__content-wrapper",
           "bear-overflow-hidden bear-transition-all bear-duration-200",
-          e ? "Bear-Accordion__content-wrapper--open bear-max-h-96" : "bear-max-h-0"
+          r ? "Bear-Accordion__content-wrapper--open bear-max-h-96" : "bear-max-h-0"
         ),
-        children: /* @__PURE__ */ r("div", { className: o("Bear-Accordion__content", I), children: s })
+        children: /* @__PURE__ */ e("div", { className: n("Bear-Accordion__content", f), children: d })
       }
     )
   ] });
 };
 export {
-  w as Accordion,
-  L as AccordionItem
+  R as Accordion,
+  w as AccordionItem
 };

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

@@ -1,5 +1,6 @@
 import { ReactNode, ButtonHTMLAttributes } from 'react';
 export interface ActionIconProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+    id?: string;
     children: ReactNode;
     variant?: 'default' | 'filled' | 'outline' | 'subtle' | 'transparent';
     color?: 'default' | 'primary' | 'success' | 'warning' | 'error';

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

@@ -0,0 +1 @@
+export declare const A_C_T_I_V_E_B_A_R_ROOT_CLASS = "Bear-ActiveBar";

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

@@ -6,6 +6,8 @@ export interface ActiveBarItem {
     badge?: string | number;
 }
 export interface ActiveBarProps extends HTMLAttributes<HTMLDivElement> {
+    testId?: string;
+    id?: string;
     items: ActiveBarItem[];
     activeId?: string;
     onItemClick?: (item: ActiveBarItem) => void;

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

@@ -0,0 +1 @@
+export declare const A_C_T_I_V_I_T_Y_I_T_E_M_ROOT_CLASS = "Bear-ActivityItem";

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

@@ -1,5 +1,7 @@
 import { HTMLAttributes, ReactNode } from 'react';
 export interface ActivityItemProps extends HTMLAttributes<HTMLDivElement> {
+    testId?: string;
+    id?: string;
     /** Icon element */
     icon: ReactNode;
     /** Icon background color/gradient */

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

@@ -1,6 +1,7 @@
 import { ReactNode, HTMLAttributes } from 'react';
 export type AffixPosition = 'top' | 'bottom';
 export interface AffixProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children'> {
+    id?: string;
     children: ReactNode;
     position?: AffixPosition;
     offset?: number;

package/dist/components/Alert/Alert.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),m=require("react"),x=require("../../utils/cn.cjs"),r=require("./Alert.const.cjs"),w={success:e.jsxs("svg",{width:20,height:20,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,"aria-hidden":"true",children:[e.jsx("path",{d:"M22 11.08V12a10 10 0 1 1-5.93-9.14"}),e.jsx("polyline",{points:"22 4 12 14.01 9 11.01"})]}),info:e.jsxs("svg",{width:20,height:20,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,"aria-hidden":"true",children:[e.jsx("circle",{cx:"12",cy:"12",r:"10"}),e.jsx("line",{x1:"12",y1:"16",x2:"12",y2:"12"}),e.jsx("line",{x1:"12",y1:"8",x2:"12.01",y2:"8"})]}),warning:e.jsxs("svg",{width:20,height:20,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,"aria-hidden":"true",children:[e.jsx("path",{d:"M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z"}),e.jsx("line",{x1:"12",y1:"9",x2:"12",y2:"13"}),e.jsx("line",{x1:"12",y1:"17",x2:"12.01",y2:"17"})]}),error:e.jsxs("svg",{width:20,height:20,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,"aria-hidden":"true",children:[e.jsx("circle",{cx:"12",cy:"12",r:"10"}),e.jsx("line",{x1:"15",y1:"9",x2:"9",y2:"15"}),e.jsx("line",{x1:"9",y1:"9",x2:"15",y2:"15"})]})},k=()=>e.jsxs("svg",{width:18,height:18,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,"aria-hidden":"true",children:[e.jsx("line",{x1:"18",y1:"6",x2:"6",y2:"18"}),e.jsx("line",{x1:"6",y1:"6",x2:"18",y2:"18"})]}),C=h=>{const{severity:t=r.ALERT_DEFAULTS.SEVERITY,variant:a=r.ALERT_DEFAULTS.VARIANT,title:l,icon:n=r.ALERT_DEFAULTS.SHOW_ICON,action:c,closable:u=r.ALERT_DEFAULTS.CLOSABLE,onClose:i,children:d,className:v,testId:g,id:j,...f}=h,[y,A]=m.useState(!0);if(!y)return null;const o=a==="filled",s={success:{bg:"var(--bear-success-50)",border:"var(--bear-success-500)",text:"var(--bear-success-800)",icon:"var(--bear-success-600)"},info:{bg:"var(--bear-info-50)",border:"var(--bear-info-500)",text:"var(--bear-info-800)",icon:"var(--bear-info-600)"},warning:{bg:"var(--bear-warning-50)",border:"var(--bear-warning-500)",text:"var(--bear-warning-800)",icon:"var(--bear-warning-600)"},error:{bg:"var(--bear-danger-50)",border:"var(--bear-danger-500)",text:"var(--bear-danger-800)",icon:"var(--bear-danger-600)"}}[t],_=()=>{A(!1),i==null||i()},b=()=>n===!1?null:n!==!0?n:w[t];return e.jsxs("div",{id:j,role:"alert","aria-live":"polite",className:x.cn("Bear-Alert","bear-flex bear-items-start bear-gap-3 bear-p-4 bear-rounded-lg",r.ALERT_VARIANT_CLASSES[a](t),v),style:{backgroundColor:o?void 0:s.bg,borderColor:a==="outlined"?s.border:void 0,color:o?void 0:s.text},"data-testid":g,...f,children:[b()&&e.jsx("span",{className:"Bear-Alert__icon bear-flex-shrink-0 bear-mt-0.5",style:{color:o?"currentColor":s.icon},children:b()}),e.jsxs("div",{className:"Bear-Alert__content bear-flex-1 bear-min-w-0",children:[l&&e.jsx("div",{className:"Bear-Alert__title bear-font-semibold bear-mb-1",children:l}),d&&e.jsx("div",{className:"Bear-Alert__message bear-text-sm",children:d})]}),c&&e.jsx("div",{className:"Bear-Alert__action bear-flex-shrink-0",children:c}),u&&e.jsx("button",{type:"button",onClick:_,className:x.cn("Bear-Alert__close","bear-flex-shrink-0 bear-p-1 bear-rounded hover:bear-bg-black/10 bear-transition-colors","bear-bg-transparent bear-border-none bear-cursor-pointer"),"aria-label":"Close alert",children:e.jsx(k,{})})]})};exports.Alert=C;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),_=require("react"),x=require("../../utils/cn.cjs"),r=require("./Alert.const.cjs"),m={success:e.jsxs("svg",{width:20,height:20,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,"aria-hidden":"true",children:[e.jsx("path",{d:"M22 11.08V12a10 10 0 1 1-5.93-9.14"}),e.jsx("polyline",{points:"22 4 12 14.01 9 11.01"})]}),info:e.jsxs("svg",{width:20,height:20,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,"aria-hidden":"true",children:[e.jsx("circle",{cx:"12",cy:"12",r:"10"}),e.jsx("line",{x1:"12",y1:"16",x2:"12",y2:"12"}),e.jsx("line",{x1:"12",y1:"8",x2:"12.01",y2:"8"})]}),warning:e.jsxs("svg",{width:20,height:20,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,"aria-hidden":"true",children:[e.jsx("path",{d:"M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z"}),e.jsx("line",{x1:"12",y1:"9",x2:"12",y2:"13"}),e.jsx("line",{x1:"12",y1:"17",x2:"12.01",y2:"17"})]}),error:e.jsxs("svg",{width:20,height:20,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,"aria-hidden":"true",children:[e.jsx("circle",{cx:"12",cy:"12",r:"10"}),e.jsx("line",{x1:"15",y1:"9",x2:"9",y2:"15"}),e.jsx("line",{x1:"9",y1:"9",x2:"15",y2:"15"})]})},w=()=>e.jsxs("svg",{width:18,height:18,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,"aria-hidden":"true",children:[e.jsx("line",{x1:"18",y1:"6",x2:"6",y2:"18"}),e.jsx("line",{x1:"6",y1:"6",x2:"18",y2:"18"})]}),k=h=>{const{severity:t=r.ALERT_DEFAULTS.SEVERITY,variant:a=r.ALERT_DEFAULTS.VARIANT,title:l,icon:n=r.ALERT_DEFAULTS.SHOW_ICON,action:c,closable:u=r.ALERT_DEFAULTS.CLOSABLE,onClose:i,children:d,className:v,testId:g,...j}=h,[f,y]=_.useState(!0);if(!f)return null;const o=a==="filled",s={success:{bg:"var(--bear-success-50)",border:"var(--bear-success-500)",text:"var(--bear-success-800)",icon:"var(--bear-success-600)"},info:{bg:"var(--bear-info-50)",border:"var(--bear-info-500)",text:"var(--bear-info-800)",icon:"var(--bear-info-600)"},warning:{bg:"var(--bear-warning-50)",border:"var(--bear-warning-500)",text:"var(--bear-warning-800)",icon:"var(--bear-warning-600)"},error:{bg:"var(--bear-danger-50)",border:"var(--bear-danger-500)",text:"var(--bear-danger-800)",icon:"var(--bear-danger-600)"}}[t],A=()=>{y(!1),i==null||i()},b=()=>n===!1?null:n!==!0?n:m[t];return e.jsxs("div",{role:"alert","aria-live":"polite",className:x.cn("Bear-Alert","bear-flex bear-items-start bear-gap-3 bear-p-4 bear-rounded-lg",r.ALERT_VARIANT_CLASSES[a](t),v),style:{backgroundColor:o?void 0:s.bg,borderColor:a==="outlined"?s.border:void 0,color:o?void 0:s.text},"data-testid":g,...j,children:[b()&&e.jsx("span",{className:"Bear-Alert__icon bear-flex-shrink-0 bear-mt-0.5",style:{color:o?"currentColor":s.icon},children:b()}),e.jsxs("div",{className:"Bear-Alert__content bear-flex-1 bear-min-w-0",children:[l&&e.jsx("div",{className:"Bear-Alert__title bear-font-semibold bear-mb-1",children:l}),d&&e.jsx("div",{className:"Bear-Alert__message bear-text-sm",children:d})]}),c&&e.jsx("div",{className:"Bear-Alert__action bear-flex-shrink-0",children:c}),u&&e.jsx("button",{type:"button",onClick:A,className:x.cn("Bear-Alert__close","bear-flex-shrink-0 bear-p-1 bear-rounded hover:bear-bg-black/10 bear-transition-colors","bear-bg-transparent bear-border-none bear-cursor-pointer"),"aria-label":"Close alert",children:e.jsx(w,{})})]})};exports.Alert=k;

package/dist/components/Alert/Alert.js

@@ -1,8 +1,8 @@
 import { jsxs as r, jsx as e } from "react/jsx-runtime";
-import { useState as k } from "react";
+import { useState as A } from "react";
 import { cn as v } from "../../utils/cn.js";
-import { ALERT_DEFAULTS as t, ALERT_VARIANT_CLASSES as C } from "./Alert.const.js";
-const _ = {
+import { ALERT_DEFAULTS as t, ALERT_VARIANT_CLASSES as k } from "./Alert.const.js";
+const C = {
   success: /* @__PURE__ */ r("svg", { width: 20, height: 20, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, "aria-hidden": "true", children: [
     /* @__PURE__ */ e("path", { d: "M22 11.08V12a10 10 0 1 1-5.93-9.14" }),
     /* @__PURE__ */ e("polyline", { points: "22 4 12 14.01 9 11.01" })
@@ -22,10 +22,10 @@ const _ = {
     /* @__PURE__ */ e("line", { x1: "15", y1: "9", x2: "9", y2: "15" }),
     /* @__PURE__ */ e("line", { x1: "9", y1: "9", x2: "15", y2: "15" })
   ] })
-}, B = () => /* @__PURE__ */ r("svg", { width: 18, height: 18, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, "aria-hidden": "true", children: [
+}, _ = () => /* @__PURE__ */ r("svg", { width: 18, height: 18, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, "aria-hidden": "true", children: [
   /* @__PURE__ */ e("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
   /* @__PURE__ */ e("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
-] }), W = (x) => {
+] }), T = (x) => {
   const {
     severity: o = t.SEVERITY,
     variant: i = t.VARIANT,
@@ -37,28 +37,26 @@ const _ = {
     children: b,
     className: g,
     testId: f,
-    id: m,
-    ...y
-  } = x, [p, w] = k(!0);
-  if (!p) return null;
+    ...m
+  } = x, [y, p] = A(!0);
+  if (!y) return null;
   const s = i === "filled", a = {
     success: { bg: "var(--bear-success-50)", border: "var(--bear-success-500)", text: "var(--bear-success-800)", icon: "var(--bear-success-600)" },
     info: { bg: "var(--bear-info-50)", border: "var(--bear-info-500)", text: "var(--bear-info-800)", icon: "var(--bear-info-600)" },
     warning: { bg: "var(--bear-warning-50)", border: "var(--bear-warning-500)", text: "var(--bear-warning-800)", icon: "var(--bear-warning-600)" },
     error: { bg: "var(--bear-danger-50)", border: "var(--bear-danger-500)", text: "var(--bear-danger-800)", icon: "var(--bear-danger-600)" }
-  }[o], A = () => {
-    w(!1), l == null || l();
-  }, h = () => n === !1 ? null : n !== !0 ? n : _[o];
+  }[o], w = () => {
+    p(!1), l == null || l();
+  }, h = () => n === !1 ? null : n !== !0 ? n : C[o];
   return /* @__PURE__ */ r(
     "div",
     {
-      id: m,
       role: "alert",
       "aria-live": "polite",
       className: v(
         "Bear-Alert",
         "bear-flex bear-items-start bear-gap-3 bear-p-4 bear-rounded-lg",
-        C[i](o),
+        k[i](o),
         g
       ),
       style: {
@@ -67,7 +65,7 @@ const _ = {
         color: s ? void 0 : a.text
       },
       "data-testid": f,
-      ...y,
+      ...m,
       children: [
         h() && /* @__PURE__ */ e(
           "span",
@@ -86,14 +84,14 @@ const _ = {
           "button",
           {
             type: "button",
-            onClick: A,
+            onClick: w,
             className: v(
               "Bear-Alert__close",
               "bear-flex-shrink-0 bear-p-1 bear-rounded hover:bear-bg-black/10 bear-transition-colors",
               "bear-bg-transparent bear-border-none bear-cursor-pointer"
             ),
             "aria-label": "Close alert",
-            children: /* @__PURE__ */ e(B, {})
+            children: /* @__PURE__ */ e(_, {})
           }
         )
       ]
@@ -101,5 +99,5 @@ const _ = {
   );
 };
 export {
-  W as Alert
+  T as Alert
 };

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

@@ -1,6 +1,7 @@
 import { ReactNode } from 'react';
 import { BearVariant } from '../../types';
 export interface AlertDialogProps {
+    id?: string;
     /** Whether the dialog is open */
     isOpen: boolean;
     /** Callback when dialog should close (cancel/backdrop/escape) */

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

@@ -5,6 +5,7 @@ export interface AnchorLink {
     children?: AnchorLink[];
 }
 export interface AnchorProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onClick'> {
+    id?: string;
     links: AnchorLink[];
     offset?: number;
     affix?: boolean;

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

@@ -1,6 +1,7 @@
 import { HTMLAttributes } from 'react';
 import { TypographyProps } from '../Typography/Typography.types';
 export interface AnimatedCounterProps extends Omit<HTMLAttributes<HTMLSpanElement>, 'children'> {
+    id?: string;
     /** Target value to count to */
     value: number;
     /** Starting value */

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

@@ -0,0 +1 @@
+export declare const A_P_P_B_A_R_ROOT_CLASS = "Bear-AppBar";

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

@@ -1,5 +1,7 @@
 import { ReactNode } from 'react';
 export interface AppBarProps {
+    testId?: string;
+    id?: string;
     children?: ReactNode;
     position?: 'fixed' | 'sticky' | 'static' | 'relative';
     variant?: 'default' | 'transparent' | 'blur';

package/dist/components/AspectRatio/AspectRatio.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),l=require("react"),b=require("../../utils/cn.cjs"),r=l.forwardRef(({ratio:a=16/9,maxWidth:e,children:s,className:i,style:c,...n},o)=>t.jsx("div",{ref:o,className:b.cn("Bear-AspectRatio bear-relative bear-w-full bear-overflow-hidden",i),style:{maxWidth:typeof e=="number"?`${e}px`:e,...c},...n,children:t.jsx("div",{className:"Bear-AspectRatio__inner bear-w-full bear-relative",style:{paddingBottom:`${1/a*100}%`},children:t.jsx("div",{className:"Bear-AspectRatio__content bear-absolute bear-inset-0 bear-flex bear-items-center bear-justify-center",children:s})})}));r.displayName="AspectRatio";exports.AspectRatio=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),l=require("react"),b=require("../../utils/cn.cjs"),r=l.forwardRef(({id:d,ratio:a=16/9,maxWidth:e,children:s,className:i,style:c,...n},o)=>t.jsx("div",{ref:o,className:b.cn("Bear-AspectRatio bear-relative bear-w-full bear-overflow-hidden",i),style:{maxWidth:typeof e=="number"?`${e}px`:e,...c},...n,children:t.jsx("div",{className:"Bear-AspectRatio__inner bear-w-full bear-relative",style:{paddingBottom:`${1/a*100}%`},children:t.jsx("div",{className:"Bear-AspectRatio__content bear-absolute bear-inset-0 bear-flex bear-items-center bear-justify-center",children:s})})}));r.displayName="AspectRatio";exports.AspectRatio=r;

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

@@ -0,0 +1 @@
+export declare const A_S_P_E_C_T_R_A_T_I_O_ROOT_CLASS = "Bear-AspectRatio";

package/dist/components/AspectRatio/AspectRatio.js

@@ -2,7 +2,15 @@ import { jsx as r } from "react/jsx-runtime";
 import { forwardRef as c } from "react";
 import { cn as n } from "../../utils/cn.js";
 const p = c(
-  ({ ratio: a = 16 / 9, maxWidth: e, children: t, className: i, style: o, ...s }, l) => /* @__PURE__ */ r(
+  ({
+    id: b,
+    ratio: a = 16 / 9,
+    maxWidth: e,
+    children: t,
+    className: i,
+    style: o,
+    ...s
+  }, l) => /* @__PURE__ */ r(
     "div",
     {
       ref: l,

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

@@ -1,5 +1,7 @@
 import { HTMLAttributes, ReactNode } from 'react';
 export interface AspectRatioProps extends HTMLAttributes<HTMLDivElement> {
+    testId?: string;
+    id?: string;
     /** Aspect ratio as a number (width / height). E.g. 16/9, 4/3, 1 */
     ratio?: number;
     /** Maximum width constraint */

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

@@ -5,6 +5,7 @@ export interface AutocompleteOption {
     description?: string;
 }
 export interface AutocompleteProps {
+    id?: string;
     /** Available options */
     options: AutocompleteOption[];
     /** Current value */

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

@@ -1,5 +1,6 @@
 import { ImgHTMLAttributes, ReactNode } from 'react';
 export interface AvatarProps extends Omit<ImgHTMLAttributes<HTMLImageElement>, 'size'> {
+    id?: string;
     /** Image source URL */
     src?: string;
     /** Alt text */

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

@@ -1,6 +1,7 @@
 import { ReactNode, HTMLAttributes } from 'react';
 import { BearVariant, BearSize } from '../../types';
 export interface BackTopProps extends Omit<HTMLAttributes<HTMLButtonElement>, 'children'> {
+    id?: string;
     /** Distance from bottom of viewport */
     bottom?: number | string;
     /** Distance from right of viewport */

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

@@ -1,6 +1,7 @@
 import { HTMLAttributes } from 'react';
 import { BearSize, BearVariant } from '../../types';
 export interface BadgeProps extends HTMLAttributes<HTMLSpanElement> {
+    id?: string;
     /** Badge variant */
     variant?: BearVariant | 'neutral';
     /** Badge size */

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

@@ -0,0 +1 @@
+export declare const B_E_A_R_L_O_A_D_E_R_ROOT_CLASS = "Bear-BearLoader";

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

@@ -1,4 +1,5 @@
 export interface BearLoaderProps {
+    id?: string;
     /** Size of the loader */
     size?: 'sm' | 'md' | 'lg' | 'xl';
     /** Loading text to display */

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

@@ -0,0 +1 @@
+export declare const B_E_A_R_L_O_G_O_ROOT_CLASS = "Bear-BearLogo";

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

@@ -1,5 +1,7 @@
 import { SVGAttributes } from 'react';
 export interface BearLogoProps extends SVGAttributes<SVGElement> {
+    testId?: string;
+    id?: string;
     /** Logo size in pixels */
     size?: number;
     /** Whether to show animated sparkle */

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

@@ -0,0 +1 @@
+export declare const B_I_O_M_E_T_R_I_C_ROOT_CLASS = "Bear-Biometric";

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

@@ -1,6 +1,7 @@
 export type BiometricType = 'fingerprint' | 'face' | 'iris';
 export type BiometricStatus = 'idle' | 'scanning' | 'success' | 'error';
 export interface BiometricProps {
+    id?: string;
     type?: BiometricType;
     size?: 'sm' | 'md' | 'lg' | 'xl';
     status?: BiometricStatus;

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

@@ -1,6 +1,7 @@
 import { ReactNode, HTMLAttributes } from 'react';
 export type BlockquoteColor = 'default' | 'primary' | 'success' | 'warning' | 'error';
 export interface BlockquoteProps extends HTMLAttributes<HTMLElement> {
+    id?: string;
     cite?: string;
     icon?: ReactNode;
     color?: BlockquoteColor;

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

@@ -0,0 +1 @@
+export declare const B_O_T_T_O_M_N_A_V_I_G_A_T_I_O_N_ROOT_CLASS = "Bear-BottomNavigation";

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

@@ -7,6 +7,8 @@ export interface BottomNavItem {
     disabled?: boolean;
 }
 export interface BottomNavigationProps {
+    testId?: string;
+    id?: string;
     items: BottomNavItem[];
     value?: string;
     onChange?: (id: string) => void;

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

@@ -0,0 +1 @@
+export declare const B_O_T_T_O_M_S_H_E_E_T_ROOT_CLASS = "Bear-BottomSheet";

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

@@ -1,5 +1,7 @@
 import { ReactNode } from 'react';
 export interface BottomSheetProps {
+    testId?: string;
+    id?: string;
     isOpen: boolean;
     onClose: () => void;
     title?: ReactNode;

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

@@ -0,0 +1 @@
+export declare const B_O_X_ROOT_CLASS = "Bear-Box";

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

@@ -1,7 +1,9 @@
 import { HTMLAttributes, ReactNode } from 'react';
 export interface BoxProps extends HTMLAttributes<HTMLDivElement> {
+    testId?: string;
+    id?: string;
     children?: ReactNode;
-    as?: 'div' | 'section' | 'article' | 'aside' | 'main' | 'header' | 'footer' | 'nav';
+    as?: 'div' | 'section' | 'article' | 'aside' | 'main' | 'header' | 'footer' | 'nav' | 'span';
     p?: number | string;
     px?: number | string;
     py?: number | string;

package/dist/components/Breadcrumbs/Breadcrumbs.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),b=require("react"),H=require("../../context/BearProvider.cjs"),Z=require("../../utils/maxVisible.utils.cjs"),R=require("../../utils/cn.cjs"),v=require("../Dropdown/Dropdown.cjs"),u=require("../Icon/index.cjs"),c=require("./Breadcrumbs.const.cjs"),V=N=>{const{items:n,separator:k,maxItems:p,itemsBeforeCollapse:x=c.BREADCRUMBS_DEFAULTS.ITEMS_BEFORE_COLLAPSE,itemsAfterCollapse:d=c.BREADCRUMBS_DEFAULTS.ITEMS_AFTER_COLLAPSE,className:D,size:h=c.BREADCRUMBS_DEFAULTS.SIZE,showHomeIcon:_=c.BREADCRUMBS_DEFAULTS.SHOW_HOME_ICON,testId:A,id:z,"aria-label":M="Breadcrumb"}=N,w=H.useBearThemeOptional(),[i,f]=b.useState(null),[O,E]=b.useState({}),[I,U]=b.useState(()=>typeof window<"u"?window.innerWidth:1200);b.useEffect(()=>{const e=()=>U(window.innerWidth);return window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)},[]),b.useEffect(()=>{f(null),E({})},[n]);const S=b.useMemo(()=>p==null?void 0:Z.resolveMaxVisible(p,{width:I,theme:w}),[p,I,w]),L=()=>k||r.jsx(u.BearIcons.ChevronRightIcon,{className:R.cn(c.BREADCRUMBS_ICON_SIZE[h],"bear-text-zinc-500 bear-mx-2")}),y=(e,s,t)=>{const a=r.jsxs("span",{className:"bear-flex bear-items-center bear-gap-1 bear-max-w-[12rem] bear-truncate md:bear-max-w-none",children:[s===0&&_&&r.jsx(u.BearIcons.HomeIcon,{className:c.BREADCRUMBS_ICON_SIZE[h]}),e.icon,e.label]}),o=t?r.jsx("span",{className:"bear-text-zinc-300 bear-font-medium","aria-current":"page",children:a}):e.href?r.jsx("a",{href:e.href,className:"bear-text-zinc-400 hover:bear-text-primary-400 bear-transition-colors bear-truncate",children:a}):e.onClick?r.jsx("button",{type:"button",onClick:e.onClick,className:"bear-text-zinc-400 hover:bear-text-primary-400 bear-transition-colors bear-truncate",children:a}):r.jsx("span",{className:"bear-text-zinc-400 bear-truncate",children:a});if(e.dropdownItems&&e.dropdownItems.length>0&&!t){const m=O[s],j=e.dropdownItems.find(l=>l.key===m);return r.jsx(v.Dropdown,{placement:"bottom-start",closeOnSelect:!0,trigger:r.jsxs("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:[a,j&&r.jsx("span",{className:"bear-ml-1 bear-max-w-[8rem] bear-truncate bear-text-xs bear-text-zinc-300",children:j.label}),r.jsx(u.BearIcons.ChevronDownIcon,{size:14})]}),items:e.dropdownItems.map(l=>({key:l.key,label:l.label,disabled:l.disabled,selected:m===l.key,onClick:()=>{var g;E(F=>({...F,[s]:l.key})),(g=l.onClick)==null||g.call(l)}}))})}return o},T=S!=null&&n.length>S,B=x,P=n.length-d;let C=n.map((e,s)=>({type:"item",item:e,index:s}));if(T){const e=n.slice(0,x),s=n.slice(-d),t=n.slice(x,n.length-d);C=[...e.map((a,o)=>({type:"item",item:a,index:o})),...t.length?[{type:"ellipsis",hidden:t}]:[],...s.map((a,o)=>({type:"item",item:a,index:n.length-d+o}))]}const q=i!=null&&i>=B&&i<P;return r.jsx("nav",{id:z,"data-testid":A,className:R.cn("bear-flex bear-min-w-0 bear-items-center bear-flex-wrap",c.BREADCRUMBS_SIZE[h],D),"aria-label":M,children:r.jsx("ol",{className:"bear-flex bear-min-w-0 bear-items-center bear-flex-wrap bear-list-none bear-p-0 bear-m-0",children:C.map((e,s)=>r.jsxs("li",{className:"bear-flex bear-min-w-0 bear-items-center",children:[s>0&&r.jsx("span",{"aria-hidden":"true",children:L()}),e.type==="ellipsis"?r.jsxs("span",{className:"bear-inline-flex bear-min-w-0 bear-max-w-full bear-items-center bear-gap-1",children:[r.jsx(v.Dropdown,{placement:"bottom-start",closeOnSelect:!0,trigger:r.jsx("button",{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:r.jsx(u.BearIcons.MoreHorizIcon,{size:18})}),items:e.hidden.map((t,a)=>{const o=B+a;return{key:`${t.label}-${a}`,label:t.label,onClick:()=>{var m;f(o),(m=t.onClick)==null||m.call(t)}}})}),q&&i!=null&&r.jsx("span",{className:"bear-min-w-0 bear-max-w-[12rem] bear-truncate md:bear-max-w-none bear-inline-flex bear-items-center",children:y(n[i],i,i===n.length-1)})]}):y(e.item,e.index,e.index===n.length-1)]},s))})})};exports.Breadcrumbs=V;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),b=require("react"),F=require("../../context/BearProvider.cjs"),H=require("../../utils/maxVisible.utils.cjs"),R=require("../../utils/cn.cjs"),v=require("../Dropdown/Dropdown.cjs"),u=require("../Icon/index.cjs"),c=require("./Breadcrumbs.const.cjs"),Z=N=>{const{items:n,separator:k,maxItems:p,itemsBeforeCollapse:x=c.BREADCRUMBS_DEFAULTS.ITEMS_BEFORE_COLLAPSE,itemsAfterCollapse:d=c.BREADCRUMBS_DEFAULTS.ITEMS_AFTER_COLLAPSE,className:D,size:h=c.BREADCRUMBS_DEFAULTS.SIZE,showHomeIcon:_=c.BREADCRUMBS_DEFAULTS.SHOW_HOME_ICON,testId:A,"aria-label":z="Breadcrumb"}=N,w=F.useBearThemeOptional(),[i,f]=b.useState(null),[M,E]=b.useState({}),[I,O]=b.useState(()=>typeof window<"u"?window.innerWidth:1200);b.useEffect(()=>{const e=()=>O(window.innerWidth);return window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)},[]),b.useEffect(()=>{f(null),E({})},[n]);const S=b.useMemo(()=>p==null?void 0:H.resolveMaxVisible(p,{width:I,theme:w}),[p,I,w]),U=()=>k||r.jsx(u.BearIcons.ChevronRightIcon,{className:R.cn(c.BREADCRUMBS_ICON_SIZE[h],"bear-text-zinc-500 bear-mx-2")}),y=(e,s,t)=>{const a=r.jsxs("span",{className:"bear-flex bear-items-center bear-gap-1 bear-max-w-[12rem] bear-truncate md:bear-max-w-none",children:[s===0&&_&&r.jsx(u.BearIcons.HomeIcon,{className:c.BREADCRUMBS_ICON_SIZE[h]}),e.icon,e.label]}),o=t?r.jsx("span",{className:"bear-text-zinc-300 bear-font-medium","aria-current":"page",children:a}):e.href?r.jsx("a",{href:e.href,className:"bear-text-zinc-400 hover:bear-text-primary-400 bear-transition-colors bear-truncate",children:a}):e.onClick?r.jsx("button",{type:"button",onClick:e.onClick,className:"bear-text-zinc-400 hover:bear-text-primary-400 bear-transition-colors bear-truncate",children:a}):r.jsx("span",{className:"bear-text-zinc-400 bear-truncate",children:a});if(e.dropdownItems&&e.dropdownItems.length>0&&!t){const m=M[s],j=e.dropdownItems.find(l=>l.key===m);return r.jsx(v.Dropdown,{placement:"bottom-start",closeOnSelect:!0,trigger:r.jsxs("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:[a,j&&r.jsx("span",{className:"bear-ml-1 bear-max-w-[8rem] bear-truncate bear-text-xs bear-text-zinc-300",children:j.label}),r.jsx(u.BearIcons.ChevronDownIcon,{size:14})]}),items:e.dropdownItems.map(l=>({key:l.key,label:l.label,disabled:l.disabled,selected:m===l.key,onClick:()=>{var g;E(q=>({...q,[s]:l.key})),(g=l.onClick)==null||g.call(l)}}))})}return o},L=S!=null&&n.length>S,B=x,T=n.length-d;let C=n.map((e,s)=>({type:"item",item:e,index:s}));if(L){const e=n.slice(0,x),s=n.slice(-d),t=n.slice(x,n.length-d);C=[...e.map((a,o)=>({type:"item",item:a,index:o})),...t.length?[{type:"ellipsis",hidden:t}]:[],...s.map((a,o)=>({type:"item",item:a,index:n.length-d+o}))]}const P=i!=null&&i>=B&&i<T;return r.jsx("nav",{"data-testid":A,className:R.cn("bear-flex bear-min-w-0 bear-items-center bear-flex-wrap",c.BREADCRUMBS_SIZE[h],D),"aria-label":z,children:r.jsx("ol",{className:"bear-flex bear-min-w-0 bear-items-center bear-flex-wrap bear-list-none bear-p-0 bear-m-0",children:C.map((e,s)=>r.jsxs("li",{className:"bear-flex bear-min-w-0 bear-items-center",children:[s>0&&r.jsx("span",{"aria-hidden":"true",children:U()}),e.type==="ellipsis"?r.jsxs("span",{className:"bear-inline-flex bear-min-w-0 bear-max-w-full bear-items-center bear-gap-1",children:[r.jsx(v.Dropdown,{placement:"bottom-start",closeOnSelect:!0,trigger:r.jsx("button",{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:r.jsx(u.BearIcons.MoreHorizIcon,{size:18})}),items:e.hidden.map((t,a)=>{const o=B+a;return{key:`${t.label}-${a}`,label:t.label,onClick:()=>{var m;f(o),(m=t.onClick)==null||m.call(t)}}})}),P&&i!=null&&r.jsx("span",{className:"bear-min-w-0 bear-max-w-[12rem] bear-truncate md:bear-max-w-none bear-inline-flex bear-items-center",children:y(n[i],i,i===n.length-1)})]}):y(e.item,e.index,e.index===n.length-1)]},s))})})};exports.Breadcrumbs=Z;