@codecademy/brand 4.0.0-alpha.a575634273.0 → 4.0.0-alpha.b03641fd89.0

package/dist/LearningOutcomeFlyout/types.d.cts

@@ -1,66 +0,0 @@
-import { LearningOutcomeLevels } from "../LearningOutcomeBadges/LearningOutcomeLevelBadge.cjs";
-
-//#region src/LearningOutcomeFlyout/types.d.ts
-declare enum SkillClassification {
-  Language = "language",
-  Subject = "subject",
-}
-interface LearningOutcomeSkill {
-  id: string;
-  slug: string;
-  title?: string | null;
-  classification?: SkillClassification | null;
-}
-interface ParentLearningOutcome {
-  id: string;
-  outcome: string;
-  level: number | null | undefined;
-}
-type BestMatchContainerType = {
-  urlPath: string | null;
-  title?: string | null;
-};
-interface BestMatchContainerResponseType {
-  data: BestMatchContainerType | null;
-  loading: boolean;
-  error: boolean;
-}
-interface LearningOutcomeDetailsProps {
-  level: LearningOutcomeLevels;
-  outcome: string;
-  percentComplete: number | undefined | null;
-  highestScore: number | undefined | null;
-  highestScoreAchievedAt: string | undefined | null;
-  latestScore: number | undefined | null;
-  latestScoreAchievedAt: string | undefined | null;
-  parentLOs?: ParentLearningOutcome[];
-  skills?: LearningOutcomeSkill[] | null;
-  childLearningOutcomes?: {
-    id: string;
-    outcome: string;
-    percentComplete?: number | undefined | null;
-    progress?: {
-      latestScore?: number | null;
-      covered: boolean | undefined | null;
-      coveredAt?: string | null;
-      highestScore?: number | null;
-    };
-  }[];
-}
-interface LearningOutcomeFlyoutProps {
-  expanded: boolean;
-  onClose: () => void;
-  learningOutcome: LearningOutcomeDetailsProps;
-  learningOutcomeHref: string;
-  learningOutcomeOnClick?: () => void;
-  skillTagOnClick?: (skillSlug: string) => void;
-  childLearningOutcomeOnClick?: (misc: Record<string, string>) => void;
-  parentLearningOutcomeOnClick?: (misc: Record<string, string>) => void;
-  assessmentHref?: string;
-  assessmentEligible?: boolean;
-  bestMatchResponse: BestMatchContainerResponseType;
-  bestMatchOnClick?: () => void;
-  showBestMatchCTA?: boolean;
-}
-//#endregion
-export { LearningOutcomeFlyoutProps, LearningOutcomeSkill };

package/dist/LearningOutcomePopover/index.cjs

