sitero 0.2.0 → 0.3.0

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

@@ -1,114 +0,0 @@
-import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-import { Search, Pen, Trash2, File, Ellipsis, Lock } from 'lucide-react';
-import 'mime-types';
-import 'sitero-domain';
-import 'react';
-import 'ua-parser-js';
-import '../../../../../../../../shared/client/react-query/client.js';
-import '@tanstack/react-query';
-import { cn } from '../../../../../../../../shared/utils/cn.js';
-import { joinUrl } from '../../../../../../../../shared/utils/join-url.js';
-import 'zod';
-import '@radix-ui/react-avatar';
-import '../../../../shadcn/badge.js';
-import '../../../../shadcn/button.js';
-import '@radix-ui/react-collapsible';
-import '@radix-ui/react-dialog';
-import { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent } from '../../../../shadcn/dropdown-menu.js';
-import '../../../../shadcn/input-group.js';
-import '@radix-ui/react-label';
-import '@radix-ui/react-radio-group';
-import '@radix-ui/react-select';
-import '@radix-ui/react-separator';
-import '../../../../shadcn/sidebar/sidebar.js';
-import 'next-themes';
-import 'sonner';
-import '@radix-ui/react-tabs';
-import '@radix-ui/react-tooltip';
-import { Button } from '../../../buttons/button.js';
-import { ReturnButton } from '../../../buttons/return-button.js';
-
-function createShowPreset(ctx) {
-  const { props, t } = ctx;
-  const {
-    //base
-    pathname,
-    // buttons
-    returnButtonProps,
-    showButtonProps,
-    editButtonProps,
-    destroyButtonProps,
-    // states
-    isDisabled,
-    isNotFound,
-    isLocked,
-    //
-    titleProps,
-    rightChildren
-  } = props;
-  const PageHeaderTitleChildren = /* @__PURE__ */ jsxs(Fragment, { children: [
-    showButtonProps && /* @__PURE__ */ jsx(Button, { variant: "outline", icon: Search, ...showButtonProps, children: showButtonProps.children ?? t("ui.show.text") }),
-    editButtonProps && /* @__PURE__ */ jsx(
-      Button,
-      {
-        variant: "warning",
-        icon: Pen,
-        href: joinUrl(pathname, "edit"),
-        isDisabled,
-        ...editButtonProps,
-        children: t("ui.edit.text")
-      }
-    ),
-    destroyButtonProps && /* @__PURE__ */ jsx(
-      Button,
-      {
-        variant: "destructive",
-        icon: Trash2,
-        isDisabled,
-        ...destroyButtonProps,
-        children: t("ui.destroy.text")
-      }
-    ),
-    titleProps?.children
-  ] });
-  return {
-    // ------------------------------------------------------------
-    // left
-    // ------------------------------------------------------------
-    left: /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(ReturnButton, { pushToParent: true, ...returnButtonProps }) }),
-    // ------------------------------------------------------------
-    // title
-    // ------------------------------------------------------------
-    titleProps: {
-      icon: File,
-      children: !props.isMobile && !isNotFound && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
-        PageHeaderTitleChildren,
-        /* @__PURE__ */ jsx(
-          Lock,
-          {
-            className: cn("transition", isLocked ? "opacity-100" : "opacity-0")
-          }
-        )
-      ] })
-    },
-    right: props.isMobile && /* @__PURE__ */ jsxs(DropdownMenu, { children: [
-      /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(Button, { variant: "outline", size: "icon-lg", children: [
-        /* @__PURE__ */ jsx(Ellipsis, {}),
-        /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Select Actions" })
-      ] }) }),
-      /* @__PURE__ */ jsxs(
-        DropdownMenuContent,
-        {
-          className: "flex w-fit min-w-0 flex-col gap-3 p-3",
-          align: "end",
-          children: [
-            rightChildren,
-            PageHeaderTitleChildren
-          ]
-        }
-      )
-    ] })
-  };
-}
-
-export { createShowPreset };

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

