@cmdniels/uikit 1.2.0 → 1.3.1

package/out/components/dialog/Dialog.d.ts

@@ -0,0 +1,2 @@
+import { Dialog as DialogPrimitive } from "@base-ui/react/dialog";
+export default function Dialog({ ...props }: DialogPrimitive.Root.Props): import("react/jsx-runtime").JSX.Element;

package/out/components/dialog/Dialog.js

@@ -0,0 +1,18 @@
+"use client";
+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 { Dialog as DialogPrimitive } from "@base-ui/react/dialog";
+export default function Dialog(_a) {
+    var props = __rest(_a, []);
+    return _jsx(DialogPrimitive.Root, Object.assign({ "data-slot": "dialog" }, props));
+}

package/out/components/dialog/DialogClose.d.ts

@@ -0,0 +1,2 @@
+import { Dialog as DialogPrimitive } from "@base-ui/react/dialog";
+export default function DialogClose({ ...props }: DialogPrimitive.Close.Props): import("react/jsx-runtime").JSX.Element;

package/out/components/dialog/DialogClose.js

@@ -0,0 +1,18 @@
+"use client";
+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 { Dialog as DialogPrimitive } from "@base-ui/react/dialog";
+export default function DialogClose(_a) {
+    var props = __rest(_a, []);
+    return _jsx(DialogPrimitive.Close, Object.assign({ "data-slot": "dialog-close" }, props));
+}

package/out/components/dialog/DialogContent.d.ts

@@ -0,0 +1,4 @@
+import { Dialog as DialogPrimitive } from "@base-ui/react/dialog";
+export default function DialogContent({ className, children, showCloseButton, ...props }: DialogPrimitive.Popup.Props & {
+    showCloseButton?: boolean;
+}): import("react/jsx-runtime").JSX.Element;

package/out/components/dialog/DialogContent.js

@@ -0,0 +1,23 @@
+"use client";
+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 { Dialog as DialogPrimitive } from "@base-ui/react/dialog";
+import { IconX } from "@tabler/icons-react";
+import cn from "../../cn";
+import Button from "../../components/button/Button";
+import DialogOverlay from "./DialogOverlay";
+import DialogPortal from "./DialogPortal";
+export default function DialogContent(_a) {
+    var { className, children, showCloseButton = true } = _a, props = __rest(_a, ["className", "children", "showCloseButton"]);
+    return (_jsxs(DialogPortal, { children: [_jsx(DialogOverlay, {}), _jsxs(DialogPrimitive.Popup, Object.assign({ "data-slot": "dialog-content", className: cn("fixed top-1/2 left-1/2 z-50 grid w-full max-w-[calc(100%-2rem)] -translate-1/2  gap-6 rounded-xl bg-background p-6 text-sm ring-1 ring-foreground/10 duration-100 outline-none sm:max-w-md data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95", className) }, props, { children: [children, showCloseButton && (_jsxs(DialogPrimitive.Close, { "data-slot": "dialog-close", render: _jsx(Button, { variant: "ghost", className: "absolute top-4 right-4", size: "icon-sm" }), children: [_jsx(IconX, {}), _jsx("span", { className: "sr-only", children: "Close" })] }))] }))] }));
+}

package/out/components/dialog/DialogDescription.d.ts

@@ -0,0 +1,2 @@
+import { Dialog as DialogPrimitive } from "@base-ui/react/dialog";
+export default function DialogDescription({ className, ...props }: DialogPrimitive.Description.Props): import("react/jsx-runtime").JSX.Element;

package/out/components/dialog/DialogDescription.js

@@ -0,0 +1,19 @@
+"use client";
+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 { Dialog as DialogPrimitive } from "@base-ui/react/dialog";
+import cn from "../../cn";
+export default function DialogDescription(_a) {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (_jsx(DialogPrimitive.Description, Object.assign({ "data-slot": "dialog-description", className: cn("text-sm text-muted-foreground *:[a]:underline *:[a]:underline-offset-3 *:[a]:hover:text-foreground", className) }, props)));
+}

package/out/components/dialog/DialogFooter.d.ts

@@ -0,0 +1,4 @@
+import type * as React from "react";
+export default function DialogFooter({ className, showCloseButton, children, ...props }: React.ComponentProps<"div"> & {
+    showCloseButton?: boolean;
+}): import("react/jsx-runtime").JSX.Element;

package/out/components/dialog/DialogFooter.js

