@nooeh/ui 0.2.0 → 0.2.2

package/dist/breadcrumb.js.map

@@ -1,7 +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}"],
+  "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/semantic.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 xk8vvhx x78zum5 x1a02dak x1ace0bc x1bow5vq xjj7q2m 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 x1bow5vq\"\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: \"xnqsffl xk8vvhx x1a2a7pz x1hl2dhg xm9fph6 xt0b8zv x5a7cac xxmd5gi x9v5kkp x1yy77yy\"\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: \"x1m45nea xsi0f2t\"\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 xee284s 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 xee284s x3nfvp2 x3m2zcz xl56j7k x1tjbbwf\"\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.js

@@ -4,37 +4,37 @@ import * as stylex from "@stylexjs/stylex";
 import { jsx } from "react/jsx-runtime";
 var styles = {
   root: {
-    kGuDYH: "xkrk5hw",
-    kLWn49: "x18qbr9o",
+    kGuDYH: "x1ace0bc",
+    kLWn49: "xjj7q2m",
     ks0D6T: "x1bht2vh",
-    k8WAf4: "x1jhmqvq",
-    kg3NbH: "x1bx8ds0",
+    k8WAf4: "x1qhnbg6",
+    kg3NbH: "x1qkrz3o",
     khDVqt: "x126k92a",
     $$css: true
   },
   incoming: {
     kSGwAc: "xqcrz7y",
-    kqGeR4: "xd0gxtf",
-    kaIpWk: "x1fzuljc",
+    kqGeR4: "x1elibq7",
+    kaIpWk: "xnqsffl",
     $$css: true
   },
   outgoing: {
     kSGwAc: "xpvyfi4",
-    kYm2EN: "x18qc1ns",
-    kaIpWk: "x1fzuljc",
+    kYm2EN: "xf4cld4",
+    kaIpWk: "xnqsffl",
     $$css: true
   },
   variantDefault: {
-    kWkggS: "x1w962hd",
-    kMwMTN: "x122omjn",
+    kWkggS: "x17pdcmx",
+    kMwMTN: "x1m45nea",
     $$css: true
   },
   outline: {
-    kWkggS: "x11m93s7",
-    kVAM5u: "x1bl4cbq",
+    kWkggS: "x1j6h5uc",
+    kVAM5u: "x1xqm80t",
     ksu8eU: "x1y0btm7",
     kMzoRj: "xmkeg23",
-    kMwMTN: "x122omjn",
+    kMwMTN: "x1m45nea",
     $$css: true
   }
 };

package/dist/bubble.js.map

@@ -1,7 +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}"],
+  "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/semantic.stylex\";\nconst styles = {\n  root: {\n    kGuDYH: \"x1ace0bc\",\n    kLWn49: \"xjj7q2m\",\n    ks0D6T: \"x1bht2vh\",\n    k8WAf4: \"x1qhnbg6\",\n    kg3NbH: \"x1qkrz3o\",\n    khDVqt: \"x126k92a\",\n    $$css: true\n  },\n  incoming: {\n    kSGwAc: \"xqcrz7y\",\n    kqGeR4: \"x1elibq7\",\n    kaIpWk: \"xnqsffl\",\n    $$css: true\n  },\n  outgoing: {\n    kSGwAc: \"xpvyfi4\",\n    kYm2EN: \"xf4cld4\",\n    kaIpWk: \"xnqsffl\",\n    $$css: true\n  },\n  variantDefault: {\n    kWkggS: \"x17pdcmx\",\n    kMwMTN: \"x1m45nea\",\n    $$css: true\n  },\n  outline: {\n    kWkggS: \"x1j6h5uc\",\n    kVAM5u: \"x1xqm80t\",\n    ksu8eU: \"x1y0btm7\",\n    kMzoRj: \"xmkeg23\",\n    kMwMTN: \"x1m45nea\",\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.js

@@ -10,19 +10,19 @@ import * as stylex from "@stylexjs/stylex";
 import { jsx } from "react/jsx-runtime";
 var styles = {
   root: {
-    kWkggS: "x19is5ri",
+    kWkggS: "x16o69rq",
     kmuXW: "x2lah0s",
     $$css: true
   },
   horizontal: {
-    kZKoxP: "xywv30c",
+    kZKoxP: "x1pba5ai",
     kzqmXN: "xh8yej3",
     $$css: true
   },
   vertical: {
     kSGwAc: "xkh2ocl",
-    kAzted: "xssxnvu",
-    kzqmXN: "x5v7ak9",
+    kAzted: "xoelbgk",
+    kzqmXN: "xsgpgwk",
     $$css: true
   }
 };
@@ -111,7 +111,7 @@ function Separator(t0) {
 }
 
 // src/button-group.tsx
