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

package/dist/components/dialog/dialog.recipe.mjs

@@ -1,138 +0,0 @@
-import { sva } from "../../react/styled-system/css/sva.mjs";
-//#region src/components/dialog/dialog.recipe.ts
-const dialogRecipe = sva({
-	slots: [
-		"trigger",
-		"backdrop",
-		"positioner",
-		"content",
-		"title",
-		"description",
-		"closeTrigger"
-	],
-	base: {
-		trigger: { minWidth: "target.minimum" },
-		backdrop: {
-			layerStyle: "scrim",
-			zIndex: "calc(var(--synapse-layer-base, 1000) + var(--layer-index, 0) - 1)",
-			position: "fixed",
-			insetBlock: "inset.none",
-			insetInline: "inset.none",
-			bg: "background.inverse"
-		},
-		positioner: {
-			position: "fixed",
-			zIndex: "calc(var(--synapse-layer-base, 1000) + var(--layer-index, 0))",
-			insetBlock: "inset.none",
-			insetInline: "inset.none",
-			display: "flex",
-			alignItems: "center",
-			justifyContent: "center",
-			padding: "inset.surface"
-		},
-		content: {
-			layerStyle: "reveal",
-			zIndex: "calc(var(--synapse-layer-base, 1000) + var(--layer-index, 0))",
-			position: "relative",
-			display: "flex",
-			flexDirection: "column",
-			gap: "rhythm.tight",
-			width: "fill",
-			minWidth: "surface.overlayMin",
-			maxWidth: "surface.modal",
-			maxHeight: "fill",
-			overflowY: "auto",
-			padding: "rhythm.normal",
-			rounded: "overlay",
-			borderWidth: "hairline",
-			borderStyle: "solid",
-			borderColor: "border.overlay",
-			bg: "surface.overlay",
-			color: "foreground.default",
-			boxShadow: "modal",
-			_focusVisible: {
-				outlineStyle: "solid",
-				outlineWidth: "focus",
-				outlineOffset: "inset.compact",
-				outlineColor: "border.focus"
-			}
-		},
-		title: {
-			margin: "inset.none",
-			textStyle: "subtitle",
-			textWrap: "balance",
-			color: "foreground.default",
-			"[data-scope=dialog][data-part=content]:has(> [data-part=close-trigger]) > &": { paddingInlineEnd: "gap.section" }
-		},
-		description: {
-			margin: "inset.none",
-			textStyle: "body",
-			color: "foreground.muted"
-		},
-		closeTrigger: { "[data-scope=dialog][data-part=content] > &": { position: "absolute" } }
-	},
-	variants: { size: {
-		xs: {
-			closeTrigger: {
-				insetBlockStart: "inset.control",
-				insetInlineEnd: "inset.control"
-			},
-			content: {
-				padding: "inset.overlay",
-				gap: "gap.inline"
-			},
-			title: { textStyle: "label" },
-			description: { textStyle: "detail" }
-		},
-		sm: {
-			closeTrigger: {
-				insetBlockStart: "inset.overlay",
-				insetInlineEnd: "inset.overlay"
-			},
-			content: {
-				padding: "inset.surface",
-				gap: "gap.related"
-			},
-			title: { textStyle: "label" },
-			description: { textStyle: "detail" }
-		},
-		md: {
-			closeTrigger: {
-				insetBlockStart: "inset.surface",
-				insetInlineEnd: "inset.surface"
-			},
-			content: {
-				padding: "rhythm.normal",
-				gap: "rhythm.tight"
-			},
-			title: { textStyle: "subtitle" }
-		},
-		lg: {
-			closeTrigger: {
-				insetBlockStart: "rhythm.normal",
-				insetInlineEnd: "rhythm.normal"
-			},
-			content: {
-				padding: "gap.section",
-				gap: "gap.distinct"
-			},
-			title: { textStyle: "subtitle" }
-		},
-		xl: {
-			closeTrigger: {
-				insetBlockStart: "rhythm.normal",
-				insetInlineEnd: "rhythm.normal"
-			},
-			content: {
-				padding: "gap.section",
-				gap: "gap.distinct"
-			},
-			title: { textStyle: "title" }
-		}
-	} },
-	defaultVariants: { size: "md" }
-});
-//#endregion
-export { dialogRecipe };
-
-//# sourceMappingURL=dialog.recipe.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"dialog.recipe.mjs","names":[],"sources":["../../../src/components/dialog/dialog.recipe.ts"],"sourcesContent":["import { sva } from '#styled-system/css/index.js'\n\nexport const dialogRecipe = sva({\n  slots: ['trigger', 'backdrop', 'positioner', 'content', 'title', 'description', 'closeTrigger'],\n  base: {\n    trigger: { minWidth: 'target.minimum' },\n    backdrop: {\n      layerStyle: 'scrim',\n      zIndex: 'calc(var(--synapse-layer-base, 1000) + var(--layer-index, 0) - 1)',\n      position: 'fixed',\n      insetBlock: 'inset.none',\n      insetInline: 'inset.none',\n      bg: 'background.inverse',\n    },\n    positioner: {\n      position: 'fixed',\n      zIndex: 'calc(var(--synapse-layer-base, 1000) + var(--layer-index, 0))',\n      insetBlock: 'inset.none',\n      insetInline: 'inset.none',\n      display: 'flex',\n      alignItems: 'center',\n      justifyContent: 'center',\n      padding: 'inset.surface',\n    },\n    content: {\n      layerStyle: 'reveal',\n      zIndex: 'calc(var(--synapse-layer-base, 1000) + var(--layer-index, 0))',\n      position: 'relative',\n      display: 'flex',\n      flexDirection: 'column',\n      gap: 'rhythm.tight',\n      // 대화상자는 surface.modal까지 주어진 너비를 모두 씁니다. overlayMax는 Menu와 Popover의 너비라서\n      // 320px에서는 제목, 문단, 동작 두 개가 비좁았습니다.\n      width: 'fill',\n      minWidth: 'surface.overlayMin',\n      maxWidth: 'surface.modal',\n      maxHeight: 'fill',\n      overflowY: 'auto',\n      padding: 'rhythm.normal',\n      rounded: 'overlay',\n      borderWidth: 'hairline',\n      borderStyle: 'solid',\n      borderColor: 'border.overlay',\n      bg: 'surface.overlay',\n      color: 'foreground.default',\n      boxShadow: 'modal',\n      _focusVisible: {\n        outlineStyle: 'solid',\n        outlineWidth: 'focus',\n        outlineOffset: 'inset.compact',\n        outlineColor: 'border.focus',\n      },\n    },\n    title: {\n      margin: 'inset.none',\n      textStyle: 'subtitle',\n      textWrap: 'balance',\n      color: 'foreground.default',\n      '[data-scope=dialog][data-part=content]:has(> [data-part=close-trigger]) > &': {\n        paddingInlineEnd: 'gap.section',\n      },\n    },\n    description: {\n      margin: 'inset.none',\n      textStyle: 'body',\n      color: 'foreground.muted',\n    },\n    // content 바로 안의 close trigger(아이콘)만 흐름에서 빼 top-end에 고정합니다; 제목은 그 자리만큼\n    // paddingInlineEnd로 비워 둡니다. footer의 close trigger(`asChild`)는 직계 자식이 아니라 흐름에 남습니다.\n    closeTrigger: {\n      '[data-scope=dialog][data-part=content] > &': { position: 'absolute' },\n    },\n  },\n  variants: {\n    size: {\n      xs: {\n        closeTrigger: { insetBlockStart: 'inset.control', insetInlineEnd: 'inset.control' },\n        content: { padding: 'inset.overlay', gap: 'gap.inline' },\n        title: { textStyle: 'label' },\n        description: { textStyle: 'detail' },\n      },\n      sm: {\n        closeTrigger: { insetBlockStart: 'inset.overlay', insetInlineEnd: 'inset.overlay' },\n        content: { padding: 'inset.surface', gap: 'gap.related' },\n        title: { textStyle: 'label' },\n        description: { textStyle: 'detail' },\n      },\n      md: {\n        closeTrigger: { insetBlockStart: 'inset.surface', insetInlineEnd: 'inset.surface' },\n        content: { padding: 'rhythm.normal', gap: 'rhythm.tight' },\n        title: { textStyle: 'subtitle' },\n      },\n      lg: {\n        closeTrigger: { insetBlockStart: 'rhythm.normal', insetInlineEnd: 'rhythm.normal' },\n        content: { padding: 'gap.section', gap: 'gap.distinct' },\n        title: { textStyle: 'subtitle' },\n      },\n      xl: {\n        closeTrigger: { insetBlockStart: 'rhythm.normal', insetInlineEnd: 'rhythm.normal' },\n        content: { padding: 'gap.section', gap: 'gap.distinct' },\n        title: { textStyle: 'title' },\n      },\n    },\n  },\n  defaultVariants: { size: 'md' },\n})\n"],"mappings":";;AAEA,MAAa,eAAe,IAAI;CAC9B,OAAO;EAAC;EAAW;EAAY;EAAc;EAAW;EAAS;EAAe;CAAc;CAC9F,MAAM;EACJ,SAAS,EAAE,UAAU,iBAAiB;EACtC,UAAU;GACR,YAAY;GACZ,QAAQ;GACR,UAAU;GACV,YAAY;GACZ,aAAa;GACb,IAAI;EACN;EACA,YAAY;GACV,UAAU;GACV,QAAQ;GACR,YAAY;GACZ,aAAa;GACb,SAAS;GACT,YAAY;GACZ,gBAAgB;GAChB,SAAS;EACX;EACA,SAAS;GACP,YAAY;GACZ,QAAQ;GACR,UAAU;GACV,SAAS;GACT,eAAe;GACf,KAAK;GAGL,OAAO;GACP,UAAU;GACV,UAAU;GACV,WAAW;GACX,WAAW;GACX,SAAS;GACT,SAAS;GACT,aAAa;GACb,aAAa;GACb,aAAa;GACb,IAAI;GACJ,OAAO;GACP,WAAW;GACX,eAAe;IACb,cAAc;IACd,cAAc;IACd,eAAe;IACf,cAAc;GAChB;EACF;EACA,OAAO;GACL,QAAQ;GACR,WAAW;GACX,UAAU;GACV,OAAO;GACP,+EAA+E,EAC7E,kBAAkB,cACpB;EACF;EACA,aAAa;GACX,QAAQ;GACR,WAAW;GACX,OAAO;EACT;EAGA,cAAc,EACZ,8CAA8C,EAAE,UAAU,WAAW,EACvE;CACF;CACA,UAAU,EACR,MAAM;EACJ,IAAI;GACF,cAAc;IAAE,iBAAiB;IAAiB,gBAAgB;GAAgB;GAClF,SAAS;IAAE,SAAS;IAAiB,KAAK;GAAa;GACvD,OAAO,EAAE,WAAW,QAAQ;GAC5B,aAAa,EAAE,WAAW,SAAS;EACrC;EACA,IAAI;GACF,cAAc;IAAE,iBAAiB;IAAiB,gBAAgB;GAAgB;GAClF,SAAS;IAAE,SAAS;IAAiB,KAAK;GAAc;GACxD,OAAO,EAAE,WAAW,QAAQ;GAC5B,aAAa,EAAE,WAAW,SAAS;EACrC;EACA,IAAI;GACF,cAAc;IAAE,iBAAiB;IAAiB,gBAAgB;GAAgB;GAClF,SAAS;IAAE,SAAS;IAAiB,KAAK;GAAe;GACzD,OAAO,EAAE,WAAW,WAAW;EACjC;EACA,IAAI;GACF,cAAc;IAAE,iBAAiB;IAAiB,gBAAgB;GAAgB;GAClF,SAAS;IAAE,SAAS;IAAe,KAAK;GAAe;GACvD,OAAO,EAAE,WAAW,WAAW;EACjC;EACA,IAAI;GACF,cAAc;IAAE,iBAAiB;IAAiB,gBAAgB;GAAgB;GAClF,SAAS;IAAE,SAAS;IAAe,KAAK;GAAe;GACvD,OAAO,EAAE,WAAW,QAAQ;EAC9B;CACF,EACF;CACA,iBAAiB,EAAE,MAAM,KAAK;AAChC,CAAC"}

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

