@nooeh/ui 0.1.0

package/dist/tooltip.js

@@ -0,0 +1,154 @@
+// src/tooltip.tsx
+import { c as _c } from "react/compiler-runtime";
+import { Tooltip as TooltipPrimitive } from "@base-ui/react/tooltip";
+import * as stylex from "@stylexjs/stylex";
+import { jsx, jsxs } from "react/jsx-runtime";
+var styles = {
+  popup: {
+    kWkggS: "x1iqyfvv",
+    kaIpWk: "x1fzuljc",
+    kGVxlE: "xjv4pu9",
+    kMwMTN: "xcv50cm",
+    kGuDYH: "x1ypeaw5",
+    kLWn49: "x18qbr9o",
+    ks0D6T: "x1vxnb6q",
+    k8WAf4: "xc7bwuv",
+    kg3NbH: "xk1318k",
+    k3aq6I: "x3oybdh",
+    k3nNDw: "xctpfpq",
+    kIyJzY: "x1bqxu3r",
+    k1ekBW: "x6o7n8i",
+    kAMwcw: "x1r47arm",
+    kdUZ5K: "xuupxpy",
+    k6CgDc: "xsagj69",
+    $$css: true
+  },
+  popupTransitioning: {
+    kSiTet: "xg01cxk",
+    k3aq6I: "xjzqdv7",
+    $$css: true
+  },
+  popupEnding: {
+    kIyJzY: "x1uff5cw",
+    kAMwcw: "x1r7bce2",
+    $$css: true
+  }
+};
+var Tooltip = TooltipPrimitive.Root;
+var TooltipProvider = TooltipPrimitive.Provider;
+var TooltipTrigger = TooltipPrimitive.Trigger;
+function TooltipContent(t0) {
+  const $ = _c(25);
+  let className;
+  let props2;
+  let style;
+  let t1;
+  let t2;
+  let t3;
+  let xstyle;
+  if ($[0] !== t0) {
+    ({
+      align: t1,
+      className,
+      side: t2,
+      sideOffset: t3,
+      style,
+      xstyle,
+      ...props2
+    } = t0);
+    $[0] = t0;
+    $[1] = className;
+    $[2] = props2;
+    $[3] = style;
+    $[4] = t1;
+    $[5] = t2;
+    $[6] = t3;
+    $[7] = xstyle;
+  } else {
+    className = $[1];
+    props2 = $[2];
+    style = $[3];
+    t1 = $[4];
+    t2 = $[5];
+    t3 = $[6];
+    xstyle = $[7];
+  }
+  const align = t1 === void 0 ? "center" : t1;
+  const side = t2 === void 0 ? "top" : t2;
+  const sideOffset = t3 === void 0 ? 6 : t3;
+  let t4;
+  if ($[8] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t4 = {
+      className: "x6y048q"
+    };
+    $[8] = t4;
+  } else {
+    t4 = $[8];
+  }
+  let t5;
+  if ($[9] !== className || $[10] !== xstyle) {
+    t5 = (state) => {
+      const stylexProps = stylex.props(styles.popup, state.transitionStatus === "starting" && styles.popupTransitioning, state.transitionStatus === "ending" && styles.popupTransitioning, state.transitionStatus === "ending" && styles.popupEnding, xstyle);
+      return [stylexProps.className, typeof className === "function" ? className(state) : className].filter(Boolean).join(" ");
+    };
+    $[9] = className;
+    $[10] = xstyle;
+    $[11] = t5;
+  } else {
+    t5 = $[11];
+  }
+  let t6;
+  if ($[12] !== style || $[13] !== xstyle) {
+    t6 = (state_0) => {
+      const stylexProps_0 = stylex.props(styles.popup, state_0.transitionStatus === "starting" && styles.popupTransitioning, state_0.transitionStatus === "ending" && styles.popupTransitioning, state_0.transitionStatus === "ending" && styles.popupEnding, xstyle);
+      return {
+        ...stylexProps_0.style,
+        ...typeof style === "function" ? style(state_0) : style
+      };
+    };
+    $[12] = style;
+    $[13] = xstyle;
+    $[14] = t6;
+  } else {
+    t6 = $[14];
+  }
+  let t7;
+  if ($[15] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t7 = /* @__PURE__ */ jsx(TooltipPrimitive.Arrow, { className: "x1tthhsa xs193v5 x19wirlz" });
+    $[15] = t7;
+  } else {
+    t7 = $[15];
+  }
+  let t8;
+  if ($[16] !== props2 || $[17] !== t5 || $[18] !== t6) {
+    t8 = /* @__PURE__ */ jsxs(TooltipPrimitive.Popup, { ...props2, className: t5, style: t6, children: [
+      props2.children,
+      t7
+    ] });
+    $[16] = props2;
+    $[17] = t5;
+    $[18] = t6;
+    $[19] = t8;
+  } else {
+    t8 = $[19];
+  }
+  let t9;
+  if ($[20] !== align || $[21] !== side || $[22] !== sideOffset || $[23] !== t8) {
+    t9 = /* @__PURE__ */ jsx(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsx(TooltipPrimitive.Positioner, { align, side, sideOffset, ...t4, children: t8 }) });
+    $[20] = align;
+    $[21] = side;
+    $[22] = sideOffset;
+    $[23] = t8;
+    $[24] = t9;
+  } else {
+    t9 = $[24];
+  }
+  return t9;
+}
+export {
+  Tooltip,
+  TooltipContent,
+  TooltipProvider,
+  TooltipTrigger
+};
+//# sourceMappingURL=tooltip.js.map

