@forgedevstack/bear 1.1.3 → 1.1.8

package/dist/components/Autocomplete/Autocomplete.js

@@ -1,119 +1,112 @@
-import { jsxs as u, jsx as a } from "react/jsx-runtime";
-import { useState as E, useRef as x, useEffect as p } from "react";
-import { cn as f } from "../../utils/cn.js";
-const C = (g, b) => {
-  const t = b.toLowerCase();
-  return g.filter(
-    (s) => {
-      var i;
-      return s.label.toLowerCase().includes(t) || s.value.toLowerCase().includes(t) || ((i = s.description) == null ? void 0 : i.toLowerCase().includes(t));
-    }
-  );
-}, H = ({
-  options: g,
-  value: b = "",
-  onChange: t,
-  onSelect: s,
-  placeholder: i = "Start typing...",
-  label: k,
-  helperText: v,
-  error: c,
-  disabled: d = !1,
-  freeSolo: N = !1,
-  loading: D = !1,
-  filterOptions: z = C,
-  className: I,
+import { jsxs as d, jsx as a } from "react/jsx-runtime";
+import { useState as A, useRef as h, useEffect as x } from "react";
+import { cn as c } from "../../utils/cn.js";
+import { defaultFilter as V } from "./Autocomplete.utils.js";
+const M = ({
+  options: E,
+  value: o = "",
+  onChange: l,
+  onSelect: u,
+  placeholder: z = "Start typing...",
+  label: p,
+  helperText: w,
+  error: n,
+  disabled: i = !1,
+  freeSolo: k = !1,
+  loading: v = !1,
+  filterOptions: I = V,
+  className: L,
   testId: O
 }) => {
-  const [m, l] = E(!1), [o, y] = E(-1), h = x(null), L = x(null), w = x(null), n = z(g, b);
-  p(() => {
+  const [m, t] = A(!1), [b, f] = A(-1), g = h(null), N = h(null), y = h(null), s = I(E, o);
+  x(() => {
     const e = (r) => {
-      h.current && !h.current.contains(r.target) && l(!1);
+      g.current && !g.current.contains(r.target) && t(!1);
     };
     return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
-  }, []), p(() => {
-    y(-1);
-  }, [b]), p(() => {
-    if (o >= 0 && w.current) {
-      const e = w.current.children[o];
+  }, []), x(() => {
+    f(-1);
+  }, [o]), x(() => {
+    if (b >= 0 && y.current) {
+      const e = y.current.children[b];
       e && e.scrollIntoView({ block: "nearest" });
     }
-  }, [o]);
+  }, [b]);
   const R = (e) => {
     const r = e.target.value;
-    t == null || t(r), l(!0);
-  }, A = (e) => {
+    l == null || l(r), t(!0);
+  }, D = (e) => {
     var r;
-    t == null || t(e.label), s == null || s(e), l(!1), (r = L.current) == null || r.blur();
+    l == null || l(e.label), u == null || u(e), t(!1), (r = N.current) == null || r.blur();
   }, j = (e) => {
     if (!m) {
-      (e.key === "ArrowDown" || e.key === "ArrowUp") && (l(!0), e.preventDefault());
+      (e.key === "ArrowDown" || e.key === "ArrowUp") && (t(!0), e.preventDefault());
       return;
     }
     switch (e.key) {
       case "ArrowDown":
-        e.preventDefault(), y(
-          (r) => r < n.length - 1 ? r + 1 : 0
+        e.preventDefault(), f(
+          (r) => r < s.length - 1 ? r + 1 : 0
         );
         break;
       case "ArrowUp":
-        e.preventDefault(), y(
-          (r) => r > 0 ? r - 1 : n.length - 1
+        e.preventDefault(), f(
+          (r) => r > 0 ? r - 1 : s.length - 1
         );
         break;
       case "Enter":
-        e.preventDefault(), o >= 0 && n[o] ? A(n[o]) : N && b && l(!1);
+        e.preventDefault(), b >= 0 && s[b] ? D(s[b]) : k && o && t(!1);
         break;
       case "Escape":
-        l(!1);
+        t(!1);
         break;
     }
   };
-  return /* @__PURE__ */ u("div", { className: f("bear-w-full bear-relative", I), ref: h, "data-testid": O, children: [
-    k && /* @__PURE__ */ a("label", { className: "bear-block bear-text-sm bear-font-medium bear-text-gray-700 dark:bear-text-gray-200 bear-mb-1.5", children: k }),
-    /* @__PURE__ */ u("div", { className: "bear-relative", children: [
+  return /* @__PURE__ */ d("div", { className: c("bear-w-full bear-relative", L), ref: g, "data-testid": O, children: [
+    p && /* @__PURE__ */ a("label", { className: "bear-block bear-text-sm bear-font-medium bear-text-gray-700 dark:bear-text-gray-200 bear-mb-1.5", children: p }),
+    /* @__PURE__ */ d("div", { className: "bear-relative", children: [
       /* @__PURE__ */ a(
         "input",
         {
-          ref: L,
+          ref: N,
           type: "text",
-          value: b,
+          value: o,
           onChange: R,
-          onFocus: () => l(!0),
+          onFocus: () => t(!0),
           onKeyDown: j,
-          placeholder: i,
-          disabled: d,
-          className: f(
+          placeholder: z,
+          disabled: i,
+          className: c(
             "bear-w-full bear-px-4 bear-py-2.5 bear-pr-10 bear-rounded-lg bear-border",
             "bear-bg-white dark:bear-bg-gray-900",
             "bear-text-sm bear-text-gray-900 dark:bear-text-white",
             "placeholder:bear-text-gray-400",
             "bear-transition-colors bear-outline-none",
-            c ? "bear-border-red-500 focus:bear-ring-2 focus:bear-ring-red-500/20" : "bear-border-gray-300 dark:bear-border-gray-600 focus:bear-border-amber-500 focus:bear-ring-2 focus:bear-ring-amber-500/20",
-            d && "bear-opacity-50 bear-cursor-not-allowed bear-bg-gray-100 dark:bear-bg-gray-800"
+            n ? "bear-border-red-500 focus:bear-ring-2 focus:bear-ring-red-500/20" : "bear-border-gray-300 dark:bear-border-gray-600 focus:bear-border-amber-500 focus:bear-ring-2 focus:bear-ring-amber-500/20",
+            i && "bear-opacity-50 bear-cursor-not-allowed bear-bg-gray-100 dark:bear-bg-gray-800"
           )
         }
       ),
-      /* @__PURE__ */ a("div", { className: "bear-absolute bear-right-3 bear-top-1/2 bear-transform bear--translate-y-1/2", children: D ? /* @__PURE__ */ u("svg", { className: "bear-animate-spin bear-w-4 bear-h-4 bear-text-gray-400", viewBox: "0 0 24 24", fill: "none", children: [
+      /* @__PURE__ */ a("div", { className: "bear-absolute bear-right-3 bear-top-1/2 bear-transform bear--translate-y-1/2", children: v ? /* @__PURE__ */ d("svg", { className: "bear-animate-spin bear-w-4 bear-h-4 bear-text-gray-400", viewBox: "0 0 24 24", fill: "none", children: [
         /* @__PURE__ */ a("circle", { className: "bear-opacity-25", cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "4" }),
         /* @__PURE__ */ a("path", { className: "bear-opacity-75", fill: "currentColor", d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z" })
       ] }) : /* @__PURE__ */ a("svg", { className: "bear-w-4 bear-h-4 bear-text-gray-400", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ a("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" }) }) })
     ] }),
-    m && !d && n.length > 0 && /* @__PURE__ */ a(
+    m && !i && s.length > 0 && /* @__PURE__ */ a(
       "div",
       {
-        ref: w,
+        ref: y,
         className: "bear-absolute bear-z-50 bear-w-full bear-mt-1 bear-py-1 bear-bg-white dark:bear-bg-gray-800 bear-border bear-border-gray-200 dark:bear-border-gray-700 bear-rounded-lg bear-shadow-lg bear-max-h-60 bear-overflow-auto",
-        children: n.map((e, r) => /* @__PURE__ */ u(
+        children: s.map((e, r) => /* @__PURE__ */ d(
           "button",
           {
             type: "button",
             disabled: e.disabled,
-            onClick: () => A(e),
-            className: f(
+            onClick: () => D(e),
+            className: c(
               "bear-w-full bear-px-4 bear-py-2 bear-text-left bear-text-sm bear-transition-colors",
               "bear-text-gray-900 dark:bear-text-white",
-              r === o ? "bear-bg-amber-50 dark:bear-bg-amber-900/20" : "hover:bear-bg-gray-50 dark:hover:bear-bg-gray-700",
+              r === b ? "bear-bg-amber-50 dark:bear-bg-amber-900/20" : "hover:bear-bg-gray-50 dark:hover:bear-bg-gray-700",
               e.disabled && "bear-opacity-50 bear-cursor-not-allowed"
             ),
             children: [
@@ -125,13 +118,13 @@ const C = (g, b) => {
         ))
       }
     ),
-    m && !d && n.length === 0 && b && !D && /* @__PURE__ */ a("div", { className: "bear-absolute bear-z-50 bear-w-full bear-mt-1 bear-py-3 bear-px-4 bear-bg-white dark:bear-bg-gray-800 bear-border bear-border-gray-200 dark:bear-border-gray-700 bear-rounded-lg bear-shadow-lg bear-text-sm bear-text-gray-500", children: N ? "Press Enter to use this value" : "No results found" }),
-    (v || c) && /* @__PURE__ */ a("p", { className: f(
+    m && !i && s.length === 0 && o && !v && /* @__PURE__ */ a("div", { className: "bear-absolute bear-z-50 bear-w-full bear-mt-1 bear-py-3 bear-px-4 bear-bg-white dark:bear-bg-gray-800 bear-border bear-border-gray-200 dark:bear-border-gray-700 bear-rounded-lg bear-shadow-lg bear-text-sm bear-text-gray-500", children: k ? "Press Enter to use this value" : "No results found" }),
+    (w || n) && /* @__PURE__ */ a("p", { className: c(
       "bear-mt-1.5 bear-text-xs",
-      c ? "bear-text-red-500" : "bear-text-gray-500 dark:bear-text-gray-400"
-    ), children: c || v })
+      n ? "bear-text-red-500" : "bear-text-gray-500 dark:bear-text-gray-400"
+    ), children: n || w })
   ] });
 };
 export {
-  H as Autocomplete
+  M as Autocomplete
 };

package/dist/components/Autocomplete/Autocomplete.utils.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=(r,o)=>{const e=o.toLowerCase();return r.filter(t=>{var l;return t.label.toLowerCase().includes(e)||t.value.toLowerCase().includes(e)||((l=t.description)==null?void 0:l.toLowerCase().includes(e))})};exports.defaultFilter=s;

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

@@ -0,0 +1,2 @@
+import { AutocompleteOption } from './Autocomplete.types';
+export declare const defaultFilter: (options: AutocompleteOption[], inputValue: string) => AutocompleteOption[];

package/dist/components/Autocomplete/Autocomplete.utils.js

@@ -0,0 +1,12 @@
+const t = (l, s) => {
+  const e = s.toLowerCase();
+  return l.filter(
+    (o) => {
+      var r;
+      return o.label.toLowerCase().includes(e) || o.value.toLowerCase().includes(e) || ((r = o.description) == null ? void 0 : r.toLowerCase().includes(e));
+    }
+  );
+};
+export {
+  t as defaultFilter
+};

package/dist/components/BackTop/BackTop.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("react/jsx-runtime"),s=require("react"),v=require("../../utils/cn.cjs"),y=require("../Button/Button.cjs"),o=require("./BackTop.const.cjs"),I=({bottom:l=o.BACKTOP_DEFAULTS.BOTTOM,right:a=o.BACKTOP_DEFAULTS.RIGHT,visibleAt:b=o.BACKTOP_DEFAULTS.VISIBLE_AT,duration:c=o.BACKTOP_DEFAULTS.DURATION,target:i,children:p,size:u=o.BACKTOP_DEFAULTS.SIZE,variant:h=o.BACKTOP_DEFAULTS.VARIANT,animated:A=o.BACKTOP_DEFAULTS.ANIMATED,className:S,testId:w,onClick:r,...B})=>{const[f,E]=s.useState(!1),t=o.BACKTOP_SIZES[u],n=s.useCallback(()=>i?i():typeof window<"u"?window:null,[i]);s.useEffect(()=>{const e=n();if(!e)return;const T=()=>{const g=e===window?window.scrollY||document.documentElement.scrollTop:e.scrollTop;E(g>=b)};return e.addEventListener("scroll",T,{passive:!0}),T(),()=>{e.removeEventListener("scroll",T)}},[n,b]);const m=s.useCallback(()=>{const e=n();e&&(r==null||r(),e===window?window.scrollTo({top:0,behavior:c>0?"smooth":"auto"}):e.scrollTo({top:0,behavior:c>0?"smooth":"auto"}))},[n,c,r]),L=d.jsx("svg",{width:t.iconSize,height:t.iconSize,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2.5,strokeLinecap:"round",strokeLinejoin:"round",children:d.jsx("path",{d:"M18 15l-6-6-6 6"})}),O=u==="sm"?"sm":u==="lg"?"lg":"md";return d.jsx(y.Button,{variant:h,size:O,className:v.cn("Bear-BackTop","!bear-rounded-full !bear-p-0","!bear-fixed !bear-shadow-lg",A&&"bear-transition-all bear-duration-300 bear-ease-out",f?"bear-opacity-100 bear-translate-y-0 bear-scale-100":"bear-opacity-0 bear-translate-y-5 bear-scale-75 bear-pointer-events-none",S),style:{bottom:typeof l=="number"?`${l}px`:l,right:typeof a=="number"?`${a}px`:a,width:t.width,height:t.height,minWidth:t.width,zIndex:9999},onClick:m,"aria-label":"Scroll to top","data-testid":w,...B,children:p||L})};exports.BackTop=I;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("react/jsx-runtime"),s=require("react"),v=require("../../utils/cn.cjs"),y=require("../Button/Button.cjs"),o=require("./BackTop.const.cjs"),_=({bottom:a=o.BACKTOP_DEFAULTS.BOTTOM,right:l=o.BACKTOP_DEFAULTS.RIGHT,visibleAt:b=o.BACKTOP_DEFAULTS.VISIBLE_AT,duration:c=o.BACKTOP_DEFAULTS.DURATION,target:i,children:p,size:u=o.BACKTOP_DEFAULTS.SIZE,variant:h=o.BACKTOP_DEFAULTS.VARIANT,animated:A=o.BACKTOP_DEFAULTS.ANIMATED,className:S,testId:w,onClick:r,...B})=>{const[f,E]=s.useState(!1),t=o.BACKTOP_SIZES[u],n=s.useCallback(()=>i?i():typeof window<"u"?window:null,[i]);s.useEffect(()=>{const e=n();if(!e)return;const T=()=>{const g=e===window?window.scrollY||document.documentElement.scrollTop:e.scrollTop;E(g>=b)};return e.addEventListener("scroll",T,{passive:!0}),T(),()=>{e.removeEventListener("scroll",T)}},[n,b]);const m=s.useCallback(()=>{const e=n();e&&(r==null||r(),e===window?window.scrollTo({top:0,behavior:c>0?"smooth":"auto"}):e.scrollTo({top:0,behavior:c>0?"smooth":"auto"}))},[n,c,r]),L=d.jsx("svg",{width:t.iconSize,height:t.iconSize,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2.5,strokeLinecap:"round",strokeLinejoin:"round",children:d.jsx("path",{d:"M18 15l-6-6-6 6"})}),O=u==="sm"?"sm":u==="lg"?"lg":"md";return d.jsx(y.Button,{variant:h,size:O,className:v.cn("Bear-BackTop","!bear-rounded-full !bear-p-0","!bear-fixed !bear-shadow-lg bear-z-[9999]",A&&"bear-transition-all bear-duration-300 bear-ease-out",f?"bear-opacity-100 bear-translate-y-0 bear-scale-100":"bear-opacity-0 bear-translate-y-5 bear-scale-75 bear-pointer-events-none",S),style:{bottom:typeof a=="number"?`${a}px`:a,right:typeof l=="number"?`${l}px`:l,width:t.width,height:t.height,minWidth:t.width},onClick:m,"aria-label":"Scroll to top","data-testid":w,...B,children:p||L})};exports.BackTop=_;

package/dist/components/BackTop/BackTop.js

@@ -18,19 +18,19 @@ const V = ({
   onClick: r,
   ...S
 }) => {
-  const [I, g] = y(!1), t = z[c], n = b(() => i ? i() : typeof window < "u" ? window : null, [i]);
+  const [g, v] = y(!1), t = z[c], n = b(() => i ? i() : typeof window < "u" ? window : null, [i]);
   A(() => {
     const e = n();
     if (!e) return;
     const d = () => {
-      const E = e === window ? window.scrollY || document.documentElement.scrollTop : e.scrollTop;
-      g(E >= u);
+      const I = e === window ? window.scrollY || document.documentElement.scrollTop : e.scrollTop;
+      v(I >= u);
     };
     return e.addEventListener("scroll", d, { passive: !0 }), d(), () => {
       e.removeEventListener("scroll", d);
     };
   }, [n, u]);
-  const v = b(() => {
+  const B = b(() => {
     const e = n();
     e && (r == null || r(), e === window ? window.scrollTo({
       top: 0,
@@ -39,7 +39,7 @@ const V = ({
       top: 0,
       behavior: a > 0 ? "smooth" : "auto"
     }));
-  }, [n, a, r]), B = /* @__PURE__ */ p(
+  }, [n, a, r]), E = /* @__PURE__ */ p(
     "svg",
     {
       width: t.iconSize,
@@ -61,9 +61,9 @@ const V = ({
       className: x(
         "Bear-BackTop",
         "!bear-rounded-full !bear-p-0",
-        "!bear-fixed !bear-shadow-lg",
+        "!bear-fixed !bear-shadow-lg bear-z-[9999]",
         f && "bear-transition-all bear-duration-300 bear-ease-out",
-        I ? "bear-opacity-100 bear-translate-y-0 bear-scale-100" : "bear-opacity-0 bear-translate-y-5 bear-scale-75 bear-pointer-events-none",
+        g ? "bear-opacity-100 bear-translate-y-0 bear-scale-100" : "bear-opacity-0 bear-translate-y-5 bear-scale-75 bear-pointer-events-none",
         h
       ),
       style: {
@@ -71,14 +71,13 @@ const V = ({
         right: typeof l == "number" ? `${l}px` : l,
         width: t.width,
         height: t.height,
-        minWidth: t.width,
-        zIndex: 9999
+        minWidth: t.width
       },
-      onClick: v,
+      onClick: B,
       "aria-label": "Scroll to top",
       "data-testid": w,
       ...S,
-      children: m || B
+      children: m || E
     }
   );
 };

package/dist/components/Blockquote/Blockquote.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),c=require("../../utils/cn.cjs");require("react");const n=require("../Typography/Typography.cjs"),s=require("./Blockquote.const.cjs"),b=e.jsx("svg",{className:"bear-w-6 bear-h-6 bear-flex-shrink-0",fill:"currentColor",viewBox:"0 0 24 24","aria-hidden":!0,children:e.jsx("path",{d:"M14.017 21v-7.391c0-5.704 3.731-9.57 8.983-10.609l.995 2.151c-2.432.917-3.995 3.638-3.995 5.849h4v10h-9.983zm-14.017 0v-7.391c0-5.704 3.748-9.57 9-10.609l.996 2.151c-2.433.917-3.996 3.638-3.996 5.849h3.983v10h-9.983z"})}),p=({cite:r,icon:o,color:a="default",children:t,className:l,testId:i,...d})=>{const h=s.BORDER_COLOR_MAP[a],u=s.ICON_COLOR_MAP[a];return e.jsx("blockquote",{className:c.cn(s.ROOT_CLASS,h,l),"data-testid":i,cite:r,...d,children:e.jsxs("div",{className:"bear-flex bear-gap-3",children:[e.jsx("span",{className:u,children:o??b}),e.jsxs("div",{className:"bear-flex-1 bear-min-w-0",children:[e.jsx(n.Typography,{variant:"body1",component:"span",children:t}),r&&e.jsxs(n.Typography,{variant:"caption",color:"secondary",component:"cite",className:c.cn(s.CITE_CLASS,"bear-block"),children:["— ",r]})]})]})})};exports.Blockquote=p;

package/dist/components/Blockquote/Blockquote.const.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r={default:"bear-border-l-gray-300 dark:bear-border-l-zinc-600",primary:"bear-border-l-pink-500 dark:bear-border-l-pink-400",success:"bear-border-l-green-500 dark:bear-border-l-green-400",warning:"bear-border-l-amber-500 dark:bear-border-l-amber-400",error:"bear-border-l-red-500 dark:bear-border-l-red-400"},e={default:"bear-text-gray-500 dark:bear-text-zinc-400",primary:"bear-text-pink-500 dark:bear-text-pink-400",success:"bear-text-green-500 dark:bear-text-green-400",warning:"bear-text-amber-500 dark:bear-text-amber-400",error:"bear-text-red-500 dark:bear-text-red-400"},a="Bear-Blockquote bear-pl-4 bear-py-2 bear-border-l-4 bear-bg-gray-50 dark:bear-bg-zinc-800/50 bear-rounded-r bear-not-italic",b="Bear-Blockquote__cite bear-mt-2";exports.BORDER_COLOR_MAP=r;exports.CITE_CLASS=b;exports.ICON_COLOR_MAP=e;exports.ROOT_CLASS=a;

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

@@ -0,0 +1,5 @@
+import { BlockquoteColor } from './Blockquote.types';
+export declare const BORDER_COLOR_MAP: Record<BlockquoteColor, string>;
+export declare const ICON_COLOR_MAP: Record<BlockquoteColor, string>;
+export declare const ROOT_CLASS = "Bear-Blockquote bear-pl-4 bear-py-2 bear-border-l-4 bear-bg-gray-50 dark:bear-bg-zinc-800/50 bear-rounded-r bear-not-italic";
+export declare const CITE_CLASS = "Bear-Blockquote__cite bear-mt-2";

package/dist/components/Blockquote/Blockquote.const.js

@@ -0,0 +1,19 @@
+const r = {
+  default: "bear-border-l-gray-300 dark:bear-border-l-zinc-600",
+  primary: "bear-border-l-pink-500 dark:bear-border-l-pink-400",
+  success: "bear-border-l-green-500 dark:bear-border-l-green-400",
+  warning: "bear-border-l-amber-500 dark:bear-border-l-amber-400",
+  error: "bear-border-l-red-500 dark:bear-border-l-red-400"
+}, e = {
+  default: "bear-text-gray-500 dark:bear-text-zinc-400",
+  primary: "bear-text-pink-500 dark:bear-text-pink-400",
+  success: "bear-text-green-500 dark:bear-text-green-400",
+  warning: "bear-text-amber-500 dark:bear-text-amber-400",
+  error: "bear-text-red-500 dark:bear-text-red-400"
+}, a = "Bear-Blockquote bear-pl-4 bear-py-2 bear-border-l-4 bear-bg-gray-50 dark:bear-bg-zinc-800/50 bear-rounded-r bear-not-italic", b = "Bear-Blockquote__cite bear-mt-2";
+export {
+  r as BORDER_COLOR_MAP,
+  b as CITE_CLASS,
+  e as ICON_COLOR_MAP,
+  a as ROOT_CLASS
+};

package/dist/components/Blockquote/Blockquote.d.ts

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

package/dist/components/Blockquote/Blockquote.js

@@ -0,0 +1,56 @@
+import { jsx as a, jsxs as e } from "react/jsx-runtime";
+import { cn as c } from "../../utils/cn.js";
+import "react";
+import { Typography as s } from "../Typography/Typography.js";
+import { ICON_COLOR_MAP as p, CITE_CLASS as b, BORDER_COLOR_MAP as v, ROOT_CLASS as C } from "./Blockquote.const.js";
+const O = /* @__PURE__ */ a(
+  "svg",
+  {
+    className: "bear-w-6 bear-h-6 bear-flex-shrink-0",
+    fill: "currentColor",
+    viewBox: "0 0 24 24",
+    "aria-hidden": !0,
+    children: /* @__PURE__ */ a("path", { d: "M14.017 21v-7.391c0-5.704 3.731-9.57 8.983-10.609l.995 2.151c-2.432.917-3.995 3.638-3.995 5.849h4v10h-9.983zm-14.017 0v-7.391c0-5.704 3.748-9.57 9-10.609l.996 2.151c-2.433.917-3.996 3.638-3.996 5.849h3.983v10h-9.983z" })
+  }
+), A = ({
+  cite: r,
+  icon: n,
+  color: o = "default",
+  children: l,
+  className: t,
+  testId: i,
+  ...m
+}) => {
+  const d = v[o], h = p[o];
+  return /* @__PURE__ */ a(
+    "blockquote",
+    {
+      className: c(C, d, t),
+      "data-testid": i,
+      cite: r,
+      ...m,
+      children: /* @__PURE__ */ e("div", { className: "bear-flex bear-gap-3", children: [
+        /* @__PURE__ */ a("span", { className: h, children: n ?? O }),
+        /* @__PURE__ */ e("div", { className: "bear-flex-1 bear-min-w-0", children: [
+          /* @__PURE__ */ a(s, { variant: "body1", component: "span", children: l }),
+          r && /* @__PURE__ */ e(
+            s,
+            {
+              variant: "caption",
+              color: "secondary",
+              component: "cite",
+              className: c(b, "bear-block"),
+              children: [
+                "— ",
+                r
+              ]
+            }
+          )
+        ] })
+      ] })
+    }
+  );
+};
+export {
+  A as Blockquote
+};

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

@@ -0,0 +1,9 @@
+import { ReactNode, HTMLAttributes } from 'react';
+export type BlockquoteColor = 'default' | 'primary' | 'success' | 'warning' | 'error';
+export interface BlockquoteProps extends HTMLAttributes<HTMLElement> {
+    cite?: string;
+    icon?: ReactNode;
+    color?: BlockquoteColor;
+    children: ReactNode;
+    testId?: string;
+}

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

@@ -0,0 +1,2 @@
+export { Blockquote, default } from './Blockquote';
+export type { BlockquoteProps, BlockquoteColor } from './Blockquote.types';

package/dist/components/Button/Button.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),r=require("react"),g=require("../../utils/cn.cjs"),ae=require("../Spinner/Spinner.cjs"),w=require("../Typography/Typography.cjs"),oe=require("../../hooks/useBearStyles.cjs");require("../../hooks/useBearComponent/useBearComponent.cjs");const se=require("../../context/BearProvider.cjs"),o=require("./Button.constants.cjs"),O=x=>x in o.BUTTON_VARIANT,E=r.forwardRef((x,l)=>{var k,q;const{variant:e="primary",size:f="md",loading:c=!1,loadingText:_,fullWidth:M=!1,icon:p,iconPosition:C="left",leftIcon:P,rightIcon:U,textVariant:S="inherit",spotlight:u=!1,spotlightColor:z="rgba(255, 255, 255, 0.35)",spotlightSize:h=150,disabled:D,className:L,children:Z,testId:F,bis:H,style:X,onMouseMove:B,onMouseEnter:m,onMouseLeave:y,...Y}=x,W=D||c,v=oe.useBearStyles(H,X),R=P??(p&&C==="left"?p:void 0),$=U??(p&&C==="right"?p:void 0),s=r.useContext(se.BearContext),N=((q=(k=s==null?void 0:s.components)==null?void 0:k.Button)==null?void 0:q.root)||{},j=(s==null?void 0:s.customVariants)||{},T=!O(e)&&e in j,a=T?j[e]:null,b=r.useRef(null),[A,I]=r.useState({x:-1e3,y:-1e3}),[G,V]=r.useState(!1),J=r.useCallback(t=>{if(u&&b.current){const d=b.current.getBoundingClientRect(),re=t.clientX-d.left,ne=t.clientY-d.top;I({x:re,y:ne})}B==null||B(t)},[u,B]),K=r.useCallback(t=>{if(u&&(V(!0),b.current)){const d=b.current.getBoundingClientRect();I({x:t.clientX-d.left,y:t.clientY-d.top})}m==null||m(t)},[u,m]),Q=r.useCallback(t=>{V(!1),I({x:-1e3,y:-1e3}),y==null||y(t)},[y]),i=o.VARIANT_DEFAULTS[e]||o.VARIANT_DEFAULTS.primary,ee=r.useMemo(()=>T&&a?{backgroundColor:`var(--bear-${e}-bg, ${a.bg})`,color:a.text||"#ffffff",borderColor:a.border,"--bear-ring-color":a.ring||a.bg,...N,...v}:{backgroundColor:`var(--bear-btn-${e}-bg, ${i.bg})`,color:e==="outline"||e==="ghost"?`var(--bear-btn-${e}-text, ${i.text||"inherit"})`:"white",borderColor:e==="outline"?`var(--bear-btn-${e}-border, ${i.border||i.bg})`:void 0,"--bear-ring-color":`var(--bear-btn-${e}-ring, ${i.ring})`,...N,...v},[e,i,N,v,T,a]),te=r.useCallback(t=>{b.current=t,typeof l=="function"?l(t):l&&(l.current=t)},[l]);return n.jsxs("button",{ref:te,disabled:W,"aria-busy":c||void 0,style:ee,className:g.cn("Bear-Button","bear-inline-flex bear-items-center bear-justify-center bear-font-medium bear-rounded-lg bear-transition-all bear-duration-200 bear-outline-none bear-relative bear-overflow-hidden",o.BUTTON_SIZE[f],O(e)?o.BUTTON_VARIANT[e]:"bear-btn-custom bear-text-white focus:bear-ring-2 focus:bear-ring-offset-2 disabled:bear-opacity-50 disabled:bear-cursor-not-allowed hover:bear-brightness-110 active:bear-brightness-95",M&&"bear-w-full",c&&"bear-cursor-wait",L),"data-testid":F,onMouseMove:J,onMouseEnter:K,onMouseLeave:Q,...Y,children:[u&&n.jsx("span",{className:"Bear-Button__spotlight","aria-hidden":"true",style:{position:"absolute",pointerEvents:"none",left:0,top:0,width:h,height:h,borderRadius:"50%",background:`radial-gradient(circle at center, ${z} 0%, transparent 70%)`,opacity:G?1:0,transform:`translate(${A.x-h/2}px, ${A.y-h/2}px)`,transition:"opacity 0.15s ease-out",zIndex:1,mixBlendMode:"overlay"}}),c&&n.jsxs("span",{className:g.cn("Bear-Button__loading bear-inline-flex bear-items-center bear-gap-2 bear-relative bear-z-10",!_&&"bear-absolute"),children:[n.jsx(ae.Spinner,{size:f==="xs"?"xs":"sm",className:"Bear-Button__spinner"}),_&&n.jsx(w.Typography,{variant:S,className:"Bear-Button__text",children:_})]}),n.jsxs("span",{className:g.cn("Bear-Button__content bear-inline-flex bear-items-center bear-gap-inherit bear-relative bear-z-10",c&&"bear-invisible"),children:[R&&n.jsx("span",{className:g.cn("Bear-Button__icon Bear-Button__icon--left bear-inline-flex bear-shrink-0",o.BUTTON_ICON_SIZE[f]),children:R}),n.jsx(w.Typography,{variant:S,className:"Bear-Button__text",children:Z}),$&&n.jsx("span",{className:g.cn("Bear-Button__icon Bear-Button__icon--right bear-inline-flex bear-shrink-0",o.BUTTON_ICON_SIZE[f]),children:$})]})]})});E.displayName="Button";exports.Button=E;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),g=require("react"),s=require("../../utils/cn.cjs"),Q=require("../Spinner/Spinner.cjs"),j=require("../Typography/Typography.cjs"),X=require("../../hooks/useBearStyles.cjs");require("../../hooks/useBearComponent/useBearComponent.cjs");const ee=require("../../context/BearProvider.cjs"),n=require("./Button.constants.cjs"),q=require("./Button.utils.cjs"),re=require("./useSpotlight.cjs"),O=g.forwardRef((V,i)=>{var C,$;const{variant:e="primary",size:l="md",loading:c=!1,loadingText:h,fullWidth:E=!1,icon:b,iconPosition:_="left",leftIcon:w,rightIcon:A,textVariant:y="inherit",iconOnly:v=!1,spotlight:x=!1,spotlightColor:R="rgba(255, 255, 255, 0.35)",spotlightSize:u=150,disabled:U,className:k,children:z,testId:L,bis:P,style:Z,onMouseMove:D,onMouseEnter:F,onMouseLeave:H,...W}=V,Y=U||c,p=X.useBearStyles(P,Z),N=w??(b&&_==="left"?b:void 0),T=A??(b&&_==="right"?b:void 0),a=g.useContext(ee.BearContext),f=(($=(C=a==null?void 0:a.components)==null?void 0:C.Button)==null?void 0:$.root)||{},I=(a==null?void 0:a.customVariants)||{},B=!q.isBuiltInVariant(e)&&e in I,t=B?I[e]:null,{spotlightRef:S,position:M,isHovered:G,handlers:m}=re.useSpotlight({enabled:x,onMouseMove:D,onMouseEnter:F,onMouseLeave:H}),o=n.VARIANT_DEFAULTS[e]||n.VARIANT_DEFAULTS.primary,J=g.useMemo(()=>B&&t?{backgroundColor:`var(--bear-${e}-bg, ${t.bg})`,color:t.text||"#ffffff",borderColor:t.border,"--bear-ring-color":t.ring||t.bg,...f,...p}:{backgroundColor:`var(--bear-btn-${e}-bg, ${o.bg})`,color:e==="outline"||e==="ghost"?`var(--bear-btn-${e}-text, ${o.text||"inherit"})`:"white",borderColor:e==="outline"?`var(--bear-btn-${e}-border, ${o.border||o.bg})`:void 0,"--bear-ring-color":`var(--bear-btn-${e}-ring, ${o.ring})`,...f,...p},[e,o,f,p,B,t]),K=g.useCallback(d=>{S.current=d,typeof i=="function"?i(d):i&&(i.current=d)},[i,S]);return r.jsxs("button",{ref:K,disabled:Y,"aria-busy":c||void 0,style:J,className:s.cn("Bear-Button","bear-inline-flex bear-items-center bear-justify-center bear-font-medium bear-rounded-lg bear-transition-all bear-duration-200 bear-outline-none bear-relative bear-overflow-hidden",v?n.BUTTON_ICON_ONLY_SIZE[l]:n.BUTTON_SIZE[l],v&&"bear-rounded-lg",q.isBuiltInVariant(e)?n.BUTTON_VARIANT[e]:"bear-btn-custom bear-text-white focus:bear-ring-2 focus:bear-ring-offset-2 disabled:bear-opacity-50 disabled:bear-cursor-not-allowed hover:bear-brightness-110 active:bear-brightness-95",E&&"bear-w-full",c&&"bear-cursor-wait",k),"data-testid":L,onMouseMove:m.handleMouseMove,onMouseEnter:m.handleMouseEnter,onMouseLeave:m.handleMouseLeave,...W,children:[x&&r.jsx("span",{className:s.cn("Bear-Button__spotlight","bear-absolute bear-left-0 bear-top-0 bear-rounded-full bear-pointer-events-none bear-z-[1]","bear-transition-opacity bear-duration-150 bear-ease-out",G?"bear-opacity-100":"bear-opacity-0"),"aria-hidden":"true",style:{width:u,height:u,background:`radial-gradient(circle at center, ${R} 0%, transparent 70%)`,transform:`translate(${M.x-u/2}px, ${M.y-u/2}px)`,mixBlendMode:"overlay"}}),c&&r.jsxs("span",{className:s.cn("Bear-Button__loading bear-inline-flex bear-items-center bear-gap-2 bear-relative bear-z-10",!h&&"bear-absolute"),children:[r.jsx(Q.Spinner,{size:l==="xs"?"xs":"sm",className:"Bear-Button__spinner"}),h&&r.jsx(j.Typography,{variant:y,className:"Bear-Button__text",children:h})]}),r.jsxs("span",{className:s.cn("Bear-Button__content bear-inline-flex bear-items-center bear-gap-inherit bear-relative bear-z-10",c&&"bear-invisible"),children:[N&&r.jsx("span",{className:s.cn("Bear-Button__icon Bear-Button__icon--left bear-inline-flex bear-shrink-0",n.BUTTON_ICON_SIZE[l]),children:N}),r.jsx(j.Typography,{variant:y,className:"Bear-Button__text",children:z}),T&&r.jsx("span",{className:s.cn("Bear-Button__icon Bear-Button__icon--right bear-inline-flex bear-shrink-0",n.BUTTON_ICON_SIZE[l]),children:T})]})]})});O.displayName="Button";exports.Button=O;

package/dist/components/Button/Button.constants.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r={xs:"bear-px-2 bear-py-1 bear-text-xs bear-gap-1",sm:"bear-px-3 bear-py-1.5 bear-text-sm bear-gap-1.5",md:"bear-px-4 bear-py-2 bear-text-sm bear-gap-2",lg:"bear-px-5 bear-py-2.5 bear-text-base bear-gap-2",xl:"bear-px-6 bear-py-3 bear-text-lg bear-gap-2.5"},e={xs:"[&_svg]:bear-w-3 [&_svg]:bear-h-3",sm:"[&_svg]:bear-w-4 [&_svg]:bear-h-4",md:"[&_svg]:bear-w-5 [&_svg]:bear-h-5",lg:"[&_svg]:bear-w-5 [&_svg]:bear-h-5",xl:"[&_svg]:bear-w-6 [&_svg]:bear-h-6"},a={primary:`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r={xs:"bear-px-2 bear-py-1 bear-text-xs bear-gap-1",sm:"bear-px-3 bear-py-1.5 bear-text-sm bear-gap-1.5",md:"bear-px-4 bear-py-2 bear-text-sm bear-gap-2",lg:"bear-px-5 bear-py-2.5 bear-text-base bear-gap-2",xl:"bear-px-6 bear-py-3 bear-text-lg bear-gap-2.5"},e={xs:"bear-w-6 bear-h-6 bear-p-0",sm:"bear-w-8 bear-h-8 bear-p-0",md:"bear-w-10 bear-h-10 bear-p-0",lg:"bear-w-12 bear-h-12 bear-p-0",xl:"bear-w-14 bear-h-14 bear-p-0"},a={xs:"[&_svg]:bear-w-3 [&_svg]:bear-h-3",sm:"[&_svg]:bear-w-4 [&_svg]:bear-h-4",md:"[&_svg]:bear-w-5 [&_svg]:bear-h-5",lg:"[&_svg]:bear-w-5 [&_svg]:bear-h-5",xl:"[&_svg]:bear-w-6 [&_svg]:bear-h-6"},b={primary:`
     bear-btn-primary
     bear-text-white bear-relative bear-overflow-hidden
     focus:bear-ring-2 focus:bear-ring-offset-2
@@ -44,4 +44,4 @@
     bear-text-white bear-relative bear-overflow-hidden
     focus:bear-ring-2 focus:bear-ring-offset-2
     disabled:bear-opacity-50 disabled:bear-cursor-not-allowed
-  `},b={primary:{bg:"var(--bear-primary-500)",hover:"var(--bear-primary-600)",active:"var(--bear-primary-700)",ring:"var(--bear-primary-500)"},secondary:{bg:"var(--bear-secondary-500)",hover:"var(--bear-secondary-600)",active:"var(--bear-secondary-700)",ring:"var(--bear-secondary-500)"},success:{bg:"var(--bear-success-500)",hover:"var(--bear-success-600)",active:"var(--bear-success-700)",ring:"var(--bear-success-500)"},warning:{bg:"var(--bear-warning-500)",hover:"var(--bear-warning-600)",active:"var(--bear-warning-700)",ring:"var(--bear-warning-500)"},danger:{bg:"var(--bear-danger-500)",hover:"var(--bear-danger-600)",active:"var(--bear-danger-700)",ring:"var(--bear-danger-500)"},info:{bg:"var(--bear-info-500)",hover:"var(--bear-info-600)",active:"var(--bear-info-700)",ring:"var(--bear-info-500)"},error:{bg:"var(--bear-danger-500)",hover:"var(--bear-danger-600)",active:"var(--bear-danger-700)",ring:"var(--bear-danger-500)"},ghost:{bg:"transparent",hover:"var(--bear-neutral-100)",active:"var(--bear-neutral-200)",text:"var(--bear-text-primary)",ring:"var(--bear-neutral-500)"},outline:{bg:"transparent",hover:"var(--bear-primary-50)",active:"var(--bear-primary-100)",border:"var(--bear-primary-500)",text:"var(--bear-primary-500)",ring:"var(--bear-primary-500)"}};exports.BUTTON_ICON_SIZE=e;exports.BUTTON_SIZE=r;exports.BUTTON_VARIANT=a;exports.VARIANT_DEFAULTS=b;
+  `},o={primary:{bg:"var(--bear-primary-500)",hover:"var(--bear-primary-600)",active:"var(--bear-primary-700)",ring:"var(--bear-primary-500)"},secondary:{bg:"var(--bear-secondary-500)",hover:"var(--bear-secondary-600)",active:"var(--bear-secondary-700)",ring:"var(--bear-secondary-500)"},success:{bg:"var(--bear-success-500)",hover:"var(--bear-success-600)",active:"var(--bear-success-700)",ring:"var(--bear-success-500)"},warning:{bg:"var(--bear-warning-500)",hover:"var(--bear-warning-600)",active:"var(--bear-warning-700)",ring:"var(--bear-warning-500)"},danger:{bg:"var(--bear-danger-500)",hover:"var(--bear-danger-600)",active:"var(--bear-danger-700)",ring:"var(--bear-danger-500)"},info:{bg:"var(--bear-info-500)",hover:"var(--bear-info-600)",active:"var(--bear-info-700)",ring:"var(--bear-info-500)"},error:{bg:"var(--bear-danger-500)",hover:"var(--bear-danger-600)",active:"var(--bear-danger-700)",ring:"var(--bear-danger-500)"},ghost:{bg:"transparent",hover:"var(--bear-neutral-100)",active:"var(--bear-neutral-200)",text:"var(--bear-text-primary)",ring:"var(--bear-neutral-500)"},outline:{bg:"transparent",hover:"var(--bear-primary-50)",active:"var(--bear-primary-100)",border:"var(--bear-primary-500)",text:"var(--bear-primary-500)",ring:"var(--bear-primary-500)"}};exports.BUTTON_ICON_ONLY_SIZE=e;exports.BUTTON_ICON_SIZE=a;exports.BUTTON_SIZE=r;exports.BUTTON_VARIANT=b;exports.VARIANT_DEFAULTS=o;

package/dist/components/Button/Button.constants.d.ts

@@ -1,5 +1,6 @@
 import { BearSize, BearVariant } from '../../types';
 export declare const BUTTON_SIZE: Record<BearSize, string>;
+export declare const BUTTON_ICON_ONLY_SIZE: Record<BearSize, string>;
 export declare const BUTTON_ICON_SIZE: Record<BearSize, string>;
 /**
  * Button variants using CSS variables for full customization

package/dist/components/Button/Button.constants.js

@@ -5,12 +5,18 @@ const r = {
   lg: "bear-px-5 bear-py-2.5 bear-text-base bear-gap-2",
   xl: "bear-px-6 bear-py-3 bear-text-lg bear-gap-2.5"
 }, e = {
+  xs: "bear-w-6 bear-h-6 bear-p-0",
+  sm: "bear-w-8 bear-h-8 bear-p-0",
+  md: "bear-w-10 bear-h-10 bear-p-0",
+  lg: "bear-w-12 bear-h-12 bear-p-0",
+  xl: "bear-w-14 bear-h-14 bear-p-0"
+}, a = {
   xs: "[&_svg]:bear-w-3 [&_svg]:bear-h-3",
   sm: "[&_svg]:bear-w-4 [&_svg]:bear-h-4",
   md: "[&_svg]:bear-w-5 [&_svg]:bear-h-5",
   lg: "[&_svg]:bear-w-5 [&_svg]:bear-h-5",
   xl: "[&_svg]:bear-w-6 [&_svg]:bear-h-6"
-}, a = {
+}, b = {
   primary: `
     bear-btn-primary
     bear-text-white bear-relative bear-overflow-hidden
@@ -66,7 +72,7 @@ const r = {
     focus:bear-ring-2 focus:bear-ring-offset-2
     disabled:bear-opacity-50 disabled:bear-cursor-not-allowed
   `
-}, b = {
+}, o = {
   primary: { bg: "var(--bear-primary-500)", hover: "var(--bear-primary-600)", active: "var(--bear-primary-700)", ring: "var(--bear-primary-500)" },
   secondary: { bg: "var(--bear-secondary-500)", hover: "var(--bear-secondary-600)", active: "var(--bear-secondary-700)", ring: "var(--bear-secondary-500)" },
   success: { bg: "var(--bear-success-500)", hover: "var(--bear-success-600)", active: "var(--bear-success-700)", ring: "var(--bear-success-500)" },
@@ -78,8 +84,9 @@ const r = {
   outline: { bg: "transparent", hover: "var(--bear-primary-50)", active: "var(--bear-primary-100)", border: "var(--bear-primary-500)", text: "var(--bear-primary-500)", ring: "var(--bear-primary-500)" }
 };
 export {
-  e as BUTTON_ICON_SIZE,
+  e as BUTTON_ICON_ONLY_SIZE,
+  a as BUTTON_ICON_SIZE,
   r as BUTTON_SIZE,
-  a as BUTTON_VARIANT,
-  b as VARIANT_DEFAULTS
+  b as BUTTON_VARIANT,
+  o as VARIANT_DEFAULTS
 };

package/dist/components/Button/Button.d.ts

@@ -1,29 +1,2 @@
 import { ButtonProps } from './Button.types';
-/**
- * Button component with multiple variants, sizes, states, and effects.
- *
- * Features:
- * - Fully themeable via BearProvider
- * - Mouse-follow spotlight hover effect
- * - CSS variable-based colors for easy customization
- * - Component overrides via useBearComponent
- *
- * @example
- * ```tsx
- * // Basic usage
- * <Button variant="primary" size="md">
- *   Click me
- * </Button>
- *
- * // With spotlight hover effect
- * <Button variant="primary" spotlight>
- *   Hover me
- * </Button>
- *
- * // With icons
- * <Button variant="outline" leftIcon={<Icon />}>
- *   With Icon
- * </Button>
- * ```
- */
 export declare const Button: import('react').ForwardRefExoticComponent<ButtonProps & import('react').RefAttributes<HTMLButtonElement>>;