@forgedevstack/bear 1.2.3 → 1.2.5

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

@@ -1,28 +1,19 @@
 import { InputHTMLAttributes, ReactNode } from 'react';
 import { BearSize, BearVariant } from '../../types';
+export type CheckboxIndicator = 'check' | 'x' | 'minus';
 export interface CheckboxProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size'> {
-    /** Checkbox label */
+    id?: string;
     label?: ReactNode;
-    /** Size of the checkbox */
     size?: BearSize;
-    /** Color variant */
     variant?: BearVariant;
-    /** Custom color override */
     color?: string;
-    /** Whether checkbox is checked */
     checked?: boolean;
-    /** Default checked state for uncontrolled mode */
     defaultChecked?: boolean;
-    /** Whether checkbox is in indeterminate state */
     indeterminate?: boolean;
-    /** Whether checkbox is disabled */
+    indicator?: CheckboxIndicator;
     disabled?: boolean;
-    /** Error state */
     error?: boolean;
-    /** Helper text shown below */
     helperText?: string;
-    /** Callback when checkbox changes */
     onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
-    /** Test ID */
     testId?: string;
 }

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("../Checkbox.const.cjs"),C=s=>{const{size:n,indicator:o,indeterminate:r=!1}=s,t={fill:"none",stroke:i.CHECKBOX_INDICATOR_STROKE.color,strokeWidth:i.CHECKBOX_INDICATOR_STROKE.width,strokeLinecap:i.CHECKBOX_INDICATOR_STROKE.linecap,strokeLinejoin:i.CHECKBOX_INDICATOR_STROKE.linejoin};return r||o==="minus"?e.jsx("svg",{width:n,height:n,viewBox:i.CHECKBOX_INDICATOR_VIEWBOX,...t,children:e.jsx("line",{x1:"5",y1:"12",x2:"19",y2:"12"})}):o==="x"?e.jsxs("svg",{width:n,height:n,viewBox:i.CHECKBOX_INDICATOR_VIEWBOX,...t,children:[e.jsx("line",{x1:"18",y1:"6",x2:"6",y2:"18"}),e.jsx("line",{x1:"6",y1:"6",x2:"18",y2:"18"})]}):e.jsx("svg",{width:n,height:n,viewBox:i.CHECKBOX_INDICATOR_VIEWBOX,...t,children:e.jsx("polyline",{points:"20 6 9 17 4 12"})})};exports.CheckboxIndicatorIcon=C;

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

@@ -0,0 +1,2 @@
+import { CheckboxIndicatorIconProps } from './CheckboxIndicatorIcon.types';
+export declare const CheckboxIndicatorIcon: (props: CheckboxIndicatorIconProps) => import("react/jsx-runtime").JSX.Element;

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

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

package/dist/components/ColorSwatch/ColorSwatch.js

