@nuee/ui 0.4.0 → 0.5.0

package/dist/carousel.js

@@ -0,0 +1,427 @@
+"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";
+import { jsx } from "react/jsx-runtime";
+var styles = {
+  root: {
+    kVAEAm: "x1n2onr6",
+    kzqmXN: "xh8yej3",
+    $$css: true
+  },
+  content: {
+    k1xSpc: "x78zum5",
+    $$css: true
+  },
+  item: {
+    kUk6DE: "x1otvp5z",
+    k7Eaqz: "xeuugli",
+    $$css: true
+  },
+  control: {
+    kVAEAm: "x10l6tqk",
+    k87sOh: "x1oye57c",
+    $$css: true
+  },
+  previous: {
+    kLqNvP: "xqj54ik",
+    $$css: true
+  },
+  next: {
+    kt4wiu: "x1inaw36",
+    $$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(37);
+  let children;
+  let onSelect;
+  let options;
+  let plugins;
+  let props2;
+  let setApi;
+  let xstyle;
+  if ($[0] !== t0) {
+    ({
+      children,
+      onSelect,
+      options,
+      plugins,
+      setApi,
+      xstyle,
+      ...props2
+    } = t0);
+    $[0] = t0;
+    $[1] = children;
+    $[2] = onSelect;
+    $[3] = options;
+    $[4] = plugins;
+    $[5] = props2;
+    $[6] = setApi;
+    $[7] = xstyle;
+  } else {
+    children = $[1];
+    onSelect = $[2];
+    options = $[3];
+    plugins = $[4];
+    props2 = $[5];
+    setApi = $[6];
+    xstyle = $[7];
+  }
+  const [viewportRef, api] = useEmblaCarousel(options, plugins);
+  const [canScrollPrevious, setCanScrollPrevious] = useState(false);
+  const [canScrollNext, setCanScrollNext] = useState(false);
+  const onSelectRef = useRef(onSelect);
+  let t1;
+  let t2;
+  if ($[8] !== onSelect) {
+    t1 = () => {
+      onSelectRef.current = onSelect;
+    };
+    t2 = [onSelect];
+    $[8] = onSelect;
+    $[9] = t1;
+    $[10] = t2;
+  } else {
+    t1 = $[9];
+    t2 = $[10];
+  }
+  useLayoutEffect(t1, t2);
+  let t3;
+  let t4;
+  if ($[11] !== api || $[12] !== setApi) {
+    t3 = () => {
+      if (api) {
+        setApi?.(api);
+      }
+    };
+    t4 = [api, setApi];
+    $[11] = api;
+    $[12] = setApi;
+    $[13] = t3;
+    $[14] = t4;
+  } else {
+    t3 = $[13];
+    t4 = $[14];
+  }
+  useEffect(t3, t4);
+  let t5;
+  let t6;
+  if ($[15] !== api) {
+    t5 = () => {
+      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);
+      };
+    };
+    t6 = [api];
+    $[15] = api;
+    $[16] = t5;
+    $[17] = t6;
+  } else {
+    t5 = $[16];
+    t6 = $[17];
+  }
+  useEffect(t5, t6);
+  let t7;
+  if ($[18] !== api) {
+    t7 = function scrollPrevious2() {
+      api?.scrollPrev();
+    };
+    $[18] = api;
+    $[19] = t7;
+  } else {
+    t7 = $[19];
+  }
+  const scrollPrevious = t7;
+  let t8;
+  if ($[20] !== api) {
+    t8 = function scrollNext2() {
+      api?.scrollNext();
+    };
+    $[20] = api;
+    $[21] = t8;
+  } else {
+    t8 = $[21];
+  }
+  const scrollNext = t8;
+  let t9;
+  if ($[22] !== canScrollNext || $[23] !== canScrollPrevious || $[24] !== scrollNext || $[25] !== scrollPrevious || $[26] !== viewportRef) {
+    t9 = {
+      canScrollNext,
+      canScrollPrevious,
+      scrollNext,
+      scrollPrevious,
+      viewportRef
+    };
+    $[22] = canScrollNext;
+    $[23] = canScrollPrevious;
+    $[24] = scrollNext;
+    $[25] = scrollPrevious;
+    $[26] = viewportRef;
+    $[27] = t9;
+  } else {
+    t9 = $[27];
+  }
+  let t10;
+  if ($[28] !== xstyle) {
+    t10 = stylex.props(styles.root, xstyle);
+    $[28] = xstyle;
+    $[29] = t10;
+  } else {
+    t10 = $[29];
+  }
+  let t11;
+  if ($[30] !== children || $[31] !== props2 || $[32] !== t10) {
+    t11 = /* @__PURE__ */ jsx("section", { ...props2, ...t10, children });
+    $[30] = children;
+    $[31] = props2;
+    $[32] = t10;
+    $[33] = t11;
+  } else {
+    t11 = $[33];
+  }
+  let t12;
+  if ($[34] !== t11 || $[35] !== t9) {
+    t12 = /* @__PURE__ */ jsx(CarouselContext.Provider, { value: t9, children: t11 });
+    $[34] = t11;
+    $[35] = t9;
+    $[36] = t12;
+  } else {
+    t12 = $[36];
+  }
+  return t12;
+}
+function CarouselContent(t0) {
+  const $ = _c(14);
+  let children;
+  let props2;
+  let xstyle;
+  if ($[0] !== t0) {
+    ({
+      children,
+      xstyle,
+      ...props2
+    } = t0);
+    $[0] = t0;
+    $[1] = children;
+    $[2] = props2;
+    $[3] = xstyle;
+  } else {
+    children = $[1];
+    props2 = $[2];
+    xstyle = $[3];
+  }
+  const {
+    viewportRef
+  } = useCarousel();
+  let t1;
+  if ($[4] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t1 = {
+      className: "xb3r6kr xh8yej3"
+    };
+    $[4] = t1;
+  } else {
+    t1 = $[4];
+  }
+  let t2;
+  if ($[5] !== xstyle) {
+    t2 = stylex.props(styles.content, xstyle);
+    $[5] = xstyle;
+    $[6] = t2;
+  } else {
+    t2 = $[6];
+  }
+  let t3;
+  if ($[7] !== children || $[8] !== props2 || $[9] !== t2) {
+    t3 = /* @__PURE__ */ jsx("div", { ...props2, ...t2, children });
+    $[7] = children;
+    $[8] = props2;
+    $[9] = t2;
+    $[10] = t3;
+  } else {
+    t3 = $[10];
+  }
+  let t4;
+  if ($[11] !== t3 || $[12] !== viewportRef) {
+    t4 = /* @__PURE__ */ jsx("div", { ref: viewportRef, ...t1, children: t3 });
+    $[11] = t3;
+    $[12] = viewportRef;
+    $[13] = t4;
+  } else {
+    t4 = $[13];
+  }
+  return t4;
+}
+function CarouselItem(t0) {
+  const $ = _c(8);
+  let props2;
+  let xstyle;
+  if ($[0] !== t0) {
+    ({
+      xstyle,
+      ...props2
+    } = t0);
+    $[0] = t0;
+    $[1] = props2;
+    $[2] = xstyle;
+  } else {
+    props2 = $[1];
+    xstyle = $[2];
+  }
+  let t1;
+  if ($[3] !== xstyle) {
+    t1 = stylex.props(styles.item, xstyle);
+    $[3] = xstyle;
+    $[4] = t1;
+  } else {
+    t1 = $[4];
+  }
+  let t2;
+  if ($[5] !== props2 || $[6] !== t1) {
+    t2 = /* @__PURE__ */ jsx("div", { ...props2, ...t1 });
+    $[5] = props2;
+    $[6] = t1;
+    $[7] = t2;
+  } else {
+    t2 = $[7];
+  }
+  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
+};
+//# sourceMappingURL=carousel.js.map

