@code0-tech/pictor 0.3.0 → 0.4.0

package/dist/components/form/useForm.js

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

package/dist/components/fullscreen/FullScreen.d.ts

@@ -0,0 +1,6 @@
+import { Code0Component } from '../../utils/types';
+import { default as React } from 'react';
+export interface FullScreenProps extends Code0Component<HTMLDivElement> {
+    children: React.ReactNode | React.ReactNode[];
+}
+export declare const FullScreen: React.FC<FullScreenProps>;

package/dist/components/fullscreen/FullScreen.js

@@ -0,0 +1,26 @@
+import { jsx as u } from "react/jsx-runtime";
+import { c as f } from "../../_virtual/compiler-runtime.js";
+import l from "react";
+import { mergeCode0Props as m } from "../../utils/utils.js";
+import '../../assets/components/fullscreen/FullScreen.style.css';/* empty css                      */
+const y = (i) => {
+  const e = f.c(7), t = l.useRef(null);
+  let r, o;
+  e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (r = () => {
+    if (!t.current)
+      return;
+    window.addEventListener("resize", () => {
+      const c = Math.round(window.visualViewport?.width ?? window.innerWidth), s = Math.round(window.visualViewport?.height ?? window.innerHeight);
+      t.current.style.height = s + "px", t.current.style.width = c + "px";
+    });
+    const w = Math.round(window.visualViewport?.width ?? window.innerWidth), h = Math.round(window.visualViewport?.height ?? window.innerHeight);
+    t.current.style.height = h + "px", t.current.style.width = w + "px";
+  }, o = [t], e[0] = r, e[1] = o) : (r = e[0], o = e[1]), l.useEffect(r, o);
+  let n;
+  e[2] !== i ? (n = m("d-full-screen", i), e[2] = i, e[3] = n) : n = e[3];
+  let d;
+  return e[4] !== i.children || e[5] !== n ? (d = /* @__PURE__ */ u("div", { ...n, ref: t, children: i.children }), e[4] = i.children, e[5] = n, e[6] = d) : d = e[6], d;
+};
+export {
+  y as FullScreen
+};

package/dist/components/layout/Layout.d.ts

@@ -0,0 +1,12 @@
+import { default as React, CSSProperties } from 'react';
+import { Code0Component, Code0Sizes } from '../../utils/types';
+export interface LayoutProps extends Code0Component<HTMLDivElement> {
+    children: React.ReactElement;
+    topContent?: React.ReactElement;
+    bottomContent?: React.ReactElement;
+    leftContent?: React.ReactElement;
+    rightContent?: React.ReactElement;
+    layoutGap?: Code0Sizes | CSSProperties['gap'];
+    showLayoutSplitter?: boolean;
+}
+export declare const Layout: React.FC<LayoutProps>;

package/dist/components/layout/Layout.js

