@forgedevstack/bear 1.1.3 → 1.1.8

package/dist/components/MentionsInput/MentionsInput.js

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

package/dist/components/MentionsInput/MentionsInput.utils.cjs

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

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

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

package/dist/components/MentionsInput/MentionsInput.utils.js

@@ -0,0 +1,9 @@
+const o = (t, l) => {
+  const e = l.toLowerCase();
+  return t.filter(
+    (r) => r.value.toLowerCase().includes(e) || String(r.label).toLowerCase().includes(e)
+  );
+};
+export {
+  o as defaultFilter
+};

package/dist/components/NumberFormatter/NumberFormatter.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const S=require("react/jsx-runtime"),r=require("react"),T=require("../../utils/cn.cjs"),u=require("./NumberFormatter.const.cjs"),_=require("./NumberFormatter.utils.cjs"),g=t=>{const{value:e,prefix:A="",suffix:F="",animated:c=!1,animationDuration:o=u.DEFAULT_ANIMATION_DURATION,className:N,testId:y,...D}=t,M=r.useMemo(()=>_.buildFormatter(t),[t.formatStyle,t.locale,t.currency,t.currencyDisplay,t.unit,t.unitDisplay,t.notation,t.minimumFractionDigits,t.maximumFractionDigits,t.signDisplay]),[R,n]=r.useState(e),a=r.useRef(e),i=r.useRef(0);r.useEffect(()=>{if(!c){n(e),a.current=e;return}const m=a.current,l=e-m;if(l===0)return;const f=Math.max(1,Math.round(o/u.ANIMATION_FRAME_RATE));let s=0;const d=()=>{s++;const q=s/f,I=1-Math.pow(1-q,3);n(m+l*I),s<f?i.current=requestAnimationFrame(d):(n(e),a.current=e)};return i.current=requestAnimationFrame(d),()=>cancelAnimationFrame(i.current)},[e,c,o]);const b=M.format(R);return S.jsxs("span",{className:T.cn(u.ROOT_CLASSES,N),"data-testid":y,...D,children:[A,b,F]})};exports.NumberFormatter=g;

package/dist/components/NumberFormatter/NumberFormatter.const.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const A="en-US",T="USD",E=400,e=16,t="Bear-NumberFormatter bear-inline bear-tabular-nums";exports.ANIMATION_FRAME_RATE=e;exports.DEFAULT_ANIMATION_DURATION=E;exports.DEFAULT_CURRENCY=T;exports.DEFAULT_LOCALE=A;exports.ROOT_CLASSES=t;

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

@@ -0,0 +1,5 @@
+export declare const DEFAULT_LOCALE = "en-US";
+export declare const DEFAULT_CURRENCY = "USD";
+export declare const DEFAULT_ANIMATION_DURATION = 400;
+export declare const ANIMATION_FRAME_RATE = 16;
+export declare const ROOT_CLASSES = "Bear-NumberFormatter bear-inline bear-tabular-nums";

package/dist/components/NumberFormatter/NumberFormatter.const.js

@@ -0,0 +1,8 @@
+const A = "en-US", n = "USD", t = 400, e = 16, r = "Bear-NumberFormatter bear-inline bear-tabular-nums";
+export {
+  e as ANIMATION_FRAME_RATE,
+  t as DEFAULT_ANIMATION_DURATION,
+  n as DEFAULT_CURRENCY,
+  A as DEFAULT_LOCALE,
+  r as ROOT_CLASSES
+};

package/dist/components/NumberFormatter/NumberFormatter.d.ts

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

package/dist/components/NumberFormatter/NumberFormatter.js

