@forgedevstack/bear 1.0.6 → 1.0.8

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

@@ -0,0 +1,50 @@
+export interface ConfettiPiece {
+    id: number;
+    x: number;
+    y: number;
+    rotation: number;
+    color: string;
+    size: number;
+    velocity: {
+        x: number;
+        y: number;
+    };
+    rotationSpeed: number;
+    shape: 'square' | 'circle' | 'triangle';
+}
+export interface ConfettiProps {
+    /** Whether confetti is active */
+    active?: boolean;
+    /** Number of confetti pieces */
+    count?: number;
+    /** Duration in ms before confetti disappears */
+    duration?: number;
+    /** Custom colors array */
+    colors?: string[];
+    /** Confetti origin x position (0-1) */
+    originX?: number;
+    /** Confetti origin y position (0-1) */
+    originY?: number;
+    /** Spread angle in degrees */
+    spread?: number;
+    /** Initial velocity */
+    velocity?: number;
+    /** Gravity effect */
+    gravity?: number;
+    /** Whether to auto-hide after duration */
+    autoHide?: boolean;
+    /** Callback when animation completes */
+    onComplete?: () => void;
+    /** Custom class name */
+    className?: string;
+    /** Test ID */
+    testId?: string;
+}
+export interface UseConfettiReturn {
+    /** Fire confetti */
+    fire: () => void;
+    /** Stop confetti */
+    stop: () => void;
+    /** Whether confetti is active */
+    isActive: boolean;
+}

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

@@ -0,0 +1,4 @@
+export { Confetti, default } from './Confetti';
+export { useConfetti } from './useConfetti';
+export * from './Confetti.types';
+export * from './Confetti.const';

package/dist/components/Confetti/useConfetti.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),u=()=>{const[s,t]=e.useState(!1),c=e.useCallback(()=>{t(!0)},[]),o=e.useCallback(()=>{t(!1)},[]);return{fire:c,stop:o,isActive:s}};exports.useConfetti=u;

package/dist/components/Confetti/useConfetti.d.ts

@@ -0,0 +1,13 @@
+import { UseConfettiReturn } from './Confetti.types';
+/**
+ * useConfetti - Hook to control confetti programmatically
+ *
+ * @example
+ * ```tsx
+ * const { fire, stop, isActive } = useConfetti();
+ *
+ * <Confetti active={isActive} onComplete={stop} />
+ * <Button onClick={fire}>Celebrate!</Button>
+ * ```
+ */
+export declare const useConfetti: () => UseConfettiReturn;

package/dist/components/Confetti/useConfetti.js

@@ -0,0 +1,12 @@
+import { useState as r, useCallback as e } from "react";
+const n = () => {
+  const [s, t] = r(!1), o = e(() => {
+    t(!0);
+  }, []), c = e(() => {
+    t(!1);
+  }, []);
+  return { fire: o, stop: c, isActive: s };
+};
+export {
+  n as useConfetti
+};

