@forgedevstack/bear 1.1.3 → 1.1.8

package/dist/components/InfiniteScroll/InfiniteScroll.js

@@ -0,0 +1,51 @@
+import { jsx as r, jsxs as R, Fragment as _ } from "react/jsx-runtime";
+import { useRef as L, useCallback as g, useEffect as x } from "react";
+import { cn as I } from "../../utils/cn.js";
+import { DEFAULT_THRESHOLD as O, ROOT_CLASSES as D, MANUAL_BTN_CLASSES as T, END_CLASSES as j, LOADER_CLASSES as k, SPINNER_CLASSES as F } from "./InfiniteScroll.const.js";
+const B = (N) => {
+  const {
+    onLoadMore: c,
+    hasMore: e,
+    loading: n = !1,
+    threshold: l = O,
+    manual: s = !1,
+    loader: i,
+    endMessage: d,
+    loadMoreLabel: E = "Load more",
+    inverse: t = !1,
+    children: v,
+    className: b,
+    testId: p,
+    ...A
+  } = N, o = L(null), f = L(n);
+  f.current = n;
+  const a = g(() => {
+    f.current || !e || c();
+  }, [c, e]);
+  x(() => {
+    if (s || !e) return;
+    const S = o.current;
+    if (!S) return;
+    const u = new IntersectionObserver(
+      (C) => {
+        var h;
+        (h = C[0]) != null && h.isIntersecting && a();
+      },
+      { threshold: 0, rootMargin: `${Math.round(l * 100)}px` }
+    );
+    return u.observe(S), () => u.disconnect();
+  }, [s, e, a, l]);
+  const m = /* @__PURE__ */ r("div", { className: k, children: /* @__PURE__ */ r("div", { className: F }) }), M = /* @__PURE__ */ R(_, { children: [
+    t && e && !s && /* @__PURE__ */ r("div", { ref: o, className: "bear-h-px" }),
+    t && n && (i ?? m),
+    v,
+    !t && n && (i ?? m),
+    !t && e && !s && /* @__PURE__ */ r("div", { ref: o, className: "bear-h-px" }),
+    e && s && !n && /* @__PURE__ */ r("button", { type: "button", onClick: a, className: T, children: E }),
+    !e && d && /* @__PURE__ */ r("div", { className: j, children: d })
+  ] });
+  return /* @__PURE__ */ r("div", { className: I(D, b), "data-testid": p, ...A, children: M });
+};
+export {
+  B as InfiniteScroll
+};

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

@@ -0,0 +1,13 @@
+import { HTMLAttributes, ReactNode } from 'react';
+export interface InfiniteScrollProps extends HTMLAttributes<HTMLDivElement> {
+    onLoadMore: () => void | Promise<void>;
+    hasMore: boolean;
+    loading?: boolean;
+    threshold?: number;
+    manual?: boolean;
+    loader?: ReactNode;
+    endMessage?: ReactNode;
+    loadMoreLabel?: string;
+    inverse?: boolean;
+    testId?: string;
+}

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

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