@@ -1,70 +0,0 @@
-import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-import { CopyCheck, CopyX, FileSymlink, Trash2, Ellipsis } from 'lucide-react';
-import '@radix-ui/react-avatar';
-import 'mime-types';
-import 'sitero-domain';
-import 'react';
-import 'ua-parser-js';
-import '../../../../../../../../shared/client/react-query/client.js';
-import '@tanstack/react-query';
-import 'clsx';
-import 'tailwind-merge';
-import 'zod';
-import '../../../../shadcn/badge.js';
-import '../../../../shadcn/button.js';
-import '@radix-ui/react-collapsible';
-import '@radix-ui/react-dialog';
-import { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent } from '../../../../shadcn/dropdown-menu.js';
-import '../../../../shadcn/input-group.js';
-import '@radix-ui/react-label';
-import '@radix-ui/react-radio-group';
-import '@radix-ui/react-select';
-import '@radix-ui/react-separator';
-import '../../../../shadcn/sidebar/sidebar.js';
-import 'next-themes';
-import 'sonner';
-import '@radix-ui/react-tabs';
-import '@radix-ui/react-tooltip';
-import { Button } from '../../../buttons/button.js';
-import { ReturnButton } from '../../../buttons/return-button.js';
-
-function createTrashPreset(ctx) {
-  const { props, t } = ctx;
-  const RightChildren = /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(Button, { size: "icon", variant: "outline", ...props.pickAllButtonProps, children: /* @__PURE__ */ jsx(CopyCheck, {}) }),
-    /* @__PURE__ */ jsx(Button, { size: "icon", variant: "outline", ...props.cancelAllButtonProps, children: /* @__PURE__ */ jsx(CopyX, {}) }),
-    /* @__PURE__ */ jsx(
-      Button,
-      {
-        ...props.restoreButtonProps,
-        variant: "success",
-        icon: FileSymlink,
-        children: t("ui.restore.text")
-      }
-    ),
-    /* @__PURE__ */ jsx(Button, { ...props.destroyButtonProps, variant: "destructive", icon: Trash2, children: t("ui.purge.text") })
-  ] });
-  return {
-    left: /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(ReturnButton, { pushToParent: true, ...props.returnButtonProps }) }),
-    titleProps: {
-      icon: Trash2,
-      title: t("main.trash.text")
-    },
-    right: !props.isMobile ? RightChildren : /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs(DropdownMenu, { children: [
-      /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(Button, { variant: "outline", size: "icon-lg", children: [
-        /* @__PURE__ */ jsx(Ellipsis, {}),
-        /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Select Actions" })
-      ] }) }),
-      /* @__PURE__ */ jsx(
-        DropdownMenuContent,
-        {
-          className: "flex w-fit min-w-0 flex-col gap-3 p-3",
-          align: "end",
-          children: RightChildren
-        }
-      )
-    ] }) })
-  };
-}
-
-export { createTrashPreset };

package/dist/src/cms/client/interfaces/components/ui/cards/resource-card/resource-card.js

