@galaxy-io/dls 1.6.0 → 2.0.0

package/dist/icons/GalaxyWordmark.d.ts

@@ -1,11 +0,0 @@
-/**
- * The Galaxy wordmark, in the variant that reads against the active theme.
- * Use `GalaxyLogomark` when you need just the mark without the word.
- */
-declare const GalaxyWordmark: ({ height, isDark, }: {
-    /** Rendered height in px. Width follows the aspect ratio. */
-    height: number;
-    /** Force the light artwork instead of following the theme. */
-    isDark?: boolean;
-}) => import("react").JSX.Element;
-export default GalaxyWordmark;

package/dist/icons/GalaxyWordmark.js

@@ -1,25 +0,0 @@
-import { GalaxyTheme } from "../theme/types.js";
-import { useGalaxyTheme } from "../theme/GalaxyTheme.js";
-import SvgGalaxyWordmarkDark from "../assets/components/GalaxyWordmarkDark.js";
-import SvgGalaxyWordmarkLight from "../assets/components/GalaxyWordmarkLight.js";
-import { match } from "ts-pattern";
-import { useMemo } from "react";
-import { jsx } from "react/jsx-runtime";
-//#region src/icons/GalaxyWordmark.tsx
-/**
-* The Galaxy wordmark, in the variant that reads against the active theme.
-* Use `GalaxyLogomark` when you need just the mark without the word.
-*/
-var GalaxyWordmark = ({ height, isDark }) => {
-	const { activeTheme } = useGalaxyTheme();
-	return useMemo(() => {
-		if (isDark) return /* @__PURE__ */ jsx(SvgGalaxyWordmarkLight, { height });
-		return match(activeTheme).with(GalaxyTheme.DARK, () => /* @__PURE__ */ jsx(SvgGalaxyWordmarkLight, { height })).with(GalaxyTheme.LIGHT, () => /* @__PURE__ */ jsx(SvgGalaxyWordmarkDark, { height })).exhaustive();
-	}, [
-		height,
-		isDark,
-		activeTheme
-	]);
-};
-//#endregion
-export { GalaxyWordmark as default };

package/dist/inputs/MultiTextInput.d.ts

@@ -1,32 +0,0 @@
-import { InputSize, InputVariant } from "./Input";
-export interface MultiTextInputProps {
-    /** Controlled list of entered values, one chip each. */
-    value: string[];
-    /** Called with the full next list, not a delta. */
-    onChange: (value: string[]) => void;
-    /** Field surface color. @default InputVariant.PRIMARY */
-    variant?: InputVariant;
-    /** @default InputSize.MEDIUM */
-    size?: InputSize;
-    placeholder?: string;
-    label?: string;
-    /** Message under the field; also switches the border to the error color. */
-    error?: string;
-    isRequired?: boolean;
-    isDisabled?: boolean;
-    autoFocus?: boolean;
-    /** A number is px. Ignored when `fillWidth` is set. */
-    width?: number | string;
-    fillWidth?: boolean;
-    /** Typing this character commits the draft as a chip. @default "," */
-    separator?: string;
-}
-/**
- * A free-text field that turns each entry into a removable chip — tags, emails,
- * arbitrary lists. Commit with Enter or the `separator` character.
- *
- * The in-progress draft is internal state and is *not* part of `value`; it only
- * lands there once committed.
- */
-declare const MultiTextInput: import("react").ForwardRefExoticComponent<MultiTextInputProps & import("react").RefAttributes<HTMLInputElement>>;
-export default MultiTextInput;

package/dist/inputs/MultiTextInput.js

