@nooeh/ui 0.1.0

package/dist/message-scroller.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/message-scroller.tsx", "../src/button.tsx", "../src/Icon.tsx"],
+  "sourcesContent": ["import { c as _c } from \"react/compiler-runtime\";\nimport * as stylex from \"@stylexjs/stylex\";\nimport { type ComponentProps, type ReactNode, useEffect, useRef, useState } from \"react\";\nimport { Button } from \"./button\";\nimport { Icon } from \"./Icon\";\nimport { colorVars, motionVars, radiusVars, spacingVars } from \"@nooeh/tokens/tokens.stylex\";\nconst styles = {\n  root: {\n    kAzted: \"x2lwn1j\",\n    kVQacm: \"xb3r6kr\",\n    kVAEAm: \"x1n2onr6\",\n    $$css: true\n  },\n  action: {\n    kaIpWk: \"xlcjyoq\",\n    krVfgx: \"xd8blaa\",\n    kbCHJM: \"x1nrll8i\",\n    k7Eaqz: \"x19hwnzc\",\n    kSiTet: \"x1hc1fzr\",\n    kVAEAm: \"x10l6tqk\",\n    k3aq6I: \"xuuh30\",\n    kIyJzY: \"x1bqxu3r\",\n    k1ekBW: \"x6o7n8i\",\n    $$css: true\n  }\n};\nexport type MessageScrollerProps = ComponentProps<\"div\"> & {\n  children: ReactNode;\n  /** Keeps the latest message in view when new messages are added. @default true */\n  followOutput?: boolean;\n  scrollLabel?: string;\n  xstyle?: stylex.StyleXStyles;\n};\nexport function MessageScroller(t0) {\n  const $ = _c(36);\n  let children;\n  let className;\n  let props;\n  let style;\n  let t1;\n  let t2;\n  let xstyle;\n  if ($[0] !== t0) {\n    ({\n      children,\n      className,\n      followOutput: t1,\n      scrollLabel: t2,\n      style,\n      xstyle,\n      ...props\n    } = t0);\n    $[0] = t0;\n    $[1] = children;\n    $[2] = className;\n    $[3] = props;\n    $[4] = style;\n    $[5] = t1;\n    $[6] = t2;\n    $[7] = xstyle;\n  } else {\n    children = $[1];\n    className = $[2];\n    props = $[3];\n    style = $[4];\n    t1 = $[5];\n    t2 = $[6];\n    xstyle = $[7];\n  }\n  const followOutput = t1 === undefined ? true : t1;\n  const scrollLabel = t2 === undefined ? \"Scroll to latest message\" : t2;\n  const viewportRef = useRef(null);\n  const [isAtEnd, setIsAtEnd] = useState(true);\n  let t3;\n  if ($[8] !== followOutput || $[9] !== isAtEnd) {\n    t3 = () => {\n      if (followOutput && isAtEnd) {\n        viewportRef.current?.scrollTo({\n          top: viewportRef.current.scrollHeight\n        });\n      }\n    };\n    $[8] = followOutput;\n    $[9] = isAtEnd;\n    $[10] = t3;\n  } else {\n    t3 = $[10];\n  }\n  let t4;\n  if ($[11] !== children || $[12] !== followOutput || $[13] !== isAtEnd) {\n    t4 = [children, followOutput, isAtEnd];\n    $[11] = children;\n    $[12] = followOutput;\n    $[13] = isAtEnd;\n    $[14] = t4;\n  } else {\n    t4 = $[14];\n  }\n  useEffect(t3, t4);\n  let t5;\n  if ($[15] !== xstyle) {\n    t5 = stylex.props(styles.root, xstyle);\n    $[15] = xstyle;\n    $[16] = t5;\n  } else {\n    t5 = $[16];\n  }\n  const resolved = t5;\n  let t6;\n  if ($[17] !== className || $[18] !== resolved.className) {\n    t6 = [resolved.className, className].filter(Boolean);\n    $[17] = className;\n    $[18] = resolved.className;\n    $[19] = t6;\n  } else {\n    t6 = $[19];\n  }\n  const t7 = t6.join(\" \");\n  let t8;\n  if ($[20] !== resolved.style || $[21] !== style) {\n    t8 = {\n      ...resolved.style,\n      ...style\n    };\n    $[20] = resolved.style;\n    $[21] = style;\n    $[22] = t8;\n  } else {\n    t8 = $[22];\n  }\n  let t10;\n  let t9;\n  if ($[23] === Symbol.for(\"react.memo_cache_sentinel\")) {\n    t9 = {\n      className: \"x78zum5 xdt5ytf xk4z1a3 x5yr21d x1odjw0f xish69e xkcv6ua x1kx3khz xg83hb1\"\n    };\n    t10 = event => {\n      const target = event.currentTarget;\n      setIsAtEnd(target.scrollHeight - target.scrollTop - target.clientHeight < 4);\n    };\n    $[23] = t10;\n    $[24] = t9;\n  } else {\n    t10 = $[23];\n    t9 = $[24];\n  }\n  let t11;\n  if ($[25] !== children) {\n    t11 = <div ref={viewportRef} {...t9} onScroll={t10}>{children}</div>;\n    $[25] = children;\n    $[26] = t11;\n  } else {\n    t11 = $[26];\n  }\n  let t12;\n  if ($[27] !== isAtEnd || $[28] !== scrollLabel) {\n    t12 = !isAtEnd ? <Button aria-label={scrollLabel} size=\"sm\" variant=\"secondary\" xstyle={styles.action} onClick={() => viewportRef.current?.scrollTo({\n      behavior: \"smooth\",\n      top: viewportRef.current.scrollHeight\n    })}><Icon name=\"arrowDown\" /></Button> : null;\n    $[27] = isAtEnd;\n    $[28] = scrollLabel;\n    $[29] = t12;\n  } else {\n    t12 = $[29];\n  }\n  let t13;\n  if ($[30] !== props || $[31] !== t11 || $[32] !== t12 || $[33] !== t7 || $[34] !== t8) {\n    t13 = <div {...props} className={t7} style={t8}>{t11}{t12}</div>;\n    $[30] = props;\n    $[31] = t11;\n    $[32] = t12;\n    $[33] = t7;\n    $[34] = t8;\n    $[35] = t13;\n  } else {\n    t13 = $[35];\n  }\n  return t13;\n}", "import { c as _c } from \"react/compiler-runtime\";\nimport { Button as ButtonPrimitive } from \"@base-ui/react/button\";\nimport * as stylex from \"@stylexjs/stylex\";\nimport type { ComponentProps, ReactNode } from \"react\";\nimport { colorVars, motionVars, radiusVars, sizeVars, spacingVars, typographyVars } from \"@nooeh/tokens/tokens.stylex\";\nconst styles = {\n  root: {\n    kGNEyG: \"x6s0dn4\",\n    kysU6D: \"xjyslct\",\n    ksu8eU: \"x1y0btm7\",\n    kMzoRj: \"xzcyats\",\n    kkrTdU: \"x1ypdohk\",\n    k1xSpc: \"x3nfvp2\",\n    kGuDYH: \"xkrk5hw\",\n    k63SB2: \"x12lpnxt\",\n    kOIVth: \"xor4qq5\",\n    kHBbk8: \"xc8icb0\",\n    kjj79g: \"xl56j7k\",\n    kLWn49: \"x7f5rko\",\n    kI3sdo: \"x1a2a7pz\",\n    kVQacm: \"xb3r6kr\",\n    kVAEAm: \"x1n2onr6\",\n    kIyJzY: \"x1uff5cw\",\n    k1ekBW: \"x1qsmvhx\",\n    kAMwcw: \"x1mv6ihr\",\n    kfSwDN: \"x87ps6o\",\n    khDVqt: \"xuxw1ft\",\n    kZs9gx: \"x1tdmnsb\",\n    kiEn40: \"xe0szup\",\n    k7shQP: \"x9v5kkp\",\n    kPJHz1: \"xe0iu4d\",\n    kYPGJ8: \"x1s07b3s\",\n    kLkRvE: \"x1huvc7q\",\n    kgeoSG: \"x1cpjm7i\",\n    kFcpXp: \"xxx281p\",\n    km8f2m: \"xkk1bqk\",\n    kEoFBp: \"x1hmns74\",\n    kxmVGU: \"x2hztxu\",\n    $$css: true\n  },\n  solidInteraction: {\n    kLkRvE: \"x1huvc7q xe1vvi1 x1h1rtsr\",\n    $$css: true\n  },\n  surfaceInteraction: {\n    kLkRvE: \"x1huvc7q x1tv8xzy x13ywbnz\",\n    $$css: true\n  },\n  content: {\n    kGNEyG: \"x6s0dn4\",\n    k1xSpc: \"x3nfvp2\",\n    kOIVth: \"xor4qq5\",\n    kVAEAm: \"x1n2onr6\",\n    kY2c9j: \"x1vjfegm\",\n    $$css: true\n  },\n  primary: {\n    kWkggS: \"x1daa10s\",\n    kVAM5u: \"xfln9ii\",\n    kMwMTN: \"xa9qbaf\",\n    $$css: true\n  },\n  secondary: {\n    kWkggS: \"x11m93s7\",\n    kVAM5u: \"x1bl4cbq\",\n    kMwMTN: \"x122omjn\",\n    $$css: true\n  },\n  ghost: {\n    kWkggS: \"x6yzn1n\",\n    kVAM5u: \"x1txbts0\",\n    kMwMTN: \"x122omjn\",\n    $$css: true\n  },\n  destructive: {\n    kWkggS: \"x1dlgrcs\",\n    kVAM5u: \"x17m395y\",\n    kMwMTN: \"x14ce1vv\",\n    $$css: true\n  },\n  disabled: {\n    kWkggS: \"xrzcjx\",\n    kVAM5u: \"x1bl4cbq\",\n    kMwMTN: \"x4q6dxh\",\n    $$css: true\n  },\n  disabledGhost: {\n    kWkggS: \"x6yzn1n\",\n    kVAM5u: \"x1txbts0\",\n    $$css: true\n  },\n  disabledInteraction: {\n    kLkRvE: \"x1huvc7q\",\n    $$css: true\n  },\n  sm: {\n    kaIpWk: \"x1fzuljc\",\n    kZKoxP: \"xf8e5s9\",\n    kg3NbH: \"xk1318k\",\n    $$css: true\n  },\n  md: {\n    kaIpWk: \"x1fzuljc\",\n    kZKoxP: \"xqg51pm\",\n    kg3NbH: \"x1bx8ds0\",\n    $$css: true\n  },\n  lg: {\n    kaIpWk: \"x1fzuljc\",\n    kZKoxP: \"xoprh6g\",\n    kg3NbH: \"x110956\",\n    $$css: true\n  }\n};\ntype ButtonVariant = \"primary\" | \"secondary\" | \"ghost\" | \"destructive\";\ntype ButtonSize = \"sm\" | \"md\" | \"lg\";\nexport type ButtonProps = ComponentProps<typeof ButtonPrimitive> & {\n  children: ReactNode;\n  size?: ButtonSize;\n  variant?: ButtonVariant;\n  xstyle?: stylex.StyleXStyles;\n};\nexport function Button(t0) {\n  const $ = _c(30);\n  let children;\n  let className;\n  let disabled;\n  let props;\n  let style;\n  let t1;\n  let t2;\n  let xstyle;\n  if ($[0] !== t0) {\n    ({\n      children,\n      className,\n      disabled,\n      size: t1,\n      style,\n      variant: t2,\n      xstyle,\n      ...props\n    } = t0);\n    $[0] = t0;\n    $[1] = children;\n    $[2] = className;\n    $[3] = disabled;\n    $[4] = props;\n    $[5] = style;\n    $[6] = t1;\n    $[7] = t2;\n    $[8] = xstyle;\n  } else {\n    children = $[1];\n    className = $[2];\n    disabled = $[3];\n    props = $[4];\n    style = $[5];\n    t1 = $[6];\n    t2 = $[7];\n    xstyle = $[8];\n  }\n  const size = t1 === undefined ? \"md\" : t1;\n  const variant = t2 === undefined ? \"primary\" : t2;\n  const isDisabled = Boolean(disabled);\n  const hasSolidBackground = variant === \"primary\" || variant === \"destructive\";\n  let t3;\n  if ($[9] !== hasSolidBackground || $[10] !== isDisabled || $[11] !== size || $[12] !== variant || $[13] !== xstyle) {\n    t3 = stylex.props(styles.root, styles[variant], styles[size], hasSolidBackground ? styles.solidInteraction : styles.surfaceInteraction, isDisabled && styles.disabled, isDisabled && variant === \"ghost\" && styles.disabledGhost, isDisabled && styles.disabledInteraction, xstyle);\n    $[9] = hasSolidBackground;\n    $[10] = isDisabled;\n    $[11] = size;\n    $[12] = variant;\n    $[13] = xstyle;\n    $[14] = t3;\n  } else {\n    t3 = $[14];\n  }\n  const stylexProps = t3;\n  let t4;\n  if ($[15] !== className || $[16] !== stylexProps.className) {\n    t4 = [stylexProps.className, className].filter(Boolean);\n    $[15] = className;\n    $[16] = stylexProps.className;\n    $[17] = t4;\n  } else {\n    t4 = $[17];\n  }\n  const mergedClassName = t4.join(\" \");\n  let t5;\n  if ($[18] !== style || $[19] !== stylexProps.style) {\n    t5 = {\n      ...stylexProps.style,\n      ...style\n    };\n    $[18] = style;\n    $[19] = stylexProps.style;\n    $[20] = t5;\n  } else {\n    t5 = $[20];\n  }\n  let t6;\n  if ($[21] === Symbol.for(\"react.memo_cache_sentinel\")) {\n    t6 = {\n      className: \"x6s0dn4 x3nfvp2 xor4qq5 x1n2onr6 x1vjfegm\"\n    };\n    $[21] = t6;\n  } else {\n    t6 = $[21];\n  }\n  let t7;\n  if ($[22] !== children) {\n    t7 = <span {...t6}>{children}</span>;\n    $[22] = children;\n    $[23] = t7;\n  } else {\n    t7 = $[23];\n  }\n  let t8;\n  if ($[24] !== disabled || $[25] !== mergedClassName || $[26] !== props || $[27] !== t5 || $[28] !== t7) {\n    t8 = <ButtonPrimitive {...props} className={mergedClassName} disabled={disabled} style={t5}>{t7}</ButtonPrimitive>;\n    $[24] = disabled;\n    $[25] = mergedClassName;\n    $[26] = props;\n    $[27] = t5;\n    $[28] = t7;\n    $[29] = t8;\n  } else {\n    t8 = $[29];\n  }\n  return t8;\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": ["_c", "stylex", "props", "jsx", "props", "jsx", "styles", "_c", "props"]
+}

