@myrjfa/ui 1.1.0 → 1.1.1

package/dist/misc/alertdialogclaude.js

@@ -1,63 +1,5 @@
 // AlertDialog.tsx
 '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 };
-    }
-};
-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 AlertDialogPrimitive from '@radix-ui/react-alert-dialog';
 import { cn } from '@myrjfa/state/dist/lib/utils';
@@ -66,77 +8,74 @@ import { useEffect, useState } from 'react';
 import { createRoot } from 'react-dom/client';
 import { FaDumpster, FaHandPointer } from 'react-icons/fa6';
 import { Button } from './button';
-export var deleteActions = function (cancel) { return [
+export const deleteActions = (cancel) => [
     {
         label: "Cancel",
         variant: "outline",
         icon: _jsx(X, {}),
-        action: function () { return cancel(); }
+        action: () => cancel()
     },
     {
         label: "Delete",
         variant: "destructive",
         icon: _jsx(FaDumpster, {}),
-        action: function () { return console.log("deleting"); }
+        action: () => console.log("deleting")
     }
-]; };
-export var confirmActions = function (cancel) { return [
+];
+export const confirmActions = (cancel) => [
     {
         label: "Cancel",
         variant: "outline",
         icon: _jsx(X, {}),
-        action: function () { return cancel(); }
+        action: () => cancel()
     },
     {
         label: "Proceed",
         variant: "default",
         icon: _jsx(FaHandPointer, {}),
-        action: function () { return console.log("proceeding"); }
+        action: () => console.log("proceeding")
     }
-]; };
+];
 export function showAlert(message, title, actions) {
-    return new Promise(function (resolve) {
-        var alertRoot = document.createElement('div');
+    return new Promise((resolve) => {
+        const alertRoot = document.createElement('div');
         alertRoot.id = 'alert-root';
         document.body.appendChild(alertRoot);
-        var cleanup = function () {
+        const cleanup = () => {
             document.body.removeChild(alertRoot);
             resolve();
         };
-        var AlertComponent = function () {
-            var _a = useState(true), open = _a[0], setOpen = _a[1];
-            useEffect(function () {
+        const AlertComponent = () => {
+            const [open, setOpen] = useState(true);
+            useEffect(() => {
                 if (!open) {
                     setTimeout(cleanup, 300); // Allow time for close animation
                 }
             }, [open]);
             return (_jsx(AlertDialog, { message: message, title: title, actions: actions, isOpen: open, onOpenChange: setOpen }));
         };
-        var root = createRoot(alertRoot);
+        const root = createRoot(alertRoot);
         root.render(_jsx(AlertComponent, {}));
     });
 }
-export function AlertDialog(_a) {
-    var message = _a.message, title = _a.title, _b = _a.actions, actions = _b === void 0 ? [] : _b, isOpen = _a.isOpen, onOpenChange = _a.onOpenChange;
-    return (_jsx(AlertDialogPrimitive.Root, { open: isOpen, onOpenChange: onOpenChange, children: _jsxs(AlertDialogPrimitive.Portal, { children: [_jsx(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" }), _jsxs(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", children: [_jsxs("div", { className: "flex flex-col space-y-2", children: [title && (_jsxs("div", { className: "flex items-center justify-between", children: [_jsx(AlertDialogPrimitive.Title, { className: "text-lg font-semibold text-neutral-900 dark:text-neutral-50 flex-grow text-center", children: title }), _jsx(Button, { variant: "ghost", onClick: function () { return onOpenChange(false); }, children: _jsx(X, {}) })] })), _jsx(AlertDialogPrimitive.Description, { className: "text-sm text-neutral-700 dark:text-neutral-300 text-center", children: message })] }), _jsx("div", { className: cn("mt-6 flex flex-col-reverse gap-2 sm:flex-row", actions.length > 0 ? "sm:justify-end" : "justify-center"), children: actions.length > 0 ? (actions.map(function (action, index) { return (_jsx(AlertDialogButton, { variant: action.variant || 'default', onClick: function () {
+export function AlertDialog({ message, title, actions = [], isOpen, onOpenChange, }) {
+    return (_jsx(AlertDialogPrimitive.Root, { open: isOpen, onOpenChange: onOpenChange, children: _jsxs(AlertDialogPrimitive.Portal, { children: [_jsx(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" }), _jsxs(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", children: [_jsxs("div", { className: "flex flex-col space-y-2", children: [title && (_jsxs("div", { className: "flex items-center justify-between", children: [_jsx(AlertDialogPrimitive.Title, { className: "text-lg font-semibold text-neutral-900 dark:text-neutral-50 flex-grow text-center", children: title }), _jsx(Button, { variant: "ghost", onClick: () => onOpenChange(false), children: _jsx(X, {}) })] })), _jsx(AlertDialogPrimitive.Description, { className: "text-sm text-neutral-700 dark:text-neutral-300 text-center", children: message })] }), _jsx("div", { className: cn("mt-6 flex flex-col-reverse gap-2 sm:flex-row", actions.length > 0 ? "sm:justify-end" : "justify-center"), children: actions.length > 0 ? (actions.map((action, index) => (_jsx(AlertDialogButton, { variant: action.variant || 'default', onClick: () => {
                                     action.action();
                                     onOpenChange(false);
-                                }, children: action.label }, index)); })) : (_jsx(AlertDialogButton, { onClick: function () { return onOpenChange(false); }, children: "OK" })) })] })] }) }));
+                                }, children: action.label }, index)))) : (_jsx(AlertDialogButton, { onClick: () => onOpenChange(false), children: "OK" })) })] })] }) }));
 }
-function AlertDialogButton(_a) {
-    var _b = _a.variant, variant = _b === void 0 ? 'default' : _b, children = _a.children, className = _a.className, props = __rest(_a, ["variant", "children", "className"]);
-    return (_jsx(Button, __assign({ className: className, variant: variant }, props, { children: children })));
+function AlertDialogButton({ variant = 'default', children, className, ...props }) {
+    return (_jsx(Button, { className: className, variant: variant, ...props, children: children }));
 }
 // Example usage component
 export function AlertDialogDemo() {
-    var _this = this;
-    var _a = useState(false), isOpen = _a[0], setIsOpen = _a[1];
-    var _b = useState({
+    const [isOpen, setIsOpen] = useState(false);
+    const [alertConfig, setAlertConfig] = useState({
         message: "This is a sample alert message",
         title: "Alert",
         actions: []
-    }), alertConfig = _b[0], setAlertConfig = _b[1];
-    var showSimpleAlert = function () {
+    });
+    const showSimpleAlert = () => {
         setAlertConfig({
             message: "This is a simple alert with only an OK button",
             title: "",
@@ -144,7 +83,7 @@ export function AlertDialogDemo() {
         });
         setIsOpen(true);
     };
-    var showFullAlert = function () {
+    const showFullAlert = () => {
         setAlertConfig({
             message: "Would you like to proceed with this action?",
             title: "Confirmation Required",
@@ -153,19 +92,19 @@ export function AlertDialogDemo() {
                     label: "Cancel",
                     variant: "outline",
                     icon: _jsx(X, {}),
-                    action: function () { return console.log("Action cancelled"); }
+                    action: () => console.log("Action cancelled")
                 },
                 {
                     label: "Proceed",
                     variant: "default",
                     icon: _jsx(Forward, {}),
-                    action: function () { return console.log("Action confirmed"); }
+                    action: () => console.log("Action confirmed")
                 }
             ]
         });
         setIsOpen(true);
     };
-    var showDestructiveAlert = function () {
+    const showDestructiveAlert = () => {
         setAlertConfig({
             message: "This action cannot be undone. Are you sure you want to delete this item?",
             title: "Warning",
@@ -174,53 +113,39 @@ export function AlertDialogDemo() {
                     label: "Cancel",
                     variant: "outline",
                     icon: _jsx(X, {}),
-                    action: function () { return console.log("Delete cancelled"); }
+                    action: () => console.log("Delete cancelled")
                 },
                 {
                     label: "Delete",
                     variant: "destructive",
                     icon: _jsx(FaDumpster, {}),
-                    action: function () { return console.log("Delete confirmed"); }
+                    action: () => console.log("Delete confirmed")
                 }
             ]
         });
         setIsOpen(true);
     };
     // Programmatic usage example
-    var handleProgrammaticAlert = function () { return __awaiter(_this, void 0, void 0, function () {
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0: return [4 /*yield*/, showAlert("This is a programmatically shown alert")];
-                case 1:
-                    _a.sent();
-                    console.log("Alert was closed");
-                    return [2 /*return*/];
-            }
-        });
-    }); };
-    var handleProgrammaticAlertWithActions = function () { return __awaiter(_this, void 0, void 0, function () {
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0: return [4 /*yield*/, showAlert("Do you want to save your changes?", "Save Changes", [
-                        {
-                            label: "Cancel",
-                            variant: "outline",
-                            icon: _jsx(X, {}),
-                            action: function () { return console.log("Save cancelled"); }
-                        },
-                        {
-                            label: "Save",
-                            variant: "default",
-                            icon: _jsx(Save, {}),
-                            action: function () { return console.log("Save confirmed"); }
-                        }
-                    ])];
-                case 1:
-                    _a.sent();
-                    console.log("Action completed");
-                    return [2 /*return*/];
+    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: _jsx(X, {}),
+                action: () => console.log("Save cancelled")
+            },
+            {
+                label: "Save",
+                variant: "default",
+                icon: _jsx(Save, {}),
+                action: () => console.log("Save confirmed")
             }
-        });
-    }); };
+        ]);
+        console.log("Action completed");
+    };
     return (_jsxs("div", { className: "flex flex-col space-y-4 p-6", children: [_jsx("h2", { className: "text-2xl font-bold", children: "Alert Dialog Examples" }), _jsxs("div", { className: "flex flex-wrap gap-4", children: [_jsx(Button, { onClick: showSimpleAlert, children: "Simple Alert" }), _jsx(Button, { onClick: showFullAlert, children: "Confirmation Alert" }), _jsx(Button, { variant: "destructive", onClick: showDestructiveAlert, children: "Destructive Alert" }), _jsx(Button, { onClick: handleProgrammaticAlert, children: "Programmatic Alert" }), _jsx(Button, { onClick: handleProgrammaticAlertWithActions, children: "Programmatic Alert with Actions" })] }), _jsx(AlertDialog, { message: alertConfig.message, title: alertConfig.title, actions: alertConfig.actions, isOpen: isOpen, onOpenChange: setIsOpen })] }));
 }

