@nooeh/ui 0.1.0

package/dist/breadcrumb.js

@@ -0,0 +1,419 @@
+// src/breadcrumb.tsx
+import { c as _c } from "react/compiler-runtime";
+
+// 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", ...props }) {
+  const IconComponent = iconRegistry[name];
+  return /* @__PURE__ */ jsx(IconComponent, { ...props, weight });
+}
+
+// src/stylex-props.ts
+function getNativeStyleProps(stylexProps, className, style) {
+  return {
+    className: [stylexProps.className, className].filter(Boolean).join(" "),
+    style: {
+      ...stylexProps.style,
+      ...style
+    }
+  };
+}
+
+// src/breadcrumb.tsx
+import { jsx as jsx2 } from "react/jsx-runtime";
+function Breadcrumb(t0) {
+  const $ = _c(10);
+  let className;
+  let props;
+  let style;
+  if ($[0] !== t0) {
+    ({
+      className,
+      style,
+      ...props
+    } = t0);
+    $[0] = t0;
+    $[1] = className;
+    $[2] = props;
+    $[3] = style;
+  } else {
+    className = $[1];
+    props = $[2];
+    style = $[3];
+  }
+  let t1;
+  if ($[4] !== className || $[5] !== style) {
+    t1 = getNativeStyleProps({
+      className: "xeuugli"
+    }, className, style);
+    $[4] = className;
+    $[5] = style;
+    $[6] = t1;
+  } else {
+    t1 = $[6];
+  }
+  let t2;
+  if ($[7] !== props || $[8] !== t1) {
+    t2 = /* @__PURE__ */ jsx2("nav", { "aria-label": "Breadcrumb", ...props, ...t1 });
+    $[7] = props;
+    $[8] = t1;
+    $[9] = t2;
+  } else {
+    t2 = $[9];
+  }
+  return t2;
+}
+function BreadcrumbList(t0) {
+  const $ = _c(10);
+  let className;
+  let props;
+  let style;
+  if ($[0] !== t0) {
+    ({
+      className,
+      style,
+      ...props
+    } = t0);
+    $[0] = t0;
+    $[1] = className;
+    $[2] = props;
+    $[3] = style;
+  } else {
+    className = $[1];
+    props = $[2];
+    style = $[3];
+  }
+  let t1;
+  if ($[4] !== className || $[5] !== style) {
+    t1 = getNativeStyleProps({
+      className: "x6s0dn4 x1f8jq9g x78zum5 x1a02dak xkrk5hw xor4qq5 x18qbr9o xe8uvvx x1ghz6dp x1717udv"
+    }, className, style);
+    $[4] = className;
+    $[5] = style;
+    $[6] = t1;
+  } else {
+    t1 = $[6];
+  }
+  let t2;
+  if ($[7] !== props || $[8] !== t1) {
+    t2 = /* @__PURE__ */ jsx2("ol", { ...props, ...t1 });
+    $[7] = props;
+    $[8] = t1;
+    $[9] = t2;
+  } else {
+    t2 = $[9];
+  }
+  return t2;
+}
+function BreadcrumbItem(t0) {
+  const $ = _c(10);
+  let className;
+  let props;
+  let style;
+  if ($[0] !== t0) {
+    ({
+      className,
+      style,
+      ...props
+    } = t0);
+    $[0] = t0;
+    $[1] = className;
+    $[2] = props;
+    $[3] = style;
+  } else {
+    className = $[1];
+    props = $[2];
+    style = $[3];
+  }
+  let t1;
+  if ($[4] !== className || $[5] !== style) {
+    t1 = getNativeStyleProps({
+      className: "x6s0dn4 x3nfvp2 xor4qq5"
+    }, className, style);
+    $[4] = className;
+    $[5] = style;
+    $[6] = t1;
+  } else {
+    t1 = $[6];
+  }
+  let t2;
+  if ($[7] !== props || $[8] !== t1) {
+    t2 = /* @__PURE__ */ jsx2("li", { ...props, ...t1 });
+    $[7] = props;
+    $[8] = t1;
+    $[9] = t2;
+  } else {
+    t2 = $[9];
+  }
+  return t2;
+}
+function BreadcrumbLink(t0) {
+  const $ = _c(12);
+  let children;
+  let className;
+  let props;
+  let style;
+  if ($[0] !== t0) {
+    ({
+      children,
+      className,
+      style,
+      ...props
+    } = t0);
+    $[0] = t0;
+    $[1] = children;
+    $[2] = className;
+    $[3] = props;
+    $[4] = style;
+  } else {
+    children = $[1];
+    className = $[2];
+    props = $[3];
+    style = $[4];
+  }
+  let t1;
+  if ($[5] !== className || $[6] !== style) {
+    t1 = getNativeStyleProps({
+      className: "x1fzuljc x1f8jq9g x1a2a7pz x1hl2dhg x1mjj1x xt0b8zv x1tdmnsb x1y5at3w x9v5kkp xe0iu4d"
+    }, className, style);
+    $[5] = className;
+    $[6] = style;
+    $[7] = t1;
+  } else {
+    t1 = $[7];
+  }
+  let t2;
+  if ($[8] !== children || $[9] !== props || $[10] !== t1) {
+    t2 = /* @__PURE__ */ jsx2("a", { ...props, ...t1, children });
+    $[8] = children;
+    $[9] = props;
+    $[10] = t1;
+    $[11] = t2;
+  } else {
+    t2 = $[11];
+  }
+  return t2;
+}
+function BreadcrumbPage(t0) {
+  const $ = _c(10);
+  let className;
+  let props;
+  let style;
+  if ($[0] !== t0) {
+    ({
+      className,
+      style,
+      ...props
+    } = t0);
+    $[0] = t0;
+    $[1] = className;
+    $[2] = props;
+    $[3] = style;
+  } else {
+    className = $[1];
+    props = $[2];
+    style = $[3];
+  }
+  let t1;
+  if ($[4] !== className || $[5] !== style) {
+    t1 = getNativeStyleProps({
+      className: "x122omjn x12lpnxt"
+    }, className, style);
+    $[4] = className;
+    $[5] = style;
+    $[6] = t1;
+  } else {
+    t1 = $[6];
+  }
+  let t2;
+  if ($[7] !== props || $[8] !== t1) {
+    t2 = /* @__PURE__ */ jsx2("span", { "aria-current": "page", ...props, ...t1 });
+    $[7] = props;
+    $[8] = t1;
+    $[9] = t2;
+  } else {
+    t2 = $[9];
+  }
+  return t2;
+}
+function BreadcrumbSeparator(t0) {
+  const $ = _c(14);
+  let children;
+  let className;
+  let props;
+  let style;
+  if ($[0] !== t0) {
+    ({
+      children,
+      className,
+      style,
+      ...props
+    } = t0);
+    $[0] = t0;
+    $[1] = children;
+    $[2] = className;
+    $[3] = props;
+    $[4] = style;
+  } else {
+    children = $[1];
+    className = $[2];
+    props = $[3];
+    style = $[4];
+  }
+  let t1;
+  if ($[5] !== className || $[6] !== style) {
+    t1 = getNativeStyleProps({
+      className: "x6s0dn4 x1srvxug x3nfvp2"
+    }, className, style);
+    $[5] = className;
+    $[6] = style;
+    $[7] = t1;
+  } else {
+    t1 = $[7];
+  }
+  let t2;
+  if ($[8] !== children) {
+    t2 = children ?? /* @__PURE__ */ jsx2(Icon, { name: "chevronRight" });
+    $[8] = children;
+    $[9] = t2;
+  } else {
+    t2 = $[9];
+  }
+  let t3;
+  if ($[10] !== props || $[11] !== t1 || $[12] !== t2) {
+    t3 = /* @__PURE__ */ jsx2("li", { "aria-hidden": "true", role: "presentation", ...props, ...t1, children: t2 });
+    $[10] = props;
+    $[11] = t1;
+    $[12] = t2;
+    $[13] = t3;
+  } else {
+    t3 = $[13];
+  }
+  return t3;
+}
+function BreadcrumbEllipsis(t0) {
+  const $ = _c(10);
+  let className;
+  let props;
+  let style;
+  if ($[0] !== t0) {
+    ({
+      className,
+      style,
+      ...props
+    } = t0);
+    $[0] = t0;
+    $[1] = className;
+    $[2] = props;
+    $[3] = style;
+  } else {
+    className = $[1];
+    props = $[2];
+    style = $[3];
+  }
+  let t1;
+  if ($[4] !== className || $[5] !== style) {
+    t1 = getNativeStyleProps({
+      className: "x6s0dn4 x1srvxug x3nfvp2 x82pwss xl56j7k xjsi6ig"
+    }, className, style);
+    $[4] = className;
+    $[5] = style;
+    $[6] = t1;
+  } else {
+    t1 = $[6];
+  }
+  let t2;
+  if ($[7] !== props || $[8] !== t1) {
+    t2 = /* @__PURE__ */ jsx2("span", { "aria-hidden": "true", ...props, ...t1, children: "\u2026" });
+    $[7] = props;
+    $[8] = t1;
+    $[9] = t2;
+  } else {
+    t2 = $[9];
+  }
+  return t2;
+}
+export {
+  Breadcrumb,
+  BreadcrumbEllipsis,
+  BreadcrumbItem,
+  BreadcrumbLink,
+  BreadcrumbList,
+  BreadcrumbPage,
+  BreadcrumbSeparator
+};
+//# sourceMappingURL=breadcrumb.js.map

