@moduix/react 2.2.0 → 2.2.4

package/dist/components/button/Button_module.css

@@ -0,0 +1,230 @@
+@layer moduix.components {
+  .root-RR_712 {
+    box-sizing: border-box;
+    justify-content: center;
+    align-items: center;
+    gap: var(--moduix-button-content-gap, var(--moduix-spacing-2));
+    border: var(--moduix-button-border-width, var(--moduix-border-width-sm)) solid transparent;
+    border-radius: var(--moduix-button-radius, var(--moduix-radius-md));
+    color: var(--moduix-button-color, var(--moduix-color-foreground));
+    appearance: none;
+    font: inherit;
+    font-size: var(--moduix-button-font-size, var(--moduix-text-sm));
+    font-weight: var(--moduix-button-font-weight, var(--moduix-weight-medium));
+    line-height: var(--moduix-button-line-height, var(--moduix-line-height-text-sm));
+    -webkit-user-select: none;
+    user-select: none;
+    white-space: nowrap;
+    cursor: pointer;
+    transition: background-color var(--moduix-button-transition, var(--moduix-transition-default)),
+      border-color var(--moduix-button-transition, var(--moduix-transition-default)),
+      color var(--moduix-button-transition, var(--moduix-transition-default)),
+      opacity var(--moduix-button-transition, var(--moduix-transition-default)),
+      box-shadow var(--moduix-button-transition, var(--moduix-transition-default)),
+      transform var(--moduix-button-transition, var(--moduix-transition-default));
+    background-color: #0000;
+    margin: 0;
+    text-decoration: none;
+    display: inline-flex;
+  }
+
+  .root-RR_712:focus-visible {
+    outline: var(--moduix-button-focus-ring-width, var(--moduix-focus-ring-width, var(--moduix-border-width-md)))
+        solid var(--moduix-button-focus-ring-color, var(--moduix-color-ring));
+    outline-offset: calc(var(--moduix-button-focus-ring-offset, var(--moduix-button-border-width, var(--moduix-border-width-sm))) *
+          -1);
+  }
+
+  .root-RR_712:active:not([data-disabled]) {
+    opacity: .94;
+  }
+
+  @media (prefers-reduced-motion: no-preference) {
+    .root-RR_712:active:not([data-disabled]):not([data-variant="link"]) {
+      transform: translateY(1px) scale(.985);
+    }
+  }
+
+  .root-RR_712[data-disabled] {
+    opacity: var(--moduix-button-disabled-opacity, var(--moduix-opacity-disabled));
+    cursor: default;
+    pointer-events: none;
+  }
+
+  .root-RR_712[data-loading] {
+    cursor: progress;
+  }
+
+  .root-RR_712 > :where(svg) {
+    width: var(--moduix-button-icon-size, var(--moduix-spacing-4));
+    height: var(--moduix-button-icon-size, var(--moduix-spacing-4));
+    flex-shrink: 0;
+  }
+
+  .root-RR_712 [data-icon="inline-start"], .root-RR_712 [data-icon="inline-end"] {
+    flex-shrink: 0;
+    justify-content: center;
+    align-items: center;
+    display: inline-flex;
+  }
+
+  .root-RR_712[data-variant="default"] {
+    border-color: var(--moduix-button-default-border-color, var(--moduix-color-primary));
+    background-color: var(--moduix-button-default-bg, var(--moduix-color-primary));
+    color: var(--moduix-button-default-color, var(--moduix-color-primary-foreground));
+  }
+
+  @media (hover: hover) {
+    .root-RR_712[data-variant="default"]:not([data-disabled]):hover {
+      background-color: var(--moduix-button-default-bg-hover, color-mix(in srgb,
+              var(--moduix-button-default-bg, var(--moduix-color-primary)) 88%,
+              black));
+    }
+  }
+
+  .root-RR_712[data-variant="outline"] {
+    border-color: var(--moduix-button-outline-border-color, var(--moduix-color-border));
+    background-color: var(--moduix-button-outline-bg, var(--moduix-color-background));
+    color: var(--moduix-button-outline-color, var(--moduix-color-foreground));
+  }
+
+  @media (hover: hover) {
+    .root-RR_712[data-variant="outline"]:not([data-disabled]):hover {
+      background-color: var(--moduix-button-outline-bg-hover, var(--moduix-color-accent));
+    }
+  }
+
+  .root-RR_712[data-variant="secondary"] {
+    border-color: var(--moduix-button-secondary-border-color, var(--moduix-color-secondary));
+    background-color: var(--moduix-button-secondary-bg, var(--moduix-color-secondary));
+    color: var(--moduix-button-secondary-color, var(--moduix-color-secondary-foreground));
+  }
+
+  @media (hover: hover) {
+    .root-RR_712[data-variant="secondary"]:not([data-disabled]):hover {
+      background-color: var(--moduix-button-secondary-bg-hover, var(--moduix-color-accent));
+    }
+  }
+
+  .root-RR_712[data-variant="destructive"] {
+    border-color: var(--moduix-button-destructive-border-color, var(--moduix-color-destructive));
+    background-color: var(--moduix-button-destructive-bg, var(--moduix-color-destructive));
+    color: var(--moduix-button-destructive-color, var(--moduix-color-destructive-foreground));
+  }
+
+  @media (hover: hover) {
+    .root-RR_712[data-variant="destructive"]:not([data-disabled]):hover {
+      filter: brightness(var(--moduix-button-destructive-hover-brightness, .96));
+    }
+  }
+
+  .root-RR_712[data-variant="destructive-outline"] {
+    border-color: var(--moduix-button-destructive-outline-border-color, var(--moduix-color-destructive));
+    background-color: var(--moduix-button-destructive-outline-bg, var(--moduix-color-background));
+    color: var(--moduix-button-destructive-outline-color, var(--moduix-color-destructive));
+  }
+
+  @media (hover: hover) {
+    .root-RR_712[data-variant="destructive-outline"]:not([data-disabled]):hover {
+      background-color: var(--moduix-button-destructive-outline-bg-hover, var(--moduix-color-destructive));
+      color: var(--moduix-button-destructive-outline-color-hover, var(--moduix-button-destructive-color, var(--moduix-color-destructive-foreground)));
+    }
+  }
+
+  .root-RR_712[data-variant="ghost"] {
+    border-color: var(--moduix-button-ghost-border-color, transparent);
+    background-color: var(--moduix-button-ghost-bg, transparent);
+    color: var(--moduix-button-ghost-color, var(--moduix-color-foreground));
+  }
+
+  @media (hover: hover) {
+    .root-RR_712[data-variant="ghost"]:not([data-disabled]):hover {
+      background-color: var(--moduix-button-ghost-bg-hover, var(--moduix-color-accent));
+    }
+  }
+
+  .root-RR_712[data-variant="link"] {
+    color: var(--moduix-button-link-color, var(--moduix-color-primary));
+    -webkit-text-decoration: var(--moduix-button-link-text-decoration, underline);
+    text-decoration: var(--moduix-button-link-text-decoration, underline);
+    text-underline-offset: var(--moduix-button-link-underline-offset, .25em);
+    background-color: #0000;
+    border-color: #0000;
+    padding-inline: 0;
+  }
+
+  @media (hover: hover) {
+    .root-RR_712[data-variant="link"]:not([data-disabled]):hover {
+      color: var(--moduix-button-link-color-hover, var(--moduix-color-foreground));
+    }
+  }
+
+  .root-RR_712[data-size="xs"] {
+    min-height: var(--moduix-button-size-xs, var(--moduix-size-xs));
+    padding-block: var(--moduix-button-padding-y-xs, var(--moduix-spacing-0-5));
+    padding-inline: var(--moduix-button-padding-x-xs, var(--moduix-spacing-2-5));
+    font-size: var(--moduix-button-font-size-xs, var(--moduix-text-xs));
+    line-height: var(--moduix-button-line-height-xs, var(--moduix-line-height-text-xs));
+  }
+
+  .root-RR_712[data-size="sm"] {
+    min-height: var(--moduix-button-size-sm, var(--moduix-size-sm));
+    padding-block: var(--moduix-button-padding-y-sm, var(--moduix-spacing-1));
+    padding-inline: var(--moduix-button-padding-x-sm, var(--moduix-spacing-3));
+    font-size: var(--moduix-button-font-size-sm, var(--moduix-text-sm));
+    line-height: var(--moduix-button-line-height-sm, var(--moduix-line-height-text-sm));
+  }
+
+  .root-RR_712[data-size="md"] {
+    min-height: var(--moduix-button-size-md, var(--moduix-size-md));
+    padding-block: var(--moduix-button-padding-y-md, var(--moduix-spacing-1));
+    padding-inline: var(--moduix-button-padding-x-md, var(--moduix-spacing-4));
+    font-size: var(--moduix-button-font-size-md, var(--moduix-text-sm));
+    line-height: var(--moduix-button-line-height-md, var(--moduix-line-height-text-sm));
+  }
+
+  .root-RR_712[data-size="lg"] {
+    min-height: var(--moduix-button-size-lg, var(--moduix-size-lg));
+    padding-block: var(--moduix-button-padding-y-lg, var(--moduix-spacing-1-5));
+    padding-inline: var(--moduix-button-padding-x-lg, var(--moduix-spacing-5));
+    font-size: var(--moduix-button-font-size-lg, var(--moduix-text-md));
+    line-height: var(--moduix-button-line-height-lg, var(--moduix-line-height-text-md));
+  }
+
+  .root-RR_712[data-size="xl"] {
+    min-height: var(--moduix-button-size-xl, var(--moduix-size-xl));
+    padding-block: var(--moduix-button-padding-y-xl, var(--moduix-spacing-2));
+    padding-inline: var(--moduix-button-padding-x-xl, var(--moduix-spacing-6));
+    font-size: var(--moduix-button-font-size-xl, var(--moduix-text-lg));
+    line-height: var(--moduix-button-line-height-xl, var(--moduix-line-height-text-lg));
+  }
+
+  .root-RR_712[data-size="icon-sm"], .root-RR_712[data-size="icon-md"], .root-RR_712[data-size="icon-lg"] {
+    gap: 0;
+    padding: 0;
+  }
+
+  .root-RR_712[data-size="icon-sm"] {
+    width: var(--moduix-button-size-icon-sm, var(--moduix-size-sm));
+    min-width: var(--moduix-button-size-icon-sm, var(--moduix-size-sm));
+    height: var(--moduix-button-size-icon-sm, var(--moduix-size-sm));
+  }
+
+  .root-RR_712[data-size="icon-md"] {
+    width: var(--moduix-button-size-icon-md, var(--moduix-size-md));
+    min-width: var(--moduix-button-size-icon-md, var(--moduix-size-md));
+    height: var(--moduix-button-size-icon-md, var(--moduix-size-md));
+  }
+
+  .root-RR_712[data-size="icon-lg"] {
+    width: var(--moduix-button-size-icon-lg, var(--moduix-size-lg));
+    min-width: var(--moduix-button-size-icon-lg, var(--moduix-size-lg));
+    height: var(--moduix-button-size-icon-lg, var(--moduix-size-lg));
+  }
+
+  .root-RR_712[data-variant="link"] {
+    min-height: 0;
+    padding-block: 0;
+  }
+}
+