package/dist/components/DatePicker/DatePicker.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),a=require("react"),J=require("react-dom"),K=require("../Calendar/Calendar.cjs"),D=require("../../utils/cn.cjs"),Q=require("../../hooks/useBearStyles.cjs"),U=require("./DatePicker.utils.cjs"),X=({value:c,onChange:t,minDate:y,maxDate:j,disabled:b=!1,placeholder:z="Select date",label:p,error:o,helperText:m,format:B="MM/DD/YYYY",clearable:P=!0,className:_,style:h,bis:v,showWeekNumbers:S=!1,disabledDates:N=[],highlightedDates:g=[],slots:q,weekdayLabels:R,firstDayOfWeek:V=0,size:H="md",variant:M="default",icon:O})=>{const[i,n]=a.useState(!1),[E,L]=a.useState(c??new Date),[x,Y]=a.useState({top:0,left:0}),k=a.useRef(null),d=a.useRef(null),w=Q.useBearStyles(v,h);a.useEffect(()=>{if(i&&d.current){const e=d.current.getBoundingClientRect(),l=8,s=360,G=window.innerHeight-e.bottom<s&&e.top>s;Y({top:G?e.top-s-l:e.bottom+l,left:e.left})}},[i]),a.useEffect(()=>{const e=l=>{var u,f;const s=l.target;(u=k.current)!=null&&u.contains(s)||(f=s.closest)!=null&&f.call(s,"[data-bear-datepicker-calendar]")||n(!1)};return document.addEventListener("mousedown",e),()=>document.removeEventListener("mousedown",e)},[]);const T=a.useCallback(e=>{t==null||t(e),n(!1)},[t]),A=a.useCallback(()=>{t==null||t(null),n(!1)},[t]),I=a.useCallback(e=>{L(e)},[]),W={sm:"bear-py-1.5 bear-px-3 bear-text-sm",md:"bear-py-2 bear-px-4",lg:"bear-py-2.5 bear-px-5 bear-text-lg"},F={default:"bear-bg-white dark:bear-bg-zinc-800 bear-border-zinc-300 dark:bear-border-zinc-600",filled:"bear-bg-zinc-100 dark:bear-bg-zinc-700 bear-border-transparent",outline:"bear-bg-transparent bear-border-zinc-400 dark:bear-border-zinc-500"};return r.jsxs("div",{ref:k,className:D.cn("Bear-DatePicker bear-relative",_),style:Object.keys(w).length?w:void 0,children:[p&&r.jsx("label",{className:"Bear-DatePicker__label bear-block bear-text-sm bear-font-medium bear-text-zinc-700 dark:bear-text-zinc-300 bear-mb-1.5",children:p}),r.jsxs("button",{ref:d,type:"button",onClick:()=>!b&&n(!i),disabled:b,className:D.cn("Bear-DatePicker__trigger bear-w-full bear-flex bear-items-center bear-justify-between bear-rounded-lg bear-border bear-text-left bear-transition-colors",W[H],F[M],o?"bear-border-red-500":"focus:bear-border-pink-500",b&&"bear-opacity-50 bear-cursor-not-allowed",c?"bear-text-zinc-900 dark:bear-text-white":"bear-text-zinc-500"),children:[r.jsx("span",{className:"Bear-DatePicker__value",children:c?U.formatDate(c,B):z}),r.jsx("span",{className:"Bear-DatePicker__icon",children:O??r.jsx("svg",{className:"bear-w-5 bear-h-5 bear-text-zinc-400 bear-shrink-0",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:r.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"})})})]}),o&&r.jsx("p",{className:"Bear-DatePicker__error bear-mt-1 bear-text-xs bear-text-red-400",children:o}),m&&!o&&r.jsx("p",{className:"Bear-DatePicker__helper bear-mt-1 bear-text-xs bear-text-zinc-500",children:m}),i&&typeof document<"u"&&J.createPortal(r.jsx("div",{"data-bear-datepicker-calendar":!0,className:"Bear-DatePicker__dropdown bear-fixed bear-z-[9999]",style:{top:x.top,left:x.left},children:r.jsx(K.Calendar,{viewDate:E,onViewChange:I,value:c??null,onSelect:T,minDate:y,maxDate:j,disabledDates:N,highlightedDates:g,slots:q,weekdayLabels:R,firstDayOfWeek:V,showWeekNumbers:S,clearable:P,onClear:A,showTodayButton:!0,onToday:()=>{t==null||t(new Date),n(!1)}})}),document.body)]})};exports.DatePicker=X;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),a=require("react"),J=require("react-dom"),K=require("../Calendar/Calendar.cjs"),D=require("../../utils/cn.cjs"),Q=require("../../hooks/useBearStyles.cjs");require("../../hooks/useBearComponent/useBearComponent.cjs");const U=require("./DatePicker.utils.cjs"),X=({value:c,onChange:t,minDate:y,maxDate:j,disabled:b=!1,placeholder:z="Select date",label:p,error:o,helperText:m,format:B="MM/DD/YYYY",clearable:P=!0,className:_,style:h,bis:v,showWeekNumbers:S=!1,disabledDates:N=[],highlightedDates:g=[],slots:q,weekdayLabels:R,firstDayOfWeek:V=0,size:H="md",variant:M="default",icon:O})=>{const[i,n]=a.useState(!1),[E,L]=a.useState(c??new Date),[x,Y]=a.useState({top:0,left:0}),k=a.useRef(null),d=a.useRef(null),w=Q.useBearStyles(v,h);a.useEffect(()=>{if(i&&d.current){const e=d.current.getBoundingClientRect(),l=8,s=360,G=window.innerHeight-e.bottom<s&&e.top>s;Y({top:G?e.top-s-l:e.bottom+l,left:e.left})}},[i]),a.useEffect(()=>{const e=l=>{var u,f;const s=l.target;(u=k.current)!=null&&u.contains(s)||(f=s.closest)!=null&&f.call(s,"[data-bear-datepicker-calendar]")||n(!1)};return document.addEventListener("mousedown",e),()=>document.removeEventListener("mousedown",e)},[]);const T=a.useCallback(e=>{t==null||t(e),n(!1)},[t]),A=a.useCallback(()=>{t==null||t(null),n(!1)},[t]),I=a.useCallback(e=>{L(e)},[]),W={sm:"bear-py-1.5 bear-px-3 bear-text-sm",md:"bear-py-2 bear-px-4",lg:"bear-py-2.5 bear-px-5 bear-text-lg"},F={default:"bear-bg-white dark:bear-bg-zinc-800 bear-border-zinc-300 dark:bear-border-zinc-600",filled:"bear-bg-zinc-100 dark:bear-bg-zinc-700 bear-border-transparent",outline:"bear-bg-transparent bear-border-zinc-400 dark:bear-border-zinc-500"};return r.jsxs("div",{ref:k,className:D.cn("Bear-DatePicker bear-relative",_),style:Object.keys(w).length?w:void 0,children:[p&&r.jsx("label",{className:"Bear-DatePicker__label bear-block bear-text-sm bear-font-medium bear-text-zinc-700 dark:bear-text-zinc-300 bear-mb-1.5",children:p}),r.jsxs("button",{ref:d,type:"button",onClick:()=>!b&&n(!i),disabled:b,className:D.cn("Bear-DatePicker__trigger bear-w-full bear-flex bear-items-center bear-justify-between bear-rounded-lg bear-border bear-text-left bear-transition-colors",W[H],F[M],o?"bear-border-red-500":"focus:bear-border-pink-500",b&&"bear-opacity-50 bear-cursor-not-allowed",c?"bear-text-zinc-900 dark:bear-text-white":"bear-text-zinc-500"),children:[r.jsx("span",{className:"Bear-DatePicker__value",children:c?U.formatDate(c,B):z}),r.jsx("span",{className:"Bear-DatePicker__icon",children:O??r.jsx("svg",{className:"bear-w-5 bear-h-5 bear-text-zinc-400 bear-shrink-0",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:r.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"})})})]}),o&&r.jsx("p",{className:"Bear-DatePicker__error bear-mt-1 bear-text-xs bear-text-red-400",children:o}),m&&!o&&r.jsx("p",{className:"Bear-DatePicker__helper bear-mt-1 bear-text-xs bear-text-zinc-500",children:m}),i&&typeof document<"u"&&J.createPortal(r.jsx("div",{"data-bear-datepicker-calendar":!0,className:"Bear-DatePicker__dropdown bear-fixed bear-z-[9999]",style:{top:x.top,left:x.left},children:r.jsx(K.Calendar,{viewDate:E,onViewChange:I,value:c??null,onSelect:T,minDate:y,maxDate:j,disabledDates:N,highlightedDates:g,slots:q,weekdayLabels:R,firstDayOfWeek:V,showWeekNumbers:S,clearable:P,onClear:A,showTodayButton:!0,onToday:()=>{t==null||t(new Date),n(!1)}})}),document.body)]})};exports.DatePicker=X;