@@ -0,0 +1,75 @@
+import { jsx as s, jsxs as D } from "react/jsx-runtime";
+import { c as $ } from "../../_virtual/compiler-runtime.js";
+import { mergeCode0Props as k, getDOMSizeFromCodeZeroSize as F } from "../../utils/utils.js";
+import { Flex as G } from "../flex/Flex.js";
+import '../../assets/components/layout/Layout.style.css';/* empty css                  */
+const J = (L) => {
+  const t = $.c(56);
+  let l, n, r, i, o, e, d, a;
+  if (t[0] !== L) {
+    const {
+      children: E,
+      topContent: M,
+      bottomContent: O,
+      leftContent: P,
+      rightContent: R,
+      showLayoutSplitter: j,
+      layoutGap: w,
+      ...Z
+    } = L;
+    n = E, a = M, l = O, i = P, o = R, e = j === void 0 ? !0 : j, r = w === void 0 ? "xl" : w, d = k("d-layout", Z), t[0] = L, t[1] = l, t[2] = n, t[3] = r, t[4] = i, t[5] = o, t[6] = e, t[7] = d, t[8] = a;
+  } else
+    l = t[1], n = t[2], r = t[3], i = t[4], o = t[5], e = t[6], d = t[7], a = t[8];
+  let c;
+  t[9] !== r ? (c = F(r), t[9] = r, t[10] = c) : c = t[10];
+  let m;
+  t[11] !== c ? (m = {
+    flexDirection: "column",
+    gap: c
+  }, t[11] = c, t[12] = m) : m = t[12];
+  let f;
+  t[13] !== a ? (f = a && /* @__PURE__ */ s("div", { className: "d-layout__top", children: a }), t[13] = a, t[14] = f) : f = t[14];
+  let _;
+  t[15] !== e || t[16] !== a ? (_ = a && e && /* @__PURE__ */ s("div", { className: "d-layout__splitter", "aria-orientation": "horizontal" }), t[15] = e, t[16] = a, t[17] = _) : _ = t[17];
+  let u;
+  t[18] !== r ? (u = F(r), t[18] = r, t[19] = u) : u = t[19];
+  let y;
+  t[20] !== u ? (y = {
+    gap: u
+  }, t[20] = u, t[21] = y) : y = t[21];
+  let p;
+  t[22] !== i ? (p = i && /* @__PURE__ */ s("div", { className: "d-layout__left", children: i }), t[22] = i, t[23] = p) : p = t[23];
+  let h;
+  t[24] !== i || t[25] !== e ? (h = i && e && /* @__PURE__ */ s("div", { className: "d-layout__splitter", "aria-orientation": "vertical" }), t[24] = i, t[25] = e, t[26] = h) : h = t[26];
+  let v;
+  t[27] !== n ? (v = /* @__PURE__ */ s("div", { className: "d-layout__content", children: n }), t[27] = n, t[28] = v) : v = t[28];
+  let N;
+  t[29] !== o || t[30] !== e ? (N = o && e && /* @__PURE__ */ s("div", { className: "d-layout__splitter", "aria-orientation": "vertical" }), t[29] = o, t[30] = e, t[31] = N) : N = t[31];
+  let C;
+  t[32] !== o ? (C = o && /* @__PURE__ */ s("div", { className: "d-layout__right", children: o }), t[32] = o, t[33] = C) : C = t[33];
+  let g;
+  t[34] !== N || t[35] !== C || t[36] !== y || t[37] !== p || t[38] !== h || t[39] !== v ? (g = /* @__PURE__ */ D(G, { className: "d-layout__middle", style: y, children: [
+    p,
+    h,
+    v,
+    N,
+    C
+  ] }), t[34] = N, t[35] = C, t[36] = y, t[37] = p, t[38] = h, t[39] = v, t[40] = g) : g = t[40];
+  let x;
+  t[41] !== l || t[42] !== e ? (x = l && e && /* @__PURE__ */ s("div", { className: "d-layout__splitter", "aria-orientation": "horizontal" }), t[41] = l, t[42] = e, t[43] = x) : x = t[43];
+  let z;
+  t[44] !== l ? (z = l && /* @__PURE__ */ s("div", { className: "d-layout__bottom", children: l }), t[44] = l, t[45] = z) : z = t[45];
+  let S;
+  t[46] !== g || t[47] !== x || t[48] !== z || t[49] !== m || t[50] !== f || t[51] !== _ ? (S = /* @__PURE__ */ D(G, { className: "d-layout__inner", style: m, children: [
+    f,
+    _,
+    g,
+    x,
+    z
+  ] }), t[46] = g, t[47] = x, t[48] = z, t[49] = m, t[50] = f, t[51] = _, t[52] = S) : S = t[52];
+  let b;
+  return t[53] !== d || t[54] !== S ? (b = /* @__PURE__ */ s("div", { ...d, children: S }), t[53] = d, t[54] = S, t[55] = b) : b = t[55], b;
+};
+export {
+  J as Layout
+};

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

