@khipu/design-system 0.2.0-alpha.83 → 0.2.0-alpha.85
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/beercss/khipu-beercss.css +155 -6
- package/dist/beercss/khipu-beercss.js +63 -0
- package/dist/beercss/khipu-beercss.min.css +1 -1
- package/dist/beercss/khipu-beercss.min.js +1 -1
- package/dist/beercss/khipu-beercss.scoped.css +155 -6
- package/dist/beercss/khipu-beercss.scoped.min.css +1 -1
- package/dist/beercss/metadata.json +5 -5
- package/dist/index.d.mts +89 -2
- package/dist/index.d.ts +89 -2
- package/dist/index.js +224 -142
- package/dist/index.mjs +191 -111
- package/package.json +1 -1
package/dist/index.mjs
CHANGED
|
@@ -395,6 +395,8 @@ var fontWeights = {
|
|
|
395
395
|
bold: 700
|
|
396
396
|
};
|
|
397
397
|
var fontSizes = {
|
|
398
|
+
"2xs": "0.625rem",
|
|
399
|
+
// 10px — tiny captions (version footer, fine print)
|
|
398
400
|
xs: "0.75rem",
|
|
399
401
|
// 12px
|
|
400
402
|
sm: "0.875rem",
|
|
@@ -817,6 +819,8 @@ var responsiveTypography = {
|
|
|
817
819
|
}
|
|
818
820
|
};
|
|
819
821
|
var responsiveBaseFontSizes = {
|
|
822
|
+
"2xs": { mobile: "0.5625rem", tablet: "0.625rem", desktop: "0.625rem" },
|
|
823
|
+
// 9px → 10px
|
|
820
824
|
xs: { mobile: "0.6875rem", tablet: "0.75rem", desktop: "0.75rem" },
|
|
821
825
|
// 11px → 12px
|
|
822
826
|
sm: { mobile: "0.8125rem", tablet: "0.875rem", desktop: "0.875rem" },
|
|
@@ -1383,6 +1387,9 @@ var variantTag = {
|
|
|
1383
1387
|
"body-small": "p",
|
|
1384
1388
|
label: "span",
|
|
1385
1389
|
"label-small": "span",
|
|
1390
|
+
value: "span",
|
|
1391
|
+
code: "span",
|
|
1392
|
+
caption: "span",
|
|
1386
1393
|
muted: "p",
|
|
1387
1394
|
link: "span",
|
|
1388
1395
|
strong: "span"
|
|
@@ -2130,10 +2137,34 @@ var KdsSegmentedTabs = forwardRef26(
|
|
|
2130
2137
|
);
|
|
2131
2138
|
KdsSegmentedTabs.displayName = "KdsSegmentedTabs";
|
|
2132
2139
|
|
|
2133
|
-
// src/components/
|
|
2140
|
+
// src/components/core/KdsFab/KdsFab.tsx
|
|
2134
2141
|
import { forwardRef as forwardRef27 } from "react";
|
|
2135
|
-
import { jsx as jsx29
|
|
2136
|
-
var
|
|
2142
|
+
import { jsx as jsx29 } from "react/jsx-runtime";
|
|
2143
|
+
var KdsFab = forwardRef27(
|
|
2144
|
+
({ icon, position = "top-right", hidden = false, className, ...props }, ref) => /* @__PURE__ */ jsx29(
|
|
2145
|
+
"button",
|
|
2146
|
+
{
|
|
2147
|
+
ref,
|
|
2148
|
+
type: "button",
|
|
2149
|
+
className: clsx(
|
|
2150
|
+
"kds-fab",
|
|
2151
|
+
position !== "none" && `kds-fab--${position}`,
|
|
2152
|
+
hidden && "kds-fab--hidden",
|
|
2153
|
+
className
|
|
2154
|
+
),
|
|
2155
|
+
"aria-hidden": hidden || void 0,
|
|
2156
|
+
tabIndex: hidden ? -1 : void 0,
|
|
2157
|
+
...props,
|
|
2158
|
+
children: /* @__PURE__ */ jsx29("i", { className: "material-symbols-outlined", children: icon })
|
|
2159
|
+
}
|
|
2160
|
+
)
|
|
2161
|
+
);
|
|
2162
|
+
KdsFab.displayName = "KdsFab";
|
|
2163
|
+
|
|
2164
|
+
// src/components/domain/KdsBankRow/KdsBankRow.tsx
|
|
2165
|
+
import { forwardRef as forwardRef28 } from "react";
|
|
2166
|
+
import { jsx as jsx30, jsxs as jsxs22 } from "react/jsx-runtime";
|
|
2167
|
+
var KdsBankRow = forwardRef28(
|
|
2137
2168
|
({ name, logoUrl, selected, hideLogo, className, ...props }, ref) => {
|
|
2138
2169
|
const nameStr = typeof name === "string" ? name : "";
|
|
2139
2170
|
return /* @__PURE__ */ jsxs22(
|
|
@@ -2144,9 +2175,9 @@ var KdsBankRow = forwardRef27(
|
|
|
2144
2175
|
className: clsx("kds-bank-row", selected && "selected", className),
|
|
2145
2176
|
...props,
|
|
2146
2177
|
children: [
|
|
2147
|
-
!hideLogo && /* @__PURE__ */
|
|
2148
|
-
/* @__PURE__ */
|
|
2149
|
-
/* @__PURE__ */
|
|
2178
|
+
!hideLogo && /* @__PURE__ */ jsx30("span", { className: "kds-bank-row-logo", children: logoUrl ? /* @__PURE__ */ jsx30("img", { src: logoUrl, alt: nameStr }) : /* @__PURE__ */ jsx30("span", { className: "initials", children: nameStr.charAt(0) }) }),
|
|
2179
|
+
/* @__PURE__ */ jsx30("span", { className: "kds-bank-row-name", children: name }),
|
|
2180
|
+
/* @__PURE__ */ jsx30("i", { className: "material-symbols-outlined", children: selected ? "check_circle" : "chevron_right" })
|
|
2150
2181
|
]
|
|
2151
2182
|
}
|
|
2152
2183
|
);
|
|
@@ -2155,32 +2186,32 @@ var KdsBankRow = forwardRef27(
|
|
|
2155
2186
|
KdsBankRow.displayName = "KdsBankRow";
|
|
2156
2187
|
|
|
2157
2188
|
// src/components/domain/KdsBankList/KdsBankList.tsx
|
|
2158
|
-
import { forwardRef as
|
|
2159
|
-
import { jsx as
|
|
2160
|
-
var KdsBankList =
|
|
2161
|
-
({ children, className, ...props }, ref) => /* @__PURE__ */
|
|
2189
|
+
import { forwardRef as forwardRef29 } from "react";
|
|
2190
|
+
import { jsx as jsx31 } from "react/jsx-runtime";
|
|
2191
|
+
var KdsBankList = forwardRef29(
|
|
2192
|
+
({ children, className, ...props }, ref) => /* @__PURE__ */ jsx31("div", { ref, className: clsx("kds-bank-list", className), role: "list", ...props, children })
|
|
2162
2193
|
);
|
|
2163
2194
|
KdsBankList.displayName = "KdsBankList";
|
|
2164
2195
|
|
|
2165
2196
|
// src/components/domain/KdsBankModal/KdsBankModal.tsx
|
|
2166
|
-
import { forwardRef as
|
|
2197
|
+
import { forwardRef as forwardRef30, useState as useState7 } from "react";
|
|
2167
2198
|
import * as Dialog from "@radix-ui/react-dialog";
|
|
2168
|
-
import { jsx as
|
|
2169
|
-
var KdsBankModal =
|
|
2199
|
+
import { jsx as jsx32, jsxs as jsxs23 } from "react/jsx-runtime";
|
|
2200
|
+
var KdsBankModal = forwardRef30(
|
|
2170
2201
|
({ open, onClose, title = "Selecciona tu banco", searchPlaceholder = "Buscar banco...", onSearch, children, className, container }, ref) => {
|
|
2171
2202
|
const [query, setQuery] = useState7("");
|
|
2172
2203
|
const handleSearch = (value) => {
|
|
2173
2204
|
setQuery(value);
|
|
2174
2205
|
onSearch?.(value);
|
|
2175
2206
|
};
|
|
2176
|
-
return /* @__PURE__ */
|
|
2207
|
+
return /* @__PURE__ */ jsx32(Dialog.Root, { open, onOpenChange: (o) => {
|
|
2177
2208
|
if (!o) onClose();
|
|
2178
|
-
}, children: /* @__PURE__ */
|
|
2209
|
+
}, children: /* @__PURE__ */ jsx32(Dialog.Portal, { container, children: /* @__PURE__ */ jsx32(Dialog.Overlay, { className: "kds-bank-modal-scrim open", children: /* @__PURE__ */ jsxs23(Dialog.Content, { ref, className: clsx("kds-bank-modal", className), children: [
|
|
2179
2210
|
/* @__PURE__ */ jsxs23("div", { className: "kds-bank-modal-header", children: [
|
|
2180
|
-
/* @__PURE__ */
|
|
2181
|
-
/* @__PURE__ */
|
|
2211
|
+
/* @__PURE__ */ jsx32(Dialog.Title, { asChild: true, children: /* @__PURE__ */ jsx32("h3", { children: title }) }),
|
|
2212
|
+
/* @__PURE__ */ jsx32(Dialog.Close, { asChild: true, children: /* @__PURE__ */ jsx32("button", { className: "kds-bank-modal-close", "aria-label": "Cerrar", children: /* @__PURE__ */ jsx32("i", { className: "material-symbols-outlined", children: "close" }) }) })
|
|
2182
2213
|
] }),
|
|
2183
|
-
/* @__PURE__ */
|
|
2214
|
+
/* @__PURE__ */ jsx32("div", { className: "kds-bank-modal-search", children: /* @__PURE__ */ jsx32(
|
|
2184
2215
|
KdsSearchField,
|
|
2185
2216
|
{
|
|
2186
2217
|
placeholder: searchPlaceholder,
|
|
@@ -2188,32 +2219,32 @@ var KdsBankModal = forwardRef29(
|
|
|
2188
2219
|
onChange: (e) => handleSearch(e.target.value)
|
|
2189
2220
|
}
|
|
2190
2221
|
) }),
|
|
2191
|
-
/* @__PURE__ */
|
|
2222
|
+
/* @__PURE__ */ jsx32("div", { className: "kds-bank-modal-body", children })
|
|
2192
2223
|
] }) }) }) });
|
|
2193
2224
|
}
|
|
2194
2225
|
);
|
|
2195
2226
|
KdsBankModal.displayName = "KdsBankModal";
|
|
2196
2227
|
|
|
2197
2228
|
// src/components/domain/KdsQrRow/KdsQrRow.tsx
|
|
2198
|
-
import { forwardRef as
|
|
2199
|
-
import { jsx as
|
|
2200
|
-
var KdsQrRow =
|
|
2229
|
+
import { forwardRef as forwardRef31 } from "react";
|
|
2230
|
+
import { jsx as jsx33, jsxs as jsxs24 } from "react/jsx-runtime";
|
|
2231
|
+
var KdsQrRow = forwardRef31(
|
|
2201
2232
|
({ name, description, badge, icon = "qr_code_2", className, ...props }, ref) => /* @__PURE__ */ jsxs24("button", { ref, type: "button", className: clsx("kds-qr-row", className), ...props, children: [
|
|
2202
|
-
/* @__PURE__ */
|
|
2233
|
+
/* @__PURE__ */ jsx33("span", { className: "kds-qr-avatar", "aria-hidden": "true", children: /* @__PURE__ */ jsx33("i", { className: "material-symbols-outlined", children: icon }) }),
|
|
2203
2234
|
/* @__PURE__ */ jsxs24("span", { className: "kds-qr-text", children: [
|
|
2204
|
-
/* @__PURE__ */
|
|
2205
|
-
description && /* @__PURE__ */
|
|
2235
|
+
/* @__PURE__ */ jsx33("span", { className: "kds-qr-title", children: name }),
|
|
2236
|
+
description && /* @__PURE__ */ jsx33("span", { className: "kds-qr-subtitle", children: description })
|
|
2206
2237
|
] }),
|
|
2207
|
-
badge && /* @__PURE__ */
|
|
2208
|
-
/* @__PURE__ */
|
|
2238
|
+
badge && /* @__PURE__ */ jsx33("span", { className: "kds-qr-badge", children: badge }),
|
|
2239
|
+
/* @__PURE__ */ jsx33("i", { className: "material-symbols-outlined", children: "chevron_right" })
|
|
2209
2240
|
] })
|
|
2210
2241
|
);
|
|
2211
2242
|
KdsQrRow.displayName = "KdsQrRow";
|
|
2212
2243
|
|
|
2213
2244
|
// src/components/domain/KdsCardSelector/KdsCardSelector.tsx
|
|
2214
|
-
import { forwardRef as
|
|
2215
|
-
import { jsx as
|
|
2216
|
-
var KdsCardSelector =
|
|
2245
|
+
import { forwardRef as forwardRef32 } from "react";
|
|
2246
|
+
import { jsx as jsx34, jsxs as jsxs25 } from "react/jsx-runtime";
|
|
2247
|
+
var KdsCardSelector = forwardRef32(
|
|
2217
2248
|
({ icon, title, description, selected, className, ...props }, ref) => /* @__PURE__ */ jsxs25(
|
|
2218
2249
|
"button",
|
|
2219
2250
|
{
|
|
@@ -2222,9 +2253,9 @@ var KdsCardSelector = forwardRef31(
|
|
|
2222
2253
|
className: clsx("kds-card-selector", selected && "selected", className),
|
|
2223
2254
|
...props,
|
|
2224
2255
|
children: [
|
|
2225
|
-
icon && /* @__PURE__ */
|
|
2226
|
-
/* @__PURE__ */
|
|
2227
|
-
description && /* @__PURE__ */
|
|
2256
|
+
icon && /* @__PURE__ */ jsx34("span", { className: "kds-card-selector-icon", children: /* @__PURE__ */ jsx34("i", { className: "material-symbols-outlined", children: icon }) }),
|
|
2257
|
+
/* @__PURE__ */ jsx34("span", { className: "kds-card-selector-title", children: title }),
|
|
2258
|
+
description && /* @__PURE__ */ jsx34("span", { className: "kds-card-selector-description", children: description })
|
|
2228
2259
|
]
|
|
2229
2260
|
}
|
|
2230
2261
|
)
|
|
@@ -2232,9 +2263,9 @@ var KdsCardSelector = forwardRef31(
|
|
|
2232
2263
|
KdsCardSelector.displayName = "KdsCardSelector";
|
|
2233
2264
|
|
|
2234
2265
|
// src/components/domain/KdsCardPlan/KdsCardPlan.tsx
|
|
2235
|
-
import { forwardRef as
|
|
2236
|
-
import { jsx as
|
|
2237
|
-
var KdsCardPlan =
|
|
2266
|
+
import { forwardRef as forwardRef33 } from "react";
|
|
2267
|
+
import { jsx as jsx35, jsxs as jsxs26 } from "react/jsx-runtime";
|
|
2268
|
+
var KdsCardPlan = forwardRef33(
|
|
2238
2269
|
({ title, price, period, features, recommended, badgeText, action, className, ...props }, ref) => /* @__PURE__ */ jsxs26(
|
|
2239
2270
|
"div",
|
|
2240
2271
|
{
|
|
@@ -2242,16 +2273,16 @@ var KdsCardPlan = forwardRef32(
|
|
|
2242
2273
|
className: clsx("kds-card-plan", recommended && "recommended", className),
|
|
2243
2274
|
...props,
|
|
2244
2275
|
children: [
|
|
2245
|
-
/* @__PURE__ */
|
|
2276
|
+
/* @__PURE__ */ jsx35("div", { className: "kds-card-plan-header", children: /* @__PURE__ */ jsx35("h3", { children: title }) }),
|
|
2246
2277
|
/* @__PURE__ */ jsxs26("div", { className: "kds-card-plan-price", children: [
|
|
2247
|
-
/* @__PURE__ */
|
|
2278
|
+
/* @__PURE__ */ jsx35("span", { className: "kds-price", children: price }),
|
|
2248
2279
|
period && /* @__PURE__ */ jsxs26("span", { className: "kds-price-period", children: [
|
|
2249
2280
|
"/",
|
|
2250
2281
|
period
|
|
2251
2282
|
] })
|
|
2252
2283
|
] }),
|
|
2253
|
-
badgeText && /* @__PURE__ */
|
|
2254
|
-
features && features.length > 0 && /* @__PURE__ */
|
|
2284
|
+
badgeText && /* @__PURE__ */ jsx35("span", { className: "kds-card-plan-badge", children: badgeText }),
|
|
2285
|
+
features && features.length > 0 && /* @__PURE__ */ jsx35("ul", { className: "kds-card-plan-features", children: features.map((f, i) => /* @__PURE__ */ jsx35("li", { children: f }, i)) }),
|
|
2255
2286
|
action
|
|
2256
2287
|
]
|
|
2257
2288
|
}
|
|
@@ -2260,10 +2291,10 @@ var KdsCardPlan = forwardRef32(
|
|
|
2260
2291
|
KdsCardPlan.displayName = "KdsCardPlan";
|
|
2261
2292
|
|
|
2262
2293
|
// src/components/domain/KdsInvoiceSticky/KdsInvoiceSticky.tsx
|
|
2263
|
-
import { forwardRef as
|
|
2264
|
-
import { jsx as
|
|
2265
|
-
var KdsInvoiceSticky =
|
|
2266
|
-
({ children, className, ...props }, ref) => /* @__PURE__ */
|
|
2294
|
+
import { forwardRef as forwardRef34 } from "react";
|
|
2295
|
+
import { jsx as jsx36 } from "react/jsx-runtime";
|
|
2296
|
+
var KdsInvoiceSticky = forwardRef34(
|
|
2297
|
+
({ children, className, ...props }, ref) => /* @__PURE__ */ jsx36(
|
|
2267
2298
|
"article",
|
|
2268
2299
|
{
|
|
2269
2300
|
ref,
|
|
@@ -2276,10 +2307,10 @@ var KdsInvoiceSticky = forwardRef33(
|
|
|
2276
2307
|
KdsInvoiceSticky.displayName = "KdsInvoiceSticky";
|
|
2277
2308
|
|
|
2278
2309
|
// src/components/domain/KdsBottomSheet/KdsBottomSheet.tsx
|
|
2279
|
-
import { forwardRef as
|
|
2310
|
+
import { forwardRef as forwardRef35 } from "react";
|
|
2280
2311
|
import * as Dialog2 from "@radix-ui/react-dialog";
|
|
2281
|
-
import { jsx as
|
|
2282
|
-
var KdsBottomSheet =
|
|
2312
|
+
import { jsx as jsx37, jsxs as jsxs27 } from "react/jsx-runtime";
|
|
2313
|
+
var KdsBottomSheet = forwardRef35(
|
|
2283
2314
|
({
|
|
2284
2315
|
open,
|
|
2285
2316
|
onClose,
|
|
@@ -2291,14 +2322,14 @@ var KdsBottomSheet = forwardRef34(
|
|
|
2291
2322
|
showCloseButton = false,
|
|
2292
2323
|
container,
|
|
2293
2324
|
className
|
|
2294
|
-
}, ref) => /* @__PURE__ */
|
|
2325
|
+
}, ref) => /* @__PURE__ */ jsx37(
|
|
2295
2326
|
Dialog2.Root,
|
|
2296
2327
|
{
|
|
2297
2328
|
open,
|
|
2298
2329
|
onOpenChange: (o) => {
|
|
2299
2330
|
if (!o) onClose();
|
|
2300
2331
|
},
|
|
2301
|
-
children: /* @__PURE__ */
|
|
2332
|
+
children: /* @__PURE__ */ jsx37(Dialog2.Portal, { container, children: /* @__PURE__ */ jsx37(Dialog2.Overlay, { className: "kds-bottom-sheet-scrim open", children: /* @__PURE__ */ jsxs27(
|
|
2302
2333
|
Dialog2.Content,
|
|
2303
2334
|
{
|
|
2304
2335
|
ref,
|
|
@@ -2308,20 +2339,20 @@ var KdsBottomSheet = forwardRef34(
|
|
|
2308
2339
|
if (target.closest(".kds-bottom-sheet")) e.preventDefault();
|
|
2309
2340
|
},
|
|
2310
2341
|
children: [
|
|
2311
|
-
showGrabber && /* @__PURE__ */
|
|
2312
|
-
showCloseButton && /* @__PURE__ */
|
|
2342
|
+
showGrabber && /* @__PURE__ */ jsx37("div", { className: "kds-bottom-sheet-grabber", "aria-hidden": "true" }),
|
|
2343
|
+
showCloseButton && /* @__PURE__ */ jsx37(Dialog2.Close, { asChild: true, children: /* @__PURE__ */ jsx37(
|
|
2313
2344
|
"button",
|
|
2314
2345
|
{
|
|
2315
2346
|
type: "button",
|
|
2316
2347
|
className: "kds-bottom-sheet-close",
|
|
2317
2348
|
"aria-label": "Cerrar",
|
|
2318
|
-
children: /* @__PURE__ */
|
|
2349
|
+
children: /* @__PURE__ */ jsx37("i", { className: "material-symbols-outlined", children: "close" })
|
|
2319
2350
|
}
|
|
2320
2351
|
) }),
|
|
2321
|
-
title && /* @__PURE__ */
|
|
2322
|
-
description && /* @__PURE__ */
|
|
2323
|
-
/* @__PURE__ */
|
|
2324
|
-
actions && /* @__PURE__ */
|
|
2352
|
+
title && /* @__PURE__ */ jsx37(Dialog2.Title, { className: "kds-bottom-sheet-title", children: title }),
|
|
2353
|
+
description && /* @__PURE__ */ jsx37(Dialog2.Description, { className: "kds-bottom-sheet-description", children: description }),
|
|
2354
|
+
/* @__PURE__ */ jsx37("div", { className: "kds-bottom-sheet-body", children }),
|
|
2355
|
+
actions && /* @__PURE__ */ jsx37("div", { className: "kds-bottom-sheet-actions", children: actions })
|
|
2325
2356
|
]
|
|
2326
2357
|
}
|
|
2327
2358
|
) }) })
|
|
@@ -2331,12 +2362,12 @@ var KdsBottomSheet = forwardRef34(
|
|
|
2331
2362
|
KdsBottomSheet.displayName = "KdsBottomSheet";
|
|
2332
2363
|
|
|
2333
2364
|
// src/components/domain/KdsSecureFooter/KdsSecureFooter.tsx
|
|
2334
|
-
import { forwardRef as
|
|
2365
|
+
import { forwardRef as forwardRef37 } from "react";
|
|
2335
2366
|
|
|
2336
2367
|
// src/components/domain/KdsSecureFooter/KhipuWordmark.tsx
|
|
2337
|
-
import { forwardRef as
|
|
2338
|
-
import { jsx as
|
|
2339
|
-
var KhipuWordmark =
|
|
2368
|
+
import { forwardRef as forwardRef36 } from "react";
|
|
2369
|
+
import { jsx as jsx38, jsxs as jsxs28 } from "react/jsx-runtime";
|
|
2370
|
+
var KhipuWordmark = forwardRef36(
|
|
2340
2371
|
({ className = "khipu-mark", ...props }, ref) => /* @__PURE__ */ jsxs28(
|
|
2341
2372
|
"svg",
|
|
2342
2373
|
{
|
|
@@ -2348,14 +2379,14 @@ var KhipuWordmark = forwardRef35(
|
|
|
2348
2379
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2349
2380
|
...props,
|
|
2350
2381
|
children: [
|
|
2351
|
-
/* @__PURE__ */
|
|
2352
|
-
/* @__PURE__ */
|
|
2353
|
-
/* @__PURE__ */
|
|
2354
|
-
/* @__PURE__ */
|
|
2355
|
-
/* @__PURE__ */
|
|
2356
|
-
/* @__PURE__ */
|
|
2357
|
-
/* @__PURE__ */
|
|
2358
|
-
/* @__PURE__ */
|
|
2382
|
+
/* @__PURE__ */ jsx38("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" }),
|
|
2383
|
+
/* @__PURE__ */ jsx38("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" }),
|
|
2384
|
+
/* @__PURE__ */ jsx38("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" }),
|
|
2385
|
+
/* @__PURE__ */ jsx38("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" }),
|
|
2386
|
+
/* @__PURE__ */ jsx38("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" }),
|
|
2387
|
+
/* @__PURE__ */ jsx38("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" }),
|
|
2388
|
+
/* @__PURE__ */ jsx38("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" }),
|
|
2389
|
+
/* @__PURE__ */ jsx38("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" })
|
|
2359
2390
|
]
|
|
2360
2391
|
}
|
|
2361
2392
|
)
|
|
@@ -2363,17 +2394,17 @@ var KhipuWordmark = forwardRef35(
|
|
|
2363
2394
|
KhipuWordmark.displayName = "KhipuWordmark";
|
|
2364
2395
|
|
|
2365
2396
|
// src/components/domain/KdsSecureFooter/KdsSecureFooter.tsx
|
|
2366
|
-
import { Fragment as Fragment3, jsx as
|
|
2367
|
-
var KdsSecureFooter =
|
|
2397
|
+
import { Fragment as Fragment3, jsx as jsx39, jsxs as jsxs29 } from "react/jsx-runtime";
|
|
2398
|
+
var KdsSecureFooter = forwardRef37(
|
|
2368
2399
|
({ variant = "default", showLogo = true, psp, children, className, ...props }, ref) => /* @__PURE__ */ jsxs29("footer", { ref, className: clsx("kds-secure-footer", variant === "inside" && "inside", className), ...props, children: [
|
|
2369
2400
|
/* @__PURE__ */ jsxs29("svg", { className: "kds-secure-footer-lock", viewBox: "0 0 24 24", "aria-hidden": "true", children: [
|
|
2370
|
-
/* @__PURE__ */
|
|
2371
|
-
/* @__PURE__ */
|
|
2401
|
+
/* @__PURE__ */ jsx39("rect", { x: "4.5", y: "10.5", width: "15", height: "10", rx: "2.25" }),
|
|
2402
|
+
/* @__PURE__ */ jsx39("path", { d: "M8 10.5V7a4 4 0 0 1 8 0v3.5" })
|
|
2372
2403
|
] }),
|
|
2373
|
-
children || /* @__PURE__ */
|
|
2374
|
-
showLogo && /* @__PURE__ */
|
|
2404
|
+
children || /* @__PURE__ */ jsx39("span", { children: "Pago seguro procesado por" }),
|
|
2405
|
+
showLogo && /* @__PURE__ */ jsx39(KhipuWordmark, {}),
|
|
2375
2406
|
psp && /* @__PURE__ */ jsxs29(Fragment3, { children: [
|
|
2376
|
-
/* @__PURE__ */
|
|
2407
|
+
/* @__PURE__ */ jsx39("span", { className: "kds-secure-footer-sep", "aria-hidden": "true" }),
|
|
2377
2408
|
psp
|
|
2378
2409
|
] })
|
|
2379
2410
|
] })
|
|
@@ -2381,44 +2412,44 @@ var KdsSecureFooter = forwardRef36(
|
|
|
2381
2412
|
KdsSecureFooter.displayName = "KdsSecureFooter";
|
|
2382
2413
|
|
|
2383
2414
|
// src/components/domain/KdsRecapList/KdsRecapList.tsx
|
|
2384
|
-
import { forwardRef as
|
|
2385
|
-
import { jsx as
|
|
2386
|
-
var KdsRecapList =
|
|
2387
|
-
({ items, className, ...props }, ref) => /* @__PURE__ */
|
|
2388
|
-
/* @__PURE__ */
|
|
2389
|
-
/* @__PURE__ */
|
|
2415
|
+
import { forwardRef as forwardRef38 } from "react";
|
|
2416
|
+
import { jsx as jsx40, jsxs as jsxs30 } from "react/jsx-runtime";
|
|
2417
|
+
var KdsRecapList = forwardRef38(
|
|
2418
|
+
({ items, className, ...props }, ref) => /* @__PURE__ */ jsx40("ul", { ref, className: clsx("kds-recap-list", className), ...props, children: items.map((item, i) => /* @__PURE__ */ jsxs30("li", { children: [
|
|
2419
|
+
/* @__PURE__ */ jsx40("span", { className: "kds-key", children: item.label }),
|
|
2420
|
+
/* @__PURE__ */ jsx40("span", { className: clsx("kds-value", !item.value && item.placeholder && "placeholder"), children: item.value || item.placeholder || "-" })
|
|
2390
2421
|
] }, i)) })
|
|
2391
2422
|
);
|
|
2392
2423
|
KdsRecapList.displayName = "KdsRecapList";
|
|
2393
2424
|
|
|
2394
2425
|
// src/components/domain/KdsMontoRow/KdsMontoRow.tsx
|
|
2395
|
-
import { forwardRef as
|
|
2396
|
-
import { jsx as
|
|
2397
|
-
var KdsMontoRow =
|
|
2426
|
+
import { forwardRef as forwardRef39 } from "react";
|
|
2427
|
+
import { jsx as jsx41, jsxs as jsxs31 } from "react/jsx-runtime";
|
|
2428
|
+
var KdsMontoRow = forwardRef39(
|
|
2398
2429
|
({ title, value, deadline, className, ...props }, ref) => /* @__PURE__ */ jsxs31("div", { ref, className: clsx("kds-monto-row", className), ...props, children: [
|
|
2399
2430
|
/* @__PURE__ */ jsxs31("div", { children: [
|
|
2400
|
-
/* @__PURE__ */
|
|
2401
|
-
deadline && /* @__PURE__ */
|
|
2431
|
+
/* @__PURE__ */ jsx41("div", { className: "kds-monto-row-title", children: title }),
|
|
2432
|
+
deadline && /* @__PURE__ */ jsx41("div", { className: "kds-monto-row-deadline", children: deadline })
|
|
2402
2433
|
] }),
|
|
2403
|
-
/* @__PURE__ */
|
|
2434
|
+
/* @__PURE__ */ jsx41("div", { className: "kds-monto-row-value", children: value })
|
|
2404
2435
|
] })
|
|
2405
2436
|
);
|
|
2406
2437
|
KdsMontoRow.displayName = "KdsMontoRow";
|
|
2407
2438
|
|
|
2408
2439
|
// src/components/domain/KdsMerchantTile/KdsMerchantTile.tsx
|
|
2409
|
-
import { forwardRef as
|
|
2410
|
-
import { jsx as
|
|
2411
|
-
var KdsMerchantTile =
|
|
2440
|
+
import { forwardRef as forwardRef40 } from "react";
|
|
2441
|
+
import { jsx as jsx42 } from "react/jsx-runtime";
|
|
2442
|
+
var KdsMerchantTile = forwardRef40(
|
|
2412
2443
|
({ name, logoUrl, initials, compact, className, ...props }, ref) => {
|
|
2413
2444
|
const displayInitials = (initials ?? name.slice(0, 2)).toUpperCase();
|
|
2414
|
-
return /* @__PURE__ */
|
|
2445
|
+
return /* @__PURE__ */ jsx42(
|
|
2415
2446
|
"div",
|
|
2416
2447
|
{
|
|
2417
2448
|
ref,
|
|
2418
2449
|
className: clsx("kds-merchant-tile", logoUrl && "logo", compact && "compact", className),
|
|
2419
2450
|
"aria-label": name,
|
|
2420
2451
|
...props,
|
|
2421
|
-
children: logoUrl ? /* @__PURE__ */
|
|
2452
|
+
children: logoUrl ? /* @__PURE__ */ jsx42("img", { src: logoUrl, alt: name }) : displayInitials
|
|
2422
2453
|
}
|
|
2423
2454
|
);
|
|
2424
2455
|
}
|
|
@@ -2426,13 +2457,13 @@ var KdsMerchantTile = forwardRef39(
|
|
|
2426
2457
|
KdsMerchantTile.displayName = "KdsMerchantTile";
|
|
2427
2458
|
|
|
2428
2459
|
// src/components/domain/KdsInvoiceMerchant/KdsInvoiceMerchant.tsx
|
|
2429
|
-
import { forwardRef as
|
|
2430
|
-
import { jsx as
|
|
2431
|
-
var KdsInvoiceMerchant =
|
|
2460
|
+
import { forwardRef as forwardRef41, useState as useState8 } from "react";
|
|
2461
|
+
import { jsx as jsx43 } from "react/jsx-runtime";
|
|
2462
|
+
var KdsInvoiceMerchant = forwardRef41(
|
|
2432
2463
|
({ logoUrl, brandColor, className, style, ...props }, ref) => {
|
|
2433
2464
|
const [failed, setFailed] = useState8(false);
|
|
2434
2465
|
const showLogo = !!logoUrl && !failed;
|
|
2435
|
-
return /* @__PURE__ */
|
|
2466
|
+
return /* @__PURE__ */ jsx43(
|
|
2436
2467
|
"div",
|
|
2437
2468
|
{
|
|
2438
2469
|
ref,
|
|
@@ -2440,7 +2471,7 @@ var KdsInvoiceMerchant = forwardRef40(
|
|
|
2440
2471
|
"aria-hidden": "true",
|
|
2441
2472
|
style: brandColor ? { background: brandColor, ...style } : style,
|
|
2442
2473
|
...props,
|
|
2443
|
-
children: showLogo ? /* @__PURE__ */
|
|
2474
|
+
children: showLogo ? /* @__PURE__ */ jsx43("img", { src: logoUrl, alt: "", onError: () => setFailed(true) }) : /* @__PURE__ */ jsx43("i", { className: "material-symbols-outlined", children: "storefront" })
|
|
2444
2475
|
}
|
|
2445
2476
|
);
|
|
2446
2477
|
}
|
|
@@ -2448,9 +2479,9 @@ var KdsInvoiceMerchant = forwardRef40(
|
|
|
2448
2479
|
KdsInvoiceMerchant.displayName = "KdsInvoiceMerchant";
|
|
2449
2480
|
|
|
2450
2481
|
// src/components/domain/KdsPaymentTotal/KdsPaymentTotal.tsx
|
|
2451
|
-
import { forwardRef as
|
|
2452
|
-
import { jsx as
|
|
2453
|
-
var KdsPaymentTotal =
|
|
2482
|
+
import { forwardRef as forwardRef42 } from "react";
|
|
2483
|
+
import { jsx as jsx44, jsxs as jsxs32 } from "react/jsx-runtime";
|
|
2484
|
+
var KdsPaymentTotal = forwardRef42(
|
|
2454
2485
|
({
|
|
2455
2486
|
variant = "default",
|
|
2456
2487
|
tone = "brand",
|
|
@@ -2481,14 +2512,14 @@ var KdsPaymentTotal = forwardRef41(
|
|
|
2481
2512
|
),
|
|
2482
2513
|
...props,
|
|
2483
2514
|
children: [
|
|
2484
|
-
!isEmail && title != null && /* @__PURE__ */
|
|
2485
|
-
!isEmail && titleMobile != null && /* @__PURE__ */
|
|
2486
|
-
label != null && /* @__PURE__ */
|
|
2515
|
+
!isEmail && title != null && /* @__PURE__ */ jsx44("h5", { className: "kds-payment-total-title", children: title }),
|
|
2516
|
+
!isEmail && titleMobile != null && /* @__PURE__ */ jsx44("h5", { className: "kds-payment-total-title-mobile", children: titleMobile }),
|
|
2517
|
+
label != null && /* @__PURE__ */ jsx44("h6", { className: "kds-payment-label", children: label }),
|
|
2487
2518
|
/* @__PURE__ */ jsxs32("h5", { className: "kds-payment-amount", children: [
|
|
2488
2519
|
currency,
|
|
2489
2520
|
" ",
|
|
2490
2521
|
integer,
|
|
2491
|
-
fraction !== null && /* @__PURE__ */
|
|
2522
|
+
fraction !== null && /* @__PURE__ */ jsx44("sup", { className: "kds-payment-total-decimal-sup", children: fraction })
|
|
2492
2523
|
] })
|
|
2493
2524
|
]
|
|
2494
2525
|
}
|
|
@@ -2524,9 +2555,9 @@ function formatAmount(amount, decimals, locale) {
|
|
|
2524
2555
|
}
|
|
2525
2556
|
|
|
2526
2557
|
// src/components/domain/KdsBillAttachment/KdsBillAttachment.tsx
|
|
2527
|
-
import { forwardRef as
|
|
2528
|
-
import { jsx as
|
|
2529
|
-
var KdsBillAttachment =
|
|
2558
|
+
import { forwardRef as forwardRef43 } from "react";
|
|
2559
|
+
import { jsx as jsx45, jsxs as jsxs33 } from "react/jsx-runtime";
|
|
2560
|
+
var KdsBillAttachment = forwardRef43(
|
|
2530
2561
|
({ filename, href, icon = "attach_file", className, ...props }, ref) => /* @__PURE__ */ jsxs33(
|
|
2531
2562
|
"a",
|
|
2532
2563
|
{
|
|
@@ -2537,15 +2568,15 @@ var KdsBillAttachment = forwardRef42(
|
|
|
2537
2568
|
className: clsx("kds-bill-attachment", className),
|
|
2538
2569
|
...props,
|
|
2539
2570
|
children: [
|
|
2540
|
-
/* @__PURE__ */
|
|
2541
|
-
/* @__PURE__ */
|
|
2571
|
+
/* @__PURE__ */ jsx45("i", { className: "material-symbols-outlined", children: icon }),
|
|
2572
|
+
/* @__PURE__ */ jsx45("span", { children: filename })
|
|
2542
2573
|
]
|
|
2543
2574
|
}
|
|
2544
2575
|
)
|
|
2545
2576
|
);
|
|
2546
2577
|
KdsBillAttachment.displayName = "KdsBillAttachment";
|
|
2547
|
-
var KdsBillAttachments =
|
|
2548
|
-
({ children, className, ...props }, ref) => /* @__PURE__ */
|
|
2578
|
+
var KdsBillAttachments = forwardRef43(
|
|
2579
|
+
({ children, className, ...props }, ref) => /* @__PURE__ */ jsx45("div", { ref, className: clsx("kds-bill-attachments", className), ...props, children })
|
|
2549
2580
|
);
|
|
2550
2581
|
KdsBillAttachments.displayName = "KdsBillAttachments";
|
|
2551
2582
|
|
|
@@ -2675,6 +2706,53 @@ function useExpandToggle(options = {}) {
|
|
|
2675
2706
|
);
|
|
2676
2707
|
return { open, setOpen, toggle, getToggleProps, getPanelProps };
|
|
2677
2708
|
}
|
|
2709
|
+
|
|
2710
|
+
// src/components/core/hooks/useHideOnScroll.ts
|
|
2711
|
+
import { useEffect as useEffect5, useState as useState10 } from "react";
|
|
2712
|
+
function useHideOnScroll(options = {}) {
|
|
2713
|
+
const { threshold = 8, topOffset = 0 } = options;
|
|
2714
|
+
const [hidden, setHidden] = useState10(false);
|
|
2715
|
+
useEffect5(() => {
|
|
2716
|
+
let viewportOffset = 0;
|
|
2717
|
+
let lastY = 0;
|
|
2718
|
+
let ticking = false;
|
|
2719
|
+
const currentY = () => Math.max(window.scrollY || window.pageYOffset || 0, viewportOffset);
|
|
2720
|
+
const apply = () => {
|
|
2721
|
+
ticking = false;
|
|
2722
|
+
const y = currentY();
|
|
2723
|
+
if (y <= topOffset) {
|
|
2724
|
+
setHidden(false);
|
|
2725
|
+
lastY = y;
|
|
2726
|
+
return;
|
|
2727
|
+
}
|
|
2728
|
+
const delta = y - lastY;
|
|
2729
|
+
if (Math.abs(delta) < threshold) return;
|
|
2730
|
+
setHidden(delta > 0);
|
|
2731
|
+
lastY = y;
|
|
2732
|
+
};
|
|
2733
|
+
const onScroll = () => {
|
|
2734
|
+
if (ticking) return;
|
|
2735
|
+
ticking = true;
|
|
2736
|
+
window.requestAnimationFrame(apply);
|
|
2737
|
+
};
|
|
2738
|
+
const onMessage = (event) => {
|
|
2739
|
+
if (event.data && event.data.type === "VIEWPORT_OFFSET") {
|
|
2740
|
+
viewportOffset = Math.max(0, event.data.offsetTop || 0);
|
|
2741
|
+
onScroll();
|
|
2742
|
+
}
|
|
2743
|
+
};
|
|
2744
|
+
lastY = currentY();
|
|
2745
|
+
window.addEventListener("scroll", onScroll, { passive: true });
|
|
2746
|
+
window.addEventListener("resize", onScroll);
|
|
2747
|
+
window.addEventListener("message", onMessage);
|
|
2748
|
+
return () => {
|
|
2749
|
+
window.removeEventListener("scroll", onScroll);
|
|
2750
|
+
window.removeEventListener("resize", onScroll);
|
|
2751
|
+
window.removeEventListener("message", onMessage);
|
|
2752
|
+
};
|
|
2753
|
+
}, [threshold, topOffset]);
|
|
2754
|
+
return { hidden };
|
|
2755
|
+
}
|
|
2678
2756
|
export {
|
|
2679
2757
|
KdsAccordion,
|
|
2680
2758
|
KdsAccordionDetails,
|
|
@@ -2701,6 +2779,7 @@ export {
|
|
|
2701
2779
|
KdsCountdown,
|
|
2702
2780
|
KdsDivider,
|
|
2703
2781
|
KdsExpandPanel,
|
|
2782
|
+
KdsFab,
|
|
2704
2783
|
KdsInvoiceMerchant,
|
|
2705
2784
|
KdsInvoiceSticky,
|
|
2706
2785
|
KdsLinearProgress,
|
|
@@ -2750,6 +2829,7 @@ export {
|
|
|
2750
2829
|
useCopyToClipboard,
|
|
2751
2830
|
useCountdown,
|
|
2752
2831
|
useExpandToggle,
|
|
2832
|
+
useHideOnScroll,
|
|
2753
2833
|
useStickyInvoiceCollapse,
|
|
2754
2834
|
useTabsKeyboard,
|
|
2755
2835
|
zIndex
|
package/package.json
CHANGED