@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,18 @@
1
+ export interface SelectOption {
2
+ value: string;
3
+ label: string;
4
+ disabled?: boolean;
5
+ }
6
+ export interface SelectProps {
7
+ options: SelectOption[];
8
+ value?: string;
9
+ onChange?: (value: string) => void;
10
+ label?: string;
11
+ placeholder?: string;
12
+ error?: string;
13
+ disabled?: boolean;
14
+ name?: string;
15
+ id?: string;
16
+ }
17
+ export declare function Select({ options, value, onChange, label, placeholder, error, disabled, name, id: idProp, }: SelectProps): import("react/jsx-runtime").JSX.Element;
18
+ //# sourceMappingURL=Select.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../src/primitives/Select/Select.tsx"],"names":[],"mappings":"AAWA,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,WAAW;IAC1B,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AAED,wBAAgB,MAAM,CAAC,EACrB,OAAO,EACP,KAAK,EACL,QAAQ,EACR,KAAK,EACL,WAAW,EACX,KAAK,EACL,QAAgB,EAChB,IAAI,EACJ,EAAE,EAAE,MAAM,GACX,EAAE,WAAW,2CAuDb"}
@@ -0,0 +1,3 @@
1
+ export { Select } from './Select';
2
+ export type { SelectProps, SelectOption } from './Select';
3
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/primitives/Select/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC"}
@@ -0,0 +1,16 @@
1
+ export declare const tagRecipe: import('@vanilla-extract/recipes').RuntimeFn<{
2
+ variant: {
3
+ default: {
4
+ backgroundColor: `var(--${string})`;
5
+ color: `var(--${string})`;
6
+ border: `1px solid var(--${string})`;
7
+ };
8
+ brand: {
9
+ backgroundColor: `var(--${string})`;
10
+ color: `var(--${string})`;
11
+ border: `1px solid var(--${string})`;
12
+ };
13
+ };
14
+ }>;
15
+ export declare const removeButton: string;
16
+ //# sourceMappingURL=Tag.css.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Tag.css.d.ts","sourceRoot":"","sources":["../../../src/primitives/Tag/Tag.css.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,SAAS;;;;;;;;;;;;;EA6BpB,CAAA;AAEF,eAAO,MAAM,YAAY,QAkBvB,CAAA"}
@@ -0,0 +1,7 @@
1
+ export interface TagProps {
2
+ label: string;
3
+ onRemove?: () => void;
4
+ variant?: 'default' | 'brand';
5
+ }
6
+ export declare function Tag({ label, onRemove, variant }: TagProps): import("react/jsx-runtime").JSX.Element;
7
+ //# sourceMappingURL=Tag.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Tag.d.ts","sourceRoot":"","sources":["../../../src/primitives/Tag/Tag.tsx"],"names":[],"mappings":"AAEA,MAAM,WAAW,QAAQ;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,OAAO,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;CAC/B;AAED,wBAAgB,GAAG,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAmB,EAAE,EAAE,QAAQ,2CAuBrE"}
@@ -0,0 +1,3 @@
1
+ export { Tag } from './Tag';
2
+ export type { TagProps } from './Tag';
3
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/primitives/Tag/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAC5B,YAAY,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC"}
@@ -0,0 +1 @@
1
+ :root{--_12wje750: #FFFFFF;--_12wje751: #F5F5F5;--_12wje752: #D1D1D1;--_12wje753: #D1D1D1;--_12wje754: #0A8920;--_12wje755: #1A1A1A;--_12wje756: #4A4A4A;--_12wje757: #D1D1D1;--_12wje758: #0A8920;--_12wje759: #077319;--_12wje75a: #E8F5EA;--_12wje75b: #0A8920;--_12wje75c: #E8F5EA;--_12wje75d: #F9AB00;--_12wje75e: #FEF7E0;--_12wje75f: #E31837;--_12wje75g: #FDECEA;--_12wje75h: 8px;--_12wje75i: 16px;--_12wje75j: 24px;--_12wje75k: 32px;--_12wje75l: 4px;--_12wje75m: 8px;--_12wje75n: 12px;--_12wje75o: 9999px;--_12wje75p: "DM Sans", sans-serif;--_12wje75q: "Bebas Neue", sans-serif;--_12wje75r: 0 1px 2px 0 rgba(0,0,0,.08);--_12wje75s: 0 4px 8px 0 rgba(0,0,0,.12);--_12wje75t: 0 8px 24px 0 rgba(0,0,0,.16);--_12wje75u: .1s ease;--_12wje75v: .2s ease}._4h81sx0{--_12wje750: #FFFFFF;--_12wje751: #F5F5F5;--_12wje752: #D1D1D1;--_12wje753: #D1D1D1;--_12wje754: #0A8920;--_12wje755: #1A1A1A;--_12wje756: #4A4A4A;--_12wje757: #D1D1D1;--_12wje758: #0A8920;--_12wje759: #077319;--_12wje75a: #E8F5EA;--_12wje75b: #0A8920;--_12wje75c: #E8F5EA;--_12wje75d: #F9AB00;--_12wje75e: #FEF7E0;--_12wje75f: #E31837;--_12wje75g: #FDECEA;--_12wje75h: 8px;--_12wje75i: 16px;--_12wje75j: 24px;--_12wje75k: 32px;--_12wje75l: 4px;--_12wje75m: 8px;--_12wje75n: 12px;--_12wje75o: 9999px;--_12wje75p: "DM Sans", sans-serif;--_12wje75q: "Bebas Neue", sans-serif;--_12wje75r: 0 1px 2px 0 rgba(0,0,0,.08);--_12wje75s: 0 4px 8px 0 rgba(0,0,0,.12);--_12wje75t: 0 8px 24px 0 rgba(0,0,0,.16);--_12wje75u: .1s ease;--_12wje75v: .2s ease}._4h81sx1{--_12wje750: #1A1A1A;--_12wje751: #2A2A2A;--_12wje752: #3A3A3A;--_12wje753: #3A3A3A;--_12wje754: #0A8920;--_12wje755: #FFFFFF;--_12wje756: #D1D1D1;--_12wje757: #4A4A4A;--_12wje758: #0A8920;--_12wje759: #077319;--_12wje75a: #0A3A10;--_12wje75b: #0A8920;--_12wje75c: #0A3A10;--_12wje75d: #F9AB00;--_12wje75e: #2B2300;--_12wje75f: #E31837;--_12wje75g: #3D0A12;--_12wje75h: 8px;--_12wje75i: 16px;--_12wje75j: 24px;--_12wje75k: 32px;--_12wje75l: 4px;--_12wje75m: 8px;--_12wje75n: 12px;--_12wje75o: 9999px;--_12wje75p: "DM Sans", sans-serif;--_12wje75q: "Bebas Neue", sans-serif;--_12wje75r: 0 1px 2px 0 rgba(0,0,0,.32);--_12wje75s: 0 4px 8px 0 rgba(0,0,0,.4);--_12wje75t: 0 8px 24px 0 rgba(0,0,0,.48);--_12wje75u: .1s ease;--_12wje75v: .2s ease}.rxfwcs0{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--_12wje75o);font-family:var(--_12wje75p);font-weight:600;line-height:1;white-space:nowrap}.rxfwcs1{background-color:var(--_12wje75a);color:var(--_12wje758)}.rxfwcs2{background-color:var(--_12wje75c);color:var(--_12wje75b)}.rxfwcs3{background-color:var(--_12wje75e);color:var(--_12wje75d)}.rxfwcs4{background-color:var(--_12wje75g);color:var(--_12wje75f)}.rxfwcs5{background-color:var(--_12wje751);color:var(--_12wje756)}.rxfwcs6{font-size:11px;padding-block:2px;padding-inline:6px}.rxfwcs7{font-size:13px;padding-block:4px;padding-inline:var(--_12wje75h)}._12rozn90{display:inline-flex;align-items:center;justify-content:center;gap:var(--_12wje75h);border:none;border-radius:var(--_12wje75m);font-family:var(--_12wje75p);font-weight:600;cursor:pointer;transition:background-color var(--_12wje75u),opacity var(--_12wje75u),box-shadow var(--_12wje75u);text-decoration:none;white-space:nowrap;position:relative}._12rozn90:disabled{cursor:not-allowed;opacity:.5}._12rozn90:focus-visible{outline:2px solid var(--_12wje754);outline-offset:2px}._12rozn91{background-color:var(--_12wje758);color:#fff}._12rozn91 :hover:not(:disabled){background-color:var(--_12wje759)}._12rozn91 :active:not(:disabled){background-color:var(--_12wje759);box-shadow:var(--_12wje75r)}._12rozn92{background-color:transparent;color:var(--_12wje758);border:1.5px solid var(--_12wje758)}._12rozn92 :hover:not(:disabled){background-color:var(--_12wje75a)}._12rozn93{background-color:transparent;color:var(--_12wje755)}._12rozn93 :hover:not(:disabled){background-color:var(--_12wje751)}._12rozn94{background-color:var(--_12wje75f);color:#fff}._12rozn94 :hover:not(:disabled){opacity:.9}._12rozn95{height:32px;padding-inline:var(--_12wje75h);font-size:13px}._12rozn96{height:40px;padding-inline:var(--_12wje75i);font-size:15px}._12rozn97{height:48px;padding-inline:var(--_12wje75j);font-size:17px}._12rozn98{width:100%}.uk9byt0{display:flex;flex-direction:column;background-color:var(--_12wje750);border-radius:var(--_12wje75m);border:1px solid var(--_12wje753);overflow:hidden;position:relative;transition:box-shadow var(--_12wje75v),transform var(--_12wje75v);max-width:15rem;height:27rem}.uk9byt1{cursor:pointer}.uk9byt1:hover{box-shadow:var(--_12wje75r);transform:translateY(-2px)}.uk9byt2{padding:0}.uk9byt3{padding:var(--_12wje75h)}.uk9byt4{padding:var(--_12wje75i)}.uk9byt5{padding:var(--_12wje75j)}.uk9byt6{width:100%;overflow:hidden}.uk9byt7{padding:var(--_12wje75h) var(--_12wje75i)}.uk9byt8{padding:0 var(--_12wje75i);flex:1}.uk9byt9{padding:var(--_12wje75i);border-top:1px solid var(--_12wje753);margin-top:auto}._1tx42e50{position:relative;width:100%}._1tx42e51{position:absolute;top:50%;transform:translateY(-50%);z-index:10;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--_12wje75o);border:1px solid var(--_12wje753);background-color:var(--_12wje750);color:var(--_12wje755);cursor:pointer;box-shadow:var(--_12wje75r);transition:box-shadow var(--_12wje75u)}._1tx42e51:hover{box-shadow:var(--_12wje75s)}._1tx42e51:focus-visible{outline:2px solid var(--_12wje754);outline-offset:2px}._1tx42e51:disabled{opacity:.4;cursor:not-allowed}._1tx42e52{left:var(--_12wje75h)}._1tx42e53{right:var(--_12wje75h)}._1tx42e54{display:flex;justify-content:center;gap:var(--_12wje75h);margin-top:var(--_12wje75h)}._1tx42e55{width:8px;height:8px;border-radius:var(--_12wje75o);background-color:var(--_12wje753);border:none;cursor:pointer;padding:0;transition:background-color var(--_12wje75u),width var(--_12wje75u)}._1tx42e55:focus-visible{outline:2px solid var(--_12wje754);outline-offset:2px}._1tx42e56{background-color:var(--_12wje758);width:20px}:root{--swiper-theme-color: #007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-slide,.swiper-3d .swiper-cube-shadow{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-slides-offset-before);scroll-margin-inline-start:var(--swiper-slides-offset-before)}.swiper-css-mode.swiper-horizontal>.swiper-wrapper>.swiper-slide:last-child{margin-inline-end:var(--swiper-slides-offset-after)}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-slides-offset-before);scroll-margin-block-start:var(--swiper-slides-offset-before)}.swiper-css-mode.swiper-vertical>.swiper-wrapper>.swiper-slide:last-child{margin-block-end:var(--swiper-slides-offset-after)}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:#00000026}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,#00000080,#0000)}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color, var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color: #fff}.swiper-lazy-preloader-black{--swiper-preloader-color: #000}@keyframes swiper-preloader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._104k35i0{display:inline-flex;align-items:center;gap:var(--_12wje75h);cursor:pointer;font-family:var(--_12wje75p);-webkit-user-select:none;user-select:none}._104k35i1{cursor:not-allowed;opacity:.5}._104k35i2{position:absolute;opacity:0;width:0;height:0;margin:0}._104k35i3{width:18px;height:18px;border-radius:var(--_12wje75l);border:1.5px solid var(--_12wje753);background-color:var(--_12wje750);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background-color var(--_12wje75u),border-color var(--_12wje75u)}._104k35i4,._104k35i5{background-color:var(--_12wje758);border-color:var(--_12wje758)}input:focus-visible+* ._104k35i6{outline:2px solid var(--_12wje754);outline-offset:2px}._104k35i7{font-size:15px;color:var(--_12wje755)}._19yozed0{width:100%;margin-inline:auto;padding-inline:var(--_12wje75i)}._19yozed1{max-width:640px}._19yozed2{max-width:768px}._19yozed3{max-width:1024px}._19yozed4{max-width:1280px}._19yozed5{max-width:100%}@media screen and (min-width: 640px){._19yozed0{padding-inline:var(--_12wje75j)}}@media screen and (min-width: 1024px){._19yozed0{padding-inline:var(--_12wje75k)}}.wt8vlo0{display:flex;flex-direction:column;gap:4px;font-family:var(--_12wje75p)}.wt8vlo1{font-size:13px;font-weight:500;color:var(--_12wje755)}.wt8vlo2{color:var(--_12wje75f);margin-left:2px}.wt8vlo3{display:flex;align-items:center;gap:var(--_12wje75h);border-radius:var(--_12wje75m);border:1.5px solid var(--_12wje753);background-color:var(--_12wje750);padding-inline:var(--_12wje75h);transition:border-color var(--_12wje75u)}.wt8vlo3:focus-within{border-color:var(--_12wje754);box-shadow:0 0 0 3px var(--_12wje75a)}.wt8vlo4{border-color:var(--_12wje75f)}.wt8vlo4:focus-within{border-color:var(--_12wje75f);box-shadow:0 0 0 3px var(--_12wje75g)}.wt8vlo5{background-color:var(--_12wje751);cursor:not-allowed;opacity:.6}.wt8vlo6{flex:1;border:none;outline:none;background:transparent;font-family:var(--_12wje75p);font-size:15px;color:var(--_12wje755);height:40px}.wt8vlo6::placeholder{color:var(--_12wje756)}.wt8vlo6:disabled{cursor:not-allowed}.wt8vlo7{display:flex;align-items:center;color:var(--_12wje756);flex-shrink:0}.wt8vlo8{font-size:12px;color:var(--_12wje756)}.wt8vlo9{font-size:12px;color:var(--_12wje75f)}@keyframes w40enx0{0%{background-position:-200% 0}to{background-position:200% 0}}.w40enx1{display:flex;flex-direction:column;height:100%}.w40enx2{position:relative;width:100%;padding-top:100%;overflow:hidden;background-color:var(--_12wje751)}.w40enx3{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform var(--_12wje75v)}*:hover>.w40enx3{transform:scale(1.04)}.w40enx4{position:absolute;top:var(--_12wje75h);left:var(--_12wje75h);display:flex;flex-direction:column;gap:4px}.w40enx5{position:absolute;top:var(--_12wje75h);right:var(--_12wje75h);width:32px;height:32px;border-radius:var(--_12wje75o);border:1px solid var(--_12wje753);background-color:var(--_12wje750);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--_12wje756);transition:color var(--_12wje75u),border-color var(--_12wje75u)}.w40enx5:hover{color:var(--_12wje75f);border-color:var(--_12wje75f)}.w40enx5:focus-visible{outline:2px solid var(--_12wje754);outline-offset:2px}.w40enx6{display:flex;flex-direction:column;gap:4px;padding:var(--_12wje75h);flex:1}.w40enx7{font-family:var(--_12wje75p);font-size:14px;font-weight:500;color:var(--_12wje755);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.4;margin:0;line-clamp:2;height:2.5rem}.w40enx8{font-family:var(--_12wje75p);font-size:12px;color:var(--_12wje756);margin:0}.w40enx9{display:flex;align-items:center;gap:4px}.w40enxa{font-family:var(--_12wje75p);font-size:12px;color:var(--_12wje756)}.w40enxb{display:flex;align-items:baseline;gap:var(--_12wje75h);flex-wrap:wrap;margin-top:auto}.w40enxc{font-family:var(--_12wje75p);font-size:18px;font-weight:700;color:var(--_12wje755)}.w40enxd{font-family:var(--_12wje75p);font-size:13px;color:var(--_12wje756);text-decoration:line-through}.w40enxe{font-family:var(--_12wje75p);font-size:12px;color:var(--_12wje756)}.w40enxf{display:flex;flex-direction:column;gap:var(--_12wje75h);padding:0 var(--_12wje75h) var(--_12wje75h)}.w40enxg{background:none;border:none;cursor:pointer;font-family:var(--_12wje75p);font-size:13px;color:var(--_12wje758);padding:0;text-align:center}.w40enxg:hover{text-decoration:underline}.w40enxg:focus-visible{outline:2px solid var(--_12wje754);outline-offset:2px}.w40enxh{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#ffffffb3;display:flex;align-items:center;justify-content:center}.w40enxi{font-family:var(--_12wje75p);font-size:13px;font-weight:600;color:var(--_12wje756)}.w40enxj{border-radius:var(--_12wje75m);background:linear-gradient(90deg,var(--_12wje751) 25%,var(--_12wje752) 50%,var(--_12wje751) 75%);background-size:200% 100%;animation-name:w40enx0;animation-duration:1.5s;animation-iteration-count:infinite;animation-timing-function:ease-in-out}.w40enxk{width:100%;padding-top:100%}.w40enxl{height:14px;border-radius:var(--_12wje75l)}.w40enxm{height:40px;border-radius:var(--_12wje75m)}._1uy0wep0{display:flex;flex-direction:column;gap:var(--_12wje75i)}._1uy0wep1{font-family:var(--_12wje75q);font-size:24px;color:var(--_12wje755);margin:0;letter-spacing:.02em}._7acib40{display:flex;flex-direction:column;gap:4px;font-family:var(--_12wje75p)}._7acib41{font-size:13px;font-weight:500;color:var(--_12wje755)}._7acib42{position:relative;display:flex;align-items:center}._7acib43{width:100%;height:40px;padding-inline-start:var(--_12wje75h);padding-inline-end:36px;border-radius:var(--_12wje75m);border:1.5px solid var(--_12wje753);background-color:var(--_12wje750);font-family:var(--_12wje75p);font-size:15px;color:var(--_12wje755);-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;transition:border-color var(--_12wje75u)}._7acib43:focus{outline:none;border-color:var(--_12wje754);box-shadow:0 0 0 3px var(--_12wje75a)}._7acib43:disabled{background-color:var(--_12wje751);cursor:not-allowed;opacity:.6}._7acib44{border-color:var(--_12wje75f)}._7acib44:focus{border-color:var(--_12wje75f);box-shadow:0 0 0 3px var(--_12wje75g)}._7acib45{position:absolute;right:var(--_12wje75h);pointer-events:none;color:var(--_12wje756);display:flex;align-items:center}._7acib46{font-size:12px;color:var(--_12wje75f)}._15r2pp40{display:flex;flex-direction:column}._13mmpdy0{display:inline-flex;align-items:center;gap:4px;border-radius:var(--_12wje75o);font-family:var(--_12wje75p);font-size:13px;font-weight:500;padding-block:4px;padding-inline:var(--_12wje75h)}._13mmpdy1{background-color:var(--_12wje751);color:var(--_12wje755);border:1px solid var(--_12wje753)}._13mmpdy2{background-color:var(--_12wje75a);color:var(--_12wje758);border:1px solid var(--_12wje758)}._13mmpdy3{display:inline-flex;align-items:center;justify-content:center;background:none;border:none;padding:0;cursor:pointer;color:inherit;opacity:.7;border-radius:var(--_12wje75o)}._13mmpdy3:hover{opacity:1}._13mmpdy3:focus-visible{outline:2px solid var(--_12wje754);outline-offset:1px}
@@ -0,0 +1 @@
1
+ //# sourceMappingURL=styles.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../src/styles.ts"],"names":[],"mappings":"AACA,OAAO,YAAY,CAAC;AACpB,OAAO,uBAAuB,CAAC"}
package/package.json ADDED
@@ -0,0 +1,61 @@
1
+ {
2
+ "name": "@danielcruzcode/ui-core",
3
+ "version": "0.1.0",
4
+ "publishConfig": {
5
+ "access": "public"
6
+ },
7
+ "description": "Jumbo Colombia Design System — React component library",
8
+ "main": "dist/index.cjs.js",
9
+ "module": "dist/index.esm.js",
10
+ "types": "dist/index.d.ts",
11
+ "exports": {
12
+ ".": {
13
+ "import": "./dist/index.esm.js",
14
+ "require": "./dist/index.cjs.js",
15
+ "types": "./dist/index.d.ts"
16
+ },
17
+ "./styles": {
18
+ "import": "./dist/styles.css",
19
+ "require": "./dist/styles.css",
20
+ "types": "./dist/styles.d.ts"
21
+ }
22
+ },
23
+ "typesVersions": {
24
+ "*": {
25
+ "styles": [
26
+ "./dist/styles.d.ts"
27
+ ]
28
+ }
29
+ },
30
+ "files": [
31
+ "dist"
32
+ ],
33
+ "sideEffects": [
34
+ "dist/styles.css"
35
+ ],
36
+ "peerDependencies": {
37
+ "react": ">=18",
38
+ "react-dom": ">=18"
39
+ },
40
+ "devDependencies": {
41
+ "@types/react": "^18.3.18",
42
+ "@types/react-dom": "^18.3.5",
43
+ "@vanilla-extract/vite-plugin": "^4.0.19",
44
+ "@vitejs/plugin-react": "^4.3.4",
45
+ "typescript": "^5.7.3",
46
+ "vite": "^5.4.19",
47
+ "vite-plugin-dts": "^4.5.0"
48
+ },
49
+ "dependencies": {
50
+ "@danielcruzcode/design-tokens": "^0.1.0",
51
+ "@vanilla-extract/css": "^1.16.1",
52
+ "@vanilla-extract/recipes": "^0.5.5",
53
+ "swiper": "^12.1.2"
54
+ },
55
+ "scripts": {
56
+ "build": "vite build && tsc --build",
57
+ "postbuild": "yalc push --private",
58
+ "typecheck": "tsc --noEmit",
59
+ "clean": "rm -rf dist"
60
+ }
61
+ }