@tapcart/mobile-components 0.2.10 → 0.2.12

package/dist/components/ui/product-card.js

@@ -1,40 +1,147 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Badge } from "@/components/ui/badge";
-import { Button } from "@/components/ui/button";
-import { Text } from "@/components/ui/text";
-import { Price } from "@/components/ui/price";
-import { Icon } from "@/components/ui/icon";
-import { Skeleton } from "@/components/ui/skeleton";
-const positionClasses = {
-    topLeft: "absolute top-0 left-0 mt-2",
-    topRight: "absolute top-0 right-0 mt-2",
-    bottomLeft: "absolute bottom-0 left-0 mb-2",
-    bottomRight: "absolute bottom-0 right-0 mb-2",
-};
-var BadgeAlignment;
-(function (BadgeAlignment) {
-    BadgeAlignment["Left"] = "left";
-    BadgeAlignment["Right"] = "right";
-    BadgeAlignment["FullWidth"] = "full-width";
-})(BadgeAlignment || (BadgeAlignment = {}));
-const badgeAlignmentClasses = {
-    topLeft: BadgeAlignment.Left,
-    topRight: BadgeAlignment.Right,
-    bottomLeft: BadgeAlignment.Left,
-    bottomRight: BadgeAlignment.Right,
-};
-const ProductCard = ({ product, scaling, className, badge, icon, quickAdd, openProduct, isQuickAddProductEnabled, isLoading, }) => {
+import { Badge } from "./badge";
+import { Favorite } from "./favorite";
+import { Button } from "./button";
+import { Text } from "./text";
+import { Price } from "./price";
+import { Skeleton } from "./skeleton";
+import { cn } from "../../lib/utils";
+import { cva } from "class-variance-authority";
+const aspectScalingVariants = cva("w-full", {
+    variants: {
+        aspectRatio: {
+            "1:1": "aspect-square",
+            "2:3": "aspect-[2/3]",
+            "4:5": "aspect-[4/5]",
+        },
+        scaling: {
+            "fill": "object-cover",
+            "fit": "object-contain",
+        }
+    },
+    defaultVariants: {
+        aspectRatio: "2:3",
+        scaling: "fill"
+    }
+});
+const productCardBadgeVariants = cva("absolute truncate", {
+    variants: {
+        horizontalPosition: {
+            start: "left-0",
+            end: "right-0",
+            center: "",
+        },
+        verticalPosition: {
+            top: "top-0 mt-2",
+            bottom: "bottom-0 mb-2",
+            below: "",
+        },
+    },
+});
+const productCardFavoriteVariants = cva("absolute ", {
+    variants: {
+        iconPosition: {
+            "top-left": "top-0 left-2 mt-2",
+            "top-right": "top-0 right-2 mt-2",
+            "bottom-left": "bottom-0 left-2 mb-2",
+            "bottom-right": "bottom-0 right-2 mb-2",
+            "below-image-on-right": "",
+        },
+        badgeHorizontalPosition: {
+            start: "",
+            end: "",
+            center: "",
+        },
+        badgeVerticalPosition: {
+            top: "",
+            bottom: "",
+            below: "",
+        },
+        showSoldOutBadge: {
+            true: "",
+            false: "",
+        }
+    },
+    compoundVariants: [
+        {
+            iconPosition: "top-left",
+            badgeHorizontalPosition: ["start", "center"],
+            badgeVerticalPosition: "top",
+            class: "top-10",
+        },
+        {
+            iconPosition: "top-right",
+            badgeHorizontalPosition: ["end", "center"],
+            badgeVerticalPosition: "top",
+            class: "top-10",
+        },
+        {
+            iconPosition: "bottom-left",
+            badgeHorizontalPosition: ["start", "center"],
+            badgeVerticalPosition: "bottom",
+            class: "bottom-10",
+        },
+        {
+            iconPosition: "bottom-right",
+            badgeHorizontalPosition: ["end", "center"],
+            badgeVerticalPosition: "bottom",
+            class: "bottom-10",
+        },
+        {
+            iconPosition: "bottom-left",
+            showSoldOutBadge: true,
+            class: "bottom-10",
+        },
+    ],
+    defaultVariants: {
+        iconPosition: "below-image-on-right",
+    },
+});
+const ProductCard = ({ config, tapcartData, product, isLoading, favorited, onFavoriteClick, onQuickAdd, openProduct, }) => {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7, _8, _9, _10;
+    const ProductImage = ({ src }) => {
+        const productImageClasses = cn(aspectScalingVariants({ aspectRatio: tapcartData.theme.productImages.aspectRatio, scaling: tapcartData.theme.productImages.scaling }));
+        if (src) {
+            return (_jsx("img", { className: productImageClasses, src: src }));
+        }
+        else {
+            return (_jsx("div", { className: `${productImageClasses} bg-neutral-300` }));
+        }
+    };
     const { variants: [variant], images: [{ src }], title } = product;
-    const badgePosition = (badge === null || badge === void 0 ? void 0 : badge.position) || "topRight";
-    const iconPosition = (icon === null || icon === void 0 ? void 0 : icon.position) || "bottomRight";
-    const scalingClass = scaling === "fit" ? "object-contain" : "object-cover";
+    const iconPosition = ((_a = config.favoritesIcon) === null || _a === void 0 ? void 0 : _a.layoutType) || "below-image-on-right";
     if (isLoading) {
-        return (_jsxs("div", Object.assign({ className: "w-1/2" }, { children: [_jsx(Skeleton, { className: "w-full h-64" }, void 0), _jsx(Skeleton, { className: "h-6 w-1/2 mt-2" }, void 0), _jsx(Skeleton, { className: "h-6 w-3/4 mt-2" }, void 0)] }), void 0));
+        return (_jsxs("div", Object.assign({ className: "w-1/2 rounded" }, { children: [_jsx(Skeleton, { className: "w-full h-64 rounded" }), _jsx(Skeleton, { className: "h-6 w-1/2 mt-2 rounded" }), _jsx(Skeleton, { className: "h-4 w-full mt-2 rounded" })] })));
     }
-    return (_jsxs("div", Object.assign({ className: "w-1/2" }, { children: [_jsxs("div", Object.assign({ className: "relative" }, { children: [_jsx("img", { className: `w-full h-full ${scalingClass} ${isQuickAddProductEnabled ? "rounded-t-lg rounded-b-none" : "rounded-lg"}`, src: src }, void 0), badge && (_jsx(Badge, Object.assign({ size: "plp-layout", icon: "currency-dollar", className: positionClasses[badgePosition], alignment: badgeAlignmentClasses[badgePosition] }, { children: badge.text }), void 0)), icon && (_jsx(Icon, { name: "HeartFilled", className: positionClasses[iconPosition], color: "stateColors-favorites" }, void 0))] }), void 0), isQuickAddProductEnabled && (_jsx(Button, Object.assign({ variant: "quickadd", size: "sm", onClick: (e) => {
-                    e.stopPropagation();
-                    quickAdd(e, product);
-                } }, { children: "+ Quick add" }), void 0)), _jsx(Price, { price: variant.price, isSale: !!variant.compare_at_price, compareAtPrice: variant.compare_at_price, currency: "USD", locale: "en-US" }, void 0), _jsx(Text, Object.assign({ className: "text-textColors-productTitle" }, { children: title }), void 0)] }), void 0));
+    const productBadgesPDP = (_b = tapcartData === null || tapcartData === void 0 ? void 0 : tapcartData["product-badges"]) === null || _b === void 0 ? void 0 : _b.pdp;
+    const aboveBadgeKeys = Object.keys(productBadgesPDP).filter((key) => key !== "below");
+    const aboveBadges = aboveBadgeKeys.flatMap((key) => {
+        const badges = productBadgesPDP === null || productBadgesPDP === void 0 ? void 0 : productBadgesPDP[key];
+        return badges === null || badges === void 0 ? void 0 : badges.map((badge) => {
+            return Object.assign(Object.assign({}, badge), { verticalPosition: key });
+        });
+    });
+    // assumption is that only one badge can exist at a time, so we can just return the first one.
+    const aboveBadge = aboveBadges.length ? aboveBadges[0] : null;
+    const belowBadges = productBadgesPDP.below;
+    const belowBadge = (belowBadges === null || belowBadges === void 0 ? void 0 : belowBadges.length) ? belowBadges[0] : null;
+    const showSoldOutBadge = !product.availableForSale && !((_c = config.quickAdd) === null || _c === void 0 ? void 0 : _c.enabled);
+    return (_jsx("div", Object.assign({ className: `w-1/2` }, { children: _jsxs("div", Object.assign({ className: "w-full" }, { children: [((_d = config.productImage) === null || _d === void 0 ? void 0 : _d.enabled) && (_jsxs("div", Object.assign({ className: "relative w-full overflow-hidden", style: {
+                        borderTopLeftRadius: `${config.productImage.cornerRadius}px`,
+                        borderTopRightRadius: `${config.productImage.cornerRadius}px`,
+                    } }, { children: [_jsx(ProductImage, { src: src }), aboveBadge && product.availableForSale && (_jsx(Badge, Object.assign({ size: "plp-layout", className: cn(productCardBadgeVariants({
+                                verticalPosition: aboveBadge.verticalPosition,
+                                horizontalPosition: aboveBadge.horizontalPosition,
+                            })), style: {
+                                color: aboveBadge.fontColor,
+                                backgroundColor: aboveBadge.backgroundColor,
+                            }, alignment: aboveBadge.horizontalPosition, cornerRadius: aboveBadge.cornerRadius, icon: aboveBadge.image }, { children: aboveBadge.text }))), showSoldOutBadge && (_jsx(Badge, Object.assign({ size: "plp-layout", className: "absolute left-0 bottom-0 mb-2 bg-stateColors-disabled", alignment: "start", cornerRadius: "rounded", type: "text-only" }, { children: "Sold Out" }))), ((_e = config.favoritesIcon) === null || _e === void 0 ? void 0 : _e.enabled) && iconPosition !== "below-image-on-right" && (_jsx(Favorite, { className: cn(productCardFavoriteVariants({ iconPosition, badgeHorizontalPosition: aboveBadge === null || aboveBadge === void 0 ? void 0 : aboveBadge.horizontalPosition, badgeVerticalPosition: aboveBadge === null || aboveBadge === void 0 ? void 0 : aboveBadge.verticalPosition, showSoldOutBadge })), selected: favorited, onClick: (e) => { onFavoriteClick === null || onFavoriteClick === void 0 ? void 0 : onFavoriteClick(e, product); }, icon: ((_g = (_f = config.favoritesIcon) === null || _f === void 0 ? void 0 : _f.icon) === null || _g === void 0 ? void 0 : _g.type) === "internal" ? (_j = (_h = config.favoritesIcon) === null || _h === void 0 ? void 0 : _h.icon) === null || _j === void 0 ? void 0 : _j.url : undefined }))] }))), ((_k = config.quickAdd) === null || _k === void 0 ? void 0 : _k.enabled) && (_jsx(Button, Object.assign({ className: "outline-0", style: {
+                        borderBottomLeftRadius: `${config.quickAdd.cornerRadius}px`,
+                        borderBottomRightRadius: `${config.quickAdd.cornerRadius}px`,
+                    }, labelClassName: cn("outline-0 w-full", { "uppercase": (_l = config.quickAdd) === null || _l === void 0 ? void 0 : _l.uppercase }, { "text-left": ((_m = config.quickAdd) === null || _m === void 0 ? void 0 : _m.textAlignment) === "left" }, { "text-right": ((_o = config.quickAdd) === null || _o === void 0 ? void 0 : _o.textAlignment) === "right" }, { "text-center": ((_p = config.quickAdd) === null || _p === void 0 ? void 0 : _p.textAlignment) === "center" }), labelStyle: { fontSize: (_q = config.quickAdd) === null || _q === void 0 ? void 0 : _q.fontSize }, variant: "quickadd", size: "default", onClick: (e) => {
+                        e.stopPropagation();
+                        onQuickAdd === null || onQuickAdd === void 0 ? void 0 : onQuickAdd(e, product);
+                    } }, { children: "+ Quick add" }))), _jsxs("div", Object.assign({ className: "w-full flex-col justify-start items-start gap-0 inline-flex" }, { children: [belowBadge && (_jsx("div", Object.assign({ className: cn("mt-2 w-full flex justify-start", { "justify-end": belowBadge.horizontalPosition === "end" }) }, { children: _jsx(Badge, Object.assign({ size: "plp-layout", alignment: belowBadge.horizontalPosition, icon: belowBadge.image, className: cn("truncate", { "rounded": belowBadge.cornerRadius === "rounded" }, { "rounded-none": belowBadge.cornerRadius === "square" }) }, { children: belowBadge.text })) }))), ((_r = config.productTitle) === null || _r === void 0 ? void 0 : _r.enabled) && (_jsx("div", Object.assign({ className: "mt-2 w-full" }, { children: _jsx(Text, Object.assign({ type: "body-secondary", className: cn({ "uppercase": (_s = config.productTitle) === null || _s === void 0 ? void 0 : _s.uppercase }, { "text-left": ((_t = config.productTitle) === null || _t === void 0 ? void 0 : _t.textAlignment) === "left" }, { "text-right": ((_u = config.productTitle) === null || _u === void 0 ? void 0 : _u.textAlignment) === "right" }, { "text-center": ((_v = config.productTitle) === null || _v === void 0 ? void 0 : _v.textAlignment) === "center" }, { "truncate": !((_w = config.productTitle) === null || _w === void 0 ? void 0 : _w.wrapText) }, { "text-wrap": (_x = config.productTitle) === null || _x === void 0 ? void 0 : _x.wrapText }, "text-textColors-productTitle"), style: { fontSize: (_y = config.productTitle) === null || _y === void 0 ? void 0 : _y.fontSize } }, { children: title })) }))), _jsxs("div", Object.assign({ className: cn("flex flex-row w-full gap-2 mt-1 justify-end", { "justify-start": ((_z = config.price) === null || _z === void 0 ? void 0 : _z.textAlignment) === "left" }, { "justify-end": ((_0 = config.price) === null || _0 === void 0 ? void 0 : _0.textAlignment) === "right" }, { "justify-center": ((_1 = config.price) === null || _1 === void 0 ? void 0 : _1.textAlignment) === "center" }) }, { children: [((_2 = config.price) === null || _2 === void 0 ? void 0 : _2.enabled) && (_jsx(Price, { price: parseFloat(variant.price.amount), isSale: !!variant.compareAtPrice && (variant.compareAtPrice && parseFloat((_3 = variant.compareAtPrice) === null || _3 === void 0 ? void 0 : _3.amount) > parseFloat(variant.price.amount)), compareAtPrice: variant.compareAtPrice && parseFloat((_4 = variant.compareAtPrice) === null || _4 === void 0 ? void 0 : _4.amount), currency: tapcartData.currency.code, locale: tapcartData.currency.locale, fontSize: (_5 = config.price) === null || _5 === void 0 ? void 0 : _5.fontSize })), ((_6 = config.favoritesIcon) === null || _6 === void 0 ? void 0 : _6.enabled) && config.favoritesIcon.layoutType === "below-image-on-right" && (_jsx("div", Object.assign({ className: "w-8 h-8 flex items-center justify-center" }, { children: _jsx(Favorite, { selected: favorited, onClick: (e) => { onFavoriteClick === null || onFavoriteClick === void 0 ? void 0 : onFavoriteClick(e, product); }, size: "small", icon: ((_8 = (_7 = config.favoritesIcon) === null || _7 === void 0 ? void 0 : _7.icon) === null || _8 === void 0 ? void 0 : _8.type) === "internal" ? (_10 = (_9 = config.favoritesIcon) === null || _9 === void 0 ? void 0 : _9.icon) === null || _10 === void 0 ? void 0 : _10.url : undefined }) })))] }))] }))] })) })));
 };
 export { ProductCard };

package/dist/components/ui/product-grid.d.ts

@@ -1,4 +1,4 @@
-declare type Product = any;
+type Product = any;
 interface PageData {
     products: Product[];
     cursorBlob?: string;

package/dist/components/ui/product-grid.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"product-grid.d.ts","sourceRoot":"","sources":["../../../components/ui/product-grid.tsx"],"names":[],"mappings":"AAkBA,aAAK,OAAO,GAAG,GAAG,CAAA;AAClB,UAAU,QAAQ;IAChB,QAAQ,EAAE,OAAO,EAAE,CAAA;IACnB,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB;AAED,UAAU,qBAAqB;IAC7B,WAAW,EAAE,QAAQ,EAAE,CAAA;IACvB,gBAAgB,EAAE,CAAC,MAAM,EAAE,GAAG,KAAK,OAAO,CAAC,QAAQ,CAAC,CAAA;IACpD,cAAc,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IACnC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;CAC5B;AAED,iBAAS,WAAW,CAAC,EACnB,gBAAgB,EAChB,WAAW,EACX,cAAc,EACd,MAAM,GACP,EAAE,qBAAqB,2CAmCvB;AAED,OAAO,EAAE,WAAW,EAAE,CAAA"}
+{"version":3,"file":"product-grid.d.ts","sourceRoot":"","sources":["../../../components/ui/product-grid.tsx"],"names":[],"mappings":"AAkBA,KAAK,OAAO,GAAG,GAAG,CAAA;AAClB,UAAU,QAAQ;IAChB,QAAQ,EAAE,OAAO,EAAE,CAAA;IACnB,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB;AAED,UAAU,qBAAqB;IAC7B,WAAW,EAAE,QAAQ,EAAE,CAAA;IACvB,gBAAgB,EAAE,CAAC,MAAM,EAAE,GAAG,KAAK,OAAO,CAAC,QAAQ,CAAC,CAAA;IACpD,cAAc,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IACnC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;CAC5B;AAED,iBAAS,WAAW,CAAC,EACnB,gBAAgB,EAChB,WAAW,EACX,cAAc,EACd,MAAM,GACP,EAAE,qBAAqB,2CAmCvB;AAED,OAAO,EAAE,WAAW,EAAE,CAAA"}

package/dist/components/ui/product-grid.js

@@ -1,10 +1,10 @@
 "use client";
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { useInfiniteScroll } from "@/components/hooks/use-infinite-scroll";
+import { useInfiniteScroll } from "../hooks/use-infinite-scroll";
 import { ProductCard } from "./product-card";
 const Loader = () => (_jsx("div", Object.assign({ className: "grid-cols-2 lg:grid-cols-3" }, { children: Array(4)
         .fill(0)
-        .map((_, index) => (_jsx("div", { className: "aspect-[2/3] animate-pulse bg-neutral-100 dark:bg-neutral-900" }, index))) }), void 0));
+        .map((_, index) => (_jsx("div", { className: "aspect-[2/3] animate-pulse bg-neutral-100 dark:bg-neutral-900" }, index))) })));
 function ProductGrid({ loadMoreProducts, initialData, queryVariables, config, }) {
     const { data, error, isLoadingInitialData, isLoadingMore, isEmpty, isReachingEnd, ref, products, } = useInfiniteScroll({
         initialData,
@@ -12,11 +12,11 @@ function ProductGrid({ loadMoreProducts, initialData, queryVariables, config, })
         queryVariables,
     });
     if (error)
-        return _jsx("div", { children: "Failed to load data" }, void 0);
+        return _jsx("div", { children: "Failed to load data" });
     if (isLoadingInitialData)
-        return _jsx(Loader, {}, void 0);
+        return _jsx(Loader, {});
     return (_jsxs(_Fragment, { children: [_jsx("div", Object.assign({ className: "grid-cols-2 lg:grid-cols-3" }, { children: products.map((product, i) => (_jsx(ProductCard, { 
                     // @ts-expect-error
-                    product: product, config: config, isLoading: false }, product.handle))) }), void 0), isLoadingMore ? _jsx(Loader, {}, void 0) : _jsx("div", { ref: ref }, void 0)] }, void 0));
+                    product: product, config: config, isLoading: false }, product.handle))) })), isLoadingMore ? _jsx(Loader, {}) : _jsx("div", { ref: ref })] }));
 }
 export { ProductGrid };

