@codeswayam/ui 1.0.1 → 1.1.1

package/dist/components/base/button.d.ts

@@ -1,8 +1,8 @@
 import * as React from "react";
 import { type VariantProps } from "class-variance-authority";
 declare const buttonVariants: (props?: ({
-    variant?: "default" | "destructive" | "outline" | "secondary" | "ghost" | "link" | null | undefined;
-    size?: "default" | "sm" | "lg" | "icon" | null | undefined;
+    variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost" | null | undefined;
+    size?: "icon" | "default" | "sm" | "lg" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
     asChild?: boolean;

package/dist/components/base/modal.d.ts

@@ -0,0 +1,14 @@
+import * as React from "react";
+export interface ModalProps {
+    open: boolean;
+    onClose: () => void;
+    title?: React.ReactNode;
+    description?: React.ReactNode;
+    icon?: React.ReactNode;
+    children: React.ReactNode;
+    className?: string;
+    /** Max width class, e.g. "max-w-md" (default) or "max-w-2xl" */
+    maxWidth?: string;
+}
+export declare function Modal({ open, onClose, title, description, icon, children, className, maxWidth, }: ModalProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=modal.d.ts.map

package/dist/components/base/modal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal.d.ts","sourceRoot":"","sources":["../../../src/components/base/modal.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,MAAM,WAAW,UAAU;IACzB,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gEAAgE;IAChE,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,wBAAgB,KAAK,CAAC,EACpB,IAAI,EACJ,OAAO,EACP,KAAK,EACL,WAAW,EACX,IAAI,EACJ,QAAQ,EACR,SAAS,EACT,QAAqB,GACtB,EAAE,UAAU,2CAqDZ"}

package/dist/components/base/modal.js

@@ -0,0 +1,8 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as DialogPrimitive from "@radix-ui/react-dialog";
+import { X } from "lucide-react";
+import { cn } from "../../utils/cn";
+export function Modal({ open, onClose, title, description, icon, children, className, maxWidth = "max-w-md", }) {
+    return (_jsx(DialogPrimitive.Root, { open: open, onOpenChange: (o) => !o && onClose(), children: _jsxs(DialogPrimitive.Portal, { children: [_jsx(DialogPrimitive.Overlay, { className: "fixed inset-0 z-50 bg-black/60 backdrop-blur-sm data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0" }), _jsxs(DialogPrimitive.Content, { className: cn("fixed left-1/2 top-1/2 z-50 w-full -translate-x-1/2 -translate-y-1/2", "bg-background border border-border rounded-2xl shadow-2xl overflow-hidden", "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-left-1/2 data-[state=closed]:slide-out-to-top-[48%]", "data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%]", maxWidth, className), children: [(title || description || icon) && (_jsxs("div", { className: "flex items-center justify-between px-6 py-5 border-b border-border bg-secondary/20", children: [_jsxs("div", { className: "flex items-center gap-3", children: [icon && (_jsx("div", { className: "w-10 h-10 rounded-xl bg-primary/15 border border-primary/30 flex items-center justify-center shrink-0", children: icon })), _jsxs("div", { children: [title && (_jsx(DialogPrimitive.Title, { className: "font-bold text-base leading-none", children: title })), description && (_jsx(DialogPrimitive.Description, { className: "text-xs text-muted-foreground mt-0.5", children: description }))] })] }), _jsxs(DialogPrimitive.Close, { onClick: onClose, className: "w-8 h-8 rounded-lg hover:bg-secondary flex items-center justify-center transition-colors", children: [_jsx(X, { size: 15 }), _jsx("span", { className: "sr-only", children: "Close" })] })] })), _jsx("div", { className: "p-6", children: children })] })] }) }));
+}

package/dist/index.d.ts

@@ -1,3 +1,4 @@
+export * from "./components/base/modal";
 export * from "./components/base/button";
 export * from "./components/base/card";
 export * from "./components/base/badge";

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,cAAc,0BAA0B,CAAC;AACzC,cAAc,wBAAwB,CAAC;AACvC,cAAc,yBAAyB,CAAC;AACxC,cAAc,yBAAyB,CAAC;AACxC,cAAc,yBAAyB,CAAC;AACxC,cAAc,0BAA0B,CAAC;AACzC,cAAc,iCAAiC,CAAC;AAGhD,cAAc,6BAA6B,CAAC;AAC5C,cAAc,gCAAgC,CAAC;AAG/C,cAAc,kCAAkC,CAAC;AACjD,cAAc,kCAAkC,CAAC;AAGjD,OAAO,EAAE,EAAE,EAAE,MAAM,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,cAAc,yBAAyB,CAAC;AACxC,cAAc,0BAA0B,CAAC;AACzC,cAAc,wBAAwB,CAAC;AACvC,cAAc,yBAAyB,CAAC;AACxC,cAAc,yBAAyB,CAAC;AACxC,cAAc,yBAAyB,CAAC;AACxC,cAAc,0BAA0B,CAAC;AACzC,cAAc,iCAAiC,CAAC;AAGhD,cAAc,6BAA6B,CAAC;AAC5C,cAAc,gCAAgC,CAAC;AAG/C,cAAc,kCAAkC,CAAC;AACjD,cAAc,kCAAkC,CAAC;AAGjD,OAAO,EAAE,EAAE,EAAE,MAAM,YAAY,CAAC"}

package/dist/index.js

@@ -1,4 +1,5 @@
 // Base components
+export * from "./components/base/modal";
 export * from "./components/base/button";
 export * from "./components/base/card";
 export * from "./components/base/badge";