@code0-tech/pictor 0.15.0 → 0.17.0

package/dist/components/form/DateInput.js

@@ -1,5 +1,5 @@
-import { jsx as n, jsxs as b, Fragment as H } from "react/jsx-runtime";
-import { c as T } from "../../_virtual/compiler-runtime.js";
+import { jsx as n, jsxs as g, Fragment as H } from "react/jsx-runtime";
+import { c as b } from "../../_virtual/compiler-runtime.js";
 import { DatePicker as a, DateInput as C } from "@ark-ui/react";
 import { toZoned as J, getLocalTimeZone as q, fromDate as K } from "@internationalized/date";
 import { IconChevronDown as Q } from "@tabler/icons-react";
@@ -12,28 +12,28 @@ import { Flex as ee } from "../flex/Flex.js";
 import { MenuTrigger as te, Menu as ne, MenuPortal as le, MenuContent as re } from "../menu/Menu.js";
 import { SelectPortal as ie, SelectContent as ae, SelectViewport as ce, SelectItem as oe, SelectItemText as se, SelectValue as ue, SelectTrigger as me, SelectInput as de } from "./SelectInput.js";
 import '../../assets/components/form/DateInput.style.css';/* empty css                     */
-import { Button as fe } from "../button/Button.js";
-const he = (t) => K(new Date(t * 1e3), q()), _e = (t) => Math.floor(J(t, q()).toDate().getTime() / 1e3), Y = (t) => {
+import { Button as he } from "../button/Button.js";
+const fe = (t) => K(new Date(t * 1e3), q()), _e = (t) => Math.floor(J(t, q()).toDate().getTime() / 1e3), Y = (t) => {
   const e = Array.isArray(t) ? t : [t], l = [];
   for (const r of e)
-    r == null || r === "" || (typeof r == "number" ? Number.isNaN(r) || l.push(he(r)) : l.push(r));
+    r == null || r === "" || (typeof r == "number" ? Number.isNaN(r) || l.push(fe(r)) : l.push(r));
   return l;
 }, qe = (t) => {
-  const e = T.c(43), {
+  const e = b.c(43), {
     title: l,
     description: r,
     left: i,
     leftType: c,
     rightType: o,
     right: s,
-    formValidation: u,
-    initialValue: m,
-    defaultValue: h,
+    formValidation: m,
+    initialValue: u,
+    defaultValue: f,
     value: d,
-    granularity: f,
+    granularity: h,
     closeOnSelect: _,
     name: p,
-    disabled: g,
+    disabled: T,
     readOnly: k,
     locale: v,
     placeholderValue: A,
@@ -41,7 +41,7 @@ const he = (t) => K(new Date(t * 1e3), q()), _e = (t) => Math.floor(J(t, q()).to
     children: z
   } = t;
   let $;
-  e[0] !== h || e[1] !== m || e[2] !== d ? ($ = () => Y(d ?? m ?? h), e[0] = h, e[1] = m, e[2] = d, e[3] = $) : $ = e[3];
+  e[0] !== f || e[1] !== u || e[2] !== d ? ($ = () => Y(d ?? u ?? f), e[0] = f, e[1] = u, e[2] = d, e[3] = $) : $ = e[3];
   const [w, L] = F.useState($);
   let R, M;
   e[4] !== d ? (R = () => {
@@ -49,41 +49,41 @@ const he = (t) => K(new Date(t * 1e3), q()), _e = (t) => Math.floor(J(t, q()).to
   }, M = [d], e[4] = d, e[5] = R, e[6] = M) : (R = e[5], M = e[6]), F.useEffect(R, M);
   const [y, W] = F.useState(!1);
   let O;
-  e[7] !== u || e[8] !== G ? (O = (I) => {
-    L(I.value), u?.setValue?.(I.value[0] ? _e(I.value[0]) : null), G?.(I);
-  }, e[7] = u, e[8] = G, e[9] = O) : O = e[9];
-  const N = O;
+  e[7] !== m || e[8] !== G ? (O = (I) => {
+    L(I.value), m?.setValue?.(I.value[0] ? _e(I.value[0]) : null), G?.(I);
+  }, e[7] = m, e[8] = G, e[9] = O) : O = e[9];
+  const V = O;
   let P;
-  e[10] !== w || e[11] !== g || e[12] !== f || e[13] !== N || e[14] !== v || e[15] !== p || e[16] !== A || e[17] !== k ? (P = S("date-input", {
+  e[10] !== w || e[11] !== T || e[12] !== h || e[13] !== V || e[14] !== v || e[15] !== p || e[16] !== A || e[17] !== k ? (P = S("date-input", {
     value: w,
-    onValueChange: N,
-    granularity: f,
+    onValueChange: V,
+    granularity: h,
     name: p,
-    disabled: g,
+    disabled: T,
     readOnly: k,
     locale: v,
     placeholderValue: A
-  }), e[10] = w, e[11] = g, e[12] = f, e[13] = N, e[14] = v, e[15] = p, e[16] = A, e[17] = k, e[18] = P) : P = e[18];
+  }), e[10] = w, e[11] = T, e[12] = h, e[13] = V, e[14] = v, e[15] = p, e[16] = A, e[17] = k, e[18] = P) : P = e[18];
   const E = P;
   let j;
   e[19] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (j = (I) => W(I.open), e[19] = j) : j = e[19];
-  let V;
-  e[20] !== z || e[21] !== r || e[22] !== u || e[23] !== i || e[24] !== c || e[25] !== s || e[26] !== o || e[27] !== l ? (V = /* @__PURE__ */ n(X, { title: l, description: r, left: i, leftType: c, right: s, rightType: o, formValidation: u, children: z }), e[20] = z, e[21] = r, e[22] = u, e[23] = i, e[24] = c, e[25] = s, e[26] = o, e[27] = l, e[28] = V) : V = e[28];
+  let N;
+  e[20] !== z || e[21] !== r || e[22] !== m || e[23] !== i || e[24] !== c || e[25] !== s || e[26] !== o || e[27] !== l ? (N = /* @__PURE__ */ n(X, { title: l, description: r, left: i, leftType: c, right: s, rightType: o, formValidation: m, children: z }), e[20] = z, e[21] = r, e[22] = m, e[23] = i, e[24] = c, e[25] = s, e[26] = o, e[27] = l, e[28] = N) : N = e[28];
   let x;
-  e[29] !== y || e[30] !== V ? (x = /* @__PURE__ */ n(ne, { open: y, onOpenChange: W, children: V }), e[29] = y, e[30] = V, e[31] = x) : x = e[31];
+  e[29] !== y || e[30] !== N ? (x = /* @__PURE__ */ n(ne, { open: y, onOpenChange: W, children: N }), e[29] = y, e[30] = N, e[31] = x) : x = e[31];
   let D;
-  e[32] !== _ || e[33] !== w || e[34] !== g || e[35] !== N || e[36] !== v || e[37] !== y || e[38] !== x ? (D = /* @__PURE__ */ n(a.Root, { value: w, onValueChange: N, open: y, onOpenChange: j, closeOnSelect: _, disabled: g, locale: v, children: x }), e[32] = _, e[33] = w, e[34] = g, e[35] = N, e[36] = v, e[37] = y, e[38] = x, e[39] = D) : D = e[39];
+  e[32] !== _ || e[33] !== w || e[34] !== T || e[35] !== V || e[36] !== v || e[37] !== y || e[38] !== x ? (D = /* @__PURE__ */ n(a.Root, { value: w, onValueChange: V, open: y, onOpenChange: j, closeOnSelect: _, disabled: T, locale: v, children: x }), e[32] = _, e[33] = w, e[34] = T, e[35] = V, e[36] = v, e[37] = y, e[38] = x, e[39] = D) : D = e[39];
   let B;
   return e[40] !== E || e[41] !== D ? (B = /* @__PURE__ */ n(C.Root, { ...E, children: D }), e[40] = E, e[41] = D, e[42] = B) : B = e[42], B;
 }, Je = (t) => {
-  const e = T.c(4);
+  const e = b.c(4);
   let l;
   e[0] !== t ? (l = S("date-input__control", t), e[0] = t, e[1] = l) : l = e[1];
   const r = l;
   let i;
   return e[2] !== r ? (i = /* @__PURE__ */ n(C.Control, { ...r }), e[2] = r, e[3] = i) : i = e[3], i;
 }, Ke = (t) => {
-  const e = T.c(8);
+  const e = b.c(8);
   let l;
   e[0] !== t ? (l = S("date-input__segment-group", t), e[0] = t, e[1] = l) : l = e[1];
   const r = l;
@@ -94,110 +94,106 @@ const he = (t) => K(new Date(t * 1e3), q()), _e = (t) => Math.floor(J(t, q()).to
   let o;
   e[5] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (o = /* @__PURE__ */ n(C.HiddenInput, {}), e[5] = o) : o = e[5];
   let s;
-  return e[6] !== c ? (s = /* @__PURE__ */ b(H, { children: [
+  return e[6] !== c ? (s = /* @__PURE__ */ g(H, { children: [
     c,
     o
   ] }), e[6] = c, e[7] = s) : s = e[7], s;
 }, Qe = (t) => {
-  const e = T.c(4);
+  const e = b.c(4);
   let l;
   e[0] !== t ? (l = S("date-input__trigger", t), e[0] = t, e[1] = l) : l = e[1];
   const r = l;
   let i;
   return e[2] !== r ? (i = /* @__PURE__ */ n(te, { ...r }), e[2] = r, e[3] = i) : i = e[3], i;
 }, pe = (t) => {
-  const e = T.c(4);
+  const e = b.c(4);
   let l;
   e[0] !== t ? (l = S("date-input__prev-trigger", t), e[0] = t, e[1] = l) : l = e[1];
   const r = l;
   let i;
   return e[2] !== r ? (i = /* @__PURE__ */ n(a.PrevTrigger, { ...r }), e[2] = r, e[3] = i) : i = e[3], i;
 }, ge = (t) => {
-  const e = T.c(4);
+  const e = b.c(4);
   let l;
   e[0] !== t ? (l = S("date-input__next-trigger", t), e[0] = t, e[1] = l) : l = e[1];
   const r = l;
   let i;
   return e[2] !== r ? (i = /* @__PURE__ */ n(a.NextTrigger, { ...r }), e[2] = r, e[3] = i) : i = e[3], i;
 }, Z = () => {
-  const t = T.c(2);
+  const t = b.c(2);
   let e;
   t[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (e = /* @__PURE__ */ n(pe, { children: "‹" }), t[0] = e) : e = t[0];
   let l;
-  return t[1] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (l = /* @__PURE__ */ b(a.ViewControl, { className: "date-input__view-control", children: [
+  return t[1] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (l = /* @__PURE__ */ g(a.ViewControl, { className: "date-input__view-control", children: [
     e,
     /* @__PURE__ */ n(a.ViewTrigger, { className: "date-input__view-trigger", children: /* @__PURE__ */ n(a.RangeText, { className: "date-input__range-text" }) }),
     /* @__PURE__ */ n(ge, { children: "›" })
   ] }), t[1] = l) : l = t[1], l;
 }, Xe = (t) => {
-  const e = T.c(20);
+  const e = b.c(20);
   let l, r, i, c, o, s;
   if (e[0] !== t) {
     const {
       withTime: p,
-      ...g
+      ...T
     } = t;
-    s = p, r = le, l = re, c = "end", o = 8, i = S("date-input__content", g), e[0] = t, e[1] = l, e[2] = r, e[3] = i, e[4] = c, e[5] = o, e[6] = s;
+    s = p, r = le, l = re, c = "end", o = 8, i = S("date-input__content", T), e[0] = t, e[1] = l, e[2] = r, e[3] = i, e[4] = c, e[5] = o, e[6] = s;
   } else
     l = e[1], r = e[2], i = e[3], c = e[4], o = e[5], s = e[6];
-  const u = i;
-  let m;
-  e[7] !== s ? (m = /* @__PURE__ */ n(a.View, { view: "day", className: "date-input__view", children: /* @__PURE__ */ n(a.Context, { children: (p) => /* @__PURE__ */ b(H, { children: [
+  const m = i;
+  let u;
+  e[7] !== s ? (u = /* @__PURE__ */ n(a.View, { view: "day", className: "date-input__view", children: /* @__PURE__ */ n(a.Context, { children: (p) => /* @__PURE__ */ g(H, { children: [
     /* @__PURE__ */ n(Z, {}),
-    /* @__PURE__ */ b(a.Table, { className: "date-input__table", children: [
+    /* @__PURE__ */ g(a.Table, { className: "date-input__table", children: [
       /* @__PURE__ */ n(a.TableHead, { children: /* @__PURE__ */ n(a.TableRow, { children: p.weekDays.map(Se) }) }),
       /* @__PURE__ */ n(a.TableBody, { children: p.weeks.map(we) })
     ] }),
     s && /* @__PURE__ */ n(be, {})
-  ] }) }) }), e[7] = s, e[8] = m) : m = e[8];
-  let h;
-  e[9] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (h = /* @__PURE__ */ n(a.View, { view: "month", className: "date-input__view", children: /* @__PURE__ */ n(a.Context, { children: Ve }) }), e[9] = h) : h = e[9];
+  ] }) }) }), e[7] = s, e[8] = u) : u = e[8];
+  let f;
+  e[9] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (f = /* @__PURE__ */ n(a.View, { view: "month", className: "date-input__view", children: /* @__PURE__ */ n(a.Context, { children: Ne }) }), e[9] = f) : f = e[9];
   let d;
   e[10] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (d = /* @__PURE__ */ n(a.View, { view: "year", className: "date-input__view", children: /* @__PURE__ */ n(a.Context, { children: Ie }) }), e[10] = d) : d = e[10];
-  let f;
-  e[11] !== l || e[12] !== c || e[13] !== o || e[14] !== u || e[15] !== m ? (f = /* @__PURE__ */ b(l, { align: c, sideOffset: o, ...u, children: [
-    m,
-    h,
+  let h;
+  e[11] !== l || e[12] !== c || e[13] !== o || e[14] !== m || e[15] !== u ? (h = /* @__PURE__ */ g(l, { align: c, sideOffset: o, ...m, children: [
+    u,
+    f,
     d
-  ] }), e[11] = l, e[12] = c, e[13] = o, e[14] = u, e[15] = m, e[16] = f) : f = e[16];
+  ] }), e[11] = l, e[12] = c, e[13] = o, e[14] = m, e[15] = u, e[16] = h) : h = e[16];
   let _;
-  return e[17] !== r || e[18] !== f ? (_ = /* @__PURE__ */ n(r, { children: f }), e[17] = r, e[18] = f, e[19] = _) : _ = e[19], _;
+  return e[17] !== r || e[18] !== h ? (_ = /* @__PURE__ */ n(r, { children: h }), e[17] = r, e[18] = h, e[19] = _) : _ = e[19], _;
 }, be = () => {
-  const t = T.c(1);
+  const t = b.c(1);
   let e;
   return t[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (e = /* @__PURE__ */ n(C.Context, { children: Me }), t[0] = e) : e = t[0], e;
 }, U = (t) => {
-  const e = T.c(16), {
+  const e = b.c(15), {
     label: l,
     value: r,
     count: i,
     disabled: c,
     onValueChange: o
   } = t, s = String(r);
-  let u;
-  e[0] !== o ? (u = (g) => o(Number(g)), e[0] = o, e[1] = u) : u = e[1];
   let m;
-  e[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (m = {
-    className: "date-input__time-select"
-  }, e[2] = m) : m = e[2];
-  let h;
-  e[3] !== l ? (h = /* @__PURE__ */ n(ue, { "aria-label": l }), e[3] = l, e[4] = h) : h = e[4];
-  let d;
-  e[5] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (d = /* @__PURE__ */ n(Q, { size: 13 }), e[5] = d) : d = e[5];
+  e[0] !== o ? (m = (p) => o(Number(p)), e[0] = o, e[1] = m) : m = e[1];
+  let u;
+  e[2] !== l ? (u = /* @__PURE__ */ n(ue, { "aria-label": l }), e[2] = l, e[3] = u) : u = e[3];
   let f;
-  e[6] !== h ? (f = /* @__PURE__ */ n(me, { asChild: !0, children: /* @__PURE__ */ n(fe, { paddingSize: "xxs", justify: "start", children: /* @__PURE__ */ b(ee, { justify: "space-between", w: "100%", align: "center", children: [
-    h,
-    d
-  ] }) }) }), e[6] = h, e[7] = f) : f = e[7];
-  let _;
-  e[8] !== i ? (_ = /* @__PURE__ */ n(ie, { children: /* @__PURE__ */ n(ae, { position: "item-aligned", children: /* @__PURE__ */ n(ce, { children: Array.from({
+  e[4] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (f = /* @__PURE__ */ n(Q, { size: 13 }), e[4] = f) : f = e[4];
+  let d;
+  e[5] !== u ? (d = /* @__PURE__ */ n(me, { asChild: !0, children: /* @__PURE__ */ n(he, { paddingSize: "xxs", justify: "start", children: /* @__PURE__ */ g(ee, { justify: "space-between", w: "100%", align: "center", children: [
+    u,
+    f
+  ] }) }) }), e[5] = u, e[6] = d) : d = e[6];
+  let h;
+  e[7] !== i ? (h = /* @__PURE__ */ n(ie, { children: /* @__PURE__ */ n(ae, { position: "item-aligned", children: /* @__PURE__ */ n(ce, { children: Array.from({
     length: i
-  }, Oe) }) }) }), e[8] = i, e[9] = _) : _ = e[9];
-  let p;
-  return e[10] !== c || e[11] !== s || e[12] !== u || e[13] !== f || e[14] !== _ ? (p = /* @__PURE__ */ b(de, { value: s, disabled: c, onValueChange: u, wrapperComponent: m, children: [
-    f,
-    _
-  ] }), e[10] = c, e[11] = s, e[12] = u, e[13] = f, e[14] = _, e[15] = p) : p = e[15], p;
+  }, Oe) }) }) }), e[7] = i, e[8] = h) : h = e[8];
+  let _;
+  return e[9] !== c || e[10] !== s || e[11] !== m || e[12] !== d || e[13] !== h ? (_ = /* @__PURE__ */ g(de, { value: s, disabled: c, onValueChange: m, children: [
+    d,
+    h
+  ] }), e[9] = c, e[10] = s, e[11] = m, e[12] = d, e[13] = h, e[14] = _) : _ = e[14], _;
 };
 function Te(t, e) {
   return /* @__PURE__ */ n(C.Segment, { segment: t, className: "date-input__segment" }, e);
@@ -217,16 +213,16 @@ function we(t, e) {
 function ye(t, e) {
   return /* @__PURE__ */ n(a.TableCell, { value: t.value, children: /* @__PURE__ */ n(a.TableCellTrigger, { className: "date-input__cell", children: t.label }) }, e);
 }
-function Ne(t, e) {
+function Ve(t, e) {
   return /* @__PURE__ */ n(a.TableRow, { children: t.map(ye) }, e);
 }
-function Ve(t) {
-  return /* @__PURE__ */ b(H, { children: [
+function Ne(t) {
+  return /* @__PURE__ */ g(H, { children: [
     /* @__PURE__ */ n(Z, {}),
     /* @__PURE__ */ n(a.Table, { className: "date-input__table", children: /* @__PURE__ */ n(a.TableBody, { children: t.getMonthsGrid({
       columns: 4,
       format: "short"
-    }).map(Ne) }) })
+    }).map(Ve) }) })
   ] });
 }
 function xe(t, e) {
@@ -236,7 +232,7 @@ function De(t, e) {
   return /* @__PURE__ */ n(a.TableRow, { children: t.map(xe) }, e);
 }
 function Ie(t) {
-  return /* @__PURE__ */ b(H, { children: [
+  return /* @__PURE__ */ g(H, { children: [
     /* @__PURE__ */ n(Z, {}),
     /* @__PURE__ */ n(a.Table, { className: "date-input__table", children: /* @__PURE__ */ n(a.TableBody, { children: t.getYearsGrid({
       columns: 4
@@ -247,7 +243,7 @@ function $e(t) {
   return t.type;
 }
 function Re(t, e) {
-  return /* @__PURE__ */ b(F.Fragment, { children: [
+  return /* @__PURE__ */ g(F.Fragment, { children: [
     e > 0 && /* @__PURE__ */ n("span", { className: "date-input__time-separator", children: ":" }),
     t
   ] }, e);
@@ -255,20 +251,20 @@ function Re(t, e) {
 function Me(t) {
   const e = new Set(t.getSegments().map($e));
   return /* @__PURE__ */ n(a.Context, { children: (l) => {
-    const r = l.value[0], i = r?.hour ?? 0, c = r?.minute ?? 0, o = r?.second ?? 0, s = l.value.length === 0, u = [];
-    return e.has("hour") && u.push(/* @__PURE__ */ n(U, { label: "Hour", value: i, count: 24, disabled: s, onValueChange: (m) => l.setTime({
-      hour: m,
+    const r = l.value[0], i = r?.hour ?? 0, c = r?.minute ?? 0, o = r?.second ?? 0, s = l.value.length === 0, m = [];
+    return e.has("hour") && m.push(/* @__PURE__ */ n(U, { label: "Hour", value: i, count: 24, disabled: s, onValueChange: (u) => l.setTime({
+      hour: u,
       minute: c,
       second: o
-    }) }, "hour")), e.has("minute") && u.push(/* @__PURE__ */ n(U, { label: "Minute", value: c, count: 60, disabled: s, onValueChange: (m) => l.setTime({
+    }) }, "hour")), e.has("minute") && m.push(/* @__PURE__ */ n(U, { label: "Minute", value: c, count: 60, disabled: s, onValueChange: (u) => l.setTime({
       hour: i,
-      minute: m,
+      minute: u,
       second: o
-    }) }, "minute")), e.has("second") && u.push(/* @__PURE__ */ n(U, { label: "Second", value: o, count: 60, disabled: s, onValueChange: (m) => l.setTime({
+    }) }, "minute")), e.has("second") && m.push(/* @__PURE__ */ n(U, { label: "Second", value: o, count: 60, disabled: s, onValueChange: (u) => l.setTime({
       hour: i,
       minute: c,
-      second: m
-    }) }, "second")), /* @__PURE__ */ n("div", { className: "date-input__time", children: u.map(Re) });
+      second: u
+    }) }, "second")), /* @__PURE__ */ n("div", { className: "date-input__time", children: m.map(Re) });
   } });
 }
 function Oe(t, e) {

package/dist/components/form/EditorInput.d.ts

@@ -1,27 +1,43 @@
 import { default as React } from 'react';
 import { ValidationProps } from './useForm';
 import { InputWrapperProps } from './InputWrapper';
-import { InputSuggestion } from './InputSuggestion';
+import { Component } from '../../utils';
+import { MenuContentProps, MenuItemProps } from '../menu/Menu';
 export interface EditorTokenRule {
     pattern: RegExp;
-    /**
-     * Wrap a matched token. `children` is Slate's leaf content — include it
-     * somewhere so cursor positioning stays accurate.
-     */
     wrap?: (matchedText: string, children: React.ReactNode, match: RegExpExecArray) => React.ReactNode;
     style?: React.CSSProperties;
     className?: string;
+    void?: boolean;
 }
-export interface EditorInputProps extends Omit<InputWrapperProps, "onChange">, ValidationProps<any> {
+export interface EditorInputProps extends Omit<InputWrapperProps, "onChange" | "onSelect">, ValidationProps<any> {
+    wrapperComponent?: Component<HTMLDivElement>;
     tokenRules?: EditorTokenRule[];
-    suggestions?: InputSuggestion[];
-    suggestionsEmptyState?: React.ReactNode;
-    onSuggestionSelect?: (suggestion: InputSuggestion) => void;
+    onSelect?: (value: any, data: any) => void;
+    search?: string;
     disabled?: boolean;
     readonly?: boolean;
-    /** Render as a single-line input: Enter is blocked, newlines in pasted or external values become spaces. */
     singleLine?: boolean;
     onChange?: (value: string) => void;
     placeholder?: string;
+    children?: React.ReactNode;
+}
+export type EditorInputValueProps = Component<HTMLDivElement>;
+export type EditorInputTriggerProps = Component<HTMLButtonElement>;
+export type EditorInputMenuProps = MenuContentProps;
+export type EditorInputMenuItemProps = MenuItemProps & {
+    value: any;
+    data?: any;
+    onlyOnce?: boolean;
+    aliases?: string[];
+};
+export interface EditorInputSubMenuProps {
+    label: React.ReactNode;
+    children: React.ReactNode;
 }
 export declare const EditorInput: React.FC<EditorInputProps>;
+export declare const EditorInputValue: React.FC<EditorInputValueProps>;
+export declare const EditorInputTrigger: React.FC<EditorInputTriggerProps>;
+export declare const EditorInputMenu: React.FC<EditorInputMenuProps>;
+export declare const EditorInputMenuItem: React.FC<EditorInputMenuItemProps>;
+export declare const EditorInputSubMenu: React.FC<EditorInputSubMenuProps>;