@tulip-systems/core 0.5.16 → 0.6.1

package/src/components/editor/lib/utils.ts

@@ -1,5 +1,3 @@
-import type { Node as PMNode } from "@tiptap/pm/model";
-
 type ShortcutKeyResult = {
   symbol: string;
   readable: string;
@@ -156,7 +154,7 @@ const base64MimeType = (encoded: string): string => {
 const isBase64 = (str: string): boolean => {
   if (str.startsWith("data:")) {
     const matches = str.match(/^data:[^;]+;base64,(.+)$/);
-    if (matches && matches[1]) {
+    if (matches?.[1]) {
       str = matches[1];
     } else {
       return false;
@@ -201,33 +199,3 @@ export const filterFiles = <T extends FileInput>(
 
   return [validFiles, errors];
 };
-
-/**
- * Helper for iterating through the nodes in a document that changed compared
- * to the given previous document. Useful for avoiding duplicate work on each transaction.
- * Source: https://github.com/ProseMirror/prosemirror-tables/blob/master/src/fixtables.js
- */
-export function changedDescendants(
-  old: PMNode,
-  cur: PMNode,
-  offset: number,
-  f: (node: PMNode, pos: number) => void,
-) {
-  const oldSize = old.childCount,
-    curSize = cur.childCount;
-  outer: for (let i = 0, j = 0; i < curSize; i++) {
-    const child = cur.child(i);
-    for (let scan = j, e = Math.min(oldSize, i + 3); scan < e; scan++) {
-      if (old.child(scan) == child) {
-        j = scan + 1;
-        offset += child.nodeSize;
-        continue outer;
-      }
-    }
-    f(child, offset);
-    if (j < oldSize && old.child(j).sameMarkup(child))
-      changedDescendants(old.child(j), child, offset + 1, f);
-    else child.nodesBetween(0, child.content.size, f, offset + 1);
-    offset += child.nodeSize;
-  }
-}

package/src/components/editor/lib/variants.ts

@@ -1,5 +1,5 @@
-import { cn } from "@/lib/utils/cn";
 import { cva } from "class-variance-authority";
+import { cn } from "@/lib/utils/cn";
 
 /**
  * Prose variants

package/src/components/emails/forget-password-email.tsx

@@ -1,4 +1,3 @@
-import { url } from "@/lib/utils/url";
 import {
   Body,
   Button,
@@ -11,6 +10,7 @@ import {
   Tailwind,
   Text,
 } from "@react-email/components";
+import { url } from "@/lib/utils/url";
 import { Icons } from "../common/icons";
 
 interface ForgetPasswordEmailProps {

package/src/components/entry.client.ts

@@ -33,8 +33,8 @@ export * from "./ui/avatar.client";
 export * from "./ui/chart.client";
 export * from "./ui/collapsible.client";
 export * from "./ui/color-picker.client";
-export * from "./ui/combobox-dropdown.client";
 export * from "./ui/combobox.client";
+export * from "./ui/combobox-dropdown.client";
 export * from "./ui/date-picker.client";
 export * from "./ui/dialog.client";
 export * from "./ui/drawer.client";

package/src/components/entry.ts

@@ -44,9 +44,9 @@ export * from "./ui/command";
 export * from "./ui/context-menu";
 export * from "./ui/dropdown-menu";
 export * from "./ui/input";
-export * from "./ui/input-time";
 export * from "./ui/input-date";
 export * from "./ui/input-date-time";
+export * from "./ui/input-time";
 export * from "./ui/label";
 export * from "./ui/navigation-menu";
 export * from "./ui/pagination";

package/src/components/header/back-button.client.tsx

@@ -1,5 +1,6 @@
 "use client";
 
+import { useRouter } from "next/navigation";
 import { Icons } from "@/components/common/icons";
 import { Button } from "@/components/ui/button";
 import {
@@ -9,7 +10,6 @@ import {
   ContextMenuTrigger,
 } from "@/components/ui/context-menu";
 import { cn } from "@/lib/utils/cn";
-import { useRouter } from "next/navigation";
 
 export function HeaderTopbarBackButton({
   className,

package/src/components/header/bottom-bar.client.tsx

@@ -1,11 +1,11 @@
 "use client";
 
-import { cn } from "@/lib/utils/cn";
-import { Allowed } from "@/modules/auth/components/allowed.client";
-import { Path } from "@/modules/config/paths/types";
 import Link from "next/link";
 import { useSelectedLayoutSegment } from "next/navigation";
 import type React from "react";
+import { cn } from "@/lib/utils/cn";
+import { Allowed } from "@/modules/auth/components/allowed.client";
+import type { Path } from "@/modules/config/paths/types";
 
 /**
  * Bottombar component

package/src/components/header/breadcrumbs.client.tsx

@@ -1,3 +1,5 @@
+import Link from "next/link";
+import type { PropsWithChildren } from "react";
 import {
   Breadcrumb,
   BreadcrumbEllipsis,
@@ -14,8 +16,6 @@ import {
   DropdownMenuTrigger,
 } from "@/components/ui/dropdown-menu";
 import { ScrollArea } from "@/components/ui/scroll-area";
-import Link from "next/link";
-import { PropsWithChildren } from "react";
 
 export type HeaderBreadcrumb = {
   label: string;

package/src/components/header/header.client.tsx

@@ -1,5 +1,5 @@
+import type { ComponentProps } from "react";
 import { cn } from "@/lib/utils/cn";
-import { ComponentProps } from "react";
 
 export function Header({ children, className, ...props }: ComponentProps<"header">) {
   return (

package/src/components/header/indicator.client.tsx

@@ -1,8 +1,8 @@
 "use client";
 
-import { IndicatorStatus, useIndicator } from "@/lib/hooks/use-indicator";
-import { cn } from "@/lib/utils/cn";
 import { cva } from "class-variance-authority";
+import { type IndicatorStatus, useIndicator } from "@/lib/hooks/use-indicator";
+import { cn } from "@/lib/utils/cn";
 
 const inlineEditIndicatorVariants = cva(
   "absolute top-2 left-3 z-50 size-2 rounded-full bg-primary",

package/src/components/header/top-bar.client.tsx

@@ -1,18 +1,18 @@
-import { cn } from "@/lib/utils/cn";
 import type React from "react";
 import { Fragment } from "react";
+import { cn } from "@/lib/utils/cn";
 import { Icons } from "../common/icons";
 import { Badge } from "../ui/badge";
 import { HeaderTopbarBackButton } from "./back-button.client";
 import {
+  type HeaderBreadcrumb,
+  HeaderBreadcrumbSeparator,
   HeaderBreadcrumbs,
   HeaderBreadcrumbsDesktopList,
   HeaderBreadcrumbsDropdownMenu,
   HeaderBreadcrumbsDropdownMenuItem,
-  HeaderBreadcrumbSeparator,
   HeaderBreadcrumbsLink,
   HeaderBreadcrumbsMobileList,
-  type HeaderBreadcrumb,
 } from "./breadcrumbs.client";
 import { Indicator } from "./indicator.client";
 import { HeaderTopbarMobileNavSwitcher } from "./mobile-nav-switcher.client";

package/src/components/layouts/admin-content.client.tsx

@@ -1,7 +1,7 @@
 "use client";
 
+import type { ComponentProps } from "react";
 import { cn } from "@/lib/entry";
-import { ComponentProps } from "react";
 import { useSidebar } from "../entry.client";
 import { ScrollArea } from "../ui/scroll-area";
 

package/src/components/layouts/admin-error-pages.tsx

@@ -1,5 +1,5 @@
+import type { CommonORPCErrorCode } from "@orpc/client";
 import { ServerError } from "@/modules/router/lib/error.server";
-import { CommonORPCErrorCode } from "@orpc/client";
 import { Header } from "../header/header.client";
 import { Topbar, TopbarTitle } from "../header/top-bar.client";
 import {

package/src/components/layouts/admin-layout.tsx

@@ -1,4 +1,4 @@
-import { PropsWithChildren } from "react";
+import type { PropsWithChildren } from "react";
 import { SidebarProvider } from "../ui/sidebar.client";
 
 export function AdminLayout(props: PropsWithChildren) {

package/src/components/layouts/admin-loading.tsx

@@ -1,4 +1,4 @@
-import { PropsWithChildren } from "react";
+import type { PropsWithChildren } from "react";
 import { Skeleton } from "../ui/skeleton";
 
 export function AdminLoadingLayout(props: PropsWithChildren) {

package/src/components/layouts/empty-page.tsx

@@ -1,6 +1,6 @@
-import { cn } from "@/lib/utils/cn";
 import type { Route } from "next";
 import type { ComponentProps, HTMLAttributes } from "react";
+import { cn } from "@/lib/utils/cn";
 
 export type EmptyPageProps = HTMLAttributes<HTMLDivElement> & {
   title: string;

package/src/components/layouts/error-page.tsx

@@ -1,6 +1,6 @@
-import { cn } from "@/lib/utils/cn";
 import { BugIcon, ServerCrashIcon, ShieldBanIcon } from "lucide-react";
-import { ComponentProps } from "react";
+import type { ComponentProps } from "react";
+import { cn } from "@/lib/utils/cn";
 
 /**
  * ErrorPage

package/src/components/layouts/error-sections.tsx

@@ -1,5 +1,5 @@
+import type { ComponentProps } from "react";
 import { cn } from "@/lib/utils/cn";
-import { ComponentProps } from "react";
 import { ErrorPage, ErrorPageCode, ErrorPageDescription, ErrorPageIcon } from "./error-page";
 
 /**

package/src/components/layouts/list-layout.tsx

@@ -1,5 +1,5 @@
+import type { ComponentProps } from "react";
 import { cn } from "@/lib/utils/cn";
-import { ComponentProps } from "react";
 
 export function ListLayout({ className, children, ...props }: ComponentProps<"div">) {
   return (

package/src/components/layouts/providers.client.tsx

@@ -1,13 +1,13 @@
 "use client";
 
-import { Toaster } from "@/components/ui/sonner.client";
-import { IndicatorContextProvider } from "@/lib/hooks/use-indicator";
-import { getQueryClient } from "@/modules/router/lib/query-client";
 import { QueryClientProvider } from "@tanstack/react-query";
 import { ReactQueryDevtools } from "@tanstack/react-query-devtools";
 import { ThemeProvider } from "next-themes";
 import { NuqsAdapter } from "nuqs/adapters/next/app";
-import { PropsWithChildren } from "react";
+import type { PropsWithChildren } from "react";
+import { Toaster } from "@/components/ui/sonner.client";
+import { IndicatorContextProvider } from "@/lib/hooks/use-indicator";
+import { getQueryClient } from "@/modules/router/lib/query-client";
 
 export function Providers({ children }: PropsWithChildren) {
   const queryClient = getQueryClient();

package/src/components/layouts/root-layout.server.tsx

@@ -1,10 +1,10 @@
 import "server-cli-only";
 
+import type { Metadata, Viewport } from "next";
+import type { PropsWithChildren } from "react";
 import { cn } from "@/lib/utils/cn";
 import { registerFonts } from "@/lib/utils/fonts";
-import { TulipConfig } from "@/modules/config/lib/config";
-import type { Metadata, Viewport } from "next";
-import { PropsWithChildren } from "react";
+import type { TulipConfig } from "@/modules/config/lib/config";
 
 /**
  * Root layout metadata

package/src/components/layouts/tab-layout.tsx

@@ -1,11 +1,11 @@
 "use client";
 
-import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs";
-import { Allowed } from "@/modules/auth/components/allowed.client";
-import { Permission } from "@/modules/auth/lib/permissions";
 import type { Route } from "next";
 import { useRouter, useSelectedLayoutSegment } from "next/navigation";
 import { useState } from "react";
+import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs";
+import { Allowed } from "@/modules/auth/components/allowed.client";
+import type { Permission } from "@/modules/auth/lib/permissions";
 import { ListLayout } from "./list-layout";
 
 export type Tab = {

package/src/components/lists/data-list.tsx

@@ -1,5 +1,5 @@
-import { cn } from "@/lib/utils/cn";
 import type React from "react";
+import { cn } from "@/lib/utils/cn";
 
 export type DataListProps = React.HTMLAttributes<HTMLOListElement>;
 

package/src/components/lists/data-stack.tsx

@@ -1,5 +1,5 @@
-import { cn } from "@/lib/utils/cn";
 import type React from "react";
+import { cn } from "@/lib/utils/cn";
 
 export type DataStackGridProps = React.HTMLAttributes<HTMLElement>;
 

package/src/components/navigation/admin-sidebar-header.client.tsx

@@ -1,5 +1,18 @@
 "use client";
 
+import {
+  ChevronsUpDownIcon,
+  LaptopIcon,
+  LogOutIcon,
+  MoonIcon,
+  SettingsIcon,
+  SunIcon,
+  SunMoonIcon,
+} from "lucide-react";
+import Link from "next/link";
+import { useRouter } from "next/navigation";
+import { useTheme } from "next-themes";
+import React from "react";
 import { Avatar, AvatarFallback, AvatarImage } from "@/components/ui/avatar.client";
 import { Button } from "@/components/ui/button";
 import {
@@ -15,19 +28,6 @@ import {
 import { cn } from "@/lib/utils/cn";
 import { useAuthClient } from "@/modules/auth/hooks/use-auth-client";
 import { useSession } from "@/modules/auth/hooks/use-session";
-import {
-  ChevronsUpDownIcon,
-  LaptopIcon,
-  LogOutIcon,
-  MoonIcon,
-  SettingsIcon,
-  SunIcon,
-  SunMoonIcon,
-} from "lucide-react";
-import { useTheme } from "next-themes";
-import Link from "next/link";
-import { useRouter } from "next/navigation";
-import React from "react";
 import { SidebarHeader, useSidebar } from "../ui/sidebar.client";
 
 export function AdminSidebarHeader() {

package/src/components/navigation/admin-sidebar-paths.client.tsx

@@ -1,5 +1,10 @@
 "use client";
 
+import type { Route } from "next";
+import Link from "next/link";
+import { useSelectedLayoutSegments } from "next/navigation";
+import * as React from "react";
+import { Suspense } from "react";
 import {
   Sidebar,
   SidebarContent,
@@ -16,12 +21,7 @@ import {
   useSidebar,
 } from "@/components/ui/sidebar.client";
 import { Allowed } from "@/modules/auth/components/allowed.client";
-import { Permission } from "@/modules/auth/entry";
-import { Route } from "next";
-import Link from "next/link";
-import { useSelectedLayoutSegments } from "next/navigation";
-import * as React from "react";
-import { Suspense } from "react";
+import type { Permission } from "@/modules/auth/entry";
 import { AdminSidebarHeader } from "./admin-sidebar-header.client";
 import {
   AdminSidebarHeaderLoading,

package/src/components/navigation/admin-sidebar-skeleton.tsx

@@ -1,3 +1,4 @@
+import { Suspense } from "react";
 import { Button } from "@/components/ui/button";
 import { DropdownMenu, DropdownMenuTrigger } from "@/components/ui/dropdown-menu";
 import {
@@ -7,7 +8,6 @@ import {
   SidebarMenuSkeleton,
 } from "@/components/ui/sidebar.client";
 import { Skeleton } from "@/components/ui/skeleton";
-import { Suspense } from "react";
 
 /**
  * SidebarMenuContentLoading

package/src/components/navigation/admin-sidebar.client.tsx

@@ -1,5 +1,9 @@
 "use client";
 
+import Link from "next/link";
+import { useSelectedLayoutSegments } from "next/navigation";
+import { Suspense } from "react";
+import { Fragment } from "react/jsx-runtime";
 import {
   Sidebar,
   SidebarContent,
@@ -16,11 +20,7 @@ import {
   useSidebar,
 } from "@/components/ui/sidebar.client";
 import { Allowed } from "@/modules/auth/entry.client";
-import { Paths } from "@/modules/config/entry";
-import Link from "next/link";
-import { useSelectedLayoutSegments } from "next/navigation";
-import { Suspense } from "react";
-import { Fragment } from "react/jsx-runtime";
+import type { Paths } from "@/modules/config/entry";
 import { AdminSidebarHeader } from "./admin-sidebar-header.client";
 import {
   AdminSidebarHeaderLoading,
@@ -29,6 +29,7 @@ import {
 
 /**
  * AdminSidebar
+ * @deprecated
  */
 export function AdminSidebar({
   paths,

package/src/components/ui/accordion.tsx

@@ -1,8 +1,7 @@
 "use client";
 
 import * as AccordionPrimitive from "@radix-ui/react-accordion";
-import { ChevronDownIcon } from "lucide-react";
-import * as React from "react";
+import type * as React from "react";
 
 import { cn } from "@/lib/utils/cn";
 

package/src/components/ui/alert-dialog.tsx

@@ -1,7 +1,7 @@
 "use client";
 
 import * as AlertDialogPrimitive from "@radix-ui/react-alert-dialog";
-import * as React from "react";
+import type * as React from "react";
 
 import { buttonVariants } from "@/components/ui/button";
 import { cn } from "@/lib/utils/cn";

package/src/components/ui/alert.tsx

@@ -1,5 +1,5 @@
 import { cva, type VariantProps } from "class-variance-authority";
-import * as React from "react";
+import type * as React from "react";
 
 import { cn } from "@/lib/utils/cn";
 

package/src/components/ui/avatar.client.tsx

@@ -1,7 +1,7 @@
 "use client";
 
 import * as AvatarPrimitive from "@radix-ui/react-avatar";
-import * as React from "react";
+import type * as React from "react";
 
 import { cn } from "@/lib/utils/cn";
 

package/src/components/ui/badge.tsx

@@ -1,6 +1,6 @@
 import { Slot } from "@radix-ui/react-slot";
 import { cva, type VariantProps } from "class-variance-authority";
-import * as React from "react";
+import type * as React from "react";
 
 import { cn } from "@/lib/utils/cn";
 

package/src/components/ui/breadcrumb.tsx

@@ -1,6 +1,6 @@
 import { Slot } from "@radix-ui/react-slot";
 import { ChevronRight, MoreHorizontal } from "lucide-react";
-import * as React from "react";
+import type * as React from "react";
 
 import { cn } from "@/lib/utils/cn";
 
@@ -13,7 +13,7 @@ function BreadcrumbList({ className, ...props }: React.ComponentProps<"ol">) {
     <ol
       data-slot="breadcrumb-list"
       className={cn(
-        "text-muted-foreground flex flex-wrap items-center gap-1 break-words text-sm",
+        "text-muted-foreground flex flex-wrap items-center gap-1 wrap-break-word text-sm",
         className,
       )}
       {...props}
@@ -51,6 +51,8 @@ function BreadcrumbLink({
 
 function BreadcrumbPage({ className, ...props }: React.ComponentProps<"span">) {
   return (
+    // biome-ignore lint/a11y/useFocusableInteractive: BreadcrumbPage is not meant to be interactive, it's just a label for the current page in the breadcrumb.
+    // biome-ignore lint/a11y/useSemanticElements: BreadcrumbPage is not meant to be interactive, it's just a label for the current page in the breadcrumb.
     <span
       data-slot="breadcrumb-page"
       role="link"

package/src/components/ui/button.tsx

@@ -1,6 +1,6 @@
 import { Slot } from "@radix-ui/react-slot";
 import { cva, type VariantProps } from "class-variance-authority";
-import * as React from "react";
+import type * as React from "react";
 
 import { cn } from "@/lib/utils/cn";
 

package/src/components/ui/calendar.tsx

@@ -2,11 +2,10 @@
 
 import { ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon } from "lucide-react";
 import * as React from "react";
-import { DayPicker, getDefaultClassNames, type DayButton } from "react-day-picker";
-
+import { type DayButton, DayPicker, getDefaultClassNames } from "react-day-picker";
+import { nlBE } from "react-day-picker/locale";
 import { Button, buttonVariants } from "@/components/ui/button";
 import { cn } from "@/lib/utils/cn";
-import { nlBE } from "react-day-picker/locale";
 
 function Calendar({
   className,

package/src/components/ui/card.tsx

@@ -1,4 +1,4 @@
-import * as React from "react";
+import type * as React from "react";
 
 import { cn } from "@/lib/utils/cn";
 

package/src/components/ui/carousel.tsx

@@ -115,6 +115,7 @@ function Carousel({
         canScrollNext,
       }}
     >
+      {/** biome-ignore lint/a11y/useSemanticElements: This is needed */}
       <div
         onKeyDownCapture={handleKeyDown}
         className={cn("relative", className)}
@@ -146,6 +147,7 @@ function CarouselItem({ className, ...props }: React.ComponentProps<"div">) {
   const { orientation } = useCarousel();
 
   return (
+    // biome-ignore lint/a11y/useSemanticElements: We use divs here to allow for more flexible styling of the carousel items
     <div
       role="group"
       aria-roledescription="slide"

package/src/components/ui/chart.client.tsx

@@ -74,19 +74,21 @@ const ChartStyle = ({ id, config }: { id: string; config: ChartConfig }) => {
 
   return (
     <style
+      // biome-ignore lint/security/noDangerouslySetInnerHtml: This is needed to inject dynamic CSS based on the chart config
       dangerouslySetInnerHTML={{
         __html: Object.entries(THEMES)
           .map(
             ([theme, prefix]) => `
-${prefix} [data-chart=${id}] {
-${colorConfig
-  .map(([key, itemConfig]) => {
-    const color = itemConfig.theme?.[theme as keyof typeof itemConfig.theme] || itemConfig.color;
-    return color ? `  --color-${key}: ${color};` : null;
-  })
-  .join("\n")}
-}
-`,
+              ${prefix} [data-chart=${id}] {
+              ${colorConfig
+                .map(([key, itemConfig]) => {
+                  const color =
+                    itemConfig.theme?.[theme as keyof typeof itemConfig.theme] || itemConfig.color;
+                  return color ? `  --color-${key}: ${color};` : null;
+                })
+                .join("\n")}
+              }
+            `,
           )
           .join("\n"),
       }}
@@ -155,7 +157,7 @@ function ChartTooltipContent({
   return (
     <div
       className={cn(
-        "border-border/50 bg-background grid min-w-[8rem] items-start gap-1.5 rounded-lg border px-2.5 py-1.5 text-xs shadow-xl",
+        "border-border/50 bg-background grid min-w-32 items-start gap-1.5 rounded-lg border px-2.5 py-1.5 text-xs shadow-xl",
         className,
       )}
     >

package/src/components/ui/checkbox.tsx

@@ -2,7 +2,7 @@
 
 import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
 import { CheckIcon } from "lucide-react";
-import * as React from "react";
+import type * as React from "react";
 
 import { cn } from "@/lib/utils/cn";
 

package/src/components/ui/color-picker.client.tsx

@@ -1,8 +1,8 @@
 "use client";
 
-import { cn } from "@/lib/utils/cn";
-import { ComponentProps } from "react";
+import type { ComponentProps } from "react";
 import { HexColorPicker } from "react-colorful";
+import { cn } from "@/lib/utils/cn";
 
 type ColorPickerProps = ComponentProps<"div"> & {
   onValueChange?: (color: string) => void;
@@ -10,7 +10,7 @@ type ColorPickerProps = ComponentProps<"div"> & {
 
 export function ColorPicker({ color, onValueChange, className, ...props }: ColorPickerProps) {
   return (
-    <div className={cn("w-[200px] space-y-2 p-0", className)} {...props}>
+    <div className={cn("w-50 space-y-2 p-0", className)} {...props}>
       <HexColorPicker onChange={onValueChange} />
 
       <div className="grid grid-cols-6 items-center justify-evenly gap-2 p-2">
@@ -30,6 +30,7 @@ export function ColorPicker({ color, onValueChange, className, ...props }: Color
         ].map((color) => (
           <button
             key={color}
+            type="button"
             className="size-6 rounded-full border transition-transform duration-200 hover:scale-110"
             style={{ backgroundColor: color }}
             onClick={() => onValueChange?.(color)}