@forgedevstack/bear 1.0.6 → 1.0.8

package/dist/components/SignPad/SignPad.js

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

package/dist/components/SliderRange/SliderRange.cjs

@@ -0,0 +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;

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

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { SliderRangeProps } from './SliderRange.types';
+export declare const SliderRange: FC<SliderRangeProps>;

package/dist/components/SliderRange/SliderRange.js

@@ -0,0 +1,142 @@
+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 = {
+  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 = {
+  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" }
+}, 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],
+  min: e = 0,
+  max: r = 100,
+  step: o = 1,
+  size: j = "md",
+  color: O = "primary",
+  disabled: b = !1,
+  onChange: u,
+  onChangeCommitted: h,
+  valueFormatter: Z = (f) => String(f),
+  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);
+      if (d === "min") {
+        const n = [Math.min(T, l - o), l];
+        s === void 0 && E(n), u == null || u(n);
+      } else {
+        const $ = Math.max(T, c + o), n = [c, $];
+        s === void 0 && E(n), u == null || u(n);
+      }
+    },
+    [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);
+    },
+    [t, x]
+  ), S = L(() => {
+    t && (R(null), h == null || h(y));
+  }, [t, y, h]);
+  return B(() => {
+    if (t)
+      return document.addEventListener("mousemove", M), document.addEventListener("mouseup", S), () => {
+        document.removeEventListener("mousemove", M), document.removeEventListener("mouseup", S);
+      };
+  }, [t, M, S]), /* @__PURE__ */ g(
+    "div",
+    {
+      className: i(
+        "bear-relative bear-w-full bear-flex bear-items-center",
+        m.height,
+        b && "bear-opacity-50 bear-cursor-not-allowed",
+        P
+      ),
+      "data-testid": "slider-range",
+      ...V,
+      children: /* @__PURE__ */ _(
+        "div",
+        {
+          ref: w,
+          className: i(
+            "bear-relative bear-w-full bear-rounded-full bear-bg-gray-200 dark:bear-bg-gray-700",
+            m.track,
+            !b && "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}%` }
+              }
+            ),
+            /* @__PURE__ */ g(
+              "div",
+              {
+                role: "slider",
+                tabIndex: b ? -1 : 0,
+                "aria-valuemin": e,
+                "aria-valuemax": r,
+                "aria-valuenow": c,
+                "aria-label": "Range minimum",
+                className: i(
+                  "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"
+                ),
+                style: { left: `${k}%` },
+                onMouseDown: (a) => D(a, "min")
+              }
+            ),
+            /* @__PURE__ */ g(
+              "div",
+              {
+                role: "slider",
+                tabIndex: b ? -1 : 0,
+                "aria-valuemin": e,
+                "aria-valuemax": r,
+                "aria-valuenow": l,
+                "aria-label": "Range maximum",
+                className: i(
+                  "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"
+                ),
+                style: { left: `${N}%` },
+                onMouseDown: (a) => D(a, "max")
+              }
+            )
+          ]
+        }
+      )
+    }
+  );
+};
+export {
+  K as SliderRange
+};

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

@@ -0,0 +1,17 @@
+import { HTMLAttributes } from 'react';
+import { BearSize, BearVariant } from '../../types';
+export type SliderRangeValue = [number, number];
+export interface SliderRangeProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange' | 'defaultValue'> {
+    value?: SliderRangeValue;
+    defaultValue?: SliderRangeValue;
+    min?: number;
+    max?: number;
+    step?: number;
+    size?: BearSize;
+    color?: BearVariant;
+    disabled?: boolean;
+    onChange?: (value: SliderRangeValue) => void;
+    onChangeCommitted?: (value: SliderRangeValue) => void;
+    valueFormatter?: (value: number) => string;
+    className?: string;
+}

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

@@ -0,0 +1,2 @@
+export { SliderRange } from './SliderRange';
+export type { SliderRangeProps, SliderRangeValue } from './SliderRange.types';

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

