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

package/dist/components/date-picker/date-picker.recipe.mjs

@@ -1,495 +0,0 @@
-import { sva } from "../../react/styled-system/css/sva.mjs";
-//#region src/components/date-picker/date-picker.recipe.ts
-const datePickerRecipe = sva({
-	slots: [
-		"clearTrigger",
-		"content",
-		"control",
-		"input",
-		"label",
-		"monthSelect",
-		"nextTrigger",
-		"positioner",
-		"presetTrigger",
-		"prevTrigger",
-		"rangeText",
-		"root",
-		"table",
-		"tableBody",
-		"tableCell",
-		"tableCellTrigger",
-		"tableHead",
-		"tableHeader",
-		"tableRow",
-		"trigger",
-		"view",
-		"viewControl",
-		"viewTrigger",
-		"yearSelect"
-	],
-	base: {
-		root: {
-			display: "flex",
-			flexDirection: "column",
-			gap: "gap.inline"
-		},
-		label: {
-			textStyle: "detail",
-			color: "foreground.muted",
-			_disabled: { color: "foreground.disabled" }
-		},
-		control: {
-			display: "flex",
-			alignItems: "center",
-			gap: "gap.inline"
-		},
-		input: {
-			flex: "1",
-			minWidth: "target.minimum",
-			minHeight: "target.minimum",
-			bg: "surface.transparent",
-			color: "foreground.default",
-			borderWidth: "none",
-			outlineStyle: "none",
-			fontVariantNumeric: "tabular-nums",
-			_placeholder: { color: "foreground.subtle" },
-			_readOnly: { cursor: "default" },
-			_disabled: {
-				color: "foreground.disabled",
-				cursor: "not-allowed"
-			}
-		},
-		trigger: {
-			display: "inline-flex",
-			alignItems: "center",
-			justifyContent: "center",
-			flexShrink: 0,
-			minWidth: "target.minimum",
-			minHeight: "target.minimum",
-			rounded: "control",
-			color: "foreground.default",
-			transitionProperty: "common",
-			transitionDuration: "interaction",
-			transitionTimingFunction: "interaction",
-			outlineColor: "border.focus",
-			"&:not(:disabled, [data-disabled], [data-readonly]):hover": {
-				bg: "secondary.hover",
-				color: "foreground.default"
-			},
-			"&:not(:disabled, [data-disabled], [data-readonly]):active": {
-				bg: "secondary.active",
-				color: "foreground.default",
-				transform: "scale(0.96)"
-			},
-			_focusVisible: {
-				outlineStyle: "solid",
-				outlineWidth: "focus",
-				outlineOffset: "inset.compact",
-				outlineColor: "border.focus"
-			},
-			_disabled: {
-				color: "foreground.disabled",
-				cursor: "not-allowed",
-				_highContrast: { color: "system.grayText" }
-			}
-		},
-		clearTrigger: {
-			display: "inline-flex",
-			alignItems: "center",
-			justifyContent: "center",
-			flexShrink: 0,
-			minWidth: "target.minimum",
-			minHeight: "target.minimum",
-			rounded: "control",
-			color: "foreground.subtle",
-			transitionProperty: "colors",
-			transitionDuration: "interaction",
-			transitionTimingFunction: "interaction",
-			outlineColor: "border.focus",
-			"&:not(:disabled, [data-disabled], [data-readonly]):hover": {
-				bg: "secondary.hover",
-				color: "foreground.default"
-			},
-			"&:not(:disabled, [data-disabled], [data-readonly]):active": {
-				bg: "secondary.active",
-				color: "foreground.default"
-			},
-			_focusVisible: {
-				outlineStyle: "solid",
-				outlineWidth: "focus",
-				outlineOffset: "inset.compact",
-				outlineColor: "border.focus"
-			},
-			_disabled: {
-				color: "foreground.disabled",
-				cursor: "not-allowed",
-				_highContrast: { color: "system.grayText" }
-			}
-		},
-		rangeText: {
-			textStyle: "body",
-			color: "foreground.default",
-			fontVariantNumeric: "tabular-nums"
-		},
-		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))",
-			display: "flex",
-			flexDirection: "column",
-			gap: "gap.related",
-			minWidth: "surface.overlayMin",
-			maxWidth: "surface.overlayMax",
-			padding: "inset.overlay",
-			rounded: "overlay",
-			borderWidth: "hairline",
-			borderStyle: "solid",
-			borderColor: "border.overlay",
-			bg: "surface.overlay",
-			color: "foreground.default",
-			boxShadow: "overlay",
-			pointerEvents: "auto",
-			_hidden: { display: "none" },
-			_focusVisible: {
-				outlineStyle: "solid",
-				outlineWidth: "focus",
-				outlineOffset: "inset.compact",
-				outlineColor: "border.focus"
-			}
-		},
-		view: {
-			display: "flex",
-			flexDirection: "column",
-			gap: "gap.related",
-			_hidden: { display: "none" }
-		},
-		viewControl: {
-			display: "flex",
-			alignItems: "center",
-			justifyContent: "space-between",
-			gap: "gap.inline"
-		},
-		viewTrigger: {
-			display: "inline-flex",
-			alignItems: "center",
-			justifyContent: "center",
-			flex: "1",
-			minHeight: "target.minimum",
-			paddingInline: "inset.control",
-			rounded: "control",
-			color: "foreground.default",
-			textStyle: "label",
-			transitionProperty: "colors",
-			transitionDuration: "interaction",
-			transitionTimingFunction: "interaction",
-			outlineColor: "border.focus",
-			"&:not(:disabled, [data-disabled]):hover": {
-				bg: "secondary.default",
-				color: "foreground.default"
-			},
-			"&:not(:disabled, [data-disabled]):active": {
-				bg: "secondary.active",
-				color: "foreground.default"
-			},
-			_focusVisible: {
-				outlineStyle: "solid",
-				outlineWidth: "focus",
-				outlineOffset: "inset.compact",
-				outlineColor: "border.focus"
-			},
-			_disabled: {
-				color: "foreground.disabled",
-				cursor: "not-allowed"
-			}
-		},
-		prevTrigger: { flexShrink: 0 },
-		nextTrigger: { flexShrink: 0 },
-		monthSelect: {
-			minHeight: "target.minimum",
-			paddingInline: "inset.compact",
-			"--select-indicator-room": "calc(token(spacing.inset.compact) * 2 + token(sizes.icon.sm))",
-			paddingInlineEnd: "var(--select-indicator-room)",
-			rounded: "control",
-			borderWidth: "hairline",
-			borderStyle: "solid",
-			borderColor: "border.default",
-			bg: "surface.raised",
-			color: "foreground.muted",
-			transitionProperty: "colors",
-			transitionDuration: "interaction",
-			transitionTimingFunction: "interaction",
-			outlineColor: "border.focus",
-			"&:not(:disabled, [data-disabled], [data-invalid], [aria-invalid=true], :focus-visible):hover": { borderColor: "primary.default" },
-			_focusVisible: {
-				borderColor: "border.focus",
-				outlineStyle: "solid",
-				outlineWidth: "hairline",
-				outlineOffset: "inset.none",
-				outlineColor: "border.focus"
-			},
-			_disabled: {
-				color: "foreground.disabled",
-				bg: "secondary.default",
-				cursor: "not-allowed"
-			}
-		},
-		yearSelect: {
-			minHeight: "target.minimum",
-			paddingInline: "inset.compact",
-			"--select-indicator-room": "calc(token(spacing.inset.compact) * 2 + token(sizes.icon.sm))",
-			paddingInlineEnd: "var(--select-indicator-room)",
-			rounded: "control",
-			borderWidth: "hairline",
-			borderStyle: "solid",
-			borderColor: "border.default",
-			bg: "surface.raised",
-			color: "foreground.muted",
-			transitionProperty: "colors",
-			transitionDuration: "interaction",
-			transitionTimingFunction: "interaction",
-			outlineColor: "border.focus",
-			"&:not(:disabled, [data-disabled], [data-invalid], [aria-invalid=true], :focus-visible):hover": { borderColor: "primary.default" },
-			_focusVisible: {
-				borderColor: "border.focus",
-				outlineStyle: "solid",
-				outlineWidth: "hairline",
-				outlineOffset: "inset.none",
-				outlineColor: "border.focus"
-			},
-			_disabled: {
-				color: "foreground.disabled",
-				bg: "secondary.default",
-				cursor: "not-allowed"
-			}
-		},
-		table: {
-			display: "table",
-			width: "fill",
-			borderCollapse: "collapse"
-		},
-		tableHead: {
-			display: "table-header-group",
-			color: "foreground.subtle"
-		},
-		tableHeader: {
-			display: "table-cell",
-			textStyle: "detail",
-			textAlign: "center",
-			paddingBlockEnd: "inset.compact"
-		},
-		tableBody: {
-			display: "table-row-group",
-			color: "foreground.default"
-		},
-		tableRow: { display: "table-row" },
-		tableCell: {
-			display: "table-cell",
-			padding: "inset.none",
-			verticalAlign: "middle",
-			textAlign: "center"
-		},
-		tableCellTrigger: {
-			display: "flex",
-			alignItems: "center",
-			justifyContent: "center",
-			width: "fill",
-			minWidth: "target.minimum",
-			minHeight: "target.minimum",
-			rounded: "control",
-			borderWidth: "hairline",
-			borderStyle: "solid",
-			borderColor: "surface.transparent",
-			color: "foreground.default",
-			fontVariantNumeric: "tabular-nums",
-			cursor: "default",
-			userSelect: "none",
-			transitionProperty: "colors",
-			transitionDuration: "interaction",
-			transitionTimingFunction: "interaction",
-			outlineColor: "border.focus",
-			"&:not(:disabled, [data-disabled], [data-selected], [data-unavailable]):hover": {
-				bg: "secondary.default",
-				color: "foreground.default"
-			},
-			_focusVisible: {
-				outlineStyle: "solid",
-				outlineWidth: "focus",
-				outlineOffset: "-inset.compact",
-				outlineColor: "border.focus"
-			},
-			"&[data-today]": {
-				color: "primary.onSurface",
-				borderColor: "border.strong"
-			},
-			"&[data-outside-range]": { color: "foreground.subtle" },
-			"&[data-in-range]": {
-				bg: "primary.subtle",
-				color: "primary.onSurface",
-				borderBlockColor: "primary.default",
-				_highContrast: { borderBlockColor: "system.highlight" }
-			},
-			"&[data-selected]": {
-				bg: "primary.default",
-				color: "primary.foreground",
-				borderColor: "primary.default",
-				_focusVisible: { outlineColor: "primary.foreground" },
-				_highContrast: {
-					bg: "system.highlight",
-					color: "system.highlightText",
-					borderColor: "system.highlight"
-				}
-			},
-			"&[data-unavailable]": {
-				color: "foreground.disabled",
-				textDecorationLine: "line-through",
-				cursor: "not-allowed"
-			},
-			_disabled: {
-				color: "foreground.disabled",
-				cursor: "not-allowed",
-				_highContrast: { color: "system.grayText" }
-			}
-		},
-		presetTrigger: {
-			display: "inline-flex",
-			alignItems: "center",
-			minHeight: "target.minimum",
-			paddingInline: "inset.control",
-			rounded: "control",
-			color: "foreground.default",
-			textStyle: "label",
-			textAlign: "start",
-			transitionProperty: "colors",
-			transitionDuration: "interaction",
-			transitionTimingFunction: "interaction",
-			outlineColor: "border.focus",
-			"&:not(:disabled, [data-disabled]):hover": {
-				bg: "secondary.default",
-				color: "foreground.default"
-			},
-			"&:not(:disabled, [data-disabled]):active": {
-				bg: "secondary.active",
-				color: "foreground.default"
-			},
-			_focusVisible: {
-				outlineStyle: "solid",
-				outlineWidth: "focus",
-				outlineOffset: "inset.compact",
-				outlineColor: "border.focus"
-			},
-			_disabled: {
-				color: "foreground.disabled",
-				cursor: "not-allowed",
-				_highContrast: { color: "system.grayText" }
-			}
-		}
-	},
-	variants: { size: {
-		xs: {
-			control: { height: "control.xs" },
-			input: { textStyle: "detail" },
-			tableCellTrigger: {
-				minHeight: "control.xs",
-				minWidth: "control.xs",
-				textStyle: "detail"
-			},
-			viewTrigger: {
-				minHeight: "control.xs",
-				textStyle: "detail"
-			},
-			trigger: { "& svg": {
-				width: "icon.xs",
-				height: "icon.xs"
-			} },
-			clearTrigger: { "& svg": {
-				width: "icon.xs",
-				height: "icon.xs"
-			} }
-		},
-		sm: {
-			input: { textStyle: "body" },
-			tableCellTrigger: {
-				minHeight: "control.xs",
-				minWidth: "control.xs",
-				textStyle: "detail"
-			},
-			viewTrigger: {
-				minHeight: "control.xs",
-				textStyle: "label"
-			},
-			trigger: { "& svg": {
-				width: "icon.xs",
-				height: "icon.xs"
-			} },
-			clearTrigger: { "& svg": {
-				width: "icon.sm",
-				height: "icon.sm"
-			} }
-		},
-		md: {
-			input: { textStyle: "body" },
-			tableCellTrigger: {
-				minHeight: "control.sm",
-				minWidth: "control.sm",
-				textStyle: "body"
-			},
-			viewTrigger: {
-				minHeight: "control.sm",
-				textStyle: "label"
-			},
-			trigger: { "& svg": {
-				width: "icon.sm",
-				height: "icon.sm"
-			} },
-			clearTrigger: { "& svg": {
-				width: "icon.sm",
-				height: "icon.sm"
-			} }
-		},
-		lg: {
-			input: { textStyle: "body" },
-			tableCellTrigger: {
-				minHeight: "control.md",
-				minWidth: "control.md",
-				textStyle: "body"
-			},
-			viewTrigger: {
-				minHeight: "control.md",
-				textStyle: "body"
-			},
-			trigger: { "& svg": {
-				width: "icon.md",
-				height: "icon.md"
-			} },
-			clearTrigger: { "& svg": {
-				width: "icon.md",
-				height: "icon.md"
-			} }
-		},
-		xl: {
-			input: { textStyle: "subtitle" },
-			tableCellTrigger: {
-				minHeight: "control.lg",
-				minWidth: "control.lg",
-				textStyle: "body"
-			},
-			viewTrigger: {
-				minHeight: "control.lg",
-				textStyle: "body"
-			},
-			trigger: { "& svg": {
-				width: "icon.lg",
-				height: "icon.lg"
-			} },
-			clearTrigger: { "& svg": {
-				width: "icon.lg",
-				height: "icon.lg"
-			} }
-		}
-	} },
-	defaultVariants: { size: "md" }
-});
-//#endregion
-export { datePickerRecipe };
-
-//# sourceMappingURL=date-picker.recipe.mjs.map

