@giddaa-housing/ui 0.1.0 → 1.0.0

package/dist/testimonial-block.js

@@ -0,0 +1,377 @@
+import {
+  buttonVariants
+} from "./chunk-B4H6RNDH.js";
+import {
+  Avatar,
+  AvatarFallback,
+  AvatarImage
+} from "./chunk-QKAQZ2GU.js";
+import "./chunk-HL3ZSYES.js";
+import {
+  cn
+} from "./chunk-Y4TTYVNE.js";
+
+// src/testimonial-block.tsx
+import { mergeProps } from "@base-ui/react/merge-props";
+import { useRender } from "@base-ui/react/use-render";
+import { cva } from "class-variance-authority";
+import { ArrowUpRight, Play, Star } from "lucide-react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var STAR_INDEXES = [0, 1, 2, 3, 4];
+var testimonialBlockVariants = cva(
+  "group/testimonial-block relative flex w-full min-w-0 overflow-hidden rounded-xl text-fg-primary shadow-1 transition-[background-color,border-color,box-shadow,transform]",
+  {
+    variants: {
+      tone: {
+        neutral: "border border-line-subtle bg-surface hover:bg-surface-raised hover:shadow-2 active:bg-surface-raised active:shadow-none",
+        brand: "border border-transparent bg-surface-brand text-fg-on-brand hover:bg-action-primary-hover hover:shadow-2 active:bg-action-primary-pressed active:shadow-none"
+      },
+      orientation: {
+        vertical: "flex-col",
+        horizontal: "flex-row"
+      },
+      size: {
+        sm: "gap-3.5 p-5",
+        md: "gap-4 p-7",
+        lg: "gap-5 p-8.5 rounded-2xl"
+      }
+    },
+    defaultVariants: {
+      orientation: "vertical",
+      size: "md",
+      tone: "neutral"
+    }
+  }
+);
+function TestimonialBlock({
+  className,
+  orientation = "vertical",
+  render,
+  size = "md",
+  tone = "neutral",
+  ...props
+}) {
+  return useRender({
+    defaultTagName: "article",
+    props: mergeProps(
+      {
+        className: cn(
+          testimonialBlockVariants({ orientation, size, tone }),
+          className
+        )
+      },
+      props
+    ),
+    render,
+    state: {
+      orientation,
+      size,
+      slot: "testimonial-block",
+      tone
+    }
+  });
+}
+function TestimonialBlockContent({
+  className,
+  render,
+  ...props
+}) {
+  return useRender({
+    defaultTagName: "div",
+    props: mergeProps(
+      {
+        className: cn(
+          "flex min-w-0 flex-1 flex-col gap-gdt-md group-data-[size=lg]/testimonial-block:gap-gdt-lg",
+          className
+        )
+      },
+      props
+    ),
+    render,
+    state: {
+      slot: "testimonial-block-content"
+    }
+  });
+}
+function TestimonialBlockMedia({
+  className,
+  render,
+  ...props
+}) {
+  return useRender({
+    defaultTagName: "div",
+    props: mergeProps(
+      {
+        className: cn(
+          "relative isolate flex min-w-0 items-center justify-center overflow-hidden rounded-2xl bg-surface-raised",
+          "min-h-32 group-data-[size=sm]/testimonial-block:min-h-28 group-data-[size=lg]/testimonial-block:min-h-44",
+          "group-data-[orientation=horizontal]/testimonial-block:w-2/5 group-data-[orientation=horizontal]/testimonial-block:shrink-0",
+          "[&>img]:absolute [&>img]:inset-0 [&>img]:size-full [&>img]:object-cover",
+          className
+        )
+      },
+      props
+    ),
+    render,
+    state: {
+      slot: "testimonial-block-media"
+    }
+  });
+}
+function TestimonialBlockPlayButton({
+  "aria-label": ariaLabel = "Play testimonial",
+  children,
+  className,
+  render,
+  ...props
+}) {
+  return useRender({
+    defaultTagName: "button",
+    props: mergeProps(
+      {
+        "aria-label": ariaLabel,
+        children: children ?? /* @__PURE__ */ jsx(Play, { "aria-hidden": "true", fill: "currentColor" }),
+        className: cn(
+          buttonVariants({ variant: "glass-overlay", size: "icon-lg" }),
+          "size-12 group-data-[size=lg]/testimonial-block:size-14",
+          "[&>svg]:ml-0.5 [&>svg]:size-5 group-data-[size=lg]/testimonial-block:[&>svg]:size-6",
+          className
+        )
+      },
+      props
+    ),
+    render,
+    state: {
+      slot: "testimonial-block-play-button"
+    }
+  });
+}
+function clampRating(rating) {
+  return Math.min(5, Math.max(0, rating));
+}
+function getInitials(name) {
+  return name.trim().split(/\s+/).slice(0, 2).map((part) => part[0]?.toUpperCase()).join("");
+}
+function formatRating(rating) {
+  return clampRating(rating).toFixed(1);
+}
+function formatReviewSource({
+  reviewLabel,
+  source,
+  totalReviews
+}) {
+  const label = reviewLabel ?? (totalReviews === 1 ? "review" : "reviews");
+  if (source && typeof totalReviews === "number") {
+    return /* @__PURE__ */ jsxs(Fragment, { children: [
+      totalReviews.toLocaleString(),
+      " ",
+      source,
+      " ",
+      label
+    ] });
+  }
+  if (source) {
+    return source;
+  }
+  if (typeof totalReviews === "number") {
+    return `${totalReviews.toLocaleString()} ${label}`;
+  }
+  return null;
+}
+function TestimonialBlockRating({
+  className,
+  rating,
+  render,
+  reviewLabel,
+  showScore = true,
+  source,
+  totalReviews,
+  ...props
+}) {
+  const formattedRating = formatRating(rating);
+  const roundedRating = Math.round(clampRating(rating));
+  const reviewSource = formatReviewSource({
+    reviewLabel,
+    source,
+    totalReviews
+  });
+  return useRender({
+    defaultTagName: "div",
+    props: mergeProps(
+      {
+        className: cn(
+          "flex min-w-0 flex-wrap items-center gap-gdt-sm text-fg-primary group-data-[tone=brand]/testimonial-block:text-fg-on-brand",
+          className
+        ),
+        children: /* @__PURE__ */ jsxs(Fragment, { children: [
+          showScore ? /* @__PURE__ */ jsx("span", { className: "font-bold text-gdt-lg group-data-[size=md]/testimonial-block:text-gdt-xl group-data-[size=lg]/testimonial-block:text-gdt-h5", children: formattedRating }) : null,
+          /* @__PURE__ */ jsx(
+            "span",
+            {
+              className: cn(
+                "inline-flex shrink-0 items-center gap-0.5 text-surface-accent group-data-[tone=brand]/testimonial-block:text-fg-on-brand",
+                "[&>svg]:size-4.5 group-data-[size=md]/testimonial-block:[&>svg]:size-5 group-data-[size=lg]/testimonial-block:[&>svg]:size-6"
+              ),
+              children: STAR_INDEXES.map((index) => /* @__PURE__ */ jsx(
+                Star,
+                {
+                  "aria-hidden": "true",
+                  fill: index < roundedRating ? "currentColor" : "none"
+                },
+                index
+              ))
+            }
+          ),
+          reviewSource ? /* @__PURE__ */ jsx("span", { className: "text-gdt-xs text-fg-secondary group-data-[size=md]/testimonial-block:text-gdt-sm group-data-[size=lg]/testimonial-block:text-gdt-md group-data-[tone=brand]/testimonial-block:text-fg-on-brand", children: reviewSource }) : null
+        ] })
+      },
+      props
+    ),
+    render,
+    state: {
+      rating: formattedRating,
+      slot: "testimonial-block-rating"
+    }
+  });
+}
+function TestimonialBlockQuote({
+  className,
+  render,
+  ...props
+}) {
+  return useRender({
+    defaultTagName: "blockquote",
+    props: mergeProps(
+      {
+        className: cn(
+          "text-gdt-sm text-fg-primary group-data-[size=md]/testimonial-block:text-gdt-md group-data-[size=lg]/testimonial-block:text-gdt-lg",
+          "group-data-[tone=brand]/testimonial-block:text-fg-on-brand",
+          className
+        )
+      },
+      props
+    ),
+    render,
+    state: {
+      slot: "testimonial-block-quote"
+    }
+  });
+}
+function TestimonialBlockFooter({
+  className,
+  render,
+  ...props
+}) {
+  return useRender({
+    defaultTagName: "div",
+    props: mergeProps(
+      {
+        className: cn(
+          "mt-auto flex min-w-0 items-center gap-gdt-md",
+          className
+        )
+      },
+      props
+    ),
+    render,
+    state: {
+      slot: "testimonial-block-footer"
+    }
+  });
+}
+function TestimonialBlockReviewer({
+  className,
+  name,
+  photo,
+  render,
+  reviewerRole,
+  ...props
+}) {
+  return useRender({
+    defaultTagName: "div",
+    props: mergeProps(
+      {
+        className: cn("flex min-w-0 flex-1 items-center gap-gdt-sm", className),
+        children: /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsxs(
+            Avatar,
+            {
+              size: "md",
+              className: cn(
+                "size-10 border border-line-subtle bg-canvas",
+                "group-data-[size=sm]/testimonial-block:size-8 group-data-[size=lg]/testimonial-block:size-12",
+                "group-data-[tone=brand]/testimonial-block:border-transparent"
+              ),
+              children: [
+                photo ? /* @__PURE__ */ jsx(AvatarImage, { alt: name, src: photo }) : null,
+                /* @__PURE__ */ jsx(
+                  AvatarFallback,
+                  {
+                    className: cn(
+                      "bg-canvas text-fg-secondary",
+                      "group-data-[tone=brand]/testimonial-block:bg-canvas group-data-[tone=brand]/testimonial-block:text-fg-secondary"
+                    ),
+                    children: getInitials(name)
+                  }
+                )
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
+            /* @__PURE__ */ jsx("span", { className: "block truncate font-bold text-gdt-sm text-fg-primary group-data-[size=md]/testimonial-block:text-gdt-md group-data-[size=lg]/testimonial-block:text-gdt-lg group-data-[tone=brand]/testimonial-block:text-fg-on-brand", children: name }),
+            reviewerRole ? /* @__PURE__ */ jsx("span", { className: "block truncate text-gdt-xs text-fg-secondary group-data-[size=md]/testimonial-block:text-gdt-sm group-data-[size=lg]/testimonial-block:text-gdt-md group-data-[tone=brand]/testimonial-block:text-fg-on-brand/85", children: reviewerRole }) : null
+          ] })
+        ] })
+      },
+      props
+    ),
+    render,
+    state: {
+      slot: "testimonial-block-reviewer"
+    }
+  });
+}
+function TestimonialBlockAction({
+  "aria-label": ariaLabel = "Open review",
+  children,
+  className,
+  render,
+  ...props
+}) {
+  return useRender({
+    defaultTagName: "a",
+    props: mergeProps(
+      {
+        "aria-label": ariaLabel,
+        children: children ?? /* @__PURE__ */ jsx(ArrowUpRight, { "aria-hidden": "true" }),
+        className: cn(
+          "inline-flex shrink-0 items-center justify-center rounded-full bg-action-primary text-fg-on-brand transition-[background-color,box-shadow,transform]",
+          "size-10 hover:bg-action-primary-hover active:scale-95 active:bg-action-primary-pressed",
+          "group-data-[size=md]/testimonial-block:size-12 group-data-[size=lg]/testimonial-block:size-14",
+          "group-data-[tone=brand]/testimonial-block:bg-canvas group-data-[tone=brand]/testimonial-block:text-fg-brand group-data-[tone=brand]/testimonial-block:hover:bg-surface",
+          "focus-visible:outline-none focus-visible:shadow-[0px_0px_0px_2px_var(--color-line-focus)]",
+          "[&>svg]:size-5",
+          className
+        )
+      },
+      props
+    ),
+    render,
+    state: {
+      slot: "testimonial-block-action"
+    }
+  });
+}
+export {
+  TestimonialBlock,
+  TestimonialBlockAction,
+  TestimonialBlockContent,
+  TestimonialBlockFooter,
+  TestimonialBlockMedia,
+  TestimonialBlockPlayButton,
+  TestimonialBlockQuote,
+  TestimonialBlockRating,
+  TestimonialBlockReviewer,
+  testimonialBlockVariants
+};
+//# sourceMappingURL=testimonial-block.js.map

