@bolerish/ui 0.0.0-stage → 0.11.0

package/dist/heading.js

@@ -0,0 +1,108 @@
+// src/heading.tsx
+import * as stylex from "@stylexjs/stylex";
+
+// src/styles/merge-styles.ts
+function mergeStyles(base, className, style) {
+  if (className === void 0 && style === void 0) return base;
+  return {
+    ...base,
+    className: [base.className, className].filter(Boolean).join(" ") || void 0,
+    style: base.style || style ? {
+      ...base.style,
+      ...style
+    } : void 0
+  };
+}
+
+// src/typography.ts
+var typographyStyles = {
+  body: {
+    kMv6JI: "x1b1to7n",
+    kGuDYH: "x199wi4b",
+    k63SB2: "x6valzt",
+    kLWn49: "xipl0i2",
+    $$css: true
+  },
+  description: {
+    kMv6JI: "x1b1to7n",
+    kGuDYH: "x1lskvfa",
+    k63SB2: "x6valzt",
+    kLWn49: "xipl0i2",
+    $$css: true
+  },
+  caption: {
+    kMv6JI: "x1b1to7n",
+    kGuDYH: "x1gag4p9",
+    k63SB2: "x6valzt",
+    kLWn49: "xipl0i2",
+    $$css: true
+  },
+  label: {
+    kMv6JI: "x1b1to7n",
+    kGuDYH: "x1lskvfa",
+    k63SB2: "xoop9yj",
+    kLWn49: "xipl0i2",
+    $$css: true
+  },
+  title: {
+    kMv6JI: "x1b1to7n",
+    kGuDYH: "x1lskvfa",
+    k63SB2: "xoop9yj",
+    kLWn49: "x15rnifv",
+    $$css: true
+  },
+  page: {
+    kMv6JI: "x1yd4tj7",
+    kGuDYH: "xw8z6gz",
+    k63SB2: "x5cgamv",
+    kLWn49: "x15rnifv",
+    $$css: true
+  },
+  section: {
+    kMv6JI: "x1yd4tj7",
+    kGuDYH: "xr5nsds",
+    k63SB2: "x5cgamv",
+    kLWn49: "x15rnifv",
+    $$css: true
+  },
+  subsection: {
+    kMv6JI: "x1yd4tj7",
+    kGuDYH: "x199wi4b",
+    k63SB2: "x5cgamv",
+    kLWn49: "x15rnifv",
+    $$css: true
+  }
+};
+
+// src/heading.tsx
+import { jsx } from "react/jsx-runtime";
+var styles = {
+  root: {
+    kMwMTN: "x1t28c4i",
+    kogj98: "x1ghz6dp",
+    $$css: true
+  }
+};
+var elements = {
+  1: "h1",
+  2: "h2",
+  3: "h3",
+  4: "h4",
+  5: "h5",
+  6: "h6"
+};
+function Heading({
+  className,
+  style,
+  xstyle,
+  level,
+  size = "section",
+  ...props2
+}) {
+  const Element = elements[level];
+  return /* @__PURE__ */ jsx(Element, { ...props2, ...mergeStyles(stylex.props(styles.root, typographyStyles[size], xstyle), className, style) });
+}
+export {
+  Heading
+};
+//# sourceMappingURL=heading.js.map

