@danielcruzcode/ui-core 0.1.0

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.
Files changed (159) hide show
  1. package/README.md +171 -0
  2. package/dist/commerce/ProductCard/ProductCard.css.d.ts +23 -0
  3. package/dist/commerce/ProductCard/ProductCard.css.d.ts.map +1 -0
  4. package/dist/commerce/ProductCard/ProductCard.d.ts +30 -0
  5. package/dist/commerce/ProductCard/ProductCard.d.ts.map +1 -0
  6. package/dist/commerce/ProductCard/index.d.ts +3 -0
  7. package/dist/commerce/ProductCard/index.d.ts.map +1 -0
  8. package/dist/commerce/ProductShelf/ProductShelf.css.d.ts +3 -0
  9. package/dist/commerce/ProductShelf/ProductShelf.css.d.ts.map +1 -0
  10. package/dist/commerce/ProductShelf/ProductShelf.d.ts +22 -0
  11. package/dist/commerce/ProductShelf/ProductShelf.d.ts.map +1 -0
  12. package/dist/commerce/ProductShelf/index.d.ts +3 -0
  13. package/dist/commerce/ProductShelf/index.d.ts.map +1 -0
  14. package/dist/components/Card/Card.css.d.ts +30 -0
  15. package/dist/components/Card/Card.css.d.ts.map +1 -0
  16. package/dist/components/Card/Card.d.ts +13 -0
  17. package/dist/components/Card/Card.d.ts.map +1 -0
  18. package/dist/components/Card/index.d.ts +3 -0
  19. package/dist/components/Card/index.d.ts.map +1 -0
  20. package/dist/components/Carousel/Carousel.css.d.ts +8 -0
  21. package/dist/components/Carousel/Carousel.css.d.ts.map +1 -0
  22. package/dist/components/Carousel/Carousel.d.ts +23 -0
  23. package/dist/components/Carousel/Carousel.d.ts.map +1 -0
  24. package/dist/components/Carousel/Carousel.js +35 -0
  25. package/dist/components/Carousel/Carousel.js.map +1 -0
  26. package/dist/components/Carousel/index.d.ts +3 -0
  27. package/dist/components/Carousel/index.d.ts.map +1 -0
  28. package/dist/components/Carousel/index.js +2 -0
  29. package/dist/components/Carousel/index.js.map +1 -0
  30. package/dist/index.cjs.js +1 -0
  31. package/dist/index.cjs10.js +1 -0
  32. package/dist/index.cjs11.js +1 -0
  33. package/dist/index.cjs12.js +1 -0
  34. package/dist/index.cjs13.js +1 -0
  35. package/dist/index.cjs14.js +1 -0
  36. package/dist/index.cjs15.js +1 -0
  37. package/dist/index.cjs16.js +1 -0
  38. package/dist/index.cjs17.js +1 -0
  39. package/dist/index.cjs18.js +1 -0
  40. package/dist/index.cjs19.js +1 -0
  41. package/dist/index.cjs2.js +1 -0
  42. package/dist/index.cjs20.js +1 -0
  43. package/dist/index.cjs21.js +1 -0
  44. package/dist/index.cjs22.js +1 -0
  45. package/dist/index.cjs23.js +1 -0
  46. package/dist/index.cjs24.js +1 -0
  47. package/dist/index.cjs25.js +1 -0
  48. package/dist/index.cjs27.js +1 -0
  49. package/dist/index.cjs28.js +1 -0
  50. package/dist/index.cjs29.js +1 -0
  51. package/dist/index.cjs3.js +1 -0
  52. package/dist/index.cjs30.js +1 -0
  53. package/dist/index.cjs31.js +1 -0
  54. package/dist/index.cjs34.js +1 -0
  55. package/dist/index.cjs4.js +1 -0
  56. package/dist/index.cjs42.js +1 -0
  57. package/dist/index.cjs43.js +1 -0
  58. package/dist/index.cjs44.js +1 -0
  59. package/dist/index.cjs49.js +1 -0
  60. package/dist/index.cjs5.js +1 -0
  61. package/dist/index.cjs50.js +1 -0
  62. package/dist/index.cjs51.js +1 -0
  63. package/dist/index.cjs52.js +1 -0
  64. package/dist/index.cjs6.js +1 -0
  65. package/dist/index.cjs7.js +1 -0
  66. package/dist/index.cjs8.js +1 -0
  67. package/dist/index.cjs9.js +1 -0
  68. package/dist/index.d.ts +25 -0
  69. package/dist/index.d.ts.map +1 -0
  70. package/dist/index.esm.js +26 -0
  71. package/dist/index.esm10.js +54 -0
  72. package/dist/index.esm11.js +52 -0
  73. package/dist/index.esm12.js +25 -0
  74. package/dist/index.esm13.js +28 -0
  75. package/dist/index.esm14.js +8 -0
  76. package/dist/index.esm15.js +7 -0
  77. package/dist/index.esm16.js +8 -0
  78. package/dist/index.esm17.js +12 -0
  79. package/dist/index.esm18.js +11 -0
  80. package/dist/index.esm19.js +15 -0
  81. package/dist/index.esm2.js +8 -0
  82. package/dist/index.esm20.js +12 -0
  83. package/dist/index.esm21.js +136 -0
  84. package/dist/index.esm22.js +226 -0
  85. package/dist/index.esm23.js +130 -0
  86. package/dist/index.esm24.js +247 -0
  87. package/dist/index.esm25.js +11 -0
  88. package/dist/index.esm27.js +7 -0
  89. package/dist/index.esm28.js +26 -0
  90. package/dist/index.esm29.js +7 -0
  91. package/dist/index.esm3.js +49 -0
  92. package/dist/index.esm30.js +5 -0
  93. package/dist/index.esm31.js +1 -0
  94. package/dist/index.esm34.js +88 -0
  95. package/dist/index.esm4.js +35 -0
  96. package/dist/index.esm42.js +2028 -0
  97. package/dist/index.esm43.js +60 -0
  98. package/dist/index.esm44.js +191 -0
  99. package/dist/index.esm49.js +12 -0
  100. package/dist/index.esm5.js +100 -0
  101. package/dist/index.esm50.js +182 -0
  102. package/dist/index.esm51.js +6 -0
  103. package/dist/index.esm52.js +134 -0
  104. package/dist/index.esm6.js +61 -0
  105. package/dist/index.esm7.js +8 -0
  106. package/dist/index.esm8.js +58 -0
  107. package/dist/index.esm9.js +169 -0
  108. package/dist/layout/Container/Container.css.d.ts +20 -0
  109. package/dist/layout/Container/Container.css.d.ts.map +1 -0
  110. package/dist/layout/Container/Container.d.ts +8 -0
  111. package/dist/layout/Container/Container.d.ts.map +1 -0
  112. package/dist/layout/Container/index.d.ts +3 -0
  113. package/dist/layout/Container/index.d.ts.map +1 -0
  114. package/dist/layout/Stack/Stack.css.d.ts +2 -0
  115. package/dist/layout/Stack/Stack.css.d.ts.map +1 -0
  116. package/dist/layout/Stack/Stack.d.ts +10 -0
  117. package/dist/layout/Stack/Stack.d.ts.map +1 -0
  118. package/dist/layout/Stack/index.d.ts +3 -0
  119. package/dist/layout/Stack/index.d.ts.map +1 -0
  120. package/dist/primitives/Badge/Badge.css.d.ts +37 -0
  121. package/dist/primitives/Badge/Badge.css.d.ts.map +1 -0
  122. package/dist/primitives/Badge/Badge.d.ts +8 -0
  123. package/dist/primitives/Badge/Badge.d.ts.map +1 -0
  124. package/dist/primitives/Badge/index.d.ts +3 -0
  125. package/dist/primitives/Badge/index.d.ts.map +1 -0
  126. package/dist/primitives/Button/Button.css.d.ts +60 -0
  127. package/dist/primitives/Button/Button.css.d.ts.map +1 -0
  128. package/dist/primitives/Button/Button.d.ts +16 -0
  129. package/dist/primitives/Button/Button.d.ts.map +1 -0
  130. package/dist/primitives/Button/index.d.ts +3 -0
  131. package/dist/primitives/Button/index.d.ts.map +1 -0
  132. package/dist/primitives/Checkbox/Checkbox.css.d.ts +9 -0
  133. package/dist/primitives/Checkbox/Checkbox.css.d.ts.map +1 -0
  134. package/dist/primitives/Checkbox/Checkbox.d.ts +11 -0
  135. package/dist/primitives/Checkbox/Checkbox.d.ts.map +1 -0
  136. package/dist/primitives/Checkbox/index.d.ts +3 -0
  137. package/dist/primitives/Checkbox/index.d.ts.map +1 -0
  138. package/dist/primitives/Input/Input.css.d.ts +11 -0
  139. package/dist/primitives/Input/Input.css.d.ts.map +1 -0
  140. package/dist/primitives/Input/Input.d.ts +18 -0
  141. package/dist/primitives/Input/Input.d.ts.map +1 -0
  142. package/dist/primitives/Input/index.d.ts +3 -0
  143. package/dist/primitives/Input/index.d.ts.map +1 -0
  144. package/dist/primitives/Select/Select.css.d.ts +8 -0
  145. package/dist/primitives/Select/Select.css.d.ts.map +1 -0
  146. package/dist/primitives/Select/Select.d.ts +18 -0
  147. package/dist/primitives/Select/Select.d.ts.map +1 -0
  148. package/dist/primitives/Select/index.d.ts +3 -0
  149. package/dist/primitives/Select/index.d.ts.map +1 -0
  150. package/dist/primitives/Tag/Tag.css.d.ts +16 -0
  151. package/dist/primitives/Tag/Tag.css.d.ts.map +1 -0
  152. package/dist/primitives/Tag/Tag.d.ts +7 -0
  153. package/dist/primitives/Tag/Tag.d.ts.map +1 -0
  154. package/dist/primitives/Tag/index.d.ts +3 -0
  155. package/dist/primitives/Tag/index.d.ts.map +1 -0
  156. package/dist/styles.css +1 -0
  157. package/dist/styles.d.ts +1 -0
  158. package/dist/styles.d.ts.map +1 -0
  159. package/package.json +61 -0
