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

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

@@ -1,201 +0,0 @@
-import { sva } from "../../react/styled-system/css/sva.mjs";
-//#region src/components/angle-slider/angle-slider.recipe.ts
-const angleSliderRecipe = sva({
-	slots: [
-		"root",
-		"label",
-		"thumb",
-		"valueText",
-		"control",
-		"track",
-		"markerGroup",
-		"marker"
-	],
-	base: {
-		root: {
-			display: "inline-flex",
-			flexDirection: "column",
-			alignItems: "center",
-			gap: "gap.related",
-			color: "foreground.default"
-		},
-		label: {
-			textStyle: "detail",
-			color: "foreground.muted",
-			_disabled: { color: "foreground.disabled" }
-		},
-		thumb: {
-			position: "absolute",
-			insetBlockStart: "inset.none",
-			insetInlineStart: "inset.none",
-			width: "fill",
-			height: "fill",
-			minWidth: "target.minimum",
-			minHeight: "target.minimum",
-			display: "flex",
-			flexDirection: "column",
-			alignItems: "center",
-			paddingBlockStart: "inset.control",
-			rounded: "pill",
-			pointerEvents: "none",
-			outline: "none",
-			"&:not([data-synapse-input=pointer] *):focus-visible": {
-				outlineStyle: "solid",
-				outlineWidth: "focus",
-				outlineOffset: "inset.compact",
-				outlineColor: "border.focus"
-			},
-			"&::before": {
-				content: "\"\"",
-				flex: "1",
-				borderInlineStartWidth: "emphasis",
-				borderInlineStartStyle: "solid",
-				borderInlineStartColor: "primary.default",
-				rounded: "pill"
-			},
-			"&::after": {
-				content: "\"\"",
-				flex: "1"
-			},
-			"&[data-invalid]::before": { borderInlineStartColor: "error.default" },
-			"&[data-disabled]::before": { borderInlineStartColor: "border.strong" }
-		},
-		valueText: {
-			textStyle: "label",
-			color: "foreground.muted",
-			fontVariantNumeric: "tabular-nums",
-			"[data-disabled] > &": { color: "foreground.disabled" }
-		},
-		control: {
-			position: "relative",
-			boxSizing: "content-box",
-			display: "grid",
-			placeItems: "center",
-			rounded: "pill",
-			touchAction: "none",
-			minWidth: "target.minimum",
-			minHeight: "target.minimum",
-			bg: "surface.raised",
-			borderWidth: "hairline",
-			borderStyle: "solid",
-			borderColor: "border.default",
-			transitionProperty: "colors",
-			transitionDuration: "interaction",
-			transitionTimingFunction: "interaction",
-			"&:not([data-disabled], [data-readonly], [data-invalid]):hover": { borderColor: "primary.default" },
-			"&[data-invalid]": {
-				borderColor: "error.default",
-				outlineStyle: "solid",
-				outlineWidth: "hairline",
-				outlineOffset: "inset.none",
-				outlineColor: "error.default"
-			},
-			_readOnly: {
-				bg: "background.subtle",
-				borderStyle: "dashed",
-				cursor: "default"
-			},
-			_disabled: {
-				bg: "background.muted",
-				borderColor: "border.default",
-				cursor: "not-allowed",
-				_highContrast: { borderColor: "system.grayText" }
-			},
-			"&::after": {
-				content: "\"\"",
-				rounded: "pill",
-				borderWidth: "emphasis",
-				borderStyle: "solid",
-				borderColor: "primary.default",
-				pointerEvents: "none"
-			},
-			"&[data-invalid]::after": { borderColor: "error.default" },
-			"&[data-disabled]::after": { borderColor: "border.strong" }
-		},
-		track: {
-			position: "absolute",
-			insetBlockStart: "inset.none",
-			insetInlineStart: "inset.none",
-			width: "fill",
-			height: "fill",
-			rounded: "pill",
-			pointerEvents: "none"
-		},
-		markerGroup: {
-			position: "absolute",
-			insetBlockStart: "inset.none",
-			insetInlineStart: "inset.none",
-			width: "fill",
-			height: "fill",
-			pointerEvents: "none"
-		},
-		marker: {
-			position: "absolute",
-			insetBlockStart: "inset.none",
-			insetInlineStart: "inset.none",
-			width: "fill",
-			height: "fill",
-			display: "flex",
-			flexDirection: "column",
-			alignItems: "center",
-			paddingBlockStart: "inset.compact",
-			"&::before": {
-				content: "\"\"",
-				paddingBlockStart: "inset.compact",
-				borderInlineStartWidth: "hairline",
-				borderInlineStartStyle: "solid",
-				borderInlineStartColor: "border.strong",
-				transitionProperty: "colors",
-				transitionDuration: "interaction",
-				transitionTimingFunction: "interaction"
-			},
-			"&[data-state=at-value]::before": { borderInlineStartColor: "primary.default" },
-			"&[data-disabled]::before": { borderInlineStartColor: "border.muted" }
-		}
-	},
-	variants: { size: {
-		xs: {
-			control: {
-				width: "control.md",
-				height: "control.md"
-			},
-			valueText: { textStyle: "detail" }
-		},
-		sm: {
-			control: {
-				width: "control.lg",
-				height: "control.lg"
-			},
-			valueText: { textStyle: "body" }
-		},
-		md: {
-			control: {
-				width: "control.xl",
-				height: "control.xl"
-			},
-			valueText: { textStyle: "body" }
-		},
-		lg: {
-			control: {
-				width: "control.xl",
-				height: "control.xl",
-				padding: "inset.control"
-			},
-			valueText: { textStyle: "body" }
-		},
-		xl: {
-			control: {
-				width: "control.xl",
-				height: "control.xl",
-				padding: "inset.surface"
-			},
-			label: { textStyle: "body" },
-			valueText: { textStyle: "subtitle" }
-		}
-	} },
-	defaultVariants: { size: "md" }
-});
-//#endregion
-export { angleSliderRecipe };
-
-//# sourceMappingURL=angle-slider.recipe.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"angle-slider.recipe.mjs","names":[],"sources":["../../../src/components/angle-slider/angle-slider.recipe.ts"],"sourcesContent":["import { sva } from '#styled-system/css/index.js'\n\nexport const angleSliderRecipe = sva({\n  slots: ['root', 'label', 'thumb', 'valueText', 'control', 'track', 'markerGroup', 'marker'],\n  base: {\n    root: {\n      display: 'inline-flex',\n      flexDirection: 'column',\n      alignItems: 'center',\n      gap: 'gap.related',\n      color: 'foreground.default',\n    },\n    label: {\n      textStyle: 'detail',\n      color: 'foreground.muted',\n      _disabled: { color: 'foreground.disabled' },\n    },\n    thumb: {\n      position: 'absolute',\n      insetBlockStart: 'inset.none',\n      insetInlineStart: 'inset.none',\n      width: 'fill',\n      height: 'fill',\n      minWidth: 'target.minimum',\n      minHeight: 'target.minimum',\n      display: 'flex',\n      flexDirection: 'column',\n      alignItems: 'center',\n      paddingBlockStart: 'inset.control',\n      rounded: 'pill',\n      pointerEvents: 'none',\n      outline: 'none',\n      '&:not([data-synapse-input=pointer] *):focus-visible': {\n        outlineStyle: 'solid',\n        outlineWidth: 'focus',\n        outlineOffset: 'inset.compact',\n        outlineColor: 'border.focus',\n      },\n      '&::before': {\n        content: '\"\"',\n        flex: '1',\n        borderInlineStartWidth: 'emphasis',\n        borderInlineStartStyle: 'solid',\n        borderInlineStartColor: 'primary.default',\n        rounded: 'pill',\n      },\n      '&::after': { content: '\"\"', flex: '1' },\n      '&[data-invalid]::before': { borderInlineStartColor: 'error.default' },\n      '&[data-disabled]::before': { borderInlineStartColor: 'border.strong' },\n    },\n    valueText: {\n      textStyle: 'label',\n      color: 'foreground.muted',\n      fontVariantNumeric: 'tabular-nums',\n      '[data-disabled] > &': { color: 'foreground.disabled' },\n    },\n    control: {\n      position: 'relative',\n      boxSizing: 'content-box',\n      display: 'grid',\n      placeItems: 'center',\n      rounded: 'pill',\n      touchAction: 'none',\n      minWidth: 'target.minimum',\n      minHeight: 'target.minimum',\n      bg: 'surface.raised',\n      borderWidth: 'hairline',\n      borderStyle: 'solid',\n      borderColor: 'border.default',\n      transitionProperty: 'colors',\n      transitionDuration: 'interaction',\n      transitionTimingFunction: 'interaction',\n      '&:not([data-disabled], [data-readonly], [data-invalid]):hover': {\n        borderColor: 'primary.default',\n      },\n      '&[data-invalid]': {\n        borderColor: 'error.default',\n        outlineStyle: 'solid',\n        outlineWidth: 'hairline',\n        outlineOffset: 'inset.none',\n        outlineColor: 'error.default',\n      },\n      _readOnly: {\n        bg: 'background.subtle',\n        borderStyle: 'dashed',\n        cursor: 'default',\n      },\n      _disabled: {\n        bg: 'background.muted',\n        borderColor: 'border.default',\n        cursor: 'not-allowed',\n        _highContrast: { borderColor: 'system.grayText' },\n      },\n      '&::after': {\n        content: '\"\"',\n        rounded: 'pill',\n        borderWidth: 'emphasis',\n        borderStyle: 'solid',\n        borderColor: 'primary.default',\n        pointerEvents: 'none',\n      },\n      '&[data-invalid]::after': { borderColor: 'error.default' },\n      '&[data-disabled]::after': { borderColor: 'border.strong' },\n    },\n    track: {\n      position: 'absolute',\n      insetBlockStart: 'inset.none',\n      insetInlineStart: 'inset.none',\n      width: 'fill',\n      height: 'fill',\n      rounded: 'pill',\n      pointerEvents: 'none',\n    },\n    markerGroup: {\n      position: 'absolute',\n      insetBlockStart: 'inset.none',\n      insetInlineStart: 'inset.none',\n      width: 'fill',\n      height: 'fill',\n      pointerEvents: 'none',\n    },\n    marker: {\n      position: 'absolute',\n      insetBlockStart: 'inset.none',\n      insetInlineStart: 'inset.none',\n      width: 'fill',\n      height: 'fill',\n      display: 'flex',\n      flexDirection: 'column',\n      alignItems: 'center',\n      paddingBlockStart: 'inset.compact',\n      '&::before': {\n        content: '\"\"',\n        paddingBlockStart: 'inset.compact',\n        borderInlineStartWidth: 'hairline',\n        borderInlineStartStyle: 'solid',\n        borderInlineStartColor: 'border.strong',\n        transitionProperty: 'colors',\n        transitionDuration: 'interaction',\n        transitionTimingFunction: 'interaction',\n      },\n      '&[data-state=at-value]::before': { borderInlineStartColor: 'primary.default' },\n      '&[data-disabled]::before': { borderInlineStartColor: 'border.muted' },\n    },\n  },\n  variants: {\n    size: {\n      xs: {\n        control: { width: 'control.md', height: 'control.md' },\n        valueText: { textStyle: 'detail' },\n      },\n      sm: {\n        control: { width: 'control.lg', height: 'control.lg' },\n        valueText: { textStyle: 'body' },\n      },\n      md: {\n        control: { width: 'control.xl', height: 'control.xl' },\n        valueText: { textStyle: 'body' },\n      },\n      lg: {\n        control: { width: 'control.xl', height: 'control.xl', padding: 'inset.control' },\n        valueText: { textStyle: 'body' },\n      },\n      xl: {\n        control: { width: 'control.xl', height: 'control.xl', padding: 'inset.surface' },\n        label: { textStyle: 'body' },\n        valueText: { textStyle: 'subtitle' },\n      },\n    },\n  },\n  defaultVariants: { size: 'md' },\n})\n"],"mappings":"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"}

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