package/dist/components/DatePicker/DatePicker.js

@@ -4,8 +4,9 @@ import { createPortal as X } from "react-dom";
 import { Calendar as Z } from "../Calendar/Calendar.js";
 import { cn as B } from "../../utils/cn.js";
 import { useBearStyles as $ } from "../../hooks/useBearStyles.js";
+import "../../hooks/useBearComponent/useBearComponent.js";
 import { formatDate as C } from "./DatePicker.utils.js";
-const ce = ({
+const ie = ({
   value: o,
   onChange: t,
   minDate: _,
@@ -123,5 +124,5 @@ const ce = ({
   ] });
 };
 export {
-  ce as DatePicker
+  ie as DatePicker
 };

package/dist/components/DiffViewer/DiffViewer.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),y=require("react"),b=require("../../utils/cn.cjs"),T=require("../../context/BearProvider.cjs"),a=require("../Typography/Typography.cjs"),f=require("./DiffViewer.const.cjs"),h=require("./DiffViewer.utils.cjs"),q=({oldValue:c,newValue:l,viewMode:v="split",showLineNumbers:u=!0,oldTitle:N="Original",newTitle:j="Modified",showStats:x=!0,className:g,testId:m})=>{const{mode:w}=T.useBear(),p=w==="dark",d=y.useMemo(()=>h.computeDiff(c,l),[c,l]),i=y.useMemo(()=>h.computeStats(d),[d]),t=r=>u?e.jsx("span",{className:"select-none text-gray-400 dark:text-gray-600 text-right pr-3",style:{minWidth:f.LINE_NUMBER_WIDTH},children:r??""}):null,n=(r,s)=>{const o=f.DIFF_COLORS[s],D=s==="add"?"+":s==="remove"?"-":" ";return e.jsxs("div",{className:"flex font-mono text-sm",style:{backgroundColor:o.bg,borderLeft:`3px solid ${o.border}`},children:[e.jsx("span",{className:"px-2 select-none font-bold",style:{color:o.text},children:D}),e.jsx("span",{className:"flex-1 whitespace-pre",children:r})]})};if(v==="unified")return e.jsxs("div",{className:b.cn("Bear-DiffViewer","rounded-lg overflow-hidden border",p?"bg-gray-900 border-gray-700":"bg-white border-gray-200",g),"data-testid":m,children:[x&&e.jsxs("div",{className:"flex items-center gap-4 px-4 py-2 border-b border-gray-200 dark:border-gray-700",children:[e.jsxs(a.Typography,{variant:"caption",className:"text-green-600",children:["+",i.additions," additions"]}),e.jsxs(a.Typography,{variant:"caption",className:"text-red-600",children:["-",i.deletions," deletions"]})]}),e.jsx("div",{className:"overflow-x-auto",children:d.map((r,s)=>e.jsxs("div",{className:"flex",children:[t(r.oldLineNumber||r.newLineNumber),e.jsx("div",{className:"flex-1",children:n(r.content,r.type)})]},s))})]});const k=d.filter(r=>r.type!=="add"),L=d.filter(r=>r.type!=="remove");return e.jsxs("div",{className:b.cn("Bear-DiffViewer","rounded-lg overflow-hidden border",p?"bg-gray-900 border-gray-700":"bg-white border-gray-200",g),"data-testid":m,children:[x&&e.jsxs("div",{className:"flex items-center gap-4 px-4 py-2 border-b border-gray-200 dark:border-gray-700",children:[e.jsxs(a.Typography,{variant:"caption",className:"text-green-600",children:["+",i.additions," additions"]}),e.jsxs(a.Typography,{variant:"caption",className:"text-red-600",children:["-",i.deletions," deletions"]})]}),e.jsxs("div",{className:"grid grid-cols-2 divide-x divide-gray-200 dark:divide-gray-700",children:[e.jsxs("div",{children:[e.jsx("div",{className:"px-3 py-2 bg-gray-50 dark:bg-gray-800 border-b border-gray-200 dark:border-gray-700",children:e.jsx(a.Typography,{variant:"caption",className:"font-semibold",children:N})}),e.jsx("div",{className:"overflow-x-auto",children:k.map((r,s)=>e.jsxs("div",{className:"flex",children:[t(r.oldLineNumber),e.jsx("div",{className:"flex-1",children:n(r.content,r.type==="remove"?"remove":"context")})]},s))})]}),e.jsxs("div",{children:[e.jsx("div",{className:"px-3 py-2 bg-gray-50 dark:bg-gray-800 border-b border-gray-200 dark:border-gray-700",children:e.jsx(a.Typography,{variant:"caption",className:"font-semibold",children:j})}),e.jsx("div",{className:"overflow-x-auto",children:L.map((r,s)=>e.jsxs("div",{className:"flex",children:[t(r.newLineNumber),e.jsx("div",{className:"flex-1",children:n(r.content,r.type==="add"?"add":"context")})]},s))})]})]})]})};exports.DiffViewer=q;

package/dist/components/DiffViewer/DiffViewer.const.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={add:{bg:"rgba(34, 197, 94, 0.15)",border:"rgba(34, 197, 94, 0.4)",text:"#22c55e"},remove:{bg:"rgba(239, 68, 68, 0.15)",border:"rgba(239, 68, 68, 0.4)",text:"#ef4444"},context:{bg:"transparent",border:"transparent",text:"inherit"}},t=50;exports.DIFF_COLORS=e;exports.LINE_NUMBER_WIDTH=t;

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

@@ -0,0 +1,18 @@
+export declare const DIFF_COLORS: {
+    readonly add: {
+        readonly bg: "rgba(34, 197, 94, 0.15)";
+        readonly border: "rgba(34, 197, 94, 0.4)";
+        readonly text: "#22c55e";
+    };
+    readonly remove: {
+        readonly bg: "rgba(239, 68, 68, 0.15)";
+        readonly border: "rgba(239, 68, 68, 0.4)";
+        readonly text: "#ef4444";
+    };
+    readonly context: {
+        readonly bg: "transparent";
+        readonly border: "transparent";
+        readonly text: "inherit";
+    };
+};
+export declare const LINE_NUMBER_WIDTH = 50;

package/dist/components/DiffViewer/DiffViewer.const.js

@@ -0,0 +1,21 @@
+const r = {
+  add: {
+    bg: "rgba(34, 197, 94, 0.15)",
+    border: "rgba(34, 197, 94, 0.4)",
+    text: "#22c55e"
+  },
+  remove: {
+    bg: "rgba(239, 68, 68, 0.15)",
+    border: "rgba(239, 68, 68, 0.4)",
+    text: "#ef4444"
+  },
+  context: {
+    bg: "transparent",
+    border: "transparent",
+    text: "inherit"
+  }
+}, t = 50;
+export {
+  r as DIFF_COLORS,
+  t as LINE_NUMBER_WIDTH
+};

package/dist/components/DiffViewer/DiffViewer.d.ts

@@ -0,0 +1,18 @@
+import { FC } from 'react';
+import { DiffViewerProps } from './DiffViewer.types';
+/**
+ * DiffViewer - Compare and visualize text/code differences
+ *
+ * @example
+ * ```tsx
+ * <DiffViewer
+ *   oldValue="const x = 1;"
+ *   newValue="const x = 2;"
+ *   viewMode="split"
+ *   showLineNumbers
+ *   showStats
+ * />
+ * ```
+ */
+export declare const DiffViewer: FC<DiffViewerProps>;
+export default DiffViewer;

package/dist/components/DiffViewer/DiffViewer.js

@@ -0,0 +1,127 @@
+import { jsxs as r, jsx as d } from "react/jsx-runtime";
+import { useMemo as v } from "react";
+import { cn as h } from "../../utils/cn.js";
+import { useBear as B } from "../../context/BearProvider.js";
+import { Typography as i } from "../Typography/Typography.js";
+import { LINE_NUMBER_WIDTH as M, DIFF_COLORS as O } from "./DiffViewer.const.js";
+import { computeDiff as _, computeStats as j } from "./DiffViewer.utils.js";
+const H = ({
+  oldValue: l,
+  newValue: m,
+  viewMode: x = "split",
+  showLineNumbers: y = !0,
+  oldTitle: N = "Original",
+  newTitle: u = "Modified",
+  showStats: f = !0,
+  className: p,
+  testId: g
+}) => {
+  const { mode: w } = B(), b = w === "dark", o = v(() => _(l, m), [l, m]), t = v(() => j(o), [o]), n = (e) => y ? /* @__PURE__ */ d(
+    "span",
+    {
+      className: "select-none text-gray-400 dark:text-gray-600 text-right pr-3",
+      style: { minWidth: M },
+      children: e ?? ""
+    }
+  ) : null, s = (e, a) => {
+    const c = O[a], D = a === "add" ? "+" : a === "remove" ? "-" : " ";
+    return /* @__PURE__ */ r(
+      "div",
+      {
+        className: "flex font-mono text-sm",
+        style: {
+          backgroundColor: c.bg,
+          borderLeft: `3px solid ${c.border}`
+        },
+        children: [
+          /* @__PURE__ */ d(
+            "span",
+            {
+              className: "px-2 select-none font-bold",
+              style: { color: c.text },
+              children: D
+            }
+          ),
+          /* @__PURE__ */ d("span", { className: "flex-1 whitespace-pre", children: e })
+        ]
+      }
+    );
+  };
+  if (x === "unified")
+    return /* @__PURE__ */ r(
+      "div",
+      {
+        className: h(
+          "Bear-DiffViewer",
+          "rounded-lg overflow-hidden border",
+          b ? "bg-gray-900 border-gray-700" : "bg-white border-gray-200",
+          p
+        ),
+        "data-testid": g,
+        children: [
+          f && /* @__PURE__ */ r("div", { className: "flex items-center gap-4 px-4 py-2 border-b border-gray-200 dark:border-gray-700", children: [
+            /* @__PURE__ */ r(i, { variant: "caption", className: "text-green-600", children: [
+              "+",
+              t.additions,
+              " additions"
+            ] }),
+            /* @__PURE__ */ r(i, { variant: "caption", className: "text-red-600", children: [
+              "-",
+              t.deletions,
+              " deletions"
+            ] })
+          ] }),
+          /* @__PURE__ */ d("div", { className: "overflow-x-auto", children: o.map((e, a) => /* @__PURE__ */ r("div", { className: "flex", children: [
+            n(e.oldLineNumber || e.newLineNumber),
+            /* @__PURE__ */ d("div", { className: "flex-1", children: s(e.content, e.type) })
+          ] }, a)) })
+        ]
+      }
+    );
+  const k = o.filter((e) => e.type !== "add"), L = o.filter((e) => e.type !== "remove");
+  return /* @__PURE__ */ r(
+    "div",
+    {
+      className: h(
+        "Bear-DiffViewer",
+        "rounded-lg overflow-hidden border",
+        b ? "bg-gray-900 border-gray-700" : "bg-white border-gray-200",
+        p
+      ),
+      "data-testid": g,
+      children: [
+        f && /* @__PURE__ */ r("div", { className: "flex items-center gap-4 px-4 py-2 border-b border-gray-200 dark:border-gray-700", children: [
+          /* @__PURE__ */ r(i, { variant: "caption", className: "text-green-600", children: [
+            "+",
+            t.additions,
+            " additions"
+          ] }),
+          /* @__PURE__ */ r(i, { variant: "caption", className: "text-red-600", children: [
+            "-",
+            t.deletions,
+            " deletions"
+          ] })
+        ] }),
+        /* @__PURE__ */ r("div", { className: "grid grid-cols-2 divide-x divide-gray-200 dark:divide-gray-700", children: [
+          /* @__PURE__ */ r("div", { children: [
+            /* @__PURE__ */ d("div", { className: "px-3 py-2 bg-gray-50 dark:bg-gray-800 border-b border-gray-200 dark:border-gray-700", children: /* @__PURE__ */ d(i, { variant: "caption", className: "font-semibold", children: N }) }),
+            /* @__PURE__ */ d("div", { className: "overflow-x-auto", children: k.map((e, a) => /* @__PURE__ */ r("div", { className: "flex", children: [
+              n(e.oldLineNumber),
+              /* @__PURE__ */ d("div", { className: "flex-1", children: s(e.content, e.type === "remove" ? "remove" : "context") })
+            ] }, a)) })
+          ] }),
+          /* @__PURE__ */ r("div", { children: [
+            /* @__PURE__ */ d("div", { className: "px-3 py-2 bg-gray-50 dark:bg-gray-800 border-b border-gray-200 dark:border-gray-700", children: /* @__PURE__ */ d(i, { variant: "caption", className: "font-semibold", children: u }) }),
+            /* @__PURE__ */ d("div", { className: "overflow-x-auto", children: L.map((e, a) => /* @__PURE__ */ r("div", { className: "flex", children: [
+              n(e.newLineNumber),
+              /* @__PURE__ */ d("div", { className: "flex-1", children: s(e.content, e.type === "add" ? "add" : "context") })
+            ] }, a)) })
+          ] })
+        ] })
+      ]
+    }
+  );
+};
+export {
+  H as DiffViewer
+};

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

@@ -0,0 +1,40 @@
+/**
+ * DiffViewer component types
+ */
+export type DiffViewMode = 'split' | 'unified';
+export type DiffLineType = 'add' | 'remove' | 'context';
+export interface DiffViewerProps {
+    /** Original text (left side) */
+    oldValue: string;
+    /** New text (right side) */
+    newValue: string;
+    /** View mode (default: 'split') */
+    viewMode?: DiffViewMode;
+    /** Show line numbers */
+    showLineNumbers?: boolean;
+    /** Highlight syntax (for code) */
+    syntaxHighlight?: boolean;
+    /** Language for syntax highlighting */
+    language?: string;
+    /** Old value title */
+    oldTitle?: string;
+    /** New value title */
+    newTitle?: string;
+    /** Show diff statistics */
+    showStats?: boolean;
+    /** Custom class name */
+    className?: string;
+    /** Test ID */
+    testId?: string;
+}
+export interface DiffLine {
+    type: DiffLineType;
+    oldLineNumber?: number;
+    newLineNumber?: number;
+    content: string;
+}
+export interface DiffStats {
+    additions: number;
+    deletions: number;
+    unchanged: number;
+}

package/dist/components/DiffViewer/DiffViewer.utils.cjs

@@ -0,0 +1,3 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function m(d,s){const o=d.split(`
+`),u=s.split(`
+`),p=o.length,f=u.length,l=Array(p+1).fill(null).map(()=>Array(f+1).fill(0));for(let t=1;t<=p;t++)for(let i=1;i<=f;i++)o[t-1]===u[i-1]?l[t][i]=l[t-1][i-1]+1:l[t][i]=Math.max(l[t-1][i],l[t][i-1]);const c=[];let e=p,n=f;const r=[];for(;e>0||n>0;)e>0&&n>0&&o[e-1]===u[n-1]?(r.push({type:"context",oldLineNumber:e,newLineNumber:n,content:o[e-1]}),e--,n--):n>0&&(e===0||l[e][n-1]>=l[e-1][n])?(r.push({type:"add",newLineNumber:n,content:u[n-1]}),n--):e>0&&(r.push({type:"remove",oldLineNumber:e,content:o[e-1]}),e--);for(let t=r.length-1;t>=0;t--)c.push(r[t]);return c}function a(d){return d.reduce((s,o)=>(o.type==="add"?s.additions++:o.type==="remove"?s.deletions++:s.unchanged++,s),{additions:0,deletions:0,unchanged:0})}exports.computeDiff=m;exports.computeStats=a;

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

@@ -0,0 +1,9 @@
+import { DiffLine, DiffStats } from './DiffViewer.types';
+/**
+ * Simple diff algorithm (Myers-like LCS based)
+ */
+export declare function computeDiff(oldText: string, newText: string): DiffLine[];
+/**
+ * Calculate diff statistics
+ */
+export declare function computeStats(diff: DiffLine[]): DiffStats;

package/dist/components/DiffViewer/DiffViewer.utils.js

@@ -0,0 +1,39 @@
+function m(d, s) {
+  const o = d.split(`
+`), u = s.split(`
+`), p = o.length, f = u.length, l = Array(p + 1).fill(null).map(() => Array(f + 1).fill(0));
+  for (let t = 1; t <= p; t++)
+    for (let i = 1; i <= f; i++)
+      o[t - 1] === u[i - 1] ? l[t][i] = l[t - 1][i - 1] + 1 : l[t][i] = Math.max(l[t - 1][i], l[t][i - 1]);
+  const c = [];
+  let e = p, n = f;
+  const r = [];
+  for (; e > 0 || n > 0; )
+    e > 0 && n > 0 && o[e - 1] === u[n - 1] ? (r.push({
+      type: "context",
+      oldLineNumber: e,
+      newLineNumber: n,
+      content: o[e - 1]
+    }), e--, n--) : n > 0 && (e === 0 || l[e][n - 1] >= l[e - 1][n]) ? (r.push({
+      type: "add",
+      newLineNumber: n,
+      content: u[n - 1]
+    }), n--) : e > 0 && (r.push({
+      type: "remove",
+      oldLineNumber: e,
+      content: o[e - 1]
+    }), e--);
+  for (let t = r.length - 1; t >= 0; t--)
+    c.push(r[t]);
+  return c;
+}
+function h(d) {
+  return d.reduce(
+    (s, o) => (o.type === "add" ? s.additions++ : o.type === "remove" ? s.deletions++ : s.unchanged++, s),
+    { additions: 0, deletions: 0, unchanged: 0 }
+  );
+}
+export {
+  m as computeDiff,
+  h as computeStats
+};

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

@@ -0,0 +1,2 @@
+export { DiffViewer } from './DiffViewer';
+export type { DiffViewerProps, DiffViewMode, DiffLine, DiffStats } from './DiffViewer.types';

package/dist/components/Drawer/Drawer.cjs

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

package/dist/components/Drawer/Drawer.js

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

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