@@ -1,7 +1,7 @@
-import { EmberSize } from '../../types';
+import { BearSize } from '../../types';
 export interface SpinnerProps {
     /** Spinner size */
-    size?: EmberSize;
+    size?: BearSize;
     /** Additional class names */
     className?: string;
     /** Spinner color (CSS color value) */

package/dist/components/TagsInput/TagsInput.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const x=require("react/jsx-runtime"),b=require("react"),M=require("../../utils/cn.cjs"),$=require("../Chip/Chip.cjs"),O={sm:"bear-h-8 bear-text-sm bear-gap-1.5 bear-px-2",md:"bear-h-10 bear-text-base bear-gap-2 bear-px-3",lg:"bear-h-12 bear-text-lg bear-gap-2.5 bear-px-4"},P={sm:"sm",md:"md",lg:"lg"},_=({value:c,defaultValue:z=[],onChange:a,onAdd:u,onRemove:p,placeholder:I="Add tags...",disabled:o=!1,maxTags:n,minLength:y=1,maxLength:d,separators:k=[",","Enter"],size:m="md",fullWidth:S=!1,className:q})=>{const[B,w]=b.useState(z),[l,f]=b.useState(""),v=b.useRef(null),t=c??B,D=!n||t.length<n,g=b.useCallback(e=>{const r=e.trim().slice(0,d??e.length);if(!r||r.length<y||t.includes(r)||n!=null&&t.length>=n)return;const s=[...t,r];c===void 0&&w(s),a==null||a(s),u==null||u(r)},[t,c,y,d,n,a,u]),j=b.useCallback((e,r)=>{const s=t.filter((h,i)=>i!==r);c===void 0&&w(s),a==null||a(s),p==null||p(e,r)},[t,c,a,p]),T=e=>{k.includes(e.key)?(e.preventDefault(),l.trim()&&(g(l),f(""))):e.key==="Backspace"&&!l&&t.length&&j(t[t.length-1],t.length-1)},N=e=>{var h;const r=e.target.value,s=k.find(i=>r.includes(i));if(s){const i=r.split(s);i.slice(0,-1).forEach(K=>g(K)),f(((h=i[i.length-1])==null?void 0:h.trim())??"")}else f(r)},E=()=>{l.trim()&&(g(l),f(""))};return x.jsxs("div",{className:M.cn("Bear-TagsInput bear-flex bear-flex-wrap bear-items-center bear-rounded-lg bear-border bear-border-gray-300 dark:bear-border-zinc-600 bear-bg-white dark:bear-bg-zinc-900 bear-transition-colors focus-within:bear-border-bear-500 focus-within:bear-ring-2 focus-within:bear-ring-bear-500/20",o&&"bear-opacity-50 bear-cursor-not-allowed",S&&"bear-w-full",O[m],q),onClick:()=>{var e;return(e=v.current)==null?void 0:e.focus()},children:[t.map((e,r)=>x.jsx($.Chip,{variant:"soft",color:"primary",size:P[m],onDelete:o?void 0:()=>j(e,r),className:"bear-shrink-0",children:e},`${e}-${r}`)),D&&x.jsx("input",{ref:v,type:"text",value:l,onChange:N,onKeyDown:T,onBlur:E,placeholder:t.length?"":I,disabled:o,maxLength:d,className:"bear-min-w-[80px] bear-flex-1 bear-bg-transparent bear-outline-none bear-text-gray-900 dark:bear-text-white placeholder:bear-text-gray-500 dark:placeholder:bear-text-zinc-500"})]})};exports.TagsInput=_;

package/dist/components/TagsInput/TagsInput.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { TagsInputProps } from './TagsInput.types';
+export declare const TagsInput: FC<TagsInputProps>;

package/dist/components/TagsInput/TagsInput.js

@@ -0,0 +1,100 @@
+import { jsxs as _, jsx as v } from "react/jsx-runtime";
+import { useState as z, useRef as q, useCallback as B } from "react";
+import { cn as F } from "../../utils/cn.js";
+import { Chip as G } from "../Chip/Chip.js";
+const H = {
+  sm: "bear-h-8 bear-text-sm bear-gap-1.5 bear-px-2",
+  md: "bear-h-10 bear-text-base bear-gap-2 bear-px-3",
+  lg: "bear-h-12 bear-text-lg bear-gap-2.5 bear-px-4"
+}, J = { sm: "sm", md: "md", lg: "lg" }, W = ({
+  value: c,
+  defaultValue: D = [],
+  onChange: a,
+  onAdd: b,
+  onRemove: p,
+  placeholder: I = "Add tags...",
+  disabled: u = !1,
+  maxTags: n,
+  minLength: h = 1,
+  maxLength: o,
+  separators: m = [",", "Enter"],
+  size: x = "md",
+  fullWidth: N = !1,
+  className: j
+}) => {
+  const [E, k] = z(D), [l, f] = z(""), w = q(null), t = c ?? E, K = !n || t.length < n, d = B(
+    (e) => {
+      const r = e.trim().slice(0, o ?? e.length);
+      if (!r || r.length < h || t.includes(r) || n != null && t.length >= n) return;
+      const s = [...t, r];
+      c === void 0 && k(s), a == null || a(s), b == null || b(r);
+    },
+    [t, c, h, o, n, a, b]
+  ), y = B(
+    (e, r) => {
+      const s = t.filter((g, i) => i !== r);
+      c === void 0 && k(s), a == null || a(s), p == null || p(e, r);
+    },
+    [t, c, a, p]
+  ), S = (e) => {
+    m.includes(e.key) ? (e.preventDefault(), l.trim() && (d(l), f(""))) : e.key === "Backspace" && !l && t.length && y(t[t.length - 1], t.length - 1);
+  }, T = (e) => {
+    var g;
+    const r = e.target.value, s = m.find((i) => r.includes(i));
+    if (s) {
+      const i = r.split(s);
+      i.slice(0, -1).forEach((M) => d(M)), f(((g = i[i.length - 1]) == null ? void 0 : g.trim()) ?? "");
+    } else
+      f(r);
+  }, $ = () => {
+    l.trim() && (d(l), f(""));
+  };
+  return /* @__PURE__ */ _(
+    "div",
+    {
+      className: F(
+        "Bear-TagsInput bear-flex bear-flex-wrap bear-items-center bear-rounded-lg bear-border bear-border-gray-300 dark:bear-border-zinc-600 bear-bg-white dark:bear-bg-zinc-900 bear-transition-colors focus-within:bear-border-bear-500 focus-within:bear-ring-2 focus-within:bear-ring-bear-500/20",
+        u && "bear-opacity-50 bear-cursor-not-allowed",
+        N && "bear-w-full",
+        H[x],
+        j
+      ),
+      onClick: () => {
+        var e;
+        return (e = w.current) == null ? void 0 : e.focus();
+      },
+      children: [
+        t.map((e, r) => /* @__PURE__ */ v(
+          G,
+          {
+            variant: "soft",
+            color: "primary",
+            size: J[x],
+            onDelete: u ? void 0 : () => y(e, r),
+            className: "bear-shrink-0",
+            children: e
+          },
+          `${e}-${r}`
+        )),
+        K && /* @__PURE__ */ v(
+          "input",
+          {
+            ref: w,
+            type: "text",
+            value: l,
+            onChange: T,
+            onKeyDown: S,
+            onBlur: $,
+            placeholder: t.length ? "" : I,
+            disabled: u,
+            maxLength: o,
+            className: "bear-min-w-[80px] bear-flex-1 bear-bg-transparent bear-outline-none bear-text-gray-900 dark:bear-text-white placeholder:bear-text-gray-500 dark:placeholder:bear-text-zinc-500"
+          }
+        )
+      ]
+    }
+  );
+};
+export {
+  W as TagsInput
+};

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

@@ -0,0 +1,16 @@
+export interface TagsInputProps {
+    value?: string[];
+    defaultValue?: string[];
+    onChange?: (tags: string[]) => void;
+    onAdd?: (tag: string) => void;
+    onRemove?: (tag: string, index: number) => void;
+    placeholder?: string;
+    disabled?: boolean;
+    maxTags?: number;
+    minLength?: number;
+    maxLength?: number;
+    separators?: string[];
+    size?: 'sm' | 'md' | 'lg';
+    fullWidth?: boolean;
+    className?: string;
+}

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

@@ -0,0 +1,2 @@
+export { TagsInput } from './TagsInput';
+export type { TagsInputProps } from './TagsInput.types';

package/dist/components/Terminal/Terminal.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),n=require("react"),K=require("../../utils/cn.cjs"),P=require("../Typography/Typography.cjs"),B=require("../Spinner/Spinner.cjs"),l=require("./Terminal.const.cjs"),O=({lines:m,onCommand:u,cwd:E=l.TERMINAL_DEFAULTS.CWD,user:S=l.TERMINAL_DEFAULTS.USER,host:w=l.TERMINAL_DEFAULTS.HOST,prompt:h,title:I=l.TERMINAL_DEFAULTS.TITLE,showHeader:y=!0,showLineNumbers:L=!1,showTimestamps:R=!1,readOnly:x=!1,height:f=l.TERMINAL_DEFAULTS.HEIGHT,theme:k="dark",history:A,onHistoryChange:C,autoScroll:g=!0,className:D,testId:M,isLoading:j=!1})=>{const a=l.TERMINAL_THEMES[k],[o,c]=n.useState(""),[i,p]=n.useState(-1),[_,H]=n.useState([]),r=A??_,N=C??H,T=n.useRef(null),d=n.useRef(null);n.useEffect(()=>{g&&d.current&&(d.current.scrollTop=d.current.scrollHeight)},[m,g]);const U=n.useCallback(()=>{var s;x||(s=T.current)==null||s.focus()},[x]),b=n.useCallback(()=>{o.trim()&&u&&(u(o.trim()),N([...r,o.trim()]),p(-1),c(""))},[o,u,r,N]),q=n.useCallback(s=>{if(s.key==="Enter")b();else if(s.key==="ArrowUp"){if(s.preventDefault(),r.length>0){const t=i===-1?r.length-1:Math.max(0,i-1);p(t),c(r[t])}}else if(s.key==="ArrowDown"){if(s.preventDefault(),i!==-1){const t=i+1;t>=r.length?(p(-1),c("")):(p(t),c(r[t]))}}else s.key==="c"&&s.ctrlKey&&(c(""),p(-1))},[b,r,i]),v=()=>h||e.jsxs(e.Fragment,{children:[e.jsxs("span",{style:{color:a.prompt},children:[S,"@",w]}),e.jsx("span",{className:"opacity-50",children:":"}),e.jsx("span",{className:"text-blue-400",children:E}),e.jsx("span",{className:"opacity-50",children:"$"})]}),F=(s,t)=>{const $=l.LINE_TYPE_COLORS[s.type];return e.jsxs("div",{className:"flex gap-2 py-0.5 hover:bg-white/5",children:[L&&e.jsx("span",{className:"opacity-30 w-8 text-right select-none",children:t+1}),R&&s.timestamp&&e.jsxs("span",{className:"opacity-30 select-none",children:["[",s.timestamp.toLocaleTimeString(),"]"]}),s.type==="input"?e.jsxs("div",{className:"flex gap-2",children:[e.jsx("span",{className:"flex gap-1 select-none",children:s.prefix||v()}),e.jsx("span",{children:s.content})]}):e.jsx("span",{style:{color:$},children:s.content})]},s.id)};return e.jsxs("div",{className:K.cn("Bear-Terminal","rounded-lg overflow-hidden font-mono text-sm",D),style:{backgroundColor:a.bg,color:a.text,border:`1px solid ${a.border}`,height:typeof f=="number"?`${f}px`:f},"data-testid":M,onClick:U,children:[y&&e.jsxs("div",{className:"flex items-center gap-2 px-4 py-2",style:{backgroundColor:a.header,borderBottom:`1px solid ${a.border}`},children:[e.jsxs("div",{className:"flex gap-1.5",children:[e.jsx("div",{className:"w-3 h-3 rounded-full bg-red-500"}),e.jsx("div",{className:"w-3 h-3 rounded-full bg-yellow-500"}),e.jsx("div",{className:"w-3 h-3 rounded-full bg-green-500"})]}),e.jsx(P.Typography,{variant:"caption",className:"flex-1 text-center opacity-60",children:I}),e.jsx("div",{className:"w-14"})," "]}),e.jsxs("div",{ref:d,className:"overflow-y-auto p-4",style:{height:y?"calc(100% - 40px)":"100%"},children:[m.map((s,t)=>F(s,t)),j&&e.jsxs("div",{className:"flex items-center gap-2 py-0.5",children:[e.jsx(B.Spinner,{size:"sm"}),e.jsx("span",{className:"opacity-50",children:"Processing..."})]}),!x&&e.jsxs("div",{className:"flex gap-2 py-0.5",children:[e.jsx("span",{className:"flex gap-1 select-none",children:v()}),e.jsx("input",{ref:T,type:"text",value:o,onChange:s=>c(s.target.value),onKeyDown:q,className:"flex-1 bg-transparent outline-none caret-current",style:{color:"inherit"},autoComplete:"off",spellCheck:!1,disabled:j})]})]})]})};exports.Terminal=O;

