@likec4/diagram 1.59.3 → 1.60.0

package/dist/LikeC4View.d.ts

@@ -1,284 +0,0 @@
-import { CSSProperties, ReactNode } from 'react';
-import { JSX } from 'react/jsx-runtime';
-import { ElementIconRenderer, NodeRenderers, OverrideReactFlowProps, PaddingWithUnit, ViewPadding } from './LikeC4Diagram.props';
-import type * as t from '@likec4/core/types';
-export interface LikeC4ViewProps<A extends t.aux.Any = t.aux.UnknownLayouted> {
-    /**
-     * View to display.
-     */
-    viewId: t.aux.ViewId<A>;
-    /**
-     * Layout to display
-     * - `auto`: auto-layouted from the current sources
-     * - `manual`: manually layouted (if available, falls back to `auto`)
-     *
-     * @default 'manual'
-     */
-    layoutType?: t.LayoutType | undefined;
-    /**
-     * Enable/disable panning
-     * @default false
-     */
-    pannable?: boolean | undefined;
-    /**
-     * Enable/disable zooming
-     * @default false
-     */
-    zoomable?: boolean | undefined;
-    /**
-     * @default true
-     */
-    keepAspectRatio?: boolean | undefined;
-    /**
-     * Background pattern
-     * @default 'transparent'
-     */
-    background?: 'dots' | 'lines' | 'cross' | 'transparent' | 'solid' | undefined;
-    /**
-     * Click on the view opens a modal with browser.
-     * You can customize or disable the browser.
-     *
-     * @default true
-     */
-    browser?: boolean | LikeC4BrowserProps | undefined;
-    /**
-     * @default - determined by the user's system preferences.
-     */
-    colorScheme?: 'light' | 'dark' | undefined;
-    /**
-     * LikeC4 views are using 'IBM Plex Sans' font.
-     * By default, component injects the CSS to document head.
-     * Set to false if you want to handle the font yourself.
-     *
-     * @default true
-     */
-    injectFontCss?: boolean | undefined;
-    /**
-     * Show/hide panel with top left controls,
-     * @default false
-     */
-    controls?: boolean | undefined;
-    /**
-     * If set, initial viewport will show all nodes & edges
-     * @default true
-     */
-    fitView?: boolean | undefined;
-    /**
-     * Padding around the diagram
-     * @default '16px'
-     *
-     * @see {@link ViewPadding}
-     *
-     * @example
-     * ```tsx
-     * <LikeC4View
-     *   fitViewPadding={{
-     *     x: '16px',
-     *     y: 16,
-     *   }}
-     * />
-     *
-     * <LikeC4View
-     *   fitViewPadding={{
-     *     top: 8,
-     *     right: '8px',
-     *     bottom: '1px',
-     *     left: '8px',
-     *   }}
-     * />
-     * ```
-     */
-    fitViewPadding?: ViewPadding | undefined;
-    /**
-     * Show back/forward navigation buttons in controls panel
-     * @default false
-     */
-    showNavigationButtons?: undefined | boolean;
-    /**
-     * Display notations of the view
-     * @default false
-     */
-    enableNotations?: boolean | undefined;
-    /**
-     * If double click on a node should enable focus mode, i.e. highlight incoming/outgoing edges
-     * Conflicts with `browser` prop
-     *
-     * @default false
-     */
-    enableFocusMode?: boolean | undefined;
-    /**
-     * If Walkthrough for dynamic views should be enabled
-     * @default false
-     */
-    enableDynamicViewWalkthrough?: boolean | undefined;
-    /**
-     * Default dynamic view display variant
-     * @default 'diagram'
-     */
-    dynamicViewVariant?: t.DynamicViewDisplayVariant | undefined;
-    /**
-     * Enable popup with element details
-     * @default false
-     */
-    enableElementDetails?: boolean | undefined;
-    /**
-     * Display element tags in the bottom left corner
-     * @default false
-     */
-    enableElementTags?: boolean | undefined;
-    /**
-     * Display dropdown with details on relationship's label click
-     * @default false
-     */
-    enableRelationshipDetails?: boolean | undefined;
-    /**
-     * Allow popup to browse relationships
-     *
-     * @default enableRelationshipDetails
-     */
-    enableRelationshipBrowser?: boolean | undefined;
-    /**
-     * Display element notes, if they are present in the view
-     *
-     * @default false
-     */
-    enableNotes?: boolean | undefined;
-    /**
-     * Improve performance by hiding certain elements and reducing visual effects (disable mix-blend, shadows, animations)
-     *
-     * @default 'auto' - will be set to true if view is pannable and has more than 3000 * 2000 pixels
-     */
-    reduceGraphics?: 'auto' | boolean | undefined;
-    where?: t.WhereOperator<A> | undefined;
-    /**
-     * Override some react flow props
-     */
-    reactFlowProps?: OverrideReactFlowProps | undefined;
-    className?: string | undefined;
-    style?: CSSProperties | undefined;
-    /**
-     * Override Mantine theme
-     */
-    mantineTheme?: any;
-    /** Function to generate nonce attribute added to all generated `<style />` tags */
-    styleNonce?: string | (() => string) | undefined;
-    /**
-     * Override node renderers
-     */
-    renderNodes?: NodeRenderers | undefined;
-    /**
-     * Render custom icon for a node
-     * By default, if icon is http:// or https://, it will be rendered as an image
-     */
-    renderIcon?: ElementIconRenderer | undefined;
-    /**
-     * Children to render inside the diagram (not inside the browser overlay)
-     */
-    children?: ReactNode | undefined;
-}
-export interface LikeC4BrowserProps {
-    /**
-     * Background pattern for the browser view.
-     * @default 'dots'
-     */
-    background?: 'dots' | 'lines' | 'cross' | 'transparent' | 'solid' | undefined;
-    /**
-     * Padding around the diagram
-     * @default '16px'
-     */
-    fitViewPadding?: PaddingWithUnit | undefined;
-    /**
-     * Show/hide panel with top left controls,
-     *
-     * @default true
-     */
-    controls?: boolean | undefined;
-    /**
-     * Show back/forward navigation buttons
-     * @default true
-     */
-    showNavigationButtons?: undefined | boolean;
-    /**
-     * Enable search popup for elements and views
-     * @default true
-     */
-    enableSearch?: boolean | undefined;
-    /**
-     * If double click on a node should enable focus mode
-     *
-     * @default true
-     */
-    enableFocusMode?: boolean | undefined;
-    /**
-     * If Walkthrough for dynamic views should be enabled
-     * @default true
-     */
-    enableDynamicViewWalkthrough?: boolean | undefined;
-    /**
-     * Default dynamic view display variant
-     * @default 'diagram'
-     */
-    dynamicViewVariant?: t.DynamicViewDisplayVariant | undefined;
-    /**
-     * Enable popup with element details
-     * @default true
-     */
-    enableElementDetails?: boolean | undefined;
-    /**
-     * Experimental feature to browse relationships
-     *
-     * @default true
-     */
-    enableRelationshipBrowser?: boolean | undefined;
-    /**
-     * Display dropdown with details on relationship's label click
-     * @default enableRelationshipBrowser
-     */
-    enableRelationshipDetails?: boolean | undefined;
-    /**
-     * Display element tags in the bottom left corner
-     * @default true
-     */
-    enableElementTags?: boolean | undefined;
-    /**
-     * Display notations of the view
-     * @default true
-     */
-    enableNotations?: boolean | undefined;
-    /**
-     * Enable "Compare with auto layout" action when view was manually modified and out of sync with latest model
-     * @default true
-     */
-    enableCompareWithLatest?: boolean | undefined;
-    /**
-     * Display element notes, if they are present in the view
-     *
-     * @default true
-     */
-    enableNotes?: boolean | undefined;
-    /**
-     * Improve performance by hiding certain elements and reducing visual effects (disable mix-blend, shadows, animations)
-     *
-     * @default 'auto' - will be set to true if view is pannable and has more than 3000 * 2000 pixels
-     */
-    reduceGraphics?: 'auto' | boolean | undefined;
-    className?: string | undefined;
-    style?: CSSProperties | undefined;
-    /**
-     * Override some react flow props
-     */
-    reactFlowProps?: OverrideReactFlowProps | undefined;
-    /**
-     * Children to render inside the browser overlay
-     */
-    children?: ReactNode | undefined;
-}
-/**
- * Ready-to-use component to display embedded LikeC4 view,
- * OnClick allows to browse the model.
- *
- * {@link ReactLikeC4} gives you more control.
- *
- * Component is wrapped in ShadowRoot to isolate styles.
- */
-export declare function LikeC4View<A extends t.aux.Any = t.aux.UnknownLayouted>({ viewId, className, pannable, zoomable, keepAspectRatio, colorScheme, injectFontCss, controls, layoutType: initialLayoutType, background, browser, showNavigationButtons, enableNotations, enableFocusMode, enableDynamicViewWalkthrough, enableElementDetails, enableRelationshipDetails, enableRelationshipBrowser, enableNotes, reduceGraphics, mantineTheme, styleNonce, style, reactFlowProps, renderNodes, children, ...props }: LikeC4ViewProps<A>): JSX.Element;

