@neurocle/synapse-react 0.0.0-stage → 0.3.0

package/dist/components/tree-view/tree-view.recipe.mjs

@@ -0,0 +1,458 @@
+import { sva } from "../../react/styled-system/css/sva.mjs";
+//#region src/components/tree-view/tree-view.recipe.ts
+const treeViewRecipe = sva({
+	slots: [
+		"branch",
+		"branchContent",
+		"branchControl",
+		"branchIndentGuide",
+		"branchIndicator",
+		"branchText",
+		"branchTrigger",
+		"item",
+		"itemIndicator",
+		"itemText",
+		"label",
+		"nodeCheckbox",
+		"nodeRenameInput",
+		"root",
+		"tree"
+	],
+	base: {
+		branch: {
+			display: "flex",
+			flexDirection: "column"
+		},
+		branchContent: {
+			position: "relative",
+			display: "flex",
+			flexDirection: "column"
+		},
+		branchControl: {
+			display: "flex",
+			alignItems: "center",
+			gap: "gap.inline",
+			minHeight: "target.minimum",
+			paddingInlineEnd: "inset.control",
+			rounded: "control",
+			borderWidth: "hairline",
+			borderStyle: "solid",
+			borderColor: "surface.transparent",
+			color: "foreground.default",
+			cursor: "default",
+			"--tree-indent": "calc((var(--depth, 1) - 1) * var(--tree-depth-step) + token(spacing.inset.control))",
+			paddingInlineStart: "var(--tree-indent)",
+			transitionProperty: "colors",
+			transitionDuration: "interaction",
+			transitionTimingFunction: "interaction",
+			"&:not([data-disabled], [data-selected]):hover": {
+				bg: "secondary.default",
+				color: "foreground.default"
+			},
+			_selected: {
+				bg: "primary.subtle",
+				color: "primary.onSurface",
+				borderColor: "primary.default",
+				_highContrast: {
+					bg: "system.highlight",
+					color: "system.highlightText",
+					borderColor: "system.highlight"
+				}
+			},
+			outlineColor: "border.focus",
+			_focusVisible: {
+				outlineStyle: "solid",
+				outlineWidth: "focus",
+				outlineOffset: "-inset.compact",
+				outlineColor: "border.focus"
+			},
+			_disabled: {
+				color: "foreground.disabled",
+				cursor: "not-allowed",
+				_highContrast: { color: "system.grayText" }
+			}
+		},
+		branchIndentGuide: {
+			position: "absolute",
+			insetBlock: "inset.none",
+			"--tree-guide": "calc((var(--depth, 1) - 1) * var(--tree-depth-step) + token(spacing.inset.control) + var(--tree-icon) / 2)",
+			insetInlineStart: "var(--tree-guide)",
+			pointerEvents: "none",
+			borderInlineStartWidth: "hairline",
+			borderInlineStartStyle: "solid",
+			borderColor: "border.muted"
+		},
+		branchIndicator: {
+			display: "inline-flex",
+			alignItems: "center",
+			justifyContent: "center",
+			flexShrink: 0,
+			color: "foreground.muted",
+			pointerEvents: "none",
+			transitionProperty: "common",
+			transitionDuration: "interaction",
+			transitionTimingFunction: "interaction",
+			_open: {
+				transform: "rotate(90deg)",
+				_rtl: { transform: "rotate(-90deg)" }
+			}
+		},
+		branchText: {
+			overflow: "hidden",
+			textOverflow: "ellipsis",
+			whiteSpace: "nowrap"
+		},
+		branchTrigger: {
+			display: "inline-flex",
+			alignItems: "center",
+			justifyContent: "center",
+			flexShrink: 0,
+			minHeight: "target.minimum",
+			minWidth: "target.minimum",
+			rounded: "inset",
+			borderWidth: "none",
+			bg: "surface.transparent",
+			color: "foreground.muted",
+			transitionProperty: "colors",
+			transitionDuration: "interaction",
+			transitionTimingFunction: "interaction",
+			outlineColor: "border.focus",
+			cursor: "pointer",
+			"&:not(:disabled, [data-disabled], [data-loading]):hover": { color: "foreground.default" },
+			_disabled: {
+				color: "foreground.disabled",
+				cursor: "not-allowed"
+			}
+		},
+		item: {
+			display: "flex",
+			alignItems: "center",
+			gap: "gap.inline",
+			minHeight: "target.minimum",
+			paddingInlineEnd: "inset.control",
+			rounded: "control",
+			borderWidth: "hairline",
+			borderStyle: "solid",
+			borderColor: "surface.transparent",
+			color: "foreground.default",
+			cursor: "default",
+			"--tree-indent": "calc((var(--depth, 1) - 1) * var(--tree-depth-step) + token(spacing.inset.control))",
+			paddingInlineStart: "var(--tree-indent)",
+			transitionProperty: "colors",
+			transitionDuration: "interaction",
+			transitionTimingFunction: "interaction",
+			"&:not([data-disabled], [data-selected]):hover": {
+				bg: "secondary.default",
+				color: "foreground.default"
+			},
+			_selected: {
+				bg: "primary.subtle",
+				color: "primary.onSurface",
+				borderColor: "primary.default",
+				_highContrast: {
+					bg: "system.highlight",
+					color: "system.highlightText",
+					borderColor: "system.highlight"
+				}
+			},
+			outlineColor: "border.focus",
+			_focusVisible: {
+				outlineStyle: "solid",
+				outlineWidth: "focus",
+				outlineOffset: "-inset.compact",
+				outlineColor: "border.focus"
+			},
+			_disabled: {
+				color: "foreground.disabled",
+				cursor: "not-allowed",
+				_highContrast: { color: "system.grayText" }
+			}
+		},
+		itemIndicator: {
+			display: "inline-flex",
+			alignItems: "center",
+			justifyContent: "center",
+			flexShrink: 0,
+			marginInlineStart: "auto",
+			color: "primary.onSurface"
+		},
+		itemText: {
+			overflow: "hidden",
+			textOverflow: "ellipsis",
+			whiteSpace: "nowrap"
+		},
+		label: {
+			textStyle: "detail",
+			color: "foreground.muted"
+		},
+		nodeCheckbox: {
+			position: "relative",
+			display: "inline-flex",
+			alignItems: "center",
+			justifyContent: "center",
+			flexShrink: 0,
+			cursor: "pointer",
+			"--tree-check-reach": "calc((100% - token(sizes.target.minimum)) / 2)",
+			_before: {
+				content: "\"\"",
+				position: "absolute",
+				inset: "var(--tree-check-reach)"
+			},
+			rounded: "inset",
+			borderWidth: "hairline",
+			borderStyle: "solid",
+			borderColor: "border.default",
+			transitionProperty: "colors",
+			transitionDuration: "interaction",
+			transitionTimingFunction: "interaction",
+			"&[data-state=\"checked\"]": {
+				bg: "primary.default",
+				borderColor: "primary.default",
+				color: "primary.foreground"
+			},
+			"&[data-state=\"indeterminate\"]": {
+				bg: "primary.subtle",
+				borderColor: "primary.default",
+				color: "primary.onSurface"
+			},
+			"&[data-state=\"checked\"], &[data-state=\"indeterminate\"]": { _highContrast: {
+				bg: "system.highlight",
+				borderColor: "system.highlight",
+				color: "system.highlightText"
+			} },
+			_disabled: {
+				borderColor: "border.muted",
+				color: "foreground.disabled",
+				cursor: "not-allowed",
+				_highContrast: {
+					color: "system.grayText",
+					borderColor: "system.grayText"
+				}
+			}
+		},
+		nodeRenameInput: {
+			width: "fill",
+			minHeight: "target.minimum",
+			paddingInline: "inset.control",
+			rounded: "control",
+			borderWidth: "hairline",
+			borderStyle: "solid",
+			borderColor: "border.focus",
+			bg: "surface.raised",
+			color: "foreground.default",
+			_focusVisible: {
+				outlineStyle: "solid",
+				outlineWidth: "focus",
+				outlineOffset: "inset.compact",
+				outlineColor: "border.focus"
+			}
+		},
+		root: {
+			display: "flex",
+			flexDirection: "column",
+			gap: "gap.inline",
+			"--tree-depth-step": "spacing.inset.surface"
+		},
+		tree: {
+			display: "flex",
+			flexDirection: "column",
+			maxHeight: "surface.overlayMax",
+			overflowY: "auto",
+			padding: "inset.compact",
+			rounded: "surface",
+			borderWidth: "hairline",
+			borderStyle: "solid",
+			borderColor: "border.default",
+			bg: "surface.raised",
+			color: "foreground.default",
+			_focusVisible: {
+				outlineStyle: "solid",
+				outlineWidth: "focus",
+				outlineOffset: "inset.compact",
+				outlineColor: "border.focus"
+			}
+		}
+	},
+	variants: { size: {
+		xs: {
+			root: { "--tree-icon": "sizes.icon.xs" },
+			branchControl: {
+				"& > svg": {
+					width: "icon.xs",
+					height: "icon.xs"
+				},
+				minHeight: "control.xs",
+				textStyle: "caption"
+			},
+			item: {
+				"& > svg": {
+					width: "icon.xs",
+					height: "icon.xs"
+				},
+				minHeight: "control.xs",
+				textStyle: "caption"
+			},
+			branchIndicator: { "& svg": {
+				width: "icon.xs",
+				height: "icon.xs"
+			} },
+			itemIndicator: { "& svg": {
+				width: "icon.xs",
+				height: "icon.xs"
+			} },
+			nodeCheckbox: {
+				width: "icon.xs",
+				height: "icon.xs"
+			},
+			nodeRenameInput: {
+				minHeight: "control.xs",
+				textStyle: "caption"
+			}
+		},
+		sm: {
+			root: { "--tree-icon": "sizes.icon.sm" },
+			branchControl: {
+				"& > svg": {
+					width: "icon.sm",
+					height: "icon.sm"
+				},
+				minHeight: "control.xs",
+				textStyle: "detail"
+			},
+			item: {
+				"& > svg": {
+					width: "icon.sm",
+					height: "icon.sm"
+				},
+				minHeight: "control.xs",
+				textStyle: "detail"
+			},
+			branchIndicator: { "& svg": {
+				width: "icon.sm",
+				height: "icon.sm"
+			} },
+			itemIndicator: { "& svg": {
+				width: "icon.sm",
+				height: "icon.sm"
+			} },
+			nodeCheckbox: {
+				width: "icon.sm",
+				height: "icon.sm"
+			},
+			nodeRenameInput: {
+				minHeight: "control.xs",
+				textStyle: "detail"
+			}
+		},
+		md: {
+			root: { "--tree-icon": "sizes.icon.sm" },
+			branchControl: {
+				"& > svg": {
+					width: "icon.sm",
+					height: "icon.sm"
+				},
+				minHeight: "control.sm",
+				textStyle: "body"
+			},
+			item: {
+				"& > svg": {
+					width: "icon.sm",
+					height: "icon.sm"
+				},
+				minHeight: "control.sm",
+				textStyle: "body"
+			},
+			branchIndicator: { "& svg": {
+				width: "icon.sm",
+				height: "icon.sm"
+			} },
+			itemIndicator: { "& svg": {
+				width: "icon.sm",
+				height: "icon.sm"
+			} },
+			nodeCheckbox: {
+				width: "icon.sm",
+				height: "icon.sm"
+			},
+			nodeRenameInput: {
+				minHeight: "control.sm",
+				textStyle: "body"
+			}
+		},
+		lg: {
+			root: { "--tree-icon": "sizes.icon.md" },
+			branchControl: {
+				"& > svg": {
+					width: "icon.md",
+					height: "icon.md"
+				},
+				minHeight: "control.md",
+				textStyle: "body"
+			},
+			item: {
+				"& > svg": {
+					width: "icon.md",
+					height: "icon.md"
+				},
+				minHeight: "control.md",
+				textStyle: "body"
+			},
+			branchIndicator: { "& svg": {
+				width: "icon.md",
+				height: "icon.md"
+			} },
+			itemIndicator: { "& svg": {
+				width: "icon.md",
+				height: "icon.md"
+			} },
+			nodeCheckbox: {
+				width: "icon.md",
+				height: "icon.md"
+			},
+			nodeRenameInput: {
+				minHeight: "control.md",
+				textStyle: "body"
+			}
+		},
+		xl: {
+			root: { "--tree-icon": "sizes.icon.lg" },
+			branchControl: {
+				"& > svg": {
+					width: "icon.lg",
+					height: "icon.lg"
+				},
+				minHeight: "control.lg",
+				textStyle: "subtitle"
+			},
+			item: {
+				"& > svg": {
+					width: "icon.lg",
+					height: "icon.lg"
+				},
+				minHeight: "control.lg",
+				textStyle: "subtitle"
+			},
+			branchIndicator: { "& svg": {
+				width: "icon.lg",
+				height: "icon.lg"
+			} },
+			itemIndicator: { "& svg": {
+				width: "icon.lg",
+				height: "icon.lg"
+			} },
+			nodeCheckbox: {
+				width: "icon.lg",
+				height: "icon.lg"
+			},
+			nodeRenameInput: {
+				minHeight: "control.lg",
+				textStyle: "subtitle"
+			}
+		}
+	} },
+	defaultVariants: { size: "md" }
+});
+//#endregion
+export { treeViewRecipe };
+
+//# sourceMappingURL=tree-view.recipe.mjs.map

