@giddaa-housing/ui 1.0.0 → 1.1.0

package/dist/button-group.js

@@ -1,94 +1,45 @@
-import {
-  Separator
-} from "./chunk-CHII2QHH.js";
-import {
-  SizeProvider,
-  useComponentSize
-} from "./chunk-HL3ZSYES.js";
-import {
-  cn
-} from "./chunk-Y4TTYVNE.js";
-
-// src/button-group.tsx
+import { t as cn } from "./cn-BI_4DMBf.js";
+import { SizeProvider, useComponentSize } from "./size-context.js";
+import { Separator } from "./separator.js";
+import { jsx } 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 { jsx } from "react/jsx-runtime";
-var buttonGroupVariants = cva(
-  "flex w-fit items-stretch *:focus-visible:relative *:focus-visible:z-10 has-[>[data-slot=button-group]]:gap-2 has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-r-lg [&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit [&>input]:flex-1",
-  {
-    variants: {
-      orientation: {
-        horizontal: "*:data-slot:rounded-r-none [&>[data-slot]:not(:has(~[data-slot]))]:rounded-r-full! [&>[data-slot]~[data-slot]]:rounded-l-none [&>[data-slot]~[data-slot]]:border-l-0",
-        vertical: "flex-col *:data-slot:rounded-b-none [&>[data-slot]:not(:has(~[data-slot]))]:rounded-b-full! [&>[data-slot]~[data-slot]]:rounded-t-none [&>[data-slot]~[data-slot]]:border-t-0"
-      }
-    },
-    defaultVariants: {
-      orientation: "horizontal"
-    }
-  }
-);
-function ButtonGroup({
-  className,
-  orientation,
-  ...props
-}) {
-  const size = useComponentSize();
-  return /* @__PURE__ */ jsx(SizeProvider, { size, children: /* @__PURE__ */ jsx(
-    "div",
-    {
-      role: "group",
-      "data-slot": "button-group",
-      "data-orientation": orientation,
-      className: cn(buttonGroupVariants({ orientation }), className),
-      ...props
-    }
-  ) });
+//#region src/button-group.tsx
+const buttonGroupVariants = cva("flex w-fit items-stretch *:focus-visible:relative *:focus-visible:z-10 has-[>[data-slot=button-group]]:gap-2 has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-r-lg [&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit [&>input]:flex-1", {
+	variants: { orientation: {
+		horizontal: "*:data-slot:rounded-r-none [&>[data-slot]:not(:has(~[data-slot]))]:rounded-r-full! [&>[data-slot]~[data-slot]]:rounded-l-none [&>[data-slot]~[data-slot]]:border-l-0",
+		vertical: "flex-col *:data-slot:rounded-b-none [&>[data-slot]:not(:has(~[data-slot]))]:rounded-b-full! [&>[data-slot]~[data-slot]]:rounded-t-none [&>[data-slot]~[data-slot]]:border-t-0"
+	} },
+	defaultVariants: { orientation: "horizontal" }
+});
+function ButtonGroup({ className, orientation, ...props }) {
+	return /* @__PURE__ */ jsx(SizeProvider, {
+		size: useComponentSize(),
+		children: /* @__PURE__ */ jsx("div", {
+			role: "group",
+			"data-slot": "button-group",
+			"data-orientation": orientation,
+			className: cn(buttonGroupVariants({ orientation }), className),
+			...props
+		})
+	});
 }
-function ButtonGroupText({
-  className,
-  render,
-  ...props
-}) {
-  return useRender({
-    defaultTagName: "div",
-    props: mergeProps(
-      {
-        className: cn(
-          "flex items-center gap-2 rounded-lg border bg-muted px-2.5 text-sm font-medium [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4",
-          className
-        )
-      },
-      props
-    ),
-    render,
-    state: {
-      slot: "button-group-text"
-    }
-  });
+function ButtonGroupText({ className, render, ...props }) {
+	return useRender({
+		defaultTagName: "div",
+		props: mergeProps({ className: cn("flex items-center gap-2 rounded-lg border bg-muted px-2.5 text-sm font-medium [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4", className) }, props),
+		render,
+		state: { slot: "button-group-text" }
+	});
 }
-function ButtonGroupSeparator({
-  className,
-  orientation = "vertical",
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    Separator,
-    {
-      "data-slot": "button-group-separator",
-      orientation,
-      className: cn(
-        "relative self-stretch bg-input data-horizontal:mx-px data-horizontal:w-auto data-vertical:my-px data-vertical:h-auto",
-        className
-      ),
-      ...props
-    }
-  );
+function ButtonGroupSeparator({ className, orientation = "vertical", ...props }) {
+	return /* @__PURE__ */ jsx(Separator, {
+		"data-slot": "button-group-separator",
+		orientation,
+		className: cn("relative self-stretch bg-input data-horizontal:mx-px data-horizontal:w-auto data-vertical:my-px data-vertical:h-auto", className),
+		...props
+	});
 }
-export {
-  ButtonGroup,
-  ButtonGroupSeparator,
-  ButtonGroupText,
-  buttonGroupVariants
-};
-//# sourceMappingURL=button-group.js.map
+//#endregion
+export { ButtonGroup, ButtonGroupSeparator, ButtonGroupText, buttonGroupVariants };

package/dist/button.d.ts

@@ -1,19 +1,2 @@
-import * as React from 'react';
-import * as class_variance_authority_types from 'class-variance-authority/types';
-import { Button as Button$1 } from '@base-ui/react/button';
-import { useRender } from '@base-ui/react/use-render';
-import { VariantProps } from 'class-variance-authority';
-
-declare const buttonVariants: (props?: ({
-    variant?: "danger" | "secondary" | "primary" | "primary-outline" | "secondary-outline" | "tertiary" | "tertiary-outline" | "ghost" | "whatsapp" | "glass-overlay" | "link-brand" | "link-neutral" | null | undefined;
-    size?: "sm" | "md" | "lg" | "icon" | "xl" | "icon-xs" | "icon-sm" | "icon-lg" | "icon-xl" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-declare function Button({ className, variant, size, isLoading, children, disabled, ...props }: Button$1.Props & VariantProps<typeof buttonVariants> & {
-    isLoading?: boolean;
-}): React.JSX.Element;
-type ButtonLinkProps = useRender.ComponentProps<"a"> & VariantProps<typeof buttonVariants> & {
-    disabled?: boolean;
-};
-declare function ButtonLink({ className, render, variant, size, disabled, onClick, children, ...props }: ButtonLinkProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
-
-export { Button, ButtonLink, buttonVariants };
+import { n as ButtonLink, r as buttonVariants, t as Button } from "./button-BZIeyUw6.js";
+export { Button, ButtonLink, buttonVariants };

package/dist/button.js

@@ -1,13 +1,94 @@
-import {
-  Button,
-  ButtonLink,
-  buttonVariants
-} from "./chunk-B4H6RNDH.js";
-import "./chunk-HL3ZSYES.js";
-import "./chunk-Y4TTYVNE.js";
-export {
-  Button,
-  ButtonLink,
-  buttonVariants
-};
-//# sourceMappingURL=button.js.map
+import { t as cn } from "./cn-BI_4DMBf.js";
+import { useComponentSize } from "./size-context.js";
+import { Loader } from "lucide-react";
+import { 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 { Button as Button$1 } from "@base-ui/react/button";
+//#region src/button.tsx
+const buttonVariants = cva("group/button inline-flex shrink-0 items-center justify-center rounded-full bg-clip-padding whitespace-nowrap font-bold transition-[background-color,color,border-color,box-shadow,transform] outline-none select-none focus-visible:border-line-focus focus-visible:shadow-[0px_0px_0px_2px_var(--color-line-focus)] active:not-aria-[haspopup]:translate-y-px disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 aria-invalid:border-line-danger aria-invalid:ring-3 aria-invalid:ring-destructive/20 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", {
+	variants: {
+		variant: {
+			primary: "bg-action-primary text-fg-on-brand hover:bg-action-primary-hover active:bg-action-primary-pressed",
+			"primary-outline": "border-2 border-action-primary bg-transparent text-fg-brand hover:bg-surface-brand-subtle active:bg-surface-brand-subtle data-focused:bg-surface-brand-subtle data-pressed:bg-surface-brand-subtle",
+			secondary: "bg-surface-brand-subtle text-fg-brand hover:bg-action-primary-hover hover:text-fg-on-brand active:bg-action-primary-pressed active:text-fg-on-brand data-focused:bg-action-primary-hover data-pressed:bg-action-primary-pressed data-focused:text-fg-on-brand data-pressed:text-fg-on-brand",
+			"secondary-outline": "border-2 border-action-secondary bg-transparent text-fg-brand hover:bg-surface-brand-subtle active:bg-surface-brand-subtle data-focused:bg-surface-brand-subtle data-pressed:bg-surface-brand-subtle",
+			tertiary: "bg-action-tertiary text-fg-primary hover:bg-action-tertiary-hover active:bg-action-tertiary-pressed data-focused:bg-action-tertiary-hover data-pressed:bg-action-tertiary-pressed",
+			"tertiary-outline": "border border-line-strong bg-transparent text-fg-primary hover:bg-surface active:bg-surface-raised data-focused:bg-surface data-pressed:bg-surface-raised",
+			ghost: "bg-transparent text-fg-primary hover:bg-surface active:bg-surface-raised data-focused:bg-surface data-pressed:bg-surface-raised",
+			danger: "bg-action-danger text-fg-on-brand hover:bg-action-danger-hover active:bg-action-danger-pressed data-focused:bg-action-danger-hover data-pressed:bg-action-danger-pressed",
+			whatsapp: "bg-whatsapp-button text-black [&_svg]:text-white hover:brightness-95 active:brightness-90 data-focused:brightness-95 data-pressed:brightness-90",
+			"glass-overlay": "bg-surface-glass-overlay-button text-fg-on-brand shadow-2 backdrop-blur-sm hover:scale-105 active:scale-95",
+			"link-brand": "border-transparent bg-transparent px-0 text-fg-brand hover:underline active:underline active:opacity-70",
+			"link-neutral": "border-transparent bg-transparent px-0 text-fg-secondary hover:underline active:underline active:opacity-70"
+		},
+		size: {
+			sm: "h-8 min-w-8 gap-2 px-3.5 text-gdt-xs [&_svg:not([class*='size-'])]:size-4",
+			md: "h-10 min-w-10 gap-2 px-4.5 text-gdt-sm [&_svg:not([class*='size-'])]:size-4.5",
+			lg: "h-12 min-w-12 gap-2.5 px-5.5 text-gdt-md [&_svg:not([class*='size-'])]:size-6",
+			xl: "h-14 min-w-14 gap-3 px-6.5 text-gdt-lg [&_svg:not([class*='size-'])]:size-6",
+			icon: "size-10",
+			"icon-xs": "size-6 text-gdt-xs [&_svg:not([class*='size-'])]:size-3",
+			"icon-sm": "size-8 text-gdt-sm [&_svg:not([class*='size-'])]:size-3.5",
+			"icon-lg": "size-12.5 text-gdt-md [&_svg:not([class*='size-'])]:size-4.5",
+			"icon-xl": "size-14 text-gdt-lg [&_svg:not([class*='size-'])]:size-5"
+		}
+	},
+	defaultVariants: {
+		variant: "primary",
+		size: "md"
+	}
+});
+function Button({ className, variant = "primary", size, isLoading = false, children, disabled = false, ...props }) {
+	const inheritedSize = useComponentSize();
+	const resolvedSize = size ?? inheritedSize;
+	const _disabled = disabled || isLoading;
+	return /* @__PURE__ */ jsxs(Button$1, {
+		"data-slot": "button",
+		className: cn(buttonVariants({
+			variant,
+			size: resolvedSize,
+			className
+		})),
+		disabled: _disabled,
+		...props,
+		children: [
+			isLoading && /* @__PURE__ */ jsx(Loader, { className: "size-4 animate-spin" }),
+			" ",
+			children
+		]
+	});
+}
+function ButtonLink({ className, render, variant = "primary", size, disabled = false, onClick, children, ...props }) {
+	const inheritedSize = useComponentSize();
+	return useRender({
+		defaultTagName: "a",
+		props: mergeProps({
+			className: cn(buttonVariants({
+				variant,
+				size: size ?? inheritedSize,
+				className
+			})),
+			children
+		}, {
+			...props,
+			"aria-disabled": disabled,
+			tabIndex: disabled ? -1 : props.tabIndex,
+			onClick: (event) => {
+				if (disabled) {
+					event.preventDefault();
+					return;
+				}
+				onClick?.(event);
+			}
+		}),
+		render,
+		state: {
+			slot: "button-link",
+			disabled
+		}
+	});
+}
+//#endregion
+export { Button, ButtonLink, buttonVariants };

package/dist/calendar.d.ts

@@ -1,9 +1,9 @@
-import * as React from 'react';
-import { DayPicker, DayButton, Locale } from 'react-day-picker';
-
+import * as React from "react";
+import { DayButton, DayPicker, Locale } from "react-day-picker";
+//#region src/calendar.d.ts
 declare function Calendar({ className, classNames, showOutsideDays, weekStartsOn, locale, formatters, components, ...props }: React.ComponentProps<typeof DayPicker>): React.JSX.Element;
 declare function CalendarDayButton({ className, day, modifiers, locale, ...props }: React.ComponentProps<typeof DayButton> & {
-    locale?: Partial<Locale>;
+  locale?: Partial<Locale>;
 }): React.JSX.Element;
-
-export { Calendar, CalendarDayButton };
+//#endregion
+export { Calendar, CalendarDayButton };

package/dist/calendar.js

@@ -1,18 +1,139 @@
 "use client";
-import {
-  Calendar,
-  CalendarDayButton
-} from "./chunk-GJOFIJS3.js";
-import "./chunk-VGR4ZWJ3.js";
-import "./chunk-6ZSGQHH2.js";
-import "./chunk-KSMDANKI.js";
-import "./chunk-MEKCCOP5.js";
-import "./chunk-3ACQVT7A.js";
-import "./chunk-B4H6RNDH.js";
-import "./chunk-HL3ZSYES.js";
-import "./chunk-Y4TTYVNE.js";
-export {
-  Calendar,
-  CalendarDayButton
-};
-//# sourceMappingURL=calendar.js.map
+import { t as cn } from "./cn-BI_4DMBf.js";
+import { Button } from "./button.js";
+import { Combobox, ComboboxContent, ComboboxEmpty, ComboboxInput, ComboboxItem, ComboboxList, ComboboxTrigger, ComboboxValue } from "./combobox.js";
+import { ChevronLeftIcon, ChevronRightIcon } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { DayPicker, getDefaultClassNames } from "react-day-picker";
+//#region src/calendar.tsx
+function Calendar({ className, classNames, showOutsideDays = false, weekStartsOn = 1, locale, formatters, components, ...props }) {
+	const defaultClassNames = getDefaultClassNames();
+	return /* @__PURE__ */ jsx(DayPicker, {
+		showOutsideDays,
+		weekStartsOn,
+		className: cn("group/calendar bg-transparent p-4 [--cell-radius:var(--radius-md)] [--cell-height:36px] [--cell-width:40px]", String.raw`rtl:**:[.rdp-button\_next>svg]:rotate-180`, String.raw`rtl:**:[.rdp-button\_previous>svg]:rotate-180`, className),
+		locale,
+		formatters: {
+			formatWeekdayName: (date) => date.toLocaleString(locale?.code, { weekday: "narrow" }),
+			...formatters
+		},
+		classNames: {
+			root: cn("w-fit", defaultClassNames.root),
+			months: cn("relative flex flex-col gap-4 md:flex-row", defaultClassNames.months),
+			month: cn("flex w-full flex-col gap-4", defaultClassNames.month),
+			nav: cn("pointer-events-none absolute inset-x-0 top-0 flex w-full items-center justify-between gap-1 *:pointer-events-auto", defaultClassNames.nav),
+			button_previous: cn("flex size-7 items-center justify-center rounded-(--cell-radius) text-fg-secondary transition-colors outline-none select-none hover:bg-surface focus-visible:border-line-focus focus-visible:shadow-[0px_0px_0px_2px_var(--color-line-focus)] aria-disabled:opacity-40", defaultClassNames.button_previous),
+			button_next: cn("flex size-7 items-center justify-center rounded-(--cell-radius) text-fg-secondary transition-colors outline-none select-none hover:bg-surface focus-visible:border-line-focus focus-visible:shadow-[0px_0px_0px_2px_var(--color-line-focus)] aria-disabled:opacity-40", defaultClassNames.button_next),
+			month_caption: cn("flex h-(--cell-height) w-full items-center justify-center px-(--cell-width)", defaultClassNames.month_caption),
+			caption_label: cn("text-gdt-sm font-medium text-fg-primary select-none", defaultClassNames.caption_label),
+			dropdowns: cn("flex h-(--cell-height) w-full items-center justify-center gap-1.5", defaultClassNames.dropdowns),
+			table: "w-full border-collapse",
+			weekdays: cn("flex", defaultClassNames.weekdays),
+			weekday: cn("flex-1 text-gdt-xs font-normal text-fg-secondary select-none", defaultClassNames.weekday),
+			week: cn("mt-1 flex w-full", defaultClassNames.week),
+			day: cn("group/day relative aspect-square h-full w-full p-0 text-center select-none", defaultClassNames.day),
+			range_start: cn("rounded-l-full bg-surface-brand-subtle", defaultClassNames.range_start),
+			range_middle: cn("rounded-none bg-surface-brand-subtle", defaultClassNames.range_middle),
+			range_end: cn("rounded-r-full bg-surface-brand-subtle", defaultClassNames.range_end),
+			today: cn("rounded-full h-(--cell-height) w-(--cell-width) flex items-center justify-center bg-surface-brand-subtle p-0", defaultClassNames.today),
+			outside: cn("text-fg-caption-placeholder aria-selected:text-fg-caption-placeholder", defaultClassNames.outside),
+			disabled: cn("text-fg-caption-placeholder opacity-50", defaultClassNames.disabled),
+			hidden: cn("invisible", defaultClassNames.hidden),
+			...classNames
+		},
+		components: {
+			Root: ({ className, rootRef, ...props }) => {
+				return /* @__PURE__ */ jsx("div", {
+					"data-slot": "calendar",
+					ref: rootRef,
+					className: cn(className),
+					...props
+				});
+			},
+			Chevron: ({ className, orientation, ...props }) => {
+				if (orientation === "right") return /* @__PURE__ */ jsx(ChevronRightIcon, {
+					className: cn("size-4", className),
+					...props
+				});
+				return /* @__PURE__ */ jsx(ChevronLeftIcon, {
+					className: cn("size-4", className),
+					...props
+				});
+			},
+			DayButton: ({ ...props }) => /* @__PURE__ */ jsx(CalendarDayButton, {
+				locale,
+				...props
+			}),
+			Dropdown: CalendarDropdown,
+			WeekNumber: ({ children, ...props }) => {
+				return /* @__PURE__ */ jsx("td", {
+					...props,
+					children: /* @__PURE__ */ jsx("div", {
+						className: "flex h-(--cell-height) w-(--cell-width) items-center justify-center text-center",
+						children
+					})
+				});
+			},
+			...components
+		},
+		...props
+	});
+}
+function CalendarDropdown({ options = [], value, onChange, disabled, "aria-label": ariaLabel }) {
+	const selected = options.find((option) => option.value === Number(value));
+	return /* @__PURE__ */ jsxs(Combobox, {
+		size: "sm",
+		items: options.map((option) => option.label),
+		value: selected?.label ?? null,
+		onValueChange: (label) => {
+			const next = options.find((option) => option.label === label);
+			if (!next) return;
+			onChange?.({ target: { value: String(next.value) } });
+		},
+		disabled,
+		children: [/* @__PURE__ */ jsx(ComboboxTrigger, {
+			"aria-label": ariaLabel,
+			children: /* @__PURE__ */ jsx(ComboboxValue, {})
+		}), /* @__PURE__ */ jsxs(ComboboxContent, {
+			className: "w-auto min-w-32",
+			children: [
+				/* @__PURE__ */ jsx(ComboboxInput, {
+					placeholder: "Search",
+					showTrigger: false
+				}),
+				/* @__PURE__ */ jsx(ComboboxEmpty, { children: "No results" }),
+				/* @__PURE__ */ jsx(ComboboxList, {
+					className: "max-h-56",
+					children: (label) => /* @__PURE__ */ jsx(ComboboxItem, {
+						value: label,
+						disabled: options.find((option) => option.label === label)?.disabled,
+						children: label
+					}, label)
+				})
+			]
+		})]
+	});
+}
+function CalendarDayButton({ className, day, modifiers, locale, ...props }) {
+	const defaultClassNames = getDefaultClassNames();
+	const ref = React.useRef(null);
+	React.useEffect(() => {
+		if (modifiers.focused) ref.current?.focus();
+	}, [modifiers.focused]);
+	const isEndpoint = modifiers.selected && !modifiers.range_start && !modifiers.range_end && !modifiers.range_middle || modifiers.range_start || modifiers.range_end;
+	return /* @__PURE__ */ jsx(Button, {
+		ref,
+		variant: "ghost",
+		size: "icon",
+		"data-day": day.date.toLocaleDateString(locale?.code),
+		"data-selected-single": modifiers.selected && !modifiers.range_start && !modifiers.range_end && !modifiers.range_middle,
+		"data-range-start": modifiers.range_start,
+		"data-range-end": modifiers.range_end,
+		"data-range-middle": modifiers.range_middle,
+		className: cn("relative isolate z-10 flex aspect-square size-auto w-full min-w-(--cell-width) h-(--cell-height) items-center justify-center rounded-full border-0 text-gdt-sm font-normal leading-none", "data-[range-end=true]:bg-action-primary data-[range-end=true]:text-fg-on-brand data-[range-end=true]:hover:bg-action-primary-hover data-[range-end=true]:hover:text-fg-on-brand", "data-[range-start=true]:bg-action-primary data-[range-start=true]:text-fg-on-brand data-[range-start=true]:hover:bg-action-primary-hover data-[range-start=true]:hover:text-fg-on-brand", "data-[selected-single=true]:bg-action-primary data-[selected-single=true]:text-fg-on-brand data-[selected-single=true]:hover:bg-action-primary-hover data-[selected-single=true]:hover:text-fg-on-brand", "data-[range-middle=true]:rounded-none data-[range-middle=true]:bg-transparent data-[range-middle=true]:text-fg-brand data-[range-middle=true]:hover:bg-transparent", isEndpoint && "font-medium", "group-data-[focused=true]/day:border-line-focus group-data-[focused=true]/day:shadow-[0px_0px_0px_2px_var(--color-line-focus)]", defaultClassNames.day, className),
+		...props
+	});
+}
+//#endregion
+export { Calendar, CalendarDayButton };

package/dist/card.d.ts

@@ -1,18 +1,16 @@
-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/card.d.ts
 declare const cardVariants: (props?: ({
-    selected?: boolean | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
+  selected?: boolean | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
 type CardProps = useRender.ComponentProps<"article"> & VariantProps<typeof cardVariants>;
-declare function Card({ className, render, selected, ...props }: CardProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
-declare function CardTitle({ className, render, ...props }: useRender.ComponentProps<"h3">): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
-declare function CardHeader({ className, render, ...props }: useRender.ComponentProps<"div">): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
-declare function CardDescription({ className, render, ...props }: useRender.ComponentProps<"p">): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
-declare function CardContent({ className, render, ...props }: useRender.ComponentProps<"div">): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
-declare function CardFooter({ className, render, ...props }: useRender.ComponentProps<"div">): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
-declare function CardAction({ className, render, ...props }: useRender.ComponentProps<"button">): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
-
-export { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, type CardProps, CardTitle, cardVariants };
+declare function Card({ className, render, selected, ...props }: CardProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+declare function CardTitle({ className, render, ...props }: useRender.ComponentProps<"h3">): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+declare function CardHeader({ className, render, ...props }: useRender.ComponentProps<"div">): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+declare function CardDescription({ className, render, ...props }: useRender.ComponentProps<"p">): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+declare function CardContent({ className, render, ...props }: useRender.ComponentProps<"div">): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+declare function CardFooter({ className, render, ...props }: useRender.ComponentProps<"div">): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+declare function CardAction({ className, render, ...props }: useRender.ComponentProps<"button">): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+//#endregion
+export { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, type CardProps, CardTitle, cardVariants };