package/dist/LikeC4View.js

@@ -1,151 +0,0 @@
-import "./_virtual/_rolldown/runtime.js";
-import { stopPropagation } from "./utils/xyflow.js";
-import { FitViewPaddings } from "./base/const.js";
-import { useOptionalLikeC4Model } from "./context/LikeC4ModelContext.js";
-import { pickViewBounds } from "./utils/view-bounds.js";
-import { Overlay } from "./overlays/overlay/Overlay.js";
-import { LikeC4Diagram } from "./LikeC4Diagram.js";
-import { ErrorMessage } from "./components/ViewNotFound.js";
-import { ShadowRoot } from "./shadowroot/ShadowRoot.js";
-import { css, cx } from "@likec4/styles/css";
-import { IconX } from "@tabler/icons-react";
-import { useState } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { isBoolean } from "remeda";
-import { ActionIcon } from "@mantine/core";
-import { Box as Box$1 } from "@likec4/styles/jsx";
-//#region src/LikeC4View.tsx
-var cssInteractive = css({
-	cursor: "pointer",
-	["--mantine-cursor-pointer"]: "pointer",
-	"& :where(.likec4-diagram, .likec4-compound-node, .likec4-element-node)": { cursor: "pointer" }
-});
-/**
-* Ready-to-use component to display embedded LikeC4 view,
-* OnClick allows to browse the model.
-*
-* {@link ReactLikeC4} gives you more control.
-*
-* Component is wrapped in ShadowRoot to isolate styles.
-*/
-function LikeC4View({ viewId, className, pannable = false, zoomable = false, keepAspectRatio = true, colorScheme, injectFontCss = true, controls = false, layoutType: initialLayoutType = "manual", background = "transparent", browser = true, showNavigationButtons = false, enableNotations, enableFocusMode = false, enableDynamicViewWalkthrough = false, enableElementDetails = false, enableRelationshipDetails = false, enableRelationshipBrowser = enableRelationshipDetails, enableNotes = false, reduceGraphics = "auto", mantineTheme, styleNonce, style, reactFlowProps, renderNodes, children, ...props }) {
-	const likec4model = useOptionalLikeC4Model();
-	const [layoutType, setLayoutType] = useState(initialLayoutType);
-	const [browserViewId, _onNavigateTo] = useState(null);
-	const onNavigateTo = (viewId) => {
-		if (viewId && viewId !== browserViewId) setLayoutType(initialLayoutType);
-		_onNavigateTo(viewId);
-	};
-	const onNavigateToThisView = () => {
-		onNavigateTo(viewId);
-	};
-	const closeBrowser = () => {
-		onNavigateTo(null);
-	};
-	if (!likec4model) return /* @__PURE__ */ jsx(ErrorMessage, { children: "LikeC4Model not found. Make sure you have LikeC4ModelProvider in the component tree." });
-	const viewModel = likec4model.findView(viewId);
-	if (!viewModel) return /* @__PURE__ */ jsxs(ErrorMessage, { children: [
-		"LikeC4 View ",
-		/* @__PURE__ */ jsx("code", { children: viewId }),
-		" not found in LikeC4Model.",
-		/* @__PURE__ */ jsx("br", {}),
-		"Available views: ",
-		[...likec4model.views()].map((v) => v.id).join(", ")
-	] });
-	if (!viewModel.isLayouted()) return /* @__PURE__ */ jsxs(ErrorMessage, { children: [
-		"LikeC4 View ",
-		/* @__PURE__ */ jsx("code", { children: viewId }),
-		" is not layouted.",
-		/* @__PURE__ */ jsx("br", {}),
-		"Make sure you have LikeC4ModelProvider with layouted model."
-	] });
-	const view = initialLayoutType === "manual" ? viewModel.$layouted : viewModel.$view;
-	const browserViewModel = browserViewId ? likec4model.findView(browserViewId) : null;
-	const browserView = layoutType === "manual" ? browserViewModel?.$layouted : browserViewModel?.$view;
-	const hasNotations = !!enableNotations && (view.notation?.nodes?.length ?? 0) > 0;
-	const browserViewHasNotations = (browserView?.notation?.nodes?.length ?? 0) > 0;
-	const isBrowserEnabled = browser !== false;
-	const browserProps = isBoolean(browser) ? {} : browser;
-	const bounds = pickViewBounds(view, props.dynamicViewVariant);
-	return /* @__PURE__ */ jsxs(ShadowRoot, {
-		injectFontCss,
-		theme: mantineTheme,
-		colorScheme,
-		styleNonce,
-		keepAspectRatio: keepAspectRatio ? bounds : false,
-		className: cx("likec4-view", className),
-		style,
-		children: [/* @__PURE__ */ jsx(LikeC4Diagram, {
-			view,
-			pannable,
-			zoomable,
-			background,
-			fitView: true,
-			fitViewPadding: FitViewPaddings.default,
-			enableNotations: hasNotations,
-			enableDynamicViewWalkthrough,
-			showNavigationButtons,
-			enableCompareWithLatest: false,
-			enableFocusMode,
-			enableRelationshipDetails,
-			enableElementDetails,
-			enableRelationshipBrowser,
-			enableElementTags: false,
-			enableNotes,
-			controls,
-			reduceGraphics,
-			className: cx("likec4-static-view", isBrowserEnabled && cssInteractive),
-			enableSearch: false,
-			...isBrowserEnabled && {
-				onCanvasClick: onNavigateToThisView,
-				onNodeClick: onNavigateToThisView,
-				onEdgeClick: onNavigateToThisView
-			},
-			reactFlowProps,
-			renderNodes,
-			...props,
-			children
-		}), browserView && /* @__PURE__ */ jsxs(Overlay, {
-			onClose: closeBrowser,
-			children: [/* @__PURE__ */ jsx(LikeC4Diagram, {
-				view: browserView,
-				pannable: true,
-				zoomable: true,
-				background: "dots",
-				onNavigateTo,
-				showNavigationButtons: true,
-				enableDynamicViewWalkthrough: true,
-				enableFocusMode: true,
-				enableRelationshipBrowser: true,
-				enableElementDetails: true,
-				enableRelationshipDetails: true,
-				enableSearch: true,
-				enableElementTags: true,
-				enableNotes: true,
-				enableCompareWithLatest: true,
-				controls: true,
-				fitView: true,
-				...props,
-				fitViewPadding: FitViewPaddings.withControls,
-				...browserProps,
-				enableNotations: browserViewHasNotations && (browserProps.enableNotations ?? true),
-				renderNodes,
-				onLayoutTypeChange: setLayoutType
-			}), /* @__PURE__ */ jsx(Box$1, {
-				pos: "absolute",
-				top: "4",
-				right: "4",
-				zIndex: "999",
-				onClick: stopPropagation,
-				children: /* @__PURE__ */ jsx(ActionIcon, {
-					variant: "default",
-					color: "gray",
-					onClick: closeBrowser,
-					children: /* @__PURE__ */ jsx(IconX, {})
-				})
-			})]
-		})]
-	});
-}
-//#endregion
-export { LikeC4View };

