@yimingliao/cms 0.0.126 → 0.0.128

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

@@ -0,0 +1,53 @@
+"use client";
+import * as TooltipPrimitive from '@radix-ui/react-tooltip';
+import * as React from 'react';
+import 'ua-parser-js';
+import { cn } from '../../../applications/shadcn/utils.js';
+import 'next/navigation';
+
+function TooltipProvider({
+  delayDuration = 0,
+  ...props
+}) {
+  return /* @__PURE__ */ React.createElement(
+    TooltipPrimitive.Provider,
+    {
+      "data-slot": "tooltip-provider",
+      delayDuration,
+      ...props
+    }
+  );
+}
+function Tooltip({
+  ...props
+}) {
+  return /* @__PURE__ */ React.createElement(TooltipProvider, null, /* @__PURE__ */ React.createElement(TooltipPrimitive.Root, { "data-slot": "tooltip", ...props }));
+}
+function TooltipTrigger({
+  ...props
+}) {
+  return /* @__PURE__ */ React.createElement(TooltipPrimitive.Trigger, { "data-slot": "tooltip-trigger", ...props });
+}
+function TooltipContent({
+  className,
+  sideOffset = 0,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ React.createElement(TooltipPrimitive.Portal, null, /* @__PURE__ */ React.createElement(
+    TooltipPrimitive.Content,
+    {
+      "data-slot": "tooltip-content",
+      sideOffset,
+      className: cn(
+        "bg-foreground text-background animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit origin-(--radix-tooltip-content-transform-origin) rounded-md px-3 py-1.5 text-xs text-balance",
+        className
+      ),
+      ...props
+    },
+    children,
+    /* @__PURE__ */ React.createElement(TooltipPrimitive.Arrow, { className: "bg-foreground fill-foreground z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]" })
+  ));
+}
+
+export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger };

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

@@ -0,0 +1,71 @@
+"use client";
+import { useTranslator } from 'intor/react';
+import { useEffect } from 'react';
+import '@radix-ui/react-avatar';
+import 'ua-parser-js';
+import 'clsx';
+import 'tailwind-merge';
+import 'next/navigation';
+import '../../../shadcn/button.js';
+import '@radix-ui/react-collapsible';
+import '@radix-ui/react-dropdown-menu';
+import 'lucide-react';
+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';
+import { SearchInput } from '../../inputs/search-input.js';
+import { PageSizeSelector } from './page-size-selector.js';
+import { Pagination } from './pagination.js';
+
+function ListCardsContainer({
+  // pagination
+  page,
+  setPage,
+  pageSize,
+  setPageSize,
+  total,
+  // search string
+  searchString,
+  setSearchString,
+  // ui states
+  isFetching,
+  // base
+  children,
+  headerChildren
+}) {
+  const { t } = useTranslator();
+  const isNotFound = total === 0;
+  useEffect(() => {
+    setPage(1);
+  }, [searchString, setPage]);
+  return /* @__PURE__ */ React.createElement("div", { className: "flex h-full flex-col gap-6" }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center justify-between" }, headerChildren, /* @__PURE__ */ React.createElement("div", { className: "ml-auto w-64" }, /* @__PURE__ */ React.createElement(
+    SearchInput,
+    {
+      searchString,
+      setSearchString,
+      isLoading: isFetching
+    }
+  ))), /* @__PURE__ */ React.createElement("div", { className: "max-h-[88%] flex-1 overflow-y-auto" }, isFetching ? /* @__PURE__ */ React.createElement(Spinner, null) : isNotFound ? /* @__PURE__ */ React.createElement("p", { className: "text-sm opacity-50" }, t("ui.no-data.text")) : /* @__PURE__ */ React.createElement("div", { className: "flex flex-wrap gap-4" }, children)), /* @__PURE__ */ React.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React.createElement("div", { className: "w-52" }), /* @__PURE__ */ React.createElement(
+    Pagination,
+    {
+      page,
+      setPage,
+      pageSize,
+      total
+    }
+  ), /* @__PURE__ */ React.createElement(
+    PageSizeSelector,
+    {
+      pageSize,
+      setPageSize,
+      setPage
+    }
+  )));
+}
+
+export { ListCardsContainer };

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

