@yimingliao/cms 0.0.136 → 0.0.138

package/dist/export/client/index.js

@@ -1,15 +1,54 @@
+export { AdminProvider, useAdmin } from '../../src/client/infrastructure/contexts/admin.js';
+export { ThemeProvider } from '../../src/client/infrastructure/contexts/theme.js';
 export { createSmartFetch } from '../../src/client/infrastructure/fetch/smart-fetch.js';
 export { createRequestInterceptor } from '../../src/client/infrastructure/fetch/request-interceptor.js';
 export { createResponseInterceptor } from '../../src/client/infrastructure/fetch/response-interceptor.js';
-export { handleToast } from '../../src/client/infrastructure/toast/handle-toast.js';
 export { createUseCommand } from '../../src/client/infrastructure/react-query/create-use-command.js';
 export { createUseQuery } from '../../src/client/infrastructure/react-query/create-use-query.js';
-export { AdminProvider, useAdmin } from '../../src/client/infrastructure/contexts/admin.js';
-export { ThemeProvider } from '../../src/client/infrastructure/contexts/theme.js';
+export { handleToast } from '../../src/client/infrastructure/toast/handle-toast.js';
 export { createAdminInitializer } from '../../src/client/interfaces/components/admin-initializer.js';
+export { PageHeader } from '../../src/client/interfaces/components/ui/blocks/page-header/page-header.js';
+export { ListCardsContainer } from '../../src/client/interfaces/components/ui/blocks/list-cards-container/list-cards-container.js';
+export { Button } from '../../src/client/interfaces/components/ui/buttons/button.js';
+export { ReturnButton } from '../../src/client/interfaces/components/ui/buttons/return-button.js';
+export { ResourceCard } from '../../src/client/interfaces/components/ui/cards/resource-card/resource-card.js';
+export { ActionButtonsCard } from '../../src/client/interfaces/components/ui/cards/action-buttons-card.js';
+export { ArrayList } from '../../src/client/interfaces/components/ui/display/array-list.js';
+export { Badge } from '../../src/client/interfaces/components/ui/display/badge.js';
+export { HtmlDisplay } from '../../src/client/interfaces/components/ui/display/html-display.js';
+export { ObjectArrayList } from '../../src/client/interfaces/components/ui/display/object-array-list.js';
+export { Accordion } from '../../src/client/interfaces/components/ui/features/accordion/accordion.js';
+export { AccordionContainer } from '../../src/client/interfaces/components/ui/features/accordion/accordion-container.js';
+export { ExpandableList } from '../../src/client/interfaces/components/ui/features/expandable-list/expandable-list.js';
+export { createFilePreview } from '../../src/client/interfaces/components/ui/features/file/file-preview/file-preview.js';
+export { createFilePreviewList } from '../../src/client/interfaces/components/ui/features/file/file-preview/file-preview-list.js';
+export { createFilePicker } from '../../src/client/interfaces/components/ui/features/file/file-picker/file-picker.js';
+export { createUploader } from '../../src/client/interfaces/components/ui/features/file/uploader.js';
+export { PickModal } from '../../src/client/interfaces/components/ui/features/pick-modal/pick-modal.js';
+export { ExternalLink } from '../../src/client/interfaces/components/ui/features/external-link.js';
+export { createSmartImage } from '../../src/client/interfaces/components/ui/features/smart-image.js';
+export { Tick } from '../../src/client/interfaces/components/ui/features/tick.js';
+export { Form } from '../../src/client/interfaces/components/ui/form/form.js';
+export { Field } from '../../src/client/interfaces/components/ui/form/field.js';
+export { FieldBody } from '../../src/client/interfaces/components/ui/form/field-body.js';
+export { FieldsContainer } from '../../src/client/interfaces/components/ui/form/containers/fields-container.js';
+export { MainFields } from '../../src/client/interfaces/components/ui/form/containers/main-fields.js';
+export { SideFields } from '../../src/client/interfaces/components/ui/form/containers/side-fields.js';
+export { IndexField } from '../../src/client/interfaces/components/ui/form/index-field.js';
+export { SlugField } from '../../src/client/interfaces/components/ui/form/slug-field.js';
+export { ControlFields } from '../../src/client/interfaces/components/ui/form/control-fields/control-fields.js';
+export { ArrayInput } from '../../src/client/interfaces/components/ui/inputs/array-input.js';
+export { Checkbox } from '../../src/client/interfaces/components/ui/inputs/checkbox.js';
+export { Input } from '../../src/client/interfaces/components/ui/inputs/input.js';
+export { PasswordInput } from '../../src/client/interfaces/components/ui/inputs/password-input.js';
+export { SearchInput } from '../../src/client/interfaces/components/ui/inputs/search-input.js';
+export { Option, Select } from '../../src/client/interfaces/components/ui/inputs/select.js';
+export { Textarea } from '../../src/client/interfaces/components/ui/inputs/textarea.js';
 export { ContentContainer } from '../../src/client/interfaces/components/ui/layouts/content-container.js';
