@code0-tech/pictor 0.7.2 → 0.9.0

package/dist/assets/components/form/FileInput.style.css

@@ -0,0 +1 @@
+.file-input__item-group{margin:0;padding:0}.file-input__item-preview{max-width:50px;max-height:50px;width:100%;height:100%;overflow:hidden;display:flex;align-items:center;justify-content:center}.file-input__item-preview-image{object-fit:cover;width:100%;height:100%}

package/dist/assets/components/progress/Progress.style.css

@@ -0,0 +1 @@
+.progress{background:#201e2c;box-shadow:inset 0 1px 1px #bfbfbf1a;border:none;color:#ffffffbf;box-sizing:border-box;border-radius:1rem;width:100%;height:10px;position:relative;transform:translateZ(0)}.progress__dot{background:#201e2c;box-shadow:inset 0 1px 1px #bfbfbf1a;border:none;color:#ffffffbf;position:relative;box-sizing:border-box;background:#393743;position:absolute;max-width:100%;aspect-ratio:1/1;height:200%;z-index:2;top:50%;transform:translate(50%) translateY(-50%);border-radius:50rem;right:calc(100% - 1% * (var(--progress, 0)));overflow:hidden}.progress__dot:after{content:"";position:absolute;top:50%;left:50%;border-radius:inherit;width:60%;height:60%;transform:translate(-50%,-50%);background:var(--color);background-repeat:no-repeat}.progress__indicator{position:absolute;background:var(--color);background-position:left center;background-repeat:no-repeat;background-size:calc(100% * 100 / var(--progress, 100)) 100%;width:100%;height:100%;z-index:1}.progress__indicator--prediction{background:repeating-linear-gradient(-45deg,rgba(0,0,0,.5),rgba(0,0,0,.5) 2.5px,transparent 2.5px,transparent 5px),var(--color);z-index:0;opacity:.5;background-position:left center;background-repeat:no-repeat;background-size:calc(100% * 100 / var(--progressPrediction, 100)) 100%}

package/dist/components/breadcrumb/Breadcrumb.js

@@ -5,17 +5,17 @@ import { mergeComponentProps as l } from "../../utils/component.js";
 import "js-md5";
 import '../../assets/components/breadcrumb/Breadcrumb.style.css';/* empty css                      */
 import { IconChevronRight as a } from "@tabler/icons-react";
-const j = (m) => {
+const g = (m) => {
   const {
     splitter: n = /* @__PURE__ */ r(a, { size: 16 }),
-    children: o,
+    children: e,
     ...i
-  } = m, c = t.Children.count(o);
-  return /* @__PURE__ */ r("div", { ...l("breadcrumb", i), children: t.Children.map(o, (p, e) => /* @__PURE__ */ s(t.Fragment, { children: [
+  } = m, c = t.Children.count(e);
+  return /* @__PURE__ */ r("div", { ...l("breadcrumb", i), children: t.Children.map(e, (p, o) => /* @__PURE__ */ s(t.Fragment, { children: [
     p,
-    e < c - 1 ? /* @__PURE__ */ r("span", { className: "breadcrumb__splitter", children: n }) : null
-  ] }, e)) });
+    o < c - 1 ? /* @__PURE__ */ r("span", { className: "breadcrumb__splitter", children: n }) : null
+  ] }, o)) });
 };
 export {
-  j as Breadcrumb
+  g as Breadcrumb
 };

package/dist/components/button/Button.js

@@ -5,28 +5,28 @@ import z from "react";
 import "../../utils/contextStore.js";
 import { mergeComponentProps as S } from "../../utils/component.js";
 import "js-md5";
-const k = z.forwardRef((a, s) => {
+const P = z.forwardRef((a, d) => {
   const t = h.c(11);
   let o, n, e, i;
-  if (t[0] !== a || t[1] !== s) {
+  if (t[0] !== a || t[1] !== d) {
     const {
       children: f,
-      variant: c,
-      color: l,
+      variant: l,
+      color: c,
       paddingSize: m,
-      active: b,
-      disabled: u,
+      active: u,
+      disabled: b,
       ...p
     } = a;
     o = f;
-    const v = c === void 0 ? "normal" : c, $ = l === void 0 ? "secondary" : l, g = m === void 0 ? "xs" : m, x = b === void 0 ? !1 : b;
-    n = u === void 0 ? !1 : u, e = s, i = S(`button button--${$} ${x ? "button--active" : ""} ${n ? "button--disabled" : ""} button--${v} button--${g}`, p), t[0] = a, t[1] = s, t[2] = o, t[3] = n, t[4] = e, t[5] = i;
+    const v = l === void 0 ? "normal" : l, $ = c === void 0 ? "secondary" : c, g = m === void 0 ? "xs" : m, x = u === void 0 ? !1 : u;
+    n = b === void 0 ? !1 : b, e = d, i = S(`button button--${$} ${x ? "button--active" : ""} ${n ? "button--disabled" : ""} button--${v} button--${g}`, p), t[0] = a, t[1] = d, t[2] = o, t[3] = n, t[4] = e, t[5] = i;
   } else
     o = t[2], n = t[3], e = t[4], i = t[5];
-  const d = n ? "true" : "false";
+  const s = n ? "true" : "false";
   let r;
-  return t[6] !== o || t[7] !== e || t[8] !== i || t[9] !== d ? (r = /* @__PURE__ */ R("button", { ref: e, ...i, "aria-disabled": d, children: o }), t[6] = o, t[7] = e, t[8] = i, t[9] = d, t[10] = r) : r = t[10], r;
+  return t[6] !== o || t[7] !== e || t[8] !== i || t[9] !== s ? (r = /* @__PURE__ */ R("button", { ref: e, ...i, "aria-disabled": s, children: o }), t[6] = o, t[7] = e, t[8] = i, t[9] = s, t[10] = r) : r = t[10], r;
 });
 export {
-  k as Button
+  P as Button
 };

package/dist/components/command/Command.js

@@ -6,7 +6,7 @@ import "react";
 import { mergeComponentProps as r } from "../../utils/component.js";
 import "js-md5";
 import { DialogPortal as u, DialogContent as h, Dialog as g, DialogOverlay as C } from "../dialog/Dialog.js";
-import '../../assets/components/form/SelectInput.style.css';import '../../assets/components/form/EditorInput.style.css';import '../../assets/components/form/Input.style.css';import '../../assets/components/command/Command.style.css';/* empty css                   */
+import '../../assets/components/form/SelectInput.style.css';import '../../assets/components/form/FileInput.style.css';import '../../assets/components/form/EditorInput.style.css';import '../../assets/components/form/Input.style.css';import '../../assets/components/command/Command.style.css';/* empty css                   */
 import { Badge as _ } from "../badge/Badge.js";
 import "@radix-ui/react-checkbox";
 import "@tabler/icons-react";
@@ -17,6 +17,8 @@ import "@uiw/codemirror-themes";
 import "../../node_modules/@lezer/highlight/dist/index.js";
 /* empty css                             */
 import "../form/EmailInput.js";
+import "@ark-ui/react";
+/* empty css                           */
 import "../form/Input.js";
 import "../form/InputSuggestion.js";
 import "../form/NumberInput.js";
@@ -35,7 +37,7 @@ const P = (e) => {
   const o = m;
   let n;
   return t[2] !== o ? (n = /* @__PURE__ */ i(a, { ...o }), t[2] = o, t[3] = n) : n = t[3], n;
-}, X = (e) => {
+}, Z = (e) => {
   const t = c.c(11);
   let m;
   t[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (m = /* @__PURE__ */ i(C, {}), t[0] = m) : m = t[0];
@@ -48,14 +50,14 @@ const P = (e) => {
   ] }), t[3] = e.contentProps, t[4] = o, t[5] = n) : n = t[5];
   let l;
   return t[6] !== e.dialogProps || t[7] !== e.onOpenChange || t[8] !== e.open || t[9] !== n ? (l = /* @__PURE__ */ i(g, { ...e.dialogProps, open: e.open, onOpenChange: e.onOpenChange, children: n }), t[6] = e.dialogProps, t[7] = e.onOpenChange, t[8] = e.open, t[9] = n, t[10] = l) : l = t[10], l;
-}, Y = (e) => {
+}, p = (e) => {
   const t = c.c(4);
   let m;
   t[0] !== e ? (m = r("command__list", e), t[0] = e, t[1] = m) : m = t[1];
   const o = m;
   let n;
   return t[2] !== o ? (n = /* @__PURE__ */ i(a.List, { ...o }), t[2] = o, t[3] = n) : n = t[3], n;
-}, Z = (e) => {
+}, tt = (e) => {
   const t = c.c(10);
   let m;
   t[0] !== e.value ? (m = e.value?.toString(), t[0] = e.value, t[1] = m) : m = t[1];
@@ -74,35 +76,35 @@ const P = (e) => {
   t[4] !== e ? (n = /* @__PURE__ */ i($, { className: "command__input", ...e }), t[4] = e, t[5] = n) : n = t[5];
   let l;
   return t[6] !== m || t[7] !== o || t[8] !== n ? (l = /* @__PURE__ */ i(a.Input, { value: m, onValueChange: o, asChild: !0, children: n }), t[6] = m, t[7] = o, t[8] = n, t[9] = l) : l = t[9], l;
-}, p = (e) => {
+}, et = (e) => {
   const t = c.c(4);
   let m;
   t[0] !== e ? (m = r("command__empty", e), t[0] = e, t[1] = m) : m = t[1];
   const o = m;
   let n;
   return t[2] !== o ? (n = /* @__PURE__ */ i(a.Empty, { ...o }), t[2] = o, t[3] = n) : n = t[3], n;
-}, tt = (e) => {
+}, nt = (e) => {
   const t = c.c(4);
   let m;
   t[0] !== e ? (m = r("command__group", e), t[0] = e, t[1] = m) : m = t[1];
   const o = m;
   let n;
   return t[2] !== o ? (n = /* @__PURE__ */ i(a.Group, { ...o }), t[2] = o, t[3] = n) : n = t[3], n;
-}, et = (e) => {
+}, mt = (e) => {
   const t = c.c(4);
   let m;
   t[0] !== e ? (m = r("command__item", e), t[0] = e, t[1] = m) : m = t[1];
   const o = m;
   let n;
   return t[2] !== o ? (n = /* @__PURE__ */ i(a.Item, { ...o }), t[2] = o, t[3] = n) : n = t[3], n;
-}, nt = (e) => {
+}, ot = (e) => {
   const t = c.c(4);
   let m;
   t[0] !== e ? (m = r("command__separator", e), t[0] = e, t[1] = m) : m = t[1];
   const o = m;
   let n;
   return t[2] !== o ? (n = /* @__PURE__ */ i(a.Separator, { ...o }), t[2] = o, t[3] = n) : n = t[3], n;
-}, mt = (e) => {
+}, it = (e) => {
   const t = c.c(5);
   let m;
   t[0] !== e ? (m = r("command__shortcut", e), t[0] = e, t[1] = m) : m = t[1];
@@ -112,12 +114,12 @@ const P = (e) => {
 };
 export {
   P as Command,
-  X as CommandDialog,
-  p as CommandEmpty,
-  tt as CommandGroup,
-  Z as CommandInput,
-  et as CommandItem,
-  Y as CommandList,
-  nt as CommandSeparator,
-  mt as CommandShortcut
+  Z as CommandDialog,
+  et as CommandEmpty,
+  nt as CommandGroup,
+  tt as CommandInput,
+  mt as CommandItem,
+  p as CommandList,
+  ot as CommandSeparator,
+  it as CommandShortcut
 };

package/dist/components/data-table/DataTable.js

@@ -1,40 +1,40 @@
-import { jsxs as g, jsx as p } from "react/jsx-runtime";
-import h from "react";
+import { jsxs as _, jsx as p } from "react/jsx-runtime";
+import g from "react";
 import '../../assets/components/data-table/DataTable.style.css';/* empty css                     */
 import "../../utils/contextStore.js";
-import { mergeComponentProps as C } from "../../utils/component.js";
+import { mergeComponentProps as h } from "../../utils/component.js";
 import "js-md5";
-const A = (l, m) => m.split(".").reduce((t, f) => {
+const d = (l, m) => m.split(".").reduce((t, f) => {
   if (t != null)
-    return Array.isArray(t) ? t.map((o) => o?.[f]).filter((o) => o !== void 0) : t[f];
+    return Array.isArray(t) ? t.map((a) => a?.[f]).filter((a) => a !== void 0) : t[f];
 }, l), w = (l) => {
   const {
     data: m,
     sort: t,
     filter: f,
-    loading: o,
-    loadingComponent: j,
-    emptyComponent: d,
+    loading: a,
+    loadingComponent: C,
+    emptyComponent: A,
     onSelect: u,
     children: O,
     ...b
-  } = l, y = m.filter((i) => Object.entries(f || {}).every(([a, {
+  } = l, y = m.filter((i) => Object.entries(f || {}).every(([o, {
     operator: n,
     value: r
   }]) => {
-    const e = A(i, a);
+    const e = d(i, o);
     return n === "isOneOf" && !Array.isArray(r) && !Array.isArray(e) ? e === r : n === "isOneOf" && !Array.isArray(r) && Array.isArray(e) ? Array.from(e).includes(r) : n === "isOneOf" && Array.isArray(r) && !Array.isArray(e) ? Array.from(r).some((s) => s === e) : n === "isOneOf" && Array.isArray(r) && Array.isArray(e) ? Array.from(r).some((s) => Array.from(e).includes(s)) : !1;
-  })), c = h.useMemo(() => t ? [...y].sort((i, a) => {
+  })), c = g.useMemo(() => t ? [...y].sort((i, o) => {
     for (const [n, r] of Object.entries(t)) {
-      const e = A(i, n), s = A(a, n);
+      const e = d(i, n), s = d(o, n);
       if (e < s) return r === "asc" ? -1 : 1;
       if (e > s) return r === "asc" ? 1 : -1;
     }
     return 0;
   }) : y, [y, t]);
-  return /* @__PURE__ */ g("table", { ...C("data-table", b), children: [
-    c.map((i, a) => /* @__PURE__ */ p("tr", { className: "data-table__row", onClick: () => u?.(i), children: O?.(i, a) })),
-    c.length === 0 && !o && d ? /* @__PURE__ */ p("tr", { className: "data-table__row", onClick: () => u?.(void 0), children: d }) : null
+  return /* @__PURE__ */ _("table", { ...h("data-table", b), children: [
+    c.map((i, o) => /* @__PURE__ */ p("tr", { className: "data-table__row", onClick: () => u?.(i), children: O?.(i, o) })),
+    c.length === 0 && !a && A ? /* @__PURE__ */ p("tr", { className: "data-table__row", onClick: () => u?.(void 0), children: A }) : null
   ] });
 };
 export {

package/dist/components/data-table/DataTableFilterSuggestionMenu.js

@@ -1,16 +1,16 @@
 import { jsx as f, jsxs as d } from "react/jsx-runtime";
-import { c as v } from "../../_virtual/compiler-runtime.js";
-import w from "react";
-import { MenuTrigger as y, MenuContent as _, Menu as g } from "../menu/Menu.js";
+import { c as _ } from "../../_virtual/compiler-runtime.js";
+import v from "react";
+import { MenuTrigger as w, MenuContent as y, Menu as g } from "../menu/Menu.js";
 const T = (t) => {
-  const e = v.c(11), {
-    children: l,
-    context: m
-  } = t, [u, p] = w.useState(!0), h = _;
+  const e = _.c(11), {
+    children: c,
+    context: u
+  } = t, [m, p] = v.useState(!0), h = y;
   let r;
   e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (r = (a) => p(a), e[0] = r) : r = e[0];
   let i;
-  e[1] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (i = /* @__PURE__ */ f(y, { asChild: !0, children: /* @__PURE__ */ f("div", { style: {
+  e[1] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (i = /* @__PURE__ */ f(w, { asChild: !0, children: /* @__PURE__ */ f("div", { style: {
     position: "absolute",
     top: 0,
     left: 0,
@@ -18,9 +18,9 @@ const T = (t) => {
     height: 0
   } }) }), e[1] = i) : i = e[1];
   let n;
-  e[2] !== m?.view ? (n = (a) => {
-    ["Escape", "ArrowUp", "ArrowDown"].includes(a.key) || m?.view?.focus();
-  }, e[2] = m?.view, e[3] = n) : n = e[3];
+  e[2] !== u?.view ? (n = (a) => {
+    ["Escape", "ArrowUp", "ArrowDown"].includes(a.key) || u?.view?.focus();
+  }, e[2] = u?.view, e[3] = n) : n = e[3];
   let s;
   e[4] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (s = {
     position: "fixed",
@@ -29,12 +29,12 @@ const T = (t) => {
     pointerEvents: "auto"
   }, e[4] = s) : s = e[4];
   let o;
-  e[5] !== l || e[6] !== n ? (o = /* @__PURE__ */ f(h, { miw: "200px", onInteractOutside: b, onOpenAutoFocus: D, onKeyDown: n, style: s, children: l }), e[5] = l, e[6] = n, e[7] = o) : o = e[7];
-  let c;
-  return e[8] !== u || e[9] !== o ? (c = /* @__PURE__ */ d(g, { open: u, onOpenChange: r, modal: !1, children: [
+  e[5] !== c || e[6] !== n ? (o = /* @__PURE__ */ f(h, { miw: "200px", onInteractOutside: b, onOpenAutoFocus: D, onKeyDown: n, style: s, children: c }), e[5] = c, e[6] = n, e[7] = o) : o = e[7];
+  let l;
+  return e[8] !== m || e[9] !== o ? (l = /* @__PURE__ */ d(g, { open: m, onOpenChange: r, modal: !1, children: [
     i,
     o
-  ] }), e[8] = u, e[9] = o, e[10] = c) : c = e[10], c;
+  ] }), e[8] = m, e[9] = o, e[10] = l) : l = e[10], l;
 };
 function x(t) {
   return t;

package/dist/components/editor/Editor.js

@@ -1,10 +1,10 @@
 import { jsxs as s, jsx as r } from "react/jsx-runtime";
 import m, { isValidElement as me } from "react";
-import { createPortal as K } from "react-dom";
+import { createPortal as H } from "react-dom";
 import "../../utils/contextStore.js";
 import { mergeComponentProps as he } from "../../utils/component.js";
 import { hashToColor as w } from "../../utils/color.js";
-import fe, { Prec as _, keymap as J, ViewPlugin as ge, RangeSetBuilder as pe, Decoration as F, EditorView as ye, WidgetType as be } from "@uiw/react-codemirror";
+import fe, { Prec as K, keymap as J, ViewPlugin as ge, RangeSetBuilder as pe, Decoration as F, EditorView as ye, WidgetType as be } from "@uiw/react-codemirror";
 import { json as ve, jsonParseLinter as Se } from "@codemirror/lang-json";
 import { syntaxTree as L } from "@codemirror/language";
 import { linter as we } from "@codemirror/lint";
@@ -53,7 +53,7 @@ class X extends be {
     return t.type === this.type && t.rawValue === this.rawValue;
   }
 }
-const De = (i) => me(i) || typeof i == "string" || typeof i == "number" || Array.isArray(i), dr = (i) => {
+const _e = (i) => me(i) || typeof i == "string" || typeof i == "number" || Array.isArray(i), dr = (i) => {
   const {
     language: t,
     tokenizer: f,
@@ -70,9 +70,9 @@ const De = (i) => me(i) || typeof i == "string" || typeof i == "number" || Array
     showValidation: U = !0,
     readonly: ee,
     basicSetup: re,
-    customSuggestionComponent: D = !1,
+    customSuggestionComponent: _ = !1,
     ...te
-  } = i, [oe, I] = m.useState(), R = m.useRef(null), [ne, ie] = m.useState(/* @__PURE__ */ new Map()), [u, se] = m.useState([]), [T, le] = m.useState(null), [g, y] = m.useState(null), H = m.useRef(null);
+  } = i, [oe, I] = m.useState(), R = m.useRef(null), [ne, ie] = m.useState(/* @__PURE__ */ new Map()), [u, se] = m.useState([]), [T, le] = m.useState(null), [g, y] = m.useState(null), D = m.useRef(null);
   m.useEffect(() => {
     (async () => {
       try {
@@ -92,7 +92,7 @@ const De = (i) => me(i) || typeof i == "string" || typeof i == "number" || Array
     if (V) {
       const n = (o) => {
         const c = V(o);
-        if (c && De(c)) {
+        if (c && _e(c)) {
           const l = o.view?.coordsAtPos(o.pos);
           return l && y({
             component: c,
@@ -105,15 +105,15 @@ const De = (i) => me(i) || typeof i == "string" || typeof i == "number" || Array
         return y(null), c;
       };
       e.push(Be({
-        ...D ? {
+        ..._ ? {
           override: [n]
         } : {
           override: [V]
         }
-      })), e.push(_.highest(J.of([{
+      })), e.push(K.highest(J.of([{
         key: "Tab",
         run: Fe
-      }]))), D && e.push(_.highest(J.of([{
+      }]))), _ && e.push(K.highest(J.of([{
         key: "ArrowUp",
         run: (o) => (g || E(o), !0)
       }, {
@@ -177,7 +177,7 @@ const De = (i) => me(i) || typeof i == "string" || typeof i == "number" || Array
           to: c
         });
       } else e.selectionSet && (y(null), E(e.view));
-      const d = H.current?.querySelectorAll(".cm-react-anchor"), n = /* @__PURE__ */ new Map();
+      const d = D.current?.querySelectorAll(".cm-react-anchor"), n = /* @__PURE__ */ new Map();
       d?.forEach((o) => {
         n.set(o, {
           type: o.dataset.type,
@@ -291,7 +291,7 @@ const De = (i) => me(i) || typeof i == "string" || typeof i == "number" || Array
       ] }),
       /* @__PURE__ */ r(a, { children: "suggestions" })
     ] }) }),
-    /* @__PURE__ */ r(Me, { asChild: !0, children: /* @__PURE__ */ s("div", { ref: H, ...he("editor", te), children: [
+    /* @__PURE__ */ r(Me, { asChild: !0, children: /* @__PURE__ */ s("div", { ref: D, ...he("editor", te), children: [
       /* @__PURE__ */ r(fe, { width: "100%", height: "100%", value: oe, theme: ue, readOnly: N || ee, editable: !N, extensions: ae, "aria-disabled": N, className: "editor__control", onChange: (e) => {
         if (I(e), t === "json")
           try {
@@ -304,13 +304,13 @@ const De = (i) => me(i) || typeof i == "string" || typeof i == "number" || Array
       }, onUpdate: ce, basicSetup: re }),
       p && Array.from(ne.entries()).map(([e, d]) => {
         const n = p[d.type];
-        return n ? K(/* @__PURE__ */ r("div", { style: {
+        return n ? H(/* @__PURE__ */ r("div", { style: {
           display: "contents"
         }, children: n({
           content: d.value
         }) }, e.outerHTML + d.value), e) : null;
       }),
-      g && K(/* @__PURE__ */ r("div", { ref: R, style: {
+      g && H(/* @__PURE__ */ r("div", { ref: R, style: {
         position: "fixed",
         top: g.position.top,
         left: g.position.left,

package/dist/components/form/CheckboxInput.js

@@ -12,8 +12,8 @@ import '../../assets/components/form/Input.style.css';/* empty css
 import { IconMinus as T, IconCheck as q } from "@tabler/icons-react";
 const ee = (l) => {
   const e = $.c(40), {
-    title: b,
-    description: _,
+    title: _,
+    description: b,
     formValidation: k,
     ...N
   } = l;
@@ -31,9 +31,9 @@ const ee = (l) => {
   let v;
   e[5] !== t ? (v = [t], e[5] = t, e[6] = v) : v = e[6], z.useEffect(g, v);
   let o;
-  e[7] !== b ? (o = b ? /* @__PURE__ */ n(F, { children: b }) : null, e[7] = b, e[8] = o) : o = e[8];
+  e[7] !== _ ? (o = _ ? /* @__PURE__ */ n(F, { children: _ }) : null, e[7] = _, e[8] = o) : o = e[8];
   let c;
-  e[9] !== _ ? (c = _ ? /* @__PURE__ */ n(L, { children: _ }) : null, e[9] = _, e[10] = c) : c = e[10];
+  e[9] !== b ? (c = b ? /* @__PURE__ */ n(L, { children: b }) : null, e[9] = b, e[10] = c) : c = e[10];
   const V = `input ${i?.valid ? "" : "input--not-valid"} checkbox-input`;
   let r;
   e[11] !== V ? (r = E(V, {}), e[11] = V, e[12] = r) : r = e[12];

package/dist/components/form/EmailInput.js

@@ -1,21 +1,21 @@
 import { jsx as o } from "react/jsx-runtime";
-import r from "react";
-import { Input as m } from "./Input.js";
-import { IconX as l } from "@tabler/icons-react";
+import e from "react";
+import { Input as l } from "./Input.js";
+import { IconX as m } from "@tabler/icons-react";
 import { Button as f } from "../button/Button.js";
 import { clearInputElement as s } from "./Input.utils.js";
-const p = /(?:[a-z0-9!#$%&'*+/=?^_`{|}~-]+(?:\.[a-z0-9!#$%&'*+/=?^_`{|}~-]+)*|"(?:[\x01-\x08\x0b\x0c\x0e-\x1f\x21\x23-\x5b\x5d-\x7f]|\\[\x01-\x09\x0b\x0c\x0e-\x7f])*")@(?:(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?\.)+[a-z0-9](?:[a-z0-9-]*[a-z0-9])?|\[(?:(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.){3}(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?|[a-z0-9-]*[a-z0-9]:(?:[\x01-\x08\x0b\x0c\x0e-\x1f\x21-\x5a\x53-\x7f]|\\[\x01-\x09\x0b\x0c\x0e-\x7f])+)\])/, d = (t) => p.test(t), R = r.forwardRef((t, x) => {
-  x = x || r.useRef(null);
+const p = /(?:[a-z0-9!#$%&'*+/=?^_`{|}~-]+(?:\.[a-z0-9!#$%&'*+/=?^_`{|}~-]+)*|"(?:[\x01-\x08\x0b\x0c\x0e-\x1f\x21\x23-\x5b\x5d-\x7f]|\\[\x01-\x09\x0b\x0c\x0e-\x7f])*")@(?:(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?\.)+[a-z0-9](?:[a-z0-9-]*[a-z0-9])?|\[(?:(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.){3}(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?|[a-z0-9-]*[a-z0-9]:(?:[\x01-\x08\x0b\x0c\x0e-\x1f\x21-\x5a\x53-\x7f]|\\[\x01-\x09\x0b\x0c\x0e-\x7f])+)\])/, I = (t) => p.test(t), _ = e.forwardRef((t, x) => {
+  x = x || e.useRef(null);
   const {
-    clearable: e = !1,
+    clearable: r = !1,
     right: n,
     ...c
   } = t, i = () => {
     s(x.current);
   }, a = [n];
-  return e && a.push(/* @__PURE__ */ o(f, { onClick: i, children: /* @__PURE__ */ o(l, { size: 13 }) })), /* @__PURE__ */ o(m, { right: a, type: "email", ref: x, ...c });
+  return r && a.push(/* @__PURE__ */ o(f, { onClick: i, children: /* @__PURE__ */ o(m, { size: 13 }) })), /* @__PURE__ */ o(l, { right: a, type: "email", ref: x, ...c });
 });
 export {
-  R as EmailInput,
-  d as emailValidation
+  _ as EmailInput,
+  I as emailValidation
 };

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

@@ -0,0 +1,32 @@
+import { default as React } from 'react';
+import { Code0Input } from './Input';
+import { ValidationProps } from './useForm';
+import { ComponentProps } from '../../utils';
+import * as ArkUi from "@ark-ui/react";
+export type FileInputProps = {
+    title?: React.ReactNode;
+    description?: React.ReactNode;
+} & Code0Input & ValidationProps<ArkUi.FileUploadFileChangeDetails | undefined> & ArkUi.FileUploadRootProps;
+export type FileInputDropzoneProps = ComponentProps & ArkUi.FileUploadDropzoneProps;
+export type FileInputTriggerProps = ComponentProps & ArkUi.FileUploadTriggerProps;
+export type FileInputItemGroupProps = ComponentProps & ArkUi.FileUploadItemGroupProps;
+export type FileInputItemProps = ComponentProps & ArkUi.FileUploadItemProps;
+export type FileInputItemPreviewProps = ComponentProps & ArkUi.FileUploadItemPreviewProps;
+export type FileInputItemPreviewImageProps = ComponentProps & ArkUi.FileUploadItemPreviewImageProps;
+export type FileInputItemNameProps = ComponentProps & ArkUi.FileUploadItemNameProps;
+export type FileInputItemSizeTextProps = ComponentProps & ArkUi.FileUploadItemSizeTextProps;
+export type FileInputItemDeleteTriggerProps = ComponentProps & ArkUi.FileUploadItemDeleteTriggerProps;
+export type FileInputHiddenInputProps = ComponentProps & ArkUi.FileUploadHiddenInputProps;
+export type FileInputContextProps = ArkUi.FileUploadContextProps;
+export declare const FileInput: React.FC<FileInputProps>;
+export declare const FileInputDropzone: React.FC<FileInputDropzoneProps>;
+export declare const FileInputTrigger: React.FC<FileInputTriggerProps>;
+export declare const FileInputItemGroup: React.FC<FileInputItemGroupProps>;
+export declare const FileInputItem: React.FC<FileInputItemProps>;
+export declare const FileInputItemPreview: React.FC<FileInputItemPreviewProps>;
+export declare const FileInputItemPreviewImage: React.FC<FileInputItemPreviewImageProps>;
+export declare const FileInputItemName: React.FC<FileInputItemNameProps>;
+export declare const FileInputItemSizeText: React.FC<FileInputItemSizeTextProps>;
+export declare const FileInputItemDeleteTrigger: React.FC<FileInputItemDeleteTriggerProps>;
+export declare const FileInputHiddenInput: React.FC<FileInputHiddenInputProps>;
+export declare const FileInputContext: React.FC<FileInputContextProps>;

package/dist/components/form/FileInput.js

@@ -0,0 +1,124 @@
+import { jsx as n, jsxs as T } from "react/jsx-runtime";
+import { c as r } from "../../_virtual/compiler-runtime.js";
+import * as m from "@ark-ui/react";
+import "../../utils/contextStore.js";
+import "react";
+import { mergeComponentProps as c } from "../../utils/component.js";
+import "js-md5";
+import { InputLabel as w } from "./InputLabel.js";
+import { InputDescription as z } from "./InputDescription.js";
+import { InputMessage as v } from "./InputMessage.js";
+import '../../assets/components/form/FileInput.style.css';/* empty css                     */
+const S = (l) => {
+  const e = r.c(20);
+  let t, i, o, s, a, f;
+  if (e[0] !== l) {
+    const {
+      title: U,
+      description: $,
+      formValidation: h,
+      children: x,
+      ..._
+    } = l;
+    f = U, o = $, s = h, i = x, t = m.FileUploadRoot, a = c("file-input", {
+      ..._,
+      onFileChange: (p) => {
+        console.log(p), s?.setValue?.(p), setTimeout(() => _.onFileChange?.(p), 1e3);
+      }
+    }), e[0] = l, e[1] = t, e[2] = i, e[3] = o, e[4] = s, e[5] = a, e[6] = f;
+  } else
+    t = e[1], i = e[2], o = e[3], s = e[4], a = e[5], f = e[6];
+  const g = a;
+  let u;
+  e[7] !== f ? (u = f && /* @__PURE__ */ n(w, { children: f }), e[7] = f, e[8] = u) : u = e[8];
+  let d;
+  e[9] !== o ? (d = o && /* @__PURE__ */ n(z, { children: o }), e[9] = o, e[10] = d) : d = e[10];
+  let I;
+  e[11] !== s ? (I = !s?.valid && s?.notValidMessage && /* @__PURE__ */ n(v, { children: s.notValidMessage }), e[11] = s, e[12] = I) : I = e[12];
+  let F;
+  return e[13] !== t || e[14] !== i || e[15] !== g || e[16] !== u || e[17] !== d || e[18] !== I ? (F = /* @__PURE__ */ T(t, { ...g, children: [
+    u,
+    d,
+    i,
+    I
+  ] }), e[13] = t, e[14] = i, e[15] = g, e[16] = u, e[17] = d, e[18] = I, e[19] = F) : F = e[19], F;
+}, b = (l) => {
+  const e = r.c(4);
+  let t;
+  e[0] !== l ? (t = c("file-input__dropzone", l), e[0] = l, e[1] = t) : t = e[1];
+  let i;
+  return e[2] !== t ? (i = /* @__PURE__ */ n(m.FileUploadDropzone, { ...t }), e[2] = t, e[3] = i) : i = e[3], i;
+}, k = (l) => {
+  const e = r.c(4);
+  let t;
+  e[0] !== l ? (t = c("file-input__trigger", l), e[0] = l, e[1] = t) : t = e[1];
+  let i;
+  return e[2] !== t ? (i = /* @__PURE__ */ n(m.FileUploadTrigger, { ...t }), e[2] = t, e[3] = i) : i = e[3], i;
+}, A = (l) => {
+  const e = r.c(4);
+  let t;
+  e[0] !== l ? (t = c("file-input__item-group", l), e[0] = l, e[1] = t) : t = e[1];
+  let i;
+  return e[2] !== t ? (i = /* @__PURE__ */ n(m.FileUploadItemGroup, { ...t }), e[2] = t, e[3] = i) : i = e[3], i;
+}, E = (l) => {
+  const e = r.c(4);
+  let t;
+  e[0] !== l ? (t = c("file-input__item", l), e[0] = l, e[1] = t) : t = e[1];
+  const i = t;
+  let o;
+  return e[2] !== i ? (o = /* @__PURE__ */ n(m.FileUploadItem, { ...i }), e[2] = i, e[3] = o) : o = e[3], o;
+}, L = (l) => {
+  const e = r.c(4);
+  let t;
+  e[0] !== l ? (t = c("file-input__item-preview", l), e[0] = l, e[1] = t) : t = e[1];
+  let i;
+  return e[2] !== t ? (i = /* @__PURE__ */ n(m.FileUploadItemPreview, { ...t }), e[2] = t, e[3] = i) : i = e[3], i;
+}, q = (l) => {
+  const e = r.c(4);
+  let t;
+  e[0] !== l ? (t = c("file-input__item-preview-image", l), e[0] = l, e[1] = t) : t = e[1];
+  let i;
+  return e[2] !== t ? (i = /* @__PURE__ */ n(m.FileUploadItemPreviewImage, { ...t }), e[2] = t, e[3] = i) : i = e[3], i;
+}, y = (l) => {
+  const e = r.c(4);
+  let t;
+  e[0] !== l ? (t = c("file-input__item-name", l), e[0] = l, e[1] = t) : t = e[1];
+  let i;
+  return e[2] !== t ? (i = /* @__PURE__ */ n(m.FileUploadItemName, { ...t }), e[2] = t, e[3] = i) : i = e[3], i;
+}, B = (l) => {
+  const e = r.c(4);
+  let t;
+  e[0] !== l ? (t = c("file-input__item-size-text", l), e[0] = l, e[1] = t) : t = e[1];
+  let i;
+  return e[2] !== t ? (i = /* @__PURE__ */ n(m.FileUploadItemSizeText, { ...t }), e[2] = t, e[3] = i) : i = e[3], i;
+}, J = (l) => {
+  const e = r.c(4);
+  let t;
+  e[0] !== l ? (t = c("file-input__item-delete-trigger", l), e[0] = l, e[1] = t) : t = e[1];
+  let i;
+  return e[2] !== t ? (i = /* @__PURE__ */ n(m.FileUploadItemDeleteTrigger, { ...t }), e[2] = t, e[3] = i) : i = e[3], i;
+}, K = (l) => {
+  const e = r.c(4);
+  let t;
+  e[0] !== l ? (t = c("file-input__hidden-input", l), e[0] = l, e[1] = t) : t = e[1];
+  let i;
+  return e[2] !== t ? (i = /* @__PURE__ */ n(m.FileUploadHiddenInput, { ...t }), e[2] = t, e[3] = i) : i = e[3], i;
+}, O = (l) => {
+  const e = r.c(2);
+  let t;
+  return e[0] !== l ? (t = /* @__PURE__ */ n(m.FileUploadContext, { ...l }), e[0] = l, e[1] = t) : t = e[1], t;
+};
+export {
+  S as FileInput,
+  O as FileInputContext,
+  b as FileInputDropzone,
+  K as FileInputHiddenInput,
+  E as FileInputItem,
+  J as FileInputItemDeleteTrigger,
+  A as FileInputItemGroup,
+  y as FileInputItemName,
+  L as FileInputItemPreview,
+  q as FileInputItemPreviewImage,
+  B as FileInputItemSizeText,
+  k as FileInputTrigger
+};