package/dist/tooltip.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/tooltip.tsx"],
+  "sourcesContent": ["import { c as _c } from \"react/compiler-runtime\";\nimport { Tooltip as TooltipPrimitive } from \"@base-ui/react/tooltip\";\nimport * as stylex from \"@stylexjs/stylex\";\nimport type { ComponentProps } from \"react\";\nimport { colorVars, motionVars, radiusVars, shadowVars, spacingVars, typographyVars } from \"@nooeh/tokens/tokens.stylex\";\nconst styles = {\n  popup: {\n    kWkggS: \"x1iqyfvv\",\n    kaIpWk: \"x1fzuljc\",\n    kGVxlE: \"xjv4pu9\",\n    kMwMTN: \"xcv50cm\",\n    kGuDYH: \"x1ypeaw5\",\n    kLWn49: \"x18qbr9o\",\n    ks0D6T: \"x1vxnb6q\",\n    k8WAf4: \"xc7bwuv\",\n    kg3NbH: \"xk1318k\",\n    k3aq6I: \"x3oybdh\",\n    k3nNDw: \"xctpfpq\",\n    kIyJzY: \"x1bqxu3r\",\n    k1ekBW: \"x6o7n8i\",\n    kAMwcw: \"x1r47arm\",\n    kdUZ5K: \"xuupxpy\",\n    k6CgDc: \"xsagj69\",\n    $$css: true\n  },\n  popupTransitioning: {\n    kSiTet: \"xg01cxk\",\n    k3aq6I: \"xjzqdv7\",\n    $$css: true\n  },\n  popupEnding: {\n    kIyJzY: \"x1uff5cw\",\n    kAMwcw: \"x1r7bce2\",\n    $$css: true\n  }\n};\nexport const Tooltip = TooltipPrimitive.Root;\nexport const TooltipProvider = TooltipPrimitive.Provider;\nexport const TooltipTrigger = TooltipPrimitive.Trigger;\ntype TooltipContentProps = ComponentProps<typeof TooltipPrimitive.Popup> & Pick<ComponentProps<typeof TooltipPrimitive.Positioner>, \"align\" | \"side\" | \"sideOffset\"> & {\n  xstyle?: stylex.StyleXStyles;\n};\nexport function TooltipContent(t0) {\n  const $ = _c(25);\n  let className;\n  let props;\n  let style;\n  let t1;\n  let t2;\n  let t3;\n  let xstyle;\n  if ($[0] !== t0) {\n    ({\n      align: t1,\n      className,\n      side: t2,\n      sideOffset: t3,\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] = t3;\n    $[7] = xstyle;\n  } else {\n    className = $[1];\n    props = $[2];\n    style = $[3];\n    t1 = $[4];\n    t2 = $[5];\n    t3 = $[6];\n    xstyle = $[7];\n  }\n  const align = t1 === undefined ? \"center\" : t1;\n  const side = t2 === undefined ? \"top\" : t2;\n  const sideOffset = t3 === undefined ? 6 : t3;\n  let t4;\n  if ($[8] === Symbol.for(\"react.memo_cache_sentinel\")) {\n    t4 = {\n      className: \"x6y048q\"\n    };\n    $[8] = t4;\n  } else {\n    t4 = $[8];\n  }\n  let t5;\n  if ($[9] !== className || $[10] !== xstyle) {\n    t5 = state => {\n      const stylexProps = stylex.props(styles.popup, state.transitionStatus === \"starting\" && styles.popupTransitioning, state.transitionStatus === \"ending\" && styles.popupTransitioning, state.transitionStatus === \"ending\" && styles.popupEnding, xstyle);\n      return [stylexProps.className, typeof className === \"function\" ? className(state) : className].filter(Boolean).join(\" \");\n    };\n    $[9] = className;\n    $[10] = xstyle;\n    $[11] = t5;\n  } else {\n    t5 = $[11];\n  }\n  let t6;\n  if ($[12] !== style || $[13] !== xstyle) {\n    t6 = state_0 => {\n      const stylexProps_0 = stylex.props(styles.popup, state_0.transitionStatus === \"starting\" && styles.popupTransitioning, state_0.transitionStatus === \"ending\" && styles.popupTransitioning, state_0.transitionStatus === \"ending\" && styles.popupEnding, xstyle);\n      return {\n        ...stylexProps_0.style,\n        ...(typeof style === \"function\" ? style(state_0) : style)\n      };\n    };\n    $[12] = style;\n    $[13] = xstyle;\n    $[14] = t6;\n  } else {\n    t6 = $[14];\n  }\n  let t7;\n  if ($[15] === Symbol.for(\"react.memo_cache_sentinel\")) {\n    t7 = <TooltipPrimitive.Arrow className=\"x1tthhsa xs193v5 x19wirlz\" />;\n    $[15] = t7;\n  } else {\n    t7 = $[15];\n  }\n  let t8;\n  if ($[16] !== props || $[17] !== t5 || $[18] !== t6) {\n    t8 = <TooltipPrimitive.Popup {...props} className={t5} style={t6}>{props.children}{t7}</TooltipPrimitive.Popup>;\n    $[16] = props;\n    $[17] = t5;\n    $[18] = t6;\n    $[19] = t8;\n  } else {\n    t8 = $[19];\n  }\n  let t9;\n  if ($[20] !== align || $[21] !== side || $[22] !== sideOffset || $[23] !== t8) {\n    t9 = <TooltipPrimitive.Portal><TooltipPrimitive.Positioner align={align} side={side} sideOffset={sideOffset} {...t4}>{t8}</TooltipPrimitive.Positioner></TooltipPrimitive.Portal>;\n    $[20] = align;\n    $[21] = side;\n    $[22] = sideOffset;\n    $[23] = t8;\n    $[24] = t9;\n  } else {\n    t9 = $[24];\n  }\n  return t9;\n}"],
+  "mappings": "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",
+  "names": ["props"]
+}

