dishui 0.0.78 → 0.0.80

package/dist/components/Slider/index.js

@@ -1,8 +1,9 @@
 import { cn as e } from "../../utils/cn.js";
-import { useCallback as t, useState as n } from "react";
-import { jsx as r, jsxs as i } from "react/jsx-runtime";
+/* empty css       */
+import { useId as t, useRef as n, useState as r } from "react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
 //#region src/components/Slider/index.tsx
-var a = {
+var o = {
 	default: "",
 	primary: "range-primary",
 	secondary: "range-secondary",
@@ -11,42 +12,144 @@ var a = {
 	success: "range-success",
 	warning: "range-warning",
 	error: "range-error"
-}, o = {
+}, s = {
 	xs: "range-xs",
 	sm: "range-sm",
 	md: "range-md",
 	lg: "range-lg"
-}, s = ({ value: s, defaultValue: c, min: l = 0, max: u = 100, step: d = 1, onChange: f, label: p, showValue: m = !1, variant: h = "default", size: g = "sm", disabled: _ = !1, name: v, className: y = "", style: b }) => {
-	let [x, S] = n(c ?? l), C = s !== void 0, w = C ? s : x, T = t((e) => {
-		let t = Number(e.target.value);
-		C || S(t), f?.(t, e);
-	}, [C, f]);
-	return /* @__PURE__ */ i("div", {
-		className: e("w-full", y),
-		style: b,
-		children: [(p !== void 0 || m) && /* @__PURE__ */ i("div", {
+}, c = ({ value: c, defaultValue: u, min: d = 0, max: f, step: p, onChange: m, label: h, showValue: g = !1, variant: _ = "default", size: v = "sm", disabled: y = !1, name: b, className: x = "", style: S, mode: C = "linear", orientation: w = "horizontal", shape: T = "star", count: E = 5, allowHalf: D = !1, id: O, "aria-label": k, "aria-labelledby": A, "aria-describedby": j, "aria-valuetext": M }) => {
+	let N = t(), P = O ?? N, F = n(null), I = Number.isFinite(E) ? Math.max(1, Math.floor(E)) : 5, L = Math.max(d, f ?? (C === "discrete" ? d + I : 100)), R = C === "discrete" ? (L - d) / I / (D ? 2 : 1) || 1 : p !== void 0 && Number.isFinite(p) && p > 0 ? p : 1, z = (e) => {
+		let t = Math.min(Math.round((Math.min(L, Math.max(d, Number.isFinite(e) ? e : d)) - d) / R), Math.floor((L - d) / R + 1e-10));
+		return Number((d + t * R).toPrecision(15));
+	}, [B, V] = r(u ?? d), H = c !== void 0, U = z(H ? c : B), W = L > d ? (U - d) / (L - d) : 0, G = w === "vertical" && C !== "circular", K = C !== "linear", q = (e) => {
+		if (y) return;
+		let t = z(Number(e.target.value));
+		H || V(t), m?.(t, e);
+	}, J = (e) => {
+		let t = F.current;
+		if (y || !t || L === d) return;
+		let n = e.currentTarget.getBoundingClientRect(), r = G ? (n.bottom - e.clientY) / n.height : (e.clientX - n.left) / n.width;
+		if (C === "circular") {
+			let t = e.clientX - n.left - n.width / 2, i = e.clientY - n.top - n.height / 2;
+			if (Math.hypot(t, i) < n.width * .15) return;
+			r = (Math.atan2(t, -i) + Math.PI * 2) % (Math.PI * 2) / (Math.PI * 2), Math.abs(r - W) > .5 && e.type === "pointermove" && (r = +(W > .5));
+		}
+		let i = z(d + Math.min(1, Math.max(0, r)) * (L - d));
+		i !== U && (Object.getOwnPropertyDescriptor(HTMLInputElement.prototype, "value")?.set?.call(t, String(i)), t.dispatchEvent(new Event("input", { bubbles: !0 })));
+	};
+	return /* @__PURE__ */ a("div", {
+		className: e("w-full dishui-slider", x),
+		style: S,
+		"data-mode": C,
+		"data-orientation": w,
+		"data-size": v,
+		"data-variant": _,
+		"data-disabled": y,
+		children: [(h !== void 0 || g) && /* @__PURE__ */ a("div", {
 			className: "mb-1 flex items-center justify-between",
-			children: [p !== void 0 && /* @__PURE__ */ r("label", {
+			children: [h !== void 0 && /* @__PURE__ */ i("label", {
+				htmlFor: P,
 				className: "label-text text-sm text-base-content/80",
-				children: p
-			}), m && /* @__PURE__ */ r("span", {
+				children: h
+			}), g && /* @__PURE__ */ i("span", {
 				className: "text-xs font-mono text-base-content/60",
-				children: w
+				children: U
 			})]
-		}), /* @__PURE__ */ r("input", {
-			type: "range",
-			className: e("range", a[h], o[g]),
-			...C ? { value: w } : { defaultValue: c ?? l },
-			min: l,
-			max: u,
-			step: d,
-			disabled: _,
-			name: v,
-			onChange: T
+		}), /* @__PURE__ */ a("div", {
+			className: "dishui-slider-control",
+			onPointerDown: K ? (e) => {
+				y || e.button !== 0 || (e.preventDefault(), F.current?.focus(), e.currentTarget.setPointerCapture(e.pointerId), J(e));
+			} : void 0,
+			onPointerMove: K ? (e) => {
+				e.currentTarget.hasPointerCapture(e.pointerId) && J(e);
+			} : void 0,
+			onPointerUp: K ? (e) => {
+				e.currentTarget.hasPointerCapture(e.pointerId) && e.currentTarget.releasePointerCapture(e.pointerId);
+			} : void 0,
+			children: [
+				/* @__PURE__ */ i("input", {
+					ref: F,
+					id: P,
+					"aria-label": k,
+					"aria-labelledby": A,
+					"aria-describedby": j,
+					"aria-valuetext": M,
+					"aria-orientation": G ? "vertical" : "horizontal",
+					type: "range",
+					className: e("range", o[_], s[v]),
+					value: U,
+					min: d,
+					max: L,
+					step: R,
+					disabled: y,
+					name: b,
+					onChange: q
+				}),
+				C === "circular" && /* @__PURE__ */ a("svg", {
+					className: "dishui-slider-dial",
+					viewBox: "0 0 100 100",
+					"aria-hidden": "true",
+					children: [
+						/* @__PURE__ */ i("circle", {
+							className: "dishui-slider-ring",
+							cx: "50",
+							cy: "50",
+							r: "40"
+						}),
+						/* @__PURE__ */ i("circle", {
+							className: "dishui-slider-progress",
+							cx: "50",
+							cy: "50",
+							r: "40",
+							pathLength: "100",
+							strokeDasharray: `${W * 100} 100`,
+							transform: "rotate(-90 50 50)"
+						}),
+						/* @__PURE__ */ i("circle", {
+							className: "dishui-slider-thumb",
+							cx: 50 + 40 * Math.sin(W * Math.PI * 2),
+							cy: 50 - 40 * Math.cos(W * Math.PI * 2),
+							r: "5"
+						}),
+						/* @__PURE__ */ i("text", {
+							x: "50",
+							y: "50",
+							dominantBaseline: "central",
+							textAnchor: "middle",
+							children: U
+						})
+					]
+				}),
+				C === "discrete" && /* @__PURE__ */ i("div", {
+					className: "dishui-slider-items",
+					"aria-hidden": "true",
+					children: Array.from({ length: I }, (e, t) => {
+						let n = Math.max(0, Math.min(1, W * I - t));
+						return /* @__PURE__ */ a("span", {
+							className: "dishui-slider-item",
+							children: [/* @__PURE__ */ i("svg", {
+								viewBox: "0 0 24 24",
+								children: /* @__PURE__ */ i("path", { d: l[T] })
+							}), /* @__PURE__ */ i("span", {
+								className: "dishui-slider-item-fill",
+								style: { clipPath: G ? `inset(${(1 - n) * 100}% 0 0 0)` : `inset(0 ${(1 - n) * 100}% 0 0)` },
+								children: /* @__PURE__ */ i("svg", {
+									viewBox: "0 0 24 24",
+									children: /* @__PURE__ */ i("path", { d: l[T] })
+								})
+							})]
+						}, t);
+					})
+				})
+			]
 		})]
 	});
+}, l = {
+	square: "M3 3h18v18H3z",
+	star: "m12 2 3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01z",
+	heart: "M12 21 3.5 12.5C-3 6 6-2 12 5c6-7 15 1 8.5 7.5Z"
 };
 //#endregion
-export { s as default };
+export { c as default };
 
 //# sourceMappingURL=index.js.map

package/dist/components/Slider/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/Slider/index.tsx"],"sourcesContent":["import React, { useCallback, useState } from 'react';\nimport { cn } from '../../utils/cn';\n\nexport type SliderVariant =\n  | 'default'\n  | 'primary'\n  | 'secondary'\n  | 'accent'\n  | 'info'\n  | 'success'\n  | 'warning'\n  | 'error';\n\nexport type SliderSize = 'xs' | 'sm' | 'md' | 'lg';\n\nexport type SliderProps = {\n  /** Controlled value. */\n  value?: number;\n  /** Uncontrolled initial value. */\n  defaultValue?: number;\n  /** Minimum value. */\n  min?: number;\n  /** Maximum value. */\n  max?: number;\n  /** Step increment. */\n  step?: number;\n  /** Change handler with the numeric value. */\n  onChange?: (value: number, e: React.ChangeEvent<HTMLInputElement>) => void;\n  /** Optional label rendered above the track. */\n  label?: React.ReactNode;\n  /** Show the current value next to the label. */\n  showValue?: boolean;\n  /** Color variant (daisyUI). */\n  variant?: SliderVariant;\n  /** Size (daisyUI). */\n  size?: SliderSize;\n  /** Disabled state. */\n  disabled?: boolean;\n  /** Native name attribute. */\n  name?: string;\n  /** Extra class names on the wrapper. */\n  className?: string;\n  /** Inline styles on the wrapper. */\n  style?: React.CSSProperties;\n};\n\nconst VARIANT_CLASS: Record<SliderVariant, string> = {\n  default: '',\n  primary: 'range-primary',\n  secondary: 'range-secondary',\n  accent: 'range-accent',\n  info: 'range-info',\n  success: 'range-success',\n  warning: 'range-warning',\n  error: 'range-error',\n};\n\nconst SIZE_CLASS: Record<SliderSize, string> = {\n  xs: 'range-xs',\n  sm: 'range-sm',\n  md: 'range-md',\n  lg: 'range-lg',\n};\n\n/**\n * Slider —— A2UI 交互组件：滑动选择器（基于原生 range + daisyUI range）。\n * 支持受控 / 非受控、语义色、尺寸与当前值展示。\n */\nconst Slider: React.FC<SliderProps> = ({\n  value,\n  defaultValue,\n  min = 0,\n  max = 100,\n  step = 1,\n  onChange,\n  label,\n  showValue = false,\n  variant = 'default',\n  size = 'sm',\n  disabled = false,\n  name,\n  className = '',\n  style,\n}) => {\n  const [internal, setInternal] = useState<number>(defaultValue ?? min);\n  const isControlled = value !== undefined;\n  const current = isControlled ? value : internal;\n\n  const handleChange = useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      const next = Number(e.target.value);\n      if (!isControlled) setInternal(next);\n      onChange?.(next, e);\n    },\n    [isControlled, onChange],\n  );\n\n  return (\n    <div className={cn('w-full', className)} style={style}>\n      {(label !== undefined || showValue) && (\n        <div className=\"mb-1 flex items-center justify-between\">\n          {label !== undefined && (\n            <label className=\"label-text text-sm text-base-content/80\">{label}</label>\n          )}\n          {showValue && (\n            <span className=\"text-xs font-mono text-base-content/60\">{current}</span>\n          )}\n        </div>\n      )}\n      <input\n        type=\"range\"\n        className={cn('range', VARIANT_CLASS[variant], SIZE_CLASS[size])}\n        {...(isControlled\n          ? { value: current }\n          : { defaultValue: defaultValue ?? min })}\n        min={min}\n        max={max}\n        step={step}\n        disabled={disabled}\n        name={name}\n        onChange={handleChange}\n      />\n    </div>\n  );\n};\n\nexport default Slider;\n"],"mappings":";;;;AA8CA,IAAM,IAA+C;CACnD,SAAS;CACT,SAAS;CACT,WAAW;CACX,QAAQ;CACR,MAAM;CACN,SAAS;CACT,SAAS;CACT,OAAO;AACT,GAEM,IAAyC;CAC7C,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACN,GAMM,KAAiC,EACrC,UACA,iBACA,SAAM,GACN,SAAM,KACN,UAAO,GACP,aACA,UACA,eAAY,IACZ,aAAU,WACV,UAAO,MACP,cAAW,IACX,SACA,eAAY,IACZ,eACI;CACJ,IAAM,CAAC,GAAU,KAAe,EAAiB,KAAgB,CAAG,GAC9D,IAAe,MAAU,KAAA,GACzB,IAAU,IAAe,IAAQ,GAEjC,IAAe,GAClB,MAA2C;EAC1C,IAAM,IAAO,OAAO,EAAE,OAAO,KAAK;EAElC,AADK,KAAc,EAAY,CAAI,GACnC,IAAW,GAAM,CAAC;CACpB,GACA,CAAC,GAAc,CAAQ,CACzB;CAEA,OACE,kBAAC,OAAD;EAAK,WAAW,EAAG,UAAU,CAAS;EAAU;EAAhD,UAAA,EACI,MAAU,KAAA,KAAa,MACvB,kBAAC,OAAD;GAAK,WAAU;GAAf,UAAA,CACG,MAAU,KAAA,KACT,kBAAC,SAAD;IAAO,WAAU;IAA2C,UAAA;GAAa,CAAA,GAE1E,KACC,kBAAC,QAAD;IAAM,WAAU;IAA0C,UAAA;GAAc,CAAA,CAEvE;EAEP,CAAA,GAAA,kBAAC,SAAD;GACE,MAAK;GACL,WAAW,EAAG,SAAS,EAAc,IAAU,EAAW,EAAK;GAC/D,GAAK,IACD,EAAE,OAAO,EAAQ,IACjB,EAAE,cAAc,KAAgB,EAAI;GACnC;GACA;GACC;GACI;GACJ;GACN,UAAU;EACX,CAAA,CACE;;AAET"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/Slider/index.tsx"],"sourcesContent":["import React, { useId, useRef, useState } from 'react';\nimport './Slider.css';\nimport { cn } from '../../utils/cn';\n\nexport type SliderVariant =\n  | 'default'\n  | 'primary'\n  | 'secondary'\n  | 'accent'\n  | 'info'\n  | 'success'\n  | 'warning'\n  | 'error';\n\nexport type SliderSize = 'xs' | 'sm' | 'md' | 'lg';\n\nexport type SliderProps = {\n  /** Linear remains the default. Circular starts at 12 o'clock, clockwise. */\n  mode?: 'linear' | 'circular' | 'discrete';\n  /** Applies to linear and discrete sliders. */\n  orientation?: 'horizontal' | 'vertical';\n  /** Discrete item shape and quantity (positive integer, defaults to 5). */\n  shape?: 'square' | 'star' | 'heart';\n  count?: number;\n  /** Discrete increments: half an item instead of a whole item. */\n  allowHalf?: boolean;\n  id?: string;\n  'aria-label'?: string;\n  'aria-labelledby'?: string;\n  'aria-describedby'?: string;\n  'aria-valuetext'?: string;\n  /** Controlled value. */\n  value?: number;\n  /** Uncontrolled initial value. */\n  defaultValue?: number;\n  /** Minimum value. */\n  min?: number;\n  /** Maximum value. */\n  max?: number;\n  /** Step increment for linear/circular modes; discrete derives it from count and allowHalf. */\n  step?: number;\n  /** Change handler with the numeric value. */\n  onChange?: (value: number, e: React.ChangeEvent<HTMLInputElement>) => void;\n  /** Optional label rendered above the track. */\n  label?: React.ReactNode;\n  /** Show the current value next to the label. */\n  showValue?: boolean;\n  /** Color variant (daisyUI). */\n  variant?: SliderVariant;\n  /** Size (daisyUI). */\n  size?: SliderSize;\n  /** Disabled state. */\n  disabled?: boolean;\n  /** Native name attribute. */\n  name?: string;\n  /** Extra class names on the wrapper. */\n  className?: string;\n  /** Inline styles on the wrapper. */\n  style?: React.CSSProperties;\n};\n\nconst VARIANT_CLASS: Record<SliderVariant, string> = {\n  default: '',\n  primary: 'range-primary',\n  secondary: 'range-secondary',\n  accent: 'range-accent',\n  info: 'range-info',\n  success: 'range-success',\n  warning: 'range-warning',\n  error: 'range-error',\n};\n\nconst SIZE_CLASS: Record<SliderSize, string> = {\n  xs: 'range-xs',\n  sm: 'range-sm',\n  md: 'range-md',\n  lg: 'range-lg',\n};\n\n/**\n * Slider —— Native range semantics with linear, circular and discrete presentations.\n * Supports controlled/uncontrolled values, keyboard input and semantic colors.\n */\nconst Slider: React.FC<SliderProps> = ({\n  value,\n  defaultValue,\n  min = 0,\n  max: maxProp,\n  step: stepProp,\n  onChange,\n  label,\n  showValue = false,\n  variant = 'default',\n  size = 'sm',\n  disabled = false,\n  name,\n  className = '',\n  style,\n  mode = 'linear',\n  orientation = 'horizontal',\n  shape = 'star',\n  count = 5,\n  allowHalf = false,\n  id,\n  'aria-label': ariaLabel,\n  'aria-labelledby': ariaLabelledby,\n  'aria-describedby': ariaDescribedby,\n  'aria-valuetext': ariaValueText,\n}) => {\n  const generatedId = useId();\n  const inputId = id ?? generatedId;\n  const inputRef = useRef<HTMLInputElement>(null);\n  const itemCount = Number.isFinite(count) ? Math.max(1, Math.floor(count)) : 5;\n  const max = Math.max(min, maxProp ?? (mode === 'discrete' ? min + itemCount : 100));\n  // Discrete steps are fractions of an item, even for a custom numeric range.\n  const step = mode === 'discrete'\n    ? (max - min) / itemCount / (allowHalf ? 2 : 1) || 1\n    : stepProp !== undefined && Number.isFinite(stepProp) && stepProp > 0 ? stepProp : 1;\n  const normalize = (n: number) => {\n    const bounded = Math.min(max, Math.max(min, Number.isFinite(n) ? n : min));\n    const ticks = Math.min(Math.round((bounded - min) / step), Math.floor((max - min) / step + 1e-10));\n    return Number((min + ticks * step).toPrecision(15));\n  };\n  const [internal, setInternal] = useState<number>(defaultValue ?? min);\n  const isControlled = value !== undefined;\n  const current = normalize(isControlled ? value : internal);\n  const ratio = max > min ? (current - min) / (max - min) : 0;\n  const vertical = orientation === 'vertical' && mode !== 'circular';\n  const custom = mode !== 'linear';\n  const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    if (disabled) return;\n    const next = normalize(Number(e.target.value));\n    if (!isControlled) setInternal(next);\n    onChange?.(next, e);\n  };\n  const updatePointer = (e: React.PointerEvent<HTMLDivElement>) => {\n    const input = inputRef.current;\n    if (disabled || !input || max === min) return;\n    const rect = e.currentTarget.getBoundingClientRect();\n    let fraction = vertical ? (rect.bottom - e.clientY) / rect.height : (e.clientX - rect.left) / rect.width;\n    if (mode === 'circular') {\n      const dx = e.clientX - rect.left - rect.width / 2;\n      const dy = e.clientY - rect.top - rect.height / 2;\n      if (Math.hypot(dx, dy) < rect.width * 0.15) return;\n      fraction = (Math.atan2(dx, -dy) + Math.PI * 2) % (Math.PI * 2) / (Math.PI * 2);\n      // Keep dragging across the seam at the nearest endpoint, not a full-range jump.\n      if (Math.abs(fraction - ratio) > 0.5 && e.type === 'pointermove') fraction = ratio > 0.5 ? 1 : 0;\n    }\n    const next = normalize(min + Math.min(1, Math.max(0, fraction)) * (max - min));\n    if (next === current) return;\n    // Dispatch through the native input so consumers receive a real React change event.\n    Object.getOwnPropertyDescriptor(HTMLInputElement.prototype, 'value')?.set?.call(input, String(next));\n    input.dispatchEvent(new Event('input', { bubbles: true }));\n  };\n\n  return (\n    <div className={cn('w-full dishui-slider', className)} style={style} data-mode={mode} data-orientation={orientation} data-size={size} data-variant={variant} data-disabled={disabled}>\n      {(label !== undefined || showValue) && (\n        <div className=\"mb-1 flex items-center justify-between\">\n          {label !== undefined && (\n            <label htmlFor={inputId} className=\"label-text text-sm text-base-content/80\">{label}</label>\n          )}\n          {showValue && (\n            <span className=\"text-xs font-mono text-base-content/60\">{current}</span>\n          )}\n        </div>\n      )}\n      <div className=\"dishui-slider-control\"\n        onPointerDown={custom ? e => {\n          if (disabled || e.button !== 0) return;\n          e.preventDefault();\n          inputRef.current?.focus();\n          e.currentTarget.setPointerCapture(e.pointerId);\n          updatePointer(e);\n        } : undefined}\n        onPointerMove={custom ? e => { if (e.currentTarget.hasPointerCapture(e.pointerId)) updatePointer(e); } : undefined}\n        onPointerUp={custom ? e => { if (e.currentTarget.hasPointerCapture(e.pointerId)) e.currentTarget.releasePointerCapture(e.pointerId); } : undefined}\n      >\n      <input\n        ref={inputRef}\n        id={inputId}\n        aria-label={ariaLabel}\n        aria-labelledby={ariaLabelledby}\n        aria-describedby={ariaDescribedby}\n        aria-valuetext={ariaValueText}\n        aria-orientation={vertical ? 'vertical' : 'horizontal'}\n        type=\"range\"\n        className={cn('range', VARIANT_CLASS[variant], SIZE_CLASS[size])}\n        value={current}\n        min={min}\n        max={max}\n        step={step}\n        disabled={disabled}\n        name={name}\n        onChange={handleChange}\n      />\n      {mode === 'circular' && <svg className=\"dishui-slider-dial\" viewBox=\"0 0 100 100\" aria-hidden=\"true\">\n        <circle className=\"dishui-slider-ring\" cx=\"50\" cy=\"50\" r=\"40\" />\n        <circle className=\"dishui-slider-progress\" cx=\"50\" cy=\"50\" r=\"40\" pathLength=\"100\" strokeDasharray={`${ratio * 100} 100`} transform=\"rotate(-90 50 50)\" />\n        <circle className=\"dishui-slider-thumb\" cx={50 + 40 * Math.sin(ratio * Math.PI * 2)} cy={50 - 40 * Math.cos(ratio * Math.PI * 2)} r=\"5\" />\n        <text x=\"50\" y=\"50\" dominantBaseline=\"central\" textAnchor=\"middle\">{current}</text>\n      </svg>}\n      {mode === 'discrete' && <div className=\"dishui-slider-items\" aria-hidden=\"true\">\n        {Array.from({ length: itemCount }, (_, index) => {\n          const fill = Math.max(0, Math.min(1, ratio * itemCount - index));\n          return <span className=\"dishui-slider-item\" key={index}>\n            <svg viewBox=\"0 0 24 24\"><path d={SHAPES[shape]} /></svg>\n            <span className=\"dishui-slider-item-fill\" style={{ clipPath: vertical ? `inset(${(1 - fill) * 100}% 0 0 0)` : `inset(0 ${(1 - fill) * 100}% 0 0)` }}>\n              <svg viewBox=\"0 0 24 24\"><path d={SHAPES[shape]} /></svg>\n            </span>\n          </span>;\n        })}\n      </div>}\n      </div>\n    </div>\n  );\n};\n\nconst SHAPES = {\n  square: 'M3 3h18v18H3z',\n  star: 'm12 2 3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01z',\n  heart: 'M12 21 3.5 12.5C-3 6 6-2 12 5c6-7 15 1 8.5 7.5Z',\n};\n\nexport default Slider;\n"],"mappings":"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"}

package/dist/components/pro/RichTextEditor/RichTextEditor.js

@@ -1,30 +1,30 @@
 import { cn as e } from "../../../utils/cn.js";
 import { MarkdownBlockExtension as t } from "./extensions/MarkdownBlock.js";
 import { FloatingDialogExtension as n } from "./extensions/FloatingDialog.js";
-import ee from "./Toolbar/Toolbar.js";
-import r from "./AIRewrite.js";
-import i from "./ContextMenu.js";
-import a from "./CommentPanel.js";
-import o from "./CommentDialog.js";
-import s from "./CommentPopover.js";
-import c from "./SlashMenu.js";
-import te from "./BubbleToolbar.js";
-import ne from "./BlockHandle.js";
-import { CodeBlockExtension as re } from "./extensions/CodeBlockView.js";
-import ie from "./extensions/FontSize.js";
+import r from "./Toolbar/Toolbar.js";
+import i from "./AIRewrite.js";
+import a from "./ContextMenu.js";
+import o from "./CommentPanel.js";
+import s from "./CommentDialog.js";
+import c from "./CommentPopover.js";
+import l from "./SlashMenu.js";
+import ee from "./BubbleToolbar.js";
+import te from "./BlockHandle.js";
+import { CodeBlockExtension as ne } from "./extensions/CodeBlockView.js";
+import re from "./extensions/FontSize.js";
+import { ResizableImage as ie } from "./extensions/ResizableImage.js";
 import { CommentMark as ae } from "./extensions/CommentMark.js";
 /* empty css       */
-import { useCallback as l, useEffect as u, useRef as oe, useState as d } from "react";
-import { jsx as f, jsxs as p } from "react/jsx-runtime";
-import { EditorContent as m, useEditor as se } from "@tiptap/react";
-import ce from "@tiptap/starter-kit";
-import le from "@tiptap/extension-underline";
-import { TextStyle as ue } from "@tiptap/extension-text-style";
-import de from "@tiptap/extension-color";
-import fe from "@tiptap/extension-highlight";
-import pe from "@tiptap/extension-text-align";
-import me from "@tiptap/extension-link";
-import he from "@tiptap/extension-image";
+import { useCallback as u, useEffect as d, useRef as oe, useState as f } from "react";
+import { jsx as p, jsxs as m } from "react/jsx-runtime";
+import { EditorContent as se, useEditor as ce } from "@tiptap/react";
+import le from "@tiptap/starter-kit";
+import ue from "@tiptap/extension-underline";
+import { TextStyle as de } from "@tiptap/extension-text-style";
+import fe from "@tiptap/extension-color";
+import pe from "@tiptap/extension-highlight";
+import me from "@tiptap/extension-text-align";
+import he from "@tiptap/extension-link";
 import { Table as ge } from "@tiptap/extension-table";
 import _e from "@tiptap/extension-table-row";
 import ve from "@tiptap/extension-table-cell";
@@ -41,15 +41,15 @@ function C() {
 	return `c_${Date.now()}_${Math.random().toString(36).slice(2, 8)}`;
 }
 var w = ({ content: w, value: T, onChange: E, onChangeJSON: D, placeholder: O = "Start writing...", editable: k = !0, aiConfig: A, toolbarConfig: j, minHeight: M = "200px", maxHeight: N, className: P = "", autofocus: F = !1, labels: I, editorRef: L, notionMode: R = !1, showComments: ye = !1, commentThreads: be, onCommentThreadsChange: xe, currentUser: z }) => {
-	let [Se, Ce] = d(!1), [we, B] = d(!1), [Te, Ee] = d(""), [De, Oe] = d({
+	let [Se, Ce] = f(!1), [we, B] = f(!1), [Te, Ee] = f(""), [De, Oe] = f({
 		from: 0,
 		to: 0
-	}), [V, H] = d(R), [U, W] = d(ye), [ke, Ae] = d([]), [je, G] = d(!1), [K, Me] = d({
+	}), [V, H] = f(R), [U, W] = f(ye), [ke, Ae] = f([]), [je, G] = f(!1), [K, Me] = f({
 		from: 0,
 		to: 0
-	}), q = oe(null), J = be ?? ke, Y = xe ?? Ae, X = se({
+	}), q = oe(null), J = be ?? ke, Y = xe ?? Ae, X = ce({
 		extensions: [
-			ce.configure({
+			le.configure({
 				codeBlock: !1,
 				heading: { levels: [
 					1,
@@ -62,17 +62,17 @@ var w = ({ content: w, value: T, onChange: E, onChangeJSON: D, placeholder: O =
 				link: !1,
 				underline: !1
 			}),
-			le,
 			ue,
 			de,
-			fe.configure({ multicolor: !0 }),
-			pe.configure({ types: ["heading", "paragraph"] }),
-			me.configure({
+			fe,
+			pe.configure({ multicolor: !0 }),
+			me.configure({ types: ["heading", "paragraph"] }),
+			he.configure({
 				openOnClick: !1,
 				autolink: !0,
 				HTMLAttributes: { class: "rte-link" }
 			}),
-			he.configure({
+			ie.configure({
 				inline: !1,
 				allowBase64: !0
 			}),
@@ -81,14 +81,14 @@ var w = ({ content: w, value: T, onChange: E, onChangeJSON: D, placeholder: O =
 			ve,
 			h,
 			g.configure({ placeholder: O }),
-			re,
+			ne,
 			_,
 			v.configure({ nested: !0 }),
 			y,
 			b,
 			x,
 			S,
-			ie,
+			re,
 			n,
 			t,
 			ae
@@ -100,28 +100,28 @@ var w = ({ content: w, value: T, onChange: E, onChangeJSON: D, placeholder: O =
 			E?.(e.getHTML()), D?.(e.getJSON());
 		}
 	});
-	u(() => {
+	d(() => {
 		L && X && (L.current = X);
-	}, [X, L]), u(() => {
+	}, [X, L]), d(() => {
 		X && T !== void 0 && T !== X.getHTML() && X.commands.setContent(T, { emitUpdate: !1 });
-	}, [X, T]), u(() => {
+	}, [X, T]), d(() => {
 		X && X.setEditable(k);
 	}, [X, k]);
-	let Z = l(() => {
+	let Z = u(() => {
 		if (!X) return;
 		let { from: e, to: t } = X.state.selection, n = e === t ? "" : X.state.doc.textBetween(e, t, " ");
 		Ee(n), Oe({
 			from: e,
 			to: t
 		}), B(!0);
-	}, [X]), Q = l(() => {
+	}, [X]), Q = u(() => {
 		if (!X) return;
 		let { from: e, to: t } = X.state.selection;
 		e !== t && (Me({
 			from: e,
 			to: t
 		}), G(!0));
-	}, [X]), Ne = l((e) => {
+	}, [X]), Ne = u((e) => {
 		if (!X) return;
 		let t = C(), n = {
 			id: t,
@@ -141,40 +141,40 @@ var w = ({ content: w, value: T, onChange: E, onChangeJSON: D, placeholder: O =
 		J,
 		Y,
 		z
-	]), Pe = l((e) => {
+	]), Pe = u((e) => {
 		q.current?.scrollToThread(e);
 	}, []);
 	if (!X) return null;
-	let Fe = typeof M == "number" ? `${M}px` : M, Ie = N ? typeof N == "number" ? `${N}px` : N : void 0, Le = e("rte-container", Se && "rte-container--format-painter", V && "rte-container--notion", P), Re = J.filter((e) => !e.resolved).length, $ = /* @__PURE__ */ p("div", {
+	let Fe = typeof M == "number" ? `${M}px` : M, Ie = N ? typeof N == "number" ? `${N}px` : N : void 0, Le = e("rte-container", Se && "rte-container--format-painter", V && "rte-container--notion", P), Re = J.filter((e) => !e.resolved).length, $ = /* @__PURE__ */ m("div", {
 		className: "rte-mode-toggle",
 		children: [
-			/* @__PURE__ */ f("button", {
+			/* @__PURE__ */ p("button", {
 				type: "button",
 				className: `rte-mode-toggle__btn ${V ? "" : "rte-mode-toggle__btn--active"}`,
 				onClick: () => H(!1),
 				title: "Classic mode",
 				children: "Classic"
 			}),
-			/* @__PURE__ */ f("button", {
+			/* @__PURE__ */ p("button", {
 				type: "button",
 				className: `rte-mode-toggle__btn ${V ? "rte-mode-toggle__btn--active" : ""}`,
 				onClick: () => H(!0),
 				title: "Notion-style mode",
 				children: "Notion"
 			}),
-			/* @__PURE__ */ f("div", {
+			/* @__PURE__ */ p("div", {
 				className: "rte-toolbar__divider",
 				style: {
 					height: 20,
 					margin: "0 4px"
 				}
 			}),
-			/* @__PURE__ */ p("button", {
+			/* @__PURE__ */ m("button", {
 				type: "button",
 				className: `rte-toolbar__btn rte-toolbar__comment-btn ${U ? "rte-toolbar__btn--active" : ""}`,
 				onClick: () => W(!U),
 				title: "Toggle comments",
-				children: [/* @__PURE__ */ f("svg", {
+				children: [/* @__PURE__ */ p("svg", {
 					width: "16",
 					height: "16",
 					viewBox: "0 0 24 24",
@@ -183,19 +183,19 @@ var w = ({ content: w, value: T, onChange: E, onChangeJSON: D, placeholder: O =
 					strokeWidth: "2",
 					strokeLinecap: "round",
 					strokeLinejoin: "round",
-					children: /* @__PURE__ */ f("path", { d: "M21 15a2 2 0 01-2 2H7l-4 4V5a2 2 0 012-2h14a2 2 0 012 2z" })
-				}), Re > 0 && /* @__PURE__ */ f("span", { className: "rte-toolbar__comment-badge" })]
+					children: /* @__PURE__ */ p("path", { d: "M21 15a2 2 0 01-2 2H7l-4 4V5a2 2 0 012-2h14a2 2 0 012 2z" })
+				}), Re > 0 && /* @__PURE__ */ p("span", { className: "rte-toolbar__comment-badge" })]
 			})
 		]
 	});
-	return /* @__PURE__ */ p("div", {
+	return /* @__PURE__ */ m("div", {
 		className: Le,
 		style: {
 			minHeight: Fe,
 			maxHeight: Ie
 		},
 		children: [
-			k && !V && /* @__PURE__ */ f(ee, {
+			k && !V && /* @__PURE__ */ p(r, {
 				editor: X,
 				config: j,
 				labels: I,
@@ -204,36 +204,36 @@ var w = ({ content: w, value: T, onChange: E, onChangeJSON: D, placeholder: O =
 				onFormatPainterChange: Ce,
 				children: $
 			}),
-			k && V && /* @__PURE__ */ f("div", {
+			k && V && /* @__PURE__ */ p("div", {
 				className: "rte-notion-topbar",
 				children: $
 			}),
-			/* @__PURE__ */ p("div", {
+			/* @__PURE__ */ m("div", {
 				style: {
 					display: "flex",
 					flex: 1,
 					overflow: "hidden"
 				},
-				children: [/* @__PURE__ */ p("div", {
+				children: [/* @__PURE__ */ m("div", {
 					className: "rte-editor-wrapper",
 					style: { flex: 1 },
 					children: [
-						/* @__PURE__ */ f(m, {
+						/* @__PURE__ */ p(se, {
 							editor: X,
 							className: "rte-editor-content"
 						}),
-						k && /* @__PURE__ */ f(i, {
+						k && /* @__PURE__ */ p(a, {
 							editor: X,
 							labels: I,
 							onAIClick: A ? Z : void 0
 						}),
-						k && /* @__PURE__ */ f(c, { editor: X }),
-						k && V && /* @__PURE__ */ f(te, {
+						k && /* @__PURE__ */ p(l, { editor: X }),
+						k && V && /* @__PURE__ */ p(ee, {
 							editor: X,
 							onAddComment: Q
 						}),
-						k && V && /* @__PURE__ */ f(ne, { editor: X }),
-						/* @__PURE__ */ f(s, {
+						k && V && /* @__PURE__ */ p(te, { editor: X }),
+						/* @__PURE__ */ p(c, {
 							editor: X,
 							threads: J,
 							onThreadsChange: Y,
@@ -243,7 +243,7 @@ var w = ({ content: w, value: T, onChange: E, onChangeJSON: D, placeholder: O =
 							currentUser: z
 						})
 					]
-				}), U && /* @__PURE__ */ f(a, {
+				}), U && /* @__PURE__ */ p(o, {
 					ref: q,
 					editor: X,
 					threads: J,
@@ -252,7 +252,7 @@ var w = ({ content: w, value: T, onChange: E, onChangeJSON: D, placeholder: O =
 					currentUser: z
 				})]
 			}),
-			A && we && /* @__PURE__ */ f(r, {
+			A && we && /* @__PURE__ */ p(i, {
 				editor: X,
 				aiConfig: A,
 				labels: I,
@@ -260,7 +260,7 @@ var w = ({ content: w, value: T, onChange: E, onChangeJSON: D, placeholder: O =
 				selectionRange: De,
 				onClose: () => B(!1)
 			}),
-			/* @__PURE__ */ f(o, {
+			/* @__PURE__ */ p(s, {
 				open: je,
 				onSubmit: Ne,
 				onClose: () => G(!1)

package/dist/components/pro/RichTextEditor/RichTextEditor.js.map

@@ -1 +1 @@
-{"version":3,"file":"RichTextEditor.js","names":[],"sources":["../../../../src/components/pro/RichTextEditor/RichTextEditor.tsx"],"sourcesContent":["import React, { useEffect, useCallback, useState, useRef } from 'react';\nimport { cn } from '../../../utils/cn';\nimport { useEditor, EditorContent } from '@tiptap/react';\nimport StarterKit from '@tiptap/starter-kit';\nimport Underline from '@tiptap/extension-underline';\nimport { TextStyle } from '@tiptap/extension-text-style';\nimport Color from '@tiptap/extension-color';\nimport Highlight from '@tiptap/extension-highlight';\nimport TextAlign from '@tiptap/extension-text-align';\nimport Link from '@tiptap/extension-link';\nimport Image from '@tiptap/extension-image';\nimport { Table } from '@tiptap/extension-table';\nimport TableRow from '@tiptap/extension-table-row';\nimport TableCell from '@tiptap/extension-table-cell';\nimport TableHeader from '@tiptap/extension-table-header';\nimport Placeholder from '@tiptap/extension-placeholder';\nimport TaskList from '@tiptap/extension-task-list';\nimport TaskItem from '@tiptap/extension-task-item';\nimport Subscript from '@tiptap/extension-subscript';\nimport Superscript from '@tiptap/extension-superscript';\nimport Typography from '@tiptap/extension-typography';\nimport FontFamily from '@tiptap/extension-font-family';\n\nimport Toolbar from './Toolbar';\nimport AIRewrite from './AIRewrite';\nimport ContextMenu from './ContextMenu';\nimport CommentPanel from './CommentPanel';\nimport type { CommentPanelHandle } from './CommentPanel';\nimport CommentDialog from './CommentDialog';\nimport CommentPopover from './CommentPopover';\nimport SlashMenu from './SlashMenu';\nimport BubbleToolbar from './BubbleToolbar';\nimport BlockHandle from './BlockHandle';\nimport { MarkdownBlockExtension } from './extensions/MarkdownBlock';\nimport { CodeBlockExtension } from './extensions/CodeBlockView';\nimport FontSize from './extensions/FontSize';\nimport { FloatingDialogExtension } from './extensions/FloatingDialog';\nimport { CommentMark } from './extensions/CommentMark';\nimport type { CommentThread } from './extensions/CommentMark';\nimport type { RichTextEditorProps } from './types';\nimport './styles.css';\n\nfunction generateId() {\n  return `c_${Date.now()}_${Math.random().toString(36).slice(2, 8)}`;\n}\n\nconst RichTextEditor: React.FC<RichTextEditorProps> = ({\n  content,\n  value,\n  onChange,\n  onChangeJSON,\n  placeholder = 'Start writing...',\n  editable = true,\n  aiConfig,\n  toolbarConfig,\n  minHeight = '200px',\n  maxHeight,\n  className = '',\n  autofocus = false,\n  labels,\n  editorRef,\n  notionMode: initialNotionMode = false,\n  showComments: initialShowComments = false,\n  commentThreads: externalThreads,\n  onCommentThreadsChange,\n  currentUser,\n}) => {\n  const [formatPainterActive, setFormatPainterActive] = useState(false);\n  const [showAIPanel, setShowAIPanel] = useState(false);\n  const [aiSelection, setAiSelection] = useState('');\n  const [aiSelectionRange, setAiSelectionRange] = useState({ from: 0, to: 0 });\n  const [notionMode, setNotionMode] = useState(initialNotionMode);\n  const [showComments, setShowComments] = useState(initialShowComments);\n  const [internalThreads, setInternalThreads] = useState<CommentThread[]>([]);\n  const [commentDialogOpen, setCommentDialogOpen] = useState(false);\n  const [commentSelectionRange, setCommentSelectionRange] = useState({ from: 0, to: 0 });\n  const commentPanelRef = useRef<CommentPanelHandle>(null);\n\n  const threads = externalThreads ?? internalThreads;\n  const setThreads = onCommentThreadsChange ?? setInternalThreads;\n\n  const editor = useEditor({\n    extensions: [\n      StarterKit.configure({\n        codeBlock: false,\n        heading: { levels: [1, 2, 3, 4, 5, 6] },\n        // v3 StarterKit bundles these; explicit extensions below stay in charge.\n        link: false,\n        underline: false,\n      }),\n      Underline,\n      TextStyle,\n      Color,\n      Highlight.configure({ multicolor: true }),\n      TextAlign.configure({\n        types: ['heading', 'paragraph'],\n      }),\n      Link.configure({\n        openOnClick: false,\n        autolink: true,\n        HTMLAttributes: { class: 'rte-link' },\n      }),\n      Image.configure({ inline: false, allowBase64: true }),\n      Table.configure({ resizable: true }),\n      TableRow,\n      TableCell,\n      TableHeader,\n      Placeholder.configure({ placeholder }),\n      CodeBlockExtension,\n      TaskList,\n      TaskItem.configure({ nested: true }),\n      Subscript,\n      Superscript,\n      Typography,\n      FontFamily,\n      FontSize,\n      FloatingDialogExtension,\n      MarkdownBlockExtension,\n      CommentMark,\n    ],\n    content: value || content || '',\n    editable,\n    autofocus: autofocus ? 'end' : false,\n    onUpdate: ({ editor: e }) => {\n      onChange?.(e.getHTML());\n      onChangeJSON?.(e.getJSON() as Record<string, unknown>);\n    },\n  });\n\n  useEffect(() => {\n    if (editorRef && editor) {\n      editorRef.current = editor;\n    }\n  }, [editor, editorRef]);\n\n  useEffect(() => {\n    if (editor && value !== undefined) {\n      const currentHTML = editor.getHTML();\n      if (value !== currentHTML) {\n        editor.commands.setContent(value, { emitUpdate: false });\n      }\n    }\n  }, [editor, value]);\n\n  useEffect(() => {\n    if (editor) {\n      editor.setEditable(editable);\n    }\n  }, [editor, editable]);\n\n  const handleAIClick = useCallback(() => {\n    if (!editor) return;\n    const { from, to } = editor.state.selection;\n    const text = from !== to\n      ? editor.state.doc.textBetween(from, to, ' ')\n      : '';\n    setAiSelection(text);\n    setAiSelectionRange({ from, to });\n    setShowAIPanel(true);\n  }, [editor]);\n\n  const requestAddComment = useCallback(() => {\n    if (!editor) return;\n    const { from, to } = editor.state.selection;\n    if (from === to) return;\n    setCommentSelectionRange({ from, to });\n    setCommentDialogOpen(true);\n  }, [editor]);\n\n  const handleCommentSubmit = useCallback((text: string) => {\n    if (!editor) return;\n    const id = generateId();\n    const thread: CommentThread = {\n      id,\n      resolved: false,\n      comments: [{\n        id: generateId(),\n        author: currentUser || 'User',\n        text,\n        createdAt: Date.now(),\n      }],\n      createdAt: Date.now(),\n    };\n    editor.chain()\n      .focus()\n      .setTextSelection(commentSelectionRange)\n      .setComment(id)\n      .run();\n    setThreads([...threads, thread]);\n    setCommentDialogOpen(false);\n  }, [editor, commentSelectionRange, threads, setThreads, currentUser]);\n\n  const handleScrollToThread = useCallback((id: string) => {\n    commentPanelRef.current?.scrollToThread(id);\n  }, []);\n\n  if (!editor) return null;\n\n  const minH = typeof minHeight === 'number' ? `${minHeight}px` : minHeight;\n  const maxH = maxHeight ? (typeof maxHeight === 'number' ? `${maxHeight}px` : maxHeight) : undefined;\n\n  const containerClass = cn(\n    'rte-container',\n    formatPainterActive && 'rte-container--format-painter',\n    notionMode && 'rte-container--notion',\n    className,\n  );\n\n  const activeCommentCount = threads.filter((t) => !t.resolved).length;\n\n  const modeToggle = (\n    <div className=\"rte-mode-toggle\">\n      <button\n        type=\"button\"\n        className={`rte-mode-toggle__btn ${!notionMode ? 'rte-mode-toggle__btn--active' : ''}`}\n        onClick={() => setNotionMode(false)}\n        title=\"Classic mode\"\n      >\n        Classic\n      </button>\n      <button\n        type=\"button\"\n        className={`rte-mode-toggle__btn ${notionMode ? 'rte-mode-toggle__btn--active' : ''}`}\n        onClick={() => setNotionMode(true)}\n        title=\"Notion-style mode\"\n      >\n        Notion\n      </button>\n      <div className=\"rte-toolbar__divider\" style={{ height: 20, margin: '0 4px' }} />\n      <button\n        type=\"button\"\n        className={`rte-toolbar__btn rte-toolbar__comment-btn ${showComments ? 'rte-toolbar__btn--active' : ''}`}\n        onClick={() => setShowComments(!showComments)}\n        title=\"Toggle comments\"\n      >\n        <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\">\n          <path d=\"M21 15a2 2 0 01-2 2H7l-4 4V5a2 2 0 012-2h14a2 2 0 012 2z\" />\n        </svg>\n        {activeCommentCount > 0 && <span className=\"rte-toolbar__comment-badge\" />}\n      </button>\n    </div>\n  );\n\n  return (\n    <div className={containerClass} style={{ minHeight: minH, maxHeight: maxH }}>\n      {editable && !notionMode && (\n        <Toolbar\n          editor={editor}\n          config={toolbarConfig}\n          labels={labels}\n          hasAI={!!aiConfig}\n          onAIClick={handleAIClick}\n          onFormatPainterChange={setFormatPainterActive}\n        >\n          {modeToggle}\n        </Toolbar>\n      )}\n\n      {editable && notionMode && (\n        <div className=\"rte-notion-topbar\">\n          {modeToggle}\n        </div>\n      )}\n\n      <div style={{ display: 'flex', flex: 1, overflow: 'hidden' }}>\n        <div className=\"rte-editor-wrapper\" style={{ flex: 1 }}>\n          <EditorContent editor={editor} className=\"rte-editor-content\" />\n          {editable && <ContextMenu editor={editor} labels={labels} onAIClick={aiConfig ? handleAIClick : undefined} />}\n          {editable && <SlashMenu editor={editor} />}\n          {editable && notionMode && <BubbleToolbar editor={editor} onAddComment={requestAddComment} />}\n          {editable && notionMode && <BlockHandle editor={editor} />}\n          <CommentPopover\n            editor={editor}\n            threads={threads}\n            onThreadsChange={setThreads}\n            showPanel={showComments}\n            onOpenPanel={() => setShowComments(true)}\n            onScrollToThread={handleScrollToThread}\n            currentUser={currentUser}\n          />\n        </div>\n\n        {showComments && (\n          <CommentPanel\n            ref={commentPanelRef}\n            editor={editor}\n            threads={threads}\n            onThreadsChange={setThreads}\n            onRequestAddComment={requestAddComment}\n            currentUser={currentUser}\n          />\n        )}\n      </div>\n\n      {aiConfig && showAIPanel && (\n        <AIRewrite\n          editor={editor}\n          aiConfig={aiConfig}\n          labels={labels}\n          initialSelection={aiSelection}\n          selectionRange={aiSelectionRange}\n          onClose={() => setShowAIPanel(false)}\n        />\n      )}\n\n      <CommentDialog\n        open={commentDialogOpen}\n        onSubmit={handleCommentSubmit}\n        onClose={() => setCommentDialogOpen(false)}\n      />\n    </div>\n  );\n};\n\nexport default RichTextEditor;\n"],"mappings":"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"}
+{"version":3,"file":"RichTextEditor.js","names":[],"sources":["../../../../src/components/pro/RichTextEditor/RichTextEditor.tsx"],"sourcesContent":["import React, { useEffect, useCallback, useState, useRef } from 'react';\nimport { cn } from '../../../utils/cn';\nimport { useEditor, EditorContent } from '@tiptap/react';\nimport StarterKit from '@tiptap/starter-kit';\nimport Underline from '@tiptap/extension-underline';\nimport { TextStyle } from '@tiptap/extension-text-style';\nimport Color from '@tiptap/extension-color';\nimport Highlight from '@tiptap/extension-highlight';\nimport TextAlign from '@tiptap/extension-text-align';\nimport Link from '@tiptap/extension-link';\nimport { Table } from '@tiptap/extension-table';\nimport TableRow from '@tiptap/extension-table-row';\nimport TableCell from '@tiptap/extension-table-cell';\nimport TableHeader from '@tiptap/extension-table-header';\nimport Placeholder from '@tiptap/extension-placeholder';\nimport TaskList from '@tiptap/extension-task-list';\nimport TaskItem from '@tiptap/extension-task-item';\nimport Subscript from '@tiptap/extension-subscript';\nimport Superscript from '@tiptap/extension-superscript';\nimport Typography from '@tiptap/extension-typography';\nimport FontFamily from '@tiptap/extension-font-family';\n\nimport Toolbar from './Toolbar';\nimport AIRewrite from './AIRewrite';\nimport ContextMenu from './ContextMenu';\nimport CommentPanel from './CommentPanel';\nimport type { CommentPanelHandle } from './CommentPanel';\nimport CommentDialog from './CommentDialog';\nimport CommentPopover from './CommentPopover';\nimport SlashMenu from './SlashMenu';\nimport BubbleToolbar from './BubbleToolbar';\nimport BlockHandle from './BlockHandle';\nimport { MarkdownBlockExtension } from './extensions/MarkdownBlock';\nimport { CodeBlockExtension } from './extensions/CodeBlockView';\nimport FontSize from './extensions/FontSize';\nimport { ResizableImage } from './extensions/ResizableImage';\nimport { FloatingDialogExtension } from './extensions/FloatingDialog';\nimport { CommentMark } from './extensions/CommentMark';\nimport type { CommentThread } from './extensions/CommentMark';\nimport type { RichTextEditorProps } from './types';\nimport './styles.css';\n\nfunction generateId() {\n  return `c_${Date.now()}_${Math.random().toString(36).slice(2, 8)}`;\n}\n\nconst RichTextEditor: React.FC<RichTextEditorProps> = ({\n  content,\n  value,\n  onChange,\n  onChangeJSON,\n  placeholder = 'Start writing...',\n  editable = true,\n  aiConfig,\n  toolbarConfig,\n  minHeight = '200px',\n  maxHeight,\n  className = '',\n  autofocus = false,\n  labels,\n  editorRef,\n  notionMode: initialNotionMode = false,\n  showComments: initialShowComments = false,\n  commentThreads: externalThreads,\n  onCommentThreadsChange,\n  currentUser,\n}) => {\n  const [formatPainterActive, setFormatPainterActive] = useState(false);\n  const [showAIPanel, setShowAIPanel] = useState(false);\n  const [aiSelection, setAiSelection] = useState('');\n  const [aiSelectionRange, setAiSelectionRange] = useState({ from: 0, to: 0 });\n  const [notionMode, setNotionMode] = useState(initialNotionMode);\n  const [showComments, setShowComments] = useState(initialShowComments);\n  const [internalThreads, setInternalThreads] = useState<CommentThread[]>([]);\n  const [commentDialogOpen, setCommentDialogOpen] = useState(false);\n  const [commentSelectionRange, setCommentSelectionRange] = useState({ from: 0, to: 0 });\n  const commentPanelRef = useRef<CommentPanelHandle>(null);\n\n  const threads = externalThreads ?? internalThreads;\n  const setThreads = onCommentThreadsChange ?? setInternalThreads;\n\n  const editor = useEditor({\n    extensions: [\n      StarterKit.configure({\n        codeBlock: false,\n        heading: { levels: [1, 2, 3, 4, 5, 6] },\n        // v3 StarterKit bundles these; explicit extensions below stay in charge.\n        link: false,\n        underline: false,\n      }),\n      Underline,\n      TextStyle,\n      Color,\n      Highlight.configure({ multicolor: true }),\n      TextAlign.configure({\n        types: ['heading', 'paragraph'],\n      }),\n      Link.configure({\n        openOnClick: false,\n        autolink: true,\n        HTMLAttributes: { class: 'rte-link' },\n      }),\n      ResizableImage.configure({ inline: false, allowBase64: true }),\n      Table.configure({ resizable: true }),\n      TableRow,\n      TableCell,\n      TableHeader,\n      Placeholder.configure({ placeholder }),\n      CodeBlockExtension,\n      TaskList,\n      TaskItem.configure({ nested: true }),\n      Subscript,\n      Superscript,\n      Typography,\n      FontFamily,\n      FontSize,\n      FloatingDialogExtension,\n      MarkdownBlockExtension,\n      CommentMark,\n    ],\n    content: value || content || '',\n    editable,\n    autofocus: autofocus ? 'end' : false,\n    onUpdate: ({ editor: e }) => {\n      onChange?.(e.getHTML());\n      onChangeJSON?.(e.getJSON() as Record<string, unknown>);\n    },\n  });\n\n  useEffect(() => {\n    if (editorRef && editor) {\n      editorRef.current = editor;\n    }\n  }, [editor, editorRef]);\n\n  useEffect(() => {\n    if (editor && value !== undefined) {\n      const currentHTML = editor.getHTML();\n      if (value !== currentHTML) {\n        editor.commands.setContent(value, { emitUpdate: false });\n      }\n    }\n  }, [editor, value]);\n\n  useEffect(() => {\n    if (editor) {\n      editor.setEditable(editable);\n    }\n  }, [editor, editable]);\n\n  const handleAIClick = useCallback(() => {\n    if (!editor) return;\n    const { from, to } = editor.state.selection;\n    const text = from !== to\n      ? editor.state.doc.textBetween(from, to, ' ')\n      : '';\n    setAiSelection(text);\n    setAiSelectionRange({ from, to });\n    setShowAIPanel(true);\n  }, [editor]);\n\n  const requestAddComment = useCallback(() => {\n    if (!editor) return;\n    const { from, to } = editor.state.selection;\n    if (from === to) return;\n    setCommentSelectionRange({ from, to });\n    setCommentDialogOpen(true);\n  }, [editor]);\n\n  const handleCommentSubmit = useCallback((text: string) => {\n    if (!editor) return;\n    const id = generateId();\n    const thread: CommentThread = {\n      id,\n      resolved: false,\n      comments: [{\n        id: generateId(),\n        author: currentUser || 'User',\n        text,\n        createdAt: Date.now(),\n      }],\n      createdAt: Date.now(),\n    };\n    editor.chain()\n      .focus()\n      .setTextSelection(commentSelectionRange)\n      .setComment(id)\n      .run();\n    setThreads([...threads, thread]);\n    setCommentDialogOpen(false);\n  }, [editor, commentSelectionRange, threads, setThreads, currentUser]);\n\n  const handleScrollToThread = useCallback((id: string) => {\n    commentPanelRef.current?.scrollToThread(id);\n  }, []);\n\n  if (!editor) return null;\n\n  const minH = typeof minHeight === 'number' ? `${minHeight}px` : minHeight;\n  const maxH = maxHeight ? (typeof maxHeight === 'number' ? `${maxHeight}px` : maxHeight) : undefined;\n\n  const containerClass = cn(\n    'rte-container',\n    formatPainterActive && 'rte-container--format-painter',\n    notionMode && 'rte-container--notion',\n    className,\n  );\n\n  const activeCommentCount = threads.filter((t) => !t.resolved).length;\n\n  const modeToggle = (\n    <div className=\"rte-mode-toggle\">\n      <button\n        type=\"button\"\n        className={`rte-mode-toggle__btn ${!notionMode ? 'rte-mode-toggle__btn--active' : ''}`}\n        onClick={() => setNotionMode(false)}\n        title=\"Classic mode\"\n      >\n        Classic\n      </button>\n      <button\n        type=\"button\"\n        className={`rte-mode-toggle__btn ${notionMode ? 'rte-mode-toggle__btn--active' : ''}`}\n        onClick={() => setNotionMode(true)}\n        title=\"Notion-style mode\"\n      >\n        Notion\n      </button>\n      <div className=\"rte-toolbar__divider\" style={{ height: 20, margin: '0 4px' }} />\n      <button\n        type=\"button\"\n        className={`rte-toolbar__btn rte-toolbar__comment-btn ${showComments ? 'rte-toolbar__btn--active' : ''}`}\n        onClick={() => setShowComments(!showComments)}\n        title=\"Toggle comments\"\n      >\n        <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\">\n          <path d=\"M21 15a2 2 0 01-2 2H7l-4 4V5a2 2 0 012-2h14a2 2 0 012 2z\" />\n        </svg>\n        {activeCommentCount > 0 && <span className=\"rte-toolbar__comment-badge\" />}\n      </button>\n    </div>\n  );\n\n  return (\n    <div className={containerClass} style={{ minHeight: minH, maxHeight: maxH }}>\n      {editable && !notionMode && (\n        <Toolbar\n          editor={editor}\n          config={toolbarConfig}\n          labels={labels}\n          hasAI={!!aiConfig}\n          onAIClick={handleAIClick}\n          onFormatPainterChange={setFormatPainterActive}\n        >\n          {modeToggle}\n        </Toolbar>\n      )}\n\n      {editable && notionMode && (\n        <div className=\"rte-notion-topbar\">\n          {modeToggle}\n        </div>\n      )}\n\n      <div style={{ display: 'flex', flex: 1, overflow: 'hidden' }}>\n        <div className=\"rte-editor-wrapper\" style={{ flex: 1 }}>\n          <EditorContent editor={editor} className=\"rte-editor-content\" />\n          {editable && <ContextMenu editor={editor} labels={labels} onAIClick={aiConfig ? handleAIClick : undefined} />}\n          {editable && <SlashMenu editor={editor} />}\n          {editable && notionMode && <BubbleToolbar editor={editor} onAddComment={requestAddComment} />}\n          {editable && notionMode && <BlockHandle editor={editor} />}\n          <CommentPopover\n            editor={editor}\n            threads={threads}\n            onThreadsChange={setThreads}\n            showPanel={showComments}\n            onOpenPanel={() => setShowComments(true)}\n            onScrollToThread={handleScrollToThread}\n            currentUser={currentUser}\n          />\n        </div>\n\n        {showComments && (\n          <CommentPanel\n            ref={commentPanelRef}\n            editor={editor}\n            threads={threads}\n            onThreadsChange={setThreads}\n            onRequestAddComment={requestAddComment}\n            currentUser={currentUser}\n          />\n        )}\n      </div>\n\n      {aiConfig && showAIPanel && (\n        <AIRewrite\n          editor={editor}\n          aiConfig={aiConfig}\n          labels={labels}\n          initialSelection={aiSelection}\n          selectionRange={aiSelectionRange}\n          onClose={() => setShowAIPanel(false)}\n        />\n      )}\n\n      <CommentDialog\n        open={commentDialogOpen}\n        onSubmit={handleCommentSubmit}\n        onClose={() => setCommentDialogOpen(false)}\n      />\n    </div>\n  );\n};\n\nexport default RichTextEditor;\n"],"mappings":"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"}

package/dist/components/pro/RichTextEditor/extensions/ResizableImage.d.ts

@@ -0,0 +1,2 @@
+export declare const ResizableImage: import("@tiptap/core").Node<import("@tiptap/extension-image").ImageOptions, any>;
+export default ResizableImage;