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

package/dist/components/popover/popover.recipe.mjs

@@ -1,162 +0,0 @@
-import { sva } from "../../react/styled-system/css/sva.mjs";
-//#region src/components/popover/popover.recipe.ts
-const popoverRecipe = sva({
-	slots: [
-		"arrow",
-		"arrowTip",
-		"anchor",
-		"trigger",
-		"indicator",
-		"positioner",
-		"content",
-		"title",
-		"description",
-		"closeTrigger"
-	],
-	base: {
-		arrow: {
-			"--arrow-size": "sizes.icon.xs",
-			"--arrow-background": "colors.surface.overlay"
-		},
-		arrowTip: {
-			boxShadow: "overlay",
-			clipPath: "polygon(-100% -100%, 200% -100%, -100% 200%)"
-		},
-		anchor: { display: "inline-flex" },
-		trigger: { minWidth: "target.minimum" },
-		indicator: {
-			display: "inline-flex",
-			alignItems: "center",
-			justifyContent: "center",
-			flexShrink: 0,
-			color: "foreground.muted",
-			transitionProperty: "common",
-			transitionDuration: "interaction",
-			transitionTimingFunction: "interaction",
-			_open: { transform: "rotate(180deg)" }
-		},
-		positioner: { zIndex: "calc(var(--synapse-layer-base, 1000) + var(--layer-index, 0))" },
-		content: {
-			layerStyle: "reveal",
-			zIndex: "calc(var(--synapse-layer-base, 1000) + var(--layer-index, 0))",
-			position: "relative",
-			display: "flex",
-			flexDirection: "column",
-			gap: "gap.related",
-			minWidth: "surface.overlayMin",
-			maxWidth: "surface.overlayMax",
-			padding: "inset.surface",
-			rounded: "overlay",
-			borderWidth: "hairline",
-			borderStyle: "solid",
-			borderColor: "border.overlay",
-			bg: "surface.overlay",
-			color: "foreground.default",
-			boxShadow: "overlay",
-			pointerEvents: "auto",
-			_focusVisible: {
-				outlineStyle: "solid",
-				outlineWidth: "focus",
-				outlineOffset: "inset.compact",
-				outlineColor: "border.focus"
-			}
-		},
-		title: {
-			margin: "inset.none",
-			paddingInlineEnd: "rhythm.normal",
-			textStyle: "subtitle",
-			textWrap: "balance",
-			color: "foreground.default"
-		},
-		description: {
-			margin: "inset.none",
-			textStyle: "body",
-			color: "foreground.muted"
-		},
-		closeTrigger: {
-			position: "absolute",
-			insetBlockStart: "inset.overlay",
-			insetInlineEnd: "inset.overlay"
-		}
-	},
-	variants: { size: {
-		xs: {
-			content: {
-				padding: "inset.control",
-				gap: "inset.compact"
-			},
-			title: { textStyle: "label" },
-			description: { textStyle: "caption" },
-			indicator: { "& svg": {
-				width: "icon.xs",
-				height: "icon.xs"
-			} },
-			closeTrigger: {
-				insetBlockStart: "inset.compact",
-				insetInlineEnd: "inset.compact"
-			}
-		},
-		sm: {
-			content: {
-				padding: "inset.overlay",
-				gap: "gap.inline"
-			},
-			title: { textStyle: "label" },
-			description: { textStyle: "detail" },
-			indicator: { "& svg": {
-				width: "icon.sm",
-				height: "icon.sm"
-			} },
-			closeTrigger: {
-				insetBlockStart: "inset.control",
-				insetInlineEnd: "inset.control"
-			}
-		},
-		md: {
-			content: {
-				padding: "inset.surface",
-				gap: "gap.related"
-			},
-			indicator: { "& svg": {
-				width: "icon.sm",
-				height: "icon.sm"
-			} }
-		},
-		lg: {
-			content: {
-				padding: "rhythm.normal",
-				gap: "rhythm.tight"
-			},
-			indicator: { "& svg": {
-				width: "icon.md",
-				height: "icon.md"
-			} },
-			closeTrigger: {
-				insetBlockStart: "inset.surface",
-				insetInlineEnd: "inset.surface"
-			},
-			arrow: { "--arrow-size": "sizes.icon.sm" }
-		},
-		xl: {
-			content: {
-				padding: "gap.section",
-				gap: "gap.distinct"
-			},
-			title: { textStyle: "title" },
-			indicator: { "& svg": {
-				width: "icon.lg",
-				height: "icon.lg"
-			} },
-			closeTrigger: {
-				insetBlockStart: "rhythm.normal",
-				insetInlineEnd: "rhythm.normal"
-			},
-			arrow: { "--arrow-size": "sizes.icon.sm" }
-		}
-	} },
-	defaultVariants: { size: "md" }
-});
-//#endregion
-export { popoverRecipe };
-
-//# sourceMappingURL=popover.recipe.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"popover.recipe.mjs","names":[],"sources":["../../../src/components/popover/popover.recipe.ts"],"sourcesContent":["import { sva } from '#styled-system/css/index.js'\n\nexport const popoverRecipe = sva({\n  slots: [\n    'arrow',\n    'arrowTip',\n    'anchor',\n    'trigger',\n    'indicator',\n    'positioner',\n    'content',\n    'title',\n    'description',\n    'closeTrigger',\n  ],\n  base: {\n    arrow: {\n      '--arrow-size': 'sizes.icon.xs',\n      '--arrow-background': 'colors.surface.overlay',\n    },\n    arrowTip: {\n      boxShadow: 'overlay',\n      clipPath: 'polygon(-100% -100%, 200% -100%, -100% 200%)',\n    },\n    anchor: {\n      display: 'inline-flex',\n    },\n    trigger: { minWidth: 'target.minimum' },\n    indicator: {\n      display: 'inline-flex',\n      alignItems: 'center',\n      justifyContent: 'center',\n      flexShrink: 0,\n      color: 'foreground.muted',\n      transitionProperty: 'common',\n      transitionDuration: 'interaction',\n      transitionTimingFunction: 'interaction',\n      _open: { transform: 'rotate(180deg)' },\n    },\n    positioner: {\n      zIndex: 'calc(var(--synapse-layer-base, 1000) + var(--layer-index, 0))',\n    },\n    content: {\n      layerStyle: 'reveal',\n      zIndex: 'calc(var(--synapse-layer-base, 1000) + var(--layer-index, 0))',\n      position: 'relative',\n      display: 'flex',\n      flexDirection: 'column',\n      gap: 'gap.related',\n      minWidth: 'surface.overlayMin',\n      maxWidth: 'surface.overlayMax',\n      padding: 'inset.surface',\n      rounded: 'overlay',\n      borderWidth: 'hairline',\n      borderStyle: 'solid',\n      borderColor: 'border.overlay',\n      bg: 'surface.overlay',\n      color: 'foreground.default',\n      boxShadow: 'overlay',\n      pointerEvents: 'auto',\n      _focusVisible: {\n        outlineStyle: 'solid',\n        outlineWidth: 'focus',\n        outlineOffset: 'inset.compact',\n        outlineColor: 'border.focus',\n      },\n    },\n    title: {\n      margin: 'inset.none',\n      paddingInlineEnd: 'rhythm.normal',\n      textStyle: 'subtitle',\n      textWrap: 'balance',\n      color: 'foreground.default',\n    },\n    description: {\n      margin: 'inset.none',\n      textStyle: 'body',\n      color: 'foreground.muted',\n    },\n    closeTrigger: {\n      position: 'absolute',\n      insetBlockStart: 'inset.overlay',\n      insetInlineEnd: 'inset.overlay',\n    },\n  },\n  variants: {\n    size: {\n      xs: {\n        content: { padding: 'inset.control', gap: 'inset.compact' },\n        title: { textStyle: 'label' },\n        description: { textStyle: 'caption' },\n        indicator: { '& svg': { width: 'icon.xs', height: 'icon.xs' } },\n        closeTrigger: { insetBlockStart: 'inset.compact', insetInlineEnd: 'inset.compact' },\n      },\n      sm: {\n        content: { padding: 'inset.overlay', gap: 'gap.inline' },\n        title: { textStyle: 'label' },\n        description: { textStyle: 'detail' },\n        indicator: { '& svg': { width: 'icon.sm', height: 'icon.sm' } },\n        closeTrigger: { insetBlockStart: 'inset.control', insetInlineEnd: 'inset.control' },\n      },\n      md: {\n        content: { padding: 'inset.surface', gap: 'gap.related' },\n        indicator: { '& svg': { width: 'icon.sm', height: 'icon.sm' } },\n      },\n      lg: {\n        content: { padding: 'rhythm.normal', gap: 'rhythm.tight' },\n        indicator: { '& svg': { width: 'icon.md', height: 'icon.md' } },\n        closeTrigger: { insetBlockStart: 'inset.surface', insetInlineEnd: 'inset.surface' },\n        arrow: { '--arrow-size': 'sizes.icon.sm' },\n      },\n      xl: {\n        content: { padding: 'gap.section', gap: 'gap.distinct' },\n        title: { textStyle: 'title' },\n        indicator: { '& svg': { width: 'icon.lg', height: 'icon.lg' } },\n        closeTrigger: { insetBlockStart: 'rhythm.normal', insetInlineEnd: 'rhythm.normal' },\n        arrow: { '--arrow-size': 'sizes.icon.sm' },\n      },\n    },\n  },\n  defaultVariants: { size: 'md' },\n})\n"],"mappings":";;AAEA,MAAa,gBAAgB,IAAI;CAC/B,OAAO;EACL;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF;CACA,MAAM;EACJ,OAAO;GACL,gBAAgB;GAChB,sBAAsB;EACxB;EACA,UAAU;GACR,WAAW;GACX,UAAU;EACZ;EACA,QAAQ,EACN,SAAS,cACX;EACA,SAAS,EAAE,UAAU,iBAAiB;EACtC,WAAW;GACT,SAAS;GACT,YAAY;GACZ,gBAAgB;GAChB,YAAY;GACZ,OAAO;GACP,oBAAoB;GACpB,oBAAoB;GACpB,0BAA0B;GAC1B,OAAO,EAAE,WAAW,iBAAiB;EACvC;EACA,YAAY,EACV,QAAQ,gEACV;EACA,SAAS;GACP,YAAY;GACZ,QAAQ;GACR,UAAU;GACV,SAAS;GACT,eAAe;GACf,KAAK;GACL,UAAU;GACV,UAAU;GACV,SAAS;GACT,SAAS;GACT,aAAa;GACb,aAAa;GACb,aAAa;GACb,IAAI;GACJ,OAAO;GACP,WAAW;GACX,eAAe;GACf,eAAe;IACb,cAAc;IACd,cAAc;IACd,eAAe;IACf,cAAc;GAChB;EACF;EACA,OAAO;GACL,QAAQ;GACR,kBAAkB;GAClB,WAAW;GACX,UAAU;GACV,OAAO;EACT;EACA,aAAa;GACX,QAAQ;GACR,WAAW;GACX,OAAO;EACT;EACA,cAAc;GACZ,UAAU;GACV,iBAAiB;GACjB,gBAAgB;EAClB;CACF;CACA,UAAU,EACR,MAAM;EACJ,IAAI;GACF,SAAS;IAAE,SAAS;IAAiB,KAAK;GAAgB;GAC1D,OAAO,EAAE,WAAW,QAAQ;GAC5B,aAAa,EAAE,WAAW,UAAU;GACpC,WAAW,EAAE,SAAS;IAAE,OAAO;IAAW,QAAQ;GAAU,EAAE;GAC9D,cAAc;IAAE,iBAAiB;IAAiB,gBAAgB;GAAgB;EACpF;EACA,IAAI;GACF,SAAS;IAAE,SAAS;IAAiB,KAAK;GAAa;GACvD,OAAO,EAAE,WAAW,QAAQ;GAC5B,aAAa,EAAE,WAAW,SAAS;GACnC,WAAW,EAAE,SAAS;IAAE,OAAO;IAAW,QAAQ;GAAU,EAAE;GAC9D,cAAc;IAAE,iBAAiB;IAAiB,gBAAgB;GAAgB;EACpF;EACA,IAAI;GACF,SAAS;IAAE,SAAS;IAAiB,KAAK;GAAc;GACxD,WAAW,EAAE,SAAS;IAAE,OAAO;IAAW,QAAQ;GAAU,EAAE;EAChE;EACA,IAAI;GACF,SAAS;IAAE,SAAS;IAAiB,KAAK;GAAe;GACzD,WAAW,EAAE,SAAS;IAAE,OAAO;IAAW,QAAQ;GAAU,EAAE;GAC9D,cAAc;IAAE,iBAAiB;IAAiB,gBAAgB;GAAgB;GAClF,OAAO,EAAE,gBAAgB,gBAAgB;EAC3C;EACA,IAAI;GACF,SAAS;IAAE,SAAS;IAAe,KAAK;GAAe;GACvD,OAAO,EAAE,WAAW,QAAQ;GAC5B,WAAW,EAAE,SAAS;IAAE,OAAO;IAAW,QAAQ;GAAU,EAAE;GAC9D,cAAc;IAAE,iBAAiB;IAAiB,gBAAgB;GAAgB;GAClF,OAAO,EAAE,gBAAgB,gBAAgB;EAC3C;CACF,EACF;CACA,iBAAiB,EAAE,MAAM,KAAK;AAChC,CAAC"}

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