package/dist/components/tree-view/tree-view.recipe.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"tree-view.recipe.mjs","names":[],"sources":["../../../src/components/tree-view/tree-view.recipe.ts"],"sourcesContent":["import { sva } from '#styled-system/css/index.js'\n\nexport const treeViewRecipe = sva({\n  slots: [\n    'branch',\n    'branchContent',\n    'branchControl',\n    'branchIndentGuide',\n    'branchIndicator',\n    'branchText',\n    'branchTrigger',\n    'item',\n    'itemIndicator',\n    'itemText',\n    'label',\n    'nodeCheckbox',\n    'nodeRenameInput',\n    'root',\n    'tree',\n  ],\n  base: {\n    branch: {\n      display: 'flex',\n      flexDirection: 'column',\n    },\n    branchContent: {\n      position: 'relative',\n      display: 'flex',\n      flexDirection: 'column',\n    },\n    branchControl: {\n      display: 'flex',\n      alignItems: 'center',\n      gap: 'gap.inline',\n      minHeight: 'target.minimum',\n      paddingInlineEnd: 'inset.control',\n      rounded: 'control',\n      borderWidth: 'hairline',\n      borderStyle: 'solid',\n      borderColor: 'surface.transparent',\n      color: 'foreground.default',\n      cursor: 'default',\n      '--tree-indent':\n        'calc((var(--depth, 1) - 1) * var(--tree-depth-step) + token(spacing.inset.control))',\n      paddingInlineStart: 'var(--tree-indent)',\n      transitionProperty: 'colors',\n      transitionDuration: 'interaction',\n      transitionTimingFunction: 'interaction',\n      '&:not([data-disabled], [data-selected]):hover': {\n        bg: 'secondary.default',\n        color: 'foreground.default',\n      },\n      _selected: {\n        bg: 'primary.subtle',\n        color: 'primary.onSurface',\n        borderColor: 'primary.default',\n        _highContrast: {\n          bg: 'system.highlight',\n          color: 'system.highlightText',\n          borderColor: 'system.highlight',\n        },\n      },\n      outlineColor: 'border.focus',\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    branchIndentGuide: {\n      position: 'absolute',\n      insetBlock: 'inset.none',\n      '--tree-guide':\n        'calc((var(--depth, 1) - 1) * var(--tree-depth-step) + token(spacing.inset.control) + var(--tree-icon) / 2)',\n      insetInlineStart: 'var(--tree-guide)',\n      pointerEvents: 'none',\n      borderInlineStartWidth: 'hairline',\n      borderInlineStartStyle: 'solid',\n      borderColor: 'border.muted',\n    },\n    branchIndicator: {\n      display: 'inline-flex',\n      alignItems: 'center',\n      justifyContent: 'center',\n      flexShrink: 0,\n      color: 'foreground.muted',\n      pointerEvents: 'none',\n      transitionProperty: 'common',\n      transitionDuration: 'interaction',\n      transitionTimingFunction: 'interaction',\n      _open: { transform: 'rotate(90deg)', _rtl: { transform: 'rotate(-90deg)' } },\n    },\n    branchText: {\n      overflow: 'hidden',\n      textOverflow: 'ellipsis',\n      whiteSpace: 'nowrap',\n    },\n    branchTrigger: {\n      display: 'inline-flex',\n      alignItems: 'center',\n      justifyContent: 'center',\n      flexShrink: 0,\n      minHeight: 'target.minimum',\n      minWidth: 'target.minimum',\n      rounded: 'inset',\n      borderWidth: 'none',\n      bg: 'surface.transparent',\n      color: 'foreground.muted',\n      transitionProperty: 'colors',\n      transitionDuration: 'interaction',\n      transitionTimingFunction: 'interaction',\n      outlineColor: 'border.focus',\n      cursor: 'pointer',\n      '&:not(:disabled, [data-disabled], [data-loading]):hover': { color: 'foreground.default' },\n      _disabled: { color: 'foreground.disabled', cursor: 'not-allowed' },\n    },\n    item: {\n      display: 'flex',\n      alignItems: 'center',\n      gap: 'gap.inline',\n      minHeight: 'target.minimum',\n      paddingInlineEnd: 'inset.control',\n      rounded: 'control',\n      borderWidth: 'hairline',\n      borderStyle: 'solid',\n      borderColor: 'surface.transparent',\n      color: 'foreground.default',\n      cursor: 'default',\n      '--tree-indent':\n        'calc((var(--depth, 1) - 1) * var(--tree-depth-step) + token(spacing.inset.control))',\n      paddingInlineStart: 'var(--tree-indent)',\n      transitionProperty: 'colors',\n      transitionDuration: 'interaction',\n      transitionTimingFunction: 'interaction',\n      '&:not([data-disabled], [data-selected]):hover': {\n        bg: 'secondary.default',\n        color: 'foreground.default',\n      },\n      _selected: {\n        bg: 'primary.subtle',\n        color: 'primary.onSurface',\n        borderColor: 'primary.default',\n        _highContrast: {\n          bg: 'system.highlight',\n          color: 'system.highlightText',\n          borderColor: 'system.highlight',\n        },\n      },\n      outlineColor: 'border.focus',\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    itemIndicator: {\n      display: 'inline-flex',\n      alignItems: 'center',\n      justifyContent: 'center',\n      flexShrink: 0,\n      marginInlineStart: 'auto',\n      color: 'primary.onSurface',\n    },\n    itemText: {\n      overflow: 'hidden',\n      textOverflow: 'ellipsis',\n      whiteSpace: 'nowrap',\n    },\n    label: {\n      textStyle: 'detail',\n      color: 'foreground.muted',\n    },\n    nodeCheckbox: {\n      position: 'relative',\n      display: 'inline-flex',\n      alignItems: 'center',\n      justifyContent: 'center',\n      flexShrink: 0,\n      cursor: 'pointer',\n      '--tree-check-reach': 'calc((100% - token(sizes.target.minimum)) / 2)',\n      _before: { content: '\"\"', position: 'absolute', inset: 'var(--tree-check-reach)' },\n      rounded: 'inset',\n      borderWidth: 'hairline',\n      borderStyle: 'solid',\n      borderColor: 'border.default',\n      transitionProperty: 'colors',\n      transitionDuration: 'interaction',\n      transitionTimingFunction: 'interaction',\n      '&[data-state=\"checked\"]': {\n        bg: 'primary.default',\n        borderColor: 'primary.default',\n        color: 'primary.foreground',\n      },\n      '&[data-state=\"indeterminate\"]': {\n        bg: 'primary.subtle',\n        borderColor: 'primary.default',\n        color: 'primary.onSurface',\n      },\n      '&[data-state=\"checked\"], &[data-state=\"indeterminate\"]': {\n        _highContrast: {\n          bg: 'system.highlight',\n          borderColor: 'system.highlight',\n          color: 'system.highlightText',\n        },\n      },\n      _disabled: {\n        borderColor: 'border.muted',\n        color: 'foreground.disabled',\n        cursor: 'not-allowed',\n        _highContrast: { color: 'system.grayText', borderColor: 'system.grayText' },\n      },\n    },\n    nodeRenameInput: {\n      width: 'fill',\n      minHeight: 'target.minimum',\n      paddingInline: 'inset.control',\n      rounded: 'control',\n      borderWidth: 'hairline',\n      borderStyle: 'solid',\n      borderColor: 'border.focus',\n      bg: 'surface.raised',\n      color: 'foreground.default',\n      _focusVisible: {\n        outlineStyle: 'solid',\n        outlineWidth: 'focus',\n        outlineOffset: 'inset.compact',\n        outlineColor: 'border.focus',\n      },\n    },\n    root: {\n      display: 'flex',\n      flexDirection: 'column',\n      gap: 'gap.inline',\n      '--tree-depth-step': 'spacing.inset.surface',\n    },\n    tree: {\n      display: 'flex',\n      flexDirection: 'column',\n      maxHeight: 'surface.overlayMax',\n      overflowY: 'auto',\n      padding: 'inset.compact',\n      rounded: 'surface',\n      borderWidth: 'hairline',\n      borderStyle: 'solid',\n      borderColor: 'border.default',\n      bg: 'surface.raised',\n      color: 'foreground.default',\n      _focusVisible: {\n        outlineStyle: 'solid',\n        outlineWidth: 'focus',\n        outlineOffset: 'inset.compact',\n        outlineColor: 'border.focus',\n      },\n    },\n  },\n  variants: {\n    size: {\n      xs: {\n        root: { '--tree-icon': 'sizes.icon.xs' },\n        branchControl: {\n          '& > svg': { width: 'icon.xs', height: 'icon.xs' },\n          minHeight: 'control.xs',\n          textStyle: 'caption',\n        },\n        item: {\n          '& > svg': { width: 'icon.xs', height: 'icon.xs' },\n          minHeight: 'control.xs',\n          textStyle: 'caption',\n        },\n        branchIndicator: { '& svg': { width: 'icon.xs', height: 'icon.xs' } },\n        itemIndicator: { '& svg': { width: 'icon.xs', height: 'icon.xs' } },\n        nodeCheckbox: { width: 'icon.xs', height: 'icon.xs' },\n        nodeRenameInput: { minHeight: 'control.xs', textStyle: 'caption' },\n      },\n      sm: {\n        root: { '--tree-icon': 'sizes.icon.sm' },\n        branchControl: {\n          '& > svg': { width: 'icon.sm', height: 'icon.sm' },\n          minHeight: 'control.xs',\n          textStyle: 'detail',\n        },\n        item: {\n          '& > svg': { width: 'icon.sm', height: 'icon.sm' },\n          minHeight: 'control.xs',\n          textStyle: 'detail',\n        },\n        branchIndicator: { '& svg': { width: 'icon.sm', height: 'icon.sm' } },\n        itemIndicator: { '& svg': { width: 'icon.sm', height: 'icon.sm' } },\n        nodeCheckbox: { width: 'icon.sm', height: 'icon.sm' },\n        nodeRenameInput: { minHeight: 'control.xs', textStyle: 'detail' },\n      },\n      md: {\n        root: { '--tree-icon': 'sizes.icon.sm' },\n        branchControl: {\n          '& > svg': { width: 'icon.sm', height: 'icon.sm' },\n          minHeight: 'control.sm',\n          textStyle: 'body',\n        },\n        item: {\n          '& > svg': { width: 'icon.sm', height: 'icon.sm' },\n          minHeight: 'control.sm',\n          textStyle: 'body',\n        },\n        branchIndicator: { '& svg': { width: 'icon.sm', height: 'icon.sm' } },\n        itemIndicator: { '& svg': { width: 'icon.sm', height: 'icon.sm' } },\n        nodeCheckbox: { width: 'icon.sm', height: 'icon.sm' },\n        nodeRenameInput: { minHeight: 'control.sm', textStyle: 'body' },\n      },\n      lg: {\n        root: { '--tree-icon': 'sizes.icon.md' },\n        branchControl: {\n          '& > svg': { width: 'icon.md', height: 'icon.md' },\n          minHeight: 'control.md',\n          textStyle: 'body',\n        },\n        item: {\n          '& > svg': { width: 'icon.md', height: 'icon.md' },\n          minHeight: 'control.md',\n          textStyle: 'body',\n        },\n        branchIndicator: { '& svg': { width: 'icon.md', height: 'icon.md' } },\n        itemIndicator: { '& svg': { width: 'icon.md', height: 'icon.md' } },\n        nodeCheckbox: { width: 'icon.md', height: 'icon.md' },\n        nodeRenameInput: { minHeight: 'control.md', textStyle: 'body' },\n      },\n      xl: {\n        root: { '--tree-icon': 'sizes.icon.lg' },\n        branchControl: {\n          '& > svg': { width: 'icon.lg', height: 'icon.lg' },\n          minHeight: 'control.lg',\n          textStyle: 'subtitle',\n        },\n        item: {\n          '& > svg': { width: 'icon.lg', height: 'icon.lg' },\n          minHeight: 'control.lg',\n          textStyle: 'subtitle',\n        },\n        branchIndicator: { '& svg': { width: 'icon.lg', height: 'icon.lg' } },\n        itemIndicator: { '& svg': { width: 'icon.lg', height: 'icon.lg' } },\n        nodeCheckbox: { width: 'icon.lg', height: 'icon.lg' },\n        nodeRenameInput: { minHeight: 'control.lg', textStyle: 'subtitle' },\n      },\n    },\n  },\n  defaultVariants: { size: 'md' },\n})\n"],"mappings":"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"}

