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

package/dist/components/accordion/accordion.mjs

@@ -1,29 +0,0 @@
-"use client";
-import { resolveSize } from "../../shared/size-scale.mjs";
-import { chevronDown } from "../../icons/src/chevron-down.mjs";
-import "../../icons/src/index.mjs";
-import { Icon } from "../../shared/icon.mjs";
-import { defineComponent } from "../../system/create-component.mjs";
-import { accordionRecipe } from "./accordion.recipe.mjs";
-import { jsx } from "react/jsx-runtime";
-import * as accordion from "@zag-js/accordion";
-//#region src/components/accordion/accordion.tsx
-const Accordion = defineComponent()({
-	name: "Accordion",
-	module: accordion,
-	rootPart: "root",
-	elements: { itemIndicator: "span" },
-	defaultContent: { itemIndicator: () => /* @__PURE__ */ jsx(Icon, { icon: chevronDown }) },
-	getterProps: {
-		item: ["value", "disabled"],
-		itemTrigger: ["value", "disabled"],
-		itemContent: ["value", "disabled"],
-		itemIndicator: ["value", "disabled"]
-	},
-	variantProps: ["size"],
-	slots: (props) => accordionRecipe({ size: resolveSize(props.size, "Accordion") })
-});
-//#endregion
-export { Accordion };
-
-//# sourceMappingURL=accordion.mjs.map

package/dist/components/accordion/accordion.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"accordion.mjs","names":[],"sources":["../../../src/components/accordion/accordion.tsx"],"sourcesContent":["'use client'\n\nimport { chevronDown } from '@neurocle/synapse-icons'\nimport * as accordion from '@zag-js/accordion'\n\nimport { accordionRecipe } from '#/components/accordion/accordion.recipe.ts'\nimport type { ValueChangeDetails } from '#/components/details.ts'\nimport { Icon } from '#/shared/icon.tsx'\nimport { resolveSize, type Size } from '#/shared/size-scale.ts'\nimport { defineComponent } from '#/system/create-component.ts'\nimport type { Orientation } from '#/system/types.ts'\n\nexport interface AccordionFocusChangeDetails {\n  readonly value: string | null\n}\n\nexport interface AccordionRootProps {\n  /**\n   * 열려 있는 섹션이며, 제어됩니다.\n   *\n   * `multiple`이 꺼져 있어도 배열입니다. 열린 섹션의 집합이라 원소가 하나여도 집합이고,\n   * 배열을 벗기면 `multiple`이 바뀔 때 prop 타입도 함께 바뀌어 사용처가 타입을 고정할 수\n   * 없기 때문입니다.\n   */\n  value?: readonly string[]\n  /** 비제어 초기 열림 섹션. `value`가 주어지면 무시됩니다. */\n  defaultValue?: readonly string[]\n  /** 제어 여부와 무관하게 열린 집합이 바뀔 때마다 알림을 받습니다. */\n  onValueChange?: (details: ValueChangeDetails<readonly string[]>) => void\n  /** 한 번에 둘 이상의 섹션이 열리도록 허용합니다. */\n  multiple?: boolean\n  /** 마지막으로 열린 섹션까지 닫아 아무것도 열리지 않은 상태가 되도록 허용합니다. */\n  collapsible?: boolean\n  /** 키보드가 trigger 사이를 오갈 때 알림을 받습니다. */\n  onFocusChange?: (details: AccordionFocusChangeDetails) => void\n  /** 섹션이 배치되는 축. 기본값은 `vertical`입니다. */\n  orientation?: Orientation\n  /** 비활성화된 Accordion은 어떤 trigger에도 반응하지 않습니다. */\n  disabled?: boolean\n  /** 하나의 공유 척도에서 옵니다. 모든 컴포넌트가 그렇듯 기본값은 `md`입니다. */\n  size?: Size\n  /** 팩토리가 생성하는 식별자를 덮어씁니다. 서버와 클라이언트에서 동일합니다. */\n  id?: string\n}\n\nexport const Accordion = defineComponent<AccordionRootProps>()({\n  name: 'Accordion',\n  module: accordion,\n  rootPart: 'root',\n  elements: { itemIndicator: 'span' },\n  defaultContent: { itemIndicator: () => <Icon icon={chevronDown} /> },\n  getterProps: {\n    item: ['value', 'disabled'],\n    itemTrigger: ['value', 'disabled'],\n    itemContent: ['value', 'disabled'],\n    itemIndicator: ['value', 'disabled'],\n  },\n  variantProps: ['size'],\n  slots: (props: AccordionRootProps) =>\n    accordionRecipe({ size: resolveSize(props.size, 'Accordion') }),\n})\n"],"mappings":";;;;;;;;;;AA6CA,MAAa,YAAY,gBAAoC,CAAC,CAAC;CAC7D,MAAM;CACN,QAAQ;CACR,UAAU;CACV,UAAU,EAAE,eAAe,OAAO;CAClC,gBAAgB,EAAE,qBAAqB,oBAAC,MAAD,EAAM,MAAM,YAAc,CAAA,EAAE;CACnE,aAAa;EACX,MAAM,CAAC,SAAS,UAAU;EAC1B,aAAa,CAAC,SAAS,UAAU;EACjC,aAAa,CAAC,SAAS,UAAU;EACjC,eAAe,CAAC,SAAS,UAAU;CACrC;CACA,cAAc,CAAC,MAAM;CACrB,QAAQ,UACN,gBAAgB,EAAE,MAAM,YAAY,MAAM,MAAM,WAAW,EAAE,CAAC;AAClE,CAAC"}

package/dist/components/accordion/accordion.recipe.mjs