@@ -1,2 +0,0 @@
-import { Progress, ProgressRootProps, ProgressState } from "./progress.mjs";
-export { Progress, type ProgressRootProps, type ProgressState };

package/dist/components/progress/index.mjs

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

package/dist/components/progress/progress.d.mts

@@ -1,31 +0,0 @@
-import { Orientation, SynapseComponent } from "../../system/types.mjs";
-import { ValueChangeDetails } from "../details.mjs";
-import { Size } from "../../shared/size-scale.mjs";
-//#region src/components/progress/progress.d.ts
-export type ProgressState = 'indeterminate' | 'loading' | 'complete';
-export interface ProgressRootProps {
-  /**
-   * 얼마나 진행됐는지이며 제어 모드입니다. `null`은 진행도를 알 수 없음을 뜻합니다. 막대는 돌아가고
-   * 있지만 얼마나 왔는지 모르는 상태이며, 이는 `0`과는 다른 주장입니다.
-   */
-  value?: number | null;
-  /** 비제어 모드의 초기 값. `value`를 주면 무시됩니다. */
-  defaultValue?: number | null;
-  /** 제어 여부와 무관하게 값이 바뀔 때마다 호출됩니다. */
-  onValueChange?: (details: ValueChangeDetails<number | null>) => void;
-  /** 범위의 아래 끝. 기본값은 0입니다. */
-  min?: number;
-  /** 범위의 위 끝. 기본값은 100입니다. */
-  max?: number;
-  /** 값을 텍스트로 렌더하는 방식. 기본값은 백분율입니다. */
-  formatOptions?: Intl.NumberFormatOptions;
-  /** 선형 막대가 채워지는 축. 기본값은 `horizontal`입니다. 링에서는 무시됩니다. */
-  orientation?: Orientation;
-  /** 하나뿐인 공용 척도를 따릅니다. 모든 컴포넌트와 마찬가지로 기본값은 `md`입니다. */
-  size?: Size;
-  /** 팩토리가 만드는 식별자를 덮어씁니다. 서버와 클라이언트에서 같은 값으로 유지됩니다. */
-  id?: string;
-}
-export declare const Progress: SynapseComponent<"circle" | "circleRange" | "circleTrack" | "label" | "range" | "root" | "track" | "valueText" | "view", "root", ProgressRootProps, never>;
-//#endregion
-//# sourceMappingURL=progress.d.mts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"progress.d.mts","names":[],"sources":["../../../src/components/progress/progress.tsx"],"mappings":";;;;YAWY;iBA0BK;;;;;EAKf;;EAEA;;EAEA,iBAAiB,SAAS;;EAE1B;;EAEA;;EAEA,gBAAgB,KAAK;;EAErB,cAAc;;EAEd,OAAO;;EAEP;;qBAGW,UAAQ,iIAAA"}

