@etus/ui 0.4.0-beta.2 → 0.4.0-beta.20

package/dist/chunk-3MOBFZJM.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/DashboardCard/DashboardCard.variants.ts","../src/components/data-display/DashboardCard/DashboardCard.tsx"],"names":[],"mappings":"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","file":"chunk-3MOBFZJM.js","sourcesContent":["// DashboardCard/DashboardCard.variants.ts\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\n/**\n * DashboardCard style variants using CVA\n */\nexport const dashboardCardVariants = cva(\n  // Base styles (always applied)\n  [\n    \"flex flex-col justify-between\",\n    \"rounded-2xl border bg-card text-card-foreground\",\n    \"transition-colors duration-200\",\n  ],\n  {\n    variants: {\n      variant: {\n        default: \"border-border shadow-sm\",\n        ghost: \"border-transparent bg-transparent shadow-none\",\n        outline: \"border-border bg-transparent\",\n        elevated: \"border-border shadow-md\",\n      },\n      size: {\n        sm: \"p-4\",\n        md: \"p-6\",\n        lg: \"p-8\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"md\",\n    },\n  }\n)\n\nexport const dashboardCardHeaderVariants = cva([\n  \"flex items-center justify-between gap-2\",\n])\n\nexport const dashboardCardTitleVariants = cva([\n  \"text-sm font-bold text-foreground\",\n])\n\nexport const dashboardCardValueVariants = cva([\n  \"mt-2 flex items-baseline gap-2\",\n])\n\nexport const dashboardCardValueTextVariants = cva([\n  \"text-xl font-semibold text-foreground tabular-nums\",\n])\n\nexport const dashboardCardValueDescriptionVariants = cva([\n  \"text-sm text-muted-foreground\",\n])\n\nexport const dashboardCardContentVariants = cva([\"mt-4\"])\n\nexport const dashboardCardFooterVariants = cva([\n  \"mt-6 text-xs text-muted-foreground\",\n])\n\nexport const dashboardCardCtaLinkVariants = cva([\n  \"text-primary hover:text-primary/80 hover:underline\",\n])\n\nexport type DashboardCardVariantProps = VariantProps<\n  typeof dashboardCardVariants\n>\n","// DashboardCard/DashboardCard.tsx\nimport type {\n  DashboardCardContentProps,\n  DashboardCardFooterProps,\n  DashboardCardHeaderProps,\n  DashboardCardProps,\n  DashboardCardTitleProps,\n  DashboardCardValueProps,\n} from \"./DashboardCard.types\"\n\nimport { cn } from \"../../../lib/utils\"\nimport { SkeletonLoader } from \"../../primitives/SkeletonLoader\"\nimport {\n  dashboardCardContentVariants,\n  dashboardCardCtaLinkVariants,\n  dashboardCardFooterVariants,\n  dashboardCardHeaderVariants,\n  dashboardCardTitleVariants,\n  dashboardCardValueDescriptionVariants,\n  dashboardCardValueTextVariants,\n  dashboardCardValueVariants,\n  dashboardCardVariants,\n} from \"./DashboardCard.variants\"\n\n/**\n * DashboardCardHeader - Header section with title and optional badge/icon\n */\nfunction DashboardCardHeader({\n  className,\n  children,\n  ...props\n}: DashboardCardHeaderProps) {\n  return (\n    <div\n      className={cn(dashboardCardHeaderVariants(), className)}\n      data-slot=\"dashboard-card-header\"\n      {...props}\n    >\n      {children}\n    </div>\n  )\n}\n\n/**\n * DashboardCardTitle - Title text for the card\n */\nfunction DashboardCardTitle({\n  className,\n  children,\n  ...props\n}: DashboardCardTitleProps) {\n  return (\n    <h3\n      className={cn(dashboardCardTitleVariants(), className)}\n      data-slot=\"dashboard-card-title\"\n      {...props}\n    >\n      {children}\n    </h3>\n  )\n}\n\n/**\n * DashboardCardValue - Main value display area\n */\nfunction DashboardCardValue({\n  className,\n  children,\n  ...props\n}: DashboardCardValueProps) {\n  return (\n    <div\n      className={cn(dashboardCardValueVariants(), className)}\n      data-slot=\"dashboard-card-value\"\n      {...props}\n    >\n      {children}\n    </div>\n  )\n}\n\n/**\n * DashboardCardContent - Content area for charts, progress bars, etc.\n */\nfunction DashboardCardContent({\n  className,\n  children,\n  ...props\n}: DashboardCardContentProps) {\n  return (\n    <div\n      className={cn(dashboardCardContentVariants(), className)}\n      data-slot=\"dashboard-card-content\"\n      {...props}\n    >\n      {children}\n    </div>\n  )\n}\n\n/**\n * DashboardCardFooter - Footer with optional CTA\n */\nfunction DashboardCardFooter({\n  className,\n  children,\n  ...props\n}: DashboardCardFooterProps) {\n  return (\n    <div\n      className={cn(dashboardCardFooterVariants(), className)}\n      data-slot=\"dashboard-card-footer\"\n      {...props}\n    >\n      {children}\n    </div>\n  )\n}\n\n/**\n * DashboardCard - Card wrapper for dashboard widgets\n *\n * Displays KPIs, charts, progress bars, and other dashboard content\n * with a consistent structure: header, value, content, and footer.\n *\n * @example\n * ```tsx\n * // Simple usage\n * <DashboardCard\n *   title=\"Revenue\"\n *   value=\"$45,231\"\n *   valueDescription=\"total this month\"\n *   badge={<Badge variant=\"success\">+12%</Badge>}\n * >\n *   <LineChart data={chartData} />\n * </DashboardCard>\n *\n * // Composable usage\n * <DashboardCard>\n *   <DashboardCard.Header>\n *     <DashboardCard.Title>Custom Title</DashboardCard.Title>\n *   </DashboardCard.Header>\n *   <DashboardCard.Value>$99,999</DashboardCard.Value>\n *   <DashboardCard.Content>\n *     <ProgressBar value={75} />\n *   </DashboardCard.Content>\n *   <DashboardCard.Footer>\n *     <a href=\"/details\">View details</a>\n *   </DashboardCard.Footer>\n * </DashboardCard>\n * ```\n */\nfunction DashboardCard({\n  title,\n  badge,\n  value,\n  valueDescription,\n  icon,\n  ctaText,\n  ctaLink,\n  ctaDescription,\n  loading = false,\n  variant,\n  size,\n  className,\n  children,\n  ...props\n}: DashboardCardProps) {\n  // Loading state\n  if (loading) {\n    return (\n      <div\n        className={cn(dashboardCardVariants({ variant, size }), className)}\n        data-slot=\"dashboard-card\"\n        {...props}\n      >\n        <div className={cn(dashboardCardHeaderVariants())}>\n          <SkeletonLoader className=\"h-4 w-24\" />\n          <SkeletonLoader className=\"h-5 w-12\" />\n        </div>\n        <div className={cn(dashboardCardValueVariants())}>\n          <SkeletonLoader className=\"h-7 w-32\" />\n        </div>\n        <div className={cn(dashboardCardContentVariants())}>\n          <SkeletonLoader className=\"h-32 w-full\" />\n        </div>\n      </div>\n    )\n  }\n\n  // If only children provided, render as composable\n  // eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing -- Intentional: checking truthiness, not null/undefined\n  const hasSimpleProps = title || value\n\n  if (!hasSimpleProps && children) {\n    return (\n      <div\n        className={cn(dashboardCardVariants({ variant, size }), className)}\n        data-slot=\"dashboard-card\"\n        {...props}\n      >\n        {children}\n      </div>\n    )\n  }\n\n  // Simple/declarative usage\n  return (\n    <div\n      className={cn(dashboardCardVariants({ variant, size }), className)}\n      data-slot=\"dashboard-card\"\n      {...props}\n    >\n      <div>\n        {/* Header */}\n        {/* eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing -- Intentional: checking truthiness */}\n        {(title || badge || icon) && (\n          <div className={cn(dashboardCardHeaderVariants())}>\n            <div className=\"flex items-center gap-2\">\n              {title && (\n                <h3 className={cn(dashboardCardTitleVariants())}>{title}</h3>\n              )}\n              {badge}\n            </div>\n            {icon && (\n              <span\n                className=\"text-muted-foreground\"\n                data-slot=\"dashboard-card-icon\"\n              >\n                {icon}\n              </span>\n            )}\n          </div>\n        )}\n\n        {/* Value */}\n        {value && (\n          <div className={cn(dashboardCardValueVariants())}>\n            <span className={cn(dashboardCardValueTextVariants())}>\n              {value}\n            </span>\n            {valueDescription && (\n              <span className={cn(dashboardCardValueDescriptionVariants())}>\n                {valueDescription}\n              </span>\n            )}\n          </div>\n        )}\n\n        {/* Content */}\n        {children && (\n          <div className={cn(dashboardCardContentVariants())}>{children}</div>\n        )}\n      </div>\n\n      {/* Footer/CTA */}\n      {/* eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing -- Intentional: checking truthiness */}\n      {(ctaText || ctaDescription) && (\n        <div className={cn(dashboardCardFooterVariants())}>\n          {ctaDescription}{\" \"}\n          {ctaText && ctaLink && (\n            <a className={cn(dashboardCardCtaLinkVariants())} href={ctaLink}>\n              {ctaText}\n            </a>\n          )}\n        </div>\n      )}\n    </div>\n  )\n}\n\n// Attach subcomponents\nDashboardCard.Header = DashboardCardHeader\nDashboardCard.Title = DashboardCardTitle\nDashboardCard.Value = DashboardCardValue\nDashboardCard.Content = DashboardCardContent\nDashboardCard.Footer = DashboardCardFooter\n\nDashboardCard.displayName = \"DashboardCard\"\n\nexport {\n  DashboardCard,\n  DashboardCardContent,\n  DashboardCardFooter,\n  DashboardCardHeader,\n  DashboardCardTitle,\n  DashboardCardValue,\n}\n"]}

