@charcoal-ui/react 6.0.0-rc.9 → 6.0.0

package/dist/_lib/compat.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"compat.d.ts","sourceRoot":"","sources":["../../src/_lib/compat.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B;;;;;;GAMG;AACH,MAAM,WAAW,2BAA2B,CAAC,CAAC,GAAG,OAAO;IACtD,QAAQ,CAAC,MAAM,CAAC,EAAE,KAAK,CAAC,qBAAqB,CAAC,CAAC,CAAC,CAAA;IAChD,QAAQ,CAAC,OAAO,CAAC,EAAE,KAAK,CAAC,qBAAqB,CAAC,CAAC,CAAC,CAAA;IACjD,QAAQ,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,qBAAqB,CAAC,CAAC,CAAC,CAAA;IAC/C,QAAQ,CAAC,kBAAkB,CAAC,EAAE,KAAK,CAAC,uBAAuB,CAAC,CAAC,CAAC,CAAA;IAC9D,QAAQ,CAAC,gBAAgB,CAAC,EAAE,KAAK,CAAC,uBAAuB,CAAC,CAAC,CAAC,CAAA;IAC5D,QAAQ,CAAC,mBAAmB,CAAC,EAAE,KAAK,CAAC,uBAAuB,CAAC,CAAC,CAAC,CAAA;IAC/D,QAAQ,CAAC,QAAQ,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAA;IAC9C,QAAQ,CAAC,aAAa,CAAC,EAAE,KAAK,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAA;IAClD,QAAQ,CAAC,OAAO,CAAC,EAAE,KAAK,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAA;IAC5C,QAAQ,CAAC,cAAc,CAAC,EACpB,MAAM,GACN,IAAI,GACJ,KAAK,GACL,WAAW,GACX,OAAO,GACP,YAAY,GACZ,SAAS,CAAA;CACd"}
+{"version":3,"file":"compat.d.ts","sourceRoot":"","sources":["../../src/_lib/compat.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B;;;;;;GAMG;AACH,MAAM,WAAW,2BAA2B,CAAC,CAAC,GAAG,OAAO;IACtD,QAAQ,CAAC,MAAM,CAAC,EAAE,KAAK,CAAC,qBAAqB,CAAC,CAAC,CAAC,CAAA;IAChD,QAAQ,CAAC,OAAO,CAAC,EAAE,KAAK,CAAC,qBAAqB,CAAC,CAAC,CAAC,CAAA;IACjD,QAAQ,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,qBAAqB,CAAC,CAAC,CAAC,CAAA;IAC/C,QAAQ,CAAC,kBAAkB,CAAC,EAAE,KAAK,CAAC,uBAAuB,CAAC,CAAC,CAAC,CAAA;IAC9D,QAAQ,CAAC,gBAAgB,CAAC,EAAE,KAAK,CAAC,uBAAuB,CAAC,CAAC,CAAC,CAAA;IAC5D,QAAQ,CAAC,mBAAmB,CAAC,EAAE,KAAK,CAAC,uBAAuB,CAAC,CAAC,CAAC,CAAA;IAC/D,QAAQ,CAAC,QAAQ,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAA;IAC9C,QAAQ,CAAC,aAAa,CAAC,EAAE,KAAK,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAA;IAClD,QAAQ,CAAC,OAAO,CAAC,EAAE,KAAK,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAA;IAC5C,QAAQ,CAAC,cAAc,CAAC,EACtB,MAAM,GAAG,IAAI,GAAG,KAAK,GAAG,WAAW,GAAG,OAAO,GAAG,YAAY,GAAG,SAAS,CAAA;CAC3E"}

package/dist/_lib/createDivComponent.cjs

@@ -1,5 +1,4 @@
 "use client";
-const require_runtime = require('../_virtual/_rolldown/runtime.cjs');
 const require_useClassNames = require('./useClassNames.cjs');
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");

package/dist/_lib/createDivComponent.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"createDivComponent.cjs","names":["forwardRef","useClassNames","createDivComponent","mainClassName","HTMLDivElement","React","ComponentPropsWithRef","DivComponent","className","props","ref","classNames"],"sources":["../../src/_lib/createDivComponent.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { useClassNames } from './useClassNames'\n\nexport function createDivComponent(mainClassName: string) {\n  return forwardRef<HTMLDivElement, React.ComponentPropsWithRef<'div'>>(\n    function DivComponent({ className, ...props }, ref) {\n      const classNames = useClassNames(mainClassName, className)\n      return <div className={classNames} ref={ref} {...props} />\n    },\n  )\n}\n"],"mappings":";;;;;;;AAGA,SAAgBE,mBAAmBC,eAAuB;CACxD,6BACE,SAASI,aAAa,EAAEC,WAAW,GAAGC,SAASC,KAAK;EAElD,OAAO,2CAAC,OAAD;GAAK,WADOT,oCAAcE,eAAeK,UACf;GAAOE;GAAK,GAAID;GAAS;GAE7D"}
+{"version":3,"file":"createDivComponent.cjs","names":[],"sources":["../../src/_lib/createDivComponent.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { useClassNames } from './useClassNames'\n\nexport function createDivComponent(mainClassName: string) {\n  return forwardRef<HTMLDivElement, React.ComponentPropsWithRef<'div'>>(\n    function DivComponent({ className, ...props }, ref) {\n      const classNames = useClassNames(mainClassName, className)\n      return <div className={classNames} ref={ref} {...props} />\n    },\n  )\n}\n"],"mappings":";;;;;;AAGA,SAAgB,mBAAmB,eAAuB;CACxD,6BACE,SAAS,aAAa,EAAE,WAAW,GAAG,SAAS,KAAK;EAElD,OAAO,2CAAC,OAAD;GAAK,WADO,oCAAc,eAAe,SACzB;GAAiB;GAAK,GAAI;EAAM;CACzD,CACF;AACF"}

package/dist/_lib/createDivComponent.d.ts

@@ -1,4 +1,4 @@
 export declare function createDivComponent(mainClassName: string): import("react").ForwardRefExoticComponent<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
+    ref?: import("react").RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | null | undefined;
 }, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
 //# sourceMappingURL=createDivComponent.d.ts.map

package/dist/_lib/createDivComponent.js.map

@@ -1 +1 @@
-{"version":3,"file":"createDivComponent.js","names":["forwardRef","useClassNames","createDivComponent","mainClassName","HTMLDivElement","React","ComponentPropsWithRef","DivComponent","className","props","ref","classNames"],"sources":["../../src/_lib/createDivComponent.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { useClassNames } from './useClassNames'\n\nexport function createDivComponent(mainClassName: string) {\n  return forwardRef<HTMLDivElement, React.ComponentPropsWithRef<'div'>>(\n    function DivComponent({ className, ...props }, ref) {\n      const classNames = useClassNames(mainClassName, className)\n      return <div className={classNames} ref={ref} {...props} />\n    },\n  )\n}\n"],"mappings":";;;;;;AAGA,SAAgBE,mBAAmBC,eAAuB;CACxD,OAAOH,WACL,SAASO,aAAa,EAAEC,WAAW,GAAGC,SAASC,KAAK;EAElD,OAAO,oBAAC,OAAD;GAAK,WADOT,cAAcE,eAAeK,UACf;GAAOE;GAAK,GAAID;GAAS;GAE7D"}
+{"version":3,"file":"createDivComponent.js","names":[],"sources":["../../src/_lib/createDivComponent.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { useClassNames } from './useClassNames'\n\nexport function createDivComponent(mainClassName: string) {\n  return forwardRef<HTMLDivElement, React.ComponentPropsWithRef<'div'>>(\n    function DivComponent({ className, ...props }, ref) {\n      const classNames = useClassNames(mainClassName, className)\n      return <div className={classNames} ref={ref} {...props} />\n    },\n  )\n}\n"],"mappings":";;;;;;AAGA,SAAgB,mBAAmB,eAAuB;CACxD,OAAO,WACL,SAAS,aAAa,EAAE,WAAW,GAAG,SAAS,KAAK;EAElD,OAAO,oBAAC,OAAD;GAAK,WADO,cAAc,eAAe,SACzB;GAAiB;GAAK,GAAI;EAAM;CACzD,CACF;AACF"}