@@ -1,2 +0,0 @@
-import { AngleSlider, AngleSliderRootProps, AngleSliderValueChangeDetails } from "./angle-slider.mjs";
-export { AngleSlider, type AngleSliderRootProps, type AngleSliderValueChangeDetails };

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

@@ -1,2 +0,0 @@
-import { AngleSlider } from "./angle-slider.mjs";
-export { AngleSlider };

package/dist/components/avatar/avatar.d.mts

@@ -1,18 +0,0 @@
-import { SynapseComponent } from "../../system/types.mjs";
-import { Size } from "../../shared/size-scale.mjs";
-//#region src/components/avatar/avatar.d.ts
-export type AvatarLoadStatus = 'error' | 'loaded';
-export interface AvatarStatusChangeDetails {
-  readonly status: AvatarLoadStatus;
-}
-export interface AvatarRootProps {
-  /** 이미지가 로드되거나 실패할 때 알림을 받습니다. */
-  onStatusChange?: (details: AvatarStatusChangeDetails) => void;
-  /** 하나의 공유 척도에서 옵니다. 모든 컴포넌트가 그렇듯 기본값은 `md`입니다. */
-  size?: Size;
-  /** 팩토리가 생성하는 식별자를 덮어씁니다. 서버와 클라이언트에서 동일합니다. */
-  id?: string;
-}
-export declare const Avatar: SynapseComponent<"fallback" | "image" | "root", "root", AvatarRootProps, never>;
-//#endregion
-//# sourceMappingURL=avatar.d.mts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"avatar.d.mts","names":[],"sources":["../../../src/components/avatar/avatar.tsx"],"mappings":";;;YAaY;iBAEK;WACN,QAAQ;;iBAGF;;EAEf,kBAAkB,SAAS;;EAE3B,OAAO;;EAEP;;qBAYW,QAAM,wDAAA"}