package/dist/chunk-3R6MY3YJ.js

@@ -0,0 +1,90 @@
+import { AlertDialog, AlertDialogTrigger, AlertDialogContent, AlertDialogHeader, AlertDialogTitle, AlertDialogDescription, AlertDialogFooter, AlertDialogCancel, AlertDialogAction } from './chunk-PTXC4KPQ.js';
+import { cn } from './chunk-RVAYDRMA.js';
+import 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var sizeClasses = {
+  sm: "sm:max-w-sm",
+  md: "sm:max-w-md",
+  lg: "sm:max-w-lg"
+};
+var confirmButtonVariants = {
+  default: "bg-primary text-primary-foreground hover:bg-primary/90",
+  destructive: "bg-destructive text-destructive-foreground hover:bg-destructive/90",
+  warning: "bg-warning text-warning-fg hover:bg-warning/90"
+};
+var fallbackDescription = "Confirme esta a\xE7\xE3o para continuar.";
+function ConfirmModal({
+  open,
+  onOpenChange,
+  defaultOpen = false,
+  title = "Confirmar",
+  description,
+  icon,
+  children,
+  confirmLabel = "Confirmar",
+  cancelLabel = "Cancelar",
+  variant = "default",
+  onConfirm,
+  onCancel,
+  loading = false,
+  disabled = false,
+  trigger,
+  className,
+  size = "md"
+}) {
+  const isDisabled = loading || disabled;
+  const accessibleDescription = description ?? fallbackDescription;
+  const handleConfirm = (event) => {
+    event.preventDefault();
+    if (onConfirm) {
+      void onConfirm();
+    }
+  };
+  const handleCancel = () => {
+    onCancel?.();
+    onOpenChange?.(false);
+  };
+  return /* @__PURE__ */ jsxs(
+    AlertDialog,
+    {
+      defaultOpen,
+      open,
+      onOpenChange,
+      children: [
+        trigger && /* @__PURE__ */ jsx(AlertDialogTrigger, { asChild: true, children: trigger }),
+        /* @__PURE__ */ jsxs(
+          AlertDialogContent,
+          {
+            className: cn(sizeClasses[size], className),
+            "data-slot": "confirm-modal",
+            children: [
+              /* @__PURE__ */ jsxs(AlertDialogHeader, { children: [
+                icon && /* @__PURE__ */ jsx("div", { className: "mb-2", "data-slot": "confirm-modal-icon", children: icon }),
+                /* @__PURE__ */ jsx(AlertDialogTitle, { children: title }),
+                /* @__PURE__ */ jsx(AlertDialogDescription, { className: description ? void 0 : "sr-only", children: accessibleDescription })
+              ] }),
+              children && /* @__PURE__ */ jsx("div", { "data-slot": "confirm-modal-content", children }),
+              /* @__PURE__ */ jsxs(AlertDialogFooter, { children: [
+                /* @__PURE__ */ jsx(AlertDialogCancel, { disabled: isDisabled, onClick: handleCancel, children: cancelLabel }),
+                /* @__PURE__ */ jsx(
+                  AlertDialogAction,
+                  {
+                    className: cn(confirmButtonVariants[variant]),
+                    disabled: isDisabled,
+                    onClick: handleConfirm,
+                    children: confirmLabel
+                  }
+                )
+              ] })
+            ]
+          }
+        )
+      ]
+    }
+  );
+}
+
+export { ConfirmModal };
+//# sourceMappingURL=chunk-3R6MY3YJ.js.map
+//# sourceMappingURL=chunk-3R6MY3YJ.js.map

