@giddaa-housing/ui 3.0.0 → 3.1.0

package/dist/mobile-sidebar.js

@@ -0,0 +1,196 @@
+"use client";
+import { t as cn } from "./cn-BI_4DMBf.js";
+import { Collapsible, CollapsibleContent, CollapsibleTrigger } from "./collapsible.js";
+import { Sheet, SheetBody, SheetClose, SheetContent, SheetFooter, SheetHeader, SheetTitle, SheetTrigger } from "./sheet.js";
+import { ChevronDownIcon, MenuIcon, XIcon } 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";
+//#region src/mobile-sidebar.tsx
+function MobileSidebarRoot(props) {
+	return /* @__PURE__ */ jsx(Sheet, { ...props });
+}
+function MobileSidebarTrigger({ className, children, ...props }) {
+	return /* @__PURE__ */ jsx(SheetTrigger, {
+		"data-slot": "mobile-sidebar-trigger",
+		className: cn("inline-flex size-10 items-center justify-center rounded-lg text-fg-secondary outline-none transition-[background-color,color,translate] duration-(--duration-motion-press) ease-gdt-out hover:bg-surface hover:text-fg-primary focus-visible:shadow-[0_0_0_2px_var(--color-line-focus)] active:translate-y-px motion-reduce:active:translate-y-0", className),
+		...props,
+		children: children ?? /* @__PURE__ */ jsx(MenuIcon, {
+			"aria-hidden": "true",
+			className: "size-6"
+		})
+	});
+}
+function MobileSidebarContent({ className, showCloseButton = false, ...props }) {
+	return /* @__PURE__ */ jsx(SheetContent, {
+		"data-slot": "mobile-sidebar-content",
+		side: "right",
+		size: "sm",
+		showCloseButton,
+		className: cn("h-dvh w-[min(100vw,24.375rem)] rounded-none border-y-0 border-r-0 bg-canvas [--sheet-padding-x:1.25rem] [--sheet-padding-top:0.8125rem]", className),
+		...props
+	});
+}
+function MobileSidebarHeader({ className, ...props }) {
+	return /* @__PURE__ */ jsx(SheetHeader, {
+		"data-slot": "mobile-sidebar-header",
+		className: cn("min-h-16 flex-row items-center justify-between gap-4 px-5 py-[13px]", className),
+		...props
+	});
+}
+function MobileSidebarTitle({ className, ...props }) {
+	return /* @__PURE__ */ jsx(SheetTitle, {
+		"data-slot": "mobile-sidebar-title",
+		className: cn("sr-only", className),
+		...props
+	});
+}
+function MobileSidebarClose({ className, children, ...props }) {
+	return /* @__PURE__ */ jsx(SheetClose, {
+		"data-slot": "mobile-sidebar-close",
+		className: cn("inline-flex size-8 shrink-0 items-center justify-center rounded-lg text-fg-primary outline-none transition-[background-color,translate] duration-(--duration-motion-press) ease-gdt-out hover:bg-surface focus-visible:shadow-[0_0_0_2px_var(--color-line-focus)] active:translate-y-px motion-reduce:active:translate-y-0", className),
+		...props,
+		children: children ?? /* @__PURE__ */ jsx(XIcon, {
+			"aria-hidden": "true",
+			className: "size-5"
+		})
+	});
+}
+function MobileSidebarBody({ className, ...props }) {
+	return /* @__PURE__ */ jsx(SheetBody, {
+		"data-slot": "mobile-sidebar-body",
+		className: cn("flex flex-col px-5 py-3", className),
+		...props
+	});
+}
+function MobileSidebarFooter({ className, ...props }) {
+	return /* @__PURE__ */ jsx(SheetFooter, {
+		"data-slot": "mobile-sidebar-footer",
+		className: cn("flex-col items-stretch gap-3 px-5 py-4 [&>*]:w-full", className),
+		...props
+	});
+}
+function MobileSidebarNav({ className, ...props }) {
+	return /* @__PURE__ */ jsx("nav", {
+		"data-slot": "mobile-sidebar-nav",
+		className,
+		...props
+	});
+}
+function MobileSidebarList({ className, ...props }) {
+	return /* @__PURE__ */ jsx("ul", {
+		"data-slot": "mobile-sidebar-list",
+		className: cn("flex flex-col", className),
+		...props
+	});
+}
+function MobileSidebarItem({ className, ...props }) {
+	return /* @__PURE__ */ jsx("li", {
+		"data-slot": "mobile-sidebar-item",
+		className: cn("min-w-0", className),
+		...props
+	});
+}
+function MobileSidebarLink({ active = false, icon, className, children, render, ...props }) {
+	return useRender({
+		defaultTagName: "a",
+		props: mergeProps({
+			"aria-current": active ? "page" : void 0,
+			className: cn("group/mobile-sidebar-link grid min-h-11 w-full grid-cols-1 items-center rounded-xl px-2 py-2.5 text-left text-gdt-md font-semibold text-fg-primary outline-none transition-colors hover:bg-surface focus-visible:shadow-[0_0_0_2px_var(--color-line-focus)]", active && "bg-surface-brand-subtle text-fg-brand", className),
+			children: /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs("span", {
+				className: cn("grid min-w-0 items-center", icon ? "grid-cols-[1.25rem_minmax(0,1fr)] gap-3" : "grid-cols-1"),
+				children: [icon ? /* @__PURE__ */ jsx("span", {
+					className: "flex size-5 items-center justify-center [&>svg]:size-5",
+					children: icon
+				}) : null, /* @__PURE__ */ jsx("span", {
+					className: "min-w-0 truncate",
+					children
+				})]
+			}) })
+		}, props),
+		render,
+		state: {
+			slot: "mobile-sidebar-link",
+			active
+		}
+	});
+}
+function MobileSidebarGroup({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Collapsible, {
+		"data-slot": "mobile-sidebar-group",
+		className: cn("min-w-0", className),
+		...props
+	});
+}
+function MobileSidebarGroupTrigger({ active = false, icon, className, children, ...props }) {
+	return /* @__PURE__ */ jsxs(CollapsibleTrigger, {
+		"data-slot": "mobile-sidebar-group-trigger",
+		"data-active": active || void 0,
+		className: cn("grid min-h-11 w-full grid-cols-[minmax(0,1fr)_auto] items-center gap-3 rounded-xl px-2 py-2.5 text-left text-gdt-md font-semibold text-fg-primary outline-none transition-colors hover:bg-surface focus-visible:shadow-[0_0_0_2px_var(--color-line-focus)]", active && "bg-surface-brand-subtle text-fg-brand", className),
+		...props,
+		children: [/* @__PURE__ */ jsxs("span", {
+			className: cn("grid min-w-0 items-center", icon ? "grid-cols-[1.25rem_minmax(0,1fr)] gap-3" : "grid-cols-1"),
+			children: [icon ? /* @__PURE__ */ jsx("span", {
+				className: "flex size-5 items-center justify-center [&>svg]:size-5",
+				children: icon
+			}) : null, /* @__PURE__ */ jsx("span", {
+				className: "min-w-0 truncate",
+				children
+			})]
+		}), /* @__PURE__ */ jsx(ChevronDownIcon, {
+			"aria-hidden": "true",
+			className: "size-4 shrink-0 text-current transition-transform duration-(--duration-motion-press) ease-gdt-out group-data-[panel-open]/collapsible-trigger:rotate-180 motion-reduce:transition-none"
+		})]
+	});
+}
+function MobileSidebarGroupPanel({ className, ...props }) {
+	return /* @__PURE__ */ jsx(CollapsibleContent, {
+		"data-slot": "mobile-sidebar-group-panel",
+		className: cn("overflow-hidden", className),
+		...props
+	});
+}
+function MobileSidebarSubList({ className, ...props }) {
+	return /* @__PURE__ */ jsx("ul", {
+		"data-slot": "mobile-sidebar-sub-list",
+		className: cn("ml-8 flex flex-col pb-1", className),
+		...props
+	});
+}
+function MobileSidebarSubheading({ className, ...props }) {
+	return /* @__PURE__ */ jsx("li", {
+		"data-slot": "mobile-sidebar-subheading",
+		className: cn("px-2 pt-1.5 text-gdt-capitalized font-semibold uppercase text-fg-brand", className),
+		...props
+	});
+}
+function MobileSidebarSubLink({ className, render, ...props }) {
+	return useRender({
+		defaultTagName: "a",
+		props: mergeProps({ className: cn("block rounded-lg px-2 py-1.5 text-gdt-sm font-medium text-fg-secondary outline-none transition-colors hover:bg-surface hover:text-fg-primary focus-visible:shadow-[0_0_0_2px_var(--color-line-focus)]", className) }, props),
+		render,
+		state: { slot: "mobile-sidebar-sub-link" }
+	});
+}
+const MobileSidebar = {
+	Root: MobileSidebarRoot,
+	Trigger: MobileSidebarTrigger,
+	Content: MobileSidebarContent,
+	Header: MobileSidebarHeader,
+	Title: MobileSidebarTitle,
+	Close: MobileSidebarClose,
+	Body: MobileSidebarBody,
+	Footer: MobileSidebarFooter,
+	Nav: MobileSidebarNav,
+	List: MobileSidebarList,
+	Item: MobileSidebarItem,
+	Link: MobileSidebarLink,
+	Group: MobileSidebarGroup,
+	GroupTrigger: MobileSidebarGroupTrigger,
+	GroupPanel: MobileSidebarGroupPanel,
+	SubList: MobileSidebarSubList,
+	Subheading: MobileSidebarSubheading,
+	SubLink: MobileSidebarSubLink
+};
+//#endregion
+export { MobileSidebar, MobileSidebarBody, MobileSidebarClose, MobileSidebarContent, MobileSidebarFooter, MobileSidebarGroup, MobileSidebarGroupPanel, MobileSidebarGroupTrigger, MobileSidebarHeader, MobileSidebarItem, MobileSidebarLink, MobileSidebarList, MobileSidebarNav, MobileSidebarRoot, MobileSidebarSubLink, MobileSidebarSubList, MobileSidebarSubheading, MobileSidebarTitle, MobileSidebarTrigger };