@@ -0,0 +1,43 @@
+import { useTranslator } from 'intor/react';
+import 'lucide-react';
+import 'react';
+import 'ua-parser-js';
+import 'clsx';
+import 'tailwind-merge';
+import 'next/navigation';
+import '@radix-ui/react-avatar';
+import '../../../shadcn/button.js';
+import '@radix-ui/react-collapsible';
+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';
+
+function PageSizeSelector({
+  pageSize,
+  setPageSize,
+  setPage
+}) {
+  const { t } = useTranslator();
+  return /* @__PURE__ */ React.createElement("div", { className: "flex w-52 items-center gap-4" }, /* @__PURE__ */ React.createElement("p", { className: "text-muted-foreground text-sm whitespace-nowrap" }, t("ui.layout.item-list-container.items-per-page.text")), /* @__PURE__ */ React.createElement(
+    Select,
+    {
+      value: String(pageSize),
+      onValueChange: (value) => {
+        setPageSize(Number(value ?? 20));
+        setPage(1);
+      },
+      className: "w-full"
+    },
+    /* @__PURE__ */ React.createElement(Option, { value: String(20) }, "20"),
+    /* @__PURE__ */ React.createElement(Option, { value: String(40) }, "40"),
+    /* @__PURE__ */ React.createElement(Option, { value: String(80) }, "80")
+  ));
+}
+
+export { PageSizeSelector };

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

@@ -0,0 +1,84 @@
+"use client";
+import '@radix-ui/react-avatar';
+import 'react';
+import 'ua-parser-js';
+import 'clsx';
+import 'tailwind-merge';
+import 'next/navigation';
+import '../../../shadcn/button.js';
+import '@radix-ui/react-collapsible';
+import '@radix-ui/react-dropdown-menu';
+import 'lucide-react';
+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';
+
+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__ */ React.createElement(Pagination$1, { className: "flex-1" }, /* @__PURE__ */ React.createElement(PaginationContent, null, /* @__PURE__ */ React.createElement(PaginationItem, null, /* @__PURE__ */ React.createElement(PaginationPrevious, { disabled: isAtFirstPage, onClick: handlePrev })), /* @__PURE__ */ React.createElement(PaginationItem, null, /* @__PURE__ */ React.createElement(
+    PaginationLink,
+    {
+      isActive: page === 1,
+      disabled: isAtFirstPage,
+      onClick: () => setPage(1)
+    },
+    "1"
+  )), startPage > 2 && /* @__PURE__ */ React.createElement(PaginationItem, null, /* @__PURE__ */ React.createElement(PaginationEllipsis, null)), pages.map((p) => {
+    const isThisPage = page === p;
+    return /* @__PURE__ */ React.createElement(PaginationItem, { key: p }, /* @__PURE__ */ React.createElement(PaginationLink, { isActive: isThisPage, onClick: () => setPage(p) }, p));
+  }), endPage < totalPages - 1 && /* @__PURE__ */ React.createElement(PaginationItem, null, /* @__PURE__ */ React.createElement(PaginationEllipsis, null)), totalPages > 1 && /* @__PURE__ */ React.createElement(PaginationItem, null, /* @__PURE__ */ React.createElement(
+    PaginationLink,
+    {
+      isActive: page === totalPages,
+      disabled: isAtLastPage,
+      onClick: () => setPage(totalPages)
+    },
+    totalPages
+  )), /* @__PURE__ */ React.createElement(PaginationItem, null, /* @__PURE__ */ React.createElement(
+    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,17 @@
+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__ */ React.createElement("div", { className: cn("flex items-center gap-3", className) }, leftChildren, icon && createElement(icon), /* @__PURE__ */ React.createElement("div", { className: "flex-center w-fit gap-3 whitespace-nowrap" }, subtitle && /* @__PURE__ */ React.createElement("p", { className: "text-muted-foreground" }, subtitle), /* @__PURE__ */ React.createElement("p", { className: "scroll-m-20 text-xl font-semibold tracking-tight" }, title)), children);
+}
+
+export { PageHeaderTitle };

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

@@ -0,0 +1,66 @@
+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/button.js';
+import '@radix-ui/react-collapsible';
+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';
+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__ */ React.createElement("div", { style: { height: PAGE_HEADER_HEIGHT } }, /* @__PURE__ */ React.createElement(
+    "div",
+    {
+      className: cn(
+        "relative h-full px-6",
+        "flex items-center justify-between gap-3"
+      )
+    },
+    !isDefault && left && /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-3" }, left),
+    /* @__PURE__ */ React.createElement(
+      PageHeaderTitle,
+      {
+        className: cn(!isDefault && "absolute left-1/2 -translate-x-1/2"),
+        ...resolvedTitleProps
+      }
+    ),
+    right && /* @__PURE__ */ React.createElement("div", { className: "ml-auto flex items-center gap-3" }, right)
+  ), /* @__PURE__ */ React.createElement(Separator, null));
+}
+
+export { PageHeader };

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

@@ -0,0 +1,31 @@
+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/button.js';
+import '@radix-ui/react-collapsible';
+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';
+
+function createBatchCreatePreset(ctx) {
+  const { props, t } = ctx;
+  return {
+    left: /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(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,34 @@
+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__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(ReturnButton, { pushToParent: true, ...props.returnButtonProps }, t("ui.button.exit-batch-mode.text"))),
+    titleProps: {
+      icon: FilePen,
+      subtitle: t("ui.page-header.batch.subtitle.text"),
+      children: /* @__PURE__ */ React.createElement(
+        Button,
+        {
+          variant: "success",
+          href: props.batchCreateButtonHref,
+          icon: FilePlus
+        },
+        t("ui.button.batch-create.text")
+      )
+    },
+    right: /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Button, { size: "icon", variant: "outline", onClick: props.selectAllFn }, /* @__PURE__ */ React.createElement(CopyCheck, null)), /* @__PURE__ */ React.createElement(Button, { size: "icon", variant: "outline", onClick: props.cancelAllFn }, /* @__PURE__ */ React.createElement(CopyX, null)), /* @__PURE__ */ React.createElement(
+      Button,
+      {
+        ...props.destroyButtonProps,
+        variant: "destructive",
+        icon: FileX
+      },
+      t("ui.button.destroy.text")
+    ))
+  };
+}
+
+export { createBatchPreset };

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

