adminium 1.0.1-patch.1 → 1.0.1-patch.2

package/dist/index.cjs

@@ -3,11 +3,11 @@
 
 var clsx = require('clsx');
 var tailwindMerge = require('tailwind-merge');
-var radixUi = require('radix-ui');
 var classVarianceAuthority = require('class-variance-authority');
 var lucideReact = require('lucide-react');
 var SlotPrimitive2 = require('@radix-ui/react-slot');
 var jsxRuntime = require('react/jsx-runtime');
+var radixUi = require('radix-ui');
 var vaul = require('vaul');
 var HoverCardPrimitive = require('@radix-ui/react-hover-card');
 var React = require('react');
@@ -432,6 +432,272 @@ function ButtonArrow({
     }
   );
 }
+var alertVariants = classVarianceAuthority.cva(
+  "flex items-stretch w-full gap-2 group-[.toaster]:w-(--width)",
+  {
+    variants: {
+      variant: {
+        secondary: "",
+        primary: "",
+        destructive: "",
+        success: "",
+        info: "",
+        mono: "",
+        warning: ""
+      },
+      icon: {
+        primary: "",
+        destructive: "",
+        success: "",
+        info: "",
+        warning: ""
+      },
+      appearance: {
+        solid: "",
+        outline: "",
+        light: "",
+        stroke: "text-foreground"
+      },
+      size: {
+        lg: "rounded-lg p-4 gap-3 text-base [&>[data-slot=alert-icon]>svg]:size-6 *:data-slot=alert-icon:mt-0.5 [&_[data-slot=alert-close]]:mt-1",
+        md: "rounded-lg p-3.5 gap-2.5 text-sm [&>[data-slot=alert-icon]>svg]:size-5 *:data-slot=alert-icon:mt-0 [&_[data-slot=alert-close]]:mt-0.5",
+        sm: "rounded-md px-3 py-2.5 gap-2 text-xs [&>[data-slot=alert-icon]>svg]:size-4 *:data-alert-icon:mt-0.5 [&_[data-slot=alert-close]]:mt-0.25 [&_[data-slot=alert-close]_svg]:size-3.5"
+      }
+    },
+    compoundVariants: [
+      /* Solid */
+      {
+        variant: "secondary",
+        appearance: "solid",
+        className: "bg-muted text-foreground"
+      },
+      {
+        variant: "primary",
+        appearance: "solid",
+        className: "bg-primary text-primary-foreground"
+      },
+      {
+        variant: "destructive",
+        appearance: "solid",
+        className: "bg-destructive text-destructive-foreground"
+      },
+      {
+        variant: "success",
+        appearance: "solid",
+        className: "bg-[var(--color-success,var(--color-green-500))] text-[var(--color-success-foreground,var(--color-white))]"
+      },
+      {
+        variant: "info",
+        appearance: "solid",
+        className: "bg-[var(--color-info,var(--color-violet-600))] text-[var(--color-info-foreground,var(--color-white))]"
+      },
+      {
+        variant: "warning",
+        appearance: "solid",
+        className: "bg-[var(--color-warning,var(--color-yellow-500))] text-[var(--color-warning-foreground,var(--color-white))]"
+      },
+      {
+        variant: "mono",
+        appearance: "solid",
+        className: "bg-zinc-950 text-white dark:bg-zinc-300 dark:text-black *:data-slot-[alert=close]:text-white"
+      },
+      /* Outline */
+      {
+        variant: "secondary",
+        appearance: "outline",
+        className: "border border-border bg-background text-foreground [&_[data-slot=alert-close]]:text-foreground"
+      },
+      {
+        variant: "primary",
+        appearance: "outline",
+        className: "border border-border bg-background text-primary [&_[data-slot=alert-close]]:text-foreground"
+      },
+      {
+        variant: "destructive",
+        appearance: "outline",
+        className: "border border-border bg-background text-destructive [&_[data-slot=alert-close]]:text-foreground"
+      },
+      {
+        variant: "success",
+        appearance: "outline",
+        className: "border border-border bg-background text-[var(--color-success,var(--color-green-500))] [&_[data-slot=alert-close]]:text-foreground"
+      },
+      {
+        variant: "info",
+        appearance: "outline",
+        className: "border border-border bg-background text-[var(--color-info,var(--color-violet-600))] [&_[data-slot=alert-close]]:text-foreground"
+      },
+      {
+        variant: "warning",
+        appearance: "outline",
+        className: "border border-border bg-background text-[var(--color-warning,var(--color-yellow-500))] [&_[data-slot=alert-close]]:text-foreground"
+      },
+      {
+        variant: "mono",
+        appearance: "outline",
+        className: "border border-border bg-background text-foreground [&_[data-slot=alert-close]]:text-foreground"
+      },
+      /* Light */
+      {
+        variant: "secondary",
+        appearance: "light",
+        className: "bg-muted border border-border text-foreground"
+      },
+      {
+        variant: "primary",
+        appearance: "light",
+        className: "text-foreground bg-[var(--color-primary-soft,var(--color-blue-50))] border border-[var(--color-primary-alpha,var(--color-blue-100))] [&_[data-slot=alert-icon]]:text-primary dark:bg-[var(--color-primary-soft,var(--color-blue-950))] dark:border-[var(--color-primary-alpha,var(--color-blue-900))]"
+      },
+      {
+        variant: "destructive",
+        appearance: "light",
+        className: "bg-[var(--color-destructive-soft,var(--color-red-50))] border border-[var(--color-destructive-alpha,var(--color-red-100))] text-foreground [&_[data-slot=alert-icon]]:text-destructive dark:bg-[var(--color-destructive-soft,var(--color-red-950))] dark:border-[var(--color-destructive-alpha,var(--color-red-900))] "
+      },
+      {
+        variant: "success",
+        appearance: "light",
+        className: "bg-[var(--color-success-soft,var(--color-green-50))] border border-[var(--color-success-alpha,var(--color-green-200))] text-foreground [&_[data-slot=alert-icon]]:text-[var(--color-success-foreground,var(--color-green-600))] dark:bg-[var(--color-success-soft,var(--color-green-950))] dark:border-[var(--color-success-alpha,var(--color-green-900))]"
+      },
+      {
+        variant: "info",
+        appearance: "light",
+        className: "bg-[var(--color-info-soft,var(--color-violet-50))] border border-[var(--color-info-alpha,var(--color-violet-100))] text-foreground [&_[data-slot=alert-icon]]:text-[var(--color-info-foreground,var(--color-violet-600))] dark:bg-[var(--color-info-soft,var(--color-violet-950))] dark:border-[var(--color-info-alpha,var(--color-violet-900))]"
+      },
+      {
+        variant: "warning",
+        appearance: "light",
+        className: "bg-[var(--color-warning-soft,var(--color-yellow-50))] border border-[var(--color-warning-alpha,var(--color-yellow-200))] text-foreground [&_[data-slot=alert-icon]]:text-[var(--color-warning-foreground,var(--color-yellow-600))] dark:bg-[var(--color-warning-soft,var(--color-yellow-950))] dark:border-[var(--color-warning-alpha,var(--color-yellow-900))]"
+      },
+      /* Mono */
+      {
+        variant: "mono",
+        icon: "primary",
+        className: "[&_[data-slot=alert-icon]]:text-primary"
+      },
+      {
+        variant: "mono",
+        icon: "warning",
+        className: "[&_[data-slot=alert-icon]]:text-[var(--color-warning-foreground,var(--color-yellow-600))]"
+      },
+      {
+        variant: "mono",
+        icon: "success",
+        className: "[&_[data-slot=alert-icon]]:text-[var(--color-success-foreground,var(--color-green-600))]"
+      },
+      {
+        variant: "mono",
+        icon: "destructive",
+        className: "[&_[data-slot=alert-icon]]:text-destructive"
+      },
+      {
+        variant: "mono",
+        icon: "info",
+        className: "[&_[data-slot=alert-icon]]:text-[var(--color-info-foreground,var(--color-violet-600))]"
+      }
+    ],
+    defaultVariants: {
+      variant: "secondary",
+      appearance: "solid",
+      size: "md"
+    }
+  }
+);
+function Alert({
+  className,
+  variant,
+  size,
+  icon,
+  appearance,
+  close = false,
+  onClose,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      "data-slot": "alert",
+      role: "alert",
+      className: cn(
+        alertVariants({ variant, size, icon, appearance }),
+        className
+      ),
+      ...props,
+      children: [
+        children,
+        close && /* @__PURE__ */ jsxRuntime.jsx(
+          Button,
+          {
+            size: "sm",
+            variant: "inverse",
+            mode: "icon",
+            onClick: onClose,
+            "aria-label": "Dismiss",
+            "data-slot": "alert-close",
+            className: cn("group shrink-0 size-4"),
+            children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "opacity-60 group-hover:opacity-100 size-4" })
+          }
+        )
+      ]
+    }
+  );
+}
+function AlertTitle({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      "data-slot": "alert-title",
+      className: cn("grow tracking-tight", className),
+      ...props
+    }
+  );
+}
+function AlertIcon({ children, className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      "data-slot": "alert-icon",
+      className: cn("shrink-0", className),
+      ...props,
+      children
+    }
+  );
+}
+function AlertToolbar({ children, className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { "data-slot": "alert-toolbar", className: cn(className), ...props, children });
+}
+function AlertDescription({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      "data-slot": "alert-description",
+      className: cn("text-sm [&_p]:leading-relaxed [&_p]:mb-2", className),
+      ...props
+    }
+  );
+}
+function AlertContent({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      "data-slot": "alert-content",
+      className: cn(
+        "space-y-2 [&_[data-slot=alert-title]]:font-semibold",
+        className
+      ),
+      ...props
+    }
+  );
+}
 function AlertDialog({
   ...props
 }) {
@@ -931,6 +1197,94 @@ function SheetDescription({ className, ...props }) {
     }
   );
 }