@@ -0,0 +1,35 @@
+import { default as React } from 'react';
+import { Code0ComponentProps, Color } from '../../utils/types';
+import { DropdownMenuArrowProps, DropdownMenuCheckboxItemProps, DropdownMenuContentProps, DropdownMenuGroupProps, DropdownMenuItemIndicatorProps, 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 & {
+    color?: Color;
+};
+export type MenuLabelProps = Code0ComponentProps & DropdownMenuLabelProps;
+export type MenuItemProps = Code0ComponentProps & DropdownMenuItemProps;
+export type MenuCheckboxItemProps = Code0ComponentProps & DropdownMenuCheckboxItemProps;
+export type MenuItemIndicatorProps = Code0ComponentProps & DropdownMenuItemIndicatorProps;
+export type MenuGroupProps = Code0ComponentProps & DropdownMenuGroupProps;
+export type MenuSubProps = Code0ComponentProps & DropdownMenuSubProps;
+export type MenuSubTriggerProps = Code0ComponentProps & DropdownMenuSubTriggerProps;
+export type MenuSubContentProps = Code0ComponentProps & DropdownMenuSubContentProps & {
+    color?: Color;
+};
+export type MenuSeparatorProps = Code0ComponentProps & DropdownMenuSeparatorProps;
+export type MenuArrowProps = Code0ComponentProps & DropdownMenuArrowProps;
+export declare const Menu: React.FC<MenuProps>;
+export declare const MenuTrigger: React.FC<MenuTriggerProps>;
+export declare const MenuPortal: React.FC<MenuPortalProps>;
+export declare const MenuContent: React.FC<MenuContentProps>;
+export declare const MenuLabel: React.FC<MenuLabelProps>;
+export declare const MenuItem: React.FC<MenuItemProps>;
+export declare const MenuGroup: React.FC<MenuGroupProps>;
+export declare const MenuSub: React.FC<MenuSubProps>;
+export declare const MenuSubTrigger: React.FC<MenuSubTriggerProps>;
+export declare const MenuSubContent: React.FC<MenuSubContentProps>;
+export declare const MenuSeparator: React.FC<MenuSeparatorProps>;
+export declare const MenuCheckboxItem: React.FC<MenuCheckboxItemProps>;
+export declare const MenuItemIndicator: React.FC<MenuItemIndicatorProps>;
+export declare const MenuArrow: React.FC<MenuArrowProps>;

package/dist/components/menu/Menu.js

@@ -0,0 +1,120 @@
+import { jsx as u } from "react/jsx-runtime";
+import { c as l } from "../../_virtual/compiler-runtime.js";
+import '../../assets/components/menu/Menu.style.css';/* empty css                */
+import { mergeCode0Props as r } from "../../utils/utils.js";
+import { DropdownMenuItem as m, DropdownMenuContent as f, DropdownMenuLabel as _, DropdownMenu as M, DropdownMenuTrigger as a, DropdownMenuPortal as d, DropdownMenuArrow as g, DropdownMenuCheckboxItem as w, DropdownMenuGroup as b, DropdownMenuItemIndicator as $, DropdownMenuSeparator as D, DropdownMenuSub as I, DropdownMenuSubContent as S, DropdownMenuSubTrigger as C } from "@radix-ui/react-dropdown-menu";
+const y = (o) => {
+  const e = l.c(4);
+  let n;
+  e[0] !== o ? (n = r("menu", o), e[0] = o, e[1] = n) : n = e[1];
+  const c = n;
+  let t;
+  return e[2] !== c ? (t = /* @__PURE__ */ u(M, { ...c }), e[2] = c, e[3] = t) : t = e[3], t;
+}, A = (o) => {
+  const e = l.c(4);
+  let n;
+  e[0] !== o ? (n = r("menu__trigger", o), e[0] = o, e[1] = n) : n = e[1];
+  const c = n;
+  let t;
+  return e[2] !== c ? (t = /* @__PURE__ */ u(a, { ...c }), e[2] = c, e[3] = t) : t = e[3], t;
+}, G = (o) => {
+  const e = l.c(4);
+  let n;
+  e[0] !== o ? (n = r("menu__portal", o), e[0] = o, e[1] = n) : n = e[1];
+  const c = n;
+  let t;
+  return e[2] !== c ? (t = /* @__PURE__ */ u(d, { ...c }), e[2] = c, e[3] = t) : t = e[3], t;
+}, L = (o) => {
+  const e = l.c(6), n = o.align, c = `menu__content menu__content--${o.color ?? "primary"}`;
+  let t;
+  e[0] !== o || e[1] !== c ? (t = r(c, o), e[0] = o, e[1] = c, e[2] = t) : t = e[2];
+  const i = t;
+  let s;
+  return e[3] !== o.align || e[4] !== i ? (s = /* @__PURE__ */ u(f, { align: n, ...i }), e[3] = o.align, e[4] = i, e[5] = s) : s = e[5], s;
+}, j = (o) => {
+  const e = l.c(4);
+  let n;
+  e[0] !== o ? (n = r("menu__label", o), e[0] = o, e[1] = n) : n = e[1];
+  const c = n;
+  let t;
+  return e[2] !== c ? (t = /* @__PURE__ */ u(_, { ...c }), e[2] = c, e[3] = t) : t = e[3], t;
+}, E = (o) => {
+  const e = l.c(4);
+  let n;
+  e[0] !== o ? (n = r("menu__item", o), e[0] = o, e[1] = n) : n = e[1];
+  const c = n;
+  let t;
+  return e[2] !== c ? (t = /* @__PURE__ */ u(m, { ...c }), e[2] = c, e[3] = t) : t = e[3], t;
+}, R = (o) => {
+  const e = l.c(4);
+  let n;
+  e[0] !== o ? (n = r("menu__group", o), e[0] = o, e[1] = n) : n = e[1];
+  const c = n;
+  let t;
+  return e[2] !== c ? (t = /* @__PURE__ */ u(b, { ...c }), e[2] = c, e[3] = t) : t = e[3], t;
+}, q = (o) => {
+  const e = l.c(4);
+  let n;
+  e[0] !== o ? (n = r("menu__sub", o), e[0] = o, e[1] = n) : n = e[1];
+  const c = n;
+  let t;
+  return e[2] !== c ? (t = /* @__PURE__ */ u(I, { ...c }), e[2] = c, e[3] = t) : t = e[3], t;
+}, v = (o) => {
+  const e = l.c(4);
+  let n;
+  e[0] !== o ? (n = r("menu__sub-trigger", o), e[0] = o, e[1] = n) : n = e[1];
+  const c = n;
+  let t;
+  return e[2] !== c ? (t = /* @__PURE__ */ u(C, { ...c }), e[2] = c, e[3] = t) : t = e[3], t;
+}, z = (o) => {
+  const e = l.c(5), n = `menu__sub-content menu__sub-content--${o.color ?? "primary"}`;
+  let c;
+  e[0] !== o || e[1] !== n ? (c = r(n, o), e[0] = o, e[1] = n, e[2] = c) : c = e[2];
+  const t = c;
+  let i;
+  return e[3] !== t ? (i = /* @__PURE__ */ u(S, { ...t }), e[3] = t, e[4] = i) : i = e[4], i;
+}, B = (o) => {
+  const e = l.c(4);
+  let n;
+  e[0] !== o ? (n = r("menu__separator", o), e[0] = o, e[1] = n) : n = e[1];
+  const c = n;
+  let t;
+  return e[2] !== c ? (t = /* @__PURE__ */ u(D, { ...c }), e[2] = c, e[3] = t) : t = e[3], t;
+}, F = (o) => {
+  const e = l.c(4);
+  let n;
+  e[0] !== o ? (n = r("menu__checkbox-item", o), e[0] = o, e[1] = n) : n = e[1];
+  const c = n;
+  let t;
+  return e[2] !== c ? (t = /* @__PURE__ */ u(w, { ...c }), e[2] = c, e[3] = t) : t = e[3], t;
+}, H = (o) => {
+  const e = l.c(4);
+  let n;
+  e[0] !== o ? (n = r("menu__item-indicator", o), e[0] = o, e[1] = n) : n = e[1];
+  const c = n;
+  let t;
+  return e[2] !== c ? (t = /* @__PURE__ */ u($, { ...c }), e[2] = c, e[3] = t) : t = e[3], t;
+}, J = (o) => {
+  const e = l.c(4);
+  let n;
+  e[0] !== o ? (n = r("menu__arrow", o), e[0] = o, e[1] = n) : n = e[1];
+  const c = n;
+  let t;
+  return e[2] !== c ? (t = /* @__PURE__ */ u(g, { ...c }), e[2] = c, e[3] = t) : t = e[3], t;
+};
+export {
+  y as Menu,
+  J as MenuArrow,
+  F as MenuCheckboxItem,
+  L as MenuContent,
+  R as MenuGroup,
+  E as MenuItem,
+  H as MenuItemIndicator,
+  j as MenuLabel,
+  G as MenuPortal,
+  B as MenuSeparator,
+  q as MenuSub,
+  z as MenuSubContent,
+  v as MenuSubTrigger,
+  A as MenuTrigger
+};

package/dist/components/quote/Quote.d.ts

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+import { Card as CardProps } from '../card/Card';
+export interface QuoteType extends Omit<CardProps, "children"> {
+    children: string;
+    logo?: string;
+    name: string;
+    position: string;
+    inlineBorder?: boolean;
+}
+export declare const Quote: React.FC<QuoteType>;

package/dist/components/quote/Quote.js

@@ -0,0 +1,44 @@
+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: i,
+    position: o,
+    inlineBorder: p,
+    children: r,
+    ...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[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[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[13] !== o ? (n = /* @__PURE__ */ f(_, { size: "sm", children: o }), e[13] = o, e[14] = n) : n = e[14];
+  let d;
+  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] !== 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;
+  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 {
+  B as Quote
+};

package/dist/components/resizable/Resizable.d.ts

@@ -0,0 +1,12 @@
+import { Code0ComponentProps, Color } from '../../utils';
+import { GroupProps, PanelProps, SeparatorProps } from 'react-resizable-panels';
+import * as React from "react";
+type ResizablePanelGroupProps = Code0ComponentProps & GroupProps;
+type ResizablePanelProps = Code0ComponentProps & PanelProps & {
+    color?: Color;
+};
+type ResizableHandleProps = Code0ComponentProps & SeparatorProps;
+export declare const ResizablePanelGroup: React.FC<ResizablePanelGroupProps>;
+export declare const ResizablePanel: React.FC<ResizablePanelProps>;
+export declare const ResizableHandle: React.FC<ResizableHandleProps>;
+export {};

package/dist/components/resizable/Resizable.js

@@ -0,0 +1,34 @@
+import { jsx as i } from "react/jsx-runtime";
+import { c as o } from "../../_virtual/compiler-runtime.js";
+import "../../utils/contextStore.js";
+import "react";
+import { mergeCode0Props as s } from "../../utils/utils.js";
+import { Separator as n, Panel as c, Group as m } from "react-resizable-panels";
+import '../../assets/components/resizable/Resizable.style.css';/* empty css                     */
+const $ = (r) => {
+  const e = o.c(4);
+  let l;
+  e[0] !== r ? (l = s("d-resizable", r), e[0] = r, e[1] = l) : l = e[1];
+  const t = l;
+  let a;
+  return e[2] !== t ? (a = /* @__PURE__ */ i(m, { "data-slot": "resizable-panel-group", ...t }), e[2] = t, e[3] = a) : a = e[3], a;
+}, p = (r) => {
+  const e = o.c(5), l = `d-resizable__panel ${r.color ? `d-resizable__panel--${r.color ?? "primary"}` : ""}`;
+  let t;
+  e[0] !== r || e[1] !== l ? (t = s(l, r), e[0] = r, e[1] = l, e[2] = t) : t = e[2];
+  let a;
+  return e[3] !== t ? (a = /* @__PURE__ */ i(c, { "data-slot": "resizable-panel", ...t }), e[3] = t, e[4] = a) : a = e[4], a;
+}, P = (r) => {
+  const e = o.c(5);
+  let l;
+  e[0] !== r ? (l = s("d-resizable__handle", r), e[0] = r, e[1] = l) : l = e[1];
+  let t;
+  e[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t = /* @__PURE__ */ i("div", { className: "d-resizable__handle-bar" }), e[2] = t) : t = e[2];
+  let a;
+  return e[3] !== l ? (a = /* @__PURE__ */ i(n, { "data-slot": "resizable-handle", ...l, children: t }), e[3] = l, e[4] = a) : a = e[4], a;
+};
+export {
+  P as ResizableHandle,
+  p as ResizablePanel,
+  $ as ResizablePanelGroup
+};

package/dist/components/row/Row.d.ts

@@ -0,0 +1,6 @@
+import { default as React, ReactNode } from 'react';
+import { Code0Component } from '../../utils/types';
+export interface RowType extends Code0Component<HTMLDivElement> {
+    children: ReactNode | ReactNode[];
+}
+export declare const Row: React.FC<RowType>;

package/dist/components/row/Row.js

@@ -0,0 +1,21 @@
+import { jsx as l } from "react/jsx-runtime";
+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";
+const a = (i) => {
+  const t = s.c(6);
+  let e, r;
+  if (t[0] !== i) {
+    const {
+      children: m,
+      ...c
+    } = i;
+    e = m, r = n("row", c), 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__ */ l("div", { ...r, children: e }), t[3] = e, t[4] = r, t[5] = o) : o = t[5], o;
+};
+export {
+  a as Row
+};

package/dist/components/scroll-area/ScrollArea.d.ts

@@ -0,0 +1,13 @@
+import { default as React } from 'react';
+import { Code0ComponentProps } from '../../utils/types';
+import * as RadixScrollArea from "@radix-ui/react-scroll-area";
+export type ScrollAreaProps = Code0ComponentProps & RadixScrollArea.ScrollAreaProps;
+export type ScrollAreaViewportProps = Code0ComponentProps & RadixScrollArea.ScrollAreaViewportProps;
+export type ScrollAreaScrollbarProps = Code0ComponentProps & RadixScrollArea.ScrollAreaScrollbarProps;
+export type ScrollAreaThumbProps = Code0ComponentProps & RadixScrollArea.ScrollAreaThumbProps;
+export type ScrollAreaCornerProps = Code0ComponentProps & RadixScrollArea.ScrollAreaCornerProps;
+export declare const ScrollArea: React.FC<ScrollAreaProps>;
+export declare const ScrollAreaViewport: React.FC<ScrollAreaViewportProps>;
+export declare const ScrollAreaScrollbar: React.FC<ScrollAreaScrollbarProps>;
+export declare const ScrollAreaThumb: React.FC<ScrollAreaThumbProps>;
+export declare const ScrollAreaCorner: React.FC<ScrollAreaCornerProps>;

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

@@ -0,0 +1,43 @@
+import { jsx as o } from "react/jsx-runtime";
+import { c } from "../../_virtual/compiler-runtime.js";
+import * as a from "@radix-ui/react-scroll-area";
+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 = 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;
+}, A = (t) => {
+  const e = c.c(4);
+  let r;
+  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;
+}, u = (t) => {
+  const e = c.c(4);
+  let r;
+  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;
+}, _ = (t) => {
+  const e = c.c(4);
+  let r;
+  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;
+}, b = (t) => {
+  const e = c.c(4);
+  let r;
+  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 {
+  S as ScrollArea,
+  b as ScrollAreaCorner,
+  u as ScrollAreaScrollbar,
+  _ as ScrollAreaThumb,
+  A as ScrollAreaViewport
+};

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

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+import { Code0ComponentProps, Color } from '../../utils';
+import { ToggleGroupSingleProps, ToggleGroupItemProps } from '@radix-ui/react-toggle-group';
+type SegmentedControlProps = Code0ComponentProps & ToggleGroupSingleProps & {
+    color?: Color;
+};
+type SegmentedControlItemProps = Code0ComponentProps & ToggleGroupItemProps;
+export declare const SegmentedControl: React.FC<SegmentedControlProps>;
+export declare const SegmentedControlItem: React.FC<SegmentedControlItemProps>;
+export {};

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

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