package/dist/chunk-3R6MY3YJ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/feedback/ConfirmModal/ConfirmModal.tsx"],"names":[],"mappings":"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","file":"chunk-3R6MY3YJ.js","sourcesContent":["\"use client\"\n\nimport type {\n  ConfirmModalProps,\n  ConfirmModalSize,\n  ConfirmModalVariant,\n} from \"./ConfirmModal.types\"\n\nimport * as React from \"react\"\n\nimport { cn } from \"../../../lib/utils\"\nimport {\n  AlertDialog,\n  AlertDialogAction,\n  AlertDialogCancel,\n  AlertDialogContent,\n  AlertDialogDescription,\n  AlertDialogFooter,\n  AlertDialogHeader,\n  AlertDialogTitle,\n  AlertDialogTrigger,\n} from \"../AlertDialog\"\n\nconst sizeClasses: Record<ConfirmModalSize, string> = {\n  sm: \"sm:max-w-sm\",\n  md: \"sm:max-w-md\",\n  lg: \"sm:max-w-lg\",\n}\n\nconst confirmButtonVariants: Record<ConfirmModalVariant, string> = {\n  default: \"bg-primary text-primary-foreground hover:bg-primary/90\",\n  destructive: \"bg-destructive text-destructive-foreground hover:bg-destructive/90\",\n  warning: \"bg-warning text-warning-fg hover:bg-warning/90\",\n}\n\nconst fallbackDescription = \"Confirme esta ação para continuar.\"\n\n/**\n * ConfirmModal - Simplified confirmation dialog\n *\n * A wrapper over AlertDialog that provides a declarative API for confirmation dialogs.\n * Abstracts the complexity of AlertDialog subcomponents into a simple props interface.\n *\n * @example\n * ```tsx\n * // Basic usage with trigger\n * <ConfirmModal\n *   trigger={<Button>Delete</Button>}\n *   title=\"Delete item\"\n *   description=\"This action cannot be undone.\"\n *   variant=\"destructive\"\n *   onConfirm={() => deleteItem()}\n * />\n *\n * // Controlled usage\n * <ConfirmModal\n *   open={open}\n *   onOpenChange={setOpen}\n *   title=\"Confirm action\"\n *   onConfirm={handleConfirm}\n * />\n * ```\n */\nfunction ConfirmModal({\n  open,\n  onOpenChange,\n  defaultOpen = false,\n  title = \"Confirmar\",\n  description,\n  icon,\n  children,\n  confirmLabel = \"Confirmar\",\n  cancelLabel = \"Cancelar\",\n  variant = \"default\",\n  onConfirm,\n  onCancel,\n  loading = false,\n  disabled = false,\n  trigger,\n  className,\n  size = \"md\",\n}: ConfirmModalProps) {\n  const isDisabled = loading || disabled\n  const accessibleDescription = description ?? fallbackDescription\n\n  const handleConfirm = (\n    event: React.MouseEvent<HTMLButtonElement>\n  ): void => {\n    event.preventDefault()\n    if (onConfirm) {\n      void onConfirm()\n    }\n  }\n\n  const handleCancel = (): void => {\n    onCancel?.()\n    onOpenChange?.(false)\n  }\n\n  return (\n    <AlertDialog\n      defaultOpen={defaultOpen}\n      open={open}\n      onOpenChange={onOpenChange}\n    >\n      {trigger && <AlertDialogTrigger asChild>{trigger}</AlertDialogTrigger>}\n      <AlertDialogContent\n        className={cn(sizeClasses[size], className)}\n        data-slot=\"confirm-modal\"\n      >\n        <AlertDialogHeader>\n          {icon && (\n            <div className=\"mb-2\" data-slot=\"confirm-modal-icon\">\n              {icon}\n            </div>\n          )}\n          <AlertDialogTitle>{title}</AlertDialogTitle>\n          <AlertDialogDescription className={description ? undefined : \"sr-only\"}>\n            {accessibleDescription}\n          </AlertDialogDescription>\n        </AlertDialogHeader>\n        {children && (\n          <div data-slot=\"confirm-modal-content\">{children}</div>\n        )}\n        <AlertDialogFooter>\n          <AlertDialogCancel disabled={isDisabled} onClick={handleCancel}>\n            {cancelLabel}\n          </AlertDialogCancel>\n          <AlertDialogAction\n            className={cn(confirmButtonVariants[variant])}\n            disabled={isDisabled}\n            onClick={handleConfirm}\n          >\n            {confirmLabel}\n          </AlertDialogAction>\n        </AlertDialogFooter>\n      </AlertDialogContent>\n    </AlertDialog>\n  )\n}\n\nexport { ConfirmModal }\n"]}

package/dist/chunk-447INBQP.js

@@ -0,0 +1,35 @@
+import { cn } from './chunk-RVAYDRMA.js';
+import { cva } from 'class-variance-authority';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var successMessageVariants = cva(
+  "text-sm flex items-center gap-1.5 text-success",
+  {
+    variants: {},
+    defaultVariants: {}
+  }
+);
+function SuccessMessage({
+  className,
+  icon,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(
+    "span",
+    {
+      className: cn(successMessageVariants(), className),
+      "data-slot": "success-message",
+      role: "status",
+      ...props,
+      children: [
+        icon && /* @__PURE__ */ jsx("span", { "aria-hidden": "true", "data-slot": "success-message-icon", children: icon }),
+        children
+      ]
+    }
+  );
+}
+
+export { SuccessMessage, successMessageVariants };
+//# sourceMappingURL=chunk-447INBQP.js.map
+//# sourceMappingURL=chunk-447INBQP.js.map

package/dist/chunk-447INBQP.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/forms/SuccessMessage/SuccessMessage.variants.ts","../src/components/forms/SuccessMessage/SuccessMessage.tsx"],"names":[],"mappings":";;;;AAKO,IAAM,sBAAA,GAAyB,GAAA;AAAA,EACpC,gDAAA;AAAA,EACA;AAAA,IACE,UAAU,EAAC;AAAA,IACX,iBAAiB;AAAC;AAEtB;ACQA,SAAS,cAAA,CAAe;AAAA,EACtB,SAAA;AAAA,EACA,IAAA;AAAA,EACA,QAAA;AAAA,EACA,GAAG;AACL,CAAA,EAAwB;AACtB,EAAA,uBACE,IAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,EAAA,CAAG,sBAAA,EAAuB,EAAG,SAAS,CAAA;AAAA,MACjD,WAAA,EAAU,iBAAA;AAAA,MACV,IAAA,EAAK,QAAA;AAAA,MACJ,GAAG,KAAA;AAAA,MAEH,QAAA,EAAA;AAAA,QAAA,IAAA,wBACE,MAAA,EAAA,EAAK,aAAA,EAAY,MAAA,EAAO,WAAA,EAAU,wBAChC,QAAA,EAAA,IAAA,EACH,CAAA;AAAA,QAED;AAAA;AAAA;AAAA,GACH;AAEJ","file":"chunk-447INBQP.js","sourcesContent":["import { cva, type VariantProps } from \"class-variance-authority\"\n\n/**\n * SuccessMessage variant styles using CVA\n */\nexport const successMessageVariants = cva(\n  \"text-sm flex items-center gap-1.5 text-success\",\n  {\n    variants: {},\n    defaultVariants: {},\n  }\n)\n\n// Export variant prop types\nexport type SuccessMessageVariantProps = VariantProps<typeof successMessageVariants>\n","import type { SuccessMessageProps } from \"./SuccessMessage.types\"\n\nimport { cn } from \"../../../lib/utils\"\nimport { successMessageVariants } from \"./SuccessMessage.variants\"\n\n/**\n * SuccessMessage displays success feedback messages in forms.\n *\n * @example\n * ```tsx\n * <SuccessMessage>Your changes have been saved</SuccessMessage>\n * ```\n *\n * @example\n * ```tsx\n * // With icon\n * <SuccessMessage icon={<CheckIcon />}>Email verified successfully</SuccessMessage>\n * ```\n */\nfunction SuccessMessage({\n  className,\n  icon,\n  children,\n  ...props\n}: SuccessMessageProps) {\n  return (\n    <span\n      className={cn(successMessageVariants(), className)}\n      data-slot=\"success-message\"\n      role=\"status\"\n      {...props}\n    >\n      {icon && (\n        <span aria-hidden=\"true\" data-slot=\"success-message-icon\">\n          {icon}\n        </span>\n      )}\n      {children}\n    </span>\n  )\n}\n\nexport { SuccessMessage }\n"]}

package/dist/chunk-45D4O7RK.js

