@charcoal-ui/react 6.0.0-rc.6 → 6.0.0-rc.8

package/dist/components/Carousel/index2.cjs

@@ -0,0 +1,145 @@
+"use client";
+const require_runtime = require('../../_virtual/_rolldown/runtime.cjs');
+const require_useClassNames = require('../../_lib/useClassNames.cjs');
+const require_index = require('../IconButton/index2.cjs');
+require('./index.cjs');
+const require_CarouselItem = require('./CarouselItem.cjs');
+const require_carouselStore = require('./carouselStore.cjs');
+const require_useCarouselScroller = require('./useCarouselScroller.cjs');
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+let react_aria = require("react-aria");
+
+//#region src/components/Carousel/index.tsx
+const getServerSnapshot = () => require_carouselStore.INITIAL_CAROUSEL_STATE;
+const DEFAULT_SCROLL_STEP = .75;
+const NAV_ICON = {
+	prev: "24/Prev",
+	next: "24/Next"
+};
+const CarouselNavigationButton = ({ direction, canScroll, onScroll }) => {
+	const handleClick = (0, react.useCallback)(() => {
+		onScroll(direction);
+	}, [onScroll, direction]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index.default, {
+		variant: "Overlay",
+		size: "S",
+		icon: NAV_ICON[direction],
+		"aria-label": direction === "prev" ? "Previous" : "Next",
+		disabled: !canScroll,
+		onClick: handleClick,
+		className: "charcoal-carousel__navigation__item",
+		"data-direction": direction,
+		"data-hidden": !canScroll
+	});
+};
+const CarouselIndicatorItem = ({ index, isActive, onSelect }) => {
+	const handleClick = (0, react.useCallback)(() => {
+		onSelect(index);
+	}, [onSelect, index]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+		className: "charcoal-carousel__indicator__item",
+		"data-active": isActive,
+		"aria-current": isActive || void 0,
+		"aria-label": `Go to slide ${index + 1}`,
+		onClick: handleClick
+	});
+};
+const Carousel = (0, react.forwardRef)(function Render({ size = "M", navigationButtons, indicator, hasGradient = false, fullWidth = false, scrollStep = DEFAULT_SCROLL_STEP, scrollSnap, onScroll, onResize, onScrollStateChange, defaultScroll: { align = "left", offset = 0 } = {}, gap, children, ...props }, ref) {
+	const className = require_useClassNames.useClassNames("charcoal-carousel", props.className);
+	const showNavigationButtons = navigationButtons ?? size === "M";
+	const showIndicator = indicator ?? size === "S";
+	const snapType = scrollSnap?.type ?? (size === "S" ? "mandatory" : "none");
+	const snapAlign = scrollSnap?.align ?? "center";
+	const slides = react.Children.toArray(children);
+	const slideKeys = slides.map((slide, i) => (0, react.isValidElement)(slide) && slide.key != null ? slide.key : i);
+	const scrollerRef = (0, react.useRef)(null);
+	const [store] = (0, react.useState)(require_carouselStore.createCarouselStore);
+	const { scrollByStep, onItemResize, resetScroll } = require_useCarouselScroller.useCarouselScroller(scrollerRef, store, slides.length, {
+		align,
+		offset,
+		scrollStep,
+		onScroll,
+		onResize,
+		onScrollStateChange
+	});
+	(0, react.useImperativeHandle)(ref, () => ({ resetScroll }), [resetScroll]);
+	const { activeIndex, canPrev, canNext } = (0, react.useSyncExternalStore)(store.subscribe, store.getSnapshot, getServerSnapshot);
+	const scrollToItem = (0, react.useCallback)((index) => store.dispatch({
+		type: "requestScroll",
+		index
+	}), [store]);
+	const { keyboardProps } = (0, react_aria.useKeyboard)({ onKeyDown: (e) => {
+		if (e.key === "ArrowRight") {
+			e.preventDefault();
+			scrollByStep("next");
+		} else if (e.key === "ArrowLeft") {
+			e.preventDefault();
+			scrollByStep("prev");
+		} else e.continuePropagation();
+	} });
+	const { focusProps: scrollerFocusProps, isFocusVisible: scrollerFocusVisible } = (0, react_aria.useFocusRing)();
+	const { focusProps: rootFocusProps, isFocusVisible: rootFocusVisible } = (0, react_aria.useFocusRing)({ within: true });
+	const gapStyle = (0, react.useMemo)(() => ({ ...gap != null && { "--charcoal-carousel-gap": typeof gap === "number" ? `${gap}px` : gap } }), [gap]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		...rootFocusProps,
+		className,
+		style: gapStyle,
+		"data-size": size,
+		"data-has-gradient": hasGradient,
+		"data-full-width": fullWidth,
+		"data-indicator": showIndicator,
+		"data-scroll-snap-type": snapType,
+		"data-scroll-snap-align": snapAlign,
+		"data-can-prev": canPrev,
+		"data-can-next": canNext,
+		"data-focus-visible-within": rootFocusVisible || void 0,
+		role: "region",
+		"aria-roledescription": "carousel",
+		"aria-label": "Carousel",
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: "charcoal-carousel__viewport",
+			"data-focus-visible": scrollerFocusVisible || void 0,
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				...(0, react_aria.mergeProps)(scrollerFocusProps, keyboardProps),
+				ref: scrollerRef,
+				className: "charcoal-carousel__scroller",
+				tabIndex: 0,
+				children: slides.map((slide, i) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_CarouselItem.CarouselItem, {
+					index: i,
+					store,
+					onResize: onItemResize,
+					children: slide
+				}, slideKeys[i]))
+			}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "charcoal-carousel__navigation",
+				"data-visible": showNavigationButtons,
+				"aria-hidden": !showNavigationButtons,
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(CarouselNavigationButton, {
+					direction: "prev",
+					canScroll: canPrev,
+					onScroll: scrollByStep
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CarouselNavigationButton, {
+					direction: "next",
+					canScroll: canNext,
+					onScroll: scrollByStep
+				})]
+			})]
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			className: "charcoal-carousel__indicator",
+			"data-visible": showIndicator,
+			"aria-hidden": !showIndicator,
+			children: slides.map((_, i) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CarouselIndicatorItem, {
+				index: i,
+				isActive: i === activeIndex,
+				onSelect: scrollToItem
+			}, slideKeys[i]))
+		})]
+	});
+});
+Carousel.displayName = "Carousel";
+var Carousel_default = (0, react.memo)(Carousel);
+
+//#endregion
+exports.default = Carousel_default;
+//# sourceMappingURL=index2.cjs.map

