@myrjfa/ui 2.0.0 → 2.1.1

package/dist/misc/input.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { cn } from "@myrjfa/state";
 function Input({ className, type, ...props }) {
-    return (_jsx("input", { type: type, "data-slot": "input", className: cn("border-input file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground flex h-9 w-full min-w-0 rounded-md border bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm", "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]", "aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive", className), ...props }));
+    return (_jsx("input", { type: type, "data-slot": "input", onWheel: (e) => e.currentTarget.blur(), className: cn("border-input file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground flex h-9 w-full min-w-0 rounded-md border bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm", "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]", "aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive", "[&::-webkit-inner-spin-button]:appearance-none [&::-webkit-outer-spin-button]:appearance-none", className), ...props }));
 }
 export { Input };

package/dist/misc/misc/alertdialogclaude.js

@@ -0,0 +1,221 @@
+// AlertDialog.tsx
+'use client';
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.confirmActions = exports.deleteActions = void 0;
+exports.showAlert = showAlert;
+exports.AlertDialog = AlertDialog;
+exports.AlertDialogDemo = AlertDialogDemo;
+const AlertDialogPrimitive = __importStar(require("@radix-ui/react-alert-dialog"));
+const state_1 = require("@myrjfa/state");
+const lucide_react_1 = require("lucide-react");
+const react_1 = require("react");
+const client_1 = require("react-dom/client");
+const fa6_1 = require("react-icons/fa6");
+const button_1 = require("./button");
+const deleteActions = (cancel) => [
+    {
+        label: "Cancel",
+        variant: "outline",
+        icon: React.createElement(lucide_react_1.X, null),
+        action: () => cancel()
+    },
+    {
+        label: "Delete",
+        variant: "destructive",
+        icon: React.createElement(fa6_1.FaDumpster, null),
+        action: () => console.log("deleting")
+    }
+];
+exports.deleteActions = deleteActions;
+const confirmActions = (cancel) => [
+    {
+        label: "Cancel",
+        variant: "outline",
+        icon: React.createElement(lucide_react_1.X, null),
+        action: () => cancel()
+    },
+    {
+        label: "Proceed",
+        variant: "default",
+        icon: React.createElement(fa6_1.FaHandPointer, null),
+        action: () => console.log("proceeding")
+    }
+];
+exports.confirmActions = confirmActions;
+function showAlert(message, title, actions) {
+    return new Promise((resolve) => {
+        const alertRoot = document.createElement('div');
+        alertRoot.id = 'alert-root';
+        document.body.appendChild(alertRoot);
+        const cleanup = () => {
+            document.body.removeChild(alertRoot);
+            resolve();
+        };
+        const AlertComponent = () => {
+            const [open, setOpen] = (0, react_1.useState)(true);
+            (0, react_1.useEffect)(() => {
+                if (!open) {
+                    setTimeout(cleanup, 300); // Allow time for close animation
+                }
+            }, [open]);
+            return (React.createElement(AlertDialog, { message: message, title: title, actions: actions, isOpen: open, onOpenChange: setOpen }));
+        };
+        const root = (0, client_1.createRoot)(alertRoot);
+        root.render(React.createElement(AlertComponent, null));
+    });
+}
+function AlertDialog({ message, title, actions = [], isOpen, onOpenChange, }) {
+    return (React.createElement(AlertDialogPrimitive.Root, { open: isOpen, onOpenChange: onOpenChange },
+        React.createElement(AlertDialogPrimitive.Portal, null,
+            React.createElement(AlertDialogPrimitive.Overlay, { className: "fixed inset-0 z-50 bg-black/50 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0" }),
+            React.createElement(AlertDialogPrimitive.Content, { className: "fixed left-1/2 top-1/2 z-50 max-h-[85vh] w-full max-w-md -translate-x-1/2 -translate-y-1/2 rounded-lg border border-neutral-200 bg-white p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-top-[2%] data-[state=open]:slide-in-from-top-[2%] dark:border-neutral-800 dark:bg-neutral-950 sm:rounded-lg md:w-full" },
+                React.createElement("div", { className: "flex flex-col space-y-2" },
+                    title ? (React.createElement("div", { className: "flex items-center justify-between" },
+                        React.createElement(AlertDialogPrimitive.Title, { className: "text-lg font-semibold text-neutral-900 dark:text-neutral-50 flex-grow text-center" }, title),
+                        React.createElement(button_1.Button, { variant: "ghost", onClick: () => onOpenChange(false) },
+                            React.createElement(lucide_react_1.X, null)))) : (React.createElement(AlertDialogPrimitive.Title, { className: "sr-only" }, "Alert")),
+                    React.createElement(AlertDialogPrimitive.Description, { className: "text-sm text-neutral-700 dark:text-neutral-300 text-center" }, message)),
+                React.createElement("div", { className: (0, state_1.cn)("mt-6 flex flex-col-reverse gap-2 sm:flex-row", actions.length > 0 ? "sm:justify-end" : "justify-center") }, actions.length > 0 ? (actions.map((action, index) => (React.createElement(AlertDialogButton, { key: index, variant: action.variant || 'default', onClick: () => {
+                        action.action();
+                        onOpenChange(false);
+                    } }, action.label)))) : (React.createElement(AlertDialogButton, { onClick: () => onOpenChange(false) }, "OK")))))));
+}
+function AlertDialogButton(_a) {
+    var { variant = 'default', children, className } = _a, props = __rest(_a, ["variant", "children", "className"]);
+    return (React.createElement(button_1.Button, Object.assign({ className: className, variant: variant }, props), children));
+}
+// Example usage component
+function AlertDialogDemo() {
+    const [isOpen, setIsOpen] = (0, react_1.useState)(false);
+    const [alertConfig, setAlertConfig] = (0, react_1.useState)({
+        message: "This is a sample alert message",
+        title: "Alert",
+        actions: []
+    });
+    const showSimpleAlert = () => {
+        setAlertConfig({
+            message: "This is a simple alert with only an OK button",
+            title: "",
+            actions: []
+        });
+        setIsOpen(true);
+    };
+    const showFullAlert = () => {
+        setAlertConfig({
+            message: "Would you like to proceed with this action?",
+            title: "Confirmation Required",
+            actions: [
+                {
+                    label: "Cancel",
+                    variant: "outline",
+                    icon: React.createElement(lucide_react_1.X, null),
+                    action: () => console.log("Action cancelled")
+                },
+                {
+                    label: "Proceed",
+                    variant: "default",
+                    icon: React.createElement(lucide_react_1.Forward, null),
+                    action: () => console.log("Action confirmed")
+                }
+            ]
+        });
+        setIsOpen(true);
+    };
+    const showDestructiveAlert = () => {
+        setAlertConfig({
+            message: "This action cannot be undone. Are you sure you want to delete this item?",
+            title: "Warning",
+            actions: [
+                {
+                    label: "Cancel",
+                    variant: "outline",
+                    icon: React.createElement(lucide_react_1.X, null),
+                    action: () => console.log("Delete cancelled")
+                },
+                {
+                    label: "Delete",
+                    variant: "destructive",
+                    icon: React.createElement(fa6_1.FaDumpster, null),
+                    action: () => console.log("Delete confirmed")
+                }
+            ]
+        });
+        setIsOpen(true);
+    };
+    // Programmatic usage example
+    const handleProgrammaticAlert = async () => {
+        await showAlert("This is a programmatically shown alert");
+        console.log("Alert was closed");
+    };
+    const handleProgrammaticAlertWithActions = async () => {
+        await showAlert("Do you want to save your changes?", "Save Changes", [
+            {
+                label: "Cancel",
+                variant: "outline",
+                icon: React.createElement(lucide_react_1.X, null),
+                action: () => console.log("Save cancelled")
+            },
+            {
+                label: "Save",
+                variant: "default",
+                icon: React.createElement(lucide_react_1.Save, null),
+                action: () => console.log("Save confirmed")
+            }
+        ]);
+        console.log("Action completed");
+    };
+    return (React.createElement("div", { className: "flex flex-col space-y-4 p-6" },
+        React.createElement("h2", { className: "text-2xl font-bold" }, "Alert Dialog Examples"),
+        React.createElement("div", { className: "flex flex-wrap gap-4" },
+            React.createElement(button_1.Button, { onClick: showSimpleAlert }, "Simple Alert"),
+            React.createElement(button_1.Button, { onClick: showFullAlert }, "Confirmation Alert"),
+            React.createElement(button_1.Button, { variant: "destructive", onClick: showDestructiveAlert }, "Destructive Alert"),
+            React.createElement(button_1.Button, { onClick: handleProgrammaticAlert }, "Programmatic Alert"),
+            React.createElement(button_1.Button, { onClick: handleProgrammaticAlertWithActions }, "Programmatic Alert with Actions")),
+        React.createElement(AlertDialog, { message: alertConfig.message, title: alertConfig.title, actions: alertConfig.actions, isOpen: isOpen, onOpenChange: setIsOpen })));
+}