package/dist/message.d.ts

@@ -0,0 +1,10 @@
+import * as stylex from "@stylexjs/stylex";
+import type { ComponentProps } from "react";
+export type MessageProps = ComponentProps<"article"> & {
+    side?: "incoming" | "outgoing";
+    xstyle?: stylex.StyleXStyles;
+};
+export declare function Message({ className, side, style, xstyle, ...props }: MessageProps): import("react").JSX.Element;
+export declare function MessageHeader({ className, style, ...props }: ComponentProps<"header">): import("react").JSX.Element;
+export declare function MessageContent({ className, style, ...props }: ComponentProps<"div">): import("react").JSX.Element;
+export declare function MessageFooter({ className, style, ...props }: ComponentProps<"footer">): import("react").JSX.Element;

package/dist/message.js

@@ -0,0 +1,237 @@
+// src/message.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/message.tsx
+import { jsx } from "react/jsx-runtime";
+var styles = {
+  root: {
+    k1xSpc: "x78zum5",
+    kXwgrk: "xdt5ytf",
+    kOIVth: "xor4qq5",
+    kzqmXN: "xh8yej3",
+    $$css: true
+  },
+  incoming: {
+    kGNEyG: "x1cy8zhl",
+    $$css: true
+  },
+  outgoing: {
+    kGNEyG: "xuk3077",
+    $$css: true
+  },
+  header: {
+    kMwMTN: "x1f8jq9g",
+    kGuDYH: "x1ypeaw5",
+    k63SB2: "x12lpnxt",
+    $$css: true
+  },
+  content: {
+    k1xSpc: "x78zum5",
+    kXwgrk: "xdt5ytf",
+    kOIVth: "xor4qq5",
+    kzqmXN: "xh8yej3",
+    $$css: true
+  },
+  footer: {
+    kMwMTN: "x1srvxug",
+    kGuDYH: "x1ypeaw5",
+    $$css: true
+  }
+};
+function Message(t0) {
+  const $ = _c(15);
+  let className;
+  let props2;
+  let style;
+  let t1;
+  let xstyle;
+  if ($[0] !== t0) {
+    ({
+      className,
+      side: t1,
+      style,
+      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 side = t1 === void 0 ? "incoming" : t1;
+  let t2;
+  if ($[6] !== className || $[7] !== side || $[8] !== style || $[9] !== xstyle) {
+    t2 = getNativeStyleProps(stylex.props(styles.root, styles[side], xstyle), className, style);
+    $[6] = className;
+    $[7] = side;
+    $[8] = style;
+    $[9] = xstyle;
+    $[10] = t2;
+  } else {
+    t2 = $[10];
+  }
+  let t3;
+  if ($[11] !== props2 || $[12] !== side || $[13] !== t2) {
+    t3 = /* @__PURE__ */ jsx("article", { ...props2, "data-side": side, ...t2 });
+    $[11] = props2;
+    $[12] = side;
+    $[13] = t2;
+    $[14] = t3;
+  } else {
+    t3 = $[14];
+  }
+  return t3;
+}
+function MessageHeader(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: "x1f8jq9g x1ypeaw5 x12lpnxt"
+    }, className, style);
+    $[4] = className;
+    $[5] = style;
+    $[6] = t1;
+  } else {
+    t1 = $[6];
+  }
+  let t2;
+  if ($[7] !== props2 || $[8] !== t1) {
+    t2 = /* @__PURE__ */ jsx("header", { ...props2, ...t1 });
+    $[7] = props2;
+    $[8] = t1;
+    $[9] = t2;
+  } else {
+    t2 = $[9];
+  }
+  return t2;
+}
+function MessageContent(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: "x78zum5 xdt5ytf xor4qq5 xh8yej3"
+    }, className, style);
+    $[4] = className;
+    $[5] = style;
+    $[6] = t1;
+  } else {
+    t1 = $[6];
+  }
+  let t2;
+  if ($[7] !== props2 || $[8] !== t1) {
+    t2 = /* @__PURE__ */ jsx("div", { ...props2, ...t1 });
+    $[7] = props2;
+    $[8] = t1;
+    $[9] = t2;
+  } else {
+    t2 = $[9];
+  }
+  return t2;
+}
+function MessageFooter(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: "x1srvxug x1ypeaw5"
+    }, className, style);
+    $[4] = className;
+    $[5] = style;
+    $[6] = t1;
+  } else {
+    t1 = $[6];
+  }
+  let t2;
+  if ($[7] !== props2 || $[8] !== t1) {
+    t2 = /* @__PURE__ */ jsx("footer", { ...props2, ...t1 });
+    $[7] = props2;
+    $[8] = t1;
+    $[9] = t2;
+  } else {
+    t2 = $[9];
+  }
+  return t2;
+}
+export {
+  Message,
+  MessageContent,
+  MessageFooter,
+  MessageHeader
+};
+//# sourceMappingURL=message.js.map