@@ -1,180 +0,0 @@
-import { withTheme } from "../theme/GalaxyTheme.js";
-import { getCssSizeValue } from "../utils/linaria.js";
-import Text, { TextSize, TextVariant } from "../text/Text.js";
-import FlexWrapper, { FlexDirection } from "../containers/FlexWrapper.js";
-import { InputLabel, InputSize, InputVariant, getInputBorderColor, getInputFontSize, getInputHeight, getInputLineHeight, getInputSurfaceColor } from "./Input.js";
-import Chip, { ChipSize, ChipVariant } from "../chips/Chip.js";
-/* empty css                         */
-import { styled } from "@linaria/react";
-import { match } from "ts-pattern";
-import { forwardRef, useCallback, useRef, useState } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-//#region src/inputs/MultiTextInput.tsx
-var INPUT_VARIANT_TO_CHIP_VARIANT_MAP = {
-	[InputVariant.TRANSPARENT]: ChipVariant.SECONDARY,
-	[InputVariant.BASE]: ChipVariant.SECONDARY,
-	[InputVariant.PRIMARY]: ChipVariant.SECONDARY,
-	[InputVariant.SECONDARY]: ChipVariant.PRIMARY,
-	[InputVariant.TERTIARY]: ChipVariant.SECONDARY
-};
-var INPUT_SIZE_TO_CHIP_SIZE_MAP = {
-	[InputSize.SMALL]: ChipSize.SMALL,
-	[InputSize.MEDIUM]: ChipSize.MEDIUM,
-	[InputSize.LARGE]: ChipSize.LARGE
-};
-var _exp = () => ({ $size }) => getInputHeight($size);
-var _exp2 = () => ({ $fillWidth, $width }) => $fillWidth ? "100%" : $width ? getCssSizeValue($width) : "auto";
-var _exp3 = () => ({ theme, $variant }) => getInputSurfaceColor(theme, $variant);
-var _exp4 = () => ({ theme, $variant, $isError, $isFocused }) => {
-	if ($isError) return theme.color.border.error;
-	if ($isFocused) return theme.color.border.selected;
-	return getInputBorderColor(theme, $variant);
-};
-var _exp5 = () => ({ $size }) => {
-	return `${match($size).with(InputSize.SMALL, () => "2px").with(InputSize.MEDIUM, () => "4px").with(InputSize.LARGE, () => "4px").exhaustive()} ${match($size).with(InputSize.SMALL, () => "2px").with(InputSize.MEDIUM, () => "4px").with(InputSize.LARGE, () => "4px").exhaustive()}`;
-};
-var _exp6 = () => ({ $isDisabled }) => $isDisabled ? "not-allowed" : "text";
-var _exp7 = () => ({ $isDisabled }) => $isDisabled ? .5 : 1;
-var _exp8 = () => ({ theme, $isFocused }) => $isFocused ? theme.color.border.selected : theme.color.border.primary;
-var MultiTextInputWrapper = withTheme(/*#__PURE__*/ styled("div")({
-	name: "MultiTextInputWrapper",
-	class: "m19ovajc",
-	propsAsIs: false,
-	vars: {
-		"m19ovajc-0": [_exp()],
-		"m19ovajc-1": [_exp2()],
-		"m19ovajc-2": [_exp3()],
-		"m19ovajc-3": [_exp4()],
-		"m19ovajc-4": [_exp5()],
-		"m19ovajc-5": [_exp6()],
-		"m19ovajc-6": [_exp7()],
-		"m19ovajc-7": [_exp8()]
-	}
-}));
-var _exp9 = () => ({ theme }) => theme.color.text.primary;
-var _exp0 = () => ({ theme, $size }) => getInputFontSize(theme, $size);
-var _exp1 = () => ({ theme, $size }) => getInputLineHeight(theme, $size);
-var _exp10 = () => ({ theme }) => theme.font.sans.weight.regular;
-var _exp11 = () => ({ theme }) => theme.font.sans.family;
-var _exp12 = () => ({ theme }) => theme.color.text.disabled;
-var StyledInput = withTheme(/*#__PURE__*/ styled("input")({
-	name: "StyledInput",
-	class: "s190irv4",
-	propsAsIs: false,
-	vars: {
-		"s190irv4-0": [_exp9()],
-		"s190irv4-1": [_exp0()],
-		"s190irv4-2": [_exp1()],
-		"s190irv4-3": [_exp10()],
-		"s190irv4-4": [_exp11()],
-		"s190irv4-5": [_exp12()]
-	}
-}));
-/**
-* A free-text field that turns each entry into a removable chip — tags, emails,
-* arbitrary lists. Commit with Enter or the `separator` character.
-*
-* The in-progress draft is internal state and is *not* part of `value`; it only
-* lands there once committed.
-*/
-var MultiTextInput = forwardRef(({ value, onChange, variant = InputVariant.PRIMARY, size = InputSize.MEDIUM, placeholder, label, error, isRequired, isDisabled, autoFocus, width, fillWidth, separator = "," }, ref) => {
-	const [inputValue, setInputValue] = useState("");
-	const [isFocused, setIsFocused] = useState(false);
-	const inputRef = useRef(null);
-	const setRefs = useCallback((node) => {
-		inputRef.current = node;
-		if (typeof ref === "function") ref(node);
-		else if (ref && "current" in ref) ref.current = node;
-	}, [ref]);
-	const addValues = useCallback((text) => {
-		const newValues = text.split(separator).map((v) => v.trim()).filter((v) => v.length > 0 && !value.includes(v));
-		if (newValues.length > 0) onChange([...value, ...newValues]);
-	}, [
-		onChange,
-		separator,
-		value
-	]);
-	const handleInputChange = (e) => {
-		const newValue = e.target.value;
-		if (newValue.includes(separator)) {
-			addValues(newValue);
-			setInputValue("");
-		} else setInputValue(newValue);
-	};
-	const handleKeyDown = (e) => {
-		if (e.key === "Enter" && inputValue.trim()) {
-			e.preventDefault();
-			addValues(inputValue);
-			setInputValue("");
-		} else if (e.key === "Backspace" && inputValue === "" && value.length > 0) onChange(value.slice(0, -1));
-	};
-	const handleRemoveChip = (index) => {
-		if (isDisabled) return;
-		const newValue = [...value];
-		newValue.splice(index, 1);
-		onChange(newValue);
-	};
-	const handleContainerClick = () => {
-		if (!isDisabled) inputRef.current?.focus();
-	};
-	const handleFocus = () => {
-		setIsFocused(true);
-	};
-	const handleBlur = () => {
-		setIsFocused(false);
-		if (inputValue.trim()) {
-			addValues(inputValue);
-			setInputValue("");
-		}
-	};
-	return /* @__PURE__ */ jsxs(FlexWrapper, {
-		direction: FlexDirection.COLUMN,
-		gap: 4,
-		fillWidth,
-		children: [
-			label && /* @__PURE__ */ jsx(InputLabel, {
-				label,
-				isRequired
-			}),
-			/* @__PURE__ */ jsxs(MultiTextInputWrapper, {
-				$variant: variant,
-				$size: size,
-				$width: width,
-				$fillWidth: fillWidth,
-				$isError: !!error,
-				$isFocused: isFocused,
-				$isDisabled: isDisabled,
-				onClick: handleContainerClick,
-				"data-disabled": isDisabled,
-				children: [value.map((item, index) => /* @__PURE__ */ jsx(Chip, {
-					label: item,
-					size: INPUT_SIZE_TO_CHIP_SIZE_MAP[size],
-					variant: INPUT_VARIANT_TO_CHIP_VARIANT_MAP[variant],
-					onDismiss: isDisabled ? void 0 : () => handleRemoveChip(index)
-				}, `${item}-${index}`)), /* @__PURE__ */ jsx(StyledInput, {
-					ref: setRefs,
-					$size: size,
-					type: "text",
-					placeholder: value.length === 0 ? placeholder : void 0,
-					value: inputValue,
-					onChange: handleInputChange,
-					onKeyDown: handleKeyDown,
-					onFocus: handleFocus,
-					onBlur: handleBlur,
-					disabled: isDisabled,
-					autoFocus,
-					autoComplete: "off",
-					autoCorrect: "off"
-				})]
-			}),
-			error && /* @__PURE__ */ jsx(Text, {
-				size: TextSize.BODY_SM,
-				variant: TextVariant.ERROR,
-				children: error
-			})
-		]
-	});
-});
-MultiTextInput.displayName = "MultiTextInput";
-//#endregion
-export { MultiTextInput as default };

