sitero 0.0.1 → 0.0.3

package/dist/src/cms/client/interfaces/components/resources/user/user-list.js

@@ -0,0 +1,126 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import { useState, useMemo, useEffect } from 'react';
+import '../../../../../../constants/paths/redirect.js';
+import '../../../../../../core/client/infrastructure/contexts/admin/admin.js';
+import '../../../../../../core/client/infrastructure/react-query/client.js';
+import '@tanstack/react-query';
+import 'mime-types';
+import '../../../../../../core/domain/resources/admin/constants.js';
+import '../../../../../../core/domain/resources/user/constants.js';
+import { cn } from '../../../../../../shared/utils/cn.js';
+import { debounce } from '../../../../../../shared/utils/debounce.js';
+import { ensureArray } from '../../../../../../shared/utils/ensure-array.js';
+import 'sonner';
+import { useQuery } from '../../../../../../core/client/infrastructure/react-query/use-query.js';
+import '../../../../../../core/client/infrastructure/contexts/user/user.js';
+import 'intor/react';
+import 'lucide-react';
+import 'next/navigation';
+import '../../../../../../commerce/taiwan-address/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 '../../shadcn/item.js';
+import '@radix-ui/react-label';
+import 'radix-ui';
+import '@radix-ui/react-select';
+import '@radix-ui/react-separator';
+import '../../shadcn/sidebar/sidebar.js';
+import 'next-themes';
+import '@radix-ui/react-tabs';
+import '@radix-ui/react-tooltip';
+import { ListContainer } from '../../ui/blocks/list-container/list-container.js';
+import { UserCard } from './user-card.js';
+import { UserTable } from './user-table.js';
+
+function createUserList({
+  userFindListCardsAction
+}) {
+  return function UserList({
+    // search
+    status,
+    // link
+    openNewTab,
+    // pick
+    pickedItems,
+    handleClick,
+    // item states
+    setListItemStates,
+    // list
+    localKey = "user"
+  }) {
+    const [page, setPage] = useState(1);
+    const [pageSize, setPageSize] = useState(20);
+    const [searchString, setSearchString] = useState("");
+    const debouncedSetSearchString = useMemo(
+      () => debounce((v) => setSearchString(v), 300),
+      []
+    );
+    const { data, isFetching } = useQuery(
+      () => userFindListCardsAction({
+        searchString,
+        status,
+        page,
+        pageSize
+      }),
+      ["userFindListCardsAction", searchString, status, page, pageSize]
+    );
+    const users = useMemo(() => ensureArray(data?.items), [data?.items]);
+    useEffect(() => {
+      setListItemStates?.({
+        items: users,
+        count: data?.total ?? 0,
+        isFetching
+      });
+    }, [users, data?.total, isFetching, setListItemStates]);
+    return /* @__PURE__ */ jsx(
+      ListContainer,
+      {
+        localKey,
+        page,
+        setPage,
+        pageSize,
+        setPageSize,
+        total: data?.total ?? 0,
+        searchString,
+        setSearchString: debouncedSetSearchString,
+        isFetching,
+        cardChildren: users.map((user) => {
+          const isPicked = !!pickedItems?.some((item) => item.id === user.id);
+          return /* @__PURE__ */ jsx(
+            UserCard,
+            {
+              user,
+              openNewTab,
+              isPicked,
+              anchorProps: handleClick && {
+                onClick: (e) => {
+                  e.preventDefault();
+                  handleClick(user);
+                }
+              },
+              className: cn(pickedItems && !isPicked && "opacity-50")
+            },
+            user.id
+          );
+        }),
+        tableChildren: /* @__PURE__ */ jsx(
+          UserTable,
+          {
+            users,
+            pickedItems,
+            handleClick,
+            openNewTab
+          }
+        )
+      }
+    );
+  };
+}
+
+export { createUserList };

package/dist/src/cms/client/interfaces/components/resources/user/user-state-icons.js

