@code0-tech/pictor 0.0.0-mvp.22 → 0.0.0-mvp.23

package/dist/components/form/index.js

@@ -1,37 +1,36 @@
-import { CheckboxInput as e } from "./CheckboxInput.js";
+import { CheckboxInput as r } from "./CheckboxInput.js";
 import { EmailInput as p, emailValidation as n } from "./EmailInput.js";
-import { Input as m, setElementKey as i } from "./Input.js";
-import { InputDescription as I } from "./InputDescription.js";
-import { InputLabel as s } from "./InputLabel.js";
-import { InputMessage as d } from "./InputMessage.js";
-import { InputSuggestionMenuContent as g, InputSuggestionMenuContentItems as P } from "./InputSuggestion.js";
-import { NumberInput as c } from "./NumberInput.js";
-import { PasswordInput as F } from "./PasswordInput.js";
-import { PinInput as S, PinInputField as h, PinInputHiddenField as w } from "./PinInput.js";
+import { Input as m } from "./Input.js";
+import { InputDescription as x } from "./InputDescription.js";
+import { InputLabel as f } from "./InputLabel.js";
+import { InputMessage as s } from "./InputMessage.js";
+import { InputSuggestionMenuContent as l, InputSuggestionMenuContentItems as g } from "./InputSuggestion.js";
+import { NumberInput as b } from "./NumberInput.js";
+import { PasswordInput as C } from "./PasswordInput.js";
+import { PinInput as M, PinInputField as S, PinInputHiddenField as h } from "./PinInput.js";
 import { RadioGroup as R } from "./RadioGroup.js";
-import { RadioInput as y } from "./RadioInput.js";
+import { RadioInput as D } from "./RadioInput.js";
 import { SwitchInput as G } from "./SwitchInput.js";
-import { TextInput as K } from "./TextInput.js";
-import { useForm as N } from "./useForm.js";
+import { TextInput as L } from "./TextInput.js";
+import { useForm as T } from "./useForm.js";
 export {
-  e as CheckboxInput,
+  r as CheckboxInput,
   p as EmailInput,
   m as Input,
-  I as InputDescription,
-  s as InputLabel,
-  d as InputMessage,
-  g as InputSuggestionMenuContent,
-  P as InputSuggestionMenuContentItems,
-  c as NumberInput,
-  F as PasswordInput,
-  S as PinInput,
-  h as PinInputField,
-  w as PinInputHiddenField,
+  x as InputDescription,
+  f as InputLabel,
+  s as InputMessage,
+  l as InputSuggestionMenuContent,
+  g as InputSuggestionMenuContentItems,
+  b as NumberInput,
+  C as PasswordInput,
+  M as PinInput,
+  S as PinInputField,
+  h as PinInputHiddenField,
   R as RadioGroup,
-  y as RadioInput,
+  D as RadioInput,
   G as SwitchInput,
-  K as TextInput,
+  L as TextInput,
   n as emailValidation,
-  i as setElementKey,
-  N as useForm
+  T as useForm
 };

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

@@ -0,0 +1,3 @@
+import { InputSyntaxSegment } from './Input.syntax.hook';
+export declare const visualIndexToRawIndex: (visualIndex: number, segments: InputSyntaxSegment[]) => number;
+export declare const rawIndexToVisualIndex: (rawIndex: number, segments: InputSyntaxSegment[]) => number;

package/dist/components/form/inputSyntaxMapping.js

