@galaxy-io/dls 1.6.1 → 2.0.0

package/dist/containers/Wrapper.d.ts

@@ -1,26 +0,0 @@
-import type { PropsWithChildren } from "react";
-export interface WrapperProps {
-    /** @default "static" */
-    position?: React.CSSProperties["position"];
-    minWidth?: number | string;
-    /** Doubles as the width when `fillWidth` is off. A number is px. */
-    maxWidth?: number | string;
-    /** `width: 100%`. Takes precedence over `maxWidth`. */
-    fillWidth?: boolean;
-    /** `height: 100%`. */
-    fillHeight?: boolean;
-    /** @default "visible" */
-    overflow?: React.CSSProperties["overflow"];
-    padding?: React.CSSProperties["padding"];
-    /** Offset — only applies once `position` is not `static`. */
-    top?: React.CSSProperties["top"];
-    right?: React.CSSProperties["right"];
-    bottom?: React.CSSProperties["bottom"];
-    left?: React.CSSProperties["left"];
-}
-/**
- * A plain `div` with positioning and sizing props — the escape hatch for when
- * you need a positioned box without flex or grid layout on it.
- */
-declare const Wrapper: ({ children, position, minWidth, maxWidth, fillWidth, fillHeight, overflow, padding, top, right, bottom, left, }: PropsWithChildren<WrapperProps>) => import("react").JSX.Element;
-export default Wrapper;

package/dist/containers/Wrapper.js

@@ -1,54 +0,0 @@
-import { getCssSizeValue } from "../utils/linaria.js";
-/* empty css                  */
-import { styled } from "@linaria/react";
-import { jsx } from "react/jsx-runtime";
-//#region src/containers/Wrapper.tsx
-var _exp = () => ({ $position }) => $position ?? "static";
-var _exp2 = () => ({ $minWidth }) => $minWidth ? getCssSizeValue($minWidth) : "auto";
-var _exp3 = () => ({ $fillWidth, $maxWidth }) => $fillWidth ? "100%" : $maxWidth ? getCssSizeValue($maxWidth) : "auto";
-var _exp4 = () => ({ $fillHeight }) => $fillHeight ? "100%" : "auto";
-var _exp5 = () => ({ $overflow }) => $overflow ?? "visible";
-var _exp6 = () => ({ $padding }) => $padding ?? "0";
-var _exp7 = () => ({ $top }) => $top ?? "auto";
-var _exp8 = () => ({ $right }) => $right ?? "auto";
-var _exp9 = () => ({ $bottom }) => $bottom ?? "auto";
-var _exp0 = () => ({ $left }) => $left ?? "auto";
-var StyledWrapper = /*#__PURE__*/ styled("div")({
-	name: "StyledWrapper",
-	class: "sck44b4",
-	propsAsIs: false,
-	vars: {
-		"sck44b4-0": [_exp()],
-		"sck44b4-1": [_exp2()],
-		"sck44b4-2": [_exp3()],
-		"sck44b4-3": [_exp4()],
-		"sck44b4-4": [_exp5()],
-		"sck44b4-5": [_exp6()],
-		"sck44b4-6": [_exp7()],
-		"sck44b4-7": [_exp8()],
-		"sck44b4-8": [_exp9()],
-		"sck44b4-9": [_exp0()]
-	}
-});
-/**
-* A plain `div` with positioning and sizing props — the escape hatch for when
-* you need a positioned box without flex or grid layout on it.
-*/
-var Wrapper = ({ children, position, minWidth, maxWidth, fillWidth, fillHeight, overflow, padding, top, right, bottom, left }) => {
-	return /* @__PURE__ */ jsx(StyledWrapper, {
-		$position: position,
-		$minWidth: minWidth,
-		$maxWidth: maxWidth,
-		$fillWidth: fillWidth,
-		$fillHeight: fillHeight,
-		$overflow: overflow,
-		$padding: padding,
-		$top: top,
-		$right: right,
-		$bottom: bottom,
-		$left: left,
-		children
-	});
-};
-//#endregion
-export { Wrapper as default };

package/dist/dividers/HorizontalDivider.d.ts

