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

package/dist/_lib/createDivComponent.cjs

@@ -0,0 +1,20 @@
+"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");
+
+//#region src/_lib/createDivComponent.tsx
+function createDivComponent(mainClassName) {
+	return (0, react.forwardRef)(function DivComponent({ className, ...props }, ref) {
+		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			className: require_useClassNames.useClassNames(mainClassName, className),
+			ref,
+			...props
+		});
+	});
+}
+
+//#endregion
+exports.createDivComponent = createDivComponent;
+//# sourceMappingURL=createDivComponent.cjs.map

package/dist/_lib/createDivComponent.cjs.map

@@ -0,0 +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"}

package/dist/_lib/createDivComponent.js

@@ -0,0 +1,19 @@
+"use client";
+import { useClassNames } from "./useClassNames.js";
+import { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/_lib/createDivComponent.tsx
+function createDivComponent(mainClassName) {
+	return forwardRef(function DivComponent({ className, ...props }, ref) {
+		return /* @__PURE__ */ jsx("div", {
+			className: useClassNames(mainClassName, className),
+			ref,
+			...props
+		});
+	});
+}
+
+//#endregion
+export { createDivComponent };
+//# sourceMappingURL=createDivComponent.js.map

package/dist/_lib/createDivComponent.js.map

@@ -0,0 +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"}

package/dist/_lib/index.cjs

@@ -0,0 +1,22 @@
+"use client";
+
+//#region src/_lib/index.ts
+/**
+* 複数のrefをマージする。
+*
+* forwardRefで受け取ったrefと、コンポーネント内で定義したrefを同じ要素につけたいケースなどで使う
+*/
+function mergeRefs(...refs) {
+	return (value) => {
+		for (const ref of refs) if (typeof ref === "function") ref(value);
+		else if (ref !== null) ref.current = value;
+	};
+}
+function countCodePointsInString(string) {
+	return Array.from(string).length;
+}
+
+//#endregion
+exports.countCodePointsInString = countCodePointsInString;
+exports.mergeRefs = mergeRefs;
+//# sourceMappingURL=index.cjs.map

package/dist/_lib/index.cjs.map

@@ -0,0 +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"}

package/dist/_lib/index.js

@@ -0,0 +1,20 @@
+"use client";
+//#region src/_lib/index.ts
+/**
+* 複数のrefをマージする。
+*
+* forwardRefで受け取ったrefと、コンポーネント内で定義したrefを同じ要素につけたいケースなどで使う
+*/
+function mergeRefs(...refs) {
+	return (value) => {
+		for (const ref of refs) if (typeof ref === "function") ref(value);
+		else if (ref !== null) ref.current = value;
+	};
+}
+function countCodePointsInString(string) {
+	return Array.from(string).length;
+}
+
+//#endregion
+export { countCodePointsInString, mergeRefs };
+//# sourceMappingURL=index.js.map

package/dist/_lib/index.js.map

@@ -0,0 +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"}

package/dist/_lib/useClassNames.cjs

@@ -0,0 +1,15 @@
+"use client";
+const require_runtime = require('../_virtual/_rolldown/runtime.cjs');
+let react = require("react");
+
+//#region src/_lib/useClassNames.ts
+/**
+* Join some class names if propsClassName is defined.
+*/
+function useClassNames(...classNames) {
+	return (0, react.useMemo)(() => classNames.filter((v) => v).join(" "), [classNames]);
+}
+
+//#endregion
+exports.useClassNames = useClassNames;
+//# sourceMappingURL=useClassNames.cjs.map

package/dist/_lib/useClassNames.cjs.map

@@ -0,0 +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"}

package/dist/_lib/useClassNames.js

@@ -0,0 +1,14 @@
+"use client";
+import { useMemo } from "react";
+
+//#region src/_lib/useClassNames.ts
+/**
+* Join some class names if propsClassName is defined.
+*/
+function useClassNames(...classNames) {
+	return useMemo(() => classNames.filter((v) => v).join(" "), [classNames]);
+}
+
+//#endregion
+export { useClassNames };
+//# sourceMappingURL=useClassNames.js.map

package/dist/_lib/useClassNames.js.map

@@ -0,0 +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"}

package/dist/_lib/useForwardedRef.cjs

@@ -0,0 +1,19 @@
+"use client";
+const require_runtime = require('../_virtual/_rolldown/runtime.cjs');
+let react = require("react");
+react = require_runtime.__toESM(react);
+
+//#region src/_lib/useForwardedRef.tsx
+function useForwardedRef(ref) {
+	const innerRef = react.useRef(null);
+	react.useEffect(() => {
+		if (!ref) return;
+		if (typeof ref === "function") ref(innerRef.current);
+		else ref.current = innerRef.current;
+	});
+	return innerRef;
+}
+
+//#endregion
+exports.useForwardedRef = useForwardedRef;
+//# sourceMappingURL=useForwardedRef.cjs.map

package/dist/_lib/useForwardedRef.cjs.map

@@ -0,0 +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"}

package/dist/_lib/useForwardedRef.js

@@ -0,0 +1,17 @@
+"use client";
+import * as React$1 from "react";
+
+//#region src/_lib/useForwardedRef.tsx
+function useForwardedRef(ref) {
+	const innerRef = React$1.useRef(null);
+	React$1.useEffect(() => {
+		if (!ref) return;
+		if (typeof ref === "function") ref(innerRef.current);
+		else ref.current = innerRef.current;
+	});
+	return innerRef;
+}
+
+//#endregion
+export { useForwardedRef };
+//# sourceMappingURL=useForwardedRef.js.map

package/dist/_lib/useForwardedRef.js.map

@@ -0,0 +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"}

package/dist/_lib/useIsomorphicLayoutEffect.cjs

@@ -0,0 +1,13 @@
+"use client";
+const require_runtime = require('../_virtual/_rolldown/runtime.cjs');
+let react = require("react");
+
+//#region src/_lib/useIsomorphicLayoutEffect.ts
+/**
+* SSR では useLayoutEffect が警告を出すため、サーバーでは useEffect にフォールバックする
+*/
+const useIsomorphicLayoutEffect = typeof window !== "undefined" ? react.useLayoutEffect : react.useEffect;
+
+//#endregion
+exports.useIsomorphicLayoutEffect = useIsomorphicLayoutEffect;
+//# sourceMappingURL=useIsomorphicLayoutEffect.cjs.map

package/dist/_lib/useIsomorphicLayoutEffect.cjs.map

@@ -0,0 +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"}

package/dist/_lib/useIsomorphicLayoutEffect.js

@@ -0,0 +1,12 @@
+"use client";
+import { useEffect, useLayoutEffect } from "react";
+
+//#region src/_lib/useIsomorphicLayoutEffect.ts
+/**
+* SSR では useLayoutEffect が警告を出すため、サーバーでは useEffect にフォールバックする
+*/
+const useIsomorphicLayoutEffect = typeof window !== "undefined" ? useLayoutEffect : useEffect;
+
+//#endregion
+export { useIsomorphicLayoutEffect };
+//# sourceMappingURL=useIsomorphicLayoutEffect.js.map

package/dist/_lib/useIsomorphicLayoutEffect.js.map

@@ -0,0 +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"}

package/dist/_virtual/_rolldown/runtime.cjs

@@ -0,0 +1,30 @@
+"use client";
+//#region \0rolldown/runtime.js
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+	if (from && typeof from === "object" || typeof from === "function") {
+		for (var keys = __getOwnPropNames(from), i = 0, n = keys.length, key; i < n; i++) {
+			key = keys[i];
+			if (!__hasOwnProp.call(to, key) && key !== except) {
+				__defProp(to, key, {
+					get: ((k) => from[k]).bind(null, key),
+					enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+				});
+			}
+		}
+	}
+	return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+	value: mod,
+	enumerable: true
+}) : target, mod));
+
+//#endregion
+
+exports.__toESM = __toESM;