-import { radiusVars } from "@nooeh/tokens/tokens.stylex";
+import { radiusVars } from "@nooeh/tokens/semantic.stylex";
 import { jsx as jsx2 } from "react/jsx-runtime";
 var styles2 = {
   root: {
@@ -159,17 +159,17 @@ var styles2 = {
   },
   text: {
     kGNEyG: "x6s0dn4",
-    kWkggS: "x11m93s7",
-    kVAM5u: "x1bl4cbq",
+    kWkggS: "x1j6h5uc",
+    kVAM5u: "x1xqm80t",
     ksu8eU: "x1y0btm7",
-    kMzoRj: "xzcyats",
-    kMwMTN: "x1f8jq9g",
+    kMzoRj: "x1oyaing",
+    kMwMTN: "xk8vvhx",
     k1xSpc: "x3nfvp2",
-    kGuDYH: "xkrk5hw",
-    k63SB2: "x12lpnxt",
+    kGuDYH: "x1ace0bc",
+    k63SB2: "xsi0f2t",
     kjj79g: "xl56j7k",
-    kAzted: "x9pjwej",
-    kg3NbH: "xk1318k",
+    kAzted: "xlolgue",
+    kg3NbH: "x1mun630",
     $$css: true
   },
   separator: {

package/dist/button-group.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../src/button-group.tsx", "../src/separator.tsx"],
-  "sourcesContent": ["import { c as _c } from \"react/compiler-runtime\";\nimport * as stylex from \"@stylexjs/stylex\";\nimport { Children, cloneElement, isValidElement, type ComponentProps, type CSSProperties, type ReactElement, type ReactNode } from \"react\";\nimport { Separator } from \"./separator\";\nimport { radiusVars } from \"@nooeh/tokens/tokens.stylex\";\nimport { colorVars, sizeVars, spacingVars, typographyVars } from \"@nooeh/tokens/tokens.stylex\";\nconst styles = {\n  root: {\n    kGNEyG: \"x1qjc9v5\",\n    k1xSpc: \"x3nfvp2\",\n    kOIVth: \"xxhr3t\",\n    kzqmXN: \"xeq5yr9\",\n    $$css: true\n  },\n  horizontal: {\n    kXwgrk: \"x1q0g3np\",\n    $$css: true\n  },\n  vertical: {\n    kXwgrk: \"xdt5ytf\",\n    $$css: true\n  },\n  item: {\n    k7Eaqz: \"xeuugli\",\n    kVAEAm: \"x1n2onr6\",\n    k9RWNo: \"x135w3n3\",\n    $$css: true\n  },\n  horizontalItem: {\n    keTefX: \"x1hb08if\",\n    $$css: true\n  },\n  horizontalFirstItem: {\n    keTefX: \"x1lziwak\",\n    $$css: true\n  },\n  horizontalLastItem: {\n    $$css: true\n  },\n  verticalItem: {\n    keoZOQ: \"x1y332i5\",\n    $$css: true\n  },\n  verticalFirstItem: {\n    keoZOQ: \"xdj266r\",\n    $$css: true\n  },\n  verticalLastItem: {\n    $$css: true\n  },\n  text: {\n    kGNEyG: \"x6s0dn4\",\n    kWkggS: \"x11m93s7\",\n    kVAM5u: \"x1bl4cbq\",\n    ksu8eU: \"x1y0btm7\",\n    kMzoRj: \"xzcyats\",\n    kMwMTN: \"x1f8jq9g\",\n    k1xSpc: \"x3nfvp2\",\n    kGuDYH: \"xkrk5hw\",\n    k63SB2: \"x12lpnxt\",\n    kjj79g: \"xl56j7k\",\n    kAzted: \"x9pjwej\",\n    kg3NbH: \"xk1318k\",\n    $$css: true\n  },\n  separator: {\n    kSGwAc: \"xkh2ocl\",\n    kZKoxP: \"xt7dq6l\",\n    kUOVxO: \"xz95peq\",\n    kAzted: \"x65nank\",\n    $$css: true\n  }\n};\ntype StyleProps = {\n  style?: CSSProperties;\n  xstyle?: stylex.StyleXStyles;\n};\ntype GroupItem = ReactElement<StyleProps>;\nfunction isGroupItem(child: ReactNode): child is GroupItem {\n  return isValidElement(child) && child.type !== ButtonGroupSeparator;\n}\nfunction getItemBorderRadius(orientation: \"horizontal\" | \"vertical\", position: number, length: number): CSSProperties {\n  const isFirst = position === 0;\n  const isLast = position === length - 1;\n  if (orientation === \"horizontal\") {\n    return {\n      borderBottomLeftRadius: isFirst ? radiusVars.sm : 0,\n      borderBottomRightRadius: isLast ? radiusVars.sm : 0,\n      borderTopLeftRadius: isFirst ? radiusVars.sm : 0,\n      borderTopRightRadius: isLast ? radiusVars.sm : 0\n    };\n  }\n  return {\n    borderBottomLeftRadius: isLast ? radiusVars.sm : 0,\n    borderBottomRightRadius: isLast ? radiusVars.sm : 0,\n    borderTopLeftRadius: isFirst ? radiusVars.sm : 0,\n    borderTopRightRadius: isFirst ? radiusVars.sm : 0\n  };\n}\nexport type ButtonGroupProps = ComponentProps<\"div\"> & StyleProps & {\n  orientation?: \"horizontal\" | \"vertical\";\n};\nexport function ButtonGroup(t0) {\n  const $ = _c(27);\n  let children;\n  let className;\n  let props;\n  let role;\n  let style;\n  let t1;\n  let xstyle;\n  if ($[0] !== t0) {\n    ({\n      className,\n      children,\n      orientation: t1,\n      role,\n      style,\n      xstyle,\n      ...props\n    } = t0);\n    $[0] = t0;\n    $[1] = children;\n    $[2] = className;\n    $[3] = props;\n    $[4] = role;\n    $[5] = style;\n    $[6] = t1;\n    $[7] = xstyle;\n  } else {\n    children = $[1];\n    className = $[2];\n    props = $[3];\n    role = $[4];\n    style = $[5];\n    t1 = $[6];\n    xstyle = $[7];\n  }\n  const orientation = t1 === undefined ? \"horizontal\" : t1;\n  let t2;\n  if ($[8] !== orientation || $[9] !== xstyle) {\n    t2 = stylex.props(styles.root, styles[orientation], xstyle);\n    $[8] = orientation;\n    $[9] = xstyle;\n    $[10] = t2;\n  } else {\n    t2 = $[10];\n  }\n  const stylexProps = t2;\n  let t3;\n  if ($[11] !== children || $[12] !== orientation) {\n    const childItems = Children.toArray(children);\n    const groupItems = childItems.filter(isGroupItem);\n    t3 = childItems.map((child, childIndex) => {\n      if (!isGroupItem(child)) {\n        return child;\n      }\n      const position = childItems.slice(0, childIndex).filter(isGroupItem).length;\n      const groupItem = child;\n      const itemStyles = [styles.item, styles[`${orientation}Item`], position === 0 && styles[`${orientation}FirstItem`], position === groupItems.length - 1 && styles[`${orientation}LastItem`]];\n      return cloneElement(groupItem, {\n        style: {\n          ...groupItem.props.style,\n          ...getItemBorderRadius(orientation, position, groupItems.length)\n        },\n        xstyle: [...itemStyles, groupItem.props.xstyle]\n      });\n    });\n    $[11] = children;\n    $[12] = orientation;\n    $[13] = t3;\n  } else {\n    t3 = $[13];\n  }\n  const content = t3;\n  const t4 = role ?? \"group\";\n  let t5;\n  if ($[14] !== className || $[15] !== stylexProps.className) {\n    t5 = [stylexProps.className, className].filter(Boolean);\n    $[14] = className;\n    $[15] = stylexProps.className;\n    $[16] = t5;\n  } else {\n    t5 = $[16];\n  }\n  const t6 = t5.join(\" \");\n  let t7;\n  if ($[17] !== style || $[18] !== stylexProps.style) {\n    t7 = {\n      ...stylexProps.style,\n      ...style\n    };\n    $[17] = style;\n    $[18] = stylexProps.style;\n    $[19] = t7;\n  } else {\n    t7 = $[19];\n  }\n  let t8;\n  if ($[20] !== content || $[21] !== orientation || $[22] !== props || $[23] !== t4 || $[24] !== t6 || $[25] !== t7) {\n    t8 = <div {...props} data-orientation={orientation} role={t4} className={t6} style={t7}>{content}</div>;\n    $[20] = content;\n    $[21] = orientation;\n    $[22] = props;\n    $[23] = t4;\n    $[24] = t6;\n    $[25] = t7;\n    $[26] = t8;\n  } else {\n    t8 = $[26];\n  }\n  return t8;\n}\nexport function ButtonGroupText(t0) {\n  const $ = _c(17);\n  let className;\n  let props;\n  let style;\n  let xstyle;\n  if ($[0] !== t0) {\n    ({\n      className,\n      style,\n      xstyle,\n      ...props\n    } = t0);\n    $[0] = t0;\n    $[1] = className;\n    $[2] = props;\n    $[3] = style;\n    $[4] = xstyle;\n  } else {\n    className = $[1];\n    props = $[2];\n    style = $[3];\n    xstyle = $[4];\n  }\n  let t1;\n  if ($[5] !== xstyle) {\n    t1 = stylex.props(styles.text, xstyle);\n    $[5] = xstyle;\n    $[6] = t1;\n  } else {\n    t1 = $[6];\n  }\n  const stylexProps = t1;\n  let t2;\n  if ($[7] !== className || $[8] !== stylexProps.className) {\n    t2 = [stylexProps.className, className].filter(Boolean);\n    $[7] = className;\n    $[8] = stylexProps.className;\n    $[9] = t2;\n  } else {\n    t2 = $[9];\n  }\n  const t3 = t2.join(\" \");\n  let t4;\n  if ($[10] !== style || $[11] !== stylexProps.style) {\n    t4 = {\n      ...stylexProps.style,\n      ...style\n    };\n    $[10] = style;\n    $[11] = stylexProps.style;\n    $[12] = t4;\n  } else {\n    t4 = $[12];\n  }\n  let t5;\n  if ($[13] !== props || $[14] !== t3 || $[15] !== t4) {\n    t5 = <span {...props} className={t3} style={t4} />;\n    $[13] = props;\n    $[14] = t3;\n    $[15] = t4;\n    $[16] = t5;\n  } else {\n    t5 = $[16];\n  }\n  return t5;\n}\nexport function ButtonGroupSeparator(t0) {\n  const $ = _c(10);\n  let props;\n  let t1;\n  let xstyle;\n  if ($[0] !== t0) {\n    ({\n      orientation: 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 orientation = t1 === undefined ? \"vertical\" : t1;\n  let t2;\n  if ($[4] !== xstyle) {\n    t2 = [styles.separator, xstyle];\n    $[4] = xstyle;\n    $[5] = t2;\n  } else {\n    t2 = $[5];\n  }\n  let t3;\n  if ($[6] !== orientation || $[7] !== props || $[8] !== t2) {\n    t3 = <Separator {...props} orientation={orientation} xstyle={t2} />;\n    $[6] = orientation;\n    $[7] = props;\n    $[8] = t2;\n    $[9] = t3;\n  } else {\n    t3 = $[9];\n  }\n  return t3;\n}", "import { c as _c } from \"react/compiler-runtime\";\nimport { Separator as SeparatorPrimitive } from \"@base-ui/react/separator\";\nimport * as stylex from \"@stylexjs/stylex\";\nimport type { ComponentProps } from \"react\";\nimport { colorVars, sizeVars } from \"@nooeh/tokens/tokens.stylex\";\nconst styles = {\n  root: {\n    kWkggS: \"x19is5ri\",\n    kmuXW: \"x2lah0s\",\n    $$css: true\n  },\n  horizontal: {\n    kZKoxP: \"xywv30c\",\n    kzqmXN: \"xh8yej3\",\n    $$css: true\n  },\n  vertical: {\n    kSGwAc: \"xkh2ocl\",\n    kAzted: \"xssxnvu\",\n    kzqmXN: \"x5v7ak9\",\n    $$css: true\n  }\n};\nexport type SeparatorProps = ComponentProps<typeof SeparatorPrimitive> & {\n  decorative?: boolean;\n  xstyle?: stylex.StyleXStyles;\n};\nexport function Separator(t0) {\n  const $ = _c(23);\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      decorative: t1,\n      orientation: t2,\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] = 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 decorative = t1 === undefined ? true : t1;\n  const orientation = t2 === undefined ? \"horizontal\" : t2;\n  let t3;\n  if ($[7] !== orientation || $[8] !== xstyle) {\n    t3 = stylex.props(styles.root, styles[orientation], xstyle);\n    $[7] = orientation;\n    $[8] = xstyle;\n    $[9] = t3;\n  } else {\n    t3 = $[9];\n  }\n  const stylexProps = t3;\n  const t4 = decorative || undefined;\n  const t5 = decorative ? \"presentation\" : undefined;\n  let t6;\n  if ($[10] !== className || $[11] !== stylexProps.className) {\n    t6 = [stylexProps.className, className].filter(Boolean);\n    $[10] = className;\n    $[11] = stylexProps.className;\n    $[12] = t6;\n  } else {\n    t6 = $[12];\n  }\n  const t7 = t6.join(\" \");\n  let t8;\n  if ($[13] !== style || $[14] !== stylexProps.style) {\n    t8 = {\n      ...stylexProps.style,\n      ...style\n    };\n    $[13] = style;\n    $[14] = stylexProps.style;\n    $[15] = t8;\n  } else {\n    t8 = $[15];\n  }\n  let t9;\n  if ($[16] !== orientation || $[17] !== props || $[18] !== t4 || $[19] !== t5 || $[20] !== t7 || $[21] !== t8) {\n    t9 = <SeparatorPrimitive {...props} aria-hidden={t4} orientation={orientation} role={t5} className={t7} style={t8} />;\n    $[16] = orientation;\n    $[17] = props;\n    $[18] = t4;\n    $[19] = t5;\n    $[20] = t7;\n    $[21] = t8;\n    $[22] = t9;\n  } else {\n    t9 = $[22];\n  }\n  return t9;\n}"],
+  "sourcesContent": ["import { c as _c } from \"react/compiler-runtime\";\nimport * as stylex from \"@stylexjs/stylex\";\nimport { Children, cloneElement, isValidElement, type ComponentProps, type CSSProperties, type ReactElement, type ReactNode } from \"react\";\nimport { Separator } from \"./separator\";\nimport { radiusVars } from \"@nooeh/tokens/semantic.stylex\";\nimport { colorVars, sizeVars, spacingVars, typographyVars } from \"@nooeh/tokens/semantic.stylex\";\nconst styles = {\n  root: {\n    kGNEyG: \"x1qjc9v5\",\n    k1xSpc: \"x3nfvp2\",\n    kOIVth: \"xxhr3t\",\n    kzqmXN: \"xeq5yr9\",\n    $$css: true\n  },\n  horizontal: {\n    kXwgrk: \"x1q0g3np\",\n    $$css: true\n  },\n  vertical: {\n    kXwgrk: \"xdt5ytf\",\n    $$css: true\n  },\n  item: {\n    k7Eaqz: \"xeuugli\",\n    kVAEAm: \"x1n2onr6\",\n    k9RWNo: \"x135w3n3\",\n    $$css: true\n  },\n  horizontalItem: {\n    keTefX: \"x1hb08if\",\n    $$css: true\n  },\n  horizontalFirstItem: {\n    keTefX: \"x1lziwak\",\n    $$css: true\n  },\n  horizontalLastItem: {\n    $$css: true\n  },\n  verticalItem: {\n    keoZOQ: \"x1y332i5\",\n    $$css: true\n  },\n  verticalFirstItem: {\n    keoZOQ: \"xdj266r\",\n    $$css: true\n  },\n  verticalLastItem: {\n    $$css: true\n  },\n  text: {\n    kGNEyG: \"x6s0dn4\",\n    kWkggS: \"x1j6h5uc\",\n    kVAM5u: \"x1xqm80t\",\n    ksu8eU: \"x1y0btm7\",\n    kMzoRj: \"x1oyaing\",\n    kMwMTN: \"xk8vvhx\",\n    k1xSpc: \"x3nfvp2\",\n    kGuDYH: \"x1ace0bc\",\n    k63SB2: \"xsi0f2t\",\n    kjj79g: \"xl56j7k\",\n    kAzted: \"xlolgue\",\n    kg3NbH: \"x1mun630\",\n    $$css: true\n  },\n  separator: {\n    kSGwAc: \"xkh2ocl\",\n    kZKoxP: \"xt7dq6l\",\n    kUOVxO: \"xz95peq\",\n    kAzted: \"x65nank\",\n    $$css: true\n  }\n};\ntype StyleProps = {\n  style?: CSSProperties;\n  xstyle?: stylex.StyleXStyles;\n};\ntype GroupItem = ReactElement<StyleProps>;\nfunction isGroupItem(child: ReactNode): child is GroupItem {\n  return isValidElement(child) && child.type !== ButtonGroupSeparator;\n}\nfunction getItemBorderRadius(orientation: \"horizontal\" | \"vertical\", position: number, length: number): CSSProperties {\n  const isFirst = position === 0;\n  const isLast = position === length - 1;\n  if (orientation === \"horizontal\") {\n    return {\n      borderBottomLeftRadius: isFirst ? radiusVars.sm : 0,\n      borderBottomRightRadius: isLast ? radiusVars.sm : 0,\n      borderTopLeftRadius: isFirst ? radiusVars.sm : 0,\n      borderTopRightRadius: isLast ? radiusVars.sm : 0\n    };\n  }\n  return {\n    borderBottomLeftRadius: isLast ? radiusVars.sm : 0,\n    borderBottomRightRadius: isLast ? radiusVars.sm : 0,\n    borderTopLeftRadius: isFirst ? radiusVars.sm : 0,\n    borderTopRightRadius: isFirst ? radiusVars.sm : 0\n  };\n}\nexport type ButtonGroupProps = ComponentProps<\"div\"> & StyleProps & {\n  orientation?: \"horizontal\" | \"vertical\";\n};\nexport function ButtonGroup(t0) {\n  const $ = _c(27);\n  let children;\n  let className;\n  let props;\n  let role;\n  let style;\n  let t1;\n  let xstyle;\n  if ($[0] !== t0) {\n    ({\n      className,\n      children,\n      orientation: t1,\n      role,\n      style,\n      xstyle,\n      ...props\n    } = t0);\n    $[0] = t0;\n    $[1] = children;\n    $[2] = className;\n    $[3] = props;\n    $[4] = role;\n    $[5] = style;\n    $[6] = t1;\n    $[7] = xstyle;\n  } else {\n    children = $[1];\n    className = $[2];\n    props = $[3];\n    role = $[4];\n    style = $[5];\n    t1 = $[6];\n    xstyle = $[7];\n  }\n  const orientation = t1 === undefined ? \"horizontal\" : t1;\n  let t2;\n  if ($[8] !== orientation || $[9] !== xstyle) {\n    t2 = stylex.props(styles.root, styles[orientation], xstyle);\n    $[8] = orientation;\n    $[9] = xstyle;\n    $[10] = t2;\n  } else {\n    t2 = $[10];\n  }\n  const stylexProps = t2;\n  let t3;\n  if ($[11] !== children || $[12] !== orientation) {\n    const childItems = Children.toArray(children);\n    const groupItems = childItems.filter(isGroupItem);\n    t3 = childItems.map((child, childIndex) => {\n      if (!isGroupItem(child)) {\n        return child;\n      }\n      const position = childItems.slice(0, childIndex).filter(isGroupItem).length;\n      const groupItem = child;\n      const itemStyles = [styles.item, styles[`${orientation}Item`], position === 0 && styles[`${orientation}FirstItem`], position === groupItems.length - 1 && styles[`${orientation}LastItem`]];\n      return cloneElement(groupItem, {\n        style: {\n          ...groupItem.props.style,\n          ...getItemBorderRadius(orientation, position, groupItems.length)\n        },\n        xstyle: [...itemStyles, groupItem.props.xstyle]\n      });\n    });\n    $[11] = children;\n    $[12] = orientation;\n    $[13] = t3;\n  } else {\n    t3 = $[13];\n  }\n  const content = t3;\n  const t4 = role ?? \"group\";\n  let t5;\n  if ($[14] !== className || $[15] !== stylexProps.className) {\n    t5 = [stylexProps.className, className].filter(Boolean);\n    $[14] = className;\n    $[15] = stylexProps.className;\n    $[16] = t5;\n  } else {\n    t5 = $[16];\n  }\n  const t6 = t5.join(\" \");\n  let t7;\n  if ($[17] !== style || $[18] !== stylexProps.style) {\n    t7 = {\n      ...stylexProps.style,\n      ...style\n    };\n    $[17] = style;\n    $[18] = stylexProps.style;\n    $[19] = t7;\n  } else {\n    t7 = $[19];\n  }\n  let t8;\n  if ($[20] !== content || $[21] !== orientation || $[22] !== props || $[23] !== t4 || $[24] !== t6 || $[25] !== t7) {\n    t8 = <div {...props} data-orientation={orientation} role={t4} className={t6} style={t7}>{content}</div>;\n    $[20] = content;\n    $[21] = orientation;\n    $[22] = props;\n    $[23] = t4;\n    $[24] = t6;\n    $[25] = t7;\n    $[26] = t8;\n  } else {\n    t8 = $[26];\n  }\n  return t8;\n}\nexport function ButtonGroupText(t0) {\n  const $ = _c(17);\n  let className;\n  let props;\n  let style;\n  let xstyle;\n  if ($[0] !== t0) {\n    ({\n      className,\n      style,\n      xstyle,\n      ...props\n    } = t0);\n    $[0] = t0;\n    $[1] = className;\n    $[2] = props;\n    $[3] = style;\n    $[4] = xstyle;\n  } else {\n    className = $[1];\n    props = $[2];\n    style = $[3];\n    xstyle = $[4];\n  }\n  let t1;\n  if ($[5] !== xstyle) {\n    t1 = stylex.props(styles.text, xstyle);\n    $[5] = xstyle;\n    $[6] = t1;\n  } else {\n    t1 = $[6];\n  }\n  const stylexProps = t1;\n  let t2;\n  if ($[7] !== className || $[8] !== stylexProps.className) {\n    t2 = [stylexProps.className, className].filter(Boolean);\n    $[7] = className;\n    $[8] = stylexProps.className;\n    $[9] = t2;\n  } else {\n    t2 = $[9];\n  }\n  const t3 = t2.join(\" \");\n  let t4;\n  if ($[10] !== style || $[11] !== stylexProps.style) {\n    t4 = {\n      ...stylexProps.style,\n      ...style\n    };\n    $[10] = style;\n    $[11] = stylexProps.style;\n    $[12] = t4;\n  } else {\n    t4 = $[12];\n  }\n  let t5;\n  if ($[13] !== props || $[14] !== t3 || $[15] !== t4) {\n    t5 = <span {...props} className={t3} style={t4} />;\n    $[13] = props;\n    $[14] = t3;\n    $[15] = t4;\n    $[16] = t5;\n  } else {\n    t5 = $[16];\n  }\n  return t5;\n}\nexport function ButtonGroupSeparator(t0) {\n  const $ = _c(10);\n  let props;\n  let t1;\n  let xstyle;\n  if ($[0] !== t0) {\n    ({\n      orientation: 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 orientation = t1 === undefined ? \"vertical\" : t1;\n  let t2;\n  if ($[4] !== xstyle) {\n    t2 = [styles.separator, xstyle];\n    $[4] = xstyle;\n    $[5] = t2;\n  } else {\n    t2 = $[5];\n  }\n  let t3;\n  if ($[6] !== orientation || $[7] !== props || $[8] !== t2) {\n    t3 = <Separator {...props} orientation={orientation} xstyle={t2} />;\n    $[6] = orientation;\n    $[7] = props;\n    $[8] = t2;\n    $[9] = t3;\n  } else {\n    t3 = $[9];\n  }\n  return t3;\n}", "import { c as _c } from \"react/compiler-runtime\";\nimport { Separator as SeparatorPrimitive } from \"@base-ui/react/separator\";\nimport * as stylex from \"@stylexjs/stylex\";\nimport type { ComponentProps } from \"react\";\nimport { colorVars, sizeVars } from \"@nooeh/tokens/semantic.stylex\";\nconst styles = {\n  root: {\n    kWkggS: \"x16o69rq\",\n    kmuXW: \"x2lah0s\",\n    $$css: true\n  },\n  horizontal: {\n    kZKoxP: \"x1pba5ai\",\n    kzqmXN: \"xh8yej3\",\n    $$css: true\n  },\n  vertical: {\n    kSGwAc: \"xkh2ocl\",\n    kAzted: \"xoelbgk\",\n    kzqmXN: \"xsgpgwk\",\n    $$css: true\n  }\n};\nexport type SeparatorProps = ComponentProps<typeof SeparatorPrimitive> & {\n  decorative?: boolean;\n  xstyle?: stylex.StyleXStyles;\n};\nexport function Separator(t0) {\n  const $ = _c(23);\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      decorative: t1,\n      orientation: t2,\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] = 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 decorative = t1 === undefined ? true : t1;\n  const orientation = t2 === undefined ? \"horizontal\" : t2;\n  let t3;\n  if ($[7] !== orientation || $[8] !== xstyle) {\n    t3 = stylex.props(styles.root, styles[orientation], xstyle);\n    $[7] = orientation;\n    $[8] = xstyle;\n    $[9] = t3;\n  } else {\n    t3 = $[9];\n  }\n  const stylexProps = t3;\n  const t4 = decorative || undefined;\n  const t5 = decorative ? \"presentation\" : undefined;\n  let t6;\n  if ($[10] !== className || $[11] !== stylexProps.className) {\n    t6 = [stylexProps.className, className].filter(Boolean);\n    $[10] = className;\n    $[11] = stylexProps.className;\n    $[12] = t6;\n  } else {\n    t6 = $[12];\n  }\n  const t7 = t6.join(\" \");\n  let t8;\n  if ($[13] !== style || $[14] !== stylexProps.style) {\n    t8 = {\n      ...stylexProps.style,\n      ...style\n    };\n    $[13] = style;\n    $[14] = stylexProps.style;\n    $[15] = t8;\n  } else {\n    t8 = $[15];\n  }\n  let t9;\n  if ($[16] !== orientation || $[17] !== props || $[18] !== t4 || $[19] !== t5 || $[20] !== t7 || $[21] !== t8) {\n    t9 = <SeparatorPrimitive {...props} aria-hidden={t4} orientation={orientation} role={t5} className={t7} style={t8} />;\n    $[16] = orientation;\n    $[17] = props;\n    $[18] = t4;\n    $[19] = t5;\n    $[20] = t7;\n    $[21] = t8;\n    $[22] = t9;\n  } else {\n    t9 = $[22];\n  }\n  return t9;\n}"],
   "mappings": "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",
   "names": ["_c", "stylex", "props", "jsx", "styles", "_c", "props"]
 }

package/dist/button.js

@@ -8,29 +8,29 @@ var styles = {
     kGNEyG: "x6s0dn4",
     kysU6D: "xjyslct",
     ksu8eU: "x1y0btm7",
-    kMzoRj: "xzcyats",
+    kMzoRj: "x1oyaing",
     kkrTdU: "x1ypdohk",
     k1xSpc: "x3nfvp2",
-    kGuDYH: "xkrk5hw",
-    k63SB2: "x12lpnxt",
-    kOIVth: "xor4qq5",
+    kGuDYH: "x1ace0bc",
+    k63SB2: "xsi0f2t",
+    kOIVth: "x1bow5vq",
     kHBbk8: "xc8icb0",
     kjj79g: "xl56j7k",
-    kLWn49: "x7f5rko",
+    kLWn49: "x4lbt1c",
     kI3sdo: "x1a2a7pz",
     kVQacm: "xb3r6kr",
     kVAEAm: "x1n2onr6",
-    kIyJzY: "x1uff5cw",
+    kIyJzY: "x1wsylbu",
     k1ekBW: "x1qsmvhx",
-    kAMwcw: "x1mv6ihr",
+    kAMwcw: "x1dd66w8",
     kfSwDN: "x87ps6o",
     khDVqt: "xuxw1ft",
-    kZs9gx: "x1tdmnsb",
-    kiEn40: "xe0szup",
+    kZs9gx: "x5a7cac",
+    kiEn40: "x1l4tsnw",
     k7shQP: "x9v5kkp",
-    kPJHz1: "xe0iu4d",
+    kPJHz1: "x1yy77yy",
     kYPGJ8: "x1s07b3s",
-    kLkRvE: "x1huvc7q",
+    kLkRvE: "x19t6ip0",
     kgeoSG: "x1cpjm7i",
     kFcpXp: "xxx281p",
     km8f2m: "xkk1bqk",
@@ -39,76 +39,76 @@ var styles = {
     $$css: true
   },
   solidInteraction: {
-    kLkRvE: "x1huvc7q xe1vvi1 x1h1rtsr",
+    kLkRvE: "x19t6ip0 xj3kl5g xovk5of",
     $$css: true
   },
   surfaceInteraction: {
-    kLkRvE: "x1huvc7q x1tv8xzy x13ywbnz",
+    kLkRvE: "x19t6ip0 x4vs9fa x7y2cg4",
     $$css: true
   },
   content: {
     kGNEyG: "x6s0dn4",
     k1xSpc: "x3nfvp2",
-    kOIVth: "xor4qq5",
+    kOIVth: "x1bow5vq",
     kVAEAm: "x1n2onr6",
     kY2c9j: "x1vjfegm",
     $$css: true
   },
   primary: {
-    kWkggS: "x1daa10s",
-    kVAM5u: "xfln9ii",
-    kMwMTN: "xa9qbaf",
+    kWkggS: "xda5c61",
+    kVAM5u: "x1eriwz2",
+    kMwMTN: "x1qu3pu8",
     $$css: true
   },
   secondary: {
-    kWkggS: "x11m93s7",
-    kVAM5u: "x1bl4cbq",
-    kMwMTN: "x122omjn",
+    kWkggS: "x1j6h5uc",
+    kVAM5u: "x1xqm80t",
+    kMwMTN: "x1m45nea",
     $$css: true
   },
   ghost: {
-    kWkggS: "x6yzn1n",
-    kVAM5u: "x1txbts0",
-    kMwMTN: "x122omjn",
+    kWkggS: "x15udyl1",
+    kVAM5u: "x1woqixl",
+    kMwMTN: "x1m45nea",
     $$css: true
   },
   destructive: {
-    kWkggS: "x1dlgrcs",
-    kVAM5u: "x17m395y",
-    kMwMTN: "x14ce1vv",
+    kWkggS: "x1g559t0",
+    kVAM5u: "x1sksipg",
+    kMwMTN: "x1s6y19",
     $$css: true
   },
   disabled: {
-    kWkggS: "xrzcjx",
-    kVAM5u: "x1bl4cbq",
-    kMwMTN: "x4q6dxh",
+    kWkggS: "x10gru9n",
+    kVAM5u: "x1xqm80t",
+    kMwMTN: "x1e9us2s",
     $$css: true
   },
   disabledGhost: {
-    kWkggS: "x6yzn1n",
-    kVAM5u: "x1txbts0",
+    kWkggS: "x15udyl1",
+    kVAM5u: "x1woqixl",
     $$css: true
   },
   disabledInteraction: {
-    kLkRvE: "x1huvc7q",
+    kLkRvE: "x19t6ip0",
     $$css: true
   },
   sm: {
-    kaIpWk: "x1fzuljc",
-    kZKoxP: "xf8e5s9",
-    kg3NbH: "xk1318k",
+    kaIpWk: "xnqsffl",
+    kZKoxP: "xi6k2w7",
+    kg3NbH: "x1mun630",
     $$css: true
   },
   md: {
-    kaIpWk: "x1fzuljc",
-    kZKoxP: "xqg51pm",
-    kg3NbH: "x1bx8ds0",
+    kaIpWk: "xnqsffl",
+    kZKoxP: "x4j9usw",
+    kg3NbH: "x1qkrz3o",
     $$css: true
   },
   lg: {
-    kaIpWk: "x1fzuljc",
-    kZKoxP: "xoprh6g",
-    kg3NbH: "x110956",
+    kaIpWk: "xnqsffl",
+    kZKoxP: "xn9mnmt",
+    kg3NbH: "x1cvm7pz",
     $$css: true
   }
 };
@@ -194,7 +194,7 @@ function Button(t0) {
   let t6;
   if ($[21] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t6 = {
-      className: "x6s0dn4 x3nfvp2 xor4qq5 x1n2onr6 x1vjfegm"
+      className: "x6s0dn4 x3nfvp2 x1bow5vq x1n2onr6 x1vjfegm"
     };
     $[21] = t6;
   } else {

package/dist/button.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../src/button.tsx"],
-  "sourcesContent": ["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}"],
+  "sourcesContent": ["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/semantic.stylex\";\nconst styles = {\n  root: {\n    kGNEyG: \"x6s0dn4\",\n    kysU6D: \"xjyslct\",\n    ksu8eU: \"x1y0btm7\",\n    kMzoRj: \"x1oyaing\",\n    kkrTdU: \"x1ypdohk\",\n    k1xSpc: \"x3nfvp2\",\n    kGuDYH: \"x1ace0bc\",\n    k63SB2: \"xsi0f2t\",\n    kOIVth: \"x1bow5vq\",\n    kHBbk8: \"xc8icb0\",\n    kjj79g: \"xl56j7k\",\n    kLWn49: \"x4lbt1c\",\n    kI3sdo: \"x1a2a7pz\",\n    kVQacm: \"xb3r6kr\",\n    kVAEAm: \"x1n2onr6\",\n    kIyJzY: \"x1wsylbu\",\n    k1ekBW: \"x1qsmvhx\",\n    kAMwcw: \"x1dd66w8\",\n    kfSwDN: \"x87ps6o\",\n    khDVqt: \"xuxw1ft\",\n    kZs9gx: \"x5a7cac\",\n    kiEn40: \"x1l4tsnw\",\n    k7shQP: \"x9v5kkp\",\n    kPJHz1: \"x1yy77yy\",\n    kYPGJ8: \"x1s07b3s\",\n    kLkRvE: \"x19t6ip0\",\n    kgeoSG: \"x1cpjm7i\",\n    kFcpXp: \"xxx281p\",\n    km8f2m: \"xkk1bqk\",\n    kEoFBp: \"x1hmns74\",\n    kxmVGU: \"x2hztxu\",\n    $$css: true\n  },\n  solidInteraction: {\n    kLkRvE: \"x19t6ip0 xj3kl5g xovk5of\",\n    $$css: true\n  },\n  surfaceInteraction: {\n    kLkRvE: \"x19t6ip0 x4vs9fa x7y2cg4\",\n    $$css: true\n  },\n  content: {\n    kGNEyG: \"x6s0dn4\",\n    k1xSpc: \"x3nfvp2\",\n    kOIVth: \"x1bow5vq\",\n    kVAEAm: \"x1n2onr6\",\n    kY2c9j: \"x1vjfegm\",\n    $$css: true\n  },\n  primary: {\n    kWkggS: \"xda5c61\",\n    kVAM5u: \"x1eriwz2\",\n    kMwMTN: \"x1qu3pu8\",\n    $$css: true\n  },\n  secondary: {\n    kWkggS: \"x1j6h5uc\",\n    kVAM5u: \"x1xqm80t\",\n    kMwMTN: \"x1m45nea\",\n    $$css: true\n  },\n  ghost: {\n    kWkggS: \"x15udyl1\",\n    kVAM5u: \"x1woqixl\",\n    kMwMTN: \"x1m45nea\",\n    $$css: true\n  },\n  destructive: {\n    kWkggS: \"x1g559t0\",\n    kVAM5u: \"x1sksipg\",\n    kMwMTN: \"x1s6y19\",\n    $$css: true\n  },\n  disabled: {\n    kWkggS: \"x10gru9n\",\n    kVAM5u: \"x1xqm80t\",\n    kMwMTN: \"x1e9us2s\",\n    $$css: true\n  },\n  disabledGhost: {\n    kWkggS: \"x15udyl1\",\n    kVAM5u: \"x1woqixl\",\n    $$css: true\n  },\n  disabledInteraction: {\n    kLkRvE: \"x19t6ip0\",\n    $$css: true\n  },\n  sm: {\n    kaIpWk: \"xnqsffl\",\n    kZKoxP: \"xi6k2w7\",\n    kg3NbH: \"x1mun630\",\n    $$css: true\n  },\n  md: {\n    kaIpWk: \"xnqsffl\",\n    kZKoxP: \"x4j9usw\",\n    kg3NbH: \"x1qkrz3o\",\n    $$css: true\n  },\n  lg: {\n    kaIpWk: \"xnqsffl\",\n    kZKoxP: \"xn9mnmt\",\n    kg3NbH: \"x1cvm7pz\",\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 x1bow5vq 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}"],
   "mappings": "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",
   "names": ["props"]
 }

package/dist/card.js

@@ -4,12 +4,12 @@ import * as stylex from "@stylexjs/stylex";
 import { jsx } from "react/jsx-runtime";
 var styles = {
   card: {
-    kWkggS: "x11m93s7",
-    kVAM5u: "x1bl4cbq",
-    kaIpWk: "x1fzuljc",
+    kWkggS: "x1j6h5uc",
+    kVAM5u: "x1xqm80t",
+    kaIpWk: "xnqsffl",
     ksu8eU: "x1y0btm7",
-    kMzoRj: "xzcyats",
-    kMwMTN: "x122omjn",
+    kMzoRj: "x1oyaing",
+    kMwMTN: "x1m45nea",
     k1xSpc: "x78zum5",
     kXwgrk: "xdt5ytf",
     kzqmXN: "xh8yej3",
@@ -18,36 +18,36 @@ var styles = {
   header: {
     k1xSpc: "x78zum5",
     kXwgrk: "xdt5ytf",
-    kOIVth: "xt71qdy",
-    k8WAf4: "x1l5uw2n",
-    kg3NbH: "x1n3l9wv",
+    kOIVth: "xlxwl3t",
+    k8WAf4: "x1s0l3m1",
+    kg3NbH: "xx22x05",
     $$css: true
   },
   title: {
-    kGuDYH: "xu4cvhr",
-    k63SB2: "x5xj88b",
-    kLWn49: "x7f5rko",
+    kGuDYH: "xrxfeq4",
+    k63SB2: "x1t48p6j",
+    kLWn49: "x4lbt1c",
     kogj98: "x1ghz6dp",
     $$css: true
   },
   description: {
-    kMwMTN: "x1f8jq9g",
-    kGuDYH: "xkrk5hw",
-    kLWn49: "x18qbr9o",
+    kMwMTN: "xk8vvhx",
+    kGuDYH: "x1ace0bc",
+    kLWn49: "xjj7q2m",
     kogj98: "x1ghz6dp",
     $$css: true
   },
   content: {
-    kGO01o: "xmgw2lk",
-    kg3NbH: "x1n3l9wv",
+    kGO01o: "x22h7w0",
+    kg3NbH: "xx22x05",
     $$css: true
   },
   footer: {
     kGNEyG: "x6s0dn4",
     k1xSpc: "x78zum5",
-    kOIVth: "xwxoyq7",
-    kGO01o: "xmgw2lk",
-    kg3NbH: "x1n3l9wv",
+    kOIVth: "xlq682k",
+    kGO01o: "x22h7w0",
+    kg3NbH: "xx22x05",
     $$css: true
   }
 };