@neurocle/synapse-react 0.0.0-bootstrap

package/dist/components/button/button.recipe.mjs

@@ -0,0 +1,377 @@
+import { sva } from "../../react/styled-system/css/sva.mjs";
+//#region src/components/button/button.recipe.ts
+const enabled = "&:not(:disabled, [data-disabled])";
+const buttonRecipe = sva({
+	slots: ["root"],
+	base: { root: {
+		"&:is([aria-label]:has(> svg:only-child), :has(> svg:first-child + [data-visually-hidden]:last-child), [data-icon-only])": { paddingInline: "inset.none" },
+		"& > svg": { flexShrink: 0 },
+		display: "inline-flex",
+		alignItems: "center",
+		justifyContent: "center",
+		gap: "gap.inline",
+		flexShrink: 0,
+		minHeight: "target.minimum",
+		minWidth: "target.minimum",
+		rounded: "control",
+		borderWidth: "hairline",
+		borderStyle: "solid",
+		borderColor: "surface.transparent",
+		bg: "surface.transparent",
+		whiteSpace: "nowrap",
+		textDecoration: "none",
+		cursor: "pointer",
+		userSelect: "none",
+		transitionProperty: "common",
+		transitionDuration: "interaction",
+		transitionTimingFunction: "interaction",
+		outlineColor: "border.focus",
+		[`${enabled}:active`]: { transform: "scale(0.96)" },
+		_focusVisible: {
+			outlineStyle: "solid",
+			outlineWidth: "focus",
+			outlineOffset: "inset.compact",
+			outlineColor: "border.focus"
+		},
+		_disabled: {
+			cursor: "not-allowed",
+			_highContrast: {
+				color: "system.grayText",
+				borderColor: "system.grayText"
+			}
+		},
+		"&[data-disabled]:not(button)": { pointerEvents: "none" }
+	} },
+	variants: {
+		variant: {
+			solid: { root: { _disabled: {
+				bg: "background.subtle",
+				borderColor: "border.muted",
+				color: "foreground.disabled"
+			} } },
+			outline: { root: {
+				bg: "surface.raised",
+				_disabled: {
+					bg: "background.subtle",
+					borderColor: "border.muted",
+					color: "foreground.disabled"
+				}
+			} },
+			ghost: { root: { _disabled: { color: "foreground.disabled" } } },
+			soft: { root: {
+				fontWeight: "medium",
+				[`${enabled}:hover`]: { textDecoration: "underline" },
+				_disabled: {
+					bg: "background.subtle",
+					borderColor: "border.muted",
+					color: "foreground.disabled"
+				}
+			} }
+		},
+		tone: {
+			primary: { root: {} },
+			neutral: { root: {} },
+			danger: { root: {} },
+			success: { root: {} },
+			info: { root: {} },
+			warning: { root: {} }
+		},
+		size: {
+			xs: { root: {
+				"&:is([aria-label]:has(> svg:only-child), :has(> svg:first-child + [data-visually-hidden]:last-child), [data-icon-only])": {
+					width: "control.xs",
+					height: "control.xs"
+				},
+				"& > svg": {
+					width: "icon.xs",
+					height: "icon.xs"
+				},
+				minHeight: "control.xs",
+				paddingInline: "inset.compact",
+				textStyle: "caption"
+			} },
+			sm: { root: {
+				"&:is([aria-label]:has(> svg:only-child), :has(> svg:first-child + [data-visually-hidden]:last-child), [data-icon-only])": {
+					width: "control.sm",
+					height: "control.sm"
+				},
+				"& > svg": {
+					width: "icon.sm",
+					height: "icon.sm"
+				},
+				minHeight: "control.sm",
+				paddingInline: "inset.control",
+				textStyle: "label"
+			} },
+			md: { root: {
+				"&:is([aria-label]:has(> svg:only-child), :has(> svg:first-child + [data-visually-hidden]:last-child), [data-icon-only])": {
+					width: "control.md",
+					height: "control.md"
+				},
+				"& > svg": {
+					width: "icon.sm",
+					height: "icon.sm"
+				},
+				minHeight: "control.md",
+				paddingInline: "inset.overlay",
+				textStyle: "label"
+			} },
+			lg: { root: {
+				"&:is([aria-label]:has(> svg:only-child), :has(> svg:first-child + [data-visually-hidden]:last-child), [data-icon-only])": {
+					width: "control.lg",
+					height: "control.lg"
+				},
+				"& > svg": {
+					width: "icon.md",
+					height: "icon.md"
+				},
+				minHeight: "control.lg",
+				paddingInline: "inset.surface",
+				textStyle: "label"
+			} },
+			xl: { root: {
+				"&:is([aria-label]:has(> svg:only-child), :has(> svg:first-child + [data-visually-hidden]:last-child), [data-icon-only])": {
+					width: "control.xl",
+					height: "control.xl"
+				},
+				"& > svg": {
+					width: "icon.lg",
+					height: "icon.lg"
+				},
+				minHeight: "control.xl",
+				paddingInline: "inset.surface",
+				textStyle: "subtitle"
+			} }
+		}
+	},
+	compoundVariants: [
+		{
+			variant: "solid",
+			tone: "primary",
+			css: { root: {
+				bg: "primary.default",
+				color: "primary.foreground",
+				[`${enabled}:hover`]: { bg: "primary.hover" },
+				[`${enabled}:active`]: { bg: "primary.active" }
+			} }
+		},
+		{
+			variant: "solid",
+			tone: "neutral",
+			css: { root: {
+				bg: "secondary.default",
+				color: "secondary.foreground",
+				[`${enabled}:hover`]: { bg: "secondary.hover" },
+				[`${enabled}:active`]: { bg: "secondary.active" }
+			} }
+		},
+		{
+			variant: "solid",
+			tone: "danger",
+			css: { root: {
+				bg: "error.default",
+				color: "error.foreground",
+				[`${enabled}:hover`]: { bg: "error.hover" },
+				[`${enabled}:active`]: { bg: "error.active" }
+			} }
+		},
+		{
+			variant: "solid",
+			tone: "success",
+			css: { root: {
+				bg: "success.default",
+				color: "success.foreground",
+				[`${enabled}:hover`]: { bg: "success.hover" },
+				[`${enabled}:active`]: { bg: "success.active" }
+			} }
+		},
+		{
+			variant: "solid",
+			tone: "info",
+			css: { root: {
+				bg: "info.default",
+				color: "info.foreground",
+				[`${enabled}:hover`]: { bg: "info.hover" },
+				[`${enabled}:active`]: { bg: "info.active" }
+			} }
+		},
+		{
+			variant: "solid",
+			tone: "warning",
+			css: { root: {
+				bg: "warning.default",
+				color: "warning.foreground",
+				[`${enabled}:hover`]: { bg: "warning.hover" },
+				[`${enabled}:active`]: { bg: "warning.active" }
+			} }
+		},
+		{
+			variant: "outline",
+			tone: "primary",
+			css: { root: {
+				borderColor: "primary.default",
+				color: "primary.onSurface",
+				[`${enabled}:hover`]: { bg: "primary.subtle" }
+			} }
+		},
+		{
+			variant: "outline",
+			tone: "neutral",
+			css: { root: {
+				borderColor: "border.default",
+				color: "foreground.default",
+				[`${enabled}:hover`]: {
+					bg: "secondary.hover",
+					borderColor: "border.strong"
+				}
+			} }
+		},
+		{
+			variant: "outline",
+			tone: "danger",
+			css: { root: {
+				borderColor: "error.default",
+				color: "error.default",
+				[`${enabled}:hover`]: { bg: "error.subtle" }
+			} }
+		},
+		{
+			variant: "outline",
+			tone: "success",
+			css: { root: {
+				borderColor: "success.default",
+				color: "success.default",
+				[`${enabled}:hover`]: { bg: "success.subtle" }
+			} }
+		},
+		{
+			variant: "outline",
+			tone: "info",
+			css: { root: {
+				borderColor: "info.default",
+				color: "info.default",
+				[`${enabled}:hover`]: { bg: "info.subtle" }
+			} }
+		},
+		{
+			variant: "outline",
+			tone: "warning",
+			css: { root: {
+				borderColor: "warning.default",
+				color: "warning.default",
+				[`${enabled}:hover`]: { bg: "warning.subtle" }
+			} }
+		},
+		{
+			variant: "ghost",
+			tone: "primary",
+			css: { root: {
+				color: "primary.onSurface",
+				[`${enabled}:hover`]: { bg: "primary.subtle" }
+			} }
+		},
+		{
+			variant: "ghost",
+			tone: "neutral",
+			css: { root: {
+				color: "foreground.default",
+				[`${enabled}:hover`]: { bg: "secondary.hover" }
+			} }
+		},
+		{
+			variant: "ghost",
+			tone: "danger",
+			css: { root: {
+				color: "error.default",
+				[`${enabled}:hover`]: { bg: "error.subtle" }
+			} }
+		},
+		{
+			variant: "ghost",
+			tone: "success",
+			css: { root: {
+				color: "success.default",
+				[`${enabled}:hover`]: { bg: "success.subtle" }
+			} }
+		},
+		{
+			variant: "ghost",
+			tone: "info",
+			css: { root: {
+				color: "info.default",
+				[`${enabled}:hover`]: { bg: "info.subtle" }
+			} }
+		},
+		{
+			variant: "ghost",
+			tone: "warning",
+			css: { root: {
+				color: "warning.default",
+				[`${enabled}:hover`]: { bg: "warning.subtle" }
+			} }
+		},
+		{
+			variant: "soft",
+			tone: "primary",
+			css: { root: {
+				bg: "primary.subtle",
+				borderColor: "primary.subtle",
+				color: "primary.onSurface"
+			} }
+		},
+		{
+			variant: "soft",
+			tone: "neutral",
+			css: { root: {
+				bg: "secondary.subtle",
+				borderColor: "border.muted",
+				color: "foreground.default"
+			} }
+		},
+		{
+			variant: "soft",
+			tone: "danger",
+			css: { root: {
+				bg: "error.subtle",
+				borderColor: "error.muted",
+				color: "error.onSurface"
+			} }
+		},
+		{
+			variant: "soft",
+			tone: "success",
+			css: { root: {
+				bg: "success.subtle",
+				borderColor: "success.muted",
+				color: "success.onSurface"
+			} }
+		},
+		{
+			variant: "soft",
+			tone: "info",
+			css: { root: {
+				bg: "info.subtle",
+				borderColor: "info.muted",
+				color: "info.onSurface"
+			} }
+		},
+		{
+			variant: "soft",
+			tone: "warning",
+			css: { root: {
+				bg: "warning.subtle",
+				borderColor: "warning.muted",
+				color: "warning.onSurface"
+			} }
+		}
+	],
+	defaultVariants: {
+		variant: "solid",
+		tone: "primary",
+		size: "md"
+	}
+});
+//#endregion
+export { buttonRecipe };
+
+//# sourceMappingURL=button.recipe.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"button.recipe.mjs","names":[],"sources":["../../../src/components/button/button.recipe.ts"],"sourcesContent":["import { sva } from '#styled-system/css/index.js'\n\nconst enabled = '&:not(:disabled, [data-disabled])'\n\nexport const buttonRecipe = sva({\n  slots: ['root'],\n  base: {\n    root: {\n      // 아이콘 전용 버튼 세 가지(단독 glyph, 숨긴 레이블 옆 glyph, `data-icon-only` part)를\n      // 가려내는 선택자입니다. 느슨히 하면 텍스트 레이블이 있는 Clipboard trigger까지 정사각형이 됩니다.\n      '&:is([aria-label]:has(> svg:only-child), :has(> svg:first-child + [data-visually-hidden]:last-child), [data-icon-only])':\n        { paddingInline: 'inset.none' },\n      '& > svg': { flexShrink: 0 },\n      display: 'inline-flex',\n      alignItems: 'center',\n      justifyContent: 'center',\n      gap: 'gap.inline',\n      flexShrink: 0,\n      minHeight: 'target.minimum',\n      minWidth: 'target.minimum',\n      rounded: 'control',\n      borderWidth: 'hairline',\n      borderStyle: 'solid',\n      borderColor: 'surface.transparent',\n      bg: 'surface.transparent',\n      whiteSpace: 'nowrap',\n      textDecoration: 'none',\n      cursor: 'pointer',\n      userSelect: 'none',\n      transitionProperty: 'common',\n      transitionDuration: 'interaction',\n      transitionTimingFunction: 'interaction',\n      outlineColor: 'border.focus',\n      [`${enabled}:active`]: { transform: 'scale(0.96)' },\n      _focusVisible: {\n        outlineStyle: 'solid',\n        outlineWidth: 'focus',\n        outlineOffset: 'inset.compact',\n        outlineColor: 'border.focus',\n      },\n      _disabled: {\n        cursor: 'not-allowed',\n        _highContrast: { color: 'system.grayText', borderColor: 'system.grayText' },\n      },\n      '&[data-disabled]:not(button)': { pointerEvents: 'none' },\n    },\n  },\n  variants: {\n    variant: {\n      solid: {\n        root: {\n          _disabled: {\n            bg: 'background.subtle',\n            borderColor: 'border.muted',\n            color: 'foreground.disabled',\n          },\n        },\n      },\n      outline: {\n        root: {\n          bg: 'surface.raised',\n          _disabled: {\n            bg: 'background.subtle',\n            borderColor: 'border.muted',\n            color: 'foreground.disabled',\n          },\n        },\n      },\n      ghost: {\n        root: {\n          _disabled: { color: 'foreground.disabled' },\n        },\n      },\n      soft: {\n        root: {\n          fontWeight: 'medium',\n          [`${enabled}:hover`]: { textDecoration: 'underline' },\n          _disabled: {\n            bg: 'background.subtle',\n            borderColor: 'border.muted',\n            color: 'foreground.disabled',\n          },\n        },\n      },\n    },\n    tone: {\n      primary: { root: {} },\n      neutral: { root: {} },\n      danger: { root: {} },\n      success: { root: {} },\n      info: { root: {} },\n      warning: { root: {} },\n    },\n    size: {\n      xs: {\n        root: {\n          '&:is([aria-label]:has(> svg:only-child), :has(> svg:first-child + [data-visually-hidden]:last-child), [data-icon-only])':\n            { width: 'control.xs', height: 'control.xs' },\n          '& > svg': { width: 'icon.xs', height: 'icon.xs' },\n          minHeight: 'control.xs',\n          paddingInline: 'inset.compact',\n          textStyle: 'caption',\n        },\n      },\n      sm: {\n        root: {\n          '&:is([aria-label]:has(> svg:only-child), :has(> svg:first-child + [data-visually-hidden]:last-child), [data-icon-only])':\n            { width: 'control.sm', height: 'control.sm' },\n          '& > svg': { width: 'icon.sm', height: 'icon.sm' },\n          minHeight: 'control.sm',\n          paddingInline: 'inset.control',\n          textStyle: 'label',\n        },\n      },\n      md: {\n        root: {\n          '&:is([aria-label]:has(> svg:only-child), :has(> svg:first-child + [data-visually-hidden]:last-child), [data-icon-only])':\n            { width: 'control.md', height: 'control.md' },\n          '& > svg': { width: 'icon.sm', height: 'icon.sm' },\n          minHeight: 'control.md',\n          paddingInline: 'inset.overlay',\n          textStyle: 'label',\n        },\n      },\n      lg: {\n        root: {\n          '&:is([aria-label]:has(> svg:only-child), :has(> svg:first-child + [data-visually-hidden]:last-child), [data-icon-only])':\n            { width: 'control.lg', height: 'control.lg' },\n          '& > svg': { width: 'icon.md', height: 'icon.md' },\n          minHeight: 'control.lg',\n          paddingInline: 'inset.surface',\n          textStyle: 'label',\n        },\n      },\n      xl: {\n        root: {\n          '&:is([aria-label]:has(> svg:only-child), :has(> svg:first-child + [data-visually-hidden]:last-child), [data-icon-only])':\n            { width: 'control.xl', height: 'control.xl' },\n          '& > svg': { width: 'icon.lg', height: 'icon.lg' },\n          minHeight: 'control.xl',\n          paddingInline: 'inset.surface',\n          textStyle: 'subtitle',\n        },\n      },\n    },\n  },\n  compoundVariants: [\n    {\n      variant: 'solid',\n      tone: 'primary',\n      css: {\n        root: {\n          bg: 'primary.default',\n          color: 'primary.foreground',\n          [`${enabled}:hover`]: { bg: 'primary.hover' },\n          [`${enabled}:active`]: { bg: 'primary.active' },\n        },\n      },\n    },\n    {\n      variant: 'solid',\n      tone: 'neutral',\n      css: {\n        root: {\n          bg: 'secondary.default',\n          color: 'secondary.foreground',\n          [`${enabled}:hover`]: { bg: 'secondary.hover' },\n          [`${enabled}:active`]: { bg: 'secondary.active' },\n        },\n      },\n    },\n    {\n      variant: 'solid',\n      tone: 'danger',\n      css: {\n        root: {\n          bg: 'error.default',\n          color: 'error.foreground',\n          [`${enabled}:hover`]: { bg: 'error.hover' },\n          [`${enabled}:active`]: { bg: 'error.active' },\n        },\n      },\n    },\n    {\n      variant: 'solid',\n      tone: 'success',\n      css: {\n        root: {\n          bg: 'success.default',\n          color: 'success.foreground',\n          [`${enabled}:hover`]: { bg: 'success.hover' },\n          [`${enabled}:active`]: { bg: 'success.active' },\n        },\n      },\n    },\n    {\n      variant: 'solid',\n      tone: 'info',\n      css: {\n        root: {\n          bg: 'info.default',\n          color: 'info.foreground',\n          [`${enabled}:hover`]: { bg: 'info.hover' },\n          [`${enabled}:active`]: { bg: 'info.active' },\n        },\n      },\n    },\n    {\n      variant: 'solid',\n      tone: 'warning',\n      css: {\n        root: {\n          bg: 'warning.default',\n          color: 'warning.foreground',\n          [`${enabled}:hover`]: { bg: 'warning.hover' },\n          [`${enabled}:active`]: { bg: 'warning.active' },\n        },\n      },\n    },\n    {\n      variant: 'outline',\n      tone: 'primary',\n      css: {\n        root: {\n          borderColor: 'primary.default',\n          color: 'primary.onSurface',\n          [`${enabled}:hover`]: { bg: 'primary.subtle' },\n        },\n      },\n    },\n    {\n      variant: 'outline',\n      tone: 'neutral',\n      css: {\n        root: {\n          borderColor: 'border.default',\n          color: 'foreground.default',\n          [`${enabled}:hover`]: { bg: 'secondary.hover', borderColor: 'border.strong' },\n        },\n      },\n    },\n    {\n      variant: 'outline',\n      tone: 'danger',\n      css: {\n        root: {\n          borderColor: 'error.default',\n          color: 'error.default',\n          [`${enabled}:hover`]: { bg: 'error.subtle' },\n        },\n      },\n    },\n    {\n      variant: 'outline',\n      tone: 'success',\n      css: {\n        root: {\n          borderColor: 'success.default',\n          color: 'success.default',\n          [`${enabled}:hover`]: { bg: 'success.subtle' },\n        },\n      },\n    },\n    {\n      variant: 'outline',\n      tone: 'info',\n      css: {\n        root: {\n          borderColor: 'info.default',\n          color: 'info.default',\n          [`${enabled}:hover`]: { bg: 'info.subtle' },\n        },\n      },\n    },\n    {\n      variant: 'outline',\n      tone: 'warning',\n      css: {\n        root: {\n          borderColor: 'warning.default',\n          color: 'warning.default',\n          [`${enabled}:hover`]: { bg: 'warning.subtle' },\n        },\n      },\n    },\n    {\n      variant: 'ghost',\n      tone: 'primary',\n      css: {\n        root: {\n          color: 'primary.onSurface',\n          [`${enabled}:hover`]: { bg: 'primary.subtle' },\n        },\n      },\n    },\n    {\n      variant: 'ghost',\n      tone: 'neutral',\n      css: {\n        root: {\n          color: 'foreground.default',\n          [`${enabled}:hover`]: { bg: 'secondary.hover' },\n        },\n      },\n    },\n    {\n      variant: 'ghost',\n      tone: 'danger',\n      css: {\n        root: {\n          color: 'error.default',\n          [`${enabled}:hover`]: { bg: 'error.subtle' },\n        },\n      },\n    },\n    {\n      variant: 'ghost',\n      tone: 'success',\n      css: {\n        root: {\n          color: 'success.default',\n          [`${enabled}:hover`]: { bg: 'success.subtle' },\n        },\n      },\n    },\n    {\n      variant: 'ghost',\n      tone: 'info',\n      css: {\n        root: {\n          color: 'info.default',\n          [`${enabled}:hover`]: { bg: 'info.subtle' },\n        },\n      },\n    },\n    {\n      variant: 'ghost',\n      tone: 'warning',\n      css: {\n        root: {\n          color: 'warning.default',\n          [`${enabled}:hover`]: { bg: 'warning.subtle' },\n        },\n      },\n    },\n    {\n      variant: 'soft',\n      tone: 'primary',\n      css: {\n        root: {\n          bg: 'primary.subtle',\n          borderColor: 'primary.subtle',\n          color: 'primary.onSurface',\n        },\n      },\n    },\n    {\n      variant: 'soft',\n      tone: 'neutral',\n      css: {\n        root: {\n          bg: 'secondary.subtle',\n          borderColor: 'border.muted',\n          color: 'foreground.default',\n        },\n      },\n    },\n    {\n      variant: 'soft',\n      tone: 'danger',\n      css: {\n        root: {\n          bg: 'error.subtle',\n          borderColor: 'error.muted',\n          color: 'error.onSurface',\n        },\n      },\n    },\n    {\n      variant: 'soft',\n      tone: 'success',\n      css: {\n        root: {\n          bg: 'success.subtle',\n          borderColor: 'success.muted',\n          color: 'success.onSurface',\n        },\n      },\n    },\n    {\n      variant: 'soft',\n      tone: 'info',\n      css: {\n        root: {\n          bg: 'info.subtle',\n          borderColor: 'info.muted',\n          color: 'info.onSurface',\n        },\n      },\n    },\n    {\n      variant: 'soft',\n      tone: 'warning',\n      css: {\n        root: {\n          bg: 'warning.subtle',\n          borderColor: 'warning.muted',\n          color: 'warning.onSurface',\n        },\n      },\n    },\n  ],\n  defaultVariants: { variant: 'solid', tone: 'primary', size: 'md' },\n})\n"],"mappings":"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"}

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

