@giddaa-housing/ui 0.1.0 → 1.1.0

package/css/theme.css

@@ -0,0 +1,255 @@
+@theme static {
+	--font-sans:
+		ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",
+		sans-serif;
+
+	--radius-sm: 0.25rem; /* 4px */
+	--radius-md: 0.5rem; /* 8px */
+	--radius-lg: 0.75rem; /* 12px */
+	--radius-xl: 1rem; /* 16px */
+	--radius-2xl: 1.5rem; /* 24px */
+	--radius-3xl: 2.5rem; /* 40px */
+	--radius-4xl: 5rem; /* 80px */
+
+	--spacing-gdt-xs: 0.25rem; /* 4px */
+	--spacing-gdt-sm: 0.5rem; /* 8px */
+	--spacing-gdt-md: 0.75rem; /* 12px */
+	--spacing-gdt-lg: 1rem; /* 16px */
+	--spacing-gdt-xl: 1.5rem; /* 24px */
+	--spacing-gdt-2xl: 2rem; /* 32px */
+	--spacing-gdt-3xl: 2.5rem; /* 40px */
+	--spacing-gdt-4xl: 3rem; /* 48px */
+	--spacing-gdt-5xl: 4rem; /* 64px */
+	--spacing-gdt-6xl: 5rem; /* 80px */
+	--spacing-gdt-7xl: 7.5rem; /* 120px */
+
+	--text-gdt-display: 3.75rem; /* 60px */
+	--text-gdt-display--line-height: 4.5rem; /* 72px */
+	--text-gdt-display--letter-spacing: -0.02em;
+	--text-gdt-display--font-weight: 800;
+
+	--text-gdt-h1: 2.5rem; /* 40px */
+	--text-gdt-h1--line-height: 3.75rem; /* 60px */
+	--text-gdt-h1--letter-spacing: -0.02em;
+	--text-gdt-h1--font-weight: 800;
+
+	--text-gdt-h2: 2rem; /* 32px */
+	--text-gdt-h2--line-height: 2.625rem; /* 42px */
+	--text-gdt-h2--letter-spacing: -0.02em;
+	--text-gdt-h2--font-weight: 800;
+
+	--text-gdt-h3: 1.5rem; /* 24px */
+	--text-gdt-h3--line-height: 2.125rem; /* 34px */
+	--text-gdt-h3--font-weight: 800;
+
+	--text-gdt-h4: 1.25rem; /* 20px */
+	--text-gdt-h4--line-height: 1.875rem; /* 30px */
+	--text-gdt-h4--font-weight: 800;
+
+	--text-gdt-h5: 1rem; /* 16px */
+	--text-gdt-h5--line-height: 1.625rem; /* 26px */
+	--text-gdt-h5--font-weight: 800;
+
+	--text-gdt-xl: 1.25rem; /* 20px */
+	--text-gdt-xl--line-height: 1.875rem; /* 30px */
+
+	--text-gdt-lg: 1.125rem; /* 18px */
+	--text-gdt-lg--line-height: 1.75rem; /* 28px */
+
+	--text-gdt-md: 1rem; /* 16px */
+	--text-gdt-md--line-height: 1.625rem; /* 26px */
+
+	--text-gdt-sm: 0.875rem; /* 14px */
+	--text-gdt-sm--line-height: 1.5rem; /* 24px */
+
+	--text-gdt-xs: 0.75rem; /* 12px */
+	--text-gdt-xs--line-height: 1.375rem; /* 22px */
+
+	--text-gdt-subtext: 0.6875rem; /* 11px */
+	--text-gdt-subtext--line-height: 1.3125rem; /* 21px */
+
+	--text-gdt-capitalized: 0.625rem; /* 10px */
+	--text-gdt-capitalized--line-height: 1.25rem; /* 20px */
+	--text-gdt-capitalized--font-weight: 700;
+
+	--color-canvas: #ffffff;
+	--color-surface: #f8fafc;
+	--color-surface-raised: #f1f5f9;
+	--color-surface-overlay: #ffffff;
+	--color-surface-brand: #2563eb;
+	--color-surface-brand-subtle: #eff6ff;
+	--color-surface-accent: #d97706;
+	--color-surface-accent-subtle: #fffbeb;
+	--color-surface-danger-subtle: #fef2f2;
+	--color-surface-info-subtle: #eff6ff;
+	--color-surface-glass-button: rgb(15 23 42);
+	--color-surface-glass-overlay-button: rgb(15 23 42 / 0.5);
+	--color-surface-glass-overlay-container-1: rgb(255 255 255 / 0.85);
+	--color-surface-glass-overlay-container-2: rgb(255 255 255 / 0.95);
+
+	--color-fg-primary: #0f172a;
+	--color-fg-secondary: #475569;
+	--color-fg-caption-placeholder: #64748b;
+	--color-fg-brand: #1d4ed8;
+	--color-fg-danger: #dc2626;
+	--color-fg-accent: #b45309;
+	--color-fg-on-brand: #ffffff;
+	--color-fg-on-accent: #1f2937;
+
+	--color-line-subtle: #e2e8f0;
+	--color-line: #cbd5e1;
+	--color-line-strong: #94a3b8;
+	--color-line-focus: #2563eb;
+	--color-line-danger: #ef4444;
+
+	--color-action-primary: #2563eb;
+	--color-action-primary-hover: #1d4ed8;
+	--color-action-primary-pressed: #1e40af;
+	--color-action-secondary: #2563eb;
+	--color-action-secondary-hover: #1d4ed8;
+	--color-action-secondary-pressed: #1e40af;
+	--color-action-tertiary: #f1f5f9;
+	--color-action-tertiary-hover: #e2e8f0;
+	--color-action-tertiary-pressed: #cbd5e1;
+	--color-action-accent: #d97706;
+	--color-action-danger: #ef4444;
+	--color-action-danger-hover: #dc2626;
+	--color-action-danger-pressed: #b91c1c;
+	--color-whatsapp-button: #00d158;
+
+	--color-status-success: #16a34a;
+	--color-status-warning: #d97706;
+	--color-status-danger: #ef4444;
+	--color-status-info: #2563eb;
+
+	--animate-slideUp: slideUp 1.5s cubic-bezier(1, -0.16, 0, 0.94) forwards;
+	--animate-slideDown: slideDown 1.5s cubic-bezier(1, -0.16, 0, 0.94) forwards;
+	--animate-scroll: scroll 15s linear infinite;
+	--animate-bouncing-loader: bouncing-loader 0.3s infinite alternate;
+	--animate-accordion-down: accordion-down 0.2s ease-out;
+	--animate-accordion-up: accordion-up 0.2s ease-out;
+	--animate-sonar-glow: sonar-glow 1.5s cubic-bezier(0, 0, 0.2, 1) infinite;
+	--animate-round-sonar-glow: round-sonar-glow 1.5s ease-out infinite;
+	--animate-spin-slow: spin 3s linear infinite;
+}
+
+:root {
+	--border: var(--color-line);
+	--elevation-e0-bg: var(--color-surface);
+	--elevation-e0-border: var(--color-line-subtle);
+	--elevation-e0-shadow: none;
+	--elevation-e1-bg: var(--color-surface-overlay);
+	--elevation-e1-border: var(--color-line-subtle);
+	--elevation-e1-shadow: 0 1px 2px rgb(15 23 42 / 0.06);
+	--elevation-e2-bg: var(--color-surface-overlay);
+	--elevation-e2-border: var(--color-line-subtle);
+	--elevation-e2-shadow: 0 4px 12px rgb(15 23 42 / 0.08);
+	--elevation-e3-bg: var(--color-surface-overlay);
+	--elevation-e3-border: var(--color-line);
+	--elevation-e3-shadow: 0 8px 24px rgb(15 23 42 / 0.1);
+	--elevation-e4-bg: var(--color-surface-overlay);
+	--elevation-e4-border: var(--color-line);
+	--elevation-e4-shadow: 0 16px 40px rgb(15 23 42 / 0.14);
+}
+
+@media (width >= 48rem) {
+	:root {
+		--text-gdt-h1: 3rem; /* 48px */
+		--text-gdt-h1--line-height: 4.25rem; /* 68px */
+
+		--text-gdt-h2: 2.5rem; /* 40px */
+		--text-gdt-h2--line-height: 3.75rem; /* 60px */
+
+		--text-gdt-h3: 2rem; /* 32px */
+		--text-gdt-h3--line-height: 3.25rem; /* 52px */
+
+		--text-gdt-h4: 1.5rem; /* 24px */
+		--text-gdt-h4--line-height: 2.5rem; /* 40px */
+
+		--text-gdt-h5: 1.5rem; /* 24px */
+		--text-gdt-h5--line-height: 2rem; /* 32px */
+	}
+}
+
+@keyframes slideUp {
+	0% {
+		transform: translateY(100%);
+		opacity: 0%;
+	}
+
+	100% {
+		transform: translateY(0%);
+		opacity: 100%;
+	}
+}
+
+@keyframes slideDown {
+	0% {
+		transform: translateY(0%);
+		opacity: 0%;
+	}
+
+	100% {
+		transform: translateY(100%);
+		opacity: 100%;
+	}
+}
+
+@keyframes scroll {
+	0% {
+		transform: translateX(0);
+	}
+
+	100% {
+		transform: translateX(-50%);
+	}
+}
+
+@keyframes bouncing-loader {
+	to {
+		transform: translate3d(0, -8px, 0);
+	}
+}
+
+@keyframes accordion-down {
+	from {
+		height: 0;
+	}
+
+	to {
+		height: var(--radix-accordion-content-height);
+	}
+}
+
+@keyframes accordion-up {
+	from {
+		height: var(--radix-accordion-content-height);
+	}
+
+	to {
+		height: 0;
+	}
+}
+
+@keyframes sonar-glow {
+	75%,
+	100% {
+		transform: scale(
+			var(--sonar-glow-scale-x, 1.125),
+			var(--sonar-glow-scale-y, 1.5)
+		);
+		opacity: 0;
+	}
+}
+
+@keyframes round-sonar-glow {
+	0% {
+		transform: scale(1);
+		opacity: 0.2;
+	}
+
+	100% {
+		transform: scale(1.2);
+		opacity: 0;
+	}
+}

