@codecademy/brand 3.40.1-alpha.a095761d09.0 → 4.0.0-alpha.0ae245495b.0

package/dist/AbbreviatedCommunityEventCard/index.cjs

@@ -0,0 +1,89 @@
+const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
+const require_EventTypeIcon = require('../CommunityEventCard/EventTypeIcon.cjs');
+const require_CommunityEventCard_index = require('../CommunityEventCard/index.cjs');
+let _codecademy_gamut = require("@codecademy/gamut");
+let _emotion_styled = require("@emotion/styled");
+_emotion_styled = require_rolldown_runtime.__toESM(_emotion_styled);
+let react_jsx_runtime = require("react/jsx-runtime");
+let _codecademy_gamut_icons = require("@codecademy/gamut-icons");
+let date_fns = require("date-fns");
+let lodash_upperCase = require("lodash/upperCase");
+lodash_upperCase = require_rolldown_runtime.__toESM(lodash_upperCase);
+
+//#region src/AbbreviatedCommunityEventCard/index.tsx
+const AbbreviatedEventCard = ({ title, startDate, endDate, url, type }) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)((0, _emotion_styled.default)(_codecademy_gamut.Anchor)`
+    text-decoration: none;
+    &:focus {
+      text-decoration: none;
+    }
+  `, {
+		href: url,
+		target: "_blank",
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Card, {
+			isInteractive: true,
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_codecademy_gamut.FlexBox, {
+				gap: 16,
+				height: "100%",
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Box, {
+					alignContent: "center",
+					bg: "navy",
+					borderRadius: "md",
+					color: "white",
+					height: 80,
+					justifyContent: "center",
+					px: 12,
+					width: 80,
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Text, {
+						fontFamily: "accent",
+						fontSize: 26,
+						lineHeight: "normal",
+						children: (0, lodash_upperCase.default)((0, date_fns.format)((0, date_fns.parseJSON)(startDate), "LLL dd"))
+					})
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_codecademy_gamut.FlexBox, {
+					alignItems: "center",
+					gap: 16,
+					justifyContent: "space-between",
+					minWidth: 0,
+					width: "100%",
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_codecademy_gamut.FlexBox, {
+						flexDirection: "column",
+						gap: 8,
+						minWidth: 0,
+						width: "100%",
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Text, {
+							as: "h3",
+							fontSize: 22,
+							truncate: "ellipsis",
+							truncateLines: 1,
+							children: title
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_codecademy_gamut.FlexBox, {
+							alignItems: "center",
+							justifyContent: "space-between",
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_codecademy_gamut.FlexBox, {
+								alignItems: "center",
+								gap: 8,
+								minWidth: 0,
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut_icons.ClockIcon, {}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Text, {
+									fontFamily: "accent",
+									fontSize: 14,
+									truncate: "ellipsis",
+									truncateLines: 1,
+									children: require_CommunityEventCard_index.formatTime(startDate, endDate)
+								})]
+							}), type && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.FlexBox, {
+								alignItems: "center",
+								gap: 8,
+								minWidth: 0,
+								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_EventTypeIcon.EventTypeIcon, { eventType: type })
+							})]
+						})]
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut_icons.ArrowChevronRightIcon, { size: 24 })]
+				})]
+			})
+		})
+	});
+};
+
+//#endregion
+exports.AbbreviatedEventCard = AbbreviatedEventCard;

package/dist/AbbreviatedCommunityEventCard/index.d.cts

@@ -0,0 +1,11 @@
+//#region src/AbbreviatedCommunityEventCard/index.d.ts
+interface AbbreviatedEventCardProps {
+  title: string;
+  startDate: string;
+  endDate: string;
+  url: string;
+  type?: string | null;
+}
+declare const AbbreviatedEventCard: React.FC<AbbreviatedEventCardProps>;
+//#endregion
+export { AbbreviatedEventCard, AbbreviatedEventCardProps };

package/dist/AbbreviatedCommunityEventCard/index.d.ts

