@galaxy-io/dls 1.3.5 → 1.4.0

package/dist/accordion/Accordion.js

@@ -1,10 +1,10 @@
 import { withTheme } from "../theme/GalaxyTheme.js";
 import { getCssSizeValue } from "../utils/linaria.js";
+import Rotate from "../transform/Rotate.js";
 import Text, { TextSize, TextVariant, TextWeight } from "../text/Text.js";
 import FlexItem from "../containers/FlexItem.js";
 import Icon, { IconVariant } from "../icons/Icon.js";
 import FlexWrapper, { AlignItems, FlexDirection } from "../containers/FlexWrapper.js";
-import RotateWithTransition from "../animations/RotateWithTransition.js";
 import HorizontalDivider from "../dividers/HorizontalDivider.js";
 /* empty css                    */
 import { styled } from "@linaria/react";
@@ -107,7 +107,7 @@ var Accordion = ({ children, variant = "PRIMARY", size = "MEDIUM", icon, header,
 				}), /* @__PURE__ */ jsxs(FlexWrapper, {
 					alignItems: AlignItems.CENTER,
 					gap: 8,
-					children: [metric && metric, /* @__PURE__ */ jsx(RotateWithTransition, {
+					children: [metric && metric, /* @__PURE__ */ jsx(Rotate, {
 						isRotated: isOpen,
 						deg: -180,
 						children: /* @__PURE__ */ jsx(Icon, {

package/dist/avatar/AvatarShimmer.d.ts

@@ -7,7 +7,7 @@ export declare const StyledAvatarShimmer: import("react").ComponentType<Pick<imp
     theme: import("../theme").Theme;
 } & {
     as?: React.ElementType;
-}, keyof import("react").ClassAttributes<HTMLDivElement> | keyof import("react").HTMLAttributes<HTMLDivElement> | "as" | "$size"> & {
+}, "$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;

package/dist/buttons/Button.js

@@ -83,10 +83,10 @@ var LabelWrapper = /*#__PURE__*/ styled("span")({
 	}
 });
 function getTextVariant(variant, activeTheme) {
-	return match(variant).with("PRIMARY", () => activeTheme === GalaxyTheme.DARK ? TextVariant.PRIMARY : TextVariant.PRIMARY_ALT).with("PRIMARY_ALT", () => TextVariant.PRIMARY_ALT).with("SECONDARY", () => TextVariant.PRIMARY).with("TERTIARY", () => TextVariant.PRIMARY).with("SUCCESS", () => TextVariant.PRIMARY).with("ERROR", () => TextVariant.PRIMARY).exhaustive();
+	return match(variant).with("PRIMARY", () => activeTheme === GalaxyTheme.DARK ? TextVariant.PRIMARY : TextVariant.PRIMARY_ALT).with("PRIMARY_ALT", () => TextVariant.PRIMARY_ALT).with("SECONDARY", () => TextVariant.PRIMARY).with("TERTIARY", () => TextVariant.PRIMARY).with("SUCCESS", () => activeTheme === GalaxyTheme.DARK ? TextVariant.PRIMARY : TextVariant.PRIMARY_ALT).with("ERROR", () => activeTheme === GalaxyTheme.DARK ? TextVariant.PRIMARY : TextVariant.PRIMARY_ALT).exhaustive();
 }
 function getIconVariant(variant, activeTheme) {
-	return match(variant).with("PRIMARY", () => activeTheme === GalaxyTheme.DARK ? IconVariant.PRIMARY : IconVariant.PRIMARY_ALT).with("PRIMARY_ALT", () => IconVariant.PRIMARY_ALT).with("SECONDARY", () => IconVariant.PRIMARY).with("TERTIARY", () => IconVariant.PRIMARY).with("SUCCESS", () => IconVariant.PRIMARY).with("ERROR", () => IconVariant.PRIMARY).exhaustive();
+	return match(variant).with("PRIMARY", () => activeTheme === GalaxyTheme.DARK ? IconVariant.PRIMARY : IconVariant.PRIMARY_ALT).with("PRIMARY_ALT", () => IconVariant.PRIMARY_ALT).with("SECONDARY", () => IconVariant.PRIMARY).with("TERTIARY", () => IconVariant.PRIMARY).with("SUCCESS", () => activeTheme === GalaxyTheme.DARK ? IconVariant.PRIMARY : IconVariant.PRIMARY_ALT).with("ERROR", () => activeTheme === GalaxyTheme.DARK ? IconVariant.PRIMARY : IconVariant.PRIMARY_ALT).exhaustive();
 }
 var BUTTON_SIZE_TO_TEXT_SIZE_MAP = {
 	["SMALL"]: TextSize.BODY_SM,

package/dist/charts/ChartPrimitives.d.ts

@@ -132,7 +132,7 @@ export declare const ChartTooltipPositioner: import("react").ComponentType<Pick<
     theme: import("../theme").Theme;
 } & {
     as?: React.ElementType;
-}, keyof import("react").ClassAttributes<HTMLDivElement> | keyof import("react").HTMLAttributes<HTMLDivElement> | "as" | "$x" | "$y" | "$isVisible"> & {
+}, "as" | keyof import("react").ClassAttributes<HTMLDivElement> | keyof import("react").HTMLAttributes<HTMLDivElement> | "$x" | "$y" | "$isVisible"> & {
     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> & {
     $x: number;
@@ -174,7 +174,7 @@ export declare const ChartEmptyOverlay: import("react").ComponentType<Pick<impor
     theme: import("../theme").Theme;
 } & {
     as?: React.ElementType;
-}, keyof import("react").ClassAttributes<HTMLDivElement> | keyof import("react").HTMLAttributes<HTMLDivElement> | "as"> & {
+}, "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> & {
     theme: import("../theme").Theme;

package/dist/dividers/HorizontalDivider.d.ts

@@ -1,2 +1,5 @@
-declare const HorizontalDivider: () => import("react").JSX.Element;
+export interface HorizontalDividerProps {
+    label?: string;
+}
+declare const HorizontalDivider: ({ label }: HorizontalDividerProps) => import("react").JSX.Element;
 export default HorizontalDivider;

package/dist/dividers/HorizontalDivider.js

@@ -1,17 +1,38 @@
 import { withTheme } from "../theme/GalaxyTheme.js";
+import Text, { TextSize, TextVariant } from "../text/Text.js";
 /* empty css                            */
 import { styled } from "@linaria/react";
-import { jsx } from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/dividers/HorizontalDivider.tsx
-var _exp = () => ({ theme }) => theme.color.border.primary;
-var HorizontalDividerWrapper = withTheme(/*#__PURE__*/ styled("div")({
-	name: "HorizontalDividerWrapper",
+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()] }
+	vars: {
+		"h1sww5hz-0": [_exp()],
+		"h1sww5hz-1": [_exp2()],
+		"h1sww5hz-2": [_exp3()]
+	}
 }));
-var HorizontalDivider = () => {
-	return /* @__PURE__ */ jsx(HorizontalDividerWrapper, {});
+var LabeledDividerWrapper = /*#__PURE__*/ styled("div")({
+	name: "LabeledDividerWrapper",
+	class: "l44ah51",
+	propsAsIs: false
+});
+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/inputs/CopyInput.js

@@ -2,7 +2,7 @@ import Button, { ButtonSize, ButtonVariant } from "../buttons/Button.js";
 import FlexWrapper, { AlignItems } from "../containers/FlexWrapper.js";
 import { InputSize } from "./Input.js";
 import TextInput from "./TextInput.js";
-import { useCallback, useState } from "react";
+import { useCallback, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { CheckIcon, CopyIcon } from "@phosphor-icons/react";
 //#region src/inputs/CopyInput.tsx
@@ -13,7 +13,9 @@ var INPUT_SIZE_TO_BUTTON_SIZE = {
 };
 var CopyInput = ({ value, label, labelTooltip, size = InputSize.MEDIUM, width, fillWidth, isMonospace = false }) => {
 	const [copied, setCopied] = useState(false);
+	const inputRef = useRef(null);
 	const handleCopy = useCallback(() => {
+		inputRef.current?.select();
 		navigator.clipboard.writeText(value).then(() => {
 			setCopied(true);
 			setTimeout(() => setCopied(false), 2e3);
@@ -24,6 +26,7 @@ var CopyInput = ({ value, label, labelTooltip, size = InputSize.MEDIUM, width, f
 		gap: 8,
 		fillWidth,
 		children: [/* @__PURE__ */ jsx(TextInput, {
+			ref: inputRef,
 			label,
 			labelTooltip,
 			value,

package/dist/inputs/Input.d.ts

@@ -24,7 +24,7 @@ export declare const StyledInput: import("react").ComponentType<Pick<import("rea
     theme: import("../theme").Theme;
 } & {
     as?: React.ElementType;
-}, "$width" | "$fillWidth" | "as" | "$size" | "$isMonospace" | "$isError" | "$hasLeadingIcon" | "$hasTrailingAction" | "$isDisabled" | keyof import("react").ClassAttributes<HTMLInputElement> | keyof import("react").InputHTMLAttributes<HTMLInputElement>> & {
+}, "$width" | "$fillWidth" | "$size" | "$isMonospace" | "as" | "$isError" | "$hasLeadingIcon" | "$hasTrailingAction" | "$isDisabled" | keyof import("react").ClassAttributes<HTMLInputElement> | keyof import("react").InputHTMLAttributes<HTMLInputElement>> & {
     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<HTMLInputElement> & import("react").InputHTMLAttributes<HTMLInputElement> & {
     $size: InputSize;

package/dist/inputs/MultiSelectInput.js

@@ -1,5 +1,6 @@
 import { withTheme } from "../theme/GalaxyTheme.js";
 import { getCssSizeValue } from "../utils/linaria.js";
+import Rotate from "../transform/Rotate.js";
 import Text, { TextSize, TextVariant } from "../text/Text.js";
 import FlexItem from "../containers/FlexItem.js";
 import Icon, { IconVariant } from "../icons/Icon.js";
@@ -7,7 +8,6 @@ import FlexWrapper, { AlignItems, FlexDirection } from "../containers/FlexWrappe
 import CheckboxInput, { CheckboxInputVariant } from "./CheckboxInput.js";
 import Dropdown, { DropdownPosition, DropdownVariant } from "../dropdown/Dropdown.js";
 import { InputLabel, InputSize } from "./Input.js";
-import RotateWithTransition from "../animations/RotateWithTransition.js";
 import HorizontalDivider from "../dividers/HorizontalDivider.js";
 import { useElementWidth } from "../hooks/useElementWidth.js";
 import { useControlledOpenState, useDebouncedValue } from "./hooks.js";
@@ -503,7 +503,7 @@ var MultiSelectInput = ({ label, icon, variant = SelectInputVariant.PRIMARY, siz
 							disabled: effectiveIsDisabled,
 							onClick: (e) => e.stopPropagation()
 						}),
-						/* @__PURE__ */ jsx(FlexWrapper, { children: /* @__PURE__ */ jsx(RotateWithTransition, {
+						/* @__PURE__ */ jsx(FlexWrapper, { children: /* @__PURE__ */ jsx(Rotate, {
 							isRotated: visible,
 							deg: -180,
 							children: /* @__PURE__ */ jsx(Icon, {
@@ -541,7 +541,7 @@ var MultiSelectInput = ({ label, icon, variant = SelectInputVariant.PRIMARY, siz
 							isEllipsis: true,
 							children: displayValue
 						}),
-						/* @__PURE__ */ jsx(FlexWrapper, { children: /* @__PURE__ */ jsx(RotateWithTransition, {
+						/* @__PURE__ */ jsx(FlexWrapper, { children: /* @__PURE__ */ jsx(Rotate, {
 							isRotated: visible,
 							deg: -180,
 							children: /* @__PURE__ */ jsx(Icon, {

package/dist/inputs/SelectInput.js

@@ -1,5 +1,6 @@
 import { withTheme } from "../theme/GalaxyTheme.js";
 import { getCssSizeValue } from "../utils/linaria.js";
+import Rotate from "../transform/Rotate.js";
 import Text, { TextSize, TextVariant } from "../text/Text.js";
 import FlexItem from "../containers/FlexItem.js";
 import Icon, { IconVariant, IconWeight } from "../icons/Icon.js";
@@ -7,7 +8,6 @@ import FlexWrapper, { AlignItems, FlexDirection } from "../containers/FlexWrappe
 import Dropdown, { DropdownVariant } from "../dropdown/Dropdown.js";
 import Spacing from "../containers/Spacing.js";
 import { InputLabel, InputSize } from "./Input.js";
-import RotateWithTransition from "../animations/RotateWithTransition.js";
 import HorizontalDivider from "../dividers/HorizontalDivider.js";
 import { useElementWidth } from "../hooks/useElementWidth.js";
 import { useControlledOpenState, useDebouncedValue } from "./hooks.js";
@@ -451,7 +451,7 @@ var SelectInput = ({ label, variant = "PRIMARY", size = InputSize.MEDIUM, option
 							onClick: (e) => e.stopPropagation()
 						}),
 						/* @__PURE__ */ jsx(Spacing, { left: 8 }),
-						/* @__PURE__ */ jsx(FlexWrapper, { children: /* @__PURE__ */ jsx(RotateWithTransition, {
+						/* @__PURE__ */ jsx(FlexWrapper, { children: /* @__PURE__ */ jsx(Rotate, {
 							isRotated: visible,
 							deg: -180,
 							children: /* @__PURE__ */ jsx(Icon, {
@@ -498,7 +498,7 @@ var SelectInput = ({ label, variant = "PRIMARY", size = InputSize.MEDIUM, option
 							})]
 						}),
 						/* @__PURE__ */ jsx(Spacing, { left: 8 }),
-						/* @__PURE__ */ jsx(FlexWrapper, { children: /* @__PURE__ */ jsx(RotateWithTransition, {
+						/* @__PURE__ */ jsx(FlexWrapper, { children: /* @__PURE__ */ jsx(Rotate, {
 							isRotated: visible,
 							deg: -180,
 							children: /* @__PURE__ */ jsx(Icon, {

package/dist/inputs/SwitcherInput.d.ts

@@ -0,0 +1,11 @@
+export interface SwitcherInputItem {
+    id: string;
+    label: string;
+    onClick: () => void;
+}
+interface SwitcherInputProps {
+    items: SwitcherInputItem[];
+    selectedId: string;
+}
+declare const SwitcherInput: ({ items, selectedId }: SwitcherInputProps) => import("react").JSX.Element;
+export default SwitcherInput;

package/dist/{switcher/Switcher.js → inputs/SwitcherInput.js}

@@ -1,33 +1,33 @@
 import { withTheme } from "../theme/GalaxyTheme.js";
 import Text, { TextWeight } from "../text/Text.js";
-/* empty css                   */
+/* empty css                        */
 import { styled } from "@linaria/react";
 import { jsx } from "react/jsx-runtime";
-//#region src/switcher/Switcher.tsx
+//#region src/inputs/SwitcherInput.tsx
 var _exp = () => ({ theme }) => theme.color.background.primary;
 var _exp2 = () => ({ theme }) => theme.color.border.primary;
-var StyledSwitcher = withTheme(/*#__PURE__*/ styled("div")({
-	name: "StyledSwitcher",
-	class: "scx8lyz",
+var StyledSwitcherInput = withTheme(/*#__PURE__*/ styled("div")({
+	name: "StyledSwitcherInput",
+	class: "sx2momv",
 	propsAsIs: false,
 	vars: {
-		"scx8lyz-0": [_exp()],
-		"scx8lyz-1": [_exp2()]
+		"sx2momv-0": [_exp()],
+		"sx2momv-1": [_exp2()]
 	}
 }));
 var _exp3 = () => ({ theme, $isSelected }) => $isSelected ? theme.color.background.secondary : "transparent";
 var _exp4 = () => ({ theme, $isSelected }) => $isSelected ? theme.color.border.primary : "transparent";
-var SwitcherItem = withTheme(/*#__PURE__*/ styled("div")({
-	name: "SwitcherItem",
-	class: "s1law64s",
+var StyledSwitcherInputItem = withTheme(/*#__PURE__*/ styled("div")({
+	name: "StyledSwitcherInputItem",
+	class: "s1pe4aqp",
 	propsAsIs: false,
 	vars: {
-		"s1law64s-0": [_exp3()],
-		"s1law64s-1": [_exp4()]
+		"s1pe4aqp-0": [_exp3()],
+		"s1pe4aqp-1": [_exp4()]
 	}
 }));
-var Switcher = ({ items, selectedId }) => {
-	return /* @__PURE__ */ jsx(StyledSwitcher, { children: items.map((item) => /* @__PURE__ */ jsx(SwitcherItem, {
+var SwitcherInput = ({ items, selectedId }) => {
+	return /* @__PURE__ */ jsx(StyledSwitcherInput, { children: items.map((item) => /* @__PURE__ */ jsx(StyledSwitcherInputItem, {
 		onClick: item.onClick,
 		$isSelected: item.id === selectedId,
 		children: /* @__PURE__ */ jsx(Text, {
@@ -38,4 +38,4 @@ var Switcher = ({ items, selectedId }) => {
 	}, item.label)) });
 };
 //#endregion
-export { Switcher as default };
+export { SwitcherInput as default };

package/dist/shapes/Square.d.ts

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

package/dist/shapes/Square.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/Square.tsx
+var _exp2 = () => ({ $size }) => getCssSizeValue($size);
+var _exp3 = () => ({ theme, $hex }) => $hex ?? theme.color.text.tertiary;
+var SquareWrapper = withTheme(/*#__PURE__*/ styled("div")({
+	name: "SquareWrapper",
+	class: "s1ibzzfh",
+	propsAsIs: false,
+	vars: {
+		"s1ibzzfh-0": [_exp2()],
+		"s1ibzzfh-1": [_exp3()]
+	}
+}));
+var Square = ({ size, hex }) => {
+	return /* @__PURE__ */ jsx(SquareWrapper, {
+		$size: size,
+		$hex: hex
+	});
+};
+//#endregion
+export { Square as default };

package/dist/styles.css

@@ -2,14 +2,12 @@
 .a1gttren{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:space-between;-webkit-justify-content:space-between;justify-content:space-between;width:100%;padding:var(--a1gttren-0);background-color:transparent;cursor:pointer;-webkit-transition:background-color 0.075s ease-in-out;transition:background-color 0.075s ease-in-out;}
 .ai1xw52{display:-ms-grid;display:grid;-ms-grid-rows:var(--ai1xw52-0);grid-template-rows:var(--ai1xw52-0);-webkit-transition:grid-template-rows 0.15s ease-in-out;transition:grid-template-rows 0.15s ease-in-out;}
 .a1f5gwwu{overflow:hidden;overscroll-behavior:auto;}
-.r94gjni{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-transition:rotate var(--r94gjni-0) ease-in-out;transition:rotate var(--r94gjni-0) ease-in-out;rotate:var(--r94gjni-1);}
 .s1he36jx{position:var(--s1he36jx-0);display:var(--s1he36jx-1);-webkit-align-items:var(--s1he36jx-2);-webkit-box-align:var(--s1he36jx-2);-ms-flex-align:var(--s1he36jx-2);align-items:var(--s1he36jx-2);-webkit-box-pack:var(--s1he36jx-3);-ms-flex-pack:var(--s1he36jx-3);-webkit-justify-content:var(--s1he36jx-3);justify-content:var(--s1he36jx-3);-webkit-box-flex:var(--s1he36jx-4);-webkit-flex-grow:var(--s1he36jx-4);-ms-flex-positive:var(--s1he36jx-4);flex-grow:var(--s1he36jx-4);-webkit-flex-shrink:var(--s1he36jx-5);-ms-flex-negative:var(--s1he36jx-5);flex-shrink:var(--s1he36jx-5);-webkit-flex-basis:var(--s1he36jx-6);-ms-flex-preferred-size:var(--s1he36jx-6);flex-basis:var(--s1he36jx-6);width:var(--s1he36jx-7);height:var(--s1he36jx-8);min-width:var(--s1he36jx-9);max-width:var(--s1he36jx-10);min-height:var(--s1he36jx-11);max-height:var(--s1he36jx-12);overflow:var(--s1he36jx-13);white-space:var(--s1he36jx-14);text-overflow:var(--s1he36jx-15);padding:var(--s1he36jx-16);overscroll-behavior:auto;cursor:var(--s1he36jx-17);}
 .s12krdms{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;box-sizing:border-box;-webkit-flex-direction:var(--s12krdms-0);-ms-flex-direction:var(--s12krdms-0);flex-direction:var(--s12krdms-0);-webkit-align-items:var(--s12krdms-1);-webkit-box-align:var(--s12krdms-1);-ms-flex-align:var(--s12krdms-1);align-items:var(--s12krdms-1);-webkit-box-pack:var(--s12krdms-2);-ms-flex-pack:var(--s12krdms-2);-webkit-justify-content:var(--s12krdms-2);justify-content:var(--s12krdms-2);gap:var(--s12krdms-3);-webkit-box-flex-wrap:var(--s12krdms-4);-webkit-flex-wrap:var(--s12krdms-4);-ms-flex-wrap:var(--s12krdms-4);flex-wrap:var(--s12krdms-4);-webkit-box-flex:var(--s12krdms-5);-webkit-flex-grow:var(--s12krdms-5);-ms-flex-positive:var(--s12krdms-5);flex-grow:var(--s12krdms-5);-webkit-flex-shrink:var(--s12krdms-6);-ms-flex-negative:var(--s12krdms-6);flex-shrink:var(--s12krdms-6);-webkit-flex-basis:var(--s12krdms-7);-ms-flex-preferred-size:var(--s12krdms-7);flex-basis:var(--s12krdms-7);width:var(--s12krdms-8);height:var(--s12krdms-9);min-width:var(--s12krdms-10);max-width:var(--s12krdms-11);min-height:var(--s12krdms-12);max-height:var(--s12krdms-13);overflow:var(--s12krdms-14);padding:var(--s12krdms-15);margin:var(--s12krdms-16);overscroll-behavior:auto;cursor:var(--s12krdms-17);}
-.h1sww5hz{width:100%;height:0.5px;min-height:0.5px;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;background-color:var(--h1sww5hz-0);}
+.h1sww5hz{width:var(--h1sww5hz-0);height:0.5px;min-height:0.5px;-webkit-flex:var(--h1sww5hz-1);-ms-flex:var(--h1sww5hz-1);flex:var(--h1sww5hz-1);background-color:var(--h1sww5hz-2);}
+.l44ah51{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;width:100%;}
 .shbcgkd{color:var(--shbcgkd-0);font-family:var(--shbcgkd-1);font-size:var(--shbcgkd-2);font-weight:var(--shbcgkd-3);line-height:var(--shbcgkd-4);letter-spacing:var(--shbcgkd-5);text-align:var(--shbcgkd-6);-webkit-text-decoration:var(--shbcgkd-7);text-decoration:var(--shbcgkd-7);cursor:var(--shbcgkd-8);-webkit-user-select:var(--shbcgkd-9);-moz-user-select:var(--shbcgkd-9);-ms-user-select:var(--shbcgkd-9);user-select:var(--shbcgkd-9);-webkit-user-select:var(--shbcgkd-9);-moz-user-select:var(--shbcgkd-9);-ms-user-select:var(--shbcgkd-9);overflow:var(--shbcgkd-10);text-overflow:var(--shbcgkd-11);white-space:var(--shbcgkd-12);width:var(--shbcgkd-13);overscroll-behavior:auto;-webkit-transition:color 0.075s ease-in-out;transition:color 0.075s ease-in-out;}
-.s1v6noph{-webkit-animation:flash-s1v6noph 1s ease-in-out infinite;animation:flash-s1v6noph 1s ease-in-out infinite;}@-webkit-keyframes flash-s1v6noph{0%,100%{opacity:1;}50%{opacity:0.4;}}@keyframes flash-s1v6noph{0%,100%{opacity:1;}50%{opacity:0.4;}}
-.s1eqyn2i{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-animation:spin-s1eqyn2i var(--s1eqyn2i-0) linear infinite;animation:spin-s1eqyn2i var(--s1eqyn2i-0) linear infinite;transform-origin:50% 50%;}@-webkit-keyframes spin-s1eqyn2i{0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}@keyframes spin-s1eqyn2i{0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}
-.s1eibpeh{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;}.s1eibpeh >*{-webkit-animation:spinVertical-s1eibpeh var(--s1eibpeh-0) linear infinite;animation:spinVertical-s1eibpeh var(--s1eibpeh-0) linear infinite;}@-webkit-keyframes spinVertical-s1eibpeh{from{-webkit-transform:rotateY(0deg);-moz-transform:rotateY(0deg);-ms-transform:rotateY(0deg);transform:rotateY(0deg);}to{-webkit-transform:rotateY(360deg);-moz-transform:rotateY(360deg);-ms-transform:rotateY(360deg);transform:rotateY(360deg);}}@keyframes spinVertical-s1eibpeh{from{-webkit-transform:rotateY(0deg);-moz-transform:rotateY(0deg);-ms-transform:rotateY(0deg);transform:rotateY(0deg);}to{-webkit-transform:rotateY(360deg);-moz-transform:rotateY(360deg);-ms-transform:rotateY(360deg);transform:rotateY(360deg);}}
+.r530s5l{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-transition:rotate var(--r530s5l-0) ease-in-out;transition:rotate var(--r530s5l-0) ease-in-out;rotate:var(--r530s5l-1);}
 .ave5wdp{box-sizing:border-box;position:relative;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:var(--ave5wdp-0);height:var(--ave5wdp-0);border-radius:50%;border:0.5px solid var(--ave5wdp-1);background:var(--ave5wdp-2);overflow:hidden;}
 .a3r0r1h{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
 .d1n32hoy{position:absolute;width:var(--d1n32hoy-0);height:var(--d1n32hoy-0);border-radius:50%;background:var(--d1n32hoy-1);left:var(--d1n32hoy-2);top:var(--d1n32hoy-3);}
@@ -67,9 +65,6 @@
 .d1bgy4cf{display:inline-block;position:relative;width:var(--d1bgy4cf-0);min-width:var(--d1bgy4cf-1);max-width:var(--d1bgy4cf-2);overflow:var(--d1bgy4cf-3);padding:var(--d1bgy4cf-4);background-color:var(--d1bgy4cf-5);border:var(--d1bgy4cf-6);border-radius:5px;}
 .dfdzgmt{position:relative;z-index:var(--dfdzgmt-0);display:var(--dfdzgmt-1);width:var(--dfdzgmt-2);}
 .cwfaerb{-webkit-flex:1;-ms-flex:1;flex:1;min-height:0;min-width:0;width:100%;max-width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;overflow:hidden;border:var(--cwfaerb-0);border-radius:var(--cwfaerb-1);}.cwfaerb>div{-webkit-flex:1;-ms-flex:1;flex:1;min-height:0;}.cwfaerb .cm-editor{width:100%!important;max-width:100%!important;height:100%!important;}.cwfaerb .cm-scroller{overflow:auto!important;width:100%!important;max-width:100%!important;}.cwfaerb .cm-content{max-width:100%!important;}.cwfaerb .cm-content,.cwfaerb .cm-gutter{line-height:1.8;}
-.h179mi29{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:2px;}
-.h1gstj4e{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;}
-.s12p8yma{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;padding:0 2px;min-width:16px;height:16px;background-color:var(--s12p8yma-0);border:0.5px solid var(--s12p8yma-1);border-radius:4px;color:var(--s12p8yma-2);font-size:var(--s12p8yma-3);line-height:var(--s12p8yma-4);font-weight:var(--s12p8yma-5);font-family:var(--s12p8yma-6);}
 .c17zkoob{width:var(--c17zkoob-0);height:var(--c17zkoob-0);}
 .gm80o9u{width:var(--gm80o9u-0);height:var(--gm80o9u-0);}.gm80o9u >div{width:100%;height:100%;}.gm80o9u svg{display:block;}.gm80o9u svg>g path{fill:var(--gm80o9u-1);}
 .cythikj{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;cursor:var(--cythikj-0);opacity:var(--cythikj-1);}.cythikj:focus-visible{outline:2px solid var(--cythikj-2);outline-offset:2px;border-radius:4px;}
@@ -116,6 +111,8 @@
 .s1b59sw7{position:absolute;left:0;top:0;height:100%;background:var(--s1b59sw7-0);border-radius:200px;z-index:1;}
 .salrebx{position:absolute;left:var(--salrebx-0);top:50%;-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:8px;height:8px;background:var(--salrebx-1);border-radius:50%;cursor:var(--salrebx-2);-webkit-transition:var(--salrebx-3);transition:var(--salrebx-3);z-index:3;pointer-events:var(--salrebx-4);}.salrebx:active{cursor:var(--salrebx-5);-webkit-transform:translate(-50%, -50%) scale(1.1);-moz-transform:translate(-50%, -50%) scale(1.1);-ms-transform:translate(-50%, -50%) scale(1.1);transform:translate(-50%, -50%) scale(1.1);}.salrebx:hover{-webkit-transform:var(--salrebx-6);-moz-transform:var(--salrebx-6);-ms-transform:var(--salrebx-6);transform:var(--salrebx-6);}
 .h1trli0w{position:absolute;opacity:0;width:100%;height:100%;margin:0;padding:0;cursor:pointer;z-index:2;}
+.sx2momv{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:var(--sx2momv-0);border:0.5px solid var(--sx2momv-1);border-radius:5px;padding:0 3px;height:28px;}
+.s1pe4aqp{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;padding:3px 8px;background:var(--s1pe4aqp-0);cursor:pointer;border:0.5px solid var(--s1pe4aqp-1);border-radius:4px;}
 .s1jhbbpd{outline:none;resize:none;min-height:var(--s1jhbbpd-0);width:var(--s1jhbbpd-1);height:var(--s1jhbbpd-2);-webkit-flex:var(--s1jhbbpd-3);-ms-flex:var(--s1jhbbpd-3);flex:var(--s1jhbbpd-3);background-color:var(--s1jhbbpd-4);border:0.5px solid var(--s1jhbbpd-5);border-radius:4px;color:var(--s1jhbbpd-6);font-size:var(--s1jhbbpd-7);line-height:var(--s1jhbbpd-8);font-weight:var(--s1jhbbpd-9);font-family:var(--s1jhbbpd-10);padding:var(--s1jhbbpd-11);-webkit-transition:border-color 0.075s ease-in-out;transition:border-color 0.075s ease-in-out;}.s1jhbbpd:hover:not(:disabled, :focus){border-color:var(--s1jhbbpd-12);}.s1jhbbpd:focus{border-color:var(--s1jhbbpd-13);}.s1jhbbpd:disabled{cursor:not-allowed;opacity:0.6;}.s1jhbbpd::-webkit-input-placeholder{color:var(--s1jhbbpd-14);}.s1jhbbpd::-moz-placeholder{color:var(--s1jhbbpd-14);}.s1jhbbpd:-ms-input-placeholder{color:var(--s1jhbbpd-14);}.s1jhbbpd::placeholder{color:var(--s1jhbbpd-14);}
 .tu0hnok{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;width:var(--tu0hnok-0);height:var(--tu0hnok-1);}
 .l48iv0n{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:4px;min-height:var(--l48iv0n-0);width:var(--l48iv0n-1);height:var(--l48iv0n-2);-webkit-flex:var(--l48iv0n-3);-ms-flex:var(--l48iv0n-3);flex:var(--l48iv0n-3);background-color:var(--l48iv0n-4);border:0.5px solid var(--l48iv0n-5);border-radius:4px;padding:var(--l48iv0n-6);}
@@ -131,8 +128,7 @@
 .m1jgo9vf{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;pointer-events:auto;}
 .hvnpu6g{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:120px;height:8px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;cursor:ns-resize;z-index:10;border-radius:4px;background-color:var(--hvnpu6g-0);border:0.5px solid var(--hvnpu6g-1);cursor:ns-resize;}.hvnpu6g:hover{border-color:var(--hvnpu6g-2);background-color:var(--hvnpu6g-3);color:var(--hvnpu6g-4);}
 .v1ha5e5c{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:8px;height:100px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;cursor:ew-resize;z-index:30;border-radius:4px;background-color:var(--v1ha5e5c-0);border:0.5px solid var(--v1ha5e5c-1);cursor:ew-resize;}.v1ha5e5c:hover{border-color:var(--v1ha5e5c-2);background-color:var(--v1ha5e5c-3);color:var(--v1ha5e5c-4);}
-.scx8lyz{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:var(--scx8lyz-0);border:0.5px solid var(--scx8lyz-1);border-radius:5px;padding:0 3px;height:28px;}
-.s1law64s{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;padding:3px 8px;background:var(--s1law64s-0);cursor:pointer;border:0.5px solid var(--s1law64s-1);border-radius:4px;}
+.s1ibzzfh{width:var(--s1ibzzfh-0);height:var(--s1ibzzfh-0);background-color:var(--s1ibzzfh-1);}
 .m16ywplt{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;padding:4px;width:100%;height:100%;border:0.5px solid transparent;border-radius:4px;cursor:pointer;background-color:transparent;}.m16ywplt:hover{background-color:var(--m16ywplt-0);}.m16ywplt:focus-visible{outline:none;border-color:var(--m16ywplt-1);}
 .a1wb3h41{position:-webkit-sticky;position:sticky;right:0;top:0;z-index:25;-webkit-flex:0 0 48px;-ms-flex:0 0 48px;flex:0 0 48px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;background-color:var(--a1wb3h41-0);border-left:0.5px solid var(--a1wb3h41-1);border-bottom:0.5px solid var(--a1wb3h41-1);}
 .an0h7xt{position:-webkit-sticky;position:sticky;right:var(--an0h7xt-0);z-index:5;-webkit-flex:0 0 48px;-ms-flex:0 0 48px;flex:0 0 48px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;background-color:var(--an0h7xt-1);border-left:0.5px solid var(--an0h7xt-2);}
@@ -169,6 +165,8 @@
 .et5f6jm{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;}
 .ekaqvqt{width:100%;height:var(--ekaqvqt-0);border:none;outline:none;background:transparent;padding:0;margin:0;color:var(--ekaqvqt-1);font-family:var(--ekaqvqt-2);font-size:var(--ekaqvqt-3);font-weight:var(--ekaqvqt-4);line-height:var(--ekaqvqt-0);letter-spacing:var(--ekaqvqt-5);text-align:var(--ekaqvqt-6);}
 .e1j2x5d3{cursor:text;border-bottom:1px solid transparent;}.e1j2x5d3:hover{border-bottom:1px solid var(--e1j2x5d3-0);}
+.hokyumm{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:2px;}
+.sl247mt{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;padding:0 2px;min-width:var(--sl247mt-0);height:var(--sl247mt-0);background-color:var(--sl247mt-1);border:0.5px solid var(--sl247mt-2);border-radius:4px;color:var(--sl247mt-3);font-family:var(--sl247mt-4);font-size:var(--sl247mt-5);line-height:var(--sl247mt-6);font-weight:var(--sl247mt-7);}
 .sgj79p2{margin:0 0 6px 0;font-family:var(--sgj79p2-0);font-size:var(--sgj79p2-1);line-height:var(--sgj79p2-2);color:var(--sgj79p2-3);-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;}.sgj79p2:last-child{margin-bottom:0;}
 .s17hp2a6{margin:0 0 12px 0;padding:12px;overflow-x:auto;width:100%;max-width:100%;box-sizing:border-box;background-color:var(--s17hp2a6-0);border-radius:4px;border:0.5px solid var(--s17hp2a6-1);font-family:var(--s17hp2a6-2);font-size:var(--s17hp2a6-3);line-height:var(--s17hp2a6-4);color:var(--s17hp2a6-5);white-space:pre;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;}.s17hp2a6:last-child{margin-bottom:0;}.s17hp2a6 code{padding:0;margin:0;background:none;border:none;font-family:inherit;font-size:inherit;color:inherit;}
 .s1l8k0vu{padding:0.2em 0.3em;margin:0 0.1em;background-color:var(--s1l8k0vu-0);border-radius:3px;border:0.5px solid var(--s1l8k0vu-1);font-family:var(--s1l8k0vu-2);font-size:var(--s1l8k0vu-3);line-height:var(--s1l8k0vu-4);color:var(--s1l8k0vu-5);-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;}
@@ -188,5 +186,7 @@
 .sfziwh{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;}
 .sgmrm4{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:8px;padding:var(--sgmrm4-0);min-width:360px;max-width:420px;background-color:var(--sgmrm4-1);border:0.5px solid var(--sgmrm4-2);border-radius:5px;}
 .stlie57{position:fixed;z-index:11000;top:var(--stlie57-0);right:var(--stlie57-1);bottom:var(--stlie57-2);left:var(--stlie57-3);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column-reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;gap:8px;pointer-events:none;}.stlie57 >*{pointer-events:auto;}
+.s18o9ih0{-webkit-animation:flash-s18o9ih0 1s ease-in-out infinite;animation:flash-s18o9ih0 1s ease-in-out infinite;}@-webkit-keyframes flash-s18o9ih0{0%,100%{opacity:1;}50%{opacity:0.4;}}@keyframes flash-s18o9ih0{0%,100%{opacity:1;}50%{opacity:0.4;}}
+.sonzivr{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-animation:spin-sonzivr var(--sonzivr-0) linear infinite;animation:spin-sonzivr var(--sonzivr-0) linear infinite;transform-origin:50% 50%;}@-webkit-keyframes spin-sonzivr{0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}@keyframes spin-sonzivr{0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}
 .sx1o0cd{background:var(--sx1o0cd-0);border:0.5px solid var(--sx1o0cd-1);border-radius:5px;padding:var(--sx1o0cd-2);width:var(--sx1o0cd-3);height:var(--sx1o0cd-4);min-width:var(--sx1o0cd-5);max-width:var(--sx1o0cd-6);min-height:var(--sx1o0cd-7);max-height:var(--sx1o0cd-8);opacity:var(--sx1o0cd-9);cursor:var(--sx1o0cd-10);}.sx1o0cd:hover{border-color:var(--sx1o0cd-11);}
 /*$vite$:1*/

package/dist/table/SpreadsheetPrimitives.d.ts

@@ -13,7 +13,7 @@ export declare const ActionColumnHeaderCell: import("react").ComponentType<Pick<
     theme: import("../theme").Theme;
 } & {
     as?: React.ElementType;
-}, "as" | "$variant" | keyof import("react").ClassAttributes<HTMLTableHeaderCellElement> | keyof import("react").ThHTMLAttributes<HTMLTableHeaderCellElement>> & {
+}, "$variant" | "as" | keyof import("react").ClassAttributes<HTMLTableHeaderCellElement> | keyof import("react").ThHTMLAttributes<HTMLTableHeaderCellElement>> & {
     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<HTMLTableHeaderCellElement> & import("react").ThHTMLAttributes<HTMLTableHeaderCellElement> & {
     $variant?: TableVariant;
@@ -38,7 +38,7 @@ export declare const ActionColumnCell: import("react").ComponentType<Pick<import
     theme: import("../theme").Theme;
 } & {
     as?: React.ElementType;
-}, "as" | "$variant" | "$pinnedOffset" | keyof import("react").ClassAttributes<HTMLTableDataCellElement> | keyof import("react").TdHTMLAttributes<HTMLTableDataCellElement>> & {
+}, "$variant" | "as" | "$pinnedOffset" | keyof import("react").ClassAttributes<HTMLTableDataCellElement> | keyof import("react").TdHTMLAttributes<HTMLTableDataCellElement>> & {
     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<HTMLTableDataCellElement> & import("react").TdHTMLAttributes<HTMLTableDataCellElement> & {
     $variant?: TableVariant;
@@ -64,7 +64,7 @@ export declare const ActionColumnSpacerCell: import("react").ComponentType<Pick<
     theme: import("../theme").Theme;
 } & {
     as?: React.ElementType;
-}, "as" | "$variant" | keyof import("react").ClassAttributes<HTMLTableDataCellElement> | keyof import("react").TdHTMLAttributes<HTMLTableDataCellElement>> & {
+}, "$variant" | "as" | keyof import("react").ClassAttributes<HTMLTableDataCellElement> | keyof import("react").TdHTMLAttributes<HTMLTableDataCellElement>> & {
     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<HTMLTableDataCellElement> & import("react").TdHTMLAttributes<HTMLTableDataCellElement> & {
     $variant?: TableVariant;
@@ -111,7 +111,7 @@ export declare const CellStatusDot: import("react").ComponentType<Pick<import("r
     theme: import("../theme").Theme;
 } & {
     as?: React.ElementType;
-}, keyof import("react").ClassAttributes<HTMLDivElement> | keyof import("react").HTMLAttributes<HTMLDivElement> | "as" | "$status"> & {
+}, "as" | keyof import("react").ClassAttributes<HTMLDivElement> | keyof import("react").HTMLAttributes<HTMLDivElement> | "$status"> & {
     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> & {
     $status: CellEnrichmentStatus;
@@ -139,7 +139,7 @@ export declare const CellEditorWrapper: import("react").ComponentType<Pick<impor
     theme: import("../theme").Theme;
 } & {
     as?: React.ElementType;
-}, keyof import("react").ClassAttributes<HTMLDivElement> | keyof import("react").HTMLAttributes<HTMLDivElement> | "as"> & {
+}, "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> & {
     theme: import("../theme").Theme;
@@ -157,7 +157,7 @@ export declare const CellLoadingSkeleton: import("react").ComponentType<Pick<imp
     theme: import("../theme").Theme;
 } & {
     as?: React.ElementType;
-}, keyof import("react").ClassAttributes<HTMLDivElement> | keyof import("react").HTMLAttributes<HTMLDivElement> | "as"> & {
+}, "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> & {
     theme: import("../theme").Theme;

package/dist/table/TablePrimitives.d.ts

@@ -18,7 +18,7 @@ export declare const TableOuterContainer: import("react").ComponentType<Pick<imp
     theme: import("../theme").Theme;
 } & {
     as?: React.ElementType;
-}, "$width" | "$height" | "$fillWidth" | "$fillHeight" | keyof import("react").ClassAttributes<HTMLDivElement> | keyof import("react").HTMLAttributes<HTMLDivElement> | "as"> & {
+}, "$width" | "$height" | "$fillWidth" | "$fillHeight" | "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> & {
     $width?: number | string;
@@ -74,7 +74,7 @@ export declare const TableRow: import("react").ComponentType<Pick<import("react"
     theme: import("../theme").Theme;
 } & {
     as?: React.ElementType;
-}, "as" | "$variant" | "$isSelected" | "$isClickable" | "$density" | "$isLastRow" | "$isExpanded" | "$translateY" | "$rowHeight" | keyof import("react").ClassAttributes<HTMLTableRowElement> | keyof import("react").HTMLAttributes<HTMLTableRowElement>> & {
+}, "$variant" | "as" | "$isSelected" | "$isClickable" | "$density" | "$isLastRow" | "$isExpanded" | "$translateY" | "$rowHeight" | keyof import("react").ClassAttributes<HTMLTableRowElement> | keyof import("react").HTMLAttributes<HTMLTableRowElement>> & {
     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<HTMLTableRowElement> & import("react").HTMLAttributes<HTMLTableRowElement> & {
     $isClickable?: boolean;
@@ -112,7 +112,7 @@ export declare const TableLoadingRow: import("react").ComponentType<Pick<import(
     theme: import("../theme").Theme;
 } & {
     as?: React.ElementType;
-}, "as" | "$variant" | "$density" | keyof import("react").ClassAttributes<HTMLTableRowElement> | keyof import("react").HTMLAttributes<HTMLTableRowElement>> & {
+}, "$variant" | "as" | "$density" | keyof import("react").ClassAttributes<HTMLTableRowElement> | keyof import("react").HTMLAttributes<HTMLTableRowElement>> & {
     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<HTMLTableRowElement> & import("react").HTMLAttributes<HTMLTableRowElement> & {
     $density?: TableDensity;
@@ -146,7 +146,7 @@ export declare const TableHeaderCell: import("react").ComponentType<Pick<import(
     theme: import("../theme").Theme;
 } & {
     as?: React.ElementType;
-}, "$width" | "$minWidth" | "$maxWidth" | "as" | "$variant" | "$align" | keyof import("react").ClassAttributes<HTMLTableHeaderCellElement> | keyof import("react").ThHTMLAttributes<HTMLTableHeaderCellElement> | "$pinnedOffset" | "$density" | "$pin" | "$isSortable" | "$isCompact"> & {
+}, "$width" | "$minWidth" | "$maxWidth" | "$variant" | "$align" | "as" | keyof import("react").ClassAttributes<HTMLTableHeaderCellElement> | keyof import("react").ThHTMLAttributes<HTMLTableHeaderCellElement> | "$pinnedOffset" | "$density" | "$pin" | "$isSortable" | "$isCompact"> & {
     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<HTMLTableHeaderCellElement> & import("react").ThHTMLAttributes<HTMLTableHeaderCellElement> & {
     $width?: number;
@@ -208,7 +208,7 @@ export declare const TableDataCell: import("react").ComponentType<Pick<import("r
     theme: import("../theme").Theme;
 } & {
     as?: React.ElementType;
-}, "$width" | "$minWidth" | "$maxWidth" | "as" | "$variant" | "$align" | "$pinnedOffset" | keyof import("react").ClassAttributes<HTMLTableDataCellElement> | keyof import("react").TdHTMLAttributes<HTMLTableDataCellElement> | "$density" | "$pin" | "$isCompact" | "$isPositioned" | "$isEditable"> & {
+}, "$width" | "$minWidth" | "$maxWidth" | "$variant" | "$align" | "as" | "$pinnedOffset" | keyof import("react").ClassAttributes<HTMLTableDataCellElement> | keyof import("react").TdHTMLAttributes<HTMLTableDataCellElement> | "$density" | "$pin" | "$isCompact" | "$isPositioned" | "$isEditable"> & {
     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<HTMLTableDataCellElement> & import("react").TdHTMLAttributes<HTMLTableDataCellElement> & {
     $width?: number;
@@ -286,7 +286,7 @@ export declare const ColumnResizeHandle: import("react").ComponentType<Pick<impo
     theme: import("../theme").Theme;
 } & {
     as?: React.ElementType;
-}, keyof import("react").ClassAttributes<HTMLDivElement> | keyof import("react").HTMLAttributes<HTMLDivElement> | "as" | "$isResizing"> & {
+}, "as" | keyof import("react").ClassAttributes<HTMLDivElement> | keyof import("react").HTMLAttributes<HTMLDivElement> | "$isResizing"> & {
     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> & {
     $isResizing?: boolean;

package/dist/text/HotKeys.d.ts

@@ -0,0 +1,20 @@
+export declare enum HotKeysVariant {
+    BASE = "BASE",
+    PRIMARY = "PRIMARY",
+    SECONDARY = "SECONDARY",
+    TERTIARY = "TERTIARY",
+    DISABLED = "DISABLED"
+}
+export declare enum HotKeysSize {
+    SMALL = "SMALL",
+    MEDIUM = "MEDIUM",
+    LARGE = "LARGE"
+}
+export interface HotKeysProps {
+    hotKeys: string[];
+    variant?: HotKeysVariant;
+    size?: HotKeysSize;
+    isMonospace?: boolean;
+}
+declare const HotKeys: ({ hotKeys, variant, size, isMonospace, }: HotKeysProps) => import("react").JSX.Element;
+export default HotKeys;

package/dist/text/HotKeys.js

@@ -0,0 +1,68 @@
+import { withTheme } from "../theme/GalaxyTheme.js";
+/* empty css                  */
+import { styled } from "@linaria/react";
+import { match } from "ts-pattern";
+import { jsx } from "react/jsx-runtime";
+//#region src/text/HotKeys.tsx
+var HotKeysVariant = /* @__PURE__ */ function(HotKeysVariant) {
+	HotKeysVariant["BASE"] = "BASE";
+	HotKeysVariant["PRIMARY"] = "PRIMARY";
+	HotKeysVariant["SECONDARY"] = "SECONDARY";
+	HotKeysVariant["TERTIARY"] = "TERTIARY";
+	HotKeysVariant["DISABLED"] = "DISABLED";
+	return HotKeysVariant;
+}({});
+var HotKeysSize = /* @__PURE__ */ function(HotKeysSize) {
+	HotKeysSize["SMALL"] = "SMALL";
+	HotKeysSize["MEDIUM"] = "MEDIUM";
+	HotKeysSize["LARGE"] = "LARGE";
+	return HotKeysSize;
+}({});
+var HotKeysWrapper = /*#__PURE__*/ styled("div")({
+	name: "HotKeysWrapper",
+	class: "hokyumm",
+	propsAsIs: false
+});
+var _exp2 = () => ({ $size }) => {
+	return match($size).with("SMALL", () => "14px").with("MEDIUM", () => "16px").with("LARGE", () => "20px").exhaustive();
+};
+var _exp3 = () => ({ $variant, theme }) => {
+	return 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).with("DISABLED", () => theme.color.background.secondary).with(void 0, () => theme.color.background.tertiary).exhaustive();
+};
+var _exp4 = () => ({ theme }) => theme.color.border.primary;
+var _exp5 = () => ({ $variant, theme }) => {
+	return match($variant).with("DISABLED", () => theme.color.text.disabled).otherwise(() => theme.color.text.secondary);
+};
+var _exp6 = () => ({ theme, $isMonospace }) => $isMonospace ? theme.font.mono.family : theme.font.sans.family;
+var _exp7 = () => ({ theme, $size }) => {
+	return match($size).with("SMALL", () => theme.font.sans.size.caption).with("MEDIUM", () => theme.font.sans.size.body_sm).with("LARGE", () => theme.font.sans.size.body_md).exhaustive();
+};
+var _exp8 = () => ({ theme, $size }) => {
+	return match($size).with("SMALL", () => theme.font.sans.height.caption).with("MEDIUM", () => theme.font.sans.height.body_sm).with("LARGE", () => theme.font.sans.height.body_md).exhaustive();
+};
+var _exp9 = () => ({ theme }) => theme.font.sans.weight.regular;
+var StyledHotKey = withTheme(/*#__PURE__*/ styled("div")({
+	name: "StyledHotKey",
+	class: "sl247mt",
+	propsAsIs: false,
+	vars: {
+		"sl247mt-0": [_exp2()],
+		"sl247mt-1": [_exp3()],
+		"sl247mt-2": [_exp4()],
+		"sl247mt-3": [_exp5()],
+		"sl247mt-4": [_exp6()],
+		"sl247mt-5": [_exp7()],
+		"sl247mt-6": [_exp8()],
+		"sl247mt-7": [_exp9()]
+	}
+}));
+var HotKeys = ({ hotKeys, variant, size = "MEDIUM", isMonospace = false }) => {
+	return /* @__PURE__ */ jsx(HotKeysWrapper, { children: hotKeys.map((hotKey) => /* @__PURE__ */ jsx(StyledHotKey, {
+		$variant: variant,
+		$size: size,
+		$isMonospace: isMonospace,
+		children: hotKey
+	}, hotKey)) });
+};
+//#endregion
+export { HotKeysSize, HotKeysVariant, HotKeys as default };

package/dist/toast/ToastProvider.js

@@ -3,8 +3,8 @@ import ToastContainer from "./ToastContainer.js";
 import ToastWrapper from "./ToastWrapper.js";
 import { createContext, useCallback, useEffect, useRef, useState } from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { createPortal } from "react-dom";
 import { AnimatePresence } from "framer-motion";
+import { createPortal } from "react-dom";
 //#region src/toast/ToastProvider.tsx
 var ToastContext = createContext(void 0);
 var DEFAULT_TIMEOUT = 3e3;

package/dist/{animations → transform}/Fade.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { motion } from "framer-motion";
-//#region src/animations/Fade.tsx
+//#region src/transform/Fade.tsx
 var Fade = ({ children, delay = 0 }) => {
 	return /* @__PURE__ */ jsx(motion.div, {
 		initial: { opacity: 0 },

package/dist/transform/Flash.d.ts

@@ -0,0 +1,3 @@
+import { PropsWithChildren } from "react";
+declare const Flash: ({ children }: PropsWithChildren) => import("react").JSX.Element;
+export default Flash;

package/dist/transform/Flash.js

@@ -0,0 +1,14 @@
+/* empty css                */
+import { styled } from "@linaria/react";
+import { jsx } from "react/jsx-runtime";
+//#region src/transform/Flash.tsx
+var StyledFlash = /*#__PURE__*/ styled("span")({
+	name: "StyledFlash",
+	class: "s18o9ih0",
+	propsAsIs: false
+});
+var Flash = ({ children }) => {
+	return /* @__PURE__ */ jsx(StyledFlash, { children });
+};
+//#endregion
+export { Flash as default };

package/dist/transform/Rotate.d.ts

@@ -0,0 +1,8 @@
+import type { PropsWithChildren } from "react";
+export interface RotateProps {
+    isRotated: boolean;
+    deg?: number;
+    speed?: number;
+}
+declare const Rotate: ({ children, isRotated, deg, speed }: PropsWithChildren<RotateProps>) => import("react").JSX.Element;
+export default Rotate;

package/dist/transform/Rotate.js

@@ -0,0 +1,28 @@
+/* empty css                 */
+import { styled } from "@linaria/react";
+import { jsx } from "react/jsx-runtime";
+//#region src/transform/Rotate.tsx
+var _exp = () => ({ $speed }) => $speed ?? .075;
+var _exp2 = () => ({ $isRotated, $deg }) => {
+	if ($isRotated) return `${$deg}deg`;
+	return "0deg";
+};
+var RotateWrapper = /*#__PURE__*/ styled("div")({
+	name: "RotateWrapper",
+	class: "r530s5l",
+	propsAsIs: false,
+	vars: {
+		"r530s5l-0": [_exp(), "s"],
+		"r530s5l-1": [_exp2()]
+	}
+});
+var Rotate = ({ children, isRotated, deg = 180, speed }) => {
+	return /* @__PURE__ */ jsx(RotateWrapper, {
+		$isRotated: isRotated,
+		$deg: deg,
+		$speed: speed,
+		children
+	});
+};
+//#endregion
+export { Rotate as default };

package/dist/{animations → transform}/ScaleFade.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { motion } from "framer-motion";
-//#region src/animations/ScaleFade.tsx
+//#region src/transform/ScaleFade.tsx
 var ScaleFade = ({ children, delay = 0 }) => {
 	return /* @__PURE__ */ jsx(motion.div, {
 		initial: {

package/dist/transform/Spin.d.ts

@@ -0,0 +1,7 @@
+import type { PropsWithChildren } from "react";
+export interface SpinProps {
+    speed?: number;
+    isSpinning?: boolean;
+}
+declare const Spin: ({ children, speed, isSpinning }: PropsWithChildren<SpinProps>) => import("react").JSX.Element;
+export default Spin;

package/dist/transform/Spin.js

@@ -0,0 +1,20 @@
+/* empty css               */
+import { styled } from "@linaria/react";
+import { Fragment, jsx } from "react/jsx-runtime";
+//#region src/transform/Spin.tsx
+var _exp = () => ({ $speed }) => 1 / $speed;
+var StyledSpin = /*#__PURE__*/ styled("div")({
+	name: "StyledSpin",
+	class: "sonzivr",
+	propsAsIs: false,
+	vars: { "sonzivr-0": [_exp(), "s"] }
+});
+var Spin = ({ children, speed = 1, isSpinning = true }) => {
+	if (isSpinning) return /* @__PURE__ */ jsx(StyledSpin, {
+		$speed: speed,
+		children
+	});
+	return /* @__PURE__ */ jsx(Fragment, { children });
+};
+//#endregion
+export { Spin as default };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@galaxy-io/dls",
-  "version": "1.3.5",
+  "version": "1.4.0",
   "description": "Galaxy Design Language System",
   "license": "UNLICENSED",
   "type": "module",
@@ -15,9 +15,9 @@
   ],
   "exports": {
     "./styles.css": "./dist/styles.css",
-    "./animations/*": {
-      "types": "./dist/animations/*.d.ts",
-      "import": "./dist/animations/*.js"
+    "./transform/*": {
+      "types": "./dist/transform/*.d.ts",
+      "import": "./dist/transform/*.js"
     },
     "./assets/*": {
       "types": "./dist/assets/*.d.ts",
@@ -79,10 +79,6 @@
       "types": "./dist/hooks/*.d.ts",
       "import": "./dist/hooks/*.js"
     },
-    "./hotkeys/*": {
-      "types": "./dist/hotkeys/*.d.ts",
-      "import": "./dist/hotkeys/*.js"
-    },
     "./icons/*": {
       "types": "./dist/icons/*.d.ts",
       "import": "./dist/icons/*.js"
@@ -115,10 +111,6 @@
       "types": "./dist/shapes/*.d.ts",
       "import": "./dist/shapes/*.js"
     },
-    "./switcher/*": {
-      "types": "./dist/switcher/*.d.ts",
-      "import": "./dist/switcher/*.js"
-    },
     "./table/*": {
       "types": "./dist/table/*.d.ts",
       "import": "./dist/table/*.js"

package/dist/animations/Flashing.d.ts

@@ -1,3 +0,0 @@
-import { PropsWithChildren } from "react";
-declare const Flashing: ({ children }: PropsWithChildren) => import("react").JSX.Element;
-export default Flashing;

package/dist/animations/Flashing.js

@@ -1,14 +0,0 @@
-/* empty css                   */
-import { styled } from "@linaria/react";
-import { jsx } from "react/jsx-runtime";
-//#region src/animations/Flashing.tsx
-var StyledFlashing = /*#__PURE__*/ styled("span")({
-	name: "StyledFlashing",
-	class: "s1v6noph",
-	propsAsIs: false
-});
-var Flashing = ({ children }) => {
-	return /* @__PURE__ */ jsx(StyledFlashing, { children });
-};
-//#endregion
-export { Flashing as default };

package/dist/animations/RotateWithTransition.d.ts

@@ -1,8 +0,0 @@
-import type { PropsWithChildren } from "react";
-export interface RotateWithTransitionProps {
-    isRotated: boolean;
-    deg?: number;
-    speed?: number;
-}
-declare const RotateWithTransition: ({ children, isRotated, deg, speed, }: PropsWithChildren<RotateWithTransitionProps>) => import("react").JSX.Element;
-export default RotateWithTransition;

package/dist/animations/RotateWithTransition.js

@@ -1,28 +0,0 @@
-/* empty css                               */
-import { styled } from "@linaria/react";
-import { jsx } from "react/jsx-runtime";
-//#region src/animations/RotateWithTransition.tsx
-var _exp = () => ({ $speed }) => $speed ?? .075;
-var _exp2 = () => ({ $isRotated, $deg }) => {
-	if ($isRotated) return `${$deg}deg`;
-	return "0deg";
-};
-var RotateWithTransitionWrapper = /*#__PURE__*/ styled("div")({
-	name: "RotateWithTransitionWrapper",
-	class: "r94gjni",
-	propsAsIs: false,
-	vars: {
-		"r94gjni-0": [_exp(), "s"],
-		"r94gjni-1": [_exp2()]
-	}
-});
-var RotateWithTransition = ({ children, isRotated, deg = 180, speed }) => {
-	return /* @__PURE__ */ jsx(RotateWithTransitionWrapper, {
-		$isRotated: isRotated,
-		$deg: deg,
-		$speed: speed,
-		children
-	});
-};
-//#endregion
-export { RotateWithTransition as default };

package/dist/animations/SpinAnimation.d.ts

@@ -1,7 +0,0 @@
-import type { PropsWithChildren } from "react";
-export interface SpinAnimationProps {
-    speed?: number;
-    isEnabled?: boolean;
-}
-declare const SpinAnimation: ({ children, speed, isEnabled, }: PropsWithChildren<SpinAnimationProps>) => import("react").JSX.Element;
-export default SpinAnimation;

package/dist/animations/SpinAnimation.js

@@ -1,20 +0,0 @@
-/* empty css                        */
-import { styled } from "@linaria/react";
-import { Fragment, jsx } from "react/jsx-runtime";
-//#region src/animations/SpinAnimation.tsx
-var _exp = () => ({ $speed }) => 1 / $speed;
-var StyledSpinAnimation = /*#__PURE__*/ styled("div")({
-	name: "StyledSpinAnimation",
-	class: "s1eqyn2i",
-	propsAsIs: false,
-	vars: { "s1eqyn2i-0": [_exp(), "s"] }
-});
-var SpinAnimation = ({ children, speed = 1, isEnabled = true }) => {
-	if (isEnabled) return /* @__PURE__ */ jsx(StyledSpinAnimation, {
-		$speed: speed,
-		children
-	});
-	return /* @__PURE__ */ jsx(Fragment, { children });
-};
-//#endregion
-export { SpinAnimation as default };

package/dist/animations/SpinVerticalAnimation.d.ts

@@ -1,6 +0,0 @@
-import type { PropsWithChildren } from "react";
-export interface SpinVerticalAnimationProps {
-    speed?: number;
-}
-declare const SpinVerticalAnimation: ({ children, speed, }: PropsWithChildren<SpinVerticalAnimationProps>) => import("react").JSX.Element;
-export default SpinVerticalAnimation;

package/dist/animations/SpinVerticalAnimation.js

@@ -1,19 +0,0 @@
-/* empty css                                */
-import { styled } from "@linaria/react";
-import { jsx } from "react/jsx-runtime";
-//#region src/animations/SpinVerticalAnimation.tsx
-var _exp = () => ({ $speed }) => 1 / $speed;
-var StyledSpinVerticalAnimation = /*#__PURE__*/ styled("div")({
-	name: "StyledSpinVerticalAnimation",
-	class: "s1eibpeh",
-	propsAsIs: false,
-	vars: { "s1eibpeh-0": [_exp(), "s"] }
-});
-var SpinVerticalAnimation = ({ children, speed = 1 }) => {
-	return /* @__PURE__ */ jsx(StyledSpinVerticalAnimation, {
-		$speed: speed,
-		children
-	});
-};
-//#endregion
-export { SpinVerticalAnimation as default };

package/dist/hotkeys/HotKeyBindings.d.ts

@@ -1,7 +0,0 @@
-import { type HotKeyVariant } from "./HotKeySymbol";
-interface HotKeyBindingsProps {
-    variant?: HotKeyVariant;
-    hotKeys: string[];
-}
-declare const HotKeyBindings: ({ variant, hotKeys }: HotKeyBindingsProps) => import("react").JSX.Element;
-export default HotKeyBindings;

package/dist/hotkeys/HotKeyBindings.js

@@ -1,23 +0,0 @@
-import HotKeySymbol from "./HotKeySymbol.js";
-/* empty css                         */
-import { styled } from "@linaria/react";
-import { jsx } from "react/jsx-runtime";
-//#region src/hotkeys/HotKeyBindings.tsx
-var HotKeyBindingWrapper = /*#__PURE__*/ styled("div")({
-	name: "HotKeyBindingWrapper",
-	class: "h179mi29",
-	propsAsIs: false
-});
-var HotKeyBindingSymbolWrapper = /*#__PURE__*/ styled("div")({
-	name: "HotKeyBindingSymbolWrapper",
-	class: "h1gstj4e",
-	propsAsIs: false
-});
-var HotKeyBindings = ({ variant, hotKeys }) => {
-	return /* @__PURE__ */ jsx(HotKeyBindingWrapper, { children: hotKeys.map((hotKey) => /* @__PURE__ */ jsx(HotKeyBindingSymbolWrapper, { children: /* @__PURE__ */ jsx(HotKeySymbol, {
-		variant,
-		hotKey
-	}) }, hotKey)) });
-};
-//#endregion
-export { HotKeyBindings as default };

package/dist/hotkeys/HotKeySymbol.d.ts

@@ -1,13 +0,0 @@
-export declare enum HotKeyVariant {
-    BASE = "BASE",
-    PRIMARY = "PRIMARY",
-    SECONDARY = "SECONDARY",
-    TERTIARY = "TERTIARY",
-    DISABLED = "DISABLED"
-}
-export interface HotKeyProps {
-    variant?: HotKeyVariant;
-    hotKey: string;
-}
-declare const HotKeySymbol: ({ variant, hotKey }: HotKeyProps) => import("react").JSX.Element;
-export default HotKeySymbol;

package/dist/hotkeys/HotKeySymbol.js

@@ -1,49 +0,0 @@
-import { withTheme } from "../theme/GalaxyTheme.js";
-/* empty css                       */
-import { styled } from "@linaria/react";
-import { match } from "ts-pattern";
-import { jsx } from "react/jsx-runtime";
-//#region src/hotkeys/HotKeySymbol.tsx
-var HotKeyVariant = /* @__PURE__ */ function(HotKeyVariant) {
-	HotKeyVariant["BASE"] = "BASE";
-	HotKeyVariant["PRIMARY"] = "PRIMARY";
-	HotKeyVariant["SECONDARY"] = "SECONDARY";
-	HotKeyVariant["TERTIARY"] = "TERTIARY";
-	HotKeyVariant["DISABLED"] = "DISABLED";
-	return HotKeyVariant;
-}({});
-var _exp = () => ({ $variant, theme }) => {
-	return 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).with("DISABLED", () => theme.color.background.secondary).with(void 0, () => theme.color.background.tertiary).exhaustive();
-};
-var _exp2 = () => ({ $variant, theme }) => {
-	return match($variant).with("BASE", () => theme.color.border.primary).with("PRIMARY", () => theme.color.border.primary).with("SECONDARY", () => theme.color.border.primary).with("TERTIARY", () => theme.color.border.primary).with("DISABLED", () => theme.color.border.primary).with(void 0, () => theme.color.border.primary).exhaustive();
-};
-var _exp3 = () => ({ $variant, theme }) => {
-	return match($variant).with("DISABLED", () => theme.color.text.disabled).otherwise(() => theme.color.text.secondary);
-};
-var _exp4 = () => ({ theme }) => theme.font.sans.size.body_sm;
-var _exp5 = () => ({ theme }) => theme.font.sans.height.body_sm;
-var _exp6 = () => ({ theme }) => theme.font.sans.weight.regular;
-var _exp7 = () => ({ theme }) => theme.font.sans.family;
-var StyledHotKeySymbol = withTheme(/*#__PURE__*/ styled("div")({
-	name: "StyledHotKeySymbol",
-	class: "s12p8yma",
-	propsAsIs: false,
-	vars: {
-		"s12p8yma-0": [_exp()],
-		"s12p8yma-1": [_exp2()],
-		"s12p8yma-2": [_exp3()],
-		"s12p8yma-3": [_exp4()],
-		"s12p8yma-4": [_exp5()],
-		"s12p8yma-5": [_exp6()],
-		"s12p8yma-6": [_exp7()]
-	}
-}));
-var HotKeySymbol = ({ variant, hotKey }) => {
-	return /* @__PURE__ */ jsx(StyledHotKeySymbol, {
-		$variant: variant,
-		children: hotKey
-	});
-};
-//#endregion
-export { HotKeyVariant, HotKeySymbol as default };

package/dist/switcher/Switcher.d.ts

@@ -1,11 +0,0 @@
-export interface SwitcherItem {
-    id: string;
-    label: string;
-    onClick: () => void;
-}
-interface SwitcherProps {
-    items: SwitcherItem[];
-    selectedId: string;
-}
-declare const Switcher: ({ items, selectedId }: SwitcherProps) => import("react").JSX.Element;
-export default Switcher;