@@ -0,0 +1,53 @@
+import { jsxs as E } from "react/jsx-runtime";
+import { useMemo as O, useState as R, useRef as l, useEffect as S } from "react";
+import { cn as _ } from "../../utils/cn.js";
+import { DEFAULT_ANIMATION_DURATION as g, ROOT_CLASSES as h, ANIMATION_FRAME_RATE as V } from "./NumberFormatter.const.js";
+import { buildFormatter as b } from "./NumberFormatter.utils.js";
+const k = (t) => {
+  const {
+    value: e,
+    prefix: d = "",
+    suffix: A = "",
+    animated: m = !1,
+    animationDuration: s = g,
+    className: D,
+    testId: F,
+    ...y
+  } = t, N = O(() => b(t), [
+    t.formatStyle,
+    t.locale,
+    t.currency,
+    t.currencyDisplay,
+    t.unit,
+    t.unitDisplay,
+    t.notation,
+    t.minimumFractionDigits,
+    t.maximumFractionDigits,
+    t.signDisplay
+  ]), [I, r] = R(e), n = l(e), a = l(0);
+  S(() => {
+    if (!m) {
+      r(e), n.current = e;
+      return;
+    }
+    const c = n.current, o = e - c;
+    if (o === 0) return;
+    const u = Math.max(1, Math.round(s / V));
+    let i = 0;
+    const f = () => {
+      i++;
+      const x = i / u, T = 1 - Math.pow(1 - x, 3);
+      r(c + o * T), i < u ? a.current = requestAnimationFrame(f) : (r(e), n.current = e);
+    };
+    return a.current = requestAnimationFrame(f), () => cancelAnimationFrame(a.current);
+  }, [e, m, s]);
+  const M = N.format(I);
+  return /* @__PURE__ */ E("span", { className: _(h, D), "data-testid": F, ...y, children: [
+    d,
+    M,
+    A
+  ] });
+};
+export {
+  k as NumberFormatter
+};

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

@@ -0,0 +1,20 @@
+import { HTMLAttributes } from 'react';
+export type NumberFormatStyle = 'decimal' | 'currency' | 'percent' | 'compact' | 'unit';
+export interface NumberFormatterProps extends HTMLAttributes<HTMLSpanElement> {
+    value: number;
+    formatStyle?: NumberFormatStyle;
+    locale?: string;
+    currency?: string;
+    currencyDisplay?: 'symbol' | 'code' | 'name' | 'narrowSymbol';
+    unit?: string;
+    unitDisplay?: 'short' | 'long' | 'narrow';
+    notation?: 'standard' | 'scientific' | 'engineering' | 'compact';
+    minimumFractionDigits?: number;
+    maximumFractionDigits?: number;
+    signDisplay?: 'auto' | 'never' | 'always' | 'exceptZero';
+    prefix?: string;
+    suffix?: string;
+    animated?: boolean;
+    animationDuration?: number;
+    testId?: string;
+}

package/dist/components/NumberFormatter/NumberFormatter.utils.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("./NumberFormatter.const.cjs"),p=m=>{const{formatStyle:t="decimal",locale:s=u.DEFAULT_LOCALE,currency:l=u.DEFAULT_CURRENCY,currencyDisplay:e,unit:n,unitDisplay:r,notation:c,minimumFractionDigits:o,maximumFractionDigits:a,signDisplay:y}=m,i={signDisplay:y};return t==="currency"?(i.style="currency",i.currency=l,e&&(i.currencyDisplay=e)):t==="percent"?i.style="percent":t==="compact"?i.notation="compact":t==="unit"&&n&&(i.style="unit",i.unit=n,r&&(i.unitDisplay=r)),c&&t!=="compact"&&(i.notation=c),o!==void 0&&(i.minimumFractionDigits=o),a!==void 0&&(i.maximumFractionDigits=a),new Intl.NumberFormat(s,i)};exports.buildFormatter=p;

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

@@ -0,0 +1,2 @@
+import { NumberFormatterProps } from './NumberFormatter.types';
+export declare const buildFormatter: (props: NumberFormatterProps) => Intl.NumberFormat;

package/dist/components/NumberFormatter/NumberFormatter.utils.js

