@forgedevstack/bear 1.2.6 → 1.2.7

package/dist/components/Drawer/Drawer.js

@@ -1,53 +1,56 @@
-import { jsxs as d, jsx as t } from "react/jsx-runtime";
-import { useState as c, useEffect as x, useCallback as O } from "react";
-import { createPortal as R } from "react-dom";
-import { useBearDirectionOptional as M } from "../../context/BearProvider.js";
-import { cn as S } from "../../utils/cn.js";
-import { XIcon as C } from "../Icon/index.js";
-import { DRAWER_ANIMATION_MS as u, TRANSFORM_OPEN as L, TRANSFORM_CLOSED as T, SIZE_CLASSES as F, POSITION_CLASSES as P, BORDER_SIDE_MAP as j } from "./Drawer.const.js";
-import { lockBodyScroll as B } from "./Drawer.utils.js";
-const U = ({
+import { jsxs as c, jsx as t } from "react/jsx-runtime";
+import { useState as m, useEffect as S, useCallback as R } from "react";
+import { createPortal as C } from "react-dom";
+import { useBearDirectionOptional as L } from "../../context/BearProvider.js";
+import { cn as T } from "../../utils/cn.js";
+import { resolveBearId as F } from "../../utils/generateBearId.utils.js";
+import { useBearId as P } from "../../utils/useBearId.js";
+import { XIcon as j } from "../Icon/index.js";
+import { Backdrop as $ } from "../Backdrop/Backdrop.js";
+import { DRAWER_ANIMATION_MS as u, TRANSFORM_OPEN as q, TRANSFORM_CLOSED as z, SIZE_CLASSES as H, POSITION_CLASSES as W, BORDER_SIDE_MAP as X } from "./Drawer.const.js";
+import { lockBodyScroll as Z } from "./Drawer.utils.js";
+const ne = ({
   isOpen: s,
   onClose: o,
   title: n,
-  children: w,
-  side: y = "right",
-  anchor: N,
-  variant: $ = "temporary",
-  size: g = "md",
-  showCloseButton: m = !0,
-  closeOnBackdrop: E = !0,
-  closeOnEscape: f = !0,
-  className: I,
-  container: _,
-  id: q,
-  testId: z
+  children: N,
+  side: g = "right",
+  anchor: E,
+  variant: G = "temporary",
+  size: I = "md",
+  showCloseButton: f = !0,
+  closeOnBackdrop: _ = !0,
+  closeOnEscape: p = !0,
+  className: y,
+  container: D,
+  id: A,
+  testId: B
 }) => {
-  const { direction: h } = M(), i = N ?? y, r = h === "rtl" && (i === "left" || i === "right") ? i === "left" ? "right" : "left" : i, [a, v] = c(s), [k, b] = c(!1), [A, p] = c(!1);
-  x(() => {
+  const M = P("Drawer"), d = F(A, M), { direction: h } = L(), i = E ?? g, r = h === "rtl" && (i === "left" || i === "right") ? i === "left" ? "right" : "left" : i, [a, v] = m(s), [k, b] = m(!1), [x, w] = m(!1);
+  S(() => {
     if (s) {
       v(!0), b(!1);
-      const e = requestAnimationFrame(() => p(!0));
+      const e = requestAnimationFrame(() => w(!0));
       return () => cancelAnimationFrame(e);
     }
     if (a) {
-      p(!1), b(!0);
+      w(!1), b(!0);
       const e = setTimeout(() => {
         v(!1), b(!1);
       }, u);
       return () => clearTimeout(e);
     }
   }, [s, a]);
-  const l = O(
+  const l = R(
     (e) => {
-      f && e.key === "Escape" && o();
+      p && e.key === "Escape" && o();
     },
-    [f, o]
+    [p, o]
   );
-  if (x(() => {
+  if (S(() => {
     if (a) {
       document.addEventListener("keydown", l);
-      const e = B();
+      const e = Z();
       return () => {
         document.removeEventListener("keydown", l), e();
       };
@@ -56,64 +59,64 @@ const U = ({
       document.removeEventListener("keydown", l);
     };
   }, [a, l]), !a) return null;
-  const D = /* @__PURE__ */ d("div", { className: "bear-fixed bear-inset-0 bear-z-[11000]", children: [
+  const O = /* @__PURE__ */ c("div", { id: d, "data-testid": B, className: "Bear-Drawer bear-fixed bear-inset-0 bear-z-[11000]", children: [
     /* @__PURE__ */ t(
-      "div",
+      $,
       {
-        className: S(
-          "bear-absolute bear-inset-0 bear-bg-black/60 bear-backdrop-blur-sm bear-transition-opacity",
-          k ? "bear-opacity-0" : "bear-opacity-100"
-        ),
-        style: { transitionDuration: `${u}ms` },
-        onClick: E ? o : void 0,
-        "aria-hidden": "true"
+        open: x && !k,
+        keepMounted: !0,
+        blur: !0,
+        transitionDuration: u,
+        className: "Bear-Drawer__backdrop",
+        onClick: _ ? () => o() : void 0
       }
     ),
-    /* @__PURE__ */ d(
+    /* @__PURE__ */ c(
       "div",
       {
         role: "dialog",
         "aria-modal": "true",
-        "aria-labelledby": n ? "drawer-title" : void 0,
-        className: S(
+        "aria-labelledby": n ? `${d}-title` : void 0,
+        className: T(
+          "Bear-Drawer__panel",
           "bear-absolute bear-bg-white dark:bear-bg-neutral-900 bear-shadow-2xl",
           "bear-border-neutral-200 dark:bear-border-neutral-700",
           "bear-flex bear-flex-col bear-overflow-hidden",
           "bear-transform bear-transition-transform",
-          j[r],
-          P[r],
-          F[r][g],
-          A && !k ? L[r] : T[r],
-          I
+          X[r],
+          W[r],
+          H[r][I],
+          x && !k ? q[r] : z[r],
+          y
         ),
         style: { transitionDuration: `${u}ms` },
         children: [
-          (n || m) && /* @__PURE__ */ d("div", { className: "bear-flex bear-items-center bear-justify-between bear-px-4 bear-py-3 bear-border-b bear-border-neutral-200 dark:bear-border-neutral-700 bear-shrink-0", dir: h, children: [
+          (n || f) && /* @__PURE__ */ c("div", { className: "bear-flex bear-items-center bear-justify-between bear-px-4 bear-py-3 bear-border-b bear-border-neutral-200 dark:bear-border-neutral-700 bear-shrink-0", dir: h, children: [
             n && /* @__PURE__ */ t(
               "h2",
               {
-                id: "drawer-title",
+                id: `${d}-title`,
                 className: "bear-text-lg bear-font-semibold bear-text-neutral-900 dark:bear-text-white",
                 children: n
               }
             ),
-            m && /* @__PURE__ */ t(
+            f && /* @__PURE__ */ t(
               "button",
               {
                 onClick: o,
                 className: "bear-p-1 bear-rounded-lg bear-text-neutral-500 dark:bear-text-neutral-400 hover:bear-text-neutral-900 dark:hover:bear-text-white hover:bear-bg-neutral-100 dark:hover:bear-bg-neutral-700 bear-transition-colors",
                 "aria-label": "Close drawer",
-                children: /* @__PURE__ */ t(C, { className: "bear-w-5 bear-h-5" })
+                children: /* @__PURE__ */ t(j, { className: "bear-w-5 bear-h-5" })
               }
             )
           ] }),
-          /* @__PURE__ */ t("div", { className: "bear-flex-1 bear-min-h-0 bear-overflow-y-auto bear-overscroll-contain bear-p-4 bear-text-neutral-700 dark:bear-text-neutral-300", children: w })
+          /* @__PURE__ */ t("div", { className: "bear-flex-1 bear-min-h-0 bear-overflow-y-auto bear-overscroll-contain bear-p-4 bear-text-neutral-700 dark:bear-text-neutral-300", children: N })
         ]
       }
     )
   ] });
-  return R(D, _ ?? document.body);
+  return C(O, D ?? document.body);
 };
 export {
-  U as Drawer
+  ne as Drawer
 };

package/dist/components/EmptyState/EmptyState.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("../../utils/cn.cjs");require("react");const x=({className:b})=>e.jsx("svg",{className:b,fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:1.5,d:"M20 13V6a2 2 0 00-2-2H6a2 2 0 00-2 2v7m16 0v5a2 2 0 01-2 2H6a2 2 0 01-2-2v-5m16 0h-2.586a1 1 0 00-.707.293l-2.414 2.414a1 1 0 01-.707.293h-3.172a1 1 0 01-.707-.293l-2.414-2.414A1 1 0 006.586 13H4"})}),o=({icon:b,title:c,description:s,action:l,secondaryAction:n,className:i,size:a="md",variant:d="default"})=>{const r={sm:{icon:"bear-w-12 bear-h-12",title:"bear-text-lg",desc:"bear-text-sm",padding:"bear-py-6 bear-px-4"},md:{icon:"bear-w-16 bear-h-16",title:"bear-text-xl",desc:"bear-text-base",padding:"bear-py-10 bear-px-6"},lg:{icon:"bear-w-20 bear-h-20",title:"bear-text-2xl",desc:"bear-text-lg",padding:"bear-py-14 bear-px-8"}};return e.jsxs("div",{className:t.cn("bear-flex bear-flex-col bear-items-center bear-text-center",r[a].padding,d==="card"&&"bear-bg-zinc-800/50 bear-rounded-xl bear-border bear-border-zinc-700",i),children:[e.jsx("div",{className:t.cn("bear-text-zinc-600 bear-mb-4",r[a].icon),children:b||e.jsx(x,{className:"bear-w-full bear-h-full"})}),e.jsx("h3",{className:t.cn("bear-font-semibold bear-text-white bear-mb-2",r[a].title),children:c}),s&&e.jsx("p",{className:t.cn("bear-text-zinc-400 bear-max-w-md bear-mb-6",r[a].desc),children:s}),(l||n)&&e.jsxs("div",{className:"bear-flex bear-items-center bear-gap-3",children:[l,n]})]})};exports.EmptyState=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),e=require("./EmptyState.const.cjs"),a=require("../../utils/cn.cjs");require("react");const A=require("../../utils/generateBearId.utils.cjs"),m=require("../../utils/useBearId.cjs"),C=({className:r})=>s.jsx("svg",{className:r,fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:s.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:1.5,d:"M20 13V6a2 2 0 00-2-2H6a2 2 0 00-2 2v7m16 0v5a2 2 0 01-2 2H6a2 2 0 01-2-2v-5m16 0h-2.586a1 1 0 00-.707.293l-2.414 2.414a1 1 0 01-.707.293h-3.172a1 1 0 01-.707-.293l-2.414-2.414A1 1 0 006.586 13H4"})}),h=({icon:r,title:l,description:S,action:n,secondaryAction:c,className:d,size:i="md",variant:E="default",id:T,testId:_})=>{const o=m.useBearId("EmptyState"),u=A.resolveBearId(T,o),t=e.EMPTY_STATE_SIZE_CLASSES[i];return s.jsxs("div",{id:u,"data-testid":_,className:a.cn(e.EMPTY_STATE_ROOT_CLASS,e.EMPTY_STATE_BASE_CLASSES,t.padding,E==="card"&&e.EMPTY_STATE_CARD_CLASSES,d),children:[s.jsx("div",{className:a.cn(e.EMPTY_STATE_ICON_CLASSES,t.icon),children:r||s.jsx(C,{className:"bear-w-full bear-h-full"})}),s.jsx("h3",{className:a.cn(e.EMPTY_STATE_TITLE_CLASSES,t.title),children:l}),S&&s.jsx("p",{className:a.cn(e.EMPTY_STATE_DESCRIPTION_CLASSES,t.desc),children:S}),(n||c)&&s.jsxs("div",{className:`${e.EMPTY_STATE_ROOT_CLASS}__actions bear-flex bear-items-center bear-gap-3`,children:[n,c]})]})};exports.EmptyState=h;

package/dist/components/EmptyState/EmptyState.const.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e="Bear-EmptyState",S="bear-flex bear-flex-col bear-items-center bear-text-center",r="bear-bg-[var(--bear-bg-secondary)] bear-rounded-xl bear-border bear-border-[var(--bear-border-default)]",a="bear-text-[var(--bear-text-muted)] bear-mb-4",t="bear-font-semibold bear-text-[var(--bear-text-primary)] bear-mb-2",b="bear-text-[var(--bear-text-secondary)] bear-max-w-md bear-mb-6",T={sm:{icon:"bear-w-12 bear-h-12",title:"bear-text-lg",desc:"bear-text-sm",padding:"bear-py-6 bear-px-4"},md:{icon:"bear-w-16 bear-h-16",title:"bear-text-xl",desc:"bear-text-base",padding:"bear-py-10 bear-px-6"},lg:{icon:"bear-w-20 bear-h-20",title:"bear-text-2xl",desc:"bear-text-lg",padding:"bear-py-14 bear-px-8"}};exports.EMPTY_STATE_BASE_CLASSES=S;exports.EMPTY_STATE_CARD_CLASSES=r;exports.EMPTY_STATE_DESCRIPTION_CLASSES=b;exports.EMPTY_STATE_ICON_CLASSES=a;exports.EMPTY_STATE_ROOT_CLASS=e;exports.EMPTY_STATE_SIZE_CLASSES=T;exports.EMPTY_STATE_TITLE_CLASSES=t;

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

@@ -1 +1,26 @@
-export declare const E_M_P_T_Y_S_T_A_T_E_ROOT_CLASS = "Bear-EmptyState";
+export declare const EMPTY_STATE_ROOT_CLASS = "Bear-EmptyState";
+export declare const EMPTY_STATE_BASE_CLASSES = "bear-flex bear-flex-col bear-items-center bear-text-center";
+export declare const EMPTY_STATE_CARD_CLASSES = "bear-bg-[var(--bear-bg-secondary)] bear-rounded-xl bear-border bear-border-[var(--bear-border-default)]";
+export declare const EMPTY_STATE_ICON_CLASSES = "bear-text-[var(--bear-text-muted)] bear-mb-4";
+export declare const EMPTY_STATE_TITLE_CLASSES = "bear-font-semibold bear-text-[var(--bear-text-primary)] bear-mb-2";
+export declare const EMPTY_STATE_DESCRIPTION_CLASSES = "bear-text-[var(--bear-text-secondary)] bear-max-w-md bear-mb-6";
+export declare const EMPTY_STATE_SIZE_CLASSES: {
+    readonly sm: {
+        readonly icon: "bear-w-12 bear-h-12";
+        readonly title: "bear-text-lg";
+        readonly desc: "bear-text-sm";
+        readonly padding: "bear-py-6 bear-px-4";
+    };
+    readonly md: {
+        readonly icon: "bear-w-16 bear-h-16";
+        readonly title: "bear-text-xl";
+        readonly desc: "bear-text-base";
+        readonly padding: "bear-py-10 bear-px-6";
+    };
+    readonly lg: {
+        readonly icon: "bear-w-20 bear-h-20";
+        readonly title: "bear-text-2xl";
+        readonly desc: "bear-text-lg";
+        readonly padding: "bear-py-14 bear-px-8";
+    };
+};

package/dist/components/EmptyState/EmptyState.const.js

@@ -0,0 +1,29 @@
+const e = "Bear-EmptyState", r = "bear-flex bear-flex-col bear-items-center bear-text-center", a = "bear-bg-[var(--bear-bg-secondary)] bear-rounded-xl bear-border bear-border-[var(--bear-border-default)]", b = "bear-text-[var(--bear-text-muted)] bear-mb-4", t = "bear-font-semibold bear-text-[var(--bear-text-primary)] bear-mb-2", S = "bear-text-[var(--bear-text-secondary)] bear-max-w-md bear-mb-6", E = {
+  sm: {
+    icon: "bear-w-12 bear-h-12",
+    title: "bear-text-lg",
+    desc: "bear-text-sm",
+    padding: "bear-py-6 bear-px-4"
+  },
+  md: {
+    icon: "bear-w-16 bear-h-16",
+    title: "bear-text-xl",
+    desc: "bear-text-base",
+    padding: "bear-py-10 bear-px-6"
+  },
+  lg: {
+    icon: "bear-w-20 bear-h-20",
+    title: "bear-text-2xl",
+    desc: "bear-text-lg",
+    padding: "bear-py-14 bear-px-8"
+  }
+};
+export {
+  r as EMPTY_STATE_BASE_CLASSES,
+  a as EMPTY_STATE_CARD_CLASSES,
+  S as EMPTY_STATE_DESCRIPTION_CLASSES,
+  b as EMPTY_STATE_ICON_CLASSES,
+  e as EMPTY_STATE_ROOT_CLASS,
+  E as EMPTY_STATE_SIZE_CLASSES,
+  t as EMPTY_STATE_TITLE_CLASSES
+};

package/dist/components/EmptyState/EmptyState.js

@@ -1,36 +1,54 @@
-import { jsxs as c, jsx as e } from "react/jsx-runtime";
-import { cn as t } from "../../utils/cn.js";
+import { jsxs as l, jsx as e } from "react/jsx-runtime";
+import { EMPTY_STATE_SIZE_CLASSES as p, EMPTY_STATE_ICON_CLASSES as h, EMPTY_STATE_TITLE_CLASSES as C, EMPTY_STATE_DESCRIPTION_CLASSES as f, EMPTY_STATE_ROOT_CLASS as d, EMPTY_STATE_CARD_CLASSES as I, EMPTY_STATE_BASE_CLASSES as L } from "./EmptyState.const.js";
+import { cn as r } from "../../utils/cn.js";
 import "react";
-const m = ({ className: b }) => /* @__PURE__ */ e("svg", { className: b, fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ e("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.5, d: "M20 13V6a2 2 0 00-2-2H6a2 2 0 00-2 2v7m16 0v5a2 2 0 01-2 2H6a2 2 0 01-2-2v-5m16 0h-2.586a1 1 0 00-.707.293l-2.414 2.414a1 1 0 01-.707.293h-3.172a1 1 0 01-.707-.293l-2.414-2.414A1 1 0 006.586 13H4" }) }), f = ({
-  icon: b,
-  title: i,
-  description: l,
-  action: d,
-  secondaryAction: n,
-  className: s,
-  size: a = "md",
-  variant: o = "default"
+import { resolveBearId as u } from "../../utils/generateBearId.utils.js";
+import { useBearId as v } from "../../utils/useBearId.js";
+const M = ({ className: t }) => /* @__PURE__ */ e("svg", { className: t, fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ e(
+  "path",
+  {
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: 1.5,
+    d: "M20 13V6a2 2 0 00-2-2H6a2 2 0 00-2 2v7m16 0v5a2 2 0 01-2 2H6a2 2 0 01-2-2v-5m16 0h-2.586a1 1 0 00-.707.293l-2.414 2.414a1 1 0 01-.707.293h-3.172a1 1 0 01-.707-.293l-2.414-2.414A1 1 0 006.586 13H4"
+  }
+) }), k = ({
+  icon: t,
+  title: E,
+  description: s,
+  action: S,
+  secondaryAction: o,
+  className: i,
+  size: T = "md",
+  variant: m = "default",
+  id: n,
+  testId: _
 }) => {
-  const r = {
-    sm: { icon: "bear-w-12 bear-h-12", title: "bear-text-lg", desc: "bear-text-sm", padding: "bear-py-6 bear-px-4" },
-    md: { icon: "bear-w-16 bear-h-16", title: "bear-text-xl", desc: "bear-text-base", padding: "bear-py-10 bear-px-6" },
-    lg: { icon: "bear-w-20 bear-h-20", title: "bear-text-2xl", desc: "bear-text-lg", padding: "bear-py-14 bear-px-8" }
-  };
-  return /* @__PURE__ */ c("div", { className: t(
-    "bear-flex bear-flex-col bear-items-center bear-text-center",
-    r[a].padding,
-    o === "card" && "bear-bg-zinc-800/50 bear-rounded-xl bear-border bear-border-zinc-700",
-    s
-  ), children: [
-    /* @__PURE__ */ e("div", { className: t("bear-text-zinc-600 bear-mb-4", r[a].icon), children: b || /* @__PURE__ */ e(m, { className: "bear-w-full bear-h-full" }) }),
-    /* @__PURE__ */ e("h3", { className: t("bear-font-semibold bear-text-white bear-mb-2", r[a].title), children: i }),
-    l && /* @__PURE__ */ e("p", { className: t("bear-text-zinc-400 bear-max-w-md bear-mb-6", r[a].desc), children: l }),
-    (d || n) && /* @__PURE__ */ c("div", { className: "bear-flex bear-items-center bear-gap-3", children: [
-      d,
-      n
-    ] })
-  ] });
+  const c = v("EmptyState"), A = u(n, c), a = p[T];
+  return /* @__PURE__ */ l(
+    "div",
+    {
+      id: A,
+      "data-testid": _,
+      className: r(
+        d,
+        L,
+        a.padding,
+        m === "card" && I,
+        i
+      ),
+      children: [
+        /* @__PURE__ */ e("div", { className: r(h, a.icon), children: t || /* @__PURE__ */ e(M, { className: "bear-w-full bear-h-full" }) }),
+        /* @__PURE__ */ e("h3", { className: r(C, a.title), children: E }),
+        s && /* @__PURE__ */ e("p", { className: r(f, a.desc), children: s }),
+        (S || o) && /* @__PURE__ */ l("div", { className: `${d}__actions bear-flex bear-items-center bear-gap-3`, children: [
+          S,
+          o
+        ] })
+      ]
+    }
+  );
 };
 export {
-  f as EmptyState
+  k as EmptyState
 };

package/dist/components/Input/Input.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),o=require("react"),b=require("../../utils/cn.cjs"),me=require("../../utils/generateBearId.utils.cjs"),we=require("../../utils/useBearId.cjs"),K=require("../../context/BearProvider.cjs"),Be=require("./components/ClearIcon/ClearIcon.cjs"),Ne=require("./Input.utils.cjs"),je=require("../Form/Form.utils.cjs"),d=require("./Input.const.cjs"),Q=o.forwardRef(({label:C,helperText:V,error:v,success:k,size:T="md",variant:Ce,radius:ke,InputProps:l,leftAddon:Y,rightAddon:Z,prefix:Te,suffix:Ee,fullWidth:P=!1,clearable:ee=!1,onClear:re,showCharCount:E=!1,charCountMax:ae,autoFormat:m,validation:t,validateOnBlur:te,validateOnChange:S=!1,loading:Se,copyable:qe,onCopy:Le,floatingLabel:Ae,multiline:c=!1,rows:se,minRows:ne=d.INPUT_MULTILINE_MIN_ROWS,maxRows:Ue,readOnly:q,inputRef:s,inputProps:L,id:oe,testId:ie,className:le,disabled:u,value:f,defaultValue:x,maxLength:w,onChange:_,onBlur:h,...A},n)=>{var J;const ce=we.useBearId("Input"),B=me.resolveBearId(oe,ce),N=o.useContext(K.BearContext),r=(J=N==null?void 0:N.components)==null?void 0:J.Input,be=r==null?void 0:r.root,de=r==null?void 0:r.input,ue=r==null?void 0:r.label,fe=r==null?void 0:r.helper,xe=r==null?void 0:r.prefix,_e=r==null?void 0:r.suffix,[he,U]=o.useState(null),M=o.useRef(!1),pe=d.INPUT_TEXT_CLASSES,ge=d.INPUT_WRAPPER_HEIGHT_CLASSES,O=t?te??!0:!1,R=v||he,i=!!R,p=!!k&&!i,g=ae??w,j=typeof f=="string"?f.length:typeof x=="string"?x.length:0,H=g!=null&&j>g,Ie=ee&&!u&&j>0,{direction:ye}=K.useBearDirectionOptional(),W=(l==null?void 0:l.startAdornment)??Y,D=(l==null?void 0:l.endAdornment)??Z,F=R||k||V,I=o.useCallback(async e=>{if(!t)return;M.current=!0;const y=await je.validateFieldValue(e,t);M.current=!1,U(y)},[t]);o.useEffect(()=>{v&&U(null)},[v]);const $=o.useCallback(e=>{if(m&&!c){const y=Ne.applyAutoFormat(e.target.value,m);y!==e.target.value&&(e.target.value=y)}_==null||_(e),S&&t&&I(e.target.value)},[m,c,_,S,t,I]),G=o.useCallback(e=>{h==null||h(e),O&&t&&I(e.target.value)},[h,O,t,I]),X=b.cn("Bear-Input__field","bear-flex-1 bear-min-w-0 bear-border-0 bear-outline-none bear-bg-transparent","placeholder:opacity-100 placeholder:[color:var(--bear-text-muted)]",pe[T],c&&"bear-resize-y bear-py-2 bear-min-h-0 bear-h-auto",le),z={color:"var(--bear-text-primary)",...de},ve=se??ne??d.INPUT_MULTILINE_DEFAULT_ROWS;return a.jsxs("div",{id:B,"data-testid":ie,className:b.cn(d.INPUT_ROOT_CLASS,"bear-flex bear-flex-col bear-gap-1.5",P&&"bear-w-full"),style:be,children:[C&&a.jsx("label",{className:"Bear-Input__label bear-text-sm bear-font-medium",style:{color:"var(--bear-text-secondary)",...ue},children:C}),a.jsxs("div",{className:b.cn("Bear-Input__wrapper bear-flex bear-items-center bear-rounded-lg bear-border bear-overflow-hidden bear-transition-all bear-duration-200","focus-within:bear-ring-2 focus-within:bear-ring-offset-2","focus-within:bear-ring-offset-[var(--bear-bg-primary)]",i?"Bear-Input__wrapper--error bear-border-red-500 focus-within:bear-ring-red-500":p?"Bear-Input__wrapper--success bear-border-green-500 focus-within:bear-ring-green-500":"focus-within:bear-border-bear-500 focus-within:bear-ring-bear-500 dark:focus-within:bear-border-bear-500 dark:focus-within:bear-ring-bear-500",u&&"bear-opacity-50 bear-cursor-not-allowed",!c&&ge[T]),dir:ye,style:{backgroundColor:"var(--bear-bg-primary)",borderColor:i||p?void 0:"var(--bear-border-default)"},children:[W&&a.jsx("div",{className:"Bear-Input__addon Bear-Input__addon--left bear-flex bear-items-center bear-self-stretch bear-shrink-0 bear-px-3 bear-text-sm bear-font-medium bear-select-none bear-pointer-events-none",style:{backgroundColor:"var(--bear-bg-tertiary)",borderInlineEnd:"1px solid var(--bear-border-default)",color:"var(--bear-text-secondary)",...xe},children:W}),c?a.jsx("textarea",{ref:e=>{typeof n=="function"?n(e):n&&(n.current=e),typeof s=="function"?s(e):s&&(s.current=e)},id:`${B}-field`,disabled:u,readOnly:q,value:f,defaultValue:x,maxLength:w,rows:ve,"aria-invalid":i||void 0,className:X,style:z,...L,...A,onChange:e=>$(e),onBlur:e=>G(e)}):a.jsx("input",{ref:e=>{typeof n=="function"?n(e):n&&(n.current=e),typeof s=="function"?s(e):s&&(s.current=e)},id:`${B}-field`,disabled:u,readOnly:q,value:f,defaultValue:x,maxLength:w,"aria-invalid":i||void 0,onChange:$,onBlur:G,className:X,style:z,...L,...A}),Ie&&a.jsx("div",{className:"Bear-Input__clear bear-flex bear-items-center bear-self-stretch bear-shrink-0 bear-px-2 bear-cursor-pointer",style:{color:"var(--bear-text-muted)"},children:a.jsx(Be.ClearIcon,{onClick:re})}),D&&a.jsx("div",{className:"Bear-Input__addon Bear-Input__addon--right bear-flex bear-items-center bear-self-stretch bear-shrink-0 bear-px-3 bear-gap-1.5",style:{backgroundColor:"var(--bear-bg-tertiary)",borderInlineStart:"1px solid var(--bear-border-default)",color:"var(--bear-text-secondary)",..._e},children:D})]}),a.jsxs("div",{className:"Bear-Input__footer bear-flex bear-items-center bear-justify-between bear-gap-2",children:[F?a.jsx("p",{className:b.cn("Bear-Input__helper bear-text-sm bear-flex-1",i&&"Bear-Input__helper--error bear-text-red-500",p&&"Bear-Input__helper--success bear-text-green-500"),style:{...i||p?{}:{color:"var(--bear-text-muted)"},...fe},children:F}):E?a.jsx("span",{}):null,E&&g!=null&&a.jsxs("span",{className:b.cn("Bear-Input__char-count bear-text-xs bear-tabular-nums bear-shrink-0",H&&"bear-text-red-500"),style:H?void 0:{color:"var(--bear-text-muted)"},children:[j,"/",g]})]})]})});Q.displayName="Input";exports.Input=Q;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),o=require("react"),d=require("../../utils/cn.cjs"),we=require("../../utils/generateBearId.utils.cjs"),Ce=require("../../utils/useBearId.cjs"),T=require("../../context/BearProvider.cjs"),Ne=require("./components/ClearIcon/ClearIcon.cjs"),Te=require("./Input.utils.cjs"),Se=require("../Form/Form.utils.cjs"),c=require("./Input.const.cjs"),Q=o.forwardRef(({label:S,helperText:V,error:v,success:E,size:j="md",variant:Ee,radius:je,InputProps:l,leftAddon:Y,rightAddon:Z,prefix:ke,suffix:Ae,fullWidth:ee=!1,clearable:re=!1,onClear:ae,showCharCount:k=!1,charCountMax:te,autoFormat:m,validation:t,validateOnBlur:se,validateOnChange:A=!1,loading:Le,copyable:qe,onCopy:Ue,floatingLabel:Oe,multiline:b=!1,rows:ne,minRows:oe=c.INPUT_MULTILINE_MIN_ROWS,maxRows:Me,readOnly:L,inputRef:s,inputProps:q,id:ie,testId:ce,className:le,disabled:u,value:f,defaultValue:_,maxLength:B,onChange:x,onBlur:p,...U},n)=>{var K;const be=Ce.useBearId("Input"),w=we.resolveBearId(ie,be),{density:de}=T.useBearDensityOptional(),O=de==="compact",C=o.useContext(T.BearContext),r=(K=C==null?void 0:C.components)==null?void 0:K.Input,ue=r==null?void 0:r.root,fe=r==null?void 0:r.input,_e=r==null?void 0:r.label,xe=r==null?void 0:r.helper,pe=r==null?void 0:r.prefix,he=r==null?void 0:r.suffix,[ge,M]=o.useState(null),R=o.useRef(!1),Ie=O?c.INPUT_TEXT_COMPACT_CLASSES:c.INPUT_TEXT_CLASSES,ye=O?c.INPUT_WRAPPER_HEIGHT_COMPACT_CLASSES:c.INPUT_WRAPPER_HEIGHT_CLASSES,H=t?se??!0:!1,P=v||ge,i=!!P,h=!!E&&!i,g=te??B,N=typeof f=="string"?f.length:typeof _=="string"?_.length:0,W=g!=null&&N>g,ve=re&&!u&&N>0,{direction:me}=T.useBearDirectionOptional(),D=(l==null?void 0:l.startAdornment)??Y,F=(l==null?void 0:l.endAdornment)??Z,G=P||E||V,I=o.useCallback(async e=>{if(!t)return;R.current=!0;const y=await Se.validateFieldValue(e,t);R.current=!1,M(y)},[t]);o.useEffect(()=>{v&&M(null)},[v]);const X=o.useCallback(e=>{if(m&&!b){const y=Te.applyAutoFormat(e.target.value,m);y!==e.target.value&&(e.target.value=y)}x==null||x(e),A&&t&&I(e.target.value)},[m,b,x,A,t,I]),$=o.useCallback(e=>{p==null||p(e),H&&t&&I(e.target.value)},[p,H,t,I]),z=d.cn("Bear-Input__field","bear-flex-1 bear-min-w-0 bear-border-0 bear-outline-none bear-bg-transparent","placeholder:opacity-100 placeholder:[color:var(--bear-text-muted)]",Ie[j],b&&"bear-resize-y bear-py-2 bear-min-h-0 bear-h-auto",le),J={color:"var(--bear-text-primary)",...fe},Be=ne??oe??c.INPUT_MULTILINE_DEFAULT_ROWS;return a.jsxs("div",{id:w,"data-testid":ce,className:d.cn(c.INPUT_ROOT_CLASS,"bear-flex bear-flex-col bear-gap-1.5",ee&&"bear-w-full"),style:ue,children:[S&&a.jsx("label",{className:"Bear-Input__label bear-text-sm bear-font-medium",style:{color:"var(--bear-text-secondary)",..._e},children:S}),a.jsxs("div",{className:d.cn("Bear-Input__wrapper bear-flex bear-items-center bear-rounded-lg bear-border bear-overflow-hidden bear-transition-all bear-duration-200","focus-within:bear-ring-2 focus-within:bear-ring-offset-2","focus-within:bear-ring-offset-[var(--bear-bg-primary)]",i?"Bear-Input__wrapper--error bear-border-red-500 focus-within:bear-ring-red-500":h?"Bear-Input__wrapper--success bear-border-green-500 focus-within:bear-ring-green-500":"focus-within:bear-border-bear-500 focus-within:bear-ring-bear-500 dark:focus-within:bear-border-bear-500 dark:focus-within:bear-ring-bear-500",u&&"bear-opacity-50 bear-cursor-not-allowed",!b&&ye[j]),dir:me,style:{backgroundColor:"var(--bear-bg-primary)",borderColor:i||h?void 0:"var(--bear-border-default)"},children:[D&&a.jsx("div",{className:"Bear-Input__addon Bear-Input__addon--left bear-flex bear-items-center bear-self-stretch bear-shrink-0 bear-px-3 bear-text-sm bear-font-medium bear-select-none bear-pointer-events-none",style:{backgroundColor:"var(--bear-bg-tertiary)",borderInlineEnd:"1px solid var(--bear-border-default)",color:"var(--bear-text-secondary)",...pe},children:D}),b?a.jsx("textarea",{ref:e=>{typeof n=="function"?n(e):n&&(n.current=e),typeof s=="function"?s(e):s&&(s.current=e)},id:`${w}-field`,disabled:u,readOnly:L,value:f,defaultValue:_,maxLength:B,rows:Be,"aria-invalid":i||void 0,className:z,style:J,...q,...U,onChange:e=>X(e),onBlur:e=>$(e)}):a.jsx("input",{ref:e=>{typeof n=="function"?n(e):n&&(n.current=e),typeof s=="function"?s(e):s&&(s.current=e)},id:`${w}-field`,disabled:u,readOnly:L,value:f,defaultValue:_,maxLength:B,"aria-invalid":i||void 0,onChange:X,onBlur:$,className:z,style:J,...q,...U}),ve&&a.jsx("div",{className:"Bear-Input__clear bear-flex bear-items-center bear-self-stretch bear-shrink-0 bear-px-2 bear-cursor-pointer",style:{color:"var(--bear-text-muted)"},children:a.jsx(Ne.ClearIcon,{onClick:ae})}),F&&a.jsx("div",{className:"Bear-Input__addon Bear-Input__addon--right bear-flex bear-items-center bear-self-stretch bear-shrink-0 bear-px-3 bear-gap-1.5",style:{backgroundColor:"var(--bear-bg-tertiary)",borderInlineStart:"1px solid var(--bear-border-default)",color:"var(--bear-text-secondary)",...he},children:F})]}),a.jsxs("div",{className:"Bear-Input__footer bear-flex bear-items-center bear-justify-between bear-gap-2",children:[G?a.jsx("p",{className:d.cn("Bear-Input__helper bear-text-sm bear-flex-1",i&&"Bear-Input__helper--error bear-text-red-500",h&&"Bear-Input__helper--success bear-text-green-500"),style:{...i||h?{}:{color:"var(--bear-text-muted)"},...xe},children:G}):k?a.jsx("span",{}):null,k&&g!=null&&a.jsxs("span",{className:d.cn("Bear-Input__char-count bear-text-xs bear-tabular-nums bear-shrink-0",W&&"bear-text-red-500"),style:W?void 0:{color:"var(--bear-text-muted)"},children:[N,"/",g]})]})]})});Q.displayName="Input";exports.Input=Q;

package/dist/components/Input/Input.const.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const _="Bear-Input",T={sm:"bear-h-8",md:"bear-h-10",lg:"bear-h-12"},I={sm:"bear-text-sm bear-px-3",md:"bear-text-base bear-px-4",lg:"bear-text-lg bear-px-5"},S=3,e=4;exports.INPUT_MULTILINE_DEFAULT_ROWS=e;exports.INPUT_MULTILINE_MIN_ROWS=S;exports.INPUT_ROOT_CLASS=_;exports.INPUT_TEXT_CLASSES=I;exports.INPUT_WRAPPER_HEIGHT_CLASSES=T;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const _="Bear-Input",T={sm:"bear-h-8",md:"bear-h-10",lg:"bear-h-12"},e={sm:"bear-h-7",md:"bear-h-8",lg:"bear-h-10"},S={sm:"bear-text-sm bear-px-3",md:"bear-text-base bear-px-4",lg:"bear-text-lg bear-px-5"},I={sm:"bear-text-xs bear-px-2.5",md:"bear-text-sm bear-px-3",lg:"bear-text-base bear-px-4"},P=3,t=4;exports.INPUT_MULTILINE_DEFAULT_ROWS=t;exports.INPUT_MULTILINE_MIN_ROWS=P;exports.INPUT_ROOT_CLASS=_;exports.INPUT_TEXT_CLASSES=S;exports.INPUT_TEXT_COMPACT_CLASSES=I;exports.INPUT_WRAPPER_HEIGHT_CLASSES=T;exports.INPUT_WRAPPER_HEIGHT_COMPACT_CLASSES=e;

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

@@ -4,10 +4,20 @@ export declare const INPUT_WRAPPER_HEIGHT_CLASSES: {
     readonly md: "bear-h-10";
     readonly lg: "bear-h-12";
 };
+export declare const INPUT_WRAPPER_HEIGHT_COMPACT_CLASSES: {
+    readonly sm: "bear-h-7";
+    readonly md: "bear-h-8";
+    readonly lg: "bear-h-10";
+};
 export declare const INPUT_TEXT_CLASSES: {
     readonly sm: "bear-text-sm bear-px-3";
     readonly md: "bear-text-base bear-px-4";
     readonly lg: "bear-text-lg bear-px-5";
 };
+export declare const INPUT_TEXT_COMPACT_CLASSES: {
+    readonly sm: "bear-text-xs bear-px-2.5";
+    readonly md: "bear-text-sm bear-px-3";
+    readonly lg: "bear-text-base bear-px-4";
+};
 export declare const INPUT_MULTILINE_MIN_ROWS = 3;
 export declare const INPUT_MULTILINE_DEFAULT_ROWS = 4;

package/dist/components/Input/Input.const.js

@@ -1,16 +1,26 @@
-const e = "Bear-Input", t = {
+const e = "Bear-Input", a = {
   sm: "bear-h-8",
   md: "bear-h-10",
   lg: "bear-h-12"
-}, _ = {
+}, t = {
+  sm: "bear-h-7",
+  md: "bear-h-8",
+  lg: "bear-h-10"
+}, b = {
   sm: "bear-text-sm bear-px-3",
   md: "bear-text-base bear-px-4",
   lg: "bear-text-lg bear-px-5"
-}, I = 3, T = 4;
+}, r = {
+  sm: "bear-text-xs bear-px-2.5",
+  md: "bear-text-sm bear-px-3",
+  lg: "bear-text-base bear-px-4"
+}, _ = 3, T = 4;
 export {
   T as INPUT_MULTILINE_DEFAULT_ROWS,
-  I as INPUT_MULTILINE_MIN_ROWS,
+  _ as INPUT_MULTILINE_MIN_ROWS,
   e as INPUT_ROOT_CLASS,
-  _ as INPUT_TEXT_CLASSES,
-  t as INPUT_WRAPPER_HEIGHT_CLASSES
+  b as INPUT_TEXT_CLASSES,
+  r as INPUT_TEXT_COMPACT_CLASSES,
+  a as INPUT_WRAPPER_HEIGHT_CLASSES,
+  t as INPUT_WRAPPER_HEIGHT_COMPACT_CLASSES
 };