@vkzstudio/muza-ui 1.0.11 → 1.0.13

package/dist/components/TextEditor/LinkBubbleMenu.js

@@ -1,97 +1,121 @@
-import { jsx as e, jsxs as n, Fragment as f } from "react/jsx-runtime";
-import { BubbleMenu as b } from "../../node_modules/@tiptap/react/dist/index.js";
-import { Flex as a } from "../Flex/Flex.js";
-import { Button as s } from "../Button/Button.js";
-import { Pen2Bold as h, TrashBinTrashBold as x } from "@solar-icons/react-perf";
-const N = ({
-  editor: o,
-  linkUrl: c,
-  isEditingLink: u,
-  onUrlChange: p,
-  onEdit: d,
-  onSave: l,
-  onRemove: m,
-  onCancel: i,
-  translations: r
-}) => /* @__PURE__ */ e(
-  b,
-  {
-    editor: o,
-    tippyOptions: {
-      duration: 150,
-      placement: "top",
-      popperOptions: {
-        modifiers: [
-          {
-            name: "flip",
-            options: {
-              fallbackPlacements: ["top"]
-            }
-          }
-        ]
-      }
-    },
-    shouldShow: ({ editor: t }) => t.isActive("link"),
-    children: /* @__PURE__ */ e(
-      a,
-      {
-        direction: "column",
-        className: "gap-2 rounded-xl bg-surface-base-secondary p-3 shadow-lg",
-        children: u ? /* @__PURE__ */ n(f, { children: [
-          /* @__PURE__ */ e(
-            "input",
+import { jsx as e, jsxs as n, Fragment as d } from "react/jsx-runtime";
+import { useRef as x } from "react";
+import { BubbleMenu as y } from "../../node_modules/@tiptap/react/dist/index.js";
+/* empty css                                                    */
+import { Button as o } from "../Button/Button.js";
+import { Flex as l } from "../Flex/Flex.js";
+import { Input as v } from "../Input/Input.js";
+import { cn as B } from "../../utils/cn.js";
+import { typographyVariants as w } from "../Typography/Typography.js";
+import { Pen2Bold as z, TrashBinTrashBold as C } from "@solar-icons/react-perf";
+const R = ({
+  editor: c,
+  containerRef: f,
+  linkUrl: h,
+  isEditingLink: i,
+  onUrlChange: b,
+  onEdit: g,
+  onSave: s,
+  onRemove: k,
+  onCancel: p,
+  translations: t
+}) => {
+  const m = x(""), a = c.getAttributes("link").href;
+  a && (m.current = a);
+  const u = a || m.current;
+  return /* @__PURE__ */ e(
+    y,
+    {
+      editor: c,
+      tippyOptions: {
+        duration: [150, 100],
+        animation: "shift-away",
+        placement: "top",
+        interactive: !0,
+        appendTo: () => f.current ?? document.body,
+        popperOptions: {
+          modifiers: [
             {
-              type: "text",
-              value: c,
-              onChange: (t) => p(t.target.value),
-              onKeyDown: (t) => {
-                t.key === "Enter" && (t.preventDefault(), l()), t.key === "Escape" && i();
-              },
-              placeholder: "https://...",
-              className: "w-64 rounded-lg border border-comp-input-stroke-def bg-comp-input-fill-def px-3 py-2 text-sm outline-none focus:border-comp-input-stroke-focused",
-              autoFocus: !0
+              name: "flip",
+              options: {
+                fallbackPlacements: ["bottom"]
+              }
             }
-          ),
-          /* @__PURE__ */ n(a, { justify: "end", className: "w-full gap-2", children: [
-            /* @__PURE__ */ e(s, { size: "xs", variant: "secondary", ghost: !0, onClick: i, children: r.cancelButton }),
-            /* @__PURE__ */ e(s, { size: "xs", onClick: l, children: r.saveButton })
+          ]
+        }
+      },
+      shouldShow: ({ editor: r }) => r.isActive("link"),
+      children: /* @__PURE__ */ e(
+        l,
+        {
+          direction: i ? "column" : "row",
+          align: i ? "end" : "center",
+          className: "gap-lg rounded-xl bg-surface-base-secondary p-lg dropdown-shadow-default",
+          children: i ? /* @__PURE__ */ n(d, { children: [
+            /* @__PURE__ */ e(
+              v,
+              {
+                value: h,
+                onChange: (r) => b(r.target.value),
+                onKeyDown: (r) => {
+                  r.key === "Enter" && (r.preventDefault(), s()), r.key === "Escape" && p();
+                },
+                placeholder: "https://",
+                autoFocus: !0
+              }
+            ),
+            /* @__PURE__ */ n(l, { className: "gap-sm", children: [
+              /* @__PURE__ */ e(o, { size: "xs", variant: "primary", ghost: !0, onClick: p, children: t.cancelButton }),
+              /* @__PURE__ */ e(o, { size: "xs", onClick: s, children: t.saveButton })
+            ] })
+          ] }) : /* @__PURE__ */ n(d, { children: [
+            /* @__PURE__ */ e(
+              "a",
+              {
+                href: u,
+                target: "_blank",
+                rel: "noopener noreferrer",
+                className: B(
+                  w({
+                    variant: "body",
+                    size: "base",
+                    weight: "medium",
+                    fixY: !0
+                  }),
+                  "min-w-0 flex-1 truncate text-text-brand-def hover:underline"
+                ),
+                children: u
+              }
+            ),
+            /* @__PURE__ */ n(l, { className: "shrink-0 gap-2xs", children: [
+              /* @__PURE__ */ e(
+                o,
+                {
+                  variant: "link",
+                  size: "icon",
+                  icon: /* @__PURE__ */ e(z, {}),
+                  onClick: g,
+                  "aria-label": t.editButton
+                }
+              ),
+              /* @__PURE__ */ e(
+                o,
+                {
+                  variant: "link",
+                  size: "icon",
+                  danger: !0,
+                  icon: /* @__PURE__ */ e(C, {}),
+                  onClick: k,
+                  "aria-label": t.removeButton
+                }
+              )
+            ] })
           ] })
-        ] }) : /* @__PURE__ */ n(a, { align: "center", className: "gap-2", children: [
-          /* @__PURE__ */ e(
-            "a",
-            {
-              href: o.getAttributes("link").href,
-              target: "_blank",
-              rel: "noopener noreferrer",
-              className: "max-w-48 flex-1 truncate text-sm text-text-brand-def hover:underline",
-              children: o.getAttributes("link").href
-            }
-          ),
-          /* @__PURE__ */ e(
-            "button",
-            {
-              type: "button",
-              onClick: d,
-              className: "cursor-pointer rounded p-1 text-text-brand-def hover:bg-surface-base-tertiary",
-              "aria-label": r.editButton,
-              children: /* @__PURE__ */ e(h, { className: "size-icon-xsmall" })
-            }
-          ),
-          /* @__PURE__ */ e(
-            "button",
-            {
-              type: "button",
-              onClick: m,
-              className: "cursor-pointer rounded p-1 text-text-brand-def hover:bg-surface-base-tertiary",
-              "aria-label": r.removeButton,
-              children: /* @__PURE__ */ e(x, { className: "size-icon-xsmall" })
-            }
-          )
-        ] })
-      }
-    )
-  }
-);
+        }
+      )
+    }
+  );
+};
 export {
-  N as LinkBubbleMenu
+  R as LinkBubbleMenu
 };

package/dist/components/TextEditor/TextEditor.d.ts

@@ -114,8 +114,11 @@ export interface TextEditorProps {
      * <TextEditor extensions={[Mention.configure({ ... })]} />
      */
     extensions?: AnyExtension[];
-    /** Minimum height of the content area. Default: 200 */
-    minHeight?: number | string;
+    /**
+     * Minimum height of the content area in pixels. Clamped to a minimum of 220px
+     * to ensure the link bubble menu has enough space. Default: 220
+     */
+    minHeight?: number;
     /** Maximum height of the content area (enables scrolling) */
     maxHeight?: number | string;
     /** Enables vertical resizing. Default: true */

package/dist/components/TextEditor/TextEditor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TextEditor.d.ts","sourceRoot":"","sources":["../../../src/components/TextEditor/TextEditor.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,SAAS,EAIf,MAAM,OAAO,CAAA;AACd,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,cAAc,CAAA;AAGhD,OAAO,EAAE,KAAK,MAAM,EAA4B,MAAM,eAAe,CAAA;AAkBrE,gCAAgC;AAChC,KAAK,WAAW,GAAG,MAAM,GAAG,MAAM,CAAA;AAElC,+BAA+B;AAC/B,KAAK,YAAY,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAA;AAE7B,wCAAwC;AACxC,KAAK,cAAc,GAAG,MAAM,GAAG,QAAQ,GAAG,eAAe,CAAA;AAEzD,6BAA6B;AAC7B,KAAK,QAAQ,GAAG,QAAQ,GAAG,SAAS,CAAA;AAEpC;;;;;;;;;;;;;;;;;GAiBG;AACH,MAAM,WAAW,uBAAuB;IACtC,sDAAsD;IACtD,OAAO,CAAC,EAAE,OAAO,GAAG,WAAW,EAAE,CAAA;IACjC,qDAAqD;IACrD,QAAQ,CAAC,EAAE,OAAO,GAAG,YAAY,EAAE,CAAA;IACnC,yEAAyE;IACzE,UAAU,CAAC,EAAE,OAAO,GAAG,cAAc,EAAE,CAAA;IACvC,wDAAwD;IACxD,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,EAAE,CAAA;IAC5B,iFAAiF;IACjF,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,kDAAkD;IAClD,eAAe,CAAC,EAAE,OAAO,CAAA;CAC1B;AAED;;;;;;;;;;;GAWG;AACH,MAAM,WAAW,aAAa;IAC5B,4CAA4C;IAC5C,MAAM,EAAE,MAAM,GAAG,IAAI,CAAA;IACrB,yBAAyB;IACzB,KAAK,EAAE,MAAM,IAAI,CAAA;IACjB,oCAAoC;IACpC,IAAI,EAAE,MAAM,IAAI,CAAA;IAChB,0CAA0C;IAC1C,OAAO,EAAE,MAAM,MAAM,CAAA;IACrB,gDAAgD;IAChD,OAAO,EAAE,MAAM,MAAM,CAAA;IACrB,gDAAgD;IAChD,OAAO,EAAE,MAAM,OAAO,CAAA;IACtB,+CAA+C;IAC/C,UAAU,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;CACnC;AAED;;GAEG;AACH,MAAM,WAAW,eAAe;IAC9B,6EAA6E;IAC7E,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,0CAA0C;IAC1C,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IACjC,wCAAwC;IACxC,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;IACnB,wCAAwC;IACxC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,kDAAkD;IAClD,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,uCAAuC;IACvC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,6CAA6C;IAC7C,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,8CAA8C;IAC9C,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,oDAAoD;IACpD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,6CAA6C;IAC7C,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,oFAAoF;IACpF,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;IACxB;;;OAGG;IACH,OAAO,CAAC,EAAE,uBAAuB,CAAA;IACjC,4DAA4D;IAC5D,YAAY,CAAC,EAAE,SAAS,CAAA;IACxB;;;;;OAKG;IACH,UAAU,CAAC,EAAE,YAAY,EAAE,CAAA;IAC3B,uDAAuD;IACvD,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC3B,6DAA6D;IAC7D,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC3B,+CAA+C;IAC/C,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,iDAAiD;IACjD,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,iDAAiD;IACjD,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,uGAAuG;IACvG,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,0DAA0D;IAC1D,eAAe,CAAC,EAAE,MAAM,CAAA;CACzB;AAwBD,QAAA,MAAM,UAAU,2GA+Pf,CAAA;AAID,OAAO,EAAE,UAAU,EAAE,CAAA"}
+{"version":3,"file":"TextEditor.d.ts","sourceRoot":"","sources":["../../../src/components/TextEditor/TextEditor.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,SAAS,EAKf,MAAM,OAAO,CAAA;AACd,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,cAAc,CAAA;AAGhD,OAAO,EAAE,KAAK,MAAM,EAA4B,MAAM,eAAe,CAAA;AAkBrE,gCAAgC;AAChC,KAAK,WAAW,GAAG,MAAM,GAAG,MAAM,CAAA;AAElC,+BAA+B;AAC/B,KAAK,YAAY,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAA;AAE7B,wCAAwC;AACxC,KAAK,cAAc,GAAG,MAAM,GAAG,QAAQ,GAAG,eAAe,CAAA;AAEzD,6BAA6B;AAC7B,KAAK,QAAQ,GAAG,QAAQ,GAAG,SAAS,CAAA;AAEpC;;;;;;;;;;;;;;;;;GAiBG;AACH,MAAM,WAAW,uBAAuB;IACtC,sDAAsD;IACtD,OAAO,CAAC,EAAE,OAAO,GAAG,WAAW,EAAE,CAAA;IACjC,qDAAqD;IACrD,QAAQ,CAAC,EAAE,OAAO,GAAG,YAAY,EAAE,CAAA;IACnC,yEAAyE;IACzE,UAAU,CAAC,EAAE,OAAO,GAAG,cAAc,EAAE,CAAA;IACvC,wDAAwD;IACxD,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,EAAE,CAAA;IAC5B,iFAAiF;IACjF,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,kDAAkD;IAClD,eAAe,CAAC,EAAE,OAAO,CAAA;CAC1B;AAED;;;;;;;;;;;GAWG;AACH,MAAM,WAAW,aAAa;IAC5B,4CAA4C;IAC5C,MAAM,EAAE,MAAM,GAAG,IAAI,CAAA;IACrB,yBAAyB;IACzB,KAAK,EAAE,MAAM,IAAI,CAAA;IACjB,oCAAoC;IACpC,IAAI,EAAE,MAAM,IAAI,CAAA;IAChB,0CAA0C;IAC1C,OAAO,EAAE,MAAM,MAAM,CAAA;IACrB,gDAAgD;IAChD,OAAO,EAAE,MAAM,MAAM,CAAA;IACrB,gDAAgD;IAChD,OAAO,EAAE,MAAM,OAAO,CAAA;IACtB,+CAA+C;IAC/C,UAAU,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;CACnC;AAED;;GAEG;AACH,MAAM,WAAW,eAAe;IAC9B,6EAA6E;IAC7E,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,0CAA0C;IAC1C,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IACjC,wCAAwC;IACxC,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;IACnB,wCAAwC;IACxC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,kDAAkD;IAClD,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,uCAAuC;IACvC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,6CAA6C;IAC7C,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,8CAA8C;IAC9C,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,oDAAoD;IACpD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,6CAA6C;IAC7C,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,oFAAoF;IACpF,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;IACxB;;;OAGG;IACH,OAAO,CAAC,EAAE,uBAAuB,CAAA;IACjC,4DAA4D;IAC5D,YAAY,CAAC,EAAE,SAAS,CAAA;IACxB;;;;;OAKG;IACH,UAAU,CAAC,EAAE,YAAY,EAAE,CAAA;IAC3B;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,6DAA6D;IAC7D,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC3B,+CAA+C;IAC/C,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,iDAAiD;IACjD,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,iDAAiD;IACjD,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,uGAAuG;IACvG,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,0DAA0D;IAC1D,eAAe,CAAC,EAAE,MAAM,CAAA;CACzB;AAwBD,QAAA,MAAM,UAAU,2GAyQf,CAAA;AAID,OAAO,EAAE,UAAU,EAAE,CAAA"}

package/dist/components/TextEditor/TextEditor.js

@@ -1,20 +1,20 @@
-import { jsxs as l, jsx as e } from "react/jsx-runtime";
-import { forwardRef as R, useEffect as T, useImperativeHandle as I } from "react";
-import { Link as O } from "../../node_modules/@tiptap/extension-link/dist/index.js";
-import { Placeholder as $ } from "../../node_modules/@tiptap/extension-placeholder/dist/index.js";
-import { useEditor as K, EditorContent as W } from "../../node_modules/@tiptap/react/dist/index.js";
-import { StarterKit as Y } from "../../node_modules/@tiptap/starter-kit/dist/index.js";
-import { cva as q } from "class-variance-authority";
-import { EditorToolbar as D } from "./EditorToolbar.js";
-import { LinkBubbleMenu as G } from "./LinkBubbleMenu.js";
-import { useLinkEditor as J } from "./useLinkEditor.js";
-import { useMuzaTranslations as Q } from "../../translations/TranslationContext.js";
+import { jsx as r, jsxs as l } from "react/jsx-runtime";
+import { forwardRef as I, useEffect as T, useImperativeHandle as O, useRef as $ } from "react";
+import { Link as K } from "../../node_modules/@tiptap/extension-link/dist/index.js";
+import { Placeholder as W } from "../../node_modules/@tiptap/extension-placeholder/dist/index.js";
+import { useEditor as Y, EditorContent as q } from "../../node_modules/@tiptap/react/dist/index.js";
+import { StarterKit as D } from "../../node_modules/@tiptap/starter-kit/dist/index.js";
+import { cva as G } from "class-variance-authority";
+import { EditorToolbar as J } from "./EditorToolbar.js";
+import { LinkBubbleMenu as Q } from "./LinkBubbleMenu.js";
+import { useLinkEditor as X } from "./useLinkEditor.js";
+import { useMuzaTranslations as Z } from "../../translations/TranslationContext.js";
+import { cn as d } from "../../utils/cn.js";
 import { Flex as L } from "../Flex/Flex.js";
 import { Typography as E } from "../Typography/Typography.js";
-import { cn as d } from "../../utils/cn.js";
-import { TooltipProvider as X, Tooltip as Z, TooltipTrigger as tt, TooltipContent as et } from "../Tooltip/Tooltip.js";
-import { InfoCircleBold as rt } from "@solar-icons/react-perf";
-const ot = q(
+import { TooltipProvider as tt, Tooltip as et, TooltipTrigger as rt, TooltipContent as ot } from "../Tooltip/Tooltip.js";
+import { InfoCircleBold as it } from "@solar-icons/react-perf";
+const nt = G(
   [
     "overflow-hidden rounded-xl border bg-surface-base-secondary transition-colors",
     "focus-within:border-comp-texteditor-stroke-focused",
@@ -33,41 +33,41 @@ const ot = q(
       state: "default"
     }
   }
-), it = R(
+), st = I(
   ({
     value: s,
     defaultValue: C,
     onChange: p,
-    onBlur: w,
-    onFocus: M,
-    placeholder: z = "",
+    onBlur: M,
+    onFocus: w,
+    placeholder: H = "",
     label: x,
-    hint: h,
-    infoTooltip: g,
+    hint: u,
+    infoTooltip: h,
     disabled: i = !1,
     readOnly: f = !1,
     error: a,
     toolbar: n = {},
-    toolbarExtra: k,
-    extensions: N = [],
-    minHeight: u = 200,
+    toolbarExtra: g,
+    extensions: z = [],
+    minHeight: N = 200,
     maxHeight: m,
-    resizable: H = !0,
-    className: U,
-    contentClassName: P,
+    resizable: P = !0,
+    className: R,
+    contentClassName: U,
     unstyled: S = !1,
     editorClassName: V
   }, j) => {
-    const y = Q(), c = {
+    const k = Z(), c = {
       history: n.history ?? !0,
       headings: n.headings ?? !0,
       formatting: n.formatting ?? !0,
       lists: n.lists ?? !0,
       link: n.link ?? !0,
       clearFormatting: n.clearFormatting ?? !0
-    }, A = !!k || Object.values(c).some((o) => o !== !1), t = K({
+    }, A = !!g || Object.values(c).some((e) => e !== !1), t = Y({
       extensions: [
-        Y.configure({
+        D.configure({
           heading: { levels: [1, 2, 3] },
           bulletList: {
             HTMLAttributes: { class: "list-disc ml-6" }
@@ -77,7 +77,7 @@ const ot = q(
           }
         }),
         ...c.link ? [
-          O.configure({
+          K.configure({
             openOnClick: !1,
             autolink: !0,
             linkOnPaste: !0,
@@ -87,19 +87,19 @@ const ot = q(
             }
           })
         ] : [],
-        $.configure({
-          placeholder: z
+        W.configure({
+          placeholder: ({ editor: e }) => e.state.doc.textContent.length === 0 ? H : ""
         }),
-        ...N
+        ...z
       ],
       content: s ?? C ?? "",
       editable: !i && !f,
-      onUpdate: ({ editor: o }) => {
-        const b = o.getText().trim(), v = o.getHTML();
+      onUpdate: ({ editor: e }) => {
+        const b = e.getText().trim(), v = e.getHTML();
         p == null || p(b.length === 0 ? "" : v);
       },
-      onBlur: w,
-      onFocus: M,
+      onBlur: M,
+      onFocus: w,
       editorProps: {
         attributes: {
           class: d(
@@ -122,7 +122,7 @@ const ot = q(
               "[&_li]:my-1",
               "[&_hr]:my-3xl [&_hr]:border-stroke-base-secondary"
             ],
-            // Placeholder (always applied)
+            // Placeholder (only when the entire editor is empty — controlled via placeholder function)
             "[&_.is-empty]:before:content-[attr(data-placeholder)] [&_.is-empty]:before:text-comp-input-text-placeholder [&_.is-empty]:before:float-left [&_.is-empty]:before:h-0 [&_.is-empty]:before:pointer-events-none",
             V
           ),
@@ -135,12 +135,12 @@ const ot = q(
     });
     T(() => {
       if (t && s !== void 0) {
-        const o = t.getHTML();
-        (s || "<p></p>") !== (o || "<p></p>") && t.commands.setContent(s, !1);
+        const e = t.getHTML();
+        (s || "<p></p>") !== (e || "<p></p>") && t.commands.setContent(s, !1);
       }
     }, [t, s]), T(() => {
       t && t.setEditable(!i && !f);
-    }, [t, i, f]), I(
+    }, [t, i, f]), O(
       j,
       () => ({
         editor: t,
@@ -149,92 +149,100 @@ const ot = q(
         getHTML: () => (t == null ? void 0 : t.getHTML()) ?? "",
         getText: () => (t == null ? void 0 : t.getText()) ?? "",
         isEmpty: () => (t == null ? void 0 : t.isEmpty) ?? !0,
-        setContent: (o) => t == null ? void 0 : t.commands.setContent(o)
+        setContent: (e) => t == null ? void 0 : t.commands.setContent(e)
       }),
       [t]
     );
-    const r = J(t), B = i ? "disabled" : a ? "error" : "default", _ = typeof a == "string" ? a : void 0, F = {
-      minHeight: typeof u == "number" ? `${u}px` : u,
+    const o = X(t), y = $(null), B = i ? "disabled" : a ? "error" : "default", _ = typeof a == "string" ? a : void 0, F = {
+      minHeight: `${Math.max(N, 200)}px`,
       maxHeight: m ? typeof m == "number" ? `${m}px` : m : void 0,
-      resize: H && !i ? "vertical" : "none"
+      resize: P && !i ? "vertical" : "none"
     };
-    return /* @__PURE__ */ l(L, { direction: "column", className: d("gap-comp-input-gap", U), children: [
-      x && /* @__PURE__ */ l(L, { align: "center", gap: "2xs", children: [
-        /* @__PURE__ */ e(
-          E,
-          {
-            component: "label",
-            weight: "regular",
-            size: "sm",
-            className: "text-comp-select-text-primary",
-            fixY: !0,
-            children: x
-          }
-        ),
-        g && /* @__PURE__ */ e(X, { children: /* @__PURE__ */ l(Z, { children: [
-          /* @__PURE__ */ e(tt, { asChild: !0, children: /* @__PURE__ */ e(rt, { className: "cursor-help text-comp-info-ico-def hover:text-comp-info-ico-hover" }) }),
-          /* @__PURE__ */ e(et, { children: g })
-        ] }) })
-      ] }),
-      /* @__PURE__ */ l("div", { className: ot({ state: B }), children: [
-        A && /* @__PURE__ */ e(
-          D,
-          {
-            editor: t,
-            toolbarConfig: c,
-            disabled: i,
-            translations: y.textEditor,
-            onLinkClick: r.handleLinkToolbarClick,
-            toolbarExtra: k
-          }
-        ),
-        /* @__PURE__ */ l(
-          "div",
-          {
-            className: d(
-              "relative overflow-auto px-2xl py-xl",
-              "mr-[calc(var(--spacing-xl)/2)]",
-              "pr-[calc(var(--spacing-2xl)-var(--spacing-xl)/2)]",
-              // Compensate for scrollbar offset
-              P
+    return /* @__PURE__ */ r("div", { ref: y, children: /* @__PURE__ */ l(
+      L,
+      {
+        direction: "column",
+        className: d("gap-comp-input-gap", R),
+        children: [
+          x && /* @__PURE__ */ l(L, { align: "center", gap: "2xs", children: [
+            /* @__PURE__ */ r(
+              E,
+              {
+                component: "label",
+                weight: "regular",
+                size: "sm",
+                className: "text-comp-select-text-primary",
+                fixY: !0,
+                children: x
+              }
             ),
-            style: F,
-            children: [
-              /* @__PURE__ */ e(W, { editor: t, className: "h-full w-full" }),
-              t && c.link && /* @__PURE__ */ e(
-                G,
-                {
-                  editor: t,
-                  linkUrl: r.linkUrl,
-                  isEditingLink: r.isEditingLink,
-                  onUrlChange: r.setLinkUrl,
-                  onEdit: r.handleOpenLinkEdit,
-                  onSave: r.handleSaveLink,
-                  onRemove: r.handleRemoveLink,
-                  onCancel: r.handleCancelEdit,
-                  translations: y.textEditor
-                }
-              )
-            ]
-          }
-        )
-      ] }),
-      (h || _) && /* @__PURE__ */ e(
-        E,
-        {
-          component: "span",
-          size: "sm",
-          weight: "regular",
-          className: d("text-comp-select-text-secondary", {
-            "text-comp-input-text-error": a
-          }),
-          children: _ || h
-        }
-      )
-    ] });
+            h && /* @__PURE__ */ r(tt, { children: /* @__PURE__ */ l(et, { children: [
+              /* @__PURE__ */ r(rt, { asChild: !0, children: /* @__PURE__ */ r(it, { className: "cursor-help text-comp-info-ico-def hover:text-comp-info-ico-hover" }) }),
+              /* @__PURE__ */ r(ot, { children: h })
+            ] }) })
+          ] }),
+          /* @__PURE__ */ l("div", { className: nt({ state: B }), children: [
+            A && /* @__PURE__ */ r(
+              J,
+              {
+                editor: t,
+                toolbarConfig: c,
+                disabled: i,
+                translations: k.textEditor,
+                onLinkClick: o.handleLinkToolbarClick,
+                toolbarExtra: g
+              }
+            ),
+            /* @__PURE__ */ l(
+              "div",
+              {
+                className: d(
+                  "relative overflow-auto px-2xl py-xl",
+                  "mr-[calc(var(--spacing-xl)/2)]",
+                  "pr-[calc(var(--spacing-2xl)-var(--spacing-xl)/2)]",
+                  // Compensate for scrollbar offset
+                  U
+                ),
+                style: F,
+                children: [
+                  /* @__PURE__ */ r(q, { editor: t, className: "h-full w-full" }),
+                  t && c.link && /* @__PURE__ */ r(
+                    Q,
+                    {
+                      editor: t,
+                      containerRef: y,
+                      linkUrl: o.linkUrl,
+                      isEditingLink: o.isEditingLink,
+                      onUrlChange: o.setLinkUrl,
+                      onEdit: o.handleOpenLinkEdit,
+                      onSave: o.handleSaveLink,
+                      onRemove: o.handleRemoveLink,
+                      onCancel: o.handleCancelEdit,
+                      translations: k.textEditor
+                    }
+                  )
+                ]
+              }
+            )
+          ] }),
+          (u || _) && /* @__PURE__ */ r(
+            E,
+            {
+              component: "span",
+              size: "sm",
+              weight: "regular",
+              className: d("text-comp-select-text-secondary", {
+                "text-comp-input-text-error": a
+              }),
+              children: _ || u
+            }
+          )
+        ]
+      }
+    ) });
   }
 );
-it.displayName = "TextEditor";
+st.displayName = "TextEditor";
 export {
-  it as TextEditor
+  st as TextEditor
 };

package/dist/components/TextEditor/TextEditor.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TextEditor.stories.d.ts","sourceRoot":"","sources":["../../../src/components/TextEditor/TextEditor.stories.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAO3D,OAAO,EACL,UAAU,EAIX,MAAM,SAAS,CAAA;AAEhB,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,UAAU,CAmKjC,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,UAAU,CAAC,CAAA;AAGxC,eAAO,MAAM,OAAO,EAAE,KAOrB,CAAA;AAGD,eAAO,MAAM,UAAU,EAAE,KAsBxB,CAAA;AAGD,eAAO,MAAM,mBAAmB,EAAE,KA6BjC,CAAA;AAGD,eAAO,MAAM,SAAS,EAAE,KAqDvB,CAAA;AAGD,eAAO,MAAM,kBAAkB,EAAE,KAchC,CAAA;AAGD,eAAO,MAAM,cAAc,EAAE,KAgB5B,CAAA;AAGD,eAAO,MAAM,gBAAgB,EAAE,KAgC9B,CAAA;AAGD,eAAO,MAAM,YAAY,EAAE,KA8B1B,CAAA;AAGD,eAAO,MAAM,mBAAmB,EAAE,KAgCjC,CAAA;AAqKD;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,YAAY,EAAE,KAmD1B,CAAA;AAMD;;;;;;;;;;;;;;;;;GAiBG;AACH,eAAO,MAAM,mBAAmB,EAAE,KAqDjC,CAAA;AAGD,eAAO,MAAM,QAAQ,EAAE,KA6CtB,CAAA;AAGD,eAAO,MAAM,mBAAmB,EAAE,KAkCjC,CAAA"}
+{"version":3,"file":"TextEditor.stories.d.ts","sourceRoot":"","sources":["../../../src/components/TextEditor/TextEditor.stories.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAO3D,OAAO,EACL,UAAU,EAIX,MAAM,SAAS,CAAA;AAEhB,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,UAAU,CAgIjC,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,UAAU,CAAC,CAAA;AAGxC,eAAO,MAAM,OAAO,EAAE,KAerB,CAAA;AAGD,eAAO,MAAM,UAAU,EAAE,KA4BxB,CAAA;AAGD,eAAO,MAAM,mBAAmB,EAAE,KAmCjC,CAAA;AAGD,eAAO,MAAM,SAAS,EAAE,KA6DvB,CAAA;AAGD,eAAO,MAAM,kBAAkB,EAAE,KAsBhC,CAAA;AAGD,eAAO,MAAM,cAAc,EAAE,KAsB5B,CAAA;AAGD,eAAO,MAAM,gBAAgB,EAAE,KAsC9B,CAAA;AAGD,eAAO,MAAM,YAAY,EAAE,KAmC1B,CAAA;AAGD,eAAO,MAAM,mBAAmB,EAAE,KAsCjC,CAAA;AAqKD;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,YAAY,EAAE,KAwD1B,CAAA;AAMD;;;;;;;;;;;;;;;;;GAiBG;AACH,eAAO,MAAM,mBAAmB,EAAE,KA0DjC,CAAA;AAGD,eAAO,MAAM,QAAQ,EAAE,KA6CtB,CAAA;AAGD,eAAO,MAAM,mBAAmB,EAAE,KA0CjC,CAAA"}

package/dist/components/Textarea/Textarea.d.ts

@@ -1,13 +1,20 @@
 import { ComponentProps } from 'react';
-interface TextareaProps extends ComponentProps<'textarea'> {
+/** Props for the Textarea component. */
+export interface TextareaProps extends ComponentProps<'textarea'> {
+    /** Controls manual resize behavior via drag handle. @default 'none' */
     resize?: 'none' | 'vertical' | 'horizontal' | 'both';
+    /** Label text displayed above the textarea. */
     label?: string;
+    /** Helper text displayed below the textarea. Replaced by errorMessage when error is true. */
     hint?: string;
+    /** Applies error border styling. @default false */
     error?: boolean;
+    /** Error message displayed below textarea when error is true. Overrides hint text. */
     errorMessage?: string;
+    /** Name attribute for form submission. */
     name?: string;
+    /** Automatically grows textarea height to fit content. @default false */
     autoResize?: boolean;
 }
 export declare const Textarea: import('react').ForwardRefExoticComponent<Omit<TextareaProps, "ref"> & import('react').RefAttributes<HTMLTextAreaElement>>;
-export {};
 //# sourceMappingURL=Textarea.d.ts.map

package/dist/components/Textarea/Textarea.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Textarea.d.ts","sourceRoot":"","sources":["../../../src/components/Textarea/Textarea.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAA6B,MAAM,OAAO,CAAA;AAyCtE,UAAU,aAAc,SAAQ,cAAc,CAAC,UAAU,CAAC;IACxD,MAAM,CAAC,EAAE,MAAM,GAAG,UAAU,GAAG,YAAY,GAAG,MAAM,CAAA;IACpD,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB;AAED,eAAO,MAAM,QAAQ,4HA0EpB,CAAA"}
+{"version":3,"file":"Textarea.d.ts","sourceRoot":"","sources":["../../../src/components/Textarea/Textarea.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAA6B,MAAM,OAAO,CAAA;AAyCtE,wCAAwC;AACxC,MAAM,WAAW,aAAc,SAAQ,cAAc,CAAC,UAAU,CAAC;IAC/D,uEAAuE;IACvE,MAAM,CAAC,EAAE,MAAM,GAAG,UAAU,GAAG,YAAY,GAAG,MAAM,CAAA;IACpD,+CAA+C;IAC/C,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,6FAA6F;IAC7F,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,mDAAmD;IACnD,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,sFAAsF;IACtF,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,0CAA0C;IAC1C,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,yEAAyE;IACzE,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB;AAED,eAAO,MAAM,QAAQ,4HA0EpB,CAAA"}

package/dist/components/Textarea/Textarea.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Textarea.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Textarea/Textarea.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAC3D,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AAErC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,QAAQ,CAiH/B,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,QAAQ,CAAC,CAAA;AAEtC,eAAO,MAAM,OAAO,EAAE,KAcrB,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,KAe9B,CAAA;AAED,eAAO,MAAM,MAAM,EAAE,KAgBpB,CAAA;AAED,eAAO,MAAM,KAAK,EAAE,KAiBnB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAgBtB,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAiBxB,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,KAiB9B,CAAA"}
+{"version":3,"file":"Textarea.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Textarea/Textarea.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAC3D,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AAErC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,QAAQ,CA8F/B,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,QAAQ,CAAC,CAAA;AAEtC,eAAO,MAAM,OAAO,EAAE,KAcrB,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,KAe9B,CAAA;AAED,eAAO,MAAM,MAAM,EAAE,KAgBpB,CAAA;AAED,eAAO,MAAM,KAAK,EAAE,KAiBnB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAgBtB,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAiBxB,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,KAiB9B,CAAA"}

package/dist/components/TimePicker/TimePicker.d.ts

@@ -1,4 +1,26 @@
 import { InputProps } from '../Input';
-declare const TimePicker: ({ placeholder, ...props }: Omit<InputProps, "type" | "suffix">) => import("react/jsx-runtime").JSX.Element;
+/**
+ * Props for the TimePicker component.
+ * Extends Input props except `type` (fixed to time) and `suffix` (fixed to clock icon).
+ */
+export interface TimePickerProps extends Omit<InputProps, 'type' | 'suffix'> {
+    /** Placeholder text shown before focus. Input switches to native time picker on focus. */
+    placeholder?: string;
+    /** Label text displayed above the time picker. */
+    label?: string;
+    /** Helper text displayed below the time picker. */
+    hint?: string;
+    /** Controls height and padding. @default 'base' */
+    size?: 'sm' | 'base' | 'lg';
+    /** Applies error border styling. @default false */
+    error?: boolean;
+    /** Prevents interaction and applies disabled styling. */
+    disabled?: boolean;
+    /** Makes the input read-only but still visible. */
+    readOnly?: boolean;
+    /** Marks the field as required in form validation. */
+    required?: boolean;
+}
+declare const TimePicker: ({ placeholder, ...props }: TimePickerProps) => import("react/jsx-runtime").JSX.Element;
 export { TimePicker };
 //# sourceMappingURL=TimePicker.d.ts.map