@@ -0,0 +1,19 @@
+import { DEFAULT_LOCALE as y, DEFAULT_CURRENCY as p } from "./NumberFormatter.const.js";
+const D = (m) => {
+  const {
+    formatStyle: t = "decimal",
+    locale: s = y,
+    currency: u = p,
+    currencyDisplay: n,
+    unit: c,
+    unitDisplay: r,
+    notation: e,
+    minimumFractionDigits: o,
+    maximumFractionDigits: a,
+    signDisplay: l
+  } = m, i = { signDisplay: l };
+  return t === "currency" ? (i.style = "currency", i.currency = u, n && (i.currencyDisplay = n)) : t === "percent" ? i.style = "percent" : t === "compact" ? i.notation = "compact" : t === "unit" && c && (i.style = "unit", i.unit = c, r && (i.unitDisplay = r)), e && t !== "compact" && (i.notation = e), o !== void 0 && (i.minimumFractionDigits = o), a !== void 0 && (i.maximumFractionDigits = a), new Intl.NumberFormat(s, i);
+};
+export {
+  D as buildFormatter
+};

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

@@ -0,0 +1,2 @@
+export { NumberFormatter } from './NumberFormatter';
+export type { NumberFormatterProps, NumberFormatStyle } from './NumberFormatter.types';

package/dist/components/PageNav/PageNav.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("../../utils/cn.cjs");require("react");const u=require("../Icon/Icon.cjs"),r=require("./PageNav.const.cjs"),p=({size:a})=>e.jsx(u.Icon,{size:a,children:e.jsx("polyline",{points:"15 18 9 12 15 6"})}),h=({size:a})=>e.jsx(u.Icon,{size:a,children:e.jsx("polyline",{points:"9 6 15 12 9 18"})}),d=({item:a,direction:l,linkClass:n,labelClass:b,iconClass:t,sizeClass:x,iconSize:c})=>{const s=l==="prev",o=a.href?"a":"button",j=a.href?{href:a.href}:{type:"button",onClick:a.onClick};return e.jsxs(o,{...j,className:i.cn("bear-flex bear-flex-col bear-gap-1 bear-no-underline bear-min-w-0",s?"bear-items-start":"bear-items-end bear-ml-auto",n,x),children:[e.jsx("span",{className:i.cn("bear-text-[10px] bear-font-semibold bear-uppercase bear-tracking-wider",b),children:s?"Previous":"Next"}),e.jsxs("span",{className:"bear-flex bear-items-center bear-gap-1.5 bear-font-medium",children:[s&&e.jsx("span",{className:i.cn("bear-flex-shrink-0",t),children:a.icon??e.jsx(p,{size:c})}),e.jsx("span",{className:"bear-truncate",children:a.label}),!s&&e.jsx("span",{className:i.cn("bear-flex-shrink-0",t),children:a.icon??e.jsx(h,{size:c})})]})]})},f=({prev:a,next:l,size:n="md",variant:b="default",className:t,testId:x,"aria-label":c="Page navigation"})=>{if(!a&&!l)return null;const s=r.VARIANT_CLASSES[b],o=r.ICON_SIZE[n];return e.jsxs("nav",{"data-testid":x,className:i.cn(r.ROOT_CLASS,"bear-flex bear-items-start bear-justify-between bear-gap-4 bear-border-t bear-border-zinc-700/50",r.SIZE_CLASSES[n],t),"aria-label":c,children:[a?e.jsx(d,{item:a,direction:"prev",linkClass:s.link,labelClass:s.label,iconClass:s.icon,sizeClass:r.LINK_SIZE[n],iconSize:o}):e.jsx("span",{}),l?e.jsx(d,{item:l,direction:"next",linkClass:s.link,labelClass:s.label,iconClass:s.icon,sizeClass:r.LINK_SIZE[n],iconSize:o}):e.jsx("span",{})]})};exports.PageNav=f;

