@galaxy-io/dls 1.6.0 → 2.0.0

package/dist/avatar/AvatarShimmer.d.ts

@@ -1,30 +0,0 @@
-export interface AvatarShimmerProps {
-    /** Square size in px. Match the `Avatar` it stands in for. @default 16 */
-    size?: number;
-}
-export declare const StyledAvatarShimmer: import("react").ComponentType<Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
-    $size?: number;
-} & {
-    theme: import("../theme").Theme;
-} & {
-    as?: React.ElementType;
-}, "$size" | "as" | keyof import("react").ClassAttributes<HTMLDivElement> | keyof import("react").HTMLAttributes<HTMLDivElement>> & {
-    theme?: import("@callstack/react-theme-provider").$DeepPartial<import("../theme").Theme> | undefined;
-}> & import("@callstack/react-theme-provider/typings/hoist-non-react-statics").NonReactStatics<import("react").ComponentType<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
-    $size?: number;
-} & {
-    theme: import("../theme").Theme;
-} & {
-    as?: React.ElementType;
-}> & {
-    __wyw_meta: unknown;
-} & import("react").FunctionComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
-    $size?: number;
-} & {
-    theme: import("../theme").Theme;
-} & {
-    as?: React.ElementType;
-}>, {}>;
-/** Loading placeholder for an `Avatar`. `Avatar` renders it itself when `isLoading`. */
-declare const AvatarShimmer: ({ size }: AvatarShimmerProps) => import("react").JSX.Element;
-export default AvatarShimmer;

package/dist/avatar/AvatarShimmer.js

@@ -1,22 +0,0 @@
-import { withTheme } from "../theme/GalaxyTheme.js";
-/* empty css                        */
-import { styled } from "@linaria/react";
-import { jsx } from "react/jsx-runtime";
-//#region src/avatar/AvatarShimmer.tsx
-var _exp = () => ({ theme }) => theme.color.border.primary;
-var _exp3 = () => ({ $size }) => $size ?? 16;
-var StyledAvatarShimmer = withTheme(/*#__PURE__*/ styled("div")({
-	name: "StyledAvatarShimmer",
-	class: "s1o6ak6r",
-	propsAsIs: false,
-	vars: {
-		"s1o6ak6r-0": [_exp()],
-		"s1o6ak6r-1": [_exp3(), "px"]
-	}
-}));
-/** Loading placeholder for an `Avatar`. `Avatar` renders it itself when `isLoading`. */
-var AvatarShimmer = ({ size }) => {
-	return /* @__PURE__ */ jsx(StyledAvatarShimmer, { $size: size });
-};
-//#endregion
-export { StyledAvatarShimmer, AvatarShimmer as default };

package/dist/backgrounds/CellGridBackground.d.ts

@@ -1,24 +0,0 @@
-import type { ReactNode } from "react";
-import { ThemeBackgroundColor } from "../theme/types";
-export interface CellGridBackgroundProps {
-    /** Side length of one cell in px. @default 24 */
-    cellSize?: number;
-    /** Line width in px. @default 1 */
-    strokeWidth?: number;
-    /** Grid line color. @default theme.color.border.primary */
-    lineColor?: string;
-    /** Surface behind the grid. Pass a token. @default theme.color.background.base */
-    backgroundColor?: ThemeBackgroundColor[keyof ThemeBackgroundColor];
-    /** Line opacity, 0–1. @default 0.5 */
-    lineOpacity?: number;
-    /** Fill the parent instead of sizing to children. @default true */
-    fillContainer?: boolean;
-    children?: ReactNode;
-}
-/**
- * Ruled graph-paper surface. Centers its children; the pattern is an inline SVG
- * data URI, so it costs no request. Unlike the dot and cross grids it has no
- * `borderRadius` prop — wrap it if you need clipped corners.
- */
-declare const CellGridBackground: ({ cellSize, strokeWidth, lineColor, backgroundColor, lineOpacity, fillContainer, children, }: CellGridBackgroundProps) => import("react").JSX.Element;
-export default CellGridBackground;