@@ -1,8 +1,11 @@
-export interface AbbreviatedEventCardProps {
-    title: string;
-    startDate: string;
-    endDate: string;
-    url: string;
-    type?: string | null;
+//#region src/AbbreviatedCommunityEventCard/index.d.ts
+interface AbbreviatedEventCardProps {
+  title: string;
+  startDate: string;
+  endDate: string;
+  url: string;
+  type?: string | null;
 }
-export declare const AbbreviatedEventCard: React.FC<AbbreviatedEventCardProps>;
+declare const AbbreviatedEventCard: React.FC<AbbreviatedEventCardProps>;
+//#endregion
+export { AbbreviatedEventCard, AbbreviatedEventCardProps };

package/dist/AbbreviatedCommunityEventCard/index.js

@@ -1,98 +1,86 @@
-import _styled from "@emotion/styled/base";
-function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-import { Anchor, Box, Card, FlexBox, Text } from '@codecademy/gamut';
-import { ArrowChevronRightIcon, ClockIcon } from '@codecademy/gamut-icons';
-import { format, parseJSON } from 'date-fns';
-import upperCase from 'lodash/upperCase';
-import { formatTime } from '../CommunityEventCard';
-import { EventTypeIcon } from '../CommunityEventCard/EventTypeIcon';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export const AbbreviatedEventCard = ({
-  title,
-  startDate,
-  endDate,
-  url,
-  type
-}) => {
-  const StyledLink = /*#__PURE__*/_styled(Anchor, {
-    target: "e7686yp0",
-    label: "StyledLink"
-  })(process.env.NODE_ENV === "production" ? {
-    name: "1cp29tz",
-    styles: "text-decoration:none;&:focus{text-decoration:none;}"
-  } : {
-    name: "1cp29tz",
-    styles: "text-decoration:none;&:focus{text-decoration:none;}/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9BYmJyZXZpYXRlZENvbW11bml0eUV2ZW50Q2FyZC9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBd0JtQyIsImZpbGUiOiIuLi8uLi9zcmMvQWJicmV2aWF0ZWRDb21tdW5pdHlFdmVudENhcmQvaW5kZXgudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQW5jaG9yLCBCb3gsIENhcmQsIEZsZXhCb3gsIFRleHQgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dCc7XG5pbXBvcnQgeyBBcnJvd0NoZXZyb25SaWdodEljb24sIENsb2NrSWNvbiB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LWljb25zJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGZvcm1hdCwgcGFyc2VKU09OIH0gZnJvbSAnZGF0ZS1mbnMnO1xuaW1wb3J0IHVwcGVyQ2FzZSBmcm9tICdsb2Rhc2gvdXBwZXJDYXNlJztcblxuaW1wb3J0IHsgZm9ybWF0VGltZSB9IGZyb20gJy4uL0NvbW11bml0eUV2ZW50Q2FyZCc7XG5pbXBvcnQgeyBFdmVudFR5cGVJY29uIH0gZnJvbSAnLi4vQ29tbXVuaXR5RXZlbnRDYXJkL0V2ZW50VHlwZUljb24nO1xuXG5leHBvcnQgaW50ZXJmYWNlIEFiYnJldmlhdGVkRXZlbnRDYXJkUHJvcHMge1xuICB0aXRsZTogc3RyaW5nO1xuICBzdGFydERhdGU6IHN0cmluZztcbiAgZW5kRGF0ZTogc3RyaW5nO1xuICB1cmw6IHN0cmluZztcbiAgdHlwZT86IHN0cmluZyB8IG51bGw7XG59XG5cbmV4cG9ydCBjb25zdCBBYmJyZXZpYXRlZEV2ZW50Q2FyZDogUmVhY3QuRkM8QWJicmV2aWF0ZWRFdmVudENhcmRQcm9wcz4gPSAoe1xuICB0aXRsZSxcbiAgc3RhcnREYXRlLFxuICBlbmREYXRlLFxuICB1cmwsXG4gIHR5cGUsXG59KSA9PiB7XG4gIGNvbnN0IFN0eWxlZExpbmsgPSBzdHlsZWQoQW5jaG9yKWBcbiAgICB0ZXh0LWRlY29yYXRpb246IG5vbmU7XG4gICAgJjpmb2N1cyB7XG4gICAgICB0ZXh0LWRlY29yYXRpb246IG5vbmU7XG4gICAgfVxuICBgO1xuXG4gIHJldHVybiAoXG4gICAgPFN0eWxlZExpbmsgaHJlZj17dXJsfSB0YXJnZXQ9XCJfYmxhbmtcIj5cbiAgICAgIDxDYXJkIGlzSW50ZXJhY3RpdmU+XG4gICAgICAgIDxGbGV4Qm94IGdhcD17MTZ9IGhlaWdodD1cIjEwMCVcIj5cbiAgICAgICAgICA8Qm94XG4gICAgICAgICAgICBhbGlnbkNvbnRlbnQ9XCJjZW50ZXJcIlxuICAgICAgICAgICAgYmc9XCJuYXZ5XCJcbiAgICAgICAgICAgIGJvcmRlclJhZGl1cz1cIm1kXCJcbiAgICAgICAgICAgIGNvbG9yPVwid2hpdGVcIlxuICAgICAgICAgICAgaGVpZ2h0PXs4MH1cbiAgICAgICAgICAgIGp1c3RpZnlDb250ZW50PVwiY2VudGVyXCJcbiAgICAgICAgICAgIHB4PXsxMn1cbiAgICAgICAgICAgIHdpZHRoPXs4MH1cbiAgICAgICAgICA+XG4gICAgICAgICAgICA8VGV4dCBmb250RmFtaWx5PVwiYWNjZW50XCIgZm9udFNpemU9ezI2fSBsaW5lSGVpZ2h0PVwibm9ybWFsXCI+XG4gICAgICAgICAgICAgIHt1cHBlckNhc2UoZm9ybWF0KHBhcnNlSlNPTihzdGFydERhdGUpLCAnTExMIGRkJykpfVxuICAgICAgICAgICAgPC9UZXh0PlxuICAgICAgICAgIDwvQm94PlxuICAgICAgICAgIDxGbGV4Qm94XG4gICAgICAgICAgICBhbGlnbkl0ZW1zPVwiY2VudGVyXCJcbiAgICAgICAgICAgIGdhcD17MTZ9XG4gICAgICAgICAgICBqdXN0aWZ5Q29udGVudD1cInNwYWNlLWJldHdlZW5cIlxuICAgICAgICAgICAgbWluV2lkdGg9ezB9XG4gICAgICAgICAgICB3aWR0aD1cIjEwMCVcIlxuICAgICAgICAgID5cbiAgICAgICAgICAgIDxGbGV4Qm94IGZsZXhEaXJlY3Rpb249XCJjb2x1bW5cIiBnYXA9ezh9IG1pbldpZHRoPXswfSB3aWR0aD1cIjEwMCVcIj5cbiAgICAgICAgICAgICAgPFRleHQgYXM9XCJoM1wiIGZvbnRTaXplPXsyMn0gdHJ1bmNhdGU9XCJlbGxpcHNpc1wiIHRydW5jYXRlTGluZXM9ezF9PlxuICAgICAgICAgICAgICAgIHt0aXRsZX1cbiAgICAgICAgICAgICAgPC9UZXh0PlxuICAgICAgICAgICAgICA8RmxleEJveCBhbGlnbkl0ZW1zPVwiY2VudGVyXCIganVzdGlmeUNvbnRlbnQ9XCJzcGFjZS1iZXR3ZWVuXCI+XG4gICAgICAgICAgICAgICAgPEZsZXhCb3ggYWxpZ25JdGVtcz1cImNlbnRlclwiIGdhcD17OH0gbWluV2lkdGg9ezB9PlxuICAgICAgICAgICAgICAgICAgPENsb2NrSWNvbiAvPlxuICAgICAgICAgICAgICAgICAgPFRleHRcbiAgICAgICAgICAgICAgICAgICAgZm9udEZhbWlseT1cImFjY2VudFwiXG4gICAgICAgICAgICAgICAgICAgIGZvbnRTaXplPXsxNH1cbiAgICAgICAgICAgICAgICAgICAgdHJ1bmNhdGU9XCJlbGxpcHNpc1wiXG4gICAgICAgICAgICAgICAgICAgIHRydW5jYXRlTGluZXM9ezF9XG4gICAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICAgIHtmb3JtYXRUaW1lKHN0YXJ0RGF0ZSwgZW5kRGF0ZSl9XG4gICAgICAgICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgICAgICAgPC9GbGV4Qm94PlxuICAgICAgICAgICAgICAgIHt0eXBlICYmIChcbiAgICAgICAgICAgICAgICAgIDxGbGV4Qm94IGFsaWduSXRlbXM9XCJjZW50ZXJcIiBnYXA9ezh9IG1pbldpZHRoPXswfT5cbiAgICAgICAgICAgICAgICAgICAgPEV2ZW50VHlwZUljb24gZXZlbnRUeXBlPXt0eXBlfSAvPlxuICAgICAgICAgICAgICAgICAgPC9GbGV4Qm94PlxuICAgICAgICAgICAgICAgICl9XG4gICAgICAgICAgICAgIDwvRmxleEJveD5cbiAgICAgICAgICAgIDwvRmxleEJveD5cbiAgICAgICAgICAgIDxBcnJvd0NoZXZyb25SaWdodEljb24gc2l6ZT17MjR9IC8+XG4gICAgICAgICAgPC9GbGV4Qm94PlxuICAgICAgICA8L0ZsZXhCb3g+XG4gICAgICA8L0NhcmQ+XG4gICAgPC9TdHlsZWRMaW5rPlxuICApO1xufTtcbiJdfQ== */",
-    toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-  });
-  return /*#__PURE__*/_jsx(StyledLink, {
-    href: url,
-    target: "_blank",
-    children: /*#__PURE__*/_jsx(Card, {
-      isInteractive: true,
-      children: /*#__PURE__*/_jsxs(FlexBox, {
-        gap: 16,
-        height: "100%",
-        children: [/*#__PURE__*/_jsx(Box, {
-          alignContent: "center",
-          bg: "navy",
-          borderRadius: "md",
-          color: "white",
-          height: 80,
-          justifyContent: "center",
-          px: 12,
-          width: 80,
-          children: /*#__PURE__*/_jsx(Text, {
-            fontFamily: "accent",
-            fontSize: 26,
-            lineHeight: "normal",
-            children: upperCase(format(parseJSON(startDate), 'LLL dd'))
-          })
-        }), /*#__PURE__*/_jsxs(FlexBox, {
-          alignItems: "center",
-          gap: 16,
-          justifyContent: "space-between",
-          minWidth: 0,
-          width: "100%",
-          children: [/*#__PURE__*/_jsxs(FlexBox, {
-            flexDirection: "column",
-            gap: 8,
-            minWidth: 0,
-            width: "100%",
-            children: [/*#__PURE__*/_jsx(Text, {
-              as: "h3",
-              fontSize: 22,
-              truncate: "ellipsis",
-              truncateLines: 1,
-              children: title
-            }), /*#__PURE__*/_jsxs(FlexBox, {
-              alignItems: "center",
-              justifyContent: "space-between",
-              children: [/*#__PURE__*/_jsxs(FlexBox, {
-                alignItems: "center",
-                gap: 8,
-                minWidth: 0,
-                children: [/*#__PURE__*/_jsx(ClockIcon, {}), /*#__PURE__*/_jsx(Text, {
-                  fontFamily: "accent",
-                  fontSize: 14,
-                  truncate: "ellipsis",
-                  truncateLines: 1,
-                  children: formatTime(startDate, endDate)
-                })]
-              }), type && /*#__PURE__*/_jsx(FlexBox, {
-                alignItems: "center",
-                gap: 8,
-                minWidth: 0,
-                children: /*#__PURE__*/_jsx(EventTypeIcon, {
-                  eventType: type
-                })
-              })]
-            })]
-          }), /*#__PURE__*/_jsx(ArrowChevronRightIcon, {
-            size: 24
-          })]
-        })]
-      })
-    })
-  });
-};
+import { EventTypeIcon } from "../CommunityEventCard/EventTypeIcon.js";
+import { formatTime } from "../CommunityEventCard/index.js";
+import { Anchor, Box, Card, FlexBox, Text } from "@codecademy/gamut";
+import styled from "@emotion/styled";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { ArrowChevronRightIcon, ClockIcon } from "@codecademy/gamut-icons";
+import { format, parseJSON } from "date-fns";
+import upperCase from "lodash/upperCase";
+
+//#region src/AbbreviatedCommunityEventCard/index.tsx
+const AbbreviatedEventCard = ({ title, startDate, endDate, url, type }) => {
+	return /* @__PURE__ */ jsx(styled(Anchor)`
+    text-decoration: none;
+    &:focus {
+      text-decoration: none;
+    }
+  `, {
+		href: url,
+		target: "_blank",
+		children: /* @__PURE__ */ jsx(Card, {
+			isInteractive: true,
+			children: /* @__PURE__ */ jsxs(FlexBox, {
+				gap: 16,
+				height: "100%",
+				children: [/* @__PURE__ */ jsx(Box, {
+					alignContent: "center",
+					bg: "navy",
+					borderRadius: "md",
+					color: "white",
+					height: 80,
+					justifyContent: "center",
+					px: 12,
+					width: 80,
+					children: /* @__PURE__ */ jsx(Text, {
+						fontFamily: "accent",
+						fontSize: 26,
+						lineHeight: "normal",
+						children: upperCase(format(parseJSON(startDate), "LLL dd"))
+					})
+				}), /* @__PURE__ */ jsxs(FlexBox, {
+					alignItems: "center",
+					gap: 16,
+					justifyContent: "space-between",
+					minWidth: 0,
+					width: "100%",
+					children: [/* @__PURE__ */ jsxs(FlexBox, {
+						flexDirection: "column",
+						gap: 8,
+						minWidth: 0,
+						width: "100%",
+						children: [/* @__PURE__ */ jsx(Text, {
+							as: "h3",
+							fontSize: 22,
+							truncate: "ellipsis",
+							truncateLines: 1,
+							children: title
+						}), /* @__PURE__ */ jsxs(FlexBox, {
+							alignItems: "center",
+							justifyContent: "space-between",
+							children: [/* @__PURE__ */ jsxs(FlexBox, {
+								alignItems: "center",
+								gap: 8,
+								minWidth: 0,
+								children: [/* @__PURE__ */ jsx(ClockIcon, {}), /* @__PURE__ */ jsx(Text, {
+									fontFamily: "accent",
+									fontSize: 14,
+									truncate: "ellipsis",
+									truncateLines: 1,
+									children: formatTime(startDate, endDate)
+								})]
+							}), type && /* @__PURE__ */ jsx(FlexBox, {
+								alignItems: "center",
+								gap: 8,
+								minWidth: 0,
+								children: /* @__PURE__ */ jsx(EventTypeIcon, { eventType: type })
+							})]
+						})]
+					}), /* @__PURE__ */ jsx(ArrowChevronRightIcon, { size: 24 })]
+				})]
+			})
+		})
+	});
+};
+
+//#endregion
+export { AbbreviatedEventCard };

package/dist/AppBar/AppBarSection.cjs

@@ -0,0 +1,40 @@
+const require_rolldown_runtime = require('../_virtual/rolldown_runtime.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/AppBar/AppBarSection.tsx
+const positionVariants = (0, _codecademy_gamut_styles.variant)({
+	prop: "position",
+	base: {
+		display: "flex",
+		alignItems: "center",
+		height: "100%",
+		zIndex: 1
+	},
+	variants: {
+		left: { flex: 1 },
+		right: {
+			flex: 1,
+			justifyContent: "flex-end"
+		},
+		center: {
+			flex: 2,
+			justifyContent: "center",
+			textAlign: "center"
+		}
+	}
+});
+const StyledSection = (0, _emotion_styled.default)("div", _codecademy_gamut_styles.styledOptions)(positionVariants);
+const AppBarSection = ({ position, children }) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(StyledSection, {
+		position,
+		children
+	});
+};
+
+//#endregion
+exports.AppBarSection = AppBarSection;

package/dist/AppBar/AppBarSection.d.cts

@@ -0,0 +1,15 @@
+import { WithChildrenProp } from "@codecademy/gamut";
+import * as React$1 from "react";
+import * as _codecademy_variance_dist_types_config0 from "@codecademy/variance/dist/types/config";
+import * as _emotion_react11 from "@emotion/react";
+import * as _codecademy_variance0 from "@codecademy/variance";
+import { StyleProps } from "@codecademy/variance";
+
+//#region src/AppBar/AppBarSection.d.ts
+declare const positionVariants: (props: _codecademy_variance_dist_types_config0.VariantProps<"position", false | "center" | "left" | "right"> & {
+  theme?: _emotion_react11.Theme;
+}) => _codecademy_variance0.CSSObject;
+interface AppBarSectionProps extends StyleProps<typeof positionVariants>, WithChildrenProp {}
+declare const AppBarSection: React$1.FC<AppBarSectionProps>;
+//#endregion
+export { AppBarSection, AppBarSectionProps };

package/dist/AppBar/AppBarSection.d.ts

@@ -1,10 +1,15 @@
-import { WithChildrenProp } from '@codecademy/gamut';
-import { StyleProps } from '@codecademy/variance';
-import * as React from 'react';
-declare const positionVariants: (props: import("@codecademy/variance/dist/types/config").VariantProps<"position", false | "right" | "left" | "center"> & {
-    theme?: import("@emotion/react").Theme;
-}) => import("@codecademy/variance").CSSObject;
-export interface AppBarSectionProps extends StyleProps<typeof positionVariants>, WithChildrenProp {
-}
-export declare const AppBarSection: React.FC<AppBarSectionProps>;
-export {};
+import { WithChildrenProp } from "@codecademy/gamut";
+import * as React$1 from "react";
+import * as _codecademy_variance0 from "@codecademy/variance";
+import { StyleProps } from "@codecademy/variance";
+import * as _emotion_react8 from "@emotion/react";
+import * as _codecademy_variance_dist_types_config0 from "@codecademy/variance/dist/types/config";
+
+//#region src/AppBar/AppBarSection.d.ts
+declare const positionVariants: (props: _codecademy_variance_dist_types_config0.VariantProps<"position", false | "center" | "left" | "right"> & {
+  theme?: _emotion_react8.Theme;
+}) => _codecademy_variance0.CSSObject;
+interface AppBarSectionProps extends StyleProps<typeof positionVariants>, WithChildrenProp {}
+declare const AppBarSection: React$1.FC<AppBarSectionProps>;
+//#endregion
+export { AppBarSection, AppBarSectionProps };

package/dist/AppBar/AppBarSection.js

@@ -1,41 +1,37 @@
-import _styled from "@emotion/styled/base";
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-import { styledOptions, variant } from '@codecademy/gamut-styles';
-import * as React from 'react';
-import { jsx as _jsx } from "react/jsx-runtime";
+import { styledOptions, variant } from "@codecademy/gamut-styles";
+import styled from "@emotion/styled";
+import "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/AppBar/AppBarSection.tsx
 const positionVariants = variant({
-  prop: 'position',
-  base: {
-    display: 'flex',
-    alignItems: 'center',
-    height: '100%',
-    zIndex: 1
-  },
-  variants: {
-    left: {
-      flex: 1
-    },
-    right: {
-      flex: 1,
-      justifyContent: 'flex-end'
-    },
-    center: {
-      flex: 2,
-      justifyContent: 'center',
-      textAlign: 'center'
-    }
-  }
+	prop: "position",
+	base: {
+		display: "flex",
+		alignItems: "center",
+		height: "100%",
+		zIndex: 1
+	},
+	variants: {
+		left: { flex: 1 },
+		right: {
+			flex: 1,
+			justifyContent: "flex-end"
+		},
+		center: {
+			flex: 2,
+			justifyContent: "center",
+			textAlign: "center"
+		}
+	}
 });
-const StyledSection = /*#__PURE__*/_styled('div', _extends({}, {
-  target: "eszklt40",
-  label: "StyledSection"
-}, styledOptions))(positionVariants, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9BcHBCYXIvQXBwQmFyU2VjdGlvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0NzQiIsImZpbGUiOiIuLi8uLi9zcmMvQXBwQmFyL0FwcEJhclNlY3Rpb24udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgV2l0aENoaWxkcmVuUHJvcCB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0JztcbmltcG9ydCB7IHN0eWxlZE9wdGlvbnMsIHZhcmlhbnQgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1zdHlsZXMnO1xuaW1wb3J0IHsgU3R5bGVQcm9wcyB9IGZyb20gJ0Bjb2RlY2FkZW15L3ZhcmlhbmNlJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCAqIGFzIFJlYWN0IGZyb20gJ3JlYWN0JztcblxuY29uc3QgcG9zaXRpb25WYXJpYW50cyA9IHZhcmlhbnQoe1xuICBwcm9wOiAncG9zaXRpb24nLFxuICBiYXNlOiB7XG4gICAgZGlzcGxheTogJ2ZsZXgnLFxuICAgIGFsaWduSXRlbXM6ICdjZW50ZXInLFxuICAgIGhlaWdodDogJzEwMCUnLFxuICAgIHpJbmRleDogMSxcbiAgfSxcbiAgdmFyaWFudHM6IHtcbiAgICBsZWZ0OiB7XG4gICAgICBmbGV4OiAxLFxuICAgIH0sXG4gICAgcmlnaHQ6IHtcbiAgICAgIGZsZXg6IDEsXG4gICAgICBqdXN0aWZ5Q29udGVudDogJ2ZsZXgtZW5kJyxcbiAgICB9LFxuICAgIGNlbnRlcjoge1xuICAgICAgZmxleDogMixcbiAgICAgIGp1c3RpZnlDb250ZW50OiAnY2VudGVyJyxcbiAgICAgIHRleHRBbGlnbjogJ2NlbnRlcicsXG4gICAgfSxcbiAgfSxcbn0pO1xuXG5leHBvcnQgaW50ZXJmYWNlIEFwcEJhclNlY3Rpb25Qcm9wc1xuICBleHRlbmRzIFN0eWxlUHJvcHM8dHlwZW9mIHBvc2l0aW9uVmFyaWFudHM+LFxuICAgIFdpdGhDaGlsZHJlblByb3Age31cblxuY29uc3QgU3R5bGVkU2VjdGlvbiA9IHN0eWxlZChcbiAgJ2RpdicsXG4gIHN0eWxlZE9wdGlvbnNcbik8QXBwQmFyU2VjdGlvblByb3BzPihwb3NpdGlvblZhcmlhbnRzKTtcblxuZXhwb3J0IGNvbnN0IEFwcEJhclNlY3Rpb246IFJlYWN0LkZDPEFwcEJhclNlY3Rpb25Qcm9wcz4gPSAoe1xuICBwb3NpdGlvbixcbiAgY2hpbGRyZW4sXG59KSA9PiB7XG4gIHJldHVybiA8U3R5bGVkU2VjdGlvbiBwb3NpdGlvbj17cG9zaXRpb259PntjaGlsZHJlbn08L1N0eWxlZFNlY3Rpb24+O1xufTtcbiJdfQ== */");
-export const AppBarSection = ({
-  position,
-  children
-}) => {
-  return /*#__PURE__*/_jsx(StyledSection, {
-    position: position,
-    children: children
-  });
-};
+const StyledSection = styled("div", styledOptions)(positionVariants);
+const AppBarSection = ({ position, children }) => {
+	return /* @__PURE__ */ jsx(StyledSection, {
+		position,
+		children
+	});
+};
+
+//#endregion
+export { AppBarSection };

package/dist/AppBar/index.cjs

@@ -0,0 +1,22 @@
+const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
+let _codecademy_gamut = require("@codecademy/gamut");
+let react = require("react");
+react = require_rolldown_runtime.__toESM(react);
+let react_jsx_runtime = require("react/jsx-runtime");
+
+//#region src/AppBar/index.tsx
+const AppBar = ({ "aria-label": ariaLabel, as, wide, children }) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.ContentContainer, {
+		"aria-label": ariaLabel,
+		as,
+		display: "flex",
+		alignItems: "center",
+		height: "100%",
+		size: wide ? "wide" : "medium",
+		zIndex: 14,
+		children
+	});
+};
+
+//#endregion
+exports.AppBar = AppBar;

