@forgedevstack/bear 1.0.6 → 1.0.7

package/dist/components/BottomSheet/BottomSheet.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("react"),N=require("react-dom"),f=require("../../utils/cn.cjs"),z=require("../Icon/index.cjs"),x=300,S={sm:"bear-max-h-[40%]",md:"bear-max-h-[60%]",lg:"bear-max-h-[80%]",full:"bear-max-h-[95%]"},k=({isOpen:b,onClose:s,title:n,children:h,size:y="md",showCloseButton:l=!0,closeOnBackdrop:v=!0,closeOnEscape:c=!0,showHandle:j=!0,className:g})=>{const[a,d]=r.useState(b),[u,o]=r.useState(!1),[p,m]=r.useState(!1);r.useEffect(()=>{if(b){d(!0),o(!1);const t=requestAnimationFrame(()=>m(!0));return()=>cancelAnimationFrame(t)}if(a){m(!1),o(!0);const t=setTimeout(()=>{d(!1),o(!1)},x);return()=>clearTimeout(t)}},[b,a]);const i=r.useCallback(t=>{c&&t.key==="Escape"&&s()},[c,s]);if(r.useEffect(()=>(a&&(document.addEventListener("keydown",i),document.body.style.overflow="hidden"),()=>{document.removeEventListener("keydown",i),document.body.style.overflow=""}),[a,i]),!a)return null;const w=e.jsxs("div",{className:"bear-fixed bear-inset-0 bear-z-50 bear-flex bear-items-end bear-justify-center",children:[e.jsx("div",{className:f.cn("bear-absolute bear-inset-0 bear-bg-black/60 bear-backdrop-blur-sm bear-transition-opacity",u?"bear-opacity-0":"bear-opacity-100"),style:{transitionDuration:`${x}ms`},onClick:v?s:void 0,"aria-hidden":"true"}),e.jsxs("div",{role:"dialog","aria-modal":"true","aria-labelledby":n?"bottom-sheet-title":void 0,className:f.cn("Bear-BottomSheet bear-relative bear-w-full bear-rounded-t-2xl bear-bg-zinc-900 bear-border-t bear-border-zinc-700 bear-shadow-2xl bear-overflow-hidden bear-transition-transform bear-duration-300",S[y],p&&!u?"bear-translate-y-0":"bear-translate-y-full",g),children:[j&&e.jsx("div",{className:"bear-flex bear-justify-center bear-pt-2 bear-pb-1",children:e.jsx("div",{className:"bear-w-12 bear-h-1 bear-rounded-full bear-bg-zinc-600","aria-hidden":!0})}),(n||l)&&e.jsxs("div",{className:"bear-flex bear-items-center bear-justify-between bear-px-4 bear-py-3 bear-border-b bear-border-zinc-700",children:[n&&e.jsx("h2",{id:"bottom-sheet-title",className:"bear-text-lg bear-font-semibold bear-text-white",children:n}),l&&e.jsx("button",{onClick:s,className:"bear-p-1 bear-rounded-lg bear-text-zinc-400 hover:bear-text-white hover:bear-bg-zinc-700 bear-transition-colors","aria-label":"Close",children:e.jsx(z.XIcon,{className:"bear-w-5 bear-h-5"})})]}),e.jsx("div",{className:"bear-flex-1 bear-overflow-y-auto bear-p-4 bear-text-zinc-300",children:h})]})]});return N.createPortal(w,document.body)};exports.BottomSheet=k;

package/dist/components/BottomSheet/BottomSheet.d.ts

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

package/dist/components/BottomSheet/BottomSheet.js

