@giddaa-housing/ui 3.0.1 → 3.2.0

package/dist/top-navbar.js

@@ -0,0 +1,295 @@
+"use client";
+import { ArrowUpRight, ChevronDown } from "./icons.js";
+import { t as cn } from "./cn-BI_4DMBf.js";
+import { MobileSidebar } from "./mobile-sidebar.js";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { mergeProps } from "@base-ui/react/merge-props";
+import { useRender } from "@base-ui/react/use-render";
+import { NavigationMenu } from "@base-ui/react/navigation-menu";
+//#region src/top-navbar.tsx
+function TopNavbarRoot({ className, children, ...props }) {
+	return /* @__PURE__ */ jsx("header", {
+		"data-slot": "top-navbar",
+		className: cn("relative z-40 w-full border-b border-line-subtle bg-canvas text-fg-primary @container/top-navbar", className),
+		...props,
+		children
+	});
+}
+function TopNavbarContainer({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "top-navbar-container",
+		className: cn("flex h-16 w-full items-center justify-between px-5 @5xl/top-navbar:h-[81px] @5xl/top-navbar:px-10 @7xl/top-navbar:px-20", className),
+		...props
+	});
+}
+function TopNavbarLeading({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "top-navbar-leading",
+		className: cn("flex min-w-0 items-center gap-6 @7xl/top-navbar:gap-10", className),
+		...props
+	});
+}
+function TopNavbarBrand({ className, render, ...props }) {
+	return useRender({
+		defaultTagName: "a",
+		props: mergeProps({ className: cn("shrink-0 text-fg-brand outline-none focus-visible:rounded-md focus-visible:shadow-[0_0_0_2px_var(--color-line-focus)] [&>svg]:h-[38px] [&>svg]:w-[90px]", className) }, props),
+		render,
+		state: { slot: "top-navbar-brand" }
+	});
+}
+function TopNavbarNavigation({ className, ...props }) {
+	return /* @__PURE__ */ jsx(NavigationMenu.Root, {
+		"data-slot": "top-navbar-navigation",
+		className: cn("hidden min-w-0 @5xl/top-navbar:block", className),
+		...props
+	});
+}
+function TopNavbarList({ className, ...props }) {
+	return /* @__PURE__ */ jsx(NavigationMenu.List, {
+		"data-slot": "top-navbar-list",
+		className: cn("flex min-w-0 items-center gap-2 @7xl/top-navbar:gap-4", className),
+		...props
+	});
+}
+function TopNavbarItem(props) {
+	return /* @__PURE__ */ jsx(NavigationMenu.Item, {
+		"data-slot": "top-navbar-item",
+		...props
+	});
+}
+function navigationItemClass(active) {
+	return cn("inline-flex h-8 items-center justify-center gap-1.5 rounded-full px-2.5 text-gdt-sm text-fg-secondary transition-[background-color,color,border-color,box-shadow] duration-(--duration-motion-press) ease-gdt-out outline-none hover:text-fg-primary focus-visible:shadow-[0_0_0_2px_var(--color-line-focus)]", active && "border border-line bg-surface-raised px-4 font-bold text-fg-brand hover:text-fg-brand");
+}
+function TopNavbarTrigger({ active = false, className, children, ...props }) {
+	return /* @__PURE__ */ jsxs(NavigationMenu.Trigger, {
+		"data-slot": "top-navbar-trigger",
+		"data-active": active || void 0,
+		className: cn(navigationItemClass(active), className),
+		...props,
+		children: [children, /* @__PURE__ */ jsx(NavigationMenu.Icon, {
+			className: "transition-transform duration-(--duration-motion-press) ease-gdt-out data-popup-open:rotate-180 motion-reduce:transition-none",
+			children: /* @__PURE__ */ jsx(ChevronDown, {
+				"aria-hidden": "true",
+				className: "size-3.5"
+			})
+		})]
+	});
+}
+function TopNavbarLink({ active = false, className, ...props }) {
+	return /* @__PURE__ */ jsx(NavigationMenu.Link, {
+		"data-slot": "top-navbar-link",
+		active,
+		className: cn(navigationItemClass(active), className),
+		...props
+	});
+}
+function TopNavbarContent({ className, ...props }) {
+	return /* @__PURE__ */ jsx(NavigationMenu.Content, {
+		"data-slot": "top-navbar-content",
+		className: cn("w-[min(42rem,calc(100vw-2.5rem))] p-2", className),
+		...props
+	});
+}
+function TopNavbarMenuGrid({ className, ...props }) {
+	return /* @__PURE__ */ jsx("ul", {
+		"data-slot": "top-navbar-menu-grid",
+		className: cn("grid grid-cols-2 gap-1.5", className),
+		...props
+	});
+}
+function TopNavbarMenuLink({ featured = false, showArrow = true, className, children, ...props }) {
+	return /* @__PURE__ */ jsxs(NavigationMenu.Link, {
+		"data-slot": "top-navbar-menu-link",
+		"data-featured": featured || void 0,
+		className: cn("group/top-navbar-card grid min-h-22 grid-cols-[auto_1fr_auto] items-start gap-3 rounded-xl p-3 text-left outline-none transition-[background-color,color,box-shadow,translate] duration-(--duration-motion-press) ease-gdt-out hover:bg-surface focus-visible:bg-surface focus-visible:shadow-[0_0_0_2px_var(--color-line-focus)] active:translate-y-px motion-reduce:active:translate-y-0", featured && "bg-surface-brand-subtle", className),
+		...props,
+		children: [children, showArrow ? /* @__PURE__ */ jsx(ArrowUpRight, {
+			"aria-hidden": "true",
+			className: "mt-1 size-4 text-fg-caption-placeholder transition-[color,translate] duration-(--duration-motion-press) ease-gdt-out group-hover/top-navbar-card:translate-x-0.5 group-hover/top-navbar-card:-translate-y-0.5 group-hover/top-navbar-card:text-fg-brand motion-reduce:transition-colors"
+		}) : null]
+	});
+}
+function TopNavbarMenuIcon({ featured = false, className, ...props }) {
+	return /* @__PURE__ */ jsx("span", {
+		"data-slot": "top-navbar-menu-icon",
+		className: cn("flex size-10 items-center justify-center rounded-xl bg-surface-brand-subtle text-fg-brand [&>svg]:size-4.5", featured && "bg-surface-brand text-fg-on-brand", className),
+		...props
+	});
+}
+function TopNavbarMenuText({ className, ...props }) {
+	return /* @__PURE__ */ jsx("span", {
+		"data-slot": "top-navbar-menu-text",
+		className: cn("min-w-0", className),
+		...props
+	});
+}
+function TopNavbarMenuTitle({ className, ...props }) {
+	return /* @__PURE__ */ jsx("span", {
+		"data-slot": "top-navbar-menu-title",
+		className: cn("block text-gdt-sm font-bold text-fg-primary", className),
+		...props
+	});
+}
+function TopNavbarMenuDescription({ className, ...props }) {
+	return /* @__PURE__ */ jsx("span", {
+		"data-slot": "top-navbar-menu-description",
+		className: cn("mt-0.5 block text-gdt-xs text-fg-secondary", className),
+		...props
+	});
+}
+function TopNavbarViewport({ className, children, portalProps, positionerProps, viewportProps, ...props }) {
+	const { className: positionerClassName, sideOffset = 10, collisionPadding = {
+		top: 8,
+		right: 20,
+		bottom: 8,
+		left: 20
+	}, collisionAvoidance = { side: "none" }, ...resolvedPositionerProps } = positionerProps ?? {};
+	const { className: viewportClassName, ...resolvedViewportProps } = viewportProps ?? {};
+	return /* @__PURE__ */ jsx(NavigationMenu.Portal, {
+		...portalProps,
+		children: /* @__PURE__ */ jsx(NavigationMenu.Positioner, {
+			sideOffset,
+			collisionPadding,
+			collisionAvoidance,
+			className: cn("isolate z-50 outline-none", positionerClassName),
+			...resolvedPositionerProps,
+			children: /* @__PURE__ */ jsxs(NavigationMenu.Popup, {
+				"data-slot": "top-navbar-popup",
+				className: cn("w-[min(42rem,calc(100vw-2.5rem))] origin-(--transform-origin) overflow-hidden rounded-2xl border border-line-subtle bg-surface-overlay text-fg-primary shadow-(--elevation-e3-shadow) transition-[opacity,scale,translate] duration-[var(--duration-motion-popup)] ease-gdt-out data-instant:transition-none data-starting-style:translate-y-1.5 data-starting-style:scale-[0.98] data-starting-style:opacity-0 data-ending-style:translate-y-1.5 data-ending-style:scale-[0.98] data-ending-style:opacity-0 motion-reduce:data-starting-style:translate-y-0 motion-reduce:data-starting-style:scale-100 motion-reduce:data-ending-style:translate-y-0 motion-reduce:data-ending-style:scale-100", className),
+				...props,
+				children: [children, /* @__PURE__ */ jsx(NavigationMenu.Viewport, {
+					"data-slot": "top-navbar-viewport",
+					className: cn("relative overflow-hidden", viewportClassName),
+					...resolvedViewportProps
+				})]
+			})
+		})
+	});
+}
+function TopNavbarActions({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "top-navbar-actions",
+		className: cn("hidden shrink-0 items-center gap-3 @5xl/top-navbar:flex", className),
+		...props
+	});
+}
+function TopNavbarActionGroup({ className, surface = false, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "top-navbar-action-group",
+		"data-surface": surface || void 0,
+		className: cn("flex items-center gap-3", surface && "rounded-2xl bg-surface-raised px-4 py-1.5", className),
+		...props
+	});
+}
+function TopNavbarActionLink({ className, render, ...props }) {
+	return useRender({
+		defaultTagName: "a",
+		props: mergeProps({ className: cn("inline-flex min-h-8 items-center rounded-full px-2 text-gdt-xs font-bold text-fg-brand outline-none transition-[color,background-color,translate] duration-(--duration-motion-press) ease-gdt-out hover:bg-surface-brand-subtle focus-visible:shadow-[0_0_0_2px_var(--color-line-focus)] active:translate-y-px motion-reduce:active:translate-y-0", className) }, props),
+		render,
+		state: { slot: "top-navbar-action-link" }
+	});
+}
+function TopNavbarComponent({ brand, brandHref = "/", brandLabel = "Home", brandRender, items, actions, mobileActions, mobileMenuLabel = "Main navigation", ...props }) {
+	const hasMenu = items.some((item) => item.menu?.length);
+	return /* @__PURE__ */ jsx(TopNavbarRoot, {
+		...props,
+		children: /* @__PURE__ */ jsxs(TopNavbarContainer, { children: [
+			/* @__PURE__ */ jsxs(TopNavbarLeading, { children: [/* @__PURE__ */ jsx(TopNavbarBrand, {
+				render: brandRender,
+				href: brandHref,
+				"aria-label": brandLabel,
+				children: brand
+			}), /* @__PURE__ */ jsxs(TopNavbarNavigation, {
+				"aria-label": mobileMenuLabel,
+				children: [/* @__PURE__ */ jsx(TopNavbarList, { children: items.map((item) => /* @__PURE__ */ jsx(TopNavbarItem, {
+					value: item.label,
+					children: item.menu?.length ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(TopNavbarTrigger, {
+						active: item.active,
+						children: item.label
+					}), /* @__PURE__ */ jsx(TopNavbarContent, { children: /* @__PURE__ */ jsx(TopNavbarMenuGrid, { children: item.menu.map((link) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs(TopNavbarMenuLink, {
+						render: link.render,
+						href: link.href,
+						featured: link.featured,
+						children: [link.icon ? /* @__PURE__ */ jsx(TopNavbarMenuIcon, {
+							featured: link.featured,
+							children: link.icon
+						}) : null, /* @__PURE__ */ jsxs(TopNavbarMenuText, { children: [/* @__PURE__ */ jsx(TopNavbarMenuTitle, { children: link.title }), link.description ? /* @__PURE__ */ jsx(TopNavbarMenuDescription, { children: link.description }) : null] })]
+					}) }, `${link.title}-${link.href}`)) }) })] }) : /* @__PURE__ */ jsx(TopNavbarLink, {
+						render: item.render,
+						href: item.href,
+						active: item.active,
+						children: item.label
+					})
+				}, `${item.label}-${item.href}`)) }), hasMenu ? /* @__PURE__ */ jsx(TopNavbarViewport, {}) : null]
+			})] }),
+			actions ? /* @__PURE__ */ jsx(TopNavbarActions, { children: actions }) : null,
+			/* @__PURE__ */ jsxs(MobileSidebar.Root, { children: [/* @__PURE__ */ jsx(MobileSidebar.Trigger, {
+				"aria-label": mobileMenuLabel,
+				className: "size-8 @5xl/top-navbar:hidden"
+			}), /* @__PURE__ */ jsxs(MobileSidebar.Content, { children: [
+				/* @__PURE__ */ jsxs(MobileSidebar.Header, { children: [
+					/* @__PURE__ */ jsx(TopNavbarBrand, {
+						render: brandRender,
+						href: brandHref,
+						"aria-label": brandLabel,
+						children: brand
+					}),
+					/* @__PURE__ */ jsx(MobileSidebar.Title, { children: mobileMenuLabel }),
+					/* @__PURE__ */ jsx(MobileSidebar.Close, { "aria-label": "Close navigation" })
+				] }),
+				/* @__PURE__ */ jsx(MobileSidebar.Body, { children: /* @__PURE__ */ jsx(MobileSidebar.Nav, {
+					"aria-label": mobileMenuLabel,
+					children: /* @__PURE__ */ jsx(MobileSidebar.List, { children: items.map((item) => /* @__PURE__ */ jsx(MobileSidebar.Item, { children: item.menu?.length ? /* @__PURE__ */ jsxs(MobileSidebar.Group, {
+						defaultOpen: item.active,
+						children: [/* @__PURE__ */ jsx(MobileSidebar.GroupTrigger, {
+							active: item.active,
+							icon: item.icon,
+							children: item.label
+						}), /* @__PURE__ */ jsx(MobileSidebar.GroupPanel, { children: /* @__PURE__ */ jsx(MobileSidebar.SubList, { children: item.menu.map((link) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs(MobileSidebar.SubLink, {
+							render: link.render,
+							href: link.href,
+							children: [/* @__PURE__ */ jsx("span", {
+								className: "block",
+								children: link.title
+							}), link.description ? /* @__PURE__ */ jsx("span", {
+								className: "mt-0.5 block text-gdt-xs text-fg-caption-placeholder",
+								children: link.description
+							}) : null]
+						}) }, `${link.title}-${link.href}`)) }) })]
+					}) : /* @__PURE__ */ jsx(MobileSidebar.Link, {
+						render: item.render,
+						href: item.href,
+						active: item.active,
+						icon: item.icon,
+						children: item.label
+					}) }, `${item.label}-${item.href}`)) })
+				}) }),
+				mobileActions ? /* @__PURE__ */ jsx(MobileSidebar.Footer, { children: mobileActions }) : null
+			] })] })
+		] })
+	});
+}
+const TopNavbar = Object.assign(TopNavbarComponent, {
+	Root: TopNavbarRoot,
+	Container: TopNavbarContainer,
+	Leading: TopNavbarLeading,
+	Brand: TopNavbarBrand,
+	Navigation: TopNavbarNavigation,
+	List: TopNavbarList,
+	Item: TopNavbarItem,
+	Trigger: TopNavbarTrigger,
+	Link: TopNavbarLink,
+	Content: TopNavbarContent,
+	MenuGrid: TopNavbarMenuGrid,
+	MenuLink: TopNavbarMenuLink,
+	MenuIcon: TopNavbarMenuIcon,
+	MenuText: TopNavbarMenuText,
+	MenuTitle: TopNavbarMenuTitle,
+	MenuDescription: TopNavbarMenuDescription,
+	Viewport: TopNavbarViewport,
+	Actions: TopNavbarActions,
+	ActionGroup: TopNavbarActionGroup,
+	ActionLink: TopNavbarActionLink
+});
+//#endregion
+export { TopNavbar, TopNavbarActionGroup, TopNavbarActionLink, TopNavbarActions, TopNavbarBrand, TopNavbarContainer, TopNavbarContent, TopNavbarItem, TopNavbarLeading, TopNavbarLink, TopNavbarList, TopNavbarMenuDescription, TopNavbarMenuGrid, TopNavbarMenuIcon, TopNavbarMenuLink, TopNavbarMenuText, TopNavbarMenuTitle, TopNavbarNavigation, TopNavbarRoot, TopNavbarTrigger, TopNavbarViewport };