@@ -0,0 +1,20 @@
+"use client";
+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 { Dialog as DialogPrimitive } from "@base-ui/react/dialog";
+import cn from "../../cn";
+import Button from "../../components/button/Button";
+export default function DialogFooter(_a) {
+    var { className, showCloseButton = false, children } = _a, props = __rest(_a, ["className", "showCloseButton", "children"]);
+    return (_jsxs("div", Object.assign({ "data-slot": "dialog-footer", className: cn("flex flex-col-reverse gap-2  sm:flex-row sm:justify-end", className) }, props, { children: [children, showCloseButton && (_jsx(DialogPrimitive.Close, { render: _jsx(Button, { variant: "outline" }), children: "Close" }))] })));
+}

package/out/components/dialog/DialogHeader.d.ts

@@ -0,0 +1,2 @@
+import type * as React from "react";
+export default function DialogHeader({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;

package/out/components/dialog/DialogHeader.js

@@ -0,0 +1,18 @@
+"use client";
+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 "../../cn";
+export default function DialogHeader(_a) {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return _jsx("div", Object.assign({ "data-slot": "dialog-header", className: cn("flex flex-col gap-2", className) }, props));
+}

package/out/components/dialog/DialogOverlay.d.ts

@@ -0,0 +1,2 @@
+import { Dialog as DialogPrimitive } from "@base-ui/react/dialog";
+export default function DialogOverlay({ className, ...props }: DialogPrimitive.Backdrop.Props): import("react/jsx-runtime").JSX.Element;

package/out/components/dialog/DialogOverlay.js

@@ -0,0 +1,19 @@
+"use client";
+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 { Dialog as DialogPrimitive } from "@base-ui/react/dialog";
+import cn from "../../cn";
+export default function DialogOverlay(_a) {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (_jsx(DialogPrimitive.Backdrop, Object.assign({ "data-slot": "dialog-overlay", className: cn("fixed inset-0 isolate z-50 bg-black/10 duration-100 supports-backdrop-filter:backdrop-blur-xs data-open:animate-in data-open:fade-in-0 data-closed:animate-out data-closed:fade-out-0", className) }, props)));
+}

package/out/components/dialog/DialogPortal.d.ts

@@ -0,0 +1,2 @@
+import { Dialog as DialogPrimitive } from "@base-ui/react/dialog";
+export default function DialogPortal({ ...props }: DialogPrimitive.Portal.Props): import("react/jsx-runtime").JSX.Element;

package/out/components/dialog/DialogPortal.js

@@ -0,0 +1,18 @@
+"use client";
+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 { Dialog as DialogPrimitive } from "@base-ui/react/dialog";
+export default function DialogPortal(_a) {
+    var props = __rest(_a, []);
+    return _jsx(DialogPrimitive.Portal, Object.assign({ "data-slot": "dialog-portal" }, props));
+}

package/out/components/dialog/DialogTitle.d.ts

@@ -0,0 +1,2 @@
+import { Dialog as DialogPrimitive } from "@base-ui/react/dialog";
+export default function DialogTitle({ className, ...props }: DialogPrimitive.Title.Props): import("react/jsx-runtime").JSX.Element;

package/out/components/dialog/DialogTitle.js

@@ -0,0 +1,19 @@
+"use client";
+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 { Dialog as DialogPrimitive } from "@base-ui/react/dialog";
+import cn from "../../cn";
+export default function DialogTitle(_a) {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (_jsx(DialogPrimitive.Title, Object.assign({ "data-slot": "dialog-title", className: cn("leading-none font-medium", className) }, props)));
+}

package/out/components/dialog/DialogTrigger.d.ts

@@ -0,0 +1,2 @@
+import { Dialog as DialogPrimitive } from "@base-ui/react/dialog";
+export default function DialogTrigger({ ...props }: DialogPrimitive.Trigger.Props): import("react/jsx-runtime").JSX.Element;

package/out/components/dialog/DialogTrigger.js

@@ -0,0 +1,18 @@
+"use client";
+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 { Dialog as DialogPrimitive } from "@base-ui/react/dialog";
+export default function DialogTrigger(_a) {
+    var props = __rest(_a, []);
+    return _jsx(DialogPrimitive.Trigger, Object.assign({ "data-slot": "dialog-trigger" }, props));
+}

package/out/components/sonner/Toaster.js

@@ -25,13 +25,17 @@ export default function Toaster(_a) {
             error: _jsx(IconAlertOctagon, { className: "size-4" }),
             loading: _jsx(IconLoader, { className: "size-4 animate-spin" }),
         }, style: {
-            "--normal-bg": "var(--popover)",
-            "--normal-text": "var(--popover-foreground)",
+            "--normal-bg": "var(--card)",
+            "--normal-text": "var(--card-foreground)",
             "--normal-border": "var(--border)",
             "--border-radius": "var(--radius)",
         }, toastOptions: {
             classNames: {
-                toast: "cn-toast",
+                toast: "cn-toast backdrop-blur-xs",
+                success: "bg-green-50/80! text-green-700! border-green-300! dark:bg-green-950/80! dark:text-green-300! dark:border-green-700!",
+                error: "bg-red-50/80! text-red-700! border-red-300! dark:bg-red-950/80! dark:text-red-300! dark:border-red-700!",
+                warning: "bg-yellow-50/80! text-yellow-700! border-yellow-300! dark:bg-yellow-950/80! dark:text-yellow-300! dark:border-yellow-700!",
+                info: "bg-blue-50/80! text-blue-700! border-blue-300! dark:bg-blue-950/80! dark:text-blue-300! dark:border-blue-700!",
             },
         } }, props)));
 }

