@tapcart/mobile-components 0.6.6 → 0.6.7

package/dist/components/ui/favorite/favorite.js

@@ -1,156 +0,0 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from "react";
-import { cva } from "class-variance-authority";
-import { Icon } from "../icon";
-const favoriteVariants = cva("flex p-2 gap-2 rounded-[4px] shadow-buttonColors-primaryShadow active:[&_svg]:text-stateColors-favorites", {
-    variants: {
-        size: {
-            small: "p-2",
-            large: "p-3",
-        },
-        showBackground: {
-            true: "bg-coreColors-inputBackground",
-            false: "",
-        },
-    },
-    defaultVariants: {
-        size: "small",
-        showBackground: true,
-    },
-});
-const AnimatedHeart = ({ selected, onClick, }) => (_jsxs("div", Object.assign({ onClick: onClick }, { children: [_jsx("style", { children: `* {
-  box-sizing: border-box;
-}
-
-
-svg {
-  height: 24px;
-  overflow: visible;
-  cursor: pointer;
-}
-
-label {
-  transform: translateX(-2px);
-}
-
-input[type="checkbox"] {
-  display: none;
-}
-
-input[type="checkbox"] + label {
-  width: 20px;
-  height: 20px;
-  position: relative;
-  display: grid;
-  place-content: center;
-  #center-heart {
-    #inner {
-      fill: ${selected ? "#d91e18ff" : "transparent"};
-      transition: 0.2s ease;
-    }
-    #outer {
-      fill: ${selected ? "#d91e18ff" : "white"};
-      transition: 0.2s ease;
-    }
-  }
-  #left-hearts > *,
-  #right-hearts > * {
-    opacity: 0;
-    transition: 0.2s ease;
-  }
-}
-
-input[type="checkbox"]:checked + label {
-  cursor: pointer;
-  &::before,
-  &::after {
-    content: "";
-    display: grid;
-    border-radius: 100%;
-    position: absolute;
-    outline: 2px solid #d91e18ff;
-    height: 24px;
-    width: 24px;
-    animation: scalePulse 0.5s cubic-bezier(0.12, 0.84, 0.5, 0.44) forwards;
-  }
-  &::after {
-    opacity: 1;
-    transform: scale(0);
-    animation-delay: 0.2s;
-  }
-  #center-heart {
-    #inner {
-      fill: #d91e18ff;
-    }
-    #outer {
-      fill: #d91e18ff;
-    }
-  }
-  #left-hearts > *,
-  #right-hearts > * {
-    transform-origin: center center;
-    animation: floatingHearts 0.65s cubic-bezier(0.12, 0.84, 0.5, 0.44) forwards;
-  }
-  #right-hearts {
-    g:first-child {
-      animation-delay: 0.3s;
-    }
-    g:last-child {
-      animation-delay: 0.1s;
-    }
-  }
-  #left-hearts {
-    g:first-child {
-      animation-delay: 0.2s;
-    }
-    g:last-child {
-      animation-delay: 0.5s;
-    }
-  }
-    @keyframes floatingHearts {
-  0% {
-    opacity: 0;
-    transform: translateY(10px);
-  }
-
-  50% {
-    opacity: 0.5;
-  }
-
-  100% {
-    opacity: 0;
-    transform: translateY(-50px);
-  }
-}
-
-@keyframes scalePulse {
-  from {
-    transform: scale(0);
-  }
-
-  to {
-    transform: scale(1.1);
-    opacity: 0;
-  }
-}
-}` }), _jsx("input", { type: "checkbox", id: "like", name: "like", checked: selected, readOnly: true }), _jsx("label", Object.assign({ htmlFor: "like" }, { children: _jsx("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 189.2 87.507", style: { overflow: "visible" } }, { children: _jsxs("g", Object.assign({ id: "hearts", transform: "translate(-787.902 -454.998)" }, { children: [_jsxs("g", Object.assign({ id: "right-hearts" }, { children: [_jsxs("g", Object.assign({ id: "Group_4", "data-name": "Group 4", opacity: "0.484" }, { children: [_jsx("path", { id: "Path_8", "data-name": "Path 8", d: "M36.508,16.436c-3.141,6.041-11.545,14.257-16.3,18.634a1.342,1.342,0,0,1-1.8,0C13.633,30.693,5.229,22.477,2.087,16.436c-6.9-13.29,10.5-22.151,17.21-8.86C26.01-5.715,43.409,3.146,36.508,16.436Z", transform: "translate(936.502 486.145)", fill: "#fff" }), _jsx("path", { id: "Path_9", "data-name": "Path 9", d: "M19.311,37.916a3.836,3.836,0,0,1-2.575-.99l-.013-.012C11.871,32.47,3.229,24.051-.131,17.589A15.428,15.428,0,0,1-2,10.374,12.021,12.021,0,0,1-.282,4.2,11.848,11.848,0,0,1,16.364.456a13.647,13.647,0,0,1,2.934,2.6,13.649,13.649,0,0,1,2.934-2.6A11.848,11.848,0,0,1,38.879,4.2,12.02,12.02,0,0,1,40.6,10.374a15.428,15.428,0,0,1-1.87,7.214A52.812,52.812,0,0,1,30.8,28.07c-3.2,3.482-6.607,6.728-8.9,8.839l-.018.017a3.836,3.836,0,0,1-2.571.99ZM9.864,3.5A6.907,6.907,0,0,0,3.991,6.8c-1.423,2.342-1.311,5.357.315,8.489,1.013,1.948,4.482,7.467,15,17.213,2.172-2.025,5.076-4.836,7.815-7.813a48.2,48.2,0,0,0,7.166-9.4c1.626-3.131,1.738-6.146.315-8.488a6.848,6.848,0,0,0-9.644-2.149A10.185,10.185,0,0,0,21.529,8.7L19.3,13.121,17.066,8.7a10.185,10.185,0,0,0-3.432-4.057A6.906,6.906,0,0,0,9.864,3.5Z", transform: "translate(936.502 486.145)", fill: "#fff" })] })), _jsxs("g", Object.assign({ id: "Group_5", "data-name": "Group 5", opacity: "0.484" }, { children: [_jsx("path", { id: "Path_10", "data-name": "Path 10", d: "M36.508,16.436c-3.141,6.041-11.545,14.257-16.3,18.634a1.342,1.342,0,0,1-1.8,0C13.633,30.693,5.229,22.477,2.087,16.436c-6.9-13.29,10.5-22.151,17.21-8.86C26.01-5.715,43.409,3.146,36.508,16.436Z", transform: "translate(906.04 497.584)", fill: "#d91e18ff" }), _jsx("path", { id: "Path_11", "data-name": "Path 11", d: "M19.311,37.916a3.836,3.836,0,0,1-2.575-.99l-.013-.012C11.871,32.47,3.229,24.051-.131,17.589A15.428,15.428,0,0,1-2,10.374,12.021,12.021,0,0,1-.282,4.2,11.848,11.848,0,0,1,16.364.456a13.647,13.647,0,0,1,2.934,2.6,13.649,13.649,0,0,1,2.934-2.6A11.848,11.848,0,0,1,38.879,4.2,12.02,12.02,0,0,1,40.6,10.374a15.428,15.428,0,0,1-1.87,7.214A52.812,52.812,0,0,1,30.8,28.07c-3.2,3.482-6.607,6.728-8.9,8.839l-.018.017a3.836,3.836,0,0,1-2.571.99ZM9.864,3.5A6.907,6.907,0,0,0,3.991,6.8c-1.423,2.342-1.311,5.357.315,8.489,1.013,1.948,4.482,7.467,15,17.213,2.172-2.025,5.076-4.836,7.815-7.813a48.2,48.2,0,0,0,7.166-9.4c1.626-3.131,1.738-6.146.315-8.488a6.848,6.848,0,0,0-9.644-2.149A10.185,10.185,0,0,0,21.529,8.7L19.3,13.121,17.066,8.7a10.185,10.185,0,0,0-3.432-4.057A6.906,6.906,0,0,0,9.864,3.5Z", transform: "translate(906.04 497.584)", fill: "#d91e18ff" })] }))] })), _jsxs("g", Object.assign({ id: "left-hearts" }, { children: [_jsxs("g", Object.assign({ id: "Group_6", "data-name": "Group 6", opacity: "0.484" }, { children: [_jsx("path", { id: "Path_12", "data-name": "Path 12", d: "M36.508,16.436c-3.141,6.041-11.545,14.257-16.3,18.634a1.342,1.342,0,0,1-1.8,0C13.633,30.693,5.229,22.477,2.087,16.436c-6.9-13.29,10.5-22.151,17.21-8.86C26.01-5.715,43.409,3.146,36.508,16.436Z", transform: "translate(827.502 483.705)", fill: "#fff" }), _jsx("path", { id: "Path_13", "data-name": "Path 13", d: "M19.311,37.916a3.836,3.836,0,0,1-2.575-.99l-.013-.012C11.871,32.47,3.229,24.051-.131,17.589A15.428,15.428,0,0,1-2,10.374,12.021,12.021,0,0,1-.282,4.2,11.848,11.848,0,0,1,16.364.456a13.647,13.647,0,0,1,2.934,2.6,13.649,13.649,0,0,1,2.934-2.6A11.848,11.848,0,0,1,38.879,4.2,12.02,12.02,0,0,1,40.6,10.374a15.428,15.428,0,0,1-1.87,7.214A52.812,52.812,0,0,1,30.8,28.07c-3.2,3.482-6.607,6.728-8.9,8.839l-.018.017a3.836,3.836,0,0,1-2.571.99ZM9.864,3.5A6.907,6.907,0,0,0,3.991,6.8c-1.423,2.342-1.311,5.357.315,8.489,1.013,1.948,4.482,7.467,15,17.213,2.172-2.025,5.076-4.836,7.815-7.813a48.2,48.2,0,0,0,7.166-9.4c1.626-3.131,1.738-6.146.315-8.488a6.848,6.848,0,0,0-9.644-2.149A10.185,10.185,0,0,0,21.529,8.7L19.3,13.121,17.066,8.7a10.185,10.185,0,0,0-3.432-4.057A6.906,6.906,0,0,0,9.864,3.5Z", transform: "translate(827.502 483.705)", fill: "#fff" })] })), _jsxs("g", Object.assign({ id: "Group_7", "data-name": "Group 7", opacity: "0.484" }, { children: [_jsx("path", { id: "Path_14", "data-name": "Path 14", d: "M36.508,16.436c-3.141,6.041-11.545,14.257-16.3,18.634a1.342,1.342,0,0,1-1.8,0C13.633,30.693,5.229,22.477,2.087,16.436c-6.9-13.29,10.5-22.151,17.21-8.86C26.01-5.715,43.409,3.146,36.508,16.436Z", transform: "translate(789.902 456.497)", fill: "#d91e18ff" }), _jsx("path", { id: "Path_15", "data-name": "Path 15", d: "M19.311,37.916a3.836,3.836,0,0,1-2.575-.99l-.013-.012C11.871,32.47,3.229,24.051-.131,17.589A15.428,15.428,0,0,1-2,10.374,12.021,12.021,0,0,1-.282,4.2,11.848,11.848,0,0,1,16.364.456a13.647,13.647,0,0,1,2.934,2.6,13.649,13.649,0,0,1,2.934-2.6A11.848,11.848,0,0,1,38.879,4.2,12.02,12.02,0,0,1,40.6,10.374a15.428,15.428,0,0,1-1.87,7.214A52.812,52.812,0,0,1,30.8,28.07c-3.2,3.482-6.607,6.728-8.9,8.839l-.018.017a3.836,3.836,0,0,1-2.571.99ZM9.864,3.5A6.907,6.907,0,0,0,3.991,6.8c-1.423,2.342-1.311,5.357.315,8.489,1.013,1.948,4.482,7.467,15,17.213,2.172-2.025,5.076-4.836,7.815-7.813a48.2,48.2,0,0,0,7.166-9.4c1.626-3.131,1.738-6.146.315-8.488a6.848,6.848,0,0,0-9.644-2.149A10.185,10.185,0,0,0,21.529,8.7L19.3,13.121,17.066,8.7a10.185,10.185,0,0,0-3.432-4.057A6.906,6.906,0,0,0,9.864,3.5Z", transform: "translate(789.902 456.497)", fill: "#d91e18ff" })] }))] })), _jsxs("g", Object.assign({ id: "center-heart" }, { children: [_jsx("path", { id: "inner", "data-name": "Path 16", d: "M68.82,30.286C62.86,41.748,46.92,57.336,37.9,65.639a2.547,2.547,0,0,1-3.413,0c-9.068-8.3-25.012-23.892-30.972-35.353C-9.578,5.07,23.432-11.741,36.167,13.475,48.9-11.741,81.912,5.07,68.82,30.286Z", transform: "translate(853.502 473.705)", fill: "#d91e18ff" }), _jsx("path", { id: "outer", "data-name": "Path 17", d: "M36.192,68.8a5.038,5.038,0,0,1-3.382-1.3l-.013-.012C28.5,63.55,22.1,57.47,16,50.84,8.968,43.21,4.022,36.682,1.3,31.439A27.058,27.058,0,0,1-2,18.8,20.564,20.564,0,0,1,.934,8.233,20.236,20.236,0,0,1,29.375,1.847a24.62,24.62,0,0,1,6.792,6.728,24.623,24.623,0,0,1,6.791-6.728A20.236,20.236,0,0,1,71.4,8.233,20.562,20.562,0,0,1,74.336,18.8a27.059,27.059,0,0,1-3.3,12.641c-2.723,5.236-7.666,11.763-14.693,19.4C50.32,57.389,43.909,63.5,39.592,67.478l-.018.017A5.038,5.038,0,0,1,36.192,68.8Zm-.029-5.01a.047.047,0,0,0,.057,0c4.247-3.912,10.543-9.916,16.446-16.332C59.4,40.14,64.084,33.976,66.6,29.132a22.135,22.135,0,0,0,2.734-10.306A15.233,15.233,0,0,0,45.688,6.037,21.52,21.52,0,0,0,38.4,14.6l-2.232,4.418L33.935,14.6a21.521,21.521,0,0,0-7.289-8.566A15.231,15.231,0,0,0,3,18.827,22.133,22.133,0,0,0,5.732,29.134c2.522,4.85,7.213,11.014,13.941,18.319,5.982,6.495,12.268,12.465,16.491,16.333Z", transform: "translate(853.502 473.705)", fill: "#d91e18ff" })] }))] })) })) }))] })));
-const Favorite = React.forwardRef((_a, ref) => {
-    var { className, size = "small", 
-    // selected = false,
-    onClick, icon = "heart-filled", showBackground = true, isAnimated = true } = _a, props = __rest(_a, ["className", "size", "onClick", "icon", "showBackground", "isAnimated"]);
-    const [selected, setSelected] = React.useState(false);
-    return (_jsx("div", { children: isAnimated ? (_jsx(AnimatedHeart, { selected: selected, onClick: () => setSelected(true) })) : (_jsx(Icon, { name: icon, color: selected ? "stateColors-favorites" : "stateColors-disabled", size: size === "small" ? "xs" : "sm", onClick: onClick })) }));
-});
-Favorite.displayName = "Favorite";
-export { Favorite, favoriteVariants };