package/dist/accordion.d.ts

@@ -1,11 +1,10 @@
-import * as React from 'react';
-import { Accordion as Accordion$1 } from '@base-ui/react/accordion';
-
+import { Accordion as Accordion$1 } from "@base-ui/react/accordion";
+//#region src/accordion.d.ts
 declare function Accordion({ className, variant, ...props }: Accordion$1.Root.Props & {
-    variant?: "surface" | "ghost";
-}): React.JSX.Element;
-declare function AccordionItem({ className, ...props }: Accordion$1.Item.Props): React.JSX.Element;
-declare function AccordionTrigger({ className, children, ...props }: Accordion$1.Trigger.Props): React.JSX.Element;
-declare function AccordionContent({ className, children, ...props }: Accordion$1.Panel.Props): React.JSX.Element;
-
-export { Accordion, AccordionContent, AccordionItem, AccordionTrigger };
+  variant?: "surface" | "ghost";
+}): import("react").JSX.Element;
+declare function AccordionItem({ className, ...props }: Accordion$1.Item.Props): import("react").JSX.Element;
+declare function AccordionTrigger({ className, children, ...props }: Accordion$1.Trigger.Props): import("react").JSX.Element;
+declare function AccordionContent({ className, children, ...props }: Accordion$1.Panel.Props): import("react").JSX.Element;
+//#endregion
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger };

