moduix 0.10.0 → 0.11.1

package/README.md

@@ -57,6 +57,13 @@ Import the library styles once in your application entry point:
 import 'moduix/style.css';
 ```
 
+If you want the optional reset, import it explicitly before the main stylesheet:
+
+```tsx
+import 'moduix/reset.css';
+import 'moduix/style.css';
+```
+
 Then import and compose the components you need:
 
 ```tsx
@@ -74,8 +81,8 @@ export function Example() {
 }
 ```
 
-The distributed stylesheet includes component styles and design tokens. It does not force a
-global application theme or utility CSS runtime.
+`style.css` ships the shared design tokens and base styles. Component imports bring along only the
+CSS they use, so you do not need a library-wide component stylesheet.
 
 ## Styling
 

package/dist/_virtual/_rolldown/runtime.cjs

@@ -0,0 +1,23 @@
+//#region \0rolldown/runtime.js
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+	if (from && typeof from === "object" || typeof from === "function") for (var keys = __getOwnPropNames(from), i = 0, n = keys.length, key; i < n; i++) {
+		key = keys[i];
+		if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+			get: ((k) => from[k]).bind(null, key),
+			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+		});
+	}
+	return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+	value: mod,
+	enumerable: true
+}) : target, mod));
+//#endregion
+exports.__toESM = __toESM;

package/dist/components/Accordion/Accordion.cjs

@@ -0,0 +1,65 @@
+const require_Icons = require("../../icons/ui/Icons.cjs");
+const require_mergeClassName = require("../../utils/mergeClassName.cjs");
+const require_Accordion_module = require("./Accordion.module.cjs");
+let react_jsx_runtime = require("react/jsx-runtime");
+let clsx = require("clsx");
+let _base_ui_react_accordion = require("@base-ui/react/accordion");
+let react = require("react");
+//#region src/components/Accordion/Accordion.tsx
+const Accordion = (0, react.forwardRef)(function Accordion({ className, ...props }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_accordion.Accordion.Root, {
+		ref,
+		"data-slot": "accordion-root",
+		className: require_mergeClassName.mergeClassName(className, require_Accordion_module.default.root),
+		...props
+	});
+});
+const AccordionItem = (0, react.forwardRef)(function AccordionItem({ className, ...props }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_accordion.Accordion.Item, {
+		ref,
+		"data-slot": "accordion-item",
+		className: require_mergeClassName.mergeClassName(className, require_Accordion_module.default.item),
+		...props
+	});
+});
+const AccordionHeader = (0, react.forwardRef)(function AccordionHeader({ className, ...props }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_accordion.Accordion.Header, {
+		ref,
+		"data-slot": "accordion-header",
+		className: require_mergeClassName.mergeClassName(className, require_Accordion_module.default.header),
+		...props
+	});
+});
+const AccordionTrigger = (0, react.forwardRef)(function AccordionTrigger({ className, render, ...props }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_accordion.Accordion.Trigger, {
+		ref,
+		"data-slot": "accordion-trigger",
+		render,
+		className: render ? className : require_mergeClassName.mergeClassName(className, require_Accordion_module.default.trigger),
+		...props
+	});
+});
+function AccordionTriggerIcon({ className, children, "aria-hidden": ariaHidden = true, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+		"data-slot": "accordion-trigger-icon",
+		"aria-hidden": ariaHidden,
+		className: (0, clsx.clsx)(require_Accordion_module.default.triggerIcon, className),
+		...props,
+		children: children ?? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Icons.PlusIcon, {})
+	});
+}
+const AccordionPanel = (0, react.forwardRef)(function AccordionPanel({ className, ...props }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_accordion.Accordion.Panel, {
+		ref,
+		"data-slot": "accordion-panel",
+		className: require_mergeClassName.mergeClassName(className, require_Accordion_module.default.panel),
+		...props
+	});
+});
+//#endregion
+exports.Accordion = Accordion;
+exports.AccordionHeader = AccordionHeader;
+exports.AccordionItem = AccordionItem;
+exports.AccordionPanel = AccordionPanel;
+exports.AccordionTrigger = AccordionTrigger;
+exports.AccordionTriggerIcon = AccordionTriggerIcon;

package/dist/components/Accordion/Accordion.css

@@ -0,0 +1,99 @@
+@layer ui.components {
+  .BP0x5G_root {
+    box-sizing: border-box;
+    min-width: 0;
+    color: var(--accordion-color, var(--color-foreground));
+    flex-direction: column;
+    display: flex;
+  }
+
+  .BP0x5G_item:not(:last-child) {
+    border-bottom: var(--accordion-item-border-width, var(--border-width-sm)) solid
+      var(--accordion-item-border-color, var(--color-border));
+  }
+
+  .BP0x5G_header {
+    margin: 0;
+  }
+
+  .BP0x5G_trigger {
+    box-sizing: border-box;
+    justify-content: space-between;
+    align-items: center;
+    gap: var(--accordion-trigger-gap, var(--spacing-4));
+    width: 100%;
+    padding-block: var(--accordion-trigger-padding-y, var(--spacing-2));
+    padding-inline: var(--accordion-trigger-padding-x, var(--spacing-3));
+    background-color: var(--accordion-trigger-bg, var(--color-muted));
+    color: inherit;
+    font: inherit;
+    font-size: var(--accordion-trigger-font-size, var(--text-md));
+    line-height: var(--accordion-trigger-line-height, var(--line-height-text-md));
+    text-align: left;
+    user-select: none;
+    cursor: pointer;
+    transition: background-color var(--transition-default),
+      color var(--transition-default);
+    border: 0;
+    outline: 0;
+    margin: 0;
+    display: flex;
+
+    @media (hover: hover) {
+      &:hover {
+        background-color: var(--accordion-trigger-bg-hover, var(--color-accent));
+      }
+    }
+
+    &:focus-visible {
+      z-index: 1;
+      outline: var(--accordion-focus-ring-width, var(--border-width-md)) solid
+        var(--accordion-focus-ring-color, var(--color-ring));
+      outline-offset: calc(var(--accordion-focus-ring-offset, var(--border-width-sm)) * -1);
+      position: relative;
+    }
+
+    &[disabled], &[data-disabled] {
+      cursor: default;
+      opacity: var(--accordion-disabled-opacity, var(--opacity-disabled));
+    }
+  }
+
+  .BP0x5G_triggerIcon {
+    box-sizing: border-box;
+    width: var(--accordion-icon-size, .75rem);
+    height: var(--accordion-icon-size, .75rem);
+    transition: transform var(--accordion-icon-transition, var(--transition-default));
+    flex-shrink: 0;
+    justify-content: center;
+    align-items: center;
+    display: inline-flex;
+
+    & > svg {
+      width: 100%;
+      height: 100%;
+    }
+
+    [data-panel-open] > & {
+      transform: var(--accordion-icon-open-transform, rotate(45deg) scale(1.1));
+    }
+  }
+
+  .BP0x5G_panel {
+    box-sizing: border-box;
+    height: var(--accordion-panel-height);
+    color: var(--accordion-panel-color, var(--color-muted-foreground));
+    font-size: var(--accordion-panel-font-size, var(--text-md));
+    line-height: var(--accordion-panel-line-height, var(--line-height-text-md));
+    transition: height var(--accordion-panel-transition, var(--transition-default));
+    overflow: hidden;
+
+    &[hidden]:not([hidden="until-found"]) {
+      display: none;
+    }
+
+    &[data-starting-style], &[data-ending-style] {
+      height: 0;
+    }
+  }
+}

package/dist/components/Accordion/Accordion.d.ts

@@ -1,9 +1,17 @@
-import { ComponentProps } from 'react';
-import { Accordion as AccordionPrimitive } from '@base-ui/react/accordion';
-declare const Accordion: import('react').ForwardRefExoticComponent<Omit<AccordionPrimitive.Root.Props<any>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
-declare const AccordionItem: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').AccordionItemProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
-declare const AccordionHeader: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').AccordionHeaderProps, "ref"> & import('react').RefAttributes<HTMLHeadingElement>>;
-declare const AccordionTrigger: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').AccordionTriggerProps, "ref"> & import('react').RefAttributes<HTMLElement>>;
-declare function AccordionTriggerIcon({ className, children, 'aria-hidden': ariaHidden, ...props }: ComponentProps<'span'>): import("react/jsx-runtime").JSX.Element;
-declare const AccordionPanel: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').AccordionPanelProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
-export { Accordion, AccordionItem, AccordionHeader, AccordionTrigger, AccordionTriggerIcon, AccordionPanel, };
+import { Accordion } from "@base-ui/react/accordion";
+import { ComponentProps } from "react";
+
+//#region src/components/Accordion/Accordion.d.ts
+declare const Accordion$1: import("react").ForwardRefExoticComponent<Omit<Accordion.Root.Props<any>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+declare const AccordionItem: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").AccordionItemProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+declare const AccordionHeader: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").AccordionHeaderProps, "ref"> & import("react").RefAttributes<HTMLHeadingElement>>;
+declare const AccordionTrigger: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").AccordionTriggerProps, "ref"> & import("react").RefAttributes<HTMLElement>>;
+declare function AccordionTriggerIcon({
+  className,
+  children,
+  'aria-hidden': ariaHidden,
+  ...props
+}: ComponentProps<'span'>): import("react").JSX.Element;
+declare const AccordionPanel: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").AccordionPanelProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+//#endregion
+export { Accordion$1 as Accordion, AccordionHeader, AccordionItem, AccordionPanel, AccordionTrigger, AccordionTriggerIcon };

package/dist/components/Accordion/Accordion.js

@@ -0,0 +1,60 @@
+import { PlusIcon } from "../../icons/ui/Icons.js";
+import { mergeClassName } from "../../utils/mergeClassName.js";
+import Accordion_module_default from "./Accordion.module.js";
+import { jsx } from "react/jsx-runtime";
+import { clsx } from "clsx";
+import { Accordion } from "@base-ui/react/accordion";
+import { forwardRef } from "react";
+//#region src/components/Accordion/Accordion.tsx
+const Accordion$1 = forwardRef(function Accordion$2({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(Accordion.Root, {
+		ref,
+		"data-slot": "accordion-root",
+		className: mergeClassName(className, Accordion_module_default.root),
+		...props
+	});
+});
+const AccordionItem = forwardRef(function AccordionItem({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(Accordion.Item, {
+		ref,
+		"data-slot": "accordion-item",
+		className: mergeClassName(className, Accordion_module_default.item),
+		...props
+	});
+});
+const AccordionHeader = forwardRef(function AccordionHeader({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(Accordion.Header, {
+		ref,
+		"data-slot": "accordion-header",
+		className: mergeClassName(className, Accordion_module_default.header),
+		...props
+	});
+});
+const AccordionTrigger = forwardRef(function AccordionTrigger({ className, render, ...props }, ref) {
+	return /* @__PURE__ */ jsx(Accordion.Trigger, {
+		ref,
+		"data-slot": "accordion-trigger",
+		render,
+		className: render ? className : mergeClassName(className, Accordion_module_default.trigger),
+		...props
+	});
+});
+function AccordionTriggerIcon({ className, children, "aria-hidden": ariaHidden = true, ...props }) {
+	return /* @__PURE__ */ jsx("span", {
+		"data-slot": "accordion-trigger-icon",
+		"aria-hidden": ariaHidden,
+		className: clsx(Accordion_module_default.triggerIcon, className),
+		...props,
+		children: children ?? /* @__PURE__ */ jsx(PlusIcon, {})
+	});
+}
+const AccordionPanel = forwardRef(function AccordionPanel({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(Accordion.Panel, {
+		ref,
+		"data-slot": "accordion-panel",
+		className: mergeClassName(className, Accordion_module_default.panel),
+		...props
+	});
+});
+//#endregion
+export { Accordion$1 as Accordion, AccordionHeader, AccordionItem, AccordionPanel, AccordionTrigger, AccordionTriggerIcon };

package/dist/components/Accordion/Accordion.module.cjs

@@ -0,0 +1,12 @@
+import './Accordion.css';
+//#region src/components/Accordion/Accordion.module.css
+var Accordion_module_default = {
+	"header": "BP0x5G_header",
+	"item": "BP0x5G_item",
+	"panel": "BP0x5G_panel",
+	"root": "BP0x5G_root",
+	"trigger": "BP0x5G_trigger",
+	"triggerIcon": "BP0x5G_triggerIcon"
+};
+//#endregion
+exports.default = Accordion_module_default;

package/dist/components/Accordion/Accordion.module.js

@@ -0,0 +1,12 @@
+import './Accordion.css';
+//#region src/components/Accordion/Accordion.module.css
+var Accordion_module_default = {
+	"header": "BP0x5G_header",
+	"item": "BP0x5G_item",
+	"panel": "BP0x5G_panel",
+	"root": "BP0x5G_root",
+	"trigger": "BP0x5G_trigger",
+	"triggerIcon": "BP0x5G_triggerIcon"
+};
+//#endregion
+export { Accordion_module_default as default };

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

@@ -1 +1 @@
-export { Accordion, AccordionItem, AccordionHeader, AccordionTrigger, AccordionTriggerIcon, AccordionPanel, } from './Accordion';
+import { Accordion, AccordionHeader, AccordionItem, AccordionPanel, AccordionTrigger, AccordionTriggerIcon } from "./Accordion.js";

package/dist/components/Alert/Alert.cjs

@@ -0,0 +1,50 @@
+const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
+const require_Alert_module = require("./Alert.module.cjs");
+let react_jsx_runtime = require("react/jsx-runtime");
+let clsx = require("clsx");
+clsx = require_runtime.__toESM(clsx);
+//#region src/components/Alert/Alert.tsx
+function Alert({ className, role, variant = "default", ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		role: role ?? (variant === "destructive" ? "alert" : "status"),
+		"data-slot": "alert-root",
+		"data-variant": variant,
+		className: (0, clsx.default)(require_Alert_module.default.root, className),
+		...props
+	});
+}
+function AlertIcon({ className, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+		"data-slot": "alert-icon",
+		"aria-hidden": "true",
+		className: (0, clsx.default)(require_Alert_module.default.icon, className),
+		...props
+	});
+}
+function AlertContent({ className, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		"data-slot": "alert-content",
+		className: (0, clsx.default)(require_Alert_module.default.content, className),
+		...props
+	});
+}
+function AlertTitle({ as: Root = "h3", className, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Root, {
+		"data-slot": "alert-title",
+		className: (0, clsx.default)(require_Alert_module.default.title, className),
+		...props
+	});
+}
+function AlertDescription({ className, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		"data-slot": "alert-description",
+		className: (0, clsx.default)(require_Alert_module.default.description, className),
+		...props
+	});
+}
+//#endregion
+exports.Alert = Alert;
+exports.AlertContent = AlertContent;
+exports.AlertDescription = AlertDescription;
+exports.AlertIcon = AlertIcon;
+exports.AlertTitle = AlertTitle;

package/dist/components/Alert/Alert.css

@@ -0,0 +1,114 @@
+@layer ui.components {
+  .Rbv-4q_root {
+    box-sizing: border-box;
+    align-items: start;
+    gap: var(--alert-gap, var(--spacing-3));
+    border: var(--alert-border-width, var(--border-width-sm)) solid
+      var(--alert-border-color, var(--alert-border-color-default, var(--color-border)));
+    border-radius: var(--alert-radius, var(--radius-lg));
+    width: 100%;
+    min-width: 0;
+    padding: var(--alert-padding, var(--spacing-4));
+    background-color: var(--alert-bg, var(--alert-bg-default, var(--color-card)));
+    color: var(--alert-color, var(--alert-color-default, var(--color-card-foreground)));
+    box-shadow: var(--alert-shadow, none);
+    grid-template-columns: auto minmax(0, 1fr);
+    display: grid;
+
+    &[data-variant="default"] {
+      --alert-bg-default: var(--color-card);
+      --alert-border-color-default: var(--color-border);
+      --alert-color-default: var(--color-card-foreground);
+      --alert-icon-color-default: var(--color-muted-foreground);
+    }
+
+    &[data-variant="info"] {
+      --alert-bg-default: color-mix(in oklab, var(--color-primary) 4%, var(--color-background));
+      --alert-border-color-default: color-mix(in oklab, var(--color-primary) 32%, transparent);
+      --alert-color-default: var(--color-foreground);
+      --alert-icon-color-default: var(--color-primary);
+    }
+
+    &[data-variant="success"] {
+      --alert-bg-default: color-mix(in oklab,
+        var(--alert-success-color, #16a34a) 10%,
+        var(--color-background));
+      --alert-border-color-default: color-mix(in oklab,
+        var(--alert-success-color, #16a34a) 34%,
+        transparent);
+      --alert-color-default: var(--color-foreground);
+      --alert-icon-color-default: var(--alert-success-color, #16a34a);
+    }
+
+    &[data-variant="warning"] {
+      --alert-bg-default: color-mix(in oklab,
+        var(--alert-warning-color, #ca8a04) 13%,
+        var(--color-background));
+      --alert-border-color-default: color-mix(in oklab,
+        var(--alert-warning-color, #ca8a04) 38%,
+        transparent);
+      --alert-color-default: var(--color-foreground);
+      --alert-icon-color-default: var(--alert-warning-color, #ca8a04);
+    }
+
+    &[data-variant="destructive"] {
+      --alert-bg-default: color-mix(in oklab, var(--color-destructive) 9%, var(--color-background));
+      --alert-border-color-default: color-mix(in oklab, var(--color-destructive) 35%, transparent);
+      --alert-color-default: var(--color-foreground);
+      --alert-icon-color-default: var(--color-destructive);
+    }
+  }
+
+  .Rbv-4q_icon {
+    width: var(--alert-icon-size, 1rem);
+    height: var(--alert-icon-size, 1rem);
+    color: var(--alert-icon-color, var(--alert-icon-color-default, currentColor));
+    justify-content: center;
+    align-items: center;
+    margin-block-start: var(--alert-icon-offset, .125rem);
+    display: inline-flex;
+
+    & :where(svg), &:where(svg) {
+      width: var(--alert-icon-size, 1rem);
+      height: var(--alert-icon-size, 1rem);
+      pointer-events: none;
+      flex-shrink: 0;
+    }
+  }
+
+  .Rbv-4q_content {
+    gap: var(--alert-content-gap, var(--spacing-1));
+    min-width: 0;
+    display: grid;
+  }
+
+  .Rbv-4q_title {
+    min-width: 0;
+    color: var(--alert-title-color, var(--alert-color, var(--alert-color-default)));
+    font-size: var(--alert-title-font-size, var(--text-sm));
+    font-weight: var(--alert-title-font-weight, var(--weight-semibold));
+    line-height: var(--alert-title-line-height, var(--line-height-text-sm));
+    overflow-wrap: anywhere;
+    margin: 0;
+  }
+
+  .Rbv-4q_description {
+    min-width: 0;
+    color: var(--alert-description-color, var(--color-muted-foreground));
+    font-size: var(--alert-description-font-size, var(--text-sm));
+    line-height: var(--alert-description-line-height, var(--line-height-text-sm));
+    overflow-wrap: anywhere;
+
+    & > :first-child {
+      margin-top: 0;
+    }
+
+    & > :last-child {
+      margin-bottom: 0;
+    }
+  }
+
+  .Rbv-4q_root:not(:has([data-slot="alert-icon"])) .Rbv-4q_content {
+    grid-column: 1 / -1;
+  }
+}

package/dist/components/Alert/Alert.d.ts

@@ -1,10 +1,34 @@
-import { ComponentProps } from 'react';
+import { ComponentProps, ComponentPropsWithoutRef } from "react";
+
+//#region src/components/Alert/Alert.d.ts
 type AlertVariant = 'default' | 'info' | 'success' | 'warning' | 'destructive';
-declare function Alert({ className, role, variant, ...props }: ComponentProps<'div'> & {
-    variant?: AlertVariant;
-}): import("react/jsx-runtime").JSX.Element;
-declare function AlertIcon({ className, ...props }: ComponentProps<'span'>): import("react/jsx-runtime").JSX.Element;
-declare function AlertContent({ className, ...props }: ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
-declare function AlertTitle({ className, ...props }: ComponentProps<'h3'>): import("react/jsx-runtime").JSX.Element;
-declare function AlertDescription({ className, ...props }: ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
-export { Alert, AlertIcon, AlertContent, AlertTitle, AlertDescription };
+type AlertTitleElement = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
+declare function Alert({
+  className,
+  role,
+  variant,
+  ...props
+}: ComponentProps<'div'> & {
+  variant?: AlertVariant;
+}): import("react").JSX.Element;
+declare function AlertIcon({
+  className,
+  ...props
+}: ComponentProps<'span'>): import("react").JSX.Element;
+declare function AlertContent({
+  className,
+  ...props
+}: ComponentProps<'div'>): import("react").JSX.Element;
+declare function AlertTitle({
+  as: Root,
+  className,
+  ...props
+}: ComponentPropsWithoutRef<'h3'> & {
+  as?: AlertTitleElement;
+}): import("react").JSX.Element;
+declare function AlertDescription({
+  className,
+  ...props
+}: ComponentProps<'div'>): import("react").JSX.Element;
+//#endregion
+export { Alert, AlertContent, AlertDescription, AlertIcon, AlertTitle, type AlertTitleElement, type AlertVariant };

package/dist/components/Alert/Alert.js

@@ -0,0 +1,44 @@
+import Alert_module_default from "./Alert.module.js";
+import { jsx } from "react/jsx-runtime";
+import clsx$1 from "clsx";
+//#region src/components/Alert/Alert.tsx
+function Alert({ className, role, variant = "default", ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		role: role ?? (variant === "destructive" ? "alert" : "status"),
+		"data-slot": "alert-root",
+		"data-variant": variant,
+		className: clsx$1(Alert_module_default.root, className),
+		...props
+	});
+}
+function AlertIcon({ className, ...props }) {
+	return /* @__PURE__ */ jsx("span", {
+		"data-slot": "alert-icon",
+		"aria-hidden": "true",
+		className: clsx$1(Alert_module_default.icon, className),
+		...props
+	});
+}
+function AlertContent({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "alert-content",
+		className: clsx$1(Alert_module_default.content, className),
+		...props
+	});
+}
+function AlertTitle({ as: Root = "h3", className, ...props }) {
+	return /* @__PURE__ */ jsx(Root, {
+		"data-slot": "alert-title",
+		className: clsx$1(Alert_module_default.title, className),
+		...props
+	});
+}
+function AlertDescription({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "alert-description",
+		className: clsx$1(Alert_module_default.description, className),
+		...props
+	});
+}
+//#endregion
+export { Alert, AlertContent, AlertDescription, AlertIcon, AlertTitle };

package/dist/components/Alert/Alert.module.cjs

@@ -0,0 +1,11 @@
+import './Alert.css';
+//#region src/components/Alert/Alert.module.css
+var Alert_module_default = {
+	"content": "Rbv-4q_content",
+	"description": "Rbv-4q_description",
+	"icon": "Rbv-4q_icon",
+	"root": "Rbv-4q_root",
+	"title": "Rbv-4q_title"
+};
+//#endregion
+exports.default = Alert_module_default;

package/dist/components/Alert/Alert.module.js

@@ -0,0 +1,11 @@
+import './Alert.css';
+//#region src/components/Alert/Alert.module.css
+var Alert_module_default = {
+	"content": "Rbv-4q_content",
+	"description": "Rbv-4q_description",
+	"icon": "Rbv-4q_icon",
+	"root": "Rbv-4q_root",
+	"title": "Rbv-4q_title"
+};
+//#endregion
+export { Alert_module_default as default };

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

@@ -1 +1 @@
-export * from './Alert';
+import { Alert, AlertContent, AlertDescription, AlertIcon, AlertTitle, AlertTitleElement, AlertVariant } from "./Alert.js";