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

package/dist/chunk-X4YUWX7H.js

@@ -0,0 +1,146 @@
+import { TooltipProvider, Tooltip, TooltipTrigger, TooltipContent } from './chunk-7ZJ32KRQ.js';
+import { cn } from './chunk-HRNDJU7D.js';
+import 'react';
+import { cva } from 'class-variance-authority';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var markerBarContainerVariants = cva(
+  [
+    "relative flex w-full items-center rounded-full",
+    "bg-muted"
+  ],
+  {
+    variants: {
+      size: {
+        sm: "h-1",
+        md: "h-2",
+        lg: "h-3"
+      }
+    },
+    defaultVariants: {
+      size: "md"
+    }
+  }
+);
+var markerBarRangeVariants = cva(
+  "absolute h-full rounded-full",
+  {
+    variants: {
+      animated: {
+        true: "transition-all duration-300 ease-out",
+        false: ""
+      }
+    },
+    defaultVariants: {
+      animated: true
+    }
+  }
+);
+var markerBarMarkerWrapperVariants = cva(
+  "absolute -translate-x-1/2",
+  {
+    variants: {
+      size: {
+        sm: "w-3",
+        md: "w-4",
+        lg: "w-5"
+      },
+      animated: {
+        true: "transition-all duration-300 ease-out",
+        false: ""
+      }
+    },
+    defaultVariants: {
+      size: "md",
+      animated: true
+    }
+  }
+);
+var markerBarMarkerVariants = cva(
+  [
+    "mx-auto rounded-full ring-2",
+    "ring-background"
+  ],
+  {
+    variants: {
+      size: {
+        sm: "h-2.5 w-1",
+        md: "h-4 w-1.5",
+        lg: "h-5 w-2"
+      }
+    },
+    defaultVariants: {
+      size: "md"
+    }
+  }
+);
+function MarkerBar({
+  className,
+  color = "var(--primary)",
+  markerTooltip,
+  maxValue,
+  minValue,
+  rangeColor = "var(--muted-foreground)",
+  rangeTooltip,
+  showAnimation = true,
+  size = "md",
+  value,
+  ...props
+}) {
+  const clampedValue = Math.max(0, Math.min(100, value));
+  const hasRange = minValue !== void 0 && maxValue !== void 0;
+  const rangeMin = hasRange ? Math.max(0, Math.min(100, minValue)) : 0;
+  const rangeMax = hasRange ? Math.max(0, Math.min(100, maxValue)) : 0;
+  const rangeElement = hasRange && /* @__PURE__ */ jsx(
+    "div",
+    {
+      style: {
+        backgroundColor: rangeColor,
+        left: `${String(rangeMin)}%`,
+        opacity: 0.3,
+        width: `${String(rangeMax - rangeMin)}%`
+      },
+      className: cn(markerBarRangeVariants({ animated: showAnimation })),
+      "data-slot": "marker-bar-range"
+    }
+  );
+  const markerElement = /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn(markerBarMarkerWrapperVariants({ animated: showAnimation, size })),
+      "data-slot": "marker-bar-marker-wrapper",
+      style: { left: `${String(clampedValue)}%` },
+      children: /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: cn(markerBarMarkerVariants({ size })),
+          "data-slot": "marker-bar-marker",
+          style: { backgroundColor: color }
+        }
+      )
+    }
+  );
+  return /* @__PURE__ */ jsx(TooltipProvider, { children: /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn(markerBarContainerVariants({ size }), className),
+      "data-slot": "marker-bar",
+      ...props,
+      children: [
+        hasRange && rangeTooltip ? /* @__PURE__ */ jsxs(Tooltip, { children: [
+          /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: rangeElement }),
+          /* @__PURE__ */ jsx(TooltipContent, { children: rangeTooltip })
+        ] }) : rangeElement,
+        markerTooltip ? /* @__PURE__ */ jsxs(Tooltip, { children: [
+          /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: markerElement }),
+          /* @__PURE__ */ jsx(TooltipContent, { children: markerTooltip })
+        ] }) : markerElement
+      ]
+    }
+  ) });
+}
+MarkerBar.displayName = "MarkerBar";
+
+export { MarkerBar, markerBarContainerVariants, markerBarMarkerVariants, markerBarMarkerWrapperVariants, markerBarRangeVariants };
+//# sourceMappingURL=chunk-X4YUWX7H.js.map
+//# sourceMappingURL=chunk-X4YUWX7H.js.map