@@ -1,191 +0,0 @@
-import { sva } from "../../react/styled-system/css/sva.mjs";
-//#region src/components/accordion/accordion.recipe.ts
-const accordionRecipe = sva({
-	slots: [
-		"root",
-		"item",
-		"itemTrigger",
-		"itemContent",
-		"itemIndicator"
-	],
-	base: {
-		root: {
-			display: "flex",
-			flexDirection: "column",
-			width: "fill",
-			color: "foreground.default",
-			"&[data-orientation=\"horizontal\"]": { flexDirection: "row" }
-		},
-		item: {
-			display: "flex",
-			flexDirection: "column",
-			borderBlockEndWidth: "hairline",
-			borderBlockEndStyle: "solid",
-			borderColor: "border.muted",
-			_disabled: { color: "foreground.disabled" }
-		},
-		itemTrigger: {
-			display: "flex",
-			alignItems: "center",
-			justifyContent: "space-between",
-			gap: "gap.inline",
-			width: "fill",
-			minHeight: "target.minimum",
-			minWidth: "target.minimum",
-			rounded: "control",
-			color: "foreground.default",
-			textAlign: "start",
-			transitionProperty: "colors",
-			transitionDuration: "interaction",
-			transitionTimingFunction: "interaction",
-			outlineColor: "border.focus",
-			cursor: "pointer",
-			"&:not(:disabled, [data-disabled], [data-readonly]):hover": {
-				bg: "secondary.hover",
-				color: "foreground.default"
-			},
-			"&:not(:disabled, [data-disabled], [data-readonly]):active": {
-				bg: "secondary.active",
-				color: "foreground.default"
-			},
-			_focusVisible: {
-				outlineStyle: "solid",
-				outlineWidth: "focus",
-				outlineOffset: "inset.compact",
-				outlineColor: "border.focus"
-			},
-			_disabled: {
-				color: "foreground.disabled",
-				cursor: "not-allowed",
-				_highContrast: { color: "system.grayText" }
-			}
-		},
-		itemContent: {
-			overflow: "hidden",
-			color: "foreground.muted",
-			boxSizing: "content-box",
-			interpolateSize: "allow-keywords",
-			"--accordion-motion-properties": "height, width, padding, display",
-			transitionProperty: "var(--accordion-motion-properties)",
-			transitionDuration: "expand",
-			transitionTimingFunction: "interaction",
-			transitionBehavior: "allow-discrete",
-			"&[data-orientation=\"vertical\"]": { _closed: {
-				height: "0",
-				paddingBlock: "0"
-			} },
-			"&[data-orientation=\"horizontal\"]": { _closed: {
-				width: "0",
-				paddingInline: "0"
-			} },
-			"[data-scope=\"accordion\"][data-part=\"root\"]:focus-within &": {
-				"&[data-orientation=\"vertical\"]": { _starting: {
-					height: "0",
-					paddingBlock: "0"
-				} },
-				"&[data-orientation=\"horizontal\"]": { _starting: {
-					width: "0",
-					paddingInline: "0"
-				} }
-			}
-		},
-		itemIndicator: {
-			display: "inline-flex",
-			alignItems: "center",
-			justifyContent: "center",
-			flexShrink: 0,
-			color: "foreground.muted",
-			transitionProperty: "common",
-			transitionDuration: "expand",
-			transitionTimingFunction: "interaction",
-			_open: { transform: "rotate(180deg)" }
-		}
-	},
-	variants: { size: {
-		xs: {
-			itemTrigger: {
-				minHeight: "control.xs",
-				paddingInline: "inset.compact",
-				textStyle: "caption"
-			},
-			itemContent: {
-				paddingBlockEnd: "inset.compact",
-				paddingInline: "inset.compact",
-				textStyle: "caption"
-			},
-			itemIndicator: { "& svg": {
-				width: "icon.xs",
-				height: "icon.xs"
-			} }
-		},
-		sm: {
-			itemTrigger: {
-				minHeight: "control.sm",
-				paddingInline: "inset.control",
-				textStyle: "detail"
-			},
-			itemContent: {
-				paddingBlockEnd: "inset.control",
-				paddingInline: "inset.control",
-				textStyle: "caption"
-			},
-			itemIndicator: { "& svg": {
-				width: "icon.sm",
-				height: "icon.sm"
-			} }
-		},
-		md: {
-			itemTrigger: {
-				minHeight: "control.md",
-				paddingInline: "inset.control",
-				textStyle: "label"
-			},
-			itemContent: {
-				paddingBlockEnd: "inset.control",
-				paddingInline: "inset.control",
-				textStyle: "detail"
-			},
-			itemIndicator: { "& svg": {
-				width: "icon.sm",
-				height: "icon.sm"
-			} }
-		},
-		lg: {
-			itemTrigger: {
-				minHeight: "control.lg",
-				paddingInline: "inset.overlay",
-				textStyle: "label"
-			},
-			itemContent: {
-				paddingBlockEnd: "inset.overlay",
-				paddingInline: "inset.overlay",
-				textStyle: "body"
-			},
-			itemIndicator: { "& svg": {
-				width: "icon.md",
-				height: "icon.md"
-			} }
-		},
-		xl: {
-			itemTrigger: {
-				minHeight: "control.xl",
-				paddingInline: "inset.surface",
-				textStyle: "subtitle"
-			},
-			itemContent: {
-				paddingBlockEnd: "inset.surface",
-				paddingInline: "inset.surface",
-				textStyle: "body"
-			},
-			itemIndicator: { "& svg": {
-				width: "icon.lg",
-				height: "icon.lg"
-			} }
-		}
-	} },
-	defaultVariants: { size: "md" }
-});
-//#endregion
-export { accordionRecipe };
-
-//# sourceMappingURL=accordion.recipe.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"accordion.recipe.mjs","names":[],"sources":["../../../src/components/accordion/accordion.recipe.ts"],"sourcesContent":["import { sva } from '#styled-system/css/index.js'\n\nexport const accordionRecipe = sva({\n  slots: ['root', 'item', 'itemTrigger', 'itemContent', 'itemIndicator'],\n  base: {\n    root: {\n      display: 'flex',\n      flexDirection: 'column',\n      width: 'fill',\n      color: 'foreground.default',\n      '&[data-orientation=\"horizontal\"]': { flexDirection: 'row' },\n    },\n    item: {\n      display: 'flex',\n      flexDirection: 'column',\n      borderBlockEndWidth: 'hairline',\n      borderBlockEndStyle: 'solid',\n      borderColor: 'border.muted',\n      _disabled: { color: 'foreground.disabled' },\n    },\n    itemTrigger: {\n      display: 'flex',\n      alignItems: 'center',\n      justifyContent: 'space-between',\n      gap: 'gap.inline',\n      width: 'fill',\n      minHeight: 'target.minimum',\n      minWidth: 'target.minimum',\n      rounded: 'control',\n      color: 'foreground.default',\n      textAlign: 'start',\n      transitionProperty: 'colors',\n      transitionDuration: 'interaction',\n      transitionTimingFunction: 'interaction',\n      outlineColor: 'border.focus',\n      cursor: 'pointer',\n      '&:not(:disabled, [data-disabled], [data-readonly]):hover': {\n        bg: 'secondary.hover',\n        color: 'foreground.default',\n      },\n      '&:not(:disabled, [data-disabled], [data-readonly]):active': {\n        bg: 'secondary.active',\n        color: 'foreground.default',\n      },\n      _focusVisible: {\n        outlineStyle: 'solid',\n        outlineWidth: 'focus',\n        outlineOffset: 'inset.compact',\n        outlineColor: 'border.focus',\n      },\n      _disabled: {\n        color: 'foreground.disabled',\n        cursor: 'not-allowed',\n        _highContrast: { color: 'system.grayText' },\n      },\n    },\n    itemContent: {\n      overflow: 'hidden',\n      color: 'foreground.muted',\n      boxSizing: 'content-box',\n      interpolateSize: 'allow-keywords',\n      '--accordion-motion-properties': 'height, width, padding, display',\n      transitionProperty: 'var(--accordion-motion-properties)',\n      transitionDuration: 'expand',\n      transitionTimingFunction: 'interaction',\n      transitionBehavior: 'allow-discrete',\n      '&[data-orientation=\"vertical\"]': { _closed: { height: '0', paddingBlock: '0' } },\n      '&[data-orientation=\"horizontal\"]': { _closed: { width: '0', paddingInline: '0' } },\n      '[data-scope=\"accordion\"][data-part=\"root\"]:focus-within &': {\n        '&[data-orientation=\"vertical\"]': { _starting: { height: '0', paddingBlock: '0' } },\n        '&[data-orientation=\"horizontal\"]': { _starting: { width: '0', paddingInline: '0' } },\n      },\n    },\n    itemIndicator: {\n      display: 'inline-flex',\n      alignItems: 'center',\n      justifyContent: 'center',\n      flexShrink: 0,\n      color: 'foreground.muted',\n      transitionProperty: 'common',\n      transitionDuration: 'expand',\n      transitionTimingFunction: 'interaction',\n      _open: { transform: 'rotate(180deg)' },\n    },\n  },\n  variants: {\n    size: {\n      xs: {\n        itemTrigger: {\n          minHeight: 'control.xs',\n          paddingInline: 'inset.compact',\n          textStyle: 'caption',\n        },\n        itemContent: {\n          paddingBlockEnd: 'inset.compact',\n          paddingInline: 'inset.compact',\n          textStyle: 'caption',\n        },\n        itemIndicator: { '& svg': { width: 'icon.xs', height: 'icon.xs' } },\n      },\n      sm: {\n        itemTrigger: {\n          minHeight: 'control.sm',\n          paddingInline: 'inset.control',\n          textStyle: 'detail',\n        },\n        itemContent: {\n          paddingBlockEnd: 'inset.control',\n          paddingInline: 'inset.control',\n          textStyle: 'caption',\n        },\n        itemIndicator: { '& svg': { width: 'icon.sm', height: 'icon.sm' } },\n      },\n      md: {\n        itemTrigger: {\n          minHeight: 'control.md',\n          paddingInline: 'inset.control',\n          textStyle: 'label',\n        },\n        itemContent: {\n          paddingBlockEnd: 'inset.control',\n          paddingInline: 'inset.control',\n          textStyle: 'detail',\n        },\n        itemIndicator: { '& svg': { width: 'icon.sm', height: 'icon.sm' } },\n      },\n      lg: {\n        itemTrigger: {\n          minHeight: 'control.lg',\n          paddingInline: 'inset.overlay',\n          textStyle: 'label',\n        },\n        itemContent: {\n          paddingBlockEnd: 'inset.overlay',\n          paddingInline: 'inset.overlay',\n          textStyle: 'body',\n        },\n        itemIndicator: { '& svg': { width: 'icon.md', height: 'icon.md' } },\n      },\n      xl: {\n        itemTrigger: {\n          minHeight: 'control.xl',\n          paddingInline: 'inset.surface',\n          textStyle: 'subtitle',\n        },\n        itemContent: {\n          paddingBlockEnd: 'inset.surface',\n          paddingInline: 'inset.surface',\n          textStyle: 'body',\n        },\n        itemIndicator: { '& svg': { width: 'icon.lg', height: 'icon.lg' } },\n      },\n    },\n  },\n  defaultVariants: { size: 'md' },\n})\n"],"mappings":";;AAEA,MAAa,kBAAkB,IAAI;CACjC,OAAO;EAAC;EAAQ;EAAQ;EAAe;EAAe;CAAe;CACrE,MAAM;EACJ,MAAM;GACJ,SAAS;GACT,eAAe;GACf,OAAO;GACP,OAAO;GACP,sCAAoC,EAAE,eAAe,MAAM;EAC7D;EACA,MAAM;GACJ,SAAS;GACT,eAAe;GACf,qBAAqB;GACrB,qBAAqB;GACrB,aAAa;GACb,WAAW,EAAE,OAAO,sBAAsB;EAC5C;EACA,aAAa;GACX,SAAS;GACT,YAAY;GACZ,gBAAgB;GAChB,KAAK;GACL,OAAO;GACP,WAAW;GACX,UAAU;GACV,SAAS;GACT,OAAO;GACP,WAAW;GACX,oBAAoB;GACpB,oBAAoB;GACpB,0BAA0B;GAC1B,cAAc;GACd,QAAQ;GACR,4DAA4D;IAC1D,IAAI;IACJ,OAAO;GACT;GACA,6DAA6D;IAC3D,IAAI;IACJ,OAAO;GACT;GACA,eAAe;IACb,cAAc;IACd,cAAc;IACd,eAAe;IACf,cAAc;GAChB;GACA,WAAW;IACT,OAAO;IACP,QAAQ;IACR,eAAe,EAAE,OAAO,kBAAkB;GAC5C;EACF;EACA,aAAa;GACX,UAAU;GACV,OAAO;GACP,WAAW;GACX,iBAAiB;GACjB,iCAAiC;GACjC,oBAAoB;GACpB,oBAAoB;GACpB,0BAA0B;GAC1B,oBAAoB;GACpB,oCAAkC,EAAE,SAAS;IAAE,QAAQ;IAAK,cAAc;GAAI,EAAE;GAChF,sCAAoC,EAAE,SAAS;IAAE,OAAO;IAAK,eAAe;GAAI,EAAE;GAClF,iEAA6D;IAC3D,oCAAkC,EAAE,WAAW;KAAE,QAAQ;KAAK,cAAc;IAAI,EAAE;IAClF,sCAAoC,EAAE,WAAW;KAAE,OAAO;KAAK,eAAe;IAAI,EAAE;GACtF;EACF;EACA,eAAe;GACb,SAAS;GACT,YAAY;GACZ,gBAAgB;GAChB,YAAY;GACZ,OAAO;GACP,oBAAoB;GACpB,oBAAoB;GACpB,0BAA0B;GAC1B,OAAO,EAAE,WAAW,iBAAiB;EACvC;CACF;CACA,UAAU,EACR,MAAM;EACJ,IAAI;GACF,aAAa;IACX,WAAW;IACX,eAAe;IACf,WAAW;GACb;GACA,aAAa;IACX,iBAAiB;IACjB,eAAe;IACf,WAAW;GACb;GACA,eAAe,EAAE,SAAS;IAAE,OAAO;IAAW,QAAQ;GAAU,EAAE;EACpE;EACA,IAAI;GACF,aAAa;IACX,WAAW;IACX,eAAe;IACf,WAAW;GACb;GACA,aAAa;IACX,iBAAiB;IACjB,eAAe;IACf,WAAW;GACb;GACA,eAAe,EAAE,SAAS;IAAE,OAAO;IAAW,QAAQ;GAAU,EAAE;EACpE;EACA,IAAI;GACF,aAAa;IACX,WAAW;IACX,eAAe;IACf,WAAW;GACb;GACA,aAAa;IACX,iBAAiB;IACjB,eAAe;IACf,WAAW;GACb;GACA,eAAe,EAAE,SAAS;IAAE,OAAO;IAAW,QAAQ;GAAU,EAAE;EACpE;EACA,IAAI;GACF,aAAa;IACX,WAAW;IACX,eAAe;IACf,WAAW;GACb;GACA,aAAa;IACX,iBAAiB;IACjB,eAAe;IACf,WAAW;GACb;GACA,eAAe,EAAE,SAAS;IAAE,OAAO;IAAW,QAAQ;GAAU,EAAE;EACpE;EACA,IAAI;GACF,aAAa;IACX,WAAW;IACX,eAAe;IACf,WAAW;GACb;GACA,aAAa;IACX,iBAAiB;IACjB,eAAe;IACf,WAAW;GACb;GACA,eAAe,EAAE,SAAS;IAAE,OAAO;IAAW,QAAQ;GAAU,EAAE;EACpE;CACF,EACF;CACA,iBAAiB,EAAE,MAAM,KAAK;AAChC,CAAC"}

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

