@neurocle/synapse-react 0.0.0-bootstrap → 0.0.0-stage

package/dist/components/toast/toast.recipe.mjs

@@ -1,172 +0,0 @@
-import { sva } from "../../react/styled-system/css/sva.mjs";
-//#region src/components/toast/toast.recipe.ts
-const toastRecipe = sva({
-	slots: [
-		"group",
-		"root",
-		"title",
-		"description",
-		"actionTrigger",
-		"closeTrigger"
-	],
-	base: {
-		group: {
-			display: "flex",
-			flexDirection: "column",
-			gap: "gap.related",
-			zIndex: "calc(var(--synapse-layer-base, 1000) + 1000)",
-			width: "notification.toastMax",
-			"--toast-group-max-width": "calc(100vw - var(--viewport-offset-left) - var(--viewport-offset-right))",
-			maxWidth: "var(--toast-group-max-width)",
-			listStyle: "none",
-			margin: "inset.none",
-			padding: "inset.none",
-			"&[data-align=\"center\"]": { marginInline: "auto" }
-		},
-		root: {
-			translate: "var(--x) var(--y)",
-			scale: "var(--scale, 1)",
-			height: "var(--height)",
-			opacity: "var(--opacity)",
-			"--toast-motion-properties": "translate, scale, opacity, height, box-shadow",
-			transitionProperty: "var(--toast-motion-properties)",
-			transitionDuration: "reveal",
-			transitionTimingFunction: "enter",
-			_closed: {
-				transitionDuration: "interaction",
-				transitionTimingFunction: "exit"
-			},
-			display: "flex",
-			alignItems: "flex-start",
-			gap: "rhythm.tight",
-			"--toast-width": "fit-content",
-			width: "var(--toast-width)",
-			maxWidth: "fill",
-			paddingBlock: "inset.control",
-			paddingInline: "inset.overlay",
-			rounded: "overlay",
-			bg: "background.inverse",
-			color: "foreground.onEmphasis",
-			boxShadow: "overlay",
-			outlineColor: "border.focus",
-			_focusVisible: {
-				outlineStyle: "solid",
-				outlineWidth: "focus",
-				outlineOffset: "inset.compact",
-				outlineColor: "border.focus"
-			},
-			"&[data-type=\"success\"] [data-part=\"title\"] svg": { color: "success.onInverse" },
-			"&[data-type=\"error\"] [data-part=\"title\"] svg": { color: "error.onInverse" },
-			"&[data-type=\"warning\"] [data-part=\"title\"] svg": { color: "warning.onInverse" },
-			"&[data-type=\"info\"] [data-part=\"title\"] svg": { display: "none" }
-		},
-		title: {
-			display: "flex",
-			alignItems: "flex-start",
-			gap: "gap.related",
-			"--toast-title-inset": "max(token(spacing.inset.none), calc((token(sizes.target.minimum) - 1lh) / 2))",
-			"--toast-icon-nudge": "calc((1lh - token(sizes.icon.sm)) / 2)",
-			paddingBlock: "var(--toast-title-inset)",
-			"& svg": {
-				width: "icon.sm",
-				height: "icon.sm",
-				flexShrink: 0,
-				marginBlockStart: "var(--toast-icon-nudge)"
-			},
-			textStyle: "body",
-			color: "foreground.onEmphasis",
-			margin: "inset.none",
-			overflowWrap: "anywhere"
-		},
-		description: {},
-		actionTrigger: {},
-		closeTrigger: {
-			display: "inline-flex",
-			alignItems: "center",
-			justifyContent: "center",
-			flexShrink: 0,
-			minWidth: "target.minimum",
-			minHeight: "target.minimum",
-			rounded: "control",
-			color: "foreground.onEmphasis",
-			cursor: "pointer",
-			transitionProperty: "common",
-			transitionDuration: "interaction",
-			transitionTimingFunction: "interaction",
-			outlineColor: "border.focusOnInverse",
-			"& svg": {
-				width: "icon.sm",
-				height: "icon.sm"
-			},
-			"&:not(:disabled, [data-disabled]):hover": {
-				bg: "foreground.onEmphasis",
-				color: "background.inverse"
-			},
-			"&:not(:disabled, [data-disabled]):active": {
-				bg: "foreground.onEmphasis",
-				color: "background.inverse",
-				transform: "scale(0.96)"
-			},
-			_focusVisible: {
-				outlineWidth: "focus",
-				outlineStyle: "solid",
-				outlineColor: "border.focusOnInverse",
-				outlineOffset: "inset.compact"
-			}
-		}
-	},
-	variants: { size: {
-		xs: {
-			root: {
-				paddingBlock: "inset.none",
-				paddingInline: "inset.control",
-				gap: "inset.control"
-			},
-			title: { textStyle: "detail" },
-			closeTrigger: { "& svg": {
-				width: "icon.xs",
-				height: "icon.xs"
-			} }
-		},
-		sm: {
-			root: {
-				paddingBlock: "inset.compact",
-				paddingInline: "inset.overlay"
-			},
-			title: { textStyle: "detail" },
-			closeTrigger: { "& svg": {
-				width: "icon.xs",
-				height: "icon.xs"
-			} }
-		},
-		md: {},
-		lg: {
-			root: {
-				paddingBlock: "inset.overlay",
-				paddingInline: "inset.surface"
-			},
-			title: { textStyle: "label" },
-			closeTrigger: { "& svg": {
-				width: "icon.md",
-				height: "icon.md"
-			} }
-		},
-		xl: {
-			root: {
-				paddingBlock: "inset.surface",
-				paddingInline: "inset.surface",
-				gap: "inset.surface"
-			},
-			title: { textStyle: "subtitle" },
-			closeTrigger: { "& svg": {
-				width: "icon.lg",
-				height: "icon.lg"
-			} }
-		}
-	} },
-	defaultVariants: { size: "md" }
-});
-//#endregion
-export { toastRecipe };
-
-//# sourceMappingURL=toast.recipe.mjs.map