package/dist/components/date-picker/date-picker.recipe.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"date-picker.recipe.mjs","names":[],"sources":["../../../src/components/date-picker/date-picker.recipe.ts"],"sourcesContent":["import { sva } from '#styled-system/css/index.js'\n\nexport const datePickerRecipe = sva({\n  slots: [\n    'clearTrigger',\n    'content',\n    'control',\n    'input',\n    'label',\n    'monthSelect',\n    'nextTrigger',\n    'positioner',\n    'presetTrigger',\n    'prevTrigger',\n    'rangeText',\n    'root',\n    'table',\n    'tableBody',\n    'tableCell',\n    'tableCellTrigger',\n    'tableHead',\n    'tableHeader',\n    'tableRow',\n    'trigger',\n    'view',\n    'viewControl',\n    'viewTrigger',\n    'yearSelect',\n  ],\n  base: {\n    root: {\n      display: 'flex',\n      flexDirection: 'column',\n      gap: 'gap.inline',\n    },\n    label: {\n      textStyle: 'detail',\n      color: 'foreground.muted',\n      _disabled: { color: 'foreground.disabled' },\n    },\n    control: {\n      display: 'flex',\n      alignItems: 'center',\n      gap: 'gap.inline',\n    },\n    input: {\n      flex: '1',\n      minWidth: 'target.minimum',\n      minHeight: 'target.minimum',\n      bg: 'surface.transparent',\n      color: 'foreground.default',\n      borderWidth: 'none',\n      outlineStyle: 'none',\n      fontVariantNumeric: 'tabular-nums',\n      _placeholder: { color: 'foreground.subtle' },\n      _readOnly: { cursor: 'default' },\n      _disabled: { color: 'foreground.disabled', cursor: 'not-allowed' },\n    },\n    trigger: {\n      display: 'inline-flex',\n      alignItems: 'center',\n      justifyContent: 'center',\n      flexShrink: 0,\n      minWidth: 'target.minimum',\n      minHeight: 'target.minimum',\n      rounded: 'control',\n      color: 'foreground.default',\n      transitionProperty: 'common',\n      transitionDuration: 'interaction',\n      transitionTimingFunction: 'interaction',\n      outlineColor: 'border.focus',\n      '&:not(:disabled, [data-disabled], [data-readonly]):hover': {\n        bg: 'secondary.hover',\n        color: 'foreground.default',\n      },\n      '&:not(:disabled, [data-disabled], [data-readonly]):active': {\n        bg: 'secondary.active',\n        color: 'foreground.default',\n        transform: 'scale(0.96)',\n      },\n      _focusVisible: {\n        outlineStyle: 'solid',\n        outlineWidth: 'focus',\n        outlineOffset: 'inset.compact',\n        outlineColor: 'border.focus',\n      },\n      _disabled: {\n        color: 'foreground.disabled',\n        cursor: 'not-allowed',\n        _highContrast: { color: 'system.grayText' },\n      },\n    },\n    clearTrigger: {\n      display: 'inline-flex',\n      alignItems: 'center',\n      justifyContent: 'center',\n      flexShrink: 0,\n      minWidth: 'target.minimum',\n      minHeight: 'target.minimum',\n      rounded: 'control',\n      color: 'foreground.subtle',\n      transitionProperty: 'colors',\n      transitionDuration: 'interaction',\n      transitionTimingFunction: 'interaction',\n      outlineColor: 'border.focus',\n      '&:not(:disabled, [data-disabled], [data-readonly]):hover': {\n        bg: 'secondary.hover',\n        color: 'foreground.default',\n      },\n      '&:not(:disabled, [data-disabled], [data-readonly]):active': {\n        bg: 'secondary.active',\n        color: 'foreground.default',\n      },\n      _focusVisible: {\n        outlineStyle: 'solid',\n        outlineWidth: 'focus',\n        outlineOffset: 'inset.compact',\n        outlineColor: 'border.focus',\n      },\n      _disabled: {\n        color: 'foreground.disabled',\n        cursor: 'not-allowed',\n        _highContrast: { color: 'system.grayText' },\n      },\n    },\n    rangeText: {\n      textStyle: 'body',\n      color: 'foreground.default',\n      fontVariantNumeric: 'tabular-nums',\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      display: 'flex',\n      flexDirection: 'column',\n      gap: 'gap.related',\n      minWidth: 'surface.overlayMin',\n      maxWidth: 'surface.overlayMax',\n      padding: 'inset.overlay',\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      _hidden: { display: 'none' },\n      _focusVisible: {\n        outlineStyle: 'solid',\n        outlineWidth: 'focus',\n        outlineOffset: 'inset.compact',\n        outlineColor: 'border.focus',\n      },\n    },\n    view: {\n      display: 'flex',\n      flexDirection: 'column',\n      gap: 'gap.related',\n      _hidden: { display: 'none' },\n    },\n    viewControl: {\n      display: 'flex',\n      alignItems: 'center',\n      justifyContent: 'space-between',\n      gap: 'gap.inline',\n    },\n    viewTrigger: {\n      display: 'inline-flex',\n      alignItems: 'center',\n      justifyContent: 'center',\n      flex: '1',\n      minHeight: 'target.minimum',\n      paddingInline: 'inset.control',\n      rounded: 'control',\n      color: 'foreground.default',\n      textStyle: 'label',\n      transitionProperty: 'colors',\n      transitionDuration: 'interaction',\n      transitionTimingFunction: 'interaction',\n      outlineColor: 'border.focus',\n      '&:not(:disabled, [data-disabled]):hover': {\n        bg: 'secondary.default',\n        color: 'foreground.default',\n      },\n      '&:not(:disabled, [data-disabled]):active': {\n        bg: 'secondary.active',\n        color: 'foreground.default',\n      },\n      _focusVisible: {\n        outlineStyle: 'solid',\n        outlineWidth: 'focus',\n        outlineOffset: 'inset.compact',\n        outlineColor: 'border.focus',\n      },\n      _disabled: { color: 'foreground.disabled', cursor: 'not-allowed' },\n    },\n    prevTrigger: { flexShrink: 0 },\n    nextTrigger: { flexShrink: 0 },\n    monthSelect: {\n      minHeight: 'target.minimum',\n      paddingInline: 'inset.compact',\n      '--select-indicator-room': 'calc(token(spacing.inset.compact) * 2 + token(sizes.icon.sm))',\n      paddingInlineEnd: 'var(--select-indicator-room)',\n      rounded: 'control',\n      borderWidth: 'hairline',\n      borderStyle: 'solid',\n      borderColor: 'border.default',\n      bg: 'surface.raised',\n      color: 'foreground.muted',\n      transitionProperty: 'colors',\n      transitionDuration: 'interaction',\n      transitionTimingFunction: 'interaction',\n      outlineColor: 'border.focus',\n      '&:not(:disabled, [data-disabled], [data-invalid], [aria-invalid=true], :focus-visible):hover':\n        { borderColor: 'primary.default' },\n      _focusVisible: {\n        borderColor: 'border.focus',\n        outlineStyle: 'solid',\n        outlineWidth: 'hairline',\n        outlineOffset: 'inset.none',\n        outlineColor: 'border.focus',\n      },\n      _disabled: { color: 'foreground.disabled', bg: 'secondary.default', cursor: 'not-allowed' },\n    },\n    yearSelect: {\n      minHeight: 'target.minimum',\n      paddingInline: 'inset.compact',\n      '--select-indicator-room': 'calc(token(spacing.inset.compact) * 2 + token(sizes.icon.sm))',\n      paddingInlineEnd: 'var(--select-indicator-room)',\n      rounded: 'control',\n      borderWidth: 'hairline',\n      borderStyle: 'solid',\n      borderColor: 'border.default',\n      bg: 'surface.raised',\n      color: 'foreground.muted',\n      transitionProperty: 'colors',\n      transitionDuration: 'interaction',\n      transitionTimingFunction: 'interaction',\n      outlineColor: 'border.focus',\n      '&:not(:disabled, [data-disabled], [data-invalid], [aria-invalid=true], :focus-visible):hover':\n        { borderColor: 'primary.default' },\n      _focusVisible: {\n        borderColor: 'border.focus',\n        outlineStyle: 'solid',\n        outlineWidth: 'hairline',\n        outlineOffset: 'inset.none',\n        outlineColor: 'border.focus',\n      },\n      _disabled: { color: 'foreground.disabled', bg: 'secondary.default', cursor: 'not-allowed' },\n    },\n    table: {\n      display: 'table',\n      width: 'fill',\n      borderCollapse: 'collapse',\n    },\n    tableHead: {\n      display: 'table-header-group',\n      color: 'foreground.subtle',\n    },\n    tableHeader: {\n      display: 'table-cell',\n      textStyle: 'detail',\n      textAlign: 'center',\n      paddingBlockEnd: 'inset.compact',\n    },\n    tableBody: {\n      display: 'table-row-group',\n      color: 'foreground.default',\n    },\n    tableRow: {\n      display: 'table-row',\n    },\n    tableCell: {\n      display: 'table-cell',\n      padding: 'inset.none',\n      verticalAlign: 'middle',\n      textAlign: 'center',\n    },\n    tableCellTrigger: {\n      display: 'flex',\n      alignItems: 'center',\n      justifyContent: 'center',\n      width: 'fill',\n      minWidth: 'target.minimum',\n      minHeight: 'target.minimum',\n      rounded: 'control',\n      borderWidth: 'hairline',\n      borderStyle: 'solid',\n      borderColor: 'surface.transparent',\n      color: 'foreground.default',\n      fontVariantNumeric: 'tabular-nums',\n      cursor: 'default',\n      userSelect: 'none',\n      transitionProperty: 'colors',\n      transitionDuration: 'interaction',\n      transitionTimingFunction: 'interaction',\n      outlineColor: 'border.focus',\n      '&:not(:disabled, [data-disabled], [data-selected], [data-unavailable]):hover': {\n        bg: 'secondary.default',\n        color: 'foreground.default',\n      },\n      _focusVisible: {\n        outlineStyle: 'solid',\n        outlineWidth: 'focus',\n        outlineOffset: '-inset.compact',\n        outlineColor: 'border.focus',\n      },\n      '&[data-today]': { color: 'primary.onSurface', borderColor: 'border.strong' },\n      '&[data-outside-range]': { color: 'foreground.subtle' },\n      '&[data-in-range]': {\n        bg: 'primary.subtle',\n        color: 'primary.onSurface',\n        borderBlockColor: 'primary.default',\n        _highContrast: { borderBlockColor: 'system.highlight' },\n      },\n      '&[data-selected]': {\n        bg: 'primary.default',\n        color: 'primary.foreground',\n        borderColor: 'primary.default',\n        _focusVisible: { outlineColor: 'primary.foreground' },\n        _highContrast: {\n          bg: 'system.highlight',\n          color: 'system.highlightText',\n          borderColor: 'system.highlight',\n        },\n      },\n      '&[data-unavailable]': {\n        color: 'foreground.disabled',\n        textDecorationLine: 'line-through',\n        cursor: 'not-allowed',\n      },\n      _disabled: {\n        color: 'foreground.disabled',\n        cursor: 'not-allowed',\n        _highContrast: { color: 'system.grayText' },\n      },\n    },\n    presetTrigger: {\n      display: 'inline-flex',\n      alignItems: 'center',\n      minHeight: 'target.minimum',\n      paddingInline: 'inset.control',\n      rounded: 'control',\n      color: 'foreground.default',\n      textStyle: 'label',\n      textAlign: 'start',\n      transitionProperty: 'colors',\n      transitionDuration: 'interaction',\n      transitionTimingFunction: 'interaction',\n      outlineColor: 'border.focus',\n      '&:not(:disabled, [data-disabled]):hover': {\n        bg: 'secondary.default',\n        color: 'foreground.default',\n      },\n      '&:not(:disabled, [data-disabled]):active': {\n        bg: 'secondary.active',\n        color: 'foreground.default',\n      },\n      _focusVisible: {\n        outlineStyle: 'solid',\n        outlineWidth: 'focus',\n        outlineOffset: 'inset.compact',\n        outlineColor: 'border.focus',\n      },\n      _disabled: {\n        color: 'foreground.disabled',\n        cursor: 'not-allowed',\n        _highContrast: { color: 'system.grayText' },\n      },\n    },\n  },\n  variants: {\n    size: {\n      xs: {\n        control: {\n          // 대상 크기의 입력이나 버튼이 테두리 상자 안에 들어가면 다른 xs 컨트롤보다 테두리 두 개만큼\n          // 높아집니다. 상자가 행 높이를 잡고, 그 안에서 가운데 정렬됩니다.\n          height: 'control.xs',\n        },\n        input: { textStyle: 'detail' },\n        tableCellTrigger: { minHeight: 'control.xs', minWidth: 'control.xs', textStyle: 'detail' },\n        viewTrigger: { minHeight: 'control.xs', textStyle: 'detail' },\n        trigger: { '& svg': { width: 'icon.xs', height: 'icon.xs' } },\n        clearTrigger: { '& svg': { width: 'icon.xs', height: 'icon.xs' } },\n      },\n      sm: {\n        input: { textStyle: 'body' },\n        tableCellTrigger: { minHeight: 'control.xs', minWidth: 'control.xs', textStyle: 'detail' },\n        viewTrigger: { minHeight: 'control.xs', textStyle: 'label' },\n        trigger: { '& svg': { width: 'icon.xs', height: 'icon.xs' } },\n        clearTrigger: { '& svg': { width: 'icon.sm', height: 'icon.sm' } },\n      },\n      md: {\n        input: { textStyle: 'body' },\n        tableCellTrigger: { minHeight: 'control.sm', minWidth: 'control.sm', textStyle: 'body' },\n        viewTrigger: { minHeight: 'control.sm', textStyle: 'label' },\n        trigger: { '& svg': { width: 'icon.sm', height: 'icon.sm' } },\n        clearTrigger: { '& svg': { width: 'icon.sm', height: 'icon.sm' } },\n      },\n      lg: {\n        input: { textStyle: 'body' },\n        tableCellTrigger: { minHeight: 'control.md', minWidth: 'control.md', textStyle: 'body' },\n        viewTrigger: { minHeight: 'control.md', textStyle: 'body' },\n        trigger: { '& svg': { width: 'icon.md', height: 'icon.md' } },\n        clearTrigger: { '& svg': { width: 'icon.md', height: 'icon.md' } },\n      },\n      xl: {\n        input: { textStyle: 'subtitle' },\n        tableCellTrigger: { minHeight: 'control.lg', minWidth: 'control.lg', textStyle: 'body' },\n        viewTrigger: { minHeight: 'control.lg', textStyle: 'body' },\n        trigger: { '& svg': { width: 'icon.lg', height: 'icon.lg' } },\n        clearTrigger: { '& svg': { width: 'icon.lg', height: 'icon.lg' } },\n      },\n    },\n  },\n  defaultVariants: { size: 'md' },\n})\n"],"mappings":"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"}