package/dist/typography.d.ts

@@ -0,0 +1,292 @@
+import * as stylex from "@stylexjs/stylex";
+import { type CSSProperties, type HTMLAttributes } from "react";
+type TypographyElement = "blockquote" | "code" | "h1" | "h2" | "h3" | "p" | "span";
+type TypographyVariant = "body" | "caption" | "code" | "display" | "heading" | "label" | "title";
+export type TypographyProps = HTMLAttributes<HTMLElement> & {
+    as?: TypographyElement;
+    variant?: TypographyVariant;
+    xstyle?: stylex.StyleXStyles;
+};
+export declare function Typography({ as, className, style, variant, xstyle, ...props }: TypographyProps): import("react").DetailedReactHTMLElement<{
+    children?: import("react").ReactNode | undefined;
+    dangerouslySetInnerHTML?: {
+        __html: string | TrustedHTML;
+    } | undefined;
+    onCopy?: import("react").ClipboardEventHandler<HTMLElement> | undefined;
+    onCopyCapture?: import("react").ClipboardEventHandler<HTMLElement> | undefined;
+    onCut?: import("react").ClipboardEventHandler<HTMLElement> | undefined;
+    onCutCapture?: import("react").ClipboardEventHandler<HTMLElement> | undefined;
+    onPaste?: import("react").ClipboardEventHandler<HTMLElement> | undefined;
+    onPasteCapture?: import("react").ClipboardEventHandler<HTMLElement> | undefined;
+    onCompositionEnd?: import("react").CompositionEventHandler<HTMLElement> | undefined;
+    onCompositionEndCapture?: import("react").CompositionEventHandler<HTMLElement> | undefined;
+    onCompositionStart?: import("react").CompositionEventHandler<HTMLElement> | undefined;
+    onCompositionStartCapture?: import("react").CompositionEventHandler<HTMLElement> | undefined;
+    onCompositionUpdate?: import("react").CompositionEventHandler<HTMLElement> | undefined;
+    onCompositionUpdateCapture?: import("react").CompositionEventHandler<HTMLElement> | undefined;
+    onFocus?: import("react").FocusEventHandler<HTMLElement> | undefined;
+    onFocusCapture?: import("react").FocusEventHandler<HTMLElement> | undefined;
+    onBlur?: import("react").FocusEventHandler<HTMLElement> | undefined;
+    onBlurCapture?: import("react").FocusEventHandler<HTMLElement> | undefined;
+    onChange?: import("react").ChangeEventHandler<HTMLElement, Element> | undefined;
+    onChangeCapture?: import("react").ChangeEventHandler<HTMLElement, Element> | undefined;
+    onBeforeInput?: import("react").InputEventHandler<HTMLElement> | undefined;
+    onBeforeInputCapture?: import("react").InputEventHandler<HTMLElement> | undefined;
+    onInput?: import("react").InputEventHandler<HTMLElement> | undefined;
+    onInputCapture?: import("react").InputEventHandler<HTMLElement> | undefined;
+    onReset?: import("react").ReactEventHandler<HTMLElement> | undefined;
+    onResetCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
+    onSubmit?: import("react").SubmitEventHandler<HTMLElement> | undefined;
+    onSubmitCapture?: import("react").SubmitEventHandler<HTMLElement> | undefined;
+    onInvalid?: import("react").ReactEventHandler<HTMLElement> | undefined;
+    onInvalidCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
+    onLoad?: import("react").ReactEventHandler<HTMLElement> | undefined;
+    onLoadCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
+    onError?: import("react").ReactEventHandler<HTMLElement> | undefined;
+    onErrorCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
+    onKeyDown?: import("react").KeyboardEventHandler<HTMLElement> | undefined;
+    onKeyDownCapture?: import("react").KeyboardEventHandler<HTMLElement> | undefined;
+    onKeyPress?: import("react").KeyboardEventHandler<HTMLElement> | undefined;
+    onKeyPressCapture?: import("react").KeyboardEventHandler<HTMLElement> | undefined;
+    onKeyUp?: import("react").KeyboardEventHandler<HTMLElement> | undefined;
+    onKeyUpCapture?: import("react").KeyboardEventHandler<HTMLElement> | undefined;
+    onAbort?: import("react").ReactEventHandler<HTMLElement> | undefined;
+    onAbortCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
+    onCanPlay?: import("react").ReactEventHandler<HTMLElement> | undefined;
+    onCanPlayCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
+    onCanPlayThrough?: import("react").ReactEventHandler<HTMLElement> | undefined;
+    onCanPlayThroughCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
+    onDurationChange?: import("react").ReactEventHandler<HTMLElement> | undefined;
+    onDurationChangeCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
+    onEmptied?: import("react").ReactEventHandler<HTMLElement> | undefined;
+    onEmptiedCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
+    onEncrypted?: import("react").ReactEventHandler<HTMLElement> | undefined;
+    onEncryptedCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
+    onEnded?: import("react").ReactEventHandler<HTMLElement> | undefined;
+    onEndedCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
+    onLoadedData?: import("react").ReactEventHandler<HTMLElement> | undefined;
+    onLoadedDataCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
+    onLoadedMetadata?: import("react").ReactEventHandler<HTMLElement> | undefined;
+    onLoadedMetadataCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
+    onLoadStart?: import("react").ReactEventHandler<HTMLElement> | undefined;
+    onLoadStartCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
+    onPause?: import("react").ReactEventHandler<HTMLElement> | undefined;
+    onPauseCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
+    onPlay?: import("react").ReactEventHandler<HTMLElement> | undefined;
+    onPlayCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
+    onPlaying?: import("react").ReactEventHandler<HTMLElement> | undefined;
+    onPlayingCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
+    onProgress?: import("react").ReactEventHandler<HTMLElement> | undefined;
+    onProgressCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
+    onRateChange?: import("react").ReactEventHandler<HTMLElement> | undefined;
+    onRateChangeCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
+    onSeeked?: import("react").ReactEventHandler<HTMLElement> | undefined;
+    onSeekedCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
+    onSeeking?: import("react").ReactEventHandler<HTMLElement> | undefined;
+    onSeekingCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
+    onStalled?: import("react").ReactEventHandler<HTMLElement> | undefined;
+    onStalledCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
+    onSuspend?: import("react").ReactEventHandler<HTMLElement> | undefined;
+    onSuspendCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
+    onTimeUpdate?: import("react").ReactEventHandler<HTMLElement> | undefined;
+    onTimeUpdateCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
+    onVolumeChange?: import("react").ReactEventHandler<HTMLElement> | undefined;
+    onVolumeChangeCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
+    onWaiting?: import("react").ReactEventHandler<HTMLElement> | undefined;
+    onWaitingCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
+    onAuxClick?: import("react").MouseEventHandler<HTMLElement> | undefined;
+    onAuxClickCapture?: import("react").MouseEventHandler<HTMLElement> | undefined;
+    onClick?: import("react").MouseEventHandler<HTMLElement> | undefined;
+    onClickCapture?: import("react").MouseEventHandler<HTMLElement> | undefined;
+    onContextMenu?: import("react").MouseEventHandler<HTMLElement> | undefined;
+    onContextMenuCapture?: import("react").MouseEventHandler<HTMLElement> | undefined;
+    onDoubleClick?: import("react").MouseEventHandler<HTMLElement> | undefined;
+    onDoubleClickCapture?: import("react").MouseEventHandler<HTMLElement> | undefined;
+    onDrag?: import("react").DragEventHandler<HTMLElement> | undefined;
+    onDragCapture?: import("react").DragEventHandler<HTMLElement> | undefined;
+    onDragEnd?: import("react").DragEventHandler<HTMLElement> | undefined;
+    onDragEndCapture?: import("react").DragEventHandler<HTMLElement> | undefined;
+    onDragEnter?: import("react").DragEventHandler<HTMLElement> | undefined;
+    onDragEnterCapture?: import("react").DragEventHandler<HTMLElement> | undefined;
+    onDragExit?: import("react").DragEventHandler<HTMLElement> | undefined;
+    onDragExitCapture?: import("react").DragEventHandler<HTMLElement> | undefined;
+    onDragLeave?: import("react").DragEventHandler<HTMLElement> | undefined;
+    onDragLeaveCapture?: import("react").DragEventHandler<HTMLElement> | undefined;
+    onDragOver?: import("react").DragEventHandler<HTMLElement> | undefined;
+    onDragOverCapture?: import("react").DragEventHandler<HTMLElement> | undefined;
+    onDragStart?: import("react").DragEventHandler<HTMLElement> | undefined;
+    onDragStartCapture?: import("react").DragEventHandler<HTMLElement> | undefined;
+    onDrop?: import("react").DragEventHandler<HTMLElement> | undefined;
+    onDropCapture?: import("react").DragEventHandler<HTMLElement> | undefined;
+    onMouseDown?: import("react").MouseEventHandler<HTMLElement> | undefined;
+    onMouseDownCapture?: import("react").MouseEventHandler<HTMLElement> | undefined;
+    onMouseEnter?: import("react").MouseEventHandler<HTMLElement> | undefined;
+    onMouseLeave?: import("react").MouseEventHandler<HTMLElement> | undefined;
+    onMouseMove?: import("react").MouseEventHandler<HTMLElement> | undefined;
+    onMouseMoveCapture?: import("react").MouseEventHandler<HTMLElement> | undefined;
+    onMouseOut?: import("react").MouseEventHandler<HTMLElement> | undefined;
+    onMouseOutCapture?: import("react").MouseEventHandler<HTMLElement> | undefined;
+    onMouseOver?: import("react").MouseEventHandler<HTMLElement> | undefined;
+    onMouseOverCapture?: import("react").MouseEventHandler<HTMLElement> | undefined;
+    onMouseUp?: import("react").MouseEventHandler<HTMLElement> | undefined;
+    onMouseUpCapture?: import("react").MouseEventHandler<HTMLElement> | undefined;
+    onSelect?: import("react").ReactEventHandler<HTMLElement> | undefined;
+    onSelectCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
+    onTouchCancel?: import("react").TouchEventHandler<HTMLElement> | undefined;
+    onTouchCancelCapture?: import("react").TouchEventHandler<HTMLElement> | undefined;
+    onTouchEnd?: import("react").TouchEventHandler<HTMLElement> | undefined;
+    onTouchEndCapture?: import("react").TouchEventHandler<HTMLElement> | undefined;
+    onTouchMove?: import("react").TouchEventHandler<HTMLElement> | undefined;
+    onTouchMoveCapture?: import("react").TouchEventHandler<HTMLElement> | undefined;
+    onTouchStart?: import("react").TouchEventHandler<HTMLElement> | undefined;
+    onTouchStartCapture?: import("react").TouchEventHandler<HTMLElement> | undefined;
+    onPointerDown?: import("react").PointerEventHandler<HTMLElement> | undefined;
+    onPointerDownCapture?: import("react").PointerEventHandler<HTMLElement> | undefined;
+    onPointerMove?: import("react").PointerEventHandler<HTMLElement> | undefined;
+    onPointerMoveCapture?: import("react").PointerEventHandler<HTMLElement> | undefined;
+    onPointerUp?: import("react").PointerEventHandler<HTMLElement> | undefined;
+    onPointerUpCapture?: import("react").PointerEventHandler<HTMLElement> | undefined;
+    onPointerCancel?: import("react").PointerEventHandler<HTMLElement> | undefined;
+    onPointerCancelCapture?: import("react").PointerEventHandler<HTMLElement> | undefined;
+    onPointerEnter?: import("react").PointerEventHandler<HTMLElement> | undefined;
+    onPointerLeave?: import("react").PointerEventHandler<HTMLElement> | undefined;
+    onPointerOver?: import("react").PointerEventHandler<HTMLElement> | undefined;
+    onPointerOverCapture?: import("react").PointerEventHandler<HTMLElement> | undefined;
+    onPointerOut?: import("react").PointerEventHandler<HTMLElement> | undefined;
+    onPointerOutCapture?: import("react").PointerEventHandler<HTMLElement> | undefined;
+    onGotPointerCapture?: import("react").PointerEventHandler<HTMLElement> | undefined;
+    onGotPointerCaptureCapture?: import("react").PointerEventHandler<HTMLElement> | undefined;
+    onLostPointerCapture?: import("react").PointerEventHandler<HTMLElement> | undefined;
+    onLostPointerCaptureCapture?: import("react").PointerEventHandler<HTMLElement> | undefined;
+    onScroll?: import("react").UIEventHandler<HTMLElement> | undefined;
+    onScrollCapture?: import("react").UIEventHandler<HTMLElement> | undefined;
+    onScrollEnd?: import("react").UIEventHandler<HTMLElement> | undefined;
+    onScrollEndCapture?: import("react").UIEventHandler<HTMLElement> | undefined;
+    onWheel?: import("react").WheelEventHandler<HTMLElement> | undefined;
+    onWheelCapture?: import("react").WheelEventHandler<HTMLElement> | undefined;
+    onAnimationStart?: import("react").AnimationEventHandler<HTMLElement> | undefined;
+    onAnimationStartCapture?: import("react").AnimationEventHandler<HTMLElement> | undefined;
+    onAnimationEnd?: import("react").AnimationEventHandler<HTMLElement> | undefined;
+    onAnimationEndCapture?: import("react").AnimationEventHandler<HTMLElement> | undefined;
+    onAnimationIteration?: import("react").AnimationEventHandler<HTMLElement> | undefined;
+    onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLElement> | undefined;
+    onToggle?: import("react").ToggleEventHandler<HTMLElement> | undefined;
+    onBeforeToggle?: import("react").ToggleEventHandler<HTMLElement> | undefined;
+    onTransitionCancel?: import("react").TransitionEventHandler<HTMLElement> | undefined;
+    onTransitionCancelCapture?: import("react").TransitionEventHandler<HTMLElement> | undefined;
+    onTransitionEnd?: import("react").TransitionEventHandler<HTMLElement> | undefined;
+    onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLElement> | undefined;
+    onTransitionRun?: import("react").TransitionEventHandler<HTMLElement> | undefined;
+    onTransitionRunCapture?: import("react").TransitionEventHandler<HTMLElement> | undefined;
+    onTransitionStart?: import("react").TransitionEventHandler<HTMLElement> | undefined;
+    onTransitionStartCapture?: import("react").TransitionEventHandler<HTMLElement> | undefined;
+    "aria-activedescendant"?: string | undefined;
+    "aria-atomic"?: ("false" | "true" | boolean) | undefined;
+    "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
+    "aria-braillelabel"?: string | undefined;
+    "aria-brailleroledescription"?: string | undefined;
+    "aria-busy"?: ("false" | "true" | boolean) | undefined;
+    "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined;
+    "aria-colcount"?: number | undefined;
+    "aria-colindex"?: number | undefined;
+    "aria-colindextext"?: string | undefined;
+    "aria-colspan"?: number | undefined;
+    "aria-controls"?: string | undefined;
+    "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined;
+    "aria-describedby"?: string | undefined;
+    "aria-description"?: string | undefined;
+    "aria-details"?: string | undefined;
+    "aria-disabled"?: ("false" | "true" | boolean) | undefined;
+    "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
+    "aria-errormessage"?: string | undefined;
+    "aria-expanded"?: ("false" | "true" | boolean) | undefined;
+    "aria-flowto"?: string | undefined;
+    "aria-grabbed"?: ("false" | "true" | boolean) | undefined;
+    "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
+    "aria-hidden"?: ("false" | "true" | boolean) | undefined;
+    "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
+    "aria-keyshortcuts"?: string | undefined;
+    "aria-label"?: string | undefined;
+    "aria-labelledby"?: string | undefined;
+    "aria-level"?: number | undefined;
+    "aria-live"?: "off" | "assertive" | "polite" | undefined;
+    "aria-modal"?: ("false" | "true" | boolean) | undefined;
+    "aria-multiline"?: ("false" | "true" | boolean) | undefined;
+    "aria-multiselectable"?: ("false" | "true" | boolean) | undefined;
+    "aria-orientation"?: "horizontal" | "vertical" | undefined;
+    "aria-owns"?: string | undefined;
+    "aria-placeholder"?: string | undefined;
+    "aria-posinset"?: number | undefined;
+    "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined;
+    "aria-readonly"?: ("false" | "true" | boolean) | undefined;
+    "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
+    "aria-required"?: ("false" | "true" | boolean) | undefined;
+    "aria-roledescription"?: string | undefined;
+    "aria-rowcount"?: number | undefined;
+    "aria-rowindex"?: number | undefined;
+    "aria-rowindextext"?: string | undefined;
+    "aria-rowspan"?: number | undefined;
+    "aria-selected"?: ("false" | "true" | boolean) | undefined;
+    "aria-setsize"?: number | undefined;
+    "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
+    "aria-valuemax"?: number | undefined;
+    "aria-valuemin"?: number | undefined;
+    "aria-valuenow"?: number | undefined;
+    "aria-valuetext"?: string | undefined;
+    defaultChecked?: boolean | undefined;
+    defaultValue?: string | number | readonly string[] | undefined;
+    suppressContentEditableWarning?: boolean | undefined;
+    suppressHydrationWarning?: boolean | undefined;
+    accessKey?: string | undefined;
+    autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {});
+    autoFocus?: boolean | undefined;
+    contentEditable?: ("false" | "true" | boolean) | "inherit" | "plaintext-only" | undefined;
+    contextMenu?: string | undefined;
+    dir?: string | undefined;
+    draggable?: ("false" | "true" | boolean) | undefined;
+    enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined;
+    hidden?: boolean | undefined;
+    id?: string | undefined;
+    lang?: string | undefined;
+    nonce?: string | undefined;
+    slot?: string | undefined;
+    spellCheck?: ("false" | "true" | boolean) | undefined;
+    tabIndex?: number | undefined;
+    title?: string | undefined;
+    translate?: "yes" | "no" | undefined;
+    radioGroup?: string | undefined;
+    role?: import("react").AriaRole | undefined;
+    about?: string | undefined;
+    content?: string | undefined;
+    datatype?: string | undefined;
+    inlist?: any;
+    prefix?: string | undefined;
+    property?: string | undefined;
+    rel?: string | undefined;
+    resource?: string | undefined;
+    rev?: string | undefined;
+    typeof?: string | undefined;
+    vocab?: string | undefined;
+    autoCorrect?: string | undefined;
+    autoSave?: string | undefined;
+    color?: string | undefined;
+    itemProp?: string | undefined;
+    itemScope?: boolean | undefined;
+    itemType?: string | undefined;
+    itemID?: string | undefined;
+    itemRef?: string | undefined;
+    results?: number | undefined;
+    security?: string | undefined;
+    unselectable?: "on" | "off" | undefined;
+    popover?: "" | "auto" | "manual" | "hint" | undefined;
+    popoverTargetAction?: "toggle" | "show" | "hide" | undefined;
+    popoverTarget?: string | undefined;
+    inert?: boolean | undefined;
+    inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
+    is?: string | undefined;
+    exportparts?: string | undefined;
+    part?: string | undefined;
+    className: string;
+    style: CSSProperties;
+}, HTMLElement>;
+export {};