package/dist/message.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/message.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    k1xSpc: \"x78zum5\",\n    kXwgrk: \"xdt5ytf\",\n    kOIVth: \"xor4qq5\",\n    kzqmXN: \"xh8yej3\",\n    $$css: true\n  },\n  incoming: {\n    kGNEyG: \"x1cy8zhl\",\n    $$css: true\n  },\n  outgoing: {\n    kGNEyG: \"xuk3077\",\n    $$css: true\n  },\n  header: {\n    kMwMTN: \"x1f8jq9g\",\n    kGuDYH: \"x1ypeaw5\",\n    k63SB2: \"x12lpnxt\",\n    $$css: true\n  },\n  content: {\n    k1xSpc: \"x78zum5\",\n    kXwgrk: \"xdt5ytf\",\n    kOIVth: \"xor4qq5\",\n    kzqmXN: \"xh8yej3\",\n    $$css: true\n  },\n  footer: {\n    kMwMTN: \"x1srvxug\",\n    kGuDYH: \"x1ypeaw5\",\n    $$css: true\n  }\n};\nexport type MessageProps = ComponentProps<\"article\"> & {\n  side?: \"incoming\" | \"outgoing\";\n  xstyle?: stylex.StyleXStyles;\n};\nexport function Message(t0) {\n  const $ = _c(15);\n  let className;\n  let props;\n  let style;\n  let t1;\n  let xstyle;\n  if ($[0] !== t0) {\n    ({\n      className,\n      side: t1,\n      style,\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 side = t1 === undefined ? \"incoming\" : t1;\n  let t2;\n  if ($[6] !== className || $[7] !== side || $[8] !== style || $[9] !== xstyle) {\n    t2 = getNativeStyleProps(stylex.props(styles.root, styles[side], xstyle), className, style);\n    $[6] = className;\n    $[7] = side;\n    $[8] = style;\n    $[9] = xstyle;\n    $[10] = t2;\n  } else {\n    t2 = $[10];\n  }\n  let t3;\n  if ($[11] !== props || $[12] !== side || $[13] !== t2) {\n    t3 = <article {...props} data-side={side} {...t2} />;\n    $[11] = props;\n    $[12] = side;\n    $[13] = t2;\n    $[14] = t3;\n  } else {\n    t3 = $[14];\n  }\n  return t3;\n}\nexport function MessageHeader(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: \"x1f8jq9g x1ypeaw5 x12lpnxt\"\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 = <header {...props} {...t1} />;\n    $[7] = props;\n    $[8] = t1;\n    $[9] = t2;\n  } else {\n    t2 = $[9];\n  }\n  return t2;\n}\nexport function MessageContent(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: \"x78zum5 xdt5ytf xor4qq5 xh8yej3\"\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 = <div {...props} {...t1} />;\n    $[7] = props;\n    $[8] = t1;\n    $[9] = t2;\n  } else {\n    t2 = $[9];\n  }\n  return t2;\n}\nexport function MessageFooter(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: \"x1srvxug x1ypeaw5\"\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 = <footer {...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/native-select.d.ts

