@code0-tech/pictor 0.11.1 → 0.13.0

package/dist/components/form/PinInput.js

@@ -1,69 +1,66 @@
-import { jsx as r, jsxs as F, Fragment as x } from "react/jsx-runtime";
-import { c as I } from "../../_virtual/compiler-runtime.js";
-import { OneTimePasswordFieldInput as C, OneTimePasswordFieldHiddenInput as M, OneTimePasswordField as T } from "@radix-ui/react-one-time-password-field";
+import { jsx as a, jsxs as v, Fragment as F } from "react/jsx-runtime";
+import { c } from "../../_virtual/compiler-runtime.js";
+import { OneTimePasswordFieldInput as x, OneTimePasswordFieldHiddenInput as C, OneTimePasswordField as M } from "@radix-ui/react-one-time-password-field";
 import "../../utils/contextStore.js";
 import "react";
 import { mergeComponentProps as V } from "../../utils/component.js";
 import "js-md5";
-import { InputLabel as _ } from "./InputLabel.js";
-import { InputDescription as $ } from "./InputDescription.js";
-import { InputMessage as w } from "./InputMessage.js";
+import { InputLabel as T } from "./InputLabel.js";
+import { InputDescription as _ } from "./InputDescription.js";
+import { InputMessage as $ } from "./InputMessage.js";
 import '../../assets/components/form/Input.style.css';/* empty css                 */
