@giddaa-housing/ui 1.0.0 → 1.1.0

package/dist/date-picker.d.ts

@@ -1,30 +1,29 @@
-import * as React from 'react';
-import { Matcher, DateRange } from 'react-day-picker';
-export { DateRange } from 'react-day-picker';
-
+import * as React from "react";
+import { DateRange, Matcher } from "react-day-picker";
+//#region src/date-picker.d.ts
 type CaptionLayout = "label" | "dropdown" | "dropdown-months" | "dropdown-years";
 interface DatePickerBaseProps {
-    disabled?: boolean;
-    placeholder?: string;
-    className?: string;
-    /** Caption style. Defaults to month + year dropdowns for quick navigation. */
-    captionLayout?: CaptionLayout;
-    /** Earliest navigable month. Defaults to 100 years before today. */
-    startMonth?: Date;
-    /** Latest navigable month. Defaults to 10 years after today. */
-    endMonth?: Date;
-    /** Dates that cannot be selected (react-day-picker matcher). */
-    disabledDates?: Matcher | Matcher[];
+  disabled?: boolean;
+  placeholder?: string;
+  className?: string;
+  /** Caption style. Defaults to month + year dropdowns for quick navigation. */
+  captionLayout?: CaptionLayout;
+  /** Earliest navigable month. Defaults to 100 years before today. */
+  startMonth?: Date;
+  /** Latest navigable month. Defaults to 10 years after today. */
+  endMonth?: Date;
+  /** Dates that cannot be selected (react-day-picker matcher). */
+  disabledDates?: Matcher | Matcher[];
 }
 interface DatePickerProps extends DatePickerBaseProps {
-    value?: Date;
-    onChange?: (date: Date | undefined) => void;
+  value?: Date;
+  onChange?: (date: Date | undefined) => void;
 }
-declare function DatePicker({ value, onChange, disabled, placeholder, className, captionLayout, startMonth, endMonth, disabledDates, }: DatePickerProps): React.JSX.Element;
+declare function DatePicker({ value, onChange, disabled, placeholder, className, captionLayout, startMonth, endMonth, disabledDates }: DatePickerProps): React.JSX.Element;
 interface DateRangePickerProps extends DatePickerBaseProps {
-    value?: DateRange;
-    onChange?: (range: DateRange | undefined) => void;
+  value?: DateRange;
+  onChange?: (range: DateRange | undefined) => void;
 }
-declare function DateRangePicker({ value, onChange, disabled, placeholder, className, captionLayout, startMonth, endMonth, disabledDates, }: DateRangePickerProps): React.JSX.Element;
-
-export { DatePicker, type DatePickerProps, DateRangePicker, type DateRangePickerProps };
+declare function DateRangePicker({ value, onChange, disabled, placeholder, className, captionLayout, startMonth, endMonth, disabledDates }: DateRangePickerProps): React.JSX.Element;
+//#endregion
+export { DatePicker, type DatePickerProps, type DateRange, DateRangePicker, type DateRangePickerProps };

package/dist/date-picker.js

@@ -1,203 +1,130 @@
 "use client";
-import {
-  PickerFooter,
-  PickerTrigger
-} from "./chunk-YDWIHW6Q.js";
-import {
-  Popover,
-  PopoverContent
-} from "./chunk-JVLUBAPB.js";
-import {
-  Calendar
-} 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 {
-  cn
-} from "./chunk-Y4TTYVNE.js";
-
-// src/date-picker.tsx
+import { t as cn } from "./cn-BI_4DMBf.js";
+import { Calendar } from "./calendar.js";
+import { Popover, PopoverContent } from "./popover.js";
+import { n as PickerTrigger, t as PickerFooter } from "./picker-lzgmsNfG.js";
 import { CalendarIcon } from "lucide-react";
-import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+//#region src/date-picker.tsx
 function formatDate(date) {
-  return date.toLocaleDateString("en-GB", {
-    day: "2-digit",
-    month: "long",
-    year: "numeric"
-  });
+	return date.toLocaleDateString("en-GB", {
+		day: "2-digit",
+		month: "long",
+		year: "numeric"
+	});
 }
-var PANEL_CLASSES = "flex min-w-(--anchor-width) flex-col items-center gap-0 overflow-hidden rounded-2xl p-0";
+const PANEL_CLASSES = "flex min-w-(--anchor-width) flex-col items-center gap-0 overflow-hidden rounded-2xl p-0";
 function defaultStartMonth() {
-  return new Date((/* @__PURE__ */ new Date()).getFullYear() - 100, 0);
+	return new Date((/* @__PURE__ */ new Date()).getFullYear() - 100, 0);
 }
 function defaultEndMonth() {
-  return new Date((/* @__PURE__ */ new Date()).getFullYear() + 10, 11);
+	return new Date((/* @__PURE__ */ new Date()).getFullYear() + 10, 11);
 }
