@forgedevstack/bear 1.1.3 → 1.1.8

package/dist/components/SliderRange/SliderRange.js

@@ -1,13 +1,14 @@
 import { jsx as g, jsxs as _ } from "react/jsx-runtime";
-import { useState as z, useRef as A, useCallback as L, useEffect as B } from "react";
-import { cn as i } from "../../utils/cn.js";
-const F = {
+import { useState as $, useRef as A, useCallback as S, useEffect as B } from "react";
+import { cn as l } from "../../utils/cn.js";
+import { stepValue as F } from "./SliderRange.utils.js";
+const H = {
   xs: { track: "bear-h-1", thumb: "bear-w-3 bear-h-3", height: "bear-h-6" },
   sm: { track: "bear-h-1.5", thumb: "bear-w-4 bear-h-4", height: "bear-h-8" },
   md: { track: "bear-h-2", thumb: "bear-w-5 bear-h-5", height: "bear-h-10" },
   lg: { track: "bear-h-2.5", thumb: "bear-w-6 bear-h-6", height: "bear-h-12" },
   xl: { track: "bear-h-3", thumb: "bear-w-7 bear-h-7", height: "bear-h-14" }
-}, H = {
+}, U = {
   primary: { track: "bear-bg-bear-500", thumb: "bear-bg-bear-500 bear-border-bear-600" },
   secondary: { track: "bear-bg-gray-500", thumb: "bear-bg-gray-500 bear-border-gray-600" },
   success: { track: "bear-bg-green-500", thumb: "bear-bg-green-500 bear-border-green-600" },
@@ -17,59 +18,56 @@ const F = {
   info: { track: "bear-bg-blue-500", thumb: "bear-bg-blue-500 bear-border-blue-600" },
   ghost: { track: "bear-bg-gray-400", thumb: "bear-bg-gray-400 bear-border-gray-500" },
   outline: { track: "bear-bg-gray-600", thumb: "bear-bg-white dark:bear-bg-gray-200 bear-border-gray-600 dark:bear-border-gray-400" }
-}, U = (s, v, e, r) => {
-  const o = Math.round(s / r) * r;
-  return Math.max(v, Math.min(e, o));
-}, K = ({
-  value: s,
-  defaultValue: v = [20, 80],
+}, Q = ({
+  value: n,
+  defaultValue: z = [20, 80],
   min: e = 0,
-  max: r = 100,
-  step: o = 1,
+  max: t = 100,
+  step: i = 1,
   size: j = "md",
   color: O = "primary",
-  disabled: b = !1,
-  onChange: u,
+  disabled: a = !1,
+  onChange: s,
   onChangeCommitted: h,
-  valueFormatter: Z = (f) => String(f),
+  valueFormatter: Z = (v) => String(v),
   className: P,
   ...V
 }) => {
-  const [f, E] = z(v), [t, R] = z(null), w = A(null), y = s ?? f, [c, l] = y, k = (c - e) / (r - e) * 100, N = (l - e) / (r - e) * 100, m = F[j], p = H[O], x = L(
-    (a, d) => {
-      if (!w.current || b) return;
-      const I = w.current.getBoundingClientRect(), X = Math.max(0, Math.min(1, (a - I.left) / I.width)), Y = e + X * (r - e), T = U(Y, e, r, o);
+  const [v, L] = $(z), [b, E] = $(null), f = A(null), w = n ?? v, [u, o] = w, y = (u - e) / (t - e) * 100, R = (o - e) / (t - e) * 100, m = H[j], k = U[O], p = S(
+    (r, d) => {
+      if (!f.current || a) return;
+      const D = f.current.getBoundingClientRect(), X = Math.max(0, Math.min(1, (r - D.left) / D.width)), Y = e + X * (t - e), I = F(Y, e, t, i);
       if (d === "min") {
-        const n = [Math.min(T, l - o), l];
-        s === void 0 && E(n), u == null || u(n);
+        const c = [Math.min(I, o - i), o];
+        n === void 0 && L(c), s == null || s(c);
       } else {
-        const $ = Math.max(T, c + o), n = [c, $];
-        s === void 0 && E(n), u == null || u(n);
+        const T = Math.max(I, u + i), c = [u, T];
+        n === void 0 && L(c), s == null || s(c);
       }
     },
-    [e, r, o, c, l, b, s, u]
-  ), D = (a, d) => {
-    b || (a.preventDefault(), R(d), x(a.clientX, d));
-  }, M = L(
-    (a) => {
-      t && x(a.clientX, t);
+    [e, t, i, u, o, a, n, s]
+  ), N = (r, d) => {
+    a || (r.preventDefault(), E(d), p(r.clientX, d));
+  }, x = S(
+    (r) => {
+      b && p(r.clientX, b);
     },
-    [t, x]
-  ), S = L(() => {
-    t && (R(null), h == null || h(y));
-  }, [t, y, h]);
+    [b, p]
+  ), M = S(() => {
+    b && (E(null), h == null || h(w));
+  }, [b, w, h]);
   return B(() => {
-    if (t)
-      return document.addEventListener("mousemove", M), document.addEventListener("mouseup", S), () => {
-        document.removeEventListener("mousemove", M), document.removeEventListener("mouseup", S);
+    if (b)
+      return document.addEventListener("mousemove", x), document.addEventListener("mouseup", M), () => {
+        document.removeEventListener("mousemove", x), document.removeEventListener("mouseup", M);
       };
-  }, [t, M, S]), /* @__PURE__ */ g(
+  }, [b, x, M]), /* @__PURE__ */ g(
     "div",
     {
-      className: i(
+      className: l(
         "bear-relative bear-w-full bear-flex bear-items-center",
         m.height,
-        b && "bear-opacity-50 bear-cursor-not-allowed",
+        a && "bear-opacity-50 bear-cursor-not-allowed",
         P
       ),
       "data-testid": "slider-range",
@@ -77,58 +75,58 @@ const F = {
       children: /* @__PURE__ */ _(
         "div",
         {
-          ref: w,
-          className: i(
+          ref: f,
+          className: l(
             "bear-relative bear-w-full bear-rounded-full bear-bg-gray-200 dark:bear-bg-gray-700",
             m.track,
-            !b && "bear-cursor-pointer"
+            !a && "bear-cursor-pointer"
           ),
           children: [
             /* @__PURE__ */ g(
               "div",
               {
-                className: i("bear-absolute bear-inset-y-0 bear-left-0 bear-rounded-full", p.track),
-                style: { left: `${k}%`, width: `${N - k}%` }
+                className: l("bear-absolute bear-inset-y-0 bear-left-0 bear-rounded-full", k.track),
+                style: { left: `${y}%`, width: `${R - y}%` }
               }
             ),
             /* @__PURE__ */ g(
               "div",
               {
                 role: "slider",
-                tabIndex: b ? -1 : 0,
+                tabIndex: a ? -1 : 0,
                 "aria-valuemin": e,
-                "aria-valuemax": r,
-                "aria-valuenow": c,
+                "aria-valuemax": t,
+                "aria-valuenow": u,
                 "aria-label": "Range minimum",
-                className: i(
+                className: l(
                   "bear-absolute bear-top-1/2 bear--translate-y-1/2 bear--translate-x-1/2 bear-rounded-full bear-border-2 bear-shadow-md",
                   m.thumb,
-                  p.thumb,
-                  !b && "bear-cursor-grab active:bear-cursor-grabbing hover:bear-scale-110",
-                  t === "min" && "bear-scale-125 bear-z-10"
+                  k.thumb,
+                  !a && "bear-cursor-grab active:bear-cursor-grabbing hover:bear-scale-110",
+                  b === "min" && "bear-scale-125 bear-z-10"
                 ),
-                style: { left: `${k}%` },
-                onMouseDown: (a) => D(a, "min")
+                style: { left: `${y}%` },
+                onMouseDown: (r) => N(r, "min")
               }
             ),
             /* @__PURE__ */ g(
               "div",
               {
                 role: "slider",
-                tabIndex: b ? -1 : 0,
+                tabIndex: a ? -1 : 0,
                 "aria-valuemin": e,
-                "aria-valuemax": r,
-                "aria-valuenow": l,
+                "aria-valuemax": t,
+                "aria-valuenow": o,
                 "aria-label": "Range maximum",
-                className: i(
+                className: l(
                   "bear-absolute bear-top-1/2 bear--translate-y-1/2 bear--translate-x-1/2 bear-rounded-full bear-border-2 bear-shadow-md",
                   m.thumb,
-                  p.thumb,
-                  !b && "bear-cursor-grab active:bear-cursor-grabbing hover:bear-scale-110",
-                  t === "max" && "bear-scale-125 bear-z-10"
+                  k.thumb,
+                  !a && "bear-cursor-grab active:bear-cursor-grabbing hover:bear-scale-110",
+                  b === "max" && "bear-scale-125 bear-z-10"
                 ),
-                style: { left: `${N}%` },
-                onMouseDown: (a) => D(a, "max")
+                style: { left: `${R}%` },
+                onMouseDown: (r) => N(r, "max")
               }
             )
           ]
@@ -138,5 +136,5 @@ const F = {
   );
 };
 export {
-  K as SliderRange
+  Q as SliderRange
 };

package/dist/components/SliderRange/SliderRange.utils.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=(e,a,n,t)=>{const o=Math.round(e/t)*t;return Math.max(a,Math.min(n,o))};exports.stepValue=r;

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

@@ -0,0 +1 @@
+export declare const stepValue: (raw: number, min: number, max: number, step: number) => number;

package/dist/components/SliderRange/SliderRange.utils.js

@@ -0,0 +1,7 @@
+const e = (a, n, o, t) => {
+  const r = Math.round(a / t) * t;
+  return Math.max(n, Math.min(o, r));
+};
+export {
+  e as stepValue
+};

package/dist/components/SplitButton/SplitButton.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),i=require("react"),t=require("../../utils/cn.cjs"),n=require("./SplitButton.const.cjs"),j=u=>{const{label:b,icon:m,options:C,variant:N="primary",size:c="md",disabled:f=!1,loading:d=!1,onClick:A,dropdownAlign:E="left",className:_,testId:h,...L}=u,[r,l]=i.useState(!1),o=i.useRef(null);i.useEffect(()=>{const e=R=>{o.current&&!o.current.contains(R.target)&&l(!1)};return document.addEventListener("mousedown",e),()=>document.removeEventListener("mousedown",e)},[]);const O=i.useCallback(e=>{e.disabled||(e.onClick(),l(!1))},[]),S=n.VARIANT_CLASSES[N],p=n.SIZE_CLASSES[c],x=n.ARROW_SIZE_CLASSES[c],a=f||d;return s.jsxs("div",{ref:o,className:t.cn(n.ROOT_CLASSES,_),"data-testid":h,children:[s.jsxs("button",{type:"button",className:t.cn(n.MAIN_BTN_CLASSES,S,p,a&&"bear-opacity-50 bear-cursor-not-allowed"),onClick:A,disabled:a,...L,children:[d?s.jsx("span",{className:n.SPINNER_CLASSES}):m,b]}),s.jsx("button",{type:"button",className:t.cn(n.ARROW_BTN_CLASSES,S,x,a&&"bear-opacity-50 bear-cursor-not-allowed"),onClick:()=>!a&&l(!r),disabled:a,"aria-label":"More options","aria-expanded":r,children:s.jsx("svg",{className:t.cn("bear-w-4 bear-h-4 bear-transition-transform",r&&"bear-rotate-180"),fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:s.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M19 9l-7 7-7-7"})})}),r&&s.jsx("div",{className:t.cn(n.DROPDOWN_CLASSES,E==="right"?"bear-right-0":"bear-left-0","bear-top-full"),children:C.map(e=>s.jsxs("div",{className:t.cn(n.OPTION_CLASSES,e.danger&&n.OPTION_DANGER_CLASSES,e.disabled&&n.OPTION_DISABLED_CLASSES),onClick:()=>O(e),role:"menuitem",children:[e.icon&&s.jsx("span",{className:"bear-w-4 bear-h-4 bear-flex-shrink-0",children:e.icon}),e.label]},e.id))})]})};exports.SplitButton=j;

package/dist/components/SplitButton/SplitButton.const.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r={primary:"bear-bg-pink-500 bear-text-white hover:bear-bg-pink-600",secondary:"bear-bg-gray-600 bear-text-white hover:bear-bg-gray-700",outline:"bear-bg-white dark:bear-bg-zinc-800 bear-border bear-border-gray-300 dark:bear-border-zinc-600 bear-text-gray-700 dark:bear-text-zinc-300 hover:bear-bg-gray-50 dark:hover:bear-bg-zinc-700",danger:"bear-bg-red-500 bear-text-white hover:bear-bg-red-600"},e={sm:"bear-text-sm bear-py-1.5 bear-px-3",md:"bear-text-sm bear-py-2 bear-px-4",lg:"bear-text-base bear-py-2.5 bear-px-5"},a={sm:"bear-py-1.5 bear-px-2",md:"bear-py-2 bear-px-2.5",lg:"bear-py-2.5 bear-px-3"},b="Bear-SplitButton bear-relative bear-inline-flex",t="bear-font-medium bear-transition-colors bear-rounded-l-lg bear-flex bear-items-center bear-gap-1.5",S="bear-rounded-r-lg bear-border-l bear-border-white/20 bear-transition-colors bear-flex bear-items-center bear-justify-center",o="bear-absolute bear-z-[9999] bear-mt-1 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-[160px] bear-animate-in",n="bear-flex bear-items-center bear-gap-2 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",d="bear-text-red-600 dark:bear-text-red-400 hover:bear-bg-red-50 dark:hover:bear-bg-red-900/20",i="bear-opacity-40 bear-cursor-not-allowed",A="bear-w-4 bear-h-4 bear-border-2 bear-border-current/30 bear-border-t-current bear-rounded-full bear-animate-spin";exports.ARROW_BTN_CLASSES=S;exports.ARROW_SIZE_CLASSES=a;exports.DROPDOWN_CLASSES=o;exports.MAIN_BTN_CLASSES=t;exports.OPTION_CLASSES=n;exports.OPTION_DANGER_CLASSES=d;exports.OPTION_DISABLED_CLASSES=i;exports.ROOT_CLASSES=b;exports.SIZE_CLASSES=e;exports.SPINNER_CLASSES=A;exports.VARIANT_CLASSES=r;

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

@@ -0,0 +1,25 @@
+export declare const VARIANT_CLASSES: {
+    readonly primary: "bear-bg-pink-500 bear-text-white hover:bear-bg-pink-600";
+    readonly secondary: "bear-bg-gray-600 bear-text-white hover:bear-bg-gray-700";
+    readonly outline: "bear-bg-white dark:bear-bg-zinc-800 bear-border bear-border-gray-300 dark:bear-border-zinc-600 bear-text-gray-700 dark:bear-text-zinc-300 hover:bear-bg-gray-50 dark:hover:bear-bg-zinc-700";
+    readonly danger: "bear-bg-red-500 bear-text-white hover:bear-bg-red-600";
+};
+export declare const SIZE_CLASSES: {
+    readonly sm: "bear-text-sm bear-py-1.5 bear-px-3";
+    readonly md: "bear-text-sm bear-py-2 bear-px-4";
+    readonly lg: "bear-text-base bear-py-2.5 bear-px-5";
+};
+export declare const ARROW_SIZE_CLASSES: {
+    readonly sm: "bear-py-1.5 bear-px-2";
+    readonly md: "bear-py-2 bear-px-2.5";
+    readonly lg: "bear-py-2.5 bear-px-3";
+};
+export declare const ROOT_CLASSES = "Bear-SplitButton bear-relative bear-inline-flex";
+export declare const MAIN_BTN_CLASSES = "bear-font-medium bear-transition-colors bear-rounded-l-lg bear-flex bear-items-center bear-gap-1.5";
+export declare const ARROW_BTN_CLASSES = "bear-rounded-r-lg bear-border-l bear-border-white/20 bear-transition-colors bear-flex bear-items-center bear-justify-center";
+export declare const DROPDOWN_CLASSES = "bear-absolute bear-z-[9999] bear-mt-1 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-[160px] bear-animate-in";
+export declare const OPTION_CLASSES = "bear-flex bear-items-center bear-gap-2 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 OPTION_DANGER_CLASSES = "bear-text-red-600 dark:bear-text-red-400 hover:bear-bg-red-50 dark:hover:bear-bg-red-900/20";
+export declare const OPTION_DISABLED_CLASSES = "bear-opacity-40 bear-cursor-not-allowed";
+export declare const DIVIDER_CLASSES = "bear-border-l bear-border-white/30";
+export declare const SPINNER_CLASSES = "bear-w-4 bear-h-4 bear-border-2 bear-border-current/30 bear-border-t-current bear-rounded-full bear-animate-spin";

package/dist/components/SplitButton/SplitButton.const.js

@@ -0,0 +1,27 @@
+const r = {
+  primary: "bear-bg-pink-500 bear-text-white hover:bear-bg-pink-600",
+  secondary: "bear-bg-gray-600 bear-text-white hover:bear-bg-gray-700",
+  outline: "bear-bg-white dark:bear-bg-zinc-800 bear-border bear-border-gray-300 dark:bear-border-zinc-600 bear-text-gray-700 dark:bear-text-zinc-300 hover:bear-bg-gray-50 dark:hover:bear-bg-zinc-700",
+  danger: "bear-bg-red-500 bear-text-white hover:bear-bg-red-600"
+}, e = {
+  sm: "bear-text-sm bear-py-1.5 bear-px-3",
+  md: "bear-text-sm bear-py-2 bear-px-4",
+  lg: "bear-text-base bear-py-2.5 bear-px-5"
+}, a = {
+  sm: "bear-py-1.5 bear-px-2",
+  md: "bear-py-2 bear-px-2.5",
+  lg: "bear-py-2.5 bear-px-3"
+}, b = "Bear-SplitButton bear-relative bear-inline-flex", t = "bear-font-medium bear-transition-colors bear-rounded-l-lg bear-flex bear-items-center bear-gap-1.5", o = "bear-rounded-r-lg bear-border-l bear-border-white/20 bear-transition-colors bear-flex bear-items-center bear-justify-center", n = "bear-absolute bear-z-[9999] bear-mt-1 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-[160px] bear-animate-in", d = "bear-flex bear-items-center bear-gap-2 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", i = "bear-text-red-600 dark:bear-text-red-400 hover:bear-bg-red-50 dark:hover:bear-bg-red-900/20", S = "bear-opacity-40 bear-cursor-not-allowed", s = "bear-w-4 bear-h-4 bear-border-2 bear-border-current/30 bear-border-t-current bear-rounded-full bear-animate-spin";
+export {
+  o as ARROW_BTN_CLASSES,
+  a as ARROW_SIZE_CLASSES,
+  n as DROPDOWN_CLASSES,
+  t as MAIN_BTN_CLASSES,
+  d as OPTION_CLASSES,
+  i as OPTION_DANGER_CLASSES,
+  S as OPTION_DISABLED_CLASSES,
+  b as ROOT_CLASSES,
+  e as SIZE_CLASSES,
+  s as SPINNER_CLASSES,
+  r as VARIANT_CLASSES
+};

package/dist/components/SplitButton/SplitButton.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { SplitButtonProps } from './SplitButton.types';
+export declare const SplitButton: FC<SplitButtonProps>;
+export default SplitButton;

package/dist/components/SplitButton/SplitButton.js

@@ -0,0 +1,73 @@
+import { jsxs as o, jsx as a } from "react/jsx-runtime";
+import { useState as I, useRef as R, useEffect as v, useCallback as w } from "react";
+import { cn as n } from "../../utils/cn.js";
+import { SPINNER_CLASSES as g, SIZE_CLASSES as T, VARIANT_CLASSES as x, MAIN_BTN_CLASSES as D, ARROW_SIZE_CLASSES as y, ARROW_BTN_CLASSES as B, OPTION_DISABLED_CLASSES as P, OPTION_DANGER_CLASSES as W, OPTION_CLASSES as j, DROPDOWN_CLASSES as z, ROOT_CLASSES as M } from "./SplitButton.const.js";
+const F = (S) => {
+  const {
+    label: b,
+    icon: m,
+    options: u,
+    variant: f = "primary",
+    size: l = "md",
+    disabled: C = !1,
+    loading: c = !1,
+    onClick: N,
+    dropdownAlign: A = "left",
+    className: E,
+    testId: p,
+    ...h
+  } = S, [s, t] = I(!1), i = R(null);
+  v(() => {
+    const e = (k) => {
+      i.current && !i.current.contains(k.target) && t(!1);
+    };
+    return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
+  }, []);
+  const L = w((e) => {
+    e.disabled || (e.onClick(), t(!1));
+  }, []), d = x[f], _ = T[l], O = y[l], r = C || c;
+  return /* @__PURE__ */ o("div", { ref: i, className: n(M, E), "data-testid": p, children: [
+    /* @__PURE__ */ o(
+      "button",
+      {
+        type: "button",
+        className: n(D, d, _, r && "bear-opacity-50 bear-cursor-not-allowed"),
+        onClick: N,
+        disabled: r,
+        ...h,
+        children: [
+          c ? /* @__PURE__ */ a("span", { className: g }) : m,
+          b
+        ]
+      }
+    ),
+    /* @__PURE__ */ a(
+      "button",
+      {
+        type: "button",
+        className: n(B, d, O, r && "bear-opacity-50 bear-cursor-not-allowed"),
+        onClick: () => !r && t(!s),
+        disabled: r,
+        "aria-label": "More options",
+        "aria-expanded": s,
+        children: /* @__PURE__ */ a("svg", { className: n("bear-w-4 bear-h-4 bear-transition-transform", s && "bear-rotate-180"), fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ a("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M19 9l-7 7-7-7" }) })
+      }
+    ),
+    s && /* @__PURE__ */ a("div", { className: n(z, A === "right" ? "bear-right-0" : "bear-left-0", "bear-top-full"), children: u.map((e) => /* @__PURE__ */ o(
+      "div",
+      {
+        className: n(j, e.danger && W, e.disabled && P),
+        onClick: () => L(e),
+        role: "menuitem",
+        children: [
+          e.icon && /* @__PURE__ */ a("span", { className: "bear-w-4 bear-h-4 bear-flex-shrink-0", children: e.icon }),
+          e.label
+        ]
+      },
+      e.id
+    )) })
+  ] });
+};
+export {
+  F as SplitButton
+};

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

@@ -0,0 +1,21 @@
+import { ReactNode, ButtonHTMLAttributes } from 'react';
+export interface SplitButtonOption {
+    id: string;
+    label: string;
+    icon?: ReactNode;
+    disabled?: boolean;
+    danger?: boolean;
+    onClick: () => void;
+}
+export interface SplitButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'children'> {
+    label: string;
+    icon?: ReactNode;
+    options: SplitButtonOption[];
+    variant?: 'primary' | 'secondary' | 'outline' | 'danger';
+    size?: 'sm' | 'md' | 'lg';
+    disabled?: boolean;
+    loading?: boolean;
+    onClick?: () => void;
+    dropdownAlign?: 'left' | 'right';
+    testId?: string;
+}

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

@@ -0,0 +1,2 @@
+export { SplitButton } from './SplitButton';
+export type { SplitButtonProps, SplitButtonOption } from './SplitButton.types';

package/dist/components/Spoiler/Spoiler.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime"),e=require("react"),_=require("../../utils/cn.cjs"),b=require("../Typography/Typography.cjs"),t=require("./Spoiler.const.cjs"),v=({maxHeight:o,showLabel:T=t.DEFAULT_SHOW_LABEL,hideLabel:p=t.DEFAULT_HIDE_LABEL,children:i,initialExpanded:g=!1,transitionDuration:f=t.TRANSITION_DURATION,className:h,testId:y,...L})=>{var a;const[s,A]=e.useState(g),[u,E]=e.useState(!1),[N,l]=e.useState(null),n=e.useRef(null);e.useEffect(()=>{const r=n.current;if(!r)return;const d=()=>{E(r.scrollHeight>o)};d();const S=new ResizeObserver(d);return S.observe(r),()=>S.disconnect()},[o,i]),e.useLayoutEffect(()=>{s&&n.current?l(n.current.scrollHeight):l(null)},[s,i]);const O=u?s?N??((a=n.current)==null?void 0:a.scrollHeight)??o:o:void 0;return c.jsxs("div",{className:_.cn(t.ROOT_CLASS,h),"data-testid":y,...L,children:[c.jsx("div",{ref:n,className:t.CONTENT_CLASS,style:{maxHeight:O,transitionDuration:`${f}ms`},children:i}),u&&c.jsx("button",{type:"button",className:t.BUTTON_CLASS,onClick:()=>A(r=>!r),"aria-expanded":s,children:c.jsx(b.Typography,{variant:"body2",component:"span",children:s?p:T})})]})};exports.Spoiler=v;

package/dist/components/Spoiler/Spoiler.const.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e="Show more",r="Show less",t=300,o="Bear-Spoiler",S="Bear-Spoiler__content bear-overflow-hidden bear-transition-[max-height]",a="Bear-Spoiler__toggle bear-mt-2 bear-text-primary dark:bear-text-zinc-200 bear-font-medium hover:bear-underline bear-cursor-pointer bear-bg-transparent bear-border-0 bear-p-0";exports.BUTTON_CLASS=a;exports.CONTENT_CLASS=S;exports.DEFAULT_HIDE_LABEL=r;exports.DEFAULT_SHOW_LABEL=e;exports.ROOT_CLASS=o;exports.TRANSITION_DURATION=t;

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

@@ -0,0 +1,6 @@
+export declare const DEFAULT_SHOW_LABEL = "Show more";
+export declare const DEFAULT_HIDE_LABEL = "Show less";
+export declare const TRANSITION_DURATION = 300;
+export declare const ROOT_CLASS = "Bear-Spoiler";
+export declare const CONTENT_CLASS = "Bear-Spoiler__content bear-overflow-hidden bear-transition-[max-height]";
+export declare const BUTTON_CLASS = "Bear-Spoiler__toggle bear-mt-2 bear-text-primary dark:bear-text-zinc-200 bear-font-medium hover:bear-underline bear-cursor-pointer bear-bg-transparent bear-border-0 bear-p-0";

package/dist/components/Spoiler/Spoiler.const.js

@@ -0,0 +1,9 @@
+const e = "Show more", r = "Show less", o = 300, t = "Bear-Spoiler", a = "Bear-Spoiler__content bear-overflow-hidden bear-transition-[max-height]", n = "Bear-Spoiler__toggle bear-mt-2 bear-text-primary dark:bear-text-zinc-200 bear-font-medium hover:bear-underline bear-cursor-pointer bear-bg-transparent bear-border-0 bear-p-0";
+export {
+  n as BUTTON_CLASS,
+  a as CONTENT_CLASS,
+  r as DEFAULT_HIDE_LABEL,
+  e as DEFAULT_SHOW_LABEL,
+  t as ROOT_CLASS,
+  o as TRANSITION_DURATION
+};

package/dist/components/Spoiler/Spoiler.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { SpoilerProps } from './Spoiler.types';
+export declare const Spoiler: FC<SpoilerProps>;
+export default Spoiler;

package/dist/components/Spoiler/Spoiler.js

@@ -0,0 +1,59 @@
+import { jsxs as O, jsx as n } from "react/jsx-runtime";
+import { useState as c, useRef as _, useEffect as v, useLayoutEffect as H } from "react";
+import { cn as b } from "../../utils/cn.js";
+import { Typography as y } from "../Typography/Typography.js";
+import { TRANSITION_DURATION as R, CONTENT_CLASS as C, BUTTON_CLASS as D, DEFAULT_HIDE_LABEL as x, DEFAULT_SHOW_LABEL as I, ROOT_CLASS as U } from "./Spoiler.const.js";
+const z = ({
+  maxHeight: s,
+  showLabel: f = I,
+  hideLabel: p = x,
+  children: r,
+  initialExpanded: m = !1,
+  transitionDuration: T = R,
+  className: S,
+  testId: g,
+  ...h
+}) => {
+  var a;
+  const [e, L] = c(m), [i, A] = c(!1), [E, l] = c(null), t = _(null);
+  v(() => {
+    const o = t.current;
+    if (!o) return;
+    const u = () => {
+      A(o.scrollHeight > s);
+    };
+    u();
+    const d = new ResizeObserver(u);
+    return d.observe(o), () => d.disconnect();
+  }, [s, r]), H(() => {
+    e && t.current ? l(t.current.scrollHeight) : l(null);
+  }, [e, r]);
+  const N = i ? e ? E ?? ((a = t.current) == null ? void 0 : a.scrollHeight) ?? s : s : void 0;
+  return /* @__PURE__ */ O("div", { className: b(U, S), "data-testid": g, ...h, children: [
+    /* @__PURE__ */ n(
+      "div",
+      {
+        ref: t,
+        className: C,
+        style: {
+          maxHeight: N,
+          transitionDuration: `${T}ms`
+        },
+        children: r
+      }
+    ),
+    i && /* @__PURE__ */ n(
+      "button",
+      {
+        type: "button",
+        className: D,
+        onClick: () => L((o) => !o),
+        "aria-expanded": e,
+        children: /* @__PURE__ */ n(y, { variant: "body2", component: "span", children: e ? p : f })
+      }
+    )
+  ] });
+};
+export {
+  z as Spoiler
+};

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

@@ -0,0 +1,10 @@
+import { ReactNode, HTMLAttributes } from 'react';
+export interface SpoilerProps extends HTMLAttributes<HTMLDivElement> {
+    maxHeight: number;
+    showLabel?: string;
+    hideLabel?: string;
+    children: ReactNode;
+    initialExpanded?: boolean;
+    transitionDuration?: number;
+    testId?: string;
+}

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

@@ -0,0 +1,2 @@
+export { Spoiler, default } from './Spoiler';
+export type { SpoilerProps } from './Spoiler.types';

package/dist/components/Spotlight/Spotlight.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),b=require("react"),m=require("../../utils/cn.cjs"),x=require("./Spotlight.const.cjs"),R=(s,l)=>{var i,p;const n=l.toLowerCase();return!!(s.label.toLowerCase().includes(n)||(i=s.description)!=null&&i.toLowerCase().includes(n)||(p=s.keywords)!=null&&p.some(y=>y.toLowerCase().includes(n)))},E=(s,l)=>{if(!l)return s;const n=s.toLowerCase().indexOf(l.toLowerCase());return n===-1?s:r.jsxs(r.Fragment,{children:[s.slice(0,n),r.jsx("mark",{className:"Bear-Spotlight__highlight bear-bg-yellow-200 dark:bear-bg-yellow-800 bear-text-inherit bear-rounded-sm bear-px-0.5",children:s.slice(n,n+l.length)}),s.slice(n+l.length)]})},U=s=>{const{actions:l,open:n,onOpenChange:i,placeholder:p=x.DEFAULT_PLACEHOLDER,shortcutKey:y=x.DEFAULT_SHORTCUT_KEY,shortcutMod:v=!0,nothingFoundMessage:L=x.DEFAULT_NOTHING_FOUND,highlightMatches:S=!0,limit:f=x.DEFAULT_LIMIT,filter:k,className:B,style:D,testId:T}=s,[I,A]=b.useState(!1),[o,j]=b.useState(""),[h,u]=b.useState(0),N=b.useRef(null),C=b.useRef(null),g=n??I,d=b.useCallback(e=>{A(e),i==null||i(e),e||(j(""),u(0))},[i]);b.useEffect(()=>{const e=a=>{(v?a.metaKey||a.ctrlKey:!0)&&a.key.toLowerCase()===y.toLowerCase()&&(a.preventDefault(),d(!g)),a.key==="Escape"&&g&&d(!1)};return window.addEventListener("keydown",e),()=>window.removeEventListener("keydown",e)},[y,v,g,d]),b.useEffect(()=>{g&&setTimeout(()=>{var e;return(e=N.current)==null?void 0:e.focus()},x.FOCUS_DELAY)},[g]);const c=b.useMemo(()=>k?k(o,l).slice(0,f):o?l.filter(e=>R(e,o)).slice(0,f):l.slice(0,f),[l,o,k,f]),O=b.useMemo(()=>{const e=new Map;return c.forEach(a=>{const t=a.group||"";e.has(t)||e.set(t,[]),e.get(t).push(a)}),e},[c]),M=b.useCallback(e=>{if(e.key==="ArrowDown")e.preventDefault(),u(a=>Math.min(a+1,c.length-1));else if(e.key==="ArrowUp")e.preventDefault(),u(a=>Math.max(a-1,0));else if(e.key==="Enter"&&c[h]){e.preventDefault();const a=c[h];a.disabled||(a.onTrigger(),d(!1))}},[c,h,d]);if(b.useEffect(()=>{const e=C.current;if(!e)return;const a=e.querySelector('[data-active="true"]');a==null||a.scrollIntoView({block:"nearest"})},[h]),!g)return null;let _=-1;return r.jsxs("div",{className:m.cn("Bear-Spotlight","bear-fixed bear-inset-0 bear-flex bear-items-start bear-justify-center bear-pt-[15vh]"),style:{zIndex:x.SPOTLIGHT_Z_INDEX},"data-testid":T,children:[r.jsx("div",{className:"Bear-Spotlight__backdrop bear-absolute bear-inset-0 bear-bg-black/50 dark:bear-bg-black/70 bear-backdrop-blur-sm",onClick:()=>d(!1),"aria-hidden":"true"}),r.jsxs("div",{className:m.cn("Bear-Spotlight__dialog","bear-relative bear-w-full bear-max-w-[560px] bear-mx-4","bear-bg-white dark:bear-bg-gray-900","bear-rounded-xl bear-shadow-2xl","bear-border bear-border-gray-200 dark:bear-border-gray-700","bear-overflow-hidden",B),style:D,role:"dialog","aria-label":"Search",children:[r.jsxs("div",{className:"Bear-Spotlight__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-gray-700",children:[r.jsxs("svg",{width:20,height:20,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,className:"bear-text-gray-400 dark:bear-text-gray-500 bear-shrink-0",children:[r.jsx("circle",{cx:"11",cy:"11",r:"8"}),r.jsx("line",{x1:"21",y1:"21",x2:"16.65",y2:"16.65"})]}),r.jsx("input",{ref:N,type:"text",value:o,onChange:e=>{j(e.target.value),u(0)},onKeyDown:M,placeholder:p,className:m.cn("Bear-Spotlight__input","bear-flex-1 bear-bg-transparent bear-outline-none bear-text-base","bear-text-gray-900 dark:bear-text-white","placeholder:bear-text-gray-400 dark:placeholder:bear-text-gray-500"),autoComplete:"off",spellCheck:!1}),r.jsx("kbd",{className:"bear-hidden sm:bear-inline-flex bear-items-center bear-px-1.5 bear-py-0.5 bear-rounded bear-text-[10px] bear-font-mono bear-text-gray-400 dark:bear-text-gray-500 bear-bg-gray-100 dark:bear-bg-gray-800 bear-border bear-border-gray-200 dark:bear-border-gray-700",children:"ESC"})]}),r.jsxs("div",{ref:C,className:"Bear-Spotlight__results bear-max-h-[400px] bear-overflow-y-auto bear-py-2",role:"listbox",children:[c.length===0&&r.jsx("div",{className:"Bear-Spotlight__empty bear-px-4 bear-py-8 bear-text-center bear-text-gray-500 dark:bear-text-gray-400 bear-text-sm",children:L}),Array.from(O.entries()).map(([e,a])=>r.jsxs("div",{className:"Bear-Spotlight__group",children:[e&&r.jsx("div",{className:"Bear-Spotlight__group-title bear-px-4 bear-py-1.5 bear-text-xs bear-font-semibold bear-uppercase bear-tracking-wider bear-text-gray-400 dark:bear-text-gray-500",children:e}),a.map(t=>{_++;const w=_===h,F=_;return r.jsxs("button",{className:m.cn("Bear-Spotlight__action","bear-w-full bear-flex bear-items-center bear-gap-3 bear-px-4 bear-py-2.5 bear-text-left bear-cursor-pointer","bear-transition-colors bear-duration-100",w?"bear-bg-gray-100 dark:bear-bg-gray-800":"hover:bear-bg-gray-50 dark:hover:bear-bg-gray-800/50",t.disabled&&"bear-opacity-50 bear-cursor-not-allowed"),"data-active":w,onMouseEnter:()=>u(F),onClick:()=>{t.disabled||(t.onTrigger(),d(!1))},role:"option","aria-selected":w,"aria-disabled":t.disabled,children:[t.icon&&r.jsx("span",{className:"Bear-Spotlight__action-icon bear-text-gray-500 dark:bear-text-gray-400 bear-shrink-0",children:t.icon}),r.jsxs("div",{className:"Bear-Spotlight__action-body bear-flex-1 bear-min-w-0",children:[r.jsx("div",{className:"Bear-Spotlight__action-label bear-text-sm bear-font-medium bear-text-gray-900 dark:bear-text-white bear-truncate",children:S?E(t.label,o):t.label}),t.description&&r.jsx("div",{className:"Bear-Spotlight__action-desc bear-text-xs bear-text-gray-500 dark:bear-text-gray-400 bear-truncate",children:S?E(t.description,o):t.description})]}),t.rightSection&&r.jsx("span",{className:"Bear-Spotlight__action-right bear-shrink-0",children:t.rightSection})]},t.id)})]},e))]}),r.jsxs("div",{className:"Bear-Spotlight__footer bear-border-t bear-border-gray-200 dark:bear-border-gray-700 bear-px-4 bear-py-2 bear-flex bear-items-center bear-gap-4 bear-text-[11px] bear-text-gray-400 dark:bear-text-gray-500",children:[r.jsxs("span",{className:"bear-flex bear-items-center bear-gap-1",children:[r.jsx("kbd",{className:"bear-px-1 bear-rounded bear-bg-gray-100 dark:bear-bg-gray-800 bear-border bear-border-gray-200 dark:bear-border-gray-700",children:"↑↓"}),"navigate"]}),r.jsxs("span",{className:"bear-flex bear-items-center bear-gap-1",children:[r.jsx("kbd",{className:"bear-px-1 bear-rounded bear-bg-gray-100 dark:bear-bg-gray-800 bear-border bear-border-gray-200 dark:bear-border-gray-700",children:"↵"}),"select"]}),r.jsxs("span",{className:"bear-flex bear-items-center bear-gap-1",children:[r.jsx("kbd",{className:"bear-px-1 bear-rounded bear-bg-gray-100 dark:bear-bg-gray-800 bear-border bear-border-gray-200 dark:bear-border-gray-700",children:"esc"}),"close"]})]})]})]})};exports.Spotlight=U;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),s=require("react"),h=require("../../utils/cn.cjs"),o=require("./Spotlight.const.cjs"),m=require("./Spotlight.utils.cjs"),U=N=>{const{actions:g,open:E,onOpenChange:x,placeholder:B=o.DEFAULT_PLACEHOLDER,shortcutKey:k=o.DEFAULT_SHORTCUT_KEY,shortcutMod:_=!0,nothingFoundMessage:T=o.DEFAULT_NOTHING_FOUND,highlightMatches:v=!0,limit:p=o.DEFAULT_LIMIT,filter:u,className:D,style:C,testId:I}=N,[L,A]=s.useState(!1),[b,S]=s.useState(""),[d,c]=s.useState(0),j=s.useRef(null),w=s.useRef(null),n=E??L,l=s.useCallback(e=>{A(e),x==null||x(e),e||(S(""),c(0))},[x]);s.useEffect(()=>{const e=a=>{(_?a.metaKey||a.ctrlKey:!0)&&a.key.toLowerCase()===k.toLowerCase()&&(a.preventDefault(),l(!n)),a.key==="Escape"&&n&&l(!1)};return window.addEventListener("keydown",e),()=>window.removeEventListener("keydown",e)},[k,_,n,l]),s.useEffect(()=>{n&&setTimeout(()=>{var e;return(e=j.current)==null?void 0:e.focus()},o.FOCUS_DELAY)},[n]);const i=s.useMemo(()=>u?u(b,g).slice(0,p):b?g.filter(e=>m.matchAction(e,b)).slice(0,p):g.slice(0,p),[g,b,u,p]),M=s.useMemo(()=>{const e=new Map;return i.forEach(a=>{const t=a.group||"";e.has(t)||e.set(t,[]),e.get(t).push(a)}),e},[i]),O=s.useCallback(e=>{if(e.key==="ArrowDown")e.preventDefault(),c(a=>Math.min(a+1,i.length-1));else if(e.key==="ArrowUp")e.preventDefault(),c(a=>Math.max(a-1,0));else if(e.key==="Enter"&&i[d]){e.preventDefault();const a=i[d];a.disabled||(a.onTrigger(),l(!1))}},[i,d,l]);if(s.useEffect(()=>{const e=w.current;if(!e)return;const a=e.querySelector('[data-active="true"]');a==null||a.scrollIntoView({block:"nearest"})},[d]),!n)return null;let y=-1;return r.jsxs("div",{className:h.cn("Bear-Spotlight","bear-fixed bear-inset-0 bear-flex bear-items-start bear-justify-center bear-pt-[15vh]"),style:{zIndex:o.SPOTLIGHT_Z_INDEX},"data-testid":I,children:[r.jsx("div",{className:"Bear-Spotlight__backdrop bear-absolute bear-inset-0 bear-bg-black/50 dark:bear-bg-black/70 bear-backdrop-blur-sm",onClick:()=>l(!1),"aria-hidden":"true"}),r.jsxs("div",{className:h.cn("Bear-Spotlight__dialog","bear-relative bear-w-full bear-max-w-[560px] bear-mx-4","bear-bg-white dark:bear-bg-gray-900","bear-rounded-xl bear-shadow-2xl","bear-border bear-border-gray-200 dark:bear-border-gray-700","bear-overflow-hidden",D),style:C,role:"dialog","aria-label":"Search",children:[r.jsxs("div",{className:"Bear-Spotlight__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-gray-700",children:[r.jsxs("svg",{width:20,height:20,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,className:"bear-text-gray-400 dark:bear-text-gray-500 bear-shrink-0",children:[r.jsx("circle",{cx:"11",cy:"11",r:"8"}),r.jsx("line",{x1:"21",y1:"21",x2:"16.65",y2:"16.65"})]}),r.jsx("input",{ref:j,type:"text",value:b,onChange:e=>{S(e.target.value),c(0)},onKeyDown:O,placeholder:B,className:h.cn("Bear-Spotlight__input","bear-flex-1 bear-bg-transparent bear-outline-none bear-text-base","bear-text-gray-900 dark:bear-text-white","placeholder:bear-text-gray-400 dark:placeholder:bear-text-gray-500"),autoComplete:"off",spellCheck:!1}),r.jsx("kbd",{className:"bear-hidden sm:bear-inline-flex bear-items-center bear-px-1.5 bear-py-0.5 bear-rounded bear-text-[10px] bear-font-mono bear-text-gray-400 dark:bear-text-gray-500 bear-bg-gray-100 dark:bear-bg-gray-800 bear-border bear-border-gray-200 dark:bear-border-gray-700",children:"ESC"})]}),r.jsxs("div",{ref:w,className:"Bear-Spotlight__results bear-max-h-[400px] bear-overflow-y-auto bear-py-2",role:"listbox",children:[i.length===0&&r.jsx("div",{className:"Bear-Spotlight__empty bear-px-4 bear-py-8 bear-text-center bear-text-gray-500 dark:bear-text-gray-400 bear-text-sm",children:T}),Array.from(M.entries()).map(([e,a])=>r.jsxs("div",{className:"Bear-Spotlight__group",children:[e&&r.jsx("div",{className:"Bear-Spotlight__group-title bear-px-4 bear-py-1.5 bear-text-xs bear-font-semibold bear-uppercase bear-tracking-wider bear-text-gray-400 dark:bear-text-gray-500",children:e}),a.map(t=>{y++;const f=y===d,R=y;return r.jsxs("button",{className:h.cn("Bear-Spotlight__action","bear-w-full bear-flex bear-items-center bear-gap-3 bear-px-4 bear-py-2.5 bear-text-left bear-cursor-pointer","bear-transition-colors bear-duration-100",f?"bear-bg-gray-100 dark:bear-bg-gray-800":"hover:bear-bg-gray-50 dark:hover:bear-bg-gray-800/50",t.disabled&&"bear-opacity-50 bear-cursor-not-allowed"),"data-active":f,onMouseEnter:()=>c(R),onClick:()=>{t.disabled||(t.onTrigger(),l(!1))},role:"option","aria-selected":f,"aria-disabled":t.disabled,children:[t.icon&&r.jsx("span",{className:"Bear-Spotlight__action-icon bear-text-gray-500 dark:bear-text-gray-400 bear-shrink-0",children:t.icon}),r.jsxs("div",{className:"Bear-Spotlight__action-body bear-flex-1 bear-min-w-0",children:[r.jsx("div",{className:"Bear-Spotlight__action-label bear-text-sm bear-font-medium bear-text-gray-900 dark:bear-text-white bear-truncate",children:v?m.highlightText(t.label,b):t.label}),t.description&&r.jsx("div",{className:"Bear-Spotlight__action-desc bear-text-xs bear-text-gray-500 dark:bear-text-gray-400 bear-truncate",children:v?m.highlightText(t.description,b):t.description})]}),t.rightSection&&r.jsx("span",{className:"Bear-Spotlight__action-right bear-shrink-0",children:t.rightSection})]},t.id)})]},e))]}),r.jsxs("div",{className:"Bear-Spotlight__footer bear-border-t bear-border-gray-200 dark:bear-border-gray-700 bear-px-4 bear-py-2 bear-flex bear-items-center bear-gap-4 bear-text-[11px] bear-text-gray-400 dark:bear-text-gray-500",children:[r.jsxs("span",{className:"bear-flex bear-items-center bear-gap-1",children:[r.jsx("kbd",{className:"bear-px-1 bear-rounded bear-bg-gray-100 dark:bear-bg-gray-800 bear-border bear-border-gray-200 dark:bear-border-gray-700",children:"↑↓"}),"navigate"]}),r.jsxs("span",{className:"bear-flex bear-items-center bear-gap-1",children:[r.jsx("kbd",{className:"bear-px-1 bear-rounded bear-bg-gray-100 dark:bear-bg-gray-800 bear-border bear-border-gray-200 dark:bear-border-gray-700",children:"↵"}),"select"]}),r.jsxs("span",{className:"bear-flex bear-items-center bear-gap-1",children:[r.jsx("kbd",{className:"bear-px-1 bear-rounded bear-bg-gray-100 dark:bear-bg-gray-800 bear-border bear-border-gray-200 dark:bear-border-gray-700",children:"esc"}),"close"]})]})]})]})};exports.Spotlight=U;