package/dist/inputs/SwitcherInput.d.ts

@@ -1,27 +0,0 @@
-import { InputSize, InputVariant } from "./Input";
-export interface SwitcherInputItem {
-    /** Matched against `selectedId` to decide which segment is active. */
-    id: string;
-    label: string;
-    /** Called when this segment is clicked. Update `selectedId` yourself. */
-    onClick: () => void;
-}
-export interface SwitcherInputProps {
-    /**
-     * Container surface color. The selected segment is a state color and stays
-     * `background.secondary` regardless. @default InputVariant.PRIMARY
-     */
-    variant?: InputVariant;
-    /** @default InputSize.MEDIUM */
-    size?: InputSize;
-    /** Segments, left to right. */
-    items: SwitcherInputItem[];
-    /** The `id` of the active segment. Controlled — nothing moves until this changes. */
-    selectedId: string;
-}
-/**
- * A segmented control for switching between a few mutually exclusive views.
- * Each item carries its own `onClick`, so there is no top-level change handler.
- */
-declare const SwitcherInput: ({ variant, size, items, selectedId, }: SwitcherInputProps) => import("react").JSX.Element;
-export default SwitcherInput;

package/dist/inputs/SwitcherInput.js

@@ -1,64 +0,0 @@
-import { withTheme } from "../theme/GalaxyTheme.js";
-import Text, { TextVariant, TextWeight } from "../text/Text.js";
-import { InputSize, InputVariant, getInputBorderColor, getInputHeight, getInputSurfaceColor, getInputTextSize } from "./Input.js";
-/* empty css                        */
-import { styled } from "@linaria/react";
-import { match } from "ts-pattern";
-import { jsx } from "react/jsx-runtime";
-//#region src/inputs/SwitcherInput.tsx
-var _exp = () => ({ theme, $variant }) => getInputSurfaceColor(theme, $variant);
-var _exp2 = () => ({ theme, $variant }) => getInputBorderColor(theme, $variant);
-var _exp3 = () => ({ $size }) => {
-	return match($size).with(InputSize.SMALL, () => "0 1.5px").with(InputSize.MEDIUM, () => "1px 2px").with(InputSize.LARGE, () => "2px 2px").exhaustive();
-};
-var _exp4 = () => ({ $size }) => getInputHeight($size);
-var StyledSwitcherInput = withTheme(/*#__PURE__*/ styled("div")({
-	name: "StyledSwitcherInput",
-	class: "sx2momv",
-	propsAsIs: false,
-	vars: {
-		"sx2momv-0": [_exp()],
-		"sx2momv-1": [_exp2()],
-		"sx2momv-2": [_exp3()],
-		"sx2momv-3": [_exp4()]
-	}
-}));
-var _exp5 = () => ({ $size }) => {
-	return match($size).with(InputSize.SMALL, () => "2px 8px").with(InputSize.MEDIUM, () => "3px 10px").with(InputSize.LARGE, () => "5px 12px").exhaustive();
-};
-var _exp6 = () => ({ theme, $isSelected }) => $isSelected ? theme.color.background.primaryAlt : "transparent";
-var _exp7 = () => ({ theme, $isSelected }) => $isSelected ? theme.color.border.primary : "transparent";
-var StyledSwitcherInputItem = withTheme(/*#__PURE__*/ styled("div")({
-	name: "StyledSwitcherInputItem",
-	class: "s1pe4aqp",
-	propsAsIs: false,
-	vars: {
-		"s1pe4aqp-0": [_exp5()],
-		"s1pe4aqp-1": [_exp6()],
-		"s1pe4aqp-2": [_exp7()]
-	}
-}));
-/**
-* A segmented control for switching between a few mutually exclusive views.
-* Each item carries its own `onClick`, so there is no top-level change handler.
-*/
-var SwitcherInput = ({ variant = InputVariant.PRIMARY, size = InputSize.MEDIUM, items, selectedId }) => {
-	return /* @__PURE__ */ jsx(StyledSwitcherInput, {
-		$size: size,
-		$variant: variant,
-		children: items.map((item) => /* @__PURE__ */ jsx(StyledSwitcherInputItem, {
-			onClick: item.onClick,
-			$isSelected: item.id === selectedId,
-			$size: size,
-			children: /* @__PURE__ */ jsx(Text, {
-				size: getInputTextSize(size),
-				variant: item.id === selectedId ? TextVariant.PRIMARY_ALT : TextVariant.SECONDARY,
-				weight: item.id === selectedId ? TextWeight.MEDIUM : TextWeight.REGULAR,
-				cursor: "pointer",
-				children: item.label
-			})
-		}, item.label))
-	});
-};
-//#endregion
-export { SwitcherInput as default };