package/dist/icons/src/calendar.mjs

@@ -0,0 +1,13 @@
+import { Calendar } from "lucide";
+//#region ../icons/src/calendar.ts
+const calendar = {
+	name: "calendar",
+	viewBox: "0 0 24 24",
+	paint: "stroke",
+	nodes: Calendar,
+	directional: false
+};
+//#endregion
+export { calendar };
+
+//# sourceMappingURL=calendar.mjs.map

package/dist/icons/src/calendar.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"calendar.mjs","names":[],"sources":["../../../../icons/src/calendar.ts"],"sourcesContent":["import { Calendar } from 'lucide'\n\nimport type { IconGeometry } from '#/types.ts'\n\nexport const calendar: IconGeometry = {\n  name: 'calendar',\n  viewBox: '0 0 24 24',\n  paint: 'stroke',\n  nodes: Calendar,\n  directional: false,\n}\n"],"mappings":";;AAIA,MAAa,WAAyB;CACpC,MAAM;CACN,SAAS;CACT,OAAO;CACP,OAAO;CACP,aAAa;AACf"}

package/dist/icons/src/checkmark.mjs

@@ -0,0 +1,13 @@
+import { Check } from "lucide";
+//#region ../icons/src/checkmark.ts
+const checkmark = {
+	name: "checkmark",
+	viewBox: "0 0 24 24",
+	paint: "stroke",
+	nodes: Check,
+	directional: false
+};
+//#endregion
+export { checkmark };
+
+//# sourceMappingURL=checkmark.mjs.map