package/dist/components/PageNav/PageNav.const.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e="Bear-PageNav",r={xs:"bear-text-xs bear-py-3",sm:"bear-text-sm bear-py-4",md:"bear-text-sm bear-py-6",lg:"bear-text-base bear-py-8",xl:"bear-text-lg bear-py-10"},a={xs:"bear-px-2 bear-py-1",sm:"bear-px-3 bear-py-1.5",md:"bear-px-4 bear-py-2",lg:"bear-px-5 bear-py-2.5",xl:"bear-px-6 bear-py-3"},b={default:{link:"bear-text-zinc-400 hover:bear-text-pink-400 bear-transition-colors",label:"bear-text-zinc-500",icon:"bear-text-pink-500"},outlined:{link:"bear-border bear-border-zinc-700 bear-rounded-lg hover:bear-border-pink-500 hover:bear-text-pink-400 bear-transition-all",label:"bear-text-zinc-500",icon:"bear-text-pink-500"},filled:{link:"bear-bg-zinc-800/50 bear-rounded-lg hover:bear-bg-pink-500/10 hover:bear-text-pink-400 bear-transition-all",label:"bear-text-zinc-500",icon:"bear-text-pink-500"}},t={xs:12,sm:14,md:16,lg:18,xl:20};exports.ICON_SIZE=t;exports.LINK_SIZE=a;exports.ROOT_CLASS=e;exports.SIZE_CLASSES=r;exports.VARIANT_CLASSES=b;

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

@@ -0,0 +1,22 @@
+import { BearSize } from '../../types';
+export declare const ROOT_CLASS = "Bear-PageNav";
+export declare const SIZE_CLASSES: Record<BearSize, string>;
+export declare const LINK_SIZE: Record<BearSize, string>;
+export declare const VARIANT_CLASSES: {
+    default: {
+        link: string;
+        label: string;
+        icon: string;
+    };
+    outlined: {
+        link: string;
+        label: string;
+        icon: string;
+    };
+    filled: {
+        link: string;
+        label: string;
+        icon: string;
+    };
+};
+export declare const ICON_SIZE: Record<BearSize, number>;

package/dist/components/PageNav/PageNav.const.js

@@ -0,0 +1,42 @@
+const e = "Bear-PageNav", r = {
+  xs: "bear-text-xs bear-py-3",
+  sm: "bear-text-sm bear-py-4",
+  md: "bear-text-sm bear-py-6",
+  lg: "bear-text-base bear-py-8",
+  xl: "bear-text-lg bear-py-10"
+}, a = {
+  xs: "bear-px-2 bear-py-1",
+  sm: "bear-px-3 bear-py-1.5",
+  md: "bear-px-4 bear-py-2",
+  lg: "bear-px-5 bear-py-2.5",
+  xl: "bear-px-6 bear-py-3"
+}, b = {
+  default: {
+    link: "bear-text-zinc-400 hover:bear-text-pink-400 bear-transition-colors",
+    label: "bear-text-zinc-500",
+    icon: "bear-text-pink-500"
+  },
+  outlined: {
+    link: "bear-border bear-border-zinc-700 bear-rounded-lg hover:bear-border-pink-500 hover:bear-text-pink-400 bear-transition-all",
+    label: "bear-text-zinc-500",
+    icon: "bear-text-pink-500"
+  },
+  filled: {
+    link: "bear-bg-zinc-800/50 bear-rounded-lg hover:bear-bg-pink-500/10 hover:bear-text-pink-400 bear-transition-all",
+    label: "bear-text-zinc-500",
+    icon: "bear-text-pink-500"
+  }
+}, t = {
+  xs: 12,
+  sm: 14,
+  md: 16,
+  lg: 18,
+  xl: 20
+};
+export {
+  t as ICON_SIZE,
+  a as LINK_SIZE,
+  e as ROOT_CLASS,
+  r as SIZE_CLASSES,
+  b as VARIANT_CLASSES
+};

