@giddaa-housing/ui 1.0.0 → 1.2.0

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-line-danger/20 aria-invalid:focus-visible:border-line-danger aria-invalid:focus-visible:shadow-[0px_0px_0px_2px_var(--color-line-danger)] [&_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 };

package/dist/card.js

@@ -1,156 +1,70 @@
-import {
-  cn
-} from "./chunk-Y4TTYVNE.js";
-
-// src/card.tsx
+import { t as cn } from "./cn-BI_4DMBf.js";
 import { mergeProps } from "@base-ui/react/merge-props";
 import { useRender } from "@base-ui/react/use-render";
 import { cva } from "class-variance-authority";
-var cardVariants = cva(
-  "group/card relative flex w-full min-w-0 flex-col gap-5 rounded-2xl border border-line-subtle bg-canvas py-gdt-xl text-fg-primary shadow-1 transition-[background-color,border-color,box-shadow,transform] outline-none has-[[data-slot=card-action]:hover]:shadow-2 has-[[data-slot=card-action]:focus-visible]:border-line-focus has-[[data-slot=card-action]:focus-visible]inset-ring-1 has-[[data-slot=card-action]:focus-visible]:ring-line-focus has-[[data-slot=card-action]:active]:border-line-subtle has-[[data-slot=card-action]:active]:bg-surface has-[[data-slot=card-action]:active]:shadow-none!",
-  {
-    variants: {
-      selected: {
-        true: "border-line-focus bg-surface-brand-subtle inset-ring-1 inset-ring-line-focus has-[[data-slot=card-action]:hover]:border-line-focus has-[[data-slot=card-action]:hover]:bg-surface-brand-subtle has-[[data-slot=card-action]:hover]:inset-ring-1 has-[[data-slot=card-action]:active]:border-line-focus has-[[data-slot=card-action]:active]:bg-surface-brand-subtle has-[[data-slot=card-action]:active]:inset-ring-1 has-[[data-slot=card-action]:active]:inset-ring-line-focus",
-        false: ""
-      }
-    },
-    defaultVariants: {
-      selected: false
-    }
-  }
-);
+//#region src/card.tsx
+const cardVariants = cva("group/card relative flex w-full min-w-0 flex-col gap-5 rounded-2xl border border-line-subtle bg-canvas py-gdt-xl text-fg-primary shadow-1 transition-[background-color,border-color,box-shadow,transform] outline-none has-[[data-slot=card-action]:hover]:shadow-2 has-[[data-slot=card-action]:focus-visible]:border-line-focus has-[[data-slot=card-action]:focus-visible]:inset-ring-1 has-[[data-slot=card-action]:focus-visible]:inset-ring-line-focus has-[[data-slot=card-action]:active]:border-line-subtle has-[[data-slot=card-action]:active]:bg-surface has-[[data-slot=card-action]:active]:shadow-none!", {
+	variants: { selected: {
+		true: "border-line-focus bg-surface-brand-subtle inset-ring-1 inset-ring-line-focus has-[[data-slot=card-action]:hover]:border-line-focus has-[[data-slot=card-action]:hover]:bg-surface-brand-subtle has-[[data-slot=card-action]:hover]:inset-ring-1 has-[[data-slot=card-action]:active]:border-line-focus has-[[data-slot=card-action]:active]:bg-surface-brand-subtle has-[[data-slot=card-action]:active]:inset-ring-1 has-[[data-slot=card-action]:active]:inset-ring-line-focus",
+		false: ""
+	} },
+	defaultVariants: { selected: false }
+});
 function Card({ className, render, selected = false, ...props }) {
-  return useRender({
-    defaultTagName: "article",
-    props: mergeProps(
-      {
-        className: cn(cardVariants({ selected }), className)
-      },
-      props
-    ),
-    render,
-    state: {
-      selected,
-      slot: "card"
-    }
-  });
+	return useRender({
+		defaultTagName: "article",
+		props: mergeProps({ className: cn(cardVariants({ selected }), className) }, props),
+		render,
+		state: {
+			selected,
+			slot: "card"
+		}
+	});
 }
