xertica-ui 2.7.0 → 2.8.0

package/dist/ImageWithFallback-BQO7952C.js

@@ -0,0 +1,98 @@
+import { jsx } from 'react/jsx-runtime';
+import { Slot, Slottable } from '@radix-ui/react-slot';
+import { cva } from 'class-variance-authority';
+import { c as cn } from './button-BnAW-a_w.js';
+import * as ProgressPrimitive from '@radix-ui/react-progress';
+import { useState } from 'react';
+
+const badgeVariants = cva(
+  "inline-flex items-center justify-center rounded-md border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden",
+  {
+    variants: {
+      variant: {
+        default: "border-transparent bg-primary text-primary-foreground [a&]:hover:bg-primary/90",
+        secondary: "border-transparent bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90",
+        destructive: "border-transparent bg-destructive text-white [a&]:hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
+        outline: "text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground",
+        success: "border-transparent bg-success text-success-foreground",
+        warning: "border-transparent bg-warning text-warning-foreground",
+        info: "border-transparent bg-info text-info-foreground"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+function Badge({
+  className,
+  variant,
+  asChild = false,
+  children,
+  ...props
+}) {
+  const Comp = asChild ? Slot : "span";
+  return /* @__PURE__ */ jsx(Comp, { "data-slot": "badge", className: cn(badgeVariants({ variant }), className), ...props, children: /* @__PURE__ */ jsx(Slottable, { children }) });
+}
+
+const trackVariants = {
+  default: "bg-primary/20",
+  success: "bg-success/20",
+  info: "bg-info/20",
+  warning: "bg-warning/20",
+  destructive: "bg-destructive/20"
+};
+const indicatorVariants = {
+  default: "bg-primary",
+  success: "bg-success",
+  info: "bg-info",
+  warning: "bg-warning",
+  destructive: "bg-destructive"
+};
+function Progress({
+  className,
+  value,
+  variant = "default",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    ProgressPrimitive.Root,
+    {
+      "data-slot": "progress",
+      "aria-label": props["aria-label"] || "Progresso",
+      className: cn(
+        "relative h-2 w-full overflow-hidden rounded-full",
+        trackVariants[variant],
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ jsx(
+        ProgressPrimitive.Indicator,
+        {
+          "data-slot": "progress-indicator",
+          className: cn("h-full w-full flex-1 transition-all", indicatorVariants[variant]),
+          style: { transform: `translateX(-${100 - (value || 0)}%)` }
+        }
+      )
+    }
+  );
+}
+
+const ERROR_IMG_SRC = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODgiIGhlaWdodD0iODgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgc3Ryb2tlPSIjMDAwIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBvcGFjaXR5PSIuMyIgZmlsbD0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIzLjciPjxyZWN0IHg9IjE2IiB5PSIxNiIgd2lkdGg9IjU2IiBoZWlnaHQ9IjU2IiByeD0iNiIvPjxwYXRoIGQ9Im0xNiA1OCAxNi0xOCAzMiAzMiIvPjxjaXJjbGUgY3g9IjUzIiBjeT0iMzUiIHI9IjciLz48L3N2Zz4KCg==";
+function ImageWithFallback(props) {
+  const [didError, setDidError] = useState(false);
+  const handleError = () => {
+    setDidError(true);
+  };
+  const { src, alt, style, className, ...rest } = props;
+  return didError ? /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: `inline-block bg-gray-100 text-center align-middle ${className ?? ""}`,
+      style,
+      children: /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center w-full h-full", children: /* @__PURE__ */ jsx("img", { src: ERROR_IMG_SRC, alt: "Error loading image", ...rest, "data-original-url": src }) })
+    }
+  ) : /* @__PURE__ */ jsx("img", { src, alt, className, style, ...rest, onError: handleError });
+}
+
+export { Badge as B, ImageWithFallback as I, Progress as P, badgeVariants as b };

package/dist/ImageWithFallback-BkMXHCvV.cjs

@@ -0,0 +1,122 @@
+'use strict';
+
+const jsxRuntime = require('react/jsx-runtime');
+const reactSlot = require('@radix-ui/react-slot');
+const classVarianceAuthority = require('class-variance-authority');
+const button = require('./button-Kd9Fj53S.cjs');
+const ProgressPrimitive = require('@radix-ui/react-progress');
+const React = require('react');
+
+function _interopNamespaceDefault(e) {
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: 'Module' } });
+  if (e) {
+    for (const k in e) {
+      if (k !== 'default') {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+const ProgressPrimitive__namespace = /*#__PURE__*/_interopNamespaceDefault(ProgressPrimitive);
+
+const badgeVariants = classVarianceAuthority.cva(
+  "inline-flex items-center justify-center rounded-md border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden",
+  {
+    variants: {
+      variant: {
+        default: "border-transparent bg-primary text-primary-foreground [a&]:hover:bg-primary/90",
+        secondary: "border-transparent bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90",
+        destructive: "border-transparent bg-destructive text-white [a&]:hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
+        outline: "text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground",
+        success: "border-transparent bg-success text-success-foreground",
+        warning: "border-transparent bg-warning text-warning-foreground",
+        info: "border-transparent bg-info text-info-foreground"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+function Badge({
+  className,
+  variant,
+  asChild = false,
+  children,
+  ...props
+}) {
+  const Comp = asChild ? reactSlot.Slot : "span";
+  return /* @__PURE__ */ jsxRuntime.jsx(Comp, { "data-slot": "badge", className: button.cn(badgeVariants({ variant }), className), ...props, children: /* @__PURE__ */ jsxRuntime.jsx(reactSlot.Slottable, { children }) });
+}
+
+const trackVariants = {
+  default: "bg-primary/20",
+  success: "bg-success/20",
+  info: "bg-info/20",
+  warning: "bg-warning/20",
+  destructive: "bg-destructive/20"
+};
+const indicatorVariants = {
+  default: "bg-primary",
+  success: "bg-success",
+  info: "bg-info",
+  warning: "bg-warning",
+  destructive: "bg-destructive"
+};
+function Progress({
+  className,
+  value,
+  variant = "default",
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    ProgressPrimitive__namespace.Root,
+    {
+      "data-slot": "progress",
+      "aria-label": props["aria-label"] || "Progresso",
+      className: button.cn(
+        "relative h-2 w-full overflow-hidden rounded-full",
+        trackVariants[variant],
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ jsxRuntime.jsx(
+        ProgressPrimitive__namespace.Indicator,
+        {
+          "data-slot": "progress-indicator",
+          className: button.cn("h-full w-full flex-1 transition-all", indicatorVariants[variant]),
+          style: { transform: `translateX(-${100 - (value || 0)}%)` }
+        }
+      )
+    }
+  );
+}
+
+const ERROR_IMG_SRC = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODgiIGhlaWdodD0iODgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgc3Ryb2tlPSIjMDAwIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBvcGFjaXR5PSIuMyIgZmlsbD0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIzLjciPjxyZWN0IHg9IjE2IiB5PSIxNiIgd2lkdGg9IjU2IiBoZWlnaHQ9IjU2IiByeD0iNiIvPjxwYXRoIGQ9Im0xNiA1OCAxNi0xOCAzMiAzMiIvPjxjaXJjbGUgY3g9IjUzIiBjeT0iMzUiIHI9IjciLz48L3N2Zz4KCg==";
+function ImageWithFallback(props) {
+  const [didError, setDidError] = React.useState(false);
+  const handleError = () => {
+    setDidError(true);
+  };
+  const { src, alt, style, className, ...rest } = props;
+  return didError ? /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      className: `inline-block bg-gray-100 text-center align-middle ${className ?? ""}`,
+      style,
+      children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center justify-center w-full h-full", children: /* @__PURE__ */ jsxRuntime.jsx("img", { src: ERROR_IMG_SRC, alt: "Error loading image", ...rest, "data-original-url": src }) })
+    }
+  ) : /* @__PURE__ */ jsxRuntime.jsx("img", { src, alt, className, style, ...rest, onError: handleError });
+}
+
+exports.Badge = Badge;
+exports.ImageWithFallback = ImageWithFallback;
+exports.Progress = Progress;
+exports.badgeVariants = badgeVariants;

package/dist/ImageWithFallback-C72nwszA.cjs

@@ -0,0 +1,122 @@
+'use strict';
+
+const jsxRuntime = require('react/jsx-runtime');
+const reactSlot = require('@radix-ui/react-slot');
+const classVarianceAuthority = require('class-variance-authority');
+const button = require('./button-DV1G6XrI.cjs');
+const ProgressPrimitive = require('@radix-ui/react-progress');
+const React = require('react');
+
+function _interopNamespaceDefault(e) {
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: 'Module' } });
+  if (e) {
+    for (const k in e) {
+      if (k !== 'default') {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+const ProgressPrimitive__namespace = /*#__PURE__*/_interopNamespaceDefault(ProgressPrimitive);
+
+const badgeVariants = classVarianceAuthority.cva(
+  "inline-flex items-center justify-center rounded-md border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden",
+  {
+    variants: {
+      variant: {
+        default: "border-transparent bg-primary text-primary-foreground [a&]:hover:bg-primary/90",
+        secondary: "border-transparent bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90",
+        destructive: "border-transparent bg-destructive text-white [a&]:hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
+        outline: "text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground",
+        success: "border-transparent bg-success text-success-foreground",
+        warning: "border-transparent bg-warning text-warning-foreground",
+        info: "border-transparent bg-info text-info-foreground"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+function Badge({
+  className,
+  variant,
+  asChild = false,
+  children,
+  ...props
+}) {
+  const Comp = asChild ? reactSlot.Slot : "span";
+  return /* @__PURE__ */ jsxRuntime.jsx(Comp, { "data-slot": "badge", className: button.cn(badgeVariants({ variant }), className), ...props, children: /* @__PURE__ */ jsxRuntime.jsx(reactSlot.Slottable, { children }) });
+}
+
+const trackVariants = {
+  default: "bg-primary/20",
+  success: "bg-success/20",
+  info: "bg-info/20",
+  warning: "bg-warning/20",
+  destructive: "bg-destructive/20"
+};
+const indicatorVariants = {
+  default: "bg-primary",
+  success: "bg-success",
+  info: "bg-info",
+  warning: "bg-warning",
+  destructive: "bg-destructive"
+};
+function Progress({
+  className,
+  value,
+  variant = "default",
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    ProgressPrimitive__namespace.Root,
+    {
+      "data-slot": "progress",
+      "aria-label": props["aria-label"] || "Progresso",
+      className: button.cn(
+        "relative h-2 w-full overflow-hidden rounded-full",
+        trackVariants[variant],
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ jsxRuntime.jsx(
+        ProgressPrimitive__namespace.Indicator,
+        {
+          "data-slot": "progress-indicator",
+          className: button.cn("h-full w-full flex-1 transition-all", indicatorVariants[variant]),
+          style: { transform: `translateX(-${100 - (value || 0)}%)` }
+        }
+      )
+    }
+  );
+}
+
+const ERROR_IMG_SRC = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODgiIGhlaWdodD0iODgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgc3Ryb2tlPSIjMDAwIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBvcGFjaXR5PSIuMyIgZmlsbD0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIzLjciPjxyZWN0IHg9IjE2IiB5PSIxNiIgd2lkdGg9IjU2IiBoZWlnaHQ9IjU2IiByeD0iNiIvPjxwYXRoIGQ9Im0xNiA1OCAxNi0xOCAzMiAzMiIvPjxjaXJjbGUgY3g9IjUzIiBjeT0iMzUiIHI9IjciLz48L3N2Zz4KCg==";
+function ImageWithFallback(props) {
+  const [didError, setDidError] = React.useState(false);
+  const handleError = () => {
+    setDidError(true);
+  };
+  const { src, alt, style, className, ...rest } = props;
+  return didError ? /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      className: `inline-block bg-gray-100 text-center align-middle ${className ?? ""}`,
+      style,
+      children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center justify-center w-full h-full", children: /* @__PURE__ */ jsxRuntime.jsx("img", { src: ERROR_IMG_SRC, alt: "Error loading image", ...rest, "data-original-url": src }) })
+    }
+  ) : /* @__PURE__ */ jsxRuntime.jsx("img", { src, alt, className, style, ...rest, onError: handleError });
+}
+
+exports.Badge = Badge;
+exports.ImageWithFallback = ImageWithFallback;
+exports.Progress = Progress;
+exports.badgeVariants = badgeVariants;

package/dist/ImageWithFallback-CCUMDuEC.cjs

@@ -0,0 +1,122 @@
+'use strict';
+
+const jsxRuntime = require('react/jsx-runtime');
+const reactSlot = require('@radix-ui/react-slot');
+const classVarianceAuthority = require('class-variance-authority');
+const button = require('./button-BYtQygX5.cjs');
+const ProgressPrimitive = require('@radix-ui/react-progress');
+const React = require('react');
+
+function _interopNamespaceDefault(e) {
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: 'Module' } });
+  if (e) {
+    for (const k in e) {
+      if (k !== 'default') {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+const ProgressPrimitive__namespace = /*#__PURE__*/_interopNamespaceDefault(ProgressPrimitive);
+
+const badgeVariants = classVarianceAuthority.cva(
+  "inline-flex items-center justify-center rounded-md border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden",
+  {
+    variants: {
+      variant: {
+        default: "border-transparent bg-primary text-primary-foreground [a&]:hover:bg-primary/90",
+        secondary: "border-transparent bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90",
+        destructive: "border-transparent bg-destructive text-white [a&]:hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
+        outline: "text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground",
+        success: "border-transparent bg-success text-success-foreground",
+        warning: "border-transparent bg-warning text-warning-foreground",
+        info: "border-transparent bg-info text-info-foreground"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+function Badge({
+  className,
+  variant,
+  asChild = false,
+  children,
+  ...props
+}) {
+  const Comp = asChild ? reactSlot.Slot : "span";
+  return /* @__PURE__ */ jsxRuntime.jsx(Comp, { "data-slot": "badge", className: button.cn(badgeVariants({ variant }), className), ...props, children: /* @__PURE__ */ jsxRuntime.jsx(reactSlot.Slottable, { children }) });
+}
+
+const trackVariants = {
+  default: "bg-primary/20",
+  success: "bg-success/20",
+  info: "bg-info/20",
+  warning: "bg-warning/20",
+  destructive: "bg-destructive/20"
+};
+const indicatorVariants = {
+  default: "bg-primary",
+  success: "bg-success",
+  info: "bg-info",
+  warning: "bg-warning",
+  destructive: "bg-destructive"
+};
+function Progress({
+  className,
+  value,
+  variant = "default",
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    ProgressPrimitive__namespace.Root,
+    {
+      "data-slot": "progress",
+      "aria-label": props["aria-label"] || "Progresso",
+      className: button.cn(
+        "relative h-2 w-full overflow-hidden rounded-full",
+        trackVariants[variant],
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ jsxRuntime.jsx(
+        ProgressPrimitive__namespace.Indicator,
+        {
+          "data-slot": "progress-indicator",
+          className: button.cn("h-full w-full flex-1 transition-all", indicatorVariants[variant]),
+          style: { transform: `translateX(-${100 - (value || 0)}%)` }
+        }
+      )
+    }
+  );
+}
+
+const ERROR_IMG_SRC = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODgiIGhlaWdodD0iODgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgc3Ryb2tlPSIjMDAwIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBvcGFjaXR5PSIuMyIgZmlsbD0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIzLjciPjxyZWN0IHg9IjE2IiB5PSIxNiIgd2lkdGg9IjU2IiBoZWlnaHQ9IjU2IiByeD0iNiIvPjxwYXRoIGQ9Im0xNiA1OCAxNi0xOCAzMiAzMiIvPjxjaXJjbGUgY3g9IjUzIiBjeT0iMzUiIHI9IjciLz48L3N2Zz4KCg==";
+function ImageWithFallback(props) {
+  const [didError, setDidError] = React.useState(false);
+  const handleError = () => {
+    setDidError(true);
+  };
+  const { src, alt, style, className, ...rest } = props;
+  return didError ? /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      className: `inline-block bg-gray-100 text-center align-middle ${className ?? ""}`,
+      style,
+      children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center justify-center w-full h-full", children: /* @__PURE__ */ jsxRuntime.jsx("img", { src: ERROR_IMG_SRC, alt: "Error loading image", ...rest, "data-original-url": src }) })
+    }
+  ) : /* @__PURE__ */ jsxRuntime.jsx("img", { src, alt, className, style, ...rest, onError: handleError });
+}
+
+exports.Badge = Badge;
+exports.ImageWithFallback = ImageWithFallback;
+exports.Progress = Progress;
+exports.badgeVariants = badgeVariants;

package/dist/ImageWithFallback-DQD5TTlY.js

@@ -0,0 +1,98 @@
+import { jsx } from 'react/jsx-runtime';
+import { Slot, Slottable } from '@radix-ui/react-slot';
+import { cva } from 'class-variance-authority';
+import { c as cn } from './button-CUPDQews.js';
+import * as ProgressPrimitive from '@radix-ui/react-progress';
+import { useState } from 'react';
+
+const badgeVariants = cva(
+  "inline-flex items-center justify-center rounded-md border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden",
+  {
+    variants: {
+      variant: {
+        default: "border-transparent bg-primary text-primary-foreground [a&]:hover:bg-primary/90",
+        secondary: "border-transparent bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90",
+        destructive: "border-transparent bg-destructive text-white [a&]:hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
+        outline: "text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground",
+        success: "border-transparent bg-success text-success-foreground",
+        warning: "border-transparent bg-warning text-warning-foreground",
+        info: "border-transparent bg-info text-info-foreground"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+function Badge({
+  className,
+  variant,
+  asChild = false,
+  children,
+  ...props
+}) {
+  const Comp = asChild ? Slot : "span";
+  return /* @__PURE__ */ jsx(Comp, { "data-slot": "badge", className: cn(badgeVariants({ variant }), className), ...props, children: /* @__PURE__ */ jsx(Slottable, { children }) });
+}
+
+const trackVariants = {
+  default: "bg-primary/20",
+  success: "bg-success/20",
+  info: "bg-info/20",
+  warning: "bg-warning/20",
+  destructive: "bg-destructive/20"
+};
+const indicatorVariants = {
+  default: "bg-primary",
+  success: "bg-success",
+  info: "bg-info",
+  warning: "bg-warning",
+  destructive: "bg-destructive"
+};
+function Progress({
+  className,
+  value,
+  variant = "default",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    ProgressPrimitive.Root,
+    {
+      "data-slot": "progress",
+      "aria-label": props["aria-label"] || "Progresso",
+      className: cn(
+        "relative h-2 w-full overflow-hidden rounded-full",
+        trackVariants[variant],
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ jsx(
+        ProgressPrimitive.Indicator,
+        {
+          "data-slot": "progress-indicator",
+          className: cn("h-full w-full flex-1 transition-all", indicatorVariants[variant]),
+          style: { transform: `translateX(-${100 - (value || 0)}%)` }
+        }
+      )
+    }
+  );
+}
+
+const ERROR_IMG_SRC = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODgiIGhlaWdodD0iODgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgc3Ryb2tlPSIjMDAwIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBvcGFjaXR5PSIuMyIgZmlsbD0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIzLjciPjxyZWN0IHg9IjE2IiB5PSIxNiIgd2lkdGg9IjU2IiBoZWlnaHQ9IjU2IiByeD0iNiIvPjxwYXRoIGQ9Im0xNiA1OCAxNi0xOCAzMiAzMiIvPjxjaXJjbGUgY3g9IjUzIiBjeT0iMzUiIHI9IjciLz48L3N2Zz4KCg==";
+function ImageWithFallback(props) {
+  const [didError, setDidError] = useState(false);
+  const handleError = () => {
+    setDidError(true);
+  };
+  const { src, alt, style, className, ...rest } = props;
+  return didError ? /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: `inline-block bg-gray-100 text-center align-middle ${className ?? ""}`,
+      style,
+      children: /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center w-full h-full", children: /* @__PURE__ */ jsx("img", { src: ERROR_IMG_SRC, alt: "Error loading image", ...rest, "data-original-url": src }) })
+    }
+  ) : /* @__PURE__ */ jsx("img", { src, alt, className, style, ...rest, onError: handleError });
+}
+
+export { Badge as B, ImageWithFallback as I, Progress as P, badgeVariants as b };

package/dist/LanguageSelector-1XhM7R1i.cjs

@@ -0,0 +1,48 @@
+'use strict';
+
+const jsxRuntime = require('react/jsx-runtime');
+const select = require('./select-CwRzQHA7.cjs');
+const lucideReact = require('lucide-react');
+const reactI18next = require('react-i18next');
+const LanguageContext = require('./LanguageContext-CjhSSqJT.cjs');
+
+function LanguageSelector({
+  showLabel = false,
+  variant = "default",
+  showIcon = true,
+  className = "",
+  showWhenMonolingual = false
+}) {
+  const { language, setLanguage, availableLanguages, isMonolingual } = LanguageContext.useLanguage();
+  const { t } = reactI18next.useTranslation();
+  if (isMonolingual && !showWhenMonolingual) {
+    return null;
+  }
+  const items = availableLanguages.map((lang) => {
+    const knownLabelKey = lang.code === "pt-BR" ? "languageSelector.ptBR" : lang.code === "en" ? "languageSelector.en" : lang.code === "es" ? "languageSelector.es" : null;
+    return {
+      value: lang.code,
+      label: knownLabelKey ? t(knownLabelKey, lang.label) : lang.label,
+      // Fall back to the first two characters of the code if no shortLabel given
+      minimalLabel: lang.shortLabel ?? lang.code.slice(0, 2).toUpperCase()
+    };
+  });
+  const currentItem = items.find((l) => l.value === language) ?? items[0];
+  const displayLabel = variant === "minimal" ? currentItem.minimalLabel : currentItem.label;
+  return /* @__PURE__ */ jsxRuntime.jsxs(select.Select, { value: language, onValueChange: (val) => setLanguage(val), children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      select.SelectTrigger,
+      {
+        className: `h-9 gap-2 px-3 border-none shadow-none focus:ring-0 text-muted-foreground hover:bg-accent hover:text-accent-foreground ${className}`,
+        "aria-label": t("languageSelector.label", "Selecionar idioma"),
+        children: [
+          showIcon && /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Globe, { className: "h-4 w-4 shrink-0" }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm", children: displayLabel })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(select.SelectContent, { align: "end", children: items.map(({ value, label }) => /* @__PURE__ */ jsxRuntime.jsx(select.SelectItem, { value, children: label }, value)) })
+  ] });
+}
+
+exports.LanguageSelector = LanguageSelector;

package/dist/LanguageSelector-B3ZVNc55.js

@@ -0,0 +1,46 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { S as Select, h as SelectTrigger, a as SelectContent, c as SelectItem } from './select-BNfFJwYp.js';
+import { Globe } from 'lucide-react';
+import { useTranslation } from 'react-i18next';
+import { u as useLanguage } from './LanguageContext-CX_zdxre.js';
+
+function LanguageSelector({
+  showLabel = false,
+  variant = "default",
+  showIcon = true,
+  className = "",
+  showWhenMonolingual = false
+}) {
+  const { language, setLanguage, availableLanguages, isMonolingual } = useLanguage();
+  const { t } = useTranslation();
+  if (isMonolingual && !showWhenMonolingual) {
+    return null;
+  }
+  const items = availableLanguages.map((lang) => {
+    const knownLabelKey = lang.code === "pt-BR" ? "languageSelector.ptBR" : lang.code === "en" ? "languageSelector.en" : lang.code === "es" ? "languageSelector.es" : null;
+    return {
+      value: lang.code,
+      label: knownLabelKey ? t(knownLabelKey, lang.label) : lang.label,
+      // Fall back to the first two characters of the code if no shortLabel given
+      minimalLabel: lang.shortLabel ?? lang.code.slice(0, 2).toUpperCase()
+    };
+  });
+  const currentItem = items.find((l) => l.value === language) ?? items[0];
+  const displayLabel = variant === "minimal" ? currentItem.minimalLabel : currentItem.label;
+  return /* @__PURE__ */ jsxs(Select, { value: language, onValueChange: (val) => setLanguage(val), children: [
+    /* @__PURE__ */ jsxs(
+      SelectTrigger,
+      {
+        className: `h-9 gap-2 px-3 border-none shadow-none focus:ring-0 text-muted-foreground hover:bg-accent hover:text-accent-foreground ${className}`,
+        "aria-label": t("languageSelector.label", "Selecionar idioma"),
+        children: [
+          showIcon && /* @__PURE__ */ jsx(Globe, { className: "h-4 w-4 shrink-0" }),
+          /* @__PURE__ */ jsx("span", { className: "text-sm", children: displayLabel })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx(SelectContent, { align: "end", children: items.map(({ value, label }) => /* @__PURE__ */ jsx(SelectItem, { value, children: label }, value)) })
+  ] });
+}
+
+export { LanguageSelector as L };