package/dist/icons/src/checkmark.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkmark.mjs","names":[],"sources":["../../../../icons/src/checkmark.ts"],"sourcesContent":["import { Check } from 'lucide'\n\nimport type { IconGeometry } from '#/types.ts'\n\nexport const checkmark: IconGeometry = {\n  name: 'checkmark',\n  viewBox: '0 0 24 24',\n  paint: 'stroke',\n  nodes: Check,\n  directional: false,\n}\n"],"mappings":";;AAIA,MAAa,YAA0B;CACrC,MAAM;CACN,SAAS;CACT,OAAO;CACP,OAAO;CACP,aAAa;AACf"}

package/dist/icons/src/chevron-down.mjs

@@ -0,0 +1,13 @@
+import { ChevronDown } from "lucide";
+//#region ../icons/src/chevron-down.ts
+const chevronDown = {
+	name: "chevronDown",
+	viewBox: "0 0 24 24",
+	paint: "stroke",
+	nodes: ChevronDown,
+	directional: false
+};
+//#endregion
+export { chevronDown };
+
+//# sourceMappingURL=chevron-down.mjs.map

package/dist/icons/src/chevron-down.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"chevron-down.mjs","names":[],"sources":["../../../../icons/src/chevron-down.ts"],"sourcesContent":["import { ChevronDown } from 'lucide'\n\nimport type { IconGeometry } from '#/types.ts'\n\nexport const chevronDown: IconGeometry = {\n  name: 'chevronDown',\n  viewBox: '0 0 24 24',\n  paint: 'stroke',\n  nodes: ChevronDown,\n  directional: false,\n}\n"],"mappings":";;AAIA,MAAa,cAA4B;CACvC,MAAM;CACN,SAAS;CACT,OAAO;CACP,OAAO;CACP,aAAa;AACf"}