@@ -0,0 +1,12 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { Octagon, OctagonMinus, MailCheckIcon, MailQuestion } from 'lucide-react';
+
+function UserStateIcons({ user }) {
+  const isEmailVerified = !!user?.emailVerifiedAt;
+  return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+    user?.status === "ACTIVE" ? /* @__PURE__ */ jsx(Octagon, {}) : /* @__PURE__ */ jsx(OctagonMinus, { className: "text-destructive" }),
+    isEmailVerified ? /* @__PURE__ */ jsx(MailCheckIcon, { className: "text-success" }) : /* @__PURE__ */ jsx(MailQuestion, { className: "text-warning" })
+  ] });
+}
+
+export { UserStateIcons };

package/dist/src/cms/client/interfaces/components/resources/user/user-table.js

@@ -0,0 +1,95 @@
+"use client";
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useTranslator } from 'intor/react';
+import { ReceiptText, UserRound } from 'lucide-react';
+import { useRouter } from 'next/navigation';
+import { CMS_PATHS } from '../../../../../../constants/paths/cms-paths.js';
+import '../../../../../../constants/paths/redirect.js';
+import 'mime-types';
+import '../../../../../../core/domain/resources/admin/constants.js';
+import '../../../../../../core/domain/resources/user/constants.js';
+import { cn } from '../../../../../../shared/utils/cn.js';
+import { joinUrl } from '../../../../../../shared/utils/join-url.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 '../../shadcn/item.js';
+import '@radix-ui/react-label';
+import 'radix-ui';
+import '@radix-ui/react-select';
+import '@radix-ui/react-separator';
+import '../../shadcn/sidebar/sidebar.js';
+import 'next-themes';
+import 'sonner';
+import { Table, TableHeader, TableRow, TableHead, TableBody, TableCell } from '../../shadcn/table.js';
+import '@radix-ui/react-tabs';
+import '@radix-ui/react-tooltip';
+import 'react';
+import 'next/link';
+import '../../../../../../commerce/taiwan-address/constants.js';
+import '../../../../../../core/client/infrastructure/contexts/admin/admin.js';
+import '../../../../../../core/client/infrastructure/react-query/client.js';
+import '@tanstack/react-query';
+import '../../../../../../core/client/infrastructure/contexts/user/user.js';
+import { Tick } from '../../ui/features/tick.js';
+import 'next/image';
+import { UserStateIcons } from './user-state-icons.js';
+
+function UserTable({
+  users,
+  pickedItems,
+  handleClick,
+  openNewTab
+}) {
+  const { t } = useTranslator();
+  const router = useRouter();
+  return /* @__PURE__ */ jsxs(Table, { children: [
+    /* @__PURE__ */ jsx(TableHeader, { className: "text-muted-foreground", children: /* @__PURE__ */ jsxs(TableRow, { children: [
+      /* @__PURE__ */ jsx(TableHead, { className: "w-12" }),
+      /* @__PURE__ */ jsx(TableHead, { className: "w-12" }),
+      /* @__PURE__ */ jsx(TableHead, { children: t("resources.states.text") }),
+      /* @__PURE__ */ jsx(TableHead, { children: t("resources.admin.email.text") }),
+      /* @__PURE__ */ jsx(TableHead, { children: t("resources.admin.name.text") }),
+      /* @__PURE__ */ jsx(TableHead, { children: /* @__PURE__ */ jsx(ReceiptText, {}) })
+    ] }) }),
+    /* @__PURE__ */ jsx(TableBody, { children: users.map((user) => {
+      const isPicked = !!pickedItems?.some((item) => item.id === user.id);
+      const href = joinUrl(CMS_PATHS.commerce.user.pathname, user?.id);
+      return /* @__PURE__ */ jsxs(
+        TableRow,
+        {
+          className: cn(
+            "cursor-pointer",
+            pickedItems && !isPicked && "opacity-50"
+          ),
+          onClick: () => {
+            if (handleClick === void 0) {
+              if (openNewTab) {
+                globalThis.open(href);
+              } else {
+                router.push(href);
+              }
+            } else {
+              handleClick(user);
+            }
+          },
+          children: [
+            /* @__PURE__ */ jsx(TableCell, { children: /* @__PURE__ */ jsx("div", { className: "flex-center", children: /* @__PURE__ */ jsx(Tick, { isPicked }) }) }),
+            /* @__PURE__ */ jsx(TableCell, { className: "border-r", children: /* @__PURE__ */ jsx("div", { className: "flex-center", children: /* @__PURE__ */ jsx(UserRound, { className: "text-muted-foreground" }) }) }),
+            /* @__PURE__ */ jsx(TableCell, { children: /* @__PURE__ */ jsx(UserStateIcons, { user }) }),
+            /* @__PURE__ */ jsx(TableCell, { className: "max-w-[200px]", children: /* @__PURE__ */ jsx("p", { className: "truncate", children: user.email }) }),
+            /* @__PURE__ */ jsx(TableCell, { className: "max-w-[200px]", children: /* @__PURE__ */ jsx("p", { className: "truncate", children: user.name }) }),
+            /* @__PURE__ */ jsx(TableCell, { children: user.orders.length })
+          ]
+        },
+        user.id
+      );
+    }) })
+  ] });
+}
+
+export { UserTable };

