@dyrected/admin 2.5.58 → 2.5.60

package/dist/admin.css

@@ -1122,6 +1122,10 @@
     left: 0px;
 }
 
+.dy-left-1{
+    left: 0.25rem;
+}
+
 .dy-left-1\/2{
     left: 50%;
 }
@@ -1491,11 +1495,6 @@
     height: 1rem;
 }
 
-.dy-size-\[--cell-size\]{
-    width: var(--cell-size);
-    height: var(--cell-size);
-}
-
 .dy-h-1\.5{
     height: 0.375rem;
 }
@@ -1580,10 +1579,6 @@
     height: 2.25rem;
 }
 
-.dy-h-\[--cell-size\]{
-    height: var(--cell-size);
-}
-
 .dy-h-\[15px\]{
     height: 15px;
 }
@@ -1912,10 +1907,6 @@
     width: 24rem;
 }
 
-.dy-w-\[--cell-size\]{
-    width: var(--cell-size);
-}
-
 .dy-w-\[--radix-dropdown-menu-trigger-width\]{
     width: var(--radix-dropdown-menu-trigger-width);
 }
@@ -2021,10 +2012,6 @@
     min-width: 2.25rem;
 }
 
-.dy-min-w-\[--cell-size\]{
-    min-width: var(--cell-size);
-}
-
 .dy-min-w-\[100px\]{
     min-width: 100px;
 }
@@ -2458,6 +2445,12 @@
     row-gap: 1.5rem;
 }
 
+.dy-space-x-1 > :not([hidden]) ~ :not([hidden]){
+    --tw-space-x-reverse: 0;
+    margin-right: calc(0.25rem * var(--tw-space-x-reverse));
+    margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse)));
+}
+
 .dy-space-y-0 > :not([hidden]) ~ :not([hidden]){
     --tw-space-y-reverse: 0;
     margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
@@ -2608,10 +2601,6 @@
     border-radius: calc(var(--radius) - 2px);
 }
 
-.dy-rounded-none{
-    border-radius: 0px;
-}
-
 .dy-rounded-sm{
     border-radius: calc(var(--radius) - 4px);
 }
@@ -2625,16 +2614,6 @@
     border-bottom-left-radius: calc(var(--radius) - 2px);
 }
 
-.dy-rounded-l-md{
-    border-top-left-radius: calc(var(--radius) - 2px);
-    border-bottom-left-radius: calc(var(--radius) - 2px);
-}
-
-.dy-rounded-r-md{
-    border-top-right-radius: calc(var(--radius) - 2px);
-    border-bottom-right-radius: calc(var(--radius) - 2px);
-}
-
 .dy-rounded-t-md{
     border-top-left-radius: calc(var(--radius) - 2px);
     border-top-right-radius: calc(var(--radius) - 2px);
@@ -3289,11 +3268,6 @@
     padding-right: 2rem;
 }
 
-.dy-px-\[--cell-size\]{
-    padding-left: var(--cell-size);
-    padding-right: var(--cell-size);
-}
-
 .dy-py-0{
     padding-top: 0px;
     padding-bottom: 0px;
@@ -3446,6 +3420,10 @@
     padding-top: 0.125rem;
 }
 
+.dy-pt-1{
+    padding-top: 0.25rem;
+}
+
 .dy-pt-2{
     padding-top: 0.5rem;
 }
@@ -4286,10 +4264,6 @@
     box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
 
-.\[--cell-size\:2\.25rem\]{
-    --cell-size: 2.25rem;
-}
-
 .\[appearance\:textfield\]{
     -webkit-appearance: textfield;
        -moz-appearance: textfield;
@@ -4747,6 +4721,14 @@
     border-bottom-width: 0px;
 }
 
+.focus-within\:dy-relative:focus-within{
+    position: relative;
+}
+
+.focus-within\:dy-z-20:focus-within{
+    z-index: 20;
+}
+
 .hover\:dy-scale-\[1\.02\]:hover{
     --tw-scale-x: 1.02;
     --tw-scale-y: 1.02;
@@ -4841,6 +4823,10 @@
     background-color: hsl(var(--muted) / 0.8);
 }
 
+.hover\:dy-bg-primary:hover{
+    background-color: hsl(var(--primary));
+}
+
 .hover\:dy-bg-primary\/10:hover{
     background-color: hsl(var(--primary) / 0.1);
 }
@@ -4897,6 +4883,10 @@
     color: hsl(var(--primary));
 }
 
+.hover\:dy-text-primary-foreground:hover{
+    color: hsl(var(--primary-foreground));
+}
+
 .hover\:dy-text-sidebar-accent-foreground:hover{
     color: hsl(var(--sidebar-accent-foreground));
 }
@@ -4950,6 +4940,10 @@
     background-color: hsl(var(--destructive) / 0.1);
 }
 
+.focus\:dy-bg-primary:focus{
+    background-color: hsl(var(--primary));
+}
+
 .focus\:dy-text-accent-foreground:focus{
     color: hsl(var(--accent-foreground));
 }
@@ -4958,6 +4952,10 @@
     color: hsl(var(--destructive));
 }
 
+.focus\:dy-text-primary-foreground:focus{
+    color: hsl(var(--primary-foreground));
+}
+
 .focus\:dy-opacity-100:focus{
     opacity: 1;
 }
@@ -5202,8 +5200,28 @@
     opacity: 0.5;
 }
 