package/dist/components/toast/toast.recipe.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"toast.recipe.mjs","names":[],"sources":["../../../src/components/toast/toast.recipe.ts"],"sourcesContent":["import { sva } from '#styled-system/css/index.js'\n\nexport const toastRecipe = sva({\n  slots: ['group', 'root', 'title', 'description', 'actionTrigger', 'closeTrigger'],\n  base: {\n    group: {\n      display: 'flex',\n      flexDirection: 'column',\n      gap: 'gap.related',\n      zIndex: 'calc(var(--synapse-layer-base, 1000) + 1000)',\n      width: 'notification.toastMax',\n      '--toast-group-max-width':\n        'calc(100vw - var(--viewport-offset-left) - var(--viewport-offset-right))',\n      maxWidth: 'var(--toast-group-max-width)',\n      listStyle: 'none',\n      margin: 'inset.none',\n      padding: 'inset.none',\n      '&[data-align=\"center\"]': { marginInline: 'auto' },\n    },\n    root: {\n      translate: 'var(--x) var(--y)',\n      scale: 'var(--scale, 1)',\n      height: 'var(--height)',\n      opacity: 'var(--opacity)',\n      '--toast-motion-properties': 'translate, scale, opacity, height, box-shadow',\n      transitionProperty: 'var(--toast-motion-properties)',\n      transitionDuration: 'reveal',\n      transitionTimingFunction: 'enter',\n      _closed: {\n        transitionDuration: 'interaction',\n        transitionTimingFunction: 'exit',\n      },\n      display: 'flex',\n      alignItems: 'flex-start',\n      gap: 'rhythm.tight',\n      '--toast-width': 'fit-content',\n      width: 'var(--toast-width)',\n      maxWidth: 'fill',\n      paddingBlock: 'inset.control',\n      paddingInline: 'inset.overlay',\n      rounded: 'overlay',\n      bg: 'background.inverse',\n      color: 'foreground.onEmphasis',\n      boxShadow: 'overlay',\n      outlineColor: 'border.focus',\n      _focusVisible: {\n        outlineStyle: 'solid',\n        outlineWidth: 'focus',\n        outlineOffset: 'inset.compact',\n        outlineColor: 'border.focus',\n      },\n      '&[data-type=\"success\"] [data-part=\"title\"] svg': { color: 'success.onInverse' },\n      '&[data-type=\"error\"] [data-part=\"title\"] svg': { color: 'error.onInverse' },\n      '&[data-type=\"warning\"] [data-part=\"title\"] svg': { color: 'warning.onInverse' },\n      '&[data-type=\"info\"] [data-part=\"title\"] svg': { display: 'none' },\n    },\n    title: {\n      display: 'flex',\n      alignItems: 'flex-start',\n      gap: 'gap.related',\n      '--toast-title-inset':\n        'max(token(spacing.inset.none), calc((token(sizes.target.minimum) - 1lh) / 2))',\n      '--toast-icon-nudge': 'calc((1lh - token(sizes.icon.sm)) / 2)',\n      paddingBlock: 'var(--toast-title-inset)',\n      '& svg': {\n        width: 'icon.sm',\n        height: 'icon.sm',\n        flexShrink: 0,\n        marginBlockStart: 'var(--toast-icon-nudge)',\n      },\n      textStyle: 'body',\n      color: 'foreground.onEmphasis',\n      margin: 'inset.none',\n      overflowWrap: 'anywhere',\n    },\n    description: {},\n    actionTrigger: {},\n    closeTrigger: {\n      display: 'inline-flex',\n      alignItems: 'center',\n      justifyContent: 'center',\n      flexShrink: 0,\n      minWidth: 'target.minimum',\n      minHeight: 'target.minimum',\n      rounded: 'control',\n      color: 'foreground.onEmphasis',\n      cursor: 'pointer',\n      transitionProperty: 'common',\n      transitionDuration: 'interaction',\n      transitionTimingFunction: 'interaction',\n      outlineColor: 'border.focusOnInverse',\n      '& svg': { width: 'icon.sm', height: 'icon.sm' },\n      '&:not(:disabled, [data-disabled]):hover': {\n        bg: 'foreground.onEmphasis',\n        color: 'background.inverse',\n      },\n      '&:not(:disabled, [data-disabled]):active': {\n        bg: 'foreground.onEmphasis',\n        color: 'background.inverse',\n        transform: 'scale(0.96)',\n      },\n      _focusVisible: {\n        outlineWidth: 'focus',\n        outlineStyle: 'solid',\n        outlineColor: 'border.focusOnInverse',\n        outlineOffset: 'inset.compact',\n      },\n    },\n  },\n  variants: {\n    size: {\n      xs: {\n        root: { paddingBlock: 'inset.none', paddingInline: 'inset.control', gap: 'inset.control' },\n        title: { textStyle: 'detail' },\n        closeTrigger: { '& svg': { width: 'icon.xs', height: 'icon.xs' } },\n      },\n      sm: {\n        root: { paddingBlock: 'inset.compact', paddingInline: 'inset.overlay' },\n        title: { textStyle: 'detail' },\n        closeTrigger: { '& svg': { width: 'icon.xs', height: 'icon.xs' } },\n      },\n      md: {},\n      lg: {\n        root: { paddingBlock: 'inset.overlay', paddingInline: 'inset.surface' },\n        title: { textStyle: 'label' },\n        closeTrigger: { '& svg': { width: 'icon.md', height: 'icon.md' } },\n      },\n      xl: {\n        root: {\n          paddingBlock: 'inset.surface',\n          paddingInline: 'inset.surface',\n          gap: 'inset.surface',\n        },\n        title: { textStyle: 'subtitle' },\n        closeTrigger: { '& svg': { width: 'icon.lg', height: 'icon.lg' } },\n      },\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n  },\n})\n"],"mappings":";;AAEA,MAAa,cAAc,IAAI;CAC7B,OAAO;EAAC;EAAS;EAAQ;EAAS;EAAe;EAAiB;CAAc;CAChF,MAAM;EACJ,OAAO;GACL,SAAS;GACT,eAAe;GACf,KAAK;GACL,QAAQ;GACR,OAAO;GACP,2BACE;GACF,UAAU;GACV,WAAW;GACX,QAAQ;GACR,SAAS;GACT,4BAA0B,EAAE,cAAc,OAAO;EACnD;EACA,MAAM;GACJ,WAAW;GACX,OAAO;GACP,QAAQ;GACR,SAAS;GACT,6BAA6B;GAC7B,oBAAoB;GACpB,oBAAoB;GACpB,0BAA0B;GAC1B,SAAS;IACP,oBAAoB;IACpB,0BAA0B;GAC5B;GACA,SAAS;GACT,YAAY;GACZ,KAAK;GACL,iBAAiB;GACjB,OAAO;GACP,UAAU;GACV,cAAc;GACd,eAAe;GACf,SAAS;GACT,IAAI;GACJ,OAAO;GACP,WAAW;GACX,cAAc;GACd,eAAe;IACb,cAAc;IACd,cAAc;IACd,eAAe;IACf,cAAc;GAChB;GACA,sDAAkD,EAAE,OAAO,oBAAoB;GAC/E,oDAAgD,EAAE,OAAO,kBAAkB;GAC3E,sDAAkD,EAAE,OAAO,oBAAoB;GAC/E,mDAA+C,EAAE,SAAS,OAAO;EACnE;EACA,OAAO;GACL,SAAS;GACT,YAAY;GACZ,KAAK;GACL,uBACE;GACF,sBAAsB;GACtB,cAAc;GACd,SAAS;IACP,OAAO;IACP,QAAQ;IACR,YAAY;IACZ,kBAAkB;GACpB;GACA,WAAW;GACX,OAAO;GACP,QAAQ;GACR,cAAc;EAChB;EACA,aAAa,CAAC;EACd,eAAe,CAAC;EAChB,cAAc;GACZ,SAAS;GACT,YAAY;GACZ,gBAAgB;GAChB,YAAY;GACZ,UAAU;GACV,WAAW;GACX,SAAS;GACT,OAAO;GACP,QAAQ;GACR,oBAAoB;GACpB,oBAAoB;GACpB,0BAA0B;GAC1B,cAAc;GACd,SAAS;IAAE,OAAO;IAAW,QAAQ;GAAU;GAC/C,2CAA2C;IACzC,IAAI;IACJ,OAAO;GACT;GACA,4CAA4C;IAC1C,IAAI;IACJ,OAAO;IACP,WAAW;GACb;GACA,eAAe;IACb,cAAc;IACd,cAAc;IACd,cAAc;IACd,eAAe;GACjB;EACF;CACF;CACA,UAAU,EACR,MAAM;EACJ,IAAI;GACF,MAAM;IAAE,cAAc;IAAc,eAAe;IAAiB,KAAK;GAAgB;GACzF,OAAO,EAAE,WAAW,SAAS;GAC7B,cAAc,EAAE,SAAS;IAAE,OAAO;IAAW,QAAQ;GAAU,EAAE;EACnE;EACA,IAAI;GACF,MAAM;IAAE,cAAc;IAAiB,eAAe;GAAgB;GACtE,OAAO,EAAE,WAAW,SAAS;GAC7B,cAAc,EAAE,SAAS;IAAE,OAAO;IAAW,QAAQ;GAAU,EAAE;EACnE;EACA,IAAI,CAAC;EACL,IAAI;GACF,MAAM;IAAE,cAAc;IAAiB,eAAe;GAAgB;GACtE,OAAO,EAAE,WAAW,QAAQ;GAC5B,cAAc,EAAE,SAAS;IAAE,OAAO;IAAW,QAAQ;GAAU,EAAE;EACnE;EACA,IAAI;GACF,MAAM;IACJ,cAAc;IACd,eAAe;IACf,KAAK;GACP;GACA,OAAO,EAAE,WAAW,WAAW;GAC/B,cAAc,EAAE,SAAS;IAAE,OAAO;IAAW,QAAQ;GAAU,EAAE;EACnE;CACF,EACF;CACA,iBAAiB,EACf,MAAM,KACR;AACF,CAAC"}