package/dist/AppBar/index.d.cts

@@ -0,0 +1,13 @@
+import { ContentContainer, WithChildrenProp } from "@codecademy/gamut";
+import * as React$1 from "react";
+
+//#region src/AppBar/index.d.ts
+interface AppBarProps extends WithChildrenProp, Pick<React$1.ComponentProps<typeof ContentContainer>, 'aria-label' | 'as'> {
+  /**
+   * Whether the container should be larger than the default content size.
+   */
+  wide?: boolean;
+}
+declare const AppBar: React$1.FC<AppBarProps>;
+//#endregion
+export { AppBar, AppBarProps };

package/dist/AppBar/index.d.ts

@@ -1,9 +1,13 @@
-import { ContentContainer, WithChildrenProp } from '@codecademy/gamut';
-import * as React from 'react';
-export interface AppBarProps extends WithChildrenProp, Pick<React.ComponentProps<typeof ContentContainer>, 'aria-label' | 'as'> {
-    /**
-     * Whether the container should be larger than the default content size.
-     */
-    wide?: boolean;
+import { ContentContainer, WithChildrenProp } from "@codecademy/gamut";
+import * as React$1 from "react";
+
+//#region src/AppBar/index.d.ts
+interface AppBarProps extends WithChildrenProp, Pick<React$1.ComponentProps<typeof ContentContainer>, 'aria-label' | 'as'> {
+  /**
+   * Whether the container should be larger than the default content size.
+   */
+  wide?: boolean;
 }
-export declare const AppBar: React.FC<AppBarProps>;
+declare const AppBar: React$1.FC<AppBarProps>;
+//#endregion
+export { AppBar, AppBarProps };

package/dist/AppBar/index.js

@@ -1,20 +1,20 @@
-import { ContentContainer } from '@codecademy/gamut';
-import * as React from 'react';
-import { jsx as _jsx } from "react/jsx-runtime";
-export const AppBar = ({
-  'aria-label': ariaLabel,
-  as,
-  wide,
-  children
-}) => {
-  return /*#__PURE__*/_jsx(ContentContainer, {
-    "aria-label": ariaLabel,
-    as: as,
-    display: "flex",
-    alignItems: "center",
-    height: "100%",
-    size: wide ? 'wide' : 'medium',
-    zIndex: 14,
-    children: children
-  });
-};
+import { ContentContainer } from "@codecademy/gamut";
+import "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/AppBar/index.tsx
+const AppBar = ({ "aria-label": ariaLabel, as, wide, children }) => {
+	return /* @__PURE__ */ jsx(ContentContainer, {
+		"aria-label": ariaLabel,
+		as,
+		display: "flex",
+		alignItems: "center",
+		height: "100%",
+		size: wide ? "wide" : "medium",
+		zIndex: 14,
+		children
+	});
+};
+
+//#endregion
+export { AppBar };

package/dist/AppBarDeprecated/AppBarSectionDeprecated.cjs

@@ -0,0 +1,26 @@
+const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
+const require_index_module = require('./styles/index.module.cjs');
+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);
+
+//#region src/AppBarDeprecated/AppBarSectionDeprecated.tsx
+/**
+* @deprecated use `<AppBarSection>` instead
+* this component still exists since `<Footer>` in le-shared uses classnames
+*/
+const AppBarSectionDeprecated = ({ position, className, children }) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		className: (0, classnames.default)(require_index_module.default.section, {
+			[require_index_module.default.sectionRight]: position === "right",
+			[require_index_module.default.sectionLeft]: position === "left",
+			[require_index_module.default.sectionCenter]: position === "center"
+		}, className),
+		children
+	});
+};
+
+//#endregion
+exports.AppBarSectionDeprecated = AppBarSectionDeprecated;

package/dist/AppBarDeprecated/AppBarSectionDeprecated.d.cts

@@ -0,0 +1,18 @@
+import { WithChildrenProp } from "@codecademy/gamut";
+import * as React$1 from "react";
+
+//#region src/AppBarDeprecated/AppBarSectionDeprecated.d.ts
+interface AppBarSectionPropsDeprecated extends WithChildrenProp {
+  /**
+   * Position of the the section within the AppBar.
+   */
+  position?: 'left' | 'center' | 'right';
+  className?: string;
+}
+/**
+ * @deprecated use `<AppBarSection>` instead
+ * this component still exists since `<Footer>` in le-shared uses classnames
+ */
+declare const AppBarSectionDeprecated: React$1.FC<AppBarSectionPropsDeprecated>;
+//#endregion
+export { AppBarSectionDeprecated, AppBarSectionPropsDeprecated };