package/dist/carousel.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/carousel.tsx"],
+  "sourcesContent": ["\"use client\";\n\nimport { c as _c } from \"react/compiler-runtime\";\nimport { sizeVars } from \"@nuee/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\";\nconst styles = {\n  root: {\n    kVAEAm: \"x1n2onr6\",\n    kzqmXN: \"xh8yej3\",\n    $$css: true\n  },\n  content: {\n    k1xSpc: \"x78zum5\",\n    $$css: true\n  },\n  item: {\n    kUk6DE: \"x1otvp5z\",\n    k7Eaqz: \"xeuugli\",\n    $$css: true\n  },\n  control: {\n    kVAEAm: \"x10l6tqk\",\n    k87sOh: \"x1oye57c\",\n    $$css: true\n  },\n  previous: {\n    kLqNvP: \"xqj54ik\",\n    $$css: true\n  },\n  next: {\n    kt4wiu: \"x1inaw36\",\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  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 = Omit<ComponentProps<\"section\">, \"className\" | \"style\"> & {\n  children: ReactNode;\n  onSelect?: (api: NonNullable<CarouselApi>) => void;\n  options?: CarouselOptions;\n  plugins?: CarouselPlugins;\n  setApi?: (api: NonNullable<CarouselApi>) => void;\n  xstyle?: stylex.StyleXStyles;\n};\nexport function Carousel(t0) {\n  const $ = _c(37);\n  let children;\n  let onSelect;\n  let options;\n  let plugins;\n  let props;\n  let setApi;\n  let xstyle;\n  if ($[0] !== t0) {\n    ({\n      children,\n      onSelect,\n      options,\n      plugins,\n      setApi,\n      xstyle,\n      ...props\n    } = t0);\n    $[0] = t0;\n    $[1] = children;\n    $[2] = onSelect;\n    $[3] = options;\n    $[4] = plugins;\n    $[5] = props;\n    $[6] = setApi;\n    $[7] = xstyle;\n  } else {\n    children = $[1];\n    onSelect = $[2];\n    options = $[3];\n    plugins = $[4];\n    props = $[5];\n    setApi = $[6];\n    xstyle = $[7];\n  }\n  const [viewportRef, api] = useEmblaCarousel(options, plugins);\n  const [canScrollPrevious, setCanScrollPrevious] = useState(false);\n  const [canScrollNext, setCanScrollNext] = useState(false);\n  const onSelectRef = useRef(onSelect);\n  let t1;\n  let t2;\n  if ($[8] !== onSelect) {\n    t1 = () => {\n      onSelectRef.current = onSelect;\n    };\n    t2 = [onSelect];\n    $[8] = onSelect;\n    $[9] = t1;\n    $[10] = t2;\n  } else {\n    t1 = $[9];\n    t2 = $[10];\n  }\n  useLayoutEffect(t1, t2);\n  let t3;\n  let t4;\n  if ($[11] !== api || $[12] !== setApi) {\n    t3 = () => {\n      if (api) {\n        setApi?.(api);\n      }\n    };\n    t4 = [api, setApi];\n    $[11] = api;\n    $[12] = setApi;\n    $[13] = t3;\n    $[14] = t4;\n  } else {\n    t3 = $[13];\n    t4 = $[14];\n  }\n  useEffect(t3, t4);\n  let t5;\n  let t6;\n  if ($[15] !== api) {\n    t5 = () => {\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    t6 = [api];\n    $[15] = api;\n    $[16] = t5;\n    $[17] = t6;\n  } else {\n    t5 = $[16];\n    t6 = $[17];\n  }\n  useEffect(t5, t6);\n  let t7;\n  if ($[18] !== api) {\n    t7 = function scrollPrevious() {\n      api?.scrollPrev();\n    };\n    $[18] = api;\n    $[19] = t7;\n  } else {\n    t7 = $[19];\n  }\n  const scrollPrevious = t7;\n  let t8;\n  if ($[20] !== api) {\n    t8 = function scrollNext() {\n      api?.scrollNext();\n    };\n    $[20] = api;\n    $[21] = t8;\n  } else {\n    t8 = $[21];\n  }\n  const scrollNext = t8;\n  let t9;\n  if ($[22] !== canScrollNext || $[23] !== canScrollPrevious || $[24] !== scrollNext || $[25] !== scrollPrevious || $[26] !== viewportRef) {\n    t9 = {\n      canScrollNext,\n      canScrollPrevious,\n      scrollNext,\n      scrollPrevious,\n      viewportRef\n    };\n    $[22] = canScrollNext;\n    $[23] = canScrollPrevious;\n    $[24] = scrollNext;\n    $[25] = scrollPrevious;\n    $[26] = viewportRef;\n    $[27] = t9;\n  } else {\n    t9 = $[27];\n  }\n  let t10;\n  if ($[28] !== xstyle) {\n    t10 = stylex.props(styles.root, xstyle);\n    $[28] = xstyle;\n    $[29] = t10;\n  } else {\n    t10 = $[29];\n  }\n  let t11;\n  if ($[30] !== children || $[31] !== props || $[32] !== t10) {\n    t11 = <section {...props} {...t10}>{children}</section>;\n    $[30] = children;\n    $[31] = props;\n    $[32] = t10;\n    $[33] = t11;\n  } else {\n    t11 = $[33];\n  }\n  let t12;\n  if ($[34] !== t11 || $[35] !== t9) {\n    t12 = <CarouselContext.Provider value={t9}>{t11}</CarouselContext.Provider>;\n    $[34] = t11;\n    $[35] = t9;\n    $[36] = t12;\n  } else {\n    t12 = $[36];\n  }\n  return t12;\n}\nexport type CarouselContentProps = Omit<ComponentProps<\"div\">, \"className\" | \"style\"> & {\n  xstyle?: stylex.StyleXStyles;\n};\nexport function CarouselContent(t0) {\n  const $ = _c(14);\n  let children;\n  let props;\n  let xstyle;\n  if ($[0] !== t0) {\n    ({\n      children,\n      xstyle,\n      ...props\n    } = t0);\n    $[0] = t0;\n    $[1] = children;\n    $[2] = props;\n    $[3] = xstyle;\n  } else {\n    children = $[1];\n    props = $[2];\n    xstyle = $[3];\n  }\n  const {\n    viewportRef\n  } = useCarousel();\n  let t1;\n  if ($[4] === Symbol.for(\"react.memo_cache_sentinel\")) {\n    t1 = {\n      className: \"xb3r6kr xh8yej3\"\n    };\n    $[4] = t1;\n  } else {\n    t1 = $[4];\n  }\n  let t2;\n  if ($[5] !== xstyle) {\n    t2 = stylex.props(styles.content, xstyle);\n    $[5] = xstyle;\n    $[6] = t2;\n  } else {\n    t2 = $[6];\n  }\n  let t3;\n  if ($[7] !== children || $[8] !== props || $[9] !== t2) {\n    t3 = <div {...props} {...t2}>{children}</div>;\n    $[7] = children;\n    $[8] = props;\n    $[9] = t2;\n    $[10] = t3;\n  } else {\n    t3 = $[10];\n  }\n  let t4;\n  if ($[11] !== t3 || $[12] !== viewportRef) {\n    t4 = <div ref={viewportRef} {...t1}>{t3}</div>;\n    $[11] = t3;\n    $[12] = viewportRef;\n    $[13] = t4;\n  } else {\n    t4 = $[13];\n  }\n  return t4;\n}\nexport type CarouselItemProps = Omit<ComponentProps<\"div\">, \"className\" | \"style\"> & {\n  xstyle?: stylex.StyleXStyles;\n};\nexport function CarouselItem(t0) {\n  const $ = _c(8);\n  let props;\n  let xstyle;\n  if ($[0] !== t0) {\n    ({\n      xstyle,\n      ...props\n    } = t0);\n    $[0] = t0;\n    $[1] = props;\n    $[2] = xstyle;\n  } else {\n    props = $[1];\n    xstyle = $[2];\n  }\n  let t1;\n  if ($[3] !== xstyle) {\n    t1 = stylex.props(styles.item, xstyle);\n    $[3] = xstyle;\n    $[4] = t1;\n  } else {\n    t1 = $[4];\n  }\n  let t2;\n  if ($[5] !== props || $[6] !== t1) {\n    t2 = <div {...props} {...t1} />;\n    $[5] = props;\n    $[6] = t1;\n    $[7] = t2;\n  } else {\n    t2 = $[7];\n  }\n  return t2;\n}\ntype CarouselControlProps = Omit<ComponentProps<typeof Button>, \"children\" | \"onClick\" | \"className\" | \"style\">;\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}"],
+  "mappings": "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",
+  "names": ["props", "handleSelection", "scrollPrevious", "scrollNext"]
+}