package/dist/_lib/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","names":["unreachable","value","Error","arguments","length","JSON","stringify","mergeRefs","refs","React","Ref","T","RefCallback","ref","MutableRefObject","current","countCodePointsInString","string","Array","from"],"sources":["../../src/_lib/index.ts"],"sourcesContent":["/**\n * 今後ポートされる予定の汎用的な関数群\n */\n\n/**\n * Function used to assert a given code path is unreachable\n */\nexport function unreachable(): never\n/**\n * Function used to assert a given code path is unreachable.\n * Very useful for ensuring switches are exhaustive:\n *\n * ```ts\n * switch (a.type) {\n *   case Types.A:\n *   case Types.B:\n *     break\n *   default:\n *     unreachable(a) // will cause a build error if there was\n *                    // a Types.C that was not checked\n * }\n * ```\n *\n * @param value Value to be asserted as unreachable\n */\n// NOTE: Uses separate overloads, _not_ `value?: never`, to not allow `undefined` to be passed\n\nexport function unreachable(value: never): never\nexport function unreachable(value?: never): never {\n  throw new Error(\n    arguments.length === 0\n      ? 'unreachable'\n      : `unreachable (${JSON.stringify(value)})`,\n  )\n}\n\n/**\n * 複数のrefをマージする。\n *\n * forwardRefで受け取ったrefと、コンポーネント内で定義したrefを同じ要素につけたいケースなどで使う\n */\nexport function mergeRefs<T>(...refs: React.Ref<T>[]): React.RefCallback<T> {\n  return (value) => {\n    for (const ref of refs) {\n      if (typeof ref === 'function') {\n        ref(value)\n      } else if (ref !== null) {\n        // TODO: use RefObject\n        // https://react.dev/blog/2024/04/25/react-19-upgrade-guide#:~:text=%3D%201%3B-,MutableRef,-is%20now%20deprecated\n        ;(ref as React.MutableRefObject<T | null>).current = value\n      }\n    }\n  }\n}\n\nexport function countCodePointsInString(string: string) {\n  // [...string] とするとproduction buildで動かなくなる\n  // cf. https://twitter.com/f_subal/status/1497214727511891972\n  return Array.from(string).length\n}\n"],"mappings":";;;;;;;;AAyCA,SAAgBO,UAAa,GAAGC,MAA4C;CAC1E,QAAQP,UAAU;EAChB,KAAK,MAAMY,OAAOL,MAChB,IAAI,OAAOK,QAAQ,YACjBA,IAAIZ,MAAM;OACL,IAAIY,QAAQ,MAGhB,AAACA,IAAyCE,UAAUd;;;AAM7D,SAAgBe,wBAAwBC,QAAgB;CAGtD,OAAOC,MAAMC,KAAKF,OAAO,CAACb"}
+{"version":3,"file":"index.cjs","names":[],"sources":["../../src/_lib/index.ts"],"sourcesContent":["/**\n * 今後ポートされる予定の汎用的な関数群\n */\n\n/**\n * Function used to assert a given code path is unreachable\n */\nexport function unreachable(): never\n/**\n * Function used to assert a given code path is unreachable.\n * Very useful for ensuring switches are exhaustive:\n *\n * ```ts\n * switch (a.type) {\n *   case Types.A:\n *   case Types.B:\n *     break\n *   default:\n *     unreachable(a) // will cause a build error if there was\n *                    // a Types.C that was not checked\n * }\n * ```\n *\n * @param value Value to be asserted as unreachable\n */\n// NOTE: Uses separate overloads, _not_ `value?: never`, to not allow `undefined` to be passed\n\nexport function unreachable(value: never): never\nexport function unreachable(value?: never): never {\n  throw new Error(\n    arguments.length === 0\n      ? 'unreachable'\n      : `unreachable (${JSON.stringify(value)})`,\n  )\n}\n\n/**\n * 複数のrefをマージする。\n *\n * forwardRefで受け取ったrefと、コンポーネント内で定義したrefを同じ要素につけたいケースなどで使う\n */\nexport function mergeRefs<T>(...refs: React.Ref<T>[]): React.RefCallback<T> {\n  return (value) => {\n    for (const ref of refs) {\n      if (typeof ref === 'function') {\n        ref(value)\n      } else if (ref !== null) {\n        // TODO: use RefObject\n        // https://react.dev/blog/2024/04/25/react-19-upgrade-guide#:~:text=%3D%201%3B-,MutableRef,-is%20now%20deprecated\n        ;(ref as React.MutableRefObject<T | null>).current = value\n      }\n    }\n  }\n}\n\nexport function countCodePointsInString(string: string) {\n  // [...string] とするとproduction buildで動かなくなる\n  // cf. https://twitter.com/f_subal/status/1497214727511891972\n  return Array.from(string).length\n}\n"],"mappings":";;;;;;;;AAyCA,SAAgB,UAAa,GAAG,MAA4C;CAC1E,QAAQ,UAAU;EAChB,KAAK,MAAM,OAAO,MAChB,IAAI,OAAO,QAAQ,YACjB,IAAI,KAAK;OACJ,IAAI,QAAQ,MAGhB,AAAC,IAAyC,UAAU;CAG3D;AACF;AAEA,SAAgB,wBAAwB,QAAgB;CAGtD,OAAO,MAAM,KAAK,MAAM,CAAC,CAAC;AAC5B"}

package/dist/_lib/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["unreachable","value","Error","arguments","length","JSON","stringify","mergeRefs","refs","React","Ref","T","RefCallback","ref","MutableRefObject","current","countCodePointsInString","string","Array","from"],"sources":["../../src/_lib/index.ts"],"sourcesContent":["/**\n * 今後ポートされる予定の汎用的な関数群\n */\n\n/**\n * Function used to assert a given code path is unreachable\n */\nexport function unreachable(): never\n/**\n * Function used to assert a given code path is unreachable.\n * Very useful for ensuring switches are exhaustive:\n *\n * ```ts\n * switch (a.type) {\n *   case Types.A:\n *   case Types.B:\n *     break\n *   default:\n *     unreachable(a) // will cause a build error if there was\n *                    // a Types.C that was not checked\n * }\n * ```\n *\n * @param value Value to be asserted as unreachable\n */\n// NOTE: Uses separate overloads, _not_ `value?: never`, to not allow `undefined` to be passed\n\nexport function unreachable(value: never): never\nexport function unreachable(value?: never): never {\n  throw new Error(\n    arguments.length === 0\n      ? 'unreachable'\n      : `unreachable (${JSON.stringify(value)})`,\n  )\n}\n\n/**\n * 複数のrefをマージする。\n *\n * forwardRefで受け取ったrefと、コンポーネント内で定義したrefを同じ要素につけたいケースなどで使う\n */\nexport function mergeRefs<T>(...refs: React.Ref<T>[]): React.RefCallback<T> {\n  return (value) => {\n    for (const ref of refs) {\n      if (typeof ref === 'function') {\n        ref(value)\n      } else if (ref !== null) {\n        // TODO: use RefObject\n        // https://react.dev/blog/2024/04/25/react-19-upgrade-guide#:~:text=%3D%201%3B-,MutableRef,-is%20now%20deprecated\n        ;(ref as React.MutableRefObject<T | null>).current = value\n      }\n    }\n  }\n}\n\nexport function countCodePointsInString(string: string) {\n  // [...string] とするとproduction buildで動かなくなる\n  // cf. https://twitter.com/f_subal/status/1497214727511891972\n  return Array.from(string).length\n}\n"],"mappings":";;;;;;;AAyCA,SAAgBO,UAAa,GAAGC,MAA4C;CAC1E,QAAQP,UAAU;EAChB,KAAK,MAAMY,OAAOL,MAChB,IAAI,OAAOK,QAAQ,YACjBA,IAAIZ,MAAM;OACL,IAAIY,QAAQ,MAGhB,AAACA,IAAyCE,UAAUd;;;AAM7D,SAAgBe,wBAAwBC,QAAgB;CAGtD,OAAOC,MAAMC,KAAKF,OAAO,CAACb"}
+{"version":3,"file":"index.js","names":[],"sources":["../../src/_lib/index.ts"],"sourcesContent":["/**\n * 今後ポートされる予定の汎用的な関数群\n */\n\n/**\n * Function used to assert a given code path is unreachable\n */\nexport function unreachable(): never\n/**\n * Function used to assert a given code path is unreachable.\n * Very useful for ensuring switches are exhaustive:\n *\n * ```ts\n * switch (a.type) {\n *   case Types.A:\n *   case Types.B:\n *     break\n *   default:\n *     unreachable(a) // will cause a build error if there was\n *                    // a Types.C that was not checked\n * }\n * ```\n *\n * @param value Value to be asserted as unreachable\n */\n// NOTE: Uses separate overloads, _not_ `value?: never`, to not allow `undefined` to be passed\n\nexport function unreachable(value: never): never\nexport function unreachable(value?: never): never {\n  throw new Error(\n    arguments.length === 0\n      ? 'unreachable'\n      : `unreachable (${JSON.stringify(value)})`,\n  )\n}\n\n/**\n * 複数のrefをマージする。\n *\n * forwardRefで受け取ったrefと、コンポーネント内で定義したrefを同じ要素につけたいケースなどで使う\n */\nexport function mergeRefs<T>(...refs: React.Ref<T>[]): React.RefCallback<T> {\n  return (value) => {\n    for (const ref of refs) {\n      if (typeof ref === 'function') {\n        ref(value)\n      } else if (ref !== null) {\n        // TODO: use RefObject\n        // https://react.dev/blog/2024/04/25/react-19-upgrade-guide#:~:text=%3D%201%3B-,MutableRef,-is%20now%20deprecated\n        ;(ref as React.MutableRefObject<T | null>).current = value\n      }\n    }\n  }\n}\n\nexport function countCodePointsInString(string: string) {\n  // [...string] とするとproduction buildで動かなくなる\n  // cf. https://twitter.com/f_subal/status/1497214727511891972\n  return Array.from(string).length\n}\n"],"mappings":";;;;;;;AAyCA,SAAgB,UAAa,GAAG,MAA4C;CAC1E,QAAQ,UAAU;EAChB,KAAK,MAAM,OAAO,MAChB,IAAI,OAAO,QAAQ,YACjB,IAAI,KAAK;OACJ,IAAI,QAAQ,MAGhB,AAAC,IAAyC,UAAU;CAG3D;AACF;AAEA,SAAgB,wBAAwB,QAAgB;CAGtD,OAAO,MAAM,KAAK,MAAM,CAAC,CAAC;AAC5B"}

package/dist/_lib/useClassNames.cjs

@@ -1,5 +1,4 @@
 "use client";
-const require_runtime = require('../_virtual/_rolldown/runtime.cjs');
 let react = require("react");
 
 //#region src/_lib/useClassNames.ts

package/dist/_lib/useClassNames.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useClassNames.cjs","names":["useMemo","useClassNames","classNames","filter","v","join"],"sources":["../../src/_lib/useClassNames.ts"],"sourcesContent":["import { useMemo } from 'react'\n\n/**\n * Join some class names if propsClassName is defined.\n */\nexport function useClassNames(...classNames: (string | undefined)[]) {\n  return useMemo(() => classNames.filter((v) => v).join(' '), [classNames])\n}\n"],"mappings":";;;;;;;;AAKA,SAAgBC,cAAc,GAAGC,YAAoC;CACnE,gCAAqBA,WAAWC,QAAQC,MAAMA,EAAE,CAACC,KAAK,IAAI,EAAE,CAACH,WAAW,CAAC"}
+{"version":3,"file":"useClassNames.cjs","names":[],"sources":["../../src/_lib/useClassNames.ts"],"sourcesContent":["import { useMemo } from 'react'\n\n/**\n * Join some class names if propsClassName is defined.\n */\nexport function useClassNames(...classNames: (string | undefined)[]) {\n  return useMemo(() => classNames.filter((v) => v).join(' '), [classNames])\n}\n"],"mappings":";;;;;;;AAKA,SAAgB,cAAc,GAAG,YAAoC;CACnE,gCAAqB,WAAW,QAAQ,MAAM,CAAC,CAAC,CAAC,KAAK,GAAG,GAAG,CAAC,UAAU,CAAC;AAC1E"}

package/dist/_lib/useClassNames.js.map

@@ -1 +1 @@
-{"version":3,"file":"useClassNames.js","names":["useMemo","useClassNames","classNames","filter","v","join"],"sources":["../../src/_lib/useClassNames.ts"],"sourcesContent":["import { useMemo } from 'react'\n\n/**\n * Join some class names if propsClassName is defined.\n */\nexport function useClassNames(...classNames: (string | undefined)[]) {\n  return useMemo(() => classNames.filter((v) => v).join(' '), [classNames])\n}\n"],"mappings":";;;;;;;AAKA,SAAgBC,cAAc,GAAGC,YAAoC;CACnE,OAAOF,cAAcE,WAAWC,QAAQC,MAAMA,EAAE,CAACC,KAAK,IAAI,EAAE,CAACH,WAAW,CAAC"}
+{"version":3,"file":"useClassNames.js","names":[],"sources":["../../src/_lib/useClassNames.ts"],"sourcesContent":["import { useMemo } from 'react'\n\n/**\n * Join some class names if propsClassName is defined.\n */\nexport function useClassNames(...classNames: (string | undefined)[]) {\n  return useMemo(() => classNames.filter((v) => v).join(' '), [classNames])\n}\n"],"mappings":";;;;;;;AAKA,SAAgB,cAAc,GAAG,YAAoC;CACnE,OAAO,cAAc,WAAW,QAAQ,MAAM,CAAC,CAAC,CAAC,KAAK,GAAG,GAAG,CAAC,UAAU,CAAC;AAC1E"}