package/dist/components/ui/radio-group.js

@@ -14,12 +14,12 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 import * as React from "react";
 import * as RadioGroupPrimitive from "@radix-ui/react-radio-group";
 import { cva } from "class-variance-authority";
-import { cn } from "@/lib/utils";
+import { cn } from "../../lib/utils";
 import { Icon } from "./icon";
 import { Text } from "./text";
 const RadioGroup = React.forwardRef((_a, ref) => {
     var { className } = _a, props = __rest(_a, ["className"]);
-    return (_jsx(RadioGroupPrimitive.Root, Object.assign({ className: cn("grid gap-4", className) }, props, { ref: ref }), void 0));
+    return (_jsx(RadioGroupPrimitive.Root, Object.assign({ className: cn("grid gap-4", className) }, props, { ref: ref })));
 });
 RadioGroup.displayName = RadioGroupPrimitive.Root.displayName;
 const radiogroupItemVariants = cva("grid grid-cols-[auto,auto,1fr] gap-2 items-start group", {
@@ -34,10 +34,10 @@ const radiogroupItemVariants = cva("grid grid-cols-[auto,auto,1fr] gap-2 items-s
         variant: "default",
     },
 });
-const RadioGroupItemLabels = ({ key, label, numberAmount, subtext, }) => (_jsxs("div", Object.assign({ className: "col-span-2" }, { children: [_jsxs("div", Object.assign({ className: "flex flex-row items-start" }, { children: [_jsx(Text, Object.assign({ type: "body-primary", className: "group-disabled:text-stateColors-disabled mr-2" }, { children: label }), void 0), numberAmount ? (_jsx(Text, Object.assign({ type: "body-primary", className: "text-textColors-secondaryColor group-disabled:text-stateColors-disabled" }, { children: `(${numberAmount})` }), void 0)) : null] }), void 0), subtext ? (_jsx(Text, Object.assign({ type: "body-secondary", className: "group-disabled:text-stateColors-disabled mt-2" }, { children: subtext }), void 0)) : null] }), void 0));
+const RadioGroupItemLabels = ({ key, label, numberAmount, subtext, }) => (_jsxs("div", Object.assign({ className: "col-span-2" }, { children: [_jsxs("div", Object.assign({ className: "flex flex-row items-start" }, { children: [_jsx(Text, Object.assign({ type: "body-primary", className: "group-disabled:text-stateColors-disabled mr-2" }, { children: label })), numberAmount ? (_jsx(Text, Object.assign({ type: "body-primary", className: "text-textColors-secondaryColor group-disabled:text-stateColors-disabled" }, { children: `(${numberAmount})` }))) : null] })), subtext ? (_jsx(Text, Object.assign({ type: "body-secondary", className: "group-disabled:text-stateColors-disabled mt-2" }, { children: subtext }))) : null] })));
 const RadioGroupItem = React.forwardRef((_a, ref) => {
     var { value, label = "", subtext, numberAmount = 0, onSelect, onClick, selected = false, className, variant = "default", key } = _a, props = __rest(_a, ["value", "label", "subtext", "numberAmount", "onSelect", "onClick", "selected", "className", "variant", "key"]);
-    return (_jsx("div", Object.assign({ className: cn(radiogroupItemVariants({ variant }), className) }, { children: variant === "deactivated" ? (_jsxs(_Fragment, { children: [_jsx(Icon, { name: "circle-off", size: "md", className: "text-stateColors-disabled" }, void 0), _jsx(RadioGroupItemLabels, { label: label, numberAmount: numberAmount, subtext: subtext }, key)] }, void 0)) : (_jsx(RadioGroupPrimitive.Item, Object.assign({ ref: ref, value: value, onSelect: onSelect, checked: selected, onClick: onClick, className: cn("flex items-center justify-center", className) }, props, { children: selected || variant === "selected" ? (_jsxs("div", Object.assign({ className: "grid grid-cols-[auto,auto,1fr] gap-2 items-start group" }, { children: [_jsx(Icon, { name: "circle-dot-filled", size: "md", className: "text-coreColors-brandColorPrimary z-10" }, void 0), _jsx(RadioGroupItemLabels, { label: label, numberAmount: numberAmount, subtext: subtext }, key)] }), void 0)) : (_jsxs("div", Object.assign({ className: "grid grid-cols-[auto,auto,1fr] gap-2 items-start group" }, { children: [_jsxs("div", Object.assign({ className: "grid" }, { children: [_jsx(RadioGroupPrimitive.Indicator, Object.assign({ className: "flex items-center justify-center col-start-1 row-start-1" }, { children: _jsx(Icon, { name: "circle-dot-filled", size: "md", className: "text-coreColors-brandColorPrimary z-10" }, void 0) }), void 0), _jsx("div", Object.assign({ className: "flex items-center justify-center col-start-1 row-start-1" }, { children: _jsx(Icon, { name: "circle", size: "md", className: "col-start-1 row-start-1 text-coreColors-secondaryIcon items-center z-1" }, void 0) }), void 0)] }), void 0), _jsx(RadioGroupItemLabels, { label: label, numberAmount: numberAmount, subtext: subtext }, key)] }), void 0)) }), void 0)) }), void 0));
+    return (_jsx("div", Object.assign({ className: cn(radiogroupItemVariants({ variant }), className) }, { children: variant === "deactivated" ? (_jsxs(_Fragment, { children: [_jsx(Icon, { name: "circle-off", size: "md", className: "text-stateColors-disabled" }), _jsx(RadioGroupItemLabels, { label: label, numberAmount: numberAmount, subtext: subtext }, key)] })) : (_jsx(RadioGroupPrimitive.Item, Object.assign({ ref: ref, value: value, onSelect: onSelect, checked: selected, onClick: onClick, className: cn("flex items-center justify-center", className) }, props, { children: selected || variant === "selected" ? (_jsxs("div", Object.assign({ className: "grid grid-cols-[auto,auto,1fr] gap-2 items-start group" }, { children: [_jsx(Icon, { name: "circle-dot-filled", size: "md", className: "text-coreColors-brandColorPrimary z-10" }), _jsx(RadioGroupItemLabels, { label: label, numberAmount: numberAmount, subtext: subtext }, key)] }))) : (_jsxs("div", Object.assign({ className: "grid grid-cols-[auto,auto,1fr] gap-2 items-start group" }, { children: [_jsxs("div", Object.assign({ className: "grid" }, { children: [_jsx(RadioGroupPrimitive.Indicator, Object.assign({ className: "flex items-center justify-center col-start-1 row-start-1" }, { children: _jsx(Icon, { name: "circle-dot-filled", size: "md", className: "text-coreColors-brandColorPrimary z-10" }) })), _jsx("div", Object.assign({ className: "flex items-center justify-center col-start-1 row-start-1" }, { children: _jsx(Icon, { name: "circle", size: "md", className: "col-start-1 row-start-1 text-coreColors-secondaryIcon items-center z-1" }) }))] })), _jsx(RadioGroupItemLabels, { label: label, numberAmount: numberAmount, subtext: subtext }, key)] }))) }))) })));
 });
 RadioGroupItem.displayName = RadioGroupPrimitive.Item.displayName;
 export { RadioGroup, RadioGroupItem, radiogroupItemVariants };

