@nuee/ui 0.4.1 → 0.5.0

package/dist/button.d.ts

@@ -1,13 +1,15 @@
 import { Button as ButtonPrimitive } from "@base-ui/react/button";
-import * as stylex from "@stylexjs/stylex";
 import type { ComponentProps, ReactNode } from "react";
+import type { ControlLayoutStyles } from "./control-layout";
 type ButtonVariant = "primary" | "secondary" | "ghost" | "destructive";
-type ButtonSize = "sm" | "md" | "lg";
-export type ButtonProps = ComponentProps<typeof ButtonPrimitive> & {
+type ButtonSize = "sm" | "md" | "lg" | "icon-xs" | "icon-sm" | "icon" | "icon-lg";
+export type ButtonProps = Omit<ComponentProps<typeof ButtonPrimitive>, "className" | "style"> & {
     children: ReactNode;
     size?: ButtonSize;
+    /** Use an icon size for icon-only buttons, and add an accessible name. */
+    shape?: "default" | "square" | "circle";
     variant?: ButtonVariant;
-    xstyle?: stylex.StyleXStyles;
+    xstyle?: ControlLayoutStyles;
 };
-export declare function Button({ children, disabled, size, variant, xstyle, ...props }: ButtonProps): import("react").JSX.Element;
+export declare function Button({ children, disabled, size, shape, variant, xstyle, ...props }: ButtonProps): import("react").JSX.Element;
 export {};

package/dist/button.js

@@ -1,3 +1,5 @@
+"use client";
+
 // src/button.tsx
 import { c as _c } from "react/compiler-runtime";
 import { Button as ButtonPrimitive } from "@base-ui/react/button";
@@ -35,6 +37,9 @@ var styles = {
     kFcpXp: "xxx281p",
     km8f2m: "xkk1bqk",
     kEoFBp: "x1hmns74",
+    kKXxxB: "xq8w3tf",
+    k7KCAZ: "xxcwgru",
+    kqUdNP: "x40ik1b",
     kxmVGU: "x2hztxu",
     $$css: true
   },
@@ -54,6 +59,11 @@ var styles = {
     kY2c9j: "x1vjfegm",
     $$css: true
   },
+  iconContent: {
+    kOIVth: "xxhr3t",
+    kgeoSG: "x12vebyb",
+    $$css: true
+  },
   primaryContent: {
     kMwMTN: "x1mij46l",
     $$css: true
@@ -73,7 +83,7 @@ var styles = {
     $$css: true
   },
   secondary: {
-    kWkggS: "x8m6yc2",
+    kWkggS: "xnar5hm",
     kVAM5u: "x13xm7is",
     kMwMTN: "x1alews2",
     $$css: true
@@ -122,22 +132,73 @@ var styles = {
     kZKoxP: "xbdy5jr",
     kg3NbH: "xo72ft4",
     $$css: true
+  },
+  "icon-xs": {
+    kaIpWk: "x7c24we",
+    kZKoxP: "x1kobcp8",
+    kg3NbH: "xnjsko4",
+    kzqmXN: "x6r631m",
+    $$css: true
+  },
+  "icon-sm": {
+    kaIpWk: "x7c24we",
+    kZKoxP: "x5vhmdc",
+    kg3NbH: "xnjsko4",
+    kzqmXN: "x1gxsahx",
+    $$css: true
+  },
+  icon: {
+    kaIpWk: "x7c24we",
+    kZKoxP: "x1f831s2",
+    kg3NbH: "xnjsko4",
+    kzqmXN: "xro1vh",
+    $$css: true
+  },
+  "icon-lg": {
+    kaIpWk: "x7c24we",
+    kZKoxP: "xbdy5jr",
+    kg3NbH: "xnjsko4",
+    kzqmXN: "x1b7buv2",
+    $$css: true
+  },
+  square: {
+    kg3NbH: "xnjsko4",
+    $$css: true
+  },
+  circle: {
+    kaIpWk: "x9gkxt8",
+    kg3NbH: "xnjsko4",
+    $$css: true
+  },
+  iconSm: {
+    kzqmXN: "x1gxsahx",
+    $$css: true
+  },
+  iconMd: {
+    kzqmXN: "xro1vh",
+    $$css: true
+  },
+  iconLg: {
+    kzqmXN: "x1b7buv2",
+    $$css: true
   }
 };
 function Button(t0) {
-  const $ = _c(24);
+  const $ = _c(29);
   let children;
   let disabled;
   let props2;
   let t1;
   let t2;
+  let t3;
   let xstyle;
   if ($[0] !== t0) {
     ({
       children,
       disabled,
       size: t1,
-      variant: t2,
+      shape: t2,
+      variant: t3,
       xstyle,
       ...props2
     } = t0);
@@ -147,88 +208,124 @@ function Button(t0) {
     $[3] = props2;
     $[4] = t1;
     $[5] = t2;
-    $[6] = xstyle;
+    $[6] = t3;
+    $[7] = xstyle;
   } else {
     children = $[1];
     disabled = $[2];
     props2 = $[3];
     t1 = $[4];
     t2 = $[5];
-    xstyle = $[6];
+    t3 = $[6];
+    xstyle = $[7];
   }
   const size = t1 === void 0 ? "md" : t1;
-  const variant = t2 === void 0 ? "primary" : t2;
+  const shape = t2 === void 0 ? "default" : t2;
+  const variant = t3 === void 0 ? "primary" : t3;
   const isDisabled = Boolean(disabled);
-  const hasSolidBackground = variant === "primary" || variant === "destructive";
-  let t3;
-  if ($[7] !== hasSolidBackground || $[8] !== isDisabled || $[9] !== size || $[10] !== variant || $[11] !== xstyle) {
-    t3 = stylex.props(styles.root, styles[variant], styles[size], hasSolidBackground ? styles.solidInteraction : styles.surfaceInteraction, isDisabled && styles.disabled, isDisabled && variant === "ghost" && styles.disabledGhost, isDisabled && styles.disabledInteraction, xstyle);
-    $[7] = hasSolidBackground;
-    $[8] = isDisabled;
-    $[9] = size;
-    $[10] = variant;
-    $[11] = xstyle;
-    $[12] = t3;
-  } else {
-    t3 = $[12];
-  }
-  const stylexProps = t3;
+  let T0;
   let t4;
-  if ($[13] !== isDisabled || $[14] !== variant) {
+  let t5;
+  let t6;
+  let t7;
+  if ($[8] !== disabled || $[9] !== isDisabled || $[10] !== props2 || $[11] !== shape || $[12] !== size || $[13] !== variant || $[14] !== xstyle) {
+    const isIconSize = size.startsWith("icon");
+    const hasSolidBackground = variant === "primary" || variant === "destructive";
+    T0 = ButtonPrimitive;
+    t5 = props2;
+    t6 = disabled;
+    t7 = stylex.props(styles.root, styles[variant], styles[size], shape !== "default" && styles[shape], !isIconSize && shape !== "default" && size === "sm" && styles.iconSm, !isIconSize && shape !== "default" && size === "md" && styles.iconMd, !isIconSize && shape !== "default" && size === "lg" && styles.iconLg, hasSolidBackground ? styles.solidInteraction : styles.surfaceInteraction, isDisabled && styles.disabled, isDisabled && variant === "ghost" && styles.disabledGhost, isDisabled && styles.disabledInteraction, xstyle);
     t4 = {
       0: {
         className: "x6s0dn4 x3nfvp2 x1uj7ll3 x1n2onr6 x1vjfegm"
       },
+      8: {
+        className: "x6s0dn4 x3nfvp2 x1n2onr6 x1vjfegm xxhr3t x12vebyb"
+      },
       4: {
         className: "x6s0dn4 x3nfvp2 x1uj7ll3 x1n2onr6 x1vjfegm x1mij46l"
       },
+      12: {
+        className: "x6s0dn4 x3nfvp2 x1n2onr6 x1vjfegm xxhr3t x12vebyb x1mij46l"
+      },
       2: {
         className: "x6s0dn4 x3nfvp2 x1uj7ll3 x1n2onr6 x1vjfegm xte0b6o"
       },
+      10: {
+        className: "x6s0dn4 x3nfvp2 x1n2onr6 x1vjfegm xxhr3t x12vebyb xte0b6o"
+      },
       6: {
         className: "x6s0dn4 x3nfvp2 x1uj7ll3 x1n2onr6 x1vjfegm xte0b6o"
       },
+      14: {
+        className: "x6s0dn4 x3nfvp2 x1n2onr6 x1vjfegm xxhr3t x12vebyb xte0b6o"
+      },
       1: {
         className: "x6s0dn4 x3nfvp2 x1uj7ll3 x1n2onr6 x1vjfegm x2rig74"
       },
+      9: {
+        className: "x6s0dn4 x3nfvp2 x1n2onr6 x1vjfegm xxhr3t x12vebyb x2rig74"
+      },
       5: {
         className: "x6s0dn4 x3nfvp2 x1uj7ll3 x1n2onr6 x1vjfegm x2rig74"
       },
+      13: {
+        className: "x6s0dn4 x3nfvp2 x1n2onr6 x1vjfegm xxhr3t x12vebyb x2rig74"
+      },
       3: {
         className: "x6s0dn4 x3nfvp2 x1uj7ll3 x1n2onr6 x1vjfegm x2rig74"
       },
+      11: {
+        className: "x6s0dn4 x3nfvp2 x1n2onr6 x1vjfegm xxhr3t x12vebyb x2rig74"
+      },
       7: {
         className: "x6s0dn4 x3nfvp2 x1uj7ll3 x1n2onr6 x1vjfegm x2rig74"
+      },
+      15: {
+        className: "x6s0dn4 x3nfvp2 x1n2onr6 x1vjfegm xxhr3t x12vebyb x2rig74"
       }
-    }[!!(variant === "primary") << 2 | !!(variant === "destructive") << 1 | !!isDisabled << 0];
-    $[13] = isDisabled;
-    $[14] = variant;
-    $[15] = t4;
+    }[!!isIconSize << 3 | !!(variant === "primary") << 2 | !!(variant === "destructive") << 1 | !!isDisabled << 0];
+    $[8] = disabled;
+    $[9] = isDisabled;
+    $[10] = props2;
+    $[11] = shape;
+    $[12] = size;
+    $[13] = variant;
+    $[14] = xstyle;
+    $[15] = T0;
+    $[16] = t4;
+    $[17] = t5;
+    $[18] = t6;
+    $[19] = t7;
   } else {
-    t4 = $[15];
+    T0 = $[15];
+    t4 = $[16];
+    t5 = $[17];
+    t6 = $[18];
+    t7 = $[19];
   }
-  const contentStylexProps = t4;
-  let t5;
-  if ($[16] !== children || $[17] !== contentStylexProps) {
-    t5 = /* @__PURE__ */ jsx("span", { ...contentStylexProps, children });
-    $[16] = children;
-    $[17] = contentStylexProps;
-    $[18] = t5;
+  let t8;
+  if ($[20] !== children || $[21] !== t4) {
+    t8 = /* @__PURE__ */ jsx("span", { ...t4, children });
+    $[20] = children;
+    $[21] = t4;
+    $[22] = t8;
   } else {
-    t5 = $[18];
+    t8 = $[22];
   }
-  let t6;
-  if ($[19] !== disabled || $[20] !== props2 || $[21] !== stylexProps || $[22] !== t5) {
-    t6 = /* @__PURE__ */ jsx(ButtonPrimitive, { ...props2, disabled, ...stylexProps, children: t5 });
-    $[19] = disabled;
-    $[20] = props2;
-    $[21] = stylexProps;
-    $[22] = t5;
-    $[23] = t6;
+  let t9;
+  if ($[23] !== T0 || $[24] !== t5 || $[25] !== t6 || $[26] !== t7 || $[27] !== t8) {
+    t9 = /* @__PURE__ */ jsx(T0, { ...t5, disabled: t6, ...t7, children: t8 });
+    $[23] = T0;
+    $[24] = t5;
+    $[25] = t6;
+    $[26] = t7;
+    $[27] = t8;
+    $[28] = t9;
   } else {
-    t6 = $[23];
+    t9 = $[28];
   }
-  return t6;
+  return t9;
 }
 export {
   Button

package/dist/button.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../src/button.tsx"],
-  "sourcesContent": ["import { c as _c } from \"react/compiler-runtime\";\nimport { Button as ButtonPrimitive } from \"@base-ui/react/button\";\nimport * as stylex from \"@stylexjs/stylex\";\nimport type { ComponentProps, ReactNode } from \"react\";\nimport { colorVars, motionVars, radiusVars, sizeVars, spacingVars, typographyVars } from \"@nuee/tokens/semantic.stylex\";\nconst styles = {\n  root: {\n    kGNEyG: \"x6s0dn4\",\n    kysU6D: \"xjyslct\",\n    ksu8eU: \"x1y0btm7\",\n    kMzoRj: \"xzgztj1\",\n    kkrTdU: \"x1ypdohk\",\n    k1xSpc: \"x3nfvp2\",\n    kGuDYH: \"x99mhxu\",\n    k63SB2: \"x1v899x5\",\n    kOIVth: \"x1uj7ll3\",\n    kHBbk8: \"xc8icb0\",\n    kjj79g: \"xl56j7k\",\n    kLWn49: \"x1hfsx4t\",\n    kI3sdo: \"x1a2a7pz\",\n    kVQacm: \"xb3r6kr\",\n    kVAEAm: \"x1n2onr6\",\n    kIyJzY: \"xdshaxz\",\n    k1ekBW: \"x1qsmvhx\",\n    kAMwcw: \"xscx6xn\",\n    kfSwDN: \"x87ps6o\",\n    khDVqt: \"xuxw1ft\",\n    kZs9gx: \"x7yqiub\",\n    kiEn40: \"xzvmsi2\",\n    k7shQP: \"x9v5kkp\",\n    kPJHz1: \"x11ci167\",\n    kYPGJ8: \"x1s07b3s\",\n    kLkRvE: \"xqhzmhv\",\n    kgeoSG: \"x1cpjm7i\",\n    kFcpXp: \"xxx281p\",\n    km8f2m: \"xkk1bqk\",\n    kEoFBp: \"x1hmns74\",\n    kxmVGU: \"x2hztxu\",\n    $$css: true\n  },\n  solidInteraction: {\n    kLkRvE: \"xqhzmhv x1v9rfms x1c9ljbx\",\n    $$css: true\n  },\n  surfaceInteraction: {\n    kLkRvE: \"xqhzmhv x10nvyxg x1kux2mm\",\n    $$css: true\n  },\n  content: {\n    kGNEyG: \"x6s0dn4\",\n    k1xSpc: \"x3nfvp2\",\n    kOIVth: \"x1uj7ll3\",\n    kVAEAm: \"x1n2onr6\",\n    kY2c9j: \"x1vjfegm\",\n    $$css: true\n  },\n  primaryContent: {\n    kMwMTN: \"x1mij46l\",\n    $$css: true\n  },\n  destructiveContent: {\n    kMwMTN: \"xte0b6o\",\n    $$css: true\n  },\n  disabledContent: {\n    kMwMTN: \"x2rig74\",\n    $$css: true\n  },\n  primary: {\n    kWkggS: \"x92qhq\",\n    kVAM5u: \"x1nbx55b\",\n    kMwMTN: \"x1mij46l\",\n    $$css: true\n  },\n  secondary: {\n    kWkggS: \"x8m6yc2\",\n    kVAM5u: \"x13xm7is\",\n    kMwMTN: \"x1alews2\",\n    $$css: true\n  },\n  ghost: {\n    kWkggS: \"xnar5hm\",\n    kVAM5u: \"x38l7vw\",\n    kMwMTN: \"x1alews2\",\n    $$css: true\n  },\n  destructive: {\n    kWkggS: \"xstylu5\",\n    kVAM5u: \"xg020jo\",\n    kMwMTN: \"xte0b6o\",\n    $$css: true\n  },\n  disabled: {\n    kWkggS: \"x1fdj243\",\n    kVAM5u: \"x13xm7is\",\n    kMwMTN: \"x2rig74\",\n    $$css: true\n  },\n  disabledGhost: {\n    kWkggS: \"xnar5hm\",\n    kVAM5u: \"x38l7vw\",\n    $$css: true\n  },\n  disabledInteraction: {\n    kLkRvE: \"xqhzmhv\",\n    $$css: true\n  },\n  sm: {\n    kaIpWk: \"x7c24we\",\n    kZKoxP: \"x5vhmdc\",\n    kg3NbH: \"xdaxh69\",\n    $$css: true\n  },\n  md: {\n    kaIpWk: \"x7c24we\",\n    kZKoxP: \"x1f831s2\",\n    kg3NbH: \"x19pklni\",\n    $$css: true\n  },\n  lg: {\n    kaIpWk: \"x7c24we\",\n    kZKoxP: \"xbdy5jr\",\n    kg3NbH: \"xo72ft4\",\n    $$css: true\n  }\n};\ntype ButtonVariant = \"primary\" | \"secondary\" | \"ghost\" | \"destructive\";\ntype ButtonSize = \"sm\" | \"md\" | \"lg\";\nexport type ButtonProps = ComponentProps<typeof ButtonPrimitive> & {\n  children: ReactNode;\n  size?: ButtonSize;\n  variant?: ButtonVariant;\n  xstyle?: stylex.StyleXStyles;\n};\nexport function Button(t0) {\n  const $ = _c(24);\n  let children;\n  let disabled;\n  let props;\n  let t1;\n  let t2;\n  let xstyle;\n  if ($[0] !== t0) {\n    ({\n      children,\n      disabled,\n      size: t1,\n      variant: t2,\n      xstyle,\n      ...props\n    } = t0);\n    $[0] = t0;\n    $[1] = children;\n    $[2] = disabled;\n    $[3] = props;\n    $[4] = t1;\n    $[5] = t2;\n    $[6] = xstyle;\n  } else {\n    children = $[1];\n    disabled = $[2];\n    props = $[3];\n    t1 = $[4];\n    t2 = $[5];\n    xstyle = $[6];\n  }\n  const size = t1 === undefined ? \"md\" : t1;\n  const variant = t2 === undefined ? \"primary\" : t2;\n  const isDisabled = Boolean(disabled);\n  const hasSolidBackground = variant === \"primary\" || variant === \"destructive\";\n  let t3;\n  if ($[7] !== hasSolidBackground || $[8] !== isDisabled || $[9] !== size || $[10] !== variant || $[11] !== xstyle) {\n    t3 = stylex.props(styles.root, styles[variant], styles[size], hasSolidBackground ? styles.solidInteraction : styles.surfaceInteraction, isDisabled && styles.disabled, isDisabled && variant === \"ghost\" && styles.disabledGhost, isDisabled && styles.disabledInteraction, xstyle);\n    $[7] = hasSolidBackground;\n    $[8] = isDisabled;\n    $[9] = size;\n    $[10] = variant;\n    $[11] = xstyle;\n    $[12] = t3;\n  } else {\n    t3 = $[12];\n  }\n  const stylexProps = t3;\n  let t4;\n  if ($[13] !== isDisabled || $[14] !== variant) {\n    t4 = {\n      0: {\n        className: \"x6s0dn4 x3nfvp2 x1uj7ll3 x1n2onr6 x1vjfegm\"\n      },\n      4: {\n        className: \"x6s0dn4 x3nfvp2 x1uj7ll3 x1n2onr6 x1vjfegm x1mij46l\"\n      },\n      2: {\n        className: \"x6s0dn4 x3nfvp2 x1uj7ll3 x1n2onr6 x1vjfegm xte0b6o\"\n      },\n      6: {\n        className: \"x6s0dn4 x3nfvp2 x1uj7ll3 x1n2onr6 x1vjfegm xte0b6o\"\n      },\n      1: {\n        className: \"x6s0dn4 x3nfvp2 x1uj7ll3 x1n2onr6 x1vjfegm x2rig74\"\n      },\n      5: {\n        className: \"x6s0dn4 x3nfvp2 x1uj7ll3 x1n2onr6 x1vjfegm x2rig74\"\n      },\n      3: {\n        className: \"x6s0dn4 x3nfvp2 x1uj7ll3 x1n2onr6 x1vjfegm x2rig74\"\n      },\n      7: {\n        className: \"x6s0dn4 x3nfvp2 x1uj7ll3 x1n2onr6 x1vjfegm x2rig74\"\n      }\n    }[!!(variant === \"primary\") << 2 | !!(variant === \"destructive\") << 1 | !!isDisabled << 0];\n    $[13] = isDisabled;\n    $[14] = variant;\n    $[15] = t4;\n  } else {\n    t4 = $[15];\n  }\n  const contentStylexProps = t4;\n  let t5;\n  if ($[16] !== children || $[17] !== contentStylexProps) {\n    t5 = <span {...contentStylexProps}>{children}</span>;\n    $[16] = children;\n    $[17] = contentStylexProps;\n    $[18] = t5;\n  } else {\n    t5 = $[18];\n  }\n  let t6;\n  if ($[19] !== disabled || $[20] !== props || $[21] !== stylexProps || $[22] !== t5) {\n    t6 = <ButtonPrimitive {...props} disabled={disabled} {...stylexProps}>{t5}</ButtonPrimitive>;\n    $[19] = disabled;\n    $[20] = props;\n    $[21] = stylexProps;\n    $[22] = t5;\n    $[23] = t6;\n  } else {\n    t6 = $[23];\n  }\n  return t6;\n}"],
-  "mappings": "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",
+  "sourcesContent": ["\"use client\";\n\nimport { c as _c } from \"react/compiler-runtime\";\nimport { Button as ButtonPrimitive } from \"@base-ui/react/button\";\nimport { colorVars, motionVars, radiusVars, sizeVars, spacingVars, typographyVars } from \"@nuee/tokens/semantic.stylex\";\nimport * as stylex from \"@stylexjs/stylex\";\nimport type { ComponentProps, ReactNode } from \"react\";\nimport type { ControlLayoutStyles } from \"./control-layout\";\nconst styles = {\n  root: {\n    kGNEyG: \"x6s0dn4\",\n    kysU6D: \"xjyslct\",\n    ksu8eU: \"x1y0btm7\",\n    kMzoRj: \"xzgztj1\",\n    kkrTdU: \"x1ypdohk\",\n    k1xSpc: \"x3nfvp2\",\n    kGuDYH: \"x99mhxu\",\n    k63SB2: \"x1v899x5\",\n    kOIVth: \"x1uj7ll3\",\n    kHBbk8: \"xc8icb0\",\n    kjj79g: \"xl56j7k\",\n    kLWn49: \"x1hfsx4t\",\n    kI3sdo: \"x1a2a7pz\",\n    kVQacm: \"xb3r6kr\",\n    kVAEAm: \"x1n2onr6\",\n    kIyJzY: \"xdshaxz\",\n    k1ekBW: \"x1qsmvhx\",\n    kAMwcw: \"xscx6xn\",\n    kfSwDN: \"x87ps6o\",\n    khDVqt: \"xuxw1ft\",\n    kZs9gx: \"x7yqiub\",\n    kiEn40: \"xzvmsi2\",\n    k7shQP: \"x9v5kkp\",\n    kPJHz1: \"x11ci167\",\n    kYPGJ8: \"x1s07b3s\",\n    kLkRvE: \"xqhzmhv\",\n    kgeoSG: \"x1cpjm7i\",\n    kFcpXp: \"xxx281p\",\n    km8f2m: \"xkk1bqk\",\n    kEoFBp: \"x1hmns74\",\n    kKXxxB: \"xq8w3tf\",\n    k7KCAZ: \"xxcwgru\",\n    kqUdNP: \"x40ik1b\",\n    kxmVGU: \"x2hztxu\",\n    $$css: true\n  },\n  solidInteraction: {\n    kLkRvE: \"xqhzmhv x1v9rfms x1c9ljbx\",\n    $$css: true\n  },\n  surfaceInteraction: {\n    kLkRvE: \"xqhzmhv x10nvyxg x1kux2mm\",\n    $$css: true\n  },\n  content: {\n    kGNEyG: \"x6s0dn4\",\n    k1xSpc: \"x3nfvp2\",\n    kOIVth: \"x1uj7ll3\",\n    kVAEAm: \"x1n2onr6\",\n    kY2c9j: \"x1vjfegm\",\n    $$css: true\n  },\n  iconContent: {\n    kOIVth: \"xxhr3t\",\n    kgeoSG: \"x12vebyb\",\n    $$css: true\n  },\n  primaryContent: {\n    kMwMTN: \"x1mij46l\",\n    $$css: true\n  },\n  destructiveContent: {\n    kMwMTN: \"xte0b6o\",\n    $$css: true\n  },\n  disabledContent: {\n    kMwMTN: \"x2rig74\",\n    $$css: true\n  },\n  primary: {\n    kWkggS: \"x92qhq\",\n    kVAM5u: \"x1nbx55b\",\n    kMwMTN: \"x1mij46l\",\n    $$css: true\n  },\n  secondary: {\n    kWkggS: \"xnar5hm\",\n    kVAM5u: \"x13xm7is\",\n    kMwMTN: \"x1alews2\",\n    $$css: true\n  },\n  ghost: {\n    kWkggS: \"xnar5hm\",\n    kVAM5u: \"x38l7vw\",\n    kMwMTN: \"x1alews2\",\n    $$css: true\n  },\n  destructive: {\n    kWkggS: \"xstylu5\",\n    kVAM5u: \"xg020jo\",\n    kMwMTN: \"xte0b6o\",\n    $$css: true\n  },\n  disabled: {\n    kWkggS: \"x1fdj243\",\n    kVAM5u: \"x13xm7is\",\n    kMwMTN: \"x2rig74\",\n    $$css: true\n  },\n  disabledGhost: {\n    kWkggS: \"xnar5hm\",\n    kVAM5u: \"x38l7vw\",\n    $$css: true\n  },\n  disabledInteraction: {\n    kLkRvE: \"xqhzmhv\",\n    $$css: true\n  },\n  sm: {\n    kaIpWk: \"x7c24we\",\n    kZKoxP: \"x5vhmdc\",\n    kg3NbH: \"xdaxh69\",\n    $$css: true\n  },\n  md: {\n    kaIpWk: \"x7c24we\",\n    kZKoxP: \"x1f831s2\",\n    kg3NbH: \"x19pklni\",\n    $$css: true\n  },\n  lg: {\n    kaIpWk: \"x7c24we\",\n    kZKoxP: \"xbdy5jr\",\n    kg3NbH: \"xo72ft4\",\n    $$css: true\n  },\n  \"icon-xs\": {\n    kaIpWk: \"x7c24we\",\n    kZKoxP: \"x1kobcp8\",\n    kg3NbH: \"xnjsko4\",\n    kzqmXN: \"x6r631m\",\n    $$css: true\n  },\n  \"icon-sm\": {\n    kaIpWk: \"x7c24we\",\n    kZKoxP: \"x5vhmdc\",\n    kg3NbH: \"xnjsko4\",\n    kzqmXN: \"x1gxsahx\",\n    $$css: true\n  },\n  icon: {\n    kaIpWk: \"x7c24we\",\n    kZKoxP: \"x1f831s2\",\n    kg3NbH: \"xnjsko4\",\n    kzqmXN: \"xro1vh\",\n    $$css: true\n  },\n  \"icon-lg\": {\n    kaIpWk: \"x7c24we\",\n    kZKoxP: \"xbdy5jr\",\n    kg3NbH: \"xnjsko4\",\n    kzqmXN: \"x1b7buv2\",\n    $$css: true\n  },\n  square: {\n    kg3NbH: \"xnjsko4\",\n    $$css: true\n  },\n  circle: {\n    kaIpWk: \"x9gkxt8\",\n    kg3NbH: \"xnjsko4\",\n    $$css: true\n  },\n  iconSm: {\n    kzqmXN: \"x1gxsahx\",\n    $$css: true\n  },\n  iconMd: {\n    kzqmXN: \"xro1vh\",\n    $$css: true\n  },\n  iconLg: {\n    kzqmXN: \"x1b7buv2\",\n    $$css: true\n  }\n};\ntype ButtonVariant = \"primary\" | \"secondary\" | \"ghost\" | \"destructive\";\ntype ButtonSize = \"sm\" | \"md\" | \"lg\" | \"icon-xs\" | \"icon-sm\" | \"icon\" | \"icon-lg\";\nexport type ButtonProps = Omit<ComponentProps<typeof ButtonPrimitive>, \"className\" | \"style\"> & {\n  children: ReactNode;\n  size?: ButtonSize;\n  /** Use an icon size for icon-only buttons, and add an accessible name. */\n  shape?: \"default\" | \"square\" | \"circle\";\n  variant?: ButtonVariant;\n  xstyle?: ControlLayoutStyles;\n};\nexport function Button(t0) {\n  const $ = _c(29);\n  let children;\n  let disabled;\n  let props;\n  let t1;\n  let t2;\n  let t3;\n  let xstyle;\n  if ($[0] !== t0) {\n    ({\n      children,\n      disabled,\n      size: t1,\n      shape: t2,\n      variant: t3,\n      xstyle,\n      ...props\n    } = t0);\n    $[0] = t0;\n    $[1] = children;\n    $[2] = disabled;\n    $[3] = props;\n    $[4] = t1;\n    $[5] = t2;\n    $[6] = t3;\n    $[7] = xstyle;\n  } else {\n    children = $[1];\n    disabled = $[2];\n    props = $[3];\n    t1 = $[4];\n    t2 = $[5];\n    t3 = $[6];\n    xstyle = $[7];\n  }\n  const size = t1 === undefined ? \"md\" : t1;\n  const shape = t2 === undefined ? \"default\" : t2;\n  const variant = t3 === undefined ? \"primary\" : t3;\n  const isDisabled = Boolean(disabled);\n  let T0;\n  let t4;\n  let t5;\n  let t6;\n  let t7;\n  if ($[8] !== disabled || $[9] !== isDisabled || $[10] !== props || $[11] !== shape || $[12] !== size || $[13] !== variant || $[14] !== xstyle) {\n    const isIconSize = size.startsWith(\"icon\");\n    const hasSolidBackground = variant === \"primary\" || variant === \"destructive\";\n    T0 = ButtonPrimitive;\n    t5 = props;\n    t6 = disabled;\n    t7 = stylex.props(styles.root, styles[variant], styles[size], shape !== \"default\" && styles[shape], !isIconSize && shape !== \"default\" && size === \"sm\" && styles.iconSm, !isIconSize && shape !== \"default\" && size === \"md\" && styles.iconMd, !isIconSize && shape !== \"default\" && size === \"lg\" && styles.iconLg, hasSolidBackground ? styles.solidInteraction : styles.surfaceInteraction, isDisabled && styles.disabled, isDisabled && variant === \"ghost\" && styles.disabledGhost, isDisabled && styles.disabledInteraction, xstyle);\n    t4 = {\n      0: {\n        className: \"x6s0dn4 x3nfvp2 x1uj7ll3 x1n2onr6 x1vjfegm\"\n      },\n      8: {\n        className: \"x6s0dn4 x3nfvp2 x1n2onr6 x1vjfegm xxhr3t x12vebyb\"\n      },\n      4: {\n        className: \"x6s0dn4 x3nfvp2 x1uj7ll3 x1n2onr6 x1vjfegm x1mij46l\"\n      },\n      12: {\n        className: \"x6s0dn4 x3nfvp2 x1n2onr6 x1vjfegm xxhr3t x12vebyb x1mij46l\"\n      },\n      2: {\n        className: \"x6s0dn4 x3nfvp2 x1uj7ll3 x1n2onr6 x1vjfegm xte0b6o\"\n      },\n      10: {\n        className: \"x6s0dn4 x3nfvp2 x1n2onr6 x1vjfegm xxhr3t x12vebyb xte0b6o\"\n      },\n      6: {\n        className: \"x6s0dn4 x3nfvp2 x1uj7ll3 x1n2onr6 x1vjfegm xte0b6o\"\n      },\n      14: {\n        className: \"x6s0dn4 x3nfvp2 x1n2onr6 x1vjfegm xxhr3t x12vebyb xte0b6o\"\n      },\n      1: {\n        className: \"x6s0dn4 x3nfvp2 x1uj7ll3 x1n2onr6 x1vjfegm x2rig74\"\n      },\n      9: {\n        className: \"x6s0dn4 x3nfvp2 x1n2onr6 x1vjfegm xxhr3t x12vebyb x2rig74\"\n      },\n      5: {\n        className: \"x6s0dn4 x3nfvp2 x1uj7ll3 x1n2onr6 x1vjfegm x2rig74\"\n      },\n      13: {\n        className: \"x6s0dn4 x3nfvp2 x1n2onr6 x1vjfegm xxhr3t x12vebyb x2rig74\"\n      },\n      3: {\n        className: \"x6s0dn4 x3nfvp2 x1uj7ll3 x1n2onr6 x1vjfegm x2rig74\"\n      },\n      11: {\n        className: \"x6s0dn4 x3nfvp2 x1n2onr6 x1vjfegm xxhr3t x12vebyb x2rig74\"\n      },\n      7: {\n        className: \"x6s0dn4 x3nfvp2 x1uj7ll3 x1n2onr6 x1vjfegm x2rig74\"\n      },\n      15: {\n        className: \"x6s0dn4 x3nfvp2 x1n2onr6 x1vjfegm xxhr3t x12vebyb x2rig74\"\n      }\n    }[!!isIconSize << 3 | !!(variant === \"primary\") << 2 | !!(variant === \"destructive\") << 1 | !!isDisabled << 0];\n    $[8] = disabled;\n    $[9] = isDisabled;\n    $[10] = props;\n    $[11] = shape;\n    $[12] = size;\n    $[13] = variant;\n    $[14] = xstyle;\n    $[15] = T0;\n    $[16] = t4;\n    $[17] = t5;\n    $[18] = t6;\n    $[19] = t7;\n  } else {\n    T0 = $[15];\n    t4 = $[16];\n    t5 = $[17];\n    t6 = $[18];\n    t7 = $[19];\n  }\n  let t8;\n  if ($[20] !== children || $[21] !== t4) {\n    t8 = <span {...t4}>{children}</span>;\n    $[20] = children;\n    $[21] = t4;\n    $[22] = t8;\n  } else {\n    t8 = $[22];\n  }\n  let t9;\n  if ($[23] !== T0 || $[24] !== t5 || $[25] !== t6 || $[26] !== t7 || $[27] !== t8) {\n    t9 = <T0 {...t5} disabled={t6} {...t7}>{t8}</T0>;\n    $[23] = T0;\n    $[24] = t5;\n    $[25] = t6;\n    $[26] = t7;\n    $[27] = t8;\n    $[28] = t9;\n  } else {\n    t9 = $[28];\n  }\n  return t9;\n}"],
+  "mappings": "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",
   "names": ["props"]
 }

package/dist/calendar.d.ts

@@ -0,0 +1,9 @@
+import { type DayPickerProps } from "@daypicker/react";
+import * as stylex from "@stylexjs/stylex";
+type WithoutCalendarStyling<Props> = Props extends unknown ? Omit<Props, "className" | "classNames" | "components" | "modifiersClassNames" | "modifiersStyles" | "style" | "styles"> : never;
+type CalendarDayPickerProps = WithoutCalendarStyling<DayPickerProps>;
+export type CalendarProps = CalendarDayPickerProps & {
+    xstyle?: stylex.StyleXStyles;
+};
+export declare function Calendar({ navLayout, xstyle, ...props }: CalendarProps): import("react").JSX.Element;
+export {};

package/dist/calendar.js

@@ -0,0 +1,234 @@
+"use client";
+
+// src/calendar.tsx
+import { c as _c } from "react/compiler-runtime";
+import { DayButton, DayPicker } from "@daypicker/react";
+import * as stylex from "@stylexjs/stylex";
+import { jsx } from "react/jsx-runtime";
+var styles = {
+  root: {
+    kMwMTN: "x1alews2",
+    k1xSpc: "x3nfvp2",
+    kGuDYH: "x99mhxu",
+    kmVPX3: "x1brvpr3",
+    kzqmXN: "xeq5yr9",
+    $$css: true
+  },
+  dayButton: {
+    kGNEyG: "x6s0dn4",
+    kysU6D: "xjyslct",
+    kWkggS: "xnar5hm",
+    kaIpWk: "x7c24we",
+    ksu8eU: "xng3xce",
+    kMzoRj: "xc342km",
+    kMwMTN: "x1alews2",
+    kkrTdU: "x1ypdohk",
+    k1xSpc: "x3nfvp2",
+    kVVagm: "xln7xf2",
+    kZKoxP: "x1f831s2",
+    kjj79g: "xl56j7k",
+    kI3sdo: "x1a2a7pz",
+    kmVPX3: "x1717udv",
+    kIyJzY: "xdshaxz",
+    k1ekBW: "xs2xxs2",
+    kAMwcw: "xscx6xn",
+    kzqmXN: "xh8yej3",
+    kGzVvX: "x1o026c7",
+    kZs9gx: "x7yqiub",
+    kiEn40: "xzvmsi2",
+    k7shQP: "x9v5kkp",
+    kPJHz1: "x11ci167",
+    $$css: true
+  },
+  selected: {
+    kWkggS: "x92qhq",
+    kaIpWk: "x7c24we",
+    kMwMTN: "x1mij46l",
+    k63SB2: "x1v899x5",
+    kGzVvX: "xxgou8k",
+    $$css: true
+  },
+  today: {
+    kWkggS: "xiqc3qx",
+    kMwMTN: "x4uijr7",
+    k63SB2: "xq1ytqg",
+    kGzVvX: "xi7udla",
+    $$css: true
+  },
+  outside: {
+    kMwMTN: "x151gfag",
+    $$css: true
+  },
+  disabled: {
+    kMwMTN: "x2rig74",
+    kkrTdU: "x1h6gzvc",
+    $$css: true
+  },
+  rangeMiddle: {
+    kWkggS: "x1q0pwuq",
+    kaIpWk: "x2u8bby",
+    kMwMTN: "x1alews2",
+    $$css: true
+  }
+};
+var classNames = {
+  button_next: {
+    className: "x6s0dn4 xjyslct xnar5hm x7c24we xng3xce xc342km x1alews2 x1ypdohk x3nfvp2 x5vhmdc xl56j7k x1a2a7pz x1717udv x10l6tqk xdshaxz xs2xxs2 xscx6xn x1gxsahx x1o026c7 x7yqiub xzvmsi2 x9v5kkp x11ci167 xtijo5x x13vifvy"
+  }.className,
+  button_previous: {
+    className: "x6s0dn4 xjyslct xnar5hm x7c24we xng3xce xc342km x1alews2 x1ypdohk x3nfvp2 x5vhmdc xl56j7k x1a2a7pz x1717udv x10l6tqk xdshaxz xs2xxs2 xscx6xn x1gxsahx x1o026c7 x7yqiub xzvmsi2 x9v5kkp x11ci167 x1o0tod x13vifvy"
+  }.className,
+  caption_label: {
+    className: "x1v899x5"
+  }.className,
+  day: {
+    className: "x1f831s2 x2b8uid"
+  }.className,
+  chevron: {
+    className: "x1ulh7el xswfmaf xmkpuva"
+  }.className,
+  month: {
+    className: "x1n2onr6 xsywbqq"
+  }.className,
+  month_caption: {
+    className: "x6s0dn4 x78zum5 x5vhmdc xl56j7k x1yxks2r"
+  }.className,
+  month_grid: {
+    className: "x1mwwwfo x140o2bo xh8yej3"
+  }.className,
+  months: {
+    className: "x78zum5 xdt5ytf xdhicxc"
+  }.className,
+  nav: {
+    className: "x6s0dn4 x78zum5 x5vhmdc x17y0mx6 x1qughib x10l6tqk x13vifvy"
+  }.className,
+  week: {
+    className: "x1f831s2"
+  }.className,
+  weekday: {
+    className: "x131ut49 x1v899x5 x5vhmdc x2b8uid"
+  }.className,
+  weekdays: {
+    className: "x1ry1pnm"
+  }.className
+};
+function CalendarDayButton(t0) {
+  const $ = _c(19);
+  let children;
+  let modifiers;
+  let props2;
+  if ($[0] !== t0) {
+    ({
+      children,
+      modifiers,
+      ...props2
+    } = t0);
+    $[0] = t0;
+    $[1] = children;
+    $[2] = modifiers;
+    $[3] = props2;
+  } else {
+    children = $[1];
+    modifiers = $[2];
+    props2 = $[3];
+  }
+  const isSelected = modifiers.range_start || modifiers.range_end || modifiers.selected && !modifiers.range_middle;
+  let t1;
+  if ($[4] !== isSelected || $[5] !== modifiers.disabled || $[6] !== modifiers.outside || $[7] !== modifiers.range_middle || $[8] !== modifiers.selected || $[9] !== modifiers.today) {
+    t1 = stylex.props(styles.dayButton, modifiers.outside && styles.outside, modifiers.range_middle && styles.rangeMiddle, isSelected && styles.selected, modifiers.today && !modifiers.selected && styles.today, modifiers.disabled && styles.disabled);
+    $[4] = isSelected;
+    $[5] = modifiers.disabled;
+    $[6] = modifiers.outside;
+    $[7] = modifiers.range_middle;
+    $[8] = modifiers.selected;
+    $[9] = modifiers.today;
+    $[10] = t1;
+  } else {
+    t1 = $[10];
+  }
+  let t2;
+  if ($[11] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t2 = {
+      className: "x1heor9g"
+    };
+    $[11] = t2;
+  } else {
+    t2 = $[11];
+  }
+  let t3;
+  if ($[12] !== children) {
+    t3 = /* @__PURE__ */ jsx("span", { ...t2, children });
+    $[12] = children;
+    $[13] = t3;
+  } else {
+    t3 = $[13];
+  }
+  let t4;
+  if ($[14] !== modifiers || $[15] !== props2 || $[16] !== t1 || $[17] !== t3) {
+    t4 = /* @__PURE__ */ jsx(DayButton, { ...props2, modifiers, ...t1, children: t3 });
+    $[14] = modifiers;
+    $[15] = props2;
+    $[16] = t1;
+    $[17] = t3;
+    $[18] = t4;
+  } else {
+    t4 = $[18];
+  }
+  return t4;
+}
+function Calendar(t0) {
+  const $ = _c(12);
+  let props2;
+  let t1;
+  let xstyle;
+  if ($[0] !== t0) {
+    ({
+      navLayout: t1,
+      xstyle,
+      ...props2
+    } = t0);
+    $[0] = t0;
+    $[1] = props2;
+    $[2] = t1;
+    $[3] = xstyle;
+  } else {
+    props2 = $[1];
+    t1 = $[2];
+    xstyle = $[3];
+  }
+  const navLayout = t1 === void 0 ? "around" : t1;
+  let t2;
+  if ($[4] !== xstyle) {
+    t2 = stylex.props(styles.root, xstyle);
+    $[4] = xstyle;
+    $[5] = t2;
+  } else {
+    t2 = $[5];
+  }
+  const root = t2;
+  let t3;
+  if ($[6] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t3 = {
+      DayButton: CalendarDayButton
+    };
+    $[6] = t3;
+  } else {
+    t3 = $[6];
+  }
+  let t4;
+  if ($[7] !== navLayout || $[8] !== props2 || $[9] !== root.className || $[10] !== root.style) {
+    t4 = /* @__PURE__ */ jsx(DayPicker, { ...props2, className: root.className, classNames, components: t3, navLayout, style: root.style });
+    $[7] = navLayout;
+    $[8] = props2;
+    $[9] = root.className;
+    $[10] = root.style;
+    $[11] = t4;
+  } else {
+    t4 = $[11];
+  }
+  return t4;
+}
+export {
+  Calendar
+};
+//# sourceMappingURL=calendar.js.map

package/dist/calendar.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/calendar.tsx"],
+  "sourcesContent": ["\"use client\";\n\nimport { c as _c } from \"react/compiler-runtime\";\nimport { DayButton, DayPicker, type DayButtonProps, type DayPickerProps } from \"@daypicker/react\";\nimport { colorVars, motionVars, radiusVars, sizeVars, spacingVars, typographyVars } from \"@nuee/tokens/semantic.stylex\";\nimport * as stylex from \"@stylexjs/stylex\";\nconst styles = {\n  root: {\n    kMwMTN: \"x1alews2\",\n    k1xSpc: \"x3nfvp2\",\n    kGuDYH: \"x99mhxu\",\n    kmVPX3: \"x1brvpr3\",\n    kzqmXN: \"xeq5yr9\",\n    $$css: true\n  },\n  dayButton: {\n    kGNEyG: \"x6s0dn4\",\n    kysU6D: \"xjyslct\",\n    kWkggS: \"xnar5hm\",\n    kaIpWk: \"x7c24we\",\n    ksu8eU: \"xng3xce\",\n    kMzoRj: \"xc342km\",\n    kMwMTN: \"x1alews2\",\n    kkrTdU: \"x1ypdohk\",\n    k1xSpc: \"x3nfvp2\",\n    kVVagm: \"xln7xf2\",\n    kZKoxP: \"x1f831s2\",\n    kjj79g: \"xl56j7k\",\n    kI3sdo: \"x1a2a7pz\",\n    kmVPX3: \"x1717udv\",\n    kIyJzY: \"xdshaxz\",\n    k1ekBW: \"xs2xxs2\",\n    kAMwcw: \"xscx6xn\",\n    kzqmXN: \"xh8yej3\",\n    kGzVvX: \"x1o026c7\",\n    kZs9gx: \"x7yqiub\",\n    kiEn40: \"xzvmsi2\",\n    k7shQP: \"x9v5kkp\",\n    kPJHz1: \"x11ci167\",\n    $$css: true\n  },\n  selected: {\n    kWkggS: \"x92qhq\",\n    kaIpWk: \"x7c24we\",\n    kMwMTN: \"x1mij46l\",\n    k63SB2: \"x1v899x5\",\n    kGzVvX: \"xxgou8k\",\n    $$css: true\n  },\n  today: {\n    kWkggS: \"xiqc3qx\",\n    kMwMTN: \"x4uijr7\",\n    k63SB2: \"xq1ytqg\",\n    kGzVvX: \"xi7udla\",\n    $$css: true\n  },\n  outside: {\n    kMwMTN: \"x151gfag\",\n    $$css: true\n  },\n  disabled: {\n    kMwMTN: \"x2rig74\",\n    kkrTdU: \"x1h6gzvc\",\n    $$css: true\n  },\n  rangeMiddle: {\n    kWkggS: \"x1q0pwuq\",\n    kaIpWk: \"x2u8bby\",\n    kMwMTN: \"x1alews2\",\n    $$css: true\n  }\n};\nconst classNames = {\n  button_next: {\n    className: \"x6s0dn4 xjyslct xnar5hm x7c24we xng3xce xc342km x1alews2 x1ypdohk x3nfvp2 x5vhmdc xl56j7k x1a2a7pz x1717udv x10l6tqk xdshaxz xs2xxs2 xscx6xn x1gxsahx x1o026c7 x7yqiub xzvmsi2 x9v5kkp x11ci167 xtijo5x x13vifvy\"\n  }.className,\n  button_previous: {\n    className: \"x6s0dn4 xjyslct xnar5hm x7c24we xng3xce xc342km x1alews2 x1ypdohk x3nfvp2 x5vhmdc xl56j7k x1a2a7pz x1717udv x10l6tqk xdshaxz xs2xxs2 xscx6xn x1gxsahx x1o026c7 x7yqiub xzvmsi2 x9v5kkp x11ci167 x1o0tod x13vifvy\"\n  }.className,\n  caption_label: {\n    className: \"x1v899x5\"\n  }.className,\n  day: {\n    className: \"x1f831s2 x2b8uid\"\n  }.className,\n  chevron: {\n    className: \"x1ulh7el xswfmaf xmkpuva\"\n  }.className,\n  month: {\n    className: \"x1n2onr6 xsywbqq\"\n  }.className,\n  month_caption: {\n    className: \"x6s0dn4 x78zum5 x5vhmdc xl56j7k x1yxks2r\"\n  }.className,\n  month_grid: {\n    className: \"x1mwwwfo x140o2bo xh8yej3\"\n  }.className,\n  months: {\n    className: \"x78zum5 xdt5ytf xdhicxc\"\n  }.className,\n  nav: {\n    className: \"x6s0dn4 x78zum5 x5vhmdc x17y0mx6 x1qughib x10l6tqk x13vifvy\"\n  }.className,\n  week: {\n    className: \"x1f831s2\"\n  }.className,\n  weekday: {\n    className: \"x131ut49 x1v899x5 x5vhmdc x2b8uid\"\n  }.className,\n  weekdays: {\n    className: \"x1ry1pnm\"\n  }.className\n};\nfunction CalendarDayButton(t0) {\n  const $ = _c(19);\n  let children;\n  let modifiers;\n  let props;\n  if ($[0] !== t0) {\n    ({\n      children,\n      modifiers,\n      ...props\n    } = t0);\n    $[0] = t0;\n    $[1] = children;\n    $[2] = modifiers;\n    $[3] = props;\n  } else {\n    children = $[1];\n    modifiers = $[2];\n    props = $[3];\n  }\n  const isSelected = modifiers.range_start || modifiers.range_end || modifiers.selected && !modifiers.range_middle;\n  let t1;\n  if ($[4] !== isSelected || $[5] !== modifiers.disabled || $[6] !== modifiers.outside || $[7] !== modifiers.range_middle || $[8] !== modifiers.selected || $[9] !== modifiers.today) {\n    t1 = stylex.props(styles.dayButton, modifiers.outside && styles.outside, modifiers.range_middle && styles.rangeMiddle, isSelected && styles.selected, modifiers.today && !modifiers.selected && styles.today, modifiers.disabled && styles.disabled);\n    $[4] = isSelected;\n    $[5] = modifiers.disabled;\n    $[6] = modifiers.outside;\n    $[7] = modifiers.range_middle;\n    $[8] = modifiers.selected;\n    $[9] = modifiers.today;\n    $[10] = t1;\n  } else {\n    t1 = $[10];\n  }\n  let t2;\n  if ($[11] === Symbol.for(\"react.memo_cache_sentinel\")) {\n    t2 = {\n      className: \"x1heor9g\"\n    };\n    $[11] = t2;\n  } else {\n    t2 = $[11];\n  }\n  let t3;\n  if ($[12] !== children) {\n    t3 = <span {...t2}>{children}</span>;\n    $[12] = children;\n    $[13] = t3;\n  } else {\n    t3 = $[13];\n  }\n  let t4;\n  if ($[14] !== modifiers || $[15] !== props || $[16] !== t1 || $[17] !== t3) {\n    t4 = <DayButton {...props} modifiers={modifiers} {...t1}>{t3}</DayButton>;\n    $[14] = modifiers;\n    $[15] = props;\n    $[16] = t1;\n    $[17] = t3;\n    $[18] = t4;\n  } else {\n    t4 = $[18];\n  }\n  return t4;\n}\ntype WithoutCalendarStyling<Props> = Props extends unknown ? Omit<Props, \"className\" | \"classNames\" | \"components\" | \"modifiersClassNames\" | \"modifiersStyles\" | \"style\" | \"styles\"> : never;\ntype CalendarDayPickerProps = WithoutCalendarStyling<DayPickerProps>;\nexport type CalendarProps = CalendarDayPickerProps & {\n  xstyle?: stylex.StyleXStyles;\n};\nexport function Calendar(t0) {\n  const $ = _c(12);\n  let props;\n  let t1;\n  let xstyle;\n  if ($[0] !== t0) {\n    ({\n      navLayout: t1,\n      xstyle,\n      ...props\n    } = t0);\n    $[0] = t0;\n    $[1] = props;\n    $[2] = t1;\n    $[3] = xstyle;\n  } else {\n    props = $[1];\n    t1 = $[2];\n    xstyle = $[3];\n  }\n  const navLayout = t1 === undefined ? \"around\" : t1;\n  let t2;\n  if ($[4] !== xstyle) {\n    t2 = stylex.props(styles.root, xstyle);\n    $[4] = xstyle;\n    $[5] = t2;\n  } else {\n    t2 = $[5];\n  }\n  const root = t2;\n  let t3;\n  if ($[6] === Symbol.for(\"react.memo_cache_sentinel\")) {\n    t3 = {\n      DayButton: CalendarDayButton\n    };\n    $[6] = t3;\n  } else {\n    t3 = $[6];\n  }\n  let t4;\n  if ($[7] !== navLayout || $[8] !== props || $[9] !== root.className || $[10] !== root.style) {\n    t4 = <DayPicker {...props} className={root.className} classNames={classNames} components={t3} navLayout={navLayout} style={root.style} />;\n    $[7] = navLayout;\n    $[8] = props;\n    $[9] = root.className;\n    $[10] = root.style;\n    $[11] = t4;\n  } else {\n    t4 = $[11];\n  }\n  return t4;\n}"],
+  "mappings": "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",
+  "names": ["props"]
+}

package/dist/card.d.ts

@@ -3,9 +3,9 @@ import type { ComponentProps } from "react";
 type StyleProps = {
     xstyle?: stylex.StyleXStyles;
 };
-type ElementProps = ComponentProps<"div"> & StyleProps;
-type HeadingProps = ComponentProps<"h3"> & StyleProps;
-type ParagraphProps = ComponentProps<"p"> & StyleProps;
+type ElementProps = Omit<ComponentProps<"div">, "className" | "style"> & StyleProps;
+type HeadingProps = Omit<ComponentProps<"h3">, "className" | "style"> & StyleProps;
+type ParagraphProps = Omit<ComponentProps<"p">, "className" | "style"> & StyleProps;
 export declare function Card({ xstyle, ...props }: ElementProps): import("react").JSX.Element;
 export declare function CardHeader({ xstyle, ...props }: ElementProps): import("react").JSX.Element;
 export declare function CardTitle({ children, xstyle, ...props }: HeadingProps): import("react").JSX.Element;