package/dist/chunk-X4YUWX7H.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/MarkerBar/MarkerBar.variants.ts","../src/components/data-display/MarkerBar/MarkerBar.tsx"],"names":[],"mappings":"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","file":"chunk-X4YUWX7H.js","sourcesContent":["import { cva } from \"class-variance-authority\"\n\nexport const markerBarContainerVariants = cva(\n  [\n    \"relative flex w-full items-center rounded-full\",\n    \"bg-muted\",\n  ],\n  {\n    variants: {\n      size: {\n        sm: \"h-1\",\n        md: \"h-2\",\n        lg: \"h-3\",\n      },\n    },\n    defaultVariants: {\n      size: \"md\",\n    },\n  }\n)\n\nexport const markerBarRangeVariants = cva(\n  \"absolute h-full rounded-full\",\n  {\n    variants: {\n      animated: {\n        true: \"transition-all duration-300 ease-out\",\n        false: \"\",\n      },\n    },\n    defaultVariants: {\n      animated: true,\n    },\n  }\n)\n\nexport const markerBarMarkerWrapperVariants = cva(\n  \"absolute -translate-x-1/2\",\n  {\n    variants: {\n      size: {\n        sm: \"w-3\",\n        md: \"w-4\",\n        lg: \"w-5\",\n      },\n      animated: {\n        true: \"transition-all duration-300 ease-out\",\n        false: \"\",\n      },\n    },\n    defaultVariants: {\n      size: \"md\",\n      animated: true,\n    },\n  }\n)\n\nexport const markerBarMarkerVariants = cva(\n  [\n    \"mx-auto rounded-full ring-2\",\n    \"ring-background\",\n  ],\n  {\n    variants: {\n      size: {\n        sm: \"h-2.5 w-1\",\n        md: \"h-4 w-1.5\",\n        lg: \"h-5 w-2\",\n      },\n    },\n    defaultVariants: {\n      size: \"md\",\n    },\n  }\n)\n","\"use client\"\n\nimport type { MarkerBarProps } from \"./MarkerBar.types\"\n\nimport * as React from \"react\"\n\nimport { cn } from \"../../../lib/utils\"\nimport { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from \"../../feedback/Tooltip\"\nimport {\n  markerBarContainerVariants,\n  markerBarMarkerVariants,\n  markerBarMarkerWrapperVariants,\n  markerBarRangeVariants,\n} from \"./MarkerBar.variants\"\n\n/**\n * MarkerBar - Position indicator on a horizontal scale\n *\n * Displays a marker at a specific position along a bar,\n * optionally showing a highlighted range. Ideal for showing\n * current position within a range, target values, or thresholds.\n *\n * @example\n * ```tsx\n * // Simple marker\n * <MarkerBar value={75} />\n *\n * // With range highlight\n * <MarkerBar\n *   value={65}\n *   minValue={40}\n *   maxValue={80}\n *   markerTooltip=\"Current: 65%\"\n *   rangeTooltip=\"Target range: 40-80%\"\n * />\n *\n * // Custom colors\n * <MarkerBar\n *   value={50}\n *   color=\"var(--success)\"\n *   rangeColor=\"var(--success-muted)\"\n * />\n * ```\n */\nexport function MarkerBar({\n  className,\n  color = \"var(--primary)\",\n  markerTooltip,\n  maxValue,\n  minValue,\n  rangeColor = \"var(--muted-foreground)\",\n  rangeTooltip,\n  showAnimation = true,\n  size = \"md\",\n  value,\n  ...props\n}: MarkerBarProps) {\n  // Clamp value between 0 and 100\n  const clampedValue = Math.max(0, Math.min(100, value))\n\n  // Check if range should be displayed\n  const hasRange = minValue !== undefined && maxValue !== undefined\n\n  // Clamp range values\n  const rangeMin = hasRange ? Math.max(0, Math.min(100, minValue)) : 0\n  const rangeMax = hasRange ? Math.max(0, Math.min(100, maxValue)) : 0\n\n  const rangeElement = hasRange && (\n    <div\n      style={{\n        backgroundColor: rangeColor,\n        left: `${String(rangeMin)}%`,\n        opacity: 0.3,\n        width: `${String(rangeMax - rangeMin)}%`,\n      }}\n      className={cn(markerBarRangeVariants({ animated: showAnimation }))}\n      data-slot=\"marker-bar-range\"\n    />\n  )\n\n  const markerElement = (\n    <div\n      className={cn(markerBarMarkerWrapperVariants({ animated: showAnimation, size }))}\n      data-slot=\"marker-bar-marker-wrapper\"\n      style={{ left: `${String(clampedValue)}%` }}\n    >\n      <div\n        className={cn(markerBarMarkerVariants({ size }))}\n        data-slot=\"marker-bar-marker\"\n        style={{ backgroundColor: color }}\n      />\n    </div>\n  )\n\n  return (\n    <TooltipProvider>\n      <div\n        className={cn(markerBarContainerVariants({ size }), className)}\n        data-slot=\"marker-bar\"\n        {...props}\n      >\n        {/* Range bar with optional tooltip */}\n        {hasRange && rangeTooltip ? (\n          <Tooltip>\n            <TooltipTrigger asChild>\n              {rangeElement}\n            </TooltipTrigger>\n            <TooltipContent>{rangeTooltip}</TooltipContent>\n          </Tooltip>\n        ) : (\n          rangeElement\n        )}\n\n        {/* Marker with optional tooltip */}\n        {markerTooltip ? (\n          <Tooltip>\n            <TooltipTrigger asChild>\n              {markerElement}\n            </TooltipTrigger>\n            <TooltipContent>{markerTooltip}</TooltipContent>\n          </Tooltip>\n        ) : (\n          markerElement\n        )}\n      </div>\n    </TooltipProvider>\n  )\n}\n\nMarkerBar.displayName = \"MarkerBar\"\n"]}

