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

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

@@ -1,458 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,13 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,13 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,13 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,13 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,13 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,13 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,13 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,13 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,13 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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"}