@giddaa-housing/ui 3.0.1 → 3.1.0

package/dist/table.js

@@ -16,7 +16,7 @@ function getPinnedDividerClassName(pinnedSide) {
 function Table({ className, containerClassName, ...props }) {
 	return /* @__PURE__ */ jsx("div", {
 		"data-slot": "table-container",
-		className: cn("relative w-full overflow-x-auto rounded-2xl border border-line-subtle bg-canvas", containerClassName),
+		className: cn("relative isolate w-full overflow-x-auto rounded-2xl border border-line-subtle bg-canvas", containerClassName),
 		children: /* @__PURE__ */ jsx("table", {
 			"data-slot": "table",
 			className: cn("min-w-full caption-bottom", className),
@@ -79,7 +79,7 @@ function TableRow({ className, ...props }) {
 function TableHead({ className, pinnedSide, ...props }) {
 	return /* @__PURE__ */ jsx("th", {
 		"data-slot": "table-head",
-		className: cn("relative h-14 px-6 py-4 text-left align-middle bg-surface-raised", "text-gdt-sm font-semibold text-fg-secondary", "break-words has-[[role=checkbox]]:pr-0", getPinnedDividerClassName(pinnedSide), className),
+		className: cn("relative h-14 px-6 py-4 text-left align-middle bg-surface-raised first:rounded-tl-2xl last:rounded-tr-2xl", "text-gdt-sm font-semibold text-fg-secondary", "break-words has-[[role=checkbox]]:pr-0", getPinnedDividerClassName(pinnedSide), className),
 		...props
 	});
 }

package/dist/tabs.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 { ComponentPropsWithoutRef } from "react";
 import { Tabs as Tabs$1 } from "@base-ui/react/tabs";
 //#region src/tabs.d.ts

package/dist/tag.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 { ButtonHTMLAttributes, MouseEvent, ReactNode } from "react";
 //#region src/tag.d.ts
 declare const tagVariants: (props?: ({

package/dist/top-navbar.d.ts

@@ -0,0 +1,100 @@
+import { useRender } from "@base-ui/react/use-render";
+import * as React from "react";
+import { NavigationMenu } from "@base-ui/react/navigation-menu";
+//#region src/top-navbar.d.ts
+type TopNavbarRootProps = React.ComponentProps<"header">;
+declare function TopNavbarRoot({ className, children, ...props }: TopNavbarRootProps): React.JSX.Element;
+declare function TopNavbarContainer({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function TopNavbarLeading({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function TopNavbarBrand({ className, render, ...props }: useRender.ComponentProps<"a">): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
+declare function TopNavbarNavigation({ className, ...props }: NavigationMenu.Root.Props): React.JSX.Element;
+declare function TopNavbarList({ className, ...props }: NavigationMenu.List.Props): React.JSX.Element;
+declare function TopNavbarItem(props: NavigationMenu.Item.Props): React.JSX.Element;
+type TopNavbarTriggerProps = NavigationMenu.Trigger.Props & {
+  active?: boolean;
+};
+declare function TopNavbarTrigger({ active, className, children, ...props }: TopNavbarTriggerProps): React.JSX.Element;
+type TopNavbarLinkProps = NavigationMenu.Link.Props & {
+  active?: boolean;
+};
+declare function TopNavbarLink({ active, className, ...props }: TopNavbarLinkProps): React.JSX.Element;
+declare function TopNavbarContent({ className, ...props }: NavigationMenu.Content.Props): React.JSX.Element;
+declare function TopNavbarMenuGrid({ className, ...props }: React.ComponentProps<"ul">): React.JSX.Element;
+type TopNavbarMenuLinkProps = NavigationMenu.Link.Props & {
+  featured?: boolean;
+  showArrow?: boolean;
+};
+declare function TopNavbarMenuLink({ featured, showArrow, className, children, ...props }: TopNavbarMenuLinkProps): React.JSX.Element;
+declare function TopNavbarMenuIcon({ featured, className, ...props }: React.ComponentProps<"span"> & {
+  featured?: boolean;
+}): React.JSX.Element;
+declare function TopNavbarMenuText({ className, ...props }: React.ComponentProps<"span">): React.JSX.Element;
+declare function TopNavbarMenuTitle({ className, ...props }: React.ComponentProps<"span">): React.JSX.Element;
+declare function TopNavbarMenuDescription({ className, ...props }: React.ComponentProps<"span">): React.JSX.Element;
+type TopNavbarViewportProps = Omit<NavigationMenu.Popup.Props, "className"> & {
+  className?: string;
+  portalProps?: NavigationMenu.Portal.Props;
+  positionerProps?: Omit<NavigationMenu.Positioner.Props, "className"> & {
+    className?: string;
+  };
+  viewportProps?: Omit<NavigationMenu.Viewport.Props, "className"> & {
+    className?: string;
+  };
+};
+declare function TopNavbarViewport({ className, children, portalProps, positionerProps, viewportProps, ...props }: TopNavbarViewportProps): React.JSX.Element;
+declare function TopNavbarActions({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function TopNavbarActionGroup({ className, surface, ...props }: React.ComponentProps<"div"> & {
+  surface?: boolean;
+}): React.JSX.Element;
+declare function TopNavbarActionLink({ className, render, ...props }: useRender.ComponentProps<"a">): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
+type TopNavbarMenuItem = {
+  title: string;
+  description?: string;
+  href: string;
+  icon?: React.ReactNode;
+  featured?: boolean;
+  render?: React.ReactElement;
+};
+type TopNavbarItemData = {
+  label: string;
+  href: string;
+  active?: boolean;
+  icon?: React.ReactNode;
+  menu?: readonly TopNavbarMenuItem[];
+  render?: React.ReactElement;
+};
+type TopNavbarProps = Omit<TopNavbarRootProps, "children"> & {
+  brand: React.ReactNode;
+  brandHref?: string;
+  brandLabel?: string;
+  brandRender?: React.ReactElement;
+  items: readonly TopNavbarItemData[];
+  actions?: React.ReactNode;
+  mobileActions?: React.ReactNode;
+  mobileMenuLabel?: string;
+};
+declare function TopNavbarComponent({ brand, brandHref, brandLabel, brandRender, items, actions, mobileActions, mobileMenuLabel, ...props }: TopNavbarProps): React.JSX.Element;
+declare const TopNavbar: typeof TopNavbarComponent & {
+  Root: typeof TopNavbarRoot;
+  Container: typeof TopNavbarContainer;
+  Leading: typeof TopNavbarLeading;
+  Brand: typeof TopNavbarBrand;
+  Navigation: typeof TopNavbarNavigation;
+  List: typeof TopNavbarList;
+  Item: typeof TopNavbarItem;
+  Trigger: typeof TopNavbarTrigger;
+  Link: typeof TopNavbarLink;
+  Content: typeof TopNavbarContent;
+  MenuGrid: typeof TopNavbarMenuGrid;
+  MenuLink: typeof TopNavbarMenuLink;
+  MenuIcon: typeof TopNavbarMenuIcon;
+  MenuText: typeof TopNavbarMenuText;
+  MenuTitle: typeof TopNavbarMenuTitle;
+  MenuDescription: typeof TopNavbarMenuDescription;
+  Viewport: typeof TopNavbarViewport;
+  Actions: typeof TopNavbarActions;
+  ActionGroup: typeof TopNavbarActionGroup;
+  ActionLink: typeof TopNavbarActionLink;
+};
+//#endregion
+export { TopNavbar, TopNavbarActionGroup, TopNavbarActionLink, TopNavbarActions, TopNavbarBrand, TopNavbarContainer, TopNavbarContent, TopNavbarItem, type TopNavbarItemData, TopNavbarLeading, TopNavbarLink, TopNavbarList, TopNavbarMenuDescription, TopNavbarMenuGrid, TopNavbarMenuIcon, type TopNavbarMenuItem, TopNavbarMenuLink, TopNavbarMenuText, TopNavbarMenuTitle, TopNavbarNavigation, type TopNavbarProps, TopNavbarRoot, type TopNavbarRootProps, TopNavbarTrigger, TopNavbarViewport };

package/dist/top-navbar.js

@@ -0,0 +1,295 @@
+"use client";
+import { t as cn } from "./cn-BI_4DMBf.js";
+import { MobileSidebar } from "./mobile-sidebar.js";
+import { ArrowUpRightIcon, ChevronDownIcon } from "lucide-react";
+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(ChevronDownIcon, {
+				"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(ArrowUpRightIcon, {
+			"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/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.1.0",
   "description": "Giddaa reusable UI component library.",
   "type": "module",
   "private": false,
@@ -217,6 +217,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"
@@ -229,6 +233,10 @@
       "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"
@@ -377,6 +385,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"