package/dist/inputs/hooks.d.ts

@@ -1,10 +0,0 @@
-export { useElementWidth } from "../hooks/useElementWidth";
-interface ControlledOpenStateProps {
-    isOpen?: boolean;
-    onOpenChange?: (isOpen: boolean) => void;
-}
-export declare const useControlledOpenState: ({ isOpen: controlledIsOpen, onOpenChange, }: ControlledOpenStateProps) => {
-    isOpen: boolean;
-    setOpen: (nextIsOpen: boolean) => void;
-};
-export declare const useDebouncedValue: <T>(value: T, delayMs: number, enabled?: boolean) => T;

package/dist/inputs/hooks.js

@@ -1,22 +0,0 @@
-import { useElementWidth } from "../hooks/useElementWidth.js";
-import { useCallback, useState } from "react";
-import { useDebounce } from "react-use";
-//#region src/inputs/hooks.ts
-var useControlledOpenState = ({ isOpen: controlledIsOpen, onOpenChange }) => {
-	const [internalIsOpen, setInternalIsOpen] = useState(false);
-	const isControlled = controlledIsOpen !== void 0;
-	return {
-		isOpen: isControlled ? controlledIsOpen : internalIsOpen,
-		setOpen: useCallback((nextIsOpen) => {
-			if (!isControlled) setInternalIsOpen(nextIsOpen);
-			onOpenChange?.(nextIsOpen);
-		}, [isControlled, onOpenChange])
-	};
-};
-var useDebouncedValue = (value, delayMs, enabled = true) => {
-	const [debouncedValue, setDebouncedValue] = useState(value);
-	useDebounce(() => setDebouncedValue(value), enabled ? delayMs : 0, [value, enabled]);
-	return debouncedValue;
-};
-//#endregion
-export { useControlledOpenState, useDebouncedValue, useElementWidth };