package/dist/components/progress/progress.mjs

@@ -1,42 +0,0 @@
-"use client";
-import { resolveSize } from "../../shared/size-scale.mjs";
-import { defineComponent } from "../../system/create-component.mjs";
-import { progressRecipe } from "./progress.recipe.mjs";
-import * as progress from "@zag-js/progress";
-//#region src/components/progress/progress.tsx
-const formatValue = (t) => ({ value, percent, formatter }) => {
-	if (value === null) return t("progress.valueText.indeterminate");
-	return formatter.format(formatter.resolvedOptions().style === "percent" ? percent / 100 : value);
-};
-const nameProgressbar = (_behaviorProps, api, _args, translate) => ({
-	"aria-label": translate("progress.root.label"),
-	"aria-labelledby": api.getLabelProps().id,
-	"aria-valuetext": api.valueAsString
-});
-const Progress = defineComponent()({
-	name: "Progress",
-	module: progress,
-	rootPart: "root",
-	elements: {
-		label: "span",
-		valueText: "span",
-		circle: "svg",
-		circleTrack: "circle",
-		circleRange: "circle"
-	},
-	defaultContent: { valueText: (api) => api.valueAsString },
-	getterProps: { view: ["state"] },
-	machineTranslations: { value: formatValue },
-	amendBehaviorProps: {
-		track: nameProgressbar,
-		circle: nameProgressbar,
-		range: () => ({ style: void 0 }),
-		valueText: () => ({ "aria-live": void 0 })
-	},
-	variantProps: ["size"],
-	slots: (props) => progressRecipe({ size: resolveSize(props.size, "Progress") })
-});
-//#endregion
-export { Progress };
-
-//# sourceMappingURL=progress.mjs.map