@@ -1,7 +0,0 @@
-export interface HorizontalDividerProps {
-    /** Caption centered in a break in the rule. Omit for an unbroken line. */
-    label?: string;
-}
-/** A full-width 0.5px hairline rule. Borders, not shadows — this is the separator. */
-declare const HorizontalDivider: ({ label }: HorizontalDividerProps) => import("react").JSX.Element;
-export default HorizontalDivider;

package/dist/dividers/HorizontalDivider.js

@@ -1,39 +0,0 @@
-import { withTheme } from "../theme/GalaxyTheme.js";
-import Text, { TextSize, TextVariant } from "../text/Text.js";
-/* empty css                            */
-import { styled } from "@linaria/react";
-import { jsx, jsxs } from "react/jsx-runtime";
-//#region src/dividers/HorizontalDivider.tsx
-var _exp = () => ({ $flex }) => $flex ? "auto" : "100%";
-var _exp2 = () => ({ $flex }) => $flex ? "1 1 0%" : "0 0 auto";
-var _exp3 = () => ({ theme }) => theme.color.border.primary;
-var HorizontalDividerLine = withTheme(/*#__PURE__*/ styled("div")({
-	name: "HorizontalDividerLine",
-	class: "h1sww5hz",
-	propsAsIs: false,
-	vars: {
-		"h1sww5hz-0": [_exp()],
-		"h1sww5hz-1": [_exp2()],
-		"h1sww5hz-2": [_exp3()]
-	}
-}));
-var LabeledDividerWrapper = /*#__PURE__*/ styled("div")({
-	name: "LabeledDividerWrapper",
-	class: "l44ah51",
-	propsAsIs: false
-});
-/** A full-width 0.5px hairline rule. Borders, not shadows — this is the separator. */
-var HorizontalDivider = ({ label }) => {
-	if (!label) return /* @__PURE__ */ jsx(HorizontalDividerLine, {});
-	return /* @__PURE__ */ jsxs(LabeledDividerWrapper, { children: [
-		/* @__PURE__ */ jsx(HorizontalDividerLine, { $flex: true }),
-		/* @__PURE__ */ jsx(Text, {
-			size: TextSize.CAPTION,
-			variant: TextVariant.TERTIARY,
-			children: label
-		}),
-		/* @__PURE__ */ jsx(HorizontalDividerLine, { $flex: true })
-	] });
-};
-//#endregion
-export { HorizontalDivider as default };

package/dist/dividers/VerticalDivider.d.ts

@@ -1,6 +0,0 @@
-/**
- * A 0.5px hairline rule for separating items in a row. Stretches to the height
- * of its flex parent, so it needs one — it has no height of its own.
- */
-declare const VerticalDivider: () => import("react").JSX.Element;
-export default VerticalDivider;

package/dist/dividers/VerticalDivider.js

@@ -1,21 +0,0 @@
-import { withTheme } from "../theme/GalaxyTheme.js";
-/* empty css                          */
-import { styled } from "@linaria/react";
-import { jsx } from "react/jsx-runtime";
-//#region src/dividers/VerticalDivider.tsx
-var _exp = () => ({ theme }) => theme.color.border.primary;
-var VerticalDividerWrapper = withTheme(/*#__PURE__*/ styled("div")({
-	name: "VerticalDividerWrapper",
-	class: "v1f76t13",
-	propsAsIs: false,
-	vars: { "v1f76t13-0": [_exp()] }
-}));
-/**
-* A 0.5px hairline rule for separating items in a row. Stretches to the height
-* of its flex parent, so it needs one — it has no height of its own.
-*/
-var VerticalDivider = () => {
-	return /* @__PURE__ */ jsx(VerticalDividerWrapper, {});
-};
-//#endregion
-export { VerticalDivider as default };