@@ -0,0 +1,78 @@
+import * as AspectRatioPrimitive from '@radix-ui/react-aspect-ratio';
+import { jsx } from 'react/jsx-runtime';
+
+// src/components/primitives/AspectRatio/AspectRatio.tsx
+function AspectRatio({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(AspectRatioPrimitive.Root, { "data-slot": "aspect-ratio", ...props });
+}
+
+// src/components/primitives/AspectRatio/AspectRatio.variants.ts
+var PHI = 1.618033988749895;
+var aspectRatios = {
+  // Square
+  /** 1:1 - Perfect square */
+  square: 1,
+  // Standard photo/video
+  /** 4:3 - Traditional TV/photography */
+  landscape: 4 / 3,
+  /** 3:4 - Portrait photography */
+  portrait: 3 / 4,
+  /** 16:9 - Standard video/widescreen */
+  video: 16 / 9,
+  /** 9:16 - Vertical video (Stories, Reels, TikTok) */
+  vertical: 9 / 16,
+  // Classic photo
+  /** 3:2 - Classic 35mm film photography */
+  photo: 3 / 2,
+  /** 2:3 - Portrait classic photo */
+  photoPortrait: 2 / 3,
+  // Display
+  /** 16:10 - Common laptop/monitor display */
+  display: 16 / 10,
+  /** 10:16 - Portrait display */
+  displayPortrait: 10 / 16,
+  // Photo variants
+  /** 5:4 - Medium format photography */
+  photo5x4: 5 / 4,
+  /** 4:5 - Instagram portrait, medium format */
+  photo4x5: 4 / 5,
+  // Panoramic
+  /** 2:1 - Panoramic landscape */
+  panoramic: 2 / 1,
+  /** 1:2 - Panoramic portrait */
+  panoramicPortrait: 1 / 2,
+  // Golden ratio
+  /** 1.618:1 - Golden ratio (φ) */
+  golden: PHI,
+  /** 1:1.618 - Inverse golden ratio */
+  goldenPortrait: 1 / PHI,
+  // Ultrawide/Cinema
+  /** 21:9 - Cinema/ultrawide displays */
+  wide: 21 / 9,
+  /** 9:21 - Portrait ultrawide */
+  widePortrait: 9 / 21,
+  /** 32:9 - Super ultrawide displays */
+  ultrawide: 32 / 9
+};
+function getRatio(preset) {
+  return aspectRatios[preset];
+}
+function calculateRatio(width, height) {
+  if (height === 0) {
+    throw new Error("Height cannot be zero");
+  }
+  return width / height;
+}
+function parseRatio(input) {
+  const [width, height] = input.split(":").map(Number);
+  if (width === void 0 || height === void 0 || !Number.isFinite(width) || !Number.isFinite(height) || width <= 0 || height <= 0) {
+    throw new Error(`Invalid ratio string: ${input}`);
+  }
+  return width / height;
+}
+
+export { AspectRatio, aspectRatios, calculateRatio, getRatio, parseRatio };
+//# sourceMappingURL=chunk-45D4O7RK.js.map
+//# sourceMappingURL=chunk-45D4O7RK.js.map

package/dist/chunk-45D4O7RK.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/primitives/AspectRatio/AspectRatio.tsx","../src/components/primitives/AspectRatio/AspectRatio.variants.ts"],"names":[],"mappings":";;;;AAIA,SAAS,WAAA,CAAY;AAAA,EACnB,GAAG;AACL,CAAA,EAA2D;AACzD,EAAA,2BAA6B,oBAAA,CAAA,IAAA,EAArB,EAA0B,WAAA,EAAU,cAAA,EAAgB,GAAG,KAAA,EAAO,CAAA;AACxE;;;ACHA,IAAM,GAAA,GAAM,iBAAA;AAgBL,IAAM,YAAA,GAAkD;AAAA;AAAA;AAAA,EAG7D,MAAA,EAAQ,CAAA;AAAA;AAAA;AAAA,EAIR,WAAW,CAAA,GAAI,CAAA;AAAA;AAAA,EAEf,UAAU,CAAA,GAAI,CAAA;AAAA;AAAA,EAEd,OAAO,EAAA,GAAK,CAAA;AAAA;AAAA,EAEZ,UAAU,CAAA,GAAI,EAAA;AAAA;AAAA;AAAA,EAId,OAAO,CAAA,GAAI,CAAA;AAAA;AAAA,EAEX,eAAe,CAAA,GAAI,CAAA;AAAA;AAAA;AAAA,EAInB,SAAS,EAAA,GAAK,EAAA;AAAA;AAAA,EAEd,iBAAiB,EAAA,GAAK,EAAA;AAAA;AAAA;AAAA,EAItB,UAAU,CAAA,GAAI,CAAA;AAAA;AAAA,EAEd,UAAU,CAAA,GAAI,CAAA;AAAA;AAAA;AAAA,EAId,WAAW,CAAA,GAAI,CAAA;AAAA;AAAA,EAEf,mBAAmB,CAAA,GAAI,CAAA;AAAA;AAAA;AAAA,EAIvB,MAAA,EAAQ,GAAA;AAAA;AAAA,EAER,gBAAgB,CAAA,GAAI,GAAA;AAAA;AAAA;AAAA,EAIpB,MAAM,EAAA,GAAK,CAAA;AAAA;AAAA,EAEX,cAAc,CAAA,GAAI,EAAA;AAAA;AAAA,EAElB,WAAW,EAAA,GAAK;AAClB;AAcO,SAAS,SAAS,MAAA,EAAmC;AAC1D,EAAA,OAAO,aAAa,MAAM,CAAA;AAC5B;AAeO,SAAS,cAAA,CAAe,OAAe,MAAA,EAAwB;AACpE,EAAA,IAAI,WAAW,CAAA,EAAG;AAChB,IAAA,MAAM,IAAI,MAAM,uBAAuB,CAAA;AAAA,EACzC;AACA,EAAA,OAAO,KAAA,GAAQ,MAAA;AACjB;AAiBO,SAAS,WAAW,KAAA,EAAuB;AAChD,EAAA,MAAM,CAAC,OAAO,MAAM,CAAA,GAAI,MAAM,KAAA,CAAM,GAAG,CAAA,CAAE,GAAA,CAAI,MAAM,CAAA;AACnD,EAAA,IACE,UAAU,MAAA,IACV,MAAA,KAAW,MAAA,IACX,CAAC,OAAO,QAAA,CAAS,KAAK,CAAA,IACtB,CAAC,OAAO,QAAA,CAAS,MAAM,KACvB,KAAA,IAAS,CAAA,IACT,UAAU,CAAA,EACV;AACA,IAAA,MAAM,IAAI,KAAA,CAAM,CAAA,sBAAA,EAAyB,KAAK,CAAA,CAAE,CAAA;AAAA,EAClD;AACA,EAAA,OAAO,KAAA,GAAQ,MAAA;AACjB","file":"chunk-45D4O7RK.js","sourcesContent":["\"use client\"\n\nimport * as AspectRatioPrimitive from \"@radix-ui/react-aspect-ratio\"\n\nfunction AspectRatio({\n  ...props\n}: React.ComponentProps<typeof AspectRatioPrimitive.Root>) {\n  return <AspectRatioPrimitive.Root data-slot=\"aspect-ratio\" {...props} />\n}\n\nexport { AspectRatio }\n","import type { AspectRatioPreset } from \"./AspectRatio.types\"\n\n/**\n * Golden ratio constant (φ = 1.618033988749895)\n */\nconst PHI = 1.618033988749895\n\n/**\n * Common aspect ratio values as numeric ratios (width/height)\n * Matches Figma design system ratios\n *\n * @example\n * ```tsx\n * import { AspectRatio } from \"@etus/ui\"\n * import { aspectRatios } from \"@etus/ui\"\n *\n * <AspectRatio ratio={aspectRatios.video}>\n *   <img src=\"...\" />\n * </AspectRatio>\n * ```\n */\nexport const aspectRatios: Record<AspectRatioPreset, number> = {\n  // Square\n  /** 1:1 - Perfect square */\n  square: 1,\n\n  // Standard photo/video\n  /** 4:3 - Traditional TV/photography */\n  landscape: 4 / 3,\n  /** 3:4 - Portrait photography */\n  portrait: 3 / 4,\n  /** 16:9 - Standard video/widescreen */\n  video: 16 / 9,\n  /** 9:16 - Vertical video (Stories, Reels, TikTok) */\n  vertical: 9 / 16,\n\n  // Classic photo\n  /** 3:2 - Classic 35mm film photography */\n  photo: 3 / 2,\n  /** 2:3 - Portrait classic photo */\n  photoPortrait: 2 / 3,\n\n  // Display\n  /** 16:10 - Common laptop/monitor display */\n  display: 16 / 10,\n  /** 10:16 - Portrait display */\n  displayPortrait: 10 / 16,\n\n  // Photo variants\n  /** 5:4 - Medium format photography */\n  photo5x4: 5 / 4,\n  /** 4:5 - Instagram portrait, medium format */\n  photo4x5: 4 / 5,\n\n  // Panoramic\n  /** 2:1 - Panoramic landscape */\n  panoramic: 2 / 1,\n  /** 1:2 - Panoramic portrait */\n  panoramicPortrait: 1 / 2,\n\n  // Golden ratio\n  /** 1.618:1 - Golden ratio (φ) */\n  golden: PHI,\n  /** 1:1.618 - Inverse golden ratio */\n  goldenPortrait: 1 / PHI,\n\n  // Ultrawide/Cinema\n  /** 21:9 - Cinema/ultrawide displays */\n  wide: 21 / 9,\n  /** 9:21 - Portrait ultrawide */\n  widePortrait: 9 / 21,\n  /** 32:9 - Super ultrawide displays */\n  ultrawide: 32 / 9,\n} as const\n\n/**\n * Helper function to convert a ratio preset string to a numeric value\n *\n * @param preset - The aspect ratio preset name\n * @returns The numeric ratio value\n *\n * @example\n * ```tsx\n * getRatio(\"video\") // returns 1.7778 (16/9)\n * getRatio(\"square\") // returns 1\n * ```\n */\nexport function getRatio(preset: AspectRatioPreset): number {\n  return aspectRatios[preset]\n}\n\n/**\n * Helper function to calculate aspect ratio from width and height\n *\n * @param width - The width value\n * @param height - The height value\n * @returns The aspect ratio as width/height\n *\n * @example\n * ```tsx\n * calculateRatio(1920, 1080) // returns 1.7778 (16:9)\n * calculateRatio(800, 600) // returns 1.3333 (4:3)\n * ```\n */\nexport function calculateRatio(width: number, height: number): number {\n  if (height === 0) {\n    throw new Error(\"Height cannot be zero\")\n  }\n  return width / height\n}\n\n/**\n * Helper function to parse a ratio string (e.g. \"16:9\") into a numeric value\n *\n * Useful when the ratio arrives as a string from a CMS or API instead of a\n * named preset.\n *\n * @param input - The ratio string in \"width:height\" format\n * @returns The numeric ratio as width/height\n *\n * @example\n * ```tsx\n * parseRatio(\"16:9\") // returns 1.7778\n * parseRatio(\"1.618:1\") // returns 1.618\n * ```\n */\nexport function parseRatio(input: string): number {\n  const [width, height] = input.split(\":\").map(Number)\n  if (\n    width === undefined ||\n    height === undefined ||\n    !Number.isFinite(width) ||\n    !Number.isFinite(height) ||\n    width <= 0 ||\n    height <= 0\n  ) {\n    throw new Error(`Invalid ratio string: ${input}`)\n  }\n  return width / height\n}\n"]}