package/dist/chunk-XETKCF73.js

@@ -0,0 +1,74 @@
+import { cn } from './chunk-HRNDJU7D.js';
+import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
+import { MinusIcon, CheckIcon } from 'lucide-react';
+import 'react';
+import { cva } from 'class-variance-authority';
+import { jsx } from 'react/jsx-runtime';
+
+var checkboxVariants = cva(
+  [
+    "peer shrink-0 outline-none transition-shadow",
+    "rounded-[var(--checkbox-root-radius)] shadow-[var(--checkbox-root-shadow)]",
+    "border border-[color:var(--checkbox-root-border-default)] bg-[color:var(--checkbox-root-bg-default)] dark:bg-input",
+    "data-[state=checked]:bg-[color:var(--checkbox-root-bg-checked)] data-[state=checked]:text-[color:var(--checkbox-indicator-color)]",
+    "data-[state=checked]:border-[color:var(--checkbox-root-border-checked)] dark:data-[state=checked]:bg-[color:var(--checkbox-root-bg-checked)]",
+    "data-[state=indeterminate]:bg-[color:var(--checkbox-root-bg-checked)] data-[state=indeterminate]:text-[color:var(--checkbox-indicator-color)]",
+    "data-[state=indeterminate]:border-[color:var(--checkbox-root-border-checked)] dark:data-[state=indeterminate]:bg-[color:var(--checkbox-root-bg-checked)]",
+    "focus-visible:border-[color:var(--checkbox-root-border-focus)] focus-visible:ring-[color:var(--checkbox-root-border-focus)]/50 focus-visible:ring-[3px]",
+    "aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
+    "disabled:cursor-not-allowed disabled:bg-[color:var(--checkbox-root-bg-disabled)] disabled:opacity-50"
+  ],
+  {
+    variants: {
+      size: {
+        sm: "size-[var(--checkbox-size-sm)]",
+        md: "size-[var(--checkbox-size-md)]",
+        lg: "size-[var(--checkbox-size-lg)]"
+      }
+    },
+    defaultVariants: {
+      size: "md"
+    }
+  }
+);
+var checkboxIconVariants = cva(
+  "grid place-content-center text-current transition-none",
+  {
+    variants: {
+      size: {
+        sm: "[&>svg]:size-2.5",
+        md: "[&>svg]:size-3.5",
+        lg: "[&>svg]:size-4"
+      }
+    },
+    defaultVariants: {
+      size: "md"
+    }
+  }
+);
+function Checkbox({
+  className,
+  size = "md",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    CheckboxPrimitive.Root,
+    {
+      className: cn(checkboxVariants({ size }), className),
+      "data-slot": "checkbox",
+      ...props,
+      children: /* @__PURE__ */ jsx(
+        CheckboxPrimitive.Indicator,
+        {
+          className: checkboxIconVariants({ size }),
+          "data-slot": "checkbox-indicator",
+          children: props.checked === "indeterminate" ? /* @__PURE__ */ jsx(MinusIcon, {}) : /* @__PURE__ */ jsx(CheckIcon, {})
+        }
+      )
+    }
+  );
+}
+
+export { Checkbox, checkboxIconVariants, checkboxVariants };
+//# sourceMappingURL=chunk-XETKCF73.js.map
+//# sourceMappingURL=chunk-XETKCF73.js.map