package/dist/components/Carousel/index2.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index2.cjs","names":["Children","forwardRef","isValidElement","memo","useCallback","useImperativeHandle","useMemo","useRef","useState","useSyncExternalStore","CSSProperties","ReactNode","mergeProps","useFocusRing","useKeyboard","useClassNames","IconButton","CarouselItem","CarouselSlide","createCarouselStore","INITIAL_CAROUSEL_STATE","CarouselState","useCarouselScroller","getServerSnapshot","ScrollAlign","ScrollSnapType","ScrollSnapAlign","ScrollSnap","Readonly","type","align","ScrollStepContext","clientWidth","scrollWidth","scrollLeft","direction","ScrollStep","ctx","CarouselHandlerRef","resetScroll","CarouselProps","className","hasGradient","fullWidth","navigationButtons","indicator","size","scrollStep","scrollSnap","onScroll","left","onResize","width","onScrollStateChange","canScroll","defaultScroll","offset","gap","children","Direction","DEFAULT_SCROLL_STEP","NAV_ICON","prev","next","const","NavigationButtonProps","CarouselNavigationButton","handleClick","IndicatorItemProps","index","isActive","onSelect","CarouselIndicatorItem","undefined","Carousel","Render","props","ref","showNavigationButtons","showIndicator","snapType","snapAlign","slides","toArray","slideKeys","map","slide","i","key","scrollerRef","HTMLDivElement","store","scrollByStep","onItemResize","length","activeIndex","canPrev","canNext","subscribe","getSnapshot","scrollToItem","dispatch","keyboardProps","onKeyDown","e","preventDefault","continuePropagation","focusProps","scrollerFocusProps","isFocusVisible","scrollerFocusVisible","rootFocusProps","rootFocusVisible","within","gapStyle","_","displayName"],"sources":["../../../src/components/Carousel/index.tsx"],"sourcesContent":["import './index.css'\n\nimport {\n  Children,\n  forwardRef,\n  isValidElement,\n  memo,\n  useCallback,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n  useState,\n  useSyncExternalStore,\n  type CSSProperties,\n  type ReactNode,\n} from 'react'\nimport { mergeProps, useFocusRing, useKeyboard } from 'react-aria'\nimport { useClassNames } from '../../_lib/useClassNames'\nimport IconButton from '../IconButton'\nimport { CarouselItem as CarouselSlide } from './CarouselItem'\nimport {\n  createCarouselStore,\n  INITIAL_CAROUSEL_STATE,\n  type CarouselState,\n} from './carouselStore'\nimport { useCarouselScroller } from './useCarouselScroller'\n\nconst getServerSnapshot = (): CarouselState => INITIAL_CAROUSEL_STATE\n\nexport type ScrollAlign = 'left' | 'center' | 'right'\n\nexport type ScrollSnapType = 'none' | 'proximity' | 'mandatory'\n\nexport type ScrollSnapAlign = 'center' | 'start'\n\nexport type ScrollSnap = Readonly<{\n  type?: ScrollSnapType\n  align?: ScrollSnapAlign\n}>\n\nexport type ScrollStepContext = Readonly<{\n  clientWidth: number\n  scrollWidth: number\n  scrollLeft: number\n  direction: 'prev' | 'next'\n}>\n\nexport type ScrollStep = number | ((ctx: ScrollStepContext) => number)\n\n// 命令的 API。ref 経由で初期位置へのリセットを公開する（react-sandbox 互換）。\nexport type CarouselHandlerRef = {\n  resetScroll: () => void\n}\n\nexport type CarouselProps = Readonly<{\n  className?: string\n  hasGradient?: boolean\n  fullWidth?: boolean\n  navigationButtons?: boolean\n  indicator?: boolean\n  size?: 'S' | 'M'\n  // 進む量。number は clientWidth に対する比率、function は進む px を直接返す。\n  scrollStep?: ScrollStep\n  // スクロールスナップ。未指定時は size 基準（M=none / S=mandatory）、align=center。\n  // M の none は sandbox 同等に 0.75×表示幅ちょうど進む（スナップで着地を吸着しない）。\n  scrollSnap?: ScrollSnap\n  // react-sandbox 互換のコールバック。\n  onScroll?: (left: number) => void\n  onResize?: (width: number) => void\n  onScrollStateChange?: (canScroll: boolean) => void\n  defaultScroll?: { align?: ScrollAlign; offset?: number }\n  // スライド間隔。number は px、string は CSS 値をそのまま使う。未指定は間隔なし。\n  gap?: number | string\n  // 1 直接子要素 = 1 スライド（react-sandbox 互換）。\n  children: ReactNode\n}>\n\ntype Direction = 'prev' | 'next'\n\nconst DEFAULT_SCROLL_STEP = 0.75\n\nconst NAV_ICON = {\n  prev: '24/Prev',\n  next: '24/Next',\n} as const\n\ntype NavigationButtonProps = Readonly<{\n  direction: Direction\n  canScroll: boolean\n  onScroll: (direction: Direction) => void\n}>\n\nconst CarouselNavigationButton = ({\n  direction,\n  canScroll,\n  onScroll,\n}: NavigationButtonProps) => {\n  const handleClick = useCallback(() => {\n    onScroll(direction)\n  }, [onScroll, direction])\n  return (\n    <IconButton\n      variant=\"Overlay\"\n      size=\"S\"\n      icon={NAV_ICON[direction]}\n      aria-label={direction === 'prev' ? 'Previous' : 'Next'}\n      disabled={!canScroll}\n      onClick={handleClick}\n      className=\"charcoal-carousel__navigation__item\"\n      data-direction={direction}\n      data-hidden={!canScroll}\n    />\n  )\n}\n\ntype IndicatorItemProps = Readonly<{\n  index: number\n  isActive: boolean\n  onSelect: (index: number) => void\n}>\n\nconst CarouselIndicatorItem = ({\n  index,\n  isActive,\n  onSelect,\n}: IndicatorItemProps) => {\n  const handleClick = useCallback(() => {\n    onSelect(index)\n  }, [onSelect, index])\n  return (\n    <button\n      className=\"charcoal-carousel__indicator__item\"\n      data-active={isActive}\n      aria-current={isActive || undefined}\n      aria-label={`Go to slide ${index + 1}`}\n      onClick={handleClick}\n    />\n  )\n}\n\nconst Carousel = forwardRef<CarouselHandlerRef, CarouselProps>(function Render(\n  {\n    size = 'M',\n    navigationButtons,\n    indicator,\n    hasGradient = false,\n    fullWidth = false,\n    scrollStep = DEFAULT_SCROLL_STEP,\n    scrollSnap,\n    onScroll,\n    onResize,\n    onScrollStateChange,\n    defaultScroll: { align = 'left', offset = 0 } = {},\n    gap,\n    children,\n    ...props\n  }: CarouselProps,\n  ref,\n) {\n  const className = useClassNames('charcoal-carousel', props.className)\n  const showNavigationButtons = navigationButtons ?? size === 'M'\n  const showIndicator = indicator ?? size === 'S'\n  const snapType = scrollSnap?.type ?? (size === 'S' ? 'mandatory' : 'none')\n  const snapAlign = scrollSnap?.align ?? 'center'\n\n  // 直接子要素 1 つを 1 スライドとして数える。key は子要素の key を引き継ぐ\n  // （toArray が付与する接頭辞付き key。無ければ index）。\n  const slides = Children.toArray(children)\n  const slideKeys = slides.map((slide, i) =>\n    isValidElement(slide) && slide.key != null ? slide.key : i,\n  )\n\n  const scrollerRef = useRef<HTMLDivElement>(null)\n  const [store] = useState(createCarouselStore)\n\n  const { scrollByStep, onItemResize, resetScroll } = useCarouselScroller(\n    scrollerRef,\n    store,\n    slides.length,\n    { align, offset, scrollStep, onScroll, onResize, onScrollStateChange },\n  )\n\n  useImperativeHandle(ref, () => ({ resetScroll }), [resetScroll])\n\n  const { activeIndex, canPrev, canNext } = useSyncExternalStore(\n    store.subscribe,\n    store.getSnapshot,\n    getServerSnapshot,\n  )\n\n  const scrollToItem = useCallback(\n    (index: number) => store.dispatch({ type: 'requestScroll', index }),\n    [store],\n  )\n\n  // ←/→ でスクロール。コンテナにフォーカスがある時のみ。\n  const { keyboardProps } = useKeyboard({\n    onKeyDown: (e) => {\n      if (e.key === 'ArrowRight') {\n        e.preventDefault()\n        scrollByStep('next')\n      } else if (e.key === 'ArrowLeft') {\n        e.preventDefault()\n        scrollByStep('prev')\n      } else {\n        e.continuePropagation()\n      }\n    },\n  })\n\n  const {\n    focusProps: scrollerFocusProps,\n    isFocusVisible: scrollerFocusVisible,\n  } = useFocusRing()\n\n  // ナビゲーションボタン表示用。クリックで残留したフォーカス（pointer 由来）では\n  // 表示し続けないよう、キーボード由来のフォーカスのみを検知する。\n  const { focusProps: rootFocusProps, isFocusVisible: rootFocusVisible } =\n    useFocusRing({ within: true })\n\n  // gap 宣言自体は index.css 側に置き、ここでは CSS 変数の値だけを注入する。\n  const gapStyle = useMemo(\n    () =>\n      ({\n        ...(gap != null && {\n          '--charcoal-carousel-gap': typeof gap === 'number' ? `${gap}px` : gap,\n        }),\n      }) satisfies CSSProperties,\n    [gap],\n  )\n\n  return (\n    <div\n      {...rootFocusProps}\n      className={className}\n      style={gapStyle}\n      data-size={size}\n      data-has-gradient={hasGradient}\n      data-full-width={fullWidth}\n      data-indicator={showIndicator}\n      data-scroll-snap-type={snapType}\n      data-scroll-snap-align={snapAlign}\n      data-can-prev={canPrev}\n      data-can-next={canNext}\n      data-focus-visible-within={rootFocusVisible || undefined}\n      role=\"region\"\n      aria-roledescription=\"carousel\"\n      aria-label=\"Carousel\"\n    >\n      {/* フォーカスリングは viewport に描く（理由は index.css の同セレクタ参照） */}\n      <div\n        className=\"charcoal-carousel__viewport\"\n        data-focus-visible={scrollerFocusVisible || undefined}\n      >\n        <div\n          {...mergeProps(scrollerFocusProps, keyboardProps)}\n          ref={scrollerRef}\n          className=\"charcoal-carousel__scroller\"\n          tabIndex={0}\n        >\n          {slides.map((slide, i) => (\n            <CarouselSlide\n              key={slideKeys[i]}\n              index={i}\n              store={store}\n              onResize={onItemResize}\n            >\n              {slide}\n            </CarouselSlide>\n          ))}\n        </div>\n\n        <div\n          className=\"charcoal-carousel__navigation\"\n          data-visible={showNavigationButtons}\n          aria-hidden={!showNavigationButtons}\n        >\n          <CarouselNavigationButton\n            direction=\"prev\"\n            canScroll={canPrev}\n            onScroll={scrollByStep}\n          />\n          <CarouselNavigationButton\n            direction=\"next\"\n            canScroll={canNext}\n            onScroll={scrollByStep}\n          />\n        </div>\n      </div>\n\n      <div\n        className=\"charcoal-carousel__indicator\"\n        data-visible={showIndicator}\n        aria-hidden={!showIndicator}\n      >\n        {slides.map((_, i) => (\n          <CarouselIndicatorItem\n            key={slideKeys[i]}\n            index={i}\n            isActive={i === activeIndex}\n            onSelect={scrollToItem}\n          />\n        ))}\n      </div>\n    </div>\n  )\n})\n\nCarousel.displayName = 'Carousel'\n\nexport default memo(Carousel)\n"],"mappings":"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"}

