@yimingliao/cms 0.0.85 → 0.0.86

package/dist/client/index.d.ts

@@ -356,6 +356,32 @@ declare const buttonVariants: (props?: ({
 type ButtonProps$1 = React$1.ComponentProps<"button"> & VariantProps<typeof buttonVariants> & {
     asChild?: boolean;
 };
+declare function Button$1({ className, variant, size, asChild, ...props }: ButtonProps$1): react_jsx_runtime.JSX.Element;
+
+declare function Card({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+declare function CardHeader({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+declare function CardTitle({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+declare function CardDescription({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+declare function CardAction({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+declare function CardContent({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+declare function CardFooter({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+
+declare function InputGroup({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+declare const inputGroupAddonVariants: (props?: ({
+    align?: "inline-start" | "inline-end" | "block-start" | "block-end" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare function InputGroupAddon({ className, align, ...props }: React$1.ComponentProps<"div"> & VariantProps<typeof inputGroupAddonVariants>): react_jsx_runtime.JSX.Element;
+declare const inputGroupButtonVariants: (props?: ({
+    size?: "sm" | "icon-sm" | "xs" | "icon-xs" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare function InputGroupButton({ className, type, variant, size, ...props }: Omit<React$1.ComponentProps<typeof Button$1>, "size"> & VariantProps<typeof inputGroupButtonVariants>): react_jsx_runtime.JSX.Element;
+declare function InputGroupText({ className, ...props }: React$1.ComponentProps<"span">): react_jsx_runtime.JSX.Element;
+declare function InputGroupInput({ className, ...props }: React$1.ComponentProps<"input">): react_jsx_runtime.JSX.Element;
+declare function InputGroupTextarea({ className, ...props }: React$1.ComponentProps<"textarea">): react_jsx_runtime.JSX.Element;
+
+declare function Spinner({ className, ...props }: ComponentProps<"svg">): react_jsx_runtime.JSX.Element;
+
+declare function Textarea({ className, ...props }: React$1.ComponentProps<"textarea">): react_jsx_runtime.JSX.Element;
 
 interface ButtonProps extends ButtonProps$1, UIStates {
     icon?: LucideIcon;
@@ -368,12 +394,8 @@ interface InputProps<T = Record<string, unknown>> extends ComponentProps<"input"
 }
 declare function Input<T>({ fieldName, setFormData, isLoading, isDisabled, isError, children, ...props }: InputProps<T>): react_jsx_runtime.JSX.Element;
 
-declare function AuthForm({ title, children, className, ...props }: ComponentProps<"form"> & {
-    title: string;
-}): react_jsx_runtime.JSX.Element;
-
 declare const cn: (...inputs: ClassValue[]) => string;
 
 declare function useDeviceInfo(): DeviceInfo | null;
 
-export { AdminProvider, AuthForm, Button, type ButtonProps, Form, Input, type InputProps, type ShowToastOption, cn, createAdminInitializer, createRequestInterceptor, createResponseInterceptor, createSmartFetch, createUseCommand, createUseQuery, handleToast, useAdmin, useDeviceInfo };
+export { AdminProvider, Button, type ButtonProps, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Form, Input, InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea, type InputProps, type ShowToastOption, Spinner, Textarea, cn, createAdminInitializer, createRequestInterceptor, createResponseInterceptor, createSmartFetch, createUseCommand, createUseQuery, handleToast, useAdmin, useDeviceInfo };

package/dist/client/index.js

@@ -2,7 +2,7 @@ import { ensureArray } from '../chunk-OAENV763.js';
 import { toast } from 'sonner';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { useMutation, useQuery } from '@tanstack/react-query';
-import * as React2 from 'react';
+import * as React6 from 'react';
 import { createContext, useState, useContext, useEffect } from 'react';
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
@@ -325,48 +325,82 @@ function Button({
     }
   );
 }
-function Spinner({ className, ...props }) {
+function Card({ className, ...props }) {
   return /* @__PURE__ */ jsx(
-    Loader2Icon,
+    "div",
     {
-      role: "status",
-      "aria-label": "Loading",
-      className: cn("size-4 animate-spin", className),
+      "data-slot": "card",
+      className: cn(
+        "bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-sm",
+        className
+      ),
       ...props
     }
   );
 }
-function Button2({
-  icon,
-  href,
-  openNewTab = false,
-  // ui states
-  isDisabled = false,
-  isLoading = false,
-  // base
-  children,
-  ...props
-}) {
-  const router = useRouter();
-  const handleClick = () => {
-    if (!href) return;
-    if (openNewTab) {
-      window.open(href, "_blank");
-    } else {
-      router.push(href);
+function CardHeader({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "card-header",
+      className: cn(
+        "@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-2 px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6",
+        className
+      ),
+      ...props
     }
-  };
+  );
+}
+function CardTitle({ className, ...props }) {
   return /* @__PURE__ */ jsx(
-    Button,
+    "div",
     {
-      type: props.type ?? "button",
-      disabled: isDisabled || isLoading,
-      onClick: props.onClick ?? handleClick,
-      ...props,
-      children: isLoading ? /* @__PURE__ */ jsx(Spinner, {}) : /* @__PURE__ */ jsxs(Fragment, { children: [
-        icon && React2.createElement(icon),
-        children
-      ] })
+      "data-slot": "card-title",
+      className: cn("leading-none font-semibold", className),
+      ...props
+    }
+  );
+}
+function CardDescription({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "card-description",
+      className: cn("text-muted-foreground text-sm", className),
+      ...props
+    }
+  );
+}
+function CardAction({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "card-action",
+      className: cn(
+        "col-start-2 row-span-2 row-start-1 self-start justify-self-end",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function CardContent({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "card-content",
+      className: cn("px-6", className),
+      ...props
+    }
+  );
+}
+function CardFooter({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "card-footer",
+      className: cn("flex items-center px-6 [.border-t]:pt-6", className),
+      ...props
     }
   );
 }
@@ -386,6 +420,21 @@ function Input({ className, type, ...props }) {
     }
   );
 }
+function Textarea({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "textarea",
+    {
+      "data-slot": "textarea",
+      className: cn(
+        // "min-h-16",
+        // "field-sizing-content",
+        "border-input placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 flex w-full rounded-md border bg-transparent px-3 py-2 text-base shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
+        className
+      ),
+      ...props
+    }
+  );
+}
 function InputGroup({ className, ...props }) {
   return /* @__PURE__ */ jsx(
     "div",
@@ -448,7 +497,7 @@ function InputGroupAddon({
     }
   );
 }
-cva(
+var inputGroupButtonVariants = cva(
   "text-sm shadow-none flex gap-2 items-center",
   {
     variants: {
@@ -464,106 +513,140 @@ cva(
     }
   }
 );
-function InputGroupInput({
+function InputGroupButton({
   className,
+  type = "button",
+  variant = "ghost",
+  size = "xs",
   ...props
 }) {
   return /* @__PURE__ */ jsx(
-    Input,
+    Button,
+    {
+      type,
+      "data-size": size,
+      variant,
+      className: cn(inputGroupButtonVariants({ size }), className),
+      ...props
+    }
+  );
+}
+function InputGroupText({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "span",
     {
-      "data-slot": "input-group-control",
       className: cn(
-        "flex-1 rounded-none border-0 bg-transparent shadow-none focus-visible:ring-0 dark:bg-transparent",
+        "text-muted-foreground flex items-center gap-2 text-sm [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4",
         className
       ),
       ...props
     }
   );
 }
-function Input2({
-  // form context
-  fieldName,
-  setFormData,
-  // ui states
-  isLoading = false,
-  isDisabled = false,
-  isError = false,
-  // base
-  children,
+function InputGroupInput({
+  className,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs(InputGroup, { "data-disabled": isDisabled || isLoading, children: [
-    isLoading ? /* @__PURE__ */ jsx(InputGroupAddon, { children: /* @__PURE__ */ jsx(Spinner, {}) }) : /* @__PURE__ */ jsx(
-      InputGroupInput,
-      {
-        disabled: isDisabled || isLoading,
-        "aria-invalid": isError,
-        onChange: (e) => {
-          if (!setFormData || !fieldName) return;
-          setFormData((p) => ({ ...p, [fieldName]: e.target.value }));
-        },
-        ...props
-      }
-    ),
-    children
-  ] });
-}
-function Card({ className, ...props }) {
   return /* @__PURE__ */ jsx(
-    "div",
+    Input,
     {
-      "data-slot": "card",
+      "data-slot": "input-group-control",
       className: cn(
-        "bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-sm",
+        "flex-1 rounded-none border-0 bg-transparent shadow-none focus-visible:ring-0 dark:bg-transparent",
         className
       ),
       ...props
     }
   );
 }
-function CardHeader({ className, ...props }) {
+function InputGroupTextarea({
+  className,
+  ...props
+}) {
   return /* @__PURE__ */ jsx(
-    "div",
+    Textarea,
     {
-      "data-slot": "card-header",
+      "data-slot": "input-group-control",
       className: cn(
-        "@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-2 px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6",
+        "flex-1 resize-none rounded-none border-0 bg-transparent py-3 shadow-none focus-visible:ring-0 dark:bg-transparent",
         className
       ),
       ...props
     }
   );
 }
-function CardTitle({ className, ...props }) {
+function Spinner({ className, ...props }) {
   return /* @__PURE__ */ jsx(
-    "div",
+    Loader2Icon,
     {
-      "data-slot": "card-title",
-      className: cn("leading-none font-semibold", className),
+      role: "status",
+      "aria-label": "Loading",
+      className: cn("size-4 animate-spin", className),
       ...props
     }
   );
 }
-function CardContent({ className, ...props }) {
+function Button2({
+  icon,
+  href,
+  openNewTab = false,
+  // ui states
+  isDisabled = false,
+  isLoading = false,
+  // base
+  children,
+  ...props
+}) {
+  const router = useRouter();
+  const handleClick = () => {
+    if (!href) return;
+    if (openNewTab) {
+      window.open(href, "_blank");
+    } else {
+      router.push(href);
+    }
+  };
   return /* @__PURE__ */ jsx(
-    "div",
+    Button,
     {
-      "data-slot": "card-content",
-      className: cn("px-6", className),
-      ...props
+      type: props.type ?? "button",
+      disabled: isDisabled || isLoading,
+      onClick: props.onClick ?? handleClick,
+      ...props,
+      children: isLoading ? /* @__PURE__ */ jsx(Spinner, {}) : /* @__PURE__ */ jsxs(Fragment, { children: [
+        icon && React6.createElement(icon),
+        children
+      ] })
     }
   );
 }
-function AuthForm({
-  title,
+function Input2({
+  // form context
+  fieldName,
+  setFormData,
+  // ui states
+  isLoading = false,
+  isDisabled = false,
+  isError = false,
+  // base
   children,
-  className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx(Form, { className: cn("mx-auto mt-20 w-96", className), ...props, children: /* @__PURE__ */ jsxs(Card, { children: [
-    /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsx(CardTitle, { className: "mx-auto", children: title }) }),
-    /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsx("div", { className: "relative flex flex-col gap-6", children }) })
-  ] }) });
+  return /* @__PURE__ */ jsxs(InputGroup, { "data-disabled": isDisabled || isLoading, children: [
+    isLoading ? /* @__PURE__ */ jsx(InputGroupAddon, { children: /* @__PURE__ */ jsx(Spinner, {}) }) : /* @__PURE__ */ jsx(
+      InputGroupInput,
+      {
+        disabled: isDisabled || isLoading,
+        "aria-invalid": isError,
+        onChange: (e) => {
+          if (!setFormData || !fieldName) return;
+          setFormData((p) => ({ ...p, [fieldName]: e.target.value }));
+        },
+        ...props
+      }
+    ),
+    children
+  ] });
 }
 
-export { AdminProvider, AuthForm, Button2 as Button, Form, Input2 as Input, cn, createAdminInitializer, createRequestInterceptor, createResponseInterceptor, createSmartFetch, createUseCommand, createUseQuery, handleToast, useAdmin, useDeviceInfo };
+export { AdminProvider, Button2 as Button, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Form, Input2 as Input, InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea, Spinner, Textarea, cn, createAdminInitializer, createRequestInterceptor, createResponseInterceptor, createSmartFetch, createUseCommand, createUseQuery, handleToast, useAdmin, useDeviceInfo };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@yimingliao/cms",
-  "version": "0.0.85",
+  "version": "0.0.86",
   "author": "Yiming Liao",
   "license": "MIT",
   "type": "module",