@giddaa-housing/ui 1.0.0 → 1.1.0

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 };