@forgedevstack/bear 1.1.8 → 1.2.0

package/dist/components/Icon/index.js

@@ -1,48 +1,60 @@
 import "react/jsx-runtime";
 import "react";
 import * as o from "./icons/action.js";
-import { EditIcon as a } from "./icons/action.js";
+import { EditIcon as C } from "./icons/action.js";
 import * as n from "./icons/navigation.js";
-import { CloseIcon as I, ChevronDownIcon as h, ChevronRightIcon as C, ChevronLeftIcon as f, ChevronsLeftIcon as v, ChevronsRightIcon as p } from "./icons/navigation.js";
+import { CloseIcon as p, ChevronDownIcon as v, ChevronRightIcon as $, ChevronLeftIcon as d, ChevronsLeftIcon as g, ChevronsRightIcon as l } from "./icons/navigation.js";
 import * as t from "./icons/content.js";
-import * as c from "./icons/communication.js";
-import * as r from "./icons/status.js";
-import { CheckIcon as $ } from "./icons/status.js";
-import * as s from "./icons/media.js";
-import * as i from "./icons/editor.js";
+import * as r from "./icons/communication.js";
+import * as c from "./icons/status.js";
+import { CheckIcon as L } from "./icons/status.js";
+import * as i from "./icons/media.js";
+import * as s from "./icons/editor.js";
 import * as e from "./icons/misc.js";
-import { XIcon as g } from "./icons/misc.js";
+import { XIcon as R } from "./icons/misc.js";
 import * as m from "./icons/bear.js";