package/dist/misc/misc/button.js

@@ -0,0 +1,46 @@
+"use strict";
+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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.buttonVariants = void 0;
+exports.Button = Button;
+const react_slot_1 = require("@radix-ui/react-slot");
+const state_1 = require("@myrjfa/state");
+const class_variance_authority_1 = require("class-variance-authority");
+const buttonVariants = (0, class_variance_authority_1.cva)("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-[color,box-shadow] disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive", {
+    variants: {
+        variant: {
+            default: "bg-primary text-primary-foreground shadow-xs hover:bg-primary/90",
+            destructive: "bg-destructive text-white shadow-xs hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40",
+            outline: "border border-input bg-background shadow-xs hover:bg-accent hover:text-accent-foreground",
+            secondary: "bg-secondary text-secondary-foreground shadow-xs hover:bg-secondary/80",
+            ghost: "hover:bg-accent hover:text-accent-foreground",
+            link: "text-primary underline-offset-4 hover:underline",
+        },
+        size: {
+            default: "h-9 px-4 py-2 has-[>svg]:px-3",
+            sm: "h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5",
+            lg: "h-10 rounded-md px-6 has-[>svg]:px-4",
+            icon: "size-9",
+        },
+    },
+    defaultVariants: {
+        variant: "default",
+        size: "default",
+    },
+});
+exports.buttonVariants = buttonVariants;
+function Button(_a) {
+    var { className, variant, size, asChild = false } = _a, props = __rest(_a, ["className", "variant", "size", "asChild"]);
+    const Comp = asChild ? react_slot_1.Slot : "button";
+    return (React.createElement(Comp, Object.assign({ key: "button", className: `cursor-pointer ${(0, state_1.cn)(buttonVariants({ variant, size, className }))}` }, props)));
+}