@@ -1,2 +0,0 @@
-import { Accordion, AccordionFocusChangeDetails, AccordionRootProps } from "./accordion.mjs";
-export { Accordion, type AccordionFocusChangeDetails, type AccordionRootProps };

package/dist/components/accordion/index.mjs

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

package/dist/components/alert/alert.anatomy.mjs

@@ -1,8 +0,0 @@
-import { createAnatomy } from "@zag-js/anatomy";
-//#region src/components/alert/alert.anatomy.ts
-const anatomy = createAnatomy("alert").parts("root", "indicator", "title", "description");
-const parts = anatomy.build();
-//#endregion
-export { anatomy, parts };
-
-//# sourceMappingURL=alert.anatomy.mjs.map

package/dist/components/alert/alert.anatomy.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"alert.anatomy.mjs","names":[],"sources":["../../../src/components/alert/alert.anatomy.ts"],"sourcesContent":["import { createAnatomy } from '@zag-js/anatomy'\n\nexport const anatomy = createAnatomy('alert').parts('root', 'indicator', 'title', 'description')\n\nexport const parts = anatomy.build()\n"],"mappings":";;AAEA,MAAa,UAAU,cAAc,OAAO,CAAC,CAAC,MAAM,QAAQ,aAAa,SAAS,aAAa;AAE/F,MAAa,QAAQ,QAAQ,MAAM"}