@@ -1,133 +0,0 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { CircleX } from 'lucide-react';
-import Link from 'next/link';
-import '../../../../../../../constants/paths/redirect.js';
-import { NEW_TAB_REL, NEW_TAB_TARGET } from '../../../../../../../constants/anchor.js';
-import '../../../../../../../constants/cms-locale.js';
-import 'mime-types';
-import 'sitero-domain';
-import 'react';
-import 'ua-parser-js';
-import '../../../../../../../shared/client/react-query/client.js';
-import '@tanstack/react-query';
-import { cn } from '../../../../../../../shared/utils/cn.js';
-import 'zod';
-import '@radix-ui/react-avatar';
-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 '@radix-ui/react-dropdown-menu';
-import '../../../shadcn/input-group.js';
-import '@radix-ui/react-label';
-import '@radix-ui/react-radio-group';
-import '@radix-ui/react-select';
-import '@radix-ui/react-separator';
-import '../../../shadcn/sidebar/sidebar.js';
-import 'next-themes';
-import 'sonner';
-import '@radix-ui/react-tabs';
-import '@radix-ui/react-tooltip';
-import 'intor/react';
-import { Badge } from '../../display/badge.js';
-import { Tick } from '../../features/tick.js';
-import { Row } from './row.js';
-
-function ResourceCard({
-  // link
-  href = "",
-  openNewTab,
-  anchorProps,
-  // card
-  modelIcon,
-  badge,
-  statesChildren,
-  titleChildren,
-  contentChildren,
-  // add-ons
-  removeButtonProps,
-  isPicked,
-  // base
-  className = "",
-  style,
-  children
-}) {
-  return /* @__PURE__ */ jsx(
-    Link,
-    {
-      href: href ?? "",
-      target: openNewTab ? NEW_TAB_TARGET : void 0,
-      rel: openNewTab ? NEW_TAB_REL : void 0,
-      onClick: (e) => e.stopPropagation(),
-      ...anchorProps,
-      children: /* @__PURE__ */ jsxs(
-        Card,
-        {
-          className: cn(
-            "gap-0 p-0",
-            // reset
-            "group",
-            "hover:bg-accent/50 transition-colors duration-100",
-            // button-hover like
-            "relative size-full",
-            "flex flex-col",
-            "overflow-hidden",
-            "[&_svg]:size-3.5",
-            "text-start",
-            className
-          ),
-          style,
-          children: [
-            /* @__PURE__ */ jsx(Row, { className: "h-8 border-b px-4", children: /* @__PURE__ */ jsxs("div", { className: "flex w-full items-center justify-between", children: [
-              /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: modelIcon }),
-              badge && /* @__PURE__ */ jsx(Badge, { className: "h-5.5 w-fit max-w-full px-3", children: badge }),
-              /* @__PURE__ */ jsx("div", { className: "w-3.5" })
-            ] }) }),
-            statesChildren && /* @__PURE__ */ jsx(Row, { className: "h-8 border-b px-4", children: statesChildren }),
-            children,
-            /* @__PURE__ */ jsxs("div", { className: "mt-auto", children: [
-              titleChildren && /* @__PURE__ */ jsx(
-                Row,
-                {
-                  className: cn(
-                    "h-9 px-4 text-sm",
-                    children && "border-t",
-                    contentChildren && "border-b"
-                  ),
-                  children: /* @__PURE__ */ jsx("span", { className: "w-full truncate text-start", children: titleChildren })
-                }
-              ),
-              contentChildren && /* @__PURE__ */ jsx(Row, { className: "px-4 py-2 text-xs", children: /* @__PURE__ */ jsx("span", { className: "w-full", children: contentChildren }) })
-            ] }),
-            /* @__PURE__ */ jsx(
-              Tick,
-              {
-                isPicked,
-                className: cn("absolute top-1 right-1", "[&_svg]:size-5")
-              }
-            ),
-            removeButtonProps && /* @__PURE__ */ jsx(
-              "button",
-              {
-                className: cn(
-                  "absolute! top-1 left-1",
-                  "z-20",
-                  "bg-background text-destructive",
-                  "rounded-full",
-                  "shadow-xs",
-                  "hover:scale-110 active:scale-95",
-                  "duration-200"
-                ),
-                ...removeButtonProps,
-                children: /* @__PURE__ */ jsx(CircleX, { className: "size-6! stroke-2" })
-              }
-            )
-          ]
-        }
-      )
-    }
-  );
-}
-
-export { ResourceCard };

package/dist/src/cms/client/interfaces/components/ui/cards/resource-card/row.js

@@ -1,29 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import 'mime-types';
-import 'sitero-domain';
-import 'react';
-import 'ua-parser-js';
-import '../../../../../../../shared/client/react-query/client.js';
-import '@tanstack/react-query';
-import { cn } from '../../../../../../../shared/utils/cn.js';
-import 'zod';
-
-function Row({
-  className,
-  children
-}) {
-  return /* @__PURE__ */ jsx("div", { className: cn("relative z-10 w-full", "bg-background"), children: /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: cn(
-        "h-full w-full",
-        "flex items-center",
-        "bg-background group-hover:bg-accent/50 transition",
-        className
-      ),
-      children
-    }
-  ) });
-}
-
-export { Row };

package/dist/src/cms/client/interfaces/components/ui/features/external-link.js

