@bolerish/ui 0.0.0-stage → 0.11.0

package/dist/carousel.js

@@ -0,0 +1,551 @@
+"use client";
+
+// src/carousel.tsx
+import { c as _c } from "react/compiler-runtime";
+import { CaretLeftIcon, CaretRightIcon } from "@phosphor-icons/react";
+import * as stylex from "@stylexjs/stylex";
+import useEmblaCarousel from "embla-carousel-react";
+import { createContext, useLayoutEffect, useRef, useContext, useEffect, useState } from "react";
+import { Button } from "./button.js";
+
+// 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/carousel.tsx
+import { jsx } from "react/jsx-runtime";
+var _temp2 = {
+  "--bolerish-carousel-basis": "x1nbt2zj",
+  "$$css": true
+};
+var styles = {
+  root: {
+    kVAEAm: "x1n2onr6",
+    kzqmXN: "xh8yej3",
+    $$css: true
+  },
+  viewport: {
+    kVQacm: "xb3r6kr",
+    kzqmXN: "xh8yej3",
+    $$css: true
+  },
+  content: {
+    k1xSpc: "x78zum5",
+    kOIVth: "x11wpojy",
+    $$css: true
+  },
+  ratioRoot: {
+    "--bolerish-carousel-gap": "x4qfjn8",
+    $$css: true
+  },
+  ratioItem: (share) => [_temp2, {
+    "--x---bolerish-carousel-basis": `calc((100% - var(--bolerish-carousel-gap, 0px)) * ${share})` != null ? `calc((100% - var(--bolerish-carousel-gap, 0px)) * ${share})` : void 0
+  }],
+  item: {
+    kB7OPa: "x9f619",
+    kUk6DE: "x1otvp5z",
+    kCS8Yb: "xqedpuc",
+    k7Eaqz: "xeuugli",
+    $$css: true
+  },
+  control: {
+    kVAEAm: "x10l6tqk",
+    k87sOh: "x1uifr22",
+    $$css: true
+  },
+  previous: {
+    kLqNvP: "xcqru8p",
+    $$css: true
+  },
+  next: {
+    kt4wiu: "x1oofx0d",
+    $$css: true
+  }
+};
+var CarouselContext = createContext(null);
+function useCarousel() {
+  const context = useContext(CarouselContext);
+  if (!context) {
+    throw new Error("Carousel slots must be rendered inside Carousel.");
+  }
+  return context;
+}
+function Carousel(t0) {
+  const $ = _c(47);
+  let children;
+  let className;
+  let onSelect;
+  let options;
+  let plugins;
+  let props2;
+  let setApi;
+  let slideRatio;
+  let style;
+  let xstyle;
+  if ($[0] !== t0) {
+    ({
+      className,
+      style,
+      children,
+      onSelect,
+      options,
+      plugins,
+      setApi,
+      slideRatio,
+      xstyle,
+      ...props2
+    } = t0);
+    $[0] = t0;
+    $[1] = children;
+    $[2] = className;
+    $[3] = onSelect;
+    $[4] = options;
+    $[5] = plugins;
+    $[6] = props2;
+    $[7] = setApi;
+    $[8] = slideRatio;
+    $[9] = style;
+    $[10] = xstyle;
+  } else {
+    children = $[1];
+    className = $[2];
+    onSelect = $[3];
+    options = $[4];
+    plugins = $[5];
+    props2 = $[6];
+    setApi = $[7];
+    slideRatio = $[8];
+    style = $[9];
+    xstyle = $[10];
+  }
+  let slideShare;
+  if (slideRatio !== void 0) {
+    if (slideRatio.length !== 2 || slideRatio.some(_temp) || !Number.isFinite(slideRatio[0] + slideRatio[1])) {
+      throw new Error("Carousel slideRatio requires two finite positive numbers.");
+    }
+    if (options?.axis === "y") {
+      throw new Error("Carousel slideRatio currently supports horizontal carousels.");
+    }
+    slideShare = slideRatio[0] / (slideRatio[0] + slideRatio[1]);
+  }
+  let t1;
+  if ($[11] !== options || $[12] !== slideRatio) {
+    t1 = slideRatio ? {
+      align: "start",
+      ...options
+    } : options;
+    $[11] = options;
+    $[12] = slideRatio;
+    $[13] = t1;
+  } else {
+    t1 = $[13];
+  }
+  const [viewportRef, api] = useEmblaCarousel(t1, plugins);
+  const [canScrollPrevious, setCanScrollPrevious] = useState(false);
+  const [canScrollNext, setCanScrollNext] = useState(false);
+  const onSelectRef = useRef(onSelect);
+  let t2;
+  let t3;
+  if ($[14] !== onSelect) {
+    t2 = () => {
+      onSelectRef.current = onSelect;
+    };
+    t3 = [onSelect];
+    $[14] = onSelect;
+    $[15] = t2;
+    $[16] = t3;
+  } else {
+    t2 = $[15];
+    t3 = $[16];
+  }
+  useLayoutEffect(t2, t3);
+  let t4;
+  let t5;
+  if ($[17] !== api || $[18] !== setApi) {
+    t4 = () => {
+      if (api) {
+        setApi?.(api);
+      }
+    };
+    t5 = [api, setApi];
+    $[17] = api;
+    $[18] = setApi;
+    $[19] = t4;
+    $[20] = t5;
+  } else {
+    t4 = $[19];
+    t5 = $[20];
+  }
+  useEffect(t4, t5);
+  let t6;
+  let t7;
+  if ($[21] !== api) {
+    t6 = () => {
+      if (!api) {
+        return;
+      }
+      const handleSelection = function handleSelection2(nextApi) {
+        setCanScrollPrevious(nextApi.canScrollPrev());
+        setCanScrollNext(nextApi.canScrollNext());
+        onSelectRef.current?.(nextApi);
+      };
+      api.on("reInit", handleSelection).on("select", handleSelection);
+      const frame = requestAnimationFrame(() => handleSelection(api));
+      return () => {
+        cancelAnimationFrame(frame);
+        api.off("reInit", handleSelection).off("select", handleSelection);
+      };
+    };
+    t7 = [api];
+    $[21] = api;
+    $[22] = t6;
+    $[23] = t7;
+  } else {
+    t6 = $[22];
+    t7 = $[23];
+  }
+  useEffect(t6, t7);
+  let t8;
+  if ($[24] !== api) {
+    t8 = function scrollPrevious2() {
+      api?.scrollPrev();
+    };
+    $[24] = api;
+    $[25] = t8;
+  } else {
+    t8 = $[25];
+  }
+  const scrollPrevious = t8;
+  let t9;
+  if ($[26] !== api) {
+    t9 = function scrollNext2() {
+      api?.scrollNext();
+    };
+    $[26] = api;
+    $[27] = t9;
+  } else {
+    t9 = $[27];
+  }
+  const scrollNext = t9;
+  let t10;
+  if ($[28] !== canScrollNext || $[29] !== canScrollPrevious || $[30] !== scrollNext || $[31] !== scrollPrevious || $[32] !== slideShare || $[33] !== viewportRef) {
+    t10 = {
+      slideShare,
+      canScrollNext,
+      canScrollPrevious,
+      scrollNext,
+      scrollPrevious,
+      viewportRef
+    };
+    $[28] = canScrollNext;
+    $[29] = canScrollPrevious;
+    $[30] = scrollNext;
+    $[31] = scrollPrevious;
+    $[32] = slideShare;
+    $[33] = viewportRef;
+    $[34] = t10;
+  } else {
+    t10 = $[34];
+  }
+  let t11;
+  if ($[35] !== className || $[36] !== slideShare || $[37] !== style || $[38] !== xstyle) {
+    t11 = mergeStyles(stylex.props(styles.root, slideShare !== void 0 && styles.ratioRoot, xstyle), className, style);
+    $[35] = className;
+    $[36] = slideShare;
+    $[37] = style;
+    $[38] = xstyle;
+    $[39] = t11;
+  } else {
+    t11 = $[39];
+  }
+  let t12;
+  if ($[40] !== children || $[41] !== props2 || $[42] !== t11) {
+    t12 = /* @__PURE__ */ jsx("section", { "aria-roledescription": "carousel", ...props2, ...t11, children });
+    $[40] = children;
+    $[41] = props2;
+    $[42] = t11;
+    $[43] = t12;
+  } else {
+    t12 = $[43];
+  }
+  let t13;
+  if ($[44] !== t10 || $[45] !== t12) {
+    t13 = /* @__PURE__ */ jsx(CarouselContext.Provider, { value: t10, children: t12 });
+    $[44] = t10;
+    $[45] = t12;
+    $[46] = t13;
+  } else {
+    t13 = $[46];
+  }
+  return t13;
+}
+function _temp(value) {
+  return !Number.isFinite(value) || value <= 0;
+}
+function CarouselViewport(t0) {
+  const $ = _c(13);
+  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];
+  }
+  const {
+    viewportRef
+  } = useCarousel();
+  let t1;
+  if ($[5] !== className || $[6] !== style || $[7] !== xstyle) {
+    t1 = mergeStyles(stylex.props(styles.viewport, xstyle), className, style);
+    $[5] = className;
+    $[6] = style;
+    $[7] = xstyle;
+    $[8] = t1;
+  } else {
+    t1 = $[8];
+  }
+  let t2;
+  if ($[9] !== props2 || $[10] !== t1 || $[11] !== viewportRef) {
+    t2 = /* @__PURE__ */ jsx("div", { ref: viewportRef, ...props2, ...t1 });
+    $[9] = props2;
+    $[10] = t1;
+    $[11] = viewportRef;
+    $[12] = t2;
+  } else {
+    t2 = $[12];
+  }
+  return t2;
+}
+function CarouselContent(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.content, xstyle), className, style);
+    $[5] = className;
+    $[6] = style;
+    $[7] = xstyle;
+    $[8] = t1;
+  } else {
+    t1 = $[8];
+  }
+  let t2;
+  if ($[9] !== props2 || $[10] !== t1) {
+    t2 = /* @__PURE__ */ jsx("div", { ...props2, ...t1 });
+    $[9] = props2;
+    $[10] = t1;
+    $[11] = t2;
+  } else {
+    t2 = $[11];
+  }
+  return t2;
+}
+function CarouselItem(t0) {
+  const $ = _c(13);
+  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];
+  }
+  const {
+    slideShare
+  } = useCarousel();
+  let t1;
+  if ($[5] !== className || $[6] !== slideShare || $[7] !== style || $[8] !== xstyle) {
+    t1 = mergeStyles(stylex.props(styles.item, slideShare !== void 0 && styles.ratioItem(slideShare), xstyle), className, style);
+    $[5] = className;
+    $[6] = slideShare;
+    $[7] = style;
+    $[8] = xstyle;
+    $[9] = t1;
+  } else {
+    t1 = $[9];
+  }
+  let t2;
+  if ($[10] !== props2 || $[11] !== t1) {
+    t2 = /* @__PURE__ */ jsx("div", { ...props2, ...t1 });
+    $[10] = props2;
+    $[11] = t1;
+    $[12] = t2;
+  } else {
+    t2 = $[12];
+  }
+  return t2;
+}
+function CarouselPrevious(t0) {
+  const $ = _c(12);
+  let disabled;
+  let props2;
+  let xstyle;
+  if ($[0] !== t0) {
+    ({
+      disabled,
+      xstyle,
+      ...props2
+    } = t0);
+    $[0] = t0;
+    $[1] = disabled;
+    $[2] = props2;
+    $[3] = xstyle;
+  } else {
+    disabled = $[1];
+    props2 = $[2];
+    xstyle = $[3];
+  }
+  const {
+    canScrollPrevious,
+    scrollPrevious
+  } = useCarousel();
+  const t1 = disabled ?? !canScrollPrevious;
+  let t2;
+  if ($[4] !== xstyle) {
+    t2 = [styles.control, styles.previous, xstyle];
+    $[4] = xstyle;
+    $[5] = t2;
+  } else {
+    t2 = $[5];
+  }
+  let t3;
+  if ($[6] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t3 = /* @__PURE__ */ jsx(CaretLeftIcon, { "aria-hidden": "true" });
+    $[6] = t3;
+  } else {
+    t3 = $[6];
+  }
+  let t4;
+  if ($[7] !== props2 || $[8] !== scrollPrevious || $[9] !== t1 || $[10] !== t2) {
+    t4 = /* @__PURE__ */ jsx(Button, { "aria-label": "Previous slide", disabled: t1, onClick: scrollPrevious, size: "icon-sm", shape: "circle", variant: "secondary", xstyle: t2, ...props2, children: t3 });
+    $[7] = props2;
+    $[8] = scrollPrevious;
+    $[9] = t1;
+    $[10] = t2;
+    $[11] = t4;
+  } else {
+    t4 = $[11];
+  }
+  return t4;
+}
+function CarouselNext(t0) {
+  const $ = _c(12);
+  let disabled;
+  let props2;
+  let xstyle;
+  if ($[0] !== t0) {
+    ({
+      disabled,
+      xstyle,
+      ...props2
+    } = t0);
+    $[0] = t0;
+    $[1] = disabled;
+    $[2] = props2;
+    $[3] = xstyle;
+  } else {
+    disabled = $[1];
+    props2 = $[2];
+    xstyle = $[3];
+  }
+  const {
+    canScrollNext,
+    scrollNext
+  } = useCarousel();
+  const t1 = disabled ?? !canScrollNext;
+  let t2;
+  if ($[4] !== xstyle) {
+    t2 = [styles.control, styles.next, xstyle];
+    $[4] = xstyle;
+    $[5] = t2;
+  } else {
+    t2 = $[5];
+  }
+  let t3;
+  if ($[6] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t3 = /* @__PURE__ */ jsx(CaretRightIcon, { "aria-hidden": "true" });
+    $[6] = t3;
+  } else {
+    t3 = $[6];
+  }
+  let t4;
+  if ($[7] !== props2 || $[8] !== scrollNext || $[9] !== t1 || $[10] !== t2) {
+    t4 = /* @__PURE__ */ jsx(Button, { "aria-label": "Next slide", disabled: t1, onClick: scrollNext, size: "icon-sm", shape: "circle", variant: "secondary", xstyle: t2, ...props2, children: t3 });
+    $[7] = props2;
+    $[8] = scrollNext;
+    $[9] = t1;
+    $[10] = t2;
+    $[11] = t4;
+  } else {
+    t4 = $[11];
+  }
+  return t4;
+}
+export {
+  Carousel,
+  CarouselContent,
+  CarouselItem,
+  CarouselNext,
+  CarouselPrevious,
+  CarouselViewport
+};
+//# sourceMappingURL=carousel.js.map