+export { DashboardSkeleton } from '../../src/client/interfaces/components/ui/layouts/dashboard-skeleton.js';
+export { AuthSkeleton } from '../../src/client/interfaces/components/ui/layouts/auth-skeleton.js';
+export { NavMain } from '../../src/client/interfaces/components/ui/layouts/sidebar/nav-main.js';
 import 'react/jsx-runtime';
-export { NAVBAR_HEIGHT, PAGE_HEADER_HEIGHT, SIDEBAR_WIDTH } from '../../src/client/interfaces/styles/constants.js';
 import '@radix-ui/react-avatar';
 export { useDeviceInfo } from '../../src/client/applications/auth/sign-in/use-device-info.js';
 export { usePickItems } from '../../src/client/applications/form/use-pick-items.js';
@@ -18,41 +57,21 @@ export { cn } from '../../src/client/applications/shadcn/utils.js';
 import 'react';
 import 'next/navigation';
 export { isConfirm } from '../../src/client/applications/ui/is-confirm.js';
+import '../../src/client/interfaces/components/shadcn/badge.js';
 import '../../src/client/interfaces/components/shadcn/button.js';
 import '@radix-ui/react-collapsible';
-import '@radix-ui/react-dropdown-menu';
+import '@radix-ui/react-dialog';
 import 'lucide-react';
+import '@radix-ui/react-dropdown-menu';
 import '../../src/client/interfaces/components/shadcn/input-group.js';
 import '@radix-ui/react-label';
 import '@radix-ui/react-select';
 import '@radix-ui/react-separator';
-import '@radix-ui/react-dialog';
 export { Sidebar, SidebarContent, SidebarInset, SidebarProvider, useSidebar } from '../../src/client/interfaces/components/shadcn/sidebar.js';
 import '@radix-ui/react-tooltip';
-export { NavMain } from '../../src/client/interfaces/components/ui/layouts/sidebar/nav-main.js';
 export { createNavbar } from '../../src/client/interfaces/components/ui/layouts/navbar/navbar.js';
 export { createI18nSelector } from '../../src/client/interfaces/components/ui/layouts/navbar/i18n-selector.js';
 export { createSignOutButton } from '../../src/client/interfaces/components/ui/layouts/navbar/sign-out-button.js';