@@ -1,117 +0,0 @@
-const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
-const require_LearningOutcomeLevelBadge = require('../LearningOutcomeBadges/LearningOutcomeLevelBadge.cjs');
-const require_LearningOutcomeLowAssessmentBadge = require('../LearningOutcomeBadges/LearningOutcomeLowAssessmentBadge.cjs');
-let _codecademy_gamut = require("@codecademy/gamut");
-let react_jsx_runtime = require("react/jsx-runtime");
-let _codecademy_gamut_icons = require("@codecademy/gamut-icons");
-
-//#region src/LearningOutcomePopover/index.tsx
-const POPOVER_WIDTH = 332;
-const POPOVER_HORIZONTAL_PADDING = 16;
-const ASSESSMENT_WIDTH = (POPOVER_WIDTH - POPOVER_HORIZONTAL_PADDING * 2) / 2;
-const Assessment = ({ score, type, noBorderLeft }) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_codecademy_gamut.FlexBox, {
-	borderTop: 1,
-	borderBottom: 1,
-	borderRight: 1,
-	borderLeft: !noBorderLeft ? 1 : void 0,
-	borderColor: "background-hover",
-	p: 8,
-	gap: 4,
-	width: ASSESSMENT_WIDTH,
-	children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Text, {
-		variant: "p-small",
-		color: "text-secondary",
-		children: type === "highest" ? "Highest score:" : "Most recent:"
-	}), score != null ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Text, {
-		variant: "p-small",
-		color: score && score >= 70 ? "green-700" : "text",
-		fontWeight: 700,
-		children: `${score}%`
-	}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Text, {
-		variant: "p-small",
-		color: "text-disabled",
-		children: "-"
-	})]
-});
-const LearningOutcomePopover = ({ activeElRef, isOpen, learningOutcomeDetails, ...rest }) => {
-	const { level, outcome, latestScore, highestScore, percentComplete = 0 } = learningOutcomeDetails || {};
-	const lowLatestAssessment = Boolean(latestScore != null && latestScore < 70);
-	const renderProgress = () => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_codecademy_gamut.FlexBox, {
-		alignItems: "center",
-		children: [Boolean(percentComplete === 100) && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.FlexBox, {
-			width: 16,
-			height: 16,
-			borderRadius: "md",
-			bg: "primary",
-			mr: 8,
-			alignItems: "center",
-			justifyContent: "center",
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut_icons.SmallCheckIcon, {
-				size: 11,
-				color: "white"
-			})
-		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Text, {
-			color: "text",
-			variant: "p-small",
-			children: `${percentComplete}% progress`
-		})]
-	});
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Popover, {
-		...rest,
-		isOpen,
-		targetRef: activeElRef,
-		position: "above",
-		beak: "center",
-		outline: true,
-		skipFocusTrap: true,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_codecademy_gamut.FlexBox, {
-			width: POPOVER_WIDTH,
-			pt: 24,
-			pb: 4,
-			px: POPOVER_HORIZONTAL_PADDING,
-			gap: 24,
-			column: true,
-			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_codecademy_gamut.FlexBox, {
-				gap: 16,
-				column: true,
-				children: [
-					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_codecademy_gamut.FlexBox, {
-						justifyContent: "space-between",
-						children: [!!level && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_LearningOutcomeLevelBadge.LearningOutcomeLevelBadge, { level }), lowLatestAssessment && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_LearningOutcomeLowAssessmentBadge.LearningOutcomeLowAssessmentBadge, {})]
-					}),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Text, {
-						color: "text",
-						textAlign: "left",
-						variant: "title-xs",
-						whiteSpace: "break-spaces",
-						children: outcome
-					}),
-					renderProgress()
-				]
-			}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_codecademy_gamut.FlexBox, {
-				alignItems: "flex-start",
-				gap: 4,
-				pt: 16,
-				pb: 12,
-				borderTop: 1,
-				borderColor: "background-hover",
-				column: true,
-				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Text, {
-					variant: "p-small",
-					fontWeight: 700,
-					children: "Evaluation results"
-				}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_codecademy_gamut.FlexBox, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Assessment, {
-					score: highestScore,
-					type: "highest"
-				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Assessment, {
-					score: latestScore,
-					type: "latest",
-					noBorderLeft: true
-				})] })]
-			})]
-		})
-	});
-};
-
-//#endregion
-exports.LearningOutcomePopover = LearningOutcomePopover;

package/dist/LearningOutcomePopover/index.d.cts

@@ -1,13 +0,0 @@
-import { LearningOutcomePopoverDetailsProps } from "../LearningOutcomeTile/types.cjs";
-
-//#region src/LearningOutcomePopover/index.d.ts
-interface LearningOutcomePopoverProps {
-  activeElRef: React.RefObject<HTMLDivElement> | React.RefObject<HTMLAnchorElement>;
-  id: string;
-  isOpen: boolean;
-  learningOutcomeDetails: LearningOutcomePopoverDetailsProps;
-  horizontalOffset?: number;
-}
-declare const LearningOutcomePopover: React.FC<LearningOutcomePopoverProps>;
-//#endregion
-export { LearningOutcomePopover };

package/dist/LearningOutcomeTile/Tile.cjs