package/dist/backgrounds/CellGridBackground.js

@@ -1,44 +0,0 @@
-import { useGalaxyTheme } from "../theme/GalaxyTheme.js";
-/* empty css                             */
-import { styled } from "@linaria/react";
-import { jsx } from "react/jsx-runtime";
-//#region src/backgrounds/CellGridBackground.tsx
-var _exp2 = () => ({ $fillContainer }) => $fillContainer ? "100%" : "auto";
-var _exp3 = () => ({ $backgroundColor }) => $backgroundColor;
-var _exp4 = () => ({ $backgroundImage }) => $backgroundImage;
-var _exp5 = () => ({ $backgroundSize }) => $backgroundSize;
-var StyledCellGridBackground = /*#__PURE__*/ styled("div")({
-	name: "StyledCellGridBackground",
-	class: "s3lwr7s",
-	propsAsIs: false,
-	vars: {
-		"s3lwr7s-0": [_exp2()],
-		"s3lwr7s-1": [_exp3()],
-		"s3lwr7s-2": [_exp4()],
-		"s3lwr7s-3": [_exp5()]
-	}
-});
-var generateCellSvg = (cellSize, strokeWidth, color, opacity) => {
-	const svg = `<svg xmlns="http://www.w3.org/2000/svg" width="${cellSize}" height="${cellSize}" viewBox="0 0 ${cellSize} ${cellSize}">
-    <line x1="0" y1="0" x2="${cellSize}" y2="0" stroke="${color}" stroke-width="${strokeWidth}" opacity="${opacity}"/>
-    <line x1="0" y1="0" x2="0" y2="${cellSize}" stroke="${color}" stroke-width="${strokeWidth}" opacity="${opacity}"/>
-  </svg>`;
-	return `url("data:image/svg+xml,${encodeURIComponent(svg)}")`;
-};
-/**
-* Ruled graph-paper surface. Centers its children; the pattern is an inline SVG
-* data URI, so it costs no request. Unlike the dot and cross grids it has no
-* `borderRadius` prop — wrap it if you need clipped corners.
-*/
-var CellGridBackground = ({ cellSize = 24, strokeWidth = 1, lineColor, backgroundColor, lineOpacity = .5, fillContainer = true, children }) => {
-	const { theme } = useGalaxyTheme();
-	return /* @__PURE__ */ jsx(StyledCellGridBackground, {
-		$fillContainer: fillContainer,
-		$backgroundColor: backgroundColor ?? theme.color.background.base,
-		$backgroundImage: generateCellSvg(cellSize, strokeWidth, lineColor ?? theme.color.border.primary, lineOpacity),
-		$backgroundSize: `${cellSize}px ${cellSize}px`,
-		children
-	});
-};
-//#endregion
-export { CellGridBackground as default };

package/dist/backgrounds/CrossGridBackground.d.ts

@@ -1,26 +0,0 @@
-import type { PropsWithChildren } from "react";
-import { ThemeBackgroundColor } from "../theme/types";
-export interface CrossGridBackgroundProps {
-    /** Arm length of each cross in px. @default 8 */
-    crossSize?: number;
-    /** Grid pitch in px — the distance between cross centers. @default 24 */
-    spacing?: number;
-    /** Stroke width of each arm in px. @default 1 */
-    strokeWidth?: number;
-    /** Cross color. @default theme.color.border.primary */
-    crossColor?: string;
-    /** Surface behind the crosses. Pass a token. @default theme.color.background.base */
-    backgroundColor?: ThemeBackgroundColor[keyof ThemeBackgroundColor];
-    /** Cross opacity, 0–1. @default 0.5 */
-    crossOpacity?: number;
-    /** Fill the parent instead of sizing to children. @default true */
-    fillContainer?: boolean;
-    /** A number is px. @default 0 */
-    borderRadius?: string | number;
-}
-/**
- * Grid surface marked with small crosses at each intersection. Centers its
- * children; the pattern is an inline SVG data URI, so it costs no request.
- */
-declare const CrossGridBackground: ({ crossSize, spacing, strokeWidth, crossColor, backgroundColor, crossOpacity, fillContainer, borderRadius, children, }: PropsWithChildren<CrossGridBackgroundProps>) => import("react").JSX.Element;
-export default CrossGridBackground;

