@code0-tech/pictor 0.0.0-mvp.26 → 0.0.0-mvp.28

package/dist/components/form/Input.selection.hook.js

@@ -1,7 +1,7 @@
 import { c as M } from "../../_virtual/compiler-runtime.js";
-import p from "react";
-import { useSyncSyntaxScroll as $, getSelectionMetrics as L, setSelectionRangeSafe as g } from "./Input.utils.js";
-const F = (r, n) => {
+import _ from "react";
+import { useSyncSyntaxScroll as p, getSelectionMetrics as L, setSelectionRangeSafe as $ } from "./Input.utils.js";
+const A = (r, n) => {
   const t = M.c(6);
   let s;
   t[0] !== r || t[1] !== n ? (s = (u) => {
@@ -27,13 +27,13 @@ const F = (r, n) => {
     let h = S;
     f - 8 < S ? h = Math.max(f - 8, 0) : i + 8 > N && (h = Math.max(i + 8 - e.clientWidth, 0)), h !== S && (r.current.scrollLeft = h, e.scrollLeft = h);
   }, t[0] = r, t[1] = n, t[2] = s) : s = t[2];
-  const o = s, a = $(r, n);
+  const o = s, a = p(r, n);
   let l;
   return t[3] !== o || t[4] !== a ? (l = {
     ensureVisualIndexVisible: o,
     syncSyntaxScroll: a
   }, t[3] = o, t[4] = a, t[5] = l) : l = t[5], l;
-}, _ = (r, n) => {
+}, F = (r, n) => {
   const t = M.c(3);
   let s;
   return t[0] !== n || t[1] !== r ? (s = (o) => {
@@ -50,9 +50,9 @@ const F = (r, n) => {
       end: e,
       hasBlockOverlap: c
     } = n(a, l);
-    c && (u === a && e === l || g(o, u, e));
+    c && (u === a && e === l || $(o, u, e));
   }, t[0] = n, t[1] = r, t[2] = s) : s = t[2], s;
-}, O = (r, n, t, s, o) => p.useMemo(() => {
+}, O = (r, n, t, s, o) => _.useMemo(() => {
   if (!r) return null;
   const a = n.current;
   if (!a) return t;
@@ -72,7 +72,7 @@ const F = (r, n) => {
   };
 }, [n, o, r, t, s]);
 export {
-  _ as useSelectionNormalization,
+  F as useSelectionNormalization,
   O as useSelectionResolution,
-  F as useSelectionVisibility
+  A as useSelectionVisibility
 };

package/dist/components/form/Input.syntax.hook.js

@@ -1,5 +1,5 @@
 import c from "react";
-const f = (i) => {
+const S = (i) => {
   const a = i ?? "", s = typeof a == "string" ? a : String(a);
   return [{
     type: "text",
@@ -24,7 +24,7 @@ const f = (i) => {
       const n = a(i, h);
       if (n?.length) return n;
     }
-    return f(i);
+    return S(i);
   }, [h, a, i]), u = c.useMemo(() => p(g), [g]), v = c.useCallback((n, t) => {
     let r = Math.min(n, t), l = Math.max(n, t), o = !1;
     return u.forEach((e) => {
@@ -47,7 +47,7 @@ const f = (i) => {
     if ((t?.visualLength ?? 0) <= 0) return t.start;
     const o = l / (t?.visualLength ?? 0);
     return Math.round(t.start + o * r);
-  }, [s, u]), M = c.useCallback((n) => {
+  }, [s, u]), f = c.useCallback((n) => {
     const t = u.find((e) => n >= e.start && n <= e.end);
     if (!t) {
       const e = s.current?.value.length ?? 0;
@@ -60,7 +60,7 @@ const f = (i) => {
     if ((t?.visualLength ?? 0) <= 0) return t.visualStart;
     const o = l / r;
     return Math.min(t.visualStart + o * (t?.visualLength ?? 0), t.visualEnd);
-  }, [s, u]), S = c.useMemo(() => {
+  }, [s, u]), M = c.useMemo(() => {
     const n = u[u.length - 1];
     return n ? n.visualEnd : 0;
   }, [u]);
@@ -69,12 +69,12 @@ const f = (i) => {
     visualizedSyntaxSegments: u,
     expandSelectionRangeToBlockBoundaries: v,
     mapVisualIndexToRawIndex: m,
-    mapRawIndexToVisualIndex: M,
-    totalVisualLength: S
+    mapRawIndexToVisualIndex: f,
+    totalVisualLength: M
   };
 };
 export {
-  f as buildDefaultSyntax,
+  S as buildDefaultSyntax,
   y as useSyntaxModel,
   p as visualizeSyntaxSegments
 };

package/dist/components/form/NumberInput.js

@@ -1,20 +1,20 @@
-import { jsx as t } from "react/jsx-runtime";
+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 d = u.forwardRef((o, n) => {
-  n = n || u.useRef(null);
+const N = u.forwardRef((o, t) => {
+  t = t || u.useRef(null);
   const {
     step: r = 1,
     ...c
   } = o;
-  return /* @__PURE__ */ t(i, { className: "number-input", right: /* @__PURE__ */ t(e, { variant: "none", onClick: () => {
-    n.current && (n.current.value || (n.current.value = "0"), n.current.value = (Number.parseInt(n.current.value) + r).toString());
-  }, children: /* @__PURE__ */ t(l, { size: 13 }) }), left: /* @__PURE__ */ t(e, { variant: "none", onClick: () => {
-    n.current && (n.current.value || (n.current.value = "0"), n.current.value = (Number.parseInt(n.current.value) - r).toString());
-  }, children: /* @__PURE__ */ t(a, { size: 13 }) }), leftType: "action", type: "number", ref: n, ...c });
+  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 });
 });
 export {
-  d as NumberInput
+  N as NumberInput
 };

package/dist/components/form/PasswordInput.js

@@ -1,18 +1,18 @@
 import { jsx as e } from "react/jsx-runtime";
 import n from "react";
 import { Input as h } from "./Input.js";
-import { IconEye as y, IconX as d } from "@tabler/icons-react";
+import { IconEye as d, IconX as y } from "@tabler/icons-react";
 import { Button as i } from "../button/Button.js";
-import { setElementKey as g } from "./Input.utils.js";
+import { setElementKey as f } from "./Input.utils.js";
 const C = n.forwardRef((s, t) => {
   t = t || n.useRef(null);
   const {
-    clearable: p = !0,
-    visible: a = !0,
+    clearable: a = !0,
+    visible: p = !0,
     right: c,
     ...u
-  } = s, l = (r) => (t.current && g(t.current, "value", "", "change"), r.stopPropagation(), r.preventDefault(), !1), m = (r) => (t.current && t.current.type == "password" ? t.current.type = "text" : t.current && t.current.type == "text" && (t.current.type = "password"), r.stopPropagation(), r.preventDefault(), !1), o = [c];
-  return a && o.push(/* @__PURE__ */ e(i, { variant: "none", onClick: (r) => m(r), children: /* @__PURE__ */ e(y, { size: 13 }) })), p && o.push(/* @__PURE__ */ e(i, { variant: "none", onClick: (r) => l(r), children: /* @__PURE__ */ e(d, { size: 13 }) })), /* @__PURE__ */ e(h, { right: o, rightType: "action", type: "password", ref: t, ...u });
+  } = s, l = (r) => (t.current && f(t.current, "value", "", "change"), r.stopPropagation(), r.preventDefault(), !1), m = (r) => (t.current && t.current.type == "password" ? t.current.type = "text" : t.current && t.current.type == "text" && (t.current.type = "password"), r.stopPropagation(), r.preventDefault(), !1), o = [c];
+  return p && o.push(/* @__PURE__ */ e(i, { variant: "none", onClick: (r) => m(r), children: /* @__PURE__ */ e(d, { size: 13 }) })), a && o.push(/* @__PURE__ */ e(i, { variant: "none", onClick: (r) => l(r), children: /* @__PURE__ */ e(y, { size: 13 }) })), /* @__PURE__ */ e(h, { right: o, rightType: "action", type: "password", ref: t, ...u });
 });
 export {
   C as PasswordInput

package/dist/components/form/SwitchInput.js

@@ -1,18 +1,18 @@
-import { jsx as u } from "react/jsx-runtime";
+import { jsx as n } from "react/jsx-runtime";
 import e from "react";
 import { Input as p } from "./Input.js";
 const m = e.forwardRef((r, t) => {
   t = t || e.useRef(null);
   const {
-    value: o,
-    initialValue: l,
-    ...n
+    value: l,
+    initialValue: o,
+    ...u
   } = r;
-  return /* @__PURE__ */ u(p, { wrapperComponent: {
+  return /* @__PURE__ */ n(p, { wrapperComponent: {
     className: "switch-input"
-  }, type: "checkbox", right: null, left: null, ref: t, value: o, ...l ? {
+  }, type: "checkbox", right: null, left: null, ref: t, value: l, ...o ? {
     defaultChecked: !0
-  } : {}, ...n });
+  } : {}, ...u });
 });
 export {
   m as SwitchInput

package/dist/components/form/TextInput.js

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

package/dist/components/segmented-control/SegmentedControl.d.ts

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-import { Code0ComponentProps } from '../../utils/types';
+import { Code0ComponentProps } from '../../utils';
 import { ToggleGroupSingleProps, ToggleGroupItemProps } from '@radix-ui/react-toggle-group';
 type SegmentedControlProps = Code0ComponentProps & ToggleGroupSingleProps;
 type SegmentedControlItemProps = Code0ComponentProps & ToggleGroupItemProps;

package/dist/components/segmented-control/SegmentedControl.js

@@ -1,24 +1,26 @@
 import { jsx as n } from "react/jsx-runtime";
-import { c as l } from "../../_virtual/compiler-runtime.js";
-import { Root as i, Item as s } from "@radix-ui/react-toggle-group";
-import { mergeCode0Props as c } from "../../utils/utils.js";
+import { c as i } from "../../_virtual/compiler-runtime.js";
+import { Root as c, Item as s } from "@radix-ui/react-toggle-group";
+import "../../utils/contextStore.js";
+import "react";
+import { mergeCode0Props as l } from "../../utils/utils.js";
 import '../../assets/components/segmented-control/SegmentedControl.style.css';/* empty css                            */
-const C = (m) => {
-  const t = l.c(4);
+const I = (m) => {
+  const t = i.c(4);
   let e;
-  t[0] !== m ? (e = c("segmented-control", m), t[0] = m, t[1] = e) : e = t[1];
+  t[0] !== m ? (e = l("segmented-control", m), t[0] = m, t[1] = e) : e = t[1];
   const r = e;
   let o;
-  return t[2] !== r ? (o = /* @__PURE__ */ n(i, { ...r }), t[2] = r, t[3] = o) : o = t[3], o;
-}, I = (m) => {
-  const t = l.c(4);
+  return t[2] !== r ? (o = /* @__PURE__ */ n(c, { ...r }), t[2] = r, t[3] = o) : o = t[3], o;
+}, R = (m) => {
+  const t = i.c(4);
   let e;
-  t[0] !== m ? (e = c("segmented-control__item", m), t[0] = m, t[1] = e) : e = t[1];
+  t[0] !== m ? (e = l("segmented-control__item", m), t[0] = m, t[1] = e) : e = t[1];
   const r = e;
   let o;
   return t[2] !== r ? (o = /* @__PURE__ */ n(s, { ...r }), t[2] = r, t[3] = o) : o = t[3], o;
 };
 export {
-  C as SegmentedControl,
-  I as SegmentedControlItem
+  I as SegmentedControl,
+  R as SegmentedControlItem
 };

package/dist/index.d.ts

@@ -10,6 +10,14 @@ export * from './components/col/Col';
 export * from './components/command/Command';
 export * from './components/container/Container';
 export * from './components/d-flow/index';
+export * from './components/d-flow-data-type/index';
+export * from './components/d-flow-file/index';
+export * from './components/d-flow-folder/index';
+export * from './components/d-flow-function/index';
+export * from './components/d-flow-panel/index';
+export * from './components/d-flow-suggestion/index';
+export * from './components/d-flow-type/index';
+export * from './components/d-flow-validation/index';
 export * from './components/d-fullscreen/DFullScreen';
 export * from './components/d-layout/DLayout';
 export * from './components/d-license/index';