package/dist/overlay/constants.d.ts

@@ -1,28 +0,0 @@
-/** Which stacking tier an overlay belongs to. Modals always sit above drawers. */
-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

@@ -1,37 +0,0 @@
-//#region src/overlay/constants.ts
-/** Which stacking tier an overlay belongs to. Modals always sit above drawers. */
-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/resizable/HorizontalResizeHandle.d.ts

@@ -1,17 +0,0 @@
-import type { Icon as PhosphorIcon } from "@phosphor-icons/react";
-export interface HorizontalResizeHandleProps {
-    /** Not implemented — the component ignores it. */
-    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;
-}
-/**
- * The grab bar for resizing a pane vertically (it spans horizontally, dragging
- * up and down). Absolutely positioned — give it a `position: relative` parent.
- *
- * Presentation only: wire the handlers to `useResize` to move anything.
- */
-declare const HorizontalResizeHandle: ({ onMouseDown, onMouseUp, onMouseMove, onMouseEnter, }: HorizontalResizeHandleProps) => import("react").JSX.Element;
-export default HorizontalResizeHandle;

package/dist/resizable/HorizontalResizeHandle.js

@@ -1,38 +0,0 @@
-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()]
-	}
-}));
-/**
-* The grab bar for resizing a pane vertically (it spans horizontally, dragging
-* up and down). Absolutely positioned — give it a `position: relative` parent.
-*
-* Presentation only: wire the handlers to `useResize` to move anything.
-*/
-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

@@ -1,18 +0,0 @@
-import type { Icon as PhosphorIcon } from "@phosphor-icons/react";
-export interface VerticalResizeHandleProps {
-    /** Not implemented — the component ignores it. */
-    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;
-}
-/**
- * The grab bar for resizing a pane horizontally (it spans vertically, dragging
- * left and right). Absolutely positioned — give it a `position: relative` parent.
- *
- * Presentation only: wire the handlers to `useResize` to move anything.
- */
-declare const VerticalResizeHandle: ({ onMouseDown, onMouseUp, onMouseMove, onMouseEnter, onMouseLeave, }: VerticalResizeHandleProps) => import("react").JSX.Element;
-export default VerticalResizeHandle;

package/dist/resizable/VerticalResizeHandle.js

@@ -1,39 +0,0 @@
-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()]
-	}
-}));
-/**
-* The grab bar for resizing a pane horizontally (it spans vertically, dragging
-* left and right). Absolutely positioned — give it a `position: relative` parent.
-*
-* Presentation only: wire the handlers to `useResize` to move anything.
-*/
-var VerticalResizeHandle = ({ onMouseDown, onMouseUp, onMouseMove, onMouseEnter, onMouseLeave }) => {
-	return /* @__PURE__ */ jsx(VerticalResizeHandleStyled, {
-		onMouseDown,
-		onMouseUp,
-		onMouseMove,
-		onMouseEnter,
-		onMouseLeave
-	});
-};
-//#endregion
-export { VerticalResizeHandle as default };

package/dist/table/SpreadsheetCell.d.ts