package/dist/components/alert/alert.connect.d.mts

@@ -1,4 +0,0 @@
-//#region src/components/alert/alert.connect.d.ts
-export type AlertType = 'info' | 'success' | 'warning' | 'error';
-//#endregion
-//# sourceMappingURL=alert.connect.d.mts.map

package/dist/components/alert/alert.connect.d.mts.map

@@ -1 +0,0 @@
-{"version":3,"file":"alert.connect.d.mts","names":[],"sources":["../../../src/components/alert/alert.connect.ts"],"mappings":";YAQY"}

package/dist/components/alert/alert.connect.mjs

@@ -1,39 +0,0 @@
-import { __exportAll } from "../../_virtual/_rolldown/runtime.mjs";
-import { anatomy, parts } from "./alert.anatomy.mjs";
-//#region src/components/alert/alert.connect.ts
-var alert_connect_exports = /* @__PURE__ */ __exportAll({
-	anatomy: () => anatomy,
-	connect: () => connect,
-	machine: () => null,
-	props: () => props
-});
-const props = ["type"];
-const ALERT_TYPES = [
-	"info",
-	"success",
-	"warning",
-	"error"
-];
-const toType = (value) => ALERT_TYPES.find((candidate) => candidate === value) ?? "info";
-function connect(machineProps) {
-	const type = toType(machineProps["type"]);
-	return {
-		type,
-		getRootProps: () => ({
-			...parts.root.attrs,
-			role: type === "error" ? "alert" : "status",
-			"data-type": type
-		}),
-		getIndicatorProps: () => ({
-			...parts.indicator.attrs,
-			"aria-hidden": true,
-			"data-type": type
-		}),
-		getTitleProps: () => ({ ...parts.title.attrs }),
-		getDescriptionProps: () => ({ ...parts.description.attrs })
-	};
-}
-//#endregion
-export { alert_connect_exports, anatomy, connect, props };
-
-//# sourceMappingURL=alert.connect.mjs.map

package/dist/components/alert/alert.connect.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"alert.connect.mjs","names":[],"sources":["../../../src/components/alert/alert.connect.ts"],"sourcesContent":["import { parts } from '#/components/alert/alert.anatomy.ts'\n\nexport { anatomy } from '#/components/alert/alert.anatomy.ts'\n\nexport const machine = null\n\nexport const props: readonly string[] = ['type']\n\nexport type AlertType = 'info' | 'success' | 'warning' | 'error'\n\nexport interface AlertApi {\n  type: AlertType\n  getRootProps: () => Record<string, unknown>\n  getIndicatorProps: () => Record<string, unknown>\n  getTitleProps: () => Record<string, unknown>\n  getDescriptionProps: () => Record<string, unknown>\n}\n\nconst ALERT_TYPES: readonly AlertType[] = ['info', 'success', 'warning', 'error']\n\nconst toType = (value: unknown): AlertType =>\n  ALERT_TYPES.find((candidate) => candidate === value) ?? 'info'\n\nexport function connect(machineProps: Readonly<Record<string, unknown>>): AlertApi {\n  const type = toType(machineProps['type'])\n  return {\n    type,\n    getRootProps: () => ({\n      ...parts.root.attrs,\n      role: type === 'error' ? 'alert' : 'status',\n      'data-type': type,\n    }),\n    getIndicatorProps: () => ({ ...parts.indicator.attrs, 'aria-hidden': true, 'data-type': type }),\n    getTitleProps: () => ({ ...parts.title.attrs }),\n    getDescriptionProps: () => ({ ...parts.description.attrs }),\n  }\n}\n"],"mappings":";;;;;;;;;AAMA,MAAa,QAA2B,CAAC,MAAM;AAY/C,MAAM,cAAoC;CAAC;CAAQ;CAAW;CAAW;AAAO;AAEhF,MAAM,UAAU,UACd,YAAY,MAAM,cAAc,cAAc,KAAK,KAAK;AAE1D,SAAgB,QAAQ,cAA2D;CACjF,MAAM,OAAO,OAAO,aAAa,OAAO;CACxC,OAAO;EACL;EACA,qBAAqB;GACnB,GAAG,MAAM,KAAK;GACd,MAAM,SAAS,UAAU,UAAU;GACnC,aAAa;EACf;EACA,0BAA0B;GAAE,GAAG,MAAM,UAAU;GAAO,eAAe;GAAM,aAAa;EAAK;EAC7F,sBAAsB,EAAE,GAAG,MAAM,MAAM,MAAM;EAC7C,4BAA4B,EAAE,GAAG,MAAM,YAAY,MAAM;CAC3D;AACF"}

package/dist/components/alert/alert.d.mts

@@ -1,14 +0,0 @@
-import { SynapseComponent } from "../../system/types.mjs";
-import { Size } from "../../shared/size-scale.mjs";
-import { AlertType } from "./alert.connect.mjs";
-//#region src/components/alert/alert.d.ts
-export interface AlertRootProps {
-  /** 알리는 조건의 수준. 색, 기본 아이콘, 역할을 함께 정합니다. `error`는 `alert` 역할로 즉시 알리고 나머지는 `status`로 조용히 알립니다. 기본값은 `info`입니다. */
-  type?: AlertType;
-  /** 하나뿐인 공용 척도를 따릅니다. 모든 컴포넌트와 마찬가지로 기본값은 `md`입니다. */
-  size?: Size;
-}
-export declare const Alert: SynapseComponent<"description" | "indicator" | "root" | "title", "root", AlertRootProps, never>;
-//#endregion
-export type { AlertType };
-//# sourceMappingURL=alert.d.mts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"alert.d.mts","names":[],"sources":["../../../src/components/alert/alert.tsx"],"mappings":";;;;iBAciB;;EAEf,OAAO;;EAEP,OAAO;;qBAUI,OAAK,yEAAA"}