package/dist/chunk-4LZ53BAG.js

@@ -0,0 +1,82 @@
+import { cn } from './chunk-RVAYDRMA.js';
+import { X } from 'lucide-react';
+import { cva } from 'class-variance-authority';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var bannerVariants = cva(
+  // Base styles (always applied)
+  "relative flex w-full items-center justify-center gap-[var(--banner-root-gap)] px-[var(--banner-root-padding-x)] py-[var(--banner-root-padding-y)] text-[length:var(--banner-text-size)]",
+  {
+    variants: {
+      variant: {
+        default: "bg-muted text-muted-foreground",
+        info: "bg-[color:var(--info-subtle)] text-[color:var(--info-subtle-foreground)]",
+        success: "bg-[color:var(--success-subtle)] text-[color:var(--success-subtle-foreground)]",
+        warning: "bg-[color:var(--warning-subtle)] text-[color:var(--warning-subtle-foreground)]",
+        error: "bg-[color:var(--destructive-subtle)] text-[color:var(--destructive-subtle-foreground)]",
+        promo: "bg-gradient-to-r from-primary to-primary/80 text-primary-foreground"
+      },
+      position: {
+        top: "fixed left-0 right-0 top-0 z-50",
+        bottom: "fixed bottom-0 left-0 right-0 z-50",
+        inline: "relative"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      position: "inline"
+    }
+  }
+);
+function Banner({
+  className,
+  variant,
+  position,
+  icon,
+  action,
+  dismissible = true,
+  onDismiss,
+  sticky = false,
+  children,
+  role,
+  ...props
+}) {
+  const ariaRole = role ?? (variant === "error" || variant === "warning" ? "alert" : "status");
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn(
+        bannerVariants({ variant, position }),
+        sticky && "sticky",
+        className
+      ),
+      "aria-live": ariaRole === "alert" ? "assertive" : "polite",
+      "data-position": position ?? "inline",
+      "data-slot": "banner",
+      "data-sticky": sticky ? "" : void 0,
+      "data-variant": variant ?? "default",
+      role: ariaRole,
+      ...props,
+      children: /* @__PURE__ */ jsxs("div", { className: "mx-auto flex max-w-screen-xl items-center gap-2", children: [
+        icon && /* @__PURE__ */ jsx("span", { className: "shrink-0", "data-slot": "banner-icon", children: icon }),
+        /* @__PURE__ */ jsx("span", { className: "flex-1", "data-slot": "banner-content", children }),
+        action && /* @__PURE__ */ jsx("span", { className: "shrink-0", "data-slot": "banner-action", children: action }),
+        dismissible && /* @__PURE__ */ jsx(
+          "button",
+          {
+            "aria-label": "Close",
+            className: "shrink-0 rounded-sm opacity-70 transition-opacity hover:opacity-100 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
+            "data-slot": "banner-close",
+            type: "button",
+            onClick: onDismiss,
+            children: /* @__PURE__ */ jsx(X, { className: "size-4" })
+          }
+        )
+      ] })
+    }
+  );
+}
+
+export { Banner, bannerVariants };
+//# sourceMappingURL=chunk-4LZ53BAG.js.map
+//# sourceMappingURL=chunk-4LZ53BAG.js.map