package/dist/testimonial-block.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/testimonial-block.tsx"],"sourcesContent":["import { mergeProps } from \"@base-ui/react/merge-props\";\nimport { useRender } from \"@base-ui/react/use-render\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport { ArrowUpRight, Play, Star } from \"lucide-react\";\nimport type * as React from \"react\";\n\nimport { Avatar, AvatarFallback, AvatarImage } from \"./avatar\";\nimport { buttonVariants } from \"./button\";\nimport { cn } from \"./lib/cn\";\n\nconst STAR_INDEXES = [0, 1, 2, 3, 4] as const;\n\nconst testimonialBlockVariants = cva(\n\t\"group/testimonial-block relative flex w-full min-w-0 overflow-hidden rounded-xl text-fg-primary shadow-1 transition-[background-color,border-color,box-shadow,transform]\",\n\t{\n\t\tvariants: {\n\t\t\ttone: {\n\t\t\t\tneutral:\n\t\t\t\t\t\"border border-line-subtle bg-surface hover:bg-surface-raised hover:shadow-2 active:bg-surface-raised active:shadow-none\",\n\t\t\t\tbrand:\n\t\t\t\t\t\"border border-transparent bg-surface-brand text-fg-on-brand hover:bg-action-primary-hover hover:shadow-2 active:bg-action-primary-pressed active:shadow-none\",\n\t\t\t},\n\t\t\torientation: {\n\t\t\t\tvertical: \"flex-col\",\n\t\t\t\thorizontal: \"flex-row\",\n\t\t\t},\n\t\t\tsize: {\n\t\t\t\tsm: \"gap-3.5 p-5\",\n\t\t\t\tmd: \"gap-4 p-7\",\n\t\t\t\tlg: \"gap-5 p-8.5 rounded-2xl\",\n\t\t\t},\n\t\t},\n\t\tdefaultVariants: {\n\t\t\torientation: \"vertical\",\n\t\t\tsize: \"md\",\n\t\t\ttone: \"neutral\",\n\t\t},\n\t},\n);\n\ntype TestimonialBlockProps = useRender.ComponentProps<\"article\"> &\n\tVariantProps<typeof testimonialBlockVariants>;\n\nfunction TestimonialBlock({\n\tclassName,\n\torientation = \"vertical\",\n\trender,\n\tsize = \"md\",\n\ttone = \"neutral\",\n\t...props\n}: TestimonialBlockProps) {\n\treturn useRender({\n\t\tdefaultTagName: \"article\",\n\t\tprops: mergeProps<\"article\">(\n\t\t\t{\n\t\t\t\tclassName: cn(\n\t\t\t\t\ttestimonialBlockVariants({ orientation, size, tone }),\n\t\t\t\t\tclassName,\n\t\t\t\t),\n\t\t\t},\n\t\t\tprops,\n\t\t),\n\t\trender,\n\t\tstate: {\n\t\t\torientation,\n\t\t\tsize,\n\t\t\tslot: \"testimonial-block\",\n\t\t\ttone,\n\t\t},\n\t});\n}\n\nfunction TestimonialBlockContent({\n\tclassName,\n\trender,\n\t...props\n}: useRender.ComponentProps<\"div\">) {\n\treturn useRender({\n\t\tdefaultTagName: \"div\",\n\t\tprops: mergeProps<\"div\">(\n\t\t\t{\n\t\t\t\tclassName: cn(\n\t\t\t\t\t\"flex min-w-0 flex-1 flex-col gap-gdt-md group-data-[size=lg]/testimonial-block:gap-gdt-lg\",\n\t\t\t\t\tclassName,\n\t\t\t\t),\n\t\t\t},\n\t\t\tprops,\n\t\t),\n\t\trender,\n\t\tstate: {\n\t\t\tslot: \"testimonial-block-content\",\n\t\t},\n\t});\n}\n\nfunction TestimonialBlockMedia({\n\tclassName,\n\trender,\n\t...props\n}: useRender.ComponentProps<\"div\">) {\n\treturn useRender({\n\t\tdefaultTagName: \"div\",\n\t\tprops: mergeProps<\"div\">(\n\t\t\t{\n\t\t\t\tclassName: cn(\n\t\t\t\t\t\"relative isolate flex min-w-0 items-center justify-center overflow-hidden rounded-2xl bg-surface-raised\",\n\t\t\t\t\t\"min-h-32 group-data-[size=sm]/testimonial-block:min-h-28 group-data-[size=lg]/testimonial-block:min-h-44\",\n\t\t\t\t\t\"group-data-[orientation=horizontal]/testimonial-block:w-2/5 group-data-[orientation=horizontal]/testimonial-block:shrink-0\",\n\t\t\t\t\t\"[&>img]:absolute [&>img]:inset-0 [&>img]:size-full [&>img]:object-cover\",\n\t\t\t\t\tclassName,\n\t\t\t\t),\n\t\t\t},\n\t\t\tprops,\n\t\t),\n\t\trender,\n\t\tstate: {\n\t\t\tslot: \"testimonial-block-media\",\n\t\t},\n\t});\n}\n\nfunction TestimonialBlockPlayButton({\n\t\"aria-label\": ariaLabel = \"Play testimonial\",\n\tchildren,\n\tclassName,\n\trender,\n\t...props\n}: useRender.ComponentProps<\"button\">) {\n\treturn useRender({\n\t\tdefaultTagName: \"button\",\n\t\tprops: mergeProps<\"button\">(\n\t\t\t{\n\t\t\t\t\"aria-label\": ariaLabel,\n\t\t\t\tchildren: children ?? <Play aria-hidden=\"true\" fill=\"currentColor\" />,\n\t\t\t\tclassName: cn(\n\t\t\t\t\tbuttonVariants({ variant: \"glass-overlay\", size: \"icon-lg\" }),\n\t\t\t\t\t\"size-12 group-data-[size=lg]/testimonial-block:size-14\",\n\t\t\t\t\t\"[&>svg]:ml-0.5 [&>svg]:size-5 group-data-[size=lg]/testimonial-block:[&>svg]:size-6\",\n\t\t\t\t\tclassName,\n\t\t\t\t),\n\t\t\t},\n\t\t\tprops,\n\t\t),\n\t\trender,\n\t\tstate: {\n\t\t\tslot: \"testimonial-block-play-button\",\n\t\t},\n\t});\n}\n\ntype TestimonialBlockRatingProps = Omit<\n\tuseRender.ComponentProps<\"div\">,\n\t\"children\"\n> & {\n\trating: number;\n\tsource?: React.ReactNode;\n\ttotalReviews?: number;\n\treviewLabel?: string;\n\tshowScore?: boolean;\n};\n\nfunction clampRating(rating: number) {\n\treturn Math.min(5, Math.max(0, rating));\n}\n\nfunction getInitials(name: string) {\n\treturn name\n\t\t.trim()\n\t\t.split(/\\s+/)\n\t\t.slice(0, 2)\n\t\t.map((part) => part[0]?.toUpperCase())\n\t\t.join(\"\");\n}\n\nfunction formatRating(rating: number) {\n\treturn clampRating(rating).toFixed(1);\n}\n\nfunction formatReviewSource({\n\treviewLabel,\n\tsource,\n\ttotalReviews,\n}: Pick<\n\tTestimonialBlockRatingProps,\n\t\"reviewLabel\" | \"source\" | \"totalReviews\"\n>) {\n\tconst label = reviewLabel ?? (totalReviews === 1 ? \"review\" : \"reviews\");\n\n\tif (source && typeof totalReviews === \"number\") {\n\t\treturn (\n\t\t\t<>\n\t\t\t\t{totalReviews.toLocaleString()} {source} {label}\n\t\t\t</>\n\t\t);\n\t}\n\n\tif (source) {\n\t\treturn source;\n\t}\n\n\tif (typeof totalReviews === \"number\") {\n\t\treturn `${totalReviews.toLocaleString()} ${label}`;\n\t}\n\n\treturn null;\n}\n\nfunction TestimonialBlockRating({\n\tclassName,\n\trating,\n\trender,\n\treviewLabel,\n\tshowScore = true,\n\tsource,\n\ttotalReviews,\n\t...props\n}: TestimonialBlockRatingProps) {\n\tconst formattedRating = formatRating(rating);\n\tconst roundedRating = Math.round(clampRating(rating));\n\tconst reviewSource = formatReviewSource({\n\t\treviewLabel,\n\t\tsource,\n\t\ttotalReviews,\n\t});\n\n\treturn useRender({\n\t\tdefaultTagName: \"div\",\n\t\tprops: mergeProps<\"div\">(\n\t\t\t{\n\t\t\t\tclassName: cn(\n\t\t\t\t\t\"flex min-w-0 flex-wrap items-center gap-gdt-sm text-fg-primary group-data-[tone=brand]/testimonial-block:text-fg-on-brand\",\n\t\t\t\t\tclassName,\n\t\t\t\t),\n\t\t\t\tchildren: (\n\t\t\t\t\t<>\n\t\t\t\t\t\t{showScore ? (\n\t\t\t\t\t\t\t<span className=\"font-bold text-gdt-lg group-data-[size=md]/testimonial-block:text-gdt-xl group-data-[size=lg]/testimonial-block:text-gdt-h5\">\n\t\t\t\t\t\t\t\t{formattedRating}\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t) : null}\n\n\t\t\t\t\t\t<span\n\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\"inline-flex shrink-0 items-center gap-0.5 text-surface-accent group-data-[tone=brand]/testimonial-block:text-fg-on-brand\",\n\t\t\t\t\t\t\t\t\"[&>svg]:size-4.5 group-data-[size=md]/testimonial-block:[&>svg]:size-5 group-data-[size=lg]/testimonial-block:[&>svg]:size-6\",\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{STAR_INDEXES.map((index) => (\n\t\t\t\t\t\t\t\t<Star\n\t\t\t\t\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t\t\t\t\tfill={index < roundedRating ? \"currentColor\" : \"none\"}\n\t\t\t\t\t\t\t\t\tkey={index}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t</span>\n\t\t\t\t\t\t{reviewSource ? (\n\t\t\t\t\t\t\t<span className=\"text-gdt-xs text-fg-secondary group-data-[size=md]/testimonial-block:text-gdt-sm group-data-[size=lg]/testimonial-block:text-gdt-md group-data-[tone=brand]/testimonial-block:text-fg-on-brand\">\n\t\t\t\t\t\t\t\t{reviewSource}\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t) : null}\n\t\t\t\t\t</>\n\t\t\t\t),\n\t\t\t},\n\t\t\tprops,\n\t\t),\n\t\trender,\n\t\tstate: {\n\t\t\trating: formattedRating,\n\t\t\tslot: \"testimonial-block-rating\",\n\t\t},\n\t});\n}\n\nfunction TestimonialBlockQuote({\n\tclassName,\n\trender,\n\t...props\n}: useRender.ComponentProps<\"blockquote\">) {\n\treturn useRender({\n\t\tdefaultTagName: \"blockquote\",\n\t\tprops: mergeProps<\"blockquote\">(\n\t\t\t{\n\t\t\t\tclassName: cn(\n\t\t\t\t\t\"text-gdt-sm text-fg-primary group-data-[size=md]/testimonial-block:text-gdt-md group-data-[size=lg]/testimonial-block:text-gdt-lg\",\n\t\t\t\t\t\"group-data-[tone=brand]/testimonial-block:text-fg-on-brand\",\n\t\t\t\t\tclassName,\n\t\t\t\t),\n\t\t\t},\n\t\t\tprops,\n\t\t),\n\t\trender,\n\t\tstate: {\n\t\t\tslot: \"testimonial-block-quote\",\n\t\t},\n\t});\n}\n\nfunction TestimonialBlockFooter({\n\tclassName,\n\trender,\n\t...props\n}: useRender.ComponentProps<\"div\">) {\n\treturn useRender({\n\t\tdefaultTagName: \"div\",\n\t\tprops: mergeProps<\"div\">(\n\t\t\t{\n\t\t\t\tclassName: cn(\n\t\t\t\t\t\"mt-auto flex min-w-0 items-center gap-gdt-md\",\n\t\t\t\t\tclassName,\n\t\t\t\t),\n\t\t\t},\n\t\t\tprops,\n\t\t),\n\t\trender,\n\t\tstate: {\n\t\t\tslot: \"testimonial-block-footer\",\n\t\t},\n\t});\n}\n\ntype TestimonialBlockReviewerProps = Omit<\n\tuseRender.ComponentProps<\"div\">,\n\t\"children\"\n> & {\n\tname: string;\n\tphoto?: string;\n\treviewerRole?: React.ReactNode;\n};\n\nfunction TestimonialBlockReviewer({\n\tclassName,\n\tname,\n\tphoto,\n\trender,\n\treviewerRole,\n\t...props\n}: TestimonialBlockReviewerProps) {\n\treturn useRender({\n\t\tdefaultTagName: \"div\",\n\t\tprops: mergeProps<\"div\">(\n\t\t\t{\n\t\t\t\tclassName: cn(\"flex min-w-0 flex-1 items-center gap-gdt-sm\", className),\n\t\t\t\tchildren: (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<Avatar\n\t\t\t\t\t\t\tsize=\"md\"\n\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\"size-10 border border-line-subtle bg-canvas\",\n\t\t\t\t\t\t\t\t\"group-data-[size=sm]/testimonial-block:size-8 group-data-[size=lg]/testimonial-block:size-12\",\n\t\t\t\t\t\t\t\t\"group-data-[tone=brand]/testimonial-block:border-transparent\",\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{photo ? <AvatarImage alt={name} src={photo} /> : null}\n\t\t\t\t\t\t\t<AvatarFallback\n\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t\"bg-canvas text-fg-secondary\",\n\t\t\t\t\t\t\t\t\t\"group-data-[tone=brand]/testimonial-block:bg-canvas group-data-[tone=brand]/testimonial-block:text-fg-secondary\",\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{getInitials(name)}\n\t\t\t\t\t\t\t</AvatarFallback>\n\t\t\t\t\t\t</Avatar>\n\t\t\t\t\t\t<div className=\"min-w-0\">\n\t\t\t\t\t\t\t<span className=\"block truncate font-bold text-gdt-sm text-fg-primary group-data-[size=md]/testimonial-block:text-gdt-md group-data-[size=lg]/testimonial-block:text-gdt-lg group-data-[tone=brand]/testimonial-block:text-fg-on-brand\">\n\t\t\t\t\t\t\t\t{name}\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t{reviewerRole ? (\n\t\t\t\t\t\t\t\t<span className=\"block truncate text-gdt-xs text-fg-secondary group-data-[size=md]/testimonial-block:text-gdt-sm group-data-[size=lg]/testimonial-block:text-gdt-md group-data-[tone=brand]/testimonial-block:text-fg-on-brand/85\">\n\t\t\t\t\t\t\t\t\t{reviewerRole}\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t) : null}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</>\n\t\t\t\t),\n\t\t\t},\n\t\t\tprops,\n\t\t),\n\t\trender,\n\t\tstate: {\n\t\t\tslot: \"testimonial-block-reviewer\",\n\t\t},\n\t});\n}\n\nfunction TestimonialBlockAction({\n\t\"aria-label\": ariaLabel = \"Open review\",\n\tchildren,\n\tclassName,\n\trender,\n\t...props\n}: useRender.ComponentProps<\"a\">) {\n\treturn useRender({\n\t\tdefaultTagName: \"a\",\n\t\tprops: mergeProps<\"a\">(\n\t\t\t{\n\t\t\t\t\"aria-label\": ariaLabel,\n\t\t\t\tchildren: children ?? <ArrowUpRight aria-hidden=\"true\" />,\n\t\t\t\tclassName: cn(\n\t\t\t\t\t\"inline-flex shrink-0 items-center justify-center rounded-full bg-action-primary text-fg-on-brand transition-[background-color,box-shadow,transform]\",\n\t\t\t\t\t\"size-10 hover:bg-action-primary-hover active:scale-95 active:bg-action-primary-pressed\",\n\t\t\t\t\t\"group-data-[size=md]/testimonial-block:size-12 group-data-[size=lg]/testimonial-block:size-14\",\n\t\t\t\t\t\"group-data-[tone=brand]/testimonial-block:bg-canvas group-data-[tone=brand]/testimonial-block:text-fg-brand group-data-[tone=brand]/testimonial-block:hover:bg-surface\",\n\t\t\t\t\t\"focus-visible:outline-none focus-visible:shadow-[0px_0px_0px_2px_var(--color-line-focus)]\",\n\t\t\t\t\t\"[&>svg]:size-5\",\n\t\t\t\t\tclassName,\n\t\t\t\t),\n\t\t\t},\n\t\t\tprops,\n\t\t),\n\t\trender,\n\t\tstate: {\n\t\t\tslot: \"testimonial-block-action\",\n\t\t},\n\t});\n}\n\nexport {\n\tTestimonialBlock,\n\tTestimonialBlockAction,\n\tTestimonialBlockContent,\n\tTestimonialBlockFooter,\n\tTestimonialBlockMedia,\n\tTestimonialBlockPlayButton,\n\tTestimonialBlockQuote,\n\tTestimonialBlockRating,\n\tTestimonialBlockReviewer,\n\ttestimonialBlockVariants,\n};\nexport type { TestimonialBlockProps, TestimonialBlockReviewerProps };\n"],"mappings":"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","names":[]}