@@ -0,0 +1,102 @@
+import { jsxs as n, jsx as e } from "react/jsx-runtime";
+import { useState as l, useEffect as h, useCallback as j } from "react";
+import { createPortal as I } from "react-dom";
+import { cn as x } from "../../utils/cn.js";
+import { XIcon as A } from "../Icon/index.js";
+const y = 300, E = {
+  sm: "bear-max-h-[40%]",
+  md: "bear-max-h-[60%]",
+  lg: "bear-max-h-[80%]",
+  full: "bear-max-h-[95%]"
+}, F = ({
+  isOpen: o,
+  onClose: t,
+  title: b,
+  children: v,
+  size: p = "md",
+  showCloseButton: d = !0,
+  closeOnBackdrop: w = !0,
+  closeOnEscape: c = !0,
+  showHandle: N = !0,
+  className: g
+}) => {
+  const [r, m] = l(o), [u, s] = l(!1), [z, f] = l(!1);
+  h(() => {
+    if (o) {
+      m(!0), s(!1);
+      const a = requestAnimationFrame(() => f(!0));
+      return () => cancelAnimationFrame(a);
+    }
+    if (r) {
+      f(!1), s(!0);
+      const a = setTimeout(() => {
+        m(!1), s(!1);
+      }, y);
+      return () => clearTimeout(a);
+    }
+  }, [o, r]);
+  const i = j(
+    (a) => {
+      c && a.key === "Escape" && t();
+    },
+    [c, t]
+  );
+  if (h(() => (r && (document.addEventListener("keydown", i), document.body.style.overflow = "hidden"), () => {
+    document.removeEventListener("keydown", i), document.body.style.overflow = "";
+  }), [r, i]), !r) return null;
+  const k = /* @__PURE__ */ n("div", { className: "bear-fixed bear-inset-0 bear-z-50 bear-flex bear-items-end bear-justify-center", children: [
+    /* @__PURE__ */ e(
+      "div",
+      {
+        className: x(
+          "bear-absolute bear-inset-0 bear-bg-black/60 bear-backdrop-blur-sm bear-transition-opacity",
+          u ? "bear-opacity-0" : "bear-opacity-100"
+        ),
+        style: { transitionDuration: `${y}ms` },
+        onClick: w ? t : void 0,
+        "aria-hidden": "true"
+      }
+    ),
+    /* @__PURE__ */ n(
+      "div",
+      {
+        role: "dialog",
+        "aria-modal": "true",
+        "aria-labelledby": b ? "bottom-sheet-title" : void 0,
+        className: x(
+          "Bear-BottomSheet bear-relative bear-w-full bear-rounded-t-2xl bear-bg-zinc-900 bear-border-t bear-border-zinc-700 bear-shadow-2xl bear-overflow-hidden bear-transition-transform bear-duration-300",
+          E[p],
+          z && !u ? "bear-translate-y-0" : "bear-translate-y-full",
+          g
+        ),
+        children: [
+          N && /* @__PURE__ */ e("div", { className: "bear-flex bear-justify-center bear-pt-2 bear-pb-1", children: /* @__PURE__ */ e("div", { className: "bear-w-12 bear-h-1 bear-rounded-full bear-bg-zinc-600", "aria-hidden": !0 }) }),
+          (b || d) && /* @__PURE__ */ n("div", { className: "bear-flex bear-items-center bear-justify-between bear-px-4 bear-py-3 bear-border-b bear-border-zinc-700", children: [
+            b && /* @__PURE__ */ e(
+              "h2",
+              {
+                id: "bottom-sheet-title",
+                className: "bear-text-lg bear-font-semibold bear-text-white",
+                children: b
+              }
+            ),
+            d && /* @__PURE__ */ e(
+              "button",
+              {
+                onClick: t,
+                className: "bear-p-1 bear-rounded-lg bear-text-zinc-400 hover:bear-text-white hover:bear-bg-zinc-700 bear-transition-colors",
+                "aria-label": "Close",
+                children: /* @__PURE__ */ e(A, { className: "bear-w-5 bear-h-5" })
+              }
+            )
+          ] }),
+          /* @__PURE__ */ e("div", { className: "bear-flex-1 bear-overflow-y-auto bear-p-4 bear-text-zinc-300", children: v })
+        ]
+      }
+    )
+  ] });
+  return I(k, document.body);
+};
+export {
+  F as BottomSheet
+};

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

@@ -0,0 +1,13 @@
+import { ReactNode } from 'react';
+export interface BottomSheetProps {
+    isOpen: boolean;
+    onClose: () => void;
+    title?: ReactNode;
+    children: ReactNode;
+    size?: 'sm' | 'md' | 'lg' | 'full';
+    showCloseButton?: boolean;
+    closeOnBackdrop?: boolean;
+    closeOnEscape?: boolean;
+    showHandle?: boolean;
+    className?: string;
+}

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

@@ -0,0 +1,2 @@
+export { BottomSheet } from './BottomSheet';
+export type { BottomSheetProps } from './BottomSheet.types';