-.aria-selected\:dy-text-muted-foreground\/40[aria-selected="true"]{
-    color: hsl(var(--muted-foreground) / 0.4);
+.aria-selected\:dy-bg-accent[aria-selected="true"]{
+    background-color: hsl(var(--accent));
+}
+
+.aria-selected\:dy-bg-accent\/50[aria-selected="true"]{
+    background-color: hsl(var(--accent) / 0.5);
+}
+
+.aria-selected\:dy-text-accent-foreground[aria-selected="true"]{
+    color: hsl(var(--accent-foreground));
+}
+
+.aria-selected\:dy-text-muted-foreground[aria-selected="true"]{
+    color: hsl(var(--muted-foreground));
+}
+
+.aria-selected\:dy-opacity-100[aria-selected="true"]{
+    opacity: 1;
+}
+
+.aria-selected\:dy-opacity-30[aria-selected="true"]{
+    opacity: 0.3;
 }
 
 .data-\[disabled\=true\]\:dy-pointer-events-none[data-disabled="true"]{
@@ -5244,24 +5262,6 @@
     transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
 
-.data-\[range-middle\=true\]\:dy-rounded-none[data-range-middle="true"]{
-    border-radius: 0px;
-}
-
-.data-\[selected-single\=true\]\:dy-rounded-full[data-selected-single="true"]{
-    border-radius: 9999px;
-}
-
-.data-\[range-end\=true\]\:dy-rounded-r-md[data-range-end="true"]{
-    border-top-right-radius: calc(var(--radius) - 2px);
-    border-bottom-right-radius: calc(var(--radius) - 2px);
-}
-
-.data-\[range-start\=true\]\:dy-rounded-l-md[data-range-start="true"]{
-    border-top-left-radius: calc(var(--radius) - 2px);
-    border-bottom-left-radius: calc(var(--radius) - 2px);
-}
-
 .data-\[state\=checked\]\:dy-border-primary[data-state="checked"]{
     border-color: hsl(var(--primary));
 }
@@ -5270,22 +5270,6 @@
     background-color: hsl(var(--sidebar-accent));
 }
 
-.data-\[range-end\=true\]\:dy-bg-primary[data-range-end="true"]{
-    background-color: hsl(var(--primary));
-}
-
-.data-\[range-middle\=true\]\:dy-bg-accent[data-range-middle="true"]{
-    background-color: hsl(var(--accent));
-}
-
-.data-\[range-start\=true\]\:dy-bg-primary[data-range-start="true"]{
-    background-color: hsl(var(--primary));
-}
-
-.data-\[selected-single\=true\]\:dy-bg-primary[data-selected-single="true"]{
-    background-color: hsl(var(--primary));
-}
-
 .data-\[selected\=\'true\'\]\:dy-bg-accent[data-selected='true']{
     background-color: hsl(var(--accent));
 }
@@ -5334,22 +5318,6 @@
     color: hsl(var(--muted-foreground));
 }
 
-.data-\[range-end\=true\]\:dy-text-primary-foreground[data-range-end="true"]{
-    color: hsl(var(--primary-foreground));
-}
-
-.data-\[range-middle\=true\]\:dy-text-accent-foreground[data-range-middle="true"]{
-    color: hsl(var(--accent-foreground));
-}
-
-.data-\[range-start\=true\]\:dy-text-primary-foreground[data-range-start="true"]{
-    color: hsl(var(--primary-foreground));
-}
-
-.data-\[selected-single\=true\]\:dy-text-primary-foreground[data-selected-single="true"]{
-    color: hsl(var(--primary-foreground));
-}
-
 .data-\[selected\=true\]\:dy-text-accent-foreground[data-selected="true"]{
     color: hsl(var(--accent-foreground));
 }
@@ -5382,12 +5350,6 @@
     opacity: 1;
 }
 
-.data-\[selected-single\=true\]\:dy-shadow-lg[data-selected-single="true"]{
-    --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
-    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-}
-
 .data-\[state\=active\]\:dy-shadow-sm[data-state="active"]{
     --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
     --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
@@ -5815,6 +5777,18 @@
         margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
     }
 
+    .sm\:dy-space-x-4 > :not([hidden]) ~ :not([hidden]){
+        --tw-space-x-reverse: 0;
+        margin-right: calc(1rem * var(--tw-space-x-reverse));
+        margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
+    }
+
+    .sm\:dy-space-y-0 > :not([hidden]) ~ :not([hidden]){
+        --tw-space-y-reverse: 0;
+        margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
+        margin-bottom: calc(0px * var(--tw-space-y-reverse));
+    }
+
     .sm\:dy-space-y-10 > :not([hidden]) ~ :not([hidden]){
         --tw-space-y-reverse: 0;
         margin-top: calc(2.5rem * calc(1 - var(--tw-space-y-reverse)));
@@ -6288,6 +6262,29 @@
             appearance: none;
 }
 
+.\[\&\:has\(\[aria-selected\]\)\]\:dy-bg-accent:has([aria-selected]){
+    background-color: hsl(var(--accent));
+}
+
+.first\:\[\&\:has\(\[aria-selected\]\)\]\:dy-rounded-l-md:has([aria-selected]):first-child{
+    border-top-left-radius: calc(var(--radius) - 2px);
+    border-bottom-left-radius: calc(var(--radius) - 2px);
+}
+
+.last\:\[\&\:has\(\[aria-selected\]\)\]\:dy-rounded-r-md:has([aria-selected]):last-child{
+    border-top-right-radius: calc(var(--radius) - 2px);
+    border-bottom-right-radius: calc(var(--radius) - 2px);
+}
+
+.\[\&\:has\(\[aria-selected\]\.day-outside\)\]\:dy-bg-accent\/50:has([aria-selected].day-outside){
+    background-color: hsl(var(--accent) / 0.5);
+}
+
+.\[\&\:has\(\[aria-selected\]\.day-range-end\)\]\:dy-rounded-r-md:has([aria-selected].day-range-end){
+    border-top-right-radius: calc(var(--radius) - 2px);
+    border-bottom-right-radius: calc(var(--radius) - 2px);
+}
+
 .\[\&\:has\(\[role\=checkbox\]\)\]\:dy-pr-0:has([role=checkbox]){
     padding-right: 0px;
 }
@@ -6309,11 +6306,6 @@
     -webkit-line-clamp: 1;
 }
 
-.\[\&\>svg\]\:dy-size-3\.5>svg{
-    width: 0.875rem;
-    height: 0.875rem;
-}
-
 .\[\&\>svg\]\:dy-size-4>svg{
     width: 1rem;
     height: 1rem;
@@ -6323,10 +6315,6 @@
     flex-shrink: 0;
 }
 
