@code0-tech/pictor 0.15.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

@@ -1,4 +1,5 @@
 export * from './CheckboxInput';
+export * from './ColorInput';
 export * from './DateInput';
 export * from './EditorInput';
 export * from './EmailInput';
@@ -7,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';
@@ -15,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,73 +1,87 @@
 import { CheckboxInput as r } from "./CheckboxInput.js";
-import { DateInput as p, DateInputContent as n, DateInputControl as u, DateInputField as I, DateInputNextTrigger as i, DateInputPrevTrigger as m, DateInputTrigger as l } from "./DateInput.js";
-import { EditorInput as a } from "./EditorInput.js";
-import { EmailInput as g, emailValidation as F } from "./EmailInput.js";
-import { FileInput as S, FileInputContext as c, FileInputDropzone as s, FileInputHiddenInput as D, FileInputItem as T, FileInputItemDeleteTrigger as P, FileInputItemGroup as C, FileInputItemName as w, FileInputItemPreview as b, FileInputItemPreviewImage as V, FileInputItemSizeText as v, FileInputTrigger as M } from "./FileInput.js";
-import { Input as h } from "./Input.js";
-import { InputDescription as E } from "./InputDescription.js";
-import { InputLabel as H } from "./InputLabel.js";
-import { InputMessage as k } from "./InputMessage.js";
-import { InputSuggestionMenuContent as A, InputSuggestionMenuContentItems as L } from "./InputSuggestion.js";
-import { NumberInput as q } from "./NumberInput.js";
-import { PasswordInput as J, passwordValidation as K } from "./PasswordInput.js";
-import { PinInput as Q, PinInputField as U, PinInputHiddenField as W } from "./PinInput.js";
-import { RadioGroup as Y } from "./RadioGroup.js";
-import { RadioInput as _ } from "./RadioInput.js";
-import { SelectContent as ee, SelectInput as te, SelectItem as re, SelectItemText as oe, SelectPortal as pe, SelectTrigger as ne, SelectValue as ue, SelectViewport as Ie } from "./SelectInput.js";
-import { SwitchInput as me } from "./SwitchInput.js";
-import { TextAreaInput as xe } from "./TextAreaInput.js";
-import { TextInput as fe } from "./TextInput.js";
-import { useForm as Fe } from "./useForm.js";
-import { buildDefaultSyntax as Se } from "./Input.syntax.hook.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 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 {
   r as CheckboxInput,
-  p as DateInput,
-  n as DateInputContent,
-  u as DateInputControl,
-  I as DateInputField,
-  i as DateInputNextTrigger,
-  m as DateInputPrevTrigger,
-  l as DateInputTrigger,
-  a as EditorInput,
-  g as EmailInput,
-  S as FileInput,
-  c as FileInputContext,
-  s as FileInputDropzone,
-  D as FileInputHiddenInput,
-  T as FileInputItem,
-  P as FileInputItemDeleteTrigger,
-  C as FileInputItemGroup,
-  w as FileInputItemName,
-  b as FileInputItemPreview,
-  V as FileInputItemPreviewImage,
-  v as FileInputItemSizeText,
-  M as FileInputTrigger,
-  h as Input,
-  E as InputDescription,
-  H as InputLabel,
-  k as InputMessage,
-  A as InputSuggestionMenuContent,
-  L as InputSuggestionMenuContentItems,
-  q as NumberInput,
-  J as PasswordInput,
-  Q as PinInput,
-  U as PinInputField,
-  W as PinInputHiddenField,
-  Y as RadioGroup,
-  _ as RadioInput,
-  ee as SelectContent,
-  te as SelectInput,
-  re as SelectItem,
-  oe as SelectItemText,
-  pe as SelectPortal,
-  ne as SelectTrigger,
-  ue as SelectValue,
-  Ie as SelectViewport,
-  me as SwitchInput,
-  xe as TextAreaInput,
-  fe as TextInput,
-  Se as buildDefaultSyntax,
-  F as emailValidation,
-  K as passwordValidation,
-  Fe as useForm
+  p as ColorInput,
+  n as ColorInputContent,
+  u as ColorInputControl,
+  I as ColorInputSwatch,
+  i as ColorInputTrigger,
+  l as ColorInputValueText,
+  a as DateInput,
+  x as DateInputContent,
+  g as DateInputControl,
+  f as DateInputField,
+  T as DateInputNextTrigger,
+  d as DateInputPrevTrigger,
+  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
 };