@code0-tech/pictor 0.16.0 → 0.17.0

package/dist/components/form/InputWrapper.js

@@ -1,62 +1,66 @@
-import { jsxs as $, jsx as a, Fragment as R } from "react/jsx-runtime";
-import { c as j } from "../../_virtual/compiler-runtime.js";
+import { jsxs as E, jsx as a, Fragment as L } from "react/jsx-runtime";
+import { c as N } from "../../_virtual/compiler-runtime.js";
 import "../../utils/contextStore.js";
-import N from "react";
-import { mergeComponentProps as b } from "../../utils/component.js";
+import g from "react";
+import { mergeComponentProps as P } from "../../utils/component.js";
 import "js-md5";
-import { InputMessage as D } from "./InputMessage.js";
-import { InputLabel as E } from "./InputLabel.js";
-import { InputDescription as F } from "./InputDescription.js";
+import { InputMessage as k } from "./InputMessage.js";
+import { InputLabel as C } from "./InputLabel.js";
+import { InputDescription as D } from "./InputDescription.js";
 import '../../assets/components/form/InputWrapper.style.css';/* empty css                        */
-const K = N.forwardRef((C, L) => {
-  const e = j.c(29), {
-    children: w,
-    wrapperComponent: f,
-    left: m,
-    right: d,
-    leftType: M,
-    rightType: T,
-    title: c,
-    description: u,
-    formValidation: h
-  } = C;
-  let g;
-  e[0] !== f ? (g = f === void 0 ? {} : f, e[0] = f, e[1] = g) : g = e[1];
-  const V = g, x = M === void 0 ? "icon" : M, y = T === void 0 ? "action" : T;
-  let v;
-  e[2] !== h ? (v = h === void 0 ? {
+const S = g.forwardRef((F, W) => {
+  const e = N.c(22), {
+    children: v,
+    left: s,
+    right: p,
+    leftType: $,
+    rightType: x,
+    title: d,
+    description: c,
+    formValidation: m,
+    ...f
+  } = F, b = $ === void 0 ? "icon" : $, _ = x === void 0 ? "action" : x;
+  let u;
+  e[0] !== m ? (u = m === void 0 ? {
     valid: !0,
     notValidMessage: null,
     setValue: null
-  } : h, e[2] = h, e[3] = v) : v = e[3];
-  const t = v;
+  } : m, e[0] = m, e[1] = u) : u = e[1];
+  const t = u, R = g.useId(), I = f.id ?? R, M = `${I}-label`, T = d ? void 0 : f["aria-label"] ?? f.placeholder, j = {
+    id: I,
+    ...d ? {
+      "aria-labelledby": M
+    } : {},
+    ...T ? {
+      "aria-label": T
+    } : {}
+  }, V = d && /* @__PURE__ */ a(C, { htmlFor: I, id: M, children: d });
   let i;
-  e[4] !== c ? (i = c && /* @__PURE__ */ a(E, { children: c }), e[4] = c, e[5] = i) : i = e[5];
-  let r;
-  e[6] !== u ? (r = u && /* @__PURE__ */ a(F, { children: u }), e[6] = u, e[7] = r) : r = e[7];
-  const I = `input-wrapper ${t?.valid ? "" : "input-wrapper--not-valid"}`;
+  e[2] !== c ? (i = c && /* @__PURE__ */ a(D, { children: c }), e[2] = c, e[3] = i) : i = e[3];
+  const w = P(`input-wrapper ${t?.valid ? "" : "input-wrapper--not-valid"}`, f);
   let l;
-  e[8] !== I || e[9] !== V ? (l = b(I, V), e[8] = I, e[9] = V, e[10] = l) : l = e[10];
+  e[4] !== s || e[5] !== b ? (l = s && /* @__PURE__ */ a("div", { className: `input-wrapper__left input__left--${b}`, children: s }), e[4] = s, e[5] = b, e[6] = l) : l = e[6];
+  const y = g.isValidElement(v) ? g.cloneElement(v, {
+    ...j
+  }) : v;
+  let r;
+  e[7] !== p || e[8] !== _ ? (r = p && /* @__PURE__ */ a("div", { className: `input-wrapper__right input-wrapper__right--${_}`, children: p }), e[7] = p, e[8] = _, e[9] = r) : r = e[9];
   let o;
-  e[11] !== m || e[12] !== x ? (o = m && /* @__PURE__ */ a("div", { className: `input-wrapper__left input__left--${x}`, children: m }), e[11] = m, e[12] = x, e[13] = o) : o = e[13];
-  let p;
-  e[14] !== d || e[15] !== y ? (p = d && /* @__PURE__ */ a("div", { className: `input-wrapper__right input-wrapper__right--${y}`, children: d }), e[14] = d, e[15] = y, e[16] = p) : p = e[16];
+  e[10] !== w || e[11] !== l || e[12] !== y || e[13] !== r ? (o = /* @__PURE__ */ E("div", { ...w, children: [
+    l,
+    y,
+    r
+  ] }), e[10] = w, e[11] = l, e[12] = y, e[13] = r, e[14] = o) : o = e[14];
   let n;
-  e[17] !== w || e[18] !== o || e[19] !== p || e[20] !== l ? (n = /* @__PURE__ */ $("div", { ...l, children: [
-    o,
-    w,
-    p
-  ] }), e[17] = w, e[18] = o, e[19] = p, e[20] = l, e[21] = n) : n = e[21];
-  let s;
-  e[22] !== t ? (s = !t?.valid && t?.notValidMessage && /* @__PURE__ */ a(D, { children: t.notValidMessage }), e[22] = t, e[23] = s) : s = e[23];
-  let _;
-  return e[24] !== n || e[25] !== s || e[26] !== i || e[27] !== r ? (_ = /* @__PURE__ */ $(R, { children: [
+  e[15] !== t ? (n = !t?.valid && t?.notValidMessage && /* @__PURE__ */ a(k, { children: t.notValidMessage }), e[15] = t, e[16] = n) : n = e[16];
+  let h;
+  return e[17] !== o || e[18] !== n || e[19] !== V || e[20] !== i ? (h = /* @__PURE__ */ E(L, { children: [
+    V,
     i,
-    r,
-    n,
-    s
-  ] }), e[24] = n, e[25] = s, e[26] = i, e[27] = r, e[28] = _) : _ = e[28], _;
+    o,
+    n
+  ] }), e[17] = o, e[18] = n, e[19] = V, e[20] = i, e[21] = h) : h = e[21], h;
 });
 export {
-  K as InputWrapper
+  S as InputWrapper
 };

package/dist/components/form/NumberInput.js

@@ -1,20 +1,21 @@
-import { jsx as n } from "react/jsx-runtime";
-import u from "react";
-import { Input as i } from "./Input.js";
-import { IconMinus as a, IconPlus as l } from "@tabler/icons-react";
-import { Button as e } from "../button/Button.js";
-const N = u.forwardRef((o, t) => {
-  t = t || u.useRef(null);
+import { jsx as t } from "react/jsx-runtime";
+import o from "react";
+import { Input as l } from "./Input.js";
+import { IconMinus as a, IconPlus as p } from "@tabler/icons-react";
+import { Button as u } from "../button/Button.js";
+import { ButtonGroup as e } from "../button-group/ButtonGroup.js";
+const g = o.forwardRef((c, r) => {
+  r = r || o.useRef(null);
   const {
-    step: r = 1,
-    ...c
-  } = o;
-  return /* @__PURE__ */ n(i, { className: "number-input", right: /* @__PURE__ */ n(e, { variant: "none", onClick: () => {
-    t.current && (t.current.value || (t.current.value = "0"), t.current.value = (Number.parseInt(t.current.value) + r).toString());
-  }, children: /* @__PURE__ */ n(l, { size: 13 }) }), left: /* @__PURE__ */ n(e, { variant: "none", onClick: () => {
-    t.current && (t.current.value || (t.current.value = "0"), t.current.value = (Number.parseInt(t.current.value) - r).toString());
-  }, children: /* @__PURE__ */ n(a, { size: 13 }) }), leftType: "action", type: "number", ref: t, ...c });
+    step: n = 1,
+    ...i
+  } = c;
+  return /* @__PURE__ */ t(l, { className: "number-input", right: /* @__PURE__ */ t(e, { color: "primary", children: /* @__PURE__ */ t(u, { color: "secondary", paddingSize: "xxs", onClick: () => {
+    r.current && (r.current.value || (r.current.value = "0"), r.current.value = (Number.parseInt(r.current.value) + n).toString());
+  }, children: /* @__PURE__ */ t(p, { size: 13 }) }) }), left: /* @__PURE__ */ t(e, { color: "primary", children: /* @__PURE__ */ t(u, { color: "secondary", paddingSize: "xxs", onClick: () => {
+    r.current && (r.current.value || (r.current.value = "0"), r.current.value = (Number.parseInt(r.current.value) - n).toString());
+  }, children: /* @__PURE__ */ t(a, { size: 13 }) }) }), leftType: "action", type: "number", ref: r, ...i });
 });
 export {
-  N as NumberInput
+  g as NumberInput
 };

package/dist/components/form/PasswordInput.js

@@ -1,54 +1,55 @@
-import { jsxs as l, Fragment as y, jsx as n } from "react/jsx-runtime";
+import { jsxs as l, Fragment as w, jsx as s } from "react/jsx-runtime";
 import c from "react";
 import { Input as b } from "./Input.js";
 import { IconEye as I, IconX as R } from "@tabler/icons-react";
 import { Button as u } from "../button/Button.js";
-import { clearInputElement as P } from "./Input.utils.js";
-import { Flex as z } from "../flex/Flex.js";
+import { clearInputElement as z } from "./Input.utils.js";
+import { Flex as P } from "../flex/Flex.js";
 import { Progress as D } from "../progress/Progress.js";
 import { InputMessage as A } from "./InputMessage.js";
-const L = c.forwardRef((r, t) => {
+import { ButtonGroup as B } from "../button-group/ButtonGroup.js";
+const X = c.forwardRef((r, t) => {
   t = t || c.useRef(null);
   const {
     clearable: p = !0,
     visible: d = !0,
     right: m,
-    formValidation: s,
+    formValidation: o,
     ...f
-  } = r, h = (e) => (P(t.current), e.stopPropagation(), e.preventDefault(), !1), g = (e) => (t.current instanceof HTMLInputElement && (t.current.type === "password" ? t.current.type = "text" : t.current.type === "text" && (t.current.type = "password")), e.stopPropagation(), e.preventDefault(), !1), o = [m];
-  d && o.push(/* @__PURE__ */ n(u, { variant: "none", onClick: (e) => g(e), children: /* @__PURE__ */ n(I, { size: 13 }) })), p && o.push(/* @__PURE__ */ n(u, { variant: "none", onClick: (e) => h(e), children: /* @__PURE__ */ n(R, { size: 13 }) }));
-  const a = s?.notValidMessage ?? "", i = /^[1-5]+$/.test(a), x = a.length, M = Math.max(0, 5 - x) / 5 * 100;
-  return /* @__PURE__ */ l(y, { children: [
-    /* @__PURE__ */ n(b, { right: o, rightType: "action", type: "password", ref: t, ...s ? {
-      formValidation: i ? {
-        setValue: s.setValue,
-        valid: s.valid
-      } : s
+  } = r, g = (e) => (z(t.current), e.stopPropagation(), e.preventDefault(), !1), h = (e) => (t.current instanceof HTMLInputElement && (t.current.type === "password" ? t.current.type = "text" : t.current.type === "text" && (t.current.type = "password")), e.stopPropagation(), e.preventDefault(), !1), n = [m];
+  d && n.push(/* @__PURE__ */ s(u, { color: "secondary", paddingSize: "xxs", onClick: (e) => h(e), children: /* @__PURE__ */ s(I, { size: 13 }) })), p && n.push(/* @__PURE__ */ s(u, { color: "secondary", paddingSize: "xxs", onClick: (e) => g(e), children: /* @__PURE__ */ s(R, { size: 13 }) }));
+  const i = o?.notValidMessage ?? "", a = /^[1-5]+$/.test(i), x = i.length, y = Math.max(0, 5 - x) / 5 * 100;
+  return /* @__PURE__ */ l(w, { children: [
+    /* @__PURE__ */ s(b, { right: /* @__PURE__ */ s(B, { color: "primary", children: n }), rightType: "action", type: "password", ref: t, ...o ? {
+      formValidation: a ? {
+        setValue: o.setValue,
+        valid: o.valid
+      } : o
     } : {}, ...f }),
-    i && !s?.valid && /* @__PURE__ */ l(z, { mt: 0.7, style: {
+    a && !o?.valid && /* @__PURE__ */ l(P, { mt: 0.7, style: {
       flexDirection: "column"
     }, children: [
-      /* @__PURE__ */ n(D, { value: M, max: 100, color: "linear-gradient(to right, #D90429 0%, #29BF12 100%)" }),
+      /* @__PURE__ */ s(D, { value: y, max: 100, color: "linear-gradient(to right, #D90429 0%, #29BF12 100%)" }),
       (() => {
-        const e = ["2", "3", "4", "5", "1"].find((w) => a.includes(w));
+        const e = ["2", "3", "4", "5", "1"].find((V) => i.includes(V));
         if (!e) return null;
-        const V = {
+        const M = {
           1: "Must be at least 8 characters",
           2: "Must include a lowercase letter",
           3: "Must include an uppercase letter",
           4: "Must include a number",
           5: "Must include a special character"
         }[e];
-        return /* @__PURE__ */ n(A, { children: V });
+        return /* @__PURE__ */ s(A, { children: M });
       })()
     ] })
   ] });
-}), X = (r) => {
+}), _ = (r) => {
   if (!r) return "12345";
   let t = null;
   return r.length < 8 && (t = (t ?? "") + "1"), /[a-z]/.test(r) || (t = (t ?? "") + "2"), /[A-Z]/.test(r) || (t = (t ?? "") + "3"), /[0-9]/.test(r) || (t = (t ?? "") + "4"), /[^A-Za-z0-9]/.test(r) || (t = (t ?? "") + "5"), t;
 };
 export {
-  L as PasswordInput,
-  X as passwordValidation
+  X as PasswordInput,
+  _ as passwordValidation
 };

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

@@ -0,0 +1,30 @@
+import { default as React } from 'react';
+import { EditorInputMenuProps, EditorInputSubMenuProps, EditorInputTriggerProps, EditorInputValueProps, EditorInputMenuItemProps } from './EditorInput';
+import { InputWrapperProps } from './InputWrapper';
+import { ValidationProps } from './useForm';
+export interface TagValue {
+    value: any;
+    valueData?: any;
+}
+export interface TagSuggestion {
+    value: any;
+    valueData?: any;
+    children: React.ReactNode;
+}
+export interface TagInputProps extends Omit<InputWrapperProps, "onChange">, ValidationProps<any> {
+    allowCustomValues?: boolean;
+    onChange?: (tags: TagValue[]) => void;
+    tagColor?: string;
+    children?: React.ReactNode;
+}
+export type TagInputTriggerProps = EditorInputTriggerProps;
+export type TagInputSubMenuProps = EditorInputSubMenuProps;
+export type TagInputMenuProps = EditorInputMenuProps;
+export type TagInputMenuItemProps = EditorInputMenuItemProps;
+export type TagInputValueProps = EditorInputValueProps;
+export declare const TagInput: React.FC<TagInputProps>;
+export declare const TagInputMenu: React.FC<TagInputMenuProps>;
+export declare const TagInputSubMenu: React.FC<TagInputSubMenuProps>;
+export declare const TagInputMenuItem: React.FC<TagInputMenuItemProps>;
+export declare const TagInputValue: React.FC<TagInputValueProps>;
+export declare const TagInputTrigger: React.FC<TagInputTriggerProps>;

package/dist/components/form/TagInput.js

@@ -0,0 +1,117 @@
+import { jsx as l, Fragment as b } from "react/jsx-runtime";
+import { c as I } from "../../_virtual/compiler-runtime.js";
+import K, { useState as N, useRef as V, useReducer as j, useCallback as A, useEffect as _, useMemo as B, useContext as F } from "react";
+import { EditorInput as L, EditorInputMenu as U, EditorInputMenuItem as q, EditorInputSubMenu as z, EditorInputTrigger as G, EditorInputValue as H } from "./EditorInput.js";
+import { Badge as J } from "../badge/Badge.js";
+import { Text as Q } from "../text/Text.js";
+const h = "⟦", d = "⟧", k = new RegExp(`${h}([^${d}]+)${d}`, "g"), W = new RegExp(`(${h}[^${d}]+${d})|([^${h}${d}]+)`, "g"), w = (e) => `${h}${String(e)}${d}`, X = (e) => e.slice(h.length, -d.length), R = (e) => e.map((t) => w(t.value)).join(""), Y = (e) => e.replace(k, "").trim(), Z = (e, t) => {
+  let n = !1;
+  const r = e.replace(W, (s, o, c) => o || (!n && c.trim() ? (n = !0, t) : ""));
+  return n ? r : r + t;
+}, v = K.createContext(null), y = () => {
+  const e = F(v);
+  if (!e)
+    throw new Error("TagInput.* components must be used inside <TagInput>");
+  return e;
+}, ct = (e) => {
+  const {
+    allowCustomValues: t = !1,
+    onChange: n,
+    formValidation: r,
+    tagColor: s = "primary",
+    value: o,
+    initialValue: c,
+    defaultValue: f,
+    children: p,
+    ...g
+  } = e, u = o ?? c ?? f, [i, M] = N(() => R(u ?? [])), E = V(/* @__PURE__ */ new Map()), [, D] = j((a) => a + 1, 0), O = A((a, m) => {
+    E.current.set(a, m), D();
+  }, []), $ = V(u), S = (a) => {
+    const m = [...a.matchAll(k)].map(([, T]) => {
+      const C = E.current.get(T);
+      return {
+        value: C ? C.value : T,
+        valueData: C?.data
+      };
+    });
+    $.current = m, M(a), r?.setValue?.(m), n?.(m);
+  };
+  _(() => {
+    u !== $.current && ($.current = u, M(R(u ?? [])));
+  }, [u]);
+  const P = B(() => [{
+    pattern: k,
+    void: !0,
+    wrap: (a) => {
+      const m = X(a), T = E.current.get(m);
+      return T ? /* @__PURE__ */ l(b, { children: T.children }) : /* @__PURE__ */ l(J, { m: 0.01, color: s, children: /* @__PURE__ */ l(Q, { children: m }) });
+    }
+  }], [s]), x = {
+    search: Y(i),
+    allowCustomValues: t,
+    insertToken: (a) => S(Z(i, a)),
+    registerTag: O
+  };
+  return /* @__PURE__ */ l(v.Provider, { value: x, children: /* @__PURE__ */ l(L, { ...g, value: i, search: x.search, tokenRules: P, formValidation: r && {
+    valid: r.valid,
+    notValidMessage: r.notValidMessage
+  }, onChange: S, onSelect: (a) => x.insertToken(String(a)), children: p }) });
+}, at = (e) => {
+  const t = I.c(2);
+  let n;
+  return t[0] !== e ? (n = /* @__PURE__ */ l(U, { ...e }), t[0] = e, t[1] = n) : n = t[1], n;
+}, ut = (e) => {
+  const t = I.c(2);
+  let n;
+  return t[0] !== e ? (n = /* @__PURE__ */ l(z, { ...e }), t[0] = e, t[1] = n) : n = t[1], n;
+}, it = ({
+  value: e,
+  data: t,
+  onlyOnce: n,
+  aliases: r,
+  children: s
+}) => {
+  const {
+    registerTag: o
+  } = y(), c = V({
+    value: e,
+    data: t,
+    children: s
+  });
+  return c.current.value = e, c.current.data = t, c.current.children = s, _(() => o(String(e), c.current), [e, o]), /* @__PURE__ */ l(q, { value: w(e), data: t, onlyOnce: n, aliases: [String(e), ...r ?? []], children: s });
+}, lt = (e) => {
+  const t = I.c(14);
+  let n, r;
+  t[0] !== e ? ({
+    onKeyDown: n,
+    ...r
+  } = e, t[0] = e, t[1] = n, t[2] = r) : (n = t[1], r = t[2]);
+  const {
+    search: s,
+    allowCustomValues: o,
+    insertToken: c
+  } = y();
+  let f;
+  t[3] !== o || t[4] !== c || t[5] !== s ? (f = () => {
+    o && s && c(w(s));
+  }, t[3] = o, t[4] = c, t[5] = s, t[6] = f) : f = t[6];
+  const p = f;
+  let g;
+  t[7] !== o || t[8] !== p || t[9] !== n ? (g = (i) => {
+    (i.key === "Enter" && !i.defaultPrevented || i.key === "," && o) && (i.preventDefault(), p()), n?.(i);
+  }, t[7] = o, t[8] = p, t[9] = n, t[10] = g) : g = t[10];
+  let u;
+  return t[11] !== r || t[12] !== g ? (u = /* @__PURE__ */ l(H, { ...r, onKeyDown: g }), t[11] = r, t[12] = g, t[13] = u) : u = t[13], u;
+}, gt = (e) => {
+  const t = I.c(2);
+  let n;
+  return t[0] !== e ? (n = /* @__PURE__ */ l(G, { ...e }), t[0] = e, t[1] = n) : n = t[1], n;
+};
+export {
+  ct as TagInput,
+  at as TagInputMenu,
+  it as TagInputMenuItem,
+  ut as TagInputSubMenu,
+  gt as TagInputTrigger,
+  lt as TagInputValue
+};

package/dist/components/form/TextInput.js

@@ -1,20 +1,21 @@
-import { jsx as e } from "react/jsx-runtime";
+import { jsx as r } from "react/jsx-runtime";
 import i from "react";
-import { Input as u } from "./Input.js";
-import { IconX as f } from "@tabler/icons-react";
-import { Button as p } from "../button/Button.js";
+import { Input as p } from "./Input.js";
+import { IconX as u } from "@tabler/icons-react";
+import { Button as f } from "../button/Button.js";
 import { clearInputElement as s } from "./Input.utils.js";
-const R = i.forwardRef((r, t) => {
+import { ButtonGroup as d } from "../button-group/ButtonGroup.js";
+const b = i.forwardRef((o, t) => {
   t = t || i.useRef(null);
   const {
     clearable: l = !1,
-    right: a,
+    right: c,
     ...m
-  } = r, c = (o) => {
-    s(t.current), r.onClear && r.onClear(o);
-  }, n = [a];
-  return l && n.push(/* @__PURE__ */ e(p, { variant: "none", onClick: (o) => c(o), children: /* @__PURE__ */ e(f, { size: 13 }) })), /* @__PURE__ */ e(u, { right: n, type: "text", ref: t, ...m });
+  } = o, a = (e) => {
+    s(t.current), o.onClear && o.onClear(e);
+  }, n = [c];
+  return l && n.push(/* @__PURE__ */ r(f, { color: "secondary", paddingSize: "xxs", onClick: (e) => a(e), children: /* @__PURE__ */ r(u, { size: 13 }) })), /* @__PURE__ */ r(p, { right: /* @__PURE__ */ r(d, { color: "primary", children: n }), type: "text", ref: t, ...m });
 });
 export {
-  R as TextInput
+  b as TextInput
 };

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

@@ -8,7 +8,6 @@ export * from './Input';
 export * from './InputDescription';
 export * from './InputLabel';
 export * from './InputMessage';
-export * from './InputSuggestion';
 export * from './NumberInput';
 export * from './PasswordInput';
 export * from './PinInput';
@@ -16,7 +15,7 @@ export * from './RadioGroup';
 export * from './RadioInput';
 export * from './SelectInput';
 export * from './SwitchInput';
+export * from './TagInput';
 export * from './TextAreaInput';
 export * from './TextInput';
 export * from './useForm';
-export * from './Input.syntax.hook';

package/dist/components/form/index.js

@@ -1,80 +1,87 @@
-import { CheckboxInput as o } from "./CheckboxInput.js";
+import { CheckboxInput as r } from "./CheckboxInput.js";
 import { ColorInput as p, ColorInputContent as n, ColorInputControl as u, ColorInputSwatch as I, ColorInputTrigger as i, ColorInputValueText as l } from "./ColorInput.js";
-import { DateInput as x, DateInputContent as a, DateInputControl as f, DateInputField as g, DateInputNextTrigger as F, DateInputPrevTrigger as d, DateInputTrigger as C } from "./DateInput.js";
-import { EditorInput as c } from "./EditorInput.js";
-import { EmailInput as s, emailValidation as D } from "./EmailInput.js";
-import { FileInput as w, FileInputContext as V, FileInputDropzone as b, FileInputHiddenInput as h, FileInputItem as v, FileInputItemDeleteTrigger as M, FileInputItemGroup as N, FileInputItemName as z, FileInputItemPreview as E, FileInputItemPreviewImage as G, FileInputItemSizeText as H, FileInputTrigger as R } from "./FileInput.js";
-import { Input as y } from "./Input.js";
-import { InputDescription as L } from "./InputDescription.js";
-import { InputLabel as q } from "./InputLabel.js";
-import { InputMessage as J } from "./InputMessage.js";
-import { InputSuggestionMenuContent as O, InputSuggestionMenuContentItems as Q } from "./InputSuggestion.js";
-import { NumberInput as W } from "./NumberInput.js";
-import { PasswordInput as Y, passwordValidation as Z } from "./PasswordInput.js";
-import { PinInput as $, PinInputField as tt, PinInputHiddenField as et } from "./PinInput.js";
-import { RadioGroup as rt } from "./RadioGroup.js";
-import { RadioInput as nt } from "./RadioInput.js";
-import { SelectContent as It, SelectInput as it, SelectItem as lt, SelectItemText as mt, SelectPortal as xt, SelectTrigger as at, SelectValue as ft, SelectViewport as gt } from "./SelectInput.js";
-import { SwitchInput as dt } from "./SwitchInput.js";
-import { TextAreaInput as St } from "./TextAreaInput.js";
-import { TextInput as Tt } from "./TextInput.js";
-import { useForm as Dt } from "./useForm.js";
-import { buildDefaultSyntax as wt } from "./Input.syntax.hook.js";
+import { DateInput as a, DateInputContent as x, DateInputControl as g, DateInputField as f, DateInputNextTrigger as T, DateInputPrevTrigger as d, DateInputTrigger as F } from "./DateInput.js";
+import { EditorInput as S, EditorInputMenu as c, EditorInputMenuItem as D, EditorInputSubMenu as s, EditorInputTrigger as P, EditorInputValue as w } from "./EditorInput.js";
+import { EmailInput as M, emailValidation as V } from "./EmailInput.js";
+import { FileInput as h, FileInputContext as v, FileInputDropzone as N, FileInputHiddenInput as z, FileInputItem as G, FileInputItemDeleteTrigger as H, FileInputItemGroup as R, FileInputItemName as k, FileInputItemPreview as A, FileInputItemPreviewImage as L, FileInputItemSizeText as j, FileInputTrigger as q } from "./FileInput.js";
+import { Input as B } from "./Input.js";
+import { InputDescription as K } from "./InputDescription.js";
+import { InputLabel as Q } from "./InputLabel.js";
+import { InputMessage as W } from "./InputMessage.js";
+import { NumberInput as Y } from "./NumberInput.js";
+import { PasswordInput as _, passwordValidation as $ } from "./PasswordInput.js";
+import { PinInput as et, PinInputField as rt, PinInputHiddenField as ot } from "./PinInput.js";
+import { RadioGroup as nt } from "./RadioGroup.js";
+import { RadioInput as It } from "./RadioInput.js";
+import { SelectContent as lt, SelectInput as mt, SelectItem as at, SelectItemText as xt, SelectPortal as gt, SelectTrigger as ft, SelectValue as Tt, SelectViewport as dt } from "./SelectInput.js";
+import { SwitchInput as Ct } from "./SwitchInput.js";
+import { TagInput as ct, TagInputMenu as Dt, TagInputMenuItem as st, TagInputSubMenu as Pt, TagInputTrigger as wt, TagInputValue as Et } from "./TagInput.js";
+import { TextAreaInput as Vt } from "./TextAreaInput.js";
+import { TextInput as ht } from "./TextInput.js";
+import { useForm as Nt } from "./useForm.js";
 export {
-  o as CheckboxInput,
+  r as CheckboxInput,
   p as ColorInput,
   n as ColorInputContent,
   u as ColorInputControl,
   I as ColorInputSwatch,
   i as ColorInputTrigger,
   l as ColorInputValueText,
-  x as DateInput,
-  a as DateInputContent,
-  f as DateInputControl,
-  g as DateInputField,
-  F as DateInputNextTrigger,
+  a as DateInput,
+  x as DateInputContent,
+  g as DateInputControl,
+  f as DateInputField,
+  T as DateInputNextTrigger,
   d as DateInputPrevTrigger,
-  C as DateInputTrigger,
-  c as EditorInput,
-  s as EmailInput,
-  w as FileInput,
-  V as FileInputContext,
-  b as FileInputDropzone,
-  h as FileInputHiddenInput,
-  v as FileInputItem,
-  M as FileInputItemDeleteTrigger,
-  N as FileInputItemGroup,
-  z as FileInputItemName,
-  E as FileInputItemPreview,
-  G as FileInputItemPreviewImage,
-  H as FileInputItemSizeText,
-  R as FileInputTrigger,
-  y as Input,
-  L as InputDescription,
-  q as InputLabel,
-  J as InputMessage,
-  O as InputSuggestionMenuContent,
-  Q as InputSuggestionMenuContentItems,
-  W as NumberInput,
-  Y as PasswordInput,
-  $ as PinInput,
-  tt as PinInputField,
-  et as PinInputHiddenField,
-  rt as RadioGroup,
-  nt as RadioInput,
-  It as SelectContent,
-  it as SelectInput,
-  lt as SelectItem,
-  mt as SelectItemText,
-  xt as SelectPortal,
-  at as SelectTrigger,
-  ft as SelectValue,
-  gt as SelectViewport,
-  dt as SwitchInput,
-  St as TextAreaInput,
-  Tt as TextInput,
-  wt as buildDefaultSyntax,
-  D as emailValidation,
-  Z as passwordValidation,
-  Dt as useForm
+  F as DateInputTrigger,
+  S as EditorInput,
+  c as EditorInputMenu,
+  D as EditorInputMenuItem,
+  s as EditorInputSubMenu,
+  P as EditorInputTrigger,
+  w as EditorInputValue,
+  M as EmailInput,
+  h as FileInput,
+  v as FileInputContext,
+  N as FileInputDropzone,
+  z as FileInputHiddenInput,
+  G as FileInputItem,
+  H as FileInputItemDeleteTrigger,
+  R as FileInputItemGroup,
+  k as FileInputItemName,
+  A as FileInputItemPreview,
+  L as FileInputItemPreviewImage,
+  j as FileInputItemSizeText,
+  q as FileInputTrigger,
+  B as Input,
+  K as InputDescription,
+  Q as InputLabel,
+  W as InputMessage,
+  Y as NumberInput,
+  _ as PasswordInput,
+  et as PinInput,
+  rt as PinInputField,
+  ot as PinInputHiddenField,
+  nt as RadioGroup,
+  It as RadioInput,
+  lt as SelectContent,
+  mt as SelectInput,
+  at as SelectItem,
+  xt as SelectItemText,
+  gt as SelectPortal,
+  ft as SelectTrigger,
+  Tt as SelectValue,
+  dt as SelectViewport,
+  Ct as SwitchInput,
+  ct as TagInput,
+  Dt as TagInputMenu,
+  st as TagInputMenuItem,
+  Pt as TagInputSubMenu,
+  wt as TagInputTrigger,
+  Et as TagInputValue,
+  Vt as TextAreaInput,
+  ht as TextInput,
+  V as emailValidation,
+  $ as passwordValidation,
+  Nt as useForm
 };