@giddaa-housing/ui 0.1.0 → 1.1.0

package/dist/footer.d.ts

@@ -0,0 +1,40 @@
+import { InputGroup } from "./input-group.js";
+import { useRender } from "@base-ui/react/use-render";
+import * as React from "react";
+//#region src/footer.d.ts
+type FooterRootProps = React.ComponentProps<"footer"> & {
+  containerClassName?: string;
+};
+declare function FooterRoot({ className, containerClassName, children, ...props }: FooterRootProps): React.JSX.Element;
+declare function FooterCta({ className, ...props }: React.ComponentProps<"section">): React.JSX.Element;
+declare function FooterCtaContent({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function FooterCtaTitle({ className, ...props }: React.ComponentProps<"h2">): React.JSX.Element;
+declare function FooterCtaDescription({ className, ...props }: React.ComponentProps<"p">): React.JSX.Element;
+declare function FooterCtaActions({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function FooterBody({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function FooterHeader({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function FooterTitle({ className, ...props }: React.ComponentProps<"h2">): React.JSX.Element;
+declare function FooterDescription({ className, ...props }: React.ComponentProps<"p">): React.JSX.Element;
+declare function FooterNav({ className, ...props }: React.ComponentProps<"nav">): React.JSX.Element;
+declare function FooterSection({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function FooterSectionTitle({ className, ...props }: React.ComponentProps<"h3">): React.JSX.Element;
+declare function FooterLinkList({ className, ...props }: React.ComponentProps<"ul">): React.JSX.Element;
+declare function FooterLinkItem({ className, ...props }: React.ComponentProps<"li">): React.JSX.Element;
+type FooterLinkProps = useRender.ComponentProps<"a"> & {
+  showArrow?: boolean;
+};
+declare function FooterLink({ className, children, render, showArrow, ...props }: FooterLinkProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
+declare function FooterContactGrid({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function FooterContact({ className, ...props }: React.ComponentProps<"address">): React.JSX.Element;
+declare function FooterContactTitle({ className, ...props }: React.ComponentProps<"h3">): React.JSX.Element;
+declare function FooterSocialList({ className, ...props }: React.ComponentProps<"ul">): React.JSX.Element;
+declare function FooterSocialItem({ className, ...props }: React.ComponentProps<"li">): React.JSX.Element;
+declare function FooterSocialLink({ className, ...props }: React.ComponentProps<"a">): React.JSX.Element;
+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 FooterBottom({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function FooterLegalLinks({ className, ...props }: React.ComponentProps<"nav">): React.JSX.Element;
+//#endregion
+export { FooterBody, FooterBottom, FooterContact, FooterContactGrid, FooterContactTitle, FooterCta, FooterCtaActions, FooterCtaContent, FooterCtaDescription, FooterCtaTitle, FooterDescription, FooterHeader, FooterLegalLinks, FooterLink, FooterLinkItem, FooterLinkList, type FooterLinkProps, FooterNav, FooterNewsletter, FooterNewsletterControl, FooterNewsletterDescription, FooterNewsletterTitle, FooterRoot, type FooterRootProps, FooterSection, FooterSectionTitle, FooterSocialItem, FooterSocialLink, FooterSocialList, FooterTitle };

package/dist/footer.js

@@ -0,0 +1,227 @@
+import { t as cn } from "./cn-BI_4DMBf.js";
+import { InputGroup, InputGroupButton, InputGroupInput } from "./input-group.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";
+//#region src/footer.tsx
+function FooterRoot({ className, containerClassName, children, ...props }) {
+	return /* @__PURE__ */ jsx("footer", {
+		"data-slot": "footer-root",
+		className: cn("bg-surface text-fg-primary", className),
+		...props,
+		children: /* @__PURE__ */ jsx("div", {
+			"data-slot": "footer-container",
+			className: cn("mx-auto flex w-full max-w-7xl flex-col", containerClassName),
+			children
+		})
+	});
+}
+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),
+		...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),
+		...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),
+		...props
+	});
+}
+function FooterCtaDescription({ className, ...props }) {
+	return /* @__PURE__ */ jsx("p", {
+		"data-slot": "footer-cta-description",
+		className: cn("text-gdt-sm text-current", 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),
+		...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),
+		...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),
+		...props
+	});
+}
+function FooterTitle({ className, ...props }) {
+	return /* @__PURE__ */ jsx("h2", {
+		"data-slot": "footer-title",
+		className: cn("text-gdt-h5 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),
+		...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),
+		...props
+	});
+}
+function FooterSection({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "footer-section",
+		className: cn("flex min-w-0 flex-col gap-gdt-md", 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),
+		...props
+	});
+}
+function FooterLinkList({ className, ...props }) {
+	return /* @__PURE__ */ jsx("ul", {
+		"data-slot": "footer-link-list",
+		className: cn("flex flex-col gap-gdt-sm", className),
+		...props
+	});
+}
+function FooterLinkItem({ className, ...props }) {
+	return /* @__PURE__ */ jsx("li", {
+		"data-slot": "footer-link-item",
+		className: cn("text-gdt-xs", className),
+		...props
+	});
+}
+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", {
+				"aria-hidden": "true",
+				children: "›"
+			})] })
+		}, props),
+		render,
+		state: { slot: "footer-link" }
+	});
+}
+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),
+		...props
+	});
+}
+function FooterContact({ className, ...props }) {
+	return /* @__PURE__ */ jsx("address", {
+		"data-slot": "footer-contact",
+		className: cn("not-italic text-gdt-xs text-fg-secondary", 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),
+		...props
+	});
+}
+function FooterSocialList({ className, ...props }) {
+	return /* @__PURE__ */ jsx("ul", {
+		"data-slot": "footer-social-list",
+		className: cn("mt-gdt-lg flex flex-wrap items-center gap-gdt-md", className),
+		...props
+	});
+}
+function FooterSocialItem({ className, ...props }) {
+	return /* @__PURE__ */ jsx("li", {
+		"data-slot": "footer-social-item",
+		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),
+		...props
+	});
+}
+function FooterNewsletter({ className, ...props }) {
+	return /* @__PURE__ */ jsx("form", {
+		"data-slot": "footer-newsletter",
+		className: cn("flex flex-col gap-gdt-md", 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),
+		...props
+	});
+}
+function FooterNewsletterDescription({ className, ...props }) {
+	return /* @__PURE__ */ jsx("p", {
+		"data-slot": "footer-newsletter-description",
+		className: cn("text-gdt-xs text-fg-secondary", className),
+		...props
+	});
+}
+function FooterNewsletterControl({ className, children, ...props }) {
+	return /* @__PURE__ */ jsx(InputGroup, {
+		"data-slot": "footer-newsletter-control",
+		size: "md",
+		className: cn("max-w-md bg-canvas", className),
+		...props,
+		children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(InputGroupInput, {
+			type: "email",
+			name: "email",
+			placeholder: "Email address",
+			"aria-label": "Email address"
+		}), /* @__PURE__ */ jsx(InputGroupButton, {
+			type: "submit",
+			variant: "primary",
+			children: "Subscribe"
+		})] })
+	});
+}
+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),
+		...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),
+		...props
+	});
+}
+//#endregion
+export { FooterBody, FooterBottom, FooterContact, FooterContactGrid, FooterContactTitle, FooterCta, FooterCtaActions, FooterCtaContent, FooterCtaDescription, FooterCtaTitle, FooterDescription, FooterHeader, FooterLegalLinks, FooterLink, FooterLinkItem, FooterLinkList, FooterNav, FooterNewsletter, FooterNewsletterControl, FooterNewsletterDescription, FooterNewsletterTitle, FooterRoot, FooterSection, FooterSectionTitle, FooterSocialItem, FooterSocialLink, FooterSocialList, FooterTitle };