@@ -1,2 +0,0 @@
-import { Dialog, DialogRole, DialogRootProps } from "./dialog.mjs";
-export { Dialog, type DialogRole, type DialogRootProps };

package/dist/components/dialog/index.mjs

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

package/dist/components/drawer/drawer.d.mts

@@ -1,62 +0,0 @@
-import { TranslationOverrides } from "../../provider/translations.mjs";
-import { SynapseComponent } from "../../system/types.mjs";
-import { OpenChangeDetails } from "../details.mjs";
-import { Size } from "../../shared/size-scale.mjs";
-//#region src/components/drawer/drawer.d.ts
-export type DrawerSwipeDirection = 'up' | 'down' | 'start' | 'end';
-export type DrawerSnapPoint = number | string;
-export interface DrawerSnapPointChangeDetails {
-  readonly snapPoint: DrawerSnapPoint | null;
-}
-export interface DrawerRootProps {
-  /** 제어되는 열림 상태. */
-  open?: boolean;
-  /** 비제어 초기 열림 상태. `open`이 주어지면 무시됩니다. */
-  defaultOpen?: boolean;
-  /** 제어 여부와 무관하게 드로어가 열리거나 닫힐 때마다 알림을 받습니다. */
-  onOpenChange?: (details: OpenChangeDetails) => void;
-  /** 드로어가 어떻게 안내되는지를 정합니다. 기본값은 `dialog`입니다. */
-  role?: 'dialog' | 'alertdialog';
-  /**
-   * `Drawer.Title`이 이름을 주지 않을 때 쓰이는 드로어의 접근성 이름.
-   *
-   * `role`을 지닌 content 엘리먼트에 붙으며, `Drawer.Title`이 있으면 `aria-labelledby`가
-   * 여전히 우선합니다.
-   */
-  'aria-label'?: string;
-  /** 드로어를 닫으려고 끌고 가는 쪽의 가장자리. 기본값은 `down`입니다. */
-  swipeDirection?: DrawerSwipeDirection;
-  /** 드로어가 멈추는 지점들. 생략하면 전체 크기의 지점 하나만 둡니다. */
-  snapPoints?: readonly DrawerSnapPoint[];
-  /** 제어되는 멈춤 지점. */
-  snapPoint?: DrawerSnapPoint | null;
-  /** 비제어 초기 멈춤 지점. `snapPoint`가 주어지면 무시됩니다. */
-  defaultSnapPoint?: DrawerSnapPoint | null;
-  /** 드로어가 다른 멈춤 지점에 자리 잡을 때마다 알림을 받습니다. */
-  onSnapPointChange?: (details: DrawerSnapPointChangeDetails) => void;
-  /** 제스처 한 번에 가장 가까운 지점이 아니라 바로 옆 지점으로만 이동합니다. */
-  snapToSequentialPoints?: boolean;
-  /** 열려 있는 동안 페이지의 나머지를 비활성 상태로 만듭니다. 기본값은 true입니다. */
-  modal?: boolean;
-  /** 열려 있는 동안 포커스를 드로어 안에 가둡니다. 모달 드로어에서는 기본값이 true입니다. */
-  trapFocus?: boolean;
-  /** 닫힐 때 포커스를 trigger로 되돌립니다. 기본값은 true입니다. */
-  restoreFocus?: boolean;
-  /** 열려 있는 동안 뒤쪽 페이지가 스크롤되지 않게 합니다. */
-  preventScroll?: boolean;
-  /** 콘텐츠 안의 스크롤 제스처를 드로어 드래그로 가로채지 않고 그대로 둡니다. */
-  preventDragOnScroll?: boolean;
-  /** Escape를 누르면 닫힙니다. 기본값은 true입니다. */
-  closeOnEscape?: boolean;
-  /** 바깥에서 포인터가 눌리면 닫힙니다. 기본값은 true입니다. */
-  closeOnInteractOutside?: boolean;
-  /** 이 Drawer에만 적용되는 접근성 문자열이며, provider의 것보다 우선합니다. */
-  translations?: TranslationOverrides;
-  /** 하나의 공유 척도에서 옵니다. 모든 컴포넌트가 그렇듯 기본값은 `md`입니다. */
-  size?: Size;
-  /** 팩토리가 생성하는 식별자를 덮어씁니다. 서버와 클라이언트에서 동일합니다. */
-  id?: string;
-}
-export declare const Drawer: SynapseComponent<"backdrop" | "closeTrigger" | "content" | "description" | "grabber" | "grabberIndicator" | "positioner" | "swipeArea" | "title" | "trigger", null, DrawerRootProps, never>;
-//#endregion
-//# sourceMappingURL=drawer.d.mts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"drawer.d.mts","names":[],"sources":["../../../src/components/drawer/drawer.tsx"],"mappings":";;;;;YAgBY;YAEA;iBAEK;WACN,WAAW;;iBAGL;;EAEf;;EAEA;;EAEA,gBAAgB,SAAS;;EAEzB;;;;;;;EAOA;;EAEA,iBAAiB;;EAEjB,sBAAsB;;EAEtB,YAAY;;EAEZ,mBAAmB;;EAEnB,qBAAqB,SAAS;;EAE9B;;EAEA;;EAEA;;EAEA;;EAEA;;EAEA;;EAEA;;EAEA;;EAEA,eAAe;;EAEf,OAAO;;EAEP;;qBAsDW,QAAM,oKAAA"}