package/dist/components/Input/Input.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),j=require("react"),b=require("../../utils/cn.cjs"),G=require("../../context/BearProvider.cjs"),m=require("./components/ClearIcon/ClearIcon.cjs"),H={sm:"bear-h-8 bear-text-sm bear-px-3",md:"bear-h-10 bear-text-base bear-px-4",lg:"bear-h-12 bear-text-lg bear-px-5"},N=j.forwardRef(({label:x,helperText:v,error:g,success:f,size:w="md",leftAddon:n,rightAddon:a,fullWidth:C=!1,clearable:q=!1,onClear:p,showCharCount:_=!1,charCountMax:M,className:R,disabled:l,value:i,defaultValue:c,maxLength:h,...O},P)=>{var k;const o=j.useContext(G.BearContext),e=(k=o==null?void 0:o.components)==null?void 0:k.Input,z=e==null?void 0:e.root,E=e==null?void 0:e.input,L=e==null?void 0:e.label,T=e==null?void 0:e.helper,D=e==null?void 0:e.prefix,y=e==null?void 0:e.suffix,t=!!g,I=!!f&&!t,s=M??h,u=typeof i=="string"?i.length:typeof c=="string"?c.length:0,F=s!=null&&u>s,d=q&&!l&&u>0,B=g||f||v;return r.jsxs("div",{className:b.cn("Bear-Input bear-flex bear-flex-col bear-gap-1.5",C&&"bear-w-full"),style:z,children:[x&&r.jsx("label",{className:"Bear-Input__label bear-text-sm bear-font-medium bear-text-gray-700 dark:bear-text-gray-300",style:L,children:x}),r.jsxs("div",{className:"Bear-Input__wrapper bear-relative bear-flex bear-items-center",children:[n&&r.jsx("div",{className:"Bear-Input__addon Bear-Input__addon--left bear-absolute bear-left-3 bear-text-gray-500 dark:bear-text-gray-400",style:D,children:n}),r.jsx("input",{ref:P,disabled:l,value:i,defaultValue:c,maxLength:h,"aria-invalid":t||void 0,className:b.cn("Bear-Input__field","bear-w-full bear-rounded-lg bear-border bear-outline-none bear-transition-all bear-duration-200","bear-bg-white bear-text-gray-900 placeholder:bear-text-gray-400","bear-border-gray-300 focus:bear-ring-2 focus:bear-ring-offset-2 focus:bear-ring-offset-white","dark:bear-bg-gray-800 dark:bear-text-white dark:placeholder:bear-text-gray-500 dark:bear-border-gray-600 dark:focus:bear-ring-offset-gray-900",t?"Bear-Input__field--error bear-border-red-500 focus:bear-ring-red-500":I?"Bear-Input__field--success bear-border-green-500 focus:bear-ring-green-500":"focus:bear-border-bear-500 focus:bear-ring-bear-500 dark:focus:bear-border-bear-500 dark:focus:bear-ring-bear-500",l&&"Bear-Input__field--disabled bear-opacity-50 bear-cursor-not-allowed",n&&"bear-pl-10",(a||d)&&"bear-pr-10",H[w],R),style:E,...O}),d&&!a&&r.jsx("div",{className:"Bear-Input__addon Bear-Input__addon--right bear-absolute bear-right-3 bear-text-gray-500 dark:bear-text-gray-400",style:y,children:r.jsx(m.ClearIcon,{onClick:p})}),a&&r.jsxs("div",{className:"Bear-Input__addon Bear-Input__addon--right bear-absolute bear-right-3 bear-flex bear-items-center bear-gap-1.5 bear-text-gray-500 dark:bear-text-gray-400",style:y,children:[d&&r.jsx(m.ClearIcon,{onClick:p}),a]})]}),r.jsxs("div",{className:"Bear-Input__footer bear-flex bear-items-center bear-justify-between bear-gap-2",children:[B?r.jsx("p",{className:b.cn("Bear-Input__helper bear-text-sm bear-flex-1",t?"Bear-Input__helper--error bear-text-red-500":I?"Bear-Input__helper--success bear-text-green-500":"bear-text-gray-500 dark:bear-text-gray-400"),style:T,children:B}):_?r.jsx("span",{}):null,_&&s!=null&&r.jsxs("span",{className:b.cn("Bear-Input__char-count bear-text-xs bear-tabular-nums bear-shrink-0",F?"bear-text-red-500":"bear-text-gray-400 dark:bear-text-gray-500"),children:[u,"/",s]})]})]})});N.displayName="Input";exports.Input=N;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),s=require("react"),d=require("../../utils/cn.cjs"),ae=require("../../context/BearProvider.cjs"),L=require("./components/ClearIcon/ClearIcon.cjs"),te=require("./Input.utils.cjs"),se=require("../Form/Form.utils.cjs"),be={sm:"bear-h-8 bear-text-sm bear-px-3",md:"bear-h-10 bear-text-base bear-px-4",lg:"bear-h-12 bear-text-lg bear-px-5"},P=s.forwardRef(({label:B,helperText:T,error:f,success:j,size:V="md",leftAddon:x,rightAddon:b,fullWidth:D=!1,clearable:G=!1,onClear:m,showCharCount:N=!1,charCountMax:H,autoFormat:g,validation:t,validateOnBlur:J,validateOnChange:w=!1,className:K,disabled:p,value:_,defaultValue:y,maxLength:v,onChange:l,onBlur:n,...Q},U)=>{var F;const h=s.useContext(ae.BearContext),e=(F=h==null?void 0:h.components)==null?void 0:F.Input,W=e==null?void 0:e.root,X=e==null?void 0:e.input,Y=e==null?void 0:e.label,Z=e==null?void 0:e.helper,$=e==null?void 0:e.prefix,q=e==null?void 0:e.suffix,[S,C]=s.useState(null),E=s.useRef(!1),R=t?J??!0:!1,M=f||S,c=!!M,O=!!j&&!c,u=H??v,I=typeof _=="string"?_.length:typeof y=="string"?y.length:0,A=u!=null&&I>u,k=G&&!p&&I>0,z=M||j||T,i=s.useCallback(async a=>{if(!t)return;E.current=!0;const o=await se.validateFieldValue(a,t);E.current=!1,C(o)},[t]);s.useEffect(()=>{f&&C(null)},[f]);const ee=s.useCallback(a=>{if(g){const o=te.applyAutoFormat(a.target.value,g);o!==a.target.value&&(a.target.value=o)}l==null||l(a),w&&t&&i(a.target.value)},[g,l,w,t,i]),re=s.useCallback(a=>{n==null||n(a),R&&t&&i(a.target.value)},[n,R,t,i]);return r.jsxs("div",{className:d.cn("Bear-Input bear-flex bear-flex-col bear-gap-1.5",D&&"bear-w-full"),style:W,children:[B&&r.jsx("label",{className:"Bear-Input__label bear-text-sm bear-font-medium bear-text-gray-700 dark:bear-text-gray-300",style:Y,children:B}),r.jsxs("div",{className:"Bear-Input__wrapper bear-relative bear-flex bear-items-center",children:[x&&r.jsx("div",{className:"Bear-Input__addon Bear-Input__addon--left bear-absolute bear-left-3 bear-text-gray-500 dark:bear-text-gray-400",style:$,children:x}),r.jsx("input",{ref:U,disabled:p,value:_,defaultValue:y,maxLength:v,"aria-invalid":c||void 0,onChange:ee,onBlur:re,className:d.cn("Bear-Input__field","bear-w-full bear-rounded-lg bear-border bear-outline-none bear-transition-all bear-duration-200","bear-bg-white bear-text-gray-900 placeholder:bear-text-gray-400","bear-border-gray-300 focus:bear-ring-2 focus:bear-ring-offset-2 focus:bear-ring-offset-white","dark:bear-bg-gray-800 dark:bear-text-white dark:placeholder:bear-text-gray-500 dark:bear-border-gray-600 dark:focus:bear-ring-offset-gray-900",c?"Bear-Input__field--error bear-border-red-500 focus:bear-ring-red-500":O?"Bear-Input__field--success bear-border-green-500 focus:bear-ring-green-500":"focus:bear-border-bear-500 focus:bear-ring-bear-500 dark:focus:bear-border-bear-500 dark:focus:bear-ring-bear-500",p&&"Bear-Input__field--disabled bear-opacity-50 bear-cursor-not-allowed",x&&"bear-pl-10",(b||k)&&"bear-pr-10",be[V],K),style:X,...Q}),k&&!b&&r.jsx("div",{className:"Bear-Input__addon Bear-Input__addon--right bear-absolute bear-right-3 bear-text-gray-500 dark:bear-text-gray-400",style:q,children:r.jsx(L.ClearIcon,{onClick:m})}),b&&r.jsxs("div",{className:"Bear-Input__addon Bear-Input__addon--right bear-absolute bear-right-3 bear-flex bear-items-center bear-gap-1.5 bear-text-gray-500 dark:bear-text-gray-400",style:q,children:[k&&r.jsx(L.ClearIcon,{onClick:m}),b]})]}),r.jsxs("div",{className:"Bear-Input__footer bear-flex bear-items-center bear-justify-between bear-gap-2",children:[z?r.jsx("p",{className:d.cn("Bear-Input__helper bear-text-sm bear-flex-1",c?"Bear-Input__helper--error bear-text-red-500":O?"Bear-Input__helper--success bear-text-green-500":"bear-text-gray-500 dark:bear-text-gray-400"),style:Z,children:z}):N?r.jsx("span",{}):null,N&&u!=null&&r.jsxs("span",{className:d.cn("Bear-Input__char-count bear-text-xs bear-tabular-nums bear-shrink-0",A?"bear-text-red-500":"bear-text-gray-400 dark:bear-text-gray-500"),children:[I,"/",u]})]})]})});P.displayName="Input";exports.Input=P;