package/dist/components/date-picker/index.d.mts

@@ -1,2 +0,0 @@
-import { DatePicker, DatePickerFocusChangeDetails, DatePickerPositioning, DatePickerRootProps, DatePickerSelectionMode, DatePickerValueChangeDetails, DatePickerView, DatePickerViewChangeDetails } from "./date-picker.mjs";
-export { DatePicker, type DatePickerFocusChangeDetails, type DatePickerPositioning, type DatePickerRootProps, type DatePickerSelectionMode, type DatePickerValueChangeDetails, type DatePickerView, type DatePickerViewChangeDetails };

package/dist/components/date-picker/index.mjs

@@ -1,2 +0,0 @@
-import { DatePicker } from "./date-picker.mjs";
-export { DatePicker };

package/dist/components/details.d.mts

@@ -1,9 +0,0 @@
-//#region src/components/details.d.ts
-export interface OpenChangeDetails {
-  readonly open: boolean;
-}
-export interface ValueChangeDetails<TValue> {
-  readonly value: TValue;
-}
-//#endregion
-//# sourceMappingURL=details.d.mts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"details.d.mts","names":[],"sources":["../../src/components/details.ts"],"mappings":";iBAAiB;WACN;;iBAGM,mBAAmB;WACzB,OAAO"}

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