package/dist/components/Button/Button.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),N=require("react"),i=require("../../utils/cn.cjs"),j=require("../Spinner/Spinner.cjs"),g=require("../../hooks/useBearStyles.cjs"),l=require("./Button.constants.cjs"),o=N.forwardRef((c,u)=>{const{variant:b="primary",size:n="md",loading:t=!1,fullWidth:d=!1,leftIcon:r,rightIcon:s,disabled:B,className:m,children:_,testId:f,bis:x,style:h,...p}=c,y=B||t,a=g.useBearStyles(x,h);return e.jsxs("button",{ref:u,disabled:y,style:Object.keys(a).length?a:void 0,className:i.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",l.BUTTON_SIZE[n],l.BUTTON_VARIANT[b],d&&"bear-w-full",t&&"bear-cursor-wait",m),"data-testid":f,...p,children:[t&&e.jsx(j.Spinner,{size:n==="xs"?"xs":"sm",className:"Bear-Button__spinner bear-absolute"}),e.jsxs("span",{className:i.cn("Bear-Button__content bear-inline-flex bear-items-center bear-gap-inherit",t&&"bear-invisible"),children:[r&&e.jsx("span",{className:"Bear-Button__icon Bear-Button__icon--left bear-inline-flex bear-shrink-0",children:r}),e.jsx("span",{className:"Bear-Button__text",children:_}),s&&e.jsx("span",{className:"Bear-Button__icon Bear-Button__icon--right bear-inline-flex bear-shrink-0",children:s})]})]})});o.displayName="Button";exports.Button=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),S=require("react"),l=require("../../utils/cn.cjs"),q=require("../Spinner/Spinner.cjs"),v=require("../../hooks/useBearStyles.cjs"),c=require("./Button.constants.cjs"),u=S.forwardRef((b,d)=>{const{variant:B="primary",size:r="md",loading:t=!1,fullWidth:f=!1,icon:n,iconPosition:s="left",leftIcon:m,rightIcon:_,disabled:h,className:x,children:p,testId:g,bis:y,style:N,...j}=b,I=h||t,a=v.useBearStyles(y,N),i=m??(n&&s==="left"?n:void 0),o=_??(n&&s==="right"?n:void 0);return e.jsxs("button",{ref:d,disabled:I,style:Object.keys(a).length?a:void 0,className:l.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",c.BUTTON_SIZE[r],c.BUTTON_VARIANT[B],f&&"bear-w-full",t&&"bear-cursor-wait",x),"data-testid":g,...j,children:[t&&e.jsx(q.Spinner,{size:r==="xs"?"xs":"sm",className:"Bear-Button__spinner bear-absolute"}),e.jsxs("span",{className:l.cn("Bear-Button__content bear-inline-flex bear-items-center bear-gap-inherit",t&&"bear-invisible"),children:[i&&e.jsx("span",{className:"Bear-Button__icon Bear-Button__icon--left bear-inline-flex bear-shrink-0",children:i}),e.jsx("span",{className:"Bear-Button__text",children:p}),o&&e.jsx("span",{className:"Bear-Button__icon Bear-Button__icon--right bear-inline-flex bear-shrink-0",children:o})]})]})});u.displayName="Button";exports.Button=u;

package/dist/components/Button/Button.js