@@ -0,0 +1,31 @@
+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/button.js';
+import '@radix-ui/react-collapsible';
+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';
+
+function createCreatePreset(ctx) {
+  const { props, t } = ctx;
+  return {
+    left: /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(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,31 @@
+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/button.js';
+import '@radix-ui/react-collapsible';
+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';
+
+function createEditPreset(ctx) {
+  const { props, t } = ctx;
+  return {
+    left: /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(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,43 @@
+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__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(ReturnButton, { pushToParent: true, ...props.returnButtonProps })),
+    titleProps: {
+      icon: Files,
+      children: /* @__PURE__ */ React.createElement(React.Fragment, null, props.settingButtonProps && props.showTopicSettingButton && /* @__PURE__ */ React.createElement(
+        Button,
+        {
+          ...props.settingButtonProps,
+          variant: "outline",
+          icon: FolderCog,
+          isDisabled: props.settingButtonProps.isDisabled ?? props.isDisabled
+        },
+        `${t("ui.button.setting.text")} ${t("resources.topic.text")}`
+      ), props.createCategoryButtonProps && /* @__PURE__ */ React.createElement(
+        Button,
+        {
+          ...props.createCategoryButtonProps,
+          variant: "success",
+          icon: FileSpreadsheet,
+          isDisabled: props.createCategoryButtonProps.isDisabled ?? props.isDisabled
+        },
+        t("ui.button.create.text")
+      ), props.createButtonProps && /* @__PURE__ */ React.createElement(
+        Button,
+        {
+          variant: "success",
+          icon: FilePlus,
+          ...props.createButtonProps
+        },
+        t("ui.button.create.text")
+      ))
+    },
+    right: props.batchButtonProps && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Button, { variant: "outline", icon: FileStack, ...props.batchButtonProps }, /* @__PURE__ */ React.createElement("span", { className: "text-sm" }, t("ui.button.batch.text"))))
+  };
+}
+
+export { createIndexPreset };

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

@@ -0,0 +1,55 @@
+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__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(ReturnButton, { pushToParent: true, ...props.returnButtonProps })),
+    titleProps: {
+      icon: File,
+      children: !props.isNotFound && /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-3" }, props.showButtonProps && /* @__PURE__ */ React.createElement(
+        Button,
+        {
+          ...props.showButtonProps,
+          variant: "outline",
+          icon: FolderSearch,
+          isDisabled: props.showButtonProps.isDisabled || props.isDisabled
+        },
+        `${t("ui.button.show.text")} ${t("resources.related.text")}`
+      ), props.editButtonProps && /* @__PURE__ */ React.createElement(
+        Button,
+        {
+          ...props.editButtonProps,
+          variant: "warning",
+          icon: FilePen,
+          isDisabled: props.editButtonProps.isDisabled || props.isDisabled
+        },
+        t("ui.button.edit.text")
+      ), props.destroyButtonProps && /* @__PURE__ */ React.createElement(
+        Button,
+        {
+          ...props.destroyButtonProps,
+          variant: "destructive",
+          icon: FileX,
+          isDisabled: props.destroyButtonProps.isDisabled || props.isDisabled
+        },
+        t("ui.button.destroy.text")
+      ), /* @__PURE__ */ React.createElement(
+        Lock,
+        {
+          className: cn(
+            props.isLocked && !props.isDisabled ? "opacity-100" : "opacity-0"
+          )
+        }
+      ))
+    },
+    right: props.batchButtonProps && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Button, { variant: "outline", icon: FileStack, ...props.batchButtonProps }, /* @__PURE__ */ React.createElement("span", { className: "text-sm" }, t("ui.button.batch.text"))))
+  };
+}
+
+export { createShowPreset };

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