package/dist/chunk-4LZ53BAG.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/Banner/Banner.variants.ts","../src/components/data-display/Banner/Banner.tsx"],"names":[],"mappings":";;;;;AAQO,IAAM,cAAA,GAAiB,GAAA;AAAA;AAAA,EAE5B,yLAAA;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,OAAA,EAAS;AAAA,QACP,OAAA,EAAS,gCAAA;AAAA,QACT,IAAA,EAAM,0EAAA;AAAA,QACN,OAAA,EACE,gFAAA;AAAA,QACF,OAAA,EACE,gFAAA;AAAA,QACF,KAAA,EACE,wFAAA;AAAA,QACF,KAAA,EACE;AAAA,OACJ;AAAA,MACA,QAAA,EAAU;AAAA,QACR,GAAA,EAAK,iCAAA;AAAA,QACL,MAAA,EAAQ,oCAAA;AAAA,QACR,MAAA,EAAQ;AAAA;AACV,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,OAAA,EAAS,SAAA;AAAA,MACT,QAAA,EAAU;AAAA;AACZ;AAEJ;ACdA,SAAS,MAAA,CAAO;AAAA,EACd,SAAA;AAAA,EACA,OAAA;AAAA,EACA,QAAA;AAAA,EACA,IAAA;AAAA,EACA,MAAA;AAAA,EACA,WAAA,GAAc,IAAA;AAAA,EACd,SAAA;AAAA,EACA,MAAA,GAAS,KAAA;AAAA,EACT,QAAA;AAAA,EACA,IAAA;AAAA,EACA,GAAG;AACL,CAAA,EAAgB;AAEd,EAAA,MAAM,WACJ,IAAA,KACC,OAAA,KAAY,OAAA,IAAW,OAAA,KAAY,YAAY,OAAA,GAAU,QAAA,CAAA;AAE5D,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,EAAA;AAAA,QACT,cAAA,CAAe,EAAE,OAAA,EAAS,QAAA,EAAU,CAAA;AAAA,QACpC,MAAA,IAAU,QAAA;AAAA,QACV;AAAA,OACF;AAAA,MACA,WAAA,EAAW,QAAA,KAAa,OAAA,GAAU,WAAA,GAAc,QAAA;AAAA,MAChD,iBAAe,QAAA,IAAY,QAAA;AAAA,MAC3B,WAAA,EAAU,QAAA;AAAA,MACV,aAAA,EAAa,SAAS,EAAA,GAAK,MAAA;AAAA,MAC3B,gBAAc,OAAA,IAAW,SAAA;AAAA,MACzB,IAAA,EAAM,QAAA;AAAA,MACL,GAAG,KAAA;AAAA,MAEJ,QAAA,kBAAA,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,iDAAA,EACZ,QAAA,EAAA;AAAA,QAAA,IAAA,wBACE,MAAA,EAAA,EAAK,SAAA,EAAU,UAAA,EAAW,WAAA,EAAU,eAClC,QAAA,EAAA,IAAA,EACH,CAAA;AAAA,4BAED,MAAA,EAAA,EAAK,SAAA,EAAU,QAAA,EAAS,WAAA,EAAU,kBAChC,QAAA,EACH,CAAA;AAAA,QACC,0BACC,GAAA,CAAC,MAAA,EAAA,EAAK,WAAU,UAAA,EAAW,WAAA,EAAU,iBAClC,QAAA,EAAA,MAAA,EACH,CAAA;AAAA,QAED,WAAA,oBACC,GAAA;AAAA,UAAC,QAAA;AAAA,UAAA;AAAA,YACC,YAAA,EAAW,OAAA;AAAA,YACX,SAAA,EAAU,yKAAA;AAAA,YACV,WAAA,EAAU,cAAA;AAAA,YACV,IAAA,EAAK,QAAA;AAAA,YACL,OAAA,EAAS,SAAA;AAAA,YAET,QAAA,kBAAA,GAAA,CAAC,CAAA,EAAA,EAAE,SAAA,EAAU,QAAA,EAAS;AAAA;AAAA;AACxB,OAAA,EAEJ;AAAA;AAAA,GACF;AAEJ","file":"chunk-4LZ53BAG.js","sourcesContent":["// Banner/Banner.variants.ts\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\n/**\n * Banner style variants using CVA\n *\n * @see https://cva.style/docs\n */\nexport const bannerVariants = cva(\n  // Base styles (always applied)\n  \"relative flex w-full items-center justify-center gap-[var(--banner-root-gap)] px-[var(--banner-root-padding-x)] py-[var(--banner-root-padding-y)] text-[length:var(--banner-text-size)]\",\n  {\n    variants: {\n      variant: {\n        default: \"bg-muted text-muted-foreground\",\n        info: \"bg-[color:var(--info-subtle)] text-[color:var(--info-subtle-foreground)]\",\n        success:\n          \"bg-[color:var(--success-subtle)] text-[color:var(--success-subtle-foreground)]\",\n        warning:\n          \"bg-[color:var(--warning-subtle)] text-[color:var(--warning-subtle-foreground)]\",\n        error:\n          \"bg-[color:var(--destructive-subtle)] text-[color:var(--destructive-subtle-foreground)]\",\n        promo:\n          \"bg-gradient-to-r from-primary to-primary/80 text-primary-foreground\",\n      },\n      position: {\n        top: \"fixed left-0 right-0 top-0 z-50\",\n        bottom: \"fixed bottom-0 left-0 right-0 z-50\",\n        inline: \"relative\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      position: \"inline\",\n    },\n  }\n)\n\n// Export variant prop types\nexport type BannerVariantProps = VariantProps<typeof bannerVariants>\n","import type { VariantProps } from \"class-variance-authority\"\n\nimport { X } from \"lucide-react\"\n\nimport { cn } from \"../../../lib/utils\"\nimport { bannerVariants } from \"./Banner.variants\"\n\ninterface BannerProps\n  extends React.ComponentProps<\"div\">,\n    VariantProps<typeof bannerVariants> {\n  /** Action element to display (e.g., button) */\n  action?: React.ReactNode\n  /** Whether the banner can be dismissed @default true */\n  dismissible?: boolean\n  /** Icon to display before the content */\n  icon?: React.ReactNode\n  /** Callback when the banner is dismissed */\n  onDismiss?: () => void\n  /** Whether the banner should be sticky during scroll @default false */\n  sticky?: boolean\n}\n\nfunction Banner({\n  className,\n  variant,\n  position,\n  icon,\n  action,\n  dismissible = true,\n  onDismiss,\n  sticky = false,\n  children,\n  role,\n  ...props\n}: BannerProps) {\n  // Determine ARIA role based on variant\n  const ariaRole =\n    role ??\n    (variant === \"error\" || variant === \"warning\" ? \"alert\" : \"status\")\n\n  return (\n    <div\n      className={cn(\n        bannerVariants({ variant, position }),\n        sticky && \"sticky\",\n        className\n      )}\n      aria-live={ariaRole === \"alert\" ? \"assertive\" : \"polite\"}\n      data-position={position ?? \"inline\"}\n      data-slot=\"banner\"\n      data-sticky={sticky ? \"\" : undefined}\n      data-variant={variant ?? \"default\"}\n      role={ariaRole}\n      {...props}\n    >\n      <div className=\"mx-auto flex max-w-screen-xl items-center gap-2\">\n        {icon && (\n          <span className=\"shrink-0\" data-slot=\"banner-icon\">\n            {icon}\n          </span>\n        )}\n        <span className=\"flex-1\" data-slot=\"banner-content\">\n          {children}\n        </span>\n        {action && (\n          <span className=\"shrink-0\" data-slot=\"banner-action\">\n            {action}\n          </span>\n        )}\n        {dismissible && (\n          <button\n            aria-label=\"Close\"\n            className=\"shrink-0 rounded-sm opacity-70 transition-opacity hover:opacity-100 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2\"\n            data-slot=\"banner-close\"\n            type=\"button\"\n            onClick={onDismiss}\n          >\n            <X className=\"size-4\" />\n          </button>\n        )}\n      </div>\n    </div>\n  )\n}\n\nexport { Banner, bannerVariants }\nexport type { BannerProps }\n"]}