package/dist/components/alert/alert.mjs

@@ -1,37 +0,0 @@
-"use client";
-import { resolveSize } from "../../shared/size-scale.mjs";
-import { checkmark } from "../../icons/src/checkmark.mjs";
-import { error } from "../../icons/src/error.mjs";
-import { info } from "../../icons/src/info.mjs";
-import { warning } from "../../icons/src/warning.mjs";
-import "../../icons/src/index.mjs";
-import { Icon } from "../../shared/icon.mjs";
-import { defineComponent } from "../../system/create-component.mjs";
-import { alert_connect_exports } from "./alert.connect.mjs";
-import { alertRecipe } from "./alert.recipe.mjs";
-import { createElement } from "react";
-//#region src/components/alert/alert.tsx
-const ALERT_ICON = {
-	info,
-	success: checkmark,
-	warning,
-	error
-};
-const Alert = defineComponent()({
-	name: "Alert",
-	module: alert_connect_exports,
-	rootPart: "root",
-	rootElement: "div",
-	elements: {
-		indicator: "span",
-		title: "div",
-		description: "div"
-	},
-	defaultContent: { indicator: (api) => createElement(Icon, { icon: ALERT_ICON[api.type] }) },
-	variantProps: ["size"],
-	slots: (props) => alertRecipe({ size: resolveSize(props.size, "Alert") })
-});
-//#endregion
-export { Alert };
-
-//# sourceMappingURL=alert.mjs.map

package/dist/components/alert/alert.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"alert.mjs","names":["alert"],"sources":["../../../src/components/alert/alert.tsx"],"sourcesContent":["'use client'\n\nimport { checkmark, error, info, warning, type IconGeometry } from '@neurocle/synapse-icons'\nimport { createElement } from 'react'\n\nimport * as alert from '#/components/alert/alert.connect.ts'\nimport type { AlertType } from '#/components/alert/alert.connect.ts'\nimport { alertRecipe } from '#/components/alert/alert.recipe.ts'\nimport { Icon } from '#/shared/icon.tsx'\nimport { resolveSize, type Size } from '#/shared/size-scale.ts'\nimport { defineComponent } from '#/system/create-component.ts'\n\nexport type { AlertType } from '#/components/alert/alert.connect.ts'\n\nexport interface AlertRootProps {\n  /** 알리는 조건의 수준. 색, 기본 아이콘, 역할을 함께 정합니다. `error`는 `alert` 역할로 즉시 알리고 나머지는 `status`로 조용히 알립니다. 기본값은 `info`입니다. */\n  type?: AlertType\n  /** 하나뿐인 공용 척도를 따릅니다. 모든 컴포넌트와 마찬가지로 기본값은 `md`입니다. */\n  size?: Size\n}\n\nconst ALERT_ICON: Readonly<Record<AlertType, IconGeometry>> = {\n  info,\n  success: checkmark,\n  warning,\n  error,\n}\n\nexport const Alert = defineComponent<AlertRootProps>()({\n  name: 'Alert',\n  module: alert,\n  rootPart: 'root',\n  rootElement: 'div',\n  elements: { indicator: 'span', title: 'div', description: 'div' },\n  defaultContent: { indicator: (api) => createElement(Icon, { icon: ALERT_ICON[api.type] }) },\n  variantProps: ['size'],\n  slots: (props: AlertRootProps) => alertRecipe({ size: resolveSize(props.size, 'Alert') }),\n})\n"],"mappings":";;;;;;;;;;;;;AAqBA,MAAM,aAAwD;CAC5D;CACA,SAAS;CACT;CACA;AACF;AAEA,MAAa,QAAQ,gBAAgC,CAAC,CAAC;CACrD,MAAM;CACN,QAAQA;CACR,UAAU;CACV,aAAa;CACb,UAAU;EAAE,WAAW;EAAQ,OAAO;EAAO,aAAa;CAAM;CAChE,gBAAgB,EAAE,YAAY,QAAQ,cAAc,MAAM,EAAE,MAAM,WAAW,IAAI,MAAM,CAAC,EAAE;CAC1F,cAAc,CAAC,MAAM;CACrB,QAAQ,UAA0B,YAAY,EAAE,MAAM,YAAY,MAAM,MAAM,OAAO,EAAE,CAAC;AAC1F,CAAC"}

package/dist/components/alert/alert.recipe.mjs

