@myrjfa/ui 1.1.0 → 1.1.1

package/dist/misc/share.js

@@ -1,51 +1,4 @@
 "use client";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
-    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (g && (g = 0, op[0] && (_ = 0)), _) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
-};
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { DialogTitle } from "@radix-ui/react-dialog";
 import { Mail, Share2 } from "lucide-react";
@@ -54,82 +7,73 @@ import { FaFacebook, FaLinkedin, FaPinterest, FaReddit, FaTelegram, FaTumblr, Fa
 import { EmailShareButton, FacebookShareButton, LinkedinShareButton, PinterestShareButton, RedditShareButton, TelegramShareButton, TumblrShareButton, TwitterShareButton, WhatsappShareButton, } from "react-share";
 import { Button } from "./button";
 import { Dialog, DialogContent } from "./dialog";
-var ShareButton = function (_a) {
-    var _b = _a.label, label = _b === void 0 ? "Share" : _b;
-    var _c = useState(false), open = _c[0], setOpen = _c[1];
-    var _d = useState(false), canUseNativeShare = _d[0], setCanUseNativeShare = _d[1];
-    var _e = useState(false), copied = _e[0], setCopied = _e[1];
-    var _f = useState({
+const ShareButton = ({ label = "Share" }) => {
+    const [open, setOpen] = useState(false);
+    const [canUseNativeShare, setCanUseNativeShare] = useState(false);
+    const [copied, setCopied] = useState(false);
+    const [pageMetadata, setPageMetadata] = useState({
         title: "",
         description: "",
         image: "",
         url: ""
-    }), pageMetadata = _f[0], setPageMetadata = _f[1];
+    });
     // Extract metadata from page on component mount
-    useEffect(function () {
+    useEffect(() => {
         var _a, _b, _c, _d, _e, _f, _g;
-        var currentUrl = window.location.href;
-        var ogTitle = (_a = document.querySelector('meta[property="og:title"]')) === null || _a === void 0 ? void 0 : _a.getAttribute('content');
-        var twitterTitle = (_b = document.querySelector('meta[name="twitter:title"]')) === null || _b === void 0 ? void 0 : _b.getAttribute('content');
-        var title = ogTitle || twitterTitle || document.title || "Check out this page";
-        var ogDescription = (_c = document.querySelector('meta[property="og:description"]')) === null || _c === void 0 ? void 0 : _c.getAttribute('content');
-        var twitterDescription = (_d = document.querySelector('meta[name="twitter:description"]')) === null || _d === void 0 ? void 0 : _d.getAttribute('content');
-        var metaDescription = (_e = document.querySelector('meta[name="description"]')) === null || _e === void 0 ? void 0 : _e.getAttribute('content');
-        var description = ogDescription || twitterDescription || metaDescription || "I found something interesting to share";
-        var ogImage = (_f = document.querySelector('meta[property="og:image"]')) === null || _f === void 0 ? void 0 : _f.getAttribute('content');
-        var twitterImage = (_g = document.querySelector('meta[name="twitter:image"]')) === null || _g === void 0 ? void 0 : _g.getAttribute('content');
-        var image = ogImage || twitterImage || "";
+        const currentUrl = window.location.href;
+        const ogTitle = (_a = document.querySelector('meta[property="og:title"]')) === null || _a === void 0 ? void 0 : _a.getAttribute('content');
+        const twitterTitle = (_b = document.querySelector('meta[name="twitter:title"]')) === null || _b === void 0 ? void 0 : _b.getAttribute('content');
+        const title = ogTitle || twitterTitle || document.title || "Check out this page";
+        const ogDescription = (_c = document.querySelector('meta[property="og:description"]')) === null || _c === void 0 ? void 0 : _c.getAttribute('content');
+        const twitterDescription = (_d = document.querySelector('meta[name="twitter:description"]')) === null || _d === void 0 ? void 0 : _d.getAttribute('content');
+        const metaDescription = (_e = document.querySelector('meta[name="description"]')) === null || _e === void 0 ? void 0 : _e.getAttribute('content');
+        const description = ogDescription || twitterDescription || metaDescription || "I found something interesting to share";
+        const ogImage = (_f = document.querySelector('meta[property="og:image"]')) === null || _f === void 0 ? void 0 : _f.getAttribute('content');
+        const twitterImage = (_g = document.querySelector('meta[name="twitter:image"]')) === null || _g === void 0 ? void 0 : _g.getAttribute('content');
+        const image = ogImage || twitterImage || "";
         setPageMetadata({
-            title: title,
-            description: description,
-            image: image,
+            title,
+            description,
+            image,
             url: currentUrl
         });
         setCanUseNativeShare(!!navigator.share);
     }, []);
     // Reset copied state after 2 seconds
-    useEffect(function () {
+    useEffect(() => {
         if (copied) {
-            var timer_1 = setTimeout(function () { return setCopied(false); }, 2000);
-            return function () { return clearTimeout(timer_1); };
+            const timer = setTimeout(() => setCopied(false), 2000);
+            return () => clearTimeout(timer);
         }
     }, [copied]);
     // Handle share button click
-    var handleShareClick = function () { return __awaiter(void 0, void 0, void 0, function () {
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0:
-                    if (!canUseNativeShare) return [3 /*break*/, 2];
-                    return [4 /*yield*/, navigator.share({
-                            title: pageMetadata.title,
-                            text: pageMetadata.description,
-                            url: pageMetadata.url,
-                        })];
-                case 1:
-                    _a.sent();
-                    return [3 /*break*/, 3];
-                case 2:
-                    // Native sharing not available, use custom dialog
-                    setOpen(true);
-                    _a.label = 3;
-                case 3: return [2 /*return*/];
-            }
-        });
-    }); };
+    const handleShareClick = async () => {
+        if (canUseNativeShare) {
+            await navigator.share({
+                title: pageMetadata.title,
+                text: pageMetadata.description,
+                url: pageMetadata.url,
+            });
+        }
+        else {
+            // Native sharing not available, use custom dialog
+            setOpen(true);
+        }
+    };
     // Handle copying URL to clipboard
-    var handleCopyLink = function () {
+    const handleCopyLink = () => {
         navigator.clipboard.writeText(pageMetadata.url);
         setCopied(true);
     };
     // Define the share platforms with their metadata
-    var sharePlatforms = [
+    const sharePlatforms = [
         {
             name: "Facebook",
             icon: _jsx(FaFacebook, { className: "w-6 h-6 text-blue-600" }),
             component: FacebookShareButton,
             props: {
                 url: pageMetadata.url,
-                quote: "".concat(pageMetadata.title, "\n").concat(pageMetadata.description),
+                quote: `${pageMetadata.title}\n${pageMetadata.description}`,
                 hashtag: "#Trippeaze"
             }
         },
@@ -139,7 +83,7 @@ var ShareButton = function (_a) {
             component: TwitterShareButton,
             props: {
                 url: pageMetadata.url,
-                title: "".concat(pageMetadata.title, "\n").concat(pageMetadata.description),
+                title: `${pageMetadata.title}\n${pageMetadata.description}`,
                 via: "Trippeaze",
                 hashtags: ["Trippeaze", "Travel"]
             }
@@ -150,7 +94,7 @@ var ShareButton = function (_a) {
             component: WhatsappShareButton,
             props: {
                 url: pageMetadata.url,
-                title: "".concat(pageMetadata.title, "\n").concat(pageMetadata.description),
+                title: `${pageMetadata.title}\n${pageMetadata.description}`,
                 separator: "\n"
             }
         },
@@ -171,7 +115,7 @@ var ShareButton = function (_a) {
             component: TelegramShareButton,
             props: {
                 url: pageMetadata.url,
-                title: "".concat(pageMetadata.title, "\n").concat(pageMetadata.description)
+                title: `${pageMetadata.title}\n${pageMetadata.description}`
             }
         },
         {
@@ -180,7 +124,7 @@ var ShareButton = function (_a) {
             component: RedditShareButton,
             props: {
                 url: pageMetadata.url,
-                title: "".concat(pageMetadata.title, "\n").concat(pageMetadata.description)
+                title: `${pageMetadata.title}\n${pageMetadata.description}`
             }
         },
         {
@@ -201,13 +145,13 @@ var ShareButton = function (_a) {
             props: {
                 url: pageMetadata.url,
                 subject: pageMetadata.title,
-                body: "".concat(pageMetadata.description, "\n\n").concat(pageMetadata.url)
+                body: `${pageMetadata.description}\n\n${pageMetadata.url}`
             }
         },
     ];
-    return (_jsxs(_Fragment, { children: [_jsxs(Button, { variant: "outline", className: "flex items-center gap-2 px-4 py-2 hover:bg-gray-100 transition-all", onClick: handleShareClick, "aria-label": "Share this page", children: [_jsx(Share2, { className: "w-4 h-4" }), _jsx("span", { className: "hidden md:block", children: label })] }), _jsx(Dialog, { open: open, onOpenChange: setOpen, children: _jsx(DialogContent, { className: "sm:max-w-md p-0 rounded-lg overflow-hidden shadow-xl", children: _jsxs("div", { className: "p-4 sm:p-6", children: [_jsxs("div", { className: "mb-4 flex flex-col gap-2", children: [_jsx(DialogTitle, { className: "text-lg font-semibold", children: "Share this page" }), _jsxs("div", { className: "relative flex items-center", children: [_jsx("input", { type: "text", readOnly: true, value: pageMetadata.url, className: "w-full bg-gray-50 border border-gray-200 rounded-lg py-2 px-3 text-sm pr-20 overflow-hidden text-ellipsis", "aria-label": "Page URL" }), _jsx(Button, { variant: "ghost", className: "absolute right-1 top-1/2 -translate-y-1/2 h-7 rounded-md text-xs px-3 text-blue-600 hover:bg-blue-50", onClick: handleCopyLink, "aria-label": "Copy link to clipboard", children: copied ? "Copied!" : "Copy" })] })] }), _jsxs("div", { className: "grid grid-cols-3 sm:grid-cols-3 gap-4 sm:gap-6", children: [sharePlatforms.map(function (platform, index) {
-                                        var ShareComponent = platform.component;
-                                        return (_jsx(ShareComponent, __assign({}, platform.props, { className: "flex flex-col items-center justify-center", children: _jsxs("div", { className: "flex flex-col items-center justify-center gap-2 p-3 rounded-lg hover:bg-gray-50 transition-colors w-full", children: [platform.icon, _jsx("span", { className: "text-xs font-medium text-gray-700", children: platform.name })] }) }), index));
+    return (_jsxs(_Fragment, { children: [_jsxs(Button, { variant: "outline", className: "flex items-center gap-2 px-4 py-2 hover:bg-gray-100 transition-all", onClick: handleShareClick, "aria-label": "Share this page", children: [_jsx(Share2, { className: "w-4 h-4" }), _jsx("span", { className: "hidden md:block", children: label })] }), _jsx(Dialog, { open: open, onOpenChange: setOpen, children: _jsx(DialogContent, { className: "sm:max-w-md p-0 rounded-lg overflow-hidden shadow-xl", children: _jsxs("div", { className: "p-4 sm:p-6", children: [_jsxs("div", { className: "mb-4 flex flex-col gap-2", children: [_jsx(DialogTitle, { className: "text-lg font-semibold", children: "Share this page" }), _jsxs("div", { className: "relative flex items-center", children: [_jsx("input", { type: "text", readOnly: true, value: pageMetadata.url, className: "w-full bg-gray-50 border border-gray-200 rounded-lg py-2 px-3 text-sm pr-20 overflow-hidden text-ellipsis", "aria-label": "Page URL" }), _jsx(Button, { variant: "ghost", className: "absolute right-1 top-1/2 -translate-y-1/2 h-7 rounded-md text-xs px-3 text-blue-600 hover:bg-blue-50", onClick: handleCopyLink, "aria-label": "Copy link to clipboard", children: copied ? "Copied!" : "Copy" })] })] }), _jsxs("div", { className: "grid grid-cols-3 sm:grid-cols-3 gap-4 sm:gap-6", children: [sharePlatforms.map((platform, index) => {
+                                        const ShareComponent = platform.component;
+                                        return (_jsx(ShareComponent, { ...platform.props, className: "flex flex-col items-center justify-center", children: _jsxs("div", { className: "flex flex-col items-center justify-center gap-2 p-3 rounded-lg hover:bg-gray-50 transition-colors w-full", children: [platform.icon, _jsx("span", { className: "text-xs font-medium text-gray-700", children: platform.name })] }) }, index));
                                     }), pageMetadata.image && (_jsx(PinterestShareButton, { url: pageMetadata.url, media: pageMetadata.image, description: pageMetadata.description, className: "flex flex-col items-center justify-center", children: _jsxs("div", { className: "flex flex-col items-center justify-center gap-2 p-3 rounded-lg hover:bg-gray-50 transition-colors w-full", children: [_jsx(FaPinterest, { className: "w-6 h-6 text-red-600" }), _jsx("span", { className: "text-xs font-medium text-gray-700", children: "Pinterest" })] }) }))] })] }) }) })] }));
 };
 export default ShareButton;

package/dist/misc/sheet.js

@@ -1,72 +1,40 @@
 "use client";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-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 SheetPrimitive from "@radix-ui/react-dialog";
 import { cn } from "@myrjfa/state/dist/lib/utils";
 import { XIcon } from "lucide-react";
-function Sheet(_a) {
-    var props = __rest(_a, []);
-    return _jsx(SheetPrimitive.Root, __assign({ "data-slot": "sheet" }, props));
+function Sheet({ ...props }) {
+    return _jsx(SheetPrimitive.Root, { "data-slot": "sheet", ...props });
 }
-function SheetTrigger(_a) {
-    var props = __rest(_a, []);
-    return _jsx(SheetPrimitive.Trigger, __assign({ "data-slot": "sheet-trigger" }, props));
+function SheetTrigger({ ...props }) {
+    return _jsx(SheetPrimitive.Trigger, { "data-slot": "sheet-trigger", ...props });
 }
-function SheetClose(_a) {
-    var props = __rest(_a, []);
-    return _jsx(SheetPrimitive.Close, __assign({ "data-slot": "sheet-close" }, props));
+function SheetClose({ ...props }) {
+    return _jsx(SheetPrimitive.Close, { "data-slot": "sheet-close", ...props });
 }
-function SheetPortal(_a) {
-    var props = __rest(_a, []);
-    return _jsx(SheetPrimitive.Portal, __assign({ "data-slot": "sheet-portal" }, props));
+function SheetPortal({ ...props }) {
+    return _jsx(SheetPrimitive.Portal, { "data-slot": "sheet-portal", ...props });
 }
-function SheetOverlay(_a) {
-    var className = _a.className, props = __rest(_a, ["className"]);
-    return (_jsx(SheetPrimitive.Overlay, __assign({ "data-slot": "sheet-overlay", className: cn("data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/80", className) }, props)));
+function SheetOverlay({ className, ...props }) {
+    return (_jsx(SheetPrimitive.Overlay, { "data-slot": "sheet-overlay", className: cn("data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/80", className), ...props }));
 }
-function SheetContent(_a) {
-    var className = _a.className, children = _a.children, _b = _a.side, side = _b === void 0 ? "right" : _b, props = __rest(_a, ["className", "children", "side"]);
-    return (_jsxs(SheetPortal, { children: [_jsx(SheetOverlay, {}), _jsxs(SheetPrimitive.Content, __assign({ "data-slot": "sheet-content", className: cn("bg-background data-[state=open]:animate-in data-[state=closed]:animate-out fixed z-50 flex flex-col gap-4 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500", side === "right" &&
+function SheetContent({ className, children, side = "right", ...props }) {
+    return (_jsxs(SheetPortal, { children: [_jsx(SheetOverlay, {}), _jsxs(SheetPrimitive.Content, { "data-slot": "sheet-content", className: cn("bg-background data-[state=open]:animate-in data-[state=closed]:animate-out fixed z-50 flex flex-col gap-4 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500", side === "right" &&
                     "data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm", side === "left" &&
                     "data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm", side === "top" &&
                     "data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top inset-x-0 top-0 h-auto border-b", side === "bottom" &&
-                    "data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom inset-x-0 bottom-0 h-auto border-t", className) }, props, { children: [children, _jsxs(SheetPrimitive.Close, { className: "ring-offset-background focus:ring-ring data-[state=open]:bg-secondary absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none", children: [_jsx(XIcon, { className: "size-4" }), _jsx("span", { className: "sr-only", children: "Close" })] })] }))] }));
+                    "data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom inset-x-0 bottom-0 h-auto border-t", className), ...props, children: [children, _jsxs(SheetPrimitive.Close, { className: "ring-offset-background focus:ring-ring data-[state=open]:bg-secondary absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none", children: [_jsx(XIcon, { className: "size-4" }), _jsx("span", { className: "sr-only", children: "Close" })] })] })] }));
 }
-function SheetHeader(_a) {
-    var className = _a.className, props = __rest(_a, ["className"]);
-    return (_jsx("div", __assign({ "data-slot": "sheet-header", className: cn("flex flex-col gap-1.5 p-4", className) }, props)));
+function SheetHeader({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "sheet-header", className: cn("flex flex-col gap-1.5 p-4", className), ...props }));
 }
-function SheetFooter(_a) {
-    var className = _a.className, props = __rest(_a, ["className"]);
-    return (_jsx("div", __assign({ "data-slot": "sheet-footer", className: cn("mt-auto flex flex-col gap-2 p-4", className) }, props)));
+function SheetFooter({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "sheet-footer", className: cn("mt-auto flex flex-col gap-2 p-4", className), ...props }));
 }
-function SheetTitle(_a) {
-    var className = _a.className, props = __rest(_a, ["className"]);
-    return (_jsx(SheetPrimitive.Title, __assign({ "data-slot": "sheet-title", className: cn("text-foreground font-semibold", className) }, props)));
+function SheetTitle({ className, ...props }) {
+    return (_jsx(SheetPrimitive.Title, { "data-slot": "sheet-title", className: cn("text-foreground font-semibold", className), ...props }));
 }
-function SheetDescription(_a) {
-    var className = _a.className, props = __rest(_a, ["className"]);
-    return (_jsx(SheetPrimitive.Description, __assign({ "data-slot": "sheet-description", className: cn("text-muted-foreground text-sm", className) }, props)));
+function SheetDescription({ className, ...props }) {
+    return (_jsx(SheetPrimitive.Description, { "data-slot": "sheet-description", className: cn("text-muted-foreground text-sm", className), ...props }));
 }
 export { Sheet, SheetTrigger, SheetClose, SheetContent, SheetHeader, SheetFooter, SheetTitle, SheetDescription, };