-function DatePicker({
-  value,
-  onChange,
-  disabled = false,
-  placeholder = "Select date",
-  className,
-  captionLayout = "dropdown",
-  startMonth,
-  endMonth,
-  disabledDates
-}) {
-  const [open, setOpen] = React.useState(false);
-  const [pending, setPending] = React.useState(value);
-  const [month, setMonth] = React.useState(() => value ?? /* @__PURE__ */ new Date());
-  function handleOpenChange(next) {
-    if (next) {
-      setPending(value);
-      setMonth(value ?? /* @__PURE__ */ new Date());
-    }
-    setOpen(next);
-  }
-  return /* @__PURE__ */ jsxs(Popover, { open, onOpenChange: handleOpenChange, children: [
-    /* @__PURE__ */ jsx(
-      PickerTrigger,
-      {
-        icon: CalendarIcon,
-        displayValue: value ? formatDate(value) : "",
-        placeholder,
-        disabled,
-        open,
-        className
-      }
-    ),
-    /* @__PURE__ */ jsxs(
-      PopoverContent,
-      {
-        showArrow: false,
-        align: "start",
-        side: "bottom",
-        className: PANEL_CLASSES,
-        children: [
-          /* @__PURE__ */ jsx(
-            Calendar,
-            {
-              mode: "single",
-              selected: pending,
-              onSelect: setPending,
-              month,
-              onMonthChange: setMonth,
-              captionLayout,
-              startMonth: startMonth ?? defaultStartMonth(),
-              endMonth: endMonth ?? defaultEndMonth(),
-              disabled: disabledDates
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            PickerFooter,
-            {
-              secondaryLabel: "Clear",
-              onSecondary: () => {
-                setPending(void 0);
-                onChange?.(void 0);
-                setOpen(false);
-              },
-              onApply: () => {
-                onChange?.(pending);
-                setOpen(false);
-              }
-            }
-          )
-        ]
-      }
-    )
-  ] });
+function DatePicker({ value, onChange, disabled = false, placeholder = "Select date", className, captionLayout = "dropdown", startMonth, endMonth, disabledDates }) {
+	const [open, setOpen] = React.useState(false);
+	const [pending, setPending] = React.useState(value);
+	const [month, setMonth] = React.useState(() => value ?? /* @__PURE__ */ new Date());
+	function handleOpenChange(next) {
+		if (next) {
+			setPending(value);
+			setMonth(value ?? /* @__PURE__ */ new Date());
+		}
+		setOpen(next);
+	}
+	return /* @__PURE__ */ jsxs(Popover, {
+		open,
+		onOpenChange: handleOpenChange,
+		children: [/* @__PURE__ */ jsx(PickerTrigger, {
+			icon: CalendarIcon,
+			displayValue: value ? formatDate(value) : "",
+			placeholder,
+			disabled,
+			open,
+			className
+		}), /* @__PURE__ */ jsxs(PopoverContent, {
+			showArrow: false,
+			align: "start",
+			side: "bottom",
+			className: PANEL_CLASSES,
+			children: [/* @__PURE__ */ jsx(Calendar, {
+				mode: "single",
+				selected: pending,
+				onSelect: setPending,
+				month,
+				onMonthChange: setMonth,
+				captionLayout,
+				startMonth: startMonth ?? defaultStartMonth(),
+				endMonth: endMonth ?? defaultEndMonth(),
+				disabled: disabledDates
+			}), /* @__PURE__ */ jsx(PickerFooter, {
+				secondaryLabel: "Clear",
+				onSecondary: () => {
+					setPending(void 0);
+					onChange?.(void 0);
+					setOpen(false);
+				},
+				onApply: () => {
+					onChange?.(pending);
+					setOpen(false);
+				}
+			})]
+		})]
+	});
 }
-function DateRangePicker({
-  value,
-  onChange,
-  disabled = false,
-  placeholder = "Select date range",
-  className,
-  captionLayout = "dropdown",
-  startMonth,
-  endMonth,
-  disabledDates
-}) {
-  const [open, setOpen] = React.useState(false);
-  const [pending, setPending] = React.useState(value);
-  const [month, setMonth] = React.useState(
-    () => value?.from ?? /* @__PURE__ */ new Date()
-  );
-  function handleOpenChange(next) {
-    if (next) {
-      setPending(value);
-      setMonth(value?.from ?? /* @__PURE__ */ new Date());
-    }
-    setOpen(next);
-  }
-  const displayValue = (() => {
-    if (value?.from && value?.to)
-      return `${formatDate(value.from)} \u2014 ${formatDate(value.to)}`;
-    if (value?.from) return formatDate(value.from);
-    return "";
-  })();
-  return /* @__PURE__ */ jsxs(Popover, { open, onOpenChange: handleOpenChange, children: [
-    /* @__PURE__ */ jsx(
-      PickerTrigger,
-      {
-        icon: CalendarIcon,
-        displayValue,
-        placeholder,
-        disabled,
-        open,
-        className
-      }
-    ),
-    /* @__PURE__ */ jsxs(
-      PopoverContent,
-      {
-        showArrow: false,
-        align: "start",
-        className: cn(PANEL_CLASSES, "w-auto"),
-        children: [
-          /* @__PURE__ */ jsx(
-            Calendar,
-            {
-              mode: "range",
-              selected: pending,
-              onSelect: setPending,
-              month,
-              onMonthChange: setMonth,
-              captionLayout,
-              startMonth: startMonth ?? defaultStartMonth(),
-              endMonth: endMonth ?? defaultEndMonth(),
-              disabled: disabledDates
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            PickerFooter,
-            {
-              secondaryLabel: "Clear",
-              onSecondary: () => {
-                setPending(void 0);
-                onChange?.(void 0);
-                setOpen(false);
-              },
-              onApply: () => {
-                onChange?.(pending);
-                setOpen(false);
-              }
-            }
-          )
-        ]
-      }
-    )
-  ] });
+function DateRangePicker({ value, onChange, disabled = false, placeholder = "Select date range", className, captionLayout = "dropdown", startMonth, endMonth, disabledDates }) {
+	const [open, setOpen] = React.useState(false);
+	const [pending, setPending] = React.useState(value);
+	const [month, setMonth] = React.useState(() => value?.from ?? /* @__PURE__ */ new Date());
+	function handleOpenChange(next) {
+		if (next) {
+			setPending(value);
+			setMonth(value?.from ?? /* @__PURE__ */ new Date());
+		}
+		setOpen(next);
+	}
+	return /* @__PURE__ */ jsxs(Popover, {
+		open,
+		onOpenChange: handleOpenChange,
+		children: [/* @__PURE__ */ jsx(PickerTrigger, {
+			icon: CalendarIcon,
+			displayValue: (() => {
+				if (value?.from && value?.to) return `${formatDate(value.from)} — ${formatDate(value.to)}`;
+				if (value?.from) return formatDate(value.from);
+				return "";
+			})(),
+			placeholder,
+			disabled,
+			open,
+			className
+		}), /* @__PURE__ */ jsxs(PopoverContent, {
+			showArrow: false,
+			align: "start",
+			className: cn(PANEL_CLASSES, "w-auto"),
+			children: [/* @__PURE__ */ jsx(Calendar, {
+				mode: "range",
+				selected: pending,
+				onSelect: setPending,
+				month,
+				onMonthChange: setMonth,
+				captionLayout,
+				startMonth: startMonth ?? defaultStartMonth(),
+				endMonth: endMonth ?? defaultEndMonth(),
+				disabled: disabledDates
+			}), /* @__PURE__ */ jsx(PickerFooter, {
+				secondaryLabel: "Clear",
+				onSecondary: () => {
+					setPending(void 0);
+					onChange?.(void 0);
+					setOpen(false);
+				},
+				onApply: () => {
+					onChange?.(pending);
+					setOpen(false);
+				}
+			})]
+		})]
+	});
 }
-export {
-  DatePicker,
-  DateRangePicker
-};
-//# sourceMappingURL=date-picker.js.map
+//#endregion
+export { DatePicker, DateRangePicker };

package/dist/details-card.d.ts

@@ -1,9 +1,9 @@
-import { useRender } from '@base-ui/react/use-render';
-import * as React from 'react';
-
+import { useRender } from "@base-ui/react/use-render";
+import * as React from "react";
+//#region src/details-card.d.ts
 type DetailsCardBodyProps = useRender.ComponentProps<"div"> & {
-    orientation?: "horizontal" | "vertical";
-    showIcons?: boolean;
+  orientation?: "horizontal" | "vertical";
+  showIcons?: boolean;
 };
 declare function DetailsCard({ className, render, ...props }: useRender.ComponentProps<"article">): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
 declare function DetailsCardHeader({ className, render, ...props }: useRender.ComponentProps<"div">): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
@@ -15,5 +15,5 @@ declare function DetailsCardRowGroup({ className, render, ...props }: useRender.
 declare function DetailsCardIcon({ children, className, render, ...props }: useRender.ComponentProps<"span">): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
 declare function DetailsCardLabel({ className, render, ...props }: useRender.ComponentProps<"div">): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
 declare function DetailsCardValue({ className, render, ...props }: useRender.ComponentProps<"div">): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
-
-export { DetailsCard, DetailsCardBody, type DetailsCardBodyProps, DetailsCardDescription, DetailsCardHeader, DetailsCardIcon, DetailsCardLabel, DetailsCardRow, DetailsCardRowGroup, DetailsCardTitle, DetailsCardValue };
+//#endregion
+export { DetailsCard, DetailsCardBody, type DetailsCardBodyProps, DetailsCardDescription, DetailsCardHeader, DetailsCardIcon, DetailsCardLabel, DetailsCardRow, DetailsCardRowGroup, DetailsCardTitle, DetailsCardValue };