@yimingliao/cms 0.0.146 → 0.0.147

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

@@ -0,0 +1,94 @@
+"use client";
+import { jsx, jsxs } from 'react/jsx-runtime';
+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 '@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 { 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 '../../../shadcn/sidebar.js';
+import '@radix-ui/react-tooltip';
+
+function Pagination({
+  page,
+  setPage,
+  pageSize,
+  total = 0
+}) {
+  const totalPages = Math.ceil(total / pageSize);
+  const isFirst = page === 1;
+  const isLastPage = page === totalPages;
+  const handlePrev = () => {
+    if (isFirst) return;
+    setPage((prev) => prev - 1);
+  };
+  const handleNext = () => {
+    if (isLastPage) return;
+    setPage((prev) => prev + 1);
+  };
+  const siblingsCount = 2;
+  let startPage = Math.max(2, page - siblingsCount);
+  let endPage = Math.min(totalPages - 1, page + siblingsCount);
+  if (page - siblingsCount < 2) {
+    endPage = Math.min(totalPages - 1, endPage + (2 - (page - siblingsCount)));
+  }
+  if (page + siblingsCount > totalPages - 1) {
+    startPage = Math.max(
+      2,
+      startPage - (page + siblingsCount - (totalPages - 1))
+    );
+  }
+  const pages = [];
+  for (let i = startPage; i <= endPage; i++) {
+    pages.push(i);
+  }
+  const isAtFirstPage = page === 1;
+  const isAtLastPage = page === totalPages;
+  return /* @__PURE__ */ jsx(Pagination$1, { className: "flex-1", children: /* @__PURE__ */ jsxs(PaginationContent, { children: [
+    /* @__PURE__ */ jsx(PaginationItem, { children: /* @__PURE__ */ jsx(PaginationPrevious, { disabled: isAtFirstPage, onClick: handlePrev }) }),
+    /* @__PURE__ */ jsx(PaginationItem, { children: /* @__PURE__ */ jsx(
+      PaginationLink,
+      {
+        isActive: page === 1,
+        disabled: isAtFirstPage,
+        onClick: () => setPage(1),
+        children: "1"
+      }
+    ) }),
+    startPage > 2 && /* @__PURE__ */ jsx(PaginationItem, { children: /* @__PURE__ */ jsx(PaginationEllipsis, {}) }),
+    pages.map((p) => {
+      const isThisPage = page === p;
+      return /* @__PURE__ */ jsx(PaginationItem, { children: /* @__PURE__ */ jsx(PaginationLink, { isActive: isThisPage, onClick: () => setPage(p), children: p }) }, p);
+    }),
+    endPage < totalPages - 1 && /* @__PURE__ */ jsx(PaginationItem, { children: /* @__PURE__ */ jsx(PaginationEllipsis, {}) }),
+    totalPages > 1 && /* @__PURE__ */ jsx(PaginationItem, { children: /* @__PURE__ */ jsx(
+      PaginationLink,
+      {
+        isActive: page === totalPages,
+        disabled: isAtLastPage,
+        onClick: () => setPage(totalPages),
+        children: totalPages
+      }
+    ) }),
+    /* @__PURE__ */ jsx(PaginationItem, { children: /* @__PURE__ */ jsx(
+      PaginationNext,
+      {
+        disabled: isAtLastPage || totalPages <= 1,
+        onClick: handleNext
+      }
+    ) })
+  ] }) });
+}
+
+export { Pagination };

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

@@ -0,0 +1,26 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { createElement } from 'react';
+import 'ua-parser-js';
+import { cn } from '../../../../../applications/shadcn/utils.js';
+import 'next/navigation';
+
+function PageHeaderTitle({
+  icon,
+  title,
+  subtitle,
+  children,
+  leftChildren,
+  className
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: cn("flex items-center gap-3", className), children: [
+    leftChildren,
+    icon && createElement(icon),
+    /* @__PURE__ */ jsxs("div", { className: "flex-center w-fit gap-3 whitespace-nowrap", children: [
+      subtitle && /* @__PURE__ */ jsx("p", { className: "text-muted-foreground", children: subtitle }),
+      /* @__PURE__ */ jsx("p", { className: "scroll-m-20 text-xl font-semibold tracking-tight", children: title })
+    ] }),
+    children
+  ] });
+}
+
+export { PageHeaderTitle };

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