package/dist/components/Carousel/index2.js

@@ -0,0 +1,144 @@
+"use client";
+import { useClassNames } from "../../_lib/useClassNames.js";
+import IconButton from "../IconButton/index2.js";
+/* empty css      */
+import { CarouselItem } from "./CarouselItem.js";
+import { INITIAL_CAROUSEL_STATE, createCarouselStore } from "./carouselStore.js";
+import { useCarouselScroller } from "./useCarouselScroller.js";
+import { Children, forwardRef, isValidElement, memo, useCallback, useImperativeHandle, useMemo, useRef, useState, useSyncExternalStore } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { mergeProps, useFocusRing, useKeyboard } from "react-aria";
+
+//#region src/components/Carousel/index.tsx
+const getServerSnapshot = () => INITIAL_CAROUSEL_STATE;
+const DEFAULT_SCROLL_STEP = .75;
+const NAV_ICON = {
+	prev: "24/Prev",
+	next: "24/Next"
+};
+const CarouselNavigationButton = ({ direction, canScroll, onScroll }) => {
+	const handleClick = useCallback(() => {
+		onScroll(direction);
+	}, [onScroll, direction]);
+	return /* @__PURE__ */ jsx(IconButton, {
+		variant: "Overlay",
+		size: "S",
+		icon: NAV_ICON[direction],
+		"aria-label": direction === "prev" ? "Previous" : "Next",
+		disabled: !canScroll,
+		onClick: handleClick,
+		className: "charcoal-carousel__navigation__item",
+		"data-direction": direction,
+		"data-hidden": !canScroll
+	});
+};
+const CarouselIndicatorItem = ({ index, isActive, onSelect }) => {
+	const handleClick = useCallback(() => {
+		onSelect(index);
+	}, [onSelect, index]);
+	return /* @__PURE__ */ jsx("button", {
+		className: "charcoal-carousel__indicator__item",
+		"data-active": isActive,
+		"aria-current": isActive || void 0,
+		"aria-label": `Go to slide ${index + 1}`,
+		onClick: handleClick
+	});
+};
+const Carousel = forwardRef(function Render({ size = "M", navigationButtons, indicator, hasGradient = false, fullWidth = false, scrollStep = DEFAULT_SCROLL_STEP, scrollSnap, onScroll, onResize, onScrollStateChange, defaultScroll: { align = "left", offset = 0 } = {}, gap, children, ...props }, ref) {
+	const className = useClassNames("charcoal-carousel", props.className);
+	const showNavigationButtons = navigationButtons ?? size === "M";
+	const showIndicator = indicator ?? size === "S";
+	const snapType = scrollSnap?.type ?? (size === "S" ? "mandatory" : "none");
+	const snapAlign = scrollSnap?.align ?? "center";
+	const slides = Children.toArray(children);
+	const slideKeys = slides.map((slide, i) => isValidElement(slide) && slide.key != null ? slide.key : i);
+	const scrollerRef = useRef(null);
+	const [store] = useState(createCarouselStore);
+	const { scrollByStep, onItemResize, resetScroll } = useCarouselScroller(scrollerRef, store, slides.length, {
+		align,
+		offset,
+		scrollStep,
+		onScroll,
+		onResize,
+		onScrollStateChange
+	});
+	useImperativeHandle(ref, () => ({ resetScroll }), [resetScroll]);
+	const { activeIndex, canPrev, canNext } = useSyncExternalStore(store.subscribe, store.getSnapshot, getServerSnapshot);
+	const scrollToItem = useCallback((index) => store.dispatch({
+		type: "requestScroll",
+		index
+	}), [store]);
+	const { keyboardProps } = useKeyboard({ onKeyDown: (e) => {
+		if (e.key === "ArrowRight") {
+			e.preventDefault();
+			scrollByStep("next");
+		} else if (e.key === "ArrowLeft") {
+			e.preventDefault();
+			scrollByStep("prev");
+		} else e.continuePropagation();
+	} });
+	const { focusProps: scrollerFocusProps, isFocusVisible: scrollerFocusVisible } = useFocusRing();
+	const { focusProps: rootFocusProps, isFocusVisible: rootFocusVisible } = useFocusRing({ within: true });
+	const gapStyle = useMemo(() => ({ ...gap != null && { "--charcoal-carousel-gap": typeof gap === "number" ? `${gap}px` : gap } }), [gap]);
+	return /* @__PURE__ */ jsxs("div", {
+		...rootFocusProps,
+		className,
+		style: gapStyle,
+		"data-size": size,
+		"data-has-gradient": hasGradient,
+		"data-full-width": fullWidth,
+		"data-indicator": showIndicator,
+		"data-scroll-snap-type": snapType,
+		"data-scroll-snap-align": snapAlign,
+		"data-can-prev": canPrev,
+		"data-can-next": canNext,
+		"data-focus-visible-within": rootFocusVisible || void 0,
+		role: "region",
+		"aria-roledescription": "carousel",
+		"aria-label": "Carousel",
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: "charcoal-carousel__viewport",
+			"data-focus-visible": scrollerFocusVisible || void 0,
+			children: [/* @__PURE__ */ jsx("div", {
+				...mergeProps(scrollerFocusProps, keyboardProps),
+				ref: scrollerRef,
+				className: "charcoal-carousel__scroller",
+				tabIndex: 0,
+				children: slides.map((slide, i) => /* @__PURE__ */ jsx(CarouselItem, {
+					index: i,
+					store,
+					onResize: onItemResize,
+					children: slide
+				}, slideKeys[i]))
+			}), /* @__PURE__ */ jsxs("div", {
+				className: "charcoal-carousel__navigation",
+				"data-visible": showNavigationButtons,
+				"aria-hidden": !showNavigationButtons,
+				children: [/* @__PURE__ */ jsx(CarouselNavigationButton, {
+					direction: "prev",
+					canScroll: canPrev,
+					onScroll: scrollByStep
+				}), /* @__PURE__ */ jsx(CarouselNavigationButton, {
+					direction: "next",
+					canScroll: canNext,
+					onScroll: scrollByStep
+				})]
+			})]
+		}), /* @__PURE__ */ jsx("div", {
+			className: "charcoal-carousel__indicator",
+			"data-visible": showIndicator,
+			"aria-hidden": !showIndicator,
+			children: slides.map((_, i) => /* @__PURE__ */ jsx(CarouselIndicatorItem, {
+				index: i,
+				isActive: i === activeIndex,
+				onSelect: scrollToItem
+			}, slideKeys[i]))
+		})]
+	});
+});
+Carousel.displayName = "Carousel";
+var Carousel_default = memo(Carousel);
+
+//#endregion
+export { Carousel_default as default };
+//# sourceMappingURL=index2.js.map

