@forgedevstack/bear 1.2.3 → 1.2.4

package/dist/components/Checkbox/helpers/CheckboxIndicatorIcon.js

@@ -0,0 +1,18 @@
+import { jsx as e, jsxs as l } from "react/jsx-runtime";
+import { CHECKBOX_INDICATOR_STROKE as n, CHECKBOX_INDICATOR_VIEWBOX as t } from "../Checkbox.const.js";
+const d = (s) => {
+  const { size: i, indicator: r, indeterminate: h = !1 } = s, o = {
+    fill: "none",
+    stroke: n.color,
+    strokeWidth: n.width,
+    strokeLinecap: n.linecap,
+    strokeLinejoin: n.linejoin
+  };
+  return h || r === "minus" ? /* @__PURE__ */ e("svg", { width: i, height: i, viewBox: t, ...o, children: /* @__PURE__ */ e("line", { x1: "5", y1: "12", x2: "19", y2: "12" }) }) : r === "x" ? /* @__PURE__ */ l("svg", { width: i, height: i, viewBox: t, ...o, children: [
+    /* @__PURE__ */ e("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
+    /* @__PURE__ */ e("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
+  ] }) : /* @__PURE__ */ e("svg", { width: i, height: i, viewBox: t, ...o, children: /* @__PURE__ */ e("polyline", { points: "20 6 9 17 4 12" }) });
+};
+export {
+  d as CheckboxIndicatorIcon
+};

package/dist/components/Checkbox/helpers/CheckboxIndicatorIcon.types.d.ts

@@ -0,0 +1,6 @@
+import { CheckboxIndicator } from '../Checkbox.types';
+export interface CheckboxIndicatorIconProps {
+    size: number;
+    indicator: CheckboxIndicator;
+    indeterminate?: boolean;
+}

package/dist/components/Checkbox/helpers/index.d.ts

@@ -0,0 +1 @@
+export { CheckboxIndicatorIcon } from './CheckboxIndicatorIcon';

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

@@ -1,2 +1,2 @@
-export { Checkbox, default } from './Checkbox';
-export type { CheckboxProps } from './Checkbox.types';
+export { Checkbox } from './Checkbox';
+export type { CheckboxProps, CheckboxIndicator } from './Checkbox.types';

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

@@ -1,5 +1,6 @@
 import { ReactNode, HTMLAttributes } from 'react';
 export interface CheckboxCardProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {
+    id?: string;
     checked?: boolean;
     onChange?: (checked: boolean) => void;
     value?: string;

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

@@ -0,0 +1 @@
+export declare const C_H_I_P_ROOT_CLASS = "Bear-Chip";

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

@@ -1,5 +1,7 @@
 import { ReactNode } from 'react';
 export interface ChipProps {
+    testId?: string;
+    id?: string;
     children: ReactNode;
     variant?: 'filled' | 'outlined' | 'soft';
     color?: 'default' | 'primary' | 'secondary' | 'success' | 'warning' | 'error' | 'info';

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

@@ -0,0 +1 @@
+export declare const C_L_O_S_E_B_U_T_T_O_N_ROOT_CLASS = "Bear-CloseButton";

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

@@ -1,5 +1,6 @@
 import { BearSize } from '../../types';
 export interface CloseButtonProps {
+    id?: string;
     /** Click handler */
     onClick?: () => void;
     /** Button size */

package/dist/components/CodeBlock/CodeBlock.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),C=require("react"),a=require("../../utils/cn.cjs"),f=require("../Typography/Typography.cjs"),K="Bear-CodeBlock bear-rounded-lg bear-overflow-hidden",S="bear-bg-white bear-text-gray-900 bear-border bear-border-gray-200",N="bear-bg-zinc-900 bear-text-gray-100",v="bear-bg-white dark:bear-bg-zinc-900 bear-text-gray-900 dark:bear-text-gray-100 bear-border bear-border-gray-200 dark:bear-border-zinc-700",R="Bear-CodeBlock__header bear-flex bear-items-center bear-justify-between bear-px-4 bear-py-2",j="bear-bg-gray-50 bear-border-b bear-border-gray-200",z="bear-bg-zinc-800 bear-border-b bear-border-zinc-700",T="bear-bg-gray-50 dark:bear-bg-zinc-800 bear-border-b bear-border-gray-200 dark:bear-border-zinc-700",m="Bear-CodeBlock__language bear-text-xs bear-px-2 bear-py-0.5 bear-rounded",w="bear-bg-gray-200 bear-text-gray-600",G="bear-bg-zinc-700 bear-text-zinc-400",U="bear-bg-gray-200 dark:bear-bg-zinc-700 bear-text-gray-600 dark:bear-text-zinc-400",I="Bear-CodeBlock__copy bear-p-1.5 bear-rounded bear-transition-colors",H="hover:bear-bg-gray-200 bear-text-gray-500 hover:bear-text-gray-700",M="hover:bear-bg-zinc-700 bear-text-zinc-400 hover:bear-text-zinc-200",P="hover:bear-bg-gray-200 dark:hover:bear-bg-zinc-700 bear-text-gray-500 dark:bear-text-zinc-400 hover:bear-text-gray-700 dark:hover:bear-text-zinc-200",q="Bear-CodeBlock__pre bear-overflow-x-auto bear-p-4 bear-m-0",Y="Bear-CodeBlock__code bear-text-sm bear-font-mono",W="Bear-CodeBlock__line bear-flex",V="Bear-CodeBlock__line-number bear-select-none bear-w-8 bear-flex-shrink-0 bear-text-right bear-pr-4",$="bear-text-gray-400",F="bear-text-zinc-600",J="bear-text-gray-400 dark:bear-text-zinc-600",l=C.forwardRef(({code:s,language:c="typescript",showLineNumbers:_=!0,title:o,copyable:b=!0,maxHeight:t,theme:r="auto",className:O="",testId:g,id:E,...x},B)=>{const[n,i]=C.useState(!1),L=async()=>{await navigator.clipboard.writeText(s),i(!0),setTimeout(()=>i(!1),2e3)},u=s.split(`
-`),y=()=>r==="light"?S:r==="dark"?N:v,h=()=>r==="light"?j:r==="dark"?z:T,p=()=>r==="light"?w:r==="dark"?G:U,k=()=>r==="light"?H:r==="dark"?M:P,D=()=>r==="light"?$:r==="dark"?F:J;return e.jsxs("div",{id:E,"data-testid":g,className:a.cn(K,y(),O),children:[(o||b)&&e.jsxs("div",{className:a.cn(R,h()),children:[e.jsxs("div",{className:"bear-flex bear-items-center bear-gap-2",children:[o&&e.jsx(f.Typography,{variant:"caption",className:"Bear-CodeBlock__title bear-font-medium",children:o}),c&&e.jsx("span",{className:a.cn(m,p()),children:c})]}),b&&e.jsx("button",{onClick:L,className:a.cn(I,k()),title:n?"Copied!":"Copy code","aria-label":n?"Copied!":"Copy code",children:n?e.jsx("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2","aria-hidden":"true",children:e.jsx("polyline",{points:"20 6 9 17 4 12"})}):e.jsxs("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2","aria-hidden":"true",children:[e.jsx("rect",{x:"9",y:"9",width:"13",height:"13",rx:"2",ry:"2"}),e.jsx("path",{d:"M5 15H4a2 2 0 01-2-2V4a2 2 0 012-2h9a2 2 0 012 2v1"})]})})]}),e.jsx("pre",{ref:B,className:q,style:{maxHeight:t?typeof t=="number"?`${t}px`:t:void 0},...x,children:e.jsx("code",{className:Y,children:u.map((A,d)=>e.jsxs("div",{className:W,children:[_&&e.jsx("span",{className:a.cn(V,D()),children:d+1}),e.jsx("span",{className:"Bear-CodeBlock__line-content bear-flex-1",children:A||" "})]},d))})})]})});l.displayName="CodeBlock";exports.CodeBlock=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),C=require("react"),a=require("../../utils/cn.cjs"),A=require("../Typography/Typography.cjs"),f="Bear-CodeBlock bear-rounded-lg bear-overflow-hidden",K="bear-bg-white bear-text-gray-900 bear-border bear-border-gray-200",S="bear-bg-zinc-900 bear-text-gray-100",N="bear-bg-white dark:bear-bg-zinc-900 bear-text-gray-900 dark:bear-text-gray-100 bear-border bear-border-gray-200 dark:bear-border-zinc-700",v="Bear-CodeBlock__header bear-flex bear-items-center bear-justify-between bear-px-4 bear-py-2",R="bear-bg-gray-50 bear-border-b bear-border-gray-200",j="bear-bg-zinc-800 bear-border-b bear-border-zinc-700",z="bear-bg-gray-50 dark:bear-bg-zinc-800 bear-border-b bear-border-gray-200 dark:bear-border-zinc-700",T="Bear-CodeBlock__language bear-text-xs bear-px-2 bear-py-0.5 bear-rounded",m="bear-bg-gray-200 bear-text-gray-600",w="bear-bg-zinc-700 bear-text-zinc-400",G="bear-bg-gray-200 dark:bear-bg-zinc-700 bear-text-gray-600 dark:bear-text-zinc-400",U="Bear-CodeBlock__copy bear-p-1.5 bear-rounded bear-transition-colors",I="hover:bear-bg-gray-200 bear-text-gray-500 hover:bear-text-gray-700",H="hover:bear-bg-zinc-700 bear-text-zinc-400 hover:bear-text-zinc-200",M="hover:bear-bg-gray-200 dark:hover:bear-bg-zinc-700 bear-text-gray-500 dark:bear-text-zinc-400 hover:bear-text-gray-700 dark:hover:bear-text-zinc-200",P="Bear-CodeBlock__pre bear-overflow-x-auto bear-p-4 bear-m-0",q="Bear-CodeBlock__code bear-text-sm bear-font-mono",Y="Bear-CodeBlock__line bear-flex",W="Bear-CodeBlock__line-number bear-select-none bear-w-8 bear-flex-shrink-0 bear-text-right bear-pr-4",V="bear-text-gray-400",$="bear-text-zinc-600",F="bear-text-gray-400 dark:bear-text-zinc-600",l=C.forwardRef(({code:s,language:c="typescript",showLineNumbers:_=!0,title:o,copyable:b=!0,maxHeight:t,theme:r="auto",className:O="",testId:g,...E},x)=>{const[n,i]=C.useState(!1),B=async()=>{await navigator.clipboard.writeText(s),i(!0),setTimeout(()=>i(!1),2e3)},L=s.split(`
+`),u=()=>r==="light"?K:r==="dark"?S:N,y=()=>r==="light"?R:r==="dark"?j:z,h=()=>r==="light"?m:r==="dark"?w:G,p=()=>r==="light"?I:r==="dark"?H:M,k=()=>r==="light"?V:r==="dark"?$:F;return e.jsxs("div",{"data-testid":g,className:a.cn(f,u(),O),children:[(o||b)&&e.jsxs("div",{className:a.cn(v,y()),children:[e.jsxs("div",{className:"bear-flex bear-items-center bear-gap-2",children:[o&&e.jsx(A.Typography,{variant:"caption",className:"Bear-CodeBlock__title bear-font-medium",children:o}),c&&e.jsx("span",{className:a.cn(T,h()),children:c})]}),b&&e.jsx("button",{onClick:B,className:a.cn(U,p()),title:n?"Copied!":"Copy code","aria-label":n?"Copied!":"Copy code",children:n?e.jsx("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2","aria-hidden":"true",children:e.jsx("polyline",{points:"20 6 9 17 4 12"})}):e.jsxs("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2","aria-hidden":"true",children:[e.jsx("rect",{x:"9",y:"9",width:"13",height:"13",rx:"2",ry:"2"}),e.jsx("path",{d:"M5 15H4a2 2 0 01-2-2V4a2 2 0 012-2h9a2 2 0 012 2v1"})]})})]}),e.jsx("pre",{ref:x,className:P,style:{maxHeight:t?typeof t=="number"?`${t}px`:t:void 0},...E,children:e.jsx("code",{className:q,children:L.map((D,d)=>e.jsxs("div",{className:Y,children:[_&&e.jsx("span",{className:a.cn(W,k()),children:d+1}),e.jsx("span",{className:"Bear-CodeBlock__line-content bear-flex-1",children:D||" "})]},d))})})]})});l.displayName="CodeBlock";exports.CodeBlock=l;

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

