@nuee/ui 0.4.0 → 0.5.0

package/dist/tooltip.js

@@ -1,3 +1,5 @@
+"use client";
+
 // src/tooltip.tsx
 import { c as _c } from "react/compiler-runtime";
 import { Tooltip as TooltipPrimitive } from "@base-ui/react/tooltip";
@@ -5,13 +7,13 @@ import * as stylex from "@stylexjs/stylex";
 import { jsx, jsxs } from "react/jsx-runtime";
 var styles = {
   popup: {
-    kWkggS: "xwr2flq",
+    kWkggS: "x1dbz54f",
     kaIpWk: "x7c24we",
     kGVxlE: "xkr81ss",
-    kMwMTN: "xw0th43",
+    kMwMTN: "x1ae0smn",
     kGuDYH: "x131ut49",
     kLWn49: "xi1fz51",
-    ks0D6T: "x1vxnb6q",
+    ks0D6T: "x1s8e660",
     k8WAf4: "x15cgg",
     kg3NbH: "xdaxh69",
     k3aq6I: "x3oybdh",
@@ -20,7 +22,7 @@ var styles = {
     k1ekBW: "x6o7n8i",
     kAMwcw: "xctuv9u",
     kdUZ5K: "xuupxpy",
-    k6CgDc: "xsagj69",
+    k6CgDc: "x1ho1d5x",
     $$css: true
   },
   popupTransitioning: {
@@ -31,6 +33,7 @@ var styles = {
   popupEnding: {
     kIyJzY: "xdshaxz",
     kAMwcw: "x1pa548h",
+    k6CgDc: "x1ho1d5x",
     $$css: true
   }
 };
@@ -38,7 +41,7 @@ var Tooltip = TooltipPrimitive.Root;
 var TooltipProvider = TooltipPrimitive.Provider;
 var TooltipTrigger = TooltipPrimitive.Trigger;
 function TooltipContent(t0) {
-  const $ = _c(20);
+  const $ = _c(22);
   let props2;
   let t1;
   let t2;
@@ -69,64 +72,69 @@ function TooltipContent(t0) {
   const side = t2 === void 0 ? "top" : t2;
   const sideOffset = t3 === void 0 ? 6 : t3;
   let t4;
-  if ($[6] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t4 = {
-      className: "x6y048q"
+  if ($[6] !== xstyle) {
+    t4 = function getPopupStyles2(state) {
+      return stylex.props(styles.popup, state.transitionStatus === "starting" && styles.popupTransitioning, state.transitionStatus === "ending" && styles.popupTransitioning, state.transitionStatus === "ending" && styles.popupEnding, xstyle);
     };
-    $[6] = t4;
+    $[6] = xstyle;
+    $[7] = t4;
   } else {
-    t4 = $[6];
+    t4 = $[7];
   }
+  const getPopupStyles = t4;
   let t5;
-  let t6;
-  if ($[7] !== 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;
-    };
-    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;
+  if ($[8] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t5 = {
+      className: "xo8g89"
     };
-    $[7] = xstyle;
     $[8] = t5;
-    $[9] = t6;
   } else {
     t5 = $[8];
-    t6 = $[9];
   }
+  let t6;
   let t7;
-  if ($[10] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t7 = /* @__PURE__ */ jsx(TooltipPrimitive.Arrow, { className: "x1ulh7el xmt9z9w x17f91yp" });
-    $[10] = t7;
+  if ($[9] !== getPopupStyles) {
+    t6 = (state_0) => getPopupStyles(state_0).className;
+    t7 = (state_1) => getPopupStyles(state_1).style;
+    $[9] = getPopupStyles;
+    $[10] = t6;
+    $[11] = t7;
   } else {
-    t7 = $[10];
+    t6 = $[10];
+    t7 = $[11];
   }
   let t8;
-  if ($[11] !== props2 || $[12] !== t5 || $[13] !== t6) {
-    t8 = /* @__PURE__ */ jsxs(TooltipPrimitive.Popup, { ...props2, className: t5, style: t6, children: [
+  if ($[12] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t8 = /* @__PURE__ */ jsx(TooltipPrimitive.Arrow, { className: "xqhywir xmt9z9w x17f91yp" });
+    $[12] = t8;
+  } else {
+    t8 = $[12];
+  }
+  let t9;
+  if ($[13] !== props2 || $[14] !== t6 || $[15] !== t7) {
+    t9 = /* @__PURE__ */ jsxs(TooltipPrimitive.Popup, { ...props2, className: t6, style: t7, children: [
       props2.children,
-      t7
+      t8
     ] });
-    $[11] = props2;
-    $[12] = t5;
-    $[13] = t6;
-    $[14] = t8;
+    $[13] = props2;
+    $[14] = t6;
+    $[15] = t7;
+    $[16] = t9;
   } else {
-    t8 = $[14];
+    t9 = $[16];
   }
-  let t9;
-  if ($[15] !== align || $[16] !== side || $[17] !== sideOffset || $[18] !== t8) {
-    t9 = /* @__PURE__ */ jsx(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsx(TooltipPrimitive.Positioner, { align, side, sideOffset, ...t4, children: t8 }) });
-    $[15] = align;
-    $[16] = side;
-    $[17] = sideOffset;
-    $[18] = t8;
-    $[19] = t9;
+  let t10;
+  if ($[17] !== align || $[18] !== side || $[19] !== sideOffset || $[20] !== t9) {
+    t10 = /* @__PURE__ */ jsx(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsx(TooltipPrimitive.Positioner, { align, side, sideOffset, ...t5, children: t9 }) });
+    $[17] = align;
+    $[18] = side;
+    $[19] = sideOffset;
+    $[20] = t9;
+    $[21] = t10;
   } else {
-    t9 = $[19];
+    t10 = $[21];
   }
-  return t9;
+  return t10;
 }
 export {
   Tooltip,

package/dist/tooltip.js.map

@@ -1,7 +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 \"@nuee/tokens/semantic.stylex\";\nconst styles = {\n  popup: {\n    kWkggS: \"xwr2flq\",\n    kaIpWk: \"x7c24we\",\n    kGVxlE: \"xkr81ss\",\n    kMwMTN: \"xw0th43\",\n    kGuDYH: \"x131ut49\",\n    kLWn49: \"xi1fz51\",\n    ks0D6T: \"x1vxnb6q\",\n    k8WAf4: \"x15cgg\",\n    kg3NbH: \"xdaxh69\",\n    k3aq6I: \"x3oybdh\",\n    k3nNDw: \"xctpfpq\",\n    kIyJzY: \"x1ial40k\",\n    k1ekBW: \"x6o7n8i\",\n    kAMwcw: \"xctuv9u\",\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: \"xdshaxz\",\n    kAMwcw: \"x1pa548h\",\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(20);\n  let props;\n  let t1;\n  let t2;\n  let t3;\n  let xstyle;\n  if ($[0] !== t0) {\n    ({\n      align: t1,\n      side: t2,\n      sideOffset: t3,\n      xstyle,\n      ...props\n    } = t0);\n    $[0] = t0;\n    $[1] = props;\n    $[2] = t1;\n    $[3] = t2;\n    $[4] = t3;\n    $[5] = xstyle;\n  } else {\n    props = $[1];\n    t1 = $[2];\n    t2 = $[3];\n    t3 = $[4];\n    xstyle = $[5];\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 ($[6] === Symbol.for(\"react.memo_cache_sentinel\")) {\n    t4 = {\n      className: \"x6y048q\"\n    };\n    $[6] = t4;\n  } else {\n    t4 = $[6];\n  }\n  let t5;\n  let t6;\n  if ($[7] !== 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;\n    };\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 stylexProps_0.style;\n    };\n    $[7] = xstyle;\n    $[8] = t5;\n    $[9] = t6;\n  } else {\n    t5 = $[8];\n    t6 = $[9];\n  }\n  let t7;\n  if ($[10] === Symbol.for(\"react.memo_cache_sentinel\")) {\n    t7 = <TooltipPrimitive.Arrow className=\"x1ulh7el xmt9z9w x17f91yp\" />;\n    $[10] = t7;\n  } else {\n    t7 = $[10];\n  }\n  let t8;\n  if ($[11] !== props || $[12] !== t5 || $[13] !== t6) {\n    t8 = <TooltipPrimitive.Popup {...props} className={t5} style={t6}>{props.children}{t7}</TooltipPrimitive.Popup>;\n    $[11] = props;\n    $[12] = t5;\n    $[13] = t6;\n    $[14] = t8;\n  } else {\n    t8 = $[14];\n  }\n  let t9;\n  if ($[15] !== align || $[16] !== side || $[17] !== sideOffset || $[18] !== t8) {\n    t9 = <TooltipPrimitive.Portal><TooltipPrimitive.Positioner align={align} side={side} sideOffset={sideOffset} {...t4}>{t8}</TooltipPrimitive.Positioner></TooltipPrimitive.Portal>;\n    $[15] = align;\n    $[16] = side;\n    $[17] = sideOffset;\n    $[18] = t8;\n    $[19] = t9;\n  } else {\n    t9 = $[19];\n  }\n  return t9;\n}"],
-  "mappings": "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",
-  "names": ["props"]
+  "sourcesContent": ["\"use client\";\n\nimport { c as _c } from \"react/compiler-runtime\";\nimport { Tooltip as TooltipPrimitive } from \"@base-ui/react/tooltip\";\nimport { colorVars, layerVars, motionVars, radiusVars, shadowVars, sizeVars, spacingVars, typographyVars } from \"@nuee/tokens/semantic.stylex\";\nimport * as stylex from \"@stylexjs/stylex\";\nimport type { ComponentProps } from \"react\";\nconst styles = {\n  popup: {\n    kWkggS: \"x1dbz54f\",\n    kaIpWk: \"x7c24we\",\n    kGVxlE: \"xkr81ss\",\n    kMwMTN: \"x1ae0smn\",\n    kGuDYH: \"x131ut49\",\n    kLWn49: \"xi1fz51\",\n    ks0D6T: \"x1s8e660\",\n    k8WAf4: \"x15cgg\",\n    kg3NbH: \"xdaxh69\",\n    k3aq6I: \"x3oybdh\",\n    k3nNDw: \"xctpfpq\",\n    kIyJzY: \"x1ial40k\",\n    k1ekBW: \"x6o7n8i\",\n    kAMwcw: \"xctuv9u\",\n    kdUZ5K: \"xuupxpy\",\n    k6CgDc: \"x1ho1d5x\",\n    $$css: true\n  },\n  popupTransitioning: {\n    kSiTet: \"xg01cxk\",\n    k3aq6I: \"xjzqdv7\",\n    $$css: true\n  },\n  popupEnding: {\n    kIyJzY: \"xdshaxz\",\n    kAMwcw: \"x1pa548h\",\n    k6CgDc: \"x1ho1d5x\",\n    $$css: true\n  }\n};\nexport const Tooltip = TooltipPrimitive.Root;\nexport const TooltipProvider = TooltipPrimitive.Provider;\nexport const TooltipTrigger = TooltipPrimitive.Trigger;\ntype TooltipContentProps = Omit<ComponentProps<typeof TooltipPrimitive.Popup>, \"className\" | \"style\"> & Pick<ComponentProps<typeof TooltipPrimitive.Positioner>, \"align\" | \"side\" | \"sideOffset\"> & {\n  xstyle?: stylex.StyleXStyles;\n};\nexport function TooltipContent(t0) {\n  const $ = _c(22);\n  let props;\n  let t1;\n  let t2;\n  let t3;\n  let xstyle;\n  if ($[0] !== t0) {\n    ({\n      align: t1,\n      side: t2,\n      sideOffset: t3,\n      xstyle,\n      ...props\n    } = t0);\n    $[0] = t0;\n    $[1] = props;\n    $[2] = t1;\n    $[3] = t2;\n    $[4] = t3;\n    $[5] = xstyle;\n  } else {\n    props = $[1];\n    t1 = $[2];\n    t2 = $[3];\n    t3 = $[4];\n    xstyle = $[5];\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 ($[6] !== xstyle) {\n    t4 = function getPopupStyles(state) {\n      return stylex.props(styles.popup, state.transitionStatus === \"starting\" && styles.popupTransitioning, state.transitionStatus === \"ending\" && styles.popupTransitioning, state.transitionStatus === \"ending\" && styles.popupEnding, xstyle);\n    };\n    $[6] = xstyle;\n    $[7] = t4;\n  } else {\n    t4 = $[7];\n  }\n  const getPopupStyles = t4;\n  let t5;\n  if ($[8] === Symbol.for(\"react.memo_cache_sentinel\")) {\n    t5 = {\n      className: \"xo8g89\"\n    };\n    $[8] = t5;\n  } else {\n    t5 = $[8];\n  }\n  let t6;\n  let t7;\n  if ($[9] !== getPopupStyles) {\n    t6 = state_0 => getPopupStyles(state_0).className;\n    t7 = state_1 => getPopupStyles(state_1).style;\n    $[9] = getPopupStyles;\n    $[10] = t6;\n    $[11] = t7;\n  } else {\n    t6 = $[10];\n    t7 = $[11];\n  }\n  let t8;\n  if ($[12] === Symbol.for(\"react.memo_cache_sentinel\")) {\n    t8 = <TooltipPrimitive.Arrow className=\"xqhywir xmt9z9w x17f91yp\" />;\n    $[12] = t8;\n  } else {\n    t8 = $[12];\n  }\n  let t9;\n  if ($[13] !== props || $[14] !== t6 || $[15] !== t7) {\n    t9 = <TooltipPrimitive.Popup {...props} className={t6} style={t7}>{props.children}{t8}</TooltipPrimitive.Popup>;\n    $[13] = props;\n    $[14] = t6;\n    $[15] = t7;\n    $[16] = t9;\n  } else {\n    t9 = $[16];\n  }\n  let t10;\n  if ($[17] !== align || $[18] !== side || $[19] !== sideOffset || $[20] !== t9) {\n    t10 = <TooltipPrimitive.Portal><TooltipPrimitive.Positioner align={align} side={side} sideOffset={sideOffset} {...t5}>{t9}</TooltipPrimitive.Positioner></TooltipPrimitive.Portal>;\n    $[17] = align;\n    $[18] = side;\n    $[19] = sideOffset;\n    $[20] = t9;\n    $[21] = t10;\n  } else {\n    t10 = $[21];\n  }\n  return t10;\n}"],
+  "mappings": "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",
+  "names": ["props", "getPopupStyles"]
 }

package/dist/typography.d.ts

@@ -1,295 +1,51 @@
 import * as stylex from "@stylexjs/stylex";
-import { 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, 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;
-    className?: string | 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;
-    style?: import("react").CSSProperties | Readonly<{
-        [$$Key$$: string]: string | number;
-    }> | 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;
-    'data-style-src'?: string;
-}, HTMLElement>;
-export {};
+export declare const typographyStyles: Readonly<{
+    readonly body: Readonly<{
+        readonly fontFamily: stylex.StyleXClassNameFor<"fontFamily", string>;
+        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", string>;
+        readonly fontWeight: stylex.StyleXClassNameFor<"fontWeight", string>;
+        readonly lineHeight: stylex.StyleXClassNameFor<"lineHeight", string>;
+    }>;
+    readonly description: Readonly<{
+        readonly fontFamily: stylex.StyleXClassNameFor<"fontFamily", string>;
+        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", string>;
+        readonly fontWeight: stylex.StyleXClassNameFor<"fontWeight", string>;
+        readonly lineHeight: stylex.StyleXClassNameFor<"lineHeight", string>;
+    }>;
+    readonly caption: Readonly<{
+        readonly fontFamily: stylex.StyleXClassNameFor<"fontFamily", string>;
+        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", string>;
+        readonly fontWeight: stylex.StyleXClassNameFor<"fontWeight", string>;
+        readonly lineHeight: stylex.StyleXClassNameFor<"lineHeight", string>;
+    }>;
+    readonly label: Readonly<{
+        readonly fontFamily: stylex.StyleXClassNameFor<"fontFamily", string>;
+        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", string>;
+        readonly fontWeight: stylex.StyleXClassNameFor<"fontWeight", string>;
+        readonly lineHeight: stylex.StyleXClassNameFor<"lineHeight", string>;
+    }>;
+    readonly title: Readonly<{
+        readonly fontFamily: stylex.StyleXClassNameFor<"fontFamily", string>;
+        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", string>;
+        readonly fontWeight: stylex.StyleXClassNameFor<"fontWeight", string>;
+        readonly lineHeight: stylex.StyleXClassNameFor<"lineHeight", string>;
+    }>;
+    readonly page: Readonly<{
+        readonly fontFamily: stylex.StyleXClassNameFor<"fontFamily", string>;
+        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", string>;
+        readonly fontWeight: stylex.StyleXClassNameFor<"fontWeight", string>;
+        readonly lineHeight: stylex.StyleXClassNameFor<"lineHeight", string>;
+    }>;
+    readonly section: Readonly<{
+        readonly fontFamily: stylex.StyleXClassNameFor<"fontFamily", string>;
+        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", string>;
+        readonly fontWeight: stylex.StyleXClassNameFor<"fontWeight", string>;
+        readonly lineHeight: stylex.StyleXClassNameFor<"lineHeight", string>;
+    }>;
+    readonly subsection: Readonly<{
+        readonly fontFamily: stylex.StyleXClassNameFor<"fontFamily", string>;
+        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", string>;
+        readonly fontWeight: stylex.StyleXClassNameFor<"fontWeight", string>;
+        readonly lineHeight: stylex.StyleXClassNameFor<"lineHeight", string>;
+    }>;
+}>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nuee/ui",
-  "version": "0.4.0",
+  "version": "0.5.0",
   "private": false,
   "repository": {
     "type": "git",
@@ -26,7 +26,10 @@
     "./button-group": "./dist/button-group.js",
     "./bubble": "./dist/bubble.js",
     "./breadcrumb": "./dist/breadcrumb.js",
+    "./calendar": "./dist/calendar.js",
     "./card": "./dist/card.js",
+    "./carousel": "./dist/carousel.js",
+    "./date-picker": "./dist/date-picker.js",
     "./dialog": "./dist/dialog.js",
     "./drawer": "./dist/drawer.js",
     "./checkbox": "./dist/checkbox.js",
@@ -51,7 +54,6 @@
     "./menubar": "./dist/menubar.js",
     "./marker": "./dist/marker.js",
     "./message": "./dist/message.js",
-    "./message-scroller": "./dist/message-scroller.js",
     "./native-select": "./dist/native-select.js",
     "./navigation-menu": "./dist/navigation-menu.js",
     "./popover": "./dist/popover.js",
@@ -67,28 +69,32 @@
     "./switch": "./dist/switch.js",
     "./table": "./dist/table.js",
     "./tabs": "./dist/tabs.js",
+    "./timeline": "./dist/timeline.js",
     "./textarea": "./dist/textarea.js",
     "./toast": "./dist/toast.js",
     "./toggle": "./dist/toggle.js",
     "./toggle-group": "./dist/toggle-group.js",
-    "./typography": "./dist/typography.js",
-    "./tooltip": "./dist/tooltip.js"
+    "./tooltip": "./dist/tooltip.js",
+    "./heading": "./dist/heading.js"
   },
   "publishConfig": {
     "access": "public"
   },
   "dependencies": {
-    "@nuee/cli": "0.4.0",
-    "@nuee/tokens": "0.4.0"
+    "@nuee/cli": "0.5.0",
+    "@nuee/tokens": "0.5.0"
   },
   "devDependencies": {
     "@base-ui/react": "1.7.0",
+    "@daypicker/react": "^10.0.1",
     "@phosphor-icons/react": "2.1.10",
     "@stylexjs/stylex": "0.19.0",
     "@stylexjs/unplugin": "0.19.0",
-    "@types/node": "^22.20.1",
+    "@types/node": "26.4.1",
     "@types/react": "19.2.18",
+    "@types/react-dom": "19.2.5",
     "babel-plugin-react-compiler": "1.0.0",
+    "embla-carousel-react": "^8.6.0",
     "esbuild": "0.28.2",
     "react": "19.2.8",
     "react-dom": "19.2.8",
@@ -97,8 +103,10 @@
   },
   "peerDependencies": {
     "@base-ui/react": "^1.7.0",
+    "@daypicker/react": "^10.0.1",
     "@phosphor-icons/react": "^2.1.10",
     "@stylexjs/stylex": "^0.19.0",
+    "embla-carousel-react": "^8.6.0",
     "react": "^19.0.0",
     "react-dom": "^19.0.0"
   },