package/dist/ReactLikeC4.d.ts

@@ -1,47 +0,0 @@
-import { CSSProperties, ReactNode } from 'react';
-import { JSX } from 'react/jsx-runtime';
-import { LikeC4DiagramEventHandlers, LikeC4DiagramProperties } from './LikeC4Diagram.props';
-import type * as t from '@likec4/core/types';
-export type ReactLikeC4Props<A extends t.aux.Any = t.aux.UnknownLayouted> = {
-    viewId: t.aux.ViewId<A>;
-    /**
-     * Layout to display
-     * - `auto`: auto-layouted from the current sources
-     * - `manual`: manually layouted (if available, falls back to `auto`)
-     *
-     * Uncontrolled initial value, use `onLayoutTypeChange` to control it.
-     *
-     * @default 'manual'
-     */
-    layoutType?: t.LayoutType | undefined;
-    /**
-     * Keep aspect ratio of the diagram
-     *
-     * @default false
-     */
-    keepAspectRatio?: boolean | undefined;
-    /**
-     * By default determined by the user's system preferences.
-     */
-    colorScheme?: 'light' | 'dark' | undefined;
-    /**
-     * LikeC4 views are using 'IBM Plex Sans Variable' font.
-     * By default, component injects the CSS to document head.
-     * Set to false if you want to handle the font yourself.
-     *
-     * @default true
-     */
-    injectFontCss?: boolean | undefined;
-    style?: CSSProperties | undefined;
-    mantineTheme?: any;
-    /** Function to generate nonce attribute added to all generated `<style />` tags */
-    styleNonce?: string | (() => string | undefined) | undefined;
-    children?: ReactNode | undefined;
-} & Omit<LikeC4DiagramProperties<A>, 'view'> & LikeC4DiagramEventHandlers<A>;
-/**
- * Ready-to-use component to display embedded LikeC4 view, same as {@link LikeC4View}
- * But provides more control over the diagram
- *
- * Component is wrapped in ShadowRoot to isolate styles.
- */
-export declare function ReactLikeC4<A extends t.aux.Any = t.aux.UnknownLayouted>({ viewId, layoutType: initialLayoutType, className, colorScheme, injectFontCss, enableNotations, keepAspectRatio, style, mantineTheme, styleNonce, ...props }: ReactLikeC4Props<A>): JSX.Element;

