@postxl/generators 1.0.10 → 1.0.11

package/dist/frontend-admin/generators/admin-sidebar.generator.js

@@ -116,7 +116,7 @@ export function AdminSidebar() {
       {/* Mobile toggle button */}
       <button
         onClick={() => setIsOpen(!isOpen)}
-        className="fixed top-4 left-4 z-50 md:hidden p-2 bg-white dark:bg-gray-900 rounded shadow-lg border border-gray-200 dark:border-gray-700"
+        className="fixed top-4 left-4 z-50 md:hidden p-2 bg-sidebar rounded shadow-lg border border-sidebar-border"
         aria-label="Toggle admin menu"
       >
         {isOpen ? <ChevronDownIcon className="w-6 h-6" /> : <ChevronRightIcon className="w-6 h-6" />}
@@ -125,7 +125,7 @@ export function AdminSidebar() {
       {/* Sidebar */}
       <aside
         className={\`
-          fixed md:sticky top-0 left-0 h-screen bg-white dark:bg-gray-900 border-r border-gray-200 dark:border-gray-700
+          fixed md:sticky top-0 left-0 h-screen bg-sidebar border-r border-sidebar-border
           overflow-y-auto transition-all duration-300 z-40
           \${isOpen ? 'translate-x-0' : '-translate-x-full md:translate-x-0'}
           \${isCollapsed ? 'w-16 min-w-16' : 'w-64 min-w-64'}
@@ -134,13 +134,13 @@ export function AdminSidebar() {
         <div className="p-4">
           <div className="flex items-center justify-between mb-4">
             {!isCollapsed && (
-              <Link to="/admin" className="text-lg font-bold hover:text-blue-600 dark:hover:text-blue-400 transition-colors">
+              <Link to="/admin" className="text-lg font-bold hover:text-sidebar-primary transition-colors">
                 Admin
               </Link>
             )}
             <button
               onClick={() => setIsCollapsed(!isCollapsed)}
-              className="hidden md:block p-1 hover:bg-gray-100 dark:hover:bg-gray-800 rounded transition-colors ml-auto"
+              className="hidden md:block p-1 hover:bg-sidebar-accent rounded transition-colors ml-auto"
               aria-label={isCollapsed ? 'Expand sidebar' : 'Collapse sidebar'}
             >
               {isCollapsed ? <ChevronRightIcon className="w-5 h-5" /> : <ChevronLeftIcon className="w-5 h-5" />}
@@ -153,7 +153,7 @@ export function AdminSidebar() {
                 <div key="Advanced" className="mb-4">
                   <button
                     onClick={() => toggleSchema('Advanced')}
-                    className="flex items-center justify-between w-full px-4 py-2 font-semibold text-left hover:bg-gray-100 dark:hover:bg-gray-800 rounded transition-colors"
+                    className="flex items-center justify-between w-full px-4 py-2 font-semibold text-left hover:bg-sidebar-accent rounded transition-colors"
                   >
                     <span>Advanced</span>
                     {expandedSchemas['Advanced'] ? (
@@ -167,7 +167,7 @@ export function AdminSidebar() {
                       <li key="DataManagement">
                         <Link
                           to="/admin/data-management"
-                          className="block px-4 py-2 hover:bg-gray-100 dark:hover:bg-gray-800 rounded transition-colors"
+                          className="block px-4 py-2 hover:bg-sidebar-accent rounded transition-colors"
                         >
                           Data Management
                         </Link>
@@ -182,12 +182,7 @@ export function AdminSidebar() {
       </aside>
 
       {/* Overlay for mobile */}
-      {isOpen && (
-        <div
-          className="fixed inset-0 bg-black/20 z-30 md:hidden"
-          onClick={() => setIsOpen(false)}
-        />
-      )}
+      {isOpen && <div className="fixed inset-0 bg-sidebar/20 z-30 md:hidden" onClick={() => setIsOpen(false)} />}
     </>
   )
 }

package/dist/frontend-admin/generators/admin-sidebar.generator.js.map

@@ -1 +1 @@
-{"version":3,"file":"admin-sidebar.generator.js","sourceRoot":"","sources":["../../../src/frontend-admin/generators/admin-sidebar.generator.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQA,oDA+JC;AAvKD,6DAA8C;AAG9C,oCAAqD;AAErD;;GAEG;AACH,SAAgB,oBAAoB,CAAC,EAAE,OAAO,EAA8B;IAC1E,MAAM,OAAO,GAAG,SAAS,CAAC,eAAe;QACvC,EAAE;SACD,IAAI,CAAC,SAAS,CAAC,uBAAuB,CAAC,wBAAwB,CAAC,CAAC;SACjE,SAAS,CAAC;QACT,IAAI,EAAE,SAAS,CAAC,aAAa,CAAC,OAAO,CAAC;QACtC,KAAK,EAAE,CAAC,SAAS,CAAC,cAAc,CAAC,UAAU,CAAC,CAAC;KAC9C,CAAC;SACD,SAAS,CAAC;QACT,IAAI,EAAE,SAAS,CAAC,aAAa,CAAC,uBAAuB,CAAC;QACtD,KAAK,EAAE;YACL,SAAS,CAAC,cAAc,CAAC,kBAAkB,CAAC;YAC5C,SAAS,CAAC,cAAc,CAAC,iBAAiB,CAAC;YAC3C,SAAS,CAAC,cAAc,CAAC,iBAAiB,CAAC;SAC5C;KACF,CAAC,CAAA;IAEJ,MAAM,EAAE,OAAO,EAAE,aAAa,EAAE,cAAc,EAAE,GAAG,IAAA,kCAA0B,EAAC,OAAO,CAAC,CAAA;IAEtF,+BAA+B;IAC/B,MAAM,cAAc,GAAG,aAAa;SACjC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE;QACd,MAAM,MAAM,GAAG,cAAc,CAAC,GAAG,CAAC,MAAM,CAAE,CAAA;QAC1C,MAAM,UAAU,GAAG,MAAM;aACtB,GAAG,CACF,CAAC,KAAK,EAAE,EAAE,CAAC;qBACA,KAAK,CAAC,IAAI;;oBAEX,KAAK,CAAC,KAAK;;;gBAGf,KAAK,CAAC,gBAAgB;;gBAEtB,CACP;aACA,IAAI,CAAC,EAAE,CAAC,CAAA;QAEX,OAAO;gBACG,MAAM;;uCAEiB,MAAM;;;gBAG7B,MAAM;4BACM,MAAM;;;;;;0BAMR,MAAM;;YAEpB,UAAU;;;WAGX,CAAA;IACP,CAAC,CAAC;SACD,IAAI,CAAC,EAAE,CAAC,CAAA;IAEX,OAAO;;EAEP,OAAO,CAAC,QAAQ,EAAE;;;;;;MAMd,aAAa,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,IAAI,MAAM,SAAS,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gBAgDxD,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2C7B,CAAA;AACD,CAAC"}
+{"version":3,"file":"admin-sidebar.generator.js","sourceRoot":"","sources":["../../../src/frontend-admin/generators/admin-sidebar.generator.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQA,oDA0JC;AAlKD,6DAA8C;AAG9C,oCAAqD;AAErD;;GAEG;AACH,SAAgB,oBAAoB,CAAC,EAAE,OAAO,EAA8B;IAC1E,MAAM,OAAO,GAAG,SAAS,CAAC,eAAe;QACvC,EAAE;SACD,IAAI,CAAC,SAAS,CAAC,uBAAuB,CAAC,wBAAwB,CAAC,CAAC;SACjE,SAAS,CAAC;QACT,IAAI,EAAE,SAAS,CAAC,aAAa,CAAC,OAAO,CAAC;QACtC,KAAK,EAAE,CAAC,SAAS,CAAC,cAAc,CAAC,UAAU,CAAC,CAAC;KAC9C,CAAC;SACD,SAAS,CAAC;QACT,IAAI,EAAE,SAAS,CAAC,aAAa,CAAC,uBAAuB,CAAC;QACtD,KAAK,EAAE;YACL,SAAS,CAAC,cAAc,CAAC,kBAAkB,CAAC;YAC5C,SAAS,CAAC,cAAc,CAAC,iBAAiB,CAAC;YAC3C,SAAS,CAAC,cAAc,CAAC,iBAAiB,CAAC;SAC5C;KACF,CAAC,CAAA;IAEJ,MAAM,EAAE,OAAO,EAAE,aAAa,EAAE,cAAc,EAAE,GAAG,IAAA,kCAA0B,EAAC,OAAO,CAAC,CAAA;IAEtF,+BAA+B;IAC/B,MAAM,cAAc,GAAG,aAAa;SACjC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE;QACd,MAAM,MAAM,GAAG,cAAc,CAAC,GAAG,CAAC,MAAM,CAAE,CAAA;QAC1C,MAAM,UAAU,GAAG,MAAM;aACtB,GAAG,CACF,CAAC,KAAK,EAAE,EAAE,CAAC;qBACA,KAAK,CAAC,IAAI;;oBAEX,KAAK,CAAC,KAAK;;;gBAGf,KAAK,CAAC,gBAAgB;;gBAEtB,CACP;aACA,IAAI,CAAC,EAAE,CAAC,CAAA;QAEX,OAAO;gBACG,MAAM;;uCAEiB,MAAM;;;gBAG7B,MAAM;4BACM,MAAM;;;;;;0BAMR,MAAM;;YAEpB,UAAU;;;WAGX,CAAA;IACP,CAAC,CAAC;SACD,IAAI,CAAC,EAAE,CAAC,CAAA;IAEX,OAAO;;EAEP,OAAO,CAAC,QAAQ,EAAE;;;;;;MAMd,aAAa,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,IAAI,MAAM,SAAS,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gBAgDxD,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsC7B,CAAA;AACD,CAAC"}

package/dist/frontend-admin/generators/audit-log-sidebar.generator.js

@@ -264,8 +264,8 @@ function ExpandedChangesList({ changedFields }: Readonly<{ changedFields: Readon
     <div className="px-3 pb-3">
       <div className="mt-2 space-y-2">
         {changedFields.map((change) => (
-          <div key={change.field} className="text-xs bg-gray-50 dark:bg-gray-800 rounded p-2">
-            <div className="font-medium text-gray-700 dark:text-gray-300 mb-1">
+          <div key={change.field} className="text-xs bg-sidebar rounded p-2">
+            <div className="font-medium text-sidebar-accent-foreground mb-1">
               {change.field}
             </div>
             <div className="flex flex-col gap-0.5">
@@ -303,29 +303,27 @@ function AuditLogEntryCard({ entry, isExpanded, onToggle }: AuditLogEntryCardPro
   const showExpandedContent = isExpanded && hasChanges && !isUpdateField
 
   return (
-    <div className="border-b border-gray-200 dark:border-gray-700 last:border-b-0">
+    <div className="border-b border-sidebar-border last:border-b-0">
       <button
         onClick={onToggle}
-        className={\`w-full p-3 text-left hover:bg-gray-50 dark:hover:bg-gray-800 transition-colors \${showExpandButton ? '' : 'cursor-default'}\`}
+        className={\`w-full p-3 text-left bg-sidebar-accent transition-colors \${showExpandButton ? '' : 'cursor-default'}\`}
         disabled={!showExpandButton}
       >
         <div className="flex items-start justify-between gap-2">
           <div className="flex-1 min-w-0">
             <div className="flex items-center gap-2">
-              <span className={\`inline-flex items-center px-2 py-0.5 rounded text-xs font-medium \${getMutationKindClasses(entry.mutationKind)}\`}>
+              <span
+                className={\`inline-flex items-center px-2 py-0.5 rounded text-xs font-medium \${getMutationKindClasses(entry.mutationKind)}\`}
+              >
                 {actionLabel}
               </span>
-              {inlineChange && (
-                <span className="text-xs text-gray-500 dark:text-gray-400">
-                  {inlineChange.field}
-                </span>
-              )}
+              {inlineChange && <span className="text-xs text-muted-foreground">{inlineChange.field}</span>}
             </div>
-            <p className="mt-1 text-sm text-gray-900 dark:text-gray-100 truncate">
+            <p className="mt-1 text-sm text-sidebar-foreground truncate">
               {entry.entityLabel || entry.entityId || 'Unknown entity'}
             </p>
             {inlineChange && <InlineChangeDisplay change={inlineChange} />}
-            <div className="mt-1 flex items-center gap-3 text-xs text-gray-500 dark:text-gray-400">
+            <div className="mt-1 flex items-center gap-3 text-xs text-muted-foreground">
               <span className="flex items-center gap-1">
                 <ClockIcon className="w-3 h-3" />
                 {formatDate(entry.createdAt)}
@@ -340,12 +338,11 @@ function AuditLogEntryCard({ entry, isExpanded, onToggle }: AuditLogEntryCardPro
           </div>
           {showExpandButton && (
             <ChevronRightIcon
-              className={\`w-4 h-4 text-gray-400 transition-transform \${isExpanded ? 'rotate-90' : ''}\`}
+              className={\`w-4 h-4 text-muted-foreground transition-transform \${isExpanded ? 'rotate-90' : ''}\`}
             />
           )}
         </div>
       </button>
-
       {showExpandedContent && <ExpandedChangesList changedFields={entry.changedFields} />}
     </div>
   )
@@ -374,34 +371,26 @@ function BreadcrumbNavigation({
   const entityCountText = getEntityCountText(entityCount)
 
   return (
-    <div className="px-4 py-2 border-b border-gray-200 dark:border-gray-700 flex items-center gap-1 text-xs">
-      <button
-        onClick={onClearEntity}
-        className="text-blue-600 dark:text-blue-400 hover:underline"
-      >
+    <div className="px-4 py-2 border-b border-sidebar-border flex items-center gap-1 text-xs">
+      <button onClick={onClearEntity} className="text-sidebar-primary hover:underline">
         All {model}s
       </button>
       {hasEntityFilter && (
         <>
-          <ChevronRightIcon className="w-3 h-3 text-gray-400" />
+          <ChevronRightIcon className="w-3 h-3 text-muted-foreground" />
           {hasFieldFilter ? (
-            <button
-              onClick={onClearField}
-              className="text-blue-600 dark:text-blue-400 hover:underline"
-            >
+            <button onClick={onClearField} className="text-sidebar-primary hover:underline">
               {entityCountText}
             </button>
           ) : (
-            <span className="text-gray-700 dark:text-gray-300">
-              {entityCountText}
-            </span>
+            <span className="text-sidebar-accent-foreground">{entityCountText}</span>
           )}
         </>
       )}
       {hasFieldFilter && (
         <>
-          <ChevronRightIcon className="w-3 h-3 text-gray-400" />
-          <span className="text-gray-700 dark:text-gray-300">{field}</span>
+          <ChevronRightIcon className="w-3 h-3 text-muted-foreground" />
+          <span className="text-sidebar-accent-foreground">{field}</span>
         </>
       )}
     </div>
@@ -502,57 +491,52 @@ export function AuditLogSidebar({ model, entityId, entityIds, field, labelField:
         className={\`
           fixed right-0 top-1/2 -translate-y-1/2 z-40
           flex items-center justify-center
-          w-6 h-24 bg-white dark:bg-gray-900
-          border border-r-0 border-gray-200 dark:border-gray-700
+          w-6 h-24 bg-sidebar
+          border border-r-0 border-sidebar-border
           rounded-l-lg shadow-lg
-          hover:bg-gray-50 dark:hover:bg-gray-800
+          hover:bg-sidebar-accent
           transition-colors
           \${isOpen ? 'right-80' : 'right-0'}
         \`}
         aria-label={isOpen ? 'Close audit log' : 'Open audit log'}
       >
         {isOpen ? (
-          <ChevronRightIcon className="w-4 h-4 text-gray-600 dark:text-gray-400" />
+          <ChevronRightIcon className="w-4 h-4 text-sidebar-accent-foreground" />
         ) : (
-          <ChevronLeftIcon className="w-4 h-4 text-gray-600 dark:text-gray-400" />
+          <ChevronLeftIcon className="w-4 h-4 text-sidebar-accent-foreground" />
         )}
       </button>
 
       {/* Sidebar */}
       <aside
         className={\`
-          fixed right-0 top-0 h-screen w-80 bg-white dark:bg-gray-900
-          border-l border-gray-200 dark:border-gray-700
+          fixed right-0 top-0 h-screen w-80 bg-sidebar
+          border-l border-sidebar-border
           overflow-hidden transition-transform duration-300 z-30
           \${isOpen ? 'translate-x-0' : 'translate-x-full'}
         \`}
       >
         <div className="flex flex-col h-full">
           {/* Header */}
-          <div className="p-4 border-b border-gray-200 dark:border-gray-700">
+          <div className="p-4 border-b border-sidebar-border">
             <div className="flex items-center justify-between">
-              <h3 className="text-lg font-semibold text-gray-900 dark:text-gray-100">
-                Audit Log
-              </h3>
+              <h3 className="text-lg font-semibold text-sidebar-foreground">Audit Log</h3>
               <button
                 onClick={() => void refetch()}
                 disabled={isFetching}
-                className="p-1 hover:bg-gray-100 dark:hover:bg-gray-800 rounded transition-colors disabled:opacity-50"
+                className="p-1 hover:bg-sidebar-accent rounded transition-colors disabled:opacity-50"
                 aria-label="Refresh"
               >
                 <ReloadIcon className={\`w-4 h-4 \${isFetching ? 'animate-spin' : ''}\`} />
               </button>
             </div>
-            <p className="mt-1 text-sm text-gray-500 dark:text-gray-400">
-              {filterDescription}
-            </p>
+            <p className="mt-1 text-sm text-muted-foreground">{filterDescription}</p>
             {data && (
-              <p className="mt-1 text-xs text-gray-400 dark:text-gray-500">
+              <p className="mt-1 text-xs text-muted-foreground">
                 {data.total} {data.total === 1 ? 'change' : 'changes'} found
               </p>
             )}
           </div>
-
           {/* Breadcrumb navigation */}
           {showBreadcrumbs && (
             <BreadcrumbNavigation
@@ -567,13 +551,13 @@ export function AuditLogSidebar({ model, entityId, entityIds, field, labelField:
           )}
 
           {/* Limit selector */}
-          <div className="px-4 py-2 border-b border-gray-200 dark:border-gray-700">
-            <label className="text-xs text-gray-500 dark:text-gray-400">
+          <div className="px-4 py-2 border-b border-sidebar-border">
+            <label className="text-xs text-muted-foreground">
               Show:{' '}
               <select
                 value={limit}
                 onChange={(e) => setLimit(Number(e.target.value))}
-                className="ml-1 px-2 py-1 text-xs border border-gray-200 dark:border-gray-700 rounded bg-white dark:bg-gray-800"
+                className="ml-1 px-2 py-1 text-xs border border-sidebar-border rounded bg-background"
               >
                 <option value={10}>10</option>
                 <option value={20}>20</option>
@@ -582,16 +566,15 @@ export function AuditLogSidebar({ model, entityId, entityIds, field, labelField:
               </select>
             </label>
           </div>
-
           {/* Content */}
           <div className="flex-1 overflow-y-auto">
             {isLoading && (
               <div className="flex items-center justify-center h-32">
-                <ReloadIcon className="w-6 h-6 animate-spin text-gray-400" />
+                <ReloadIcon className="w-6 h-6 animate-spin text-muted-foreground" />
               </div>
             )}
             {!isLoading && data?.entries.length === 0 && (
-              <div className="flex flex-col items-center justify-center h-32 text-gray-500 dark:text-gray-400">
+              <div className="flex flex-col items-center justify-center h-32 text-muted-foreground">
                 <p className="text-sm">No changes found</p>
                 <p className="text-xs mt-1">Changes will appear here when entities are modified</p>
               </div>
@@ -610,7 +593,7 @@ export function AuditLogSidebar({ model, entityId, entityIds, field, labelField:
                   <div className="p-3">
                     <button
                       onClick={loadMore}
-                      className="w-full py-2 text-sm text-blue-600 dark:text-blue-400 hover:bg-gray-50 dark:hover:bg-gray-800 rounded transition-colors"
+                      className="w-full py-2 text-sm text-primary hover:bg-sidebar-accent rounded transition-colors"
                     >
                       Load more...
                     </button>

package/dist/frontend-admin/generators/audit-log-sidebar.generator.js.map

@@ -1 +1 @@
-{"version":3,"file":"audit-log-sidebar.generator.js","sourceRoot":"","sources":["../../../src/frontend-admin/generators/audit-log-sidebar.generator.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"audit-log-sidebar.generator.js","sourceRoot":"","sources":["../../../src/frontend-admin/generators/audit-log-sidebar.generator.ts"],"names":[],"mappings":"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"}

package/dist/frontend-core/template/src/components/ui/data-grid/cell-variants/checkbox-cell.tsx

@@ -74,7 +74,7 @@ export function CheckboxCell<TData>({
     [isFocused, value, onCheckedChange, isEditable],
   )
 
-  const onCheckboxClick = React.useCallback((event: React.MouseEvent) => {
+  const onCheckboxClick = React.useCallback((event: React.MouseEvent<HTMLInputElement>) => {
     event.stopPropagation()
   }, [])
 
@@ -105,11 +105,11 @@ export function CheckboxCell<TData>({
         iconStyle="simple"
         checkIcon="check"
         checked={value}
-        onChange={(e) => onCheckedChange(e.target.checked)}
+        onChange={(event) => onCheckedChange(event.target.checked)}
         onClick={onCheckboxClick}
         onMouseDown={onCheckboxMouseDown}
         onDoubleClick={onCheckboxDoubleClick}
-        className="border-neutral-900 dark:border-neutral-50"
+        className="border-secondary-foreground"
       />
     </DataGridCellWrapper>
   )

package/dist/frontend-core/template/src/components/ui/data-grid/cell-variants/date-cell.tsx

@@ -28,7 +28,6 @@ function parseToLocalDate(value: string | Date | null | undefined): Date | undef
   if (!match) {
     return undefined
   }
-
   const year = Number.parseInt(match[1], 10)
   const month = Number.parseInt(match[2], 10) - 1 // months are 0-indexed
   const day = Number.parseInt(match[3], 10)
@@ -145,7 +144,7 @@ export function DateCell<TData>({
               autoFocus
               captionLayout="dropdown"
               mode="single"
-              className="rounded-md border border-neutral-200 shadow-sm dark:border-neutral-800"
+              className="rounded-md border border-border shadow-sm"
               defaultMonth={value}
               selected={value}
               onSelect={onDateSelect}

package/dist/frontend-core/template/src/components/ui/data-grid/cell-variants/long-text-cell.tsx

@@ -4,6 +4,7 @@ import { DataGridCellWrapper } from '@components/ui/data-grid/data-grid-cell-wra
 import { useDebouncedCallback } from '@components/ui/data-grid/hooks/use-debounced-callback'
 import { Popover, PopoverAnchor, PopoverContent } from '@components/ui/popover/popover'
 import { Textarea } from '@components/ui/textarea/textarea'
+
 import { CellVariantProps } from './cell-variant-types'
 
 export function LongTextCell<TData>({

package/dist/frontend-core/template/src/components/ui/data-grid/cell-variants/multi-select-cell.tsx

@@ -16,6 +16,7 @@ import { DataGridCellWrapper } from '@components/ui/data-grid/data-grid-cell-wra
 import { getLineCount } from '@components/ui/data-grid/data-grid-utils'
 import { Popover, PopoverAnchor, PopoverContent } from '@components/ui/popover/popover'
 import { cn } from '@lib/utils'
+
 import { CellVariantProps } from './cell-variant-types'
 
 export function MultiSelectCell<TData>({
@@ -234,10 +235,8 @@ export function MultiSelectCell<TData>({
                       <CommandItem key={option.value} value={option.label} onSelect={() => onValueChange(option.value)}>
                         <div
                           className={cn(
-                            'flex size-4 items-center justify-center rounded-sm border border-neutral-200 border-neutral-900 dark:border-neutral-800 dark:border-neutral-50',
-                            isSelected
-                              ? 'bg-neutral-900 text-neutral-50 dark:bg-neutral-50 dark:text-neutral-900'
-                              : 'opacity-50 [&_svg]:invisible',
+                            'flex size-4 items-center justify-center rounded-sm border border-border',
+                            isSelected ? 'bg-accent-foreground text-secondary' : 'opacity-50 [&_svg]:invisible',
                           )}
                         >
                           <CheckIcon className="size-3" />
@@ -251,10 +250,7 @@ export function MultiSelectCell<TData>({
                   <>
                     <CommandSeparator />
                     <CommandGroup>
-                      <CommandItem
-                        onSelect={clearAll}
-                        className="justify-center text-neutral-500 dark:text-neutral-400"
-                      >
+                      <CommandItem onSelect={clearAll} className="justify-center text-muted-foreground">
                         Clear all
                       </CommandItem>
                     </CommandGroup>
@@ -273,7 +269,7 @@ export function MultiSelectCell<TData>({
             </Badge>
           ))}
           {hiddenBadgeCount > 0 && (
-            <Badge variant="outline" className="h-5 shrink-0 px-1.5 text-neutral-500 text-xs dark:text-neutral-400">
+            <Badge variant="outline" className="h-5 shrink-0 px-1.5 text-muted-foreground text-xs">
               +{hiddenBadgeCount}
             </Badge>
           )}

package/dist/frontend-core/template/src/components/ui/data-grid/cell-variants/number-cell.tsx

@@ -1,8 +1,10 @@
 import type { ColumnMeta } from '@tanstack/react-table'
 
 import * as React from 'react'
+
 import { DataGridCellWrapper } from '@components/ui/data-grid/data-grid-cell-wrapper'
 import { cn } from '@lib/utils'
+
 import { CellVariantProps } from './cell-variant-types'
 
 export function NumberCell<TData>({
@@ -54,7 +56,6 @@ export function NumberCell<TData>({
   const onChange = React.useCallback((event: React.ChangeEvent<HTMLInputElement>) => {
     setEditValue(event.target.value)
   }, [])
-
   const parseNumValue = React.useCallback((): number | null => {
     return editValue === '' ? null : Number(editValue)
   }, [editValue])
@@ -89,7 +90,9 @@ export function NumberCell<TData>({
 
   const handleFocusedKeyDown = React.useCallback(
     (event: React.KeyboardEvent<HTMLDivElement>) => {
-      if (!isEditable) return
+      if (!isEditable) {
+        return
+      }
 
       if (event.key === 'Backspace') {
         setEditValue('')
@@ -99,7 +102,6 @@ export function NumberCell<TData>({
     },
     [isEditable],
   )
-
   const onWrapperKeyDown = React.useCallback(
     (event: React.KeyboardEvent<HTMLDivElement>) => {
       if (isEditing) {

package/dist/frontend-core/template/src/components/ui/data-grid/cell-variants/react-node-cell.tsx

@@ -1,6 +1,7 @@
 import * as React from 'react'
 
 import { DataGridCellWrapper } from '@components/ui/data-grid/data-grid-cell-wrapper'
+
 import { CellVariantProps } from './cell-variant-types'
 
 export function ReactNodeCell<TData>({
@@ -24,7 +25,7 @@ export function ReactNodeCell<TData>({
       isEditing={false}
       isFocused={isFocused}
       isSelected={isSelected}
-      className="flex size-full justify-center"
+      className="flex size-full justify-center p-0"
     >
       {children ?? null}
     </DataGridCellWrapper>

package/dist/frontend-core/template/src/components/ui/data-grid/cell-variants/select-cell.tsx

@@ -1,7 +1,7 @@
+import { CheckIcon } from '@radix-ui/react-icons'
+
 import * as React from 'react'
 
-import { CheckIcon } from '@radix-ui/react-icons'
-import { DataGridCellWrapper } from '@components/ui/data-grid/data-grid-cell-wrapper'
 import {
   Command,
   CommandEmpty,
@@ -10,8 +10,10 @@ import {
   CommandItem,
   CommandList,
 } from '@components/ui/command/command'
+import { DataGridCellWrapper } from '@components/ui/data-grid/data-grid-cell-wrapper'
 import { Popover, PopoverContent, PopoverTrigger } from '@components/ui/popover/popover'
 import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@components/ui/select/select'
+
 import { CellVariantProps } from './cell-variant-types'
 
 export function SelectCell<TData>({
@@ -93,7 +95,6 @@ export function SelectCell<TData>({
   }, [isFocused, isEditing, open, meta?.searchOpen, meta?.isScrolling])
 
   const displayLabel = options.find((opt) => opt.value === value)?.label ?? value
-
   let editingContent: React.ReactNode
 
   if (hasSearch) {
@@ -156,7 +157,6 @@ export function SelectCell<TData>({
       </Select>
     )
   }
-
   return (
     <DataGridCellWrapper
       ref={containerRef}

package/dist/frontend-core/template/src/components/ui/data-grid/cell-variants/short-text-cell.tsx

@@ -1,6 +1,7 @@
 import * as React from 'react'
 
 import { DataGridCellWrapper } from '@components/ui/data-grid/data-grid-cell-wrapper'
+
 import { CellVariantProps } from './cell-variant-types'
 
 export function ShortTextCell<TData>({
@@ -35,11 +36,9 @@ export function ShortTextCell<TData>({
     }
     meta?.onCellEditingStop?.()
   }, [meta, rowIndex, columnId, initialValue])
-
   const onChange = React.useCallback((event: React.ChangeEvent<HTMLInputElement>) => {
     setValue(event.target.value)
   }, [])
-
   const handleEditingKeyDown = React.useCallback(
     (event: React.KeyboardEvent<HTMLDivElement>) => {
       if (event.key === 'Enter') {
@@ -130,7 +129,9 @@ export function ShortTextCell<TData>({
           className="size-full bg-transparent outline-none"
         />
       ) : (
-        <div className="size-full overflow-hidden outline-none">{value}</div>
+        <div data-slot="grid-cell-content" className="size-full overflow-hidden outline-none">
+          {value}
+        </div>
       )}
     </DataGridCellWrapper>
   )

package/dist/frontend-core/template/src/components/ui/data-grid/cell-variants/utils/gantt-timeline.tsx

@@ -1,4 +1,5 @@
 import { useRef } from 'react'
+
 import { GanttTimerangePicker } from './gantt-timerange-picker'
 
 // Gantt header component rendering the timeline scale
@@ -49,7 +50,7 @@ export const GanttTimeline = ({ header }: { header: any }) => {
           /* distribute space between years with flex-grow except for first and last as they might only be partial */
           <div
             key={year}
-            className="h-full relative flex grow border-l border-neutral-300 dark:border-neutral-700 first:border-none first:grow-0 last:grow-0 overflow-hidden"
+            className="h-full relative flex grow border-l border-muted-foreground/30 first:border-none first:grow-0 last:grow-0 overflow-hidden"
             style={
               // index == 0: first year, index == totalYears -1: last year
               index == 0 || index == totalYears - 1
@@ -62,7 +63,7 @@ export const GanttTimeline = ({ header }: { header: any }) => {
               <div className="absolute bottom-0 left-0 right-0 flex h-1.5 w-full">
                 {index == 0 && ts.getMonth() < 11 && (
                   <div
-                    className="h-full border-r border-dashed border-neutral-300 dark:border-neutral-700"
+                    className="h-full border-r border-dashed border-muted-foreground/30"
                     style={{ width: `${(firstMonthPartialMs / firstYearPartialMs) * 100}%` }}
                   />
                 )}
@@ -71,8 +72,8 @@ export const GanttTimeline = ({ header }: { header: any }) => {
                   length: (index == totalYears - 1 ? te.getMonth() : 12) - (index == 0 ? ts.getMonth() + 1 : 0),
                 }).map((_, monthIndex) => (
                   <div
-                    key={`${year}-${(index == 0 ? ts.getMonth() + 1 : 0) + monthIndex}`}
-                    className="grow h-full border-r border-dashed border-neutral-300 dark:border-neutral-700 last:border-0"
+                    key={`${year}-${monthIndex}`}
+                    className="grow h-full border-r border-dashed border-muted-foreground/30 last:border-0"
                   />
                 ))}
                 {/* last month with calculated width as it might only be partial */}
@@ -82,7 +83,7 @@ export const GanttTimeline = ({ header }: { header: any }) => {
               </div>
             )}
 
-            <span className="ps-0.5 -mt-px text-xs text-neutral-500 dark:text-neutral-400 select-none z-1">{year}</span>
+            <span className="ps-0.5 -mt-px text-xs text-muted-foreground select-none z-1">{year}</span>
           </div>
         ))}
       </div>

package/dist/frontend-core/template/src/components/ui/data-grid/data-grid-cell-wrapper.tsx

@@ -186,10 +186,10 @@ export function DataGridCellWrapper<TData>({
           'text-center': align === 'center',
         },
         {
-          'ring-1 ring-neutral-950 ring-inset dark:ring-neutral-300': isFocused,
+          'ring-1 ring-foreground ring-inset dark:ring-secondary-foreground': isFocused,
           'bg-yellow-100 dark:bg-yellow-900/30': isSearchMatch && !isActiveSearchMatch,
           'bg-orange-200 dark:bg-orange-900/50': isActiveSearchMatch,
-          'bg-neutral-900/10 dark:bg-neutral-50/10': isSelected && !isEditing,
+          'bg-accent-foreground/10': isSelected && !isEditing,
           'cursor-default': !isEditing,
           '**:data-[slot=grid-cell-content]:line-clamp-1': !isEditing && rowHeight === 'short',
           '**:data-[slot=grid-cell-content]:line-clamp-2': !isEditing && rowHeight === 'medium',

package/dist/frontend-core/template/src/components/ui/data-grid/data-grid-cell.tsx

@@ -1,13 +1,14 @@
 import type { Cell, Table } from '@tanstack/react-table'
-import { ShortTextCell } from './cell-variants/short-text-cell'
-import { LongTextCell } from './cell-variants/long-text-cell'
-import { NumberCell } from './cell-variants/number-cell'
-import { SelectCell } from './cell-variants/select-cell'
-import { MultiSelectCell } from './cell-variants/multi-select-cell'
+
 import { CheckboxCell } from './cell-variants/checkbox-cell'
 import { DateCell } from './cell-variants/date-cell'
-import { ReactNodeCell } from './cell-variants/react-node-cell'
 import { GanttCell } from './cell-variants/gantt-cell'
+import { LongTextCell } from './cell-variants/long-text-cell'
+import { MultiSelectCell } from './cell-variants/multi-select-cell'
+import { NumberCell } from './cell-variants/number-cell'
+import { ReactNodeCell } from './cell-variants/react-node-cell'
+import { SelectCell } from './cell-variants/select-cell'
+import { ShortTextCell } from './cell-variants/short-text-cell'
 
 type DataGridCellProps<TData> = {
   cell: Cell<TData, unknown>