@code0-tech/pictor 0.0.0-mvp.3 → 0.0.0-mvp.30

package/dist/components/form/useForm.js

@@ -1,39 +1,46 @@
-import { useState as c, useMemo as f, useCallback as b } from "react";
-function s(e, t, i) {
-  return (t = g(t)) in e ? Object.defineProperty(e, t, { value: i, enumerable: !0, configurable: !0, writable: !0 }) : e[t] = i, e;
+import { useState as b, useRef as p, useEffect as y, useCallback as d, useMemo as P } from "react";
+function c(r, t, e) {
+  return (t = w(t)) in r ? Object.defineProperty(r, t, { value: e, enumerable: !0, configurable: !0, writable: !0 }) : r[t] = e, r;
 }
-function g(e) {
-  var t = P(e, "string");
+function w(r) {
+  var t = S(r, "string");
   return typeof t == "symbol" ? t : t + "";
 }
-function P(e, t) {
-  if (typeof e != "object" || !e) return e;
-  var i = e[Symbol.toPrimitive];
-  if (i !== void 0) {
-    var n = i.call(e, t);
+function S(r, t) {
+  if (typeof r != "object" || !r) return r;
+  var e = r[Symbol.toPrimitive];
+  if (e !== void 0) {
+    var n = e.call(r, t);
     if (typeof n != "object") return n;
     throw new TypeError("@@toPrimitive must return a primitive value.");
   }
-  return (t === "string" ? String : Number)(e);
+  return (t === "string" ? String : Number)(r);
 }
-class d {
-  constructor(t, i, n, r) {
-    s(this, "changeValue", void 0), s(this, "initialRender", void 0), s(this, "currentValues", void 0), s(this, "currentValidations", void 0), this.changeValue = t, this.currentValues = i, this.currentValidations = n, this.initialRender = r;
+class f {
+  constructor(t, e, n) {
+    c(this, "changeValue", void 0), c(this, "currentValues", void 0), c(this, "currentValidations", void 0), this.changeValue = t, this.currentValues = e, this.currentValidations = n;
+  }
+  isValid() {
+    if (!this.currentValidations) return !0;
+    for (const t in this.currentValidations) {
+      const e = this.currentValidations[t];
+      if (e && e(this.currentValues[t], this.currentValues) !== null)
+        return !1;
+    }
+    return !0;
   }
   getInputProps(t) {
-    const i = this.currentValues[t] || null, n = t, r = this.currentValidations && this.currentValidations[t] ? this.currentValidations[t] : (a) => null, u = this.initialRender ? null : r(i);
+    const e = this.currentValues[t], n = e ?? null, u = t, a = (this.currentValidations && this.currentValidations[t] ? this.currentValidations[t] : (i) => null)(e, this.currentValues);
     return {
-      initialValue: i,
+      // @ts-ignore – z.B. wenn dein Input `defaultValue` kennt
+      defaultValue: n,
+      initialValue: n,
       formValidation: {
-        setValue: (a) => {
-          this.changeValue(n, a);
+        setValue: (i) => {
+          this.changeValue(u, i);
         },
-        ...this.initialRender ? {
-          valid: !0
-        } : {
-          notValidMessage: u,
-          valid: u === null ? !0 : !u
-        }
+        notValidMessage: a,
+        valid: a === null
       },
       ...this.currentValidations && this.currentValidations[t] ? {
         required: !0
@@ -41,17 +48,30 @@ class d {
     };
   }
 }
-const w = (e) => {
+const _ = (r) => {
   const {
     initialValues: t,
-    validate: i = {},
-    onSubmit: n
-  } = e, [r, u] = c(t), a = (o, m) => u((l) => (l[o] = m, l)), h = f(() => new d(a, t, i, !0), []), [V, p] = c(h), v = b(() => {
-    let o = new d(a, r, i, !1);
-    p(() => o), n && n(r);
-  }, []);
-  return [V, v];
+    validate: e = {},
+    truthyValidationBeforeSubmit: n = !0,
+    onSubmit: u
+  } = r, [o, a] = b(t), i = p(t);
+  y(() => {
+    a(t), i.current = t;
+  }, [t]);
+  const s = d((l, m) => {
+    a((g) => {
+      const V = {
+        ...g,
+        [l]: m
+      };
+      return i.current = V, V;
+    });
+  }, []), h = P(() => new f(s, o, e), [s, o, e]), v = d(() => {
+    const l = new f(s, i.current, e);
+    u && (!n || l.isValid()) && u(i.current);
+  }, [s, e, u, n]);
+  return [h, v];
 };
 export {
-  w as useForm
+  _ as useForm
 };

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

@@ -1,8 +1,8 @@
 import { jsx as l } from "react/jsx-runtime";
-import { c } from "../../compiler-runtime-BNHg76kC.js";
-import '../../assets/Menu.css';/* empty css                        */
+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 { DropdownMenuItem as m, DropdownMenuContent as f, DropdownMenuLabel 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,28 +16,28 @@ 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(f, { 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;
   e[0] !== o ? (n = r("menu__label", o), e[0] = o, e[1] = n) : n = e[1];
   const u = n;
   let t;
-  return e[2] !== u ? (t = /* @__PURE__ */ l(f, { ...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;
 }, E = (o) => {
   const e = c.c(4);
   let n;
@@ -51,28 +51,28 @@ const A = (o) => {
   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/quote/Quote.js

@@ -1,48 +1,44 @@
-import { jsx as l, jsxs as q } from "react/jsx-runtime";
-import { c as j } from "../../compiler-runtime-BNHg76kC.js";
-import { Card as y } from "../card/Card.js";
-import { Text as v } from "../text/Text.js";
-import N from "../card/CardSection.js";
-import '../../assets/Quote.css';const Q = (_) => {
-  const e = j.c(30);
-  let i, r, t, o, s, p;
-  e[0] !== _ ? ({
+import { jsxs as x, jsx as f } from "react/jsx-runtime";
+import { c as q } from "../../_virtual/compiler-runtime.js";
+import { Card as N } from "../card/Card.js";
+import '../../assets/components/quote/Quote.style.css';/* empty css                 */
+import { Text as _ } from "../text/Text.js";
+import g from "../card/CardSection.js";
+const B = (h) => {
+  const e = q.c(25);
+  let l, r, t, i, o, p;
+  e[0] !== h ? ({
     logo: t,
-    name: o,
-    position: s,
+    name: i,
+    position: o,
     inlineBorder: p,
     children: r,
-    ...i
-  } = _, e[0] = _, e[1] = i, e[2] = r, e[3] = t, e[4] = o, e[5] = s, e[6] = p) : (i = e[1], r = e[2], t = e[3], o = e[4], s = e[5], p = e[6]);
-  const g = p === void 0 ? !0 : p;
+    ...l
+  } = h, e[0] = h, e[1] = l, e[2] = r, e[3] = t, e[4] = i, e[5] = o, e[6] = p) : (l = e[1], r = e[2], t = e[3], i = e[4], o = e[5], p = e[6]);
+  let s;
+  e[7] !== r ? (s = /* @__PURE__ */ f(g, { border: !0, children: /* @__PURE__ */ f("div", { className: "quote__text", children: r }) }), e[7] = r, e[8] = s) : s = e[8];
   let m;
-  e[7] !== r ? (m = /* @__PURE__ */ l("div", { className: "quote__text", children: r }), e[7] = r, e[8] = m) : m = e[8];
+  e[9] !== t ? (m = t ? /* @__PURE__ */ f("div", { children: /* @__PURE__ */ f("img", { className: "quote__img", src: t, alt: "logo of quote" }) }) : null, e[9] = t, e[10] = m) : m = e[10];
   let c;
-  e[9] !== g || e[10] !== m ? (c = /* @__PURE__ */ l(N, { border: g, children: m }), e[9] = g, e[10] = m, e[11] = c) : c = e[11];
+  e[11] !== i ? (c = /* @__PURE__ */ f(_, { size: "md", hierarchy: "primary", m: 0, children: i }), e[11] = i, e[12] = c) : c = e[12];
   let n;
-  e[12] !== t ? (n = t ? /* @__PURE__ */ l("div", { children: /* @__PURE__ */ l("img", { className: "quote__img", src: t, alt: "logo of quote" }) }) : null, e[12] = t, e[13] = n) : n = e[13];
+  e[13] !== o ? (n = /* @__PURE__ */ f(_, { size: "sm", children: o }), e[13] = o, e[14] = n) : n = e[14];
   let d;
-  e[14] !== o ? (d = /* @__PURE__ */ l(v, { size: "md", hierarchy: "primary", m: 0, children: o }), e[14] = o, e[15] = d) : d = e[15];
-  let f;
-  e[16] !== s ? (f = /* @__PURE__ */ l(v, { size: "sm", children: s }), e[16] = s, e[17] = f) : f = e[17];
+  e[15] !== c || e[16] !== n ? (d = /* @__PURE__ */ x("div", { children: [
+    c,
+    n
+  ] }), e[15] = c, e[16] = n, e[17] = d) : d = e[17];
   let a;
-  e[18] !== d || e[19] !== f ? (a = /* @__PURE__ */ q("div", { children: [
-    d,
-    f
-  ] }), e[18] = d, e[19] = f, e[20] = a) : a = e[20];
-  let h;
-  e[21] !== n || e[22] !== a ? (h = /* @__PURE__ */ q(N, { className: "quote__footer", children: [
-    n,
-    a
-  ] }), e[21] = n, e[22] = a, e[23] = h) : h = e[23];
+  e[18] !== m || e[19] !== d ? (a = /* @__PURE__ */ x(g, { border: !0, className: "quote__footer", children: [
+    m,
+    d
+  ] }), e[18] = m, e[19] = d, e[20] = a) : a = e[20];
   let u;
-  e[24] !== c || e[25] !== h ? (u = /* @__PURE__ */ q("div", { className: "quote", children: [
-    c,
-    h
-  ] }), e[24] = c, e[25] = h, e[26] = u) : u = e[26];
-  let x;
-  return e[27] !== i || e[28] !== u ? (x = /* @__PURE__ */ l(y, { ...i, children: u }), e[27] = i, e[28] = u, e[29] = x) : x = e[29], x;
+  return e[21] !== l || e[22] !== s || e[23] !== a ? (u = /* @__PURE__ */ x(N, { ...l, className: "quote", children: [
+    s,
+    a
+  ] }), e[21] = l, e[22] = s, e[23] = a, e[24] = u) : u = e[24], u;
 };
 export {
-  Q as Quote
+  B as Quote
 };

package/dist/components/row/Row.js

@@ -1,20 +1,21 @@
 import { jsx as l } from "react/jsx-runtime";
-import { c as s } from "../../compiler-runtime-BNHg76kC.js";
+import { c as s } from "../../_virtual/compiler-runtime.js";
+import '../../assets/components/row/Row.style.css';/* empty css               */
 import { mergeCode0Props as n } from "../../utils/utils.js";
-import '../../assets/Row.css';const x = (i) => {
-  const e = s.c(6);
-  let t, r;
-  if (e[0] !== i) {
+const a = (i) => {
+  const t = s.c(6);
+  let e, r;
+  if (t[0] !== i) {
     const {
       children: m,
       ...c
     } = i;
-    t = m, r = n("row", c), e[0] = i, e[1] = t, e[2] = r;
+    e = m, r = n("row", c), t[0] = i, t[1] = e, t[2] = r;
   } else
-    t = e[1], r = e[2];
+    e = t[1], r = t[2];
   let o;
-  return e[3] !== t || e[4] !== r ? (o = /* @__PURE__ */ l("div", { ...r, children: t }), e[3] = t, e[4] = r, e[5] = o) : o = e[5], o;
+  return t[3] !== e || t[4] !== r ? (o = /* @__PURE__ */ l("div", { ...r, children: e }), t[3] = e, t[4] = r, t[5] = o) : o = t[5], o;
 };
 export {
-  x as Row
+  a as Row
 };

package/dist/components/scroll-area/ScrollArea.js

@@ -1,42 +1,43 @@
 import { jsx as o } from "react/jsx-runtime";
-import { c } from "../../compiler-runtime-BNHg76kC.js";
+import { c } from "../../_virtual/compiler-runtime.js";
 import * as a from "@radix-ui/react-scroll-area";
-import { mergeCode0Props as s } from "../../utils/utils.js";
-import '../../assets/ScrollArea.css';const m = (t) => {
+import { mergeCode0Props as i } from "../../utils/utils.js";
+import '../../assets/components/scroll-area/ScrollArea.style.css';/* empty css                      */
+const S = (t) => {
   const e = c.c(4);
   let r;
-  e[0] !== t ? (r = s("scroll-area", t), e[0] = t, e[1] = r) : r = e[1];
+  e[0] !== t ? (r = i("scroll-area", t), e[0] = t, e[1] = r) : r = e[1];
   let l;
   return e[2] !== r ? (l = /* @__PURE__ */ o(a.ScrollArea, { ...r }), e[2] = r, e[3] = l) : l = e[3], l;
-}, S = (t) => {
+}, A = (t) => {
   const e = c.c(4);
   let r;
-  e[0] !== t ? (r = s("scroll-area__viewport", t), e[0] = t, e[1] = r) : r = e[1];
+  e[0] !== t ? (r = i("scroll-area__viewport", t), e[0] = t, e[1] = r) : r = e[1];
   let l;
   return e[2] !== r ? (l = /* @__PURE__ */ o(a.ScrollAreaViewport, { ...r }), e[2] = r, e[3] = l) : l = e[3], l;
-}, A = (t) => {
+}, u = (t) => {
   const e = c.c(4);
   let r;
-  e[0] !== t ? (r = s("scroll-area__scrollbar", t), e[0] = t, e[1] = r) : r = e[1];
+  e[0] !== t ? (r = i("scroll-area__scrollbar", t), e[0] = t, e[1] = r) : r = e[1];
   let l;
   return e[2] !== r ? (l = /* @__PURE__ */ o(a.ScrollAreaScrollbar, { ...r }), e[2] = r, e[3] = l) : l = e[3], l;
-}, u = (t) => {
+}, _ = (t) => {
   const e = c.c(4);
   let r;
-  e[0] !== t ? (r = s("scroll-area__thumb", t), e[0] = t, e[1] = r) : r = e[1];
+  e[0] !== t ? (r = i("scroll-area__thumb", t), e[0] = t, e[1] = r) : r = e[1];
   let l;
   return e[2] !== r ? (l = /* @__PURE__ */ o(a.ScrollAreaThumb, { ...r }), e[2] = r, e[3] = l) : l = e[3], l;
-}, _ = (t) => {
+}, b = (t) => {
   const e = c.c(4);
   let r;
-  e[0] !== t ? (r = s("scroll-area__corner", t), e[0] = t, e[1] = r) : r = e[1];
+  e[0] !== t ? (r = i("scroll-area__corner", t), e[0] = t, e[1] = r) : r = e[1];
   let l;
   return e[2] !== r ? (l = /* @__PURE__ */ o(a.ScrollAreaCorner, { ...r }), e[2] = r, e[3] = l) : l = e[3], l;
 };
 export {
-  m as ScrollArea,
-  _ as ScrollAreaCorner,
-  A as ScrollAreaScrollbar,
-  u as ScrollAreaThumb,
-  S as ScrollAreaViewport
+  S as ScrollArea,
+  b as ScrollAreaCorner,
+  u as ScrollAreaScrollbar,
+  _ as ScrollAreaThumb,
+  A as ScrollAreaViewport
 };

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,23 +1,26 @@
-import { jsx as r } from "react/jsx-runtime";
-import { c as l } from "../../compiler-runtime-BNHg76kC.js";
-import { Root as s, Item as i } from "@radix-ui/react-toggle-group";
-import { mergeCode0Props as c } from "../../utils/utils.js";
-import '../../assets/SegmentedControl.css';const x = (m) => {
-  const t = l.c(4);
+import { jsx as n } from "react/jsx-runtime";
+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 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];
-  const n = e;
+  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] !== n ? (o = /* @__PURE__ */ r(s, { ...n }), t[2] = n, t[3] = o) : o = t[3], o;
-}, C = (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];
-  const n = e;
+  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] !== n ? (o = /* @__PURE__ */ r(i, { ...n }), t[2] = n, t[3] = o) : o = t[3], o;
+  return t[2] !== r ? (o = /* @__PURE__ */ n(s, { ...r }), t[2] = r, t[3] = o) : o = t[3], o;
 };
 export {
-  x as SegmentedControl,
-  C as SegmentedControlItem
+  I as SegmentedControl,
+  R as SegmentedControlItem
 };

package/dist/components/spacing/Spacing.d.ts

@@ -0,0 +1,6 @@
+import { default as React } from 'react';
+import { Code0Component, Code0Sizes } from '../../utils';
+export interface SpacingProps extends Code0Component<HTMLDivElement> {
+    spacing: Code0Sizes;
+}
+export declare const Spacing: React.FC<SpacingProps>;

package/dist/components/spacing/Spacing.js

@@ -0,0 +1,23 @@
+import { jsx as s } from "react/jsx-runtime";
+import { c } from "../../_virtual/compiler-runtime.js";
+import "../../utils/contextStore.js";
+import "react";
+import { mergeCode0Props as p } from "../../utils/utils.js";
+import '../../assets/components/spacing/Spacing.style.css';/* empty css                   */
+const d = (r) => {
+  const t = c.c(4);
+  let i;
+  if (t[0] !== r) {
+    const {
+      spacing: e,
+      ...m
+    } = r;
+    i = p(`spacing spacing--${e}`, m), t[0] = r, t[1] = i;
+  } else
+    i = t[1];
+  let o;
+  return t[2] !== i ? (o = /* @__PURE__ */ s("div", { ...i }), t[2] = i, t[3] = o) : o = t[3], o;
+};
+export {
+  d as Spacing
+};

package/dist/components/tab/Tab.d.ts

@@ -0,0 +1,11 @@
+import { default as React } from 'react';
+import { Code0ComponentProps } from '../../utils';
+import { TabsContentProps, TabsListProps, TabsProps, TabsTriggerProps } from '@radix-ui/react-tabs';
+export type TabProps = Code0ComponentProps & TabsProps;
+export type TabListProps = Code0ComponentProps & TabsListProps;
+export type TabTriggerProps = Code0ComponentProps & TabsTriggerProps;
+export type TabContentProps = Code0ComponentProps & TabsContentProps;
+export declare const Tab: React.FC<TabProps>;
+export declare const TabList: React.FC<TabListProps>;
+export declare const TabTrigger: React.FC<TabTriggerProps>;
+export declare const TabContent: React.FC<TabContentProps>;

package/dist/components/tab/Tab.js

@@ -0,0 +1,40 @@
+import { jsx as o } from "react/jsx-runtime";
+import { c as n } from "../../_virtual/compiler-runtime.js";
+import "../../utils/contextStore.js";
+import "react";
+import { mergeCode0Props as r } from "../../utils/utils.js";
+import { Tabs as c, List as m, Trigger as b, Content as f } from "@radix-ui/react-tabs";
+import '../../assets/components/tab/Tab.style.css';/* empty css               */
+const x = (a) => {
+  const t = n.c(4);
+  let e;
+  t[0] !== a ? (e = r("tab", a), t[0] = a, t[1] = e) : e = t[1];
+  let l;
+  return t[2] !== e ? (l = /* @__PURE__ */ o(c, { "data-slot": "tabs", ...e }), t[2] = e, t[3] = l) : l = t[3], l;
+}, C = (a) => {
+  const t = n.c(4);
+  let e;
+  t[0] !== a ? (e = r("tab__list", a), t[0] = a, t[1] = e) : e = t[1];
+  let l;
+  return t[2] !== e ? (l = /* @__PURE__ */ o(m, { "data-slot": "tabs", ...e }), t[2] = e, t[3] = l) : l = t[3], l;
+}, L = (a) => {
+  const t = n.c(5), e = a.value;
+  let l;
+  t[0] !== a ? (l = r("tab__trigger", a), t[0] = a, t[1] = l) : l = t[1];
+  const s = l;
+  let i;
+  return t[2] !== a.value || t[3] !== s ? (i = /* @__PURE__ */ o(b, { "data-slot": "tabs", "data-value": e, ...s }), t[2] = a.value, t[3] = s, t[4] = i) : i = t[4], i;
+}, j = (a) => {
+  const t = n.c(4);
+  let e;
+  t[0] !== a ? (e = r("tab__content", a), t[0] = a, t[1] = e) : e = t[1];
+  const l = e;
+  let s;
+  return t[2] !== l ? (s = /* @__PURE__ */ o(f, { "data-slot": "tabs", ...l }), t[2] = l, t[3] = s) : s = t[3], s;
+};
+export {
+  x as Tab,
+  j as TabContent,
+  C as TabList,
+  L as TabTrigger
+};

package/dist/components/text/Text.js

@@ -1,6 +1,6 @@
 import { jsx as p } from "react/jsx-runtime";
-import { c as h } from "../../compiler-runtime-BNHg76kC.js";
-import '../../assets/Text.css';/* empty css                        */
+import { c as h } from "../../_virtual/compiler-runtime.js";
+import '../../assets/components/text/Text.style.css';/* empty css                */
 import { mergeCode0Props as l } from "../../utils/utils.js";
 const $ = (i) => {
   const e = h.c(6);

package/dist/components/toast/Toast.d.ts

@@ -0,0 +1,13 @@
+import { default as React } from 'react';
+import { Code0Component, Color } from '../../utils';
+export interface ToastProps extends Omit<Code0Component<HTMLDivElement>, "title" | "id"> {
+    children?: React.ReactNode | React.ReactNode[];
+    id: string | number;
+    title: React.ReactNode;
+    color?: Color;
+    dismissible?: boolean;
+    onClose?: (event: React.MouseEvent<HTMLSpanElement, MouseEvent>) => void;
+    duration?: number;
+}
+export declare function toast(toast: Omit<ToastProps, 'id'>): string | number;
+export declare function Toast(props: ToastProps): React.JSX.Element;