@galaxy-io/dls 1.0.3

package/dist/lists/BulletedList.js

@@ -0,0 +1,41 @@
+import { withTheme } from "../theme/GalaxyTheme.js";
+import Text, { TextSize } from "../text/Text.js";
+/* empty css                       */
+import { styled } from "@linaria/react";
+import { jsx } from "react/jsx-runtime";
+//#region src/lists/BulletedList.tsx
+var _exp = () => ({ theme }) => theme.color.text.primary;
+var _exp2 = () => ({ theme }) => theme.font.sans.weight.medium;
+var StyledBulletedList = withTheme(/*#__PURE__*/ styled("ul")({
+	name: "StyledBulletedList",
+	class: "s1o45025",
+	propsAsIs: false,
+	vars: {
+		"s1o45025-0": [_exp()],
+		"s1o45025-1": [_exp2()]
+	}
+}));
+var StyledBulletedListItem = /*#__PURE__*/ styled("li")({
+	name: "StyledBulletedListItem",
+	class: "s13x8jj4",
+	propsAsIs: false
+});
+var BulletedListSize = /* @__PURE__ */ function(BulletedListSize) {
+	BulletedListSize["SMALL"] = "SMALL";
+	BulletedListSize["MEDIUM"] = "MEDIUM";
+	BulletedListSize["LARGE"] = "LARGE";
+	return BulletedListSize;
+}({});
+var BULLETED_LIST_SIZE_TO_TEXT_SIZE_MAP = {
+	["SMALL"]: TextSize.BODY_SM,
+	["MEDIUM"]: TextSize.BODY_MD,
+	["LARGE"]: TextSize.BODY_LG
+};
+var BulletedList = ({ items, size = "MEDIUM" }) => {
+	return /* @__PURE__ */ jsx(StyledBulletedList, { children: items.map((item, index) => /* @__PURE__ */ jsx(StyledBulletedListItem, { children: /* @__PURE__ */ jsx(Text, {
+		size: BULLETED_LIST_SIZE_TO_TEXT_SIZE_MAP[size],
+		children: item
+	}) }, index)) });
+};
+//#endregion
+export { BulletedListSize, BulletedList as default };

package/dist/metrics/MetricItem.d.ts

@@ -0,0 +1,15 @@
+import type { ReactNode } from "react";
+export declare enum MetricItemVariant {
+    BASE = "BASE",
+    PRIMARY = "PRIMARY",
+    SECONDARY = "SECONDARY",
+    TERTIARY = "TERTIARY"
+}
+interface MetricItemProps {
+    label: string;
+    value: ReactNode;
+    variant?: MetricItemVariant;
+    noBorder?: boolean;
+}
+declare const MetricItem: ({ label, value, variant, noBorder, }: MetricItemProps) => import("react").JSX.Element;
+export default MetricItem;

package/dist/metrics/MetricItem.js