-const B = (n) => {
-  const e = I.c(26);
-  let t, i, d, l, o, s;
+const z = (n) => {
+  const e = c.c(20);
+  let t, i, s, l, o;
   if (e[0] !== n) {
     const {
-      title: p,
-      description: c,
-      disabled: b,
-      formValidation: P,
-      ...g
-    } = n;
-    i = P === void 0 ? {
+      title: u,
+      description: f,
+      disabled: g,
+      formValidation: h,
+      ...p
+    } = n, P = g === void 0 ? !1 : g;
+    i = h === void 0 ? {
       valid: !0,
       notValidMessage: null,
-      setValue: O
-    } : P, e[7] !== p ? (o = p ? /* @__PURE__ */ r(_, { children: p }) : null, e[7] = p, e[8] = o) : o = e[8], e[9] !== c ? (s = c ? /* @__PURE__ */ r($, { children: c }) : null, e[9] = c, e[10] = s) : s = e[10];
-    const h = `${i?.valid ? "" : "input--not-valid"}`;
-    e[11] !== h ? (l = V(h, {}), e[11] = h, e[12] = l) : l = e[12], t = T, d = V("pin-input", {
-      ...g,
-      onValueChange: (v) => {
-        g.onValueChange && g.onValueChange(v), i.setValue?.(v);
+      setValue: b
+    } : h, e[6] !== u ? (l = u ? /* @__PURE__ */ a(T, { children: u }) : null, e[6] = u, e[7] = l) : l = e[7], e[8] !== f ? (o = f ? /* @__PURE__ */ a(_, { children: f }) : null, e[8] = f, e[9] = o) : o = e[9], t = M, s = V(`pin-input ${i?.valid ? "" : "pin-input--not-valid"}`, {
+      ...p,
+      disabled: P,
+      onValueChange: (I) => {
+        p.onValueChange && p.onValueChange(I), i.setValue?.(I);
       }
-    }), e[0] = n, e[1] = t, e[2] = i, e[3] = d, e[4] = l, e[5] = o, e[6] = s;
+    }), e[0] = n, e[1] = t, e[2] = i, e[3] = s, e[4] = l, e[5] = o;
   } else
-    t = e[1], i = e[2], d = e[3], l = e[4], o = e[5], s = e[6];
-  let a;
-  e[13] !== t || e[14] !== d ? (a = /* @__PURE__ */ r(t, { ...d }), e[13] = t, e[14] = d, e[15] = a) : a = e[15];
+    t = e[1], i = e[2], s = e[3], l = e[4], o = e[5];
+  let r;
+  e[10] !== t || e[11] !== s ? (r = /* @__PURE__ */ a(t, { ...s }), e[10] = t, e[11] = s, e[12] = r) : r = e[12];
+  let d;
+  e[13] !== i ? (d = !i?.valid && i?.notValidMessage ? /* @__PURE__ */ a($, { children: i.notValidMessage }) : null, e[13] = i, e[14] = d) : d = e[14];
   let m;
-  e[16] !== l || e[17] !== a ? (m = /* @__PURE__ */ r("div", { ...l, children: a }), e[16] = l, e[17] = a, e[18] = m) : m = e[18];
-  let u;
-  e[19] !== i ? (u = !i?.valid && i?.notValidMessage ? /* @__PURE__ */ r(w, { children: i.notValidMessage }) : null, e[19] = i, e[20] = u) : u = e[20];
-  let f;
-  return e[21] !== o || e[22] !== s || e[23] !== m || e[24] !== u ? (f = /* @__PURE__ */ F(x, { children: [
+  return e[15] !== l || e[16] !== o || e[17] !== r || e[18] !== d ? (m = /* @__PURE__ */ v(F, { children: [
+    l,
     o,
-    s,
-    m,
-    u
-  ] }), e[21] = o, e[22] = s, e[23] = m, e[24] = u, e[25] = f) : f = e[25], f;
-}, G = (n) => {
-  const e = I.c(4);
+    r,
+    d
+  ] }), e[15] = l, e[16] = o, e[17] = r, e[18] = d, e[19] = m) : m = e[19], m;
+}, A = (n) => {
+  const e = c.c(4);
   let t;
-  e[0] !== n ? (t = V("input pin-input__field", n), e[0] = n, e[1] = t) : t = e[1];
+  e[0] !== n ? (t = V("pin-input__field", n), e[0] = n, e[1] = t) : t = e[1];
   let i;
-  return e[2] !== t ? (i = /* @__PURE__ */ r(C, { ...t }), e[2] = t, e[3] = i) : i = e[3], i;
-}, J = (n) => {
-  const e = I.c(4);
+  return e[2] !== t ? (i = /* @__PURE__ */ a(x, { ...t }), e[2] = t, e[3] = i) : i = e[3], i;
+}, B = (n) => {
+  const e = c.c(4);
   let t;
   e[0] !== n ? (t = V("pin-input__hidden-field", n), e[0] = n, e[1] = t) : t = e[1];
   let i;
-  return e[2] !== t ? (i = /* @__PURE__ */ r(M, { ...t }), e[2] = t, e[3] = i) : i = e[3], i;
+  return e[2] !== t ? (i = /* @__PURE__ */ a(C, { ...t }), e[2] = t, e[3] = i) : i = e[3], i;
 };
-function O(n) {
+function b(n) {
 }
 export {
-  B as PinInput,
-  G as PinInputField,
-  J as PinInputHiddenField
+  z as PinInput,
+  A as PinInputField,
+  B as PinInputHiddenField
 };

package/dist/components/icon/Icon.d.ts

@@ -0,0 +1,36 @@
+import { default as React } from 'react';
+import { Component } from '../../utils';
+/**
+ * The common shape every resolved icon component is rendered with. All three
+ * sources (Tabler, Simple Icons, CodeZero) accept `size`/`color`; `stroke` is
+ * only honoured by Tabler icons and ignored by the others.
+ */
+export type IconComponent = React.FC<{
+    size?: number | string;
+    color?: string;
+    stroke?: number | string;
+    className?: string;
+    style?: React.CSSProperties;
+} & Record<string, unknown>>;
+/**
+ * A string reference to an icon, optionally prefixed with its source:
+ *  - `tabler:<name>` (default when no prefix is given) e.g. `tabler:arrow-left`
+ *  - `simple:<name>` e.g. `simple:github`
+ *  - `codezero:<name>` e.g. `codezero:code0`
+ *
+ * Names are normalized, so `tabler:arrow-left`, `arrow-left`, `ArrowLeft` and
+ * `IconArrowLeft` all resolve to the same icon.
+ */
+export type IconString = `tabler:${string}` | `simple:${string}` | `codezero:${string}` | (string & {});
+/**
+ * Resolves an {@link IconString} to its matching icon component from one of the
+ * registered sources. Falls back to Tabler's `IconNote` when no icon matches.
+ */
+export declare const resolveIcon: (icon?: IconString) => IconComponent;
+export interface IconProps extends Omit<Component<SVGSVGElement>, "size"> {
+    icon: IconString;
+    size?: number | string;
+    color?: string;
+    stroke?: number | string;
+}
+export declare const Icon: React.FC<IconProps>;

package/dist/components/icon/Icon.js

@@ -0,0 +1,44 @@
+import { jsx as b } from "react/jsx-runtime";
+import { c as h } from "../../_virtual/compiler-runtime.js";
+import * as a from "@tabler/icons-react";
+import * as I from "@icons-pack/react-simple-icons";
+import * as f from "./codezero/index.js";
+import "../../utils/contextStore.js";
+import "react";
+import { mergeComponentProps as k } from "../../utils/component.js";
+import "js-md5";
+import '../../assets/components/icon/Icon.style.css';/* empty css                */
+const x = (r) => {
+  const o = a.IconNote;
+  if (r?.startsWith("codezero:")) {
+    const e = r.replace("codezero:", "").trim().toLowerCase(), t = Object.keys(f).find((i) => i.toLowerCase() === e);
+    return t ? f[t] : o;
+  }
+  if (r?.startsWith("simple:")) {
+    const e = r.replace("simple:", "").trim(), t = `Si${e.charAt(0).toUpperCase() + e.slice(1)}`;
+    return t in I ? I[t] : o;
+  }
+  const n = `Icon${(r?.replace("tabler:", "") ?? "Note").trim().replace(/^icon/i, "").split(/[\s_-]+/).filter(Boolean).map((e) => e.charAt(0).toUpperCase() + e.slice(1)).join("")}`;
+  return n in a ? a[n] : o;
+}, S = (r) => {
+  const o = h.c(14);
+  let n, c, e, t, s;
+  if (o[0] !== r) {
+    const {
+      icon: m,
+      size: p,
+      color: d,
+      stroke: v,
+      ...z
+    } = r, C = p === void 0 ? 24 : p, u = d === void 0 ? "currentColor" : d;
+    let l;
+    o[6] !== m ? (l = x(m), o[6] = m, o[7] = l) : l = o[7], n = l, c = C, e = u, t = v, s = k("icon", z), o[0] = r, o[1] = n, o[2] = c, o[3] = e, o[4] = t, o[5] = s;
+  } else
+    n = o[1], c = o[2], e = o[3], t = o[4], s = o[5];
+  let i;
+  return o[8] !== n || o[9] !== c || o[10] !== e || o[11] !== t || o[12] !== s ? (i = /* @__PURE__ */ b(n, { size: c, color: e, stroke: t, ...s }), o[8] = n, o[9] = c, o[10] = e, o[11] = t, o[12] = s, o[13] = i) : i = o[13], i;
+};
+export {
+  S as Icon,
+  x as resolveIcon
+};

package/dist/components/icon/codezero/codezero.svg.js

@@ -0,0 +1,5 @@
+import * as c from "react";
+const e = (v) => /* @__PURE__ */ c.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", id: "c", viewBox: "8.01 8.97 23.83 23.83", ...v }, /* @__PURE__ */ c.createElement("path", { d: "M25.498,8.966h-11.132c-3.508,0-6.351,2.843-6.351,6.351v11.132c0,3.507,2.843,6.351,6.351,6.351h11.132c3.508,0,6.351-2.843,6.351-6.351v-11.132c0-3.507-2.843-6.351-6.351-6.351ZM24.829,15.569h-.379c-.454,0-.759.101-.915.303-.157.202-.234.514-.234.938v2.011c0,.525-.071.968-.212,1.331s-.423.676-.847.938c.424.262.706.575.847.938s.212.807.212,1.331v2.012c0,.423.078.736.234.937.156.202.461.303.915.303h.379v1.8h-.303c-.635,0-1.167-.061-1.596-.182-.429-.121-.771-.298-1.029-.53s-.441-.516-.552-.855c-.111-.337-.167-.724-.167-1.157v-2.285c0-.423-.101-.766-.303-1.028-.198-.258-.522-.387-.965-.391-.443.004-.766.132-.966.391-.201.262-.302.605-.302,1.028v2.285c0,.433-.056.819-.167,1.157-.111.338-.295.623-.552.855s-.6.408-1.029.53c-.428.12-.96.182-1.596.182h-.303v-1.8h.379c.454,0,.758-.101.915-.303.156-.201.234-.514.234-.937v-2.012c0-.524.07-.968.212-1.331.141-.363.423-.676.847-.938-.423-.262-.705-.575-.847-.938-.142-.363-.212-.806-.212-1.331v-2.011c0-.424-.078-.736-.234-.938-.157-.201-.461-.303-.915-.303h-.379v-1.799h.303c.635,0,1.167.06,1.596.182.429.12.771.297,1.029.529.257.233.441.517.552.855.111.338.167.724.167,1.158v2.284c0,.423.101.766.302,1.029.199.258.522.386.966.39.443-.004.766-.131.965-.39.202-.262.303-.606.303-1.029v-2.284c0-.434.055-.819.167-1.158.111-.337.295-.622.552-.855.257-.232.6-.408,1.029-.529.428-.121.96-.182,1.596-.182h.303v1.799Z" }));
+export {
+  e as default
+};

package/dist/components/icon/codezero/gls.svg.js

@@ -0,0 +1,5 @@
+import * as c from "react";
+const e = (a) => /* @__PURE__ */ c.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", ...a }, /* @__PURE__ */ c.createElement("title", null, "GLS"), /* @__PURE__ */ c.createElement("path", { d: "M 5.089 8.207 c 0.398 0.02 0.787 0.074 1.179 0.148 c 0.21 0.04 0.42 0.085 0.625 0.153 c 0.031 0.011 0.062 0.026 0.094 0.034 c 0.028 0.009 0.037 0.023 0.037 0.054 v 2.025 l -0.352 -0.102 a 8 8 0 0 0 -1.136 -0.241 a 4 4 0 0 0 -1.062 -0.014 a 2.1 2.1 0 0 0 -0.863 0.287 a 1.6 1.6 0 0 0 -0.67 0.872 c -0.08 0.239 -0.116 0.486 -0.125 0.738 q -0.015 0.337 0.034 0.673 c 0.043 0.264 0.119 0.517 0.27 0.741 c 0.199 0.293 0.48 0.46 0.818 0.537 c 0.185 0.043 0.372 0.065 0.559 0.045 c 0.352 -0.034 0.662 -0.165 0.895 -0.446 a 0.2 0.2 0 0 0 0.028 -0.04 q 0.004 -0.005 0.003 -0.009 c -0.011 -0.006 -0.026 -0.003 -0.037 -0.003 H 4.037 c -0.031 0 -0.043 -0.006 -0.043 -0.04 v -1.65 c 0 -0.031 0.009 -0.04 0.04 -0.04 h 3.771 c 0.031 0 0.04 0.009 0.04 0.04 v 4.075 c 0 0.028 -0.006 0.037 -0.037 0.037 H 6.28 c -0.034 0 -0.04 -0.011 -0.04 -0.043 l 0.009 -1.073 q 0.002 -0.018 -0.006 -0.04 l -0.031 0.06 a 2 2 0 0 1 -0.665 0.707 a 3.05 3.05 0 0 1 -1.213 0.471 a 4 4 0 0 1 -0.383 0.04 c -0.014 0.006 -0.028 0 -0.043 0.003 h -0.293 c -0.346 0 -0.684 -0.057 -1.017 -0.153 q -0.281 -0.081 -0.545 -0.213 a 3 3 0 0 1 -0.662 -0.449 a 3.4 3.4 0 0 1 -0.579 -0.662 a 3.5 3.5 0 0 1 -0.426 -0.917 a 4 4 0 0 1 -0.136 -0.619 a 3 3 0 0 1 -0.043 -0.463 l -0.003 -0.136 v -0.415 a 4.05 4.05 0 0 1 0.429 -1.795 q 0.201 -0.397 0.497 -0.736 a 4 4 0 0 1 0.787 -0.693 c 0.281 -0.19 0.585 -0.338 0.903 -0.454 A 5 5 0 0 1 3.916 8.24 q 0.282 -0.041 0.565 -0.043 h 0.091 c 0.02 -0.003 0.043 0.003 0.062 -0.003 h 0.307 c 0.02 0.009 0.043 0.003 0.062 0.003 h 0.04 c 0.017 0.009 0.031 0.003 0.045 0.009 M 16.9 16.21 a 13 13 0 0 1 -0.645 -0.034 a 10 10 0 0 1 -0.863 -0.105 a 6 6 0 0 1 -0.738 -0.168 c -0.028 -0.009 -0.037 -0.02 -0.037 -0.051 V 13.816 c 0 -0.043 0 -0.043 0.04 -0.031 c 0.327 0.102 0.662 0.179 1 0.244 q 0.388 0.077 0.781 0.128 q 0.311 0.04 0.628 0.048 c 0.187 0.006 0.375 -0.003 0.559 -0.037 a 0.8 0.8 0 0 0 0.298 -0.111 c 0.125 -0.08 0.179 -0.199 0.153 -0.335 a 0.21 0.21 0 0 0 -0.105 -0.145 a 0.9 0.9 0 0 0 -0.284 -0.111 q -0.464 -0.107 -0.929 -0.21 a 4.5 4.5 0 0 1 -0.991 -0.321 c -0.341 -0.162 -0.642 -0.378 -0.866 -0.684 a 2 2 0 0 1 -0.352 -0.843 a 3 3 0 0 1 -0.043 -0.506 c 0 -0.46 0.082 -0.9 0.307 -1.306 a 2.4 2.4 0 0 1 1.014 -0.983 a 3.4 3.4 0 0 1 1.008 -0.335 c 0.204 -0.037 0.412 -0.057 0.619 -0.068 c 0.014 -0.006 0.028 0 0.04 -0.003 h 0.045 c 0.02 -0.003 0.037 0.003 0.057 -0.003 h 0.287 c 0.02 0.009 0.043 0.003 0.062 0.003 h 0.085 c 0.182 0 0.364 0.014 0.542 0.034 q 0.47 0.045 0.934 0.125 c 0.196 0.034 0.392 0.071 0.588 0.119 c 0.057 0.014 0.057 0.017 0.057 0.074 v 1.928 c 0 0.048 -0.006 0.051 -0.054 0.04 a 11 11 0 0 0 -0.684 -0.151 a 15 15 0 0 0 -0.775 -0.128 a 11 11 0 0 0 -0.54 -0.057 a 5 5 0 0 0 -0.474 -0.006 a 1.05 1.05 0 0 0 -0.474 0.111 c -0.094 0.051 -0.168 0.122 -0.19 0.23 c -0.026 0.116 0.02 0.213 0.125 0.281 a 0.8 0.8 0 0 0 0.25 0.105 c 0.256 0.065 0.511 0.122 0.77 0.185 c 0.236 0.057 0.474 0.108 0.704 0.185 c 0.329 0.111 0.645 0.253 0.923 0.469 c 0.298 0.23 0.523 0.52 0.653 0.875 q 0.114 0.316 0.142 0.653 q 0.022 0.255 0.006 0.511 a 2.37 2.37 0 0 1 -0.44 1.252 a 2.5 2.5 0 0 1 -0.594 0.576 a 3.2 3.2 0 0 1 -1.034 0.46 a 4.5 4.5 0 0 1 -1.076 0.137 h -0.409 c -0.028 -0.006 -0.054 0 -0.08 -0.006 m 6.896 -1.24 c -0.017 0.045 -0.017 0.097 -0.026 0.145 c -0.051 0.25 -0.159 0.466 -0.335 0.65 c -0.21 0.224 -0.469 0.361 -0.772 0.4 a 1.28 1.28 0 0 1 -1.099 -0.355 a 1.26 1.26 0 0 1 -0.386 -0.733 A 1.29 1.29 0 0 1 21.479 14 a 1.23 1.23 0 0 1 0.775 -0.437 c 0.506 -0.077 0.929 0.082 1.255 0.477 c 0.17 0.207 0.261 0.449 0.284 0.716 c 0.006 0.02 0 0.04 0.003 0.062 v 0.08 c 0.003 0.017 -0.003 0.034 0.003 0.051 q -0.004 0.01 -0.003 0.02 M 8.63 12.206 V 8.369 c 0 -0.034 0.009 -0.04 0.04 -0.04 h 2.406 c 0.031 0 0.037 0.009 0.037 0.04 v 5.649 c 0 0.045 0 0.045 0.045 0.045 h 2.627 c 0.034 0 0.04 0.009 0.04 0.04 v 1.942 c 0 0.034 -0.011 0.04 -0.043 0.04 H 8.67 c -0.037 0 -0.043 -0.009 -0.043 -0.045 q 0.004 -1.917 0.003 -3.834" }));
+export {
+  e as default
+};

package/dist/components/icon/codezero/index.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+export type CustomIconProps = {
+    size?: number | string;
+    color?: string;
+} & Omit<React.SVGProps<SVGSVGElement>, "color">;
+export declare const CodeZero: React.FC<CustomIconProps>;
+export declare const Gls: React.FC<CustomIconProps>;

package/dist/components/icon/codezero/index.js

@@ -0,0 +1,14 @@
+import { jsx as m } from "react/jsx-runtime";
+import e from "./codezero.svg.js";
+import s from "./gls.svg.js";
+const r = (t) => function({
+  size: o = 24,
+  color: n = "currentColor",
+  ...c
+}) {
+  return /* @__PURE__ */ m(t, { width: o, height: o, fill: n, ...c });
+}, p = r(e), C = r(s);
+export {
+  p as CodeZero,
+  C as Gls
+};

package/dist/index.d.ts

@@ -20,6 +20,7 @@ export * from './components/form/index';
 export * from './components/json-view/JsonView';
 export * from './components/fullscreen/FullScreen';
 export * from './components/gantt/Gantt';
+export * from './components/icon/Icon';
 export * from './components/layout/Layout';
 export * from './components/menu/Menu';
 export * from './components/progress/Progress';