package/dist/chunk-4OWRNWHW.js

@@ -0,0 +1,197 @@
+import { cn } from './chunk-RVAYDRMA.js';
+import { Loader2, RefreshCw, ArrowLeft, Home, CircleAlert, Settings, WifiOff, Lock, ServerCrash, Ban } from 'lucide-react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var errorDefaults = {
+  "401": {
+    code: "401",
+    description: "Fa\xE7a login para acessar este conte\xFAdo.",
+    title: "N\xE3o autenticado"
+  },
+  "403": {
+    code: "403",
+    description: "Voc\xEA n\xE3o tem permiss\xE3o para acessar este recurso.",
+    title: "Acesso negado"
+  },
+  "404": {
+    code: "404",
+    description: "A p\xE1gina que voc\xEA est\xE1 procurando n\xE3o existe ou foi movida.",
+    title: "P\xE1gina n\xE3o encontrada"
+  },
+  "500": {
+    code: "500",
+    description: "Ocorreu um erro inesperado. Nossa equipe foi notificada.",
+    title: "Erro interno"
+  },
+  generic: {
+    code: "",
+    description: "Ocorreu um erro. Por favor, tente novamente.",
+    title: "Algo deu errado"
+  },
+  maintenance: {
+    code: "",
+    description: "Estamos realizando melhorias. Voltamos em breve!",
+    title: "Em manuten\xE7\xE3o"
+  },
+  offline: {
+    code: "",
+    description: "Verifique sua conex\xE3o com a internet e tente novamente.",
+    title: "Sem conex\xE3o"
+  }
+};
+function getDefaultIcon(type) {
+  const iconClassName = "size-16 text-muted-foreground";
+  switch (type) {
+    case "404":
+      return /* @__PURE__ */ jsx(Ban, { className: iconClassName });
+    case "500":
+      return /* @__PURE__ */ jsx(ServerCrash, { className: iconClassName });
+    case "403":
+      return /* @__PURE__ */ jsx(Lock, { className: iconClassName });
+    case "401":
+      return /* @__PURE__ */ jsx(Lock, { className: iconClassName });
+    case "offline":
+      return /* @__PURE__ */ jsx(WifiOff, { className: iconClassName });
+    case "maintenance":
+      return /* @__PURE__ */ jsx(Settings, { className: iconClassName });
+    default:
+      return /* @__PURE__ */ jsx(CircleAlert, { className: cn(iconClassName, "text-destructive") });
+  }
+}
+function ErrorPage({
+  actions,
+  className,
+  code,
+  description,
+  fullScreen = false,
+  homeHref = "/",
+  icon,
+  illustration,
+  loading = false,
+  onRetry,
+  retryLabel = "Tentar novamente",
+  showBackLink = true,
+  showHomeLink = true,
+  title,
+  type = "generic",
+  ...props
+}) {
+  const defaults = errorDefaults[type];
+  const displayTitle = title ?? defaults.title;
+  const displayDescription = description ?? defaults.description;
+  const displayCode = code ?? defaults.code;
+  const displayIcon = icon ?? getDefaultIcon(type);
+  const handleBack = () => {
+    if (typeof window !== "undefined" && window.history.length > 1) {
+      window.history.back();
+    }
+  };
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn(
+        "flex flex-col items-center justify-center gap-6 bg-background p-8 text-center md:p-12",
+        fullScreen && "min-h-screen",
+        className
+      ),
+      "aria-live": "polite",
+      "data-slot": "error-page",
+      role: "main",
+      ...props,
+      children: [
+        illustration ? /* @__PURE__ */ jsx("div", { className: "mb-2", "data-slot": "error-illustration", children: illustration }) : /* @__PURE__ */ jsx("div", { className: "mb-2", "data-slot": "error-icon", children: displayIcon }),
+        displayCode && /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: "text-6xl font-bold text-muted-foreground md:text-8xl",
+            "data-slot": "error-code",
+            children: displayCode
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "h1",
+          {
+            className: "text-2xl font-semibold tracking-tight text-foreground",
+            "data-slot": "error-title",
+            children: displayTitle
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "p",
+          {
+            className: "max-w-md text-base text-muted-foreground",
+            "data-slot": "error-description",
+            children: displayDescription
+          }
+        ),
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: "flex flex-col items-center gap-4",
+            "data-slot": "error-actions",
+            children: [
+              actions,
+              onRetry && /* @__PURE__ */ jsxs(
+                "button",
+                {
+                  className: cn(
+                    "inline-flex h-9 items-center justify-center gap-2 rounded-md bg-primary px-4 py-2 text-sm font-medium text-primary-foreground transition-colors hover:bg-primary/90",
+                    "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
+                    "disabled:pointer-events-none disabled:opacity-50"
+                  ),
+                  "aria-busy": loading || void 0,
+                  "data-slot": "error-retry-button",
+                  disabled: loading,
+                  type: "button",
+                  onClick: onRetry,
+                  children: [
+                    loading ? /* @__PURE__ */ jsx(Loader2, { "aria-hidden": "true", className: "size-4 animate-spin" }) : /* @__PURE__ */ jsx(RefreshCw, { "aria-hidden": "true", className: "size-4" }),
+                    retryLabel
+                  ]
+                }
+              ),
+              (showHomeLink || showBackLink) && /* @__PURE__ */ jsxs(
+                "div",
+                {
+                  className: "flex flex-wrap items-center justify-center gap-4 text-sm",
+                  "data-slot": "error-navigation",
+                  children: [
+                    showBackLink && /* @__PURE__ */ jsxs(
+                      "button",
+                      {
+                        className: "inline-flex items-center gap-1.5 text-muted-foreground underline-offset-4 transition-colors hover:text-foreground hover:underline",
+                        "data-slot": "error-back-link",
+                        type: "button",
+                        onClick: handleBack,
+                        children: [
+                          /* @__PURE__ */ jsx(ArrowLeft, { "aria-hidden": "true", className: "size-4" }),
+                          "Voltar"
+                        ]
+                      }
+                    ),
+                    showHomeLink && /* @__PURE__ */ jsxs(
+                      "a",
+                      {
+                        className: "inline-flex items-center gap-1.5 text-muted-foreground underline-offset-4 transition-colors hover:text-foreground hover:underline",
+                        "data-slot": "error-home-link",
+                        href: homeHref,
+                        children: [
+                          /* @__PURE__ */ jsx(Home, { "aria-hidden": "true", className: "size-4" }),
+                          "Inicio"
+                        ]
+                      }
+                    )
+                  ]
+                }
+              )
+            ]
+          }
+        )
+      ]
+    }
+  );
+}
+
+export { ErrorPage, errorDefaults };
+//# sourceMappingURL=chunk-4OWRNWHW.js.map
+//# sourceMappingURL=chunk-4OWRNWHW.js.map