package/dist/components/button/index.d.ts

@@ -0,0 +1 @@
+export { Button } from './Button.js';

package/dist/components/button/index.js

@@ -0,0 +1 @@
+export { Button } from "./Button.js";

package/dist/components/card/Card.d.ts

@@ -1,20 +1,18 @@
-//#region src/components/card/Card.d.ts
 declare const Card: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & {
-  size?: "sm" | "md" | "lg";
-  variant?: "elevated" | "outline" | "subtle";
-} & import("react").RefAttributes<HTMLDivElement>> & {
-  Root: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & {
     size?: "sm" | "md" | "lg";
     variant?: "elevated" | "outline" | "subtle";
-  } & import("react").RefAttributes<HTMLDivElement>>;
-  Header: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & import("react").RefAttributes<HTMLDivElement>>;
-  Body: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & import("react").RefAttributes<HTMLDivElement>>;
-  Media: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & import("react").RefAttributes<HTMLDivElement>>;
-  Footer: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & import("react").RefAttributes<HTMLDivElement>>;
-  Title: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & import("react").RefAttributes<HTMLHeadingElement>>;
-  Description: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & import("react").RefAttributes<HTMLParagraphElement>>;
-  Action: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & import("react").RefAttributes<HTMLDivElement>>;
-  Link: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & import("react").RefAttributes<HTMLAnchorElement>>;
+} & import("react").RefAttributes<HTMLElement>> & {
+    Root: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & {
+        size?: "sm" | "md" | "lg";
+        variant?: "elevated" | "outline" | "subtle";
+    } & import("react").RefAttributes<HTMLElement>>;
+    Header: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & import("react").RefAttributes<HTMLElement>>;
+    Body: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & import("react").RefAttributes<HTMLElement>>;
+    Media: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & import("react").RefAttributes<HTMLElement>>;
+    Footer: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & import("react").RefAttributes<HTMLElement>>;
+    Title: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & import("react").RefAttributes<HTMLElement>>;
+    Description: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & import("react").RefAttributes<HTMLElement>>;
+    Action: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & import("react").RefAttributes<HTMLElement>>;
+    Link: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & import("react").RefAttributes<HTMLElement>>;
 };