package/dist/ReactLikeC4.js

@@ -1,45 +0,0 @@
-import "./_virtual/_rolldown/runtime.js";
-import { useOptionalLikeC4Model } from "./context/LikeC4ModelContext.js";
-import { pickViewBounds } from "./utils/view-bounds.js";
-import { LikeC4Diagram } from "./LikeC4Diagram.js";
-import { ErrorMessage, ViewNotFound } from "./components/ViewNotFound.js";
-import { ShadowRoot } from "./shadowroot/ShadowRoot.js";
-import { cx } from "@likec4/styles/css";
-import { jsx, jsxs } from "react/jsx-runtime";
-//#region src/ReactLikeC4.tsx
-/**
-* Ready-to-use component to display embedded LikeC4 view, same as {@link LikeC4View}
-* But provides more control over the diagram
-*
-* Component is wrapped in ShadowRoot to isolate styles.
-*/
-function ReactLikeC4({ viewId, layoutType: initialLayoutType = "manual", className, colorScheme, injectFontCss = true, enableNotations, keepAspectRatio, style, mantineTheme, styleNonce, ...props }) {
-	const likec4model = useOptionalLikeC4Model();
-	if (!likec4model) return /* @__PURE__ */ jsx(ErrorMessage, { children: "LikeC4Model not found. Make sure you provided LikeC4ModelProvider." });
-	const viewModel = likec4model.findView(viewId);
-	if (!viewModel) return /* @__PURE__ */ jsx(ViewNotFound, { viewId });
-	if (!viewModel.isLayouted()) return /* @__PURE__ */ jsxs(ErrorMessage, { children: [
-		"LikeC4 View \"$",
-		viewId,
-		"\" is not layouted. Make sure you have LikeC4ModelProvider with layouted model."
-	] });
-	const view = initialLayoutType === "manual" ? viewModel.$layouted : viewModel.$view;
-	const bounds = pickViewBounds(view, props.dynamicViewVariant);
-	const hasNotations = !!enableNotations && (view.notation?.nodes?.length ?? 0) > 0;
-	return /* @__PURE__ */ jsx(ShadowRoot, {
-		injectFontCss,
-		theme: mantineTheme,
-		colorScheme,
-		styleNonce,
-		keepAspectRatio: keepAspectRatio ? bounds : false,
-		className: cx("likec4-view", className),
-		style,
-		children: /* @__PURE__ */ jsx(LikeC4Diagram, {
-			view,
-			enableNotations: hasNotations,
-			...props
-		})
-	});
-}
-//#endregion
-export { ReactLikeC4 };