package/dist/icons/src/chevron-left.mjs

@@ -0,0 +1,13 @@
+import { ChevronLeft } from "lucide";
+//#region ../icons/src/chevron-left.ts
+const chevronLeft = {
+	name: "chevronLeft",
+	viewBox: "0 0 24 24",
+	paint: "stroke",
+	nodes: ChevronLeft,
+	directional: true
+};
+//#endregion
+export { chevronLeft };
+
+//# sourceMappingURL=chevron-left.mjs.map

package/dist/icons/src/chevron-left.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"chevron-left.mjs","names":[],"sources":["../../../../icons/src/chevron-left.ts"],"sourcesContent":["import { ChevronLeft } from 'lucide'\n\nimport type { IconGeometry } from '#/types.ts'\n\nexport const chevronLeft: IconGeometry = {\n  name: 'chevronLeft',\n  viewBox: '0 0 24 24',\n  paint: 'stroke',\n  nodes: ChevronLeft,\n  directional: true,\n}\n"],"mappings":";;AAIA,MAAa,cAA4B;CACvC,MAAM;CACN,SAAS;CACT,OAAO;CACP,OAAO;CACP,aAAa;AACf"}

package/dist/icons/src/chevron-right.mjs

@@ -0,0 +1,13 @@
+import { ChevronRight } from "lucide";
+//#region ../icons/src/chevron-right.ts
+const chevronRight = {
+	name: "chevronRight",
+	viewBox: "0 0 24 24",
+	paint: "stroke",
+	nodes: ChevronRight,
+	directional: true
+};
+//#endregion
+export { chevronRight };
+
+//# sourceMappingURL=chevron-right.mjs.map