package/dist/components/progress/progress.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"progress.mjs","names":[],"sources":["../../../src/components/progress/progress.tsx"],"sourcesContent":["'use client'\n\nimport * as progress from '@zag-js/progress'\n\nimport type { ValueChangeDetails } from '#/components/details.ts'\nimport { progressRecipe } from '#/components/progress/progress.recipe.ts'\nimport type { Translator } from '#/provider/translations.ts'\nimport { resolveSize, type Size } from '#/shared/size-scale.ts'\nimport { defineComponent } from '#/system/create-component.ts'\nimport type { BehaviorAmendment, Orientation } from '#/system/types.ts'\n\nexport type ProgressState = 'indeterminate' | 'loading' | 'complete'\n\ninterface ProgressValueDetails {\n  value: number | null\n  percent: number\n  formatter: Intl.NumberFormat\n}\n\nconst formatValue =\n  (t: Translator) =>\n  ({ value, percent, formatter }: ProgressValueDetails): string => {\n    if (value === null) return t('progress.valueText.indeterminate')\n    return formatter.format(formatter.resolvedOptions().style === 'percent' ? percent / 100 : value)\n  }\n\nconst nameProgressbar: BehaviorAmendment<progress.Api> = (\n  _behaviorProps,\n  api,\n  _args,\n  translate,\n) => ({\n  'aria-label': translate('progress.root.label'),\n  'aria-labelledby': api.getLabelProps().id,\n  'aria-valuetext': api.valueAsString,\n})\n\nexport interface ProgressRootProps {\n  /**\n   * 얼마나 진행됐는지이며 제어 모드입니다. `null`은 진행도를 알 수 없음을 뜻합니다. 막대는 돌아가고\n   * 있지만 얼마나 왔는지 모르는 상태이며, 이는 `0`과는 다른 주장입니다.\n   */\n  value?: number | null\n  /** 비제어 모드의 초기 값. `value`를 주면 무시됩니다. */\n  defaultValue?: number | null\n  /** 제어 여부와 무관하게 값이 바뀔 때마다 호출됩니다. */\n  onValueChange?: (details: ValueChangeDetails<number | null>) => void\n  /** 범위의 아래 끝. 기본값은 0입니다. */\n  min?: number\n  /** 범위의 위 끝. 기본값은 100입니다. */\n  max?: number\n  /** 값을 텍스트로 렌더하는 방식. 기본값은 백분율입니다. */\n  formatOptions?: Intl.NumberFormatOptions\n  /** 선형 막대가 채워지는 축. 기본값은 `horizontal`입니다. 링에서는 무시됩니다. */\n  orientation?: Orientation\n  /** 하나뿐인 공용 척도를 따릅니다. 모든 컴포넌트와 마찬가지로 기본값은 `md`입니다. */\n  size?: Size\n  /** 팩토리가 만드는 식별자를 덮어씁니다. 서버와 클라이언트에서 같은 값으로 유지됩니다. */\n  id?: string\n}\n\nexport const Progress = defineComponent<ProgressRootProps>()({\n  name: 'Progress',\n  module: progress,\n  rootPart: 'root',\n  elements: {\n    label: 'span',\n    valueText: 'span',\n    circle: 'svg',\n    circleTrack: 'circle',\n    circleRange: 'circle',\n  },\n  defaultContent: {\n    valueText: (api) => api.valueAsString,\n  },\n  getterProps: { view: ['state'] },\n  machineTranslations: { value: formatValue },\n  amendBehaviorProps: {\n    track: nameProgressbar,\n    circle: nameProgressbar,\n    range: () => ({ style: undefined }),\n    valueText: () => ({ 'aria-live': undefined }),\n  },\n  variantProps: ['size'],\n  slots: (props: ProgressRootProps) =>\n    progressRecipe({ size: resolveSize(props.size, 'Progress') }),\n})\n"],"mappings":";;;;;;AAmBA,MAAM,eACH,OACA,EAAE,OAAO,SAAS,gBAA8C;CAC/D,IAAI,UAAU,MAAM,OAAO,EAAE,kCAAkC;CAC/D,OAAO,UAAU,OAAO,UAAU,gBAAgB,CAAC,CAAC,UAAU,YAAY,UAAU,MAAM,KAAK;AACjG;AAEF,MAAM,mBACJ,gBACA,KACA,OACA,eACI;CACJ,cAAc,UAAU,qBAAqB;CAC7C,mBAAmB,IAAI,cAAc,CAAC,CAAC;CACvC,kBAAkB,IAAI;AACxB;AA0BA,MAAa,WAAW,gBAAmC,CAAC,CAAC;CAC3D,MAAM;CACN,QAAQ;CACR,UAAU;CACV,UAAU;EACR,OAAO;EACP,WAAW;EACX,QAAQ;EACR,aAAa;EACb,aAAa;CACf;CACA,gBAAgB,EACd,YAAY,QAAQ,IAAI,cAC1B;CACA,aAAa,EAAE,MAAM,CAAC,OAAO,EAAE;CAC/B,qBAAqB,EAAE,OAAO,YAAY;CAC1C,oBAAoB;EAClB,OAAO;EACP,QAAQ;EACR,cAAc,EAAE,OAAO,KAAA,EAAU;EACjC,kBAAkB,EAAE,aAAa,KAAA,EAAU;CAC7C;CACA,cAAc,CAAC,MAAM;CACrB,QAAQ,UACN,eAAe,EAAE,MAAM,YAAY,MAAM,MAAM,UAAU,EAAE,CAAC;AAChE,CAAC"}

package/dist/components/progress/progress.recipe.mjs