package/dist/backgrounds/CrossGridBackground.js

@@ -1,49 +0,0 @@
-import { useGalaxyTheme } 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/backgrounds/CrossGridBackground.tsx
-var _exp2 = () => ({ $fillContainer }) => $fillContainer ? "100%" : "auto";
-var _exp3 = () => ({ $backgroundColor }) => $backgroundColor;
-var _exp4 = () => ({ $backgroundImage }) => $backgroundImage;
-var _exp5 = () => ({ $backgroundSize }) => $backgroundSize;
-var _exp6 = () => ({ $borderRadius }) => $borderRadius === void 0 ? 0 : getCssSizeValue($borderRadius);
-var StyledCrossGridBackground = /*#__PURE__*/ styled("div")({
-	name: "StyledCrossGridBackground",
-	class: "siq7g1q",
-	propsAsIs: false,
-	vars: {
-		"siq7g1q-0": [_exp2()],
-		"siq7g1q-1": [_exp3()],
-		"siq7g1q-2": [_exp4()],
-		"siq7g1q-3": [_exp5()],
-		"siq7g1q-4": [_exp6()]
-	}
-});
-var generateCrossSvg = (crossSize, spacing, strokeWidth, color, opacity) => {
-	const center = spacing / 2;
-	const halfCross = crossSize / 2;
-	const svg = `<svg xmlns="http://www.w3.org/2000/svg" width="${spacing}" height="${spacing}" viewBox="0 0 ${spacing} ${spacing}">
-    <line x1="${center}" y1="${center - halfCross}" x2="${center}" y2="${center + halfCross}" stroke="${color}" stroke-width="${strokeWidth}" opacity="${opacity}"/>
-    <line x1="${center - halfCross}" y1="${center}" x2="${center + halfCross}" y2="${center}" stroke="${color}" stroke-width="${strokeWidth}" opacity="${opacity}"/>
-  </svg>`;
-	return `url("data:image/svg+xml,${encodeURIComponent(svg)}")`;
-};
-/**
-* Grid surface marked with small crosses at each intersection. Centers its
-* children; the pattern is an inline SVG data URI, so it costs no request.
-*/
-var CrossGridBackground = ({ crossSize = 8, spacing = 24, strokeWidth = 1, crossColor, backgroundColor, crossOpacity = .5, fillContainer = true, borderRadius, children }) => {
-	const { theme } = useGalaxyTheme();
-	return /* @__PURE__ */ jsx(StyledCrossGridBackground, {
-		$fillContainer: fillContainer,
-		$backgroundColor: backgroundColor ?? theme.color.background.base,
-		$backgroundImage: generateCrossSvg(crossSize, spacing, strokeWidth, crossColor ?? theme.color.border.primary, crossOpacity),
-		$backgroundSize: `${spacing}px ${spacing}px`,
-		$borderRadius: borderRadius,
-		children
-	});
-};
-//#endregion
-export { CrossGridBackground as default };

package/dist/backgrounds/DotGridBackground.d.ts

@@ -1,24 +0,0 @@
-import type { PropsWithChildren } from "react";
-import { ThemeBackgroundColor } from "../theme/types";
-export interface DotGridBackgroundProps {
-    /** Dot diameter in px. @default 3 */
-    dotSize?: number;
-    /** Grid pitch in px — the distance between dot centers. @default 24 */
-    spacing?: number;
-    /** Dot color. @default theme.color.border.primary */
-    dotColor?: string;
-    /** Surface behind the dots. Pass a token. @default theme.color.background.base */
-    backgroundColor?: ThemeBackgroundColor[keyof ThemeBackgroundColor];
-    /** Dot opacity, 0–1. @default 0.5 */
-    dotOpacity?: number;
-    /** Fill the parent instead of sizing to children. @default true */
-    fillContainer?: boolean;
-    /** A number is px. @default 0 */
-    borderRadius?: string | number;
-}
-/**
- * Dotted grid surface. Centers its children and paints the pattern as an inline
- * SVG data URI, so it costs no network request and scales with `spacing`.
- */
-declare const DotGridBackground: ({ dotSize, spacing, dotColor, backgroundColor, dotOpacity, fillContainer, borderRadius, children, }: PropsWithChildren<DotGridBackgroundProps>) => import("react").JSX.Element;
-export default DotGridBackground;