@@ -1,68 +0,0 @@
-const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
-const require_types = require('./types.cjs');
-let _codecademy_gamut = require("@codecademy/gamut");
-let _codecademy_gamut_styles = require("@codecademy/gamut-styles");
-let _emotion_styled = require("@emotion/styled");
-_emotion_styled = require_rolldown_runtime.__toESM(_emotion_styled);
-
-//#region src/LearningOutcomeTile/Tile.tsx
-const tileStyles = {
-	alignItems: "center",
-	justifyContent: "center",
-	borderRadius: "md",
-	position: "relative"
-};
-const hoverVariants = (hover) => (0, _codecademy_gamut_styles.variant)({
-	prop: "progress",
-	variants: {
-		[require_types.Progress.notStarted]: { "&:hover": { bg: hover ? "background-hover" : void 0 } },
-		[require_types.Progress.inProgress]: { "&:hover": {
-			bg: hover ? "rgba(85, 51, 255, 0.12)" : void 0,
-			borderColor: hover ? "rgba(85, 51, 255, 0.12)" : void 0
-		} },
-		[require_types.Progress.completed]: { "&:hover": { bg: hover ? "primary-hover" : void 0 } }
-	}
-});
-const sizeVariants = (size) => (0, _codecademy_gamut_styles.variant)({
-	prop: "progress",
-	base: { border: size === "small" ? 1 : 2 },
-	variants: {
-		[require_types.Progress.notStarted]: {
-			width: size === "small" ? 32 : 40,
-			height: size === "small" ? 24 : 40
-		},
-		[require_types.Progress.inProgress]: {
-			width: size === "small" ? 32 : 40,
-			height: size === "small" ? 24 : 40
-		},
-		[require_types.Progress.completed]: {
-			width: size === "small" ? 20 : 40,
-			height: size === "small" ? 20 : 40
-		}
-	}
-});
-const Tile = (0, _emotion_styled.default)(_codecademy_gamut.FlexBox)((props) => ({
-	...hoverVariants(props.hover)(props),
-	...sizeVariants(props.size)(props),
-	...(0, _codecademy_gamut_styles.variant)({
-		prop: "progress",
-		base: { ...tileStyles },
-		variants: {
-			[require_types.Progress.notStarted]: {
-				bg: "background-selected",
-				borderColor: "background-hover"
-			},
-			[require_types.Progress.inProgress]: {
-				bg: "rgba(58, 16, 229, 0.12)",
-				borderColor: "primary"
-			},
-			[require_types.Progress.completed]: {
-				bg: "primary",
-				borderColor: "border-tertiary"
-			}
-		}
-	})(props)
-}));
-
-//#endregion
-exports.Tile = Tile;

package/dist/LearningOutcomeTile/index.cjs