-function CardTitle({
-  className,
-  render,
-  ...props
-}) {
-  return useRender({
-    defaultTagName: "h3",
-    props: mergeProps(
-      {
-        className: cn("text-gdt-h5 text-fg-primary", className)
-      },
-      props
-    ),
-    render
-  });
+function CardTitle({ className, render, ...props }) {
+	return useRender({
+		defaultTagName: "h3",
+		props: mergeProps({ className: cn("text-gdt-h5 text-fg-primary", className) }, props),
+		render
+	});
 }
-function CardHeader({
-  className,
-  render,
-  ...props
-}) {
-  return useRender({
-    defaultTagName: "div",
-    props: mergeProps(
-      {
-        className: cn("flex min-w-0 flex-col gap-gdt-sm px-gdt-xl", className)
-      },
-      props
-    ),
-    render
-  });
+function CardHeader({ className, render, ...props }) {
+	return useRender({
+		defaultTagName: "div",
+		props: mergeProps({ className: cn("flex min-w-0 flex-col gap-gdt-sm px-gdt-xl", className) }, props),
+		render
+	});
 }
-function CardDescription({
-  className,
-  render,
-  ...props
-}) {
-  return useRender({
-    defaultTagName: "p",
-    props: mergeProps(
-      {
-        className: cn("text-gdt-sm font-normal text-fg-primary", className)
-      },
-      props
-    ),
-    render
-  });
+function CardDescription({ className, render, ...props }) {
+	return useRender({
+		defaultTagName: "p",
+		props: mergeProps({ className: cn("text-gdt-sm font-normal text-fg-primary", className) }, props),
+		render
+	});
 }
-function CardContent({
-  className,
-  render,
-  ...props
-}) {
-  return useRender({
-    defaultTagName: "div",
-    props: mergeProps(
-      {
-        className: cn(
-          "min-w-0 px-gdt-xl text-gdt-sm text-fg-primary",
-          className
-        )
-      },
-      props
-    ),
-    render
-  });
+function CardContent({ className, render, ...props }) {
+	return useRender({
+		defaultTagName: "div",
+		props: mergeProps({ className: cn("min-w-0 px-gdt-xl text-gdt-sm text-fg-primary", className) }, props),
+		render
+	});
 }
-function CardFooter({
-  className,
-  render,
-  ...props
-}) {
-  return useRender({
-    defaultTagName: "div",
-    props: mergeProps(
-      {
-        className: cn(
-          "flex min-w-0 px-gdt-xl flex-wrap items-center justify-end gap-gdt-sm",
-          className
-        )
-      },
-      props
-    ),
-    render
-  });
+function CardFooter({ className, render, ...props }) {
+	return useRender({
+		defaultTagName: "div",
+		props: mergeProps({ className: cn("flex min-w-0 px-gdt-xl flex-wrap items-center justify-end gap-gdt-sm", className) }, props),
+		render
+	});
 }
-function CardAction({
-  className,
-  render,
-  ...props
-}) {
-  return useRender({
-    defaultTagName: "button",
-    props: mergeProps(
-      {
-        // @ts-expect-error — data-* attrs are valid but not in mergeProps generic
-        "data-slot": "card-action",
-        className: cn(
-          "cursor-pointer focus-visible:outline-none before:absolute before:inset-0 before:content-['']",
-          className
-        )
-      },
-      props
-    ),
-    render
-  });
+function CardAction({ className, render, ...props }) {
+	return useRender({
+		defaultTagName: "button",
+		props: mergeProps({
+			"data-slot": "card-action",
+			className: cn("cursor-pointer focus-visible:outline-none before:absolute before:inset-0 before:content-['']", className)
+		}, props),
+		render
+	});
 }
-export {
-  Card,
-  CardAction,
-  CardContent,
-  CardDescription,
-  CardFooter,
-  CardHeader,
-  CardTitle,
-  cardVariants
-};
-//# sourceMappingURL=card.js.map
+//#endregion
+export { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, cardVariants };

package/dist/carousel.d.ts

@@ -1,37 +1,36 @@
-import * as class_variance_authority_types from 'class-variance-authority/types';
-import { VariantProps } from 'class-variance-authority';
-import useEmblaCarousel, { UseEmblaCarouselType } from 'embla-carousel-react';
-import * as React from 'react';
-import { ComponentSize } from './size-context.js';
-
+import { t as ComponentSize } from "./size-context-D4mYvcg8.js";
+import { VariantProps } from "class-variance-authority";
+import * as React from "react";
+import useEmblaCarousel, { UseEmblaCarouselType } from "embla-carousel-react";
+//#region src/carousel.d.ts
 type CarouselApi = UseEmblaCarouselType[1];
 type UseCarouselParameters = Parameters<typeof useEmblaCarousel>;
 type CarouselOptions = UseCarouselParameters[0];
 type CarouselPlugin = UseCarouselParameters[1];
 declare const carouselVariants: (props?: ({
-    imageSize?: "sm" | "md" | "lg" | "full" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
+  imageSize?: "full" | "lg" | "md" | "sm" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
 type CarouselContextProps = {
-    carouselRef: ReturnType<typeof useEmblaCarousel>[0];
-    api: CarouselApi;
-    orientation: "horizontal" | "vertical";
-    size: ComponentSize;
-    scrollPrev: () => void;
-    scrollNext: () => void;
-    scrollTo: (index: number) => void;
-    canScrollPrev: boolean;
-    canScrollNext: boolean;
-    selectedIndex: number;
-    scrollSnaps: number[];
+  carouselRef: ReturnType<typeof useEmblaCarousel>[0];
+  api: CarouselApi;
+  orientation: "horizontal" | "vertical";
+  size: ComponentSize;
+  scrollPrev: () => void;
+  scrollNext: () => void;
+  scrollTo: (index: number) => void;
+  canScrollPrev: boolean;
+  canScrollNext: boolean;
+  selectedIndex: number;
+  scrollSnaps: number[];
 };
 declare function useCarousel(): CarouselContextProps;
 type CarouselProps = {
-    opts?: CarouselOptions;
-    plugins?: CarouselPlugin;
-    orientation?: "horizontal" | "vertical";
-    /** Scales the chrome (arrows + indicator) without touching the image. */
-    size?: ComponentSize;
-    setApi?: (api: CarouselApi) => void;
+  opts?: CarouselOptions;
+  plugins?: CarouselPlugin;
+  orientation?: "horizontal" | "vertical";
+  /** Scales the chrome (arrows + indicator) without touching the image. */
+  size?: ComponentSize;
+  setApi?: (api: CarouselApi) => void;
 };
 declare function Carousel({ orientation, opts, setApi, plugins, size, imageSize, className, children, ...props }: React.ComponentProps<"div"> & CarouselProps & VariantProps<typeof carouselVariants>): React.JSX.Element;
 declare function CarouselContent({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
@@ -39,15 +38,15 @@ declare function CarouselItem({ className, ...props }: React.ComponentProps<"div
 declare function CarouselPrevious({ className, ...props }: React.ComponentProps<"button">): React.JSX.Element;
 declare function CarouselNext({ className, ...props }: React.ComponentProps<"button">): React.JSX.Element;
 type CarouselIndicatorProps = Omit<React.ComponentProps<"div">, "children" | "onSelect"> & {
-    /** Override the live count (e.g. for static design previews). */
-    count?: number;
-    /** Override the live selected index. */
-    selected?: number;
-    /** Override the inherited carousel size. */
-    size?: ComponentSize;
-    /** Jump to a slide when a dot is activated. Defaults to the carousel API. */
-    onSelect?: (index: number) => void;
+  /** Override the live count (e.g. for static design previews). */
+  count?: number;
+  /** Override the live selected index. */
+  selected?: number;
+  /** Override the inherited carousel size. */
+  size?: ComponentSize;
+  /** Jump to a slide when a dot is activated. Defaults to the carousel API. */
+  onSelect?: (index: number) => void;
 };
 declare function CarouselIndicator({ className, count: countProp, selected: selectedProp, size: sizeProp, onSelect, ...props }: CarouselIndicatorProps): React.JSX.Element | null;
-
-export { Carousel, type CarouselApi, CarouselContent, CarouselIndicator, CarouselItem, CarouselNext, CarouselPrevious, useCarousel };
+//#endregion
+export { Carousel, type CarouselApi, CarouselContent, CarouselIndicator, CarouselItem, CarouselNext, CarouselPrevious, useCarousel };