package/dist/components/avatar/avatar.mjs

@@ -1,35 +0,0 @@
-"use client";
-import { devWarn } from "../../system/dev-warn.mjs";
-import { resolveSize } from "../../shared/size-scale.mjs";
-import { user } from "../../icons/src/user.mjs";
-import "../../icons/src/index.mjs";
-import { Icon } from "../../shared/icon.mjs";
-import { defineComponent } from "../../system/create-component.mjs";
-import { avatarRecipe } from "./avatar.recipe.mjs";
-import { jsx } from "react/jsx-runtime";
-import { visuallyHiddenStyle } from "@zag-js/dom-query";
-import * as avatar from "@zag-js/avatar";
-//#region src/components/avatar/avatar.tsx
-function AvatarImage(props) {
-	devWarn(props.alt === void 0, "<Avatar.Image> was rendered without `alt`. Name the person the picture shows, or pass `alt=\"\"` when a name is already written next to the avatar.");
-	return /* @__PURE__ */ jsx("img", { ...props });
-}
-const Avatar = defineComponent()({
-	name: "Avatar",
-	module: avatar,
-	rootPart: "root",
-	elements: {
-		image: AvatarImage,
-		fallback: "span"
-	},
-	defaultContent: { fallback: (_api, translate) => [/* @__PURE__ */ jsx(Icon, { icon: user }, "icon"), /* @__PURE__ */ jsx("span", {
-		style: visuallyHiddenStyle,
-		children: translate("avatar.fallback.label")
-	}, "label")] },
-	variantProps: ["size"],
-	slots: (props) => avatarRecipe({ size: resolveSize(props.size, "Avatar") })
-});
-//#endregion
-export { Avatar };
-
-//# sourceMappingURL=avatar.mjs.map

