@giddaa-housing/ui 3.0.0 → 3.1.0

package/dist/footer.js

@@ -1,5 +1,8 @@
+"use client";
 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 { ChevronRight } 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";
@@ -11,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
 		})
 	});
@@ -19,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
 	});
 }
@@ -96,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
 	});
 }
@@ -118,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,
@@ -131,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
 	});
 }
@@ -166,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"
 		})] })
 	});
@@ -212,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

package/dist/input-group.js

@@ -1,14 +1,14 @@
 "use client";
 import { t as cn } from "./cn-BI_4DMBf.js";
-import { SizeProvider, useComponentSize } from "./size-context.js";
+import { SizeProvider } from "./size-context.js";
 import { Button } from "./button.js";
-import { InputSizeProvider } from "./input-size-context.js";
+import { InputSizeProvider, useInputComponentSize } from "./input-size-context.js";
 import { Input } from "./input.js";
 import { Textarea } from "./textarea.js";
 import { jsx } from "react/jsx-runtime";
 import { cva } from "class-variance-authority";
 //#region src/input-group.tsx
-const inputGroupVariants = cva("group/input-group relative flex w-full min-w-0 items-center rounded-full has-[textarea]:rounded-xl has-data-[align=block-end]:rounded-xl has-data-[align=block-start]:rounded-xl border border-line bg-canvas transition-[background-color,border-color,box-shadow,color] outline-none in-data-[slot=combobox-content]:focus-within:border-inherit in-data-[slot=combobox-content]:focus-within:ring-0 has-disabled:border-line-subtle has-disabled:bg-surface has-disabled:text-fg-caption-placeholder focus-within:border-line-focus focus-within:inset-ring-1 focus-within:inset-ring-line-focus has-[[data-slot][aria-invalid=true]]:border-line-danger has-[[data-slot][aria-invalid=true]]:inset-shadow-none has-[[data-slot][aria-invalid=true]]:focus-within:border-line-danger has-[[data-slot][aria-invalid=true]]:focus-within:inset-ring-line-danger has-[>[data-align=block-end]]:h-auto has-[>[data-align=block-end]]:flex-col has-[>[data-align=block-start]]:h-auto has-[>[data-align=block-start]]:flex-col has-[>textarea]:h-auto has-[>[data-align=block-end]]:[&>input]:pt-3 has-[>[data-align=block-start]]:[&>input]:pb-3 has-[>[data-align=inline-start]]:[&>[data-slot=input-group-control]]:group-data-[size=sm]/input-group:pl-2 has-[>[data-align=inline-start]]:[&>[data-slot=input-group-control]]:group-data-[size=md]/input-group:pl-2.5 has-[>[data-align=inline-start]]:[&>[data-slot=input-group-control]]:group-data-[size=lg]/input-group:pl-3 has-[>[data-align=inline-start]]:[&>[data-slot=input-group-control]]:group-data-[size=xl]/input-group:pl-3 has-[>[data-align=inline-end]]:[&>[data-slot=input-group-control]]:group-data-[size=sm]/input-group:pr-2 has-[>[data-align=inline-end]]:[&>[data-slot=input-group-control]]:group-data-[size=md]/input-group:pr-2.5 has-[>[data-align=inline-end]]:[&>[data-slot=input-group-control]]:group-data-[size=lg]/input-group:pr-3 has-[>[data-align=inline-end]]:[&>[data-slot=input-group-control]]:group-data-[size=xl]/input-group:pr-3", {
+const inputGroupVariants = cva("group/input-group relative flex w-full min-w-0 items-center overflow-hidden rounded-full has-[textarea]:rounded-xl has-data-[align=block-end]:rounded-xl has-data-[align=block-start]:rounded-xl border border-line bg-canvas transition-[background-color,border-color,box-shadow,color] outline-none in-data-[slot=combobox-content]:focus-within:border-inherit in-data-[slot=combobox-content]:focus-within:ring-0 has-disabled:border-line-subtle has-disabled:bg-surface has-disabled:text-fg-caption-placeholder focus-within:border-line-focus focus-within:inset-ring-1 focus-within:inset-ring-line-focus has-[[data-slot][aria-invalid=true]]:border-line-danger has-[[data-slot][aria-invalid=true]]:inset-shadow-none has-[[data-slot][aria-invalid=true]]:focus-within:border-line-danger has-[[data-slot][aria-invalid=true]]:focus-within:inset-ring-line-danger has-[>[data-align=block-end]]:h-auto has-[>[data-align=block-end]]:flex-col has-[>[data-align=block-start]]:h-auto has-[>[data-align=block-start]]:flex-col has-[>textarea]:h-auto has-[>[data-align=block-end]]:[&>input]:pt-3 has-[>[data-align=block-start]]:[&>input]:pb-3 has-[>[data-align=inline-start]]:[&>[data-slot=input-group-control]]:group-data-[size=sm]/input-group:pl-2 has-[>[data-align=inline-start]]:[&>[data-slot=input-group-control]]:group-data-[size=md]/input-group:pl-2.5 has-[>[data-align=inline-start]]:[&>[data-slot=input-group-control]]:group-data-[size=lg]/input-group:pl-3 has-[>[data-align=inline-start]]:[&>[data-slot=input-group-control]]:group-data-[size=xl]/input-group:pl-3 has-[>[data-align=inline-end]]:[&>[data-slot=input-group-control]]:group-data-[size=sm]/input-group:pr-2 has-[>[data-align=inline-end]]:[&>[data-slot=input-group-control]]:group-data-[size=md]/input-group:pr-2.5 has-[>[data-align=inline-end]]:[&>[data-slot=input-group-control]]:group-data-[size=lg]/input-group:pr-3 has-[>[data-align=inline-end]]:[&>[data-slot=input-group-control]]:group-data-[size=xl]/input-group:pr-3", {
 	variants: { size: {
 		sm: "h-8",
 		md: "h-10",
@@ -18,8 +18,7 @@ const inputGroupVariants = cva("group/input-group relative flex w-full min-w-0 i
 	defaultVariants: { size: "md" }
 });
 function InputGroup({ className, size, ...props }) {
-	const inheritedSize = useComponentSize();
-	const resolvedSize = size ?? inheritedSize;
+	const resolvedSize = useInputComponentSize(size);
 	return /* @__PURE__ */ jsx(SizeProvider, {
 		size: resolvedSize === "xl" ? void 0 : resolvedSize,
 		children: /* @__PURE__ */ jsx(InputSizeProvider, {

package/dist/input-size-context.js

@@ -1,4 +1,5 @@
 "use client";
+import { useInheritedComponentSize } from "./size-context.js";
 import { Fragment, jsx } from "react/jsx-runtime";
 import { createContext, useContext } from "react";
 //#region src/input-size-context.tsx
@@ -11,8 +12,9 @@ function InputSizeProvider({ children, size }) {
 	});
 }
 function useInputComponentSize(size, fallback = "md") {
-	const inheritedSize = useContext(InputSizeContext);
-	return size ?? inheritedSize ?? fallback;
+	const inheritedInputSize = useContext(InputSizeContext);
+	const inheritedComponentSize = useInheritedComponentSize();
+	return size ?? inheritedInputSize ?? inheritedComponentSize ?? fallback;
 }
 //#endregion
 export { InputSizeProvider, useInputComponentSize };

package/dist/input.js

@@ -1,10 +1,11 @@
+"use client";
 import { t as cn } from "./cn-BI_4DMBf.js";
 import { useInputComponentSize } from "./input-size-context.js";
 import { jsx } from "react/jsx-runtime";
 import { cva } from "class-variance-authority";
 import { Input as Input$1 } from "@base-ui/react/input";
 //#region src/input.tsx
-const inputVariants = cva("flex w-full min-w-0 rounded-full border border-line bg-canvas text-fg-primary transition-[background-color,border-color,box-shadow,color] outline-none file:inline-flex file:border-0 file:bg-transparent file:font-normal file:text-fg-primary placeholder:text-fg-caption-placeholder hover:border-line-strong focus-visible:border-line-focus focus-visible:inset-ring-1 focus-visible:inset-ring-line-focus disabled:pointer-events-none disabled:cursor-not-allowed disabled:border-line-subtle disabled:bg-surface disabled:text-fg-caption-placeholder disabled:placeholder:text-fg-caption-placeholder aria-invalid:border-line-danger aria-invalid:text-fg-danger aria-invalid:placeholder:text-fg-danger aria-invalid:shadow-none aria-invalid:focus-visible:border-line-danger aria-invalid:focus-visible:inset-ring-line-danger", {
+const inputVariants = cva("flex w-full min-w-0 rounded-full border border-line bg-canvas text-fg-primary transition-[background-color,border-color,box-shadow,color] outline-none file:inline-flex file:border-0 file:bg-transparent file:font-normal file:text-fg-primary placeholder:text-fg-caption-placeholder hover:border-line-strong focus-visible:border-line-focus focus-visible:inset-ring-1 focus-visible:inset-ring-line-focus disabled:pointer-events-none disabled:cursor-not-allowed disabled:border-line-subtle disabled:bg-surface disabled:text-fg-caption-placeholder disabled:placeholder:text-fg-caption-placeholder aria-invalid:border-line-danger aria-invalid:text-fg-danger aria-invalid:placeholder:text-fg-danger aria-invalid:shadow-none aria-invalid:focus-visible:border-line-danger aria-invalid:focus-visible:inset-ring-line-danger autofill:border-line autofill:bg-canvas autofill:[-webkit-text-fill-color:var(--color-fg-primary)] autofill:[box-shadow:0_0_0_1000px_var(--color-canvas)_inset]", {
 	variants: { size: {
 		sm: "h-8 px-3 text-gdt-xs font-normal file:text-gdt-xs",
 		md: "h-10 px-3.5 text-gdt-sm font-normal file:text-gdt-sm",

package/dist/item.js

@@ -1,3 +1,4 @@
+"use client";
 import { t as cn } from "./cn-BI_4DMBf.js";
 import { mergeProps, useRender } from "@base-ui/react";
 //#region src/item.tsx

package/dist/kpi-card.js

@@ -1,3 +1,4 @@
+"use client";
 import { t as cn } from "./cn-BI_4DMBf.js";
 import { Skeleton } from "./skeleton.js";
 import { ArrowDown, ArrowUp, ArrowUpRight } from "lucide-react";

package/dist/line-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 { Area, AreaChart as AreaChart$1, CartesianGrid, Line, LineChart as LineChart$1, XAxis, YAxis } from "recharts";

package/dist/mask-input.d.ts

@@ -0,0 +1,61 @@
+import { t as Input } from "./input-CfoEJ8A6.js";
+import * as React from "react";
+//#region src/mask-input.d.ts
+type MaskToken = {
+  pattern: RegExp;
+  transform?: (char: string) => string;
+};
+declare const defaultTokens: Record<string, MaskToken>;
+declare const maskPresets: {
+  creditCard: string;
+  cvc: string;
+  date: string;
+  phoneNg: string;
+  time: string;
+};
+type MaskPreset = keyof typeof maskPresets;
+type MaskInputOptions = {
+  allowNegative?: boolean;
+  currency?: string;
+  decimalScale?: number;
+  fixedDecimalScale?: boolean;
+  locale?: string;
+  mask?: string;
+  max?: number;
+  min?: number;
+  numeric?: boolean;
+  preset?: MaskPreset;
+  prefix?: string;
+  suffix?: string;
+  thousandSeparator?: boolean;
+  tokens?: Record<string, MaskToken>;
+};
+type MaskedValue = {
+  /** What the input displays: affixes, separators and all. */
+  masked: string;
+  /** The characters the user owns — token characters, or a plain number string. */
+  unmasked: string;
+  /** `unmasked` parsed, or `null` while it isn't a finished number. */
+  number: number | null;
+  /** Parallel to `masked`: true where the character came from `unmasked`. */
+  editable: boolean[];
+};
+/**
+ * Format a value exactly as `MaskInput` would — useful for rendering the same
+ * amounts outside an input (table cells, summaries) without duplicating rules.
+ */
+declare function formatMaskValue(input: string | number, options?: MaskInputOptions): MaskedValue;
+type MaskInputProps = Omit<React.ComponentProps<typeof Input>, "value" | "defaultValue" | "onChange" | "prefix" | "min" | "max"> & MaskInputOptions & {
+  /** Controlled value. Accepts either the masked or the unmasked form. */
+  value?: string | number;
+  /** Uncontrolled initial value. */
+  defaultValue?: string | number;
+  /** Reject a keystroke by returning `false`. Runs on every proposed change with the partial value, so allow in-progress input. */
+  validate?: (value: MaskedValue) => boolean;
+  /** Fires whenever the value changes, with the display and raw forms. */
+  onValueChange?: (value: MaskedValue) => void;
+  onChange?: React.ChangeEventHandler<HTMLInputElement>;
+};
+declare function MaskInput({ allowNegative, currency, decimalScale, defaultValue, fixedDecimalScale, inputMode, locale, mask, max, min, numeric, onBlur, onChange, onClick, onKeyDown, onValueChange, preset, prefix, ref, suffix, thousandSeparator, tokens, validate, value, ...props }: MaskInputProps): React.JSX.Element;
+//#endregion
+export { MaskInput, type MaskInputOptions, type MaskInputProps, type MaskPreset, type MaskToken, type MaskedValue, formatMaskValue, defaultTokens as maskInputTokens, maskPresets };

package/dist/mobile-sidebar.d.ts

@@ -0,0 +1,57 @@
+import { Collapsible, CollapsibleContent, CollapsibleTrigger } from "./collapsible.js";
+import { Sheet, SheetBody, SheetClose, SheetContent, SheetFooter, SheetHeader, SheetTitle, SheetTrigger } from "./sheet.js";
+import { useRender } from "@base-ui/react/use-render";
+import * as React from "react";
+//#region src/mobile-sidebar.d.ts
+type MobileSidebarRootProps = React.ComponentProps<typeof Sheet>;
+declare function MobileSidebarRoot(props: MobileSidebarRootProps): React.JSX.Element;
+declare function MobileSidebarTrigger({ className, children, ...props }: React.ComponentProps<typeof SheetTrigger>): React.JSX.Element;
+type MobileSidebarContentProps = Omit<Extract<React.ComponentProps<typeof SheetContent>, {
+  side?: "left" | "right";
+}>, "side" | "size">;
+declare function MobileSidebarContent({ className, showCloseButton, ...props }: MobileSidebarContentProps): React.JSX.Element;
+declare function MobileSidebarHeader({ className, ...props }: React.ComponentProps<typeof SheetHeader>): React.JSX.Element;
+declare function MobileSidebarTitle({ className, ...props }: React.ComponentProps<typeof SheetTitle>): React.JSX.Element;
+declare function MobileSidebarClose({ className, children, ...props }: React.ComponentProps<typeof SheetClose>): React.JSX.Element;
+declare function MobileSidebarBody({ className, ...props }: React.ComponentProps<typeof SheetBody>): React.JSX.Element;
+declare function MobileSidebarFooter({ className, ...props }: React.ComponentProps<typeof SheetFooter>): React.JSX.Element;
+declare function MobileSidebarNav({ className, ...props }: React.ComponentProps<"nav">): React.JSX.Element;
+declare function MobileSidebarList({ className, ...props }: React.ComponentProps<"ul">): React.JSX.Element;
+declare function MobileSidebarItem({ className, ...props }: React.ComponentProps<"li">): React.JSX.Element;
+type MobileSidebarLinkProps = useRender.ComponentProps<"a"> & {
+  active?: boolean;
+  icon?: React.ReactNode;
+};
+declare function MobileSidebarLink({ active, icon, className, children, render, ...props }: MobileSidebarLinkProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
+declare function MobileSidebarGroup({ className, ...props }: React.ComponentProps<typeof Collapsible>): React.JSX.Element;
+type MobileSidebarGroupTriggerProps = React.ComponentProps<typeof CollapsibleTrigger> & {
+  active?: boolean;
+  icon?: React.ReactNode;
+};
+declare function MobileSidebarGroupTrigger({ active, icon, className, children, ...props }: MobileSidebarGroupTriggerProps): React.JSX.Element;
+declare function MobileSidebarGroupPanel({ className, ...props }: React.ComponentProps<typeof CollapsibleContent>): React.JSX.Element;
+declare function MobileSidebarSubList({ className, ...props }: React.ComponentProps<"ul">): React.JSX.Element;
+declare function MobileSidebarSubheading({ className, ...props }: React.ComponentProps<"li">): React.JSX.Element;
+declare function MobileSidebarSubLink({ className, render, ...props }: useRender.ComponentProps<"a">): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
+declare const MobileSidebar: {
+  Root: typeof MobileSidebarRoot;
+  Trigger: typeof MobileSidebarTrigger;
+  Content: typeof MobileSidebarContent;
+  Header: typeof MobileSidebarHeader;
+  Title: typeof MobileSidebarTitle;
+  Close: typeof MobileSidebarClose;
+  Body: typeof MobileSidebarBody;
+  Footer: typeof MobileSidebarFooter;
+  Nav: typeof MobileSidebarNav;
+  List: typeof MobileSidebarList;
+  Item: typeof MobileSidebarItem;
+  Link: typeof MobileSidebarLink;
+  Group: typeof MobileSidebarGroup;
+  GroupTrigger: typeof MobileSidebarGroupTrigger;
+  GroupPanel: typeof MobileSidebarGroupPanel;
+  SubList: typeof MobileSidebarSubList;
+  Subheading: typeof MobileSidebarSubheading;
+  SubLink: typeof MobileSidebarSubLink;
+};
+//#endregion
+export { MobileSidebar, MobileSidebarBody, MobileSidebarClose, MobileSidebarContent, type MobileSidebarContentProps, MobileSidebarFooter, MobileSidebarGroup, MobileSidebarGroupPanel, MobileSidebarGroupTrigger, type MobileSidebarGroupTriggerProps, MobileSidebarHeader, MobileSidebarItem, MobileSidebarLink, type MobileSidebarLinkProps, MobileSidebarList, MobileSidebarNav, MobileSidebarRoot, type MobileSidebarRootProps, MobileSidebarSubLink, MobileSidebarSubList, MobileSidebarSubheading, MobileSidebarTitle, MobileSidebarTrigger };