matrix-design-system 1.0.0 → 1.1.1

package/dist/hooks/use-scroll-direction.d.mts

@@ -1,8 +1,7 @@
 //#region src/hooks/use-scroll-direction.d.ts
-declare enum ScrollDirection {
+export declare enum ScrollDirection {
   up = "up",
   down = "down"
 }
-declare const useScrollDirection: () => ScrollDirection;
-//#endregion
-export { ScrollDirection, useScrollDirection };
+export declare const useScrollDirection: () => ScrollDirection;
+//#endregion

package/dist/hooks/use-typewriter.d.mts

@@ -1,7 +1,7 @@
 //#region src/hooks/use-typewriter.d.ts
 interface TypewriterLine {
   text: string;
-  type?: 'normal' | 'error' | 'success' | 'quote';
+  type?: "normal" | "error" | "success" | "quote";
   delay?: number;
 }
 interface TypewriterState {
@@ -10,6 +10,5 @@ interface TypewriterState {
   currentText: string;
   isComplete: boolean;
 }
-declare const useTypewriter: (lines: TypewriterLine[], speed?: number, shouldStart?: boolean) => TypewriterState;
-//#endregion
-export { useTypewriter };
+export declare const useTypewriter: (lines: TypewriterLine[], speed?: number, shouldStart?: boolean) => TypewriterState;
+//#endregion

package/dist/hooks/use-webgpu-supported.d.mts

@@ -1,4 +1,3 @@
 //#region src/hooks/use-webgpu-supported.d.ts
-declare const useWebGpuSupported: () => boolean | null;
-//#endregion
-export { useWebGpuSupported };
+export declare const useWebGpuSupported: () => boolean | null;
+//#endregion

package/dist/molecules/accordion/accordion/accordion.d.mts

@@ -7,6 +7,5 @@ interface AccordionProps {
   className?: string;
   onToggle?: () => void;
 }
-declare const Accordion: FC<AccordionProps>;
-//#endregion
-export { Accordion };
+export declare const Accordion: FC<AccordionProps>;
+//#endregion

package/dist/molecules/breadcrumbs/breadcrumb/breadcrumb.d.mts

@@ -2,7 +2,7 @@ import { LinkComponent } from "../../../atoms/links/anchor-link/anchor-link.mjs"
 import "../../../atoms/links/anchor-link/index.mjs";
 import { FC } from "react";
 //#region src/molecules/breadcrumbs/breadcrumb/breadcrumb.d.ts
-type BreadcrumbItem = {
+export type BreadcrumbItem = {
   label: string;
   href: string;
   isCurrent: false;
@@ -12,10 +12,9 @@ type BreadcrumbItem = {
   href: string;
   isCurrent: true;
 };
-interface BreadcrumbProps {
+export interface BreadcrumbProps {
   items: BreadcrumbItem[];
   linkComponent?: LinkComponent;
 }
-declare const Breadcrumb: FC<BreadcrumbProps>;
-//#endregion
-export { Breadcrumb, BreadcrumbItem, BreadcrumbProps };
+export declare const Breadcrumb: FC<BreadcrumbProps>;
+//#endregion

package/dist/molecules/breadcrumbs/breadcrumb/breadcrumb.mjs

@@ -17,7 +17,7 @@ const BreadcrumbContent = (t0) => {
 			children: /* @__PURE__ */ jsxs("li", {
 				className: "flex min-w-0 items-center",
 				children: [/* @__PURE__ */ jsx("span", {
-					className: "text-secondary text-sm mr-1.5 shrink-0 select-none",
+					className: "text-secondary mr-1.5 shrink-0 text-sm select-none",
 					"aria-hidden": "true",
 					children: /* @__PURE__ */ jsx(IoMdArrowRoundBack, {})
 				}), /* @__PURE__ */ jsx(InternalLink, {
@@ -40,7 +40,7 @@ const BreadcrumbContent = (t0) => {
 			t3 = (item, index) => /* @__PURE__ */ jsxs("li", {
 				className: `flex items-center text-sm ${item.isCurrent ? "min-w-0 shrink" : "shrink-0"}`,
 				children: [index > 0 && /* @__PURE__ */ jsx("span", {
-					className: "text-secondary text-sm mx-1.5 shrink-0 select-none",
+					className: "text-secondary mx-1.5 shrink-0 text-sm select-none",
 					"aria-hidden": "true",
 					children: ">"
 				}), item.isCurrent ? /* @__PURE__ */ jsx("span", {
@@ -51,7 +51,7 @@ const BreadcrumbContent = (t0) => {
 					linkComponent,
 					to: item.href,
 					onClick: item.onClick,
-					className: "block truncate py-2 whitespace-nowrap text-sm",
+					className: "block truncate py-2 text-sm whitespace-nowrap",
 					children: item.label
 				})]
 			}, item.href);
@@ -66,7 +66,7 @@ const BreadcrumbContent = (t0) => {
 	let t3;
 	if ($[8] !== t2) {
 		t3 = /* @__PURE__ */ jsx("ol", {
-			className: "hidden min-w-0 flex-row flex-nowrap items-center overflow-hidden sm:flex text-sm",
+			className: "hidden min-w-0 flex-row flex-nowrap items-center overflow-hidden text-sm sm:flex",
 			children: t2
 		});
 		$[8] = t2;
@@ -113,7 +113,7 @@ const Breadcrumb = (t0) => {
 		$[6] = t2;
 	} else t2 = $[6];
 	const t3 = !isVisible;
-	const t4 = `${glassmorphismClass} container-fixed fixed top-17 sm:top-19 right-0 left-0 z-55 px-3 py-1 font-mono text-sm`;
+	const t4 = `${glassmorphismClass} container-fixed fixed top-17 right-0 left-0 z-55 px-3 py-1 font-mono text-sm sm:top-19`;
 	const t5 = isVisible ? 0 : -200;
 	const t6 = isVisible ? "auto" : "none";
 	let t7;

package/dist/molecules/buttons/pagination-navigation/pagination-navigation.d.mts

@@ -1,11 +1,10 @@
 import { FC } from "react";
 //#region src/molecules/buttons/pagination-navigation/pagination-navigation.d.ts
-interface PageNavigationProps {
+export interface PageNavigationProps {
   previousPageUrl: string | undefined;
   onPreviousClick?: () => void;
   nextPageUrl: string | undefined;
   onNextClick?: () => void;
 }
-declare const PaginationNavigation: FC<PageNavigationProps>;
-//#endregion
-export { PageNavigationProps, PaginationNavigation };
+export declare const PaginationNavigation: FC<PageNavigationProps>;
+//#endregion

package/dist/molecules/buttons/pills-buttons/pills-buttons.d.mts

@@ -4,7 +4,6 @@ type PillProps = PropsWithChildren<{
   onClick: () => void;
   disabled?: boolean;
 }>;
-declare const RedPillButton: FC<PillProps>;
-declare const BluePillButton: FC<PillProps>;
-//#endregion
-export { BluePillButton, RedPillButton };
+export declare const RedPillButton: FC<PillProps>;
+export declare const BluePillButton: FC<PillProps>;
+//#endregion

package/dist/molecules/buttons/pills-buttons/pills-buttons.mjs

@@ -15,7 +15,7 @@ const RedPillButton = (t0) => {
 	let t2;
 	if ($[2] !== disabled || $[3] !== onClick || $[4] !== t1) {
 		t2 = /* @__PURE__ */ jsx("button", {
-			className: "bg-transparent border-none cursor-pointer p-0",
+			className: "cursor-pointer border-none bg-transparent p-0",
 			onClick,
 			disabled,
 			children: t1
@@ -39,7 +39,7 @@ const BluePillButton = (t0) => {
 	let t2;
 	if ($[2] !== disabled || $[3] !== onClick || $[4] !== t1) {
 		t2 = /* @__PURE__ */ jsx("button", {
-			className: "bg-transparent border-none cursor-pointer p-0",
+			className: "cursor-pointer border-none bg-transparent p-0",
 			onClick,
 			disabled,
 			children: t1

package/dist/molecules/buttons/segmented-control/segmented-control.d.mts

@@ -1,5 +1,5 @@
 //#region src/molecules/buttons/segmented-control/segmented-control.d.ts
-type SegmentOption<T extends string> = {
+export type SegmentOption<T extends string> = {
   label: string;
   value: T;
 };
@@ -8,6 +8,5 @@ type SegmentedControlProps<T extends string> = {
   value: T;
   onChange: (value: T) => void;
 };
-declare const SegmentedControl: <T extends string>({ options, value, onChange }: SegmentedControlProps<T>) => import("react/jsx-runtime").JSX.Element;
-//#endregion
-export { SegmentOption, SegmentedControl };
+export declare const SegmentedControl: <T extends string>({ options, value, onChange }: SegmentedControlProps<T>) => import("react").JSX.Element;
+//#endregion

package/dist/molecules/buttons/segmented-control/segmented-control.mjs

@@ -17,7 +17,7 @@ const SegmentedControl = (t0) => {
 				const isActive = option.value === value;
 				return /* @__PURE__ */ jsx("button", {
 					onClick: triggerChange(option.value),
-					className: `cursor-pointer rounded-full px-5 py-2 text-sm font-medium transition-all duration-200 border-none ${isActive ? "bg-accent text-text-above-primary" : "hover:bg-white/10"}`,
+					className: `cursor-pointer rounded-full border-none px-5 py-2 text-sm font-medium transition-all duration-200 ${isActive ? "bg-accent text-text-above-primary" : "hover:bg-white/10"}`,
 					children: option.label
 				}, option.value);
 			};
@@ -34,7 +34,7 @@ const SegmentedControl = (t0) => {
 	let t2;
 	if ($[7] !== t1) {
 		t2 = /* @__PURE__ */ jsx(GlassmorphismBackground, {
-			className: "rounded-full p-1! gap-1",
+			className: "gap-1 rounded-full p-1!",
 			children: t1
 		});
 		$[7] = t1;

package/dist/molecules/buttons/social-contact/social-contact.d.mts

@@ -1,10 +1,9 @@
 import { FC, ReactElement } from "react";
 //#region src/molecules/buttons/social-contact/social-contact.d.ts
-interface SocialContactProps {
+export interface SocialContactProps {
   link: string;
   onClick?: () => void;
   icon: ReactElement;
 }
-declare const SocialContact: FC<SocialContactProps>;
-//#endregion
-export { SocialContact, SocialContactProps };
+export declare const SocialContact: FC<SocialContactProps>;
+//#endregion

package/dist/molecules/buttons/tag/tag.d.mts

@@ -5,13 +5,12 @@ import { FC } from "react";
 interface TagContentProps {
   big: boolean;
 }
-type TagProps = TagContentProps & {
+export type TagProps = TagContentProps & {
   link: string;
   tag: string;
   prefetch?: PrefetchStrategy;
   onClick?: () => void;
   linkComponent?: LinkComponent;
 };
-declare const Tag: FC<TagProps>;
-//#endregion
-export { Tag, TagProps };
+export declare const Tag: FC<TagProps>;
+//#endregion

package/dist/molecules/buttons/terminal-button/terminal-button.d.mts

@@ -2,7 +2,7 @@ import { LinkComponent } from "../../../atoms/links/anchor-link/anchor-link.mjs"
 import "../../../atoms/links/anchor-link/index.mjs";
 import { FC } from "react";
 //#region src/molecules/buttons/terminal-button/terminal-button.d.ts
-interface TerminalButtonProps {
+export interface TerminalButtonProps {
   label: string;
   to?: string;
   onClick?: () => void;
@@ -10,6 +10,5 @@ interface TerminalButtonProps {
   ariaExpanded?: boolean;
   linkComponent?: LinkComponent;
 }
-declare const TerminalButton: FC<TerminalButtonProps>;
-//#endregion
-export { TerminalButton, TerminalButtonProps };
+export declare const TerminalButton: FC<TerminalButtonProps>;
+//#endregion

package/dist/molecules/buttons/terminal-button/terminal-button.mjs

@@ -19,7 +19,7 @@ const TerminalButton = ({ label, to, onClick, className, ariaExpanded, linkCompo
 			onClick,
 			className: "font-mono text-lg no-underline hover:no-underline",
 			children: /* @__PURE__ */ jsx("span", {
-				className: "text-shadow-sm text-accent",
+				className: "text-accent text-shadow-sm",
 				children: /* @__PURE__ */ jsx(TerminalContent, { label })
 			})
 		})
@@ -29,7 +29,7 @@ const TerminalButton = ({ label, to, onClick, className, ariaExpanded, linkCompo
 		"aria-expanded": ariaExpanded,
 		className: buttonClassName,
 		children: /* @__PURE__ */ jsx("span", {
-			className: "font-mono text-lg text-shadow-sm text-accent",
+			className: "text-accent font-mono text-lg text-shadow-sm",
 			children: /* @__PURE__ */ jsx(TerminalContent, { label })
 		})
 	});

package/dist/molecules/chart/chart-panel/chart-panel.d.mts

@@ -1,9 +1,8 @@
 import { FC, PropsWithChildren } from "react";
 //#region src/molecules/chart/chart-panel/chart-panel.d.ts
-interface ChartPanelProps {
+export interface ChartPanelProps {
   title?: string;
   description?: string;
 }
-declare const ChartPanel: FC<PropsWithChildren<ChartPanelProps>>;
-//#endregion
-export { ChartPanel, ChartPanelProps };
+export declare const ChartPanel: FC<PropsWithChildren<ChartPanelProps>>;
+//#endregion

package/dist/molecules/chart/chart-tooltip/chart-tooltip.d.mts

@@ -1,8 +1,7 @@
 import { TooltipContentProps } from "recharts";
 //#region src/molecules/chart/chart-tooltip/chart-tooltip.d.ts
-interface ChartTooltipProps extends Partial<TooltipContentProps> {
+export interface ChartTooltipProps extends Partial<TooltipContentProps> {
   labelPrefix?: string;
 }
-declare const ChartTooltip: ({ active, payload, label, labelPrefix }: ChartTooltipProps) => import("react/jsx-runtime").JSX.Element | null;
-//#endregion
-export { ChartTooltip, ChartTooltipProps };
+export declare const ChartTooltip: ({ active, payload, label, labelPrefix }: ChartTooltipProps) => import("react").JSX.Element | null;
+//#endregion

package/dist/molecules/chart/donut-chart/donut-chart.d.mts

@@ -1,6 +1,6 @@
 import { FC } from "react";
 //#region src/molecules/chart/donut-chart/donut-chart.d.ts
-interface DonutDatum {
+export interface DonutDatum {
   label: string;
   value: number;
 }
@@ -10,6 +10,5 @@ interface DonutChartProps {
   centerLabel?: string;
   centerSublabel?: string;
 }
-declare const DonutChart: FC<DonutChartProps>;
-//#endregion
-export { DonutChart, DonutDatum };
+export declare const DonutChart: FC<DonutChartProps>;
+//#endregion

package/dist/molecules/chart/donut-chart/donut-chart.mjs

@@ -62,7 +62,7 @@ const DonutChart = (t0) => {
 		t5 = centerLabel && /* @__PURE__ */ jsxs("div", {
 			className: "pointer-events-none absolute inset-0 flex flex-col items-center justify-center text-center",
 			children: [/* @__PURE__ */ jsx("span", {
-				className: "text-accent text-shadow-md text-lg font-bold tabular-nums",
+				className: "text-accent text-lg font-bold tabular-nums text-shadow-md",
 				children: centerLabel
 			}), centerSublabel && /* @__PURE__ */ jsx("span", {
 				className: "text-secondary text-xs",

package/dist/molecules/containers/content-container/content-container.d.mts

@@ -1,5 +1,4 @@
 import { FC, PropsWithChildren } from "react";
 //#region src/molecules/containers/content-container/content-container.d.ts
-declare const ContentContainer: FC<PropsWithChildren>;
-//#endregion
-export { ContentContainer };
+export declare const ContentContainer: FC<PropsWithChildren>;
+//#endregion

package/dist/molecules/containers/content-container/content-container.mjs

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 //#region src/molecules/containers/content-container/content-container.tsx
 const ContentContainer = ({ children }) => /* @__PURE__ */ jsx("div", {
-	className: "container-fixed flex-1 basis-auto mt-13 mb-8",
+	className: "container-fixed mt-13 mb-8 flex-1 basis-auto",
 	children
 });
 //#endregion

package/dist/molecules/controls/control-slider/control-slider.d.mts

@@ -9,6 +9,5 @@ interface ControlSliderProps {
   onChange: (v: number) => void;
   displayValue?: string;
 }
-declare const ControlSlider: FC<ControlSliderProps>;
-//#endregion
-export { ControlSlider };
+export declare const ControlSlider: FC<ControlSliderProps>;
+//#endregion

package/dist/molecules/controls/control-slider/control-slider.mjs

@@ -28,7 +28,7 @@ const ControlSlider = (t0) => {
 	let t4;
 	if ($[4] !== t1 || $[5] !== t3) {
 		t4 = /* @__PURE__ */ jsxs("div", {
-			className: "flex justify-between items-center",
+			className: "flex items-center justify-between",
 			children: [t1, t3]
 		});
 		$[4] = t1;
@@ -51,7 +51,7 @@ const ControlSlider = (t0) => {
 			step,
 			value,
 			onChange: t5,
-			className: "w-full accent-accent cursor-pointer"
+			className: "accent-accent w-full cursor-pointer"
 		});
 		$[10] = max;
 		$[11] = min;

package/dist/molecules/effects/matrix-background/matrix-background.d.mts

@@ -3,6 +3,5 @@ import { FC, ReactNode } from "react";
 interface ContainerFullscreenWithMatrixProps {
   children: ReactNode;
 }
-declare const MatrixBackground: FC<ContainerFullscreenWithMatrixProps>;
-//#endregion
-export { MatrixBackground };
+export declare const MatrixBackground: FC<ContainerFullscreenWithMatrixProps>;
+//#endregion

package/dist/molecules/effects/matrix-background/matrix-background.mjs

@@ -2,12 +2,12 @@ import { MatrixRain } from "../../../atoms/effects/matrix-rain/matrix-rain/matri
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/molecules/effects/matrix-background/matrix-background.tsx
 const MatrixBackground = ({ children }) => /* @__PURE__ */ jsxs("div", {
-	className: "relative flex flex-col justify-center items-center h-dvh min-h-dvh w-full",
+	className: "relative flex h-dvh min-h-dvh w-full flex-col items-center justify-center",
 	children: [/* @__PURE__ */ jsx("div", {
-		className: "absolute top-0 left-0 w-full h-full overflow-hidden",
+		className: "absolute top-0 left-0 h-full w-full overflow-hidden",
 		children: /* @__PURE__ */ jsx(MatrixRain, {})
 	}), /* @__PURE__ */ jsx("div", {
-		className: "relative z-10 flex flex-col justify-center items-center h-full w-full snap-start",
+		className: "relative z-10 flex h-full w-full snap-start flex-col items-center justify-center",
 		children
 	})]
 });

package/dist/molecules/effects/matrix-header-background/matrix-header-background.d.mts

@@ -3,6 +3,5 @@ import { FC } from "react";
 interface MatrixHeaderBackgroundProps {
   big: boolean;
 }
-declare const MatrixHeaderBackground: FC<MatrixHeaderBackgroundProps>;
-//#endregion
-export { MatrixHeaderBackground };
+export declare const MatrixHeaderBackground: FC<MatrixHeaderBackgroundProps>;
+//#endregion

package/dist/molecules/effects/matrix-header-background/matrix-header-background.mjs

@@ -3,9 +3,9 @@ import { jsx } from "react/jsx-runtime";
 //#region src/molecules/effects/matrix-header-background/matrix-header-background.tsx
 const MatrixHeaderBackground = ({ big }) => {
 	return /* @__PURE__ */ jsx("div", {
-		className: `absolute -z-10 ${big ? "h-[350px] sm:h-[400px] md:h-[500px]" : "h-[240px] sm:h-[250px] md:h-[270px]"} top-0 left-0 right-0 overflow-hidden border-b-2 border-solid border-accent shadow-lg`,
+		className: `absolute -z-10 ${big ? "h-[350px] sm:h-[400px] md:h-[500px]" : "h-[240px] sm:h-[250px] md:h-[270px]"} border-accent top-0 right-0 left-0 overflow-hidden border-b-2 border-solid shadow-lg`,
 		children: /* @__PURE__ */ jsx("div", {
-			className: "absolute top-0 left-0 right-0 bottom-0 remove-scroll-width",
+			className: "remove-scroll-width absolute top-0 right-0 bottom-0 left-0",
 			children: /* @__PURE__ */ jsx(MatrixRain, {})
 		})
 	});

package/dist/molecules/effects/matrix-terminal/matrix-terminal.d.mts

@@ -10,6 +10,5 @@ interface MatrixTerminalProps {
   onComplete?: () => void;
   widthClassName?: string;
 }
-declare const MatrixTerminal: FC<MatrixTerminalProps>;
-//#endregion
-export { MatrixTerminal };
+export declare const MatrixTerminal: FC<MatrixTerminalProps>;
+//#endregion

package/dist/molecules/effects/matrix-terminal/matrix-terminal.mjs

@@ -29,7 +29,7 @@ const MatrixTerminal = (t0) => {
 	const { state } = useMatrixTerminalStore(lines, onComplete);
 	const { containerRef, completedLines, currentLine, currentText } = state;
 	const { glassmorphismClass } = useGlassmorphism();
-	const t2 = `${glassmorphismClass} ${widthClassName} p-4 min-h-[150px] sm:min-h-[200px]`;
+	const t2 = `${glassmorphismClass} ${widthClassName} min-h-[150px] p-4 sm:min-h-[200px]`;
 	let t3;
 	let t4;
 	let t5;

package/dist/molecules/form/filter-input/filter-input.d.mts

@@ -1,10 +1,9 @@
 import { ChangeEvent, FC } from "react";
 //#region src/molecules/form/filter-input/filter-input.d.ts
-interface FilterInputProps {
+export interface FilterInputProps {
   value: string;
   onChange: (e: ChangeEvent<HTMLInputElement>) => void;
   placeholder?: string;
 }
-declare const FilterInput: FC<FilterInputProps>;
-//#endregion
-export { FilterInput, FilterInputProps };
+export declare const FilterInput: FC<FilterInputProps>;
+//#endregion

package/dist/molecules/form/form-error-summary/form-error-summary.d.mts

@@ -1,10 +1,9 @@
 import { FC } from "react";
 //#region src/molecules/form/form-error-summary/form-error-summary.d.ts
-interface FormErrorSummaryProps {
+export interface FormErrorSummaryProps {
   errorsList?: Record<string, string>;
   errorName?: string;
   show: boolean;
 }
-declare const FormErrorSummary: FC<FormErrorSummaryProps>;
-//#endregion
-export { FormErrorSummary, FormErrorSummaryProps };
+export declare const FormErrorSummary: FC<FormErrorSummaryProps>;
+//#endregion

package/dist/molecules/form/form-field/form-field.d.mts

@@ -1,10 +1,9 @@
 import { FC, InputHTMLAttributes, ReactElement } from "react";
 //#region src/molecules/form/form-field/form-field.d.ts
-interface FormFieldProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "className"> {
+export interface FormFieldProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "className"> {
   label: string;
   icon: ReactElement;
   hasError?: boolean;
 }
-declare const FormField: FC<FormFieldProps>;
-//#endregion
-export { FormField, FormFieldProps };
+export declare const FormField: FC<FormFieldProps>;
+//#endregion

package/dist/molecules/form/form-success-message/form-success-message.d.mts

@@ -1,8 +1,7 @@
 import { FC } from "react";
 //#region src/molecules/form/form-success-message/form-success-message.d.ts
-interface FormSuccessMessageProps {
+export interface FormSuccessMessageProps {
   message: string;
 }
-declare const FormSuccessMessage: FC<FormSuccessMessageProps>;
-//#endregion
-export { FormSuccessMessage, FormSuccessMessageProps };
+export declare const FormSuccessMessage: FC<FormSuccessMessageProps>;
+//#endregion

package/dist/molecules/form/form-success-message/form-success-message.mjs

@@ -2,7 +2,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { BiCheckCircle } from "react-icons/bi";
 //#region src/molecules/form/form-success-message/form-success-message.tsx
 const FormSuccessMessage = ({ message }) => /* @__PURE__ */ jsx("div", {
-	className: "glow-container rounded-lg border border-accent-color bg-accent-color/10 p-6",
+	className: "glow-container border-accent-color bg-accent-color/10 rounded-lg border p-6",
 	children: /* @__PURE__ */ jsxs("div", {
 		className: "flex items-center gap-4",
 		children: [/* @__PURE__ */ jsx(BiCheckCircle, {
@@ -11,7 +11,7 @@ const FormSuccessMessage = ({ message }) => /* @__PURE__ */ jsx("div", {
 		}), /* @__PURE__ */ jsx("div", {
 			className: "flex flex-col gap-2",
 			children: /* @__PURE__ */ jsx("p", {
-				className: "text-accent text-lg font-bold leading-relaxed",
+				className: "text-accent text-lg leading-relaxed font-bold",
 				children: message
 			})
 		})]

package/dist/molecules/form/form-textarea/form-textarea.d.mts

@@ -1,10 +1,9 @@
 import { FC, ReactElement, TextareaHTMLAttributes } from "react";
 //#region src/molecules/form/form-textarea/form-textarea.d.ts
-interface FormTextareaProps extends Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, "className"> {
+export interface FormTextareaProps extends Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, "className"> {
   label: string;
   icon: ReactElement;
   hasError?: boolean;
 }
-declare const FormTextarea: FC<FormTextareaProps>;
-//#endregion
-export { FormTextarea, FormTextareaProps };
+export declare const FormTextarea: FC<FormTextareaProps>;
+//#endregion

package/dist/molecules/lightbox-image/lightbox-image.d.mts

@@ -1,6 +1,5 @@
 import { ComponentPropsWithoutRef, FC } from "react";
 //#region src/molecules/lightbox-image/lightbox-image.d.ts
 type LightboxImageProps = ComponentPropsWithoutRef<"img">;
-declare const LightboxImage: FC<LightboxImageProps>;
-//#endregion
-export { LightboxImage };
+export declare const LightboxImage: FC<LightboxImageProps>;
+//#endregion

package/dist/molecules/links/pills-links/pills-links.d.mts

@@ -2,12 +2,11 @@ import { LinkComponent } from "../../../atoms/links/anchor-link/anchor-link.mjs"
 import "../../../atoms/links/anchor-link/index.mjs";
 import { FC, PropsWithChildren } from "react";
 //#region src/molecules/links/pills-links/pills-links.d.ts
-type PillProps = PropsWithChildren<{
+export type PillProps = PropsWithChildren<{
   to: string;
   onClick?: () => void;
   linkComponent?: LinkComponent;
 }>;
-declare const RedPillLink: FC<PillProps>;
-declare const BluePillLink: FC<PillProps>;
-//#endregion
-export { BluePillLink, PillProps, RedPillLink };
+export declare const RedPillLink: FC<PillProps>;
+export declare const BluePillLink: FC<PillProps>;
+//#endregion

package/dist/molecules/menu/close/close.d.mts

@@ -3,6 +3,5 @@ import { FC } from "react";
 interface CloseProps {
   onClick: () => void;
 }
-declare const Close: FC<CloseProps>;
-//#endregion
-export { Close };
+export declare const Close: FC<CloseProps>;
+//#endregion

package/dist/molecules/menu/close/close.mjs

@@ -2,7 +2,7 @@ import { jsx } from "react/jsx-runtime";
 import { BiX } from "react-icons/bi";
 //#region src/molecules/menu/close/close.tsx
 const Close = ({ onClick }) => /* @__PURE__ */ jsx(BiX, {
-	className: "size-9 text-primary-text",
+	className: "text-primary-text size-9",
 	onClick
 });
 //#endregion

package/dist/molecules/menu/dropdown-menu/dropdown-menu.d.mts

@@ -13,13 +13,12 @@ interface DropdownMenuGroup {
   label: string;
   items: DropdownMenuItem[];
 }
-interface DropdownMenuProps {
+export interface DropdownMenuProps {
   linkComponent?: LinkComponent;
   label: string;
   items: DropdownMenuGroup[];
   className?: string;
   chevronClassName?: string;
 }
-declare const DropdownMenu: FC<DropdownMenuProps>;
-//#endregion
-export { DropdownMenu, DropdownMenuProps };
+export declare const DropdownMenu: FC<DropdownMenuProps>;
+//#endregion

package/dist/molecules/menu/dropdown-menu/dropdown-menu.mjs

@@ -64,7 +64,7 @@ const DropdownMenu = (t0) => {
 			id: panelId,
 			"aria-label": label,
 			role: "list",
-			className: `glow-container ${shouldReduceMotions ? "xs:bg-general-background" : "xs:bg-general-background/90"} relative mt-2 min-w-max list-none m-0 p-0 rounded-xl py-2 xs:absolute xs:right-0 xs:left-0 xs:w-60`,
+			className: `glow-container ${shouldReduceMotions ? "xs:bg-general-background" : "xs:bg-general-background/90"} xs:absolute xs:right-0 xs:left-0 xs:w-60 relative m-0 mt-2 min-w-max list-none rounded-xl p-0 py-2`,
 			tabIndex: -1,
 			children: items.map((group_0, idx) => {
 				const groupId = getGroupId(idx);
@@ -77,13 +77,13 @@ const DropdownMenu = (t0) => {
 						}),
 						/* @__PURE__ */ jsx("span", {
 							id: groupId,
-							className: "text-secondary-text block px-4 pt-3 pb-1 text-sm font-bold uppercase tracking-wider cursor-default select-none",
+							className: "text-secondary-text block cursor-default px-4 pt-3 pb-1 text-sm font-bold tracking-wider uppercase select-none",
 							children: group_0.label
 						}),
 						/* @__PURE__ */ jsx("ul", {
 							"aria-labelledby": groupId,
 							role: "list",
-							className: "list-none m-0 p-0",
+							className: "m-0 list-none p-0",
 							children: group_0.items.map((item_0, itemIdx) => /* @__PURE__ */ jsx("li", {
 								className: "mb-0 pl-0 before:content-none",
 								children: /* @__PURE__ */ jsx(MenuItem, {