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

package/dist/components/breadcrumb/Breadcrumb.js

@@ -1,31 +1,19 @@
-import { jsx as d, jsxs as p, Fragment as f } from "react/jsx-runtime";
-import { c as u } from "../../compiler-runtime-BNHg76kC.js";
-import a from "react";
-import { mergeCode0Props as h } from "../../utils/utils.js";
-import '../../assets/Breadcrumb.css';const j = (n) => {
-  const e = u.c(12);
-  let l, t, i;
-  if (e[0] !== n) {
-    const {
-      splitter: r,
-      children: c,
-      ...o
-    } = n;
-    l = c, t = r === void 0 ? "/" : r, i = h("breadcrumb", o), e[0] = n, e[1] = l, e[2] = t, e[3] = i;
-  } else
-    l = e[1], t = e[2], i = e[3];
-  let s;
-  if (e[4] !== l || e[5] !== t) {
-    let r;
-    e[7] !== t ? (r = (c, o) => /* @__PURE__ */ p(f, { children: [
-      c,
-      o <= a.Children.count(c) ? /* @__PURE__ */ d("span", { className: "breadcrumb__splitter", children: t }) : null
-    ] }), e[7] = t, e[8] = r) : r = e[8], s = a.Children.map(l, r), e[4] = l, e[5] = t, e[6] = s;
-  } else
-    s = e[6];
-  let m;
-  return e[9] !== i || e[10] !== s ? (m = /* @__PURE__ */ d("div", { ...i, children: s }), e[9] = i, e[10] = s, e[11] = m) : m = e[11], m;
+import { jsx as r, jsxs as l } from "react/jsx-runtime";
+import e from "react";
+import { mergeCode0Props as d } from "../../utils/utils.js";
+import '../../assets/components/breadcrumb/Breadcrumb.style.css';/* empty css                      */
+import { IconChevronRight as p } from "@tabler/icons-react";
+const C = (m) => {
+  const {
+    splitter: n = /* @__PURE__ */ r(p, { size: 16 }),
+    children: t,
+    ...c
+  } = m, i = e.Children.count(t);
+  return /* @__PURE__ */ r("div", { ...d("breadcrumb", c), children: e.Children.map(t, (s, o) => /* @__PURE__ */ l(e.Fragment, { children: [
+    s,
+    o < i - 1 ? /* @__PURE__ */ r("span", { className: "breadcrumb__splitter", children: n }) : null
+  ] }, o)) });
 };
 export {
-  j as Breadcrumb
+  C as Breadcrumb
 };

package/dist/components/button/Button.d.ts

@@ -1,10 +1,11 @@
 import { default as React, ReactNode } from 'react';
-import { Code0Component, Color } from '../../utils/types';
+import { Code0Component, Code0Sizes, Color } from '../../utils';
 export interface ButtonProps extends Code0Component<HTMLButtonElement> {
     children: ReactNode | ReactNode[];
     color?: Color;
-    variant?: "none" | "normal" | "outlined";
+    variant?: "none" | "normal" | "outlined" | "filled";
     active?: boolean;
     disabled?: boolean;
+    paddingSize?: Code0Sizes;
 }
 export declare const Button: React.FC<ButtonProps>;

package/dist/components/button/Button.js

@@ -1,28 +1,31 @@
-import { jsx as x } from "react/jsx-runtime";
-import { c as R } from "../../compiler-runtime-BNHg76kC.js";
-import g from "react";
-import { mergeCode0Props as h } from "../../utils/utils.js";
-import '../../assets/Button.css';const C = g.forwardRef((n, l) => {
-  const t = R.c(11);
-  let o, i, e, r;
-  if (t[0] !== n || t[1] !== l) {
+import { jsx as R } from "react/jsx-runtime";
+import { c as h } from "../../_virtual/compiler-runtime.js";
+import '../../assets/components/button/Button.style.css';/* empty css                  */
+import z from "react";
+import "../../utils/contextStore.js";
+import { mergeCode0Props as S } from "../../utils/utils.js";
+const E = z.forwardRef((a, d) => {
+  const t = h.c(11);
+  let o, r, e, i;
+  if (t[0] !== a || t[1] !== d) {
     const {
       children: f,
-      variant: c,
-      color: d,
-      active: m,
+      variant: l,
+      color: c,
+      paddingSize: m,
+      active: u,
       disabled: b,
-      ...u
-    } = n;
+      ...v
+    } = a;
     o = f;
-    const v = c === void 0 ? "normal" : c, $ = d === void 0 ? "secondary" : d, p = m === void 0 ? !1 : m;
-    i = b === void 0 ? !1 : b, e = l, r = h(`button button--${$} ${p ? "button--active" : ""} ${i ? "button--disabled" : ""} button--${v}`, u), t[0] = n, t[1] = l, t[2] = o, t[3] = i, t[4] = e, t[5] = r;
+    const p = l === void 0 ? "normal" : l, $ = c === void 0 ? "secondary" : c, g = m === void 0 ? "xs" : m, x = u === void 0 ? !1 : u;
+    r = b === void 0 ? !1 : b, e = d, i = S(`button button--${$} ${x ? "button--active" : ""} ${r ? "button--disabled" : ""} button--${p} button--${g}`, v), t[0] = a, t[1] = d, t[2] = o, t[3] = r, t[4] = e, t[5] = i;
   } else
-    o = t[2], i = t[3], e = t[4], r = t[5];
-  const s = i ? "true" : "false";
-  let a;
-  return t[6] !== o || t[7] !== e || t[8] !== r || t[9] !== s ? (a = /* @__PURE__ */ x("button", { ref: e, ...r, "aria-disabled": s, children: o }), t[6] = o, t[7] = e, t[8] = r, t[9] = s, t[10] = a) : a = t[10], a;
+    o = t[2], r = t[3], e = t[4], i = t[5];
+  const s = r ? "true" : "false";
+  let n;
+  return t[6] !== o || t[7] !== e || t[8] !== i || t[9] !== s ? (n = /* @__PURE__ */ R("button", { ref: e, ...i, "aria-disabled": s, children: o }), t[6] = o, t[7] = e, t[8] = i, t[9] = s, t[10] = n) : n = t[10], n;
 });
 export {
-  C as Button
+  E as Button
 };

package/dist/components/button-group/ButtonGroup.js

@@ -1,25 +1,26 @@
-import { jsx as u } from "react/jsx-runtime";
-import { c } from "../../compiler-runtime-BNHg76kC.js";
-import { mergeCode0Props as g } from "../../utils/utils.js";
-import '../../assets/ButtonGroup.css';const h = (i) => {
-  const t = c.c(10);
+import { jsx as m } from "react/jsx-runtime";
+import { c as p } from "../../_virtual/compiler-runtime.js";
+import '../../assets/components/button-group/ButtonGroup.style.css';/* empty css                       */
+import { mergeCode0Props as c } from "../../utils/utils.js";
+const h = (u) => {
+  const t = p.c(10);
   let e, o;
-  if (t[0] !== i) {
+  if (t[0] !== u) {
     const {
       children: l,
-      ...s
-    } = i;
-    e = l, o = g("button-group", s), t[0] = i, t[1] = e, t[2] = o;
+      ...i
+    } = u;
+    e = l, o = c("button-group", i), t[0] = u, t[1] = e, t[2] = o;
   } else
     e = t[1], o = t[2];
   let r;
   if (t[3] !== e) {
     let l;
-    t[5] !== e.length ? (l = (s, m) => /* @__PURE__ */ u("div", { className: `${m == 0 || m == e.length - 1 ? m == 0 ? "button-group__first" : "button-group__last" : "button-group__item"}`, children: s }), t[5] = e.length, t[6] = l) : l = t[6], r = e.map(l), t[3] = e, t[4] = r;
+    t[5] !== e.length ? (l = (i, s) => /* @__PURE__ */ m("div", { className: `${s == 0 || s == e.length - 1 ? s == 0 ? "button-group__first" : "button-group__last" : "button-group__item"}`, children: i }, i.key ?? `button-group-${s}`), t[5] = e.length, t[6] = l) : l = t[6], r = e.map(l), t[3] = e, t[4] = r;
   } else
     r = t[4];
   let n;
-  return t[7] !== o || t[8] !== r ? (n = /* @__PURE__ */ u("div", { ...o, children: r }), t[7] = o, t[8] = r, t[9] = n) : n = t[9], n;
+  return t[7] !== o || t[8] !== r ? (n = /* @__PURE__ */ m("div", { ...o, children: r }), t[7] = o, t[8] = r, t[9] = n) : n = t[9], n;
 };
 export {
   h as ButtonGroup

package/dist/components/card/Card.d.ts

@@ -1,5 +1,5 @@
 import { default as React, ReactNode } from 'react';
-import { Code0Component, Color } from '../../utils/types';
+import { Code0Component, Code0Sizes, Color } from '../../utils/types';
 export interface Card extends Code0Component<HTMLDivElement> {
     children: ReactNode | ReactNode[];
     color?: Color;
@@ -10,5 +10,6 @@ export interface Card extends Code0Component<HTMLDivElement> {
     outline?: boolean;
     outlineColor?: Color;
     dashed?: boolean;
+    paddingSize?: Code0Sizes;
 }
 export declare const Card: React.FC<Card>;

package/dist/components/card/Card.js

@@ -1,11 +1,11 @@
-import { jsx as f, Fragment as E } from "react/jsx-runtime";
-import { c as F } from "../../compiler-runtime-BNHg76kC.js";
-import '../../assets/Card.css';/* empty css                        */
-import { mergeCode0Props as P } from "../../utils/utils.js";
-const z = (d) => {
-  const o = F.c(6);
-  let r, t;
-  if (o[0] !== d) {
+import { jsx as p, Fragment as j } from "react/jsx-runtime";
+import { c as E } from "../../_virtual/compiler-runtime.js";
+import '../../assets/components/card/Card.style.css';/* empty css                */
+import { mergeCode0Props as F } from "../../utils/utils.js";
+const A = (e) => {
+  const o = E.c(6);
+  let r, d;
+  if (o[0] !== e) {
     const {
       children: C,
       color: i,
@@ -15,25 +15,28 @@ const z = (d) => {
       borderColor: l,
       outlineColor: s,
       outline: m,
-      dashed: v,
+      dashed: g,
+      paddingSize: v,
       ...u
-    } = d;
+    } = e;
     r = C;
-    const h = i === void 0 ? "primary" : i, p = n === void 0 ? "normal" : n, $ = a === void 0 ? !1 : a, b = c === void 0 ? "secondary" : c, g = l === void 0 ? "secondary" : l, y = s === void 0 ? "secondary" : s, x = m === void 0 ? !1 : m, j = v === void 0 ? !1 : v;
-    t = P(`
+    const h = i === void 0 ? "primary" : i, b = n === void 0 ? "normal" : n, $ = a === void 0 ? !1 : a, x = c === void 0 ? "secondary" : c, f = l === void 0 ? "secondary" : l, y = s === void 0 ? "secondary" : s, z = m === void 0 ? !1 : m, S = g === void 0 ? !1 : g;
+    d = F(`
                     card 
-                    card--${h} card--${p}
-                    ${x ? `card--outline-${y}` : ""} 
+                    card--${h} card--${b}
+                    card--${v === void 0 ? "xl" : v}
+                    ${z ? `card--outline-${y}` : ""} 
                     ${$ ? "card--gradient" : ""} 
-                    ${g ? `card--border-${g}` : ""} 
-                    ${j ? "card--border--dashed" : ""} 
-                    ${$ ? `card--gradient-${b}` : ""} 
-               `, u), o[0] = d, o[1] = r, o[2] = t;
+                    ${f ? `card--border-${f}` : ""} 
+                    ${S ? "card--border--dashed" : ""} 
+                    ${$ ? `card--gradient-${x}` : ""} 
+                   
+               `, u), o[0] = e, o[1] = r, o[2] = d;
   } else
-    r = o[1], t = o[2];
-  let e;
-  return o[3] !== r || o[4] !== t ? (e = /* @__PURE__ */ f(E, { children: /* @__PURE__ */ f("div", { ...t, children: r }) }), o[3] = r, o[4] = t, o[5] = e) : e = o[5], e;
+    r = o[1], d = o[2];
+  let t;
+  return o[3] !== r || o[4] !== d ? (t = /* @__PURE__ */ p(j, { children: /* @__PURE__ */ p("div", { ...d, children: r }) }), o[3] = r, o[4] = d, o[5] = t) : t = o[5], t;
 };
 export {
-  z as Card
+  A as Card
 };

package/dist/components/card/CardSection.d.ts

@@ -4,6 +4,7 @@ export interface SectionType extends Code0Component<HTMLDivElement> {
     children: ReactNode | ReactNode[];
     image?: boolean;
     border?: boolean;
+    hover?: boolean;
 }
 declare const CardSection: React.FC<SectionType>;
 export default CardSection;

package/dist/components/card/CardSection.js

@@ -1,21 +1,27 @@
-import { jsx as s, Fragment as m } from "react/jsx-runtime";
-import { c as l } from "../../compiler-runtime-BNHg76kC.js";
-import { mergeCode0Props as f } from "../../utils/utils.js";
+import { jsx as a, Fragment as l } from "react/jsx-runtime";
+import { c as f } from "../../_virtual/compiler-runtime.js";
+import { mergeCode0Props as v } from "../../utils/utils.js";
 const u = (i) => {
-  const e = l.c(6);
-  let r, t;
+  const e = f.c(6);
+  let r, o;
   if (e[0] !== i) {
     const {
       image: c,
-      border: d,
-      children: a,
-      ...n
+      border: s,
+      hover: d,
+      children: n,
+      ...m
     } = i;
-    r = a, t = f(`card__section ${(d === void 0 ? !1 : d) ? "card__section--border" : ""} ${(c === void 0 ? !1 : c) ? "card__section--image" : ""}`, n), e[0] = i, e[1] = r, e[2] = t;
+    r = n, o = v(`
+                                card__section 
+                                ${(s === void 0 ? !1 : s) ? "card__section--border" : ""} 
+                                ${(c === void 0 ? !1 : c) ? "card__section--image" : ""}
+                                ${(d === void 0 ? !1 : d) ? "card__section--hover" : ""}
+        `, m), e[0] = i, e[1] = r, e[2] = o;
   } else
-    r = e[1], t = e[2];
-  let o;
-  return e[3] !== r || e[4] !== t ? (o = /* @__PURE__ */ s(m, { children: /* @__PURE__ */ s("div", { ...t, children: r }) }), e[3] = r, e[4] = t, e[5] = o) : o = e[5], o;
+    r = e[1], o = e[2];
+  let t;
+  return e[3] !== r || e[4] !== o ? (t = /* @__PURE__ */ a(l, { children: /* @__PURE__ */ a("div", { ...o, children: r }) }), e[3] = r, e[4] = o, e[5] = t) : t = e[5], t;
 };
 export {
   u as default

package/dist/components/col/Col.js

@@ -1,9 +1,10 @@
 import { jsx as f } from "react/jsx-runtime";
-import { c as g } from "../../compiler-runtime-BNHg76kC.js";
+import { c as g } from "../../_virtual/compiler-runtime.js";
+import '../../assets/components/col/Col.style.css';/* empty css               */
 import { mergeCode0Props as p } from "../../utils/utils.js";
-import '../../assets/Col.css';const C = (c) => {
+const j = (c) => {
   const l = g.c(6);
-  let o, e;
+  let o, t;
   if (l[0] !== c) {
     const {
       children: n,
@@ -15,12 +16,12 @@ import '../../assets/Col.css';const C = (c) => {
       xxl: x,
       ...d
     } = c;
-    o = n, e = p(`col ${r ? `col-xs-${r}` : ""} ${m ? `col-sm-${m}` : ""} ${$ ? `col-md-${$}` : ""} ${s ? `col-lg-${s}` : ""} ${i ? `col-lg-${i}` : ""} ${x ? `col-xxl-${x}` : ""}`, d), l[0] = c, l[1] = o, l[2] = e;
+    o = n, t = p(`col ${r ? `col-xs-${r}` : ""} ${m ? `col-sm-${m}` : ""} ${$ ? `col-md-${$}` : ""} ${s ? `col-lg-${s}` : ""} ${i ? `col-lg-${i}` : ""} ${x ? `col-xxl-${x}` : ""}`, d), l[0] = c, l[1] = o, l[2] = t;
   } else
-    o = l[1], e = l[2];
-  let t;
-  return l[3] !== o || l[4] !== e ? (t = /* @__PURE__ */ f("div", { ...e, children: o }), l[3] = o, l[4] = e, l[5] = t) : t = l[5], t;
+    o = l[1], t = l[2];
+  let e;
+  return l[3] !== o || l[4] !== t ? (e = /* @__PURE__ */ f("div", { ...t, children: o }), l[3] = o, l[4] = t, l[5] = e) : e = l[5], e;
 };
 export {
-  C as Col
+  j as Col
 };

package/dist/components/command/Command.js

@@ -1,18 +1,19 @@
 import { jsx as m } from "react/jsx-runtime";
-import { c as a } from "../../compiler-runtime-BNHg76kC.js";
+import { c as a } from "../../_virtual/compiler-runtime.js";
 import { Command as s } from "cmdk";
 import { mergeCode0Props as d } from "../../utils/utils.js";
 import { DialogContent as g, Dialog as h } from "../dialog/Dialog.js";
+import '../../assets/components/command/Command.style.css';/* empty css                   */
 import { Badge as _ } from "../badge/Badge.js";
 import { TextInput as $ } from "../form/TextInput.js";
-import '../../assets/Command.css';const P = (e) => {
+const P = (e) => {
   const t = a.c(4);
   let n;
   t[0] !== e ? (n = d("command", e), t[0] = e, t[1] = n) : n = t[1];
   const o = n;
   let l;
   return t[2] !== o ? (l = /* @__PURE__ */ m(s, { ...o }), t[2] = o, t[3] = l) : l = t[3], l;
-}, E = (e) => {
+}, G = (e) => {
   const t = a.c(14), n = e.dialogProps, o = e.open, l = e.onOpenChange;
   let c;
   t[0] !== e.contentProps ? (c = e.contentProps ?? {}, t[0] = e.contentProps, t[1] = c) : c = t[1];
@@ -25,14 +26,14 @@ import '../../assets/Command.css';const P = (e) => {
   t[6] !== u || t[7] !== f ? (r = /* @__PURE__ */ m(g, { ...u, children: f }), t[6] = u, t[7] = f, t[8] = r) : r = t[8];
   let C;
   return t[9] !== e.dialogProps || t[10] !== e.onOpenChange || t[11] !== e.open || t[12] !== r ? (C = /* @__PURE__ */ m(h, { ...n, open: o, onOpenChange: l, children: r }), t[9] = e.dialogProps, t[10] = e.onOpenChange, t[11] = e.open, t[12] = r, t[13] = C) : C = t[13], C;
-}, G = (e) => {
+}, L = (e) => {
   const t = a.c(4);
   let n;
   t[0] !== e ? (n = d("command__list", e), t[0] = e, t[1] = n) : n = t[1];
   const o = n;
   let l;
   return t[2] !== o ? (l = /* @__PURE__ */ m(s.List, { ...o }), t[2] = o, t[3] = l) : l = t[3], l;
-}, L = (e) => {
+}, j = (e) => {
   const t = a.c(12);
   let n;
   t[0] !== e.value ? (n = e.value?.toString(), t[0] = e.value, t[1] = n) : n = t[1];
@@ -53,35 +54,35 @@ import '../../assets/Command.css';const P = (e) => {
   t[6] !== l ? (c = /* @__PURE__ */ m($, { ...l }), t[6] = l, t[7] = c) : c = t[7];
   let i;
   return t[8] !== n || t[9] !== o || t[10] !== c ? (i = /* @__PURE__ */ m(s.Input, { value: n, onValueChange: o, asChild: !0, children: c }), t[8] = n, t[9] = o, t[10] = c, t[11] = i) : i = t[11], i;
-}, j = (e) => {
+}, B = (e) => {
   const t = a.c(4);
   let n;
   t[0] !== e ? (n = d("command__empty", e), t[0] = e, t[1] = n) : n = t[1];
   const o = n;
   let l;
   return t[2] !== o ? (l = /* @__PURE__ */ m(s.Empty, { ...o }), t[2] = o, t[3] = l) : l = t[3], l;
-}, B = (e) => {
+}, R = (e) => {
   const t = a.c(4);
   let n;
   t[0] !== e ? (n = d("command__group", e), t[0] = e, t[1] = n) : n = t[1];
   const o = n;
   let l;
   return t[2] !== o ? (l = /* @__PURE__ */ m(s.Group, { ...o }), t[2] = o, t[3] = l) : l = t[3], l;
-}, R = (e) => {
+}, T = (e) => {
   const t = a.c(4);
   let n;
   t[0] !== e ? (n = d("command__item", e), t[0] = e, t[1] = n) : n = t[1];
   const o = n;
   let l;
   return t[2] !== o ? (l = /* @__PURE__ */ m(s.Item, { ...o }), t[2] = o, t[3] = l) : l = t[3], l;
-}, T = (e) => {
+}, V = (e) => {
   const t = a.c(4);
   let n;
   t[0] !== e ? (n = d("command__separator", e), t[0] = e, t[1] = n) : n = t[1];
   const o = n;
   let l;
   return t[2] !== o ? (l = /* @__PURE__ */ m(s.Separator, { ...o }), t[2] = o, t[3] = l) : l = t[3], l;
-}, V = (e) => {
+}, b = (e) => {
   const t = a.c(5);
   let n;
   t[0] !== e ? (n = d("command__shortcut", e), t[0] = e, t[1] = n) : n = t[1];
@@ -91,12 +92,12 @@ import '../../assets/Command.css';const P = (e) => {
 };
 export {
   P as Command,
-  E as CommandDialog,
-  j as CommandEmpty,
-  B as CommandGroup,
-  L as CommandInput,
-  R as CommandItem,
-  G as CommandList,
-  T as CommandSeparator,
-  V as CommandShortcut
+  G as CommandDialog,
+  B as CommandEmpty,
+  R as CommandGroup,
+  j as CommandInput,
+  T as CommandItem,
+  L as CommandList,
+  V as CommandSeparator,
+  b as CommandShortcut
 };

package/dist/components/container/Container.js

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

package/dist/components/context-menu/ContextMenu.d.ts

@@ -0,0 +1,31 @@
+import { default as React } from 'react';
+import { Code0ComponentProps, Color } from '../../utils';
+import * as Radix from "@radix-ui/react-context-menu";
+export type ContextMenuProps = Code0ComponentProps & Radix.ContextMenuProps;
+export type ContextMenuTriggerProps = Code0ComponentProps & Radix.ContextMenuTriggerProps;
+export type ContextMenuPortalProps = Code0ComponentProps & Radix.ContextMenuPortalProps;
+export type ContextMenuContentProps = Code0ComponentProps & Radix.ContextMenuContentProps & {
+    color?: Color;
+};
+export type ContextMenuLabelProps = Code0ComponentProps & Radix.ContextMenuLabelProps;
+export type ContextMenuItemProps = Code0ComponentProps & Radix.ContextMenuItemProps;
+export type ContextMenuGroupProps = Code0ComponentProps & Radix.ContextMenuGroupProps;
+export type ContextMenuSubProps = Code0ComponentProps & Radix.ContextMenuSubProps;
+export type ContextMenuSubTriggerProps = Code0ComponentProps & Radix.ContextMenuSubTriggerProps;
+export type ContextMenuSubContentProps = Code0ComponentProps & Radix.ContextMenuSubContentProps & {
+    color?: Color;
+};
+export type ContextMenuSeparatorProps = Code0ComponentProps & Radix.ContextMenuSeparatorProps;
+export type ContextMenuArrowProps = Code0ComponentProps & Radix.ContextMenuArrowProps;
+export declare const ContextMenu: React.FC<ContextMenuProps>;
+export declare const ContextMenuTrigger: React.FC<ContextMenuTriggerProps>;
+export declare const ContextMenuPortal: React.FC<ContextMenuPortalProps>;
+export declare const ContextMenuContent: React.FC<ContextMenuContentProps>;
+export declare const ContextMenuLabel: React.FC<ContextMenuLabelProps>;
+export declare const ContextMenuItem: React.FC<ContextMenuItemProps>;
+export declare const ContextMenuGroup: React.FC<ContextMenuGroupProps>;
+export declare const ContextMenuSub: React.FC<ContextMenuSubProps>;
+export declare const ContextMenuSubTrigger: React.FC<ContextMenuSubTriggerProps>;
+export declare const ContextMenuSubContent: React.FC<ContextMenuSubContentProps>;
+export declare const ContextMenuSeparator: React.FC<ContextMenuSeparatorProps>;
+export declare const ContextMenuArrow: React.FC<ContextMenuArrowProps>;