package/dist/typography.js

@@ -0,0 +1,92 @@
+// src/typography.tsx
+import * as stylex from "@stylexjs/stylex";
+import { createElement } from "react";
+var styles = {
+  root: {
+    kMwMTN: "x122omjn",
+    kMv6JI: "x1l89lse",
+    kogj98: "x1ghz6dp",
+    $$css: true
+  },
+  display: {
+    kGuDYH: "x579bpy",
+    k63SB2: "x5xj88b",
+    kb6lSQ: "x1w69ole",
+    kLWn49: "x7f5rko",
+    $$css: true
+  },
+  title: {
+    kGuDYH: "xxqdkle",
+    k63SB2: "x5xj88b",
+    kb6lSQ: "x1lg07ej",
+    kLWn49: "x7f5rko",
+    $$css: true
+  },
+  heading: {
+    kGuDYH: "xu4cvhr",
+    k63SB2: "x12lpnxt",
+    kLWn49: "x7f5rko",
+    $$css: true
+  },
+  body: {
+    kGuDYH: "xifhomf",
+    k63SB2: "x17coymh",
+    kLWn49: "x18qbr9o",
+    $$css: true
+  },
+  label: {
+    kGuDYH: "xkrk5hw",
+    k63SB2: "x12lpnxt",
+    kLWn49: "x18qbr9o",
+    $$css: true
+  },
+  caption: {
+    kMwMTN: "x1f8jq9g",
+    kGuDYH: "x1ypeaw5",
+    k63SB2: "x17coymh",
+    kLWn49: "x18qbr9o",
+    $$css: true
+  },
+  code: {
+    kWkggS: "x1w962hd",
+    kaIpWk: "x1fzuljc",
+    kMv6JI: "x17yh6e0",
+    kGuDYH: "xkrk5hw",
+    kLWn49: "x18qbr9o",
+    k8WAf4: "xc7bwuv",
+    kg3NbH: "xtb6bti",
+    $$css: true
+  }
+};
+var defaultElementMap = {
+  body: "p",
+  caption: "span",
+  code: "code",
+  display: "h1",
+  heading: "h3",
+  label: "span",
+  title: "h2"
+};
+function Typography({
+  as,
+  className,
+  style,
+  variant = "body",
+  xstyle,
+  ...props2
+}) {
+  const element = as ?? defaultElementMap[variant];
+  const stylexProps = stylex.props(styles.root, styles[variant], xstyle);
+  return createElement(element, {
+    ...props2,
+    className: [stylexProps.className, className].filter(Boolean).join(" "),
+    style: {
+      ...stylexProps.style,
+      ...style
+    }
+  });
+}
+export {
+  Typography
+};
+//# sourceMappingURL=typography.js.map

