@giddaa-housing/ui 1.0.0 → 1.2.0

package/dist/tag.js

@@ -1,164 +1,108 @@
 "use client";
-import {
-  useComponentSize
-} from "./chunk-HL3ZSYES.js";
-import {
-  cn
-} from "./chunk-Y4TTYVNE.js";
-
-// src/tag.tsx
-import { cva } from "class-variance-authority";
+import { t as cn } from "./cn-BI_4DMBf.js";
+import { useComponentSize } from "./size-context.js";
 import { X } from "lucide-react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-var tagVariants = cva(
-  "group/tag inline-flex w-full shrink-0 items-center border bg-surface-raised font-bold leading-none text-fg-primary whitespace-nowrap transition-[background-color,border-color,color,box-shadow] select-none data-[shape=full]:rounded-4xl data-[shape=box]:data-[size=sm]:rounded-md data-[shape=box]:data-[size=md]:rounded-lg data-[shape=box]:data-[size=lg]:rounded-xl data-[has-close=true]:data-[size=sm]:pr-5 data-[has-close=true]:data-[size=md]:pr-7 data-[has-close=true]:data-[size=lg]:pr-8",
-  {
-    variants: {
-      size: {
-        sm: "gap-1 py-0.5 pl-2 pr-1 text-gdt-xs",
-        md: "gap-1.5 py-1 pl-2.5 pr-1.5 text-gdt-sm",
-        lg: "gap-2 py-1.5 pl-3 pr-2 text-gdt-md"
-      },
-      border: {
-        true: "border-line",
-        false: "border-transparent"
-      },
-      clickable: {
-        true: "cursor-pointer hover:border-line-strong hover:bg-action-tertiary-hover active:border-line-strong active:bg-action-tertiary-pressed outline-none focus-visible:border-line-focus focus-visible:shadow-[0px_0px_0px_2px_var(--color-line-focus)]",
-        false: "cursor-default"
-      },
-      disabled: {
-        true: "border-line-subtle bg-surface text-fg-caption-placeholder",
-        false: ""
-      }
-    },
-    defaultVariants: {
-      size: "md",
-      border: false,
-      clickable: false,
-      disabled: false
-    }
-  }
-);
-var tagCloseVariants = cva(
-  "absolute top-1/2 inline-flex shrink-0 -translate-y-1/2 items-center justify-center rounded-full text-current transition-[background-color,color] outline-none hover:bg-action-tertiary-hover hover:text-fg-primary focus-visible:bg-action-tertiary-hover focus-visible:text-fg-primary focus-visible:shadow-[0px_0px_0px_2px_var(--color-line-focus)] active:bg-action-tertiary-pressed disabled:pointer-events-none disabled:text-fg-caption-placeholder",
-  {
-    variants: {
-      size: {
-        sm: "right-1 size-4 [&>svg]:size-2.5",
-        md: "right-1.5 size-5 [&>svg]:size-3",
-        lg: "right-2 size-5 [&>svg]:size-3.5"
-      }
-    },
-    defaultVariants: {
-      size: "md"
-    }
-  }
-);
-function Tag({
-  label,
-  leadingIcon,
-  onClose,
-  closeButtonProps,
-  onClick,
-  size,
-  shape = "full",
-  border = false,
-  clickable = false,
-  disabled = false,
-  className,
-  ...props
-}) {
-  const resolvedSize = useComponentSize(size);
-  const isInteractive = clickable && !disabled;
-  const {
-    "aria-label": closeAriaLabel = `Remove ${label}`,
-    className: closeClassName,
-    onKeyDown: onCloseKeyDown,
-    ...resolvedCloseButtonProps
-  } = closeButtonProps ?? {};
-  return /* @__PURE__ */ jsxs("div", { "data-slot": "tag", className: "relative inline-flex w-fit shrink-0", children: [
-    clickable ? /* @__PURE__ */ jsx(
-      "button",
-      {
-        type: "button",
-        "data-slot": "tag-surface",
-        "data-shape": shape,
-        "data-size": resolvedSize,
-        "data-has-close": Boolean(onClose),
-        disabled,
-        className: cn(
-          tagVariants({
-            size: resolvedSize,
-            border,
-            clickable: isInteractive,
-            disabled
-          }),
-          className
-        ),
-        onClick,
-        ...props,
-        children: /* @__PURE__ */ jsx(TagContent, { label, leadingIcon })
-      }
-    ) : /* @__PURE__ */ jsx(
-      "span",
-      {
-        "data-slot": "tag-surface",
-        "data-shape": shape,
-        "data-size": resolvedSize,
-        "data-has-close": Boolean(onClose),
-        className: cn(
-          tagVariants({
-            size: resolvedSize,
-            border,
-            clickable: false,
-            disabled
-          }),
-          className
-        ),
-        children: /* @__PURE__ */ jsx(TagContent, { label, leadingIcon })
-      }
-    ),
-    onClose && /* @__PURE__ */ jsx(
-      "button",
-      {
-        type: "button",
-        "aria-label": closeAriaLabel,
-        disabled,
-        className: cn(
-          tagCloseVariants({ size: resolvedSize }),
-          closeClassName
-        ),
-        onClick: (e) => {
-          e.stopPropagation();
-          onClose(e);
-        },
-        onKeyDown: onCloseKeyDown,
-        ...resolvedCloseButtonProps,
-        children: /* @__PURE__ */ jsx(X, { "aria-hidden": "true" })
-      }
-    )
-  ] });
+import { cva } from "class-variance-authority";
+//#region src/tag.tsx
+const tagVariants = cva("group/tag inline-flex w-full shrink-0 items-center border bg-surface-raised font-bold leading-none text-fg-primary whitespace-nowrap transition-[background-color,border-color,color,box-shadow] select-none data-[shape=full]:rounded-4xl data-[shape=box]:data-[size=sm]:rounded-md data-[shape=box]:data-[size=md]:rounded-lg data-[shape=box]:data-[size=lg]:rounded-xl data-[has-close=true]:data-[size=sm]:pr-5 data-[has-close=true]:data-[size=md]:pr-7 data-[has-close=true]:data-[size=lg]:pr-8", {
+	variants: {
+		size: {
+			sm: "gap-1 py-0.5 pl-2 pr-1 text-gdt-xs",
+			md: "gap-1.5 py-1 pl-2.5 pr-1.5 text-gdt-sm",
+			lg: "gap-2 py-1.5 pl-3 pr-2 text-gdt-md"
+		},
+		border: {
+			true: "border-line",
+			false: "border-transparent"
+		},
+		clickable: {
+			true: "cursor-pointer hover:border-line-strong hover:bg-action-tertiary-hover active:border-line-strong active:bg-action-tertiary-pressed outline-none focus-visible:border-line-focus focus-visible:shadow-[0px_0px_0px_2px_var(--color-line-focus)]",
+			false: "cursor-default"
+		},
+		disabled: {
+			true: "border-line-subtle bg-surface text-fg-caption-placeholder",
+			false: ""
+		}
+	},
+	defaultVariants: {
+		size: "md",
+		border: false,
+		clickable: false,
+		disabled: false
+	}
+});
+const tagCloseVariants = cva("absolute top-1/2 inline-flex shrink-0 -translate-y-1/2 items-center justify-center rounded-full text-current transition-[background-color,color] outline-none hover:bg-action-tertiary-hover hover:text-fg-primary focus-visible:bg-action-tertiary-hover focus-visible:text-fg-primary focus-visible:shadow-[0px_0px_0px_2px_var(--color-line-focus)] active:bg-action-tertiary-pressed disabled:pointer-events-none disabled:text-fg-caption-placeholder", {
+	variants: { size: {
+		sm: "right-1 size-4 [&>svg]:size-2.5",
+		md: "right-1.5 size-5 [&>svg]:size-3",
+		lg: "right-2 size-5 [&>svg]:size-3.5"
+	} },
+	defaultVariants: { size: "md" }
+});
+function Tag({ label, leadingIcon, onClose, closeButtonProps, onClick, size, shape = "full", border = false, clickable = false, disabled = false, className, ...props }) {
+	const resolvedSize = useComponentSize(size);
+	const isInteractive = clickable && !disabled;
+	const { "aria-label": closeAriaLabel = `Remove ${label}`, className: closeClassName, onKeyDown: onCloseKeyDown, ...resolvedCloseButtonProps } = closeButtonProps ?? {};
+	return /* @__PURE__ */ jsxs("div", {
+		"data-slot": "tag",
+		className: "relative inline-flex w-fit shrink-0",
+		children: [clickable ? /* @__PURE__ */ jsx("button", {
+			type: "button",
+			"data-slot": "tag-surface",
+			"data-shape": shape,
+			"data-size": resolvedSize,
+			"data-has-close": Boolean(onClose),
+			disabled,
+			className: cn(tagVariants({
+				size: resolvedSize,
+				border,
+				clickable: isInteractive,
+				disabled
+			}), className),
+			onClick,
+			...props,
+			children: /* @__PURE__ */ jsx(TagContent, {
+				label,
+				leadingIcon
+			})
+		}) : /* @__PURE__ */ jsx("span", {
+			"data-slot": "tag-surface",
+			"data-shape": shape,
+			"data-size": resolvedSize,
+			"data-has-close": Boolean(onClose),
+			className: cn(tagVariants({
+				size: resolvedSize,
+				border,
+				clickable: false,
+				disabled
+			}), className),
+			children: /* @__PURE__ */ jsx(TagContent, {
+				label,
+				leadingIcon
+			})
+		}), onClose && /* @__PURE__ */ jsx("button", {
+			type: "button",
+			"aria-label": closeAriaLabel,
+			disabled,
+			className: cn(tagCloseVariants({ size: resolvedSize }), closeClassName),
+			onClick: (e) => {
+				e.stopPropagation();
+				onClose(e);
+			},
+			onKeyDown: onCloseKeyDown,
+			...resolvedCloseButtonProps,
+			children: /* @__PURE__ */ jsx(X, { "aria-hidden": "true" })
+		})]
+	});
 }
-function TagContent({
-  label,
-  leadingIcon
-}) {
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    leadingIcon && /* @__PURE__ */ jsx(
-      "span",
-      {
-        "aria-hidden": "true",
-        "data-slot": "tag-leading-icon",
-        className: "inline-flex shrink-0 items-center [&>svg]:size-[1em]",
-        children: leadingIcon
-      }
-    ),
-    /* @__PURE__ */ jsx("span", { children: label })
-  ] });
+function TagContent({ label, leadingIcon }) {
+	return /* @__PURE__ */ jsxs(Fragment, { children: [leadingIcon && /* @__PURE__ */ jsx("span", {
+		"aria-hidden": "true",
+		"data-slot": "tag-leading-icon",
+		className: "inline-flex shrink-0 items-center [&>svg]:size-[1em]",
+		children: leadingIcon
+	}), /* @__PURE__ */ jsx("span", { children: label })] });
 }
