@nuee/ui 0.4.0 → 0.5.0

package/dist/label.js

@@ -1,6 +1,67 @@
 // src/label.tsx
-import { c as _c } from "react/compiler-runtime";
 import * as stylex from "@stylexjs/stylex";
+
+// src/typography.ts
+var typographyStyles = {
+  body: {
+    kMv6JI: "x1fe00qh",
+    kGuDYH: "x1dmpjil",
+    k63SB2: "xgtczyh",
+    kLWn49: "xi1fz51",
+    $$css: true
+  },
+  description: {
+    kMv6JI: "x1fe00qh",
+    kGuDYH: "x99mhxu",
+    k63SB2: "xgtczyh",
+    kLWn49: "xi1fz51",
+    $$css: true
+  },
+  caption: {
+    kMv6JI: "x1fe00qh",
+    kGuDYH: "x131ut49",
+    k63SB2: "xgtczyh",
+    kLWn49: "xi1fz51",
+    $$css: true
+  },
+  label: {
+    kMv6JI: "x1fe00qh",
+    kGuDYH: "x99mhxu",
+    k63SB2: "x1v899x5",
+    kLWn49: "xi1fz51",
+    $$css: true
+  },
+  title: {
+    kMv6JI: "x1fe00qh",
+    kGuDYH: "x99mhxu",
+    k63SB2: "x1v899x5",
+    kLWn49: "x1hfsx4t",
+    $$css: true
+  },
+  page: {
+    kMv6JI: "xfhuv4h",
+    kGuDYH: "x11icns7",
+    k63SB2: "xq1ytqg",
+    kLWn49: "x1hfsx4t",
+    $$css: true
+  },
+  section: {
+    kMv6JI: "xfhuv4h",
+    kGuDYH: "x1owaoya",
+    k63SB2: "xq1ytqg",
+    kLWn49: "x1hfsx4t",
+    $$css: true
+  },
+  subsection: {
+    kMv6JI: "xfhuv4h",
+    kGuDYH: "x1dmpjil",
+    k63SB2: "xq1ytqg",
+    kLWn49: "x1hfsx4t",
+    $$css: true
+  }
+};
+
+// src/label.tsx
 import { jsx } from "react/jsx-runtime";
 var styles = {
   root: {
@@ -8,49 +69,13 @@ var styles = {
     kMwMTN: "x1alews2",
     kkrTdU: "x1ypdohk",
     k1xSpc: "x3nfvp2",
-    kGuDYH: "x99mhxu",
-    k63SB2: "x1v899x5",
     kOIVth: "x1uj7ll3",
-    kLWn49: "x1hfsx4t",
     kfSwDN: "x87ps6o",
     $$css: true
   }
 };
-function Label(t0) {
-  const $ = _c(8);
-  let props2;
-  let xstyle;
-  if ($[0] !== t0) {
-    ({
-      xstyle,
-      ...props2
-    } = t0);
-    $[0] = t0;
-    $[1] = props2;
-    $[2] = xstyle;
-  } else {
-    props2 = $[1];
-    xstyle = $[2];
-  }
-  let t1;
-  if ($[3] !== xstyle) {
-    t1 = stylex.props(styles.root, xstyle);
-    $[3] = xstyle;
-    $[4] = t1;
-  } else {
-    t1 = $[4];
-  }
-  const stylexProps = t1;
-  let t2;
-  if ($[5] !== props2 || $[6] !== stylexProps) {
-    t2 = /* @__PURE__ */ jsx("label", { ...props2, ...stylexProps });
-    $[5] = props2;
-    $[6] = stylexProps;
-    $[7] = t2;
-  } else {
-    t2 = $[7];
-  }
-  return t2;
+function Label(props2) {
+  return /* @__PURE__ */ jsx("label", { ...props2, ...stylex.props(typographyStyles.title, styles.root) });
 }
 export {
   Label

package/dist/label.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../src/label.tsx"],
-  "sourcesContent": ["import { c as _c } from \"react/compiler-runtime\";\n/* oxlint-disable jsx-a11y/label-has-associated-control -- The caller provides htmlFor or nests the control. */\nimport * as stylex from \"@stylexjs/stylex\";\nimport type { ComponentProps } from \"react\";\nimport { colorVars, spacingVars, typographyVars } from \"@nuee/tokens/semantic.stylex\";\nconst styles = {\n  root: {\n    kGNEyG: \"x6s0dn4\",\n    kMwMTN: \"x1alews2\",\n    kkrTdU: \"x1ypdohk\",\n    k1xSpc: \"x3nfvp2\",\n    kGuDYH: \"x99mhxu\",\n    k63SB2: \"x1v899x5\",\n    kOIVth: \"x1uj7ll3\",\n    kLWn49: \"x1hfsx4t\",\n    kfSwDN: \"x87ps6o\",\n    $$css: true\n  }\n};\nexport type LabelProps = ComponentProps<\"label\"> & {\n  xstyle?: stylex.StyleXStyles;\n};\nexport function Label(t0) {\n  const $ = _c(8);\n  let props;\n  let xstyle;\n  if ($[0] !== t0) {\n    ({\n      xstyle,\n      ...props\n    } = t0);\n    $[0] = t0;\n    $[1] = props;\n    $[2] = xstyle;\n  } else {\n    props = $[1];\n    xstyle = $[2];\n  }\n  let t1;\n  if ($[3] !== xstyle) {\n    t1 = stylex.props(styles.root, xstyle);\n    $[3] = xstyle;\n    $[4] = t1;\n  } else {\n    t1 = $[4];\n  }\n  const stylexProps = t1;\n  let t2;\n  if ($[5] !== props || $[6] !== stylexProps) {\n    t2 = <label {...props} {...stylexProps} />;\n    $[5] = props;\n    $[6] = stylexProps;\n    $[7] = t2;\n  } else {\n    t2 = $[7];\n  }\n  return t2;\n}"],
-  "mappings": ";AAAA,SAAS,KAAK,UAAU;AAExB,YAAY,YAAY;AA+Cf;AA5CT,IAAM,SAAS;AAAA,EACb,MAAM;AAAA,IACJ,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AACF;AAIO,SAAS,MAAM,IAAI;AACxB,QAAM,IAAI,GAAG,CAAC;AACd,MAAIA;AACJ,MAAI;AACJ,MAAI,EAAE,CAAC,MAAM,IAAI;AACf,KAAC;AAAA,MACC;AAAA,MACA,GAAGA;AAAA,IACL,IAAI;AACJ,MAAE,CAAC,IAAI;AACP,MAAE,CAAC,IAAIA;AACP,MAAE,CAAC,IAAI;AAAA,EACT,OAAO;AACL,IAAAA,SAAQ,EAAE,CAAC;AACX,aAAS,EAAE,CAAC;AAAA,EACd;AACA,MAAI;AACJ,MAAI,EAAE,CAAC,MAAM,QAAQ;AACnB,SAAY,aAAM,OAAO,MAAM,MAAM;AACrC,MAAE,CAAC,IAAI;AACP,MAAE,CAAC,IAAI;AAAA,EACT,OAAO;AACL,SAAK,EAAE,CAAC;AAAA,EACV;AACA,QAAM,cAAc;AACpB,MAAI;AACJ,MAAI,EAAE,CAAC,MAAMA,UAAS,EAAE,CAAC,MAAM,aAAa;AAC1C,SAAK,oBAAC,WAAO,GAAGA,QAAQ,GAAG,aAAa;AACxC,MAAE,CAAC,IAAIA;AACP,MAAE,CAAC,IAAI;AACP,MAAE,CAAC,IAAI;AAAA,EACT,OAAO;AACL,SAAK,EAAE,CAAC;AAAA,EACV;AACA,SAAO;AACT;",
+  "sources": ["../src/label.tsx", "../src/typography.ts"],
+  "sourcesContent": ["import { colorVars, spacingVars } from \"@nuee/tokens/semantic.stylex\";\n/* oxlint-disable jsx-a11y/label-has-associated-control -- The caller provides htmlFor or nests the control. */\nimport * as stylex from \"@stylexjs/stylex\";\nimport type { ComponentProps } from \"react\";\nimport { typographyStyles } from \"./typography\";\nconst styles = {\n  root: {\n    kGNEyG: \"x6s0dn4\",\n    kMwMTN: \"x1alews2\",\n    kkrTdU: \"x1ypdohk\",\n    k1xSpc: \"x3nfvp2\",\n    kOIVth: \"x1uj7ll3\",\n    kfSwDN: \"x87ps6o\",\n    $$css: true\n  }\n};\nexport type LabelProps = Omit<ComponentProps<\"label\">, \"className\" | \"style\">;\nexport function Label(props: LabelProps) {\n  return <label {...props} {...stylex.props(typographyStyles.title, styles.root)} />;\n}", "import { typographyVars } from \"@nuee/tokens/semantic.stylex\";\nimport * as stylex from \"@stylexjs/stylex\";\nexport const typographyStyles = {\n  body: {\n    kMv6JI: \"x1fe00qh\",\n    kGuDYH: \"x1dmpjil\",\n    k63SB2: \"xgtczyh\",\n    kLWn49: \"xi1fz51\",\n    $$css: true\n  },\n  description: {\n    kMv6JI: \"x1fe00qh\",\n    kGuDYH: \"x99mhxu\",\n    k63SB2: \"xgtczyh\",\n    kLWn49: \"xi1fz51\",\n    $$css: true\n  },\n  caption: {\n    kMv6JI: \"x1fe00qh\",\n    kGuDYH: \"x131ut49\",\n    k63SB2: \"xgtczyh\",\n    kLWn49: \"xi1fz51\",\n    $$css: true\n  },\n  label: {\n    kMv6JI: \"x1fe00qh\",\n    kGuDYH: \"x99mhxu\",\n    k63SB2: \"x1v899x5\",\n    kLWn49: \"xi1fz51\",\n    $$css: true\n  },\n  title: {\n    kMv6JI: \"x1fe00qh\",\n    kGuDYH: \"x99mhxu\",\n    k63SB2: \"x1v899x5\",\n    kLWn49: \"x1hfsx4t\",\n    $$css: true\n  },\n  page: {\n    kMv6JI: \"xfhuv4h\",\n    kGuDYH: \"x11icns7\",\n    k63SB2: \"xq1ytqg\",\n    kLWn49: \"x1hfsx4t\",\n    $$css: true\n  },\n  section: {\n    kMv6JI: \"xfhuv4h\",\n    kGuDYH: \"x1owaoya\",\n    k63SB2: \"xq1ytqg\",\n    kLWn49: \"x1hfsx4t\",\n    $$css: true\n  },\n  subsection: {\n    kMv6JI: \"xfhuv4h\",\n    kGuDYH: \"x1dmpjil\",\n    k63SB2: \"xq1ytqg\",\n    kLWn49: \"x1hfsx4t\",\n    $$css: true\n  }\n};"],
+  "mappings": ";AAEA,YAAY,YAAY;;;ACAjB,IAAM,mBAAmB;AAAA,EAC9B,MAAM;AAAA,IACJ,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AAAA,EACA,aAAa;AAAA,IACX,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AAAA,EACA,SAAS;AAAA,IACP,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AAAA,EACA,OAAO;AAAA,IACL,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AAAA,EACA,OAAO;AAAA,IACL,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AAAA,EACA,MAAM;AAAA,IACJ,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AAAA,EACA,SAAS;AAAA,IACP,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AAAA,EACA,YAAY;AAAA,IACV,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AACF;;;ADzCS;AAbT,IAAM,SAAS;AAAA,EACb,MAAM;AAAA,IACJ,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AACF;AAEO,SAAS,MAAMA,QAAmB;AACvC,SAAO,oBAAC,WAAO,GAAGA,QAAQ,GAAU,aAAM,iBAAiB,OAAO,OAAO,IAAI,GAAG;AAClF;",
   "names": ["props"]
 }

package/dist/link.d.ts

@@ -1,13 +1,11 @@
 import { useRender } from "@base-ui/react/use-render";
-import * as stylex from "@stylexjs/stylex";
+import { ArrowSquareOutIcon } from "@phosphor-icons/react";
 import { type ComponentProps } from "react";
-import { Icon } from "./Icon";
 export type LinkVariant = "current" | "inline" | "plain";
-export type LinkProps = useRender.ComponentProps<"a"> & {
+export type LinkProps = Omit<useRender.ComponentProps<"a">, "className" | "style"> & {
     variant?: LinkVariant;
-    xstyle?: stylex.StyleXStyles;
 };
-declare function ExternalIcon(props: Omit<ComponentProps<typeof Icon>, "name">): import("react").JSX.Element;
+declare function ExternalIcon(props: Omit<ComponentProps<typeof ArrowSquareOutIcon>, "className" | "style">): import("react").JSX.Element;
 export declare const Link: import("react").ForwardRefExoticComponent<Omit<LinkProps, "ref"> & import("react").RefAttributes<HTMLAnchorElement>> & {
     ExternalIcon: typeof ExternalIcon;
 };

package/dist/link.js

@@ -1,98 +1,18 @@
+"use client";
+
 // src/link.tsx
 import { c as _c } from "react/compiler-runtime";
 import { useRender } from "@base-ui/react/use-render";
+import { ArrowSquareOutIcon } from "@phosphor-icons/react";
 import * as stylex from "@stylexjs/stylex";
 import { forwardRef } from "react";
-
-// src/Icon.tsx
-import {
-  ArrowDownIcon,
-  ArrowSquareOutIcon,
-  ArrowsDownUpIcon,
-  ArrowUpIcon,
-  CalendarIcon,
-  CaretDoubleLeftIcon,
-  CaretDoubleRightIcon,
-  CaretDownIcon,
-  CaretLeftIcon,
-  CaretRightIcon,
-  CaretUpIcon,
-  CaretUpDownIcon,
-  CheckCircleIcon,
-  CheckIcon,
-  ChecksIcon,
-  ClockIcon,
-  ColumnsIcon,
-  CopyIcon,
-  DotsThreeIcon,
-  EyeSlashIcon,
-  FileIcon,
-  FolderIcon,
-  FunnelIcon,
-  GitBranchIcon,
-  InfoIcon,
-  ListIcon,
-  MagnifyingGlassIcon,
-  MicrophoneIcon,
-  PaperclipIcon,
-  DownloadSimpleIcon,
-  StopIcon,
-  WarningIcon,
-  WrenchIcon,
-  XCircleIcon,
-  XIcon
-} from "@phosphor-icons/react";
 import { jsx } from "react/jsx-runtime";
-var iconRegistry = {
-  close: XIcon,
-  chevronDown: CaretDownIcon,
-  chevronLeft: CaretLeftIcon,
-  chevronRight: CaretRightIcon,
-  chevronUp: CaretUpIcon,
-  chevronsLeft: CaretDoubleLeftIcon,
-  chevronsRight: CaretDoubleRightIcon,
-  caretUpDown: CaretUpDownIcon,
-  check: CheckIcon,
-  success: CheckCircleIcon,
-  error: XCircleIcon,
-  warning: WarningIcon,
-  info: InfoIcon,
-  calendar: CalendarIcon,
-  clock: ClockIcon,
-  externalLink: ArrowSquareOutIcon,
-  menu: ListIcon,
-  moreHorizontal: DotsThreeIcon,
-  search: MagnifyingGlassIcon,
-  arrowUp: ArrowUpIcon,
-  arrowDown: ArrowDownIcon,
-  arrowsUpDown: ArrowsDownUpIcon,
-  funnel: FunnelIcon,
-  eyeSlash: EyeSlashIcon,
-  viewColumns: ColumnsIcon,
-  copy: CopyIcon,
-  checkDouble: ChecksIcon,
-  wrench: WrenchIcon,
-  stop: StopIcon,
-  microphone: MicrophoneIcon,
-  folder: FolderIcon,
-  file: FileIcon,
-  paperclip: PaperclipIcon,
-  download: DownloadSimpleIcon,
-  branch: GitBranchIcon
-};
-function Icon({ name, weight = "regular", ...props2 }) {
-  const IconComponent = iconRegistry[name];
-  return /* @__PURE__ */ jsx(IconComponent, { ...props2, weight });
-}
-
-// src/link.tsx
-import { jsx as jsx2 } from "react/jsx-runtime";
 var styles = {
   root: {
     kGNEyG: "x6s0dn4",
     kaIpWk: "x1aepk7r",
     k1xSpc: "x3nfvp2",
-    kMv6JI: "x14e0hi7",
+    kMv6JI: "x1fe00qh",
     kOIVth: "x3yxr07",
     kI3sdo: "x1a2a7pz",
     kIyJzY: "xdshaxz",
@@ -128,66 +48,61 @@ var styles = {
   }
 };
 var LinkBase = forwardRef(function Link(t0, ref) {
-  const $ = _c(15);
+  const $ = _c(13);
   let props2;
   let render;
   let t1;
-  let xstyle;
   if ($[0] !== t0) {
     ({
       render,
       variant: t1,
-      xstyle,
       ...props2
     } = t0);
     $[0] = t0;
     $[1] = props2;
     $[2] = render;
     $[3] = t1;
-    $[4] = xstyle;
   } else {
     props2 = $[1];
     render = $[2];
     t1 = $[3];
-    xstyle = $[4];
   }
   const variant = t1 === void 0 ? "inline" : t1;
   let t2;
-  if ($[5] !== variant || $[6] !== xstyle) {
-    t2 = stylex.props(styles.root, styles[variant], xstyle);
-    $[5] = variant;
-    $[6] = xstyle;
-    $[7] = t2;
+  if ($[4] !== variant) {
+    t2 = stylex.props(styles.root, styles[variant]);
+    $[4] = variant;
+    $[5] = t2;
   } else {
-    t2 = $[7];
+    t2 = $[5];
   }
   const stylexProps = t2;
   let t3;
-  if ($[8] !== props2 || $[9] !== stylexProps) {
+  if ($[6] !== props2 || $[7] !== stylexProps) {
     t3 = {
       ...props2,
       ...stylexProps
     };
-    $[8] = props2;
-    $[9] = stylexProps;
-    $[10] = t3;
+    $[6] = props2;
+    $[7] = stylexProps;
+    $[8] = t3;
   } else {
-    t3 = $[10];
+    t3 = $[8];
   }
   let t4;
-  if ($[11] !== ref || $[12] !== render || $[13] !== t3) {
+  if ($[9] !== ref || $[10] !== render || $[11] !== t3) {
     t4 = {
       defaultTagName: "a",
       props: t3,
       ref,
       render
     };
-    $[11] = ref;
-    $[12] = render;
-    $[13] = t3;
-    $[14] = t4;
+    $[9] = ref;
+    $[10] = render;
+    $[11] = t3;
+    $[12] = t4;
   } else {
-    t4 = $[14];
+    t4 = $[12];
   }
   return useRender(t4);
 });
@@ -195,7 +110,7 @@ function ExternalIcon(props2) {
   const $ = _c(2);
   let t0;
   if ($[0] !== props2) {
-    t0 = /* @__PURE__ */ jsx2(Icon, { "aria-hidden": "true", name: "externalLink", size: "1em", ...props2 });
+    t0 = /* @__PURE__ */ jsx(ArrowSquareOutIcon, { "aria-hidden": "true", size: "1em", ...props2 });
     $[0] = props2;
     $[1] = t0;
   } else {

package/dist/link.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../src/link.tsx", "../src/Icon.tsx"],
-  "sourcesContent": ["import { c as _c } from \"react/compiler-runtime\";\nimport { useRender } from \"@base-ui/react/use-render\";\nimport * as stylex from \"@stylexjs/stylex\";\nimport { forwardRef, type ComponentProps } from \"react\";\nimport { Icon } from \"./Icon\";\nimport { colorVars, motionVars, sizeVars, typographyVars } from \"@nuee/tokens/semantic.stylex\";\nconst styles = {\n  root: {\n    kGNEyG: \"x6s0dn4\",\n    kaIpWk: \"x1aepk7r\",\n    k1xSpc: \"x3nfvp2\",\n    kMv6JI: \"x14e0hi7\",\n    kOIVth: \"x3yxr07\",\n    kI3sdo: \"x1a2a7pz\",\n    kIyJzY: \"xdshaxz\",\n    k1ekBW: \"x1cp1di3\",\n    kAMwcw: \"xscx6xn\",\n    kZs9gx: \"x7yqiub\",\n    kiEn40: \"x1q375v2\",\n    k7shQP: \"x9v5kkp\",\n    kPJHz1: \"x11ci167\",\n    $$css: true\n  },\n  inline: {\n    kMwMTN: \"x4uijr7\",\n    kMnn75: \"xujl8zx\",\n    kNySMw: \"x1wxkhrt\",\n    kcSHmL: \"xg830sg\",\n    kKhh5M: \"x184fef6\",\n    $$css: true\n  },\n  current: {\n    kMwMTN: \"x15rks2t\",\n    kMnn75: \"xujl8zx\",\n    kNySMw: \"x1wxkhrt\",\n    kcSHmL: \"xg830sg\",\n    kKhh5M: \"x184fef6\",\n    $$css: true\n  },\n  plain: {\n    kMwMTN: \"x4uijr7\",\n    kMnn75: \"xkrqix3\",\n    kKhh5M: \"x184fef6\",\n    $$css: true\n  }\n};\nexport type LinkVariant = \"current\" | \"inline\" | \"plain\";\nexport type LinkProps = useRender.ComponentProps<\"a\"> & {\n  variant?: LinkVariant;\n  xstyle?: stylex.StyleXStyles;\n};\nconst LinkBase = forwardRef<HTMLAnchorElement, LinkProps>(function Link(t0, ref) {\n  const $ = _c(15);\n  let props;\n  let render;\n  let t1;\n  let xstyle;\n  if ($[0] !== t0) {\n    ({\n      render,\n      variant: t1,\n      xstyle,\n      ...props\n    } = t0);\n    $[0] = t0;\n    $[1] = props;\n    $[2] = render;\n    $[3] = t1;\n    $[4] = xstyle;\n  } else {\n    props = $[1];\n    render = $[2];\n    t1 = $[3];\n    xstyle = $[4];\n  }\n  const variant = t1 === undefined ? \"inline\" : t1;\n  let t2;\n  if ($[5] !== variant || $[6] !== xstyle) {\n    t2 = stylex.props(styles.root, styles[variant], xstyle);\n    $[5] = variant;\n    $[6] = xstyle;\n    $[7] = t2;\n  } else {\n    t2 = $[7];\n  }\n  const stylexProps = t2;\n  let t3;\n  if ($[8] !== props || $[9] !== stylexProps) {\n    t3 = {\n      ...props,\n      ...stylexProps\n    };\n    $[8] = props;\n    $[9] = stylexProps;\n    $[10] = t3;\n  } else {\n    t3 = $[10];\n  }\n  let t4;\n  if ($[11] !== ref || $[12] !== render || $[13] !== t3) {\n    t4 = {\n      defaultTagName: \"a\",\n      props: t3,\n      ref,\n      render\n    };\n    $[11] = ref;\n    $[12] = render;\n    $[13] = t3;\n    $[14] = t4;\n  } else {\n    t4 = $[14];\n  }\n  return useRender(t4);\n});\nfunction ExternalIcon(props) {\n  const $ = _c(2);\n  let t0;\n  if ($[0] !== props) {\n    t0 = <Icon aria-hidden=\"true\" name=\"externalLink\" size=\"1em\" {...props} />;\n    $[0] = props;\n    $[1] = t0;\n  } else {\n    t0 = $[1];\n  }\n  return t0;\n}\nexport const Link = Object.assign(LinkBase, {\n  ExternalIcon\n});", "import type { Icon as PhosphorIcon, IconProps as PhosphorIconProps } from \"@phosphor-icons/react\";\nimport {\n  ArrowDownIcon,\n  ArrowSquareOutIcon,\n  ArrowsDownUpIcon,\n  ArrowUpIcon,\n  CalendarIcon,\n  CaretDoubleLeftIcon,\n  CaretDoubleRightIcon,\n  CaretDownIcon,\n  CaretLeftIcon,\n  CaretRightIcon,\n  CaretUpIcon,\n  CaretUpDownIcon,\n  CheckCircleIcon,\n  CheckIcon,\n  ChecksIcon,\n  ClockIcon,\n  ColumnsIcon,\n  CopyIcon,\n  DotsThreeIcon,\n  EyeSlashIcon,\n  FileIcon,\n  FolderIcon,\n  FunnelIcon,\n  GitBranchIcon,\n  InfoIcon,\n  ListIcon,\n  MagnifyingGlassIcon,\n  MicrophoneIcon,\n  PaperclipIcon,\n  DownloadSimpleIcon,\n  StopIcon,\n  WarningIcon,\n  WrenchIcon,\n  XCircleIcon,\n  XIcon,\n} from \"@phosphor-icons/react\";\n\nexport const iconRegistry = {\n  close: XIcon,\n  chevronDown: CaretDownIcon,\n  chevronLeft: CaretLeftIcon,\n  chevronRight: CaretRightIcon,\n  chevronUp: CaretUpIcon,\n  chevronsLeft: CaretDoubleLeftIcon,\n  chevronsRight: CaretDoubleRightIcon,\n  caretUpDown: CaretUpDownIcon,\n  check: CheckIcon,\n  success: CheckCircleIcon,\n  error: XCircleIcon,\n  warning: WarningIcon,\n  info: InfoIcon,\n  calendar: CalendarIcon,\n  clock: ClockIcon,\n  externalLink: ArrowSquareOutIcon,\n  menu: ListIcon,\n  moreHorizontal: DotsThreeIcon,\n  search: MagnifyingGlassIcon,\n  arrowUp: ArrowUpIcon,\n  arrowDown: ArrowDownIcon,\n  arrowsUpDown: ArrowsDownUpIcon,\n  funnel: FunnelIcon,\n  eyeSlash: EyeSlashIcon,\n  viewColumns: ColumnsIcon,\n  copy: CopyIcon,\n  checkDouble: ChecksIcon,\n  wrench: WrenchIcon,\n  stop: StopIcon,\n  microphone: MicrophoneIcon,\n  folder: FolderIcon,\n  file: FileIcon,\n  paperclip: PaperclipIcon,\n  download: DownloadSimpleIcon,\n  branch: GitBranchIcon,\n} satisfies Record<string, PhosphorIcon>;\n\nexport type IconName = keyof typeof iconRegistry;\n\nexport type IconProps = PhosphorIconProps & {\n  name: IconName;\n};\n\nexport function Icon({ name, weight = \"regular\", ...props }: IconProps) {\n  const IconComponent = iconRegistry[name];\n\n  return <IconComponent {...props} weight={weight} />;\n}\n"],
-  "mappings": "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",
-  "names": ["props", "jsx", "props", "Link"]
+  "sources": ["../src/link.tsx"],
+  "sourcesContent": ["\"use client\";\n\nimport { c as _c } from \"react/compiler-runtime\";\nimport { useRender } from \"@base-ui/react/use-render\";\nimport { colorVars, motionVars, sizeVars, typographyVars } from \"@nuee/tokens/semantic.stylex\";\nimport { ArrowSquareOutIcon } from \"@phosphor-icons/react\";\nimport * as stylex from \"@stylexjs/stylex\";\nimport { forwardRef, type ComponentProps } from \"react\";\nconst styles = {\n  root: {\n    kGNEyG: \"x6s0dn4\",\n    kaIpWk: \"x1aepk7r\",\n    k1xSpc: \"x3nfvp2\",\n    kMv6JI: \"x1fe00qh\",\n    kOIVth: \"x3yxr07\",\n    kI3sdo: \"x1a2a7pz\",\n    kIyJzY: \"xdshaxz\",\n    k1ekBW: \"x1cp1di3\",\n    kAMwcw: \"xscx6xn\",\n    kZs9gx: \"x7yqiub\",\n    kiEn40: \"x1q375v2\",\n    k7shQP: \"x9v5kkp\",\n    kPJHz1: \"x11ci167\",\n    $$css: true\n  },\n  inline: {\n    kMwMTN: \"x4uijr7\",\n    kMnn75: \"xujl8zx\",\n    kNySMw: \"x1wxkhrt\",\n    kcSHmL: \"xg830sg\",\n    kKhh5M: \"x184fef6\",\n    $$css: true\n  },\n  current: {\n    kMwMTN: \"x15rks2t\",\n    kMnn75: \"xujl8zx\",\n    kNySMw: \"x1wxkhrt\",\n    kcSHmL: \"xg830sg\",\n    kKhh5M: \"x184fef6\",\n    $$css: true\n  },\n  plain: {\n    kMwMTN: \"x4uijr7\",\n    kMnn75: \"xkrqix3\",\n    kKhh5M: \"x184fef6\",\n    $$css: true\n  }\n};\nexport type LinkVariant = \"current\" | \"inline\" | \"plain\";\nexport type LinkProps = Omit<useRender.ComponentProps<\"a\">, \"className\" | \"style\"> & {\n  variant?: LinkVariant;\n};\nconst LinkBase = forwardRef<HTMLAnchorElement, LinkProps>(function Link(t0, ref) {\n  const $ = _c(13);\n  let props;\n  let render;\n  let t1;\n  if ($[0] !== t0) {\n    ({\n      render,\n      variant: t1,\n      ...props\n    } = t0);\n    $[0] = t0;\n    $[1] = props;\n    $[2] = render;\n    $[3] = t1;\n  } else {\n    props = $[1];\n    render = $[2];\n    t1 = $[3];\n  }\n  const variant = t1 === undefined ? \"inline\" : t1;\n  let t2;\n  if ($[4] !== variant) {\n    t2 = stylex.props(styles.root, styles[variant]);\n    $[4] = variant;\n    $[5] = t2;\n  } else {\n    t2 = $[5];\n  }\n  const stylexProps = t2;\n  let t3;\n  if ($[6] !== props || $[7] !== stylexProps) {\n    t3 = {\n      ...props,\n      ...stylexProps\n    };\n    $[6] = props;\n    $[7] = stylexProps;\n    $[8] = t3;\n  } else {\n    t3 = $[8];\n  }\n  let t4;\n  if ($[9] !== ref || $[10] !== render || $[11] !== t3) {\n    t4 = {\n      defaultTagName: \"a\",\n      props: t3,\n      ref,\n      render\n    };\n    $[9] = ref;\n    $[10] = render;\n    $[11] = t3;\n    $[12] = t4;\n  } else {\n    t4 = $[12];\n  }\n  return useRender(t4);\n});\nfunction ExternalIcon(props) {\n  const $ = _c(2);\n  let t0;\n  if ($[0] !== props) {\n    t0 = <ArrowSquareOutIcon aria-hidden=\"true\" size=\"1em\" {...props} />;\n    $[0] = props;\n    $[1] = t0;\n  } else {\n    t0 = $[1];\n  }\n  return t0;\n}\nexport const Link = Object.assign(LinkBase, {\n  ExternalIcon\n});"],
+  "mappings": "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",
+  "names": ["props", "Link"]
 }

package/dist/marker.d.ts

@@ -1,9 +1,9 @@
 import * as stylex from "@stylexjs/stylex";
 import type { ComponentProps } from "react";
-export type MarkerProps = ComponentProps<"div"> & {
+export type MarkerProps = Omit<ComponentProps<"div">, "className" | "style"> & {
     variant?: "border" | "default" | "separator";
     xstyle?: stylex.StyleXStyles;
 };
 export declare function Marker({ variant, xstyle, ...props }: MarkerProps): import("react").JSX.Element;
-export declare function MarkerIcon({ ...props }: ComponentProps<"span">): import("react").JSX.Element;
-export declare function MarkerContent({ ...props }: ComponentProps<"span">): import("react").JSX.Element;
+export declare function MarkerIcon({ ...props }: Omit<ComponentProps<"span">, "className" | "style">): import("react").JSX.Element;
+export declare function MarkerContent({ ...props }: Omit<ComponentProps<"span">, "className" | "style">): import("react").JSX.Element;

package/dist/marker.js

@@ -1,5 +1,4 @@
 // src/marker.tsx
-import { c as _c } from "react/compiler-runtime";
 import * as stylex from "@stylexjs/stylex";
 import { jsx } from "react/jsx-runtime";
 var styles = {
@@ -20,7 +19,7 @@ var styles = {
   border: {
     kL6WhQ: "xuzwz2k",
     kfdmCh: "x1q0q8m5",
-    kt9PQ7: "xso031l",
+    kt9PQ7: "xbyw4nl",
     kGO01o: "x16115zj",
     $$css: true
   },
@@ -30,11 +29,11 @@ var styles = {
     kLkRvE: "x1szgnmp",
     kgeoSG: "x1cpjm7i",
     kLB3ol: "xl5i350",
-    kgzTxl: "xy80zi5",
+    kgzTxl: "x1plbbuy",
     ks3ayO: "xeplkdh",
     k5JduY: "x1s928wv",
     krxQOp: "xkbqsiu",
-    k4zj60: "xcock1l",
+    k4zj60: "x1vnudb9",
     $$css: true
   },
   icon: {
@@ -50,108 +49,22 @@ var styles = {
     $$css: true
   }
 };
-function Marker(t0) {
-  const $ = _c(10);
-  let props2;
-  let t1;
-  let xstyle;
-  if ($[0] !== t0) {
-    ({
-      variant: t1,
-      xstyle,
-      ...props2
-    } = t0);
-    $[0] = t0;
-    $[1] = props2;
-    $[2] = t1;
-    $[3] = xstyle;
-  } else {
-    props2 = $[1];
-    t1 = $[2];
-    xstyle = $[3];
-  }
-  const variant = t1 === void 0 ? "default" : t1;
-  let t2;
-  if ($[4] !== variant || $[5] !== xstyle) {
-    t2 = stylex.props(styles.root, variant === "default" ? styles.variantDefault : styles[variant], xstyle);
-    $[4] = variant;
-    $[5] = xstyle;
-    $[6] = t2;
-  } else {
-    t2 = $[6];
-  }
-  let t3;
-  if ($[7] !== props2 || $[8] !== t2) {
-    t3 = /* @__PURE__ */ jsx("div", { ...props2, ...t2 });
-    $[7] = props2;
-    $[8] = t2;
-    $[9] = t3;
-  } else {
-    t3 = $[9];
-  }
-  return t3;
+function Marker({
+  variant = "default",
+  xstyle,
+  ...props2
+}) {
+  return /* @__PURE__ */ jsx("div", { ...props2, ...stylex.props(styles.root, variant === "default" ? styles.variantDefault : styles[variant], xstyle) });
 }
-function MarkerIcon(t0) {
-  const $ = _c(5);
-  let props2;
-  if ($[0] !== t0) {
-    ({
-      ...props2
-    } = t0);
-    $[0] = t0;
-    $[1] = props2;
-  } else {
-    props2 = $[1];
-  }
-  let t1;
-  if ($[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t1 = {
-      className: "x6s0dn4 x3nfvp2 x2lah0s"
-    };
-    $[2] = t1;
-  } else {
-    t1 = $[2];
-  }
-  let t2;
-  if ($[3] !== props2) {
-    t2 = /* @__PURE__ */ jsx("span", { "aria-hidden": "true", ...props2, ...t1 });
-    $[3] = props2;
-    $[4] = t2;
-  } else {
-    t2 = $[4];
-  }
-  return t2;
+function MarkerIcon({
+  ...props2
+}) {
+  return /* @__PURE__ */ jsx("span", { "aria-hidden": "true", ...props2, className: "x6s0dn4 x3nfvp2 x2lah0s" });
 }
-function MarkerContent(t0) {
-  const $ = _c(5);
-  let props2;
-  if ($[0] !== t0) {
-    ({
-      ...props2
-    } = t0);
-    $[0] = t0;
-    $[1] = props2;
-  } else {
-    props2 = $[1];
-  }
-  let t1;
-  if ($[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t1 = {
-      className: "xb3r6kr xlyipyv xuxw1ft"
-    };
-    $[2] = t1;
-  } else {
-    t1 = $[2];
-  }
-  let t2;
-  if ($[3] !== props2) {
-    t2 = /* @__PURE__ */ jsx("span", { ...props2, ...t1 });
-    $[3] = props2;
-    $[4] = t2;
-  } else {
-    t2 = $[4];
-  }
-  return t2;
+function MarkerContent({
+  ...props2
+}) {
+  return /* @__PURE__ */ jsx("span", { ...props2, className: "xb3r6kr xlyipyv xuxw1ft" });
 }
 export {
   Marker,

package/dist/marker.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../src/marker.tsx"],
-  "sourcesContent": ["import { c as _c } from \"react/compiler-runtime\";\nimport * as stylex from \"@stylexjs/stylex\";\nimport type { ComponentProps } from \"react\";\nimport { colorVars, spacingVars, typographyVars } from \"@nuee/tokens/semantic.stylex\";\nconst styles = {\n  root: {\n    kGNEyG: \"x6s0dn4\",\n    kMwMTN: \"x1ry1pnm\",\n    k1xSpc: \"x3nfvp2\",\n    kGuDYH: \"x131ut49\",\n    k63SB2: \"x1v899x5\",\n    kOIVth: \"x1uj7ll3\",\n    kLWn49: \"xi1fz51\",\n    k7Eaqz: \"xeuugli\",\n    $$css: true\n  },\n  variantDefault: {\n    $$css: true\n  },\n  border: {\n    kL6WhQ: \"xuzwz2k\",\n    kfdmCh: \"x1q0q8m5\",\n    kt9PQ7: \"xso031l\",\n    kGO01o: \"x16115zj\",\n    $$css: true\n  },\n  separator: {\n    k1xSpc: \"x78zum5\",\n    kzqmXN: \"xh8yej3\",\n    kLkRvE: \"x1szgnmp\",\n    kgeoSG: \"x1cpjm7i\",\n    kLB3ol: \"xl5i350\",\n    kgzTxl: \"xy80zi5\",\n    ks3ayO: \"xeplkdh\",\n    k5JduY: \"x1s928wv\",\n    krxQOp: \"xkbqsiu\",\n    k4zj60: \"xcock1l\",\n    $$css: true\n  },\n  icon: {\n    kGNEyG: \"x6s0dn4\",\n    k1xSpc: \"x3nfvp2\",\n    kmuXW: \"x2lah0s\",\n    $$css: true\n  },\n  content: {\n    kVQacm: \"xb3r6kr\",\n    kg5iWk: \"xlyipyv\",\n    khDVqt: \"xuxw1ft\",\n    $$css: true\n  }\n};\nexport type MarkerProps = ComponentProps<\"div\"> & {\n  variant?: \"border\" | \"default\" | \"separator\";\n  xstyle?: stylex.StyleXStyles;\n};\nexport function Marker(t0) {\n  const $ = _c(10);\n  let props;\n  let t1;\n  let xstyle;\n  if ($[0] !== t0) {\n    ({\n      variant: t1,\n      xstyle,\n      ...props\n    } = t0);\n    $[0] = t0;\n    $[1] = props;\n    $[2] = t1;\n    $[3] = xstyle;\n  } else {\n    props = $[1];\n    t1 = $[2];\n    xstyle = $[3];\n  }\n  const variant = t1 === undefined ? \"default\" : t1;\n  let t2;\n  if ($[4] !== variant || $[5] !== xstyle) {\n    t2 = stylex.props(styles.root, variant === \"default\" ? styles.variantDefault : styles[variant], xstyle);\n    $[4] = variant;\n    $[5] = xstyle;\n    $[6] = t2;\n  } else {\n    t2 = $[6];\n  }\n  let t3;\n  if ($[7] !== props || $[8] !== t2) {\n    t3 = <div {...props} {...t2} />;\n    $[7] = props;\n    $[8] = t2;\n    $[9] = t3;\n  } else {\n    t3 = $[9];\n  }\n  return t3;\n}\nexport function MarkerIcon(t0) {\n  const $ = _c(5);\n  let props;\n  if ($[0] !== t0) {\n    ({\n      ...props\n    } = t0);\n    $[0] = t0;\n    $[1] = props;\n  } else {\n    props = $[1];\n  }\n  let t1;\n  if ($[2] === Symbol.for(\"react.memo_cache_sentinel\")) {\n    t1 = {\n      className: \"x6s0dn4 x3nfvp2 x2lah0s\"\n    };\n    $[2] = t1;\n  } else {\n    t1 = $[2];\n  }\n  let t2;\n  if ($[3] !== props) {\n    t2 = <span aria-hidden=\"true\" {...props} {...t1} />;\n    $[3] = props;\n    $[4] = t2;\n  } else {\n    t2 = $[4];\n  }\n  return t2;\n}\nexport function MarkerContent(t0) {\n  const $ = _c(5);\n  let props;\n  if ($[0] !== t0) {\n    ({\n      ...props\n    } = t0);\n    $[0] = t0;\n    $[1] = props;\n  } else {\n    props = $[1];\n  }\n  let t1;\n  if ($[2] === Symbol.for(\"react.memo_cache_sentinel\")) {\n    t1 = {\n      className: \"xb3r6kr xlyipyv xuxw1ft\"\n    };\n    $[2] = t1;\n  } else {\n    t1 = $[2];\n  }\n  let t2;\n  if ($[3] !== props) {\n    t2 = <span {...props} {...t1} />;\n    $[3] = props;\n    $[4] = t2;\n  } else {\n    t2 = $[4];\n  }\n  return t2;\n}"],
-  "mappings": "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",
+  "sourcesContent": ["import { colorVars, sizeVars, spacingVars, typographyVars } from \"@nuee/tokens/semantic.stylex\";\nimport * as stylex from \"@stylexjs/stylex\";\nimport type { ComponentProps } from \"react\";\nconst styles = {\n  root: {\n    kGNEyG: \"x6s0dn4\",\n    kMwMTN: \"x1ry1pnm\",\n    k1xSpc: \"x3nfvp2\",\n    kGuDYH: \"x131ut49\",\n    k63SB2: \"x1v899x5\",\n    kOIVth: \"x1uj7ll3\",\n    kLWn49: \"xi1fz51\",\n    k7Eaqz: \"xeuugli\",\n    $$css: true\n  },\n  variantDefault: {\n    $$css: true\n  },\n  border: {\n    kL6WhQ: \"xuzwz2k\",\n    kfdmCh: \"x1q0q8m5\",\n    kt9PQ7: \"xbyw4nl\",\n    kGO01o: \"x16115zj\",\n    $$css: true\n  },\n  separator: {\n    k1xSpc: \"x78zum5\",\n    kzqmXN: \"xh8yej3\",\n    kLkRvE: \"x1szgnmp\",\n    kgeoSG: \"x1cpjm7i\",\n    kLB3ol: \"xl5i350\",\n    kgzTxl: \"x1plbbuy\",\n    ks3ayO: \"xeplkdh\",\n    k5JduY: \"x1s928wv\",\n    krxQOp: \"xkbqsiu\",\n    k4zj60: \"x1vnudb9\",\n    $$css: true\n  },\n  icon: {\n    kGNEyG: \"x6s0dn4\",\n    k1xSpc: \"x3nfvp2\",\n    kmuXW: \"x2lah0s\",\n    $$css: true\n  },\n  content: {\n    kVQacm: \"xb3r6kr\",\n    kg5iWk: \"xlyipyv\",\n    khDVqt: \"xuxw1ft\",\n    $$css: true\n  }\n};\nexport type MarkerProps = Omit<ComponentProps<\"div\">, \"className\" | \"style\"> & {\n  variant?: \"border\" | \"default\" | \"separator\";\n  xstyle?: stylex.StyleXStyles;\n};\nexport function Marker({\n  variant = \"default\",\n  xstyle,\n  ...props\n}: MarkerProps) {\n  return <div {...props} {...stylex.props(styles.root, variant === \"default\" ? styles.variantDefault : styles[variant], xstyle)} />;\n}\nexport function MarkerIcon({\n  ...props\n}: Omit<ComponentProps<\"span\">, \"className\" | \"style\">) {\n  return <span aria-hidden=\"true\" {...props} className=\"x6s0dn4 x3nfvp2 x2lah0s\" />;\n}\nexport function MarkerContent({\n  ...props\n}: Omit<ComponentProps<\"span\">, \"className\" | \"style\">) {\n  return <span {...props} className=\"xb3r6kr xlyipyv xuxw1ft\" />;\n}"],
+  "mappings": ";AACA,YAAY,YAAY;AA2Df;AAzDT,IAAM,SAAS;AAAA,EACb,MAAM;AAAA,IACJ,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AAAA,EACA,gBAAgB;AAAA,IACd,OAAO;AAAA,EACT;AAAA,EACA,QAAQ;AAAA,IACN,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AAAA,EACA,WAAW;AAAA,IACT,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AAAA,EACA,MAAM;AAAA,IACJ,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,OAAO;AAAA,EACT;AAAA,EACA,SAAS;AAAA,IACP,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AACF;AAKO,SAAS,OAAO;AAAA,EACrB,UAAU;AAAA,EACV;AAAA,EACA,GAAGA;AACL,GAAgB;AACd,SAAO,oBAAC,SAAK,GAAGA,QAAQ,GAAU,aAAM,OAAO,MAAM,YAAY,YAAY,OAAO,iBAAiB,OAAO,OAAO,GAAG,MAAM,GAAG;AACjI;AACO,SAAS,WAAW;AAAA,EACzB,GAAGA;AACL,GAAwD;AACtD,SAAO,oBAAC,UAAK,eAAY,QAAQ,GAAGA,QAAO,WAAU,2BAA0B;AACjF;AACO,SAAS,cAAc;AAAA,EAC5B,GAAGA;AACL,GAAwD;AACtD,SAAO,oBAAC,UAAM,GAAGA,QAAO,WAAU,2BAA0B;AAC9D;",
   "names": ["props"]
 }

package/dist/menubar.d.ts

@@ -2,9 +2,9 @@ import { Menu as MenuPrimitive } from "@base-ui/react/menu";
 import { Menubar as MenubarPrimitive } from "@base-ui/react/menubar";
 import type { ComponentProps } from "react";
 import { DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSubTrigger } from "./dropdown-menu";
-export declare function Menubar(props: ComponentProps<typeof MenubarPrimitive>): import("react").JSX.Element;
+export declare function Menubar(props: Omit<ComponentProps<typeof MenubarPrimitive>, "className" | "style">): import("react").JSX.Element;
 export declare const MenubarMenu: <Payload>(props: MenuPrimitive.Root.Props<Payload>) => import("react").JSX.Element;
-export declare function MenubarTrigger({ ...props }: ComponentProps<typeof MenuPrimitive.Trigger>): import("react").JSX.Element;
+export declare function MenubarTrigger({ ...props }: Omit<ComponentProps<typeof MenuPrimitive.Trigger>, "className" | "style">): import("react").JSX.Element;
 export declare const MenubarContent: typeof DropdownMenuContent;
 export declare const MenubarItem: typeof DropdownMenuItem;
 export declare const MenubarCheckboxItem: typeof DropdownMenuCheckboxItem;