package/dist/components/Terminal/Terminal.const.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={HEIGHT:400,USER:"user",HOST:"localhost",CWD:"~",TITLE:"Terminal"},a={input:"inherit",output:"inherit",error:"#ef4444",success:"#22c55e",warning:"#f59e0b",info:"#3b82f6",system:"#a855f7"},t={dark:{bg:"#1a1a2e",text:"#eaeaea",prompt:"#22c55e",border:"#2d2d44",header:"#16162a"},light:{bg:"#fafafa",text:"#1a1a2e",prompt:"#16a34a",border:"#e5e5e5",header:"#f0f0f0"},matrix:{bg:"#0d0d0d",text:"#00ff00",prompt:"#00ff00",border:"#003300",header:"#0a0a0a"}};exports.LINE_TYPE_COLORS=a;exports.TERMINAL_DEFAULTS=e;exports.TERMINAL_THEMES=t;

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

@@ -0,0 +1,32 @@
+import { TerminalLineType } from './Terminal.types';
+export declare const TERMINAL_DEFAULTS: {
+    readonly HEIGHT: 400;
+    readonly USER: "user";
+    readonly HOST: "localhost";
+    readonly CWD: "~";
+    readonly TITLE: "Terminal";
+};
+export declare const LINE_TYPE_COLORS: Record<TerminalLineType, string>;
+export declare const TERMINAL_THEMES: {
+    readonly dark: {
+        readonly bg: "#1a1a2e";
+        readonly text: "#eaeaea";
+        readonly prompt: "#22c55e";
+        readonly border: "#2d2d44";
+        readonly header: "#16162a";
+    };
+    readonly light: {
+        readonly bg: "#fafafa";
+        readonly text: "#1a1a2e";
+        readonly prompt: "#16a34a";
+        readonly border: "#e5e5e5";
+        readonly header: "#f0f0f0";
+    };
+    readonly matrix: {
+        readonly bg: "#0d0d0d";
+        readonly text: "#00ff00";
+        readonly prompt: "#00ff00";
+        readonly border: "#003300";
+        readonly header: "#0a0a0a";
+    };
+};