@@ -0,0 +1,9 @@
+import * as stylex from "@stylexjs/stylex";
+import type { ComponentProps } from "react";
+export type NativeSelectProps = Omit<ComponentProps<"select">, "size"> & {
+    size?: "md" | "sm";
+    xstyle?: stylex.StyleXStyles;
+};
+export declare function NativeSelect({ className, children, size, style, xstyle, ...props }: NativeSelectProps): import("react").JSX.Element;
+export declare function NativeSelectOption(props: ComponentProps<"option">): import("react").JSX.Element;
+export declare function NativeSelectOptGroup(props: ComponentProps<"optgroup">): import("react").JSX.Element;

package/dist/native-select.js

@@ -0,0 +1,274 @@
+// src/native-select.tsx
+import { c as _c } from "react/compiler-runtime";
+import * as stylex from "@stylexjs/stylex";
+
+// 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/native-select.tsx
+import { jsx as jsx2, jsxs } from "react/jsx-runtime";
+var styles = {
+  root: {
+    k1xSpc: "x3nfvp2",
+    kVAEAm: "x1n2onr6",
+    kzqmXN: "xeq5yr9",
+    $$css: true
+  },
+  select: {
+    kysU6D: "xjyslct",
+    kWkggS: "x11m93s7",
+    kVAM5u: "x1bl4cbq",
+    kaIpWk: "x1fzuljc",
+    ksu8eU: "x1y0btm7",
+    kMzoRj: "xzcyats",
+    kMwMTN: "x122omjn",
+    kGuDYH: "xkrk5hw",
+    k7Eaqz: "xuu4ctt",
+    kI3sdo: "x1a2a7pz",
+    kZCmMZ: "x1uaqzuq",
+    kwRFfy: "xhrf1xn",
+    kzqmXN: "xh8yej3",
+    kaVNsj: "xc8knpb",
+    kOJeXU: "x1flqxvx",
+    kZs9gx: "x1tdmnsb",
+    kiEn40: "x1y5at3w",
+    k7shQP: "x9v5kkp",
+    kPJHz1: "xe0iu4d",
+    kD2jPA: "xihlrzp",
+    kdODIN: "x1t6ugyu",
+    kWC4TW: "x1iij5vl",
+    kYPGJ8: "x1s07b3s",
+    kqcrZL: "x1b580vz",
+    $$css: true
+  },
+  sm: {
+    kZKoxP: "xf8e5s9",
+    $$css: true
+  },
+  md: {
+    kZKoxP: "xqg51pm",
+    $$css: true
+  },
+  icon: {
+    kMwMTN: "x1f8jq9g",
+    kfzvcC: "x47corl",
+    kVAEAm: "x10l6tqk",
+    kCIrl2: "x1yuylbs",
+    k87sOh: "xwa60dl",
+    k3aq6I: "x1cb1t30",
+    $$css: true
+  }
+};
+function NativeSelect(t0) {
+  const $ = _c(25);
+  let children;
+  let className;
+  let props2;
+  let style;
+  let t1;
+  let xstyle;
+  if ($[0] !== t0) {
+    ({
+      className,
+      children,
+      size: t1,
+      style,
+      xstyle,
+      ...props2
+    } = t0);
+    $[0] = t0;
+    $[1] = children;
+    $[2] = className;
+    $[3] = props2;
+    $[4] = style;
+    $[5] = t1;
+    $[6] = xstyle;
+  } else {
+    children = $[1];
+    className = $[2];
+    props2 = $[3];
+    style = $[4];
+    t1 = $[5];
+    xstyle = $[6];
+  }
+  const size = t1 === void 0 ? "md" : t1;
+  let t2;
+  if ($[7] !== size || $[8] !== xstyle) {
+    t2 = stylex.props(styles.select, styles[size], xstyle);
+    $[7] = size;
+    $[8] = xstyle;
+    $[9] = t2;
+  } else {
+    t2 = $[9];
+  }
+  const stylexProps = t2;
+  let t3;
+  if ($[10] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t3 = {
+      className: "x3nfvp2 x1n2onr6 xeq5yr9"
+    };
+    $[10] = t3;
+  } else {
+    t3 = $[10];
+  }
+  let t4;
+  if ($[11] !== className || $[12] !== stylexProps.className) {
+    t4 = [stylexProps.className, className].filter(Boolean);
+    $[11] = className;
+    $[12] = stylexProps.className;
+    $[13] = t4;
+  } else {
+    t4 = $[13];
+  }
+  const t5 = t4.join(" ");
+  let t6;
+  if ($[14] !== style || $[15] !== stylexProps.style) {
+    t6 = {
+      ...stylexProps.style,
+      ...style
+    };
+    $[14] = style;
+    $[15] = stylexProps.style;
+    $[16] = t6;
+  } else {
+    t6 = $[16];
+  }
+  let t7;
+  if ($[17] !== children || $[18] !== props2 || $[19] !== t5 || $[20] !== t6) {
+    t7 = /* @__PURE__ */ jsx2("select", { ...props2, className: t5, style: t6, children });
+    $[17] = children;
+    $[18] = props2;
+    $[19] = t5;
+    $[20] = t6;
+    $[21] = t7;
+  } else {
+    t7 = $[21];
+  }
+  let t8;
+  if ($[22] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t8 = /* @__PURE__ */ jsx2(Icon, { "aria-hidden": "true", name: "chevronDown", className: "x1f8jq9g x47corl x10l6tqk x1yuylbs xwa60dl x1cb1t30" });
+    $[22] = t8;
+  } else {
+    t8 = $[22];
+  }
+  let t9;
+  if ($[23] !== t7) {
+    t9 = /* @__PURE__ */ jsxs("span", { ...t3, children: [
+      t7,
+      t8
+    ] });
+    $[23] = t7;
+    $[24] = t9;
+  } else {
+    t9 = $[24];
+  }
+  return t9;
+}
+function NativeSelectOption(props2) {
+  const $ = _c(2);
+  let t0;
+  if ($[0] !== props2) {
+    t0 = /* @__PURE__ */ jsx2("option", { ...props2 });
+    $[0] = props2;
+    $[1] = t0;
+  } else {
+    t0 = $[1];
+  }
+  return t0;
+}
+function NativeSelectOptGroup(props2) {
+  const $ = _c(2);
+  let t0;
+  if ($[0] !== props2) {
+    t0 = /* @__PURE__ */ jsx2("optgroup", { ...props2 });
+    $[0] = props2;
+    $[1] = t0;
+  } else {
+    t0 = $[1];
+  }
+  return t0;
+}
+export {
+  NativeSelect,
+  NativeSelectOptGroup,
+  NativeSelectOption
+};
+//# sourceMappingURL=native-select.js.map