package/dist/components/ui/scroll-area.d.ts

@@ -1,6 +1,6 @@
 import * as React from "react";
 import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area";
-declare type Orientation = "horizontal" | "vertical";
+type Orientation = "horizontal" | "vertical";
 declare const ScrollArea: React.ForwardRefExoticComponent<Omit<ScrollAreaPrimitive.ScrollAreaProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const ScrollBar: React.ForwardRefExoticComponent<Omit<ScrollAreaPrimitive.ScrollAreaScrollbarProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
     orientation?: Orientation | undefined;

package/dist/components/ui/scroll-area.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"scroll-area.d.ts","sourceRoot":"","sources":["../../../components/ui/scroll-area.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,mBAAmB,MAAM,6BAA6B,CAAA;AAIlE,aAAK,WAAW,GAAG,YAAY,GAAG,UAAU,CAAA;AAE5C,QAAA,MAAM,UAAU,+JAed,CAAA;AAGF,QAAA,MAAM,SAAS;;wCAuBb,CAAA;AAGF,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,CAAA"}
+{"version":3,"file":"scroll-area.d.ts","sourceRoot":"","sources":["../../../components/ui/scroll-area.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,mBAAmB,MAAM,6BAA6B,CAAA;AAIlE,KAAK,WAAW,GAAG,YAAY,GAAG,UAAU,CAAA;AAE5C,QAAA,MAAM,UAAU,+JAed,CAAA;AAGF,QAAA,MAAM,SAAS;;wCAuBb,CAAA;AAGF,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,CAAA"}

package/dist/components/ui/scroll-area.js

@@ -16,14 +16,14 @@ import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area";
 import { cn } from "../../lib/utils";
 const ScrollArea = React.forwardRef((_a, ref) => {
     var { className, children } = _a, props = __rest(_a, ["className", "children"]);
-    return (_jsxs(ScrollAreaPrimitive.Root, Object.assign({ ref: ref, className: cn("relative overflow-hidden", className) }, props, { children: [_jsx(ScrollAreaPrimitive.Viewport, Object.assign({ className: "h-full w-full rounded-[inherit]" }, { children: _jsx("div", Object.assign({ className: "flex w-max px-[16px]" }, { children: children }), void 0) }), void 0), _jsx(ScrollBar, {}, void 0), _jsx(ScrollAreaPrimitive.Corner, {}, void 0)] }), void 0));
+    return (_jsxs(ScrollAreaPrimitive.Root, Object.assign({ ref: ref, className: cn("relative overflow-hidden", className) }, props, { children: [_jsx(ScrollAreaPrimitive.Viewport, Object.assign({ className: "h-full w-full rounded-[inherit]" }, { children: _jsx("div", Object.assign({ className: "flex w-max px-[16px]" }, { children: children })) })), _jsx(ScrollBar, {}), _jsx(ScrollAreaPrimitive.Corner, {})] })));
 });
 ScrollArea.displayName = ScrollAreaPrimitive.Root.displayName;
 const ScrollBar = React.forwardRef((_a, ref) => {
     var { className, orientation = "horizontal" } = _a, props = __rest(_a, ["className", "orientation"]);
     return (_jsx(ScrollAreaPrimitive.ScrollAreaScrollbar, Object.assign({ ref: ref, orientation: orientation, className: cn("flex touch-none select-none transition-colors", orientation === "vertical" &&
             "h-full w-2.5 border-l border-l-transparent p-[1px]", orientation === "horizontal" &&
-            "h-2.5 flex-col border-t border-t-transparent p-[1px] ", className) }, props, { children: _jsx(ScrollAreaPrimitive.ScrollAreaThumb, { className: "relative flex-1 rounded-full bg-border" }, void 0) }), void 0));
+            "h-2.5 flex-col border-t border-t-transparent p-[1px] ", className) }, props, { children: _jsx(ScrollAreaPrimitive.ScrollAreaThumb, { className: "relative flex-1 rounded-full bg-border" }) })));
 });
 ScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName;
 export { ScrollArea, ScrollBar };