package/dist/accordion.js

@@ -1,124 +1,48 @@
-// src/components/ui/accordion.tsx
-import { Accordion as AccordionPrimitive } from "@base-ui/react/accordion";
+import { t as cn } from "./cn-BI_4DMBf.js";
+import { Accordion as Accordion$1 } from "@base-ui/react/accordion";
 import { ChevronRightIcon } 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"
-          ]
-        }
-      ]
-    }
-  }
-});
-function cn(...inputs) {
-  return twMerge(clsx(inputs));
-}
-
-// src/components/ui/accordion.tsx
 import { jsx, jsxs } from "react/jsx-runtime";
-function Accordion({
-  className,
-  variant = "surface",
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    AccordionPrimitive.Root,
-    {
-      "data-slot": "accordion",
-      "data-variant": variant,
-      className: cn("group/accordion flex w-full flex-col gap-3", className),
-      ...props
-    }
-  );
+//#region src/accordion.tsx
+function Accordion({ className, variant = "surface", ...props }) {
+	return /* @__PURE__ */ jsx(Accordion$1.Root, {
+		"data-slot": "accordion",
+		"data-variant": variant,
+		className: cn("group/accordion flex w-full flex-col gap-3", className),
+		...props
+	});
 }
 function AccordionItem({ className, ...props }) {
-  return /* @__PURE__ */ jsx(
-    AccordionPrimitive.Item,
-    {
-      "data-slot": "accordion-item",
-      className: cn(
-        "rounded-xl border border-line-subtle text-fg-primary transition-[background-color,border-color,box-shadow] group-data-[variant=surface]/accordion:bg-surface",
-        className
-      ),
-      ...props
-    }
-  );
+	return /* @__PURE__ */ jsx(Accordion$1.Item, {
+		"data-slot": "accordion-item",
+		className: cn("rounded-xl border border-line-subtle text-fg-primary transition-[background-color,border-color,box-shadow] group-data-[variant=surface]/accordion:bg-surface", className),
+		...props
+	});
 }
-function AccordionTrigger({
-  className,
-  children,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(AccordionPrimitive.Header, { "data-slot": "accordion-header", className: "flex", children: /* @__PURE__ */ jsxs(
-    AccordionPrimitive.Trigger,
-    {
-      "data-slot": "accordion-trigger",
-      className: cn(
-        "group/accordion-trigger flex w-full items-center gap-3 px-4 sm:px-5 py-5.5 aria-expanded:pb-2 text-left text-gdt-md font-semibold text-fg-primary outline-none transition-[padding] aria-disabled:pointer-events-none aria-disabled:opacity-50",
-        className
-      ),
-      ...props,
-      children: [
-        /* @__PURE__ */ jsx(
-          ChevronRightIcon,
-          {
-            "data-slot": "accordion-trigger-icon",
-            className: "pointer-events-none size-5 shrink-0 text-fg-primary transition-transform duration-200 ease-out group-aria-expanded/accordion-trigger:rotate-90"
-          }
-        ),
-        children
-      ]
-    }
-  ) });
+function AccordionTrigger({ className, children, ...props }) {
+	return /* @__PURE__ */ jsx(Accordion$1.Header, {
+		"data-slot": "accordion-header",
+		className: "flex",
+		children: /* @__PURE__ */ jsxs(Accordion$1.Trigger, {
+			"data-slot": "accordion-trigger",
+			className: cn("group/accordion-trigger flex w-full items-center gap-3 px-4 sm:px-5 py-5.5 aria-expanded:pb-2 text-left text-gdt-md font-semibold text-fg-primary outline-none transition-[padding] aria-disabled:pointer-events-none aria-disabled:opacity-50", className),
+			...props,
+			children: [/* @__PURE__ */ jsx(ChevronRightIcon, {
+				"data-slot": "accordion-trigger-icon",
+				className: "pointer-events-none size-5 shrink-0 text-fg-primary transition-transform duration-200 ease-out group-aria-expanded/accordion-trigger:rotate-90"
+			}), children]
+		})
+	});
 }
-function AccordionContent({
-  className,
-  children,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    AccordionPrimitive.Panel,
-    {
-      "data-slot": "accordion-content",
-      className: "overflow-hidden h-(--accordion-panel-height) transition-[height] ease-out data-ending-style:h-0 data-starting-style:h-0",
-      ...props,
-      children: /* @__PURE__ */ jsx(
-        "div",
-        {
-          className: cn(
-            " pl-12 sm:pl-13 pr-4 sm:pr-5 pt-0 pb-4 sm:pb-5.5 text-fg-secondary text-gdt-md [&_a]:underline [&_a]:underline-offset-3 [&_a]:hover:text-foreground [&_p:not(:last-child)]:mb-4",
-            className
-          ),
-          children
-        }
-      )
-    }
-  );
+function AccordionContent({ className, children, ...props }) {
+	return /* @__PURE__ */ jsx(Accordion$1.Panel, {
+		"data-slot": "accordion-content",
+		className: "overflow-hidden h-(--accordion-panel-height) transition-[height] ease-out data-ending-style:h-0 data-starting-style:h-0",
+		...props,
+		children: /* @__PURE__ */ jsx("div", {
+			className: cn(" pl-12 sm:pl-13 pr-4 sm:pr-5 pt-0 pb-4 sm:pb-5.5 text-fg-secondary text-gdt-md [&_a]:underline [&_a]:underline-offset-3 [&_a]:hover:text-foreground [&_p:not(:last-child)]:mb-4", className),
+			children
+		})
+	});
 }
-export {
-  Accordion,
-  AccordionContent,
-  AccordionItem,
-  AccordionTrigger
-};
-//# sourceMappingURL=accordion.js.map
+//#endregion
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger };

package/dist/activity-timeline.d.ts

@@ -0,0 +1,29 @@
+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;
+};
+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;
+};
+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;
+};
+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;
+//#endregion
+export { ActivityTimeline, ActivityTimelineAvatar, ActivityTimelineBadge, ActivityTimelineConnector, ActivityTimelineContent, ActivityTimelineDescription, ActivityTimelineItem, ActivityTimelineList, ActivityTimelineRail, ActivityTimelineTitle };

package/dist/activity-timeline.js

@@ -0,0 +1,97 @@
+"use client";
+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
+	});
+}
+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 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 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 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 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
+	});
+}
+//#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 };