package/dist/heading.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/heading.tsx", "../src/styles/merge-styles.ts", "../src/typography.ts"],
+  "sourcesContent": ["import { colorVars } from \"@bolerish/tokens/semantic.stylex\";\nimport * as stylex from \"@stylexjs/stylex\";\nimport type { ComponentProps } from \"react\";\nimport type { ControlPlacementStyles } from \"./styles/control-layout\";\nimport { mergeStyles } from \"./styles/merge-styles\";\nimport type { StyledProps } from \"./styles/merge-styles\";\nimport { typographyStyles } from \"./typography\";\nconst styles = {\n  root: {\n    kMwMTN: \"x1t28c4i\",\n    kogj98: \"x1ghz6dp\",\n    $$css: true\n  }\n};\nexport type HeadingProps = StyledProps<ComponentProps<\"h1\">> & {\n  level: 1 | 2 | 3 | 4 | 5 | 6;\n  size?: \"page\" | \"section\" | \"subsection\";\n  xstyle?: ControlPlacementStyles;\n};\nconst elements = {\n  1: \"h1\",\n  2: \"h2\",\n  3: \"h3\",\n  4: \"h4\",\n  5: \"h5\",\n  6: \"h6\"\n} as const;\nexport function Heading({\n  className,\n  style,\n  xstyle,\n  level,\n  size = \"section\",\n  ...props\n}: HeadingProps) {\n  const Element = elements[level];\n  return <Element {...props} {...mergeStyles(stylex.props(styles.root, typographyStyles[size], xstyle), className, style)} />;\n}", "import type * as stylex from \"@stylexjs/stylex\";\nimport type { CSSProperties } from \"react\";\nexport type StyledProps<Props> = Props extends unknown ? Omit<Props, \"className\" | \"style\"> & {\n  className?: string;\n  style?: CSSProperties;\n} : never;\nexport function mergeStyles(base: ReturnType<typeof stylex.props>, className?: string, style?: CSSProperties): {\n  className?: string;\n  style?: CSSProperties;\n} {\n  if (className === undefined && style === undefined) return base;\n  return {\n    ...base,\n    className: [base.className, className].filter(Boolean).join(\" \") || undefined,\n    style: base.style || style ? {\n      ...base.style,\n      ...style\n    } : undefined\n  };\n}", "import { typo } from \"@bolerish/tokens/semantic.stylex\";\nimport * as stylex from \"@stylexjs/stylex\";\nexport const typographyStyles = {\n  body: {\n    kMv6JI: \"x1b1to7n\",\n    kGuDYH: \"x199wi4b\",\n    k63SB2: \"x6valzt\",\n    kLWn49: \"xipl0i2\",\n    $$css: true\n  },\n  description: {\n    kMv6JI: \"x1b1to7n\",\n    kGuDYH: \"x1lskvfa\",\n    k63SB2: \"x6valzt\",\n    kLWn49: \"xipl0i2\",\n    $$css: true\n  },\n  caption: {\n    kMv6JI: \"x1b1to7n\",\n    kGuDYH: \"x1gag4p9\",\n    k63SB2: \"x6valzt\",\n    kLWn49: \"xipl0i2\",\n    $$css: true\n  },\n  label: {\n    kMv6JI: \"x1b1to7n\",\n    kGuDYH: \"x1lskvfa\",\n    k63SB2: \"xoop9yj\",\n    kLWn49: \"xipl0i2\",\n    $$css: true\n  },\n  title: {\n    kMv6JI: \"x1b1to7n\",\n    kGuDYH: \"x1lskvfa\",\n    k63SB2: \"xoop9yj\",\n    kLWn49: \"x15rnifv\",\n    $$css: true\n  },\n  page: {\n    kMv6JI: \"x1yd4tj7\",\n    kGuDYH: \"xw8z6gz\",\n    k63SB2: \"x5cgamv\",\n    kLWn49: \"x15rnifv\",\n    $$css: true\n  },\n  section: {\n    kMv6JI: \"x1yd4tj7\",\n    kGuDYH: \"xr5nsds\",\n    k63SB2: \"x5cgamv\",\n    kLWn49: \"x15rnifv\",\n    $$css: true\n  },\n  subsection: {\n    kMv6JI: \"x1yd4tj7\",\n    kGuDYH: \"x199wi4b\",\n    k63SB2: \"x5cgamv\",\n    kLWn49: \"x15rnifv\",\n    $$css: true\n  }\n};"],
+  "mappings": ";AACA,YAAY,YAAY;;;ACKjB,SAAS,YAAY,MAAuC,WAAoB,OAGrF;AACA,MAAI,cAAc,UAAa,UAAU,OAAW,QAAO;AAC3D,SAAO;AAAA,IACL,GAAG;AAAA,IACH,WAAW,CAAC,KAAK,WAAW,SAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,KAAK;AAAA,IACpE,OAAO,KAAK,SAAS,QAAQ;AAAA,MAC3B,GAAG,KAAK;AAAA,MACR,GAAG;AAAA,IACL,IAAI;AAAA,EACN;AACF;;;ACjBO,IAAM,mBAAmB;AAAA,EAC9B,MAAM;AAAA,IACJ,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AAAA,EACA,aAAa;AAAA,IACX,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,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,OAAO;AAAA,IACL,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,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,YAAY;AAAA,IACV,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AACF;;;AFvBS;AA7BT,IAAM,SAAS;AAAA,EACb,MAAM;AAAA,IACJ,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AACF;AAMA,IAAM,WAAW;AAAA,EACf,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AACL;AACO,SAAS,QAAQ;AAAA,EACtB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP,GAAGA;AACL,GAAiB;AACf,QAAM,UAAU,SAAS,KAAK;AAC9B,SAAO,oBAAC,WAAS,GAAGA,QAAQ,GAAG,YAAmB,aAAM,OAAO,MAAM,iBAAiB,IAAI,GAAG,MAAM,GAAG,WAAW,KAAK,GAAG;AAC3H;",
+  "names": ["props"]
+}

