betterstart-cli 0.0.109 → 0.0.111

package/dist/assets/adapters/next/templates/init/pages/settings/webhooks/delete-webhook-dialog.tsx

@@ -53,7 +53,7 @@ export function DeleteWebhookDialog({ webhook, open, onOpenChange }: DeleteWebho
 
   return (
     <Dialog open={open} onOpenChange={onOpenChange}>
-      <DialogContent className="sm:max-w-105">
+      <DialogContent className="max-w-105">
         <DialogHeader>
           <DialogTitle>Delete webhook?</DialogTitle>
           <DialogDescription>

package/dist/assets/adapters/next/templates/init/pages/settings/webhooks/webhook-endpoint-dialog.tsx

@@ -194,7 +194,7 @@ export function WebhookEndpointDialog({ webhook, open, onOpenChange }: WebhookEn
 
   return (
     <Dialog open={open} onOpenChange={onOpenChange}>
-      <DialogContent className="sm:max-w-135">
+      <DialogContent className="max-w-135">
         <Form {...form}>
           <form
             autoComplete="off"

package/dist/assets/adapters/next/templates/init/pages/settings/webhooks/webhooks-logs-page.tsx

@@ -1,14 +1,15 @@
 import * as React from 'react'
-import { requireRole, UserRole } from '@admin/auth/middleware'
+import { RoleGate } from '@admin/components/layouts/role-gate'
+import { UserRole } from '@admin/types/auth'
 import { WebhooksLogsPageContent } from '../webhooks-logs-page-content'
 import { WebhooksPageSkeleton } from '../webhooks-page-skeleton'
 
-export default async function WebhooksLogsPage() {
-  await requireRole([UserRole.ADMIN])
-
+export default function WebhooksLogsPage() {
   return (
     <React.Suspense fallback={<WebhooksPageSkeleton />}>
-      <WebhooksLogsPageContent />
+      <RoleGate roles={[UserRole.ADMIN]}>
+        <WebhooksLogsPageContent />
+      </RoleGate>
     </React.Suspense>
   )
 }

package/dist/assets/adapters/next/templates/init/pages/settings/webhooks/webhooks-page.tsx

@@ -1,14 +1,15 @@
 import * as React from 'react'
-import { requireRole, UserRole } from '@admin/auth/middleware'
+import { RoleGate } from '@admin/components/layouts/role-gate'
+import { UserRole } from '@admin/types/auth'
 import { WebhooksPageContent } from './webhooks-page-content'
 import { WebhooksPageSkeleton } from './webhooks-page-skeleton'
 
-export default async function WebhooksPage() {
-  await requireRole([UserRole.ADMIN])
-
+export default function WebhooksPage() {
   return (
     <React.Suspense fallback={<WebhooksPageSkeleton />}>
-      <WebhooksPageContent />
+      <RoleGate roles={[UserRole.ADMIN]}>
+        <WebhooksPageContent />
+      </RoleGate>
     </React.Suspense>
   )
 }

package/dist/assets/adapters/next/templates/init/pages/users/change-password-dialog.tsx

@@ -142,7 +142,7 @@ export function ChangePasswordDialog({
         <KeySquare className="size-4" />
         Change password
       </DialogTrigger>
-      <DialogContent className="sm:max-w-135">
+      <DialogContent className="max-w-135">
         <Form {...form}>
           <form
             autoComplete="off"

package/dist/assets/adapters/next/templates/init/pages/users/create-user-dialog.tsx

@@ -109,7 +109,7 @@ export function CreateUserDialog() {
   return (
     <Dialog open={open} onOpenChange={handleOpenChange}>
       <DialogTrigger render={<Button />}>Create User</DialogTrigger>
-      <DialogContent className="sm:max-w-135">
+      <DialogContent className="max-w-135">
         <Form {...form}>
           <form
             autoComplete="off"

package/dist/assets/adapters/next/templates/init/pages/users/edit-role-dialog.tsx

@@ -80,7 +80,7 @@ export function EditRoleDialog({ userId, currentRole, userName, children }: Edit
   return (
     <Dialog open={open} onOpenChange={handleOpenChange}>
       <DialogTrigger render={children as React.ReactElement} />
-      <DialogContent className="sm:max-w-87.5">
+      <DialogContent className="max-w-87.5">
         <Form {...form}>
           <form autoComplete="off" onSubmit={form.handleSubmit(handleSave)}>
             <DialogHeader>

package/dist/assets/shared-assets/react-admin/custom/content-editor/index.tsx

@@ -3,14 +3,12 @@
 import type { ContentEditorMode } from '@admin/utils/editor/content-editor-mode'
 import { Card, CardContent } from '@admin/components/ui/card'
 import { useContentEditor } from '@admin/hooks/content-editor/use-content-editor'
-import { useContentEditorMobileToolbar } from '@admin/hooks/content-editor/use-content-editor-mobile-toolbar'
 import { useContentEditorTableAddControls } from '@admin/hooks/content-editor/use-content-editor-table-add-controls'
 import { cn } from '@admin/utils/shared/cn'
 import { EditorContent, EditorContext } from '@tiptap/react'
 import { EditorToolbar } from './editor-toolbar'
 import { MainToolbarContent } from './main-toolbar-content'
 import { MathBubbleMenu } from './math-popover'
-import { MobileToolbarContent } from './mobile-toolbar-content'
 import { ModeToggleButton } from './mode-toggle-button'
 import { SelectionBubbleMenu } from './selection-bubble-menu'
 import { SlashCommandMenu } from './slash-command-menu'
@@ -35,8 +33,6 @@ export function ContentEditor({
   className,
   defaultMode
 }: ContentEditorProps) {
-  const { isMobile, mobileView, setMobileView } = useContentEditorMobileToolbar()
-
   const {
     activeSlashIndex,
     closeSlashMenu,
@@ -58,8 +54,7 @@ export function ContentEditor({
     onChange,
     placeholder,
     disabled,
-    defaultMode,
-    onModeToggle: () => setMobileView('main')
+    defaultMode
   })
 
   const isSourceMode = mode === 'source'
@@ -93,33 +88,13 @@ export function ContentEditor({
           ) : (
             <>
               <EditorToolbar ariaLabel="Content editor toolbar" className="shrink-0">
-                {mobileView === 'main' ? (
-                  <MainToolbarContent
-                    onHighlighterClick={() => setMobileView('highlighter')}
-                    onLinkClick={() => setMobileView('link')}
-                    onMathClick={() => setMobileView('math')}
-                    onModeChange={handleModeChange}
-                    isMobile={isMobile}
-                    editor={editor}
-                  />
-                ) : (
-                  <MobileToolbarContent
-                    type={
-                      mobileView === 'highlighter'
-                        ? 'highlighter'
-                        : mobileView === 'math'
-                          ? 'math'
-                          : 'link'
-                    }
-                    onBack={() => setMobileView('main')}
-                  />
-                )}
+                <MainToolbarContent onModeChange={handleModeChange} editor={editor} />
               </EditorToolbar>
 
               <div className="relative flex min-h-0 flex-1 flex-col overflow-hidden">
-                {!isMobile && <SelectionBubbleMenu editor={editor} />}
-                {!isMobile && <MathBubbleMenu editor={editor} />}
-                {!isMobile && <TableBubbleMenu editor={editor} />}
+                <SelectionBubbleMenu editor={editor} />
+                <MathBubbleMenu editor={editor} />
+                <TableBubbleMenu editor={editor} />
                 <TableAddControls controls={tableAddControls} />
 
                 <SlashCommandMenu

package/dist/assets/shared-assets/react-admin/custom/content-editor/main-toolbar-content.tsx

@@ -3,15 +3,9 @@
 import type { Editor } from '@tiptap/core'
 import { BlockquoteButton } from '@admin/components/custom/content-editor/tiptap-ui/blockquote-button'
 import { CodeBlockButton } from '@admin/components/custom/content-editor/tiptap-ui/code-block-button'
-import {
-  ColorHighlightPopover,
-  ColorHighlightPopoverButton
-} from '@admin/components/custom/content-editor/tiptap-ui/color-highlight-popover'
+import { ColorHighlightPopover } from '@admin/components/custom/content-editor/tiptap-ui/color-highlight-popover'
 import { HeadingDropdownMenu } from '@admin/components/custom/content-editor/tiptap-ui/heading-dropdown-menu'
-import {
-  LinkButton,
-  LinkPopover
-} from '@admin/components/custom/content-editor/tiptap-ui/link-popover'
+import { LinkPopover } from '@admin/components/custom/content-editor/tiptap-ui/link-popover'
 import { ListDropdownMenu } from '@admin/components/custom/content-editor/tiptap-ui/list-dropdown-menu'
 import { MarkButton } from '@admin/components/custom/content-editor/tiptap-ui/mark-button'
 import { UndoRedoButton } from '@admin/components/custom/content-editor/tiptap-ui/undo-redo-button'
@@ -20,23 +14,15 @@ import { Separator } from '@admin/components/ui/separator'
 import { useContentEditorMediaInsertion } from '@admin/hooks/content-editor/use-content-editor-media-insertion'
 import { ImagePlusIcon } from 'lucide-react'
 import { HorizontalRuleButton } from './horizontal-rule-button'
-import { MathButton, MathPopoverButton } from './math-popover'
+import { MathPopoverButton } from './math-popover'
 import { ModeToggleButton } from './mode-toggle-button'
 import { TableButton } from './table-button'
 
 export function MainToolbarContent({
-  onHighlighterClick,
-  onLinkClick,
-  onMathClick,
   onModeChange,
-  isMobile,
   editor
 }: {
-  onHighlighterClick: () => void
-  onLinkClick: () => void
-  onMathClick: () => void
   onModeChange: () => void
-  isMobile: boolean
   editor: Editor | null
 }) {
   const mediaInsertion = useContentEditorMediaInsertion({ editor })
@@ -67,12 +53,8 @@ export function MainToolbarContent({
           <MarkButton type="strike" />
           <MarkButton type="code" />
           <MarkButton type="underline" />
-          {!isMobile ? (
-            <ColorHighlightPopover />
-          ) : (
-            <ColorHighlightPopoverButton onClick={onHighlighterClick} />
-          )}
-          {!isMobile ? <LinkPopover /> : <LinkButton onClick={onLinkClick} />}
+          <ColorHighlightPopover />
+          <LinkPopover />
         </div>
 
         <Separator orientation="vertical" className="mx-1 my-auto h-[65%] self-center" />
@@ -80,11 +62,7 @@ export function MainToolbarContent({
         <div className="flex items-center">
           <TableButton editor={editor} />
 
-          {!isMobile ? (
-            <MathPopoverButton editor={editor} />
-          ) : (
-            <MathButton text="Math" aria-label="Insert math" title="Math" onClick={onMathClick} />
-          )}
+          <MathPopoverButton editor={editor} />
 
           {mediaInsertion.isVisible ? (
             <Button

package/dist/assets/shared-assets/react-admin/custom/content-editor/tiptap-node/removable-image-node/removable-image-node.tsx

@@ -118,7 +118,7 @@ export const RemovableImageNode: React.FC<NodeViewProps> = (props) => {
             alt={alt}
             title={title || undefined}
             fill
-            sizes="(min-width: 1024px) 768px, 100vw"
+            sizes="768px"
             unoptimized
             className="!m-0 !h-full !w-full !max-w-full object-contain"
             onLoad={handleImageLoad}

package/dist/assets/shared-assets/react-admin/custom/gallery-field.tsx

@@ -189,7 +189,7 @@ export function GalleryField({
             >
               <CarouselContent className="-ml-3">
                 {canAdd && !disabled ? (
-                  <CarouselItem className="basis-[168px] pl-3 sm:basis-[184px]">
+                  <CarouselItem className="basis-[184px] pl-3">
                     <Card className="h-full" onClick={() => setOpen(true)}>
                       <CardContent className="flex cursor-pointer flex-col p-2">
                         <div className="flex aspect-square size-full flex-col items-center justify-center gap-1 overflow-hidden rounded-sm border border-border bg-background text-muted-foreground transition-colors hover:text-foreground">
@@ -208,7 +208,7 @@ export function GalleryField({
                   {value.map((id) => {
                     const item = mediaMap.get(id)
                     return (
-                      <CarouselItem key={id} className="basis-[168px] pl-3 sm:basis-[184px]">
+                      <CarouselItem key={id} className="basis-[184px] pl-3">
                         <SortableGalleryItem id={id} disabled={disabled}>
                           {item ? (
                             <MediaField
@@ -243,7 +243,7 @@ export function GalleryField({
           </div>
           <DragOverlay>
             {activeId ? (
-              <div className="w-[168px] scale-[0.98] cursor-grabbing opacity-95 sm:w-[184px]">
+              <div className="w-[184px] scale-[0.98] cursor-grabbing opacity-95">
                 {activeItem ? (
                   <MediaField
                     value={activeId}

package/dist/assets/shared-assets/react-admin/ui/alert-dialog.tsx

@@ -44,7 +44,7 @@ function AlertDialogContent({
         data-slot="alert-dialog-content"
         data-size={size}
         className={cn(
-          'group/alert-dialog-content fixed top-1/2 left-1/2 z-50 grid w-full -translate-x-1/2 -translate-y-1/2 gap-6 rounded-4xl bg-popover p-6 text-popover-foreground ring-1 ring-foreground/5 duration-100 outline-none data-[size=default]:max-w-xs data-[size=sm]:max-w-xs data-[size=default]:sm:max-w-md data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95',
+          'group/alert-dialog-content fixed top-1/2 left-1/2 z-50 grid w-full -translate-x-1/2 -translate-y-1/2 gap-6 rounded-4xl bg-popover p-6 text-popover-foreground ring-1 ring-foreground/5 duration-100 outline-none data-[size=default]:max-w-md data-[size=sm]:max-w-xs data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95',
           className
         )}
         {...props}
@@ -58,7 +58,7 @@ function AlertDialogHeader({ className, ...props }: React.ComponentProps<'div'>)
     <div
       data-slot="alert-dialog-header"
       className={cn(
-        'grid grid-rows-[auto_1fr] place-items-center gap-1.5 text-center has-data-[slot=alert-dialog-media]:grid-rows-[auto_auto_1fr] has-data-[slot=alert-dialog-media]:gap-x-6 sm:group-data-[size=default]/alert-dialog-content:place-items-start sm:group-data-[size=default]/alert-dialog-content:text-left sm:group-data-[size=default]/alert-dialog-content:has-data-[slot=alert-dialog-media]:grid-rows-[auto_1fr]',
+        'grid grid-rows-[auto_1fr] place-items-center gap-1.5 text-center group-data-[size=default]/alert-dialog-content:place-items-start group-data-[size=default]/alert-dialog-content:text-left has-data-[slot=alert-dialog-media]:grid-rows-[auto_auto_1fr] has-data-[slot=alert-dialog-media]:gap-x-6 group-data-[size=default]/alert-dialog-content:has-data-[slot=alert-dialog-media]:grid-rows-[auto_1fr]',
         className
       )}
       {...props}
@@ -81,7 +81,7 @@ function AlertDialogFooter({ className, ...props }: React.ComponentProps<'div'>)
     <div
       data-slot="alert-dialog-footer"
       className={cn(
-        'flex flex-col-reverse gap-2 group-data-[size=sm]/alert-dialog-content:grid group-data-[size=sm]/alert-dialog-content:grid-cols-2 sm:flex-row sm:justify-end',
+        'flex flex-row justify-end gap-2 group-data-[size=sm]/alert-dialog-content:grid group-data-[size=sm]/alert-dialog-content:grid-cols-2',
         className
       )}
       {...props}
@@ -94,7 +94,7 @@ function AlertDialogMedia({ className, ...props }: React.ComponentProps<'div'>)
     <div
       data-slot="alert-dialog-media"
       className={cn(
-        "mb-2 inline-flex size-16 items-center justify-center rounded-full bg-muted sm:group-data-[size=default]/alert-dialog-content:row-span-2 *:[svg:not([class*='size-'])]:size-8",
+        "mb-2 inline-flex size-16 items-center justify-center rounded-full bg-muted group-data-[size=default]/alert-dialog-content:row-span-2 *:[svg:not([class*='size-'])]:size-8",
         className
       )}
       {...props}
@@ -110,7 +110,7 @@ function AlertDialogTitle({
     <AlertDialogPrimitive.Title
       data-slot="alert-dialog-title"
       className={cn(
-        'cn-font-heading text-lg font-medium sm:group-data-[size=default]/alert-dialog-content:group-has-data-[slot=alert-dialog-media]/alert-dialog-content:col-start-2',
+        'cn-font-heading text-lg font-medium group-data-[size=default]/alert-dialog-content:group-has-data-[slot=alert-dialog-media]/alert-dialog-content:col-start-2',
         className
       )}
       {...props}
@@ -126,7 +126,7 @@ function AlertDialogDescription({
     <AlertDialogPrimitive.Description
       data-slot="alert-dialog-description"
       className={cn(
-        'text-sm text-balance text-muted-foreground md:text-pretty *:[a]:underline *:[a]:underline-offset-3 *:[a]:hover:text-foreground',
+        'text-sm text-pretty text-muted-foreground *:[a]:underline *:[a]:underline-offset-3 *:[a]:hover:text-foreground',
         className
       )}
       {...props}

package/dist/assets/shared-assets/react-admin/ui/alert.tsx

@@ -52,7 +52,7 @@ function AlertDescription({ className, ...props }: React.ComponentProps<'div'>)
     <div
       data-slot="alert-description"
       className={cn(
-        'text-sm text-balance text-muted-foreground md:text-pretty [&_a]:underline [&_a]:underline-offset-3 [&_a]:hover:text-foreground [&_p:not(:last-child)]:mb-4',
+        'text-sm text-pretty text-muted-foreground [&_a]:underline [&_a]:underline-offset-3 [&_a]:hover:text-foreground [&_p:not(:last-child)]:mb-4',
         className
       )}
       {...props}

package/dist/assets/shared-assets/react-admin/ui/breadcrumb.tsx

@@ -13,7 +13,7 @@ function BreadcrumbList({ className, ...props }: React.ComponentProps<'ol'>) {
     <ol
       data-slot="breadcrumb-list"
       className={cn(
-        'flex flex-wrap items-center gap-1.5 text-sm wrap-break-word text-muted-foreground sm:gap-2.5',
+        'flex flex-wrap items-center gap-2.5 text-sm wrap-break-word text-muted-foreground',
         className
       )}
       {...props}

package/dist/assets/shared-assets/react-admin/ui/calendar.tsx

@@ -39,7 +39,7 @@ function Calendar({
       }}
       classNames={{
         root: cn('w-fit', defaultClassNames.root),
-        months: cn('relative flex flex-col gap-4 md:flex-row', defaultClassNames.months),
+        months: cn('relative flex flex-row gap-4', defaultClassNames.months),
         month: cn('flex w-full flex-col gap-4', defaultClassNames.month),
         nav: cn(
           'absolute inset-x-0 top-0 flex w-full items-center justify-between gap-1',

package/dist/assets/shared-assets/react-admin/ui/card.tsx

@@ -24,7 +24,7 @@ function CardHeader({ className, ...props }: React.ComponentProps<'div'>) {
     <div
       data-slot="card-header"
       className={cn(
-        'group/card-header @container/card-header grid auto-rows-min items-start gap-2 rounded-t-xl px-(--card-spacing) has-data-[slot=card-action]:grid-cols-[1fr_auto] has-data-[slot=card-description]:grid-rows-[auto_auto] [.border-b]:pb-(--card-spacing)',
+        'group/card-header grid auto-rows-min items-start gap-2 rounded-t-xl px-(--card-spacing) has-data-[slot=card-action]:grid-cols-[1fr_auto] has-data-[slot=card-description]:grid-rows-[auto_auto] [.border-b]:pb-(--card-spacing)',
         className
       )}
       {...props}

package/dist/assets/shared-assets/react-admin/ui/dialog.tsx

@@ -49,7 +49,7 @@ function DialogContent({
       <DialogPrimitive.Popup
         data-slot="dialog-content"
         className={cn(
-          'fixed top-1/2 left-1/2 z-50 grid w-full max-w-[calc(100%-2rem)] -translate-x-1/2 -translate-y-1/2 gap-6 rounded-4xl bg-popover p-6 text-sm text-popover-foreground ring-1 ring-foreground/5 duration-100 outline-none sm:max-w-md data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95',
+          'fixed top-1/2 left-1/2 z-50 grid w-full max-w-md -translate-x-1/2 -translate-y-1/2 gap-6 rounded-4xl bg-popover p-6 text-sm text-popover-foreground ring-1 ring-foreground/5 duration-100 outline-none data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95',
           className
         )}
         {...props}
@@ -90,7 +90,7 @@ function DialogFooter({
   return (
     <div
       data-slot="dialog-footer"
-      className={cn('flex flex-col-reverse gap-2 sm:flex-row sm:justify-end', className)}
+      className={cn('flex flex-row justify-end gap-2', className)}
       {...props}
     >
       {children}

package/dist/assets/shared-assets/react-admin/ui/drawer.tsx

@@ -117,7 +117,7 @@ function DrawerContent({ className, children, ...props }: DrawerPrimitive.Popup.
             // Bleed.
             'after:pointer-events-none after:absolute after:bg-(--drawer-bleed-background,var(--color-popover)) data-[swipe-axis=x]:after:inset-y-0 data-[swipe-axis=x]:after:w-(--bleed) data-[swipe-axis=y]:after:inset-x-0 data-[swipe-axis=y]:after:h-(--bleed) data-[swipe-direction=down]:after:top-full data-[swipe-direction=left]:after:right-full data-[swipe-direction=right]:after:left-full data-[swipe-direction=up]:after:bottom-full',
             // Sizing.
-            '[--drawer-content-height:var(--drawer-height,auto)] data-[swipe-axis=x]:[--drawer-content-width:75%] data-[swipe-axis=y]:[--drawer-content-max-height:calc(100dvh-6rem)] data-[swipe-axis=y]:data-snap-points:[--drawer-content-height:100dvh] data-[swipe-axis=x]:sm:[--drawer-content-width:24rem]',
+            '[--drawer-content-height:var(--drawer-height,auto)] data-[swipe-axis=x]:[--drawer-content-width:24rem] data-[swipe-axis=y]:[--drawer-content-max-height:calc(100dvh-6rem)] data-[swipe-axis=y]:data-snap-points:[--drawer-content-height:100dvh]',
             // Stack.
             '[--bleed:3rem] [--peek:1rem] [--stack-height:var(--drawer-frontmost-height,var(--drawer-height,0px))] [--stack-peek-offset:max(0px,calc((var(--nested-drawers)-var(--stack-progress))*var(--peek)))] [--stack-progress:clamp(0,var(--drawer-swipe-progress),1)] [--stack-scale-base:max(0,calc(1-(var(--nested-drawers)*var(--stack-step))))] [--stack-scale:clamp(0,calc(var(--stack-scale-base)+(var(--stack-step)*var(--stack-progress))),1)] [--stack-shrink:calc(1-var(--stack-scale))] [--stack-step:0.05]',
             // Transitions.
@@ -158,7 +158,7 @@ function DrawerHeader({ className, ...props }: React.ComponentProps<'div'>) {
     <div
       data-slot="drawer-header"
       className={cn(
-        'flex shrink-0 flex-col gap-0.5 p-4 pb-0 group-data-[swipe-axis=y]/drawer-popup:text-center md:gap-1.5 md:text-left',
+        'flex shrink-0 flex-col gap-1.5 p-4 pb-0 text-left group-data-[swipe-axis=y]/drawer-popup:text-center',
         className
       )}
       {...props}

package/dist/assets/shared-assets/react-admin/ui/field.tsx

@@ -43,7 +43,7 @@ function FieldGroup({ className, ...props }: React.ComponentProps<'div'>) {
     <div
       data-slot="field-group"
       className={cn(
-        'group/field-group @container/field-group flex w-full flex-col gap-7 data-[slot=checkbox-group]:gap-3 *:data-[slot=field-group]:gap-4',
+        'group/field-group flex w-full flex-col gap-7 data-[slot=checkbox-group]:gap-3 *:data-[slot=field-group]:gap-4',
         className
       )}
       {...props}
@@ -56,9 +56,7 @@ const fieldVariants = cva('group/field flex w-full gap-3 data-[invalid=true]:tex
     orientation: {
       vertical: 'flex-col *:w-full [&>.sr-only]:w-auto',
       horizontal:
-        'flex-row items-center has-[>[data-slot=field-content]]:items-start *:data-[slot=field-label]:flex-auto has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px',
-      responsive:
-        'flex-col *:w-full @md/field-group:flex-row @md/field-group:items-center @md/field-group:*:w-auto @md/field-group:has-[>[data-slot=field-content]]:items-start @md/field-group:*:data-[slot=field-label]:flex-auto [&>.sr-only]:w-auto @md/field-group:has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px'
+        'flex-row items-center has-[>[data-slot=field-content]]:items-start *:data-[slot=field-label]:flex-auto has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px'
     }
   },
   defaultVariants: {

package/dist/assets/shared-assets/react-admin/ui/input.tsx

@@ -8,7 +8,7 @@ function Input({ className, type, ...props }: React.ComponentProps<'input'>) {
       type={type}
       data-slot="input"
       className={cn(
-        'h-9 w-full min-w-0 rounded-4xl border border-input bg-input/30 px-3 py-1 text-base transition-colors outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-[3px] aria-invalid:ring-destructive/20 md:text-sm',
+        'h-9 w-full min-w-0 rounded-4xl border border-input bg-input/30 px-3 py-1 text-sm transition-colors outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-[3px] aria-invalid:ring-destructive/20',
         className
       )}
       {...props}

package/dist/assets/shared-assets/react-admin/ui/pagination.tsx

@@ -66,7 +66,7 @@ function PaginationPrevious({
       {...props}
     >
       <ChevronLeftIcon data-icon="inline-start" className="cn-rtl-flip" />
-      <span className="hidden sm:block">{text}</span>
+      <span className="block">{text}</span>
     </PaginationLink>
   )
 }
@@ -83,7 +83,7 @@ function PaginationNext({
       className={cn('pr-2!', className)}
       {...props}
     >
-      <span className="hidden sm:block">{text}</span>
+      <span className="block">{text}</span>
       <ChevronRightIcon data-icon="inline-end" className="cn-rtl-flip" />
     </PaginationLink>
   )

package/dist/assets/shared-assets/react-admin/ui/sheet.tsx

@@ -52,7 +52,7 @@ function SheetContent({
         data-slot="sheet-content"
         data-side={side}
         className={cn(
-          'fixed z-50 flex flex-col bg-popover bg-clip-padding text-sm text-popover-foreground shadow-lg transition duration-200 ease-in-out data-ending-style:opacity-0 data-starting-style:opacity-0 data-[side=bottom]:inset-x-0 data-[side=bottom]:bottom-0 data-[side=bottom]:h-auto data-[side=bottom]:border-t data-[side=bottom]:data-ending-style:translate-y-[2.5rem] data-[side=bottom]:data-starting-style:translate-y-[2.5rem] data-[side=left]:inset-y-0 data-[side=left]:left-0 data-[side=left]:h-full data-[side=left]:w-3/4 data-[side=left]:border-r data-[side=left]:data-ending-style:translate-x-[-2.5rem] data-[side=left]:data-starting-style:translate-x-[-2.5rem] data-[side=right]:inset-y-0 data-[side=right]:right-0 data-[side=right]:h-full data-[side=right]:w-3/4 data-[side=right]:border-l data-[side=right]:data-ending-style:translate-x-[2.5rem] data-[side=right]:data-starting-style:translate-x-[2.5rem] data-[side=top]:inset-x-0 data-[side=top]:top-0 data-[side=top]:h-auto data-[side=top]:border-b data-[side=top]:data-ending-style:translate-y-[-2.5rem] data-[side=top]:data-starting-style:translate-y-[-2.5rem] data-[side=left]:sm:max-w-sm data-[side=right]:sm:max-w-sm',
+          'fixed z-50 flex flex-col bg-popover bg-clip-padding text-sm text-popover-foreground shadow-lg transition duration-200 ease-in-out data-ending-style:opacity-0 data-starting-style:opacity-0 data-[side=bottom]:inset-x-0 data-[side=bottom]:bottom-0 data-[side=bottom]:h-auto data-[side=bottom]:border-t data-[side=bottom]:data-ending-style:translate-y-[2.5rem] data-[side=bottom]:data-starting-style:translate-y-[2.5rem] data-[side=left]:inset-y-0 data-[side=left]:left-0 data-[side=left]:h-full data-[side=left]:w-3/4 data-[side=left]:max-w-sm data-[side=left]:border-r data-[side=left]:data-ending-style:translate-x-[-2.5rem] data-[side=left]:data-starting-style:translate-x-[-2.5rem] data-[side=right]:inset-y-0 data-[side=right]:right-0 data-[side=right]:h-full data-[side=right]:w-3/4 data-[side=right]:max-w-sm data-[side=right]:border-l data-[side=right]:data-ending-style:translate-x-[2.5rem] data-[side=right]:data-starting-style:translate-x-[2.5rem] data-[side=top]:inset-x-0 data-[side=top]:top-0 data-[side=top]:h-auto data-[side=top]:border-b data-[side=top]:data-ending-style:translate-y-[-2.5rem] data-[side=top]:data-starting-style:translate-y-[-2.5rem]',
           className
         )}
         {...props}