-const l = $, w = I, D = a, X = h, B = C, M = f, b = v, x = p, A = g, N = {
+import * as a from "./icons/file.js";
+import * as I from "./icons/social.js";
+import * as f from "./icons/device.js";
+import * as h from "./icons/commerce.js";
+const B = L, M = p, S = C, b = v, x = $, A = d, F = g, N = l, j = R, q = {
   // Flat access to common icons (shortcuts)
   ...o,
   ...n,
   ...t,
-  ...c,
   ...r,
-  ...s,
+  ...c,
   ...i,
+  ...s,
   ...e,
   ...m,
+  ...a,
+  ...I,
+  ...f,
+  ...h,
   Action: o,
   Navigation: n,
   Content: t,
-  Communication: c,
-  Status: r,
-  Media: s,
-  Editor: i,
+  Communication: r,
+  Status: c,
+  Media: i,
+  Editor: s,
   Misc: e,
-  Bear: m
+  Bear: m,
+  File: a,
+  Social: I,
+  Device: f,
+  Commerce: h
 };
 export {
-  N as BearIcons,
-  l as CheckIcon,
-  X as ChevronDownIcon,
-  M as ChevronLeftIcon,
-  B as ChevronRightIcon,
-  b as ChevronsLeftIcon,
-  x as ChevronsRightIcon,
-  w as CloseIcon,
-  D as EditIcon,
-  A as XIcon
+  q as BearIcons,
+  B as CheckIcon,
+  b as ChevronDownIcon,
+  A as ChevronLeftIcon,
+  x as ChevronRightIcon,
+  F as ChevronsLeftIcon,
+  N as ChevronsRightIcon,
+  M as CloseIcon,
+  S as EditIcon,
+  j as XIcon
 };

package/dist/components/Input/Input.cjs

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

package/dist/components/Input/Input.js

@@ -1,127 +1,179 @@
-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";
+import { jsxs as u, jsx as t } from "react/jsx-runtime";
+import { forwardRef as se, useContext as be, useState as le, useRef as ne, useCallback as w, useEffect as oe } from "react";
+import { cn as l } from "../../utils/cn.js";
+import { BearContext as ie } from "../../context/BearProvider.js";
+import { ClearIcon as ce } from "./components/ClearIcon/ClearIcon.js";
+import { applyAutoFormat as de } from "./Input.utils.js";
+import { validateFieldValue as fe } 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"
-}, oe = ae(
+  sm: "bear-h-8",
+  md: "bear-h-10",
+  lg: "bear-h-12"
+}, pe = {
+  sm: "bear-text-sm bear-px-3",
+  md: "bear-text-base bear-px-4",
+  lg: "bear-text-lg bear-px-5"
+}, xe = se(
   ({
-    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,
+    label: y,
+    helperText: V,
+    error: p,
+    success: B,
+    size: k = "md",
+    InputProps: s,
+    leftAddon: q,
+    rightAddon: D,
+    fullWidth: F = !1,
+    clearable: G = !1,
+    onClear: J,
+    showCharCount: I = !1,
     charCountMax: K,
-    autoFormat: g,
+    autoFormat: x,
     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) => {
+    validateOnChange: N = !1,
+    className: U,
+    disabled: m,
+    value: h,
+    defaultValue: g,
+    maxLength: C,
+    onChange: n,
+    onBlur: o,
+    ...W
+  }, X) => {
+    var T;
+    const _ = be(ie), e = (T = _ == null ? void 0 : _.components) == null ? void 0 : T.Input, Y = e == null ? void 0 : e.root, Z = e == null ? void 0 : e.input, $ = e == null ? void 0 : e.label, z = e == null ? void 0 : e.helper, S = e == null ? void 0 : e.prefix, P = e == null ? void 0 : e.suffix, [ee, E] = le(null), j = ne(!1), A = a ? Q ?? !0 : !1, R = p || ee, b = !!R, i = !!B && !b, c = K ?? C, v = typeof h == "string" ? h.length : typeof g == "string" ? g.length : 0, L = c != null && v > c, re = G && !m && v > 0, M = (s == null ? void 0 : s.startAdornment) ?? q, H = (s == null ? void 0 : s.endAdornment) ?? D, O = R || B || V, d = w(async (r) => {
       if (!a) return;
-      z.current = !0;
-      const o = await ie(r, a);
-      z.current = !1, R(o);
+      j.current = !0;
+      const f = await fe(r, a);
+      j.current = !1, E(f);
     }, [a]);
-    le(() => {
-      d && R(null);
-    }, [d]);
-    const ee = B(
+    oe(() => {
+      p && E(null);
+    }, [p]);
+    const ae = w(
       (r) => {
-        if (g) {
-          const o = ce(r.target.value, g);
-          o !== r.target.value && (r.target.value = o);
+        if (x) {
+          const f = de(r.target.value, x);
+          f !== r.target.value && (r.target.value = f);
         }
-        l == null || l(r), E && a && u(r.target.value);
+        n == null || n(r), N && a && d(r.target.value);
       },
-      [g, l, E, a, u]
-    ), re = B(
+      [x, n, N, a, d]
+    ), te = w(
       (r) => {
-        n == null || n(r), C && a && u(r.target.value);
+        o == null || o(r), A && a && d(r.target.value);
       },
-      [n, C, a, u]
+      [o, A, a, d]
     );
-    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: 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",
-              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
+    return /* @__PURE__ */ u("div", { className: l("Bear-Input bear-flex bear-flex-col bear-gap-1.5", F && "bear-w-full"), style: Y, children: [
+      y && /* @__PURE__ */ t("label", { className: "Bear-Input__label bear-text-sm bear-font-medium", style: { color: "var(--bear-text-secondary)", ...$ }, children: y }),
+      /* @__PURE__ */ u(
+        "div",
+        {
+          className: l(
+            "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)]",
+            b ? "Bear-Input__wrapper--error bear-border-red-500 focus-within:bear-ring-red-500" : i ? "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",
+            m && "bear-opacity-50 bear-cursor-not-allowed",
+            ue[k]
+          ),
+          style: {
+            backgroundColor: "var(--bear-bg-primary)",
+            borderColor: b || i ? void 0 : "var(--bear-border-default)"
+          },
+          children: [
+            M && /* @__PURE__ */ t(
+              "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)",
+                  borderRight: "1px solid var(--bear-border-default)",
+                  color: "var(--bear-text-secondary)",
+                  ...S
+                },
+                children: M
+              }
             ),
-            style: Y,
-            ...U
-          }
-        ),
-        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__ */ s("div", { className: "Bear-Input__footer bear-flex bear-items-center bear-justify-between bear-gap-2", children: [
-        V ? /* @__PURE__ */ t(
+            /* @__PURE__ */ t(
+              "input",
+              {
+                ref: X,
+                disabled: m,
+                value: h,
+                defaultValue: g,
+                maxLength: C,
+                "aria-invalid": b || void 0,
+                onChange: ae,
+                onBlur: te,
+                className: l(
+                  "Bear-Input__field",
+                  "bear-flex-1 bear-min-w-0 bear-h-full bear-border-0 bear-outline-none bear-bg-transparent",
+                  "placeholder:opacity-100 placeholder:[color:var(--bear-text-muted)]",
+                  pe[k],
+                  U
+                ),
+                style: {
+                  color: "var(--bear-text-primary)",
+                  ...Z
+                },
+                ...W
+              }
+            ),
+            re && /* @__PURE__ */ t(
+              "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: /* @__PURE__ */ t(ce, { onClick: J })
+              }
+            ),
+            H && /* @__PURE__ */ t(
+              "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)",
+                  borderLeft: "1px solid var(--bear-border-default)",
+                  color: "var(--bear-text-secondary)",
+                  ...P
+                },
+                children: H
+              }
+            )
+          ]
+        }
+      ),
+      /* @__PURE__ */ u("div", { className: "Bear-Input__footer bear-flex bear-items-center bear-justify-between bear-gap-2", children: [
+        O ? /* @__PURE__ */ t(
           "p",
           {
-            className: f(
+            className: l(
               "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"
+              b && "Bear-Input__helper--error bear-text-red-500",
+              i && "Bear-Input__helper--success bear-text-green-500"
             ),
-            style: $,
-            children: V
+            style: {
+              ...b || i ? {} : { color: "var(--bear-text-muted)" },
+              ...z
+            },
+            children: O
           }
-        ) : v ? /* @__PURE__ */ t("span", {}) : null,
-        v && i != null && /* @__PURE__ */ s(
+        ) : I ? /* @__PURE__ */ t("span", {}) : null,
+        I && c != null && /* @__PURE__ */ u(
           "span",
           {
-            className: f(
+            className: l(
               "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"
+              L && "bear-text-red-500"
             ),
+            style: L ? void 0 : { color: "var(--bear-text-muted)" },
             children: [
-              m,
+              v,
               "/",
-              i
+              c
             ]
           }
         )
@@ -129,7 +181,7 @@ const ue = {
     ] });
   }
 );
-oe.displayName = "Input";
+xe.displayName = "Input";
 export {
-  oe as Input
+  xe as Input
 };

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

@@ -1,6 +1,10 @@
 import { InputHTMLAttributes, ReactNode } from 'react';
 import { ValidationRule } from '../Form/Form.types';
 export type AutoFormatType = 'capitalize' | 'uppercase' | 'lowercase' | 'titleCase' | 'sentenceCase' | 'none';
+export interface InputPropsInput {
+    startAdornment?: ReactNode;
+    endAdornment?: ReactNode;
+}
 export interface InputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size'> {
     /** Input label */
     label?: string;
@@ -12,9 +16,11 @@ export interface InputProps extends Omit<InputHTMLAttributes<HTMLInputElement>,
     success?: string;
     /** Input size */
     size?: 'sm' | 'md' | 'lg';
-    /** Left addon */
+    /** Start/end slots (takes precedence over leftAddon/rightAddon when set) */
+    InputProps?: InputPropsInput;
+    /** Left addon (legacy; use InputProps.startAdornment for start slot) */
     leftAddon?: ReactNode;
-    /** Right addon */
+    /** Right addon (legacy; use InputProps.endAdornment for end slot) */
     rightAddon?: ReactNode;
     /** Whether input is full width */
     fullWidth?: boolean;

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

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

package/dist/components/Overlay/Overlay.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime"),d=require("../../utils/cn.cjs");require("react");const b=({visible:r=!0,opacity:t=.6,color:a="#000",blur:e,zIndex:i=40,fixed:n=!1,children:o,onClick:s,className:l,testId:u})=>r?c.jsx("div",{className:d.cn("Bear-Overlay",n?"bear-fixed":"bear-absolute","bear-inset-0 bear-transition-opacity",l),style:{backgroundColor:a,opacity:t,zIndex:i,backdropFilter:e?`blur(${e}px)`:void 0},onClick:s,"aria-hidden":"true","data-testid":u,children:o}):null;exports.Overlay=b;

package/dist/components/Overlay/Overlay.d.ts

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

package/dist/components/Overlay/Overlay.js

@@ -0,0 +1,38 @@
+import { jsx as b } from "react/jsx-runtime";
+import { cn as p } from "../../utils/cn.js";
+import "react";
+const f = ({
+  visible: e = !0,
+  opacity: a = 0.6,
+  color: t = "#000",
+  blur: r,
+  zIndex: i = 40,
+  fixed: o = !1,
+  children: l,
+  onClick: n,
+  className: s,
+  testId: d
+}) => e ? /* @__PURE__ */ b(
+  "div",
+  {
+    className: p(
+      "Bear-Overlay",
+      o ? "bear-fixed" : "bear-absolute",
+      "bear-inset-0 bear-transition-opacity",
+      s
+    ),
+    style: {
+      backgroundColor: t,
+      opacity: a,
+      zIndex: i,
+      backdropFilter: r ? `blur(${r}px)` : void 0
+    },
+    onClick: n,
+    "aria-hidden": "true",
+    "data-testid": d,
+    children: l
+  }
+) : null;
+export {
+  f as Overlay
+};

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

@@ -0,0 +1,23 @@
+import { ReactNode } from 'react';
+export interface OverlayProps {
+    /** Whether the overlay is visible */
+    visible?: boolean;
+    /** Overlay opacity (0–1) */
+    opacity?: number;
+    /** Background color */
+    color?: string;
+    /** Apply backdrop blur */
+    blur?: number;
+    /** z-index value */
+    zIndex?: number;
+    /** Fixed positioning (covers viewport) */
+    fixed?: boolean;
+    /** Content to render on top of the overlay */
+    children?: ReactNode;
+    /** Click handler */
+    onClick?: () => void;
+    /** Additional class name */
+    className?: string;
+    /** Test ID */
+    testId?: string;
+}

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

@@ -0,0 +1,2 @@
+export { Overlay, default } from './Overlay';
+export * from './Overlay.types';

package/dist/components/Popover/Popover.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),a=require("react"),u=require("../../utils/cn.cjs"),S=({children:p,content:v,placement:b="bottom",trigger:l="click",open:c,onOpenChange:o,className:h,contentClassName:y,arrow:x=!0,closeOnClickOutside:f=!0,closeOnEscape:d=!0,offset:m=8})=>{const[g,k]=a.useState(!1),s=a.useRef(null),E=a.useRef(null),t=c!==void 0?c:g,r=a.useCallback(e=>{k(e),o==null||o(e)},[o]);a.useEffect(()=>{if(!f)return;const e=i=>{s.current&&!s.current.contains(i.target)&&r(!1)};return t&&document.addEventListener("mousedown",e),()=>document.removeEventListener("mousedown",e)},[t,f,r]),a.useEffect(()=>{if(!d)return;const e=i=>{i.key==="Escape"&&r(!1)};return t&&document.addEventListener("keydown",e),()=>document.removeEventListener("keydown",e)},[t,d,r]);const w=()=>{l==="click"&&r(!t)},z=()=>{l==="hover"&&r(!0)},j=()=>{l==="hover"&&r(!1)},L={top:"bear-bottom-full bear-left-1/2 -bear-translate-x-1/2 bear-mb-2","top-start":"bear-bottom-full bear-left-0 bear-mb-2","top-end":"bear-bottom-full bear-right-0 bear-mb-2",bottom:"bear-top-full bear-left-1/2 -bear-translate-x-1/2 bear-mt-2","bottom-start":"bear-top-full bear-left-0 bear-mt-2","bottom-end":"bear-top-full bear-right-0 bear-mt-2",left:"bear-right-full bear-top-1/2 -bear-translate-y-1/2 bear-mr-2","left-start":"bear-right-full bear-top-0 bear-mr-2","left-end":"bear-right-full bear-bottom-0 bear-mr-2",right:"bear-left-full bear-top-1/2 -bear-translate-y-1/2 bear-ml-2","right-start":"bear-left-full bear-top-0 bear-ml-2","right-end":"bear-left-full bear-bottom-0 bear-ml-2"},R={top:"bear-top-full bear-left-1/2 -bear-translate-x-1/2 bear-border-t-zinc-700 bear-border-x-transparent bear-border-b-transparent",bottom:"bear-bottom-full bear-left-1/2 -bear-translate-x-1/2 bear-border-b-zinc-700 bear-border-x-transparent bear-border-t-transparent",left:"bear-left-full bear-top-1/2 -bear-translate-y-1/2 bear-border-l-zinc-700 bear-border-y-transparent bear-border-r-transparent",right:"bear-right-full bear-top-1/2 -bear-translate-y-1/2 bear-border-r-zinc-700 bear-border-y-transparent bear-border-l-transparent"},M=b.split("-")[0];return n.jsxs("div",{ref:s,className:u.cn("bear-relative bear-inline-block",h),onMouseEnter:z,onMouseLeave:j,children:[n.jsx("div",{onClick:w,className:"bear-cursor-pointer",children:p}),t&&n.jsxs("div",{ref:E,className:u.cn("bear-absolute bear-z-50 bear-bg-zinc-800 bear-border bear-border-zinc-700 bear-rounded-lg bear-shadow-xl bear-p-3",L[b],y),style:{marginTop:b.startsWith("bottom")?m:void 0,marginBottom:b.startsWith("top")?m:void 0},children:[v,x&&n.jsx("div",{className:u.cn("bear-absolute bear-w-0 bear-h-0 bear-border-8",R[M])})]})]})};exports.Popover=S;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react/jsx-runtime"),l=require("react"),D=require("react-dom"),p=require("../../utils/cn.cjs"),H=1e4;function X(f,t,a){const e={position:"fixed",zIndex:H},s=f.split("-")[0],r=f.includes("start"),n=f.includes("end");return s==="bottom"?(e.top=t.bottom+a,r?e.left=t.left:n?e.left=t.right:e.left=t.left+t.width/2):s==="top"?(e.bottom=window.innerHeight-t.top+a,r?e.left=t.left:n?e.left=t.right:e.left=t.left+t.width/2):s==="left"?(e.right=window.innerWidth-t.left+a,r?e.top=t.top:n?e.bottom=window.innerHeight-t.bottom:e.top=t.top+t.height/2):(e.left=t.right+a,r?e.top=t.top:n?e.bottom=window.innerHeight-t.bottom:e.top=t.top+t.height/2),s==="bottom"||s==="top"?!r&&!n?e.transform="translateX(-50%)":n&&(e.transform="translateX(-100%)"):!r&&!n?e.transform="translateY(-50%)":n&&(e.transform="translateY(-100%)"),e}const T=({children:f,content:t,placement:a="bottom",trigger:e="click",open:s,onOpenChange:r,className:n,contentClassName:E,arrow:k=!0,closeOnClickOutside:m=!0,closeOnEscape:h=!0,offset:v=8})=>{const[z,R]=l.useState(!1),[S,j]=l.useState({}),d=l.useRef(null),w=l.useRef(null),i=s!==void 0?s:z,b=l.useCallback(o=>{R(o),r==null||r(o)},[r]);l.useEffect(()=>{if(i&&d.current){const o=d.current.getBoundingClientRect();j(X(a,o,v))}},[i,a,v]),l.useEffect(()=>{if(!m)return;const o=c=>{var g,x;const y=c.target;(g=d.current)!=null&&g.contains(y)||(x=w.current)!=null&&x.contains(y)||b(!1)};return i&&document.addEventListener("mousedown",o),()=>document.removeEventListener("mousedown",o)},[i,m,b]),l.useEffect(()=>{if(!h)return;const o=c=>{c.key==="Escape"&&b(!1)};return i&&document.addEventListener("keydown",o),()=>document.removeEventListener("keydown",o)},[i,h,b]);const L=()=>{e==="click"&&b(!i)},P=()=>{e==="hover"&&b(!0)},M=()=>{e==="hover"&&b(!1)},N={top:"bear-top-full bear-left-1/2 -bear-translate-x-1/2 bear-border-t-zinc-700 bear-border-x-transparent bear-border-b-transparent",bottom:"bear-bottom-full bear-left-1/2 -bear-translate-x-1/2 bear-border-b-zinc-700 bear-border-x-transparent bear-border-t-transparent",left:"bear-left-full bear-top-1/2 -bear-translate-y-1/2 bear-border-l-zinc-700 bear-border-y-transparent bear-border-r-transparent",right:"bear-right-full bear-top-1/2 -bear-translate-y-1/2 bear-border-r-zinc-700 bear-border-y-transparent bear-border-l-transparent"},q=a.split("-")[0],I=i&&typeof document<"u"&&D.createPortal(u.jsxs("div",{ref:w,"data-bear-popover":!0,className:p.cn("bear-bg-zinc-800 bear-border bear-border-zinc-700 bear-rounded-lg bear-shadow-xl bear-p-3",E),style:S,children:[t,k&&u.jsx("div",{className:p.cn("bear-absolute bear-w-0 bear-h-0 bear-border-8",N[q])})]}),document.body);return u.jsxs("div",{ref:d,className:p.cn("bear-relative bear-inline-block",n),onMouseEnter:P,onMouseLeave:M,children:[u.jsx("div",{onClick:L,className:"bear-cursor-pointer",children:f}),I]})};exports.Popover=T;