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

package/dist/components/Pagination/index2.cjs

@@ -0,0 +1,301 @@
+"use client";
+const require_runtime = require('../../_virtual/_rolldown/runtime.cjs');
+const require_useClassNames = require('../../_lib/useClassNames.cjs');
+const require_index = require('../IconButton/index2.cjs');
+require('./index.cjs');
+const require_helper = require('./helper.cjs');
+const require_PaginationContext = require('./PaginationContext.cjs');
+let react_jsx_runtime = require("react/jsx-runtime");
+let react_compiler_runtime = require("react-compiler-runtime");
+
+//#region src/components/Pagination/index.tsx
+function NavButton(t0) {
+	"use memo";
+	const $ = (0, react_compiler_runtime.c)(16);
+	if ($[0] !== "6df9a461da70eeb5250dbca07b72d0ce43e952d7b7d08baba19bf889ba545794") {
+		for (let $i = 0; $i < 16; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "6df9a461da70eeb5250dbca07b72d0ce43e952d7b7d08baba19bf889ba545794";
+	}
+	const { direction, ariaLabel } = t0;
+	const { page, pageCount, size, isLinkMode, makeUrl, LinkComponent, makeClickHandler, linkProps } = require_PaginationContext.usePaginationContext();
+	const isPrev = direction === "prev";
+	const targetPage = isPrev ? Math.max(1, page - 1) : Math.min(pageCount, page + 1);
+	const disabled = isPrev ? page <= 1 : page >= pageCount;
+	const navButtonClassName = require_useClassNames.useClassNames("charcoal-pagination-nav-button", linkProps?.className);
+	const t1 = isPrev ? "24/Prev" : "24/Next";
+	const t2 = disabled || void 0;
+	let t3;
+	if ($[1] !== LinkComponent || $[2] !== disabled || $[3] !== isLinkMode || $[4] !== linkProps || $[5] !== makeClickHandler || $[6] !== makeUrl || $[7] !== navButtonClassName || $[8] !== targetPage) {
+		t3 = isLinkMode && makeUrl ? {
+			component: LinkComponent,
+			href: makeUrl(targetPage),
+			"aria-disabled": disabled,
+			...linkProps,
+			className: navButtonClassName
+		} : {
+			disabled,
+			onClick: makeClickHandler(targetPage),
+			className: navButtonClassName
+		};
+		$[1] = LinkComponent;
+		$[2] = disabled;
+		$[3] = isLinkMode;
+		$[4] = linkProps;
+		$[5] = makeClickHandler;
+		$[6] = makeUrl;
+		$[7] = navButtonClassName;
+		$[8] = targetPage;
+		$[9] = t3;
+	} else t3 = $[9];
+	let t4;
+	if ($[10] !== ariaLabel || $[11] !== size || $[12] !== t1 || $[13] !== t2 || $[14] !== t3) {
+		t4 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index.default, {
+			icon: t1,
+			size,
+			"data-hidden": t2,
+			"aria-label": ariaLabel,
+			...t3
+		});
+		$[10] = ariaLabel;
+		$[11] = size;
+		$[12] = t1;
+		$[13] = t2;
+		$[14] = t3;
+		$[15] = t4;
+	} else t4 = $[15];
+	return t4;
+}
+function PageItem(t0) {
+	"use memo";
+	const $ = (0, react_compiler_runtime.c)(20);
+	if ($[0] !== "6df9a461da70eeb5250dbca07b72d0ce43e952d7b7d08baba19bf889ba545794") {
+		for (let $i = 0; $i < 20; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "6df9a461da70eeb5250dbca07b72d0ce43e952d7b7d08baba19bf889ba545794";
+	}
+	const { value } = t0;
+	const { page, size, isLinkMode, makeUrl, LinkComponent, makeClickHandler, linkProps } = require_PaginationContext.usePaginationContext();
+	const pageItemClassName = require_useClassNames.useClassNames("charcoal-pagination-button", linkProps?.className);
+	if (value === "...") {
+		let t1;
+		if ($[1] !== size) {
+			t1 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index.default, {
+				icon: "24/Dot",
+				size,
+				disabled: true,
+				className: "charcoal-pagination-spacer",
+				"aria-hidden": true
+			});
+			$[1] = size;
+			$[2] = t1;
+		} else t1 = $[2];
+		return t1;
+	}
+	if (value === page) {
+		let t1;
+		if ($[3] !== value) {
+			t1 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+				className: "charcoal-pagination-button",
+				"aria-current": "page",
+				children: value
+			});
+			$[3] = value;
+			$[4] = t1;
+		} else t1 = $[4];
+		return t1;
+	}
+	if (typeof value !== "number") return null;
+	if (isLinkMode && makeUrl) {
+		let t1;
+		if ($[5] !== makeUrl || $[6] !== value) {
+			t1 = makeUrl(value);
+			$[5] = makeUrl;
+			$[6] = value;
+			$[7] = t1;
+		} else t1 = $[7];
+		let t2;
+		if ($[8] !== LinkComponent || $[9] !== linkProps || $[10] !== pageItemClassName || $[11] !== t1 || $[12] !== value) {
+			t2 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(LinkComponent, {
+				href: t1,
+				...linkProps,
+				className: pageItemClassName,
+				children: value
+			});
+			$[8] = LinkComponent;
+			$[9] = linkProps;
+			$[10] = pageItemClassName;
+			$[11] = t1;
+			$[12] = value;
+			$[13] = t2;
+		} else t2 = $[13];
+		return t2;
+	}
+	let t1;
+	if ($[14] !== makeClickHandler || $[15] !== value) {
+		t1 = makeClickHandler(value);
+		$[14] = makeClickHandler;
+		$[15] = value;
+		$[16] = t1;
+	} else t1 = $[16];
+	let t2;
+	if ($[17] !== t1 || $[18] !== value) {
+		t2 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+			type: "button",
+			className: "charcoal-pagination-button",
+			onClick: t1,
+			children: value
+		});
+		$[17] = t1;
+		$[18] = value;
+		$[19] = t2;
+	} else t2 = $[19];
+	return t2;
+}
+function Pagination(t0) {
+	"use memo";
+	const $ = (0, react_compiler_runtime.c)(41);
+	if ($[0] !== "6df9a461da70eeb5250dbca07b72d0ce43e952d7b7d08baba19bf889ba545794") {
+		for (let $i = 0; $i < 41; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "6df9a461da70eeb5250dbca07b72d0ce43e952d7b7d08baba19bf889ba545794";
+	}
+	let className;
+	let linkProps;
+	let makeUrl;
+	let navProps;
+	let onChange;
+	let page;
+	let pageCount;
+	let pageRangeDisplayed;
+	let t1;
+	let t2;
+	let t3;
+	let t4;
+	if ($[1] !== t0) {
+		({page, pageCount, pageRangeDisplayed, size: t1, onChange, makeUrl, component: t2, linkProps, className, ariaLabelNext: t3, ariaLabelPrev: t4, ...navProps} = t0);
+		$[1] = t0;
+		$[2] = className;
+		$[3] = linkProps;
+		$[4] = makeUrl;
+		$[5] = navProps;
+		$[6] = onChange;
+		$[7] = page;
+		$[8] = pageCount;
+		$[9] = pageRangeDisplayed;
+		$[10] = t1;
+		$[11] = t2;
+		$[12] = t3;
+		$[13] = t4;
+	} else {
+		className = $[2];
+		linkProps = $[3];
+		makeUrl = $[4];
+		navProps = $[5];
+		onChange = $[6];
+		page = $[7];
+		pageCount = $[8];
+		pageRangeDisplayed = $[9];
+		t1 = $[10];
+		t2 = $[11];
+		t3 = $[12];
+		t4 = $[13];
+	}
+	const size = t1 === void 0 ? "M" : t1;
+	const LinkComponent = t2 === void 0 ? "a" : t2;
+	const ariaLabelNext = t3 === void 0 ? "Next" : t3;
+	const ariaLabelPrev = t4 === void 0 ? "Previous" : t4;
+	const window = require_helper.usePaginationWindow(page, pageCount, pageRangeDisplayed);
+	const isLinkMode = makeUrl !== void 0;
+	let t5;
+	if ($[14] !== onChange) {
+		t5 = (value) => () => onChange?.(value);
+		$[14] = onChange;
+		$[15] = t5;
+	} else t5 = $[15];
+	const makeClickHandler = t5;
+	const classNames = require_useClassNames.useClassNames("charcoal-pagination", className);
+	let t6;
+	if ($[16] !== LinkComponent || $[17] !== isLinkMode || $[18] !== linkProps || $[19] !== makeClickHandler || $[20] !== makeUrl || $[21] !== page || $[22] !== pageCount || $[23] !== size) {
+		t6 = {
+			page,
+			pageCount,
+			size,
+			isLinkMode,
+			makeUrl,
+			LinkComponent,
+			makeClickHandler,
+			linkProps
+		};
+		$[16] = LinkComponent;
+		$[17] = isLinkMode;
+		$[18] = linkProps;
+		$[19] = makeClickHandler;
+		$[20] = makeUrl;
+		$[21] = page;
+		$[22] = pageCount;
+		$[23] = size;
+		$[24] = t6;
+	} else t6 = $[24];
+	const t7 = t6;
+	let t8;
+	if ($[25] !== ariaLabelPrev) {
+		t8 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(NavButton, {
+			direction: "prev",
+			ariaLabel: ariaLabelPrev
+		});
+		$[25] = ariaLabelPrev;
+		$[26] = t8;
+	} else t8 = $[26];
+	let t9;
+	if ($[27] !== window) {
+		t9 = window.map(_temp);
+		$[27] = window;
+		$[28] = t9;
+	} else t9 = $[28];
+	let t10;
+	if ($[29] !== ariaLabelNext) {
+		t10 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(NavButton, {
+			direction: "next",
+			ariaLabel: ariaLabelNext
+		});
+		$[29] = ariaLabelNext;
+		$[30] = t10;
+	} else t10 = $[30];
+	let t11;
+	if ($[31] !== classNames || $[32] !== navProps || $[33] !== size || $[34] !== t10 || $[35] !== t8 || $[36] !== t9) {
+		t11 = /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("nav", {
+			"data-size": size,
+			"aria-label": "Pagination",
+			...navProps,
+			className: classNames,
+			children: [
+				t8,
+				t9,
+				t10
+			]
+		});
+		$[31] = classNames;
+		$[32] = navProps;
+		$[33] = size;
+		$[34] = t10;
+		$[35] = t8;
+		$[36] = t9;
+		$[37] = t11;
+	} else t11 = $[37];
+	let t12;
+	if ($[38] !== t11 || $[39] !== t7) {
+		t12 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_PaginationContext.PaginationContext.Provider, {
+			value: t7,
+			children: t11
+		});
+		$[38] = t11;
+		$[39] = t7;
+		$[40] = t12;
+	} else t12 = $[40];
+	return t12;
+}
+function _temp(p) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(PageItem, { value: p }, p);
+}
+
+//#endregion
+exports.default = Pagination;
+//# sourceMappingURL=index2.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index2.cjs","names":["usePaginationWindow","useClassNames","IconButton","IconButtonProps","PaginationContext","usePaginationContext","LinkComponentProps","PaginationContextValue","PageRangeDisplayed","Size","NavButtonProps","direction","ariaLabel","NavButton","t0","$","_c","$i","Symbol","for","page","pageCount","size","isLinkMode","makeUrl","LinkComponent","makeClickHandler","linkProps","isPrev","targetPage","Math","max","min","disabled","navButtonClassName","className","t1","t2","undefined","t3","component","href","onClick","t4","PageItem","value","pageItemClassName","PaginationCommonProps","pageRangeDisplayed","ariaLabelPrev","ariaLabelNext","NavProps","Omit","React","ComponentPropsWithoutRef","PaginationProps","ElementType","onChange","newPage","T","Pagination","navProps","window","t5","classNames","t6","contextValue","t7","t8","t9","map","_temp","t10","t11","t12","p"],"sources":["../../../src/components/Pagination/index.tsx"],"sourcesContent":["import './index.css'\n\nimport { usePaginationWindow } from './helper'\nimport { useClassNames } from '../../_lib/useClassNames'\nimport IconButton, { IconButtonProps } from '../IconButton'\nimport {\n  PaginationContext,\n  usePaginationContext,\n  type LinkComponentProps,\n  type PaginationContextValue,\n  type PageRangeDisplayed,\n  type Size,\n} from './PaginationContext'\n\ntype NavButtonProps = {\n  direction: 'prev' | 'next'\n  ariaLabel: IconButtonProps['aria-label']\n}\n\nfunction NavButton({ direction, ariaLabel }: NavButtonProps) {\n  'use memo'\n  const {\n    page,\n    pageCount,\n    size,\n    isLinkMode,\n    makeUrl,\n    LinkComponent,\n    makeClickHandler,\n    linkProps,\n  } = usePaginationContext()\n\n  const isPrev = direction === 'prev'\n  const targetPage = isPrev\n    ? Math.max(1, page - 1)\n    : Math.min(pageCount, page + 1)\n  const disabled = isPrev ? page <= 1 : page >= pageCount\n  const navButtonClassName = useClassNames(\n    'charcoal-pagination-nav-button',\n    linkProps?.className,\n  )\n\n  return (\n    <IconButton\n      icon={isPrev ? '24/Prev' : '24/Next'}\n      size={size}\n      /* Use data-hidden, not [hidden]: Tailwind preflight's `[hidden] { display: none !important }` would clobber `visibility: hidden` and collapse the layout space. */\n      data-hidden={disabled || undefined}\n      aria-label={ariaLabel}\n      {...(isLinkMode && makeUrl\n        ? {\n            component: LinkComponent as 'a',\n            href: makeUrl(targetPage),\n            'aria-disabled': disabled,\n            ...linkProps,\n            className: navButtonClassName,\n          }\n        : {\n            disabled,\n            onClick: makeClickHandler(targetPage),\n            className: navButtonClassName,\n          })}\n    />\n  )\n}\n\nfunction PageItem({ value }: { value: number | string }) {\n  'use memo'\n  const {\n    page,\n    size,\n    isLinkMode,\n    makeUrl,\n    LinkComponent,\n    makeClickHandler,\n    linkProps,\n  } = usePaginationContext()\n  const pageItemClassName = useClassNames(\n    'charcoal-pagination-button',\n    linkProps?.className,\n  )\n\n  // 省略記号\n  if (value === '...') {\n    return (\n      <IconButton\n        icon=\"24/Dot\"\n        size={size}\n        disabled\n        className=\"charcoal-pagination-spacer\"\n        aria-hidden\n      />\n    )\n  }\n  // 現在ページ（クリック不可）\n  if (value === page) {\n    return (\n      <span className=\"charcoal-pagination-button\" aria-current=\"page\">\n        {value}\n      </span>\n    )\n  }\n  if (typeof value !== 'number') return null\n  // リンクモード: ページへのリンク\n  if (isLinkMode && makeUrl) {\n    return (\n      <LinkComponent\n        href={makeUrl(value)}\n        {...linkProps}\n        className={pageItemClassName}\n      >\n        {value}\n      </LinkComponent>\n    )\n  }\n  // ボタンモード: クリックでページ遷移\n  return (\n    <button\n      type=\"button\"\n      className=\"charcoal-pagination-button\"\n      onClick={makeClickHandler(value)}\n    >\n      {value}\n    </button>\n  )\n}\n\ninterface PaginationCommonProps {\n  page: number\n  pageCount: number\n  pageRangeDisplayed?: PageRangeDisplayed\n  size?: Size\n  ariaLabelPrev?: string\n  ariaLabelNext?: string\n}\n\ntype NavProps = Omit<React.ComponentPropsWithoutRef<'nav'>, 'onChange'>\n\n/**\n * Pagination component. Use either `onChange` (button mode) or `makeUrl` (link mode).\n *\n * @example\n * // Button mode - for client-side state\n * <Pagination page={1} pageCount={10} onChange={setPage} />\n *\n * @example\n * // Link mode - for server routing / static pages\n * <Pagination page={1} pageCount={10} makeUrl={(p) => `?page=${p}`} />\n *\n * @example\n * // Link mode with custom component (e.g. Next.js Link)\n * <Pagination page={1} pageCount={10} makeUrl={(p) => `?page=${p}`} component={Link} />\n *\n * @example\n * // Link mode with linkProps (e.g. Next.js scroll)\n * <Pagination page={1} pageCount={10} makeUrl={(p) => `?page=${p}`} component={Link} linkProps={{ scroll: 'marker' }} />\n */\nexport type PaginationProps<T extends React.ElementType = 'a'> =\n  PaginationCommonProps &\n    NavProps &\n    (\n      | {\n          onChange(newPage: number): void\n          makeUrl?: never\n          component?: never\n          linkProps?: undefined\n        }\n      | {\n          makeUrl(page: number): string\n          onChange?: never\n          /**\n           * The component used for link elements. Receives `href`, `className`, and `children`.\n           * @default 'a'\n           */\n          component?: T\n          /**\n           * Additional props passed to all link elements (e.g. Next.js Link's scroll, prefetch).\n           */\n          linkProps?: Omit<\n            React.ComponentPropsWithoutRef<T>,\n            'href' | 'children'\n          >\n        }\n    )\n\nexport default function Pagination<T extends React.ElementType = 'a'>({\n  page,\n  pageCount,\n  pageRangeDisplayed,\n  size = 'M',\n  onChange,\n  makeUrl,\n  component: LinkComponent = 'a' as T,\n  linkProps,\n  className,\n  ariaLabelNext = 'Next',\n  ariaLabelPrev = 'Previous',\n  ...navProps\n}: PaginationProps<T>) {\n  'use memo'\n  const window = usePaginationWindow(page, pageCount, pageRangeDisplayed)\n  const isLinkMode = makeUrl !== undefined\n  const makeClickHandler = (value: number) => () => onChange?.(value)\n  const classNames = useClassNames('charcoal-pagination', className)\n\n  const contextValue = {\n    page,\n    pageCount,\n    size,\n    isLinkMode,\n    makeUrl,\n    LinkComponent,\n    makeClickHandler,\n    linkProps,\n  }\n\n  return (\n    <PaginationContext.Provider\n      value={\n        contextValue as PaginationContextValue<\n          React.ElementType<LinkComponentProps>\n        >\n      }\n    >\n      <nav\n        data-size={size}\n        aria-label=\"Pagination\"\n        {...navProps}\n        className={classNames}\n      >\n        <NavButton direction=\"prev\" ariaLabel={ariaLabelPrev} />\n        {window.map((p) => (\n          <PageItem key={p} value={p} />\n        ))}\n        <NavButton direction=\"next\" ariaLabel={ariaLabelNext} />\n      </nav>\n    </PaginationContext.Provider>\n  )\n}\n"],"mappings":"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"}

