@cmdniels/uikit 1.3.0 → 1.3.2

package/out/components/empty/Empty.d.ts

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

package/out/components/empty/Empty.js

@@ -0,0 +1,17 @@
+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 Empty(_a) {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (_jsx("div", Object.assign({ "data-slot": "empty", className: cn("flex w-full min-w-0 flex-1 flex-col items-center justify-center gap-4 rounded-lg border-dashed p-6 text-center text-balance", className) }, props)));
+}

package/out/components/empty/EmptyContent.d.ts

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

package/out/components/empty/EmptyContent.js

@@ -0,0 +1,17 @@
+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 EmptyContent(_a) {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (_jsx("div", Object.assign({ "data-slot": "empty-content", className: cn("flex w-full max-w-sm min-w-0 flex-col items-center gap-2.5 text-sm text-balance", className) }, props)));
+}

package/out/components/empty/EmptyDescription.d.ts

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

package/out/components/empty/EmptyDescription.js

@@ -0,0 +1,17 @@
+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 EmptyDescription(_a) {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (_jsx("div", Object.assign({ "data-slot": "empty-description", className: cn("text-sm/relaxed text-muted-foreground [&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-primary", className) }, props)));
+}

package/out/components/empty/EmptyHeader.d.ts

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

package/out/components/empty/EmptyHeader.js

@@ -0,0 +1,17 @@
+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 EmptyHeader(_a) {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (_jsx("div", Object.assign({ "data-slot": "empty-header", className: cn("flex max-w-sm flex-col items-center gap-2", className) }, props)));
+}

package/out/components/empty/EmptyMedia.d.ts

@@ -0,0 +1,4 @@
+import { emptyMediaVariants } from "./emptyMediaVariants";
+import type { VariantProps } from "class-variance-authority";
+import type { ComponentProps } from "react";
+export default function EmptyMedia({ className, variant, ...props }: ComponentProps<"div"> & VariantProps<typeof emptyMediaVariants>): import("react/jsx-runtime").JSX.Element;

package/out/components/empty/EmptyMedia.js

@@ -0,0 +1,18 @@
+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";
+import { emptyMediaVariants } from "./emptyMediaVariants";
+export default function EmptyMedia(_a) {
+    var { className, variant = "default" } = _a, props = __rest(_a, ["className", "variant"]);
+    return (_jsx("div", Object.assign({ "data-slot": "empty-icon", "data-variant": variant, className: cn(emptyMediaVariants({ variant, className })) }, props)));
+}

package/out/components/empty/EmptyTitle.d.ts

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

package/out/components/empty/EmptyTitle.js

@@ -0,0 +1,17 @@
+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 EmptyTitle(_a) {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return _jsx("div", Object.assign({ "data-slot": "empty-title", className: cn("text-sm font-medium tracking-tight", className) }, props));
+}

package/out/components/empty/emptyMediaVariants.d.ts

@@ -0,0 +1,3 @@
+export declare const emptyMediaVariants: (props?: ({
+    variant?: "default" | "icon" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;

package/out/components/empty/emptyMediaVariants.js

@@ -0,0 +1,12 @@
+import { cva } from "class-variance-authority";
+export const emptyMediaVariants = cva("mb-2 flex shrink-0 items-center justify-center [&_svg]:pointer-events-none [&_svg]:shrink-0", {
+    variants: {
+        variant: {
+            default: "bg-transparent",
+            icon: "flex size-8 shrink-0 items-center justify-center rounded-lg bg-muted text-foreground [&_svg:not([class*='size-'])]:size-4",
+        },
+    },
+    defaultVariants: {
+        variant: "default",
+    },
+});

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

@@ -100,6 +100,12 @@ export { default as DropdownMenuSub } from "./components/dropdown-menu/DropdownM
 export { default as DropdownMenuSubContent } from "./components/dropdown-menu/DropdownMenuSubContent";
 export { default as DropdownMenuSubTrigger } from "./components/dropdown-menu/DropdownMenuSubTrigger";
 export { default as DropdownMenuTrigger } from "./components/dropdown-menu/DropdownMenuTrigger";
+export { default as Empty } from "./components/empty/Empty";
+export { default as EmptyContent } from "./components/empty/EmptyContent";
+export { default as EmptyDescription } from "./components/empty/EmptyDescription";
+export { default as EmptyHeader } from "./components/empty/EmptyHeader";
+export { default as EmptyMedia } from "./components/empty/EmptyMedia";
+export { default as EmptyTitle } from "./components/empty/EmptyTitle";
 export { default as Error } from "./components/error/Error";
 export { default as Field } from "./components/field/Field";
 export { default as FieldContent } from "./components/field/FieldContent";

package/out/index.js

@@ -115,6 +115,13 @@ export { default as DropdownMenuSub } from "./components/dropdown-menu/DropdownM
 export { default as DropdownMenuSubContent } from "./components/dropdown-menu/DropdownMenuSubContent";
 export { default as DropdownMenuSubTrigger } from "./components/dropdown-menu/DropdownMenuSubTrigger";
 export { default as DropdownMenuTrigger } from "./components/dropdown-menu/DropdownMenuTrigger";
+// Empty
+export { default as Empty } from "./components/empty/Empty";
+export { default as EmptyContent } from "./components/empty/EmptyContent";
+export { default as EmptyDescription } from "./components/empty/EmptyDescription";
+export { default as EmptyHeader } from "./components/empty/EmptyHeader";
+export { default as EmptyMedia } from "./components/empty/EmptyMedia";
+export { default as EmptyTitle } from "./components/empty/EmptyTitle";
 // Error
 export { default as Error } from "./components/error/Error";
 // Field

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cmdniels/uikit",
-  "version": "1.3.0",
+  "version": "1.3.2",
   "private": false,
   "license": "MIT",
   "type": "module",