package/dist/components/toc/index.d.mts

@@ -1,2 +0,0 @@
-import { Toc, TocEntry, TocRootProps, TocScrollBehavior } from "./toc.mjs";
-export { Toc, type TocEntry, type TocRootProps, type TocScrollBehavior };

package/dist/components/toc/index.mjs

@@ -1,2 +0,0 @@
-import { Toc } from "./toc.mjs";
-export { Toc };

package/dist/components/toc/toc.d.mts

@@ -1,47 +0,0 @@
-import { SynapseComponent } from "../../system/types.mjs";
-import { ValueChangeDetails } from "../details.mjs";
-import { Size } from "../../shared/size-scale.mjs";
-//#region src/components/toc/toc.d.ts
-export interface TocEntry {
-  value: string;
-  depth: number;
-}
-export type TocScrollBehavior = 'auto' | 'instant' | 'smooth';
-export interface TocRootProps {
-  /**
-   * 모든 제목을 문서 순서대로 담습니다.
-   *
-   * 필수입니다. 내용이 없는 목차는 이 컴포넌트가 가질 수 있는 상태가 아니라, 애초에 렌더하지
-   * 말았어야 할 컴포넌트입니다.
-   */
-  items: readonly TocEntry[];
-  /** 지금 화면에 보이는 제목들이며 제어 모드입니다. */
-  value?: readonly string[];
-  /** 비제어 모드의 초기 활성 집합. `value`를 주면 무시됩니다. */
-  defaultValue?: readonly string[];
-  /** 제어 여부와 무관하게 활성 집합이 바뀔 때마다 호출됩니다. */
-  onValueChange?: (details: ValueChangeDetails<readonly string[]>) => void;
-  /**
-   * 옵저버의 루트 마진. 무엇까지를 화면 안으로 칠지 정합니다.
-   *
-   * CSS 마진 문자열이며 기본값은 `"-20px 0px -40% 0px"`입니다. 활성 제목을 뷰포트 위쪽으로
-   * 치우치게 잡아서, 긴 섹션의 중간쯤을 읽고 있는 사람이 다음 섹션이 아니라 지금 그 섹션이 표시된
-   * 것을 보게 합니다.
-   */
-  rootMargin?: string;
-  /** 제목이 얼마나 보여야 하는지 정합니다. `0`이면 1픽셀만 보여도 됩니다. */
-  threshold?: number | readonly number[];
-  /** 관찰의 기준이 될 스크롤 컨테이너. 기본값은 문서입니다. */
-  scrollEl?: () => HTMLElement | null;
-  /** 활성 엔트리를 Toc 자체의 스크롤 박스 안에 계속 보이게 합니다. 기본값은 true입니다. */
-  autoScroll?: boolean;
-  /** 엔트리를 따라갈 때 페이지가 움직이는 방식. 기본값은 `smooth`이며, 동작 줄이기 설정에서는 `smooth`가 `instant`로 바뀝니다. */
-  scrollBehavior?: TocScrollBehavior;
-  /** 하나뿐인 공용 척도를 따릅니다. 모든 컴포넌트와 마찬가지로 기본값은 `md`입니다. */
-  size?: Size;
-  /** 팩토리가 만드는 식별자를 덮어씁니다. 서버와 클라이언트에서 같은 값으로 유지됩니다. */
-  id?: string;
-}
-export declare const Toc: SynapseComponent<"indicator" | "item" | "link" | "list" | "root" | "title", "root", TocRootProps, never>;
-//#endregion
-//# sourceMappingURL=toc.d.mts.map