-export {
-  Tag,
-  tagVariants
-};
-//# sourceMappingURL=tag.js.map
+//#endregion
+export { Tag, tagVariants };

package/dist/testimonial-block.d.ts

@@ -1,34 +1,33 @@
-import * as class_variance_authority_types from 'class-variance-authority/types';
-import { useRender } from '@base-ui/react/use-render';
-import { VariantProps } from 'class-variance-authority';
-import * as React from 'react';
-
+import { useRender } from "@base-ui/react/use-render";
+import { VariantProps } from "class-variance-authority";
+import * as React from "react";
+//#region src/testimonial-block.d.ts
 declare const testimonialBlockVariants: (props?: ({
-    tone?: "brand" | "neutral" | null | undefined;
-    orientation?: "horizontal" | "vertical" | null | undefined;
-    size?: "sm" | "md" | "lg" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
+  tone?: "brand" | "neutral" | null | undefined;
+  orientation?: "horizontal" | "vertical" | null | undefined;
+  size?: "lg" | "md" | "sm" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
 type TestimonialBlockProps = useRender.ComponentProps<"article"> & VariantProps<typeof testimonialBlockVariants>;
 declare function TestimonialBlock({ className, orientation, render, size, tone, ...props }: TestimonialBlockProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
 declare function TestimonialBlockContent({ className, render, ...props }: useRender.ComponentProps<"div">): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
 declare function TestimonialBlockMedia({ className, render, ...props }: useRender.ComponentProps<"div">): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
 declare function TestimonialBlockPlayButton({ "aria-label": ariaLabel, children, className, render, ...props }: useRender.ComponentProps<"button">): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
 type TestimonialBlockRatingProps = Omit<useRender.ComponentProps<"div">, "children"> & {
-    rating: number;
-    source?: React.ReactNode;
-    totalReviews?: number;
-    reviewLabel?: string;
-    showScore?: boolean;
+  rating: number;
+  source?: React.ReactNode;
+  totalReviews?: number;
+  reviewLabel?: string;
+  showScore?: boolean;
 };
 declare function TestimonialBlockRating({ className, rating, render, reviewLabel, showScore, source, totalReviews, ...props }: TestimonialBlockRatingProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
 declare function TestimonialBlockQuote({ className, render, ...props }: useRender.ComponentProps<"blockquote">): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
 declare function TestimonialBlockFooter({ className, render, ...props }: useRender.ComponentProps<"div">): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
 type TestimonialBlockReviewerProps = Omit<useRender.ComponentProps<"div">, "children"> & {
-    name: string;
-    photo?: string;
-    reviewerRole?: React.ReactNode;
+  name: string;
+  photo?: string;
+  reviewerRole?: React.ReactNode;
 };
 declare function TestimonialBlockReviewer({ className, name, photo, render, reviewerRole, ...props }: TestimonialBlockReviewerProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
 declare function TestimonialBlockAction({ "aria-label": ariaLabel, children, className, render, ...props }: useRender.ComponentProps<"a">): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
-
-export { TestimonialBlock, TestimonialBlockAction, TestimonialBlockContent, TestimonialBlockFooter, TestimonialBlockMedia, TestimonialBlockPlayButton, type TestimonialBlockProps, TestimonialBlockQuote, TestimonialBlockRating, TestimonialBlockReviewer, type TestimonialBlockReviewerProps, testimonialBlockVariants };
+//#endregion
+export { TestimonialBlock, TestimonialBlockAction, TestimonialBlockContent, TestimonialBlockFooter, TestimonialBlockMedia, TestimonialBlockPlayButton, type TestimonialBlockProps, TestimonialBlockQuote, TestimonialBlockRating, TestimonialBlockReviewer, type TestimonialBlockReviewerProps, testimonialBlockVariants };