@arolariu/components 0.5.0 → 1.1.0

package/dist/components/ui/alert-dialog.module.js

@@ -0,0 +1,13 @@
+import "./alert-dialog_module.css";
+const alert_dialog_module = {
+    backdrop: "backdrop-sgOoG_",
+    popup: "popup-u8AvhV",
+    header: "header-qTlVze",
+    footer: "footer-p2EtIp",
+    title: "title-s7wasB",
+    description: "description-VWg8xy",
+    cancel: "cancel-t_6kep"
+};
+export default alert_dialog_module;
+
+//# sourceMappingURL=alert-dialog.module.js.map

package/dist/components/ui/alert-dialog.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components/ui/alert-dialog.module.js","sources":["../../../src/components/ui/alert-dialog.module.css"],"sourcesContent":["// extracted by LIB_CSS_EXTRACT_LOADER\nimport \"./alert-dialog_module.css\"\nexport default {\"backdrop\":\"backdrop-sgOoG_\",\"popup\":\"popup-u8AvhV\",\"header\":\"header-qTlVze\",\"footer\":\"footer-p2EtIp\",\"title\":\"title-s7wasB\",\"description\":\"description-VWg8xy\",\"cancel\":\"cancel-t_6kep\"};"],"names":[],"mappings":";AAEA,4BAAe;IAAC,UAAW;IAAkB,OAAQ;IAAe,QAAS;IAAgB,QAAS;IAAgB,OAAQ;IAAe,aAAc;IAAqB,QAAS;AAAe"}

package/dist/components/ui/alert-dialog_module.css

@@ -0,0 +1,89 @@
+.backdrop-sgOoG_ {
+  touch-action: none;
+  min-height: 100dvh;
+  transition: opacity var(--ac-transition-normal);
+  z-index: 50;
+  background-color: #0000008c;
+  position: fixed;
+  inset: 0;
+
+  @supports (-webkit-touch-callout: none) {
+    position: absolute;
+  }
+
+  &[data-ending-style], &[data-starting-style] {
+    opacity: 0;
+  }
+}
+
+.popup-u8AvhV {
+  background-color: var(--ac-background);
+  border: 1px solid var(--ac-border);
+  border-radius: var(--ac-radius-lg);
+  color: var(--ac-foreground);
+  gap: var(--ac-space-4);
+  padding: var(--ac-space-6);
+  transition: opacity var(--ac-transition-normal),transform var(--ac-transition-normal);
+  z-index: 51;
+  width: min(32rem, 100vw - 2rem);
+  display: grid;
+  position: fixed;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  box-shadow: 0 20px 40px -12px #00000040;
+}
+
+.popup-u8AvhV[data-ending-style], .popup-u8AvhV[data-starting-style] {
+  opacity: 0;
+  transform: translate(-50%, -50%)scale(.96);
+}
+
+.header-qTlVze {
+  text-align: center;
+  flex-direction: column;
+}
+
+.footer-p2EtIp, .header-qTlVze {
+  gap: var(--ac-space-2);
+  display: flex;
+}
+
+.footer-p2EtIp {
+  flex-direction: column-reverse;
+}
+
+@media (width >= 640px) {
+  .header-qTlVze {
+    text-align: left;
+  }
+
+  .footer-p2EtIp {
+    flex-direction: row;
+    justify-content: flex-end;
+  }
+}
+
+.title-s7wasB {
+  font-size: var(--ac-text-lg);
+  font-weight: 600;
+  line-height: 1.25;
+}
+
+.description-VWg8xy {
+  color: var(--ac-muted-foreground);
+  font-size: var(--ac-text-sm);
+}
+
+.cancel-t_6kep {
+  margin-top: var(--ac-space-2);
+}
+
+@media (width >= 640px) {
+  .cancel-t_6kep {
+    margin-top: 0;
+  }
+}
+
+
+/*# sourceMappingURL=alert-dialog_module.css.map */

package/dist/components/ui/alert-dialog_module.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["webpack://./home/runner/work/arolariu.ro/arolariu.ro/packages/components/src/components/ui/alert-dialog.module.css","webpack://./src/components/ui/alert-dialog.module.css"],"names":[],"mappings":"AADA;ECEE,kBAAkB;EAClB,kBAAkB;EAClB,+CAA+C;EAC/C,WAAW;EACX,2BAA2B;EAC3B,eAAe;EACf,QAAQ;;EAER;IACE,kBAAkB;EACpB;;EAEA;IACE,UAAU;EACZ;AACF;;AAEA;EACE,sCAAsC;EACtC,kCAAkC;EAClC,kCAAkC;EAClC,2BAA2B;EAC3B,sBAAsB;EACtB,0BAA0B;EAC1B,qFAAqF;EACrF,WAAW;EACX,+BAA+B;EAC/B,aAAa;EACb,eAAe;EACf,QAAQ;EACR,SAAS;EACT,gCAAgC;EAChC,uCAAuC;AACzC;;AAEA;EACE,UAAU;EACV,0CAA0C;AAC5C;;AAEA;EACE,kBAAkB;EAClB,sBAAsB;AACxB;;AAEA;EACE,sBAAsB;EACtB,aAAa;AACf;;AAEA;EACE,8BAA8B;AAChC;;AAEA;EACE;IACE,gBAAgB;EAClB;;EAEA;IACE,mBAAmB;IACnB,yBAAyB;EAC3B;AACF;;AAEA;EACE,4BAA4B;EAC5B,gBAAgB;EAChB,iBAAiB;AACnB;;AAEA;EACE,iCAAiC;EACjC,4BAA4B;AAC9B;;AAEA;EACE,6BAA6B;AAC/B;;AAEA;EACE;IACE,aAAa;EACf;AACF","sourcesContent":[".backdrop{background-color:rgba(0,0,0,.55);inset:0;min-height:100dvh;position:fixed;touch-action:none;transition:opacity var(--ac-transition-normal);z-index:50;@supports (-webkit-touch-callout:none){position:absolute}&[data-ending-style],&[data-starting-style]{opacity:0}}.popup{background-color:var(--ac-background);border:1px solid var(--ac-border);border-radius:var(--ac-radius-lg);box-shadow:0 20px 40px -12px rgba(0,0,0,.25);color:var(--ac-foreground);display:grid;gap:var(--ac-space-4);left:50%;padding:var(--ac-space-6);position:fixed;top:50%;transform:translate(-50%,-50%);transition:opacity var(--ac-transition-normal),transform var(--ac-transition-normal);width:min(32rem,calc(100vw - 2rem));z-index:51}.popup[data-ending-style],.popup[data-starting-style]{opacity:0;transform:translate(-50%,-50%) scale(.96)}.header{flex-direction:column;text-align:center}.footer,.header{display:flex;gap:var(--ac-space-2)}.footer{flex-direction:column-reverse}@media (min-width:640px){.header{text-align:left}.footer{flex-direction:row;justify-content:flex-end}}.title{font-size:var(--ac-text-lg);font-weight:600;line-height:1.25}.description{color:var(--ac-muted-foreground);font-size:var(--ac-text-sm)}.cancel{margin-top:var(--ac-space-2)}@media (min-width:640px){.cancel{margin-top:0}}",".backdrop {\n  touch-action: none;\n  min-height: 100dvh;\n  transition: opacity var(--ac-transition-normal);\n  z-index: 50;\n  background-color: #0000008c;\n  position: fixed;\n  inset: 0;\n\n  @supports (-webkit-touch-callout: none) {\n    position: absolute;\n  }\n\n  &[data-ending-style], &[data-starting-style] {\n    opacity: 0;\n  }\n}\n\n.popup {\n  background-color: var(--ac-background);\n  border: 1px solid var(--ac-border);\n  border-radius: var(--ac-radius-lg);\n  color: var(--ac-foreground);\n  gap: var(--ac-space-4);\n  padding: var(--ac-space-6);\n  transition: opacity var(--ac-transition-normal),transform var(--ac-transition-normal);\n  z-index: 51;\n  width: min(32rem, 100vw - 2rem);\n  display: grid;\n  position: fixed;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  box-shadow: 0 20px 40px -12px #00000040;\n}\n\n.popup[data-ending-style], .popup[data-starting-style] {\n  opacity: 0;\n  transform: translate(-50%, -50%)scale(.96);\n}\n\n.header {\n  text-align: center;\n  flex-direction: column;\n}\n\n.footer, .header {\n  gap: var(--ac-space-2);\n  display: flex;\n}\n\n.footer {\n  flex-direction: column-reverse;\n}\n\n@media (width >= 640px) {\n  .header {\n    text-align: left;\n  }\n\n  .footer {\n    flex-direction: row;\n    justify-content: flex-end;\n  }\n}\n\n.title {\n  font-size: var(--ac-text-lg);\n  font-weight: 600;\n  line-height: 1.25;\n}\n\n.description {\n  color: var(--ac-muted-foreground);\n  font-size: var(--ac-text-sm);\n}\n\n.cancel {\n  margin-top: var(--ac-space-2);\n}\n\n@media (width >= 640px) {\n  .cancel {\n    margin-top: 0;\n  }\n}\n"],"sourceRoot":""}

