@myrjfa/ui 2.1.8 → 2.2.0

package/dist/misc/time-select.js

@@ -0,0 +1,13 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Clock } from "lucide-react";
+import { cn } from "@myrjfa/state/dist/lib/utils";
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue, } from "./select";
+export const HALF_HOUR_TIME_OPTIONS = Array.from({ length: 48 }, (_, index) => {
+    const hour = Math.floor(index / 2).toString().padStart(2, "0");
+    const minute = index % 2 === 0 ? "00" : "30";
+    return `${hour}:${minute}`;
+});
+export function TimeSelect({ value, onChange, placeholder = "Select time", disabled = false, className, triggerClassName, contentClassName, options = HALF_HOUR_TIME_OPTIONS, }) {
+    return (_jsxs(Select, { value: value, onValueChange: onChange, disabled: disabled, children: [_jsx(SelectTrigger, { className: cn("h-14 w-full rounded-2xl border border-slate-200 bg-white px-4 text-sm font-black text-slate-900 shadow-sm outline-none transition hover:border-slate-300 focus:ring-4 focus:ring-primary/10", className, triggerClassName), children: _jsxs("span", { className: "flex min-w-0 items-center gap-2", children: [_jsx(Clock, { className: "h-4 w-4 shrink-0 text-slate-400" }), _jsx(SelectValue, { placeholder: placeholder })] }) }), _jsx(SelectContent, { className: cn("z-[320] max-h-72 rounded-2xl border-slate-100 bg-white p-2 shadow-xl", contentClassName), children: options.map((time) => (_jsx(SelectItem, { value: time, className: "cursor-pointer rounded-xl px-3 py-2 text-sm font-semibold focus:bg-slate-100", children: time }, time))) })] }));
+}

package/dist/misc/tooltip.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as TooltipPrimitive from "@radix-ui/react-tooltip";
-import { cn } from "@myrjfa/state";
+import { cn } from "@myrjfa/state/dist/lib/utils";
 function TooltipProvider({ delayDuration = 0, ...props }) {
     return (_jsx(TooltipPrimitive.Provider, { "data-slot": "tooltip-provider", delayDuration: delayDuration, ...props }));
 }

package/dist/misc/wizard-footer.d.ts

@@ -0,0 +1,18 @@
+type WizardFooterProps = {
+    isFirstStep: boolean;
+    isLastStep: boolean;
+    isSubmitting?: boolean;
+    backLabel?: string;
+    nextLabel?: string;
+    saveLabel?: string;
+    publishLabel?: string;
+    showPublishOnEveryStep?: boolean;
+    onBack: () => void;
+    onNext: () => unknown | Promise<unknown>;
+    onSaveDraft: () => unknown | Promise<unknown>;
+    onPublish: () => unknown | Promise<unknown>;
+    publishButtonType?: "button" | "submit";
+};
+export default function WizardFooter({ isFirstStep, isLastStep, isSubmitting, backLabel, nextLabel, saveLabel, publishLabel, showPublishOnEveryStep, onBack, onNext, onSaveDraft, onPublish, publishButtonType, }: WizardFooterProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=wizard-footer.d.ts.map

package/dist/misc/wizard-footer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"wizard-footer.d.ts","sourceRoot":"","sources":["../../src/misc/wizard-footer.tsx"],"names":[],"mappings":"AAKA,KAAK,iBAAiB,GAAG;IACvB,WAAW,EAAE,OAAO,CAAC;IACrB,UAAU,EAAE,OAAO,CAAC;IACpB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,MAAM,EAAE,MAAM,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC;IACzC,WAAW,EAAE,MAAM,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC;IAC9C,SAAS,EAAE,MAAM,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC;IAC5C,iBAAiB,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;CACzC,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EACnC,WAAW,EACX,UAAU,EACV,YAAoB,EACpB,SAAkB,EAClB,SAAkB,EAClB,SAAwB,EACxB,YAAY,EACZ,sBAA8B,EAC9B,MAAM,EACN,MAAM,EACN,WAAW,EACX,SAAS,EACT,iBAA4B,GAC7B,EAAE,iBAAiB,2CA0EnB"}

package/dist/misc/wizard-footer.js