package/dist/components/ui/selectors.d.ts

@@ -4,7 +4,7 @@ declare const selectorsVariants: (props?: ({
     selected?: boolean | null | undefined;
     disabled?: boolean | null | undefined;
 } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
-declare type SelectorsProps = React.ComponentPropsWithoutRef<"button"> & VariantProps<typeof selectorsVariants> & {
+type SelectorsProps = React.ComponentPropsWithoutRef<"button"> & VariantProps<typeof selectorsVariants> & {
     disabled?: boolean;
     selected?: boolean;
     label?: string;
@@ -21,7 +21,7 @@ declare const Selectors: React.ForwardRefExoticComponent<Omit<React.DetailedHTML
     key?: string | undefined;
     onSelect?: React.MouseEventHandler<HTMLButtonElement> | undefined;
 } & React.RefAttributes<HTMLButtonElement>>;
-declare type SelectorContainerProps = {
+type SelectorContainerProps = {
     children: React.ReactElement<SelectorsProps>[];
     containerRef: React.RefObject<HTMLButtonElement>;
 };

package/dist/components/ui/selectors.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"selectors.d.ts","sourceRoot":"","sources":["../../../components/ui/selectors.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAIjE,QAAA,MAAM,iBAAiB;;;mFAiBtB,CAAA;AAED,aAAK,cAAc,GAAG,KAAK,CAAC,wBAAwB,CAAC,QAAQ,CAAC,GAC5D,YAAY,CAAC,OAAO,iBAAiB,CAAC,GAAG;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,QAAQ,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,GAAG,SAAS,CAAA;CAClE,CAAA;AAEH,QAAA,MAAM,SAAS;;;;;;;;eAHA,MAAM,iBAAiB,CAAC,iBAAiB,CAAC,GAAG,SAAS;2CA6BpE,CAAA;AACD,aAAK,sBAAsB,GAAG;IAC5B,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC,cAAc,CAAC,EAAE,CAAA;IAC9C,YAAY,EAAE,KAAK,CAAC,SAAS,CAAC,iBAAiB,CAAC,CAAA;CACjD,CAAA;AACD,QAAA,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAQvD,CAAA;AAID,OAAO,EAAE,iBAAiB,EAAE,SAAS,EAAE,iBAAiB,EAAE,CAAA"}
+{"version":3,"file":"selectors.d.ts","sourceRoot":"","sources":["../../../components/ui/selectors.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAIjE,QAAA,MAAM,iBAAiB;;;mFAiBtB,CAAA;AAED,KAAK,cAAc,GAAG,KAAK,CAAC,wBAAwB,CAAC,QAAQ,CAAC,GAC5D,YAAY,CAAC,OAAO,iBAAiB,CAAC,GAAG;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,QAAQ,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,GAAG,SAAS,CAAA;CAClE,CAAA;AAEH,QAAA,MAAM,SAAS;;;;;;;;eAHA,MAAM,iBAAiB,CAAC,iBAAiB,CAAC,GAAG,SAAS;2CA6BpE,CAAA;AACD,KAAK,sBAAsB,GAAG;IAC5B,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC,cAAc,CAAC,EAAE,CAAA;IAC9C,YAAY,EAAE,KAAK,CAAC,SAAS,CAAC,iBAAiB,CAAC,CAAA;CACjD,CAAA;AACD,QAAA,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAQvD,CAAA;AAID,OAAO,EAAE,iBAAiB,EAAE,SAAS,EAAE,iBAAiB,EAAE,CAAA"}

package/dist/components/ui/selectors.js

@@ -13,7 +13,7 @@ var __rest = (this && this.__rest) || function (s, e) {
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from "react";
 import { cva } from "class-variance-authority";
-import { cn } from "@/lib/utils";
+import { cn } from "../../lib/utils";
 import { Text } from "./text";
 const selectorsVariants = cva("flex py-2 px-4 whitespace-nowrap bg-coreColors-pageColor flex-row justify-center outline outline-1 rounded text-textColors-primaryColor outline-coreColors-dividingLines items-center", {
     variants: {
@@ -36,10 +36,10 @@ const Selectors = React.forwardRef((_a, ref) => {
             selected: selected,
             className,
             disabled,
-        }), "group"), ref: ref }, props, { children: _jsx(Text, Object.assign({ type: "body-primary", color: "text-textColors-primaryColor" }, { children: label }), void 0) }), void 0));
+        }), "group"), ref: ref }, props, { children: _jsx(Text, Object.assign({ type: "body-primary", color: "text-textColors-primaryColor" }, { children: label })) })));
 });
 const SelectorContainer = ({ children }) => {
-    return (_jsx("div", Object.assign({ className: "flex gap-2 px-1 h-[42px] items-center overflow-x-auto" }, { children: children.map((chip, index) => (_jsx("div", { children: chip }, index))) }), void 0));
+    return (_jsx("div", Object.assign({ className: "flex gap-2 px-1 h-[42px] items-center overflow-x-auto" }, { children: children.map((chip, index) => (_jsx("div", { children: chip }, index))) })));
 };
 Selectors.displayName = "Selectors";
 export { SelectorContainer, Selectors, selectorsVariants };