package/dist/icons/src/chevron-right.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"chevron-right.mjs","names":[],"sources":["../../../../icons/src/chevron-right.ts"],"sourcesContent":["import { ChevronRight } from 'lucide'\n\nimport type { IconGeometry } from '#/types.ts'\n\nexport const chevronRight: IconGeometry = {\n  name: 'chevronRight',\n  viewBox: '0 0 24 24',\n  paint: 'stroke',\n  nodes: ChevronRight,\n  directional: true,\n}\n"],"mappings":";;AAIA,MAAa,eAA6B;CACxC,MAAM;CACN,SAAS;CACT,OAAO;CACP,OAAO;CACP,aAAa;AACf"}

package/dist/icons/src/chevron-up.mjs

@@ -0,0 +1,13 @@
+import { ChevronUp } from "lucide";
+//#region ../icons/src/chevron-up.ts
+const chevronUp = {
+	name: "chevronUp",
+	viewBox: "0 0 24 24",
+	paint: "stroke",
+	nodes: ChevronUp,
+	directional: false
+};
+//#endregion
+export { chevronUp };
+
+//# sourceMappingURL=chevron-up.mjs.map

package/dist/icons/src/chevron-up.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"chevron-up.mjs","names":[],"sources":["../../../../icons/src/chevron-up.ts"],"sourcesContent":["import { ChevronUp } from 'lucide'\n\nimport type { IconGeometry } from '#/types.ts'\n\nexport const chevronUp: IconGeometry = {\n  name: 'chevronUp',\n  viewBox: '0 0 24 24',\n  paint: 'stroke',\n  nodes: ChevronUp,\n  directional: false,\n}\n"],"mappings":";;AAIA,MAAa,YAA0B;CACrC,MAAM;CACN,SAAS;CACT,OAAO;CACP,OAAO;CACP,aAAa;AACf"}