@@ -1,189 +0,0 @@
-import { sva } from "../../react/styled-system/css/sva.mjs";
-//#region src/components/progress/progress.recipe.ts
-const progressRecipe = sva({
-	slots: [
-		"root",
-		"label",
-		"track",
-		"range",
-		"valueText",
-		"view",
-		"circle",
-		"circleTrack",
-		"circleRange"
-	],
-	base: {
-		root: {
-			display: "grid",
-			gridTemplateColumns: "1fr auto",
-			alignItems: "baseline",
-			columnGap: "gap.related",
-			rowGap: "inset.compact",
-			width: "fill",
-			minHeight: "target.minimum",
-			minWidth: "target.minimum",
-			color: "foreground.default",
-			"&:has(> [data-part=circle])": {
-				display: "inline-grid",
-				width: "auto",
-				alignItems: "center",
-				justifyItems: "center"
-			}
-		},
-		label: {
-			gridColumn: "1",
-			gridRow: "2",
-			textStyle: "detail",
-			color: "foreground.subtle"
-		},
-		track: {
-			position: "relative",
-			gridColumn: "1 / -1",
-			gridRow: "1",
-			overflow: "hidden",
-			width: "fill",
-			rounded: "pill",
-			bg: "secondary.default",
-			pointerEvents: "none",
-			"&[data-orientation=\"vertical\"]": {
-				width: "auto",
-				height: "fill"
-			},
-			"[data-value=\"0\"] > &": {
-				outlineStyle: "solid",
-				outlineWidth: "hairline",
-				outlineOffset: "inset.none",
-				outlineColor: "border.strong"
-			},
-			_highContrast: {
-				outlineStyle: "solid",
-				outlineWidth: "hairline",
-				outlineOffset: "inset.none",
-				outlineColor: "system.canvasText"
-			}
-		},
-		range: {
-			position: "absolute",
-			insetBlockStart: "inset.none",
-			insetInlineStart: "inset.none",
-			width: "fill",
-			height: "fill",
-			rounded: "pill",
-			bg: "primary.default",
-			pointerEvents: "none",
-			transform: "translateX(calc((var(--percent) - 100) * 1%))",
-			transitionProperty: "common",
-			transitionDuration: "reveal",
-			transitionTimingFunction: "interaction",
-			_rtl: { transform: "translateX(calc((100 - var(--percent)) * 1%))" },
-			"&[data-orientation=\"vertical\"]": { transform: "translateY(calc((var(--percent) - 100) * 1%))" },
-			"&[data-state=\"indeterminate\"]": {
-				width: "2/5",
-				transform: "none",
-				"--progress-travel": "250%",
-				"--progress-sweep": "calc(token(durations.expand) * 6)",
-				animationName: "progressX",
-				animationDuration: "var(--progress-sweep)",
-				animationIterationCount: "infinite",
-				_rtl: { "--progress-travel": "-250%" },
-				_motionReduce: { animationPlayState: "paused" }
-			},
-			"&[data-state=\"indeterminate\"][data-orientation=\"vertical\"]": {
-				width: "fill",
-				height: "2/5",
-				animationName: "progressY",
-				_rtl: { "--progress-travel": "250%" }
-			},
-			_highContrast: { bg: "system.highlight" }
-		},
-		valueText: {
-			gridColumn: "2",
-			gridRow: "2",
-			justifySelf: "end",
-			textStyle: "detail",
-			color: "foreground.subtle",
-			fontVariantNumeric: "tabular-nums"
-		},
-		view: {
-			display: "flex",
-			alignItems: "center",
-			justifyContent: "center"
-		},
-		circle: {
-			gridColumn: "1 / -1",
-			gridRow: "1",
-			transform: "rotate(-90deg)",
-			transformOrigin: "center",
-			fill: "surface.transparent"
-		},
-		circleTrack: {
-			stroke: "secondary.default",
-			pointerEvents: "none",
-			_highContrast: { stroke: "system.canvasText" }
-		},
-		circleRange: {
-			stroke: "primary.default",
-			pointerEvents: "none",
-			_highContrast: { stroke: "system.highlight" },
-			transitionProperty: "common",
-			transitionDuration: "reveal",
-			transitionTimingFunction: "interaction",
-			"&[data-state=\"indeterminate\"]": {
-				strokeDasharray: "calc(var(--circumference) / 4) var(--circumference)",
-				"--progress-spin": "calc(token(durations.expand) * 4)",
-				animationName: "progressSpin",
-				animationDuration: "var(--progress-spin)",
-				animationIterationCount: "infinite",
-				_motionReduce: { animationPlayState: "paused" }
-			}
-		}
-	},
-	variants: { size: {
-		xs: {
-			label: { textStyle: "caption" },
-			valueText: { textStyle: "caption" },
-			track: { paddingBlockStart: "inset.compact" },
-			circle: {
-				"--size": "{sizes.icon.sm}",
-				"--thickness": "{borderWidths.emphasis}"
-			}
-		},
-		sm: {
-			track: { paddingBlockStart: "inset.compact" },
-			circle: {
-				"--size": "{sizes.control.xs}",
-				"--thickness": "{borderWidths.emphasis}"
-			}
-		},
-		md: {
-			track: { paddingBlockStart: "inset.compact" },
-			circle: {
-				"--size": "{sizes.control.md}",
-				"--thickness": "{spacing.inset.compact}"
-			}
-		},
-		lg: {
-			label: { textStyle: "body" },
-			valueText: { textStyle: "body" },
-			track: { paddingBlockStart: "gap.inline" },
-			circle: {
-				"--size": "{sizes.control.lg}",
-				"--thickness": "{spacing.inset.compact}"
-			}
-		},
-		xl: {
-			label: { textStyle: "body" },
-			valueText: { textStyle: "body" },
-			track: { paddingBlockStart: "inset.control" },
-			circle: {
-				"--size": "{sizes.control.xl}",
-				"--thickness": "{spacing.gap.inline}"
-			}
-		}
-	} },
-	defaultVariants: { size: "md" }
-});
-//#endregion
-export { progressRecipe };
-
-//# sourceMappingURL=progress.recipe.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"progress.recipe.mjs","names":[],"sources":["../../../src/components/progress/progress.recipe.ts"],"sourcesContent":["import { sva } from '#styled-system/css/index.js'\n\nexport const progressRecipe = sva({\n  slots: [\n    'root',\n    'label',\n    'track',\n    'range',\n    'valueText',\n    'view',\n    'circle',\n    'circleTrack',\n    'circleRange',\n  ],\n  base: {\n    root: {\n      display: 'grid',\n      gridTemplateColumns: '1fr auto',\n      alignItems: 'baseline',\n      columnGap: 'gap.related',\n      rowGap: 'inset.compact',\n      width: 'fill',\n      minHeight: 'target.minimum',\n      minWidth: 'target.minimum',\n      color: 'foreground.default',\n      '&:has(> [data-part=circle])': {\n        display: 'inline-grid',\n        width: 'auto',\n        alignItems: 'center',\n        justifyItems: 'center',\n      },\n    },\n    label: {\n      gridColumn: '1',\n      gridRow: '2',\n      textStyle: 'detail',\n      color: 'foreground.subtle',\n    },\n    track: {\n      position: 'relative',\n      gridColumn: '1 / -1',\n      gridRow: '1',\n      overflow: 'hidden',\n      width: 'fill',\n      rounded: 'pill',\n      bg: 'secondary.default',\n      pointerEvents: 'none',\n      '&[data-orientation=\"vertical\"]': { width: 'auto', height: 'fill' },\n      '[data-value=\"0\"] > &': {\n        outlineStyle: 'solid',\n        outlineWidth: 'hairline',\n        outlineOffset: 'inset.none',\n        outlineColor: 'border.strong',\n      },\n      _highContrast: {\n        outlineStyle: 'solid',\n        outlineWidth: 'hairline',\n        outlineOffset: 'inset.none',\n        outlineColor: 'system.canvasText',\n      },\n    },\n    range: {\n      position: 'absolute',\n      insetBlockStart: 'inset.none',\n      insetInlineStart: 'inset.none',\n      width: 'fill',\n      height: 'fill',\n      rounded: 'pill',\n      bg: 'primary.default',\n      pointerEvents: 'none',\n      transform: 'translateX(calc((var(--percent) - 100) * 1%))',\n      transitionProperty: 'common',\n      transitionDuration: 'reveal',\n      transitionTimingFunction: 'interaction',\n      _rtl: { transform: 'translateX(calc((100 - var(--percent)) * 1%))' },\n      '&[data-orientation=\"vertical\"]': {\n        transform: 'translateY(calc((var(--percent) - 100) * 1%))',\n      },\n      '&[data-state=\"indeterminate\"]': {\n        width: '2/5',\n        transform: 'none',\n        '--progress-travel': '250%',\n        '--progress-sweep': 'calc(token(durations.expand) * 6)',\n        animationName: 'progressX',\n        animationDuration: 'var(--progress-sweep)',\n        animationIterationCount: 'infinite',\n        _rtl: { '--progress-travel': '-250%' },\n        _motionReduce: { animationPlayState: 'paused' },\n      },\n      '&[data-state=\"indeterminate\"][data-orientation=\"vertical\"]': {\n        width: 'fill',\n        height: '2/5',\n        animationName: 'progressY',\n        _rtl: { '--progress-travel': '250%' },\n      },\n      _highContrast: { bg: 'system.highlight' },\n    },\n    valueText: {\n      gridColumn: '2',\n      gridRow: '2',\n      justifySelf: 'end',\n      textStyle: 'detail',\n      color: 'foreground.subtle',\n      fontVariantNumeric: 'tabular-nums',\n    },\n    view: {\n      display: 'flex',\n      alignItems: 'center',\n      justifyContent: 'center',\n    },\n    circle: {\n      gridColumn: '1 / -1',\n      gridRow: '1',\n      transform: 'rotate(-90deg)',\n      transformOrigin: 'center',\n      fill: 'surface.transparent',\n    },\n    circleTrack: {\n      stroke: 'secondary.default',\n      pointerEvents: 'none',\n      _highContrast: { stroke: 'system.canvasText' },\n    },\n    circleRange: {\n      stroke: 'primary.default',\n      pointerEvents: 'none',\n      _highContrast: { stroke: 'system.highlight' },\n      transitionProperty: 'common',\n      transitionDuration: 'reveal',\n      transitionTimingFunction: 'interaction',\n      '&[data-state=\"indeterminate\"]': {\n        strokeDasharray: 'calc(var(--circumference) / 4) var(--circumference)',\n        '--progress-spin': 'calc(token(durations.expand) * 4)',\n        animationName: 'progressSpin',\n        animationDuration: 'var(--progress-spin)',\n        animationIterationCount: 'infinite',\n        _motionReduce: { animationPlayState: 'paused' },\n      },\n    },\n  },\n  variants: {\n    size: {\n      xs: {\n        label: { textStyle: 'caption' },\n        valueText: { textStyle: 'caption' },\n        track: { paddingBlockStart: 'inset.compact' },\n        circle: { '--size': '{sizes.icon.sm}', '--thickness': '{borderWidths.emphasis}' },\n      },\n      sm: {\n        track: { paddingBlockStart: 'inset.compact' },\n        circle: { '--size': '{sizes.control.xs}', '--thickness': '{borderWidths.emphasis}' },\n      },\n      md: {\n        track: { paddingBlockStart: 'inset.compact' },\n        circle: { '--size': '{sizes.control.md}', '--thickness': '{spacing.inset.compact}' },\n      },\n      lg: {\n        label: { textStyle: 'body' },\n        valueText: { textStyle: 'body' },\n        track: { paddingBlockStart: 'gap.inline' },\n        circle: { '--size': '{sizes.control.lg}', '--thickness': '{spacing.inset.compact}' },\n      },\n      xl: {\n        label: { textStyle: 'body' },\n        valueText: { textStyle: 'body' },\n        track: { paddingBlockStart: 'inset.control' },\n        circle: { '--size': '{sizes.control.xl}', '--thickness': '{spacing.gap.inline}' },\n      },\n    },\n  },\n  defaultVariants: { size: 'md' },\n})\n"],"mappings":"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"}