package/dist/components/Carousel/index2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index2.js","names":["Children","forwardRef","isValidElement","memo","useCallback","useImperativeHandle","useMemo","useRef","useState","useSyncExternalStore","CSSProperties","ReactNode","mergeProps","useFocusRing","useKeyboard","useClassNames","IconButton","CarouselItem","CarouselSlide","createCarouselStore","INITIAL_CAROUSEL_STATE","CarouselState","useCarouselScroller","getServerSnapshot","ScrollAlign","ScrollSnapType","ScrollSnapAlign","ScrollSnap","Readonly","type","align","ScrollStepContext","clientWidth","scrollWidth","scrollLeft","direction","ScrollStep","ctx","CarouselHandlerRef","resetScroll","CarouselProps","className","hasGradient","fullWidth","navigationButtons","indicator","size","scrollStep","scrollSnap","onScroll","left","onResize","width","onScrollStateChange","canScroll","defaultScroll","offset","gap","children","Direction","DEFAULT_SCROLL_STEP","NAV_ICON","prev","next","const","NavigationButtonProps","CarouselNavigationButton","handleClick","IndicatorItemProps","index","isActive","onSelect","CarouselIndicatorItem","undefined","Carousel","Render","props","ref","showNavigationButtons","showIndicator","snapType","snapAlign","slides","toArray","slideKeys","map","slide","i","key","scrollerRef","HTMLDivElement","store","scrollByStep","onItemResize","length","activeIndex","canPrev","canNext","subscribe","getSnapshot","scrollToItem","dispatch","keyboardProps","onKeyDown","e","preventDefault","continuePropagation","focusProps","scrollerFocusProps","isFocusVisible","scrollerFocusVisible","rootFocusProps","rootFocusVisible","within","gapStyle","_","displayName"],"sources":["../../../src/components/Carousel/index.tsx"],"sourcesContent":["import './index.css'\n\nimport {\n  Children,\n  forwardRef,\n  isValidElement,\n  memo,\n  useCallback,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n  useState,\n  useSyncExternalStore,\n  type CSSProperties,\n  type ReactNode,\n} from 'react'\nimport { mergeProps, useFocusRing, useKeyboard } from 'react-aria'\nimport { useClassNames } from '../../_lib/useClassNames'\nimport IconButton from '../IconButton'\nimport { CarouselItem as CarouselSlide } from './CarouselItem'\nimport {\n  createCarouselStore,\n  INITIAL_CAROUSEL_STATE,\n  type CarouselState,\n} from './carouselStore'\nimport { useCarouselScroller } from './useCarouselScroller'\n\nconst getServerSnapshot = (): CarouselState => INITIAL_CAROUSEL_STATE\n\nexport type ScrollAlign = 'left' | 'center' | 'right'\n\nexport type ScrollSnapType = 'none' | 'proximity' | 'mandatory'\n\nexport type ScrollSnapAlign = 'center' | 'start'\n\nexport type ScrollSnap = Readonly<{\n  type?: ScrollSnapType\n  align?: ScrollSnapAlign\n}>\n\nexport type ScrollStepContext = Readonly<{\n  clientWidth: number\n  scrollWidth: number\n  scrollLeft: number\n  direction: 'prev' | 'next'\n}>\n\nexport type ScrollStep = number | ((ctx: ScrollStepContext) => number)\n\n// 命令的 API。ref 経由で初期位置へのリセットを公開する（react-sandbox 互換）。\nexport type CarouselHandlerRef = {\n  resetScroll: () => void\n}\n\nexport type CarouselProps = Readonly<{\n  className?: string\n  hasGradient?: boolean\n  fullWidth?: boolean\n  navigationButtons?: boolean\n  indicator?: boolean\n  size?: 'S' | 'M'\n  // 進む量。number は clientWidth に対する比率、function は進む px を直接返す。\n  scrollStep?: ScrollStep\n  // スクロールスナップ。未指定時は size 基準（M=none / S=mandatory）、align=center。\n  // M の none は sandbox 同等に 0.75×表示幅ちょうど進む（スナップで着地を吸着しない）。\n  scrollSnap?: ScrollSnap\n  // react-sandbox 互換のコールバック。\n  onScroll?: (left: number) => void\n  onResize?: (width: number) => void\n  onScrollStateChange?: (canScroll: boolean) => void\n  defaultScroll?: { align?: ScrollAlign; offset?: number }\n  // スライド間隔。number は px、string は CSS 値をそのまま使う。未指定は間隔なし。\n  gap?: number | string\n  // 1 直接子要素 = 1 スライド（react-sandbox 互換）。\n  children: ReactNode\n}>\n\ntype Direction = 'prev' | 'next'\n\nconst DEFAULT_SCROLL_STEP = 0.75\n\nconst NAV_ICON = {\n  prev: '24/Prev',\n  next: '24/Next',\n} as const\n\ntype NavigationButtonProps = Readonly<{\n  direction: Direction\n  canScroll: boolean\n  onScroll: (direction: Direction) => void\n}>\n\nconst CarouselNavigationButton = ({\n  direction,\n  canScroll,\n  onScroll,\n}: NavigationButtonProps) => {\n  const handleClick = useCallback(() => {\n    onScroll(direction)\n  }, [onScroll, direction])\n  return (\n    <IconButton\n      variant=\"Overlay\"\n      size=\"S\"\n      icon={NAV_ICON[direction]}\n      aria-label={direction === 'prev' ? 'Previous' : 'Next'}\n      disabled={!canScroll}\n      onClick={handleClick}\n      className=\"charcoal-carousel__navigation__item\"\n      data-direction={direction}\n      data-hidden={!canScroll}\n    />\n  )\n}\n\ntype IndicatorItemProps = Readonly<{\n  index: number\n  isActive: boolean\n  onSelect: (index: number) => void\n}>\n\nconst CarouselIndicatorItem = ({\n  index,\n  isActive,\n  onSelect,\n}: IndicatorItemProps) => {\n  const handleClick = useCallback(() => {\n    onSelect(index)\n  }, [onSelect, index])\n  return (\n    <button\n      className=\"charcoal-carousel__indicator__item\"\n      data-active={isActive}\n      aria-current={isActive || undefined}\n      aria-label={`Go to slide ${index + 1}`}\n      onClick={handleClick}\n    />\n  )\n}\n\nconst Carousel = forwardRef<CarouselHandlerRef, CarouselProps>(function Render(\n  {\n    size = 'M',\n    navigationButtons,\n    indicator,\n    hasGradient = false,\n    fullWidth = false,\n    scrollStep = DEFAULT_SCROLL_STEP,\n    scrollSnap,\n    onScroll,\n    onResize,\n    onScrollStateChange,\n    defaultScroll: { align = 'left', offset = 0 } = {},\n    gap,\n    children,\n    ...props\n  }: CarouselProps,\n  ref,\n) {\n  const className = useClassNames('charcoal-carousel', props.className)\n  const showNavigationButtons = navigationButtons ?? size === 'M'\n  const showIndicator = indicator ?? size === 'S'\n  const snapType = scrollSnap?.type ?? (size === 'S' ? 'mandatory' : 'none')\n  const snapAlign = scrollSnap?.align ?? 'center'\n\n  // 直接子要素 1 つを 1 スライドとして数える。key は子要素の key を引き継ぐ\n  // （toArray が付与する接頭辞付き key。無ければ index）。\n  const slides = Children.toArray(children)\n  const slideKeys = slides.map((slide, i) =>\n    isValidElement(slide) && slide.key != null ? slide.key : i,\n  )\n\n  const scrollerRef = useRef<HTMLDivElement>(null)\n  const [store] = useState(createCarouselStore)\n\n  const { scrollByStep, onItemResize, resetScroll } = useCarouselScroller(\n    scrollerRef,\n    store,\n    slides.length,\n    { align, offset, scrollStep, onScroll, onResize, onScrollStateChange },\n  )\n\n  useImperativeHandle(ref, () => ({ resetScroll }), [resetScroll])\n\n  const { activeIndex, canPrev, canNext } = useSyncExternalStore(\n    store.subscribe,\n    store.getSnapshot,\n    getServerSnapshot,\n  )\n\n  const scrollToItem = useCallback(\n    (index: number) => store.dispatch({ type: 'requestScroll', index }),\n    [store],\n  )\n\n  // ←/→ でスクロール。コンテナにフォーカスがある時のみ。\n  const { keyboardProps } = useKeyboard({\n    onKeyDown: (e) => {\n      if (e.key === 'ArrowRight') {\n        e.preventDefault()\n        scrollByStep('next')\n      } else if (e.key === 'ArrowLeft') {\n        e.preventDefault()\n        scrollByStep('prev')\n      } else {\n        e.continuePropagation()\n      }\n    },\n  })\n\n  const {\n    focusProps: scrollerFocusProps,\n    isFocusVisible: scrollerFocusVisible,\n  } = useFocusRing()\n\n  // ナビゲーションボタン表示用。クリックで残留したフォーカス（pointer 由来）では\n  // 表示し続けないよう、キーボード由来のフォーカスのみを検知する。\n  const { focusProps: rootFocusProps, isFocusVisible: rootFocusVisible } =\n    useFocusRing({ within: true })\n\n  // gap 宣言自体は index.css 側に置き、ここでは CSS 変数の値だけを注入する。\n  const gapStyle = useMemo(\n    () =>\n      ({\n        ...(gap != null && {\n          '--charcoal-carousel-gap': typeof gap === 'number' ? `${gap}px` : gap,\n        }),\n      }) satisfies CSSProperties,\n    [gap],\n  )\n\n  return (\n    <div\n      {...rootFocusProps}\n      className={className}\n      style={gapStyle}\n      data-size={size}\n      data-has-gradient={hasGradient}\n      data-full-width={fullWidth}\n      data-indicator={showIndicator}\n      data-scroll-snap-type={snapType}\n      data-scroll-snap-align={snapAlign}\n      data-can-prev={canPrev}\n      data-can-next={canNext}\n      data-focus-visible-within={rootFocusVisible || undefined}\n      role=\"region\"\n      aria-roledescription=\"carousel\"\n      aria-label=\"Carousel\"\n    >\n      {/* フォーカスリングは viewport に描く（理由は index.css の同セレクタ参照） */}\n      <div\n        className=\"charcoal-carousel__viewport\"\n        data-focus-visible={scrollerFocusVisible || undefined}\n      >\n        <div\n          {...mergeProps(scrollerFocusProps, keyboardProps)}\n          ref={scrollerRef}\n          className=\"charcoal-carousel__scroller\"\n          tabIndex={0}\n        >\n          {slides.map((slide, i) => (\n            <CarouselSlide\n              key={slideKeys[i]}\n              index={i}\n              store={store}\n              onResize={onItemResize}\n            >\n              {slide}\n            </CarouselSlide>\n          ))}\n        </div>\n\n        <div\n          className=\"charcoal-carousel__navigation\"\n          data-visible={showNavigationButtons}\n          aria-hidden={!showNavigationButtons}\n        >\n          <CarouselNavigationButton\n            direction=\"prev\"\n            canScroll={canPrev}\n            onScroll={scrollByStep}\n          />\n          <CarouselNavigationButton\n            direction=\"next\"\n            canScroll={canNext}\n            onScroll={scrollByStep}\n          />\n        </div>\n      </div>\n\n      <div\n        className=\"charcoal-carousel__indicator\"\n        data-visible={showIndicator}\n        aria-hidden={!showIndicator}\n      >\n        {slides.map((_, i) => (\n          <CarouselIndicatorItem\n            key={slideKeys[i]}\n            index={i}\n            isActive={i === activeIndex}\n            onSelect={scrollToItem}\n          />\n        ))}\n      </div>\n    </div>\n  )\n})\n\nCarousel.displayName = 'Carousel'\n\nexport default memo(Carousel)\n"],"mappings":"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"}