package/dist/chunk-4OWRNWHW.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/feedback/ErrorPage/ErrorPage.tsx"],"names":[],"mappings":"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","file":"chunk-4OWRNWHW.js","sourcesContent":["import type { ErrorDefault, ErrorPageProps, ErrorType } from \"./ErrorPage.types\"\n\nimport {\n  ArrowLeft,\n  Ban,\n  CircleAlert,\n  Home,\n  Loader2,\n  Lock,\n  RefreshCw,\n  ServerCrash,\n  Settings,\n  WifiOff,\n} from \"lucide-react\"\n\nimport { cn } from \"../../../lib/utils\"\n\n/**\n * Default content for each error type\n */\nconst errorDefaults: Record<ErrorType, ErrorDefault> = {\n  \"401\": {\n    code: \"401\",\n    description: \"Faça login para acessar este conteúdo.\",\n    title: \"Não autenticado\",\n  },\n  \"403\": {\n    code: \"403\",\n    description: \"Você não tem permissão para acessar este recurso.\",\n    title: \"Acesso negado\",\n  },\n  \"404\": {\n    code: \"404\",\n    description: \"A página que você está procurando não existe ou foi movida.\",\n    title: \"Página não encontrada\",\n  },\n  \"500\": {\n    code: \"500\",\n    description: \"Ocorreu um erro inesperado. Nossa equipe foi notificada.\",\n    title: \"Erro interno\",\n  },\n  generic: {\n    code: \"\",\n    description: \"Ocorreu um erro. Por favor, tente novamente.\",\n    title: \"Algo deu errado\",\n  },\n  maintenance: {\n    code: \"\",\n    description: \"Estamos realizando melhorias. Voltamos em breve!\",\n    title: \"Em manutenção\",\n  },\n  offline: {\n    code: \"\",\n    description:\n      \"Verifique sua conexão com a internet e tente novamente.\",\n    title: \"Sem conexão\",\n  },\n}\n\n/**\n * Default icon for each error type\n */\nfunction getDefaultIcon(type: ErrorType): React.ReactNode {\n  const iconClassName = \"size-16 text-muted-foreground\"\n\n  switch (type) {\n    case \"404\":\n      return <Ban className={iconClassName} />\n    case \"500\":\n      return <ServerCrash className={iconClassName} />\n    case \"403\":\n      return <Lock className={iconClassName} />\n    case \"401\":\n      return <Lock className={iconClassName} />\n    case \"offline\":\n      return <WifiOff className={iconClassName} />\n    case \"maintenance\":\n      return <Settings className={iconClassName} />\n    default:\n      return <CircleAlert className={cn(iconClassName, \"text-destructive\")} />\n  }\n}\n\n/**\n * ErrorPage component displays user-friendly error pages with contextual\n * information, navigation options, and recovery actions.\n */\nfunction ErrorPage({\n  actions,\n  className,\n  code,\n  description,\n  fullScreen = false,\n  homeHref = \"/\",\n  icon,\n  illustration,\n  loading = false,\n  onRetry,\n  retryLabel = \"Tentar novamente\",\n  showBackLink = true,\n  showHomeLink = true,\n  title,\n  type = \"generic\",\n  ...props\n}: ErrorPageProps) {\n  const defaults = errorDefaults[type]\n  const displayTitle = title ?? defaults.title\n  const displayDescription = description ?? defaults.description\n  const displayCode = code ?? defaults.code\n  const displayIcon = icon ?? getDefaultIcon(type)\n\n  const handleBack = () => {\n    if (typeof window !== \"undefined\" && window.history.length > 1) {\n      window.history.back()\n    }\n  }\n\n  return (\n    <div\n      className={cn(\n        \"flex flex-col items-center justify-center gap-6 bg-background p-8 text-center md:p-12\",\n        fullScreen && \"min-h-screen\",\n        className\n      )}\n      aria-live=\"polite\"\n      data-slot=\"error-page\"\n      role=\"main\"\n      {...props}\n    >\n      {/* Illustration or Icon */}\n      {illustration ? (\n        <div className=\"mb-2\" data-slot=\"error-illustration\">\n          {illustration}\n        </div>\n      ) : (\n        <div className=\"mb-2\" data-slot=\"error-icon\">\n          {displayIcon}\n        </div>\n      )}\n\n      {/* Error Code */}\n      {displayCode && (\n        <div\n          className=\"text-6xl font-bold text-muted-foreground md:text-8xl\"\n          data-slot=\"error-code\"\n        >\n          {displayCode}\n        </div>\n      )}\n\n      {/* Title */}\n      <h1\n        className=\"text-2xl font-semibold tracking-tight text-foreground\"\n        data-slot=\"error-title\"\n      >\n        {displayTitle}\n      </h1>\n\n      {/* Description */}\n      <p\n        className=\"max-w-md text-base text-muted-foreground\"\n        data-slot=\"error-description\"\n      >\n        {displayDescription}\n      </p>\n\n      {/* Actions */}\n      <div\n        className=\"flex flex-col items-center gap-4\"\n        data-slot=\"error-actions\"\n      >\n        {/* Custom actions */}\n        {actions}\n\n        {/* Retry button */}\n        {onRetry && (\n          <button\n            className={cn(\n              \"inline-flex h-9 items-center justify-center gap-2 rounded-md bg-primary px-4 py-2 text-sm font-medium text-primary-foreground transition-colors hover:bg-primary/90\",\n              \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2\",\n              \"disabled:pointer-events-none disabled:opacity-50\"\n            )}\n            aria-busy={loading || undefined}\n            data-slot=\"error-retry-button\"\n            disabled={loading}\n            type=\"button\"\n            onClick={onRetry}\n          >\n            {loading ? (\n              <Loader2 aria-hidden=\"true\" className=\"size-4 animate-spin\" />\n            ) : (\n              <RefreshCw aria-hidden=\"true\" className=\"size-4\" />\n            )}\n            {retryLabel}\n          </button>\n        )}\n\n        {/* Navigation links */}\n        {(showHomeLink || showBackLink) && (\n          <div\n            className=\"flex flex-wrap items-center justify-center gap-4 text-sm\"\n            data-slot=\"error-navigation\"\n          >\n            {showBackLink && (\n              <button\n                className=\"inline-flex items-center gap-1.5 text-muted-foreground underline-offset-4 transition-colors hover:text-foreground hover:underline\"\n                data-slot=\"error-back-link\"\n                type=\"button\"\n                onClick={handleBack}\n              >\n                <ArrowLeft aria-hidden=\"true\" className=\"size-4\" />\n                Voltar\n              </button>\n            )}\n            {showHomeLink && (\n              <a\n                className=\"inline-flex items-center gap-1.5 text-muted-foreground underline-offset-4 transition-colors hover:text-foreground hover:underline\"\n                data-slot=\"error-home-link\"\n                href={homeHref}\n              >\n                <Home aria-hidden=\"true\" className=\"size-4\" />\n                Inicio\n              </a>\n            )}\n          </div>\n        )}\n      </div>\n    </div>\n  )\n}\n\nexport { errorDefaults, ErrorPage }\n"]}