@@ -0,0 +1,2 @@
+import { Button, ButtonRootProps, ButtonTone, ButtonVariant } from "./button.mjs";
+export { Button, type ButtonRootProps, type ButtonTone, type ButtonVariant };

package/dist/components/button/index.mjs

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

package/dist/components/card/card.anatomy.mjs

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"card.anatomy.mjs","names":[],"sources":["../../../src/components/card/card.anatomy.ts"],"sourcesContent":["import { createAnatomy } from '@zag-js/anatomy'\n\nexport const anatomy = createAnatomy('card').parts(\n  'root',\n  'header',\n  'title',\n  'description',\n  'body',\n  'footer',\n)\n\nexport const parts = anatomy.build()\n"],"mappings":";;AAEA,MAAa,UAAU,cAAc,MAAM,CAAC,CAAC,MAC3C,QACA,UACA,SACA,eACA,QACA,QACF;AAEA,MAAa,QAAQ,QAAQ,MAAM"}

package/dist/components/card/card.connect.mjs

@@ -0,0 +1,24 @@
+import { __exportAll } from "../../_virtual/_rolldown/runtime.mjs";
+import { anatomy, parts } from "./card.anatomy.mjs";
+//#region src/components/card/card.connect.ts
+var card_connect_exports = /* @__PURE__ */ __exportAll({
+	anatomy: () => anatomy,
+	connect: () => connect,
+	machine: () => null,
+	props: () => props
+});
+const props = [];
+function connect() {
+	return {
+		getRootProps: () => ({ ...parts.root.attrs }),
+		getHeaderProps: () => ({ ...parts.header.attrs }),
+		getTitleProps: () => ({ ...parts.title.attrs }),
+		getDescriptionProps: () => ({ ...parts.description.attrs }),
+		getBodyProps: () => ({ ...parts.body.attrs }),
+		getFooterProps: () => ({ ...parts.footer.attrs })
+	};
+}
+//#endregion
+export { anatomy, card_connect_exports, connect, props };
+
+//# sourceMappingURL=card.connect.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"card.connect.mjs","names":[],"sources":["../../../src/components/card/card.connect.ts"],"sourcesContent":["import { parts } from '#/components/card/card.anatomy.ts'\n\nexport { anatomy } from '#/components/card/card.anatomy.ts'\n\nexport const machine = null\n\nexport const props: readonly string[] = []\n\nexport interface CardApi {\n  getRootProps: () => Record<string, unknown>\n  getHeaderProps: () => Record<string, unknown>\n  getTitleProps: () => Record<string, unknown>\n  getDescriptionProps: () => Record<string, unknown>\n  getBodyProps: () => Record<string, unknown>\n  getFooterProps: () => Record<string, unknown>\n}\n\nexport function connect(): CardApi {\n  return {\n    getRootProps: () => ({ ...parts.root.attrs }),\n    getHeaderProps: () => ({ ...parts.header.attrs }),\n    getTitleProps: () => ({ ...parts.title.attrs }),\n    getDescriptionProps: () => ({ ...parts.description.attrs }),\n    getBodyProps: () => ({ ...parts.body.attrs }),\n    getFooterProps: () => ({ ...parts.footer.attrs }),\n  }\n}\n"],"mappings":";;;;;;;;;AAMA,MAAa,QAA2B,CAAC;AAWzC,SAAgB,UAAmB;CACjC,OAAO;EACL,qBAAqB,EAAE,GAAG,MAAM,KAAK,MAAM;EAC3C,uBAAuB,EAAE,GAAG,MAAM,OAAO,MAAM;EAC/C,sBAAsB,EAAE,GAAG,MAAM,MAAM,MAAM;EAC7C,4BAA4B,EAAE,GAAG,MAAM,YAAY,MAAM;EACzD,qBAAqB,EAAE,GAAG,MAAM,KAAK,MAAM;EAC3C,uBAAuB,EAAE,GAAG,MAAM,OAAO,MAAM;CACjD;AACF"}