package/dist/components/Carousel/intersectionObserver.cjs

@@ -0,0 +1,46 @@
+"use client";
+
+//#region src/components/Carousel/intersectionObserver.ts
+const CENTER_ROOT_MARGIN = "0px -50% 0px -50%";
+const byRoot = /* @__PURE__ */ new Map();
+/**
+* `el` がその親（= scroller）の中央ラインに重なったら `onEnter` を呼ぶ。同一 root の
+* IntersectionObserver を共有する singleton。返り値で監視解除（最後の1つで disconnect）。
+* SSR / 非対応環境では no-op。
+*/
+function observeCenter(el, onEnter) {
+	if (typeof window === "undefined" || typeof IntersectionObserver === "undefined") return () => void 0;
+	const root = el.parentElement;
+	if (!root) return () => void 0;
+	let entry = byRoot.get(root);
+	if (!entry) {
+		const callbacks = /* @__PURE__ */ new Map();
+		entry = {
+			observer: new IntersectionObserver((entries) => {
+				for (const e of entries) if (e.isIntersecting) callbacks.get(e.target)?.();
+			}, {
+				root,
+				rootMargin: CENTER_ROOT_MARGIN,
+				threshold: 0
+			}),
+			callbacks
+		};
+		byRoot.set(root, entry);
+	}
+	entry.callbacks.set(el, onEnter);
+	entry.observer.observe(el);
+	return () => {
+		const e = byRoot.get(root);
+		if (!e) return;
+		e.callbacks.delete(el);
+		e.observer.unobserve(el);
+		if (e.callbacks.size === 0) {
+			e.observer.disconnect();
+			byRoot.delete(root);
+		}
+	};
+}
+
+//#endregion
+exports.observeCenter = observeCenter;
+//# sourceMappingURL=intersectionObserver.cjs.map