package/dist/components/ui/alert.d.ts

@@ -1,9 +1,112 @@
-import { type VariantProps } from "class-variance-authority";
 import * as React from "react";
-declare const Alert: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & VariantProps<(props?: {
-    variant?: "default" | "destructive";
-} & import("class-variance-authority/types").ClassProp) => string> & React.RefAttributes<HTMLDivElement>>;
-declare const AlertTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLHeadingElement> & React.RefAttributes<HTMLParagraphElement>>;
-declare const AlertDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
+/**
+ * Defines the supported visual treatments for the Alert component.
+ */
+export type AlertVariant = "default" | "destructive";
+/**
+ * Represents the configurable props for the Alert component.
+ *
+ * @remarks
+ * Extends native `<div>` attributes so alerts can expose ARIA relationships,
+ * data attributes, and custom event handlers while selecting a visual variant.
+ *
+ * @default variant `"default"`
+ */
+export interface AlertProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * Additional CSS classes merged with the base alert surface styles.
+     */
+    className?: string;
+    /**
+     * The visual tone used to communicate neutral or destructive feedback.
+     *
+     * @default "default"
+     */
+    variant?: AlertVariant;
+}
+/**
+ * A bordered feedback container for inline status, warning, or error messaging.
+ *
+ * @remarks
+ * **Rendering Context**: Server- and client-compatible presentational component.
+ *
+ * Renders a `<div>` with `role="alert"` so assistive technologies announce urgent
+ * content. Use {@link AlertTitle} and {@link AlertDescription} to build a clear,
+ * accessible message structure.
+ *
+ * @example
+ * ```tsx
+ * <Alert variant="destructive">
+ *   <AlertTitle>Payment failed</AlertTitle>
+ *   <AlertDescription>Verify your card details and try again.</AlertDescription>
+ * </Alert>
+ * ```
+ *
+ * @see {@link AlertTitle}
+ * @see {@link AlertDescription}
+ * @see {@link https://base-ui.com/react/overview Base UI documentation}
+ */
+declare const Alert: React.ForwardRefExoticComponent<AlertProps & React.RefAttributes<HTMLDivElement>>;
+/**
+ * Represents the configurable props for the AlertTitle component.
+ *
+ * @remarks
+ * Extends native heading attributes and exposes a class override for styling.
+ */
+interface AlertTitleProps extends React.HTMLAttributes<HTMLHeadingElement> {
+    /**
+     * Additional CSS classes merged with the alert title styles.
+     */
+    className?: string;
+}
+/**
+ * The heading slot for the primary alert message.
+ *
+ * @remarks
+ * **Rendering Context**: Server- and client-compatible presentational component.
+ *
+ * Renders an `<h5>` element styled for compact but prominent messaging. Pair it with
+ * {@link AlertDescription} when the alert needs supporting explanatory text.
+ *
+ * @example
+ * ```tsx
+ * <AlertTitle>Heads up</AlertTitle>
+ * ```
+ *
+ * @see {@link AlertDescription}
+ * @see {@link https://base-ui.com/react/overview Base UI documentation}
+ */
+declare const AlertTitle: React.ForwardRefExoticComponent<AlertTitleProps & React.RefAttributes<HTMLHeadingElement>>;
+/**
+ * Represents the configurable props for the AlertDescription component.
+ *
+ * @remarks
+ * Extends native `<div>` attributes so rich supporting content can be rendered inside
+ * an alert body while preserving the component's spacing and typography.
+ */
+interface AlertDescriptionProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * Additional CSS classes merged with the alert description styles.
+     */
+    className?: string;
+}
+/**
+ * A supporting content slot for additional alert details.
+ *
+ * @remarks
+ * **Rendering Context**: Server- and client-compatible presentational component.
+ *
+ * Renders a styled `<div>` so the alert body can contain paragraphs, lists, links,
+ * or other rich inline content beneath the title.
+ *
+ * @example
+ * ```tsx
+ * <AlertDescription>API access will be restored after the billing issue is resolved.</AlertDescription>
+ * ```
+ *
+ * @see {@link AlertTitle}
+ * @see {@link https://base-ui.com/react/overview Base UI documentation}
+ */
+declare const AlertDescription: React.ForwardRefExoticComponent<AlertDescriptionProps & React.RefAttributes<HTMLDivElement>>;
 export { Alert, AlertDescription, AlertTitle };
 //# sourceMappingURL=alert.d.ts.map