package/dist/tree-map.d.ts

@@ -1,4 +1,4 @@
-import { t as ComponentSize } from "./size-context-D4mYvcg8.js";
+import { t as ComponentSize } from "./size-context-BX6kAdVj.js";
 import { ChartCard, ChartValueType } from "./chart.js";
 import * as React from "react";
 //#region src/tree-map.d.ts

package/dist/video-player-dialog.d.ts

@@ -0,0 +1,57 @@
+import { Dialog, DialogContent, DialogDescription, DialogTitle, DialogTrigger } from "./dialog.js";
+import * as React from "react";
+//#region src/video-player-dialog.d.ts
+type VideoPlayerDialogTheme = "light" | "dark";
+type VideoPlayerDialogSize = "sm" | "md" | "lg";
+declare const videoPlayerDialogSurfaceVariants: (props?: ({
+  size?: "lg" | "md" | "sm" | null | undefined;
+  theme?: "dark" | "light" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+type VideoPlayerDialogProps = React.ComponentProps<typeof Dialog>;
+/** Accessible modal root. Product state and media behavior remain consumer-owned. */
+declare function VideoPlayerDialog(props: VideoPlayerDialogProps): React.JSX.Element;
+type VideoPlayerDialogTriggerProps = React.ComponentProps<typeof DialogTrigger>;
+declare function VideoPlayerDialogTrigger(props: VideoPlayerDialogTriggerProps): React.JSX.Element;
+interface VideoPlayerDialogContentProps extends Omit<React.ComponentProps<typeof DialogContent>, "size"> {
+  size?: VideoPlayerDialogSize;
+  theme?: VideoPlayerDialogTheme;
+  surfaceClassName?: string;
+}
+/**
+ * Translation-free centered popup with one large, viewport-bounded scroll
+ * surface. The close button remains outside the scrolling surface.
+ */
+declare function VideoPlayerDialogContent({ size, theme, showCloseButton, className, surfaceClassName, children, ...props }: VideoPlayerDialogContentProps): React.JSX.Element;
+type VideoPlayerDialogMediaProps = React.ComponentProps<"div">;
+/**
+ * Aspect-ratio media slot. Compose any `MediaPlayer*` primitives inside; this
+ * part only owns placement and clipping, never playback behavior or controls.
+ */
+declare function VideoPlayerDialogMedia({ className, ...props }: VideoPlayerDialogMediaProps): React.JSX.Element;
+type VideoPlayerDialogDetailsProps = React.ComponentProps<"div">;
+declare function VideoPlayerDialogDetails({ className, ...props }: VideoPlayerDialogDetailsProps): React.JSX.Element;
+type VideoPlayerDialogTitleProps = React.ComponentProps<typeof DialogTitle>;
+declare function VideoPlayerDialogTitle({ className, ...props }: VideoPlayerDialogTitleProps): React.JSX.Element;
+type VideoPlayerDialogDescriptionProps = React.ComponentProps<typeof DialogDescription>;
+declare function VideoPlayerDialogDescription({ className, ...props }: VideoPlayerDialogDescriptionProps): React.JSX.Element;
+interface VideoPlayerDialogPlaylistIndicatorProps extends React.ComponentProps<"span"> {
+  current: number;
+  total: number;
+}
+declare function VideoPlayerDialogPlaylistIndicator({ current, total, className, ...props }: VideoPlayerDialogPlaylistIndicatorProps): React.JSX.Element;
+type VideoPlayerDialogPlaylistProps = React.ComponentProps<"section">;
+declare function VideoPlayerDialogPlaylist({ className, ...props }: VideoPlayerDialogPlaylistProps): React.JSX.Element;
+type VideoPlayerDialogPlaylistHeaderProps = React.ComponentProps<"h3">;
+declare function VideoPlayerDialogPlaylistHeader({ className, ...props }: VideoPlayerDialogPlaylistHeaderProps): React.JSX.Element;
+type VideoPlayerDialogPlaylistListProps = React.ComponentProps<"ul">;
+declare function VideoPlayerDialogPlaylistList({ className, ...props }: VideoPlayerDialogPlaylistListProps): React.JSX.Element;
+interface VideoPlayerDialogPlaylistItemProps extends Omit<React.ComponentProps<"button">, "title"> {
+  active?: boolean;
+  index?: number;
+  poster?: string;
+  title: React.ReactNode;
+  duration?: React.ReactNode;
+}
+declare function VideoPlayerDialogPlaylistItem({ active, index, poster, title, duration, className, ...props }: VideoPlayerDialogPlaylistItemProps): React.JSX.Element;
+//#endregion
+export { VideoPlayerDialog, VideoPlayerDialogContent, type VideoPlayerDialogContentProps, VideoPlayerDialogDescription, type VideoPlayerDialogDescriptionProps, VideoPlayerDialogDetails, type VideoPlayerDialogDetailsProps, VideoPlayerDialogMedia, type VideoPlayerDialogMediaProps, VideoPlayerDialogPlaylist, VideoPlayerDialogPlaylistHeader, type VideoPlayerDialogPlaylistHeaderProps, VideoPlayerDialogPlaylistIndicator, type VideoPlayerDialogPlaylistIndicatorProps, VideoPlayerDialogPlaylistItem, type VideoPlayerDialogPlaylistItemProps, VideoPlayerDialogPlaylistList, type VideoPlayerDialogPlaylistListProps, type VideoPlayerDialogPlaylistProps, type VideoPlayerDialogProps, type VideoPlayerDialogSize, type VideoPlayerDialogTheme, VideoPlayerDialogTitle, type VideoPlayerDialogTitleProps, VideoPlayerDialogTrigger, type VideoPlayerDialogTriggerProps, videoPlayerDialogSurfaceVariants };

package/dist/video-player-dialog.js

@@ -0,0 +1,188 @@
+"use client";
+import { ListVideo } from "./icons.js";
+import { t as cn } from "./cn-BI_4DMBf.js";
+import { Dialog, DialogContent, DialogDescription, DialogTitle, DialogTrigger } from "./dialog.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+import * as React from "react";
+//#region src/video-player-dialog.tsx
+const WIDTHS = {
+	sm: "max-w-[584px]",
+	md: "max-w-[752px]",
+	lg: "max-w-[920px]"
+};
+const videoPlayerDialogSurfaceVariants = cva("group/video-dialog w-full border bg-surface-overlay shadow-[0_0_8px_2px_rgb(23_48_22/0.06)]", {
+	variants: {
+		size: {
+			sm: "rounded-[14px]",
+			md: "rounded-2xl",
+			lg: "rounded-[20px]"
+		},
+		theme: {
+			light: "border-line-subtle",
+			dark: "dark border-transparent bg-[#2c3329] text-[#ecf2ea]"
+		}
+	},
+	defaultVariants: {
+		size: "md",
+		theme: "light"
+	}
+});
+const VideoPlayerDialogContext = React.createContext(null);
+function useVideoPlayerDialogContext() {
+	const context = React.useContext(VideoPlayerDialogContext);
+	if (!context) throw new Error("VideoPlayerDialog parts must be rendered inside <VideoPlayerDialogContent>.");
+	return context;
+}
+/** Accessible modal root. Product state and media behavior remain consumer-owned. */
+function VideoPlayerDialog(props) {
+	return /* @__PURE__ */ jsx(Dialog, { ...props });
+}
+function VideoPlayerDialogTrigger(props) {
+	return /* @__PURE__ */ jsx(DialogTrigger, { ...props });
+}
+/**
+* Translation-free centered popup with one large, viewport-bounded scroll
+* surface. The close button remains outside the scrolling surface.
+*/
+function VideoPlayerDialogContent({ size = "md", theme = "light", showCloseButton = true, className, surfaceClassName, children, ...props }) {
+	const context = React.useMemo(() => ({
+		size,
+		theme
+	}), [size, theme]);
+	return /* @__PURE__ */ jsx(DialogContent, {
+		showCloseButton,
+		"data-size": size,
+		"data-slot": "video-player-dialog-content",
+		"data-theme": theme,
+		className: cn("inset-0 m-auto h-fit max-h-none translate-x-0 translate-y-0 gap-0 overflow-visible border-0 bg-transparent p-0 shadow-none sm:w-full [--dialog-padding:0px]", WIDTHS[size], className),
+		...props,
+		children: /* @__PURE__ */ jsx(VideoPlayerDialogContext.Provider, {
+			value: context,
+			children: /* @__PURE__ */ jsx("div", {
+				"data-slot": "video-player-dialog-surface",
+				className: cn("max-h-[calc(100dvh-4rem)] overflow-y-auto overscroll-contain", videoPlayerDialogSurfaceVariants({
+					size,
+					theme
+				}), surfaceClassName),
+				children
+			})
+		})
+	});
+}
+/**
+* Aspect-ratio media slot. Compose any `MediaPlayer*` primitives inside; this
+* part only owns placement and clipping, never playback behavior or controls.
+*/
+function VideoPlayerDialogMedia({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "video-player-dialog-media",
+		className: cn("relative isolate aspect-video w-full overflow-hidden rounded-t-[inherit] bg-[#11160f]", "[&>[data-slot=media-player]]:size-full [&>[data-slot=media-player]]:rounded-none [&>[data-slot=media-player]]:shadow-none", className),
+		...props
+	});
+}
+function VideoPlayerDialogDetails({ className, ...props }) {
+	const { size } = useVideoPlayerDialogContext();
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "video-player-dialog-details",
+		className: cn("flex flex-col", size === "sm" ? "gap-1 p-3" : size === "lg" ? "gap-1.5 px-5 pt-[18px] pb-5" : "gap-1 px-4 pt-3.5 pb-4", className),
+		...props
+	});
+}
+function VideoPlayerDialogTitle({ className, ...props }) {
+	const { size } = useVideoPlayerDialogContext();
+	return /* @__PURE__ */ jsx(DialogTitle, {
+		"data-slot": "video-player-dialog-title",
+		className: cn("text-fg-primary", size === "sm" ? "text-gdt-lg font-bold" : size === "lg" ? "text-gdt-h4 font-extrabold" : "text-gdt-h5 font-extrabold", className),
+		...props
+	});
+}
+function VideoPlayerDialogDescription({ className, ...props }) {
+	const { size } = useVideoPlayerDialogContext();
+	return /* @__PURE__ */ jsx(DialogDescription, {
+		"data-slot": "video-player-dialog-description",
+		className: cn("text-fg-secondary", size === "sm" ? "text-gdt-xs" : size === "lg" ? "text-gdt-md" : "text-gdt-sm", className),
+		...props
+	});
+}
+function VideoPlayerDialogPlaylistIndicator({ current, total, className, ...props }) {
+	return /* @__PURE__ */ jsxs("span", {
+		"data-slot": "video-player-dialog-playlist-indicator",
+		className: cn("pointer-events-none absolute top-3 right-3 z-20 inline-flex h-9 items-center gap-2 rounded-full bg-black/40 px-3 text-gdt-xs font-bold whitespace-nowrap text-white shadow-[0_0_4px_rgb(0_0_0/0.1)] backdrop-blur-[15px]", className),
+		...props,
+		children: [
+			/* @__PURE__ */ jsx(ListVideo, {
+				"aria-hidden": "true",
+				className: "size-4"
+			}),
+			/* @__PURE__ */ jsxs("span", {
+				"aria-hidden": "true",
+				children: [
+					current,
+					" / ",
+					total
+				]
+			}),
+			/* @__PURE__ */ jsxs("span", {
+				className: "sr-only",
+				children: [
+					"Video ",
+					current,
+					" of ",
+					total
+				]
+			})
+		]
+	});
+}
+function VideoPlayerDialogPlaylist({ className, ...props }) {
+	return /* @__PURE__ */ jsx("section", {
+		"data-slot": "video-player-dialog-playlist",
+		className: cn("border-t border-line-subtle px-3 py-3 sm:px-4", className),
+		...props
+	});
+}
+function VideoPlayerDialogPlaylistHeader({ className, ...props }) {
+	return /* @__PURE__ */ jsx("h3", {
+		"data-slot": "video-player-dialog-playlist-header",
+		className: cn("mb-2 px-2 text-gdt-xs font-semibold text-fg-secondary", className),
+		...props
+	});
+}
+function VideoPlayerDialogPlaylistList({ className, ...props }) {
+	return /* @__PURE__ */ jsx("ul", {
+		"data-slot": "video-player-dialog-playlist-list",
+		className: cn("space-y-1", className),
+		...props
+	});
+}
+function VideoPlayerDialogPlaylistItem({ active = false, index, poster, title, duration, className, ...props }) {
+	return /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs("button", {
+		type: "button",
+		"aria-current": active ? "true" : void 0,
+		"data-slot": "video-player-dialog-playlist-item",
+		className: cn("flex w-full items-center gap-3 rounded-lg p-2 text-left outline-none transition-[background-color,transform] hover:bg-surface-raised focus-visible:ring-2 focus-visible:ring-line-focus active:scale-[0.99] aria-current:bg-surface-brand-subtle", className),
+		...props,
+		children: [
+			index !== void 0 ? /* @__PURE__ */ jsx("span", {
+				className: "w-5 shrink-0 text-center text-gdt-xs font-semibold text-fg-caption-placeholder",
+				children: index
+			}) : null,
+			poster ? /* @__PURE__ */ jsx("img", {
+				src: poster,
+				alt: "",
+				className: "aspect-video w-20 shrink-0 rounded-md object-cover"
+			}) : null,
+			/* @__PURE__ */ jsx("span", {
+				className: "min-w-0 flex-1 truncate text-gdt-sm font-bold text-fg-primary",
+				children: title
+			}),
+			duration ? /* @__PURE__ */ jsx("span", {
+				className: "shrink-0 text-gdt-xs tabular-nums text-fg-secondary",
+				children: duration
+			}) : null
+		]
+	}) });
+}
+//#endregion
+export { VideoPlayerDialog, VideoPlayerDialogContent, VideoPlayerDialogDescription, VideoPlayerDialogDetails, VideoPlayerDialogMedia, VideoPlayerDialogPlaylist, VideoPlayerDialogPlaylistHeader, VideoPlayerDialogPlaylistIndicator, VideoPlayerDialogPlaylistItem, VideoPlayerDialogPlaylistList, VideoPlayerDialogTitle, VideoPlayerDialogTrigger, videoPlayerDialogSurfaceVariants };