@@ -1,96 +0,0 @@
-const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
-const require_LearningOutcomeLevelBadge = require('../LearningOutcomeBadges/LearningOutcomeLevelBadge.cjs');
-const require_LearningOutcomeLowAssessmentBadge = require('../LearningOutcomeBadges/LearningOutcomeLowAssessmentBadge.cjs');
-const require_LearningOutcomePopover_index = require('../LearningOutcomePopover/index.cjs');
-const require_types = require('./types.cjs');
-const require_Tile = require('./Tile.cjs');
-let _codecademy_gamut = require("@codecademy/gamut");
-let _codecademy_gamut_styles = require("@codecademy/gamut-styles");
-let _emotion_styled = require("@emotion/styled");
-_emotion_styled = require_rolldown_runtime.__toESM(_emotion_styled);
-let react = require("react");
-let react_jsx_runtime = require("react/jsx-runtime");
-let _codecademy_gamut_icons = require("@codecademy/gamut-icons");
-
-//#region src/LearningOutcomeTile/index.tsx
-const ProgressText = (0, _emotion_styled.default)(_codecademy_gamut.Text)((props) => ({ ...(0, _codecademy_gamut_styles.variant)({
-	prop: "progress",
-	base: { fontSize: 14 },
-	variants: {
-		[require_types.Progress.notStarted]: {
-			color: "text-secondary",
-			fontWeight: 400
-		},
-		[require_types.Progress.inProgress]: {
-			color: "primary",
-			fontWeight: props.isSmall ? 400 : 700
-		},
-		[require_types.Progress.completed]: {}
-	}
-})(props) }));
-const progressState = (percentComplete) => {
-	if (percentComplete === 0) return require_types.Progress.notStarted;
-	if (percentComplete > 0 && percentComplete < 100) return require_types.Progress.inProgress;
-	return require_types.Progress.completed;
-};
-const LearningOutcomeTile = ({ learningOutcomeDetails, onClick, hover = false, popover = false, size = "normal" }) => {
-	const { id, level, outcome, latestScore, percentComplete } = learningOutcomeDetails;
-	const [isOpen, setIsOpen] = (0, react.useState)(false);
-	const activeElRef = (0, react.useRef)(null);
-	(0, react.useEffect)(() => {
-		if (isOpen) activeElRef.current?.focus();
-	}, [isOpen]);
-	const popoverProps = popover && hover ? {
-		ref: activeElRef,
-		onMouseEnter: () => setIsOpen(true),
-		onMouseLeave: () => setIsOpen(false),
-		onFocus: () => setIsOpen(true),
-		onBlur: () => setIsOpen(false),
-		"aria-describedby": `${id}-popover`
-	} : {};
-	const highestScore = popover ? learningOutcomeDetails?.highestScore : void 0;
-	const percentCompleteValue = percentComplete ?? 0;
-	const progress = progressState(percentCompleteValue);
-	const isCompleted = progress === require_types.Progress.completed;
-	const isSmall = size === "small";
-	const hasLowLatestAssessment = Boolean(latestScore != null && latestScore < 70);
-	const showLowAssessmentDot = hasLowLatestAssessment && !isSmall;
-	const lowAssessmentLabel = hasLowLatestAssessment ? "Most recent assessment score is below 70%, needs review. " : "";
-	const defaultAriaLabel = `${require_LearningOutcomeLevelBadge.learningOutcomeLabels[level]}: ${outcome} ${lowAssessmentLabel}Progress ${percentCompleteValue}% completed.`;
-	const evaluationValuesLabel = isOpen && (highestScore || latestScore) ? `Evaluation Values - ${highestScore ? `Highest assessment score ${highestScore}. ` : ""}${latestScore ? `Recent assessment score ${latestScore}.` : ""}` : "";
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_codecademy_gamut.Anchor, {
-		"aria-label": `${defaultAriaLabel} ${evaluationValuesLabel}`,
-		variant: "interface",
-		onClick,
-		"data-testid": `learning-outcome-tile-${id}`,
-		...popoverProps,
-		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_Tile.Tile, {
-			hover,
-			progress,
-			size,
-			children: [isCompleted ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut_icons.SmallCheckIcon, {
-				size: isSmall ? 12 : 16,
-				textColor: "background-contrast"
-			}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ProgressText, {
-				progress,
-				isSmall,
-				children: `${percentCompleteValue}%`
-			}), showLowAssessmentDot && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_LearningOutcomeLowAssessmentBadge.LearningOutcomeLowAssessmentDot, {
-				position: "absolute",
-				top: "-20%",
-				right: "-20%",
-				hasBorder: true
-			})]
-		}), isOpen && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_LearningOutcomePopover_index.LearningOutcomePopover, {
-			activeElRef,
-			horizontalOffset: isSmall && isCompleted ? 159 : isSmall ? 153 : 150,
-			id: `${id}-popover`,
-			isOpen,
-			learningOutcomeDetails
-		})]
-	});
-};
-
-//#endregion
-exports.LearningOutcomeTile = LearningOutcomeTile;
-exports.progressState = progressState;

package/dist/LearningOutcomeTile/index.d.cts

@@ -1,7 +0,0 @@
-import { LearningOutcomeTileProps, Progress } from "./types.cjs";
-
-//#region src/LearningOutcomeTile/index.d.ts
-declare const progressState: (percentComplete: number) => Progress;
-declare const LearningOutcomeTile: React.FC<LearningOutcomeTileProps>;
-//#endregion
-export { LearningOutcomeTile, progressState };

package/dist/LearningOutcomeTile/types.cjs

@@ -1,11 +0,0 @@
-
-//#region src/LearningOutcomeTile/types.ts
-let Progress = /* @__PURE__ */ function(Progress$1) {
-	Progress$1["notStarted"] = "notStarted";
-	Progress$1["inProgress"] = "inProgress";
-	Progress$1["completed"] = "completed";
-	return Progress$1;
-}({});
-
-//#endregion
-exports.Progress = Progress;