package/dist/backgrounds/DotGridBackground.js

@@ -1,47 +0,0 @@
-import { useGalaxyTheme } 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/backgrounds/DotGridBackground.tsx
-var _exp2 = () => ({ $fillContainer }) => $fillContainer ? "100%" : "auto";
-var _exp3 = () => ({ $backgroundColor }) => $backgroundColor;
-var _exp4 = () => ({ $backgroundImage }) => $backgroundImage;
-var _exp5 = () => ({ $backgroundSize }) => $backgroundSize;
-var _exp6 = () => ({ $borderRadius }) => $borderRadius === void 0 ? 0 : getCssSizeValue($borderRadius);
-var StyledDotGridBackground = /*#__PURE__*/ styled("div")({
-	name: "StyledDotGridBackground",
-	class: "saa8iad",
-	propsAsIs: false,
-	vars: {
-		"saa8iad-0": [_exp2()],
-		"saa8iad-1": [_exp3()],
-		"saa8iad-2": [_exp4()],
-		"saa8iad-3": [_exp5()],
-		"saa8iad-4": [_exp6()]
-	}
-});
-var generateDotSvg = (size, dotSize, color, opacity) => {
-	const center = size / 2;
-	const svg = `<svg xmlns="http://www.w3.org/2000/svg" width="${size}" height="${size}" viewBox="0 0 ${size} ${size}">
-    <circle cx="${center}" cy="${center}" r="${dotSize / 2}" fill="${color}" opacity="${opacity}"/>
-  </svg>`;
-	return `url("data:image/svg+xml,${encodeURIComponent(svg)}")`;
-};
-/**
-* Dotted grid surface. Centers its children and paints the pattern as an inline
-* SVG data URI, so it costs no network request and scales with `spacing`.
-*/
-var DotGridBackground = ({ dotSize = 3, spacing = 24, dotColor, backgroundColor, dotOpacity = .5, fillContainer = true, borderRadius, children }) => {
-	const { theme } = useGalaxyTheme();
-	return /* @__PURE__ */ jsx(StyledDotGridBackground, {
-		$fillContainer: fillContainer,
-		$backgroundColor: backgroundColor ?? theme.color.background.base,
-		$backgroundImage: generateDotSvg(spacing, dotSize, dotColor ?? theme.color.border.primary, dotOpacity),
-		$backgroundSize: `${spacing}px ${spacing}px`,
-		$borderRadius: borderRadius,
-		children
-	});
-};
-//#endregion
-export { DotGridBackground as default };

package/dist/badge/Badge.d.ts