package/dist/checkbox.d.ts

@@ -1,7 +1,7 @@
 import { Checkbox as CheckboxPrimitive } from "@base-ui/react/checkbox";
-import * as stylex from "@stylexjs/stylex";
 import type { ComponentProps } from "react";
-export type CheckboxProps = ComponentProps<typeof CheckboxPrimitive.Root> & {
-    xstyle?: stylex.StyleXStyles;
+import type { ControlPlacementStyles } from "./control-layout";
+export type CheckboxProps = Omit<ComponentProps<typeof CheckboxPrimitive.Root>, "className" | "style"> & {
+    xstyle?: ControlPlacementStyles;
 };
 export declare function Checkbox({ xstyle, ...props }: CheckboxProps): import("react").JSX.Element;

package/dist/checkbox.js

@@ -1,91 +1,11 @@
+"use client";
+
 // src/checkbox.tsx
 import { c as _c } from "react/compiler-runtime";
 import { Checkbox as CheckboxPrimitive } from "@base-ui/react/checkbox";
+import { CheckIcon } from "@phosphor-icons/react";
 import * as stylex from "@stylexjs/stylex";
-
-// src/Icon.tsx
-import {
-  ArrowDownIcon,
-  ArrowSquareOutIcon,
-  ArrowsDownUpIcon,
-  ArrowUpIcon,
-  CalendarIcon,
-  CaretDoubleLeftIcon,
-  CaretDoubleRightIcon,
-  CaretDownIcon,
-  CaretLeftIcon,
-  CaretRightIcon,
-  CaretUpIcon,
-  CaretUpDownIcon,
-  CheckCircleIcon,
-  CheckIcon,
-  ChecksIcon,
-  ClockIcon,
-  ColumnsIcon,
-  CopyIcon,
-  DotsThreeIcon,
-  EyeSlashIcon,
-  FileIcon,
-  FolderIcon,
-  FunnelIcon,
-  GitBranchIcon,
-  InfoIcon,
-  ListIcon,
-  MagnifyingGlassIcon,
-  MicrophoneIcon,
-  PaperclipIcon,
-  DownloadSimpleIcon,
-  StopIcon,
-  WarningIcon,
-  WrenchIcon,
-  XCircleIcon,
-  XIcon
-} from "@phosphor-icons/react";
 import { jsx } from "react/jsx-runtime";
-var iconRegistry = {
-  close: XIcon,
-  chevronDown: CaretDownIcon,
-  chevronLeft: CaretLeftIcon,
-  chevronRight: CaretRightIcon,
-  chevronUp: CaretUpIcon,
-  chevronsLeft: CaretDoubleLeftIcon,
-  chevronsRight: CaretDoubleRightIcon,
-  caretUpDown: CaretUpDownIcon,
-  check: CheckIcon,
-  success: CheckCircleIcon,
-  error: XCircleIcon,
-  warning: WarningIcon,
-  info: InfoIcon,
-  calendar: CalendarIcon,
-  clock: ClockIcon,
-  externalLink: ArrowSquareOutIcon,
-  menu: ListIcon,
-  moreHorizontal: DotsThreeIcon,
-  search: MagnifyingGlassIcon,
-  arrowUp: ArrowUpIcon,
-  arrowDown: ArrowDownIcon,
-  arrowsUpDown: ArrowsDownUpIcon,
-  funnel: FunnelIcon,
-  eyeSlash: EyeSlashIcon,
-  viewColumns: ColumnsIcon,
-  copy: CopyIcon,
-  checkDouble: ChecksIcon,
-  wrench: WrenchIcon,
-  stop: StopIcon,
-  microphone: MicrophoneIcon,
-  folder: FolderIcon,
-  file: FileIcon,
-  paperclip: PaperclipIcon,
-  download: DownloadSimpleIcon,
-  branch: GitBranchIcon
-};
-function Icon({ name, weight = "regular", ...props2 }) {
-  const IconComponent = iconRegistry[name];
-  return /* @__PURE__ */ jsx(IconComponent, { ...props2, weight });
-}
-
-// src/checkbox.tsx
-import { jsx as jsx2 } from "react/jsx-runtime";
 var styles = {
   root: {
     kGNEyG: "x6s0dn4",
@@ -94,17 +14,24 @@ var styles = {
     kaIpWk: "x7c24we",
     ksu8eU: "x1y0btm7",
     kMzoRj: "xzgztj1",
-    kMwMTN: "x1ae0smn",
+    kMwMTN: "x1mij46l",
     kkrTdU: "x1ypdohk",
     k1xSpc: "x3nfvp2",
-    kZKoxP: "xam5rvr",
+    kmuXW: "x2lah0s",
+    kMv6JI: "x1fe00qh",
+    kGuDYH: "x99mhxu",
+    k63SB2: "x1v899x5",
+    kLWn49: "xi1fz51",
+    kZKoxP: "xy4d3ni",
     kjj79g: "xl56j7k",
-    kAzted: "x1rqwxy8",
-    k7Eaqz: "x1vi9356",
+    kAzted: "x3ayk2s",
+    k7Eaqz: "x4gews3",
     kI3sdo: "x1a2a7pz",
     kIyJzY: "xdshaxz",
     k1ekBW: "x16ab8w3",
-    kzqmXN: "xp8d6y2",
+    kAMwcw: "xscx6xn",
+    kzqmXN: "x1mu33zv",
+    kgeoSG: "x12vebyb",
     kZs9gx: "x7yqiub",
     kiEn40: "xzvmsi2",
     k7shQP: "x9v5kkp",
@@ -118,16 +45,14 @@ var styles = {
     $$css: true
   },
   disabled: {
-    kWkggS: "x1fdj243",
-    kVAM5u: "x13xm7is",
-    kMwMTN: "x2rig74",
     kkrTdU: "x1h6gzvc",
-    kGzVvX: "x1ty4m2n",
+    kSiTet: "x1l4zsnz",
+    kGzVvX: "xn0v8co",
     $$css: true
   }
 };
 function Checkbox(t0) {
-  const $ = _c(11);
+  const $ = _c(13);
   let props2;
   let xstyle;
   if ($[0] !== t0) {
@@ -143,41 +68,46 @@ function Checkbox(t0) {
     xstyle = $[2];
   }
   let t1;
-  let t2;
   if ($[3] !== xstyle) {
-    t1 = (state) => {
-      const stylexProps = stylex.props(styles.root, xstyle, state.checked && styles.checked, state.disabled && styles.disabled);
-      return stylexProps.className;
-    };
-    t2 = (state_0) => {
-      const stylexProps_0 = stylex.props(styles.root, xstyle, state_0.checked && styles.checked, state_0.disabled && styles.disabled);
-      return stylexProps_0.style;
+    t1 = function getRootStyles2(state) {
+      return stylex.props(styles.root, xstyle, state.checked && styles.checked, state.disabled && styles.disabled);
     };
     $[3] = xstyle;
     $[4] = t1;
-    $[5] = t2;
   } else {
     t1 = $[4];
-    t2 = $[5];
   }
+  const getRootStyles = t1;
+  let t2;
   let t3;
-  if ($[6] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t3 = /* @__PURE__ */ jsx2(CheckboxPrimitive.Indicator, { className: "x6s0dn4 x3nfvp2 x5yr21d xl56j7k xh8yej3", children: /* @__PURE__ */ jsx2(Icon, { "aria-hidden": "true", name: "check", weight: "bold" }) });
-    $[6] = t3;
+  if ($[5] !== getRootStyles) {
+    t2 = (state_0) => getRootStyles(state_0).className;
+    t3 = (state_1) => getRootStyles(state_1).style;
+    $[5] = getRootStyles;
+    $[6] = t2;
+    $[7] = t3;
   } else {
-    t3 = $[6];
+    t2 = $[6];
+    t3 = $[7];
   }
   let t4;
-  if ($[7] !== props2 || $[8] !== t1 || $[9] !== t2) {
-    t4 = /* @__PURE__ */ jsx2(CheckboxPrimitive.Root, { ...props2, className: t1, style: t2, children: t3 });
-    $[7] = props2;
-    $[8] = t1;
-    $[9] = t2;
-    $[10] = t4;
+  if ($[8] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t4 = /* @__PURE__ */ jsx(CheckboxPrimitive.Indicator, { className: "x6s0dn4 x3nfvp2 x5yr21d xl56j7k xh8yej3", children: /* @__PURE__ */ jsx(CheckIcon, { "aria-hidden": "true", weight: "bold" }) });
+    $[8] = t4;
+  } else {
+    t4 = $[8];
+  }
+  let t5;
+  if ($[9] !== props2 || $[10] !== t2 || $[11] !== t3) {
+    t5 = /* @__PURE__ */ jsx(CheckboxPrimitive.Root, { ...props2, className: t2, style: t3, children: t4 });
+    $[9] = props2;
+    $[10] = t2;
+    $[11] = t3;
+    $[12] = t5;
   } else {
-    t4 = $[10];
+    t5 = $[12];
   }
-  return t4;
+  return t5;
 }
 export {
   Checkbox