package/dist/breadcrumb.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/breadcrumb.tsx", "../src/Icon.tsx", "../src/stylex-props.ts"],
+  "sourcesContent": ["import { c as _c } from \"react/compiler-runtime\";\nimport * as stylex from \"@stylexjs/stylex\";\nimport type { ComponentProps, ReactNode } from \"react\";\nimport { Icon } from \"./Icon\";\nimport { getNativeStyleProps } from \"./stylex-props\";\nimport { colorVars, radiusVars, sizeVars, spacingVars, typographyVars } from \"@nooeh/tokens/tokens.stylex\";\nexport function Breadcrumb(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: \"xeuugli\"\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 = <nav aria-label=\"Breadcrumb\" {...props} {...t1} />;\n    $[7] = props;\n    $[8] = t1;\n    $[9] = t2;\n  } else {\n    t2 = $[9];\n  }\n  return t2;\n}\nexport function BreadcrumbList(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 x1f8jq9g x78zum5 x1a02dak xkrk5hw xor4qq5 x18qbr9o xe8uvvx x1ghz6dp x1717udv\"\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 = <ol {...props} {...t1} />;\n    $[7] = props;\n    $[8] = t1;\n    $[9] = t2;\n  } else {\n    t2 = $[9];\n  }\n  return t2;\n}\nexport function BreadcrumbItem(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 xor4qq5\"\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 = <li {...props} {...t1} />;\n    $[7] = props;\n    $[8] = t1;\n    $[9] = t2;\n  } else {\n    t2 = $[9];\n  }\n  return t2;\n}\nexport function BreadcrumbLink(t0) {\n  const $ = _c(12);\n  let children;\n  let className;\n  let props;\n  let style;\n  if ($[0] !== t0) {\n    ({\n      children,\n      className,\n      style,\n      ...props\n    } = t0);\n    $[0] = t0;\n    $[1] = children;\n    $[2] = className;\n    $[3] = props;\n    $[4] = style;\n  } else {\n    children = $[1];\n    className = $[2];\n    props = $[3];\n    style = $[4];\n  }\n  let t1;\n  if ($[5] !== className || $[6] !== style) {\n    t1 = getNativeStyleProps({\n      className: \"x1fzuljc x1f8jq9g x1a2a7pz x1hl2dhg x1mjj1x xt0b8zv x1tdmnsb x1y5at3w x9v5kkp xe0iu4d\"\n    }, className, style);\n    $[5] = className;\n    $[6] = style;\n    $[7] = t1;\n  } else {\n    t1 = $[7];\n  }\n  let t2;\n  if ($[8] !== children || $[9] !== props || $[10] !== t1) {\n    t2 = <a {...props} {...t1}>{children}</a>;\n    $[8] = children;\n    $[9] = props;\n    $[10] = t1;\n    $[11] = t2;\n  } else {\n    t2 = $[11];\n  }\n  return t2;\n}\nexport function BreadcrumbPage(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: \"x122omjn 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 = <span aria-current=\"page\" {...props} {...t1} />;\n    $[7] = props;\n    $[8] = t1;\n    $[9] = t2;\n  } else {\n    t2 = $[9];\n  }\n  return t2;\n}\nexport function BreadcrumbSeparator(t0) {\n  const $ = _c(14);\n  let children;\n  let className;\n  let props;\n  let style;\n  if ($[0] !== t0) {\n    ({\n      children,\n      className,\n      style,\n      ...props\n    } = t0);\n    $[0] = t0;\n    $[1] = children;\n    $[2] = className;\n    $[3] = props;\n    $[4] = style;\n  } else {\n    children = $[1];\n    className = $[2];\n    props = $[3];\n    style = $[4];\n  }\n  let t1;\n  if ($[5] !== className || $[6] !== style) {\n    t1 = getNativeStyleProps({\n      className: \"x6s0dn4 x1srvxug x3nfvp2\"\n    }, className, style);\n    $[5] = className;\n    $[6] = style;\n    $[7] = t1;\n  } else {\n    t1 = $[7];\n  }\n  let t2;\n  if ($[8] !== children) {\n    t2 = children ?? <Icon name=\"chevronRight\" />;\n    $[8] = children;\n    $[9] = t2;\n  } else {\n    t2 = $[9];\n  }\n  let t3;\n  if ($[10] !== props || $[11] !== t1 || $[12] !== t2) {\n    t3 = <li aria-hidden=\"true\" role=\"presentation\" {...props} {...t1}>{t2}</li>;\n    $[10] = props;\n    $[11] = t1;\n    $[12] = t2;\n    $[13] = t3;\n  } else {\n    t3 = $[13];\n  }\n  return t3;\n}\nexport function BreadcrumbEllipsis(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 x1srvxug x3nfvp2 x82pwss xl56j7k xjsi6ig\"\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}>\u2026</span>;\n    $[7] = props;\n    $[8] = t1;\n    $[9] = t2;\n  } else {\n    t2 = $[9];\n  }\n  return t2;\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", "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": ["jsx"]
+}