package/dist/native-select.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/native-select.tsx", "../src/Icon.tsx"],
+  "sourcesContent": ["import { c as _c } from \"react/compiler-runtime\";\nimport * as stylex from \"@stylexjs/stylex\";\nimport type { ComponentProps } from \"react\";\nimport { Icon } from \"./Icon\";\nimport { colorVars, radiusVars, sizeVars, spacingVars, typographyVars } from \"@nooeh/tokens/tokens.stylex\";\nconst styles = {\n  root: {\n    k1xSpc: \"x3nfvp2\",\n    kVAEAm: \"x1n2onr6\",\n    kzqmXN: \"xeq5yr9\",\n    $$css: true\n  },\n  select: {\n    kysU6D: \"xjyslct\",\n    kWkggS: \"x11m93s7\",\n    kVAM5u: \"x1bl4cbq\",\n    kaIpWk: \"x1fzuljc\",\n    ksu8eU: \"x1y0btm7\",\n    kMzoRj: \"xzcyats\",\n    kMwMTN: \"x122omjn\",\n    kGuDYH: \"xkrk5hw\",\n    k7Eaqz: \"xuu4ctt\",\n    kI3sdo: \"x1a2a7pz\",\n    kZCmMZ: \"x1uaqzuq\",\n    kwRFfy: \"xhrf1xn\",\n    kzqmXN: \"xh8yej3\",\n    kaVNsj: \"xc8knpb\",\n    kOJeXU: \"x1flqxvx\",\n    kZs9gx: \"x1tdmnsb\",\n    kiEn40: \"x1y5at3w\",\n    k7shQP: \"x9v5kkp\",\n    kPJHz1: \"xe0iu4d\",\n    kD2jPA: \"xihlrzp\",\n    kdODIN: \"x1t6ugyu\",\n    kWC4TW: \"x1iij5vl\",\n    kYPGJ8: \"x1s07b3s\",\n    kqcrZL: \"x1b580vz\",\n    $$css: true\n  },\n  sm: {\n    kZKoxP: \"xf8e5s9\",\n    $$css: true\n  },\n  md: {\n    kZKoxP: \"xqg51pm\",\n    $$css: true\n  },\n  icon: {\n    kMwMTN: \"x1f8jq9g\",\n    kfzvcC: \"x47corl\",\n    kVAEAm: \"x10l6tqk\",\n    kCIrl2: \"x1yuylbs\",\n    k87sOh: \"xwa60dl\",\n    k3aq6I: \"x1cb1t30\",\n    $$css: true\n  }\n};\nexport type NativeSelectProps = Omit<ComponentProps<\"select\">, \"size\"> & {\n  size?: \"md\" | \"sm\";\n  xstyle?: stylex.StyleXStyles;\n};\nexport function NativeSelect(t0) {\n  const $ = _c(25);\n  let children;\n  let className;\n  let props;\n  let style;\n  let t1;\n  let xstyle;\n  if ($[0] !== t0) {\n    ({\n      className,\n      children,\n      size: t1,\n      style,\n      xstyle,\n      ...props\n    } = t0);\n    $[0] = t0;\n    $[1] = children;\n    $[2] = className;\n    $[3] = props;\n    $[4] = style;\n    $[5] = t1;\n    $[6] = xstyle;\n  } else {\n    children = $[1];\n    className = $[2];\n    props = $[3];\n    style = $[4];\n    t1 = $[5];\n    xstyle = $[6];\n  }\n  const size = t1 === undefined ? \"md\" : t1;\n  let t2;\n  if ($[7] !== size || $[8] !== xstyle) {\n    t2 = stylex.props(styles.select, styles[size], xstyle);\n    $[7] = size;\n    $[8] = xstyle;\n    $[9] = t2;\n  } else {\n    t2 = $[9];\n  }\n  const stylexProps = t2;\n  let t3;\n  if ($[10] === Symbol.for(\"react.memo_cache_sentinel\")) {\n    t3 = {\n      className: \"x3nfvp2 x1n2onr6 xeq5yr9\"\n    };\n    $[10] = t3;\n  } else {\n    t3 = $[10];\n  }\n  let t4;\n  if ($[11] !== className || $[12] !== stylexProps.className) {\n    t4 = [stylexProps.className, className].filter(Boolean);\n    $[11] = className;\n    $[12] = stylexProps.className;\n    $[13] = t4;\n  } else {\n    t4 = $[13];\n  }\n  const t5 = t4.join(\" \");\n  let t6;\n  if ($[14] !== style || $[15] !== stylexProps.style) {\n    t6 = {\n      ...stylexProps.style,\n      ...style\n    };\n    $[14] = style;\n    $[15] = stylexProps.style;\n    $[16] = t6;\n  } else {\n    t6 = $[16];\n  }\n  let t7;\n  if ($[17] !== children || $[18] !== props || $[19] !== t5 || $[20] !== t6) {\n    t7 = <select {...props} className={t5} style={t6}>{children}</select>;\n    $[17] = children;\n    $[18] = props;\n    $[19] = t5;\n    $[20] = t6;\n    $[21] = t7;\n  } else {\n    t7 = $[21];\n  }\n  let t8;\n  if ($[22] === Symbol.for(\"react.memo_cache_sentinel\")) {\n    t8 = <Icon aria-hidden=\"true\" name=\"chevronDown\" className=\"x1f8jq9g x47corl x10l6tqk x1yuylbs xwa60dl x1cb1t30\" />;\n    $[22] = t8;\n  } else {\n    t8 = $[22];\n  }\n  let t9;\n  if ($[23] !== t7) {\n    t9 = <span {...t3}>{t7}{t8}</span>;\n    $[23] = t7;\n    $[24] = t9;\n  } else {\n    t9 = $[24];\n  }\n  return t9;\n}\nexport function NativeSelectOption(props) {\n  const $ = _c(2);\n  let t0;\n  if ($[0] !== props) {\n    t0 = <option {...props} />;\n    $[0] = props;\n    $[1] = t0;\n  } else {\n    t0 = $[1];\n  }\n  return t0;\n}\nexport function NativeSelectOptGroup(props) {\n  const $ = _c(2);\n  let t0;\n  if ($[0] !== props) {\n    t0 = <optgroup {...props} />;\n    $[0] = props;\n    $[1] = t0;\n  } else {\n    t0 = $[1];\n  }\n  return t0;\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"]
+}

