@questpie/admin 3.5.2 → 3.5.4

package/dist/client/components/fields/rich-text-editor/utils.mjs

@@ -1,16 +1,9 @@
 //#region src/client/components/fields/rich-text-editor/utils.ts
 /**
-* Get the current heading level or "paragraph"
+* Get editor output in the configured format.
 */
-function getHeadingLevel(editor) {
-	if (!editor) return "paragraph";
-	for (let level = 1; level <= 6; level += 1) if (editor.isActive("heading", { level })) return String(level);
-	return "paragraph";
-}
-/**
-* Get output as TipTap JSON.
-*/
-function getOutput(editor) {
+function getOutput(editor, mode = "json") {
+	if (mode === "markdown") return editor.storage.markdown?.getMarkdown?.() ?? "";
 	return editor.getJSON();
 }
 /**
@@ -18,7 +11,8 @@ function getOutput(editor) {
 */
 function isSameValue(a, b) {
 	if (a === b) return true;
-	if (!a || !b) return false;
+	if (a == null || b == null) return false;
+	if (typeof a === "string" || typeof b === "string") return a === b;
 	try {
 		return JSON.stringify(a) === JSON.stringify(b);
 	} catch {
@@ -47,4 +41,4 @@ function getCharacterCount(editor) {
 }
 
 //#endregion
-export { getCharacterCount, getHeadingLevel, getOutput, isSameValue };
+export { getCharacterCount, getOutput, isSameValue };

package/dist/client/components/fields/select-field.mjs

@@ -23,7 +23,7 @@ function resolveOptionIcons(options) {
 		icon: resolveIconElement(option.icon)
 	} : option);
 }
-function SelectField({ name, label, description, placeholder, required, disabled, localized, locale, control, className, options, loadOptions, multiple, clearable, maxSelections, emptyMessage }) {
+function SelectField({ name, label, description, placeholder, required, disabled, localized, locale, hideLabel, control, className, options, loadOptions, multiple, clearable, maxSelections, emptyMessage }) {
 	const resolvedControl = useResolvedControl(control);
 	const resolvedOptions = useMemo(() => resolveOptionIcons(options), [options]);
 	const resolvedLoadOptions = useMemo(() => {
@@ -43,6 +43,7 @@ function SelectField({ name, label, description, placeholder, required, disabled
 			disabled,
 			localized,
 			locale,
+			hideLabel,
 			error: fieldState.error?.message,
 			children: multiple ? /* @__PURE__ */ jsx(SelectMulti, {
 				id: name,

package/dist/client/components/fields/text-field.mjs

@@ -6,7 +6,7 @@ import { jsx } from "react/jsx-runtime";
 import { Controller } from "react-hook-form";
 
 //#region src/client/components/fields/text-field.tsx
-function TextField({ name, label, description, placeholder, required, disabled, localized, locale, control, className, type = "text", maxLength, autoComplete }) {
+function TextField({ name, label, description, placeholder, required, disabled, localized, locale, hideLabel, control, className, type = "text", maxLength, autoComplete }) {
 	return /* @__PURE__ */ jsx(Controller, {
 		name,
 		control: useResolvedControl(control),
@@ -18,6 +18,7 @@ function TextField({ name, label, description, placeholder, required, disabled,
 			disabled,
 			localized,
 			locale,
+			hideLabel,
 			error: fieldState.error?.message,
 			children: /* @__PURE__ */ jsx(TextInput, {
 				id: name,

package/dist/client/components/fields/textarea-field.mjs

@@ -6,7 +6,7 @@ import { jsx } from "react/jsx-runtime";
 import { Controller } from "react-hook-form";
 
 //#region src/client/components/fields/textarea-field.tsx
-function TextareaField({ name, label, description, placeholder, required, disabled, localized, locale, control, className, rows, maxLength, autoResize }) {
+function TextareaField({ name, label, description, placeholder, required, disabled, localized, locale, hideLabel, control, className, rows, maxLength, autoResize }) {
 	return /* @__PURE__ */ jsx(Controller, {
 		name,
 		control: useResolvedControl(control),
@@ -18,6 +18,7 @@ function TextareaField({ name, label, description, placeholder, required, disabl
 			disabled,
 			localized,
 			locale,
+			hideLabel,
 			error: fieldState.error?.message,
 			children: /* @__PURE__ */ jsx(TextareaInput, {
 				id: name,

package/dist/client/components/fields/time-field.mjs

@@ -6,7 +6,7 @@ import { jsx } from "react/jsx-runtime";
 import { Controller } from "react-hook-form";
 
 //#region src/client/components/fields/time-field.tsx
-function TimeField({ name, label, description, placeholder, required, disabled, localized, locale, control, className, precision }) {
+function TimeField({ name, label, description, placeholder, required, disabled, localized, locale, hideLabel, control, className, precision }) {
 	return /* @__PURE__ */ jsx(Controller, {
 		name,
 		control: useResolvedControl(control),
@@ -19,6 +19,7 @@ function TimeField({ name, label, description, placeholder, required, disabled,
 				disabled,
 				localized,
 				locale,
+				hideLabel,
 				error: fieldState.error?.message,
 				children: /* @__PURE__ */ jsx(TimeInput, {
 					id: name,

package/dist/client/components/filter-builder/filter-builder-sheet.mjs

@@ -4,6 +4,7 @@ import { Sheet, SheetContent, SheetFooter, SheetHeader, SheetTitle } from "../ui
 import { Tabs, TabsContent, TabsList, TabsTrigger } from "../ui/tabs.mjs";
 import { Switch } from "../ui/switch.mjs";
 import { SelectSingle } from "../primitives/select-single.mjs";
+import { cloneFilters, filtersEqual, sortConfigEqual } from "../../lib/view-filter-utils.mjs";
 import { ColumnsTab } from "./columns-tab.mjs";
 import { FiltersTab } from "./filters-tab.mjs";
 import { SavedViewsTab } from "./saved-views-tab.mjs";
@@ -13,22 +14,10 @@ import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/client/components/filter-builder/filter-builder-sheet.tsx
 const NO_GROUPING_VALUE = "__none";
+const NO_SORT_VALUE = "__none";
 function arraysEqual(a, b, eq) {
 	return a.length === b.length && a.every((v, i) => eq(v, b[i]));
 }
-function filterValueEqual(a, b) {
-	if (a === b) return true;
-	if (Array.isArray(a) && Array.isArray(b)) return a.length === b.length && a.every((v, i) => v === b[i]);
-	return false;
-}
-function filtersEqual(a, b) {
-	return arraysEqual(a, b, (x, y) => x.id === y.id && x.field === y.field && x.operator === y.operator && filterValueEqual(x.value, y.value));
-}
-function sortConfigEqual(a, b) {
-	if (a === b) return true;
-	if (!a || !b) return false;
-	return a.field === b.field && a.direction === b.direction;
-}
 function viewConfigEqual(a, b) {
 	return filtersEqual(a.filters, b.filters) && sortConfigEqual(a.sortConfig, b.sortConfig) && arraysEqual(a.visibleColumns, b.visibleColumns, (x, y) => x === y) && a.groupBy === b.groupBy && arraysEqual(a.collapsedGroups ?? [], b.collapsedGroups ?? [], (x, y) => x === y) && a.realtime === b.realtime && a.includeDeleted === b.includeDeleted;
 }
@@ -67,9 +56,10 @@ function ViewOptionRow({ title, description, control }) {
 		})]
 	});
 }
-function FilterBuilderSheet({ collection, availableFields, currentConfig, onConfigChange, isOpen, onOpenChange, defaultColumns, savedViews, savedViewsLoading = false, onSaveView, onDeleteView, supportsSoftDelete = false, groupableFields = EMPTY_GROUPABLE_FIELDS, defaultGroupBy = null }) {
+function FilterBuilderSheet({ collection, availableFields, currentConfig, onConfigChange, isOpen, onOpenChange, defaultColumns, savedViews, savedViewsLoading = false, onSaveView, onDeleteView, supportsSoftDelete = false, groupableFields = EMPTY_GROUPABLE_FIELDS, defaultGroupBy = null, defaultFilters = [], panels }) {
 	const resolvedSavedViews = savedViews ?? EMPTY_SAVED_VIEWS;
 	const { t } = useTranslation();
+	const { columns: showColumns = true, filters: showFilters = true, savedViews: showSavedViews = true } = panels ?? {};
 	const [localConfig, setLocalConfig] = useState(currentConfig);
 	const [prev, setPrev] = useState({
 		isOpen,
@@ -94,7 +84,7 @@ function FilterBuilderSheet({ collection, availableFields, currentConfig, onConf
 	};
 	const handleReset = () => {
 		setLocalConfig({
-			filters: [],
+			filters: cloneFilters(defaultFilters),
 			sortConfig: null,
 			visibleColumns: defaultColumns ?? availableFields.map((f) => f.name),
 			groupBy: defaultGroupBy,
@@ -119,6 +109,21 @@ function FilterBuilderSheet({ collection, availableFields, currentConfig, onConf
 			className: "size-4 opacity-60"
 		})
 	}))], [groupableFields, t]);
+	const sortOptions = useMemo(() => [{
+		value: NO_SORT_VALUE,
+		label: t("viewOptions.noSort"),
+		icon: /* @__PURE__ */ jsx(Icon, {
+			icon: "ph:sort-ascending",
+			className: "size-4 opacity-60"
+		})
+	}, ...availableFields.map((field) => ({
+		value: field.name,
+		label: field.label,
+		icon: /* @__PURE__ */ jsx(Icon, {
+			icon: "ph:text-aa",
+			className: "size-4 opacity-60"
+		})
+	}))], [availableFields, t]);
 	return /* @__PURE__ */ jsx(Sheet, {
 		open: isOpen,
 		onOpenChange,
@@ -182,21 +187,69 @@ function FilterBuilderSheet({ collection, availableFields, currentConfig, onConf
 									drawerTitle: t("viewOptions.groupBy"),
 									className: "h-9 w-48"
 								})
+							}),
+							/* @__PURE__ */ jsx(ViewOptionRow, {
+								title: t("viewOptions.sort"),
+								description: t("viewOptions.sortDescription"),
+								control: /* @__PURE__ */ jsxs("div", {
+									className: "flex items-center gap-2",
+									children: [/* @__PURE__ */ jsx(SelectSingle, {
+										id: "view-options-sort",
+										value: localConfig.sortConfig?.field ?? NO_SORT_VALUE,
+										onChange: (value) => {
+											const nextSortField = !value || value === NO_SORT_VALUE ? null : value;
+											setLocalConfig((prevConfig) => ({
+												...prevConfig,
+												sortConfig: nextSortField ? {
+													field: nextSortField,
+													direction: prevConfig.sortConfig?.direction ?? "asc"
+												} : null,
+												pagination: {
+													...prevConfig.pagination ?? { pageSize: 25 },
+													page: 1
+												}
+											}));
+										},
+										options: sortOptions,
+										clearable: false,
+										emptyMessage: t("viewOptions.noFieldsAvailable"),
+										placeholder: t("viewOptions.noSort"),
+										drawerTitle: t("viewOptions.sort"),
+										className: "h-9 w-48"
+									}), /* @__PURE__ */ jsx(Button, {
+										variant: "outline",
+										size: "icon-sm",
+										disabled: !localConfig.sortConfig?.field,
+										"aria-label": localConfig.sortConfig?.direction === "asc" ? t("table.sortDesc") : t("table.sortAsc"),
+										onClick: () => setLocalConfig((prevConfig) => ({
+											...prevConfig,
+											sortConfig: prevConfig.sortConfig ? {
+												...prevConfig.sortConfig,
+												direction: prevConfig.sortConfig.direction === "asc" ? "desc" : "asc"
+											} : null,
+											pagination: {
+												...prevConfig.pagination ?? { pageSize: 25 },
+												page: 1
+											}
+										})),
+										children: /* @__PURE__ */ jsx(Icon, { icon: localConfig.sortConfig?.direction === "asc" ? "ph:sort-ascending" : "ph:sort-descending" })
+									})]
+								})
 							})
 						]
 					}), /* @__PURE__ */ jsxs(Tabs, {
-						defaultValue: "columns",
+						defaultValue: showColumns ? "columns" : "filters",
 						className: "mt-4",
 						children: [
 							/* @__PURE__ */ jsxs(TabsList, {
 								className: "w-full",
 								children: [
-									/* @__PURE__ */ jsx(TabsTrigger, {
+									showColumns && /* @__PURE__ */ jsx(TabsTrigger, {
 										value: "columns",
 										className: "flex-1",
 										children: t("viewOptions.columns")
 									}),
-									/* @__PURE__ */ jsxs(TabsTrigger, {
+									showFilters && /* @__PURE__ */ jsxs(TabsTrigger, {
 										value: "filters",
 										className: "flex-1",
 										children: [t("viewOptions.filters"), localConfig.filters.length > 0 && /* @__PURE__ */ jsx("span", {
@@ -204,14 +257,14 @@ function FilterBuilderSheet({ collection, availableFields, currentConfig, onConf
 											children: localConfig.filters.length
 										})]
 									}),
-									/* @__PURE__ */ jsx(TabsTrigger, {
+									showSavedViews && /* @__PURE__ */ jsx(TabsTrigger, {
 										value: "views",
 										className: "flex-1",
 										children: t("viewOptions.savedViews")
 									})
 								]
 							}),
-							/* @__PURE__ */ jsx(TabsContent, {
+							showColumns && /* @__PURE__ */ jsx(TabsContent, {
 								value: "columns",
 								children: /* @__PURE__ */ jsx(ColumnsTab, {
 									fields: availableFields,
@@ -222,7 +275,7 @@ function FilterBuilderSheet({ collection, availableFields, currentConfig, onConf
 									}))
 								})
 							}),
-							/* @__PURE__ */ jsx(TabsContent, {
+							showFilters && /* @__PURE__ */ jsx(TabsContent, {
 								value: "filters",
 								children: /* @__PURE__ */ jsx(FiltersTab, {
 									fields: availableFields,
@@ -233,7 +286,7 @@ function FilterBuilderSheet({ collection, availableFields, currentConfig, onConf
 									}))
 								})
 							}),
-							/* @__PURE__ */ jsx(TabsContent, {
+							showSavedViews && /* @__PURE__ */ jsx(TabsContent, {
 								value: "views",
 								children: /* @__PURE__ */ jsx(SavedViewsTab, {
 									collection,

package/dist/client/components/layout/field-layout-renderer.mjs

@@ -96,18 +96,18 @@ function SectionRenderer({ section, index, ctx }) {
 		const value = `section-${index}`;
 		return /* @__PURE__ */ jsx(Accordion, {
 			defaultValue: section.defaultCollapsed !== true ? [value] : [],
-			className: "w-full",
+			className: "qa-field-layout__section qa-field-layout__section--collapsible panel-surface bg-card overflow-hidden",
 			children: /* @__PURE__ */ jsxs(AccordionItem, {
 				value,
-				className: "border-transparent px-4",
+				className: "border-none px-0 data-open:bg-transparent",
 				children: [/* @__PURE__ */ jsx(AccordionTrigger, {
-					className: "hover:no-underline",
+					className: "hover:bg-surface-low aria-expanded:bg-surface-low min-h-12 px-4 py-3 hover:no-underline",
 					children: /* @__PURE__ */ jsx("span", {
 						className: "font-semibold",
 						children: ctx.resolveText(section.label, "Section")
 					})
 				}), /* @__PURE__ */ jsxs(AccordionContent, {
-					className: "pt-2 pb-4",
+					className: "border-border-subtle border-t px-4 pt-3 pb-4",
 					children: [section.description && /* @__PURE__ */ jsx("p", {
 						className: "text-muted-foreground mb-4 text-sm text-pretty",
 						children: ctx.resolveText(section.description, "")

package/dist/client/components/media/media-grid.mjs

@@ -1,5 +1,6 @@
 import { useSafeI18n } from "../../i18n/hooks.mjs";
 import { cn } from "../../lib/utils.mjs";
+import { resolveAssetUrl } from "../../utils/asset-url.mjs";
 import { Skeleton } from "../ui/skeleton.mjs";
 import { Icon } from "@iconify/react";
 import * as React from "react";
@@ -62,7 +63,7 @@ function MediaGridSkeleton({ columns = 4 }) {
 }
 function AssetItem({ asset, selected, selectionMode, onToggle, onClick }) {
 	const [imageError, setImageError] = React.useState(false);
-	const thumbnailUrl = asset.url;
+	const thumbnailUrl = resolveAssetUrl(asset.url);
 	const isImageType = isImage(asset.mimeType);
 	const showCheckbox = selectionMode !== "none";
 	const handleClick = () => {

package/dist/client/components/primitives/asset-preview.mjs

@@ -1,5 +1,6 @@
 import { cn } from "../../lib/utils.mjs";
 import { Button } from "../ui/button.mjs";
+import { resolveAssetUrl } from "../../utils/asset-url.mjs";
 import { Skeleton } from "../ui/skeleton.mjs";
 import { Icon } from "@iconify/react";
 import * as React from "react";
@@ -76,13 +77,14 @@ function AssetPreview({ asset, pendingFile, onRemove, onEdit, loading = false, p
 	const isImageType = isImage(mimeType);
 	const fileIconName = getFileIconName(mimeType);
 	const extension = getExtension(filename, mimeType);
+	const assetUrl = resolveAssetUrl(asset.url);
 	const thumbnailUrl = React.useMemo(() => {
 		if (pendingFile && isImageType) return URL.createObjectURL(pendingFile);
-		if (asset.url && isImageType) return asset.url;
+		if (assetUrl && isImageType) return assetUrl;
 		return null;
 	}, [
 		pendingFile,
-		asset.url,
+		assetUrl,
 		isImageType
 	]);
 	React.useEffect(() => {

package/dist/client/components/primitives/dropzone.d.mts

@@ -0,0 +1,100 @@
+import * as React from "react";
+import * as react_jsx_runtime25 from "react/jsx-runtime";
+
+//#region src/client/components/primitives/dropzone.d.ts
+
+interface DropzoneProps {
+  /**
+   * Called when files are dropped or selected
+   */
+  onDrop: (files: File[]) => void;
+  /**
+   * Accepted file types (MIME types or extensions)
+   * @example ["image/*", "application/pdf", ".doc"]
+   */
+  accept?: string[];
+  /**
+   * Maximum file size in bytes
+   */
+  maxSize?: number;
+  /**
+   * Whether multiple files can be selected
+   * @default false
+   */
+  multiple?: boolean;
+  /**
+   * Disable the dropzone
+   */
+  disabled?: boolean;
+  /**
+   * Show loading state (e.g., during upload)
+   */
+  loading?: boolean;
+  /**
+   * Current upload progress (0-100)
+   */
+  progress?: number;
+  /**
+   * Visual density of the dropzone.
+   * @default "panel"
+   */
+  variant?: "panel" | "compact";
+  /**
+   * Custom label text
+   * @default "Drop files here or click to browse"
+   */
+  label?: string;
+  /**
+   * Helper text shown below the label
+   */
+  hint?: string;
+  /**
+   * Error message to display
+   */
+  error?: string;
+  /**
+   * Additional className
+   */
+  className?: string;
+  /**
+   * Children to render inside the dropzone (custom content)
+   */
+  children?: React.ReactNode;
+  /**
+   * Secondary action rendered inside the dropzone.
+   */
+  action?: {
+    label: string;
+    icon?: string;
+    onClick: () => void;
+    disabled?: boolean;
+  };
+  /**
+   * Callback when validation fails
+   */
+  onValidationError?: (errors: ValidationError[]) => void;
+}
+interface ValidationError {
+  file: File;
+  type: "type" | "size";
+  message: string;
+}
+declare function Dropzone({
+  onDrop,
+  accept,
+  maxSize,
+  multiple,
+  disabled,
+  loading,
+  progress,
+  variant,
+  label,
+  hint,
+  error,
+  className,
+  children,
+  action,
+  onValidationError
+}: DropzoneProps): react_jsx_runtime25.JSX.Element;
+//#endregion
+export { Dropzone };

package/dist/client/components/primitives/field-select-control.mjs

@@ -6,9 +6,10 @@ import { InputGroup } from "../ui/input-group.mjs";
 import { jsx } from "react/jsx-runtime";
 
 //#region src/client/components/primitives/field-select-control.tsx
-function FieldSelectTrigger({ className, hasValue, asInputGroupControl, ...props }) {
+function FieldSelectTrigger({ className, hasValue, asInputGroupControl, static: staticPress = true, ...props }) {
 	return /* @__PURE__ */ jsx(Button, {
 		variant: "outline",
+		static: staticPress,
 		"data-slot": asInputGroupControl ? "input-group-control" : void 0,
 		className: cn("qa-field-select-control qa-select-single control-surface w-full justify-between px-3 py-2 font-normal", "hover:bg-surface-low focus-visible:border-border-strong focus-visible:ring-ring/20 aria-expanded:border-border-strong aria-expanded:ring-ring/20 focus-visible:ring-[3px] aria-expanded:ring-[3px]", !hasValue && "text-muted-foreground", asInputGroupControl && "h-full min-w-0 flex-1 rounded-none border-0 bg-transparent shadow-none focus-visible:ring-0", className),
 		...props

package/dist/client/components/ui/button.d.mts

@@ -0,0 +1,23 @@
+import * as react_jsx_runtime26 from "react/jsx-runtime";
+import { Button } from "@base-ui/react/button";
+import { VariantProps } from "class-variance-authority";
+import * as class_variance_authority_types0 from "class-variance-authority/types";
+
+//#region src/client/components/ui/button.d.ts
+declare const buttonVariants: (props?: ({
+  variant?: "default" | "link" | "outline" | "secondary" | "ghost" | "destructive" | null | undefined;
+  size?: "default" | "icon" | "xs" | "sm" | "lg" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined;
+} & class_variance_authority_types0.ClassProp) | undefined) => string;
+type ButtonProps = Button.Props & VariantProps<typeof buttonVariants> & {
+  static?: boolean;
+};
+declare function Button$1({
+  className,
+  type,
+  variant,
+  size,
+  static: staticPress,
+  ...props
+}: ButtonProps): react_jsx_runtime26.JSX.Element;
+//#endregion
+export { Button$1 as Button };

package/dist/client/components/ui/button.mjs

@@ -6,7 +6,7 @@ import { Button } from "@base-ui/react/button";
 import { cva } from "class-variance-authority";
 
 //#region src/client/components/ui/button.tsx
-const buttonVariants = cva("qa-button font-chrome group/button text-foreground focus-visible:border-border-strong focus-visible:ring-ring/20 aria-invalid:border-border-strong aria-invalid:ring-ring/20 inline-flex shrink-0 cursor-pointer items-center justify-center rounded-[var(--control-radius)] border border-transparent bg-clip-padding text-sm font-medium whitespace-nowrap transition-[background-color,color,border-color,box-shadow,transform,opacity] duration-150 ease-out outline-none select-none focus-visible:ring-[3px] active:scale-[0.96] disabled:pointer-events-none disabled:opacity-50 disabled:active:scale-100 aria-invalid:ring-[3px] motion-reduce:active:scale-100 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", {
+const buttonVariants = cva("qa-button font-chrome group/button text-foreground focus-visible:border-border-strong focus-visible:ring-ring/20 aria-invalid:border-border-strong aria-invalid:ring-ring/20 inline-flex shrink-0 cursor-pointer items-center justify-center rounded-[var(--control-radius)] border border-transparent bg-clip-padding text-sm font-medium whitespace-nowrap transition-[background-color,color,border-color,box-shadow,transform,opacity] duration-150 ease-out outline-none select-none focus-visible:ring-[3px] active:translate-y-px disabled:pointer-events-none disabled:opacity-50 disabled:active:translate-y-0 aria-invalid:ring-[3px] motion-reduce:active:translate-y-0 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", {
 	variants: {
 		variant: {
 			default: "bg-primary text-primary-foreground shadow-[var(--control-shadow)] hover:opacity-95",
@@ -39,7 +39,7 @@ function Button$1({ className, type = "button", variant = "default", size = "def
 		className: cn(buttonVariants({
 			variant,
 			size
-		}), staticPress && "active:scale-100", className),
+		}), staticPress && "active:translate-y-0", className),
 		...props
 	});
 }

package/dist/client/components/ui/dropdown-menu.d.mts

@@ -0,0 +1,49 @@
+import * as React from "react";
+import * as react_jsx_runtime6 from "react/jsx-runtime";
+import { Menu } from "@base-ui/react/menu";
+
+//#region src/client/components/ui/dropdown-menu.d.ts
+declare function DropdownMenu({
+  ...props
+}: Menu.Root.Props): react_jsx_runtime6.JSX.Element;
+declare function DropdownMenuTrigger({
+  type,
+  ...props
+}: Menu.Trigger.Props): react_jsx_runtime6.JSX.Element;
+declare function DropdownMenuContent({
+  align,
+  alignOffset,
+  side,
+  sideOffset,
+  className,
+  ...props
+}: Menu.Popup.Props & Pick<Menu.Positioner.Props, "align" | "alignOffset" | "side" | "sideOffset">): react_jsx_runtime6.JSX.Element;
+declare function DropdownMenuGroup({
+  ...props
+}: Menu.Group.Props): react_jsx_runtime6.JSX.Element;
+declare function DropdownMenuLabel({
+  className,
+  inset,
+  ...props
+}: React.ComponentProps<"div"> & {
+  inset?: boolean;
+}): react_jsx_runtime6.JSX.Element;
+declare function DropdownMenuItem({
+  className,
+  inset,
+  variant,
+  ...props
+}: Menu.Item.Props & {
+  inset?: boolean;
+  variant?: "default" | "destructive";
+}): react_jsx_runtime6.JSX.Element;
+declare function DropdownMenuSeparator({
+  className,
+  ...props
+}: Menu.Separator.Props): react_jsx_runtime6.JSX.Element;
+declare function DropdownMenuShortcut({
+  className,
+  ...props
+}: React.ComponentProps<"span">): react_jsx_runtime6.JSX.Element;
+//#endregion
+export { DropdownMenu, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuTrigger };

package/dist/client/components/ui/dropdown-menu.mjs

@@ -33,6 +33,12 @@ function DropdownMenuContent({ align = "start", alignOffset = 0, side = "bottom"
 		})
 	}) });
 }
+function DropdownMenuGroup({ ...props }) {
+	return /* @__PURE__ */ jsx(Menu.Group, {
+		"data-slot": "dropdown-menu-group",
+		...props
+	});
+}
 function DropdownMenuLabel({ className, inset, ...props }) {
 	return /* @__PURE__ */ jsx("div", {
 		"data-slot": "dropdown-menu-label",
@@ -79,24 +85,6 @@ function DropdownMenuSubContent({ align = "start", alignOffset = -3, side = "rig
 		...props
 	});
 }
-function DropdownMenuRadioGroup({ ...props }) {
-	return /* @__PURE__ */ jsx(Menu.RadioGroup, {
-		"data-slot": "dropdown-menu-radio-group",
-		...props
-	});
-}
-function DropdownMenuRadioItem({ className, children, ...props }) {
-	return /* @__PURE__ */ jsxs(Menu.RadioItem, {
-		"data-slot": "dropdown-menu-radio-item",
-		className: cn("qa-dropdown-menu__radio-item item-surface focus:border-border focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground relative flex min-h-9 cursor-default items-center gap-2.5 px-3 py-2 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-3.5", className),
-		...props,
-		children: [/* @__PURE__ */ jsx("span", {
-			className: "pointer-events-none absolute right-3 flex items-center justify-center",
-			"data-slot": "dropdown-menu-radio-item-indicator",
-			children: /* @__PURE__ */ jsx(Menu.RadioItemIndicator, { children: /* @__PURE__ */ jsx(Icon, { icon: "ph:check" }) })
-		}), children]
-	});
-}
 function DropdownMenuSeparator({ className, ...props }) {
 	return /* @__PURE__ */ jsx(Menu.Separator, {
 		"data-slot": "dropdown-menu-separator",
@@ -113,4 +101,4 @@ function DropdownMenuShortcut({ className, ...props }) {
 }
 
 //#endregion
-export { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger };
+export { DropdownMenu, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger };

package/dist/client/components/ui/popover.mjs

@@ -25,7 +25,7 @@ function PopoverContent({ className, align = "center", alignOffset = 0, side = "
 		className: "isolate z-50",
 		children: /* @__PURE__ */ jsx(Popover.Popup, {
 			"data-slot": "popover-content",
-			className: cn("qa-popover__content floating-surface motion-floating text-popover-foreground z-50 flex min-w-48 origin-(--transform-origin) flex-col gap-4 p-2.5 text-xs outline-hidden data-ending-style:scale-[var(--motion-scale-enter)] data-ending-style:opacity-0 data-starting-style:scale-[var(--motion-scale-enter)] data-starting-style:opacity-0", className),
+			className: cn("qa-popover__content floating-surface motion-floating text-popover-foreground z-50 flex min-w-48 origin-(--transform-origin) flex-col gap-4 overflow-hidden p-2.5 text-xs outline-hidden data-ending-style:scale-[var(--motion-scale-enter)] data-ending-style:opacity-0 data-starting-style:scale-[var(--motion-scale-enter)] data-starting-style:opacity-0", className),
 			...props
 		})
 	}) });