package/dist/icons/src/chevrons-left.mjs

@@ -0,0 +1,13 @@
+import { ChevronsLeft } from "lucide";
+//#region ../icons/src/chevrons-left.ts
+const chevronsLeft = {
+	name: "chevronsLeft",
+	viewBox: "0 0 24 24",
+	paint: "stroke",
+	nodes: ChevronsLeft,
+	directional: true
+};
+//#endregion
+export { chevronsLeft };
+
+//# sourceMappingURL=chevrons-left.mjs.map

package/dist/icons/src/chevrons-left.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"chevrons-left.mjs","names":[],"sources":["../../../../icons/src/chevrons-left.ts"],"sourcesContent":["import { ChevronsLeft } from 'lucide'\n\nimport type { IconGeometry } from '#/types.ts'\n\nexport const chevronsLeft: IconGeometry = {\n  name: 'chevronsLeft',\n  viewBox: '0 0 24 24',\n  paint: 'stroke',\n  nodes: ChevronsLeft,\n  directional: true,\n}\n"],"mappings":";;AAIA,MAAa,eAA6B;CACxC,MAAM;CACN,SAAS;CACT,OAAO;CACP,OAAO;CACP,aAAa;AACf"}

package/dist/icons/src/chevrons-right.mjs

@@ -0,0 +1,13 @@
+import { ChevronsRight } from "lucide";
+//#region ../icons/src/chevrons-right.ts
+const chevronsRight = {
+	name: "chevronsRight",
+	viewBox: "0 0 24 24",
+	paint: "stroke",
+	nodes: ChevronsRight,
+	directional: true
+};
+//#endregion
+export { chevronsRight };
+
+//# sourceMappingURL=chevrons-right.mjs.map

