@nooeh/ui 0.1.0

package/dist/marker.js

@@ -0,0 +1,206 @@
+// src/marker.tsx
+import { c as _c } from "react/compiler-runtime";
+import * as stylex from "@stylexjs/stylex";
+
+// src/stylex-props.ts
+function getNativeStyleProps(stylexProps, className, style) {
+  return {
+    className: [stylexProps.className, className].filter(Boolean).join(" "),
+    style: {
+      ...stylexProps.style,
+      ...style
+    }
+  };
+}
+
+// src/marker.tsx
+import { jsx } from "react/jsx-runtime";
+var styles = {
+  root: {
+    kGNEyG: "x6s0dn4",
+    kMwMTN: "x1f8jq9g",
+    k1xSpc: "x3nfvp2",
+    kGuDYH: "x1ypeaw5",
+    k63SB2: "x12lpnxt",
+    kOIVth: "xor4qq5",
+    kLWn49: "x18qbr9o",
+    k7Eaqz: "xeuugli",
+    $$css: true
+  },
+  variantDefault: {
+    $$css: true
+  },
+  border: {
+    kL6WhQ: "x1nigirl",
+    kfdmCh: "x1q0q8m5",
+    kt9PQ7: "xso031l",
+    kGO01o: "x1ingdae",
+    $$css: true
+  },
+  separator: {
+    k1xSpc: "x78zum5",
+    kzqmXN: "xh8yej3",
+    kLkRvE: "xbzuw51",
+    kgeoSG: "x1cpjm7i",
+    kLB3ol: "xl5i350",
+    kgzTxl: "xy80zi5",
+    ks3ayO: "x14gn8ho",
+    k5JduY: "x1s928wv",
+    krxQOp: "xkbqsiu",
+    k4zj60: "xcock1l",
+    $$css: true
+  },
+  icon: {
+    kGNEyG: "x6s0dn4",
+    k1xSpc: "x3nfvp2",
+    kmuXW: "x2lah0s",
+    $$css: true
+  },
+  content: {
+    kVQacm: "xb3r6kr",
+    kg5iWk: "xlyipyv",
+    khDVqt: "xuxw1ft",
+    $$css: true
+  }
+};
+function Marker(t0) {
+  const $ = _c(14);
+  let className;
+  let props2;
+  let style;
+  let t1;
+  let xstyle;
+  if ($[0] !== t0) {
+    ({
+      className,
+      style,
+      variant: t1,
+      xstyle,
+      ...props2
+    } = t0);
+    $[0] = t0;
+    $[1] = className;
+    $[2] = props2;
+    $[3] = style;
+    $[4] = t1;
+    $[5] = xstyle;
+  } else {
+    className = $[1];
+    props2 = $[2];
+    style = $[3];
+    t1 = $[4];
+    xstyle = $[5];
+  }
+  const variant = t1 === void 0 ? "default" : t1;
+  let t2;
+  if ($[6] !== className || $[7] !== style || $[8] !== variant || $[9] !== xstyle) {
+    t2 = getNativeStyleProps(stylex.props(styles.root, variant === "default" ? styles.variantDefault : styles[variant], xstyle), className, style);
+    $[6] = className;
+    $[7] = style;
+    $[8] = variant;
+    $[9] = xstyle;
+    $[10] = t2;
+  } else {
+    t2 = $[10];
+  }
+  let t3;
+  if ($[11] !== props2 || $[12] !== t2) {
+    t3 = /* @__PURE__ */ jsx("div", { ...props2, ...t2 });
+    $[11] = props2;
+    $[12] = t2;
+    $[13] = t3;
+  } else {
+    t3 = $[13];
+  }
+  return t3;
+}
+function MarkerIcon(t0) {
+  const $ = _c(10);
+  let className;
+  let props2;
+  let style;
+  if ($[0] !== t0) {
+    ({
+      className,
+      style,
+      ...props2
+    } = t0);
+    $[0] = t0;
+    $[1] = className;
+    $[2] = props2;
+    $[3] = style;
+  } else {
+    className = $[1];
+    props2 = $[2];
+    style = $[3];
+  }
+  let t1;
+  if ($[4] !== className || $[5] !== style) {
+    t1 = getNativeStyleProps({
+      className: "x6s0dn4 x3nfvp2 x2lah0s"
+    }, className, style);
+    $[4] = className;
+    $[5] = style;
+    $[6] = t1;
+  } else {
+    t1 = $[6];
+  }
+  let t2;
+  if ($[7] !== props2 || $[8] !== t1) {
+    t2 = /* @__PURE__ */ jsx("span", { "aria-hidden": "true", ...props2, ...t1 });
+    $[7] = props2;
+    $[8] = t1;
+    $[9] = t2;
+  } else {
+    t2 = $[9];
+  }
+  return t2;
+}
+function MarkerContent(t0) {
+  const $ = _c(10);
+  let className;
+  let props2;
+  let style;
+  if ($[0] !== t0) {
+    ({
+      className,
+      style,
+      ...props2
+    } = t0);
+    $[0] = t0;
+    $[1] = className;
+    $[2] = props2;
+    $[3] = style;
+  } else {
+    className = $[1];
+    props2 = $[2];
+    style = $[3];
+  }
+  let t1;
+  if ($[4] !== className || $[5] !== style) {
+    t1 = getNativeStyleProps({
+      className: "xb3r6kr xlyipyv xuxw1ft"
+    }, className, style);
+    $[4] = className;
+    $[5] = style;
+    $[6] = t1;
+  } else {
+    t1 = $[6];
+  }
+  let t2;
+  if ($[7] !== props2 || $[8] !== t1) {
+    t2 = /* @__PURE__ */ jsx("span", { ...props2, ...t1 });
+    $[7] = props2;
+    $[8] = t1;
+    $[9] = t2;
+  } else {
+    t2 = $[9];
+  }
+  return t2;
+}
+export {
+  Marker,
+  MarkerContent,
+  MarkerIcon
+};
+//# sourceMappingURL=marker.js.map