package/dist/bubble.d.ts

@@ -0,0 +1,8 @@
+import * as stylex from "@stylexjs/stylex";
+import type { ComponentProps } from "react";
+export type BubbleProps = ComponentProps<"div"> & {
+    side?: "incoming" | "outgoing";
+    variant?: "default" | "outline";
+    xstyle?: stylex.StyleXStyles;
+};
+export declare function Bubble({ className, side, style, variant, xstyle, ...props }: BubbleProps): import("react").JSX.Element;

package/dist/bubble.js

@@ -0,0 +1,124 @@
+// src/bubble.tsx
+import { c as _c } from "react/compiler-runtime";
+import * as stylex from "@stylexjs/stylex";
+import { jsx } from "react/jsx-runtime";
+var styles = {
+  root: {
+    kGuDYH: "xkrk5hw",
+    kLWn49: "x18qbr9o",
+    ks0D6T: "x1bht2vh",
+    k8WAf4: "x1jhmqvq",
+    kg3NbH: "x1bx8ds0",
+    khDVqt: "x126k92a",
+    $$css: true
+  },
+  incoming: {
+    kSGwAc: "xqcrz7y",
+    kqGeR4: "xd0gxtf",
+    kaIpWk: "x1fzuljc",
+    $$css: true
+  },
+  outgoing: {
+    kSGwAc: "xpvyfi4",
+    kYm2EN: "x18qc1ns",
+    kaIpWk: "x1fzuljc",
+    $$css: true
+  },
+  variantDefault: {
+    kWkggS: "x1w962hd",
+    kMwMTN: "x122omjn",
+    $$css: true
+  },
+  outline: {
+    kWkggS: "x11m93s7",
+    kVAM5u: "x1bl4cbq",
+    ksu8eU: "x1y0btm7",
+    kMzoRj: "xmkeg23",
+    kMwMTN: "x122omjn",
+    $$css: true
+  }
+};
+function Bubble(t0) {
+  const $ = _c(22);
+  let className;
+  let props2;
+  let style;
+  let t1;
+  let t2;
+  let xstyle;
+  if ($[0] !== t0) {
+    ({
+      className,
+      side: t1,
+      style,
+      variant: t2,
+      xstyle,
+      ...props2
+    } = t0);
+    $[0] = t0;
+    $[1] = className;
+    $[2] = props2;
+    $[3] = style;
+    $[4] = t1;
+    $[5] = t2;
+    $[6] = xstyle;
+  } else {
+    className = $[1];
+    props2 = $[2];
+    style = $[3];
+    t1 = $[4];
+    t2 = $[5];
+    xstyle = $[6];
+  }
+  const side = t1 === void 0 ? "incoming" : t1;
+  const variant = t2 === void 0 ? "default" : t2;
+  let t3;
+  if ($[7] !== side || $[8] !== variant || $[9] !== xstyle) {
+    t3 = stylex.props(styles.root, styles[side], variant === "default" ? styles.variantDefault : styles[variant], xstyle);
+    $[7] = side;
+    $[8] = variant;
+    $[9] = xstyle;
+    $[10] = t3;
+  } else {
+    t3 = $[10];
+  }
+  const resolved = t3;
+  let t4;
+  if ($[11] !== className || $[12] !== resolved.className) {
+    t4 = [resolved.className, className].filter(Boolean);
+    $[11] = className;
+    $[12] = resolved.className;
+    $[13] = t4;
+  } else {
+    t4 = $[13];
+  }
+  const t5 = t4.join(" ");
+  let t6;
+  if ($[14] !== resolved.style || $[15] !== style) {
+    t6 = {
+      ...resolved.style,
+      ...style
+    };
+    $[14] = resolved.style;
+    $[15] = style;
+    $[16] = t6;
+  } else {
+    t6 = $[16];
+  }
+  let t7;
+  if ($[17] !== props2 || $[18] !== side || $[19] !== t5 || $[20] !== t6) {
+    t7 = /* @__PURE__ */ jsx("div", { ...props2, className: t5, "data-side": side, style: t6 });
+    $[17] = props2;
+    $[18] = side;
+    $[19] = t5;
+    $[20] = t6;
+    $[21] = t7;
+  } else {
+    t7 = $[21];
+  }
+  return t7;
+}
+export {
+  Bubble
+};
+//# sourceMappingURL=bubble.js.map