package/dist/funnel-chart.d.ts

@@ -1,10 +1,7 @@
-import * as React from 'react';
-import { ChartCard, ChartValueType } from './chart.js';
-import { ComponentSize } from './size-context.js';
-import 'class-variance-authority/types';
-import 'class-variance-authority';
-import 'recharts';
-
+import { t as ComponentSize } from "./size-context-D4mYvcg8.js";
+import { ChartCard, ChartValueType } from "./chart.js";
+import * as React from "react";
+//#region src/funnel-chart.d.ts
 /**
  * A staged conversion chart for drop-off analytics. Two renderings share one
  * component — `funnel` draws connected, edge-sharing trapezoids (recharts
@@ -35,12 +32,12 @@ type FunnelChartType = "funnel" | "bars";
 /** Where the colour-key legend sits relative to the plot. */
 type FunnelLegendPlacement = "right" | "bottom";
 type FunnelStage = {
-    /** Stage name, e.g. "Applied". */
-    label: string;
-    /** Absolute count reaching this stage. */
-    value: number;
-    /** Segment colour; defaults to the palette in stage order. */
-    fill?: string;
+  /** Stage name, e.g. "Applied". */
+  label: string;
+  /** Absolute count reaching this stage. */
+  value: number;
+  /** Segment colour; defaults to the palette in stage order. */
+  fill?: string;
 };
 /**
  * Stage palette, ordered top-of-funnel → bottom: forest → brass → moss → clay →
@@ -49,36 +46,36 @@ type FunnelStage = {
  */
 declare const FUNNEL_CHART_PALETTE: readonly ["var(--color-forest-700)", "var(--color-brass-500)", "var(--color-moss-600)", "var(--color-clay-500)", "var(--color-stone-500)"];
 type FunnelChartLayout = {
-    /** Plot box height in px. */
-    height: number;
-    /** Plot box width in px — the funnel/bars column; labels + legend flow after. */
-    width: number;
-    /** Corner radius for the `bars` rendering. */
-    barRadius: number;
-    /** Bar thickness cap for the `bars` rendering. */
-    barMaxSize: number;
+  /** Plot box height in px. */
+  height: number;
+  /** Plot box width in px — the funnel/bars column; labels + legend flow after. */
+  width: number;
+  /** Corner radius for the `bars` rendering. */
+  barRadius: number;
+  /** Bar thickness cap for the `bars` rendering. */
+  barMaxSize: number;
 };
 declare const FUNNEL_CHART_LAYOUT: Record<FunnelChartSize, FunnelChartLayout>;
 type FunnelChartProps = Omit<React.ComponentProps<typeof ChartCard>, "size" | "children"> & {
-    /** Stages in funnel order — the widest (top) stage first. */
-    data: FunnelStage[];
-    /** Plot rendering. Defaults to `funnel`. */
-    type?: FunnelChartType;
-    /** Explicit size; otherwise inherited from the nearest `SizeProvider`. */
-    size?: FunnelChartSize;
-    /** Chart heading. Omit to hide the title. */
-    title?: React.ReactNode;
-    /** Supporting metadata (period, source). Omit to hide the description. */
-    description?: React.ReactNode;
-    /** Enable the hover value tooltip. Default false. */
-    tooltip?: boolean;
-    /** Legend placement — a right column or a wrapped bottom row. Default right. */
-    legend?: FunnelLegendPlacement;
-    /** Format the absolute count in the value label and tooltip. */
-    valueFormatter?: (value: number) => string;
-    /** Value formatting for the tooltip. Defaults to `number`. */
-    valueType?: ChartValueType;
+  /** Stages in funnel order — the widest (top) stage first. */
+  data: FunnelStage[];
+  /** Plot rendering. Defaults to `funnel`. */
+  type?: FunnelChartType;
+  /** Explicit size; otherwise inherited from the nearest `SizeProvider`. */
+  size?: FunnelChartSize;
+  /** Chart heading. Omit to hide the title. */
+  title?: React.ReactNode;
+  /** Supporting metadata (period, source). Omit to hide the description. */
+  description?: React.ReactNode;
+  /** Enable the hover value tooltip. Default false. */
+  tooltip?: boolean;
+  /** Legend placement — a right column or a wrapped bottom row. Default right. */
+  legend?: FunnelLegendPlacement;
+  /** Format the absolute count in the value label and tooltip. */
+  valueFormatter?: (value: number) => string;
+  /** Value formatting for the tooltip. Defaults to `number`. */
+  valueType?: ChartValueType;
 };
 declare function FunnelChart({ data, type, size, title, description, tooltip, legend, valueFormatter, valueType, className, ...props }: FunnelChartProps): React.JSX.Element;
-
-export { FUNNEL_CHART_LAYOUT, FUNNEL_CHART_PALETTE, FunnelChart, type FunnelChartLayout, type FunnelChartProps, type FunnelChartSize, type FunnelChartType, type FunnelLegendPlacement, type FunnelStage };
+//#endregion
+export { FUNNEL_CHART_LAYOUT, FUNNEL_CHART_PALETTE, FunnelChart, type FunnelChartLayout, type FunnelChartProps, type FunnelChartSize, type FunnelChartType, type FunnelLegendPlacement, type FunnelStage };