package/dist/components/drawer/drawer.mjs

@@ -1,65 +0,0 @@
-"use client";
-import { resolveSize } from "../../shared/size-scale.mjs";
-import { close } from "../../icons/src/close.mjs";
-import "../../icons/src/index.mjs";
-import { Icon } from "../../shared/icon.mjs";
-import { rootContextOf } from "../../system/context.mjs";
-import { defineComponent } from "../../system/create-component.mjs";
-import { buttonPartClass } from "../../shared/button-style.mjs";
-import { drawerRecipe } from "./drawer.recipe.mjs";
-import { jsx } from "react/jsx-runtime";
-import { visuallyHiddenStyle } from "@zag-js/dom-query";
-import * as drawer from "@zag-js/drawer";
-//#region src/components/drawer/drawer.tsx
-const isLabelService = (value) => typeof value === "object" && value !== null && "prop" in value && typeof value.prop === "function";
-const base = defineComponent()({
-	name: "Drawer",
-	module: drawer,
-	rootPart: null,
-	elements: {
-		title: "h2",
-		description: "p"
-	},
-	defaultContent: { closeTrigger: (_api, t) => [/* @__PURE__ */ jsx(Icon, { icon: close }, "icon"), /* @__PURE__ */ jsx("span", {
-		"data-visually-hidden": "",
-		style: visuallyHiddenStyle,
-		children: t("drawer.closeTrigger.label")
-	}, "label")] },
-	machineTranslations: null,
-	variantProps: ["size"],
-	useMachineProps: (props) => props["aria-label"] === void 0 ? {} : { "aria-label": props["aria-label"] },
-	slots: (props) => {
-		const size = resolveSize(props.size, "Drawer");
-		const own = drawerRecipe.raw({ size });
-		return {
-			...drawerRecipe({ size }),
-			trigger: buttonPartClass({
-				variant: "outline",
-				tone: "neutral",
-				size
-			}, own.trigger),
-			closeTrigger: buttonPartClass({
-				variant: "ghost",
-				tone: "neutral",
-				size
-			}, own.closeTrigger)
-		};
-	}
-});
-const BaseContent = base.Content;
-const useDrawerRootValue = rootContextOf(base)?.useRootValue ?? (() => null);
-function DrawerContent(props) {
-	const value = useDrawerRootValue();
-	const label = value === null || !isLabelService(value.service) ? void 0 : value.service.prop("aria-label");
-	return /* @__PURE__ */ jsx(BaseContent, {
-		"aria-label": typeof label === "string" ? label : void 0,
-		...props
-	});
-}
-DrawerContent.displayName = BaseContent.displayName;
-Object.assign(base, { Content: DrawerContent });
-const Drawer = base;
-//#endregion
-export { Drawer };
-
-//# sourceMappingURL=drawer.mjs.map