package/dist/marker.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/marker.tsx", "../src/stylex-props.ts"],
+  "sourcesContent": ["import { c as _c } from \"react/compiler-runtime\";\nimport * as stylex from \"@stylexjs/stylex\";\nimport type { ComponentProps } from \"react\";\nimport { getNativeStyleProps } from \"./stylex-props\";\nimport { colorVars, spacingVars, typographyVars } from \"@nooeh/tokens/tokens.stylex\";\nconst styles = {\n  root: {\n    kGNEyG: \"x6s0dn4\",\n    kMwMTN: \"x1f8jq9g\",\n    k1xSpc: \"x3nfvp2\",\n    kGuDYH: \"x1ypeaw5\",\n    k63SB2: \"x12lpnxt\",\n    kOIVth: \"xor4qq5\",\n    kLWn49: \"x18qbr9o\",\n    k7Eaqz: \"xeuugli\",\n    $$css: true\n  },\n  variantDefault: {\n    $$css: true\n  },\n  border: {\n    kL6WhQ: \"x1nigirl\",\n    kfdmCh: \"x1q0q8m5\",\n    kt9PQ7: \"xso031l\",\n    kGO01o: \"x1ingdae\",\n    $$css: true\n  },\n  separator: {\n    k1xSpc: \"x78zum5\",\n    kzqmXN: \"xh8yej3\",\n    kLkRvE: \"xbzuw51\",\n    kgeoSG: \"x1cpjm7i\",\n    kLB3ol: \"xl5i350\",\n    kgzTxl: \"xy80zi5\",\n    ks3ayO: \"x14gn8ho\",\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(14);\n  let className;\n  let props;\n  let style;\n  let t1;\n  let xstyle;\n  if ($[0] !== t0) {\n    ({\n      className,\n      style,\n      variant: t1,\n      xstyle,\n      ...props\n    } = t0);\n    $[0] = t0;\n    $[1] = className;\n    $[2] = props;\n    $[3] = style;\n    $[4] = t1;\n    $[5] = xstyle;\n  } else {\n    className = $[1];\n    props = $[2];\n    style = $[3];\n    t1 = $[4];\n    xstyle = $[5];\n  }\n  const variant = t1 === undefined ? \"default\" : t1;\n  let t2;\n  if ($[6] !== className || $[7] !== style || $[8] !== variant || $[9] !== xstyle) {\n    t2 = getNativeStyleProps(stylex.props(styles.root, variant === \"default\" ? styles.variantDefault : styles[variant], xstyle), className, style);\n    $[6] = className;\n    $[7] = style;\n    $[8] = variant;\n    $[9] = xstyle;\n    $[10] = t2;\n  } else {\n    t2 = $[10];\n  }\n  let t3;\n  if ($[11] !== props || $[12] !== t2) {\n    t3 = <div {...props} {...t2} />;\n    $[11] = props;\n    $[12] = t2;\n    $[13] = t3;\n  } else {\n    t3 = $[13];\n  }\n  return t3;\n}\nexport function MarkerIcon(t0) {\n  const $ = _c(10);\n  let className;\n  let props;\n  let style;\n  if ($[0] !== t0) {\n    ({\n      className,\n      style,\n      ...props\n    } = t0);\n    $[0] = t0;\n    $[1] = className;\n    $[2] = props;\n    $[3] = style;\n  } else {\n    className = $[1];\n    props = $[2];\n    style = $[3];\n  }\n  let t1;\n  if ($[4] !== className || $[5] !== style) {\n    t1 = getNativeStyleProps({\n      className: \"x6s0dn4 x3nfvp2 x2lah0s\"\n    }, className, style);\n    $[4] = className;\n    $[5] = style;\n    $[6] = t1;\n  } else {\n    t1 = $[6];\n  }\n  let t2;\n  if ($[7] !== props || $[8] !== t1) {\n    t2 = <span aria-hidden=\"true\" {...props} {...t1} />;\n    $[7] = props;\n    $[8] = t1;\n    $[9] = t2;\n  } else {\n    t2 = $[9];\n  }\n  return t2;\n}\nexport function MarkerContent(t0) {\n  const $ = _c(10);\n  let className;\n  let props;\n  let style;\n  if ($[0] !== t0) {\n    ({\n      className,\n      style,\n      ...props\n    } = t0);\n    $[0] = t0;\n    $[1] = className;\n    $[2] = props;\n    $[3] = style;\n  } else {\n    className = $[1];\n    props = $[2];\n    style = $[3];\n  }\n  let t1;\n  if ($[4] !== className || $[5] !== style) {\n    t1 = getNativeStyleProps({\n      className: \"xb3r6kr xlyipyv xuxw1ft\"\n    }, className, style);\n    $[4] = className;\n    $[5] = style;\n    $[6] = t1;\n  } else {\n    t1 = $[6];\n  }\n  let t2;\n  if ($[7] !== props || $[8] !== t1) {\n    t2 = <span {...props} {...t1} />;\n    $[7] = props;\n    $[8] = t1;\n    $[9] = t2;\n  } else {\n    t2 = $[9];\n  }\n  return t2;\n}", "import * as stylex from \"@stylexjs/stylex\";\nimport type { ComponentProps } from \"react\";\nexport function getNativeStyleProps(stylexProps: ReturnType<typeof stylex.props>, className?: string, style?: ComponentProps<\"div\">[\"style\"]): Pick<ComponentProps<\"div\">, \"className\" | \"style\"> {\n  return {\n    className: [stylexProps.className, className].filter(Boolean).join(\" \"),\n    style: {\n      ...stylexProps.style,\n      ...style\n    }\n  };\n}"],
+  "mappings": "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",
+  "names": ["props"]
+}