package/dist/icons/src/chevrons-right.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"chevrons-right.mjs","names":[],"sources":["../../../../icons/src/chevrons-right.ts"],"sourcesContent":["import { ChevronsRight } from 'lucide'\n\nimport type { IconGeometry } from '#/types.ts'\n\nexport const chevronsRight: IconGeometry = {\n  name: 'chevronsRight',\n  viewBox: '0 0 24 24',\n  paint: 'stroke',\n  nodes: ChevronsRight,\n  directional: true,\n}\n"],"mappings":";;AAIA,MAAa,gBAA8B;CACzC,MAAM;CACN,SAAS;CACT,OAAO;CACP,OAAO;CACP,aAAa;AACf"}

package/dist/icons/src/chevrons-up-down.mjs

@@ -0,0 +1,13 @@
+import { ChevronsUpDown } from "lucide";
+//#region ../icons/src/chevrons-up-down.ts
+const chevronsUpDown = {
+	name: "chevronsUpDown",
+	viewBox: "0 0 24 24",
+	paint: "stroke",
+	nodes: ChevronsUpDown,
+	directional: false
+};
+//#endregion
+export { chevronsUpDown };
+
+//# sourceMappingURL=chevrons-up-down.mjs.map

package/dist/icons/src/chevrons-up-down.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"chevrons-up-down.mjs","names":[],"sources":["../../../../icons/src/chevrons-up-down.ts"],"sourcesContent":["import { ChevronsUpDown } from 'lucide'\n\nimport type { IconGeometry } from '#/types.ts'\n\nexport const chevronsUpDown: IconGeometry = {\n  name: 'chevronsUpDown',\n  viewBox: '0 0 24 24',\n  paint: 'stroke',\n  nodes: ChevronsUpDown,\n  directional: false,\n}\n"],"mappings":";;AAIA,MAAa,iBAA+B;CAC1C,MAAM;CACN,SAAS;CACT,OAAO;CACP,OAAO;CACP,aAAa;AACf"}