package/dist/components/Carousel/intersectionObserver.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"intersectionObserver.cjs","names":["CENTER_ROOT_MARGIN","CenterEntry","observer","IntersectionObserver","callbacks","Map","Element","byRoot","observeCenter","el","HTMLElement","onEnter","window","undefined","root","parentElement","entry","get","entries","e","isIntersecting","target","rootMargin","threshold","set","observe","delete","unobserve","size","disconnect"],"sources":["../../../src/components/Carousel/intersectionObserver.ts"],"sourcesContent":["// 中央検出（左右 50% を除外）。root は item の親（scroller）から導出する。\nconst CENTER_ROOT_MARGIN = '0px -50% 0px -50%'\n\ntype CenterEntry = {\n  observer: IntersectionObserver\n  callbacks: Map<Element, () => void>\n}\n\n// root（= el.parentElement）ごとに observer を1つ共有する。\nconst byRoot = new Map<Element, CenterEntry>()\n\n/**\n * `el` がその親（= scroller）の中央ラインに重なったら `onEnter` を呼ぶ。同一 root の\n * IntersectionObserver を共有する singleton。返り値で監視解除（最後の1つで disconnect）。\n * SSR / 非対応環境では no-op。\n */\nexport function observeCenter(\n  el: HTMLElement,\n  onEnter: () => void,\n): () => void {\n  // window で SSR を弾く。polyfill が global に IntersectionObserver を生やしていても\n  // サーバー上では observe しない。\n  if (\n    typeof window === 'undefined' ||\n    typeof IntersectionObserver === 'undefined'\n  )\n    return () => undefined\n  const root = el.parentElement\n  if (!root) return () => undefined\n\n  let entry = byRoot.get(root)\n  if (!entry) {\n    const callbacks = new Map<Element, () => void>()\n    const observer = new IntersectionObserver(\n      (entries) => {\n        for (const e of entries) {\n          if (e.isIntersecting) callbacks.get(e.target)?.()\n        }\n      },\n      { root, rootMargin: CENTER_ROOT_MARGIN, threshold: 0 },\n    )\n    entry = { observer, callbacks }\n    byRoot.set(root, entry)\n  }\n  entry.callbacks.set(el, onEnter)\n  entry.observer.observe(el)\n\n  return () => {\n    const e = byRoot.get(root)\n    if (!e) return\n    e.callbacks.delete(el)\n    e.observer.unobserve(el)\n    if (e.callbacks.size === 0) {\n      e.observer.disconnect()\n      byRoot.delete(root)\n    }\n  }\n}\n"],"mappings":";;;AACA,MAAMA,qBAAqB;AAQ3B,MAAMO,yBAAS,IAAIF,KAA2B;;;;;;AAO9C,SAAgBG,cACdC,IACAE,SACY;CAGZ,IACE,OAAOC,WAAW,eAClB,OAAOT,yBAAyB,aAEhC,aAAaU;CACf,MAAMC,OAAOL,GAAGM;CAChB,IAAI,CAACD,MAAM,aAAaD;CAExB,IAAIG,QAAQT,OAAOU,IAAIH,KAAK;CAC5B,IAAI,CAACE,OAAO;EACV,MAAMZ,4BAAY,IAAIC,KAA0B;EAShDW,QAAQ;GAAEd,cARWC,sBAClBe,YAAY;IACX,KAAK,MAAMC,KAAKD,SACd,IAAIC,EAAEC,gBAAgBhB,UAAUa,IAAIE,EAAEE,OAAO,IAAI;MAGrD;IAAEP;IAAMQ,YAAYtB;IAAoBuB,WAAW;IACrD,CACkB;GAAEnB;GAAW;EAC/BG,OAAOiB,IAAIV,MAAME,MAAM;;CAEzBA,MAAMZ,UAAUoB,IAAIf,IAAIE,QAAQ;CAChCK,MAAMd,SAASuB,QAAQhB,GAAG;CAE1B,aAAa;EACX,MAAMU,IAAIZ,OAAOU,IAAIH,KAAK;EAC1B,IAAI,CAACK,GAAG;EACRA,EAAEf,UAAUsB,OAAOjB,GAAG;EACtBU,EAAEjB,SAASyB,UAAUlB,GAAG;EACxB,IAAIU,EAAEf,UAAUwB,SAAS,GAAG;GAC1BT,EAAEjB,SAAS2B,YAAY;GACvBtB,OAAOmB,OAAOZ,KAAK"}

package/dist/components/Carousel/intersectionObserver.js

@@ -0,0 +1,45 @@
+"use client";
+//#region src/components/Carousel/intersectionObserver.ts
+const CENTER_ROOT_MARGIN = "0px -50% 0px -50%";
+const byRoot = /* @__PURE__ */ new Map();
+/**
+* `el` がその親（= scroller）の中央ラインに重なったら `onEnter` を呼ぶ。同一 root の
+* IntersectionObserver を共有する singleton。返り値で監視解除（最後の1つで disconnect）。
+* SSR / 非対応環境では no-op。
+*/
+function observeCenter(el, onEnter) {
+	if (typeof window === "undefined" || typeof IntersectionObserver === "undefined") return () => void 0;
+	const root = el.parentElement;
+	if (!root) return () => void 0;
+	let entry = byRoot.get(root);
+	if (!entry) {
+		const callbacks = /* @__PURE__ */ new Map();
+		entry = {
+			observer: new IntersectionObserver((entries) => {
+				for (const e of entries) if (e.isIntersecting) callbacks.get(e.target)?.();
+			}, {
+				root,
+				rootMargin: CENTER_ROOT_MARGIN,
+				threshold: 0
+			}),
+			callbacks
+		};
+		byRoot.set(root, entry);
+	}
+	entry.callbacks.set(el, onEnter);
+	entry.observer.observe(el);
+	return () => {
+		const e = byRoot.get(root);
+		if (!e) return;
+		e.callbacks.delete(el);
+		e.observer.unobserve(el);
+		if (e.callbacks.size === 0) {
+			e.observer.disconnect();
+			byRoot.delete(root);
+		}
+	};
+}
+
+//#endregion
+export { observeCenter };
+//# sourceMappingURL=intersectionObserver.js.map

