@giddaa-housing/ui 1.0.0 → 1.1.0

package/dist/activity-timeline.d.ts

@@ -1,33 +1,29 @@
-import * as React from 'react';
-import { Avatar } from './avatar.js';
-import { Badge } from './badge.js';
-import '@base-ui/react/avatar';
-import 'class-variance-authority/types';
-import '@base-ui/react/use-render';
-import 'class-variance-authority';
-
+import { Avatar } from "./avatar.js";
+import { Badge } from "./badge.js";
+import * as React from "react";
+//#region src/activity-timeline.d.ts
 type ActivityTimelineProps = React.ComponentProps<"section">;
 declare function ActivityTimeline({ className, ...props }: ActivityTimelineProps): React.JSX.Element;
 declare function ActivityTimelineTitle({ className, ...props }: React.ComponentProps<"h3">): React.JSX.Element;
 declare function ActivityTimelineList({ className, ...props }: React.ComponentProps<"ol">): React.JSX.Element;
 type ActivityTimelineItemProps = React.ComponentProps<"li"> & {
-    highlighted?: boolean;
-    highlightOnHover?: boolean;
+  highlighted?: boolean;
+  highlightOnHover?: boolean;
 };
 declare function ActivityTimelineItem({ className, highlighted, highlightOnHover, ...props }: ActivityTimelineItemProps): React.JSX.Element;
 declare function ActivityTimelineRail({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
 type ActivityTimelineAvatarProps = React.ComponentProps<typeof Avatar> & {
-    src?: string;
-    alt?: string;
-    initials?: React.ReactNode;
+  src?: string;
+  alt?: string;
+  initials?: React.ReactNode;
 };
 declare function ActivityTimelineAvatar({ className, src, alt, initials, children, ...props }: ActivityTimelineAvatarProps): React.JSX.Element;
 declare function ActivityTimelineConnector({ className, ...props }: React.ComponentProps<"span">): React.JSX.Element;
 declare function ActivityTimelineContent({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
 type ActivityTimelineBadgeProps = React.ComponentProps<typeof Badge> & {
-    icon?: React.ReactNode;
+  icon?: React.ReactNode;
 };
 declare function ActivityTimelineBadge({ className, icon, children, variant, size, border, ...props }: ActivityTimelineBadgeProps): React.JSX.Element;
 declare function ActivityTimelineDescription({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
-
-export { ActivityTimeline, ActivityTimelineAvatar, ActivityTimelineBadge, ActivityTimelineConnector, ActivityTimelineContent, ActivityTimelineDescription, ActivityTimelineItem, ActivityTimelineList, ActivityTimelineRail, ActivityTimelineTitle };
+//#endregion
+export { ActivityTimeline, ActivityTimelineAvatar, ActivityTimelineBadge, ActivityTimelineConnector, ActivityTimelineContent, ActivityTimelineDescription, ActivityTimelineItem, ActivityTimelineList, ActivityTimelineRail, ActivityTimelineTitle };

package/dist/activity-timeline.js

@@ -1,212 +1,97 @@
 "use client";
-import {
-  Avatar,
-  AvatarFallback,
-  AvatarImage
-} from "./chunk-QKAQZ2GU.js";
-import {
-  Badge
-} from "./chunk-XG47P6D4.js";
-import "./chunk-HL3ZSYES.js";
-import {
-  cn
-} from "./chunk-Y4TTYVNE.js";
-
-// src/activity-timeline.tsx
+import { t as cn } from "./cn-BI_4DMBf.js";
+import { Avatar, AvatarFallback, AvatarImage } from "./avatar.js";
+import { Badge } from "./badge.js";
 import { ChevronRightIcon } from "lucide-react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+//#region src/activity-timeline.tsx
 function ActivityTimeline({ className, ...props }) {
-  return /* @__PURE__ */ jsx(
-    "section",
-    {
-      "data-slot": "activity-timeline",
-      className: cn(
-        "flex w-full max-w-[520px] flex-col items-start gap-4 rounded-2xl border border-line bg-canvas px-4 py-5 text-fg-primary sm:p-6 dark:bg-surface",
-        className
-      ),
-      ...props
-    }
-  );
+	return /* @__PURE__ */ jsx("section", {
+		"data-slot": "activity-timeline",
+		className: cn("flex w-full max-w-[520px] flex-col items-start gap-4 rounded-2xl border border-line bg-canvas px-4 py-5 text-fg-primary sm:p-6 dark:bg-surface", className),
+		...props
+	});
 }
-function ActivityTimelineTitle({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    "h3",
-    {
-      "data-slot": "activity-timeline-title",
-      className: cn(
-        "w-full text-gdt-md leading-[26px] font-bold sm:text-gdt-lg sm:leading-[28px]",
-        className
-      ),
-      ...props
-    }
-  );
+function ActivityTimelineTitle({ className, ...props }) {
+	return /* @__PURE__ */ jsx("h3", {
+		"data-slot": "activity-timeline-title",
+		className: cn("w-full text-gdt-md leading-[26px] font-bold sm:text-gdt-lg sm:leading-[28px]", className),
+		...props
+	});
 }
-function ActivityTimelineList({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    "ol",
-    {
-      "data-slot": "activity-timeline-list",
-      className: cn("flex w-full flex-col items-start", className),
-      ...props
-    }
-  );
+function ActivityTimelineList({ className, ...props }) {
+	return /* @__PURE__ */ jsx("ol", {
+		"data-slot": "activity-timeline-list",
+		className: cn("flex w-full flex-col items-start", className),
+		...props
+	});
 }
-function ActivityTimelineItem({
-  className,
-  highlighted = false,
-  highlightOnHover = true,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    "li",
-    {
-      "data-slot": "activity-timeline-item",
-      "data-highlighted": highlighted || void 0,
-      className: cn(
-        "flex min-h-20 w-full min-w-0 gap-3 rounded-lg p-3 transition-[background-color,border-radius]",
-        highlighted && "rounded-2xl bg-surface-raised",
-        highlightOnHover && "hover:rounded-2xl hover:bg-surface-raised",
-        className
-      ),
-      ...props
-    }
-  );
+function ActivityTimelineItem({ className, highlighted = false, highlightOnHover = true, ...props }) {
+	return /* @__PURE__ */ jsx("li", {
+		"data-slot": "activity-timeline-item",
+		"data-highlighted": highlighted || void 0,
+		className: cn("flex min-h-20 w-full min-w-0 gap-3 rounded-lg p-3 transition-[background-color,border-radius]", highlighted && "rounded-2xl bg-surface-raised", highlightOnHover && "hover:rounded-2xl hover:bg-surface-raised", className),
+		...props
+	});
 }
-function ActivityTimelineRail({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      "data-slot": "activity-timeline-rail",
-      className: cn(
-        "flex w-10 shrink-0 flex-col items-center gap-1.5",
-        className
-      ),
-      ...props
-    }
-  );
+function ActivityTimelineRail({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "activity-timeline-rail",
+		className: cn("flex w-10 shrink-0 flex-col items-center gap-1.5", className),
+		...props
+	});
 }
-function ActivityTimelineAvatar({
-  className,
-  src,
-  alt = "",
-  initials,
-  children,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    Avatar,
-    {
-      "data-slot": "activity-timeline-avatar",
-      size: "md",
-      className: cn("bg-surface-brand", className),
-      ...props,
-      children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
-        src ? /* @__PURE__ */ jsx(AvatarImage, { src, alt }) : null,
-        /* @__PURE__ */ jsx(AvatarFallback, { className: "bg-surface-brand text-fg-on-brand", children: initials ?? "?" })
-      ] })
-    }
-  );
+function ActivityTimelineAvatar({ className, src, alt = "", initials, children, ...props }) {
+	return /* @__PURE__ */ jsx(Avatar, {
+		"data-slot": "activity-timeline-avatar",
+		size: "md",
+		className: cn("bg-surface-brand", className),
+		...props,
+		children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [src ? /* @__PURE__ */ jsx(AvatarImage, {
+			src,
+			alt
+		}) : null, /* @__PURE__ */ jsx(AvatarFallback, {
+			className: "bg-surface-brand text-fg-on-brand",
+			children: initials ?? "?"
+		})] })
+	});
 }
-function ActivityTimelineConnector({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    "span",
-    {
-      "aria-hidden": "true",
-      "data-slot": "activity-timeline-connector",
-      className: cn(
-        "h-6 w-0.5 shrink-0 rounded-full bg-line-subtle",
-        className
-      ),
-      ...props
-    }
-  );
+function ActivityTimelineConnector({ className, ...props }) {
+	return /* @__PURE__ */ jsx("span", {
+		"aria-hidden": "true",
+		"data-slot": "activity-timeline-connector",
+		className: cn("h-6 w-0.5 shrink-0 rounded-full bg-line-subtle", className),
+		...props
+	});
 }
-function ActivityTimelineContent({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      "data-slot": "activity-timeline-content",
-      className: cn(
-        "flex min-w-0 flex-1 flex-col items-start gap-1",
-        className
-      ),
-      ...props
-    }
-  );
+function ActivityTimelineContent({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "activity-timeline-content",
+		className: cn("flex min-w-0 flex-1 flex-col items-start gap-1", className),
+		...props
+	});
 }
-function ActivityTimelineBadge({
-  className,
-  icon,
-  children,
-  variant = "default",
-  size = "sm",
-  border = false,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxs(
-    Badge,
-    {
-      "data-slot": "activity-timeline-badge",
-      size,
-      variant,
-      border,
-      className: cn("min-h-0 py-1 text-gdt-xs font-semibold", className),
-      ...props,
-      children: [
-        /* @__PURE__ */ jsx(
-          "span",
-          {
-            "aria-hidden": "true",
-            className: "inline-flex shrink-0 items-center [&>svg]:size-3.5",
-            children: icon ?? /* @__PURE__ */ jsx(ChevronRightIcon, { className: "cn-rtl-flip" })
-          }
-        ),
-        children
-      ]
-    }
-  );
+function ActivityTimelineBadge({ className, icon, children, variant = "default", size = "sm", border = false, ...props }) {
+	return /* @__PURE__ */ jsxs(Badge, {
+		"data-slot": "activity-timeline-badge",
+		size,
+		variant,
+		border,
+		className: cn("min-h-0 py-1 text-gdt-xs font-semibold", className),
+		...props,
+		children: [/* @__PURE__ */ jsx("span", {
+			"aria-hidden": "true",
+			className: "inline-flex shrink-0 items-center [&>svg]:size-3.5",
+			children: icon ?? /* @__PURE__ */ jsx(ChevronRightIcon, { className: "cn-rtl-flip" })
+		}), children]
+	});
 }
-function ActivityTimelineDescription({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      "data-slot": "activity-timeline-description",
-      className: cn(
-        "min-w-0 text-gdt-xs text-fg-secondary sm:text-[13px] sm:leading-[22px]",
-        className
-      ),
-      ...props
-    }
-  );
+function ActivityTimelineDescription({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "activity-timeline-description",
+		className: cn("min-w-0 text-gdt-xs text-fg-secondary sm:text-[13px] sm:leading-[22px]", className),
+		...props
+	});
 }
-export {
-  ActivityTimeline,
-  ActivityTimelineAvatar,
-  ActivityTimelineBadge,
-  ActivityTimelineConnector,
-  ActivityTimelineContent,
-  ActivityTimelineDescription,
-  ActivityTimelineItem,
-  ActivityTimelineList,
-  ActivityTimelineRail,
-  ActivityTimelineTitle
-};
-//# sourceMappingURL=activity-timeline.js.map
+//#endregion
+export { ActivityTimeline, ActivityTimelineAvatar, ActivityTimelineBadge, ActivityTimelineConnector, ActivityTimelineContent, ActivityTimelineDescription, ActivityTimelineItem, ActivityTimelineList, ActivityTimelineRail, ActivityTimelineTitle };

package/dist/alert.d.ts

@@ -1,18 +1,17 @@
-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/alert.d.ts
 declare const alertVariants: (props?: ({
-    variant?: "success" | "info" | "warning" | "error" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
+  variant?: "error" | "info" | "success" | "warning" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
 type AlertVariant = NonNullable<VariantProps<typeof alertVariants>["variant"]>;
 type AlertProps = React.ComponentProps<"div"> & VariantProps<typeof alertVariants> & {
-    liveRegion?: "polite" | "assertive" | "off";
+  liveRegion?: "polite" | "assertive" | "off";
 };
 declare function Alert({ className, variant, liveRegion, role, ...props }: AlertProps): React.JSX.Element;
 declare function AlertTitle({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
 declare function AlertDescription({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
 declare function AlertActions({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
 declare function AlertClose({ className, type, children, "aria-label": ariaLabel, ...props }: React.ComponentProps<"button">): React.JSX.Element;
-
-export { Alert, AlertActions, AlertClose, AlertDescription, type AlertProps, AlertTitle, type AlertVariant, alertVariants };
+//#endregion
+export { Alert, AlertActions, AlertClose, AlertDescription, type AlertProps, AlertTitle, type AlertVariant, alertVariants };

package/dist/alert.js

@@ -1,122 +1,64 @@
-import {
-  cn
-} from "./chunk-Y4TTYVNE.js";
-
-// src/alert.tsx
-import { cva } from "class-variance-authority";
+import { t as cn } from "./cn-BI_4DMBf.js";
 import { X } from "lucide-react";
 import { jsx } from "react/jsx-runtime";
-var alertVariants = cva(
-  "grid w-full grid-cols-[0_minmax(0,1fr)_auto] items-start gap-y-1 rounded-xl border-2 px-4 py-3.5 text-gdt-sm transition-[background-color,border-color,color,box-shadow] has-[>svg]:grid-cols-[1.25rem_minmax(0,1fr)_auto] has-[>svg]:gap-x-3 [&>svg]:col-start-1 [&>svg]:row-span-2 [&>svg]:mt-0.5 [&>svg]:size-5 [&>svg]:text-current",
-  {
-    variants: {
-      variant: {
-        success: "border-status-success bg-surface-brand-subtle text-status-success",
-        info: "border-status-info bg-surface text-status-info",
-        warning: "border-status-warning bg-surface-accent-subtle text-status-warning",
-        error: "border-status-danger bg-surface-danger-subtle text-status-danger"
-      }
-    },
-    defaultVariants: {
-      variant: "info"
-    }
-  }
-);
-function Alert({
-  className,
-  variant = "info",
-  liveRegion,
-  role,
-  ...props
-}) {
-  const resolvedVariant = variant ?? "info";
-  const resolvedRole = role ?? (liveRegion === "off" ? void 0 : getAlertRole(resolvedVariant));
-  const resolvedLiveRegion = liveRegion === "off" ? void 0 : liveRegion ?? (resolvedVariant === "error" ? "assertive" : "polite");
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      "data-slot": "alert",
-      "data-variant": resolvedVariant,
-      role: resolvedRole,
-      "aria-live": resolvedLiveRegion,
-      className: cn(alertVariants({ variant: resolvedVariant }), className),
-      ...props
-    }
-  );
+import { cva } from "class-variance-authority";
+//#region src/alert.tsx
+const alertVariants = cva("grid w-full grid-cols-[0_minmax(0,1fr)_auto] items-start gap-y-1 rounded-xl border-2 px-4 py-3.5 text-gdt-sm transition-[background-color,border-color,color,box-shadow] has-[>svg]:grid-cols-[1.25rem_minmax(0,1fr)_auto] has-[>svg]:gap-x-3 [&>svg]:col-start-1 [&>svg]:row-span-2 [&>svg]:mt-0.5 [&>svg]:size-5 [&>svg]:text-current", {
+	variants: { variant: {
+		success: "border-status-success bg-surface-brand-subtle text-status-success",
+		info: "border-status-info bg-surface text-status-info",
+		warning: "border-status-warning bg-surface-accent-subtle text-status-warning",
+		error: "border-status-danger bg-surface-danger-subtle text-status-danger"
+	} },
+	defaultVariants: { variant: "info" }
+});
+function Alert({ className, variant = "info", liveRegion, role, ...props }) {
+	const resolvedVariant = variant ?? "info";
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "alert",
+		"data-variant": resolvedVariant,
+		role: role ?? (liveRegion === "off" ? void 0 : getAlertRole(resolvedVariant)),
+		"aria-live": liveRegion === "off" ? void 0 : liveRegion ?? (resolvedVariant === "error" ? "assertive" : "polite"),
+		className: cn(alertVariants({ variant: resolvedVariant }), className),
+		...props
+	});
 }
 function AlertTitle({ className, ...props }) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      "data-slot": "alert-title",
-      className: cn(
-        "col-start-2 row-start-1 font-extrabold text-fg-primary",
-        className
-      ),
-      ...props
-    }
-  );
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "alert-title",
+		className: cn("col-start-2 row-start-1 font-extrabold text-fg-primary", className),
+		...props
+	});
 }
-function AlertDescription({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      "data-slot": "alert-description",
-      className: cn(
-        "col-start-2 row-start-2 text-fg-secondary [&_p]:leading-relaxed",
-        className
-      ),
-      ...props
-    }
-  );
+function AlertDescription({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "alert-description",
+		className: cn("col-start-2 row-start-2 text-fg-secondary [&_p]:leading-relaxed", className),
+		...props
+	});
 }
 function AlertActions({ className, ...props }) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      "data-slot": "alert-actions",
-      className: cn(
-        "col-start-2 row-start-3 mt-2 flex shrink-0 items-center gap-2 justify-self-start sm:col-start-3 sm:row-span-2 sm:row-start-1 sm:mt-[-0.125rem] sm:justify-self-end",
-        className
-      ),
-      ...props
-    }
-  );
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "alert-actions",
+		className: cn("col-start-2 row-start-3 mt-2 flex shrink-0 items-center gap-2 justify-self-start sm:col-start-3 sm:row-span-2 sm:row-start-1 sm:mt-[-0.125rem] sm:justify-self-end", className),
+		...props
+	});
 }