@@ -0,0 +1 @@
+export declare const C_O_D_E_B_L_O_C_K_ROOT_CLASS = "Bear-CodeBlock";

package/dist/components/CodeBlock/CodeBlock.js

@@ -1,8 +1,8 @@
 import { jsxs as a, jsx as e } from "react/jsx-runtime";
-import { forwardRef as f, useState as A } from "react";
+import { forwardRef as D, useState as f } from "react";
 import { cn as t } from "../../utils/cn.js";
-import { Typography as K } from "../Typography/Typography.js";
-const N = "Bear-CodeBlock bear-rounded-lg bear-overflow-hidden", S = "bear-bg-white bear-text-gray-900 bear-border bear-border-gray-200", v = "bear-bg-zinc-900 bear-text-gray-100", m = "bear-bg-white dark:bear-bg-zinc-900 bear-text-gray-900 dark:bear-text-gray-100 bear-border bear-border-gray-200 dark:bear-border-zinc-700", R = "Bear-CodeBlock__header bear-flex bear-items-center bear-justify-between bear-px-4 bear-py-2", z = "bear-bg-gray-50 bear-border-b bear-border-gray-200", T = "bear-bg-zinc-800 bear-border-b bear-border-zinc-700", w = "bear-bg-gray-50 dark:bear-bg-zinc-800 bear-border-b bear-border-gray-200 dark:bear-border-zinc-700", G = "Bear-CodeBlock__language bear-text-xs bear-px-2 bear-py-0.5 bear-rounded", U = "bear-bg-gray-200 bear-text-gray-600", I = "bear-bg-zinc-700 bear-text-zinc-400", H = "bear-bg-gray-200 dark:bear-bg-zinc-700 bear-text-gray-600 dark:bear-text-zinc-400", M = "Bear-CodeBlock__copy bear-p-1.5 bear-rounded bear-transition-colors", P = "hover:bear-bg-gray-200 bear-text-gray-500 hover:bear-text-gray-700", Y = "hover:bear-bg-zinc-700 bear-text-zinc-400 hover:bear-text-zinc-200", j = "hover:bear-bg-gray-200 dark:hover:bear-bg-zinc-700 bear-text-gray-500 dark:bear-text-zinc-400 hover:bear-text-gray-700 dark:hover:bear-text-zinc-200", W = "Bear-CodeBlock__pre bear-overflow-x-auto bear-p-4 bear-m-0", V = "Bear-CodeBlock__code bear-text-sm bear-font-mono", $ = "Bear-CodeBlock__line bear-flex", q = "Bear-CodeBlock__line-number bear-select-none bear-w-8 bear-flex-shrink-0 bear-text-right bear-pr-4", F = "bear-text-gray-400", J = "bear-text-zinc-600", Q = "bear-text-gray-400 dark:bear-text-zinc-600", X = f(({
+import { Typography as A } from "../Typography/Typography.js";
+const K = "Bear-CodeBlock bear-rounded-lg bear-overflow-hidden", N = "bear-bg-white bear-text-gray-900 bear-border bear-border-gray-200", S = "bear-bg-zinc-900 bear-text-gray-100", v = "bear-bg-white dark:bear-bg-zinc-900 bear-text-gray-900 dark:bear-text-gray-100 bear-border bear-border-gray-200 dark:bear-border-zinc-700", m = "Bear-CodeBlock__header bear-flex bear-items-center bear-justify-between bear-px-4 bear-py-2", R = "bear-bg-gray-50 bear-border-b bear-border-gray-200", z = "bear-bg-zinc-800 bear-border-b bear-border-zinc-700", T = "bear-bg-gray-50 dark:bear-bg-zinc-800 bear-border-b bear-border-gray-200 dark:bear-border-zinc-700", w = "Bear-CodeBlock__language bear-text-xs bear-px-2 bear-py-0.5 bear-rounded", G = "bear-bg-gray-200 bear-text-gray-600", U = "bear-bg-zinc-700 bear-text-zinc-400", I = "bear-bg-gray-200 dark:bear-bg-zinc-700 bear-text-gray-600 dark:bear-text-zinc-400", H = "Bear-CodeBlock__copy bear-p-1.5 bear-rounded bear-transition-colors", M = "hover:bear-bg-gray-200 bear-text-gray-500 hover:bear-text-gray-700", P = "hover:bear-bg-zinc-700 bear-text-zinc-400 hover:bear-text-zinc-200", Y = "hover:bear-bg-gray-200 dark:hover:bear-bg-zinc-700 bear-text-gray-500 dark:bear-text-zinc-400 hover:bear-text-gray-700 dark:hover:bear-text-zinc-200", j = "Bear-CodeBlock__pre bear-overflow-x-auto bear-p-4 bear-m-0", W = "Bear-CodeBlock__code bear-text-sm bear-font-mono", V = "Bear-CodeBlock__line bear-flex", $ = "Bear-CodeBlock__line-number bear-select-none bear-w-8 bear-flex-shrink-0 bear-text-right bear-pr-4", q = "bear-text-gray-400", F = "bear-text-zinc-600", J = "bear-text-gray-400 dark:bear-text-zinc-600", Q = D(({
   code: c,
   language: i = "typescript",
   showLineNumbers: l = !0,
@@ -12,30 +12,28 @@ const N = "Bear-CodeBlock bear-rounded-lg bear-overflow-hidden", S = "bear-bg-wh
   theme: r = "auto",
   className: _ = "",
   testId: O,
-  id: g,
-  ...E
-}, B) => {
-  const [b, d] = A(!1), L = async () => {
+  ...g
+}, E) => {
+  const [b, d] = f(!1), B = async () => {
     await navigator.clipboard.writeText(c), d(!0), setTimeout(() => d(!1), 2e3);
-  }, p = c.split(`
-`), x = () => r === "light" ? S : r === "dark" ? v : m, y = () => r === "light" ? z : r === "dark" ? T : w, h = () => r === "light" ? U : r === "dark" ? I : H, u = () => r === "light" ? P : r === "dark" ? Y : j, k = () => r === "light" ? F : r === "dark" ? J : Q;
+  }, L = c.split(`
+`), p = () => r === "light" ? N : r === "dark" ? S : v, x = () => r === "light" ? R : r === "dark" ? z : T, y = () => r === "light" ? G : r === "dark" ? U : I, h = () => r === "light" ? M : r === "dark" ? P : Y, u = () => r === "light" ? q : r === "dark" ? F : J;
   return /* @__PURE__ */ a(
     "div",
     {
-      id: g,
       "data-testid": O,
-      className: t(N, x(), _),
+      className: t(K, p(), _),
       children: [
-        (n || s) && /* @__PURE__ */ a("div", { className: t(R, y()), children: [
+        (n || s) && /* @__PURE__ */ a("div", { className: t(m, x()), children: [
           /* @__PURE__ */ a("div", { className: "bear-flex bear-items-center bear-gap-2", children: [
-            n && /* @__PURE__ */ e(K, { variant: "caption", className: "Bear-CodeBlock__title bear-font-medium", children: n }),
-            i && /* @__PURE__ */ e("span", { className: t(G, h()), children: i })
+            n && /* @__PURE__ */ e(A, { variant: "caption", className: "Bear-CodeBlock__title bear-font-medium", children: n }),
+            i && /* @__PURE__ */ e("span", { className: t(w, y()), children: i })
           ] }),
           s && /* @__PURE__ */ e(
             "button",
             {
-              onClick: L,
-              className: t(M, u()),
+              onClick: B,
+              className: t(H, h()),
               title: b ? "Copied!" : "Copy code",
               "aria-label": b ? "Copied!" : "Copy code",
               children: b ? /* @__PURE__ */ e("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", "aria-hidden": "true", children: /* @__PURE__ */ e("polyline", { points: "20 6 9 17 4 12" }) }) : /* @__PURE__ */ a("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", "aria-hidden": "true", children: [
@@ -48,13 +46,13 @@ const N = "Bear-CodeBlock bear-rounded-lg bear-overflow-hidden", S = "bear-bg-wh
         /* @__PURE__ */ e(
           "pre",
           {
-            ref: B,
-            className: W,
+            ref: E,
+            className: j,
             style: { maxHeight: o ? typeof o == "number" ? `${o}px` : o : void 0 },
-            ...E,
-            children: /* @__PURE__ */ e("code", { className: V, children: p.map((D, C) => /* @__PURE__ */ a("div", { className: $, children: [
-              l && /* @__PURE__ */ e("span", { className: t(q, k()), children: C + 1 }),
-              /* @__PURE__ */ e("span", { className: "Bear-CodeBlock__line-content bear-flex-1", children: D || " " })
+            ...g,
+            children: /* @__PURE__ */ e("code", { className: W, children: L.map((k, C) => /* @__PURE__ */ a("div", { className: V, children: [
+              l && /* @__PURE__ */ e("span", { className: t($, u()), children: C + 1 }),
+              /* @__PURE__ */ e("span", { className: "Bear-CodeBlock__line-content bear-flex-1", children: k || " " })
             ] }, C)) })
           }
         )
@@ -62,7 +60,7 @@ const N = "Bear-CodeBlock bear-rounded-lg bear-overflow-hidden", S = "bear-bg-wh
     }
   );
 });
-X.displayName = "CodeBlock";
+Q.displayName = "CodeBlock";
 export {
-  X as CodeBlock
+  Q as CodeBlock
 };

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

@@ -29,6 +29,7 @@ export interface CodeEditorTheme {
     tokens: Partial<Record<TokenType, string>>;
 }
 export interface CodeEditorProps {
+    id?: string;
     /** Current value */
     value: string;
     /** Called on value change */

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

@@ -0,0 +1 @@
+export declare const C_O_L_L_A_P_S_I_B_L_E_ROOT_CLASS = "Bear-Collapsible";

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

@@ -1,5 +1,7 @@
 import { ReactNode } from 'react';
 export interface CollapsibleProps {
+    testId?: string;
+    id?: string;
     children: ReactNode;
     trigger: ReactNode;
     open?: boolean;

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

@@ -1,4 +1,6 @@
 export interface ColorPickerProps {
+    testId?: string;
+    id?: string;
     value?: string;
     onChange?: (color: string) => void;
     presets?: string[];

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

@@ -1,6 +1,7 @@
 import { HTMLAttributes } from 'react';
 export type SwatchSize = 'sm' | 'md' | 'lg' | 'xl';
 export interface ColorSwatchProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {
+    id?: string;
     color: string;
     selected?: boolean;
     size?: SwatchSize;

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

@@ -0,0 +1 @@
+export declare const C_O_L_U_M_N_S_ROOT_CLASS = "Bear-Columns";

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

@@ -1,5 +1,7 @@
 import { ReactNode, CSSProperties } from 'react';
 export interface ColumnsProps {
+    testId?: string;
+    id?: string;
     children: ReactNode;
     count?: 1 | 2 | 3 | 4 | 5 | 6 | 'auto';
     gap?: 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';

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

@@ -47,6 +47,7 @@ export interface CommandPaletteTranslations {
  * CommandPalette component props
  */
 export interface CommandPaletteProps {
+    id?: string;
     /** Available commands */
     commands: CommandItem[];
     /** Whether the palette is open */

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

@@ -13,6 +13,7 @@ export interface ConfettiPiece {
     shape: 'square' | 'circle' | 'triangle';
 }
 export interface ConfettiProps {
+    id?: string;
     /** Whether confetti is active */
     active?: boolean;
     /** Number of confetti pieces */

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

@@ -0,0 +1 @@
+export declare const C_O_N_T_A_I_N_E_R_ROOT_CLASS = "Bear-Container";

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

@@ -1,6 +1,7 @@
 import { HTMLAttributes } from 'react';
 export type ContainerSize = 'sm' | 'md' | 'lg' | 'xl' | '2xl' | 'full';
 export interface ContainerProps extends HTMLAttributes<HTMLDivElement> {
+    id?: string;
     /** Maximum width of the container */
     size?: ContainerSize;
     /** Whether to center the container */

package/dist/components/ContextMenu/ContextMenu.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),r=require("react"),_=require("../../utils/cn.cjs"),l=require("./ContextMenu.const.cjs"),j=require("./ContextMenu.utils.cjs"),b=({items:S,position:a,onClose:i})=>{const[c,o]=r.useState(null),[u,d]=r.useState({x:0,y:0}),x=r.useRef(null),E=r.useCallback(s=>{var e;s.disabled||s.children||((e=s.onClick)==null||e.call(s),i())},[i]),f=r.useCallback((s,e)=>{if(s.children){const n=e.currentTarget.getBoundingClientRect();d({x:n.right+l.SUB_MENU_OFFSET,y:n.top}),o(s.id)}else o(null)},[]);return t.jsx("div",{ref:x,className:l.MENU_CLASSES,style:{left:a.x,top:a.y},role:"menu",children:S.map(s=>{if(j.isDivider(s))return t.jsx("div",{className:l.DIVIDER_CLASSES,role:"separator"},s.id);const e=s;return t.jsxs("div",{children:[t.jsxs("div",{className:_.cn(l.ITEM_CLASSES,e.disabled&&l.ITEM_DISABLED_CLASSES,e.danger&&l.ITEM_DANGER_CLASSES),onClick:()=>E(e),onMouseEnter:n=>f(e,n),role:"menuitem","aria-disabled":e.disabled,children:[t.jsxs("span",{className:"bear-flex bear-items-center",children:[e.icon&&t.jsx("span",{className:l.ICON_CLASSES,children:e.icon}),e.label]}),t.jsxs("span",{className:"bear-flex bear-items-center",children:[e.shortcut&&t.jsx("span",{className:l.SHORTCUT_CLASSES,children:e.shortcut}),e.children&&t.jsx("span",{className:l.SUB_INDICATOR_CLASSES,children:"▸"})]})]}),e.children&&c===e.id&&t.jsx(b,{items:e.children,position:u,onClose:i})]},e.id)})})},v=({items:S,children:a,disabled:i=!1,onOpenChange:c,testId:o})=>{const[u,d]=r.useState(!1),[x,E]=r.useState({x:0,y:0}),f=r.useRef(null),s=r.useCallback(()=>{d(!1),c==null||c(!1)},[c]),e=r.useCallback(n=>{i||(n.preventDefault(),E({x:n.clientX,y:n.clientY}),d(!0),c==null||c(!0))},[i,c]);return r.useEffect(()=>{if(!u)return;const n=()=>s(),m=M=>{M.key==="Escape"&&s()};return document.addEventListener("mousedown",n),document.addEventListener("keydown",m),()=>{document.removeEventListener("mousedown",n),document.removeEventListener("keydown",m)}},[u,s]),t.jsxs("div",{ref:f,onContextMenu:e,"data-testid":o,children:[a,u&&t.jsx(b,{items:S,position:x,onClose:s})]})};exports.ContextMenu=v;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const x=require("react/jsx-runtime"),n=require("react"),T=require("../../utils/generateBearId.utils.cjs"),b=require("../../utils/useBearId.cjs"),k=require("./ContextMenu.const.cjs"),R=require("./components/ContextMenuMenuList/ContextMenuMenuList.cjs"),S=M=>{const{id:v,items:y,children:C,disabled:c=!1,onOpenChange:e,testId:E}=M,[o,i]=n.useState(!1),[I,q]=n.useState({x:0,y:0}),d=n.useRef(null),p=b.useBearId("ContextMenu"),w=T.resolveBearId(v,p),s=n.useCallback(()=>{i(!1),e==null||e(!1)},[e]),L=n.useCallback(t=>{c||(t.preventDefault(),q({x:t.clientX,y:t.clientY}),i(!0),e==null||e(!0))},[c,e]);return n.useEffect(()=>{if(!o)return;const t=r=>{var m;const l=r.target;if((m=d.current)!=null&&m.contains(l))return;const f=document.querySelectorAll(`[${k.CONTEXT_MENU_DATA_ATTR}]`);for(let u=0;u<f.length;u+=1)if(f[u].contains(l))return;s()},a=r=>{r.key==="Escape"&&s()};return document.addEventListener("mousedown",t),document.addEventListener("keydown",a),()=>{document.removeEventListener("mousedown",t),document.removeEventListener("keydown",a)}},[o,s]),x.jsxs("div",{ref:d,id:w,onContextMenu:L,"data-testid":E,children:[C,o&&x.jsx(R.ContextMenuMenuList,{items:y,position:I,onClose:s})]})};exports.ContextMenu=S;

package/dist/components/ContextMenu/ContextMenu.const.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r="Bear-ContextMenu bear-fixed bear-z-[99999] bear-bg-white dark:bear-bg-zinc-800 bear-border bear-border-gray-200 dark:bear-border-zinc-700 bear-rounded-lg bear-shadow-xl bear-py-1 bear-min-w-[180px] bear-animate-in",e="bear-flex bear-items-center bear-justify-between bear-px-3 bear-py-1.5 bear-text-sm bear-cursor-pointer bear-transition-colors bear-text-gray-700 dark:bear-text-zinc-300 hover:bear-bg-gray-50 dark:hover:bear-bg-zinc-700",a="bear-opacity-40 bear-cursor-not-allowed",b="bear-text-red-600 dark:bear-text-red-400 hover:bear-bg-red-50 dark:hover:bear-bg-red-900/20",S="bear-my-1 bear-border-t bear-border-gray-200 dark:bear-border-zinc-700",t="bear-mr-2 bear-w-4 bear-h-4 bear-flex-shrink-0",o="bear-text-xs bear-text-gray-400 dark:bear-text-zinc-500 bear-ml-4",E="bear-ml-2 bear-text-gray-400 dark:bear-text-zinc-500",n=4;exports.DIVIDER_CLASSES=S;exports.ICON_CLASSES=t;exports.ITEM_CLASSES=e;exports.ITEM_DANGER_CLASSES=b;exports.ITEM_DISABLED_CLASSES=a;exports.MENU_CLASSES=r;exports.SHORTCUT_CLASSES=o;exports.SUB_INDICATOR_CLASSES=E;exports.SUB_MENU_OFFSET=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e="data-bear-context-menu",r="Bear-ContextMenu bear-fixed bear-z-[99999] bear-bg-white dark:bear-bg-zinc-800 bear-border bear-border-gray-200 dark:bear-border-zinc-700 bear-rounded-lg bear-shadow-xl bear-py-1 bear-min-w-[180px] bear-animate-in",a="bear-flex bear-items-center bear-justify-between bear-px-3 bear-py-1.5 bear-text-sm bear-cursor-pointer bear-transition-colors bear-text-gray-700 dark:bear-text-zinc-300 hover:bear-bg-gray-50 dark:hover:bear-bg-zinc-700",S="bear-opacity-40 bear-cursor-not-allowed",b="bear-text-red-600 dark:bear-text-red-400 hover:bear-bg-red-50 dark:hover:bear-bg-red-900/20",t="bear-my-1 bear-border-t bear-border-gray-200 dark:bear-border-zinc-700",E="bear-mr-2 bear-w-4 bear-h-4 bear-flex-shrink-0",o="bear-text-xs bear-text-gray-400 dark:bear-text-zinc-500 bear-ml-4",_="bear-ml-2 bear-text-gray-400 dark:bear-text-zinc-500",n="bear-flex bear-items-center",A=4,T=8;exports.CONTEXT_MENU_DATA_ATTR=e;exports.DIVIDER_CLASSES=t;exports.ICON_CLASSES=E;exports.ITEM_CLASSES=a;exports.ITEM_DANGER_CLASSES=b;exports.ITEM_DISABLED_CLASSES=S;exports.ITEM_ROW_CLASSES=n;exports.MENU_CLASSES=r;exports.SHORTCUT_CLASSES=o;exports.SUB_INDICATOR_CLASSES=_;exports.SUB_MENU_OFFSET=A;exports.VIEWPORT_PADDING=T;

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

@@ -1,3 +1,4 @@
+export declare const CONTEXT_MENU_DATA_ATTR = "data-bear-context-menu";
 export declare const MENU_CLASSES = "Bear-ContextMenu bear-fixed bear-z-[99999] bear-bg-white dark:bear-bg-zinc-800 bear-border bear-border-gray-200 dark:bear-border-zinc-700 bear-rounded-lg bear-shadow-xl bear-py-1 bear-min-w-[180px] bear-animate-in";
 export declare const ITEM_CLASSES = "bear-flex bear-items-center bear-justify-between bear-px-3 bear-py-1.5 bear-text-sm bear-cursor-pointer bear-transition-colors bear-text-gray-700 dark:bear-text-zinc-300 hover:bear-bg-gray-50 dark:hover:bear-bg-zinc-700";
 export declare const ITEM_DISABLED_CLASSES = "bear-opacity-40 bear-cursor-not-allowed";
@@ -6,4 +7,6 @@ export declare const DIVIDER_CLASSES = "bear-my-1 bear-border-t bear-border-gray
 export declare const ICON_CLASSES = "bear-mr-2 bear-w-4 bear-h-4 bear-flex-shrink-0";
 export declare const SHORTCUT_CLASSES = "bear-text-xs bear-text-gray-400 dark:bear-text-zinc-500 bear-ml-4";
 export declare const SUB_INDICATOR_CLASSES = "bear-ml-2 bear-text-gray-400 dark:bear-text-zinc-500";
+export declare const ITEM_ROW_CLASSES = "bear-flex bear-items-center";
 export declare const SUB_MENU_OFFSET = 4;
+export declare const VIEWPORT_PADDING = 8;

package/dist/components/ContextMenu/ContextMenu.const.js

@@ -1,12 +1,15 @@
-const r = "Bear-ContextMenu bear-fixed bear-z-[99999] bear-bg-white dark:bear-bg-zinc-800 bear-border bear-border-gray-200 dark:bear-border-zinc-700 bear-rounded-lg bear-shadow-xl bear-py-1 bear-min-w-[180px] bear-animate-in", e = "bear-flex bear-items-center bear-justify-between bear-px-3 bear-py-1.5 bear-text-sm bear-cursor-pointer bear-transition-colors bear-text-gray-700 dark:bear-text-zinc-300 hover:bear-bg-gray-50 dark:hover:bear-bg-zinc-700", a = "bear-opacity-40 bear-cursor-not-allowed", b = "bear-text-red-600 dark:bear-text-red-400 hover:bear-bg-red-50 dark:hover:bear-bg-red-900/20", t = "bear-my-1 bear-border-t bear-border-gray-200 dark:bear-border-zinc-700", o = "bear-mr-2 bear-w-4 bear-h-4 bear-flex-shrink-0", n = "bear-text-xs bear-text-gray-400 dark:bear-text-zinc-500 bear-ml-4", S = "bear-ml-2 bear-text-gray-400 dark:bear-text-zinc-500", d = 4;
+const r = "data-bear-context-menu", e = "Bear-ContextMenu bear-fixed bear-z-[99999] bear-bg-white dark:bear-bg-zinc-800 bear-border bear-border-gray-200 dark:bear-border-zinc-700 bear-rounded-lg bear-shadow-xl bear-py-1 bear-min-w-[180px] bear-animate-in", a = "bear-flex bear-items-center bear-justify-between bear-px-3 bear-py-1.5 bear-text-sm bear-cursor-pointer bear-transition-colors bear-text-gray-700 dark:bear-text-zinc-300 hover:bear-bg-gray-50 dark:hover:bear-bg-zinc-700", b = "bear-opacity-40 bear-cursor-not-allowed", t = "bear-text-red-600 dark:bear-text-red-400 hover:bear-bg-red-50 dark:hover:bear-bg-red-900/20", o = "bear-my-1 bear-border-t bear-border-gray-200 dark:bear-border-zinc-700", n = "bear-mr-2 bear-w-4 bear-h-4 bear-flex-shrink-0", S = "bear-text-xs bear-text-gray-400 dark:bear-text-zinc-500 bear-ml-4", c = "bear-ml-2 bear-text-gray-400 dark:bear-text-zinc-500", d = "bear-flex bear-items-center", s = 4, E = 8;
 export {
-  t as DIVIDER_CLASSES,
-  o as ICON_CLASSES,
-  e as ITEM_CLASSES,
-  b as ITEM_DANGER_CLASSES,
-  a as ITEM_DISABLED_CLASSES,
-  r as MENU_CLASSES,
-  n as SHORTCUT_CLASSES,
-  S as SUB_INDICATOR_CLASSES,
-  d as SUB_MENU_OFFSET
+  r as CONTEXT_MENU_DATA_ATTR,
+  o as DIVIDER_CLASSES,
+  n as ICON_CLASSES,
+  a as ITEM_CLASSES,
+  t as ITEM_DANGER_CLASSES,
+  b as ITEM_DISABLED_CLASSES,
+  d as ITEM_ROW_CLASSES,
+  e as MENU_CLASSES,
+  S as SHORTCUT_CLASSES,
+  c as SUB_INDICATOR_CLASSES,
+  s as SUB_MENU_OFFSET,
+  E as VIEWPORT_PADDING
 };

package/dist/components/ContextMenu/ContextMenu.d.ts

@@ -1,4 +1,2 @@
-import { FC } from 'react';
 import { ContextMenuProps } from './ContextMenu.types';
-export declare const ContextMenu: FC<ContextMenuProps>;
-export default ContextMenu;
+export declare const ContextMenu: (props: ContextMenuProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/ContextMenu/ContextMenu.js

@@ -1,65 +1,36 @@
-import { jsxs as i, jsx as n } from "react/jsx-runtime";
-import { useState as u, useRef as b, useCallback as S, useEffect as N } from "react";
-import { cn as _ } from "../../utils/cn.js";
-import { SUB_MENU_OFFSET as h, MENU_CLASSES as A, DIVIDER_CLASSES as I, ICON_CLASSES as M, SHORTCUT_CLASSES as k, SUB_INDICATOR_CLASSES as y, ITEM_DANGER_CLASSES as C, ITEM_DISABLED_CLASSES as D, ITEM_CLASSES as R } from "./ContextMenu.const.js";
-import { isDivider as T } from "./ContextMenu.utils.js";
-const v = ({ items: m, position: o, onClose: c }) => {
-  const [r, d] = u(null), [l, a] = u({ x: 0, y: 0 }), f = b(null), E = S((s) => {
-    var e;
-    s.disabled || s.children || ((e = s.onClick) == null || e.call(s), c());
-  }, [c]), p = S((s, e) => {
-    if (s.children) {
-      const t = e.currentTarget.getBoundingClientRect();
-      a({ x: t.right + h, y: t.top }), d(s.id);
-    } else
-      d(null);
-  }, []);
-  return /* @__PURE__ */ n("div", { ref: f, className: A, style: { left: o.x, top: o.y }, role: "menu", children: m.map((s) => {
-    if (T(s)) return /* @__PURE__ */ n("div", { className: I, role: "separator" }, s.id);
-    const e = s;
-    return /* @__PURE__ */ i("div", { children: [
-      /* @__PURE__ */ i(
-        "div",
-        {
-          className: _(R, e.disabled && D, e.danger && C),
-          onClick: () => E(e),
-          onMouseEnter: (t) => p(e, t),
-          role: "menuitem",
-          "aria-disabled": e.disabled,
-          children: [
-            /* @__PURE__ */ i("span", { className: "bear-flex bear-items-center", children: [
-              e.icon && /* @__PURE__ */ n("span", { className: M, children: e.icon }),
-              e.label
-            ] }),
-            /* @__PURE__ */ i("span", { className: "bear-flex bear-items-center", children: [
-              e.shortcut && /* @__PURE__ */ n("span", { className: k, children: e.shortcut }),
-              e.children && /* @__PURE__ */ n("span", { className: y, children: "▸" })
-            ] })
-          ]
-        }
-      ),
-      e.children && r === e.id && /* @__PURE__ */ n(v, { items: e.children, position: l, onClose: c })
-    ] }, e.id);
-  }) });
-}, F = ({ items: m, children: o, disabled: c = !1, onOpenChange: r, testId: d }) => {
-  const [l, a] = u(!1), [f, E] = u({ x: 0, y: 0 }), p = b(null), s = S(() => {
-    a(!1), r == null || r(!1);
-  }, [r]), e = S((t) => {
-    c || (t.preventDefault(), E({ x: t.clientX, y: t.clientY }), a(!0), r == null || r(!0));
-  }, [c, r]);
-  return N(() => {
-    if (!l) return;
-    const t = () => s(), L = (x) => {
-      x.key === "Escape" && s();
+import { jsxs as k, jsx as A } from "react/jsx-runtime";
+import { useState as f, useRef as h, useCallback as p, useEffect as D } from "react";
+import { resolveBearId as R } from "../../utils/generateBearId.utils.js";
+import { useBearId as _ } from "../../utils/useBearId.js";
+import { CONTEXT_MENU_DATA_ATTR as b } from "./ContextMenu.const.js";
+import { ContextMenuMenuList as j } from "./components/ContextMenuMenuList/ContextMenuMenuList.js";
+const q = (x) => {
+  const { id: v, items: E, children: y, disabled: i = !1, onOpenChange: e, testId: M } = x, [o, d] = f(!1), [w, I] = f({ x: 0, y: 0 }), u = h(null), C = _("ContextMenu"), L = R(v, C), n = p(() => {
+    d(!1), e == null || e(!1);
+  }, [e]), T = p((t) => {
+    i || (t.preventDefault(), I({ x: t.clientX, y: t.clientY }), d(!0), e == null || e(!0));
+  }, [i, e]);
+  return D(() => {
+    if (!o) return;
+    const t = (r) => {
+      var a;
+      const l = r.target;
+      if ((a = u.current) != null && a.contains(l)) return;
+      const m = document.querySelectorAll(`[${b}]`);
+      for (let s = 0; s < m.length; s += 1)
+        if (m[s].contains(l)) return;
+      n();
+    }, c = (r) => {
+      r.key === "Escape" && n();
     };
-    return document.addEventListener("mousedown", t), document.addEventListener("keydown", L), () => {
-      document.removeEventListener("mousedown", t), document.removeEventListener("keydown", L);
+    return document.addEventListener("mousedown", t), document.addEventListener("keydown", c), () => {
+      document.removeEventListener("mousedown", t), document.removeEventListener("keydown", c);
     };
-  }, [l, s]), /* @__PURE__ */ i("div", { ref: p, onContextMenu: e, "data-testid": d, children: [
-    o,
-    l && /* @__PURE__ */ n(v, { items: m, position: f, onClose: s })
+  }, [o, n]), /* @__PURE__ */ k("div", { ref: u, id: L, onContextMenu: T, "data-testid": M, children: [
+    y,
+    o && /* @__PURE__ */ A(j, { items: E, position: w, onClose: n })
   ] });
 };
 export {
-  F as ContextMenu
+  q as ContextMenu
 };

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

@@ -15,6 +15,7 @@ export interface ContextMenuDivider {
 }
 export type ContextMenuEntry = ContextMenuItem | ContextMenuDivider;
 export interface ContextMenuProps {
+    id?: string;
     items: ContextMenuEntry[];
     children: ReactNode;
     disabled?: boolean;

package/dist/components/ContextMenu/ContextMenu.utils.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=i=>"type"in i&&i.type==="divider";exports.isDivider=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./ContextMenu.const.cjs"),P=t=>"type"in t&&t.type==="divider",d=(t,r)=>{const e=r.getBoundingClientRect();let n=t.x,o=t.y;return e.right>window.innerWidth-i.VIEWPORT_PADDING&&(n=window.innerWidth-e.width-i.VIEWPORT_PADDING),e.bottom>window.innerHeight-i.VIEWPORT_PADDING&&(o=window.innerHeight-e.height-i.VIEWPORT_PADDING),{x:Math.max(i.VIEWPORT_PADDING,n),y:Math.max(i.VIEWPORT_PADDING,o)}};exports.clampMenuPosition=d;exports.isDivider=P;

package/dist/components/ContextMenu/ContextMenu.utils.d.ts

@@ -3,3 +3,10 @@ export declare const isDivider: (entry: ContextMenuEntry) => entry is {
     id: string;
     type: "divider";
 };
+export declare const clampMenuPosition: (position: {
+    x: number;
+    y: number;
+}, menuEl: HTMLDivElement) => {
+    x: number;
+    y: number;
+};

package/dist/components/ContextMenu/ContextMenu.utils.js

@@ -1,4 +1,13 @@
-const e = (i) => "type" in i && i.type === "divider";
+import { VIEWPORT_PADDING as i } from "./ContextMenu.const.js";
+const h = (t) => "type" in t && t.type === "divider", w = (t, r) => {
+  const n = r.getBoundingClientRect();
+  let e = t.x, o = t.y;
+  return n.right > window.innerWidth - i && (e = window.innerWidth - n.width - i), n.bottom > window.innerHeight - i && (o = window.innerHeight - n.height - i), {
+    x: Math.max(i, e),
+    y: Math.max(i, o)
+  };
+};
 export {
-  e as isDivider
+  w as clampMenuPosition,
+  h as isDivider
 };

package/dist/components/ContextMenu/components/ContextMenuMenuList/ContextMenuMenuList.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),o=require("react"),T=require("react-dom"),f=require("../../../../utils/cn.cjs"),n=require("../../ContextMenu.const.cjs"),E=require("../../ContextMenu.utils.cjs"),C=x=>{const{items:u,position:r,onClose:l}=x,[_,a]=o.useState(null),[M,h]=o.useState({x:0,y:0}),[c,d]=o.useState(r),S=o.useRef(null);o.useLayoutEffect(()=>{d(r)},[r.x,r.y]),o.useLayoutEffect(()=>{const s=S.current;if(!s)return;const e=E.clampMenuPosition(c,s);(e.x!==c.x||e.y!==c.y)&&d(e)},[c.x,c.y,u]);const p=o.useCallback(s=>{var e;s.disabled||s.children||((e=s.onClick)==null||e.call(s),l())},[l]),A=o.useCallback((s,e)=>{if(s.children){const i=e.currentTarget.getBoundingClientRect();h({x:i.right+n.SUB_MENU_OFFSET,y:i.top}),a(s.id)}else a(null)},[]),m=t.jsx("div",{ref:S,[n.CONTEXT_MENU_DATA_ATTR]:!0,className:n.MENU_CLASSES,style:{left:c.x,top:c.y},role:"menu",onMouseDown:s=>s.stopPropagation(),onContextMenu:s=>s.preventDefault(),children:u.map(s=>{if(E.isDivider(s))return t.jsx("div",{className:n.DIVIDER_CLASSES,role:"separator"},s.id);const e=s;return t.jsxs("div",{children:[t.jsxs("div",{className:f.cn(n.ITEM_CLASSES,e.disabled&&n.ITEM_DISABLED_CLASSES,e.danger&&n.ITEM_DANGER_CLASSES),onClick:()=>p(e),onMouseEnter:i=>A(e,i),role:"menuitem","aria-disabled":e.disabled,children:[t.jsxs("span",{className:n.ITEM_ROW_CLASSES,children:[e.icon&&t.jsx("span",{className:n.ICON_CLASSES,children:e.icon}),e.label]}),t.jsxs("span",{className:n.ITEM_ROW_CLASSES,children:[e.shortcut&&t.jsx("span",{className:n.SHORTCUT_CLASSES,children:e.shortcut}),e.children&&t.jsx("span",{className:n.SUB_INDICATOR_CLASSES,children:"▸"})]})]}),e.children&&_===e.id&&t.jsx(C,{items:e.children,position:M,onClose:l})]},e.id)})});return T.createPortal(m,document.body)};exports.ContextMenuMenuList=C;

package/dist/components/ContextMenu/components/ContextMenuMenuList/ContextMenuMenuList.d.ts

@@ -0,0 +1,11 @@
+import { ContextMenuEntry } from '../../ContextMenu.types';
+type ContextMenuMenuListProps = {
+    items: ContextMenuEntry[];
+    position: {
+        x: number;
+        y: number;
+    };
+    onClose: () => void;
+};
+export declare const ContextMenuMenuList: (props: ContextMenuMenuListProps) => import('react').ReactPortal;
+export {};

package/dist/components/ContextMenu/components/ContextMenuMenuList/ContextMenuMenuList.js

@@ -0,0 +1,69 @@
+import { jsx as o, jsxs as i } from "react/jsx-runtime";
+import { useState as c, useRef as T, useLayoutEffect as m, useCallback as p } from "react";
+import { createPortal as x } from "react-dom";
+import { cn as L } from "../../../../utils/cn.js";
+import { SUB_MENU_OFFSET as b, MENU_CLASSES as I, DIVIDER_CLASSES as D, ITEM_ROW_CLASSES as E, ICON_CLASSES as R, SHORTCUT_CLASSES as y, SUB_INDICATOR_CLASSES as O, ITEM_DANGER_CLASSES as P, ITEM_DISABLED_CLASSES as g, ITEM_CLASSES as v, CONTEXT_MENU_DATA_ATTR as U } from "../../ContextMenu.const.js";
+import { clampMenuPosition as j, isDivider as k } from "../../ContextMenu.utils.js";
+const B = (C) => {
+  const { items: a, position: t, onClose: l } = C, [f, d] = c(null), [h, _] = c({ x: 0, y: 0 }), [s, u] = c(t), S = T(null);
+  m(() => {
+    u(t);
+  }, [t.x, t.y]), m(() => {
+    const n = S.current;
+    if (!n) return;
+    const e = j(s, n);
+    (e.x !== s.x || e.y !== s.y) && u(e);
+  }, [s.x, s.y, a]);
+  const A = p((n) => {
+    var e;
+    n.disabled || n.children || ((e = n.onClick) == null || e.call(n), l());
+  }, [l]), N = p((n, e) => {
+    if (n.children) {
+      const r = e.currentTarget.getBoundingClientRect();
+      _({ x: r.right + b, y: r.top }), d(n.id);
+    } else
+      d(null);
+  }, []), M = /* @__PURE__ */ o(
+    "div",
+    {
+      ref: S,
+      [U]: !0,
+      className: I,
+      style: { left: s.x, top: s.y },
+      role: "menu",
+      onMouseDown: (n) => n.stopPropagation(),
+      onContextMenu: (n) => n.preventDefault(),
+      children: a.map((n) => {
+        if (k(n)) return /* @__PURE__ */ o("div", { className: D, role: "separator" }, n.id);
+        const e = n;
+        return /* @__PURE__ */ i("div", { children: [
+          /* @__PURE__ */ i(
+            "div",
+            {
+              className: L(v, e.disabled && g, e.danger && P),
+              onClick: () => A(e),
+              onMouseEnter: (r) => N(e, r),
+              role: "menuitem",
+              "aria-disabled": e.disabled,
+              children: [
+                /* @__PURE__ */ i("span", { className: E, children: [
+                  e.icon && /* @__PURE__ */ o("span", { className: R, children: e.icon }),
+                  e.label
+                ] }),
+                /* @__PURE__ */ i("span", { className: E, children: [
+                  e.shortcut && /* @__PURE__ */ o("span", { className: y, children: e.shortcut }),
+                  e.children && /* @__PURE__ */ o("span", { className: O, children: "▸" })
+                ] })
+              ]
+            }
+          ),
+          e.children && f === e.id && /* @__PURE__ */ o(B, { items: e.children, position: h, onClose: l })
+        ] }, e.id);
+      })
+    }
+  );
+  return x(M, document.body);
+};
+export {
+  B as ContextMenuMenuList
+};

package/dist/components/ContextMenu/components/ContextMenuMenuList/index.d.ts

@@ -0,0 +1 @@
+export { ContextMenuMenuList } from './ContextMenuMenuList';

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

@@ -0,0 +1 @@
+export declare const C_O_P_Y_B_U_T_T_O_N_ROOT_CLASS = "Bear-CopyButton";

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

@@ -1,5 +1,7 @@
 import { ReactNode } from 'react';
 export interface CopyButtonProps {
+    testId?: string;
+    id?: string;
     value: string;
     children?: ReactNode;
     onCopy?: (value: string) => void;

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

@@ -3,6 +3,7 @@ import { TypographyProps } from '../Typography/Typography.types';
 export type CountdownTimerVariant = 'default' | 'card' | 'minimal' | 'flip' | 'digital';
 export type CountdownTimerSize = 'sm' | 'md' | 'lg' | 'xl';
 export interface CountdownTimerProps {
+    id?: string;
     /** Target date/time to count down to */
     targetDate?: Date | string | number;
     /** Duration in seconds (alternative to targetDate) */