package/dist/misc/avatar.js

@@ -1,39 +1,14 @@
 "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 } from "react/jsx-runtime";
 import * as AvatarPrimitive from "@radix-ui/react-avatar";
 import { cn } from "@myrjfa/state/dist/lib/utils";
-function Avatar(_a) {
-    var className = _a.className, props = __rest(_a, ["className"]);
-    return (_jsx(AvatarPrimitive.Root, __assign({ "data-slot": "avatar", className: cn("relative flex size-8 shrink-0 overflow-hidden rounded-full", className) }, props)));
+function Avatar({ className, ...props }) {
+    return (_jsx(AvatarPrimitive.Root, { "data-slot": "avatar", className: cn("relative flex size-8 shrink-0 overflow-hidden rounded-full", className), ...props }));
 }
-function AvatarImage(_a) {
-    var className = _a.className, props = __rest(_a, ["className"]);
-    return (_jsx(AvatarPrimitive.Image, __assign({ "data-slot": "avatar-image", className: cn("aspect-square size-full", className) }, props)));
+function AvatarImage({ className, ...props }) {
+    return (_jsx(AvatarPrimitive.Image, { "data-slot": "avatar-image", className: cn("aspect-square size-full", className), ...props }));
 }
-function AvatarFallback(_a) {
-    var className = _a.className, props = __rest(_a, ["className"]);
-    return (_jsx(AvatarPrimitive.Fallback, __assign({ "data-slot": "avatar-fallback", className: cn("bg-muted flex size-full items-center justify-center rounded-full", className) }, props)));
+function AvatarFallback({ className, ...props }) {
+    return (_jsx(AvatarPrimitive.Fallback, { "data-slot": "avatar-fallback", className: cn("bg-muted flex size-full items-center justify-center rounded-full", className), ...props }));
 }
 export { Avatar, AvatarImage, AvatarFallback };

package/dist/misc/badge.js

@@ -1,30 +1,8 @@
-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 } from "react/jsx-runtime";
 import { Slot } from "@radix-ui/react-slot";
 import { cn } from "@myrjfa/state/dist/lib/utils";
 import { cva } from "class-variance-authority";
-var badgeVariants = cva("inline-flex items-center justify-center rounded-md border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-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 transition-[color,box-shadow] overflow-hidden", {
+const badgeVariants = cva("inline-flex items-center justify-center rounded-md border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-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 transition-[color,box-shadow] overflow-hidden", {
     variants: {
         variant: {
             default: "border-transparent bg-primary text-primary-foreground [a&]:hover:bg-primary/90",
@@ -37,9 +15,8 @@ var badgeVariants = cva("inline-flex items-center justify-center rounded-md bord
         variant: "default",
     },
 });
-function Badge(_a) {
-    var className = _a.className, variant = _a.variant, _b = _a.asChild, asChild = _b === void 0 ? false : _b, props = __rest(_a, ["className", "variant", "asChild"]);
-    var Comp = asChild ? Slot : "span";
-    return (_jsx(Comp, __assign({ "data-slot": "badge", className: cn(badgeVariants({ variant: variant }), className) }, props)));
+function Badge({ className, variant, asChild = false, ...props }) {
+    const Comp = asChild ? Slot : "span";
+    return (_jsx(Comp, { "data-slot": "badge", className: cn(badgeVariants({ variant }), className), ...props }));
 }
 export { Badge, badgeVariants };

package/dist/misc/button.js

@@ -1,30 +1,8 @@
-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 } from "react/jsx-runtime";
 import { Slot } from "@radix-ui/react-slot";
 import { cn } from "@myrjfa/state/dist/lib/utils";
 import { cva } from "class-variance-authority";
-var buttonVariants = 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", {
+const buttonVariants = 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",
@@ -46,9 +24,8 @@ var buttonVariants = cva("inline-flex items-center justify-center gap-2 whitespa
         size: "default",
     },
 });
-function Button(_a) {
-    var className = _a.className, variant = _a.variant, size = _a.size, _b = _a.asChild, asChild = _b === void 0 ? false : _b, props = __rest(_a, ["className", "variant", "size", "asChild"]);
-    var Comp = asChild ? Slot : "button";
-    return (_jsx(Comp, __assign({ className: "cursor-pointer ".concat(cn(buttonVariants({ variant: variant, size: size, className: className }))) }, props), "button"));
+function Button({ className, variant, size, asChild = false, ...props }) {
+    const Comp = asChild ? Slot : "button";
+    return (_jsx(Comp, { className: `cursor-pointer ${cn(buttonVariants({ variant, size, className }))}`, ...props }, "button"));
 }
 export { Button, buttonVariants };

package/dist/misc/card.js

@@ -1,49 +1,21 @@
-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 } from "react/jsx-runtime";
 import { cn } from "@myrjfa/state/dist/lib/utils";
-function Card(_a) {
-    var className = _a.className, props = __rest(_a, ["className"]);
-    return (_jsx("div", __assign({ className: cn("bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-sm", className) }, props), "card"));
+function Card({ className, ...props }) {
+    return (_jsx("div", { className: cn("bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-sm", className), ...props }, "card"));
 }
-function CardHeader(_a) {
-    var className = _a.className, props = __rest(_a, ["className"]);
-    return (_jsx("div", __assign({ className: cn("flex flex-col gap-1.5 px-6", className) }, props), "card-header"));
+function CardHeader({ className, ...props }) {
+    return (_jsx("div", { className: cn("flex flex-col gap-1.5 px-6", className), ...props }, "card-header"));
 }
-function CardTitle(_a) {
-    var className = _a.className, props = __rest(_a, ["className"]);
-    return (_jsx("div", __assign({ className: cn("leading-none font-semibold", className) }, props), "card-title"));
+function CardTitle({ className, ...props }) {
+    return (_jsx("div", { className: cn("leading-none font-semibold", className), ...props }, "card-title"));
 }
-function CardDescription(_a) {
-    var className = _a.className, props = __rest(_a, ["className"]);
-    return (_jsx("div", __assign({ className: cn("text-muted-foreground text-sm", className) }, props), "card-description"));
+function CardDescription({ className, ...props }) {
+    return (_jsx("div", { className: cn("text-muted-foreground text-sm", className), ...props }, "card-description"));
 }
-function CardContent(_a) {
-    var className = _a.className, props = __rest(_a, ["className"]);
-    return (_jsx("div", __assign({ className: cn("px-6", className) }, props), "card-content"));
+function CardContent({ className, ...props }) {
+    return (_jsx("div", { className: cn("px-6", className), ...props }, "card-content"));
 }
-function CardFooter(_a) {
-    var className = _a.className, props = __rest(_a, ["className"]);
-    return (_jsx("div", __assign({ className: cn("flex items-center px-6", className) }, props), "card-footer"));
+function CardFooter({ className, ...props }) {
+    return (_jsx("div", { className: cn("flex items-center px-6", className), ...props }, "card-footer"));
 }
 export { Card, CardHeader, CardFooter, CardTitle, CardDescription, CardContent };