@espressif/dashboard-ui-components 1.10.0 → 1.11.0

package/dist/core/scroll-area.js

@@ -0,0 +1,42 @@
+"use client";
+import { cn } from "../utils/cn.js";
+import * as React$1 from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area";
+//#region src/core/scroll-area.tsx
+/**
+* True when a horizontal `ScrollBar` is passed as a direct child, the pattern
+* used before `orientation` existed; such areas keep growing horizontally.
+*/
+function hasHorizontalScrollBarChild(children) {
+	return React$1.Children.toArray(children).some((child) => React$1.isValidElement(child) && child.type === ScrollBar && child.props.orientation === "horizontal");
+}
+var ScrollArea = React$1.forwardRef(({ className, children, orientation = "vertical", ...props }, ref) => {
+	const scrollsX = orientation !== "vertical" || hasHorizontalScrollBarChild(children);
+	const scrollsY = orientation !== "horizontal";
+	return /* @__PURE__ */ jsxs(ScrollAreaPrimitive.Root, {
+		ref,
+		className: cn("relative overflow-hidden", className),
+		...props,
+		children: [
+			/* @__PURE__ */ jsx(ScrollAreaPrimitive.Viewport, {
+				className: cn("h-full w-full rounded-[inherit]", !scrollsX && "[&>div]:block!"),
+				children
+			}),
+			scrollsY && /* @__PURE__ */ jsx(ScrollBar, {}),
+			orientation !== "vertical" && /* @__PURE__ */ jsx(ScrollBar, { orientation: "horizontal" }),
+			/* @__PURE__ */ jsx(ScrollAreaPrimitive.Corner, {})
+		]
+	});
+});
+ScrollArea.displayName = ScrollAreaPrimitive.Root.displayName;
+var ScrollBar = React$1.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ jsx(ScrollAreaPrimitive.ScrollAreaScrollbar, {
+	ref,
+	orientation,
+	className: cn("flex touch-none select-none transition-colors", orientation === "vertical" && "h-full w-2.5 border-l border-l-transparent p-[1px]", orientation === "horizontal" && "h-2.5 flex-col border-t border-t-transparent p-[1px]", className),
+	...props,
+	children: /* @__PURE__ */ jsx(ScrollAreaPrimitive.ScrollAreaThumb, { className: "relative flex-1 rounded-full bg-border" })
+}));
+ScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName;
+//#endregion
+export { ScrollArea, ScrollBar };

package/dist/core/select.js

