@yimingliao/cms 0.0.81 → 0.0.83

package/dist/client/index.d.ts

@@ -5,7 +5,12 @@ import { QueryClient, UseMutationOptions, UseQueryOptions } from '@tanstack/reac
 import * as _tanstack_query_core from '@tanstack/query-core';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { c as createVerifyAction } from '../create-verify-action-DBwWOXPO.js';
+import * as React$1 from 'react';
 import { ComponentProps } from 'react';
+import { LucideIcon } from 'lucide-react';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import { VariantProps } from 'class-variance-authority';
+import { ClassValue } from 'clsx';
 import '../types-J25u1G6t.js';
 import '../types-0oS1A2K5.js';
 import 'jsonwebtoken';
@@ -18,6 +23,12 @@ import 'intor';
 import 'keyv';
 import 'zod/v4/core';
 
+interface UIStates {
+    isLoading?: boolean;
+    isDisabled?: boolean;
+    isError?: boolean;
+}
+
 interface FetchContext {
     input: string;
     init: RequestInit;
@@ -327,4 +338,21 @@ declare function createAdminInitializer({ useAdmin, useQuery, verifyAction, }: {
 
 declare function Form({ onSubmit, className, ...props }: ComponentProps<"form">): react_jsx_runtime.JSX.Element;
 
-export { AdminProvider, Form, type ShowToastOption, createAdminInitializer, createRequestInterceptor, createResponseInterceptor, createSmartFetch, createUseCommand, createUseQuery, handleToast, useAdmin };
+declare const buttonVariants: (props?: ({
+    variant?: "link" | "default" | "success" | "destructive" | "outline" | "secondary" | "ghost" | "warning" | null | undefined;
+    size?: "lg" | "sm" | "default" | "icon" | "icon-sm" | "icon-lg" | "xs" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type ShadcnButtonProps = React$1.ComponentProps<"button"> & VariantProps<typeof buttonVariants> & {
+    asChild?: boolean;
+};
+
+interface ButtonProps extends ShadcnButtonProps, UIStates {
+    icon?: LucideIcon;
+    href?: string;
+    openNewTab?: boolean;
+}
+declare function Button({ icon, href, openNewTab, isDisabled, isLoading, children, ...props }: ButtonProps): react_jsx_runtime.JSX.Element;
+
+declare const cn: (...inputs: ClassValue[]) => string;
+
+export { AdminProvider, Button, type ButtonProps, Form, type ShowToastOption, cn, createAdminInitializer, createRequestInterceptor, createResponseInterceptor, createSmartFetch, createUseCommand, createUseQuery, handleToast, useAdmin };

package/dist/client/index.js

@@ -1,10 +1,15 @@
 import { ensureArray } from '../chunk-OAENV763.js';
 import { toast } from 'sonner';
-import { jsx, jsxs } from 'react/jsx-runtime';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { useMutation, useQuery } from '@tanstack/react-query';
+import * as React2 from 'react';
 import { createContext, useState, useContext, useEffect } from 'react';
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
+import { useRouter } from 'next/navigation';
+import { Slot } from '@radix-ui/react-slot';
+import { cva } from 'class-variance-authority';
+import { Loader2Icon } from 'lucide-react';
 
 // src/client/infrastructure/fetch/smart-fetch.ts
 function createSmartFetch({
@@ -251,5 +256,98 @@ function Form({
   };
   return /* @__PURE__ */ jsx("form", { className: cn(className), onSubmit: handleSubmit, ...props });
 }
+var buttonVariants = cva(
+  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all 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 hover:bg-primary/90",
+        destructive: "bg-destructive text-white hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
+        outline: "border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50",
+        secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
+        ghost: "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",
+        link: "text-primary underline-offset-4 hover:underline",
+        success: "bg-success text-white hover:bg-success/90 focus-visible:ring-success/20 dark:focus-visible:ring-success/40 dark:bg-success/60",
+        warning: "bg-warning text-white hover:bg-warning/90 focus-visible:ring-warning/20 dark:focus-visible:ring-warning/40 dark:bg-warning/60"
+      },
+      size: {
+        default: "h-9 px-4 py-2 has-[>svg]:px-3",
+        sm: "h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5",
+        lg: "h-10 rounded-md px-6 has-[>svg]:px-4",
+        icon: "size-9",
+        "icon-sm": "size-8",
+        "icon-lg": "size-10",
+        xs: "h-7 rounded-md px-2 text-xs has-[>svg]:px-2 gap-1"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+function ShadCnButton({
+  className,
+  variant,
+  size,
+  asChild = false,
+  ...props
+}) {
+  const Comp = asChild ? Slot : "button";
+  return /* @__PURE__ */ jsx(
+    Comp,
+    {
+      "data-slot": "button",
+      className: cn(buttonVariants({ variant, size, className })),
+      ...props
+    }
+  );
+}
+function Spinner({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    Loader2Icon,
+    {
+      role: "status",
+      "aria-label": "Loading",
+      className: cn("size-4 animate-spin", className),
+      ...props
+    }
+  );
+}
+function Button({
+  icon,
+  href,
+  openNewTab = false,
+  // processing states
+  isDisabled = false,
+  isLoading = false,
+  // base
+  children,
+  ...props
+}) {
+  isDisabled = isDisabled || isLoading;
+  const router = useRouter();
+  const handleClick = () => {
+    if (!href) return;
+    if (openNewTab) {
+      window.open(href, "_blank");
+    } else {
+      router.push(href);
+    }
+  };
+  return /* @__PURE__ */ jsx(
+    ShadCnButton,
+    {
+      type: props.type ?? "button",
+      disabled: isDisabled,
+      onClick: props.onClick ?? handleClick,
+      ...props,
+      children: isLoading ? /* @__PURE__ */ jsx(Spinner, {}) : /* @__PURE__ */ jsxs(Fragment, { children: [
+        icon && React2.createElement(icon),
+        children
+      ] })
+    }
+  );
+}
 
-export { AdminProvider, Form, createAdminInitializer, createRequestInterceptor, createResponseInterceptor, createSmartFetch, createUseCommand, createUseQuery, handleToast, useAdmin };
+export { AdminProvider, Button, Form, cn, createAdminInitializer, createRequestInterceptor, createResponseInterceptor, createSmartFetch, createUseCommand, createUseQuery, handleToast, useAdmin };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@yimingliao/cms",
-  "version": "0.0.81",
+  "version": "0.0.83",
   "author": "Yiming Liao",
   "license": "MIT",
   "type": "module",
@@ -44,11 +44,14 @@
   },
   "dependencies": {
     "@keyv/redis": "^5.1.6",
+    "@radix-ui/react-slot": "^1.2.4",
     "argon2": "^0.44.0",
+    "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "jsonwebtoken": "^9.0.3",
     "keyv": "^5.6.0",
     "logry": "^2.1.6",
+    "lucide-react": "^0.577.0",
     "mime-types": "^3.0.2",
     "nodemailer": "^8.0.1",
     "sonner": "^2.0.7",