package/dist/components/avatar/avatar.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"avatar.mjs","names":[],"sources":["../../../src/components/avatar/avatar.tsx"],"sourcesContent":["'use client'\n\nimport { user } from '@neurocle/synapse-icons'\nimport * as avatar from '@zag-js/avatar'\nimport { visuallyHiddenStyle } from '@zag-js/dom-query'\nimport type { ComponentProps, ReactNode } from 'react'\n\nimport { avatarRecipe } from '#/components/avatar/avatar.recipe.ts'\nimport { Icon } from '#/shared/icon.tsx'\nimport { resolveSize, type Size } from '#/shared/size-scale.ts'\nimport { defineComponent } from '#/system/create-component.ts'\nimport { devWarn } from '#/system/dev-warn.ts'\n\nexport type AvatarLoadStatus = 'error' | 'loaded'\n\nexport interface AvatarStatusChangeDetails {\n  readonly status: AvatarLoadStatus\n}\n\nexport interface AvatarRootProps {\n  /** 이미지가 로드되거나 실패할 때 알림을 받습니다. */\n  onStatusChange?: (details: AvatarStatusChangeDetails) => void\n  /** 하나의 공유 척도에서 옵니다. 모든 컴포넌트가 그렇듯 기본값은 `md`입니다. */\n  size?: Size\n  /** 팩토리가 생성하는 식별자를 덮어씁니다. 서버와 클라이언트에서 동일합니다. */\n  id?: string\n}\n\nfunction AvatarImage(props: ComponentProps<'img'>): ReactNode {\n  devWarn(\n    props.alt === undefined,\n    '<Avatar.Image> was rendered without `alt`. Name the person the picture shows, or pass ' +\n      '`alt=\"\"` when a name is already written next to the avatar.',\n  )\n  return <img {...props} />\n}\n\nexport const Avatar = defineComponent<AvatarRootProps>()({\n  name: 'Avatar',\n  module: avatar,\n  rootPart: 'root',\n  elements: { image: AvatarImage, fallback: 'span' },\n  defaultContent: {\n    fallback: (_api, translate) => [\n      <Icon key=\"icon\" icon={user} />,\n      <span key=\"label\" style={visuallyHiddenStyle}>\n        {translate('avatar.fallback.label')}\n      </span>,\n    ],\n  },\n  variantProps: ['size'],\n  slots: (props: AvatarRootProps) => avatarRecipe({ size: resolveSize(props.size, 'Avatar') }),\n})\n"],"mappings":";;;;;;;;;;;;AA4BA,SAAS,YAAY,OAAyC;CAC5D,QACE,MAAM,QAAQ,KAAA,GACd,qJAEF;CACA,OAAO,oBAAC,OAAD,EAAK,GAAI,MAAQ,CAAA;AAC1B;AAEA,MAAa,SAAS,gBAAiC,CAAC,CAAC;CACvD,MAAM;CACN,QAAQ;CACR,UAAU;CACV,UAAU;EAAE,OAAO;EAAa,UAAU;CAAO;CACjD,gBAAgB,EACd,WAAW,MAAM,cAAc,CAC7B,oBAAC,MAAD,EAAiB,MAAM,KAAO,GAApB,MAAoB,GAC9B,oBAAC,QAAD;EAAkB,OAAO;EACtB,UAAA,UAAU,uBAAuB;CAC9B,GAFI,OAEJ,CACR,EACF;CACA,cAAc,CAAC,MAAM;CACrB,QAAQ,UAA2B,aAAa,EAAE,MAAM,YAAY,MAAM,MAAM,QAAQ,EAAE,CAAC;AAC7F,CAAC"}

package/dist/components/avatar/avatar.recipe.mjs