-.\[\&\>svg\]\:dy-text-muted-foreground>svg{
-    color: hsl(var(--muted-foreground));
-}
-
 .\[\&\>svg\]\:dy-text-sidebar-accent-foreground>svg{
     color: hsl(var(--sidebar-accent-foreground));
 }

package/dist/components/ui/calendar.d.ts

@@ -1,8 +1,8 @@
-import { DayButton, DayPicker } from 'react-day-picker';
-import { Button } from '../../components/ui/button';
+import { DayPicker } from 'react-day-picker';
 import * as React from "react";
-declare function Calendar({ className, classNames, showOutsideDays, captionLayout, buttonVariant, formatters, components, ...props }: React.ComponentProps<typeof DayPicker> & {
-    buttonVariant?: React.ComponentProps<typeof Button>["variant"];
-}): React.JSX.Element;
-declare function CalendarDayButton({ className, day, modifiers, ...props }: React.ComponentProps<typeof DayButton>): React.JSX.Element;
-export { Calendar, CalendarDayButton };
+export type CalendarProps = React.ComponentProps<typeof DayPicker>;
+declare function Calendar({ className, classNames, showOutsideDays, ...props }: CalendarProps): React.JSX.Element;
+declare namespace Calendar {
+    var displayName: string;
+}
+export { Calendar };

package/dist/hooks/use-debounced-value.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Returns a debounced copy of `value` that only updates after `delayMs` have
+ * elapsed without a further change. Use it to throttle server requests driven
+ * by fast-changing input, such as a search box.
+ */
+export declare function useDebouncedValue<T>(value: T, delayMs?: number): T;

package/dist/index.mjs

@@ -2,10 +2,10 @@ import * as React$1 from "react";
 import React, { Component, StrictMode, createContext, createElement, useCallback, useContext, useEffect, useMemo, useRef, useState } from "react";
 import { createRoot } from "react-dom/client";
 import { HashRouter, Link, MemoryRouter, Route, Routes, useLocation, useNavigate, useParams, useSearchParams } from "react-router-dom";
-import { QueryClient, QueryClientProvider, useInfiniteQuery, useMutation, useQueries, useQuery, useQueryClient } from "@tanstack/react-query";
+import { QueryClient, QueryClientProvider, keepPreviousData, useInfiniteQuery, useMutation, useQueries, useQuery, useQueryClient } from "@tanstack/react-query";
 import { createClient } from "@dyrected/sdk";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { AlertCircle, AlertTriangle, AlignCenter, AlignLeft, AlignRight, Archive, ArrowDown, ArrowLeft, ArrowRight, ArrowUp, ArrowUpDown, ArrowUpRight, Bold, Braces, Calendar, Check, CheckCircle, CheckCircle2, ChevronDown, ChevronDownIcon, ChevronLeft, ChevronLeftIcon, ChevronRight, ChevronRightIcon, ChevronUp, ChevronsUpDown, Circle, Clock, Clock3, Code, Copy, Database, Download, ExternalLink, Eye, EyeOff, FileDown, FileIcon, FileText, FileUp, Filter, Globe, GripVertical, Heading1, Heading2, Heading3, Heading4, Heading5, Heading6, Home, Image as Image$1, Info, Italic, KeyRound, Layers, LayoutDashboard, LayoutGrid, Library, Link as Link$1, List, ListOrdered, Loader2, Lock, LogOut, Mail, Menu, Monitor, Moon, MoreHorizontal, MousePointer2, PanelLeftClose, PanelLeftOpen, Pencil, Play, Plus, Quote, RotateCcw, Save, Scissors, Search, Settings, Settings2, Share2, Shield, Smartphone, Sparkles, Strikethrough, Sun, Table, Trash2, Underline, Undo2, Upload, UploadCloud, Users, Video, Volume2, Workflow, X, XCircle, icons } from "lucide-react";
+import { AlertCircle, AlertTriangle, AlignCenter, AlignLeft, AlignRight, Archive, ArrowDown, ArrowLeft, ArrowRight, ArrowUp, ArrowUpDown, ArrowUpRight, Bold, Braces, Calendar, Check, CheckCircle, CheckCircle2, ChevronDown, ChevronLeft, ChevronLeftIcon, ChevronRight, ChevronRightIcon, ChevronUp, ChevronsUpDown, Circle, Clock, Clock3, Code, Copy, Database, Download, ExternalLink, Eye, EyeOff, FileDown, FileIcon, FileText, FileUp, Filter, Globe, GripVertical, Heading1, Heading2, Heading3, Heading4, Heading5, Heading6, Home, Image as Image$1, Info, Italic, KeyRound, Layers, LayoutDashboard, LayoutGrid, Library, Link as Link$1, List, ListOrdered, Loader2, Lock, LogOut, Mail, Menu, Monitor, Moon, MoreHorizontal, MousePointer2, PanelLeftClose, PanelLeftOpen, Pencil, Play, Plus, Quote, RotateCcw, Save, Scissors, Search, Settings, Settings2, Share2, Shield, Smartphone, Sparkles, Strikethrough, Sun, Table, Trash2, Underline, Undo2, Upload, UploadCloud, Users, Video, Volume2, Workflow, X, XCircle, icons } from "lucide-react";
 import { clsx } from "clsx";
 import { extendTailwindMerge } from "tailwind-merge";
 import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
@@ -44,7 +44,7 @@ import { zodResolver } from "@hookform/resolvers/zod";
 import * as z from "zod";
 import * as RadioGroupPrimitive from "@radix-ui/react-radio-group";
 import { format } from "date-fns";
-import { DayPicker, getDefaultClassNames } from "react-day-picker";
+import { DayPicker } from "react-day-picker";
 import * as AspectRatioPrimitive from "@radix-ui/react-aspect-ratio";
 import * as SeparatorPrimitive from "@radix-ui/react-separator";
 import { Blurhash } from "react-blurhash";