package/out/index.d.ts

@@ -75,6 +75,16 @@ export { default as ContextMenuSubTrigger } from "./components/context-menu/Cont
 export { default as ContextMenuTrigger } from "./components/context-menu/ContextMenuTrigger";
 export { default as CopyInput } from "./components/copy-input/CopyInput";
 export { default as DatePicker } from "./components/date-picker/DatePicker";
+export { default as Dialog } from "./components/dialog/Dialog";
+export { default as DialogClose } from "./components/dialog/DialogClose";
+export { default as DialogContent } from "./components/dialog/DialogContent";
+export { default as DialogDescription } from "./components/dialog/DialogDescription";
+export { default as DialogFooter } from "./components/dialog/DialogFooter";
+export { default as DialogHeader } from "./components/dialog/DialogHeader";
+export { default as DialogOverlay } from "./components/dialog/DialogOverlay";
+export { default as DialogPortal } from "./components/dialog/DialogPortal";
+export { default as DialogTitle } from "./components/dialog/DialogTitle";
+export { default as DialogTrigger } from "./components/dialog/DialogTrigger";
 export { default as DropdownMenu } from "./components/dropdown-menu/DropdownMenu";
 export { default as DropdownMenuCheckboxItem } from "./components/dropdown-menu/DropdownMenuCheckboxItem";
 export { default as DropdownMenuContent } from "./components/dropdown-menu/DropdownMenuContent";

package/out/index.js

@@ -88,6 +88,17 @@ export { default as ContextMenuTrigger } from "./components/context-menu/Context
 export { default as CopyInput } from "./components/copy-input/CopyInput";
 // Date Picker
 export { default as DatePicker } from "./components/date-picker/DatePicker";
+// Dialog
+export { default as Dialog } from "./components/dialog/Dialog";
+export { default as DialogClose } from "./components/dialog/DialogClose";
+export { default as DialogContent } from "./components/dialog/DialogContent";
+export { default as DialogDescription } from "./components/dialog/DialogDescription";
+export { default as DialogFooter } from "./components/dialog/DialogFooter";
+export { default as DialogHeader } from "./components/dialog/DialogHeader";
+export { default as DialogOverlay } from "./components/dialog/DialogOverlay";
+export { default as DialogPortal } from "./components/dialog/DialogPortal";
+export { default as DialogTitle } from "./components/dialog/DialogTitle";
+export { default as DialogTrigger } from "./components/dialog/DialogTrigger";
 // Dropdown Menu
 export { default as DropdownMenu } from "./components/dropdown-menu/DropdownMenu";
 export { default as DropdownMenuCheckboxItem } from "./components/dropdown-menu/DropdownMenuCheckboxItem";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cmdniels/uikit",
-  "version": "1.2.0",
+  "version": "1.3.1",
   "private": false,
   "license": "MIT",
   "type": "module",
@@ -30,10 +30,10 @@
   "sideEffects": false,
   "peerDependencies": {
     "@clerk/themes": "^2.4.46",
-    "recharts": "^3.6.0",
     "next": "^14.0.0 || ^15.0.0 || ^16.0.0",
     "react": "^18.0.0 || ^19.0.0",
-    "react-dom": "^18.0.0 || ^19.0.0"
+    "react-dom": "^18.0.0 || ^19.0.0",
+    "recharts": "^3.6.0"
   },
   "dependencies": {
     "@base-ui/react": "^1.0.0",
@@ -41,6 +41,7 @@
     "@dnd-kit/modifiers": "^9.0.0",
     "@dnd-kit/sortable": "^10.0.0",
     "@dnd-kit/utilities": "^3.2.2",
+    "@radix-ui/react-dialog": "^1.1.15",
     "@radix-ui/react-scroll-area": "^1.2.10",
     "@tabler/icons-react": "^3.35.0",
     "@tailwindcss/postcss": "^4",