package/dist/chunk-XETKCF73.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/forms/Checkbox/Checkbox.variants.ts","../src/components/forms/Checkbox/Checkbox.tsx"],"names":[],"mappings":";;;;;;;AAEO,IAAM,gBAAA,GAAmB,GAAA;AAAA,EAC9B;AAAA,IACE,8CAAA;AAAA,IACA,4EAAA;AAAA,IACA,oHAAA;AAAA,IACA,mIAAA;AAAA,IACA,8IAAA;AAAA,IACA,+IAAA;AAAA,IACA,0JAAA;AAAA,IACA,yJAAA;AAAA,IACA,wGAAA;AAAA,IACA;AAAA,GACF;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,IAAA,EAAM;AAAA,QACJ,EAAA,EAAI,gCAAA;AAAA,QACJ,EAAA,EAAI,gCAAA;AAAA,QACJ,EAAA,EAAI;AAAA;AACN,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,IAAA,EAAM;AAAA;AACR;AAEJ;AAEO,IAAM,oBAAA,GAAuB,GAAA;AAAA,EAClC,wDAAA;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,IAAA,EAAM;AAAA,QACJ,EAAA,EAAI,kBAAA;AAAA,QACJ,EAAA,EAAI,kBAAA;AAAA,QACJ,EAAA,EAAI;AAAA;AACN,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,IAAA,EAAM;AAAA;AACR;AAEJ;AClCA,SAAS,QAAA,CAAS;AAAA,EAChB,SAAA;AAAA,EACA,IAAA,GAAO,IAAA;AAAA,EACP,GAAG;AACL,CAAA,EAAkB;AAChB,EAAA,uBACE,GAAA;AAAA,IAAmB,iBAAA,CAAA,IAAA;AAAA,IAAlB;AAAA,MACC,WAAW,EAAA,CAAG,gBAAA,CAAiB,EAAE,IAAA,EAAM,GAAG,SAAS,CAAA;AAAA,MACnD,WAAA,EAAU,UAAA;AAAA,MACT,GAAG,KAAA;AAAA,MAEJ,QAAA,kBAAA,GAAA;AAAA,QAAmB,iBAAA,CAAA,SAAA;AAAA,QAAlB;AAAA,UACC,SAAA,EAAW,oBAAA,CAAqB,EAAE,IAAA,EAAM,CAAA;AAAA,UACxC,WAAA,EAAU,oBAAA;AAAA,UAET,gBAAM,OAAA,KAAY,eAAA,uBAChB,SAAA,EAAA,EAAU,CAAA,uBAEV,SAAA,EAAA,EAAU;AAAA;AAAA;AAEf;AAAA,GACF;AAEJ","file":"chunk-XETKCF73.js","sourcesContent":["import { cva, type VariantProps } from \"class-variance-authority\"\n\nexport const checkboxVariants = cva(\n  [\n    \"peer shrink-0 outline-none transition-shadow\",\n    \"rounded-[var(--checkbox-root-radius)] shadow-[var(--checkbox-root-shadow)]\",\n    \"border border-[color:var(--checkbox-root-border-default)] bg-[color:var(--checkbox-root-bg-default)] dark:bg-input\",\n    \"data-[state=checked]:bg-[color:var(--checkbox-root-bg-checked)] data-[state=checked]:text-[color:var(--checkbox-indicator-color)]\",\n    \"data-[state=checked]:border-[color:var(--checkbox-root-border-checked)] dark:data-[state=checked]:bg-[color:var(--checkbox-root-bg-checked)]\",\n    \"data-[state=indeterminate]:bg-[color:var(--checkbox-root-bg-checked)] data-[state=indeterminate]:text-[color:var(--checkbox-indicator-color)]\",\n    \"data-[state=indeterminate]:border-[color:var(--checkbox-root-border-checked)] dark:data-[state=indeterminate]:bg-[color:var(--checkbox-root-bg-checked)]\",\n    \"focus-visible:border-[color:var(--checkbox-root-border-focus)] focus-visible:ring-[color:var(--checkbox-root-border-focus)]/50 focus-visible:ring-[3px]\",\n    \"aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive\",\n    \"disabled:cursor-not-allowed disabled:bg-[color:var(--checkbox-root-bg-disabled)] disabled:opacity-50\",\n  ],\n  {\n    variants: {\n      size: {\n        sm: \"size-[var(--checkbox-size-sm)]\",\n        md: \"size-[var(--checkbox-size-md)]\",\n        lg: \"size-[var(--checkbox-size-lg)]\",\n      },\n    },\n    defaultVariants: {\n      size: \"md\",\n    },\n  }\n)\n\nexport const checkboxIconVariants = cva(\n  \"grid place-content-center text-current transition-none\",\n  {\n    variants: {\n      size: {\n        sm: \"[&>svg]:size-2.5\",\n        md: \"[&>svg]:size-3.5\",\n        lg: \"[&>svg]:size-4\",\n      },\n    },\n    defaultVariants: {\n      size: \"md\",\n    },\n  }\n)\n\nexport type CheckboxVariantProps = VariantProps<typeof checkboxVariants>\n","import type { CheckboxProps } from \"./Checkbox.types\"\n\nimport * as CheckboxPrimitive from \"@radix-ui/react-checkbox\"\nimport { CheckIcon, MinusIcon } from \"lucide-react\"\nimport * as React from \"react\"\n\nimport { cn } from \"../../../lib/utils\"\nimport { checkboxIconVariants, checkboxVariants } from \"./Checkbox.variants\"\n\nfunction Checkbox({\n  className,\n  size = \"md\",\n  ...props\n}: CheckboxProps) {\n  return (\n    <CheckboxPrimitive.Root\n      className={cn(checkboxVariants({ size }), className)}\n      data-slot=\"checkbox\"\n      {...props}\n    >\n      <CheckboxPrimitive.Indicator\n        className={checkboxIconVariants({ size })}\n        data-slot=\"checkbox-indicator\"\n      >\n        {props.checked === \"indeterminate\" ? (\n          <MinusIcon />\n        ) : (\n          <CheckIcon />\n        )}\n      </CheckboxPrimitive.Indicator>\n    </CheckboxPrimitive.Root>\n  )\n}\n\nexport { Checkbox }\n"]}

package/dist/chunk-XLTSCY22.js

