@giddaa-housing/ui 0.1.0 → 1.1.0

package/dist/progress.js

@@ -1,315 +1,171 @@
-// src/components/ui/progress.tsx
-import { Progress as ProgressPrimitive } from "@base-ui/react/progress";
+"use client";
+import { t as cn } from "./cn-BI_4DMBf.js";
+import { SizeProvider, useComponentSize } from "./size-context.js";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { cva } from "class-variance-authority";
 import * as React from "react";
-
-// src/lib/cn.ts
-import { clsx } from "clsx";
-import { extendTailwindMerge } from "tailwind-merge";
-var twMerge = extendTailwindMerge({
-  extend: {
-    classGroups: {
-      "font-size": [
-        {
-          text: [
-            "gdt-display",
-            "gdt-h1",
-            "gdt-h2",
-            "gdt-h3",
-            "gdt-h4",
-            "gdt-h5",
-            "gdt-xl",
-            "gdt-lg",
-            "gdt-md",
-            "gdt-sm",
-            "gdt-xs",
-            "gdt-subtext",
-            "gdt-capitalized"
-          ]
-        }
-      ]
-    }
-  }
+import { Progress as Progress$1 } from "@base-ui/react/progress";
+//#region src/progress.tsx
+const progressVariants = cva("group/progress flex w-full flex-wrap items-center", {
+	variants: { size: {
+		sm: "gap-x-2 gap-y-1.5",
+		md: "gap-x-3 gap-y-2",
+		lg: "gap-x-4 gap-y-2.5"
+	} },
+	defaultVariants: { size: "md" }
 });
-function cn(...inputs) {
-  return twMerge(clsx(inputs));
-}
-
-// src/components/ui/size-context.tsx
-import { createContext, useContext } from "react";
-import { Fragment, jsx } from "react/jsx-runtime";
-var SizeContext = createContext(void 0);
-function SizeProvider({
-  children,
-  size
-}) {
-  if (!size) {
-    return /* @__PURE__ */ jsx(Fragment, { children });
-  }
-  return /* @__PURE__ */ jsx(SizeContext.Provider, { value: size, children });
-}
-function useComponentSize(size, fallback = "md") {
-  const inheritedSize = useContext(SizeContext);
-  return size ?? inheritedSize ?? fallback;
-}
-
-// src/components/ui/progress.tsx
-import { jsx as jsx2, jsxs } from "react/jsx-runtime";
-var progressVariants = cva(
-  "group/progress flex w-full flex-wrap items-center",
-  {
-    variants: {
-      size: {
-        sm: "gap-x-2 gap-y-1.5",
-        md: "gap-x-3 gap-y-2",
-        lg: "gap-x-4 gap-y-2.5"
-      }
-    },
-    defaultVariants: {
-      size: "md"
-    }
-  }
-);
-var circularProgressVariants = cva(
-  "relative grid place-items-center text-fg-on-brand",
-  {
-    variants: {
-      size: {
-        sm: "text-[9px]",
-        md: "text-[10px]",
-        lg: "text-gdt-xs"
-      }
-    },
-    defaultVariants: {
-      size: "md"
-    }
-  }
-);
-var circularProgressLabelVariants = cva(
-  "relative z-10 font-medium tabular-nums leading-none",
-  {
-    variants: {
-      size: {
-        sm: "text-[9px]",
-        md: "text-[10px]",
-        lg: "text-gdt-xs"
-      },
-      overlay: {
-        true: "grid place-items-center rounded-full bg-black/65 text-white shadow-sm backdrop-blur-[1px]",
-        false: ""
-      }
-    },
-    defaultVariants: {
-      size: "md",
-      overlay: false
-    }
-  }
-);
-var circularProgressSizes = {
-  sm: { pixelSize: 40, strokeWidth: 3 },
-  md: { pixelSize: 48, strokeWidth: 4 },
-  lg: { pixelSize: 56, strokeWidth: 5 }
+const circularProgressVariants = cva("relative grid place-items-center text-fg-on-brand", {
+	variants: { size: {
+		sm: "text-[9px]",
+		md: "text-[10px]",
+		lg: "text-gdt-xs"
+	} },
+	defaultVariants: { size: "md" }
+});
+const circularProgressLabelVariants = cva("relative z-10 font-medium tabular-nums leading-none", {
+	variants: {
+		size: {
+			sm: "text-[9px]",
+			md: "text-[10px]",
+			lg: "text-gdt-xs"
+		},
+		overlay: {
+			true: "grid place-items-center rounded-full bg-black/65 text-white shadow-sm backdrop-blur-[1px]",
+			false: ""
+		}
+	},
+	defaultVariants: {
+		size: "md",
+		overlay: false
+	}
+});
+const circularProgressSizes = {
+	sm: {
+		pixelSize: 40,
+		strokeWidth: 3
+	},
+	md: {
+		pixelSize: 48,
+		strokeWidth: 4
+	},
+	lg: {
+		pixelSize: 56,
+		strokeWidth: 5
+	}
 };
-function Progress({
-  className,
-  children,
-  value,
-  size,
-  disabled = false,
-  ...props
-}) {
-  const resolvedSize = useComponentSize(size);
-  const hasCustomTrack = React.Children.toArray(children).some(
-    (child) => React.isValidElement(child) && child.type === ProgressTrack
-  );
-  return /* @__PURE__ */ jsx2(SizeProvider, { size: resolvedSize, children: /* @__PURE__ */ jsxs(
-    ProgressPrimitive.Root,
-    {
-      value,
-      "aria-disabled": disabled || void 0,
-      "data-disabled": disabled,
-      "data-size": resolvedSize,
-      "data-slot": "progress",
-      className: cn(progressVariants({ size: resolvedSize }), className),
-      ...props,
-      children: [
-        children,
-        !hasCustomTrack && /* @__PURE__ */ jsx2(ProgressTrack, { children: /* @__PURE__ */ jsx2(ProgressIndicator, {}) })
-      ]
-    }
-  ) });
+function Progress({ className, children, value, size, disabled = false, ...props }) {
+	const resolvedSize = useComponentSize(size);
+	const hasCustomTrack = React.Children.toArray(children).some((child) => React.isValidElement(child) && child.type === ProgressTrack);
+	return /* @__PURE__ */ jsx(SizeProvider, {
+		size: resolvedSize,
+		children: /* @__PURE__ */ jsxs(Progress$1.Root, {
+			value,
+			"aria-disabled": disabled || void 0,
+			"data-disabled": disabled,
+			"data-size": resolvedSize,
+			"data-slot": "progress",
+			className: cn(progressVariants({ size: resolvedSize }), className),
+			...props,
+			children: [children, !hasCustomTrack && /* @__PURE__ */ jsx(ProgressTrack, { children: /* @__PURE__ */ jsx(ProgressIndicator, {}) })]
+		})
+	});
 }
 function ProgressTrack({ className, ...props }) {
-  return /* @__PURE__ */ jsx2(
-    ProgressPrimitive.Track,
-    {
-      className: cn(
-        "order-3 relative flex basis-full items-center overflow-hidden rounded-full bg-surface-raised",
-        "group-data-[size=sm]/progress:h-1 group-data-[size=md]/progress:h-1.5 group-data-[size=lg]/progress:h-2",
-        className
-      ),
-      "data-slot": "progress-track",
-      ...props
-    }
-  );
+	return /* @__PURE__ */ jsx(Progress$1.Track, {
+		className: cn("order-3 relative flex basis-full items-center overflow-hidden rounded-full bg-surface-raised", "group-data-[size=sm]/progress:h-1 group-data-[size=md]/progress:h-1.5 group-data-[size=lg]/progress:h-2", className),
+		"data-slot": "progress-track",
+		...props
+	});
 }
-function ProgressIndicator({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx2(
-    ProgressPrimitive.Indicator,
-    {
-      "data-slot": "progress-indicator",
-      className: cn(
-        "h-full rounded-full bg-action-primary transition-[width,transform,background-color] duration-300 ease-out group-data-[disabled=true]/progress:bg-line-strong",
-        className
-      ),
-      ...props
-    }
-  );
+function ProgressIndicator({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Progress$1.Indicator, {
+		"data-slot": "progress-indicator",
+		className: cn("h-full rounded-full bg-action-primary transition-[width,transform,background-color] duration-300 ease-out group-data-[disabled=true]/progress:bg-line-strong", className),
+		...props
+	});
 }
 function ProgressLabel({ className, ...props }) {
-  return /* @__PURE__ */ jsx2(
-    ProgressPrimitive.Label,
-    {
-      className: cn(
-        "order-1 min-w-0 text-fg-primary font-semibold leading-snug group-data-[disabled=true]/progress:text-fg-caption-placeholder",
-        "group-data-[size=sm]/progress:text-gdt-xs group-data-[size=md]/progress:text-gdt-sm group-data-[size=lg]/progress:text-gdt-md",
-        className
-      ),
-      "data-slot": "progress-label",
-      ...props
-    }
-  );
+	return /* @__PURE__ */ jsx(Progress$1.Label, {
+		className: cn("order-1 min-w-0 text-fg-primary font-semibold leading-snug group-data-[disabled=true]/progress:text-fg-caption-placeholder", "group-data-[size=sm]/progress:text-gdt-xs group-data-[size=md]/progress:text-gdt-sm group-data-[size=lg]/progress:text-gdt-md", className),
+		"data-slot": "progress-label",
+		...props
+	});
 }
 function ProgressValue({ className, ...props }) {
-  return /* @__PURE__ */ jsx2(
-    ProgressPrimitive.Value,
-    {
-      className: cn(
-        "order-2 ml-auto shrink-0 tabular-nums text-fg-secondary leading-snug group-data-[disabled=true]/progress:text-fg-caption-placeholder",
-        "group-data-[size=sm]/progress:text-gdt-xs group-data-[size=md]/progress:text-gdt-sm group-data-[size=lg]/progress:text-gdt-md",
-        className
-      ),
-      "data-slot": "progress-value",
-      ...props
-    }
-  );
+	return /* @__PURE__ */ jsx(Progress$1.Value, {
+		className: cn("order-2 ml-auto shrink-0 tabular-nums text-fg-secondary leading-snug group-data-[disabled=true]/progress:text-fg-caption-placeholder", "group-data-[size=sm]/progress:text-gdt-xs group-data-[size=md]/progress:text-gdt-sm group-data-[size=lg]/progress:text-gdt-md", className),
+		"data-slot": "progress-value",
+		...props
+	});
 }
 function ProgressCaption({ className, ...props }) {
-  return /* @__PURE__ */ jsx2(
-    "p",
-    {
-      className: cn(
-        "order-4 basis-full text-fg-secondary leading-snug group-data-[disabled=true]/progress:text-fg-caption-placeholder",
-        "group-data-[size=sm]/progress:text-gdt-subtext group-data-[size=md]/progress:text-gdt-xs group-data-[size=lg]/progress:text-gdt-sm",
-        className
-      ),
-      "data-slot": "progress-caption",
-      ...props
-    }
-  );
+	return /* @__PURE__ */ jsx("p", {
+		className: cn("order-4 basis-full text-fg-secondary leading-snug group-data-[disabled=true]/progress:text-fg-caption-placeholder", "group-data-[size=sm]/progress:text-gdt-subtext group-data-[size=md]/progress:text-gdt-xs group-data-[size=lg]/progress:text-gdt-sm", className),
+		"data-slot": "progress-caption",
+		...props
+	});
 }
-function CircularProgress({
-  className,
-  style,
-  value,
-  size,
-  labelOverlay = false,
-  ...props
-}) {
-  const resolvedSize = useComponentSize(size);
-  const normalizedValue = Number.isFinite(value) ? value : 0;
-  const progress = Math.min(100, Math.max(0, Math.round(normalizedValue)));
-  const { pixelSize, strokeWidth } = circularProgressSizes[resolvedSize];
-  const radius = (pixelSize - strokeWidth * 2) / 2;
-  const labelSize = pixelSize - strokeWidth * 3;
-  const circumference = 2 * Math.PI * radius;
-  const strokeDashoffset = circumference - progress / 100 * circumference;
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      role: "progressbar",
-      "aria-valuemin": 0,
-      "aria-valuemax": 100,
-      "aria-valuenow": progress,
-      "aria-valuetext": `${progress}%`,
-      "data-slot": "circular-progress",
-      className: cn(
-        circularProgressVariants({ size: resolvedSize }),
-        className
-      ),
-      style: { width: pixelSize, height: pixelSize, ...style },
-      ...props,
-      children: [
-        /* @__PURE__ */ jsxs(
-          "svg",
-          {
-            "aria-hidden": "true",
-            className: "absolute inset-0 -rotate-90 transform",
-            focusable: "false",
-            width: pixelSize,
-            height: pixelSize,
-            viewBox: `0 0 ${pixelSize} ${pixelSize}`,
-            fill: "none",
-            stroke: "currentColor",
-            children: [
-              /* @__PURE__ */ jsx2(
-                "circle",
-                {
-                  className: "text-primary/25",
-                  strokeWidth,
-                  cx: pixelSize / 2,
-                  cy: pixelSize / 2,
-                  r: radius
-                }
-              ),
-              /* @__PURE__ */ jsx2(
-                "circle",
-                {
-                  className: "text-surface-brand transition-[stroke-dashoffset] duration-300 ease-linear",
-                  strokeWidth,
-                  strokeLinecap: "round",
-                  strokeDasharray: circumference,
-                  strokeDashoffset,
-                  cx: pixelSize / 2,
-                  cy: pixelSize / 2,
-                  r: radius
-                }
-              )
-            ]
-          }
-        ),
-        /* @__PURE__ */ jsxs(
-          "span",
-          {
-            className: cn(
-              circularProgressLabelVariants({
-                size: resolvedSize,
-                overlay: labelOverlay
-              })
-            ),
-            style: labelOverlay ? { width: labelSize, height: labelSize } : void 0,
-            children: [
-              progress,
-              "%"
-            ]
-          }
-        )
-      ]
-    }
-  );
+function CircularProgress({ className, style, value, size, children, labelOverlay = false, pixelSize, strokeWidth, strokeLinecap = "round", ...props }) {
+	const resolvedSize = useComponentSize(size);
+	const progress = Math.min(100, Math.max(0, Math.round(Number.isFinite(value) ? value : 0)));
+	const resolvedDimensions = circularProgressSizes[resolvedSize];
+	const resolvedPixelSize = pixelSize ?? resolvedDimensions.pixelSize;
+	const resolvedStrokeWidth = strokeWidth ?? resolvedDimensions.strokeWidth;
+	const radius = (resolvedPixelSize - resolvedStrokeWidth) / 2;
+	const labelSize = resolvedPixelSize - resolvedStrokeWidth * 3;
+	const circumference = 2 * Math.PI * radius;
+	const strokeDashoffset = circumference - progress / 100 * circumference;
+	return /* @__PURE__ */ jsxs("div", {
+		role: "progressbar",
+		"aria-valuemin": 0,
+		"aria-valuemax": 100,
+		"aria-valuenow": progress,
+		"aria-valuetext": `${progress}%`,
+		"data-slot": "circular-progress",
+		className: cn(circularProgressVariants({ size: resolvedSize }), className),
+		style: {
+			width: resolvedPixelSize,
+			height: resolvedPixelSize,
+			...style
+		},
+		...props,
+		children: [/* @__PURE__ */ jsxs("svg", {
+			"aria-hidden": "true",
+			className: "absolute inset-0 -rotate-90 transform",
+			focusable: "false",
+			width: resolvedPixelSize,
+			height: resolvedPixelSize,
+			viewBox: `0 0 ${resolvedPixelSize} ${resolvedPixelSize}`,
+			fill: "none",
+			stroke: "currentColor",
+			children: [/* @__PURE__ */ jsx("circle", {
+				className: "text-line",
+				strokeWidth: resolvedStrokeWidth,
+				cx: resolvedPixelSize / 2,
+				cy: resolvedPixelSize / 2,
+				r: radius
+			}), /* @__PURE__ */ jsx("circle", {
+				className: "text-action-primary transition-[stroke-dashoffset] duration-300 ease-linear",
+				strokeWidth: resolvedStrokeWidth,
+				strokeLinecap,
+				strokeDasharray: circumference,
+				strokeDashoffset,
+				cx: resolvedPixelSize / 2,
+				cy: resolvedPixelSize / 2,
+				r: radius
+			})]
+		}), children ?? /* @__PURE__ */ jsxs("span", {
+			className: cn(circularProgressLabelVariants({
+				size: resolvedSize,
+				overlay: labelOverlay
+			})),
+			style: labelOverlay ? {
+				width: labelSize,
+				height: labelSize
+			} : void 0,
+			children: [progress, "%"]
+		})]
+	});
 }
-export {
-  CircularProgress,
-  Progress,
-  ProgressCaption,
-  ProgressIndicator,
-  ProgressLabel,
-  ProgressTrack,
-  ProgressValue,
-  circularProgressVariants,
-  progressVariants
-};
-//# sourceMappingURL=progress.js.map
+//#endregion
+export { CircularProgress, Progress, ProgressCaption, ProgressIndicator, ProgressLabel, ProgressTrack, ProgressValue, circularProgressVariants, progressVariants };

package/dist/property-listing-card.d.ts

@@ -0,0 +1,29 @@
+import { n as ButtonLink, t as Button } from "./button-BZIeyUw6.js";
+import { useRender } from "@base-ui/react/use-render";
+import { VariantProps } from "class-variance-authority";
+import * as React from "react";
+//#region src/property-listing-card.d.ts
+declare const propertyListingCardVariants: (props?: ({
+  variant?: "default" | "elevated" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+type PropertyListingImage = {
+  id?: string;
+  src?: string;
+  alt?: string;
+};
+interface PropertyListingCardProps extends React.ComponentProps<"article">, VariantProps<typeof propertyListingCardVariants> {}
+declare function PropertyListingCard({ className, variant, ...props }: PropertyListingCardProps): React.JSX.Element;
+declare function PropertyListingCardMedia({ className, images, children, ...props }: React.ComponentProps<"div"> & {
+  images?: PropertyListingImage[];
+}): React.JSX.Element;
+declare function PropertyListingCardMediaTop({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function PropertyListingCardOptionsBar({ className, render, ...props }: useRender.ComponentProps<"a">): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
+declare function PropertyListingCardDetails({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function PropertyListingCardTitle({ className, ...props }: React.ComponentProps<"h3">): React.JSX.Element;
+declare function PropertyListingCardOverview({ className, ...props }: React.ComponentProps<"p">): React.JSX.Element;
+declare function PropertyListingCardBadges({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function PropertyListingCardActions({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function PropertyListingCardActionButton({ className, type, ...props }: React.ComponentProps<typeof Button>): React.JSX.Element;
+declare function PropertyListingCardActionButtonLink({ className, ...props }: React.ComponentProps<typeof ButtonLink>): React.JSX.Element;
+//#endregion
+export { PropertyListingCard, PropertyListingCardActionButton, PropertyListingCardActionButtonLink, PropertyListingCardActions, PropertyListingCardBadges, PropertyListingCardDetails, PropertyListingCardMedia, PropertyListingCardMediaTop, PropertyListingCardOptionsBar, PropertyListingCardOverview, type PropertyListingCardProps, PropertyListingCardTitle, type PropertyListingImage, propertyListingCardVariants };

package/dist/property-listing-card.js

@@ -0,0 +1,117 @@
+import { t as cn } from "./cn-BI_4DMBf.js";
+import { Button, ButtonLink } from "./button.js";
+import { Carousel, CarouselContent, CarouselIndicator, CarouselItem } from "./carousel.js";
+import { 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/property-listing-card.tsx
+const propertyListingCardVariants = cva("relative flex w-full min-w-0 flex-col overflow-hidden text-fg-primary", {
+	variants: { variant: {
+		default: "rounded-none border-0 shadow-none",
+		elevated: "rounded-2xl bg-surface-overlay border border-line-subtle shadow-1"
+	} },
+	defaultVariants: { variant: "default" }
+});
+function PropertyListingCard({ className, variant, ...props }) {
+	return /* @__PURE__ */ jsx("article", {
+		className: cn(propertyListingCardVariants({ variant }), className),
+		...props
+	});
+}
+function PropertyListingCardMedia({ className, images = [], children, ...props }) {
+	const hasMultipleImages = images.length > 1;
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn("relative isolate min-h-70 overflow-hidden rounded-t-2xl bg-surface text-fg-primary", className),
+		...props,
+		children: [hasMultipleImages ? /* @__PURE__ */ jsxs(Carousel, {
+			imageSize: "full",
+			opts: { loop: true },
+			className: "absolute inset-0 -z-10 size-full rounded-none bg-surface",
+			children: [/* @__PURE__ */ jsx(CarouselContent, { children: images.map((carouselImage, index) => /* @__PURE__ */ jsx(CarouselItem, {
+				className: "relative h-full",
+				children: /* @__PURE__ */ jsx(PropertyListingCardImage, { image: carouselImage })
+			}, carouselImage.id ?? carouselImage.src ?? carouselImage.alt ?? index)) }), /* @__PURE__ */ jsx(CarouselIndicator, {
+				size: "sm",
+				className: "bottom-16"
+			})]
+		}) : images[0]?.src ? /* @__PURE__ */ jsx(PropertyListingCardImage, {
+			image: images[0],
+			className: "absolute inset-0 -z-10"
+		}) : /* @__PURE__ */ jsx("div", {
+			className: "absolute inset-0 -z-10 grid place-items-center bg-surface-raised text-gdt-sm font-bold text-fg-caption-placeholder",
+			children: "Property Image"
+		}), children]
+	});
+}
+function PropertyListingCardImage({ image, className, ...props }) {
+	return /* @__PURE__ */ jsx("img", {
+		src: image.src,
+		alt: image.alt ?? "Property image",
+		className: cn("size-full object-cover", className),
+		...props
+	});
+}
+function PropertyListingCardMediaTop({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("absolute inset-x-2 top-2 z-10 flex items-start justify-between gap-3", className),
+		...props
+	});
+}
+function PropertyListingCardOptionsBar({ className, render, ...props }) {
+	return useRender({
+		defaultTagName: "a",
+		props: mergeProps({ className: cn("absolute inset-x-0 bottom-0 z-10 flex min-h-9.5 items-center justify-center gap-1 bg-black/80 px-4 py-1.5 text-center text-gdt-subtext font-extrabold tracking-wide text-white uppercase transition-[background-color] hover:bg-black/90 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-line-focus", className) }, props),
+		render,
+		state: { slot: "property-listing-card-options-bar" }
+	});
+}
+function PropertyListingCardDetails({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("flex flex-col gap-4 pt-4", className),
+		...props
+	});
+}
+function PropertyListingCardTitle({ className, ...props }) {
+	return /* @__PURE__ */ jsx("h3", {
+		className: cn("text-gdt-md font-bold text-fg-primary", className),
+		...props
+	});
+}
+function PropertyListingCardOverview({ className, ...props }) {
+	return /* @__PURE__ */ jsx("p", {
+		className: cn("text-gdt-sm text-fg-secondary", className),
+		...props
+	});
+}
+function PropertyListingCardBadges({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("flex flex-wrap gap-3", className),
+		...props
+	});
+}
+function PropertyListingCardActions({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("flex items-center gap-5 border-line-subtle border-t pt-4 mt-4", className),
+		...props
+	});
+}
+function PropertyListingCardActionButton({ className, type = "button", ...props }) {
+	return /* @__PURE__ */ jsx(Button, {
+		type,
+		variant: "tertiary",
+		size: "md",
+		className: cn("flex-1 bg-action-tertiary text-fg-primary", className),
+		...props
+	});
+}
+function PropertyListingCardActionButtonLink({ className, ...props }) {
+	return /* @__PURE__ */ jsx(ButtonLink, {
+		variant: "tertiary",
+		size: "md",
+		className: cn("flex-1 bg-action-tertiary text-fg-primary", className),
+		...props
+	});
+}
+//#endregion
+export { PropertyListingCard, PropertyListingCardActionButton, PropertyListingCardActionButtonLink, PropertyListingCardActions, PropertyListingCardBadges, PropertyListingCardDetails, PropertyListingCardMedia, PropertyListingCardMediaTop, PropertyListingCardOptionsBar, PropertyListingCardOverview, PropertyListingCardTitle, propertyListingCardVariants };