@@ -1,141 +0,0 @@
-import { sva } from "../../react/styled-system/css/sva.mjs";
-//#region src/components/alert/alert.recipe.ts
-const alertRecipe = sva({
-	slots: [
-		"root",
-		"indicator",
-		"title",
-		"description"
-	],
-	base: {
-		root: {
-			display: "grid",
-			gridTemplateColumns: "auto minmax(0, 1fr)",
-			rowGap: "gap.inline",
-			alignItems: "start",
-			width: "fill",
-			rounded: "control",
-			borderWidth: "hairline",
-			borderStyle: "solid",
-			color: "foreground.default",
-			"&:not(:has(> [data-part=\"indicator\"]))": { gridTemplateColumns: "minmax(0, 1fr)" },
-			"&[data-type=\"info\"]": {
-				bg: "info.subtle",
-				borderColor: "info.muted"
-			},
-			"&[data-type=\"success\"]": {
-				bg: "success.subtle",
-				borderColor: "success.muted"
-			},
-			"&[data-type=\"warning\"]": {
-				bg: "warning.subtle",
-				borderColor: "warning.muted"
-			},
-			"&[data-type=\"error\"]": {
-				bg: "error.subtle",
-				borderColor: "error.muted"
-			},
-			_highContrast: { borderColor: "system.canvasText" }
-		},
-		indicator: {
-			display: "inline-flex",
-			gridColumn: "1",
-			gridRow: "span 2",
-			flexShrink: 0,
-			"--alert-icon-nudge": "calc((1lh - var(--alert-icon)) / 2)",
-			marginBlockStart: "var(--alert-icon-nudge)",
-			"&[data-type=\"info\"]": { color: "info.default" },
-			"&[data-type=\"success\"]": { color: "success.default" },
-			"&[data-type=\"warning\"]": { color: "warning.default" },
-			"&[data-type=\"error\"]": { color: "error.default" }
-		},
-		title: {
-			gridColumn: "-2",
-			margin: "inset.none",
-			fontWeight: "medium",
-			color: "foreground.default"
-		},
-		description: {
-			gridColumn: "-2",
-			margin: "inset.none",
-			color: "foreground.default"
-		}
-	},
-	variants: { size: {
-		xs: {
-			root: {
-				padding: "inset.control",
-				columnGap: "gap.inline",
-				textStyle: "detail",
-				"--alert-icon": "token(sizes.icon.xs)"
-			},
-			indicator: { "& svg": {
-				width: "icon.xs",
-				height: "icon.xs"
-			} },
-			title: { textStyle: "detail" },
-			description: { textStyle: "detail" }
-		},
-		sm: {
-			root: {
-				padding: "inset.control",
-				columnGap: "gap.related",
-				textStyle: "label",
-				"--alert-icon": "token(sizes.icon.sm)"
-			},
-			indicator: { "& svg": {
-				width: "icon.sm",
-				height: "icon.sm"
-			} },
-			title: { textStyle: "label" },
-			description: { textStyle: "detail" }
-		},
-		md: {
-			root: {
-				padding: "inset.overlay",
-				columnGap: "gap.related",
-				textStyle: "label",
-				"--alert-icon": "token(sizes.icon.sm)"
-			},
-			indicator: { "& svg": {
-				width: "icon.sm",
-				height: "icon.sm"
-			} },
-			title: { textStyle: "label" },
-			description: { textStyle: "body" }
-		},
-		lg: {
-			root: {
-				padding: "inset.surface",
-				columnGap: "gap.related",
-				textStyle: "body",
-				"--alert-icon": "token(sizes.icon.md)"
-			},
-			indicator: { "& svg": {
-				width: "icon.md",
-				height: "icon.md"
-			} },
-			title: { textStyle: "body" },
-			description: { textStyle: "body" }
-		},
-		xl: {
-			root: {
-				padding: "inset.surface",
-				columnGap: "rhythm.tight",
-				textStyle: "subtitle",
-				"--alert-icon": "token(sizes.icon.lg)"
-			},
-			indicator: { "& svg": {
-				width: "icon.lg",
-				height: "icon.lg"
-			} },
-			title: { textStyle: "subtitle" },
-			description: { textStyle: "body" }
-		}
-	} },
-	defaultVariants: { size: "md" }
-});
-//#endregion
-export { alertRecipe };
-
-//# sourceMappingURL=alert.recipe.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"alert.recipe.mjs","names":[],"sources":["../../../src/components/alert/alert.recipe.ts"],"sourcesContent":["import { sva } from '#styled-system/css/index.js'\n\nexport const alertRecipe = sva({\n  slots: ['root', 'indicator', 'title', 'description'],\n  base: {\n    root: {\n      display: 'grid',\n      gridTemplateColumns: 'auto minmax(0, 1fr)',\n      rowGap: 'gap.inline',\n      alignItems: 'start',\n      width: 'fill',\n      rounded: 'control',\n      borderWidth: 'hairline',\n      borderStyle: 'solid',\n      color: 'foreground.default',\n      '&:not(:has(> [data-part=\"indicator\"]))': { gridTemplateColumns: 'minmax(0, 1fr)' },\n      '&[data-type=\"info\"]': { bg: 'info.subtle', borderColor: 'info.muted' },\n      '&[data-type=\"success\"]': { bg: 'success.subtle', borderColor: 'success.muted' },\n      '&[data-type=\"warning\"]': { bg: 'warning.subtle', borderColor: 'warning.muted' },\n      '&[data-type=\"error\"]': { bg: 'error.subtle', borderColor: 'error.muted' },\n      _highContrast: { borderColor: 'system.canvasText' },\n    },\n    indicator: {\n      display: 'inline-flex',\n      gridColumn: '1',\n      gridRow: 'span 2',\n      flexShrink: 0,\n      '--alert-icon-nudge': 'calc((1lh - var(--alert-icon)) / 2)',\n      marginBlockStart: 'var(--alert-icon-nudge)',\n      '&[data-type=\"info\"]': { color: 'info.default' },\n      '&[data-type=\"success\"]': { color: 'success.default' },\n      '&[data-type=\"warning\"]': { color: 'warning.default' },\n      '&[data-type=\"error\"]': { color: 'error.default' },\n    },\n    title: {\n      gridColumn: '-2',\n      margin: 'inset.none',\n      fontWeight: 'medium',\n      color: 'foreground.default',\n    },\n    description: {\n      gridColumn: '-2',\n      margin: 'inset.none',\n      color: 'foreground.default',\n    },\n  },\n  variants: {\n    size: {\n      xs: {\n        root: {\n          padding: 'inset.control',\n          columnGap: 'gap.inline',\n          textStyle: 'detail',\n          '--alert-icon': 'token(sizes.icon.xs)',\n        },\n        indicator: { '& svg': { width: 'icon.xs', height: 'icon.xs' } },\n        title: { textStyle: 'detail' },\n        description: { textStyle: 'detail' },\n      },\n      sm: {\n        root: {\n          padding: 'inset.control',\n          columnGap: 'gap.related',\n          textStyle: 'label',\n          '--alert-icon': 'token(sizes.icon.sm)',\n        },\n        indicator: { '& svg': { width: 'icon.sm', height: 'icon.sm' } },\n        title: { textStyle: 'label' },\n        description: { textStyle: 'detail' },\n      },\n      md: {\n        root: {\n          padding: 'inset.overlay',\n          columnGap: 'gap.related',\n          textStyle: 'label',\n          '--alert-icon': 'token(sizes.icon.sm)',\n        },\n        indicator: { '& svg': { width: 'icon.sm', height: 'icon.sm' } },\n        title: { textStyle: 'label' },\n        description: { textStyle: 'body' },\n      },\n      lg: {\n        root: {\n          padding: 'inset.surface',\n          columnGap: 'gap.related',\n          textStyle: 'body',\n          '--alert-icon': 'token(sizes.icon.md)',\n        },\n        indicator: { '& svg': { width: 'icon.md', height: 'icon.md' } },\n        title: { textStyle: 'body' },\n        description: { textStyle: 'body' },\n      },\n      xl: {\n        root: {\n          padding: 'inset.surface',\n          columnGap: 'rhythm.tight',\n          textStyle: 'subtitle',\n          '--alert-icon': 'token(sizes.icon.lg)',\n        },\n        indicator: { '& svg': { width: 'icon.lg', height: 'icon.lg' } },\n        title: { textStyle: 'subtitle' },\n        description: { textStyle: 'body' },\n      },\n    },\n  },\n  defaultVariants: { size: 'md' },\n})\n"],"mappings":";;AAEA,MAAa,cAAc,IAAI;CAC7B,OAAO;EAAC;EAAQ;EAAa;EAAS;CAAa;CACnD,MAAM;EACJ,MAAM;GACJ,SAAS;GACT,qBAAqB;GACrB,QAAQ;GACR,YAAY;GACZ,OAAO;GACP,SAAS;GACT,aAAa;GACb,aAAa;GACb,OAAO;GACP,4CAA0C,EAAE,qBAAqB,iBAAiB;GAClF,yBAAuB;IAAE,IAAI;IAAe,aAAa;GAAa;GACtE,4BAA0B;IAAE,IAAI;IAAkB,aAAa;GAAgB;GAC/E,4BAA0B;IAAE,IAAI;IAAkB,aAAa;GAAgB;GAC/E,0BAAwB;IAAE,IAAI;IAAgB,aAAa;GAAc;GACzE,eAAe,EAAE,aAAa,oBAAoB;EACpD;EACA,WAAW;GACT,SAAS;GACT,YAAY;GACZ,SAAS;GACT,YAAY;GACZ,sBAAsB;GACtB,kBAAkB;GAClB,yBAAuB,EAAE,OAAO,eAAe;GAC/C,4BAA0B,EAAE,OAAO,kBAAkB;GACrD,4BAA0B,EAAE,OAAO,kBAAkB;GACrD,0BAAwB,EAAE,OAAO,gBAAgB;EACnD;EACA,OAAO;GACL,YAAY;GACZ,QAAQ;GACR,YAAY;GACZ,OAAO;EACT;EACA,aAAa;GACX,YAAY;GACZ,QAAQ;GACR,OAAO;EACT;CACF;CACA,UAAU,EACR,MAAM;EACJ,IAAI;GACF,MAAM;IACJ,SAAS;IACT,WAAW;IACX,WAAW;IACX,gBAAgB;GAClB;GACA,WAAW,EAAE,SAAS;IAAE,OAAO;IAAW,QAAQ;GAAU,EAAE;GAC9D,OAAO,EAAE,WAAW,SAAS;GAC7B,aAAa,EAAE,WAAW,SAAS;EACrC;EACA,IAAI;GACF,MAAM;IACJ,SAAS;IACT,WAAW;IACX,WAAW;IACX,gBAAgB;GAClB;GACA,WAAW,EAAE,SAAS;IAAE,OAAO;IAAW,QAAQ;GAAU,EAAE;GAC9D,OAAO,EAAE,WAAW,QAAQ;GAC5B,aAAa,EAAE,WAAW,SAAS;EACrC;EACA,IAAI;GACF,MAAM;IACJ,SAAS;IACT,WAAW;IACX,WAAW;IACX,gBAAgB;GAClB;GACA,WAAW,EAAE,SAAS;IAAE,OAAO;IAAW,QAAQ;GAAU,EAAE;GAC9D,OAAO,EAAE,WAAW,QAAQ;GAC5B,aAAa,EAAE,WAAW,OAAO;EACnC;EACA,IAAI;GACF,MAAM;IACJ,SAAS;IACT,WAAW;IACX,WAAW;IACX,gBAAgB;GAClB;GACA,WAAW,EAAE,SAAS;IAAE,OAAO;IAAW,QAAQ;GAAU,EAAE;GAC9D,OAAO,EAAE,WAAW,OAAO;GAC3B,aAAa,EAAE,WAAW,OAAO;EACnC;EACA,IAAI;GACF,MAAM;IACJ,SAAS;IACT,WAAW;IACX,WAAW;IACX,gBAAgB;GAClB;GACA,WAAW,EAAE,SAAS;IAAE,OAAO;IAAW,QAAQ;GAAU,EAAE;GAC9D,OAAO,EAAE,WAAW,WAAW;GAC/B,aAAa,EAAE,WAAW,OAAO;EACnC;CACF,EACF;CACA,iBAAiB,EAAE,MAAM,KAAK;AAChC,CAAC"}

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