package/dist/components/Carousel/intersectionObserver.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"intersectionObserver.js","names":["CENTER_ROOT_MARGIN","CenterEntry","observer","IntersectionObserver","callbacks","Map","Element","byRoot","observeCenter","el","HTMLElement","onEnter","window","undefined","root","parentElement","entry","get","entries","e","isIntersecting","target","rootMargin","threshold","set","observe","delete","unobserve","size","disconnect"],"sources":["../../../src/components/Carousel/intersectionObserver.ts"],"sourcesContent":["// 中央検出（左右 50% を除外）。root は item の親（scroller）から導出する。\nconst CENTER_ROOT_MARGIN = '0px -50% 0px -50%'\n\ntype CenterEntry = {\n  observer: IntersectionObserver\n  callbacks: Map<Element, () => void>\n}\n\n// root（= el.parentElement）ごとに observer を1つ共有する。\nconst byRoot = new Map<Element, CenterEntry>()\n\n/**\n * `el` がその親（= scroller）の中央ラインに重なったら `onEnter` を呼ぶ。同一 root の\n * IntersectionObserver を共有する singleton。返り値で監視解除（最後の1つで disconnect）。\n * SSR / 非対応環境では no-op。\n */\nexport function observeCenter(\n  el: HTMLElement,\n  onEnter: () => void,\n): () => void {\n  // window で SSR を弾く。polyfill が global に IntersectionObserver を生やしていても\n  // サーバー上では observe しない。\n  if (\n    typeof window === 'undefined' ||\n    typeof IntersectionObserver === 'undefined'\n  )\n    return () => undefined\n  const root = el.parentElement\n  if (!root) return () => undefined\n\n  let entry = byRoot.get(root)\n  if (!entry) {\n    const callbacks = new Map<Element, () => void>()\n    const observer = new IntersectionObserver(\n      (entries) => {\n        for (const e of entries) {\n          if (e.isIntersecting) callbacks.get(e.target)?.()\n        }\n      },\n      { root, rootMargin: CENTER_ROOT_MARGIN, threshold: 0 },\n    )\n    entry = { observer, callbacks }\n    byRoot.set(root, entry)\n  }\n  entry.callbacks.set(el, onEnter)\n  entry.observer.observe(el)\n\n  return () => {\n    const e = byRoot.get(root)\n    if (!e) return\n    e.callbacks.delete(el)\n    e.observer.unobserve(el)\n    if (e.callbacks.size === 0) {\n      e.observer.disconnect()\n      byRoot.delete(root)\n    }\n  }\n}\n"],"mappings":";;AACA,MAAMA,qBAAqB;AAQ3B,MAAMO,yBAAS,IAAIF,KAA2B;;;;;;AAO9C,SAAgBG,cACdC,IACAE,SACY;CAGZ,IACE,OAAOC,WAAW,eAClB,OAAOT,yBAAyB,aAEhC,aAAaU;CACf,MAAMC,OAAOL,GAAGM;CAChB,IAAI,CAACD,MAAM,aAAaD;CAExB,IAAIG,QAAQT,OAAOU,IAAIH,KAAK;CAC5B,IAAI,CAACE,OAAO;EACV,MAAMZ,4BAAY,IAAIC,KAA0B;EAShDW,QAAQ;GAAEd,cARWC,sBAClBe,YAAY;IACX,KAAK,MAAMC,KAAKD,SACd,IAAIC,EAAEC,gBAAgBhB,UAAUa,IAAIE,EAAEE,OAAO,IAAI;MAGrD;IAAEP;IAAMQ,YAAYtB;IAAoBuB,WAAW;IACrD,CACkB;GAAEnB;GAAW;EAC/BG,OAAOiB,IAAIV,MAAME,MAAM;;CAEzBA,MAAMZ,UAAUoB,IAAIf,IAAIE,QAAQ;CAChCK,MAAMd,SAASuB,QAAQhB,GAAG;CAE1B,aAAa;EACX,MAAMU,IAAIZ,OAAOU,IAAIH,KAAK;EAC1B,IAAI,CAACK,GAAG;EACRA,EAAEf,UAAUsB,OAAOjB,GAAG;EACtBU,EAAEjB,SAASyB,UAAUlB,GAAG;EACxB,IAAIU,EAAEf,UAAUwB,SAAS,GAAG;GAC1BT,EAAEjB,SAAS2B,YAAY;GACvBtB,OAAOmB,OAAOZ,KAAK"}

package/dist/components/Carousel/resizeObserver.cjs

@@ -0,0 +1,34 @@
+"use client";
+
+//#region src/components/Carousel/resizeObserver.ts
+let observer = null;
+const callbacks = /* @__PURE__ */ new Map();
+function getObserver() {
+	if (typeof window === "undefined" || typeof ResizeObserver === "undefined") return null;
+	if (!observer) observer = new ResizeObserver((entries) => {
+		for (const e of entries) callbacks.get(e.target)?.();
+	});
+	return observer;
+}
+/**
+* `el` のサイズ変化で `cb` を呼ぶ。全要素で単一の ResizeObserver を共有する singleton。
+* 返り値で監視解除（最後の1つで disconnect）。SSR / 非対応環境では no-op。
+*/
+function observeResize(el, cb) {
+	const obs = getObserver();
+	if (!obs) return () => void 0;
+	callbacks.set(el, cb);
+	obs.observe(el);
+	return () => {
+		callbacks.delete(el);
+		obs.unobserve(el);
+		if (callbacks.size === 0) {
+			obs.disconnect();
+			observer = null;
+		}
+	};
+}
+
+//#endregion
+exports.observeResize = observeResize;
+//# sourceMappingURL=resizeObserver.cjs.map

package/dist/components/Carousel/resizeObserver.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"resizeObserver.cjs","names":["observer","ResizeObserver","callbacks","Map","Element","getObserver","window","entries","e","get","target","observeResize","el","cb","obs","undefined","set","observe","delete","unobserve","size","disconnect"],"sources":["../../../src/components/Carousel/resizeObserver.ts"],"sourcesContent":["// 全 el で単一の ResizeObserver を共有する singleton。\nlet observer: ResizeObserver | null = null\nconst callbacks = new Map<Element, () => void>()\n\nfunction getObserver(): ResizeObserver | null {\n  // window で SSR を弾く。polyfill が global に ResizeObserver を生やしていても\n  // サーバー上では observe しない。\n  if (typeof window === 'undefined' || typeof ResizeObserver === 'undefined')\n    return null\n  if (!observer) {\n    observer = new ResizeObserver((entries) => {\n      for (const e of entries) callbacks.get(e.target)?.()\n    })\n  }\n  return observer\n}\n\n/**\n * `el` のサイズ変化で `cb` を呼ぶ。全要素で単一の ResizeObserver を共有する singleton。\n * 返り値で監視解除（最後の1つで disconnect）。SSR / 非対応環境では no-op。\n */\nexport function observeResize(el: Element, cb: () => void): () => void {\n  const obs = getObserver()\n  if (!obs) return () => undefined\n  callbacks.set(el, cb)\n  obs.observe(el)\n  return () => {\n    callbacks.delete(el)\n    obs.unobserve(el)\n    if (callbacks.size === 0) {\n      obs.disconnect()\n      observer = null\n    }\n  }\n}\n"],"mappings":";;;AACA,IAAIA,WAAkC;AACtC,MAAME,4BAAY,IAAIC,KAA0B;AAEhD,SAASE,cAAqC;CAG5C,IAAI,OAAOC,WAAW,eAAe,OAAOL,mBAAmB,aAC7D,OAAO;CACT,IAAI,CAACD,UACHA,WAAW,IAAIC,gBAAgBM,YAAY;EACzC,KAAK,MAAMC,KAAKD,SAASL,UAAUO,IAAID,EAAEE,OAAO,IAAI;GACpD;CAEJ,OAAOV;;;;;;AAOT,SAAgBW,cAAcC,IAAaC,IAA4B;CACrE,MAAMC,MAAMT,aAAa;CACzB,IAAI,CAACS,KAAK,aAAaC;CACvBb,UAAUc,IAAIJ,IAAIC,GAAG;CACrBC,IAAIG,QAAQL,GAAG;CACf,aAAa;EACXV,UAAUgB,OAAON,GAAG;EACpBE,IAAIK,UAAUP,GAAG;EACjB,IAAIV,UAAUkB,SAAS,GAAG;GACxBN,IAAIO,YAAY;GAChBrB,WAAW"}

package/dist/components/Carousel/resizeObserver.js

@@ -0,0 +1,33 @@
+"use client";
+//#region src/components/Carousel/resizeObserver.ts
+let observer = null;
+const callbacks = /* @__PURE__ */ new Map();
+function getObserver() {
+	if (typeof window === "undefined" || typeof ResizeObserver === "undefined") return null;
+	if (!observer) observer = new ResizeObserver((entries) => {
+		for (const e of entries) callbacks.get(e.target)?.();
+	});
+	return observer;
+}
+/**
+* `el` のサイズ変化で `cb` を呼ぶ。全要素で単一の ResizeObserver を共有する singleton。
+* 返り値で監視解除（最後の1つで disconnect）。SSR / 非対応環境では no-op。
+*/
+function observeResize(el, cb) {
+	const obs = getObserver();
+	if (!obs) return () => void 0;
+	callbacks.set(el, cb);
+	obs.observe(el);
+	return () => {
+		callbacks.delete(el);
+		obs.unobserve(el);
+		if (callbacks.size === 0) {
+			obs.disconnect();
+			observer = null;
+		}
+	};
+}
+
+//#endregion
+export { observeResize };
+//# sourceMappingURL=resizeObserver.js.map

