@giddaa-housing/ui 1.0.0 → 1.2.0

package/dist/editorial-card.d.ts

@@ -1,29 +1,27 @@
-import * as React from 'react';
-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 { useRender } from "@base-ui/react/use-render";
+import { VariantProps } from "class-variance-authority";
+//#region src/editorial-card.d.ts
 declare const editorialCardVariants: (props?: ({
-    size?: "sm" | "md" | "lg" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
+  size?: "lg" | "md" | "sm" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
 type EditorialCardProps = useRender.ComponentProps<"article"> & VariantProps<typeof editorialCardVariants>;
-declare function EditorialCard({ className, render, size, ...props }: EditorialCardProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
-declare function EditorialCardHeader({ className, render, ...props }: useRender.ComponentProps<"div">): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
-declare function EditorialCardMeta({ className, render, ...props }: useRender.ComponentProps<"p">): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
-declare function EditorialCardTitle({ className, render, ...props }: useRender.ComponentProps<"h3">): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
-declare function EditorialCardMedia({ className, render, ...props }: useRender.ComponentProps<"div">): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
-declare function EditorialCardCategory({ className, render, ...props }: useRender.ComponentProps<"span">): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
-declare function EditorialCardPlayButton({ className, render, children, "aria-label": ariaLabel, ...props }: useRender.ComponentProps<"button">): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
+declare function EditorialCard({ className, render, size, ...props }: EditorialCardProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+declare function EditorialCardHeader({ className, render, ...props }: useRender.ComponentProps<"div">): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+declare function EditorialCardMeta({ className, render, ...props }: useRender.ComponentProps<"p">): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+declare function EditorialCardTitle({ className, render, ...props }: useRender.ComponentProps<"h3">): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+declare function EditorialCardMedia({ className, render, ...props }: useRender.ComponentProps<"div">): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+declare function EditorialCardCategory({ className, render, ...props }: useRender.ComponentProps<"span">): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+declare function EditorialCardPlayButton({ className, render, children, "aria-label": ariaLabel, ...props }: useRender.ComponentProps<"button">): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
 type EditorialCardAttributionProps = Omit<useRender.ComponentProps<"div">, "children"> & {
-    authorName: string;
-    brand?: {
-        name?: string;
-        photo?: string;
-    };
-    prefix?: string;
+  authorName: string;
+  brand?: {
+    name?: string;
+    photo?: string;
+  };
+  prefix?: string;
 };
-declare function EditorialCardAttribution({ authorName, brand, className, prefix, render, ...props }: EditorialCardAttributionProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
-declare function EditorialCardExcerpt({ className, render, ...props }: useRender.ComponentProps<"p">): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
-declare function EditorialCardLink({ className, render, children, ...props }: useRender.ComponentProps<"a">): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
-
-export { EditorialCard, EditorialCardAttribution, type EditorialCardAttributionProps, EditorialCardCategory, EditorialCardExcerpt, EditorialCardHeader, EditorialCardLink, EditorialCardMedia, EditorialCardMeta, EditorialCardPlayButton, type EditorialCardProps, EditorialCardTitle, editorialCardVariants };
+declare function EditorialCardAttribution({ authorName, brand, className, prefix, render, ...props }: EditorialCardAttributionProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+declare function EditorialCardExcerpt({ className, render, ...props }: useRender.ComponentProps<"p">): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+declare function EditorialCardLink({ className, render, children, ...props }: useRender.ComponentProps<"a">): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+//#endregion
+export { EditorialCard, EditorialCardAttribution, type EditorialCardAttributionProps, EditorialCardCategory, EditorialCardExcerpt, EditorialCardHeader, EditorialCardLink, EditorialCardMedia, EditorialCardMeta, EditorialCardPlayButton, type EditorialCardProps, EditorialCardTitle, editorialCardVariants };

package/dist/editorial-card.js

@@ -1,311 +1,144 @@
-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/editorial-card.tsx
+import { t as cn } from "./cn-BI_4DMBf.js";
+import { Avatar, AvatarFallback, AvatarImage } from "./avatar.js";
+import { buttonVariants } from "./button.js";
+import { ArrowRight, Play } 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 { ArrowRight, Play } from "lucide-react";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-var editorialCardVariants = cva(
-  "group/editorial-card relative flex w-full min-w-0 flex-col overflow-hidden rounded-2xl border border-line-subtle bg-surface text-fg-primary transition-[background-color,border-color,box-shadow]",
-  {
-    variants: {
-      size: {
-        sm: "gap-2.5 p-4",
-        md: "gap-3 p-4.5",
-        lg: "gap-3.5 p-5"
-      }
-    },
-    defaultVariants: {
-      size: "md"
-    }
-  }
-);
-function EditorialCard({
-  className,
-  render,
-  size = "md",
-  ...props
-}) {
-  return useRender({
-    defaultTagName: "article",
-    props: mergeProps(
-      {
-        className: cn(editorialCardVariants({ size }), className)
-      },
-      props
-    ),
-    render,
-    state: {
-      slot: "editorial-card",
-      size
-    }
-  });
+//#region src/editorial-card.tsx
+const editorialCardVariants = cva("group/editorial-card relative flex w-full min-w-0 flex-col overflow-hidden rounded-2xl border border-line-subtle bg-surface text-fg-primary transition-[background-color,border-color,box-shadow]", {
+	variants: { size: {
+		sm: "gap-2.5 p-4",
+		md: "gap-3 p-4.5",
+		lg: "gap-3.5 p-5"
+	} },
+	defaultVariants: { size: "md" }
+});
+function EditorialCard({ className, render, size = "md", ...props }) {
+	return useRender({
+		defaultTagName: "article",
+		props: mergeProps({ className: cn(editorialCardVariants({ size }), className) }, props),
+		render,
+		state: {
+			slot: "editorial-card",
+			size
+		}
+	});
 }
-function EditorialCardHeader({
-  className,
-  render,
-  ...props
-}) {
-  return useRender({
-    defaultTagName: "div",
-    props: mergeProps(
-      {
-        className: cn(
-          "flex min-w-0 flex-col gap-2 group-data-[size=lg]/editorial-card:gap-3",
-          className
-        )
-      },
-      props
-    ),
-    render,
-    state: {
-      slot: "editorial-card-header"
-    }
-  });
+function EditorialCardHeader({ className, render, ...props }) {
+	return useRender({
+		defaultTagName: "div",
+		props: mergeProps({ className: cn("flex min-w-0 flex-col gap-2 group-data-[size=lg]/editorial-card:gap-3", className) }, props),
+		render,
+		state: { slot: "editorial-card-header" }
+	});
 }
 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 EditorialCardMeta({
-  className,
-  render,
-  ...props
-}) {
-  return useRender({
-    defaultTagName: "p",
-    props: mergeProps(
-      {
-        className: cn(
-          "text-fg-secondary text-gdt-xs group-data-[size=lg]/editorial-card:text-gdt-sm",
-          className
-        )
-      },
-      props
-    ),
-    render,
-    state: {
-      slot: "editorial-card-meta"
-    }
-  });
+function EditorialCardMeta({ className, render, ...props }) {
+	return useRender({
+		defaultTagName: "p",
+		props: mergeProps({ className: cn("text-fg-secondary text-gdt-xs group-data-[size=lg]/editorial-card:text-gdt-sm", className) }, props),
+		render,
+		state: { slot: "editorial-card-meta" }
+	});
 }
-function EditorialCardTitle({
-  className,
-  render,
-  ...props
-}) {
-  return useRender({
-    defaultTagName: "h3",
-    props: mergeProps(
-      {
-        className: cn(
-          "text-fg-primary text-gdt-md font-extrabold group-data-[size=md]/editorial-card:text-gdt-lg",
-          "group-data-[size=lg]/editorial-card:text-gdt-h5",
-          className
-        )
-      },
-      props
-    ),
-    render,
-    state: {
-      slot: "editorial-card-title"
-    }
-  });
+function EditorialCardTitle({ className, render, ...props }) {
+	return useRender({
+		defaultTagName: "h3",
+		props: mergeProps({ className: cn("text-fg-primary text-gdt-md font-extrabold group-data-[size=md]/editorial-card:text-gdt-lg", "group-data-[size=lg]/editorial-card:text-gdt-h5", className) }, props),
+		render,
+		state: { slot: "editorial-card-title" }
+	});
 }
-function EditorialCardMedia({
-  className,
-  render,
-  ...props
-}) {
-  return useRender({
-    defaultTagName: "div",
-    props: mergeProps(
-      {
-        className: cn(
-          "relative isolate flex min-w-0 items-center justify-center overflow-hidden rounded-xl bg-surface-raised",
-          "min-h-28 group-data-[size=md]/editorial-card:min-h-40 group-data-[size=lg]/editorial-card:min-h-56",
-          "[&>img]:absolute [&>img]:inset-0 [&>img]:size-full [&>img]:object-cover",
-          className
-        )
-      },
-      props
-    ),
-    render,
-    state: {
-      slot: "editorial-card-media"
-    }
-  });
+function EditorialCardMedia({ className, render, ...props }) {
+	return useRender({
+		defaultTagName: "div",
+		props: mergeProps({ className: cn("relative isolate flex min-w-0 items-center justify-center overflow-hidden rounded-xl bg-surface-raised", "min-h-28 group-data-[size=md]/editorial-card:min-h-40 group-data-[size=lg]/editorial-card:min-h-56", "[&>img]:absolute [&>img]:inset-0 [&>img]:size-full [&>img]:object-cover", className) }, props),
+		render,
+		state: { slot: "editorial-card-media" }
+	});
 }
-function EditorialCardCategory({
-  className,
-  render,
-  ...props
-}) {
-  return useRender({
-    defaultTagName: "span",
-    props: mergeProps(
-      {
-        className: cn(
-          "absolute top-2 left-2 z-10 inline-flex w-fit items-center rounded-full bg-surface-brand px-2 py-1",
-          "text-gdt-capitalized font-bold text-fg-on-brand uppercase",
-          "group-data-[size=lg]/editorial-card:top-3 group-data-[size=sm]/editorial-card:left-3 group-data-[size=sm]/editorial-card:py-0.5 group-data-[size=lg]/editorial-card:px-3",
-          className
-        )
-      },
-      props
-    ),
-    render,
-    state: {
-      slot: "editorial-card-category"
-    }
-  });
+function EditorialCardCategory({ className, render, ...props }) {
+	return useRender({
+		defaultTagName: "span",
+		props: mergeProps({ className: cn("absolute top-2 left-2 z-10 inline-flex w-fit items-center rounded-full bg-surface-brand px-2 py-1", "text-gdt-capitalized font-bold text-fg-on-brand uppercase", "group-data-[size=lg]/editorial-card:top-3 group-data-[size=sm]/editorial-card:left-3 group-data-[size=sm]/editorial-card:py-0.5 group-data-[size=lg]/editorial-card:px-3", className) }, props),
+		render,
+		state: { slot: "editorial-card-category" }
+	});
 }
-function EditorialCardPlayButton({
-  className,
-  render,
-  children,
-  "aria-label": ariaLabel = "Play media",
-  ...props
-}) {
-  return useRender({
-    defaultTagName: "button",
-    props: mergeProps(
-      {
-        "aria-label": ariaLabel,
-        className: cn(
-          "absolute top-1/2 left-1/2 z-10 -translate-x-1/2 -translate-y-1/2 active:-translate-y-1/2",
-          buttonVariants({ variant: "glass-overlay", size: "icon-lg" }),
-          "size-12 group-data-[size=md]/editorial-card:size-16 group-data-[size=lg]/editorial-card:size-20",
-          "[&>svg]:ml-1 [&>svg]:size-5 group-data-[size=md]/editorial-card:[&>svg]:size-7 group-data-[size=lg]/editorial-card:[&>svg]:size-8",
-          className
-        ),
-        children: children ?? /* @__PURE__ */ jsx(Play, { "aria-hidden": "true", fill: "currentColor" })
-      },
-      props
-    ),
-    render,
-    state: {
-      slot: "editorial-card-play-button"
-    }
-  });
+function EditorialCardPlayButton({ className, render, children, "aria-label": ariaLabel = "Play media", ...props }) {
+	return useRender({
+		defaultTagName: "button",
+		props: mergeProps({
+			"aria-label": ariaLabel,
+			className: cn("absolute top-1/2 left-1/2 z-10 -translate-x-1/2 -translate-y-1/2 active:-translate-y-1/2", buttonVariants({
+				variant: "glass-overlay",
+				size: "icon-lg"
+			}), "size-12 group-data-[size=md]/editorial-card:size-16 group-data-[size=lg]/editorial-card:size-20", "[&>svg]:ml-1 [&>svg]:size-5 group-data-[size=md]/editorial-card:[&>svg]:size-7 group-data-[size=lg]/editorial-card:[&>svg]:size-8", className),
+			children: children ?? /* @__PURE__ */ jsx(Play, {
+				"aria-hidden": "true",
+				fill: "currentColor"
+			})
+		}, props),
+		render,
+		state: { slot: "editorial-card-play-button" }
+	});
 }
-function EditorialCardAttribution({
-  authorName,
-  brand,
-  className,
-  prefix = "By",
-  render,
-  ...props
-}) {
-  const brandName = brand?.name?.trim();
-  const brandPhoto = brand?.photo;
-  const showBrandAvatar = Boolean(brandName || brandPhoto);
-  return useRender({
-    defaultTagName: "div",
-    props: mergeProps(
-      {
-        className: cn(
-          "flex min-w-0 items-center gap-2 text-gdt-xs text-fg-secondary",
-          "group-data-[size=lg]/editorial-card:text-gdt-sm",
-          className
-        ),
-        children: /* @__PURE__ */ jsxs(Fragment, { children: [
-          prefix ? /* @__PURE__ */ jsx("span", { children: prefix }) : null,
-          showBrandAvatar ? /* @__PURE__ */ jsxs(
-            Avatar,
-            {
-              size: "sm",
-              className: "size-6 group-data-[size=lg]/editorial-card:size-7",
-              children: [
-                brandPhoto ? /* @__PURE__ */ jsx(AvatarImage, { alt: brandName ?? "", src: brandPhoto }) : null,
-                brandName ? /* @__PURE__ */ jsx(AvatarFallback, { className: "text-gdt-capitalized bg-surface-brand text-fg-on-brand", children: getInitials(brandName) }) : null
-              ]
-            }
-          ) : null,
-          /* @__PURE__ */ jsx("span", { className: "truncate font-bold text-fg-primary", children: authorName })
-        ] })
-      },
-      props
-    ),
-    render,
-    state: {
-      slot: "editorial-card-attribution"
-    }
-  });
+function EditorialCardAttribution({ authorName, brand, className, prefix = "By", render, ...props }) {
+	const brandName = brand?.name?.trim();
+	const brandPhoto = brand?.photo;
+	const showBrandAvatar = Boolean(brandName || brandPhoto);
+	return useRender({
+		defaultTagName: "div",
+		props: mergeProps({
+			className: cn("flex min-w-0 items-center gap-2 text-gdt-xs text-fg-secondary", "group-data-[size=lg]/editorial-card:text-gdt-sm", className),
+			children: /* @__PURE__ */ jsxs(Fragment, { children: [
+				prefix ? /* @__PURE__ */ jsx("span", { children: prefix }) : null,
+				showBrandAvatar ? /* @__PURE__ */ jsxs(Avatar, {
+					size: "sm",
+					className: "size-6 group-data-[size=lg]/editorial-card:size-7",
+					children: [brandPhoto ? /* @__PURE__ */ jsx(AvatarImage, {
+						alt: brandName ?? "",
+						src: brandPhoto
+					}) : null, brandName ? /* @__PURE__ */ jsx(AvatarFallback, {
+						className: "text-gdt-capitalized bg-surface-brand text-fg-on-brand",
+						children: getInitials(brandName)
+					}) : null]
+				}) : null,
+				/* @__PURE__ */ jsx("span", {
+					className: "truncate font-bold text-fg-primary",
+					children: authorName
+				})
+			] })
+		}, props),
+		render,
+		state: { slot: "editorial-card-attribution" }
+	});
 }
-function EditorialCardExcerpt({
-  className,
-  render,
-  ...props
-}) {
-  return useRender({
-    defaultTagName: "p",
-    props: mergeProps(
-      {
-        className: cn(
-          "line-clamp-3 text-gdt-xs text-fg-secondary group-data-[size=md]/editorial-card:text-gdt-md group-data-[size=lg]/editorial-card:text-gdt-lg",
-          className
-        )
-      },
-      props
-    ),
-    render,
-    state: {
-      slot: "editorial-card-excerpt"
-    }
-  });
+function EditorialCardExcerpt({ className, render, ...props }) {
+	return useRender({
+		defaultTagName: "p",
+		props: mergeProps({ className: cn("line-clamp-3 text-gdt-xs text-fg-secondary group-data-[size=md]/editorial-card:text-gdt-md group-data-[size=lg]/editorial-card:text-gdt-lg", className) }, props),
+		render,
+		state: { slot: "editorial-card-excerpt" }
+	});
 }
-function EditorialCardLink({
-  className,
-  render,
-  children,
-  ...props
-}) {
-  return useRender({
-    defaultTagName: "a",
-    props: mergeProps(
-      {
-        className: cn(
-          "inline-flex w-fit items-center gap-gdt-sm text-gdt-xs font-bold text-fg-brand underline underline-offset-2",
-          "group-data-[size=lg]/editorial-card:text-gdt-sm hover:opacity-80 focus-visible:outline-none",
-          "focus-visible:shadow-[0px_0px_0px_2px_var(--color-line-focus)]",
-          className
-        ),
-        children: /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsx(ArrowRight, { "aria-hidden": "true", className: "size-5 shrink-0" }),
-          /* @__PURE__ */ jsx("span", { children })
-        ] })
-      },
-      props
-    ),
-    render,
-    state: {
-      slot: "editorial-card-link"
-    }
-  });
+function EditorialCardLink({ className, render, children, ...props }) {
+	return useRender({
+		defaultTagName: "a",
+		props: mergeProps({
+			className: cn("inline-flex w-fit items-center gap-gdt-sm text-gdt-xs font-bold text-fg-brand underline underline-offset-2", "group-data-[size=lg]/editorial-card:text-gdt-sm hover:opacity-80 focus-visible:outline-none", "focus-visible:shadow-[0px_0px_0px_2px_var(--color-line-focus)]", className),
+			children: /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(ArrowRight, {
+				"aria-hidden": "true",
+				className: "size-5 shrink-0"
+			}), /* @__PURE__ */ jsx("span", { children })] })
+		}, props),
+		render,
+		state: { slot: "editorial-card-link" }
+	});
 }
-export {
-  EditorialCard,
-  EditorialCardAttribution,
-  EditorialCardCategory,
-  EditorialCardExcerpt,
-  EditorialCardHeader,
-  EditorialCardLink,
-  EditorialCardMedia,
-  EditorialCardMeta,
-  EditorialCardPlayButton,
-  EditorialCardTitle,
-  editorialCardVariants
-};
-//# sourceMappingURL=editorial-card.js.map
+//#endregion
+export { EditorialCard, EditorialCardAttribution, EditorialCardCategory, EditorialCardExcerpt, EditorialCardHeader, EditorialCardLink, EditorialCardMedia, EditorialCardMeta, EditorialCardPlayButton, EditorialCardTitle, editorialCardVariants };

package/dist/empty-state.d.ts

@@ -1,17 +1,16 @@
-import * as class_variance_authority_types from 'class-variance-authority/types';
-import { VariantProps } from 'class-variance-authority';
-import * as React from 'react';
-
+import { VariantProps } from "class-variance-authority";
+import * as React from "react";
+//#region src/empty-state.d.ts
 declare function Empty({ className, variant, ...props }: React.ComponentProps<"div"> & {
-    variant?: "filled" | "outline" | "default";
+  variant?: "filled" | "outline" | "default";
 }): React.JSX.Element;
 declare function EmptyHeader({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
 declare const emptyMediaVariants: (props?: ({
-    variant?: "default" | "icon" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
+  variant?: "default" | "icon" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
 declare function EmptyMedia({ className, variant, ...props }: React.ComponentProps<"div"> & VariantProps<typeof emptyMediaVariants>): React.JSX.Element;
 declare function EmptyTitle({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
 declare function EmptyDescription({ className, ...props }: React.ComponentProps<"p">): React.JSX.Element;
 declare function EmptyContent({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
-
-export { Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle };
+//#endregion
+export { Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle };