@forgedevstack/bear 1.1.3 → 1.1.4

package/dist/components/SignPad/SignPad.js

@@ -1,169 +1,161 @@
-import { jsxs as p, jsx as l } from "react/jsx-runtime";
-import { useRef as J, useState as m, useEffect as L, useCallback as u } from "react";
-import { cn as d } from "../../utils/cn.js";
-import { Button as O } from "../Button/Button.js";
-import { SIGN_PAD_DEFAULT_WIDTH as q, SIGN_PAD_DEFAULT_HEIGHT as Z, SIGN_PAD_DEFAULT_STROKE_WIDTH as $, SIGN_PAD_DEFAULT_PLACEHOLDER as ee, SIGN_PAD_DEFAULT_OUTPUT_FORMAT as te, SIGN_PAD_DEFAULT_OUTPUT_QUALITY as ne, SIGN_PAD_BG_DARK as re, SIGN_PAD_BG_LIGHT as oe, SIGN_PAD_STROKE_DARK as ae, SIGN_PAD_STROKE_LIGHT as se, SIGN_PAD_PLACEHOLDER_CLASSES as ce, SIGN_PAD_LINE_CLASSES as ie, SIGN_PAD_X_MARK_CLASSES as le, SIGN_PAD_CANVAS_WRAPPER_HOVER as ue, SIGN_PAD_CANVAS_WRAPPER_CLASSES as de, SIGN_PAD_ACTIONS_CLASSES as _e, SIGN_PAD_ROOT_CLASSES as Se } from "./SignPad.const.js";
-const ve = (U) => {
+import { jsxs as b, jsx as d } from "react/jsx-runtime";
+import { useRef as p, useState as B, useEffect as D, useCallback as l } from "react";
+import { cn as _ } from "../../utils/cn.js";
+import { Button as M } from "../Button/Button.js";
+import { SIGN_PAD_DEFAULT_HEIGHT as Z, SIGN_PAD_DEFAULT_STROKE_WIDTH as $, SIGN_PAD_DEFAULT_PLACEHOLDER as ee, SIGN_PAD_DEFAULT_OUTPUT_FORMAT as te, SIGN_PAD_DEFAULT_OUTPUT_QUALITY as re, SIGN_PAD_BG_DARK as ne, SIGN_PAD_BG_LIGHT as oe, SIGN_PAD_STROKE_DARK as se, SIGN_PAD_STROKE_LIGHT as ae, SIGN_PAD_PLACEHOLDER_CLASSES as ce, SIGN_PAD_LINE_CLASSES as ie, SIGN_PAD_X_MARK_CLASSES as le, SIGN_PAD_CANVAS_WRAPPER_HOVER as ue, SIGN_PAD_CANVAS_WRAPPER_CLASSES as de, SIGN_PAD_ACTIONS_CLASSES as _e, SIGN_PAD_ROOT_CLASSES as he } from "./SignPad.const.js";
+const ge = (U) => {
   const {
     onChange: o,
-    width: S = q,
-    height: h = Z,
-    strokeColor: B,
-    strokeWidth: N = $,
-    backgroundColor: M,
-    placeholder: F = ee,
-    disabled: r = !1,
-    readOnly: a = !1,
-    showClear: I = !0,
-    showSave: b = !1,
-    clearText: H = "Clear",
-    saveText: K = "Save",
+    width: w,
+    height: m = Z,
+    strokeColor: F,
+    strokeWidth: C = $,
+    backgroundColor: H,
+    placeholder: K = ee,
+    disabled: n = !1,
+    readOnly: s = !1,
+    showClear: L = !0,
+    showSave: R = !1,
+    clearText: W = "Clear",
+    saveText: z = "Save",
     outputFormat: f = te,
-    outputQuality: A = ne,
-    className: W,
-    testId: X,
-    id: Y,
-    ...V
-  } = U, s = J(null), [D, C] = m(!1), [c, R] = m(!1), [P, E] = m(null), [g, j] = m(!1);
-  L(() => {
+    outputQuality: A = re,
+    className: X,
+    testId: Y,
+    id: V,
+    ...j
+  } = U, a = p(null), I = p(null), v = p(null), P = p(!1), [h, G] = B(!1), [E, Q] = B(!1);
+  D(() => {
     const e = () => {
-      const n = document.documentElement.classList.contains("dark");
-      j(n);
+      Q(document.documentElement.classList.contains("dark"));
     };
     e();
     const t = new MutationObserver(e);
     return t.observe(document.documentElement, { attributes: !0, attributeFilter: ["class"] }), () => t.disconnect();
   }, []);
-  const w = B || (g ? ae : se), _ = M || (g ? re : oe);
-  L(() => {
-    const e = s.current;
-    if (!e) return;
-    const t = e.getContext("2d");
-    t && (e.width = S, e.height = h, t.fillStyle = _, t.fillRect(0, 0, S, h));
-  }, [S, h, _, g]), L(() => {
-    const e = s.current;
-    if (!e || r || a) return;
-    const t = (n) => n.preventDefault();
+  const k = F || (E ? se : ae), N = H || (E ? ne : oe), u = l(() => {
+    const e = a.current, t = e == null ? void 0 : e.getContext("2d");
+    !e || !t || (t.fillStyle = N === "transparent" ? "rgba(0,0,0,0)" : N, t.fillRect(0, 0, e.width, e.height));
+  }, [N]);
+  D(() => {
+    const e = a.current, t = I.current;
+    if (!e || !t) return;
+    const r = () => {
+      const i = t.getBoundingClientRect(), S = w ?? Math.round(i.width), y = m;
+      (e.width !== S || e.height !== y) && (e.width = S, e.height = y, u());
+    };
+    r();
+    const c = new ResizeObserver(r);
+    return c.observe(t), () => c.disconnect();
+  }, [w, m, u]), D(() => {
+    u();
+  }, [u, E]), D(() => {
+    const e = a.current;
+    if (!e || n || s) return;
+    const t = (r) => r.preventDefault();
     return e.addEventListener("touchstart", t, { passive: !1 }), e.addEventListener("touchmove", t, { passive: !1 }), () => {
       e.removeEventListener("touchstart", t), e.removeEventListener("touchmove", t);
     };
-  }, [r, a]);
-  const v = u((e) => {
-    const t = s.current;
+  }, [n, s]);
+  const g = l((e) => {
+    const t = a.current;
     if (!t) return { x: 0, y: 0 };
-    const n = t.getBoundingClientRect(), i = t.width / n.width, x = t.height / n.height;
+    const r = t.getBoundingClientRect(), c = t.width / r.width, i = t.height / r.height;
     if ("touches" in e) {
-      const y = e.touches[0];
+      const S = e.touches[0];
       return {
-        x: (y.clientX - n.left) * i,
-        y: (y.clientY - n.top) * x
+        x: (S.clientX - r.left) * c,
+        y: (S.clientY - r.top) * i
       };
     }
     return {
-      x: (e.clientX - n.left) * i,
-      y: (e.clientY - n.top) * x
+      x: (e.clientX - r.left) * c,
+      y: (e.clientY - r.top) * i
     };
-  }, []), G = u((e) => {
-    if (r || a) return;
-    const t = v(e);
-    C(!0), E(t);
-  }, [r, a, v]), k = u((e) => {
-    if (!D || r || a) return;
-    const t = s.current, n = t == null ? void 0 : t.getContext("2d");
-    if (!t || !n || !P) return;
-    const i = v(e);
-    n.beginPath(), n.moveTo(P.x, P.y), n.lineTo(i.x, i.y), n.strokeStyle = w, n.lineWidth = N, n.lineCap = "round", n.lineJoin = "round", n.stroke(), E(i), R(!0);
-  }, [D, r, a, P, w, N, v]), T = u(() => {
-    if (D && c) {
-      const e = s.current;
+  }, []), x = l((e) => {
+    if (n || s) return;
+    const t = g(e);
+    P.current = !0, v.current = t;
+  }, [n, s, g]), O = l((e) => {
+    if (!P.current || n || s) return;
+    const t = a.current, r = t == null ? void 0 : t.getContext("2d"), c = v.current;
+    if (!t || !r || !c) return;
+    const i = g(e);
+    r.beginPath(), r.moveTo(c.x, c.y), r.lineTo(i.x, i.y), r.strokeStyle = k, r.lineWidth = C, r.lineCap = "round", r.lineJoin = "round", r.stroke(), v.current = i, G(!0);
+  }, [n, s, k, C, g]), T = l(() => {
+    if (P.current) {
+      const e = a.current;
       if (e && o) {
         const t = e.toDataURL(f, A);
         o(t);
       }
     }
-    C(!1), E(null);
-  }, [D, c, o, f, A]), z = u(() => {
-    const e = s.current, t = e == null ? void 0 : e.getContext("2d");
-    !e || !t || (t.fillStyle = _ === "transparent" ? "rgba(0,0,0,0)" : _, t.clearRect(0, 0, e.width, e.height), t.fillRect(0, 0, e.width, e.height), R(!1), o == null || o(null));
-  }, [_, o]), Q = u(() => {
-    const e = s.current;
-    if (!e || !c) return;
+    P.current = !1, v.current = null;
+  }, [o, f, A]), J = l(() => {
+    const e = a.current, t = e == null ? void 0 : e.getContext("2d");
+    !e || !t || (t.clearRect(0, 0, e.width, e.height), u(), G(!1), o == null || o(null));
+  }, [u, o]), q = l(() => {
+    const e = a.current;
+    if (!e || !h) return;
     const t = e.toDataURL(f, A);
     o == null || o(t);
-  }, [c, o, f, A]);
-  return /* @__PURE__ */ p(
+  }, [h, o, f, A]);
+  return /* @__PURE__ */ b(
     "div",
     {
-      id: Y,
-      "data-testid": X,
-      className: d(
-        "Bear-SignPad bear-max-w-full bear-w-full",
-        Se,
-        r && "Bear-SignPad--disabled bear-opacity-50",
-        a && "Bear-SignPad--readonly",
-        W
+      id: V,
+      "data-testid": Y,
+      className: _(
+        "Bear-SignPad bear-w-full",
+        he,
+        n && "Bear-SignPad--disabled bear-opacity-50",
+        s && "Bear-SignPad--readonly",
+        X
       ),
-      ...V,
+      ...j,
       children: [
-        /* @__PURE__ */ p(
+        /* @__PURE__ */ b(
           "div",
           {
-            className: d(
-              "Bear-SignPad__canvas-wrapper bear-max-w-full bear-overflow-hidden",
+            ref: I,
+            className: _(
+              "Bear-SignPad__canvas-wrapper bear-w-full bear-overflow-hidden",
               "touch-none",
               de,
-              !r && !a && ue,
-              r && "bear-cursor-not-allowed",
-              !r && !a && "bear-cursor-crosshair"
+              !n && !s && ue,
+              n && "bear-cursor-not-allowed",
+              !n && !s && "bear-cursor-crosshair"
             ),
             children: [
-              /* @__PURE__ */ l(
+              /* @__PURE__ */ d(
                 "canvas",
                 {
-                  ref: s,
-                  className: "Bear-SignPad__canvas bear-block bear-rounded-lg bear-max-w-full touch-none",
-                  style: { width: S, height: h, touchAction: "none" },
-                  onMouseDown: G,
-                  onMouseMove: k,
+                  ref: a,
+                  className: "Bear-SignPad__canvas bear-block bear-rounded-lg bear-w-full touch-none",
+                  style: { height: m, touchAction: "none" },
+                  onMouseDown: x,
+                  onMouseMove: O,
                   onMouseUp: T,
                   onMouseLeave: T,
-                  onTouchStart: G,
-                  onTouchMove: k,
+                  onTouchStart: x,
+                  onTouchMove: O,
                   onTouchEnd: T
                 }
               ),
-              !c && /* @__PURE__ */ l("div", { className: d("Bear-SignPad__placeholder", ce), children: F }),
-              /* @__PURE__ */ l("div", { className: d("Bear-SignPad__line", ie) }),
-              /* @__PURE__ */ l("span", { className: d("Bear-SignPad__x-mark", le), children: "×" })
+              !h && /* @__PURE__ */ d("div", { className: _("Bear-SignPad__placeholder", ce), children: K }),
+              /* @__PURE__ */ d("div", { className: _("Bear-SignPad__line", ie) }),
+              /* @__PURE__ */ d("span", { className: _("Bear-SignPad__x-mark", le), children: "×" })
             ]
           }
         ),
-        (I || b) && /* @__PURE__ */ p("div", { className: d("Bear-SignPad__actions", _e), children: [
-          I && /* @__PURE__ */ l(
-            O,
-            {
-              size: "sm",
-              variant: "ghost",
-              onClick: z,
-              disabled: r || !c,
-              children: H
-            }
-          ),
-          b && /* @__PURE__ */ l(
-            O,
-            {
-              size: "sm",
-              variant: "primary",
-              onClick: Q,
-              disabled: r || !c,
-              children: K
-            }
-          )
+        (L || R) && /* @__PURE__ */ b("div", { className: _("Bear-SignPad__actions", _e), children: [
+          L && /* @__PURE__ */ d(M, { size: "sm", variant: "ghost", onClick: J, disabled: n || !h, children: W }),
+          R && /* @__PURE__ */ d(M, { size: "sm", variant: "primary", onClick: q, disabled: n || !h, children: z })
         ] })
       ]
     }
   );
 };
 export {
-  ve as SignPad
+  ge as SignPad
 };

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

@@ -2,9 +2,9 @@ import { HTMLAttributes } from 'react';
 export interface SignPadProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {
     /** Callback when signature changes - receives base64 image data */
     onChange?: (signature: string | null) => void;
-    /** Width of the canvas */
+    /** Canvas resolution width (internal pixels). CSS width is always 100% of container. */
     width?: number;
-    /** Height of the canvas */
+    /** Canvas resolution height (internal pixels). Also sets the CSS height. */
     height?: number;
     /** Stroke color */
     strokeColor?: string;

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/TimePicker/components/TimePickerDialDropdown/TimePickerDialDropdown.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),M=require("react"),b=require("../../../../utils/cn.cjs"),a=require("../../TimePicker.constants.cjs"),B=require("../../helpers/ClockFaceSvg.cjs"),R=({selectedHour:i,setSelectedHour:d,selectedMinute:n,setSelectedMinute:m,period:x,setPeriod:u,format:t,hours:k,minutes:_,timeValue:h,clearable:T,onChange:s,onConfirm:p,onClose:S,translations:j})=>{const[N,l]=M.useState("hour"),c={...a.TIMEPICKER_DEFAULT_TRANSLATIONS,...j},P=t==="12h"?i===12?12:i%12:i,v=n,g=`${P.toString().padStart(2,"0")}:${v.toString().padStart(2,"0")}`,y=t==="12h"?[...a.CLOCK_HOURS_12]:k,o=N==="hour",C=o?y:_,E=o?r=>d(t==="12h"&&r===0?12:r):m;return e.jsxs("div",{className:b.cn(a.TIMEPICKER_DROPDOWN_CLASSES,"Bear-TimePicker__dial bear-w-72"),children:[e.jsx("div",{className:"Bear-TimePicker__dial-title bear-text-center bear-uppercase bear-text-xs bear-text-gray-500 dark:bear-text-zinc-400 bear-mb-2",children:c.selectTime}),e.jsxs("div",{className:"Bear-TimePicker__dial-display bear-flex bear-items-center bear-justify-center bear-gap-3 bear-mb-4",children:[e.jsx("span",{className:"Bear-TimePicker__dial-time bear-text-2xl bear-font-bold bear-text-gray-900 dark:bear-text-white",children:g}),t==="12h"&&e.jsx("div",{className:"Bear-TimePicker__dial-period bear-flex bear-flex-col bear-gap-0.5",children:["AM","PM"].map(r=>e.jsx("button",{onClick:()=>u(r),className:b.cn("Bear-TimePicker__dial-period-btn bear-px-2 bear-py-0.5 bear-rounded bear-text-sm bear-transition-colors",x===r?"bear-text-blue-600 dark:bear-text-blue-400 bear-font-medium":"bear-text-gray-400 dark:bear-text-zinc-500 hover:bear-text-gray-600 dark:hover:bear-text-zinc-400"),children:r},r))})]}),e.jsxs("div",{className:"Bear-TimePicker__dial-mode bear-flex bear-items-center bear-justify-center bear-gap-2 bear-mb-2",children:[e.jsx("button",{type:"button",onClick:()=>l("hour"),className:"Bear-TimePicker__dial-mode-btn bear-p-1 bear-rounded bear-text-gray-500 hover:bear-bg-gray-100 dark:hover:bear-bg-zinc-700","aria-label":"Hour mode",children:e.jsx("svg",{className:"bear-w-4 bear-h-4",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M15 19l-7-7 7-7"})})}),e.jsx("button",{type:"button",onClick:()=>l("minute"),className:"Bear-TimePicker__dial-mode-btn bear-p-1 bear-rounded bear-text-gray-500 hover:bear-bg-gray-100 dark:hover:bear-bg-zinc-700","aria-label":"Minute mode",children:e.jsx("svg",{className:"bear-w-4 bear-h-4",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M9 5l7 7-7 7"})})})]}),e.jsx("div",{className:"Bear-TimePicker__dial-face bear-relative bear-w-48 bear-h-48 bear-mx-auto bear-mb-4",children:e.jsx(B.ClockFaceSvg,{values:C,isHourMode:o,format:t,selectedHour:i,selectedMinute:n,onSelect:E})}),e.jsxs("div",{className:a.TIMEPICKER_FOOTER_CLASSES,children:[T&&h&&e.jsx("button",{onClick:()=>{s==null||s(null),S()},className:a.TIMEPICKER_CLEAR_BUTTON_CLASSES,children:c.cancel}),e.jsx("button",{onClick:p,className:a.TIMEPICKER_CONFIRM_BUTTON_CLASSES,children:c.ok})]})]})};exports.TimePickerDialDropdown=R;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),u=require("react"),n=require("../../../../utils/cn.cjs"),i=require("../../TimePicker.constants.cjs"),v=require("../../helpers/ClockFaceSvg.cjs"),m="bear-text-blue-600 dark:bear-text-blue-400 bear-font-bold bear-bg-blue-50 dark:bear-bg-blue-900/30 bear-rounded bear-px-1",_="bear-text-gray-400 dark:bear-text-zinc-500 hover:bear-text-gray-600 dark:hover:bear-text-zinc-300 bear-cursor-pointer bear-px-1",D=({selectedHour:c,setSelectedHour:o,selectedMinute:d,setSelectedMinute:x,period:k,setPeriod:T,format:a,hours:S,minutes:h,timeValue:p,clearable:E,onChange:l,onConfirm:C,onClose:N,translations:P})=>{const[I,s]=u.useState("hour"),b={...i.TIMEPICKER_DEFAULT_TRANSLATIONS,...P},j=a==="12h"?c===12?12:c%12:c,y=d,g=j.toString().padStart(2,"0"),A=y.toString().padStart(2,"0"),M=a==="12h"?[...i.CLOCK_HOURS_12]:S,t=I==="hour",O=t?M:h,R=u.useCallback(r=>{t?(o(a==="12h"&&r===0?12:r),s("minute")):x(r)},[t,a,o,x]);return e.jsxs("div",{className:n.cn(i.TIMEPICKER_DROPDOWN_CLASSES,"Bear-TimePicker__dial bear-w-72"),children:[e.jsx("div",{className:"Bear-TimePicker__dial-title bear-text-center bear-uppercase bear-text-xs bear-text-gray-500 dark:bear-text-zinc-400 bear-mb-2",children:b.selectTime}),e.jsxs("div",{className:"Bear-TimePicker__dial-display bear-flex bear-items-center bear-justify-center bear-gap-1 bear-mb-4",children:[e.jsx("button",{type:"button",onClick:()=>s("hour"),className:n.cn("Bear-TimePicker__dial-hour-btn bear-text-2xl bear-font-bold bear-transition-colors bear-border-none bear-bg-transparent",t?m:_),"aria-label":b.hour,children:g}),e.jsx("span",{className:"bear-text-2xl bear-font-bold bear-text-gray-900 dark:bear-text-white",children:":"}),e.jsx("button",{type:"button",onClick:()=>s("minute"),className:n.cn("Bear-TimePicker__dial-minute-btn bear-text-2xl bear-font-bold bear-transition-colors bear-border-none bear-bg-transparent",t?_:m),"aria-label":b.minute,children:A}),a==="12h"&&e.jsx("div",{className:"Bear-TimePicker__dial-period bear-flex bear-flex-col bear-gap-0.5 bear-ml-2",children:["AM","PM"].map(r=>e.jsx("button",{onClick:()=>T(r),className:n.cn("Bear-TimePicker__dial-period-btn bear-px-2 bear-py-0.5 bear-rounded bear-text-sm bear-transition-colors",k===r?"bear-text-blue-600 dark:bear-text-blue-400 bear-font-medium":"bear-text-gray-400 dark:bear-text-zinc-500 hover:bear-text-gray-600 dark:hover:bear-text-zinc-400"),children:r},r))})]}),e.jsx("div",{className:"Bear-TimePicker__dial-face bear-relative bear-w-48 bear-h-48 bear-mx-auto bear-mb-4",children:e.jsx(v.ClockFaceSvg,{values:O,isHourMode:t,format:a,selectedHour:c,selectedMinute:d,onSelect:R})}),e.jsxs("div",{className:i.TIMEPICKER_FOOTER_CLASSES,children:[E&&p&&e.jsx("button",{onClick:()=>{l==null||l(null),N()},className:i.TIMEPICKER_CLEAR_BUTTON_CLASSES,children:b.cancel}),e.jsx("button",{onClick:C,className:i.TIMEPICKER_CONFIRM_BUTTON_CLASSES,children:b.ok})]})]})};exports.TimePickerDialDropdown=D;