package/dist/bubble.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/bubble.tsx"],
+  "sourcesContent": ["import { c as _c } from \"react/compiler-runtime\";\nimport * as stylex from \"@stylexjs/stylex\";\nimport type { ComponentProps } from \"react\";\nimport { colorVars, radiusVars, spacingVars, typographyVars } from \"@nooeh/tokens/tokens.stylex\";\nconst styles = {\n  root: {\n    kGuDYH: \"xkrk5hw\",\n    kLWn49: \"x18qbr9o\",\n    ks0D6T: \"x1bht2vh\",\n    k8WAf4: \"x1jhmqvq\",\n    kg3NbH: \"x1bx8ds0\",\n    khDVqt: \"x126k92a\",\n    $$css: true\n  },\n  incoming: {\n    kSGwAc: \"xqcrz7y\",\n    kqGeR4: \"xd0gxtf\",\n    kaIpWk: \"x1fzuljc\",\n    $$css: true\n  },\n  outgoing: {\n    kSGwAc: \"xpvyfi4\",\n    kYm2EN: \"x18qc1ns\",\n    kaIpWk: \"x1fzuljc\",\n    $$css: true\n  },\n  variantDefault: {\n    kWkggS: \"x1w962hd\",\n    kMwMTN: \"x122omjn\",\n    $$css: true\n  },\n  outline: {\n    kWkggS: \"x11m93s7\",\n    kVAM5u: \"x1bl4cbq\",\n    ksu8eU: \"x1y0btm7\",\n    kMzoRj: \"xmkeg23\",\n    kMwMTN: \"x122omjn\",\n    $$css: true\n  }\n};\nexport type BubbleProps = ComponentProps<\"div\"> & {\n  side?: \"incoming\" | \"outgoing\";\n  variant?: \"default\" | \"outline\";\n  xstyle?: stylex.StyleXStyles;\n};\nexport function Bubble(t0) {\n  const $ = _c(22);\n  let className;\n  let props;\n  let style;\n  let t1;\n  let t2;\n  let xstyle;\n  if ($[0] !== t0) {\n    ({\n      className,\n      side: t1,\n      style,\n      variant: t2,\n      xstyle,\n      ...props\n    } = t0);\n    $[0] = t0;\n    $[1] = className;\n    $[2] = props;\n    $[3] = style;\n    $[4] = t1;\n    $[5] = t2;\n    $[6] = xstyle;\n  } else {\n    className = $[1];\n    props = $[2];\n    style = $[3];\n    t1 = $[4];\n    t2 = $[5];\n    xstyle = $[6];\n  }\n  const side = t1 === undefined ? \"incoming\" : t1;\n  const variant = t2 === undefined ? \"default\" : t2;\n  let t3;\n  if ($[7] !== side || $[8] !== variant || $[9] !== xstyle) {\n    t3 = stylex.props(styles.root, styles[side], variant === \"default\" ? styles.variantDefault : styles[variant], xstyle);\n    $[7] = side;\n    $[8] = variant;\n    $[9] = xstyle;\n    $[10] = t3;\n  } else {\n    t3 = $[10];\n  }\n  const resolved = t3;\n  let t4;\n  if ($[11] !== className || $[12] !== resolved.className) {\n    t4 = [resolved.className, className].filter(Boolean);\n    $[11] = className;\n    $[12] = resolved.className;\n    $[13] = t4;\n  } else {\n    t4 = $[13];\n  }\n  const t5 = t4.join(\" \");\n  let t6;\n  if ($[14] !== resolved.style || $[15] !== style) {\n    t6 = {\n      ...resolved.style,\n      ...style\n    };\n    $[14] = resolved.style;\n    $[15] = style;\n    $[16] = t6;\n  } else {\n    t6 = $[16];\n  }\n  let t7;\n  if ($[17] !== props || $[18] !== side || $[19] !== t5 || $[20] !== t6) {\n    t7 = <div {...props} className={t5} data-side={side} style={t6} />;\n    $[17] = props;\n    $[18] = side;\n    $[19] = t5;\n    $[20] = t6;\n    $[21] = t7;\n  } else {\n    t7 = $[21];\n  }\n  return t7;\n}"],
+  "mappings": "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",
+  "names": ["props"]
+}

package/dist/button-group.d.ts

@@ -0,0 +1,14 @@
+import * as stylex from "@stylexjs/stylex";
+import { type ComponentProps, type CSSProperties } from "react";
+import { Separator } from "./separator";
+type StyleProps = {
+    style?: CSSProperties;
+    xstyle?: stylex.StyleXStyles;
+};
+export type ButtonGroupProps = ComponentProps<"div"> & StyleProps & {
+    orientation?: "horizontal" | "vertical";
+};
+export declare function ButtonGroup({ className, children, orientation, role, style, xstyle, ...props }: ButtonGroupProps): import("react").JSX.Element;
+export declare function ButtonGroupText({ className, style, xstyle, ...props }: ComponentProps<"span"> & StyleProps): import("react").JSX.Element;
+export declare function ButtonGroupSeparator({ orientation, xstyle, ...props }: ComponentProps<typeof Separator> & StyleProps): import("react").JSX.Element;
+export {};