package/dist/components/qr-code/index.d.mts

@@ -1,2 +0,0 @@
-import { QrCode, QrCodeEncoding, QrCodeErrorCorrection, QrCodeRootProps } from "./qr-code.mjs";
-export { QrCode, type QrCodeEncoding, type QrCodeErrorCorrection, type QrCodeRootProps };

package/dist/components/qr-code/index.mjs

@@ -1,2 +0,0 @@
-import { QrCode } from "./qr-code.mjs";
-export { QrCode };

package/dist/components/qr-code/qr-code.d.mts

@@ -1,36 +0,0 @@
-import { SynapseComponent } from "../../system/types.mjs";
-import { ValueChangeDetails } from "../details.mjs";
-import { Size } from "../../shared/size-scale.mjs";
-//#region src/components/qr-code/qr-code.d.ts
-export type QrCodeErrorCorrection = 'L' | 'M' | 'Q' | 'H';
-export interface QrCodeEncoding {
-  ecc?: QrCodeErrorCorrection;
-  boostEcc?: boolean;
-  minVersion?: number;
-  maxVersion?: number;
-}
-export interface QrCodeRootProps {
-  /** 인코딩할 문자열이며 제어 모드입니다. */
-  value?: string;
-  /** 비제어 모드의 초기 문자열. `value`를 주면 무시됩니다. */
-  defaultValue?: string;
-  /** 제어 여부와 무관하게 인코딩된 문자열이 바뀔 때마다 호출됩니다. */
-  onValueChange?: (details: ValueChangeDetails<string>) => void;
-  /** 값을 행렬로 바꾸는 방식. */
-  encoding?: QrCodeEncoding;
-  /**
-   * 모듈 하나가 그려지는 크기(픽셀)입니다.
-   *
-   * 공용 크기 척도가 아니며, 의도적으로 그것과 분리해 두었습니다. 코드의 전체 크기는 모듈 크기에
-   * 인코더가 고른 버전을 곱한 값이므로, 이름 붙은 다섯 크기짜리 척도로는 둘 중 하나를 속이지
-   * 않고서는 이를 표현할 수 없습니다.
-   */
-  pixelSize?: number;
-  /** 하나뿐인 공용 척도를 따릅니다. 모든 컴포넌트와 마찬가지로 기본값은 `md`입니다. */
-  size?: Size;
-  /** 팩토리가 만드는 식별자를 덮어씁니다. 서버와 클라이언트에서 같은 값으로 유지됩니다. */
-  id?: string;
-}
-export declare const QrCode: SynapseComponent<"downloadTrigger" | "frame" | "overlay" | "pattern" | "root", "root", QrCodeRootProps, never>;
-//#endregion
-//# sourceMappingURL=qr-code.d.mts.map

