@khipu/design-system 0.3.5-alpha.34 → 0.3.5-alpha.36

package/dist/index.js

@@ -47,9 +47,13 @@ __export(index_exports, {
   KdsCardFooter: () => KdsCardFooter,
   KdsCardHeader: () => KdsCardHeader,
   KdsCardPlan: () => KdsCardPlan,
+  KdsCardPlanGroup: () => KdsCardPlanGroup,
   KdsCardSelector: () => KdsCardSelector,
+  KdsCardSelectorGroup: () => KdsCardSelectorGroup,
   KdsCheckbox: () => KdsCheckbox,
   KdsChip: () => KdsChip,
+  KdsConsentCard: () => KdsConsentCard,
+  KdsContract: () => KdsContract,
   KdsCopyButton: () => KdsCopyButton,
   KdsCopyRow: () => KdsCopyRow,
   KdsCopyableTable: () => KdsCopyableTable,
@@ -59,13 +63,17 @@ __export(index_exports, {
   KdsEmptyState: () => KdsEmptyState,
   KdsExpandPanel: () => KdsExpandPanel,
   KdsFab: () => KdsFab,
+  KdsFeedbackCard: () => KdsFeedbackCard,
+  KdsFooter: () => KdsFooter,
   KdsInvoiceHeaderSkeleton: () => KdsInvoiceHeaderSkeleton,
   KdsInvoiceMerchant: () => KdsInvoiceMerchant,
   KdsInvoiceSticky: () => KdsInvoiceSticky,
   KdsLinearProgress: () => KdsLinearProgress,
   KdsMerchantTile: () => KdsMerchantTile,
   KdsMontoRow: () => KdsMontoRow,
+  KdsNavbar: () => KdsNavbar,
   KdsPaymentTotal: () => KdsPaymentTotal,
+  KdsProgressChecklist: () => KdsProgressChecklist,
   KdsQrRow: () => KdsQrRow,
   KdsRadioGroup: () => KdsRadioGroup,
   KdsRecapList: () => KdsRecapList,
@@ -75,6 +83,7 @@ __export(index_exports, {
   KdsSecureLoader: () => KdsSecureLoader,
   KdsSegmentedTabs: () => KdsSegmentedTabs,
   KdsSelect: () => KdsSelect,
+  KdsSidebar: () => KdsSidebar,
   KdsSnackbar: () => KdsSnackbar,
   KdsSpinner: () => KdsSpinner,
   KdsStatusBlock: () => KdsStatusBlock,
@@ -201,7 +210,7 @@ function formatTime(iso) {
 }
 
 // src/version.ts
-var KDS_VERSION = "0.3.5-alpha.34";
+var KDS_VERSION = "0.3.5-alpha.36";
 
 // src/theme/KdsThemeProvider.tsx
 var import_jsx_runtime = require("react/jsx-runtime");
@@ -1308,7 +1317,7 @@ var KdsTextField = (0, import_react2.forwardRef)(
             label,
             required && requiredMark && " *"
           ] }),
-          readOnly && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("i", { className: "material-symbols-outlined", children: "lock" }),
+          readOnly && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("i", { className: "material-symbols-outlined", "aria-hidden": "true", children: "lock" }),
           isRevealable && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
             "a",
             {
@@ -1456,14 +1465,70 @@ var KdsSecureLoader = (0, import_react7.forwardRef)(
 );
 KdsSecureLoader.displayName = "KdsSecureLoader";
 
+// src/components/core/KdsProgressChecklist/KdsProgressChecklist.tsx
+var import_react8 = require("react");
+var import_jsx_runtime9 = require("react/jsx-runtime");
+var DEFAULT_STATUS_LABELS = {
+  pending: "pendiente",
+  active: "en curso",
+  done: "listo",
+  error: "con error"
+};
+function Mark({ status }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("span", { className: "kds-progress-checklist-mark", "aria-hidden": "true", children: [
+    status === "done" && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("i", { className: "material-symbols-outlined", children: "check" }),
+    status === "error" && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("i", { className: "material-symbols-outlined", children: "error" }),
+    status === "active" && /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("span", { className: "kds-dots-loader", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", {}),
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", {}),
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", {})
+    ] }),
+    status === "pending" && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: "kds-progress-checklist-dot" })
+  ] });
+}
+var KdsProgressChecklist = (0, import_react8.forwardRef)(
+  ({ items, statusLabels, className, ...props }, ref) => {
+    const labels = { ...DEFAULT_STATUS_LABELS, ...statusLabels };
+    return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+      "ul",
+      {
+        ref,
+        className: (0, import_clsx.clsx)("kds-progress-checklist", className),
+        "aria-live": "polite",
+        ...props,
+        children: items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
+          "li",
+          {
+            className: (0, import_clsx.clsx)(
+              "kds-progress-checklist-item",
+              `kds-progress-checklist-item--${item.status}`
+            ),
+            "aria-current": item.status === "active" ? "step" : void 0,
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Mark, { status: item.status }),
+              /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: "kds-progress-checklist-label", children: item.label }),
+              /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("span", { className: "kds-progress-checklist-status", children: [
+                ": ",
+                labels[item.status]
+              ] })
+            ]
+          },
+          item.id ?? item.label
+        ))
+      }
+    );
+  }
+);
+KdsProgressChecklist.displayName = "KdsProgressChecklist";
+
 // src/components/core/KdsCopyButton/KdsCopyButton.tsx
-var import_react9 = require("react");
+var import_react10 = require("react");
 
 // src/components/core/hooks/useCopyToClipboard.ts