package/dist/textarea.js

@@ -1,76 +1,9 @@
-// src/components/ui/textarea.tsx
-import { cva } from "class-variance-authority";
-
-// 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"
-          ]
-        }
-      ]
-    }
-  }
-});
-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 useComponentSize(size, fallback = "md") {
-  const inheritedSize = useContext(SizeContext);
-  return size ?? inheritedSize ?? fallback;
-}
-
-// src/components/ui/textarea.tsx
-import { jsx as jsx2 } from "react/jsx-runtime";
-var textareaVariants = cva(
-  "flex field-sizing-content w-full min-w-0 resize-y rounded-xl border border-line bg-canvas text-fg-primary transition-[background-color,border-color,box-shadow,color] outline-none placeholder:text-fg-caption-placeholder hover:border-line-strong focus-visible:border-line-focus focus-visible:inset-ring-1 inset-ring-line-focus disabled:pointer-events-none disabled:cursor-not-allowed disabled:border-line-subtle disabled:bg-surface disabled:text-fg-caption-placeholder disabled:placeholder:text-fg-caption-placeholder aria-invalid:border-line-danger aria-invalid:text-fg-danger aria-invalid:placeholder:text-fg-danger aria-invalid:shadow-none",
-  {
-    variants: {
-      size: {
-        sm: "min-h-22 px-3 py-2 text-gdt-xs",
-        md: "min-h-26 px-3.5 py-2.5 text-gdt-sm",
-        lg: "min-h-31 px-4 py-3 text-gdt-md"
-      }
-    },
-    defaultVariants: {
-      size: "md"
-    }
-  }
-);
-function Textarea({ className, size, ...props }) {
-  const resolvedSize = useComponentSize(size);
-  return /* @__PURE__ */ jsx2(
-    "textarea",
-    {
-      "data-slot": "textarea",
-      "data-size": resolvedSize,
-      className: cn(textareaVariants({ size: resolvedSize }), className),
-      ...props
-    }
-  );
-}
+import {
+  Textarea,
+  textareaVariants
+} from "./chunk-KSMDANKI.js";
+import "./chunk-HL3ZSYES.js";
+import "./chunk-Y4TTYVNE.js";
 export {
   Textarea,
   textareaVariants

package/dist/textarea.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/ui/textarea.tsx","../src/lib/cn.ts","../src/components/ui/size-context.tsx"],"sourcesContent":["import { cva, type VariantProps } from \"class-variance-authority\";\nimport type * as React from \"react\";\n\nimport { cn } from \"../../lib/cn\";\nimport { useComponentSize } from \"./size-context\";\n\nconst textareaVariants = cva(\n\t\"flex field-sizing-content w-full min-w-0 resize-y rounded-xl border border-line bg-canvas text-fg-primary transition-[background-color,border-color,box-shadow,color] outline-none placeholder:text-fg-caption-placeholder hover:border-line-strong focus-visible:border-line-focus focus-visible:inset-ring-1 inset-ring-line-focus disabled:pointer-events-none disabled:cursor-not-allowed disabled:border-line-subtle disabled:bg-surface disabled:text-fg-caption-placeholder disabled:placeholder:text-fg-caption-placeholder aria-invalid:border-line-danger aria-invalid:text-fg-danger aria-invalid:placeholder:text-fg-danger aria-invalid:shadow-none\",\n\t{\n\t\tvariants: {\n\t\t\tsize: {\n\t\t\t\tsm: \"min-h-22 px-3 py-2 text-gdt-xs\",\n\t\t\t\tmd: \"min-h-26 px-3.5 py-2.5 text-gdt-sm\",\n\t\t\t\tlg: \"min-h-31 px-4 py-3 text-gdt-md\",\n\t\t\t},\n\t\t},\n\t\tdefaultVariants: {\n\t\t\tsize: \"md\",\n\t\t},\n\t},\n);\n\ntype TextareaProps = Omit<React.ComponentProps<\"textarea\">, \"size\"> &\n\tVariantProps<typeof textareaVariants>;\n\ntype TextareaSize = NonNullable<VariantProps<typeof textareaVariants>[\"size\"]>;\n\nfunction Textarea({ className, size, ...props }: TextareaProps) {\n\tconst resolvedSize = useComponentSize(size);\n\n\treturn (\n\t\t<textarea\n\t\t\tdata-slot=\"textarea\"\n\t\t\tdata-size={resolvedSize}\n\t\t\tclassName={cn(textareaVariants({ size: resolvedSize }), className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nexport { Textarea, textareaVariants, type TextareaSize };\n","import { type ClassValue, clsx } from \"clsx\";\nimport { extendTailwindMerge } from \"tailwind-merge\";\n\nconst twMerge = extendTailwindMerge({\n\textend: {\n\t\tclassGroups: {\n\t\t\t\"font-size\": [\n\t\t\t\t{\n\t\t\t\t\ttext: [\n\t\t\t\t\t\t\"gdt-display\",\n\t\t\t\t\t\t\"gdt-h1\",\n\t\t\t\t\t\t\"gdt-h2\",\n\t\t\t\t\t\t\"gdt-h3\",\n\t\t\t\t\t\t\"gdt-h4\",\n\t\t\t\t\t\t\"gdt-h5\",\n\t\t\t\t\t\t\"gdt-xl\",\n\t\t\t\t\t\t\"gdt-lg\",\n\t\t\t\t\t\t\"gdt-md\",\n\t\t\t\t\t\t\"gdt-sm\",\n\t\t\t\t\t\t\"gdt-xs\",\n\t\t\t\t\t\t\"gdt-subtext\",\n\t\t\t\t\t\t\"gdt-capitalized\",\n\t\t\t\t\t],\n\t\t\t\t},\n\t\t\t],\n\t\t},\n\t},\n});\n\nexport function cn(...inputs: ClassValue[]) {\n\treturn twMerge(clsx(inputs));\n}\n","\"use client\";\n\nimport { createContext, type ReactNode, useContext } from \"react\";\n\ntype ComponentSize = \"sm\" | \"md\" | \"lg\";\n\nconst SizeContext = createContext<ComponentSize | undefined>(undefined);\n\nfunction SizeProvider({\n\tchildren,\n\tsize,\n}: {\n\tchildren: ReactNode;\n\tsize?: ComponentSize | null;\n}) {\n\tif (!size) {\n\t\treturn <>{children}</>;\n\t}\n\n\treturn <SizeContext.Provider value={size}>{children}</SizeContext.Provider>;\n}\n\nfunction useComponentSize(\n\tsize?: ComponentSize | null,\n\tfallback: ComponentSize = \"md\",\n) {\n\tconst inheritedSize = useContext(SizeContext);\n\treturn size ?? inheritedSize ?? fallback;\n}\n\nexport { SizeProvider, useComponentSize, type ComponentSize };\n"],"mappings":";AAAA,SAAS,WAA8B;;;ACAvC,SAA0B,YAAY;AACtC,SAAS,2BAA2B;AAEpC,IAAM,UAAU,oBAAoB;AAAA,EACnC,QAAQ;AAAA,IACP,aAAa;AAAA,MACZ,aAAa;AAAA,QACZ;AAAA,UACC,MAAM;AAAA,YACL;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,UACD;AAAA,QACD;AAAA,MACD;AAAA,IACD;AAAA,EACD;AACD,CAAC;AAEM,SAAS,MAAM,QAAsB;AAC3C,SAAO,QAAQ,KAAK,MAAM,CAAC;AAC5B;;;AC7BA,SAAS,eAA+B,kBAAkB;AAcjD;AAVT,IAAM,cAAc,cAAyC,MAAS;AAgBtE,SAAS,iBACR,MACA,WAA0B,MACzB;AACD,QAAM,gBAAgB,WAAW,WAAW;AAC5C,SAAO,QAAQ,iBAAiB;AACjC;;;AFGE,gBAAAA,YAAA;AAzBF,IAAM,mBAAmB;AAAA,EACxB;AAAA,EACA;AAAA,IACC,UAAU;AAAA,MACT,MAAM;AAAA,QACL,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MACL;AAAA,IACD;AAAA,IACA,iBAAiB;AAAA,MAChB,MAAM;AAAA,IACP;AAAA,EACD;AACD;AAOA,SAAS,SAAS,EAAE,WAAW,MAAM,GAAG,MAAM,GAAkB;AAC/D,QAAM,eAAe,iBAAiB,IAAI;AAE1C,SACC,gBAAAA;AAAA,IAAC;AAAA;AAAA,MACA,aAAU;AAAA,MACV,aAAW;AAAA,MACX,WAAW,GAAG,iBAAiB,EAAE,MAAM,aAAa,CAAC,GAAG,SAAS;AAAA,MAChE,GAAG;AAAA;AAAA,EACL;AAEF;","names":["jsx"]}
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}