@@ -1,22 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { SquareArrowOutUpRight } from 'lucide-react';
-import { Button } from '../buttons/button.js';
-import 'intor/react';
-import 'next/navigation';
-import 'mime-types';
-import 'sitero-domain';
-import 'react';
-import 'ua-parser-js';
-import '../../../../../../shared/client/react-query/client.js';
-import '@tanstack/react-query';
-import 'clsx';
-import 'tailwind-merge';
-import 'zod';
-import '../../../../../../constants/paths/redirect.js';
-import '../../../../../../constants/cms-locale.js';
-
-function ExternalLink({ href = "" }) {
-  return /* @__PURE__ */ jsx(Button, { variant: "outline", size: "icon", href, openNewTab: true, children: /* @__PURE__ */ jsx(SquareArrowOutUpRight, {}) });
-}
-
-export { ExternalLink };

package/dist/src/cms/client/interfaces/components/ui/features/pick-modal/pick-modal-body.js

@@ -1,148 +0,0 @@
-"use client";
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { useTranslator } from 'intor/react';
-import { useState, isValidElement, cloneElement } from 'react';
-import 'mime-types';
-import 'sitero-domain';
-import 'ua-parser-js';
-import '../../../../../../../shared/client/react-query/client.js';
-import '@tanstack/react-query';
-import { cn } from '../../../../../../../shared/utils/cn.js';
-import 'zod';
-import { usePickItems } from '../../../../../applications/form/use-pick-items.js';
-import '../../../../../../../constants/paths/redirect.js';
-import '../../../../../../../constants/cms-locale.js';
-import 'next/navigation';
-import 'lucide-react';
-import '@radix-ui/react-avatar';
-import '../../../shadcn/badge.js';
-import '../../../shadcn/button.js';
-import '@radix-ui/react-collapsible';
-import { DialogContent, DialogDescription, DialogTitle } from '../../../shadcn/dialog.js';
-import '@radix-ui/react-dropdown-menu';
-import '../../../shadcn/input-group.js';
-import '@radix-ui/react-label';
-import '@radix-ui/react-radio-group';
-import '@radix-ui/react-select';
-import '@radix-ui/react-separator';
-import '@radix-ui/react-dialog';
-import '../../../shadcn/sidebar/sidebar.js';
-import 'next-themes';
-import 'sonner';
-import '@radix-ui/react-tabs';
-import '@radix-ui/react-tooltip';
-import { Button } from '../../buttons/button.js';
-import 'next/link';
-import { FieldBody } from '../../form/field-body.js';
-import { SideFields } from '../../form/containers/side-fields.js';
-import { ActionButtonsCard } from '../../cards/action-buttons-card.js';
-
-function PickModalBody({
-  // form context
-  fieldName,
-  setFormData,
-  onMultiSubmit,
-  onSingleSubmit,
-  // modal control
-  setIsOpen,
-  // pick
-  pickedItems,
-  setPickedItems,
-  isMultiPick = false,
-  // base
-  itemList,
-  aboveManagementCard
-}) {
-  const { t } = useTranslator();
-  const hasPicked = pickedItems.length > 0;
-  const [itemStates, setListItemStates] = useState({
-    count: 0,
-    isFetching: false,
-    items: []
-  });
-  const { pick, multiPick } = usePickItems({
-    ...setPickedItems && { setPickedItems }
-  });
-  const handleClick = (item) => isMultiPick ? multiPick(item) : pick(item);
-  const itemListElement = itemList;
-  const aboveManagementCardElement = aboveManagementCard;
-  return /* @__PURE__ */ jsxs(DialogContent, { className: "w-[calc(100%-24px)] max-lg:px-0", children: [
-    /* @__PURE__ */ jsx(DialogDescription, { className: "sr-only", children: "Dialog" }),
-    /* @__PURE__ */ jsx(DialogTitle, { className: "sr-only", children: "Dialog" }),
-    /* @__PURE__ */ jsxs("div", { className: "relative flex h-[80svh] w-full gap-4", children: [
-      /* @__PURE__ */ jsx("div", { className: "w-80 flex-1 overflow-auto p-2", children: isValidElement(itemListElement) && cloneElement(itemListElement, {
-        setListItemStates,
-        pickedItems,
-        handleClick
-      }) }),
-      /* @__PURE__ */ jsxs(
-        SideFields,
-        {
-          wrapperClassName: "flex flex-col gap-4 max-lg:fixed max-lg:bottom-0 max-lg:left-1/2 max-lg:-translate-x-1/2",
-          className: "max-lg:gap-1 lg:gap-3",
-          children: [
-            /* @__PURE__ */ jsx("div", { className: "max-lg:hidden", children: isValidElement(aboveManagementCardElement) && cloneElement(aboveManagementCardElement, {
-              setPickedItems
-            }) }),
-            /* @__PURE__ */ jsxs("div", { className: "flex max-lg:gap-1 max-lg:px-1 lg:gap-3", children: [
-              /* @__PURE__ */ jsx(FieldBody, { className: "!w-fit text-sm", children: /* @__PURE__ */ jsx("span", { className: "opacity-50", children: isMultiPick ? t("ui.pick-modal.multiple.text") : t("ui.pick-modal.single.text") }) }),
-              /* @__PURE__ */ jsxs(FieldBody, { className: "flex-1 text-sm", children: [
-                /* @__PURE__ */ jsxs("span", { className: "opacity-50", children: [
-                  t("ui.pick-modal.picked.text"),
-                  "\uFF1A"
-                ] }),
-                /* @__PURE__ */ jsx("span", { className: cn(hasPicked && "text-success font-semibold"), children: pickedItems.length ?? 0 })
-              ] }),
-              /* @__PURE__ */ jsx(
-                Button,
-                {
-                  variant: "outline",
-                  isDisabled: !hasPicked,
-                  onClick: () => setPickedItems?.([]),
-                  children: /* @__PURE__ */ jsx("span", { className: "text-sm", children: t("ui.pick-modal.clear.text") })
-                }
-              )
-            ] }),
-            /* @__PURE__ */ jsx(
-              ActionButtonsCard,
-              {
-                action: "confirm",
-                isInitializing: itemStates.isFetching ?? false,
-                cancelButtonProps: {
-                  onClick: () => {
-                    setIsOpen(false);
-                    setPickedItems?.([]);
-                  }
-                },
-                actionButtonProps: {
-                  onClick: () => {
-                    if (onMultiSubmit && isMultiPick) {
-                      onMultiSubmit(pickedItems);
-                      setIsOpen(false);
-                      return;
-                    }
-                    if (onSingleSubmit && !isMultiPick) {
-                      onSingleSubmit(pickedItems[0] ?? null);
-                      setIsOpen(false);
-                      return;
-                    }
-                    if (setFormData && fieldName) {
-                      setFormData((p) => ({
-                        ...p,
-                        [fieldName]: isMultiPick ? pickedItems : pickedItems[0] ?? null
-                        // Prevent using undefined
-                      }));
-                    }
-                    setIsOpen(false);
-                  }
-                }
-              }
-            )
-          ]
-        }
-      )
-    ] })
-  ] });
-}
-
-export { PickModalBody };