package/dist/components/drawer/drawer.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"drawer.mjs","names":[],"sources":["../../../src/components/drawer/drawer.tsx"],"sourcesContent":["'use client'\n\nimport { close } from '@neurocle/synapse-icons'\nimport { visuallyHiddenStyle } from '@zag-js/dom-query'\nimport * as drawer from '@zag-js/drawer'\nimport type { ReactNode } from 'react'\n\nimport type { OpenChangeDetails } from '#/components/details.ts'\nimport { drawerRecipe } from '#/components/drawer/drawer.recipe.ts'\nimport type { TranslationOverrides } from '#/provider/translations.ts'\nimport { buttonPartClass } from '#/shared/button-style.ts'\nimport { Icon } from '#/shared/icon.tsx'\nimport { resolveSize, type Size } from '#/shared/size-scale.ts'\nimport { rootContextOf } from '#/system/context.ts'\nimport { defineComponent } from '#/system/create-component.ts'\n\nexport type DrawerSwipeDirection = 'up' | 'down' | 'start' | 'end'\n\nexport type DrawerSnapPoint = number | string\n\nexport interface DrawerSnapPointChangeDetails {\n  readonly snapPoint: DrawerSnapPoint | null\n}\n\nexport interface DrawerRootProps {\n  /** 제어되는 열림 상태. */\n  open?: boolean\n  /** 비제어 초기 열림 상태. `open`이 주어지면 무시됩니다. */\n  defaultOpen?: boolean\n  /** 제어 여부와 무관하게 드로어가 열리거나 닫힐 때마다 알림을 받습니다. */\n  onOpenChange?: (details: OpenChangeDetails) => void\n  /** 드로어가 어떻게 안내되는지를 정합니다. 기본값은 `dialog`입니다. */\n  role?: 'dialog' | 'alertdialog'\n  /**\n   * `Drawer.Title`이 이름을 주지 않을 때 쓰이는 드로어의 접근성 이름.\n   *\n   * `role`을 지닌 content 엘리먼트에 붙으며, `Drawer.Title`이 있으면 `aria-labelledby`가\n   * 여전히 우선합니다.\n   */\n  'aria-label'?: string\n  /** 드로어를 닫으려고 끌고 가는 쪽의 가장자리. 기본값은 `down`입니다. */\n  swipeDirection?: DrawerSwipeDirection\n  /** 드로어가 멈추는 지점들. 생략하면 전체 크기의 지점 하나만 둡니다. */\n  snapPoints?: readonly DrawerSnapPoint[]\n  /** 제어되는 멈춤 지점. */\n  snapPoint?: DrawerSnapPoint | null\n  /** 비제어 초기 멈춤 지점. `snapPoint`가 주어지면 무시됩니다. */\n  defaultSnapPoint?: DrawerSnapPoint | null\n  /** 드로어가 다른 멈춤 지점에 자리 잡을 때마다 알림을 받습니다. */\n  onSnapPointChange?: (details: DrawerSnapPointChangeDetails) => void\n  /** 제스처 한 번에 가장 가까운 지점이 아니라 바로 옆 지점으로만 이동합니다. */\n  snapToSequentialPoints?: boolean\n  /** 열려 있는 동안 페이지의 나머지를 비활성 상태로 만듭니다. 기본값은 true입니다. */\n  modal?: boolean\n  /** 열려 있는 동안 포커스를 드로어 안에 가둡니다. 모달 드로어에서는 기본값이 true입니다. */\n  trapFocus?: boolean\n  /** 닫힐 때 포커스를 trigger로 되돌립니다. 기본값은 true입니다. */\n  restoreFocus?: boolean\n  /** 열려 있는 동안 뒤쪽 페이지가 스크롤되지 않게 합니다. */\n  preventScroll?: boolean\n  /** 콘텐츠 안의 스크롤 제스처를 드로어 드래그로 가로채지 않고 그대로 둡니다. */\n  preventDragOnScroll?: boolean\n  /** Escape를 누르면 닫힙니다. 기본값은 true입니다. */\n  closeOnEscape?: boolean\n  /** 바깥에서 포인터가 눌리면 닫힙니다. 기본값은 true입니다. */\n  closeOnInteractOutside?: boolean\n  /** 이 Drawer에만 적용되는 접근성 문자열이며, provider의 것보다 우선합니다. */\n  translations?: TranslationOverrides\n  /** 하나의 공유 척도에서 옵니다. 모든 컴포넌트가 그렇듯 기본값은 `md`입니다. */\n  size?: Size\n  /** 팩토리가 생성하는 식별자를 덮어씁니다. 서버와 클라이언트에서 동일합니다. */\n  id?: string\n}\n\ninterface DrawerLabelService {\n  prop: (key: 'aria-label') => unknown\n}\n\nconst isLabelService = (value: unknown): value is DrawerLabelService =>\n  typeof value === 'object' && value !== null && 'prop' in value && typeof value.prop === 'function'\n\nconst base = defineComponent<DrawerRootProps>()({\n  name: 'Drawer',\n  module: drawer,\n  rootPart: null,\n  elements: {\n    title: 'h2',\n    description: 'p',\n  },\n  defaultContent: {\n    closeTrigger: (_api, t) => [\n      <Icon key=\"icon\" icon={close} />,\n      <span key=\"label\" data-visually-hidden=\"\" style={visuallyHiddenStyle}>\n        {t('drawer.closeTrigger.label')}\n      </span>,\n    ],\n  },\n  machineTranslations: null,\n  variantProps: ['size'],\n  useMachineProps: (props: DrawerRootProps) =>\n    props['aria-label'] === undefined ? {} : { 'aria-label': props['aria-label'] },\n  slots: (props: DrawerRootProps) => {\n    const size = resolveSize(props.size, 'Drawer')\n    const own = drawerRecipe.raw({ size })\n    return {\n      ...drawerRecipe({ size }),\n      trigger: buttonPartClass({ variant: 'outline', tone: 'neutral', size }, own.trigger),\n      closeTrigger: buttonPartClass({ variant: 'ghost', tone: 'neutral', size }, own.closeTrigger),\n    }\n  },\n})\n\nconst BaseContent = base.Content\nconst useDrawerRootValue = rootContextOf(base)?.useRootValue ?? (() => null)\n\nfunction DrawerContent(props: Parameters<typeof BaseContent>[0]): ReactNode {\n  const value = useDrawerRootValue()\n  const label =\n    value === null || !isLabelService(value.service) ? undefined : value.service.prop('aria-label')\n  return <BaseContent aria-label={typeof label === 'string' ? label : undefined} {...props} />\n}\nDrawerContent.displayName = BaseContent.displayName\n\nObject.assign(base, { Content: DrawerContent })\n\nexport const Drawer = base\n"],"mappings":";;;;;;;;;;;;;AA8EA,MAAM,kBAAkB,UACtB,OAAO,UAAU,YAAY,UAAU,QAAQ,UAAU,SAAS,OAAO,MAAM,SAAS;AAE1F,MAAM,OAAO,gBAAiC,CAAC,CAAC;CAC9C,MAAM;CACN,QAAQ;CACR,UAAU;CACV,UAAU;EACR,OAAO;EACP,aAAa;CACf;CACA,gBAAgB,EACd,eAAe,MAAM,MAAM,CACzB,oBAAC,MAAD,EAAiB,MAAM,MAAQ,GAArB,MAAqB,GAC/B,oBAAC,QAAD;EAAkB,wBAAqB;EAAG,OAAO;EAC9C,UAAA,EAAE,2BAA2B;CAC1B,GAFI,OAEJ,CACR,EACF;CACA,qBAAqB;CACrB,cAAc,CAAC,MAAM;CACrB,kBAAkB,UAChB,MAAM,kBAAkB,KAAA,IAAY,CAAC,IAAI,EAAE,cAAc,MAAM,cAAc;CAC/E,QAAQ,UAA2B;EACjC,MAAM,OAAO,YAAY,MAAM,MAAM,QAAQ;EAC7C,MAAM,MAAM,aAAa,IAAI,EAAE,KAAK,CAAC;EACrC,OAAO;GACL,GAAG,aAAa,EAAE,KAAK,CAAC;GACxB,SAAS,gBAAgB;IAAE,SAAS;IAAW,MAAM;IAAW;GAAK,GAAG,IAAI,OAAO;GACnF,cAAc,gBAAgB;IAAE,SAAS;IAAS,MAAM;IAAW;GAAK,GAAG,IAAI,YAAY;EAC7F;CACF;AACF,CAAC;AAED,MAAM,cAAc,KAAK;AACzB,MAAM,qBAAqB,cAAc,IAAI,CAAC,EAAE,uBAAuB;AAEvE,SAAS,cAAc,OAAqD;CAC1E,MAAM,QAAQ,mBAAmB;CACjC,MAAM,QACJ,UAAU,QAAQ,CAAC,eAAe,MAAM,OAAO,IAAI,KAAA,IAAY,MAAM,QAAQ,KAAK,YAAY;CAChG,OAAO,oBAAC,aAAD;EAAa,cAAY,OAAO,UAAU,WAAW,QAAQ,KAAA;EAAW,GAAI;CAAQ,CAAA;AAC7F;AACA,cAAc,cAAc,YAAY;AAExC,OAAO,OAAO,MAAM,EAAE,SAAS,cAAc,CAAC;AAE9C,MAAa,SAAS"}