package/dist/icons/GalaxyFilamentWordmark.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 GalaxyFilamentWordmark: ({ 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 GalaxyFilamentWordmark;

package/dist/icons/GalaxyFilamentWordmark.js

@@ -1,25 +0,0 @@
-import { GalaxyTheme } from "../theme/types.js";
-import { useGalaxyTheme } from "../theme/GalaxyTheme.js";
-import SvgGalaxyFilamentWordmarkDark from "../assets/components/GalaxyFilamentWordmarkDark.js";
-import SvgGalaxyFilamentWordmarkLight from "../assets/components/GalaxyFilamentWordmarkLight.js";
-import { match } from "ts-pattern";
-import { useMemo } from "react";
-import { jsx } from "react/jsx-runtime";
-//#region src/icons/GalaxyFilamentWordmark.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 GalaxyFilamentWordmark = ({ height, isDark }) => {
-	const { activeTheme } = useGalaxyTheme();
-	return useMemo(() => {
-		if (isDark) return /* @__PURE__ */ jsx(SvgGalaxyFilamentWordmarkLight, { height });
-		return match(activeTheme).with(GalaxyTheme.DARK, () => /* @__PURE__ */ jsx(SvgGalaxyFilamentWordmarkLight, { height })).with(GalaxyTheme.LIGHT, () => /* @__PURE__ */ jsx(SvgGalaxyFilamentWordmarkDark, { height })).exhaustive();
-	}, [
-		height,
-		isDark,
-		activeTheme
-	]);
-};
-//#endregion
-export { GalaxyFilamentWordmark as default };

package/dist/icons/GalaxyLogomark.d.ts

@@ -1,13 +0,0 @@
-/**
- * The Galaxy mark, in the variant that reads against the active theme.
- *
- * `isDark` pins it to the dark-surface artwork regardless of theme — for a
- * mark sitting on a surface that doesn't follow the theme.
- */
-declare const GalaxyLogomark: ({ height, isDark, }: {
-    /** Rendered height in px. Width follows the aspect ratio. */
-    height: number;
-    /** Force the dark-surface artwork instead of following the theme. */
-    isDark?: boolean;
-}) => import("react").JSX.Element;
-export default GalaxyLogomark;

package/dist/icons/GalaxyLogomark.js

@@ -1,27 +0,0 @@
-import { GalaxyTheme } from "../theme/types.js";
-import { useGalaxyTheme } from "../theme/GalaxyTheme.js";
-import SvgGalaxyLogomarkDark from "../assets/components/GalaxyLogomarkDark.js";
-import SvgGalaxyLogomarkLight from "../assets/components/GalaxyLogomarkLight.js";
-import { match } from "ts-pattern";
-import { useMemo } from "react";
-import { jsx } from "react/jsx-runtime";
-//#region src/icons/GalaxyLogomark.tsx
-/**
-* The Galaxy mark, in the variant that reads against the active theme.
-*
-* `isDark` pins it to the dark-surface artwork regardless of theme — for a
-* mark sitting on a surface that doesn't follow the theme.
-*/
-var GalaxyLogomark = ({ height, isDark }) => {
-	const { activeTheme } = useGalaxyTheme();
-	return useMemo(() => {
-		if (isDark) return /* @__PURE__ */ jsx(SvgGalaxyLogomarkDark, { height });
-		return match(activeTheme).with(GalaxyTheme.DARK, () => /* @__PURE__ */ jsx(SvgGalaxyLogomarkLight, { height })).with(GalaxyTheme.LIGHT, () => /* @__PURE__ */ jsx(SvgGalaxyLogomarkDark, { height })).exhaustive();
-	}, [
-		height,
-		isDark,
-		activeTheme
-	]);
-};
-//#endregion
-export { GalaxyLogomark as default };

package/dist/icons/GalaxyLogomark3D.d.ts

@@ -1,56 +0,0 @@
-import { PresetsType } from "@react-three/drei/helpers/environment-assets";
-export interface LightConfig {
-    intensity?: number;
-    color?: string;
-}
-export interface MaterialConfig {
-    metalness?: number;
-    roughness?: number;
-    transmission?: number;
-    thickness?: number;
-    ior?: number;
-    envMapIntensity?: number;
-    clearcoat?: number;
-    clearcoatRoughness?: number;
-    sheen?: number;
-    sheenRoughness?: number;
-    sheenColor?: string;
-}
-interface GalaxyLogomark3DProps {
-    /** Square canvas size. A number is px. */
-    height: number | string;
-    /** Force the dark-surface material instead of following the theme. */
-    isDark?: boolean;
-    /** Spin continuously. */
-    isAutoRotate?: boolean;
-    /** Let the user drag to orbit the mesh. */
-    isInteractive?: boolean;
-    /** React to hover. */
-    isHoverable?: boolean;
-    /** Rotation rate. */
-    speed?: number;
-    /** Backlight configuration (enables dramatic mode when provided) */
-    backlight?: LightConfig;
-    /** Spotlight configuration (enables dramatic mode when provided) */
-    spotlight?: LightConfig;
-    /** Fill light configuration (enables dramatic mode when provided) */
-    fillLight?: LightConfig;
-    /** Override material properties */
-    material?: MaterialConfig;
-    /** Override mesh color (bypasses theme) */
-    color?: string;
-    /** Environment preset (default: 'studio', or 'night' in dramatic mode) */
-    environmentPreset?: PresetsType;
-}
-/**
- * The Galaxy mark as an interactive 3D mesh, rendered with react-three-fiber.
- *
- * The heaviest thing in the library — it pulls in three.js and a ~3MB model.
- * Reserve it for hero moments; use `GalaxyLogomark` everywhere else.
- *
- * Passing any of `backlight`, `spotlight` or `fillLight` switches it into the
- * dramatic lighting preset.
- */
-declare const GalaxyLogomark3D: ({ height, isDark, isAutoRotate, isInteractive, isHoverable, speed, backlight, spotlight, fillLight, material, color: colorOverride, environmentPreset, }: GalaxyLogomark3DProps) => import("react").JSX.Element;
-export default GalaxyLogomark3D;
-export type { GalaxyLogomark3DProps };

package/dist/icons/GalaxyLogomark3D.js

@@ -1,319 +0,0 @@
-import { useGalaxyTheme } from "../theme/GalaxyTheme.js";
-import { getCssSizeValue } from "../utils/linaria.js";
-import galaxy_logomark_default from "../assets/models/galaxy-logomark.js";
-/* empty css                           */
-import { styled } from "@linaria/react";
-import { Suspense, useEffect, useRef, useState } from "react";
-import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
-import { Center, Environment, OrbitControls } from "@react-three/drei";
-import { Canvas, useFrame, useLoader } from "@react-three/fiber";
-import * as THREE from "three";
-import { OBJLoader } from "three/examples/jsm/loaders/OBJLoader.js";
-//#region src/icons/GalaxyLogomark3D.tsx
-var _exp2 = () => ({ $height }) => getCssSizeValue($height);
-var CanvasContainer = /*#__PURE__*/ styled("div")({
-	name: "CanvasContainer",
-	class: "c17zkoob",
-	propsAsIs: false,
-	vars: { "c17zkoob-0": [_exp2()] }
-});
-var DEFAULT_MATERIAL = {
-	metalness: 0,
-	roughness: 0,
-	transmission: 0,
-	thickness: 0,
-	ior: 1,
-	envMapIntensity: 0,
-	clearcoat: 0,
-	clearcoatRoughness: 0,
-	sheen: 1,
-	sheenRoughness: 0
-};
-var DRAMATIC_MATERIAL = {
-	metalness: 0,
-	roughness: .9,
-	transmission: 0,
-	thickness: 0,
-	ior: 1,
-	envMapIntensity: 0,
-	clearcoat: 0,
-	clearcoatRoughness: 0,
-	sheen: 1,
-	sheenRoughness: .5
-};
-function LogoMesh({ color, isDark, isAutoRotate = false, isHoverable = true, isHovered = false, speed = 1.5, isDramaticMode = false, material }) {
-	const groupRef = useRef(null);
-	const obj = useLoader(OBJLoader, galaxy_logomark_default);
-	const animationStartTime = useRef(null);
-	const wasHovered = useRef(false);
-	const animationDuration = .5 / speed;
-	const axisMultipliers = useRef({
-		x: 1,
-		y: -1,
-		z: 0
-	});
-	useEffect(() => {
-		axisMultipliers.current = {
-			x: Math.random() > .3 ? Math.random() > .5 ? 1 : -1 : 0,
-			y: Math.random() > .3 ? Math.random() > .5 ? 1 : -1 : 0,
-			z: Math.random() > .3 ? Math.random() > .5 ? 1 : -1 : 0
-		};
-	}, []);
-	useFrame((state) => {
-		if (!groupRef.current) return;
-		if (isHoverable) {
-			if (isHovered && !wasHovered.current) {
-				animationStartTime.current = state.clock.elapsedTime;
-				let x = Math.random() > .4 ? Math.random() > .5 ? 1 : -1 : 0;
-				let y = Math.random() > .4 ? Math.random() > .5 ? 1 : -1 : 0;
-				let z = Math.random() > .4 ? Math.random() > .5 ? 1 : -1 : 0;
-				if (x === 0 && y === 0 && z === 0) {
-					const fallback = Math.floor(Math.random() * 3);
-					if (fallback === 0) x = 1;
-					else if (fallback === 1) y = 1;
-					else z = 1;
-				}
-				axisMultipliers.current = {
-					x,
-					y,
-					z
-				};
-			}
-			wasHovered.current = isHovered;
-			if (animationStartTime.current !== null && state.clock.elapsedTime - animationStartTime.current < animationDuration) {
-				const progress = (state.clock.elapsedTime - animationStartTime.current) / animationDuration;
-				const rotation = (1 - Math.pow(1 - progress, 4)) * Math.PI * 4;
-				groupRef.current.rotation.x = rotation * axisMultipliers.current.x;
-				groupRef.current.rotation.y = rotation * axisMultipliers.current.y;
-				groupRef.current.rotation.z = rotation * axisMultipliers.current.z;
-				return;
-			}
-		}
-		if (isAutoRotate) {
-			groupRef.current.rotation.x = THREE.MathUtils.lerp(groupRef.current.rotation.x, 0, .1);
-			groupRef.current.rotation.y = state.clock.elapsedTime * speed;
-			groupRef.current.rotation.z = THREE.MathUtils.lerp(groupRef.current.rotation.z, 0, .1);
-		} else {
-			groupRef.current.rotation.x = THREE.MathUtils.lerp(groupRef.current.rotation.x, 0, .1);
-			groupRef.current.rotation.y = THREE.MathUtils.lerp(groupRef.current.rotation.y, 0, .1);
-			groupRef.current.rotation.z = THREE.MathUtils.lerp(groupRef.current.rotation.z, 0, .1);
-		}
-	});
-	const mergedMaterial = {
-		...isDramaticMode ? DRAMATIC_MATERIAL : DEFAULT_MATERIAL,
-		...material
-	};
-	if (!isDramaticMode && material?.envMapIntensity === void 0) mergedMaterial.envMapIntensity = isDark ? .3 : 1.5;
-	const clonedObj = obj.clone();
-	clonedObj.traverse((child) => {
-		if (child instanceof THREE.Mesh) {
-			if (isDramaticMode) child.castShadow = true;
-			child.material = new THREE.MeshPhysicalMaterial({
-				color,
-				metalness: mergedMaterial.metalness,
-				roughness: mergedMaterial.roughness,
-				transmission: mergedMaterial.transmission,
-				thickness: mergedMaterial.thickness,
-				ior: mergedMaterial.ior,
-				envMapIntensity: mergedMaterial.envMapIntensity,
-				clearcoat: mergedMaterial.clearcoat,
-				clearcoatRoughness: mergedMaterial.clearcoatRoughness,
-				sheen: mergedMaterial.sheen,
-				sheenRoughness: mergedMaterial.sheenRoughness,
-				sheenColor: mergedMaterial.sheenColor ? new THREE.Color(mergedMaterial.sheenColor) : new THREE.Color(color),
-				...mergedMaterial.transmission > 0 ? {
-					attenuationColor: new THREE.Color(color),
-					attenuationDistance: .5
-				} : {}
-			});
-		}
-	});
-	return /* @__PURE__ */ jsx("group", {
-		ref: groupRef,
-		scale: [
-			.088,
-			.088,
-			.088
-		],
-		children: /* @__PURE__ */ jsx(Center, { children: /* @__PURE__ */ jsx("primitive", { object: clonedObj }) })
-	});
-}
-function SimpleLighting() {
-	return /* @__PURE__ */ jsxs(Fragment$1, { children: [
-		/* @__PURE__ */ jsx("ambientLight", { intensity: .5 }),
-		/* @__PURE__ */ jsx("directionalLight", {
-			position: [
-				10,
-				10,
-				5
-			],
-			intensity: 1
-		}),
-		/* @__PURE__ */ jsx("directionalLight", {
-			position: [
-				-10,
-				-10,
-				-5
-			],
-			intensity: .5
-		})
-	] });
-}
-function DramaticLighting({ backlight, spotlight, fillLight }) {
-	return /* @__PURE__ */ jsxs(Fragment$1, { children: [
-		/* @__PURE__ */ jsx("ambientLight", { intensity: .15 }),
-		/* @__PURE__ */ jsx("directionalLight", {
-			position: [
-				0,
-				0,
-				5
-			],
-			intensity: .3
-		}),
-		/* @__PURE__ */ jsx("spotLight", {
-			position: [
-				0,
-				6,
-				5
-			],
-			angle: Math.PI / 4,
-			penumbra: .6,
-			intensity: backlight.intensity,
-			color: backlight.color,
-			castShadow: true,
-			distance: 20,
-			decay: 1.5
-		}),
-		/* @__PURE__ */ jsx("pointLight", {
-			position: [
-				-3,
-				2,
-				4
-			],
-			intensity: backlight.intensity * .3,
-			color: backlight.color,
-			distance: 15,
-			decay: 2
-		}),
-		/* @__PURE__ */ jsx("spotLight", {
-			position: [
-				4,
-				5,
-				2
-			],
-			"target-position": [
-				0,
-				0,
-				0
-			],
-			angle: Math.PI / 6,
-			penumbra: .4,
-			intensity: spotlight.intensity,
-			color: spotlight.color,
-			distance: 15,
-			decay: 1
-		}),
-		/* @__PURE__ */ jsx("pointLight", {
-			position: [
-				-5,
-				-1,
-				2
-			],
-			intensity: fillLight.intensity,
-			color: fillLight.color,
-			distance: 15,
-			decay: 1.5
-		})
-	] });
-}
-function Scene({ color, isDark, isAutoRotate, isInteractive, isHoverable, isHovered, speed, isDramaticMode, backlight, spotlight, fillLight, material, environmentPreset }) {
-	return /* @__PURE__ */ jsxs(Fragment$1, { children: [
-		isDramaticMode && backlight && spotlight && fillLight ? /* @__PURE__ */ jsx(DramaticLighting, {
-			backlight,
-			spotlight,
-			fillLight
-		}) : /* @__PURE__ */ jsx(SimpleLighting, {}),
-		/* @__PURE__ */ jsx(LogoMesh, {
-			color,
-			isDark,
-			isAutoRotate,
-			isHoverable,
-			isHovered,
-			speed,
-			isDramaticMode,
-			material
-		}),
-		/* @__PURE__ */ jsx(Environment, { preset: environmentPreset }),
-		/* @__PURE__ */ jsx(OrbitControls, {
-			autoRotate: false,
-			enableZoom: isInteractive,
-			enablePan: isInteractive,
-			enableRotate: isInteractive
-		})
-	] });
-}
-/**
-* The Galaxy mark as an interactive 3D mesh, rendered with react-three-fiber.
-*
-* The heaviest thing in the library — it pulls in three.js and a ~3MB model.
-* Reserve it for hero moments; use `GalaxyLogomark` everywhere else.
-*
-* Passing any of `backlight`, `spotlight` or `fillLight` switches it into the
-* dramatic lighting preset.
-*/
-var GalaxyLogomark3D = ({ height, isDark = false, isAutoRotate = false, isInteractive = false, isHoverable = false, speed = 2, backlight, spotlight, fillLight, material, color: colorOverride, environmentPreset }) => {
-	const [isHovered, setIsHovered] = useState(false);
-	const { theme } = useGalaxyTheme();
-	const color = colorOverride ?? (isDark ? theme.color.background.primary : theme.color.background.primaryAlt);
-	const isDramaticMode = !!(backlight || spotlight || fillLight);
-	return /* @__PURE__ */ jsx(CanvasContainer, {
-		$height: height,
-		onMouseEnter: () => setIsHovered(true),
-		onMouseLeave: () => setIsHovered(false),
-		children: /* @__PURE__ */ jsx(Canvas, {
-			camera: {
-				position: [
-					0,
-					0,
-					4
-				],
-				fov: 45
-			},
-			style: { background: "transparent" },
-			gl: {
-				alpha: true,
-				antialias: true
-			},
-			shadows: isDramaticMode,
-			children: /* @__PURE__ */ jsx(Suspense, {
-				fallback: null,
-				children: /* @__PURE__ */ jsx(Scene, {
-					color,
-					isDark,
-					isAutoRotate,
-					isInteractive,
-					isHoverable,
-					isHovered,
-					speed,
-					isDramaticMode,
-					backlight: isDramaticMode ? {
-						intensity: backlight?.intensity ?? 8,
-						color: backlight?.color ?? "#ffffff"
-					} : void 0,
-					spotlight: isDramaticMode ? {
-						intensity: spotlight?.intensity ?? 30,
-						color: spotlight?.color ?? "#ff0000"
-					} : void 0,
-					fillLight: isDramaticMode ? {
-						intensity: fillLight?.intensity ?? 10,
-						color: fillLight?.color ?? "#B57EDC"
-					} : void 0,
-					material,
-					environmentPreset: environmentPreset ?? (isDramaticMode ? "night" : "studio")
-				})
-			})
-		})
-	});
-};
-//#endregion
-export { GalaxyLogomark3D as default };

package/dist/icons/GalaxyLogomarkAnimation.d.ts

@@ -1,18 +0,0 @@
-export interface GalaxyLogomarkAnimationProps {
-    /** Square size. A number is px. @default 32 */
-    height?: number | string;
-    /** Force the dark-surface fill instead of following the theme. */
-    isDark?: boolean;
-    /** Freeze on the first frame. Also stops it looping. @default false */
-    isPaused?: boolean;
-    /** Playback rate. @default 1 */
-    speed?: number;
-}
-/**
- * The Galaxy mark as a looping Lottie animation, tinted from the theme.
- *
- * Ships a ~700kB animation payload — reach for the static `GalaxyLogomark` for
- * ordinary chrome and save this for splash and loading moments.
- */
-declare const GalaxyLogomarkAnimation: ({ height, isDark, isPaused, speed, }: GalaxyLogomarkAnimationProps) => import("react").JSX.Element;
-export default GalaxyLogomarkAnimation;

package/dist/icons/GalaxyLogomarkAnimation.js

@@ -1,48 +0,0 @@
-import { GalaxyTheme } from "../theme/types.js";
-import { useGalaxyTheme } from "../theme/GalaxyTheme.js";
-import { getCssSizeValue } from "../utils/linaria.js";
-import galaxy_animation_default from "../assets/models/galaxy-animation.js";
-/* empty css                                  */
-import { styled } from "@linaria/react";
-import { match } from "ts-pattern";
-import { useEffect, useRef } from "react";
-import { jsx } from "react/jsx-runtime";
-import Lottie from "lottie-react/build/index.es.js";
-//#region src/icons/GalaxyLogomarkAnimation.tsx
-var _exp2 = () => ({ $height }) => $height;
-var _exp3 = () => ({ $fill }) => $fill;
-var GalaxyLogomarkAnimationWrapper = /*#__PURE__*/ styled("div")({
-	name: "GalaxyLogomarkAnimationWrapper",
-	class: "gm80o9u",
-	propsAsIs: false,
-	vars: {
-		"gm80o9u-0": [_exp2()],
-		"gm80o9u-1": [_exp3()]
-	}
-});
-/**
-* The Galaxy mark as a looping Lottie animation, tinted from the theme.
-*
-* Ships a ~700kB animation payload — reach for the static `GalaxyLogomark` for
-* ordinary chrome and save this for splash and loading moments.
-*/
-var GalaxyLogomarkAnimation = ({ height = 32, isDark, isPaused = false, speed = 1 }) => {
-	const lottieRef = useRef(null);
-	const { theme, activeTheme } = useGalaxyTheme();
-	useEffect(() => {
-		lottieRef.current?.setSpeed(speed);
-	}, [speed, isPaused]);
-	const fill = isDark ? match(activeTheme).with(GalaxyTheme.DARK, () => theme.color.icon.primaryAlt).with(GalaxyTheme.LIGHT, () => theme.color.icon.primary).exhaustive() : theme.color.icon.primary;
-	return /* @__PURE__ */ jsx(GalaxyLogomarkAnimationWrapper, {
-		$height: getCssSizeValue(height),
-		$fill: fill,
-		children: /* @__PURE__ */ jsx(Lottie, {
-			lottieRef,
-			animationData: galaxy_animation_default,
-			loop: !isPaused,
-			autoplay: !isPaused
-		})
-	});
-};
-//#endregion
-export { GalaxyLogomarkAnimation as default };