package/dist/src/cms/client/interfaces/components/ui/features/pick-modal/pick-modal-trigger.js

@@ -1,142 +0,0 @@
-"use client";
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { useTranslator } from 'intor/react';
-import { Plus, X, MousePointerClick } from 'lucide-react';
-import { useState, Children, isValidElement, cloneElement } from 'react';
-import 'mime-types';
-import 'sitero-domain';
-import 'ua-parser-js';
-import '../../../../../../../shared/client/react-query/client.js';
-import '@tanstack/react-query';
-import { cn } from '../../../../../../../shared/utils/cn.js';
-import 'zod';
-import '@radix-ui/react-avatar';
-import '../../../shadcn/badge.js';
-import { buttonVariants } from '../../../shadcn/button.js';
-import '@radix-ui/react-collapsible';
-import { DialogTrigger } from '../../../shadcn/dialog.js';
-import '@radix-ui/react-dropdown-menu';
-import '../../../shadcn/input-group.js';
-import '@radix-ui/react-label';
-import '@radix-ui/react-radio-group';
-import '@radix-ui/react-select';
-import '@radix-ui/react-separator';
-import '@radix-ui/react-dialog';
-import '../../../shadcn/sidebar/sidebar.js';
-import 'next-themes';
-import 'sonner';
-import '@radix-ui/react-tabs';
-import '@radix-ui/react-tooltip';
-import { Button } from '../../buttons/button.js';
-import 'next/navigation';
-import '../../../../../../../constants/paths/redirect.js';
-import '../../../../../../../constants/cms-locale.js';
-
-function PickModalTrigger({
-  // form context
-  fieldName,
-  formData,
-  // ui states
-  isLoading = false,
-  isDisabled = false,
-  isError = false,
-  // modal control
-  setIsOpen,
-  // pick
-  isMultiPick = false,
-  setPickedItems,
-  handleClear,
-  // base
-  pickedDisplay
-  // Can be array
-}) {
-  const { t } = useTranslator();
-  const [isHovered, setIsHovered] = useState(false);
-  const fieldValue = formData?.[fieldName ?? ""];
-  const isArray = Array.isArray(fieldValue);
-  const hasPickedItems = !isMultiPick && fieldValue || isMultiPick && isArray && fieldValue?.length > 0;
-  const handleClick = () => {
-    if (isDisabled || isLoading) return;
-    setIsOpen?.(true);
-    setPickedItems(isArray ? fieldValue : fieldValue ? [fieldValue] : []);
-  };
-  return /* @__PURE__ */ jsx(
-    DialogTrigger,
-    {
-      asChild: true,
-      className: cn(isDisabled && "pointer-events-none"),
-      "aria-invalid": isError,
-      children: /* @__PURE__ */ jsx(
-        "div",
-        {
-          className: cn("h-max w-full justify-start"),
-          onClick: handleClick,
-          onMouseEnter: () => setIsHovered(true),
-          onMouseLeave: () => setIsHovered(false),
-          children: hasPickedItems ? /* @__PURE__ */ jsxs(
-            "div",
-            {
-              className: cn(
-                buttonVariants({ variant: "outline" }),
-                "cursor-pointer",
-                "flex h-max w-full flex-wrap justify-start gap-3 px-3",
-                !isHovered && "hover:bg-background dark:hover:bg-input/30"
-              ),
-              "aria-invalid": isError,
-              children: [
-                Children.toArray(pickedDisplay).map((child, i) => {
-                  if (isValidElement(child)) {
-                    const props = { ...child.props, openNewTab: true };
-                    child = cloneElement(child, props);
-                  }
-                  return /* @__PURE__ */ jsx(
-                    "div",
-                    {
-                      onMouseEnter: () => setIsHovered(false),
-                      onMouseLeave: () => setIsHovered(true),
-                      children: child
-                    },
-                    i
-                  );
-                }),
-                /* @__PURE__ */ jsxs("div", { className: "flex-center ml-auto flex-col justify-evenly gap-6 p-4", children: [
-                  /* @__PURE__ */ jsx(Plus, { className: "text-muted-foreground size-8! opacity-25" }),
-                  /* @__PURE__ */ jsx(
-                    Button,
-                    {
-                      variant: "outline",
-                      size: "icon",
-                      onClick: (e) => {
-                        e.preventDefault();
-                        e.stopPropagation();
-                        handleClear();
-                      },
-                      onMouseEnter: () => setIsHovered(false),
-                      onMouseLeave: () => setIsHovered(true),
-                      children: /* @__PURE__ */ jsx(X, { className: "text-destructive size-4!" })
-                    }
-                  )
-                ] })
-              ]
-            }
-          ) : /* @__PURE__ */ jsxs(
-            Button,
-            {
-              variant: "outline",
-              isLoading,
-              isDisabled,
-              "aria-invalid": isError,
-              className: "text-muted-foreground w-full justify-start",
-              children: [
-                /* @__PURE__ */ jsx(MousePointerClick, {}),
-                /* @__PURE__ */ jsx("span", { children: t("ui.pick-modal.pick.text") })
-              ]
-            }
-          )
-        }
-      )
-    }
-  );
-}
-
-export { PickModalTrigger };