@@ -0,0 +1,93 @@
+import { cn } from './chunk-HRNDJU7D.js';
+import { FileText, Lightbulb, CircleCheck, CircleX, TriangleAlert, Info } from 'lucide-react';
+import { cva } from 'class-variance-authority';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var calloutVariants = cva(
+  // Base styles (always applied)
+  "rounded-[var(--callout-root-radius)] border-l-[length:var(--callout-root-border-width)]",
+  {
+    variants: {
+      variant: {
+        default: "bg-muted/50 border-l-muted-foreground",
+        info: "bg-[color:var(--info-subtle)] border-l-info",
+        warning: "bg-[color:var(--warning-subtle)] border-l-warning",
+        error: "bg-[color:var(--destructive-subtle)] border-l-destructive",
+        success: "bg-[color:var(--success-subtle)] border-l-success",
+        tip: "bg-[color:var(--tip-bg)] border-l-tip",
+        transparent: "bg-transparent border-l-muted-foreground"
+      },
+      size: {
+        sm: "p-[var(--callout-root-padding-sm)] text-[length:var(--callout-text-sm)]",
+        md: "px-[var(--callout-root-padding-md)] py-[var(--callout-root-padding-sm)] text-[length:var(--callout-text-md)]",
+        lg: "p-[var(--callout-root-padding-lg)] text-[length:var(--callout-text-lg)]"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "md"
+    }
+  }
+);
+var iconColorVariants = {
+  default: "text-muted-foreground",
+  info: "text-info",
+  warning: "text-warning",
+  error: "text-destructive",
+  success: "text-success",
+  tip: "text-tip",
+  transparent: "text-muted-foreground"
+};
+var variantIcons = {
+  default: FileText,
+  info: Info,
+  warning: TriangleAlert,
+  error: CircleX,
+  success: CircleCheck,
+  tip: Lightbulb,
+  transparent: FileText
+};
+function Callout({
+  children,
+  className,
+  icon,
+  size,
+  title,
+  variant = "default",
+  role,
+  ...props
+}) {
+  const Icon = variantIcons[variant ?? "default"];
+  const iconColor = iconColorVariants[variant ?? "default"];
+  const ariaRole = role ?? (variant === "error" || variant === "warning" ? "alert" : "note");
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "aria-live": ariaRole === "alert" ? "assertive" : "polite",
+      className: cn(calloutVariants({ variant, size }), className),
+      "data-size": size ?? "md",
+      "data-slot": "callout",
+      "data-variant": variant ?? "default",
+      role: ariaRole,
+      ...props,
+      children: /* @__PURE__ */ jsxs("div", { className: "flex gap-3", children: [
+        /* @__PURE__ */ jsx("span", { className: cn("shrink-0 mt-0.5", iconColor), "data-slot": "callout-icon", children: icon ?? /* @__PURE__ */ jsx(Icon, { className: "size-4" }) }),
+        /* @__PURE__ */ jsxs("div", { className: "space-y-1 min-w-0", children: [
+          title && /* @__PURE__ */ jsx(
+            "h5",
+            {
+              className: "font-medium leading-none tracking-tight",
+              "data-slot": "callout-title",
+              children: title
+            }
+          ),
+          /* @__PURE__ */ jsx("div", { className: "text-muted-foreground", "data-slot": "callout-content", children })
+        ] })
+      ] })
+    }
+  );
+}
+
+export { Callout, calloutVariants };
+//# sourceMappingURL=chunk-XLTSCY22.js.map
+//# sourceMappingURL=chunk-XLTSCY22.js.map

