@forgedevstack/bear 1.2.3 → 1.2.5

package/dist/components/Radio/Radio.js

@@ -1,19 +1,21 @@
-import { jsxs as u, jsx as r } from "react/jsx-runtime";
-import { createContext as j, forwardRef as V, useContext as _, useId as z, useCallback as E, useState as G } from "react";
-import { cn as a } from "../../utils/cn.js";
-const O = {
+import { jsxs as v, jsx as t } from "react/jsx-runtime";
+import { createContext as _, forwardRef as B, useContext as z, useCallback as E, useState as G } from "react";
+import { cn as r } from "../../utils/cn.js";
+import { resolveBearId as O } from "../../utils/generateBearId.utils.js";
+import { useBearId as Z } from "../../utils/useBearId.js";
+const D = {
   xs: "bear-w-3 bear-h-3",
   sm: "bear-w-4 bear-h-4",
   md: "bear-w-5 bear-h-5",
   lg: "bear-w-6 bear-h-6",
   xl: "bear-w-7 bear-h-7"
-}, Z = {
+}, P = {
   xs: "bear-text-xs",
   sm: "bear-text-sm",
   md: "bear-text-base",
   lg: "bear-text-lg",
   xl: "bear-text-xl"
-}, B = {
+}, $ = {
   primary: "var(--bear-primary-500, #ec4899)",
   secondary: "#6b7280",
   success: "#22c55e",
@@ -23,150 +25,151 @@ const O = {
   ghost: "#9ca3af",
   outline: "#374151",
   error: "#ef4444"
-}, I = j(null), D = V(({
-  label: n,
-  size: o = "md",
-  variant: v = "primary",
-  color: i,
-  disabled: h = !1,
-  error: t = !1,
-  helperText: f,
-  className: p,
-  testId: N,
-  value: s,
-  name: c,
+}, L = _(null), q = B(({
+  label: d,
+  size: n = "md",
+  variant: h = "primary",
+  color: b,
+  disabled: p = !1,
+  error: s = !1,
+  helperText: o,
+  className: N,
+  id: g,
+  testId: S,
+  value: a,
+  name: f,
   checked: m,
-  onChange: b,
-  ...g
-}, S) => {
-  const e = _(I), w = z(), d = (e == null ? void 0 : e.size) ?? o, k = (e == null ? void 0 : e.variant) ?? v, l = (e == null ? void 0 : e.disabled) ?? h, x = (e == null ? void 0 : e.name) ?? c, y = e ? e.value === s : m, A = i ?? B[k], L = E(() => {
-    if (l) return;
-    const R = typeof s == "string" ? s : String(s);
-    e && R && e.onChange(R), b == null || b({ target: { value: R } });
-  }, [e, s, b, l]);
-  return /* @__PURE__ */ u("div", { className: a("bear-flex bear-flex-col", p), children: [
-    /* @__PURE__ */ u(
+  onChange: i,
+  ...w
+}, I) => {
+  const e = z(L), l = Z("Radio"), R = O(g, l), x = (e == null ? void 0 : e.size) ?? n, y = (e == null ? void 0 : e.variant) ?? h, c = (e == null ? void 0 : e.disabled) ?? p, j = (e == null ? void 0 : e.name) ?? f, u = e ? e.value === a : m, A = b ?? $[y], V = E(() => {
+    if (c) return;
+    const k = typeof a == "string" ? a : String(a);
+    e && k && e.onChange(k), i == null || i({ target: { value: k } });
+  }, [e, a, i, c]);
+  return /* @__PURE__ */ v("div", { className: r("bear-flex bear-flex-col", N), children: [
+    /* @__PURE__ */ v(
       "label",
       {
-        className: a(
+        className: r(
           "bear-inline-flex bear-items-center bear-gap-2 bear-cursor-pointer",
-          l && "bear-opacity-50 bear-cursor-not-allowed"
+          c && "bear-opacity-50 bear-cursor-not-allowed"
         ),
         children: [
-          /* @__PURE__ */ u("div", { className: "bear-relative bear-flex bear-items-center bear-justify-center", children: [
-            /* @__PURE__ */ r(
+          /* @__PURE__ */ v("div", { className: "bear-relative bear-flex bear-items-center bear-justify-center", children: [
+            /* @__PURE__ */ t(
               "input",
               {
-                ref: S,
+                ref: I,
+                id: R,
                 type: "radio",
-                name: x,
-                value: s,
-                checked: y,
-                disabled: l,
-                onChange: L,
+                name: j,
+                value: a,
+                checked: u,
+                disabled: c,
+                onChange: V,
                 className: "bear-sr-only",
-                id: w,
-                "data-testid": N,
-                ...g
+                "data-testid": S,
+                ...w
               }
             ),
-            /* @__PURE__ */ r(
+            /* @__PURE__ */ t(
               "div",
               {
-                className: a(
-                  O[d],
+                className: r(
+                  D[x],
                   "bear-rounded-full bear-border-2 bear-transition-all bear-flex bear-items-center bear-justify-center",
-                  t ? "bear-border-red-500" : "bear-border-gray-300 dark:bear-border-gray-600",
-                  y && !t && "bear-border-current",
-                  !l && "hover:bear-border-gray-400"
+                  s ? "bear-border-red-500" : "bear-border-gray-300 dark:bear-border-gray-600",
+                  u && !s && "bear-border-current",
+                  !c && "hover:bear-border-gray-400"
                 ),
                 style: {
-                  borderColor: y && !t ? A : void 0
+                  borderColor: u && !s ? A : void 0
                 },
-                children: /* @__PURE__ */ r(
+                children: /* @__PURE__ */ t(
                   "div",
                   {
-                    className: a(
+                    className: r(
                       "bear-rounded-full bear-transition-all bear-scale-0",
-                      y && "bear-scale-100"
+                      u && "bear-scale-100"
                     ),
                     style: {
                       width: "50%",
                       height: "50%",
-                      backgroundColor: t ? "#ef4444" : A
+                      backgroundColor: s ? "#ef4444" : A
                     }
                   }
                 )
               }
             )
           ] }),
-          n && /* @__PURE__ */ r("span", { className: a(
-            Z[d],
+          d && /* @__PURE__ */ t("span", { className: r(
+            P[x],
             "bear-text-gray-700 dark:bear-text-gray-300",
-            t && "bear-text-red-500"
-          ), children: n })
+            s && "bear-text-red-500"
+          ), children: d })
         ]
       }
     ),
-    f && /* @__PURE__ */ r("span", { className: a(
+    o && /* @__PURE__ */ t("span", { className: r(
       "bear-text-xs bear-mt-1 bear-ml-7",
-      t ? "bear-text-red-500" : "bear-text-gray-500"
-    ), children: f })
+      s ? "bear-text-red-500" : "bear-text-gray-500"
+    ), children: o })
   ] });
 });
-D.displayName = "Radio";
-const C = ({
-  name: n,
-  value: o,
-  defaultValue: v = "",
-  onChange: i,
-  children: h,
-  direction: t = "column",
-  size: f,
-  variant: p,
-  disabled: N = !1,
-  gap: s = 2,
-  label: c,
-  error: m = !1,
-  helperText: b,
-  className: g,
-  testId: S
+q.displayName = "Radio";
+const M = ({
+  name: d,
+  value: n,
+  defaultValue: h = "",
+  onChange: b,
+  children: p,
+  direction: s = "column",
+  size: o,
+  variant: N,
+  disabled: g = !1,
+  gap: S = 2,
+  label: a,
+  error: f = !1,
+  helperText: m,
+  className: i,
+  testId: w
 }) => {
-  const [e, w] = G(v), d = o !== void 0, k = d ? o : e, l = E((x) => {
-    d || w(x), i == null || i(x);
-  }, [d, i]);
-  return /* @__PURE__ */ u(
+  const [I, e] = G(h), l = n !== void 0, R = l ? n : I, x = E((y) => {
+    l || e(y), b == null || b(y);
+  }, [l, b]);
+  return /* @__PURE__ */ v(
     "div",
     {
-      className: a("bear-flex bear-flex-col", g),
+      className: r("bear-flex bear-flex-col", i),
       role: "radiogroup",
-      "aria-label": typeof c == "string" ? c : void 0,
-      "data-testid": S,
+      "aria-label": typeof a == "string" ? a : void 0,
+      "data-testid": w,
       children: [
-        c && /* @__PURE__ */ r("span", { className: a(
+        a && /* @__PURE__ */ t("span", { className: r(
           "bear-text-sm bear-font-medium bear-mb-2 bear-text-gray-700 dark:bear-text-gray-300",
-          m && "bear-text-red-500"
-        ), children: c }),
-        /* @__PURE__ */ r(I.Provider, { value: { name: n, value: k, onChange: l, size: f, variant: p, disabled: N }, children: /* @__PURE__ */ r(
+          f && "bear-text-red-500"
+        ), children: a }),
+        /* @__PURE__ */ t(L.Provider, { value: { name: d, value: R, onChange: x, size: o, variant: N, disabled: g }, children: /* @__PURE__ */ t(
           "div",
           {
-            className: a(
+            className: r(
               "bear-flex",
-              t === "column" ? "bear-flex-col" : "bear-flex-row bear-flex-wrap"
+              s === "column" ? "bear-flex-col" : "bear-flex-row bear-flex-wrap"
             ),
-            style: { gap: `${s * 0.25}rem` },
-            children: h
+            style: { gap: `${S * 0.25}rem` },
+            children: p
           }
         ) }),
-        b && /* @__PURE__ */ r("span", { className: a(
+        m && /* @__PURE__ */ t("span", { className: r(
           "bear-text-xs bear-mt-2",
-          m ? "bear-text-red-500" : "bear-text-gray-500"
-        ), children: b })
+          f ? "bear-text-red-500" : "bear-text-gray-500"
+        ), children: m })
       ]
     }
   );
 };
 export {
-  D as Radio,
-  C as RadioGroup
+  q as Radio,
+  M as RadioGroup
 };

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

@@ -1,6 +1,7 @@
 import { InputHTMLAttributes, ReactNode } from 'react';
 import { BearSize, BearVariant } from '../../types';
 export interface RadioProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size'> {
+    id?: string;
     /** Radio label */
     label?: ReactNode;
     /** Size of the radio */

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

@@ -1,5 +1,6 @@
 import { ReactNode, HTMLAttributes } from 'react';
 export interface RadioCardProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {
+    id?: string;
     value: string;
     checked?: boolean;
     onChange?: (value: string) => void;

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

@@ -1,6 +1,7 @@
 import { HTMLAttributes, ReactNode } from 'react';
 export type RatingSize = 'sm' | 'md' | 'lg';
 export interface RatingProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {
+    id?: string;
     /** Current value (0-max) */
     value?: number;
     /** Default value (uncontrolled) */

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

@@ -1,5 +1,6 @@
 import { ReactNode } from 'react';
 export interface ResizablePanelProps {
+    id?: string;
     /** First pane content */
     first: ReactNode;
     /** Second pane content */

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

@@ -1,5 +1,6 @@
 import { TextareaHTMLAttributes } from 'react';
 export interface ResizableTextareaProps extends Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, 'style'> {
+    id?: string;
     /** Textarea label */
     label?: string;
     /** Helper text below textarea */

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

@@ -1,6 +1,7 @@
 import { ReactNode, HTMLAttributes } from 'react';
 export type ResultStatus = 'success' | 'error' | 'info' | 'warning' | '404' | '403' | '500';
 export interface ResultProps extends HTMLAttributes<HTMLDivElement> {
+    id?: string;
     status: ResultStatus;
     title: string;
     subtitle?: string;

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"),m=require("../../utils/cn.cjs"),u=require("./helpers/formatHelpers.cjs"),f=require("./RichEditor.const.cjs"),ce=require("../../hooks/useMediaQuery.cjs"),C=require("./components/ToolbarButton/ToolbarButton.cjs"),ue=require("./components/ToolbarDropdown/ToolbarDropdown.cjs"),z=require("./components/ToolbarColorPicker/ToolbarColorPicker.cjs"),de=require("./components/ToolbarMore/ToolbarMore.cjs"),i=require("../Icon/icons/editor.cjs"),ge=6,fe=A=>{const{value:x,defaultValue:k="",onChange:R,placeholder:v="Start typing...",disabled:o=!1,readOnly:r=!1,minHeight:j=f.RICH_EDITOR_MIN_HEIGHT,maxHeight:b,toolbar:D=f.RICH_EDITOR_DEFAULT_TOOLBAR,className:N="",testId:M,id:F,allowImagePaste:L=!0,showCharCount:p=!1,charCountMax:_,...w}=A,l=c.useRef(null),E=ce.useMediaQuery(`(max-width: ${f.RICH_EDITOR_MOBILE_BREAKPOINT}px)`),O=E?f.RICH_EDITOR_MOBILE_TOOLBAR:D,[q,U]=c.useState(new Set),[P,H]=c.useState("p"),[B,V]=c.useState(0),[J,G]=c.useState("#000000"),[$,Q]=c.useState("#fef08a"),[K,Y]=c.useState([]),[W,X]=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(()=>{l.current&&x!==void 0&&l.current.innerHTML!==x&&(l.current.innerHTML=x)},[x]),c.useEffect(()=>{l.current&&k&&!x&&(l.current.innerHTML=k)},[]);const I=c.useCallback(()=>{U(u.getActiveFormats());const e=u.queryCommandValue("formatBlock");e&&H(e.toLowerCase().replace(/[<>]/g,""))},[]),a=c.useCallback(()=>{var e;l.current&&(R&&R(l.current.innerHTML),p&&V(((e=l.current.textContent)==null?void 0:e.length)??0)),I()},[R,I,p]),Z=c.useCallback(e=>{var d;if(o||r)return;(d=l.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(),a()},[o,r,I,a]),ee=c.useCallback(e=>{var n;o||r||((n=l.current)==null||n.focus(),u.execCommand("formatBlock",e),H(e),a())},[o,r,a]),te=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=l.current)==null||d.focus(),u.insertLink(g),a())},[o,r,a]),T=c.useCallback((e,n)=>{if(!e)return;(n==="text"?Y:X)(d=>{const s=d.filter(h=>h!==e);return[e,...s].slice(0,ge)})},[]),ne=c.useCallback(e=>{var n;o||r||((n=l.current)==null||n.focus(),u.setTextColor(e),G(e),T(e,"text"),a())},[o,r,a,T]),oe=c.useCallback(e=>{var n;o||r||((n=l.current)==null||n.focus(),u.setHighlightColor(e),Q(e),T(e,"highlight"),a())},[o,r,a,T]),re=c.useCallback(e=>{var n;o||r||((n=l.current)==null||n.focus(),u.setTextColor(e),a())},[o,r,a]),ie=c.useCallback(e=>{var n;o||r||((n=l.current)==null||n.focus(),u.setHighlightColor(e),a())},[o,r,a]),se=c.useCallback(async e=>{var g;if(!L)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 y=await u.fileToDataUrl(h);u.insertImage(y),a()}return}}},[L,a]),ae=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=l.current)==null||s.focus(),u.insertImage(h),a()}},e.click()},[o,r,a]),le={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})},S=(e,n)=>{if(e==="divider")return t.jsx("div",{className:m.cn("Bear-RichEditor__divider",f.RICH_EDITOR_DIVIDER_CLASSES)},`divider-${n}`);if(e==="headingDropdown")return t.jsx(ue.ToolbarDropdown,{options:f.RICH_EDITOR_HEADING_OPTIONS,value:P,onChange:ee,title:"Text Style",disabled:o||r,icon:t.jsx(i.TextIcon,{size:16})},"heading-dropdown");if(e==="textColor")return t.jsx(z.ToolbarColorPicker,{value:J,onChange:ne,title:"Text Color",disabled:o||r,type:"text",recentColors:K,onApplyLast:re},"text-color");if(e==="highlightColor")return t.jsx(z.ToolbarColorPicker,{value:$,onChange:oe,title:"Highlight Color",disabled:o||r,type:"highlight",recentColors:W,onApplyLast:ie},"highlight-color");if(e==="link")return t.jsx(C.ToolbarButton,{icon:t.jsx(i.InsertLinkIcon,{size:16}),title:"Insert Link",onClick:te,disabled:o||r},"link");if(e==="image")return t.jsx(C.ToolbarButton,{icon:t.jsx(i.InsertPhotoIcon,{size:16}),title:"Insert Image",onClick:ae,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=l.current)==null||s.focus(),u.execCommand("justifyLeft"),a()},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=l.current)==null||s.focus(),u.execCommand("justifyCenter"),a()},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=l.current)==null||s.focus(),u.execCommand("justifyRight"),a()},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=l.current)==null||s.focus(),u.execCommand("justifyFull"),a()},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=l.current)==null||s.focus(),u.execCommand("indent"),a()},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=l.current)==null||s.focus(),u.execCommand("outdent"),a()},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=l.current)==null||s.focus(),u.execCommand("removeFormat"),a()},disabled:o||r},"clearFormat");if(e==="more"){const s=E?f.RICH_EDITOR_MOBILE_MORE_ITEMS:["alignLeft","alignCenter","alignRight","alignJustify","indent","outdent","blockquote","code","clearFormat"];return t.jsx(de.ToolbarMore,{disabled:o||r,isMobile:E,children:s.map((h,y)=>S(h,y+1e3))},"more")}const g=f.RICH_EDITOR_BUTTON_CONFIG[e],d=le[e];return!g||!d?null:t.jsx(C.ToolbarButton,{icon:d,title:g.title,active:q.has(e),onClick:()=>Z(e),disabled:o||r},e)};return t.jsxs("div",{id:F,"data-testid":M,className:m.cn("Bear-RichEditor",f.RICH_EDITOR_ROOT_CLASSES,o&&"Bear-RichEditor--disabled",r&&"Bear-RichEditor--readonly",N),...w,children:[O.length>0&&t.jsx("div",{className:m.cn("Bear-RichEditor__toolbar",f.RICH_EDITOR_TOOLBAR_CLASSES),children:O.map((e,n)=>S(e,n))}),t.jsx("div",{ref:l,contentEditable:!o&&!r,onInput:a,onSelect:I,onKeyUp:I,onMouseUp:I,onPaste:se,"data-placeholder":v,className:m.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}}),p&&_!=null&&t.jsxs("div",{className:m.cn("Bear-RichEditor__char-count bear-text-xs bear-tabular-nums bear-px-3 bear-py-1.5 bear-text-right bear-border-t bear-border-gray-200 dark:bear-border-gray-700",B>_?"bear-text-red-500":"bear-text-gray-400 dark:bear-text-gray-500"),children:[B,"/",_]})]})};exports.RichEditor=fe;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),c=require("react"),m=require("../../utils/cn.cjs"),u=require("./helpers/formatHelpers.cjs"),f=require("./RichEditor.const.cjs"),le=require("../../hooks/useMediaQuery.cjs"),C=require("./components/ToolbarButton/ToolbarButton.cjs"),ce=require("./components/ToolbarDropdown/ToolbarDropdown.cjs"),z=require("./components/ToolbarColorPicker/ToolbarColorPicker.cjs"),ue=require("./components/ToolbarMore/ToolbarMore.cjs"),i=require("../Icon/icons/editor.cjs"),de=6,ge=A=>{const{value:x,defaultValue:k="",onChange:R,placeholder:v="Start typing...",disabled:o=!1,readOnly:r=!1,minHeight:j=f.RICH_EDITOR_MIN_HEIGHT,maxHeight:b,toolbar:D=f.RICH_EDITOR_DEFAULT_TOOLBAR,className:N="",testId:M,allowImagePaste:L=!0,showCharCount:p=!1,charCountMax:_,...F}=A,l=c.useRef(null),E=le.useMediaQuery(`(max-width: ${f.RICH_EDITOR_MOBILE_BREAKPOINT}px)`),O=E?f.RICH_EDITOR_MOBILE_TOOLBAR:D,[w,q]=c.useState(new Set),[U,H]=c.useState("p"),[B,P]=c.useState(0),[V,J]=c.useState("#000000"),[G,$]=c.useState("#fef08a"),[Q,K]=c.useState([]),[Y,W]=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(()=>{l.current&&x!==void 0&&l.current.innerHTML!==x&&(l.current.innerHTML=x)},[x]),c.useEffect(()=>{l.current&&k&&!x&&(l.current.innerHTML=k)},[]);const I=c.useCallback(()=>{q(u.getActiveFormats());const e=u.queryCommandValue("formatBlock");e&&H(e.toLowerCase().replace(/[<>]/g,""))},[]),a=c.useCallback(()=>{var e;l.current&&(R&&R(l.current.innerHTML),p&&P(((e=l.current.textContent)==null?void 0:e.length)??0)),I()},[R,I,p]),X=c.useCallback(e=>{var d;if(o||r)return;(d=l.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(),a()},[o,r,I,a]),Z=c.useCallback(e=>{var n;o||r||((n=l.current)==null||n.focus(),u.execCommand("formatBlock",e),H(e),a())},[o,r,a]),ee=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=l.current)==null||d.focus(),u.insertLink(g),a())},[o,r,a]),T=c.useCallback((e,n)=>{if(!e)return;(n==="text"?K:W)(d=>{const s=d.filter(h=>h!==e);return[e,...s].slice(0,de)})},[]),te=c.useCallback(e=>{var n;o||r||((n=l.current)==null||n.focus(),u.setTextColor(e),J(e),T(e,"text"),a())},[o,r,a,T]),ne=c.useCallback(e=>{var n;o||r||((n=l.current)==null||n.focus(),u.setHighlightColor(e),$(e),T(e,"highlight"),a())},[o,r,a,T]),oe=c.useCallback(e=>{var n;o||r||((n=l.current)==null||n.focus(),u.setTextColor(e),a())},[o,r,a]),re=c.useCallback(e=>{var n;o||r||((n=l.current)==null||n.focus(),u.setHighlightColor(e),a())},[o,r,a]),ie=c.useCallback(async e=>{var g;if(!L)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 y=await u.fileToDataUrl(h);u.insertImage(y),a()}return}}},[L,a]),se=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=l.current)==null||s.focus(),u.insertImage(h),a()}},e.click()},[o,r,a]),ae={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})},S=(e,n)=>{if(e==="divider")return t.jsx("div",{className:m.cn("Bear-RichEditor__divider",f.RICH_EDITOR_DIVIDER_CLASSES)},`divider-${n}`);if(e==="headingDropdown")return t.jsx(ce.ToolbarDropdown,{options:f.RICH_EDITOR_HEADING_OPTIONS,value:U,onChange:Z,title:"Text Style",disabled:o||r,icon:t.jsx(i.TextIcon,{size:16})},"heading-dropdown");if(e==="textColor")return t.jsx(z.ToolbarColorPicker,{value:V,onChange:te,title:"Text Color",disabled:o||r,type:"text",recentColors:Q,onApplyLast:oe},"text-color");if(e==="highlightColor")return t.jsx(z.ToolbarColorPicker,{value:G,onChange:ne,title:"Highlight Color",disabled:o||r,type:"highlight",recentColors:Y,onApplyLast:re},"highlight-color");if(e==="link")return t.jsx(C.ToolbarButton,{icon:t.jsx(i.InsertLinkIcon,{size:16}),title:"Insert Link",onClick:ee,disabled:o||r},"link");if(e==="image")return t.jsx(C.ToolbarButton,{icon:t.jsx(i.InsertPhotoIcon,{size:16}),title:"Insert Image",onClick:se,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=l.current)==null||s.focus(),u.execCommand("justifyLeft"),a()},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=l.current)==null||s.focus(),u.execCommand("justifyCenter"),a()},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=l.current)==null||s.focus(),u.execCommand("justifyRight"),a()},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=l.current)==null||s.focus(),u.execCommand("justifyFull"),a()},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=l.current)==null||s.focus(),u.execCommand("indent"),a()},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=l.current)==null||s.focus(),u.execCommand("outdent"),a()},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=l.current)==null||s.focus(),u.execCommand("removeFormat"),a()},disabled:o||r},"clearFormat");if(e==="more"){const s=E?f.RICH_EDITOR_MOBILE_MORE_ITEMS:["alignLeft","alignCenter","alignRight","alignJustify","indent","outdent","blockquote","code","clearFormat"];return t.jsx(ue.ToolbarMore,{disabled:o||r,isMobile:E,children:s.map((h,y)=>S(h,y+1e3))},"more")}const g=f.RICH_EDITOR_BUTTON_CONFIG[e],d=ae[e];return!g||!d?null:t.jsx(C.ToolbarButton,{icon:d,title:g.title,active:w.has(e),onClick:()=>X(e),disabled:o||r},e)};return t.jsxs("div",{"data-testid":M,className:m.cn("Bear-RichEditor",f.RICH_EDITOR_ROOT_CLASSES,o&&"Bear-RichEditor--disabled",r&&"Bear-RichEditor--readonly",N),...F,children:[O.length>0&&t.jsx("div",{className:m.cn("Bear-RichEditor__toolbar",f.RICH_EDITOR_TOOLBAR_CLASSES),children:O.map((e,n)=>S(e,n))}),t.jsx("div",{ref:l,contentEditable:!o&&!r,onInput:a,onSelect:I,onKeyUp:I,onMouseUp:I,onPaste:ie,"data-placeholder":v,className:m.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}}),p&&_!=null&&t.jsxs("div",{className:m.cn("Bear-RichEditor__char-count bear-text-xs bear-tabular-nums bear-px-3 bear-py-1.5 bear-text-right bear-border-t bear-border-gray-200 dark:bear-border-gray-700",B>_?"bear-text-red-500":"bear-text-gray-400 dark:bear-text-gray-500"),children:[B,"/",_]})]})};exports.RichEditor=ge;