package/dist/components/card/card.d.mts

@@ -0,0 +1,9 @@
+import { SynapseComponent } from "../../system/types.mjs";
+//#region src/components/card/card.d.ts
+export interface CardRootProps {
+  /** 카드 전체의 식별자. 서버와 클라이언트에서 같습니다. */
+  id?: string;
+}
+export declare const Card: SynapseComponent<"body" | "description" | "footer" | "header" | "root" | "title", "root", CardRootProps, never>;
+//#endregion
+//# sourceMappingURL=card.d.mts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"card.d.mts","names":[],"sources":["../../../src/components/card/card.tsx"],"mappings":";;iBAMiB;;EAEf;;qBAGW,MAAI,0FAAA"}

package/dist/components/card/card.mjs

@@ -0,0 +1,23 @@
+"use client";
+import { defineComponent } from "../../system/create-component.mjs";
+import { card_connect_exports } from "./card.connect.mjs";
+import { cardRecipe } from "./card.recipe.mjs";
+//#region src/components/card/card.tsx
+const Card = defineComponent()({
+	name: "Card",
+	module: card_connect_exports,
+	rootPart: "root",
+	rootElement: "div",
+	elements: {
+		header: "div",
+		title: "div",
+		description: "p",
+		body: "div",
+		footer: "div"
+	},
+	slots: () => cardRecipe()
+});
+//#endregion
+export { Card };
+
+//# sourceMappingURL=card.mjs.map