@@ -0,0 +1,61 @@
1
+ import { jsxs as a, jsx as r } from "react/jsx-runtime";
2
+ import { useId as u, useRef as x, useEffect as k } from "react";
3
+ import { hiddenInput as m, labelText as w, wrapper as b, wrapperDisabled as j, box as v, boxIndeterminate as B, boxChecked as I } from "./index.esm17.js";
4
+ function M({
5
+ checked: o = !1,
6
+ onChange: t,
7
+ label: s,
8
+ disabled: l = !1,
9
+ indeterminate: e = !1,
10
+ name: d,
11
+ id: h
12
+ }) {
13
+ const c = u(), n = h ?? c, i = x(null);
14
+ k(() => {
15
+ i.current && (i.current.indeterminate = e);
16
+ }, [e]);
17
+ const p = [
18
+ v,
19
+ o || e ? e ? B : I : ""
20
+ ].filter(Boolean).join(" ");
21
+ return /* @__PURE__ */ a(
22
+ "label",
23
+ {
24
+ htmlFor: n,
25
+ className: [b, l ? j : ""].filter(Boolean).join(" "),
26
+ children: [
27
+ /* @__PURE__ */ r(
28
+ "input",
29
+ {
30
+ ref: i,
31
+ id: n,
32
+ name: d,
33
+ type: "checkbox",
34
+ className: m,
35
+ checked: o,
36
+ disabled: l,
37
+ onChange: (f) => t == null ? void 0 : t(f.target.checked),
38
+ "aria-checked": e ? "mixed" : o
39
+ }
40
+ ),
41
+ /* @__PURE__ */ a("span", { className: p, "aria-hidden": "true", children: [
42
+ e && /* @__PURE__ */ r("svg", { width: "10", height: "2", viewBox: "0 0 10 2", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ r("path", { d: "M1 1h8", stroke: "white", strokeWidth: "2", strokeLinecap: "round" }) }),
43
+ o && !e && /* @__PURE__ */ r("svg", { width: "10", height: "8", viewBox: "0 0 10 8", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ r(
44
+ "path",
45
+ {
46
+ d: "M1 4l3 3 5-6",
47
+ stroke: "white",
48
+ strokeWidth: "1.8",
49
+ strokeLinecap: "round",
50
+ strokeLinejoin: "round"
51
+ }
52
+ ) })
53
+ ] }),
54
+ s && /* @__PURE__ */ r("span", { className: w, children: s })
55
+ ]
56
+ }
57
+ );
58
+ }
59
+ export {
60
+ M as Checkbox
61
+ };
@@ -0,0 +1,8 @@
1
+ import { jsx as i } from "react/jsx-runtime";
2
+ import { containerRecipe as n } from "./index.esm29.js";
3
+ function m({ maxWidth: r = "xl", children: o, as: e = "div" }) {
4
+ return /* @__PURE__ */ i(e, { className: n({ maxWidth: r }), children: o });
5
+ }
6
+ export {
7
+ m as Container
8
+ };
@@ -0,0 +1,58 @@
1
+ import { jsxs as r, jsx as e } from "react/jsx-runtime";
2
+ import { useId as W } from "react";
3
+ import { wrapper as w, label as B, requiredMark as k, iconSlot as u, input as y, errorText as D, hint as E, inputWrapper as F, inputWrapperError as M, inputWrapperDisabled as S } from "./index.esm19.js";
4
+ function A({
5
+ label: t,
6
+ placeholder: h,
7
+ value: N,
8
+ onChange: s,
9
+ type: v = "text",
10
+ error: a,
11
+ hint: l,
12
+ disabled: d = !1,
13
+ required: n = !1,
14
+ leftIcon: p,
15
+ rightIcon: c,
16
+ name: f,
17
+ id: x
18
+ }) {
19
+ const b = W(), i = x ?? b, o = a ? `${i}-error` : void 0, m = l ? `${i}-hint` : void 0, j = [
20
+ F,
21
+ a ? M : "",
22
+ d ? S : ""
23
+ ].filter(Boolean).join(" ");
24
+ return /* @__PURE__ */ r("div", { className: w, children: [
25
+ t && /* @__PURE__ */ r("label", { className: B, htmlFor: i, children: [
26
+ t,
27
+ n && /* @__PURE__ */ r("span", { className: k, "aria-hidden": "true", children: [
28
+ " ",
29
+ "*"
30
+ ] })
31
+ ] }),
32
+ /* @__PURE__ */ r("div", { className: j, children: [
33
+ p && /* @__PURE__ */ e("span", { className: u, "aria-hidden": "true", children: p }),
34
+ /* @__PURE__ */ e(
35
+ "input",
36
+ {
37
+ id: i,
38
+ name: f,
39
+ type: v,
40
+ className: y,
41
+ placeholder: h,
42
+ value: N,
43
+ onChange: (I) => s == null ? void 0 : s(I.target.value),
44
+ disabled: d,
45
+ required: n,
46
+ "aria-invalid": a ? !0 : void 0,
47
+ "aria-describedby": [o, m].filter(Boolean).join(" ") || void 0
48
+ }
49
+ ),
50
+ c && /* @__PURE__ */ e("span", { className: u, "aria-hidden": "true", children: c })
51
+ ] }),
52
+ a && /* @__PURE__ */ e("span", { id: o, className: D, role: "alert", children: a }),
53
+ l && !a && /* @__PURE__ */ e("span", { id: m, className: E, children: l })
54
+ ] });
55
+ }
56
+ export {
57
+ A as Input
58
+ };
@@ -0,0 +1,169 @@
1
+ import { jsx as e, jsxs as a } from "react/jsx-runtime";
2
+ import { imageWrapper as j, image as M, badgeOverlay as O, wishlistBtn as F, unavailableOverlay as I, unavailableText as q, body as V, title as _, subtitle as E, starsWrapper as B, reviewCount as G, priceWrapper as H, price as J, originalPrice as K, installments as R, root as T, skeletonImage as U, skeletonLine as h, skeletonBtn as X, footer as Y, quickViewBtn as Z } from "./index.esm28.js";
3
+ import { Badge as x } from "./index.esm2.js";
4
+ import { Card as P } from "./index.esm4.js";
5
+ import { Button as Q } from "./index.esm3.js";
6
+ function D({ rating: i }) {
7
+ return /* @__PURE__ */ e("span", { className: B, "aria-label": `${i} de 5 estrellas`, role: "img", children: Array.from({ length: 5 }).map((t, r) => /* @__PURE__ */ e(
8
+ "svg",
9
+ {
10
+ width: "12",
11
+ height: "12",
12
+ viewBox: "0 0 12 12",
13
+ fill: r < Math.round(i) ? "#F9AB00" : "none",
14
+ stroke: "#F9AB00",
15
+ strokeWidth: "1",
16
+ "aria-hidden": "true",
17
+ children: /* @__PURE__ */ e("path", { d: "M6 1l1.39 2.82L10.5 4.27l-2.25 2.19.53 3.09L6 8l-2.78 1.55.53-3.09L1.5 4.27l3.11-.45L6 1z" })
18
+ },
19
+ r
20
+ )) });
21
+ }
22
+ function $() {
23
+ return /* @__PURE__ */ a("article", { "aria-label": "Cargando producto", "aria-busy": "true", children: [
24
+ /* @__PURE__ */ e("div", { className: U }),
25
+ /* @__PURE__ */ a(
26
+ "div",
27
+ {
28
+ style: {
29
+ padding: "8px",
30
+ display: "flex",
31
+ flexDirection: "column",
32
+ gap: "8px"
33
+ },
34
+ children: [
35
+ /* @__PURE__ */ e("div", { className: h, style: { width: "100%" } }),
36
+ /* @__PURE__ */ e("div", { className: h, style: { width: "70%" } }),
37
+ /* @__PURE__ */ e("div", { className: h, style: { width: "50%" } }),
38
+ /* @__PURE__ */ e("div", { className: X })
39
+ ]
40
+ }
41
+ )
42
+ ] });
43
+ }
44
+ function se({
45
+ id: i,
46
+ title: t,
47
+ subtitle: r,
48
+ images: w,
49
+ price: m,
50
+ originalPrice: n,
51
+ discountPercent: p,
52
+ badge: v,
53
+ rating: u,
54
+ reviewCount: g,
55
+ installments: s,
56
+ unavailable: N = !1,
57
+ loading: C = !1,
58
+ onAddToCart: f,
59
+ onWishlist: y,
60
+ onQuickView: b,
61
+ onClick: d,
62
+ formatPrice: l,
63
+ className: L
64
+ }) {
65
+ if (C) return /* @__PURE__ */ e($, {});
66
+ const z = l ? l(m) : String(m), k = n ? l ? l(n) : String(n) : void 0, o = w[0], S = /* @__PURE__ */ a("div", { className: j, children: [
67
+ o && /* @__PURE__ */ e(
68
+ "img",
69
+ {
70
+ width: 100,
71
+ height: 100,
72
+ src: o.src,
73
+ alt: o.alt,
74
+ className: M,
75
+ loading: "lazy"
76
+ }
77
+ ),
78
+ /* @__PURE__ */ a("div", { className: O, children: [
79
+ p !== void 0 && /* @__PURE__ */ a(x, { variant: "danger", size: "sm", children: [
80
+ "-",
81
+ p,
82
+ "%"
83
+ ] }),
84
+ v && /* @__PURE__ */ e(x, { variant: "brand", size: "sm", children: v })
85
+ ] }),
86
+ y && /* @__PURE__ */ e(
87
+ "button",
88
+ {
89
+ type: "button",
90
+ className: F,
91
+ onClick: (c) => {
92
+ c.stopPropagation(), y(i);
93
+ },
94
+ "aria-label": `Agregar ${t} a favoritos`,
95
+ children: /* @__PURE__ */ e(
96
+ "svg",
97
+ {
98
+ width: "16",
99
+ height: "16",
100
+ viewBox: "0 0 24 24",
101
+ fill: "none",
102
+ stroke: "currentColor",
103
+ strokeWidth: "1.8",
104
+ "aria-hidden": "true",
105
+ children: /* @__PURE__ */ e("path", { d: "M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z" })
106
+ }
107
+ )
108
+ }
109
+ ),
110
+ N && /* @__PURE__ */ e("div", { className: I, children: /* @__PURE__ */ e("span", { className: q, children: "Sin stock" }) })
111
+ ] }), W = /* @__PURE__ */ a("div", { className: V, children: [
112
+ /* @__PURE__ */ e("p", { className: _, children: t }),
113
+ r && /* @__PURE__ */ e("p", { className: E, children: r }),
114
+ u !== void 0 && /* @__PURE__ */ a("div", { className: B, children: [
115
+ /* @__PURE__ */ e(D, { rating: u }),
116
+ g !== void 0 && /* @__PURE__ */ a("span", { className: G, children: [
117
+ "(",
118
+ g,
119
+ ")"
120
+ ] })
121
+ ] }),
122
+ /* @__PURE__ */ a("div", { className: H, children: [
123
+ /* @__PURE__ */ e("span", { className: J, children: z }),
124
+ k && /* @__PURE__ */ e("span", { className: K, children: k })
125
+ ] }),
126
+ s && /* @__PURE__ */ a("span", { className: R, children: [
127
+ s.count,
128
+ "x",
129
+ " ",
130
+ l ? l(s.value) : s.value
131
+ ] })
132
+ ] }), A = /* @__PURE__ */ a("div", { className: Y, children: [
133
+ f && /* @__PURE__ */ e(
134
+ Q,
135
+ {
136
+ variant: "primary",
137
+ size: "sm",
138
+ fullWidth: !0,
139
+ disabled: N,
140
+ onClick: () => f(i),
141
+ children: "Agregar"
142
+ }
143
+ ),
144
+ b && /* @__PURE__ */ e(
145
+ "button",
146
+ {
147
+ type: "button",
148
+ className: Z,
149
+ onClick: (c) => {
150
+ c.stopPropagation(), b(i);
151
+ },
152
+ children: "Vista rápida"
153
+ }
154
+ )
155
+ ] });
156
+ return /* @__PURE__ */ e("div", { className: [T, L].filter(Boolean).join(" "), children: /* @__PURE__ */ e(
157
+ P,
158
+ {
159
+ media: S,
160
+ body: W,
161
+ footer: A,
162
+ hoverable: !!d,
163
+ onClick: d ? () => d(i) : void 0
164
+ }
165
+ ) });
166
+ }
167
+ export {
168
+ se as ProductCard
169
+ };
@@ -0,0 +1,20 @@
1
+ export declare const containerRecipe: import('@vanilla-extract/recipes').RuntimeFn<{
2
+ maxWidth: {
3
+ sm: {
4
+ maxWidth: "640px";
5
+ };
6
+ md: {
7
+ maxWidth: "768px";
8
+ };
9
+ lg: {
10
+ maxWidth: "1024px";
11
+ };
12
+ xl: {
13
+ maxWidth: "1280px";
14
+ };
15
+ full: {
16
+ maxWidth: "100%";
17
+ };
18
+ };
19
+ }>;
20
+ //# sourceMappingURL=Container.css.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Container.css.d.ts","sourceRoot":"","sources":["../../../src/layout/Container/Container.css.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;EA0B1B,CAAA"}
@@ -0,0 +1,8 @@
1
+ import { default as React } from 'react';
2
+ export interface ContainerProps {
3
+ maxWidth?: 'sm' | 'md' | 'lg' | 'xl' | 'full';
4
+ children: React.ReactNode;
5
+ as?: keyof JSX.IntrinsicElements;
6
+ }
7
+ export declare function Container({ maxWidth, children, as: Tag }: ContainerProps): import("react/jsx-runtime").JSX.Element;
8
+ //# sourceMappingURL=Container.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Container.d.ts","sourceRoot":"","sources":["../../../src/layout/Container/Container.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,cAAc;IAC7B,QAAQ,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAC;IAC9C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,EAAE,CAAC,EAAE,MAAM,GAAG,CAAC,iBAAiB,CAAC;CAClC;AAED,wBAAgB,SAAS,CAAC,EAAE,QAAe,EAAE,QAAQ,EAAE,EAAE,EAAE,GAAW,EAAE,EAAE,cAAc,2CAEvF"}
@@ -0,0 +1,3 @@
1
+ export { Container } from './Container';
2
+ export type { ContainerProps } from './Container';
3
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/layout/Container/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,YAAY,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC"}
@@ -0,0 +1,2 @@
1
+ export declare const stackBase: string;
2
+ //# sourceMappingURL=Stack.css.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Stack.css.d.ts","sourceRoot":"","sources":["../../../src/layout/Stack/Stack.css.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,SAAS,QAGpB,CAAA"}
@@ -0,0 +1,10 @@
1
+ import { vars } from '../../../../design-tokens/src/index.ts';
2
+ import { default as React } from 'react';
3
+ export interface StackProps {
4
+ gap?: keyof typeof vars.space;
5
+ align?: 'start' | 'center' | 'end' | 'stretch';
6
+ children: React.ReactNode;
7
+ as?: keyof JSX.IntrinsicElements;
8
+ }
9
+ export declare function Stack({ gap, align, children, as: Tag }: StackProps): import("react/jsx-runtime").JSX.Element;
10
+ //# sourceMappingURL=Stack.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Stack.d.ts","sourceRoot":"","sources":["../../../src/layout/Stack/Stack.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,+BAA+B,CAAC;AACrD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,UAAU;IACzB,GAAG,CAAC,EAAE,MAAM,OAAO,IAAI,CAAC,KAAK,CAAC;IAC9B,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,SAAS,CAAC;IAC/C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,EAAE,CAAC,EAAE,MAAM,GAAG,CAAC,iBAAiB,CAAC;CAClC;AASD,wBAAgB,KAAK,CAAC,EAAE,GAAG,EAAE,KAAiB,EAAE,QAAQ,EAAE,EAAE,EAAE,GAAW,EAAE,EAAE,UAAU,2CAYtF"}
@@ -0,0 +1,3 @@
1
+ export { Stack } from './Stack';
2
+ export type { StackProps } from './Stack';
3
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/layout/Stack/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,YAAY,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC"}
@@ -0,0 +1,37 @@
1
+ export declare const badgeRecipe: import('@vanilla-extract/recipes').RuntimeFn<{
2
+ variant: {
3
+ brand: {
4
+ backgroundColor: `var(--${string})`;
5
+ color: `var(--${string})`;
6
+ };
7
+ success: {
8
+ backgroundColor: `var(--${string})`;
9
+ color: `var(--${string})`;
10
+ };
11
+ warning: {
12
+ backgroundColor: `var(--${string})`;
13
+ color: `var(--${string})`;
14
+ };
15
+ danger: {
16
+ backgroundColor: `var(--${string})`;
17
+ color: `var(--${string})`;
18
+ };
19
+ neutral: {
20
+ backgroundColor: `var(--${string})`;
21
+ color: `var(--${string})`;
22
+ };
23
+ };
24
+ size: {
25
+ sm: {
26
+ fontSize: "11px";
27
+ paddingBlock: "2px";
28
+ paddingInline: "6px";
29
+ };
30
+ md: {
31
+ fontSize: "13px";
32
+ paddingBlock: "4px";
33
+ paddingInline: `var(--${string})`;
34
+ };
35
+ };
36
+ }>;
37
+ //# sourceMappingURL=Badge.css.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Badge.css.d.ts","sourceRoot":"","sources":["../../../src/primitives/Badge/Badge.css.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAmDtB,CAAA"}
@@ -0,0 +1,8 @@
1
+ import { default as React } from 'react';
2
+ export interface BadgeProps {
3
+ variant?: 'brand' | 'success' | 'warning' | 'danger' | 'neutral';
4
+ size?: 'sm' | 'md';
5
+ children: React.ReactNode;
6
+ }
7
+ export declare function Badge({ variant, size, children }: BadgeProps): import("react/jsx-runtime").JSX.Element;
8
+ //# sourceMappingURL=Badge.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../src/primitives/Badge/Badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,UAAU;IACzB,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,SAAS,CAAC;IACjE,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,wBAAgB,KAAK,CAAC,EAAE,OAAmB,EAAE,IAAW,EAAE,QAAQ,EAAE,EAAE,UAAU,2CAE/E"}
@@ -0,0 +1,3 @@
1
+ export { Badge } from './Badge';
2
+ export type { BadgeProps } from './Badge';
3
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/primitives/Badge/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,YAAY,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC"}
@@ -0,0 +1,60 @@
1
+ export declare const buttonRecipe: import('@vanilla-extract/recipes').RuntimeFn<{
2
+ variant: {
3
+ primary: {
4
+ backgroundColor: `var(--${string})`;
5
+ color: "#FFFFFF";
6
+ ':hover:not(:disabled)': {
7
+ backgroundColor: `var(--${string})`;
8
+ };
9
+ ':active:not(:disabled)': {
10
+ backgroundColor: `var(--${string})`;
11
+ boxShadow: `var(--${string})`;
12
+ };
13
+ };
14
+ secondary: {
15
+ backgroundColor: "transparent";
16
+ color: `var(--${string})`;
17
+ border: `1.5px solid var(--${string})`;
18
+ ':hover:not(:disabled)': {
19
+ backgroundColor: `var(--${string})`;
20
+ };
21
+ };
22
+ ghost: {
23
+ backgroundColor: "transparent";
24
+ color: `var(--${string})`;
25
+ ':hover:not(:disabled)': {
26
+ backgroundColor: `var(--${string})`;
27
+ };
28
+ };
29
+ danger: {
30
+ backgroundColor: `var(--${string})`;
31
+ color: "#FFFFFF";
32
+ ':hover:not(:disabled)': {
33
+ opacity: number;
34
+ };
35
+ };
36
+ };
37
+ size: {
38
+ sm: {
39
+ height: "32px";
40
+ paddingInline: `var(--${string})`;
41
+ fontSize: "13px";
42
+ };
43
+ md: {
44
+ height: "40px";
45
+ paddingInline: `var(--${string})`;
46
+ fontSize: "15px";
47
+ };
48
+ lg: {
49
+ height: "48px";
50
+ paddingInline: `var(--${string})`;
51
+ fontSize: "17px";
52
+ };
53
+ };
54
+ fullWidth: {
55
+ true: {
56
+ width: "100%";
57
+ };
58
+ };
59
+ }>;
60
+ //# sourceMappingURL=Button.css.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Button.css.d.ts","sourceRoot":"","sources":["../../../src/primitives/Button/Button.css.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAqFvB,CAAA"}
@@ -0,0 +1,16 @@
1
+ import { default as React } from 'react';
2
+ export interface ButtonProps {
3
+ variant?: 'primary' | 'secondary' | 'ghost' | 'danger';
4
+ size?: 'sm' | 'md' | 'lg';
5
+ fullWidth?: boolean;
6
+ loading?: boolean;
7
+ disabled?: boolean;
8
+ leftIcon?: React.ReactNode;
9
+ rightIcon?: React.ReactNode;
10
+ onClick?: (e: React.MouseEvent<HTMLButtonElement>) => void;
11
+ children: React.ReactNode;
12
+ type?: 'button' | 'submit' | 'reset';
13
+ className?: string;
14
+ }
15
+ export declare function Button({ variant, size, fullWidth, loading, disabled, leftIcon, rightIcon, onClick, children, type, className, }: ButtonProps): import("react/jsx-runtime").JSX.Element;
16
+ //# sourceMappingURL=Button.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/primitives/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,WAAW;IAC1B,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,OAAO,GAAG,QAAQ,CAAC;IACvD,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAC3D,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;IACrC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,MAAM,CAAC,EACrB,OAAmB,EACnB,IAAW,EACX,SAAiB,EACjB,OAAe,EACf,QAAgB,EAChB,QAAQ,EACR,SAAS,EACT,OAAO,EACP,QAAQ,EACR,IAAe,EACf,SAAS,GACV,EAAE,WAAW,2CAoCb"}
@@ -0,0 +1,3 @@
1
+ export { Button } from './Button';
2
+ export type { ButtonProps } from './Button';
3
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/primitives/Button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC"}
@@ -0,0 +1,9 @@
1
+ export declare const wrapper: string;
2
+ export declare const wrapperDisabled: string;
3
+ export declare const hiddenInput: string;
4
+ export declare const box: string;
5
+ export declare const boxChecked: string;
6
+ export declare const boxIndeterminate: string;
7
+ export declare const focusRing: string;
8
+ export declare const labelText: string;
9
+ //# sourceMappingURL=Checkbox.css.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Checkbox.css.d.ts","sourceRoot":"","sources":["../../../src/primitives/Checkbox/Checkbox.css.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,OAAO,QAOlB,CAAA;AAEF,eAAO,MAAM,eAAe,QAG1B,CAAA;AAEF,eAAO,MAAM,WAAW,QAMtB,CAAA;AAEF,eAAO,MAAM,GAAG,QAWd,CAAA;AAEF,eAAO,MAAM,UAAU,QAGrB,CAAA;AAEF,eAAO,MAAM,gBAAgB,QAG3B,CAAA;AAEF,eAAO,MAAM,SAAS,QAOpB,CAAA;AAEF,eAAO,MAAM,SAAS,QAGpB,CAAA"}
@@ -0,0 +1,11 @@
1
+ export interface CheckboxProps {
2
+ checked?: boolean;
3
+ onChange?: (checked: boolean) => void;
4
+ label?: string;
5
+ disabled?: boolean;
6
+ indeterminate?: boolean;
7
+ name?: string;
8
+ id?: string;
9
+ }
10
+ export declare function Checkbox({ checked, onChange, label, disabled, indeterminate, name, id: idProp, }: CheckboxProps): import("react/jsx-runtime").JSX.Element;
11
+ //# sourceMappingURL=Checkbox.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../src/primitives/Checkbox/Checkbox.tsx"],"names":[],"mappings":"AAWA,MAAM,WAAW,aAAa;IAC5B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AAED,wBAAgB,QAAQ,CAAC,EACvB,OAAe,EACf,QAAQ,EACR,KAAK,EACL,QAAgB,EAChB,aAAqB,EACrB,IAAI,EACJ,EAAE,EAAE,MAAM,GACX,EAAE,aAAa,2CAuDf"}
@@ -0,0 +1,3 @@
1
+ export { Checkbox } from './Checkbox';
2
+ export type { CheckboxProps } from './Checkbox';
3
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/primitives/Checkbox/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC"}
@@ -0,0 +1,11 @@
1
+ export declare const wrapper: string;
2
+ export declare const label: string;
3
+ export declare const requiredMark: string;
4
+ export declare const inputWrapper: string;
5
+ export declare const inputWrapperError: string;
6
+ export declare const inputWrapperDisabled: string;
7
+ export declare const input: string;
8
+ export declare const iconSlot: string;
9
+ export declare const hint: string;
10
+ export declare const errorText: string;
11
+ //# sourceMappingURL=Input.css.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Input.css.d.ts","sourceRoot":"","sources":["../../../src/primitives/Input/Input.css.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,OAAO,QAKlB,CAAA;AAEF,eAAO,MAAM,KAAK,QAIhB,CAAA;AAEF,eAAO,MAAM,YAAY,QAGvB,CAAA;AAEF,eAAO,MAAM,YAAY,QAavB,CAAA;AAEF,eAAO,MAAM,iBAAiB,QAM5B,CAAA;AAEF,eAAO,MAAM,oBAAoB,QAI/B,CAAA;AAEF,eAAO,MAAM,KAAK,QAehB,CAAA;AAEF,eAAO,MAAM,QAAQ,QAKnB,CAAA;AAEF,eAAO,MAAM,IAAI,QAGf,CAAA;AAEF,eAAO,MAAM,SAAS,QAGpB,CAAA"}
@@ -0,0 +1,18 @@
1
+ import { default as React } from 'react';
2
+ export interface InputProps {
3
+ label?: string;
4
+ placeholder?: string;
5
+ value?: string;
6
+ onChange?: (value: string) => void;
7
+ type?: 'text' | 'email' | 'password' | 'number' | 'search' | 'tel';
8
+ error?: string;
9
+ hint?: string;
10
+ disabled?: boolean;
11
+ required?: boolean;
12
+ leftIcon?: React.ReactNode;
13
+ rightIcon?: React.ReactNode;
14
+ name?: string;
15
+ id?: string;
16
+ }
17
+ export declare function Input({ label, placeholder, value, onChange, type, error, hint, disabled, required, leftIcon, rightIcon, name, id: idProp, }: InputProps): import("react/jsx-runtime").JSX.Element;
18
+ //# sourceMappingURL=Input.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/primitives/Input/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAe/B,MAAM,WAAW,UAAU;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,UAAU,GAAG,QAAQ,GAAG,QAAQ,GAAG,KAAK,CAAC;IACnE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AAED,wBAAgB,KAAK,CAAC,EACpB,KAAK,EACL,WAAW,EACX,KAAK,EACL,QAAQ,EACR,IAAa,EACb,KAAK,EACL,IAAI,EACJ,QAAgB,EAChB,QAAgB,EAChB,QAAQ,EACR,SAAS,EACT,IAAI,EACJ,EAAE,EAAE,MAAM,GACX,EAAE,UAAU,2CAgEZ"}
@@ -0,0 +1,3 @@
1
+ export { Input } from './Input';
2
+ export type { InputProps } from './Input';
3
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/primitives/Input/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,YAAY,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC"}
@@ -0,0 +1,8 @@
1
+ export declare const wrapper: string;
2
+ export declare const label: string;
3
+ export declare const selectWrapper: string;
4
+ export declare const select: string;
5
+ export declare const selectError: string;
6
+ export declare const chevron: string;
7
+ export declare const errorText: string;
8
+ //# sourceMappingURL=Select.css.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Select.css.d.ts","sourceRoot":"","sources":["../../../src/primitives/Select/Select.css.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,OAAO,QAKlB,CAAA;AAEF,eAAO,MAAM,KAAK,QAIhB,CAAA;AAEF,eAAO,MAAM,aAAa,QAIxB,CAAA;AAEF,eAAO,MAAM,MAAM,QAwBjB,CAAA;AAEF,eAAO,MAAM,WAAW,QAMtB,CAAA;AAEF,eAAO,MAAM,OAAO,QAOlB,CAAA;AAEF,eAAO,MAAM,SAAS,QAGpB,CAAA"}