@@ -0,0 +1,42 @@
+const l = (n, e, t) => Math.min(Math.max(n, e), t), u = (n) => [...n].sort((e, t) => e.start - t.start || e.end - t.end), d = (n) => u(n).reduce((e, t) => e + (t?.visualLength ?? 0), 0), h = (n) => u(n).reduce((e, t) => Math.max(e, t?.end), 0), x = (n, e, t) => {
+  const c = Math.abs(t - e), s = Math.abs(t - (e + (n?.visualLength ?? 0)));
+  return c <= s ? n?.start : n?.end;
+}, g = (n, e, t) => {
+  const c = Math.abs(t - n?.start), s = Math.abs(n?.end - t);
+  return c <= s ? e : e + (n?.visualLength ?? 0);
+}, v = (n, e) => {
+  if (!e.length) return 0;
+  const t = u(e), c = d(t), s = l(n, 0, c);
+  let o = 0, r = t[0].start;
+  for (const a of t) {
+    const i = o + (a?.visualLength ?? 0);
+    if (s <= i) {
+      if (a?.type === "block")
+        return x(a, o, s);
+      const f = l(s - o, 0, a?.visualLength ?? 0);
+      return l(a?.start + f, a?.start, a?.end);
+    }
+    o = i, r = a?.end;
+  }
+  return r;
+}, L = (n, e) => {
+  if (!e.length) return 0;
+  const t = u(e), c = h(t), s = l(n, 0, c);
+  let o = 0;
+  for (const r of t) {
+    if (s < r?.start)
+      return o;
+    if (s <= r?.end) {
+      if (r?.type === "block")
+        return g(r, o, s);
+      const a = l(s - r?.start, 0, r?.visualLength ?? 0);
+      return o + a;
+    }
+    o += r?.visualLength ?? 0;
+  }
+  return d(t);
+};
+export {
+  L as rawIndexToVisualIndex,
+  v as visualIndexToRawIndex
+};

package/dist/components/menu/Menu.d.ts

@@ -1,16 +1,20 @@
 import { default as React } from 'react';
-import { Code0ComponentProps } from '../../utils/types';
+import { Code0ComponentProps, Color } from '../../utils/types';
 import { DropdownMenuArrowProps, DropdownMenuContentProps, DropdownMenuGroupProps, DropdownMenuItemProps, DropdownMenuLabelProps, DropdownMenuPortalProps, DropdownMenuProps, DropdownMenuSeparatorProps, DropdownMenuSubContentProps, DropdownMenuSubProps, DropdownMenuSubTriggerProps, DropdownMenuTriggerProps } from '@radix-ui/react-dropdown-menu';
 export type MenuProps = Code0ComponentProps & DropdownMenuProps;
 export type MenuTriggerProps = Code0ComponentProps & DropdownMenuTriggerProps;
 export type MenuPortalProps = Code0ComponentProps & DropdownMenuPortalProps;
-export type MenuContentProps = Code0ComponentProps & DropdownMenuContentProps;
+export type MenuContentProps = Code0ComponentProps & DropdownMenuContentProps & {
+    color?: Color;
+};
 export type MenuLabelProps = Code0ComponentProps & DropdownMenuLabelProps;
 export type MenuItemProps = Code0ComponentProps & DropdownMenuItemProps;
 export type MenuGroupProps = Code0ComponentProps & DropdownMenuGroupProps;
 export type MenuSubProps = Code0ComponentProps & DropdownMenuSubProps;
 export type MenuSubTriggerProps = Code0ComponentProps & DropdownMenuSubTriggerProps;
-export type MenuSubContentProps = Code0ComponentProps & DropdownMenuSubContentProps;
+export type MenuSubContentProps = Code0ComponentProps & DropdownMenuSubContentProps & {
+    color?: Color;
+};
 export type MenuSeparatorProps = Code0ComponentProps & DropdownMenuSeparatorProps;
 export type MenuArrowProps = Code0ComponentProps & DropdownMenuArrowProps;
 export declare const Menu: React.FC<MenuProps>;

package/dist/components/menu/Menu.js

@@ -2,7 +2,7 @@ import { jsx as l } from "react/jsx-runtime";
 import { c } from "../../_virtual/compiler-runtime.js";
 import '../../assets/components/menu/Menu.style.css';/* empty css                */
 import { mergeCode0Props as r } from "../../utils/utils.js";
