@forgedevstack/bear 1.3.0 → 1.3.1

package/dist/components/ResizablePanel/useResizablePanel.js

@@ -0,0 +1,33 @@
+import { useState as l, useRef as z } from "react";
+import "../../context/BearProvider.js";
+import "react/jsx-runtime";
+import "../../hooks/useBearComponent/useBearComponent.js";
+import { FIFTY as S, NINETY as g, TEN as P } from "../../constants/numbers.const.js";
+import { usePointerDrag as R } from "../../hooks/usePointerDrag/usePointerDrag.js";
+import "../FormControl/FormControl.context.js";
+import { clamp as d } from "../../utils/clamp.utils.js";
+import { getResizePercentage as x } from "./ResizablePanel.utils.js";
+const B = (i) => {
+  const {
+    direction: n,
+    defaultSize: c = S,
+    minSize: m = P,
+    maxSize: s = g,
+    onResize: e
+  } = i, [p, u] = l(c), t = z(null), { onPointerDown: a } = R({
+    onMove: (o) => {
+      if (!t.current)
+        return;
+      const f = t.current.getBoundingClientRect(), r = d(
+        x(f, n, o.clientX, o.clientY),
+        m,
+        s
+      );
+      u(r), e == null || e(r);
+    }
+  });
+  return { size: p, containerRef: t, onPointerDown: a };
+};
+export {
+  B as useResizablePanel
+};

package/dist/components/ResizableTextarea/ResizableTextarea.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("react"),d=require("../../utils/cn.cjs"),j=require("./ResizableTextarea.const.cjs"),I=({label:f,helperText:v,error:u,minHeight:r=j.DEFAULT_MIN_HEIGHT,maxHeight:n=j.DEFAULT_MAX_HEIGHT,resizable:s=!0,showCharCount:y=!1,charCountMax:k,className:E,style:L,testId:N,...a})=>{const x=!!u,l=k??a.maxLength,p=typeof a.value=="string"?a.value.length:typeof a.defaultValue=="string"?a.defaultValue.length:0,z=l!=null&&p>l,B=i.useRef(null),[g,M]=i.useState(r),m=i.useRef(0),h=i.useRef(r),D=i.useCallback(t=>{var w,T;if(!s)return;t.preventDefault(),m.current=t.clientY,h.current=g,(T=(w=t.target).setPointerCapture)==null||T.call(w,t.pointerId);const R=b=>{const c=b.clientY-m.current;let o=h.current+c;r>0&&(o=Math.max(r,o)),n>0&&(o=Math.min(n,o)),M(o)},_=()=>{var b,c;(c=(b=t.target).releasePointerCapture)==null||c.call(b,t.pointerId),window.removeEventListener("pointermove",R),window.removeEventListener("pointerup",_)};window.addEventListener("pointermove",R),window.addEventListener("pointerup",_)},[s,g,r,n]);return e.jsxs("div",{className:d.cn("Bear-ResizableTextarea bear-flex bear-flex-col bear-gap-1.5",E),"data-testid":N,children:[f&&e.jsx("label",{className:"Bear-ResizableTextarea__label bear-text-sm bear-font-medium bear-text-gray-700 dark:bear-text-gray-300",children:f}),e.jsxs("div",{className:"bear-relative",children:[e.jsx("textarea",{ref:B,"aria-invalid":x||void 0,className:d.cn("bear-w-full bear-rounded-lg bear-border","bear-bg-white dark:bear-bg-gray-900 bear-text-gray-900 dark:bear-text-gray-100","bear-p-3 bear-resize-none focus:bear-outline-none focus:bear-ring-2",x?"bear-border-red-500 focus:bear-ring-red-500":"bear-border-gray-300 dark:bear-border-gray-600 focus:bear-ring-primary-500/50"),style:{...L,minHeight:s?r:void 0,height:s?g:void 0,maxHeight:n>0?n:void 0},...a}),s&&e.jsx("div",{role:"separator",onPointerDown:D,className:"Bear-ResizableTextarea__handle bear-absolute bear-right-0 bear-bottom-0 bear-w-4 bear-h-4 bear-cursor-s-resize bear-opacity-50 hover:bear-opacity-100",style:{background:"linear-gradient(135deg, transparent 50%, currentColor 50%)"}})]}),e.jsxs("div",{className:"Bear-ResizableTextarea__footer bear-flex bear-items-center bear-justify-between bear-gap-2",children:[v||u?e.jsx("p",{className:d.cn("Bear-ResizableTextarea__helper bear-text-sm bear-flex-1",x?"bear-text-red-500":"bear-text-gray-500 dark:bear-text-gray-400"),children:u||v}):y?e.jsx("span",{}):null,y&&l!=null&&e.jsxs("span",{className:d.cn("Bear-ResizableTextarea__char-count bear-text-xs bear-tabular-nums bear-shrink-0",z?"bear-text-red-500":"bear-text-gray-400 dark:bear-text-gray-500"),children:[p,"/",l]})]})]})};exports.ResizableTextarea=I;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),x=require("react"),i=require("../../utils/cn.cjs"),H=require("../../utils/clamp.utils.cjs");require("../../context/BearProvider.cjs");require("../../hooks/useBearComponent/useBearComponent.cjs");const a=require("../../constants/numbers.const.cjs"),P=require("../../constants/generals.const.cjs"),D=require("../../hooks/usePointerDrag/usePointerDrag.cjs");require("../FormControl/FormControl.context.cjs");const I=require("../FormControl/FormControl.cjs"),R=require("../Typography/Typography.cjs"),g=require("./ResizableTextarea.utils.cjs"),k=f=>{const{label:_,helperText:d,error:c,minHeight:r=a.EIGHTY,maxHeight:t=a.FOUR_HUNDRED,resizable:n=P.BOOLEAN_TRUE,showCharCount:h=!1,charCountMax:q,className:v,testId:z,...l}=f,s=!!c,o=q??l.maxLength,p=g.getTextareaLength(l),N=o!=null&&p>o,b=x.useRef(null),[m,j]=x.useState(r),y=x.useRef(r),{onPointerDown:B}=D.usePointerDrag({enabled:n,onMove:(u,w)=>{const T=H.clamp(y.current+(u.clientY-w.clientY),r>a.ZERO?r:a.ZERO,t>a.ZERO?t:Number.POSITIVE_INFINITY);j(T),g.applyTextareaHeight(b.current,T,r,t,n)}});g.applyTextareaHeight(b.current,m,r,t,n);const E=u=>{y.current=m,B(u)},O=()=>d||c?e.jsx(R.Typography,{component:"p",variant:"body2",className:i.cn("Bear-ResizableTextarea__helper bear-flex-1",s?"bear-text-red-500":"bear-text-gray-500 dark:bear-text-gray-400"),children:c||d}):h?e.jsx("span",{}):null;return e.jsxs(I.FormControl,{label:_,helperText:void 0,error:s,className:i.cn("Bear-ResizableTextarea",v),testId:z,children:[e.jsxs("div",{className:"bear-relative",children:[e.jsx("textarea",{ref:b,"aria-invalid":s||void 0,className:i.cn("Bear-ResizableTextarea__field bear-w-full bear-rounded-lg bear-border","bear-bg-white dark:bear-bg-gray-900 bear-text-gray-900 dark:bear-text-gray-100","bear-p-3 bear-resize-none focus:bear-outline-none focus:bear-ring-2",s?"bear-border-red-500 focus:bear-ring-red-500":"bear-border-gray-300 dark:bear-border-gray-600 focus:bear-ring-primary-500/50"),...l}),n&&e.jsx("div",{role:"separator",onPointerDown:E,className:"Bear-ResizableTextarea__handle bear-absolute bear-right-0 bear-bottom-0 bear-w-4 bear-h-4 bear-cursor-s-resize bear-opacity-50 hover:bear-opacity-100 Bear-ResizableTextarea__handle--grip"})]}),e.jsxs("div",{className:"Bear-ResizableTextarea__footer bear-flex bear-items-center bear-justify-between bear-gap-2",children:[O(),h&&o!=null&&e.jsxs(R.Typography,{component:"span",variant:"caption",className:i.cn("Bear-ResizableTextarea__char-count bear-tabular-nums bear-shrink-0",N?"bear-text-red-500":"bear-text-gray-400 dark:bear-text-gray-500"),children:[p,"/",o]})]})]})};exports.ResizableTextarea=k;