-//#endregion
-export { Card };
+export { Card };

package/dist/components/card/Card.js

@@ -1,112 +1,110 @@
-import { normalizeClassName } from "../../lib/moduix/normalizeClassName.js";
-import Card_module_default from "./Card.module.js";
+import { jsx } from "react/jsx-runtime";
 import { ark } from "@ark-ui/react/factory";
 import { clsx } from "clsx";
 import { forwardRef } from "react";
-import { jsx } from "react/jsx-runtime";
-//#region src/components/card/Card.tsx
-const CardRoot = forwardRef(function CardRoot({ className, size = "md", variant = "outline", ...props }, ref) {
-	return /* @__PURE__ */ jsx(ark.div, {
-		ref,
-		"data-scope": "card",
-		"data-part": "root",
-		"data-slot": "card-root",
-		"data-size": size,
-		"data-variant": variant,
-		className: clsx(Card_module_default.root, normalizeClassName(className)),
-		...props
-	});
+import { normalizeClassName } from "../../internal/normalizeClassName.js";
+import Card_module from "./Card.module.js";
+const Card_CardRoot = /*#__PURE__*/ forwardRef(function({ className, size = 'md', variant = 'outline', ...props }, ref) {
+    return /*#__PURE__*/ jsx(ark.div, {
+        ref: ref,
+        "data-scope": "card",
+        "data-part": "root",
+        "data-slot": "card-root",
+        "data-size": size,
+        "data-variant": variant,
+        className: clsx(Card_module.root, normalizeClassName(className)),
+        ...props
+    });
 });
-const CardHeader = forwardRef(function CardHeader({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(ark.div, {
-		ref,
-		"data-scope": "card",
-		"data-part": "header",
-		"data-slot": "card-header",
-		className: clsx(Card_module_default.header, normalizeClassName(className)),
-		...props
-	});
+const Card_CardHeader = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(ark.div, {
+        ref: ref,
+        "data-scope": "card",
+        "data-part": "header",
+        "data-slot": "card-header",
+        className: clsx(Card_module.header, normalizeClassName(className)),
+        ...props
+    });
 });
-const CardBody = forwardRef(function CardBody({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(ark.div, {
-		ref,
-		"data-scope": "card",
-		"data-part": "body",
-		"data-slot": "card-body",
-		className: clsx(Card_module_default.body, normalizeClassName(className)),
-		...props
-	});
+const Card_CardBody = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(ark.div, {
+        ref: ref,
+        "data-scope": "card",
+        "data-part": "body",
+        "data-slot": "card-body",
+        className: clsx(Card_module.body, normalizeClassName(className)),
+        ...props
+    });
 });
-const CardMedia = forwardRef(function CardMedia({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(ark.div, {
-		ref,
-		"data-scope": "card",
-		"data-part": "media",
-		"data-slot": "card-media",
-		className: clsx(Card_module_default.media, normalizeClassName(className)),
-		...props
-	});
+const Card_CardMedia = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(ark.div, {
+        ref: ref,
+        "data-scope": "card",
+        "data-part": "media",
+        "data-slot": "card-media",
+        className: clsx(Card_module.media, normalizeClassName(className)),
+        ...props
+    });
 });
-const CardFooter = forwardRef(function CardFooter({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(ark.div, {
-		ref,
-		"data-scope": "card",
-		"data-part": "footer",
-		"data-slot": "card-footer",
-		className: clsx(Card_module_default.footer, normalizeClassName(className)),
-		...props
-	});
+const Card_CardFooter = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(ark.div, {
+        ref: ref,
+        "data-scope": "card",
+        "data-part": "footer",
+        "data-slot": "card-footer",
+        className: clsx(Card_module.footer, normalizeClassName(className)),
+        ...props
+    });
 });
-const CardTitle = forwardRef(function CardTitle({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(ark.h3, {
-		ref,
-		"data-scope": "card",
-		"data-part": "title",
-		"data-slot": "card-title",
-		className: clsx(Card_module_default.title, normalizeClassName(className)),
-		...props
-	});
+const Card_CardTitle = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(ark.h3, {
+        ref: ref,
+        "data-scope": "card",
+        "data-part": "title",
+        "data-slot": "card-title",
+        className: clsx(Card_module.title, normalizeClassName(className)),
+        ...props
+    });
 });
-const CardDescription = forwardRef(function CardDescription({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(ark.p, {
-		ref,
-		"data-scope": "card",
-		"data-part": "description",
-		"data-slot": "card-description",
-		className: clsx(Card_module_default.description, normalizeClassName(className)),
-		...props
-	});
+const Card_CardDescription = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(ark.p, {
+        ref: ref,
+        "data-scope": "card",
+        "data-part": "description",
+        "data-slot": "card-description",
+        className: clsx(Card_module.description, normalizeClassName(className)),
+        ...props
+    });
 });
-const CardAction = forwardRef(function CardAction({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(ark.div, {
-		ref,
-		"data-scope": "card",
-		"data-part": "action",
-		"data-slot": "card-action",
-		className: clsx(Card_module_default.action, normalizeClassName(className)),
-		...props
-	});
+const Card_CardAction = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(ark.div, {
+        ref: ref,
+        "data-scope": "card",
+        "data-part": "action",
+        "data-slot": "card-action",
+        className: clsx(Card_module.action, normalizeClassName(className)),
+        ...props
+    });
 });
-const CardLink = forwardRef(function CardLink({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(ark.a, {
-		ref,
-		"data-scope": "card",
-		"data-part": "link",
-		"data-slot": "card-link",
-		className: clsx(Card_module_default.link, normalizeClassName(className)),
-		...props
-	});
+const Card_CardLink = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(ark.a, {
+        ref: ref,
+        "data-scope": "card",
+        "data-part": "link",
+        "data-slot": "card-link",
+        className: clsx(Card_module.link, normalizeClassName(className)),
+        ...props
+    });
 });
-const Card = Object.assign(CardRoot, {
-	Root: CardRoot,
-	Header: CardHeader,
-	Body: CardBody,
-	Media: CardMedia,
-	Footer: CardFooter,
-	Title: CardTitle,
-	Description: CardDescription,
-	Action: CardAction,
-	Link: CardLink
+const Card = Object.assign(Card_CardRoot, {
+    Root: Card_CardRoot,
+    Header: Card_CardHeader,
+    Body: Card_CardBody,
+    Media: Card_CardMedia,
+    Footer: Card_CardFooter,
+    Title: Card_CardTitle,
+    Description: Card_CardDescription,
+    Action: Card_CardAction,
+    Link: Card_CardLink
 });
-//#endregion
 export { Card };

package/dist/components/card/Card.module.js

@@ -1,15 +1,13 @@
-import './Card.css';
-//#region src/components/card/Card.module.css
-var Card_module_default = {
-	"action": "_2rXk6G_action",
-	"body": "_2rXk6G_body",
-	"description": "_2rXk6G_description",
-	"footer": "_2rXk6G_footer",
-	"header": "_2rXk6G_header",
-	"link": "_2rXk6G_link",
-	"media": "_2rXk6G_media",
-	"root": "_2rXk6G_root",
-	"title": "_2rXk6G_title"
+import "./Card_module.css";
+const Card_module = {
+    root: "root-aWX0Lo",
+    header: "header-F5Ms8N",
+    body: "body-eUwDjL",
+    footer: "footer-QbUloO",
+    media: "media-ARRUMe",
+    title: "title-E5XltJ",
+    description: "description-sVGJRZ",
+    action: "action-LB386d",
+    link: "link-HfS5Tb"
 };
-//#endregion
-export { Card_module_default as default };
+export default Card_module;