@giddaa-housing/ui 1.0.0 → 1.1.0

package/dist/property-listing-card.js

@@ -1,235 +1,117 @@
-import {
-  Button,
-  ButtonLink
-} from "./chunk-B4H6RNDH.js";
-import {
-  Carousel,
-  CarouselContent,
-  CarouselIndicator,
-  CarouselItem
-} from "./chunk-FZDSVMKY.js";
-import "./chunk-HL3ZSYES.js";
-import {
-  cn
-} from "./chunk-Y4TTYVNE.js";
-
-// src/property-listing-card.tsx
+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";
-import { jsx, jsxs } from "react/jsx-runtime";
-var 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
-    }
-  );
+//#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 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 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 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 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 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 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 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 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 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 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
-    }
-  );
+function PropertyListingCardActionButtonLink({ className, ...props }) {
+	return /* @__PURE__ */ jsx(ButtonLink, {
+		variant: "tertiary",
+		size: "md",
+		className: cn("flex-1 bg-action-tertiary text-fg-primary", className),
+		...props
+	});
 }
-export {
-  PropertyListingCard,
-  PropertyListingCardActionButton,
-  PropertyListingCardActionButtonLink,
-  PropertyListingCardActions,
-  PropertyListingCardBadges,
-  PropertyListingCardDetails,
-  PropertyListingCardMedia,
-  PropertyListingCardMediaTop,
-  PropertyListingCardOptionsBar,
-  PropertyListingCardOverview,
-  PropertyListingCardTitle,
-  propertyListingCardVariants
-};
-//# sourceMappingURL=property-listing-card.js.map
+//#endregion
+export { PropertyListingCard, PropertyListingCardActionButton, PropertyListingCardActionButtonLink, PropertyListingCardActions, PropertyListingCardBadges, PropertyListingCardDetails, PropertyListingCardMedia, PropertyListingCardMediaTop, PropertyListingCardOptionsBar, PropertyListingCardOverview, PropertyListingCardTitle, propertyListingCardVariants };

package/dist/radar-chart.d.ts

@@ -1,10 +1,8 @@
-import * as React from 'react';
-import { RadarChart as RadarChart$1, PolarAngleAxis, PolarGrid, Radar, PolarRadiusAxis } from 'recharts';
-import { ChartConfig } from './chart.js';
-import { ComponentSize } from './size-context.js';
-import 'class-variance-authority/types';
-import 'class-variance-authority';
-
+import { t as ComponentSize } from "./size-context-D4mYvcg8.js";
+import { ChartConfig } from "./chart.js";
+import * as React from "react";
+import { PolarAngleAxis, PolarGrid, PolarRadiusAxis, Radar, RadarChart as RadarChart$1 } from "recharts";
+//#region src/radar-chart.d.ts
 /**
  * Radar charts are composable wrappers over the recharts polar primitives.
  * recharts 3 registers graphical items through context when they render, so —
@@ -40,25 +38,25 @@ import 'class-variance-authority';
  */
 declare const RADAR_CHART_PALETTE: readonly ["var(--color-chart-1)", "var(--color-chart-2)", "var(--color-chart-3)"];
 type RadarChartLayout = {
-    /** Plot height in px. Width stays fluid via the ResponsiveContainer. */
-    height: number;
-    /** Category (angle) and value (radius) tick label font size. */
-    tickFontSize: number;
-    /** Series outline stroke width in px. */
-    strokeWidth: number;
-    /** Radius of the resting data-point dot. */
-    dotRadius: number;
-    /** Radius of the active (hover) dot. */
-    activeDotRadius: number;
+  /** Plot height in px. Width stays fluid via the ResponsiveContainer. */
+  height: number;
+  /** Category (angle) and value (radius) tick label font size. */
+  tickFontSize: number;
+  /** Series outline stroke width in px. */
+  strokeWidth: number;
+  /** Radius of the resting data-point dot. */
+  dotRadius: number;
+  /** Radius of the active (hover) dot. */
+  activeDotRadius: number;
 };
 declare const RADAR_CHART_LAYOUT: Record<ComponentSize, RadarChartLayout>;
 type RadarChartProps = Omit<React.ComponentProps<typeof RadarChart$1>, "width" | "height"> & {
-    /** Series labels/icons for the shared tooltip and legend (see `ChartConfig`). */
-    config?: ChartConfig;
-    /** Plot scale; inherited from the nearest `SizeProvider` when omitted. */
-    size?: ComponentSize;
-    /** Applied to the responsive plot box, e.g. to override its height. */
-    className?: string;
+  /** Series labels/icons for the shared tooltip and legend (see `ChartConfig`). */
+  config?: ChartConfig;
+  /** Plot scale; inherited from the nearest `SizeProvider` when omitted. */
+  size?: ComponentSize;
+  /** Applied to the responsive plot box, e.g. to override its height. */
+  className?: string;
 };
 /**
  * Plot root — wraps the shared `ChartContainer` (tooltip/legend theming,
@@ -80,7 +78,7 @@ declare function RadarChartGrid(props: React.ComponentProps<typeof PolarGrid>):
  * replaces the default styling entirely.
  */
 declare function RadarChartAngleAxis({ size, tick, ...props }: React.ComponentProps<typeof PolarAngleAxis> & {
-    size?: ComponentSize;
+  size?: ComponentSize;
 }): React.JSX.Element;
 /**
  * Value scale along one spoke — recharts `PolarRadiusAxis`, muted and
@@ -90,13 +88,13 @@ declare function RadarChartAngleAxis({ size, tick, ...props }: React.ComponentPr
  * scale between two spokes with `angle`.
  */
 declare function RadarChartValueAxis({ size, tick, ...props }: React.ComponentProps<typeof PolarRadiusAxis> & {
-    size?: ComponentSize;
+  size?: ComponentSize;
 }): React.JSX.Element;
 type RadarChartSeriesProps = React.ComponentProps<typeof Radar> & {
-    /** Series colour for the outline, wash, and dots. Defaults to brand. */
-    color?: string;
-    /** Explicit mark scale; otherwise inherited from the chart's `size`. */
-    size?: ComponentSize;
+  /** Series colour for the outline, wash, and dots. Defaults to brand. */
+  color?: string;
+  /** Explicit mark scale; otherwise inherited from the chart's `size`. */
+  size?: ComponentSize;
 };
 /**
  * One data series — recharts `Radar` with the giddaa mark spec: a 2px outline,
@@ -106,5 +104,5 @@ type RadarChartSeriesProps = React.ComponentProps<typeof Radar> & {
  * `stroke`/`fill`/`dot` still win when passed directly.
  */
 declare function RadarChartSeries({ color, size, dot, activeDot, ...props }: RadarChartSeriesProps): React.JSX.Element;
-
-export { RADAR_CHART_LAYOUT, RADAR_CHART_PALETTE, RadarChart, RadarChartAngleAxis, RadarChartGrid, type RadarChartLayout, type RadarChartProps, RadarChartSeries, type RadarChartSeriesProps, RadarChartValueAxis };
+//#endregion
+export { RADAR_CHART_LAYOUT, RADAR_CHART_PALETTE, RadarChart, RadarChartAngleAxis, RadarChartGrid, type RadarChartLayout, type RadarChartProps, RadarChartSeries, type RadarChartSeriesProps, RadarChartValueAxis };