@giddaa-housing/ui 1.0.0 → 1.2.0

package/dist/map-indicator.d.ts

@@ -1,13 +1,13 @@
-import * as React from 'react';
-
+import * as React from "react";
+//#region src/map-indicator.d.ts
 type MapIndicatorSize = "sm" | "md" | "lg";
 type MapIndicatorProps = React.SVGProps<SVGSVGElement> & {
-    size?: MapIndicatorSize;
+  size?: MapIndicatorSize;
 };
 declare const MAP_INDICATOR_DIMENSIONS: Record<MapIndicatorSize, {
-    width: number;
-    height: number;
+  width: number;
+  height: number;
 }>;
 declare function MapIndicator({ className, size, width, height, "aria-label": ariaLabel, ...props }: MapIndicatorProps): React.JSX.Element;
-
-export { MAP_INDICATOR_DIMENSIONS, MapIndicator, type MapIndicatorProps, type MapIndicatorSize };
+//#endregion
+export { MAP_INDICATOR_DIMENSIONS, MapIndicator, type MapIndicatorProps, type MapIndicatorSize };

package/dist/map-indicator.js

@@ -1,109 +1,83 @@
-import {
-  cn
-} from "./chunk-Y4TTYVNE.js";
-
-// src/map-indicator.tsx
+import { t as cn } from "./cn-BI_4DMBf.js";
 import { jsx, jsxs } from "react/jsx-runtime";