package/dist/hover-card.d.ts

@@ -0,0 +1,16 @@
+import { PreviewCard } from "@base-ui/react/preview-card";
+import * as stylex from "@stylexjs/stylex";
+import type { ComponentProps } from "react";
+import type { StyledProps } from "./styles/merge-styles";
+export declare const HoverCard: <Payload>(props: PreviewCard.Root.Props<Payload>) => import("react").JSX.Element;
+export type HoverCardTriggerProps = StyledProps<ComponentProps<typeof PreviewCard.Trigger>> & {
+    xstyle?: stylex.StyleXStyles;
+};
+export declare function HoverCardTrigger({ className, style, xstyle, ...props }: HoverCardTriggerProps): import("react").JSX.Element;
+export type HoverCardContentProps = StyledProps<ComponentProps<typeof PreviewCard.Popup>> & {
+    align?: StyledProps<ComponentProps<typeof PreviewCard.Positioner>>["align"];
+    side?: StyledProps<ComponentProps<typeof PreviewCard.Positioner>>["side"];
+    sideOffset?: number;
+    xstyle?: stylex.StyleXStyles;
+};
+export declare function HoverCardContent({ className, style, align, side, sideOffset, xstyle, ...props }: HoverCardContentProps): import("react").JSX.Element;

package/dist/hover-card.js