package/dist/components/PageNav/PageNav.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { PageNavProps } from './PageNav.types';
+export declare const PageNav: FC<PageNavProps>;

package/dist/components/PageNav/PageNav.js

@@ -0,0 +1,81 @@
+import { jsxs as p, jsx as a } from "react/jsx-runtime";
+import { cn as l } from "../../utils/cn.js";
+import "react";
+import { Icon as f } from "../Icon/Icon.js";
+import { ICON_SIZE as C, LINK_SIZE as d, VARIANT_CLASSES as u, SIZE_CLASSES as N, ROOT_CLASS as x } from "./PageNav.const.js";
+const S = ({ size: e }) => /* @__PURE__ */ a(f, { size: e, children: /* @__PURE__ */ a("polyline", { points: "15 18 9 12 15 6" }) }), g = ({ size: e }) => /* @__PURE__ */ a(f, { size: e, children: /* @__PURE__ */ a("polyline", { points: "9 6 15 12 9 18" }) }), m = ({ item: e, direction: s, linkClass: n, labelClass: c, iconClass: i, sizeClass: b, iconSize: t }) => {
+  const r = s === "prev", o = e.href ? "a" : "button", h = e.href ? { href: e.href } : { type: "button", onClick: e.onClick };
+  return /* @__PURE__ */ p(
+    o,
+    {
+      ...h,
+      className: l(
+        "bear-flex bear-flex-col bear-gap-1 bear-no-underline bear-min-w-0",
+        r ? "bear-items-start" : "bear-items-end bear-ml-auto",
+        n,
+        b
+      ),
+      children: [
+        /* @__PURE__ */ a("span", { className: l("bear-text-[10px] bear-font-semibold bear-uppercase bear-tracking-wider", c), children: r ? "Previous" : "Next" }),
+        /* @__PURE__ */ p("span", { className: "bear-flex bear-items-center bear-gap-1.5 bear-font-medium", children: [
+          r && /* @__PURE__ */ a("span", { className: l("bear-flex-shrink-0", i), children: e.icon ?? /* @__PURE__ */ a(S, { size: t }) }),
+          /* @__PURE__ */ a("span", { className: "bear-truncate", children: e.label }),
+          !r && /* @__PURE__ */ a("span", { className: l("bear-flex-shrink-0", i), children: e.icon ?? /* @__PURE__ */ a(g, { size: t }) })
+        ] })
+      ]
+    }
+  );
+}, E = ({
+  prev: e,
+  next: s,
+  size: n = "md",
+  variant: c = "default",
+  className: i,
+  testId: b,
+  "aria-label": t = "Page navigation"
+}) => {
+  if (!e && !s) return null;
+  const r = u[c], o = C[n];
+  return /* @__PURE__ */ p(
+    "nav",
+    {
+      "data-testid": b,
+      className: l(
+        x,
+        "bear-flex bear-items-start bear-justify-between bear-gap-4 bear-border-t bear-border-zinc-700/50",
+        N[n],
+        i
+      ),
+      "aria-label": t,
+      children: [
+        e ? /* @__PURE__ */ a(
+          m,
+          {
+            item: e,
+            direction: "prev",
+            linkClass: r.link,
+            labelClass: r.label,
+            iconClass: r.icon,
+            sizeClass: d[n],
+            iconSize: o
+          }
+        ) : /* @__PURE__ */ a("span", {}),
+        s ? /* @__PURE__ */ a(
+          m,
+          {
+            item: s,
+            direction: "next",
+            linkClass: r.link,
+            labelClass: r.label,
+            iconClass: r.icon,
+            sizeClass: d[n],
+            iconSize: o
+          }
+        ) : /* @__PURE__ */ a("span", {})
+      ]
+    }
+  );
+};
+export {
+  E as PageNav
+};

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