package/dist/number-input.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 * as React from "react";
 import { NumberFieldRootProps } from "@base-ui/react/number-field";
 //#region src/number-input.d.ts

package/dist/number-input.js

@@ -1,3 +1,4 @@
+"use client";
 import { t as cn } from "./cn-BI_4DMBf.js";
 import { SizeProvider, useComponentSize } from "./size-context.js";
 import { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput } from "./input-group.js";

package/dist/password-input.js

@@ -1,3 +1,4 @@
+"use client";
 import { t as cn } from "./cn-BI_4DMBf.js";
 import { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput } from "./input-group.js";
 import { Eye, EyeOff } from "lucide-react";

package/dist/phone-input.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 * as React from "react";
 import { CountryCode } from "libphonenumber-js";
 //#region src/phone-input.d.ts

package/dist/pie-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 { ChartConfig } from "./chart.js";
 import * as React from "react";
 import { Pie, PieChart as PieChart$1 } from "recharts";

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

package/dist/property-listing-card.js

@@ -1,3 +1,4 @@
+"use client";
 import { t as cn } from "./cn-BI_4DMBf.js";
 import { Button, ButtonLink } from "./button.js";
 import { Carousel, CarouselContent, CarouselIndicator, CarouselItem } from "./carousel.js";

package/dist/purchase-option-card.js