@@ -0,0 +1,53 @@
+import { withTheme } from "../theme/GalaxyTheme.js";
+import Text, { TextSize, TextVariant, TextWeight } from "../text/Text.js";
+import FlexWrapper, { AlignItems, FlexDirection } from "../containers/FlexWrapper.js";
+/* empty css                     */
+import { styled } from "@linaria/react";
+import { match } from "ts-pattern";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/metrics/MetricItem.tsx
+var MetricItemVariant = /* @__PURE__ */ function(MetricItemVariant) {
+	MetricItemVariant["BASE"] = "BASE";
+	MetricItemVariant["PRIMARY"] = "PRIMARY";
+	MetricItemVariant["SECONDARY"] = "SECONDARY";
+	MetricItemVariant["TERTIARY"] = "TERTIARY";
+	return MetricItemVariant;
+}({});
+var _exp = () => ({ theme, $variant }) => match($variant).with("BASE", () => theme.color.background.base).with("PRIMARY", () => theme.color.background.primary).with("SECONDARY", () => theme.color.background.secondary).with("TERTIARY", () => theme.color.background.tertiary).exhaustive();
+var _exp2 = () => ({ theme, $noBorder }) => $noBorder ? "transparent" : theme.color.border.primary;
+var MetricItemWrapper = withTheme(/*#__PURE__*/ styled("div")({
+	name: "MetricItemWrapper",
+	class: "mv8otd",
+	propsAsIs: false,
+	vars: {
+		"mv8otd-0": [_exp()],
+		"mv8otd-1": [_exp2()]
+	}
+}));
+var MetricItem = ({ label, value, variant = "PRIMARY", noBorder }) => {
+	return /* @__PURE__ */ jsx(MetricItemWrapper, {
+		$variant: variant,
+		$noBorder: noBorder,
+		children: /* @__PURE__ */ jsxs(FlexWrapper, {
+			direction: FlexDirection.COLUMN,
+			gap: 8,
+			minWidth: 0,
+			children: [/* @__PURE__ */ jsx(Text, {
+				size: TextSize.BODY_SM,
+				variant: TextVariant.TERTIARY,
+				isEllipsis: true,
+				children: label
+			}), /* @__PURE__ */ jsx(FlexWrapper, {
+				alignItems: AlignItems.CENTER,
+				gap: 6,
+				children: typeof value === "string" ? /* @__PURE__ */ jsx(Text, {
+					size: TextSize.BODY_LG,
+					weight: TextWeight.MEDIUM,
+					children: value
+				}) : value
+			})]
+		})
+	});
+};
+//#endregion
+export { MetricItemVariant, MetricItem as default };

package/dist/metrics/ProgressBar.d.ts

@@ -0,0 +1,15 @@
+export declare enum ProgressBarVariant {
+    GALAXY = "GALAXY",
+    PRIMARY = "PRIMARY",
+    SUCCESS = "SUCCESS",
+    ERROR = "ERROR"
+}
+interface ProgressBarProps {
+    percentage: number;
+    variant?: ProgressBarVariant;
+    height?: number;
+    noSliverOnZero?: boolean;
+    noAnimation?: boolean;
+}
+declare const ProgressBar: ({ percentage, variant, height, noSliverOnZero, noAnimation, }: ProgressBarProps) => import("react").JSX.Element;
+export default ProgressBar;

package/dist/metrics/ProgressBar.js