@@ -0,0 +1,17 @@
+import { ReactNode } from 'react';
+import { BearSize } from '../../types';
+export interface PageNavItem {
+    label: string;
+    href?: string;
+    onClick?: () => void;
+    icon?: ReactNode;
+}
+export interface PageNavProps {
+    prev?: PageNavItem | null;
+    next?: PageNavItem | null;
+    size?: BearSize;
+    variant?: 'default' | 'outlined' | 'filled';
+    className?: string;
+    testId?: string;
+    'aria-label'?: string;
+}

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

@@ -0,0 +1,2 @@
+export { PageNav } from './PageNav';
+export type { PageNavProps, PageNavItem } from './PageNav.types';

package/dist/components/Popconfirm/Popconfirm.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),c=require("react"),d=require("../../utils/cn.cjs"),S=require("../Typography/Typography.cjs"),n=require("./Popconfirm.const.cjs"),j=e.jsx("svg",{className:"bear-w-4 bear-h-4",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z"})}),O=C=>{const{title:N,description:u,onConfirm:a,onCancel:o,confirmText:h=n.DEFAULT_CONFIRM_TEXT,cancelText:T=n.DEFAULT_CANCEL_TEXT,icon:p=j,placement:L="bottom",disabled:m=!1,children:_,variant:f="default",testId:b}=C,[s,E]=c.useState(!1),i=c.useRef(null),t=c.useCallback(()=>E(!1),[]);c.useEffect(()=>{const r=l=>{i.current&&!i.current.contains(l.target)&&t()};return s&&document.addEventListener("mousedown",r),()=>document.removeEventListener("mousedown",r)},[s,t]),c.useEffect(()=>{const r=l=>{l.key==="Escape"&&t()};return s&&document.addEventListener("keydown",r),()=>document.removeEventListener("keydown",r)},[s,t]);const v=()=>{m||E(!s)},A=()=>{a==null||a(),t()},x=()=>{o==null||o(),t()},y=f==="danger"?n.CONFIRM_BTN_DANGER_CLASSES:n.CONFIRM_BTN_DEFAULT_CLASSES;return e.jsxs("div",{ref:i,className:d.cn(n.ROOT_CLASS,"bear-relative bear-inline-block"),"data-testid":b,children:[e.jsx("div",{onClick:v,className:d.cn("bear-cursor-pointer",m&&"bear-opacity-50 bear-cursor-not-allowed bear-pointer-events-none"),children:_}),s&&e.jsxs("div",{className:d.cn(n.POPUP_CLASSES,n.PLACEMENT_OFFSETS[L]),children:[e.jsxs("div",{className:n.ICON_AREA_CLASSES,children:[e.jsx("div",{className:n.ICON_WRAPPER_CLASSES,children:p}),e.jsxs("div",{className:n.CONTENT_CLASSES,children:[e.jsx(S.Typography,{variant:"body2",className:"bear-text-gray-900 dark:bear-text-zinc-100",children:N}),u&&e.jsx(S.Typography,{variant:"caption",color:"secondary",className:"bear-mt-0.5",children:u})]})]}),e.jsxs("div",{className:n.BUTTONS_WRAPPER_CLASSES,children:[e.jsx("button",{type:"button",className:n.CANCEL_BTN_CLASSES,onClick:x,children:T}),e.jsx("button",{type:"button",className:y,onClick:A,children:h})]})]})]})};exports.Popconfirm=O;

package/dist/components/Popconfirm/Popconfirm.const.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e="Bear-Popconfirm",r="bear-absolute bear-z-[9999] bear-bg-white dark:bear-bg-zinc-800 bear-border bear-border-gray-200 dark:bear-border-zinc-700 bear-rounded-lg bear-shadow-xl bear-p-4 bear-min-w-[220px] bear-max-w-[320px]",a={top:"bear-bottom-full bear-left-1/2 -bear-translate-x-1/2 bear-mb-2",bottom:"bear-top-full bear-left-1/2 -bear-translate-x-1/2 bear-mt-2",left:"bear-right-full bear-top-1/2 -bear-translate-y-1/2 bear-mr-2",right:"bear-left-full bear-top-1/2 -bear-translate-y-1/2 bear-ml-2"},b="bear-flex bear-items-center bear-gap-3 bear-mb-3",t="bear-flex-shrink-0 bear-w-8 bear-h-8 bear-flex bear-items-center bear-justify-center bear-rounded-full bear-bg-amber-100 dark:bear-bg-amber-900/30 bear-text-amber-600 dark:bear-text-amber-400",S="bear-flex-1 bear-min-w-0",o="bear-flex bear-justify-end bear-gap-2 bear-mt-4",n="bear-px-3 bear-py-1.5 bear-text-sm bear-font-medium bear-rounded-md bear-transition-colors bear-bg-pink-500 bear-text-white hover:bear-bg-pink-600 dark:hover:bear-bg-pink-600",E="bear-px-3 bear-py-1.5 bear-text-sm bear-font-medium bear-rounded-md bear-transition-colors bear-bg-red-500 bear-text-white hover:bear-bg-red-600 dark:hover:bear-bg-red-600",_="bear-px-3 bear-py-1.5 bear-text-sm bear-font-medium bear-rounded-md bear-transition-colors bear-bg-white dark:bear-bg-zinc-700 bear-text-gray-700 dark:bear-text-zinc-300 bear-border bear-border-gray-300 dark:bear-border-zinc-600 hover:bear-bg-gray-50 dark:hover:bear-bg-zinc-600",C="Confirm",A="Cancel";exports.BUTTONS_WRAPPER_CLASSES=o;exports.CANCEL_BTN_CLASSES=_;exports.CONFIRM_BTN_DANGER_CLASSES=E;exports.CONFIRM_BTN_DEFAULT_CLASSES=n;exports.CONTENT_CLASSES=S;exports.DEFAULT_CANCEL_TEXT=A;exports.DEFAULT_CONFIRM_TEXT=C;exports.ICON_AREA_CLASSES=b;exports.ICON_WRAPPER_CLASSES=t;exports.PLACEMENT_OFFSETS=a;exports.POPUP_CLASSES=r;exports.ROOT_CLASS=e;

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

@@ -0,0 +1,13 @@
+import { PopconfirmPlacement } from './Popconfirm.types';
+export declare const ROOT_CLASS = "Bear-Popconfirm";
+export declare const POPUP_CLASSES = "bear-absolute bear-z-[9999] bear-bg-white dark:bear-bg-zinc-800 bear-border bear-border-gray-200 dark:bear-border-zinc-700 bear-rounded-lg bear-shadow-xl bear-p-4 bear-min-w-[220px] bear-max-w-[320px]";
+export declare const PLACEMENT_OFFSETS: Record<PopconfirmPlacement, string>;
+export declare const ICON_AREA_CLASSES = "bear-flex bear-items-center bear-gap-3 bear-mb-3";
+export declare const ICON_WRAPPER_CLASSES = "bear-flex-shrink-0 bear-w-8 bear-h-8 bear-flex bear-items-center bear-justify-center bear-rounded-full bear-bg-amber-100 dark:bear-bg-amber-900/30 bear-text-amber-600 dark:bear-text-amber-400";
+export declare const CONTENT_CLASSES = "bear-flex-1 bear-min-w-0";
+export declare const BUTTONS_WRAPPER_CLASSES = "bear-flex bear-justify-end bear-gap-2 bear-mt-4";
+export declare const CONFIRM_BTN_DEFAULT_CLASSES = "bear-px-3 bear-py-1.5 bear-text-sm bear-font-medium bear-rounded-md bear-transition-colors bear-bg-pink-500 bear-text-white hover:bear-bg-pink-600 dark:hover:bear-bg-pink-600";
+export declare const CONFIRM_BTN_DANGER_CLASSES = "bear-px-3 bear-py-1.5 bear-text-sm bear-font-medium bear-rounded-md bear-transition-colors bear-bg-red-500 bear-text-white hover:bear-bg-red-600 dark:hover:bear-bg-red-600";
+export declare const CANCEL_BTN_CLASSES = "bear-px-3 bear-py-1.5 bear-text-sm bear-font-medium bear-rounded-md bear-transition-colors bear-bg-white dark:bear-bg-zinc-700 bear-text-gray-700 dark:bear-text-zinc-300 bear-border bear-border-gray-300 dark:bear-border-zinc-600 hover:bear-bg-gray-50 dark:hover:bear-bg-zinc-600";
+export declare const DEFAULT_CONFIRM_TEXT = "Confirm";
+export declare const DEFAULT_CANCEL_TEXT = "Cancel";

package/dist/components/Popconfirm/Popconfirm.const.js

@@ -0,0 +1,20 @@
+const e = "Bear-Popconfirm", r = "bear-absolute bear-z-[9999] bear-bg-white dark:bear-bg-zinc-800 bear-border bear-border-gray-200 dark:bear-border-zinc-700 bear-rounded-lg bear-shadow-xl bear-p-4 bear-min-w-[220px] bear-max-w-[320px]", a = {
+  top: "bear-bottom-full bear-left-1/2 -bear-translate-x-1/2 bear-mb-2",
+  bottom: "bear-top-full bear-left-1/2 -bear-translate-x-1/2 bear-mt-2",
+  left: "bear-right-full bear-top-1/2 -bear-translate-y-1/2 bear-mr-2",
+  right: "bear-left-full bear-top-1/2 -bear-translate-y-1/2 bear-ml-2"
+}, b = "bear-flex bear-items-center bear-gap-3 bear-mb-3", t = "bear-flex-shrink-0 bear-w-8 bear-h-8 bear-flex bear-items-center bear-justify-center bear-rounded-full bear-bg-amber-100 dark:bear-bg-amber-900/30 bear-text-amber-600 dark:bear-text-amber-400", o = "bear-flex-1 bear-min-w-0", n = "bear-flex bear-justify-end bear-gap-2 bear-mt-4", d = "bear-px-3 bear-py-1.5 bear-text-sm bear-font-medium bear-rounded-md bear-transition-colors bear-bg-pink-500 bear-text-white hover:bear-bg-pink-600 dark:hover:bear-bg-pink-600", i = "bear-px-3 bear-py-1.5 bear-text-sm bear-font-medium bear-rounded-md bear-transition-colors bear-bg-red-500 bear-text-white hover:bear-bg-red-600 dark:hover:bear-bg-red-600", s = "bear-px-3 bear-py-1.5 bear-text-sm bear-font-medium bear-rounded-md bear-transition-colors bear-bg-white dark:bear-bg-zinc-700 bear-text-gray-700 dark:bear-text-zinc-300 bear-border bear-border-gray-300 dark:bear-border-zinc-600 hover:bear-bg-gray-50 dark:hover:bear-bg-zinc-600", l = "Confirm", m = "Cancel";
+export {
+  n as BUTTONS_WRAPPER_CLASSES,
+  s as CANCEL_BTN_CLASSES,
+  i as CONFIRM_BTN_DANGER_CLASSES,
+  d as CONFIRM_BTN_DEFAULT_CLASSES,
+  o as CONTENT_CLASSES,
+  m as DEFAULT_CANCEL_TEXT,
+  l as DEFAULT_CONFIRM_TEXT,
+  b as ICON_AREA_CLASSES,
+  t as ICON_WRAPPER_CLASSES,
+  a as PLACEMENT_OFFSETS,
+  r as POPUP_CLASSES,
+  e as ROOT_CLASS
+};

package/dist/components/Popconfirm/Popconfirm.d.ts

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