package/dist/typography.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/typography.tsx"],
+  "sourcesContent": ["import * as stylex from \"@stylexjs/stylex\";\nimport { createElement, type CSSProperties, type HTMLAttributes } from \"react\";\nimport { colorVars, radiusVars, spacingVars, typographyVars } from \"@nooeh/tokens/tokens.stylex\";\nconst styles = {\n  root: {\n    kMwMTN: \"x122omjn\",\n    kMv6JI: \"x1l89lse\",\n    kogj98: \"x1ghz6dp\",\n    $$css: true\n  },\n  display: {\n    kGuDYH: \"x579bpy\",\n    k63SB2: \"x5xj88b\",\n    kb6lSQ: \"x1w69ole\",\n    kLWn49: \"x7f5rko\",\n    $$css: true\n  },\n  title: {\n    kGuDYH: \"xxqdkle\",\n    k63SB2: \"x5xj88b\",\n    kb6lSQ: \"x1lg07ej\",\n    kLWn49: \"x7f5rko\",\n    $$css: true\n  },\n  heading: {\n    kGuDYH: \"xu4cvhr\",\n    k63SB2: \"x12lpnxt\",\n    kLWn49: \"x7f5rko\",\n    $$css: true\n  },\n  body: {\n    kGuDYH: \"xifhomf\",\n    k63SB2: \"x17coymh\",\n    kLWn49: \"x18qbr9o\",\n    $$css: true\n  },\n  label: {\n    kGuDYH: \"xkrk5hw\",\n    k63SB2: \"x12lpnxt\",\n    kLWn49: \"x18qbr9o\",\n    $$css: true\n  },\n  caption: {\n    kMwMTN: \"x1f8jq9g\",\n    kGuDYH: \"x1ypeaw5\",\n    k63SB2: \"x17coymh\",\n    kLWn49: \"x18qbr9o\",\n    $$css: true\n  },\n  code: {\n    kWkggS: \"x1w962hd\",\n    kaIpWk: \"x1fzuljc\",\n    kMv6JI: \"x17yh6e0\",\n    kGuDYH: \"xkrk5hw\",\n    kLWn49: \"x18qbr9o\",\n    k8WAf4: \"xc7bwuv\",\n    kg3NbH: \"xtb6bti\",\n    $$css: true\n  }\n};\ntype TypographyElement = \"blockquote\" | \"code\" | \"h1\" | \"h2\" | \"h3\" | \"p\" | \"span\";\ntype TypographyVariant = \"body\" | \"caption\" | \"code\" | \"display\" | \"heading\" | \"label\" | \"title\";\nconst defaultElementMap: Record<TypographyVariant, TypographyElement> = {\n  body: \"p\",\n  caption: \"span\",\n  code: \"code\",\n  display: \"h1\",\n  heading: \"h3\",\n  label: \"span\",\n  title: \"h2\"\n};\nexport type TypographyProps = HTMLAttributes<HTMLElement> & {\n  as?: TypographyElement;\n  variant?: TypographyVariant;\n  xstyle?: stylex.StyleXStyles;\n};\nexport function Typography({\n  as,\n  className,\n  style,\n  variant = \"body\",\n  xstyle,\n  ...props\n}: TypographyProps) {\n  const element = as ?? defaultElementMap[variant];\n  const stylexProps = stylex.props(styles.root, styles[variant], xstyle);\n  return createElement(element, {\n    ...props,\n    className: [stylexProps.className, className].filter(Boolean).join(\" \"),\n    style: {\n      ...stylexProps.style,\n      ...style\n    } as CSSProperties\n  });\n}"],
+  "mappings": ";AAAA,YAAY,YAAY;AACxB,SAAS,qBAA8D;AAEvE,IAAM,SAAS;AAAA,EACb,MAAM;AAAA,IACJ,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AAAA,EACA,SAAS;AAAA,IACP,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AAAA,EACA,OAAO;AAAA,IACL,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AAAA,EACA,SAAS;AAAA,IACP,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AAAA,EACA,MAAM;AAAA,IACJ,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AAAA,EACA,OAAO;AAAA,IACL,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AAAA,EACA,SAAS;AAAA,IACP,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AAAA,EACA,MAAM;AAAA,IACJ,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AACF;AAGA,IAAM,oBAAkE;AAAA,EACtE,MAAM;AAAA,EACN,SAAS;AAAA,EACT,MAAM;AAAA,EACN,SAAS;AAAA,EACT,SAAS;AAAA,EACT,OAAO;AAAA,EACP,OAAO;AACT;AAMO,SAAS,WAAW;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA,UAAU;AAAA,EACV;AAAA,EACA,GAAGA;AACL,GAAoB;AAClB,QAAM,UAAU,MAAM,kBAAkB,OAAO;AAC/C,QAAM,cAAqB,aAAM,OAAO,MAAM,OAAO,OAAO,GAAG,MAAM;AACrE,SAAO,cAAc,SAAS;AAAA,IAC5B,GAAGA;AAAA,IACH,WAAW,CAAC,YAAY,WAAW,SAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAAA,IACtE,OAAO;AAAA,MACL,GAAG,YAAY;AAAA,MACf,GAAG;AAAA,IACL;AAAA,EACF,CAAC;AACH;",
+  "names": ["props"]
+}