@@ -0,0 +1,33 @@
+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__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(ReturnButton, { pushToParent: true, ...props.returnButtonProps })),
+    titleProps: {
+      icon: Trash2,
+      title: t("main.trash.text")
+    },
+    right: /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Button, { size: "icon", variant: "outline", onClick: props.selectAllFn }, /* @__PURE__ */ React.createElement(CopyCheck, null)), /* @__PURE__ */ React.createElement(Button, { size: "icon", variant: "outline", onClick: props.cancelAllFn }, /* @__PURE__ */ React.createElement(CopyX, null)), /* @__PURE__ */ React.createElement(
+      Button,
+      {
+        ...props.restoreButtonProps,
+        variant: "success",
+        icon: FileSymlink
+      },
+      t("ui.button.restore.text")
+    ), /* @__PURE__ */ React.createElement(
+      Button,
+      {
+        ...props.destroyButtonProps,
+        variant: "destructive",
+        icon: FileX
+      },
+      t("ui.button.destroy.text")
+    ))
+  };
+}
+
+export { createTrashPreset };

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

@@ -0,0 +1,52 @@
+import { useRouter } from 'next/navigation';
+import { createElement } from 'react';
+import '@radix-ui/react-avatar';
+import 'ua-parser-js';
+import 'clsx';
+import 'tailwind-merge';
+import { Button as Button$1 } from '../../shadcn/button.js';
+import '@radix-ui/react-collapsible';
+import '@radix-ui/react-dropdown-menu';
+import 'lucide-react';
+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';
+
+function Button({
+  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__ */ React.createElement(
+    Button$1,
+    {
+      type: props.type ?? "button",
+      disabled: isDisabled || isLoading,
+      onClick: props.onClick ?? handleClick,
+      ...props
+    },
+    isLoading ? /* @__PURE__ */ React.createElement(Spinner, null) : /* @__PURE__ */ React.createElement(React.Fragment, null, icon && createElement(icon), children)
+  );
+}
+
+export { Button };