@@ -1,42 +0,0 @@
-/** Badge color. Signals what the count *means* — errors, warnings, neutral totals. */
-export declare enum BadgeVariant {
-    PRIMARY = "PRIMARY",
-    PRIMARY_ALT = "PRIMARY_ALT",
-    SECONDARY = "SECONDARY",
-    TERTIARY = "TERTIARY",
-    SUCCESS = "SUCCESS",
-    WARNING = "WARNING",
-    ERROR = "ERROR",
-    PINK = "PINK",
-    ORANGE = "ORANGE",
-    YELLOW = "YELLOW",
-    LIME = "LIME",
-    BLUE = "BLUE",
-    PURPLE = "PURPLE",
-    TEAL = "TEAL"
-}
-/** Badge height. Match the control it annotates. */
-export declare enum BadgeSize {
-    SMALL = "SMALL",
-    MEDIUM = "MEDIUM",
-    LARGE = "LARGE"
-}
-export interface BadgeProps {
-    /** The number shown. A count of 0 renders nothing at all. */
-    count: number;
-    /** @default BadgeVariant.PRIMARY */
-    variant?: BadgeVariant;
-    /** @default BadgeSize.MEDIUM */
-    size?: BadgeSize;
-    /** Counts above this show as "N+". @default 99 */
-    max?: number;
-    /** Also flips the cursor to `pointer`. */
-    onClick?: (e: React.MouseEvent<HTMLDivElement>) => void;
-}
-/**
- * A numeric count pill — unread items, pending actions.
- *
- * Renders `null` when `count` is 0, so you don't need to guard it yourself.
- */
-declare const Badge: ({ count, variant, size, max, onClick, }: BadgeProps) => import("react").JSX.Element | null;
-export default Badge;

package/dist/badge/Badge.js