@@ -1,45 +0,0 @@
-import { TranslationOverrides } from "../../provider/translations.mjs";
-import { SynapseComponent } from "../../system/types.mjs";
-import { OpenChangeDetails } from "../details.mjs";
-import { Size } from "../../shared/size-scale.mjs";
-//#region src/components/dialog/dialog.d.ts
-export type DialogRole = 'dialog' | 'alertdialog';
-export interface DialogRootProps {
-  /** 제어되는 열림 상태. */
-  open?: boolean;
-  /** 비제어 초기 열림 상태. `open`이 주어지면 무시됩니다. */
-  defaultOpen?: boolean;
-  /** 제어 여부와 무관하게 대화상자가 열리거나 닫힐 때마다 알림을 받습니다. */
-  onOpenChange?: (details: OpenChangeDetails) => void;
-  /** 대화상자가 어떻게 안내되는지를 정합니다. 기본값은 `dialog`입니다. */
-  role?: DialogRole;
-  /**
-   * `Dialog.Title`이 이름을 주지 않을 때 쓰이는 대화상자의 접근성 이름.
-   *
-   * DOM 속성이 아니라 machine prop입니다: machine이 이 값을 content 엘리먼트에 붙이는데, 그것이 바로
-   * `role="dialog"`를 지닌 엘리먼트이고, `Dialog.Title`이 있으면 `aria-labelledby`를 제공해
-   * 여전히 우선합니다.
-   */
-  'aria-label'?: string;
-  /** 열려 있는 동안 페이지의 나머지를 비활성 상태로 만듭니다. 기본값은 true입니다. */
-  modal?: boolean;
-  /** 열려 있는 동안 포커스를 대화상자 안에 가둡니다. 모달 대화상자에서는 기본값이 true입니다. */
-  trapFocus?: boolean;
-  /** 닫힐 때 포커스를 trigger로 되돌립니다. 기본값은 true입니다. */
-  restoreFocus?: boolean;
-  /** 열려 있는 동안 뒤쪽 페이지가 스크롤되지 않게 합니다. 모달에서는 기본값이 true입니다. */
-  preventScroll?: boolean;
-  /** Escape를 누르면 닫힙니다. 기본값은 true입니다. */
-  closeOnEscape?: boolean;
-  /** 바깥에서 포인터가 눌리면 닫힙니다. 기본값은 true입니다. */
-  closeOnInteractOutside?: boolean;
-  /** 이 Dialog에만 적용되는 접근성 문자열이며, provider의 것보다 우선합니다. */
-  translations?: TranslationOverrides;
-  /** 하나의 공유 척도에서 옵니다. 모든 컴포넌트가 그렇듯 기본값은 `md`입니다. */
-  size?: Size;
-  /** 팩토리가 생성하는 식별자를 덮어씁니다. 서버와 클라이언트에서 동일합니다. */
-  id?: string;
-}
-export declare const Dialog: SynapseComponent<"backdrop" | "closeTrigger" | "content" | "description" | "positioner" | "title" | "trigger", null, DialogRootProps, never>;
-//#endregion
-//# sourceMappingURL=dialog.d.mts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"dialog.d.mts","names":[],"sources":["../../../src/components/dialog/dialog.tsx"],"mappings":";;;;;YAcY;iBAEK;;EAEf;;EAEA;;EAEA,gBAAgB,SAAS;;EAEzB,OAAO;;;;;;;;EAQP;;EAEA;;EAEA;;EAEA;;EAEA;;EAEA;;EAEA;;EAEA,eAAe;;EAEf,OAAO;;EAEP;;qBAGW,QAAM,qHAAA"}