-export { PageHeader } from '../../src/client/interfaces/components/ui/blocks/page-header/page-header.js';
-export { ListCardsContainer } from '../../src/client/interfaces/components/ui/blocks/list-cards-container/list-cards-container.js';
-export { Form } from '../../src/client/interfaces/components/ui/form/form.js';
-export { Field } from '../../src/client/interfaces/components/ui/form/field.js';
-export { FieldBody } from '../../src/client/interfaces/components/ui/form/field-body.js';
-export { FieldsContainer } from '../../src/client/interfaces/components/ui/form/containers/fields-container.js';
-export { MainFields } from '../../src/client/interfaces/components/ui/form/containers/main-fields.js';
-export { SideFields } from '../../src/client/interfaces/components/ui/form/containers/side-fields.js';
-export { IndexField } from '../../src/client/interfaces/components/ui/form/index-field.js';
-export { SlugField } from '../../src/client/interfaces/components/ui/form/slug-field.js';
-export { ControlFields } from '../../src/client/interfaces/components/ui/form/control-fields/control-fields.js';
-export { Button } from '../../src/client/interfaces/components/ui/buttons/button.js';
-export { ReturnButton } from '../../src/client/interfaces/components/ui/buttons/return-button.js';
-export { ArrayInput } from '../../src/client/interfaces/components/ui/inputs/array-input.js';
-export { Checkbox } from '../../src/client/interfaces/components/ui/inputs/checkbox.js';
-export { Input } from '../../src/client/interfaces/components/ui/inputs/input.js';
-export { PasswordInput } from '../../src/client/interfaces/components/ui/inputs/password-input.js';
-export { SearchInput } from '../../src/client/interfaces/components/ui/inputs/search-input.js';
-export { Option, Select } from '../../src/client/interfaces/components/ui/inputs/select.js';
-export { Textarea } from '../../src/client/interfaces/components/ui/inputs/textarea.js';
 export { createSignInPage } from '../../src/client/interfaces/pages/auth/sign-in/page.js';
 export { createVerifyEmailPage } from '../../src/client/interfaces/pages/auth/verify-email/page.js';
 export { createEmailUnverifiedPage } from '../../src/client/interfaces/pages/auth/email-unverified/page.js';
@@ -61,3 +80,4 @@ export { createResetPasswordPage } from '../../src/client/interfaces/pages/auth/
 export { createChangePasswordPage } from '../../src/client/interfaces/pages/auth/change-password/page.js';
 export { createAuthLayout } from '../../src/client/interfaces/pages/auth/layout.js';
 export { createDashboardLayout } from '../../src/client/interfaces/pages/dashboard/layout.js';
+export { NAVBAR_HEIGHT, PAGE_HEADER_HEIGHT, SIDEBAR_WIDTH } from '../../src/client/interfaces/styles/constants.js';

package/dist/export/client/shadcn/index.js

@@ -1,7 +1,9 @@
 export { Avatar, AvatarFallback, AvatarImage } from '../../../src/client/interfaces/components/shadcn/avatar.js';
+export { Badge, badgeVariants } from '../../../src/client/interfaces/components/shadcn/badge.js';
 export { Button, buttonVariants } from '../../../src/client/interfaces/components/shadcn/button.js';
 export { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from '../../../src/client/interfaces/components/shadcn/card.js';
 export { Collapsible, CollapsibleContent, CollapsibleTrigger } from '../../../src/client/interfaces/components/shadcn/collapsible.js';
+export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger } from '../../../src/client/interfaces/components/shadcn/dialog.js';
 export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger } from '../../../src/client/interfaces/components/shadcn/dropdown-menu.js';
 export { Input } from '../../../src/client/interfaces/components/shadcn/input.js';
 export { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea } from '../../../src/client/interfaces/components/shadcn/input-group.js';

package/dist/src/client/interfaces/components/shadcn/badge.js