@@ -0,0 +1,74 @@
+"use client";
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useTranslator } from 'intor/react';
+import { Files } from 'lucide-react';
+import 'react';
+import 'ua-parser-js';
+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 '../../../shadcn/sidebar.js';
+import '@radix-ui/react-tooltip';
+import { PageHeaderTitle } from './page-header-title.js';
+import { createIndexPreset } from './presets/index.js';
+import { createBatchPreset } from './presets/batch.js';
+import { createBatchCreatePreset } from './presets/batch-create.js';
+import { createCreatePreset } from './presets/create.js';
+import { createEditPreset } from './presets/edit.js';
+import { createShowPreset } from './presets/show.js';
+import { createTrashPreset } from './presets/trash.js';
+
+const PRESET_BUILDERS = {
+  default: () => ({ titleProps: { icon: Files } }),
+  index: createIndexPreset,
+  create: createCreatePreset,
+  show: createShowPreset,
+  edit: createEditPreset,
+  batch: createBatchPreset,
+  "batch-create": createBatchCreatePreset,
+  trash: createTrashPreset
+};
+function PageHeader(props) {
+  const { t } = useTranslator();
+  const variant = props.variant ?? "default";
+  const isDefault = variant === "default";
+  const preset = PRESET_BUILDERS[variant]({ props, t });
+  const left = props.leftChildren ?? preset.left;
+  const resolvedTitleProps = { ...preset.titleProps, ...props.titleProps };
+  const right = props.rightChildren ?? preset.right;
+  return /* @__PURE__ */ jsxs("div", { style: { height: PAGE_HEADER_HEIGHT }, children: [
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: cn(
+          "relative h-full px-6",
+          "flex items-center justify-between gap-3"
+        ),
+        children: [
+          !isDefault && left && /* @__PURE__ */ jsx("div", { className: "flex items-center gap-3", children: left }),
+          /* @__PURE__ */ jsx(
+            PageHeaderTitle,
+            {
+              className: cn(!isDefault && "absolute left-1/2 -translate-x-1/2"),
+              ...resolvedTitleProps
+            }
+          ),
+          right && /* @__PURE__ */ jsx("div", { className: "ml-auto flex items-center gap-3", children: right })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx(Separator, {})
+  ] });
+}
+
+export { PageHeader };

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

@@ -0,0 +1,33 @@
+import { jsx, Fragment } from 'react/jsx-runtime';
+import { FilePlus } from 'lucide-react';
+import 'next/navigation';
+import 'react';
+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 '../../../../shadcn/sidebar.js';
+import '@radix-ui/react-tooltip';
+import { ReturnButton } from '../../../buttons/return-button.js';
+
+function createBatchCreatePreset(ctx) {
+  const { props, t } = ctx;
+  return {
+    left: /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(ReturnButton, { useConfirm: true, replaceParent: true, ...props.returnButtonProps }) }),
+    titleProps: {
+      icon: FilePlus,
+      subtitle: t("ui.page-header.batch-create.subtitle.text")
+    }
+  };
+}
+
+export { createBatchCreatePreset };

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

@@ -0,0 +1,39 @@
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { FilePen, CopyCheck, CopyX, FileX, FilePlus } from 'lucide-react';
+import { Button } from '../../../buttons/button.js';
+import { ReturnButton } from '../../../buttons/return-button.js';
+
+function createBatchPreset(ctx) {
+  const { props, t } = ctx;
+  return {
+    left: /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(ReturnButton, { pushToParent: true, ...props.returnButtonProps, children: t("ui.button.exit-batch-mode.text") }) }),
+    titleProps: {
+      icon: FilePen,
+      subtitle: t("ui.page-header.batch.subtitle.text"),
+      children: /* @__PURE__ */ jsx(
+        Button,
+        {
+          variant: "success",
+          href: props.batchCreateButtonHref,
+          icon: FilePlus,
+          children: t("ui.button.batch-create.text")
+        }
+      )
+    },
+    right: /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(Button, { size: "icon", variant: "outline", onClick: props.selectAllFn, children: /* @__PURE__ */ jsx(CopyCheck, {}) }),
+      /* @__PURE__ */ jsx(Button, { size: "icon", variant: "outline", onClick: props.cancelAllFn, children: /* @__PURE__ */ jsx(CopyX, {}) }),
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          ...props.destroyButtonProps,
+          variant: "destructive",
+          icon: FileX,
+          children: t("ui.button.destroy.text")
+        }
+      )
+    ] })
+  };
+}
+
+export { createBatchPreset };

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

