diff --git a/src/components/Card.tsx b/src/components/Card.tsx
index 671f122..97d02ea 100644
--- a/src/components/Card.tsx
+++ b/src/components/Card.tsx
@@ -7,7 +7,7 @@ export const cardClass = tv({
 
 type Props = JSX.IntrinsicElements["div"] & { children?: ReactNode };
 
-export default function Card({ className, children, ...props }: Props) {
+export function Card({ className, children, ...props }: Props) {
   return (
     <div className={cardClass({ className })} {...props}>
       {children}
diff --git a/src/components/FixedBanner.tsx b/src/components/FixedBanner.tsx
index 4777542..d054193 100644
--- a/src/components/FixedBanner.tsx
+++ b/src/components/FixedBanner.tsx
@@ -22,7 +22,7 @@ type Props = JSX.IntrinsicElements["div"] & {
   children?: ReactNode;
 };
 
-export default function FixedBanner({
+export function FixedBanner({
   resolvePosition = true,
   className,
   children,
diff --git a/src/components/FormButton.tsx b/src/components/FormButton.tsx
index d3bb910..10bc62e 100644
--- a/src/components/FormButton.tsx
+++ b/src/components/FormButton.tsx
@@ -7,7 +7,7 @@ export const formButtonClass = tv({
 
 type Props = JSX.IntrinsicElements["button"] & { children?: ReactNode };
 
-export default function FormButton({ className, children, ...props }: Props) {
+export function FormButton({ className, children, ...props }: Props) {
   return (
     <button className={formButtonClass({ className })} {...props}>
       {children}
diff --git a/src/components/FormCheckboxRow.tsx b/src/components/FormCheckboxRow.tsx
index 300756e..d0d25f5 100644
--- a/src/components/FormCheckboxRow.tsx
+++ b/src/components/FormCheckboxRow.tsx
@@ -10,7 +10,7 @@ type Props = Omit<
   label?: string;
 };
 
-export default function FormCheckboxRow({
+export function FormCheckboxRow({
   label,
   checked,
   defaultChecked,
diff --git a/src/components/FormContent.tsx b/src/components/FormContent.tsx
index 064e49e..3c23225 100644
--- a/src/components/FormContent.tsx
+++ b/src/components/FormContent.tsx
@@ -7,7 +7,7 @@ export const formContentClass = tv({
 
 type Props = JSX.IntrinsicElements["div"] & { children?: ReactNode };
 
-export default function FormContent({ className, children, ...props }: Props) {
+export function FormContent({ className, children, ...props }: Props) {
   return (
     <div className={formContentClass({ className })} {...props}>
       {children}
diff --git a/src/components/FormGroup.tsx b/src/components/FormGroup.tsx
index 5a81b71..dd6f239 100644
--- a/src/components/FormGroup.tsx
+++ b/src/components/FormGroup.tsx
@@ -5,7 +5,7 @@ type Props = {
   children?: ReactNode;
 };
 
-export default function FormGroup({ title, children }: Props) {
+export function FormGroup({ title, children }: Props) {
   return (
     <div className="grid gap-3">
       {title && (
diff --git a/src/components/FormLabelRow.tsx b/src/components/FormLabelRow.tsx
index 7c56b37..9b4cdbc 100644
--- a/src/components/FormLabelRow.tsx
+++ b/src/components/FormLabelRow.tsx
@@ -7,12 +7,7 @@ type Props = {
   suffix?: ReactNode;
 };
 
-export default function FormLabelRow({
-  label,
-  children,
-  prefix,
-  suffix,
-}: Props) {
+export function FormLabelRow({ label, children, prefix, suffix }: Props) {
   return (
     <label className="grid gap-2">
       {label && <span className="text-sm">{label}</span>}
diff --git a/src/components/FormPasswordFieldRow.tsx b/src/components/FormPasswordFieldRow.tsx
index 74385a5..f9e8e33 100644
--- a/src/components/FormPasswordFieldRow.tsx
+++ b/src/components/FormPasswordFieldRow.tsx
@@ -3,8 +3,8 @@
 import { EyeIcon, EyeSlashIcon } from "@heroicons/react/16/solid";
 import { ChangeEvent, useEffect, useState } from "react";
 import { tv } from "tailwind-variants";
-import FormLabelRow from "./FormLabelRow";
-import FormTextField from "./FormTextField";
+import { FormLabelRow } from "./FormLabelRow";
+import { FormTextField } from "./FormTextField";
 
 const fieldClass = tv({
   base: "pr-8",
@@ -16,7 +16,7 @@ type Props = Omit<JSX.IntrinsicElements["input"], "type"> & {
   onStrengthChange?: (strength: StrengthState) => unknown;
 };
 
-export default function FormPasswordFieldRow({
+export function FormPasswordFieldRow({
   label,
   checkStrength = false,
   onStrengthChange,
diff --git a/src/components/FormTextField.tsx b/src/components/FormTextField.tsx
index 188a444..51169b7 100644
--- a/src/components/FormTextField.tsx
+++ b/src/components/FormTextField.tsx
@@ -7,7 +7,7 @@ export const formTextFieldClass = tv({
 
 type Props = Omit<JSX.IntrinsicElements["input"], "ref">;
 
-export default forwardRef<HTMLInputElement, Props>(function FormTextField(
+export const FormTextField = forwardRef<HTMLInputElement, Props>(function (
   { className, ...props }: Props,
   ref,
 ) {
diff --git a/src/components/FormTextFieldRow.tsx b/src/components/FormTextFieldRow.tsx
index f34c1b7..ad1864e 100644
--- a/src/components/FormTextFieldRow.tsx
+++ b/src/components/FormTextFieldRow.tsx
@@ -1,6 +1,6 @@
 import { ReactNode } from "react";
-import FormLabelRow from "./FormLabelRow";
-import FormTextField from "./FormTextField";
+import { FormLabelRow } from "./FormLabelRow";
+import { FormTextField } from "./FormTextField";
 
 type Props = JSX.IntrinsicElements["input"] & {
   label?: string;
@@ -8,12 +8,7 @@ type Props = JSX.IntrinsicElements["input"] & {
   suffix?: ReactNode;
 };
 
-export default function FormTextFieldRow({
-  label,
-  prefix,
-  suffix,
-  ...props
-}: Props) {
+export function FormTextFieldRow({ label, prefix, suffix, ...props }: Props) {
   return (
     <FormLabelRow label={label} prefix={prefix} suffix={suffix}>
       <FormTextField {...props} />
diff --git a/src/components/InfoBanner.tsx b/src/components/InfoBanner.tsx
index 14898d7..a24b7af 100644
--- a/src/components/InfoBanner.tsx
+++ b/src/components/InfoBanner.tsx
@@ -19,7 +19,7 @@ type Props = JSX.IntrinsicElements["p"] & {
   icon?: ReactNode;
 };
 
-export default function InfoBanner({
+export function InfoBanner({
   className,
   children,
   variant,
diff --git a/src/components/LinkButton.tsx b/src/components/LinkButton.tsx
index a962918..f0e190f 100644
--- a/src/components/LinkButton.tsx
+++ b/src/components/LinkButton.tsx
@@ -3,7 +3,7 @@ import { formButtonClass } from "./FormButton";
 
 type Props = JSX.IntrinsicElements["a"] & { children?: ReactNode };
 
-export default function LinkButton({ className, children, ...props }: Props) {
+export function LinkButton({ className, children, ...props }: Props) {
   return (
     <a className={formButtonClass({ className })} {...props}>
       {children}
diff --git a/src/components/VerticalNavbar.tsx b/src/components/VerticalNavbar.tsx
index b7d192a..c1823f2 100644
--- a/src/components/VerticalNavbar.tsx
+++ b/src/components/VerticalNavbar.tsx
@@ -5,7 +5,7 @@ type Props = {
   children?: ReactNode;
 };
 
-export default function VerticalNavbar({ title, children }: Props) {
+export function VerticalNavbar({ title, children }: Props) {
   return (
     <div className="grid min-w-32 gap-6">
       {title && <p className="text-lg">{title}</p>}
diff --git a/src/components/VerticalNavbarButton.tsx b/src/components/VerticalNavbarButton.tsx
index 9daa136..145552e 100644
--- a/src/components/VerticalNavbarButton.tsx
+++ b/src/components/VerticalNavbarButton.tsx
@@ -30,7 +30,7 @@ type Props = {
   getPathname?: () => string;
 };
 
-export default function VerticalNavbarButton({
+export function VerticalNavbarButton({
   href,
   onClick,
   children,
diff --git a/src/components/VerticalNavbarGroup.tsx b/src/components/VerticalNavbarGroup.tsx
index f37d5a1..b2c5e6a 100644
--- a/src/components/VerticalNavbarGroup.tsx
+++ b/src/components/VerticalNavbarGroup.tsx
@@ -5,7 +5,7 @@ type Props = {
   children?: ReactNode;
 };
 
-export default function VerticalNavbarGroup({ title, children }: Props) {
+export function VerticalNavbarGroup({ title, children }: Props) {
   if (!children) return <></>;
 
   return (
diff --git a/src/components/VerticalNavbarSeparator.tsx b/src/components/VerticalNavbarSeparator.tsx
index 9678df1..6b02f20 100644
--- a/src/components/VerticalNavbarSeparator.tsx
+++ b/src/components/VerticalNavbarSeparator.tsx
@@ -1,4 +1,4 @@
-export default function VerticalNavbarSeparator() {
+export function VerticalNavbarSeparator() {
   return (
     <hr className="h-[1px] border-0 bg-current opacity-10 dark:opacity-25" />
   );
diff --git a/src/components/brand/LogoLuminar.mdx b/src/components/brand/LogoLuminar.mdx
index c619e7d..0ac57b9 100644
--- a/src/components/brand/LogoLuminar.mdx
+++ b/src/components/brand/LogoLuminar.mdx
@@ -1,6 +1,6 @@
 import { Meta } from "@storybook/blocks";
 import LogoPreview from "../../stories/components/LogoPreview";
-import LogoLuminar from "./LogoLuminar";
+import { LogoLuminar } from "./LogoLuminar";
 import StoryPreview from "../../stories/components/StoryPreview";
 import { Logo } from "./LogoLuminar.stories";
 
diff --git a/src/components/brand/LogoLuminar.stories.tsx b/src/components/brand/LogoLuminar.stories.tsx
index a8e2a78..77e7ff0 100644
--- a/src/components/brand/LogoLuminar.stories.tsx
+++ b/src/components/brand/LogoLuminar.stories.tsx
@@ -1,6 +1,6 @@
 import type { Meta, StoryObj } from "@storybook/react";
 import React from "react";
-import LogoLuminar from "./LogoLuminar";
+import { LogoLuminar } from "./LogoLuminar";
 
 const meta = {
   title: "Brand/Luminar",
diff --git a/src/components/brand/LogoLuminar.tsx b/src/components/brand/LogoLuminar.tsx
index bdb68af..cc12731 100644
--- a/src/components/brand/LogoLuminar.tsx
+++ b/src/components/brand/LogoLuminar.tsx
@@ -15,7 +15,7 @@ export const logoLuminarClass = tv({
   },
 });
 
-export default function LogoLuminar({
+export function LogoLuminar({
   variant,
   color,
   height,
diff --git a/src/components/brand/LogoMoductor.mdx b/src/components/brand/LogoMoductor.mdx
index ba16746..db61faa 100644
--- a/src/components/brand/LogoMoductor.mdx
+++ b/src/components/brand/LogoMoductor.mdx
@@ -1,8 +1,8 @@
 import { Meta } from "@storybook/blocks";
 import LogoPreview from "../../stories/components/LogoPreview";
-import LogoMoductorFull from "./LogoMoductorFull";
-import LogoMoductorSymbol from "./LogoMoductorSymbol";
-import LogoMoductorType from "./LogoMoductorType";
+import { LogoMoductorFull } from "./LogoMoductorFull";
+import { LogoMoductorSymbol } from "./LogoMoductorSymbol";
+import { LogoMoductorType } from "./LogoMoductorType";
 
 <Meta title="Brand/Moductor" />
 
diff --git a/src/components/brand/LogoMoductor.stories.tsx b/src/components/brand/LogoMoductor.stories.tsx
index 16595c7..f145bce 100644
--- a/src/components/brand/LogoMoductor.stories.tsx
+++ b/src/components/brand/LogoMoductor.stories.tsx
@@ -1,8 +1,8 @@
 import type { Meta, StoryObj } from "@storybook/react";
 import React from "react";
-import LogoMoductorFull from "./LogoMoductorFull";
-import LogoMoductorSymbol from "./LogoMoductorSymbol";
-import LogoMoductorType from "./LogoMoductorType";
+import { LogoMoductorFull } from "./LogoMoductorFull";
+import { LogoMoductorSymbol } from "./LogoMoductorSymbol";
+import { LogoMoductorType } from "./LogoMoductorType";
 
 const meta = {
   title: "Brand/Moductor",
diff --git a/src/components/brand/LogoMoductorFull.tsx b/src/components/brand/LogoMoductorFull.tsx
index 32640c1..71bf972 100644
--- a/src/components/brand/LogoMoductorFull.tsx
+++ b/src/components/brand/LogoMoductorFull.tsx
@@ -16,7 +16,7 @@ export const logoMoductorClass = tv({
   },
 });
 
-export default function LogoMoductorFull({
+export function LogoMoductorFull({
   variant,
   color,
   height,
diff --git a/src/components/brand/LogoMoductorSymbol.tsx b/src/components/brand/LogoMoductorSymbol.tsx
index af0ac63..8514171 100644
--- a/src/components/brand/LogoMoductorSymbol.tsx
+++ b/src/components/brand/LogoMoductorSymbol.tsx
@@ -1,7 +1,7 @@
 import { CSSProperties } from "react";
 import { logoMoductorClass } from "./LogoMoductorFull";
 
-export default function LogoMoductorSymbol({
+export function LogoMoductorSymbol({
   variant,
   color,
   height,
diff --git a/src/components/brand/LogoMoductorType.tsx b/src/components/brand/LogoMoductorType.tsx
index 129532e..bed897a 100644
--- a/src/components/brand/LogoMoductorType.tsx
+++ b/src/components/brand/LogoMoductorType.tsx
@@ -1,7 +1,7 @@
 import { CSSProperties } from "react";
 import { logoMoductorClass } from "./LogoMoductorFull";
 
-export default function LogoMoductorType({
+export function LogoMoductorType({
   variant,
   color,
   height,
diff --git a/src/components/brand/index.ts b/src/components/brand/index.ts
index 0373e24..983b8e0 100644
--- a/src/components/brand/index.ts
+++ b/src/components/brand/index.ts
@@ -1,4 +1,4 @@
-export * as LogoLuminar from "./LogoLuminar";
-export * as LogoMoductorFull from "./LogoMoductorFull";
-export * as LogoMoductorSymbol from "./LogoMoductorSymbol";
-export * as LogoMoductorType from "./LogoMoductorType";
+export * from "./LogoLuminar";
+export * from "./LogoMoductorFull";
+export * from "./LogoMoductorSymbol";
+export * from "./LogoMoductorType";
diff --git a/src/components/index.ts b/src/components/index.ts
index 2b22498..3161154 100644
--- a/src/components/index.ts
+++ b/src/components/index.ts
@@ -1,17 +1,17 @@
-export * as Card from "./Card";
-export * as FixedBanner from "./FixedBanner";
-export * as FormButton from "./FormButton";
-export * as FormCheckboxRow from "./FormCheckboxRow";
-export * as FormContent from "./FormContent";
-export * as FormGroup from "./FormGroup";
-export * as FormLabelRow from "./FormLabelRow";
-export * as FormPasswordFieldRow from "./FormPasswordFieldRow";
-export * as FormTextField from "./FormTextField";
-export * as FormTextFieldRow from "./FormTextFieldRow";
-export * as InfoBanner from "./InfoBanner";
-export * as LinkButton from "./LinkButton";
-export * as VerticalNavbar from "./VerticalNavbar";
-export * as VerticalNavbarButton from "./VerticalNavbarButton";
-export * as VerticalNavbarGroup from "./VerticalNavbarGroup";
-export * as VerticalNavbarSeparator from "./VerticalNavbarSeparator";
+export * from "./Card";
+export * from "./FixedBanner";
+export * from "./FormButton";
+export * from "./FormCheckboxRow";
+export * from "./FormContent";
+export * from "./FormGroup";
+export * from "./FormLabelRow";
+export * from "./FormPasswordFieldRow";
+export * from "./FormTextField";
+export * from "./FormTextFieldRow";
+export * from "./InfoBanner";
+export * from "./LinkButton";
+export * from "./VerticalNavbar";
+export * from "./VerticalNavbarButton";
+export * from "./VerticalNavbarGroup";
+export * from "./VerticalNavbarSeparator";
 export * from "./brand";