package/dist/chunk-XLTSCY22.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/Callout/Callout.variants.ts","../src/components/data-display/Callout/Callout.tsx"],"names":[],"mappings":"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","file":"chunk-XLTSCY22.js","sourcesContent":["// Callout/Callout.variants.ts\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\n/**\n * Callout style variants using CVA\n *\n * @see https://cva.style/docs\n */\nexport const calloutVariants = cva(\n  // Base styles (always applied)\n  \"rounded-[var(--callout-root-radius)] border-l-[length:var(--callout-root-border-width)]\",\n  {\n    variants: {\n      variant: {\n        default: \"bg-muted/50 border-l-muted-foreground\",\n        info: \"bg-[color:var(--info-subtle)] border-l-info\",\n        warning: \"bg-[color:var(--warning-subtle)] border-l-warning\",\n        error: \"bg-[color:var(--destructive-subtle)] border-l-destructive\",\n        success: \"bg-[color:var(--success-subtle)] border-l-success\",\n        tip: \"bg-[color:var(--tip-bg)] border-l-tip\",\n        transparent: \"bg-transparent border-l-muted-foreground\",\n      },\n      size: {\n        sm: \"p-[var(--callout-root-padding-sm)] text-[length:var(--callout-text-sm)]\",\n        md: \"px-[var(--callout-root-padding-md)] py-[var(--callout-root-padding-sm)] text-[length:var(--callout-text-md)]\",\n        lg: \"p-[var(--callout-root-padding-lg)] text-[length:var(--callout-text-lg)]\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"md\",\n    },\n  }\n)\n\n/**\n * Icon color mapping by variant\n */\nexport const iconColorVariants: Record<string, string> = {\n  default: \"text-muted-foreground\",\n  info: \"text-info\",\n  warning: \"text-warning\",\n  error: \"text-destructive\",\n  success: \"text-success\",\n  tip: \"text-tip\",\n  transparent: \"text-muted-foreground\",\n}\n\n// Export variant prop types\nexport type CalloutVariantProps = VariantProps<typeof calloutVariants>\n","import type { VariantProps } from \"class-variance-authority\"\n\nimport {\n  CircleCheck,\n  CircleX,\n  FileText,\n  Info,\n  Lightbulb,\n  TriangleAlert,\n} from \"lucide-react\"\n\nimport { cn } from \"../../../lib/utils\"\nimport { calloutVariants, iconColorVariants } from \"./Callout.variants\"\n\nconst variantIcons = {\n  default: FileText,\n  info: Info,\n  warning: TriangleAlert,\n  error: CircleX,\n  success: CircleCheck,\n  tip: Lightbulb,\n  transparent: FileText,\n}\n\ninterface CalloutProps\n  extends React.ComponentProps<\"div\">,\n    VariantProps<typeof calloutVariants> {\n  /** Custom icon to display (overrides variant icon) */\n  icon?: React.ReactNode\n  /** Title of the callout */\n  title?: string\n}\n\nfunction Callout({\n  children,\n  className,\n  icon,\n  size,\n  title,\n  variant = \"default\",\n  role,\n  ...props\n}: CalloutProps) {\n  const Icon = variantIcons[variant ?? \"default\"]\n  const iconColor = iconColorVariants[variant ?? \"default\"]\n\n  // Determine ARIA role based on variant\n  const ariaRole =\n    role ?? (variant === \"error\" || variant === \"warning\" ? \"alert\" : \"note\")\n\n  return (\n    <div\n      aria-live={ariaRole === \"alert\" ? \"assertive\" : \"polite\"}\n      className={cn(calloutVariants({ variant, size }), className)}\n      data-size={size ?? \"md\"}\n      data-slot=\"callout\"\n      data-variant={variant ?? \"default\"}\n      role={ariaRole}\n      {...props}\n    >\n      <div className=\"flex gap-3\">\n        <span className={cn(\"shrink-0 mt-0.5\", iconColor)} data-slot=\"callout-icon\">\n          {icon ?? <Icon className=\"size-4\" />}\n        </span>\n        <div className=\"space-y-1 min-w-0\">\n          {title && (\n            <h5\n              className=\"font-medium leading-none tracking-tight\"\n              data-slot=\"callout-title\"\n            >\n              {title}\n            </h5>\n          )}\n          <div className=\"text-muted-foreground\" data-slot=\"callout-content\">\n            {children}\n          </div>\n        </div>\n      </div>\n    </div>\n  )\n}\n\nexport { Callout, calloutVariants }\nexport type { CalloutProps }\n"]}

package/dist/chunk-XOGMDABS.js