-var import_react8 = require("react");
+var import_react9 = require("react");
 function useCopyToClipboard(resetMs = 1200) {
-  const [copied, setCopied] = (0, import_react8.useState)(false);
-  const copy = (0, import_react8.useCallback)(
+  const [copied, setCopied] = (0, import_react9.useState)(false);
+  const copy = (0, import_react9.useCallback)(
     async (text) => {
       try {
         await navigator.clipboard.writeText(text);
@@ -1478,11 +1543,11 @@ function useCopyToClipboard(resetMs = 1200) {
 }
 
 // src/components/core/KdsCopyButton/KdsCopyButton.tsx
-var import_jsx_runtime9 = require("react/jsx-runtime");
-var KdsCopyButton = (0, import_react9.forwardRef)(
+var import_jsx_runtime10 = require("react/jsx-runtime");
+var KdsCopyButton = (0, import_react10.forwardRef)(
   ({ value, copiedText = "Copiado", className, ...props }, ref) => {
     const { copied, copy } = useCopyToClipboard();
-    return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
       "button",
       {
         ref,
@@ -1492,11 +1557,11 @@ var KdsCopyButton = (0, import_react9.forwardRef)(
         "aria-label": `Copiar: ${value}`,
         ...props,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("span", { className: "kds-copy-button-label", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: "kds-copy-button-value", "aria-hidden": copied || void 0, children: value }),
-            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: "kds-copy-button-copied", "aria-hidden": !copied || void 0, children: copiedText })
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("span", { className: "kds-copy-button-label", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "kds-copy-button-value", "aria-hidden": copied || void 0, children: value }),
+            /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "kds-copy-button-copied", "aria-hidden": !copied || void 0, children: copiedText })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("i", { className: "material-symbols-outlined", "aria-hidden": "true", children: copied ? "check" : "content_copy" })
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("i", { className: "material-symbols-outlined", "aria-hidden": "true", children: copied ? "check" : "content_copy" })
         ]
       }
     );
@@ -1505,26 +1570,26 @@ var KdsCopyButton = (0, import_react9.forwardRef)(
 KdsCopyButton.displayName = "KdsCopyButton";
 
 // src/components/core/KdsLinearProgress/KdsLinearProgress.tsx
-var import_react10 = require("react");
-var import_jsx_runtime10 = require("react/jsx-runtime");
-var KdsLinearProgress = (0, import_react10.forwardRef)(
-  ({ value, max = 100, className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("progress", { ref, className: (0, import_clsx.clsx)("kds-progress", className), value, max, ...props })
+var import_react11 = require("react");
+var import_jsx_runtime11 = require("react/jsx-runtime");
+var KdsLinearProgress = (0, import_react11.forwardRef)(
+  ({ value, max = 100, className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("progress", { ref, className: (0, import_clsx.clsx)("kds-progress", className), value, max, ...props })
 );
 KdsLinearProgress.displayName = "KdsLinearProgress";
 
 // src/components/core/KdsAlert/KdsAlert.tsx
-var import_react11 = require("react");
-var import_jsx_runtime11 = require("react/jsx-runtime");
+var import_react12 = require("react");
+var import_jsx_runtime12 = require("react/jsx-runtime");
 var DEFAULT_ICONS = {
   success: "check_circle",
   info: "info",
   warning: "warning",
   error: "error"
 };
-var KdsAlert = (0, import_react11.forwardRef)(
+var KdsAlert = (0, import_react12.forwardRef)(
   ({ severity, title, icon, inline, onClose, children, className, ...props }, ref) => {
     const resolvedIcon = icon === false ? null : typeof icon === "string" ? icon : DEFAULT_ICONS[severity];
-    return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
       "div",
       {
         ref,
@@ -1532,19 +1597,19 @@ var KdsAlert = (0, import_react11.forwardRef)(
         className: (0, import_clsx.clsx)("kds-alert", `kds-${severity}`, inline && "kds-alert-inline", className),
         ...props,
         children: [
-          resolvedIcon && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "kds-alert-icon", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("i", { className: "material-symbols-outlined", children: resolvedIcon }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "kds-alert-content", children: [
-            title && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("p", { className: "kds-alert-title", children: title }),
-            /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("p", { className: "kds-alert-description", children })
+          resolvedIcon && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "kds-alert-icon", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("i", { className: "material-symbols-outlined", children: resolvedIcon }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "kds-alert-content", children: [
+            title && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("p", { className: "kds-alert-title", children: title }),
+            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("p", { className: "kds-alert-description", children })
           ] }),
-          onClose && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+          onClose && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
             "button",
             {
               type: "button",
               className: "kds-alert-close",
               onClick: onClose,
               "aria-label": "Cerrar",
-              children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("i", { className: "material-symbols-outlined", children: "close" })
+              children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("i", { className: "material-symbols-outlined", children: "close" })
             }
           )
         ]
@@ -1555,8 +1620,8 @@ var KdsAlert = (0, import_react11.forwardRef)(
 KdsAlert.displayName = "KdsAlert";
 
 // src/components/core/KdsTypography/KdsTypography.tsx
-var import_react12 = require("react");
-var import_jsx_runtime12 = require("react/jsx-runtime");
+var import_react13 = require("react");
+var import_jsx_runtime13 = require("react/jsx-runtime");
 var variantTag = {
   display1: "h1",
   display2: "h2",
@@ -1576,10 +1641,10 @@ var variantTag = {
   link: "span",
   strong: "span"
 };
-var KdsTypography = (0, import_react12.forwardRef)(
+var KdsTypography = (0, import_react13.forwardRef)(
   ({ variant = "body", color, as, children, className, ...props }, ref) => {
     const Tag = as || variantTag[variant];
-    return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
       Tag,
       {
         ref,
@@ -1597,12 +1662,12 @@ var KdsTypography = (0, import_react12.forwardRef)(
 KdsTypography.displayName = "KdsTypography";
 
 // src/components/core/KdsTabs/KdsTabs.tsx
-var import_react14 = __toESM(require("react"));
+var import_react15 = __toESM(require("react"));
 
 // src/components/core/hooks/useTabsKeyboard.ts
-var import_react13 = require("react");
+var import_react14 = require("react");
 function useTabsKeyboard(tabCount, activeIndex, onChange) {
-  const onKeyDown = (0, import_react13.useCallback)(
+  const onKeyDown = (0, import_react14.useCallback)(
     (e) => {
       let next = activeIndex;
       if (e.key === "ArrowRight") next = (activeIndex + 1) % tabCount;
@@ -1622,12 +1687,12 @@ function useTabsKeyboard(tabCount, activeIndex, onChange) {
 }
 
 // src/components/core/KdsTabs/KdsTabs.tsx
-var import_jsx_runtime13 = require("react/jsx-runtime");
-var KdsTabs = (0, import_react14.forwardRef)(
+var import_jsx_runtime14 = require("react/jsx-runtime");
+var KdsTabs = (0, import_react15.forwardRef)(
   ({ activeIndex, onChange, children, className, style, ...props }, ref) => {
-    const tabCount = import_react14.Children.count(children);
+    const tabCount = import_react15.Children.count(children);
     const { onKeyDown } = useTabsKeyboard(tabCount, activeIndex, onChange);
-    const mergedStyle = (0, import_react14.useMemo)(
+    const mergedStyle = (0, import_react15.useMemo)(
       () => ({
         ...style,
         "--_tab-count": tabCount,
@@ -1635,7 +1700,7 @@ var KdsTabs = (0, import_react14.forwardRef)(
       }),
       [tabCount, activeIndex, style]
     );
-    return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
       "div",
       {
         ref,
@@ -1644,9 +1709,9 @@ var KdsTabs = (0, import_react14.forwardRef)(
         style: mergedStyle,
         onKeyDown,
         ...props,
-        children: import_react14.Children.map(children, (child, i) => {
-          if (!import_react14.default.isValidElement(child)) return child;
-          return import_react14.default.cloneElement(child, {
+        children: import_react15.Children.map(children, (child, i) => {
+          if (!import_react15.default.isValidElement(child)) return child;
+          return import_react15.default.cloneElement(child, {
             _active: i === activeIndex,
             _onClick: () => onChange(i)
           });
@@ -1656,8 +1721,8 @@ var KdsTabs = (0, import_react14.forwardRef)(
   }
 );
 KdsTabs.displayName = "KdsTabs";
-var KdsTab = (0, import_react14.forwardRef)(
-  ({ _active, _onClick, children, className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+var KdsTab = (0, import_react15.forwardRef)(
+  ({ _active, _onClick, children, className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
     "button",
     {
       ref,
@@ -1673,8 +1738,8 @@ var KdsTab = (0, import_react14.forwardRef)(
   )
 );
 KdsTab.displayName = "KdsTab";
-var KdsTabPanel = (0, import_react14.forwardRef)(
-  ({ active, children, className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+var KdsTabPanel = (0, import_react15.forwardRef)(
+  ({ active, children, className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
     "div",
     {
       ref,
@@ -1689,19 +1754,19 @@ var KdsTabPanel = (0, import_react14.forwardRef)(
 KdsTabPanel.displayName = "KdsTabPanel";
 
 // src/components/core/KdsRadioGroup/KdsRadioGroup.tsx
-var import_react15 = require("react");
-var import_jsx_runtime14 = require("react/jsx-runtime");
-var KdsRadioGroup = (0, import_react15.forwardRef)(
-  ({ label, name, options, value, onChange, size, variant, className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
+var import_react16 = require("react");
+var import_jsx_runtime15 = require("react/jsx-runtime");
+var KdsRadioGroup = (0, import_react16.forwardRef)(
+  ({ label, name, options, value, onChange, size, variant, className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
     "fieldset",
     {
       ref,
       className: (0, import_clsx.clsx)("kds-radio-group", variant === "card" && "kds-radio-group--card", className),
       ...props,
       children: [
-        label && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("legend", { children: label }),
-        options.map((opt) => /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("label", { className: (0, import_clsx.clsx)("radio", size), children: [
-          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+        label && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("legend", { children: label }),
+        options.map((opt) => /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("label", { className: (0, import_clsx.clsx)("radio", size), children: [
+          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
             "input",
             {
               type: "radio",
@@ -1712,7 +1777,7 @@ var KdsRadioGroup = (0, import_react15.forwardRef)(
               onChange: () => onChange?.(opt.value)
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { children: opt.label })
+          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { children: opt.label })
         ] }, opt.value))
       ]
     }
@@ -1721,9 +1786,9 @@ var KdsRadioGroup = (0, import_react15.forwardRef)(
 KdsRadioGroup.displayName = "KdsRadioGroup";
 
 // src/components/core/KdsSelect/KdsSelect.tsx
-var import_react16 = require("react");
-var import_jsx_runtime15 = require("react/jsx-runtime");
-var KdsSelect = (0, import_react16.forwardRef)(
+var import_react17 = require("react");
+var import_jsx_runtime16 = require("react/jsx-runtime");
+var KdsSelect = (0, import_react17.forwardRef)(
   ({
     label,
     options,
@@ -1734,12 +1799,49 @@ var KdsSelect = (0, import_react16.forwardRef)(
     fullWidth = true,
     disabled,
     required,
+    readOnly,
     className,
     id,
     ...props
   }, ref) => {
     const fieldId = id || `kds-select-${label.toLowerCase().replace(/\s+/g, "-")}`;
-    return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
+    if (readOnly && !disabled) {
+      const selectedValue = String(props.value ?? props.defaultValue ?? "");
+      const selectedLabel = options.find((opt) => opt.value === selectedValue)?.label ?? "";
+      const passthrough = Object.fromEntries(
+        Object.entries(props).filter(
+          ([key]) => key.startsWith("aria-") || key.startsWith("data-") || key === "title"
+        )
+      );
+      return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
+        "div",
+        {
+          className: (0, import_clsx.clsx)(
+            "field",
+            "label",
+            "border",
+            "suffix",
+            "locked",
+            prefixIcon && "prefix",
+            error && "invalid",
+            fullWidth && "kds-w-full",
+            className
+          ),
+          children: [
+            prefixIcon && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("i", { className: "material-symbols-outlined", children: prefixIcon }),
+            /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("input", { ...passthrough, id: fieldId, type: "text", value: selectedLabel, placeholder: " ", readOnly: true }),
+            /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("label", { htmlFor: fieldId, children: [
+              label,
+              required && " *"
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("i", { className: "material-symbols-outlined", "aria-hidden": "true", children: "lock" }),
+            props.name && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("input", { type: "hidden", name: props.name, value: selectedValue, form: props.form }),
+            helperText && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "helper", children: helperText })
+          ]
+        }
+      );
+    }
+    return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
       "div",
       {
         className: (0, import_clsx.clsx)(
@@ -1752,8 +1854,8 @@ var KdsSelect = (0, import_react16.forwardRef)(
           className
         ),
         children: [
-          prefixIcon && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("i", { className: "material-symbols-outlined", children: prefixIcon }),
-          /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
+          prefixIcon && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("i", { className: "material-symbols-outlined", children: prefixIcon }),
+          /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
             "select",
             {
               ref,
@@ -1762,16 +1864,16 @@ var KdsSelect = (0, import_react16.forwardRef)(
               required,
               ...props,
               children: [
-                placeholder !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("option", { value: "", children: placeholder }),
-                options.map((opt) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("option", { value: opt.value, disabled: opt.disabled, children: opt.label }, opt.value))
+                placeholder !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("option", { value: "", children: placeholder }),
+                options.map((opt) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("option", { value: opt.value, disabled: opt.disabled, children: opt.label }, opt.value))
               ]
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("label", { htmlFor: fieldId, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("label", { htmlFor: fieldId, children: [
             label,
             required && " *"
           ] }),
-          helperText && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "helper", children: helperText })
+          helperText && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "helper", children: helperText })
         ]
       }
     );
@@ -1780,13 +1882,13 @@ var KdsSelect = (0, import_react16.forwardRef)(
 KdsSelect.displayName = "KdsSelect";
 
 // src/components/core/KdsChip/KdsChip.tsx
-var import_react17 = require("react");
-var import_jsx_runtime16 = require("react/jsx-runtime");
-var KdsChip = (0, import_react17.forwardRef)(
-  ({ color, icon, onDelete, children, className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("span", { ref, className: (0, import_clsx.clsx)("kds-badge", color, className), ...props, children: [
-    icon && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("i", { className: "material-symbols-outlined", children: icon }),
-    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { children }),
-    onDelete && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+var import_react18 = require("react");
+var import_jsx_runtime17 = require("react/jsx-runtime");
+var KdsChip = (0, import_react18.forwardRef)(
+  ({ color, icon, onDelete, children, className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("span", { ref, className: (0, import_clsx.clsx)("kds-badge", color, className), ...props, children: [
+    icon && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("i", { className: "material-symbols-outlined", children: icon }),
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { children }),
+    onDelete && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
       "button",
       {
         type: "button",
@@ -1796,7 +1898,7 @@ var KdsChip = (0, import_react17.forwardRef)(
           onDelete();
         },
         "aria-label": "Eliminar",
-        children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("i", { className: "material-symbols-outlined", children: "close" })
+        children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("i", { className: "material-symbols-outlined", children: "close" })
       }
     )
   ] })
@@ -1804,15 +1906,15 @@ var KdsChip = (0, import_react17.forwardRef)(
 KdsChip.displayName = "KdsChip";
 
 // src/components/core/KdsSnackbar/KdsSnackbar.tsx
-var import_react19 = require("react");
+var import_react20 = require("react");
 
 // src/components/core/hooks/useAutoHide.ts
-var import_react18 = require("react");
+var import_react19 = require("react");
 function useAutoHide(durationMs, onHide) {
-  const [visible, setVisible] = (0, import_react18.useState)(true);
-  const onHideRef = (0, import_react18.useRef)(onHide);
+  const [visible, setVisible] = (0, import_react19.useState)(true);
+  const onHideRef = (0, import_react19.useRef)(onHide);
   onHideRef.current = onHide;
-  (0, import_react18.useEffect)(() => {
+  (0, import_react19.useEffect)(() => {
     if (durationMs <= 0) return;
     const timer = setTimeout(() => {
       setVisible(false);
@@ -1824,13 +1926,13 @@ function useAutoHide(durationMs, onHide) {
 }
 
 // src/components/core/KdsSnackbar/KdsSnackbar.tsx
-var import_jsx_runtime17 = require("react/jsx-runtime");
+var import_jsx_runtime18 = require("react/jsx-runtime");
 var DEFAULT_ICONS2 = {
   info: "info",
   success: "check_circle",
   error: "error"
 };
-var KdsSnackbar = (0, import_react19.forwardRef)(
+var KdsSnackbar = (0, import_react20.forwardRef)(
   ({
     message,
     type = "info",
@@ -1847,7 +1949,7 @@ var KdsSnackbar = (0, import_react19.forwardRef)(
     if (!open || !visible) return null;
     const resolvedIcon = icon === false ? null : icon ?? DEFAULT_ICONS2[type];
     const mergedStyle = autoDismiss ? { ...style, ["--kds-snackbar-duration"]: `${duration}ms` } : style ?? {};
-    return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
       "div",
       {
         ref,
@@ -1857,16 +1959,16 @@ var KdsSnackbar = (0, import_react19.forwardRef)(
         style: mergedStyle,
         ...props,
         children: [
-          resolvedIcon && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("i", { className: "material-symbols-outlined", children: resolvedIcon }),
-          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "max", children: message }),
-          onClose && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+          resolvedIcon && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("i", { className: "material-symbols-outlined", children: resolvedIcon }),
+          /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "max", children: message }),
+          onClose && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
             "button",
             {
               type: "button",
               className: "kds-snackbar-close",
               onClick: onClose,
               "aria-label": "Cerrar",
-              children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("i", { className: "material-symbols-outlined", children: "close" })
+              children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("i", { className: "material-symbols-outlined", children: "close" })
             }
           )
         ]
@@ -1878,7 +1980,7 @@ KdsSnackbar.displayName = "KdsSnackbar";
 
 // src/components/core/KdsTooltip/KdsTooltip.tsx
 var Tooltip = __toESM(require("@radix-ui/react-tooltip"));
-var import_jsx_runtime18 = require("react/jsx-runtime");
+var import_jsx_runtime19 = require("react/jsx-runtime");
 function KdsTooltip({
   content,
   children,
@@ -1889,9 +1991,9 @@ function KdsTooltip({
   onOpenChange,
   delayDuration = 300
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Tooltip.Provider, { delayDuration, children: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(Tooltip.Root, { open, defaultOpen, onOpenChange, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Tooltip.Trigger, { asChild: true, children }),
-    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Tooltip.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "kds-theme-root", style: { display: "contents" }, children: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Tooltip.Provider, { delayDuration, children: /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(Tooltip.Root, { open, defaultOpen, onOpenChange, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Tooltip.Trigger, { asChild: true, children }),
+    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Tooltip.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "kds-theme-root", style: { display: "contents" }, children: /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
       Tooltip.Content,
       {
         className: (0, import_clsx.clsx)("kds-tooltip", className),
@@ -1900,7 +2002,7 @@ function KdsTooltip({
         collisionPadding: 8,
         children: [
           content,
-          /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Tooltip.Arrow, { className: "kds-tooltip-arrow", width: 10, height: 5 })
+          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Tooltip.Arrow, { className: "kds-tooltip-arrow", width: 10, height: 5 })
         ]
       }
     ) }) })
@@ -1908,68 +2010,68 @@ function KdsTooltip({
 }
 
 // src/components/core/KdsAccordion/KdsAccordion.tsx
-var import_react20 = require("react");
-var import_jsx_runtime19 = require("react/jsx-runtime");
-var KdsAccordion = (0, import_react20.forwardRef)(
-  ({ children, className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("details", { ref, className: (0, import_clsx.clsx)("kds-accordion", className), ...props, children })
+var import_react21 = require("react");
+var import_jsx_runtime20 = require("react/jsx-runtime");
+var KdsAccordion = (0, import_react21.forwardRef)(
+  ({ children, className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("details", { ref, className: (0, import_clsx.clsx)("kds-accordion", className), ...props, children })
 );
 KdsAccordion.displayName = "KdsAccordion";
-var KdsAccordionSummary = (0, import_react20.forwardRef)(
-  ({ children, className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("summary", { ref, className: (0, import_clsx.clsx)("kds-accordion-summary", className), ...props, children: [
+var KdsAccordionSummary = (0, import_react21.forwardRef)(
+  ({ children, className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("summary", { ref, className: (0, import_clsx.clsx)("kds-accordion-summary", className), ...props, children: [
     children,
-    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("i", { className: "material-symbols-outlined", children: "expand_more" })
+    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("i", { className: "material-symbols-outlined", children: "expand_more" })
   ] })
 );
 KdsAccordionSummary.displayName = "KdsAccordionSummary";
-var KdsAccordionDetails = (0, import_react20.forwardRef)(
-  ({ children, className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { ref, className: (0, import_clsx.clsx)("kds-accordion-details", className), ...props, children })
+var KdsAccordionDetails = (0, import_react21.forwardRef)(
+  ({ children, className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { ref, className: (0, import_clsx.clsx)("kds-accordion-details", className), ...props, children })
 );
 KdsAccordionDetails.displayName = "KdsAccordionDetails";
 
 // src/components/core/KdsDivider/KdsDivider.tsx
-var import_react21 = require("react");
-var import_jsx_runtime20 = require("react/jsx-runtime");
-var KdsDivider = (0, import_react21.forwardRef)(
-  ({ dashed, className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("hr", { ref, className: (0, import_clsx.clsx)(dashed ? "kds-hr-dashed" : "kds-hr", className), ...props })
+var import_react22 = require("react");
+var import_jsx_runtime21 = require("react/jsx-runtime");
+var KdsDivider = (0, import_react22.forwardRef)(
+  ({ dashed, className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("hr", { ref, className: (0, import_clsx.clsx)(dashed ? "kds-hr-dashed" : "kds-hr", className), ...props })
 );
 KdsDivider.displayName = "KdsDivider";
 
 // src/components/core/KdsDocumentFrame/KdsDocumentFrame.tsx
-var import_react22 = require("react");
-var import_jsx_runtime21 = require("react/jsx-runtime");
-var KdsDocumentFrame = (0, import_react22.forwardRef)(
-  ({ src, title, scale = 1, className, style, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+var import_react23 = require("react");
+var import_jsx_runtime22 = require("react/jsx-runtime");
+var KdsDocumentFrame = (0, import_react23.forwardRef)(
+  ({ src, title, scale = 1, className, style, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
     "div",
     {
       ref,
       className: (0, import_clsx.clsx)("kds-document-frame", className),
       style: { "--kds-document-frame-scale": scale, ...style },
       ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("iframe", { src, title })
+      children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("iframe", { src, title })
     }
   )
 );
 KdsDocumentFrame.displayName = "KdsDocumentFrame";
 
 // src/components/core/KdsSectionNote/KdsSectionNote.tsx
-var import_react23 = require("react");
-var import_jsx_runtime22 = require("react/jsx-runtime");
-var KdsSectionNote = (0, import_react23.forwardRef)(
-  ({ icon = "info", children, className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("p", { ref, className: (0, import_clsx.clsx)("kds-section-note", className), ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("i", { className: "material-symbols-outlined", children: icon }),
-    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { children })
+var import_react24 = require("react");
+var import_jsx_runtime23 = require("react/jsx-runtime");
+var KdsSectionNote = (0, import_react24.forwardRef)(
+  ({ icon = "info", children, className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("p", { ref, className: (0, import_clsx.clsx)("kds-section-note", className), ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("i", { className: "material-symbols-outlined", children: icon }),
+    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { children })
   ] })
 );
 KdsSectionNote.displayName = "KdsSectionNote";
 
 // src/components/core/KdsStatusBlock/KdsStatusBlock.tsx
-var import_react24 = require("react");
-var import_jsx_runtime23 = require("react/jsx-runtime");
-var KdsStatusBlock = (0, import_react24.forwardRef)(
+var import_react25 = require("react");
+var import_jsx_runtime24 = require("react/jsx-runtime");
+var KdsStatusBlock = (0, import_react25.forwardRef)(
   ({ status, icon, title, description, inline, className, ...props }, ref) => {
     const descriptionBelowRow = Boolean(inline && description);
-    const descriptionNode = description ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("p", { className: "kds-status-block-description", children: description }) : null;
-    return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
+    const descriptionNode = description ? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("p", { className: "kds-status-block-description", children: description }) : null;
+    return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
       "div",
       {
         ref,
@@ -1982,9 +2084,9 @@ var KdsStatusBlock = (0, import_react24.forwardRef)(
         "data-status": status,
         ...props,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "kds-status-block-icon", children: icon && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("i", { className: "material-symbols-outlined", children: icon }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("h2", { className: "kds-status-block-title", children: title }),
+          /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "kds-status-block-icon", children: icon && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("i", { className: "material-symbols-outlined", children: icon }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("h2", { className: "kds-status-block-title", children: title }),
             !descriptionBelowRow && descriptionNode
           ] }),
           descriptionBelowRow && descriptionNode
@@ -1996,30 +2098,45 @@ var KdsStatusBlock = (0, import_react24.forwardRef)(
 KdsStatusBlock.displayName = "KdsStatusBlock";
 
 // src/components/core/KdsStepper/KdsStepper.tsx
-var import_react25 = require("react");
-var import_jsx_runtime24 = require("react/jsx-runtime");
-var KdsStepper = (0, import_react25.forwardRef)(
-  ({ steps, current, className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { ref, className: (0, import_clsx.clsx)("kds-stepper", className), ...props, children: steps.map((label, i) => /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
+var import_react26 = require("react");
+var import_jsx_runtime25 = require("react/jsx-runtime");
+var KdsStepper = (0, import_react26.forwardRef)(
+  ({ steps, current, numbered, color = "info", currentLabelOnly, className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
     "div",
     {
-      className: (0, import_clsx.clsx)("kds-step", i < current && "completed", i === current && "current"),
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "kds-step-indicator" }),
-        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "kds-step-label", children: label })
-      ]
-    },
-    `${i}-${label}`
-  )) })
+      ref,
+      className: (0, import_clsx.clsx)(
+        "kds-stepper",
+        numbered && "kds-stepper--numbered",
+        color === "primary" && "kds-stepper--primary",
+        currentLabelOnly && "kds-stepper--current-label",
+        className
+      ),
+      ...props,
+      children: steps.map((label, i) => /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
+        "div",
+        {
+          className: (0, import_clsx.clsx)("kds-step", i < current && "completed", i === current && "current"),
+          "aria-current": i === current ? "step" : void 0,
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "kds-step-indicator", children: numbered ? i + 1 : null }),
+            /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "kds-step-label", children: label })
+          ]
+        },
+        `${i}-${label}`
+      ))
+    }
+  )
 );
 KdsStepper.displayName = "KdsStepper";
 
 // src/components/core/KdsCopyRow/KdsCopyRow.tsx
-var import_react26 = require("react");
-var import_jsx_runtime25 = require("react/jsx-runtime");
-var KdsCopyRow = (0, import_react26.forwardRef)(
+var import_react27 = require("react");
+var import_jsx_runtime26 = require("react/jsx-runtime");
+var KdsCopyRow = (0, import_react27.forwardRef)(
   ({ label, value, copiedText = "Copiado", className, ...props }, ref) => {
     const { copied, copy } = useCopyToClipboard();
-    return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
       "button",
       {
         ref,
@@ -2030,13 +2147,13 @@ var KdsCopyRow = (0, import_react26.forwardRef)(
         "aria-label": `Copiar ${label}: ${value}`,
         ...props,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("i", { className: "material-symbols-outlined", "aria-hidden": "true", children: "content_copy" }),
-          /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: "kds-copy-row-label", children: label }),
-            /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: "kds-copy-row-value", children: value })
+          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("i", { className: "material-symbols-outlined", "aria-hidden": "true", children: "content_copy" }),
+          /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { className: "kds-copy-row-label", children: label }),
+            /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { className: "kds-copy-row-value", children: value })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("span", { className: "kds-copy-toast", "aria-hidden": "true", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("i", { className: "material-symbols-outlined", children: "check_circle" }),
+          /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("span", { className: "kds-copy-toast", "aria-hidden": "true", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("i", { className: "material-symbols-outlined", children: "check_circle" }),
             " ",
             copiedText
           ] })
@@ -2048,8 +2165,8 @@ var KdsCopyRow = (0, import_react26.forwardRef)(
 KdsCopyRow.displayName = "KdsCopyRow";
 
 // src/components/core/KdsCopyableTable/KdsCopyableTable.tsx
-var import_react27 = require("react");
-var import_jsx_runtime26 = require("react/jsx-runtime");
+var import_react28 = require("react");
+var import_jsx_runtime27 = require("react/jsx-runtime");
 async function copyToClipboard(text) {
   try {
     if (navigator.clipboard?.writeText) {
@@ -2081,18 +2198,18 @@ function GridVariant({
   forwardedRef,
   rest
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
     "div",
     {
       ref: forwardedRef,
       className: (0, import_clsx.clsx)("kds-copyable-table", "kds-copyable-table--grid", className),
       ...rest,
-      children: gridRows.map((cells, rowIndex) => /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+      children: gridRows.map((cells, rowIndex) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
         "div",
         {
           className: "kds-copyable-table-row kds-copyable-table-row--grid",
           "data-testid": "kds-grid-row",
-          children: cells.map((text, cellIndex) => /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+          children: cells.map((text, cellIndex) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
             "span",
             {
               className: (0, import_clsx.clsx)("kds-grid-cell", disabled && "kds-grid-cell--disabled"),
@@ -2115,12 +2232,12 @@ function CopyableVariant({
   forwardedRef,
   rest
 }) {
-  const copiedTimers = (0, import_react27.useRef)(/* @__PURE__ */ new Map());
-  const settlingTimers = (0, import_react27.useRef)(/* @__PURE__ */ new Map());
-  const [copiedRows, setCopiedRows] = (0, import_react27.useState)(/* @__PURE__ */ new Set());
-  const [settlingRows, setSettlingRows] = (0, import_react27.useState)(/* @__PURE__ */ new Set());
-  const [allCopied, setAllCopied] = (0, import_react27.useState)(false);
-  const markCopied = (0, import_react27.useCallback)((indexes, duration = 1500) => {
+  const copiedTimers = (0, import_react28.useRef)(/* @__PURE__ */ new Map());
+  const settlingTimers = (0, import_react28.useRef)(/* @__PURE__ */ new Map());
+  const [copiedRows, setCopiedRows] = (0, import_react28.useState)(/* @__PURE__ */ new Set());
+  const [settlingRows, setSettlingRows] = (0, import_react28.useState)(/* @__PURE__ */ new Set());
+  const [allCopied, setAllCopied] = (0, import_react28.useState)(false);
+  const markCopied = (0, import_react28.useCallback)((indexes, duration = 1500) => {
     setCopiedRows((prev) => {
       const next = new Set(prev);
       indexes.forEach((i) => next.add(i));
@@ -2179,8 +2296,8 @@ function CopyableVariant({
       setTimeout(() => setAllCopied(false), 2e3);
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(import_jsx_runtime26.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { ref: forwardedRef, className: (0, import_clsx.clsx)("kds-copyable-table", className), ...rest, children: rows.map((row, i) => /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(import_jsx_runtime27.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { ref: forwardedRef, className: (0, import_clsx.clsx)("kds-copyable-table", className), ...rest, children: rows.map((row, i) => /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
       "div",
       {
         className: (0, import_clsx.clsx)(
@@ -2199,13 +2316,13 @@ function CopyableVariant({
         },
         "aria-label": `Copiar ${row.label}: ${row.value}`,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { className: "kds-key", children: row.label }),
-          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { className: "kds-value", children: row.value })
+          /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("span", { className: "kds-key", children: row.label }),
+          /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("span", { className: "kds-value", children: row.value })
         ]
       },
       `${row.label}-${i}`
     )) }),
-    showCopyAll && /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
+    showCopyAll && /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
       "button",
       {
         type: "button",
@@ -2219,14 +2336,14 @@ function CopyableVariant({
         onClick: handleCopyAll,
         "aria-label": allCopied ? copiedAllLabel : copyAllLabel,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { className: "kds-icon", children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("i", { className: "material-symbols-outlined", children: allCopied ? "check" : "content_copy" }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { children: allCopied ? copiedAllLabel : copyAllLabel })
+          /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("span", { className: "kds-icon", children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("i", { className: "material-symbols-outlined", children: allCopied ? "check" : "content_copy" }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("span", { children: allCopied ? copiedAllLabel : copyAllLabel })
         ]
       }
     )
   ] });
 }
-var KdsCopyableTable = (0, import_react27.forwardRef)(
+var KdsCopyableTable = (0, import_react28.forwardRef)(
   ({
     rows = [],
     variant = "copyable",
@@ -2239,7 +2356,7 @@ var KdsCopyableTable = (0, import_react27.forwardRef)(
     ...props
   }, ref) => {
     if (variant === "grid") {
-      return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
         GridVariant,
         {
           gridRows,
@@ -2250,7 +2367,7 @@ var KdsCopyableTable = (0, import_react27.forwardRef)(
         }
       );
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
       CopyableVariant,
       {
         rows,
@@ -2267,35 +2384,35 @@ var KdsCopyableTable = (0, import_react27.forwardRef)(
 KdsCopyableTable.displayName = "KdsCopyableTable";
 
 // src/components/core/KdsExpandPanel/KdsExpandPanel.tsx
-var import_react28 = require("react");
-var import_jsx_runtime27 = require("react/jsx-runtime");
-var KdsExpandPanel = (0, import_react28.forwardRef)(
+var import_react29 = require("react");
+var import_jsx_runtime28 = require("react/jsx-runtime");
+var KdsExpandPanel = (0, import_react29.forwardRef)(
   ({ label, defaultExpanded = false, children, className, ...props }, ref) => {
-    const [expanded, setExpanded] = (0, import_react28.useState)(defaultExpanded);
-    return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { ref, className, ...props, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
+    const [expanded, setExpanded] = (0, import_react29.useState)(defaultExpanded);
+    return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { ref, className, ...props, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
         "button",
         {
           className: "kds-expand-toggle",
           onClick: () => setExpanded((v) => !v),
           "aria-expanded": expanded,
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("span", { children: label }),
-            /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("i", { className: "material-symbols-outlined", children: expanded ? "expand_less" : "expand_more" })
+            /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { children: label }),
+            /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("i", { className: "material-symbols-outlined", children: expanded ? "expand_less" : "expand_more" })
           ]
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: (0, import_clsx.clsx)("kds-expand-panel", expanded && "open"), children })
+      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: (0, import_clsx.clsx)("kds-expand-panel", expanded && "open"), children })
     ] });
   }
 );
 KdsExpandPanel.displayName = "KdsExpandPanel";
 
 // src/components/core/KdsCountdown/KdsCountdown.tsx
-var import_react30 = require("react");
+var import_react31 = require("react");
 
 // src/components/core/hooks/useCountdown.ts
-var import_react29 = require("react");
+var import_react30 = require("react");
 function calcRemaining(deadline) {
   const diff = Math.max(0, new Date(deadline).getTime() - Date.now());
   const totalSeconds = Math.floor(diff / 1e3);
@@ -2308,8 +2425,8 @@ function calcRemaining(deadline) {
   };
 }
 function useCountdown(deadline) {
-  const [state, setState] = (0, import_react29.useState)(() => calcRemaining(deadline));
-  (0, import_react29.useEffect)(() => {
+  const [state, setState] = (0, import_react30.useState)(() => calcRemaining(deadline));
+  (0, import_react30.useEffect)(() => {
     const tick = () => setState(calcRemaining(deadline));
     const id = setInterval(tick, 1e3);
     return () => clearInterval(id);
@@ -2318,13 +2435,13 @@ function useCountdown(deadline) {
 }
 
 // src/components/core/KdsCountdown/KdsCountdown.tsx
-var import_jsx_runtime28 = require("react/jsx-runtime");
-var KdsCountdown = (0, import_react30.forwardRef)(
+var import_jsx_runtime29 = require("react/jsx-runtime");
+var KdsCountdown = (0, import_react31.forwardRef)(
   ({ deadline, label, onExpire, className, ...props }, ref) => {
     const { hours, minutes, seconds, expired, urgent } = useCountdown(deadline);
-    const onExpireRef = (0, import_react30.useRef)(onExpire);
+    const onExpireRef = (0, import_react31.useRef)(onExpire);
     onExpireRef.current = onExpire;
-    (0, import_react30.useEffect)(() => {
+    (0, import_react31.useEffect)(() => {
       if (expired) {
         onExpireRef.current?.();
       }
@@ -2333,9 +2450,9 @@ var KdsCountdown = (0, import_react30.forwardRef)(
       return null;
     }
     const pad = (n) => String(n).padStart(2, "0");
-    return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { ref, className: (0, import_clsx.clsx)("kds-countdown", urgent && "urgent", className), ...props, children: [
-      label && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { className: "kds-countdown-label", children: label }),
-      /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("span", { className: "kds-countdown-value", children: [
+    return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { ref, className: (0, import_clsx.clsx)("kds-countdown", urgent && "urgent", className), ...props, children: [
+      label && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", { className: "kds-countdown-label", children: label }),
+      /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("span", { className: "kds-countdown-value", children: [
         pad(hours),
         ":",
         pad(minutes),
@@ -2348,18 +2465,18 @@ var KdsCountdown = (0, import_react30.forwardRef)(
 KdsCountdown.displayName = "KdsCountdown";
 
 // src/components/core/KdsSegmentedTabs/KdsSegmentedTabs.tsx
-var import_react31 = require("react");
-var import_jsx_runtime29 = require("react/jsx-runtime");
-var KdsSegmentedTabs = (0, import_react31.forwardRef)(
-  (props, ref) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(KdsTabs, { ref, ...props })
+var import_react32 = require("react");
+var import_jsx_runtime30 = require("react/jsx-runtime");
+var KdsSegmentedTabs = (0, import_react32.forwardRef)(
+  (props, ref) => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(KdsTabs, { ref, ...props })
 );
 KdsSegmentedTabs.displayName = "KdsSegmentedTabs";
 
 // src/components/core/KdsFab/KdsFab.tsx
-var import_react32 = require("react");
-var import_jsx_runtime30 = require("react/jsx-runtime");
-var KdsFab = (0, import_react32.forwardRef)(
-  ({ icon, position = "top-right", hidden = false, className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+var import_react33 = require("react");
+var import_jsx_runtime31 = require("react/jsx-runtime");
+var KdsFab = (0, import_react33.forwardRef)(
+  ({ icon, position = "top-right", hidden = false, className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
     "button",
     {
       ref,
@@ -2373,17 +2490,17 @@ var KdsFab = (0, import_react32.forwardRef)(
       "aria-hidden": hidden || void 0,
       tabIndex: hidden ? -1 : void 0,
       ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("i", { className: "material-symbols-outlined", children: icon })
+      children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("i", { className: "material-symbols-outlined", children: icon })
     }
   )
 );
 KdsFab.displayName = "KdsFab";
 
 // src/components/core/KdsEmptyState/KdsEmptyState.tsx
-var import_react33 = require("react");
-var import_jsx_runtime31 = require("react/jsx-runtime");
-var KdsEmptyState = (0, import_react33.forwardRef)(
-  ({ icon = "hide_source", title, description, className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
+var import_react34 = require("react");
+var import_jsx_runtime32 = require("react/jsx-runtime");
+var KdsEmptyState = (0, import_react34.forwardRef)(
+  ({ icon = "hide_source", title, description, className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
     "div",
     {
       ref,
@@ -2391,10 +2508,10 @@ var KdsEmptyState = (0, import_react33.forwardRef)(
       className: (0, import_clsx.clsx)("kds-empty-state", className),
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("i", { className: "material-symbols-outlined", "aria-hidden": "true", children: icon }),
-        /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "kds-empty-state-text", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(KdsTypography, { variant: "body", color: "primary", children: title }),
-          description && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(KdsTypography, { variant: "body", color: "secondary", children: description })
+        /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("i", { className: "material-symbols-outlined", "aria-hidden": "true", children: icon }),
+        /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "kds-empty-state-text", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(KdsTypography, { variant: "body", color: "primary", children: title }),
+          description && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(KdsTypography, { variant: "body", color: "secondary", children: description })
         ] })
       ]
     }
@@ -2403,12 +2520,12 @@ var KdsEmptyState = (0, import_react33.forwardRef)(
 KdsEmptyState.displayName = "KdsEmptyState";
 
 // src/components/domain/KdsBankRow/KdsBankRow.tsx
-var import_react34 = require("react");
-var import_jsx_runtime32 = require("react/jsx-runtime");
-var KdsBankRow = (0, import_react34.forwardRef)(
+var import_react35 = require("react");
+var import_jsx_runtime33 = require("react/jsx-runtime");
+var KdsBankRow = (0, import_react35.forwardRef)(
   ({ name, logoUrl, selected, hideLogo, className, ...props }, ref) => {
     const nameStr = typeof name === "string" ? name : "";
-    return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
       "button",
       {
         ref,
@@ -2416,9 +2533,9 @@ var KdsBankRow = (0, import_react34.forwardRef)(
         className: (0, import_clsx.clsx)("kds-bank-row", selected && "selected", className),
         ...props,
         children: [
-          !hideLogo && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { className: "kds-bank-row-logo", children: logoUrl ? /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("img", { src: logoUrl, alt: nameStr }) : /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { className: "initials", children: nameStr.charAt(0) }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { className: "kds-bank-row-name", children: name }),
-          /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("i", { className: "material-symbols-outlined", children: selected ? "check_circle" : "chevron_right" })
+          !hideLogo && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "kds-bank-row-logo", children: logoUrl ? /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("img", { src: logoUrl, alt: nameStr }) : /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "initials", children: nameStr.charAt(0) }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "kds-bank-row-name", children: name }),
+          /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("i", { className: "material-symbols-outlined", children: selected ? "check_circle" : "chevron_right" })
         ]
       }
     );
@@ -2427,32 +2544,32 @@ var KdsBankRow = (0, import_react34.forwardRef)(
 KdsBankRow.displayName = "KdsBankRow";
 
 // src/components/domain/KdsBankList/KdsBankList.tsx
-var import_react35 = require("react");
-var import_jsx_runtime33 = require("react/jsx-runtime");
-var KdsBankList = (0, import_react35.forwardRef)(
-  ({ children, className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { ref, className: (0, import_clsx.clsx)("kds-bank-list", className), role: "list", ...props, children })
+var import_react36 = require("react");
+var import_jsx_runtime34 = require("react/jsx-runtime");
+var KdsBankList = (0, import_react36.forwardRef)(
+  ({ children, className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { ref, className: (0, import_clsx.clsx)("kds-bank-list", className), role: "list", ...props, children })
 );
 KdsBankList.displayName = "KdsBankList";
 
 // src/components/domain/KdsBankModal/KdsBankModal.tsx
-var import_react36 = require("react");
+var import_react37 = require("react");
 var Dialog = __toESM(require("@radix-ui/react-dialog"));
-var import_jsx_runtime34 = require("react/jsx-runtime");
-var KdsBankModal = (0, import_react36.forwardRef)(
+var import_jsx_runtime35 = require("react/jsx-runtime");
+var KdsBankModal = (0, import_react37.forwardRef)(
   ({ open, onClose, title = "Selecciona tu banco", searchPlaceholder = "Buscar banco...", onSearch, children, className, container }, ref) => {
-    const [query, setQuery] = (0, import_react36.useState)("");
+    const [query, setQuery] = (0, import_react37.useState)("");
     const handleSearch = (value) => {
       setQuery(value);
       onSearch?.(value);
     };
-    return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(Dialog.Root, { open, onOpenChange: (o) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(Dialog.Root, { open, onOpenChange: (o) => {
       if (!o) onClose();
-    }, children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(Dialog.Portal, { container, children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(Dialog.Overlay, { className: "kds-bank-modal-scrim open", children: /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(Dialog.Content, { ref, className: (0, import_clsx.clsx)("kds-bank-modal", className), children: [
-      /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "kds-bank-modal-header", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(Dialog.Title, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("h3", { children: title }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(Dialog.Close, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("button", { className: "kds-bank-modal-close", "aria-label": "Cerrar", children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("i", { className: "material-symbols-outlined", children: "close" }) }) })
+    }, children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(Dialog.Portal, { container, children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(Dialog.Overlay, { className: "kds-bank-modal-scrim open", children: /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(Dialog.Content, { ref, className: (0, import_clsx.clsx)("kds-bank-modal", className), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "kds-bank-modal-header", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(Dialog.Title, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("h3", { children: title }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(Dialog.Close, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("button", { className: "kds-bank-modal-close", "aria-label": "Cerrar", children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("i", { className: "material-symbols-outlined", children: "close" }) }) })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "kds-bank-modal-search", children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: "kds-bank-modal-search", children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
         KdsSearchField,
         {
           placeholder: searchPlaceholder,
@@ -2460,82 +2577,639 @@ var KdsBankModal = (0, import_react36.forwardRef)(
           onChange: (e) => handleSearch(e.target.value)
         }
       ) }),
-      /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "kds-bank-modal-body", children })
+      /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: "kds-bank-modal-body", children })
     ] }) }) }) });
   }
 );
 KdsBankModal.displayName = "KdsBankModal";
 
+// src/components/domain/KdsContract/KdsContract.tsx
+var import_react38 = require("react");
+var import_jsx_runtime36 = require("react/jsx-runtime");
+var END_TOLERANCE_PX = 8;
+var KdsContract = (0, import_react38.forwardRef)(
+  ({
+    children,
+    contentLabel = "Contrato",
+    acceptLabel = "Declaro que le\xED y acepto el contrato",
+    hint = "Despl\xE1zate hasta el final del contrato para poder aceptarlo.",
+    name,
+    accepted,
+    onAcceptedChange,
+    onReadComplete,
+    className,
+    ...props
+  }, ref) => {
+    const hintId = (0, import_react38.useId)();
+    const contentRef = (0, import_react38.useRef)(null);
+    const [read, setRead] = (0, import_react38.useState)(false);
+    const onReadCompleteRef = (0, import_react38.useRef)(onReadComplete);
+    onReadCompleteRef.current = onReadComplete;
+    const check = (0, import_react38.useCallback)(() => {
+      const el = contentRef.current;
+      if (!el || el.clientHeight === 0) return;
+      if (el.scrollTop + el.clientHeight >= el.scrollHeight - END_TOLERANCE_PX) {
+        setRead(true);
+      }
+    }, []);
+    (0, import_react38.useEffect)(() => {
+      check();
+      const el = contentRef.current;
+      if (!el || typeof ResizeObserver === "undefined") return void 0;
+      const observer = new ResizeObserver(check);
+      observer.observe(el);
+      return () => observer.disconnect();
+    }, [check]);
+    (0, import_react38.useEffect)(() => {
+      if (read) onReadCompleteRef.current?.();
+    }, [read]);
+    return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { ref, className: (0, import_clsx.clsx)("kds-contract", read && "kds-contract--read", className), ...props, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+        "div",
+        {
+          ref: contentRef,
+          className: "kds-contract-content",
+          role: "region",
+          "aria-label": contentLabel,
+          tabIndex: 0,
+          onScroll: read ? void 0 : check,
+          children
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("label", { className: "checkbox kds-contract-accept", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+          "input",
+          {
+            type: "checkbox",
+            name,
+            checked: accepted,
+            disabled: !read,
+            "aria-describedby": read ? void 0 : hintId,
+            onChange: (e) => onAcceptedChange?.(e.target.checked)
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { children: acceptLabel })
+      ] }),
+      !read && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "kds-contract-hint", id: hintId, children: hint })
+    ] });
+  }
+);
+KdsContract.displayName = "KdsContract";
+
+// src/components/domain/KdsFeedbackCard/KdsFeedbackCard.tsx
+var import_react39 = require("react");
+var import_jsx_runtime37 = require("react/jsx-runtime");
+var KdsFeedbackCard = (0, import_react39.forwardRef)(
+  ({
+    title,
+    description,
+    icon = "auto_awesome",
+    children,
+    canSubmit,
+    onSubmit,
+    submitLabel = "Enviar",
+    submitted = false,
+    thanksTitle = "\xA1Gracias por contarnos!",
+    thanksDescription = "Tu respuesta nos ayuda a llegar a m\xE1s negocios como el tuyo.",
+    className,
+    ...props
+  }, ref) => {
+    const titleId = (0, import_react39.useId)();
+    const titleRef = (0, import_react39.useRef)(null);
+    const wasSubmitted = (0, import_react39.useRef)(submitted);
+    (0, import_react39.useEffect)(() => {
+      if (submitted && !wasSubmitted.current) titleRef.current?.focus();
+      wasSubmitted.current = submitted;
+    }, [submitted]);
+    return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(
+      "section",
+      {
+        ref,
+        className: (0, import_clsx.clsx)("kds-feedback-card", submitted && "kds-feedback-card--submitted", className),
+        "aria-labelledby": titleId,
+        "aria-live": "polite",
+        ...props,
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("span", { className: "kds-feedback-card-icon", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("i", { className: "material-symbols-outlined", children: submitted ? "check" : icon }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "kds-feedback-card-body", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "kds-feedback-card-text", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+                "div",
+                {
+                  ref: titleRef,
+                  className: "kds-feedback-card-title",
+                  id: titleId,
+                  tabIndex: submitted ? -1 : void 0,
+                  children: submitted ? thanksTitle : title
+                }
+              ),
+              (submitted ? thanksDescription : description) && /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: "kds-feedback-card-description", children: submitted ? thanksDescription : description })
+            ] }),
+            !submitted && /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(import_jsx_runtime37.Fragment, { children: [
+              children,
+              /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(KdsButton, { variant: "outlined", disabled: !canSubmit, onClick: onSubmit, children: submitLabel })
+            ] })
+          ] })
+        ]
+      }
+    );
+  }
+);
+KdsFeedbackCard.displayName = "KdsFeedbackCard";
+
+// src/components/domain/KdsConsentCard/KdsConsentCard.tsx
+var import_react40 = require("react");
+var import_jsx_runtime38 = require("react/jsx-runtime");
+var KdsConsentCard = (0, import_react40.forwardRef)(
+  ({
+    requester,
+    resource,
+    heading,
+    subtitle,
+    logo,
+    sections,
+    onAccept,
+    onReject,
+    loading = false,
+    acceptLabel = "Autorizar",
+    rejectLabel = "Rechazar",
+    loadingLabel = "Autorizando",
+    className,
+    ...props
+  }, ref) => {
+    const titleId = (0, import_react40.useId)();
+    return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(
+      "section",
+      {
+        ref,
+        className: (0, import_clsx.clsx)("kds-card-elevated", "kds-consent-card", className),
+        "aria-labelledby": titleId,
+        ...props,
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "kds-consent-card-header", children: [
+            logo && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "kds-consent-card-logo", children: logo }),
+            /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "kds-consent-card-title", role: "heading", "aria-level": 2, id: titleId, children: heading ?? /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(import_jsx_runtime38.Fragment, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("strong", { children: requester }),
+              " solicita acceso a ",
+              /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("strong", { children: resource })
+            ] }) }),
+            subtitle && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "kds-consent-card-subtitle", children: subtitle })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "kds-consent-card-body", children: [
+            sections.map((section, i) => {
+              const sectionId = `${titleId}-s${i}`;
+              return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(
+                "div",
+                {
+                  className: "kds-consent-card-section",
+                  role: "group",
+                  "aria-labelledby": sectionId,
+                  children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+                      "div",
+                      {
+                        className: "kds-consent-card-section-title",
+                        role: "heading",
+                        "aria-level": 3,
+                        id: sectionId,
+                        children: section.title
+                      }
+                    ),
+                    /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("ul", { className: "kds-consent-card-items", children: section.items.map((item, j) => /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("li", { className: "kds-consent-card-item", children: [
+                      item.icon && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("i", { className: "material-symbols-outlined", "aria-hidden": "true", children: item.icon }),
+                      /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("span", { children: item.text })
+                    ] }, j)) })
+                  ]
+                },
+                section.title
+              );
+            }),
+            /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "kds-consent-card-actions", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(KdsButton, { variant: "primary", fullWidth: true, loading, onClick: onAccept, children: loading ? loadingLabel : acceptLabel }),
+              /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(KdsButton, { variant: "outlined", fullWidth: true, disabled: loading, onClick: onReject, children: rejectLabel })
+            ] })
+          ] })
+        ]
+      }
+    );
+  }
+);
+KdsConsentCard.displayName = "KdsConsentCard";
+
+// src/components/domain/KdsSidebar/KdsSidebar.tsx
+var import_react41 = require("react");
+var import_jsx_runtime39 = require("react/jsx-runtime");
+var KdsSidebar = (0, import_react41.forwardRef)(
+  ({
+    header,
+    items,
+    navLabel = "Men\xFA de la cuenta",
+    open = false,
+    onClose,
+    mobileTitle = "Men\xFA",
+    closeLabel = "Cerrar men\xFA",
+    className,
+    ...props
+  }, ref) => {
+    const [menuOpen, setMenuOpen] = (0, import_react41.useState)(false);
+    const asideRef = (0, import_react41.useRef)(null);
+    const headerRef = (0, import_react41.useRef)(null);
+    const toggleRef = (0, import_react41.useRef)(null);
+    const closeRef = (0, import_react41.useRef)(null);
+    const menuId = (0, import_react41.useId)();
+    const onCloseRef = (0, import_react41.useRef)(onClose);
+    onCloseRef.current = onClose;
+    const setAsideRef = (el) => {
+      asideRef.current = el;
+      if (typeof ref === "function") ref(el);
+      else if (ref) ref.current = el;
+    };
+    (0, import_react41.useEffect)(() => {
+      if (!open) return void 0;
+      const opener = document.activeElement;
+      closeRef.current?.focus();
+      const onKey = (e) => {
+        if (e.key === "Escape") onCloseRef.current?.();
+      };
+      document.addEventListener("keydown", onKey);
+      return () => {
+        document.removeEventListener("keydown", onKey);
+        if (opener && opener !== document.body && opener.isConnected) opener.focus();
+      };
+    }, [open]);
+    (0, import_react41.useEffect)(() => {
+      const el = asideRef.current;
+      if (!el || typeof window.matchMedia !== "function") return void 0;
+      const mobile = window.matchMedia("(max-width: 768px)");
+      const sync = () => el.toggleAttribute("inert", mobile.matches && !open);
+      sync();
+      mobile.addEventListener("change", sync);
+      return () => mobile.removeEventListener("change", sync);
+    }, [open]);
+    (0, import_react41.useEffect)(() => {
+      if (!menuOpen) return void 0;
+      const onDocClick = (e) => {
+        if (!headerRef.current?.contains(e.target)) setMenuOpen(false);
+      };
+      document.addEventListener("click", onDocClick);
+      return () => document.removeEventListener("click", onDocClick);
+    }, [menuOpen]);
+    const hasMenu = header.menu !== void 0;
+    const onHeaderKeyDown = (e) => {
+      if (e.key === "Escape" && menuOpen) {
+        e.stopPropagation();
+        setMenuOpen(false);
+        toggleRef.current?.focus();
+      }
+    };
+    const headerContent = /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(import_jsx_runtime39.Fragment, { children: [
+      header.icon ? /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("i", { className: "material-symbols-outlined kds-sidebar-icon", "aria-hidden": "true", children: header.icon }) : header.avatar && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "kds-sidebar-avatar", "aria-hidden": "true", children: header.avatar }),
+      /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "kds-sidebar-header-text", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "kds-sidebar-title", children: header.title }),
+        header.subtitle && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "kds-sidebar-subtitle", children: header.subtitle })
+      ] })
+    ] });
+    return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
+      "aside",
+      {
+        ref: setAsideRef,
+        className: (0, import_clsx.clsx)("kds-sidebar", open && "kds-sidebar-open", className),
+        ...props,
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "kds-sidebar-mobile-header", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { children: mobileTitle }),
+            /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+              "button",
+              {
+                ref: closeRef,
+                type: "button",
+                className: "kds-sidebar-close-btn",
+                "aria-label": closeLabel,
+                onClick: () => onClose?.(),
+                children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("i", { className: "material-symbols-outlined", "aria-hidden": "true", children: "close" })
+              }
+            )
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { ref: headerRef, className: "kds-sidebar-header", onKeyDown: onHeaderKeyDown, children: hasMenu ? /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(import_jsx_runtime39.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
+              "button",
+              {
+                ref: toggleRef,
+                type: "button",
+                className: "kds-sidebar-header-toggle",
+                "aria-haspopup": "true",
+                "aria-expanded": menuOpen,
+                "aria-controls": menuId,
+                onClick: () => setMenuOpen((v) => !v),
+                children: [
+                  headerContent,
+                  /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("i", { className: "material-symbols-outlined kds-sidebar-dropdown-icon", "aria-hidden": "true", children: "expand_more" })
+                ]
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+              "div",
+              {
+                id: menuId,
+                className: (0, import_clsx.clsx)(
+                  "kds-sidebar-header-dropdown surface elevate border small-round",
+                  menuOpen && "kds-dropdown-open"
+                ),
+                children: header.menu
+              }
+            )
+          ] }) : headerContent }),
+          /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("nav", { className: "kds-sidebar-nav", "aria-label": navLabel, children: items.map((item, i) => /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
+            "a",
+            {
+              href: item.href,
+              className: (0, import_clsx.clsx)("kds-sidebar-nav-item", item.active && "active"),
+              "aria-current": item.active ? "page" : void 0,
+              ...item.external ? { target: "_blank", rel: "noopener noreferrer" } : {},
+              children: [
+                item.icon && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("i", { className: "material-symbols-outlined", "aria-hidden": "true", children: item.icon }),
+                /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { children: item.label })
+              ]
+            },
+            `${i}-${item.href}`
+          )) })
+        ]
+      }
+    );
+  }
+);
+KdsSidebar.displayName = "KdsSidebar";
+
+// src/components/domain/KdsNavbar/KdsNavbar.tsx
+var import_react42 = require("react");
+var import_jsx_runtime40 = require("react/jsx-runtime");
+var KdsNavbar = (0, import_react42.forwardRef)(
+  ({
+    brand,
+    brandHref = "/",
+    variant = "primary",
+    onMenuClick,
+    menuOpen,
+    menuControls,
+    menuLabel = "Men\xFA",
+    children,
+    className,
+    ...props
+  }, ref) => /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+    "nav",
+    {
+      ref,
+      className: (0, import_clsx.clsx)(
+        variant === "primary" ? "primary no-margin" : "no-margin surface secondary-nav-border",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "kds-container-center", children: [
+        onMenuClick && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+          "button",
+          {
+            type: "button",
+            className: "kds-hamburger-btn",
+            "aria-label": menuLabel,
+            "aria-expanded": menuOpen,
+            "aria-controls": menuControls,
+            onClick: onMenuClick,
+            children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("i", { className: "material-symbols-outlined", "aria-hidden": "true", children: "menu" })
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("a", { href: brandHref, className: "kds-navbar-brand", children: brand }),
+        /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "max" }),
+        children
+      ] })
+    }
+  )
+);
+KdsNavbar.displayName = "KdsNavbar";
+
+// src/components/domain/KdsFooter/KdsFooter.tsx
+var import_react43 = require("react");
+var import_jsx_runtime41 = require("react/jsx-runtime");
+var KdsFooter = (0, import_react43.forwardRef)(
+  ({ columns, children, className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("footer", { ref, className: (0, import_clsx.clsx)("primary", className), ...props, children: /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "kds-container-center", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "kds-grid", children: columns.map((column) => /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "kds-col-sm-12 kds-col-md-6 kds-col-lg-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("h6", { className: "kds-text-center", children: column.title }),
+      /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("nav", { className: "kds-footer-nav", "aria-label": column.title, children: column.links.map((link, i) => /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+        "a",
+        {
+          href: link.href,
+          ...link.external ? { target: "_blank", rel: "noopener noreferrer" } : {},
+          children: link.label
+        },
+        `${i}-${link.href}`
+      )) })
+    ] }, column.title)) }),
+    children
+  ] }) })
+);
+KdsFooter.displayName = "KdsFooter";
+
 // src/components/domain/KdsQrRow/KdsQrRow.tsx
-var import_react37 = require("react");
-var import_jsx_runtime35 = require("react/jsx-runtime");
-var KdsQrRow = (0, import_react37.forwardRef)(
-  ({ name, description, badge, icon = "qr_code_2", className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("button", { ref, type: "button", className: (0, import_clsx.clsx)("kds-qr-row", className), ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("span", { className: "kds-qr-avatar", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("i", { className: "material-symbols-outlined", children: icon }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("span", { className: "kds-qr-text", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("span", { className: "kds-qr-title", children: name }),
-      description && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("span", { className: "kds-qr-subtitle", children: description })
+var import_react44 = require("react");
+var import_jsx_runtime42 = require("react/jsx-runtime");
+var KdsQrRow = (0, import_react44.forwardRef)(
+  ({ name, description, badge, icon = "qr_code_2", className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("button", { ref, type: "button", className: (0, import_clsx.clsx)("kds-qr-row", className), ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("span", { className: "kds-qr-avatar", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("i", { className: "material-symbols-outlined", children: icon }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("span", { className: "kds-qr-text", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("span", { className: "kds-qr-title", children: name }),
+      description && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("span", { className: "kds-qr-subtitle", children: description })
     ] }),
-    badge && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("span", { className: "kds-qr-badge", children: badge }),
-    /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("i", { className: "material-symbols-outlined", children: "chevron_right" })
+    badge && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("span", { className: "kds-qr-badge", children: badge }),
+    /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("i", { className: "material-symbols-outlined", children: "chevron_right" })
   ] })
 );
 KdsQrRow.displayName = "KdsQrRow";
 
 // src/components/domain/KdsCardSelector/KdsCardSelector.tsx
-var import_react38 = require("react");
-var import_jsx_runtime36 = require("react/jsx-runtime");
-var KdsCardSelector = (0, import_react38.forwardRef)(
-  ({ icon, title, description, selected, className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
-    "button",
+var import_react45 = require("react");
+var import_jsx_runtime43 = require("react/jsx-runtime");
+var KdsCardSelector = (0, import_react45.forwardRef)(
+  ({
+    icon,
+    title,
+    description,
+    selected,
+    radio,
+    name,
+    value,
+    checked,
+    onCheckedChange,
+    children,
+    className,
+    disabled,
+    type,
+    ...props
+  }, ref) => {
+    const radioId = (0, import_react45.useId)();
+    const descriptionId = `${radioId}-description`;
+    const iconNode = icon && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { className: "kds-card-selector-icon", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("i", { className: "material-symbols-outlined", children: icon }) });
+    if (radio && name !== void 0 && value !== void 0) {
+      return /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(
+        "div",
+        {
+          ref,
+          className: (0, import_clsx.clsx)("kds-card-selector", "kds-card-selector--radio", className),
+          ...props,
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+              "input",
+              {
+                type: "radio",
+                className: "kds-card-selector-radio",
+                id: radioId,
+                name,
+                value,
+                checked,
+                disabled,
+                onChange: () => onCheckedChange?.(value),
+                "aria-describedby": description ? descriptionId : void 0
+              }
+            ),
+            iconNode,
+            /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("label", { htmlFor: radioId, className: "kds-card-selector-title", children: title }),
+            description && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { className: "kds-card-selector-description", id: descriptionId, children: description }),
+            children && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: "kds-card-selector-details", children })
+          ]
+        }
+      );
+    }
+    return /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(
+      "button",
+      {
+        ref,
+        type: type ?? "button",
+        className: (0, import_clsx.clsx)("kds-card-selector", selected && "selected", className),
+        disabled,
+        name,
+        value,
+        ...props,
+        children: [
+          iconNode,
+          /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { className: "kds-card-selector-title", children: title }),
+          description && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { className: "kds-card-selector-description", children: description }),
+          children && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { className: "kds-card-selector-details", children })
+        ]
+      }
+    );
+  }
+);
+KdsCardSelector.displayName = "KdsCardSelector";
+var KdsCardSelectorGroup = (0, import_react45.forwardRef)(
+  ({ label, className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+    "div",
     {
       ref,
-      type: "button",
-      className: (0, import_clsx.clsx)("kds-card-selector", selected && "selected", className),
+      role: "radiogroup",
+      "aria-label": label,
+      className: (0, import_clsx.clsx)("kds-card-selector-group", className),
       ...props,
-      children: [
-        icon && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { className: "kds-card-selector-icon", children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("i", { className: "material-symbols-outlined", children: icon }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { className: "kds-card-selector-title", children: title }),
-        description && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { className: "kds-card-selector-description", children: description })
-      ]
+      children
     }
   )
 );
-KdsCardSelector.displayName = "KdsCardSelector";
+KdsCardSelectorGroup.displayName = "KdsCardSelectorGroup";
 
 // src/components/domain/KdsCardPlan/KdsCardPlan.tsx
-var import_react39 = require("react");
-var import_jsx_runtime37 = require("react/jsx-runtime");
-var KdsCardPlan = (0, import_react39.forwardRef)(
-  ({ title, price, period, features, recommended, badgeText, action, className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(
+var import_react46 = require("react");
+var import_jsx_runtime44 = require("react/jsx-runtime");
+var KdsCardPlan = (0, import_react46.forwardRef)(
+  ({
+    title,
+    price,
+    period,
+    features,
+    recommended,
+    badgeText,
+    action,
+    description,
+    checkFeatures,
+    name,
+    value,
+    selected,
+    onSelectedChange,
+    className,
+    ...props
+  }, ref) => {
+    const radioId = (0, import_react46.useId)();
+    const priceId = `${radioId}-price`;
+    const badgeId = `${radioId}-badge`;
+    const selectable = name !== void 0 && value !== void 0;
+    return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
+      "div",
+      {
+        ref,
+        className: (0, import_clsx.clsx)(
+          "kds-card-plan",
+          recommended && "recommended",
+          selectable && "kds-card-plan--selectable",
+          className
+        ),
+        ...props,
+        children: [
+          selectable && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+            "input",
+            {
+              type: "radio",
+              className: "kds-card-plan-radio",
+              id: radioId,
+              name,
+              value,
+              checked: selected,
+              onChange: () => onSelectedChange?.(value),
+              "aria-describedby": badgeText ? `${priceId} ${badgeId}` : priceId
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: "kds-card-plan-header", children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("h3", { children: selectable ? /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("label", { htmlFor: radioId, children: title }) : title }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "kds-card-plan-price", id: selectable ? priceId : void 0, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("span", { className: "kds-price", children: price }),
+            period && /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("span", { className: "kds-price-period", children: [
+              "/",
+              period
+            ] })
+          ] }),
+          description && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: "kds-card-plan-description", children: description }),
+          badgeText && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("span", { className: "kds-card-plan-badge", id: selectable ? badgeId : void 0, children: badgeText }),
+          features && features.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+            "ul",
+            {
+              className: (0, import_clsx.clsx)("kds-card-plan-features", checkFeatures && "kds-card-plan-features--check"),
+              children: features.map((f, i) => /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("li", { children: [
+                checkFeatures && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("i", { className: "material-symbols-outlined", "aria-hidden": "true", children: "check" }),
+                f
+              ] }, i))
+            }
+          ),
+          action
+        ]
+      }
+    );
+  }
+);
+KdsCardPlan.displayName = "KdsCardPlan";
+var KdsCardPlanGroup = (0, import_react46.forwardRef)(
+  ({ label, className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
     "div",
     {
       ref,
-      className: (0, import_clsx.clsx)("kds-card-plan", recommended && "recommended", className),
+      role: "radiogroup",
+      "aria-label": label,
+      className: (0, import_clsx.clsx)("kds-card-plan-group", className),
       ...props,
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: "kds-card-plan-header", children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("h3", { children: title }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "kds-card-plan-price", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("span", { className: "kds-price", children: price }),
-          period && /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("span", { className: "kds-price-period", children: [
-            "/",
-            period
-          ] })
-        ] }),
-        badgeText && /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("span", { className: "kds-card-plan-badge", children: badgeText }),
-        features && features.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("ul", { className: "kds-card-plan-features", children: features.map((f, i) => /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("li", { children: f }, i)) }),
-        action
-      ]
+      children
     }
   )
 );
-KdsCardPlan.displayName = "KdsCardPlan";
+KdsCardPlanGroup.displayName = "KdsCardPlanGroup";
 
 // src/components/domain/KdsInvoiceSticky/KdsInvoiceSticky.tsx
-var import_react40 = require("react");
-var import_jsx_runtime38 = require("react/jsx-runtime");
-var KdsInvoiceSticky = (0, import_react40.forwardRef)(
-  ({ children, className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+var import_react47 = require("react");
+var import_jsx_runtime45 = require("react/jsx-runtime");
+var KdsInvoiceSticky = (0, import_react47.forwardRef)(
+  ({ children, className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
     "article",
     {
       ref,
@@ -2548,39 +3222,39 @@ var KdsInvoiceSticky = (0, import_react40.forwardRef)(
 KdsInvoiceSticky.displayName = "KdsInvoiceSticky";
 
 // src/components/domain/KdsInvoiceHeaderSkeleton/KdsInvoiceHeaderSkeleton.tsx
-var import_react41 = require("react");
-var import_jsx_runtime39 = require("react/jsx-runtime");
-var Text = ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { className: "kds-skeleton kds-skeleton--text", children });
-var KdsInvoiceHeaderSkeleton = (0, import_react41.forwardRef)(
-  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(KdsInvoiceSticky, { ref, className: (0, import_clsx.clsx)("kds-invoice-skeleton", className), "aria-hidden": "true", ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("header", { className: "kds-invoice-header", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("p", { className: "kds-invoice-amount", children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Text, { children: "$00.000" }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("p", { className: "kds-invoice-code", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Text, { children: "C\xF3digo" }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { className: "kds-invoice-code-value kds-invoice-code-value--lowercase", children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Text, { children: "xxxx-xxxx-xxxx" }) })
+var import_react48 = require("react");
+var import_jsx_runtime46 = require("react/jsx-runtime");
+var Text = ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { className: "kds-skeleton kds-skeleton--text", children });
+var KdsInvoiceHeaderSkeleton = (0, import_react48.forwardRef)(
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(KdsInvoiceSticky, { ref, className: (0, import_clsx.clsx)("kds-invoice-skeleton", className), "aria-hidden": "true", ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("header", { className: "kds-invoice-header", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("p", { className: "kds-invoice-amount", children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(Text, { children: "$00.000" }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("p", { className: "kds-invoice-code", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(Text, { children: "C\xF3digo" }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { className: "kds-invoice-code-value kds-invoice-code-value--lowercase", children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(Text, { children: "xxxx-xxxx-xxxx" }) })
         ] })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "kds-invoice-merchant kds-skeleton" })
+      /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { className: "kds-invoice-merchant kds-skeleton" })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "kds-invoice-collapsible", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "kds-invoice-summary", children: /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("dl", { className: "kds-kv", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("dt", { children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Text, { children: "Pago a" }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("dd", { children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Text, { children: "Comercio de ejemplo SpA" }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("dt", { children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Text, { children: "Asunto" }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("dd", { children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Text, { children: "Orden de compra" }) })
+    /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "kds-invoice-collapsible", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { className: "kds-invoice-summary", children: /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("dl", { className: "kds-kv", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("dt", { children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(Text, { children: "Pago a" }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("dd", { children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(Text, { children: "Comercio de ejemplo SpA" }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("dt", { children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(Text, { children: "Asunto" }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("dd", { children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(Text, { children: "Orden de compra" }) })
       ] }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "kds-expand-toggle", children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Text, { children: "Detalle del cobro" }) }) })
+      /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { className: "kds-expand-toggle", children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(Text, { children: "Detalle del cobro" }) }) })
     ] })
   ] })
 );
 KdsInvoiceHeaderSkeleton.displayName = "KdsInvoiceHeaderSkeleton";
 
 // src/components/domain/KdsBottomSheet/KdsBottomSheet.tsx
-var import_react42 = require("react");
+var import_react49 = require("react");
 var Dialog2 = __toESM(require("@radix-ui/react-dialog"));
-var import_jsx_runtime40 = require("react/jsx-runtime");
-var KdsBottomSheet = (0, import_react42.forwardRef)(
+var import_jsx_runtime47 = require("react/jsx-runtime");
+var KdsBottomSheet = (0, import_react49.forwardRef)(
   ({
     open,
     onClose,
@@ -2593,55 +3267,80 @@ var KdsBottomSheet = (0, import_react42.forwardRef)(
     container,
     className,
     size = "auto",
+    dismissible = true,
+    variant = "sheet",
+    align = "start",
+    icon,
+    hint,
     ...props
-  }, ref) => /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+  }, ref) => /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
     Dialog2.Root,
     {
       open,
       onOpenChange: (o) => {
         if (!o) onClose();
       },
-      children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Dialog2.Portal, { container, children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "kds-theme-root", style: { display: "contents" }, children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Dialog2.Overlay, { className: "kds-bottom-sheet-scrim open", children: /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
-        Dialog2.Content,
+      children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(Dialog2.Portal, { container, children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "kds-theme-root", style: { display: "contents" }, children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+        Dialog2.Overlay,
         {
-          ref,
-          className: (0, import_clsx.clsx)("kds-bottom-sheet", size === "full" && "kds-bottom-sheet-full", className),
-          onPointerDownOutside: (e) => {
-            const target = e.target;
-            if (target.closest(".kds-bottom-sheet")) e.preventDefault();
-          },
-          ...props,
-          children: [
-            showGrabber && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "kds-bottom-sheet-grabber", "aria-hidden": "true" }),
-            showCloseButton && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Dialog2.Close, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
-              "button",
-              {
-                type: "button",
-                className: "kds-bottom-sheet-close",
-                "aria-label": "Cerrar",
-                children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("i", { className: "material-symbols-outlined", children: "close" })
-              }
-            ) }),
-            title && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Dialog2.Title, { className: "kds-bottom-sheet-title", children: title }),
-            description && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Dialog2.Description, { className: "kds-bottom-sheet-description", children: description }),
-            /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "kds-bottom-sheet-body", children }),
-            actions && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "kds-bottom-sheet-actions", children: actions })
-          ]
+          className: (0, import_clsx.clsx)("kds-bottom-sheet-scrim", "open", variant === "dialog" && "kds-bottom-sheet-scrim--dialog"),
+          children: /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(
+            Dialog2.Content,
+            {
+              ref,
+              className: (0, import_clsx.clsx)(
+                "kds-bottom-sheet",
+                size === "full" && "kds-bottom-sheet-full",
+                variant === "dialog" && "kds-bottom-sheet--dialog",
+                variant === "dialog" && align === "center" && "kds-bottom-sheet--center",
+                className
+              ),
+              onPointerDownOutside: (e) => {
+                const target = e.target;
+                if (!dismissible || target.closest(".kds-bottom-sheet")) e.preventDefault();
+              },
+              onEscapeKeyDown: (e) => {
+                if (!dismissible) e.preventDefault();
+              },
+              onInteractOutside: (e) => {
+                if (!dismissible) e.preventDefault();
+              },
+              ...props,
+              children: [
+                showGrabber && dismissible && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "kds-bottom-sheet-grabber", "aria-hidden": "true" }),
+                showCloseButton && dismissible && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(Dialog2.Close, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+                  "button",
+                  {
+                    type: "button",
+                    className: "kds-bottom-sheet-close",
+                    "aria-label": "Cerrar",
+                    children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("i", { className: "material-symbols-outlined", children: "close" })
+                  }
+                ) }),
+                icon && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "kds-bottom-sheet-icon", children: icon }),
+                title && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(Dialog2.Title, { className: "kds-bottom-sheet-title", children: title }),
+                description && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(Dialog2.Description, { className: "kds-bottom-sheet-description", children: description }),
+                /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "kds-bottom-sheet-body", children }),
+                hint && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("p", { className: "kds-bottom-sheet-hint", children: hint }),
+                actions && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "kds-bottom-sheet-actions", children: actions })
+              ]
+            }
+          )
         }
-      ) }) }) })
+      ) }) })
     }
   )
 );
 KdsBottomSheet.displayName = "KdsBottomSheet";
 
 // src/components/domain/KdsSecureFooter/KdsSecureFooter.tsx
-var import_react44 = require("react");
+var import_react51 = require("react");
 
 // src/components/domain/KdsSecureFooter/KhipuWordmark.tsx
-var import_react43 = require("react");
-var import_jsx_runtime41 = require("react/jsx-runtime");
-var KhipuWordmark = (0, import_react43.forwardRef)(
-  ({ className = "khipu-mark", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
+var import_react50 = require("react");
+var import_jsx_runtime48 = require("react/jsx-runtime");
+var KhipuWordmark = (0, import_react50.forwardRef)(
+  ({ className = "khipu-mark", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(
     "svg",
     {
       ref,
@@ -2652,14 +3351,14 @@ var KhipuWordmark = (0, import_react43.forwardRef)(
       xmlns: "http://www.w3.org/2000/svg",
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("path", { d: "M16.6417 11.8339C16.7273 11.9196 16.8272 11.9624 16.9472 11.9624H18.9628C19.0798 11.9624 19.1826 11.9196 19.2682 11.8339C19.3539 11.7483 19.3967 11.6483 19.3967 11.5284V7.12891C19.3967 6.50081 19.3111 5.95551 19.1398 5.49586C18.9685 5.03621 18.7315 4.65937 18.4289 4.3596C18.1234 4.05983 17.758 3.83999 17.3326 3.69439C16.9043 3.55164 16.4361 3.47741 15.9251 3.47741C15.4226 3.47741 14.9801 3.58019 14.5975 3.7886C14.2121 3.99702 13.9295 4.214 13.7496 4.43668V1.03071C13.7496 0.913654 13.7068 0.810874 13.6211 0.728079C13.5355 0.642434 13.4355 0.599609 13.3185 0.599609H11.2943C11.1773 0.599609 11.0745 0.642434 10.9888 0.728079C10.9032 0.813729 10.8604 0.913654 10.8604 1.03071V11.5284C10.8604 11.6455 10.9032 11.7483 10.9888 11.8339C11.0745 11.9196 11.1744 11.9624 11.2943 11.9624H13.3099C13.427 11.9624 13.5298 11.9196 13.6126 11.8339C13.6982 11.7483 13.741 11.6483 13.741 11.5284V7.48006C13.741 7.02041 13.8495 6.65216 14.0693 6.37521C14.2892 6.09826 14.6375 5.95836 15.1171 5.95836C15.5968 5.95836 15.9479 6.09826 16.1735 6.37521C16.3961 6.65216 16.5103 7.02041 16.5103 7.48006V11.5284C16.5132 11.6483 16.556 11.7483 16.6417 11.8339Z", fill: "#8347AD" }),
-        /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("path", { d: "M23.6189 3.64014H21.6005C21.4834 3.64014 21.3806 3.68296 21.295 3.76861C21.2093 3.85426 21.1665 3.95418 21.1665 4.07124V11.5284C21.1665 11.6454 21.2093 11.7482 21.295 11.8339C21.3806 11.9195 21.4806 11.9623 21.6005 11.9623H23.6161C23.7331 11.9623 23.8359 11.9195 23.9187 11.8339C24.0044 11.7482 24.0472 11.6483 24.0472 11.5284V4.07124C24.0472 3.95418 24.0044 3.85141 23.9187 3.76861C23.8359 3.68296 23.736 3.64014 23.6189 3.64014Z", fill: "#8347AD" }),
-        /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("path", { d: "M34.1881 10.0723C34.3851 9.61264 34.4936 9.07019 34.5164 8.43924C34.5278 8.27934 34.5335 8.06239 34.5335 7.79114C34.5335 7.51994 34.5278 7.30294 34.5164 7.14309C34.4936 6.51499 34.3851 5.96969 34.1881 5.51004C33.9911 5.05039 33.7313 4.67068 33.4115 4.36519C33.0918 4.05971 32.7178 3.83702 32.2924 3.69427C31.8642 3.55152 31.4131 3.47729 30.9334 3.47729C30.5823 3.47729 30.2854 3.50584 30.0455 3.5658C29.8057 3.62575 29.603 3.69998 29.4374 3.78848C29.2718 3.87984 29.1348 3.98263 29.0206 4.09968C28.9093 4.21674 28.8036 4.32808 28.7094 4.43657V4.06828C28.7094 3.95122 28.6666 3.84844 28.5809 3.7628C28.4953 3.67715 28.3954 3.63432 28.2783 3.63432H26.3426C26.2256 3.63432 26.1228 3.67715 26.0372 3.7628C25.9515 3.84844 25.9087 3.94837 25.9087 4.06828V14.566C25.9087 14.683 25.9515 14.7858 26.0372 14.8715C26.1228 14.9571 26.2227 14.9999 26.3426 14.9999H28.3583C28.4753 14.9999 28.5781 14.9571 28.6637 14.8715C28.7494 14.7858 28.7922 14.6859 28.7922 14.566V11.1629C28.8664 11.2599 28.9635 11.3627 29.0806 11.474C29.1976 11.5854 29.3432 11.691 29.5117 11.7852C29.683 11.8823 29.8857 11.9622 30.1198 12.0251C30.3539 12.0879 30.6251 12.1221 30.9363 12.1221C31.4159 12.1221 31.8699 12.0479 32.2953 11.8994C32.7206 11.751 33.0946 11.5226 33.4144 11.22C33.7313 10.9145 33.9911 10.5319 34.1881 10.0723ZM31.65 8.24794C31.6186 8.62194 31.4959 8.94739 31.2817 9.22434C31.0676 9.50129 30.7107 9.64119 30.2083 9.64119C29.9742 9.64119 29.7715 9.60404 29.6002 9.52984C29.4289 9.45559 29.289 9.35569 29.1748 9.23289C29.0634 9.11014 28.9749 8.97309 28.9121 8.82464C28.8493 8.67619 28.8065 8.52204 28.7836 8.35929C28.7608 8.19939 28.7522 8.01384 28.7522 7.79974C28.7522 7.58559 28.7637 7.40004 28.7836 7.24014C28.8036 7.08029 28.8465 6.92609 28.9121 6.77479C28.9749 6.62634 29.0634 6.48929 29.1748 6.36654C29.2861 6.24374 29.4289 6.14384 29.6002 6.06959C29.7715 5.99539 29.9742 5.95824 30.2083 5.95824C30.7107 5.95824 31.0676 6.09814 31.2817 6.37509C31.4959 6.65204 31.6186 6.97749 31.65 7.35149C31.6843 7.65124 31.6843 7.95104 31.65 8.24794Z", fill: "#8347AD" }),
-        /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("path", { d: "M41.7481 11.8339C41.8337 11.9195 41.9337 11.9623 42.0536 11.9623H43.9093C44.0264 11.9623 44.1291 11.9195 44.2119 11.8339C44.2976 11.7482 44.3404 11.6483 44.3404 11.5284V4.07124C44.3404 3.95418 44.2976 3.85141 44.2119 3.76861C44.1263 3.68296 44.0264 3.64014 43.9093 3.64014H41.8937C41.7766 3.64014 41.6739 3.68296 41.5882 3.76861C41.5026 3.85426 41.4597 3.95418 41.4597 4.07124V8.1196C41.4597 8.57925 41.3598 8.94755 41.1628 9.22445C40.9658 9.5014 40.6318 9.6413 40.1636 9.6413C39.6954 9.6413 39.3585 9.5014 39.1558 9.22445C38.9531 8.94755 38.8503 8.57925 38.8503 8.1196V4.07124C38.8503 3.95418 38.8075 3.85141 38.7218 3.76861C38.6362 3.68296 38.5363 3.64014 38.4163 3.64014H36.4007C36.2837 3.64014 36.1809 3.68296 36.0953 3.76861C36.0096 3.85426 35.9668 3.95418 35.9668 4.07124V8.47075C35.9668 9.7298 36.2723 10.6519 36.8861 11.24C37.4999 11.8282 38.325 12.1194 39.3585 12.1194C39.6897 12.1194 39.9752 12.0908 40.215 12.0309C40.4548 11.9709 40.6661 11.8967 40.8459 11.8082C41.0286 11.7168 41.18 11.6169 41.3027 11.5027C41.4255 11.3914 41.5283 11.2772 41.6139 11.1601V11.5284C41.6196 11.6483 41.6624 11.7482 41.7481 11.8339Z", fill: "#8347AD" }),
-        /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("path", { d: "M22.5569 2.78074C21.7889 2.78074 21.1665 2.1555 21.1665 1.39037C21.1665 0.622385 21.7918 0 22.5569 0C23.3249 0 23.9473 0.62524 23.9473 1.39037C23.9501 2.1555 23.3249 2.78074 22.5569 2.78074Z", fill: "#3CB4E5" }),
-        /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("path", { d: "M3.1374 7.43996V4.78198L2.34372 5.77836C2.22095 5.93256 2.21524 6.14951 2.32944 6.31226L3.1374 7.43996Z", fill: "#743CEB" }),
-        /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("path", { d: "M2.96345 0.722369C2.88351 0.642434 2.78074 0.599609 2.66368 0.599609H0.40826C0.299771 0.599609 0.205557 0.639579 0.122763 0.722369C0.0428246 0.802309 0 0.905089 0 1.02214V11.557C0 11.6655 0.0399696 11.7597 0.122763 11.8425C0.202703 11.9224 0.299771 11.9652 0.40826 11.9652H2.66368C2.78359 11.9652 2.88351 11.9253 2.96345 11.8425C3.04339 11.7625 3.08622 11.6655 3.08622 11.557V8.41081L2.83783 8.08246L2.83212 8.07676L2.82642 8.06821L1.81576 6.65216C1.55024 6.28101 1.56166 5.76996 1.84716 5.41306L2.84069 4.16261L3.08622 3.84285V1.01929C3.08622 0.902234 3.04625 0.802309 2.96345 0.722369Z", fill: "#8347AD" }),
-        /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("path", { d: "M9.60962 11.9625C9.70667 11.9625 9.78947 11.9282 9.85227 11.8568C9.91797 11.7855 9.94937 11.7084 9.94937 11.6227C9.94937 11.5371 9.92652 11.4714 9.88367 11.4286L5.89242 6.0384L9.59247 1.13642C9.63532 1.08217 9.65812 1.01651 9.65812 0.942284C9.65812 0.856634 9.62387 0.776694 9.55252 0.708174C9.50967 0.665349 9.45832 0.633944 9.40407 0.616814C9.37267 0.608249 9.33552 0.602539 9.30127 0.602539H6.73752C6.56337 0.602539 6.42632 0.636799 6.32352 0.708174C6.22077 0.779549 6.14082 0.850924 6.08942 0.928009L3.32868 4.54525L2.32944 5.80145C2.27234 5.8728 2.24094 5.95845 2.24094 6.04695C2.23808 6.13545 2.26378 6.2211 2.31802 6.2982L2.83477 7.0205L3.32868 7.70855L6.29787 11.6199C6.32927 11.6627 6.39492 11.7312 6.49197 11.8226C6.55192 11.8797 6.63472 11.9197 6.73752 11.9425C6.80032 11.9568 6.86882 11.9625 6.94592 11.9625H9.60962Z", fill: "#3CB4E5" })
+        /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("path", { d: "M16.6417 11.8339C16.7273 11.9196 16.8272 11.9624 16.9472 11.9624H18.9628C19.0798 11.9624 19.1826 11.9196 19.2682 11.8339C19.3539 11.7483 19.3967 11.6483 19.3967 11.5284V7.12891C19.3967 6.50081 19.3111 5.95551 19.1398 5.49586C18.9685 5.03621 18.7315 4.65937 18.4289 4.3596C18.1234 4.05983 17.758 3.83999 17.3326 3.69439C16.9043 3.55164 16.4361 3.47741 15.9251 3.47741C15.4226 3.47741 14.9801 3.58019 14.5975 3.7886C14.2121 3.99702 13.9295 4.214 13.7496 4.43668V1.03071C13.7496 0.913654 13.7068 0.810874 13.6211 0.728079C13.5355 0.642434 13.4355 0.599609 13.3185 0.599609H11.2943C11.1773 0.599609 11.0745 0.642434 10.9888 0.728079C10.9032 0.813729 10.8604 0.913654 10.8604 1.03071V11.5284C10.8604 11.6455 10.9032 11.7483 10.9888 11.8339C11.0745 11.9196 11.1744 11.9624 11.2943 11.9624H13.3099C13.427 11.9624 13.5298 11.9196 13.6126 11.8339C13.6982 11.7483 13.741 11.6483 13.741 11.5284V7.48006C13.741 7.02041 13.8495 6.65216 14.0693 6.37521C14.2892 6.09826 14.6375 5.95836 15.1171 5.95836C15.5968 5.95836 15.9479 6.09826 16.1735 6.37521C16.3961 6.65216 16.5103 7.02041 16.5103 7.48006V11.5284C16.5132 11.6483 16.556 11.7483 16.6417 11.8339Z", fill: "#8347AD" }),
+        /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("path", { d: "M23.6189 3.64014H21.6005C21.4834 3.64014 21.3806 3.68296 21.295 3.76861C21.2093 3.85426 21.1665 3.95418 21.1665 4.07124V11.5284C21.1665 11.6454 21.2093 11.7482 21.295 11.8339C21.3806 11.9195 21.4806 11.9623 21.6005 11.9623H23.6161C23.7331 11.9623 23.8359 11.9195 23.9187 11.8339C24.0044 11.7482 24.0472 11.6483 24.0472 11.5284V4.07124C24.0472 3.95418 24.0044 3.85141 23.9187 3.76861C23.8359 3.68296 23.736 3.64014 23.6189 3.64014Z", fill: "#8347AD" }),
+        /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("path", { d: "M34.1881 10.0723C34.3851 9.61264 34.4936 9.07019 34.5164 8.43924C34.5278 8.27934 34.5335 8.06239 34.5335 7.79114C34.5335 7.51994 34.5278 7.30294 34.5164 7.14309C34.4936 6.51499 34.3851 5.96969 34.1881 5.51004C33.9911 5.05039 33.7313 4.67068 33.4115 4.36519C33.0918 4.05971 32.7178 3.83702 32.2924 3.69427C31.8642 3.55152 31.4131 3.47729 30.9334 3.47729C30.5823 3.47729 30.2854 3.50584 30.0455 3.5658C29.8057 3.62575 29.603 3.69998 29.4374 3.78848C29.2718 3.87984 29.1348 3.98263 29.0206 4.09968C28.9093 4.21674 28.8036 4.32808 28.7094 4.43657V4.06828C28.7094 3.95122 28.6666 3.84844 28.5809 3.7628C28.4953 3.67715 28.3954 3.63432 28.2783 3.63432H26.3426C26.2256 3.63432 26.1228 3.67715 26.0372 3.7628C25.9515 3.84844 25.9087 3.94837 25.9087 4.06828V14.566C25.9087 14.683 25.9515 14.7858 26.0372 14.8715C26.1228 14.9571 26.2227 14.9999 26.3426 14.9999H28.3583C28.4753 14.9999 28.5781 14.9571 28.6637 14.8715C28.7494 14.7858 28.7922 14.6859 28.7922 14.566V11.1629C28.8664 11.2599 28.9635 11.3627 29.0806 11.474C29.1976 11.5854 29.3432 11.691 29.5117 11.7852C29.683 11.8823 29.8857 11.9622 30.1198 12.0251C30.3539 12.0879 30.6251 12.1221 30.9363 12.1221C31.4159 12.1221 31.8699 12.0479 32.2953 11.8994C32.7206 11.751 33.0946 11.5226 33.4144 11.22C33.7313 10.9145 33.9911 10.5319 34.1881 10.0723ZM31.65 8.24794C31.6186 8.62194 31.4959 8.94739 31.2817 9.22434C31.0676 9.50129 30.7107 9.64119 30.2083 9.64119C29.9742 9.64119 29.7715 9.60404 29.6002 9.52984C29.4289 9.45559 29.289 9.35569 29.1748 9.23289C29.0634 9.11014 28.9749 8.97309 28.9121 8.82464C28.8493 8.67619 28.8065 8.52204 28.7836 8.35929C28.7608 8.19939 28.7522 8.01384 28.7522 7.79974C28.7522 7.58559 28.7637 7.40004 28.7836 7.24014C28.8036 7.08029 28.8465 6.92609 28.9121 6.77479C28.9749 6.62634 29.0634 6.48929 29.1748 6.36654C29.2861 6.24374 29.4289 6.14384 29.6002 6.06959C29.7715 5.99539 29.9742 5.95824 30.2083 5.95824C30.7107 5.95824 31.0676 6.09814 31.2817 6.37509C31.4959 6.65204 31.6186 6.97749 31.65 7.35149C31.6843 7.65124 31.6843 7.95104 31.65 8.24794Z", fill: "#8347AD" }),
+        /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("path", { d: "M41.7481 11.8339C41.8337 11.9195 41.9337 11.9623 42.0536 11.9623H43.9093C44.0264 11.9623 44.1291 11.9195 44.2119 11.8339C44.2976 11.7482 44.3404 11.6483 44.3404 11.5284V4.07124C44.3404 3.95418 44.2976 3.85141 44.2119 3.76861C44.1263 3.68296 44.0264 3.64014 43.9093 3.64014H41.8937C41.7766 3.64014 41.6739 3.68296 41.5882 3.76861C41.5026 3.85426 41.4597 3.95418 41.4597 4.07124V8.1196C41.4597 8.57925 41.3598 8.94755 41.1628 9.22445C40.9658 9.5014 40.6318 9.6413 40.1636 9.6413C39.6954 9.6413 39.3585 9.5014 39.1558 9.22445C38.9531 8.94755 38.8503 8.57925 38.8503 8.1196V4.07124C38.8503 3.95418 38.8075 3.85141 38.7218 3.76861C38.6362 3.68296 38.5363 3.64014 38.4163 3.64014H36.4007C36.2837 3.64014 36.1809 3.68296 36.0953 3.76861C36.0096 3.85426 35.9668 3.95418 35.9668 4.07124V8.47075C35.9668 9.7298 36.2723 10.6519 36.8861 11.24C37.4999 11.8282 38.325 12.1194 39.3585 12.1194C39.6897 12.1194 39.9752 12.0908 40.215 12.0309C40.4548 11.9709 40.6661 11.8967 40.8459 11.8082C41.0286 11.7168 41.18 11.6169 41.3027 11.5027C41.4255 11.3914 41.5283 11.2772 41.6139 11.1601V11.5284C41.6196 11.6483 41.6624 11.7482 41.7481 11.8339Z", fill: "#8347AD" }),
+        /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("path", { d: "M22.5569 2.78074C21.7889 2.78074 21.1665 2.1555 21.1665 1.39037C21.1665 0.622385 21.7918 0 22.5569 0C23.3249 0 23.9473 0.62524 23.9473 1.39037C23.9501 2.1555 23.3249 2.78074 22.5569 2.78074Z", fill: "#3CB4E5" }),
+        /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("path", { d: "M3.1374 7.43996V4.78198L2.34372 5.77836C2.22095 5.93256 2.21524 6.14951 2.32944 6.31226L3.1374 7.43996Z", fill: "#743CEB" }),
+        /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("path", { d: "M2.96345 0.722369C2.88351 0.642434 2.78074 0.599609 2.66368 0.599609H0.40826C0.299771 0.599609 0.205557 0.639579 0.122763 0.722369C0.0428246 0.802309 0 0.905089 0 1.02214V11.557C0 11.6655 0.0399696 11.7597 0.122763 11.8425C0.202703 11.9224 0.299771 11.9652 0.40826 11.9652H2.66368C2.78359 11.9652 2.88351 11.9253 2.96345 11.8425C3.04339 11.7625 3.08622 11.6655 3.08622 11.557V8.41081L2.83783 8.08246L2.83212 8.07676L2.82642 8.06821L1.81576 6.65216C1.55024 6.28101 1.56166 5.76996 1.84716 5.41306L2.84069 4.16261L3.08622 3.84285V1.01929C3.08622 0.902234 3.04625 0.802309 2.96345 0.722369Z", fill: "#8347AD" }),
+        /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("path", { d: "M9.60962 11.9625C9.70667 11.9625 9.78947 11.9282 9.85227 11.8568C9.91797 11.7855 9.94937 11.7084 9.94937 11.6227C9.94937 11.5371 9.92652 11.4714 9.88367 11.4286L5.89242 6.0384L9.59247 1.13642C9.63532 1.08217 9.65812 1.01651 9.65812 0.942284C9.65812 0.856634 9.62387 0.776694 9.55252 0.708174C9.50967 0.665349 9.45832 0.633944 9.40407 0.616814C9.37267 0.608249 9.33552 0.602539 9.30127 0.602539H6.73752C6.56337 0.602539 6.42632 0.636799 6.32352 0.708174C6.22077 0.779549 6.14082 0.850924 6.08942 0.928009L3.32868 4.54525L2.32944 5.80145C2.27234 5.8728 2.24094 5.95845 2.24094 6.04695C2.23808 6.13545 2.26378 6.2211 2.31802 6.2982L2.83477 7.0205L3.32868 7.70855L6.29787 11.6199C6.32927 11.6627 6.39492 11.7312 6.49197 11.8226C6.55192 11.8797 6.63472 11.9197 6.73752 11.9425C6.80032 11.9568 6.86882 11.9625 6.94592 11.9625H9.60962Z", fill: "#3CB4E5" })
       ]
     }
   )
@@ -2667,17 +3366,17 @@ var KhipuWordmark = (0, import_react43.forwardRef)(
 KhipuWordmark.displayName = "KhipuWordmark";
 
 // src/components/domain/KdsSecureFooter/KdsSecureFooter.tsx
-var import_jsx_runtime42 = require("react/jsx-runtime");
-var KdsSecureFooter = (0, import_react44.forwardRef)(
-  ({ variant = "default", showLogo = true, psp, children, className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("footer", { ref, className: (0, import_clsx.clsx)("kds-secure-footer", variant === "inside" && "inside", className), ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("svg", { className: "kds-secure-footer-lock", viewBox: "0 0 24 24", "aria-hidden": "true", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("rect", { x: "4.5", y: "10.5", width: "15", height: "10", rx: "2.25" }),
-      /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("path", { d: "M8 10.5V7a4 4 0 0 1 8 0v3.5" })
+var import_jsx_runtime49 = require("react/jsx-runtime");
+var KdsSecureFooter = (0, import_react51.forwardRef)(
+  ({ variant = "default", showLogo = true, psp, children, className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("footer", { ref, className: (0, import_clsx.clsx)("kds-secure-footer", variant === "inside" && "inside", className), ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("svg", { className: "kds-secure-footer-lock", viewBox: "0 0 24 24", "aria-hidden": "true", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("rect", { x: "4.5", y: "10.5", width: "15", height: "10", rx: "2.25" }),
+      /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("path", { d: "M8 10.5V7a4 4 0 0 1 8 0v3.5" })
     ] }),
-    children || /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("span", { children: "Pago seguro procesado por" }),
-    showLogo && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(KhipuWordmark, {}),
-    psp && /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_jsx_runtime42.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("span", { className: "kds-secure-footer-sep", "aria-hidden": "true" }),
+    children || /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("span", { children: "Pago seguro procesado por" }),
+    showLogo && /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(KhipuWordmark, {}),
+    psp && /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(import_jsx_runtime49.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("span", { className: "kds-secure-footer-sep", "aria-hidden": "true" }),
       psp
     ] })
   ] })
@@ -2685,44 +3384,44 @@ var KdsSecureFooter = (0, import_react44.forwardRef)(
 KdsSecureFooter.displayName = "KdsSecureFooter";
 
 // src/components/domain/KdsRecapList/KdsRecapList.tsx
-var import_react45 = require("react");
-var import_jsx_runtime43 = require("react/jsx-runtime");
-var KdsRecapList = (0, import_react45.forwardRef)(
-  ({ items, className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("ul", { ref, className: (0, import_clsx.clsx)("kds-recap-list", className), ...props, children: items.map((item, i) => /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("li", { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { className: "kds-key", children: item.label }),
-    /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { className: (0, import_clsx.clsx)("kds-value", !item.value && item.placeholder && "placeholder"), children: item.value || item.placeholder || "-" })
+var import_react52 = require("react");
+var import_jsx_runtime50 = require("react/jsx-runtime");
+var KdsRecapList = (0, import_react52.forwardRef)(
+  ({ items, className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("ul", { ref, className: (0, import_clsx.clsx)("kds-recap-list", className), ...props, children: items.map((item, i) => /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("li", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("span", { className: "kds-key", children: item.label }),
+    /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("span", { className: (0, import_clsx.clsx)("kds-value", !item.value && item.placeholder && "placeholder"), children: item.value || item.placeholder || "-" })
   ] }, i)) })
 );
 KdsRecapList.displayName = "KdsRecapList";
 
 // src/components/domain/KdsMontoRow/KdsMontoRow.tsx
-var import_react46 = require("react");
-var import_jsx_runtime44 = require("react/jsx-runtime");
-var KdsMontoRow = (0, import_react46.forwardRef)(
-  ({ title, value, deadline, className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { ref, className: (0, import_clsx.clsx)("kds-monto-row", className), ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: "kds-monto-row-title", children: title }),
-      deadline && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: "kds-monto-row-deadline", children: deadline })
+var import_react53 = require("react");
+var import_jsx_runtime51 = require("react/jsx-runtime");
+var KdsMontoRow = (0, import_react53.forwardRef)(
+  ({ title, value, deadline, className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { ref, className: (0, import_clsx.clsx)("kds-monto-row", className), ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: "kds-monto-row-title", children: title }),
+      deadline && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: "kds-monto-row-deadline", children: deadline })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: "kds-monto-row-value", children: value })
+    /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: "kds-monto-row-value", children: value })
   ] })
 );
 KdsMontoRow.displayName = "KdsMontoRow";
 
 // src/components/domain/KdsMerchantTile/KdsMerchantTile.tsx
-var import_react47 = require("react");
-var import_jsx_runtime45 = require("react/jsx-runtime");
-var KdsMerchantTile = (0, import_react47.forwardRef)(
+var import_react54 = require("react");
+var import_jsx_runtime52 = require("react/jsx-runtime");
+var KdsMerchantTile = (0, import_react54.forwardRef)(
   ({ name, logoUrl, initials, compact, className, ...props }, ref) => {
     const displayInitials = (initials ?? name.slice(0, 2)).toUpperCase();
-    return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
       "div",
       {
         ref,
         className: (0, import_clsx.clsx)("kds-merchant-tile", logoUrl && "logo", compact && "compact", className),
         "aria-label": name,
         ...props,
-        children: logoUrl ? /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("img", { src: logoUrl, alt: name }) : displayInitials
+        children: logoUrl ? /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("img", { src: logoUrl, alt: name }) : displayInitials
       }
     );
   }
@@ -2730,10 +3429,10 @@ var KdsMerchantTile = (0, import_react47.forwardRef)(
 KdsMerchantTile.displayName = "KdsMerchantTile";
 
 // src/components/domain/KdsInvoiceMerchant/KdsInvoiceMerchant.tsx
-var import_react49 = require("react");
+var import_react56 = require("react");
 
 // src/components/domain/KdsInvoiceMerchant/useLogoBackdrop.ts
-var import_react48 = require("react");
+var import_react55 = require("react");
 
 // src/components/domain/KdsInvoiceMerchant/logoLuminance.ts
 var LIGHT_LOGO_LUMINANCE_THRESHOLD = 0.72;
@@ -2782,8 +3481,8 @@ function pickLogoBackdrop(luminance) {
 
 // src/components/domain/KdsInvoiceMerchant/useLogoBackdrop.ts
 function useLogoBackdrop(logoUrl) {
-  const [backdrop, setBackdrop] = (0, import_react48.useState)("light");
-  (0, import_react48.useEffect)(() => {
+  const [backdrop, setBackdrop] = (0, import_react55.useState)("light");
+  (0, import_react55.useEffect)(() => {
     let cancelled = false;
     setBackdrop("light");
     if (!logoUrl) {
@@ -2802,13 +3501,13 @@ function useLogoBackdrop(logoUrl) {
 }
 
 // src/components/domain/KdsInvoiceMerchant/KdsInvoiceMerchant.tsx
-var import_jsx_runtime46 = require("react/jsx-runtime");
-var KdsInvoiceMerchant = (0, import_react49.forwardRef)(
+var import_jsx_runtime53 = require("react/jsx-runtime");
+var KdsInvoiceMerchant = (0, import_react56.forwardRef)(
   ({ logoUrl, brandColor, className, style, ...props }, ref) => {
-    const [failed, setFailed] = (0, import_react49.useState)(false);
+    const [failed, setFailed] = (0, import_react56.useState)(false);
     const showLogo = !!logoUrl && !failed;
     const backdrop = useLogoBackdrop(showLogo ? logoUrl : void 0);
-    return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
       "div",
       {
         ref,
@@ -2821,7 +3520,7 @@ var KdsInvoiceMerchant = (0, import_react49.forwardRef)(
         "aria-hidden": "true",
         style: !showLogo && brandColor ? { background: brandColor, ...style } : style,
         ...props,
-        children: showLogo ? /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("img", { src: logoUrl, alt: "", onError: () => setFailed(true) }) : /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("i", { className: "material-symbols-outlined", children: "storefront" })
+        children: showLogo ? /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("img", { src: logoUrl, alt: "", onError: () => setFailed(true) }) : /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("i", { className: "material-symbols-outlined", children: "storefront" })
       }
     );
   }
@@ -2829,9 +3528,9 @@ var KdsInvoiceMerchant = (0, import_react49.forwardRef)(
 KdsInvoiceMerchant.displayName = "KdsInvoiceMerchant";
 
 // src/components/domain/KdsPaymentTotal/KdsPaymentTotal.tsx
-var import_react50 = require("react");
-var import_jsx_runtime47 = require("react/jsx-runtime");
-var KdsPaymentTotal = (0, import_react50.forwardRef)(
+var import_react57 = require("react");
+var import_jsx_runtime54 = require("react/jsx-runtime");
+var KdsPaymentTotal = (0, import_react57.forwardRef)(
   ({
     variant = "default",
     tone = "brand",
@@ -2849,7 +3548,7 @@ var KdsPaymentTotal = (0, import_react50.forwardRef)(
     const { integer, fraction } = formatAmount(amount, decimals, locale);
     const isEmail = variant === "email";
     const isInfoTone = tone === "info";
-    return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(
       "div",
       {
         ref,
@@ -2862,14 +3561,14 @@ var KdsPaymentTotal = (0, import_react50.forwardRef)(
         ),
         ...props,
         children: [
-          !isEmail && title != null && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("h5", { className: "kds-payment-total-title", children: title }),
-          !isEmail && titleMobile != null && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("h5", { className: "kds-payment-total-title-mobile", children: titleMobile }),
-          label != null && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("h6", { className: "kds-payment-label", children: label }),
-          /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("h5", { className: "kds-payment-amount", children: [
+          !isEmail && title != null && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("h5", { className: "kds-payment-total-title", children: title }),
+          !isEmail && titleMobile != null && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("h5", { className: "kds-payment-total-title-mobile", children: titleMobile }),
+          label != null && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("h6", { className: "kds-payment-label", children: label }),
+          /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("h5", { className: "kds-payment-amount", children: [
             currency,
             " ",
             integer,
-            fraction !== null && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("sup", { className: "kds-payment-total-decimal-sup", children: fraction })
+            fraction !== null && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("sup", { className: "kds-payment-total-decimal-sup", children: fraction })
           ] })
         ]
       }
@@ -2905,10 +3604,10 @@ function formatAmount(amount, decimals, locale) {
 }
 
 // src/components/domain/KdsBillAttachment/KdsBillAttachment.tsx
-var import_react51 = require("react");
-var import_jsx_runtime48 = require("react/jsx-runtime");
-var KdsBillAttachment = (0, import_react51.forwardRef)(
-  ({ filename, href, icon = "attach_file", className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(
+var import_react58 = require("react");
+var import_jsx_runtime55 = require("react/jsx-runtime");
+var KdsBillAttachment = (0, import_react58.forwardRef)(
+  ({ filename, href, icon = "attach_file", className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
     "a",
     {
       ref,
@@ -2918,15 +3617,15 @@ var KdsBillAttachment = (0, import_react51.forwardRef)(
       className: (0, import_clsx.clsx)("kds-bill-attachment", className),
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("i", { className: "material-symbols-outlined", children: icon }),
-        /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("span", { children: filename })
+        /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("i", { className: "material-symbols-outlined", children: icon }),
+        /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("span", { children: filename })
       ]
     }
   )
 );
 KdsBillAttachment.displayName = "KdsBillAttachment";
-var KdsBillAttachments = (0, import_react51.forwardRef)(
-  ({ children, className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { ref, className: (0, import_clsx.clsx)("kds-bill-attachments", className), ...props, children })
+var KdsBillAttachments = (0, import_react58.forwardRef)(
+  ({ children, className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { ref, className: (0, import_clsx.clsx)("kds-bill-attachments", className), ...props, children })
 );
 KdsBillAttachments.displayName = "KdsBillAttachments";
 
@@ -3025,12 +3724,12 @@ var guideToFirstInvalidFieldOnBlur = (form) => {
 };
 
 // src/components/core/hooks/useStickyInvoiceCollapse.ts
-var import_react52 = require("react");
+var import_react59 = require("react");
 function useStickyInvoiceCollapse(options = {}) {
   const { onCollapseStart, collapseEnd = 20, mobileBreakpoint = 768 } = options;
-  const onCollapseStartRef = (0, import_react52.useRef)(onCollapseStart);
+  const onCollapseStartRef = (0, import_react59.useRef)(onCollapseStart);
   onCollapseStartRef.current = onCollapseStart;
-  (0, import_react52.useEffect)(() => {
+  (0, import_react59.useEffect)(() => {
     let viewportOffset = 0;
     let ticking = false;
     let wasCollapsing = false;
@@ -3103,24 +3802,24 @@ function useStickyInvoiceCollapse(options = {}) {
 }
 
 // src/components/core/hooks/useExpandToggle.ts
-var import_react53 = require("react");
+var import_react60 = require("react");
 function useExpandToggle(options = {}) {
   const { defaultOpen = false, open: controlledOpen, onOpenChange, id } = options;
-  const generatedId = (0, import_react53.useId)();
+  const generatedId = (0, import_react60.useId)();
   const panelId = id ?? `kds-expand-${generatedId}`;
   const isControlled = controlledOpen !== void 0;
-  const [uncontrolledOpen, setUncontrolledOpen] = (0, import_react53.useState)(defaultOpen);
+  const [uncontrolledOpen, setUncontrolledOpen] = (0, import_react60.useState)(defaultOpen);
   const open = isControlled ? controlledOpen : uncontrolledOpen;
-  const panelRef = (0, import_react53.useRef)(null);
-  const setPanelRef = (0, import_react53.useCallback)((node) => {
+  const panelRef = (0, import_react60.useRef)(null);
+  const setPanelRef = (0, import_react60.useCallback)((node) => {
     panelRef.current = node;
   }, []);
-  (0, import_react53.useLayoutEffect)(() => {
+  (0, import_react60.useLayoutEffect)(() => {
     const panel = panelRef.current;
     if (!panel) return;
     panel.style.maxHeight = open ? `${panel.scrollHeight}px` : "";
   }, [open]);
-  const setOpen = (0, import_react53.useCallback)(
+  const setOpen = (0, import_react60.useCallback)(
     (next) => {
       if (!isControlled) {
         setUncontrolledOpen(next);
@@ -3129,8 +3828,8 @@ function useExpandToggle(options = {}) {
     },
     [isControlled, onOpenChange]
   );
-  const toggle = (0, import_react53.useCallback)(() => setOpen(!open), [open, setOpen]);
-  const getToggleProps = (0, import_react53.useCallback)(
+  const toggle = (0, import_react60.useCallback)(() => setOpen(!open), [open, setOpen]);
+  const getToggleProps = (0, import_react60.useCallback)(
     () => ({
       type: "button",
       "aria-expanded": open,
@@ -3139,7 +3838,7 @@ function useExpandToggle(options = {}) {
     }),
     [open, panelId, toggle]
   );
-  const getPanelProps = (0, import_react53.useCallback)(
+  const getPanelProps = (0, import_react60.useCallback)(
     (baseClassName = "kds-expand-panel") => ({
       id: panelId,
       className: open ? `${baseClassName} open` : baseClassName,
@@ -3151,11 +3850,11 @@ function useExpandToggle(options = {}) {
 }
 
 // src/components/core/hooks/useHideOnScroll.ts
-var import_react54 = require("react");
+var import_react61 = require("react");
 function useHideOnScroll(options = {}) {
   const { threshold = 8, topOffset = 0 } = options;
-  const [hidden, setHidden] = (0, import_react54.useState)(false);
-  (0, import_react54.useEffect)(() => {
+  const [hidden, setHidden] = (0, import_react61.useState)(false);
+  (0, import_react61.useEffect)(() => {
     let viewportOffset = 0;
     let lastY = 0;
     let ticking = false;
@@ -3198,12 +3897,12 @@ function useHideOnScroll(options = {}) {
 }
 
 // src/components/core/hooks/useMediaQuery.ts
-var import_react55 = require("react");
+var import_react62 = require("react");
 function useMediaQuery(query) {
-  const [matches, setMatches] = (0, import_react55.useState)(
+  const [matches, setMatches] = (0, import_react62.useState)(
     () => typeof window !== "undefined" ? window.matchMedia(query).matches : false
   );
-  (0, import_react55.useEffect)(() => {
+  (0, import_react62.useEffect)(() => {
     if (typeof window === "undefined") return;
     const mql = window.matchMedia(query);
     setMatches(mql.matches);
@@ -3232,9 +3931,13 @@ function useMediaQuery(query) {
   KdsCardFooter,
   KdsCardHeader,
   KdsCardPlan,
+  KdsCardPlanGroup,
   KdsCardSelector,
+  KdsCardSelectorGroup,
   KdsCheckbox,
   KdsChip,
+  KdsConsentCard,
+  KdsContract,
   KdsCopyButton,
   KdsCopyRow,
   KdsCopyableTable,
@@ -3244,13 +3947,17 @@ function useMediaQuery(query) {
   KdsEmptyState,
   KdsExpandPanel,
   KdsFab,
+  KdsFeedbackCard,
+  KdsFooter,
   KdsInvoiceHeaderSkeleton,
   KdsInvoiceMerchant,
   KdsInvoiceSticky,
   KdsLinearProgress,
   KdsMerchantTile,
   KdsMontoRow,
+  KdsNavbar,
   KdsPaymentTotal,
+  KdsProgressChecklist,
   KdsQrRow,
   KdsRadioGroup,
   KdsRecapList,
@@ -3260,6 +3967,7 @@ function useMediaQuery(query) {
   KdsSecureLoader,
   KdsSegmentedTabs,
   KdsSelect,
+  KdsSidebar,
   KdsSnackbar,
   KdsSpinner,
   KdsStatusBlock,