@forgedevstack/bear 1.0.6 → 1.0.8

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,91 @@
+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";
+import "../../hooks/useBearComponent/useBearComponent.js";
+const S = "bear-kanban", R = ({
+  columns: d,
+  onColumnsChange: g,
+  onCardMove: l,
+  renderCard: h,
+  renderColumnHeader: k,
+  disabled: y = !1,
+  className: _
+}) => {
+  const z = I(
+    (r, e, b, t, 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((o, p) => p !== b);
+          return { ...a, cards: c };
+        }
+        if (a.id === e) {
+          const c = r === e && b < t ? t - 1 : t, o = [...a.cards];
+          return o.splice(Math.max(0, c), 0, n), { ...a, cards: o };
+        }
+        return a;
+      });
+      g == null || g(m), l == null || l(n.id, r, e, b, t);
+    },
+    [d, g, l]
+  ), { getDragProps: u, getDropProps: w, isDragging: K, draggedId: $, dragOverId: N } = P({
+    disabled: y,
+    dragType: S,
+    onDrop: (r, e, b, t, 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], o = 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, o, 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, b) => {
+              const t = `${r.id}-${b}`, n = K && $ === t;
+              return /* @__PURE__ */ i(
+                "div",
+                {
+                  ...w(t, e, b),
+                  ...u(t, e, b),
+                  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 === t && "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 {
+  R 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>;

package/dist/components/MentionsInput/MentionsInput.js

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

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

@@ -0,0 +1,21 @@
+import { ReactNode } from 'react';
+export interface MentionOption {
+    value: string;
+    label: ReactNode;
+    avatar?: ReactNode;
+}
+export interface MentionsInputProps {
+    value?: string;
+    defaultValue?: string;
+    onChange?: (value: string, mentions: string[]) => void;
+    onMentionSelect?: (option: MentionOption) => void;
+    options: MentionOption[];
+    trigger?: string;
+    placeholder?: string;
+    disabled?: boolean;
+    maxSuggestions?: number;
+    filterOptions?: (options: MentionOption[], query: string) => MentionOption[];
+    size?: 'sm' | 'md' | 'lg';
+    fullWidth?: boolean;
+    className?: string;
+}

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

@@ -0,0 +1,2 @@
+export { MentionsInput } from './MentionsInput';
+export type { MentionsInputProps, MentionOption } from './MentionsInput.types';

package/dist/components/QRCode/QRCode.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),g=require("react"),L=require("../../utils/cn.cjs"),r=require("./QRCode.const.cjs"),x=require("./QRCode.utils.cjs"),m=({value:s,size:t=r.QRCODE_DEFAULTS.SIZE,level:h=r.QRCODE_DEFAULTS.LEVEL,bgColor:d=r.QRCODE_DEFAULTS.BG_COLOR,fgColor:D=r.QRCODE_DEFAULTS.FG_COLOR,includeMargin:E=r.QRCODE_DEFAULTS.INCLUDE_MARGIN,imageUrl:R,imageSize:C=r.QRCODE_DEFAULTS.IMAGE_SIZE,className:O,style:Q,testId:S})=>{const l=g.useMemo(()=>{if(!s)return null;const o=x.generateQRMatrix(s,h),c=E?4:0,u=o.size+c*2,a=t/u,_=x.matrixToSvgPath(o,a,c*a);return{matrix:o,path:_,cellSize:a,margin:c,totalModules:u}},[s,h,t,E]);if(!l)return null;const i=t*C,n=(t-i)/2;return e.jsxs("svg",{className:L.cn("Bear-QRCode",O),width:t,height:t,viewBox:`0 0 ${t} ${t}`,style:Q,"data-testid":S,children:[e.jsx("rect",{width:t,height:t,fill:d}),e.jsx("path",{d:l.path,fill:D}),R&&e.jsxs("g",{children:[e.jsx("rect",{x:n-4,y:n-4,width:i+8,height:i+8,fill:d,rx:4}),e.jsx("image",{href:R,x:n,y:n,width:i,height:i,preserveAspectRatio:"xMidYMid slice"})]})]})};exports.QRCode=m;

package/dist/components/QRCode/QRCode.const.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const E={SIZE:128,LEVEL:"M",BG_COLOR:"#ffffff",FG_COLOR:"#000000",INCLUDE_MARGIN:!0,IMAGE_SIZE:.2};exports.QRCODE_DEFAULTS=E;

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

@@ -0,0 +1,21 @@
+export declare const QRCODE_DEFAULTS: {
+    readonly SIZE: 128;
+    readonly LEVEL: "M";
+    readonly BG_COLOR: "#ffffff";
+    readonly FG_COLOR: "#000000";
+    readonly INCLUDE_MARGIN: true;
+    readonly IMAGE_SIZE: 0.2;
+    readonly RENDER_AS: "svg";
+};
+export declare const QRCODE_ERROR_CORRECTION: {
+    readonly L: 0;
+    readonly M: 1;
+    readonly Q: 2;
+    readonly H: 3;
+};
+export declare const QRCODE_MODE: {
+    readonly NUMERIC: 1;
+    readonly ALPHANUMERIC: 2;
+    readonly BYTE: 4;
+};
+export declare const ALPHANUMERIC_CHARS = "0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZ $%*+-./:";

package/dist/components/QRCode/QRCode.const.js

@@ -0,0 +1,11 @@
+const E = {
+  SIZE: 128,
+  LEVEL: "M",
+  BG_COLOR: "#ffffff",
+  FG_COLOR: "#000000",
+  INCLUDE_MARGIN: !0,
+  IMAGE_SIZE: 0.2
+};
+export {
+  E as QRCODE_DEFAULTS
+};

package/dist/components/QRCode/QRCode.d.ts

@@ -0,0 +1,29 @@
+import { FC } from 'react';
+import { QRCodeProps } from './QRCode.types';
+/**
+ * QRCode - QR code generator component
+ *
+ * @example
+ * ```tsx
+ * // Basic usage
+ * <QRCode value="https://forgestack.dev" />
+ *
+ * // Custom styling
+ * <QRCode
+ *   value="Hello World"
+ *   size={200}
+ *   fgColor="#ec4899"
+ *   bgColor="transparent"
+ * />
+ *
+ * // With center logo
+ * <QRCode
+ *   value="https://forgestack.dev"
+ *   imageUrl="/logo.png"
+ *   imageSize={0.25}
+ *   level="H"
+ * />
+ * ```
+ */
+export declare const QRCode: FC<QRCodeProps>;
+export default QRCode;

package/dist/components/QRCode/QRCode.js

@@ -0,0 +1,68 @@
+import { jsxs as x, jsx as e } from "react/jsx-runtime";
+import { useMemo as u } from "react";
+import { cn as w } from "../../utils/cn.js";
+import { QRCODE_DEFAULTS as r } from "./QRCode.const.js";
+import { generateQRMatrix as C, matrixToSvgPath as D } from "./QRCode.utils.js";
+const Q = ({
+  value: n,
+  size: t = r.SIZE,
+  level: c = r.LEVEL,
+  bgColor: s = r.BG_COLOR,
+  fgColor: g = r.FG_COLOR,
+  includeMargin: d = r.INCLUDE_MARGIN,
+  imageUrl: f,
+  imageSize: E = r.IMAGE_SIZE,
+  className: R,
+  style: L,
+  testId: M
+}) => {
+  const l = u(() => {
+    if (!n) return null;
+    const h = C(n, c), m = d ? 4 : 0, p = h.size + m * 2, a = t / p, O = D(h, a, m * a);
+    return { matrix: h, path: O, cellSize: a, margin: m, totalModules: p };
+  }, [n, c, t, d]);
+  if (!l) return null;
+  const o = t * E, i = (t - o) / 2;
+  return /* @__PURE__ */ x(
+    "svg",
+    {
+      className: w("Bear-QRCode", R),
+      width: t,
+      height: t,
+      viewBox: `0 0 ${t} ${t}`,
+      style: L,
+      "data-testid": M,
+      children: [
+        /* @__PURE__ */ e("rect", { width: t, height: t, fill: s }),
+        /* @__PURE__ */ e("path", { d: l.path, fill: g }),
+        f && /* @__PURE__ */ x("g", { children: [
+          /* @__PURE__ */ e(
+            "rect",
+            {
+              x: i - 4,
+              y: i - 4,
+              width: o + 8,
+              height: o + 8,
+              fill: s,
+              rx: 4
+            }
+          ),
+          /* @__PURE__ */ e(
+            "image",
+            {
+              href: f,
+              x: i,
+              y: i,
+              width: o,
+              height: o,
+              preserveAspectRatio: "xMidYMid slice"
+            }
+          )
+        ] })
+      ]
+    }
+  );
+};
+export {
+  Q as QRCode
+};

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

@@ -0,0 +1,32 @@
+import { CSSProperties } from 'react';
+export interface QRCodeProps {
+    /** The value to encode in the QR code */
+    value: string;
+    /** Size in pixels */
+    size?: number;
+    /** Error correction level */
+    level?: 'L' | 'M' | 'Q' | 'H';
+    /** Background color */
+    bgColor?: string;
+    /** Foreground color */
+    fgColor?: string;
+    /** Include margin (quiet zone) */
+    includeMargin?: boolean;
+    /** Center image URL */
+    imageUrl?: string;
+    /** Center image size (as percentage of QR code size) */
+    imageSize?: number;
+    /** Render as canvas or SVG */
+    renderAs?: 'canvas' | 'svg';
+    /** Custom class name */
+    className?: string;
+    /** Custom style */
+    style?: CSSProperties;
+    /** Test ID */
+    testId?: string;
+}
+export interface QRCodeCell {
+    row: number;
+    col: number;
+    isDark: boolean;
+}

package/dist/components/QRCode/QRCode.utils.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function y(a,i){const f=[17,32,53,78,106,134,154,192,230],r=i==="L"?1:i==="M"?.85:i==="Q"?.65:.5;for(let e=1;e<=9;e++)if(a<=f[e-1]*r)return e;return 9}function v(a,i="M"){const f=y(a.length,i),r=f*4+17,e=Array(r).fill(null).map(()=>Array(r).fill(!1)),h=(t,n)=>{for(let o=-1;o<=7;o++)for(let s=-1;s<=7;s++){const c=t+o,d=n+s;if(c>=0&&c<r&&d>=0&&d<r){const M=o===-1||o===7||s===-1||s===7,p=o>=1&&o<=5&&s>=1&&s<=5,x=o>=2&&o<=4&&s>=2&&s<=4;e[c][d]=!M&&(x||!p)}}};h(0,0),h(0,r-7),h(r-7,0);for(let t=8;t<r-8;t++)e[6][t]=t%2===0,e[t][6]=t%2===0;if(f>=2){const t=r-7;for(let n=-2;n<=2;n++)for(let o=-2;o<=2;o++){const s=t+n,c=t+o;if(s>=0&&s<r&&c>=0&&c<r){const d=Math.abs(n)===2||Math.abs(o)===2,M=n===0&&o===0;e[s][c]=d||M}}}const l=new TextEncoder().encode(a);let u=0,g=0;for(let t=r-1;t>=1;t-=2){t===6&&(t=5);for(let n=0;n<r;n++)for(let o=0;o<2;o++){const s=t-o,c=(t+1)%4<2?r-1-n:n;if(!b(c,s,r,f))if(u<l.length){const d=l[u]>>7-g&1;e[c][s]=d===1,g++,g===8&&(g=0,u++)}else e[c][s]=(c+s)%2===0}}for(let t=0;t<r;t++)for(let n=0;n<r;n++)b(t,n,r,f)||(t+n)%2===0&&(e[t][n]=!e[t][n]);return{size:r,modules:e}}function b(a,i,f,r){if(a<=8&&i<=8||a<=8&&i>=f-8||a>=f-8&&i<=8||a===6||i===6)return!0;if(r>=2){const e=f-7;if(Math.abs(a-e)<=2&&Math.abs(i-e)<=2)return!0}return!1}function P(a,i,f){const{size:r,modules:e}=a;let h="";for(let l=0;l<r;l++)for(let u=0;u<r;u++)if(e[l][u]){const g=f+u*i,t=f+l*i;h+=`M${g},${t}h${i}v${i}h-${i}z`}return h}exports.generateQRMatrix=v;exports.matrixToSvgPath=P;

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

@@ -0,0 +1,12 @@
+/**
+ * Simplified QR Code generator utilities
+ * Note: For production, consider using a dedicated library like 'qrcode'
+ * This is a basic implementation for demonstration purposes
+ */
+interface QRMatrix {
+    size: number;
+    modules: boolean[][];
+}
+export declare function generateQRMatrix(text: string, level?: string): QRMatrix;
+export declare function matrixToSvgPath(matrix: QRMatrix, cellSize: number, margin: number): string;
+export {};

package/dist/components/QRCode/QRCode.utils.js

@@ -0,0 +1,74 @@
+function y(c, f) {
+  const i = [17, 32, 53, 78, 106, 134, 154, 192, 230], n = f === "L" ? 1 : f === "M" ? 0.85 : f === "Q" ? 0.65 : 0.5;
+  for (let r = 1; r <= 9; r++)
+    if (c <= i[r - 1] * n) return r;
+  return 9;
+}
+function $(c, f = "M") {
+  const i = y(c.length, f), n = i * 4 + 17, r = Array(n).fill(null).map(() => Array(n).fill(!1)), h = (t, e) => {
+    for (let o = -1; o <= 7; o++)
+      for (let s = -1; s <= 7; s++) {
+        const a = t + o, d = e + s;
+        if (a >= 0 && a < n && d >= 0 && d < n) {
+          const M = o === -1 || o === 7 || s === -1 || s === 7, x = o >= 1 && o <= 5 && s >= 1 && s <= 5, g = o >= 2 && o <= 4 && s >= 2 && s <= 4;
+          r[a][d] = !M && (g || !x);
+        }
+      }
+  };
+  h(0, 0), h(0, n - 7), h(n - 7, 0);
+  for (let t = 8; t < n - 8; t++)
+    r[6][t] = t % 2 === 0, r[t][6] = t % 2 === 0;
+  if (i >= 2) {
+    const t = n - 7;
+    for (let e = -2; e <= 2; e++)
+      for (let o = -2; o <= 2; o++) {
+        const s = t + e, a = t + o;
+        if (s >= 0 && s < n && a >= 0 && a < n) {
+          const d = Math.abs(e) === 2 || Math.abs(o) === 2, M = e === 0 && o === 0;
+          r[s][a] = d || M;
+        }
+      }
+  }
+  const l = new TextEncoder().encode(c);
+  let u = 0, p = 0;
+  for (let t = n - 1; t >= 1; t -= 2) {
+    t === 6 && (t = 5);
+    for (let e = 0; e < n; e++)
+      for (let o = 0; o < 2; o++) {
+        const s = t - o, a = (t + 1) % 4 < 2 ? n - 1 - e : e;
+        if (!b(a, s, n, i))
+          if (u < l.length) {
+            const d = l[u] >> 7 - p & 1;
+            r[a][s] = d === 1, p++, p === 8 && (p = 0, u++);
+          } else
+            r[a][s] = (a + s) % 2 === 0;
+      }
+  }
+  for (let t = 0; t < n; t++)
+    for (let e = 0; e < n; e++)
+      b(t, e, n, i) || (t + e) % 2 === 0 && (r[t][e] = !r[t][e]);
+  return { size: n, modules: r };
+}
+function b(c, f, i, n) {
+  if (c <= 8 && f <= 8 || c <= 8 && f >= i - 8 || c >= i - 8 && f <= 8 || c === 6 || f === 6) return !0;
+  if (n >= 2) {
+    const r = i - 7;
+    if (Math.abs(c - r) <= 2 && Math.abs(f - r) <= 2) return !0;
+  }
+  return !1;
+}
+function v(c, f, i) {
+  const { size: n, modules: r } = c;
+  let h = "";
+  for (let l = 0; l < n; l++)
+    for (let u = 0; u < n; u++)
+      if (r[l][u]) {
+        const p = i + u * f, t = i + l * f;
+        h += `M${p},${t}h${f}v${f}h-${f}z`;
+      }
+  return h;
+}
+export {
+  $ as generateQRMatrix,
+  v as matrixToSvgPath
+};

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

@@ -0,0 +1,3 @@
+export { QRCode, default } from './QRCode';
+export * from './QRCode.types';
+export * from './QRCode.const';

package/dist/components/RichEditor/RichEditor.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),c=require("react"),T=require("../../utils/cn.cjs"),u=require("./helpers/formatHelpers.cjs"),f=require("./RichEditor.const.cjs"),C=require("./components/ToolbarButton/ToolbarButton.cjs"),oe=require("./components/ToolbarDropdown/ToolbarDropdown.cjs"),H=require("./components/ToolbarColorPicker/ToolbarColorPicker.cjs"),re=require("./components/ToolbarMore/ToolbarMore.cjs"),i=require("../Icon/icons/editor.cjs"),ie=6,se=S=>{const{value:x,defaultValue:k="",onChange:j,placeholder:z="Start typing...",disabled:o=!1,readOnly:r=!1,minHeight:p=f.RICH_EDITOR_MIN_HEIGHT,maxHeight:b,toolbar:y=f.RICH_EDITOR_DEFAULT_TOOLBAR,className:B="",testId:A,id:O,allowImagePaste:E=!0,...v}=S,a=c.useRef(null),[D,F]=c.useState(new Set),[N,_]=c.useState("p"),[q,w]=c.useState("#000000"),[U,M]=c.useState("#fef08a"),[P,V]=c.useState([]),[J,G]=c.useState([]);c.useEffect(()=>{const e="bear-rich-editor-styles";if(!document.getElementById(e)){const n=document.createElement("style");n.id=e,n.textContent=f.RICH_EDITOR_CONTENT_STYLES,document.head.appendChild(n)}},[]),c.useEffect(()=>{a.current&&x!==void 0&&a.current.innerHTML!==x&&(a.current.innerHTML=x)},[x]),c.useEffect(()=>{a.current&&k&&!x&&(a.current.innerHTML=k)},[]);const I=c.useCallback(()=>{F(u.getActiveFormats());const e=u.queryCommandValue("formatBlock");e&&_(e.toLowerCase().replace(/[<>]/g,""))},[]),l=c.useCallback(()=>{a.current&&j&&j(a.current.innerHTML),I()},[j,I]),$=c.useCallback(e=>{var d;if(o||r)return;(d=a.current)==null||d.focus();const n=f.RICH_EDITOR_BUTTON_CONFIG[e];if(!n)return;const g="value"in n?n.value:void 0;g?u.execCommand(n.command,g):u.execCommand(n.command),I(),l()},[o,r,I,l]),Y=c.useCallback(e=>{var n;o||r||((n=a.current)==null||n.focus(),u.execCommand("formatBlock",e),_(e),l())},[o,r,l]),K=c.useCallback(()=>{var d;if(o||r)return;const e=window.getSelection(),n=e&&e.toString().length>0,g=prompt("Enter URL:",n?"":"https://");g&&((d=a.current)==null||d.focus(),u.insertLink(g),l())},[o,r,l]),m=c.useCallback((e,n)=>{if(!e)return;(n==="text"?V:G)(d=>{const s=d.filter(h=>h!==e);return[e,...s].slice(0,ie)})},[]),Q=c.useCallback(e=>{var n;o||r||((n=a.current)==null||n.focus(),u.setTextColor(e),w(e),m(e,"text"),l())},[o,r,l,m]),W=c.useCallback(e=>{var n;o||r||((n=a.current)==null||n.focus(),u.setHighlightColor(e),M(e),m(e,"highlight"),l())},[o,r,l,m]),X=c.useCallback(e=>{var n;o||r||((n=a.current)==null||n.focus(),u.setTextColor(e),l())},[o,r,l]),Z=c.useCallback(e=>{var n;o||r||((n=a.current)==null||n.focus(),u.setHighlightColor(e),l())},[o,r,l]),ee=c.useCallback(async e=>{var g;if(!E)return;const n=(g=e.clipboardData)==null?void 0:g.items;if(n)for(let d=0;d<n.length;d++){const s=n[d];if(s.type.startsWith("image/")){e.preventDefault();const h=s.getAsFile();if(h){const R=await u.fileToDataUrl(h);u.insertImage(R),l()}return}}},[E,l]),te=c.useCallback(()=>{if(o||r)return;const e=document.createElement("input");e.type="file",e.accept="image/*",e.onchange=async n=>{var d,s;const g=(d=n.target.files)==null?void 0:d[0];if(g){const h=await u.fileToDataUrl(g);(s=a.current)==null||s.focus(),u.insertImage(h),l()}},e.click()},[o,r,l]),ne={bold:t.jsx(i.BoldIcon,{size:16}),italic:t.jsx(i.ItalicIcon,{size:16}),underline:t.jsx(i.UnderlineIcon,{size:16}),strikethrough:t.jsx(i.StrikethroughIcon,{size:16}),heading1:t.jsx(i.Heading1Icon,{size:16}),heading2:t.jsx(i.Heading2Icon,{size:16}),heading3:t.jsx(i.Heading3Icon,{size:16}),bulletList:t.jsx(i.ListBulletIcon,{size:16}),orderedList:t.jsx(i.ListNumberedIcon,{size:16}),blockquote:t.jsx(i.QuoteIcon,{size:16}),code:t.jsx(i.CodeIcon,{size:16}),link:t.jsx(i.InsertLinkIcon,{size:16}),alignLeft:t.jsx(i.AlignLeftIcon,{size:16}),alignCenter:t.jsx(i.AlignCenterIcon,{size:16}),alignRight:t.jsx(i.AlignRightIcon,{size:16}),alignJustify:t.jsx(i.AlignJustifyIcon,{size:16}),image:t.jsx(i.InsertPhotoIcon,{size:16}),indent:t.jsx(i.IndentIncreaseIcon,{size:16}),outdent:t.jsx(i.IndentDecreaseIcon,{size:16}),clearFormat:t.jsx(i.FormatClearIcon,{size:16}),table:t.jsx(i.TableIcon,{size:16})},L=(e,n)=>{if(e==="divider")return t.jsx("div",{className:T.cn("Bear-RichEditor__divider",f.RICH_EDITOR_DIVIDER_CLASSES)},`divider-${n}`);if(e==="headingDropdown")return t.jsx(oe.ToolbarDropdown,{options:f.RICH_EDITOR_HEADING_OPTIONS,value:N,onChange:Y,title:"Text Style",disabled:o||r,icon:t.jsx(i.TextIcon,{size:16})},"heading-dropdown");if(e==="textColor")return t.jsx(H.ToolbarColorPicker,{value:q,onChange:Q,title:"Text Color",disabled:o||r,type:"text",recentColors:P,onApplyLast:X},"text-color");if(e==="highlightColor")return t.jsx(H.ToolbarColorPicker,{value:U,onChange:W,title:"Highlight Color",disabled:o||r,type:"highlight",recentColors:J,onApplyLast:Z},"highlight-color");if(e==="link")return t.jsx(C.ToolbarButton,{icon:t.jsx(i.InsertLinkIcon,{size:16}),title:"Insert Link",onClick:K,disabled:o||r},"link");if(e==="image")return t.jsx(C.ToolbarButton,{icon:t.jsx(i.InsertPhotoIcon,{size:16}),title:"Insert Image",onClick:te,disabled:o||r},"image");if(e==="alignLeft")return t.jsx(C.ToolbarButton,{icon:t.jsx(i.AlignLeftIcon,{size:16}),title:"Align Left",onClick:()=>{var s;(s=a.current)==null||s.focus(),u.execCommand("justifyLeft"),l()},disabled:o||r},"alignLeft");if(e==="alignCenter")return t.jsx(C.ToolbarButton,{icon:t.jsx(i.AlignCenterIcon,{size:16}),title:"Align Center",onClick:()=>{var s;(s=a.current)==null||s.focus(),u.execCommand("justifyCenter"),l()},disabled:o||r},"alignCenter");if(e==="alignRight")return t.jsx(C.ToolbarButton,{icon:t.jsx(i.AlignRightIcon,{size:16}),title:"Align Right",onClick:()=>{var s;(s=a.current)==null||s.focus(),u.execCommand("justifyRight"),l()},disabled:o||r},"alignRight");if(e==="alignJustify")return t.jsx(C.ToolbarButton,{icon:t.jsx(i.AlignJustifyIcon,{size:16}),title:"Justify",onClick:()=>{var s;(s=a.current)==null||s.focus(),u.execCommand("justifyFull"),l()},disabled:o||r},"alignJustify");if(e==="indent")return t.jsx(C.ToolbarButton,{icon:t.jsx(i.IndentIncreaseIcon,{size:16}),title:"Increase Indent",onClick:()=>{var s;(s=a.current)==null||s.focus(),u.execCommand("indent"),l()},disabled:o||r},"indent");if(e==="outdent")return t.jsx(C.ToolbarButton,{icon:t.jsx(i.IndentDecreaseIcon,{size:16}),title:"Decrease Indent",onClick:()=>{var s;(s=a.current)==null||s.focus(),u.execCommand("outdent"),l()},disabled:o||r},"outdent");if(e==="clearFormat")return t.jsx(C.ToolbarButton,{icon:t.jsx(i.FormatClearIcon,{size:16}),title:"Clear Formatting",onClick:()=>{var s;(s=a.current)==null||s.focus(),u.execCommand("removeFormat"),l()},disabled:o||r},"clearFormat");if(e==="more"){const s=["alignLeft","alignCenter","alignRight","alignJustify","indent","outdent","blockquote","code","clearFormat"];return t.jsx(re.ToolbarMore,{disabled:o||r,children:s.map((h,R)=>L(h,R+1e3))},"more")}const g=f.RICH_EDITOR_BUTTON_CONFIG[e],d=ne[e];return!g||!d?null:t.jsx(C.ToolbarButton,{icon:d,title:g.title,active:D.has(e),onClick:()=>$(e),disabled:o||r},e)};return t.jsxs("div",{id:O,"data-testid":A,className:T.cn("Bear-RichEditor",f.RICH_EDITOR_ROOT_CLASSES,o&&"Bear-RichEditor--disabled",r&&"Bear-RichEditor--readonly",B),...v,children:[y.length>0&&t.jsx("div",{className:T.cn("Bear-RichEditor__toolbar",f.RICH_EDITOR_TOOLBAR_CLASSES),children:y.map((e,n)=>L(e,n))}),t.jsx("div",{ref:a,contentEditable:!o&&!r,onInput:l,onSelect:I,onKeyUp:I,onMouseUp:I,onPaste:ee,"data-placeholder":z,className:T.cn("Bear-RichEditor__content",f.RICH_EDITOR_CONTENT_CLASSES,"[&:empty]:before:bear-content-[attr(data-placeholder)] [&:empty]:before:bear-text-gray-400 [&:empty]:before:bear-pointer-events-none",o&&"Bear-RichEditor__content--disabled bear-opacity-50 bear-cursor-not-allowed"),style:{minHeight:typeof p=="number"?`${p}px`:p,maxHeight:b?typeof b=="number"?`${b}px`:b:void 0,overflowY:b?"auto":void 0}})]})};exports.RichEditor=se;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),c=require("react"),T=require("../../utils/cn.cjs"),u=require("./helpers/formatHelpers.cjs"),f=require("./RichEditor.const.cjs"),re=require("../../hooks/useMediaQuery.cjs"),C=require("./components/ToolbarButton/ToolbarButton.cjs"),se=require("./components/ToolbarDropdown/ToolbarDropdown.cjs"),H=require("./components/ToolbarColorPicker/ToolbarColorPicker.cjs"),le=require("./components/ToolbarMore/ToolbarMore.cjs"),r=require("../Icon/icons/editor.cjs"),ae=6,ce=B=>{const{value:x,defaultValue:E="",onChange:R,placeholder:S="Start typing...",disabled:o=!1,readOnly:i=!1,minHeight:j=f.RICH_EDITOR_MIN_HEIGHT,maxHeight:b,toolbar:z=f.RICH_EDITOR_DEFAULT_TOOLBAR,className:A="",testId:D,id:v,allowImagePaste:y=!0,...N}=B,a=c.useRef(null),p=re.useMediaQuery(`(max-width: ${f.RICH_EDITOR_MOBILE_BREAKPOINT}px)`),k=p?f.RICH_EDITOR_MOBILE_TOOLBAR:z,[F,M]=c.useState(new Set),[q,L]=c.useState("p"),[w,U]=c.useState("#000000"),[P,V]=c.useState("#fef08a"),[J,G]=c.useState([]),[$,Q]=c.useState([]);c.useEffect(()=>{const e="bear-rich-editor-styles";if(!document.getElementById(e)){const n=document.createElement("style");n.id=e,n.textContent=f.RICH_EDITOR_CONTENT_STYLES,document.head.appendChild(n)}},[]),c.useEffect(()=>{a.current&&x!==void 0&&a.current.innerHTML!==x&&(a.current.innerHTML=x)},[x]),c.useEffect(()=>{a.current&&E&&!x&&(a.current.innerHTML=E)},[]);const h=c.useCallback(()=>{M(u.getActiveFormats());const e=u.queryCommandValue("formatBlock");e&&L(e.toLowerCase().replace(/[<>]/g,""))},[]),l=c.useCallback(()=>{a.current&&R&&R(a.current.innerHTML),h()},[R,h]),K=c.useCallback(e=>{var d;if(o||i)return;(d=a.current)==null||d.focus();const n=f.RICH_EDITOR_BUTTON_CONFIG[e];if(!n)return;const g="value"in n?n.value:void 0;g?u.execCommand(n.command,g):u.execCommand(n.command),h(),l()},[o,i,h,l]),Y=c.useCallback(e=>{var n;o||i||((n=a.current)==null||n.focus(),u.execCommand("formatBlock",e),L(e),l())},[o,i,l]),W=c.useCallback(()=>{var d;if(o||i)return;const e=window.getSelection(),n=e&&e.toString().length>0,g=prompt("Enter URL:",n?"":"https://");g&&((d=a.current)==null||d.focus(),u.insertLink(g),l())},[o,i,l]),m=c.useCallback((e,n)=>{if(!e)return;(n==="text"?G:Q)(d=>{const s=d.filter(I=>I!==e);return[e,...s].slice(0,ae)})},[]),X=c.useCallback(e=>{var n;o||i||((n=a.current)==null||n.focus(),u.setTextColor(e),U(e),m(e,"text"),l())},[o,i,l,m]),Z=c.useCallback(e=>{var n;o||i||((n=a.current)==null||n.focus(),u.setHighlightColor(e),V(e),m(e,"highlight"),l())},[o,i,l,m]),ee=c.useCallback(e=>{var n;o||i||((n=a.current)==null||n.focus(),u.setTextColor(e),l())},[o,i,l]),te=c.useCallback(e=>{var n;o||i||((n=a.current)==null||n.focus(),u.setHighlightColor(e),l())},[o,i,l]),ne=c.useCallback(async e=>{var g;if(!y)return;const n=(g=e.clipboardData)==null?void 0:g.items;if(n)for(let d=0;d<n.length;d++){const s=n[d];if(s.type.startsWith("image/")){e.preventDefault();const I=s.getAsFile();if(I){const _=await u.fileToDataUrl(I);u.insertImage(_),l()}return}}},[y,l]),oe=c.useCallback(()=>{if(o||i)return;const e=document.createElement("input");e.type="file",e.accept="image/*",e.onchange=async n=>{var d,s;const g=(d=n.target.files)==null?void 0:d[0];if(g){const I=await u.fileToDataUrl(g);(s=a.current)==null||s.focus(),u.insertImage(I),l()}},e.click()},[o,i,l]),ie={bold:t.jsx(r.BoldIcon,{size:16}),italic:t.jsx(r.ItalicIcon,{size:16}),underline:t.jsx(r.UnderlineIcon,{size:16}),strikethrough:t.jsx(r.StrikethroughIcon,{size:16}),heading1:t.jsx(r.Heading1Icon,{size:16}),heading2:t.jsx(r.Heading2Icon,{size:16}),heading3:t.jsx(r.Heading3Icon,{size:16}),bulletList:t.jsx(r.ListBulletIcon,{size:16}),orderedList:t.jsx(r.ListNumberedIcon,{size:16}),blockquote:t.jsx(r.QuoteIcon,{size:16}),code:t.jsx(r.CodeIcon,{size:16}),link:t.jsx(r.InsertLinkIcon,{size:16}),alignLeft:t.jsx(r.AlignLeftIcon,{size:16}),alignCenter:t.jsx(r.AlignCenterIcon,{size:16}),alignRight:t.jsx(r.AlignRightIcon,{size:16}),alignJustify:t.jsx(r.AlignJustifyIcon,{size:16}),image:t.jsx(r.InsertPhotoIcon,{size:16}),indent:t.jsx(r.IndentIncreaseIcon,{size:16}),outdent:t.jsx(r.IndentDecreaseIcon,{size:16}),clearFormat:t.jsx(r.FormatClearIcon,{size:16}),table:t.jsx(r.TableIcon,{size:16})},O=(e,n)=>{if(e==="divider")return t.jsx("div",{className:T.cn("Bear-RichEditor__divider",f.RICH_EDITOR_DIVIDER_CLASSES)},`divider-${n}`);if(e==="headingDropdown")return t.jsx(se.ToolbarDropdown,{options:f.RICH_EDITOR_HEADING_OPTIONS,value:q,onChange:Y,title:"Text Style",disabled:o||i,icon:t.jsx(r.TextIcon,{size:16})},"heading-dropdown");if(e==="textColor")return t.jsx(H.ToolbarColorPicker,{value:w,onChange:X,title:"Text Color",disabled:o||i,type:"text",recentColors:J,onApplyLast:ee},"text-color");if(e==="highlightColor")return t.jsx(H.ToolbarColorPicker,{value:P,onChange:Z,title:"Highlight Color",disabled:o||i,type:"highlight",recentColors:$,onApplyLast:te},"highlight-color");if(e==="link")return t.jsx(C.ToolbarButton,{icon:t.jsx(r.InsertLinkIcon,{size:16}),title:"Insert Link",onClick:W,disabled:o||i},"link");if(e==="image")return t.jsx(C.ToolbarButton,{icon:t.jsx(r.InsertPhotoIcon,{size:16}),title:"Insert Image",onClick:oe,disabled:o||i},"image");if(e==="alignLeft")return t.jsx(C.ToolbarButton,{icon:t.jsx(r.AlignLeftIcon,{size:16}),title:"Align Left",onClick:()=>{var s;(s=a.current)==null||s.focus(),u.execCommand("justifyLeft"),l()},disabled:o||i},"alignLeft");if(e==="alignCenter")return t.jsx(C.ToolbarButton,{icon:t.jsx(r.AlignCenterIcon,{size:16}),title:"Align Center",onClick:()=>{var s;(s=a.current)==null||s.focus(),u.execCommand("justifyCenter"),l()},disabled:o||i},"alignCenter");if(e==="alignRight")return t.jsx(C.ToolbarButton,{icon:t.jsx(r.AlignRightIcon,{size:16}),title:"Align Right",onClick:()=>{var s;(s=a.current)==null||s.focus(),u.execCommand("justifyRight"),l()},disabled:o||i},"alignRight");if(e==="alignJustify")return t.jsx(C.ToolbarButton,{icon:t.jsx(r.AlignJustifyIcon,{size:16}),title:"Justify",onClick:()=>{var s;(s=a.current)==null||s.focus(),u.execCommand("justifyFull"),l()},disabled:o||i},"alignJustify");if(e==="indent")return t.jsx(C.ToolbarButton,{icon:t.jsx(r.IndentIncreaseIcon,{size:16}),title:"Increase Indent",onClick:()=>{var s;(s=a.current)==null||s.focus(),u.execCommand("indent"),l()},disabled:o||i},"indent");if(e==="outdent")return t.jsx(C.ToolbarButton,{icon:t.jsx(r.IndentDecreaseIcon,{size:16}),title:"Decrease Indent",onClick:()=>{var s;(s=a.current)==null||s.focus(),u.execCommand("outdent"),l()},disabled:o||i},"outdent");if(e==="clearFormat")return t.jsx(C.ToolbarButton,{icon:t.jsx(r.FormatClearIcon,{size:16}),title:"Clear Formatting",onClick:()=>{var s;(s=a.current)==null||s.focus(),u.execCommand("removeFormat"),l()},disabled:o||i},"clearFormat");if(e==="more"){const s=p?f.RICH_EDITOR_MOBILE_MORE_ITEMS:["alignLeft","alignCenter","alignRight","alignJustify","indent","outdent","blockquote","code","clearFormat"];return t.jsx(le.ToolbarMore,{disabled:o||i,isMobile:p,children:s.map((I,_)=>O(I,_+1e3))},"more")}const g=f.RICH_EDITOR_BUTTON_CONFIG[e],d=ie[e];return!g||!d?null:t.jsx(C.ToolbarButton,{icon:d,title:g.title,active:F.has(e),onClick:()=>K(e),disabled:o||i},e)};return t.jsxs("div",{id:v,"data-testid":D,className:T.cn("Bear-RichEditor",f.RICH_EDITOR_ROOT_CLASSES,o&&"Bear-RichEditor--disabled",i&&"Bear-RichEditor--readonly",A),...N,children:[k.length>0&&t.jsx("div",{className:T.cn("Bear-RichEditor__toolbar",f.RICH_EDITOR_TOOLBAR_CLASSES),children:k.map((e,n)=>O(e,n))}),t.jsx("div",{ref:a,contentEditable:!o&&!i,onInput:l,onSelect:h,onKeyUp:h,onMouseUp:h,onPaste:ne,"data-placeholder":S,className:T.cn("Bear-RichEditor__content",f.RICH_EDITOR_CONTENT_CLASSES,"[&:empty]:before:bear-content-[attr(data-placeholder)] [&:empty]:before:bear-text-gray-400 [&:empty]:before:bear-pointer-events-none",o&&"Bear-RichEditor__content--disabled bear-opacity-50 bear-cursor-not-allowed"),style:{minHeight:typeof j=="number"?`${j}px`:j,maxHeight:b?typeof b=="number"?`${b}px`:b:void 0,overflowY:b?"auto":void 0}})]})};exports.RichEditor=ce;