package/dist/components/ui/separator.js

@@ -16,7 +16,7 @@ import * as SeparatorPrimitive from "@radix-ui/react-separator";
 import { cn } from "../../lib/utils";
 const Separator = React.forwardRef((_a, ref) => {
     var { className, orientation = "horizontal", decorative = true } = _a, props = __rest(_a, ["className", "orientation", "decorative"]);
-    return (_jsx(SeparatorPrimitive.Root, Object.assign({ ref: ref, decorative: decorative, orientation: orientation, className: cn("shrink-0 bg-border", orientation === "horizontal" ? "h-[1px] w-full" : "h-full w-[1px]", className) }, props), void 0));
+    return (_jsx(SeparatorPrimitive.Root, Object.assign({ ref: ref, decorative: decorative, orientation: orientation, className: cn("shrink-0 bg-border", orientation === "horizontal" ? "h-[1px] w-full" : "h-full w-[1px]", className) }, props)));
 });
 Separator.displayName = SeparatorPrimitive.Root.displayName;
 export { Separator };

package/dist/components/ui/skeleton.js

@@ -28,6 +28,6 @@ function Skeleton(_a) {
             width: width,
             height: height,
             borderRadius: variant === "rectangular" ? borderRadius : "",
-        } }, props), void 0));
+        } }, props)));
 }
 export { Skeleton };