package/dist/components/card/card.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"card.mjs","names":["card"],"sources":["../../../src/components/card/card.tsx"],"sourcesContent":["'use client'\n\nimport * as card from '#/components/card/card.connect.ts'\nimport { cardRecipe } from '#/components/card/card.recipe.ts'\nimport { defineComponent } from '#/system/create-component.ts'\n\nexport interface CardRootProps {\n  /** 카드 전체의 식별자. 서버와 클라이언트에서 같습니다. */\n  id?: string\n}\n\nexport const Card = defineComponent<CardRootProps>()({\n  name: 'Card',\n  module: card,\n  rootPart: 'root',\n  rootElement: 'div',\n  elements: {\n    header: 'div',\n    title: 'div',\n    description: 'p',\n    body: 'div',\n    footer: 'div',\n  },\n  slots: () => cardRecipe(),\n})\n"],"mappings":";;;;;AAWA,MAAa,OAAO,gBAA+B,CAAC,CAAC;CACnD,MAAM;CACN,QAAQA;CACR,UAAU;CACV,aAAa;CACb,UAAU;EACR,QAAQ;EACR,OAAO;EACP,aAAa;EACb,MAAM;EACN,QAAQ;CACV;CACA,aAAa,WAAW;AAC1B,CAAC"}

package/dist/components/card/card.recipe.mjs