@@ -0,0 +1,121 @@
+import { cn } from "../utils/cn.js";
+import { FieldLabelRow, fieldHintClassName } from "./field-label-row.js";
+import * as React$1 from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Check, ChevronDown, ChevronUp } from "lucide-react";
+import * as SelectPrimitive from "@radix-ui/react-select";
+//#region src/core/select.tsx
+var Select = SelectPrimitive.Root;
+var SelectGroup = SelectPrimitive.Group;
+var SelectValue = SelectPrimitive.Value;
+var triggerSizeClasses = {
+	sm: "h-8 px-3 text-xs",
+	default: "h-10 px-3.5 py-2 text-base md:text-sm",
+	lg: "h-12 px-5 text-lg"
+};
+/**
+* Fixed 16px like the decorators inside `Input` (`startIcon` / `endIcon`
+* are rendered at `size={16}` at every input size), so a Select next to an
+* Input shows matching icon dimensions whatever `size` they share.
+*/
+var triggerIconClassName = "size-4 shrink-0 opacity-50";
+var SelectTrigger = React$1.forwardRef(({ className, children, size = "default", label, required, hintContent, error, errorContent, id, "aria-describedby": ariaDescribedBy, ...props }, ref) => {
+	const autoId = React$1.useId();
+	const hasEnhancedProps = label !== void 0 || required !== void 0 || hintContent !== void 0 || error !== void 0 || errorContent !== void 0;
+	const hasError = error || !!errorContent;
+	const triggerId = id ?? (hasEnhancedProps ? autoId : void 0);
+	const errorId = errorContent ? `${triggerId}-error` : void 0;
+	const describedBy = [ariaDescribedBy, errorId].filter(Boolean).join(" ") || void 0;
+	const trigger = /* @__PURE__ */ jsxs(SelectPrimitive.Trigger, {
+		ref,
+		id: triggerId,
+		"aria-required": required || void 0,
+		"aria-invalid": hasError || void 0,
+		"aria-describedby": describedBy,
+		className: cn("flex w-full items-center justify-between whitespace-nowrap rounded-md border border-input bg-background ring-offset-background transition-[box-shadow,border-color] duration-200 ease-in-out data-[placeholder]:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1", triggerSizeClasses[size], hasError && "border-destructive focus-visible:ring-destructive", className),
+		...props,
+		children: [children, /* @__PURE__ */ jsx(SelectPrimitive.Icon, {
+			asChild: true,
+			children: /* @__PURE__ */ jsx(ChevronDown, {
+				"data-slot": "select-icon",
+				className: triggerIconClassName
+			})
+		})]
+	});
+	if (!hasEnhancedProps) return trigger;
+	return /* @__PURE__ */ jsxs("div", {
+		className: "space-y-2 flex-1",
+		children: [
+			label && /* @__PURE__ */ jsx(FieldLabelRow, {
+				htmlFor: triggerId,
+				label,
+				required,
+				hintContent
+			}),
+			!label && hintContent && /* @__PURE__ */ jsx("span", {
+				className: fieldHintClassName,
+				children: hintContent
+			}),
+			trigger,
+			errorContent && /* @__PURE__ */ jsx("div", {
+				id: errorId,
+				className: "text-sm text-destructive",
+				children: errorContent
+			})
+		]
+	});
+});
+SelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
+var SelectScrollUpButton = React$1.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(SelectPrimitive.ScrollUpButton, {
+	ref,
+	className: cn("flex cursor-default items-center justify-center py-1.5", className),
+	...props,
+	children: /* @__PURE__ */ jsx(ChevronUp, { className: "h-4 w-4" })
+}));
+SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;
+var SelectScrollDownButton = React$1.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(SelectPrimitive.ScrollDownButton, {
+	ref,
+	className: cn("flex cursor-default items-center justify-center py-1.5", className),
+	...props,
+	children: /* @__PURE__ */ jsx(ChevronDown, { className: "h-4 w-4" })
+}));
+SelectScrollDownButton.displayName = SelectPrimitive.ScrollDownButton.displayName;
+var SelectContent = React$1.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ jsx(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs(SelectPrimitive.Content, {
+	ref,
+	className: cn("relative z-50 max-h-[--radix-select-content-available-height] min-w-[8rem] overflow-y-auto overflow-x-hidden rounded-2xl border bg-popover px-1.5 py-2 text-popover-foreground shadow-lg outline-none will-change-[opacity,transform] select-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 origin-[--radix-select-content-transform-origin]", position === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1", className),
+	position,
+	...props,
+	children: [
+		/* @__PURE__ */ jsx(SelectScrollUpButton, {}),
+		/* @__PURE__ */ jsx(SelectPrimitive.Viewport, {
+			className: cn("p-0", position === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"),
+			children
+		}),
+		/* @__PURE__ */ jsx(SelectScrollDownButton, {})
+	]
+}) }));
+SelectContent.displayName = SelectPrimitive.Content.displayName;
+var SelectLabel = React$1.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(SelectPrimitive.Label, {
+	ref,
+	className: cn("px-2.5 py-2 text-sm font-semibold", className),
+	...props
+}));
+SelectLabel.displayName = SelectPrimitive.Label.displayName;
+var SelectItem = React$1.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(SelectPrimitive.Item, {
+	ref,
+	className: cn("relative flex w-full cursor-default select-none items-center rounded-sm py-2 pl-2.5 pr-9 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50", className),
+	...props,
+	children: [/* @__PURE__ */ jsx("span", {
+		className: "absolute right-2.5 flex h-3.5 w-3.5 items-center justify-center",
+		children: /* @__PURE__ */ jsx(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(Check, { className: "h-4 w-4" }) })
+	}), /* @__PURE__ */ jsx(SelectPrimitive.ItemText, { children })]
+}));
+SelectItem.displayName = SelectPrimitive.Item.displayName;
+var SelectSeparator = React$1.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(SelectPrimitive.Separator, {
+	ref,
+	className: cn("-mx-1.5 my-1.5 h-px bg-muted", className),
+	...props
+}));
+SelectSeparator.displayName = SelectPrimitive.Separator.displayName;
+//#endregion
+export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue };

package/dist/core/separator.js

@@ -0,0 +1,40 @@
+import { cn } from "../utils/cn.js";
+import * as React$1 from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as SeparatorPrimitive from "@radix-ui/react-separator";
+//#region src/core/separator.tsx
+var Separator = React$1.forwardRef(({ className, orientation = "horizontal", decorative = true, label, stackLabel = false, labelClassName, ...props }, ref) => {
+	if (!label) return /* @__PURE__ */ jsx(SeparatorPrimitive.Root, {
+		ref,
+		decorative,
+		orientation,
+		className: cn("shrink-0 bg-border", orientation === "horizontal" ? "h-[1px] w-full" : "h-full w-[1px]", className),
+		...props
+	});
+	const isHorizontal = orientation === "horizontal";
+	return /* @__PURE__ */ jsxs("div", {
+		ref,
+		role: "separator",
+		"aria-orientation": orientation,
+		"data-orientation": orientation,
+		className: cn("flex items-center gap-3", isHorizontal ? "w-full" : "flex-col h-full", className),
+		...props,
+		children: [
+			/* @__PURE__ */ jsx("div", {
+				"aria-hidden": "true",
+				className: cn("shrink-0 bg-border flex-1", isHorizontal ? "h-[1px]" : "w-[1px]")
+			}),
+			/* @__PURE__ */ jsx("span", {
+				className: cn("text-xs font-medium text-muted-foreground shrink-0 select-none", !isHorizontal && stackLabel && "[writing-mode:vertical-lr] [text-orientation:upright]", labelClassName),
+				children: label
+			}),
+			/* @__PURE__ */ jsx("div", {
+				"aria-hidden": "true",
+				className: cn("shrink-0 bg-border flex-1", isHorizontal ? "h-[1px]" : "w-[1px]")
+			})
+		]
+	});
+});
+Separator.displayName = "Separator";
+//#endregion
+export { Separator };