package/dist/waterfall-chart.d.ts

@@ -1,4 +1,4 @@
-import { t as ComponentSize } from "./size-context-D4mYvcg8.js";
+import { t as ComponentSize } from "./size-context-BX6kAdVj.js";
 import { ChartCard, ChartValueType } from "./chart.js";
 import * as React from "react";
 //#region src/waterfall-chart.d.ts

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@giddaa-housing/ui",
-  "version": "3.0.1",
+  "version": "3.2.0",
   "description": "Giddaa reusable UI component library.",
   "type": "module",
   "private": false,
@@ -165,6 +165,10 @@
       "types": "./dist/heatmap-chart.d.ts",
       "import": "./dist/heatmap-chart.js"
     },
+    "./icons": {
+      "types": "./dist/icons.d.ts",
+      "import": "./dist/icons.js"
+    },
     "./infotip": {
       "types": "./dist/infotip.d.ts",
       "import": "./dist/infotip.js"
@@ -217,6 +221,10 @@
       "types": "./dist/map-indicator.d.ts",
       "import": "./dist/map-indicator.js"
     },
+    "./mask-input": {
+      "types": "./dist/mask-input.d.ts",
+      "import": "./dist/mask-input.js"
+    },
     "./media-gallery-hero": {
       "types": "./dist/media-gallery-hero.d.ts",
       "import": "./dist/media-gallery-hero.js"
@@ -225,10 +233,18 @@
       "types": "./dist/media-player.d.ts",
       "import": "./dist/media-player.js"
     },