@@ -0,0 +1,60 @@
+import { withTheme } from "../theme/GalaxyTheme.js";
+/* empty css                      */
+import { styled } from "@linaria/react";
+import { match } from "ts-pattern";
+import { useMemo } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/metrics/ProgressBar.tsx
+var ProgressBarVariant = /* @__PURE__ */ function(ProgressBarVariant) {
+	ProgressBarVariant["GALAXY"] = "GALAXY";
+	ProgressBarVariant["PRIMARY"] = "PRIMARY";
+	ProgressBarVariant["SUCCESS"] = "SUCCESS";
+	ProgressBarVariant["ERROR"] = "ERROR";
+	return ProgressBarVariant;
+}({});
+var _exp = () => ({ $height }) => `${$height}px`;
+var _exp2 = () => ({ theme }) => theme.color.background.tertiary;
+var _exp3 = () => ({ theme }) => theme.color.border.primary;
+var StyledProgressBar = withTheme(/*#__PURE__*/ styled("div")({
+	name: "StyledProgressBar",
+	class: "sjen46y",
+	propsAsIs: false,
+	vars: {
+		"sjen46y-0": [_exp()],
+		"sjen46y-1": [_exp2()],
+		"sjen46y-2": [_exp3()]
+	}
+}));
+var _exp4 = () => ({ $width }) => `${$width}%`;
+var _exp7 = () => ({ theme, $variant }) => match($variant).returnType().with("GALAXY", () => theme.color.background.galaxy).with("PRIMARY", () => theme.color.opacity.bw48Alt).with("SUCCESS", () => theme.color.icon.success).with("ERROR", () => theme.color.icon.error).exhaustive();
+var _exp8 = () => ({ theme, $variant }) => match($variant).returnType().with("GALAXY", () => theme.color.background.galaxy).with("PRIMARY", () => theme.color.opacity.bw80Alt).with("SUCCESS", () => theme.color.icon.success).with("ERROR", () => theme.color.icon.error).exhaustive();
+var _exp9 = () => ({ theme, $variant }) => match($variant).returnType().with("GALAXY", () => theme.color.background.galaxy).with("PRIMARY", () => theme.color.opacity.bw100Alt).with("SUCCESS", () => theme.color.icon.success).with("ERROR", () => theme.color.icon.error).exhaustive();
+var _exp0 = () => ({ $noAnimation }) => $noAnimation ? "shimmer 2.5s infinite" : "shimmer 2.5s infinite, pulse 2.5s cubic-bezier(0.4, 0, 0.6, 1) infinite";
+var ProgressBarFill = withTheme(/*#__PURE__*/ styled("div")({
+	name: "ProgressBarFill",
+	class: "pma25az",
+	propsAsIs: false,
+	vars: {
+		"pma25az-0": [_exp4()],
+		"pma25az-1": [_exp9()],
+		"pma25az-2": [_exp8()],
+		"pma25az-3": [_exp7()],
+		"pma25az-4": [_exp0()]
+	}
+}));
+var ProgressBar = ({ percentage, variant = "PRIMARY", height = 4, noSliverOnZero = false, noAnimation = false }) => {
+	return /* @__PURE__ */ jsx(StyledProgressBar, {
+		$height: height,
+		children: /* @__PURE__ */ jsx(ProgressBarFill, {
+			$width: useMemo(() => {
+				if (percentage < 0 || percentage > 100) return 0;
+				if (percentage === 0 && !noSliverOnZero) return .5;
+				return percentage;
+			}, [percentage, noSliverOnZero]),
+			$variant: variant,
+			$noAnimation: noAnimation
+		})
+	});
+};
+//#endregion
+export { ProgressBarVariant, ProgressBar as default };

package/dist/modal/Modal.d.ts

@@ -0,0 +1,7 @@
+import { type PropsWithChildren } from "react";
+export interface ModalProps {
+    open: boolean;
+    onClose: () => void;
+}
+declare const Modal: ({ open, onClose, children }: PropsWithChildren<ModalProps>) => import("react").ReactPortal;
+export default Modal;

package/dist/modal/Modal.js

@@ -0,0 +1,52 @@
+import { OverlayLayer } from "../overlay/constants.js";
+import useOverlay from "../overlay/useOverlay.js";
+import { useDismiss } from "../hooks/useDismiss.js";
+/* empty css                */
+import { styled } from "@linaria/react";
+import { useCallback } from "react";
+import { jsx } from "react/jsx-runtime";
+import { createPortal } from "react-dom";
+//#region src/modal/Modal.tsx
+var _exp = () => ({ isOpen }) => isOpen ? 1 : 0;
+var _exp2 = () => ({ isOpen }) => isOpen ? "visible" : "hidden";
+var StyledModalWrapper = /*#__PURE__*/ styled("div")({
+	name: "StyledModalWrapper",
+	class: "sepkv8n",
+	propsAsIs: false,
+	vars: {
+		"sepkv8n-0": [_exp()],
+		"sepkv8n-1": [_exp2()]
+	}
+});
+var ModalWrapperContent = /*#__PURE__*/ styled("div")({
+	name: "ModalWrapperContent",
+	class: "m1l9qfn",
+	propsAsIs: false
+});
+var ModalContentWrapper = /*#__PURE__*/ styled("div")({
+	name: "ModalContentWrapper",
+	class: "m1jgo9vf",
+	propsAsIs: false
+});
+var Modal = ({ open, onClose, children }) => {
+	const { zIndex, isTopmost } = useOverlay(onClose, open, { layer: OverlayLayer.MODAL });
+	const handleContentClick = useCallback((e) => {
+		e.stopPropagation();
+	}, []);
+	const dismissRef = useDismiss({
+		onDismiss: onClose,
+		enabled: open && isTopmost,
+		enableClickOutside: false
+	});
+	return createPortal(open && /* @__PURE__ */ jsx(StyledModalWrapper, {
+		isOpen: open,
+		style: { zIndex },
+		children: /* @__PURE__ */ jsx(ModalWrapperContent, { children: /* @__PURE__ */ jsx(ModalContentWrapper, {
+			ref: dismissRef,
+			onClick: handleContentClick,
+			children
+		}) })
+	}), document.body);
+};
+//#endregion
+export { Modal as default };