@@ -1,3 +1,4 @@
+"use client";
 import { t as cn } from "./cn-BI_4DMBf.js";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { mergeProps } from "@base-ui/react/merge-props";

package/dist/radar-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 { ChartConfig } from "./chart.js";
 import * as React from "react";
 import { PolarAngleAxis, PolarGrid, PolarRadiusAxis, Radar, RadarChart as RadarChart$1 } from "recharts";

package/dist/review-block.js

@@ -1,3 +1,4 @@
+"use client";
 import { t as cn } from "./cn-BI_4DMBf.js";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { mergeProps } from "@base-ui/react/merge-props";

package/dist/rich-text-editor.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 * as React from "react";
 //#region src/rich-text-editor.d.ts
 interface RichTextEditorProps {

package/dist/scatter-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 { ChartConfig } from "./chart.js";
 import * as React from "react";
 import { CartesianGrid, Scatter, ScatterChart as ScatterChart$1, XAxis, YAxis } from "recharts";

package/dist/search-input.js

@@ -1,3 +1,4 @@
+"use client";
 import { t as cn } from "./cn-BI_4DMBf.js";
 import { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput } from "./input-group.js";
 import { Search, X } from "lucide-react";

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

package/dist/{size-context-D4mYvcg8.d.ts → size-context-BX6kAdVj.d.ts}

@@ -1,10 +1,11 @@
 import { ReactNode } from "react";
 //#region src/size-context.d.ts
 type ComponentSize = "sm" | "md" | "lg";
+declare function useInheritedComponentSize(): ComponentSize | undefined;
 declare function SizeProvider({ children, size }: {
   children: ReactNode;
   size?: ComponentSize | null;
 }): import("react").JSX.Element;
 declare function useComponentSize(size?: ComponentSize | null, fallback?: ComponentSize): ComponentSize;
 //#endregion
-export { SizeProvider as n, useComponentSize as r, ComponentSize as t };
+export { useInheritedComponentSize as i, SizeProvider as n, useComponentSize as r, ComponentSize as t };

package/dist/size-context.d.ts

@@ -1,2 +1,2 @@
-import { n as SizeProvider, r as useComponentSize, t as ComponentSize } from "./size-context-D4mYvcg8.js";
-export { type ComponentSize, SizeProvider, useComponentSize };
+import { i as useInheritedComponentSize, n as SizeProvider, r as useComponentSize, t as ComponentSize } from "./size-context-BX6kAdVj.js";
+export { type ComponentSize, SizeProvider, useComponentSize, useInheritedComponentSize };

package/dist/size-context.js

@@ -3,6 +3,9 @@ import { Fragment, jsx } from "react/jsx-runtime";
 import { createContext, useContext } from "react";
 //#region src/size-context.tsx
 const SizeContext = createContext(void 0);
+function useInheritedComponentSize() {
+	return useContext(SizeContext);
+}
 function SizeProvider({ children, size }) {
 	if (!size) return /* @__PURE__ */ jsx(Fragment, { children });
 	return /* @__PURE__ */ jsx(SizeContext.Provider, {
@@ -11,8 +14,8 @@ function SizeProvider({ children, size }) {
 	});
 }
 function useComponentSize(size, fallback = "md") {
-	const inheritedSize = useContext(SizeContext);
+	const inheritedSize = useInheritedComponentSize();
 	return size ?? inheritedSize ?? fallback;
 }
 //#endregion
-export { SizeProvider, useComponentSize };
+export { SizeProvider, useComponentSize, useInheritedComponentSize };

package/dist/sparkline.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 { ChartContainer, ChartValueType } from "./chart.js";
 import * as React from "react";
 //#region src/sparkline.d.ts

package/dist/stepper.js

@@ -1,3 +1,4 @@
+"use client";
 import { t as cn } from "./cn-BI_4DMBf.js";
 import { CheckIcon } from "lucide-react";
 import { jsx, jsxs } from "react/jsx-runtime";