package/dist/components/toc/toc.d.mts.map

@@ -1 +0,0 @@
-{"version":3,"file":"toc.d.mts","names":[],"sources":["../../../src/components/toc/toc.tsx"],"mappings":";;;;iBAWiB;EACf;EACA;;YAGU;iBAEK;;;;;;;EAOf,gBAAgB;;EAEhB;;EAEA;;EAEA,iBAAiB,SAAS;;;;;;;;EAQ1B;;EAEA;;EAEA,iBAAiB;;EAEjB;;EAEA,iBAAiB;;EAEjB,OAAO;;EAEP;;qBAoQW,KAAG,oFAAA"}

package/dist/components/toc/toc.mjs

@@ -1,239 +0,0 @@
-"use client";
-import { resolveSize } from "../../shared/size-scale.mjs";
-import { defineComponent } from "../../system/create-component.mjs";
-import { tocRecipe } from "./toc.recipe.mjs";
-import { useReducedMotion } from "../../shared/reduced-motion.mjs";
-import { createElement, useLayoutEffect, useRef, useState } from "react";
-import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
-import * as toc from "@zag-js/toc";
-//#region src/components/toc/toc.tsx
-const toMachineProps = (props) => ({
-	...props.value === void 0 ? {} : { activeIds: props.value },
-	...props.defaultValue === void 0 ? {} : { defaultActiveIds: props.defaultValue },
-	...props.onValueChange === void 0 ? {} : { onActiveChange: (details) => props.onValueChange?.({ value: details.activeIds }) }
-});
-const useMachineProps = (props) => {
-	const reducedMotion = useReducedMotion();
-	const smooth = (props.scrollBehavior ?? "smooth") === "smooth";
-	return {
-		...toMachineProps(props),
-		...reducedMotion && smooth ? { scrollBehavior: "instant" } : {}
-	};
-};
-/** 토큰이 풀린 길이 값(px 또는 rem)을 px로 바꿉니다. */
-const pixelsOf = (value) => {
-	const amount = Number.parseFloat(value);
-	if (Number.isNaN(amount)) return 0;
-	if (!value.trim().endsWith("rem")) return amount;
-	return amount * (Number.parseFloat(getComputedStyle(document.documentElement).fontSize) || 0);
-};
-const strokeOf = (element) => element === null ? 0 : Number.parseFloat(getComputedStyle(element).strokeWidth) || 0;
-/** 항목 글자의 세로 범위. 여러 줄이면 첫 줄 위부터 마지막 줄 아래까지입니다. */
-const textExtent = (item, fallback) => {
-	const range = item.ownerDocument.createRange();
-	range.selectNodeContents(item.querySelector("[data-part=\"link\"]") ?? item);
-	const lines = [...range.getClientRects()].filter((rect) => rect.width > 0 && rect.height > 0);
-	if (lines.length === 0) return {
-		top: fallback.top,
-		bottom: fallback.bottom
-	};
-	return {
-		top: Math.min(...lines.map((rect) => rect.top)),
-		bottom: Math.max(...lines.map((rect) => rect.bottom))
-	};
-};
-/**
-* 항목마다 들여쓴 자리의 인라인 시작 가장자리와 글자의 세로 범위를 목록 박스 기준으로 잽니다.
-* 브라우저는 SVG의 원점을 기기 픽셀에 맞춰 그리므로, 세로 구간이 번지지 않도록 이 가장자리도
-* 원점 기준의 기기 픽셀에 맞춥니다.
-*/
-const measureTrack = (list, rail, active) => {
-	const box = list.getBoundingClientRect();
-	const rtl = getComputedStyle(list).direction === "rtl";
-	const ratio = window.devicePixelRatio || 1;
-	const snap = (value) => Math.round(value * ratio) / ratio;
-	const rows = [...list.querySelectorAll(":scope > [data-part=\"item\"]")].flatMap((item) => {
-		const rect = item.getBoundingClientRect();
-		if (rect.height === 0) return [];
-		const inset = Number.parseFloat(getComputedStyle(item).paddingInlineStart) || 0;
-		const edge = rtl ? snap(rect.right - inset - box.left) : snap(rect.left + inset - box.left);
-		const text = textExtent(item, rect);
-		return [{
-			value: item.getAttribute("data-value"),
-			start: edge,
-			top: rect.top - box.top,
-			bottom: rect.bottom - box.top,
-			textTop: text.top - box.top,
-			textBottom: text.bottom - box.top
-		}];
-	});
-	return {
-		width: box.width,
-		height: box.height,
-		rtl,
-		rows,
-		clearance: pixelsOf(getComputedStyle(list).getPropertyValue("--toc-bend-clearance")),
-		railStroke: strokeOf(rail),
-		activeStroke: strokeOf(active)
-	};
-};
-const sameTrack = (a, b) => a !== null && JSON.stringify(a) === JSON.stringify(b);
-const round = (value) => String(Math.round(value * 100) / 100);
-/**
-* 꺾임의 세로 범위. 위 항목 글자의 아래와 아래 항목 글자의 위에서 각각 `--toc-bend-clearance`만큼
-* 떨어진 틈 안에만 놓여서, 사선이 글자 옆을 지나거나 글자에 붙지 않습니다. 틈이 들여쓰기 폭보다
-* 넓으면 그 가운데에 45도로 꺾고, 좁으면 틈 전체를 씁니다. 그 틈은 모든 항목 사이에 똑같이 둔 목록의
-* 행 간격이 만듭니다.
-*/
-const bendBetween = (upper, lower, run, clearance) => {
-	const from = upper.textBottom + clearance;
-	const to = lower.textTop - clearance;
-	const room = to - from;
-	if (room <= 0) {
-		const middle = (upper.textBottom + lower.textTop) / 2;
-		return [middle, middle];
-	}
-	if (room <= run) return [from, to];
-	const offset = (room - run) / 2;
-	return [from + offset, to - offset];
-};
-/**
-* 모든 항목을 잇는 하나의 경로입니다. 항목마다 들여쓴 자리에 세로로 긋고, 깊이가 바뀌는 곳은
-* 두 항목의 글자 사이에서 사선으로 잇습니다. 한 경로라서 이음매에 겹침이나 틈이 없습니다. 선의 시작
-* 가장자리가 들여쓰기 자리에 오도록 획 두께의 절반만큼 안쪽으로 옮깁니다.
-*/
-const trackPath = (track, stroke) => {
-	const xs = track.rows.map((row) => round(track.rtl ? row.start - stroke / 2 : row.start + stroke / 2));
-	const first = track.rows[0];
-	if (first === void 0) return "";
-	let path = `M${xs[0] ?? 0} ${round(first.top)}`;
-	track.rows.forEach((row, index) => {
-		const x = xs[index] ?? "0";
-		const next = track.rows[index + 1];
-		const nextX = xs[index + 1] ?? x;
-		if (next === void 0) {
-			path += `L${x} ${round(row.bottom)}`;
-			return;
-		}
-		if (nextX === x) return;
-		const [from, to] = bendBetween(row, next, Math.abs(Number(nextX) - Number(x)), track.clearance);
-		path += `L${x} ${round(from)}L${nextX} ${round(to)}`;
-	});
-	return path;
-};
-/**
-* 활성 표시가 보이는 세로 범위입니다. 첫 활성 항목의 세로 구간이 시작하는 곳(들어오는 꺾임이
-* 끝나는 곳, 없으면 항목의 위)부터 마지막 활성 항목의 세로 구간이 끝나는 곳(나가는 꺾임이
-* 시작하는 곳, 없으면 항목의 아래)까지입니다. 그래서 꺾임은 두 활성 항목 사이에 있을 때만, 그리고
-* 언제나 통째로 강조됩니다.
-*/
-const activeRange = (track, active) => {
-	const rows = track.rows;
-	const firstIndex = rows.findIndex((row) => row.value !== null && active.includes(row.value));
-	if (firstIndex < 0) return null;
-	const lastIndex = rows.findLastIndex((row) => row.value !== null && active.includes(row.value));
-	const first = rows[firstIndex];
-	const last = rows[lastIndex];
-	if (first === void 0 || last === void 0) return null;
-	const previous = rows[firstIndex - 1];
-	const next = rows[lastIndex + 1];
-	const top = previous !== void 0 && previous.start !== first.start ? bendBetween(previous, first, Math.abs(first.start - previous.start), track.clearance)[1] : first.top;
-	const bottom = next !== void 0 && next.start !== last.start ? bendBetween(last, next, Math.abs(next.start - last.start), track.clearance)[0] : last.bottom;
-	return {
-		"--toc-active-top": `${round(top)}px`,
-		"--toc-active-height": `${round(Math.max(bottom - top, 0))}px`
-	};
-};
-/**
-* Indicator가 그리는 레일과 활성 표시입니다. 둘은 같은 경로이며, 활성 표시는 `activeRange`로만
-* 잘라 보입니다. 경로는 하이드레이션 직후 첫 그리기 전에 재고, 재기 전에는 아무것도 그리지 않습니다.
-* 곧은 선을 먼저 보였다가 꺾인 선으로 바꾸는 일이 없습니다.
-*/
-function TocTrack({ active }) {
-	const railRef = useRef(null);
-	const activeRef = useRef(null);
-	const [track, setTrack] = useState(null);
-	useLayoutEffect(() => {
-		const list = railRef.current?.parentElement?.parentElement?.querySelector(":scope > [data-scope=\"toc\"][data-part=\"list\"]");
-		if (!(list instanceof HTMLElement)) return void 0;
-		let live = true;
-		const update = () => {
-			if (!live) return;
-			const next = measureTrack(list, railRef.current, activeRef.current);
-			setTrack((current) => sameTrack(current, next) ? current : next);
-		};
-		const sizes = typeof ResizeObserver === "undefined" ? null : new ResizeObserver(update);
-		const observeRows = () => {
-			sizes?.observe(list);
-			for (const item of list.children) sizes?.observe(item);
-		};
-		const mutations = new MutationObserver(() => {
-			observeRows();
-			update();
-		});
-		update();
-		observeRows();
-		mutations.observe(list, { childList: true });
-		document.fonts?.ready.then(update);
-		return () => {
-			live = false;
-			mutations.disconnect();
-			sizes?.disconnect();
-		};
-	}, []);
-	const drawn = track !== null && track.rows.length > 0;
-	const size = drawn ? {
-		width: track.width,
-		height: track.height
-	} : {};
-	const range = drawn ? activeRange(track, active) : null;
-	return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx("svg", {
-		ref: railRef,
-		"data-toc-path": "rail",
-		"aria-hidden": "true",
-		fill: "none",
-		"data-hidden": drawn ? void 0 : "",
-		...size,
-		children: /* @__PURE__ */ jsx("path", { d: drawn ? trackPath(track, track.railStroke) : void 0 })
-	}), /* @__PURE__ */ jsx("svg", {
-		ref: activeRef,
-		"data-toc-path": "active",
-		"aria-hidden": "true",
-		fill: "none",
-		"data-hidden": range === null ? "" : void 0,
-		style: range ?? void 0,
-		...size,
-		children: /* @__PURE__ */ jsx("path", { d: drawn ? trackPath(track, track.activeStroke) : void 0 })
-	})] });
-}
-const Toc = defineComponent()({
-	name: "Toc",
-	module: toc,
-	rootPart: "root",
-	rootElement: "nav",
-	elements: {
-		title: "div",
-		list: "ul",
-		item: "li",
-		link: "a",
-		indicator: "span"
-	},
-	getterProps: {
-		item: ["item"],
-		link: ["item"]
-	},
-	defaultContent: { indicator: (api) => createElement(TocTrack, { active: api.activeIds }) },
-	amendBehaviorProps: { indicator: () => ({ hidden: void 0 }) },
-	variantProps: [
-		"value",
-		"defaultValue",
-		"onValueChange",
-		"size"
-	],
-	useMachineProps,
-	slots: (props) => tocRecipe({ size: resolveSize(props.size, "Toc") })
-});
-//#endregion
-export { Toc };
-
-//# sourceMappingURL=toc.mjs.map

