@khipu/design-system 0.3.5-alpha.27 → 0.3.5-alpha.29
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 +63 -1
- package/dist/beercss/khipu-beercss.min.css +1 -1
- package/dist/beercss/khipu-beercss.scoped.css +63 -1
- package/dist/beercss/khipu-beercss.scoped.min.css +1 -1
- package/dist/beercss/metadata.json +5 -5
- package/dist/index.d.mts +38 -2
- package/dist/index.d.ts +38 -2
- package/dist/index.js +282 -243
- package/dist/index.mjs +217 -179
- package/package.json +1 -1
package/dist/index.mjs
CHANGED
|
@@ -70,7 +70,7 @@ function formatTime(iso) {
|
|
|
70
70
|
}
|
|
71
71
|
|
|
72
72
|
// src/version.ts
|
|
73
|
-
var KDS_VERSION = "0.3.5-alpha.
|
|
73
|
+
var KDS_VERSION = "0.3.5-alpha.29";
|
|
74
74
|
|
|
75
75
|
// src/theme/KdsThemeProvider.tsx
|
|
76
76
|
import { jsx } from "react/jsx-runtime";
|
|
@@ -1803,42 +1803,78 @@ var KdsDivider = forwardRef18(
|
|
|
1803
1803
|
);
|
|
1804
1804
|
KdsDivider.displayName = "KdsDivider";
|
|
1805
1805
|
|
|
1806
|
-
// src/components/core/
|
|
1806
|
+
// src/components/core/KdsDocumentFrame/KdsDocumentFrame.tsx
|
|
1807
1807
|
import { forwardRef as forwardRef19 } from "react";
|
|
1808
|
-
import { jsx as jsx21
|
|
1809
|
-
var
|
|
1808
|
+
import { jsx as jsx21 } from "react/jsx-runtime";
|
|
1809
|
+
var KdsDocumentFrame = forwardRef19(
|
|
1810
|
+
({ src, title, scale = 1, className, style, ...props }, ref) => /* @__PURE__ */ jsx21(
|
|
1811
|
+
"div",
|
|
1812
|
+
{
|
|
1813
|
+
ref,
|
|
1814
|
+
className: clsx("kds-document-frame", className),
|
|
1815
|
+
style: { "--kds-document-frame-scale": scale, ...style },
|
|
1816
|
+
...props,
|
|
1817
|
+
children: /* @__PURE__ */ jsx21("iframe", { src, title })
|
|
1818
|
+
}
|
|
1819
|
+
)
|
|
1820
|
+
);
|
|
1821
|
+
KdsDocumentFrame.displayName = "KdsDocumentFrame";
|
|
1822
|
+
|
|
1823
|
+
// src/components/core/KdsSectionNote/KdsSectionNote.tsx
|
|
1824
|
+
import { forwardRef as forwardRef20 } from "react";
|
|
1825
|
+
import { jsx as jsx22, jsxs as jsxs15 } from "react/jsx-runtime";
|
|
1826
|
+
var KdsSectionNote = forwardRef20(
|
|
1810
1827
|
({ icon = "info", children, className, ...props }, ref) => /* @__PURE__ */ jsxs15("p", { ref, className: clsx("kds-section-note", className), ...props, children: [
|
|
1811
|
-
/* @__PURE__ */
|
|
1812
|
-
/* @__PURE__ */
|
|
1828
|
+
/* @__PURE__ */ jsx22("i", { className: "material-symbols-outlined", children: icon }),
|
|
1829
|
+
/* @__PURE__ */ jsx22("span", { children })
|
|
1813
1830
|
] })
|
|
1814
1831
|
);
|
|
1815
1832
|
KdsSectionNote.displayName = "KdsSectionNote";
|
|
1816
1833
|
|
|
1817
1834
|
// src/components/core/KdsStatusBlock/KdsStatusBlock.tsx
|
|
1818
|
-
import { forwardRef as
|
|
1819
|
-
import { jsx as
|
|
1820
|
-
var KdsStatusBlock =
|
|
1821
|
-
({ status, icon, title, description, inline, className, ...props }, ref) =>
|
|
1822
|
-
|
|
1823
|
-
/* @__PURE__ */
|
|
1824
|
-
|
|
1825
|
-
|
|
1826
|
-
|
|
1827
|
-
|
|
1835
|
+
import { forwardRef as forwardRef21 } from "react";
|
|
1836
|
+
import { jsx as jsx23, jsxs as jsxs16 } from "react/jsx-runtime";
|
|
1837
|
+
var KdsStatusBlock = forwardRef21(
|
|
1838
|
+
({ status, icon, title, description, inline, className, ...props }, ref) => {
|
|
1839
|
+
const descriptionBelowRow = Boolean(inline && description);
|
|
1840
|
+
const descriptionNode = description ? /* @__PURE__ */ jsx23("p", { className: "kds-status-block-description", children: description }) : null;
|
|
1841
|
+
return /* @__PURE__ */ jsxs16(
|
|
1842
|
+
"div",
|
|
1843
|
+
{
|
|
1844
|
+
ref,
|
|
1845
|
+
className: clsx(
|
|
1846
|
+
"kds-status-block",
|
|
1847
|
+
inline && "inline",
|
|
1848
|
+
descriptionBelowRow && "kds-status-block--described",
|
|
1849
|
+
className
|
|
1850
|
+
),
|
|
1851
|
+
"data-status": status,
|
|
1852
|
+
...props,
|
|
1853
|
+
children: [
|
|
1854
|
+
/* @__PURE__ */ jsx23("div", { className: "kds-status-block-icon", children: icon && /* @__PURE__ */ jsx23("i", { className: "material-symbols-outlined", children: icon }) }),
|
|
1855
|
+
/* @__PURE__ */ jsxs16("div", { children: [
|
|
1856
|
+
/* @__PURE__ */ jsx23("h2", { className: "kds-status-block-title", children: title }),
|
|
1857
|
+
!descriptionBelowRow && descriptionNode
|
|
1858
|
+
] }),
|
|
1859
|
+
descriptionBelowRow && descriptionNode
|
|
1860
|
+
]
|
|
1861
|
+
}
|
|
1862
|
+
);
|
|
1863
|
+
}
|
|
1828
1864
|
);
|
|
1829
1865
|
KdsStatusBlock.displayName = "KdsStatusBlock";
|
|
1830
1866
|
|
|
1831
1867
|
// src/components/core/KdsStepper/KdsStepper.tsx
|
|
1832
|
-
import { forwardRef as
|
|
1833
|
-
import { jsx as
|
|
1834
|
-
var KdsStepper =
|
|
1835
|
-
({ steps, current, className, ...props }, ref) => /* @__PURE__ */
|
|
1868
|
+
import { forwardRef as forwardRef22 } from "react";
|
|
1869
|
+
import { jsx as jsx24, jsxs as jsxs17 } from "react/jsx-runtime";
|
|
1870
|
+
var KdsStepper = forwardRef22(
|
|
1871
|
+
({ steps, current, className, ...props }, ref) => /* @__PURE__ */ jsx24("div", { ref, className: clsx("kds-stepper", className), ...props, children: steps.map((label, i) => /* @__PURE__ */ jsxs17(
|
|
1836
1872
|
"div",
|
|
1837
1873
|
{
|
|
1838
1874
|
className: clsx("kds-step", i < current && "completed", i === current && "current"),
|
|
1839
1875
|
children: [
|
|
1840
|
-
/* @__PURE__ */
|
|
1841
|
-
/* @__PURE__ */
|
|
1876
|
+
/* @__PURE__ */ jsx24("div", { className: "kds-step-indicator" }),
|
|
1877
|
+
/* @__PURE__ */ jsx24("div", { className: "kds-step-label", children: label })
|
|
1842
1878
|
]
|
|
1843
1879
|
},
|
|
1844
1880
|
`${i}-${label}`
|
|
@@ -1847,9 +1883,9 @@ var KdsStepper = forwardRef21(
|
|
|
1847
1883
|
KdsStepper.displayName = "KdsStepper";
|
|
1848
1884
|
|
|
1849
1885
|
// src/components/core/KdsCopyRow/KdsCopyRow.tsx
|
|
1850
|
-
import { forwardRef as
|
|
1851
|
-
import { jsx as
|
|
1852
|
-
var KdsCopyRow =
|
|
1886
|
+
import { forwardRef as forwardRef23 } from "react";
|
|
1887
|
+
import { jsx as jsx25, jsxs as jsxs18 } from "react/jsx-runtime";
|
|
1888
|
+
var KdsCopyRow = forwardRef23(
|
|
1853
1889
|
({ label, value, copiedText = "Copiado", className, ...props }, ref) => {
|
|
1854
1890
|
const { copied, copy } = useCopyToClipboard();
|
|
1855
1891
|
return /* @__PURE__ */ jsxs18(
|
|
@@ -1863,13 +1899,13 @@ var KdsCopyRow = forwardRef22(
|
|
|
1863
1899
|
"aria-label": `Copiar ${label}: ${value}`,
|
|
1864
1900
|
...props,
|
|
1865
1901
|
children: [
|
|
1866
|
-
/* @__PURE__ */
|
|
1902
|
+
/* @__PURE__ */ jsx25("i", { className: "material-symbols-outlined", "aria-hidden": "true", children: "content_copy" }),
|
|
1867
1903
|
/* @__PURE__ */ jsxs18("div", { children: [
|
|
1868
|
-
/* @__PURE__ */
|
|
1869
|
-
/* @__PURE__ */
|
|
1904
|
+
/* @__PURE__ */ jsx25("span", { className: "kds-copy-row-label", children: label }),
|
|
1905
|
+
/* @__PURE__ */ jsx25("span", { className: "kds-copy-row-value", children: value })
|
|
1870
1906
|
] }),
|
|
1871
1907
|
/* @__PURE__ */ jsxs18("span", { className: "kds-copy-toast", "aria-hidden": "true", children: [
|
|
1872
|
-
/* @__PURE__ */
|
|
1908
|
+
/* @__PURE__ */ jsx25("i", { className: "material-symbols-outlined", children: "check_circle" }),
|
|
1873
1909
|
" ",
|
|
1874
1910
|
copiedText
|
|
1875
1911
|
] })
|
|
@@ -1881,8 +1917,8 @@ var KdsCopyRow = forwardRef22(
|
|
|
1881
1917
|
KdsCopyRow.displayName = "KdsCopyRow";
|
|
1882
1918
|
|
|
1883
1919
|
// src/components/core/KdsCopyableTable/KdsCopyableTable.tsx
|
|
1884
|
-
import { forwardRef as
|
|
1885
|
-
import { Fragment as Fragment2, jsx as
|
|
1920
|
+
import { forwardRef as forwardRef24, useState as useState4, useRef as useRef2, useCallback as useCallback3 } from "react";
|
|
1921
|
+
import { Fragment as Fragment2, jsx as jsx26, jsxs as jsxs19 } from "react/jsx-runtime";
|
|
1886
1922
|
async function copyToClipboard(text) {
|
|
1887
1923
|
try {
|
|
1888
1924
|
if (navigator.clipboard?.writeText) {
|
|
@@ -1914,18 +1950,18 @@ function GridVariant({
|
|
|
1914
1950
|
forwardedRef,
|
|
1915
1951
|
rest
|
|
1916
1952
|
}) {
|
|
1917
|
-
return /* @__PURE__ */
|
|
1953
|
+
return /* @__PURE__ */ jsx26(
|
|
1918
1954
|
"div",
|
|
1919
1955
|
{
|
|
1920
1956
|
ref: forwardedRef,
|
|
1921
1957
|
className: clsx("kds-copyable-table", "kds-copyable-table--grid", className),
|
|
1922
1958
|
...rest,
|
|
1923
|
-
children: gridRows.map((cells, rowIndex) => /* @__PURE__ */
|
|
1959
|
+
children: gridRows.map((cells, rowIndex) => /* @__PURE__ */ jsx26(
|
|
1924
1960
|
"div",
|
|
1925
1961
|
{
|
|
1926
1962
|
className: "kds-copyable-table-row kds-copyable-table-row--grid",
|
|
1927
1963
|
"data-testid": "kds-grid-row",
|
|
1928
|
-
children: cells.map((text, cellIndex) => /* @__PURE__ */
|
|
1964
|
+
children: cells.map((text, cellIndex) => /* @__PURE__ */ jsx26(
|
|
1929
1965
|
"span",
|
|
1930
1966
|
{
|
|
1931
1967
|
className: clsx("kds-grid-cell", disabled && "kds-grid-cell--disabled"),
|
|
@@ -2013,7 +2049,7 @@ function CopyableVariant({
|
|
|
2013
2049
|
}
|
|
2014
2050
|
};
|
|
2015
2051
|
return /* @__PURE__ */ jsxs19(Fragment2, { children: [
|
|
2016
|
-
/* @__PURE__ */
|
|
2052
|
+
/* @__PURE__ */ jsx26("div", { ref: forwardedRef, className: clsx("kds-copyable-table", className), ...rest, children: rows.map((row, i) => /* @__PURE__ */ jsxs19(
|
|
2017
2053
|
"div",
|
|
2018
2054
|
{
|
|
2019
2055
|
className: clsx(
|
|
@@ -2032,8 +2068,8 @@ function CopyableVariant({
|
|
|
2032
2068
|
},
|
|
2033
2069
|
"aria-label": `Copiar ${row.label}: ${row.value}`,
|
|
2034
2070
|
children: [
|
|
2035
|
-
/* @__PURE__ */
|
|
2036
|
-
/* @__PURE__ */
|
|
2071
|
+
/* @__PURE__ */ jsx26("span", { className: "kds-key", children: row.label }),
|
|
2072
|
+
/* @__PURE__ */ jsx26("span", { className: "kds-value", children: row.value })
|
|
2037
2073
|
]
|
|
2038
2074
|
},
|
|
2039
2075
|
`${row.label}-${i}`
|
|
@@ -2052,14 +2088,14 @@ function CopyableVariant({
|
|
|
2052
2088
|
onClick: handleCopyAll,
|
|
2053
2089
|
"aria-label": allCopied ? copiedAllLabel : copyAllLabel,
|
|
2054
2090
|
children: [
|
|
2055
|
-
/* @__PURE__ */
|
|
2056
|
-
/* @__PURE__ */
|
|
2091
|
+
/* @__PURE__ */ jsx26("span", { className: "kds-icon", children: /* @__PURE__ */ jsx26("i", { className: "material-symbols-outlined", children: allCopied ? "check" : "content_copy" }) }),
|
|
2092
|
+
/* @__PURE__ */ jsx26("span", { children: allCopied ? copiedAllLabel : copyAllLabel })
|
|
2057
2093
|
]
|
|
2058
2094
|
}
|
|
2059
2095
|
)
|
|
2060
2096
|
] });
|
|
2061
2097
|
}
|
|
2062
|
-
var KdsCopyableTable =
|
|
2098
|
+
var KdsCopyableTable = forwardRef24(
|
|
2063
2099
|
({
|
|
2064
2100
|
rows = [],
|
|
2065
2101
|
variant = "copyable",
|
|
@@ -2072,7 +2108,7 @@ var KdsCopyableTable = forwardRef23(
|
|
|
2072
2108
|
...props
|
|
2073
2109
|
}, ref) => {
|
|
2074
2110
|
if (variant === "grid") {
|
|
2075
|
-
return /* @__PURE__ */
|
|
2111
|
+
return /* @__PURE__ */ jsx26(
|
|
2076
2112
|
GridVariant,
|
|
2077
2113
|
{
|
|
2078
2114
|
gridRows,
|
|
@@ -2083,7 +2119,7 @@ var KdsCopyableTable = forwardRef23(
|
|
|
2083
2119
|
}
|
|
2084
2120
|
);
|
|
2085
2121
|
}
|
|
2086
|
-
return /* @__PURE__ */
|
|
2122
|
+
return /* @__PURE__ */ jsx26(
|
|
2087
2123
|
CopyableVariant,
|
|
2088
2124
|
{
|
|
2089
2125
|
rows,
|
|
@@ -2100,9 +2136,9 @@ var KdsCopyableTable = forwardRef23(
|
|
|
2100
2136
|
KdsCopyableTable.displayName = "KdsCopyableTable";
|
|
2101
2137
|
|
|
2102
2138
|
// src/components/core/KdsExpandPanel/KdsExpandPanel.tsx
|
|
2103
|
-
import { forwardRef as
|
|
2104
|
-
import { jsx as
|
|
2105
|
-
var KdsExpandPanel =
|
|
2139
|
+
import { forwardRef as forwardRef25, useState as useState5 } from "react";
|
|
2140
|
+
import { jsx as jsx27, jsxs as jsxs20 } from "react/jsx-runtime";
|
|
2141
|
+
var KdsExpandPanel = forwardRef25(
|
|
2106
2142
|
({ label, defaultExpanded = false, children, className, ...props }, ref) => {
|
|
2107
2143
|
const [expanded, setExpanded] = useState5(defaultExpanded);
|
|
2108
2144
|
return /* @__PURE__ */ jsxs20("div", { ref, className, ...props, children: [
|
|
@@ -2113,19 +2149,19 @@ var KdsExpandPanel = forwardRef24(
|
|
|
2113
2149
|
onClick: () => setExpanded((v) => !v),
|
|
2114
2150
|
"aria-expanded": expanded,
|
|
2115
2151
|
children: [
|
|
2116
|
-
/* @__PURE__ */
|
|
2117
|
-
/* @__PURE__ */
|
|
2152
|
+
/* @__PURE__ */ jsx27("span", { children: label }),
|
|
2153
|
+
/* @__PURE__ */ jsx27("i", { className: "material-symbols-outlined", children: expanded ? "expand_less" : "expand_more" })
|
|
2118
2154
|
]
|
|
2119
2155
|
}
|
|
2120
2156
|
),
|
|
2121
|
-
/* @__PURE__ */
|
|
2157
|
+
/* @__PURE__ */ jsx27("div", { className: clsx("kds-expand-panel", expanded && "open"), hidden: !expanded, children })
|
|
2122
2158
|
] });
|
|
2123
2159
|
}
|
|
2124
2160
|
);
|
|
2125
2161
|
KdsExpandPanel.displayName = "KdsExpandPanel";
|
|
2126
2162
|
|
|
2127
2163
|
// src/components/core/KdsCountdown/KdsCountdown.tsx
|
|
2128
|
-
import { forwardRef as
|
|
2164
|
+
import { forwardRef as forwardRef26, useEffect as useEffect3, useRef as useRef3 } from "react";
|
|
2129
2165
|
|
|
2130
2166
|
// src/components/core/hooks/useCountdown.ts
|
|
2131
2167
|
import { useState as useState6, useEffect as useEffect2 } from "react";
|
|
@@ -2151,8 +2187,8 @@ function useCountdown(deadline) {
|
|
|
2151
2187
|
}
|
|
2152
2188
|
|
|
2153
2189
|
// src/components/core/KdsCountdown/KdsCountdown.tsx
|
|
2154
|
-
import { jsx as
|
|
2155
|
-
var KdsCountdown =
|
|
2190
|
+
import { jsx as jsx28, jsxs as jsxs21 } from "react/jsx-runtime";
|
|
2191
|
+
var KdsCountdown = forwardRef26(
|
|
2156
2192
|
({ deadline, label, onExpire, className, ...props }, ref) => {
|
|
2157
2193
|
const { hours, minutes, seconds, expired, urgent } = useCountdown(deadline);
|
|
2158
2194
|
const onExpireRef = useRef3(onExpire);
|
|
@@ -2167,7 +2203,7 @@ var KdsCountdown = forwardRef25(
|
|
|
2167
2203
|
}
|
|
2168
2204
|
const pad = (n) => String(n).padStart(2, "0");
|
|
2169
2205
|
return /* @__PURE__ */ jsxs21("div", { ref, className: clsx("kds-countdown", urgent && "urgent", className), ...props, children: [
|
|
2170
|
-
label && /* @__PURE__ */
|
|
2206
|
+
label && /* @__PURE__ */ jsx28("span", { className: "kds-countdown-label", children: label }),
|
|
2171
2207
|
/* @__PURE__ */ jsxs21("span", { className: "kds-countdown-value", children: [
|
|
2172
2208
|
pad(hours),
|
|
2173
2209
|
":",
|
|
@@ -2181,18 +2217,18 @@ var KdsCountdown = forwardRef25(
|
|
|
2181
2217
|
KdsCountdown.displayName = "KdsCountdown";
|
|
2182
2218
|
|
|
2183
2219
|
// src/components/core/KdsSegmentedTabs/KdsSegmentedTabs.tsx
|
|
2184
|
-
import { forwardRef as
|
|
2185
|
-
import { jsx as
|
|
2186
|
-
var KdsSegmentedTabs =
|
|
2187
|
-
(props, ref) => /* @__PURE__ */
|
|
2220
|
+
import { forwardRef as forwardRef27 } from "react";
|
|
2221
|
+
import { jsx as jsx29 } from "react/jsx-runtime";
|
|
2222
|
+
var KdsSegmentedTabs = forwardRef27(
|
|
2223
|
+
(props, ref) => /* @__PURE__ */ jsx29(KdsTabs, { ref, ...props })
|
|
2188
2224
|
);
|
|
2189
2225
|
KdsSegmentedTabs.displayName = "KdsSegmentedTabs";
|
|
2190
2226
|
|
|
2191
2227
|
// src/components/core/KdsFab/KdsFab.tsx
|
|
2192
|
-
import { forwardRef as
|
|
2193
|
-
import { jsx as
|
|
2194
|
-
var KdsFab =
|
|
2195
|
-
({ icon, position = "top-right", hidden = false, className, ...props }, ref) => /* @__PURE__ */
|
|
2228
|
+
import { forwardRef as forwardRef28 } from "react";
|
|
2229
|
+
import { jsx as jsx30 } from "react/jsx-runtime";
|
|
2230
|
+
var KdsFab = forwardRef28(
|
|
2231
|
+
({ icon, position = "top-right", hidden = false, className, ...props }, ref) => /* @__PURE__ */ jsx30(
|
|
2196
2232
|
"button",
|
|
2197
2233
|
{
|
|
2198
2234
|
ref,
|
|
@@ -2206,16 +2242,16 @@ var KdsFab = forwardRef27(
|
|
|
2206
2242
|
"aria-hidden": hidden || void 0,
|
|
2207
2243
|
tabIndex: hidden ? -1 : void 0,
|
|
2208
2244
|
...props,
|
|
2209
|
-
children: /* @__PURE__ */
|
|
2245
|
+
children: /* @__PURE__ */ jsx30("i", { className: "material-symbols-outlined", children: icon })
|
|
2210
2246
|
}
|
|
2211
2247
|
)
|
|
2212
2248
|
);
|
|
2213
2249
|
KdsFab.displayName = "KdsFab";
|
|
2214
2250
|
|
|
2215
2251
|
// src/components/core/KdsEmptyState/KdsEmptyState.tsx
|
|
2216
|
-
import { forwardRef as
|
|
2217
|
-
import { jsx as
|
|
2218
|
-
var KdsEmptyState =
|
|
2252
|
+
import { forwardRef as forwardRef29 } from "react";
|
|
2253
|
+
import { jsx as jsx31, jsxs as jsxs22 } from "react/jsx-runtime";
|
|
2254
|
+
var KdsEmptyState = forwardRef29(
|
|
2219
2255
|
({ icon = "hide_source", title, description, className, ...props }, ref) => /* @__PURE__ */ jsxs22(
|
|
2220
2256
|
"div",
|
|
2221
2257
|
{
|
|
@@ -2224,10 +2260,10 @@ var KdsEmptyState = forwardRef28(
|
|
|
2224
2260
|
className: clsx("kds-empty-state", className),
|
|
2225
2261
|
...props,
|
|
2226
2262
|
children: [
|
|
2227
|
-
/* @__PURE__ */
|
|
2263
|
+
/* @__PURE__ */ jsx31("i", { className: "material-symbols-outlined", "aria-hidden": "true", children: icon }),
|
|
2228
2264
|
/* @__PURE__ */ jsxs22("div", { className: "kds-empty-state-text", children: [
|
|
2229
|
-
/* @__PURE__ */
|
|
2230
|
-
description && /* @__PURE__ */
|
|
2265
|
+
/* @__PURE__ */ jsx31(KdsTypography, { variant: "body", color: "primary", children: title }),
|
|
2266
|
+
description && /* @__PURE__ */ jsx31(KdsTypography, { variant: "body", color: "secondary", children: description })
|
|
2231
2267
|
] })
|
|
2232
2268
|
]
|
|
2233
2269
|
}
|
|
@@ -2236,9 +2272,9 @@ var KdsEmptyState = forwardRef28(
|
|
|
2236
2272
|
KdsEmptyState.displayName = "KdsEmptyState";
|
|
2237
2273
|
|
|
2238
2274
|
// src/components/domain/KdsBankRow/KdsBankRow.tsx
|
|
2239
|
-
import { forwardRef as
|
|
2240
|
-
import { jsx as
|
|
2241
|
-
var KdsBankRow =
|
|
2275
|
+
import { forwardRef as forwardRef30 } from "react";
|
|
2276
|
+
import { jsx as jsx32, jsxs as jsxs23 } from "react/jsx-runtime";
|
|
2277
|
+
var KdsBankRow = forwardRef30(
|
|
2242
2278
|
({ name, logoUrl, selected, hideLogo, className, ...props }, ref) => {
|
|
2243
2279
|
const nameStr = typeof name === "string" ? name : "";
|
|
2244
2280
|
return /* @__PURE__ */ jsxs23(
|
|
@@ -2249,9 +2285,9 @@ var KdsBankRow = forwardRef29(
|
|
|
2249
2285
|
className: clsx("kds-bank-row", selected && "selected", className),
|
|
2250
2286
|
...props,
|
|
2251
2287
|
children: [
|
|
2252
|
-
!hideLogo && /* @__PURE__ */
|
|
2253
|
-
/* @__PURE__ */
|
|
2254
|
-
/* @__PURE__ */
|
|
2288
|
+
!hideLogo && /* @__PURE__ */ jsx32("span", { className: "kds-bank-row-logo", children: logoUrl ? /* @__PURE__ */ jsx32("img", { src: logoUrl, alt: nameStr }) : /* @__PURE__ */ jsx32("span", { className: "initials", children: nameStr.charAt(0) }) }),
|
|
2289
|
+
/* @__PURE__ */ jsx32("span", { className: "kds-bank-row-name", children: name }),
|
|
2290
|
+
/* @__PURE__ */ jsx32("i", { className: "material-symbols-outlined", children: selected ? "check_circle" : "chevron_right" })
|
|
2255
2291
|
]
|
|
2256
2292
|
}
|
|
2257
2293
|
);
|
|
@@ -2260,32 +2296,32 @@ var KdsBankRow = forwardRef29(
|
|
|
2260
2296
|
KdsBankRow.displayName = "KdsBankRow";
|
|
2261
2297
|
|
|
2262
2298
|
// src/components/domain/KdsBankList/KdsBankList.tsx
|
|
2263
|
-
import { forwardRef as
|
|
2264
|
-
import { jsx as
|
|
2265
|
-
var KdsBankList =
|
|
2266
|
-
({ children, className, ...props }, ref) => /* @__PURE__ */
|
|
2299
|
+
import { forwardRef as forwardRef31 } from "react";
|
|
2300
|
+
import { jsx as jsx33 } from "react/jsx-runtime";
|
|
2301
|
+
var KdsBankList = forwardRef31(
|
|
2302
|
+
({ children, className, ...props }, ref) => /* @__PURE__ */ jsx33("div", { ref, className: clsx("kds-bank-list", className), role: "list", ...props, children })
|
|
2267
2303
|
);
|
|
2268
2304
|
KdsBankList.displayName = "KdsBankList";
|
|
2269
2305
|
|
|
2270
2306
|
// src/components/domain/KdsBankModal/KdsBankModal.tsx
|
|
2271
|
-
import { forwardRef as
|
|
2307
|
+
import { forwardRef as forwardRef32, useState as useState7 } from "react";
|
|
2272
2308
|
import * as Dialog from "@radix-ui/react-dialog";
|
|
2273
|
-
import { jsx as
|
|
2274
|
-
var KdsBankModal =
|
|
2309
|
+
import { jsx as jsx34, jsxs as jsxs24 } from "react/jsx-runtime";
|
|
2310
|
+
var KdsBankModal = forwardRef32(
|
|
2275
2311
|
({ open, onClose, title = "Selecciona tu banco", searchPlaceholder = "Buscar banco...", onSearch, children, className, container }, ref) => {
|
|
2276
2312
|
const [query, setQuery] = useState7("");
|
|
2277
2313
|
const handleSearch = (value) => {
|
|
2278
2314
|
setQuery(value);
|
|
2279
2315
|
onSearch?.(value);
|
|
2280
2316
|
};
|
|
2281
|
-
return /* @__PURE__ */
|
|
2317
|
+
return /* @__PURE__ */ jsx34(Dialog.Root, { open, onOpenChange: (o) => {
|
|
2282
2318
|
if (!o) onClose();
|
|
2283
|
-
}, children: /* @__PURE__ */
|
|
2319
|
+
}, children: /* @__PURE__ */ jsx34(Dialog.Portal, { container, children: /* @__PURE__ */ jsx34(Dialog.Overlay, { className: "kds-bank-modal-scrim open", children: /* @__PURE__ */ jsxs24(Dialog.Content, { ref, className: clsx("kds-bank-modal", className), children: [
|
|
2284
2320
|
/* @__PURE__ */ jsxs24("div", { className: "kds-bank-modal-header", children: [
|
|
2285
|
-
/* @__PURE__ */
|
|
2286
|
-
/* @__PURE__ */
|
|
2321
|
+
/* @__PURE__ */ jsx34(Dialog.Title, { asChild: true, children: /* @__PURE__ */ jsx34("h3", { children: title }) }),
|
|
2322
|
+
/* @__PURE__ */ jsx34(Dialog.Close, { asChild: true, children: /* @__PURE__ */ jsx34("button", { className: "kds-bank-modal-close", "aria-label": "Cerrar", children: /* @__PURE__ */ jsx34("i", { className: "material-symbols-outlined", children: "close" }) }) })
|
|
2287
2323
|
] }),
|
|
2288
|
-
/* @__PURE__ */
|
|
2324
|
+
/* @__PURE__ */ jsx34("div", { className: "kds-bank-modal-search", children: /* @__PURE__ */ jsx34(
|
|
2289
2325
|
KdsSearchField,
|
|
2290
2326
|
{
|
|
2291
2327
|
placeholder: searchPlaceholder,
|
|
@@ -2293,32 +2329,32 @@ var KdsBankModal = forwardRef31(
|
|
|
2293
2329
|
onChange: (e) => handleSearch(e.target.value)
|
|
2294
2330
|
}
|
|
2295
2331
|
) }),
|
|
2296
|
-
/* @__PURE__ */
|
|
2332
|
+
/* @__PURE__ */ jsx34("div", { className: "kds-bank-modal-body", children })
|
|
2297
2333
|
] }) }) }) });
|
|
2298
2334
|
}
|
|
2299
2335
|
);
|
|
2300
2336
|
KdsBankModal.displayName = "KdsBankModal";
|
|
2301
2337
|
|
|
2302
2338
|
// src/components/domain/KdsQrRow/KdsQrRow.tsx
|
|
2303
|
-
import { forwardRef as
|
|
2304
|
-
import { jsx as
|
|
2305
|
-
var KdsQrRow =
|
|
2339
|
+
import { forwardRef as forwardRef33 } from "react";
|
|
2340
|
+
import { jsx as jsx35, jsxs as jsxs25 } from "react/jsx-runtime";
|
|
2341
|
+
var KdsQrRow = forwardRef33(
|
|
2306
2342
|
({ name, description, badge, icon = "qr_code_2", className, ...props }, ref) => /* @__PURE__ */ jsxs25("button", { ref, type: "button", className: clsx("kds-qr-row", className), ...props, children: [
|
|
2307
|
-
/* @__PURE__ */
|
|
2343
|
+
/* @__PURE__ */ jsx35("span", { className: "kds-qr-avatar", "aria-hidden": "true", children: /* @__PURE__ */ jsx35("i", { className: "material-symbols-outlined", children: icon }) }),
|
|
2308
2344
|
/* @__PURE__ */ jsxs25("span", { className: "kds-qr-text", children: [
|
|
2309
|
-
/* @__PURE__ */
|
|
2310
|
-
description && /* @__PURE__ */
|
|
2345
|
+
/* @__PURE__ */ jsx35("span", { className: "kds-qr-title", children: name }),
|
|
2346
|
+
description && /* @__PURE__ */ jsx35("span", { className: "kds-qr-subtitle", children: description })
|
|
2311
2347
|
] }),
|
|
2312
|
-
badge && /* @__PURE__ */
|
|
2313
|
-
/* @__PURE__ */
|
|
2348
|
+
badge && /* @__PURE__ */ jsx35("span", { className: "kds-qr-badge", children: badge }),
|
|
2349
|
+
/* @__PURE__ */ jsx35("i", { className: "material-symbols-outlined", children: "chevron_right" })
|
|
2314
2350
|
] })
|
|
2315
2351
|
);
|
|
2316
2352
|
KdsQrRow.displayName = "KdsQrRow";
|
|
2317
2353
|
|
|
2318
2354
|
// src/components/domain/KdsCardSelector/KdsCardSelector.tsx
|
|
2319
|
-
import { forwardRef as
|
|
2320
|
-
import { jsx as
|
|
2321
|
-
var KdsCardSelector =
|
|
2355
|
+
import { forwardRef as forwardRef34 } from "react";
|
|
2356
|
+
import { jsx as jsx36, jsxs as jsxs26 } from "react/jsx-runtime";
|
|
2357
|
+
var KdsCardSelector = forwardRef34(
|
|
2322
2358
|
({ icon, title, description, selected, className, ...props }, ref) => /* @__PURE__ */ jsxs26(
|
|
2323
2359
|
"button",
|
|
2324
2360
|
{
|
|
@@ -2327,9 +2363,9 @@ var KdsCardSelector = forwardRef33(
|
|
|
2327
2363
|
className: clsx("kds-card-selector", selected && "selected", className),
|
|
2328
2364
|
...props,
|
|
2329
2365
|
children: [
|
|
2330
|
-
icon && /* @__PURE__ */
|
|
2331
|
-
/* @__PURE__ */
|
|
2332
|
-
description && /* @__PURE__ */
|
|
2366
|
+
icon && /* @__PURE__ */ jsx36("span", { className: "kds-card-selector-icon", children: /* @__PURE__ */ jsx36("i", { className: "material-symbols-outlined", children: icon }) }),
|
|
2367
|
+
/* @__PURE__ */ jsx36("span", { className: "kds-card-selector-title", children: title }),
|
|
2368
|
+
description && /* @__PURE__ */ jsx36("span", { className: "kds-card-selector-description", children: description })
|
|
2333
2369
|
]
|
|
2334
2370
|
}
|
|
2335
2371
|
)
|
|
@@ -2337,9 +2373,9 @@ var KdsCardSelector = forwardRef33(
|
|
|
2337
2373
|
KdsCardSelector.displayName = "KdsCardSelector";
|
|
2338
2374
|
|
|
2339
2375
|
// src/components/domain/KdsCardPlan/KdsCardPlan.tsx
|
|
2340
|
-
import { forwardRef as
|
|
2341
|
-
import { jsx as
|
|
2342
|
-
var KdsCardPlan =
|
|
2376
|
+
import { forwardRef as forwardRef35 } from "react";
|
|
2377
|
+
import { jsx as jsx37, jsxs as jsxs27 } from "react/jsx-runtime";
|
|
2378
|
+
var KdsCardPlan = forwardRef35(
|
|
2343
2379
|
({ title, price, period, features, recommended, badgeText, action, className, ...props }, ref) => /* @__PURE__ */ jsxs27(
|
|
2344
2380
|
"div",
|
|
2345
2381
|
{
|
|
@@ -2347,16 +2383,16 @@ var KdsCardPlan = forwardRef34(
|
|
|
2347
2383
|
className: clsx("kds-card-plan", recommended && "recommended", className),
|
|
2348
2384
|
...props,
|
|
2349
2385
|
children: [
|
|
2350
|
-
/* @__PURE__ */
|
|
2386
|
+
/* @__PURE__ */ jsx37("div", { className: "kds-card-plan-header", children: /* @__PURE__ */ jsx37("h3", { children: title }) }),
|
|
2351
2387
|
/* @__PURE__ */ jsxs27("div", { className: "kds-card-plan-price", children: [
|
|
2352
|
-
/* @__PURE__ */
|
|
2388
|
+
/* @__PURE__ */ jsx37("span", { className: "kds-price", children: price }),
|
|
2353
2389
|
period && /* @__PURE__ */ jsxs27("span", { className: "kds-price-period", children: [
|
|
2354
2390
|
"/",
|
|
2355
2391
|
period
|
|
2356
2392
|
] })
|
|
2357
2393
|
] }),
|
|
2358
|
-
badgeText && /* @__PURE__ */
|
|
2359
|
-
features && features.length > 0 && /* @__PURE__ */
|
|
2394
|
+
badgeText && /* @__PURE__ */ jsx37("span", { className: "kds-card-plan-badge", children: badgeText }),
|
|
2395
|
+
features && features.length > 0 && /* @__PURE__ */ jsx37("ul", { className: "kds-card-plan-features", children: features.map((f, i) => /* @__PURE__ */ jsx37("li", { children: f }, i)) }),
|
|
2360
2396
|
action
|
|
2361
2397
|
]
|
|
2362
2398
|
}
|
|
@@ -2365,10 +2401,10 @@ var KdsCardPlan = forwardRef34(
|
|
|
2365
2401
|
KdsCardPlan.displayName = "KdsCardPlan";
|
|
2366
2402
|
|
|
2367
2403
|
// src/components/domain/KdsInvoiceSticky/KdsInvoiceSticky.tsx
|
|
2368
|
-
import { forwardRef as
|
|
2369
|
-
import { jsx as
|
|
2370
|
-
var KdsInvoiceSticky =
|
|
2371
|
-
({ children, className, ...props }, ref) => /* @__PURE__ */
|
|
2404
|
+
import { forwardRef as forwardRef36 } from "react";
|
|
2405
|
+
import { jsx as jsx38 } from "react/jsx-runtime";
|
|
2406
|
+
var KdsInvoiceSticky = forwardRef36(
|
|
2407
|
+
({ children, className, ...props }, ref) => /* @__PURE__ */ jsx38(
|
|
2372
2408
|
"article",
|
|
2373
2409
|
{
|
|
2374
2410
|
ref,
|
|
@@ -2381,10 +2417,10 @@ var KdsInvoiceSticky = forwardRef35(
|
|
|
2381
2417
|
KdsInvoiceSticky.displayName = "KdsInvoiceSticky";
|
|
2382
2418
|
|
|
2383
2419
|
// src/components/domain/KdsBottomSheet/KdsBottomSheet.tsx
|
|
2384
|
-
import { forwardRef as
|
|
2420
|
+
import { forwardRef as forwardRef37 } from "react";
|
|
2385
2421
|
import * as Dialog2 from "@radix-ui/react-dialog";
|
|
2386
|
-
import { jsx as
|
|
2387
|
-
var KdsBottomSheet =
|
|
2422
|
+
import { jsx as jsx39, jsxs as jsxs28 } from "react/jsx-runtime";
|
|
2423
|
+
var KdsBottomSheet = forwardRef37(
|
|
2388
2424
|
({
|
|
2389
2425
|
open,
|
|
2390
2426
|
onClose,
|
|
@@ -2396,39 +2432,40 @@ var KdsBottomSheet = forwardRef36(
|
|
|
2396
2432
|
showCloseButton = false,
|
|
2397
2433
|
container,
|
|
2398
2434
|
className,
|
|
2435
|
+
size = "auto",
|
|
2399
2436
|
...props
|
|
2400
|
-
}, ref) => /* @__PURE__ */
|
|
2437
|
+
}, ref) => /* @__PURE__ */ jsx39(
|
|
2401
2438
|
Dialog2.Root,
|
|
2402
2439
|
{
|
|
2403
2440
|
open,
|
|
2404
2441
|
onOpenChange: (o) => {
|
|
2405
2442
|
if (!o) onClose();
|
|
2406
2443
|
},
|
|
2407
|
-
children: /* @__PURE__ */
|
|
2444
|
+
children: /* @__PURE__ */ jsx39(Dialog2.Portal, { container, children: /* @__PURE__ */ jsx39("div", { className: "kds-theme-root", style: { display: "contents" }, children: /* @__PURE__ */ jsx39(Dialog2.Overlay, { className: "kds-bottom-sheet-scrim open", children: /* @__PURE__ */ jsxs28(
|
|
2408
2445
|
Dialog2.Content,
|
|
2409
2446
|
{
|
|
2410
2447
|
ref,
|
|
2411
|
-
className: clsx("kds-bottom-sheet", className),
|
|
2448
|
+
className: clsx("kds-bottom-sheet", size === "full" && "kds-bottom-sheet-full", className),
|
|
2412
2449
|
onPointerDownOutside: (e) => {
|
|
2413
2450
|
const target = e.target;
|
|
2414
2451
|
if (target.closest(".kds-bottom-sheet")) e.preventDefault();
|
|
2415
2452
|
},
|
|
2416
2453
|
...props,
|
|
2417
2454
|
children: [
|
|
2418
|
-
showGrabber && /* @__PURE__ */
|
|
2419
|
-
showCloseButton && /* @__PURE__ */
|
|
2455
|
+
showGrabber && /* @__PURE__ */ jsx39("div", { className: "kds-bottom-sheet-grabber", "aria-hidden": "true" }),
|
|
2456
|
+
showCloseButton && /* @__PURE__ */ jsx39(Dialog2.Close, { asChild: true, children: /* @__PURE__ */ jsx39(
|
|
2420
2457
|
"button",
|
|
2421
2458
|
{
|
|
2422
2459
|
type: "button",
|
|
2423
2460
|
className: "kds-bottom-sheet-close",
|
|
2424
2461
|
"aria-label": "Cerrar",
|
|
2425
|
-
children: /* @__PURE__ */
|
|
2462
|
+
children: /* @__PURE__ */ jsx39("i", { className: "material-symbols-outlined", children: "close" })
|
|
2426
2463
|
}
|
|
2427
2464
|
) }),
|
|
2428
|
-
title && /* @__PURE__ */
|
|
2429
|
-
description && /* @__PURE__ */
|
|
2430
|
-
/* @__PURE__ */
|
|
2431
|
-
actions && /* @__PURE__ */
|
|
2465
|
+
title && /* @__PURE__ */ jsx39(Dialog2.Title, { className: "kds-bottom-sheet-title", children: title }),
|
|
2466
|
+
description && /* @__PURE__ */ jsx39(Dialog2.Description, { className: "kds-bottom-sheet-description", children: description }),
|
|
2467
|
+
/* @__PURE__ */ jsx39("div", { className: "kds-bottom-sheet-body", children }),
|
|
2468
|
+
actions && /* @__PURE__ */ jsx39("div", { className: "kds-bottom-sheet-actions", children: actions })
|
|
2432
2469
|
]
|
|
2433
2470
|
}
|
|
2434
2471
|
) }) }) })
|
|
@@ -2438,12 +2475,12 @@ var KdsBottomSheet = forwardRef36(
|
|
|
2438
2475
|
KdsBottomSheet.displayName = "KdsBottomSheet";
|
|
2439
2476
|
|
|
2440
2477
|
// src/components/domain/KdsSecureFooter/KdsSecureFooter.tsx
|
|
2441
|
-
import { forwardRef as
|
|
2478
|
+
import { forwardRef as forwardRef39 } from "react";
|
|
2442
2479
|
|
|
2443
2480
|
// src/components/domain/KdsSecureFooter/KhipuWordmark.tsx
|
|
2444
|
-
import { forwardRef as
|
|
2445
|
-
import { jsx as
|
|
2446
|
-
var KhipuWordmark =
|
|
2481
|
+
import { forwardRef as forwardRef38 } from "react";
|
|
2482
|
+
import { jsx as jsx40, jsxs as jsxs29 } from "react/jsx-runtime";
|
|
2483
|
+
var KhipuWordmark = forwardRef38(
|
|
2447
2484
|
({ className = "khipu-mark", ...props }, ref) => /* @__PURE__ */ jsxs29(
|
|
2448
2485
|
"svg",
|
|
2449
2486
|
{
|
|
@@ -2455,14 +2492,14 @@ var KhipuWordmark = forwardRef37(
|
|
|
2455
2492
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2456
2493
|
...props,
|
|
2457
2494
|
children: [
|
|
2458
|
-
/* @__PURE__ */
|
|
2459
|
-
/* @__PURE__ */
|
|
2460
|
-
/* @__PURE__ */
|
|
2461
|
-
/* @__PURE__ */
|
|
2462
|
-
/* @__PURE__ */
|
|
2463
|
-
/* @__PURE__ */
|
|
2464
|
-
/* @__PURE__ */
|
|
2465
|
-
/* @__PURE__ */
|
|
2495
|
+
/* @__PURE__ */ jsx40("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" }),
|
|
2496
|
+
/* @__PURE__ */ jsx40("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" }),
|
|
2497
|
+
/* @__PURE__ */ jsx40("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" }),
|
|
2498
|
+
/* @__PURE__ */ jsx40("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" }),
|
|
2499
|
+
/* @__PURE__ */ jsx40("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" }),
|
|
2500
|
+
/* @__PURE__ */ jsx40("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" }),
|
|
2501
|
+
/* @__PURE__ */ jsx40("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" }),
|
|
2502
|
+
/* @__PURE__ */ jsx40("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" })
|
|
2466
2503
|
]
|
|
2467
2504
|
}
|
|
2468
2505
|
)
|
|
@@ -2470,17 +2507,17 @@ var KhipuWordmark = forwardRef37(
|
|
|
2470
2507
|
KhipuWordmark.displayName = "KhipuWordmark";
|
|
2471
2508
|
|
|
2472
2509
|
// src/components/domain/KdsSecureFooter/KdsSecureFooter.tsx
|
|
2473
|
-
import { Fragment as Fragment3, jsx as
|
|
2474
|
-
var KdsSecureFooter =
|
|
2510
|
+
import { Fragment as Fragment3, jsx as jsx41, jsxs as jsxs30 } from "react/jsx-runtime";
|
|
2511
|
+
var KdsSecureFooter = forwardRef39(
|
|
2475
2512
|
({ variant = "default", showLogo = true, psp, children, className, ...props }, ref) => /* @__PURE__ */ jsxs30("footer", { ref, className: clsx("kds-secure-footer", variant === "inside" && "inside", className), ...props, children: [
|
|
2476
2513
|
/* @__PURE__ */ jsxs30("svg", { className: "kds-secure-footer-lock", viewBox: "0 0 24 24", "aria-hidden": "true", children: [
|
|
2477
|
-
/* @__PURE__ */
|
|
2478
|
-
/* @__PURE__ */
|
|
2514
|
+
/* @__PURE__ */ jsx41("rect", { x: "4.5", y: "10.5", width: "15", height: "10", rx: "2.25" }),
|
|
2515
|
+
/* @__PURE__ */ jsx41("path", { d: "M8 10.5V7a4 4 0 0 1 8 0v3.5" })
|
|
2479
2516
|
] }),
|
|
2480
|
-
children || /* @__PURE__ */
|
|
2481
|
-
showLogo && /* @__PURE__ */
|
|
2517
|
+
children || /* @__PURE__ */ jsx41("span", { children: "Pago seguro procesado por" }),
|
|
2518
|
+
showLogo && /* @__PURE__ */ jsx41(KhipuWordmark, {}),
|
|
2482
2519
|
psp && /* @__PURE__ */ jsxs30(Fragment3, { children: [
|
|
2483
|
-
/* @__PURE__ */
|
|
2520
|
+
/* @__PURE__ */ jsx41("span", { className: "kds-secure-footer-sep", "aria-hidden": "true" }),
|
|
2484
2521
|
psp
|
|
2485
2522
|
] })
|
|
2486
2523
|
] })
|
|
@@ -2488,44 +2525,44 @@ var KdsSecureFooter = forwardRef38(
|
|
|
2488
2525
|
KdsSecureFooter.displayName = "KdsSecureFooter";
|
|
2489
2526
|
|
|
2490
2527
|
// src/components/domain/KdsRecapList/KdsRecapList.tsx
|
|
2491
|
-
import { forwardRef as
|
|
2492
|
-
import { jsx as
|
|
2493
|
-
var KdsRecapList =
|
|
2494
|
-
({ items, className, ...props }, ref) => /* @__PURE__ */
|
|
2495
|
-
/* @__PURE__ */
|
|
2496
|
-
/* @__PURE__ */
|
|
2528
|
+
import { forwardRef as forwardRef40 } from "react";
|
|
2529
|
+
import { jsx as jsx42, jsxs as jsxs31 } from "react/jsx-runtime";
|
|
2530
|
+
var KdsRecapList = forwardRef40(
|
|
2531
|
+
({ items, className, ...props }, ref) => /* @__PURE__ */ jsx42("ul", { ref, className: clsx("kds-recap-list", className), ...props, children: items.map((item, i) => /* @__PURE__ */ jsxs31("li", { children: [
|
|
2532
|
+
/* @__PURE__ */ jsx42("span", { className: "kds-key", children: item.label }),
|
|
2533
|
+
/* @__PURE__ */ jsx42("span", { className: clsx("kds-value", !item.value && item.placeholder && "placeholder"), children: item.value || item.placeholder || "-" })
|
|
2497
2534
|
] }, i)) })
|
|
2498
2535
|
);
|
|
2499
2536
|
KdsRecapList.displayName = "KdsRecapList";
|
|
2500
2537
|
|
|
2501
2538
|
// src/components/domain/KdsMontoRow/KdsMontoRow.tsx
|
|
2502
|
-
import { forwardRef as
|
|
2503
|
-
import { jsx as
|
|
2504
|
-
var KdsMontoRow =
|
|
2539
|
+
import { forwardRef as forwardRef41 } from "react";
|
|
2540
|
+
import { jsx as jsx43, jsxs as jsxs32 } from "react/jsx-runtime";
|
|
2541
|
+
var KdsMontoRow = forwardRef41(
|
|
2505
2542
|
({ title, value, deadline, className, ...props }, ref) => /* @__PURE__ */ jsxs32("div", { ref, className: clsx("kds-monto-row", className), ...props, children: [
|
|
2506
2543
|
/* @__PURE__ */ jsxs32("div", { children: [
|
|
2507
|
-
/* @__PURE__ */
|
|
2508
|
-
deadline && /* @__PURE__ */
|
|
2544
|
+
/* @__PURE__ */ jsx43("div", { className: "kds-monto-row-title", children: title }),
|
|
2545
|
+
deadline && /* @__PURE__ */ jsx43("div", { className: "kds-monto-row-deadline", children: deadline })
|
|
2509
2546
|
] }),
|
|
2510
|
-
/* @__PURE__ */
|
|
2547
|
+
/* @__PURE__ */ jsx43("div", { className: "kds-monto-row-value", children: value })
|
|
2511
2548
|
] })
|
|
2512
2549
|
);
|
|
2513
2550
|
KdsMontoRow.displayName = "KdsMontoRow";
|
|
2514
2551
|
|
|
2515
2552
|
// src/components/domain/KdsMerchantTile/KdsMerchantTile.tsx
|
|
2516
|
-
import { forwardRef as
|
|
2517
|
-
import { jsx as
|
|
2518
|
-
var KdsMerchantTile =
|
|
2553
|
+
import { forwardRef as forwardRef42 } from "react";
|
|
2554
|
+
import { jsx as jsx44 } from "react/jsx-runtime";
|
|
2555
|
+
var KdsMerchantTile = forwardRef42(
|
|
2519
2556
|
({ name, logoUrl, initials, compact, className, ...props }, ref) => {
|
|
2520
2557
|
const displayInitials = (initials ?? name.slice(0, 2)).toUpperCase();
|
|
2521
|
-
return /* @__PURE__ */
|
|
2558
|
+
return /* @__PURE__ */ jsx44(
|
|
2522
2559
|
"div",
|
|
2523
2560
|
{
|
|
2524
2561
|
ref,
|
|
2525
2562
|
className: clsx("kds-merchant-tile", logoUrl && "logo", compact && "compact", className),
|
|
2526
2563
|
"aria-label": name,
|
|
2527
2564
|
...props,
|
|
2528
|
-
children: logoUrl ? /* @__PURE__ */
|
|
2565
|
+
children: logoUrl ? /* @__PURE__ */ jsx44("img", { src: logoUrl, alt: name }) : displayInitials
|
|
2529
2566
|
}
|
|
2530
2567
|
);
|
|
2531
2568
|
}
|
|
@@ -2533,7 +2570,7 @@ var KdsMerchantTile = forwardRef41(
|
|
|
2533
2570
|
KdsMerchantTile.displayName = "KdsMerchantTile";
|
|
2534
2571
|
|
|
2535
2572
|
// src/components/domain/KdsInvoiceMerchant/KdsInvoiceMerchant.tsx
|
|
2536
|
-
import { forwardRef as
|
|
2573
|
+
import { forwardRef as forwardRef43, useState as useState9 } from "react";
|
|
2537
2574
|
|
|
2538
2575
|
// src/components/domain/KdsInvoiceMerchant/useLogoBackdrop.ts
|
|
2539
2576
|
import { useEffect as useEffect4, useState as useState8 } from "react";
|
|
@@ -2605,13 +2642,13 @@ function useLogoBackdrop(logoUrl) {
|
|
|
2605
2642
|
}
|
|
2606
2643
|
|
|
2607
2644
|
// src/components/domain/KdsInvoiceMerchant/KdsInvoiceMerchant.tsx
|
|
2608
|
-
import { jsx as
|
|
2609
|
-
var KdsInvoiceMerchant =
|
|
2645
|
+
import { jsx as jsx45 } from "react/jsx-runtime";
|
|
2646
|
+
var KdsInvoiceMerchant = forwardRef43(
|
|
2610
2647
|
({ logoUrl, brandColor, className, style, ...props }, ref) => {
|
|
2611
2648
|
const [failed, setFailed] = useState9(false);
|
|
2612
2649
|
const showLogo = !!logoUrl && !failed;
|
|
2613
2650
|
const backdrop = useLogoBackdrop(showLogo ? logoUrl : void 0);
|
|
2614
|
-
return /* @__PURE__ */
|
|
2651
|
+
return /* @__PURE__ */ jsx45(
|
|
2615
2652
|
"div",
|
|
2616
2653
|
{
|
|
2617
2654
|
ref,
|
|
@@ -2624,7 +2661,7 @@ var KdsInvoiceMerchant = forwardRef42(
|
|
|
2624
2661
|
"aria-hidden": "true",
|
|
2625
2662
|
style: !showLogo && brandColor ? { background: brandColor, ...style } : style,
|
|
2626
2663
|
...props,
|
|
2627
|
-
children: showLogo ? /* @__PURE__ */
|
|
2664
|
+
children: showLogo ? /* @__PURE__ */ jsx45("img", { src: logoUrl, alt: "", onError: () => setFailed(true) }) : /* @__PURE__ */ jsx45("i", { className: "material-symbols-outlined", children: "storefront" })
|
|
2628
2665
|
}
|
|
2629
2666
|
);
|
|
2630
2667
|
}
|
|
@@ -2632,9 +2669,9 @@ var KdsInvoiceMerchant = forwardRef42(
|
|
|
2632
2669
|
KdsInvoiceMerchant.displayName = "KdsInvoiceMerchant";
|
|
2633
2670
|
|
|
2634
2671
|
// src/components/domain/KdsPaymentTotal/KdsPaymentTotal.tsx
|
|
2635
|
-
import { forwardRef as
|
|
2636
|
-
import { jsx as
|
|
2637
|
-
var KdsPaymentTotal =
|
|
2672
|
+
import { forwardRef as forwardRef44 } from "react";
|
|
2673
|
+
import { jsx as jsx46, jsxs as jsxs33 } from "react/jsx-runtime";
|
|
2674
|
+
var KdsPaymentTotal = forwardRef44(
|
|
2638
2675
|
({
|
|
2639
2676
|
variant = "default",
|
|
2640
2677
|
tone = "brand",
|
|
@@ -2665,14 +2702,14 @@ var KdsPaymentTotal = forwardRef43(
|
|
|
2665
2702
|
),
|
|
2666
2703
|
...props,
|
|
2667
2704
|
children: [
|
|
2668
|
-
!isEmail && title != null && /* @__PURE__ */
|
|
2669
|
-
!isEmail && titleMobile != null && /* @__PURE__ */
|
|
2670
|
-
label != null && /* @__PURE__ */
|
|
2705
|
+
!isEmail && title != null && /* @__PURE__ */ jsx46("h5", { className: "kds-payment-total-title", children: title }),
|
|
2706
|
+
!isEmail && titleMobile != null && /* @__PURE__ */ jsx46("h5", { className: "kds-payment-total-title-mobile", children: titleMobile }),
|
|
2707
|
+
label != null && /* @__PURE__ */ jsx46("h6", { className: "kds-payment-label", children: label }),
|
|
2671
2708
|
/* @__PURE__ */ jsxs33("h5", { className: "kds-payment-amount", children: [
|
|
2672
2709
|
currency,
|
|
2673
2710
|
" ",
|
|
2674
2711
|
integer,
|
|
2675
|
-
fraction !== null && /* @__PURE__ */
|
|
2712
|
+
fraction !== null && /* @__PURE__ */ jsx46("sup", { className: "kds-payment-total-decimal-sup", children: fraction })
|
|
2676
2713
|
] })
|
|
2677
2714
|
]
|
|
2678
2715
|
}
|
|
@@ -2708,9 +2745,9 @@ function formatAmount(amount, decimals, locale) {
|
|
|
2708
2745
|
}
|
|
2709
2746
|
|
|
2710
2747
|
// src/components/domain/KdsBillAttachment/KdsBillAttachment.tsx
|
|
2711
|
-
import { forwardRef as
|
|
2712
|
-
import { jsx as
|
|
2713
|
-
var KdsBillAttachment =
|
|
2748
|
+
import { forwardRef as forwardRef45 } from "react";
|
|
2749
|
+
import { jsx as jsx47, jsxs as jsxs34 } from "react/jsx-runtime";
|
|
2750
|
+
var KdsBillAttachment = forwardRef45(
|
|
2714
2751
|
({ filename, href, icon = "attach_file", className, ...props }, ref) => /* @__PURE__ */ jsxs34(
|
|
2715
2752
|
"a",
|
|
2716
2753
|
{
|
|
@@ -2721,15 +2758,15 @@ var KdsBillAttachment = forwardRef44(
|
|
|
2721
2758
|
className: clsx("kds-bill-attachment", className),
|
|
2722
2759
|
...props,
|
|
2723
2760
|
children: [
|
|
2724
|
-
/* @__PURE__ */
|
|
2725
|
-
/* @__PURE__ */
|
|
2761
|
+
/* @__PURE__ */ jsx47("i", { className: "material-symbols-outlined", children: icon }),
|
|
2762
|
+
/* @__PURE__ */ jsx47("span", { children: filename })
|
|
2726
2763
|
]
|
|
2727
2764
|
}
|
|
2728
2765
|
)
|
|
2729
2766
|
);
|
|
2730
2767
|
KdsBillAttachment.displayName = "KdsBillAttachment";
|
|
2731
|
-
var KdsBillAttachments =
|
|
2732
|
-
({ children, className, ...props }, ref) => /* @__PURE__ */
|
|
2768
|
+
var KdsBillAttachments = forwardRef45(
|
|
2769
|
+
({ children, className, ...props }, ref) => /* @__PURE__ */ jsx47("div", { ref, className: clsx("kds-bill-attachments", className), ...props, children })
|
|
2733
2770
|
);
|
|
2734
2771
|
KdsBillAttachments.displayName = "KdsBillAttachments";
|
|
2735
2772
|
|
|
@@ -3043,6 +3080,7 @@ export {
|
|
|
3043
3080
|
KdsCopyableTable,
|
|
3044
3081
|
KdsCountdown,
|
|
3045
3082
|
KdsDivider,
|
|
3083
|
+
KdsDocumentFrame,
|
|
3046
3084
|
KdsEmptyState,
|
|
3047
3085
|
KdsExpandPanel,
|
|
3048
3086
|
KdsFab,
|