@giddaa-housing/ui 1.0.0 → 1.2.0

package/dist/testimonial-block.js

@@ -1,377 +1,208 @@
-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 { t as cn } from "./cn-BI_4DMBf.js";
+import { Avatar, AvatarFallback, AvatarImage } from "./avatar.js";
+import { buttonVariants } from "./button.js";
+import { ArrowUpRight, Play, Star } from "lucide-react";
+import { Fragment, 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 { 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
-    }
-  });
+//#region src/testimonial-block.tsx
+const STAR_INDEXES = [
+	0,
+	1,
+	2,
+	3,
+	4
+];
+const 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 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 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 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));
+	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("");
+	return name.trim().split(/\s+/).slice(0, 2).map((part) => part[0]?.toUpperCase()).join("");
 }
 function formatRating(rating) {
-  return clampRating(rating).toFixed(1);
+	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 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 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 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 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 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"
-    }
-  });
+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
+//#endregion
+export { TestimonialBlock, TestimonialBlockAction, TestimonialBlockContent, TestimonialBlockFooter, TestimonialBlockMedia, TestimonialBlockPlayButton, TestimonialBlockQuote, TestimonialBlockRating, TestimonialBlockReviewer, testimonialBlockVariants };

package/dist/textarea-IS_D8pXf.d.ts

@@ -0,0 +1,11 @@
+import { VariantProps } from "class-variance-authority";
+import * as React from "react";
+//#region src/textarea.d.ts
+declare const textareaVariants: (props?: ({
+  size?: "lg" | "md" | "sm" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+type TextareaProps = Omit<React.ComponentProps<"textarea">, "size"> & VariantProps<typeof textareaVariants>;
+type TextareaSize = NonNullable<VariantProps<typeof textareaVariants>["size"]>;
+declare function Textarea({ className, size, ...props }: TextareaProps): React.JSX.Element;
+//#endregion
+export { TextareaSize as n, textareaVariants as r, Textarea as t };

package/dist/textarea.d.ts

@@ -1,12 +1,2 @@
-import * as class_variance_authority_types from 'class-variance-authority/types';
-import { VariantProps } from 'class-variance-authority';
-import * as React from 'react';
-
-declare const textareaVariants: (props?: ({
-    size?: "sm" | "md" | "lg" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-type TextareaProps = Omit<React.ComponentProps<"textarea">, "size"> & VariantProps<typeof textareaVariants>;
-type TextareaSize = NonNullable<VariantProps<typeof textareaVariants>["size"]>;
-declare function Textarea({ className, size, ...props }: TextareaProps): React.JSX.Element;
-
-export { Textarea, type TextareaSize, textareaVariants };
+import { n as TextareaSize, r as textareaVariants, t as Textarea } from "./textarea-IS_D8pXf.js";
+export { Textarea, type TextareaSize, textareaVariants };

package/dist/textarea.js

@@ -1,11 +1,24 @@
-import {
-  Textarea,
-  textareaVariants
-} from "./chunk-KSMDANKI.js";
-import "./chunk-HL3ZSYES.js";
-import "./chunk-Y4TTYVNE.js";
-export {
-  Textarea,
-  textareaVariants
-};
-//# sourceMappingURL=textarea.js.map
+import { t as cn } from "./cn-BI_4DMBf.js";
+import { useComponentSize } from "./size-context.js";
+import { jsx } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+//#region src/textarea.tsx
+const 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 focus-visible: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 aria-invalid:focus-visible:border-line-danger aria-invalid:focus-visible:inset-ring-line-danger", {
+	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__ */ jsx("textarea", {
+		"data-slot": "textarea",
+		"data-size": resolvedSize,
+		className: cn(textareaVariants({ size: resolvedSize }), className),
+		...props
+	});
+}
+//#endregion
+export { Textarea, textareaVariants };