@@ -1,113 +0,0 @@
-import { sva } from "../../react/styled-system/css/sva.mjs";
-//#region src/components/avatar/avatar.recipe.ts
-const avatarRecipe = sva({
-	slots: [
-		"root",
-		"image",
-		"fallback"
-	],
-	base: {
-		root: {
-			position: "relative",
-			display: "inline-flex",
-			alignItems: "center",
-			justifyContent: "center",
-			flexShrink: 0,
-			overflow: "hidden",
-			minWidth: "target.minimum",
-			minHeight: "target.minimum",
-			rounded: "pill",
-			borderWidth: "hairline",
-			borderStyle: "solid",
-			borderColor: "border.default",
-			bg: "secondary.default",
-			color: "secondary.foreground",
-			userSelect: "none"
-		},
-		image: {
-			width: "fill",
-			height: "fill",
-			objectFit: "cover"
-		},
-		fallback: {
-			display: "inline-flex",
-			alignItems: "center",
-			justifyContent: "center",
-			width: "fill",
-			height: "fill",
-			textTransform: "uppercase"
-		}
-	},
-	variants: { size: {
-		xs: {
-			root: {
-				width: "control.xs",
-				height: "control.xs"
-			},
-			fallback: {
-				textStyle: "caption",
-				"& svg": {
-					width: "icon.xs",
-					height: "icon.xs"
-				}
-			}
-		},
-		sm: {
-			root: {
-				width: "control.sm",
-				height: "control.sm"
-			},
-			fallback: {
-				textStyle: "caption",
-				"& svg": {
-					width: "icon.sm",
-					height: "icon.sm"
-				}
-			}
-		},
-		md: {
-			root: {
-				width: "control.md",
-				height: "control.md"
-			},
-			fallback: {
-				textStyle: "label",
-				"& svg": {
-					width: "icon.md",
-					height: "icon.md"
-				}
-			}
-		},
-		lg: {
-			root: {
-				width: "control.lg",
-				height: "control.lg"
-			},
-			fallback: {
-				textStyle: "label",
-				"& svg": {
-					width: "icon.lg",
-					height: "icon.lg"
-				}
-			}
-		},
-		xl: {
-			root: {
-				width: "control.xl",
-				height: "control.xl"
-			},
-			fallback: {
-				textStyle: "subtitle",
-				"& svg": {
-					width: "icon.xl",
-					height: "icon.xl"
-				}
-			}
-		}
-	} },
-	defaultVariants: { size: "md" }
-});
-//#endregion
-export { avatarRecipe };
-
-//# sourceMappingURL=avatar.recipe.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"avatar.recipe.mjs","names":[],"sources":["../../../src/components/avatar/avatar.recipe.ts"],"sourcesContent":["import { sva } from '#styled-system/css/index.js'\n\nexport const avatarRecipe = sva({\n  slots: ['root', 'image', 'fallback'],\n  base: {\n    root: {\n      position: 'relative',\n      display: 'inline-flex',\n      alignItems: 'center',\n      justifyContent: 'center',\n      flexShrink: 0,\n      overflow: 'hidden',\n      minWidth: 'target.minimum',\n      minHeight: 'target.minimum',\n      rounded: 'pill',\n      borderWidth: 'hairline',\n      borderStyle: 'solid',\n      borderColor: 'border.default',\n      bg: 'secondary.default',\n      color: 'secondary.foreground',\n      userSelect: 'none',\n    },\n    image: {\n      width: 'fill',\n      height: 'fill',\n      objectFit: 'cover',\n    },\n    fallback: {\n      display: 'inline-flex',\n      alignItems: 'center',\n      justifyContent: 'center',\n      width: 'fill',\n      height: 'fill',\n      textTransform: 'uppercase',\n    },\n  },\n  variants: {\n    size: {\n      xs: {\n        root: { width: 'control.xs', height: 'control.xs' },\n        fallback: { textStyle: 'caption', '& svg': { width: 'icon.xs', height: 'icon.xs' } },\n      },\n      sm: {\n        root: { width: 'control.sm', height: 'control.sm' },\n        fallback: { textStyle: 'caption', '& svg': { width: 'icon.sm', height: 'icon.sm' } },\n      },\n      md: {\n        root: { width: 'control.md', height: 'control.md' },\n        fallback: { textStyle: 'label', '& svg': { width: 'icon.md', height: 'icon.md' } },\n      },\n      lg: {\n        root: { width: 'control.lg', height: 'control.lg' },\n        fallback: { textStyle: 'label', '& svg': { width: 'icon.lg', height: 'icon.lg' } },\n      },\n      xl: {\n        root: { width: 'control.xl', height: 'control.xl' },\n        fallback: { textStyle: 'subtitle', '& svg': { width: 'icon.xl', height: 'icon.xl' } },\n      },\n    },\n  },\n  defaultVariants: { size: 'md' },\n})\n"],"mappings":";;AAEA,MAAa,eAAe,IAAI;CAC9B,OAAO;EAAC;EAAQ;EAAS;CAAU;CACnC,MAAM;EACJ,MAAM;GACJ,UAAU;GACV,SAAS;GACT,YAAY;GACZ,gBAAgB;GAChB,YAAY;GACZ,UAAU;GACV,UAAU;GACV,WAAW;GACX,SAAS;GACT,aAAa;GACb,aAAa;GACb,aAAa;GACb,IAAI;GACJ,OAAO;GACP,YAAY;EACd;EACA,OAAO;GACL,OAAO;GACP,QAAQ;GACR,WAAW;EACb;EACA,UAAU;GACR,SAAS;GACT,YAAY;GACZ,gBAAgB;GAChB,OAAO;GACP,QAAQ;GACR,eAAe;EACjB;CACF;CACA,UAAU,EACR,MAAM;EACJ,IAAI;GACF,MAAM;IAAE,OAAO;IAAc,QAAQ;GAAa;GAClD,UAAU;IAAE,WAAW;IAAW,SAAS;KAAE,OAAO;KAAW,QAAQ;IAAU;GAAE;EACrF;EACA,IAAI;GACF,MAAM;IAAE,OAAO;IAAc,QAAQ;GAAa;GAClD,UAAU;IAAE,WAAW;IAAW,SAAS;KAAE,OAAO;KAAW,QAAQ;IAAU;GAAE;EACrF;EACA,IAAI;GACF,MAAM;IAAE,OAAO;IAAc,QAAQ;GAAa;GAClD,UAAU;IAAE,WAAW;IAAS,SAAS;KAAE,OAAO;KAAW,QAAQ;IAAU;GAAE;EACnF;EACA,IAAI;GACF,MAAM;IAAE,OAAO;IAAc,QAAQ;GAAa;GAClD,UAAU;IAAE,WAAW;IAAS,SAAS;KAAE,OAAO;KAAW,QAAQ;IAAU;GAAE;EACnF;EACA,IAAI;GACF,MAAM;IAAE,OAAO;IAAc,QAAQ;GAAa;GAClD,UAAU;IAAE,WAAW;IAAY,SAAS;KAAE,OAAO;KAAW,QAAQ;IAAU;GAAE;EACtF;CACF,EACF;CACA,iBAAiB,EAAE,MAAM,KAAK;AAChC,CAAC"}

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