package/dist/components/ui/switch.js

@@ -16,7 +16,7 @@ import * as SwitchPrimitives from "@radix-ui/react-switch";
 import { cn } from "../../lib/utils";
 const Switch = React.forwardRef((_a, ref) => {
     var { className } = _a, props = __rest(_a, ["className"]);
-    return (_jsx(SwitchPrimitives.Root, Object.assign({ className: cn("peer inline-flex h-6 w-11 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=unchecked]:bg-input", className) }, props, { ref: ref }, { children: _jsx(SwitchPrimitives.Thumb, { className: cn("pointer-events-none block h-5 w-5 rounded-full bg-background shadow-lg ring-0 transition-transform data-[state=checked]:translate-x-5 data-[state=unchecked]:translate-x-0") }, void 0) }), void 0));
+    return (_jsx(SwitchPrimitives.Root, Object.assign({ className: cn("peer inline-flex h-6 w-11 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=unchecked]:bg-input", className) }, props, { ref: ref }, { children: _jsx(SwitchPrimitives.Thumb, { className: cn("pointer-events-none block h-5 w-5 rounded-full bg-background shadow-lg ring-0 transition-transform data-[state=checked]:translate-x-5 data-[state=unchecked]:translate-x-0") }) })));
 });
 Switch.displayName = SwitchPrimitives.Root.displayName;
 export { Switch };

package/dist/components/ui/tabs.js

@@ -13,7 +13,7 @@ var __rest = (this && this.__rest) || function (s, e) {
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import * as React from "react";
 import { cva } from "class-variance-authority";
-import { cn } from "@/lib/utils";
+import { cn } from "../../lib/utils";
 import { Text } from "./text";
 const tabVariants = cva("flex items-center justify-center px-4 py-2 w-full", {
     variants: {
@@ -29,7 +29,7 @@ const tabVariants = cva("flex items-center justify-center px-4 py-2 w-full", {
 const Tab = ({ label, isActive = false, onClick }) => {
     return (_jsx("button", Object.assign({ className: cn(tabVariants({
             isActive,
-        })), onClick: onClick }, { children: _jsx(Text, Object.assign({ type: "body-primary" }, { children: label }), void 0) }), void 0));
+        })), onClick: onClick }, { children: _jsx(Text, Object.assign({ type: "body-primary" }, { children: label })) })));
 };
 const Tabs = React.forwardRef((_a, ref) => {
     var { className, tabs, activeTab, onTabChange } = _a, props = __rest(_a, ["className", "tabs", "activeTab", "onTabChange"]);
@@ -90,7 +90,7 @@ const Tabs = React.forwardRef((_a, ref) => {
     return (_jsxs("div", Object.assign({ className: "relative" }, props, { children: [_jsxs("div", Object.assign({ ref: containerRef, className: "relative flex overflow-x-auto", onScroll: checkShowGradients }, { children: [tabs.map((tab, index) => (_jsx(Tab, { label: tab.label, isActive: activeTab === index, onClick: () => onTabChange(index) }, index))), _jsx("div", { className: `absolute bottom-0 bg-coreColors-brandColorPrimary h-[2px] transition-all duration-300`, style: {
                             left: underlinePosition.left,
                             width: underlinePosition.width,
-                        } }, void 0)] }), void 0), showRightGradient ? (_jsx("div", { className: "absolute right-0 bottom-0 w-16 h-10 bg-[linear-gradient(90deg,#ffffff00_0%,#FFF_100%)] pointer-events-none" }, void 0)) : (_jsx(_Fragment, {}, void 0)), showLeftGradient ? (_jsx("div", { className: "absolute left-0 bottom-0 w-16 h-10 bg-[linear-gradient(270deg,#ffffff00_0%,#FFF_100%)] pointer-events-none" }, void 0)) : (_jsx(_Fragment, {}, void 0))] }), void 0));
+                        } })] })), showRightGradient ? (_jsx("div", { className: "absolute right-0 bottom-0 w-16 h-10 bg-[linear-gradient(90deg,#ffffff00_0%,#FFF_100%)] pointer-events-none" })) : (_jsx(_Fragment, {})), showLeftGradient ? (_jsx("div", { className: "absolute left-0 bottom-0 w-16 h-10 bg-[linear-gradient(270deg,#ffffff00_0%,#FFF_100%)] pointer-events-none" })) : (_jsx(_Fragment, {}))] })));
 });
 Tabs.displayName = "Tabs";
 export { Tabs };

package/dist/components/ui/text.js