+var avatarStatusVariants = classVarianceAuthority.cva(
+  "flex items-center rounded-full size-2 border-2 border-background",
+  {
+    variants: {
+      variant: {
+        online: "bg-green-600",
+        offline: "bg-zinc-600 dark:bg-zinc-300",
+        busy: "bg-yellow-600",
+        away: "bg-blue-600"
+      }
+    },
+    defaultVariants: {
+      variant: "online"
+    }
+  }
+);
+function Avatar({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    radixUi.Avatar.Root,
+    {
+      "data-slot": "avatar",
+      className: cn("relative flex shrink-0 size-10", className),
+      ...props
+    }
+  );
+}
+function AvatarImage({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("relative overflow-hidden rounded-full", className), children: /* @__PURE__ */ jsxRuntime.jsx(
+    radixUi.Avatar.Image,
+    {
+      "data-slot": "avatar-image",
+      className: cn("aspect-square h-full w-full"),
+      ...props
+    }
+  ) });
+}
+function AvatarFallback({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    radixUi.Avatar.Fallback,
+    {
+      "data-slot": "avatar-fallback",
+      className: cn(
+        "flex h-full w-full items-center justify-center rounded-full border border-border bg-accent text-accent-foreground text-xs",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function AvatarIndicator({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      "data-slot": "avatar-indicator",
+      className: cn(
+        "absolute flex size-6 items-center justify-center",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function AvatarStatus({
+  className,
+  variant,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      "data-slot": "avatar-status",
+      className: cn(avatarStatusVariants({ variant }), className),
+      ...props
+    }
+  );
+}
 var AvatarGroupContext = React__namespace.createContext(
   null
 );
@@ -3746,6 +4100,9 @@ function useMounted() {
   return mounted;
 }
 
+exports.Alert = Alert;
+exports.AlertContent = AlertContent;
+exports.AlertDescription = AlertDescription;
 exports.AlertDialog = AlertDialog;
 exports.AlertDialogAction = AlertDialogAction;
 exports.AlertDialogCancel = AlertDialogCancel;
@@ -3757,9 +4114,17 @@ exports.AlertDialogOverlay = AlertDialogOverlay;
 exports.AlertDialogPortal = AlertDialogPortal;
 exports.AlertDialogTitle = AlertDialogTitle;
 exports.AlertDialogTrigger = AlertDialogTrigger;
+exports.AlertIcon = AlertIcon;
+exports.AlertTitle = AlertTitle;
+exports.AlertToolbar = AlertToolbar;
+exports.Avatar = Avatar;
+exports.AvatarFallback = AvatarFallback;
 exports.AvatarGroup = AvatarGroup;
 exports.AvatarGroupItem = AvatarGroupItem;
 exports.AvatarGroupTooltip = AvatarGroupTooltip;
+exports.AvatarImage = AvatarImage;
+exports.AvatarIndicator = AvatarIndicator;
+exports.AvatarStatus = AvatarStatus;
 exports.Badge = Badge;
 exports.BadgeButton = BadgeButton;
 exports.BadgeDot = BadgeDot;
@@ -3879,6 +4244,7 @@ exports.SheetPortal = SheetPortal;
 exports.SheetTitle = SheetTitle;
 exports.SheetTrigger = SheetTrigger;
 exports.Skeleton = Skeleton;
+exports.avatarStatusVariants = avatarStatusVariants;
 exports.badgeVariants = badgeVariants;
 exports.buttonVariants = buttonVariants;
 exports.cn = cn;