@@ -1,2 +0,0 @@
-import { Avatar, AvatarLoadStatus, AvatarRootProps, AvatarStatusChangeDetails } from "./avatar.mjs";
-export { Avatar, type AvatarLoadStatus, type AvatarRootProps, type AvatarStatusChangeDetails };

package/dist/components/avatar/index.mjs

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

package/dist/components/badge/badge.anatomy.mjs

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

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

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

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

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

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

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

package/dist/components/badge/badge.connect.mjs

@@ -1,32 +0,0 @@
-import { __exportAll } from "../../_virtual/_rolldown/runtime.mjs";
-import { anatomy, parts } from "./badge.anatomy.mjs";
-//#region src/components/badge/badge.connect.ts
-var badge_connect_exports = /* @__PURE__ */ __exportAll({
-	anatomy: () => anatomy,
-	connect: () => connect,
-	machine: () => null,
-	props: () => props
-});
-const props = ["type"];
-const TYPES = [
-	"neutral",
-	"info",
-	"success",
-	"warning",
-	"error"
-];
-const isBadgeType = (value) => TYPES.some((type) => type === value);
-function connect(machineProps) {
-	const type = isBadgeType(machineProps["type"]) ? machineProps["type"] : "neutral";
-	return {
-		type,
-		getRootProps: () => ({
-			...parts.root.attrs,
-			"data-type": type
-		})
-	};
-}
-//#endregion
-export { anatomy, badge_connect_exports, connect, props };
-
-//# sourceMappingURL=badge.connect.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"badge.connect.mjs","names":[],"sources":["../../../src/components/badge/badge.connect.ts"],"sourcesContent":["import { parts } from '#/components/badge/badge.anatomy.ts'\n\nexport { anatomy } from '#/components/badge/badge.anatomy.ts'\n\nexport const machine = null\n\nexport const props: readonly string[] = ['type']\n\nexport type BadgeType = 'neutral' | 'info' | 'success' | 'warning' | 'error'\n\nconst TYPES: readonly BadgeType[] = ['neutral', 'info', 'success', 'warning', 'error']\n\nconst isBadgeType = (value: unknown): value is BadgeType => TYPES.some((type) => type === value)\n\nexport interface BadgeApi {\n  type: BadgeType\n  getRootProps: () => Record<string, unknown>\n}\n\nexport function connect(machineProps: Readonly<Record<string, unknown>>): BadgeApi {\n  const type = isBadgeType(machineProps['type']) ? machineProps['type'] : 'neutral'\n  return {\n    type,\n    getRootProps: () => ({ ...parts.root.attrs, 'data-type': type }),\n  }\n}\n"],"mappings":";;;;;;;;;AAMA,MAAa,QAA2B,CAAC,MAAM;AAI/C,MAAM,QAA8B;CAAC;CAAW;CAAQ;CAAW;CAAW;AAAO;AAErF,MAAM,eAAe,UAAuC,MAAM,MAAM,SAAS,SAAS,KAAK;AAO/F,SAAgB,QAAQ,cAA2D;CACjF,MAAM,OAAO,YAAY,aAAa,OAAO,IAAI,aAAa,UAAU;CACxE,OAAO;EACL;EACA,qBAAqB;GAAE,GAAG,MAAM,KAAK;GAAO,aAAa;EAAK;CAChE;AACF"}

package/dist/components/badge/badge.d.mts

@@ -1,14 +0,0 @@
-import { SynapseComponent } from "../../system/types.mjs";
-import { Size } from "../../shared/size-scale.mjs";
-import { BadgeType } from "./badge.connect.mjs";
-//#region src/components/badge/badge.d.ts
-export interface BadgeRootProps {
-  /** 배지가 전하는 상태. 색은 이 값에서만 오며, 같은 뜻의 배지는 화면 어디서나 같은 색입니다. 기본값은 `neutral`입니다. */
-  type?: BadgeType;
-  /** 하나뿐인 공용 척도를 따릅니다. 모든 컴포넌트와 마찬가지로 기본값은 `md`입니다. */
-  size?: Size;
-}
-export declare const Badge: SynapseComponent<"root", "root", BadgeRootProps, never>;
-//#endregion
-export type { BadgeType };
-//# sourceMappingURL=badge.d.mts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"badge.d.mts","names":[],"sources":["../../../src/components/badge/badge.tsx"],"mappings":";;;;iBAUiB;;EAEf,OAAO;;EAEP,OAAO;;qBAGI,OAAK,iCAAA"}