@@ -0,0 +1,58 @@
+import { sva } from "../../react/styled-system/css/sva.mjs";
+//#region src/components/card/card.recipe.ts
+const cardRecipe = sva({
+	slots: [
+		"root",
+		"header",
+		"title",
+		"description",
+		"body",
+		"footer"
+	],
+	base: {
+		root: {
+			display: "flex",
+			flexDirection: "column",
+			gap: "gap.section",
+			padding: "inset.surface",
+			rounded: "surface",
+			borderWidth: "hairline",
+			borderStyle: "solid",
+			borderColor: "border.default",
+			bg: "surface.raised",
+			color: "foreground.default",
+			_highContrast: { borderColor: "system.canvasText" }
+		},
+		header: {
+			display: "flex",
+			flexDirection: "column",
+			gap: "gap.inline"
+		},
+		title: {
+			margin: "inset.none",
+			textStyle: "subtitle",
+			color: "foreground.default"
+		},
+		description: {
+			margin: "inset.none",
+			textStyle: "body",
+			color: "foreground.muted"
+		},
+		body: {
+			display: "flex",
+			flexDirection: "column",
+			gap: "gap.related",
+			textStyle: "body"
+		},
+		footer: {
+			display: "flex",
+			alignItems: "center",
+			justifyContent: "flex-end",
+			gap: "gap.related"
+		}
+	}
+});
+//#endregion
+export { cardRecipe };
+
+//# sourceMappingURL=card.recipe.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"card.recipe.mjs","names":[],"sources":["../../../src/components/card/card.recipe.ts"],"sourcesContent":["import { sva } from '#styled-system/css/index.js'\n\nexport const cardRecipe = sva({\n  slots: ['root', 'header', 'title', 'description', 'body', 'footer'],\n  base: {\n    root: {\n      display: 'flex',\n      flexDirection: 'column',\n      gap: 'gap.section',\n      padding: 'inset.surface',\n      rounded: 'surface',\n      borderWidth: 'hairline',\n      borderStyle: 'solid',\n      borderColor: 'border.default',\n      bg: 'surface.raised',\n      color: 'foreground.default',\n      _highContrast: { borderColor: 'system.canvasText' },\n    },\n    header: {\n      display: 'flex',\n      flexDirection: 'column',\n      gap: 'gap.inline',\n    },\n    title: {\n      margin: 'inset.none',\n      textStyle: 'subtitle',\n      color: 'foreground.default',\n    },\n    description: {\n      margin: 'inset.none',\n      textStyle: 'body',\n      color: 'foreground.muted',\n    },\n    body: {\n      display: 'flex',\n      flexDirection: 'column',\n      gap: 'gap.related',\n      textStyle: 'body',\n    },\n    footer: {\n      display: 'flex',\n      alignItems: 'center',\n      justifyContent: 'flex-end',\n      gap: 'gap.related',\n    },\n  },\n})\n"],"mappings":";;AAEA,MAAa,aAAa,IAAI;CAC5B,OAAO;EAAC;EAAQ;EAAU;EAAS;EAAe;EAAQ;CAAQ;CAClE,MAAM;EACJ,MAAM;GACJ,SAAS;GACT,eAAe;GACf,KAAK;GACL,SAAS;GACT,SAAS;GACT,aAAa;GACb,aAAa;GACb,aAAa;GACb,IAAI;GACJ,OAAO;GACP,eAAe,EAAE,aAAa,oBAAoB;EACpD;EACA,QAAQ;GACN,SAAS;GACT,eAAe;GACf,KAAK;EACP;EACA,OAAO;GACL,QAAQ;GACR,WAAW;GACX,OAAO;EACT;EACA,aAAa;GACX,QAAQ;GACR,WAAW;GACX,OAAO;EACT;EACA,MAAM;GACJ,SAAS;GACT,eAAe;GACf,KAAK;GACL,WAAW;EACb;EACA,QAAQ;GACN,SAAS;GACT,YAAY;GACZ,gBAAgB;GAChB,KAAK;EACP;CACF;AACF,CAAC"}

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