-import { DropdownMenuContent as s, DropdownMenuLabel as f, DropdownMenuItem as m, DropdownMenu as M, DropdownMenuTrigger as _, DropdownMenuPortal as a, DropdownMenuGroup as g, DropdownMenuSub as w, DropdownMenuSubTrigger as d, DropdownMenuSubContent as b, DropdownMenuSeparator as D, DropdownMenuArrow as $ } from "@radix-ui/react-dropdown-menu";
+import { DropdownMenuContent as m, DropdownMenuLabel as f, DropdownMenuItem as _, DropdownMenu as M, DropdownMenuTrigger as a, DropdownMenuPortal as g, DropdownMenuGroup as w, DropdownMenuSub as $, DropdownMenuSubTrigger as b, DropdownMenuSubContent as d, DropdownMenuSeparator as D, DropdownMenuArrow as S } from "@radix-ui/react-dropdown-menu";
 const A = (o) => {
   const e = c.c(4);
   let n;
@@ -16,21 +16,21 @@ const A = (o) => {
   e[0] !== o ? (n = r("menu__trigger", o), e[0] = o, e[1] = n) : n = e[1];
   const u = n;
   let t;
-  return e[2] !== u ? (t = /* @__PURE__ */ l(_, { ...u }), e[2] = u, e[3] = t) : t = e[3], t;
+  return e[2] !== u ? (t = /* @__PURE__ */ l(a, { ...u }), e[2] = u, e[3] = t) : t = e[3], t;
 }, I = (o) => {
   const e = c.c(4);
   let n;
   e[0] !== o ? (n = r("menu__portal", o), e[0] = o, e[1] = n) : n = e[1];
   const u = n;
   let t;
-  return e[2] !== u ? (t = /* @__PURE__ */ l(a, { ...u }), e[2] = u, e[3] = t) : t = e[3], t;
+  return e[2] !== u ? (t = /* @__PURE__ */ l(g, { ...u }), e[2] = u, e[3] = t) : t = e[3], t;
 }, L = (o) => {
-  const e = c.c(5), n = o.align;
-  let u;
-  e[0] !== o ? (u = r("menu__content", o), e[0] = o, e[1] = u) : u = e[1];
-  const t = u;
-  let i;
-  return e[2] !== o.align || e[3] !== t ? (i = /* @__PURE__ */ l(s, { align: n, ...t }), e[2] = o.align, e[3] = t, e[4] = i) : i = e[4], i;
+  const e = c.c(6), n = o.align, u = `menu__content menu__content--${o.color ?? "primary"}`;
+  let t;
+  e[0] !== o || e[1] !== u ? (t = r(u, o), e[0] = o, e[1] = u, e[2] = t) : t = e[2];
+  const i = t;
+  let s;
+  return e[3] !== o.align || e[4] !== i ? (s = /* @__PURE__ */ l(m, { align: n, ...i }), e[3] = o.align, e[4] = i, e[5] = s) : s = e[5], s;
 }, j = (o) => {
   const e = c.c(4);
   let n;
@@ -44,35 +44,35 @@ const A = (o) => {
   e[0] !== o ? (n = r("menu__item", o), e[0] = o, e[1] = n) : n = e[1];
   const u = n;
   let t;
-  return e[2] !== u ? (t = /* @__PURE__ */ l(m, { ...u }), e[2] = u, e[3] = t) : t = e[3], t;
+  return e[2] !== u ? (t = /* @__PURE__ */ l(_, { ...u }), e[2] = u, e[3] = t) : t = e[3], t;
 }, R = (o) => {
   const e = c.c(4);
   let n;
   e[0] !== o ? (n = r("menu__group", o), e[0] = o, e[1] = n) : n = e[1];
   const u = n;
   let t;
-  return e[2] !== u ? (t = /* @__PURE__ */ l(g, { ...u }), e[2] = u, e[3] = t) : t = e[3], t;
+  return e[2] !== u ? (t = /* @__PURE__ */ l(w, { ...u }), e[2] = u, e[3] = t) : t = e[3], t;
 }, h = (o) => {
   const e = c.c(4);
   let n;
   e[0] !== o ? (n = r("menu__sub", o), e[0] = o, e[1] = n) : n = e[1];
   const u = n;
   let t;
-  return e[2] !== u ? (t = /* @__PURE__ */ l(w, { ...u }), e[2] = u, e[3] = t) : t = e[3], t;
+  return e[2] !== u ? (t = /* @__PURE__ */ l($, { ...u }), e[2] = u, e[3] = t) : t = e[3], t;
 }, k = (o) => {
   const e = c.c(4);
   let n;
   e[0] !== o ? (n = r("menu__sub-trigger", o), e[0] = o, e[1] = n) : n = e[1];
   const u = n;
   let t;
-  return e[2] !== u ? (t = /* @__PURE__ */ l(d, { ...u }), e[2] = u, e[3] = t) : t = e[3], t;
-}, q = (o) => {
-  const e = c.c(4);
-  let n;
-  e[0] !== o ? (n = r("menu__sub-content", o), e[0] = o, e[1] = n) : n = e[1];
-  const u = n;
-  let t;
   return e[2] !== u ? (t = /* @__PURE__ */ l(b, { ...u }), e[2] = u, e[3] = t) : t = e[3], t;
+}, q = (o) => {
+  const e = c.c(5), n = `menu__sub-content menu__sub-content--${o.color ?? "primary"}`;
+  let u;
+  e[0] !== o || e[1] !== n ? (u = r(n, o), e[0] = o, e[1] = n, e[2] = u) : u = e[2];
+  const t = u;
+  let i;
+  return e[3] !== t ? (i = /* @__PURE__ */ l(d, { ...t }), e[3] = t, e[4] = i) : i = e[4], i;
 }, v = (o) => {
   const e = c.c(4);
   let n;
@@ -80,17 +80,17 @@ const A = (o) => {
   const u = n;
   let t;
   return e[2] !== u ? (t = /* @__PURE__ */ l(D, { ...u }), e[2] = u, e[3] = t) : t = e[3], t;
-}, y = (o) => {
+}, z = (o) => {
   const e = c.c(4);
   let n;
   e[0] !== o ? (n = r("menu__arrow", o), e[0] = o, e[1] = n) : n = e[1];
   const u = n;
   let t;
-  return e[2] !== u ? (t = /* @__PURE__ */ l($, { ...u }), e[2] = u, e[3] = t) : t = e[3], t;
+  return e[2] !== u ? (t = /* @__PURE__ */ l(S, { ...u }), e[2] = u, e[3] = t) : t = e[3], t;
 };
 export {
   A as Menu,
-  y as MenuArrow,
+  z as MenuArrow,
   L as MenuContent,
   R as MenuGroup,
   E as MenuItem,

package/dist/components/tooltip/Tooltip.js

@@ -1,48 +1,48 @@
-import { jsx as r } from "react/jsx-runtime";
+import { jsx as n } from "react/jsx-runtime";
 import { c } from "../../_virtual/compiler-runtime.js";
-import * as n from "@radix-ui/react-tooltip";
+import * as r from "@radix-ui/react-tooltip";
 import { mergeCode0Props as s } from "../../utils/utils.js";
 import '../../assets/components/tooltip/Tooltip.style.css';/* empty css                   */
-const _ = (l) => {
+const _ = (e) => {
   const t = c.c(4);
+  let l;
+  t[0] !== e ? (l = s("tooltip", e), t[0] = e, t[1] = l) : l = t[1];
+  const i = l;
   let o;
-  t[0] !== l ? (o = s("tooltip", l), t[0] = l, t[1] = o) : o = t[1];
-  const i = o;
-  let e;
-  return t[2] !== i ? (e = /* @__PURE__ */ r(n.TooltipProvider, { delayDuration: 0, children: /* @__PURE__ */ r(n.Tooltip, { ...i }) }), t[2] = i, t[3] = e) : e = t[3], e;
-}, g = (l) => {
+  return t[2] !== i ? (o = /* @__PURE__ */ n(r.TooltipProvider, { delayDuration: 0, children: /* @__PURE__ */ n(r.Tooltip, { ...i }) }), t[2] = i, t[3] = o) : o = t[3], o;
+}, u = (e) => {
   const t = c.c(4);
+  let l;
+  t[0] !== e ? (l = s("tooltip__trigger", e), t[0] = e, t[1] = l) : l = t[1];
+  const i = l;
   let o;
-  t[0] !== l ? (o = s("tooltip__trigger", l), t[0] = l, t[1] = o) : o = t[1];
-  const i = o;
-  let e;
-  return t[2] !== i ? (e = /* @__PURE__ */ r(n.TooltipTrigger, { ...i }), t[2] = i, t[3] = e) : e = t[3], e;
-}, p = (l) => {
+  return t[2] !== i ? (o = /* @__PURE__ */ n(r.TooltipTrigger, { ...i }), t[2] = i, t[3] = o) : o = t[3], o;
+}, d = (e) => {
   const t = c.c(4);
+  let l;
+  t[0] !== e ? (l = s("tooltip__portal", e), t[0] = e, t[1] = l) : l = t[1];
+  const i = l;
   let o;
-  t[0] !== l ? (o = s("tooltip__portal", l), t[0] = l, t[1] = o) : o = t[1];
-  const i = o;
-  let e;
-  return t[2] !== i ? (e = /* @__PURE__ */ r(n.TooltipPortal, { ...i }), t[2] = i, t[3] = e) : e = t[3], e;
-}, u = (l) => {
+  return t[2] !== i ? (o = /* @__PURE__ */ n(r.TooltipPortal, { ...i }), t[2] = i, t[3] = o) : o = t[3], o;
+}, $ = (e) => {
+  const t = c.c(5), l = e.align;
+  let i;
+  t[0] !== e ? (i = s("tooltip__content", e), t[0] = e, t[1] = i) : i = t[1];
+  const o = i;
+  let f;
+  return t[2] !== e.align || t[3] !== o ? (f = /* @__PURE__ */ n(r.TooltipContent, { align: l, ...o }), t[2] = e.align, t[3] = o, t[4] = f) : f = t[4], f;
+}, x = (e) => {
   const t = c.c(4);
+  let l;
+  t[0] !== e ? (l = s("tooltip__arrow", e), t[0] = e, t[1] = l) : l = t[1];
+  const i = l;
   let o;
-  t[0] !== l ? (o = s("tooltip__content", l), t[0] = l, t[1] = o) : o = t[1];
-  const i = o;
-  let e;
-  return t[2] !== i ? (e = /* @__PURE__ */ r(n.TooltipContent, { ...i }), t[2] = i, t[3] = e) : e = t[3], e;
-}, d = (l) => {
-  const t = c.c(4);
-  let o;
-  t[0] !== l ? (o = s("tooltip__arrow", l), t[0] = l, t[1] = o) : o = t[1];
-  const i = o;
-  let e;
-  return t[2] !== i ? (e = /* @__PURE__ */ r(n.TooltipArrow, { ...i }), t[2] = i, t[3] = e) : e = t[3], e;
+  return t[2] !== i ? (o = /* @__PURE__ */ n(r.TooltipArrow, { ...i }), t[2] = i, t[3] = o) : o = t[3], o;
 };
 export {
   _ as Tooltip,
-  d as TooltipArrow,
-  u as TooltipContent,
-  p as TooltipPortal,
-  g as TooltipTrigger
+  x as TooltipArrow,
+  $ as TooltipContent,
+  d as TooltipPortal,
+  u as TooltipTrigger
 };