package/dist/components/Input/Input.js

@@ -1,94 +1,127 @@
-import { jsxs as a, jsx as r } from "react/jsx-runtime";
-import { forwardRef as H, useContext as J } from "react";
-import { cn as l } from "../../utils/cn.js";
-import { BearContext as K } from "../../context/BearProvider.js";
-import { ClearIcon as N } from "./components/ClearIcon/ClearIcon.js";
-const P = {
+import { jsxs as s, jsx as t } from "react/jsx-runtime";
+import { forwardRef as ae, useContext as te, useState as se, useRef as be, useCallback as B, useEffect as le } from "react";
+import { cn as f } from "../../utils/cn.js";
+import { BearContext as ne } from "../../context/BearProvider.js";
+import { ClearIcon as D } from "./components/ClearIcon/ClearIcon.js";
+import { applyAutoFormat as ce } from "./Input.utils.js";
+import { validateFieldValue as ie } from "../Form/Form.utils.js";
+const ue = {
   sm: "bear-h-8 bear-text-sm bear-px-3",
   md: "bear-h-10 bear-text-base bear-px-4",
   lg: "bear-h-12 bear-text-lg bear-px-5"
-}, Q = H(
+}, oe = ae(
   ({
-    label: p,
-    helperText: w,
-    error: g,
-    success: x,
-    size: v = "md",
-    leftAddon: n,
-    rightAddon: t,
-    fullWidth: C = !1,
-    clearable: j = !1,
-    onClear: _,
-    showCharCount: h = !1,
-    charCountMax: M,
-    className: z,
-    disabled: i,
-    value: o,
-    defaultValue: c,
-    maxLength: y,
-    ...E
-  }, L) => {
-    var k;
-    const d = J(K), e = (k = d == null ? void 0 : d.components) == null ? void 0 : k.Input, O = e == null ? void 0 : e.root, R = e == null ? void 0 : e.input, q = e == null ? void 0 : e.label, D = e == null ? void 0 : e.helper, F = e == null ? void 0 : e.prefix, m = e == null ? void 0 : e.suffix, b = !!g, I = !!x && !b, s = M ?? y, u = typeof o == "string" ? o.length : typeof c == "string" ? c.length : 0, G = s != null && u > s, f = j && !i && u > 0, B = g || x || w;
-    return /* @__PURE__ */ a("div", { className: l("Bear-Input bear-flex bear-flex-col bear-gap-1.5", C && "bear-w-full"), style: O, children: [
-      p && /* @__PURE__ */ r("label", { className: "Bear-Input__label bear-text-sm bear-font-medium bear-text-gray-700 dark:bear-text-gray-300", style: q, children: p }),
-      /* @__PURE__ */ a("div", { className: "Bear-Input__wrapper bear-relative bear-flex bear-items-center", children: [
-        n && /* @__PURE__ */ r("div", { className: "Bear-Input__addon Bear-Input__addon--left bear-absolute bear-left-3 bear-text-gray-500 dark:bear-text-gray-400", style: F, children: n }),
-        /* @__PURE__ */ r(
+    label: k,
+    helperText: F,
+    error: d,
+    success: N,
+    size: G = "md",
+    leftAddon: p,
+    rightAddon: b,
+    fullWidth: H = !1,
+    clearable: J = !1,
+    onClear: w,
+    showCharCount: v = !1,
+    charCountMax: K,
+    autoFormat: g,
+    validation: a,
+    validateOnBlur: Q,
+    validateOnChange: E = !1,
+    className: T,
+    disabled: x,
+    value: _,
+    defaultValue: y,
+    maxLength: j,
+    onChange: l,
+    onBlur: n,
+    ...U
+  }, W) => {
+    var q;
+    const h = te(ne), e = (q = h == null ? void 0 : h.components) == null ? void 0 : q.Input, X = e == null ? void 0 : e.root, Y = e == null ? void 0 : e.input, Z = e == null ? void 0 : e.label, $ = e == null ? void 0 : e.helper, P = e == null ? void 0 : e.prefix, M = e == null ? void 0 : e.suffix, [S, R] = se(null), z = be(!1), C = a ? Q ?? !0 : !1, L = d || S, c = !!L, O = !!N && !c, i = K ?? j, m = typeof _ == "string" ? _.length : typeof y == "string" ? y.length : 0, A = i != null && m > i, I = J && !x && m > 0, V = L || N || F, u = B(async (r) => {
+      if (!a) return;
+      z.current = !0;
+      const o = await ie(r, a);
+      z.current = !1, R(o);
+    }, [a]);
+    le(() => {
+      d && R(null);
+    }, [d]);
+    const ee = B(
+      (r) => {
+        if (g) {
+          const o = ce(r.target.value, g);
+          o !== r.target.value && (r.target.value = o);
+        }
+        l == null || l(r), E && a && u(r.target.value);
+      },
+      [g, l, E, a, u]
+    ), re = B(
+      (r) => {
+        n == null || n(r), C && a && u(r.target.value);
+      },
+      [n, C, a, u]
+    );
+    return /* @__PURE__ */ s("div", { className: f("Bear-Input bear-flex bear-flex-col bear-gap-1.5", H && "bear-w-full"), style: X, children: [
+      k && /* @__PURE__ */ t("label", { className: "Bear-Input__label bear-text-sm bear-font-medium bear-text-gray-700 dark:bear-text-gray-300", style: Z, children: k }),
+      /* @__PURE__ */ s("div", { className: "Bear-Input__wrapper bear-relative bear-flex bear-items-center", children: [
+        p && /* @__PURE__ */ t("div", { className: "Bear-Input__addon Bear-Input__addon--left bear-absolute bear-left-3 bear-text-gray-500 dark:bear-text-gray-400", style: P, children: p }),
+        /* @__PURE__ */ t(
           "input",
           {
-            ref: L,
-            disabled: i,
-            value: o,
-            defaultValue: c,
-            maxLength: y,
-            "aria-invalid": b || void 0,
-            className: l(
+            ref: W,
+            disabled: x,
+            value: _,
+            defaultValue: y,
+            maxLength: j,
+            "aria-invalid": c || void 0,
+            onChange: ee,
+            onBlur: re,
+            className: f(
               "Bear-Input__field",
               "bear-w-full bear-rounded-lg bear-border bear-outline-none bear-transition-all bear-duration-200",
               "bear-bg-white bear-text-gray-900 placeholder:bear-text-gray-400",
               "bear-border-gray-300 focus:bear-ring-2 focus:bear-ring-offset-2 focus:bear-ring-offset-white",
               "dark:bear-bg-gray-800 dark:bear-text-white dark:placeholder:bear-text-gray-500 dark:bear-border-gray-600 dark:focus:bear-ring-offset-gray-900",
-              b ? "Bear-Input__field--error bear-border-red-500 focus:bear-ring-red-500" : I ? "Bear-Input__field--success bear-border-green-500 focus:bear-ring-green-500" : "focus:bear-border-bear-500 focus:bear-ring-bear-500 dark:focus:bear-border-bear-500 dark:focus:bear-ring-bear-500",
-              i && "Bear-Input__field--disabled bear-opacity-50 bear-cursor-not-allowed",
-              n && "bear-pl-10",
-              (t || f) && "bear-pr-10",
-              P[v],
-              z
+              c ? "Bear-Input__field--error bear-border-red-500 focus:bear-ring-red-500" : O ? "Bear-Input__field--success bear-border-green-500 focus:bear-ring-green-500" : "focus:bear-border-bear-500 focus:bear-ring-bear-500 dark:focus:bear-border-bear-500 dark:focus:bear-ring-bear-500",
+              x && "Bear-Input__field--disabled bear-opacity-50 bear-cursor-not-allowed",
+              p && "bear-pl-10",
+              (b || I) && "bear-pr-10",
+              ue[G],
+              T
             ),
-            style: R,
-            ...E
+            style: Y,
+            ...U
           }
         ),
-        f && !t && /* @__PURE__ */ r("div", { className: "Bear-Input__addon Bear-Input__addon--right bear-absolute bear-right-3 bear-text-gray-500 dark:bear-text-gray-400", style: m, children: /* @__PURE__ */ r(N, { onClick: _ }) }),
-        t && /* @__PURE__ */ a("div", { className: "Bear-Input__addon Bear-Input__addon--right bear-absolute bear-right-3 bear-flex bear-items-center bear-gap-1.5 bear-text-gray-500 dark:bear-text-gray-400", style: m, children: [
-          f && /* @__PURE__ */ r(N, { onClick: _ }),
-          t
+        I && !b && /* @__PURE__ */ t("div", { className: "Bear-Input__addon Bear-Input__addon--right bear-absolute bear-right-3 bear-text-gray-500 dark:bear-text-gray-400", style: M, children: /* @__PURE__ */ t(D, { onClick: w }) }),
+        b && /* @__PURE__ */ s("div", { className: "Bear-Input__addon Bear-Input__addon--right bear-absolute bear-right-3 bear-flex bear-items-center bear-gap-1.5 bear-text-gray-500 dark:bear-text-gray-400", style: M, children: [
+          I && /* @__PURE__ */ t(D, { onClick: w }),
+          b
         ] })
       ] }),
-      /* @__PURE__ */ a("div", { className: "Bear-Input__footer bear-flex bear-items-center bear-justify-between bear-gap-2", children: [
-        B ? /* @__PURE__ */ r(
+      /* @__PURE__ */ s("div", { className: "Bear-Input__footer bear-flex bear-items-center bear-justify-between bear-gap-2", children: [
+        V ? /* @__PURE__ */ t(
           "p",
           {
-            className: l(
+            className: f(
               "Bear-Input__helper bear-text-sm bear-flex-1",
-              b ? "Bear-Input__helper--error bear-text-red-500" : I ? "Bear-Input__helper--success bear-text-green-500" : "bear-text-gray-500 dark:bear-text-gray-400"
+              c ? "Bear-Input__helper--error bear-text-red-500" : O ? "Bear-Input__helper--success bear-text-green-500" : "bear-text-gray-500 dark:bear-text-gray-400"
             ),
-            style: D,
-            children: B
+            style: $,
+            children: V
           }
-        ) : h ? /* @__PURE__ */ r("span", {}) : null,
-        h && s != null && /* @__PURE__ */ a(
+        ) : v ? /* @__PURE__ */ t("span", {}) : null,
+        v && i != null && /* @__PURE__ */ s(
           "span",
           {
-            className: l(
+            className: f(
               "Bear-Input__char-count bear-text-xs bear-tabular-nums bear-shrink-0",
-              G ? "bear-text-red-500" : "bear-text-gray-400 dark:bear-text-gray-500"
+              A ? "bear-text-red-500" : "bear-text-gray-400 dark:bear-text-gray-500"
             ),
             children: [
-              u,
+              m,
               "/",
-              s
+              i
             ]
           }
         )
@@ -96,7 +129,7 @@ const P = {
     ] });
   }
 );
-Q.displayName = "Input";
+oe.displayName = "Input";
 export {
-  Q as Input
+  oe as Input
 };

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

@@ -1,4 +1,6 @@
 import { InputHTMLAttributes, ReactNode } from 'react';
+import { ValidationRule } from '../Form/Form.types';
+export type AutoFormatType = 'capitalize' | 'uppercase' | 'lowercase' | 'titleCase' | 'sentenceCase' | 'none';
 export interface InputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size'> {
     /** Input label */
     label?: string;
@@ -24,4 +26,12 @@ export interface InputProps extends Omit<InputHTMLAttributes<HTMLInputElement>,
     showCharCount?: boolean;
     /** Max chars for counter display (alternative to maxLength when you don't want native enforcement) */
     charCountMax?: number;
+    /** Auto-format text on change using Anvil string utils */
+    autoFormat?: AutoFormatType;
+    /** Validation rules (reuses Form's ValidationRule) */
+    validation?: ValidationRule;
+    /** Run validation on blur (default true when validation is set) */
+    validateOnBlur?: boolean;
+    /** Run validation on change */
+    validateOnChange?: boolean;
 }

package/dist/components/Input/Input.utils.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("@forgedevstack/anvil"),n=e=>e.toUpperCase(),a=e=>e.toLowerCase(),r={capitalize:o.capitalize,uppercase:n,lowercase:a,titleCase:o.titleCase,sentenceCase:o.sentenceCase},c=(e,t)=>{if(!t||t==="none")return e;const s=r[t];return s?s(e):e};exports.applyAutoFormat=c;

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

@@ -0,0 +1,2 @@
+import { AutoFormatType } from './Input.types';
+export declare const applyAutoFormat: (value: string, format: AutoFormatType | undefined) => string;

package/dist/components/Input/Input.utils.js

@@ -0,0 +1,15 @@
+import { sentenceCase as s, titleCase as n, capitalize as r } from "@forgedevstack/anvil";
+const p = (e) => e.toUpperCase(), c = (e) => e.toLowerCase(), a = {
+  capitalize: r,
+  uppercase: p,
+  lowercase: c,
+  titleCase: n,
+  sentenceCase: s
+}, i = (e, t) => {
+  if (!t || t === "none") return e;
+  const o = a[t];
+  return o ? o(e) : e;
+};
+export {
+  i as applyAutoFormat
+};

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

@@ -1,2 +1,2 @@
 export { Input } from './Input';
-export type { InputProps } from './Input.types';
+export type { InputProps, AutoFormatType } from './Input.types';

package/dist/components/LoadingOverlay/LoadingOverlay.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),u=require("../../utils/cn.cjs");require("react");const y=require("../Typography/Typography.cjs"),A=require("../Spinner/Spinner.cjs"),e=require("./LoadingOverlay.const.cjs"),S={sm:"sm",md:"md",lg:"lg"},_=({visible:a,loader:t,overlayOpacity:n=e.DEFAULT_OVERLAY_OPACITY,overlayBlur:i=e.DEFAULT_OVERLAY_BLUR,zIndex:c=e.DEFAULT_Z_INDEX,loaderSize:o="md",label:s,children:d,className:l,testId:p,...L})=>r.jsxs("div",{className:u.cn(e.ROOT_CLASS,l),"data-testid":p,...L,children:[d,a&&r.jsxs("div",{className:e.OVERLAY_CLASS,style:{opacity:n,backdropFilter:`blur(${i}px)`,WebkitBackdropFilter:`blur(${i}px)`,zIndex:c},"aria-busy":!0,"aria-live":"polite",children:[t??r.jsx(A.Spinner,{size:S[o],className:"bear-text-pink-500 dark:bear-text-pink-400"}),s&&r.jsx(y.Typography,{variant:"body2",color:"secondary",className:e.LABEL_CLASS,children:s})]})]});exports.LoadingOverlay=_;

package/dist/components/LoadingOverlay/LoadingOverlay.const.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=.5,a=2,r=10,L="Bear-LoadingOverlay bear-relative",t="bear-absolute bear-inset-0 bear-flex bear-flex-col bear-items-center bear-justify-center bear-transition-opacity bear-duration-200 bear-bg-white/50 dark:bear-bg-zinc-900/50",A="Bear-LoadingOverlay__label bear-mt-2";exports.DEFAULT_OVERLAY_BLUR=a;exports.DEFAULT_OVERLAY_OPACITY=e;exports.DEFAULT_Z_INDEX=r;exports.LABEL_CLASS=A;exports.OVERLAY_CLASS=t;exports.ROOT_CLASS=L;

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

@@ -0,0 +1,6 @@
+export declare const DEFAULT_OVERLAY_OPACITY = 0.5;
+export declare const DEFAULT_OVERLAY_BLUR = 2;
+export declare const DEFAULT_Z_INDEX = 10;
+export declare const ROOT_CLASS = "Bear-LoadingOverlay bear-relative";
+export declare const OVERLAY_CLASS = "bear-absolute bear-inset-0 bear-flex bear-flex-col bear-items-center bear-justify-center bear-transition-opacity bear-duration-200 bear-bg-white/50 dark:bear-bg-zinc-900/50";
+export declare const LABEL_CLASS = "Bear-LoadingOverlay__label bear-mt-2";

package/dist/components/LoadingOverlay/LoadingOverlay.const.js

@@ -0,0 +1,9 @@
+const e = 0.5, a = 2, r = 10, t = "Bear-LoadingOverlay bear-relative", b = "bear-absolute bear-inset-0 bear-flex bear-flex-col bear-items-center bear-justify-center bear-transition-opacity bear-duration-200 bear-bg-white/50 dark:bear-bg-zinc-900/50", n = "Bear-LoadingOverlay__label bear-mt-2";
+export {
+  a as DEFAULT_OVERLAY_BLUR,
+  e as DEFAULT_OVERLAY_OPACITY,
+  r as DEFAULT_Z_INDEX,
+  n as LABEL_CLASS,
+  b as OVERLAY_CLASS,
+  t as ROOT_CLASS
+};

package/dist/components/LoadingOverlay/LoadingOverlay.d.ts

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

package/dist/components/LoadingOverlay/LoadingOverlay.js

@@ -0,0 +1,42 @@
+import { jsxs as t, jsx as a } from "react/jsx-runtime";
+import { cn as L } from "../../utils/cn.js";
+import "react";
+import { Typography as A } from "../Typography/Typography.js";
+import { Spinner as _ } from "../Spinner/Spinner.js";
+import { DEFAULT_Z_INDEX as E, DEFAULT_OVERLAY_BLUR as S, DEFAULT_OVERLAY_OPACITY as b, OVERLAY_CLASS as x, LABEL_CLASS as y, ROOT_CLASS as N } from "./LoadingOverlay.const.js";
+const O = { sm: "sm", md: "md", lg: "lg" }, h = ({
+  visible: e,
+  loader: o,
+  overlayOpacity: m = b,
+  overlayBlur: r = S,
+  zIndex: s = E,
+  loaderSize: p = "md",
+  label: i,
+  children: d,
+  className: c,
+  testId: l,
+  ...n
+}) => /* @__PURE__ */ t("div", { className: L(N, c), "data-testid": l, ...n, children: [
+  d,
+  e && /* @__PURE__ */ t(
+    "div",
+    {
+      className: x,
+      style: {
+        opacity: m,
+        backdropFilter: `blur(${r}px)`,
+        WebkitBackdropFilter: `blur(${r}px)`,
+        zIndex: s
+      },
+      "aria-busy": !0,
+      "aria-live": "polite",
+      children: [
+        o ?? /* @__PURE__ */ a(_, { size: O[p], className: "bear-text-pink-500 dark:bear-text-pink-400" }),
+        i && /* @__PURE__ */ a(A, { variant: "body2", color: "secondary", className: y, children: i })
+      ]
+    }
+  )
+] });
+export {
+  h as LoadingOverlay
+};

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

@@ -0,0 +1,11 @@
+import { ReactNode, HTMLAttributes } from 'react';
+export interface LoadingOverlayProps extends HTMLAttributes<HTMLDivElement> {
+    visible: boolean;
+    loader?: ReactNode;
+    overlayOpacity?: number;
+    overlayBlur?: number;
+    zIndex?: number;
+    loaderSize?: 'sm' | 'md' | 'lg';
+    label?: string;
+    testId?: string;
+}

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

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

package/dist/components/MentionsInput/MentionsInput.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),t=require("react"),v=require("../../utils/cn.cjs"),P={sm:"bear-h-8 bear-text-sm bear-px-3",md:"bear-h-10 bear-text-base bear-px-4",lg:"bear-h-12 bear-text-lg bear-px-5"},U=(u,g)=>{const a=g.toLowerCase();return u.filter(l=>l.value.toLowerCase().includes(a)||String(l.label).toLowerCase().includes(a))},V=({value:u,defaultValue:g="",onChange:a,onMentionSelect:l,options:S,trigger:c="@",placeholder:D="Type @ to mention...",disabled:k=!1,maxSuggestions:L=5,filterOptions:M=U,size:N="md",fullWidth:T=!1,className:$})=>{const[A,q]=t.useState(g),[d,K]=t.useState(""),[Q,x]=t.useState(!1),[b,h]=t.useState(0),[p,B]=t.useState(null),y=t.useRef(null),z=t.useRef(null),w=t.useRef(null),n=u??A,i=M(S,d).slice(0,L),E=Q&&d.length>=0,I=t.useCallback(()=>{const e=n.lastIndexOf(c);if(e===-1)return{query:"",start:null};const r=n.slice(e+c.length),s=r.indexOf(" ");return{query:s===-1?r:r.slice(0,s),start:e}},[n,c]);t.useEffect(()=>{const{query:e,start:r}=I();K(e),B(r),x(r!==null&&!e.includes(" "))},[n,I]),t.useEffect(()=>{h(0)},[d]),t.useEffect(()=>{if(b>=0&&w.current){const e=w.current.children[b];e==null||e.scrollIntoView({block:"nearest"})}},[b]),t.useEffect(()=>{const e=r=>{y.current&&!y.current.contains(r.target)&&x(!1)};return document.addEventListener("mousedown",e),()=>document.removeEventListener("mousedown",e)},[]);const R=e=>{const r=new RegExp(`${c}(\\w+)`,"g"),s=[];let f;for(;(f=r.exec(e))!==null;)s.push(f[1]);return[...new Set(s)]},F=e=>{const r=e.target.value;u===void 0&&q(r),a==null||a(r,R(r))},j=e=>{var O;if(p==null)return;const r=n.slice(0,p),s=n.slice(p+c.length+d.length),f=`${c}${e.value}`,m=r+f+" "+s;u===void 0&&q(m),a==null||a(m,R(m)),l==null||l(e),x(!1),(O=z.current)==null||O.focus()},H=e=>{if(!(!E||i.length===0)){if(e.key==="ArrowDown"){e.preventDefault(),h(r=>Math.min(r+1,i.length-1));return}if(e.key==="ArrowUp"){e.preventDefault(),h(r=>Math.max(r-1,0));return}if(e.key==="Enter"||e.key==="Tab"){e.preventDefault();const r=i[b];r&&j(r);return}e.key==="Escape"&&x(!1)}};return o.jsxs("div",{ref:y,className:v.cn("Bear-MentionsInput bear-relative",T&&"bear-w-full",$),children:[o.jsx("input",{ref:z,type:"text",value:n,onChange:F,onKeyDown:H,placeholder:D,disabled:k,className:v.cn("bear-w-full bear-rounded-lg bear-border bear-border-gray-300 dark:bear-border-zinc-600 bear-bg-white dark:bear-bg-zinc-900 bear-text-gray-900 dark:bear-text-white placeholder:bear-text-gray-500 dark:placeholder:bear-text-zinc-500 bear-outline-none bear-transition-colors focus:bear-border-bear-500 focus:bear-ring-2 focus:bear-ring-bear-500/20",k&&"bear-opacity-50 bear-cursor-not-allowed",P[N])}),E&&i.length>0&&o.jsx("div",{ref:w,className:"bear-absolute bear-z-50 bear-mt-1 bear-w-full bear-max-h-48 bear-overflow-auto bear-rounded-lg bear-border bear-border-gray-200 dark:bear-border-zinc-600 bear-bg-white dark:bear-bg-zinc-800 bear-py-1 bear-shadow-lg",children:i.map((e,r)=>o.jsxs("button",{type:"button",className:v.cn("bear-w-full bear-flex bear-items-center bear-gap-2 bear-px-3 bear-py-2 bear-text-left bear-text-gray-800 dark:bear-text-zinc-200 hover:bear-bg-gray-100 dark:hover:bear-bg-zinc-700 bear-transition-colors",r===b&&"bear-bg-gray-100 dark:bear-bg-zinc-700"),onMouseEnter:()=>h(r),onClick:()=>j(e),children:[e.avatar&&o.jsx("span",{className:"bear-shrink-0",children:e.avatar}),o.jsx("span",{children:e.label})]},e.value))})]})};exports.MentionsInput=V;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime"),t=require("react"),v=require("../../utils/cn.cjs"),P=require("./MentionsInput.utils.cjs"),U={sm:"bear-h-8 bear-text-sm bear-px-3",md:"bear-h-10 bear-text-base bear-px-4",lg:"bear-h-12 bear-text-lg bear-px-5"},V=({value:x,defaultValue:O="",onChange:s,onMentionSelect:h,options:D,trigger:l="@",placeholder:M="Type @ to mention...",disabled:w=!1,maxSuggestions:S=5,filterOptions:N=P.defaultFilter,size:T="md",fullWidth:L=!1,className:$})=>{const[A,k]=t.useState(O),[i,K]=t.useState(""),[Q,f]=t.useState(!1),[u,d]=t.useState(0),[p,B]=t.useState(null),g=t.useRef(null),q=t.useRef(null),y=t.useRef(null),a=x??A,o=N(D,i).slice(0,S),I=Q&&i.length>=0,z=t.useCallback(()=>{const e=a.lastIndexOf(l);if(e===-1)return{query:"",start:null};const r=a.slice(e+l.length),n=r.indexOf(" ");return{query:n===-1?r:r.slice(0,n),start:e}},[a,l]);t.useEffect(()=>{const{query:e,start:r}=z();K(e),B(r),f(r!==null&&!e.includes(" "))},[a,z]),t.useEffect(()=>{d(0)},[i]),t.useEffect(()=>{if(u>=0&&y.current){const e=y.current.children[u];e==null||e.scrollIntoView({block:"nearest"})}},[u]),t.useEffect(()=>{const e=r=>{g.current&&!g.current.contains(r.target)&&f(!1)};return document.addEventListener("mousedown",e),()=>document.removeEventListener("mousedown",e)},[]);const E=e=>{const r=new RegExp(`${l}(\\w+)`,"g"),n=[];let b;for(;(b=r.exec(e))!==null;)n.push(b[1]);return[...new Set(n)]},F=e=>{const r=e.target.value;x===void 0&&k(r),s==null||s(r,E(r))},R=e=>{var j;if(p==null)return;const r=a.slice(0,p),n=a.slice(p+l.length+i.length),b=`${l}${e.value}`,m=r+b+" "+n;x===void 0&&k(m),s==null||s(m,E(m)),h==null||h(e),f(!1),(j=q.current)==null||j.focus()},H=e=>{if(!(!I||o.length===0)){if(e.key==="ArrowDown"){e.preventDefault(),d(r=>Math.min(r+1,o.length-1));return}if(e.key==="ArrowUp"){e.preventDefault(),d(r=>Math.max(r-1,0));return}if(e.key==="Enter"||e.key==="Tab"){e.preventDefault();const r=o[u];r&&R(r);return}e.key==="Escape"&&f(!1)}};return c.jsxs("div",{ref:g,className:v.cn("Bear-MentionsInput bear-relative",L&&"bear-w-full",$),children:[c.jsx("input",{ref:q,type:"text",value:a,onChange:F,onKeyDown:H,placeholder:M,disabled:w,className:v.cn("bear-w-full bear-rounded-lg bear-border bear-border-gray-300 dark:bear-border-zinc-600 bear-bg-white dark:bear-bg-zinc-900 bear-text-gray-900 dark:bear-text-white placeholder:bear-text-gray-500 dark:placeholder:bear-text-zinc-500 bear-outline-none bear-transition-colors focus:bear-border-bear-500 focus:bear-ring-2 focus:bear-ring-bear-500/20",w&&"bear-opacity-50 bear-cursor-not-allowed",U[T])}),I&&o.length>0&&c.jsx("div",{ref:y,className:"bear-absolute bear-z-50 bear-mt-1 bear-w-full bear-max-h-48 bear-overflow-auto bear-rounded-lg bear-border bear-border-gray-200 dark:bear-border-zinc-600 bear-bg-white dark:bear-bg-zinc-800 bear-py-1 bear-shadow-lg",children:o.map((e,r)=>c.jsxs("button",{type:"button",className:v.cn("bear-w-full bear-flex bear-items-center bear-gap-2 bear-px-3 bear-py-2 bear-text-left bear-text-gray-800 dark:bear-text-zinc-200 hover:bear-bg-gray-100 dark:hover:bear-bg-zinc-700 bear-transition-colors",r===u&&"bear-bg-gray-100 dark:bear-bg-zinc-700"),onMouseEnter:()=>d(r),onClick:()=>R(e),children:[e.avatar&&c.jsx("span",{className:"bear-shrink-0",children:e.avatar}),c.jsx("span",{children:e.label})]},e.value))})]})};exports.MentionsInput=V;