package/dist/LearningOutcomeTile/types.d.cts

@@ -1,45 +0,0 @@
-import { LearningOutcomeLevels } from "../LearningOutcomeBadges/LearningOutcomeLevelBadge.cjs";
-
-//#region src/LearningOutcomeTile/types.d.ts
-declare enum Progress {
-  notStarted = "notStarted",
-  inProgress = "inProgress",
-  completed = "completed",
-}
-type SizeType = 'small' | 'normal';
-interface LearningOutcomeTileDetailsProps {
-  id: string;
-  level: LearningOutcomeLevels;
-  outcome: string;
-  percentComplete: number | undefined | null;
-  latestScore?: number | undefined | null;
-}
-interface LearningOutcomePopoverDetailsProps {
-  id: string;
-  level: LearningOutcomeLevels;
-  outcome: string;
-  percentComplete: number | undefined | null;
-  latestScore?: number | undefined | null;
-  highestScore?: number | undefined | null;
-}
-interface WithHoverAndWithPopover {
-  learningOutcomeDetails: LearningOutcomePopoverDetailsProps;
-  hover: true;
-  popover: true;
-}
-interface WithHoverAndWithoutPopover {
-  learningOutcomeDetails: LearningOutcomeTileDetailsProps;
-  hover: true;
-  popover: false;
-}
-interface WithoutHoverAndWithoutPopover {
-  learningOutcomeDetails: LearningOutcomeTileDetailsProps;
-  hover?: false;
-  popover?: false;
-}
-type LearningOutcomeTileProps = {
-  onClick?: () => void;
-  size?: SizeType;
-} & (WithHoverAndWithPopover | WithHoverAndWithoutPopover | WithoutHoverAndWithoutPopover);
-//#endregion
-export { LearningOutcomePopoverDetailsProps, LearningOutcomeTileProps, Progress };

package/dist/ListSection/index.cjs

@@ -1,56 +0,0 @@
-const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
-const require_PageSection_index = require('../PageSection/index.cjs');
-let _codecademy_gamut_styles = require("@codecademy/gamut-styles");
-let _emotion_styled = require("@emotion/styled");
-_emotion_styled = require_rolldown_runtime.__toESM(_emotion_styled);
-let react = require("react");
-react = require_rolldown_runtime.__toESM(react);
-let react_jsx_runtime = require("react/jsx-runtime");
-
-//#region src/ListSection/index.tsx
-const UnstyledUnorderedList = _emotion_styled.default.ul`
-  list-style: none;
-  padding: 0;
-  margin: 0;
-`;
-const StyledListItem = _emotion_styled.default.li`
-  &:not(:last-child) {
-    margin-bottom: ${_codecademy_gamut_styles.theme.spacing[24]};
-  }
-`;
-const ListSection = ({ title, headerButton, headerSecondaryButton, initialDisplayAmount = 3, onShowAllOrLessClick, children }) => {
-	const [showAll, setShowAll] = (0, react.useState)(false);
-	const handleShowAll = () => {
-		onShowAllOrLessClick?.(!showAll);
-		setShowAll(!showAll);
-	};
-	const renderListItems = () => {
-		const listItems = react.Children.map(children, (child) => !!child && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(StyledListItem, { children: child }))?.filter(Boolean);
-		if (!listItems) return null;
-		if (showAll) return listItems;
-		return listItems.slice(0, initialDisplayAmount);
-	};
-	const renderFooterButton = () => {
-		if (react.Children.toArray(children).length <= initialDisplayAmount) return null;
-		const buttonText = `Show ${showAll ? "Less" : "All"}`;
-		return {
-			text: buttonText,
-			onClick: handleShowAll,
-			"aria-label": `${buttonText}, ${title}`
-		};
-	};
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_PageSection_index.PageSection, {
-		title,
-		footerButton: renderFooterButton(),
-		headerButton,
-		headerSecondaryButton,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(UnstyledUnorderedList, {
-			"aria-label": title,
-			"aria-live": "polite",
-			children: renderListItems()
-		})
-	});
-};
-
-//#endregion
-exports.ListSection = ListSection;