@@ -0,0 +1,33 @@
+import { jsx, Fragment } from 'react/jsx-runtime';
+import { FilePlus } from 'lucide-react';
+import 'next/navigation';
+import 'react';
+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 '../../../../shadcn/sidebar.js';
+import '@radix-ui/react-tooltip';
+import { ReturnButton } from '../../../buttons/return-button.js';
+
+function createCreatePreset(ctx) {
+  const { props, t } = ctx;
+  return {
+    left: /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(ReturnButton, { useConfirm: true, replaceParent: true, ...props.returnButtonProps }) }),
+    titleProps: {
+      icon: FilePlus,
+      subtitle: t("ui.page-header.create.subtitle.text")
+    }
+  };
+}
+
+export { createCreatePreset };

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

@@ -0,0 +1,33 @@
+import { jsx, Fragment } from 'react/jsx-runtime';
+import { FilePen } from 'lucide-react';
+import 'next/navigation';
+import 'react';
+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 '../../../../shadcn/sidebar.js';
+import '@radix-ui/react-tooltip';
+import { ReturnButton } from '../../../buttons/return-button.js';
+
+function createEditPreset(ctx) {
+  const { props, t } = ctx;
+  return {
+    left: /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(ReturnButton, { useConfirm: true, replaceParent: true, ...props.returnButtonProps }) }),
+    titleProps: {
+      icon: FilePen,
+      subtitle: t("ui.page-header.edit.subtitle.text")
+    }
+  };
+}
+
+export { createEditPreset };

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

@@ -0,0 +1,48 @@
+import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
+import { Files, FileStack, FolderCog, FileSpreadsheet, FilePlus } from 'lucide-react';
+import { Button } from '../../../buttons/button.js';
+import { ReturnButton } from '../../../buttons/return-button.js';
+
+function createIndexPreset(ctx) {
+  const { props, t } = ctx;
+  return {
+    left: /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(ReturnButton, { pushToParent: true, ...props.returnButtonProps }) }),
+    titleProps: {
+      icon: Files,
+      children: /* @__PURE__ */ jsxs(Fragment, { children: [
+        props.settingButtonProps && props.showTopicSettingButton && /* @__PURE__ */ jsx(
+          Button,
+          {
+            ...props.settingButtonProps,
+            variant: "outline",
+            icon: FolderCog,
+            isDisabled: props.settingButtonProps.isDisabled ?? props.isDisabled,
+            children: `${t("ui.button.setting.text")} ${t("resources.topic.text")}`
+          }
+        ),
+        props.createCategoryButtonProps && /* @__PURE__ */ jsx(
+          Button,
+          {
+            ...props.createCategoryButtonProps,
+            variant: "success",
+            icon: FileSpreadsheet,
+            isDisabled: props.createCategoryButtonProps.isDisabled ?? props.isDisabled,
+            children: t("ui.button.create.text")
+          }
+        ),
+        props.createButtonProps && /* @__PURE__ */ jsx(
+          Button,
+          {
+            variant: "success",
+            icon: FilePlus,
+            ...props.createButtonProps,
+            children: t("ui.button.create.text")
+          }
+        )
+      ] })
+    },
+    right: props.batchButtonProps && /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(Button, { variant: "outline", icon: FileStack, ...props.batchButtonProps, children: /* @__PURE__ */ jsx("span", { className: "text-sm", children: t("ui.button.batch.text") }) }) })
+  };
+}
+
+export { createIndexPreset };

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