package/dist/components/badge/badge.mjs

@@ -1,18 +0,0 @@
-"use client";
-import { resolveSize } from "../../shared/size-scale.mjs";
-import { defineComponent } from "../../system/create-component.mjs";
-import { badge_connect_exports } from "./badge.connect.mjs";
-import { badgeRecipe } from "./badge.recipe.mjs";
-//#region src/components/badge/badge.tsx
-const Badge = defineComponent()({
-	name: "Badge",
-	module: badge_connect_exports,
-	rootPart: "root",
-	rootElement: "span",
-	variantProps: ["size"],
-	slots: (props) => badgeRecipe({ size: resolveSize(props.size, "Badge") })
-});
-//#endregion
-export { Badge };
-
-//# sourceMappingURL=badge.mjs.map

package/dist/components/badge/badge.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"badge.mjs","names":["badge"],"sources":["../../../src/components/badge/badge.tsx"],"sourcesContent":["'use client'\n\nimport * as badge from '#/components/badge/badge.connect.ts'\nimport type { BadgeType } from '#/components/badge/badge.connect.ts'\nimport { badgeRecipe } from '#/components/badge/badge.recipe.ts'\nimport { resolveSize, type Size } from '#/shared/size-scale.ts'\nimport { defineComponent } from '#/system/create-component.ts'\n\nexport type { BadgeType }\n\nexport interface BadgeRootProps {\n  /** 배지가 전하는 상태. 색은 이 값에서만 오며, 같은 뜻의 배지는 화면 어디서나 같은 색입니다. 기본값은 `neutral`입니다. */\n  type?: BadgeType\n  /** 하나뿐인 공용 척도를 따릅니다. 모든 컴포넌트와 마찬가지로 기본값은 `md`입니다. */\n  size?: Size\n}\n\nexport const Badge = defineComponent<BadgeRootProps>()({\n  name: 'Badge',\n  module: badge,\n  rootPart: 'root',\n  rootElement: 'span',\n  variantProps: ['size'],\n  slots: (props: BadgeRootProps) => badgeRecipe({ size: resolveSize(props.size, 'Badge') }),\n})\n"],"mappings":";;;;;;AAiBA,MAAa,QAAQ,gBAAgC,CAAC,CAAC;CACrD,MAAM;CACN,QAAQA;CACR,UAAU;CACV,aAAa;CACb,cAAc,CAAC,MAAM;CACrB,QAAQ,UAA0B,YAAY,EAAE,MAAM,YAAY,MAAM,MAAM,OAAO,EAAE,CAAC;AAC1F,CAAC"}

package/dist/components/badge/badge.recipe.mjs