@@ -0,0 +1,2 @@
+import { Card, CardRootProps } from "./card.mjs";
+export { Card, type CardRootProps };

package/dist/components/card/index.mjs

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

package/dist/components/carousel/carousel.d.mts

@@ -0,0 +1,67 @@
+import { TranslationOverrides } from "../../provider/translations.mjs";
+import { Orientation, SynapseComponent } from "../../system/types.mjs";
+import { Size } from "../../shared/size-scale.mjs";
+//#region src/components/carousel/carousel.d.ts
+export interface CarouselPageChangeDetails {
+  readonly page: number;
+}
+export interface CarouselAutoplayStatusDetails {
+  readonly type: 'autoplay.start' | 'autoplay.stop';
+}
+export interface CarouselDragStatusDetails {
+  readonly type: 'dragging.start' | 'dragging.end';
+  readonly page: number;
+}
+export type CarouselSnapType = 'proximity' | 'mandatory';
+export interface CarouselRootProps {
+  /** 슬라이드가 몇 개인지. 컴포넌트는 슬라이드를 쥐지 않고 이 개수를 쥡니다. */
+  slideCount: number;
+  /** 제어되는 현재 페이지이며, 0부터 세요. */
+  page?: number;
+  /** 비제어 초기 페이지. `page`가 주어지면 무시됩니다. */
+  defaultPage?: number;
+  /** 제어 여부와 무관하게 페이지가 바뀔 때마다 알림을 받습니다. */
+  onPageChange?: (details: CarouselPageChangeDetails) => void;
+  /** 한 번에 보이는 슬라이드 수. 기본값은 1입니다. */
+  slidesPerPage?: number;
+  /** 한 단계에 움직이는 슬라이드 수이며, `'auto'`는 한 페이지를 통째로 움직입니다. */
+  slidesPerMove?: number | 'auto';
+  /**
+   * 슬라이드 사이의 간격이며, CSS 길이입니다.
+   *
+   * 토큰이 아니라 길이인 이유는 machine이 이 값으로 스냅 지점을 계산하기 때문입니다.
+   * 제품 자신의 여백 척도에서 값을 가져와 넘기면 됩니다.
+   */
+  spacing?: string;
+  /** 첫 슬라이드 앞과 마지막 슬라이드 뒤의 여백이며, CSS 길이입니다. */
+  padding?: string;
+  /** 슬라이드가 스크롤되는 축. 기본값은 `horizontal`입니다. */
+  orientation?: Orientation;
+  /** 양 끝을 넘어가면 반대편으로 이어집니다. */
+  loop?: boolean;
+  /** 자동으로 넘깁니다. 숫자를 주면 밀리초 단위의 지연 시간이 됩니다. */
+  autoplay?: boolean | {
+    readonly delay: number;
+  };
+  /** 원인이 무엇이든 자동 넘김이 시작되거나 멈출 때 알림을 받습니다. */
+  onAutoplayStatusChange?: (details: CarouselAutoplayStatusDetails) => void;
+  /** 터치에서 이미 되는 것처럼 마우스로도 드래그할 수 있게 합니다. */
+  allowMouseDrag?: boolean;
+  /** 드래그가 시작되거나 끝날 때 알림을 받습니다. */
+  onDragStatusChange?: (details: CarouselDragStatusDetails) => void;
+  /** 슬라이드가 보이는 것으로 치려면 얼마만큼 노출되어야 하는지. */
+  inViewThreshold?: number | number[];
+  /** 스크롤러가 얼마나 단단히 자리 잡는지. 기본값은 `mandatory`입니다. */
+  snapType?: CarouselSnapType;
+  /** 각 슬라이드의 크기를 페이지가 아니라 자기 콘텐츠에 맞춥니다. */
+  autoSize?: boolean;
+  /** 이 Carousel에만 적용되는 접근성 문자열이며, provider의 것보다 우선합니다. */
+  translations?: TranslationOverrides;
+  /** 하나의 공유 척도에서 옵니다. 모든 컴포넌트가 그렇듯 기본값은 `md`입니다. */
+  size?: Size;
+  /** 팩토리가 생성하는 식별자를 덮어씁니다. 서버와 클라이언트에서 동일합니다. */
+  id?: string;
+}
+export declare const Carousel: SynapseComponent<"autoplayTrigger" | "control" | "indicator" | "indicatorGroup" | "item" | "itemGroup" | "nextTrigger" | "prevTrigger" | "progressText" | "root", "root", CarouselRootProps, never>;
+//#endregion
+//# sourceMappingURL=carousel.d.mts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"carousel.d.mts","names":[],"sources":["../../../src/components/carousel/carousel.tsx"],"mappings":";;;;iBAiBiB;WACN;;iBAGM;WACN;;iBAGM;WACN;WACA;;YAGC;iBAEK;;EAEf;;EAEA;;EAEA;;EAEA,gBAAgB,SAAS;;EAEzB;;EAEA;;;;;;;EAOA;;EAEA;;EAEA,cAAc;;EAEd;;EAEA;aAAgC;;;EAEhC,0BAA0B,SAAS;;EAEnC;;EAEA,sBAAsB,SAAS;;EAE/B;;EAEA,WAAW;;EAEX;;EAEA,eAAe;;EAEf,OAAO;;EAEP;;qBAiDW,UAAQ,0KAAA"}