package/dist/components/qr-code/qr-code.d.mts.map

@@ -1 +0,0 @@
-{"version":3,"file":"qr-code.d.mts","names":[],"sources":["../../../src/components/qr-code/qr-code.tsx"],"mappings":";;;;YAUY;iBAEK;EACf,MAAM;EACN;EACA;EACA;;iBAGe;;EAEf;;EAEA;;EAEA,iBAAiB,SAAS;;EAE1B,WAAW;;;;;;;;EAQX;;EAEA,OAAO;;EAEP;;qBAGW,QAAM,uFAAA"}

package/dist/components/qr-code/qr-code.mjs

@@ -1,41 +0,0 @@
-"use client";
-import { resolveSize } from "../../shared/size-scale.mjs";
-import { defineComponent } from "../../system/create-component.mjs";
-import { buttonPartClass } from "../../shared/button-style.mjs";
-import { qrCodeRecipe } from "./qr-code.recipe.mjs";
-import * as qrCode from "@zag-js/qr-code";
-//#region src/components/qr-code/qr-code.tsx
-const QrCode = defineComponent()({
-	name: "QrCode",
-	module: qrCode,
-	rootPart: "root",
-	elements: {
-		frame: "svg",
-		pattern: "path"
-	},
-	getterProps: { downloadTrigger: [
-		"mimeType",
-		"quality",
-		"fileName"
-	] },
-	amendBehaviorProps: { frame: (_behaviorProps, api, _getterArgs, translate) => ({
-		role: "img",
-		"aria-label": translate("qrCode.frame.label", { value: api.value })
-	}) },
-	variantProps: ["size"],
-	slots: (props) => {
-		const size = resolveSize(props.size, "QrCode");
-		return {
-			...qrCodeRecipe({ size }),
-			downloadTrigger: buttonPartClass({
-				variant: "outline",
-				tone: "neutral",
-				size
-			}, qrCodeRecipe.raw({ size }).downloadTrigger)
-		};
-	}
-});
-//#endregion
-export { QrCode };
-
-//# sourceMappingURL=qr-code.mjs.map