@@ -965,7 +965,7 @@ function isNewerVersion(latest, current) {
 	return false;
 }
 function useUpdateCheck() {
-	const currentVersion = "2.5.57";
+	const currentVersion = "2.5.59";
 	const [updateInfo, setUpdateInfo] = useState(() => {
 		if (typeof window === "undefined") return null;
 		const cacheKey = "dyrected_latest_release";
@@ -1219,7 +1219,7 @@ function getStatusLabel(doc) {
 }
 function Dashboard() {
 	const { client, components, user } = useDyrected();
-	const currentVersion = "2.5.57";
+	const currentVersion = "2.5.59";
 	const [latestVersion, setLatestVersion] = useState(() => {
 		if (typeof window === "undefined") return null;
 		return localStorage.getItem("dyrected_latest_release");
@@ -6029,7 +6029,9 @@ function TextField({ schema, field, disabled }) {
 				...field,
 				value: field.value ?? "",
 				placeholder: schema.admin?.placeholder || "0",
-				disabled
+				disabled,
+				min: getMin(schema),
+				max: getMax(schema)
 			});
 			case "email": return /* @__PURE__ */ jsx(Input, {
 				type: "email",
@@ -6092,6 +6094,14 @@ function getMaxWords(schema) {
 	if (schema.type !== "text") return;
 	return schema.maxWords ?? schema.admin?.maxWords;
 }
+function getMin(schema) {
+	if (schema.type !== "number") return;
+	return schema.min ?? schema.admin?.min;
+}
+function getMax(schema) {
+	if (schema.type !== "number") return;
+	return schema.max ?? schema.admin?.max;
+}
 //#endregion
 //#region src/components/forms/fields/text-area-field.tsx
 function TextAreaField({ schema, field, disabled }) {
@@ -6161,6 +6171,21 @@ function CheckboxField({ field, disabled }) {
 	});
 }
 //#endregion
+//#region src/hooks/use-debounced-value.ts
+/**
+* Returns a debounced copy of `value` that only updates after `delayMs` have
+* elapsed without a further change. Use it to throttle server requests driven
+* by fast-changing input, such as a search box.
+*/
+function useDebouncedValue(value, delayMs = 250) {
+	const [debounced, setDebounced] = React$1.useState(value);
+	React$1.useEffect(() => {
+		const timer = setTimeout(() => setDebounced(value), delayMs);
+		return () => clearTimeout(timer);
+	}, [value, delayMs]);
+	return debounced;
+}
+//#endregion
 //#region src/components/forms/fields/select-field.tsx
 /**
 * SelectField Component
@@ -6179,18 +6204,21 @@ function SelectField({ schema, field, disabled, collection, siblingValues }) {
 	const [searchVal, setSearchVal] = React$1.useState("");
 	const label = schema.label || schema.name.charAt(0).toUpperCase() + schema.name.slice(1);
 	const isDynamic = !!(schema.options && typeof schema.options === "object" && "_dynamic" in schema.options);
-	const { data: dynamicOptions, isLoading } = useQuery({
+	const debouncedSearch = useDebouncedValue(searchVal.trim(), 250);
+	const { data: dynamicOptions, isLoading, isFetching } = useQuery({
 		queryKey: [
 			"options",
 			collection,
 			schema.name,
-			siblingValues
+			siblingValues,
+			debouncedSearch
 		],
 		queryFn: async () => {
 			const q = new URLSearchParams();
 			if (siblingValues) Object.entries(siblingValues).forEach(([k, v]) => {
 				if (typeof v === "string" || typeof v === "number" || typeof v === "boolean") q.append(k, String(v));
 			});
+			if (debouncedSearch) q.append("search", debouncedSearch);
 			const url = `${client?.getBaseUrl() || ""}/api/dyrected/options/${collection}/${schema.name}?${q.toString()}`;
 			const authHeaders = {};
 			const token = typeof window !== "undefined" ? localStorage.getItem("dyrected_token") : null;
@@ -6202,7 +6230,8 @@ function SelectField({ schema, field, disabled, collection, siblingValues }) {
 			if (!res.ok) throw new Error("Failed to fetch options");
 			return res.json();
 		},
-		enabled: !!client && isDynamic && !!collection && !!schema.name
+		enabled: !!client && isDynamic && !!collection && !!schema.name,
+		placeholderData: keepPreviousData
 	});
 	const options = normalizeOptions(isDynamic ? dynamicOptions || [] : schema.options).map((opt) => ({
 		label: opt.label,
@@ -6254,41 +6283,48 @@ function SelectField({ schema, field, disabled, collection, siblingValues }) {
 		}), /* @__PURE__ */ jsx(PopoverContent, {
 			className: "dy-w-[var(--radix-popover-trigger-width)] dy-p-0 dy-rounded-xl dy-border-border/40 dy-shadow-xl",
 			align: "start",
-			children: /* @__PURE__ */ jsxs(Command$1, { children: [/* @__PURE__ */ jsx(CommandInput, {
-				placeholder: `Search ${label.toLowerCase()}...`,
-				value: searchVal,
-				onValueChange: setSearchVal
-			}), /* @__PURE__ */ jsxs(CommandList, { children: [
-				showCustomOption && /* @__PURE__ */ jsx(CommandGroup, {
-					heading: "Custom Value",
-					children: /* @__PURE__ */ jsxs(CommandItem, {
-						value: searchVal,
+			children: /* @__PURE__ */ jsxs(Command$1, {
+				shouldFilter: !isDynamic,
+				children: [/* @__PURE__ */ jsx(CommandInput, {
+					placeholder: `Search ${label.toLowerCase()}...`,
+					value: searchVal,
+					onValueChange: setSearchVal
+				}), /* @__PURE__ */ jsxs(CommandList, { children: [
+					isDynamic && isFetching && /* @__PURE__ */ jsx("div", {
+						className: "dy-py-6 dy-text-center dy-text-sm dy-text-muted-foreground",
+						children: "Searching…"
+					}),
+					showCustomOption && /* @__PURE__ */ jsx(CommandGroup, {
+						heading: "Custom Value",
+						children: /* @__PURE__ */ jsxs(CommandItem, {
+							value: searchVal,
+							onSelect: () => {
+								field.onChange(trimmedSearch);
+								handleOpenChange(false);
+							},
+							className: "dy-rounded-lg dy-py-2.5 dy-text-primary dy-font-medium",
+							children: [/* @__PURE__ */ jsx(Plus, { className: "dy-mr-2 dy-h-4 dy-w-4" }), /* @__PURE__ */ jsxs("span", { children: [
+								"Use \"",
+								trimmedSearch,
+								"\""
+							] })]
+						})
+					}),
+					/* @__PURE__ */ jsx(CommandEmpty, { children: "No option found." }),
+					/* @__PURE__ */ jsx(CommandGroup, { children: options.map((opt) => /* @__PURE__ */ jsxs(CommandItem, {
+						value: `${opt.label} ${opt.value}`,
 						onSelect: () => {
-							field.onChange(trimmedSearch);
+							field.onChange(opt.value);
 							handleOpenChange(false);
 						},
-						className: "dy-rounded-lg dy-py-2.5 dy-text-primary dy-font-medium",
-						children: [/* @__PURE__ */ jsx(Plus, { className: "dy-mr-2 dy-h-4 dy-w-4" }), /* @__PURE__ */ jsxs("span", { children: [
-							"Use \"",
-							trimmedSearch,
-							"\""
-						] })]
-					})
-				}),
-				/* @__PURE__ */ jsx(CommandEmpty, { children: "No option found." }),
-				/* @__PURE__ */ jsx(CommandGroup, { children: options.map((opt) => /* @__PURE__ */ jsxs(CommandItem, {
-					value: `${opt.label} ${opt.value}`,
-					onSelect: () => {
-						field.onChange(opt.value);
-						handleOpenChange(false);
-					},
-					className: "dy-rounded-lg dy-py-2.5",
-					children: [/* @__PURE__ */ jsx(Check, { className: cn("dy-mr-2 dy-h-4 dy-w-4", currentValue === opt.value ? "dy-opacity-100" : "dy-opacity-0") }), /* @__PURE__ */ jsx("span", {
-						className: "dy-truncate",
-						children: opt.label
-					})]
-				}, opt.value || "__empty")) })
-			] })] })
+						className: "dy-rounded-lg dy-py-2.5",
+						children: [/* @__PURE__ */ jsx(Check, { className: cn("dy-mr-2 dy-h-4 dy-w-4", currentValue === opt.value ? "dy-opacity-100" : "dy-opacity-0") }), /* @__PURE__ */ jsx("span", {
+							className: "dy-truncate",
+							children: opt.label
+						})]
+					}, opt.value || "__empty")) })
+				] })]
+			})
 		})]
 	});
 }
@@ -6387,19 +6423,23 @@ function RadioField({ schema, field, disabled, collection, siblingValues }) {
 function MultiSelect({ options, value = [], onChange, label, placeholder = "Select options...", disabled, collection, siblingValues, schema }) {
 	const { client } = useDyrected();
 	const [open, setOpen] = React$1.useState(false);
+	const [searchVal, setSearchVal] = React$1.useState("");
 	const isDynamic = !!(schema?.options && typeof schema.options === "object" && "_dynamic" in schema.options);
-	const { data: dynamicOptions, isLoading } = useQuery({
+	const debouncedSearch = useDebouncedValue(searchVal.trim(), 250);
+	const { data: dynamicOptions, isLoading, isFetching } = useQuery({
 		queryKey: [
 			"options",
 			collection,
 			schema?.name,
-			siblingValues
+			siblingValues,
+			debouncedSearch
 		],
 		queryFn: async () => {
 			const q = new URLSearchParams();
 			if (siblingValues) Object.entries(siblingValues).forEach(([k, v]) => {
 				if (typeof v === "string" || typeof v === "number" || typeof v === "boolean") q.append(k, String(v));
 			});
+			if (debouncedSearch) q.append("search", debouncedSearch);
 			const url = `${client?.getBaseUrl() || ""}/api/dyrected/options/${collection}/${schema?.name}?${q.toString()}`;
 			const authHeaders = {};
 			const token = typeof window !== "undefined" ? localStorage.getItem("dyrected_token") : null;
@@ -6411,7 +6451,8 @@ function MultiSelect({ options, value = [], onChange, label, placeholder = "Sele
 			if (!res.ok) throw new Error("Failed to fetch options");
 			return res.json();
 		},
-		enabled: !!client && isDynamic && !!collection && !!schema?.name
+		enabled: !!client && isDynamic && !!collection && !!schema?.name,
+		placeholderData: keepPreviousData
 	});
 	const rawOptions = isDynamic ? dynamicOptions || [] : options;
 	const normalizedOpts = (Array.isArray(rawOptions) ? rawOptions : []).map((opt) => {
@@ -6494,127 +6535,88 @@ function MultiSelect({ options, value = [], onChange, label, placeholder = "Sele
 			}), /* @__PURE__ */ jsx(PopoverContent, {
 				className: "dy-w-[var(--radix-popover-trigger-width)] dy-p-0 dy-rounded-xl dy-border-border/40 dy-shadow-xl",
 				align: "start",
-				children: /* @__PURE__ */ jsxs(Command$1, { children: [/* @__PURE__ */ jsx(CommandInput, { placeholder: "Search options..." }), /* @__PURE__ */ jsxs(CommandList, { children: [/* @__PURE__ */ jsx(CommandEmpty, { children: "No option found." }), /* @__PURE__ */ jsx(CommandGroup, { children: normalizedOpts.map((option) => {
-					const isSelected = value.includes(option.value);
-					return /* @__PURE__ */ jsxs(CommandItem, {
-						value: `${option.label} ${option.value}`,
-						onSelect: () => handleSelect(option.value),
-						className: "dy-rounded-lg dy-py-2.5",
-						children: [/* @__PURE__ */ jsx(Check, { className: cn("dy-mr-2 dy-h-4 dy-w-4", isSelected ? "dy-opacity-100" : "dy-opacity-0") }), option.label]
-					}, option.value);
-				}) })] })] })
+				children: /* @__PURE__ */ jsxs(Command$1, {
+					shouldFilter: !isDynamic,
+					children: [/* @__PURE__ */ jsx(CommandInput, {
+						placeholder: "Search options...",
+						value: searchVal,
+						onValueChange: setSearchVal
+					}), /* @__PURE__ */ jsxs(CommandList, { children: [
+						isDynamic && isFetching && /* @__PURE__ */ jsx("div", {
+							className: "dy-py-6 dy-text-center dy-text-sm dy-text-muted-foreground",
+							children: "Searching…"
+						}),
+						/* @__PURE__ */ jsx(CommandEmpty, { children: "No option found." }),
+						/* @__PURE__ */ jsx(CommandGroup, { children: normalizedOpts.map((option) => {
+							const isSelected = value.includes(option.value);
+							return /* @__PURE__ */ jsxs(CommandItem, {
+								value: `${option.label} ${option.value}`,
+								onSelect: () => handleSelect(option.value),
+								className: "dy-rounded-lg dy-py-2.5",
+								children: [/* @__PURE__ */ jsx(Check, { className: cn("dy-mr-2 dy-h-4 dy-w-4", isSelected ? "dy-opacity-100" : "dy-opacity-0") }), option.label]
+							}, option.value);
+						}) })
+					] })]
+				})
 			})]
 		})]
 	});
 }
 //#endregion
 //#region src/components/ui/calendar.tsx
-function Calendar$1({ className, classNames, showOutsideDays = true, captionLayout = "label", buttonVariant = "ghost", formatters, components, ...props }) {
-	const defaultClassNames = getDefaultClassNames();
+function Calendar$1({ className, classNames, showOutsideDays = true, ...props }) {
 	return /* @__PURE__ */ jsx(DayPicker, {
 		showOutsideDays,
-		className: cn("dy-bg-background dy-group/calendar dy-p-4 [--cell-size:2.25rem] dy-shadow-sm dy-rounded-xl dy-border dy-border-border/40", String.raw`rtl:**:[.rdp-button\_next>svg]:rotate-180`, String.raw`rtl:**:[.rdp-button\_previous>svg]:rotate-180`, className),
-		captionLayout,
-		formatters: {
-			formatMonthDropdown: (date) => date.toLocaleString("default", { month: "short" }),
-			...formatters
-		},
+		className: cn("dy-p-3 dy-bg-background dy-rounded-xl dy-border dy-border-border/40 dy-shadow-sm", className),
 		classNames: {
-			root: cn("dy-w-fit", defaultClassNames.root),
-			months: cn("dy-relative dy-flex dy-flex-col dy-gap-4 md:dy-flex-row", defaultClassNames.months),
-			month: cn("dy-flex dy-w-full dy-flex-col dy-gap-4", defaultClassNames.month),
-			nav: cn("dy-absolute dy-inset-x-0 dy-top-0 dy-z-10 dy-flex dy-w-full dy-items-center dy-justify-between dy-gap-1", defaultClassNames.nav),
-			button_previous: cn(buttonVariants({ variant: buttonVariant }), "dy-h-[--cell-size] dy-w-[--cell-size] dy-select-none dy-p-0 aria-disabled:dy-opacity-50", defaultClassNames.button_previous),
-			button_next: cn(buttonVariants({ variant: buttonVariant }), "dy-h-[--cell-size] dy-w-[--cell-size] dy-select-none dy-p-0 aria-disabled:dy-opacity-50", defaultClassNames.button_next),
-			month_caption: cn("dy-flex dy-h-[--cell-size] dy-w-full dy-items-center dy-justify-center dy-px-[--cell-size] dy-mb-4", defaultClassNames.month_caption),
-			dropdowns: cn("dy-flex dy-h-[--cell-size] dy-w-full dy-items-center dy-justify-center dy-gap-1.5 dy-text-sm dy-font-medium", defaultClassNames.dropdowns),
-			dropdown_root: cn("has-focus:dy-border-ring dy-border-input dy-shadow-xs has-focus:dy-ring-ring/50 has-focus:dy-ring-[3px] dy-relative dy-rounded-md dy-border", defaultClassNames.dropdown_root),
-			dropdown: cn("dy-bg-popover dy-absolute dy-inset-0 dy-opacity-0", defaultClassNames.dropdown),
-			caption_label: cn("dy-select-none dy-font-semibold dy-text-lg dy-tracking-tight", captionLayout === "label" ? "dy-text-sm" : "[&>svg]:dy-text-muted-foreground dy-flex dy-h-8 dy-items-center dy-gap-1 dy-rounded-md dy-pl-2 dy-pr-1 dy-text-sm [&>svg]:dy-size-3.5", defaultClassNames.caption_label),
-			table: "dy-w-full dy-border-collapse",
-			weekdays: cn("dy-grid dy-grid-cols-7 dy-mb-2", defaultClassNames.weekdays),
-			weekday: cn("dy-text-muted-foreground dy-text-center dy-select-none dy-text-[0.8rem] dy-font-medium", defaultClassNames.weekday),
-			week: cn("dy-grid dy-grid-cols-7 dy-w-full dy-mt-1", defaultClassNames.week),
-			week_number_header: cn("dy-w-[--cell-size] dy-select-none", defaultClassNames.week_number_header),
-			week_number: cn("dy-text-muted-foreground dy-select-none dy-text-[0.8rem]", defaultClassNames.week_number),
-			day: cn("dy-group/day dy-relative dy-flex dy-items-center dy-justify-center dy-h-[--cell-size] dy-w-full dy-select-none dy-p-0 dy-text-center", defaultClassNames.day),
-			range_start: cn("dy-bg-primary dy-text-primary-foreground dy-rounded-l-md", defaultClassNames.range_start),
-			range_middle: cn("dy-bg-accent dy-text-accent-foreground dy-rounded-none", defaultClassNames.range_middle),
-			range_end: cn("dy-bg-primary dy-text-primary-foreground dy-rounded-r-md", defaultClassNames.range_end),
-			today: cn("dy-bg-accent/50 dy-text-accent-foreground dy-font-bold dy-rounded-md", defaultClassNames.today),
-			outside: cn("dy-text-muted-foreground/40 aria-selected:dy-text-muted-foreground/40 dy-opacity-50", defaultClassNames.outside),
-			disabled: cn("dy-text-muted-foreground dy-opacity-50", defaultClassNames.disabled),
-			hidden: cn("dy-invisible", defaultClassNames.hidden),
+			months: "dy-flex dy-flex-col sm:dy-flex-row dy-space-y-4 sm:dy-space-x-4 sm:dy-space-y-0",
+			month: "dy-space-y-4",
+			caption: "dy-flex dy-justify-center dy-pt-1 dy-relative dy-items-center",
+			caption_label: "dy-text-sm dy-font-semibold dy-tracking-tight",
+			nav: "dy-space-x-1 dy-flex dy-items-center",
+			nav_button: cn(buttonVariants({ variant: "outline" }), "dy-h-7 dy-w-7 dy-bg-transparent dy-p-0 dy-opacity-50 hover:dy-opacity-100"),
+			nav_button_previous: "dy-absolute dy-left-1",
+			nav_button_next: "dy-absolute dy-right-1",
+			table: "dy-w-full dy-border-collapse dy-space-y-1",
+			head_row: "dy-flex",
+			head_cell: "dy-text-muted-foreground dy-rounded-md dy-w-9 dy-font-medium dy-text-[0.8rem]",
+			row: "dy-flex dy-w-full dy-mt-2",
+			cell: "dy-h-9 dy-w-9 dy-text-center dy-text-sm dy-p-0 dy-relative [&:has([aria-selected].day-range-end)]:dy-rounded-r-md [&:has([aria-selected].day-outside)]:dy-bg-accent/50 [&:has([aria-selected])]:dy-bg-accent first:[&:has([aria-selected])]:dy-rounded-l-md last:[&:has([aria-selected])]:dy-rounded-r-md focus-within:dy-relative focus-within:dy-z-20",
+			day: cn(buttonVariants({ variant: "ghost" }), "dy-h-9 dy-w-9 dy-p-0 dy-font-normal aria-selected:dy-opacity-100"),
+			day_range_end: "dy-day-range-end",
+			day_selected: "dy-bg-primary dy-text-primary-foreground hover:dy-bg-primary hover:dy-text-primary-foreground focus:dy-bg-primary focus:dy-text-primary-foreground",
+			day_today: "dy-bg-accent dy-text-accent-foreground",
+			day_outside: "dy-day-outside dy-text-muted-foreground dy-opacity-50 aria-selected:dy-bg-accent/50 aria-selected:dy-text-muted-foreground aria-selected:dy-opacity-30",
+			day_disabled: "dy-text-muted-foreground dy-opacity-50",
+			day_range_middle: "aria-selected:dy-bg-accent aria-selected:dy-text-accent-foreground",
+			day_hidden: "dy-invisible",
 			...classNames
 		},
 		components: {
-			Root: ({ className, rootRef, ...props }) => {
-				return /* @__PURE__ */ jsx("div", {
-					"data-slot": "calendar",
-					ref: rootRef,
-					className: cn(className),
-					...props
-				});
-			},
-			Chevron: ({ className, orientation, ...props }) => {
-				if (orientation === "left") return /* @__PURE__ */ jsx(ChevronLeftIcon, {
-					className: cn("dy-size-4", className),
-					...props
-				});
-				if (orientation === "right") return /* @__PURE__ */ jsx(ChevronRightIcon, {
-					className: cn("dy-size-4", className),
-					...props
-				});
-				return /* @__PURE__ */ jsx(ChevronDownIcon, {
-					className: cn("dy-size-4", className),
-					...props
-				});
-			},
-			DayButton: CalendarDayButton,
-			WeekNumber: ({ children, ...props }) => {
-				return /* @__PURE__ */ jsx("td", {
-					...props,
-					children: /* @__PURE__ */ jsx("div", {
-						className: "dy-flex dy-size-[--cell-size] dy-items-center dy-justify-center dy-text-center",
-						children
-					})
-				});
-			},
-			...components
+			IconLeft: ({ ...props }) => /* @__PURE__ */ jsx(ChevronLeftIcon, {
+				...props,
+				className: "dy-h-4 dy-w-4"
+			}),
+			IconRight: ({ ...props }) => /* @__PURE__ */ jsx(ChevronRightIcon, {
+				...props,
+				className: "dy-h-4 dy-w-4"
+			})
 		},
 		...props
 	});
 }
-function CalendarDayButton({ className, day, modifiers, ...props }) {
-	const ref = React$1.useRef(null);
-	React$1.useEffect(() => {
-		if (!modifiers.focused) return;
-		const frame = requestAnimationFrame(() => ref.current?.focus());
-		return () => cancelAnimationFrame(frame);
-	}, [modifiers.focused]);
-	return /* @__PURE__ */ jsx(Button, {
-		ref,
-		variant: "ghost",
-		size: "icon",
-		"data-day": day.date.toLocaleDateString(),
-		"data-selected-single": modifiers.selected && !modifiers.range_start && !modifiers.range_end && !modifiers.range_middle,
-		"data-range-start": modifiers.range_start,
-		"data-range-end": modifiers.range_end,
-		"data-range-middle": modifiers.range_middle,
-		className: cn("dy-flex dy-items-center dy-justify-center dy-h-[--cell-size] dy-w-full dy-min-w-[--cell-size] dy-p-0 dy-font-normal dy-transition-all", "hover:dy-bg-accent hover:dy-text-accent-foreground", "data-[selected-single=true]:dy-bg-primary data-[selected-single=true]:dy-text-primary-foreground data-[selected-single=true]:dy-rounded-full data-[selected-single=true]:dy-shadow-lg", "data-[range-middle=true]:dy-bg-accent data-[range-middle=true]:dy-text-accent-foreground data-[range-middle=true]:dy-rounded-none", "data-[range-start=true]:dy-bg-primary data-[range-start=true]:dy-text-primary-foreground data-[range-start=true]:dy-rounded-l-md", "data-[range-end=true]:dy-bg-primary data-[range-end=true]:dy-text-primary-foreground data-[range-end=true]:dy-rounded-r-md", "dy-group-data-[focused=true]/day:dy-ring-2 dy-group-data-[focused=true]/day:dy-ring-ring dy-group-data-[focused=true]/day:dy-relative dy-group-data-[focused=true]/day:dy-z-10", className),
-		...props
-	});
-}
+Calendar$1.displayName = "Calendar";
 //#endregion
 //#region src/components/forms/fields/date-picker.tsx
 function InlinePicker({ open, setOpen, triggerRef, children }) {
 	React$1.useEffect(() => {
 		if (!open) return;
 		const handle = (e) => {
+			if (e.target && !document.contains(e.target)) return;
 			if (triggerRef.current && !triggerRef.current.contains(e.target)) setOpen(false);
 		};
-		document.addEventListener("mousedown", handle);
-		return () => document.removeEventListener("mousedown", handle);
+		document.addEventListener("pointerdown", handle, { capture: true });
+		return () => document.removeEventListener("pointerdown", handle, { capture: true });
 	}, [
 		open,
 		setOpen,
@@ -6622,7 +6624,7 @@ function InlinePicker({ open, setOpen, triggerRef, children }) {
 	]);
 	return /* @__PURE__ */ jsx("div", {
 		className: cn("dy-absolute dy-left-0 dy-top-full dy-z-50 dy-mt-1 dy-rounded-xl dy-border dy-border-border/50 dy-bg-popover dy-shadow-2xl dy-transition-[opacity,transform] dy-duration-100 dy-origin-top-left", open ? "dy-opacity-100 dy-scale-100 dy-pointer-events-auto" : "dy-opacity-0 dy-scale-95 dy-pointer-events-none dy-invisible"),
-		"aria-hidden": !open,
+		inert: !open ? true : void 0,
 		children
 	});
 }
@@ -8790,6 +8792,8 @@ function FormFieldRenderer({ schema, basePath, control, collection, documentId }
 	const condition = schema.admin?.condition;
 	const readAccess = schema.access?.read;
 	const updateAccess = schema.access?.update;
+	const createAccess = schema.access?.create;
+	const writeAccess = documentId ? updateAccess : createAccess ?? updateAccess;
 	const compiledCondition = React$1.useMemo(() => {
 		if (typeof condition !== "string") return null;
 		try {
@@ -8820,10 +8824,10 @@ function FormFieldRenderer({ schema, basePath, control, collection, documentId }
 		}
 	}, [readAccess]);
 	const compiledUpdateAccess = React$1.useMemo(() => {
-		if (typeof updateAccess !== "string") return null;
+		if (typeof writeAccess !== "string") return null;
 		try {
 			return {
-				expr: jexl.compile(updateAccess),
+				expr: jexl.compile(writeAccess),
 				error: null
 			};
 		} catch (e) {
@@ -8832,7 +8836,7 @@ function FormFieldRenderer({ schema, basePath, control, collection, documentId }
 				error: `Update access compile error: ${e.message || String(e)}`
 			};
 		}
-	}, [updateAccess]);
+	}, [writeAccess]);
 	if (schema.admin?.hidden) return null;
 	let isVisible = true;
 	let jexlError = null;
@@ -8860,7 +8864,7 @@ function FormFieldRenderer({ schema, basePath, control, collection, documentId }
 	}
 	if (!canRead && !jexlError) return null;
 	let canUpdate = true;
-	if (updateAccess === false) canUpdate = false;
+	if (writeAccess === false) canUpdate = false;
 	else if (compiledUpdateAccess) {
 		if (compiledUpdateAccess.error) jexlError = jexlError ? `${jexlError} | ${compiledUpdateAccess.error}` : compiledUpdateAccess.error;
 		else if (compiledUpdateAccess.expr) try {
@@ -13968,7 +13972,7 @@ function SetupPromptUI({ config }) {
 		setCopied(true);
 		window.setTimeout(() => setCopied(false), 1800);
 	}
-	const currentVersion = "2.5.57";
+	const currentVersion = "2.5.59";
 	const [latestVersion, setLatestVersion] = useState(() => {
 		if (typeof window === "undefined") return null;
 		return localStorage.getItem("dyrected_latest_release");

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dyrected/admin",
-  "version": "2.5.58",
+  "version": "2.5.60",
   "type": "module",
   "files": [
     "dist"
@@ -56,7 +56,7 @@
     "papaparse": "^5.5.4",
     "react-blurhash": "^0.3.0",
     "react-datasheet-grid": "^4.1.2",
-    "react-day-picker": "^9.14.0",
+    "react-day-picker": "^8.10.1",
     "react-dropzone": "^15.0.0",
     "react-hook-form": "^7.75.0",
     "react-image-crop": "^11.0.10",
@@ -64,9 +64,9 @@
     "tailwind-merge": "^3.5.0",
     "tailwindcss-animate": "^1.0.7",
     "zod": "^3.25.76",
-    "@dyrected/core": "^2.5.58",
-    "@dyrected/knowledge": "^0.2.11",
-    "@dyrected/sdk": "^2.5.58"
+    "@dyrected/core": "^2.5.60",
+    "@dyrected/knowledge": "^0.2.12",
+    "@dyrected/sdk": "^2.5.60"
   },
   "peerDependencies": {
     "@tanstack/react-query": "^5.0.0",