@@ -0,0 +1,61 @@
+import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
+import { File, FileStack, FolderSearch, FilePen, FileX, Lock } from 'lucide-react';
+import 'react';
+import 'ua-parser-js';
+import { cn } from '../../../../../../applications/shadcn/utils.js';
+import 'next/navigation';
+import { Button } from '../../../buttons/button.js';
+import { ReturnButton } from '../../../buttons/return-button.js';
+
+function createShowPreset(ctx) {
+  const { props, t } = ctx;
+  return {
+    left: /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(ReturnButton, { pushToParent: true, ...props.returnButtonProps }) }),
+    titleProps: {
+      icon: File,
+      children: !props.isNotFound && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+        props.showButtonProps && /* @__PURE__ */ jsx(
+          Button,
+          {
+            ...props.showButtonProps,
+            variant: "outline",
+            icon: FolderSearch,
+            isDisabled: props.showButtonProps.isDisabled || props.isDisabled,
+            children: `${t("ui.button.show.text")} ${t("resources.related.text")}`
+          }
+        ),
+        props.editButtonProps && /* @__PURE__ */ jsx(
+          Button,
+          {
+            ...props.editButtonProps,
+            variant: "warning",
+            icon: FilePen,
+            isDisabled: props.editButtonProps.isDisabled || props.isDisabled,
+            children: t("ui.button.edit.text")
+          }
+        ),
+        props.destroyButtonProps && /* @__PURE__ */ jsx(
+          Button,
+          {
+            ...props.destroyButtonProps,
+            variant: "destructive",
+            icon: FileX,
+            isDisabled: props.destroyButtonProps.isDisabled || props.isDisabled,
+            children: t("ui.button.destroy.text")
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Lock,
+          {
+            className: cn(
+              props.isLocked && !props.isDisabled ? "opacity-100" : "opacity-0"
+            )
+          }
+        )
+      ] })
+    },
+    right: props.batchButtonProps && /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(Button, { variant: "outline", icon: FileStack, ...props.batchButtonProps, children: /* @__PURE__ */ jsx("span", { className: "text-sm", children: t("ui.button.batch.text") }) }) })
+  };
+}
+
+export { createShowPreset };

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

@@ -0,0 +1,39 @@
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { Trash2, CopyCheck, CopyX, FileSymlink, FileX } from 'lucide-react';
+import { Button } from '../../../buttons/button.js';
+import { ReturnButton } from '../../../buttons/return-button.js';
+
+function createTrashPreset(ctx) {
+  const { props, t } = ctx;
+  return {
+    left: /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(ReturnButton, { pushToParent: true, ...props.returnButtonProps }) }),
+    titleProps: {
+      icon: Trash2,
+      title: t("main.trash.text")
+    },
+    right: /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(Button, { size: "icon", variant: "outline", onClick: props.selectAllFn, children: /* @__PURE__ */ jsx(CopyCheck, {}) }),
+      /* @__PURE__ */ jsx(Button, { size: "icon", variant: "outline", onClick: props.cancelAllFn, children: /* @__PURE__ */ jsx(CopyX, {}) }),
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          ...props.restoreButtonProps,
+          variant: "success",
+          icon: FileSymlink,
+          children: t("ui.button.restore.text")
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          ...props.destroyButtonProps,
+          variant: "destructive",
+          icon: FileX,
+          children: t("ui.button.destroy.text")
+        }
+      )
+    ] })
+  };
+}
+
+export { createTrashPreset };

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

@@ -0,0 +1,61 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import { useTranslator } from 'intor/react';
+import { Undo2 } from 'lucide-react';
+import { useRouter } from 'next/navigation';
+import 'react';
+import 'ua-parser-js';
+import 'clsx';
+import 'tailwind-merge';
+import { useParentPathname } from '../../../../applications/ui/use-parent-pathname.js';
+import { isConfirm } from '../../../../applications/ui/is-confirm.js';
+import { Button } from './button.js';
+
+function ReturnButton({
+  icon,
+  useIcon = true,
+  // use in create/edit page
+  useConfirm = false,
+  // navigation
+  href,
+  replace = false,
+  pushToParent = false,
+  replaceParent = false,
+  // base
+  className,
+  children,
+  ...props
+}) {
+  const { t } = useTranslator();
+  const router = useRouter();
+  const parentPath = useParentPathname();
+  const handelClick = () => {
+    if (useConfirm) {
+      if (!isConfirm(t)) return;
+    }
+    if (href) {
+      return replace ? router.replace(href) : router.push(href);
+    }
+    if (replaceParent) {
+      return router.replace(parentPath);
+    }
+    if (pushToParent) {
+      return router.push(parentPath);
+    }
+    router.back();
+  };
+  return /* @__PURE__ */ jsx(
+    Button,
+    {
+      variant: "outline",
+      size: "sm",
+      icon: useIcon ? icon || Undo2 : void 0,
+      onClick: handelClick,
+      className,
+      ...props,
+      children: children ?? t("ui.button.return.text")
+    }
+  );
+}
+
+export { ReturnButton };

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: "min-w-[128px]",
+        ...cancelButtonProps,
+        children: t("ui.button.cancel.text")
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      Button,
+      {
+        type,
+        size: "lg",
+        variant,
+        isLoading: isProcessing,
+        isDisabled: isInitializing,
+        className: "min-w-[126px]",
+        ...actionButtonProps,
+        children
+      }
+    )
+  ] }) });
+}
+
+export { ActionButtonsCard };