@@ -1,3 +0,0 @@
-import { AlertType } from "./alert.connect.mjs";
-import { Alert, AlertRootProps } from "./alert.mjs";
-export { Alert, type AlertRootProps, type AlertType };

package/dist/components/alert/index.mjs

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

package/dist/components/angle-slider/angle-slider.d.mts

@@ -1,35 +0,0 @@
-import { TranslationOverrides } from "../../provider/translations.mjs";
-import { SynapseComponent } from "../../system/types.mjs";
-import { ValueChangeDetails } from "../details.mjs";
-import { Size } from "../../shared/size-scale.mjs";
-//#region src/components/angle-slider/angle-slider.d.ts
-export type AngleSliderValueChangeDetails = ValueChangeDetails<number>;
-export interface AngleSliderRootProps {
-  /** 제어되는 각도이며, 단위는 도입니다. */
-  value?: number;
-  /** 비제어 초기 각도. `value`가 주어지면 무시됩니다. */
-  defaultValue?: number;
-  /** 드래그의 매 단계를 포함해, 값이 바뀔 때마다 알림을 받습니다. */
-  onValueChange?: (details: AngleSliderValueChangeDetails) => void;
-  /** 드래그나 키 반복이 끝난 뒤 한 번 알림을 받습니다 — 저장할 때 쓸 콜백입니다. */
-  onValueChangeEnd?: (details: AngleSliderValueChangeDetails) => void;
-  /** 화살표 키의 이동 단위이며, 단위는 도입니다. 기본값은 1입니다. */
-  step?: number;
-  /** 폼 필드 이름. 이것이 없으면 컨트롤은 아무것도 제출하지 않습니다. */
-  name?: string;
-  /** 비활성화된 AngleSlider는 반응하지 않고 탭 순서에도 들어가지 않습니다. */
-  disabled?: boolean;
-  /** 읽기 전용 AngleSlider는 포커스하고 읽을 수 있지만 바꿀 수는 없습니다. */
-  readOnly?: boolean;
-  /** 보조 기술에 `aria-invalid`로 알려집니다. */
-  invalid?: boolean;
-  /** 이 AngleSlider에만 적용되는 접근성 문자열이며, provider의 것보다 우선합니다. */
-  translations?: TranslationOverrides;
-  /** 하나의 공유 척도에서 옵니다. 모든 컴포넌트가 그렇듯 기본값은 `md`입니다. */
-  size?: Size;
-  /** 팩토리가 생성하는 식별자를 덮어씁니다. 서버와 클라이언트에서 동일합니다. */
-  id?: string;
-}
-export declare const AngleSlider: SynapseComponent<"control" | "label" | "marker" | "markerGroup" | "root" | "thumb" | "track" | "valueText", "root", AngleSliderRootProps, "track">;
-//#endregion
-//# sourceMappingURL=angle-slider.d.mts.map

package/dist/components/angle-slider/angle-slider.d.mts.map

@@ -1 +0,0 @@
-{"version":3,"file":"angle-slider.d.mts","names":[],"sources":["../../../src/components/angle-slider/angle-slider.tsx"],"mappings":";;;;;YAWY,gCAAgC;iBAE3B;;EAEf;;EAEA;;EAEA,iBAAiB,SAAS;;EAE1B,oBAAoB,SAAS;;EAE7B;;EAEA;;EAEA;;EAEA;;EAEA;;EAEA,eAAe;;EAEf,OAAO;;EAEP;;qBAGW,aAAW,oHAAA"}

package/dist/components/angle-slider/angle-slider.mjs