package/dist/src/cms/client/interfaces/components/shadcn/avatar.js

@@ -2,6 +2,8 @@
 import { jsx } from 'react/jsx-runtime';
 import * as AvatarPrimitive from '@radix-ui/react-avatar';
 import 'mime-types';
+import '../../../../../core/domain/resources/admin/constants.js';
+import '../../../../../core/domain/resources/user/constants.js';
 import { cn } from '../../../../../shared/utils/cn.js';
 
 function Avatar({

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

@@ -2,6 +2,8 @@ import { jsx } from 'react/jsx-runtime';
 import { Slot } from '@radix-ui/react-slot';
 import { cva } from 'class-variance-authority';
 import 'mime-types';
+import '../../../../../core/domain/resources/admin/constants.js';
+import '../../../../../core/domain/resources/user/constants.js';
 import { cn } from '../../../../../shared/utils/cn.js';
 
 const badgeVariants = cva(

package/dist/src/cms/client/interfaces/components/shadcn/button.js

@@ -2,10 +2,15 @@ import { jsx } from 'react/jsx-runtime';
 import { Slot } from '@radix-ui/react-slot';
 import { cva } from 'class-variance-authority';
 import 'mime-types';
+import '../../../../../core/domain/resources/admin/constants.js';
+import '../../../../../core/domain/resources/user/constants.js';
 import { cn } from '../../../../../shared/utils/cn.js';
 
 const buttonVariants = cva(
-  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-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",
+  cn(
+    "dark:aria-invalid:ring-destructive/40! aria-invalid:border-destructive!",
+    "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-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"
+  ),
   {
     variants: {
       variant: {

package/dist/src/cms/client/interfaces/components/shadcn/card.js

@@ -1,5 +1,7 @@
 import { jsx } from 'react/jsx-runtime';
 import 'mime-types';
+import '../../../../../core/domain/resources/admin/constants.js';
+import '../../../../../core/domain/resources/user/constants.js';
 import { cn } from '../../../../../shared/utils/cn.js';
 
 function Card({ className, ...props }) {

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

@@ -3,6 +3,8 @@ import { jsx, jsxs } from 'react/jsx-runtime';
 import * as DialogPrimitive from '@radix-ui/react-dialog';
 import { XIcon } from 'lucide-react';
 import 'mime-types';
+import '../../../../../core/domain/resources/admin/constants.js';
+import '../../../../../core/domain/resources/user/constants.js';
 import { cn } from '../../../../../shared/utils/cn.js';
 
 function Dialog({

package/dist/src/cms/client/interfaces/components/shadcn/dropdown-menu.js

@@ -3,6 +3,8 @@ import { jsx, jsxs } from 'react/jsx-runtime';
 import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
 import { CheckIcon, CircleIcon, ChevronRightIcon } from 'lucide-react';
 import 'mime-types';
+import '../../../../../core/domain/resources/admin/constants.js';
+import '../../../../../core/domain/resources/user/constants.js';
 import { cn } from '../../../../../shared/utils/cn.js';
 
 function DropdownMenu({

package/dist/src/cms/client/interfaces/components/shadcn/input-group.js

@@ -2,6 +2,8 @@
 import { jsx } from 'react/jsx-runtime';
 import { cva } from 'class-variance-authority';
 import 'mime-types';
+import '../../../../../core/domain/resources/admin/constants.js';
+import '../../../../../core/domain/resources/user/constants.js';
 import { cn } from '../../../../../shared/utils/cn.js';
 import { Button } from './button.js';
 import { Input } from './input.js';

package/dist/src/cms/client/interfaces/components/shadcn/input.js

@@ -1,5 +1,7 @@
 import { jsx } from 'react/jsx-runtime';
 import 'mime-types';
+import '../../../../../core/domain/resources/admin/constants.js';
+import '../../../../../core/domain/resources/user/constants.js';
 import { cn } from '../../../../../shared/utils/cn.js';
 
 function Input({ className, type, ...props }) {

package/dist/src/cms/client/interfaces/components/shadcn/item.js

@@ -2,6 +2,8 @@ import { jsx } from 'react/jsx-runtime';
 import { Slot } from '@radix-ui/react-slot';
 import { cva } from 'class-variance-authority';
 import 'mime-types';
+import '../../../../../core/domain/resources/admin/constants.js';
+import '../../../../../core/domain/resources/user/constants.js';
 import { cn } from '../../../../../shared/utils/cn.js';
 import { Separator } from './separator.js';
 

package/dist/src/cms/client/interfaces/components/shadcn/label.js

@@ -1,6 +1,8 @@
 import { jsx } from 'react/jsx-runtime';
 import * as LabelPrimitive from '@radix-ui/react-label';
 import 'mime-types';
+import '../../../../../core/domain/resources/admin/constants.js';
+import '../../../../../core/domain/resources/user/constants.js';
 import { cn } from '../../../../../shared/utils/cn.js';
 
 function Label({ className, ...props }) {

package/dist/src/cms/client/interfaces/components/shadcn/pagination.js

@@ -1,6 +1,8 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { MoreHorizontalIcon, ChevronRightIcon, ChevronLeftIcon } from 'lucide-react';
 import 'mime-types';
+import '../../../../../core/domain/resources/admin/constants.js';
+import '../../../../../core/domain/resources/user/constants.js';
 import { cn } from '../../../../../shared/utils/cn.js';
 import { Button, buttonVariants } from './button.js';
 

package/dist/src/cms/client/interfaces/components/shadcn/radio-group.js

@@ -0,0 +1,48 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import { CircleIcon } from 'lucide-react';
+import { RadioGroup as RadioGroup$1 } from 'radix-ui';
+import 'mime-types';
+import '../../../../../core/domain/resources/admin/constants.js';
+import '../../../../../core/domain/resources/user/constants.js';
+import { cn } from '../../../../../shared/utils/cn.js';
+
+function RadioGroup({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    RadioGroup$1.Root,
+    {
+      "data-slot": "radio-group",
+      className: cn("grid gap-3", className),
+      ...props
+    }
+  );
+}
+function RadioGroupItem({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    RadioGroup$1.Item,
+    {
+      "data-slot": "radio-group-item",
+      className: cn(
+        "border-input text-primary focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:bg-input/30 dark:aria-invalid:ring-destructive/40 aspect-square size-4 shrink-0 rounded-full border shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ jsx(
+        RadioGroup$1.Indicator,
+        {
+          "data-slot": "radio-group-indicator",
+          className: "relative flex items-center justify-center",
+          children: /* @__PURE__ */ jsx(CircleIcon, { className: "fill-primary absolute top-1/2 left-1/2 size-2 -translate-x-1/2 -translate-y-1/2" })
+        }
+      )
+    }
+  );
+}
+
+export { RadioGroup, RadioGroupItem };

package/dist/src/cms/client/interfaces/components/shadcn/select.js

@@ -3,6 +3,8 @@ import { jsx, jsxs } from 'react/jsx-runtime';
 import * as SelectPrimitive from '@radix-ui/react-select';
 import { CheckIcon, ChevronDownIcon, ChevronUpIcon } from 'lucide-react';
 import 'mime-types';
+import '../../../../../core/domain/resources/admin/constants.js';
+import '../../../../../core/domain/resources/user/constants.js';
 import { cn } from '../../../../../shared/utils/cn.js';
 
 function Select({

package/dist/src/cms/client/interfaces/components/shadcn/separator.js

@@ -2,6 +2,8 @@
 import { jsx } from 'react/jsx-runtime';
 import * as SeparatorPrimitive from '@radix-ui/react-separator';
 import 'mime-types';
+import '../../../../../core/domain/resources/admin/constants.js';
+import '../../../../../core/domain/resources/user/constants.js';
 import { cn } from '../../../../../shared/utils/cn.js';
 
 function Separator({

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

@@ -3,6 +3,8 @@ import { jsx, jsxs } from 'react/jsx-runtime';
 import * as DialogPrimitive from '@radix-ui/react-dialog';
 import { XIcon } from 'lucide-react';
 import 'mime-types';
+import '../../../../../core/domain/resources/admin/constants.js';
+import '../../../../../core/domain/resources/user/constants.js';
 import { cn } from '../../../../../shared/utils/cn.js';
 
 function Sheet({ ...props }) {

package/dist/src/cms/client/interfaces/components/shadcn/sidebar/sidebar.js

@@ -5,6 +5,8 @@ import { cva } from 'class-variance-authority';
 import { PanelLeftIcon } from 'lucide-react';
 import * as React from 'react';
 import 'mime-types';
+import '../../../../../../core/domain/resources/admin/constants.js';
+import '../../../../../../core/domain/resources/user/constants.js';
 import { cn } from '../../../../../../shared/utils/cn.js';
 import { CMS_SIDEBAR_WIDTH, CMS_NAVBAR_HEIGHT } from '../../../styles/constants.js';
 import { Button } from '../button.js';
@@ -174,6 +176,8 @@ function Sidebar({
               side === "left" ? "left-0 group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)]" : "right-0 group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)]",
               // Adjust the padding for floating and inset variants.
               variant === "floating" || variant === "inset" ? "p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4))+2px)]" : "group-data-[collapsible=icon]:w-(--sidebar-width-icon) group-data-[side=left]:border-r group-data-[side=right]:border-l",
+              "top-(--header-height) h-[calc(100svh-var(--header-height))]",
+              // added
               className
             ),
             ...props,
@@ -314,7 +318,7 @@ function SidebarContent({ className, ...props }) {
       "data-slot": "sidebar-content",
       "data-sidebar": "content",
       className: cn(
-        "pb-36",
+        "pb-64 [scrollbar-gutter:stable]",
         "flex min-h-0 flex-1 flex-col gap-2 overflow-auto group-data-[collapsible=icon]:overflow-hidden",
         className
       ),
@@ -573,7 +577,7 @@ function SidebarMenuSub({ className, ...props }) {
       "data-slot": "sidebar-menu-sub",
       "data-sidebar": "menu-sub",
       className: cn(
-        "border-sidebar-border mx-3.5 flex min-w-0 translate-x-px flex-col gap-2 border-l px-2.5 py-2",
+        "border-sidebar-border ml-3.5 flex min-w-0 translate-x-px flex-col gap-2 border-l py-2 pl-2.5",
         "group-data-[collapsible=icon]:hidden",
         className
       ),

package/dist/src/cms/client/interfaces/components/shadcn/skeleton.js

@@ -1,5 +1,7 @@
 import { jsx } from 'react/jsx-runtime';
 import 'mime-types';
+import '../../../../../core/domain/resources/admin/constants.js';
+import '../../../../../core/domain/resources/user/constants.js';
 import { cn } from '../../../../../shared/utils/cn.js';
 
 function Skeleton({ className, ...props }) {

package/dist/src/cms/client/interfaces/components/shadcn/spinner.js

@@ -1,6 +1,8 @@
 import { jsx } from 'react/jsx-runtime';
 import { Loader2Icon } from 'lucide-react';
 import 'mime-types';
+import '../../../../../core/domain/resources/admin/constants.js';
+import '../../../../../core/domain/resources/user/constants.js';
 import { cn } from '../../../../../shared/utils/cn.js';
 
 function Spinner({ className, ...props }) {

package/dist/src/cms/client/interfaces/components/shadcn/table.js

@@ -1,6 +1,8 @@
 "use client";
 import { jsx } from 'react/jsx-runtime';
 import 'mime-types';
+import '../../../../../core/domain/resources/admin/constants.js';
+import '../../../../../core/domain/resources/user/constants.js';
 import { cn } from '../../../../../shared/utils/cn.js';
 
 function Table({ className, ...props }) {
@@ -53,13 +55,18 @@ function TableFooter({ className, ...props }) {
     }
   );
 }
-function TableRow({ className, ...props }) {
+function TableRow({
+  className,
+  hasHoverEffect = true,
+  ...props
+}) {
   return /* @__PURE__ */ jsx(
     "tr",
     {
       "data-slot": "table-row",
       className: cn(
-        "hover:bg-muted/50 data-[state=selected]:bg-muted border-b transition-colors",
+        hasHoverEffect && "[&:has(td)]:hover:bg-muted/50",
+        "data-[state=selected]:bg-muted border-b transition-colors",
         className
       ),
       ...props
@@ -72,7 +79,9 @@ function TableHead({ className, ...props }) {
     {
       "data-slot": "table-head",
       className: cn(
-        "text-foreground h-10 px-2 text-left align-middle font-medium whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
+        "text-muted-foreground",
+        "[&_svg:not(.lucide-circle-check)]:size-3.5",
+        "h-10 px-2 text-left align-middle font-medium whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
         className
       ),
       ...props
@@ -85,6 +94,7 @@ function TableCell({ className, ...props }) {
     {
       "data-slot": "table-cell",
       className: cn(
+        "[&_svg:not(.lucide-circle-check)]:size-3.5",
         "p-2 align-middle whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
         className
       ),

package/dist/src/cms/client/interfaces/components/shadcn/tabs.js

@@ -2,6 +2,8 @@
 import { jsx } from 'react/jsx-runtime';
 import * as TabsPrimitive from '@radix-ui/react-tabs';
 import 'mime-types';
+import '../../../../../core/domain/resources/admin/constants.js';
+import '../../../../../core/domain/resources/user/constants.js';
 import { cn } from '../../../../../shared/utils/cn.js';
 
 function Tabs({

package/dist/src/cms/client/interfaces/components/shadcn/textarea.js

@@ -1,5 +1,7 @@
 import { jsx } from 'react/jsx-runtime';
 import 'mime-types';
+import '../../../../../core/domain/resources/admin/constants.js';
+import '../../../../../core/domain/resources/user/constants.js';
 import { cn } from '../../../../../shared/utils/cn.js';
 
 function Textarea({ className, ...props }) {

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

@@ -2,6 +2,8 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import * as TooltipPrimitive from '@radix-ui/react-tooltip';
 import 'mime-types';
+import '../../../../../core/domain/resources/admin/constants.js';
+import '../../../../../core/domain/resources/user/constants.js';
 import { cn } from '../../../../../shared/utils/cn.js';
 
 function TooltipProvider({