package/dist/navigation-menu.d.ts

@@ -0,0 +1,11 @@
+import { NavigationMenu as NavigationMenuPrimitive } from "@base-ui/react/navigation-menu";
+import type { ComponentProps } from "react";
+export declare function NavigationMenu(props: ComponentProps<typeof NavigationMenuPrimitive.Root>): import("react").JSX.Element;
+export declare function NavigationMenuList(props: ComponentProps<typeof NavigationMenuPrimitive.List>): import("react").JSX.Element;
+export declare function NavigationMenuItem(props: ComponentProps<typeof NavigationMenuPrimitive.Item>): import("react").JSX.Element;
+export declare function NavigationMenuContent({ className, style, ...props }: ComponentProps<typeof NavigationMenuPrimitive.Content>): import("react").JSX.Element;
+export declare function NavigationMenuTrigger({ children, className, style, ...props }: ComponentProps<typeof NavigationMenuPrimitive.Trigger>): import("react").JSX.Element;
+export declare function NavigationMenuLink({ className, style, ...props }: ComponentProps<typeof NavigationMenuPrimitive.Link>): import("react").JSX.Element;
+type NavigationMenuViewportProps = ComponentProps<typeof NavigationMenuPrimitive.Popup> & Pick<ComponentProps<typeof NavigationMenuPrimitive.Positioner>, "align" | "side" | "sideOffset">;
+export declare function NavigationMenuViewport({ align, className, side, sideOffset, style, ...props }: NavigationMenuViewportProps): import("react").JSX.Element;
+export {};