package/dist/overlay/OverlayProvider.d.ts

@@ -0,0 +1,26 @@
+import { type PropsWithChildren } from "react";
+import { OverlayLayer } from "./constants";
+export interface OverlayEntry {
+    id: string;
+    onDismiss: () => void;
+    layer: OverlayLayer;
+    dismissOnOverlayClick: boolean;
+    zIndex: number;
+}
+export interface OverlayRegisterOptions {
+    layer?: OverlayLayer;
+    dismissOnOverlayClick?: boolean;
+}
+export interface OverlayInfo {
+    zIndex: number;
+    isTopmost: boolean;
+}
+export interface OverlayContextValue {
+    register: (id: string, onDismiss: () => void, options?: OverlayRegisterOptions) => void;
+    unregister: (id: string) => void;
+    overlays: OverlayEntry[];
+}
+export declare const OverlayContext: import("react").Context<OverlayContextValue | null>;
+export declare const OverlayProvider: ({ children }: PropsWithChildren) => import("react").JSX.Element;
+export default OverlayProvider;
+export { getOverlayZIndex, OVERLAY_LAYER_PRIORITY, OVERLAY_Z_INDEX, OVERLAY_Z_INDEX_BASE, OVERLAY_Z_INDEX_STEP, OverlayLayer, } from "./constants";

package/dist/overlay/OverlayProvider.js

