@code0-tech/pictor 0.15.0 → 0.16.0

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

@@ -1,5 +1,6 @@
 import { default as React } from 'react';
-export interface InputLabelProps {
+import { Component } from '../../utils';
+export interface InputLabelProps extends Component<HTMLLabelElement> {
     children: React.ReactNode | React.ReactElement;
 }
 export declare const InputLabel: React.FC<InputLabelProps>;

package/dist/components/form/InputLabel.js

@@ -1,12 +1,23 @@
-import { jsx as r } from "react/jsx-runtime";
-import { c as s } from "../../_virtual/compiler-runtime.js";
-const i = (o) => {
-  const t = s.c(2), {
-    children: l
-  } = o;
-  let e;
-  return t[0] !== l ? (e = /* @__PURE__ */ r("label", { className: "input__label", children: l }), t[0] = l, t[1] = e) : e = t[1], e;
+import { jsx as n } from "react/jsx-runtime";
+import { c as p } from "../../_virtual/compiler-runtime.js";
+import "../../utils/contextStore.js";
+import "react";
+import { mergeComponentProps as c } from "../../utils/component.js";
+import "js-md5";
+const d = (i) => {
+  const t = p.c(6);
+  let e, r;
+  if (t[0] !== i) {
+    const {
+      children: l,
+      ...m
+    } = i;
+    e = l, r = c("input__label", m), t[0] = i, t[1] = e, t[2] = r;
+  } else
+    e = t[1], r = t[2];
+  let o;
+  return t[3] !== e || t[4] !== r ? (o = /* @__PURE__ */ n("label", { ...r, children: e }), t[3] = e, t[4] = r, t[5] = o) : o = t[5], o;
 };
 export {
-  i as InputLabel
+  d as InputLabel
 };

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';

package/dist/components/form/index.js

@@ -1,73 +1,80 @@
-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 { CheckboxInput as o } 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";
 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
+  o 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,
+  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
 };

package/dist/components/toast/Toast.js

@@ -1,86 +1,86 @@
-import { jsxs as N, jsx as o, Fragment as v } from "react/jsx-runtime";
-import { c as z } from "../../_virtual/compiler-runtime.js";
-import { toast as T } from "sonner";
+import { jsxs as I, jsx as o, Fragment as w } from "react/jsx-runtime";
+import { c as v } from "../../_virtual/compiler-runtime.js";
+import { toast as F } from "sonner";
 import '../../assets/components/toast/Toast.style.css';/* empty css                 */
 import "../../utils/contextStore.js";
 import "react";
-import { mergeComponentProps as j } from "../../utils/component.js";
+import { mergeComponentProps as P } from "../../utils/component.js";
 import "js-md5";
-import { IconCircleX as w, IconAlertCircle as F, IconCircleCheck as P, IconInfoCircle as S, IconCircleDot as u } from "@tabler/icons-react";
-import { Text as b } from "../text/Text.js";
-import { Flex as C } from "../flex/Flex.js";
-const k = ["primary", "secondary", "tertiary", "info", "success", "warning", "error"], A = (r) => k.includes(r);
-function U({
+import { IconCircleX as S, IconAlertCircle as b, IconCircleCheck as k, IconInfoCircle as A, IconCircleDot as y } from "@tabler/icons-react";
+import { Text as D } from "../text/Text.js";
+import { Flex as x } from "../flex/Flex.js";
+const E = ["primary", "secondary", "tertiary", "info", "success", "warning", "error"], R = (r) => E.includes(r);
+function Y({
   wrapper: r,
-  ...e
+  ...t
 }) {
-  return T.custom((s) => {
-    const t = /* @__PURE__ */ o(D, { id: s, ...e, children: e.children });
-    return /* @__PURE__ */ o(v, { children: r ? r(t) : t });
+  return F.custom((s) => {
+    const e = /* @__PURE__ */ o(X, { id: s, ...t, children: t.children });
+    return /* @__PURE__ */ o(w, { children: r ? r(e) : e });
   }, {
-    duration: e.duration ?? 4e3
+    duration: t.duration ?? 4e3
   });
 }
-function D(r) {
-  const e = z.c(24);
-  let s, t, i, c, n, l;
-  if (e[0] !== r) {
+function X(r) {
+  const t = v.c(28);
+  let s, e, c, i, l, n, a, m;
+  if (t[0] !== r) {
     const {
-      color: h,
-      icon: I,
-      title: x,
-      children: g,
-      duration: R,
-      ...y
+      color: C,
+      icon: g,
+      title: $,
+      children: T,
+      duration: B,
+      ...N
     } = r;
-    i = I, l = x, s = g, t = h === void 0 ? "secondary" : h;
-    let p;
-    e[7] !== t ? (p = A(t), e[7] = t, e[8] = p) : p = e[8], c = p;
-    const $ = c ? {} : {
+    c = g, m = $, s = T, e = C === void 0 ? "secondary" : C;
+    let h;
+    t[9] !== e ? (h = R(e), t[9] = e, t[10] = h) : h = t[10], i = h;
+    const j = i ? {} : {
       style: {
-        color: t,
-        ...y.style
+        color: e,
+        ...N.style
       }
-    };
-    n = j(`toast toast--${c ? t : "secondary"}`, {
-      ...y,
-      ...$
-    }), e[0] = r, e[1] = s, e[2] = t, e[3] = i, e[4] = c, e[5] = n, e[6] = l;
+    }, z = e === "error";
+    l = z ? "alert" : "status", n = z ? "assertive" : "polite", a = P(`toast toast--${i ? e : "secondary"}`, {
+      ...N,
+      ...j
+    }), t[0] = r, t[1] = s, t[2] = e, t[3] = c, t[4] = i, t[5] = l, t[6] = n, t[7] = a, t[8] = m;
   } else
-    s = e[1], t = e[2], i = e[3], c = e[4], n = e[5], l = e[6];
-  let a;
-  e[9] !== t || e[10] !== i || e[11] !== c ? (a = i ?? (c && /* @__PURE__ */ o(E, { color: t })), e[9] = t, e[10] = i, e[11] = c, e[12] = a) : a = e[12];
-  let m;
-  e[13] !== l ? (m = /* @__PURE__ */ o(b, { size: "md", hierarchy: "primary", children: l }), e[13] = l, e[14] = m) : m = e[14];
+    s = t[1], e = t[2], c = t[3], i = t[4], l = t[5], n = t[6], a = t[7], m = t[8];
   let d;
-  e[15] !== a || e[16] !== m ? (d = /* @__PURE__ */ o(C, { className: "toast__header", children: /* @__PURE__ */ N(C, { className: "toast__header-wrapper", children: [
-    a,
-    m
-  ] }) }), e[15] = a, e[16] = m, e[17] = d) : d = e[17];
+  t[11] !== e || t[12] !== c || t[13] !== i ? (d = c ?? (i && /* @__PURE__ */ o(q, { color: e })), t[11] = e, t[12] = c, t[13] = i, t[14] = d) : d = t[14];
   let _;
-  e[18] !== s ? (_ = s && /* @__PURE__ */ o("div", { className: "toast__content", children: s }), e[18] = s, e[19] = _) : _ = e[19];
+  t[15] !== m ? (_ = /* @__PURE__ */ o(D, { size: "md", hierarchy: "primary", children: m }), t[15] = m, t[16] = _) : _ = t[16];
   let f;
-  return e[20] !== n || e[21] !== d || e[22] !== _ ? (f = /* @__PURE__ */ N("div", { ...n, children: [
+  t[17] !== d || t[18] !== _ ? (f = /* @__PURE__ */ o(x, { className: "toast__header", children: /* @__PURE__ */ I(x, { className: "toast__header-wrapper", children: [
     d,
     _
-  ] }), e[20] = n, e[21] = d, e[22] = _, e[23] = f) : f = e[23], f;
+  ] }) }), t[17] = d, t[18] = _, t[19] = f) : f = t[19];
+  let p;
+  t[20] !== s ? (p = s && /* @__PURE__ */ o("div", { className: "toast__content", children: s }), t[20] = s, t[21] = p) : p = t[21];
+  let u;
+  return t[22] !== l || t[23] !== n || t[24] !== a || t[25] !== f || t[26] !== p ? (u = /* @__PURE__ */ I("div", { role: l, "aria-live": n, ...a, children: [
+    f,
+    p
+  ] }), t[22] = l, t[23] = n, t[24] = a, t[25] = f, t[26] = p, t[27] = u) : u = t[27], u;
 }
-const E = (r) => {
-  const e = z.c(1), {
+const q = (r) => {
+  const t = v.c(1), {
     color: s
   } = r;
-  let t;
-  return e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t = {
-    primary: /* @__PURE__ */ o(u, { className: "toast__icon", size: 16 }),
-    secondary: /* @__PURE__ */ o(u, { className: "toast__icon", size: 16 }),
-    tertiary: /* @__PURE__ */ o(u, { className: "toast__icon", size: 16 }),
-    info: /* @__PURE__ */ o(S, { className: "toast__icon", size: 16 }),
-    success: /* @__PURE__ */ o(P, { className: "toast__icon", size: 16 }),
-    warning: /* @__PURE__ */ o(F, { className: "toast__icon", size: 16 }),
-    error: /* @__PURE__ */ o(w, { className: "toast__icon", size: 16 })
-  }, e[0] = t) : t = e[0], t[s] ?? null;
+  let e;
+  return t[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (e = {
+    primary: /* @__PURE__ */ o(y, { className: "toast__icon", size: 16 }),
+    secondary: /* @__PURE__ */ o(y, { className: "toast__icon", size: 16 }),
+    tertiary: /* @__PURE__ */ o(y, { className: "toast__icon", size: 16 }),
+    info: /* @__PURE__ */ o(A, { className: "toast__icon", size: 16 }),
+    success: /* @__PURE__ */ o(k, { className: "toast__icon", size: 16 }),
+    warning: /* @__PURE__ */ o(b, { className: "toast__icon", size: 16 }),
+    error: /* @__PURE__ */ o(S, { className: "toast__icon", size: 16 })
+  }, t[0] = e) : e = t[0], e[s] ?? null;
 };
 export {
-  D as Toast,
-  U as toast
+  X as Toast,
+  Y as toast
 };

package/dist/index.d.ts

@@ -6,6 +6,7 @@ export * from './components/breadcrumb/Breadcrumb';
 export * from './components/button/Button';
 export * from './components/button-group/ButtonGroup';
 export * from './components/card/Card';
+export * from './components/chart/index';
 export * from './components/col/Col';
 export * from './components/command/Command';
 export * from './components/container/Container';