@@ -1,84 +0,0 @@
-import { sva } from "../../react/styled-system/css/sva.mjs";
-//#region src/components/badge/badge.recipe.ts
-const badgeRecipe = sva({
-	slots: ["root"],
-	base: { root: {
-		display: "inline-flex",
-		alignItems: "center",
-		gap: "gap.inline",
-		flexShrink: 0,
-		rounded: "pill",
-		whiteSpace: "nowrap",
-		bg: "secondary.default",
-		color: "secondary.foreground",
-		"& > svg": { flexShrink: 0 },
-		"&[data-type=info]": {
-			bg: "info.subtle",
-			color: "info.default"
-		},
-		"&[data-type=success]": {
-			bg: "success.subtle",
-			color: "success.default"
-		},
-		"&[data-type=warning]": {
-			bg: "warning.subtle",
-			color: "warning.default"
-		},
-		"&[data-type=error]": {
-			bg: "error.subtle",
-			color: "error.default"
-		},
-		_highContrast: {
-			borderWidth: "hairline",
-			borderStyle: "solid",
-			borderColor: "system.canvasText"
-		}
-	} },
-	variants: { size: {
-		xs: { root: {
-			"& > svg": {
-				width: "icon.xs",
-				height: "icon.xs"
-			},
-			paddingInline: "inset.compact",
-			textStyle: "caption"
-		} },
-		sm: { root: {
-			"& > svg": {
-				width: "icon.xs",
-				height: "icon.xs"
-			},
-			paddingInline: "inset.compact",
-			textStyle: "detail"
-		} },
-		md: { root: {
-			"& > svg": {
-				width: "icon.xs",
-				height: "icon.xs"
-			},
-			paddingInline: "inset.control",
-			textStyle: "detail"
-		} },
-		lg: { root: {
-			"& > svg": {
-				width: "icon.sm",
-				height: "icon.sm"
-			},
-			paddingInline: "inset.control",
-			textStyle: "label"
-		} },
-		xl: { root: {
-			"& > svg": {
-				width: "icon.sm",
-				height: "icon.sm"
-			},
-			paddingInline: "inset.overlay",
-			textStyle: "body"
-		} }
-	} },
-	defaultVariants: { size: "md" }
-});
-//#endregion
-export { badgeRecipe };
-
-//# sourceMappingURL=badge.recipe.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"badge.recipe.mjs","names":[],"sources":["../../../src/components/badge/badge.recipe.ts"],"sourcesContent":["import { sva } from '#styled-system/css/index.js'\n\nexport const badgeRecipe = sva({\n  slots: ['root'],\n  base: {\n    root: {\n      display: 'inline-flex',\n      alignItems: 'center',\n      gap: 'gap.inline',\n      flexShrink: 0,\n      rounded: 'pill',\n      whiteSpace: 'nowrap',\n      bg: 'secondary.default',\n      color: 'secondary.foreground',\n      '& > svg': { flexShrink: 0 },\n      '&[data-type=info]': { bg: 'info.subtle', color: 'info.default' },\n      '&[data-type=success]': { bg: 'success.subtle', color: 'success.default' },\n      '&[data-type=warning]': { bg: 'warning.subtle', color: 'warning.default' },\n      '&[data-type=error]': { bg: 'error.subtle', color: 'error.default' },\n      _highContrast: {\n        borderWidth: 'hairline',\n        borderStyle: 'solid',\n        borderColor: 'system.canvasText',\n      },\n    },\n  },\n  variants: {\n    size: {\n      xs: {\n        root: {\n          '& > svg': { width: 'icon.xs', height: 'icon.xs' },\n          paddingInline: 'inset.compact',\n          textStyle: 'caption',\n        },\n      },\n      sm: {\n        root: {\n          '& > svg': { width: 'icon.xs', height: 'icon.xs' },\n          paddingInline: 'inset.compact',\n          textStyle: 'detail',\n        },\n      },\n      md: {\n        root: {\n          '& > svg': { width: 'icon.xs', height: 'icon.xs' },\n          paddingInline: 'inset.control',\n          textStyle: 'detail',\n        },\n      },\n      lg: {\n        root: {\n          '& > svg': { width: 'icon.sm', height: 'icon.sm' },\n          paddingInline: 'inset.control',\n          textStyle: 'label',\n        },\n      },\n      xl: {\n        root: {\n          '& > svg': { width: 'icon.sm', height: 'icon.sm' },\n          paddingInline: 'inset.overlay',\n          textStyle: 'body',\n        },\n      },\n    },\n  },\n  defaultVariants: { size: 'md' },\n})\n"],"mappings":";;AAEA,MAAa,cAAc,IAAI;CAC7B,OAAO,CAAC,MAAM;CACd,MAAM,EACJ,MAAM;EACJ,SAAS;EACT,YAAY;EACZ,KAAK;EACL,YAAY;EACZ,SAAS;EACT,YAAY;EACZ,IAAI;EACJ,OAAO;EACP,WAAW,EAAE,YAAY,EAAE;EAC3B,qBAAqB;GAAE,IAAI;GAAe,OAAO;EAAe;EAChE,wBAAwB;GAAE,IAAI;GAAkB,OAAO;EAAkB;EACzE,wBAAwB;GAAE,IAAI;GAAkB,OAAO;EAAkB;EACzE,sBAAsB;GAAE,IAAI;GAAgB,OAAO;EAAgB;EACnE,eAAe;GACb,aAAa;GACb,aAAa;GACb,aAAa;EACf;CACF,EACF;CACA,UAAU,EACR,MAAM;EACJ,IAAI,EACF,MAAM;GACJ,WAAW;IAAE,OAAO;IAAW,QAAQ;GAAU;GACjD,eAAe;GACf,WAAW;EACb,EACF;EACA,IAAI,EACF,MAAM;GACJ,WAAW;IAAE,OAAO;IAAW,QAAQ;GAAU;GACjD,eAAe;GACf,WAAW;EACb,EACF;EACA,IAAI,EACF,MAAM;GACJ,WAAW;IAAE,OAAO;IAAW,QAAQ;GAAU;GACjD,eAAe;GACf,WAAW;EACb,EACF;EACA,IAAI,EACF,MAAM;GACJ,WAAW;IAAE,OAAO;IAAW,QAAQ;GAAU;GACjD,eAAe;GACf,WAAW;EACb,EACF;EACA,IAAI,EACF,MAAM;GACJ,WAAW;IAAE,OAAO;IAAW,QAAQ;GAAU;GACjD,eAAe;GACf,WAAW;EACb,EACF;CACF,EACF;CACA,iBAAiB,EAAE,MAAM,KAAK;AAChC,CAAC"}

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

@@ -1,3 +0,0 @@
-import { BadgeType } from "./badge.connect.mjs";
-import { Badge, BadgeRootProps } from "./badge.mjs";
-export { Badge, type BadgeRootProps, type BadgeType };

package/dist/components/badge/index.mjs

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

package/dist/components/breadcrumb/breadcrumb.anatomy.mjs

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"breadcrumb.anatomy.mjs","names":[],"sources":["../../../src/components/breadcrumb/breadcrumb.anatomy.ts"],"sourcesContent":["import { createAnatomy } from '@zag-js/anatomy'\n\nexport const anatomy = createAnatomy('breadcrumb').parts(\n  'root',\n  'list',\n  'item',\n  'link',\n  'separator',\n)\n\nexport const parts = anatomy.build()\n"],"mappings":";;AAEA,MAAa,UAAU,cAAc,YAAY,CAAC,CAAC,MACjD,QACA,QACA,QACA,QACA,WACF;AAEA,MAAa,QAAQ,QAAQ,MAAM"}