@forgedevstack/bear 1.1.4 → 1.1.9

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/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/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;

package/dist/components/Popover/Popover.js

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

package/dist/components/Progress/Progress.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("../../utils/cn.cjs");require("react");const m={sm:"bear-h-1.5",md:"bear-h-2.5",lg:"bear-h-4"},f={default:"bear-bg-pink-500",success:"bear-bg-green-500",warning:"bear-bg-yellow-500",danger:"bear-bg-red-500",info:"bear-bg-blue-500"},x=({value:n,max:b=100,size:l="md",color:o="default",showLabel:i=!1,labelPosition:d="outside",striped:r=!1,animated:c=!1,indeterminate:a=!1,className:g,testId:u})=>{const s=Math.min(100,Math.max(0,n/b*100));return e.jsxs("div",{className:t.cn("bear-w-full",g),"data-testid":u,children:[i&&d==="outside"&&e.jsxs("div",{className:"bear-flex bear-justify-between bear-mb-1",children:[e.jsx("span",{className:"bear-text-sm bear-font-medium bear-text-gray-700 dark:bear-text-gray-200",children:"Progress"}),e.jsxs("span",{className:"bear-text-sm bear-font-medium bear-text-gray-700 dark:bear-text-gray-200",children:[Math.round(s),"%"]})]}),e.jsx("div",{className:t.cn("bear-w-full bear-bg-gray-200 dark:bear-bg-gray-700 bear-rounded-full bear-overflow-hidden",m[l]),children:e.jsx("div",{className:t.cn("bear-h-full bear-rounded-full bear-transition-all bear-duration-300 bear-ease-out","bear-flex bear-items-center bear-justify-center",f[o],r&&"bear-bg-stripes",c&&"bear-animate-stripes",a&&"bear-animate-indeterminate"),style:{width:a?"50%":`${s}%`,backgroundSize:r?"1rem 1rem":void 0,backgroundImage:r?"linear-gradient(45deg, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent)":void 0},role:"progressbar","aria-valuenow":a?void 0:n,"aria-valuemin":0,"aria-valuemax":b,children:i&&d==="inside"&&l==="lg"&&!a&&e.jsxs("span",{className:"bear-text-xs bear-font-medium bear-text-white",children:[Math.round(s),"%"]})})})]})};exports.Progress=x;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("../../utils/cn.cjs");require("react");const m={sm:"bear-h-1.5",md:"bear-h-2.5",lg:"bear-h-4"},f={default:"bear-bg-bear-500",success:"bear-bg-green-500",warning:"bear-bg-amber-500",danger:"bear-bg-red-500",info:"bear-bg-blue-500"},x=({value:b,max:n=100,size:l="md",color:o="default",showLabel:i=!1,labelPosition:d="outside",striped:r=!1,animated:c=!1,indeterminate:a=!1,className:g,testId:u})=>{const s=Math.min(100,Math.max(0,b/n*100));return e.jsxs("div",{className:t.cn("bear-w-full",g),"data-testid":u,children:[i&&d==="outside"&&e.jsxs("div",{className:"bear-flex bear-justify-between bear-mb-1",children:[e.jsx("span",{className:"bear-text-sm bear-font-medium bear-text-gray-700 dark:bear-text-gray-200",children:"Progress"}),e.jsxs("span",{className:"bear-text-sm bear-font-medium bear-text-gray-700 dark:bear-text-gray-200",children:[Math.round(s),"%"]})]}),e.jsx("div",{className:t.cn("bear-w-full bear-bg-gray-200 dark:bear-bg-gray-700 bear-rounded-full bear-overflow-hidden",m[l]),children:e.jsx("div",{className:t.cn("bear-h-full bear-rounded-full bear-transition-all bear-duration-300 bear-ease-out","bear-flex bear-items-center bear-justify-center",f[o],r&&"bear-bg-stripes",c&&"bear-animate-stripes",a&&"bear-animate-indeterminate"),style:{width:a?"50%":`${s}%`,backgroundSize:r?"1rem 1rem":void 0,backgroundImage:r?"linear-gradient(45deg, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent)":void 0},role:"progressbar","aria-valuenow":a?void 0:b,"aria-valuemin":0,"aria-valuemax":n,children:i&&d==="inside"&&l==="lg"&&!a&&e.jsxs("span",{className:"bear-text-xs bear-font-medium bear-text-white",children:[Math.round(s),"%"]})})})]})};exports.Progress=x;