@forgedevstack/bear 1.3.2 → 1.3.4

package/dist/components/Popover/Popover.js

@@ -1,98 +1,102 @@
-import { jsxs as g, jsx as x } from "react/jsx-runtime";
-import { useState as L, useRef as k, 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 = 11e3;
-function Z(b, t, a) {
-  const e = { position: "fixed", zIndex: W }, s = b.split("-")[0], n = b.includes("start"), o = b.includes("end");
-  return s === "bottom" ? (e.top = t.bottom + a, n ? 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, n ? 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, n ? e.top = t.top : o ? e.bottom = window.innerHeight - t.bottom : e.top = t.top + t.height / 2) : (e.left = t.right + a, n ? e.top = t.top : o ? e.bottom = window.innerHeight - t.bottom : e.top = t.top + t.height / 2), s === "bottom" || s === "top" ? !n && !o ? e.transform = "translateX(-50%)" : o && (e.transform = "translateX(-100%)") : !n && !o ? e.transform = "translateY(-50%)" : o && (e.transform = "translateY(-100%)"), e;
+import { jsxs as p, jsx as w } from "react/jsx-runtime";
+import { useState as A, useRef as h, useCallback as P, useEffect as m } from "react";
+import { createPortal as j } from "react-dom";
+import { cn as v } from "../../utils/cn.js";
+import { TWO as S } from "../../constants/numbers.const.js";
+import { resolveOverlayEffects as B } from "../../hooks/useFixedAnchorPosition/useFixedAnchorPosition.utils.js";
+import { PLACEMENT_BOTTOM as T, POPOVER_DEFAULT_OFFSET as K, POPOVER_ARROW_STYLES as U, POPOVER_EFFECT_CLASS_MAP as O, ALIGN_START as Z, ALIGN_END as q, PLACEMENT_TOP as M, TRANSFORM_TRANSLATE_X_CENTER as J, TRANSFORM_TRANSLATE_X_END as Q, PLACEMENT_RIGHT as $, PLACEMENT_LEFT as ee, TRANSFORM_TRANSLATE_Y_CENTER as te, TRANSFORM_TRANSLATE_Y_END as oe, POPOVER_Z_INDEX as ne } from "./Popover.const.js";
+function re(l, e, s) {
+  const t = { position: "fixed", zIndex: ne }, [n] = l.split("-"), r = l.includes(Z), i = l.includes(q);
+  return n === T || n === M ? (t.top = n === T ? e.bottom + s : void 0, t.bottom = n === M ? window.innerHeight - e.top + s : void 0, t.left = r ? e.left : i ? e.right : e.left + e.width / S, t.transform = !r && !i ? J : i ? Q : void 0) : (t.left = n === $ ? e.right + s : void 0, t.right = n === ee ? window.innerWidth - e.left + s : void 0, t.bottom = i ? window.innerHeight - e.bottom : void 0, t.top = i ? void 0 : r ? e.top : e.top + e.height / S, t.transform = !r && !i ? te : i ? oe : void 0), t;
 }
-const F = ({
-  children: b,
-  content: t,
-  placement: a = "bottom",
-  trigger: e = "click",
-  open: s,
-  onOpenChange: n,
-  className: o,
-  contentClassName: z,
-  arrow: N = !0,
-  closeOnClickOutside: p = !0,
-  closeOnEscape: m = !0,
-  offset: w = 8
+const fe = ({
+  children: l,
+  content: e,
+  placement: s = T,
+  trigger: t = "click",
+  open: n,
+  onOpenChange: r,
+  className: i,
+  contentClassName: R,
+  arrow: g = !0,
+  closeOnClickOutside: b = !0,
+  closeOnEscape: _ = !0,
+  offset: L = K,
+  openEffect: C,
+  closeEffect: F,
+  effect: k
 }) => {
-  const [I, M] = L(!1), [P, R] = L({}), d = k(null), h = k(null), i = s !== void 0 ? s : I, l = B((r) => {
-    M(r), n == null || n(r);
-  }, [n]);
-  u(() => {
-    if (!i || !d.current) return;
-    const r = () => {
-      if (!d.current) return;
-      const f = d.current.getBoundingClientRect();
-      R(Z(a, f, w));
-    };
-    return r(), window.addEventListener("resize", r), window.addEventListener("scroll", r, !0), () => {
-      window.removeEventListener("resize", r), window.removeEventListener("scroll", r, !0);
-    };
-  }, [i, a, w]), u(() => {
-    if (!p) return;
-    const r = (f) => {
-      var E, y;
-      const v = f.target;
-      (E = d.current) != null && E.contains(v) || (y = h.current) != null && y.contains(v) || l(!1);
+  const [y, D] = A(!1), [I, x] = A({}), E = h(null), f = h(null), d = n !== void 0 ? n : y, a = P((o) => {
+    D(o), r == null || r(o);
+  }, [r]), u = P(() => {
+    if (!E.current || !f.current) return;
+    const o = E.current.firstElementChild;
+    if (!o) return;
+    const c = o.getBoundingClientRect();
+    x(re(s, c, L));
+  }, [s, L]);
+  m(() => {
+    if (d) {
+      u();
+      const o = () => u(), c = () => u();
+      return window.addEventListener("resize", o), window.addEventListener("scroll", c, !0), () => {
+        window.removeEventListener("resize", o), window.removeEventListener("scroll", c, !0);
+      };
+    }
+  }, [d, u]), m(() => {
+    if (!d || !b) return;
+    const o = (c) => {
+      const N = c.target;
+      E.current && !E.current.contains(N) && f.current && !f.current.contains(N) && a(!1);
     };
-    return i && document.addEventListener("mousedown", r), () => document.removeEventListener("mousedown", r);
-  }, [i, p, l]), u(() => {
-    if (!m) return;
-    const r = (f) => {
-      f.key === "Escape" && l(!1);
+    return document.addEventListener("mousedown", o), () => document.removeEventListener("mousedown", o);
+  }, [d, b, a]), m(() => {
+    if (!d || !_) return;
+    const o = (c) => {
+      c.key === "Escape" && a(!1);
     };
-    return i && document.addEventListener("keydown", r), () => document.removeEventListener("keydown", r);
-  }, [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"
-  }, D = a.split("-")[0], Y = i && typeof document < "u" && T(
-    /* @__PURE__ */ g(
+    return document.addEventListener("keydown", o), () => document.removeEventListener("keydown", o);
+  }, [d, _, a]);
+  const z = () => {
+    t === "click" && a(!d);
+  }, V = () => {
+    t === "hover" && a(!0);
+  }, G = () => {
+    t === "hover" && a(!1);
+  }, H = s.split("-")[0], { openEffect: W } = B({ openEffect: C, closeEffect: F, effect: k }, "fade"), X = O[W] ?? O.fade, Y = d && typeof document < "u" && j(
+    /* @__PURE__ */ p(
       "div",
       {
-        ref: h,
+        ref: f,
         "data-bear-popover": !0,
-        className: c(
+        className: v(
           "bear-bg-zinc-800 bear-border bear-border-zinc-700 bear-rounded-lg bear-shadow-xl bear-p-3",
-          z
+          X,
+          R
         ),
-        style: P,
+        style: I,
         children: [
-          t,
-          N && /* @__PURE__ */ x("div", { className: c("bear-absolute bear-w-0 bear-h-0 bear-border-8", j[D]) })
+          e,
+          g && /* @__PURE__ */ w("div", { className: v("bear-absolute bear-w-0 bear-h-0 bear-border-8", U[H]) })
         ]
       }
     ),
     document.body
   );
-  return /* @__PURE__ */ g(
+  return /* @__PURE__ */ p(
     "div",
     {
-      ref: d,
-      className: c("bear-relative bear-inline-block", o),
-      onMouseEnter: H,
-      onMouseLeave: X,
+      ref: E,
+      className: v("bear-relative bear-inline-block", i),
+      onMouseEnter: V,
+      onMouseLeave: G,
       children: [
-        /* @__PURE__ */ x("div", { onClick: S, className: "bear-cursor-pointer", children: b }),
+        /* @__PURE__ */ w("div", { onClick: z, className: "bear-cursor-pointer", children: l }),
         Y
       ]
     }
   );
 };
 export {
-  F as Popover
+  fe as Popover
 };

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

@@ -1,4 +1,5 @@
 import { ReactNode } from 'react';
+import { OverlayMotionEffect, OverlayEffectConfig } from '../../hooks/useFixedAnchorPosition';
 export type PopoverPlacement = 'top' | 'top-start' | 'top-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'left' | 'left-start' | 'left-end' | 'right' | 'right-start' | 'right-end';
 export interface PopoverProps {
     testId?: string;
@@ -15,4 +16,10 @@ export interface PopoverProps {
     closeOnClickOutside?: boolean;
     closeOnEscape?: boolean;
     offset?: number;
+    /** Transition effect when opening */
+    openEffect?: OverlayMotionEffect;
+    /** Transition effect when closing */
+    closeEffect?: OverlayMotionEffect;
+    /** Config for open and close transition effects */
+    effect?: OverlayEffectConfig;
 }

package/dist/components/PromptComposer/PromptComposer.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),T=require("react"),i=require("../../constants/generals.const.cjs"),V=require("../../utils/cn.cjs"),$=require("../../utils/generateBearId.utils.cjs"),Y=require("../../utils/useBearId.cjs"),R=require("../Box/Box.cjs"),d=require("../Button/Button.cjs"),g=require("../Flex/Flex.cjs"),s=require("./PromptComposer.const.cjs"),c=require("./PromptComposer.utils.cjs"),z=require("./helpers/PromptComposerAttachSvg.cjs"),H=require("./helpers/PromptComposerFileChip.cjs"),K=require("./helpers/PromptComposerSendSvg.cjs"),J=require("./helpers/PromptComposerStopSvg.cjs"),Q=x=>{const{id:f,testId:M,value:P,defaultValue:b=s.PROMPT_COMPOSER_DEFAULT_VALUE,onChange:p,onSubmit:a,onStop:_,onAttach:m,files:E,onFileRemove:B,isStreaming:o=s.PROMPT_COMPOSER_DEFAULT_STREAMING,disabled:r=s.PROMPT_COMPOSER_DEFAULT_DISABLED,allowAttach:v=s.PROMPT_COMPOSER_DEFAULT_ATTACH,accept:A,placeholder:I,translations:j,footer:q,className:N}=x,y=Y.useBearId(i.COMPONENT_NAME_PROMPT_COMPOSER),C=$.resolveBearId(f,y),S=T.useRef(null),[D,F]=T.useState(b),n=c.resolvePromptDraft({value:P},D),l={...s.PROMPT_COMPOSER_DEFAULT_TRANSLATIONS,...j},L=`${C}-field`,h=c.canSubmitPrompt(n,r,o),u=e=>{c.shouldUseInternalDraft(P)&&F(e),p==null||p(e)},w=()=>{const e=n.trim();!h||!e||(a==null||a(e),u(i.EMPTY_STRING))},U=()=>{var e;(e=S.current)==null||e.click()},k=e=>{!e||e.length===0||m==null||m(Array.from(e))},G=o&&!!_,O=E??[];return t.jsxs(R.Box,{id:C,"data-testid":M,className:V.cn("Bear-PromptComposer",N),children:[O.length>0&&t.jsx(g.Flex,{className:"Bear-PromptComposer__files",wrap:"wrap",gap:2,children:O.map(e=>t.jsx(H.PromptComposerFileChip,{file:e,disabled:r,onRemove:B},`${e.name}-${e.size}-${e.lastModified}`))}),t.jsxs(g.Flex,{className:"Bear-PromptComposer__row",align:"end",gap:2,children:[v&&t.jsx(d.Button,{type:"button",variant:"ghost",iconOnly:!0,disabled:r||o,"aria-label":l.attachLabel,onClick:U,children:t.jsx(z.PromptComposerAttachSvg,{})}),t.jsx(R.Box,{className:"Bear-PromptComposer__field",children:t.jsx("textarea",{id:L,className:"Bear-PromptComposer__textarea",value:n,placeholder:I??l.placeholder,disabled:r,rows:2,onChange:e=>u(e.target.value),onKeyDown:e=>c.submitPromptDraft({event:e,disabled:r,isStreaming:o,onSubmit:a,draft:n,clearDraft:()=>u(i.EMPTY_STRING)})})}),G?t.jsx(d.Button,{type:"button",variant:"secondary",iconOnly:!0,"aria-label":l.stopLabel,onClick:_,children:t.jsx(J.PromptComposerStopSvg,{})}):t.jsx(d.Button,{type:"button",variant:"primary",iconOnly:!0,disabled:!h,"aria-label":l.sendLabel,onClick:w,children:t.jsx(K.PromptComposerSendSvg,{})})]}),t.jsx("input",{ref:S,type:"file",hidden:!0,multiple:!0,accept:A,disabled:r||o,onChange:e=>{k(e.target.files),e.target.value=i.EMPTY_STRING}}),q]})};exports.PromptComposer=Q;

package/dist/components/PromptComposer/PromptComposer.const.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const O=require("../../constants/generals.const.cjs"),_={placeholder:O.PLACEHOLDER_START_TYPING,sendLabel:O.LABEL_SEND,stopLabel:O.LABEL_STOP,attachLabel:O.LABEL_ATTACH},E=O.BOOLEAN_FALSE,T=O.BOOLEAN_FALSE,A=O.BOOLEAN_FALSE,P=O.EMPTY_STRING;exports.PROMPT_COMPOSER_DEFAULT_ATTACH=A;exports.PROMPT_COMPOSER_DEFAULT_DISABLED=E;exports.PROMPT_COMPOSER_DEFAULT_STREAMING=T;exports.PROMPT_COMPOSER_DEFAULT_TRANSLATIONS=_;exports.PROMPT_COMPOSER_DEFAULT_VALUE=P;

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

@@ -0,0 +1,6 @@
+import { PromptComposerTranslations } from './PromptComposer.types';
+export declare const PROMPT_COMPOSER_DEFAULT_TRANSLATIONS: PromptComposerTranslations;
+export declare const PROMPT_COMPOSER_DEFAULT_DISABLED = false;
+export declare const PROMPT_COMPOSER_DEFAULT_STREAMING = false;
+export declare const PROMPT_COMPOSER_DEFAULT_ATTACH = false;
+export declare const PROMPT_COMPOSER_DEFAULT_VALUE = "";

package/dist/components/PromptComposer/PromptComposer.const.js

@@ -0,0 +1,14 @@
+import { EMPTY_STRING as E, BOOLEAN_FALSE as T, LABEL_ATTACH as _, LABEL_STOP as A, LABEL_SEND as L, PLACEHOLDER_START_TYPING as O } from "../../constants/generals.const.js";
+const R = {
+  placeholder: O,
+  sendLabel: L,
+  stopLabel: A,
+  attachLabel: _
+}, S = T, M = T, o = T, t = E;
+export {
+  o as PROMPT_COMPOSER_DEFAULT_ATTACH,
+  S as PROMPT_COMPOSER_DEFAULT_DISABLED,
+  M as PROMPT_COMPOSER_DEFAULT_STREAMING,
+  R as PROMPT_COMPOSER_DEFAULT_TRANSLATIONS,
+  t as PROMPT_COMPOSER_DEFAULT_VALUE
+};

package/dist/components/PromptComposer/PromptComposer.d.ts

@@ -0,0 +1,2 @@
+import { PromptComposerProps } from './PromptComposer.types';
+export declare const PromptComposer: (props: PromptComposerProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/PromptComposer/PromptComposer.js

@@ -0,0 +1,132 @@
+import { jsxs as C, jsx as t } from "react/jsx-runtime";
+import { useRef as $, useState as j } from "react";
+import { COMPONENT_NAME_PROMPT_COMPOSER as G, EMPTY_STRING as p } from "../../constants/generals.const.js";
+import { cn as z } from "../../utils/cn.js";
+import { resolveBearId as H } from "../../utils/generateBearId.utils.js";
+import { useBearId as K } from "../../utils/useBearId.js";
+import { Box as O } from "../Box/Box.js";
+import { Button as c } from "../Button/Button.js";
+import { Flex as S } from "../Flex/Flex.js";
+import { PROMPT_COMPOSER_DEFAULT_VALUE as Y, PROMPT_COMPOSER_DEFAULT_STREAMING as q, PROMPT_COMPOSER_DEFAULT_DISABLED as J, PROMPT_COMPOSER_DEFAULT_ATTACH as Q, PROMPT_COMPOSER_DEFAULT_TRANSLATIONS as W } from "./PromptComposer.const.js";
+import { canSubmitPrompt as X, submitPromptDraft as Z, resolvePromptDraft as ee, shouldUseInternalDraft as te } from "./PromptComposer.utils.js";
+import { PromptComposerAttachSvg as re } from "./helpers/PromptComposerAttachSvg.js";
+import { PromptComposerFileChip as oe } from "./helpers/PromptComposerFileChip.js";
+import { PromptComposerSendSvg as ae } from "./helpers/PromptComposerSendSvg.js";
+import { PromptComposerStopSvg as le } from "./helpers/PromptComposerStopSvg.js";
+const Re = (R) => {
+  const {
+    id: T,
+    testId: b,
+    value: d,
+    defaultValue: E = Y,
+    onChange: s,
+    onSubmit: a,
+    onStop: f,
+    onAttach: m,
+    files: M,
+    onFileRemove: A,
+    isStreaming: o = q,
+    disabled: r = J,
+    allowAttach: g = Q,
+    accept: v,
+    placeholder: D,
+    translations: I,
+    footer: N,
+    className: y
+  } = R, B = K(G), P = H(T, B), u = $(null), [F, L] = j(E), l = ee({ value: d }, F), n = { ...W, ...I }, w = `${P}-field`, _ = X(l, r, o), i = (e) => {
+    te(d) && L(e), s == null || s(e);
+  }, x = () => {
+    const e = l.trim();
+    !_ || !e || (a == null || a(e), i(p));
+  }, U = () => {
+    var e;
+    (e = u.current) == null || e.click();
+  }, k = (e) => {
+    !e || e.length === 0 || m == null || m(Array.from(e));
+  }, V = o && !!f, h = M ?? [];
+  return /* @__PURE__ */ C(O, { id: P, "data-testid": b, className: z("Bear-PromptComposer", y), children: [
+    h.length > 0 && /* @__PURE__ */ t(S, { className: "Bear-PromptComposer__files", wrap: "wrap", gap: 2, children: h.map((e) => /* @__PURE__ */ t(
+      oe,
+      {
+        file: e,
+        disabled: r,
+        onRemove: A
+      },
+      `${e.name}-${e.size}-${e.lastModified}`
+    )) }),
+    /* @__PURE__ */ C(S, { className: "Bear-PromptComposer__row", align: "end", gap: 2, children: [
+      g && /* @__PURE__ */ t(
+        c,
+        {
+          type: "button",
+          variant: "ghost",
+          iconOnly: !0,
+          disabled: r || o,
+          "aria-label": n.attachLabel,
+          onClick: U,
+          children: /* @__PURE__ */ t(re, {})
+        }
+      ),
+      /* @__PURE__ */ t(O, { className: "Bear-PromptComposer__field", children: /* @__PURE__ */ t(
+        "textarea",
+        {
+          id: w,
+          className: "Bear-PromptComposer__textarea",
+          value: l,
+          placeholder: D ?? n.placeholder,
+          disabled: r,
+          rows: 2,
+          onChange: (e) => i(e.target.value),
+          onKeyDown: (e) => Z({
+            event: e,
+            disabled: r,
+            isStreaming: o,
+            onSubmit: a,
+            draft: l,
+            clearDraft: () => i(p)
+          })
+        }
+      ) }),
+      V ? /* @__PURE__ */ t(
+        c,
+        {
+          type: "button",
+          variant: "secondary",
+          iconOnly: !0,
+          "aria-label": n.stopLabel,
+          onClick: f,
+          children: /* @__PURE__ */ t(le, {})
+        }
+      ) : /* @__PURE__ */ t(
+        c,
+        {
+          type: "button",
+          variant: "primary",
+          iconOnly: !0,
+          disabled: !_,
+          "aria-label": n.sendLabel,
+          onClick: x,
+          children: /* @__PURE__ */ t(ae, {})
+        }
+      )
+    ] }),
+    /* @__PURE__ */ t(
+      "input",
+      {
+        ref: u,
+        type: "file",
+        hidden: !0,
+        multiple: !0,
+        accept: v,
+        disabled: r || o,
+        onChange: (e) => {
+          k(e.target.files), e.target.value = p;
+        }
+      }
+    ),
+    N
+  ] });
+};
+export {
+  Re as PromptComposer
+};

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

@@ -0,0 +1,45 @@
+import { KeyboardEvent, ReactNode } from 'react';
+export interface PromptComposerTranslations {
+    placeholder: string;
+    sendLabel: string;
+    stopLabel: string;
+    attachLabel: string;
+}
+export interface PromptComposerProps {
+    id?: string;
+    testId?: string;
+    value?: string;
+    defaultValue?: string;
+    onChange?: (value: string) => void;
+    onSubmit?: (value: string) => void;
+    onStop?: () => void;
+    onAttach?: (files: File[]) => void;
+    files?: File[];
+    onFileRemove?: (file: File) => void;
+    isStreaming?: boolean;
+    disabled?: boolean;
+    allowAttach?: boolean;
+    accept?: string;
+    placeholder?: string;
+    translations?: Partial<PromptComposerTranslations>;
+    footer?: ReactNode;
+    className?: string;
+}
+export interface PromptComposerFileChipProps {
+    file: File;
+    disabled: boolean;
+    onRemove?: (file: File) => void;
+}
+export interface UsePromptComposerValueParams {
+    value?: string;
+    defaultValue?: string;
+    onChange?: (value: string) => void;
+}
+export interface PromptComposerKeyParams {
+    event: KeyboardEvent<HTMLTextAreaElement>;
+    disabled: boolean;
+    isStreaming: boolean;
+    onSubmit?: (value: string) => void;
+    draft: string;
+    clearDraft: () => void;
+}

package/dist/components/PromptComposer/PromptComposer.utils.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("../../constants/generals.const.cjs"),c=require("../../constants/keys.const.cjs"),l=t=>{const{event:r,disabled:e,isStreaming:o,onSubmit:n,draft:a,clearDraft:i}=t;if(r.key!==c.KEY_ENTER||r.shiftKey||e||o)return;r.preventDefault();const s=a.trim();s&&(n==null||n(s),i())},f=(t,r)=>t.value??r,m=t=>t===void 0,d=(t,r,e)=>r||e?u.BOOLEAN_FALSE:t.trim().length>0;exports.canSubmitPrompt=d;exports.resolvePromptDraft=f;exports.shouldUseInternalDraft=m;exports.submitPromptDraft=l;

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

@@ -0,0 +1,5 @@
+import { PromptComposerKeyParams, UsePromptComposerValueParams } from './PromptComposer.types';
+export declare const submitPromptDraft: (params: PromptComposerKeyParams) => void;
+export declare const resolvePromptDraft: (params: UsePromptComposerValueParams, internalValue: string) => string;
+export declare const shouldUseInternalDraft: (value: string | undefined) => value is undefined;
+export declare const canSubmitPrompt: (draft: string, disabled: boolean, isStreaming: boolean) => boolean;

package/dist/components/PromptComposer/PromptComposer.utils.js

@@ -0,0 +1,16 @@
+import { BOOLEAN_FALSE as f } from "../../constants/generals.const.js";
+import { KEY_ENTER as m } from "../../constants/keys.const.js";
+const l = (t) => {
+  const { event: r, disabled: e, isStreaming: i, onSubmit: n, draft: s, clearDraft: a } = t;
+  if (r.key !== m || r.shiftKey || e || i)
+    return;
+  r.preventDefault();
+  const o = s.trim();
+  o && (n == null || n(o), a());
+}, p = (t, r) => t.value ?? r, d = (t) => t === void 0, v = (t, r, e) => r || e ? f : t.trim().length > 0;
+export {
+  v as canSubmitPrompt,
+  p as resolvePromptDraft,
+  d as shouldUseInternalDraft,
+  l as submitPromptDraft
+};

package/dist/components/PromptComposer/helpers/PromptComposerAttachSvg.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("../../../constants/numbers.const.cjs"),o=()=>e.jsx("svg",{width:t.EIGHTEEN,height:t.EIGHTEEN,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":"true",children:e.jsx("path",{d:"M21.44 11.05l-9.19 9.19a6 6 0 01-8.49-8.49l9.19-9.19a4 4 0 015.66 5.66l-9.2 9.19a2 2 0 01-2.83-2.83l8.49-8.48"})});exports.PromptComposerAttachSvg=o;

package/dist/components/PromptComposer/helpers/PromptComposerAttachSvg.d.ts

@@ -0,0 +1 @@
+export declare const PromptComposerAttachSvg: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/PromptComposer/helpers/PromptComposerAttachSvg.js

@@ -0,0 +1,6 @@
+import { jsx as o } from "react/jsx-runtime";
+import { EIGHTEEN as r } from "../../../constants/numbers.const.js";
+const i = () => /* @__PURE__ */ o("svg", { width: r, height: r, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: /* @__PURE__ */ o("path", { d: "M21.44 11.05l-9.19 9.19a6 6 0 01-8.49-8.49l9.19-9.19a4 4 0 015.66 5.66l-9.2 9.19a2 2 0 01-2.83-2.83l8.49-8.48" }) });
+export {
+  i as PromptComposerAttachSvg
+};

package/dist/components/PromptComposer/helpers/PromptComposerFileChip.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),s=require("../../Chip/Chip.cjs"),n=i=>{const{file:e,disabled:t,onRemove:o}=i;return r.jsx(s.Chip,{size:"sm",variant:"soft",disabled:t,onDelete:o?()=>o(e):void 0,children:e.name})};exports.PromptComposerFileChip=n;

package/dist/components/PromptComposer/helpers/PromptComposerFileChip.d.ts

@@ -0,0 +1,2 @@
+import { PromptComposerFileChipProps } from '../PromptComposer.types';
+export declare const PromptComposerFileChip: (props: PromptComposerFileChipProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/PromptComposer/helpers/PromptComposerFileChip.js

@@ -0,0 +1,18 @@
+import { jsx as t } from "react/jsx-runtime";
+import { Chip as m } from "../../Chip/Chip.js";
+const p = (i) => {
+  const { file: o, disabled: r, onRemove: e } = i;
+  return /* @__PURE__ */ t(
+    m,
+    {
+      size: "sm",
+      variant: "soft",
+      disabled: r,
+      onDelete: e ? () => e(o) : void 0,
+      children: o.name
+    }
+  );
+};
+export {
+  p as PromptComposerFileChip
+};

package/dist/components/PromptComposer/helpers/PromptComposerSendSvg.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("../../../constants/numbers.const.cjs"),r=()=>e.jsxs("svg",{width:o.EIGHTEEN,height:o.EIGHTEEN,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":"true",children:[e.jsx("path",{d:"M22 2L11 13"}),e.jsx("path",{d:"M22 2L15 22L11 13L2 9L22 2Z"})]});exports.PromptComposerSendSvg=r;

package/dist/components/PromptComposer/helpers/PromptComposerSendSvg.d.ts

@@ -0,0 +1 @@
+export declare const PromptComposerSendSvg: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/PromptComposer/helpers/PromptComposerSendSvg.js

@@ -0,0 +1,9 @@
+import { jsxs as e, jsx as o } from "react/jsx-runtime";
+import { EIGHTEEN as r } from "../../../constants/numbers.const.js";
+const n = () => /* @__PURE__ */ e("svg", { width: r, height: r, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: [
+  /* @__PURE__ */ o("path", { d: "M22 2L11 13" }),
+  /* @__PURE__ */ o("path", { d: "M22 2L15 22L11 13L2 9L22 2Z" })
+] });
+export {
+  n as PromptComposerSendSvg
+};

package/dist/components/PromptComposer/helpers/PromptComposerStopSvg.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("../../../constants/numbers.const.cjs"),r=()=>e.jsx("svg",{width:t.EIGHTEEN,height:t.EIGHTEEN,viewBox:"0 0 24 24",fill:"currentColor","aria-hidden":"true",children:e.jsx("rect",{x:"6",y:"6",width:"12",height:"12",rx:"2"})});exports.PromptComposerStopSvg=r;

package/dist/components/PromptComposer/helpers/PromptComposerStopSvg.d.ts

@@ -0,0 +1 @@
+export declare const PromptComposerStopSvg: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/PromptComposer/helpers/PromptComposerStopSvg.js

@@ -0,0 +1,6 @@
+import { jsx as r } from "react/jsx-runtime";
+import { EIGHTEEN as o } from "../../../constants/numbers.const.js";
+const e = () => /* @__PURE__ */ r("svg", { width: o, height: o, viewBox: "0 0 24 24", fill: "currentColor", "aria-hidden": "true", children: /* @__PURE__ */ r("rect", { x: "6", y: "6", width: "12", height: "12", rx: "2" }) });
+export {
+  e as PromptComposerStopSvg
+};

package/dist/components/PromptComposer/helpers/index.d.ts

@@ -0,0 +1,4 @@
+export { PromptComposerAttachSvg } from './PromptComposerAttachSvg';
+export { PromptComposerFileChip } from './PromptComposerFileChip';
+export { PromptComposerSendSvg } from './PromptComposerSendSvg';
+export { PromptComposerStopSvg } from './PromptComposerStopSvg';

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

@@ -0,0 +1,2 @@
+export { PromptComposer } from './PromptComposer';
+export type { PromptComposerProps, PromptComposerTranslations, } from './PromptComposer.types';

package/dist/components/PromptSuggestions/PromptSuggestions.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),t=require("../../constants/generals.const.cjs"),p=require("../../utils/cn.cjs");require("react");const I=require("../../utils/generateBearId.utils.cjs"),q=require("../../utils/useBearId.cjs"),S=require("../Chip/Chip.cjs"),N=require("../Flex/Flex.cjs"),P=i=>{const{id:n,testId:d,suggestions:o,selectedId:a,onSelect:r,className:c}=i,l=q.useBearId(t.COMPONENT_NAME_PROMPT_SUGGESTIONS),u=I.resolveBearId(n,l);return s.jsx(N.Flex,{id:u,testId:d,className:p.cn("Bear-PromptSuggestions",c),wrap:"wrap",gap:2,children:o.map(e=>{const m=e.id===a;return s.jsx(S.Chip,{size:"sm",variant:m?t.VARIANT_FILLED:"outlined",color:"primary",disabled:e.disabled,onClick:()=>r==null?void 0:r(e.id),children:e.label},e.id)})})};exports.PromptSuggestions=P;

package/dist/components/PromptSuggestions/PromptSuggestions.d.ts

@@ -0,0 +1,2 @@
+import { PromptSuggestionsProps } from './PromptSuggestions.types';
+export declare const PromptSuggestions: (props: PromptSuggestionsProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/PromptSuggestions/PromptSuggestions.js

@@ -0,0 +1,39 @@
+import { jsx as e } from "react/jsx-runtime";
+import { COMPONENT_NAME_PROMPT_SUGGESTIONS as n, VARIANT_FILLED as I } from "../../constants/generals.const.js";
+import { cn as f } from "../../utils/cn.js";
+import "react";
+import { resolveBearId as N } from "../../utils/generateBearId.utils.js";
+import { useBearId as P } from "../../utils/useBearId.js";
+import { Chip as S } from "../Chip/Chip.js";
+import { Flex as E } from "../Flex/Flex.js";
+const B = (i) => {
+  const { id: m, testId: t, suggestions: d, selectedId: a, onSelect: o, className: s } = i, p = P(n), l = N(m, p);
+  return /* @__PURE__ */ e(
+    E,
+    {
+      id: l,
+      testId: t,
+      className: f("Bear-PromptSuggestions", s),
+      wrap: "wrap",
+      gap: 2,
+      children: d.map((r) => {
+        const c = r.id === a;
+        return /* @__PURE__ */ e(
+          S,
+          {
+            size: "sm",
+            variant: c ? I : "outlined",
+            color: "primary",
+            disabled: r.disabled,
+            onClick: () => o == null ? void 0 : o(r.id),
+            children: r.label
+          },
+          r.id
+        );
+      })
+    }
+  );
+};
+export {
+  B as PromptSuggestions
+};

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

@@ -0,0 +1,13 @@
+export interface PromptSuggestionItem {
+    id: string;
+    label: string;
+    disabled?: boolean;
+}
+export interface PromptSuggestionsProps {
+    id?: string;
+    testId?: string;
+    suggestions: PromptSuggestionItem[];
+    selectedId?: string;
+    onSelect?: (id: string) => void;
+    className?: string;
+}

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

@@ -0,0 +1,2 @@
+export { PromptSuggestions } from './PromptSuggestions';
+export type { PromptSuggestionItem, PromptSuggestionsProps } from './PromptSuggestions.types';

package/dist/components/RichEditor/helpers/IconRender.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("../../../constants/numbers.const.cjs"),n=require("../../../node_modules/@forgedevstack/bear-icons/dist/editor.cjs"),s={bold:e.jsx(n.BoldIcon,{size:i.SIXTEEN}),italic:e.jsx(n.ItalicIcon,{size:i.SIXTEEN}),underline:e.jsx(n.UnderlineIcon,{size:i.SIXTEEN}),strikethrough:e.jsx(n.StrikethroughIcon,{size:i.SIXTEEN}),heading1:e.jsx(n.Heading1Icon,{size:i.SIXTEEN}),heading2:e.jsx(n.Heading2Icon,{size:i.SIXTEEN}),heading3:e.jsx(n.Heading3Icon,{size:i.SIXTEEN}),bulletList:e.jsx(n.ListBulletIcon,{size:i.SIXTEEN}),orderedList:e.jsx(n.ListNumberedIcon,{size:i.SIXTEEN}),blockquote:e.jsx(n.QuoteIcon,{size:i.SIXTEEN}),code:e.jsx(n.CodeIcon,{size:i.SIXTEEN}),link:e.jsx(n.InsertLinkIcon,{size:i.SIXTEEN}),alignLeft:e.jsx(n.AlignLeftIcon,{size:i.SIXTEEN}),alignCenter:e.jsx(n.AlignCenterIcon,{size:i.SIXTEEN}),alignRight:e.jsx(n.AlignRightIcon,{size:i.SIXTEEN}),alignJustify:e.jsx(n.AlignJustifyIcon,{size:i.SIXTEEN}),image:e.jsx(n.InsertPhotoIcon,{size:i.SIXTEEN}),indent:e.jsx(n.IndentIncreaseIcon,{size:i.SIXTEEN}),outdent:e.jsx(n.IndentDecreaseIcon,{size:i.SIXTEEN}),clearFormat:e.jsx(n.FormatClearIcon,{size:i.SIXTEEN}),table:e.jsx(n.TableIcon,{size:i.SIXTEEN})};exports.RICH_EDITOR_ICONS=s;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("../../../constants/numbers.const.cjs"),n=require("@forgedevstack/bear-icons/editor"),s={bold:e.jsx(n.BoldIcon,{size:i.SIXTEEN}),italic:e.jsx(n.ItalicIcon,{size:i.SIXTEEN}),underline:e.jsx(n.UnderlineIcon,{size:i.SIXTEEN}),strikethrough:e.jsx(n.StrikethroughIcon,{size:i.SIXTEEN}),heading1:e.jsx(n.Heading1Icon,{size:i.SIXTEEN}),heading2:e.jsx(n.Heading2Icon,{size:i.SIXTEEN}),heading3:e.jsx(n.Heading3Icon,{size:i.SIXTEEN}),bulletList:e.jsx(n.ListBulletIcon,{size:i.SIXTEEN}),orderedList:e.jsx(n.ListNumberedIcon,{size:i.SIXTEEN}),blockquote:e.jsx(n.QuoteIcon,{size:i.SIXTEEN}),code:e.jsx(n.CodeIcon,{size:i.SIXTEEN}),link:e.jsx(n.InsertLinkIcon,{size:i.SIXTEEN}),alignLeft:e.jsx(n.AlignLeftIcon,{size:i.SIXTEEN}),alignCenter:e.jsx(n.AlignCenterIcon,{size:i.SIXTEEN}),alignRight:e.jsx(n.AlignRightIcon,{size:i.SIXTEEN}),alignJustify:e.jsx(n.AlignJustifyIcon,{size:i.SIXTEEN}),image:e.jsx(n.InsertPhotoIcon,{size:i.SIXTEEN}),indent:e.jsx(n.IndentIncreaseIcon,{size:i.SIXTEEN}),outdent:e.jsx(n.IndentDecreaseIcon,{size:i.SIXTEEN}),clearFormat:e.jsx(n.FormatClearIcon,{size:i.SIXTEEN}),table:e.jsx(n.TableIcon,{size:i.SIXTEEN})};exports.RICH_EDITOR_ICONS=s;