@@ -1,41 +0,0 @@
-"use client";
-import { resolveSize } from "../../shared/size-scale.mjs";
-import { defineComponent } from "../../system/create-component.mjs";
-import { angleSliderRecipe } from "./angle-slider.recipe.mjs";
-import { createElement } from "react";
-import * as angleSlider from "@zag-js/angle-slider";
-//#region src/components/angle-slider/angle-slider.tsx
-const AngleSlider = defineComponent()({
-	name: "AngleSlider",
-	module: angleSlider,
-	rootPart: "root",
-	elements: { valueText: "span" },
-	defaultContent: { valueText: (api) => `${api.value}°` },
-	getterProps: { marker: ["value"] },
-	field: {
-		ids: (field) => ({ label: field.label }),
-		describe: ["thumb"],
-		labelable: false
-	},
-	amendBehaviorProps: { thumb: (behaviorProps, api, _args, translate) => ({
-		"aria-valuetext": translate("angleSlider.thumb.valueText", { value: api.value }),
-		"aria-disabled": behaviorProps["data-disabled"] === "" ? true : void 0,
-		"aria-readonly": behaviorProps["data-readonly"] === "" ? true : void 0,
-		"aria-invalid": behaviorProps["data-invalid"] === "" ? true : void 0
-	}) },
-	unrenderedParts: ["track"],
-	rootOwnedGetters: [{
-		name: "hiddenInput",
-		getter: "getHiddenInputProps",
-		render: (props) => createElement("input", {
-			...props,
-			"data-synapse-form-field": ""
-		})
-	}],
-	variantProps: ["size"],
-	slots: (props) => angleSliderRecipe({ size: resolveSize(props.size, "AngleSlider") })
-});
-//#endregion
-export { AngleSlider };
-
-//# sourceMappingURL=angle-slider.mjs.map

package/dist/components/angle-slider/angle-slider.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"angle-slider.mjs","names":[],"sources":["../../../src/components/angle-slider/angle-slider.tsx"],"sourcesContent":["'use client'\n\nimport * as angleSlider from '@zag-js/angle-slider'\nimport { createElement } from 'react'\n\nimport { angleSliderRecipe } from '#/components/angle-slider/angle-slider.recipe.ts'\nimport type { ValueChangeDetails } from '#/components/details.ts'\nimport type { TranslationOverrides } from '#/provider/translations.ts'\nimport { resolveSize, type Size } from '#/shared/size-scale.ts'\nimport { defineComponent } from '#/system/create-component.ts'\n\nexport type AngleSliderValueChangeDetails = ValueChangeDetails<number>\n\nexport interface AngleSliderRootProps {\n  /** 제어되는 각도이며, 단위는 도입니다. */\n  value?: number\n  /** 비제어 초기 각도. `value`가 주어지면 무시됩니다. */\n  defaultValue?: number\n  /** 드래그의 매 단계를 포함해, 값이 바뀔 때마다 알림을 받습니다. */\n  onValueChange?: (details: AngleSliderValueChangeDetails) => void\n  /** 드래그나 키 반복이 끝난 뒤 한 번 알림을 받습니다 — 저장할 때 쓸 콜백입니다. */\n  onValueChangeEnd?: (details: AngleSliderValueChangeDetails) => void\n  /** 화살표 키의 이동 단위이며, 단위는 도입니다. 기본값은 1입니다. */\n  step?: number\n  /** 폼 필드 이름. 이것이 없으면 컨트롤은 아무것도 제출하지 않습니다. */\n  name?: string\n  /** 비활성화된 AngleSlider는 반응하지 않고 탭 순서에도 들어가지 않습니다. */\n  disabled?: boolean\n  /** 읽기 전용 AngleSlider는 포커스하고 읽을 수 있지만 바꿀 수는 없습니다. */\n  readOnly?: boolean\n  /** 보조 기술에 `aria-invalid`로 알려집니다. */\n  invalid?: boolean\n  /** 이 AngleSlider에만 적용되는 접근성 문자열이며, provider의 것보다 우선합니다. */\n  translations?: TranslationOverrides\n  /** 하나의 공유 척도에서 옵니다. 모든 컴포넌트가 그렇듯 기본값은 `md`입니다. */\n  size?: Size\n  /** 팩토리가 생성하는 식별자를 덮어씁니다. 서버와 클라이언트에서 동일합니다. */\n  id?: string\n}\n\nexport const AngleSlider = defineComponent<AngleSliderRootProps>()({\n  name: 'AngleSlider',\n  module: angleSlider,\n  rootPart: 'root',\n  elements: {\n    valueText: 'span',\n  },\n  defaultContent: {\n    valueText: (api) => `${api.value}°`,\n  },\n  getterProps: {\n    marker: ['value'],\n  },\n  field: { ids: (field) => ({ label: field.label }), describe: ['thumb'], labelable: false },\n  amendBehaviorProps: {\n    thumb: (behaviorProps, api, _args, translate) => ({\n      'aria-valuetext': translate('angleSlider.thumb.valueText', {\n        value: api.value,\n      }),\n      'aria-disabled': behaviorProps['data-disabled'] === '' ? true : undefined,\n      'aria-readonly': behaviorProps['data-readonly'] === '' ? true : undefined,\n      'aria-invalid': behaviorProps['data-invalid'] === '' ? true : undefined,\n    }),\n  },\n  unrenderedParts: ['track'],\n  rootOwnedGetters: [\n    {\n      name: 'hiddenInput',\n      getter: 'getHiddenInputProps',\n      render: (props) => createElement('input', { ...props, 'data-synapse-form-field': '' }),\n    },\n  ],\n  variantProps: ['size'],\n  slots: (props: AngleSliderRootProps) =>\n    angleSliderRecipe({ size: resolveSize(props.size, 'AngleSlider') }),\n})\n"],"mappings":";;;;;;;AAwCA,MAAa,cAAc,gBAAsC,CAAC,CAAC;CACjE,MAAM;CACN,QAAQ;CACR,UAAU;CACV,UAAU,EACR,WAAW,OACb;CACA,gBAAgB,EACd,YAAY,QAAQ,GAAG,IAAI,MAAM,GACnC;CACA,aAAa,EACX,QAAQ,CAAC,OAAO,EAClB;CACA,OAAO;EAAE,MAAM,WAAW,EAAE,OAAO,MAAM,MAAM;EAAI,UAAU,CAAC,OAAO;EAAG,WAAW;CAAM;CACzF,oBAAoB,EAClB,QAAQ,eAAe,KAAK,OAAO,eAAe;EAChD,kBAAkB,UAAU,+BAA+B,EACzD,OAAO,IAAI,MACb,CAAC;EACD,iBAAiB,cAAc,qBAAqB,KAAK,OAAO,KAAA;EAChE,iBAAiB,cAAc,qBAAqB,KAAK,OAAO,KAAA;EAChE,gBAAgB,cAAc,oBAAoB,KAAK,OAAO,KAAA;CAChE,GACF;CACA,iBAAiB,CAAC,OAAO;CACzB,kBAAkB,CAChB;EACE,MAAM;EACN,QAAQ;EACR,SAAS,UAAU,cAAc,SAAS;GAAE,GAAG;GAAO,2BAA2B;EAAG,CAAC;CACvF,CACF;CACA,cAAc,CAAC,MAAM;CACrB,QAAQ,UACN,kBAAkB,EAAE,MAAM,YAAY,MAAM,MAAM,aAAa,EAAE,CAAC;AACtE,CAAC"}