-var MAP_INDICATOR_DIMENSIONS = {
-  sm: { width: 28, height: 37 },
-  md: { width: 40, height: 53 },
-  lg: { width: 56, height: 74 }
+//#region src/map-indicator.tsx
+const MAP_INDICATOR_DIMENSIONS = {
+	sm: {
+		width: 28,
+		height: 37
+	},
+	md: {
+		width: 40,
+		height: 53
+	},
+	lg: {
+		width: 56,
+		height: 74
+	}
 };
-function MapIndicator({
-  className,
-  size = "md",
-  width,
-  height,
-  "aria-label": ariaLabel = "Map indicator",
-  ...props
-}) {
-  const dimensions = MAP_INDICATOR_DIMENSIONS[size];
-  return /* @__PURE__ */ jsxs(
-    "svg",
-    {
-      "data-slot": "map-indicator",
-      "data-size": size,
-      xmlns: "http://www.w3.org/2000/svg",
-      width: width ?? dimensions.width,
-      height: height ?? dimensions.height,
-      viewBox: "0 0 40 53",
-      role: "img",
-      "aria-label": ariaLabel,
-      fill: "none",
-      className: cn("inline-block shrink-0", className),
-      ...props,
-      children: [
-        /* @__PURE__ */ jsx("path", { d: "M4 27H36L20 53L4 27Z", fill: "var(--color-action-primary)" }),
-        /* @__PURE__ */ jsx("circle", { cx: "20", cy: "20", r: "20", fill: "var(--color-action-primary)" }),
-        /* @__PURE__ */ jsx(
-          "path",
-          {
-            d: "M20 34.5C28.2843 34.5 35 28.0081 35 20C35 11.9919 28.2843 5.5 20 5.5C11.7157 5.5 5 11.9919 5 20C5 28.0081 11.7157 34.5 20 34.5Z",
-            fill: "var(--color-status-success)"
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          "path",
-          {
-            d: "M20.0422 12.0964C20.344 12.0971 20.6387 12.1845 20.889 12.3473L27.0245 16.303C27.2619 16.4601 27.4555 16.6716 27.5878 16.9186C27.7202 17.1655 27.7872 17.4403 27.783 17.7184L27.775 25.3588C27.774 26.2756 27.0538 27.0216 26.1695 27.0216H13.9381C13.7341 27.0207 13.5322 26.9806 13.3443 26.9038C13.1564 26.827 12.9861 26.7149 12.8434 26.5739C12.6791 26.4136 12.5493 26.2233 12.4616 26.0141C12.3739 25.8049 12.3301 25.581 12.3326 25.3552L12.3406 17.7116C12.3371 17.4348 12.4041 17.1615 12.5358 16.9157C12.6675 16.6698 12.8598 16.4591 13.0957 16.3021L19.1916 12.3495C19.4428 12.1852 19.739 12.0971 20.0422 12.0964ZM20.0421 10.4153C19.3937 10.4159 18.7603 10.6033 18.2226 10.9536L12.1267 14.9061C11.6545 15.2172 11.2686 15.6356 11.0026 16.1244C10.7367 16.6133 10.5989 17.1577 10.6013 17.71L10.5933 25.3536C10.5913 27.2027 12.0894 29.5848 13.9381 29.5848L26.1695 28.0947C28.0154 28.0947 29.5123 27.207 29.5143 25.3606L29.5223 17.7202C29.526 17.1653 29.388 16.618 29.1207 16.127C28.8533 15.6359 28.4649 15.2161 27.9897 14.9046L21.8542 10.949C21.3182 10.6016 20.6875 10.4159 20.0421 10.4153Z",
-            fill: "white"
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          "path",
-          {
-            d: "M21.4178 24.0344C20.8525 24.1667 20.3033 24.195 19.7703 24.1195C19.2355 24.0369 18.7403 23.8672 18.2847 23.6104C17.8273 23.3465 17.4365 23.0114 17.1123 22.6052C16.7935 22.1902 16.5675 21.7165 16.4342 21.1839C16.3009 20.6515 16.2786 20.1338 16.3676 19.6308C16.462 19.1192 16.6474 18.6493 16.9239 18.2212C17.1986 17.7861 17.5551 17.4171 17.9934 17.1143C18.4371 16.8028 18.9381 16.5817 19.4962 16.4512C20.1268 16.3036 20.7518 16.2872 21.3714 16.4018C21.9892 16.5095 22.5336 16.7382 23.0048 17.0878L22.1514 18.3221C21.8116 18.0679 21.4438 17.9017 21.0483 17.8237C20.6528 17.7456 20.2521 17.7541 19.8462 17.849C19.5055 17.9287 19.206 18.0656 18.9476 18.2595C18.6875 18.4464 18.4759 18.674 18.3128 18.9421C18.1481 19.2032 18.0409 19.4952 17.9913 19.8183C17.9473 20.1328 17.9682 20.4616 18.0542 20.8049C18.1402 21.1483 18.2816 21.4527 18.4785 21.7181C18.6754 21.9836 18.9097 22.1995 19.1816 22.3658C19.4589 22.5235 19.7583 22.6314 20.0798 22.6897C20.4068 22.7393 20.7443 22.7234 21.0922 22.642C21.4547 22.5572 21.765 22.4178 22.0234 22.2239C22.28 22.0229 22.4772 21.7839 22.615 21.5069C22.7583 21.2212 22.8258 20.9235 22.8173 20.614L20.5667 21.1405L20.2351 19.8163L24.171 18.8955L24.2868 19.3579C24.4236 19.9045 24.4521 20.4318 24.3721 20.9401C24.2977 21.4396 24.1332 21.9008 23.8785 22.3239C23.622 22.7399 23.2855 23.0968 22.8689 23.3945C22.4524 23.6922 21.9687 23.9055 21.4178 24.0344Z",
-            fill: "white"
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          "path",
-          {
-            d: "M14.3618 24.9216C14.3461 24.9034 14.3188 24.8974 14.2956 24.9071C14.2375 24.9388 12.7797 25.6759 12.7105 26.6314C12.6794 27.0654 12.9398 27.4743 13.4828 27.8449L13.5617 27.7363C13.5551 27.7607 13.3782 28.3222 13.4015 28.3273C13.4249 28.3324 13.4539 28.3165 13.4596 28.2955L13.5762 27.8654C14.2559 27.7621 14.6954 27.51 14.8909 27.1082C15.3184 26.2311 14.401 24.9746 14.3618 24.9216Z",
-            fill: "white"
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          "path",
-          {
-            d: "M14.6463 24.6128C14.9312 24.6128 15.1621 24.4055 15.1621 24.1496C15.1621 23.8938 14.9312 23.6864 14.6463 23.6864C14.3615 23.6864 14.1306 23.8938 14.1306 24.1496C14.1306 24.4055 14.3615 24.6128 14.6463 24.6128Z",
-            fill: "#f7b11c"
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          "path",
-          {
-            d: "M15.845 25.5378C15.8319 25.5227 15.8093 25.5177 15.79 25.5258C15.7418 25.5522 14.5319 26.1639 14.4745 26.9569C14.4487 27.3171 14.6648 27.6565 15.1154 27.9641L15.1809 27.8739C15.1755 27.8942 15.0286 28.3602 15.048 28.3644C15.0674 28.3687 15.0915 28.3555 15.0962 28.3381L15.193 27.9811C15.7571 27.8953 16.1219 27.6861 16.2841 27.3526C16.6389 26.6247 15.8775 25.5818 15.845 25.5378Z",
-            fill: "white"
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          "path",
-          {
-            d: "M15.9952 25.2819C16.2012 25.2819 16.3682 25.1319 16.3682 24.9469C16.3682 24.7619 16.2012 24.6119 15.9952 24.6119C15.7893 24.6119 15.6223 24.7619 15.6223 24.9469C15.6223 25.1319 15.7893 25.2819 15.9952 25.2819Z",
-            fill: "#d9d9d9"
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          "path",
-          {
-            d: "M16.8178 26.2477C16.8078 26.2361 16.7905 26.2324 16.7757 26.2385C16.7388 26.2587 15.8122 26.7272 15.7682 27.3345C15.7484 27.6104 15.914 27.8703 16.2591 28.1059L16.3092 28.0368C16.305 28.0524 16.1926 28.4092 16.2075 28.4125C16.2223 28.4157 16.2408 28.4056 16.2444 28.3923L16.3185 28.1189C16.7505 28.0532 17.0299 27.893 17.1541 27.6376C17.4259 27.08 16.8427 26.2815 16.8178 26.2477Z",
-            fill: "white"
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          "path",
-          {
-            d: "M16.8799 26.155C17.0698 26.155 17.2238 26.0167 17.2238 25.8462C17.2238 25.6756 17.0698 25.5374 16.8799 25.5374C16.6901 25.5374 16.5361 25.6756 16.5361 25.8462C16.5361 26.0167 16.6901 26.155 16.8799 26.155Z",
-            fill: "#d9d9d9"
-          }
-        )
-      ]
-    }
-  );
+function MapIndicator({ className, size = "md", width, height, "aria-label": ariaLabel = "Map indicator", ...props }) {
+	const dimensions = MAP_INDICATOR_DIMENSIONS[size];
+	return /* @__PURE__ */ jsxs("svg", {
+		"data-slot": "map-indicator",
+		"data-size": size,
+		xmlns: "http://www.w3.org/2000/svg",
+		width: width ?? dimensions.width,
+		height: height ?? dimensions.height,
+		viewBox: "0 0 40 53",
+		role: "img",
+		"aria-label": ariaLabel,
+		fill: "none",
+		className: cn("inline-block shrink-0", className),
+		...props,
+		children: [
+			/* @__PURE__ */ jsx("path", {
+				d: "M4 27H36L20 53L4 27Z",
+				fill: "var(--color-action-primary)"
+			}),
+			/* @__PURE__ */ jsx("circle", {
+				cx: "20",
+				cy: "20",
+				r: "20",
+				fill: "var(--color-action-primary)"
+			}),
+			/* @__PURE__ */ jsx("path", {
+				d: "M20 34.5C28.2843 34.5 35 28.0081 35 20C35 11.9919 28.2843 5.5 20 5.5C11.7157 5.5 5 11.9919 5 20C5 28.0081 11.7157 34.5 20 34.5Z",
+				fill: "var(--color-status-success)"
+			}),
+			/* @__PURE__ */ jsx("path", {
+				d: "M20.0422 12.0964C20.344 12.0971 20.6387 12.1845 20.889 12.3473L27.0245 16.303C27.2619 16.4601 27.4555 16.6716 27.5878 16.9186C27.7202 17.1655 27.7872 17.4403 27.783 17.7184L27.775 25.3588C27.774 26.2756 27.0538 27.0216 26.1695 27.0216H13.9381C13.7341 27.0207 13.5322 26.9806 13.3443 26.9038C13.1564 26.827 12.9861 26.7149 12.8434 26.5739C12.6791 26.4136 12.5493 26.2233 12.4616 26.0141C12.3739 25.8049 12.3301 25.581 12.3326 25.3552L12.3406 17.7116C12.3371 17.4348 12.4041 17.1615 12.5358 16.9157C12.6675 16.6698 12.8598 16.4591 13.0957 16.3021L19.1916 12.3495C19.4428 12.1852 19.739 12.0971 20.0422 12.0964ZM20.0421 10.4153C19.3937 10.4159 18.7603 10.6033 18.2226 10.9536L12.1267 14.9061C11.6545 15.2172 11.2686 15.6356 11.0026 16.1244C10.7367 16.6133 10.5989 17.1577 10.6013 17.71L10.5933 25.3536C10.5913 27.2027 12.0894 29.5848 13.9381 29.5848L26.1695 28.0947C28.0154 28.0947 29.5123 27.207 29.5143 25.3606L29.5223 17.7202C29.526 17.1653 29.388 16.618 29.1207 16.127C28.8533 15.6359 28.4649 15.2161 27.9897 14.9046L21.8542 10.949C21.3182 10.6016 20.6875 10.4159 20.0421 10.4153Z",
+				fill: "white"
+			}),
+			/* @__PURE__ */ jsx("path", {
+				d: "M21.4178 24.0344C20.8525 24.1667 20.3033 24.195 19.7703 24.1195C19.2355 24.0369 18.7403 23.8672 18.2847 23.6104C17.8273 23.3465 17.4365 23.0114 17.1123 22.6052C16.7935 22.1902 16.5675 21.7165 16.4342 21.1839C16.3009 20.6515 16.2786 20.1338 16.3676 19.6308C16.462 19.1192 16.6474 18.6493 16.9239 18.2212C17.1986 17.7861 17.5551 17.4171 17.9934 17.1143C18.4371 16.8028 18.9381 16.5817 19.4962 16.4512C20.1268 16.3036 20.7518 16.2872 21.3714 16.4018C21.9892 16.5095 22.5336 16.7382 23.0048 17.0878L22.1514 18.3221C21.8116 18.0679 21.4438 17.9017 21.0483 17.8237C20.6528 17.7456 20.2521 17.7541 19.8462 17.849C19.5055 17.9287 19.206 18.0656 18.9476 18.2595C18.6875 18.4464 18.4759 18.674 18.3128 18.9421C18.1481 19.2032 18.0409 19.4952 17.9913 19.8183C17.9473 20.1328 17.9682 20.4616 18.0542 20.8049C18.1402 21.1483 18.2816 21.4527 18.4785 21.7181C18.6754 21.9836 18.9097 22.1995 19.1816 22.3658C19.4589 22.5235 19.7583 22.6314 20.0798 22.6897C20.4068 22.7393 20.7443 22.7234 21.0922 22.642C21.4547 22.5572 21.765 22.4178 22.0234 22.2239C22.28 22.0229 22.4772 21.7839 22.615 21.5069C22.7583 21.2212 22.8258 20.9235 22.8173 20.614L20.5667 21.1405L20.2351 19.8163L24.171 18.8955L24.2868 19.3579C24.4236 19.9045 24.4521 20.4318 24.3721 20.9401C24.2977 21.4396 24.1332 21.9008 23.8785 22.3239C23.622 22.7399 23.2855 23.0968 22.8689 23.3945C22.4524 23.6922 21.9687 23.9055 21.4178 24.0344Z",
+				fill: "white"
+			}),
+			/* @__PURE__ */ jsx("path", {
+				d: "M14.3618 24.9216C14.3461 24.9034 14.3188 24.8974 14.2956 24.9071C14.2375 24.9388 12.7797 25.6759 12.7105 26.6314C12.6794 27.0654 12.9398 27.4743 13.4828 27.8449L13.5617 27.7363C13.5551 27.7607 13.3782 28.3222 13.4015 28.3273C13.4249 28.3324 13.4539 28.3165 13.4596 28.2955L13.5762 27.8654C14.2559 27.7621 14.6954 27.51 14.8909 27.1082C15.3184 26.2311 14.401 24.9746 14.3618 24.9216Z",
+				fill: "white"
+			}),
+			/* @__PURE__ */ jsx("path", {
+				d: "M14.6463 24.6128C14.9312 24.6128 15.1621 24.4055 15.1621 24.1496C15.1621 23.8938 14.9312 23.6864 14.6463 23.6864C14.3615 23.6864 14.1306 23.8938 14.1306 24.1496C14.1306 24.4055 14.3615 24.6128 14.6463 24.6128Z",
+				fill: "#f7b11c"
+			}),
+			/* @__PURE__ */ jsx("path", {
+				d: "M15.845 25.5378C15.8319 25.5227 15.8093 25.5177 15.79 25.5258C15.7418 25.5522 14.5319 26.1639 14.4745 26.9569C14.4487 27.3171 14.6648 27.6565 15.1154 27.9641L15.1809 27.8739C15.1755 27.8942 15.0286 28.3602 15.048 28.3644C15.0674 28.3687 15.0915 28.3555 15.0962 28.3381L15.193 27.9811C15.7571 27.8953 16.1219 27.6861 16.2841 27.3526C16.6389 26.6247 15.8775 25.5818 15.845 25.5378Z",
+				fill: "white"
+			}),
+			/* @__PURE__ */ jsx("path", {
+				d: "M15.9952 25.2819C16.2012 25.2819 16.3682 25.1319 16.3682 24.9469C16.3682 24.7619 16.2012 24.6119 15.9952 24.6119C15.7893 24.6119 15.6223 24.7619 15.6223 24.9469C15.6223 25.1319 15.7893 25.2819 15.9952 25.2819Z",
+				fill: "#d9d9d9"
+			}),
+			/* @__PURE__ */ jsx("path", {
+				d: "M16.8178 26.2477C16.8078 26.2361 16.7905 26.2324 16.7757 26.2385C16.7388 26.2587 15.8122 26.7272 15.7682 27.3345C15.7484 27.6104 15.914 27.8703 16.2591 28.1059L16.3092 28.0368C16.305 28.0524 16.1926 28.4092 16.2075 28.4125C16.2223 28.4157 16.2408 28.4056 16.2444 28.3923L16.3185 28.1189C16.7505 28.0532 17.0299 27.893 17.1541 27.6376C17.4259 27.08 16.8427 26.2815 16.8178 26.2477Z",
+				fill: "white"
+			}),
+			/* @__PURE__ */ jsx("path", {
+				d: "M16.8799 26.155C17.0698 26.155 17.2238 26.0167 17.2238 25.8462C17.2238 25.6756 17.0698 25.5374 16.8799 25.5374C16.6901 25.5374 16.5361 25.6756 16.5361 25.8462C16.5361 26.0167 16.6901 26.155 16.8799 26.155Z",
+				fill: "#d9d9d9"
+			})
+		]
+	});
 }
-export {
-  MAP_INDICATOR_DIMENSIONS,
-  MapIndicator
-};
-//# sourceMappingURL=map-indicator.js.map
+//#endregion
+export { MAP_INDICATOR_DIMENSIONS, MapIndicator };

package/dist/match.d.ts

@@ -1,16 +1,15 @@
-import * as class_variance_authority_types from 'class-variance-authority/types';
-import { VariantProps } from 'class-variance-authority';
-import * as React from 'react';
-
+import { VariantProps } from "class-variance-authority";
+import * as React from "react";
+//#region src/match.d.ts
 declare const matchVariants: (props?: ({
-    variant?: "bar" | "donut" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
+  variant?: "bar" | "donut" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
 type MatchVariant = NonNullable<VariantProps<typeof matchVariants>["variant"]>;
 type MatchProps = Omit<React.ComponentProps<"button">, "children" | "value"> & VariantProps<typeof matchVariants> & {
-    value: number;
-    label?: string;
-    showChevron?: boolean;
+  value: number;
+  label?: string;
+  showChevron?: boolean;
 };
 declare function Match({ className, value, variant, label, showChevron, type, "aria-label": ariaLabel, ...props }: MatchProps): React.JSX.Element;
-
-export { Match, type MatchProps, type MatchVariant, matchVariants };
+//#endregion
+export { Match, type MatchProps, type MatchVariant, matchVariants };

package/dist/match.js

@@ -1,113 +1,68 @@
 "use client";
-import {
-  CircularProgress
-} from "./chunk-322YCNVL.js";
-import "./chunk-HL3ZSYES.js";
-import {
-  cn
-} from "./chunk-Y4TTYVNE.js";
-
-// src/match.tsx
-import { cva } from "class-variance-authority";
+import { t as cn } from "./cn-BI_4DMBf.js";
+import { CircularProgress } from "./progress.js";
 import { ChevronDown } from "lucide-react";
 import { jsx, jsxs } from "react/jsx-runtime";
-var matchVariants = cva(
-  "inline-flex h-8 w-fit shrink-0 items-center rounded-full border border-line-subtle bg-surface text-fg-primary shadow-none transition-[background-color,border-color,box-shadow] outline-none focus-visible:border-line-focus focus-visible:shadow-[0px_0px_0px_2px_var(--color-line-focus)] disabled:pointer-events-none disabled:opacity-60",
-  {
-    variants: {
-      variant: {
-        bar: "gap-2 px-3",
-        donut: "gap-3 pl-2 pr-3"
-      }
-    },
-    defaultVariants: {
-      variant: "bar"
-    }
-  }
-);
+import { cva } from "class-variance-authority";
+//#region src/match.tsx
+const matchVariants = cva("inline-flex h-8 w-fit shrink-0 items-center rounded-full border border-line-subtle bg-surface text-fg-primary shadow-none transition-[background-color,border-color,box-shadow] outline-none focus-visible:border-line-focus focus-visible:shadow-[0px_0px_0px_2px_var(--color-line-focus)] disabled:pointer-events-none disabled:opacity-60", {
+	variants: { variant: {
+		bar: "gap-2 px-3",
+		donut: "gap-3 pl-2 pr-3"
+	} },
+	defaultVariants: { variant: "bar" }
+});
 function normalizeMatchValue(value) {
-  if (!Number.isFinite(value)) {
-    return 0;
-  }
-  return Math.min(100, Math.max(0, Math.round(value)));
+	if (!Number.isFinite(value)) return 0;
+	return Math.min(100, Math.max(0, Math.round(value)));
 }
-function Match({
-  className,
-  value,
-  variant = "bar",
-  label = "Match",
-  showChevron = true,
-  type = "button",
-  "aria-label": ariaLabel,
-  ...props
-}) {
-  const progress = normalizeMatchValue(value);
-  const text = `${progress}% ${label}`;
-  return /* @__PURE__ */ jsxs(
-    "button",
-    {
-      type,
-      "aria-label": ariaLabel ?? text,
-      "data-slot": "match",
-      "data-variant": variant,
-      className: cn(matchVariants({ variant }), className),
-      ...props,
-      children: [
-        variant === "donut" ? /* @__PURE__ */ jsx(
-          CircularProgress,
-          {
-            "aria-hidden": "true",
-            role: "presentation",
-            "data-slot": "match-donut",
-            value: progress,
-            pixelSize: 24,
-            strokeWidth: 4,
-            strokeLinecap: "butt",
-            className: "shrink-0",
-            children: /* @__PURE__ */ jsxs("span", { className: "sr-only", children: [
-              progress,
-              "%"
-            ] })
-          }
-        ) : null,
-        /* @__PURE__ */ jsx(
-          "span",
-          {
-            "data-slot": "match-label",
-            className: "shrink-0 text-[10px] font-bold leading-3",
-            children: text
-          }
-        ),
-        variant === "bar" ? /* @__PURE__ */ jsx(
-          "span",
-          {
-            "aria-hidden": "true",
-            "data-slot": "match-bar-track",
-            className: "relative h-1.5 w-15 shrink-0 overflow-hidden rounded-full bg-surface-raised",
-            children: /* @__PURE__ */ jsx(
-              "span",
-              {
-                "data-slot": "match-bar-fill",
-                className: "absolute inset-y-0 left-0 rounded-full bg-action-primary",
-                style: { width: `${progress}%` }
-              }
-            )
-          }
-        ) : null,
-        showChevron ? /* @__PURE__ */ jsx(
-          ChevronDown,
-          {
-            "aria-hidden": "true",
-            "data-slot": "match-chevron",
-            className: "size-3 shrink-0 text-fg-secondary"
-          }
-        ) : null
-      ]
-    }
-  );
+function Match({ className, value, variant = "bar", label = "Match", showChevron = true, type = "button", "aria-label": ariaLabel, ...props }) {
+	const progress = normalizeMatchValue(value);
+	const text = `${progress}% ${label}`;
+	return /* @__PURE__ */ jsxs("button", {
+		type,
+		"aria-label": ariaLabel ?? text,
+		"data-slot": "match",
+		"data-variant": variant,
+		className: cn(matchVariants({ variant }), className),
+		...props,
+		children: [
+			variant === "donut" ? /* @__PURE__ */ jsx(CircularProgress, {
+				"aria-hidden": "true",
+				role: "presentation",
+				"data-slot": "match-donut",
+				value: progress,
+				pixelSize: 24,
+				strokeWidth: 4,
+				strokeLinecap: "butt",
+				className: "shrink-0",
+				children: /* @__PURE__ */ jsxs("span", {
+					className: "sr-only",
+					children: [progress, "%"]
+				})
+			}) : null,
+			/* @__PURE__ */ jsx("span", {
+				"data-slot": "match-label",
+				className: "shrink-0 text-[10px] font-bold leading-3",
+				children: text
+			}),
+			variant === "bar" ? /* @__PURE__ */ jsx("span", {
+				"aria-hidden": "true",
+				"data-slot": "match-bar-track",
+				className: "relative h-1.5 w-15 shrink-0 overflow-hidden rounded-full bg-surface-raised",
+				children: /* @__PURE__ */ jsx("span", {
+					"data-slot": "match-bar-fill",
+					className: "absolute inset-y-0 left-0 rounded-full bg-action-primary",
+					style: { width: `${progress}%` }
+				})
+			}) : null,
+			showChevron ? /* @__PURE__ */ jsx(ChevronDown, {
+				"aria-hidden": "true",
+				"data-slot": "match-chevron",
+				className: "size-3 shrink-0 text-fg-secondary"
+			}) : null
+		]
+	});
 }
-export {
-  Match,
-  matchVariants
-};
-//# sourceMappingURL=match.js.map
+//#endregion
+export { Match, matchVariants };

package/dist/media-gallery-hero.d.ts

@@ -1,60 +1,58 @@
-import * as class_variance_authority_types from 'class-variance-authority/types';
-import { VariantProps } from 'class-variance-authority';
-import * as React from 'react';
-import { ReviewBlockProps } from './review-block.js';
-import '@base-ui/react/use-render';
-
-declare const mediaGalleryHeroVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
+import { ReviewBlockProps } from "./review-block.js";
+import { VariantProps } from "class-variance-authority";
+import * as React from "react";
+//#region src/media-gallery-hero.d.ts
+declare const mediaGalleryHeroVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
 declare const mediaGalleryImagesVariants: (props?: ({
-    imageCount?: 1 | 2 | 3 | 4 | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
+  imageCount?: 1 | 2 | 3 | 4 | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
 type MediaGalleryHeroProps = React.ComponentProps<"div"> & VariantProps<typeof mediaGalleryHeroVariants>;
 type MediaGalleryImageCount = 1 | 2 | 3 | 4;
 type MediaGalleryItem = {
-    id?: string;
-    src?: string;
-    alt?: string;
-    type?: "image" | "video";
+  id?: string;
+  src?: string;
+  alt?: string;
+  type?: "image" | "video";
 };
 type MediaGalleryImagesProps = Omit<React.ComponentProps<"div">, "children"> & VariantProps<typeof mediaGalleryImagesVariants> & {
-    images: MediaGalleryItem[];
-    currentMedia?: number;
-    totalMediaCount?: number;
-    showMobileIndicator?: boolean;
-    onMediaClick?: (index: number) => void;
-    renderMedia?: (image: MediaGalleryItem, index: number) => React.ReactNode;
+  images: MediaGalleryItem[];
+  currentMedia?: number;
+  totalMediaCount?: number;
+  showMobileIndicator?: boolean;
+  onMediaClick?: (index: number) => void;
+  renderMedia?: (image: MediaGalleryItem, index: number) => React.ReactNode;
 };
 type MediaGalleryVideoProps = Omit<React.ComponentProps<"div">, "children"> & {
-    src?: string;
-    poster?: string;
-    alt?: string;
-    label?: string;
-    autoPlay?: boolean;
-    controls?: boolean;
-    loop?: boolean;
-    muted?: boolean;
-    playsInline?: boolean;
-    onPlayClick?: React.MouseEventHandler<HTMLButtonElement>;
-    renderMedia?: () => React.ReactNode;
+  src?: string;
+  poster?: string;
+  alt?: string;
+  label?: string;
+  autoPlay?: boolean;
+  controls?: boolean;
+  loop?: boolean;
+  muted?: boolean;
+  playsInline?: boolean;
+  onPlayClick?: React.MouseEventHandler<HTMLButtonElement>;
+  renderMedia?: () => React.ReactNode;
 };
 type MediaGalleryReviewProps = ReviewBlockProps;
 type MediaGalleryIndicatorProps = Omit<React.ComponentProps<"button">, "children"> & {
-    label?: string;
-    totalMediaCount?: number;
-    size?: "sm" | "md" | "lg";
+  label?: string;
+  totalMediaCount?: number;
+  size?: "sm" | "md" | "lg";
 };
 declare function MediaGalleryHero({ className, ...props }: MediaGalleryHeroProps): React.JSX.Element;
-declare function MediaGalleryTile({ className, image, index, isDesktopTile, onMediaClick, renderMedia, }: {
-    className?: string;
-    image: MediaGalleryItem;
-    index: number;
-    isDesktopTile?: boolean;
-    onMediaClick?: (index: number) => void;
-    renderMedia?: (image: MediaGalleryItem, index: number) => React.ReactNode;
+declare function MediaGalleryTile({ className, image, index, isDesktopTile, onMediaClick, renderMedia }: {
+  className?: string;
+  image: MediaGalleryItem;
+  index: number;
+  isDesktopTile?: boolean;
+  onMediaClick?: (index: number) => void;
+  renderMedia?: (image: MediaGalleryItem, index: number) => React.ReactNode;
 }): React.JSX.Element;
 declare function MediaGalleryImages({ className, currentMedia, imageCount, images, onMediaClick, renderMedia, showMobileIndicator, totalMediaCount, ...props }: MediaGalleryImagesProps): React.JSX.Element;
 declare function MediaGalleryVideo({ alt, autoPlay, className, controls, label, loop, muted, onPlayClick, playsInline, poster, renderMedia, src, ...props }: MediaGalleryVideoProps): React.JSX.Element;
 declare function MediaGalleryReview({ bordered, className, size, ...props }: MediaGalleryReviewProps): React.JSX.Element;
 declare function MediaGalleryIndicator({ "aria-label": ariaLabel, className, label, onClick, size, totalMediaCount, ...props }: MediaGalleryIndicatorProps): React.JSX.Element;
-
-export { MediaGalleryHero, type MediaGalleryHeroProps, type MediaGalleryImageCount, MediaGalleryImages, type MediaGalleryImagesProps, MediaGalleryIndicator, type MediaGalleryIndicatorProps, type MediaGalleryItem, MediaGalleryReview, type MediaGalleryReviewProps, MediaGalleryTile, MediaGalleryVideo, type MediaGalleryVideoProps, mediaGalleryHeroVariants, mediaGalleryImagesVariants };
+//#endregion
+export { MediaGalleryHero, type MediaGalleryHeroProps, type MediaGalleryImageCount, MediaGalleryImages, type MediaGalleryImagesProps, MediaGalleryIndicator, type MediaGalleryIndicatorProps, type MediaGalleryItem, MediaGalleryReview, type MediaGalleryReviewProps, MediaGalleryTile, MediaGalleryVideo, type MediaGalleryVideoProps, mediaGalleryHeroVariants, mediaGalleryImagesVariants };