@arolariu/components 0.5.0 → 1.0.0

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

@@ -1,13 +1,132 @@
-import { type VariantProps } from "class-variance-authority";
 import * as React from "react";
-declare function Empty({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
-declare function EmptyHeader({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
-declare const emptyMediaVariants: (props?: {
-    variant?: "default" | "icon";
-} & import("class-variance-authority/types").ClassProp) => string;
-declare function EmptyMedia({ className, variant, ...props }: React.ComponentProps<"div"> & VariantProps<typeof emptyMediaVariants>): import("react/jsx-runtime").JSX.Element;
-declare function EmptyTitle({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
-declare function EmptyDescription({ className, ...props }: React.ComponentProps<"p">): import("react/jsx-runtime").JSX.Element;
-declare function EmptyContent({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+/** Supported visual treatments for {@link EmptyMedia}. */
+export type EmptyMediaVariant = "default" | "icon";
+/**
+ * Props for the {@link Empty} component.
+ */
+export type EmptyProps = React.ComponentPropsWithoutRef<"div">;
+/**
+ * Props for the {@link EmptyHeader} component.
+ */
+export type EmptyHeaderProps = React.ComponentPropsWithoutRef<"div">;
+/**
+ * Props for the {@link EmptyMedia} component.
+ */
+export interface EmptyMediaProps extends React.ComponentPropsWithoutRef<"div"> {
+    /** Visual presentation applied to the media container. @default "default" */
+    variant?: EmptyMediaVariant;
+}
+/**
+ * Props for the {@link EmptyTitle} component.
+ */
+export type EmptyTitleProps = React.ComponentPropsWithoutRef<"div">;
+/**
+ * Props for the {@link EmptyDescription} component.
+ */
+export type EmptyDescriptionProps = React.ComponentPropsWithoutRef<"p">;
+/**
+ * Props for the {@link EmptyContent} component.
+ */
+export type EmptyContentProps = React.ComponentPropsWithoutRef<"div">;
+/**
+ * Creates a structured empty-state container.
+ *
+ * @remarks
+ * - Pure CSS component (no Base UI primitive)
+ * - Renders a `<div>` element
+ * - Styling via CSS Modules with `--ac-*` custom properties
+ *
+ * @example
+ * ```tsx
+ * <Empty>
+ *   <EmptyHeader />
+ * </Empty>
+ * ```
+ *
+ * @see {@link EmptyProps} for available props
+ */
+declare const Empty: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+/**
+ * Groups the leading header content for an empty state.
+ *
+ * @remarks
+ * - Pure CSS component (no Base UI primitive)
+ * - Renders a `<div>` element
+ * - Styling via CSS Modules with `--ac-*` custom properties
+ *
+ * @example
+ * ```tsx
+ * <EmptyHeader>Nothing here yet</EmptyHeader>
+ * ```
+ *
+ * @see {@link EmptyHeaderProps} for available props
+ */
+declare const EmptyHeader: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+/**
+ * Hosts media or icon content for an empty state.
+ *
+ * @remarks
+ * - Pure CSS component (no Base UI primitive)
+ * - Renders a `<div>` element
+ * - Styling via CSS Modules with `--ac-*` custom properties
+ *
+ * @example
+ * ```tsx
+ * <EmptyMedia variant='icon'>📭</EmptyMedia>
+ * ```
+ *
+ * @see {@link EmptyMediaProps} for available props
+ */
+declare const EmptyMedia: React.ForwardRefExoticComponent<EmptyMediaProps & React.RefAttributes<HTMLDivElement>>;
+/**
+ * Renders the primary title for an empty state.
+ *
+ * @remarks
+ * - Pure CSS component (no Base UI primitive)
+ * - Renders a `<div>` element
+ * - Styling via CSS Modules with `--ac-*` custom properties
+ *
+ * @example
+ * ```tsx
+ * <EmptyTitle>No results found</EmptyTitle>
+ * ```
+ *
+ * @see {@link EmptyTitleProps} for available props
+ */
+declare const EmptyTitle: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+/**
+ * Renders supporting copy for an empty state.
+ *
+ * @remarks
+ * - Pure CSS component (no Base UI primitive)
+ * - Renders a `<p>` element
+ * - Styling via CSS Modules with `--ac-*` custom properties
+ *
+ * @example
+ * ```tsx
+ * <EmptyDescription>Try adjusting your filters.</EmptyDescription>
+ * ```
+ *
+ * @see {@link EmptyDescriptionProps} for available props
+ */
+declare const EmptyDescription: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
+/**
+ * Hosts trailing actions or supplemental content for an empty state.
+ *
+ * @remarks
+ * - Pure CSS component (no Base UI primitive)
+ * - Renders a `<div>` element
+ * - Styling via CSS Modules with `--ac-*` custom properties
+ *
+ * @example
+ * ```tsx
+ * <EmptyContent>
+ *   <button type='button'>Create item</button>
+ * </EmptyContent>
+ * ```
+ *
+ * @see {@link EmptyContentProps} for available props
+ */
+declare const EmptyContent: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 export { Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle };
 //# sourceMappingURL=empty.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"empty.d.ts","sourceRoot":"","sources":["../../../src/components/ui/empty.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAM,KAAK,YAAY,EAAC,MAAM,0BAA0B,CAAC;AAChE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,iBAAS,KAAK,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAWhE;AAED,iBAAS,WAAW,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAQtE;AAED,QAAA,MAAM,kBAAkB;;iEAUtB,CAAC;AAEH,iBAAS,UAAU,CAAC,EAAC,SAAS,EAAE,OAAmB,EAAE,GAAG,KAAK,EAAC,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG,YAAY,CAAC,OAAO,kBAAkB,CAAC,2CASpI;AAED,iBAAS,UAAU,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAQrE;AAED,iBAAS,gBAAgB,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,2CAWzE;AAED,iBAAS,YAAY,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAQvE;AAED,OAAO,EAAC,KAAK,EAAE,YAAY,EAAE,gBAAgB,EAAE,WAAW,EAAE,UAAU,EAAE,UAAU,EAAC,CAAC"}
+{"version":3,"file":"empty.d.ts","sourceRoot":"","sources":["../../../src/components/ui/empty.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,0DAA0D;AAC1D,MAAM,MAAM,iBAAiB,GAAG,SAAS,GAAG,MAAM,CAAC;AAEnD;;GAEG;AACH,MAAM,MAAM,UAAU,GAAG,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,CAAC;AAE/D;;GAEG;AACH,MAAM,MAAM,gBAAgB,GAAG,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,CAAC;AAErE;;GAEG;AACH,MAAM,WAAW,eAAgB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC;IAC5E,6EAA6E;IAC7E,OAAO,CAAC,EAAE,iBAAiB,CAAC;CAC7B;AAED;;GAEG;AACH,MAAM,MAAM,eAAe,GAAG,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,CAAC;AAEpE;;GAEG;AACH,MAAM,MAAM,qBAAqB,GAAG,KAAK,CAAC,wBAAwB,CAAC,GAAG,CAAC,CAAC;AAExE;;GAEG;AACH,MAAM,MAAM,iBAAiB,GAAG,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,CAAC;AAEtE;;;;;;;;;;;;;;;;GAgBG;AACH,QAAA,MAAM,KAAK,mKASV,CAAC;AAEF;;;;;;;;;;;;;;GAcG;AACH,QAAA,MAAM,WAAW,mKAShB,CAAC;AAEF;;;;;;;;;;;;;;GAcG;AACH,QAAA,MAAM,UAAU,wFAUf,CAAC;AAEF;;;;;;;;;;;;;;GAcG;AACH,QAAA,MAAM,UAAU,mKASf,CAAC;AAEF;;;;;;;;;;;;;;GAcG;AACH,QAAA,MAAM,gBAAgB,qLASrB,CAAC;AAEF;;;;;;;;;;;;;;;;GAgBG;AACH,QAAA,MAAM,YAAY,mKASjB,CAAC;AASF,OAAO,EAAC,KAAK,EAAE,YAAY,EAAE,gBAAgB,EAAE,WAAW,EAAE,UAAU,EAAE,UAAU,EAAC,CAAC"}

package/dist/components/ui/empty.js

@@ -1,65 +1,50 @@
-"use client";
 import { jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
 import { cn } from "../../lib/utilities.js";
-import { cva } from "class-variance-authority";
-import "react";
-function Empty({ className, ...props }) {
-    return /*#__PURE__*/ jsx("div", {
+import empty_module from "./empty.module.js";
+const Empty = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx("div", {
+        ref: ref,
         "data-slot": "empty",
-        className: cn("flex min-w-0 flex-1 flex-col items-center justify-center gap-6 rounded-lg border-dashed p-6 text-center text-balance md:p-12", className),
+        className: cn(empty_module.empty, className),
         ...props
-    });
-}
-function EmptyHeader({ className, ...props }) {
-    return /*#__PURE__*/ jsx("div", {
+    }));
+const EmptyHeader = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx("div", {
+        ref: ref,
         "data-slot": "empty-header",
-        className: cn("flex max-w-sm flex-col items-center gap-2 text-center", className),
+        className: cn(empty_module.header, className),
         ...props
-    });
-}
-const emptyMediaVariants = cva("mb-2 flex shrink-0 items-center justify-center [&_svg]:pointer-events-none [&_svg]:shrink-0", {
-    variants: {
-        variant: {
-            default: "bg-transparent",
-            icon: "bg-neutral-100 text-neutral-950 flex size-10 shrink-0 items-center justify-center rounded-lg [&_svg:not([class*='size-'])]:size-6 dark:bg-neutral-800 dark:text-neutral-50"
-        }
-    },
-    defaultVariants: {
-        variant: "default"
-    }
-});
-function EmptyMedia({ className, variant = "default", ...props }) {
-    return /*#__PURE__*/ jsx("div", {
+    }));
+const EmptyMedia = /*#__PURE__*/ forwardRef(({ className, variant = "default", ...props }, ref)=>/*#__PURE__*/ jsx("div", {
+        ref: ref,
         "data-slot": "empty-icon",
         "data-variant": variant,
-        className: cn(emptyMediaVariants({
-            variant,
-            className
-        })),
+        className: cn(empty_module.media, "icon" === variant && empty_module.mediaIcon, className),
         ...props
-    });
-}
-function EmptyTitle({ className, ...props }) {
-    return /*#__PURE__*/ jsx("div", {
+    }));
+const EmptyTitle = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx("div", {
+        ref: ref,
         "data-slot": "empty-title",
-        className: cn("text-lg font-medium tracking-tight", className),
+        className: cn(empty_module.title, className),
         ...props
-    });
-}
-function EmptyDescription({ className, ...props }) {
-    return /*#__PURE__*/ jsx("div", {
+    }));
+const EmptyDescription = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx("p", {
+        ref: ref,
         "data-slot": "empty-description",
-        className: cn("text-sm/relaxed text-neutral-500 dark:text-neutral-400 [&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-neutral-900 dark:[&>a:hover]:text-neutral-50", className),
+        className: cn(empty_module.description, className),
         ...props
-    });
-}
-function EmptyContent({ className, ...props }) {
-    return /*#__PURE__*/ jsx("div", {
+    }));
+const EmptyContent = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx("div", {
+        ref: ref,
         "data-slot": "empty-content",
-        className: cn("flex w-full max-w-sm min-w-0 flex-col items-center gap-4 text-sm text-balance", className),
+        className: cn(empty_module.content, className),
         ...props
-    });
-}
+    }));
+Empty.displayName = "Empty";
+EmptyHeader.displayName = "EmptyHeader";
+EmptyMedia.displayName = "EmptyMedia";
+EmptyTitle.displayName = "EmptyTitle";
+EmptyDescription.displayName = "EmptyDescription";
+EmptyContent.displayName = "EmptyContent";
 export { Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle };
 
 //# sourceMappingURL=empty.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"components/ui/empty.js","sources":["../../../src/components/ui/empty.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\nimport {cva, type VariantProps} from \"class-variance-authority\";\r\nimport * as React from \"react\";\r\n\r\nfunction Empty({className, ...props}: React.ComponentProps<\"div\">) {\r\n  return (\r\n    <div\r\n      data-slot='empty'\r\n      className={cn(\r\n        \"flex min-w-0 flex-1 flex-col items-center justify-center gap-6 rounded-lg border-dashed p-6 text-center text-balance md:p-12\",\r\n        className,\r\n      )}\r\n      {...props}\r\n    />\r\n  );\r\n}\r\n\r\nfunction EmptyHeader({className, ...props}: React.ComponentProps<\"div\">) {\r\n  return (\r\n    <div\r\n      data-slot='empty-header'\r\n      className={cn(\"flex max-w-sm flex-col items-center gap-2 text-center\", className)}\r\n      {...props}\r\n    />\r\n  );\r\n}\r\n\r\nconst emptyMediaVariants = cva(\"mb-2 flex shrink-0 items-center justify-center [&_svg]:pointer-events-none [&_svg]:shrink-0\", {\r\n  variants: {\r\n    variant: {\r\n      default: \"bg-transparent\",\r\n      icon: \"bg-neutral-100 text-neutral-950 flex size-10 shrink-0 items-center justify-center rounded-lg [&_svg:not([class*='size-'])]:size-6 dark:bg-neutral-800 dark:text-neutral-50\",\r\n    },\r\n  },\r\n  defaultVariants: {\r\n    variant: \"default\",\r\n  },\r\n});\r\n\r\nfunction EmptyMedia({className, variant = \"default\", ...props}: React.ComponentProps<\"div\"> & VariantProps<typeof emptyMediaVariants>) {\r\n  return (\r\n    <div\r\n      data-slot='empty-icon'\r\n      data-variant={variant}\r\n      className={cn(emptyMediaVariants({variant, className}))}\r\n      {...props}\r\n    />\r\n  );\r\n}\r\n\r\nfunction EmptyTitle({className, ...props}: React.ComponentProps<\"div\">) {\r\n  return (\r\n    <div\r\n      data-slot='empty-title'\r\n      className={cn(\"text-lg font-medium tracking-tight\", className)}\r\n      {...props}\r\n    />\r\n  );\r\n}\r\n\r\nfunction EmptyDescription({className, ...props}: React.ComponentProps<\"p\">) {\r\n  return (\r\n    <div\r\n      data-slot='empty-description'\r\n      className={cn(\r\n        \"text-sm/relaxed text-neutral-500 dark:text-neutral-400 [&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-neutral-900 dark:[&>a:hover]:text-neutral-50\",\r\n        className,\r\n      )}\r\n      {...props}\r\n    />\r\n  );\r\n}\r\n\r\nfunction EmptyContent({className, ...props}: React.ComponentProps<\"div\">) {\r\n  return (\r\n    <div\r\n      data-slot='empty-content'\r\n      className={cn(\"flex w-full max-w-sm min-w-0 flex-col items-center gap-4 text-sm text-balance\", className)}\r\n      {...props}\r\n    />\r\n  );\r\n}\r\n\r\nexport {Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle};\r\n"],"names":["Empty","className","props","cn","EmptyHeader","emptyMediaVariants","cva","EmptyMedia","variant","EmptyTitle","EmptyDescription","EmptyContent"],"mappings":";;;;;AAMA,SAASA,MAAM,EAACC,SAAS,EAAE,GAAGC,OAAmC;IAC/D,OAAO,WAAP,GACE,IAAC;QACC,aAAU;QACV,WAAWC,GACT,gIACAF;QAED,GAAGC,KAAK;;AAGf;AAEA,SAASE,YAAY,EAACH,SAAS,EAAE,GAAGC,OAAmC;IACrE,OAAO,WAAP,GACE,IAAC;QACC,aAAU;QACV,WAAWC,GAAG,yDAAyDF;QACtE,GAAGC,KAAK;;AAGf;AAEA,MAAMG,qBAAqBC,IAAI,+FAA+F;IAC5H,UAAU;QACR,SAAS;YACP,SAAS;YACT,MAAM;QACR;IACF;IACA,iBAAiB;QACf,SAAS;IACX;AACF;AAEA,SAASC,WAAW,EAACN,SAAS,EAAEO,UAAU,SAAS,EAAE,GAAGN,OAA6E;IACnI,OAAO,WAAP,GACE,IAAC;QACC,aAAU;QACV,gBAAcM;QACd,WAAWL,GAAGE,mBAAmB;YAACG;YAASP;QAAS;QACnD,GAAGC,KAAK;;AAGf;AAEA,SAASO,WAAW,EAACR,SAAS,EAAE,GAAGC,OAAmC;IACpE,OAAO,WAAP,GACE,IAAC;QACC,aAAU;QACV,WAAWC,GAAG,sCAAsCF;QACnD,GAAGC,KAAK;;AAGf;AAEA,SAASQ,iBAAiB,EAACT,SAAS,EAAE,GAAGC,OAAiC;IACxE,OAAO,WAAP,GACE,IAAC;QACC,aAAU;QACV,WAAWC,GACT,iKACAF;QAED,GAAGC,KAAK;;AAGf;AAEA,SAASS,aAAa,EAACV,SAAS,EAAE,GAAGC,OAAmC;IACtE,OAAO,WAAP,GACE,IAAC;QACC,aAAU;QACV,WAAWC,GAAG,iFAAiFF;QAC9F,GAAGC,KAAK;;AAGf"}
+{"version":3,"file":"components/ui/empty.js","sources":["../../../src/components/ui/empty.tsx"],"sourcesContent":["import * as React from \"react\";\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\nimport styles from \"./empty.module.css\";\r\n\r\n/** Supported visual treatments for {@link EmptyMedia}. */\r\nexport type EmptyMediaVariant = \"default\" | \"icon\";\r\n\r\n/**\r\n * Props for the {@link Empty} component.\r\n */\r\nexport type EmptyProps = React.ComponentPropsWithoutRef<\"div\">;\r\n\r\n/**\r\n * Props for the {@link EmptyHeader} component.\r\n */\r\nexport type EmptyHeaderProps = React.ComponentPropsWithoutRef<\"div\">;\r\n\r\n/**\r\n * Props for the {@link EmptyMedia} component.\r\n */\r\nexport interface EmptyMediaProps extends React.ComponentPropsWithoutRef<\"div\"> {\r\n  /** Visual presentation applied to the media container. @default \"default\" */\r\n  variant?: EmptyMediaVariant;\r\n}\r\n\r\n/**\r\n * Props for the {@link EmptyTitle} component.\r\n */\r\nexport type EmptyTitleProps = React.ComponentPropsWithoutRef<\"div\">;\r\n\r\n/**\r\n * Props for the {@link EmptyDescription} component.\r\n */\r\nexport type EmptyDescriptionProps = React.ComponentPropsWithoutRef<\"p\">;\r\n\r\n/**\r\n * Props for the {@link EmptyContent} component.\r\n */\r\nexport type EmptyContentProps = React.ComponentPropsWithoutRef<\"div\">;\r\n\r\n/**\r\n * Creates a structured empty-state container.\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 * <Empty>\r\n *   <EmptyHeader />\r\n * </Empty>\r\n * ```\r\n *\r\n * @see {@link EmptyProps} for available props\r\n */\r\nconst Empty = React.forwardRef<HTMLDivElement, EmptyProps>(\r\n  ({className, ...props}: Readonly<EmptyProps>, ref): React.JSX.Element => (\r\n    <div\r\n      ref={ref}\r\n      data-slot='empty'\r\n      className={cn(styles.empty, className)}\r\n      {...props}\r\n    />\r\n  ),\r\n);\r\n\r\n/**\r\n * Groups the leading header content for an empty state.\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 * <EmptyHeader>Nothing here yet</EmptyHeader>\r\n * ```\r\n *\r\n * @see {@link EmptyHeaderProps} for available props\r\n */\r\nconst EmptyHeader = React.forwardRef<HTMLDivElement, EmptyHeaderProps>(\r\n  ({className, ...props}: Readonly<EmptyHeaderProps>, ref): React.JSX.Element => (\r\n    <div\r\n      ref={ref}\r\n      data-slot='empty-header'\r\n      className={cn(styles.header, className)}\r\n      {...props}\r\n    />\r\n  ),\r\n);\r\n\r\n/**\r\n * Hosts media or icon content for an empty state.\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 * <EmptyMedia variant='icon'>📭</EmptyMedia>\r\n * ```\r\n *\r\n * @see {@link EmptyMediaProps} for available props\r\n */\r\nconst EmptyMedia = React.forwardRef<HTMLDivElement, EmptyMediaProps>(\r\n  ({className, variant = \"default\", ...props}: Readonly<EmptyMediaProps>, ref): React.JSX.Element => (\r\n    <div\r\n      ref={ref}\r\n      data-slot='empty-icon'\r\n      data-variant={variant}\r\n      className={cn(styles.media, variant === \"icon\" && styles.mediaIcon, className)}\r\n      {...props}\r\n    />\r\n  ),\r\n);\r\n\r\n/**\r\n * Renders the primary title for an empty state.\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 * <EmptyTitle>No results found</EmptyTitle>\r\n * ```\r\n *\r\n * @see {@link EmptyTitleProps} for available props\r\n */\r\nconst EmptyTitle = React.forwardRef<HTMLDivElement, EmptyTitleProps>(\r\n  ({className, ...props}: Readonly<EmptyTitleProps>, ref): React.JSX.Element => (\r\n    <div\r\n      ref={ref}\r\n      data-slot='empty-title'\r\n      className={cn(styles.title, className)}\r\n      {...props}\r\n    />\r\n  ),\r\n);\r\n\r\n/**\r\n * Renders supporting copy for an empty state.\r\n *\r\n * @remarks\r\n * - Pure CSS component (no Base UI primitive)\r\n * - Renders a `<p>` element\r\n * - Styling via CSS Modules with `--ac-*` custom properties\r\n *\r\n * @example\r\n * ```tsx\r\n * <EmptyDescription>Try adjusting your filters.</EmptyDescription>\r\n * ```\r\n *\r\n * @see {@link EmptyDescriptionProps} for available props\r\n */\r\nconst EmptyDescription = React.forwardRef<HTMLParagraphElement, EmptyDescriptionProps>(\r\n  ({className, ...props}: Readonly<EmptyDescriptionProps>, ref): React.JSX.Element => (\r\n    <p\r\n      ref={ref}\r\n      data-slot='empty-description'\r\n      className={cn(styles.description, className)}\r\n      {...props}\r\n    />\r\n  ),\r\n);\r\n\r\n/**\r\n * Hosts trailing actions or supplemental content for an empty state.\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 * <EmptyContent>\r\n *   <button type='button'>Create item</button>\r\n * </EmptyContent>\r\n * ```\r\n *\r\n * @see {@link EmptyContentProps} for available props\r\n */\r\nconst EmptyContent = React.forwardRef<HTMLDivElement, EmptyContentProps>(\r\n  ({className, ...props}: Readonly<EmptyContentProps>, ref): React.JSX.Element => (\r\n    <div\r\n      ref={ref}\r\n      data-slot='empty-content'\r\n      className={cn(styles.content, className)}\r\n      {...props}\r\n    />\r\n  ),\r\n);\r\n\r\nEmpty.displayName = \"Empty\";\r\nEmptyHeader.displayName = \"EmptyHeader\";\r\nEmptyMedia.displayName = \"EmptyMedia\";\r\nEmptyTitle.displayName = \"EmptyTitle\";\r\nEmptyDescription.displayName = \"EmptyDescription\";\r\nEmptyContent.displayName = \"EmptyContent\";\r\n\r\nexport {Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle};\r\n"],"names":["Empty","React","className","props","ref","cn","styles","EmptyHeader","EmptyMedia","variant","EmptyTitle","EmptyDescription","EmptyContent"],"mappings":";;;;AA0DA,MAAMA,QAAQ,WAAHA,GAAGC,WACZ,CAAC,EAACC,SAAS,EAAE,GAAGC,OAA4B,EAAEC,MAAAA,WAAAA,GAC5C,IAAC;QACC,KAAKA;QACL,aAAU;QACV,WAAWC,GAAGC,aAAAA,KAAY,EAAEJ;QAC3B,GAAGC,KAAK;;AAoBf,MAAMI,cAAc,WAAHA,GAAGN,WAClB,CAAC,EAACC,SAAS,EAAE,GAAGC,OAAkC,EAAEC,MAAAA,WAAAA,GAClD,IAAC;QACC,KAAKA;QACL,aAAU;QACV,WAAWC,GAAGC,aAAAA,MAAa,EAAEJ;QAC5B,GAAGC,KAAK;;AAoBf,MAAMK,aAAa,WAAHA,GAAGP,WACjB,CAAC,EAACC,SAAS,EAAEO,UAAU,SAAS,EAAE,GAAGN,OAAiC,EAAEC,MAAAA,WAAAA,GACtE,IAAC;QACC,KAAKA;QACL,aAAU;QACV,gBAAcK;QACd,WAAWJ,GAAGC,aAAAA,KAAY,EAAEG,AAAY,WAAZA,WAAsBH,aAAAA,SAAgB,EAAEJ;QACnE,GAAGC,KAAK;;AAoBf,MAAMO,aAAa,WAAHA,GAAGT,WACjB,CAAC,EAACC,SAAS,EAAE,GAAGC,OAAiC,EAAEC,MAAAA,WAAAA,GACjD,IAAC;QACC,KAAKA;QACL,aAAU;QACV,WAAWC,GAAGC,aAAAA,KAAY,EAAEJ;QAC3B,GAAGC,KAAK;;AAoBf,MAAMQ,mBAAmB,WAAHA,GAAGV,WACvB,CAAC,EAACC,SAAS,EAAE,GAAGC,OAAuC,EAAEC,MAAAA,WAAAA,GACvD,IAAC;QACC,KAAKA;QACL,aAAU;QACV,WAAWC,GAAGC,aAAAA,WAAkB,EAAEJ;QACjC,GAAGC,KAAK;;AAsBf,MAAMS,eAAe,WAAHA,GAAGX,WACnB,CAAC,EAACC,SAAS,EAAE,GAAGC,OAAmC,EAAEC,MAAAA,WAAAA,GACnD,IAAC;QACC,KAAKA;QACL,aAAU;QACV,WAAWC,GAAGC,aAAAA,OAAc,EAAEJ;QAC7B,GAAGC,KAAK;;AAKfH,MAAM,WAAW,GAAG;AACpBO,YAAY,WAAW,GAAG;AAC1BC,WAAW,WAAW,GAAG;AACzBE,WAAW,WAAW,GAAG;AACzBC,iBAAiB,WAAW,GAAG;AAC/BC,aAAa,WAAW,GAAG"}

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

@@ -0,0 +1,13 @@
+import "./empty_module.css";
+const empty_module = {
+    empty: "empty-ePafO2",
+    header: "header-bzMYgh",
+    media: "media-psksn4",
+    mediaIcon: "mediaIcon-ZhuHBh",
+    title: "title-z9njFW",
+    description: "description-h_rXWE",
+    content: "content-IpZKKK"
+};
+export default empty_module;
+
+//# sourceMappingURL=empty.module.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"components/ui/empty.module.js","sources":["../../../src/components/ui/empty.module.css"],"sourcesContent":["// extracted by LIB_CSS_EXTRACT_LOADER\nimport \"./empty_module.css\"\nexport default {\"empty\":\"empty-ePafO2\",\"header\":\"header-bzMYgh\",\"media\":\"media-psksn4\",\"mediaIcon\":\"mediaIcon-ZhuHBh\",\"title\":\"title-z9njFW\",\"description\":\"description-h_rXWE\",\"content\":\"content-IpZKKK\"};"],"names":[],"mappings":";AAEA,qBAAe;IAAC,OAAQ;IAAe,QAAS;IAAgB,OAAQ;IAAe,WAAY;IAAmB,OAAQ;IAAe,aAAc;IAAqB,SAAU;AAAgB"}

package/dist/components/ui/empty_module.css

@@ -0,0 +1,85 @@
+.empty-ePafO2 {
+  border: 1px dashed var(--ac-border);
+  border-radius: var(--ac-radius-lg);
+  gap: var(--ac-space-6);
+  min-width: 0;
+  padding: var(--ac-space-6);
+  flex: auto;
+  justify-content: center;
+}
+
+.empty-ePafO2, .header-bzMYgh {
+  text-align: center;
+  flex-direction: column;
+  align-items: center;
+  display: flex;
+}
+
+.header-bzMYgh {
+  gap: var(--ac-space-2);
+  max-width: 24rem;
+}
+
+.media-psksn4 {
+  margin-bottom: var(--ac-space-2);
+  justify-content: center;
+  align-items: center;
+  display: flex;
+}
+
+.media-psksn4, .media-psksn4 svg {
+  flex-shrink: 0;
+}
+
+.mediaIcon-ZhuHBh {
+  background-color: var(--ac-muted);
+  border: 1px solid var(--ac-border);
+  border-radius: var(--ac-radius-lg);
+  color: var(--ac-foreground);
+  width: 2.5rem;
+  height: 2.5rem;
+}
+
+.mediaIcon-ZhuHBh svg {
+  width: 1.5rem;
+  height: 1.5rem;
+}
+
+.title-z9njFW {
+  color: var(--ac-foreground);
+  font-size: var(--ac-text-lg);
+  letter-spacing: -.01em;
+  font-weight: 600;
+}
+
+.description-h_rXWE {
+  color: var(--ac-muted-foreground);
+  font-size: var(--ac-text-sm);
+  line-height: 1.6;
+}
+
+.description-h_rXWE a {
+  color: inherit;
+  text-underline-offset: 4px;
+  text-decoration: underline;
+}
+
+@media (hover: hover) {
+  .description-h_rXWE a:hover {
+    color: var(--ac-foreground);
+  }
+}
+
+.content-IpZKKK {
+  font-size: var(--ac-text-sm);
+  align-items: center;
+  gap: var(--ac-space-4);
+  flex-direction: column;
+  width: 100%;
+  min-width: 0;
+  max-width: 24rem;
+  display: flex;
+}
+
+
+/*# sourceMappingURL=empty_module.css.map */

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

@@ -0,0 +1 @@
+{"version":3,"sources":["webpack://./home/runner/work/arolariu.ro/arolariu.ro/packages/components/src/components/ui/empty.module.css","webpack://./src/components/ui/empty.module.css"],"names":[],"mappings":"AADA;ECEE,mCAAmC;EACnC,kCAAkC;EAClC,sBAAsB;EACtB,YAAY;EACZ,0BAA0B;EAC1B,UAAU;EACV,uBAAuB;AACzB;;AAEA;EACE,kBAAkB;EAClB,sBAAsB;EACtB,mBAAmB;EACnB,aAAa;AACf;;AAEA;EACE,sBAAsB;EACtB,gBAAgB;AAClB;;AAEA;EACE,gCAAgC;EAChC,uBAAuB;EACvB,mBAAmB;EACnB,aAAa;AACf;;AAEA;EACE,cAAc;AAChB;;AAEA;EACE,iCAAiC;EACjC,kCAAkC;EAClC,kCAAkC;EAClC,2BAA2B;EAC3B,aAAa;EACb,cAAc;AAChB;;AAEA;EACE,aAAa;EACb,cAAc;AAChB;;AAEA;EACE,2BAA2B;EAC3B,4BAA4B;EAC5B,sBAAsB;EACtB,gBAAgB;AAClB;;AAEA;EACE,iCAAiC;EACjC,4BAA4B;EAC5B,gBAAgB;AAClB;;AAEA;EACE,cAAc;EACd,0BAA0B;EAC1B,0BAA0B;AAC5B;;AAEA;EACE;IACE,2BAA2B;EAC7B;AACF;;AAEA;EACE,4BAA4B;EAC5B,mBAAmB;EACnB,sBAAsB;EACtB,sBAAsB;EACtB,WAAW;EACX,YAAY;EACZ,gBAAgB;EAChB,aAAa;AACf","sourcesContent":[".empty{border:1px dashed var(--ac-border);border-radius:var(--ac-radius-lg);flex:1 1 auto;gap:var(--ac-space-6);justify-content:center;min-width:0;padding:var(--ac-space-6)}.empty,.header{align-items:center;display:flex;flex-direction:column;text-align:center}.header{gap:var(--ac-space-2);max-width:24rem}.media{align-items:center;display:flex;justify-content:center;margin-bottom:var(--ac-space-2)}.media,.media svg{flex-shrink:0}.mediaIcon{background-color:var(--ac-muted);border:1px solid var(--ac-border);border-radius:var(--ac-radius-lg);color:var(--ac-foreground);height:2.5rem;width:2.5rem}.mediaIcon svg{height:1.5rem;width:1.5rem}.title{color:var(--ac-foreground);font-size:var(--ac-text-lg);font-weight:600;letter-spacing:-.01em}.description{color:var(--ac-muted-foreground);font-size:var(--ac-text-sm);line-height:1.6}.description a{color:inherit;text-decoration:underline;text-underline-offset:4px}@media (hover:hover){.description a:hover{color:var(--ac-foreground)}}.content{align-items:center;display:flex;flex-direction:column;font-size:var(--ac-text-sm);gap:var(--ac-space-4);max-width:24rem;min-width:0;width:100%}",".empty {\n  border: 1px dashed var(--ac-border);\n  border-radius: var(--ac-radius-lg);\n  gap: var(--ac-space-6);\n  min-width: 0;\n  padding: var(--ac-space-6);\n  flex: auto;\n  justify-content: center;\n}\n\n.empty, .header {\n  text-align: center;\n  flex-direction: column;\n  align-items: center;\n  display: flex;\n}\n\n.header {\n  gap: var(--ac-space-2);\n  max-width: 24rem;\n}\n\n.media {\n  margin-bottom: var(--ac-space-2);\n  justify-content: center;\n  align-items: center;\n  display: flex;\n}\n\n.media, .media svg {\n  flex-shrink: 0;\n}\n\n.mediaIcon {\n  background-color: var(--ac-muted);\n  border: 1px solid var(--ac-border);\n  border-radius: var(--ac-radius-lg);\n  color: var(--ac-foreground);\n  width: 2.5rem;\n  height: 2.5rem;\n}\n\n.mediaIcon svg {\n  width: 1.5rem;\n  height: 1.5rem;\n}\n\n.title {\n  color: var(--ac-foreground);\n  font-size: var(--ac-text-lg);\n  letter-spacing: -.01em;\n  font-weight: 600;\n}\n\n.description {\n  color: var(--ac-muted-foreground);\n  font-size: var(--ac-text-sm);\n  line-height: 1.6;\n}\n\n.description a {\n  color: inherit;\n  text-underline-offset: 4px;\n  text-decoration: underline;\n}\n\n@media (hover: hover) {\n  .description a:hover {\n    color: var(--ac-foreground);\n  }\n}\n\n.content {\n  font-size: var(--ac-text-sm);\n  align-items: center;\n  gap: var(--ac-space-4);\n  flex-direction: column;\n  width: 100%;\n  min-width: 0;\n  max-width: 24rem;\n  display: flex;\n}\n"],"sourceRoot":""}

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

@@ -0,0 +1,61 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Component } from "react";
+import error_boundary_module from "./error-boundary.module.js";
+class ErrorBoundary extends Component {
+    static getDerivedStateFromError(error) {
+        return {
+            error
+        };
+    }
+    static{
+        this.displayName = "ErrorBoundary";
+    }
+    constructor(props){
+        super(props), this.handleReset = ()=>{
+            this.setState({
+                error: null
+            });
+        };
+        this.state = {
+            error: null
+        };
+    }
+    shouldComponentUpdate(nextProps, nextState) {
+        const { children, fallback, onError } = this.props;
+        const { error } = this.state;
+        return nextProps.children !== children || nextProps.fallback !== fallback || nextProps.onError !== onError || nextState.error !== error;
+    }
+    componentDidCatch(error, errorInfo) {
+        const { onError } = this.props;
+        onError?.(error, errorInfo);
+    }
+    render() {
+        const { error } = this.state;
+        const { children, fallback } = this.props;
+        const content = null === error ? children : "function" == typeof fallback ? fallback(error, this.handleReset) : fallback ?? /*#__PURE__*/ jsxs("div", {
+            className: error_boundary_module.fallback,
+            role: "alert",
+            children: [
+                /*#__PURE__*/ jsx("p", {
+                    className: error_boundary_module.title,
+                    children: "Something went wrong"
+                }),
+                /*#__PURE__*/ jsx("p", {
+                    className: error_boundary_module.message,
+                    children: error.message
+                }),
+                /*#__PURE__*/ jsx("button", {
+                    type: "button",
+                    className: error_boundary_module.retry,
+                    onClick: this.handleReset,
+                    children: "Try again"
+                })
+            ]
+        });
+        return content;
+    }
+}
+export { ErrorBoundary };
+
+//# sourceMappingURL=error-boundary.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"components/ui/error-boundary.js","sources":["../../../src/components/ui/error-boundary.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport * as React from \"react\";\r\n\r\nimport styles from \"./error-boundary.module.css\";\r\n\r\n/**\r\n * Represents the configurable props for the {@link ErrorBoundary} component.\r\n *\r\n * @remarks\r\n * Accepts child content plus an optional fallback renderer and error callback for\r\n * recovery-oriented error handling in React client trees.\r\n */\r\ninterface ErrorBoundaryProps {\r\n  /**\r\n   * Content rendered when no error has been captured.\r\n   */\r\n  children: React.ReactNode;\r\n  /**\r\n   * Custom fallback UI or render function invoked with the current error and reset action.\r\n   */\r\n  fallback?: React.ReactNode | ((error: Error, reset: () => void) => React.ReactNode);\r\n  /**\r\n   * Callback invoked after an error has been captured.\r\n   */\r\n  onError?: (error: Error, errorInfo: React.ErrorInfo) => void;\r\n}\r\n\r\n/**\r\n * Represents the tracked state for the {@link ErrorBoundary} component.\r\n *\r\n * @remarks\r\n * Stores the most recent rendering error so the boundary can swap to fallback UI and\r\n * later clear that error when `reset()` is invoked.\r\n */\r\ninterface ErrorBoundaryState {\r\n  /**\r\n   * The latest captured error, or `null` when the subtree is healthy.\r\n   */\r\n  error: Error | null;\r\n}\r\n\r\n/**\r\n * Catches JavaScript errors in descendant client components and renders fallback UI.\r\n *\r\n * @remarks\r\n * **Rendering Context**: Client component.\r\n *\r\n * React currently requires class components for error boundaries. This implementation\r\n * captures render-time and lifecycle errors, not asynchronous event handler exceptions,\r\n * and exposes a `reset()` pathway so callers can retry the failed subtree.\r\n *\r\n * @example\r\n * ```tsx\r\n * <ErrorBoundary\r\n *   fallback={(error, reset) => (\r\n *     <div>\r\n *       <p>Error: {error.message}</p>\r\n *       <button onClick={reset}>Try again</button>\r\n *     </div>\r\n *   )}>\r\n *   <DashboardPanel />\r\n * </ErrorBoundary>\r\n * ```\r\n *\r\n * @see {@link ErrorBoundaryProps} for available props\r\n */\r\nclass ErrorBoundary extends React.Component<ErrorBoundaryProps, ErrorBoundaryState> {\r\n  static getDerivedStateFromError(error: Error): ErrorBoundaryState {\r\n    return {error};\r\n  }\r\n\r\n  static readonly displayName = \"ErrorBoundary\";\r\n\r\n  constructor(props: ErrorBoundaryProps) {\r\n    super(props);\r\n    this.state = {error: null};\r\n  }\r\n\r\n  override shouldComponentUpdate(nextProps: Readonly<ErrorBoundaryProps>, nextState: Readonly<ErrorBoundaryState>): boolean {\r\n    const {children, fallback, onError} = this.props;\r\n    const {error} = this.state;\r\n\r\n    return nextProps.children !== children || nextProps.fallback !== fallback || nextProps.onError !== onError || nextState.error !== error;\r\n  }\r\n\r\n  override componentDidCatch(error: Error, errorInfo: React.ErrorInfo): void {\r\n    const {onError} = this.props;\r\n\r\n    onError?.(error, errorInfo);\r\n  }\r\n\r\n  handleReset = (): void => {\r\n    // eslint-disable-next-line react/no-set-state -- Error boundaries must clear internal error state to retry rendering.\r\n    this.setState({error: null});\r\n  };\r\n\r\n  // eslint-disable-next-line sonarjs/function-return-type -- Error boundary render paths intentionally return generic ReactNode content.\r\n  override render(): React.ReactNode {\r\n    const {error} = this.state;\r\n    const {children, fallback} = this.props;\r\n    const content: React.ReactNode =\r\n      error === null\r\n        ? children\r\n        : typeof fallback === \"function\"\r\n          ? fallback(error, this.handleReset)\r\n          : (fallback ?? (\r\n              <div\r\n                className={styles.fallback}\r\n                role='alert'>\r\n                <p className={styles.title}>Something went wrong</p>\r\n                <p className={styles.message}>{error.message}</p>\r\n                <button\r\n                  type='button'\r\n                  className={styles.retry}\r\n                  onClick={this.handleReset}>\r\n                  Try again\r\n                </button>\r\n              </div>\r\n            ));\r\n\r\n    return content;\r\n  }\r\n}\r\n\r\nexport {ErrorBoundary};\r\nexport type {ErrorBoundaryProps};\r\n"],"names":["ErrorBoundary","React","error","props","nextProps","nextState","children","fallback","onError","errorInfo","content","styles"],"mappings":";;;;AAmEA,MAAMA,sBAAsBC;IAC1B,OAAO,yBAAyBC,KAAY,EAAsB;QAChE,OAAO;YAACA;QAAK;IACf;;aAEgB,WAAW,GAAG;;IAE9B,YAAYC,KAAyB,CAAE;QACrC,KAAK,CAACA,QAAAA,IAAAA,CAiBR,WAAW,GAAG;YAEZ,IAAI,CAAC,QAAQ,CAAC;gBAAC,OAAO;YAAI;QAC5B;QAnBE,IAAI,CAAC,KAAK,GAAG;YAAC,OAAO;QAAI;IAC3B;IAES,sBAAsBC,SAAuC,EAAEC,SAAuC,EAAW;QACxH,MAAM,EAACC,QAAQ,EAAEC,QAAQ,EAAEC,OAAO,EAAC,GAAG,IAAI,CAAC,KAAK;QAChD,MAAM,EAACN,KAAK,EAAC,GAAG,IAAI,CAAC,KAAK;QAE1B,OAAOE,UAAU,QAAQ,KAAKE,YAAYF,UAAU,QAAQ,KAAKG,YAAYH,UAAU,OAAO,KAAKI,WAAWH,UAAU,KAAK,KAAKH;IACpI;IAES,kBAAkBA,KAAY,EAAEO,SAA0B,EAAQ;QACzE,MAAM,EAACD,OAAO,EAAC,GAAG,IAAI,CAAC,KAAK;QAE5BA,UAAUN,OAAOO;IACnB;IAQS,SAA0B;QACjC,MAAM,EAACP,KAAK,EAAC,GAAG,IAAI,CAAC,KAAK;QAC1B,MAAM,EAACI,QAAQ,EAAEC,QAAQ,EAAC,GAAG,IAAI,CAAC,KAAK;QACvC,MAAMG,UACJR,AAAU,SAAVA,QACII,WACA,AAAoB,cAApB,OAAOC,WACLA,SAASL,OAAO,IAAI,CAAC,WAAW,IAC/BK,YAAY,WAAZA,GACC,KAAC;YACC,WAAWI,sBAAAA,QAAe;YAC1B,MAAK;;8BACL,IAAC;oBAAE,WAAWA,sBAAAA,KAAY;8BAAE;;8BAC5B,IAAC;oBAAE,WAAWA,sBAAAA,OAAc;8BAAGT,MAAM,OAAO;;8BAC5C,IAAC;oBACC,MAAK;oBACL,WAAWS,sBAAAA,KAAY;oBACvB,SAAS,IAAI,CAAC,WAAW;8BAAE;;;;QAMzC,OAAOD;IACT;AACF"}

package/dist/components/ui/error-boundary.module.js

@@ -0,0 +1,10 @@
+import "./error-boundary_module.css";
+const error_boundary_module = {
+    fallback: "fallback-u_1nDW",
+    title: "title-sC_d4o",
+    message: "message-XHyoUA",
+    retry: "retry-lwlF55"
+};
+export default error_boundary_module;
+
+//# sourceMappingURL=error-boundary.module.js.map

package/dist/components/ui/error-boundary.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components/ui/error-boundary.module.js","sources":["../../../src/components/ui/error-boundary.module.css"],"sourcesContent":["// extracted by LIB_CSS_EXTRACT_LOADER\nimport \"./error-boundary_module.css\"\nexport default {\"fallback\":\"fallback-u_1nDW\",\"title\":\"title-sC_d4o\",\"message\":\"message-XHyoUA\",\"retry\":\"retry-lwlF55\"};"],"names":[],"mappings":";AAEA,8BAAe;IAAC,UAAW;IAAkB,OAAQ;IAAe,SAAU;IAAiB,OAAQ;AAAc"}

package/dist/components/ui/error-boundary_module.css

@@ -0,0 +1,41 @@
+.fallback-u_1nDW {
+  align-items: center;
+  gap: var(--ac-space-3);
+  padding: var(--ac-space-8);
+  text-align: center;
+  flex-direction: column;
+  justify-content: center;
+  display: flex;
+}
+
+.title-sC_d4o {
+  color: var(--ac-destructive);
+  font-size: var(--ac-text-lg);
+  font-weight: 600;
+}
+
+.message-XHyoUA {
+  color: var(--ac-muted-foreground);
+  max-width: 32rem;
+}
+
+.message-XHyoUA, .retry-lwlF55 {
+  font-size: var(--ac-text-sm);
+}
+
+.retry-lwlF55 {
+  background-color: var(--ac-background);
+  border: 1px solid var(--ac-border);
+  border-radius: var(--ac-radius-md);
+  color: var(--ac-foreground);
+  cursor: pointer;
+  padding: var(--ac-space-2) var(--ac-space-4);
+  transition: background-color var(--ac-transition-fast);
+}
+
+.retry-lwlF55:hover {
+  background-color: var(--ac-accent);
+}
+
+
+/*# sourceMappingURL=error-boundary_module.css.map */

package/dist/components/ui/error-boundary_module.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["webpack://./home/runner/work/arolariu.ro/arolariu.ro/packages/components/src/components/ui/error-boundary.module.css","webpack://./src/components/ui/error-boundary.module.css"],"names":[],"mappings":"AADA;ECEE,mBAAmB;EACnB,sBAAsB;EACtB,0BAA0B;EAC1B,kBAAkB;EAClB,sBAAsB;EACtB,uBAAuB;EACvB,aAAa;AACf;;AAEA;EACE,4BAA4B;EAC5B,4BAA4B;EAC5B,gBAAgB;AAClB;;AAEA;EACE,iCAAiC;EACjC,gBAAgB;AAClB;;AAEA;EACE,4BAA4B;AAC9B;;AAEA;EACE,sCAAsC;EACtC,kCAAkC;EAClC,kCAAkC;EAClC,2BAA2B;EAC3B,eAAe;EACf,4CAA4C;EAC5C,sDAAsD;AACxD;;AAEA;EACE,kCAAkC;AACpC","sourcesContent":[".fallback{align-items:center;display:flex;flex-direction:column;gap:var(--ac-space-3);justify-content:center;padding:var(--ac-space-8);text-align:center}.title{color:var(--ac-destructive);font-size:var(--ac-text-lg);font-weight:600}.message{color:var(--ac-muted-foreground);max-width:32rem}.message,.retry{font-size:var(--ac-text-sm)}.retry{background-color:var(--ac-background);border:1px solid var(--ac-border);border-radius:var(--ac-radius-md);color:var(--ac-foreground);cursor:pointer;padding:var(--ac-space-2) var(--ac-space-4);transition:background-color var(--ac-transition-fast)}.retry:hover{background-color:var(--ac-accent)}",".fallback {\n  align-items: center;\n  gap: var(--ac-space-3);\n  padding: var(--ac-space-8);\n  text-align: center;\n  flex-direction: column;\n  justify-content: center;\n  display: flex;\n}\n\n.title {\n  color: var(--ac-destructive);\n  font-size: var(--ac-text-lg);\n  font-weight: 600;\n}\n\n.message {\n  color: var(--ac-muted-foreground);\n  max-width: 32rem;\n}\n\n.message, .retry {\n  font-size: var(--ac-text-sm);\n}\n\n.retry {\n  background-color: var(--ac-background);\n  border: 1px solid var(--ac-border);\n  border-radius: var(--ac-radius-md);\n  color: var(--ac-foreground);\n  cursor: pointer;\n  padding: var(--ac-space-2) var(--ac-space-4);\n  transition: background-color var(--ac-transition-fast);\n}\n\n.retry:hover {\n  background-color: var(--ac-accent);\n}\n"],"sourceRoot":""}