package/dist/StaticLikeC4Diagram.d.ts

@@ -1,11 +0,0 @@
-import { Any, UnknownLayouted } from '@likec4/core/types';
-import { JSX } from 'react/jsx-runtime';
-import { LikeC4DiagramProperties } from './LikeC4Diagram.props';
-export type StaticLikeC4DiagramProps<A extends Any> = Pick<LikeC4DiagramProperties<A>, 'view' | 'className' | 'fitView' | 'fitViewPadding' | 'background' | 'enableElementDetails' | 'enableRelationshipDetails' | 'enableRelationshipBrowser' | 'enableElementTags' | 'reduceGraphics' | 'initialWidth' | 'initialHeight' | 'renderIcon' | 'renderNodes' | 'dynamicViewVariant' | 'where'>;
-/**
- * StaticLikeC4Diagram is a component that renders a LikeC4 diagram in a static way.
- * (Export/Embed)
- *
- * @internal
- */
-export declare function StaticLikeC4Diagram<A extends Any = UnknownLayouted>({ view, fitView, fitViewPadding, enableRelationshipDetails, enableRelationshipBrowser, background, className, ...rest }: StaticLikeC4DiagramProps<A>): JSX.Element;

package/dist/StaticLikeC4Diagram.js

@@ -1,38 +0,0 @@
-import "./_virtual/_rolldown/runtime.js";
-import { LikeC4Diagram } from "./LikeC4Diagram.js";
-import { cx } from "@likec4/styles/css";
-import { jsx } from "react/jsx-runtime";
-//#region src/StaticLikeC4Diagram.tsx
-/**
-* StaticLikeC4Diagram is a component that renders a LikeC4 diagram in a static way.
-* (Export/Embed)
-*
-* @internal
-*/
-function StaticLikeC4Diagram({ view, fitView = true, fitViewPadding = "8px", enableRelationshipDetails = false, enableRelationshipBrowser = enableRelationshipDetails, background = "transparent", className, ...rest }) {
-	return /* @__PURE__ */ jsx(LikeC4Diagram, {
-		view,
-		className: cx(className, "likec4-static-view"),
-		fitView,
-		fitViewPadding,
-		pannable: false,
-		zoomable: false,
-		controls: false,
-		background,
-		enableNotations: false,
-		enableElementDetails: false,
-		enableRelationshipDetails,
-		enableRelationshipBrowser,
-		enableDynamicViewWalkthrough: false,
-		showNavigationButtons: false,
-		enableCompareWithLatest: false,
-		enableFocusMode: false,
-		enableSearch: false,
-		nodesSelectable: false,
-		enableElementTags: false,
-		enableNotes: false,
-		...rest
-	});
-}
-//#endregion
-export { StaticLikeC4Diagram };

