@giddaa-housing/ui 3.0.1 → 3.2.0

package/dist/dropdown-menu.js

@@ -1,15 +1,15 @@
 "use client";
+import { Check, ChevronRight } from "./icons.js";
 import { t as cn } from "./cn-BI_4DMBf.js";
 import { SizeProvider, useComponentSize } from "./size-context.js";
-import { CheckIcon, ChevronRightIcon } from "lucide-react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { cva } from "class-variance-authority";
-import { Menu as Menu$1 } from "@base-ui/react/menu";
+import { Menu } from "@base-ui/react/menu";
 //#region src/dropdown-menu.tsx
 function DropdownMenu({ children, size, ...props }) {
 	return /* @__PURE__ */ jsx(SizeProvider, {
 		size,
-		children: /* @__PURE__ */ jsx(Menu$1.Root, {
+		children: /* @__PURE__ */ jsx(Menu.Root, {
 			"data-slot": "dropdown-menu",
 			...props,
 			children
@@ -17,13 +17,13 @@ function DropdownMenu({ children, size, ...props }) {
 	});
 }
 function DropdownMenuPortal({ ...props }) {
-	return /* @__PURE__ */ jsx(Menu$1.Portal, {
+	return /* @__PURE__ */ jsx(Menu.Portal, {
 		"data-slot": "dropdown-menu-portal",
 		...props
 	});
 }
 function DropdownMenuTrigger({ ...props }) {
-	return /* @__PURE__ */ jsx(Menu$1.Trigger, {
+	return /* @__PURE__ */ jsx(Menu.Trigger, {
 		"data-slot": "dropdown-menu-trigger",
 		...props
 	});
@@ -54,15 +54,15 @@ const dropdownMenuLabelVariants = cva("font-medium text-fg-secondary data-inset:
 });
 function DropdownMenuContent({ align = "start", alignOffset = 0, side = "bottom", sideOffset = 6, className, container, ...props }) {
 	const resolvedSize = useComponentSize();
-	return /* @__PURE__ */ jsx(Menu$1.Portal, {
+	return /* @__PURE__ */ jsx(Menu.Portal, {
 		container,
-		children: /* @__PURE__ */ jsx(Menu$1.Positioner, {
+		children: /* @__PURE__ */ jsx(Menu.Positioner, {
 			className: "isolate z-50 outline-none",
 			align,
 			alignOffset,
 			side,
 			sideOffset,
-			children: /* @__PURE__ */ jsx(Menu$1.Popup, {
+			children: /* @__PURE__ */ jsx(Menu.Popup, {
 				"data-slot": "dropdown-menu-content",
 				"data-size": resolvedSize,
 				className: cn(dropdownMenuContentVariants({ size: resolvedSize }), className),
@@ -72,7 +72,7 @@ function DropdownMenuContent({ align = "start", alignOffset = 0, side = "bottom"
 	});
 }
 function DropdownMenuGroup({ className, ...props }) {
-	return /* @__PURE__ */ jsx(Menu$1.Group, {
+	return /* @__PURE__ */ jsx(Menu.Group, {
 		"data-slot": "dropdown-menu-group",
 		className: cn("scroll-my-1 space-y-0.5", className),
 		...props
@@ -80,7 +80,7 @@ function DropdownMenuGroup({ className, ...props }) {
 }
 function DropdownMenuLabel({ className, inset, ...props }) {
 	const resolvedSize = useComponentSize();
-	return /* @__PURE__ */ jsx(Menu$1.GroupLabel, {
+	return /* @__PURE__ */ jsx(Menu.GroupLabel, {
 		"data-slot": "dropdown-menu-label",
 		"data-inset": inset,
 		className: cn(dropdownMenuLabelVariants({ size: resolvedSize }), className),
@@ -89,7 +89,7 @@ function DropdownMenuLabel({ className, inset, ...props }) {
 }
 function DropdownMenuItem({ className, inset, variant = "default", ...props }) {
 	const resolvedSize = useComponentSize();
-	return /* @__PURE__ */ jsx(Menu$1.Item, {
+	return /* @__PURE__ */ jsx(Menu.Item, {
 		"data-slot": "dropdown-menu-item",
 		"data-inset": inset,
 		"data-size": resolvedSize,
@@ -99,20 +99,20 @@ function DropdownMenuItem({ className, inset, variant = "default", ...props }) {
 	});
 }
 function DropdownMenuSub({ ...props }) {
-	return /* @__PURE__ */ jsx(Menu$1.SubmenuRoot, {
+	return /* @__PURE__ */ jsx(Menu.SubmenuRoot, {
 		"data-slot": "dropdown-menu-sub",
 		...props
 	});
 }
 function DropdownMenuSubTrigger({ className, inset, children, ...props }) {
 	const resolvedSize = useComponentSize();
-	return /* @__PURE__ */ jsxs(Menu$1.SubmenuTrigger, {
+	return /* @__PURE__ */ jsxs(Menu.SubmenuTrigger, {
 		"data-slot": "dropdown-menu-sub-trigger",
 		"data-inset": inset,
 		"data-size": resolvedSize,
 		className: cn(dropdownMenuItemVariants({ size: resolvedSize }), "data-inset:pl-8 data-open:bg-surface data-open:text-fg-primary data-popup-open:bg-surface data-popup-open:text-fg-primary", className),
 		...props,
-		children: [children, /* @__PURE__ */ jsx(ChevronRightIcon, { className: "cn-rtl-flip ml-auto" })]
+		children: [children, /* @__PURE__ */ jsx(ChevronRight, { className: "cn-rtl-flip ml-auto" })]
 	});
 }
 function DropdownMenuSubContent({ align = "start", alignOffset = -3, side = "right", sideOffset = 4, className, ...props }) {
@@ -128,7 +128,7 @@ function DropdownMenuSubContent({ align = "start", alignOffset = -3, side = "rig
 }
 function DropdownMenuCheckboxItem({ className, children, checked, inset, ...props }) {
 	const resolvedSize = useComponentSize();
-	return /* @__PURE__ */ jsxs(Menu$1.CheckboxItem, {
+	return /* @__PURE__ */ jsxs(Menu.CheckboxItem, {
 		"data-slot": "dropdown-menu-checkbox-item",
 		"data-inset": inset,
 		"data-size": resolvedSize,
@@ -138,19 +138,19 @@ function DropdownMenuCheckboxItem({ className, children, checked, inset, ...prop
 		children: [/* @__PURE__ */ jsx("span", {
 			className: "pointer-events-none absolute right-3 flex items-center justify-center text-fg-brand",
 			"data-slot": "dropdown-menu-checkbox-item-indicator",
-			children: /* @__PURE__ */ jsx(Menu$1.CheckboxItemIndicator, { children: /* @__PURE__ */ jsx(CheckIcon, {}) })
+			children: /* @__PURE__ */ jsx(Menu.CheckboxItemIndicator, { children: /* @__PURE__ */ jsx(Check, {}) })
 		}), children]
 	});
 }
 function DropdownMenuRadioGroup({ ...props }) {
-	return /* @__PURE__ */ jsx(Menu$1.RadioGroup, {
+	return /* @__PURE__ */ jsx(Menu.RadioGroup, {
 		"data-slot": "dropdown-menu-radio-group",
 		...props
 	});
 }
 function DropdownMenuRadioItem({ className, children, inset, ...props }) {
 	const resolvedSize = useComponentSize();
-	return /* @__PURE__ */ jsxs(Menu$1.RadioItem, {
+	return /* @__PURE__ */ jsxs(Menu.RadioItem, {
 		"data-slot": "dropdown-menu-radio-item",
 		"data-inset": inset,
 		"data-size": resolvedSize,
@@ -159,12 +159,12 @@ function DropdownMenuRadioItem({ className, children, inset, ...props }) {
 		children: [/* @__PURE__ */ jsx("span", {
 			className: "pointer-events-none absolute right-3 flex items-center justify-center text-fg-brand",
 			"data-slot": "dropdown-menu-radio-item-indicator",
-			children: /* @__PURE__ */ jsx(Menu$1.RadioItemIndicator, { children: /* @__PURE__ */ jsx(CheckIcon, {}) })
+			children: /* @__PURE__ */ jsx(Menu.RadioItemIndicator, { children: /* @__PURE__ */ jsx(Check, {}) })
 		}), children]
 	});
 }
 function DropdownMenuSeparator({ className, ...props }) {
-	return /* @__PURE__ */ jsx(Menu$1.Separator, {
+	return /* @__PURE__ */ jsx(Menu.Separator, {
 		"data-slot": "dropdown-menu-separator",
 		className: cn("pointer-events-none my-1 h-px bg-line-subtle", className),
 		...props

package/dist/dropzone.js

@@ -1,6 +1,6 @@
 "use client";
+import { UploadCloud } from "./icons.js";
 import { t as cn } from "./cn-BI_4DMBf.js";
-import { UploadCloud } from "lucide-react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { createContext, use, useCallback, useRef, useState } from "react";
 //#region src/lib/use-file-picker.ts

package/dist/editorial-card.d.ts

@@ -1,17 +1,18 @@
 import { useRender } from "@base-ui/react/use-render";
 import { VariantProps } from "class-variance-authority";
+import * as React from "react";
 //#region src/editorial-card.d.ts
 declare const editorialCardVariants: (props?: ({
   size?: "lg" | "md" | "sm" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 type EditorialCardProps = useRender.ComponentProps<"article"> & VariantProps<typeof editorialCardVariants>;
-declare function EditorialCard({ className, render, size, ...props }: EditorialCardProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
-declare function EditorialCardHeader({ className, render, ...props }: useRender.ComponentProps<"div">): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
-declare function EditorialCardMeta({ className, render, ...props }: useRender.ComponentProps<"p">): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
-declare function EditorialCardTitle({ className, render, ...props }: useRender.ComponentProps<"h3">): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
-declare function EditorialCardMedia({ className, render, ...props }: useRender.ComponentProps<"div">): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
-declare function EditorialCardCategory({ className, render, ...props }: useRender.ComponentProps<"span">): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
-declare function EditorialCardPlayButton({ className, render, children, "aria-label": ariaLabel, ...props }: useRender.ComponentProps<"button">): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+declare function EditorialCard({ className, render, size, ...props }: EditorialCardProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
+declare function EditorialCardHeader({ className, render, ...props }: useRender.ComponentProps<"div">): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
+declare function EditorialCardMeta({ className, render, ...props }: useRender.ComponentProps<"p">): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
+declare function EditorialCardTitle({ className, render, ...props }: useRender.ComponentProps<"h3">): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
+declare function EditorialCardMedia({ className, render, ...props }: useRender.ComponentProps<"div">): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
+declare function EditorialCardCategory({ className, render, ...props }: useRender.ComponentProps<"span">): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
+declare function EditorialCardPlayButton({ className, render, children, "aria-label": ariaLabel, ...props }: useRender.ComponentProps<"button">): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
 type EditorialCardAttributionProps = Omit<useRender.ComponentProps<"div">, "children"> & {
   authorName: string;
   brand?: {
@@ -20,8 +21,16 @@ type EditorialCardAttributionProps = Omit<useRender.ComponentProps<"div">, "chil
   };
   prefix?: string;
 };
-declare function EditorialCardAttribution({ authorName, brand, className, prefix, render, ...props }: EditorialCardAttributionProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
-declare function EditorialCardExcerpt({ className, render, ...props }: useRender.ComponentProps<"p">): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
-declare function EditorialCardLink({ className, render, children, ...props }: useRender.ComponentProps<"a">): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+declare function EditorialCardAttribution({ authorName, brand, className, prefix, render, ...props }: EditorialCardAttributionProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
+type EditorialCardRatingProps = Omit<useRender.ComponentProps<"div">, "children"> & {
+  rating: number;
+  source?: React.ReactNode;
+  totalReviews?: number;
+  reviewLabel?: string;
+  showScore?: boolean;
+};
+declare function EditorialCardRating({ className, rating, render, reviewLabel, showScore, source, totalReviews, ...props }: EditorialCardRatingProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
+declare function EditorialCardExcerpt({ className, render, ...props }: useRender.ComponentProps<"p">): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
+declare function EditorialCardLink({ className, render, children, ...props }: useRender.ComponentProps<"a">): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
 //#endregion
-export { EditorialCard, EditorialCardAttribution, type EditorialCardAttributionProps, EditorialCardCategory, EditorialCardExcerpt, EditorialCardHeader, EditorialCardLink, EditorialCardMedia, EditorialCardMeta, EditorialCardPlayButton, type EditorialCardProps, EditorialCardTitle, editorialCardVariants };
+export { EditorialCard, EditorialCardAttribution, type EditorialCardAttributionProps, EditorialCardCategory, EditorialCardExcerpt, EditorialCardHeader, EditorialCardLink, EditorialCardMedia, EditorialCardMeta, EditorialCardPlayButton, type EditorialCardProps, EditorialCardRating, type EditorialCardRatingProps, EditorialCardTitle, editorialCardVariants };

package/dist/editorial-card.js

@@ -1,13 +1,20 @@
 "use client";
+import { ArrowRight, Play, Star } from "./icons.js";
 import { t as cn } from "./cn-BI_4DMBf.js";
 import { Avatar, AvatarFallback, AvatarImage } from "./avatar.js";
 import { buttonVariants } from "./button.js";
-import { ArrowRight, Play } 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 { cva } from "class-variance-authority";
 //#region src/editorial-card.tsx
+const STAR_INDEXES = [
+	0,
+	1,
+	2,
+	3,
+	4
+];
 const editorialCardVariants = cva("group/editorial-card relative flex w-full min-w-0 flex-col overflow-hidden rounded-2xl border border-line-subtle bg-surface text-fg-primary transition-[background-color,border-color,box-shadow]", {
 	variants: { size: {
 		sm: "gap-2.5 p-4",
@@ -119,6 +126,64 @@ function EditorialCardAttribution({ authorName, brand, className, prefix = "By",
 		state: { slot: "editorial-card-attribution" }
 	});
 }
+function clampRating(rating) {
+	return Math.min(5, Math.max(0, rating));
+}
+function formatRating(rating) {
+	return clampRating(rating).toFixed(1);
+}
+function formatReviewSource({ reviewLabel, source, totalReviews }) {
+	const label = reviewLabel ?? (totalReviews === 1 ? "review" : "reviews");
+	if (source && typeof totalReviews === "number") return /* @__PURE__ */ jsxs(Fragment, { children: [
+		totalReviews.toLocaleString(),
+		" ",
+		source,
+		" ",
+		label
+	] });
+	if (source) return source;
+	if (typeof totalReviews === "number") return `${totalReviews.toLocaleString()} ${label}`;
+	return null;
+}
+function EditorialCardRating({ className, rating, render, reviewLabel, showScore = true, source, totalReviews, ...props }) {
+	const formattedRating = formatRating(rating);
+	const roundedRating = Math.round(clampRating(rating));
+	const reviewSource = formatReviewSource({
+		reviewLabel,
+		source,
+		totalReviews
+	});
+	return useRender({
+		defaultTagName: "div",
+		props: mergeProps({
+			className: cn("flex min-w-0 flex-wrap items-center gap-gdt-sm text-fg-primary", className),
+			children: /* @__PURE__ */ jsxs(Fragment, { children: [
+				showScore ? /* @__PURE__ */ jsx("span", {
+					className: "font-bold text-gdt-sm group-data-[size=md]/editorial-card:text-gdt-md group-data-[size=lg]/editorial-card:text-gdt-lg",
+					children: formattedRating
+				}) : null,
+				/* @__PURE__ */ jsx("span", {
+					"aria-label": `${formattedRating} out of 5`,
+					className: cn("inline-flex shrink-0 items-center gap-0.5 text-surface-accent", "[&>svg]:size-4 group-data-[size=md]/editorial-card:[&>svg]:size-4.5 group-data-[size=lg]/editorial-card:[&>svg]:size-5"),
+					role: "img",
+					children: STAR_INDEXES.map((index) => /* @__PURE__ */ jsx(Star, {
+						"aria-hidden": "true",
+						fill: index < roundedRating ? "currentColor" : "none"
+					}, index))
+				}),
+				reviewSource ? /* @__PURE__ */ jsx("span", {
+					className: "text-gdt-xs text-fg-secondary group-data-[size=lg]/editorial-card:text-gdt-sm",
+					children: reviewSource
+				}) : null
+			] })
+		}, props),
+		render,
+		state: {
+			rating: formattedRating,
+			slot: "editorial-card-rating"
+		}
+	});
+}
 function EditorialCardExcerpt({ className, render, ...props }) {
 	return useRender({
 		defaultTagName: "p",
@@ -142,4 +207,4 @@ function EditorialCardLink({ className, render, children, ...props }) {
 	});
 }
 //#endregion
-export { EditorialCard, EditorialCardAttribution, EditorialCardCategory, EditorialCardExcerpt, EditorialCardHeader, EditorialCardLink, EditorialCardMedia, EditorialCardMeta, EditorialCardPlayButton, EditorialCardTitle, editorialCardVariants };
+export { EditorialCard, EditorialCardAttribution, EditorialCardCategory, EditorialCardExcerpt, EditorialCardHeader, EditorialCardLink, EditorialCardMedia, EditorialCardMeta, EditorialCardPlayButton, EditorialCardRating, EditorialCardTitle, editorialCardVariants };

package/dist/file-upload.js

@@ -1,7 +1,7 @@
 "use client";
+import { File, X } from "./icons.js";
 import { t as cn } from "./cn-BI_4DMBf.js";
 import { CircularProgress, Progress, ProgressValue } from "./progress.js";
-import { File, X } from "lucide-react";
 import { jsx } from "react/jsx-runtime";
 import { createContext, useContext } from "react";
 //#region src/file-upload.tsx

package/dist/filter.js

@@ -1,10 +1,10 @@
 "use client";
+import { Plus, X } from "./icons.js";
 import { t as cn } from "./cn-BI_4DMBf.js";
 import { Button } from "./button.js";
 import { Input } from "./input.js";
 import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "./select.js";
 import { Field, FieldError } from "./field.js";
-import { Plus, X } from "lucide-react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
 //#region src/filter.tsx

package/dist/footer.d.ts

@@ -1,4 +1,4 @@
-import { InputGroup } from "./input-group.js";
+import { n as InputSize } from "./input-CfoEJ8A6.js";
 import { useRender } from "@base-ui/react/use-render";
 import * as React from "react";
 //#region src/footer.d.ts
@@ -33,7 +33,9 @@ declare function FooterSocialLink({ className, ...props }: React.ComponentProps<
 declare function FooterNewsletter({ className, ...props }: React.ComponentProps<"form">): React.JSX.Element;
 declare function FooterNewsletterTitle({ className, ...props }: React.ComponentProps<"h3">): React.JSX.Element;
 declare function FooterNewsletterDescription({ className, ...props }: React.ComponentProps<"p">): React.JSX.Element;
-declare function FooterNewsletterControl({ className, children, ...props }: React.ComponentProps<typeof InputGroup>): React.JSX.Element;
+declare function FooterNewsletterControl({ className, children, size, ...props }: React.ComponentProps<"div"> & {
+  size?: InputSize;
+}): React.JSX.Element;
 declare function FooterBottom({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
 declare function FooterLegalLinks({ className, ...props }: React.ComponentProps<"nav">): React.JSX.Element;
 //#endregion

package/dist/footer.js

@@ -1,6 +1,8 @@
 "use client";
+import { ChevronRight } from "./icons.js";
 import { t as cn } from "./cn-BI_4DMBf.js";
-import { InputGroup, InputGroupButton, InputGroupInput } from "./input-group.js";
+import { Button } from "./button.js";
+import { Input } from "./input.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";
@@ -12,7 +14,7 @@ function FooterRoot({ className, containerClassName, children, ...props }) {
 		...props,
 		children: /* @__PURE__ */ jsx("div", {
 			"data-slot": "footer-container",
-			className: cn("mx-auto flex w-full max-w-7xl flex-col", containerClassName),
+			className: cn("flex w-full flex-col", containerClassName),
 			children
 		})
 	});
@@ -20,70 +22,70 @@ function FooterRoot({ className, containerClassName, children, ...props }) {
 function FooterCta({ className, ...props }) {
 	return /* @__PURE__ */ jsx("section", {
 		"data-slot": "footer-cta",
-		className: cn("grid gap-gdt-xl bg-surface-brand px-gdt-xl py-gdt-4xl text-fg-on-brand md:grid-cols-[minmax(0,1fr)_auto] md:items-center md:px-gdt-5xl", className),
+		className: cn("grid gap-5 bg-surface-brand px-5 py-gdt-3xl text-fg-on-brand md:px-gdt-6xl md:py-gdt-5xl xl:grid-cols-[minmax(0,1fr)_auto] xl:items-center", className),
 		...props
 	});
 }
 function FooterCtaContent({ className, ...props }) {
 	return /* @__PURE__ */ jsx("div", {
 		"data-slot": "footer-cta-content",
-		className: cn("flex max-w-145 flex-col gap-2 md:gap-3", className),
+		className: cn("flex max-w-140 flex-col gap-5 xl:gap-3", className),
 		...props
 	});
 }
 function FooterCtaTitle({ className, ...props }) {
 	return /* @__PURE__ */ jsx("h2", {
 		"data-slot": "footer-cta-title",
-		className: cn("text-gdt-h5 text-current md:text-gdt-h4", className),
+		className: cn("text-gdt-h3 leading-10 text-current md:leading-[3.25rem]", className),
 		...props
 	});
 }
 function FooterCtaDescription({ className, ...props }) {
 	return /* @__PURE__ */ jsx("p", {
 		"data-slot": "footer-cta-description",
-		className: cn("text-gdt-sm text-current", className),
+		className: cn("text-gdt-sm text-current opacity-85 md:text-gdt-md", className),
 		...props
 	});
 }
 function FooterCtaActions({ className, ...props }) {
 	return /* @__PURE__ */ jsx("div", {
 		"data-slot": "footer-cta-actions",
-		className: cn("flex flex-wrap items-center gap-3 md:gap-4", className),
+		className: cn("flex w-full flex-col items-stretch gap-gdt-lg [&>*]:w-full xl:w-auto xl:flex-row xl:items-center xl:[&>*]:w-auto", className),
 		...props
 	});
 }
 function FooterBody({ className, ...props }) {
 	return /* @__PURE__ */ jsx("div", {
 		"data-slot": "footer-body",
-		className: cn("flex flex-col gap-gdt-6xl px-gdt-xl py-gdt-5xl md:px-gdt-5xl", className),
+		className: cn("flex flex-col gap-gdt-6xl px-5 py-gdt-3xl md:gap-32 md:px-gdt-6xl md:py-gdt-5xl", className),
 		...props
 	});
 }
 function FooterHeader({ className, ...props }) {
 	return /* @__PURE__ */ jsx("div", {
 		"data-slot": "footer-header",
-		className: cn("flex max-w-xl flex-col gap-gdt-sm", className),
+		className: cn("flex w-full flex-col gap-1.5 border-b border-line-subtle pb-5 md:pb-7", className),
 		...props
 	});
 }
 function FooterTitle({ className, ...props }) {
 	return /* @__PURE__ */ jsx("h2", {
 		"data-slot": "footer-title",
-		className: cn("text-gdt-h5 text-fg-primary", className),
+		className: cn("text-gdt-h4 text-fg-primary", className),
 		...props
 	});
 }
 function FooterDescription({ className, ...props }) {
 	return /* @__PURE__ */ jsx("p", {
 		"data-slot": "footer-description",
-		className: cn("text-gdt-xs text-fg-secondary", className),
+		className: cn("text-gdt-sm text-fg-secondary", className),
 		...props
 	});
 }
 function FooterNav({ className, ...props }) {
 	return /* @__PURE__ */ jsx("nav", {
 		"data-slot": "footer-nav",
-		className: cn("grid gap-x-gdt-4xl gap-y-gdt-xl sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-6", className),
+		className: cn("grid grid-cols-2 gap-gdt-3xl md:grid-cols-4 xl:grid-cols-7", className),
 		...props
 	});
 }
@@ -97,21 +99,21 @@ function FooterSection({ className, ...props }) {
 function FooterSectionTitle({ className, ...props }) {
 	return /* @__PURE__ */ jsx("h3", {
 		"data-slot": "footer-section-title",
-		className: cn("text-gdt-xs font-bold text-fg-primary", className),
+		className: cn("text-gdt-md font-bold text-fg-primary", className),
 		...props
 	});
 }
 function FooterLinkList({ className, ...props }) {
 	return /* @__PURE__ */ jsx("ul", {
 		"data-slot": "footer-link-list",
-		className: cn("flex flex-col gap-gdt-sm", className),
+		className: cn("flex flex-col gap-gdt-md", className),
 		...props
 	});
 }
 function FooterLinkItem({ className, ...props }) {
 	return /* @__PURE__ */ jsx("li", {
 		"data-slot": "footer-link-item",
-		className: cn("text-gdt-xs", className),
+		className: cn("text-gdt-sm", className),
 		...props
 	});
 }
@@ -119,10 +121,10 @@ function FooterLink({ className, children, render, showArrow = false, ...props }
 	return useRender({
 		defaultTagName: "a",
 		props: mergeProps({
-			className: cn("inline-flex items-center gap-gdt-sm text-fg-secondary transition-colors hover:text-fg-brand focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-line-focus focus-visible:ring-offset-2", className),
-			children: /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("span", { children }), showArrow && /* @__PURE__ */ jsx("span", {
+			className: cn("inline-flex items-center gap-gdt-sm text-fg-secondary underline-offset-4 transition-colors hover:text-fg-brand hover:underline focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-line-focus focus-visible:ring-offset-2", className),
+			children: /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("span", { children }), showArrow && /* @__PURE__ */ jsx(ChevronRight, {
 				"aria-hidden": "true",
-				children: "›"
+				className: "size-3.5"
 			})] })
 		}, props),
 		render,
@@ -132,21 +134,21 @@ function FooterLink({ className, children, render, showArrow = false, ...props }
 function FooterContactGrid({ className, ...props }) {
 	return /* @__PURE__ */ jsx("div", {
 		"data-slot": "footer-contact-grid",
-		className: cn("grid gap-gdt-3xl border-t border-line-subtle pt-gdt-xl md:grid-cols-[minmax(0,1fr)_minmax(18rem,25rem)]", className),
+		className: cn("grid gap-5 lg:grid-cols-[minmax(0,1fr)_28.75rem] lg:gap-gdt-5xl", className),
 		...props
 	});
 }
 function FooterContact({ className, ...props }) {
 	return /* @__PURE__ */ jsx("address", {
 		"data-slot": "footer-contact",
-		className: cn("not-italic text-gdt-xs text-fg-secondary", className),
+		className: cn("not-italic text-gdt-sm text-fg-secondary lg:order-first", className),
 		...props
 	});
 }
 function FooterContactTitle({ className, ...props }) {
 	return /* @__PURE__ */ jsx("h3", {
 		"data-slot": "footer-contact-title",
-		className: cn("mb-gdt-sm text-gdt-xs font-bold text-fg-primary", className),
+		className: cn("mb-gdt-xs text-gdt-sm font-bold text-fg-primary", className),
 		...props
 	});
 }
@@ -167,45 +169,47 @@ function FooterSocialItem({ className, ...props }) {
 function FooterSocialLink({ className, ...props }) {
 	return /* @__PURE__ */ jsx("a", {
 		"data-slot": "footer-social-link",
-		className: cn("inline-flex size-7 items-center justify-center rounded-full bg-canvas text-fg-secondary transition-colors hover:bg-surface-brand hover:text-fg-on-brand focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-line-focus focus-visible:ring-offset-2 [&>svg:not([class*='size-'])]:size-3.5", className),
+		className: cn("inline-flex size-10 items-center justify-center rounded-full bg-surface-raised text-fg-secondary transition-colors hover:bg-surface-brand hover:text-fg-on-brand focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-line-focus focus-visible:ring-offset-2 [&>svg:not([class*='size-'])]:size-4.5", className),
 		...props
 	});
 }
 function FooterNewsletter({ className, ...props }) {
 	return /* @__PURE__ */ jsx("form", {
 		"data-slot": "footer-newsletter",
-		className: cn("flex flex-col gap-gdt-md", className),
+		className: cn("flex flex-col gap-3.5", className),
 		...props
 	});
 }
 function FooterNewsletterTitle({ className, ...props }) {
 	return /* @__PURE__ */ jsx("h3", {
 		"data-slot": "footer-newsletter-title",
-		className: cn("text-gdt-xs font-bold text-fg-primary", className),
+		className: cn("text-gdt-md font-semibold text-fg-primary", className),
 		...props
 	});
 }
 function FooterNewsletterDescription({ className, ...props }) {
 	return /* @__PURE__ */ jsx("p", {
 		"data-slot": "footer-newsletter-description",
-		className: cn("text-gdt-xs text-fg-secondary", className),
+		className: cn("text-gdt-sm text-fg-secondary", className),
 		...props
 	});
 }
-function FooterNewsletterControl({ className, children, ...props }) {
-	return /* @__PURE__ */ jsx(InputGroup, {
+function FooterNewsletterControl({ className, children, size = "lg", ...props }) {
+	return /* @__PURE__ */ jsx("div", {
 		"data-slot": "footer-newsletter-control",
-		size: "md",
-		className: cn("max-w-md bg-canvas", className),
+		className: cn("flex w-full max-w-[28.75rem] flex-col gap-gdt-md md:flex-row", className),
 		...props,
-		children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(InputGroupInput, {
+		children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(Input, {
 			type: "email",
 			name: "email",
-			placeholder: "Email address",
+			size,
+			placeholder: "Enter your email",
 			"aria-label": "Email address"
-		}), /* @__PURE__ */ jsx(InputGroupButton, {
+		}), /* @__PURE__ */ jsx(Button, {
 			type: "submit",
 			variant: "primary",
+			size,
+			className: "w-full md:w-auto",
 			children: "Subscribe"
 		})] })
 	});
@@ -213,14 +217,14 @@ function FooterNewsletterControl({ className, children, ...props }) {
 function FooterBottom({ className, ...props }) {
 	return /* @__PURE__ */ jsx("div", {
 		"data-slot": "footer-bottom",
-		className: cn("flex flex-col gap-gdt-md border-t border-line-subtle px-gdt-xl py-gdt-lg text-gdt-subtext text-fg-secondary md:flex-row md:items-center md:justify-between md:px-gdt-5xl", className),
+		className: cn("flex flex-col gap-2.5 border-t border-line-subtle px-5 py-gdt-xl text-gdt-xs text-fg-secondary [&>[data-slot=footer-legal-links]]:order-first md:flex-row md:items-center md:justify-between md:px-gdt-6xl md:[&>[data-slot=footer-legal-links]]:order-none", className),
 		...props
 	});
 }
 function FooterLegalLinks({ className, ...props }) {
 	return /* @__PURE__ */ jsx("nav", {
 		"data-slot": "footer-legal-links",
-		className: cn("flex flex-wrap items-center gap-gdt-xl", className),
+		className: cn("flex flex-wrap items-center gap-5 md:gap-gdt-xl", className),
 		...props
 	});
 }

package/dist/funnel-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/funnel-chart.d.ts

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