package/dist/misc/misc/dropdown-menu.js

@@ -0,0 +1,136 @@
+"use client";
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DropdownMenu = DropdownMenu;
+exports.DropdownMenuPortal = DropdownMenuPortal;
+exports.DropdownMenuTrigger = DropdownMenuTrigger;
+exports.DropdownMenuContent = DropdownMenuContent;
+exports.DropdownMenuGroup = DropdownMenuGroup;
+exports.DropdownMenuLabel = DropdownMenuLabel;
+exports.DropdownMenuItem = DropdownMenuItem;
+exports.DropdownMenuCheckboxItem = DropdownMenuCheckboxItem;
+exports.DropdownMenuRadioGroup = DropdownMenuRadioGroup;
+exports.DropdownMenuRadioItem = DropdownMenuRadioItem;
+exports.DropdownMenuSeparator = DropdownMenuSeparator;
+exports.DropdownMenuShortcut = DropdownMenuShortcut;
+exports.DropdownMenuSub = DropdownMenuSub;
+exports.DropdownMenuSubTrigger = DropdownMenuSubTrigger;
+exports.DropdownMenuSubContent = DropdownMenuSubContent;
+const DropdownMenuPrimitive = __importStar(require("@radix-ui/react-dropdown-menu"));
+const state_1 = require("@myrjfa/state");
+const lucide_react_1 = require("lucide-react");
+function DropdownMenu(_a) {
+    var props = __rest(_a, []);
+    return React.createElement(DropdownMenuPrimitive.Root, Object.assign({ "data-slot": "dropdown-menu" }, props));
+}
+function DropdownMenuPortal(_a) {
+    var props = __rest(_a, []);
+    return (React.createElement(DropdownMenuPrimitive.Portal, Object.assign({ "data-slot": "dropdown-menu-portal" }, props)));
+}
+function DropdownMenuTrigger(_a) {
+    var props = __rest(_a, []);
+    return (React.createElement(DropdownMenuPrimitive.Trigger, Object.assign({ "data-slot": "dropdown-menu-trigger" }, props)));
+}
+function DropdownMenuContent(_a) {
+    var { className, sideOffset = 4 } = _a, props = __rest(_a, ["className", "sideOffset"]);
+    return (React.createElement(DropdownMenuPrimitive.Portal, null,
+        React.createElement(DropdownMenuPrimitive.Content, Object.assign({ "data-slot": "dropdown-menu-content", sideOffset: sideOffset, className: (0, state_1.cn)("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 max-h-(--radix-dropdown-menu-content-available-height) min-w-[8rem] overflow-x-hidden overflow-y-auto rounded-md border p-1 shadow-md", className) }, props))));
+}
+function DropdownMenuGroup(_a) {
+    var props = __rest(_a, []);
+    return (React.createElement(DropdownMenuPrimitive.Group, Object.assign({ "data-slot": "dropdown-menu-group" }, props)));
+}
+function DropdownMenuItem(_a) {
+    var { className, inset, variant = "default" } = _a, props = __rest(_a, ["className", "inset", "variant"]);
+    return (React.createElement(DropdownMenuPrimitive.Item, Object.assign({ "data-slot": "dropdown-menu-item", "data-inset": inset, "data-variant": variant, className: (0, state_1.cn)("focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive-foreground data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/40 data-[variant=destructive]:focus:text-destructive-foreground data-[variant=destructive]:*:[svg]:!text-destructive-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className) }, props)));
+}
+function DropdownMenuCheckboxItem(_a) {
+    var { className, children, checked } = _a, props = __rest(_a, ["className", "children", "checked"]);
+    return (React.createElement(DropdownMenuPrimitive.CheckboxItem, Object.assign({ "data-slot": "dropdown-menu-checkbox-item", className: (0, state_1.cn)("focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className), checked: checked }, props),
+        React.createElement("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center" },
+            React.createElement(DropdownMenuPrimitive.ItemIndicator, null,
+                React.createElement(lucide_react_1.CheckIcon, { className: "size-4" }))),
+        children));
+}
+function DropdownMenuRadioGroup(_a) {
+    var props = __rest(_a, []);
+    return (React.createElement(DropdownMenuPrimitive.RadioGroup, Object.assign({ "data-slot": "dropdown-menu-radio-group" }, props)));
+}
+function DropdownMenuRadioItem(_a) {
+    var { className, children } = _a, props = __rest(_a, ["className", "children"]);
+    return (React.createElement(DropdownMenuPrimitive.RadioItem, Object.assign({ "data-slot": "dropdown-menu-radio-item", className: (0, state_1.cn)("focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className) }, props),
+        React.createElement("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center" },
+            React.createElement(DropdownMenuPrimitive.ItemIndicator, null,
+                React.createElement(lucide_react_1.CircleIcon, { className: "size-2 fill-current" }))),
+        children));
+}
+function DropdownMenuLabel(_a) {
+    var { className, inset } = _a, props = __rest(_a, ["className", "inset"]);
+    return (React.createElement(DropdownMenuPrimitive.Label, Object.assign({ "data-slot": "dropdown-menu-label", "data-inset": inset, className: (0, state_1.cn)("px-2 py-1.5 text-sm font-medium data-[inset]:pl-8", className) }, props)));
+}
+function DropdownMenuSeparator(_a) {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (React.createElement(DropdownMenuPrimitive.Separator, Object.assign({ "data-slot": "dropdown-menu-separator", className: (0, state_1.cn)("bg-border -mx-1 my-1 h-px", className) }, props)));
+}
+function DropdownMenuShortcut(_a) {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (React.createElement("span", Object.assign({ "data-slot": "dropdown-menu-shortcut", className: (0, state_1.cn)("text-muted-foreground ml-auto text-xs tracking-widest", className) }, props)));
+}
+function DropdownMenuSub(_a) {
+    var props = __rest(_a, []);
+    return React.createElement(DropdownMenuPrimitive.Sub, Object.assign({ "data-slot": "dropdown-menu-sub" }, props));
+}
+function DropdownMenuSubTrigger(_a) {
+    var { className, inset, children } = _a, props = __rest(_a, ["className", "inset", "children"]);
+    return (React.createElement(DropdownMenuPrimitive.SubTrigger, Object.assign({ "data-slot": "dropdown-menu-sub-trigger", "data-inset": inset, className: (0, state_1.cn)("focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[inset]:pl-8", className) }, props),
+        children,
+        React.createElement(lucide_react_1.ChevronRightIcon, { className: "ml-auto size-4" })));
+}
+function DropdownMenuSubContent(_a) {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (React.createElement(DropdownMenuPrimitive.SubContent, Object.assign({ "data-slot": "dropdown-menu-sub-content", className: (0, state_1.cn)("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] overflow-hidden rounded-md border p-1 shadow-lg", className) }, props)));
+}

package/dist/misc/multiImageUploader.d.ts

@@ -3,7 +3,8 @@ type multiImageUploaderType = {
     handleImageUpload: (e: React.ChangeEvent<HTMLInputElement>) => Promise<void>;
     handleRemoveImage: (index: number) => void;
     message: string;
+    enableCompression?: boolean;
 };
-export default function MultiImageUploader({ previewImages, handleImageUpload, handleRemoveImage, message }: multiImageUploaderType): import("react/jsx-runtime").JSX.Element;
+export default function MultiImageUploader({ previewImages, handleImageUpload, handleRemoveImage, message, enableCompression }: multiImageUploaderType): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=multiImageUploader.d.ts.map

package/dist/misc/multiImageUploader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"multiImageUploader.d.ts","sourceRoot":"","sources":["../../src/misc/multiImageUploader.tsx"],"names":[],"mappings":"AAOA,KAAK,sBAAsB,GAAG;IAC1B,aAAa,EAAE,MAAM,EAAE,CAAC;IACxB,iBAAiB,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC7E,iBAAiB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,OAAO,EAAE,MAAM,CAAC;CACnB,CAAA;AAED,MAAM,CAAC,OAAO,UAAU,kBAAkB,CAAC,EAAE,aAAa,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,OAAO,EAAE,EAAE,sBAAsB,2CAuDlI"}
+{"version":3,"file":"multiImageUploader.d.ts","sourceRoot":"","sources":["../../src/misc/multiImageUploader.tsx"],"names":[],"mappings":"AASA,KAAK,sBAAsB,GAAG;IAC1B,aAAa,EAAE,MAAM,EAAE,CAAC;IACxB,iBAAiB,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC7E,iBAAiB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,OAAO,EAAE,MAAM,CAAC;IAChB,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC/B,CAAA;AAED,MAAM,CAAC,OAAO,UAAU,kBAAkB,CAAC,EAAE,aAAa,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,OAAO,EAAE,iBAAwB,EAAE,EAAE,sBAAsB,2CAgF5J"}

package/dist/misc/multiImageUploader.js

@@ -5,6 +5,30 @@ import { Input } from "./input";
 import { Card, CardHeader, CardTitle, CardContent } from "./card";
 import { Trash2, Upload } from "lucide-react";
 import Image from "next/image";
-export default function MultiImageUploader({ previewImages, handleImageUpload, handleRemoveImage, message }) {
-    return (_jsxs(Card, { children: [_jsx(CardHeader, { children: _jsxs(CardTitle, { children: ["Images", _jsx(FormDescription, { children: message })] }) }), _jsxs(CardContent, { children: [_jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4 mb-4", children: [previewImages.map((image, index) => (_jsxs("div", { className: "relative rounded-lg overflow-hidden h-40", children: [_jsx(Image, { id: "image-" + index, src: image, alt: `Opportunity image ${index + 1}`, fill: true, className: "object-cover" }), _jsx(Button, { type: "button", onClick: () => handleRemoveImage(index), className: "absolute top-2 right-2 bg-white/80 rounded-full hover:bg-white", children: _jsx(Trash2, { className: "text-red-500" }) })] }, index))), _jsxs("div", { className: "flex flex-col items-center justify-center w-full space-y-4", children: [_jsx("label", { htmlFor: "image", className: "cursor-pointer w-full", children: _jsxs("div", { className: "border-2 border-dashed border-slate-300 rounded-lg p-6 flex flex-col items-center justify-center text-slate-500 hover:border-primary hover:text-primary transition-colors", children: [_jsx(Upload, { className: "h-12 w-12 text-gray-500 mb-4" }), _jsx("span", { className: "text-lg font-semibold mb-2", children: "Upload Image" }), _jsx("span", { className: "text-sm", children: "Click or drag to upload" })] }) }), _jsx(Input, { id: "image", type: "file", accept: "image/*", multiple: true, onChange: handleImageUpload, placeholder: "Upload Image", className: "hidden" })] })] }), _jsx(FormDescription, { children: "Images should be in Valid format. Maximum file size: 5MB." })] })] }));
+import { showAlert } from "./alertdialogclaude";
+import { compressImage } from "./image-compressor";
+export default function MultiImageUploader({ previewImages, handleImageUpload, handleRemoveImage, message, enableCompression = true }) {
+    return (_jsxs(Card, { children: [_jsx(CardHeader, { children: _jsxs(CardTitle, { children: ["Images", _jsx(FormDescription, { children: message })] }) }), _jsxs(CardContent, { children: [_jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4 mb-4", children: [previewImages.map((image, index) => (_jsxs("div", { className: "relative rounded-lg overflow-hidden h-40", children: [_jsx(Image, { id: "image-" + index, src: image, alt: `Opportunity image ${index + 1}`, fill: true, className: "object-cover" }), _jsx(Button, { type: "button", onClick: () => handleRemoveImage(index), className: "absolute top-2 right-2 bg-white/80 rounded-full hover:bg-white", children: _jsx(Trash2, { className: "text-red-500" }) })] }, index))), _jsxs("div", { className: "flex flex-col items-center justify-center w-full space-y-4", children: [_jsx("label", { htmlFor: "image", className: "cursor-pointer w-full", children: _jsxs("div", { className: "border-2 border-dashed border-slate-300 rounded-lg p-6 flex flex-col items-center justify-center text-slate-500 hover:border-primary hover:text-primary transition-colors", children: [_jsx(Upload, { className: "h-12 w-12 text-gray-500 mb-4" }), _jsx("span", { className: "text-lg font-semibold mb-2", children: "Upload Image" }), _jsx("span", { className: "text-sm", children: "Click or drag to upload" })] }) }), _jsx(Input, { id: "image", type: "file", accept: "image/*", multiple: true, onChange: async (e) => {
+                                            const files = Array.from(e.target.files || []);
+                                            const allowedType = 'image/';
+                                            const invalid = files.filter(f => !f.type.includes(allowedType));
+                                            if (invalid.length > 0) {
+                                                showAlert(`Invalid file type(s): ${invalid.map(f => f.name).join(', ')}. Only Images are allowed.`);
+                                                e.target.value = '';
+                                                return;
+                                            }
+                                            if (enableCompression && files.length > 0) {
+                                                try {
+                                                    const compressed = await Promise.all(files.map(f => compressImage(f)));
+                                                    // Rebuild FileList via DataTransfer
+                                                    const dt = new DataTransfer();
+                                                    compressed.forEach(f => dt.items.add(f));
+                                                    e.target.files = dt.files;
+                                                }
+                                                catch (_a) {
+                                                    // compression failed — proceed with originals
+                                                }
+                                            }
+                                            handleImageUpload(e);
+                                        }, placeholder: "Upload Image", className: "hidden" })] })] }), _jsx(FormDescription, { children: "Images should be in Valid format. Maximum file size: 5MB." })] })] }));
 }

package/dist/misc/newsLetter.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { zodResolver } from "@hookform/resolvers/zod";
-import { subscribeToNewsLetter } from "@myrjfa/state";
+import { subscribeToNewsLetter } from "@myrjfa/state/dist/lib/actions/actions";
 import { usePathname } from "next/navigation";
 import { useEffect } from "react";
 import { useForm } from "react-hook-form";

package/dist/misc/notification.js

@@ -1,8 +1,8 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Popover, PopoverContent, PopoverTrigger } from "@radix-ui/react-popover";
-import { getNotifications, toggleAllNotification, toggleNotification } from "@myrjfa/state";
-import { formatTimestamp } from "@myrjfa/state";
+import { getNotifications, toggleAllNotification, toggleNotification } from "@myrjfa/state/dist/lib/actions/actions";
+import { formatTimestamp } from "@myrjfa/state/dist/lib/utils";
 import { Bell, MessageCircle, CheckCircle2, Receipt, Users, AlertCircle, Megaphone, Briefcase, ShieldCheck, ShieldX, Package, ClipboardList } from "lucide-react";
 import { useRouter } from "next/navigation";
 import { useEffect, useState } from "react";

package/dist/misc/popover.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["../../src/misc/popover.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,gBAAgB,MAAM,yBAAyB,CAAA;AAI3D,iBAAS,OAAO,CAAC,EACf,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,IAAI,CAAC,2CAEpD;AAED,iBAAS,cAAc,CAAC,EACtB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,OAAO,CAAC,2CAEvD;AAED,iBAAS,cAAc,CAAC,EACtB,SAAS,EACT,KAAgB,EAChB,UAAc,EACd,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,OAAO,CAAC,2CAevD;AAED,iBAAS,aAAa,CAAC,EACrB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,MAAM,CAAC,2CAEtD;AAED,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,aAAa,EAAE,CAAA"}
+{"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["../../src/misc/popover.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,gBAAgB,MAAM,yBAAyB,CAAA;AAI3D,iBAAS,OAAO,CAAC,EACf,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,IAAI,CAAC,2CAEpD;AAED,iBAAS,cAAc,CAAC,EACtB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,OAAO,CAAC,2CAEvD;AAED,iBAAS,cAAc,CAAC,EACtB,SAAS,EACT,KAAgB,EAChB,UAAc,EACd,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,OAAO,CAAC,2CAgBvD;AAED,iBAAS,aAAa,CAAC,EACrB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,MAAM,CAAC,2CAEtD;AAED,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,aAAa,EAAE,CAAA"}

package/dist/misc/popover.js

@@ -9,7 +9,7 @@ function PopoverTrigger({ ...props }) {
     return _jsx(PopoverPrimitive.Trigger, { "data-slot": "popover-trigger", ...props });
 }
 function PopoverContent({ className, align = "center", sideOffset = 4, ...props }) {
-    return (_jsx(PopoverPrimitive.Portal, { children: _jsx(PopoverPrimitive.Content, { "data-slot": "popover-content", align: align, sideOffset: sideOffset, className: cn("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-full min-w-[12rem] rounded-md border p-4 shadow-md outline-hidden", className), ...props }) }));
+    return (_jsx(PopoverPrimitive.Portal, { children: _jsx(PopoverPrimitive.Content, { "data-slot": "popover-content", align: align, sideOffset: sideOffset, className: cn("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-[310] w-full min-w-[12rem] rounded-md border p-4 shadow-md outline-hidden touch-pan-y overflow-y-auto pointer-events-auto", className), onWheel: (e) => e.stopPropagation(), ...props }) }));
 }
 function PopoverAnchor({ ...props }) {
     return _jsx(PopoverPrimitive.Anchor, { "data-slot": "popover-anchor", ...props });

package/dist/misc/pwa-install-button.d.ts

@@ -0,0 +1,9 @@
+/**
+ * #9 — Floating PWA Install Button
+ * Premium banner aligned with Trippeaze brand.
+ * - Only shows on mobile (beforeinstallprompt)
+ * - Auto-hides after 10 s
+ * - Animated entrance / exit
+ */
+export declare function PwaInstallButton(): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=pwa-install-button.d.ts.map

package/dist/misc/pwa-install-button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pwa-install-button.d.ts","sourceRoot":"","sources":["../../src/misc/pwa-install-button.tsx"],"names":[],"mappings":"AAKA;;;;;;GAMG;AACH,wBAAgB,gBAAgB,mDA0M/B"}