package/dist/_virtual/_rolldown/runtime.js

@@ -1,17 +0,0 @@
-//#region \0rolldown/runtime.js
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", {
-	value,
-	configurable: true
-});
-var __exportAll = (all, no_symbols) => {
-	let target = {};
-	for (var name in all) __defProp(target, name, {
-		get: all[name],
-		enumerable: true
-	});
-	if (!no_symbols) __defProp(target, Symbol.toStringTag, { value: "Module" });
-	return target;
-};
-//#endregion
-export { __exportAll, __name };

package/dist/base/Background.d.ts

@@ -1,8 +0,0 @@
-import { BackgroundProps } from '@xyflow/react';
-import { NamedExoticComponent } from 'react';
-export type XYBackgroundVariant = 'dots' | 'lines' | 'cross';
-export type XYBackground = XYBackgroundVariant | BackgroundProps;
-export type XYBackgroundProps = {
-    background: XYBackground;
-};
-export declare const Background: NamedExoticComponent<XYBackgroundProps>;

package/dist/base/Background.js

@@ -1,30 +0,0 @@
-import "../_virtual/_rolldown/runtime.js";
-import { memo } from "react";
-import { jsx } from "react/jsx-runtime";
-import { Background, BackgroundVariant } from "@xyflow/react";
-import { deepEqual } from "fast-equals";
-import { nonexhaustive } from "@likec4/core";
-//#region src/base/Background.tsx
-function literalToEnum(value) {
-	switch (value) {
-		case "dots": return BackgroundVariant.Dots;
-		case "lines": return BackgroundVariant.Lines;
-		case "cross": return BackgroundVariant.Cross;
-		default: nonexhaustive(value);
-	}
-}
-var compareProps = (prev, next) => {
-	if (typeof prev.background === "string" && typeof next.background === "string") return prev.background === next.background;
-	return deepEqual(prev.background, next.background);
-};
-var Background$1 = memo(({ background }) => {
-	if (typeof background === "string") return /* @__PURE__ */ jsx(Background, {
-		variant: literalToEnum(background),
-		size: 2,
-		gap: 20
-	});
-	return /* @__PURE__ */ jsx(Background, { ...background });
-}, compareProps);
-Background$1.displayName = "Background";
-//#endregion
-export { Background$1 as Background };

package/dist/base/Base.d.ts

@@ -1,29 +0,0 @@
-type WithDimmed = {
-    data: {
-        dimmed?: Base.Dimmed;
-    };
-};
-type WithHovered = {
-    data: {
-        hovered?: boolean;
-    };
-};
-declare function setDimmed<T extends WithDimmed>(value: T, dimmed: 'immediate' | boolean): T;
-declare function setDimmed(dimmed: 'immediate' | boolean): <T extends WithDimmed>(value: T) => T;
-declare function setHovered<T extends WithHovered>(value: T, hovered: boolean): T;
-declare function setHovered(hovered: boolean): <T extends WithHovered>(value: T) => T;
-export declare function hasSubObject<E>(value: E, subobl: Partial<E>): boolean;
-type WithData<D> = {
-    data: D;
-};
-declare function setData<E extends WithData<any>>(value: E, data: Partial<E['data']>): E;
-declare function setData<E extends WithData<any>>(state: Partial<NoInfer<E>['data']>): (value: E) => E;
-export declare const Base: {
-    setDimmed: typeof setDimmed;
-    setHovered: typeof setHovered;
-    setData: typeof setData;
-};
-export declare namespace Base {
-    type Dimmed = 'immediate' | boolean;
-}
-export {};