@giddaa-housing/ui 0.1.0 → 1.1.0

package/dist/tag.js

@@ -1,160 +1,108 @@
-// src/components/ui/tag.tsx
-import { cva } from "class-variance-authority";
+"use client";
+import { t as cn } from "./cn-BI_4DMBf.js";
+import { useComponentSize } from "./size-context.js";
 import { X } from "lucide-react";
-
-// 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"
-          ]
-        }
-      ]
-    }
-  }
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+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
+	}
 });
-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;
+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" })
+		})]
+	});
 }
-
-// src/components/ui/tag.tsx
-import { jsx as jsx2, jsxs } from "react/jsx-runtime";
-var tagVariants = cva(
-  "group/tag inline-flex w-fit shrink-0 items-center font-bold leading-none whitespace-nowrap rounded-4xl border bg-surface-raised text-fg-secondary transition-[background-color,border-color] select-none",
-  {
-    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:bg-action-tertiary-hover 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: "opacity-50 pointer-events-none",
-        false: ""
-      }
-    },
-    defaultVariants: {
-      size: "md",
-      border: false,
-      clickable: false,
-      disabled: false
-    }
-  }
-);
-var tagCloseVariants = cva(
-  "inline-flex shrink-0 items-center justify-center rounded-full text-fg-secondary 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",
-  {
-    variants: {
-      size: {
-        sm: "size-4 [&>svg]:size-2.5",
-        md: "size-5 [&>svg]:size-3",
-        lg: "size-5 [&>svg]:size-3.5"
-      }
-    },
-    defaultVariants: {
-      size: "md"
-    }
-  }
-);
-function Tag({
-  label,
-  leadingIcon,
-  onClose,
-  onClick,
-  size,
-  border = false,
-  clickable = false,
-  disabled = false,
-  className
-}) {
-  const resolvedSize = useComponentSize(size);
-  const handleKeyDown = (e) => {
-    if (e.key === "Enter" || e.key === " ") {
-      e.preventDefault();
-      onClick?.();
-    }
-  };
-  return (
-    // biome-ignore lint/a11y/noStaticElementInteractions: clickable tags set button semantics, focus, and keyboard activation while still allowing a nested close action.
-    /* @__PURE__ */ jsxs(
-      "div",
-      {
-        role: clickable ? "button" : void 0,
-        tabIndex: clickable && !disabled ? 0 : void 0,
-        "aria-disabled": disabled ? true : void 0,
-        "data-slot": "tag",
-        className: cn(
-          tagVariants({ size: resolvedSize, border, clickable, disabled }),
-          className
-        ),
-        onClick: clickable ? onClick : void 0,
-        onKeyDown: clickable ? handleKeyDown : void 0,
-        children: [
-          leadingIcon && /* @__PURE__ */ jsx2(
-            "span",
-            {
-              "aria-hidden": "true",
-              "data-slot": "tag-leading-icon",
-              className: "inline-flex shrink-0 items-center [&>svg]:size-[1em]",
-              children: leadingIcon
-            }
-          ),
-          /* @__PURE__ */ jsx2("span", { children: label }),
-          /* @__PURE__ */ jsx2(
-            "button",
-            {
-              type: "button",
-              "aria-label": `Remove ${label}`,
-              disabled,
-              className: cn(tagCloseVariants({ size: resolvedSize })),
-              onClick: (e) => {
-                e.stopPropagation();
-                onClose?.(e);
-              },
-              children: /* @__PURE__ */ jsx2(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 })] });
 }
-export {
-  Tag,
-  tagVariants
-};
-//# sourceMappingURL=tag.js.map
+//#endregion
+export { Tag, tagVariants };

package/dist/testimonial-block.d.ts

@@ -0,0 +1,33 @@
+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?: "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;
+};
+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;
+};
+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>>;
+//#endregion
+export { TestimonialBlock, TestimonialBlockAction, TestimonialBlockContent, TestimonialBlockFooter, TestimonialBlockMedia, TestimonialBlockPlayButton, type TestimonialBlockProps, TestimonialBlockQuote, TestimonialBlockRating, TestimonialBlockReviewer, type TestimonialBlockReviewerProps, testimonialBlockVariants };

package/dist/testimonial-block.js

@@ -0,0 +1,208 @@
+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";
+//#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 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" }
+	});
+}
+//#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,78 +1,24 @@
-// src/components/ui/textarea.tsx
+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";
-
-// 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"
-          ]
-        }
-      ]
-    }
-  }
+//#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 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 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
-    }
-  );
+	const resolvedSize = useComponentSize(size);
+	return /* @__PURE__ */ jsx("textarea", {
+		"data-slot": "textarea",
+		"data-size": resolvedSize,
+		className: cn(textareaVariants({ size: resolvedSize }), className),
+		...props
+	});
 }
-export {
-  Textarea,
-  textareaVariants
-};
-//# sourceMappingURL=textarea.js.map
+//#endregion
+export { Textarea, textareaVariants };

package/dist/time-picker.d.ts

@@ -1,13 +1,13 @@
-import * as React from 'react';
-
+import * as React from "react";
+//#region src/time-picker.d.ts
 interface TimePickerProps {
-    value?: string;
-    onChange?: (time: string | undefined) => void;
-    format?: "12h" | "24h";
-    disabled?: boolean;
-    placeholder?: string;
-    className?: string;
+  value?: string;
+  onChange?: (time: string | undefined) => void;
+  format?: "12h" | "24h";
+  disabled?: boolean;
+  placeholder?: string;
+  className?: string;
 }
-declare function TimePicker({ value, onChange, format, disabled, placeholder, className, }: TimePickerProps): React.JSX.Element;
-
-export { TimePicker, type TimePickerProps };
+declare function TimePicker({ value, onChange, format, disabled, placeholder, className }: TimePickerProps): React.JSX.Element;
+//#endregion
+export { TimePicker, type TimePickerProps };