package/dist/components/toc/toc.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"toc.mjs","names":[],"sources":["../../../src/components/toc/toc.tsx"],"sourcesContent":["'use client'\n\nimport * as toc from '@zag-js/toc'\nimport { createElement, useLayoutEffect, useRef, useState, type ReactNode } from 'react'\n\nimport type { ValueChangeDetails } from '#/components/details.ts'\nimport { tocRecipe } from '#/components/toc/toc.recipe.ts'\nimport { useReducedMotion } from '#/shared/reduced-motion.ts'\nimport { resolveSize, type Size } from '#/shared/size-scale.ts'\nimport { defineComponent } from '#/system/create-component.ts'\n\nexport interface TocEntry {\n  value: string\n  depth: number\n}\n\nexport type TocScrollBehavior = 'auto' | 'instant' | 'smooth'\n\nexport interface TocRootProps {\n  /**\n   * 모든 제목을 문서 순서대로 담습니다.\n   *\n   * 필수입니다. 내용이 없는 목차는 이 컴포넌트가 가질 수 있는 상태가 아니라, 애초에 렌더하지\n   * 말았어야 할 컴포넌트입니다.\n   */\n  items: readonly TocEntry[]\n  /** 지금 화면에 보이는 제목들이며 제어 모드입니다. */\n  value?: readonly string[]\n  /** 비제어 모드의 초기 활성 집합. `value`를 주면 무시됩니다. */\n  defaultValue?: readonly string[]\n  /** 제어 여부와 무관하게 활성 집합이 바뀔 때마다 호출됩니다. */\n  onValueChange?: (details: ValueChangeDetails<readonly string[]>) => void\n  /**\n   * 옵저버의 루트 마진. 무엇까지를 화면 안으로 칠지 정합니다.\n   *\n   * CSS 마진 문자열이며 기본값은 `\"-20px 0px -40% 0px\"`입니다. 활성 제목을 뷰포트 위쪽으로\n   * 치우치게 잡아서, 긴 섹션의 중간쯤을 읽고 있는 사람이 다음 섹션이 아니라 지금 그 섹션이 표시된\n   * 것을 보게 합니다.\n   */\n  rootMargin?: string\n  /** 제목이 얼마나 보여야 하는지 정합니다. `0`이면 1픽셀만 보여도 됩니다. */\n  threshold?: number | readonly number[]\n  /** 관찰의 기준이 될 스크롤 컨테이너. 기본값은 문서입니다. */\n  scrollEl?: () => HTMLElement | null\n  /** 활성 엔트리를 Toc 자체의 스크롤 박스 안에 계속 보이게 합니다. 기본값은 true입니다. */\n  autoScroll?: boolean\n  /** 엔트리를 따라갈 때 페이지가 움직이는 방식. 기본값은 `smooth`이며, 동작 줄이기 설정에서는 `smooth`가 `instant`로 바뀝니다. */\n  scrollBehavior?: TocScrollBehavior\n  /** 하나뿐인 공용 척도를 따릅니다. 모든 컴포넌트와 마찬가지로 기본값은 `md`입니다. */\n  size?: Size\n  /** 팩토리가 만드는 식별자를 덮어씁니다. 서버와 클라이언트에서 같은 값으로 유지됩니다. */\n  id?: string\n}\n\nconst toMachineProps = (props: TocRootProps): Record<string, unknown> => ({\n  ...(props.value === undefined ? {} : { activeIds: props.value }),\n  ...(props.defaultValue === undefined ? {} : { defaultActiveIds: props.defaultValue }),\n  ...(props.onValueChange === undefined\n    ? {}\n    : {\n        onActiveChange: (details: { activeIds: string[] }) =>\n          props.onValueChange?.({ value: details.activeIds }),\n      }),\n})\n\nconst useMachineProps = (props: TocRootProps): Record<string, unknown> => {\n  const reducedMotion = useReducedMotion()\n  const smooth = (props.scrollBehavior ?? 'smooth') === 'smooth'\n  return {\n    ...toMachineProps(props),\n    ...(reducedMotion && smooth ? { scrollBehavior: 'instant' } : {}),\n  }\n}\n\ninterface Row {\n  value: string | null\n  start: number\n  top: number\n  bottom: number\n  textTop: number\n  textBottom: number\n}\n\ninterface Track {\n  width: number\n  height: number\n  rtl: boolean\n  rows: readonly Row[]\n  clearance: number\n  railStroke: number\n  activeStroke: number\n}\n\n/** 토큰이 풀린 길이 값(px 또는 rem)을 px로 바꿉니다. */\nconst pixelsOf = (value: string): number => {\n  const amount = Number.parseFloat(value)\n  if (Number.isNaN(amount)) return 0\n  if (!value.trim().endsWith('rem')) return amount\n  return amount * (Number.parseFloat(getComputedStyle(document.documentElement).fontSize) || 0)\n}\n\nconst strokeOf = (element: Element | null): number =>\n  element === null ? 0 : Number.parseFloat(getComputedStyle(element).strokeWidth) || 0\n\n/** 항목 글자의 세로 범위. 여러 줄이면 첫 줄 위부터 마지막 줄 아래까지입니다. */\nconst textExtent = (item: Element, fallback: DOMRect): { top: number; bottom: number } => {\n  const range = item.ownerDocument.createRange()\n  range.selectNodeContents(item.querySelector('[data-part=\"link\"]') ?? item)\n  const lines = [...range.getClientRects()].filter((rect) => rect.width > 0 && rect.height > 0)\n  if (lines.length === 0) return { top: fallback.top, bottom: fallback.bottom }\n  return {\n    top: Math.min(...lines.map((rect) => rect.top)),\n    bottom: Math.max(...lines.map((rect) => rect.bottom)),\n  }\n}\n\n/**\n * 항목마다 들여쓴 자리의 인라인 시작 가장자리와 글자의 세로 범위를 목록 박스 기준으로 잽니다.\n * 브라우저는 SVG의 원점을 기기 픽셀에 맞춰 그리므로, 세로 구간이 번지지 않도록 이 가장자리도\n * 원점 기준의 기기 픽셀에 맞춥니다.\n */\nconst measureTrack = (list: HTMLElement, rail: Element | null, active: Element | null): Track => {\n  const box = list.getBoundingClientRect()\n  const rtl = getComputedStyle(list).direction === 'rtl'\n  const ratio = window.devicePixelRatio || 1\n  const snap = (value: number): number => Math.round(value * ratio) / ratio\n  const rows = [...list.querySelectorAll(':scope > [data-part=\"item\"]')].flatMap((item) => {\n    const rect = item.getBoundingClientRect()\n    if (rect.height === 0) return []\n    const inset = Number.parseFloat(getComputedStyle(item).paddingInlineStart) || 0\n    const edge = rtl ? snap(rect.right - inset - box.left) : snap(rect.left + inset - box.left)\n    const text = textExtent(item, rect)\n    return [\n      {\n        value: item.getAttribute('data-value'),\n        start: edge,\n        top: rect.top - box.top,\n        bottom: rect.bottom - box.top,\n        textTop: text.top - box.top,\n        textBottom: text.bottom - box.top,\n      },\n    ]\n  })\n  return {\n    width: box.width,\n    height: box.height,\n    rtl,\n    rows,\n    clearance: pixelsOf(getComputedStyle(list).getPropertyValue('--toc-bend-clearance')),\n    railStroke: strokeOf(rail),\n    activeStroke: strokeOf(active),\n  }\n}\n\nconst sameTrack = (a: Track | null, b: Track): boolean =>\n  a !== null && JSON.stringify(a) === JSON.stringify(b)\n\nconst round = (value: number): string => String(Math.round(value * 100) / 100)\n\n/**\n * 꺾임의 세로 범위. 위 항목 글자의 아래와 아래 항목 글자의 위에서 각각 `--toc-bend-clearance`만큼\n * 떨어진 틈 안에만 놓여서, 사선이 글자 옆을 지나거나 글자에 붙지 않습니다. 틈이 들여쓰기 폭보다\n * 넓으면 그 가운데에 45도로 꺾고, 좁으면 틈 전체를 씁니다. 그 틈은 모든 항목 사이에 똑같이 둔 목록의\n * 행 간격이 만듭니다.\n */\nconst bendBetween = (\n  upper: Row,\n  lower: Row,\n  run: number,\n  clearance: number,\n): readonly [number, number] => {\n  const from = upper.textBottom + clearance\n  const to = lower.textTop - clearance\n  const room = to - from\n  if (room <= 0) {\n    const middle = (upper.textBottom + lower.textTop) / 2\n    return [middle, middle]\n  }\n  if (room <= run) return [from, to]\n  const offset = (room - run) / 2\n  return [from + offset, to - offset]\n}\n\n/**\n * 모든 항목을 잇는 하나의 경로입니다. 항목마다 들여쓴 자리에 세로로 긋고, 깊이가 바뀌는 곳은\n * 두 항목의 글자 사이에서 사선으로 잇습니다. 한 경로라서 이음매에 겹침이나 틈이 없습니다. 선의 시작\n * 가장자리가 들여쓰기 자리에 오도록 획 두께의 절반만큼 안쪽으로 옮깁니다.\n */\nconst trackPath = (track: Track, stroke: number): string => {\n  const xs = track.rows.map((row) =>\n    round(track.rtl ? row.start - stroke / 2 : row.start + stroke / 2),\n  )\n  const first = track.rows[0]\n  if (first === undefined) return ''\n  let path = `M${xs[0] ?? 0} ${round(first.top)}`\n  track.rows.forEach((row, index) => {\n    const x = xs[index] ?? '0'\n    const next = track.rows[index + 1]\n    const nextX = xs[index + 1] ?? x\n    if (next === undefined) {\n      path += `L${x} ${round(row.bottom)}`\n      return\n    }\n    if (nextX === x) return\n    const [from, to] = bendBetween(row, next, Math.abs(Number(nextX) - Number(x)), track.clearance)\n    path += `L${x} ${round(from)}L${nextX} ${round(to)}`\n  })\n  return path\n}\n\n/**\n * 활성 표시가 보이는 세로 범위입니다. 첫 활성 항목의 세로 구간이 시작하는 곳(들어오는 꺾임이\n * 끝나는 곳, 없으면 항목의 위)부터 마지막 활성 항목의 세로 구간이 끝나는 곳(나가는 꺾임이\n * 시작하는 곳, 없으면 항목의 아래)까지입니다. 그래서 꺾임은 두 활성 항목 사이에 있을 때만, 그리고\n * 언제나 통째로 강조됩니다.\n */\nconst activeRange = (track: Track, active: readonly string[]): Record<string, string> | null => {\n  const rows = track.rows\n  const firstIndex = rows.findIndex((row) => row.value !== null && active.includes(row.value))\n  if (firstIndex < 0) return null\n  const lastIndex = rows.findLastIndex((row) => row.value !== null && active.includes(row.value))\n  const first = rows[firstIndex]\n  const last = rows[lastIndex]\n  if (first === undefined || last === undefined) return null\n  const previous = rows[firstIndex - 1]\n  const next = rows[lastIndex + 1]\n  const top =\n    previous !== undefined && previous.start !== first.start\n      ? bendBetween(previous, first, Math.abs(first.start - previous.start), track.clearance)[1]\n      : first.top\n  const bottom =\n    next !== undefined && next.start !== last.start\n      ? bendBetween(last, next, Math.abs(next.start - last.start), track.clearance)[0]\n      : last.bottom\n  return {\n    '--toc-active-top': `${round(top)}px`,\n    '--toc-active-height': `${round(Math.max(bottom - top, 0))}px`,\n  }\n}\n\n/**\n * Indicator가 그리는 레일과 활성 표시입니다. 둘은 같은 경로이며, 활성 표시는 `activeRange`로만\n * 잘라 보입니다. 경로는 하이드레이션 직후 첫 그리기 전에 재고, 재기 전에는 아무것도 그리지 않습니다.\n * 곧은 선을 먼저 보였다가 꺾인 선으로 바꾸는 일이 없습니다.\n */\nfunction TocTrack({ active }: { active: readonly string[] }): ReactNode {\n  const railRef = useRef<SVGSVGElement>(null)\n  const activeRef = useRef<SVGSVGElement>(null)\n  const [track, setTrack] = useState<Track | null>(null)\n\n  useLayoutEffect(() => {\n    const list = railRef.current?.parentElement?.parentElement?.querySelector(\n      ':scope > [data-scope=\"toc\"][data-part=\"list\"]',\n    )\n    if (!(list instanceof HTMLElement)) return undefined\n    let live = true\n    const update = (): void => {\n      if (!live) return\n      const next = measureTrack(list, railRef.current, activeRef.current)\n      setTrack((current) => (sameTrack(current, next) ? current : next))\n    }\n    const sizes = typeof ResizeObserver === 'undefined' ? null : new ResizeObserver(update)\n    const observeRows = (): void => {\n      sizes?.observe(list)\n      for (const item of list.children) sizes?.observe(item)\n    }\n    const mutations = new MutationObserver(() => {\n      observeRows()\n      update()\n    })\n    update()\n    observeRows()\n    mutations.observe(list, { childList: true })\n    void document.fonts?.ready.then(update)\n    return () => {\n      live = false\n      mutations.disconnect()\n      sizes?.disconnect()\n    }\n  }, [])\n\n  const drawn = track !== null && track.rows.length > 0\n  const size = drawn ? { width: track.width, height: track.height } : {}\n  const range = drawn ? activeRange(track, active) : null\n  return (\n    <>\n      <svg\n        ref={railRef}\n        data-toc-path=\"rail\"\n        aria-hidden=\"true\"\n        fill=\"none\"\n        data-hidden={drawn ? undefined : ''}\n        {...size}\n      >\n        <path d={drawn ? trackPath(track, track.railStroke) : undefined} />\n      </svg>\n      <svg\n        ref={activeRef}\n        data-toc-path=\"active\"\n        aria-hidden=\"true\"\n        fill=\"none\"\n        data-hidden={range === null ? '' : undefined}\n        style={range ?? undefined}\n        {...size}\n      >\n        <path d={drawn ? trackPath(track, track.activeStroke) : undefined} />\n      </svg>\n    </>\n  )\n}\n\nexport const Toc = defineComponent<TocRootProps>()({\n  name: 'Toc',\n  module: toc,\n  rootPart: 'root',\n  rootElement: 'nav',\n  elements: { title: 'div', list: 'ul', item: 'li', link: 'a', indicator: 'span' },\n  getterProps: {\n    item: ['item'],\n    link: ['item'],\n  },\n  defaultContent: {\n    indicator: (api) => createElement(TocTrack, { active: api.activeIds }),\n  },\n  amendBehaviorProps: {\n    indicator: () => ({ hidden: undefined }),\n  },\n  variantProps: ['value', 'defaultValue', 'onValueChange', 'size'],\n  useMachineProps,\n  slots: (props: TocRootProps) => tocRecipe({ size: resolveSize(props.size, 'Toc') }),\n})\n"],"mappings":"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"}