package/dist/components/drawer/drawer.recipe.mjs

@@ -1,201 +0,0 @@
-import { sva } from "../../react/styled-system/css/sva.mjs";
-//#region src/components/drawer/drawer.recipe.ts
-const drawerRecipe = sva({
-	slots: [
-		"positioner",
-		"content",
-		"title",
-		"description",
-		"trigger",
-		"backdrop",
-		"grabber",
-		"grabberIndicator",
-		"closeTrigger",
-		"swipeArea"
-	],
-	base: {
-		positioner: {
-			position: "fixed",
-			zIndex: "calc(var(--synapse-layer-base, 1000) + var(--layer-index, 0))",
-			insetBlock: "inset.none",
-			insetInline: "inset.none",
-			display: "flex",
-			"&[data-swipe-direction=\"down\"]": { alignItems: "flex-end" },
-			"&[data-swipe-direction=\"up\"]": { alignItems: "flex-start" },
-			"&[data-swipe-direction=\"left\"]": { justifyContent: "flex-start" },
-			"&[data-swipe-direction=\"right\"]": { justifyContent: "flex-end" }
-		},
-		content: {
-			layerStyle: "fade",
-			zIndex: "calc(var(--synapse-layer-base, 1000) + var(--layer-index, 0))",
-			"--drawer-motion-properties": "translate, transform, display",
-			transitionProperty: "var(--drawer-motion-properties)",
-			transitionDuration: "expand",
-			transitionTimingFunction: "enter",
-			translate: "auto",
-			_starting: { opacity: 1 },
-			_closed: {
-				opacity: 1,
-				transitionDuration: "reveal !important",
-				transitionTimingFunction: "exit"
-			},
-			position: "relative",
-			display: "flex",
-			flexDirection: "column",
-			gap: "rhythm.tight",
-			padding: "rhythm.normal",
-			borderWidth: "hairline",
-			borderStyle: "solid",
-			borderColor: "border.overlay",
-			bg: "surface.overlay",
-			color: "foreground.default",
-			boxShadow: "modal",
-			overflowY: "auto",
-			"&[data-swipe-direction=\"down\"]": {
-				_starting: { translateY: "full" },
-				_closed: { translateY: "full" },
-				width: "fill",
-				maxHeight: "fill",
-				roundedTop: "overlay"
-			},
-			"&[data-swipe-direction=\"up\"]": {
-				_starting: { translateY: "-full" },
-				_closed: { translateY: "-full" },
-				width: "fill",
-				maxHeight: "fill",
-				roundedBottom: "overlay"
-			},
-			"&[data-swipe-direction=\"left\"]": {
-				_starting: { translateX: "-full" },
-				_closed: { translateX: "-full" },
-				height: "fill",
-				minWidth: "surface.overlayMin",
-				maxWidth: "surface.overlayMax",
-				roundedRight: "overlay"
-			},
-			"&[data-swipe-direction=\"right\"]": {
-				_starting: { translateX: "full" },
-				_closed: { translateX: "full" },
-				height: "fill",
-				minWidth: "surface.overlayMin",
-				maxWidth: "surface.overlayMax",
-				roundedLeft: "overlay"
-			},
-			_focusVisible: {
-				outlineStyle: "solid",
-				outlineWidth: "focus",
-				outlineOffset: "inset.compact",
-				outlineColor: "border.focus"
-			}
-		},
-		title: {
-			margin: "inset.none",
-			textStyle: "subtitle",
-			textWrap: "balance",
-			color: "foreground.default",
-			"[data-scope=drawer][data-part=content]:has(> [data-part=close-trigger]) > &": { paddingInlineEnd: "gap.section" }
-		},
-		description: {
-			margin: "inset.none",
-			textStyle: "body",
-			color: "foreground.muted"
-		},
-		trigger: {},
-		backdrop: {
-			layerStyle: "scrim",
-			zIndex: "calc(var(--synapse-layer-base, 1000) + var(--layer-index, 0) - 1)",
-			transitionDuration: "expand",
-			_closed: { transitionDuration: "reveal" },
-			position: "fixed",
-			insetBlock: "inset.none",
-			insetInline: "inset.none",
-			bg: "background.inverse"
-		},
-		grabber: {
-			display: "flex",
-			alignItems: "center",
-			justifyContent: "center",
-			minWidth: "target.minimum",
-			minHeight: "target.minimum",
-			padding: "inset.compact",
-			cursor: "grab",
-			touchAction: "none"
-		},
-		grabberIndicator: {
-			paddingBlockStart: "inset.compact",
-			width: "control.lg",
-			rounded: "pill",
-			bg: "border.strong",
-			pointerEvents: "none"
-		},
-		closeTrigger: { "[data-scope=drawer][data-part=content] > &": { position: "absolute" } },
-		swipeArea: {
-			position: "absolute",
-			touchAction: "none"
-		}
-	},
-	variants: { size: {
-		xs: {
-			closeTrigger: {
-				insetBlockStart: "inset.control",
-				insetInlineEnd: "inset.control"
-			},
-			content: {
-				padding: "inset.overlay",
-				gap: "gap.inline"
-			},
-			title: { textStyle: "label" },
-			description: { textStyle: "detail" }
-		},
-		sm: {
-			closeTrigger: {
-				insetBlockStart: "inset.overlay",
-				insetInlineEnd: "inset.overlay"
-			},
-			content: {
-				padding: "inset.surface",
-				gap: "gap.related"
-			},
-			title: { textStyle: "label" },
-			description: { textStyle: "detail" }
-		},
-		md: {
-			closeTrigger: {
-				insetBlockStart: "inset.surface",
-				insetInlineEnd: "inset.surface"
-			},
-			content: {
-				padding: "rhythm.normal",
-				gap: "rhythm.tight"
-			},
-			title: { textStyle: "subtitle" }
-		},
-		lg: {
-			closeTrigger: {
-				insetBlockStart: "rhythm.normal",
-				insetInlineEnd: "rhythm.normal"
-			},
-			content: {
-				padding: "gap.section",
-				gap: "gap.distinct"
-			},
-			title: { textStyle: "subtitle" }
-		},
-		xl: {
-			closeTrigger: {
-				insetBlockStart: "rhythm.normal",
-				insetInlineEnd: "rhythm.normal"
-			},
-			content: {
-				padding: "gap.section",
-				gap: "gap.distinct"
-			},
-			title: { textStyle: "title" }
-		}
-	} },
-	defaultVariants: { size: "md" }
-});
-//#endregion
-export { drawerRecipe };
-
-//# sourceMappingURL=drawer.recipe.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"drawer.recipe.mjs","names":[],"sources":["../../../src/components/drawer/drawer.recipe.ts"],"sourcesContent":["import { sva } from '#styled-system/css/index.js'\n\nexport const drawerRecipe = sva({\n  slots: [\n    'positioner',\n    'content',\n    'title',\n    'description',\n    'trigger',\n    'backdrop',\n    'grabber',\n    'grabberIndicator',\n    'closeTrigger',\n    'swipeArea',\n  ],\n  base: {\n    positioner: {\n      position: 'fixed',\n      zIndex: 'calc(var(--synapse-layer-base, 1000) + var(--layer-index, 0))',\n      insetBlock: 'inset.none',\n      insetInline: 'inset.none',\n      display: 'flex',\n      '&[data-swipe-direction=\"down\"]': { alignItems: 'flex-end' },\n      '&[data-swipe-direction=\"up\"]': { alignItems: 'flex-start' },\n      '&[data-swipe-direction=\"left\"]': { justifyContent: 'flex-start' },\n      '&[data-swipe-direction=\"right\"]': { justifyContent: 'flex-end' },\n    },\n    content: {\n      layerStyle: 'fade',\n      zIndex: 'calc(var(--synapse-layer-base, 1000) + var(--layer-index, 0))',\n      '--drawer-motion-properties': 'translate, transform, display',\n      transitionProperty: 'var(--drawer-motion-properties)',\n      transitionDuration: 'expand',\n      transitionTimingFunction: 'enter',\n      translate: 'auto',\n      _starting: { opacity: 1 },\n      _closed: {\n        opacity: 1,\n        transitionDuration: 'reveal !important',\n        transitionTimingFunction: 'exit',\n      },\n      position: 'relative',\n      display: 'flex',\n      flexDirection: 'column',\n      gap: 'rhythm.tight',\n      padding: 'rhythm.normal',\n      borderWidth: 'hairline',\n      borderStyle: 'solid',\n      borderColor: 'border.overlay',\n      bg: 'surface.overlay',\n      color: 'foreground.default',\n      boxShadow: 'modal',\n      overflowY: 'auto',\n      '&[data-swipe-direction=\"down\"]': {\n        _starting: { translateY: 'full' },\n        _closed: { translateY: 'full' },\n        width: 'fill',\n        maxHeight: 'fill',\n        roundedTop: 'overlay',\n      },\n      '&[data-swipe-direction=\"up\"]': {\n        _starting: { translateY: '-full' },\n        _closed: { translateY: '-full' },\n        width: 'fill',\n        maxHeight: 'fill',\n        roundedBottom: 'overlay',\n      },\n      '&[data-swipe-direction=\"left\"]': {\n        _starting: { translateX: '-full' },\n        _closed: { translateX: '-full' },\n        height: 'fill',\n        minWidth: 'surface.overlayMin',\n        maxWidth: 'surface.overlayMax',\n        roundedRight: 'overlay',\n      },\n      '&[data-swipe-direction=\"right\"]': {\n        _starting: { translateX: 'full' },\n        _closed: { translateX: 'full' },\n        height: 'fill',\n        minWidth: 'surface.overlayMin',\n        maxWidth: 'surface.overlayMax',\n        roundedLeft: 'overlay',\n      },\n      _focusVisible: {\n        outlineStyle: 'solid',\n        outlineWidth: 'focus',\n        outlineOffset: 'inset.compact',\n        outlineColor: 'border.focus',\n      },\n    },\n    title: {\n      margin: 'inset.none',\n      textStyle: 'subtitle',\n      textWrap: 'balance',\n      color: 'foreground.default',\n      '[data-scope=drawer][data-part=content]:has(> [data-part=close-trigger]) > &': {\n        paddingInlineEnd: 'gap.section',\n      },\n    },\n    description: {\n      margin: 'inset.none',\n      textStyle: 'body',\n      color: 'foreground.muted',\n    },\n    trigger: {},\n    backdrop: {\n      layerStyle: 'scrim',\n      zIndex: 'calc(var(--synapse-layer-base, 1000) + var(--layer-index, 0) - 1)',\n      transitionDuration: 'expand',\n      _closed: { transitionDuration: 'reveal' },\n      position: 'fixed',\n      insetBlock: 'inset.none',\n      insetInline: 'inset.none',\n      bg: 'background.inverse',\n    },\n    grabber: {\n      display: 'flex',\n      alignItems: 'center',\n      justifyContent: 'center',\n      minWidth: 'target.minimum',\n      minHeight: 'target.minimum',\n      padding: 'inset.compact',\n      cursor: 'grab',\n      touchAction: 'none',\n    },\n    grabberIndicator: {\n      paddingBlockStart: 'inset.compact',\n      width: 'control.lg',\n      rounded: 'pill',\n      bg: 'border.strong',\n      pointerEvents: 'none',\n    },\n    // Dialog와 같습니다. content 바로 안의 close trigger(아이콘)만 흐름에서 빼 top-end에 고정합니다;\n    // 제목은 그 자리만큼 paddingInlineEnd로 비워 둡니다. footer의 close trigger(`asChild`)는 직계\n    // 자식이 아니라 흐름에 남습니다.\n    closeTrigger: {\n      '[data-scope=drawer][data-part=content] > &': { position: 'absolute' },\n    },\n    swipeArea: {\n      position: 'absolute',\n      touchAction: 'none',\n    },\n  },\n  variants: {\n    size: {\n      xs: {\n        closeTrigger: { insetBlockStart: 'inset.control', insetInlineEnd: 'inset.control' },\n        content: { padding: 'inset.overlay', gap: 'gap.inline' },\n        title: { textStyle: 'label' },\n        description: { textStyle: 'detail' },\n      },\n      sm: {\n        closeTrigger: { insetBlockStart: 'inset.overlay', insetInlineEnd: 'inset.overlay' },\n        content: { padding: 'inset.surface', gap: 'gap.related' },\n        title: { textStyle: 'label' },\n        description: { textStyle: 'detail' },\n      },\n      md: {\n        closeTrigger: { insetBlockStart: 'inset.surface', insetInlineEnd: 'inset.surface' },\n        content: { padding: 'rhythm.normal', gap: 'rhythm.tight' },\n        title: { textStyle: 'subtitle' },\n      },\n      lg: {\n        closeTrigger: { insetBlockStart: 'rhythm.normal', insetInlineEnd: 'rhythm.normal' },\n        content: { padding: 'gap.section', gap: 'gap.distinct' },\n        title: { textStyle: 'subtitle' },\n      },\n      xl: {\n        closeTrigger: { insetBlockStart: 'rhythm.normal', insetInlineEnd: 'rhythm.normal' },\n        content: { padding: 'gap.section', gap: 'gap.distinct' },\n        title: { textStyle: 'title' },\n      },\n    },\n  },\n  defaultVariants: { size: 'md' },\n})\n"],"mappings":"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"}

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