@@ -0,0 +1,11 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ArrowLeft, ArrowRight, Check, Info } from "lucide-react";
+import { Button } from "./button";
+export default function WizardFooter({ isFirstStep, isLastStep, isSubmitting = false, backLabel = "Back", nextLabel = "Next", saveLabel = "Save Draft", publishLabel, showPublishOnEveryStep = false, onBack, onNext, onSaveDraft, onPublish, publishButtonType = "button", }) {
+    const showPublish = isLastStep || showPublishOnEveryStep;
+    const primaryActionClass = "h-12 min-w-[9.5rem] rounded-xl px-6 font-black shadow-lg shadow-primary/20 transition active:scale-[0.98] disabled:opacity-60";
+    const secondaryActionClass = "h-12 min-w-[9rem] rounded-xl border-2 border-gray-200 bg-white px-5 font-bold text-gray-600 transition hover:border-primary/40 hover:bg-primary/5 hover:text-primary active:scale-[0.98] disabled:opacity-60";
+    const publishButton = (className = "") => (_jsxs(Button, { type: publishButtonType, onClick: publishButtonType === "button" ? onPublish : undefined, disabled: isSubmitting, loading: isSubmitting, className: `bg-primary text-white hover:bg-primary/90 ${primaryActionClass} flex items-center justify-center gap-2 ${className}`, children: [_jsx(Check, { className: "h-5 w-5" }), " ", publishLabel] }));
+    return (_jsx("div", { className: "border-t border-gray-100 bg-white/95 px-4 py-4 sm:px-10", children: _jsxs("div", { className: "flex flex-col gap-3 lg:flex-row lg:items-center lg:justify-between", children: [_jsxs(Button, { type: "button", variant: "ghost", onClick: onBack, disabled: isFirstStep, className: "h-12 w-full justify-center rounded-xl px-4 font-bold text-gray-500 transition hover:bg-gray-100 hover:text-gray-900 active:scale-[0.98] disabled:cursor-not-allowed disabled:opacity-40 sm:w-auto", children: [_jsx(ArrowLeft, { className: "h-5 w-5" }), " ", backLabel] }), _jsxs("div", { className: "grid w-full grid-cols-1 gap-3 sm:grid-cols-2 lg:flex lg:w-auto lg:items-center", children: [_jsxs(Button, { type: "button", variant: "outline", onClick: onSaveDraft, disabled: isSubmitting, loading: isSubmitting, className: `${secondaryActionClass} flex items-center justify-center gap-2`, children: [_jsx(Info, { className: "h-4 w-4" }), saveLabel] }), showPublish && !isLastStep ? (_jsxs(Button, { type: "button", onClick: onNext, disabled: isSubmitting, loading: isSubmitting, className: `bg-slate-900 text-white hover:bg-slate-800 ${primaryActionClass} flex items-center justify-center gap-2`, children: [nextLabel, _jsx(ArrowRight, { className: "h-5 w-5" })] })) : !showPublish ? (_jsxs(Button, { type: "button", onClick: onNext, disabled: isSubmitting, loading: isSubmitting, className: `bg-primary text-white hover:bg-primary/90 ${primaryActionClass} flex items-center justify-center gap-2`, children: [nextLabel, _jsx(ArrowRight, { className: "h-5 w-5" })] })) : null, showPublish && publishButton()] })] }) }));
+}

package/package.json

@@ -1,10 +1,9 @@
 {
   "name": "@myrjfa/ui",
-  "version": "2.1.8",
+  "version": "2.2.0",
   "type": "module",
   "exports": {
-    ".": "./dist/index.js",
-    "./*": "./*.js"
+    "./dist/*": "./dist/*.js"
   },
   "description": "Shared UI components for my apps",
   "main": "dist/index.js",
@@ -42,13 +41,16 @@
     "cmdk": "1.1.1",
     "embla-carousel-react": "^8.5.2",
     "emoji-picker-react": "^4.18.0",
+    "framer-motion": "^12.38.0",
     "leaflet": "1.9.4",
+    "react-day-picker": "^9.14.0",
     "react-easy-crop": "^5.5.6",
     "react-hook-form": "^7.54.2",
     "react-icons": "^5.5.0",
     "react-leaflet": "^5.0.0",
     "react-share": "^5.2.2",
-    "socket.io-client": "^4.8.3"
+    "socket.io-client": "^4.8.3",
+    "sonner": "^2.0.7"
   },
   "peerDependencies": {
     "@myrjfa/state": "*",
@@ -61,7 +63,9 @@
     "zod": "*"
   },
   "devDependencies": {
+    "@myrjfa/state": "2.2.0",
     "@types/leaflet": "1.9.21",
+    "@types/node": "^25.7.0",
     "@types/react": "19.0.10",
     "@types/react-dom": "^19.0.4",
     "date-fns": "^3.0.0",
@@ -71,8 +75,7 @@
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
     "typescript": "^5.0.0",
-    "zod": "^3.24.2",
-    "@myrjfa/state": "2.1.8"
+    "zod": "^3.24.2"
   },
   "repository": {
     "type": "git",

package/dist/misc/dashboard/action-buttons.js

@@ -1,31 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ActionButtons = ActionButtons;
-const lucide_react_1 = require("lucide-react");
-const react_1 = __importDefault(require("react"));
-const button_1 = require("../misc/button");
-const dropdown_menu_1 = require("../misc/dropdown-menu");
-function ActionButtons({ actions, includeMoreMenu = true, maxDisplayed = 0 }) {
-    const displayedActions = actions.slice(0, maxDisplayed);
-    const menuActions = includeMoreMenu ? actions.slice(maxDisplayed) : [];
-    return (react_1.default.createElement("div", { className: "flex items-center gap-2" },
-        displayedActions.map((action, index) => (react_1.default.createElement(button_1.Button, { key: index, variant: action.variant || 'outline', size: "sm", onClick: (e) => {
-                e.stopPropagation();
-                action.action();
-            }, className: 'cursor-pointer' },
-            action.icon,
-            react_1.default.createElement("span", { className: "ml-1" }, action.label)))),
-        menuActions.length > 0 && (react_1.default.createElement(dropdown_menu_1.DropdownMenu, null,
-            react_1.default.createElement(dropdown_menu_1.DropdownMenuTrigger, { asChild: true },
-                react_1.default.createElement(button_1.Button, { variant: "outline", size: "sm" },
-                    react_1.default.createElement(lucide_react_1.MoreHorizontal, { className: "h-4 w-4 cursor-pointer" }))),
-            react_1.default.createElement(dropdown_menu_1.DropdownMenuContent, { align: "end" }, menuActions.map((action, index) => (react_1.default.createElement(dropdown_menu_1.DropdownMenuItem, { key: index, onClick: (e) => {
-                    e.stopPropagation();
-                    action.action();
-                } },
-                action.icon,
-                react_1.default.createElement("span", { className: "ml-2" }, action.label)))))))));
-}

package/dist/misc/misc/alertdialogclaude.js

@@ -1,221 +0,0 @@
-// 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

@@ -1,46 +0,0 @@
-"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

@@ -1,136 +0,0 @@
-"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)));
-}