@danielcruzcode/ui-core 0.1.2 → 0.1.4
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/commerce/ProductCard/ProductCard.d.ts +1 -1
- package/dist/commerce/ProductCard/ProductCard.d.ts.map +1 -1
- package/dist/commerce/ProductShelf/ProductShelf.d.ts +1 -1
- package/dist/commerce/ProductShelf/ProductShelf.d.ts.map +1 -1
- package/dist/components/Card/Card.d.ts +1 -1
- package/dist/components/Card/Card.d.ts.map +1 -1
- package/dist/components/Carousel/Carousel.d.ts +2 -2
- package/dist/components/Carousel/Carousel.d.ts.map +1 -1
- package/dist/index.cjs.js +1 -1
- package/dist/index.cjs10.js +1 -1
- package/dist/index.cjs11.js +1 -1
- package/dist/index.cjs12.js +5 -1
- package/dist/index.cjs13.js +6 -1
- package/dist/index.cjs14.js +1 -1
- package/dist/index.cjs15.js +1 -1
- package/dist/index.cjs16.js +1 -1
- package/dist/index.cjs2.js +19 -1
- package/dist/index.cjs3.js +12 -1
- package/dist/index.cjs4.js +17 -1
- package/dist/index.cjs5.js +17 -1
- package/dist/index.cjs6.js +8 -1
- package/dist/index.cjs7.js +12 -1
- package/dist/index.cjs8.js +8 -1
- package/dist/index.cjs9.js +18 -1
- package/dist/index.esm.js +22 -22
- package/dist/index.esm10.js +65 -50
- package/dist/index.esm11.js +24 -48
- package/dist/index.esm12.js +11 -22
- package/dist/index.esm13.js +12 -25
- package/dist/index.esm14.js +22 -7
- package/dist/index.esm15.js +33 -5
- package/dist/index.esm16.js +1202 -5
- package/dist/index.esm2.js +38 -5
- package/dist/index.esm3.js +27 -46
- package/dist/index.esm4.js +29 -32
- package/dist/index.esm5.js +35 -95
- package/dist/index.esm6.js +26 -58
- package/dist/index.esm7.js +29 -5
- package/dist/index.esm8.js +34 -55
- package/dist/index.esm9.js +69 -162
- package/dist/layout/Container/Container.d.ts +2 -1
- package/dist/layout/Container/Container.d.ts.map +1 -1
- package/dist/layout/Stack/Stack.d.ts +4 -3
- package/dist/layout/Stack/Stack.d.ts.map +1 -1
- package/dist/primitives/Badge/Badge.d.ts.map +1 -1
- package/dist/primitives/Button/Button.d.ts +1 -1
- package/dist/primitives/Button/Button.d.ts.map +1 -1
- package/dist/primitives/Checkbox/Checkbox.d.ts +1 -1
- package/dist/primitives/Checkbox/Checkbox.d.ts.map +1 -1
- package/dist/primitives/Input/Input.d.ts +1 -1
- package/dist/primitives/Input/Input.d.ts.map +1 -1
- package/dist/primitives/Select/Select.d.ts +1 -1
- package/dist/primitives/Select/Select.d.ts.map +1 -1
- package/dist/primitives/Tag/Tag.d.ts.map +1 -1
- package/package.json +6 -26
- package/dist/commerce/ProductCard/ProductCard.css.d.ts +0 -23
- package/dist/commerce/ProductCard/ProductCard.css.d.ts.map +0 -1
- package/dist/commerce/ProductShelf/ProductShelf.css.d.ts +0 -3
- package/dist/commerce/ProductShelf/ProductShelf.css.d.ts.map +0 -1
- package/dist/components/Card/Card.css.d.ts +0 -30
- package/dist/components/Card/Card.css.d.ts.map +0 -1
- package/dist/components/Carousel/Carousel.css.d.ts +0 -8
- package/dist/components/Carousel/Carousel.css.d.ts.map +0 -1
- package/dist/index.cjs17.js +0 -1
- package/dist/index.cjs18.js +0 -1
- package/dist/index.cjs19.js +0 -1
- package/dist/index.cjs20.js +0 -1
- package/dist/index.cjs21.js +0 -1
- package/dist/index.cjs22.js +0 -1
- package/dist/index.cjs23.js +0 -1
- package/dist/index.cjs25.js +0 -1
- package/dist/index.cjs26.js +0 -1
- package/dist/index.cjs27.js +0 -1
- package/dist/index.cjs28.js +0 -1
- package/dist/index.cjs29.js +0 -1
- package/dist/index.cjs30.js +0 -1
- package/dist/index.cjs31.js +0 -1
- package/dist/index.cjs34.js +0 -1
- package/dist/index.cjs39.js +0 -1
- package/dist/index.cjs40.js +0 -1
- package/dist/index.cjs41.js +0 -1
- package/dist/index.cjs49.js +0 -1
- package/dist/index.cjs50.js +0 -1
- package/dist/index.cjs51.js +0 -1
- package/dist/index.cjs52.js +0 -1
- package/dist/index.esm17.js +0 -12
- package/dist/index.esm18.js +0 -12
- package/dist/index.esm19.js +0 -136
- package/dist/index.esm20.js +0 -226
- package/dist/index.esm21.js +0 -130
- package/dist/index.esm22.js +0 -247
- package/dist/index.esm23.js +0 -11
- package/dist/index.esm25.js +0 -11
- package/dist/index.esm26.js +0 -26
- package/dist/index.esm27.js +0 -7
- package/dist/index.esm28.js +0 -7
- package/dist/index.esm29.js +0 -5
- package/dist/index.esm30.js +0 -15
- package/dist/index.esm31.js +0 -1
- package/dist/index.esm34.js +0 -88
- package/dist/index.esm39.js +0 -2028
- package/dist/index.esm40.js +0 -60
- package/dist/index.esm41.js +0 -191
- package/dist/index.esm49.js +0 -12
- package/dist/index.esm50.js +0 -182
- package/dist/index.esm51.js +0 -6
- package/dist/index.esm52.js +0 -134
- package/dist/layout/Container/Container.css.d.ts +0 -20
- package/dist/layout/Container/Container.css.d.ts.map +0 -1
- package/dist/layout/Stack/Stack.css.d.ts +0 -2
- package/dist/layout/Stack/Stack.css.d.ts.map +0 -1
- package/dist/primitives/Badge/Badge.css.d.ts +0 -37
- package/dist/primitives/Badge/Badge.css.d.ts.map +0 -1
- package/dist/primitives/Button/Button.css.d.ts +0 -60
- package/dist/primitives/Button/Button.css.d.ts.map +0 -1
- package/dist/primitives/Checkbox/Checkbox.css.d.ts +0 -9
- package/dist/primitives/Checkbox/Checkbox.css.d.ts.map +0 -1
- package/dist/primitives/Input/Input.css.d.ts +0 -11
- package/dist/primitives/Input/Input.css.d.ts.map +0 -1
- package/dist/primitives/Select/Select.css.d.ts +0 -8
- package/dist/primitives/Select/Select.css.d.ts.map +0 -1
- package/dist/primitives/Tag/Tag.css.d.ts +0 -16
- package/dist/primitives/Tag/Tag.css.d.ts.map +0 -1
- package/dist/styles.css +0 -1
- package/dist/styles.d.ts +0 -1
- package/dist/styles.d.ts.map +0 -1
- package/styles.css +0 -1
|
@@ -26,5 +26,5 @@ export interface ProductCardProps {
|
|
|
26
26
|
formatPrice?: (value: number) => string;
|
|
27
27
|
className?: string;
|
|
28
28
|
}
|
|
29
|
-
export declare function ProductCard({ id, title, subtitle, images, price, originalPrice, discountPercent, badge, rating, reviewCount, installments: installmentsData, unavailable, loading, onAddToCart, onWishlist, onQuickView, onClick, formatPrice, className
|
|
29
|
+
export declare function ProductCard({ id, title, subtitle, images, price, originalPrice, discountPercent, badge, rating, reviewCount, installments: installmentsData, unavailable, loading, onAddToCart, onWishlist, onQuickView, onClick, formatPrice, className }: ProductCardProps): import("react/jsx-runtime").JSX.Element;
|
|
30
30
|
//# sourceMappingURL=ProductCard.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ProductCard.d.ts","sourceRoot":"","sources":["../../../src/commerce/ProductCard/ProductCard.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"ProductCard.d.ts","sourceRoot":"","sources":["../../../src/commerce/ProductCard/ProductCard.tsx"],"names":[],"mappings":"AAOA,MAAM,WAAW,YAAY;IAAG,GAAG,EAAE,MAAM,CAAC;IAAC,GAAG,EAAE,MAAM,CAAA;CAAE;AAC1D,MAAM,WAAW,gBAAgB;IAC/B,EAAE,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,YAAY,EAAE,CAAA;IACpE,KAAK,EAAE,MAAM,CAAC;IAAC,aAAa,CAAC,EAAE,MAAM,CAAC;IAAC,eAAe,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;IAC/E,MAAM,CAAC,EAAE,MAAM,CAAC;IAAC,WAAW,CAAC,EAAE,MAAM,CAAC;IAAC,YAAY,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAA;IACtF,WAAW,CAAC,EAAE,OAAO,CAAC;IAAC,OAAO,CAAC,EAAE,OAAO,CAAC;IAAC,WAAW,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;IAC5E,UAAU,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAAC,WAAW,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;IACrE,OAAO,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAAC,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAC5F;AAqDD,wBAAgB,WAAW,CAAC,EAAE,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,aAAa,EAAE,eAAe,EAAE,KAAK,EAAE,MAAM,EAAE,WAAW,EAAE,YAAY,EAAE,gBAAgB,EAAE,WAAmB,EAAE,OAAe,EAAE,WAAW,EAAE,UAAU,EAAE,WAAW,EAAE,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,EAAE,gBAAgB,2CAsD5R"}
|
|
@@ -17,6 +17,6 @@ export interface ProductShelfProps {
|
|
|
17
17
|
loading?: boolean;
|
|
18
18
|
skeletonCount?: number;
|
|
19
19
|
}
|
|
20
|
-
export declare function ProductShelf({ products, title, autoplay, autoplayMs, slidesPerView, onAddToCart, onWishlist, onProductClick, formatPrice, loading, skeletonCount
|
|
20
|
+
export declare function ProductShelf({ products, title, autoplay, autoplayMs, slidesPerView, onAddToCart, onWishlist, onProductClick, formatPrice, loading, skeletonCount }: ProductShelfProps): import("react/jsx-runtime").JSX.Element;
|
|
21
21
|
export {};
|
|
22
22
|
//# sourceMappingURL=ProductShelf.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ProductShelf.d.ts","sourceRoot":"","sources":["../../../src/commerce/ProductShelf/ProductShelf.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"ProductShelf.d.ts","sourceRoot":"","sources":["../../../src/commerce/ProductShelf/ProductShelf.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAe,KAAK,gBAAgB,EAAE,MAAM,gBAAgB,CAAA;AAEnE,KAAK,aAAa,GAAG,MAAM,GAAG;IAAE,MAAM,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,MAAM,CAAA;CAAE,CAAA;AAEjF,MAAM,WAAW,iBAAiB;IAChC,QAAQ,EAAE,gBAAgB,EAAE,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAAC,UAAU,CAAC,EAAE,MAAM,CAAA;IACrF,aAAa,CAAC,EAAE,aAAa,CAAC;IAAC,WAAW,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;IACjE,UAAU,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAAC,cAAc,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;IACxE,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IAAC,OAAO,CAAC,EAAE,OAAO,CAAC;IAAC,aAAa,CAAC,EAAE,MAAM,CAAA;CACnF;AAKD,wBAAgB,YAAY,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAgB,EAAE,UAAiB,EAAE,aAAoD,EAAE,WAAW,EAAE,UAAU,EAAE,cAAc,EAAE,WAAW,EAAE,OAAe,EAAE,aAAiB,EAAE,EAAE,iBAAiB,2CAcvP"}
|
|
@@ -9,5 +9,5 @@ export interface CardProps {
|
|
|
9
9
|
className?: string;
|
|
10
10
|
padding?: 'none' | 'sm' | 'md' | 'lg';
|
|
11
11
|
}
|
|
12
|
-
export declare function Card({ media, header, body, footer, onClick, hoverable, className, padding
|
|
12
|
+
export declare function Card({ media, header, body, footer, onClick, hoverable, className, padding }: CardProps): import("react/jsx-runtime").JSX.Element;
|
|
13
13
|
//# sourceMappingURL=Card.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../src/components/Card/Card.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../src/components/Card/Card.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,MAAM,WAAW,SAAS;IACxB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAAC,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAAC,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAAC,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACnG,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAAC,SAAS,CAAC,EAAE,OAAO,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAAC,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;CACrG;AAiBD,wBAAgB,IAAI,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,SAAiB,EAAE,SAAS,EAAE,OAAgB,EAAE,EAAE,SAAS,2CAWvH"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { tokens } from '../../../../design-tokens/src/index.ts';
|
|
2
2
|
import { default as React } from 'react';
|
|
3
3
|
type SlidesPerView = number | {
|
|
4
4
|
mobile: number;
|
|
@@ -14,7 +14,7 @@ export interface CarouselProps {
|
|
|
14
14
|
loop?: boolean;
|
|
15
15
|
slidesPerView?: SlidesPerView;
|
|
16
16
|
slidesPerGroup?: number;
|
|
17
|
-
gap?: keyof typeof
|
|
17
|
+
gap?: keyof typeof tokens.space;
|
|
18
18
|
onSlideChange?: (index: number) => void;
|
|
19
19
|
}
|
|
20
20
|
export declare function Carousel({ children, autoplay, autoplayMs, showArrows, showDots, loop, slidesPerView, slidesPerGroup, gap, onSlideChange, }: CarouselProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Carousel.d.ts","sourceRoot":"","sources":["../../../src/components/Carousel/Carousel.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Carousel.d.ts","sourceRoot":"","sources":["../../../src/components/Carousel/Carousel.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,MAAM,+BAA+B,CAAA;AAEtD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,KAAK,aAAa,GAAG,MAAM,GAAG;IAAE,MAAM,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,MAAM,CAAA;CAAE,CAAA;AAEjF,MAAM,WAAW,aAAa;IAC5B,QAAQ,EAAE,KAAK,CAAC,SAAS,EAAE,CAAA;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,aAAa,CAAC,EAAE,aAAa,CAAA;IAC7B,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,GAAG,CAAC,EAAE,MAAM,OAAO,MAAM,CAAC,KAAK,CAAA;IAC/B,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;CACxC;AAmCD,wBAAgB,QAAQ,CAAC,EACvB,QAAQ,EAAE,QAAgB,EAAE,UAAiB,EAAE,UAAiB,EAAE,QAAe,EACjF,IAAY,EAAE,aAAiB,EAAE,cAAkB,EAAE,GAAG,EAAE,aAAa,GACxE,EAAE,aAAa,2CAwEf"}
|
package/dist/index.cjs.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index.cjs2.js"),r=require("./index.cjs3.js"),t=require("./index.cjs4.js"),o=require("./index.cjs5.js"),u=require("./index.cjs6.js"),c=require("./index.cjs7.js"),n=require("./index.cjs8.js"),a=require("./index.cjs9.js"),i=require("./index.cjs10.js"),d=require("./index.cjs11.js"),s=require("./index.cjs12.js"),C=require("./index.cjs13.js");exports.
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index.cjs2.js"),r=require("./index.cjs3.js"),t=require("./index.cjs4.js"),o=require("./index.cjs5.js"),u=require("./index.cjs6.js"),c=require("./index.cjs7.js"),n=require("./index.cjs8.js"),a=require("./index.cjs9.js"),i=require("./index.cjs10.js"),d=require("./index.cjs11.js"),s=require("./index.cjs12.js"),C=require("./index.cjs13.js");exports.Button=e.Button;exports.Badge=r.Badge;exports.Tag=t.Tag;exports.Input=o.Input;exports.Select=u.Select;exports.Checkbox=c.Checkbox;exports.Card=n.Card;exports.Carousel=a.Carousel;exports.ProductCard=i.ProductCard;exports.ProductShelf=d.ProductShelf;exports.Stack=s.Stack;exports.Container=C.Container;
|
package/dist/index.cjs10.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("@emotion/styled"),I=require("@emotion/react"),o=require("@danielcruzcode/design-tokens"),O=require("./index.cjs8.js"),w=require("./index.cjs3.js"),A=require("./index.cjs2.js"),R=I.keyframes`0%{background-position:-200% 0}100%{background-position:200% 0}`,T=t.div`display:flex;flex-direction:column;height:100%;`,B=t.div`position:relative;width:100%;padding-top:100%;overflow:hidden;background-color:${o.tokens.color.surface};`,P=t.img`position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform ${o.tokens.transition.normal};${B}:hover &{transform:scale(1.04);}`,U=t.div`position:absolute;top:${o.tokens.space.sm};left:${o.tokens.space.sm};display:flex;flex-direction:column;gap:4px;`,H=t.button`position:absolute;top:${o.tokens.space.sm};right:${o.tokens.space.sm};width:32px;height:32px;border-radius:${o.tokens.radius.full};border:1px solid ${o.tokens.color.border};background-color:${o.tokens.color.background};display:flex;align-items:center;justify-content:center;cursor:pointer;color:${o.tokens.color.textMuted};transition:color ${o.tokens.transition.fast},border-color ${o.tokens.transition.fast};&:hover{color:${o.tokens.color.danger};border-color:${o.tokens.color.danger};}&:focus-visible{outline:2px solid ${o.tokens.color.borderFocus};outline-offset:2px;}`,V=t.div`position:absolute;inset:0;background-color:rgba(255,255,255,0.7);display:flex;align-items:center;justify-content:center;`,_=t.span`font-family:${o.tokens.font.body};font-size:13px;font-weight:600;color:${o.tokens.color.textMuted};`,E=t.div`display:flex;flex-direction:column;gap:4px;padding:${o.tokens.space.sm};flex:1;`,G=t.p`font-family:${o.tokens.font.body};font-size:14px;font-weight:500;color:${o.tokens.color.text};display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.4;margin:0;height:2.5rem;`,J=t.p`font-family:${o.tokens.font.body};font-size:12px;color:${o.tokens.color.textMuted};margin:0;`,z=t.div`display:flex;align-items:center;gap:4px;`,K=t.span`font-family:${o.tokens.font.body};font-size:12px;color:${o.tokens.color.textMuted};`,N=t.div`display:flex;align-items:baseline;gap:${o.tokens.space.sm};flex-wrap:wrap;margin-top:auto;`,Q=t.span`font-family:${o.tokens.font.body};font-size:18px;font-weight:700;color:${o.tokens.color.text};`,X=t.span`font-family:${o.tokens.font.body};font-size:13px;color:${o.tokens.color.textMuted};text-decoration:line-through;`,Y=t.span`font-family:${o.tokens.font.body};font-size:12px;color:${o.tokens.color.textMuted};`,Z=t.div`display:flex;flex-direction:column;gap:${o.tokens.space.sm};padding:0 ${o.tokens.space.sm} ${o.tokens.space.sm};`,D=t.button`background:none;border:none;cursor:pointer;font-family:${o.tokens.font.body};font-size:13px;color:${o.tokens.color.brand};padding:0;text-align:center;&:hover{text-decoration:underline;}&:focus-visible{outline:2px solid ${o.tokens.color.borderFocus};outline-offset:2px;}`,u=t.div`border-radius:${o.tokens.radius.md};background:linear-gradient(90deg,${o.tokens.color.surface} 25%,${o.tokens.color.surfaceHover} 50%,${o.tokens.color.surface} 75%);background-size:200% 100%;animation:${R} 1.5s ease-in-out infinite;`,oo=t(u)`width:100%;padding-top:100%;`,x=t(u)`height:14px;border-radius:${o.tokens.radius.sm};`,eo=t(u)`height:40px;border-radius:${o.tokens.radius.md};`;function to({rating:n}){return e.jsx(z,{"aria-label":`${n} de 5 estrellas`,role:"img",children:Array.from({length:5}).map((l,r)=>e.jsx("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:r<Math.round(n)?"#F9AB00":"none",stroke:"#F9AB00",strokeWidth:"1","aria-hidden":"true",children:e.jsx("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"})},r))})}function no(){return e.jsxs("article",{"aria-label":"Cargando producto","aria-busy":"true",children:[e.jsx(oo,{}),e.jsxs("div",{style:{padding:"8px",display:"flex",flexDirection:"column",gap:"8px"},children:[e.jsx(x,{style:{width:"100%"}}),e.jsx(x,{style:{width:"70%"}}),e.jsx(x,{style:{width:"50%"}}),e.jsx(eo,{})]})]})}function so({id:n,title:l,subtitle:r,images:S,price:f,originalPrice:a,discountPercent:h,badge:g,rating:k,reviewCount:b,installments:i,unavailable:m=!1,loading:C=!1,onAddToCart:y,onWishlist:$,onQuickView:j,onClick:d,formatPrice:s,className:M}){if(C)return e.jsx(no,{});const q=s?s(f):String(f),v=a?s?s(a):String(a):void 0,c=S[0],L=e.jsxs(B,{children:[c&&e.jsx(P,{src:c.src,alt:c.alt,width:100,height:100,loading:"lazy"}),e.jsxs(U,{children:[h!==void 0&&e.jsxs(w.Badge,{variant:"danger",size:"sm",children:["-",h,"%"]}),g&&e.jsx(w.Badge,{variant:"brand",size:"sm",children:g})]}),$&&e.jsx(H,{type:"button",onClick:p=>{p.stopPropagation(),$(n)},"aria-label":`Agregar ${l} a favoritos`,children:e.jsx("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.8","aria-hidden":"true",children:e.jsx("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"})})}),m&&e.jsx(V,{children:e.jsx(_,{children:"Sin stock"})})]}),W=e.jsxs(E,{children:[e.jsx(G,{children:l}),r&&e.jsx(J,{children:r}),k!==void 0&&e.jsxs(z,{children:[e.jsx(to,{rating:k}),b!==void 0&&e.jsxs(K,{children:["(",b,")"]})]}),e.jsxs(N,{children:[e.jsx(Q,{children:q}),v&&e.jsx(X,{children:v})]}),i&&e.jsxs(Y,{children:[i.count,"x ",s?s(i.value):i.value]})]}),F=e.jsxs(Z,{children:[y&&e.jsx(A.Button,{variant:"primary",size:"sm",fullWidth:!0,disabled:m,onClick:()=>y(n),children:"Agregar"}),j&&e.jsx(D,{type:"button",onClick:p=>{p.stopPropagation(),j(n)},children:"Vista rápida"})]});return e.jsx(T,{className:M,children:e.jsx(O.Card,{media:L,body:W,footer:F,hoverable:!!d,onClick:d?()=>d(n):void 0})})}exports.ProductCard=so;
|
package/dist/index.cjs11.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
1
|
+
"use strict";var P=Object.defineProperty,b=Object.defineProperties;var q=Object.getOwnPropertyDescriptors;var i=Object.getOwnPropertySymbols;var C=Object.prototype.hasOwnProperty,S=Object.prototype.propertyIsEnumerable;var c=(r,e,o)=>e in r?P(r,e,{enumerable:!0,configurable:!0,writable:!0,value:o}):r[e]=o,a=(r,e)=>{for(var o in e||(e={}))C.call(e,o)&&c(r,o,e[o]);if(i)for(var o of i(e))S.call(e,o)&&c(r,o,e[o]);return r},l=(r,e)=>b(r,q(e));Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),d=require("@emotion/styled"),n=require("@danielcruzcode/design-tokens"),$=require("./index.cjs9.js"),w=require("./index.cjs10.js"),A=d.section`display:flex;flex-direction:column;gap:${n.tokens.space.md};`,R=d.h2`font-family:${n.tokens.font.display};font-size:24px;color:${n.tokens.color.text};margin:0;letter-spacing:0.02em;`;function T({products:r,title:e,autoplay:o=!1,autoplayMs:u=4e3,slidesPerView:m={mobile:1,tablet:2,desktop:4},onAddToCart:f,onWishlist:p,onProductClick:g,formatPrice:h,loading:x=!1,skeletonCount:k=4}){const y=x?Array.from({length:k}).map((t,j)=>({id:`skeleton-${j}`,title:"",images:[],price:0,loading:!0})):r;return s.jsxs(A,{"aria-label":e!=null?e:"Productos",children:[e&&s.jsx(R,{children:e}),s.jsx($.Carousel,{autoplay:o,autoplayMs:u,slidesPerView:m,gap:"md",showArrows:!0,showDots:!0,loop:!0,children:y.map(t=>s.jsx(w.ProductCard,l(a({},t),{onAddToCart:f,onWishlist:p,onClick:g,formatPrice:h}),t.id))})]})}exports.ProductShelf=T;
|
package/dist/index.cjs12.js
CHANGED
|
@@ -1 +1,5 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime"),i=require("@emotion/styled"),o=require("@danielcruzcode/design-tokens"),l={start:"flex-start",center:"center",end:"flex-end",stretch:"stretch"},a=i.div`
|
|
2
|
+
display:flex;flex-direction:column;
|
|
3
|
+
align-items:${({align:e})=>l[e]};
|
|
4
|
+
gap:${({gap:e})=>e?o.tokens.space[e]:"0"};
|
|
5
|
+
`;function d({gap:e,align:t="stretch",children:n,as:s,className:r}){return c.jsx(a,{as:s,gap:e,align:t,className:r,children:n})}exports.Stack=d;
|
package/dist/index.cjs13.js
CHANGED
|
@@ -1 +1,6 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),a=require("@emotion/styled"),e=require("@danielcruzcode/design-tokens"),o={sm:"640px",md:"768px",lg:"1024px",xl:"1280px",full:"100%"},r=a.div`
|
|
2
|
+
width:100%;margin-inline:auto;padding-inline:${e.tokens.space.md};
|
|
3
|
+
max-width:${({maxWidth:n})=>o[n]};
|
|
4
|
+
@media screen and (min-width:640px){padding-inline:${e.tokens.space.lg};}
|
|
5
|
+
@media screen and (min-width:1024px){padding-inline:${e.tokens.space.xl};}
|
|
6
|
+
`;function l({maxWidth:n="xl",children:i,as:t,className:d}){return s.jsx(r,{as:t,maxWidth:n,className:d,children:i})}exports.Container=l;
|
package/dist/index.cjs14.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";
|
|
1
|
+
"use strict";const e=require("react"),o=require("./index.cjs15.js"),b=require("./index.cjs16.js");function l(t={},r=[]){const s=e.useRef(t),n=e.useRef(r),[u,a]=e.useState(),[i,m]=e.useState(),c=e.useCallback(()=>{u&&u.reInit(s.current,n.current)},[u]);return e.useEffect(()=>{o.areOptionsEqual(s.current,t)||(s.current=t,c())},[t,c]),e.useEffect(()=>{o.arePluginsEqual(n.current,r)||(n.current=r,c())},[r,c]),e.useEffect(()=>{if(o.canUseDOM()&&i){b.globalOptions=l.globalOptions;const f=b(i,s.current,n.current);return a(f),()=>f.destroy()}else a(void 0)},[i,a]),[m,u]}l.globalOptions=void 0;module.exports=l;
|
package/dist/index.cjs15.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"})
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function p(n){return Object.prototype.toString.call(n)==="[object Object]"}function l(n){return p(n)||Array.isArray(n)}function y(){return!!(typeof window!="undefined"&&window.document&&window.document.createElement)}function f(n,t){const e=Object.keys(n),s=Object.keys(t);if(e.length!==s.length)return!1;const c=JSON.stringify(Object.keys(n.breakpoints||{})),u=JSON.stringify(Object.keys(t.breakpoints||{}));return c!==u?!1:e.every(o=>{const r=n[o],i=t[o];return typeof r=="function"?`${r}`==`${i}`:!l(r)||!l(i)?r===i:f(r,i)})}function a(n){return n.concat().sort((t,e)=>t.name>e.name?1:-1).map(t=>t.options)}function O(n,t){if(n.length!==t.length)return!1;const e=a(n),s=a(t);return e.every((c,u)=>{const o=s[u];return f(c,o)})}exports.areOptionsEqual=f;exports.arePluginsEqual=O;exports.canUseDOM=y;exports.sortAndMapPluginToOptions=a;
|
package/dist/index.cjs16.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});;/* empty css */;/* empty css */const e=require("./index.cjs34.js");var r=e.c({defaultClassName:"rxfwcs0",variantClassNames:{variant:{brand:"rxfwcs1",success:"rxfwcs2",warning:"rxfwcs3",danger:"rxfwcs4",neutral:"rxfwcs5"},size:{sm:"rxfwcs6",md:"rxfwcs7"}},defaultVariants:{variant:"neutral",size:"md"},compoundVariants:[]});exports.badgeRecipe=r;
|
|
1
|
+
"use strict";function Tt(t){return typeof t=="number"}function Lt(t){return typeof t=="string"}function gt(t){return typeof t=="boolean"}function zt(t){return Object.prototype.toString.call(t)==="[object Object]"}function P(t){return Math.abs(t)}function It(t){return Math.sign(t)}function ft(t,n){return P(t-n)}function Jt(t,n){if(t===0||n===0||P(t)<=P(n))return 0;const s=ft(P(t),P(n));return P(s/t)}function Zt(t){return Math.round(t*100)/100}function at(t){return lt(t).map(Number)}function k(t){return t[pt(t)]}function pt(t){return Math.max(0,t.length-1)}function vt(t,n){return n===pt(t)}function Bt(t,n=0){return Array.from(Array(t),(s,r)=>n+r)}function lt(t){return Object.keys(t)}function kt(t,n){return[t,n].reduce((s,r)=>(lt(r).forEach(c=>{const o=s[c],e=r[c],f=zt(o)&&zt(e);s[c]=f?kt(o,e):e}),s),{})}function Et(t,n){return typeof n.MouseEvent!="undefined"&&t instanceof n.MouseEvent}function Wt(t,n){const s={start:r,center:c,end:o};function r(){return 0}function c(i){return o(i)/2}function o(i){return n-i}function e(i,u){return Lt(t)?s[t](i):t(n,i,u)}return{measure:e}}function dt(){let t=[];function n(c,o,e,f={passive:!0}){let i;if("addEventListener"in c)c.addEventListener(o,e,f),i=()=>c.removeEventListener(o,e,f);else{const u=c;u.addListener(e),i=()=>u.removeListener(e)}return t.push(i),r}function s(){t=t.filter(c=>c())}const r={add:n,clear:s};return r}function tn(t,n,s,r){const c=dt(),o=1e3/60;let e=null,f=0,i=0;function u(){c.add(t,"visibilitychange",()=>{t.hidden&&l()})}function h(){b(),c.clear()}function d(g){if(!i)return;e||(e=g,s(),s());const a=g-e;for(e=g,f+=a;f>=o;)s(),f-=o;const S=f/o;r(S),i&&(i=n.requestAnimationFrame(d))}function p(){i||(i=n.requestAnimationFrame(d))}function b(){n.cancelAnimationFrame(i),e=null,f=0,i=0}function l(){e=null,f=0}return{init:u,destroy:h,start:p,stop:b,update:s,render:r}}function nn(t,n){const s=n==="rtl",r=t==="y",c=r?"y":"x",o=r?"x":"y",e=!r&&s?-1:1,f=h(),i=d();function u(l){const{height:m,width:g}=l;return r?m:g}function h(){return r?"top":s?"right":"left"}function d(){return r?"bottom":s?"left":"right"}function p(l){return l*e}return{scroll:c,cross:o,startEdge:f,endEdge:i,measureSize:u,direction:p}}function tt(t=0,n=0){const s=P(t-n);function r(u){return u<t}function c(u){return u>n}function o(u){return r(u)||c(u)}function e(u){return o(u)?r(u)?t:n:u}function f(u){return s?u-s*Math.ceil((u-n)/s):u}return{length:s,max:n,min:t,constrain:e,reachedAny:o,reachedMax:c,reachedMin:r,removeOffset:f}}function Gt(t,n,s){const{constrain:r}=tt(0,t),c=t+1;let o=e(n);function e(p){return s?P((c+p)%c):r(p)}function f(){return o}function i(p){return o=e(p),d}function u(p){return h().set(f()+p)}function h(){return Gt(t,f(),s)}const d={get:f,set:i,add:u,clone:h};return d}function en(t,n,s,r,c,o,e,f,i,u,h,d,p,b,l,m,g,a,S){const{cross:x,direction:T}=t,M=["INPUT","SELECT","TEXTAREA"],I={passive:!1},L=dt(),E=dt(),v=tt(50,225).constrain(b.measure(20)),C={mouse:300,touch:400},D={mouse:500,touch:600},V=l?43:25;let G=!1,H=0,j=0,J=!1,Y=!1,U=!1,$=!1;function st(y){if(!S)return;function A(N){(gt(S)||S(y,N))&&it(N)}const O=n;L.add(O,"dragstart",N=>N.preventDefault(),I).add(O,"touchmove",()=>{},I).add(O,"touchend",()=>{}).add(O,"touchstart",A).add(O,"mousedown",A).add(O,"touchcancel",w).add(O,"contextmenu",w).add(O,"click",K,!0)}function R(){L.clear(),E.clear()}function nt(){const y=$?s:n;E.add(y,"touchmove",z,I).add(y,"touchend",w).add(y,"mousemove",z,I).add(y,"mouseup",w)}function et(y){const A=y.nodeName||"";return M.includes(A)}function Q(){return(l?D:C)[$?"mouse":"touch"]}function rt(y,A){const O=d.add(It(y)*-1),N=h.byDistance(y,!l).distance;return l||P(y)<v?N:g&&A?N*.5:h.byIndex(O.get(),0).distance}function it(y){const A=Et(y,r);$=A,U=l&&A&&!y.buttons&&G,G=ft(c.get(),e.get())>=2,!(A&&y.button!==0)&&(et(y.target)||(J=!0,o.pointerDown(y),u.useFriction(0).useDuration(0),c.set(e),nt(),H=o.readPoint(y),j=o.readPoint(y,x),p.emit("pointerDown")))}function z(y){if(!Et(y,r)&&y.touches.length>=2)return w(y);const O=o.readPoint(y),N=o.readPoint(y,x),q=ft(O,H),X=ft(N,j);if(!Y&&!$&&(!y.cancelable||(Y=q>X,!Y)))return w(y);const Z=o.pointerMove(y);q>m&&(U=!0),u.useFriction(.3).useDuration(.75),f.start(),c.add(T(Z)),y.preventDefault()}function w(y){const O=h.byDistance(0,!1).index!==d.get(),N=o.pointerUp(y)*Q(),q=rt(T(N),O),X=Jt(N,q),Z=V-10*X,_=a+X/50;Y=!1,J=!1,E.clear(),u.useDuration(Z).useFriction(_),i.distance(q,!l),$=!1,p.emit("pointerUp")}function K(y){U&&(y.stopPropagation(),y.preventDefault(),U=!1)}function B(){return J}return{init:st,destroy:R,pointerDown:B}}function on(t,n){let r,c;function o(d){return d.timeStamp}function e(d,p){const l=`client${(p||t.scroll)==="x"?"X":"Y"}`;return(Et(d,n)?d:d.touches[0])[l]}function f(d){return r=d,c=d,e(d)}function i(d){const p=e(d)-e(c),b=o(d)-o(r)>170;return c=d,b&&(r=d),p}function u(d){if(!r||!c)return 0;const p=e(c)-e(r),b=o(d)-o(r),l=o(d)-o(c)>170,m=p/b;return b&&!l&&P(m)>.1?m:0}return{pointerDown:f,pointerMove:i,pointerUp:u,readPoint:e}}function sn(){function t(s){const{offsetTop:r,offsetLeft:c,offsetWidth:o,offsetHeight:e}=s;return{top:r,right:c+o,bottom:r+e,left:c,width:o,height:e}}return{measure:t}}function rn(t){function n(r){return t*(r/100)}return{measure:n}}function cn(t,n,s,r,c,o,e){const f=[t].concat(r);let i,u,h=[],d=!1;function p(g){return c.measureSize(e.measure(g))}function b(g){if(!o)return;u=p(t),h=r.map(p);function a(S){for(const x of S){if(d)return;const T=x.target===t,M=r.indexOf(x.target),I=T?u:h[M],L=p(T?t:r[M]);if(P(L-I)>=.5){g.reInit(),n.emit("resize");break}}}i=new ResizeObserver(S=>{(gt(o)||o(g,S))&&a(S)}),s.requestAnimationFrame(()=>{f.forEach(S=>i.observe(S))})}function l(){d=!0,i&&i.disconnect()}return{init:b,destroy:l}}function un(t,n,s,r,c,o){let e=0,f=0,i=c,u=o,h=t.get(),d=0;function p(){const I=r.get()-t.get(),L=!i;let E=0;return L?(e=0,s.set(r),t.set(r),E=I):(s.set(t),e+=I/i,e*=u,h+=e,t.add(e),E=h-d),f=It(E),d=h,M}function b(){const I=r.get()-n.get();return P(I)<.001}function l(){return i}function m(){return f}function g(){return e}function a(){return x(c)}function S(){return T(o)}function x(I){return i=I,M}function T(I){return u=I,M}const M={direction:m,duration:l,velocity:g,seek:p,settled:b,useBaseFriction:S,useBaseDuration:a,useFriction:T,useDuration:x};return M}function fn(t,n,s,r,c){const o=c.measure(10),e=c.measure(50),f=tt(.1,.99);let i=!1;function u(){return!(i||!t.reachedAny(s.get())||!t.reachedAny(n.get()))}function h(b){if(!u())return;const l=t.reachedMin(n.get())?"min":"max",m=P(t[l]-n.get()),g=s.get()-n.get(),a=f.constrain(m/e);s.subtract(g*a),!b&&P(g)<o&&(s.set(t.constrain(s.get())),r.useDuration(25).useBaseFriction())}function d(b){i=!b}return{shouldConstrain:u,constrain:h,toggleActive:d}}function an(t,n,s,r,c){const o=tt(-n+t,0),e=d(),f=h(),i=p();function u(l,m){return ft(l,m)<=1}function h(){const l=e[0],m=k(e),g=e.lastIndexOf(l),a=e.indexOf(m)+1;return tt(g,a)}function d(){return s.map((l,m)=>{const{min:g,max:a}=o,S=o.constrain(l),x=!m,T=vt(s,m);return x?a:T||u(g,S)?g:u(a,S)?a:S}).map(l=>parseFloat(l.toFixed(3)))}function p(){if(n<=t+c)return[o.max];if(r==="keepSnaps")return e;const{min:l,max:m}=f;return e.slice(l,m)}return{snapsContained:i,scrollContainLimit:f}}function ln(t,n,s){const r=n[0],c=s?r-t:k(n);return{limit:tt(c,r)}}function dn(t,n,s,r){const o=n.min+.1,e=n.max+.1,{reachedMin:f,reachedMax:i}=tt(o,e);function u(p){return p===1?i(s.get()):p===-1?f(s.get()):!1}function h(p){if(!u(p))return;const b=t*(p*-1);r.forEach(l=>l.add(b))}return{loop:h}}function pn(t){const{max:n,length:s}=t;function r(o){const e=o-n;return s?e/-s:0}return{get:r}}function mn(t,n,s,r,c){const{startEdge:o,endEdge:e}=t,{groupSlides:f}=c,i=d().map(n.measure),u=p(),h=b();function d(){return f(r).map(m=>k(m)[e]-m[0][o]).map(P)}function p(){return r.map(m=>s[o]-m[o]).map(m=>-P(m))}function b(){return f(u).map(m=>m[0]).map((m,g)=>m+i[g])}return{snaps:u,snapsAligned:h}}function gn(t,n,s,r,c,o){const{groupSlides:e}=c,{min:f,max:i}=r,u=h();function h(){const p=e(o),b=!t||n==="keepSnaps";return s.length===1?[o]:b?p:p.slice(f,i).map((l,m,g)=>{const a=!m,S=vt(g,m);if(a){const x=k(g[0])+1;return Bt(x)}if(S){const x=pt(o)-k(g)[0]+1;return Bt(x,k(g)[0])}return l})}return{slideRegistry:u}}function hn(t,n,s,r,c){const{reachedAny:o,removeOffset:e,constrain:f}=r;function i(l){return l.concat().sort((m,g)=>P(m)-P(g))[0]}function u(l){const m=t?e(l):f(l),g=n.map((S,x)=>({diff:h(S-m,0),index:x})).sort((S,x)=>P(S.diff)-P(x.diff)),{index:a}=g[0];return{index:a,distance:m}}function h(l,m){const g=[l,l+s,l-s];if(!t)return l;if(!m)return i(g);const a=g.filter(S=>It(S)===m);return a.length?i(a):k(g)-s}function d(l,m){const g=n[l]-c.get(),a=h(g,m);return{index:l,distance:a}}function p(l,m){const g=c.get()+l,{index:a,distance:S}=u(g),x=!t&&o(g);if(!m||x)return{index:a,distance:l};const T=n[a]-S,M=l+h(T,0);return{index:a,distance:M}}return{byDistance:p,byIndex:d,shortcut:h}}function Sn(t,n,s,r,c,o,e){function f(d){const p=d.distance,b=d.index!==n.get();o.add(p),p&&(r.duration()?t.start():(t.update(),t.render(1),t.update())),b&&(s.set(n.get()),n.set(d.index),e.emit("select"))}function i(d,p){const b=c.byDistance(d,p);f(b)}function u(d,p){const b=n.clone().set(d),l=c.byIndex(b.get(),p);f(l)}return{distance:i,index:u}}function yn(t,n,s,r,c,o,e,f){const i={passive:!0,capture:!0};let u=0;function h(b){if(!f)return;function l(m){if(new Date().getTime()-u>10)return;e.emit("slideFocusStart"),t.scrollLeft=0;const S=s.findIndex(x=>x.includes(m));Tt(S)&&(c.useDuration(0),r.index(S,0),e.emit("slideFocus"))}o.add(document,"keydown",d,!1),n.forEach((m,g)=>{o.add(m,"focus",a=>{(gt(f)||f(b,a))&&l(g)},i)})}function d(b){b.code==="Tab"&&(u=new Date().getTime())}return{init:h}}function ut(t){let n=t;function s(){return n}function r(i){n=e(i)}function c(i){n+=e(i)}function o(i){n-=e(i)}function e(i){return Tt(i)?i:i.get()}return{get:s,set:r,add:c,subtract:o}}function Ht(t,n){const s=t.scroll==="x"?e:f,r=n.style;let c=null,o=!1;function e(p){return`translate3d(${p}px,0px,0px)`}function f(p){return`translate3d(0px,${p}px,0px)`}function i(p){if(o)return;const b=Zt(t.direction(p));b!==c&&(r.transform=s(b),c=b)}function u(p){o=!p}function h(){o||(r.transform="",n.getAttribute("style")||n.removeAttribute("style"))}return{clear:h,to:i,toggleActive:u}}function bn(t,n,s,r,c,o,e,f,i){const h=at(c),d=at(c).reverse(),p=a().concat(S());function b(L,E){return L.reduce((v,C)=>v-c[C],E)}function l(L,E){return L.reduce((v,C)=>b(v,E)>0?v.concat([C]):v,[])}function m(L){return o.map((E,v)=>({start:E-r[v]+.5+L,end:E+n-.5+L}))}function g(L,E,v){const C=m(E);return L.map(D=>{const V=v?0:-s,G=v?s:0,H=v?"end":"start",j=C[D][H];return{index:D,loopPoint:j,slideLocation:ut(-1),translate:Ht(t,i[D]),target:()=>f.get()>j?V:G}})}function a(){const L=e[0],E=l(d,L);return g(E,s,!1)}function S(){const L=n-e[0]-1,E=l(h,L);return g(E,-s,!0)}function x(){return p.every(({index:L})=>{const E=h.filter(v=>v!==L);return b(E,n)<=.1})}function T(){p.forEach(L=>{const{target:E,translate:v,slideLocation:C}=L,D=E();D!==C.get()&&(v.to(D),C.set(D))})}function M(){p.forEach(L=>L.translate.clear())}return{canLoop:x,clear:M,loop:T,loopPoints:p}}function xn(t,n,s){let r,c=!1;function o(i){if(!s)return;function u(h){for(const d of h)if(d.type==="childList"){i.reInit(),n.emit("slidesChanged");break}}r=new MutationObserver(h=>{c||(gt(s)||s(i,h))&&u(h)}),r.observe(t,{childList:!0})}function e(){r&&r.disconnect(),c=!0}return{init:o,destroy:e}}function Ln(t,n,s,r){const c={};let o=null,e=null,f,i=!1;function u(){f=new IntersectionObserver(l=>{i||(l.forEach(m=>{const g=n.indexOf(m.target);c[g]=m}),o=null,e=null,s.emit("slidesInView"))},{root:t.parentElement,threshold:r}),n.forEach(l=>f.observe(l))}function h(){f&&f.disconnect(),i=!0}function d(l){return lt(c).reduce((m,g)=>{const a=parseInt(g),{isIntersecting:S}=c[a];return(l&&S||!l&&!S)&&m.push(a),m},[])}function p(l=!0){if(l&&o)return o;if(!l&&e)return e;const m=d(l);return l&&(o=m),l||(e=m),m}return{init:u,destroy:h,get:p}}function En(t,n,s,r,c,o){const{measureSize:e,startEdge:f,endEdge:i}=t,u=s[0]&&c,h=l(),d=m(),p=s.map(e),b=g();function l(){if(!u)return 0;const S=s[0];return P(n[f]-S[f])}function m(){if(!u)return 0;const S=o.getComputedStyle(k(r));return parseFloat(S.getPropertyValue(`margin-${i}`))}function g(){return s.map((S,x,T)=>{const M=!x,I=vt(T,x);return M?p[x]+h:I?p[x]+d:T[x+1][f]-S[f]}).map(P)}return{slideSizes:p,slideSizesWithGaps:b,startGap:h,endGap:d}}function Tn(t,n,s,r,c,o,e,f,i){const{startEdge:u,endEdge:h,direction:d}=t,p=Tt(s);function b(a,S){return at(a).filter(x=>x%S===0).map(x=>a.slice(x,x+S))}function l(a){return a.length?at(a).reduce((S,x,T)=>{const M=k(S)||0,I=M===0,L=x===pt(a),E=c[u]-o[M][u],v=c[u]-o[x][h],C=!r&&I?d(e):0,D=!r&&L?d(f):0,V=P(v-D-(E+C));return T&&V>n+i&&S.push(x),L&&S.push(a.length),S},[]).map((S,x,T)=>{const M=Math.max(T[x-1]||0);return a.slice(M,S)}):[]}function m(a){return p?b(a,s):l(a)}return{groupSlides:m}}function In(t,n,s,r,c,o,e){const{align:f,axis:i,direction:u,startIndex:h,loop:d,duration:p,dragFree:b,dragThreshold:l,inViewThreshold:m,slidesToScroll:g,skipSnaps:a,containScroll:S,watchResize:x,watchSlides:T,watchDrag:M,watchFocus:I}=o,L=2,E=sn(),v=E.measure(n),C=s.map(E.measure),D=nn(i,u),V=D.measureSize(v),G=rn(V),H=Wt(f,V),j=!d&&!!S,J=d||!!S,{slideSizes:Y,slideSizesWithGaps:U,startGap:$,endGap:st}=En(D,v,C,s,J,c),R=Tn(D,V,g,d,v,C,$,st,L),{snaps:nt,snapsAligned:et}=mn(D,H,v,C,R),Q=-k(nt)+k(U),{snapsContained:rt,scrollContainLimit:it}=an(V,Q,et,S,L),z=j?rt:et,{limit:w}=ln(Q,z,d),K=Gt(pt(z),h,d),B=K.clone(),F=at(s),y=({dragHandler:ot,scrollBody:bt,scrollBounds:xt,options:{loop:mt}})=>{mt||xt.constrain(ot.pointerDown()),bt.seek()},A=({scrollBody:ot,translate:bt,location:xt,offsetLocation:mt,previousLocation:qt,scrollLooper:Ut,slideLooper:$t,dragHandler:Qt,animation:Kt,eventHandler:Pt,scrollBounds:Xt,options:{loop:Ct}},Ot)=>{const wt=ot.settled(),Yt=!Xt.shouldConstrain(),Nt=Ct?wt:wt&&Yt,Vt=Nt&&!Qt.pointerDown();Vt&&Kt.stop();const _t=xt.get()*Ot+qt.get()*(1-Ot);mt.set(_t),Ct&&(Ut.loop(ot.direction()),$t.loop()),bt.to(mt.get()),Vt&&Pt.emit("settle"),Nt||Pt.emit("scroll")},O=tn(r,c,()=>y(yt),ot=>A(yt,ot)),N=.68,q=z[K.get()],X=ut(q),Z=ut(q),_=ut(q),W=ut(q),ct=un(X,_,Z,W,p,N),ht=hn(d,z,Q,w,W),St=Sn(O,K,B,ct,ht,W,e),At=pn(w),Mt=dt(),jt=Ln(n,s,e,m),{slideRegistry:Ft}=gn(j,S,z,it,R,F),Rt=yn(t,s,Ft,St,ct,Mt,e,I),yt={ownerDocument:r,ownerWindow:c,eventHandler:e,containerRect:v,slideRects:C,animation:O,axis:D,dragHandler:en(D,t,r,c,W,on(D,c),X,O,St,ct,ht,K,e,G,b,l,a,N,M),eventStore:Mt,percentOfView:G,index:K,indexPrevious:B,limit:w,location:X,offsetLocation:_,previousLocation:Z,options:o,resizeHandler:cn(n,e,c,s,D,x,E),scrollBody:ct,scrollBounds:fn(w,_,W,ct,G),scrollLooper:dn(Q,w,_,[X,_,Z,W]),scrollProgress:At,scrollSnapList:z.map(At.get),scrollSnaps:z,scrollTarget:ht,scrollTo:St,slideLooper:bn(D,V,Q,Y,U,nt,z,_,s),slideFocus:Rt,slidesHandler:xn(n,e,T),slidesInView:jt,slideIndexes:F,slideRegistry:Ft,slidesToScroll:R,target:W,translate:Ht(D,n)};return yt}function vn(){let t={},n;function s(u){n=u}function r(u){return t[u]||[]}function c(u){return r(u).forEach(h=>h(n,u)),i}function o(u,h){return t[u]=r(u).concat([h]),i}function e(u,h){return t[u]=r(u).filter(d=>d!==h),i}function f(){t={}}const i={init:s,emit:c,off:e,on:o,clear:f};return i}const Dn={align:"center",axis:"x",container:null,slides:null,containScroll:"trimSnaps",direction:"ltr",slidesToScroll:1,inViewThreshold:0,breakpoints:{},dragFree:!1,dragThreshold:10,loop:!1,skipSnaps:!1,duration:25,startIndex:0,active:!0,watchDrag:!0,watchResize:!0,watchSlides:!0,watchFocus:!0};function An(t){function n(o,e){return kt(o,e||{})}function s(o){const e=o.breakpoints||{},f=lt(e).filter(i=>t.matchMedia(i).matches).map(i=>e[i]).reduce((i,u)=>n(i,u),{});return n(o,f)}function r(o){return o.map(e=>lt(e.breakpoints||{})).reduce((e,f)=>e.concat(f),[]).map(t.matchMedia)}return{mergeOptions:n,optionsAtMedia:s,optionsMediaQueries:r}}function Mn(t){let n=[];function s(o,e){return n=e.filter(({options:f})=>t.optionsAtMedia(f).active!==!1),n.forEach(f=>f.init(o,t)),e.reduce((f,i)=>Object.assign(f,{[i.name]:i}),{})}function r(){n=n.filter(o=>o.destroy())}return{init:s,destroy:r}}function Dt(t,n,s){const r=t.ownerDocument,c=r.defaultView,o=An(c),e=Mn(o),f=dt(),i=vn(),{mergeOptions:u,optionsAtMedia:h,optionsMediaQueries:d}=o,{on:p,off:b,emit:l}=i,m=D;let g=!1,a,S=u(Dn,Dt.globalOptions),x=u(S),T=[],M,I,L;function E(){const{container:F,slides:y}=x;I=(Lt(F)?t.querySelector(F):F)||t.children[0];const O=Lt(y)?I.querySelectorAll(y):y;L=[].slice.call(O||I.children)}function v(F){const y=In(t,I,L,r,c,F,i);if(F.loop&&!y.slideLooper.canLoop()){const A=Object.assign({},F,{loop:!1});return v(A)}return y}function C(F,y){g||(S=u(S,F),x=h(S),T=y||T,E(),a=v(x),d([S,...T.map(({options:A})=>A)]).forEach(A=>f.add(A,"change",D)),x.active&&(a.translate.to(a.location.get()),a.animation.init(),a.slidesInView.init(),a.slideFocus.init(B),a.eventHandler.init(B),a.resizeHandler.init(B),a.slidesHandler.init(B),a.options.loop&&a.slideLooper.loop(),I.offsetParent&&L.length&&a.dragHandler.init(B),M=e.init(B,T)))}function D(F,y){const A=R();V(),C(u({startIndex:A},F),y),i.emit("reInit")}function V(){a.dragHandler.destroy(),a.eventStore.clear(),a.translate.clear(),a.slideLooper.clear(),a.resizeHandler.destroy(),a.slidesHandler.destroy(),a.slidesInView.destroy(),a.animation.destroy(),e.destroy(),f.clear()}function G(){g||(g=!0,f.clear(),V(),i.emit("destroy"),i.clear())}function H(F,y,A){!x.active||g||(a.scrollBody.useBaseFriction().useDuration(y===!0?0:x.duration),a.scrollTo.index(F,A||0))}function j(F){const y=a.index.add(1).get();H(y,F,-1)}function J(F){const y=a.index.add(-1).get();H(y,F,1)}function Y(){return a.index.add(1).get()!==R()}function U(){return a.index.add(-1).get()!==R()}function $(){return a.scrollSnapList}function st(){return a.scrollProgress.get(a.offsetLocation.get())}function R(){return a.index.get()}function nt(){return a.indexPrevious.get()}function et(){return a.slidesInView.get()}function Q(){return a.slidesInView.get(!1)}function rt(){return M}function it(){return a}function z(){return t}function w(){return I}function K(){return L}const B={canScrollNext:Y,canScrollPrev:U,containerNode:w,internalEngine:it,destroy:G,off:b,on:p,emit:l,plugins:rt,previousScrollSnap:nt,reInit:m,rootNode:z,scrollNext:j,scrollPrev:J,scrollProgress:st,scrollSnapList:$,scrollTo:H,selectedScrollSnap:R,slideNodes:K,slidesInView:et,slidesNotInView:Q};return C(n,s),setTimeout(()=>i.emit("init"),0),B}Dt.globalOptions=void 0;module.exports=Dt;
|
package/dist/index.cjs2.js
CHANGED
|
@@ -1 +1,19 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),p=require("@emotion/styled"),o=require("@danielcruzcode/design-tokens"),k={primary:`background-color:${o.tokens.color.brand};color:#fff;border:none;&:hover:not(:disabled){background-color:${o.tokens.color.brandHover};}&:active:not(:disabled){background-color:${o.tokens.color.brandHover};box-shadow:${o.tokens.shadow.sm};}`,secondary:`background-color:transparent;color:${o.tokens.color.brand};border:1.5px solid ${o.tokens.color.brand};&:hover:not(:disabled){background-color:${o.tokens.color.brandSubtle};}`,ghost:`background-color:transparent;color:${o.tokens.color.text};border:none;&:hover:not(:disabled){background-color:${o.tokens.color.surface};}`,danger:`background-color:${o.tokens.color.danger};color:#fff;border:none;&:hover:not(:disabled){opacity:0.9;}`},h={sm:`height:32px;padding-inline:${o.tokens.space.sm};font-size:13px;`,md:`height:40px;padding-inline:${o.tokens.space.md};font-size:15px;`,lg:`height:48px;padding-inline:${o.tokens.space.lg};font-size:17px;`},f=p.button`
|
|
2
|
+
display: inline-flex;
|
|
3
|
+
align-items: center;
|
|
4
|
+
justify-content: center;
|
|
5
|
+
gap: ${o.tokens.space.sm};
|
|
6
|
+
border-radius: ${o.tokens.radius.md};
|
|
7
|
+
font-family: ${o.tokens.font.body};
|
|
8
|
+
font-weight: 600;
|
|
9
|
+
cursor: pointer;
|
|
10
|
+
transition: background-color ${o.tokens.transition.fast}, opacity ${o.tokens.transition.fast}, box-shadow ${o.tokens.transition.fast};
|
|
11
|
+
text-decoration: none;
|
|
12
|
+
white-space: nowrap;
|
|
13
|
+
position: relative;
|
|
14
|
+
width: ${({fullWidth:n})=>n?"100%":"auto"};
|
|
15
|
+
&:disabled { cursor: not-allowed; opacity: 0.5; }
|
|
16
|
+
&:focus-visible { outline: 2px solid ${o.tokens.color.borderFocus}; outline-offset: 2px; }
|
|
17
|
+
${({variant:n})=>k[n]}
|
|
18
|
+
${({size:n})=>h[n]}
|
|
19
|
+
`;function g({variant:n="primary",size:i="md",fullWidth:a=!1,loading:t=!1,disabled:d=!1,leftIcon:r,rightIcon:s,onClick:l,children:c,type:u="button",className:b}){return e.jsx(f,{type:u,variant:n,size:i,fullWidth:a,disabled:d||t,onClick:l,"aria-busy":t,className:b,children:t?e.jsx("output",{"aria-label":"Cargando",style:{display:"inline-flex",alignItems:"center"},children:e.jsx("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",style:{animation:"spin 0.75s linear infinite"},"aria-hidden":"true",children:e.jsx("path",{d:"M12 2v4M12 18v4M4.93 4.93l2.83 2.83M16.24 16.24l2.83 2.83M2 12h4M18 12h4M4.93 19.07l2.83-2.83M16.24 7.76l2.83-2.83"})})}):e.jsxs(e.Fragment,{children:[r&&e.jsx("span",{"aria-hidden":"true",children:r}),c,s&&e.jsx("span",{"aria-hidden":"true",children:s})]})})}exports.Button=g;
|
package/dist/index.cjs3.js
CHANGED
|
@@ -1 +1,12 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),s=require("@emotion/styled"),o=require("@danielcruzcode/design-tokens"),c={brand:`background-color: ${o.tokens.color.brandSubtle}; color: ${o.tokens.color.brand};`,success:`background-color: ${o.tokens.color.successSubtle}; color: ${o.tokens.color.success};`,warning:`background-color: ${o.tokens.color.warningSubtle}; color: ${o.tokens.color.warning};`,danger:`background-color: ${o.tokens.color.dangerSubtle}; color: ${o.tokens.color.danger};`,neutral:`background-color: ${o.tokens.color.surface}; color: ${o.tokens.color.textMuted};`},l={sm:"font-size: 11px; padding: 2px 6px;",md:`font-size: 13px; padding: 4px ${o.tokens.space.sm};`},a=s.span`
|
|
2
|
+
display: inline-flex;
|
|
3
|
+
align-items: center;
|
|
4
|
+
justify-content: center;
|
|
5
|
+
border-radius: ${o.tokens.radius.full};
|
|
6
|
+
font-family: ${o.tokens.font.body};
|
|
7
|
+
font-weight: 600;
|
|
8
|
+
line-height: 1;
|
|
9
|
+
white-space: nowrap;
|
|
10
|
+
${({variant:e})=>c[e]}
|
|
11
|
+
${({size:e})=>l[e]}
|
|
12
|
+
`;function d({variant:e="neutral",size:n="md",children:r}){return t.jsx(a,{variant:e,size:n,children:r})}exports.Badge=d;
|
package/dist/index.cjs4.js
CHANGED
|
@@ -1 +1,17 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),t=require("@emotion/styled"),o=require("@danielcruzcode/design-tokens"),s={default:`background-color:${o.tokens.color.surface};color:${o.tokens.color.text};border:1px solid ${o.tokens.color.border};`,brand:`background-color:${o.tokens.color.brandSubtle};color:${o.tokens.color.brand};border:1px solid ${o.tokens.color.brand};`},l=t.span`
|
|
2
|
+
display: inline-flex;
|
|
3
|
+
align-items: center;
|
|
4
|
+
gap: 4px;
|
|
5
|
+
border-radius: ${o.tokens.radius.full};
|
|
6
|
+
font-family: ${o.tokens.font.body};
|
|
7
|
+
font-size: 13px;
|
|
8
|
+
font-weight: 500;
|
|
9
|
+
padding: 4px ${o.tokens.space.sm};
|
|
10
|
+
${({variant:e})=>s[e]}
|
|
11
|
+
`,d=t.button`
|
|
12
|
+
display: inline-flex; align-items: center; justify-content: center;
|
|
13
|
+
background: none; border: none; padding: 0; cursor: pointer;
|
|
14
|
+
color: inherit; opacity: 0.7; border-radius: ${o.tokens.radius.full};
|
|
15
|
+
&:hover { opacity: 1; }
|
|
16
|
+
&:focus-visible { outline: 2px solid ${o.tokens.color.borderFocus}; outline-offset: 1px; }
|
|
17
|
+
`;function c({label:e,onRemove:n,variant:i="default"}){return r.jsxs(l,{variant:i,children:[e,n&&r.jsx(d,{type:"button",onClick:n,"aria-label":`Eliminar ${e}`,children:r.jsx("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"none","aria-hidden":"true",children:r.jsx("path",{d:"M9 3L3 9M3 3l6 6",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"})})})]})}exports.Tag=c;
|
package/dist/index.cjs5.js
CHANGED
|
@@ -1 +1,17 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),n=require("@emotion/styled"),o=require("@danielcruzcode/design-tokens"),m=require("react"),v=n.div`display:flex;flex-direction:column;gap:4px;font-family:${o.tokens.font.body};`,I=n.label`font-size:13px;font-weight:500;color:${o.tokens.color.text};`,S=n.span`color:${o.tokens.color.danger};margin-left:2px;`,w=n.div`
|
|
2
|
+
display:flex;align-items:center;gap:${o.tokens.space.sm};
|
|
3
|
+
border-radius:${o.tokens.radius.md};
|
|
4
|
+
border:1.5px solid ${({hasError:e})=>e?o.tokens.color.danger:o.tokens.color.border};
|
|
5
|
+
background-color:${({disabled:e})=>e?o.tokens.color.surface:o.tokens.color.background};
|
|
6
|
+
padding-inline:${o.tokens.space.sm};opacity:${({disabled:e})=>e?.6:1};
|
|
7
|
+
cursor:${({disabled:e})=>e?"not-allowed":"auto"};
|
|
8
|
+
transition:border-color ${o.tokens.transition.fast};
|
|
9
|
+
&:focus-within {
|
|
10
|
+
border-color:${({hasError:e})=>e?o.tokens.color.danger:o.tokens.color.borderFocus};
|
|
11
|
+
box-shadow:0 0 0 3px ${({hasError:e})=>e?o.tokens.color.dangerSubtle:o.tokens.color.brandSubtle};
|
|
12
|
+
}
|
|
13
|
+
`,M=n.input`
|
|
14
|
+
flex:1;border:none;outline:none;background:transparent;
|
|
15
|
+
font-family:${o.tokens.font.body};font-size:15px;color:${o.tokens.color.text};height:40px;
|
|
16
|
+
&::placeholder{color:${o.tokens.color.textMuted};}&:disabled{cursor:not-allowed;}
|
|
17
|
+
`,f=n.span`display:flex;align-items:center;color:${o.tokens.color.textMuted};flex-shrink:0;`,q=n.span`font-size:12px;color:${o.tokens.color.textMuted};`,z=n.span`font-size:12px;color:${o.tokens.color.danger};`;function T({label:e,placeholder:b,value:$,onChange:l,type:g="text",error:r,hint:i,disabled:d=!1,required:a=!1,leftIcon:u,rightIcon:x,name:h,id:c}){const y=m.useId(),s=c!=null?c:y,p=r?`${s}-error`:void 0,k=i?`${s}-hint`:void 0;return t.jsxs(v,{children:[e&&t.jsxs(I,{htmlFor:s,children:[e,a&&t.jsx(S,{"aria-hidden":"true",children:" *"})]}),t.jsxs(w,{hasError:!!r,disabled:d,children:[u&&t.jsx(f,{"aria-hidden":"true",children:u}),t.jsx(M,{id:s,name:h,type:g,placeholder:b,value:$,onChange:j=>l==null?void 0:l(j.target.value),disabled:d,required:a,"aria-invalid":r?!0:void 0,"aria-describedby":[p,k].filter(Boolean).join(" ")||void 0}),x&&t.jsx(f,{"aria-hidden":"true",children:x})]}),r&&t.jsx(z,{id:p,role:"alert",children:r}),i&&!r&&t.jsx(q,{id:k,children:i})]})}exports.Input=T;
|
package/dist/index.cjs6.js
CHANGED
|
@@ -1 +1,8 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),r=require("@emotion/styled"),e=require("@danielcruzcode/design-tokens"),f=require("react"),h=r.div`display:flex;flex-direction:column;gap:4px;font-family:${e.tokens.font.body};`,g=r.label`font-size:13px;font-weight:500;color:${e.tokens.color.text};`,v=r.div`position:relative;display:flex;align-items:center;`,$=r.select`
|
|
2
|
+
width:100%;height:40px;padding-inline-start:${e.tokens.space.sm};padding-inline-end:36px;
|
|
3
|
+
border-radius:${e.tokens.radius.md};border:1.5px solid ${({hasError:t})=>t?e.tokens.color.danger:e.tokens.color.border};
|
|
4
|
+
background-color:${e.tokens.color.background};font-family:${e.tokens.font.body};font-size:15px;
|
|
5
|
+
color:${e.tokens.color.text};appearance:none;cursor:pointer;transition:border-color ${e.tokens.transition.fast};
|
|
6
|
+
&:focus{outline:none;border-color:${({hasError:t})=>t?e.tokens.color.danger:e.tokens.color.borderFocus};box-shadow:0 0 0 3px ${({hasError:t})=>t?e.tokens.color.dangerSubtle:e.tokens.color.brandSubtle};}
|
|
7
|
+
&:disabled{background-color:${e.tokens.color.surface};cursor:not-allowed;opacity:0.6;}
|
|
8
|
+
`,j=r.span`position:absolute;right:${e.tokens.space.sm};pointer-events:none;color:${e.tokens.color.textMuted};display:flex;align-items:center;`,y=r.span`font-size:12px;color:${e.tokens.color.danger};`;function m({options:t,value:x,onChange:i,label:c,placeholder:a,error:s,disabled:p=!1,name:b,id:l}){const k=f.useId(),d=l!=null?l:k,u=s?`${d}-error`:void 0;return o.jsxs(h,{children:[c&&o.jsx(g,{htmlFor:d,children:c}),o.jsxs(v,{children:[o.jsxs($,{id:d,name:b,hasError:!!s,value:x,onChange:n=>i==null?void 0:i(n.target.value),disabled:p,"aria-invalid":s?!0:void 0,"aria-describedby":u,children:[a&&o.jsx("option",{value:"",disabled:!0,children:a}),t.map(n=>o.jsx("option",{value:n.value,disabled:n.disabled,children:n.label},n.value))]}),o.jsx(j,{"aria-hidden":"true",children:o.jsx("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",children:o.jsx("path",{d:"M4 6l4 4 4-4",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})})})]}),s&&o.jsx(y,{id:u,role:"alert",children:s})]})}exports.Select=m;
|
package/dist/index.cjs7.js
CHANGED
|
@@ -1 +1,12 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),n=require("@emotion/styled"),t=require("@danielcruzcode/design-tokens"),l=require("react"),f=n.label`
|
|
2
|
+
display: inline-flex; align-items: center; gap: ${t.tokens.space.sm};
|
|
3
|
+
cursor: ${({disabled:e})=>e?"not-allowed":"pointer"};
|
|
4
|
+
opacity: ${({disabled:e})=>e?.5:1};
|
|
5
|
+
font-family: ${t.tokens.font.body}; user-select: none;
|
|
6
|
+
`,p=n.input`position:absolute;opacity:0;width:0;height:0;margin:0;`,b=n.span`
|
|
7
|
+
width: 18px; height: 18px; border-radius: ${t.tokens.radius.sm};
|
|
8
|
+
border: 1.5px solid ${({active:e})=>e?t.tokens.color.brand:t.tokens.color.border};
|
|
9
|
+
background-color: ${({active:e})=>e?t.tokens.color.brand:t.tokens.color.background};
|
|
10
|
+
display: flex; align-items: center; justify-content: center; flex-shrink: 0;
|
|
11
|
+
transition: background-color ${t.tokens.transition.fast}, border-color ${t.tokens.transition.fast};
|
|
12
|
+
`,g=n.span`font-size: 15px; color: ${t.tokens.color.text};`;function j({checked:e=!1,onChange:r,label:a,disabled:d=!1,indeterminate:s=!1,name:h,id:i}){const x=l.useId(),u=i!=null?i:x,c=l.useRef(null);return l.useEffect(()=>{c.current&&(c.current.indeterminate=s)},[s]),o.jsxs(f,{htmlFor:u,disabled:d,children:[o.jsx(p,{ref:c,id:u,name:h,type:"checkbox",checked:e,disabled:d,onChange:k=>r==null?void 0:r(k.target.checked),"aria-checked":s?"mixed":e}),o.jsxs(b,{active:e||s,"aria-hidden":"true",children:[s&&o.jsx("svg",{width:"10",height:"2",viewBox:"0 0 10 2",fill:"none",children:o.jsx("path",{d:"M1 1h8",stroke:"white",strokeWidth:"2",strokeLinecap:"round"})}),e&&!s&&o.jsx("svg",{width:"10",height:"8",viewBox:"0 0 10 8",fill:"none",children:o.jsx("path",{d:"M1 4l3 3 5-6",stroke:"white",strokeWidth:"1.8",strokeLinecap:"round",strokeLinejoin:"round"})})]}),a&&o.jsx(g,{children:a})]})}exports.Checkbox=j;
|
package/dist/index.cjs8.js
CHANGED
|
@@ -1 +1,8 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),s=require("@emotion/styled"),e=require("@danielcruzcode/design-tokens"),u={none:"0",sm:e.tokens.space.sm,md:e.tokens.space.md,lg:e.tokens.space.lg},x=s.article`
|
|
2
|
+
display:flex;flex-direction:column;background-color:${e.tokens.color.background};
|
|
3
|
+
border-radius:${e.tokens.radius.md};border:1px solid ${e.tokens.color.border};
|
|
4
|
+
overflow:hidden;position:relative;
|
|
5
|
+
transition:box-shadow ${e.tokens.transition.normal},transform ${e.tokens.transition.normal};
|
|
6
|
+
max-width:15rem;height:27rem;padding:${({padding:o})=>u[o]};
|
|
7
|
+
${({hoverable:o})=>o&&`cursor:pointer;&:hover{box-shadow:${e.tokens.shadow.sm};transform:translateY(-2px);}`}
|
|
8
|
+
`,h=s.div`width:100%;overflow:hidden;`,v=s.div`padding:${e.tokens.space.sm} ${e.tokens.space.md};`,g=s.div`padding:0 ${e.tokens.space.md};flex:1;`,b=s.div`padding:${e.tokens.space.md};border-top:1px solid ${e.tokens.color.border};margin-top:auto;`;function k({media:o,header:a,body:i,footer:c,onClick:r,hoverable:l=!1,className:p,padding:m="none"}){const t=!!r;return n.jsxs(x,{hoverable:l||t,padding:m,className:p,onClick:r,role:t?"button":void 0,tabIndex:t?0:void 0,onKeyDown:t?d=>{(d.key==="Enter"||d.key===" ")&&(d.preventDefault(),r==null||r())}:void 0,children:[o&&n.jsx(h,{children:o}),a&&n.jsx(v,{children:a}),i&&n.jsx(g,{children:i}),c&&n.jsx(b,{children:c})]})}exports.Card=k;
|
package/dist/index.cjs9.js
CHANGED
|
@@ -1 +1,18 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),d=require("@emotion/styled"),t=require("@danielcruzcode/design-tokens"),q=require("./index.cjs14.js"),s=require("react"),C={sm:8,md:16,lg:24,xl:32};function b(r,l){return typeof r=="number"?r:l>=1024?r.desktop:l>=640?r.tablet:r.mobile}const v=d.button`
|
|
2
|
+
position:absolute;top:50%;transform:translateY(-50%);z-index:10;
|
|
3
|
+
display:flex;align-items:center;justify-content:center;
|
|
4
|
+
width:36px;height:36px;border-radius:${t.tokens.radius.full};
|
|
5
|
+
border:1px solid ${t.tokens.color.border};background-color:${t.tokens.color.background};
|
|
6
|
+
color:${t.tokens.color.text};cursor:pointer;box-shadow:${t.tokens.shadow.sm};
|
|
7
|
+
transition:box-shadow ${t.tokens.transition.fast};
|
|
8
|
+
&:hover{box-shadow:${t.tokens.shadow.md};}
|
|
9
|
+
&:focus-visible{outline:2px solid ${t.tokens.color.borderFocus};outline-offset:2px;}
|
|
10
|
+
&:disabled{opacity:0.4;cursor:not-allowed;}
|
|
11
|
+
`,T=d(v)`left:${t.tokens.space.sm};`,z=d(v)`right:${t.tokens.space.sm};`,B=d.button`
|
|
12
|
+
width:${({active:r})=>r?"20px":"8px"};height:8px;
|
|
13
|
+
border-radius:${t.tokens.radius.full};
|
|
14
|
+
background-color:${({active:r})=>r?t.tokens.color.brand:t.tokens.color.border};
|
|
15
|
+
border:none;cursor:pointer;padding:0;
|
|
16
|
+
transition:background-color ${t.tokens.transition.fast},width ${t.tokens.transition.fast};
|
|
17
|
+
&:focus-visible{outline:2px solid ${t.tokens.color.borderFocus};outline-offset:2px;}
|
|
18
|
+
`,F=d.div`display:flex;justify-content:center;gap:${t.tokens.space.sm};margin-top:${t.tokens.space.sm};`;function N({children:r,autoplay:l=!1,autoplayMs:x=4e3,showArrows:w=!0,showDots:$=!0,loop:g=!1,slidesPerView:u=1,slidesPerGroup:j=1,gap:p,onSlideChange:a}){var k;const h=p&&(k=C[p])!=null?k:0,[y,e]=q({loop:g,slidesToScroll:j,align:"start"}),[m,S]=s.useState(0),[I,L]=s.useState([]),[f,E]=s.useState(()=>typeof window!="undefined"?b(u,window.innerWidth):1);s.useEffect(()=>{if(typeof window=="undefined")return;const n=()=>E(b(u,window.innerWidth));return n(),window.addEventListener("resize",n),()=>window.removeEventListener("resize",n)},[u]);const c=s.useCallback(()=>{if(!e)return;const n=e.selectedScrollSnap();S(n),a==null||a(n)},[e,a]);s.useEffect(()=>{if(e)return L(e.scrollSnapList()),e.on("select",c),e.on("reInit",c),()=>{e.off("select",c),e.off("reInit",c)}},[e,c]),s.useEffect(()=>{e==null||e.reInit()},[e,f]),s.useEffect(()=>{if(!l||!e)return;const n=setInterval(()=>e.scrollNext(),x);return()=>clearInterval(n)},[l,x,e]);const W=`calc((100% - ${h*(f-1)}px) / ${f})`;return o.jsxs("div",{style:{position:"relative",width:"100%"},children:[o.jsx("div",{ref:y,style:{overflow:"hidden"},children:o.jsx("div",{style:{display:"flex",gap:h},children:r.map((n,i)=>o.jsx("div",{style:{flex:`0 0 ${W}`,minWidth:0},children:n},i))})}),w&&o.jsxs(o.Fragment,{children:[o.jsx(T,{type:"button","aria-label":"Slide anterior",onClick:()=>e==null?void 0:e.scrollPrev(),children:o.jsx("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none","aria-hidden":"true",children:o.jsx("path",{d:"M10 12L6 8l4-4",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})})}),o.jsx(z,{type:"button","aria-label":"Slide siguiente",onClick:()=>e==null?void 0:e.scrollNext(),children:o.jsx("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none","aria-hidden":"true",children:o.jsx("path",{d:"M6 4l4 4-4 4",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})})})]}),$&&o.jsx(F,{children:I.map((n,i)=>o.jsx(B,{active:i===m,type:"button",onClick:()=>e==null?void 0:e.scrollTo(i),"aria-label":`Ir al slide ${i+1}`},i))})]})}exports.Carousel=N;
|
package/dist/index.esm.js
CHANGED
|
@@ -1,26 +1,26 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
5
|
-
import {
|
|
6
|
-
import {
|
|
7
|
-
import {
|
|
8
|
-
import {
|
|
9
|
-
import {
|
|
10
|
-
import {
|
|
1
|
+
import { Button as t } from "./index.esm2.js";
|
|
2
|
+
import { Badge as f } from "./index.esm3.js";
|
|
3
|
+
import { Tag as x } from "./index.esm4.js";
|
|
4
|
+
import { Input as a } from "./index.esm5.js";
|
|
5
|
+
import { Select as d } from "./index.esm6.js";
|
|
6
|
+
import { Checkbox as C } from "./index.esm7.js";
|
|
7
|
+
import { Card as l } from "./index.esm8.js";
|
|
8
|
+
import { Carousel as g } from "./index.esm9.js";
|
|
9
|
+
import { ProductCard as k } from "./index.esm10.js";
|
|
10
|
+
import { ProductShelf as P } from "./index.esm11.js";
|
|
11
11
|
import { Stack as i } from "./index.esm12.js";
|
|
12
|
-
import {
|
|
12
|
+
import { Container as I } from "./index.esm13.js";
|
|
13
13
|
export {
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
14
|
+
f as Badge,
|
|
15
|
+
t as Button,
|
|
16
|
+
l as Card,
|
|
17
|
+
g as Carousel,
|
|
18
|
+
C as Checkbox,
|
|
19
|
+
I as Container,
|
|
20
|
+
a as Input,
|
|
21
|
+
k as ProductCard,
|
|
22
|
+
P as ProductShelf,
|
|
23
|
+
d as Select,
|
|
24
24
|
i as Stack,
|
|
25
|
-
|
|
25
|
+
x as Tag
|
|
26
26
|
};
|