package/dist/components/Button/index2.cjs

@@ -0,0 +1,26 @@
+"use client";
+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);
+let react_jsx_runtime = require("react/jsx-runtime");
+
+//#region src/components/Button/index.tsx
+const Button = (0, react.forwardRef)(function Button({ variant, fullWidth, size, className, component, isActive, ...props }, ref) {
+	const Component = (0, react.useMemo)(() => component ?? "button", [component]);
+	const classNames = require_useClassNames.useClassNames("charcoal-button", className);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Component, {
+		...props,
+		className: classNames,
+		"data-variant": variant,
+		"data-size": size,
+		"data-full-width": fullWidth,
+		"data-active": isActive,
+		ref
+	});
+});
+
+//#endregion
+exports.default = Button;
+//# sourceMappingURL=index2.cjs.map

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

@@ -0,0 +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"}

package/dist/components/Button/index2.js

@@ -0,0 +1,24 @@
+"use client";
+/* empty css      */
+import { useClassNames } from "../../_lib/useClassNames.js";
+import React, { forwardRef, useMemo } from "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/Button/index.tsx
+const Button = forwardRef(function Button({ variant, fullWidth, size, className, component, isActive, ...props }, ref) {
+	const Component = useMemo(() => component ?? "button", [component]);
+	const classNames = useClassNames("charcoal-button", className);
+	return /* @__PURE__ */ jsx(Component, {
+		...props,
+		className: classNames,
+		"data-variant": variant,
+		"data-size": size,
+		"data-full-width": fullWidth,
+		"data-active": isActive,
+		ref
+	});
+});
+
+//#endregion
+export { Button as default };
+//# sourceMappingURL=index2.js.map

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

@@ -0,0 +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"}

package/dist/components/Carousel/CarouselItem.cjs