package/dist/menubar.d.ts

@@ -0,0 +1,19 @@
+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 const MenubarMenu: <Payload>(props: MenuPrimitive.Root.Props<Payload>) => import("react").JSX.Element;
+export declare function MenubarTrigger({ className, style, ...props }: ComponentProps<typeof MenuPrimitive.Trigger>): import("react").JSX.Element;
+export declare const MenubarContent: typeof DropdownMenuContent;
+export declare const MenubarItem: typeof DropdownMenuItem;
+export declare const MenubarCheckboxItem: typeof DropdownMenuCheckboxItem;
+export declare const MenubarRadioItem: typeof DropdownMenuRadioItem;
+export declare const MenubarGroup: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").MenuGroupProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const MenubarRadioGroup: import("react").NamedExoticComponent<Omit<import("@base-ui/react").MenuRadioGroupProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const MenubarLabel: typeof DropdownMenuLabel;
+export declare const MenubarSeparator: typeof DropdownMenuSeparator;
+export declare const MenubarShortcut: typeof DropdownMenuShortcut;
+export declare const MenubarSub: typeof MenuPrimitive.SubmenuRoot;
+export declare const MenubarSubTrigger: typeof DropdownMenuSubTrigger;
+export declare const MenubarSubContent: typeof DropdownMenuContent;