-function AlertClose({
-  className,
-  type = "button",
-  children,
-  "aria-label": ariaLabel = "Dismiss alert",
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    "button",
-    {
-      "data-slot": "alert-close",
-      type,
-      className: cn(
-        "inline-flex size-8 shrink-0 cursor-pointer items-center justify-center rounded-full border-0 bg-transparent p-0 text-fg-secondary transition-[background-color,color,box-shadow] hover:bg-surface-raised hover:text-fg-primary focus-visible:border-line-focus focus-visible:outline-none focus-visible:shadow-[0px_0px_0px_2px_var(--color-line-focus)]",
-        className
-      ),
-      "aria-label": ariaLabel,
-      ...props,
-      children: children ?? /* @__PURE__ */ jsx(X, { className: "size-4", "aria-hidden": "true" })
-    }
-  );
+function AlertClose({ className, type = "button", children, "aria-label": ariaLabel = "Dismiss alert", ...props }) {
+	return /* @__PURE__ */ jsx("button", {
+		"data-slot": "alert-close",
+		type,
+		className: cn("inline-flex size-8 shrink-0 cursor-pointer items-center justify-center rounded-full border-0 bg-transparent p-0 text-fg-secondary transition-[background-color,color,box-shadow] hover:bg-surface-raised hover:text-fg-primary focus-visible:border-line-focus focus-visible:outline-none focus-visible:shadow-[0px_0px_0px_2px_var(--color-line-focus)]", className),
+		"aria-label": ariaLabel,
+		...props,
+		children: children ?? /* @__PURE__ */ jsx(X, {
+			className: "size-4",
+			"aria-hidden": "true"
+		})
+	});
 }
 function getAlertRole(variant) {
-  return variant === "error" ? "alert" : "status";
+	return variant === "error" ? "alert" : "status";
 }
-export {
-  Alert,
-  AlertActions,
-  AlertClose,
-  AlertDescription,
-  AlertTitle,
-  alertVariants
-};
-//# sourceMappingURL=alert.js.map
+//#endregion
+export { Alert, AlertActions, AlertClose, AlertDescription, AlertTitle, alertVariants };

package/dist/auth-layout.d.ts

@@ -1,5 +1,5 @@
-import * as React from 'react';
-
+import * as React from "react";
+//#region src/auth-layout.d.ts
 declare function AuthLayout({ className, ...props }: React.ComponentProps<"main">): React.JSX.Element;
 declare function AuthLayoutBrandPanel({ className, children, ...props }: React.ComponentProps<"section">): React.JSX.Element;
 declare function AuthLayoutBrandLogo({ children, className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
@@ -19,5 +19,5 @@ declare function AuthLayoutForm({ className, ...props }: React.ComponentProps<"f
 declare function AuthLayoutActions({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
 declare function AuthLayoutDivider({ children, className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
 declare function AuthLayoutFooter({ className, ...props }: React.ComponentProps<"footer">): React.JSX.Element;
-
-export { AuthLayout, AuthLayoutActions, AuthLayoutBrandContent, AuthLayoutBrandDescription, AuthLayoutBrandLogo, AuthLayoutBrandPanel, AuthLayoutBrandTitle, AuthLayoutCard, AuthLayoutDescription, AuthLayoutDivider, AuthLayoutFooter, AuthLayoutForm, AuthLayoutHeader, AuthLayoutMain, AuthLayoutMedia, AuthLayoutMediaItem, AuthLayoutMobileLogo, AuthLayoutTitle, AuthLayoutTopAction };
+//#endregion
+export { AuthLayout, AuthLayoutActions, AuthLayoutBrandContent, AuthLayoutBrandDescription, AuthLayoutBrandLogo, AuthLayoutBrandPanel, AuthLayoutBrandTitle, AuthLayoutCard, AuthLayoutDescription, AuthLayoutDivider, AuthLayoutFooter, AuthLayoutForm, AuthLayoutHeader, AuthLayoutMain, AuthLayoutMedia, AuthLayoutMediaItem, AuthLayoutMobileLogo, AuthLayoutTitle, AuthLayoutTopAction };