@@ -1,2 +0,0 @@
-import { Drawer, DrawerRootProps, DrawerSnapPoint, DrawerSnapPointChangeDetails, DrawerSwipeDirection } from "./drawer.mjs";
-export { Drawer, type DrawerRootProps, type DrawerSnapPoint, type DrawerSnapPointChangeDetails, type DrawerSwipeDirection };

package/dist/components/drawer/index.mjs

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

package/dist/components/editable/editable.d.mts

@@ -1,62 +0,0 @@
-import { TranslationOverrides } from "../../provider/translations.mjs";
-import { SynapseComponent } from "../../system/types.mjs";
-import { OpenChangeDetails, ValueChangeDetails } from "../details.mjs";
-import { Size } from "../../shared/size-scale.mjs";
-//#region src/components/editable/editable.d.ts
-export type EditableActivationMode = 'focus' | 'dblclick' | 'click' | 'none';
-export type EditableSubmitMode = 'blur' | 'enter' | 'both' | 'none';
-export type EditablePlaceholder = string | {
-  readonly edit: string;
-  readonly preview: string;
-};
-export interface EditableRootProps {
-  /** 제어되는 값. */
-  value?: string;
-  /** 비제어 초기 값. `value`가 주어지면 무시됩니다. */
-  defaultValue?: string;
-  /** 편집 중 키를 누를 때마다 알림을 받습니다. */
-  onValueChange?: (details: ValueChangeDetails<string>) => void;
-  /** 편집이 확정될 때 알림을 받습니다 — 저장할 때 쓸 콜백입니다. */
-  onValueCommit?: (details: ValueChangeDetails<string>) => void;
-  /** 편집이 취소되고 이전 값이 복원될 때 알림을 받습니다. */
-  onValueRevert?: (details: ValueChangeDetails<string>) => void;
-  /** 제어되는 편집 모드. machine의 `edit`을 다른 컴포넌트와 같은 이름인 `open`으로 받습니다. */
-  open?: boolean;
-  /** 비제어 초기 편집 모드. `open`이 주어지면 무시됩니다. */
-  defaultOpen?: boolean;
-  /** 제어 여부와 무관하게 편집 모드에 들어가거나 나올 때마다 알림을 받습니다. */
-  onOpenChange?: (details: OpenChangeDetails) => void;
-  /** 무엇이 편집을 시작시키는지. 기본값은 `focus`입니다. */
-  activationMode?: EditableActivationMode;
-  /** 무엇이 편집을 확정하는지. 기본값은 `both`이며, 블러 또는 Enter입니다. */
-  submitMode?: EditableSubmitMode;
-  /** 입력이 포커스를 받을 때 값 전체를 선택해, 타이핑하면 값이 대체되게 합니다. */
-  selectOnFocus?: boolean;
-  /** 고정 너비를 유지하는 대신 입력이 내용에 따라 늘어나게 합니다. */
-  autoResize?: boolean;
-  /** 입력이 받아들이는 값의 최대 길이. */
-  maxLength?: number;
-  /** 값이 비었을 때 보입니다 — 두 모드에 한 문자열을 쓰거나, 모드별로 하나씩 줍니다. */
-  placeholder?: EditablePlaceholder;
-  /** 폼 필드 이름. 이것이 없으면 컨트롤은 아무것도 제출하지 않습니다. */
-  name?: string;
-  /** 폼 바깥에 렌더된 Editable을 id로 폼과 연결합니다. */
-  form?: string;
-  /** 비활성화된 Editable은 제출되지 않고 편집할 수도 없습니다. */
-  disabled?: boolean;
-  /** 읽기 전용 Editable은 값을 제출하지만 편집할 수는 없습니다. */
-  readOnly?: boolean;
-  /** 보조 기술에 `aria-invalid`로 알려집니다. */
-  invalid?: boolean;
-  /** 제약 검증: 폼이 제출되려면 필드에 값이 있어야 합니다. */
-  required?: boolean;
-  /** 이 Editable에만 적용되는 접근성 문자열이며, provider의 것보다 우선합니다. */
-  translations?: TranslationOverrides;
-  /** 하나의 공유 척도에서 옵니다. 모든 컴포넌트가 그렇듯 기본값은 `md`입니다. */
-  size?: Size;
-  /** 팩토리가 생성하는 식별자를 덮어씁니다. 서버와 클라이언트에서 동일합니다. */
-  id?: string;
-}
-export declare const Editable: SynapseComponent<"area" | "cancelTrigger" | "control" | "editTrigger" | "input" | "label" | "preview" | "root" | "submitTrigger", "root", EditableRootProps, never>;
-//#endregion
-//# sourceMappingURL=editable.d.mts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"editable.d.mts","names":[],"sources":["../../../src/components/editable/editable.tsx"],"mappings":";;;;;YAcY;YAEA;YAEA;WAA0C;WAAuB;;iBAE5D;;EAEf;;EAEA;;EAEA,iBAAiB,SAAS;;EAE1B,iBAAiB,SAAS;;EAE1B,iBAAiB,SAAS;;EAE1B;;EAEA;;EAEA,gBAAgB,SAAS;;EAEzB,iBAAiB;;EAEjB,aAAa;;EAEb;;EAEA;;EAEA;;EAEA,cAAc;;EAEd;;EAEA;;EAEA;;EAEA;;EAEA;;EAEA;;EAEA,eAAe;;EAEf,OAAO;;EAEP;;qBAaW,UAAQ,0IAAA"}