@@ -1,56 +1,58 @@
-import { jsxs as s, jsx as r } from "react/jsx-runtime";
-import { forwardRef as x } from "react";
-import { cn as o } from "../../utils/cn.js";
-import { Spinner as y } from "../Spinner/Spinner.js";
-import { useBearStyles as g } from "../../hooks/useBearStyles.js";
-import { BUTTON_VARIANT as I, BUTTON_SIZE as T } from "./Button.constants.js";
-const j = x(
-  (l, c) => {
+import { jsxs as l, jsx as r } from "react/jsx-runtime";
+import { forwardRef as v } from "react";
+import { cn as c } from "../../utils/cn.js";
+import { Spinner as T } from "../Spinner/Spinner.js";
+import { useBearStyles as j } from "../../hooks/useBearStyles.js";
+import { BUTTON_VARIANT as S, BUTTON_SIZE as k } from "./Button.constants.js";
+const w = v(
+  (m, b) => {
     const {
-      variant: m = "primary",
-      size: t = "md",
+      variant: d = "primary",
+      size: n = "md",
       loading: e = !1,
-      fullWidth: b = !1,
-      leftIcon: a,
-      rightIcon: n,
-      disabled: d,
-      className: u,
-      children: B,
-      testId: f,
-      bis: p,
-      style: _,
-      ...h
-    } = l, N = d || e, i = g(p, _);
-    return /* @__PURE__ */ s(
+      fullWidth: f = !1,
+      icon: t,
+      iconPosition: a = "left",
+      leftIcon: u,
+      rightIcon: B,
+      disabled: p,
+      className: _,
+      children: h,
+      testId: N,
+      bis: g,
+      style: x,
+      ...I
+    } = m, y = p || e, i = j(g, x), o = u ?? (t && a === "left" ? t : void 0), s = B ?? (t && a === "right" ? t : void 0);
+    return /* @__PURE__ */ l(
       "button",
       {
-        ref: c,
-        disabled: N,
+        ref: b,
+        disabled: y,
         style: Object.keys(i).length ? i : void 0,
-        className: o(
+        className: c(
           "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",
-          T[t],
-          I[m],
-          b && "bear-w-full",
+          k[n],
+          S[d],
+          f && "bear-w-full",
           e && "bear-cursor-wait",
-          u
+          _
         ),
-        "data-testid": f,
-        ...h,
+        "data-testid": N,
+        ...I,
         children: [
-          e && /* @__PURE__ */ r(y, { size: t === "xs" ? "xs" : "sm", className: "Bear-Button__spinner bear-absolute" }),
-          /* @__PURE__ */ s("span", { className: o("Bear-Button__content bear-inline-flex bear-items-center bear-gap-inherit", e && "bear-invisible"), children: [
-            a && /* @__PURE__ */ r("span", { className: "Bear-Button__icon Bear-Button__icon--left bear-inline-flex bear-shrink-0", children: a }),
-            /* @__PURE__ */ r("span", { className: "Bear-Button__text", children: B }),
-            n && /* @__PURE__ */ r("span", { className: "Bear-Button__icon Bear-Button__icon--right bear-inline-flex bear-shrink-0", children: n })
+          e && /* @__PURE__ */ r(T, { size: n === "xs" ? "xs" : "sm", className: "Bear-Button__spinner bear-absolute" }),
+          /* @__PURE__ */ l("span", { className: c("Bear-Button__content bear-inline-flex bear-items-center bear-gap-inherit", e && "bear-invisible"), children: [
+            o && /* @__PURE__ */ r("span", { className: "Bear-Button__icon Bear-Button__icon--left bear-inline-flex bear-shrink-0", children: o }),
+            /* @__PURE__ */ r("span", { className: "Bear-Button__text", children: h }),
+            s && /* @__PURE__ */ r("span", { className: "Bear-Button__icon Bear-Button__icon--right bear-inline-flex bear-shrink-0", children: s })
           ] })
         ]
       }
     );
   }
 );
-j.displayName = "Button";
+w.displayName = "Button";
 export {
-  j as Button
+  w as Button
 };

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

@@ -10,6 +10,10 @@ export interface ButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement
     loading?: boolean;
     /** Whether button takes full width */
     fullWidth?: boolean;
+    /** Icon (shorthand for leftIcon or rightIcon based on iconPosition) */
+    icon?: ReactNode;
+    /** Position of icon when using icon prop (default: left) */
+    iconPosition?: 'left' | 'right';
     /** Icon to show before text */
     leftIcon?: ReactNode;
     /** Icon to show after text */

package/dist/components/EmojiPicker/EmojiPicker.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),x=require("react"),t=require("../../utils/cn.cjs"),s=require("./EmojiPicker.const.cjs"),u={sm:"bear-w-8 bear-h-8 bear-text-lg",md:"bear-w-10 bear-h-10 bear-text-xl",lg:"bear-w-12 bear-h-12 bear-text-2xl"},i=Object.keys(s.BEAR_EMOJIS),y=({onSelect:a,size:n="md",maxHeight:b=280,className:c})=>{const[o,d]=x.useState(i[0]),g=s.BEAR_EMOJIS[o]??[];return r.jsxs("div",{className:t.cn("Bear-EmojiPicker bear-flex bear-flex-col bear-rounded-lg bear-bg-white dark:bear-bg-zinc-800 bear-border bear-border-gray-200 dark:bear-border-zinc-700 bear-shadow-lg bear-overflow-hidden",c),children:[r.jsx("div",{className:"bear-flex bear-gap-1 bear-p-2 bear-border-b bear-border-gray-200 dark:bear-border-zinc-700 bear-overflow-x-auto",children:i.map(e=>r.jsx("button",{type:"button",onClick:()=>d(e),className:t.cn("bear-px-3 bear-py-1.5 bear-rounded-md bear-text-sm bear-font-medium bear-transition-colors bear-shrink-0",o===e?"bear-bg-gray-200 dark:bear-bg-zinc-700 bear-text-gray-900 dark:bear-text-white":"bear-text-gray-600 dark:bear-text-zinc-400 hover:bear-text-gray-900 dark:hover:bear-text-white hover:bear-bg-gray-100 dark:hover:bear-bg-zinc-700/50"),children:e},e))}),r.jsx("div",{className:"bear-p-2 bear-overflow-y-auto bear-grid bear-grid-cols-8 bear-gap-1 bear-bg-gray-50 dark:bear-bg-zinc-900/50",style:{maxHeight:typeof b=="number"?`${b}px`:b},children:g.map((e,l)=>r.jsx("button",{type:"button",onClick:()=>a==null?void 0:a(e),className:t.cn("bear-flex bear-items-center bear-justify-center bear-rounded-lg bear-transition-colors hover:bear-bg-gray-200 dark:hover:bear-bg-zinc-700",u[n]),children:e},`${e}-${l}`))})]})};exports.EmojiPicker=y;

package/dist/components/EmojiPicker/EmojiPicker.const.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={Smileys:["😀","😃","😄","😁","😊","🙂","😉","😍","🥰","😘","😗","😙","😚","😋","😛","😜","🤪","😝","🤑","🤗","🤭","🤫","🤔","🤐","🤨","😐","😑","😶","😏","😒"],Gestures:["👍","👎","👌","✌️","🤞","🤟","🤘","🤙","👈","👉","👆","👇","☝️","✋","🤚","🖐️","🖖","👋","🤝","🙌","👏","🙏"],Symbols:["❤️","🧡","💛","💚","💙","💜","🖤","🤍","🤎","💔","❣️","💕","💞","💓","💗","💖","💘","💝","✨","⭐","🌟","💫","🔥","💯","✅","❌","⚠️","📌"],Objects:["📝","📋","📁","📂","📅","📆","📎","🖇️","📌","✏️","🖊️","🖍️","📧","📬","📭","💡","🔔","🔕"],Nature:["🌸","🌺","🌻","🌼","🌷","🌹","🥀","🪷","🌱","🪴","🌲","🌳","🍀","🍁","🍂","🍃","☀️","🌤️","⛅","🌥️","🌈","⭐","🌙"]};exports.BEAR_EMOJIS=e;

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

@@ -0,0 +1,5 @@
+/**
+ * Curated Bear emoji set - commonly used emojis for chat, comments, reactions.
+ * Unicode emoji characters.
+ */
+export declare const BEAR_EMOJIS: Record<string, string[]>;

package/dist/components/EmojiPicker/EmojiPicker.const.js

@@ -0,0 +1,10 @@
+const e = {
+  Smileys: ["😀", "😃", "😄", "😁", "😊", "🙂", "😉", "😍", "🥰", "😘", "😗", "😙", "😚", "😋", "😛", "😜", "🤪", "😝", "🤑", "🤗", "🤭", "🤫", "🤔", "🤐", "🤨", "😐", "😑", "😶", "😏", "😒"],
+  Gestures: ["👍", "👎", "👌", "✌️", "🤞", "🤟", "🤘", "🤙", "👈", "👉", "👆", "👇", "☝️", "✋", "🤚", "🖐️", "🖖", "👋", "🤝", "🙌", "👏", "🙏"],
+  Symbols: ["❤️", "🧡", "💛", "💚", "💙", "💜", "🖤", "🤍", "🤎", "💔", "❣️", "💕", "💞", "💓", "💗", "💖", "💘", "💝", "✨", "⭐", "🌟", "💫", "🔥", "💯", "✅", "❌", "⚠️", "📌"],
+  Objects: ["📝", "📋", "📁", "📂", "📅", "📆", "📎", "🖇️", "📌", "✏️", "🖊️", "🖍️", "📧", "📬", "📭", "💡", "🔔", "🔕"],
+  Nature: ["🌸", "🌺", "🌻", "🌼", "🌷", "🌹", "🥀", "🪷", "🌱", "🪴", "🌲", "🌳", "🍀", "🍁", "🍂", "🍃", "☀️", "🌤️", "⛅", "🌥️", "🌈", "⭐", "🌙"]
+};
+export {
+  e as BEAR_EMOJIS
+};

package/dist/components/EmojiPicker/EmojiPicker.d.ts

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

package/dist/components/EmojiPicker/EmojiPicker.js

@@ -0,0 +1,63 @@
+import { jsxs as m, jsx as e } from "react/jsx-runtime";
+import { useState as x } from "react";
+import { cn as t } from "../../utils/cn.js";
+import { BEAR_EMOJIS as d } from "./EmojiPicker.const.js";
+const h = {
+  sm: "bear-w-8 bear-h-8 bear-text-lg",
+  md: "bear-w-10 bear-h-10 bear-text-xl",
+  lg: "bear-w-12 bear-h-12 bear-text-2xl"
+}, i = Object.keys(d), u = ({
+  onSelect: a,
+  size: s = "md",
+  maxHeight: b = 280,
+  className: n
+}) => {
+  const [o, c] = x(i[0]), g = d[o] ?? [];
+  return /* @__PURE__ */ m(
+    "div",
+    {
+      className: t(
+        "Bear-EmojiPicker bear-flex bear-flex-col bear-rounded-lg bear-bg-white dark:bear-bg-zinc-800 bear-border bear-border-gray-200 dark:bear-border-zinc-700 bear-shadow-lg bear-overflow-hidden",
+        n
+      ),
+      children: [
+        /* @__PURE__ */ e("div", { className: "bear-flex bear-gap-1 bear-p-2 bear-border-b bear-border-gray-200 dark:bear-border-zinc-700 bear-overflow-x-auto", children: i.map((r) => /* @__PURE__ */ e(
+          "button",
+          {
+            type: "button",
+            onClick: () => c(r),
+            className: t(
+              "bear-px-3 bear-py-1.5 bear-rounded-md bear-text-sm bear-font-medium bear-transition-colors bear-shrink-0",
+              o === r ? "bear-bg-gray-200 dark:bear-bg-zinc-700 bear-text-gray-900 dark:bear-text-white" : "bear-text-gray-600 dark:bear-text-zinc-400 hover:bear-text-gray-900 dark:hover:bear-text-white hover:bear-bg-gray-100 dark:hover:bear-bg-zinc-700/50"
+            ),
+            children: r
+          },
+          r
+        )) }),
+        /* @__PURE__ */ e(
+          "div",
+          {
+            className: "bear-p-2 bear-overflow-y-auto bear-grid bear-grid-cols-8 bear-gap-1 bear-bg-gray-50 dark:bear-bg-zinc-900/50",
+            style: { maxHeight: typeof b == "number" ? `${b}px` : b },
+            children: g.map((r, l) => /* @__PURE__ */ e(
+              "button",
+              {
+                type: "button",
+                onClick: () => a == null ? void 0 : a(r),
+                className: t(
+                  "bear-flex bear-items-center bear-justify-center bear-rounded-lg bear-transition-colors hover:bear-bg-gray-200 dark:hover:bear-bg-zinc-700",
+                  h[s]
+                ),
+                children: r
+              },
+              `${r}-${l}`
+            ))
+          }
+        )
+      ]
+    }
+  );
+};
+export {
+  u as EmojiPicker
+};

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

@@ -0,0 +1,6 @@
+export interface EmojiPickerProps {
+    onSelect?: (emoji: string) => void;
+    size?: 'sm' | 'md' | 'lg';
+    maxHeight?: string | number;
+    className?: string;
+}

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

@@ -0,0 +1,3 @@
+export { EmojiPicker } from './EmojiPicker';
+export { BEAR_EMOJIS } from './EmojiPicker.const';
+export type { EmojiPickerProps } from './EmojiPicker.types';

package/dist/components/Kanban/Kanban.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),K=require("react"),m=require("../../utils/cn.cjs");require("../../context/BearProvider.cjs");const P=require("../../hooks/useDragDrop/useDragDrop.cjs"),S="bear-kanban",$=({columns:n,onColumnsChange:o,onCardMove:p,renderCard:h,renderColumnHeader:u,disabled:y=!1,className:v})=>{const w=K.useCallback((r,e,i,b,d)=>{const l=n.find(a=>a.id===r),s=n.find(a=>a.id===e);if(!l||!s)return;const f=n.map(a=>{if(a.id===r){const c=a.cards.filter((x,g)=>g!==i);return{...a,cards:c}}if(a.id===e){const c=r===e&&i<b?b-1:b,x=[...a.cards];return x.splice(Math.max(0,c),0,d),{...a,cards:x}}return a});o==null||o(f),p==null||p(d.id,r,e,i,b)},[n,o,p]),{getDragProps:N,getDropProps:j,isDragging:_,draggedId:z,dragOverId:k}=P.useDragDrop({disabled:y,dragType:S,onDrop:(r,e,i,b,d)=>{var D;const l=String(r),s=String(e),f=l.split("-")[0],a=parseInt(l.split("-")[1],10)||0,c=s.endsWith("-col")?s.replace("-col",""):s.split("-")[0],x=s.endsWith("-col")?((D=n.find(q=>q.id===c))==null?void 0:D.cards.length)??0:parseInt(s.split("-")[1],10),g=d;g!=null&&g.id&&w(f,c,a,x,g)}});return t.jsx("div",{className:m.cn("Bear-Kanban bear-flex bear-gap-4 bear-overflow-x-auto bear-pb-4",y&&"bear-opacity-50 bear-pointer-events-none",v),children:n.map(r=>t.jsxs("div",{...j(`${r.id}-col`,r,0),className:m.cn("Bear-Kanban__column bear-flex-shrink-0 bear-w-72 bear-flex bear-flex-col bear-rounded-lg bear-bg-gray-100 dark:bear-bg-zinc-800/80 bear-border bear-border-gray-200 dark:bear-border-zinc-700 bear-transition-colors",k===`${r.id}-col`&&"bear-border-bear-500 bear-bg-bear-500/5"),children:[t.jsx("div",{className:"bear-px-4 bear-py-3 bear-border-b bear-border-gray-200 dark:bear-border-zinc-700",children:u?u(r):t.jsx("h3",{className:"bear-text-sm bear-font-semibold bear-text-gray-900 dark:bear-text-white",children:r.title})}),t.jsx("div",{className:"bear-flex-1 bear-flex bear-flex-col bear-gap-2 bear-p-3 bear-min-h-[120px]",children:r.cards.map((e,i)=>{const b=`${r.id}-${i}`,d=_&&z===b;return t.jsx("div",{...j(b,e,i),...N(b,e,i),className:m.cn("Bear-Kanban__card bear-rounded-lg bear-bg-white dark:bear-bg-zinc-700/80 bear-border bear-border-gray-200 dark:bear-border-zinc-600 bear-p-3 bear-cursor-grab active:bear-cursor-grabbing bear-transition-all bear-shadow-sm",d&&"bear-opacity-50 bear-scale-95",k===b&&"bear-border-bear-500 bear-bg-bear-500/10"),children:h?h(e,r.id):t.jsxs(t.Fragment,{children:[t.jsx("div",{className:"bear-font-medium bear-text-gray-900 dark:bear-text-white",children:e.title}),e.description&&t.jsx("div",{className:"bear-text-sm bear-text-gray-600 dark:bear-text-zinc-400 bear-mt-1",children:e.description}),e.meta&&t.jsx("div",{className:"bear-text-xs bear-text-gray-500 dark:bear-text-zinc-500 bear-mt-2",children:e.meta})]})},e.id)})})]},r.id))})};exports.Kanban=$;

package/dist/components/Kanban/Kanban.d.ts

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

package/dist/components/Kanban/Kanban.js

@@ -0,0 +1,90 @@
+import { jsx as i, jsxs as D, Fragment as B } from "react/jsx-runtime";
+import { useCallback as I } from "react";
+import { cn as f } from "../../utils/cn.js";
+import "../../context/BearProvider.js";
+import { useDragDrop as P } from "../../hooks/useDragDrop/useDragDrop.js";
+const S = "bear-kanban", O = ({
+  columns: d,
+  onColumnsChange: o,
+  onCardMove: l,
+  renderCard: h,
+  renderColumnHeader: k,
+  disabled: y = !1,
+  className: _
+}) => {
+  const z = I(
+    (r, e, t, b, n) => {
+      const x = d.find((a) => a.id === r), s = d.find((a) => a.id === e);
+      if (!x || !s) return;
+      const m = d.map((a) => {
+        if (a.id === r) {
+          const c = a.cards.filter((g, p) => p !== t);
+          return { ...a, cards: c };
+        }
+        if (a.id === e) {
+          const c = r === e && t < b ? b - 1 : b, g = [...a.cards];
+          return g.splice(Math.max(0, c), 0, n), { ...a, cards: g };
+        }
+        return a;
+      });
+      o == null || o(m), l == null || l(n.id, r, e, t, b);
+    },
+    [d, o, l]
+  ), { getDragProps: u, getDropProps: w, isDragging: K, draggedId: $, dragOverId: N } = P({
+    disabled: y,
+    dragType: S,
+    onDrop: (r, e, t, b, n) => {
+      var v;
+      const x = String(r), s = String(e), m = x.split("-")[0], a = parseInt(x.split("-")[1], 10) || 0, c = s.endsWith("-col") ? s.replace("-col", "") : s.split("-")[0], g = s.endsWith("-col") ? ((v = d.find((j) => j.id === c)) == null ? void 0 : v.cards.length) ?? 0 : parseInt(s.split("-")[1], 10), p = n;
+      p != null && p.id && z(m, c, a, g, p);
+    }
+  });
+  return /* @__PURE__ */ i(
+    "div",
+    {
+      className: f(
+        "Bear-Kanban bear-flex bear-gap-4 bear-overflow-x-auto bear-pb-4",
+        y && "bear-opacity-50 bear-pointer-events-none",
+        _
+      ),
+      children: d.map((r) => /* @__PURE__ */ D(
+        "div",
+        {
+          ...w(`${r.id}-col`, r, 0),
+          className: f(
+            "Bear-Kanban__column bear-flex-shrink-0 bear-w-72 bear-flex bear-flex-col bear-rounded-lg bear-bg-gray-100 dark:bear-bg-zinc-800/80 bear-border bear-border-gray-200 dark:bear-border-zinc-700 bear-transition-colors",
+            N === `${r.id}-col` && "bear-border-bear-500 bear-bg-bear-500/5"
+          ),
+          children: [
+            /* @__PURE__ */ i("div", { className: "bear-px-4 bear-py-3 bear-border-b bear-border-gray-200 dark:bear-border-zinc-700", children: k ? k(r) : /* @__PURE__ */ i("h3", { className: "bear-text-sm bear-font-semibold bear-text-gray-900 dark:bear-text-white", children: r.title }) }),
+            /* @__PURE__ */ i("div", { className: "bear-flex-1 bear-flex bear-flex-col bear-gap-2 bear-p-3 bear-min-h-[120px]", children: r.cards.map((e, t) => {
+              const b = `${r.id}-${t}`, n = K && $ === b;
+              return /* @__PURE__ */ i(
+                "div",
+                {
+                  ...w(b, e, t),
+                  ...u(b, e, t),
+                  className: f(
+                    "Bear-Kanban__card bear-rounded-lg bear-bg-white dark:bear-bg-zinc-700/80 bear-border bear-border-gray-200 dark:bear-border-zinc-600 bear-p-3 bear-cursor-grab active:bear-cursor-grabbing bear-transition-all bear-shadow-sm",
+                    n && "bear-opacity-50 bear-scale-95",
+                    N === b && "bear-border-bear-500 bear-bg-bear-500/10"
+                  ),
+                  children: h ? h(e, r.id) : /* @__PURE__ */ D(B, { children: [
+                    /* @__PURE__ */ i("div", { className: "bear-font-medium bear-text-gray-900 dark:bear-text-white", children: e.title }),
+                    e.description && /* @__PURE__ */ i("div", { className: "bear-text-sm bear-text-gray-600 dark:bear-text-zinc-400 bear-mt-1", children: e.description }),
+                    e.meta && /* @__PURE__ */ i("div", { className: "bear-text-xs bear-text-gray-500 dark:bear-text-zinc-500 bear-mt-2", children: e.meta })
+                  ] })
+                },
+                e.id
+              );
+            }) })
+          ]
+        },
+        r.id
+      ))
+    }
+  );
+};
+export {
+  O as Kanban
+};

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

@@ -0,0 +1,21 @@
+import { ReactNode } from 'react';
+export interface KanbanCard {
+    id: string;
+    title: ReactNode;
+    description?: ReactNode;
+    meta?: ReactNode;
+}
+export interface KanbanColumn {
+    id: string;
+    title: ReactNode;
+    cards: KanbanCard[];
+}
+export interface KanbanProps {
+    columns: KanbanColumn[];
+    onColumnsChange?: (columns: KanbanColumn[]) => void;
+    onCardMove?: (cardId: string, fromColumnId: string, toColumnId: string, fromIndex: number, toIndex: number) => void;
+    renderCard?: (card: KanbanCard, columnId: string) => ReactNode;
+    renderColumnHeader?: (column: KanbanColumn) => ReactNode;
+    disabled?: boolean;
+    className?: string;
+}

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

@@ -0,0 +1,2 @@
+export { Kanban } from './Kanban';
+export type { KanbanProps, KanbanColumn, KanbanCard } from './Kanban.types';

package/dist/components/MentionsInput/MentionsInput.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),t=require("react"),v=require("../../utils/cn.cjs"),P={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"},U=(u,g)=>{const a=g.toLowerCase();return u.filter(l=>l.value.toLowerCase().includes(a)||String(l.label).toLowerCase().includes(a))},V=({value:u,defaultValue:g="",onChange:a,onMentionSelect:l,options:S,trigger:c="@",placeholder:D="Type @ to mention...",disabled:k=!1,maxSuggestions:L=5,filterOptions:M=U,size:N="md",fullWidth:T=!1,className:$})=>{const[A,q]=t.useState(g),[d,K]=t.useState(""),[Q,x]=t.useState(!1),[b,h]=t.useState(0),[p,B]=t.useState(null),y=t.useRef(null),z=t.useRef(null),w=t.useRef(null),n=u??A,i=M(S,d).slice(0,L),E=Q&&d.length>=0,I=t.useCallback(()=>{const e=n.lastIndexOf(c);if(e===-1)return{query:"",start:null};const r=n.slice(e+c.length),s=r.indexOf(" ");return{query:s===-1?r:r.slice(0,s),start:e}},[n,c]);t.useEffect(()=>{const{query:e,start:r}=I();K(e),B(r),x(r!==null&&!e.includes(" "))},[n,I]),t.useEffect(()=>{h(0)},[d]),t.useEffect(()=>{if(b>=0&&w.current){const e=w.current.children[b];e==null||e.scrollIntoView({block:"nearest"})}},[b]),t.useEffect(()=>{const e=r=>{y.current&&!y.current.contains(r.target)&&x(!1)};return document.addEventListener("mousedown",e),()=>document.removeEventListener("mousedown",e)},[]);const R=e=>{const r=new RegExp(`${c}(\\w+)`,"g"),s=[];let f;for(;(f=r.exec(e))!==null;)s.push(f[1]);return[...new Set(s)]},F=e=>{const r=e.target.value;u===void 0&&q(r),a==null||a(r,R(r))},j=e=>{var O;if(p==null)return;const r=n.slice(0,p),s=n.slice(p+c.length+d.length),f=`${c}${e.value}`,m=r+f+" "+s;u===void 0&&q(m),a==null||a(m,R(m)),l==null||l(e),x(!1),(O=z.current)==null||O.focus()},H=e=>{if(!(!E||i.length===0)){if(e.key==="ArrowDown"){e.preventDefault(),h(r=>Math.min(r+1,i.length-1));return}if(e.key==="ArrowUp"){e.preventDefault(),h(r=>Math.max(r-1,0));return}if(e.key==="Enter"||e.key==="Tab"){e.preventDefault();const r=i[b];r&&j(r);return}e.key==="Escape"&&x(!1)}};return o.jsxs("div",{ref:y,className:v.cn("Bear-MentionsInput bear-relative",T&&"bear-w-full",$),children:[o.jsx("input",{ref:z,type:"text",value:n,onChange:F,onKeyDown:H,placeholder:D,disabled:k,className:v.cn("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",k&&"bear-opacity-50 bear-cursor-not-allowed",P[N])}),E&&i.length>0&&o.jsx("div",{ref:w,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:i.map((e,r)=>o.jsxs("button",{type:"button",className:v.cn("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===b&&"bear-bg-gray-100 dark:bear-bg-zinc-700"),onMouseEnter:()=>h(r),onClick:()=>j(e),children:[e.avatar&&o.jsx("span",{className:"bear-shrink-0",children:e.avatar}),o.jsx("span",{children:e.label})]},e.value))})]})};exports.MentionsInput=V;

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

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