@cerberus-design/react/build/modern/chunk-RJTFRZAL.js

The Cerberus Design React component library.

import {
  For
} from "./chunk-D2TQPEZQ.js";
import {
  CarouselParts
} from "./chunk-VVZOWCNQ.js";
import {
  Show
} from "./chunk-NUXMADXV.js";

// src/components/carousel/carousel.tsx
import { jsx, jsxs } from "react/jsx-runtime";
function CarouselEl(props) {
  const { showIndicators = false, children, ...rootProps } = props;
  return /* @__PURE__ */ jsxs(CarouselParts.Root, { ...rootProps, children: [
    children,
    /* @__PURE__ */ jsx(Show, { when: showIndicators, children: /* @__PURE__ */ jsx(CarouselParts.IndicatorGroup, { children: /* @__PURE__ */ jsx(For, { each: Array.from({ length: props.slideCount ?? 0 }), children: (_, idx) => /* @__PURE__ */ jsx(CarouselParts.Indicator, { index: idx }, idx) }) }) })
  ] });
}
var Carousel = {
  Root: CarouselEl,
  ItemGroup: CarouselParts.ItemGroup,
  Item: CarouselParts.Item,
  Control: CarouselParts.Control,
  PrevTrigger: CarouselParts.PrevTrigger,
  NextTrigger: CarouselParts.NextTrigger
};

export {
  Carousel
};
//# sourceMappingURL=chunk-RJTFRZAL.js.map