@@ -0,0 +1,46 @@
+"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");
+let react_jsx_runtime = require("react/jsx-runtime");
+
+//#region src/components/Carousel/CarouselItem.tsx
+const CarouselItem = ({ index, store, onResize, children }) => {
+	const ref = (0, react.useRef)(null);
+	(0, react.useEffect)(() => {
+		const el = ref.current;
+		if (!el) return;
+		return require_intersectionObserver.observeCenter(el, () => store.dispatch({
+			type: "setActive",
+			index
+		}));
+	}, [index, store]);
+	(0, react.useEffect)(() => {
+		let lastNonce = store.getSnapshot().scroll?.nonce ?? 0;
+		return store.subscribe(() => {
+			const scroll = store.getSnapshot().scroll;
+			if (!scroll || scroll.index !== index || scroll.nonce === lastNonce) return;
+			lastNonce = scroll.nonce;
+			ref.current?.scrollIntoView({
+				behavior: "smooth",
+				inline: "center",
+				block: "nearest"
+			});
+		});
+	}, [index, store]);
+	(0, react.useEffect)(() => {
+		const el = ref.current;
+		if (!el) return;
+		return require_resizeObserver.observeResize(el, onResize);
+	}, [onResize]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		ref,
+		className: "charcoal-carousel__item",
+		children
+	});
+};
+
+//#endregion
+exports.CarouselItem = CarouselItem;
+//# sourceMappingURL=CarouselItem.cjs.map

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

@@ -0,0 +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"}

package/dist/components/Carousel/CarouselItem.js

@@ -0,0 +1,45 @@
+"use client";
+import { observeCenter } from "./intersectionObserver.js";
+import { observeResize } from "./resizeObserver.js";
+import { useEffect, useRef } from "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/Carousel/CarouselItem.tsx
+const CarouselItem = ({ index, store, onResize, children }) => {
+	const ref = useRef(null);
+	useEffect(() => {
+		const el = ref.current;
+		if (!el) return;
+		return observeCenter(el, () => store.dispatch({
+			type: "setActive",
+			index
+		}));
+	}, [index, store]);
+	useEffect(() => {
+		let lastNonce = store.getSnapshot().scroll?.nonce ?? 0;
+		return store.subscribe(() => {
+			const scroll = store.getSnapshot().scroll;
+			if (!scroll || scroll.index !== index || scroll.nonce === lastNonce) return;
+			lastNonce = scroll.nonce;
+			ref.current?.scrollIntoView({
+				behavior: "smooth",
+				inline: "center",
+				block: "nearest"
+			});
+		});
+	}, [index, store]);
+	useEffect(() => {
+		const el = ref.current;
+		if (!el) return;
+		return observeResize(el, onResize);
+	}, [onResize]);
+	return /* @__PURE__ */ jsx("div", {
+		ref,
+		className: "charcoal-carousel__item",
+		children
+	});
+};
+
+//#endregion
+export { CarouselItem };
+//# sourceMappingURL=CarouselItem.js.map

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

@@ -0,0 +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"}

package/dist/components/Carousel/carouselStore.cjs

@@ -0,0 +1,38 @@
+"use client";
+const require_store = require('./store.cjs');
+
+//#region src/components/Carousel/carouselStore.ts
+const INITIAL_CAROUSEL_STATE = {
+	activeIndex: 0,
+	canPrev: false,
+	canNext: false,
+	scroll: null
+};
+const reducer = (state, action) => {
+	switch (action.type) {
+		case "setActive": return state.activeIndex === action.index ? state : {
+			...state,
+			activeIndex: action.index
+		};
+		case "setScrollState": return state.canPrev === action.canPrev && state.canNext === action.canNext ? state : {
+			...state,
+			canPrev: action.canPrev,
+			canNext: action.canNext
+		};
+		case "requestScroll": return {
+			...state,
+			scroll: {
+				index: action.index,
+				nonce: (state.scroll?.nonce ?? 0) + 1
+			}
+		};
+	}
+};
+function createCarouselStore() {
+	return require_store.createStore(reducer, INITIAL_CAROUSEL_STATE);
+}
+
+//#endregion
+exports.INITIAL_CAROUSEL_STATE = INITIAL_CAROUSEL_STATE;
+exports.createCarouselStore = createCarouselStore;
+//# sourceMappingURL=carouselStore.cjs.map

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

@@ -0,0 +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"}

package/dist/components/Carousel/carouselStore.js

@@ -0,0 +1,37 @@
+"use client";
+import { createStore } from "./store.js";
+
+//#region src/components/Carousel/carouselStore.ts
+const INITIAL_CAROUSEL_STATE = {
+	activeIndex: 0,
+	canPrev: false,
+	canNext: false,
+	scroll: null
+};
+const reducer = (state, action) => {
+	switch (action.type) {
+		case "setActive": return state.activeIndex === action.index ? state : {
+			...state,
+			activeIndex: action.index
+		};
+		case "setScrollState": return state.canPrev === action.canPrev && state.canNext === action.canNext ? state : {
+			...state,
+			canPrev: action.canPrev,
+			canNext: action.canNext
+		};
+		case "requestScroll": return {
+			...state,
+			scroll: {
+				index: action.index,
+				nonce: (state.scroll?.nonce ?? 0) + 1
+			}
+		};
+	}
+};
+function createCarouselStore() {
+	return createStore(reducer, INITIAL_CAROUSEL_STATE);
+}
+
+//#endregion
+export { INITIAL_CAROUSEL_STATE, createCarouselStore };
+//# sourceMappingURL=carouselStore.js.map

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

@@ -0,0 +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"}