package/dist/carousel.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/carousel.tsx", "../src/styles/merge-styles.ts"],
+  "sourcesContent": ["\"use client\";\n\nimport { c as _c } from \"react/compiler-runtime\";\nimport { sizeVars, spacingRoleVars } from \"@bolerish/tokens/semantic.stylex\";\nimport { CaretLeftIcon, CaretRightIcon } from \"@phosphor-icons/react\";\nimport * as stylex from \"@stylexjs/stylex\";\nimport useEmblaCarousel from \"embla-carousel-react\";\nimport { createContext, useLayoutEffect, useRef, useContext, useEffect, useState, type ComponentProps, type ReactNode } from \"react\";\nimport { Button } from \"./button\";\nimport { mergeStyles } from \"./styles/merge-styles\";\nimport type { StyledProps } from \"./styles/merge-styles\";\nconst _temp2 = {\n  \"--bolerish-carousel-basis\": \"x1nbt2zj\",\n  \"$$css\": true\n};\nconst styles = {\n  root: {\n    kVAEAm: \"x1n2onr6\",\n    kzqmXN: \"xh8yej3\",\n    $$css: true\n  },\n  viewport: {\n    kVQacm: \"xb3r6kr\",\n    kzqmXN: \"xh8yej3\",\n    $$css: true\n  },\n  content: {\n    k1xSpc: \"x78zum5\",\n    kOIVth: \"x11wpojy\",\n    $$css: true\n  },\n  ratioRoot: {\n    \"--bolerish-carousel-gap\": \"x4qfjn8\",\n    $$css: true\n  },\n  ratioItem: (share: number) => [_temp2, {\n    \"--x---bolerish-carousel-basis\": `calc((100% - var(--bolerish-carousel-gap, 0px)) * ${share})` != null ? `calc((100% - var(--bolerish-carousel-gap, 0px)) * ${share})` : undefined\n  }],\n  item: {\n    kB7OPa: \"x9f619\",\n    kUk6DE: \"x1otvp5z\",\n    kCS8Yb: \"xqedpuc\",\n    k7Eaqz: \"xeuugli\",\n    $$css: true\n  },\n  control: {\n    kVAEAm: \"x10l6tqk\",\n    k87sOh: \"x1uifr22\",\n    $$css: true\n  },\n  previous: {\n    kLqNvP: \"xcqru8p\",\n    $$css: true\n  },\n  next: {\n    kt4wiu: \"x1oofx0d\",\n    $$css: true\n  }\n};\ntype CarouselApi = ReturnType<typeof useEmblaCarousel>[1];\ntype CarouselOptions = Parameters<typeof useEmblaCarousel>[0];\ntype CarouselPlugins = Parameters<typeof useEmblaCarousel>[1];\ntype CarouselContextValue = {\n  slideShare?: number;\n  canScrollNext: boolean;\n  canScrollPrevious: boolean;\n  scrollNext: () => void;\n  scrollPrevious: () => void;\n  viewportRef: ReturnType<typeof useEmblaCarousel>[0];\n};\nconst CarouselContext = createContext<CarouselContextValue | null>(null);\nfunction useCarousel() {\n  const context = useContext(CarouselContext);\n  if (!context) {\n    throw new Error(\"Carousel slots must be rendered inside Carousel.\");\n  }\n  return context;\n}\nexport type { CarouselApi };\nexport type CarouselProps = StyledProps<ComponentProps<\"section\">> & {\n  children: ReactNode;\n  onSelect?: (api: NonNullable<CarouselApi>) => void;\n  options?: CarouselOptions;\n  plugins?: CarouselPlugins;\n  setApi?: (api: NonNullable<CarouselApi>) => void;\n  /** Current slide : visible neighboring portion, e.g. [70, 20]. Gap is excluded. */\n  slideRatio?: readonly [number, number];\n  xstyle?: stylex.StyleXStyles;\n};\nexport function Carousel(t0) {\n  const $ = _c(47);\n  let children;\n  let className;\n  let onSelect;\n  let options;\n  let plugins;\n  let props;\n  let setApi;\n  let slideRatio;\n  let style;\n  let xstyle;\n  if ($[0] !== t0) {\n    ({\n      className,\n      style,\n      children,\n      onSelect,\n      options,\n      plugins,\n      setApi,\n      slideRatio,\n      xstyle,\n      ...props\n    } = t0);\n    $[0] = t0;\n    $[1] = children;\n    $[2] = className;\n    $[3] = onSelect;\n    $[4] = options;\n    $[5] = plugins;\n    $[6] = props;\n    $[7] = setApi;\n    $[8] = slideRatio;\n    $[9] = style;\n    $[10] = xstyle;\n  } else {\n    children = $[1];\n    className = $[2];\n    onSelect = $[3];\n    options = $[4];\n    plugins = $[5];\n    props = $[6];\n    setApi = $[7];\n    slideRatio = $[8];\n    style = $[9];\n    xstyle = $[10];\n  }\n  let slideShare;\n  if (slideRatio !== undefined) {\n    if (slideRatio.length !== 2 || slideRatio.some(_temp) || !Number.isFinite(slideRatio[0] + slideRatio[1])) {\n      throw new Error(\"Carousel slideRatio requires two finite positive numbers.\");\n    }\n    if (options?.axis === \"y\") {\n      throw new Error(\"Carousel slideRatio currently supports horizontal carousels.\");\n    }\n    slideShare = slideRatio[0] / (slideRatio[0] + slideRatio[1]);\n  }\n  let t1;\n  if ($[11] !== options || $[12] !== slideRatio) {\n    t1 = slideRatio ? {\n      align: \"start\",\n      ...options\n    } : options;\n    $[11] = options;\n    $[12] = slideRatio;\n    $[13] = t1;\n  } else {\n    t1 = $[13];\n  }\n  const [viewportRef, api] = useEmblaCarousel(t1, plugins);\n  const [canScrollPrevious, setCanScrollPrevious] = useState(false);\n  const [canScrollNext, setCanScrollNext] = useState(false);\n  const onSelectRef = useRef(onSelect);\n  let t2;\n  let t3;\n  if ($[14] !== onSelect) {\n    t2 = () => {\n      onSelectRef.current = onSelect;\n    };\n    t3 = [onSelect];\n    $[14] = onSelect;\n    $[15] = t2;\n    $[16] = t3;\n  } else {\n    t2 = $[15];\n    t3 = $[16];\n  }\n  useLayoutEffect(t2, t3);\n  let t4;\n  let t5;\n  if ($[17] !== api || $[18] !== setApi) {\n    t4 = () => {\n      if (api) {\n        setApi?.(api);\n      }\n    };\n    t5 = [api, setApi];\n    $[17] = api;\n    $[18] = setApi;\n    $[19] = t4;\n    $[20] = t5;\n  } else {\n    t4 = $[19];\n    t5 = $[20];\n  }\n  useEffect(t4, t5);\n  let t6;\n  let t7;\n  if ($[21] !== api) {\n    t6 = () => {\n      if (!api) {\n        return;\n      }\n      const handleSelection = function handleSelection(nextApi) {\n        setCanScrollPrevious(nextApi.canScrollPrev());\n        setCanScrollNext(nextApi.canScrollNext());\n        onSelectRef.current?.(nextApi);\n      };\n      api.on(\"reInit\", handleSelection).on(\"select\", handleSelection);\n      const frame = requestAnimationFrame(() => handleSelection(api));\n      return () => {\n        cancelAnimationFrame(frame);\n        api.off(\"reInit\", handleSelection).off(\"select\", handleSelection);\n      };\n    };\n    t7 = [api];\n    $[21] = api;\n    $[22] = t6;\n    $[23] = t7;\n  } else {\n    t6 = $[22];\n    t7 = $[23];\n  }\n  useEffect(t6, t7);\n  let t8;\n  if ($[24] !== api) {\n    t8 = function scrollPrevious() {\n      api?.scrollPrev();\n    };\n    $[24] = api;\n    $[25] = t8;\n  } else {\n    t8 = $[25];\n  }\n  const scrollPrevious = t8;\n  let t9;\n  if ($[26] !== api) {\n    t9 = function scrollNext() {\n      api?.scrollNext();\n    };\n    $[26] = api;\n    $[27] = t9;\n  } else {\n    t9 = $[27];\n  }\n  const scrollNext = t9;\n  let t10;\n  if ($[28] !== canScrollNext || $[29] !== canScrollPrevious || $[30] !== scrollNext || $[31] !== scrollPrevious || $[32] !== slideShare || $[33] !== viewportRef) {\n    t10 = {\n      slideShare,\n      canScrollNext,\n      canScrollPrevious,\n      scrollNext,\n      scrollPrevious,\n      viewportRef\n    };\n    $[28] = canScrollNext;\n    $[29] = canScrollPrevious;\n    $[30] = scrollNext;\n    $[31] = scrollPrevious;\n    $[32] = slideShare;\n    $[33] = viewportRef;\n    $[34] = t10;\n  } else {\n    t10 = $[34];\n  }\n  let t11;\n  if ($[35] !== className || $[36] !== slideShare || $[37] !== style || $[38] !== xstyle) {\n    t11 = mergeStyles(stylex.props(styles.root, slideShare !== undefined && styles.ratioRoot, xstyle), className, style);\n    $[35] = className;\n    $[36] = slideShare;\n    $[37] = style;\n    $[38] = xstyle;\n    $[39] = t11;\n  } else {\n    t11 = $[39];\n  }\n  let t12;\n  if ($[40] !== children || $[41] !== props || $[42] !== t11) {\n    t12 = <section aria-roledescription=\"carousel\" {...props} {...t11}>{children}</section>;\n    $[40] = children;\n    $[41] = props;\n    $[42] = t11;\n    $[43] = t12;\n  } else {\n    t12 = $[43];\n  }\n  let t13;\n  if ($[44] !== t10 || $[45] !== t12) {\n    t13 = <CarouselContext.Provider value={t10}>{t12}</CarouselContext.Provider>;\n    $[44] = t10;\n    $[45] = t12;\n    $[46] = t13;\n  } else {\n    t13 = $[46];\n  }\n  return t13;\n}\nfunction _temp(value) {\n  return !Number.isFinite(value) || value <= 0;\n}\nexport type CarouselContentProps = StyledProps<ComponentProps<\"div\">> & {\n  xstyle?: stylex.StyleXStyles;\n};\nexport function CarouselViewport(t0) {\n  const $ = _c(13);\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  const {\n    viewportRef\n  } = useCarousel();\n  let t1;\n  if ($[5] !== className || $[6] !== style || $[7] !== xstyle) {\n    t1 = mergeStyles(stylex.props(styles.viewport, 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 || $[11] !== viewportRef) {\n    t2 = <div ref={viewportRef} {...props} {...t1} />;\n    $[9] = props;\n    $[10] = t1;\n    $[11] = viewportRef;\n    $[12] = t2;\n  } else {\n    t2 = $[12];\n  }\n  return t2;\n}\nexport function CarouselContent(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.content, 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 = <div {...props} {...t1} />;\n    $[9] = props;\n    $[10] = t1;\n    $[11] = t2;\n  } else {\n    t2 = $[11];\n  }\n  return t2;\n}\nexport type CarouselItemProps = StyledProps<ComponentProps<\"div\">> & {\n  xstyle?: stylex.StyleXStyles;\n};\nexport function CarouselItem(t0) {\n  const $ = _c(13);\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  const {\n    slideShare\n  } = useCarousel();\n  let t1;\n  if ($[5] !== className || $[6] !== slideShare || $[7] !== style || $[8] !== xstyle) {\n    t1 = mergeStyles(stylex.props(styles.item, slideShare !== undefined && styles.ratioItem(slideShare), xstyle), className, style);\n    $[5] = className;\n    $[6] = slideShare;\n    $[7] = style;\n    $[8] = xstyle;\n    $[9] = t1;\n  } else {\n    t1 = $[9];\n  }\n  let t2;\n  if ($[10] !== props || $[11] !== t1) {\n    t2 = <div {...props} {...t1} />;\n    $[10] = props;\n    $[11] = t1;\n    $[12] = t2;\n  } else {\n    t2 = $[12];\n  }\n  return t2;\n}\ntype CarouselControlProps = StyledProps<Omit<ComponentProps<typeof Button>, \"children\" | \"onClick\">>;\nexport function CarouselPrevious(t0) {\n  const $ = _c(12);\n  let disabled;\n  let props;\n  let xstyle;\n  if ($[0] !== t0) {\n    ({\n      disabled,\n      xstyle,\n      ...props\n    } = t0);\n    $[0] = t0;\n    $[1] = disabled;\n    $[2] = props;\n    $[3] = xstyle;\n  } else {\n    disabled = $[1];\n    props = $[2];\n    xstyle = $[3];\n  }\n  const {\n    canScrollPrevious,\n    scrollPrevious\n  } = useCarousel();\n  const t1 = disabled ?? !canScrollPrevious;\n  let t2;\n  if ($[4] !== xstyle) {\n    t2 = [styles.control, styles.previous, xstyle];\n    $[4] = xstyle;\n    $[5] = t2;\n  } else {\n    t2 = $[5];\n  }\n  let t3;\n  if ($[6] === Symbol.for(\"react.memo_cache_sentinel\")) {\n    t3 = <CaretLeftIcon aria-hidden=\"true\" />;\n    $[6] = t3;\n  } else {\n    t3 = $[6];\n  }\n  let t4;\n  if ($[7] !== props || $[8] !== scrollPrevious || $[9] !== t1 || $[10] !== t2) {\n    t4 = <Button aria-label=\"Previous slide\" disabled={t1} onClick={scrollPrevious} size=\"icon-sm\" shape=\"circle\" variant=\"secondary\" xstyle={t2} {...props}>{t3}</Button>;\n    $[7] = props;\n    $[8] = scrollPrevious;\n    $[9] = t1;\n    $[10] = t2;\n    $[11] = t4;\n  } else {\n    t4 = $[11];\n  }\n  return t4;\n}\nexport function CarouselNext(t0) {\n  const $ = _c(12);\n  let disabled;\n  let props;\n  let xstyle;\n  if ($[0] !== t0) {\n    ({\n      disabled,\n      xstyle,\n      ...props\n    } = t0);\n    $[0] = t0;\n    $[1] = disabled;\n    $[2] = props;\n    $[3] = xstyle;\n  } else {\n    disabled = $[1];\n    props = $[2];\n    xstyle = $[3];\n  }\n  const {\n    canScrollNext,\n    scrollNext\n  } = useCarousel();\n  const t1 = disabled ?? !canScrollNext;\n  let t2;\n  if ($[4] !== xstyle) {\n    t2 = [styles.control, styles.next, xstyle];\n    $[4] = xstyle;\n    $[5] = t2;\n  } else {\n    t2 = $[5];\n  }\n  let t3;\n  if ($[6] === Symbol.for(\"react.memo_cache_sentinel\")) {\n    t3 = <CaretRightIcon aria-hidden=\"true\" />;\n    $[6] = t3;\n  } else {\n    t3 = $[6];\n  }\n  let t4;\n  if ($[7] !== props || $[8] !== scrollNext || $[9] !== t1 || $[10] !== t2) {\n    t4 = <Button aria-label=\"Next slide\" disabled={t1} onClick={scrollNext} size=\"icon-sm\" shape=\"circle\" variant=\"secondary\" xstyle={t2} {...props}>{t3}</Button>;\n    $[7] = props;\n    $[8] = scrollNext;\n    $[9] = t1;\n    $[10] = t2;\n    $[11] = t4;\n  } else {\n    t4 = $[11];\n  }\n  return t4;\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", "handleSelection", "scrollPrevious", "scrollNext"]
+}

package/dist/checkbox.d.ts

@@ -0,0 +1,8 @@
+import { Checkbox as CheckboxPrimitive } from "@base-ui/react/checkbox";
+import type { ComponentProps } from "react";
+import type { ControlPlacementStyles } from "./styles/control-layout";
+import type { StyledProps } from "./styles/merge-styles";
+export type CheckboxProps = StyledProps<ComponentProps<typeof CheckboxPrimitive.Root>> & {
+    xstyle?: ControlPlacementStyles;
+};
+export declare function Checkbox({ className, style, xstyle, ...props }: CheckboxProps): import("react").JSX.Element;