@@ -0,0 +1,152 @@
+import { cn } from './chunk-HRNDJU7D.js';
+import { ChevronDownIcon } from 'lucide-react';
+import 'react';
+import { cva } from 'class-variance-authority';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var nativeSelectVariants = cva(
+  // Base styles
+  [
+    "w-full min-w-0 appearance-none rounded-[var(--native-select-root-radius)] border bg-transparent transition-[color,box-shadow] outline-none",
+    "placeholder:text-muted-foreground",
+    "selection:bg-primary selection:text-primary-foreground",
+    "dark:bg-input/30 dark:hover:bg-input/50",
+    "disabled:pointer-events-none disabled:cursor-not-allowed",
+    "focus-visible:border-[color:var(--native-select-root-border-focus)] focus-visible:ring-[color:var(--native-select-focus-ring-color)]/50 focus-visible:ring-[length:var(--native-select-focus-ring-width)]",
+    "aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive"
+  ],
+  {
+    variants: {
+      size: {
+        xs: "h-7 px-2 py-0.5 pr-7 text-xs",
+        sm: "h-8 px-2.5 py-1 pr-8 text-sm",
+        md: "h-9 px-3 py-1 pr-9 text-base md:text-sm",
+        lg: "h-10 px-3.5 py-1.5 pr-10 text-base",
+        xl: "h-12 px-4 py-2 pr-11 text-lg"
+      },
+      variant: {
+        default: "border-input shadow-xs",
+        filled: "border-transparent bg-[color:var(--native-select-variant-filled-bg)]",
+        flushed: "rounded-none border-x-0 border-t-0 border-b-input px-0 pr-7"
+      }
+    },
+    defaultVariants: {
+      size: "lg",
+      variant: "default"
+    }
+  }
+);
+var nativeSelectWrapperVariants = cva(
+  "group/native-select relative w-fit has-[select:disabled]:opacity-50",
+  {
+    variants: {},
+    defaultVariants: {}
+  }
+);
+var nativeSelectIconVariants = cva(
+  "text-muted-foreground pointer-events-none absolute top-1/2 -translate-y-1/2 opacity-50 select-none",
+  {
+    variants: {
+      size: {
+        xs: "right-2 size-3",
+        sm: "right-2.5 size-3.5",
+        md: "right-3 size-4",
+        lg: "right-3.5 size-4",
+        xl: "right-4 size-5"
+      }
+    },
+    defaultVariants: {
+      size: "md"
+    }
+  }
+);
+var nativeSelectLeftIconVariants = cva(
+  "text-muted-foreground pointer-events-none absolute top-1/2 -translate-y-1/2 opacity-70 select-none",
+  {
+    variants: {
+      size: {
+        xs: "left-2 size-3",
+        sm: "left-2.5 size-3.5",
+        md: "left-3 size-4",
+        lg: "left-3.5 size-4",
+        xl: "left-4 size-5"
+      }
+    },
+    defaultVariants: {
+      size: "md"
+    }
+  }
+);
+var nativeSelectWithLeftIconPadding = {
+  xs: "pl-7",
+  sm: "pl-8",
+  md: "pl-9",
+  lg: "pl-10",
+  xl: "pl-11"
+};
+function NativeSelect({
+  className,
+  size = "lg",
+  variant,
+  leftIcon,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn(nativeSelectWrapperVariants()),
+      "data-slot": "native-select-wrapper",
+      children: [
+        leftIcon && /* @__PURE__ */ jsx(
+          "span",
+          {
+            "aria-hidden": "true",
+            className: cn(nativeSelectLeftIconVariants({ size })),
+            "data-slot": "native-select-left-icon",
+            children: leftIcon
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "select",
+          {
+            className: cn(
+              nativeSelectVariants({ size, variant }),
+              leftIcon && nativeSelectWithLeftIconPadding[size],
+              className
+            ),
+            "data-slot": "native-select",
+            ...props
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          ChevronDownIcon,
+          {
+            "aria-hidden": "true",
+            className: cn(nativeSelectIconVariants({ size })),
+            "data-slot": "native-select-icon"
+          }
+        )
+      ]
+    }
+  );
+}
+function NativeSelectOption({ ...props }) {
+  return /* @__PURE__ */ jsx("option", { "data-slot": "native-select-option", ...props });
+}
+function NativeSelectOptGroup({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "optgroup",
+    {
+      className: cn(className),
+      "data-slot": "native-select-optgroup",
+      ...props
+    }
+  );
+}
+
+export { NativeSelect, NativeSelectOptGroup, NativeSelectOption, nativeSelectIconVariants, nativeSelectLeftIconVariants, nativeSelectVariants, nativeSelectWithLeftIconPadding, nativeSelectWrapperVariants };
+//# sourceMappingURL=chunk-XOGMDABS.js.map
+//# sourceMappingURL=chunk-XOGMDABS.js.map

package/dist/chunk-XOGMDABS.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/forms/NativeSelect/NativeSelect.variants.ts","../src/components/forms/NativeSelect/NativeSelect.tsx"],"names":[],"mappings":"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","file":"chunk-XOGMDABS.js","sourcesContent":["import { cva, type VariantProps } from \"class-variance-authority\"\n\n/**\n * NativeSelect variant styles using CVA\n */\nexport const nativeSelectVariants = cva(\n  // Base styles\n  [\n    \"w-full min-w-0 appearance-none rounded-[var(--native-select-root-radius)] border bg-transparent transition-[color,box-shadow] outline-none\",\n    \"placeholder:text-muted-foreground\",\n    \"selection:bg-primary selection:text-primary-foreground\",\n    \"dark:bg-input/30 dark:hover:bg-input/50\",\n    \"disabled:pointer-events-none disabled:cursor-not-allowed\",\n    \"focus-visible:border-[color:var(--native-select-root-border-focus)] focus-visible:ring-[color:var(--native-select-focus-ring-color)]/50 focus-visible:ring-[length:var(--native-select-focus-ring-width)]\",\n    \"aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive\",\n  ],\n  {\n    variants: {\n      size: {\n        xs: \"h-7 px-2 py-0.5 pr-7 text-xs\",\n        sm: \"h-8 px-2.5 py-1 pr-8 text-sm\",\n        md: \"h-9 px-3 py-1 pr-9 text-base md:text-sm\",\n        lg: \"h-10 px-3.5 py-1.5 pr-10 text-base\",\n        xl: \"h-12 px-4 py-2 pr-11 text-lg\",\n      },\n      variant: {\n        default: \"border-input shadow-xs\",\n        filled: \"border-transparent bg-[color:var(--native-select-variant-filled-bg)]\",\n        flushed: \"rounded-none border-x-0 border-t-0 border-b-input px-0 pr-7\",\n      },\n    },\n    defaultVariants: {\n      size: \"lg\",\n      variant: \"default\",\n    },\n  }\n)\n\n/**\n * Wrapper styles for the NativeSelect container\n */\nexport const nativeSelectWrapperVariants = cva(\n  \"group/native-select relative w-fit has-[select:disabled]:opacity-50\",\n  {\n    variants: {},\n    defaultVariants: {},\n  }\n)\n\n/**\n * Icon styles based on size\n */\nexport const nativeSelectIconVariants = cva(\n  \"text-muted-foreground pointer-events-none absolute top-1/2 -translate-y-1/2 opacity-50 select-none\",\n  {\n    variants: {\n      size: {\n        xs: \"right-2 size-3\",\n        sm: \"right-2.5 size-3.5\",\n        md: \"right-3 size-4\",\n        lg: \"right-3.5 size-4\",\n        xl: \"right-4 size-5\",\n      },\n    },\n    defaultVariants: {\n      size: \"md\",\n    },\n  }\n)\n\n/**\n * Left icon styles based on size\n */\nexport const nativeSelectLeftIconVariants = cva(\n  \"text-muted-foreground pointer-events-none absolute top-1/2 -translate-y-1/2 opacity-70 select-none\",\n  {\n    variants: {\n      size: {\n        xs: \"left-2 size-3\",\n        sm: \"left-2.5 size-3.5\",\n        md: \"left-3 size-4\",\n        lg: \"left-3.5 size-4\",\n        xl: \"left-4 size-5\",\n      },\n    },\n    defaultVariants: {\n      size: \"md\",\n    },\n  }\n)\n\n/**\n * Additional padding-left when leftIcon is present\n */\nexport const nativeSelectWithLeftIconPadding: Record<NativeSelectSize, string> = {\n  xs: \"pl-7\",\n  sm: \"pl-8\",\n  md: \"pl-9\",\n  lg: \"pl-10\",\n  xl: \"pl-11\",\n}\n\ntype NativeSelectSize = \"lg\" | \"md\" | \"sm\" | \"xl\" | \"xs\"\n\nexport type NativeSelectVariantProps = VariantProps<typeof nativeSelectVariants>\n","import type {\n  NativeSelectOptGroupProps,\n  NativeSelectOptionProps,\n  NativeSelectProps,\n} from \"./NativeSelect.types\"\n\nimport { ChevronDownIcon } from \"lucide-react\"\nimport * as React from \"react\"\n\nimport { cn } from \"../../../lib/utils\"\nimport {\n  nativeSelectIconVariants,\n  nativeSelectLeftIconVariants,\n  nativeSelectVariants,\n  nativeSelectWithLeftIconPadding,\n  nativeSelectWrapperVariants,\n} from \"./NativeSelect.variants\"\n\nfunction NativeSelect({\n  className,\n  size = \"lg\",\n  variant,\n  leftIcon,\n  ...props\n}: NativeSelectProps) {\n  return (\n    <div\n      className={cn(nativeSelectWrapperVariants())}\n      data-slot=\"native-select-wrapper\"\n    >\n      {leftIcon && (\n        <span\n          aria-hidden=\"true\"\n          className={cn(nativeSelectLeftIconVariants({ size }))}\n          data-slot=\"native-select-left-icon\"\n        >\n          {leftIcon}\n        </span>\n      )}\n      <select\n        className={cn(\n          nativeSelectVariants({ size, variant }),\n          leftIcon && nativeSelectWithLeftIconPadding[size],\n          className\n        )}\n        data-slot=\"native-select\"\n        {...props}\n      />\n      <ChevronDownIcon\n        aria-hidden=\"true\"\n        className={cn(nativeSelectIconVariants({ size }))}\n        data-slot=\"native-select-icon\"\n      />\n    </div>\n  )\n}\n\nfunction NativeSelectOption({ ...props }: NativeSelectOptionProps) {\n  return <option data-slot=\"native-select-option\" {...props} />\n}\n\nfunction NativeSelectOptGroup({\n  className,\n  ...props\n}: NativeSelectOptGroupProps) {\n  return (\n    <optgroup\n      className={cn(className)}\n      data-slot=\"native-select-optgroup\"\n      {...props}\n    />\n  )\n}\n\nexport { NativeSelect, NativeSelectOptGroup, NativeSelectOption }\n"]}

package/dist/chunk-XRMKL43Y.js

@@ -0,0 +1,90 @@
+import { AlertDialog, AlertDialogTrigger, AlertDialogContent, AlertDialogHeader, AlertDialogTitle, AlertDialogDescription, AlertDialogFooter, AlertDialogCancel, AlertDialogAction } from './chunk-IBVCSZCH.js';
+import { cn } from './chunk-HRNDJU7D.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-XRMKL43Y.js.map
+//# sourceMappingURL=chunk-XRMKL43Y.js.map

package/dist/chunk-XRMKL43Y.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/feedback/ConfirmModal/ConfirmModal.tsx"],"names":[],"mappings":"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","file":"chunk-XRMKL43Y.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"]}