package/dist/components/ui/favorite/favorite.spec.d.ts

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=favorite.spec.d.ts.map

package/dist/components/ui/favorite/favorite.spec.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"favorite.spec.d.ts","sourceRoot":"","sources":["../../../../components/ui/favorite/favorite.spec.tsx"],"names":[],"mappings":""}

package/dist/components/ui/favorite/favorite.spec.js

@@ -1,6 +0,0 @@
-describe('favorite', () => {
-    it('works', () => {
-        // test here
-    });
-});
-export {};

package/dist/components/ui/favorite/index.d.ts

@@ -1,2 +0,0 @@
-export * from "./favorite";
-//# sourceMappingURL=index.d.ts.map

package/dist/components/ui/favorite/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../components/ui/favorite/index.tsx"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAA"}

package/dist/components/ui/favorite/index.js

@@ -1 +0,0 @@
-export * from "./favorite";

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

@@ -1,39 +0,0 @@
-import * as React from "react";
-interface SelectProps<T> {
-    children: React.ReactElement<{
-        value: T;
-        onSelect?: () => void;
-        isTrigger?: boolean;
-        isSelected?: boolean;
-        children: ({ isTrigger }: {
-            isTrigger: boolean;
-        }) => React.ReactNode;
-    }>[];
-    defaultValue?: T;
-    onChange?: (value: T) => void;
-    onOpenChange?: (isOpen: boolean) => void;
-    onCreateNew?: () => void;
-}
-declare const Select: React.ForwardRefExoticComponent<SelectProps<unknown> & React.RefAttributes<HTMLDivElement>>;
-interface SelectTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
-    isTrigger?: boolean;
-    children: React.ReactNode;
-}
-declare const SelectTrigger: React.ForwardRefExoticComponent<SelectTriggerProps & React.RefAttributes<HTMLButtonElement>>;
-interface SelectContentProps {
-    children: React.ReactNode;
-    isOpen: boolean;
-    className?: string;
-}
-declare const SelectContent: React.ForwardRefExoticComponent<SelectContentProps & React.RefAttributes<HTMLDivElement>>;
-interface SelectItemProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "children"> {
-    onSelect?: () => void;
-    isSelected?: boolean;
-    isTrigger?: boolean;
-    children: React.ReactNode | (({ isTrigger }: {
-        isTrigger: boolean;
-    }) => React.ReactNode);
-}
-declare const SelectItem: React.ForwardRefExoticComponent<SelectItemProps & React.RefAttributes<HTMLDivElement>>;
-export { Select, SelectTrigger, SelectContent, SelectItem };
-//# sourceMappingURL=select.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../components/ui/select.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAK9B,UAAU,WAAW,CAAC,CAAC;IACrB,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC;QAC3B,KAAK,EAAE,CAAC,CAAA;QACR,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;QACrB,SAAS,CAAC,EAAE,OAAO,CAAA;QACnB,UAAU,CAAC,EAAE,OAAO,CAAA;QACpB,QAAQ,EAAE,CAAC,EAAE,SAAS,EAAE,EAAE;YAAE,SAAS,EAAE,OAAO,CAAA;SAAE,KAAK,KAAK,CAAC,SAAS,CAAA;KACrE,CAAC,EAAE,CAAA;IACJ,YAAY,CAAC,EAAE,CAAC,CAAA;IAChB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAA;IAC7B,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAA;IACxC,WAAW,CAAC,EAAE,MAAM,IAAI,CAAA;CACzB;AAED,QAAA,MAAM,MAAM,6FAwGX,CAAA;AAID,UAAU,kBACR,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IACrD,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B;AAED,QAAA,MAAM,aAAa,8FAiBlB,CAAA;AAGD,UAAU,kBAAkB;IAC1B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,MAAM,EAAE,OAAO,CAAA;IACf,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,QAAA,MAAM,aAAa,2FAiBlB,CAAA;AAGD,UAAU,eACR,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IAC9D,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IACrB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,QAAQ,EACJ,KAAK,CAAC,SAAS,GACf,CAAC,CAAC,EAAE,SAAS,EAAE,EAAE;QAAE,SAAS,EAAE,OAAO,CAAA;KAAE,KAAK,KAAK,CAAC,SAAS,CAAC,CAAA;CACjE;AAED,QAAA,MAAM,UAAU,wFAmBf,CAAA;AAGD,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,aAAa,EAAE,UAAU,EAAE,CAAA"}