package/dist/ListSection/index.d.cts

@@ -1,25 +0,0 @@
-import { SectionButton } from "../PageSection/index.cjs";
-import { WithChildrenProp } from "@codecademy/gamut";
-import * as React$1 from "react";
-
-//#region src/ListSection/index.d.ts
-interface ListSectionProps extends WithChildrenProp {
-  title: string;
-  headerButton?: SectionButton;
-  headerSecondaryButton?: SectionButton;
-  /**
-   * Number of items to be initally displayed
-   *
-   * @remarks
-   * If the initial display amount matches the number of list items, Show All button will not appear.
-   */
-  initialDisplayAmount?: number;
-  /**
-   * Optional callback function that will be called when the user clicks the "Show All" / "Show less" button.
-   * This is usually used for things like metrics tracking.
-   */
-  onShowAllOrLessClick?: (showAll: boolean) => void;
-}
-declare const ListSection: React$1.FC<ListSectionProps>;
-//#endregion
-export { ListSection, ListSectionProps };

package/dist/Loading/index.cjs

@@ -1,91 +0,0 @@
-const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
-const require_styles_module = require('./styles.module.cjs');
-let _codecademy_gamut_styles = require("@codecademy/gamut-styles");
-let react = require("react");
-react = require_rolldown_runtime.__toESM(react);
-let react_jsx_runtime = require("react/jsx-runtime");
-let classnames = require("classnames");
-classnames = require_rolldown_runtime.__toESM(classnames);
-let _emotion_react = require("@emotion/react");
-
-//#region src/Loading/index.tsx
-const Loading = ({ className }) => {
-	const { colors } = (0, _emotion_react.useTheme)();
-	const mode = (0, _codecademy_gamut_styles.useCurrentMode)();
-	const color1 = mode === "light" ? colors["gray-300"] : colors["navy-600"];
-	const color2 = mode === "light" ? colors["blue-800"] : colors["navy-200"];
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", {
-		className: (0, classnames.default)(require_styles_module.default.loading, className),
-		"data-testid": "loading",
-		xmlns: "https://www.w3.org/2000/svg",
-		width: "123",
-		height: "98.7",
-		viewBox: "0 0 123 98.7",
-		children: [
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("title", { children: "Loading Icon" }),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
-				className: (0, classnames.default)(require_styles_module.default.path, require_styles_module.default.c),
-				stroke: color1,
-				fill: "none",
-				strokeMiterlimit: "10",
-				d: "M18.7 57.6c0 4.2.4 7.4 1.2 9.8 2.3 7.1 8.4 11 16.3 11 5.9 0 10.6-2.4 13.7-6.1.2-.4.3-.8-.1-1.2l-5.2-4.5c-.4-.3-.8-.3-1.2.1-2 2.2-4 3.5-7.3 3.5-3.5 0-6.2-1.7-7.4-5.1-.7-2-.8-4.4-.8-7.4 0-3.1.2-5.4.8-7.4 1.1-3.5 3.9-5.2 7.4-5.2 3.3 0 5.3 1.2 7.3 3.5.3.4.7.5 1.2.2l5.2-4.5c.4-.3.3-.8.1-1.2-3.1-3.8-7.8-6.2-13.7-6.2-7.9 0-14 3.9-16.3 11-.8 2.3-1.2 5.5-1.2 9.7"
-			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
-				className: (0, classnames.default)(require_styles_module.default.path, require_styles_module.default.underline),
-				stroke: color1,
-				fill: "none",
-				strokeMiterlimit: "10",
-				d: "M120.7 97.2c.5 0 .8-.3.8-.8v-7.5c0-.5-.3-.8-.8-.8h-28c-.5 0-.8.3-.8.8v7.5c0 .5.3.8.8.8h28"
-			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
-				className: (0, classnames.default)(require_styles_module.default.path, require_styles_module.default.outer),
-				stroke: color1,
-				fill: "none",
-				strokeMiterlimit: "10",
-				d: "M42.7 1.5H2.1 2c-.3.2-.5.5-.5.8v94c0 .3.1.5.3.7.1.1.3.1.5.1h80.8c.3 0 .5-.1.6-.3.1-.1.2-.3.2-.5v-94c0-.2-.1-.4-.2-.6-.1-.1-.3-.2-.6-.2H42.7"
-			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
-				className: (0, classnames.default)(require_styles_module.default.path, require_styles_module.default.inner),
-				stroke: color1,
-				fill: "none",
-				strokeMiterlimit: "10",
-				d: "M42.7 88H11.3h-.1c-.3-.1-.5-.4-.5-.7V11.5c0-.4.2-.6.5-.8h63.1c.3.1.5.4.5.8v75.7c0 .4-.2.6-.5.7H42.7"
-			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
-				className: (0, classnames.default)(require_styles_module.default.pathTwo, require_styles_module.default.c),
-				stroke: color2,
-				fill: "none",
-				strokeWidth: "3",
-				strokeMiterlimit: "10",
-				d: "M18.7 57.6c0 4.2.4 7.4 1.2 9.8 2.3 7.1 8.4 11 16.3 11 5.9 0 10.6-2.4 13.7-6.1.2-.4.3-.8-.1-1.2l-5.2-4.5c-.4-.3-.8-.3-1.2.1-2 2.2-4 3.5-7.3 3.5-3.5 0-6.2-1.7-7.4-5.1-.7-2-.8-4.4-.8-7.4 0-3.1.2-5.4.8-7.4 1.1-3.5 3.9-5.2 7.4-5.2 3.3 0 5.3 1.2 7.3 3.5.3.4.7.5 1.2.2l5.2-4.5c.4-.3.3-.8.1-1.2-3.1-3.8-7.8-6.2-13.7-6.2-7.9 0-14 3.9-16.3 11-.8 2.3-1.2 5.5-1.2 9.7"
-			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
-				className: (0, classnames.default)(require_styles_module.default.pathTwo, require_styles_module.default.underline),
-				stroke: color2,
-				fill: "none",
-				strokeWidth: "3",
-				strokeMiterlimit: "10",
-				d: "M120.7 97.2c.5 0 .8-.3.8-.8v-7.5c0-.5-.3-.8-.8-.8h-28c-.5 0-.8.3-.8.8v7.5c0 .5.3.8.8.8h28"
-			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
-				className: (0, classnames.default)(require_styles_module.default.pathTwo, require_styles_module.default.outer),
-				stroke: color2,
-				fill: "none",
-				strokeWidth: "3",
-				strokeMiterlimit: "10",
-				d: "M42.7 1.5H2.1 2c-.3.2-.5.5-.5.8v94c0 .3.1.5.3.7.1.1.3.1.5.1h80.8c.3 0 .5-.1.6-.3.1-.1.2-.3.2-.5v-94c0-.2-.1-.4-.2-.6-.1-.1-.3-.2-.6-.2H42.7"
-			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
-				className: (0, classnames.default)(require_styles_module.default.pathTwo, require_styles_module.default.inner),
-				stroke: color2,
-				fill: "none",
-				strokeWidth: "3",
-				strokeMiterlimit: "10",
-				d: "M42.7 88H11.3h-.1c-.3-.1-.5-.4-.5-.7V11.5c0-.4.2-.6.5-.8h63.1c.3.1.5.4.5.8v75.7c0 .4-.2.6-.5.7H42.7"
-			})
-		]
-	});
-};
-
-//#endregion
-exports.Loading = Loading;

package/dist/Loading/index.d.cts

@@ -1,9 +0,0 @@
-import * as React$1 from "react";
-
-//#region src/Loading/index.d.ts
-type LoadingProps = {
-  className?: string;
-};
-declare const Loading: React$1.FC<LoadingProps>;
-//#endregion
-export { Loading, LoadingProps };

package/dist/Loading/styles.module.cjs

@@ -1,5 +0,0 @@
-
-//#region src/Loading/styles.module.scss
-var styles_module_default = "assets/styles.module-DbrbHmEX.scss";
-
-//#endregion