package/dist/_lib/useForwardedRef.cjs

@@ -1,7 +1,7 @@
 "use client";
 const require_runtime = require('../_virtual/_rolldown/runtime.cjs');
 let react = require("react");
-react = require_runtime.__toESM(react);
+react = require_runtime.__toESM(react, 1);
 
 //#region src/_lib/useForwardedRef.tsx
 function useForwardedRef(ref) {

package/dist/_lib/useForwardedRef.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useForwardedRef.cjs","names":["React","useForwardedRef","ref","ForwardedRef","T","innerRef","useRef","useEffect","current"],"sources":["../../src/_lib/useForwardedRef.tsx"],"sourcesContent":["import * as React from 'react'\n\nexport function useForwardedRef<T>(ref: React.ForwardedRef<T>) {\n  const innerRef = React.useRef<T>(null)\n\n  React.useEffect(() => {\n    if (!ref) return\n    if (typeof ref === 'function') {\n      ref(innerRef.current)\n    } else {\n      // eslint-disable-next-line react-compiler/react-compiler\n      ref.current = innerRef.current\n    }\n  })\n\n  return innerRef\n}\n"],"mappings":";;;;;;AAEA,SAAgBC,gBAAmBC,KAA4B;CAC7D,MAAMG,WAAWL,MAAMM,OAAU,KAAK;CAEtCN,MAAMO,gBAAgB;EACpB,IAAI,CAACL,KAAK;EACV,IAAI,OAAOA,QAAQ,YACjBA,IAAIG,SAASG,QAAQ;OAGrBN,IAAIM,UAAUH,SAASG;GAEzB;CAEF,OAAOH"}
+{"version":3,"file":"useForwardedRef.cjs","names":[],"sources":["../../src/_lib/useForwardedRef.tsx"],"sourcesContent":["import * as React from 'react'\n\nexport function useForwardedRef<T>(ref: React.ForwardedRef<T>) {\n  const innerRef = React.useRef<T>(null)\n\n  React.useEffect(() => {\n    if (!ref) return\n    if (typeof ref === 'function') {\n      ref(innerRef.current)\n    } else {\n      // eslint-disable-next-line react-compiler/react-compiler\n      ref.current = innerRef.current\n    }\n  })\n\n  return innerRef\n}\n"],"mappings":";;;;;;AAEA,SAAgB,gBAAmB,KAA4B;CAC7D,MAAM,WAAW,MAAM,OAAU,IAAI;CAErC,MAAM,gBAAgB;EACpB,IAAI,CAAC,KAAK;EACV,IAAI,OAAO,QAAQ,YACjB,IAAI,SAAS,OAAO;OAGpB,IAAI,UAAU,SAAS;CAE3B,CAAC;CAED,OAAO;AACT"}

package/dist/_lib/useForwardedRef.js.map

@@ -1 +1 @@
-{"version":3,"file":"useForwardedRef.js","names":["React","useForwardedRef","ref","ForwardedRef","T","innerRef","useRef","useEffect","current"],"sources":["../../src/_lib/useForwardedRef.tsx"],"sourcesContent":["import * as React from 'react'\n\nexport function useForwardedRef<T>(ref: React.ForwardedRef<T>) {\n  const innerRef = React.useRef<T>(null)\n\n  React.useEffect(() => {\n    if (!ref) return\n    if (typeof ref === 'function') {\n      ref(innerRef.current)\n    } else {\n      // eslint-disable-next-line react-compiler/react-compiler\n      ref.current = innerRef.current\n    }\n  })\n\n  return innerRef\n}\n"],"mappings":";;;;AAEA,SAAgBC,gBAAmBC,KAA4B;CAC7D,MAAMG,WAAWL,QAAMM,OAAU,KAAK;CAEtCN,QAAMO,gBAAgB;EACpB,IAAI,CAACL,KAAK;EACV,IAAI,OAAOA,QAAQ,YACjBA,IAAIG,SAASG,QAAQ;OAGrBN,IAAIM,UAAUH,SAASG;GAEzB;CAEF,OAAOH"}
+{"version":3,"file":"useForwardedRef.js","names":[],"sources":["../../src/_lib/useForwardedRef.tsx"],"sourcesContent":["import * as React from 'react'\n\nexport function useForwardedRef<T>(ref: React.ForwardedRef<T>) {\n  const innerRef = React.useRef<T>(null)\n\n  React.useEffect(() => {\n    if (!ref) return\n    if (typeof ref === 'function') {\n      ref(innerRef.current)\n    } else {\n      // eslint-disable-next-line react-compiler/react-compiler\n      ref.current = innerRef.current\n    }\n  })\n\n  return innerRef\n}\n"],"mappings":";;;;AAEA,SAAgB,gBAAmB,KAA4B;CAC7D,MAAM,WAAW,QAAM,OAAU,IAAI;CAErC,QAAM,gBAAgB;EACpB,IAAI,CAAC,KAAK;EACV,IAAI,OAAO,QAAQ,YACjB,IAAI,SAAS,OAAO;OAGpB,IAAI,UAAU,SAAS;CAE3B,CAAC;CAED,OAAO;AACT"}

package/dist/_lib/useIsomorphicLayoutEffect.cjs

@@ -1,5 +1,4 @@
 "use client";
-const require_runtime = require('../_virtual/_rolldown/runtime.cjs');
 let react = require("react");
 
 //#region src/_lib/useIsomorphicLayoutEffect.ts

package/dist/_lib/useIsomorphicLayoutEffect.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useIsomorphicLayoutEffect.cjs","names":["useEffect","useLayoutEffect","useIsomorphicLayoutEffect","window"],"sources":["../../src/_lib/useIsomorphicLayoutEffect.ts"],"sourcesContent":["import { useEffect, useLayoutEffect } from 'react'\n\n/**\n * SSR では useLayoutEffect が警告を出すため、サーバーでは useEffect にフォールバックする\n */\nexport const useIsomorphicLayoutEffect =\n  typeof window !== 'undefined' ? useLayoutEffect : useEffect\n"],"mappings":";;;;;;;;AAKA,MAAaE,4BACX,OAAOC,WAAW,cAAcF,wBAAkBD"}
+{"version":3,"file":"useIsomorphicLayoutEffect.cjs","names":[],"sources":["../../src/_lib/useIsomorphicLayoutEffect.ts"],"sourcesContent":["import { useEffect, useLayoutEffect } from 'react'\n\n/**\n * SSR では useLayoutEffect が警告を出すため、サーバーでは useEffect にフォールバックする\n */\nexport const useIsomorphicLayoutEffect =\n  typeof window !== 'undefined' ? useLayoutEffect : useEffect\n"],"mappings":";;;;;;;AAKA,MAAa,4BACX,OAAO,WAAW,cAAc,wBAAkB"}

package/dist/_lib/useIsomorphicLayoutEffect.d.ts

@@ -1,6 +1,6 @@
-import { useEffect } from 'react';
+import { useLayoutEffect } from 'react';
 /**
  * SSR では useLayoutEffect が警告を出すため、サーバーでは useEffect にフォールバックする
  */
-export declare const useIsomorphicLayoutEffect: typeof useEffect;
+export declare const useIsomorphicLayoutEffect: typeof useLayoutEffect;
 //# sourceMappingURL=useIsomorphicLayoutEffect.d.ts.map

package/dist/_lib/useIsomorphicLayoutEffect.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useIsomorphicLayoutEffect.d.ts","sourceRoot":"","sources":["../../src/_lib/useIsomorphicLayoutEffect.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAmB,MAAM,OAAO,CAAA;AAElD;;GAEG;AACH,eAAO,MAAM,yBAAyB,kBACuB,CAAA"}
+{"version":3,"file":"useIsomorphicLayoutEffect.d.ts","sourceRoot":"","sources":["../../src/_lib/useIsomorphicLayoutEffect.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,eAAe,EAAE,MAAM,OAAO,CAAA;AAElD;;GAEG;AACH,eAAO,MAAM,yBAAyB,wBACuB,CAAA"}

package/dist/_lib/useIsomorphicLayoutEffect.js.map

@@ -1 +1 @@
-{"version":3,"file":"useIsomorphicLayoutEffect.js","names":["useEffect","useLayoutEffect","useIsomorphicLayoutEffect","window"],"sources":["../../src/_lib/useIsomorphicLayoutEffect.ts"],"sourcesContent":["import { useEffect, useLayoutEffect } from 'react'\n\n/**\n * SSR では useLayoutEffect が警告を出すため、サーバーでは useEffect にフォールバックする\n */\nexport const useIsomorphicLayoutEffect =\n  typeof window !== 'undefined' ? useLayoutEffect : useEffect\n"],"mappings":";;;;;;;AAKA,MAAaE,4BACX,OAAOC,WAAW,cAAcF,kBAAkBD"}
+{"version":3,"file":"useIsomorphicLayoutEffect.js","names":[],"sources":["../../src/_lib/useIsomorphicLayoutEffect.ts"],"sourcesContent":["import { useEffect, useLayoutEffect } from 'react'\n\n/**\n * SSR では useLayoutEffect が警告を出すため、サーバーでは useEffect にフォールバックする\n */\nexport const useIsomorphicLayoutEffect =\n  typeof window !== 'undefined' ? useLayoutEffect : useEffect\n"],"mappings":";;;;;;;AAKA,MAAa,4BACX,OAAO,WAAW,cAAc,kBAAkB"}

package/dist/components/Button/index.d.ts

@@ -14,7 +14,7 @@ export type ButtonProps<T extends React.ElementType = 'button'> = {
      */
     component?: T;
 } & Omit<React.ComponentPropsWithRef<T>, 'children'>;
-declare const Button: <T extends React.ElementType = "button">(p: "button" extends T ? ButtonProps<"button"> : ButtonProps<T> & {
+declare const Button: <T extends React.ElementType = 'button'>(p: 'button' extends T ? ButtonProps<'button'> : ButtonProps<T> & {
     component: T;
 }) => JSX.Element;
 export default Button;

package/dist/components/Button/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Button/index.tsx"],"names":[],"mappings":"AAAA,OAAO,aAAa,CAAA;AAEpB,OAAO,KAAK,EAAE,EAEZ,SAAS,EAGT,KAAK,GAAG,EACT,MAAM,OAAO,CAAA;AAId,KAAK,OAAO,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,YAAY,CAAA;AAE1E,KAAK,IAAI,GAAG,GAAG,GAAG,GAAG,CAAA;AAErB,MAAM,MAAM,WAAW,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,QAAQ,IAAI;IAChE,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,IAAI,CAAC,EAAE,IAAI,CAAA;IACX,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;;OAGG;IACH,SAAS,CAAC,EAAE,CAAC,CAAA;CACd,GAAG,IAAI,CAAC,KAAK,CAAC,qBAAqB,CAAC,CAAC,CAAC,EAAE,UAAU,CAAC,CAAA;AAEpD,QAAA,MAAM,MAAM,EAyBN,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,QAAQ,EAC3C,CAAC,EAAE,QAAQ,SAAS,CAAC,GACjB,WAAW,CAAC,QAAQ,CAAC,GACrB,WAAW,CAAC,CAAC,CAAC,GAAG;IACf,SAAS,EAAE,CAAC,CAAA;CACb,KACF,GAAG,CAAC,OAAO,CAAA;AAChB,eAAe,MAAM,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Button/index.tsx"],"names":[],"mappings":"AAAA,OAAO,aAAa,CAAA;AAEpB,OAAO,KAAK,EAAE,EAEZ,SAAS,EAGT,KAAK,GAAG,EACT,MAAM,OAAO,CAAA;AAId,KAAK,OAAO,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,YAAY,CAAA;AAE1E,KAAK,IAAI,GAAG,GAAG,GAAG,GAAG,CAAA;AAErB,MAAM,MAAM,WAAW,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,QAAQ,IAAI;IAChE,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,IAAI,CAAC,EAAE,IAAI,CAAA;IACX,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;;OAGG;IACH,SAAS,CAAC,EAAE,CAAC,CAAA;CACd,GAAG,IAAI,CAAC,KAAK,CAAC,qBAAqB,CAAC,CAAC,CAAC,EAAE,UAAU,CAAC,CAAA;AAEpD,QAAA,MAAM,MAAM,EAyBN,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,QAAQ,EAC3C,CAAC,EAAE,QAAQ,SAAS,CAAC,GACjB,WAAW,CAAC,QAAQ,CAAC,GACrB,WAAW,CAAC,CAAC,CAAC,GAAG;IACf,SAAS,EAAE,CAAC,CAAA;CACb,KACF,GAAG,CAAC,OAAO,CAAA;eACD,MAAM"}

package/dist/components/Button/index2.cjs

@@ -3,7 +3,7 @@ const require_runtime = require('../../_virtual/_rolldown/runtime.cjs');
 require('./index.cjs');
 const require_useClassNames = require('../../_lib/useClassNames.cjs');
 let react = require("react");
-react = require_runtime.__toESM(react);
+react = require_runtime.__toESM(react, 1);
 let react_jsx_runtime = require("react/jsx-runtime");
 
 //#region src/components/Button/index.tsx

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

@@ -1 +1 @@
-{"version":3,"file":"index2.cjs","names":["React","ForwardedRef","ReactNode","forwardRef","useMemo","JSX","useClassNames","Variant","Size","ButtonProps","ElementType","children","variant","size","fullWidth","isActive","component","T","Omit","ComponentPropsWithRef","Button","className","props","ref","HTMLButtonElement","Component","classNames","p","Element"],"sources":["../../../src/components/Button/index.tsx"],"sourcesContent":["import './index.css'\n\nimport React, {\n  ForwardedRef,\n  ReactNode,\n  forwardRef,\n  useMemo,\n  type JSX,\n} from 'react'\n\nimport { useClassNames } from '../../_lib/useClassNames'\n\ntype Variant = 'Primary' | 'Default' | 'Overlay' | 'Danger' | 'Navigation'\n\ntype Size = 'S' | 'M'\n\nexport type ButtonProps<T extends React.ElementType = 'button'> = {\n  children?: ReactNode\n  variant?: Variant\n  size?: Size\n  fullWidth?: boolean\n  isActive?: boolean\n  /**\n   * The component used for root element.\n   * @type T extends React.ElementType = 'button'\n   */\n  component?: T\n} & Omit<React.ComponentPropsWithRef<T>, 'children'>\n\nconst Button = forwardRef(function Button<T extends React.ElementType>(\n  {\n    variant,\n    fullWidth,\n    size,\n    className,\n    component,\n    isActive,\n    ...props\n  }: ButtonProps<T>,\n  ref: ForwardedRef<HTMLButtonElement>,\n) {\n  const Component = useMemo(() => component ?? 'button', [component])\n  const classNames = useClassNames('charcoal-button', className)\n  return (\n    <Component\n      {...props}\n      className={classNames}\n      data-variant={variant}\n      data-size={size}\n      data-full-width={fullWidth}\n      data-active={isActive}\n      ref={ref}\n    />\n  )\n}) as <T extends React.ElementType = 'button'>(\n  p: 'button' extends T\n    ? ButtonProps<'button'>\n    : ButtonProps<T> & {\n        component: T // required\n      },\n) => JSX.Element\nexport default Button\n"],"mappings":";;;;;;;;;AA6BA,MAAMoB,+BAAoB,SAASA,OACjC,EACER,SACAE,WACAD,MACAQ,WACAL,WACAD,UACA,GAAGO,SAELC,KACA;CACA,MAAME,qCAA0BT,aAAa,UAAU,CAACA,UAAU,CAAC;CACnE,MAAMU,aAAapB,oCAAc,mBAAmBe,UAAU;CAC9D,OACE,2CAAC,WAAD;EACE,GAAIC;EACJ,WAAWI;EACX,gBAAcd;EACd,aAAWC;EACX,mBAAiBC;EACjB,eAAaC;EACRQ;EACL;EAEJ"}
+{"version":3,"file":"index2.cjs","names":[],"sources":["../../../src/components/Button/index.tsx"],"sourcesContent":["import './index.css'\n\nimport React, {\n  ForwardedRef,\n  ReactNode,\n  forwardRef,\n  useMemo,\n  type JSX,\n} from 'react'\n\nimport { useClassNames } from '../../_lib/useClassNames'\n\ntype Variant = 'Primary' | 'Default' | 'Overlay' | 'Danger' | 'Navigation'\n\ntype Size = 'S' | 'M'\n\nexport type ButtonProps<T extends React.ElementType = 'button'> = {\n  children?: ReactNode\n  variant?: Variant\n  size?: Size\n  fullWidth?: boolean\n  isActive?: boolean\n  /**\n   * The component used for root element.\n   * @type T extends React.ElementType = 'button'\n   */\n  component?: T\n} & Omit<React.ComponentPropsWithRef<T>, 'children'>\n\nconst Button = forwardRef(function Button<T extends React.ElementType>(\n  {\n    variant,\n    fullWidth,\n    size,\n    className,\n    component,\n    isActive,\n    ...props\n  }: ButtonProps<T>,\n  ref: ForwardedRef<HTMLButtonElement>,\n) {\n  const Component = useMemo(() => component ?? 'button', [component])\n  const classNames = useClassNames('charcoal-button', className)\n  return (\n    <Component\n      {...props}\n      className={classNames}\n      data-variant={variant}\n      data-size={size}\n      data-full-width={fullWidth}\n      data-active={isActive}\n      ref={ref}\n    />\n  )\n}) as <T extends React.ElementType = 'button'>(\n  p: 'button' extends T\n    ? ButtonProps<'button'>\n    : ButtonProps<T> & {\n        component: T // required\n      },\n) => JSX.Element\nexport default Button\n"],"mappings":";;;;;;;;;AA6BA,MAAM,+BAAoB,SAAS,OACjC,EACE,SACA,WACA,MACA,WACA,WACA,UACA,GAAG,SAEL,KACA;CACA,MAAM,qCAA0B,aAAa,UAAU,CAAC,SAAS,CAAC;CAClE,MAAM,aAAa,oCAAc,mBAAmB,SAAS;CAC7D,OACE,2CAAC,WAAD;EACE,GAAI;EACJ,WAAW;EACX,gBAAc;EACd,aAAW;EACX,mBAAiB;EACjB,eAAa;EACR;CAAI;AAGf,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"index2.js","names":["React","ForwardedRef","ReactNode","forwardRef","useMemo","JSX","useClassNames","Variant","Size","ButtonProps","ElementType","children","variant","size","fullWidth","isActive","component","T","Omit","ComponentPropsWithRef","Button","className","props","ref","HTMLButtonElement","Component","classNames","p","Element"],"sources":["../../../src/components/Button/index.tsx"],"sourcesContent":["import './index.css'\n\nimport React, {\n  ForwardedRef,\n  ReactNode,\n  forwardRef,\n  useMemo,\n  type JSX,\n} from 'react'\n\nimport { useClassNames } from '../../_lib/useClassNames'\n\ntype Variant = 'Primary' | 'Default' | 'Overlay' | 'Danger' | 'Navigation'\n\ntype Size = 'S' | 'M'\n\nexport type ButtonProps<T extends React.ElementType = 'button'> = {\n  children?: ReactNode\n  variant?: Variant\n  size?: Size\n  fullWidth?: boolean\n  isActive?: boolean\n  /**\n   * The component used for root element.\n   * @type T extends React.ElementType = 'button'\n   */\n  component?: T\n} & Omit<React.ComponentPropsWithRef<T>, 'children'>\n\nconst Button = forwardRef(function Button<T extends React.ElementType>(\n  {\n    variant,\n    fullWidth,\n    size,\n    className,\n    component,\n    isActive,\n    ...props\n  }: ButtonProps<T>,\n  ref: ForwardedRef<HTMLButtonElement>,\n) {\n  const Component = useMemo(() => component ?? 'button', [component])\n  const classNames = useClassNames('charcoal-button', className)\n  return (\n    <Component\n      {...props}\n      className={classNames}\n      data-variant={variant}\n      data-size={size}\n      data-full-width={fullWidth}\n      data-active={isActive}\n      ref={ref}\n    />\n  )\n}) as <T extends React.ElementType = 'button'>(\n  p: 'button' extends T\n    ? ButtonProps<'button'>\n    : ButtonProps<T> & {\n        component: T // required\n      },\n) => JSX.Element\nexport default Button\n"],"mappings":";;;;;;;AA6BA,MAAMoB,SAASjB,WAAW,SAASiB,OACjC,EACER,SACAE,WACAD,MACAQ,WACAL,WACAD,UACA,GAAGO,SAELC,KACA;CACA,MAAME,YAAYrB,cAAcY,aAAa,UAAU,CAACA,UAAU,CAAC;CACnE,MAAMU,aAAapB,cAAc,mBAAmBe,UAAU;CAC9D,OACE,oBAAC,WAAD;EACE,GAAIC;EACJ,WAAWI;EACX,gBAAcd;EACd,aAAWC;EACX,mBAAiBC;EACjB,eAAaC;EACRQ;EACL;EAEJ"}
+{"version":3,"file":"index2.js","names":[],"sources":["../../../src/components/Button/index.tsx"],"sourcesContent":["import './index.css'\n\nimport React, {\n  ForwardedRef,\n  ReactNode,\n  forwardRef,\n  useMemo,\n  type JSX,\n} from 'react'\n\nimport { useClassNames } from '../../_lib/useClassNames'\n\ntype Variant = 'Primary' | 'Default' | 'Overlay' | 'Danger' | 'Navigation'\n\ntype Size = 'S' | 'M'\n\nexport type ButtonProps<T extends React.ElementType = 'button'> = {\n  children?: ReactNode\n  variant?: Variant\n  size?: Size\n  fullWidth?: boolean\n  isActive?: boolean\n  /**\n   * The component used for root element.\n   * @type T extends React.ElementType = 'button'\n   */\n  component?: T\n} & Omit<React.ComponentPropsWithRef<T>, 'children'>\n\nconst Button = forwardRef(function Button<T extends React.ElementType>(\n  {\n    variant,\n    fullWidth,\n    size,\n    className,\n    component,\n    isActive,\n    ...props\n  }: ButtonProps<T>,\n  ref: ForwardedRef<HTMLButtonElement>,\n) {\n  const Component = useMemo(() => component ?? 'button', [component])\n  const classNames = useClassNames('charcoal-button', className)\n  return (\n    <Component\n      {...props}\n      className={classNames}\n      data-variant={variant}\n      data-size={size}\n      data-full-width={fullWidth}\n      data-active={isActive}\n      ref={ref}\n    />\n  )\n}) as <T extends React.ElementType = 'button'>(\n  p: 'button' extends T\n    ? ButtonProps<'button'>\n    : ButtonProps<T> & {\n        component: T // required\n      },\n) => JSX.Element\nexport default Button\n"],"mappings":";;;;;;;AA6BA,MAAM,SAAS,WAAW,SAAS,OACjC,EACE,SACA,WACA,MACA,WACA,WACA,UACA,GAAG,SAEL,KACA;CACA,MAAM,YAAY,cAAc,aAAa,UAAU,CAAC,SAAS,CAAC;CAClE,MAAM,aAAa,cAAc,mBAAmB,SAAS;CAC7D,OACE,oBAAC,WAAD;EACE,GAAI;EACJ,WAAW;EACX,gBAAc;EACd,aAAW;EACX,mBAAiB;EACjB,eAAa;EACR;CAAI;AAGf,CAAC"}

package/dist/components/Carousel/CarouselItem.cjs

@@ -1,5 +1,4 @@
 "use client";
-const require_runtime = require('../../_virtual/_rolldown/runtime.cjs');
 const require_intersectionObserver = require('./intersectionObserver.cjs');
 const require_resizeObserver = require('./resizeObserver.cjs');
 let react = require("react");

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

@@ -1 +1 @@
-{"version":3,"file":"CarouselItem.cjs","names":["useEffect","useRef","ReactNode","CarouselStore","observeCenter","observeResize","CarouselItemProps","Readonly","index","store","onResize","children","CarouselItem","ref","HTMLDivElement","el","current","dispatch","type","lastNonce","getSnapshot","scroll","nonce","subscribe","scrollIntoView","behavior","inline","block"],"sources":["../../../src/components/Carousel/CarouselItem.tsx"],"sourcesContent":["import { useEffect, useRef, type ReactNode } from 'react'\nimport type { CarouselStore } from './carouselStore'\nimport { observeCenter } from './intersectionObserver'\nimport { observeResize } from './resizeObserver'\n\nexport type CarouselItemProps = Readonly<{\n  index: number\n  store: CarouselStore\n  onResize: () => void\n  children: ReactNode\n}>\n\nexport const CarouselItem = ({\n  index,\n  store,\n  onResize,\n  children,\n}: CarouselItemProps) => {\n  const ref = useRef<HTMLDivElement>(null)\n\n  // activeIndex: 自分が中央に来たら store に報告する（root は親=scroller から導出）。\n  useEffect(() => {\n    const el = ref.current\n    if (!el) return\n    return observeCenter(el, () => store.dispatch({ type: 'setActive', index }))\n  }, [index, store])\n\n  // scrollToItem: 自分宛ての命令でだけ自己スクロールする（再レンダーしない）。\n  useEffect(() => {\n    let lastNonce = store.getSnapshot().scroll?.nonce ?? 0\n    return store.subscribe(() => {\n      const scroll = store.getSnapshot().scroll\n      if (!scroll || scroll.index !== index || scroll.nonce === lastNonce)\n        return\n      lastNonce = scroll.nonce\n      ref.current?.scrollIntoView({\n        behavior: 'smooth',\n        inline: 'center',\n        block: 'nearest',\n      })\n    })\n  }, [index, store])\n\n  // 遅延コンテンツ: 自分のサイズ変化を onResize で通知する。\n  useEffect(() => {\n    const el = ref.current\n    if (!el) return\n    return observeResize(el, onResize)\n  }, [onResize])\n\n  return (\n    <div ref={ref} className=\"charcoal-carousel__item\">\n      {children}\n    </div>\n  )\n}\n"],"mappings":";;;;;;;;AAYA,MAAaY,gBAAgB,EAC3BJ,OACAC,OACAC,UACAC,eACuB;CACvB,MAAME,wBAA6B,KAAK;CAGxCb,2BAAgB;EACd,MAAMe,KAAKF,IAAIG;EACf,IAAI,CAACD,IAAI;EACT,OAAOX,2CAAcW,UAAUN,MAAMQ,SAAS;GAAEC,MAAM;GAAaV;GAAO,CAAC,CAAC;IAC3E,CAACA,OAAOC,MAAM,CAAC;CAGlBT,2BAAgB;EACd,IAAImB,YAAYV,MAAMW,aAAa,CAACC,QAAQC,SAAS;EACrD,OAAOb,MAAMc,gBAAgB;GAC3B,MAAMF,SAASZ,MAAMW,aAAa,CAACC;GACnC,IAAI,CAACA,UAAUA,OAAOb,UAAUA,SAASa,OAAOC,UAAUH,WACxD;GACFA,YAAYE,OAAOC;GACnBT,IAAIG,SAASQ,eAAe;IAC1BC,UAAU;IACVC,QAAQ;IACRC,OAAO;IACR,CAAC;IACF;IACD,CAACnB,OAAOC,MAAM,CAAC;CAGlBT,2BAAgB;EACd,MAAMe,KAAKF,IAAIG;EACf,IAAI,CAACD,IAAI;EACT,OAAOV,qCAAcU,IAAIL,SAAS;IACjC,CAACA,SAAS,CAAC;CAEd,OACE,2CAAC,OAAD;EAAUG;EAAK,WAAU;EACtBF;EACG"}
+{"version":3,"file":"CarouselItem.cjs","names":[],"sources":["../../../src/components/Carousel/CarouselItem.tsx"],"sourcesContent":["import { useEffect, useRef, type ReactNode } from 'react'\nimport type { CarouselStore } from './carouselStore'\nimport { observeCenter } from './intersectionObserver'\nimport { observeResize } from './resizeObserver'\n\nexport type CarouselItemProps = Readonly<{\n  index: number\n  store: CarouselStore\n  onResize: () => void\n  children: ReactNode\n}>\n\nexport const CarouselItem = ({\n  index,\n  store,\n  onResize,\n  children,\n}: CarouselItemProps) => {\n  const ref = useRef<HTMLDivElement>(null)\n\n  // activeIndex: 自分が中央に来たら store に報告する（root は親=scroller から導出）。\n  useEffect(() => {\n    const el = ref.current\n    if (!el) return\n    return observeCenter(el, () => store.dispatch({ type: 'setActive', index }))\n  }, [index, store])\n\n  // scrollToItem: 自分宛ての命令でだけ自己スクロールする（再レンダーしない）。\n  useEffect(() => {\n    let lastNonce = store.getSnapshot().scroll?.nonce ?? 0\n    return store.subscribe(() => {\n      const scroll = store.getSnapshot().scroll\n      if (!scroll || scroll.index !== index || scroll.nonce === lastNonce)\n        return\n      lastNonce = scroll.nonce\n      ref.current?.scrollIntoView({\n        behavior: 'smooth',\n        inline: 'center',\n        block: 'nearest',\n      })\n    })\n  }, [index, store])\n\n  // 遅延コンテンツ: 自分のサイズ変化を onResize で通知する。\n  useEffect(() => {\n    const el = ref.current\n    if (!el) return\n    return observeResize(el, onResize)\n  }, [onResize])\n\n  return (\n    <div ref={ref} className=\"charcoal-carousel__item\">\n      {children}\n    </div>\n  )\n}\n"],"mappings":";;;;;;;AAYA,MAAa,gBAAgB,EAC3B,OACA,OACA,UACA,eACuB;CACvB,MAAM,wBAA6B,IAAI;CAGvC,2BAAgB;EACd,MAAM,KAAK,IAAI;EACf,IAAI,CAAC,IAAI;EACT,OAAO,2CAAc,UAAU,MAAM,SAAS;GAAE,MAAM;GAAa;EAAM,CAAC,CAAC;CAC7E,GAAG,CAAC,OAAO,KAAK,CAAC;CAGjB,2BAAgB;EACd,IAAI,YAAY,MAAM,YAAY,CAAC,CAAC,QAAQ,SAAS;EACrD,OAAO,MAAM,gBAAgB;GAC3B,MAAM,SAAS,MAAM,YAAY,CAAC,CAAC;GACnC,IAAI,CAAC,UAAU,OAAO,UAAU,SAAS,OAAO,UAAU,WACxD;GACF,YAAY,OAAO;GACnB,IAAI,SAAS,eAAe;IAC1B,UAAU;IACV,QAAQ;IACR,OAAO;GACT,CAAC;EACH,CAAC;CACH,GAAG,CAAC,OAAO,KAAK,CAAC;CAGjB,2BAAgB;EACd,MAAM,KAAK,IAAI;EACf,IAAI,CAAC,IAAI;EACT,OAAO,qCAAc,IAAI,QAAQ;CACnC,GAAG,CAAC,QAAQ,CAAC;CAEb,OACE,2CAAC,OAAD;EAAU;EAAK,WAAU;EACtB;CACE;AAET"}

package/dist/components/Carousel/CarouselItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CarouselItem.d.ts","sourceRoot":"","sources":["../../../src/components/Carousel/CarouselItem.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAqB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AACzD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAIpD,MAAM,MAAM,iBAAiB,GAAG,QAAQ,CAAC;IACvC,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,aAAa,CAAA;IACpB,QAAQ,EAAE,MAAM,IAAI,CAAA;IACpB,QAAQ,EAAE,SAAS,CAAA;CACpB,CAAC,CAAA;AAEF,eAAO,MAAM,YAAY,GAAI,uCAK1B,iBAAiB,4CAsCnB,CAAA"}
+{"version":3,"file":"CarouselItem.d.ts","sourceRoot":"","sources":["../../../src/components/Carousel/CarouselItem.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAqB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AACzD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAIpD,MAAM,MAAM,iBAAiB,GAAG,QAAQ,CAAC;IACvC,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,aAAa,CAAA;IACpB,QAAQ,EAAE,MAAM,IAAI,CAAA;IACpB,QAAQ,EAAE,SAAS,CAAA;CACpB,CAAC,CAAA;AAEF,eAAO,MAAM,YAAY,0CAKtB,iBAAiB,4CAsCnB,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"CarouselItem.js","names":["useEffect","useRef","ReactNode","CarouselStore","observeCenter","observeResize","CarouselItemProps","Readonly","index","store","onResize","children","CarouselItem","ref","HTMLDivElement","el","current","dispatch","type","lastNonce","getSnapshot","scroll","nonce","subscribe","scrollIntoView","behavior","inline","block"],"sources":["../../../src/components/Carousel/CarouselItem.tsx"],"sourcesContent":["import { useEffect, useRef, type ReactNode } from 'react'\nimport type { CarouselStore } from './carouselStore'\nimport { observeCenter } from './intersectionObserver'\nimport { observeResize } from './resizeObserver'\n\nexport type CarouselItemProps = Readonly<{\n  index: number\n  store: CarouselStore\n  onResize: () => void\n  children: ReactNode\n}>\n\nexport const CarouselItem = ({\n  index,\n  store,\n  onResize,\n  children,\n}: CarouselItemProps) => {\n  const ref = useRef<HTMLDivElement>(null)\n\n  // activeIndex: 自分が中央に来たら store に報告する（root は親=scroller から導出）。\n  useEffect(() => {\n    const el = ref.current\n    if (!el) return\n    return observeCenter(el, () => store.dispatch({ type: 'setActive', index }))\n  }, [index, store])\n\n  // scrollToItem: 自分宛ての命令でだけ自己スクロールする（再レンダーしない）。\n  useEffect(() => {\n    let lastNonce = store.getSnapshot().scroll?.nonce ?? 0\n    return store.subscribe(() => {\n      const scroll = store.getSnapshot().scroll\n      if (!scroll || scroll.index !== index || scroll.nonce === lastNonce)\n        return\n      lastNonce = scroll.nonce\n      ref.current?.scrollIntoView({\n        behavior: 'smooth',\n        inline: 'center',\n        block: 'nearest',\n      })\n    })\n  }, [index, store])\n\n  // 遅延コンテンツ: 自分のサイズ変化を onResize で通知する。\n  useEffect(() => {\n    const el = ref.current\n    if (!el) return\n    return observeResize(el, onResize)\n  }, [onResize])\n\n  return (\n    <div ref={ref} className=\"charcoal-carousel__item\">\n      {children}\n    </div>\n  )\n}\n"],"mappings":";;;;;;;AAYA,MAAaY,gBAAgB,EAC3BJ,OACAC,OACAC,UACAC,eACuB;CACvB,MAAME,MAAMZ,OAAuB,KAAK;CAGxCD,gBAAgB;EACd,MAAMe,KAAKF,IAAIG;EACf,IAAI,CAACD,IAAI;EACT,OAAOX,cAAcW,UAAUN,MAAMQ,SAAS;GAAEC,MAAM;GAAaV;GAAO,CAAC,CAAC;IAC3E,CAACA,OAAOC,MAAM,CAAC;CAGlBT,gBAAgB;EACd,IAAImB,YAAYV,MAAMW,aAAa,CAACC,QAAQC,SAAS;EACrD,OAAOb,MAAMc,gBAAgB;GAC3B,MAAMF,SAASZ,MAAMW,aAAa,CAACC;GACnC,IAAI,CAACA,UAAUA,OAAOb,UAAUA,SAASa,OAAOC,UAAUH,WACxD;GACFA,YAAYE,OAAOC;GACnBT,IAAIG,SAASQ,eAAe;IAC1BC,UAAU;IACVC,QAAQ;IACRC,OAAO;IACR,CAAC;IACF;IACD,CAACnB,OAAOC,MAAM,CAAC;CAGlBT,gBAAgB;EACd,MAAMe,KAAKF,IAAIG;EACf,IAAI,CAACD,IAAI;EACT,OAAOV,cAAcU,IAAIL,SAAS;IACjC,CAACA,SAAS,CAAC;CAEd,OACE,oBAAC,OAAD;EAAUG;EAAK,WAAU;EACtBF;EACG"}
+{"version":3,"file":"CarouselItem.js","names":[],"sources":["../../../src/components/Carousel/CarouselItem.tsx"],"sourcesContent":["import { useEffect, useRef, type ReactNode } from 'react'\nimport type { CarouselStore } from './carouselStore'\nimport { observeCenter } from './intersectionObserver'\nimport { observeResize } from './resizeObserver'\n\nexport type CarouselItemProps = Readonly<{\n  index: number\n  store: CarouselStore\n  onResize: () => void\n  children: ReactNode\n}>\n\nexport const CarouselItem = ({\n  index,\n  store,\n  onResize,\n  children,\n}: CarouselItemProps) => {\n  const ref = useRef<HTMLDivElement>(null)\n\n  // activeIndex: 自分が中央に来たら store に報告する（root は親=scroller から導出）。\n  useEffect(() => {\n    const el = ref.current\n    if (!el) return\n    return observeCenter(el, () => store.dispatch({ type: 'setActive', index }))\n  }, [index, store])\n\n  // scrollToItem: 自分宛ての命令でだけ自己スクロールする（再レンダーしない）。\n  useEffect(() => {\n    let lastNonce = store.getSnapshot().scroll?.nonce ?? 0\n    return store.subscribe(() => {\n      const scroll = store.getSnapshot().scroll\n      if (!scroll || scroll.index !== index || scroll.nonce === lastNonce)\n        return\n      lastNonce = scroll.nonce\n      ref.current?.scrollIntoView({\n        behavior: 'smooth',\n        inline: 'center',\n        block: 'nearest',\n      })\n    })\n  }, [index, store])\n\n  // 遅延コンテンツ: 自分のサイズ変化を onResize で通知する。\n  useEffect(() => {\n    const el = ref.current\n    if (!el) return\n    return observeResize(el, onResize)\n  }, [onResize])\n\n  return (\n    <div ref={ref} className=\"charcoal-carousel__item\">\n      {children}\n    </div>\n  )\n}\n"],"mappings":";;;;;;;AAYA,MAAa,gBAAgB,EAC3B,OACA,OACA,UACA,eACuB;CACvB,MAAM,MAAM,OAAuB,IAAI;CAGvC,gBAAgB;EACd,MAAM,KAAK,IAAI;EACf,IAAI,CAAC,IAAI;EACT,OAAO,cAAc,UAAU,MAAM,SAAS;GAAE,MAAM;GAAa;EAAM,CAAC,CAAC;CAC7E,GAAG,CAAC,OAAO,KAAK,CAAC;CAGjB,gBAAgB;EACd,IAAI,YAAY,MAAM,YAAY,CAAC,CAAC,QAAQ,SAAS;EACrD,OAAO,MAAM,gBAAgB;GAC3B,MAAM,SAAS,MAAM,YAAY,CAAC,CAAC;GACnC,IAAI,CAAC,UAAU,OAAO,UAAU,SAAS,OAAO,UAAU,WACxD;GACF,YAAY,OAAO;GACnB,IAAI,SAAS,eAAe;IAC1B,UAAU;IACV,QAAQ;IACR,OAAO;GACT,CAAC;EACH,CAAC;CACH,GAAG,CAAC,OAAO,KAAK,CAAC;CAGjB,gBAAgB;EACd,MAAM,KAAK,IAAI;EACf,IAAI,CAAC,IAAI;EACT,OAAO,cAAc,IAAI,QAAQ;CACnC,GAAG,CAAC,QAAQ,CAAC;CAEb,OACE,oBAAC,OAAD;EAAU;EAAK,WAAU;EACtB;CACE;AAET"}

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

@@ -1 +1 @@
-{"version":3,"file":"carouselStore.cjs","names":["createStore","Store","CarouselState","Readonly","activeIndex","canPrev","canNext","scroll","index","nonce","CarouselAction","type","CarouselStore","INITIAL_CAROUSEL_STATE","reducer","state","action","createCarouselStore"],"sources":["../../../src/components/Carousel/carouselStore.ts"],"sourcesContent":["import { createStore, type Store } from './store'\n\nexport type CarouselState = Readonly<{\n  activeIndex: number\n  canPrev: boolean\n  canNext: boolean\n  scroll: { index: number; nonce: number } | null\n}>\n\nexport type CarouselAction =\n  | { type: 'setActive'; index: number }\n  | { type: 'setScrollState'; canPrev: boolean; canNext: boolean }\n  | { type: 'requestScroll'; index: number }\n\nexport type CarouselStore = Store<CarouselState, CarouselAction>\n\nexport const INITIAL_CAROUSEL_STATE: CarouselState = {\n  activeIndex: 0,\n  canPrev: false,\n  canNext: false,\n  scroll: null,\n}\n\nconst reducer = (\n  state: CarouselState,\n  action: CarouselAction,\n): CarouselState => {\n  switch (action.type) {\n    case 'setActive':\n      return state.activeIndex === action.index\n        ? state\n        : { ...state, activeIndex: action.index }\n    case 'setScrollState':\n      return state.canPrev === action.canPrev &&\n        state.canNext === action.canNext\n        ? state\n        : { ...state, canPrev: action.canPrev, canNext: action.canNext }\n    case 'requestScroll':\n      return {\n        ...state,\n        scroll: { index: action.index, nonce: (state.scroll?.nonce ?? 0) + 1 },\n      }\n  }\n}\n\nexport function createCarouselStore(): CarouselStore {\n  return createStore(reducer, INITIAL_CAROUSEL_STATE)\n}\n"],"mappings":";;;;AAgBA,MAAaa,yBAAwC;CACnDT,aAAa;CACbC,SAAS;CACTC,SAAS;CACTC,QAAQ;CACT;AAED,MAAMO,WACJC,OACAC,WACkB;CAClB,QAAQA,OAAOL,MAAf;EACE,KAAK,aACH,OAAOI,MAAMX,gBAAgBY,OAAOR,QAChCO,QACA;GAAE,GAAGA;GAAOX,aAAaY,OAAOR;GAAO;EAC7C,KAAK,kBACH,OAAOO,MAAMV,YAAYW,OAAOX,WAC9BU,MAAMT,YAAYU,OAAOV,UACvBS,QACA;GAAE,GAAGA;GAAOV,SAASW,OAAOX;GAASC,SAASU,OAAOV;GAAS;EACpE,KAAK,iBACH,OAAO;GACL,GAAGS;GACHR,QAAQ;IAAEC,OAAOQ,OAAOR;IAAOC,QAAQM,MAAMR,QAAQE,SAAS,KAAK;IAAE;GACtE;;;AAIP,SAAgBQ,sBAAqC;CACnD,OAAOjB,0BAAYc,SAASD,uBAAuB"}
+{"version":3,"file":"carouselStore.cjs","names":[],"sources":["../../../src/components/Carousel/carouselStore.ts"],"sourcesContent":["import { createStore, type Store } from './store'\n\nexport type CarouselState = Readonly<{\n  activeIndex: number\n  canPrev: boolean\n  canNext: boolean\n  scroll: { index: number; nonce: number } | null\n}>\n\nexport type CarouselAction =\n  | { type: 'setActive'; index: number }\n  | { type: 'setScrollState'; canPrev: boolean; canNext: boolean }\n  | { type: 'requestScroll'; index: number }\n\nexport type CarouselStore = Store<CarouselState, CarouselAction>\n\nexport const INITIAL_CAROUSEL_STATE: CarouselState = {\n  activeIndex: 0,\n  canPrev: false,\n  canNext: false,\n  scroll: null,\n}\n\nconst reducer = (\n  state: CarouselState,\n  action: CarouselAction,\n): CarouselState => {\n  switch (action.type) {\n    case 'setActive':\n      return state.activeIndex === action.index\n        ? state\n        : { ...state, activeIndex: action.index }\n    case 'setScrollState':\n      return state.canPrev === action.canPrev &&\n        state.canNext === action.canNext\n        ? state\n        : { ...state, canPrev: action.canPrev, canNext: action.canNext }\n    case 'requestScroll':\n      return {\n        ...state,\n        scroll: { index: action.index, nonce: (state.scroll?.nonce ?? 0) + 1 },\n      }\n  }\n}\n\nexport function createCarouselStore(): CarouselStore {\n  return createStore(reducer, INITIAL_CAROUSEL_STATE)\n}\n"],"mappings":";;;;AAgBA,MAAa,yBAAwC;CACnD,aAAa;CACb,SAAS;CACT,SAAS;CACT,QAAQ;AACV;AAEA,MAAM,WACJ,OACA,WACkB;CAClB,QAAQ,OAAO,MAAf;EACE,KAAK,aACH,OAAO,MAAM,gBAAgB,OAAO,QAChC,QACA;GAAE,GAAG;GAAO,aAAa,OAAO;EAAM;EAC5C,KAAK,kBACH,OAAO,MAAM,YAAY,OAAO,WAC9B,MAAM,YAAY,OAAO,UACvB,QACA;GAAE,GAAG;GAAO,SAAS,OAAO;GAAS,SAAS,OAAO;EAAQ;EACnE,KAAK,iBACH,OAAO;GACL,GAAG;GACH,QAAQ;IAAE,OAAO,OAAO;IAAO,QAAQ,MAAM,QAAQ,SAAS,KAAK;GAAE;EACvE;CACJ;AACF;AAEA,SAAgB,sBAAqC;CACnD,OAAO,0BAAY,SAAS,sBAAsB;AACpD"}

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

@@ -1 +1 @@
-{"version":3,"file":"carouselStore.js","names":["createStore","Store","CarouselState","Readonly","activeIndex","canPrev","canNext","scroll","index","nonce","CarouselAction","type","CarouselStore","INITIAL_CAROUSEL_STATE","reducer","state","action","createCarouselStore"],"sources":["../../../src/components/Carousel/carouselStore.ts"],"sourcesContent":["import { createStore, type Store } from './store'\n\nexport type CarouselState = Readonly<{\n  activeIndex: number\n  canPrev: boolean\n  canNext: boolean\n  scroll: { index: number; nonce: number } | null\n}>\n\nexport type CarouselAction =\n  | { type: 'setActive'; index: number }\n  | { type: 'setScrollState'; canPrev: boolean; canNext: boolean }\n  | { type: 'requestScroll'; index: number }\n\nexport type CarouselStore = Store<CarouselState, CarouselAction>\n\nexport const INITIAL_CAROUSEL_STATE: CarouselState = {\n  activeIndex: 0,\n  canPrev: false,\n  canNext: false,\n  scroll: null,\n}\n\nconst reducer = (\n  state: CarouselState,\n  action: CarouselAction,\n): CarouselState => {\n  switch (action.type) {\n    case 'setActive':\n      return state.activeIndex === action.index\n        ? state\n        : { ...state, activeIndex: action.index }\n    case 'setScrollState':\n      return state.canPrev === action.canPrev &&\n        state.canNext === action.canNext\n        ? state\n        : { ...state, canPrev: action.canPrev, canNext: action.canNext }\n    case 'requestScroll':\n      return {\n        ...state,\n        scroll: { index: action.index, nonce: (state.scroll?.nonce ?? 0) + 1 },\n      }\n  }\n}\n\nexport function createCarouselStore(): CarouselStore {\n  return createStore(reducer, INITIAL_CAROUSEL_STATE)\n}\n"],"mappings":";;;;AAgBA,MAAaa,yBAAwC;CACnDT,aAAa;CACbC,SAAS;CACTC,SAAS;CACTC,QAAQ;CACT;AAED,MAAMO,WACJC,OACAC,WACkB;CAClB,QAAQA,OAAOL,MAAf;EACE,KAAK,aACH,OAAOI,MAAMX,gBAAgBY,OAAOR,QAChCO,QACA;GAAE,GAAGA;GAAOX,aAAaY,OAAOR;GAAO;EAC7C,KAAK,kBACH,OAAOO,MAAMV,YAAYW,OAAOX,WAC9BU,MAAMT,YAAYU,OAAOV,UACvBS,QACA;GAAE,GAAGA;GAAOV,SAASW,OAAOX;GAASC,SAASU,OAAOV;GAAS;EACpE,KAAK,iBACH,OAAO;GACL,GAAGS;GACHR,QAAQ;IAAEC,OAAOQ,OAAOR;IAAOC,QAAQM,MAAMR,QAAQE,SAAS,KAAK;IAAE;GACtE;;;AAIP,SAAgBQ,sBAAqC;CACnD,OAAOjB,YAAYc,SAASD,uBAAuB"}
+{"version":3,"file":"carouselStore.js","names":[],"sources":["../../../src/components/Carousel/carouselStore.ts"],"sourcesContent":["import { createStore, type Store } from './store'\n\nexport type CarouselState = Readonly<{\n  activeIndex: number\n  canPrev: boolean\n  canNext: boolean\n  scroll: { index: number; nonce: number } | null\n}>\n\nexport type CarouselAction =\n  | { type: 'setActive'; index: number }\n  | { type: 'setScrollState'; canPrev: boolean; canNext: boolean }\n  | { type: 'requestScroll'; index: number }\n\nexport type CarouselStore = Store<CarouselState, CarouselAction>\n\nexport const INITIAL_CAROUSEL_STATE: CarouselState = {\n  activeIndex: 0,\n  canPrev: false,\n  canNext: false,\n  scroll: null,\n}\n\nconst reducer = (\n  state: CarouselState,\n  action: CarouselAction,\n): CarouselState => {\n  switch (action.type) {\n    case 'setActive':\n      return state.activeIndex === action.index\n        ? state\n        : { ...state, activeIndex: action.index }\n    case 'setScrollState':\n      return state.canPrev === action.canPrev &&\n        state.canNext === action.canNext\n        ? state\n        : { ...state, canPrev: action.canPrev, canNext: action.canNext }\n    case 'requestScroll':\n      return {\n        ...state,\n        scroll: { index: action.index, nonce: (state.scroll?.nonce ?? 0) + 1 },\n      }\n  }\n}\n\nexport function createCarouselStore(): CarouselStore {\n  return createStore(reducer, INITIAL_CAROUSEL_STATE)\n}\n"],"mappings":";;;;AAgBA,MAAa,yBAAwC;CACnD,aAAa;CACb,SAAS;CACT,SAAS;CACT,QAAQ;AACV;AAEA,MAAM,WACJ,OACA,WACkB;CAClB,QAAQ,OAAO,MAAf;EACE,KAAK,aACH,OAAO,MAAM,gBAAgB,OAAO,QAChC,QACA;GAAE,GAAG;GAAO,aAAa,OAAO;EAAM;EAC5C,KAAK,kBACH,OAAO,MAAM,YAAY,OAAO,WAC9B,MAAM,YAAY,OAAO,UACvB,QACA;GAAE,GAAG;GAAO,SAAS,OAAO;GAAS,SAAS,OAAO;EAAQ;EACnE,KAAK,iBACH,OAAO;GACL,GAAG;GACH,QAAQ;IAAE,OAAO,OAAO;IAAO,QAAQ,MAAM,QAAQ,SAAS,KAAK;GAAE;EACvE;CACJ;AACF;AAEA,SAAgB,sBAAqC;CACnD,OAAO,YAAY,SAAS,sBAAsB;AACpD"}

package/dist/components/Carousel/index.d.ts

@@ -42,7 +42,7 @@ declare const _default: import("react").MemoExoticComponent<import("react").Forw
     fullWidth?: boolean;
     navigationButtons?: boolean;
     indicator?: boolean;
-    size?: "S" | "M";
+    size?: 'S' | 'M';
     scrollStep?: ScrollStep;
     scrollSnap?: ScrollSnap;
     onScroll?: (left: number) => void;

package/dist/components/Carousel/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Carousel/index.tsx"],"names":[],"mappings":"AAAA,OAAO,aAAa,CAAA;AAEpB,OAAO,EAYL,KAAK,SAAS,EACf,MAAM,OAAO,CAAA;AAcd,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAA;AAErD,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,WAAW,GAAG,WAAW,CAAA;AAE/D,MAAM,MAAM,eAAe,GAAG,QAAQ,GAAG,OAAO,CAAA;AAEhD,MAAM,MAAM,UAAU,GAAG,QAAQ,CAAC;IAChC,IAAI,CAAC,EAAE,cAAc,CAAA;IACrB,KAAK,CAAC,EAAE,eAAe,CAAA;CACxB,CAAC,CAAA;AAEF,MAAM,MAAM,iBAAiB,GAAG,QAAQ,CAAC;IACvC,WAAW,EAAE,MAAM,CAAA;IACnB,WAAW,EAAE,MAAM,CAAA;IACnB,UAAU,EAAE,MAAM,CAAA;IAClB,SAAS,EAAE,MAAM,GAAG,MAAM,CAAA;CAC3B,CAAC,CAAA;AAEF,MAAM,MAAM,UAAU,GAAG,MAAM,GAAG,CAAC,CAAC,GAAG,EAAE,iBAAiB,KAAK,MAAM,CAAC,CAAA;AAGtE,MAAM,MAAM,kBAAkB,GAAG;IAC/B,WAAW,EAAE,MAAM,IAAI,CAAA;CACxB,CAAA;AAED,MAAM,MAAM,aAAa,GAAG,QAAQ,CAAC;IACnC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,IAAI,CAAC,EAAE,GAAG,GAAG,GAAG,CAAA;IAEhB,UAAU,CAAC,EAAE,UAAU,CAAA;IAGvB,UAAU,CAAC,EAAE,UAAU,CAAA;IAEvB,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IACjC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAClC,mBAAmB,CAAC,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAA;IAClD,aAAa,CAAC,EAAE;QAAE,KAAK,CAAC,EAAE,WAAW,CAAC;QAAC,MAAM,CAAC,EAAE,MAAM,CAAA;KAAE,CAAA;IAExD,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAErB,QAAQ,EAAE,SAAS,CAAA;CACpB,CAAC,CAAA;;gBApBY,MAAM;kBACJ,OAAO;gBACT,OAAO;wBACC,OAAO;gBACf,OAAO;WACZ,GAAG,GAAG,GAAG;iBAEH,UAAU;iBAGV,UAAU;eAEZ,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI;eACtB,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI;0BACZ,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI;oBAClC;QAAE,KAAK,CAAC,EAAE,WAAW,CAAC;QAAC,MAAM,CAAC,EAAE,MAAM,CAAA;KAAE;UAElD,MAAM,GAAG,MAAM;cAEX,SAAS;;AA4OrB,wBAA6B"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Carousel/index.tsx"],"names":[],"mappings":"AAAA,OAAO,aAAa,CAAA;AAEpB,OAAO,EAYL,KAAK,SAAS,EACf,MAAM,OAAO,CAAA;AAcd,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAA;AAErD,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,WAAW,GAAG,WAAW,CAAA;AAE/D,MAAM,MAAM,eAAe,GAAG,QAAQ,GAAG,OAAO,CAAA;AAEhD,MAAM,MAAM,UAAU,GAAG,QAAQ,CAAC;IAChC,IAAI,CAAC,EAAE,cAAc,CAAA;IACrB,KAAK,CAAC,EAAE,eAAe,CAAA;CACxB,CAAC,CAAA;AAEF,MAAM,MAAM,iBAAiB,GAAG,QAAQ,CAAC;IACvC,WAAW,EAAE,MAAM,CAAA;IACnB,WAAW,EAAE,MAAM,CAAA;IACnB,UAAU,EAAE,MAAM,CAAA;IAClB,SAAS,EAAE,MAAM,GAAG,MAAM,CAAA;CAC3B,CAAC,CAAA;AAEF,MAAM,MAAM,UAAU,GAAG,MAAM,GAAG,CAAC,CAAC,GAAG,EAAE,iBAAiB,KAAK,MAAM,CAAC,CAAA;AAGtE,MAAM,MAAM,kBAAkB,GAAG;IAC/B,WAAW,EAAE,MAAM,IAAI,CAAA;CACxB,CAAA;AAED,MAAM,MAAM,aAAa,GAAG,QAAQ,CAAC;IACnC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,IAAI,CAAC,EAAE,GAAG,GAAG,GAAG,CAAA;IAEhB,UAAU,CAAC,EAAE,UAAU,CAAA;IAGvB,UAAU,CAAC,EAAE,UAAU,CAAA;IAEvB,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IACjC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAClC,mBAAmB,CAAC,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAA;IAClD,aAAa,CAAC,EAAE;QAAE,KAAK,CAAC,EAAE,WAAW,CAAC;QAAC,MAAM,CAAC,EAAE,MAAM,CAAA;KAAE,CAAA;IAExD,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAErB,QAAQ,EAAE,SAAS,CAAA;CACpB,CAAC,CAAA;;gBApBY,MAAM;kBACJ,OAAO;gBACT,OAAO;wBACC,OAAO;gBACf,OAAO;WACZ,GAAG,GAAG,GAAG;iBAEH,UAAU;iBAGV,UAAU;eAEZ,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI;eACtB,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI;0BACZ,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI;oBAClC;QAAE,KAAK,CAAC,EAAE,WAAW,CAAC;QAAC,MAAM,CAAC,EAAE,MAAM,CAAA;KAAE;UAElD,MAAM,GAAG,MAAM;cAEX,SAAS"}

package/dist/components/Carousel/index2.cjs

@@ -1,5 +1,4 @@
 "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');

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

@@ -1 +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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"}
+{"version":3,"file":"index2.cjs","names":[],"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.map

@@ -1 +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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"}
+{"version":3,"file":"index2.js","names":[],"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.map

@@ -1 +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"}
+{"version":3,"file":"intersectionObserver.cjs","names":[],"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,MAAM,qBAAqB;AAQ3B,MAAM,yBAAS,IAAI,IAA0B;;;;;;AAO7C,SAAgB,cACd,IACA,SACY;CAGZ,IACE,OAAO,WAAW,eAClB,OAAO,yBAAyB,aAEhC,aAAa;CACf,MAAM,OAAO,GAAG;CAChB,IAAI,CAAC,MAAM,aAAa;CAExB,IAAI,QAAQ,OAAO,IAAI,IAAI;CAC3B,IAAI,CAAC,OAAO;EACV,MAAM,4BAAY,IAAI,IAAyB;EAS/C,QAAQ;GAAE,cARW,sBAClB,YAAY;IACX,KAAK,MAAM,KAAK,SACd,IAAI,EAAE,gBAAgB,UAAU,IAAI,EAAE,MAAM,CAAC,GAAG;GAEpD,GACA;IAAE;IAAM,YAAY;IAAoB,WAAW;GAAE,CAE7C;GAAU;EAAU;EAC9B,OAAO,IAAI,MAAM,KAAK;CACxB;CACA,MAAM,UAAU,IAAI,IAAI,OAAO;CAC/B,MAAM,SAAS,QAAQ,EAAE;CAEzB,aAAa;EACX,MAAM,IAAI,OAAO,IAAI,IAAI;EACzB,IAAI,CAAC,GAAG;EACR,EAAE,UAAU,OAAO,EAAE;EACrB,EAAE,SAAS,UAAU,EAAE;EACvB,IAAI,EAAE,UAAU,SAAS,GAAG;GAC1B,EAAE,SAAS,WAAW;GACtB,OAAO,OAAO,IAAI;EACpB;CACF;AACF"}

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

@@ -1 +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"}
+{"version":3,"file":"intersectionObserver.js","names":[],"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,MAAM,qBAAqB;AAQ3B,MAAM,yBAAS,IAAI,IAA0B;;;;;;AAO7C,SAAgB,cACd,IACA,SACY;CAGZ,IACE,OAAO,WAAW,eAClB,OAAO,yBAAyB,aAEhC,aAAa;CACf,MAAM,OAAO,GAAG;CAChB,IAAI,CAAC,MAAM,aAAa;CAExB,IAAI,QAAQ,OAAO,IAAI,IAAI;CAC3B,IAAI,CAAC,OAAO;EACV,MAAM,4BAAY,IAAI,IAAyB;EAS/C,QAAQ;GAAE,cARW,sBAClB,YAAY;IACX,KAAK,MAAM,KAAK,SACd,IAAI,EAAE,gBAAgB,UAAU,IAAI,EAAE,MAAM,CAAC,GAAG;GAEpD,GACA;IAAE;IAAM,YAAY;IAAoB,WAAW;GAAE,CAE7C;GAAU;EAAU;EAC9B,OAAO,IAAI,MAAM,KAAK;CACxB;CACA,MAAM,UAAU,IAAI,IAAI,OAAO;CAC/B,MAAM,SAAS,QAAQ,EAAE;CAEzB,aAAa;EACX,MAAM,IAAI,OAAO,IAAI,IAAI;EACzB,IAAI,CAAC,GAAG;EACR,EAAE,UAAU,OAAO,EAAE;EACrB,EAAE,SAAS,UAAU,EAAE;EACvB,IAAI,EAAE,UAAU,SAAS,GAAG;GAC1B,EAAE,SAAS,WAAW;GACtB,OAAO,OAAO,IAAI;EACpB;CACF;AACF"}

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

@@ -1 +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"}
+{"version":3,"file":"resizeObserver.cjs","names":[],"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,IAAI,WAAkC;AACtC,MAAM,4BAAY,IAAI,IAAyB;AAE/C,SAAS,cAAqC;CAG5C,IAAI,OAAO,WAAW,eAAe,OAAO,mBAAmB,aAC7D,OAAO;CACT,IAAI,CAAC,UACH,WAAW,IAAI,gBAAgB,YAAY;EACzC,KAAK,MAAM,KAAK,SAAS,UAAU,IAAI,EAAE,MAAM,CAAC,GAAG;CACrD,CAAC;CAEH,OAAO;AACT;;;;;AAMA,SAAgB,cAAc,IAAa,IAA4B;CACrE,MAAM,MAAM,YAAY;CACxB,IAAI,CAAC,KAAK,aAAa;CACvB,UAAU,IAAI,IAAI,EAAE;CACpB,IAAI,QAAQ,EAAE;CACd,aAAa;EACX,UAAU,OAAO,EAAE;EACnB,IAAI,UAAU,EAAE;EAChB,IAAI,UAAU,SAAS,GAAG;GACxB,IAAI,WAAW;GACf,WAAW;EACb;CACF;AACF"}

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

@@ -1 +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"}
+{"version":3,"file":"resizeObserver.js","names":[],"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,IAAI,WAAkC;AACtC,MAAM,4BAAY,IAAI,IAAyB;AAE/C,SAAS,cAAqC;CAG5C,IAAI,OAAO,WAAW,eAAe,OAAO,mBAAmB,aAC7D,OAAO;CACT,IAAI,CAAC,UACH,WAAW,IAAI,gBAAgB,YAAY;EACzC,KAAK,MAAM,KAAK,SAAS,UAAU,IAAI,EAAE,MAAM,CAAC,GAAG;CACrD,CAAC;CAEH,OAAO;AACT;;;;;AAMA,SAAgB,cAAc,IAAa,IAA4B;CACrE,MAAM,MAAM,YAAY;CACxB,IAAI,CAAC,KAAK,aAAa;CACvB,UAAU,IAAI,IAAI,EAAE;CACpB,IAAI,QAAQ,EAAE;CACd,aAAa;EACX,UAAU,OAAO,EAAE;EACnB,IAAI,UAAU,EAAE;EAChB,IAAI,UAAU,SAAS,GAAG;GACxB,IAAI,WAAW;GACf,WAAW;EACb;CACF;AACF"}