@douglasneuroinformatics/libui 3.8.7 → 4.0.0

package/dist/components.js

@@ -5,11 +5,11 @@ import {
   useNotificationsStore,
   useTheme,
   useTranslation
-} from "./chunk-GFIT4FAN.js";
-import "./chunk-CAWCERN4.js";
+} from "./chunk-KI6BSSS6.js";
+import "./chunk-655XRTXX.js";
 import {
   cn
-} from "./chunk-VJSOLDCS.js";
+} from "./chunk-HCQE34RL.js";
 
 // src/components/Accordion/AccordionContent.tsx
 import { forwardRef } from "react";
@@ -83,7 +83,7 @@ var DropdownButton = forwardRef5(
       "button",
       {
         className: cn(
-          "flex h-9 w-full items-center gap-2 whitespace-nowrap rounded-md border border-input bg-transparent px-3 py-2 text-sm shadow-sm ring-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-1 focus:ring-ring disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1",
+          "border-input ring-offset-background placeholder:text-muted-foreground focus:ring-ring flex h-9 w-full items-center gap-2 rounded-md border bg-transparent px-3 py-2 text-sm whitespace-nowrap shadow-xs focus:ring-1 focus:outline-hidden disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1",
           children ? "justify-between" : "justify-end",
           className
         ),
@@ -113,7 +113,7 @@ var DropdownMenuCheckboxItem = forwardRef6(function DropdownMenuCheckboxItem2({
     {
       checked,
       className: cn(
-        "relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-2 pr-8 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+        "focus:bg-accent focus:text-accent-foreground relative flex w-full cursor-default items-center rounded-xs py-1.5 pr-8 pl-2 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
         className
       ),
       ref,
@@ -156,7 +156,7 @@ var DropdownMenuItem = forwardRef8(function DropdownMenuItem2({ className, inset
     DropdownMenuPrimitive3.Item,
     {
       className: cn(
-        "relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+        "focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center rounded-xs px-2 py-1.5 text-sm outline-hidden transition-colors select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
         inset && "pl-8",
         className
       ),
@@ -191,7 +191,7 @@ var DropdownMenuRadioItem = forwardRef10(function DropdownMenuRadioItem2({ child
     DropdownMenuPrimitive5.RadioItem,
     {
       className: cn(
-        "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+        "focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center rounded-xs py-1.5 pr-2 pl-8 text-sm outline-hidden transition-colors select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
         className
       ),
       ref,
@@ -247,7 +247,7 @@ var DropdownMenuSubTrigger = forwardRef13(function DropdownMenuSubTrigger2({ chi
     DropdownMenuPrimitive8.SubTrigger,
     {
       className: cn(
-        "flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent data-[state=open]:bg-accent",
+        "focus:bg-accent data-[state=open]:bg-accent flex cursor-default items-center rounded-xs px-2 py-1.5 text-sm outline-hidden select-none",
         inset && "pl-8",
         className
       ),
@@ -327,7 +327,7 @@ var BUTTON_ICON_SIZE = {
   sm: 14
 };
 var buttonVariants = cva(
-  "flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50",
+  "flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-hidden focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50",
   {
     defaultVariants: {
       size: "md",
@@ -341,12 +341,12 @@ var buttonVariants = cva(
         sm: "h-8 rounded-md px-3 text-xs"
       },
       variant: {
-        danger: "bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90",
+        danger: "bg-destructive text-destructive-foreground shadow-xs hover:bg-destructive/90",
         ghost: "hover:bg-accent hover:text-accent-foreground",
         link: "text-primary underline-offset-4 hover:underline",
-        outline: "border border-input bg-inherit shadow-sm",
-        primary: "bg-primary text-primary-foreground shadow hover:bg-primary/90",
-        secondary: "bg-secondary border text-secondary-foreground shadow-sm hover:bg-secondary/80"
+        outline: "border border-input bg-inherit shadow-xs",
+        primary: "bg-primary text-primary-foreground shadow-sm hover:bg-primary/90",
+        secondary: "bg-secondary border text-secondary-foreground shadow-xs hover:bg-secondary/80"
       }
     }
   }
@@ -547,15 +547,15 @@ import "react";
 import { cva as cva2 } from "class-variance-authority";
 import { jsx as jsx29 } from "react/jsx-runtime";
 var badgeVariants = cva2(
-  "inline-flex items-center rounded-sm border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
+  "inline-flex items-center rounded-xs border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-hidden focus:ring-2 focus:ring-ring focus:ring-offset-2",
   {
     defaultVariants: {
       variant: "default"
     },
     variants: {
       variant: {
-        default: "border-transparent bg-primary text-primary-foreground shadow hover:bg-primary/80",
-        destructive: "border-transparent bg-destructive text-destructive-foreground shadow hover:bg-destructive/80",
+        default: "border-transparent bg-primary text-primary-foreground shadow-sm hover:bg-primary/80",
+        destructive: "border-transparent bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/80",
         outline: "text-foreground",
         secondary: "border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80"
       }
@@ -665,7 +665,7 @@ var CardRoot = React10.forwardRef(function CardRoot2({ className, ...props }, re
   return /* @__PURE__ */ jsx37(
     "div",
     {
-      className: cn("rounded-xl border bg-card text-card-foreground shadow", className),
+      className: cn("bg-card text-card-foreground rounded-xl border shadow-sm", className),
       "data-testid": "card",
       ref,
       ...props
@@ -674,12 +674,12 @@ var CardRoot = React10.forwardRef(function CardRoot2({ className, ...props }, re
 });
 var Card = Object.assign(CardRoot, {
   Content: ({ className, ...props }) => /* @__PURE__ */ jsx37("div", { className: cn("p-6 pt-0", className), ...props }),
-  Description: ({ className, ...props }) => /* @__PURE__ */ jsx37("p", { className: cn("text-sm text-muted-foreground", className), ...props }),
+  Description: ({ className, ...props }) => /* @__PURE__ */ jsx37("p", { className: cn("text-muted-foreground text-sm", className), ...props }),
   Footer: ({ className, ...props }) => {
     return /* @__PURE__ */ jsx37("div", { className: cn("flex items-center p-6 pt-0", className), ...props });
   },
   Header: ({ className, ...props }) => /* @__PURE__ */ jsx37("div", { className: cn("flex flex-col space-y-1.5 p-6", className), ...props }),
-  Title: ({ children, className, ...props }) => /* @__PURE__ */ jsx37("h3", { className: cn("font-semibold leading-none tracking-tight", className), ...props, children })
+  Title: ({ children, className, ...props }) => /* @__PURE__ */ jsx37("h3", { className: cn("leading-none font-semibold tracking-tight", className), ...props, children })
 });
 
 // src/components/Chart/Chart.tsx
@@ -696,7 +696,7 @@ var ChartContainer = forwardRef31(function ChartContainer2({ children, className
     "div",
     {
       className: cn(
-        "[&_.recharts-cartesian-grid_line[stroke='#ccc']]:stroke-border/50 flex aspect-video justify-center text-xs [&_.recharts-cartesian-axis-tick_text]:fill-muted-foreground [&_.recharts-curve.recharts-tooltip-cursor]:stroke-border [&_.recharts-dot[stroke='#fff']]:stroke-transparent [&_.recharts-layer]:outline-none [&_.recharts-polar-grid_[stroke='#ccc']]:stroke-border [&_.recharts-radial-bar-background-sector]:fill-muted [&_.recharts-rectangle.recharts-tooltip-cursor]:fill-muted [&_.recharts-reference-line_[stroke='#ccc']]:stroke-border [&_.recharts-sector[stroke='#fff']]:stroke-transparent [&_.recharts-sector]:outline-none [&_.recharts-surface]:outline-none",
+        "[&_.recharts-cartesian-grid_line[stroke='#ccc']]:stroke-border/50 [&_.recharts-cartesian-axis-tick_text]:fill-muted-foreground [&_.recharts-curve.recharts-tooltip-cursor]:stroke-border [&_.recharts-polar-grid_[stroke='#ccc']]:stroke-border [&_.recharts-radial-bar-background-sector]:fill-muted [&_.recharts-rectangle.recharts-tooltip-cursor]:fill-muted [&_.recharts-reference-line_[stroke='#ccc']]:stroke-border flex aspect-video justify-center text-xs [&_.recharts-dot[stroke='#fff']]:stroke-transparent [&_.recharts-layer]:outline-hidden [&_.recharts-sector]:outline-hidden [&_.recharts-sector[stroke='#fff']]:stroke-transparent [&_.recharts-surface]:outline-hidden",
         className
       ),
       "data-chart": chartId,
@@ -918,7 +918,7 @@ var Checkbox = forwardRef34(function Checkbox2({ className, ...props }, ref) {
     CheckboxPrimitive.Root,
     {
       className: cn(
-        "peer h-4 w-4 shrink-0 rounded-sm border border-primary shadow focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground",
+        "peer border-primary focus-visible:ring-ring data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground h-4 w-4 shrink-0 rounded-xs border shadow-sm focus-visible:ring-1 focus-visible:outline-hidden disabled:cursor-not-allowed disabled:opacity-50",
         className
       ),
       "data-testid": "checkbox",
@@ -1051,11 +1051,32 @@ var ClientTablePagination = ({
 }) => {
   const { t } = useTranslation("libui");
   return /* @__PURE__ */ jsxs13("div", { className: "flex items-center justify-between py-3", children: [
-    /* @__PURE__ */ jsx51("div", { className: "hidden sm:block", children: /* @__PURE__ */ jsx51("p", { className: "text-sm font-medium text-muted-foreground", children: `${firstEntry} - ${lastEntry} / ${totalEntries}` }) }),
+    /* @__PURE__ */ jsx51("div", { className: "hidden sm:block", children: /* @__PURE__ */ jsx51(
+      "p",
+      {
+        className: "text-sm font-medium text-muted-foreground",
+        "data-testid": "page-numbers",
+        children: `${firstEntry} - ${lastEntry} / ${totalEntries}`
+      }
+    ) }),
     /* @__PURE__ */ jsxs13("div", { className: "flex flex-1 justify-between gap-3 sm:justify-end", children: [
       /* @__PURE__ */ jsx51(
         Button,
         {
+          "data-testid": "first-page-button",
+          disabled: currentPage === 1,
+          type: "button",
+          variant: "outline",
+          onClick: () => {
+            setCurrentPage(1);
+          },
+          children: t("pagination.firstPage")
+        }
+      ),
+      /* @__PURE__ */ jsx51(
+        Button,
+        {
+          "data-testid": "previous-page-button",
           disabled: currentPage === 1,
           type: "button",
           variant: "outline",
@@ -1068,6 +1089,7 @@ var ClientTablePagination = ({
       /* @__PURE__ */ jsx51(
         Button,
         {
+          "data-testid": "next-page-button",
           disabled: currentPage === pageCount,
           type: "button",
           variant: "outline",
@@ -1076,6 +1098,19 @@ var ClientTablePagination = ({
           },
           children: t("pagination.next")
         }
+      ),
+      /* @__PURE__ */ jsx51(
+        Button,
+        {
+          "data-testid": "last-page-button",
+          disabled: currentPage === pageCount,
+          type: "button",
+          variant: "outline",
+          onClick: () => {
+            setCurrentPage(pageCount);
+          },
+          children: t("pagination.lastPage")
+        }
       )
     ] })
   ] });
@@ -1113,9 +1148,9 @@ var ClientTable = ({
   const lastEntry = Math.min(firstEntry + entriesPerPage - 1, data.length);
   const currentEntries = data.slice(firstEntry - 1, lastEntry);
   const nRows = Math.max(currentEntries.length, minRows ?? -1);
-  return /* @__PURE__ */ jsxs14("div", { className, ...props, children: [
-    /* @__PURE__ */ jsx52("div", { className: "rounded-md border bg-card tracking-tight text-muted-foreground shadow-sm", children: /* @__PURE__ */ jsxs14(Table, { children: [
-      /* @__PURE__ */ jsx52(Table.Header, { children: /* @__PURE__ */ jsx52(Table.Row, { children: columns.map((column, i) => /* @__PURE__ */ jsx52(Table.Head, { className: "whitespace-nowrap text-foreground", children: columnDropdownOptions ? /* @__PURE__ */ jsxs14(DropdownMenu, { children: [
+  return /* @__PURE__ */ jsxs14("div", { className, ...props, "data-testid": "ClientTable", children: [
+    /* @__PURE__ */ jsx52("div", { className: "bg-card text-muted-foreground rounded-md border tracking-tight shadow-xs", children: /* @__PURE__ */ jsxs14(Table, { children: [
+      /* @__PURE__ */ jsx52(Table.Header, { children: /* @__PURE__ */ jsx52(Table.Row, { children: columns.map((column, i) => /* @__PURE__ */ jsx52(Table.Head, { className: "text-foreground whitespace-nowrap", children: columnDropdownOptions ? /* @__PURE__ */ jsxs14(DropdownMenu, { children: [
         /* @__PURE__ */ jsxs14(DropdownMenu.Trigger, { className: "flex items-center justify-between gap-3", children: [
           /* @__PURE__ */ jsx52("span", { children: column.label }),
           /* @__PURE__ */ jsx52(ChevronDownIcon3, {})
@@ -1125,6 +1160,7 @@ var ClientTable = ({
           return /* @__PURE__ */ jsxs14(
             DropdownMenu.Item,
             {
+              "data-testid": option.label + "-test-id",
               onClick: () => {
                 option.onSelection(column);
               },
@@ -1159,7 +1195,7 @@ var ClientTable = ({
                 Table.Cell,
                 {
                   className: cn(
-                    "text-ellipsis leading-none",
+                    "leading-none text-ellipsis",
                     !entry && "opacity-0",
                     // safari does not include borders if invisible
                     noWrap && "max-w-3xl overflow-hidden text-ellipsis whitespace-nowrap"
@@ -1251,7 +1287,7 @@ var CommandInput = forwardRef46(function CommandInput2({ className, ...props },
         CommandPrimitive3.Input,
         {
           className: cn(
-            "flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50",
+            "placeholder:text-muted-foreground flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-hidden disabled:cursor-not-allowed disabled:opacity-50",
             className
           ),
           ref,
@@ -1271,7 +1307,7 @@ var CommandItem = forwardRef47(function CommandItem2({ className, ...props }, re
     CommandPrimitive4.Item,
     {
       className: cn(
-        "relative flex cursor-pointer select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none aria-selected:bg-accent aria-selected:text-accent-foreground data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50",
+        "aria-selected:bg-accent aria-selected:text-accent-foreground relative flex cursor-pointer items-center rounded-xs px-2 py-1.5 text-sm outline-hidden select-none data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50",
         className
       ),
       ref,
@@ -1349,7 +1385,7 @@ var ContextMenuCheckboxItem = forwardRef51(function ContextMenuCheckboxItem2({ c
     {
       checked,
       className: cn(
-        "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+        "focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center rounded-xs py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
         className
       ),
       ref,
@@ -1389,7 +1425,7 @@ var ContextMenuItem = forwardRef53(function ContextMenuItem2({ className, inset,
     ContextMenuPrimitive3.Item,
     {
       className: cn(
-        "relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+        "focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center rounded-xs px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
         inset && "pl-8",
         className
       ),
@@ -1424,7 +1460,7 @@ var ContextMenuRadioItem = forwardRef55(function ContextMenuRadioItem2({ childre
     ContextMenuPrimitive5.RadioItem,
     {
       className: cn(
-        "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+        "focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center rounded-xs py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
         className
       ),
       ref,
@@ -1480,7 +1516,7 @@ var ContextMenuSubTrigger = forwardRef58(function ContextMenuSubTrigger2({ child
     ContextMenuPrimitive8.SubTrigger,
     {
       className: cn(
-        "flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground",
+        "focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex cursor-default items-center rounded-xs px-2 py-1.5 text-sm outline-hidden select-none",
         inset && "pl-8",
         className
       ),
@@ -1697,12 +1733,12 @@ var MONTHS = [
 var reducer = (previousDate, action) => {
   const newDate = new Date(previousDate.valueOf());
   switch (action.type) {
-    case "increment":
-      newDate.setMonth(newDate.getMonth() + 1);
-      break;
     case "decrement":
       newDate.setMonth(newDate.getMonth() - 1);
       break;
+    case "increment":
+      newDate.setMonth(newDate.getMonth() + 1);
+      break;
     case "set-year":
       newDate.setFullYear(action.value);
   }
@@ -1843,14 +1879,14 @@ var DialogContent = forwardRef64(function DialogContent2({ children, className,
       Content6,
       {
         className: cn(
-          "fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg",
+          "bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] fixed top-[50%] left-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border p-6 shadow-lg duration-200 sm:rounded-lg",
           className
         ),
         ref,
         ...props,
         children: [
           children,
-          /* @__PURE__ */ jsx79(Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground", children: /* @__PURE__ */ jsx79(XIcon, { className: "h-4 w-4" }) })
+          /* @__PURE__ */ jsx79(Close, { className: "ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none", children: /* @__PURE__ */ jsx79(XIcon, { className: "h-4 w-4" }) })
         ]
       }
     )
@@ -2136,7 +2172,7 @@ var Input = React26.forwardRef(function Input2({ className, type, ...props }, re
     {
       autoComplete: "off",
       className: cn(
-        "flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-sm shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground placeholder:opacity-80 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50",
+        "border-input placeholder:text-muted-foreground focus-visible:ring-ring flex h-9 w-full rounded-md border bg-transparent px-3 py-1 text-sm shadow-xs transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:opacity-80 focus-visible:ring-1 focus-visible:outline-hidden disabled:cursor-not-allowed disabled:opacity-50",
         className
       ),
       "data-testid": "input",
@@ -2178,7 +2214,7 @@ var PopoverContent = React27.forwardRef(
         align,
         asChild,
         className: cn(
-          "z-50 w-72 rounded-md border bg-popover px-3 py-1.5 text-popover-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+          "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-72 rounded-md border px-3 py-1.5 shadow-md outline-hidden",
           className
         ),
         collisionPadding,
@@ -2301,7 +2337,7 @@ var RadioGroupItem = forwardRef73(function RadioGroupItem2({ className, ...props
     RadioGroupPrimitive.Item,
     {
       className: cn(
-        "flex aspect-square h-4 w-4 items-center justify-center rounded-full border border-primary text-primary shadow focus:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50",
+        "border-primary text-primary focus-visible:ring-ring flex aspect-square h-4 w-4 items-center justify-center rounded-full border shadow-sm focus:outline-hidden focus-visible:ring-1 disabled:cursor-not-allowed disabled:opacity-50",
         className
       ),
       ref,
@@ -2460,7 +2496,7 @@ var SelectItem = forwardRef78(function SelectItem2({ children, className, ...pro
     SelectPrimitive4.Item,
     {
       className: cn(
-        "relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-2 pr-8 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+        "focus:bg-accent focus:text-accent-foreground relative flex w-full cursor-default items-center rounded-xs py-1.5 pr-8 pl-2 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
         className
       ),
       ref,
@@ -2549,7 +2585,7 @@ var Slider = forwardRef82(
     return /* @__PURE__ */ jsxs33(
       Root13,
       {
-        className: cn("relative flex w-full touch-none select-none items-center py-1.5", className),
+        className: cn("relative flex w-full touch-none items-center py-1.5 select-none", className),
         disabled,
         ref,
         ...props,
@@ -2558,16 +2594,16 @@ var Slider = forwardRef82(
             Track,
             {
               "aria-disabled": disabled,
-              className: "relative h-1.5 w-full grow overflow-hidden rounded-full bg-primary opacity-15 aria-disabled:cursor-not-allowed aria-disabled:opacity-10",
+              className: "bg-primary relative h-1.5 w-full grow overflow-hidden rounded-full opacity-15 aria-disabled:cursor-not-allowed aria-disabled:opacity-10",
               "data-testid": "slider-track",
-              children: /* @__PURE__ */ jsx113(Range, { className: "absolute h-full bg-primary" })
+              children: /* @__PURE__ */ jsx113(Range, { className: "bg-primary absolute h-full" })
             }
           ),
           /* @__PURE__ */ jsx113(
             Thumb,
             {
               "aria-disabled": disabled,
-              className: "block h-4 w-4 rounded-full border border-slate-500 bg-background shadow transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring aria-disabled:cursor-not-allowed",
+              className: "bg-background focus-visible:ring-ring block h-4 w-4 rounded-full border border-slate-500 shadow-sm transition-colors focus-visible:ring-1 focus-visible:outline-hidden aria-disabled:cursor-not-allowed",
               "data-testid": "slider-thumb"
             }
           )
@@ -3017,14 +3053,14 @@ var StringFieldPassword = ({
       /* @__PURE__ */ jsxs42(
         "button",
         {
-          className: "absolute right-0 flex h-full w-8 items-center justify-center text-muted-foreground",
+          className: "text-muted-foreground absolute right-0 flex h-full w-8 items-center justify-center",
           disabled: disabled || readOnly,
           tabIndex: -1,
           type: "button",
           onClick: () => setShow(!show),
           children: [
-            /* @__PURE__ */ jsx125(EyeIcon, { className: cn("absolute transition-all", show ? "-rotate-90 scale-0" : "rotate-0 scale-100") }),
-            /* @__PURE__ */ jsx125(EyeOffIcon, { className: cn("absolute transition-all", !show ? "rotate-90 scale-0" : "rotate-0 scale-100") })
+            /* @__PURE__ */ jsx125(EyeIcon, { className: cn("absolute transition-all", show ? "scale-0 -rotate-90" : "scale-100 rotate-0") }),
+            /* @__PURE__ */ jsx125(EyeOffIcon, { className: cn("absolute transition-all", !show ? "scale-0 rotate-90" : "scale-100 rotate-0") })
           ]
         }
       )
@@ -3033,14 +3069,14 @@ var StringFieldPassword = ({
       motion4.div,
       {
         animate: { width: `${Math.max(strength * 25, 5)}%` },
-        className: "h-1 w-full overflow-hidden rounded",
+        className: "h-1 w-full overflow-hidden rounded-sm",
         initial: { width: "5%" },
         transition: { duration: 0.5 },
         children: /* @__PURE__ */ jsx125(
           "div",
           {
             className: cn(
-              "h-full w-full bg-destructive transition-colors duration-500",
+              "bg-destructive h-full w-full transition-colors duration-500",
               strength === 2 && "bg-yellow-500 dark:bg-yellow-700",
               strength === 3 && "bg-sky-500 dark:bg-sky-700",
               strength === 4 && "bg-green-500 dark:bg-green-700"
@@ -3151,7 +3187,7 @@ var TextArea = React32.forwardRef(function TextArea2({ className, ...props }, re
     {
       autoComplete: "off",
       className: cn(
-        "flex min-h-[60px] w-full rounded-md border border-input bg-transparent px-3 py-2 text-sm shadow-sm placeholder:text-muted-foreground placeholder:opacity-80 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50",
+        "border-input placeholder:text-muted-foreground focus-visible:ring-ring flex min-h-[60px] w-full rounded-md border bg-transparent px-3 py-2 text-sm shadow-xs placeholder:opacity-80 focus-visible:ring-1 focus-visible:outline-hidden disabled:cursor-not-allowed disabled:opacity-50",
         className
       ),
       "data-testid": "text-area",
@@ -3205,16 +3241,16 @@ var StringField = (props) => {
 import { jsx as jsx132 } from "react/jsx-runtime";
 var ScalarField = ({ field, ...props }) => {
   switch (field.kind) {
-    case "string":
-      return /* @__PURE__ */ jsx132(StringField, { ...field, ...props });
-    case "number":
-      return /* @__PURE__ */ jsx132(NumberField, { ...field, ...props });
-    case "date":
-      return /* @__PURE__ */ jsx132(DateField, { ...field, ...props });
     case "boolean":
       return /* @__PURE__ */ jsx132(BooleanField, { ...field, ...props });
+    case "date":
+      return /* @__PURE__ */ jsx132(DateField, { ...field, ...props });
+    case "number":
+      return /* @__PURE__ */ jsx132(NumberField, { ...field, ...props });
     case "set":
       return /* @__PURE__ */ jsx132(SetField, { ...field, ...props });
+    case "string":
+      return /* @__PURE__ */ jsx132(StringField, { ...field, ...props });
     default:
       throw new Error(`Unexpected value for kind: ${Reflect.get(field, "kind")}`);
   }
@@ -3279,9 +3315,7 @@ var RecordArrayField = memo(function RecordArrayField2({
             readOnly: disabled || readOnly,
             setError: (error) => {
               const newArrayError = arrayError ? [...arrayError] : [];
-              if (!newArrayError[i]) {
-                newArrayError[i] = {};
-              }
+              newArrayError[i] ?? (newArrayError[i] = {});
               newArrayError[i][name] = error;
               setArrayError(newArrayError);
             },
@@ -3623,7 +3657,7 @@ var HoverCardContent = forwardRef84(function HoverCardContent2({ align = "center
     {
       align,
       className: cn(
-        "z-50 w-64 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+        "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-64 rounded-md border p-4 shadow-md outline-hidden",
         className
       ),
       ref,
@@ -3826,7 +3860,7 @@ var MenuBarCheckboxItem = forwardRef85(function MenuBarCheckboxItem2({ checked,
     {
       checked,
       className: cn(
-        "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+        "focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center rounded-xs py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
         className
       ),
       ref,
@@ -3869,7 +3903,7 @@ var MenuBarItem = forwardRef87(function MenuBarItem2({ className, inset, ...prop
     Item6,
     {
       className: cn(
-        "relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+        "focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center rounded-xs px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
         inset && "pl-8",
         className
       ),
@@ -3897,7 +3931,7 @@ var MenuBarRadioItem = forwardRef89(function MenuBarRadioItem2({ children, class
     RadioItem3,
     {
       className: cn(
-        "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+        "focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center rounded-xs py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
         className
       ),
       ref,
@@ -3919,7 +3953,7 @@ var MenuBarRoot = forwardRef90(
     return /* @__PURE__ */ jsx146(
       Root15,
       {
-        className: cn("flex h-9 items-center space-x-1 rounded-md border bg-background p-1 shadow-sm", className),
+        className: cn("bg-background flex h-9 items-center space-x-1 rounded-md border p-1 shadow-xs", className),
         ref,
         ...props
       }
@@ -3970,7 +4004,7 @@ var MenuBarSubTrigger = forwardRef93(function MenuBarSubTrigger2({ children, cla
     SubTrigger3,
     {
       className: cn(
-        "flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground",
+        "focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex cursor-default items-center rounded-xs px-2 py-1.5 text-sm outline-hidden select-none",
         inset && "pl-8",
         className
       ),
@@ -3993,7 +4027,7 @@ var MenuBarTrigger = forwardRef94(function MenuBarTrigger2({ className, ...props
     Trigger9,
     {
       className: cn(
-        "flex cursor-default select-none items-center rounded-sm px-3 py-1 text-sm font-medium outline-none focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground",
+        "focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex cursor-default items-center rounded-xs px-3 py-1 text-sm font-medium outline-hidden select-none",
         className
       ),
       ref,
@@ -4129,11 +4163,11 @@ var NotificationHub = ({ timeout = 5e3 }) => {
         /* @__PURE__ */ jsxs54("div", { className: "p-4", children: [
           /* @__PURE__ */ jsxs54("div", { className: "mb-2 flex items-center", children: [
             /* @__PURE__ */ jsx153(NotificationIcon, { type: item.type }),
-            /* @__PURE__ */ jsx153("h5", { className: "ml-3 flex-grow font-medium text-slate-900 dark:text-slate-100", children: item.title ?? t(`notifications.types.${item.type}`) }),
+            /* @__PURE__ */ jsx153("h5", { className: "ml-3 grow font-medium text-slate-900 dark:text-slate-100", children: item.title ?? t(`notifications.types.${item.type}`) }),
             /* @__PURE__ */ jsx153(
               "button",
               {
-                className: "inline-flex rounded-md text-slate-400 hover:text-slate-500 focus:outline-none focus:ring-1 focus:ring-sky-500 dark:focus:ring-sky-600",
+                className: "inline-flex rounded-md text-slate-400 hover:text-slate-500 focus:ring-1 focus:ring-sky-500 focus:outline-hidden dark:focus:ring-sky-600",
                 type: "button",
                 onClick: () => {
                   dismissNotification(item.id);
@@ -4142,7 +4176,7 @@ var NotificationHub = ({ timeout = 5e3 }) => {
               }
             )
           ] }),
-          /* @__PURE__ */ jsx153("p", { className: "my-2 text-muted-foreground", children: item.message })
+          /* @__PURE__ */ jsx153("p", { className: "text-muted-foreground my-2", children: item.message })
         ] }),
         /* @__PURE__ */ jsx153(
           motion5.div,
@@ -4281,11 +4315,11 @@ var ResizableHandle = ({ className, withHandle, ...props }) => /* @__PURE__ */ j
   PanelResizeHandle,
   {
     className: cn(
-      "relative flex w-px items-center justify-center bg-border after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring focus-visible:ring-offset-1 data-[panel-group-direction=vertical]:h-px data-[panel-group-direction=vertical]:w-full data-[panel-group-direction=vertical]:after:left-0 data-[panel-group-direction=vertical]:after:h-1 data-[panel-group-direction=vertical]:after:w-full data-[panel-group-direction=vertical]:after:-translate-y-1/2 data-[panel-group-direction=vertical]:after:translate-x-0 [&[data-panel-group-direction=vertical]>div]:rotate-90",
+      "bg-border focus-visible:ring-ring relative flex w-px items-center justify-center after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:ring-1 focus-visible:ring-offset-1 focus-visible:outline-hidden data-[panel-group-direction=vertical]:h-px data-[panel-group-direction=vertical]:w-full data-[panel-group-direction=vertical]:after:left-0 data-[panel-group-direction=vertical]:after:h-1 data-[panel-group-direction=vertical]:after:w-full data-[panel-group-direction=vertical]:after:translate-x-0 data-[panel-group-direction=vertical]:after:-translate-y-1/2 [&[data-panel-group-direction=vertical]>div]:rotate-90",
       className
     ),
     ...props,
-    children: withHandle && /* @__PURE__ */ jsx162("div", { className: "z-10 flex h-4 w-3 items-center justify-center rounded-sm border bg-border", children: /* @__PURE__ */ jsx162(GripVertical, { className: "h-2.5 w-2.5" }) })
+    children: withHandle && /* @__PURE__ */ jsx162("div", { className: "bg-border z-10 flex h-4 w-3 items-center justify-center rounded-xs border", children: /* @__PURE__ */ jsx162(GripVertical, { className: "h-2.5 w-2.5" }) })
   }
 );
 
@@ -4425,7 +4459,7 @@ var SheetContent = React49.forwardRef(function SheetContent2({ children, classNa
     /* @__PURE__ */ jsx169(SheetOverlay, {}),
     /* @__PURE__ */ jsxs59(Content11, { className: cn(sheetVariants({ side }), className), ref, ...props, children: [
       children,
-      /* @__PURE__ */ jsxs59(Close2, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-secondary", children: [
+      /* @__PURE__ */ jsxs59(Close2, { className: "ring-offset-background focus:ring-ring data-[state=open]:bg-secondary absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none", children: [
         /* @__PURE__ */ jsx169(XIcon3, { className: "h-4 w-4" }),
         /* @__PURE__ */ jsx169("span", { className: "sr-only", children: "Close" })
       ] })
@@ -4542,7 +4576,7 @@ var Switch = forwardRef101(function Switch2({ className, ...props }, ref) {
     SwitchPrimitives.Root,
     {
       className: cn(
-        "peer inline-flex h-5 w-9 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent shadow-sm transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=unchecked]:bg-input",
+        "peer focus-visible:ring-ring focus-visible:ring-offset-background data-[state=checked]:bg-primary data-[state=unchecked]:bg-input inline-flex h-5 w-9 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent shadow-xs transition-colors focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-hidden disabled:cursor-not-allowed disabled:opacity-50",
         className
       ),
       ...props,
@@ -4551,7 +4585,7 @@ var Switch = forwardRef101(function Switch2({ className, ...props }, ref) {
         SwitchPrimitives.Thumb,
         {
           className: cn(
-            "pointer-events-none block h-4 w-4 rounded-full bg-background shadow-lg ring-0 transition-transform data-[state=checked]:translate-x-4 data-[state=unchecked]:translate-x-0"
+            "bg-background pointer-events-none block h-4 w-4 rounded-full shadow-lg ring-0 transition-transform data-[state=checked]:translate-x-4 data-[state=unchecked]:translate-x-0"
           )
         }
       )
@@ -4568,7 +4602,7 @@ var TabsContent = forwardRef102(function TabsContent2({ className, ...props }, r
     TabsPrimitive.Content,
     {
       className: cn(
-        "mt-2 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
+        "ring-offset-background focus-visible:ring-ring mt-2 focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-hidden",
         className
       ),
       ref,
@@ -4614,7 +4648,7 @@ var TabsTrigger = forwardRef105(function TabsTrigger2({ className, ...props }, r
     TabsPrimitive3.Trigger,
     {
       className: cn(
-        "inline-flex items-center justify-center whitespace-nowrap rounded-md px-3 py-1 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow",
+        "ring-offset-background focus-visible:ring-ring data-[state=active]:bg-background data-[state=active]:text-foreground inline-flex items-center justify-center rounded-md px-3 py-1 text-sm font-medium whitespace-nowrap transition-all focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-hidden disabled:pointer-events-none disabled:opacity-50 data-[state=active]:shadow",
         className
       ),
       ref,