matrix-design-system 1.1.0 → 2.0.0

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/index.d.mts

@@ -109,10 +109,10 @@ import "./molecules/video/self-hosted-video/index.mjs";
 import { Youtube } from "./molecules/video/youtube/youtube.mjs";
 import "./molecules/video/youtube/index.mjs";
 import { CookieConsentBanner } from "./organism/cookie-consent-banner/cookie-consent-banner.mjs";
-import { FooterNavTrackingCallbacks, FooterSocialTrackingCallbacks } from "./organism/footer/use-footer-store.mjs";
+import { FooterSocialTrackingCallbacks } from "./organism/footer/use-footer-store.mjs";
 import { SocialContactLinks, SocialContacts, SocialContactsProps } from "./organism/social-contacts/social-contacts.mjs";
 import "./organism/social-contacts/index.mjs";
-import { Footer, FooterNavHrefs, FooterProps } from "./organism/footer/footer.mjs";
+import { Footer, FooterLink, FooterProps } from "./organism/footer/footer.mjs";
 import "./organism/footer/index.mjs";
 import { BrandHeader, BrandHeaderProps } from "./organism/header/brand-header/brand-header.mjs";
 import "./organism/header/brand-header/index.mjs";
@@ -121,9 +121,7 @@ import "./organism/image-carousel/index.mjs";
 import { Lightbox } from "./organism/lightbox/lightbox.mjs";
 import "./organism/lightbox/index.mjs";
 import { LoadingBar } from "./organism/loading-bar/loading-bar.mjs";
-import { OsModifierKey, useOsModifierKey } from "./hooks/use-os-modifier-key.mjs";
-import { MenuTrackingCallbacks } from "./organism/menu/use-menu-store.mjs";
-import { Menu, MenuNavHrefs, MenuProps } from "./organism/menu/menu.mjs";
+import { Menu, MenuDropdown, MenuEntry, MenuGroup, MenuLink, MenuProps } from "./organism/menu/menu.mjs";
 import "./organism/menu/index.mjs";
 import { ProfileHero, ProfileHeroProps } from "./organism/profile-hero/profile-hero.mjs";
 import "./organism/profile-hero/index.mjs";
@@ -141,6 +139,7 @@ import { useLockBodyScroll } from "./hooks/use-lock-body-scroll.mjs";
 import { MATRIX_RAIN_DEFAULTS, MATRIX_RAIN_PRESETS, MatrixRainProps, MatrixRainSettings, matrixSettingsChangeEvent, readMatrixSettings, settingsToProps, writeMatrixSettings } from "./state/matrix-rain/matrix-settings.mjs";
 import { useMatrixSettingsStore } from "./hooks/use-matrix-settings-store.mjs";
 import { useMotionStore } from "./hooks/use-motion-store.mjs";
+import { OsModifierKey, useOsModifierKey } from "./hooks/use-os-modifier-key.mjs";
 import { useReadingProgress } from "./hooks/use-reading-progress.mjs";
 import { useReducedMotions } from "./hooks/use-reduced-motions.mjs";
 import { ScrollDirection, useScrollDirection } from "./hooks/use-scroll-direction.mjs";
@@ -150,4 +149,4 @@ import { CommandPaletteClose, CommandPaletteContext } from "./state/command-pale
 import { closeCommandPalette, commandPaletteCloseEvent, commandPaletteOpenEvent, openCommandPalette } from "./state/command-palette/command-palette-events.mjs";
 import { LightboxOpenDetail, lightboxOpenEvent, openLightbox } from "./state/lightbox/lightbox-events.mjs";
 import { hasMotion, motionChangeEvent, writeMotion } from "./state/motion/motion.mjs";