@@ -15,11 +15,11 @@ import { cn } from "../../lib/utils";
 const textVariants = cva("", {
     variants: {
         type: {
-            h1: "text-[23px] font-sfpro-roboto leading-[130%] font-normal text-textColors-primaryColor",
-            h2: "text-lg font-sfpro-roboto leading-[130%] font-medium text-textColors-primaryColor",
-            "body-primary": "text-[15px] font-sfpro-roboto leading-[160%] font-normal text-textColors-primaryColor",
-            "body-secondary": "text-[12px] font-sfpro-roboto leading-[130%] font-normal text-textColors-secondaryColor",
-            label: "text-[10px] font-sfpro-roboto leading-[130%] font-normal text-textColors-secondaryColor",
+            h1: "text-[23px] font-fontRegular leading-[130%] font-normal text-textColors-primaryColor",
+            h2: "text-lg font-fontMedium leading-[130%] font-medium text-textColors-primaryColor",
+            "body-primary": "text-[15px] font-fontRegular leading-[160%] font-normal text-textColors-primaryColor",
+            "body-secondary": "text-[12px] font-fontRegular leading-[130%] font-normal text-textColors-secondaryColor",
+            label: "text-[10px] font-fontRegular leading-[130%] font-normal text-textColors-secondaryColor",
         },
     },
     defaultVariants: {
@@ -28,6 +28,6 @@ const textVariants = cva("", {
 });
 function Text(_a) {
     var { className, type } = _a, props = __rest(_a, ["className", "type"]);
-    return _jsx("p", Object.assign({ className: cn(textVariants({ type }), className) }, props), void 0);
+    return _jsx("p", Object.assign({ className: cn(textVariants({ type }), className) }, props));
 }
 export { Text, textVariants };

package/dist/components/ui/toast.d.ts

@@ -9,12 +9,12 @@ declare const Toast: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastP
 declare const ToastAction: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastActionProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 declare const ToastClose: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastCloseProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 declare const ToastTitle: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastTitleProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare type ToastType = "default" | "warning" | "error" | "success";
+type ToastType = "default" | "warning" | "error" | "success";
 declare const ToastDescription: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastDescriptionProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
     type?: "default" | "error" | "warning" | "success" | undefined;
     icon?: boolean | undefined;
 } & React.RefAttributes<HTMLDivElement>>;
-declare type ToastProps = React.ComponentPropsWithoutRef<typeof Toast>;
-declare type ToastActionElement = React.ReactElement<typeof ToastAction>;
+type ToastProps = React.ComponentPropsWithoutRef<typeof Toast>;
+type ToastActionElement = React.ReactElement<typeof ToastAction>;
 export { type ToastProps, type ToastActionElement, ToastProvider, ToastViewport, Toast, ToastTitle, ToastDescription, ToastClose, ToastAction, type ToastType, };
 //# sourceMappingURL=toast.d.ts.map

package/dist/components/ui/toast.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"toast.d.ts","sourceRoot":"","sources":["../../../components/ui/toast.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,eAAe,MAAM,uBAAuB,CAAA;AACxD,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAOjE,QAAA,MAAM,aAAa,8CAA2B,CAAA;AAE9C,QAAA,MAAM,aAAa,kKAYjB,CAAA;AAgCF,QAAA,MAAM,KAAK;;0HAYT,CAAA;AAGF,QAAA,MAAM,WAAW,kKAYf,CAAA;AAGF,QAAA,MAAM,UAAU,iKAed,CAAA;AAGF,QAAA,MAAM,UAAU,2JASd,CAAA;AAEF,aAAK,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,CAAA;AAiC5D,QAAA,MAAM,gBAAgB;;;wCAiBpB,CAAA;AAGF,aAAK,UAAU,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,KAAK,CAAC,CAAA;AAE9D,aAAK,kBAAkB,GAAG,KAAK,CAAC,YAAY,CAAC,OAAO,WAAW,CAAC,CAAA;AAEhE,OAAO,EACL,KAAK,UAAU,EACf,KAAK,kBAAkB,EACvB,aAAa,EACb,aAAa,EACb,KAAK,EACL,UAAU,EACV,gBAAgB,EAChB,UAAU,EACV,WAAW,EACX,KAAK,SAAS,GACf,CAAA"}
+{"version":3,"file":"toast.d.ts","sourceRoot":"","sources":["../../../components/ui/toast.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,eAAe,MAAM,uBAAuB,CAAA;AACxD,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAOjE,QAAA,MAAM,aAAa,8CAA2B,CAAA;AAE9C,QAAA,MAAM,aAAa,kKAYjB,CAAA;AAgCF,QAAA,MAAM,KAAK;;0HAYT,CAAA;AAGF,QAAA,MAAM,WAAW,kKAYf,CAAA;AAGF,QAAA,MAAM,UAAU,iKAed,CAAA;AAGF,QAAA,MAAM,UAAU,2JASd,CAAA;AAEF,KAAK,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,CAAA;AAiC5D,QAAA,MAAM,gBAAgB;;;wCAiBpB,CAAA;AAGF,KAAK,UAAU,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,KAAK,CAAC,CAAA;AAE9D,KAAK,kBAAkB,GAAG,KAAK,CAAC,YAAY,CAAC,OAAO,WAAW,CAAC,CAAA;AAEhE,OAAO,EACL,KAAK,UAAU,EACf,KAAK,kBAAkB,EACvB,aAAa,EACb,aAAa,EACb,KAAK,EACL,UAAU,EACV,gBAAgB,EAChB,UAAU,EACV,WAAW,EACX,KAAK,SAAS,GACf,CAAA"}

package/dist/components/ui/toast.js

@@ -21,7 +21,7 @@ import { Text } from "./text";
 const ToastProvider = ToastPrimitives.Provider;
 const ToastViewport = React.forwardRef((_a, ref) => {
     var { className } = _a, props = __rest(_a, ["className"]);
-    return (_jsx(ToastPrimitives.Viewport, Object.assign({ ref: ref, className: cn("fixed z-[100] top-0 flex max-h-screen w-full flex-col items-center right-0", className) }, props), void 0));
+    return (_jsx(ToastPrimitives.Viewport, Object.assign({ ref: ref, className: cn("fixed z-[100] top-0 flex max-h-screen w-full flex-col items-center right-0", className) }, props)));
 });
 ToastViewport.displayName = ToastPrimitives.Viewport.displayName;
 const toastVariants = cva(`fixed w-full pb-4 pt-12 px-4 h-auto group pointer-events-auto flex items-center justify-between shadow-[0_0_6px_0_rgba(17,17,17,0.16)] transition-all
@@ -50,22 +50,22 @@ const toastVariants = cva(`fixed w-full pb-4 pt-12 px-4 h-auto group pointer-eve
 });
 const Toast = React.forwardRef((_a, ref) => {
     var { className, variant } = _a, props = __rest(_a, ["className", "variant"]);
-    return (_jsx(ToastPrimitives.Root, Object.assign({ ref: ref, className: cn(toastVariants({ variant }), className) }, props), void 0));
+    return (_jsx(ToastPrimitives.Root, Object.assign({ ref: ref, className: cn(toastVariants({ variant }), className) }, props)));
 });
 Toast.displayName = ToastPrimitives.Root.displayName;
 const ToastAction = React.forwardRef((_a, ref) => {
     var { className } = _a, props = __rest(_a, ["className"]);
-    return (_jsx(ToastPrimitives.Action, Object.assign({ ref: ref, className: cn("inline-flex h-8 shrink-0 items-center justify-center rounded-md border bg-transparent px-3 text-sm font-medium ring-offset-background transition-colors hover:bg-secondary focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 group-[.destructive]:border-muted/40 group-[.destructive]:hover:border-destructive/30 group-[.destructive]:hover:bg-destructive group-[.destructive]:hover:text-destructive-foreground group-[.destructive]:focus:ring-destructive", className) }, props), void 0));
+    return (_jsx(ToastPrimitives.Action, Object.assign({ ref: ref, className: cn("inline-flex h-8 shrink-0 items-center justify-center rounded-md border bg-transparent px-3 text-sm font-medium ring-offset-background transition-colors hover:bg-secondary focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 group-[.destructive]:border-muted/40 group-[.destructive]:hover:border-destructive/30 group-[.destructive]:hover:bg-destructive group-[.destructive]:hover:text-destructive-foreground group-[.destructive]:focus:ring-destructive", className) }, props)));
 });
 ToastAction.displayName = ToastPrimitives.Action.displayName;
 const ToastClose = React.forwardRef((_a, ref) => {
     var { className } = _a, props = __rest(_a, ["className"]);
-    return (_jsx(ToastPrimitives.Close, Object.assign({ ref: ref, className: cn("absolute right-2 top-2 rounded-md p-1 text-foreground/50 opacity-0 transition-opacity hover:text-foreground focus:opacity-100 focus:outline-none focus:ring-2 group-hover:opacity-100 group-[.destructive]:text-red-300 group-[.destructive]:hover:text-red-50 group-[.destructive]:focus:ring-red-400 group-[.destructive]:focus:ring-offset-red-600", className), "toast-close": "" }, props, { children: _jsx(X, { className: "h-4 w-4" }, void 0) }), void 0));
+    return (_jsx(ToastPrimitives.Close, Object.assign({ ref: ref, className: cn("absolute right-2 top-2 rounded-md p-1 text-foreground/50 opacity-0 transition-opacity hover:text-foreground focus:opacity-100 focus:outline-none focus:ring-2 group-hover:opacity-100 group-[.destructive]:text-red-300 group-[.destructive]:hover:text-red-50 group-[.destructive]:focus:ring-red-400 group-[.destructive]:focus:ring-offset-red-600", className), "toast-close": "" }, props, { children: _jsx(X, { className: "h-4 w-4" }) })));
 });
 ToastClose.displayName = ToastPrimitives.Close.displayName;
 const ToastTitle = React.forwardRef((_a, ref) => {
     var { className } = _a, props = __rest(_a, ["className"]);
-    return (_jsx(ToastPrimitives.Title, Object.assign({ ref: ref, className: cn("text-sm font-semibold", className) }, props), void 0));
+    return (_jsx(ToastPrimitives.Title, Object.assign({ ref: ref, className: cn("text-sm font-semibold", className) }, props)));
 });
 ToastTitle.displayName = ToastPrimitives.Title.displayName;
 const ToastIcon = ({ type }) => {
@@ -88,11 +88,11 @@ const ToastIcon = ({ type }) => {
         },
     };
     const logoType = logoTypes[type];
-    return _jsx(Icon, { name: logoType.name || "", size: "sm", color: logoType.color }, void 0);
+    return _jsx(Icon, { name: logoType.name || "", size: "sm", color: logoType.color });
 };
 const ToastDescription = React.forwardRef((_a, ref) => {
     var { className, type = "default", icon } = _a, props = __rest(_a, ["className", "type", "icon"]);
-    return (_jsxs(ToastPrimitives.Description, Object.assign({ ref: ref, className: cn("flex gap-4 items-center", className) }, props, { children: [icon ? _jsx(ToastIcon, { type: type }, void 0) : null, _jsx(Text, Object.assign({ type: "body-primary", className: "line-clamp-2" }, { children: props.children }), void 0)] }), void 0));
+    return (_jsxs(ToastPrimitives.Description, Object.assign({ ref: ref, className: cn("flex gap-4 items-center", className) }, props, { children: [icon ? _jsx(ToastIcon, { type: type }) : null, _jsx(Text, Object.assign({ type: "body-primary", className: "line-clamp-2" }, { children: props.children }))] })));
 });
 ToastDescription.displayName = ToastPrimitives.Description.displayName;
 export { ToastProvider, ToastViewport, Toast, ToastTitle, ToastDescription, ToastClose, ToastAction, };

package/dist/components/ui/toaster.js

@@ -17,6 +17,6 @@ export function Toaster({ type = "default", }) {
     const { toasts } = useToast();
     return (_jsxs(ToastProvider, { children: [toasts.map(function (_a) {
                 var { id, title, description, icon } = _a, props = __rest(_a, ["id", "title", "description", "icon"]);
-                return (_jsx(Toast, Object.assign({ variant: type }, props, { children: _jsxs("div", Object.assign({ className: "flex w-full justify-center" }, { children: [title && _jsx(ToastTitle, { children: title }, void 0), description && (_jsx(ToastDescription, Object.assign({ type: type, icon: icon }, { children: description }), void 0))] }), void 0) }), id));
-            }), _jsx(ToastViewport, {}, void 0)] }, void 0));
+                return (_jsx(Toast, Object.assign({ variant: type }, props, { children: _jsxs("div", Object.assign({ className: "flex w-full justify-center" }, { children: [title && _jsx(ToastTitle, { children: title }), description && (_jsx(ToastDescription, Object.assign({ type: type, icon: icon }, { children: description })))] })) }), id));
+            }), _jsx(ToastViewport, {})] }));
 }