package/dist/components/Carousel/resizeObserver.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"resizeObserver.js","names":["observer","ResizeObserver","callbacks","Map","Element","getObserver","window","entries","e","get","target","observeResize","el","cb","obs","undefined","set","observe","delete","unobserve","size","disconnect"],"sources":["../../../src/components/Carousel/resizeObserver.ts"],"sourcesContent":["// 全 el で単一の ResizeObserver を共有する singleton。\nlet observer: ResizeObserver | null = null\nconst callbacks = new Map<Element, () => void>()\n\nfunction getObserver(): ResizeObserver | null {\n  // window で SSR を弾く。polyfill が global に ResizeObserver を生やしていても\n  // サーバー上では observe しない。\n  if (typeof window === 'undefined' || typeof ResizeObserver === 'undefined')\n    return null\n  if (!observer) {\n    observer = new ResizeObserver((entries) => {\n      for (const e of entries) callbacks.get(e.target)?.()\n    })\n  }\n  return observer\n}\n\n/**\n * `el` のサイズ変化で `cb` を呼ぶ。全要素で単一の ResizeObserver を共有する singleton。\n * 返り値で監視解除（最後の1つで disconnect）。SSR / 非対応環境では no-op。\n */\nexport function observeResize(el: Element, cb: () => void): () => void {\n  const obs = getObserver()\n  if (!obs) return () => undefined\n  callbacks.set(el, cb)\n  obs.observe(el)\n  return () => {\n    callbacks.delete(el)\n    obs.unobserve(el)\n    if (callbacks.size === 0) {\n      obs.disconnect()\n      observer = null\n    }\n  }\n}\n"],"mappings":";;AACA,IAAIA,WAAkC;AACtC,MAAME,4BAAY,IAAIC,KAA0B;AAEhD,SAASE,cAAqC;CAG5C,IAAI,OAAOC,WAAW,eAAe,OAAOL,mBAAmB,aAC7D,OAAO;CACT,IAAI,CAACD,UACHA,WAAW,IAAIC,gBAAgBM,YAAY;EACzC,KAAK,MAAMC,KAAKD,SAASL,UAAUO,IAAID,EAAEE,OAAO,IAAI;GACpD;CAEJ,OAAOV;;;;;;AAOT,SAAgBW,cAAcC,IAAaC,IAA4B;CACrE,MAAMC,MAAMT,aAAa;CACzB,IAAI,CAACS,KAAK,aAAaC;CACvBb,UAAUc,IAAIJ,IAAIC,GAAG;CACrBC,IAAIG,QAAQL,GAAG;CACf,aAAa;EACXV,UAAUgB,OAAON,GAAG;EACpBE,IAAIK,UAAUP,GAAG;EACjB,IAAIV,UAAUkB,SAAS,GAAG;GACxBN,IAAIO,YAAY;GAChBrB,WAAW"}

package/dist/components/Carousel/store.cjs

@@ -0,0 +1,24 @@
+"use client";
+
+//#region src/components/Carousel/store.ts
+function createStore(reducer, initialState) {
+	let state = initialState;
+	const listeners = /* @__PURE__ */ new Set();
+	return {
+		dispatch(action) {
+			state = reducer(state, action);
+			for (const listener of listeners) listener();
+		},
+		subscribe(listener) {
+			listeners.add(listener);
+			return () => {
+				listeners.delete(listener);
+			};
+		},
+		getSnapshot: () => state
+	};
+}
+
+//#endregion
+exports.createStore = createStore;
+//# sourceMappingURL=store.cjs.map

package/dist/components/Carousel/store.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"store.cjs","names":["Store","Readonly","dispatch","action","Action","subscribe","listener","getSnapshot","State","createStore","reducer","state","initialState","listeners","Set","add","delete"],"sources":["../../../src/components/Carousel/store.ts"],"sourcesContent":["export type Store<State, Action> = Readonly<{\n  dispatch: (action: Action) => void\n  subscribe: (listener: () => void) => () => void\n  getSnapshot: () => State\n}>\n\nexport function createStore<State, Action>(\n  reducer: (state: State, action: Action) => State,\n  initialState: State,\n): Store<State, Action> {\n  let state = initialState\n  const listeners = new Set<() => void>()\n\n  return {\n    dispatch(action) {\n      state = reducer(state, action)\n      for (const listener of listeners) listener()\n    },\n    subscribe(listener) {\n      listeners.add(listener)\n      return () => {\n        listeners.delete(listener)\n      }\n    },\n    getSnapshot: () => state,\n  }\n}\n"],"mappings":";;;AAMA,SAAgBS,YACdC,SACAE,cACsB;CACtB,IAAID,QAAQC;CACZ,MAAMC,4BAAY,IAAIC,KAAiB;CAEvC,OAAO;EACLZ,SAASC,QAAQ;GACfQ,QAAQD,QAAQC,OAAOR,OAAO;GAC9B,KAAK,MAAMG,YAAYO,WAAWP,UAAU;;EAE9CD,UAAUC,UAAU;GAClBO,UAAUE,IAAIT,SAAS;GACvB,aAAa;IACXO,UAAUG,OAAOV,SAAS;;;EAG9BC,mBAAmBI;EACpB"}

package/dist/components/Carousel/store.js

@@ -0,0 +1,23 @@
+"use client";
+//#region src/components/Carousel/store.ts
+function createStore(reducer, initialState) {
+	let state = initialState;
+	const listeners = /* @__PURE__ */ new Set();
+	return {
+		dispatch(action) {
+			state = reducer(state, action);
+			for (const listener of listeners) listener();
+		},
+		subscribe(listener) {
+			listeners.add(listener);
+			return () => {
+				listeners.delete(listener);
+			};
+		},
+		getSnapshot: () => state
+	};
+}
+
+//#endregion
+export { createStore };
+//# sourceMappingURL=store.js.map

package/dist/components/Carousel/store.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"store.js","names":["Store","Readonly","dispatch","action","Action","subscribe","listener","getSnapshot","State","createStore","reducer","state","initialState","listeners","Set","add","delete"],"sources":["../../../src/components/Carousel/store.ts"],"sourcesContent":["export type Store<State, Action> = Readonly<{\n  dispatch: (action: Action) => void\n  subscribe: (listener: () => void) => () => void\n  getSnapshot: () => State\n}>\n\nexport function createStore<State, Action>(\n  reducer: (state: State, action: Action) => State,\n  initialState: State,\n): Store<State, Action> {\n  let state = initialState\n  const listeners = new Set<() => void>()\n\n  return {\n    dispatch(action) {\n      state = reducer(state, action)\n      for (const listener of listeners) listener()\n    },\n    subscribe(listener) {\n      listeners.add(listener)\n      return () => {\n        listeners.delete(listener)\n      }\n    },\n    getSnapshot: () => state,\n  }\n}\n"],"mappings":";;AAMA,SAAgBS,YACdC,SACAE,cACsB;CACtB,IAAID,QAAQC;CACZ,MAAMC,4BAAY,IAAIC,KAAiB;CAEvC,OAAO;EACLZ,SAASC,QAAQ;GACfQ,QAAQD,QAAQC,OAAOR,OAAO;GAC9B,KAAK,MAAMG,YAAYO,WAAWP,UAAU;;EAE9CD,UAAUC,UAAU;GAClBO,UAAUE,IAAIT,SAAS;GACvB,aAAa;IACXO,UAAUG,OAAOV,SAAS;;;EAG9BC,mBAAmBI;EACpB"}