package/dist/components/ResizableTextarea/ResizableTextarea.d.ts

@@ -1,3 +1,2 @@
-import { FC } from 'react';
 import { ResizableTextareaProps } from './ResizableTextarea.types';
-export declare const ResizableTextarea: FC<ResizableTextareaProps>;
+export declare const ResizableTextarea: (props: ResizableTextareaProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/ResizableTextarea/ResizableTextarea.js

@@ -1,96 +1,111 @@
-import { jsxs as d, jsx as s } from "react/jsx-runtime";
-import { useRef as m, useState as j, useCallback as A } from "react";
-import { cn as c } from "../../utils/cn.js";
-import { DEFAULT_MIN_HEIGHT as U, DEFAULT_MAX_HEIGHT as Y } from "./ResizableTextarea.const.js";
-const O = ({
-  label: p,
-  helperText: x,
-  error: u,
-  minHeight: e = U,
-  maxHeight: t = Y,
-  resizable: n = !0,
-  showCharCount: v = !1,
-  charCountMax: L,
-  className: N,
-  style: R,
-  testId: B,
-  ...r
-}) => {
-  const f = !!u, i = L ?? r.maxLength, y = typeof r.value == "string" ? r.value.length : typeof r.defaultValue == "string" ? r.defaultValue.length : 0, M = i != null && y > i, z = m(null), [g, D] = j(e), h = m(0), _ = m(e), I = A((a) => {
-    var k, E;
-    if (!n) return;
-    a.preventDefault(), h.current = a.clientY, _.current = g, (E = (k = a.target).setPointerCapture) == null || E.call(k, a.pointerId);
-    const w = (l) => {
-      const b = l.clientY - h.current;
-      let o = _.current + b;
-      e > 0 && (o = Math.max(e, o)), t > 0 && (o = Math.min(t, o)), D(o);
-    }, T = () => {
-      var l, b;
-      (b = (l = a.target).releasePointerCapture) == null || b.call(l, a.pointerId), window.removeEventListener("pointermove", w), window.removeEventListener("pointerup", T);
-    };
-    window.addEventListener("pointermove", w), window.addEventListener("pointerup", T);
-  }, [n, g, e, t]);
-  return /* @__PURE__ */ d("div", { className: c("Bear-ResizableTextarea bear-flex bear-flex-col bear-gap-1.5", N), "data-testid": B, children: [
-    p && /* @__PURE__ */ s("label", { className: "Bear-ResizableTextarea__label bear-text-sm bear-font-medium bear-text-gray-700 dark:bear-text-gray-300", children: p }),
-    /* @__PURE__ */ d("div", { className: "bear-relative", children: [
-      /* @__PURE__ */ s(
-        "textarea",
-        {
-          ref: z,
-          "aria-invalid": f || void 0,
-          className: c(
-            "bear-w-full bear-rounded-lg bear-border",
-            "bear-bg-white dark:bear-bg-gray-900 bear-text-gray-900 dark:bear-text-gray-100",
-            "bear-p-3 bear-resize-none focus:bear-outline-none focus:bear-ring-2",
-            f ? "bear-border-red-500 focus:bear-ring-red-500" : "bear-border-gray-300 dark:bear-border-gray-600 focus:bear-ring-primary-500/50"
-          ),
-          style: {
-            ...R,
-            minHeight: n ? e : void 0,
-            height: n ? g : void 0,
-            maxHeight: t > 0 ? t : void 0
-          },
-          ...r
-        }
+import { jsxs as n, jsx as i } from "react/jsx-runtime";
+import { useRef as y, useState as O } from "react";
+import { cn as s } from "../../utils/cn.js";
+import { clamp as P } from "../../utils/clamp.utils.js";
+import "../../context/BearProvider.js";
+import "../../hooks/useBearComponent/useBearComponent.js";
+import { EIGHTY as L, FOUR_HUNDRED as C, ZERO as p } from "../../constants/numbers.const.js";
+import { BOOLEAN_TRUE as F } from "../../constants/generals.const.js";
+import { usePointerDrag as M } from "../../hooks/usePointerDrag/usePointerDrag.js";
+import "../FormControl/FormControl.context.js";
+import { FormControl as Y } from "../FormControl/FormControl.js";
+import { Typography as T } from "../Typography/Typography.js";
+import { getTextareaLength as j, applyTextareaHeight as R } from "./ResizableTextarea.utils.js";
+const ee = (_) => {
+  const {
+    label: N,
+    helperText: d,
+    error: b,
+    minHeight: e = L,
+    maxHeight: r = C,
+    resizable: a = F,
+    showCharCount: x = !1,
+    charCountMax: v,
+    className: z,
+    testId: B,
+    ...l
+  } = _, t = !!b, o = v ?? l.maxLength, h = j(l), w = o != null && h > o, c = y(null), [u, E] = O(e), g = y(e), { onPointerDown: H } = M({
+    enabled: a,
+    onMove: (m, D) => {
+      const f = P(
+        g.current + (m.clientY - D.clientY),
+        e > p ? e : p,
+        r > p ? r : Number.POSITIVE_INFINITY
+      );
+      E(f), R(c.current, f, e, r, a);
+    }
+  });
+  R(c.current, u, e, r, a);
+  const I = (m) => {
+    g.current = u, H(m);
+  }, k = () => d || b ? /* @__PURE__ */ i(
+    T,
+    {
+      component: "p",
+      variant: "body2",
+      className: s(
+        "Bear-ResizableTextarea__helper bear-flex-1",
+        t ? "bear-text-red-500" : "bear-text-gray-500 dark:bear-text-gray-400"
       ),
-      n && /* @__PURE__ */ s(
-        "div",
-        {
-          role: "separator",
-          onPointerDown: I,
-          className: "Bear-ResizableTextarea__handle bear-absolute bear-right-0 bear-bottom-0 bear-w-4 bear-h-4 bear-cursor-s-resize bear-opacity-50 hover:bear-opacity-100",
-          style: { background: "linear-gradient(135deg, transparent 50%, currentColor 50%)" }
-        }
-      )
-    ] }),
-    /* @__PURE__ */ d("div", { className: "Bear-ResizableTextarea__footer bear-flex bear-items-center bear-justify-between bear-gap-2", children: [
-      x || u ? /* @__PURE__ */ s(
-        "p",
-        {
-          className: c(
-            "Bear-ResizableTextarea__helper bear-text-sm bear-flex-1",
-            f ? "bear-text-red-500" : "bear-text-gray-500 dark:bear-text-gray-400"
-          ),
-          children: u || x
-        }
-      ) : v ? /* @__PURE__ */ s("span", {}) : null,
-      v && i != null && /* @__PURE__ */ d(
-        "span",
-        {
-          className: c(
-            "Bear-ResizableTextarea__char-count bear-text-xs bear-tabular-nums bear-shrink-0",
-            M ? "bear-text-red-500" : "bear-text-gray-400 dark:bear-text-gray-500"
+      children: b || d
+    }
+  ) : x ? /* @__PURE__ */ i("span", {}) : null;
+  return /* @__PURE__ */ n(
+    Y,
+    {
+      label: N,
+      helperText: void 0,
+      error: t,
+      className: s("Bear-ResizableTextarea", z),
+      testId: B,
+      children: [
+        /* @__PURE__ */ n("div", { className: "bear-relative", children: [
+          /* @__PURE__ */ i(
+            "textarea",
+            {
+              ref: c,
+              "aria-invalid": t || void 0,
+              className: s(
+                "Bear-ResizableTextarea__field bear-w-full bear-rounded-lg bear-border",
+                "bear-bg-white dark:bear-bg-gray-900 bear-text-gray-900 dark:bear-text-gray-100",
+                "bear-p-3 bear-resize-none focus:bear-outline-none focus:bear-ring-2",
+                t ? "bear-border-red-500 focus:bear-ring-red-500" : "bear-border-gray-300 dark:bear-border-gray-600 focus:bear-ring-primary-500/50"
+              ),
+              ...l
+            }
           ),
-          children: [
-            y,
-            "/",
-            i
-          ]
-        }
-      )
-    ] })
-  ] });
+          a && /* @__PURE__ */ i(
+            "div",
+            {
+              role: "separator",
+              onPointerDown: I,
+              className: "Bear-ResizableTextarea__handle bear-absolute bear-right-0 bear-bottom-0 bear-w-4 bear-h-4 bear-cursor-s-resize bear-opacity-50 hover:bear-opacity-100 Bear-ResizableTextarea__handle--grip"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ n("div", { className: "Bear-ResizableTextarea__footer bear-flex bear-items-center bear-justify-between bear-gap-2", children: [
+          k(),
+          x && o != null && /* @__PURE__ */ n(
+            T,
+            {
+              component: "span",
+              variant: "caption",
+              className: s(
+                "Bear-ResizableTextarea__char-count bear-tabular-nums bear-shrink-0",
+                w ? "bear-text-red-500" : "bear-text-gray-400 dark:bear-text-gray-500"
+              ),
+              children: [
+                h,
+                "/",
+                o
+              ]
+            }
+          )
+        ] })
+      ]
+    }
+  );
 };
 export {
-  O as ResizableTextarea
+  ee as ResizableTextarea
 };

package/dist/components/ResizableTextarea/ResizableTextarea.utils.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("../../constants/numbers.const.cjs"),n=require("../../constants/generals.const.cjs"),i=e=>typeof e===n.TYPE_STRING,g=e=>{const{value:t,defaultValue:r}=e;return i(t)?t.length:i(r)?r.length:s.ZERO},o=(e,t,r,a,u)=>{e&&(u&&(e.style.minHeight=`${r}${n.UNIT_PX}`,e.style.height=`${t}${n.UNIT_PX}`),a>s.ZERO&&(e.style.maxHeight=`${a}${n.UNIT_PX}`))};exports.applyTextareaHeight=o;exports.getTextareaLength=g;

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

@@ -0,0 +1,3 @@
+import { ResizableTextareaProps } from './ResizableTextarea.types';
+export declare const getTextareaLength: (props: ResizableTextareaProps) => number;
+export declare const applyTextareaHeight: (element: HTMLTextAreaElement | null, height: number, minHeight: number, maxHeight: number, resizable: boolean) => void;

package/dist/components/ResizableTextarea/ResizableTextarea.utils.js

@@ -0,0 +1,12 @@
+import { ZERO as a } from "../../constants/numbers.const.js";
+import { UNIT_PX as i, TYPE_STRING as u } from "../../constants/generals.const.js";
+const o = (t) => typeof t === u, h = (t) => {
+  const { value: e, defaultValue: r } = t;
+  return o(e) ? e.length : o(r) ? r.length : a;
+}, l = (t, e, r, n, f) => {
+  t && (f && (t.style.minHeight = `${r}${i}`, t.style.height = `${e}${i}`), n > a && (t.style.maxHeight = `${n}${i}`));
+};
+export {
+  l as applyTextareaHeight,
+  h as getTextareaLength
+};

package/dist/components/Result/Result.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("../../utils/cn.cjs");require("react");const S=require("../Typography/Typography.cjs"),s=require("./Result.const.cjs"),E=require("./Result.icons.cjs"),A=n=>{const{status:t,title:o,subtitle:c,icon:i,extra:a,className:l,testId:u,...T}=n,d=i??E.getStatusIcon(t,s.STATUS_TEXT_CLASSES),_=s.STATUS_ICON_COLORS[t],C=t==="404"||t==="403"||t==="500";return e.jsxs("div",{className:r.cn(s.ROOT_CLASS,s.CONTAINER_CLASSES,l),"data-testid":u,...T,children:[e.jsx("div",{className:r.cn(s.ICON_WRAPPER_CLASSES,!C&&s.ICON_SIZE_CLASSES,_),children:d}),e.jsx(S.Typography,{variant:"h4",className:r.cn(s.TITLE_CLASSES,"bear-text-gray-900 dark:bear-text-zinc-100"),children:o}),c&&e.jsx(S.Typography,{variant:"body1",color:"secondary",className:s.SUBTITLE_CLASSES,children:c}),a&&e.jsx("div",{className:s.EXTRA_CLASSES,children:a})]})};exports.Result=A;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("../../utils/cn.cjs");require("react");const c=require("../Typography/Typography.cjs"),y=require("./Result.const.cjs"),n=require("./Result.utils.cjs"),p=i=>{const{status:r,title:l,subtitle:t,icon:b,extra:s,className:o,testId:u,...d}=i,x=b??n.getStatusIcon(r),m=y.STATUS_ICON_COLORS[r];return e.jsxs("div",{className:a.cn("Bear-Result bear-flex bear-flex-col bear-items-center bear-justify-center bear-text-center bear-py-16 bear-px-6",o),"data-testid":u,...d,children:[e.jsx("div",{className:a.cn("bear-mb-4 bear-flex bear-items-center bear-justify-center",!n.isTextStatus(r)&&"bear-w-16 bear-h-16",m),children:x}),e.jsx(c.Typography,{variant:"h4",className:"bear-mb-2",children:l}),t&&e.jsx(c.Typography,{variant:"body1",color:"secondary",className:"bear-mb-6 bear-max-w-md",children:t}),s&&e.jsx("div",{className:"bear-flex bear-flex-wrap bear-gap-2 bear-justify-center",children:s})]})};exports.Result=p;

package/dist/components/Result/Result.const.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e="Bear-Result",r="bear-flex bear-flex-col bear-items-center bear-justify-center bear-text-center bear-py-16 bear-px-6",S="bear-mb-4 bear-flex bear-items-center bear-justify-center",t="bear-w-16 bear-h-16",a={success:"bear-text-green-500 dark:bear-text-green-400",error:"bear-text-red-500 dark:bear-text-red-400",info:"bear-text-blue-500 dark:bear-text-blue-400",warning:"bear-text-amber-500 dark:bear-text-amber-400",404:"bear-text-gray-500 dark:bear-text-zinc-400",403:"bear-text-orange-500 dark:bear-text-orange-400",500:"bear-text-red-600 dark:bear-text-red-500"},b="bear-mb-2",n="bear-mb-6 bear-max-w-md",E="bear-flex bear-flex-wrap bear-gap-2 bear-justify-center",T="bear-text-5xl bear-font-bold bear-leading-none";exports.CONTAINER_CLASSES=r;exports.EXTRA_CLASSES=E;exports.ICON_SIZE_CLASSES=t;exports.ICON_WRAPPER_CLASSES=S;exports.ROOT_CLASS=e;exports.STATUS_ICON_COLORS=a;exports.STATUS_TEXT_CLASSES=T;exports.SUBTITLE_CLASSES=n;exports.TITLE_CLASSES=b;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../constants/generals.const.cjs"),r={success:"bear-text-green-500 dark:bear-text-green-400",error:"bear-text-red-500 dark:bear-text-red-400",info:"bear-text-blue-500 dark:bear-text-blue-400",warning:"bear-text-amber-500 dark:bear-text-amber-400",[e.STATUS_NOT_FOUND]:"bear-text-gray-500 dark:bear-text-zinc-400",[e.STATUS_FORBIDDEN]:"bear-text-orange-500 dark:bear-text-orange-400",[e.STATUS_SERVER_ERROR]:"bear-text-red-600 dark:bear-text-red-500"};exports.STATUS_ICON_COLORS=r;

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

@@ -1,10 +1,2 @@
 import { ResultStatus } from './Result.types';
-export declare const ROOT_CLASS = "Bear-Result";
-export declare const CONTAINER_CLASSES = "bear-flex bear-flex-col bear-items-center bear-justify-center bear-text-center bear-py-16 bear-px-6";
-export declare const ICON_WRAPPER_CLASSES = "bear-mb-4 bear-flex bear-items-center bear-justify-center";
-export declare const ICON_SIZE_CLASSES = "bear-w-16 bear-h-16";
 export declare const STATUS_ICON_COLORS: Record<ResultStatus, string>;
-export declare const TITLE_CLASSES = "bear-mb-2";
-export declare const SUBTITLE_CLASSES = "bear-mb-6 bear-max-w-md";
-export declare const EXTRA_CLASSES = "bear-flex bear-flex-wrap bear-gap-2 bear-justify-center";
-export declare const STATUS_TEXT_CLASSES = "bear-text-5xl bear-font-bold bear-leading-none";

package/dist/components/Result/Result.const.js

@@ -1,20 +1,13 @@
-const e = "Bear-Result", r = "bear-flex bear-flex-col bear-items-center bear-justify-center bear-text-center bear-py-16 bear-px-6", a = "bear-mb-4 bear-flex bear-items-center bear-justify-center", t = "bear-w-16 bear-h-16", b = {
+import { STATUS_SERVER_ERROR as e, STATUS_FORBIDDEN as r, STATUS_NOT_FOUND as t } from "../../constants/generals.const.js";
+const b = {
   success: "bear-text-green-500 dark:bear-text-green-400",
   error: "bear-text-red-500 dark:bear-text-red-400",
   info: "bear-text-blue-500 dark:bear-text-blue-400",
   warning: "bear-text-amber-500 dark:bear-text-amber-400",
-  404: "bear-text-gray-500 dark:bear-text-zinc-400",
-  403: "bear-text-orange-500 dark:bear-text-orange-400",
-  500: "bear-text-red-600 dark:bear-text-red-500"
-}, S = "bear-mb-2", n = "bear-mb-6 bear-max-w-md", x = "bear-flex bear-flex-wrap bear-gap-2 bear-justify-center", c = "bear-text-5xl bear-font-bold bear-leading-none";
+  [t]: "bear-text-gray-500 dark:bear-text-zinc-400",
+  [r]: "bear-text-orange-500 dark:bear-text-orange-400",
+  [e]: "bear-text-red-600 dark:bear-text-red-500"
+};
 export {
-  r as CONTAINER_CLASSES,
-  x as EXTRA_CLASSES,
-  t as ICON_SIZE_CLASSES,
-  a as ICON_WRAPPER_CLASSES,
-  e as ROOT_CLASS,
-  b as STATUS_ICON_COLORS,
-  c as STATUS_TEXT_CLASSES,
-  n as SUBTITLE_CLASSES,
-  S as TITLE_CLASSES
+  b as STATUS_ICON_COLORS
 };

package/dist/components/Result/Result.d.ts

@@ -1,4 +1,2 @@
-import { FC } from 'react';
 import { ResultProps } from './Result.types';
-export declare const Result: FC<ResultProps>;
-export default Result;
+export declare const Result: (props: ResultProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Result/Result.js

@@ -1,35 +1,48 @@
-import { jsxs as E, jsx as s } from "react/jsx-runtime";
-import { cn as S } from "../../utils/cn.js";
+import { jsxs as p, jsx as e } from "react/jsx-runtime";
+import { cn as s } from "../../utils/cn.js";
 import "react";
-import { Typography as e } from "../Typography/Typography.js";
-import { STATUS_ICON_COLORS as A, ICON_SIZE_CLASSES as _, ICON_WRAPPER_CLASSES as L, TITLE_CLASSES as N, SUBTITLE_CLASSES as I, EXTRA_CLASSES as p, CONTAINER_CLASSES as O, ROOT_CLASS as h, STATUS_TEXT_CLASSES as u } from "./Result.const.js";
-import { getStatusIcon as x } from "./Result.icons.js";
-const U = (o) => {
+import { Typography as c } from "../Typography/Typography.js";
+import { STATUS_ICON_COLORS as x } from "./Result.const.js";
+import { isTextStatus as u, getStatusIcon as h } from "./Result.utils.js";
+const T = (o) => {
   const {
-    status: t,
-    title: c,
-    subtitle: r,
-    icon: i,
-    extra: a,
-    className: n,
-    testId: l,
-    ...m
-  } = o, T = i ?? x(t, u), d = A[t], C = t === "404" || t === "403" || t === "500";
-  return /* @__PURE__ */ E(
+    status: r,
+    title: i,
+    subtitle: a,
+    icon: b,
+    extra: t,
+    className: l,
+    testId: m,
+    ...n
+  } = o, d = b ?? h(r), f = x[r];
+  return /* @__PURE__ */ p(
     "div",
     {
-      className: S(h, O, n),
-      "data-testid": l,
-      ...m,
+      className: s(
+        "Bear-Result bear-flex bear-flex-col bear-items-center bear-justify-center bear-text-center bear-py-16 bear-px-6",
+        l
+      ),
+      "data-testid": m,
+      ...n,
       children: [
-        /* @__PURE__ */ s("div", { className: S(L, !C && _, d), children: T }),
-        /* @__PURE__ */ s(e, { variant: "h4", className: S(N, "bear-text-gray-900 dark:bear-text-zinc-100"), children: c }),
-        r && /* @__PURE__ */ s(e, { variant: "body1", color: "secondary", className: I, children: r }),
-        a && /* @__PURE__ */ s("div", { className: p, children: a })
+        /* @__PURE__ */ e(
+          "div",
+          {
+            className: s(
+              "bear-mb-4 bear-flex bear-items-center bear-justify-center",
+              !u(r) && "bear-w-16 bear-h-16",
+              f
+            ),
+            children: d
+          }
+        ),
+        /* @__PURE__ */ e(c, { variant: "h4", className: "bear-mb-2", children: i }),
+        a && /* @__PURE__ */ e(c, { variant: "body1", color: "secondary", className: "bear-mb-6 bear-max-w-md", children: a }),
+        t && /* @__PURE__ */ e("div", { className: "bear-flex bear-flex-wrap bear-gap-2 bear-justify-center", children: t })
       ]
     }
   );
 };
 export {
-  U as Result
+  T as Result
 };

package/dist/components/Result/Result.utils.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),s=require("../../constants/numbers.const.cjs"),r=require("../../constants/generals.const.cjs"),e=require("../Icon/index.cjs"),c=require("../Typography/Typography.cjs"),i={success:e.CheckCircleIcon,error:e.ErrorIcon,info:e.InfoIcon,warning:e.WarningIcon},S=[r.STATUS_NOT_FOUND,r.STATUS_FORBIDDEN,r.STATUS_SERVER_ERROR],T=n=>S.includes(n),u=n=>{const t=i[n];return t?o.jsx(t,{size:s.SIXTY_FOUR}):o.jsx(c.Typography,{variant:"h2",className:"bear-font-bold bear-leading-none",children:n})};exports.getStatusIcon=u;exports.isTextStatus=T;

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

@@ -0,0 +1,4 @@
+import { ReactNode } from 'react';
+import { ResultStatus } from './Result.types';
+export declare const isTextStatus: (status: ResultStatus) => boolean;
+export declare const getStatusIcon: (status: ResultStatus) => ReactNode;

package/dist/components/Result/Result.utils.js

@@ -0,0 +1,22 @@
+import { jsx as n } from "react/jsx-runtime";
+import { SIXTY_FOUR as t } from "../../constants/numbers.const.js";
+import { STATUS_NOT_FOUND as e, STATUS_FORBIDDEN as c, STATUS_SERVER_ERROR as T } from "../../constants/generals.const.js";
+import { WarningIcon as i, InfoIcon as S, ErrorIcon as s, CheckCircleIcon as m } from "../Icon/index.js";
+import { Typography as a } from "../Typography/Typography.js";
+const I = {
+  success: m,
+  error: s,
+  info: S,
+  warning: i
+}, _ = [
+  e,
+  c,
+  T
+], l = (o) => _.includes(o), u = (o) => {
+  const r = I[o];
+  return r ? /* @__PURE__ */ n(r, { size: t }) : /* @__PURE__ */ n(a, { variant: "h2", className: "bear-font-bold bear-leading-none", children: o });
+};
+export {
+  u as getStatusIcon,
+  l as isTextStatus
+};

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

@@ -1,2 +1,2 @@
-export { Result, default } from './Result';
+export { Result } from './Result';
 export type { ResultProps, ResultStatus } from './Result.types';

package/dist/components/RichEditor/RichEditor.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),c=require("react"),m=require("../../utils/cn.cjs"),u=require("./helpers/formatHelpers.cjs"),f=require("./RichEditor.const.cjs"),le=require("../../hooks/useMediaQuery.cjs"),C=require("./components/ToolbarButton/ToolbarButton.cjs"),ce=require("./components/ToolbarDropdown/ToolbarDropdown.cjs"),z=require("./components/ToolbarColorPicker/ToolbarColorPicker.cjs"),ue=require("./components/ToolbarMore/ToolbarMore.cjs"),i=require("../Icon/icons/editor.cjs"),de=6,ge=A=>{const{value:x,defaultValue:k="",onChange:R,placeholder:v="Start typing...",disabled:o=!1,readOnly:r=!1,minHeight:j=f.RICH_EDITOR_MIN_HEIGHT,maxHeight:b,toolbar:D=f.RICH_EDITOR_DEFAULT_TOOLBAR,className:N="",testId:M,allowImagePaste:L=!0,showCharCount:p=!1,charCountMax:_,...F}=A,l=c.useRef(null),E=le.useMediaQuery(`(max-width: ${f.RICH_EDITOR_MOBILE_BREAKPOINT}px)`),O=E?f.RICH_EDITOR_MOBILE_TOOLBAR:D,[w,q]=c.useState(new Set),[U,H]=c.useState("p"),[B,P]=c.useState(0),[V,J]=c.useState("#000000"),[G,$]=c.useState("#fef08a"),[Q,K]=c.useState([]),[Y,W]=c.useState([]);c.useEffect(()=>{const e="bear-rich-editor-styles";if(!document.getElementById(e)){const n=document.createElement("style");n.id=e,n.textContent=f.RICH_EDITOR_CONTENT_STYLES,document.head.appendChild(n)}},[]),c.useEffect(()=>{l.current&&x!==void 0&&l.current.innerHTML!==x&&(l.current.innerHTML=x)},[x]),c.useEffect(()=>{l.current&&k&&!x&&(l.current.innerHTML=k)},[]);const I=c.useCallback(()=>{q(u.getActiveFormats());const e=u.queryCommandValue("formatBlock");e&&H(e.toLowerCase().replace(/[<>]/g,""))},[]),a=c.useCallback(()=>{var e;l.current&&(R&&R(l.current.innerHTML),p&&P(((e=l.current.textContent)==null?void 0:e.length)??0)),I()},[R,I,p]),X=c.useCallback(e=>{var d;if(o||r)return;(d=l.current)==null||d.focus();const n=f.RICH_EDITOR_BUTTON_CONFIG[e];if(!n)return;const g="value"in n?n.value:void 0;g?u.execCommand(n.command,g):u.execCommand(n.command),I(),a()},[o,r,I,a]),Z=c.useCallback(e=>{var n;o||r||((n=l.current)==null||n.focus(),u.execCommand("formatBlock",e),H(e),a())},[o,r,a]),ee=c.useCallback(()=>{var d;if(o||r)return;const e=window.getSelection(),n=e&&e.toString().length>0,g=prompt("Enter URL:",n?"":"https://");g&&((d=l.current)==null||d.focus(),u.insertLink(g),a())},[o,r,a]),T=c.useCallback((e,n)=>{if(!e)return;(n==="text"?K:W)(d=>{const s=d.filter(h=>h!==e);return[e,...s].slice(0,de)})},[]),te=c.useCallback(e=>{var n;o||r||((n=l.current)==null||n.focus(),u.setTextColor(e),J(e),T(e,"text"),a())},[o,r,a,T]),ne=c.useCallback(e=>{var n;o||r||((n=l.current)==null||n.focus(),u.setHighlightColor(e),$(e),T(e,"highlight"),a())},[o,r,a,T]),oe=c.useCallback(e=>{var n;o||r||((n=l.current)==null||n.focus(),u.setTextColor(e),a())},[o,r,a]),re=c.useCallback(e=>{var n;o||r||((n=l.current)==null||n.focus(),u.setHighlightColor(e),a())},[o,r,a]),ie=c.useCallback(async e=>{var g;if(!L)return;const n=(g=e.clipboardData)==null?void 0:g.items;if(n)for(let d=0;d<n.length;d++){const s=n[d];if(s.type.startsWith("image/")){e.preventDefault();const h=s.getAsFile();if(h){const y=await u.fileToDataUrl(h);u.insertImage(y),a()}return}}},[L,a]),se=c.useCallback(()=>{if(o||r)return;const e=document.createElement("input");e.type="file",e.accept="image/*",e.onchange=async n=>{var d,s;const g=(d=n.target.files)==null?void 0:d[0];if(g){const h=await u.fileToDataUrl(g);(s=l.current)==null||s.focus(),u.insertImage(h),a()}},e.click()},[o,r,a]),ae={bold:t.jsx(i.BoldIcon,{size:16}),italic:t.jsx(i.ItalicIcon,{size:16}),underline:t.jsx(i.UnderlineIcon,{size:16}),strikethrough:t.jsx(i.StrikethroughIcon,{size:16}),heading1:t.jsx(i.Heading1Icon,{size:16}),heading2:t.jsx(i.Heading2Icon,{size:16}),heading3:t.jsx(i.Heading3Icon,{size:16}),bulletList:t.jsx(i.ListBulletIcon,{size:16}),orderedList:t.jsx(i.ListNumberedIcon,{size:16}),blockquote:t.jsx(i.QuoteIcon,{size:16}),code:t.jsx(i.CodeIcon,{size:16}),link:t.jsx(i.InsertLinkIcon,{size:16}),alignLeft:t.jsx(i.AlignLeftIcon,{size:16}),alignCenter:t.jsx(i.AlignCenterIcon,{size:16}),alignRight:t.jsx(i.AlignRightIcon,{size:16}),alignJustify:t.jsx(i.AlignJustifyIcon,{size:16}),image:t.jsx(i.InsertPhotoIcon,{size:16}),indent:t.jsx(i.IndentIncreaseIcon,{size:16}),outdent:t.jsx(i.IndentDecreaseIcon,{size:16}),clearFormat:t.jsx(i.FormatClearIcon,{size:16}),table:t.jsx(i.TableIcon,{size:16})},S=(e,n)=>{if(e==="divider")return t.jsx("div",{className:m.cn("Bear-RichEditor__divider",f.RICH_EDITOR_DIVIDER_CLASSES)},`divider-${n}`);if(e==="headingDropdown")return t.jsx(ce.ToolbarDropdown,{options:f.RICH_EDITOR_HEADING_OPTIONS,value:U,onChange:Z,title:"Text Style",disabled:o||r,icon:t.jsx(i.TextIcon,{size:16})},"heading-dropdown");if(e==="textColor")return t.jsx(z.ToolbarColorPicker,{value:V,onChange:te,title:"Text Color",disabled:o||r,type:"text",recentColors:Q,onApplyLast:oe},"text-color");if(e==="highlightColor")return t.jsx(z.ToolbarColorPicker,{value:G,onChange:ne,title:"Highlight Color",disabled:o||r,type:"highlight",recentColors:Y,onApplyLast:re},"highlight-color");if(e==="link")return t.jsx(C.ToolbarButton,{icon:t.jsx(i.InsertLinkIcon,{size:16}),title:"Insert Link",onClick:ee,disabled:o||r},"link");if(e==="image")return t.jsx(C.ToolbarButton,{icon:t.jsx(i.InsertPhotoIcon,{size:16}),title:"Insert Image",onClick:se,disabled:o||r},"image");if(e==="alignLeft")return t.jsx(C.ToolbarButton,{icon:t.jsx(i.AlignLeftIcon,{size:16}),title:"Align Left",onClick:()=>{var s;(s=l.current)==null||s.focus(),u.execCommand("justifyLeft"),a()},disabled:o||r},"alignLeft");if(e==="alignCenter")return t.jsx(C.ToolbarButton,{icon:t.jsx(i.AlignCenterIcon,{size:16}),title:"Align Center",onClick:()=>{var s;(s=l.current)==null||s.focus(),u.execCommand("justifyCenter"),a()},disabled:o||r},"alignCenter");if(e==="alignRight")return t.jsx(C.ToolbarButton,{icon:t.jsx(i.AlignRightIcon,{size:16}),title:"Align Right",onClick:()=>{var s;(s=l.current)==null||s.focus(),u.execCommand("justifyRight"),a()},disabled:o||r},"alignRight");if(e==="alignJustify")return t.jsx(C.ToolbarButton,{icon:t.jsx(i.AlignJustifyIcon,{size:16}),title:"Justify",onClick:()=>{var s;(s=l.current)==null||s.focus(),u.execCommand("justifyFull"),a()},disabled:o||r},"alignJustify");if(e==="indent")return t.jsx(C.ToolbarButton,{icon:t.jsx(i.IndentIncreaseIcon,{size:16}),title:"Increase Indent",onClick:()=>{var s;(s=l.current)==null||s.focus(),u.execCommand("indent"),a()},disabled:o||r},"indent");if(e==="outdent")return t.jsx(C.ToolbarButton,{icon:t.jsx(i.IndentDecreaseIcon,{size:16}),title:"Decrease Indent",onClick:()=>{var s;(s=l.current)==null||s.focus(),u.execCommand("outdent"),a()},disabled:o||r},"outdent");if(e==="clearFormat")return t.jsx(C.ToolbarButton,{icon:t.jsx(i.FormatClearIcon,{size:16}),title:"Clear Formatting",onClick:()=>{var s;(s=l.current)==null||s.focus(),u.execCommand("removeFormat"),a()},disabled:o||r},"clearFormat");if(e==="more"){const s=E?f.RICH_EDITOR_MOBILE_MORE_ITEMS:["alignLeft","alignCenter","alignRight","alignJustify","indent","outdent","blockquote","code","clearFormat"];return t.jsx(ue.ToolbarMore,{disabled:o||r,isMobile:E,children:s.map((h,y)=>S(h,y+1e3))},"more")}const g=f.RICH_EDITOR_BUTTON_CONFIG[e],d=ae[e];return!g||!d?null:t.jsx(C.ToolbarButton,{icon:d,title:g.title,active:w.has(e),onClick:()=>X(e),disabled:o||r},e)};return t.jsxs("div",{"data-testid":M,className:m.cn("Bear-RichEditor",f.RICH_EDITOR_ROOT_CLASSES,o&&"Bear-RichEditor--disabled",r&&"Bear-RichEditor--readonly",N),...F,children:[O.length>0&&t.jsx("div",{className:m.cn("Bear-RichEditor__toolbar",f.RICH_EDITOR_TOOLBAR_CLASSES),children:O.map((e,n)=>S(e,n))}),t.jsx("div",{ref:l,contentEditable:!o&&!r,onInput:a,onSelect:I,onKeyUp:I,onMouseUp:I,onPaste:ie,"data-placeholder":v,className:m.cn("Bear-RichEditor__content",f.RICH_EDITOR_CONTENT_CLASSES,"[&:empty]:before:bear-content-[attr(data-placeholder)] [&:empty]:before:bear-text-gray-400 [&:empty]:before:bear-pointer-events-none",o&&"Bear-RichEditor__content--disabled bear-opacity-50 bear-cursor-not-allowed"),style:{minHeight:typeof j=="number"?`${j}px`:j,maxHeight:b?typeof b=="number"?`${b}px`:b:void 0,overflowY:b?"auto":void 0}}),p&&_!=null&&t.jsxs("div",{className:m.cn("Bear-RichEditor__char-count bear-text-xs bear-tabular-nums bear-px-3 bear-py-1.5 bear-text-right bear-border-t bear-border-gray-200 dark:bear-border-gray-700",B>_?"bear-text-red-500":"bear-text-gray-400 dark:bear-text-gray-500"),children:[B,"/",_]})]})};exports.RichEditor=ge;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),d=require("../../utils/cn.cjs");require("react");const c=require("../../constants/numbers.const.cjs"),r=require("../../constants/generals.const.cjs"),v=require("./RichEditor.const.cjs"),A=require("./useRichEditor/useRichEditor.cjs"),N=require("./helpers/toolbarItemRender.cjs"),I=s=>{const{value:l,defaultValue:b=r.EMPTY_STRING,onChange:u,placeholder:h=r.PLACEHOLDER_START_TYPING,disabled:t=r.BOOLEAN_FALSE,readOnly:a=r.BOOLEAN_FALSE,minHeight:E=c.ONE_HUNDRED_FIFTY,maxHeight:g,toolbar:m=v.RICH_EDITOR_DEFAULT_TOOLBAR,className:R=r.EMPTY_STRING,testId:p,allowImagePaste:_=r.BOOLEAN_TRUE,showCharCount:i=r.BOOLEAN_FALSE,charCountMax:n,...x}=s,e=A.useRichEditor({value:l,defaultValue:b,onChange:u,disabled:t,readOnly:a,toolbar:m,allowImagePaste:_,showCharCount:i,minHeight:E,maxHeight:g}),y=N.createToolbarItemRenderer({...e,disabled:t,readOnly:a});return o.jsxs("div",{"data-testid":p,className:d.cn("Bear-RichEditor rounded-lg border border-gray-200 dark:border-zinc-700 bg-white dark:bg-zinc-900 shadow-sm",t&&"Bear-RichEditor--disabled",a&&"Bear-RichEditor--readonly",R),...x,children:[e.activeToolbar.length>c.ZERO&&o.jsx("div",{className:"Bear-RichEditor__toolbar flex flex-wrap items-center gap-0.5 p-2 border-b border-gray-200 dark:border-zinc-700 bg-gray-50 dark:bg-zinc-800 overflow-x-auto overflow-y-hidden",children:e.activeToolbar.map((T,O)=>y(T,O))}),o.jsx("div",{ref:e.editorRef,contentEditable:!t&&!a,onInput:e.handleInput,onSelect:e.updateActiveFormats,onKeyUp:e.updateActiveFormats,onMouseUp:e.updateActiveFormats,onPaste:e.handlePaste,"data-placeholder":h,className:d.cn("Bear-RichEditor__content p-4 outline-none max-w-none text-gray-900 dark:text-gray-100 bg-white dark:bg-zinc-900 min-h-[100px]","[&:empty]:before:bear-content-[attr(data-placeholder)] [&:empty]:before:bear-text-gray-400 [&:empty]:before:bear-pointer-events-none",t&&"Bear-RichEditor__content--disabled bear-opacity-50 bear-cursor-not-allowed")}),i&&n!=null&&o.jsxs("div",{className:d.cn("Bear-RichEditor__char-count bear-text-xs bear-tabular-nums bear-px-3 bear-py-1.5 bear-text-right bear-border-t bear-border-gray-200 dark:bear-border-gray-700",e.charCount>n?"bear-text-red-500":"bear-text-gray-400 dark:bear-text-gray-500"),children:[e.charCount,"/",n]})]})};exports.RichEditor=I;