package/dist/core/skeleton.js

@@ -0,0 +1,11 @@
+import { cn } from "../utils/cn.js";
+import { jsx } from "react/jsx-runtime";
+//#region src/core/skeleton.tsx
+function Skeleton({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("animate-pulse rounded-md bg-primary/10", className),
+		...props
+	});
+}
+//#endregion
+export { Skeleton };

package/dist/core/table.js

@@ -0,0 +1,59 @@
+import { cn } from "../utils/cn.js";
+import * as React$1 from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/core/table.tsx
+var Table = React$1.forwardRef(({ className, containerRef, containerClassName, ...props }, ref) => /* @__PURE__ */ jsx("div", {
+	ref: containerRef,
+	"data-slot": "table-container",
+	className: cn("relative w-full overflow-auto", containerClassName),
+	children: /* @__PURE__ */ jsx("table", {
+		ref,
+		className: cn("w-full caption-bottom text-sm", className),
+		...props
+	})
+}));
+Table.displayName = "Table";
+var TableHeader = React$1.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("thead", {
+	ref,
+	className: cn("[&_tr]:border-b", className),
+	...props
+}));
+TableHeader.displayName = "TableHeader";
+var TableBody = React$1.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("tbody", {
+	ref,
+	className: cn("[&_tr:last-child]:border-0", className),
+	...props
+}));
+TableBody.displayName = "TableBody";
+var TableFooter = React$1.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("tfoot", {
+	ref,
+	className: cn("border-t bg-muted/50 font-medium [&>tr]:last:border-b-0", className),
+	...props
+}));
+TableFooter.displayName = "TableFooter";
+var TableRow = React$1.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("tr", {
+	ref,
+	className: cn("border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted", className),
+	...props
+}));
+TableRow.displayName = "TableRow";
+var TableHead = React$1.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("th", {
+	ref,
+	className: cn("h-10 px-2 text-left align-middle font-medium text-muted-foreground [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]", className),
+	...props
+}));
+TableHead.displayName = "TableHead";
+var TableCell = React$1.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("td", {
+	ref,
+	className: cn("p-2 align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]", className),
+	...props
+}));
+TableCell.displayName = "TableCell";
+var TableCaption = React$1.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("caption", {
+	ref,
+	className: cn("mt-4 text-sm text-muted-foreground", className),
+	...props
+}));
+TableCaption.displayName = "TableCaption";
+//#endregion
+export { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow };

package/dist/core/textarea/textarea.js

@@ -0,0 +1,97 @@
+import { cn } from "../../utils/cn.js";
+import * as React$1 from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/core/textarea/textarea.tsx
+var labelClasses = "flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50";
+var sizeClasses = {
+	sm: "min-h-[60px] px-2 py-1.5 text-xs",
+	default: "min-h-[80px] px-3 py-2 text-base md:text-sm",
+	lg: "min-h-[100px] px-4 py-3 text-lg"
+};
+var Textarea = React$1.forwardRef(({ className, label, size = "default", hintContent, error, errorContent, charLimit, onChange, value, defaultValue, id, required, placeholder, ...restProps }, ref) => {
+	const autoId = React$1.useId();
+	const textareaId = id || autoId;
+	const [charCount, setCharCount] = React$1.useState(() => {
+		if (charLimit === void 0) return 0;
+		if (typeof value === "string") return value.length;
+		if (typeof defaultValue === "string") return defaultValue.length;
+		return 0;
+	});
+	React$1.useEffect(() => {
+		if (charLimit !== void 0 && typeof value === "string") setCharCount(value.length);
+	}, [value, charLimit]);
+	const hasEnhancedProps = label !== void 0 || hintContent !== void 0 || error !== void 0 || errorContent !== void 0 || charLimit !== void 0;
+	const hasError = error || !!errorContent;
+	const effectiveSize = size || "default";
+	const handleChange = (e) => {
+		if (charLimit !== void 0) setCharCount(e.target.value.length);
+		onChange?.(e);
+	};
+	const textareaElement = /* @__PURE__ */ jsx("textarea", {
+		id: textareaId,
+		ref,
+		className: cn("flex w-full rounded-md border border-input bg-background ring-offset-background transition-[box-shadow,border-color] duration-200 ease-in-out placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 resize-y", sizeClasses[effectiveSize], hasError && "border-destructive focus-visible:ring-destructive", className),
+		required,
+		"aria-invalid": hasError || void 0,
+		"aria-describedby": errorContent ? `${textareaId}-error` : void 0,
+		onChange: handleChange,
+		value,
+		defaultValue,
+		maxLength: charLimit,
+		placeholder,
+		...restProps
+	});
+	if (!hasEnhancedProps) return /* @__PURE__ */ jsx("textarea", {
+		ref,
+		id,
+		className: cn("flex min-h-[60px] w-full rounded-md border border-input bg-background px-3 py-2 text-base ring-offset-background transition-[box-shadow,border-color] duration-200 ease-in-out placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm resize-y", className),
+		required,
+		placeholder,
+		value,
+		defaultValue,
+		onChange,
+		...restProps
+	});
+	return /* @__PURE__ */ jsxs("div", {
+		className: "space-y-2 flex-1",
+		children: [
+			label != null && /* @__PURE__ */ jsxs("div", {
+				className: "flex items-center justify-between",
+				children: [/* @__PURE__ */ jsxs("label", {
+					htmlFor: textareaId,
+					className: labelClasses,
+					children: [label, required && /* @__PURE__ */ jsx("span", {
+						className: "text-destructive",
+						children: "*"
+					})]
+				}), hintContent != null && /* @__PURE__ */ jsx("span", {
+					className: "text-sm text-muted-foreground",
+					children: hintContent
+				})]
+			}),
+			!label && hintContent != null && /* @__PURE__ */ jsx("span", {
+				className: "text-sm text-muted-foreground",
+				children: hintContent
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "relative",
+				children: [textareaElement, charLimit !== void 0 && /* @__PURE__ */ jsxs("div", {
+					className: "absolute bottom-2 end-2 text-xs tabular-nums text-muted-foreground pointer-events-none",
+					children: [
+						charCount,
+						"/",
+						charLimit
+					]
+				})]
+			}),
+			errorContent != null && /* @__PURE__ */ jsx("div", {
+				id: `${textareaId}-error`,
+				className: "text-sm text-destructive",
+				children: errorContent
+			})
+		]
+	});
+});
+Textarea.displayName = "Textarea";
+//#endregion
+export { Textarea };