package/dist/components/ui/select.js

@@ -1,87 +0,0 @@
-"use client";
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from "react";
-import { ChevronDown } from "lucide-react";
-import { cn } from "../../lib/utils";
-import { CreateNew, Wishlist } from "./wishlist";
-const Select = React.forwardRef(({ children, defaultValue, onChange, onOpenChange, onCreateNew, }, ref) => {
-    const [isOpen, setIsOpen] = React.useState(false);
-    const [selectedValue, setSelectedValue] = React.useState(defaultValue);
-    const triggerRef = React.useRef(null);
-    const contentRef = React.useRef(null);
-    // useEffect for click outside listener
-    React.useEffect(() => {
-        const handleClickOutside = (event) => {
-            if (isOpen &&
-                triggerRef.current &&
-                contentRef.current &&
-                !triggerRef.current.contains(event.target) &&
-                !contentRef.current.contains(event.target)) {
-                setIsOpen(false);
-                onOpenChange && onOpenChange(false);
-            }
-        };
-        document.addEventListener("mousedown", handleClickOutside);
-        return () => {
-            document.removeEventListener("mousedown", handleClickOutside);
-        };
-    }, [isOpen, onOpenChange]);
-    const handleSelect = (value) => {
-        setSelectedValue(value);
-        setIsOpen(false);
-        onChange && onChange(value);
-        onOpenChange && onOpenChange(false);
-    };
-    const handleToggle = () => {
-        const newIsOpen = !isOpen;
-        setIsOpen(newIsOpen);
-        onOpenChange && onOpenChange(newIsOpen);
-    };
-    const handleCreateNew = () => {
-        onCreateNew && onCreateNew();
-        setIsOpen(false);
-        onOpenChange && onOpenChange(false);
-    };
-    const selectedChild = React.Children.toArray(children).find((child) => React.isValidElement(child) && child.props.value === selectedValue);
-    return (_jsxs("div", Object.assign({ className: "relative", ref: ref }, { children: [_jsxs(SelectTrigger, Object.assign({ ref: triggerRef, onClick: handleToggle }, { children: [_jsx(SelectItem, Object.assign({ isTrigger: true }, { children: selectedChild ? (selectedChild.props.children({ isTrigger: true })) : (_jsx(Wishlist, { name: "My Favorites", isTrigger: true })) })), _jsx(ChevronDown, { className: cn("h-4 w-4 opacity-50 mr-4 transition-transform duration-200 ease-in-out", isOpen && "transform rotate-180") })] })), _jsxs(SelectContent, Object.assign({ isOpen: isOpen, ref: contentRef }, { children: [React.Children.map(children, (child) => React.isValidElement(child)
-                        ? React.cloneElement(child, {
-                            onSelect: () => handleSelect(child.props.value),
-                            isSelected: child.props.value === selectedValue,
-                        }, child.props.children({ isTrigger: false }))
-                        : child), _jsx("div", Object.assign({ className: "sticky bottom-0 bg-coreColors-inputBackground border-t border-coreColors-dividingLines" }, { children: _jsx(CreateNew, { onClick: handleCreateNew }) }))] }))] })));
-});
-Select.displayName = "Select";
-const SelectTrigger = React.forwardRef((_a, ref) => {
-    var { className, children, isTrigger = false } = _a, props = __rest(_a, ["className", "children", "isTrigger"]);
-    return (_jsx("button", Object.assign({ ref: ref, className: cn("flex w-full items-center justify-between rounded-md border border-coreColors-brandColorPrimary bg-coreColors-inputBackground text-sm placeholder:text-coreColors-brandColorPrimary disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1", className), style: {
-            WebkitTapHighlightColor: "transparent",
-        } }, props, { children: children })));
-});
-SelectTrigger.displayName = "SelectTrigger";
-const SelectContent = React.forwardRef((_a, ref) => {
-    var { className, children, isOpen } = _a, props = __rest(_a, ["className", "children", "isOpen"]);
-    return (_jsx("div", Object.assign({ ref: ref, className: cn("mt-1 absolute z-50 w-full max-h-[200px] overflow-y-auto rounded-md bg-coreColors-inputBackground shadow-md border border-coreColors-brandColorPrimary", "transition-all duration-300 ease-in-out", isOpen
-            ? "opacity-100 translate-y-0"
-            : "opacity-0 translate-y-[-10px] pointer-events-none", className) }, props, { children: children })));
-});
-SelectContent.displayName = "SelectContent";
-const SelectItem = React.forwardRef((_a, ref) => {
-    var { className, children, onSelect, isSelected, isTrigger } = _a, props = __rest(_a, ["className", "children", "onSelect", "isSelected", "isTrigger"]);
-    return (_jsx("div", Object.assign({ ref: ref, className: cn("relative flex w-full cursor-pointer select-none items-center text-sm outline-none", !isTrigger &&
-            "border-b border-coreColors-dividingLines last:border-b-0", isSelected && "bg-stateColors-skeleton", className), onClick: onSelect }, props, { children: typeof children === "function"
-            ? children({ isTrigger: isTrigger || false })
-            : children })));
-});
-SelectItem.displayName = "SelectItem";
-export { Select, SelectTrigger, SelectContent, SelectItem };