@@ -0,0 +1,37 @@
+import { jsx } from 'react/jsx-runtime';
+import { Slot } from '@radix-ui/react-slot';
+import { cva } from 'class-variance-authority';
+import 'react';
+import 'ua-parser-js';
+import { cn } from '../../../applications/shadcn/utils.js';
+import 'next/navigation';
+
+const badgeVariants = cva(
+  "inline-flex items-center justify-center rounded-full border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-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 transition-[color,box-shadow] overflow-hidden",
+  {
+    variants: {
+      variant: {
+        default: "border-transparent bg-primary text-primary-foreground [a&]:hover:bg-primary/90",
+        secondary: "border-transparent bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90",
+        destructive: "border-transparent bg-destructive text-white [a&]:hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
+        outline: "text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+function Badge({ className, variant, asChild = false, ...props }) {
+  const Comp = asChild ? Slot : "span";
+  return /* @__PURE__ */ jsx(
+    Comp,
+    {
+      "data-slot": "badge",
+      className: cn(badgeVariants({ variant }), className),
+      ...props
+    }
+  );
+}
+
+export { Badge, badgeVariants };

package/dist/src/client/interfaces/components/shadcn/dialog.js

@@ -0,0 +1,132 @@
+"use client";
+import { jsx, jsxs } from 'react/jsx-runtime';
+import * as DialogPrimitive from '@radix-ui/react-dialog';
+import { XIcon } from 'lucide-react';
+import 'react';
+import 'ua-parser-js';
+import { cn } from '../../../applications/shadcn/utils.js';
+import 'next/navigation';
+
+function Dialog({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(DialogPrimitive.Root, { "data-slot": "dialog", ...props });
+}
+function DialogTrigger({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(DialogPrimitive.Trigger, { "data-slot": "dialog-trigger", ...props });
+}
+function DialogPortal({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(DialogPrimitive.Portal, { "data-slot": "dialog-portal", ...props });
+}
+function DialogClose({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(DialogPrimitive.Close, { "data-slot": "dialog-close", ...props });
+}
+function DialogOverlay({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    DialogPrimitive.Overlay,
+    {
+      "data-slot": "dialog-overlay",
+      className: cn(
+        "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function DialogContent({
+  className,
+  children,
+  showCloseButton = true,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(DialogPortal, { "data-slot": "dialog-portal", children: [
+    /* @__PURE__ */ jsx(DialogOverlay, {}),
+    /* @__PURE__ */ jsxs(
+      DialogPrimitive.Content,
+      {
+        "data-slot": "dialog-content",
+        className: cn(
+          // "max-w-[calc(100%-2rem)] sm:max-w-lg  w-full",
+          "bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-8 shadow-lg duration-200",
+          className
+        ),
+        ...props,
+        children: [
+          children,
+          showCloseButton && /* @__PURE__ */ jsxs(
+            DialogPrimitive.Close,
+            {
+              "data-slot": "dialog-close",
+              className: "ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+              children: [
+                /* @__PURE__ */ jsx(XIcon, {}),
+                /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Close" })
+              ]
+            }
+          )
+        ]
+      }
+    )
+  ] });
+}
+function DialogHeader({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "dialog-header",
+      className: cn("flex flex-col gap-2 text-center sm:text-left", className),
+      ...props
+    }
+  );
+}
+function DialogFooter({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "dialog-footer",
+      className: cn(
+        "flex flex-col-reverse gap-2 sm:flex-row sm:justify-end",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function DialogTitle({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    DialogPrimitive.Title,
+    {
+      "data-slot": "dialog-title",
+      className: cn("text-lg leading-none font-semibold", className),
+      ...props
+    }
+  );
+}
+function DialogDescription({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    DialogPrimitive.Description,
+    {
+      "data-slot": "dialog-description",
+      className: cn("text-muted-foreground text-sm", className),
+      ...props
+    }
+  );
+}
+
+export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger };

package/dist/src/client/interfaces/components/shadcn/sheet.js

@@ -1,6 +1,6 @@
 "use client";
 import { jsx, jsxs } from 'react/jsx-runtime';
-import * as SheetPrimitive from '@radix-ui/react-dialog';
+import * as DialogPrimitive from '@radix-ui/react-dialog';
 import { XIcon } from 'lucide-react';
 import 'react';
 import 'ua-parser-js';
@@ -8,29 +8,29 @@ import { cn } from '../../../applications/shadcn/utils.js';
 import 'next/navigation';
 
 function Sheet({ ...props }) {
-  return /* @__PURE__ */ jsx(SheetPrimitive.Root, { "data-slot": "sheet", ...props });
+  return /* @__PURE__ */ jsx(DialogPrimitive.Root, { "data-slot": "sheet", ...props });
 }
 function SheetTrigger({
   ...props
 }) {
-  return /* @__PURE__ */ jsx(SheetPrimitive.Trigger, { "data-slot": "sheet-trigger", ...props });
+  return /* @__PURE__ */ jsx(DialogPrimitive.Trigger, { "data-slot": "sheet-trigger", ...props });
 }
 function SheetClose({
   ...props
 }) {
-  return /* @__PURE__ */ jsx(SheetPrimitive.Close, { "data-slot": "sheet-close", ...props });
+  return /* @__PURE__ */ jsx(DialogPrimitive.Close, { "data-slot": "sheet-close", ...props });
 }
 function SheetPortal({
   ...props
 }) {
-  return /* @__PURE__ */ jsx(SheetPrimitive.Portal, { "data-slot": "sheet-portal", ...props });
+  return /* @__PURE__ */ jsx(DialogPrimitive.Portal, { "data-slot": "sheet-portal", ...props });
 }
 function SheetOverlay({
   className,
   ...props
 }) {
   return /* @__PURE__ */ jsx(
-    SheetPrimitive.Overlay,
+    DialogPrimitive.Overlay,
     {
       "data-slot": "sheet-overlay",
       className: cn(
@@ -50,7 +50,7 @@ function SheetContent({
   return /* @__PURE__ */ jsxs(SheetPortal, { children: [
     /* @__PURE__ */ jsx(SheetOverlay, {}),
     /* @__PURE__ */ jsxs(
-      SheetPrimitive.Content,
+      DialogPrimitive.Content,
       {
         "data-slot": "sheet-content",
         className: cn(
@@ -64,7 +64,7 @@ function SheetContent({
         ...props,
         children: [
           children,
-          /* @__PURE__ */ jsxs(SheetPrimitive.Close, { className: "ring-offset-background focus:ring-ring data-[state=open]:bg-secondary absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none", children: [
+          /* @__PURE__ */ jsxs(DialogPrimitive.Close, { className: "ring-offset-background focus:ring-ring data-[state=open]:bg-secondary absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none", children: [
             /* @__PURE__ */ jsx(XIcon, { className: "size-4" }),
             /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Close" })
           ] })
@@ -98,7 +98,7 @@ function SheetTitle({
   ...props
 }) {
   return /* @__PURE__ */ jsx(
-    SheetPrimitive.Title,
+    DialogPrimitive.Title,
     {
       "data-slot": "sheet-title",
       className: cn("text-foreground font-semibold", className),
@@ -111,7 +111,7 @@ function SheetDescription({
   ...props
 }) {
   return /* @__PURE__ */ jsx(
-    SheetPrimitive.Description,
+    DialogPrimitive.Description,
     {
       "data-slot": "sheet-description",
       className: cn("text-muted-foreground text-sm", className),

package/dist/src/client/interfaces/components/ui/blocks/list-cards-container/list-cards-container.js

@@ -7,15 +7,16 @@ import 'ua-parser-js';
 import 'clsx';
 import 'tailwind-merge';
 import 'next/navigation';
+import '../../../shadcn/badge.js';
 import '../../../shadcn/button.js';
 import '@radix-ui/react-collapsible';
-import '@radix-ui/react-dropdown-menu';
+import '@radix-ui/react-dialog';
 import 'lucide-react';
+import '@radix-ui/react-dropdown-menu';
 import '../../../shadcn/input-group.js';
 import '@radix-ui/react-label';
 import '@radix-ui/react-select';
 import '@radix-ui/react-separator';
-import '@radix-ui/react-dialog';
 import '../../../shadcn/sidebar.js';
 import { Spinner } from '../../../shadcn/spinner.js';
 import '@radix-ui/react-tooltip';

package/dist/src/client/interfaces/components/ui/blocks/list-cards-container/page-size-selector.js

@@ -8,14 +8,15 @@ import 'clsx';
 import 'tailwind-merge';
 import 'next/navigation';
 import '@radix-ui/react-avatar';
+import '../../../shadcn/badge.js';
 import '../../../shadcn/button.js';
 import '@radix-ui/react-collapsible';
+import '@radix-ui/react-dialog';
 import '@radix-ui/react-dropdown-menu';
 import '../../../shadcn/input-group.js';
 import '@radix-ui/react-label';
 import '@radix-ui/react-select';
 import '@radix-ui/react-separator';
-import '@radix-ui/react-dialog';
 import '../../../shadcn/sidebar.js';
 import '@radix-ui/react-tooltip';
 import { Select, Option } from '../../inputs/select.js';

package/dist/src/client/interfaces/components/ui/blocks/list-cards-container/pagination.js

@@ -6,16 +6,17 @@ import 'ua-parser-js';
 import 'clsx';
 import 'tailwind-merge';
 import 'next/navigation';
+import '../../../shadcn/badge.js';
 import '../../../shadcn/button.js';
 import '@radix-ui/react-collapsible';
-import '@radix-ui/react-dropdown-menu';
+import '@radix-ui/react-dialog';
 import 'lucide-react';
+import '@radix-ui/react-dropdown-menu';
 import '../../../shadcn/input-group.js';
 import '@radix-ui/react-label';
 import { Pagination as Pagination$1, PaginationContent, PaginationItem, PaginationPrevious, PaginationLink, PaginationEllipsis, PaginationNext } from '../../../shadcn/pagination.js';
 import '@radix-ui/react-select';
 import '@radix-ui/react-separator';
-import '@radix-ui/react-dialog';
 import '../../../shadcn/sidebar.js';
 import '@radix-ui/react-tooltip';
 

package/dist/src/client/interfaces/components/ui/blocks/page-header/page-header.js

@@ -8,14 +8,15 @@ import { cn } from '../../../../../applications/shadcn/utils.js';
 import 'next/navigation';
 import { PAGE_HEADER_HEIGHT } from '../../../../styles/constants.js';
 import '@radix-ui/react-avatar';
+import '../../../shadcn/badge.js';
 import '../../../shadcn/button.js';
 import '@radix-ui/react-collapsible';
+import '@radix-ui/react-dialog';
 import '@radix-ui/react-dropdown-menu';
 import '../../../shadcn/input-group.js';
 import '@radix-ui/react-label';
 import '@radix-ui/react-select';
 import { Separator } from '../../../shadcn/separator.js';
-import '@radix-ui/react-dialog';
 import '../../../shadcn/sidebar.js';
 import '@radix-ui/react-tooltip';
 import { PageHeaderTitle } from './page-header-title.js';

package/dist/src/client/interfaces/components/ui/blocks/page-header/presets/batch-create.js

@@ -6,14 +6,15 @@ import '@radix-ui/react-avatar';
 import 'ua-parser-js';
 import 'clsx';
 import 'tailwind-merge';
+import '../../../../shadcn/badge.js';
 import '../../../../shadcn/button.js';
 import '@radix-ui/react-collapsible';
+import '@radix-ui/react-dialog';
 import '@radix-ui/react-dropdown-menu';
 import '../../../../shadcn/input-group.js';
 import '@radix-ui/react-label';
 import '@radix-ui/react-select';
 import '@radix-ui/react-separator';
-import '@radix-ui/react-dialog';
 import '../../../../shadcn/sidebar.js';
 import '@radix-ui/react-tooltip';
 import { ReturnButton } from '../../../buttons/return-button.js';

package/dist/src/client/interfaces/components/ui/blocks/page-header/presets/create.js

@@ -6,14 +6,15 @@ import '@radix-ui/react-avatar';
 import 'ua-parser-js';
 import 'clsx';
 import 'tailwind-merge';
+import '../../../../shadcn/badge.js';
 import '../../../../shadcn/button.js';
 import '@radix-ui/react-collapsible';
+import '@radix-ui/react-dialog';
 import '@radix-ui/react-dropdown-menu';
 import '../../../../shadcn/input-group.js';
 import '@radix-ui/react-label';
 import '@radix-ui/react-select';
 import '@radix-ui/react-separator';
-import '@radix-ui/react-dialog';
 import '../../../../shadcn/sidebar.js';
 import '@radix-ui/react-tooltip';
 import { ReturnButton } from '../../../buttons/return-button.js';

package/dist/src/client/interfaces/components/ui/blocks/page-header/presets/edit.js

@@ -6,14 +6,15 @@ import '@radix-ui/react-avatar';
 import 'ua-parser-js';
 import 'clsx';
 import 'tailwind-merge';
+import '../../../../shadcn/badge.js';
 import '../../../../shadcn/button.js';
 import '@radix-ui/react-collapsible';
+import '@radix-ui/react-dialog';
 import '@radix-ui/react-dropdown-menu';
 import '../../../../shadcn/input-group.js';
 import '@radix-ui/react-label';
 import '@radix-ui/react-select';
 import '@radix-ui/react-separator';
-import '@radix-ui/react-dialog';
 import '../../../../shadcn/sidebar.js';
 import '@radix-ui/react-tooltip';
 import { ReturnButton } from '../../../buttons/return-button.js';

package/dist/src/client/interfaces/components/ui/buttons/button.js

@@ -6,15 +6,16 @@ import '@radix-ui/react-avatar';
 import 'ua-parser-js';
 import 'clsx';
 import 'tailwind-merge';
+import '../../shadcn/badge.js';
 import { Button as Button$1 } from '../../shadcn/button.js';
 import '@radix-ui/react-collapsible';
-import '@radix-ui/react-dropdown-menu';
+import '@radix-ui/react-dialog';
 import 'lucide-react';
+import '@radix-ui/react-dropdown-menu';
 import '../../shadcn/input-group.js';
 import '@radix-ui/react-label';
 import '@radix-ui/react-select';
 import '@radix-ui/react-separator';
-import '@radix-ui/react-dialog';
 import '../../shadcn/sidebar.js';
 import { Spinner } from '../../shadcn/spinner.js';
 import '@radix-ui/react-tooltip';

package/dist/src/client/interfaces/components/ui/cards/action-buttons-card.js

@@ -0,0 +1,82 @@
+"use client";
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { useTranslator } from 'intor/react';
+import '@radix-ui/react-avatar';
+import 'react';
+import 'ua-parser-js';
+import 'clsx';
+import 'tailwind-merge';
+import 'next/navigation';
+import '../../shadcn/badge.js';
+import '../../shadcn/button.js';
+import { Card } from '../../shadcn/card.js';
+import '@radix-ui/react-collapsible';
+import '@radix-ui/react-dialog';
+import 'lucide-react';
+import '@radix-ui/react-dropdown-menu';
+import '../../shadcn/input-group.js';
+import '@radix-ui/react-label';
+import '@radix-ui/react-select';
+import '@radix-ui/react-separator';
+import '../../shadcn/sidebar.js';
+import '@radix-ui/react-tooltip';
+import { Button } from '../buttons/button.js';
+import { ReturnButton } from '../buttons/return-button.js';
+
+function ActionButtonsCard({
+  action = "create",
+  // button props
+  cancelButtonProps,
+  actionButtonProps,
+  // ui states
+  isProcessing = false,
+  isInitializing = false
+}) {
+  const { t } = useTranslator();
+  let type = "submit";
+  let variant = "success";
+  let children = t("ui.button.create.text");
+  switch (action) {
+    case "update": {
+      variant = "warning";
+      children = t("ui.button.update.text");
+      break;
+    }
+    case "confirm": {
+      type = "button";
+      children = t("ui.button.confirm.text");
+      break;
+    }
+  }
+  return /* @__PURE__ */ jsx(Card, { className: "p-6", children: /* @__PURE__ */ jsxs("div", { className: "flex gap-4", children: [
+    /* @__PURE__ */ jsx(
+      ReturnButton,
+      {
+        type: "button",
+        size: "lg",
+        isDisabled: isInitializing,
+        useConfirm: true,
+        useIcon: false,
+        replaceParent: true,
+        className: "flex-1",
+        ...cancelButtonProps,
+        children: t("ui.button.cancel.text")
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      Button,
+      {
+        type,
+        size: "lg",
+        variant,
+        isLoading: isProcessing,
+        isDisabled: isInitializing,
+        className: "flex-1",
+        ...actionButtonProps,
+        children
+      }
+    )
+  ] }) });
+}
+
+export { ActionButtonsCard };