@nextsparkjs/core 0.1.0-beta.188 → 0.1.0-beta.189

package/dist/components/entities/wrappers/EntityDetailWrapper.js

@@ -79,7 +79,7 @@ function EntityDetailWrapper({
     if (!entityConfig || !id) return;
     if (dataLoadedRef.current) return;
     if (!entityConfig.enabled) {
-      const error = new Error(`Entidad "${entityType}" est\xE1 deshabilitada`);
+      const error = new Error(`Entity "${entityType}" is disabled`);
       setDataError(error.message);
       onError == null ? void 0 : onError(error);
       return;
@@ -124,7 +124,7 @@ function EntityDetailWrapper({
         dataLoadedRef.current = true;
       } catch (err) {
         console.error(`[EntityDetailWrapper] Error loading data for "${entityType}" ${id}:`, err);
-        const errorMessage = `Error cargando datos: ${err instanceof Error ? err.message : "Error desconocido"}`;
+        const errorMessage = `Error loading data: ${err instanceof Error ? err.message : "Unknown error"}`;
         setDataError(errorMessage);
         setData(null);
         if (onError) {
@@ -179,7 +179,7 @@ function EntityDetailWrapper({
       setDataError(null);
     } catch (err) {
       console.error(`[EntityDetailWrapper] Error reloading data:`, err);
-      const errorMessage = `Error recargando datos: ${err instanceof Error ? err.message : "Error desconocido"}`;
+      const errorMessage = `Error reloading data: ${err instanceof Error ? err.message : "Unknown error"}`;
       setDataError(errorMessage);
     } finally {
       setIsLoadingData(false);
@@ -266,7 +266,7 @@ function EntityDetailWrapper({
     return /* @__PURE__ */ jsx(SkeletonEntityDetail, {});
   }
   if (configError || !entityConfig) {
-    return /* @__PURE__ */ jsx(Alert, { children: /* @__PURE__ */ jsx(AlertDescription, { children: configError || `No se pudo cargar la configuraci\xF3n para la entidad "${entityType}".` }) });
+    return /* @__PURE__ */ jsx(Alert, { children: /* @__PURE__ */ jsx(AlertDescription, { children: configError || `Could not load the configuration for entity "${entityType}".` }) });
   }
   if (isLoadingData) {
     return /* @__PURE__ */ jsx(SkeletonEntityDetail, {});
@@ -275,7 +275,7 @@ function EntityDetailWrapper({
     return /* @__PURE__ */ jsx(Alert, { children: /* @__PURE__ */ jsx(AlertDescription, { children: dataError }) });
   }
   if (!data) {
-    return /* @__PURE__ */ jsx(Alert, { children: /* @__PURE__ */ jsx(AlertDescription, { children: "No se encontraron datos para esta entidad." }) });
+    return /* @__PURE__ */ jsx(Alert, { children: /* @__PURE__ */ jsx(AlertDescription, { children: "No data found for this entity." }) });
   }
   return /* @__PURE__ */ jsx(
     EntityDetail,

package/dist/components/entities/wrappers/EntityFormWrapper.js

@@ -34,7 +34,7 @@ function EntityFormWrapper({
     const loadInitialData = async () => {
       if (mode === "edit" && id && entityConfig) {
         if (!entityConfig.enabled) {
-          onError == null ? void 0 : onError(new Error(`Entidad "${entityType}" est\xE1 deshabilitada`));
+          onError == null ? void 0 : onError(new Error(`Entity "${entityType}" is disabled`));
           return;
         }
         try {
@@ -87,7 +87,7 @@ function EntityFormWrapper({
     );
   }
   if (configError || !entityConfig) {
-    return /* @__PURE__ */ jsx(Alert, { children: /* @__PURE__ */ jsx(AlertDescription, { children: configError || `No se pudo cargar la configuraci\xF3n para la entidad "${entityType}".` }) });
+    return /* @__PURE__ */ jsx(Alert, { children: /* @__PURE__ */ jsx(AlertDescription, { children: configError || `Could not load the configuration for entity "${entityType}".` }) });
   }
   const customActions = additionalHeaderActions ? /* @__PURE__ */ jsx(Fragment, { children: additionalHeaderActions }) : void 0;
   return /* @__PURE__ */ jsx("div", { className: "p-6", children: /* @__PURE__ */ jsxs("div", { className: "max-w-7xl mx-auto space-y-6", children: [

package/dist/components/entities/wrappers/EntityListWrapper.js

@@ -68,7 +68,7 @@ function EntityListWrapper({
   const loadData = useCallback(async (isInitial = false) => {
     if (!entityConfig) return;
     if (!entityConfig.enabled) {
-      setDataError(`Entidad "${entityType}" est\xE1 deshabilitada`);
+      setDataError(`Entity "${entityType}" is disabled`);
       return;
     }
     try {
@@ -90,7 +90,7 @@ function EntityListWrapper({
       setDataError(null);
     } catch (err) {
       console.error(`[EntityListWrapper] Error loading data for "${entityType}":`, err);
-      setDataError(`Error cargando datos: ${err instanceof Error ? err.message : "Error desconocido"}`);
+      setDataError(`Error loading data: ${err instanceof Error ? err.message : "Unknown error"}`);
       setData([]);
     } finally {
       setIsInitialLoad(false);
@@ -191,7 +191,7 @@ function EntityListWrapper({
     return /* @__PURE__ */ jsx(SkeletonEntityList, {});
   }
   if (configError || !entityConfig) {
-    return /* @__PURE__ */ jsx(Alert, { children: /* @__PURE__ */ jsx(AlertDescription, { children: configError || `No se pudo cargar la configuraci\xF3n para la entidad "${entityType}".` }) });
+    return /* @__PURE__ */ jsx(Alert, { children: /* @__PURE__ */ jsx(AlertDescription, { children: configError || `Could not load the configuration for entity "${entityType}".` }) });
   }
   if (dataError) {
     return /* @__PURE__ */ jsx(Alert, { children: /* @__PURE__ */ jsx(AlertDescription, { children: dataError }) });

package/dist/components/permissions/NoPermission.js

@@ -18,21 +18,21 @@ function NoPermission({
   const getActionText = () => {
     switch (action) {
       case "list":
-        return "ver la lista de";
+        return "view the list of";
       case "read":
-        return "ver los detalles de";
+        return "view the details of";
       case "create":
-        return "crear";
+        return "create";
       case "update":
-        return "editar";
+        return "edit";
       case "delete":
-        return "eliminar";
+        return "delete";
       default:
-        return "acceder a";
+        return "access";
     }
   };
-  const defaultTitle = title || "Acceso denegado";
-  const defaultDescription = description || (entityName ? `No tienes permisos para ${getActionText()} ${entityName}. Contacta a tu administrador si necesitas acceso.` : "No tienes permisos para acceder a esta secci\xF3n. Contacta a tu administrador si necesitas acceso.");
+  const defaultTitle = title || "Access denied";
+  const defaultDescription = description || (entityName ? `You don't have permission to ${getActionText()} ${entityName}. Contact your administrator if you need access.` : "You don't have permission to access this section. Contact your administrator if you need access.");
   return /* @__PURE__ */ jsx(
     "div",
     {
@@ -53,13 +53,13 @@ function NoPermission({
               className: "w-full",
               children: [
                 /* @__PURE__ */ jsx(ArrowLeft, { className: "mr-2 h-4 w-4" }),
-                "Volver atr\xE1s"
+                "Go back"
               ]
             }
           ),
           showHomeButton && /* @__PURE__ */ jsx(Button, { asChild: true, className: "w-full", children: /* @__PURE__ */ jsxs(Link, { href: redirectPath, children: [
             /* @__PURE__ */ jsx(Home, { className: "mr-2 h-4 w-4" }),
-            "Ir al Dashboard"
+            "Go to Dashboard"
           ] }) })
         ] })
       ] }) })

package/dist/components/public/pageBuilder/PageRenderer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PageRenderer.d.ts","sourceRoot":"","sources":["../../../../src/components/public/pageBuilder/PageRenderer.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAEH,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAA;AAiC1D,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE;QACJ,EAAE,EAAE,MAAM,CAAA;QACV,KAAK,EAAE,MAAM,CAAA;QACb,IAAI,EAAE,MAAM,CAAA;QACZ,MAAM,EAAE,aAAa,EAAE,CAAA;QACvB,MAAM,EAAE,MAAM,CAAA;KACf,CAAA;CACF;AAED,wBAAgB,YAAY,CAAC,EAAE,IAAI,EAAE,EAAE,iBAAiB,2CA+BvD"}
+{"version":3,"file":"PageRenderer.d.ts","sourceRoot":"","sources":["../../../../src/components/public/pageBuilder/PageRenderer.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAEH,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAA;AAkC1D,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE;QACJ,EAAE,EAAE,MAAM,CAAA;QACV,KAAK,EAAE,MAAM,CAAA;QACb,IAAI,EAAE,MAAM,CAAA;QACZ,MAAM,EAAE,aAAa,EAAE,CAAA;QACvB,MAAM,EAAE,MAAM,CAAA;KACf,CAAA;CACF;AAED,wBAAgB,YAAY,CAAC,EAAE,IAAI,EAAE,EAAE,iBAAiB,2CA+BvD"}

package/dist/components/public/pageBuilder/PageRenderer.js

@@ -1,5 +1,6 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { getBlockComponentSSR, normalizeBlockProps } from "../../../lib/blocks/loader.js";
+import { normalizeBlockProps } from "../../../lib/blocks/loader.js";
+import { getBlockComponentSSR } from "../../../lib/blocks/loader.server.js";
 function BlockError({ blockSlug }) {
   return /* @__PURE__ */ jsx("div", { className: "w-full py-12 px-4 bg-destructive/10 border border-destructive/20 rounded", children: /* @__PURE__ */ jsxs("div", { className: "max-w-7xl mx-auto text-center", children: [
     /* @__PURE__ */ jsxs("p", { className: "text-destructive", children: [

package/dist/components/settings/SettingsPageSkeleton.js

@@ -56,8 +56,8 @@ function NotificationsPageSkeleton() {
   return /* @__PURE__ */ jsx(
     SettingsPageSkeleton,
     {
-      title: "Notificaciones",
-      description: "Configura c\xF3mo y cu\xE1ndo quieres recibir notificaciones.",
+      title: "Notifications",
+      description: "Choose how and when you want to be notified.",
       sectionsCount: 3,
       itemsPerSection: 3
     }
@@ -67,8 +67,8 @@ function SecurityPageSkeleton() {
   return /* @__PURE__ */ jsxs("div", { className: "container mx-auto p-6 max-w-4xl", children: [
     /* @__PURE__ */ jsx("div", { className: "mb-8", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between mb-4", children: [
       /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
-        /* @__PURE__ */ jsx("h1", { className: "text-3xl font-bold tracking-tight", children: "Seguridad" }),
-        /* @__PURE__ */ jsx("p", { className: "text-muted-foreground", children: "Mant\xE9n tu cuenta segura con estas configuraciones de seguridad." })
+        /* @__PURE__ */ jsx("h1", { className: "text-3xl font-bold tracking-tight", children: "Security" }),
+        /* @__PURE__ */ jsx("p", { className: "text-muted-foreground", children: "Keep your account safe with these security settings." })
       ] }),
       /* @__PURE__ */ jsx(Skeleton, { className: "h-10 w-32" }),
       " "

package/dist/components/settings/layouts/SettingsSidebar.js

@@ -66,14 +66,14 @@ function SettingsSidebar({ className }) {
     }));
   }, [hasPassword]);
   const handleNavigation = useCallback((itemName, itemDescription) => {
-    setStatusMessage(`Navegando a ${itemName} - ${itemDescription}`);
-  }, []);
+    setStatusMessage(t("a11y.navigatingToAnnouncement", { name: itemName, description: itemDescription }));
+  }, [t]);
   const handleKeyDown = useCallback((e, href, itemName, itemDescription) => {
     if (e.key === "Enter" || e.key === " ") {
       e.preventDefault();
-      setStatusMessage(`Navegando a ${itemName} - ${itemDescription}`);
+      setStatusMessage(t("a11y.navigatingToAnnouncement", { name: itemName, description: itemDescription }));
     }
-  }, []);
+  }, [t]);
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(
       "div",
@@ -89,7 +89,7 @@ function SettingsSidebar({ className }) {
       {
         className: cn("space-y-2", className),
         role: "navigation",
-        "aria-label": "Navegaci\xF3n de configuraci\xF3n",
+        "aria-label": t("a11y.settingsNavigation"),
         "data-cy": sel("settings.sidebar.container"),
         children: /* @__PURE__ */ jsxs("div", { className: "px-3 py-2", children: [
           /* @__PURE__ */ jsxs(
@@ -144,7 +144,7 @@ function SettingsSidebar({ className }) {
                           {
                             name: tSettings(`navigation.${item.name}`),
                             description: tSettings(`overview.${item.name}Description`),
-                            current: isActive ? " (p\xE1gina actual)" : ""
+                            current: isActive ? t("a11y.currentPageSuffix") : ""
                           }
                         ),
                         className: cn(

package/dist/components/shared/MultiSelectFilter.d.ts

@@ -13,6 +13,8 @@ export interface MultiSelectFilterProps {
     onChange: (values: string[]) => void;
     /** Additional class names for the trigger button */
     className?: string;
+    /** Label for the button that clears the whole field */
+    clearLabel?: string;
     /** data-cy attribute for E2E testing */
     'data-cy'?: string;
 }
@@ -37,5 +39,5 @@ export interface MultiSelectFilterProps {
  *   data-cy="filter-status"
  * />
  */
-export declare function MultiSelectFilter({ label, options, values, onChange, className, 'data-cy': dataCy, }: MultiSelectFilterProps): import("react/jsx-runtime").JSX.Element;
+export declare function MultiSelectFilter({ label, options, values, onChange, className, clearLabel, 'data-cy': dataCy, }: MultiSelectFilterProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=MultiSelectFilter.d.ts.map

package/dist/components/shared/MultiSelectFilter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MultiSelectFilter.d.ts","sourceRoot":"","sources":["../../../src/components/shared/MultiSelectFilter.tsx"],"names":[],"mappings":"AAgBA,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;CACd;AAED,MAAM,WAAW,sBAAsB;IACrC,qCAAqC;IACrC,KAAK,EAAE,MAAM,CAAA;IACb,+BAA+B;IAC/B,OAAO,EAAE,YAAY,EAAE,CAAA;IACvB,gCAAgC;IAChC,MAAM,EAAE,MAAM,EAAE,CAAA;IAChB,sCAAsC;IACtC,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,IAAI,CAAA;IACpC,oDAAoD;IACpD,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,wCAAwC;IACxC,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAMD;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,wBAAgB,iBAAiB,CAAC,EAChC,KAAK,EACL,OAAO,EACP,MAAM,EACN,QAAQ,EACR,SAAS,EACT,SAAS,EAAE,MAA8B,GAC1C,EAAE,sBAAsB,2CA0HxB"}
+{"version":3,"file":"MultiSelectFilter.d.ts","sourceRoot":"","sources":["../../../src/components/shared/MultiSelectFilter.tsx"],"names":[],"mappings":"AAgBA,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;CACd;AAED,MAAM,WAAW,sBAAsB;IACrC,qCAAqC;IACrC,KAAK,EAAE,MAAM,CAAA;IACb,+BAA+B;IAC/B,OAAO,EAAE,YAAY,EAAE,CAAA;IACvB,gCAAgC;IAChC,MAAM,EAAE,MAAM,EAAE,CAAA;IAChB,sCAAsC;IACtC,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,IAAI,CAAA;IACpC,oDAAoD;IACpD,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,uDAAuD;IACvD,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,wCAAwC;IACxC,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAMD;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,wBAAgB,iBAAiB,CAAC,EAChC,KAAK,EACL,OAAO,EACP,MAAM,EACN,QAAQ,EACR,SAAS,EACT,UAAoB,EACpB,SAAS,EAAE,MAA8B,GAC1C,EAAE,sBAAsB,2CA8HxB"}

package/dist/components/shared/MultiSelectFilter.js

@@ -15,6 +15,7 @@ function MultiSelectFilter({
   values,
   onChange,
   className,
+  clearLabel = "Clear",
   "data-cy": dataCy = "multi-select-filter"
 }) {
   const [open, setOpen] = useState(false);
@@ -74,6 +75,7 @@ function MultiSelectFilter({
             return /* @__PURE__ */ jsxs(
               "button",
               {
+                type: "button",
                 onClick: () => handleToggle(option.value),
                 className: cn(
                   "w-full text-left px-3 py-2 text-sm rounded-md",
@@ -108,6 +110,7 @@ function MultiSelectFilter({
             /* @__PURE__ */ jsx(
               "button",
               {
+                type: "button",
                 onClick: (e) => handleRemove(option.value, e),
                 className: "hover:bg-primary/20 rounded-sm p-0.5 transition-colors",
                 "aria-label": `Remove ${option.label}`,
@@ -119,17 +122,18 @@ function MultiSelectFilter({
         },
         option.value
       )),
-      selectedOptions.length > 1 && /* @__PURE__ */ jsx(
+      /* @__PURE__ */ jsx(
         "button",
         {
+          type: "button",
           onClick: handleClearAll,
           className: cn(
             "text-xs text-muted-foreground hover:text-foreground",
             "px-1.5 py-1 transition-colors"
           ),
-          "aria-label": "Clear all filters",
+          "aria-label": `Clear ${label} filter`,
           "data-cy": `${dataCy}-clear-all`,
-          children: "Clear"
+          children: clearLabel
         }
       )
     ] })

package/dist/components/shared/SearchInput.d.ts

@@ -4,6 +4,8 @@ export interface SearchInputProps extends Omit<InputHTMLAttributes<HTMLInputElem
     icon?: ReactNode;
     /** Container class name */
     containerClassName?: string;
+    /** Accessible name for the clear button */
+    clearLabel?: string;
     /** data-cy attribute for E2E testing */
     'data-cy'?: string;
 }

package/dist/components/shared/SearchInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SearchInput.d.ts","sourceRoot":"","sources":["../../../src/components/shared/SearchInput.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,SAAS,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAA;AAO3D,MAAM,WAAW,gBACf,SAAQ,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC3D,oDAAoD;IACpD,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,2BAA2B;IAC3B,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,wCAAwC;IACxC,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAMD;;;;;;;;;;GAUG;AACH,eAAO,MAAM,WAAW,+GA0BvB,CAAA"}
+{"version":3,"file":"SearchInput.d.ts","sourceRoot":"","sources":["../../../src/components/shared/SearchInput.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,SAAS,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAA;AAO3D,MAAM,WAAW,gBACf,SAAQ,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC3D,oDAAoD;IACpD,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,2BAA2B;IAC3B,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,2CAA2C;IAC3C,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,wCAAwC;IACxC,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAMD;;;;;;;;;;GAUG;AACH,eAAO,MAAM,WAAW,+GAyGvB,CAAA"}

package/dist/components/shared/SearchInput.js

@@ -2,10 +2,48 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { cn } from "../../lib/utils/index.js";
 import { Input } from "../ui/input.js";
-import { Search } from "lucide-react";
-import { forwardRef } from "react";
+import { Search, X } from "lucide-react";
+import { forwardRef, useEffect, useImperativeHandle, useRef, useState } from "react";
 const SearchInput = forwardRef(
-  ({ className, containerClassName, icon, "data-cy": dataCy = "search-input", ...props }, ref) => {
+  ({
+    className,
+    containerClassName,
+    icon,
+    clearLabel = "Clear search",
+    "data-cy": dataCy = "search-input",
+    ...props
+  }, ref) => {
+    const innerRef = useRef(null);
+    useImperativeHandle(ref, () => innerRef.current);
+    const isControlled = props.value !== void 0;
+    const [typedValue, setTypedValue] = useState(() => String(props.defaultValue ?? ""));
+    const currentValue = isControlled ? props.value : typedValue;
+    const hasValue = currentValue !== null && currentValue !== void 0 && String(currentValue) !== "";
+    const showClear = hasValue && !props.disabled && !props.readOnly;
+    const handleChange = (event) => {
+      var _a;
+      if (!isControlled) setTypedValue(event.target.value);
+      (_a = props.onChange) == null ? void 0 : _a.call(props, event);
+    };
+    useEffect(() => {
+      var _a;
+      if (isControlled) return;
+      const inDom = ((_a = innerRef.current) == null ? void 0 : _a.value) ?? "";
+      setTypedValue((current) => current === inDom ? current : inDom);
+    });
+    const handleClear = () => {
+      var _a;
+      const input = innerRef.current;
+      if (!input) return;
+      const setValue = (_a = Object.getOwnPropertyDescriptor(
+        window.HTMLInputElement.prototype,
+        "value"
+      )) == null ? void 0 : _a.set;
+      setValue == null ? void 0 : setValue.call(input, "");
+      input.dispatchEvent(new Event("input", { bubbles: true }));
+      if (!isControlled) setTypedValue("");
+      input.focus();
+    };
     return /* @__PURE__ */ jsxs(
       "div",
       {
@@ -23,11 +61,31 @@ const SearchInput = forwardRef(
           /* @__PURE__ */ jsx(
             Input,
             {
-              ref,
+              ref: innerRef,
               type: "search",
-              className: cn("pl-10 h-10 rounded-lg", className),
+              className: cn(
+                "pl-10 h-10 rounded-lg",
+                // The browser draws its own clear affordance on type="search", which
+                // carries no test hook and would sit on top of the button below.
+                "[&::-webkit-search-cancel-button]:appearance-none",
+                showClear && "pr-10",
+                className
+              ),
               "data-cy": `${dataCy}-input`,
-              ...props
+              ...props,
+              onChange: handleChange
+            }
+          ),
+          showClear && /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              onClick: handleClear,
+              "aria-label": clearLabel,
+              title: clearLabel,
+              className: "absolute right-2 top-1/2 -translate-y-1/2 rounded-sm p-1 text-muted-foreground transition-colors hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+              "data-cy": `${dataCy}-clear`,
+              children: /* @__PURE__ */ jsx(X, { className: "h-4 w-4" })
             }
           )
         ]

package/dist/components/ui/address-input.js

@@ -52,7 +52,7 @@ function AddressInput({
         /* @__PURE__ */ jsx(
           Input,
           {
-            placeholder: "Direcci\xF3n completa...",
+            placeholder: "Full address...",
             value: value.fullAddress || "",
             onChange: (e) => handleFullAddressChange(e.target.value),
             disabled,
@@ -64,7 +64,7 @@ function AddressInput({
         /* @__PURE__ */ jsx(
           Input,
           {
-            placeholder: "Calle",
+            placeholder: "Street",
             value: value.street,
             onChange: (e) => updateField("street", e.target.value),
             disabled
@@ -73,7 +73,7 @@ function AddressInput({
         /* @__PURE__ */ jsx(
           Input,
           {
-            placeholder: "Ciudad",
+            placeholder: "City",
             value: value.city,
             onChange: (e) => updateField("city", e.target.value),
             disabled
@@ -82,7 +82,7 @@ function AddressInput({
         /* @__PURE__ */ jsx(
           Input,
           {
-            placeholder: "Estado/Provincia",
+            placeholder: "State/Province",
             value: value.state,
             onChange: (e) => updateField("state", e.target.value),
             disabled
@@ -91,7 +91,7 @@ function AddressInput({
         /* @__PURE__ */ jsx(
           Input,
           {
-            placeholder: "C\xF3digo Postal",
+            placeholder: "Zip Code",
             value: value.zipCode,
             onChange: (e) => updateField("zipCode", e.target.value),
             disabled
@@ -101,7 +101,7 @@ function AddressInput({
       /* @__PURE__ */ jsx(
         Input,
         {
-          placeholder: "Pa\xEDs",
+          placeholder: "Country",
           value: value.country,
           onChange: (e) => updateField("country", e.target.value),
           disabled
@@ -111,14 +111,14 @@ function AddressInput({
   }
   return /* @__PURE__ */ jsx(Card, { className, children: /* @__PURE__ */ jsxs(CardContent, { className: "p-4 space-y-4", children: [
     showFullAddress && /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
-      /* @__PURE__ */ jsx(Label, { htmlFor: "full-address", children: "Direcci\xF3n Completa" }),
+      /* @__PURE__ */ jsx(Label, { htmlFor: "full-address", children: "Full Address" }),
       /* @__PURE__ */ jsxs("div", { className: "relative", children: [
         /* @__PURE__ */ jsx(MapPin, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" }),
         /* @__PURE__ */ jsx(
           Input,
           {
             id: "full-address",
-            placeholder: "Ingresa la direcci\xF3n completa...",
+            placeholder: "Enter the full address...",
             value: value.fullAddress || "",
             onChange: (e) => handleFullAddressChange(e.target.value),
             disabled,
@@ -129,12 +129,12 @@ function AddressInput({
     ] }),
     /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [
       /* @__PURE__ */ jsxs("div", { className: "space-y-2 md:col-span-2", children: [
-        /* @__PURE__ */ jsx(Label, { htmlFor: "street", children: "Calle y N\xFAmero" }),
+        /* @__PURE__ */ jsx(Label, { htmlFor: "street", children: "Street and Number" }),
         /* @__PURE__ */ jsx(
           Input,
           {
             id: "street",
-            placeholder: "Ej: Av. Corrientes 1234",
+            placeholder: "E.g.: 123 Main St",
             value: value.street,
             onChange: (e) => updateField("street", e.target.value),
             disabled
@@ -142,12 +142,12 @@ function AddressInput({
         )
       ] }),
       /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
-        /* @__PURE__ */ jsx(Label, { htmlFor: "city", children: "Ciudad" }),
+        /* @__PURE__ */ jsx(Label, { htmlFor: "city", children: "City" }),
         /* @__PURE__ */ jsx(
           Input,
           {
             id: "city",
-            placeholder: "Ej: Buenos Aires",
+            placeholder: "E.g.: New York",
             value: value.city,
             onChange: (e) => updateField("city", e.target.value),
             disabled
@@ -155,12 +155,12 @@ function AddressInput({
         )
       ] }),
       /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
-        /* @__PURE__ */ jsx(Label, { htmlFor: "state", children: "Estado/Provincia" }),
+        /* @__PURE__ */ jsx(Label, { htmlFor: "state", children: "State/Province" }),
         /* @__PURE__ */ jsx(
           Input,
           {
             id: "state",
-            placeholder: "Ej: CABA",
+            placeholder: "E.g.: NY",
             value: value.state,
             onChange: (e) => updateField("state", e.target.value),
             disabled
@@ -168,12 +168,12 @@ function AddressInput({
         )
       ] }),
       /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
-        /* @__PURE__ */ jsx(Label, { htmlFor: "zipCode", children: "C\xF3digo Postal" }),
+        /* @__PURE__ */ jsx(Label, { htmlFor: "zipCode", children: "Zip Code" }),
         /* @__PURE__ */ jsx(
           Input,
           {
             id: "zipCode",
-            placeholder: "Ej: C1043",
+            placeholder: "E.g.: 10001",
             value: value.zipCode,
             onChange: (e) => updateField("zipCode", e.target.value),
             disabled
@@ -181,12 +181,12 @@ function AddressInput({
         )
       ] }),
       /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
-        /* @__PURE__ */ jsx(Label, { htmlFor: "country", children: "Pa\xEDs" }),
+        /* @__PURE__ */ jsx(Label, { htmlFor: "country", children: "Country" }),
         /* @__PURE__ */ jsx(
           Input,
           {
             id: "country",
-            placeholder: "Ej: Argentina",
+            placeholder: "E.g.: United States",
             value: value.country,
             onChange: (e) => updateField("country", e.target.value),
             disabled

package/dist/components/ui/audio-upload.js

@@ -38,16 +38,16 @@ function AudioUpload({
     return new Promise((resolve) => {
       var _a;
       if (maxSize && file.size > maxSize * 1024 * 1024) {
-        resolve(`El audio es muy grande. M\xE1ximo ${maxSize}MB.`);
+        resolve(`Audio file is too large. Maximum ${maxSize}MB.`);
         return;
       }
       if (!file.type.startsWith("audio/")) {
-        resolve("El archivo debe ser un audio.");
+        resolve("The file must be an audio file.");
         return;
       }
       const fileExtension = (_a = file.name.split(".").pop()) == null ? void 0 : _a.toLowerCase();
       if (fileExtension && !acceptedFormats.includes(fileExtension)) {
-        resolve(`Formato no soportado. Formatos aceptados: ${acceptedFormats.join(", ")}`);
+        resolve(`Unsupported format. Accepted formats: ${acceptedFormats.join(", ")}`);
         return;
       }
       resolve(null);
@@ -72,7 +72,7 @@ function AudioUpload({
     const errors = [];
     for (const file of Array.from(files)) {
       if (value.length + newAudios.length >= maxAudios) {
-        errors.push(`M\xE1ximo ${maxAudios} audios permitidos`);
+        errors.push(`Maximum ${maxAudios} audio files allowed`);
         break;
       }
       const error = await validateAudio(file);
@@ -181,16 +181,16 @@ function AudioUpload({
         children: [
           /* @__PURE__ */ jsx(Music, { className: "mx-auto h-8 w-8 text-muted-foreground" }),
           /* @__PURE__ */ jsxs("p", { className: "mt-2 text-sm text-muted-foreground", children: [
-            "Arrastra audios aqu\xED o",
+            "Drag audio files here or",
             " ",
-            /* @__PURE__ */ jsx("span", { className: "font-medium text-primary", children: "haz clic para seleccionar" })
+            /* @__PURE__ */ jsx("span", { className: "font-medium text-primary", children: "click to select" })
           ] }),
           /* @__PURE__ */ jsxs("p", { className: "text-xs text-muted-foreground mt-1", children: [
-            maxAudios > 1 ? `Hasta ${maxAudios} audios` : "Un audio",
-            maxSize && `, m\xE1ximo ${maxSize}MB cada uno`
+            maxAudios > 1 ? `Up to ${maxAudios} audio files` : "One audio file",
+            maxSize && `, maximum ${maxSize}MB each`
           ] }),
           /* @__PURE__ */ jsxs("p", { className: "text-xs text-muted-foreground", children: [
-            "Formatos: ",
+            "Formats: ",
             acceptedFormats.join(", ")
           ] }),
           /* @__PURE__ */ jsx(

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

@@ -1 +1 @@
-{"version":3,"file":"combobox.d.ts","sourceRoot":"","sources":["../../../src/components/ui/combobox.tsx"],"names":[],"mappings":"AAmBA,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,GAAG,MAAM,CAAA;IACtB,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,UAAU,aAAa;IACrB,OAAO,EAAE,cAAc,EAAE,CAAA;IACzB,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAA;IAClC,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,KAAK,IAAI,CAAA;IACtD,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;;OAGG;IACH,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,6CAA6C;IAC7C,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB;AAED,wBAAgB,QAAQ,CAAC,EACvB,OAAO,EACP,KAAK,EACL,QAAQ,EACR,WAAqC,EACrC,iBAA+B,EAC/B,YAA4C,EAC5C,QAAgB,EAChB,SAAiB,EACjB,SAAS,EACT,EAAE,EACF,UAAgC,GACjC,EAAE,aAAa,2CAiGf"}
+{"version":3,"file":"combobox.d.ts","sourceRoot":"","sources":["../../../src/components/ui/combobox.tsx"],"names":[],"mappings":"AAmBA,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,GAAG,MAAM,CAAA;IACtB,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,UAAU,aAAa;IACrB,OAAO,EAAE,cAAc,EAAE,CAAA;IACzB,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAA;IAClC,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,KAAK,IAAI,CAAA;IACtD,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;;OAGG;IACH,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,6CAA6C;IAC7C,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB;AAED,wBAAgB,QAAQ,CAAC,EACvB,OAAO,EACP,KAAK,EACL,QAAQ,EACR,WAAgC,EAChC,iBAA+B,EAC/B,YAAkC,EAClC,QAAgB,EAChB,SAAiB,EACjB,SAAS,EACT,EAAE,EACF,UAA8B,GAC/B,EAAE,aAAa,2CAiGf"}

package/dist/components/ui/combobox.js

@@ -20,14 +20,14 @@ function Combobox({
   options,
   value,
   onChange,
-  placeholder = "Seleccionar opci\xF3n...",
-  searchPlaceholder = "Buscar...",
-  emptyMessage = "No se encontraron opciones.",
+  placeholder = "Select option...",
+  searchPlaceholder = "Search...",
+  emptyMessage = "No options found.",
   disabled = false,
   clearable = false,
   className,
   id,
-  clearLabel = "Limpiar selecci\xF3n"
+  clearLabel = "Clear selection"
 }) {
   const [open, setOpen] = React.useState(false);
   const selectedOption = options.find((option) => option.value === value);

package/dist/components/ui/country-select.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"country-select.d.ts","sourceRoot":"","sources":["../../../src/components/ui/country-select.tsx"],"names":[],"mappings":"AAoHA,UAAU,kBAAkB;IAC1B,KAAK,EAAE,MAAM,GAAG,SAAS,CAAA;IACzB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAA;IAC7C,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,4EAA4E;IAC5E,EAAE,CAAC,EAAE,MAAM,CAAA;CACZ;AAED,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,QAAQ,EACR,WAAmC,EACnC,QAAgB,EAChB,SAAS,EACT,SAAgB,EAChB,EAAE,GACH,EAAE,kBAAkB,2CAkBpB"}
+{"version":3,"file":"country-select.d.ts","sourceRoot":"","sources":["../../../src/components/ui/country-select.tsx"],"names":[],"mappings":"AAoHA,UAAU,kBAAkB;IAC1B,KAAK,EAAE,MAAM,GAAG,SAAS,CAAA;IACzB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAA;IAC7C,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,4EAA4E;IAC5E,EAAE,CAAC,EAAE,MAAM,CAAA;CACZ;AAED,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,QAAQ,EACR,WAAiC,EACjC,QAAgB,EAChB,SAAS,EACT,SAAgB,EAChB,EAAE,GACH,EAAE,kBAAkB,2CAkBpB"}

package/dist/components/ui/country-select.js

@@ -113,7 +113,7 @@ const countries = [
 function CountrySelect({
   value,
   onChange,
-  placeholder = "Seleccionar pa\xEDs...",
+  placeholder = "Select country...",
   disabled = false,
   className,
   clearable = true,
@@ -128,8 +128,8 @@ function CountrySelect({
         value,
         onChange: (value2) => onChange(value2),
         placeholder,
-        searchPlaceholder: "Buscar pa\xEDs...",
-        emptyMessage: "No se encontraron pa\xEDses.",
+        searchPlaceholder: "Search country...",
+        emptyMessage: "No countries found.",
         disabled,
         clearable,
         id,