package/dist/components/Pagination/index2.js

@@ -0,0 +1,288 @@
+"use client";
+import { useClassNames } from "../../_lib/useClassNames.js";
+import IconButton from "../IconButton/index2.js";
+/* empty css      */
+import { usePaginationWindow } from "./helper.js";
+import { PaginationContext, usePaginationContext } from "./PaginationContext.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { c } from "react-compiler-runtime";
+
+//#region src/components/Pagination/index.tsx
+function NavButton(t0) {
+	"use memo";
+	const $ = c(15);
+	const { direction, ariaLabel } = t0;
+	const { page, pageCount, size, isLinkMode, makeUrl, LinkComponent, makeClickHandler, linkProps } = usePaginationContext();
+	const isPrev = direction === "prev";
+	const targetPage = isPrev ? Math.max(1, page - 1) : Math.min(pageCount, page + 1);
+	const disabled = isPrev ? page <= 1 : page >= pageCount;
+	const navButtonClassName = useClassNames("charcoal-pagination-nav-button", linkProps?.className);
+	const t1 = isPrev ? "24/Prev" : "24/Next";
+	const t2 = disabled || void 0;
+	let t3;
+	if ($[0] !== LinkComponent || $[1] !== disabled || $[2] !== isLinkMode || $[3] !== linkProps || $[4] !== makeClickHandler || $[5] !== makeUrl || $[6] !== navButtonClassName || $[7] !== targetPage) {
+		t3 = isLinkMode && makeUrl ? {
+			component: LinkComponent,
+			href: makeUrl(targetPage),
+			"aria-disabled": disabled,
+			...linkProps,
+			className: navButtonClassName
+		} : {
+			disabled,
+			onClick: makeClickHandler(targetPage),
+			className: navButtonClassName
+		};
+		$[0] = LinkComponent;
+		$[1] = disabled;
+		$[2] = isLinkMode;
+		$[3] = linkProps;
+		$[4] = makeClickHandler;
+		$[5] = makeUrl;
+		$[6] = navButtonClassName;
+		$[7] = targetPage;
+		$[8] = t3;
+	} else t3 = $[8];
+	let t4;
+	if ($[9] !== ariaLabel || $[10] !== size || $[11] !== t1 || $[12] !== t2 || $[13] !== t3) {
+		t4 = /* @__PURE__ */ jsx(IconButton, {
+			icon: t1,
+			size,
+			"data-hidden": t2,
+			"aria-label": ariaLabel,
+			...t3
+		});
+		$[9] = ariaLabel;
+		$[10] = size;
+		$[11] = t1;
+		$[12] = t2;
+		$[13] = t3;
+		$[14] = t4;
+	} else t4 = $[14];
+	return t4;
+}
+function PageItem(t0) {
+	"use memo";
+	const $ = c(19);
+	const { value } = t0;
+	const { page, size, isLinkMode, makeUrl, LinkComponent, makeClickHandler, linkProps } = usePaginationContext();
+	const pageItemClassName = useClassNames("charcoal-pagination-button", linkProps?.className);
+	if (value === "...") {
+		let t1;
+		if ($[0] !== size) {
+			t1 = /* @__PURE__ */ jsx(IconButton, {
+				icon: "24/Dot",
+				size,
+				disabled: true,
+				className: "charcoal-pagination-spacer",
+				"aria-hidden": true
+			});
+			$[0] = size;
+			$[1] = t1;
+		} else t1 = $[1];
+		return t1;
+	}
+	if (value === page) {
+		let t1;
+		if ($[2] !== value) {
+			t1 = /* @__PURE__ */ jsx("span", {
+				className: "charcoal-pagination-button",
+				"aria-current": "page",
+				children: value
+			});
+			$[2] = value;
+			$[3] = t1;
+		} else t1 = $[3];
+		return t1;
+	}
+	if (typeof value !== "number") return null;
+	if (isLinkMode && makeUrl) {
+		let t1;
+		if ($[4] !== makeUrl || $[5] !== value) {
+			t1 = makeUrl(value);
+			$[4] = makeUrl;
+			$[5] = value;
+			$[6] = t1;
+		} else t1 = $[6];
+		let t2;
+		if ($[7] !== LinkComponent || $[8] !== linkProps || $[9] !== pageItemClassName || $[10] !== t1 || $[11] !== value) {
+			t2 = /* @__PURE__ */ jsx(LinkComponent, {
+				href: t1,
+				...linkProps,
+				className: pageItemClassName,
+				children: value
+			});
+			$[7] = LinkComponent;
+			$[8] = linkProps;
+			$[9] = pageItemClassName;
+			$[10] = t1;
+			$[11] = value;
+			$[12] = t2;
+		} else t2 = $[12];
+		return t2;
+	}
+	let t1;
+	if ($[13] !== makeClickHandler || $[14] !== value) {
+		t1 = makeClickHandler(value);
+		$[13] = makeClickHandler;
+		$[14] = value;
+		$[15] = t1;
+	} else t1 = $[15];
+	let t2;
+	if ($[16] !== t1 || $[17] !== value) {
+		t2 = /* @__PURE__ */ jsx("button", {
+			type: "button",
+			className: "charcoal-pagination-button",
+			onClick: t1,
+			children: value
+		});
+		$[16] = t1;
+		$[17] = value;
+		$[18] = t2;
+	} else t2 = $[18];
+	return t2;
+}
+function Pagination(t0) {
+	"use memo";
+	const $ = c(40);
+	let className;
+	let linkProps;
+	let makeUrl;
+	let navProps;
+	let onChange;
+	let page;
+	let pageCount;
+	let pageRangeDisplayed;
+	let t1;
+	let t2;
+	let t3;
+	let t4;
+	if ($[0] !== t0) {
+		({page, pageCount, pageRangeDisplayed, size: t1, onChange, makeUrl, component: t2, linkProps, className, ariaLabelNext: t3, ariaLabelPrev: t4, ...navProps} = t0);
+		$[0] = t0;
+		$[1] = className;
+		$[2] = linkProps;
+		$[3] = makeUrl;
+		$[4] = navProps;
+		$[5] = onChange;
+		$[6] = page;
+		$[7] = pageCount;
+		$[8] = pageRangeDisplayed;
+		$[9] = t1;
+		$[10] = t2;
+		$[11] = t3;
+		$[12] = t4;
+	} else {
+		className = $[1];
+		linkProps = $[2];
+		makeUrl = $[3];
+		navProps = $[4];
+		onChange = $[5];
+		page = $[6];
+		pageCount = $[7];
+		pageRangeDisplayed = $[8];
+		t1 = $[9];
+		t2 = $[10];
+		t3 = $[11];
+		t4 = $[12];
+	}
+	const size = t1 === void 0 ? "M" : t1;
+	const LinkComponent = t2 === void 0 ? "a" : t2;
+	const ariaLabelNext = t3 === void 0 ? "Next" : t3;
+	const ariaLabelPrev = t4 === void 0 ? "Previous" : t4;
+	const window = usePaginationWindow(page, pageCount, pageRangeDisplayed);
+	const isLinkMode = makeUrl !== void 0;
+	let t5;
+	if ($[13] !== onChange) {
+		t5 = (value) => () => onChange?.(value);
+		$[13] = onChange;
+		$[14] = t5;
+	} else t5 = $[14];
+	const makeClickHandler = t5;
+	const classNames = useClassNames("charcoal-pagination", className);
+	let t6;
+	if ($[15] !== LinkComponent || $[16] !== isLinkMode || $[17] !== linkProps || $[18] !== makeClickHandler || $[19] !== makeUrl || $[20] !== page || $[21] !== pageCount || $[22] !== size) {
+		t6 = {
+			page,
+			pageCount,
+			size,
+			isLinkMode,
+			makeUrl,
+			LinkComponent,
+			makeClickHandler,
+			linkProps
+		};
+		$[15] = LinkComponent;
+		$[16] = isLinkMode;
+		$[17] = linkProps;
+		$[18] = makeClickHandler;
+		$[19] = makeUrl;
+		$[20] = page;
+		$[21] = pageCount;
+		$[22] = size;
+		$[23] = t6;
+	} else t6 = $[23];
+	const t7 = t6;
+	let t8;
+	if ($[24] !== ariaLabelPrev) {
+		t8 = /* @__PURE__ */ jsx(NavButton, {
+			direction: "prev",
+			ariaLabel: ariaLabelPrev
+		});
+		$[24] = ariaLabelPrev;
+		$[25] = t8;
+	} else t8 = $[25];
+	let t9;
+	if ($[26] !== window) {
+		t9 = window.map(_temp);
+		$[26] = window;
+		$[27] = t9;
+	} else t9 = $[27];
+	let t10;
+	if ($[28] !== ariaLabelNext) {
+		t10 = /* @__PURE__ */ jsx(NavButton, {
+			direction: "next",
+			ariaLabel: ariaLabelNext
+		});
+		$[28] = ariaLabelNext;
+		$[29] = t10;
+	} else t10 = $[29];
+	let t11;
+	if ($[30] !== classNames || $[31] !== navProps || $[32] !== size || $[33] !== t10 || $[34] !== t8 || $[35] !== t9) {
+		t11 = /* @__PURE__ */ jsxs("nav", {
+			"data-size": size,
+			"aria-label": "Pagination",
+			...navProps,
+			className: classNames,
+			children: [
+				t8,
+				t9,
+				t10
+			]
+		});
+		$[30] = classNames;
+		$[31] = navProps;
+		$[32] = size;
+		$[33] = t10;
+		$[34] = t8;
+		$[35] = t9;
+		$[36] = t11;
+	} else t11 = $[36];
+	let t12;
+	if ($[37] !== t11 || $[38] !== t7) {
+		t12 = /* @__PURE__ */ jsx(PaginationContext.Provider, {
+			value: t7,
+			children: t11
+		});
+		$[37] = t11;
+		$[38] = t7;
+		$[39] = t12;
+	} else t12 = $[39];
+	return t12;
+}
+function _temp(p) {
+	return /* @__PURE__ */ jsx(PageItem, { value: p }, p);
+}
+
+//#endregion
+export { Pagination as default };
+//# sourceMappingURL=index2.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index2.js","names":["usePaginationWindow","useClassNames","IconButton","IconButtonProps","PaginationContext","usePaginationContext","LinkComponentProps","PaginationContextValue","PageRangeDisplayed","Size","NavButtonProps","direction","ariaLabel","NavButton","t0","$","_c","page","pageCount","size","isLinkMode","makeUrl","LinkComponent","makeClickHandler","linkProps","isPrev","targetPage","Math","max","min","disabled","navButtonClassName","className","t1","t2","undefined","t3","component","href","onClick","t4","PageItem","value","pageItemClassName","PaginationCommonProps","pageRangeDisplayed","ariaLabelPrev","ariaLabelNext","NavProps","Omit","React","ComponentPropsWithoutRef","PaginationProps","ElementType","onChange","newPage","T","Pagination","navProps","window","t5","classNames","t6","contextValue","t7","t8","t9","map","_temp","t10","t11","t12","p"],"sources":["../../../src/components/Pagination/index.tsx"],"sourcesContent":["import './index.css'\n\nimport { usePaginationWindow } from './helper'\nimport { useClassNames } from '../../_lib/useClassNames'\nimport IconButton, { IconButtonProps } from '../IconButton'\nimport {\n  PaginationContext,\n  usePaginationContext,\n  type LinkComponentProps,\n  type PaginationContextValue,\n  type PageRangeDisplayed,\n  type Size,\n} from './PaginationContext'\n\ntype NavButtonProps = {\n  direction: 'prev' | 'next'\n  ariaLabel: IconButtonProps['aria-label']\n}\n\nfunction NavButton({ direction, ariaLabel }: NavButtonProps) {\n  'use memo'\n  const {\n    page,\n    pageCount,\n    size,\n    isLinkMode,\n    makeUrl,\n    LinkComponent,\n    makeClickHandler,\n    linkProps,\n  } = usePaginationContext()\n\n  const isPrev = direction === 'prev'\n  const targetPage = isPrev\n    ? Math.max(1, page - 1)\n    : Math.min(pageCount, page + 1)\n  const disabled = isPrev ? page <= 1 : page >= pageCount\n  const navButtonClassName = useClassNames(\n    'charcoal-pagination-nav-button',\n    linkProps?.className,\n  )\n\n  return (\n    <IconButton\n      icon={isPrev ? '24/Prev' : '24/Next'}\n      size={size}\n      /* Use data-hidden, not [hidden]: Tailwind preflight's `[hidden] { display: none !important }` would clobber `visibility: hidden` and collapse the layout space. */\n      data-hidden={disabled || undefined}\n      aria-label={ariaLabel}\n      {...(isLinkMode && makeUrl\n        ? {\n            component: LinkComponent as 'a',\n            href: makeUrl(targetPage),\n            'aria-disabled': disabled,\n            ...linkProps,\n            className: navButtonClassName,\n          }\n        : {\n            disabled,\n            onClick: makeClickHandler(targetPage),\n            className: navButtonClassName,\n          })}\n    />\n  )\n}\n\nfunction PageItem({ value }: { value: number | string }) {\n  'use memo'\n  const {\n    page,\n    size,\n    isLinkMode,\n    makeUrl,\n    LinkComponent,\n    makeClickHandler,\n    linkProps,\n  } = usePaginationContext()\n  const pageItemClassName = useClassNames(\n    'charcoal-pagination-button',\n    linkProps?.className,\n  )\n\n  // 省略記号\n  if (value === '...') {\n    return (\n      <IconButton\n        icon=\"24/Dot\"\n        size={size}\n        disabled\n        className=\"charcoal-pagination-spacer\"\n        aria-hidden\n      />\n    )\n  }\n  // 現在ページ（クリック不可）\n  if (value === page) {\n    return (\n      <span className=\"charcoal-pagination-button\" aria-current=\"page\">\n        {value}\n      </span>\n    )\n  }\n  if (typeof value !== 'number') return null\n  // リンクモード: ページへのリンク\n  if (isLinkMode && makeUrl) {\n    return (\n      <LinkComponent\n        href={makeUrl(value)}\n        {...linkProps}\n        className={pageItemClassName}\n      >\n        {value}\n      </LinkComponent>\n    )\n  }\n  // ボタンモード: クリックでページ遷移\n  return (\n    <button\n      type=\"button\"\n      className=\"charcoal-pagination-button\"\n      onClick={makeClickHandler(value)}\n    >\n      {value}\n    </button>\n  )\n}\n\ninterface PaginationCommonProps {\n  page: number\n  pageCount: number\n  pageRangeDisplayed?: PageRangeDisplayed\n  size?: Size\n  ariaLabelPrev?: string\n  ariaLabelNext?: string\n}\n\ntype NavProps = Omit<React.ComponentPropsWithoutRef<'nav'>, 'onChange'>\n\n/**\n * Pagination component. Use either `onChange` (button mode) or `makeUrl` (link mode).\n *\n * @example\n * // Button mode - for client-side state\n * <Pagination page={1} pageCount={10} onChange={setPage} />\n *\n * @example\n * // Link mode - for server routing / static pages\n * <Pagination page={1} pageCount={10} makeUrl={(p) => `?page=${p}`} />\n *\n * @example\n * // Link mode with custom component (e.g. Next.js Link)\n * <Pagination page={1} pageCount={10} makeUrl={(p) => `?page=${p}`} component={Link} />\n *\n * @example\n * // Link mode with linkProps (e.g. Next.js scroll)\n * <Pagination page={1} pageCount={10} makeUrl={(p) => `?page=${p}`} component={Link} linkProps={{ scroll: 'marker' }} />\n */\nexport type PaginationProps<T extends React.ElementType = 'a'> =\n  PaginationCommonProps &\n    NavProps &\n    (\n      | {\n          onChange(newPage: number): void\n          makeUrl?: never\n          component?: never\n          linkProps?: undefined\n        }\n      | {\n          makeUrl(page: number): string\n          onChange?: never\n          /**\n           * The component used for link elements. Receives `href`, `className`, and `children`.\n           * @default 'a'\n           */\n          component?: T\n          /**\n           * Additional props passed to all link elements (e.g. Next.js Link's scroll, prefetch).\n           */\n          linkProps?: Omit<\n            React.ComponentPropsWithoutRef<T>,\n            'href' | 'children'\n          >\n        }\n    )\n\nexport default function Pagination<T extends React.ElementType = 'a'>({\n  page,\n  pageCount,\n  pageRangeDisplayed,\n  size = 'M',\n  onChange,\n  makeUrl,\n  component: LinkComponent = 'a' as T,\n  linkProps,\n  className,\n  ariaLabelNext = 'Next',\n  ariaLabelPrev = 'Previous',\n  ...navProps\n}: PaginationProps<T>) {\n  'use memo'\n  const window = usePaginationWindow(page, pageCount, pageRangeDisplayed)\n  const isLinkMode = makeUrl !== undefined\n  const makeClickHandler = (value: number) => () => onChange?.(value)\n  const classNames = useClassNames('charcoal-pagination', className)\n\n  const contextValue = {\n    page,\n    pageCount,\n    size,\n    isLinkMode,\n    makeUrl,\n    LinkComponent,\n    makeClickHandler,\n    linkProps,\n  }\n\n  return (\n    <PaginationContext.Provider\n      value={\n        contextValue as PaginationContextValue<\n          React.ElementType<LinkComponentProps>\n        >\n      }\n    >\n      <nav\n        data-size={size}\n        aria-label=\"Pagination\"\n        {...navProps}\n        className={classNames}\n      >\n        <NavButton direction=\"prev\" ariaLabel={ariaLabelPrev} />\n        {window.map((p) => (\n          <PageItem key={p} value={p} />\n        ))}\n        <NavButton direction=\"next\" ariaLabel={ariaLabelNext} />\n      </nav>\n    </PaginationContext.Provider>\n  )\n}\n"],"mappings":"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"}