@@ -1,99 +0,0 @@
-import { withTheme } from "../theme/GalaxyTheme.js";
-import Text, { TextSize, TextVariant } from "../text/Text.js";
-/* empty css                */
-import { styled } from "@linaria/react";
-import { match } from "ts-pattern";
-import { jsx } from "react/jsx-runtime";
-//#region src/badge/Badge.tsx
-/** Badge color. Signals what the count *means* — errors, warnings, neutral totals. */
-var BadgeVariant = /* @__PURE__ */ function(BadgeVariant) {
-	BadgeVariant["PRIMARY"] = "PRIMARY";
-	BadgeVariant["PRIMARY_ALT"] = "PRIMARY_ALT";
-	BadgeVariant["SECONDARY"] = "SECONDARY";
-	BadgeVariant["TERTIARY"] = "TERTIARY";
-	BadgeVariant["SUCCESS"] = "SUCCESS";
-	BadgeVariant["WARNING"] = "WARNING";
-	BadgeVariant["ERROR"] = "ERROR";
-	BadgeVariant["PINK"] = "PINK";
-	BadgeVariant["ORANGE"] = "ORANGE";
-	BadgeVariant["YELLOW"] = "YELLOW";
-	BadgeVariant["LIME"] = "LIME";
-	BadgeVariant["BLUE"] = "BLUE";
-	BadgeVariant["PURPLE"] = "PURPLE";
-	BadgeVariant["TEAL"] = "TEAL";
-	return BadgeVariant;
-}({});
-/** Badge height. Match the control it annotates. */
-var BadgeSize = /* @__PURE__ */ function(BadgeSize) {
-	BadgeSize["SMALL"] = "SMALL";
-	BadgeSize["MEDIUM"] = "MEDIUM";
-	BadgeSize["LARGE"] = "LARGE";
-	return BadgeSize;
-}({});
-var BADGE_SIZE_TO_DIMENSION = {
-	["SMALL"]: "16px",
-	["MEDIUM"]: "20px",
-	["LARGE"]: "24px"
-};
-var BADGE_VARIANT_TO_TEXT_VARIANT = {
-	["PRIMARY"]: TextVariant.PRIMARY,
-	["PRIMARY_ALT"]: TextVariant.PRIMARY_ALT,
-	["SECONDARY"]: TextVariant.PRIMARY,
-	["TERTIARY"]: TextVariant.PRIMARY,
-	["SUCCESS"]: TextVariant.SUCCESS,
-	["WARNING"]: TextVariant.WARNING,
-	["ERROR"]: TextVariant.ERROR,
-	["PINK"]: TextVariant.PINK,
-	["ORANGE"]: TextVariant.ORANGE,
-	["YELLOW"]: TextVariant.YELLOW,
-	["LIME"]: TextVariant.LIME,
-	["BLUE"]: TextVariant.BLUE,
-	["PURPLE"]: TextVariant.PURPLE,
-	["TEAL"]: TextVariant.TEAL
-};
-var BADGE_SIZE_TO_TEXT_SIZE = {
-	["SMALL"]: TextSize.BODY_SM,
-	["MEDIUM"]: TextSize.BODY_SM,
-	["LARGE"]: TextSize.BODY_MD
-};
-var _exp = () => ({ $isClickable }) => $isClickable ? "pointer" : "inherit";
-var _exp3 = () => ({ $size }) => BADGE_SIZE_TO_DIMENSION[$size];
-var _exp4 = () => ({ theme, $variant }) => {
-	return match($variant).with("PRIMARY", () => theme.color.background.primary).with("PRIMARY_ALT", () => theme.color.background.primaryAlt).with("SECONDARY", () => theme.color.background.secondary).with("TERTIARY", () => theme.color.background.tertiary).with("SUCCESS", () => theme.color.background.success).with("WARNING", () => theme.color.background.warning).with("ERROR", () => theme.color.background.error).with("PINK", () => theme.color.background.pink).with("ORANGE", () => theme.color.background.orange).with("YELLOW", () => theme.color.background.yellow).with("LIME", () => theme.color.background.lime).with("BLUE", () => theme.color.background.blue).with("PURPLE", () => theme.color.background.purple).with("TEAL", () => theme.color.background.teal).exhaustive();
-};
-var _exp5 = () => ({ theme, $variant }) => {
-	return match($variant).with("PRIMARY", () => theme.color.border.primary).with("SECONDARY", () => theme.color.border.secondary).with("TERTIARY", () => theme.color.border.tertiary).with("ERROR", () => theme.color.border.error).with("WARNING", () => theme.color.border.warning).with("SUCCESS", () => theme.color.border.success).with("PINK", () => theme.color.border.pink).with("ORANGE", () => theme.color.border.orange).with("YELLOW", () => theme.color.border.yellow).with("LIME", () => theme.color.border.lime).with("BLUE", () => theme.color.border.blue).with("PURPLE", () => theme.color.border.purple).with("TEAL", () => theme.color.border.teal).otherwise(() => theme.color.border.primary);
-};
-var StyledBadge = withTheme(/*#__PURE__*/ styled("div")({
-	name: "StyledBadge",
-	class: "s6s20zd",
-	propsAsIs: false,
-	vars: {
-		"s6s20zd-0": [_exp()],
-		"s6s20zd-1": [_exp3()],
-		"s6s20zd-2": [_exp4()],
-		"s6s20zd-3": [_exp5()]
-	}
-}));
-/**
-* A numeric count pill — unread items, pending actions.
-*
-* Renders `null` when `count` is 0, so you don't need to guard it yourself.
-*/
-var Badge = ({ count, variant = "PRIMARY", size = "MEDIUM", max = 99, onClick }) => {
-	if (count === 0) return null;
-	const displayValue = count > max ? `${max}+` : count;
-	return /* @__PURE__ */ jsx(StyledBadge, {
-		$variant: variant,
-		$size: size,
-		$isClickable: !!onClick,
-		onClick,
-		children: /* @__PURE__ */ jsx(Text, {
-			variant: BADGE_VARIANT_TO_TEXT_VARIANT[variant],
-			size: BADGE_SIZE_TO_TEXT_SIZE[size],
-			children: displayValue
-		})
-	});
-};
-//#endregion
-export { BadgeSize, BadgeVariant, Badge as default };

package/dist/charts/ChartEmptyState.d.ts

@@ -1,17 +0,0 @@
-import type { ReactNode } from "react";
-interface ChartEmptyStateProps {
-    /** Caller-supplied content. Falls back to a centred "No data". */
-    content?: ReactNode;
-}
-/**
- * Overlay shown when a chart has nothing to plot.
- *
- * Rendered over the reserved plot box rather than in place of it, so the axes
- * stay at full size and the chart does not resize when data arrives.
- *
- * What counts as empty is each chart's own call and deliberately inconsistent:
- * a bar chart of all zeros is a flat chart with real data, while a pie of all
- * zeros has no whole to apportion.
- */
-declare const ChartEmptyState: ({ content }: ChartEmptyStateProps) => import("react").JSX.Element;
-export default ChartEmptyState;