package/dist/core/utils/get-strict-context.js

@@ -0,0 +1,18 @@
+import * as React$1 from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/core/utils/get-strict-context.tsx
+function getStrictContext(name) {
+	const Context = React$1.createContext(void 0);
+	const Provider = ({ value, children }) => /* @__PURE__ */ jsx(Context.Provider, {
+		value,
+		children
+	});
+	const useSafeContext = () => {
+		const ctx = React$1.useContext(Context);
+		if (ctx === void 0) throw new Error(`useContext must be used within ${name ?? "a Provider"}`);
+		return ctx;
+	};
+	return [Provider, useSafeContext];
+}
+//#endregion
+export { getStrictContext };

package/dist/index.js

@@ -1,9 +1,148 @@
-export { CopyrightCard, PageLoader } from './chunk-CDHBLANU.js';
-export { Accordion, AdvancedSearchBox, Alert, AnimatedCard, AnimatedRainmakerLogo, AreaChart, AsyncCombobox, AsyncMultiSelect, BarChart, BasicDetailsCard, CHART_CATEGORY_COLORS, CHART_SERIES_COLORS, Calendar, CalendarDayButton, Carousel, ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent, Checkbox, CircularProgress, Code, CodeEditor, CollapsibleCard, ComposedChart, ConfirmationDialog, ContentContainer, CopiableText, DEFAULT_CHART_SERIES_COLORS, DEFAULT_PAGE_SIZE_OPTIONS, DataTable, DataTableRowActions, DatePicker, DateRangePicker, DateTimePicker, DeviceIcon, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger, DonutChart, DynamicList, FileInput, FileUpload, FiltersBar, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, FullSizeError, FullscreenDialog, IconAvatar, IconTextActionCard, Illustration, InlineError, InputOTP, InputOTPSeparator, KeyValueManager, LineChart, ListDetails, LottieAnimationContainer, MarkdownContent, MonospaceContent, NavBar, no_data_card_default as NoDataCard, OverflowBadgeList, PRESET_IDS, PRESET_LABELS, PageContainer, PageContainerSkeleton, Pagination, PopCollectionItem, PreviewCard, PreviewCardBackdrop, PreviewCardPanel, PreviewCardTrigger, ProgressBar, ROLLING_PRESET_IDS, RadioGroup, RequirementList, ScrollableSections, SearchBox, SectionCard, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, SelectableCardList, SimpleCard, SimpleClickableCard, SimpleInfoCard, SimpleList, SimplePaginatedList, SimplifiedDate, Spinner, StatCard, StatusBadge, StatusCardList, Switch, TYPOGRAPHY_VARIANTS, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, TableSkeleton, Tabs, TabsContent, TabsContents, TabsList, TabsTrigger, Tag, TagInput, Textarea, TimePicker, Toast, Toaster, TogglableItemsList, ToggleGroup, ToggleGroupItem, TransferList, TreemapChart, Typography, UserTypeBadge, VerificationInProgress, VerticalStepper, animatedCardAnimations, animatedCardTypeKeys, buildSeriesChartConfig, computeDateRange, getChartSeriesColor, illustrationRegistry, illustrationsById, parseSvgViewBoxAspectRatio, statusBadgeSizeVariants, toast, typographyDefaultElement, typographyVariantClasses, useFormField, userTypeBadgeRegistry, userTypeBadgeSizeVariants, userTypeBadgeUserTypes } from './chunk-LUESSJAF.js';
-export { Badge, ButtonGroup, ButtonGroupSeparator, ButtonGroupText, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Label, PRESET_GRADIENT_BACKDROP, PRESET_GRADIENT_FRAME, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, VARIANTS, VARIANT_GRADIENT_BACKDROP_BASE, VARIANT_GRADIENT_DURATION_CLASS, VARIANT_GRADIENT_HOVER_OVERLAY_CLASS, VARIANT_GRADIENT_TRANSITION_DURATION_MS, arbitraryGradientBackgroundImage, badgeVariants, buttonGroupVariants, resolveVariantStyles } from './chunk-ALCWXFUC.js';
-export { AccountMenu, EntryLayout, Footer as WorkspaceFooter, Header as WorkspaceHeader, WorkspaceLayout } from './chunk-2GDYZAKR.js';
-export { AppLogo, FooterCard, MyAccountMenu, ProfileCard } from './chunk-TMORRNEB.js';
-export { Avatar, Button, CopyButton, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, FlashButton, GlitchText, GradientText, HighlightText, Input, InputPassword, InvertButton, LIST_CLASS_NAMES, Link, List, Menu, ScrollArea, ScrollBar, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, ShimmeringText, Sidebar2 as Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, Sidebar as SidebarPrimitive, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Tooltip2 as Tooltip, TooltipContent, TooltipProvider, Tooltip as TooltipRoot, TooltipTrigger, isSidebarGroup, parseTextMarkup, useSidebar } from './chunk-Z4776NRY.js';
-export { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Collapsible, CollapsibleContent, CollapsibleTrigger, Separator, Skeleton, buttonVariants, useControlledState, useIsMobile } from './chunk-XNLCVHBC.js';
-export { cn } from './chunk-VU4CZ76T.js';
-import './chunk-TRTQSARU.js';
+import { cn } from "./utils/cn.js";
+import { PRESET_GRADIENT_BACKDROP, PRESET_GRADIENT_FRAME, VARIANTS, VARIANT_GRADIENT_BACKDROP_BASE, VARIANT_GRADIENT_DURATION_CLASS, VARIANT_GRADIENT_HOVER_OVERLAY_CLASS, VARIANT_GRADIENT_TRANSITION_DURATION_MS, arbitraryGradientBackgroundImage, resolveVariantStyles } from "./utils/variant.js";
+import { useControlledState } from "./core/hooks/use-controlled-state.js";
+import { Accordion } from "./components/accordion/accordion.js";
+import Avatar from "./components/avatar/avatar.js";
+import { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger } from "./core/animate-ui/components/radix/dropdown-menu.js";
+import { LIST_CLASS_NAMES } from "./components/list/list.props.js";
+import { Collapsible, CollapsibleContent, CollapsibleTrigger } from "./core/collapsible.js";
+import List from "./components/list/list.js";
+import { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from "./core/card.js";
+import { SimpleCard } from "./components/cards/simple-card.js";
+import { BasicDetailsCard } from "./components/cards/basic-details-card.js";
+import { illustrationRegistry, illustrationsById, parseSvgViewBoxAspectRatio } from "./components/illustration/illustration-registry.js";
+import { Illustration } from "./components/illustration/illustration.js";
+import NoDataCard from "./components/cards/no-data-card/no-data-card.js";
+import { CollapsibleCard } from "./components/cards/collapsible-card.js";
+import { buttonVariants } from "./core/button.js";
+import { Tooltip as Tooltip$1, TooltipContent, TooltipProvider, TooltipTrigger } from "./core/animate-ui/components/animate/tooltip.js";
+import Tooltip from "./components/tooltip/tooltip.js";
+import { Button } from "./components/button/button.js";
+import { InvertButton } from "./components/button/invert-button.js";
+import { FlashButton } from "./components/button/flash-button.js";
+import { CopyButton } from "./core/animate-ui/components/buttons/copy.js";
+import { SectionCard } from "./components/cards/section-card.js";
+import { LottieAnimationContainer } from "./components/lottie-animation-container/lottie-animation-container.js";
+import { animatedCardAnimations, animatedCardTypeKeys } from "./components/cards/animated-card/animated-card-animations.js";
+import { AnimatedRainmakerLogo } from "./common/animated-rainmaker-logo/animated-rainmaker-logo.js";
+import { AnimatedCard } from "./components/cards/animated-card/animated-card.js";
+import { ScrollArea, ScrollBar } from "./core/scroll-area.js";
+import { Popover, PopoverAnchor, PopoverContent, PopoverTrigger } from "./core/popover.js";
+import { ListDetails } from "./components/list-details/list-details.js";
+import Menu from "./components/menu/menu.js";
+import { useIsMobile } from "./core/hooks/use-mobile.js";
+import { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger } from "./core/animate-ui/components/radix/sheet.js";
+import { NavBar } from "./components/nav-bar/nav-bar.js";
+import { Input } from "./core/input/input.js";
+import { InputPassword } from "./core/input/input-password.js";
+import { Separator } from "./core/separator.js";
+import { Skeleton } from "./core/skeleton.js";
+import { Sidebar as Sidebar$1, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, useSidebar } from "./core/animate-ui/components/radix/sidebar.js";
+import { isSidebarGroup } from "./components/sidebar/types.js";
+import Sidebar from "./components/sidebar/sidebar.js";
+import { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue } from "./core/select.js";
+import { Tabs, TabsContent, TabsContents, TabsList, TabsTrigger } from "./core/animate-ui/components/animate/tabs.js";
+import { ScrollableSections } from "./components/scrollable-sections/scrollable-sections.js";
+import { Label } from "./core/label.js";
+import { Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, useFormField } from "./core/form.js";
+import { IconAvatar } from "./components/icon-avatar/icon-avatar.js";
+import { TYPOGRAPHY_VARIANTS, typographyDefaultElement, typographyVariantClasses } from "./components/typography/typography-variants.js";
+import { Typography } from "./components/typography/typography.js";
+import { FileUpload } from "./components/file-upload/file-upload.js";
+import { FileInput } from "./components/file-input/file-input.js";
+import { Checkbox } from "./core/checkbox/motion-checkbox.js";
+import { Switch } from "./core/animate-ui/components/radix/switch.js";
+import { ToggleGroup, ToggleGroupItem } from "./core/animate-ui/components/radix/toggle-group.js";
+import { RadioGroup } from "./components/radio-group/radio-group.js";
+import { SelectableCardList } from "./components/selectable-card-list/selectable-card-list.js";
+import { StatusCardList } from "./components/status-card-list/status-card-list.js";
+import { VerticalStepper } from "./components/vertical-stepper/vertical-stepper.js";
+import { Badge, badgeVariants } from "./core/badge.js";
+import { Spinner } from "./components/spinner/spinner.js";
+import { StatCard } from "./components/stat-card/stat-card.js";
+import { ButtonGroup, ButtonGroupSeparator, ButtonGroupText, buttonGroupVariants } from "./core/button-group.js";
+import { ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent } from "./components/chart/chart.js";
+import { CHART_CATEGORY_COLORS, CHART_SERIES_COLORS, DEFAULT_CHART_SERIES_COLORS, buildSeriesChartConfig, getChartSeriesColor } from "./components/chart/chart-colors.js";
+import { BarChart } from "./components/chart/bar-chart.js";
+import { AreaChart } from "./components/chart/area-chart.js";
+import { LineChart } from "./components/chart/line-chart.js";
+import { ComposedChart } from "./components/chart/composed-chart.js";
+import { DonutChart } from "./components/chart/donut-chart.js";
+import { TreemapChart } from "./components/chart/treemap-chart.js";
+import { InputOTP, InputOTPSeparator } from "./core/input-otp/input-otp.js";
+import { Carousel } from "./components/carousel/carousel.js";
+import { Textarea } from "./core/textarea/textarea.js";
+import { AsyncCombobox } from "./core/combobox/combobox.js";
+import { AsyncMultiSelect } from "./components/async-multi-select/async-multi-select.js";
+import { Calendar, CalendarDayButton } from "./components/calendar/calendar.js";
+import { DatePicker } from "./components/date-picker/date-picker.js";
+import { TimePicker } from "./components/time-picker/time-picker.js";
+import { DateTimePicker } from "./components/date-time-picker/date-time-picker.js";
+import { PRESET_IDS, PRESET_LABELS, ROLLING_PRESET_IDS, computeDateRange } from "./components/date-range-picker/presets.js";
+import { DateRangePicker } from "./components/date-range-picker/date-range-picker.js";
+import { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator } from "./core/breadcrumb.js";
+import { SimplifiedDate } from "./components/simplified-date/simplified-date.js";
+import { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow } from "./core/table.js";
+import { Link } from "./components/link/link.js";
+import SearchBox from "./components/search-box/search-box.js";
+import FiltersBar from "./components/filters-bar/filters-bar.js";
+import AdvancedSearchBox from "./components/advanced-search-box/advanced-search-box.js";
+import { TogglableItemsList } from "./components/togglable-items-list/togglable-items-list.js";
+import { Pagination } from "./components/pagination/pagination.js";
+import { DEFAULT_PAGE_SIZE_OPTIONS } from "./components/pagination/pagination.props.js";
+import { CopiableText } from "./components/copiable-text/copiable-text.js";
+import { TableSkeleton } from "./components/skeletons/table-skeleton.js";
+import { DataTable } from "./components/data-table/data-table.js";
+import { DataTableRowActions } from "./components/data-table/row-actions.js";
+import { DeviceIcon } from "./components/device-icon/device-icon.js";
+import { userTypeBadgeRegistry, userTypeBadgeUserTypes } from "./components/user-type-badge/user-type-badge.registry.js";
+import { UserTypeBadge, userTypeBadgeSizeVariants } from "./components/user-type-badge/user-type-badge.js";
+import { StatusBadge, statusBadgeSizeVariants } from "./components/status-badge/status-badge.js";
+import { Tag } from "./components/tag/tag.js";
+import { TagInput } from "./components/tag-input/tag-input.js";
+import { TransferList } from "./components/transfer-list/transfer-list.js";
+import { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger } from "./core/animate-ui/components/radix/dialog.js";
+import { IconTextActionCard } from "./components/icon-text-action-card/icon-text-action-card.js";
+import { Alert } from "./components/alert/alert.js";
+import { ConfirmationDialog } from "./components/confirmation-dialog/confirmation-dialog.js";
+import { PreviewCard, PreviewCardBackdrop, PreviewCardPanel, PreviewCardTrigger } from "./core/animate-ui/components/base/preview-card.js";
+import { Code } from "./core/animate-ui/components/animate/code.js";
+import { MonospaceContent } from "./components/monospace-content/monospace-content.js";
+import { SimpleList } from "./components/simple-list/simple-list.js";
+import { DynamicList } from "./components/dynamic-list/dynamic-list.js";
+import { KeyValueManager } from "./components/key-value-manager/key-value-manager.js";
+import { RequirementList } from "./components/requirement-list/requirement-list.js";
+import { SimplePaginatedList } from "./components/simple-paginated-list/simple-paginated-list.js";
+import { Toast, Toaster, toast } from "./components/toast/toast.js";
+import { MarkdownContent } from "./components/markdown-content/markdown-content.js";
+import { OverflowBadgeList } from "./components/overflow-badge-list/overflow-badge-list.js";
+import { PopCollectionItem } from "./components/animated-containers/pop-collection-item.js";
+import { FullscreenDialog } from "./components/fullscreen-dialog/fullscreen-dialog.js";
+import { VerificationInProgress } from "./components/lottie-animations/verification-in-progress/verification-in-progress.js";
+import { CircularProgress } from "./components/circular-progress/circular-progress.js";
+import { ProgressBar } from "./components/progress-bar/progress-bar.js";
+import { FullSizeError } from "./components/error-display/full-size-error/full-size-error.js";
+import { InlineError } from "./components/error-display/inline-error/inline-error.js";
+import { SimpleClickableCard } from "./components/simple-clickable-card/simple-clickable-card.js";
+import { SimpleInfoCard } from "./components/simple-info-card/simple-info-card.js";
+import { GlitchText } from "./components/text-effects/glitch-effect/glitch-text.js";
+import { GradientText } from "./components/text-effects/gradient-text/gradient-text.js";
+import { HighlightText } from "./components/text-effects/highlight-text/highlight-text.js";
+import { ShimmeringText } from "./components/text-effects/shimmer-text/shimmer-text.js";
+import { parseTextMarkup } from "./components/text-effects/parse-text-markup.js";
+import { CodeEditor } from "./components/code-editor/code-editor.js";
+import { ContentContainer } from "./components/content-container/content-container.js";
+import PageContainer from "./components/page-container/page-container.js";
+import PageContainerSkeleton from "./components/page-container/page-container-skeleton.js";
+import AppLogo from "./common/app-logo/app-logo.js";
+import ProfileCard from "./common/profile-card/profile-card.js";
+import CopyrightCard from "./common/copyright-card/copyright-card.js";
+import PageLoader from "./common/page-loader/page-loader.js";
+import MyAccountMenu from "./common/my-account-menu/my-account-menu.js";
+import FooterCard from "./common/footer-card/footer-card.js";
+import Header from "./layouts/workspace-layout/header/header.js";
+import Footer from "./layouts/workspace-layout/footer/footer.js";
+import AccountMenu from "./layouts/workspace-layout/account-menu/account-menu.js";
+import WorkspaceLayout from "./layouts/workspace-layout/workspace-layout.js";
+import EntryLayout from "./layouts/entry-layout/entry-layout.js";
+export { Accordion, AccountMenu, AdvancedSearchBox, Alert, AnimatedCard, AnimatedRainmakerLogo, AppLogo, AreaChart, AsyncCombobox, AsyncMultiSelect, Avatar, Badge, BarChart, BasicDetailsCard, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, ButtonGroup, ButtonGroupSeparator, ButtonGroupText, CHART_CATEGORY_COLORS, CHART_SERIES_COLORS, Calendar, CalendarDayButton, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent, Checkbox, CircularProgress, Code, CodeEditor, Collapsible, CollapsibleCard, CollapsibleContent, CollapsibleTrigger, ComposedChart, ConfirmationDialog, ContentContainer, CopiableText, CopyButton, CopyrightCard, DEFAULT_CHART_SERIES_COLORS, DEFAULT_PAGE_SIZE_OPTIONS, DataTable, DataTableRowActions, DatePicker, DateRangePicker, DateTimePicker, DeviceIcon, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger, DonutChart, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, DynamicList, EntryLayout, FileInput, FileUpload, FiltersBar, FlashButton, FooterCard, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, FullSizeError, FullscreenDialog, GlitchText, GradientText, HighlightText, IconAvatar, IconTextActionCard, Illustration, InlineError, Input, InputOTP, InputOTPSeparator, InputPassword, InvertButton, KeyValueManager, LIST_CLASS_NAMES, Label, LineChart, Link, List, ListDetails, LottieAnimationContainer, MarkdownContent, Menu, MonospaceContent, MyAccountMenu, NavBar, NoDataCard, OverflowBadgeList, PRESET_GRADIENT_BACKDROP, PRESET_GRADIENT_FRAME, PRESET_IDS, PRESET_LABELS, PageContainer, PageContainerSkeleton, PageLoader, Pagination, PopCollectionItem, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, PreviewCard, PreviewCardBackdrop, PreviewCardPanel, PreviewCardTrigger, ProfileCard, ProgressBar, ROLLING_PRESET_IDS, RadioGroup, RequirementList, ScrollArea, ScrollBar, ScrollableSections, SearchBox, SectionCard, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, SelectableCardList, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, ShimmeringText, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, Sidebar$1 as SidebarPrimitive, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, SimpleCard, SimpleClickableCard, SimpleInfoCard, SimpleList, SimplePaginatedList, SimplifiedDate, Skeleton, Spinner, StatCard, StatusBadge, StatusCardList, Switch, TYPOGRAPHY_VARIANTS, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, TableSkeleton, Tabs, TabsContent, TabsContents, TabsList, TabsTrigger, Tag, TagInput, Textarea, TimePicker, Toast, Toaster, TogglableItemsList, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, Tooltip$1 as TooltipRoot, TooltipTrigger, TransferList, TreemapChart, Typography, UserTypeBadge, VARIANTS, VARIANT_GRADIENT_BACKDROP_BASE, VARIANT_GRADIENT_DURATION_CLASS, VARIANT_GRADIENT_HOVER_OVERLAY_CLASS, VARIANT_GRADIENT_TRANSITION_DURATION_MS, VerificationInProgress, VerticalStepper, Footer as WorkspaceFooter, Header as WorkspaceHeader, WorkspaceLayout, animatedCardAnimations, animatedCardTypeKeys, arbitraryGradientBackgroundImage, badgeVariants, buildSeriesChartConfig, buttonGroupVariants, buttonVariants, cn, computeDateRange, getChartSeriesColor, illustrationRegistry, illustrationsById, isSidebarGroup, parseSvgViewBoxAspectRatio, parseTextMarkup, resolveVariantStyles, statusBadgeSizeVariants, toast, typographyDefaultElement, typographyVariantClasses, useControlledState, useFormField, useIsMobile, useSidebar, userTypeBadgeRegistry, userTypeBadgeSizeVariants, userTypeBadgeUserTypes };

package/dist/layouts/entry-layout/entry-layout-bg.js

@@ -0,0 +1,4 @@
+//#region src/layouts/entry-layout/entry-layout-bg.webp
+var entry_layout_bg_default = new URL("../../assets/entry-layout-bg-DUM0UhT3.webp", import.meta.url).href;
+//#endregion
+export { entry_layout_bg_default as default };

package/dist/layouts/entry-layout/entry-layout.js

@@ -0,0 +1,52 @@
+import { parseTextMarkup } from "../../components/text-effects/parse-text-markup.js";
+import AppLogo from "../../common/app-logo/app-logo.js";
+import FooterCard from "../../common/footer-card/footer-card.js";
+import entry_layout_bg_default from "./entry-layout-bg.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/layouts/entry-layout/entry-layout.tsx
+function EntryLayout({ appName, children, backgroundImageUrl, heading, darkMode, logo, logoAssets, customRightPanel, disableBackgroundImage, hideLogo, hideFooter, hideRightPanel }) {
+	const bgImage = backgroundImageUrl ?? (disableBackgroundImage ? void 0 : entry_layout_bg_default);
+	const resolvedLogo = logo !== void 0 ? logo : logoAssets ? /* @__PURE__ */ jsx(AppLogo, {
+		logo: logoAssets,
+		darkMode,
+		width: 256
+	}) : appName ? /* @__PURE__ */ jsx(AppLogo, {
+		name: appName,
+		darkMode,
+		width: 256
+	}) : null;
+	return /* @__PURE__ */ jsxs("div", {
+		className: `flex h-screen overflow-hidden w-full${hideRightPanel ? " justify-center" : ""}`,
+		children: [/* @__PURE__ */ jsx("div", {
+			className: "w-[40%] flex flex-col overflow-y-auto bg-gradient-to-b from-background to-transparent max-xl:w-full max-xl:py-8 max-xl:px-5",
+			children: /* @__PURE__ */ jsxs("div", {
+				className: "main-content-wrapper h-full flex flex-col justify-center",
+				children: [!hideLogo && resolvedLogo !== null && /* @__PURE__ */ jsx("div", {
+					className: "sticky top-0 z-10 shrink-0 flex justify-center py-6 bg-background/75 backdrop-blur-xs w-full logo-wrapper",
+					children: resolvedLogo
+				}), /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("div", {
+					className: "flex-1 flex flex-col items-center justify-center main-content",
+					children
+				}), !hideFooter && /* @__PURE__ */ jsx("div", {
+					className: "shrink-0 text-center text-xs text-muted-foreground footer-card-wrapper py-10",
+					children: /* @__PURE__ */ jsx(FooterCard, {})
+				})] })]
+			})
+		}), !hideRightPanel && /* @__PURE__ */ jsx("div", {
+			className: "w-[60%] relative bg-cover bg-center bg-no-repeat max-xl:hidden",
+			style: bgImage ? { backgroundImage: `url(${bgImage})` } : void 0,
+			children: customRightPanel ? /* @__PURE__ */ jsx("div", {
+				className: "absolute inset-0",
+				children: customRightPanel
+			}) : heading ? /* @__PURE__ */ jsx("div", {
+				className: "absolute inset-0 bg-gradient-to-b from-black/30 to-transparent flex items-center justify-center p-12",
+				children: /* @__PURE__ */ jsx("h1", {
+					className: "text-white text-[3.25rem] leading-[1.25] text-center max-w-full px-6 font-bold tracking-tight",
+					children: typeof heading === "string" ? parseTextMarkup(heading) : heading
+				})
+			}) : null
+		})]
+	});
+}
+//#endregion
+export { EntryLayout as default };