package/dist/components/ui/toggle-group.d.ts

@@ -2,11 +2,11 @@ import * as React from "react";
 import * as ToggleGroupPrimitive from "@radix-ui/react-toggle-group";
 import { VariantProps } from "class-variance-authority";
 declare const ToggleGroup: React.ForwardRefExoticComponent<((Omit<ToggleGroupPrimitive.ToggleGroupSingleProps & React.RefAttributes<HTMLDivElement>, "ref"> | Omit<ToggleGroupPrimitive.ToggleGroupMultipleProps & React.RefAttributes<HTMLDivElement>, "ref">) & VariantProps<(props?: ({
-    variant?: "outline" | "default" | null | undefined;
+    variant?: "default" | "outline" | null | undefined;
     size?: "sm" | "lg" | "default" | null | undefined;
 } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string>) & React.RefAttributes<HTMLDivElement>>;
 declare const ToggleGroupItem: React.ForwardRefExoticComponent<Omit<ToggleGroupPrimitive.ToggleGroupItemProps & React.RefAttributes<HTMLButtonElement>, "ref"> & VariantProps<(props?: ({
-    variant?: "outline" | "default" | null | undefined;
+    variant?: "default" | "outline" | null | undefined;
     size?: "sm" | "lg" | "default" | null | undefined;
 } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string> & React.RefAttributes<HTMLButtonElement>>;
 export { ToggleGroup, ToggleGroupItem };

package/dist/components/ui/toggle-group.js

@@ -21,7 +21,7 @@ const ToggleGroupContext = React.createContext({
 });
 const ToggleGroup = React.forwardRef((_a, ref) => {
     var { className, variant, size, children } = _a, props = __rest(_a, ["className", "variant", "size", "children"]);
-    return (_jsx(ToggleGroupPrimitive.Root, Object.assign({ ref: ref, className: cn("flex items-center justify-center gap-1", className) }, props, { children: _jsx(ToggleGroupContext.Provider, Object.assign({ value: { variant, size } }, { children: children }), void 0) }), void 0));
+    return (_jsx(ToggleGroupPrimitive.Root, Object.assign({ ref: ref, className: cn("flex items-center justify-center gap-1", className) }, props, { children: _jsx(ToggleGroupContext.Provider, Object.assign({ value: { variant, size } }, { children: children })) })));
 });
 ToggleGroup.displayName = ToggleGroupPrimitive.Root.displayName;
 const ToggleGroupItem = React.forwardRef((_a, ref) => {
@@ -30,7 +30,7 @@ const ToggleGroupItem = React.forwardRef((_a, ref) => {
     return (_jsx(ToggleGroupPrimitive.Item, Object.assign({ ref: ref, className: cn(toggleVariants({
             variant: context.variant || variant,
             size: context.size || size,
-        }), className) }, props, { children: children }), void 0));
+        }), className) }, props, { children: children })));
 });
 ToggleGroupItem.displayName = ToggleGroupPrimitive.Item.displayName;
 export { ToggleGroup, ToggleGroupItem };

package/dist/components/ui/toggle.d.ts

@@ -2,11 +2,11 @@ import * as React from "react";
 import * as TogglePrimitive from "@radix-ui/react-toggle";
 import { type VariantProps } from "class-variance-authority";
 declare const toggleVariants: (props?: ({
-    variant?: "outline" | "default" | null | undefined;
+    variant?: "default" | "outline" | null | undefined;
     size?: "sm" | "lg" | "default" | null | undefined;
 } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
 declare const Toggle: React.ForwardRefExoticComponent<Omit<TogglePrimitive.ToggleProps & React.RefAttributes<HTMLButtonElement>, "ref"> & VariantProps<(props?: ({
-    variant?: "outline" | "default" | null | undefined;
+    variant?: "default" | "outline" | null | undefined;
     size?: "sm" | "lg" | "default" | null | undefined;
 } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string> & React.RefAttributes<HTMLButtonElement>>;
 export { Toggle, toggleVariants };

package/dist/components/ui/toggle.js

@@ -34,7 +34,7 @@ const toggleVariants = cva("inline-flex items-center justify-center rounded-md t
 });
 const Toggle = React.forwardRef((_a, ref) => {
     var { className, variant, size } = _a, props = __rest(_a, ["className", "variant", "size"]);
-    return (_jsx(TogglePrimitive.Root, Object.assign({ ref: ref, className: cn(toggleVariants({ variant, size, className })) }, props), void 0));
+    return (_jsx(TogglePrimitive.Root, Object.assign({ ref: ref, className: cn(toggleVariants({ variant, size, className })) }, props)));
 });
 Toggle.displayName = TogglePrimitive.Root.displayName;
 export { Toggle, toggleVariants };