package/dist/components/qr-code/qr-code.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"qr-code.mjs","names":[],"sources":["../../../src/components/qr-code/qr-code.tsx"],"sourcesContent":["'use client'\n\nimport * as qrCode from '@zag-js/qr-code'\n\nimport type { ValueChangeDetails } from '#/components/details.ts'\nimport { qrCodeRecipe } from '#/components/qr-code/qr-code.recipe.ts'\nimport { buttonPartClass } from '#/shared/button-style.ts'\nimport { resolveSize, type Size } from '#/shared/size-scale.ts'\nimport { defineComponent } from '#/system/create-component.ts'\n\nexport type QrCodeErrorCorrection = 'L' | 'M' | 'Q' | 'H'\n\nexport interface QrCodeEncoding {\n  ecc?: QrCodeErrorCorrection\n  boostEcc?: boolean\n  minVersion?: number\n  maxVersion?: number\n}\n\nexport interface QrCodeRootProps {\n  /** 인코딩할 문자열이며 제어 모드입니다. */\n  value?: string\n  /** 비제어 모드의 초기 문자열. `value`를 주면 무시됩니다. */\n  defaultValue?: string\n  /** 제어 여부와 무관하게 인코딩된 문자열이 바뀔 때마다 호출됩니다. */\n  onValueChange?: (details: ValueChangeDetails<string>) => void\n  /** 값을 행렬로 바꾸는 방식. */\n  encoding?: QrCodeEncoding\n  /**\n   * 모듈 하나가 그려지는 크기(픽셀)입니다.\n   *\n   * 공용 크기 척도가 아니며, 의도적으로 그것과 분리해 두었습니다. 코드의 전체 크기는 모듈 크기에\n   * 인코더가 고른 버전을 곱한 값이므로, 이름 붙은 다섯 크기짜리 척도로는 둘 중 하나를 속이지\n   * 않고서는 이를 표현할 수 없습니다.\n   */\n  pixelSize?: number\n  /** 하나뿐인 공용 척도를 따릅니다. 모든 컴포넌트와 마찬가지로 기본값은 `md`입니다. */\n  size?: Size\n  /** 팩토리가 만드는 식별자를 덮어씁니다. 서버와 클라이언트에서 같은 값으로 유지됩니다. */\n  id?: string\n}\n\nexport const QrCode = defineComponent<QrCodeRootProps>()({\n  name: 'QrCode',\n  module: qrCode,\n  rootPart: 'root',\n  elements: { frame: 'svg', pattern: 'path' },\n  getterProps: { downloadTrigger: ['mimeType', 'quality', 'fileName'] },\n  amendBehaviorProps: {\n    frame: (_behaviorProps, api, _getterArgs, translate) => ({\n      role: 'img',\n      'aria-label': translate('qrCode.frame.label', { value: api.value }),\n    }),\n  },\n  variantProps: ['size'],\n  slots: (props: QrCodeRootProps) => {\n    const size = resolveSize(props.size, 'QrCode')\n    return {\n      ...qrCodeRecipe({ size }),\n      downloadTrigger: buttonPartClass(\n        { variant: 'outline', tone: 'neutral', size },\n        qrCodeRecipe.raw({ size }).downloadTrigger,\n      ),\n    }\n  },\n})\n"],"mappings":";;;;;;;AA0CA,MAAa,SAAS,gBAAiC,CAAC,CAAC;CACvD,MAAM;CACN,QAAQ;CACR,UAAU;CACV,UAAU;EAAE,OAAO;EAAO,SAAS;CAAO;CAC1C,aAAa,EAAE,iBAAiB;EAAC;EAAY;EAAW;CAAU,EAAE;CACpE,oBAAoB,EAClB,QAAQ,gBAAgB,KAAK,aAAa,eAAe;EACvD,MAAM;EACN,cAAc,UAAU,sBAAsB,EAAE,OAAO,IAAI,MAAM,CAAC;CACpE,GACF;CACA,cAAc,CAAC,MAAM;CACrB,QAAQ,UAA2B;EACjC,MAAM,OAAO,YAAY,MAAM,MAAM,QAAQ;EAC7C,OAAO;GACL,GAAG,aAAa,EAAE,KAAK,CAAC;GACxB,iBAAiB,gBACf;IAAE,SAAS;IAAW,MAAM;IAAW;GAAK,GAC5C,aAAa,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC,eAC7B;EACF;CACF;AACF,CAAC"}

package/dist/components/qr-code/qr-code.recipe.mjs

@@ -1,70 +0,0 @@
-import { sva } from "../../react/styled-system/css/sva.mjs";
-//#region src/components/qr-code/qr-code.recipe.ts
-const qrCodeRecipe = sva({
-	slots: [
-		"root",
-		"frame",
-		"pattern",
-		"overlay",
-		"downloadTrigger"
-	],
-	base: {
-		root: {
-			position: "relative",
-			display: "inline-flex",
-			flexDirection: "column",
-			alignItems: "center",
-			gap: "gap.related",
-			color: "foreground.default"
-		},
-		frame: {
-			display: "block",
-			width: "var(--qr-size)",
-			height: "var(--qr-size)",
-			flexShrink: 0,
-			rounded: "inset",
-			bg: "surface.raised"
-		},
-		pattern: { fill: "foreground.default" },
-		overlay: {
-			display: "inline-flex",
-			alignItems: "center",
-			justifyContent: "center",
-			overflow: "hidden",
-			rounded: "inset",
-			borderWidth: "hairline",
-			borderStyle: "solid",
-			borderColor: "surface.raised",
-			bg: "surface.raised",
-			pointerEvents: "none"
-		},
-		downloadTrigger: { minWidth: "target.minimum" }
-	},
-	variants: { size: {
-		xs: { frame: {
-			"--qr-size": "{sizes.control.xl}",
-			padding: "inset.compact"
-		} },
-		sm: { frame: {
-			"--qr-size": "calc(token(sizes.control.xl) * 1.5)",
-			padding: "inset.compact"
-		} },
-		md: { frame: {
-			"--qr-size": "calc(token(sizes.control.xl) * 2)",
-			padding: "inset.control"
-		} },
-		lg: { frame: {
-			"--qr-size": "calc(token(sizes.control.xl) * 2.5)",
-			padding: "inset.control"
-		} },
-		xl: { frame: {
-			"--qr-size": "{sizes.surface.overlayMin}",
-			padding: "inset.overlay"
-		} }
-	} },
-	defaultVariants: { size: "md" }
-});
-//#endregion
-export { qrCodeRecipe };
-
-//# sourceMappingURL=qr-code.recipe.mjs.map