-export { Accordion, AnchorLink, BluePill, BluePillButton, BluePillLink, BrandHeader, type BrandHeaderProps, Breadcrumb, type BreadcrumbItem, type BreadcrumbProps, Button, CallToActionExternalWithTracking, CallToActionInternalWithTracking, type CallToActionInternalWithTrackingProps, ChatIcon, Chip, type ChipProps, Close, CommandPaletteClose, CommandPaletteContext, CommandPaletteTrigger, ContentContainer, ContentProgressBar, ControlSlider, CookieConsentBanner, CopiedIcon, CopyErrorIcon, CopyIcon, Cursor, DropdownMenu, ErrorText, ExternalLink, FilterInput, type FilterInputProps, Footer, type FooterNavHrefs, type FooterNavTrackingCallbacks, type FooterProps, type FooterSocialTrackingCallbacks, FormErrorSummary, type FormErrorSummaryProps, FormField, type FormFieldProps, FormSuccessMessage, type FormSuccessMessageProps, FormTextarea, type FormTextareaProps, GlassmorphismBackground, HamburgerMenu, ImageCarousel, type ImageCarouselProps, type ImageComponent, type ImageComponentProps, ImageGlow, type ImageGlowProps, type ImagePlaceholder, type ImageSource, InputField, InternalLink, type InternalLinkProps, Label, type LabelProps, Lightbox, LightboxImage, LightboxOpenDetail, type LinkComponent, type LinkComponentProps, Loader, LoadingBar, MATRIX_RAIN_DEFAULTS, MATRIX_RAIN_PRESETS, MatrixBackground, MatrixHeaderBackground, MatrixRain, MatrixRainProps, MatrixRainSettings, MatrixTerminal, Menu, MenuItem, type MenuItemProps, type MenuNavHrefs, type MenuProps, type MenuTrackingCallbacks, MotionDiv, OsModifierKey, Overlay, type OverlayProps, type PageNavigationProps, PageTitle, PaginationNavigation, ParagraphTitleWithIcon, type PillProps, PlainImage, type PrefetchStrategy, ProfileHero, type ProfileHeroProps, ProfilePhoto, type ProfilePhotoProps, QuoteText, RedPill, RedPillButton, RedPillLink, RedPillNoReflection, RoundedIcon, ScrollDirection, SectionHeading, type SectionHeadingProps, type SegmentOption, SegmentedControl, SelfHostedVideo, SocialContact, type SocialContactLinks, type SocialContactProps, SocialContacts, type SocialContactsProps, StatCard, type StatCardProps, SuccessText, Switch, Tag, type TagProps, TerminalButton, type TerminalButtonProps, TerminalLine, TerminalListItem, type TerminalListItemProps, TerminalProgressBar, TerminalQuoteLine, Textarea, Youtube, closeCommandPalette, commandPaletteCloseEvent, commandPaletteOpenEvent, hasMotion, imageShimmerPlaceholder, lightboxOpenEvent, matrixSettingsChangeEvent, motionChangeEvent, openCommandPalette, openLightbox, readMatrixSettings, settingsToProps, useClipboardAvailable, useDeviceCapabilities, useGlassmorphism, useInView, useInViewList, useIsIOS, useLockBodyScroll, useMatrixSettingsStore, useMotionStore, useOsModifierKey, useReadingProgress, useReducedMotions, useScrollDirection, useTypewriter, useWebGpuSupported, writeMatrixSettings, writeMotion };
+export { Accordion, AnchorLink, BluePill, BluePillButton, BluePillLink, BrandHeader, type BrandHeaderProps, Breadcrumb, type BreadcrumbItem, type BreadcrumbProps, Button, CallToActionExternalWithTracking, CallToActionInternalWithTracking, type CallToActionInternalWithTrackingProps, ChatIcon, Chip, type ChipProps, Close, CommandPaletteClose, CommandPaletteContext, CommandPaletteTrigger, ContentContainer, ContentProgressBar, ControlSlider, CookieConsentBanner, CopiedIcon, CopyErrorIcon, CopyIcon, Cursor, DropdownMenu, ErrorText, ExternalLink, FilterInput, type FilterInputProps, Footer, type FooterLink, type FooterProps, type FooterSocialTrackingCallbacks, FormErrorSummary, type FormErrorSummaryProps, FormField, type FormFieldProps, FormSuccessMessage, type FormSuccessMessageProps, FormTextarea, type FormTextareaProps, GlassmorphismBackground, HamburgerMenu, ImageCarousel, type ImageCarouselProps, type ImageComponent, type ImageComponentProps, ImageGlow, type ImageGlowProps, type ImagePlaceholder, type ImageSource, InputField, InternalLink, type InternalLinkProps, Label, type LabelProps, Lightbox, LightboxImage, LightboxOpenDetail, type LinkComponent, type LinkComponentProps, Loader, LoadingBar, MATRIX_RAIN_DEFAULTS, MATRIX_RAIN_PRESETS, MatrixBackground, MatrixHeaderBackground, MatrixRain, MatrixRainProps, MatrixRainSettings, MatrixTerminal, Menu, type MenuDropdown, type MenuEntry, type MenuGroup, MenuItem, type MenuItemProps, type MenuLink, type MenuProps, MotionDiv, OsModifierKey, Overlay, type OverlayProps, type PageNavigationProps, PageTitle, PaginationNavigation, ParagraphTitleWithIcon, type PillProps, PlainImage, type PrefetchStrategy, ProfileHero, type ProfileHeroProps, ProfilePhoto, type ProfilePhotoProps, QuoteText, RedPill, RedPillButton, RedPillLink, RedPillNoReflection, RoundedIcon, ScrollDirection, SectionHeading, type SectionHeadingProps, type SegmentOption, SegmentedControl, SelfHostedVideo, SocialContact, type SocialContactLinks, type SocialContactProps, SocialContacts, type SocialContactsProps, StatCard, type StatCardProps, SuccessText, Switch, Tag, type TagProps, TerminalButton, type TerminalButtonProps, TerminalLine, TerminalListItem, type TerminalListItemProps, TerminalProgressBar, TerminalQuoteLine, Textarea, Youtube, closeCommandPalette, commandPaletteCloseEvent, commandPaletteOpenEvent, hasMotion, imageShimmerPlaceholder, lightboxOpenEvent, matrixSettingsChangeEvent, motionChangeEvent, openCommandPalette, openLightbox, readMatrixSettings, settingsToProps, useClipboardAvailable, useDeviceCapabilities, useGlassmorphism, useInView, useInViewList, useIsIOS, useLockBodyScroll, useMatrixSettingsStore, useMotionStore, useOsModifierKey, useReadingProgress, useReducedMotions, useScrollDirection, useTypewriter, useWebGpuSupported, writeMatrixSettings, writeMotion };

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