@@ -1,21 +0,0 @@
-import React from "react";
-import { ColumnAlign, ColumnPin, TableDensity, TableVariant, type SpreadsheetColumnDef } from "./types";
-export interface SpreadsheetCellProps<TData> {
-    column: SpreadsheetColumnDef<TData, unknown>;
-    row: TData;
-    rowIndex: number;
-    columnIndex: number;
-    isEditing: boolean;
-    onStartEditing: () => void;
-    onCommit: (value: unknown) => void;
-    onCancel: () => void;
-    width?: number;
-    pin?: ColumnPin;
-    pinnedOffset?: number;
-    align?: ColumnAlign;
-    density: TableDensity;
-    variant: TableVariant;
-}
-declare function SpreadsheetCellInner<TData>({ column, row, rowIndex, columnIndex, isEditing, onStartEditing, onCommit, onCancel, width, pin, pinnedOffset, align, density, variant, }: SpreadsheetCellProps<TData>): React.JSX.Element;
-declare const SpreadsheetCell: typeof SpreadsheetCellInner;
-export default SpreadsheetCell;

package/dist/table/SpreadsheetCell.js

@@ -1,71 +0,0 @@
-import Text, { TextSize, TextVariant } from "../text/Text.js";
-import { CellEnrichmentStatus, SpreadsheetCellType } from "./types.js";
-import { createVirtualRow } from "./utils.js";
-import { TableDataCell } from "./TablePrimitives.js";
-import { CellStatusDot } from "./SpreadsheetPrimitives.js";
-import SpreadsheetCellEditor from "./SpreadsheetCellEditor.js";
-import { match } from "ts-pattern";
-import React, { useCallback } from "react";
-import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
-//#region src/table/SpreadsheetCell.tsx
-function formatDisplayValue(value, cellType) {
-	if (value === null || value === void 0 || value === "") return "—";
-	return match(cellType).with(SpreadsheetCellType.BOOLEAN, () => value ? "Yes" : "No").with(SpreadsheetCellType.DATE, () => {
-		if (value instanceof Date) return value.toLocaleDateString();
-		return String(value);
-	}).otherwise(() => String(value));
-}
-function SpreadsheetCellInner({ column, row, rowIndex, columnIndex, isEditing, onStartEditing, onCommit, onCancel, width, pin, pinnedOffset, align, density, variant }) {
-	const value = column.accessorFn ? column.accessorFn(row) : void 0;
-	const isEditable = column.editable !== false && column.cellType !== SpreadsheetCellType.READONLY;
-	const enrichmentStatus = column.getCellEnrichmentStatus?.(row, rowIndex) ?? CellEnrichmentStatus.IDLE;
-	const showStatusDot = enrichmentStatus !== CellEnrichmentStatus.IDLE;
-	const handleClick = useCallback(() => {
-		if (isEditable && !isEditing) onStartEditing();
-	}, [
-		isEditable,
-		isEditing,
-		onStartEditing
-	]);
-	const renderContent = () => {
-		if (column.cell) return column.cell({
-			value,
-			row: createVirtualRow(row, rowIndex),
-			isEditing
-		});
-		if (isEditing) return /* @__PURE__ */ jsx(SpreadsheetCellEditor, {
-			cellType: column.cellType,
-			value,
-			enumOptions: column.enumOptions,
-			onCommit,
-			onCancel
-		});
-		return /* @__PURE__ */ jsxs(Fragment$1, { children: [showStatusDot && /* @__PURE__ */ jsx(CellStatusDot, { $status: enrichmentStatus }), /* @__PURE__ */ jsx(Text, {
-			variant: TextVariant.PRIMARY,
-			size: TextSize.BODY_SM,
-			isEllipsis: true,
-			children: formatDisplayValue(value, column.cellType)
-		})] });
-	};
-	return /* @__PURE__ */ jsx(TableDataCell, {
-		$width: width,
-		$minWidth: column.minSize,
-		$maxWidth: column.maxSize,
-		$pin: pin,
-		$pinnedOffset: pinnedOffset,
-		$align: align,
-		$density: density,
-		$variant: variant,
-		$isPositioned: true,
-		$isEditable: isEditable,
-		"data-editable": isEditable ? "true" : void 0,
-		role: "gridcell",
-		"aria-colindex": columnIndex + 1,
-		"aria-readonly": isEditable ? void 0 : true,
-		onClick: handleClick,
-		children: renderContent()
-	});
-}
-var SpreadsheetCell = React.memo(SpreadsheetCellInner);
-//#endregion
-export { SpreadsheetCell as default };