@@ -0,0 +1,92 @@
+import { withTheme } from "../theme/GalaxyTheme.js";
+import { OVERLAY_LAYER_PRIORITY, OVERLAY_Z_INDEX, OVERLAY_Z_INDEX_BASE, OVERLAY_Z_INDEX_STEP, OverlayLayer, getOverlayZIndex } from "./constants.js";
+/* empty css                          */
+import { styled } from "@linaria/react";
+import { createContext, useCallback, useMemo, useRef, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { createPortal } from "react-dom";
+//#region src/overlay/OverlayProvider.tsx
+var OverlayContext = createContext(null);
+var _exp = () => ({ theme }) => theme.color.opacity.bw48;
+var _exp2 = () => ({ isVisible }) => isVisible ? "blur(4px)" : "blur(0px)";
+var _exp3 = () => ({ isVisible }) => isVisible ? 1 : 0;
+var _exp4 = () => ({ isVisible }) => isVisible ? "visible" : "hidden";
+var _exp5 = () => ({ isVisible }) => isVisible ? "backdrop-filter 0.2s ease-out, opacity 0.2s ease-out" : "none";
+var _exp6 = () => ({ $zIndex }) => $zIndex;
+var _exp7 = () => ({ isVisible }) => isVisible ? "auto" : "none";
+var SharedOverlay = withTheme(/*#__PURE__*/ styled("div")({
+	name: "SharedOverlay",
+	class: "s1hpu3t7",
+	propsAsIs: false,
+	vars: {
+		"s1hpu3t7-0": [_exp()],
+		"s1hpu3t7-1": [_exp2()],
+		"s1hpu3t7-2": [_exp3()],
+		"s1hpu3t7-3": [_exp4()],
+		"s1hpu3t7-4": [_exp5()],
+		"s1hpu3t7-5": [_exp6()],
+		"s1hpu3t7-6": [_exp7()]
+	}
+}));
+var OverlayProvider = ({ children }) => {
+	const [overlays, setOverlays] = useState([]);
+	const zIndexCounterRef = useRef(0);
+	const register = useCallback((id, onDismiss, options) => {
+		const layer = options?.layer ?? OverlayLayer.DRAWER;
+		const dismissOnOverlayClick = options?.dismissOnOverlayClick ?? true;
+		setOverlays((prev) => {
+			const existingIndex = prev.findIndex((entry) => entry.id === id);
+			if (existingIndex === -1) {
+				const zIndex = OVERLAY_Z_INDEX_BASE + zIndexCounterRef.current * 10;
+				zIndexCounterRef.current += 1;
+				return [...prev, {
+					id,
+					onDismiss,
+					layer,
+					dismissOnOverlayClick,
+					zIndex
+				}];
+			}
+			const next = [...prev];
+			next[existingIndex] = {
+				...prev[existingIndex],
+				onDismiss,
+				layer,
+				dismissOnOverlayClick
+			};
+			return next;
+		});
+	}, []);
+	const unregister = useCallback((id) => {
+		setOverlays((prev) => prev.filter((entry) => entry.id !== id));
+	}, []);
+	const topmost = useMemo(() => {
+		if (overlays.length === 0) return null;
+		return overlays.reduce((top, entry) => entry.zIndex > top.zIndex ? entry : top, overlays[0]);
+	}, [overlays]);
+	const handleOverlayClick = useCallback(() => {
+		if (!topmost || !topmost.dismissOnOverlayClick) return;
+		topmost.onDismiss();
+	}, [topmost]);
+	const contextValue = useMemo(() => ({
+		register,
+		unregister,
+		overlays
+	}), [
+		register,
+		unregister,
+		overlays
+	]);
+	const isVisible = !!topmost;
+	const backdropZIndex = topmost ? topmost.zIndex - 1 : OVERLAY_Z_INDEX_BASE - 1;
+	return /* @__PURE__ */ jsxs(OverlayContext.Provider, {
+		value: contextValue,
+		children: [children, createPortal(/* @__PURE__ */ jsx(SharedOverlay, {
+			isVisible,
+			$zIndex: backdropZIndex,
+			onClick: handleOverlayClick
+		}), document.body)]
+	});
+};
+//#endregion
+export { OVERLAY_LAYER_PRIORITY, OVERLAY_Z_INDEX, OVERLAY_Z_INDEX_BASE, OVERLAY_Z_INDEX_STEP, OverlayContext, OverlayLayer, OverlayProvider, OverlayProvider as default, getOverlayZIndex };

package/dist/overlay/constants.d.ts

@@ -0,0 +1,27 @@
+export declare enum OverlayLayer {
+    DRAWER = "DRAWER",
+    MODAL = "MODAL"
+}
+export declare const OVERLAY_LAYER_PRIORITY: Record<OverlayLayer, number>;
+export declare const OVERLAY_Z_INDEX_BASE = 9000;
+export declare const OVERLAY_Z_INDEX_STEP = 10;
+export declare const getOverlayZIndex: (stackPosition: number) => number;
+export declare const TOAST_Z_INDEX = 11000;
+export declare const DRAWER_Z_INDEX_OVERLAY = 8999;
+export declare const DRAWER_Z_INDEX_BASE = 9000;
+export declare const DRAWER_Z_INDEX_CONTENT = 9001;
+export declare const MODAL_Z_INDEX_OVERLAY = 9099;
+export declare const MODAL_Z_INDEX_BASE = 9100;
+export declare const MODAL_Z_INDEX_CONTENT = 9100;
+export declare const OVERLAY_Z_INDEX: {
+    readonly DRAWER: {
+        readonly overlay: 8999;
+        readonly base: 9000;
+        readonly content: 9001;
+    };
+    readonly MODAL: {
+        readonly overlay: 9099;
+        readonly base: 9100;
+        readonly content: 9100;
+    };
+};

package/dist/overlay/constants.js

@@ -0,0 +1,36 @@
+//#region src/overlay/constants.ts
+var OverlayLayer = /* @__PURE__ */ function(OverlayLayer) {
+	OverlayLayer["DRAWER"] = "DRAWER";
+	OverlayLayer["MODAL"] = "MODAL";
+	return OverlayLayer;
+}({});
+var OVERLAY_LAYER_PRIORITY = {
+	DRAWER: 0,
+	MODAL: 1
+};
+var OVERLAY_Z_INDEX_BASE = 9e3;
+var OVERLAY_Z_INDEX_STEP = 10;
+var getOverlayZIndex = (stackPosition) => {
+	return OVERLAY_Z_INDEX_BASE + stackPosition * 10;
+};
+var TOAST_Z_INDEX = 11e3;
+var DRAWER_Z_INDEX_OVERLAY = 8999;
+var DRAWER_Z_INDEX_BASE = 9e3;
+var DRAWER_Z_INDEX_CONTENT = 9001;
+var MODAL_Z_INDEX_OVERLAY = 9099;
+var MODAL_Z_INDEX_BASE = 9100;
+var MODAL_Z_INDEX_CONTENT = 9100;
+var OVERLAY_Z_INDEX = {
+	DRAWER: {
+		overlay: DRAWER_Z_INDEX_OVERLAY,
+		base: DRAWER_Z_INDEX_BASE,
+		content: DRAWER_Z_INDEX_CONTENT
+	},
+	MODAL: {
+		overlay: MODAL_Z_INDEX_OVERLAY,
+		base: MODAL_Z_INDEX_BASE,
+		content: MODAL_Z_INDEX_CONTENT
+	}
+};
+//#endregion
+export { DRAWER_Z_INDEX_BASE, DRAWER_Z_INDEX_CONTENT, DRAWER_Z_INDEX_OVERLAY, MODAL_Z_INDEX_BASE, MODAL_Z_INDEX_CONTENT, MODAL_Z_INDEX_OVERLAY, OVERLAY_LAYER_PRIORITY, OVERLAY_Z_INDEX, OVERLAY_Z_INDEX_BASE, OVERLAY_Z_INDEX_STEP, OverlayLayer, TOAST_Z_INDEX, getOverlayZIndex };

package/dist/overlay/useOverlay.d.ts

@@ -0,0 +1,7 @@
+import { type OverlayRegisterOptions } from "./OverlayProvider";
+export interface UseOverlayReturn {
+    zIndex: number;
+    isTopmost: boolean;
+}
+export declare const useOverlay: (onDismiss: () => void, enabled: boolean, options?: OverlayRegisterOptions) => UseOverlayReturn;
+export default useOverlay;

package/dist/overlay/useOverlay.js

@@ -0,0 +1,46 @@
+import { OVERLAY_Z_INDEX_BASE } from "./constants.js";
+import { OverlayContext } from "./OverlayProvider.js";
+import { useContext, useEffect, useId } from "react";
+//#region src/overlay/useOverlay.ts
+var useOverlay = (onDismiss, enabled, options) => {
+	const context = useContext(OverlayContext);
+	const id = useId();
+	const layer = options?.layer;
+	const dismissOnOverlayClick = options?.dismissOnOverlayClick;
+	const register = context?.register;
+	const unregister = context?.unregister;
+	useEffect(() => {
+		if (!register || !unregister) return;
+		if (enabled) register(id, onDismiss, {
+			layer,
+			dismissOnOverlayClick
+		});
+		else unregister(id);
+		return () => {
+			unregister(id);
+		};
+	}, [
+		id,
+		onDismiss,
+		enabled,
+		layer,
+		dismissOnOverlayClick,
+		register,
+		unregister
+	]);
+	const overlays = context?.overlays ?? [];
+	const entry = overlays.find((e) => e.id === id);
+	if (entry) {
+		const maxZIndex = Math.max(...overlays.map((o) => o.zIndex));
+		return {
+			zIndex: entry.zIndex,
+			isTopmost: entry.zIndex === maxZIndex
+		};
+	}
+	return {
+		zIndex: (overlays.length > 0 ? Math.max(...overlays.map((o) => o.zIndex)) : OVERLAY_Z_INDEX_BASE - 10) + 10,
+		isTopmost: true
+	};
+};
+//#endregion
+export { useOverlay as default, useOverlay };

package/dist/resizable/HorizontalResizeHandle.d.ts

@@ -0,0 +1,10 @@
+import type { Icon as PhosphorIcon } from "@phosphor-icons/react";
+interface HorizontalResizeHandleProps {
+    icon?: PhosphorIcon;
+    onMouseDown?: (e: React.MouseEvent<HTMLDivElement>) => void;
+    onMouseUp?: (e: React.MouseEvent<HTMLDivElement>) => void;
+    onMouseMove?: (e: React.MouseEvent<HTMLDivElement>) => void;
+    onMouseEnter?: (e: React.MouseEvent<HTMLDivElement>) => void;
+}
+declare const HorizontalResizeHandle: ({ onMouseDown, onMouseUp, onMouseMove, onMouseEnter, }: HorizontalResizeHandleProps) => import("react").JSX.Element;
+export default HorizontalResizeHandle;

package/dist/resizable/HorizontalResizeHandle.js

@@ -0,0 +1,32 @@
+import { withTheme } from "../theme/GalaxyTheme.js";
+/* empty css                                 */
+import { styled } from "@linaria/react";
+import { jsx } from "react/jsx-runtime";
+//#region src/resizable/HorizontalResizeHandle.tsx
+var _exp = () => ({ theme }) => theme.color.background.secondary;
+var _exp2 = () => ({ theme }) => theme.color.border.primary;
+var _exp3 = () => ({ theme }) => theme.color.border.selected;
+var _exp4 = () => ({ theme }) => theme.color.background.tertiary;
+var _exp5 = () => ({ theme }) => theme.color.text.primary;
+var HorizontalResizeHandleStyled = withTheme(/*#__PURE__*/ styled("div")({
+	name: "HorizontalResizeHandleStyled",
+	class: "hvnpu6g",
+	propsAsIs: false,
+	vars: {
+		"hvnpu6g-0": [_exp()],
+		"hvnpu6g-1": [_exp2()],
+		"hvnpu6g-2": [_exp3()],
+		"hvnpu6g-3": [_exp4()],
+		"hvnpu6g-4": [_exp5()]
+	}
+}));
+var HorizontalResizeHandle = ({ onMouseDown, onMouseUp, onMouseMove, onMouseEnter }) => {
+	return /* @__PURE__ */ jsx(HorizontalResizeHandleStyled, {
+		onMouseDown,
+		onMouseUp,
+		onMouseMove,
+		onMouseEnter
+	});
+};
+//#endregion
+export { HorizontalResizeHandle as default };

package/dist/resizable/VerticalResizeHandle.d.ts

@@ -0,0 +1,11 @@
+import type { Icon as PhosphorIcon } from "@phosphor-icons/react";
+interface VerticalResizeHandleProps {
+    icon?: PhosphorIcon;
+    onMouseDown?: (e: React.MouseEvent<HTMLDivElement>) => void;
+    onMouseUp?: (e: React.MouseEvent<HTMLDivElement>) => void;
+    onMouseMove?: (e: React.MouseEvent<HTMLDivElement>) => void;
+    onMouseEnter?: (e: React.MouseEvent<HTMLDivElement>) => void;
+    onMouseLeave?: (e: React.MouseEvent<HTMLDivElement>) => void;
+}
+declare const VerticalResizeHandle: ({ onMouseDown, onMouseUp, onMouseMove, onMouseEnter, onMouseLeave, }: VerticalResizeHandleProps) => import("react").JSX.Element;
+export default VerticalResizeHandle;

package/dist/resizable/VerticalResizeHandle.js

@@ -0,0 +1,33 @@
+import { withTheme } from "../theme/GalaxyTheme.js";
+/* empty css                               */
+import { styled } from "@linaria/react";
+import { jsx } from "react/jsx-runtime";
+//#region src/resizable/VerticalResizeHandle.tsx
+var _exp = () => ({ theme }) => theme.color.background.secondary;
+var _exp2 = () => ({ theme }) => theme.color.border.primary;
+var _exp3 = () => ({ theme }) => theme.color.border.selected;
+var _exp4 = () => ({ theme }) => theme.color.background.tertiary;
+var _exp5 = () => ({ theme }) => theme.color.text.primary;
+var VerticalResizeHandleStyled = withTheme(/*#__PURE__*/ styled("div")({
+	name: "VerticalResizeHandleStyled",
+	class: "v1ha5e5c",
+	propsAsIs: false,
+	vars: {
+		"v1ha5e5c-0": [_exp()],
+		"v1ha5e5c-1": [_exp2()],
+		"v1ha5e5c-2": [_exp3()],
+		"v1ha5e5c-3": [_exp4()],
+		"v1ha5e5c-4": [_exp5()]
+	}
+}));
+var VerticalResizeHandle = ({ onMouseDown, onMouseUp, onMouseMove, onMouseEnter, onMouseLeave }) => {
+	return /* @__PURE__ */ jsx(VerticalResizeHandleStyled, {
+		onMouseDown,
+		onMouseUp,
+		onMouseMove,
+		onMouseEnter,
+		onMouseLeave
+	});
+};
+//#endregion
+export { VerticalResizeHandle as default };

package/dist/shapes/Circle.d.ts

@@ -0,0 +1,6 @@
+interface CircleProps {
+    size: number | string;
+    hex?: string;
+}
+declare const Circle: ({ size, hex }: CircleProps) => import("react").JSX.Element;
+export default Circle;

package/dist/shapes/Circle.js

@@ -0,0 +1,25 @@
+import { withTheme } from "../theme/GalaxyTheme.js";
+import { getCssSizeValue } from "../utils/linaria.js";
+/* empty css                 */
+import { styled } from "@linaria/react";
+import { jsx } from "react/jsx-runtime";
+//#region src/shapes/Circle.tsx
+var _exp2 = () => ({ $size }) => getCssSizeValue($size);
+var _exp3 = () => ({ theme, $hex }) => $hex ?? theme.color.text.tertiary;
+var CircleWrapper = withTheme(/*#__PURE__*/ styled("div")({
+	name: "CircleWrapper",
+	class: "cmbdg2q",
+	propsAsIs: false,
+	vars: {
+		"cmbdg2q-0": [_exp2()],
+		"cmbdg2q-1": [_exp3()]
+	}
+}));
+var Circle = ({ size, hex }) => {
+	return /* @__PURE__ */ jsx(CircleWrapper, {
+		$size: size,
+		$hex: hex
+	});
+};
+//#endregion
+export { Circle as default };

package/dist/spreadsheet/InfiniteSpreadsheet.d.ts

@@ -0,0 +1,3 @@
+import { type InfiniteSpreadsheetProps } from "./types";
+declare function InfiniteSpreadsheet<TData>(props: InfiniteSpreadsheetProps<TData>): import("react").JSX.Element;
+export default InfiniteSpreadsheet;