+    "./video-player-dialog": {
+      "types": "./dist/video-player-dialog.d.ts",
+      "import": "./dist/video-player-dialog.js"
+    },
     "./message": {
       "types": "./dist/message.d.ts",
       "import": "./dist/message.js"
     },
+    "./mobile-sidebar": {
+      "types": "./dist/mobile-sidebar.d.ts",
+      "import": "./dist/mobile-sidebar.js"
+    },
     "./multi-step-form": {
       "types": "./dist/multi-step-form.d.ts",
       "import": "./dist/multi-step-form.js"
@@ -369,6 +385,10 @@
       "types": "./dist/testimonial-block.d.ts",
       "import": "./dist/testimonial-block.js"
     },
+    "./theme-switcher": {
+      "types": "./dist/theme-switcher.d.ts",
+      "import": "./dist/theme-switcher.js"
+    },
     "./time-picker": {
       "types": "./dist/time-picker.d.ts",
       "import": "./dist/time-picker.js"
@@ -377,6 +397,10 @@
       "types": "./dist/toast.d.ts",
       "import": "./dist/toast.js"
     },
+    "./top-navbar": {
+      "types": "./dist/top-navbar.d.ts",
+      "import": "./dist/top-navbar.js"
+    },
     "./tooltip": {
       "types": "./dist/tooltip.d.ts",
       "import": "./dist/tooltip.js"
@@ -411,7 +435,6 @@
     "clsx": "^2.1.1",
     "embla-carousel-react": "^8.6.0",
     "libphonenumber-js": "^1.12.43",
-    "lucide-react": "^0.545.0",
     "media-chrome": "^4.19.2",
     "react-day-picker": "^9.14.0",
     "react-phone-number-input": "^3.4.16",