package/dist/charts/ChartEmptyState.js

@@ -1,29 +0,0 @@
-import Text, { TextSize, TextVariant } from "../text/Text.js";
-import FlexWrapper, { AlignItems, JustifyContent } from "../containers/FlexWrapper.js";
-import { ChartEmptyOverlay } from "./ChartPrimitives.js";
-import { jsx } from "react/jsx-runtime";
-//#region src/charts/ChartEmptyState.tsx
-/**
-* Overlay shown when a chart has nothing to plot.
-*
-* Rendered over the reserved plot box rather than in place of it, so the axes
-* stay at full size and the chart does not resize when data arrives.
-*
-* What counts as empty is each chart's own call and deliberately inconsistent:
-* a bar chart of all zeros is a flat chart with real data, while a pie of all
-* zeros has no whole to apportion.
-*/
-var ChartEmptyState = ({ content }) => /* @__PURE__ */ jsx(ChartEmptyOverlay, {
-	role: "status",
-	children: content ?? /* @__PURE__ */ jsx(FlexWrapper, {
-		justifyContent: JustifyContent.CENTER,
-		alignItems: AlignItems.CENTER,
-		children: /* @__PURE__ */ jsx(Text, {
-			size: TextSize.BODY_SM,
-			variant: TextVariant.SECONDARY,
-			children: "No data available"
-		})
-	})
-});
-//#endregion
-export { ChartEmptyState as default };

package/dist/charts/ProgressBar.d.ts

@@ -1,29 +0,0 @@
-/** Fill color. Signals what the progress *means* — neutral, healthy, at risk. */
-export declare enum ProgressBarVariant {
-    PRIMARY = "PRIMARY",
-    SECONDARY = "SECONDARY",
-    TERTIARY = "TERTIARY",
-    SUCCESS = "SUCCESS",
-    WARNING = "WARNING",
-    ERROR = "ERROR"
-}
-export interface ProgressBarProps {
-    /** Fill, 0–100. Values outside that range render empty rather than clamping. */
-    percentage: number;
-    /** @default ProgressBarVariant.PRIMARY */
-    variant?: ProgressBarVariant;
-    /** Bar thickness in px. @default 4 */
-    height?: number;
-    /** Render 0% as truly empty instead of the default hairline sliver. */
-    noSliverOnZero?: boolean;
-    /** Drop the pulse on the fill. */
-    noAnimation?: boolean;
-}
-/**
- * A horizontal completion bar.
- *
- * At 0% it leaves a 0.5px sliver so the track still reads as a bar rather than
- * an empty box — set `noSliverOnZero` when exact emptiness matters.
- */
-declare const ProgressBar: ({ percentage, variant, height, noSliverOnZero, noAnimation, }: ProgressBarProps) => import("react").JSX.Element;
-export default ProgressBar;

package/dist/charts/ProgressBar.js

@@ -1,65 +0,0 @@
-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/charts/ProgressBar.tsx
-/** Fill color. Signals what the progress *means* — neutral, healthy, at risk. */
-var ProgressBarVariant = /* @__PURE__ */ function(ProgressBarVariant) {
-	ProgressBarVariant["PRIMARY"] = "PRIMARY";
-	ProgressBarVariant["SECONDARY"] = "SECONDARY";
-	ProgressBarVariant["TERTIARY"] = "TERTIARY";
-	ProgressBarVariant["SUCCESS"] = "SUCCESS";
-	ProgressBarVariant["WARNING"] = "WARNING";
-	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: "s1yc7aow",
-	propsAsIs: false,
-	vars: {
-		"s1yc7aow-0": [_exp()],
-		"s1yc7aow-1": [_exp2()],
-		"s1yc7aow-2": [_exp3()]
-	}
-}));
-var _exp4 = () => ({ $width }) => `${$width}%`;
-var _exp5 = () => ({ theme, $variant }) => match($variant).returnType().with("PRIMARY", () => theme.color.opacity.bw100Alt).with("SECONDARY", () => theme.color.opacity.bw64Alt).with("TERTIARY", () => theme.color.opacity.bw48Alt).with("SUCCESS", () => theme.color.icon.success).with("WARNING", () => theme.color.icon.warning).with("ERROR", () => theme.color.icon.error).exhaustive();
-var _exp6 = () => ({ $noAnimation }) => $noAnimation ? "none" : "pulse 2.5s cubic-bezier(0.4, 0, 0.6, 1) infinite";
-var ProgressBarFill = withTheme(/*#__PURE__*/ styled("div")({
-	name: "ProgressBarFill",
-	class: "p1sc05jm",
-	propsAsIs: false,
-	vars: {
-		"p1sc05jm-0": [_exp4()],
-		"p1sc05jm-1": [_exp5()],
-		"p1sc05jm-2": [_exp6()]
-	}
-}));
-/**
-* A horizontal completion bar.
-*
-* At 0% it leaves a 0.5px sliver so the track still reads as a bar rather than
-* an empty box — set `noSliverOnZero` when exact emptiness matters.
-*/
-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/charts/chartTheme.d.ts