@@ -0,0 +1,202 @@
+"use client";
+
+// src/hover-card.tsx
+import { c as _c } from "react/compiler-runtime";
+import { PreviewCard } from "@base-ui/react/preview-card";
+import * as stylex from "@stylexjs/stylex";
+
+// src/styles/merge-styles.ts
+function mergeStyles(base, className, style) {
+  if (className === void 0 && style === void 0) return base;
+  return {
+    ...base,
+    className: [base.className, className].filter(Boolean).join(" ") || void 0,
+    style: base.style || style ? {
+      ...base.style,
+      ...style
+    } : void 0
+  };
+}
+
+// src/hover-card.tsx
+import { jsx } from "react/jsx-runtime";
+var styles = {
+  popup: {
+    kWkggS: "xssngo0",
+    kVAM5u: "x1kqtvf4",
+    kaIpWk: "x9up7g5",
+    ksu8eU: "x1y0btm7",
+    kMzoRj: "x1al7nqq",
+    kGVxlE: "xms81ks",
+    kMwMTN: "x1t28c4i",
+    kGuDYH: "x1lskvfa",
+    ks0D6T: "x9h9p8b",
+    kI3sdo: "x1a2a7pz",
+    kmVPX3: "xv3ig3d",
+    k3aq6I: "xvvkyix",
+    k3nNDw: "xctpfpq",
+    kIyJzY: "x1vrxc1k",
+    k1ekBW: "x6o7n8i",
+    kAMwcw: "x1oxff63",
+    kY2c9j: "x1cc015y",
+    kehFko: "xjilbjb",
+    kxero2: "xt8ron0",
+    $$css: true
+  },
+  transitioning: {
+    kSiTet: "xg01cxk",
+    k3aq6I: "xbeh1pe",
+    $$css: true
+  },
+  trigger: {
+    kMwMTN: "x1t28c4i",
+    kMnn75: "xkrqix3",
+    kNySMw: "x116fkhr",
+    kcSHmL: "x1jdncgf",
+    kIyJzY: "xznvecg",
+    k1ekBW: "xeirdtl",
+    kAMwcw: "xrkjf8i",
+    k2h249: "x1f2jko9",
+    kdSwXR: "x1sur9pj",
+    $$css: true
+  }
+};
+var HoverCard = PreviewCard.Root;
+function HoverCardTrigger(t0) {
+  const $ = _c(12);
+  let className;
+  let props2;
+  let style;
+  let xstyle;
+  if ($[0] !== t0) {
+    ({
+      className,
+      style,
+      xstyle,
+      ...props2
+    } = t0);
+    $[0] = t0;
+    $[1] = className;
+    $[2] = props2;
+    $[3] = style;
+    $[4] = xstyle;
+  } else {
+    className = $[1];
+    props2 = $[2];
+    style = $[3];
+    xstyle = $[4];
+  }
+  let t1;
+  if ($[5] !== className || $[6] !== style || $[7] !== xstyle) {
+    t1 = mergeStyles(stylex.props(styles.trigger, xstyle), className, style);
+    $[5] = className;
+    $[6] = style;
+    $[7] = xstyle;
+    $[8] = t1;
+  } else {
+    t1 = $[8];
+  }
+  let t2;
+  if ($[9] !== props2 || $[10] !== t1) {
+    t2 = /* @__PURE__ */ jsx(PreviewCard.Trigger, { ...props2, ...t1 });
+    $[9] = props2;
+    $[10] = t1;
+    $[11] = t2;
+  } else {
+    t2 = $[11];
+  }
+  return t2;
+}
+function HoverCardContent(t0) {
+  const $ = _c(24);
+  let className;
+  let props2;
+  let style;
+  let t1;
+  let t2;
+  let t3;
+  let xstyle;
+  if ($[0] !== t0) {
+    ({
+      className,
+      style,
+      align: t1,
+      side: t2,
+      sideOffset: t3,
+      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 ? "bottom" : t2;
+  const sideOffset = t3 === void 0 ? 6 : t3;
+  let t4;
+  if ($[8] !== className || $[9] !== style || $[10] !== xstyle) {
+    t4 = function getPopupStyles2(state) {
+      return mergeStyles(stylex.props(styles.popup, xstyle, (state.transitionStatus === "starting" || state.transitionStatus === "ending") && styles.transitioning), className, style);
+    };
+    $[8] = className;
+    $[9] = style;
+    $[10] = xstyle;
+    $[11] = t4;
+  } else {
+    t4 = $[11];
+  }
+  const getPopupStyles = t4;
+  let t5;
+  let t6;
+  if ($[12] !== getPopupStyles) {
+    t5 = (state_0) => getPopupStyles(state_0).className;
+    t6 = (state_1) => getPopupStyles(state_1).style;
+    $[12] = getPopupStyles;
+    $[13] = t5;
+    $[14] = t6;
+  } else {
+    t5 = $[13];
+    t6 = $[14];
+  }
+  let t7;
+  if ($[15] !== props2 || $[16] !== t5 || $[17] !== t6) {
+    t7 = /* @__PURE__ */ jsx(PreviewCard.Popup, { ...props2, className: t5, style: t6 });
+    $[15] = props2;
+    $[16] = t5;
+    $[17] = t6;
+    $[18] = t7;
+  } else {
+    t7 = $[18];
+  }
+  let t8;
+  if ($[19] !== align || $[20] !== side || $[21] !== sideOffset || $[22] !== t7) {
+    t8 = /* @__PURE__ */ jsx(PreviewCard.Portal, { children: /* @__PURE__ */ jsx(PreviewCard.Positioner, { align, side, sideOffset, children: t7 }) });
+    $[19] = align;
+    $[20] = side;
+    $[21] = sideOffset;
+    $[22] = t7;
+    $[23] = t8;
+  } else {
+    t8 = $[23];
+  }
+  return t8;
+}
+export {
+  HoverCard,
+  HoverCardContent,
+  HoverCardTrigger
+};
+//# sourceMappingURL=hover-card.js.map

package/dist/hover-card.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/hover-card.tsx", "../src/styles/merge-styles.ts"],
+  "sourcesContent": ["\"use client\";\n\nimport { c as _c } from \"react/compiler-runtime\";\nimport { PreviewCard } from \"@base-ui/react/preview-card\";\nimport { colorVars, layerVars, motionVars, radiusVars, shadowVars, sizeVars, spacingVars, typo } from \"@bolerish/tokens/semantic.stylex\";\nimport * as stylex from \"@stylexjs/stylex\";\nimport type { ComponentProps } from \"react\";\nimport { mergeStyles } from \"./styles/merge-styles\";\nimport type { StyledProps } from \"./styles/merge-styles\";\nconst styles = {\n  popup: {\n    kWkggS: \"xssngo0\",\n    kVAM5u: \"x1kqtvf4\",\n    kaIpWk: \"x9up7g5\",\n    ksu8eU: \"x1y0btm7\",\n    kMzoRj: \"x1al7nqq\",\n    kGVxlE: \"xms81ks\",\n    kMwMTN: \"x1t28c4i\",\n    kGuDYH: \"x1lskvfa\",\n    ks0D6T: \"x9h9p8b\",\n    kI3sdo: \"x1a2a7pz\",\n    kmVPX3: \"xv3ig3d\",\n    k3aq6I: \"xvvkyix\",\n    k3nNDw: \"xctpfpq\",\n    kIyJzY: \"x1vrxc1k\",\n    k1ekBW: \"x6o7n8i\",\n    kAMwcw: \"x1oxff63\",\n    kY2c9j: \"x1cc015y\",\n    kehFko: \"xjilbjb\",\n    kxero2: \"xt8ron0\",\n    $$css: true\n  },\n  transitioning: {\n    kSiTet: \"xg01cxk\",\n    k3aq6I: \"xbeh1pe\",\n    $$css: true\n  },\n  trigger: {\n    kMwMTN: \"x1t28c4i\",\n    kMnn75: \"xkrqix3\",\n    kNySMw: \"x116fkhr\",\n    kcSHmL: \"x1jdncgf\",\n    kIyJzY: \"xznvecg\",\n    k1ekBW: \"xeirdtl\",\n    kAMwcw: \"xrkjf8i\",\n    k2h249: \"x1f2jko9\",\n    kdSwXR: \"x1sur9pj\",\n    $$css: true\n  }\n};\nexport const HoverCard = PreviewCard.Root;\nexport type HoverCardTriggerProps = StyledProps<ComponentProps<typeof PreviewCard.Trigger>> & {\n  xstyle?: stylex.StyleXStyles;\n};\nexport function HoverCardTrigger(t0) {\n  const $ = _c(12);\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] !== className || $[6] !== style || $[7] !== xstyle) {\n    t1 = mergeStyles(stylex.props(styles.trigger, xstyle), className, style);\n    $[5] = className;\n    $[6] = style;\n    $[7] = xstyle;\n    $[8] = t1;\n  } else {\n    t1 = $[8];\n  }\n  let t2;\n  if ($[9] !== props || $[10] !== t1) {\n    t2 = <PreviewCard.Trigger {...props} {...t1} />;\n    $[9] = props;\n    $[10] = t1;\n    $[11] = t2;\n  } else {\n    t2 = $[11];\n  }\n  return t2;\n}\nexport type HoverCardContentProps = StyledProps<ComponentProps<typeof PreviewCard.Popup>> & {\n  align?: StyledProps<ComponentProps<typeof PreviewCard.Positioner>>[\"align\"];\n  side?: StyledProps<ComponentProps<typeof PreviewCard.Positioner>>[\"side\"];\n  sideOffset?: number;\n  xstyle?: stylex.StyleXStyles;\n};\nexport function HoverCardContent(t0) {\n  const $ = _c(24);\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      className,\n      style,\n      align: t1,\n      side: t2,\n      sideOffset: t3,\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 ? \"bottom\" : t2;\n  const sideOffset = t3 === undefined ? 6 : t3;\n  let t4;\n  if ($[8] !== className || $[9] !== style || $[10] !== xstyle) {\n    t4 = function getPopupStyles(state) {\n      return mergeStyles(stylex.props(styles.popup, xstyle, (state.transitionStatus === \"starting\" || state.transitionStatus === \"ending\") && styles.transitioning), className, style);\n    };\n    $[8] = className;\n    $[9] = style;\n    $[10] = xstyle;\n    $[11] = t4;\n  } else {\n    t4 = $[11];\n  }\n  const getPopupStyles = t4;\n  let t5;\n  let t6;\n  if ($[12] !== getPopupStyles) {\n    t5 = state_0 => getPopupStyles(state_0).className;\n    t6 = state_1 => getPopupStyles(state_1).style;\n    $[12] = getPopupStyles;\n    $[13] = t5;\n    $[14] = t6;\n  } else {\n    t5 = $[13];\n    t6 = $[14];\n  }\n  let t7;\n  if ($[15] !== props || $[16] !== t5 || $[17] !== t6) {\n    t7 = <PreviewCard.Popup {...props} className={t5} style={t6} />;\n    $[15] = props;\n    $[16] = t5;\n    $[17] = t6;\n    $[18] = t7;\n  } else {\n    t7 = $[18];\n  }\n  let t8;\n  if ($[19] !== align || $[20] !== side || $[21] !== sideOffset || $[22] !== t7) {\n    t8 = <PreviewCard.Portal><PreviewCard.Positioner align={align} side={side} sideOffset={sideOffset}>{t7}</PreviewCard.Positioner></PreviewCard.Portal>;\n    $[19] = align;\n    $[20] = side;\n    $[21] = sideOffset;\n    $[22] = t7;\n    $[23] = t8;\n  } else {\n    t8 = $[23];\n  }\n  return t8;\n}", "import type * as stylex from \"@stylexjs/stylex\";\nimport type { CSSProperties } from \"react\";\nexport type StyledProps<Props> = Props extends unknown ? Omit<Props, \"className\" | \"style\"> & {\n  className?: string;\n  style?: CSSProperties;\n} : never;\nexport function mergeStyles(base: ReturnType<typeof stylex.props>, className?: string, style?: CSSProperties): {\n  className?: string;\n  style?: CSSProperties;\n} {\n  if (className === undefined && style === undefined) return base;\n  return {\n    ...base,\n    className: [base.className, className].filter(Boolean).join(\" \") || undefined,\n    style: base.style || style ? {\n      ...base.style,\n      ...style\n    } : undefined\n  };\n}"],
+  "mappings": "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",
+  "names": ["props", "getPopupStyles"]
+}

package/dist/index.d.ts

@@ -0,0 +1,96 @@
+/** An app end user's explicit runtime choice; installation defaults exclude on. */
+export type MotionPreference = "system" | "on" | "off";
+export { Button } from "./button";
+export type { ButtonProps } from "./button";
+export { Attachment, AttachmentAction, AttachmentActions, AttachmentContent, AttachmentDescription, AttachmentGroup, AttachmentMedia, AttachmentTitle, AttachmentTrigger, } from "./attachment";
+export { Avatar, AvatarBadge, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarImage, } from "./avatar";
+export { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, } from "./breadcrumb";
+export { ButtonGroup, ButtonGroupSeparator, ButtonGroupText } from "./button-group";
+export type { ButtonGroupProps } from "./button-group";
+export { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from "./card";
+export { Calendar } from "./calendar";
+export type { CalendarProps } from "./calendar";
+export { Carousel, CarouselViewport, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, } from "./carousel";
+export type { CarouselApi, CarouselContentProps, CarouselItemProps, CarouselProps, } from "./carousel";
+export { DatePicker } from "./date-picker";
+export type { DatePickerProps } from "./date-picker";
+export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger, } from "./dialog";
+export { Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerTitle, DrawerTrigger, } from "./drawer";
+export type { DrawerOverlayMode, DrawerProps, DrawerSwipeDirection } from "./drawer";
+export { Checkbox } from "./checkbox";
+export type { CheckboxProps } from "./checkbox";
+export { Collapsible, CollapsiblePanel, CollapsibleContent, CollapsibleTrigger, } from "./collapsible";
+export { Combobox, ComboboxCollection, ComboboxPopup, ComboboxList, ComboboxEmpty, ComboboxGroup, ComboboxInput, ComboboxItem, ComboboxLabel, ComboboxSeparator, } from "./combobox";
+export { ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, } from "./context-menu";
+export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, } from "./dropdown-menu";
+export { HoverCard, HoverCardContent, HoverCardTrigger } from "./hover-card";
+export type { HoverCardContentProps } from "./hover-card";
+export { Input } from "./input";
+export type { InputProps } from "./input";
+export { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea, } from "./input-group";
+export type { InputGroupProps } from "./input-group";
+export { InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot } from "./input-otp";
+export type { InputOTPProps } from "./input-otp";
+export { ContentRow, ContentRowActions, ContentRowContent, ContentRowDescription, ContentRowGroup, ContentRowMedia, ContentRowTitle, } from "./content-row";
+export type { ContentRowMediaProps, ContentRowProps, ContentRowSize, ContentRowVariant, } from "./content-row";
+export { Kbd, KbdGroup } from "./kbd";
+export { Label } from "./label";
+export type { LabelProps } from "./label";
+export { Link } from "./link";
+export type { LinkProps, LinkVariant } from "./link";
+export { Marker, MarkerContent, MarkerIcon } from "./marker";
+export { Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, } from "./menubar";
+export { NativeSelect, NativeSelectOptGroup, NativeSelectOption } from "./native-select";
+export type { NativeSelectProps } from "./native-select";
+export { NavigationMenu, NavigationMenuContent, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, } from "./navigation-menu";
+export { Popover, PopoverClose, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger, } from "./popover";
+export { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, } from "./pagination";
+export { Progress } from "./progress";
+export type { ProgressProps } from "./progress";
+export { RadioGroup, RadioGroupItem } from "./radio-group";
+export type { RadioGroupItemProps, RadioGroupProps } from "./radio-group";
+export { ScrollArea, ScrollAreaViewport, ScrollAreaContent, ScrollBar } from "./scroll-area";
+export type { ScrollAreaProps } from "./scroll-area";
+export { Separator } from "./separator";
+export type { SeparatorProps } from "./separator";
+export { Select, SelectPopup, SelectList, SelectGroup, SelectItem, SelectLabel, SelectSeparator, SelectTrigger, SelectValue, } from "./select";
+export { Skeleton } from "./skeleton";
+export type { SkeletonProps } from "./skeleton";
+export { Slider } from "./slider";
+export type { SliderProps } from "./slider";
+export { Spinner } from "./spinner";
+export type { SpinnerProps } from "./spinner";
+export { Switch } from "./switch";
+export type { SwitchProps } from "./switch";
+export { Timeline, TimelineContent, TimelineDescription, TimelineIndicator, TimelineItem, TimelineTime, TimelineTitle, } from "./timeline";
+export type { TimelineIndicatorProps, TimelineIndicatorVariant, TimelineItemProps, TimelineProps, } from "./timeline";
+export { TableContainer, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, } from "./table";
+export { Tabs, TabsContent, TabsList, TabsTrigger } from "./tabs";
+export type { TabsProps, TabsVariant } from "./tabs";
+export { Banner, BannerContent, BannerActions, BannerDescription, BannerTitle } from "./banner";
+export type { BannerProps, BannerSize } from "./banner";
+export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger, } from "./alert-dialog";
+export { AspectRatio } from "./aspect-ratio";
+export type { AspectRatioProps } from "./aspect-ratio";
+export { Badge } from "./badge";
+export type { BadgeProps } from "./badge";
+export { Textarea } from "./textarea";
+export type { TextareaProps } from "./textarea";
+export { toast, Toaster } from "./toast";
+export type { ToasterProps } from "./toast";
+export { Toggle } from "./toggle";
+export type { ToggleProps, ToggleSize, ToggleVariant } from "./toggle";
+export { ToggleGroup, ToggleGroupItem } from "./toggle-group";
+export type { ToggleGroupItemProps, ToggleGroupProps } from "./toggle-group";
+export { Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSet, FieldTitle, } from "./field";
+export type { FieldProps } from "./field";
+export { Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle, } from "./empty";
+export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "./tooltip";
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from "./accordion";
+export { Heading } from "./heading";
+export type { HeadingProps } from "./heading";
+export { Paragraph } from "./paragraph";
+export type { ParagraphProps } from "./paragraph";
+export { P } from "./p";
+export type { PProps } from "./p";
+export { themeClassNames } from "./theme";