@forgedevstack/bear 1.1.3 → 1.1.8

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 T, 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: v = re,
+    className: X,
+    testId: Y,
+    id: V,
+    ...j
+  } = U, a = p(null), I = p(null), A = 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), b = H || (E ? ne : oe), u = l(() => {
+    const e = a.current, t = e == null ? void 0 : e.getContext("2d");
+    !e || !t || (t.fillStyle = b === "transparent" ? "rgba(0,0,0,0)" : b, t.fillRect(0, 0, e.width, e.height));
+  }, [b]);
+  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, A.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 = A.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(), A.current = i, G(!0);
+  }, [n, s, k, C, g]), N = l(() => {
+    if (P.current) {
+      const e = a.current;
       if (e && o) {
-        const t = e.toDataURL(f, A);
+        const t = e.toDataURL(f, v);
         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;
-    const t = e.toDataURL(f, A);
+    P.current = !1, A.current = null;
+  }, [o, f, v]), 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, v);
     o == null || o(t);
-  }, [c, o, f, A]);
-  return /* @__PURE__ */ p(
+  }, [h, o, f, v]);
+  return /* @__PURE__ */ T(
     "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__ */ T(
           "div",
           {
-            className: d(
-              "Bear-SignPad__canvas-wrapper bear-max-w-full bear-overflow-hidden",
-              "touch-none",
+            ref: I,
+            className: _(
+              "Bear-SignPad__canvas-wrapper bear-w-full bear-overflow-hidden",
+              "bear-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,
-                  onMouseUp: T,
-                  onMouseLeave: T,
-                  onTouchStart: G,
-                  onTouchMove: k,
-                  onTouchEnd: T
+                  ref: a,
+                  className: "Bear-SignPad__canvas bear-block bear-rounded-lg bear-w-full bear-touch-none",
+                  style: { height: m },
+                  onMouseDown: x,
+                  onMouseMove: O,
+                  onMouseUp: N,
+                  onMouseLeave: N,
+                  onTouchStart: x,
+                  onTouchMove: O,
+                  onTouchEnd: N
                 }
               ),
-              !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__ */ T("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/Skeleton/Skeleton.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),c=require("react"),T=require("../../utils/cn.cjs"),d=require("./Skeleton.const.cjs"),_=()=>{const e="bear-skeleton-styles";if(typeof document<"u"&&!document.getElementById(e)){const t=document.createElement("style");t.id=e,t.textContent=d.SKELETON_WAVE_STYLES,document.head.appendChild(t)}},a=c.forwardRef(({variant:e="text",animation:t="pulse",width:l,height:s,borderRadius:n,count:i=1,gap:E=8,className:o,style:f,testId:y,...h},p)=>{c.useEffect(()=>{t==="wave"&&_()},[t]);const x=S=>{if(S!==void 0)return typeof S=="number"?`${S}px`:S},N={width:x(l),height:x(s)||(e==="text"?d.SKELETON_TEXT_HEIGHT:void 0),borderRadius:n?x(n):void 0,...f},k=T.cn(d.SKELETON_BASE_CLASSES,d.SKELETON_VARIANT_CLASSES[e],d.SKELETON_ANIMATION_CLASSES[t],d.SKELETON_BG_CLASSES,o);return i>1?r.jsx("div",{className:"Bear-Skeleton__group flex flex-col",style:{gap:x(E)},"data-testid":y,children:Array.from({length:i}).map((S,g)=>r.jsx("div",{ref:g===0?p:void 0,className:k,style:N,...h},g))}):r.jsx("div",{ref:p,className:k,style:N,"data-testid":y,...h})});a.displayName="Skeleton";const u=c.forwardRef(({lines:e=3,lastLineWidth:t="80%",gap:l=8,animation:s="pulse",...n},i)=>{c.useEffect(()=>{s==="wave"&&_()},[s]);const E=o=>{if(o!==void 0)return typeof o=="number"?`${o}px`:o};return r.jsx("div",{ref:i,className:"Bear-SkeletonText flex flex-col",style:{gap:E(l)},children:Array.from({length:e}).map((o,f)=>r.jsx(a,{variant:"text",animation:s,width:f===e-1?t:"100%",...n},f))})});u.displayName="SkeletonText";const m=c.forwardRef(({size:e="md",animation:t="pulse",...l},s)=>{const n=typeof e=="number"?e:d.SKELETON_AVATAR_SIZES[e];return r.jsx(a,{ref:s,variant:"circular",animation:t,width:n,height:n,...l})});m.displayName="SkeletonAvatar";const A=c.forwardRef(({animation:e="pulse",className:t,...l},s)=>r.jsxs("div",{ref:s,className:T.cn("Bear-SkeletonCard p-4 rounded-lg border border-gray-200 dark:border-zinc-700 bg-white dark:bg-zinc-900",t),...l,children:[r.jsxs("div",{className:"flex items-center gap-3 mb-4",children:[r.jsx(m,{animation:e}),r.jsxs("div",{className:"flex-1",children:[r.jsx(a,{animation:e,width:"60%",height:16,className:"mb-2"}),r.jsx(a,{animation:e,width:"40%",height:12})]})]}),r.jsx(u,{animation:e,lines:3})]}));A.displayName="SkeletonCard";exports.Skeleton=a;exports.SkeletonAvatar=m;exports.SkeletonCard=A;exports.SkeletonText=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),S=require("react"),_=require("../../utils/cn.cjs"),d=require("./Skeleton.const.cjs"),j=require("./Skeleton.utils.cjs"),a=S.forwardRef(({variant:e="text",animation:r="pulse",width:l,height:s,borderRadius:o,count:i=1,gap:u=8,className:n,style:f,testId:k,...N},m)=>{S.useEffect(()=>{r==="wave"&&j.injectStyles()},[r]);const x=c=>{if(c!==void 0)return typeof c=="number"?`${c}px`:c},p={width:x(l),height:x(s)||(e==="text"?d.SKELETON_TEXT_HEIGHT:void 0),borderRadius:o?x(o):void 0,...f},y=_.cn(d.SKELETON_BASE_CLASSES,d.SKELETON_VARIANT_CLASSES[e],d.SKELETON_ANIMATION_CLASSES[r],d.SKELETON_BG_CLASSES,n);return i>1?t.jsx("div",{className:"Bear-Skeleton__group flex flex-col",style:{gap:x(u)},"data-testid":k,children:Array.from({length:i}).map((c,g)=>t.jsx("div",{ref:g===0?m:void 0,className:y,style:p,...N},g))}):t.jsx("div",{ref:m,className:y,style:p,"data-testid":k,...N})});a.displayName="Skeleton";const E=S.forwardRef(({lines:e=3,lastLineWidth:r="80%",gap:l=8,animation:s="pulse",...o},i)=>{S.useEffect(()=>{s==="wave"&&j.injectStyles()},[s]);const u=n=>{if(n!==void 0)return typeof n=="number"?`${n}px`:n};return t.jsx("div",{ref:i,className:"Bear-SkeletonText flex flex-col",style:{gap:u(l)},children:Array.from({length:e}).map((n,f)=>t.jsx(a,{variant:"text",animation:s,width:f===e-1?r:"100%",...o},f))})});E.displayName="SkeletonText";const h=S.forwardRef(({size:e="md",animation:r="pulse",...l},s)=>{const o=typeof e=="number"?e:d.SKELETON_AVATAR_SIZES[e];return t.jsx(a,{ref:s,variant:"circular",animation:r,width:o,height:o,...l})});h.displayName="SkeletonAvatar";const A=S.forwardRef(({animation:e="pulse",className:r,...l},s)=>t.jsxs("div",{ref:s,className:_.cn("Bear-SkeletonCard p-4 rounded-lg border border-gray-200 dark:border-zinc-700 bg-white dark:bg-zinc-900",r),...l,children:[t.jsxs("div",{className:"flex items-center gap-3 mb-4",children:[t.jsx(h,{animation:e}),t.jsxs("div",{className:"flex-1",children:[t.jsx(a,{animation:e,width:"60%",height:16,className:"mb-2"}),t.jsx(a,{animation:e,width:"40%",height:12})]})]}),t.jsx(E,{animation:e,lines:3})]}));A.displayName="SkeletonCard";exports.Skeleton=a;exports.SkeletonAvatar=h;exports.SkeletonCard=A;exports.SkeletonText=E;

package/dist/components/Skeleton/Skeleton.js

@@ -1,145 +1,140 @@
-import { jsx as r, jsxs as f } from "react/jsx-runtime";
+import { jsx as t, jsxs as f } from "react/jsx-runtime";
 import { forwardRef as m, useEffect as _ } from "react";
-import { cn as A } from "../../utils/cn.js";
-import { SKELETON_BG_CLASSES as v, SKELETON_ANIMATION_CLASSES as L, SKELETON_VARIANT_CLASSES as b, SKELETON_BASE_CLASSES as C, SKELETON_TEXT_HEIGHT as w, SKELETON_AVATAR_SIZES as O, SKELETON_WAVE_STYLES as K } from "./Skeleton.const.js";
-const T = () => {
-  const e = "bear-skeleton-styles";
-  if (typeof document < "u" && !document.getElementById(e)) {
-    const t = document.createElement("style");
-    t.id = e, t.textContent = K, document.head.appendChild(t);
-  }
-}, i = m(
+import { cn as k } from "../../utils/cn.js";
+import { SKELETON_BG_CLASSES as v, SKELETON_ANIMATION_CLASSES as b, SKELETON_VARIANT_CLASSES as L, SKELETON_BASE_CLASSES as w, SKELETON_TEXT_HEIGHT as C, SKELETON_AVATAR_SIZES as O } from "./Skeleton.const.js";
+import { injectStyles as x } from "./Skeleton.utils.js";
+const S = m(
   ({
     variant: e = "text",
-    animation: t = "pulse",
-    width: l,
-    height: s,
-    borderRadius: d,
-    count: S = 1,
-    gap: E = 8,
-    className: o,
-    style: a,
-    testId: p,
-    ...h
-  }, y) => {
+    animation: r = "pulse",
+    width: s,
+    height: l,
+    borderRadius: o,
+    count: a = 1,
+    gap: p = 8,
+    className: d,
+    style: n,
+    testId: h,
+    ...E
+  }, N) => {
     _(() => {
-      t === "wave" && T();
-    }, [t]);
-    const c = (n) => {
-      if (n !== void 0)
-        return typeof n == "number" ? `${n}px` : n;
-    }, N = {
-      width: c(l),
-      height: c(s) || (e === "text" ? w : void 0),
-      borderRadius: d ? c(d) : void 0,
-      ...a
-    }, g = A(
-      C,
-      b[e],
-      L[t],
+      r === "wave" && x();
+    }, [r]);
+    const c = (i) => {
+      if (i !== void 0)
+        return typeof i == "number" ? `${i}px` : i;
+    }, g = {
+      width: c(s),
+      height: c(l) || (e === "text" ? C : void 0),
+      borderRadius: o ? c(o) : void 0,
+      ...n
+    }, y = k(
+      w,
+      L[e],
+      b[r],
       v,
-      o
+      d
     );
-    return S > 1 ? /* @__PURE__ */ r(
+    return a > 1 ? /* @__PURE__ */ t(
       "div",
       {
         className: "Bear-Skeleton__group flex flex-col",
-        style: { gap: c(E) },
-        "data-testid": p,
-        children: Array.from({ length: S }).map((n, u) => /* @__PURE__ */ r(
+        style: { gap: c(p) },
+        "data-testid": h,
+        children: Array.from({ length: a }).map((i, A) => /* @__PURE__ */ t(
           "div",
           {
-            ref: u === 0 ? y : void 0,
-            className: g,
-            style: N,
-            ...h
+            ref: A === 0 ? N : void 0,
+            className: y,
+            style: g,
+            ...E
           },
-          u
+          A
         ))
       }
-    ) : /* @__PURE__ */ r(
+    ) : /* @__PURE__ */ t(
       "div",
       {
-        ref: y,
-        className: g,
-        style: N,
-        "data-testid": p,
-        ...h
+        ref: N,
+        className: y,
+        style: g,
+        "data-testid": h,
+        ...E
       }
     );
   }
 );
-i.displayName = "Skeleton";
-const k = m(
-  ({ lines: e = 3, lastLineWidth: t = "80%", gap: l = 8, animation: s = "pulse", ...d }, S) => (_(() => {
-    s === "wave" && T();
-  }, [s]), /* @__PURE__ */ r(
+S.displayName = "Skeleton";
+const T = m(
+  ({ lines: e = 3, lastLineWidth: r = "80%", gap: s = 8, animation: l = "pulse", ...o }, a) => (_(() => {
+    l === "wave" && x();
+  }, [l]), /* @__PURE__ */ t(
     "div",
     {
-      ref: S,
+      ref: a,
       className: "Bear-SkeletonText flex flex-col",
-      style: { gap: ((o) => {
-        if (o !== void 0)
-          return typeof o == "number" ? `${o}px` : o;
-      })(l) },
-      children: Array.from({ length: e }).map((o, a) => /* @__PURE__ */ r(
-        i,
+      style: { gap: ((d) => {
+        if (d !== void 0)
+          return typeof d == "number" ? `${d}px` : d;
+      })(s) },
+      children: Array.from({ length: e }).map((d, n) => /* @__PURE__ */ t(
+        S,
         {
           variant: "text",
-          animation: s,
-          width: a === e - 1 ? t : "100%",
-          ...d
+          animation: l,
+          width: n === e - 1 ? r : "100%",
+          ...o
         },
-        a
+        n
       ))
     }
   ))
 );
-k.displayName = "SkeletonText";
-const x = m(
-  ({ size: e = "md", animation: t = "pulse", ...l }, s) => {
-    const d = typeof e == "number" ? e : O[e];
-    return /* @__PURE__ */ r(
-      i,
+T.displayName = "SkeletonText";
+const u = m(
+  ({ size: e = "md", animation: r = "pulse", ...s }, l) => {
+    const o = typeof e == "number" ? e : O[e];
+    return /* @__PURE__ */ t(
+      S,
       {
-        ref: s,
+        ref: l,
         variant: "circular",
-        animation: t,
-        width: d,
-        height: d,
-        ...l
+        animation: r,
+        width: o,
+        height: o,
+        ...s
       }
     );
   }
 );
-x.displayName = "SkeletonAvatar";
-const B = m(
-  ({ animation: e = "pulse", className: t, ...l }, s) => /* @__PURE__ */ f(
+u.displayName = "SkeletonAvatar";
+const K = m(
+  ({ animation: e = "pulse", className: r, ...s }, l) => /* @__PURE__ */ f(
     "div",
     {
-      ref: s,
-      className: A(
+      ref: l,
+      className: k(
         "Bear-SkeletonCard p-4 rounded-lg border border-gray-200 dark:border-zinc-700 bg-white dark:bg-zinc-900",
-        t
+        r
       ),
-      ...l,
+      ...s,
       children: [
         /* @__PURE__ */ f("div", { className: "flex items-center gap-3 mb-4", children: [
-          /* @__PURE__ */ r(x, { animation: e }),
+          /* @__PURE__ */ t(u, { animation: e }),
           /* @__PURE__ */ f("div", { className: "flex-1", children: [
-            /* @__PURE__ */ r(i, { animation: e, width: "60%", height: 16, className: "mb-2" }),
-            /* @__PURE__ */ r(i, { animation: e, width: "40%", height: 12 })
+            /* @__PURE__ */ t(S, { animation: e, width: "60%", height: 16, className: "mb-2" }),
+            /* @__PURE__ */ t(S, { animation: e, width: "40%", height: 12 })
           ] })
         ] }),
-        /* @__PURE__ */ r(k, { animation: e, lines: 3 })
+        /* @__PURE__ */ t(T, { animation: e, lines: 3 })
       ]
     }
   )
 );
-B.displayName = "SkeletonCard";
+K.displayName = "SkeletonCard";
 export {
-  i as Skeleton,
-  x as SkeletonAvatar,
-  B as SkeletonCard,
-  k as SkeletonText
+  S as Skeleton,
+  u as SkeletonAvatar,
+  K as SkeletonCard,
+  T as SkeletonText
 };

package/dist/components/Skeleton/Skeleton.utils.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./Skeleton.const.cjs"),t="bear-skeleton-styles",o=()=>{if(typeof document<"u"&&!document.getElementById(t)){const e=document.createElement("style");e.id=t,e.textContent=n.SKELETON_WAVE_STYLES,document.head.appendChild(e)}};exports.injectStyles=o;

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

@@ -0,0 +1 @@
+export declare const injectStyles: () => void;

package/dist/components/Skeleton/Skeleton.utils.js

@@ -0,0 +1,10 @@
+import { SKELETON_WAVE_STYLES as n } from "./Skeleton.const.js";
+const t = "bear-skeleton-styles", d = () => {
+  if (typeof document < "u" && !document.getElementById(t)) {
+    const e = document.createElement("style");
+    e.id = t, e.textContent = n, document.head.appendChild(e);
+  }
+};
+export {
+  d as injectStyles
+};

package/dist/components/SliderRange/SliderRange.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const h=require("react/jsx-runtime"),u=require("react"),d=require("../../utils/cn.cjs"),X={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"}},Y={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"},warning:{track:"bear-bg-amber-500",thumb:"bear-bg-amber-500 bear-border-amber-600"},error:{track:"bear-bg-red-500",thumb:"bear-bg-red-500 bear-border-red-600"},danger:{track:"bear-bg-red-500",thumb:"bear-bg-red-500 bear-border-red-600"},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"}},_=(c,f,e,r)=>{const l=Math.round(c/r)*r;return Math.max(f,Math.min(e,l))},A=({value:c,defaultValue:f=[20,80],min:e=0,max:r=100,step:l=1,size:$="md",color:q="primary",disabled:b=!1,onChange:s,onChangeCommitted:g,valueFormatter:B=w=>String(w),className:z,...O})=>{const[w,L]=u.useState(f),[t,E]=u.useState(null),y=u.useRef(null),k=c??w,[n,o]=k,x=(n-e)/(r-e)*100,j=(o-e)/(r-e)*100,m=X[$],M=Y[q],S=u.useCallback((a,v)=>{if(!y.current||b)return;const T=y.current.getBoundingClientRect(),P=Math.max(0,Math.min(1,(a-T.left)/T.width)),V=e+P*(r-e),D=_(V,e,r,l);if(v==="min"){const i=[Math.min(D,o-l),o];c===void 0&&L(i),s==null||s(i)}else{const I=Math.max(D,n+l),i=[n,I];c===void 0&&L(i),s==null||s(i)}},[e,r,l,n,o,b,c,s]),N=(a,v)=>{b||(a.preventDefault(),E(v),S(a.clientX,v))},p=u.useCallback(a=>{t&&S(a.clientX,t)},[t,S]),R=u.useCallback(()=>{t&&(E(null),g==null||g(k))},[t,k,g]);return u.useEffect(()=>{if(t)return document.addEventListener("mousemove",p),document.addEventListener("mouseup",R),()=>{document.removeEventListener("mousemove",p),document.removeEventListener("mouseup",R)}},[t,p,R]),h.jsx("div",{className:d.cn("bear-relative bear-w-full bear-flex bear-items-center",m.height,b&&"bear-opacity-50 bear-cursor-not-allowed",z),"data-testid":"slider-range",...O,children:h.jsxs("div",{ref:y,className:d.cn("bear-relative bear-w-full bear-rounded-full bear-bg-gray-200 dark:bear-bg-gray-700",m.track,!b&&"bear-cursor-pointer"),children:[h.jsx("div",{className:d.cn("bear-absolute bear-inset-y-0 bear-left-0 bear-rounded-full",M.track),style:{left:`${x}%`,width:`${j-x}%`}}),h.jsx("div",{role:"slider",tabIndex:b?-1:0,"aria-valuemin":e,"aria-valuemax":r,"aria-valuenow":n,"aria-label":"Range minimum",className:d.cn("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,M.thumb,!b&&"bear-cursor-grab active:bear-cursor-grabbing hover:bear-scale-110",t==="min"&&"bear-scale-125 bear-z-10"),style:{left:`${x}%`},onMouseDown:a=>N(a,"min")}),h.jsx("div",{role:"slider",tabIndex:b?-1:0,"aria-valuemin":e,"aria-valuemax":r,"aria-valuenow":o,"aria-label":"Range maximum",className:d.cn("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,M.thumb,!b&&"bear-cursor-grab active:bear-cursor-grabbing hover:bear-scale-110",t==="max"&&"bear-scale-125 bear-z-10"),style:{left:`${j}%`},onMouseDown:a=>N(a,"max")})]})})};exports.SliderRange=A;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),u=require("react"),i=require("../../utils/cn.cjs"),V=require("./SliderRange.utils.cjs"),X={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"}},Y={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"},warning:{track:"bear-bg-amber-500",thumb:"bear-bg-amber-500 bear-border-amber-600"},error:{track:"bear-bg-red-500",thumb:"bear-bg-red-500 bear-border-red-600"},danger:{track:"bear-bg-red-500",thumb:"bear-bg-red-500 bear-border-red-600"},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"}},A=({value:h,defaultValue:D=[20,80],min:e=0,max:t=100,step:d=1,size:I="md",color:$="primary",disabled:a=!1,onChange:s,onChangeCommitted:g,valueFormatter:B=f=>String(f),className:z,...O})=>{const[f,R]=u.useState(D),[b,L]=u.useState(null),w=u.useRef(null),y=h??f,[c,l]=y,k=(c-e)/(t-e)*100,E=(l-e)/(t-e)*100,m=X[I],x=Y[$],S=u.useCallback((r,v)=>{if(!w.current||a)return;const N=w.current.getBoundingClientRect(),P=Math.max(0,Math.min(1,(r-N.left)/N.width)),_=e+P*(t-e),T=V.stepValue(_,e,t,d);if(v==="min"){const n=[Math.min(T,l-d),l];h===void 0&&R(n),s==null||s(n)}else{const q=Math.max(T,c+d),n=[c,q];h===void 0&&R(n),s==null||s(n)}},[e,t,d,c,l,a,h,s]),j=(r,v)=>{a||(r.preventDefault(),L(v),S(r.clientX,v))},p=u.useCallback(r=>{b&&S(r.clientX,b)},[b,S]),M=u.useCallback(()=>{b&&(L(null),g==null||g(y))},[b,y,g]);return u.useEffect(()=>{if(b)return document.addEventListener("mousemove",p),document.addEventListener("mouseup",M),()=>{document.removeEventListener("mousemove",p),document.removeEventListener("mouseup",M)}},[b,p,M]),o.jsx("div",{className:i.cn("bear-relative bear-w-full bear-flex bear-items-center",m.height,a&&"bear-opacity-50 bear-cursor-not-allowed",z),"data-testid":"slider-range",...O,children:o.jsxs("div",{ref:w,className:i.cn("bear-relative bear-w-full bear-rounded-full bear-bg-gray-200 dark:bear-bg-gray-700",m.track,!a&&"bear-cursor-pointer"),children:[o.jsx("div",{className:i.cn("bear-absolute bear-inset-y-0 bear-left-0 bear-rounded-full",x.track),style:{left:`${k}%`,width:`${E-k}%`}}),o.jsx("div",{role:"slider",tabIndex:a?-1:0,"aria-valuemin":e,"aria-valuemax":t,"aria-valuenow":c,"aria-label":"Range minimum",className:i.cn("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,x.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:r=>j(r,"min")}),o.jsx("div",{role:"slider",tabIndex:a?-1:0,"aria-valuemin":e,"aria-valuemax":t,"aria-valuenow":l,"aria-label":"Range maximum",className:i.cn("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,x.thumb,!a&&"bear-cursor-grab active:bear-cursor-grabbing hover:bear-scale-110",b==="max"&&"bear-scale-125 bear-z-10"),style:{left:`${E}%`},onMouseDown:r=>j(r,"max")})]})})};exports.SliderRange=A;