@@ -1,18 +0,0 @@
-import type { Theme } from "../theme/types";
-import { ChartPalette } from "./types";
-/**
- * Palette resolution for the chart components.
- *
- * Consumer data names a {@link ChartPalette} slot; the concrete color is looked
- * up here against the active theme. That keeps raw hex out of application data
- * and guarantees both themes render correctly.
- *
- * Linaria evaluates this module at build time, so it must not import components.
- */
-/** Resolve a palette slot to a concrete color for the active theme. */
-export declare function resolveChartPaletteColor(theme: Theme, palette: ChartPalette): string;
-/**
- * Resolve the color for a series, honoring an explicit slot and otherwise
- * falling back to the series' position in the default palette order.
- */
-export declare function resolveSeriesColor(theme: Theme, index: number, palette?: ChartPalette): string;

package/dist/charts/chartTheme.js

@@ -1,26 +0,0 @@
-import { ChartPalette } from "./types.js";
-import { CHART_PALETTE_ORDER } from "./constants.js";
-import { match } from "ts-pattern";
-//#region src/charts/chartTheme.ts
-/**
-* Palette resolution for the chart components.
-*
-* Consumer data names a {@link ChartPalette} slot; the concrete color is looked
-* up here against the active theme. That keeps raw hex out of application data
-* and guarantees both themes render correctly.
-*
-* Linaria evaluates this module at build time, so it must not import components.
-*/
-/** Resolve a palette slot to a concrete color for the active theme. */
-function resolveChartPaletteColor(theme, palette) {
-	return match(palette).with(ChartPalette.PURPLE, () => theme.color.icon.purple).with(ChartPalette.PINK, () => theme.color.icon.pink).with(ChartPalette.BLUE, () => theme.color.icon.blue).with(ChartPalette.TEAL, () => theme.color.icon.teal).with(ChartPalette.LIME, () => theme.color.icon.lime).with(ChartPalette.ORANGE, () => theme.color.icon.orange).with(ChartPalette.YELLOW, () => theme.color.icon.yellow).with(ChartPalette.GREEN, () => theme.color.icon.success).with(ChartPalette.RED, () => theme.color.icon.error).with(ChartPalette.PRIMARY, () => theme.color.icon.primary).with(ChartPalette.SECONDARY, () => theme.color.icon.secondary).with(ChartPalette.TERTIARY, () => theme.color.icon.tertiary).with(ChartPalette.WARNING, () => theme.color.icon.warning).exhaustive();
-}
-/**
-* Resolve the color for a series, honoring an explicit slot and otherwise
-* falling back to the series' position in the default palette order.
-*/
-function resolveSeriesColor(theme, index, palette) {
-	return resolveChartPaletteColor(theme, palette ?? CHART_PALETTE_ORDER[index % CHART_PALETTE_ORDER.length]);
-}
-//#endregion
-export { resolveChartPaletteColor, resolveSeriesColor };