package/dist/components/ui/alert.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"alert.d.ts","sourceRoot":"","sources":["../../../src/components/ui/alert.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAM,KAAK,YAAY,EAAC,MAAM,0BAA0B,CAAC;AAChE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAoB/B,QAAA,MAAM,KAAK;;yGASV,CAAC;AAGF,QAAA,MAAM,UAAU,uHAOd,CAAC;AAGH,QAAA,MAAM,gBAAgB,yHAQrB,CAAC;AAGF,OAAO,EAAC,KAAK,EAAE,gBAAgB,EAAE,UAAU,EAAC,CAAC"}
+{"version":3,"file":"alert.d.ts","sourceRoot":"","sources":["../../../src/components/ui/alert.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B;;GAEG;AACH,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,aAAa,CAAC;AAOrD;;;;;;;;GAQG;AACH,MAAM,WAAW,UAAW,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACtE;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;OAIG;IACH,OAAO,CAAC,EAAE,YAAY,CAAC;CACxB;AAED;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,QAAA,MAAM,KAAK,mFAOT,CAAC;AAGH;;;;;GAKG;AACH,UAAU,eAAgB,SAAQ,KAAK,CAAC,cAAc,CAAC,kBAAkB,CAAC;IACxE;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,QAAA,MAAM,UAAU,4FAOd,CAAC;AAGH;;;;;;GAMG;AACH,UAAU,qBAAsB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC1E;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,QAAA,MAAM,gBAAgB,8FAMpB,CAAC;AAGH,OAAO,EAAC,KAAK,EAAE,gBAAgB,EAAE,UAAU,EAAC,CAAC"}

package/dist/components/ui/alert.js

@@ -1,37 +1,28 @@
-"use client";
 import { jsx } from "react/jsx-runtime";
-import { cva } from "class-variance-authority";
 import { forwardRef } from "react";
 import { cn } from "../../lib/utilities.js";
-const alertVariants = cva("relative w-full rounded-lg border border-neutral-200 px-4 py-3 text-sm [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg]:text-neutral-950 [&>svg~*]:pl-7 dark:border-neutral-800 dark:[&>svg]:text-neutral-50", {
-    variants: {
-        variant: {
-            default: "bg-white text-neutral-950 dark:bg-neutral-950 dark:text-neutral-50",
-            destructive: "border-red-500/50 text-red-500 dark:border-red-500 [&>svg]:text-red-500 dark:border-red-900/50 dark:text-red-900 dark:dark:border-red-900 dark:[&>svg]:text-red-900"
-        }
-    },
-    defaultVariants: {
-        variant: "default"
-    }
-});
-const Alert = /*#__PURE__*/ forwardRef(({ className, variant, ...props }, ref)=>/*#__PURE__*/ jsx("div", {
+import alert_module from "./alert.module.js";
+const variantStyles = {
+    default: alert_module["default"],
+    destructive: alert_module.destructive
+};
+const Alert = /*#__PURE__*/ forwardRef(({ className, variant = "default", ...props }, ref)=>/*#__PURE__*/ jsx("div", {
         ref: ref,
         role: "alert",
-        className: cn(alertVariants({
-            variant
-        }), className),
+        className: cn(alert_module.alert, variantStyles[variant], className),
         ...props
     }));
 Alert.displayName = "Alert";
-const AlertTitle = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx("h5", {
+const AlertTitle = /*#__PURE__*/ forwardRef(({ children, className, ...props }, ref)=>/*#__PURE__*/ jsx("h5", {
         ref: ref,
-        className: cn("mb-1 leading-none font-medium tracking-tight", className),
-        ...props
+        className: cn(alert_module.title, className),
+        ...props,
+        children: children
     }));
 AlertTitle.displayName = "AlertTitle";
 const AlertDescription = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx("div", {
         ref: ref,
-        className: cn("text-sm [&_p]:leading-relaxed", className),
+        className: cn(alert_module.description, className),
         ...props
     }));
 AlertDescription.displayName = "AlertDescription";

package/dist/components/ui/alert.js.map

@@ -1 +1 @@
-{"version":3,"file":"components/ui/alert.js","sources":["../../../src/components/ui/alert.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport {cva, type VariantProps} from \"class-variance-authority\";\r\nimport * as React from \"react\";\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\n\r\nconst alertVariants = cva(\r\n  \"relative w-full rounded-lg border border-neutral-200 px-4 py-3 text-sm [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg]:text-neutral-950 [&>svg~*]:pl-7 dark:border-neutral-800 dark:[&>svg]:text-neutral-50\",\r\n  {\r\n    variants: {\r\n      variant: {\r\n        default: \"bg-white text-neutral-950 dark:bg-neutral-950 dark:text-neutral-50\",\r\n        destructive:\r\n          \"border-red-500/50 text-red-500 dark:border-red-500 [&>svg]:text-red-500 dark:border-red-900/50 dark:text-red-900 dark:dark:border-red-900 dark:[&>svg]:text-red-900\",\r\n      },\r\n    },\r\n    defaultVariants: {\r\n      variant: \"default\",\r\n    },\r\n  },\r\n);\r\n\r\nconst Alert = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement> & VariantProps<typeof alertVariants>>(\r\n  ({className, variant, ...props}, ref) => (\r\n    <div\r\n      ref={ref}\r\n      role='alert'\r\n      className={cn(alertVariants({variant}), className)}\r\n      {...props}\r\n    />\r\n  ),\r\n);\r\nAlert.displayName = \"Alert\";\r\n\r\nconst AlertTitle = React.forwardRef<HTMLParagraphElement, React.HTMLAttributes<HTMLHeadingElement>>(({className, ...props}, ref) => (\r\n  // eslint-disable-next-line jsx-a11y/heading-has-content -- this will be filled with children.\r\n  <h5\r\n    ref={ref}\r\n    className={cn(\"mb-1 leading-none font-medium tracking-tight\", className)}\r\n    {...props}\r\n  />\r\n));\r\nAlertTitle.displayName = \"AlertTitle\";\r\n\r\nconst AlertDescription = React.forwardRef<HTMLParagraphElement, React.HTMLAttributes<HTMLParagraphElement>>(\r\n  ({className, ...props}, ref) => (\r\n    <div\r\n      ref={ref}\r\n      className={cn(\"text-sm [&_p]:leading-relaxed\", className)}\r\n      {...props}\r\n    />\r\n  ),\r\n);\r\nAlertDescription.displayName = \"AlertDescription\";\r\n\r\nexport {Alert, AlertDescription, AlertTitle};\r\n"],"names":["alertVariants","cva","Alert","React","className","variant","props","ref","cn","AlertTitle","AlertDescription"],"mappings":";;;;;AAOA,MAAMA,gBAAgBC,IACpB,oPACA;IACE,UAAU;QACR,SAAS;YACP,SAAS;YACT,aACE;QACJ;IACF;IACA,iBAAiB;QACf,SAAS;IACX;AACF;AAGF,MAAMC,QAAQ,WAARA,GAAQC,WACZ,CAAC,EAACC,SAAS,EAAEC,OAAO,EAAE,GAAGC,OAAM,EAAEC,MAAAA,WAAAA,GAC/B,IAAC;QACC,KAAKA;QACL,MAAK;QACL,WAAWC,GAAGR,cAAc;YAACK;QAAO,IAAID;QACvC,GAAGE,KAAK;;AAIfJ,MAAM,WAAW,GAAG;AAEpB,MAAMO,aAAa,WAAbA,GAAaN,WAAiF,CAAC,EAACC,SAAS,EAAE,GAAGE,OAAM,EAAEC,M,cAE1H,IAAC;QACC,KAAKA;QACL,WAAWC,GAAG,gDAAgDJ;QAC7D,GAAGE,KAAK;;AAGbG,WAAW,WAAW,GAAG;AAEzB,MAAMC,mBAAmB,WAAnBA,GAAmBP,WACvB,CAAC,EAACC,SAAS,EAAE,GAAGE,OAAM,EAAEC,MAAAA,WAAAA,GACtB,IAAC;QACC,KAAKA;QACL,WAAWC,GAAG,iCAAiCJ;QAC9C,GAAGE,KAAK;;AAIfI,iBAAiB,WAAW,GAAG"}
+{"version":3,"file":"components/ui/alert.js","sources":["../../../src/components/ui/alert.tsx"],"sourcesContent":["import * as React from \"react\";\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\nimport styles from \"./alert.module.css\";\r\n\r\n/**\r\n * Defines the supported visual treatments for the Alert component.\r\n */\r\nexport type AlertVariant = \"default\" | \"destructive\";\r\n\r\nconst variantStyles: Record<AlertVariant, string> = {\r\n  default: styles.default!,\r\n  destructive: styles.destructive!,\r\n};\r\n\r\n/**\r\n * Represents the configurable props for the Alert component.\r\n *\r\n * @remarks\r\n * Extends native `<div>` attributes so alerts can expose ARIA relationships,\r\n * data attributes, and custom event handlers while selecting a visual variant.\r\n *\r\n * @default variant `\"default\"`\r\n */\r\nexport interface AlertProps extends React.HTMLAttributes<HTMLDivElement> {\r\n  /**\r\n   * Additional CSS classes merged with the base alert surface styles.\r\n   */\r\n  className?: string;\r\n  /**\r\n   * The visual tone used to communicate neutral or destructive feedback.\r\n   *\r\n   * @default \"default\"\r\n   */\r\n  variant?: AlertVariant;\r\n}\r\n\r\n/**\r\n * A bordered feedback container for inline status, warning, or error messaging.\r\n *\r\n * @remarks\r\n * **Rendering Context**: Server- and client-compatible presentational component.\r\n *\r\n * Renders a `<div>` with `role=\"alert\"` so assistive technologies announce urgent\r\n * content. Use {@link AlertTitle} and {@link AlertDescription} to build a clear,\r\n * accessible message structure.\r\n *\r\n * @example\r\n * ```tsx\r\n * <Alert variant=\"destructive\">\r\n *   <AlertTitle>Payment failed</AlertTitle>\r\n *   <AlertDescription>Verify your card details and try again.</AlertDescription>\r\n * </Alert>\r\n * ```\r\n *\r\n * @see {@link AlertTitle}\r\n * @see {@link AlertDescription}\r\n * @see {@link https://base-ui.com/react/overview Base UI documentation}\r\n */\r\nconst Alert = React.forwardRef<HTMLDivElement, AlertProps>(({className, variant = \"default\", ...props}, ref) => (\r\n  <div\r\n    ref={ref}\r\n    role='alert'\r\n    className={cn(styles.alert, variantStyles[variant], className)}\r\n    {...props}\r\n  />\r\n));\r\nAlert.displayName = \"Alert\";\r\n\r\n/**\r\n * Represents the configurable props for the AlertTitle component.\r\n *\r\n * @remarks\r\n * Extends native heading attributes and exposes a class override for styling.\r\n */\r\ninterface AlertTitleProps extends React.HTMLAttributes<HTMLHeadingElement> {\r\n  /**\r\n   * Additional CSS classes merged with the alert title styles.\r\n   */\r\n  className?: string;\r\n}\r\n\r\n/**\r\n * The heading slot for the primary alert message.\r\n *\r\n * @remarks\r\n * **Rendering Context**: Server- and client-compatible presentational component.\r\n *\r\n * Renders an `<h5>` element styled for compact but prominent messaging. Pair it with\r\n * {@link AlertDescription} when the alert needs supporting explanatory text.\r\n *\r\n * @example\r\n * ```tsx\r\n * <AlertTitle>Heads up</AlertTitle>\r\n * ```\r\n *\r\n * @see {@link AlertDescription}\r\n * @see {@link https://base-ui.com/react/overview Base UI documentation}\r\n */\r\nconst AlertTitle = React.forwardRef<HTMLHeadingElement, AlertTitleProps>(({children, className, ...props}, ref) => (\r\n  <h5\r\n    ref={ref}\r\n    className={cn(styles.title, className)}\r\n    {...props}>\r\n    {children}\r\n  </h5>\r\n));\r\nAlertTitle.displayName = \"AlertTitle\";\r\n\r\n/**\r\n * Represents the configurable props for the AlertDescription component.\r\n *\r\n * @remarks\r\n * Extends native `<div>` attributes so rich supporting content can be rendered inside\r\n * an alert body while preserving the component's spacing and typography.\r\n */\r\ninterface AlertDescriptionProps extends React.HTMLAttributes<HTMLDivElement> {\r\n  /**\r\n   * Additional CSS classes merged with the alert description styles.\r\n   */\r\n  className?: string;\r\n}\r\n\r\n/**\r\n * A supporting content slot for additional alert details.\r\n *\r\n * @remarks\r\n * **Rendering Context**: Server- and client-compatible presentational component.\r\n *\r\n * Renders a styled `<div>` so the alert body can contain paragraphs, lists, links,\r\n * or other rich inline content beneath the title.\r\n *\r\n * @example\r\n * ```tsx\r\n * <AlertDescription>API access will be restored after the billing issue is resolved.</AlertDescription>\r\n * ```\r\n *\r\n * @see {@link AlertTitle}\r\n * @see {@link https://base-ui.com/react/overview Base UI documentation}\r\n */\r\nconst AlertDescription = React.forwardRef<HTMLDivElement, AlertDescriptionProps>(({className, ...props}, ref) => (\r\n  <div\r\n    ref={ref}\r\n    className={cn(styles.description, className)}\r\n    {...props}\r\n  />\r\n));\r\nAlertDescription.displayName = \"AlertDescription\";\r\n\r\nexport {Alert, AlertDescription, AlertTitle};\r\n"],"names":["variantStyles","styles","Alert","React","className","variant","props","ref","cn","AlertTitle","children","AlertDescription"],"mappings":";;;;AAUA,MAAMA,gBAA8C;IAClD,SAASC,YAAAA,CAAAA,UAAc;IACvB,aAAaA,aAAAA,WAAkB;AACjC;AA8CA,MAAMC,QAAQ,WAAHA,GAAGC,WAA6C,CAAC,EAACC,SAAS,EAAEC,UAAU,SAAS,EAAE,GAAGC,OAAM,EAAEC,MAAAA,WAAAA,GACtG,IAAC;QACC,KAAKA;QACL,MAAK;QACL,WAAWC,GAAGP,aAAAA,KAAY,EAAED,aAAa,CAACK,QAAQ,EAAED;QACnD,GAAGE,KAAK;;AAGbJ,MAAM,WAAW,GAAG;AAgCpB,MAAMO,aAAa,WAAHA,GAAGN,WAAsD,CAAC,EAACO,QAAQ,EAAEN,SAAS,EAAE,GAAGE,OAAM,EAAEC,MAAAA,WAAAA,GACzG,IAAC;QACC,KAAKA;QACL,WAAWC,GAAGP,aAAAA,KAAY,EAAEG;QAC3B,GAAGE,KAAK;kBACRI;;AAGLD,WAAW,WAAW,GAAG;AAiCzB,MAAME,mBAAmB,WAAHA,GAAGR,WAAwD,CAAC,EAACC,SAAS,EAAE,GAAGE,OAAM,EAAEC,MAAAA,WAAAA,GACvG,IAAC;QACC,KAAKA;QACL,WAAWC,GAAGP,aAAAA,WAAkB,EAAEG;QACjC,GAAGE,KAAK;;AAGbK,iBAAiB,WAAW,GAAG"}

package/dist/components/ui/alert.module.js

@@ -0,0 +1,11 @@
+import "./alert_module.css";
+const alert_module = {
+    alert: "alert-DgrFrc",
+    default: "default-CmG8G5",
+    description: "description-TazenT",
+    destructive: "destructive-MREskk",
+    title: "title-dbqf11"
+};
+export default alert_module;
+
+//# sourceMappingURL=alert.module.js.map

package/dist/components/ui/alert.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components/ui/alert.module.js","sources":["../../../src/components/ui/alert.module.css"],"sourcesContent":["// extracted by LIB_CSS_EXTRACT_LOADER\nimport \"./alert_module.css\"\nexport default {\"alert\":\"alert-DgrFrc\",\"default\":\"default-CmG8G5\",\"description\":\"description-TazenT\",\"destructive\":\"destructive-MREskk\",\"title\":\"title-dbqf11\"};"],"names":[],"mappings":";AAEA,qBAAe;IAAC,OAAQ;IAAe,SAAU;IAAiB,aAAc;IAAqB,aAAc;IAAqB,OAAQ;AAAc"}

package/dist/components/ui/alert_module.css

@@ -0,0 +1,59 @@
+.alert-DgrFrc {
+  border: 1px solid var(--ac-border);
+  border-radius: var(--ac-radius-lg);
+  font-size: var(--ac-text-sm);
+  padding: var(--ac-space-4);
+  width: 100%;
+  position: relative;
+
+  & svg {
+    color: var(--ac-foreground);
+    height: 1rem;
+    left: var(--ac-space-4);
+    top: var(--ac-space-4);
+    width: 1rem;
+    position: absolute;
+  }
+
+  &:has(svg) {
+    padding-left: calc(var(--ac-space-4) + 1rem + var(--ac-space-3));
+  }
+}
+
+.default-CmG8G5 {
+  background-color: var(--ac-background);
+  color: var(--ac-foreground);
+
+  & .description-TazenT {
+    color: var(--ac-muted-foreground);
+  }
+}
+
+.destructive-MREskk {
+  border-color: color-mix(in oklch,var(--ac-destructive),transparent 50%);
+  color: var(--ac-destructive);
+
+  & svg {
+    color: var(--ac-destructive);
+  }
+
+  & .description-TazenT {
+    color: color-mix(in oklch,var(--ac-destructive),transparent 20%);
+  }
+}
+
+.title-dbqf11 {
+  letter-spacing: -.01em;
+  margin-bottom: var(--ac-space-1);
+  font-weight: 500;
+  line-height: 1.2;
+}
+
+.description-TazenT {
+  color: var(--ac-muted-foreground);
+  font-size: var(--ac-text-sm);
+  line-height: 1.5;
+}
+
+
+/*# sourceMappingURL=alert_module.css.map */

package/dist/components/ui/alert_module.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["webpack://./home/runner/work/arolariu.ro/arolariu.ro/packages/components/src/components/ui/alert.module.css","webpack://./src/components/ui/alert.module.css"],"names":[],"mappings":"AADA;ECEE,kCAAkC;EAClC,kCAAkC;EAClC,4BAA4B;EAC5B,0BAA0B;EAC1B,WAAW;EACX,kBAAkB;;EAElB;IACE,2BAA2B;IAC3B,YAAY;IACZ,uBAAuB;IACvB,sBAAsB;IACtB,WAAW;IACX,kBAAkB;EACpB;;EAEA;IACE,gEAAgE;EAClE;AACF;;AAEA;EACE,sCAAsC;EACtC,2BAA2B;;EAE3B;IACE,iCAAiC;EACnC;AACF;;AAEA;EACE,uEAAuE;EACvE,4BAA4B;;EAE5B;IACE,4BAA4B;EAC9B;;EAEA;IACE,gEAAgE;EAClE;AACF;;AAEA;EACE,sBAAsB;EACtB,gCAAgC;EAChC,gBAAgB;EAChB,gBAAgB;AAClB;;AAEA;EACE,iCAAiC;EACjC,4BAA4B;EAC5B,gBAAgB;AAClB","sourcesContent":[".alert{border:1px solid var(--ac-border);border-radius:var(--ac-radius-lg);font-size:var(--ac-text-sm);padding:var(--ac-space-4);position:relative;width:100%;& svg{color:var(--ac-foreground);height:1rem;left:var(--ac-space-4);position:absolute;top:var(--ac-space-4);width:1rem}&:has(svg){padding-left:calc(var(--ac-space-4) + 1rem + var(--ac-space-3))}}.default{background-color:var(--ac-background);color:var(--ac-foreground);& .description{color:var(--ac-muted-foreground)}}.destructive{border-color:color-mix(in oklch,var(--ac-destructive),transparent 50%);color:var(--ac-destructive);& svg{color:var(--ac-destructive)}& .description{color:color-mix(in oklch,var(--ac-destructive),transparent 20%)}}.title{font-weight:500;letter-spacing:-.01em;line-height:1.2;margin-bottom:var(--ac-space-1)}.description{color:var(--ac-muted-foreground);font-size:var(--ac-text-sm);line-height:1.5}",".alert {\n  border: 1px solid var(--ac-border);\n  border-radius: var(--ac-radius-lg);\n  font-size: var(--ac-text-sm);\n  padding: var(--ac-space-4);\n  width: 100%;\n  position: relative;\n\n  & svg {\n    color: var(--ac-foreground);\n    height: 1rem;\n    left: var(--ac-space-4);\n    top: var(--ac-space-4);\n    width: 1rem;\n    position: absolute;\n  }\n\n  &:has(svg) {\n    padding-left: calc(var(--ac-space-4) + 1rem + var(--ac-space-3));\n  }\n}\n\n.default {\n  background-color: var(--ac-background);\n  color: var(--ac-foreground);\n\n  & .description {\n    color: var(--ac-muted-foreground);\n  }\n}\n\n.destructive {\n  border-color: color-mix(in oklch,var(--ac-destructive),transparent 50%);\n  color: var(--ac-destructive);\n\n  & svg {\n    color: var(--ac-destructive);\n  }\n\n  & .description {\n    color: color-mix(in oklch,var(--ac-destructive),transparent 20%);\n  }\n}\n\n.title {\n  letter-spacing: -.01em;\n  margin-bottom: var(--ac-space-1);\n  font-weight: 500;\n  line-height: 1.2;\n}\n\n.description {\n  color: var(--ac-muted-foreground);\n  font-size: var(--ac-text-sm);\n  line-height: 1.5;\n}\n"],"sourceRoot":""}

package/dist/components/ui/aspect-ratio.d.ts

@@ -1,4 +1,26 @@
-import * as AspectRatioPrimitive from "@radix-ui/react-aspect-ratio";
-declare const AspectRatio: import("react").ForwardRefExoticComponent<AspectRatioPrimitive.AspectRatioProps & import("react").RefAttributes<HTMLDivElement>>;
+import * as React from "react";
+/**
+ * Props for the {@link AspectRatio} component.
+ */
+export interface AspectRatioProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Aspect ratio applied to the wrapper element. @default 1 */
+    ratio?: number | string;
+}
+/**
+ * Preserves a predictable width-to-height ratio for arbitrary content.
+ *
+ * @remarks
+ * - Pure CSS component (no Base UI primitive)
+ * - Renders a `<div>` element
+ * - Styling via CSS Modules with `--ac-*` custom properties
+ *
+ * @example
+ * ```tsx
+ * <AspectRatio ratio={16 / 9}>Media</AspectRatio>
+ * ```
+ *
+ * @see {@link AspectRatioProps} for available props
+ */
+declare const AspectRatio: React.ForwardRefExoticComponent<AspectRatioProps & React.RefAttributes<HTMLDivElement>>;
 export { AspectRatio };
 //# sourceMappingURL=aspect-ratio.d.ts.map

package/dist/components/ui/aspect-ratio.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"aspect-ratio.d.ts","sourceRoot":"","sources":["../../../src/components/ui/aspect-ratio.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,oBAAoB,MAAM,8BAA8B,CAAC;AAErE,QAAA,MAAM,WAAW,kIAA4B,CAAC;AAE9C,OAAO,EAAC,WAAW,EAAC,CAAC"}
+{"version":3,"file":"aspect-ratio.d.ts","sourceRoot":"","sources":["../../../src/components/ui/aspect-ratio.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B;;GAEG;AACH,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5E,8DAA8D;IAC9D,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CACzB;AAED;;;;;;;;;;;;;;GAcG;AACH,QAAA,MAAM,WAAW,yFAShB,CAAC;AAIF,OAAO,EAAC,WAAW,EAAC,CAAC"}

package/dist/components/ui/aspect-ratio.js

@@ -1,6 +1,17 @@
-"use client";
-import { Root } from "@radix-ui/react-aspect-ratio";
-const AspectRatio = Root;
+import { jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { cn } from "../../lib/utilities.js";
+import aspect_ratio_module from "./aspect-ratio.module.js";
+const AspectRatio = /*#__PURE__*/ forwardRef(({ className, ratio = 1, style, ...props }, ref)=>/*#__PURE__*/ jsx("div", {
+        ref: ref,
+        className: cn(aspect_ratio_module.root, className),
+        style: {
+            ...style,
+            aspectRatio: String(ratio)
+        },
+        ...props
+    }));
+AspectRatio.displayName = "AspectRatio";
 export { AspectRatio };
 
 //# sourceMappingURL=aspect-ratio.js.map

package/dist/components/ui/aspect-ratio.js.map

@@ -1 +1 @@
-{"version":3,"file":"components/ui/aspect-ratio.js","sources":["../../../src/components/ui/aspect-ratio.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport * as AspectRatioPrimitive from \"@radix-ui/react-aspect-ratio\";\r\n\r\nconst AspectRatio = AspectRatioPrimitive.Root;\r\n\r\nexport {AspectRatio};\r\n"],"names":["AspectRatio","AspectRatioPrimitive"],"mappings":";;AAIA,MAAMA,cAAcC"}
+{"version":3,"file":"components/ui/aspect-ratio.js","sources":["../../../src/components/ui/aspect-ratio.tsx"],"sourcesContent":["import * as React from \"react\";\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\nimport styles from \"./aspect-ratio.module.css\";\r\n\r\n/**\r\n * Props for the {@link AspectRatio} component.\r\n */\r\nexport interface AspectRatioProps extends React.HTMLAttributes<HTMLDivElement> {\r\n  /** Aspect ratio applied to the wrapper element. @default 1 */\r\n  ratio?: number | string;\r\n}\r\n\r\n/**\r\n * Preserves a predictable width-to-height ratio for arbitrary content.\r\n *\r\n * @remarks\r\n * - Pure CSS component (no Base UI primitive)\r\n * - Renders a `<div>` element\r\n * - Styling via CSS Modules with `--ac-*` custom properties\r\n *\r\n * @example\r\n * ```tsx\r\n * <AspectRatio ratio={16 / 9}>Media</AspectRatio>\r\n * ```\r\n *\r\n * @see {@link AspectRatioProps} for available props\r\n */\r\nconst AspectRatio = React.forwardRef<HTMLDivElement, AspectRatioProps>(\r\n  ({className, ratio = 1, style, ...props}: Readonly<AspectRatioProps>, ref): React.JSX.Element => (\r\n    <div\r\n      ref={ref}\r\n      className={cn(styles.root, className)}\r\n      style={{...style, aspectRatio: String(ratio)}}\r\n      {...props}\r\n    />\r\n  ),\r\n);\r\n\r\nAspectRatio.displayName = \"AspectRatio\";\r\n\r\nexport {AspectRatio};\r\n"],"names":["AspectRatio","React","className","ratio","style","props","ref","cn","styles","String"],"mappings":";;;;AA4BA,MAAMA,cAAc,WAAHA,GAAGC,WAClB,CAAC,EAACC,SAAS,EAAEC,QAAQ,CAAC,EAAEC,KAAK,EAAE,GAAGC,OAAkC,EAAEC,MAAAA,WAAAA,GACpE,IAAC;QACC,KAAKA;QACL,WAAWC,GAAGC,oBAAAA,IAAW,EAAEN;QAC3B,OAAO;YAAC,GAAGE,KAAK;YAAE,aAAaK,OAAON;QAAM;QAC3C,GAAGE,KAAK;;AAKfL,YAAY,WAAW,GAAG"}

package/dist/components/ui/aspect-ratio.module.js

@@ -0,0 +1,7 @@
+import "./aspect-ratio_module.css";
+const aspect_ratio_module = {
+    root: "root-x8J8rK"
+};
+export default aspect_ratio_module;
+
+//# sourceMappingURL=aspect-ratio.module.js.map

package/dist/components/ui/aspect-ratio.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components/ui/aspect-ratio.module.js","sources":["../../../src/components/ui/aspect-ratio.module.css"],"sourcesContent":["// extracted by LIB_CSS_EXTRACT_LOADER\nimport \"./aspect-ratio_module.css\"\nexport default {\"root\":\"root-x8J8rK\"};"],"names":[],"mappings":";AAEA,4BAAe;IAAC,MAAO;AAAa"}

package/dist/components/ui/aspect-ratio_module.css

@@ -0,0 +1,10 @@
+.root-x8J8rK {
+  border-radius: inherit;
+  width: 100%;
+  display: block;
+  position: relative;
+  overflow: hidden;
+}
+
+
+/*# sourceMappingURL=aspect-ratio_module.css.map */

package/dist/components/ui/aspect-ratio_module.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["webpack://./home/runner/work/arolariu.ro/arolariu.ro/packages/components/src/components/ui/aspect-ratio.module.css","webpack://./src/components/ui/aspect-ratio.module.css"],"names":[],"mappings":"AADA;ECEE,sBAAsB;EACtB,WAAW;EACX,cAAc;EACd,kBAAkB;EAClB,gBAAgB;AAClB","sourcesContent":[".root{border-radius:inherit;display:block;overflow:hidden;position:relative;width:100%}",".root {\n  border-radius: inherit;\n  width: 100%;\n  display: block;\n  position: relative;\n  overflow: hidden;\n}\n"],"sourceRoot":""}

package/dist/components/ui/async-boundary.js

@@ -0,0 +1,17 @@
+import { jsx } from "react/jsx-runtime";
+import { Suspense } from "react";
+import { ErrorBoundary } from "./error-boundary.js";
+import { Spinner } from "./spinner.js";
+function AsyncBoundary({ children, loadingFallback, ...errorBoundaryProps }) {
+    return /*#__PURE__*/ jsx(ErrorBoundary, {
+        ...errorBoundaryProps,
+        children: /*#__PURE__*/ jsx(Suspense, {
+            fallback: loadingFallback ?? /*#__PURE__*/ jsx(Spinner, {}),
+            children: children
+        })
+    });
+}
+AsyncBoundary.displayName = "AsyncBoundary";
+export { AsyncBoundary };
+
+//# sourceMappingURL=async-boundary.js.map

package/dist/components/ui/async-boundary.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components/ui/async-boundary.js","sources":["../../../src/components/ui/async-boundary.tsx"],"sourcesContent":["import * as React from \"react\";\r\n\r\nimport {ErrorBoundary, type ErrorBoundaryProps} from \"./error-boundary\";\r\nimport {Spinner} from \"./spinner\";\r\n\r\n/**\r\n * Represents the configurable props for the {@link AsyncBoundary} component.\r\n *\r\n * @remarks\r\n * Extends the shared error boundary contract with a Suspense fallback so async child\r\n * trees can handle loading and error states through a single composition primitive.\r\n */\r\ninterface AsyncBoundaryProps extends Omit<ErrorBoundaryProps, \"children\"> {\r\n  /**\r\n   * Content that may suspend or throw during rendering.\r\n   */\r\n  children: React.ReactNode;\r\n  /**\r\n   * Fallback UI rendered while descendants are suspended.\r\n   *\r\n   * @default <Spinner />\r\n   */\r\n  loadingFallback?: React.ReactNode;\r\n}\r\n\r\n/**\r\n * Combines Suspense loading behavior with error boundary recovery semantics.\r\n *\r\n * @remarks\r\n * **Rendering Context**: Server- and client-compatible composition component.\r\n *\r\n * Wrap async child trees with this component to centralize loading and error handling.\r\n * The loading fallback is rendered by `React.Suspense`, while rendering errors are\r\n * delegated to the shared client-side {@link ErrorBoundary}.\r\n *\r\n * @example\r\n * ```tsx\r\n * <AsyncBoundary loadingFallback={<CardSkeleton />}>\r\n *   <AsyncDataPanel />\r\n * </AsyncBoundary>\r\n * ```\r\n *\r\n * @see {@link AsyncBoundaryProps} for available props\r\n */\r\nfunction AsyncBoundary({children, loadingFallback, ...errorBoundaryProps}: Readonly<AsyncBoundaryProps>): React.JSX.Element {\r\n  return (\r\n    <ErrorBoundary {...errorBoundaryProps}>\r\n      <React.Suspense fallback={loadingFallback ?? <Spinner />}>{children}</React.Suspense>\r\n    </ErrorBoundary>\r\n  );\r\n}\r\n\r\nAsyncBoundary.displayName = \"AsyncBoundary\";\r\n\r\nexport {AsyncBoundary};\r\nexport type {AsyncBoundaryProps};\r\n"],"names":["AsyncBoundary","children","loadingFallback","errorBoundaryProps","ErrorBoundary","React","Spinner"],"mappings":";;;;AA4CA,SAASA,cAAc,EAACC,QAAQ,EAAEC,eAAe,EAAE,GAAGC,oBAAiD;IACrG,OAAO,WAAP,GACE,IAACC,eAAaA;QAAE,GAAGD,kBAAkB;kBACnC,kBAACE,UAAc;YAAC,UAAUH,mBAAmB,WAAnBA,GAAmB,IAACI,SAAOA,CAAAA;sBAAML;;;AAGjE;AAEAD,cAAc,WAAW,GAAG"}

package/dist/components/ui/avatar.d.ts

@@ -1,7 +1,91 @@
-import * as AvatarPrimitive from "@radix-ui/react-avatar";
+import { Avatar as BaseAvatar } from "@base-ui/react/avatar";
 import * as React from "react";
-declare const Avatar: React.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarProps & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
-declare const AvatarImage: React.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarImageProps & React.RefAttributes<HTMLImageElement>, "ref"> & React.RefAttributes<HTMLImageElement>>;
-declare const AvatarFallback: React.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarFallbackProps & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+/**
+ * Props for the shared avatar root.
+ */
+interface AvatarProps extends Omit<React.ComponentPropsWithRef<typeof BaseAvatar.Root>, "className"> {
+    /** Additional CSS classes merged with the avatar root styles. @default undefined */
+    className?: string;
+}
+/**
+ * Props for the shared avatar image.
+ */
+interface AvatarImageProps extends Omit<React.ComponentPropsWithRef<typeof BaseAvatar.Image>, "className"> {
+    /** Additional CSS classes merged with the avatar image styles. @default undefined */
+    className?: string;
+}
+/**
+ * Props for the shared avatar fallback.
+ */
+interface AvatarFallbackProps extends Omit<React.ComponentPropsWithRef<typeof BaseAvatar.Fallback>, "className"> {
+    /** Additional CSS classes merged with the avatar fallback styles. @default undefined */
+    className?: string;
+}
+/**
+ * Displays a user avatar container with shared sizing and shape styles.
+ *
+ * @remarks
+ * - Renders a `<span>` element by default
+ * - Built on {@link https://base-ui.com/react/components/avatar | Base UI Avatar}
+ * - Supports the `render` prop for element composition
+ * - Styling via CSS Modules with `--ac-*` custom properties
+ *
+ * @example Basic usage
+ * ```tsx
+ * <Avatar>
+ *   <AvatarImage src="/profile.png" alt="Profile" />
+ *   <AvatarFallback>AO</AvatarFallback>
+ * </Avatar>
+ * ```
+ *
+ * @see {@link https://base-ui.com/react/components/avatar | Base UI Documentation}
+ */
+declare const Avatar: React.ForwardRefExoticComponent<Omit<AvatarProps, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+/**
+ * Renders the primary avatar image inside the avatar root.
+ *
+ * @remarks
+ * - Renders an `<img>` element by default
+ * - Built on {@link https://base-ui.com/react/components/avatar | Base UI Avatar}
+ * - Supports the `render` prop for element composition
+ * - Styling via CSS Modules with `--ac-*` custom properties
+ *
+ * @example Basic usage
+ * ```tsx
+ * <AvatarImage src="/profile.png" alt="Profile" />
+ * ```
+ *
+ * @see {@link https://base-ui.com/react/components/avatar | Base UI Documentation}
+ */
+declare const AvatarImage: React.ForwardRefExoticComponent<Omit<AvatarImageProps, "ref"> & React.RefAttributes<HTMLImageElement>>;
+/**
+ * Renders fallback content when the avatar image is unavailable.
+ *
+ * @remarks
+ * - Renders a `<span>` element by default
+ * - Built on {@link https://base-ui.com/react/components/avatar | Base UI Avatar}
+ * - Supports the `render` prop for element composition
+ * - Styling via CSS Modules with `--ac-*` custom properties
+ *
+ * @example Basic usage
+ * ```tsx
+ * <AvatarFallback>AO</AvatarFallback>
+ * ```
+ *
+ * @see {@link https://base-ui.com/react/components/avatar | Base UI Documentation}
+ */
+declare const AvatarFallback: React.ForwardRefExoticComponent<Omit<AvatarFallbackProps, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+declare namespace Avatar {
+    type Props = AvatarProps;
+    type State = BaseAvatar.Root.State;
+}
+declare namespace AvatarImage {
+    type Props = AvatarImageProps;
+    type State = BaseAvatar.Image.State;
+}
+declare namespace AvatarFallback {
+    type Props = AvatarFallbackProps;
+    type State = BaseAvatar.Fallback.State;
+}
 export { Avatar, AvatarFallback, AvatarImage };
 //# sourceMappingURL=avatar.d.ts.map

package/dist/components/ui/avatar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"avatar.d.ts","sourceRoot":"","sources":["../../../src/components/ui/avatar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAC1D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,QAAA,MAAM,MAAM,yJASV,CAAC;AAGH,QAAA,MAAM,WAAW,gKASf,CAAC;AAGH,QAAA,MAAM,cAAc,iKASlB,CAAC;AAGH,OAAO,EAAC,MAAM,EAAE,cAAc,EAAE,WAAW,EAAC,CAAC"}
+{"version":3,"file":"avatar.d.ts","sourceRoot":"","sources":["../../../src/components/ui/avatar.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAC,MAAM,IAAI,UAAU,EAAC,MAAM,uBAAuB,CAAC;AAG3D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B;;GAEG;AACH,UAAU,WAAY,SAAQ,IAAI,CAAC,KAAK,CAAC,qBAAqB,CAAC,OAAO,UAAU,CAAC,IAAI,CAAC,EAAE,WAAW,CAAC;IAClG,oFAAoF;IACpF,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;GAEG;AACH,UAAU,gBAAiB,SAAQ,IAAI,CAAC,KAAK,CAAC,qBAAqB,CAAC,OAAO,UAAU,CAAC,KAAK,CAAC,EAAE,WAAW,CAAC;IACxG,qFAAqF;IACrF,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;GAEG;AACH,UAAU,mBAAoB,SAAQ,IAAI,CAAC,KAAK,CAAC,qBAAqB,CAAC,OAAO,UAAU,CAAC,QAAQ,CAAC,EAAE,WAAW,CAAC;IAC9G,wFAAwF;IACxF,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;;;;;;GAkBG;AACH,QAAA,MAAM,MAAM,kGAeV,CAAC;AAGH;;;;;;;;;;;;;;;GAeG;AACH,QAAA,MAAM,WAAW,wGAcf,CAAC;AAGH;;;;;;;;;;;;;;;GAeG;AACH,QAAA,MAAM,cAAc,0GAelB,CAAC;AAIH,kBAAU,MAAM,CAAC;IACf,KAAY,KAAK,GAAG,WAAW,CAAC;IAChC,KAAY,KAAK,GAAG,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC;CAC3C;AAGD,kBAAU,WAAW,CAAC;IACpB,KAAY,KAAK,GAAG,gBAAgB,CAAC;IACrC,KAAY,KAAK,GAAG,UAAU,CAAC,KAAK,CAAC,KAAK,CAAC;CAC5C;AAGD,kBAAU,cAAc,CAAC;IACvB,KAAY,KAAK,GAAG,mBAAmB,CAAC;IACxC,KAAY,KAAK,GAAG,UAAU,CAAC,QAAQ,CAAC,KAAK,CAAC;CAC/C;AAED,OAAO,EAAC,MAAM,EAAE,cAAc,EAAE,WAAW,EAAC,CAAC"}