@@ -12,7 +12,7 @@ const N = ({
   onClick: n,
   className: A,
   testId: S,
-  ...E
+  ...f
 }) => {
   const i = u[r], o = G(a), m = Math.max(12, i * 0.4);
   return /* @__PURE__ */ C("div", { className: "bear-inline-flex bear-flex-col bear-items-center", children: [
@@ -32,7 +32,7 @@ const N = ({
         "aria-selected": t,
         "aria-label": l ?? a,
         "data-testid": S,
-        ...E,
+        ...f,
         children: t && /* @__PURE__ */ s("svg", { className: L(o ? x : T), width: m, height: m, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 3, strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ s("polyline", { points: "20 6 9 17 4 12" }) })
       }
     ),
@@ -47,18 +47,18 @@ const N = ({
   rounded: n = !0,
   gap: A = W,
   columns: S,
-  showLabel: E = !1,
+  showLabel: f = !1,
   className: i,
   testId: o,
   ...m
 }) => {
-  const f = _(() => t ? new Set(Array.isArray(t) ? t : [t]) : /* @__PURE__ */ new Set(), [t]), p = h((e) => {
+  const E = _(() => t ? new Set(Array.isArray(t) ? t : [t]) : /* @__PURE__ */ new Set(), [t]), p = h((e) => {
     if (d) {
-      const c = new Set(f);
+      const c = new Set(E);
       c.has(e) ? c.delete(e) : c.add(e), r == null || r(Array.from(c));
     } else
       r == null || r(e);
-  }, [d, f, r]);
+  }, [d, E, r]);
   return /* @__PURE__ */ s(
     "div",
     {
@@ -75,10 +75,10 @@ const N = ({
         N,
         {
           color: e,
-          selected: f.has(e),
+          selected: E.has(e),
           size: l,
           rounded: n,
-          label: E ? e : void 0,
+          label: f ? e : void 0,
           onClick: () => p(e)
         },
         e

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),r=require("react"),Q=require("react-dom"),L=require("../../utils/cn.cjs"),y=require("./CommandPalette.const.cjs"),E=require("./CommandPalette.utils.cjs"),z=({command:s,isHighlighted:g,onSelect:m})=>t.jsxs("button",{type:"button",onClick:m,disabled:s.disabled,className:L.cn("Bear-CommandPalette__item bear-w-full bear-flex bear-items-center bear-gap-3 bear-px-4 bear-py-2.5 bear-text-left bear-transition-colors",g?"bear-bg-primary-500/20 bear-text-primary-400":"bear-text-zinc-300 hover:bear-bg-zinc-700",s.disabled&&"bear-opacity-50 bear-cursor-not-allowed"),children:[s.icon&&t.jsx("span",{className:"Bear-CommandPalette__item-icon bear-text-zinc-400 bear-shrink-0",children:s.icon}),t.jsxs("div",{className:"Bear-CommandPalette__item-content bear-flex-1 bear-min-w-0",children:[t.jsx("div",{className:"Bear-CommandPalette__item-label bear-text-sm bear-font-medium bear-truncate",children:s.label}),s.description&&t.jsx("div",{className:"Bear-CommandPalette__item-description bear-text-xs bear-text-zinc-500 bear-truncate",children:s.description})]}),s.shortcut&&t.jsx("div",{className:"Bear-CommandPalette__item-shortcut bear-flex bear-gap-1 bear-shrink-0",children:E.formatShortcut(s.shortcut).map((k,p)=>t.jsx("kbd",{className:"bear-px-1.5 bear-py-0.5 bear-text-xs bear-font-mono bear-bg-zinc-700 bear-rounded bear-text-zinc-400",children:k},p))})]}),V=({commands:s,open:g,onOpenChange:m,placeholder:k,showRecent:p=!0,maxRecent:h=y.COMMAND_PALETTE_MAX_RECENT,recentIds:q,onRecentChange:_,groupByCategory:N=!1,filterFn:B=E.defaultFilterFn,triggerKey:D=y.COMMAND_PALETTE_TRIGGER_KEY,className:O,testId:R,translations:I,icon:K,footer:M})=>{const[H,F]=r.useState(!1),[i,A]=r.useState(""),[n,v]=r.useState(0),[G,U]=r.useState([]),S=r.useRef(null),P=r.useRef(null),u=g??H,l=r.useCallback(e=>{m==null||m(e),F(e)},[m]),d=q??G,T=r.useCallback(e=>{_==null||_(e),U(e)},[_]),j=r.useMemo(()=>({...y.COMMAND_PALETTE_DEFAULT_TRANSLATIONS,...I}),[I]),x=r.useMemo(()=>i.trim()?s.filter(e=>B(e,i)):s,[s,i,B]),c=r.useMemo(()=>!p||i.trim()?[]:d.slice(0,h).map(e=>s.find(a=>a.id===e)).filter(Boolean),[p,i,d,h,s]),C=r.useMemo(()=>N?E.groupCommandsByCategory(x):null,[x,N]),o=r.useMemo(()=>{const e=[];return c.length>0&&e.push(...c),e.push(...x.filter(a=>!d.includes(a.id))),e},[c,x,d]);r.useEffect(()=>{const e=a=>{(a.metaKey||a.ctrlKey)&&a.key.toLowerCase()===D&&(a.preventDefault(),l(!u)),a.key==="Escape"&&u&&(a.preventDefault(),l(!1))};return document.addEventListener("keydown",e),()=>document.removeEventListener("keydown",e)},[u,D,l]),r.useEffect(()=>{u&&(A(""),v(0),setTimeout(()=>{var e;return(e=S.current)==null?void 0:e.focus()},50))},[u]),r.useEffect(()=>{if(n>=0&&P.current){const a=P.current.querySelectorAll("[data-command-item]")[n];a&&a.scrollIntoView({block:"nearest"})}},[n]);const f=r.useCallback(e=>{const a=[e.id,...d.filter(b=>b!==e.id)].slice(0,h);T(a),l(!1),e.onSelect()},[d,h,T,l]),X=r.useCallback(e=>{switch(e.key){case"ArrowDown":e.preventDefault(),v(a=>a<o.length-1?a+1:0);break;case"ArrowUp":e.preventDefault(),v(a=>a>0?a-1:o.length-1);break;case"Enter":e.preventDefault(),o[n]&&!o[n].disabled&&f(o[n]);break;case"Escape":e.preventDefault(),l(!1);break}},[o,n,f,l]);return u&&typeof document<"u"?Q.createPortal(t.jsxs("div",{className:L.cn("Bear-CommandPalette bear-fixed bear-inset-0 bear-flex bear-items-start bear-justify-center bear-pt-[15vh]",O),style:{zIndex:y.COMMAND_PALETTE_Z_INDEX},"data-testid":R,children:[t.jsx("div",{className:"Bear-CommandPalette__backdrop bear-absolute bear-inset-0 bear-bg-black/50 bear-backdrop-blur-sm",onClick:()=>l(!1)}),t.jsxs("div",{className:"Bear-CommandPalette__content bear-relative bear-w-full bear-max-w-xl bear-bg-zinc-800 bear-border bear-border-zinc-700 bear-rounded-xl bear-shadow-2xl bear-overflow-hidden",children:[t.jsxs("div",{className:"Bear-CommandPalette__search bear-flex bear-items-center bear-gap-3 bear-px-4 bear-py-3 bear-border-b bear-border-zinc-700",children:[K??t.jsx("svg",{className:"bear-w-5 bear-h-5 bear-text-zinc-400 bear-shrink-0",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:t.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"})}),t.jsx("input",{ref:S,type:"text",value:i,onChange:e=>{A(e.target.value),v(0)},onKeyDown:X,placeholder:k||j.placeholder,className:"Bear-CommandPalette__input bear-flex-1 bear-bg-transparent bear-border-0 bear-outline-none bear-text-white placeholder:bear-text-zinc-500"}),t.jsx("kbd",{className:"bear-px-2 bear-py-1 bear-text-xs bear-font-mono bear-bg-zinc-700 bear-rounded bear-text-zinc-400",children:"esc"})]}),t.jsx("div",{ref:P,className:"Bear-CommandPalette__list bear-max-h-[60vh] bear-overflow-y-auto",children:o.length===0?t.jsx("div",{className:"Bear-CommandPalette__empty bear-px-4 bear-py-8 bear-text-center bear-text-sm bear-text-zinc-500",children:j.noResults}):t.jsxs(t.Fragment,{children:[c.length>0&&!i.trim()&&t.jsxs("div",{className:"Bear-CommandPalette__group",children:[t.jsx("div",{className:"Bear-CommandPalette__group-header bear-px-4 bear-py-2 bear-text-xs bear-font-medium bear-text-zinc-500 bear-uppercase bear-tracking-wider bear-bg-zinc-800/50",children:j.recentCommands}),c.map((e,a)=>t.jsx("div",{"data-command-item":!0,children:t.jsx(z,{command:e,isHighlighted:n===a,onSelect:()=>f(e)})},`recent-${e.id}`))]}),N&&C?C.map(e=>{const a=c.length+C.slice(0,C.indexOf(e)).reduce((b,w)=>b+w.commands.length,0);return t.jsxs("div",{className:"Bear-CommandPalette__group",children:[t.jsx("div",{className:"Bear-CommandPalette__group-header bear-px-4 bear-py-2 bear-text-xs bear-font-medium bear-text-zinc-500 bear-uppercase bear-tracking-wider bear-bg-zinc-800/50",children:e.name}),e.commands.map((b,w)=>t.jsx("div",{"data-command-item":!0,children:t.jsx(z,{command:b,isHighlighted:n===a+w,onSelect:()=>f(b)})},b.id))]},e.name)}):t.jsxs("div",{className:"Bear-CommandPalette__group",children:[!i.trim()&&c.length>0&&t.jsx("div",{className:"Bear-CommandPalette__group-header bear-px-4 bear-py-2 bear-text-xs bear-font-medium bear-text-zinc-500 bear-uppercase bear-tracking-wider bear-bg-zinc-800/50",children:j.allCommands}),x.filter(e=>!d.includes(e.id)||i.trim()).map((e,a)=>t.jsx("div",{"data-command-item":!0,children:t.jsx(z,{command:e,isHighlighted:n===c.length+a,onSelect:()=>f(e)})},e.id))]})]})}),M&&t.jsx("div",{className:"Bear-CommandPalette__footer bear-px-4 bear-py-2 bear-border-t bear-border-zinc-700 bear-text-xs bear-text-zinc-500",children:M})]})]}),document.body):null};exports.CommandPalette=V;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),t=require("react"),Q=require("react-dom"),L=require("../../utils/cn.cjs"),v=require("./CommandPalette.const.cjs"),E=require("./CommandPalette.utils.cjs"),z=({command:s,isHighlighted:j,onSelect:m})=>r.jsxs("button",{type:"button",onClick:m,disabled:s.disabled,className:L.cn("Bear-CommandPalette__item bear-w-full bear-flex bear-items-center bear-gap-3 bear-px-4 bear-py-2.5 bear-text-left bear-transition-colors",j?"bear-bg-primary-500/20 bear-text-primary-400":"bear-text-gray-700 dark:bear-text-zinc-300 hover:bear-bg-gray-100 dark:hover:bear-bg-zinc-700",s.disabled&&"bear-opacity-50 bear-cursor-not-allowed"),children:[s.icon&&r.jsx("span",{className:"Bear-CommandPalette__item-icon bear-text-gray-500 dark:bear-text-zinc-400 bear-shrink-0",children:s.icon}),r.jsxs("div",{className:"Bear-CommandPalette__item-content bear-flex-1 bear-min-w-0",children:[r.jsx("div",{className:"Bear-CommandPalette__item-label bear-text-sm bear-font-medium bear-truncate",children:s.label}),s.description&&r.jsx("div",{className:"Bear-CommandPalette__item-description bear-text-xs bear-text-gray-500 dark:bear-text-zinc-500 bear-truncate",children:s.description})]}),s.shortcut&&r.jsx("div",{className:"Bear-CommandPalette__item-shortcut bear-flex bear-gap-1 bear-shrink-0",children:E.formatShortcut(s.shortcut).map((C,f)=>r.jsx("kbd",{className:"bear-px-1.5 bear-py-0.5 bear-text-xs bear-font-mono bear-bg-gray-200 bear-text-gray-600 dark:bear-bg-zinc-700 dark:bear-text-zinc-400 bear-rounded",children:C},f))})]}),V=({commands:s,open:j,onOpenChange:m,placeholder:C,showRecent:f=!0,maxRecent:h=v.COMMAND_PALETTE_MAX_RECENT,recentIds:q,onRecentChange:g,groupByCategory:N=!1,filterFn:B=E.defaultFilterFn,triggerKey:D=v.COMMAND_PALETTE_TRIGGER_KEY,className:O,testId:R,translations:I,icon:K,footer:M})=>{const[H,F]=t.useState(!1),[l,A]=t.useState(""),[n,k]=t.useState(0),[G,U]=t.useState([]),S=t.useRef(null),P=t.useRef(null),u=j??H,i=t.useCallback(e=>{m==null||m(e),F(e)},[m]),b=q??G,T=t.useCallback(e=>{g==null||g(e),U(e)},[g]),y=t.useMemo(()=>({...v.COMMAND_PALETTE_DEFAULT_TRANSLATIONS,...I}),[I]),x=t.useMemo(()=>l.trim()?s.filter(e=>B(e,l)):s,[s,l,B]),d=t.useMemo(()=>!f||l.trim()?[]:b.slice(0,h).map(e=>s.find(a=>a.id===e)).filter(Boolean),[f,l,b,h,s]),_=t.useMemo(()=>N?E.groupCommandsByCategory(x):null,[x,N]),c=t.useMemo(()=>{const e=[];return d.length>0&&e.push(...d),e.push(...x.filter(a=>!b.includes(a.id))),e},[d,x,b]);t.useEffect(()=>{const e=a=>{(a.metaKey||a.ctrlKey)&&a.key.toLowerCase()===D&&(a.preventDefault(),i(!u)),a.key==="Escape"&&u&&(a.preventDefault(),i(!1))};return document.addEventListener("keydown",e),()=>document.removeEventListener("keydown",e)},[u,D,i]),t.useEffect(()=>{u&&(A(""),k(0),setTimeout(()=>{var e;return(e=S.current)==null?void 0:e.focus()},50))},[u]),t.useEffect(()=>{if(n>=0&&P.current){const a=P.current.querySelectorAll("[data-command-item]")[n];a&&a.scrollIntoView({block:"nearest"})}},[n]);const p=t.useCallback(e=>{const a=[e.id,...b.filter(o=>o!==e.id)].slice(0,h);T(a),i(!1),e.onSelect()},[b,h,T,i]),X=t.useCallback(e=>{switch(e.key){case"ArrowDown":e.preventDefault(),k(a=>a<c.length-1?a+1:0);break;case"ArrowUp":e.preventDefault(),k(a=>a>0?a-1:c.length-1);break;case"Enter":e.preventDefault(),c[n]&&!c[n].disabled&&p(c[n]);break;case"Escape":e.preventDefault(),i(!1);break}},[c,n,p,i]);return u&&typeof document<"u"?Q.createPortal(r.jsxs("div",{className:L.cn("Bear-CommandPalette bear-fixed bear-inset-0 bear-flex bear-items-start bear-justify-center bear-pt-[15vh]",O),style:{zIndex:v.COMMAND_PALETTE_Z_INDEX},"data-testid":R,children:[r.jsx("div",{className:"Bear-CommandPalette__backdrop bear-absolute bear-inset-0 bear-bg-black/50 bear-backdrop-blur-sm",onClick:()=>i(!1)}),r.jsxs("div",{className:"Bear-CommandPalette__content bear-relative bear-w-full bear-max-w-xl bear-bg-white dark:bear-bg-zinc-800 bear-border bear-border-gray-200 dark:bear-border-zinc-700 bear-rounded-xl bear-shadow-2xl bear-overflow-hidden",children:[r.jsxs("div",{className:"Bear-CommandPalette__search bear-flex bear-items-center bear-gap-3 bear-px-4 bear-py-3 bear-border-b bear-border-gray-200 dark:bear-border-zinc-700",children:[K??r.jsx("svg",{className:"bear-w-5 bear-h-5 bear-text-gray-500 dark:bear-text-zinc-400 bear-shrink-0",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:r.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"})}),r.jsx("input",{ref:S,type:"text",value:l,onChange:e=>{A(e.target.value),k(0)},onKeyDown:X,placeholder:C||y.placeholder,className:"Bear-CommandPalette__input bear-flex-1 bear-bg-transparent bear-border-0 bear-outline-none bear-text-gray-900 dark:bear-text-white placeholder:bear-text-gray-400 dark:placeholder:bear-text-zinc-500"}),r.jsx("kbd",{className:"bear-px-2 bear-py-1 bear-text-xs bear-font-mono bear-bg-gray-200 bear-text-gray-600 dark:bear-bg-zinc-700 dark:bear-text-zinc-400 bear-rounded",children:"esc"})]}),r.jsx("div",{ref:P,className:"Bear-CommandPalette__list bear-max-h-[60vh] bear-overflow-y-auto",children:c.length===0?r.jsx("div",{className:"Bear-CommandPalette__empty bear-px-4 bear-py-8 bear-text-center bear-text-sm bear-text-gray-500 dark:bear-text-zinc-500",children:y.noResults}):r.jsxs(r.Fragment,{children:[d.length>0&&!l.trim()&&r.jsxs("div",{className:"Bear-CommandPalette__group",children:[r.jsx("div",{className:"Bear-CommandPalette__group-header bear-px-4 bear-py-2 bear-text-xs bear-font-medium bear-text-gray-500 dark:bear-text-zinc-500 bear-uppercase bear-tracking-wider bear-bg-gray-50 dark:bear-bg-zinc-800/50",children:y.recentCommands}),d.map((e,a)=>r.jsx("div",{"data-command-item":!0,children:r.jsx(z,{command:e,isHighlighted:n===a,onSelect:()=>p(e)})},`recent-${e.id}`))]}),N&&_?_.map(e=>{const a=d.length+_.slice(0,_.indexOf(e)).reduce((o,w)=>o+w.commands.length,0);return r.jsxs("div",{className:"Bear-CommandPalette__group",children:[r.jsx("div",{className:"Bear-CommandPalette__group-header bear-px-4 bear-py-2 bear-text-xs bear-font-medium bear-text-gray-500 dark:bear-text-zinc-500 bear-uppercase bear-tracking-wider bear-bg-gray-50 dark:bear-bg-zinc-800/50",children:e.name}),e.commands.map((o,w)=>r.jsx("div",{"data-command-item":!0,children:r.jsx(z,{command:o,isHighlighted:n===a+w,onSelect:()=>p(o)})},o.id))]},e.name)}):r.jsxs("div",{className:"Bear-CommandPalette__group",children:[!l.trim()&&d.length>0&&r.jsx("div",{className:"Bear-CommandPalette__group-header bear-px-4 bear-py-2 bear-text-xs bear-font-medium bear-text-gray-500 dark:bear-text-zinc-500 bear-uppercase bear-tracking-wider bear-bg-gray-50 dark:bear-bg-zinc-800/50",children:y.allCommands}),x.filter(e=>!b.includes(e.id)||l.trim()).map((e,a)=>r.jsx("div",{"data-command-item":!0,children:r.jsx(z,{command:e,isHighlighted:n===d.length+a,onSelect:()=>p(e)})},e.id))]})]})}),M&&r.jsx("div",{className:"Bear-CommandPalette__footer bear-px-4 bear-py-2 bear-border-t bear-border-gray-200 dark:bear-border-zinc-700 bear-text-xs bear-text-gray-500 dark:bear-text-zinc-500",children:M})]})]}),document.body):null};exports.CommandPalette=V;