package/dist/components/dialog/dialog.mjs

@@ -1,49 +0,0 @@
-"use client";
-import { resolveSize } from "../../shared/size-scale.mjs";
-import { close } from "../../icons/src/close.mjs";
-import "../../icons/src/index.mjs";
-import { Icon } from "../../shared/icon.mjs";
-import { defineComponent } from "../../system/create-component.mjs";
-import { buttonPartClass } from "../../shared/button-style.mjs";
-import { dialogRecipe } from "./dialog.recipe.mjs";
-import { jsx } from "react/jsx-runtime";
-import { visuallyHiddenStyle } from "@zag-js/dom-query";
-import * as dialog from "@zag-js/dialog";
-//#region src/components/dialog/dialog.tsx
-const Dialog = defineComponent()({
-	name: "Dialog",
-	module: dialog,
-	rootPart: null,
-	elements: {
-		title: "h2",
-		description: "p"
-	},
-	defaultContent: { closeTrigger: (_api, t) => [/* @__PURE__ */ jsx(Icon, { icon: close }, "icon"), /* @__PURE__ */ jsx("span", {
-		"data-visually-hidden": "",
-		style: visuallyHiddenStyle,
-		children: t("dialog.closeTrigger.label")
-	}, "label")] },
-	machineTranslations: null,
-	variantProps: ["size"],
-	slots: (props) => {
-		const size = resolveSize(props.size, "Dialog");
-		const own = dialogRecipe.raw({ size });
-		return {
-			...dialogRecipe({ size }),
-			trigger: buttonPartClass({
-				variant: "outline",
-				tone: "neutral",
-				size
-			}, own.trigger),
-			closeTrigger: buttonPartClass({
-				variant: "ghost",
-				tone: "neutral",
-				size
-			}, own.closeTrigger)
-		};
-	}
-});
-//#endregion
-export { Dialog };
-
-//# sourceMappingURL=dialog.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"dialog.mjs","names":[],"sources":["../../../src/components/dialog/dialog.tsx"],"sourcesContent":["'use client'\n\nimport { close } from '@neurocle/synapse-icons'\nimport * as dialog from '@zag-js/dialog'\nimport { visuallyHiddenStyle } from '@zag-js/dom-query'\n\nimport type { OpenChangeDetails } from '#/components/details.ts'\nimport { dialogRecipe } from '#/components/dialog/dialog.recipe.ts'\nimport type { TranslationOverrides } from '#/provider/translations.ts'\nimport { buttonPartClass } from '#/shared/button-style.ts'\nimport { Icon } from '#/shared/icon.tsx'\nimport { resolveSize, type Size } from '#/shared/size-scale.ts'\nimport { defineComponent } from '#/system/create-component.ts'\n\nexport type DialogRole = 'dialog' | 'alertdialog'\n\nexport interface DialogRootProps {\n  /** 제어되는 열림 상태. */\n  open?: boolean\n  /** 비제어 초기 열림 상태. `open`이 주어지면 무시됩니다. */\n  defaultOpen?: boolean\n  /** 제어 여부와 무관하게 대화상자가 열리거나 닫힐 때마다 알림을 받습니다. */\n  onOpenChange?: (details: OpenChangeDetails) => void\n  /** 대화상자가 어떻게 안내되는지를 정합니다. 기본값은 `dialog`입니다. */\n  role?: DialogRole\n  /**\n   * `Dialog.Title`이 이름을 주지 않을 때 쓰이는 대화상자의 접근성 이름.\n   *\n   * DOM 속성이 아니라 machine prop입니다: machine이 이 값을 content 엘리먼트에 붙이는데, 그것이 바로\n   * `role=\"dialog\"`를 지닌 엘리먼트이고, `Dialog.Title`이 있으면 `aria-labelledby`를 제공해\n   * 여전히 우선합니다.\n   */\n  'aria-label'?: string\n  /** 열려 있는 동안 페이지의 나머지를 비활성 상태로 만듭니다. 기본값은 true입니다. */\n  modal?: boolean\n  /** 열려 있는 동안 포커스를 대화상자 안에 가둡니다. 모달 대화상자에서는 기본값이 true입니다. */\n  trapFocus?: boolean\n  /** 닫힐 때 포커스를 trigger로 되돌립니다. 기본값은 true입니다. */\n  restoreFocus?: boolean\n  /** 열려 있는 동안 뒤쪽 페이지가 스크롤되지 않게 합니다. 모달에서는 기본값이 true입니다. */\n  preventScroll?: boolean\n  /** Escape를 누르면 닫힙니다. 기본값은 true입니다. */\n  closeOnEscape?: boolean\n  /** 바깥에서 포인터가 눌리면 닫힙니다. 기본값은 true입니다. */\n  closeOnInteractOutside?: boolean\n  /** 이 Dialog에만 적용되는 접근성 문자열이며, provider의 것보다 우선합니다. */\n  translations?: TranslationOverrides\n  /** 하나의 공유 척도에서 옵니다. 모든 컴포넌트가 그렇듯 기본값은 `md`입니다. */\n  size?: Size\n  /** 팩토리가 생성하는 식별자를 덮어씁니다. 서버와 클라이언트에서 동일합니다. */\n  id?: string\n}\n\nexport const Dialog = defineComponent<DialogRootProps>()({\n  name: 'Dialog',\n  module: dialog,\n  rootPart: null,\n  elements: {\n    title: 'h2',\n    description: 'p',\n  },\n  defaultContent: {\n    closeTrigger: (_api, t) => [\n      <Icon key=\"icon\" icon={close} />,\n      <span key=\"label\" data-visually-hidden=\"\" style={visuallyHiddenStyle}>\n        {t('dialog.closeTrigger.label')}\n      </span>,\n    ],\n  },\n  machineTranslations: null,\n  variantProps: ['size'],\n  slots: (props: DialogRootProps) => {\n    const size = resolveSize(props.size, 'Dialog')\n    const own = dialogRecipe.raw({ size })\n    return {\n      ...dialogRecipe({ size }),\n      trigger: buttonPartClass({ variant: 'outline', tone: 'neutral', size }, own.trigger),\n      closeTrigger: buttonPartClass({ variant: 'ghost', tone: 'neutral', size }, own.closeTrigger),\n    }\n  },\n})\n"],"mappings":";;;;;;;;;;;;AAqDA,MAAa,SAAS,gBAAiC,CAAC,CAAC;CACvD,MAAM;CACN,QAAQ;CACR,UAAU;CACV,UAAU;EACR,OAAO;EACP,aAAa;CACf;CACA,gBAAgB,EACd,eAAe,MAAM,MAAM,CACzB,oBAAC,MAAD,EAAiB,MAAM,MAAQ,GAArB,MAAqB,GAC/B,oBAAC,QAAD;EAAkB,wBAAqB;EAAG,OAAO;EAC9C,UAAA,EAAE,2BAA2B;CAC1B,GAFI,OAEJ,CACR,EACF;CACA,qBAAqB;CACrB,cAAc,CAAC,MAAM;CACrB,QAAQ,UAA2B;EACjC,MAAM,OAAO,YAAY,MAAM,MAAM,QAAQ;EAC7C,MAAM,MAAM,aAAa,IAAI,EAAE,KAAK,CAAC;EACrC,OAAO;GACL,GAAG,aAAa,EAAE,KAAK,CAAC;GACxB,SAAS,gBAAgB;IAAE,SAAS;IAAW,MAAM;IAAW;GAAK,GAAG,IAAI,OAAO;GACnF,cAAc,gBAAgB;IAAE,SAAS;IAAS,MAAM;IAAW;GAAK,GAAG,IAAI,YAAY;EAC7F;CACF;AACF,CAAC"}