@spear-ai/spectral 1.13.1 → 1.14.2

package/dist/DataCard/Card.js

@@ -1,40 +1,60 @@
-'use client'
-import '../styles/main.css'
-import { t as e } from "../twUtils-BpqlKSeB.js";
-import { Slot as t } from "../primitives/slot.js";
+'use client';
+import { cn } from "../utils/twUtils.js";
+import { Slot } from "../primitives/slot.js";
 import "react";
-import { jsx as n } from "react/jsx-runtime";
+import { jsx } from "react/jsx-runtime";
+
 //#region src/components/DataCard/Card.tsx
-var r = "text-text-primary flex flex-col w-full card-effects p-3 gap-6 rounded-xl", i = ({ ...e }) => /* @__PURE__ */ n("div", {
-	"data-slot": "card",
-	"data-testid": "spectral-card",
-	...e
-}), a = ({ className: t, ...r }) => /* @__PURE__ */ n("div", {
-	className: e("pb-4 @container/card-header flex items-center justify-between", t),
-	"data-slot": "card-header",
-	"data-testid": "spectral-card-header",
-	...r
-}), o = ({ className: r, asChild: i = !1, ...a }) => /* @__PURE__ */ n(i ? t : "div", {
-	className: e("font-semibold text-xl", r),
-	"data-slot": "card-title",
-	"data-testid": "spectral-card-title",
-	...a
-}), s = ({ className: r, asChild: i = !1, ...a }) => /* @__PURE__ */ n(i ? t : "div", {
-	className: e("justify-self-end", r),
-	"data-slot": "card-action",
-	"data-testid": "spectral-card-action",
-	...a
-}), c = ({ className: e, ...t }) => /* @__PURE__ */ n("div", {
-	className: e,
-	"data-slot": "card-content",
-	"data-testid": "spectral-card-content",
-	...t
-}), l = ({ asChild: i = !1, children: a, className: o, ...s }) => /* @__PURE__ */ n(i ? t : "div", {
-	className: e(r, o),
-	"data-slot": "card",
-	"data-testid": "spectral-card",
-	...s,
-	children: a
-});
+const cardClasses = "text-text-primary flex flex-col w-full card-effects p-3 gap-6 rounded-xl";
+const CardBase = ({ ...props }) => {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "card",
+		"data-testid": "spectral-card",
+		...props
+	});
+};
+const CardHeader = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("pb-4 @container/card-header flex items-center justify-between", className),
+		"data-slot": "card-header",
+		"data-testid": "spectral-card-header",
+		...props
+	});
+};
+const CardTitle = ({ className, asChild = false, ...props }) => {
+	return /* @__PURE__ */ jsx(asChild ? Slot : "div", {
+		className: cn("font-semibold text-xl", className),
+		"data-slot": "card-title",
+		"data-testid": "spectral-card-title",
+		...props
+	});
+};
+const CardHeaderEndSlot = ({ className, asChild = false, ...props }) => {
+	return /* @__PURE__ */ jsx(asChild ? Slot : "div", {
+		className: cn("justify-self-end", className),
+		"data-slot": "card-action",
+		"data-testid": "spectral-card-action",
+		...props
+	});
+};
+const CardContent = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx("div", {
+		className,
+		"data-slot": "card-content",
+		"data-testid": "spectral-card-content",
+		...props
+	});
+};
+const Card = ({ asChild = false, children, className, ...props }) => {
+	return /* @__PURE__ */ jsx(asChild ? Slot : "div", {
+		className: cn(cardClasses, className),
+		"data-slot": "card",
+		"data-testid": "spectral-card",
+		...props,
+		children
+	});
+};
+
 //#endregion
-export { l as Card, i as CardBase, c as CardContent, a as CardHeader, s as CardHeaderEndSlot, o as CardTitle };
+export { Card, CardBase, CardContent, CardHeader, CardHeaderEndSlot, CardTitle };
+//# sourceMappingURL=Card.js.map

package/dist/DataCard/Card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Card.js","names":[],"sources":["../../src/components/DataCard/Card.tsx"],"sourcesContent":["import { Slot } from '@primitives/slot'\nimport { cn } from '@utils/twUtils'\nimport { type ComponentProps } from 'react'\n\nexport type CardProps = ComponentProps<'div'> & { asChild?: boolean }\n\nconst cardClasses = 'text-text-primary flex flex-col w-full card-effects p-3 gap-6 rounded-xl'\n\nexport const CardBase = ({ ...props }: CardProps) => {\n  return <div data-slot='card' data-testid='spectral-card' {...props} />\n}\n\nexport const CardHeader = ({ className, ...props }: CardProps) => {\n  return <div className={cn('pb-4 @container/card-header flex items-center justify-between', className)} data-slot='card-header' data-testid='spectral-card-header' {...props} />\n}\n\nexport const CardTitle = ({ className, asChild = false, ...props }: CardProps) => {\n  const Comp = asChild ? Slot : 'div'\n\n  return <Comp className={cn('font-semibold text-xl', className)} data-slot='card-title' data-testid='spectral-card-title' {...props} />\n}\n\nexport const CardHeaderEndSlot = ({ className, asChild = false, ...props }: CardProps) => {\n  const Comp = asChild ? Slot : 'div'\n\n  return <Comp className={cn('justify-self-end', className)} data-slot='card-action' data-testid='spectral-card-action' {...props} />\n}\n\nexport const CardContent = ({ className, ...props }: CardProps) => {\n  return <div className={className} data-slot='card-content' data-testid='spectral-card-content' {...props} />\n}\n\nexport const Card = ({ asChild = false, children, className, ...props }: CardProps) => {\n  const Comp = asChild ? Slot : 'div'\n\n  return (\n    <Comp className={cn(cardClasses, className)} data-slot='card' data-testid='spectral-card' {...props}>\n      {children}\n    </Comp>\n  )\n}\n"],"mappings":";;;;;;;AAMA,MAAM,cAAc;AAEpB,MAAa,YAAY,EAAE,GAAG,YAAuB;AACnD,QAAO,oBAAC,OAAD;EAAK,aAAU;EAAO,eAAY;EAAgB,GAAI;EAAS;;AAGxE,MAAa,cAAc,EAAE,WAAW,GAAG,YAAuB;AAChE,QAAO,oBAAC,OAAD;EAAK,WAAW,GAAG,iEAAiE,UAAU;EAAE,aAAU;EAAc,eAAY;EAAuB,GAAI;EAAS;;AAGjL,MAAa,aAAa,EAAE,WAAW,UAAU,OAAO,GAAG,YAAuB;AAGhF,QAAO,oBAFM,UAAU,OAAO,OAEvB;EAAM,WAAW,GAAG,yBAAyB,UAAU;EAAE,aAAU;EAAa,eAAY;EAAsB,GAAI;EAAS;;AAGxI,MAAa,qBAAqB,EAAE,WAAW,UAAU,OAAO,GAAG,YAAuB;AAGxF,QAAO,oBAFM,UAAU,OAAO,OAEvB;EAAM,WAAW,GAAG,oBAAoB,UAAU;EAAE,aAAU;EAAc,eAAY;EAAuB,GAAI;EAAS;;AAGrI,MAAa,eAAe,EAAE,WAAW,GAAG,YAAuB;AACjE,QAAO,oBAAC,OAAD;EAAgB;EAAW,aAAU;EAAe,eAAY;EAAwB,GAAI;EAAS;;AAG9G,MAAa,QAAQ,EAAE,UAAU,OAAO,UAAU,WAAW,GAAG,YAAuB;AAGrF,QACE,oBAHW,UAAU,OAAO,OAG5B;EAAM,WAAW,GAAG,aAAa,UAAU;EAAE,aAAU;EAAO,eAAY;EAAgB,GAAI;EAC3F;EACI"}

package/dist/DataCard.d.ts

@@ -1,11 +1,25 @@
-import { ReactNode } from 'react';
-import { CardProps } from './Card';
-export type DataCardProps = CardProps & {
-    accentColor: string;
-    cardHeaderEndSlot: ReactNode;
-    dataDescription: string;
-    dataValue: string | number;
-    title: string;
+'use client';
+import { CardProps } from "./DataCard/Card.js";
+import { ReactNode } from "react";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/components/DataCard/DataCard.d.ts
+type DataCardProps = CardProps & {
+  accentColor: string;
+  cardHeaderEndSlot: ReactNode;
+  dataDescription: string;
+  dataValue: string | number;
+  title: string;
 };
-export declare const DataCard: ({ accentColor, cardHeaderEndSlot, className, dataDescription, dataValue, title, ...props }: DataCardProps) => import("react/jsx-runtime").JSX.Element;
+declare const DataCard: ({
+  accentColor,
+  cardHeaderEndSlot,
+  className,
+  dataDescription,
+  dataValue,
+  title,
+  ...props
+}: DataCardProps) => _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { DataCard, DataCardProps };
 //# sourceMappingURL=DataCard.d.ts.map

package/dist/DataCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataCard.d.ts","names":[],"sources":["../src/components/DataCard/DataCard.tsx"],"mappings":";;;;;;KAIY,aAAA,GAAgB,SAAA;EAC1B,WAAA;EACA,iBAAA,EAAmB,SAAA;EACnB,eAAA;EACA,SAAA;EACA,KAAA;AAAA;AAAA,cAGW,QAAA;EAAQ,WAAA;EAAA,iBAAA;EAAA,SAAA;EAAA,eAAA;EAAA,SAAA;EAAA,KAAA;EAAA,GAAA;AAAA,GAAgG,aAAA,KAAa,oBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/DataCard.js

@@ -1,39 +1,43 @@
-'use client'
-import './styles/main.css'
-import { t as e } from "./twUtils-BpqlKSeB.js";
-import { Card as t, CardContent as n, CardHeader as r, CardTitle as i } from "./DataCard/Card.js";
+'use client';
+import { cn } from "./utils/twUtils.js";
+import { Card, CardContent, CardHeader, CardTitle } from "./DataCard/Card.js";
 import "react";
-import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
+
 //#region src/components/DataCard/DataCard.tsx
-var s = ({ accentColor: s, cardHeaderEndSlot: c, className: l, dataDescription: u, dataValue: d, title: f, ...p }) => /* @__PURE__ */ o(t, {
-	className: e("gap-4 card-effects", l),
-	...p,
-	"data-testid": "spectral-datacard",
-	children: [/* @__PURE__ */ o(r, {
-		className: "pb-0",
-		"data-testid": "spectral-datacard-header",
-		children: [/* @__PURE__ */ a(i, {
-			className: "text-sm font-bold uppercase",
-			"data-testid": "spectral-datacard-title",
-			children: f
-		}), /* @__PURE__ */ a("div", {
-			style: { color: s },
-			"data-testid": "spectral-datacard-end-slot",
-			children: c
-		})]
-	}), /* @__PURE__ */ a(n, { children: /* @__PURE__ */ o("div", {
-		className: "gap-4 flex flex-col",
-		children: [/* @__PURE__ */ a("div", {
-			className: "text-4xl font-bold tabular-nums",
-			"data-testid": "spectral-datacard-data-value",
-			style: { color: s },
-			children: d
-		}), /* @__PURE__ */ a("div", {
-			className: "text-xs text-data-card-description",
-			"data-testid": "spectral-datacard-data-description",
-			children: u
-		})]
-	}) })]
-});
+const DataCard = ({ accentColor, cardHeaderEndSlot, className, dataDescription, dataValue, title, ...props }) => {
+	return /* @__PURE__ */ jsxs(Card, {
+		className: cn("gap-4 card-effects", className),
+		...props,
+		"data-testid": "spectral-datacard",
+		children: [/* @__PURE__ */ jsxs(CardHeader, {
+			className: "pb-0",
+			"data-testid": "spectral-datacard-header",
+			children: [/* @__PURE__ */ jsx(CardTitle, {
+				className: "text-sm font-bold uppercase",
+				"data-testid": "spectral-datacard-title",
+				children: title
+			}), /* @__PURE__ */ jsx("div", {
+				style: { color: accentColor },
+				"data-testid": "spectral-datacard-end-slot",
+				children: cardHeaderEndSlot
+			})]
+		}), /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsxs("div", {
+			className: "gap-4 flex flex-col",
+			children: [/* @__PURE__ */ jsx("div", {
+				className: "text-4xl font-bold tabular-nums",
+				"data-testid": "spectral-datacard-data-value",
+				style: { color: accentColor },
+				children: dataValue
+			}), /* @__PURE__ */ jsx("div", {
+				className: "text-xs text-data-card-description",
+				"data-testid": "spectral-datacard-data-description",
+				children: dataDescription
+			})]
+		}) })]
+	});
+};
+
 //#endregion
-export { s as DataCard };
+export { DataCard };
+//# sourceMappingURL=DataCard.js.map

package/dist/DataCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataCard.js","names":[],"sources":["../src/components/DataCard/DataCard.tsx"],"sourcesContent":["import { cn } from '@utils/twUtils'\nimport { type ReactNode } from 'react'\nimport { Card, CardContent, CardHeader, CardTitle, type CardProps } from './Card'\n\nexport type DataCardProps = CardProps & {\n  accentColor: string\n  cardHeaderEndSlot: ReactNode\n  dataDescription: string\n  dataValue: string | number\n  title: string\n}\n\nexport const DataCard = ({ accentColor, cardHeaderEndSlot, className, dataDescription, dataValue, title, ...props }: DataCardProps) => {\n  return (\n    <Card className={cn('gap-4 card-effects', className)} {...props} data-testid='spectral-datacard'>\n      <CardHeader className='pb-0' data-testid='spectral-datacard-header'>\n        <CardTitle className='text-sm font-bold uppercase' data-testid='spectral-datacard-title'>\n          {title}\n        </CardTitle>\n        <div style={{ color: accentColor }} data-testid='spectral-datacard-end-slot'>\n          {cardHeaderEndSlot}\n        </div>\n      </CardHeader>\n      <CardContent>\n        <div className='gap-4 flex flex-col'>\n          <div className='text-4xl font-bold tabular-nums' data-testid='spectral-datacard-data-value' style={{ color: accentColor }}>\n            {dataValue}\n          </div>\n          <div className='text-xs text-data-card-description' data-testid='spectral-datacard-data-description'>\n            {dataDescription}\n          </div>\n        </div>\n      </CardContent>\n    </Card>\n  )\n}\n"],"mappings":";;;;;;;AAYA,MAAa,YAAY,EAAE,aAAa,mBAAmB,WAAW,iBAAiB,WAAW,OAAO,GAAG,YAA2B;AACrI,QACE,qBAAC,MAAD;EAAM,WAAW,GAAG,sBAAsB,UAAU;EAAE,GAAI;EAAO,eAAY;YAA7E,CACE,qBAAC,YAAD;GAAY,WAAU;GAAO,eAAY;aAAzC,CACE,oBAAC,WAAD;IAAW,WAAU;IAA8B,eAAY;cAC5D;IACS,GACZ,oBAAC,OAAD;IAAK,OAAO,EAAE,OAAO,aAAa;IAAE,eAAY;cAC7C;IACG,EACK;MACb,oBAAC,aAAD,YACE,qBAAC,OAAD;GAAK,WAAU;aAAf,CACE,oBAAC,OAAD;IAAK,WAAU;IAAkC,eAAY;IAA+B,OAAO,EAAE,OAAO,aAAa;cACtH;IACG,GACN,oBAAC,OAAD;IAAK,WAAU;IAAqC,eAAY;cAC7D;IACG,EACF;MACM,EACT"}

package/dist/DateTimePicker/Calendar.d.ts

@@ -1,13 +1,26 @@
-import { DayPickerProps, Matcher, Locale } from 'react-day-picker';
-export type CalendarProps = DayPickerProps & {
-    disabled?: Matcher | Matcher[];
-    disablePastDates?: boolean;
-    fixedWeeks?: boolean;
-    /** The locale object used to localize dates. Import from 'react-day-picker/locale'. */
-    locale?: Partial<Locale>;
-};
-export declare const Calendar: {
-    ({ classNames, disabled, disablePastDates, fixedWeeks, locale, showOutsideDays, ...props }: CalendarProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
+'use client';
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+import { DayPickerProps, Locale, Matcher } from "react-day-picker";
+
+//#region src/components/DateTimePicker/Calendar.d.ts
+type CalendarProps = DayPickerProps & {
+  disabled?: Matcher | Matcher[];
+  disablePastDates?: boolean;
+  fixedWeeks?: boolean; /** The locale object used to localize dates. Import from 'react-day-picker/locale'. */
+  locale?: Partial<Locale>;
 };
+declare function Calendar({
+  classNames,
+  disabled,
+  disablePastDates,
+  fixedWeeks,
+  locale,
+  showOutsideDays,
+  ...props
+}: CalendarProps): _$react_jsx_runtime0.JSX.Element;
+declare namespace Calendar {
+  var displayName: string;
+}
+//#endregion
+export { Calendar, CalendarProps };
 //# sourceMappingURL=Calendar.d.ts.map

package/dist/DateTimePicker/Calendar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Calendar.d.ts","names":[],"sources":["../../src/components/DateTimePicker/Calendar.tsx"],"mappings":";;;;;KAKY,aAAA,GAAgB,cAAA;EAC1B,QAAA,GAAW,OAAA,GAAU,OAAA;EACrB,gBAAA;EACA,UAAA,YAHuB;EAKvB,MAAA,GAAS,OAAA,CAAQ,MAAA;AAAA;AAAA;EAGQ,UAAA;EAAY,QAAA;EAAU,gBAAA;EAAyB,UAAA;EAAY,MAAA;EAAQ,eAAA;EAAA,GAA2B;AAAA,GAAS,aAAA,GAAa,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA"}

package/dist/DateTimePicker/Calendar.js

@@ -1,3 +1,54 @@
-'use client'
-import { t as e } from "../Calendar-FXWVuKWS.js";
-export { e as Calendar };
+'use client';
+import { ChevronDownIcon } from "../Icons/ChevronDownIcon.js";
+import { cn } from "../utils/twUtils.js";
+import { useMemo } from "react";
+import { jsx } from "react/jsx-runtime";
+import { DayPicker } from "react-day-picker";
+
+//#region src/components/DateTimePicker/Calendar.tsx
+const Calendar = ({ classNames, disabled, disablePastDates = true, fixedWeeks, locale, showOutsideDays = true, ...props }) => {
+	const today = useMemo(() => /* @__PURE__ */ new Date(), []);
+	const combinedDisabled = [...disablePastDates ? [{ before: today }] : [], ...Array.isArray(disabled) ? disabled : disabled ? [disabled] : []];
+	return /* @__PURE__ */ jsx(DayPicker, {
+		...props,
+		classNames: {
+			months: cn("months relative flex"),
+			month: cn("month"),
+			caption: cn("calendar-header"),
+			caption_label: cn("month-title"),
+			nav: cn("rdp-nav flex w-full items-center"),
+			nav_button: cn("nav-button h-7 w-7 p-0 bg-transparent opacity-50 hover:opacity-100 focus-visible:opacity-100 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-accent"),
+			button_previous: cn("nav-prev left-1 top-0 absolute"),
+			button_next: cn("nav-next right-1 top-0 absolute"),
+			table: cn("space-y-1 table w-full border-collapse"),
+			head_row: cn("day-head-row flex"),
+			head_cell: cn("days-of-week"),
+			row: cn("day-row mt-2 flex w-full"),
+			cell: cn("day-cell"),
+			day: cn("day"),
+			day_range_start: cn("day-range-start"),
+			day_range_middle: cn("day-range-middle"),
+			day_range_end: cn("day-range-end"),
+			day_selected: cn("day-selected"),
+			day_outside: cn("day-outside"),
+			day_disabled: cn("day-disabled"),
+			hidden: cn("hidden"),
+			...classNames
+		},
+		components: { Chevron: ({ orientation }) => /* @__PURE__ */ jsx(ChevronDownIcon, {
+			"aria-hidden": "true",
+			className: cn("size-4", orientation === "left" && "rotate-90", orientation === "right" && "-rotate-90")
+		}) },
+		"data-slot": "calendar",
+		"data-testid": "spectral-calendar",
+		disabled: combinedDisabled.length > 0 ? combinedDisabled : void 0,
+		fixedWeeks,
+		locale,
+		showOutsideDays
+	});
+};
+Calendar.displayName = "Calendar";
+
+//#endregion
+export { Calendar };
+//# sourceMappingURL=Calendar.js.map

package/dist/DateTimePicker/Calendar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Calendar.js","names":[],"sources":["../../src/components/DateTimePicker/Calendar.tsx"],"sourcesContent":["import { ChevronDownIcon } from '@components/Icons'\nimport { cn } from '@utils/twUtils'\nimport { useMemo } from 'react'\nimport { DayPicker, type DayPickerProps, type Matcher, type Locale } from 'react-day-picker'\n\nexport type CalendarProps = DayPickerProps & {\n  disabled?: Matcher | Matcher[]\n  disablePastDates?: boolean\n  fixedWeeks?: boolean\n  /** The locale object used to localize dates. Import from 'react-day-picker/locale'. */\n  locale?: Partial<Locale>\n}\n\nexport const Calendar = ({ classNames, disabled, disablePastDates = true, fixedWeeks, locale, showOutsideDays = true, ...props }: CalendarProps) => {\n  // Memoize today's date to avoid creating new Date objects on every render\n  const today = useMemo(() => new Date(), [])\n\n  // Combine user-provided disabled dates with past dates if enabled\n  const combinedDisabled: Matcher[] = [...(disablePastDates ? [{ before: today }] : []), ...(Array.isArray(disabled) ? disabled : disabled ? [disabled] : [])]\n\n  return (\n    <DayPicker\n      {...props}\n      classNames={{\n        months: cn('months relative flex'),\n        month: cn('month'),\n        caption: cn('calendar-header'),\n        caption_label: cn('month-title'),\n        nav: cn('rdp-nav flex w-full items-center'),\n        nav_button: cn('nav-button h-7 w-7 p-0 bg-transparent opacity-50 hover:opacity-100 focus-visible:opacity-100 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-accent'),\n        button_previous: cn('nav-prev left-1 top-0 absolute'),\n        button_next: cn('nav-next right-1 top-0 absolute'),\n        table: cn('space-y-1 table w-full border-collapse'),\n        head_row: cn('day-head-row flex'),\n        head_cell: cn('days-of-week'),\n        row: cn('day-row mt-2 flex w-full'),\n        cell: cn('day-cell'),\n        day: cn('day'),\n        day_range_start: cn('day-range-start'),\n        day_range_middle: cn('day-range-middle'),\n        day_range_end: cn('day-range-end'),\n        day_selected: cn('day-selected'),\n        day_outside: cn('day-outside'),\n        day_disabled: cn('day-disabled'),\n        hidden: cn('hidden'),\n        ...classNames,\n      }}\n      components={{\n        Chevron: ({ orientation }) => <ChevronDownIcon aria-hidden='true' className={cn('size-4', orientation === 'left' && 'rotate-90', orientation === 'right' && '-rotate-90')} />,\n      }}\n      data-slot='calendar'\n      data-testid='spectral-calendar'\n      disabled={combinedDisabled.length > 0 ? combinedDisabled : undefined}\n      fixedWeeks={fixedWeeks}\n      locale={locale}\n      showOutsideDays={showOutsideDays}\n    />\n  )\n}\n\nCalendar.displayName = 'Calendar'\n"],"mappings":";;;;;;;;AAaA,MAAa,YAAY,EAAE,YAAY,UAAU,mBAAmB,MAAM,YAAY,QAAQ,kBAAkB,MAAM,GAAG,YAA2B;CAElJ,MAAM,QAAQ,8BAAc,IAAI,MAAM,EAAE,EAAE,CAAC;CAG3C,MAAM,mBAA8B,CAAC,GAAI,mBAAmB,CAAC,EAAE,QAAQ,OAAO,CAAC,GAAG,EAAE,EAAG,GAAI,MAAM,QAAQ,SAAS,GAAG,WAAW,WAAW,CAAC,SAAS,GAAG,EAAE,CAAE;AAE5J,QACE,oBAAC,WAAD;EACE,GAAI;EACJ,YAAY;GACV,QAAQ,GAAG,uBAAuB;GAClC,OAAO,GAAG,QAAQ;GAClB,SAAS,GAAG,kBAAkB;GAC9B,eAAe,GAAG,cAAc;GAChC,KAAK,GAAG,mCAAmC;GAC3C,YAAY,GAAG,mLAAmL;GAClM,iBAAiB,GAAG,iCAAiC;GACrD,aAAa,GAAG,kCAAkC;GAClD,OAAO,GAAG,yCAAyC;GACnD,UAAU,GAAG,oBAAoB;GACjC,WAAW,GAAG,eAAe;GAC7B,KAAK,GAAG,2BAA2B;GACnC,MAAM,GAAG,WAAW;GACpB,KAAK,GAAG,MAAM;GACd,iBAAiB,GAAG,kBAAkB;GACtC,kBAAkB,GAAG,mBAAmB;GACxC,eAAe,GAAG,gBAAgB;GAClC,cAAc,GAAG,eAAe;GAChC,aAAa,GAAG,cAAc;GAC9B,cAAc,GAAG,eAAe;GAChC,QAAQ,GAAG,SAAS;GACpB,GAAG;GACJ;EACD,YAAY,EACV,UAAU,EAAE,kBAAkB,oBAAC,iBAAD;GAAiB,eAAY;GAAO,WAAW,GAAG,UAAU,gBAAgB,UAAU,aAAa,gBAAgB,WAAW,aAAa;GAAI,GAC9K;EACD,aAAU;EACV,eAAY;EACZ,UAAU,iBAAiB,SAAS,IAAI,mBAAmB;EAC/C;EACJ;EACS;EACjB;;AAIN,SAAS,cAAc"}

package/dist/DateTimePicker/DateTimeDisplayInput.d.ts

@@ -1,20 +1,24 @@
-import { ComponentProps, ReactNode } from 'react';
-import { HourFormat } from './DateTimeUtils';
-export interface DateTimeDisplayInputProps extends Omit<ComponentProps<'div'>, 'onChange' | 'defaultValue'> {
-    defaultValue?: Date;
-    disabled?: boolean;
-    endIcon?: ReactNode;
-    hourFormat?: HourFormat;
-    label?: string;
-    locale?: string;
-    onChange?: (date: Date | undefined) => void;
-    showTime?: boolean;
-    state?: 'default' | 'disabled' | 'error';
-    value?: Date;
-    /** @deprecated Use `value` instead */
-    date?: Date;
-    /** @deprecated Use `onChange` instead */
-    onDateChange?: (date: Date | undefined) => void;
+'use client';
+import { HourFormat } from "./DateTimeUtils.js";
+import * as _$react from "react";
+import { ComponentProps, ReactNode } from "react";
+
+//#region src/components/DateTimePicker/DateTimeDisplayInput.d.ts
+interface DateTimeDisplayInputProps extends Omit<ComponentProps<'div'>, 'onChange' | 'defaultValue'> {
+  defaultValue?: Date;
+  disabled?: boolean;
+  endIcon?: ReactNode;
+  hourFormat?: HourFormat;
+  label?: string;
+  locale?: string;
+  onChange?: (date: Date | undefined) => void;
+  showTime?: boolean;
+  state?: 'default' | 'disabled' | 'error';
+  value?: Date;
+  /** @deprecated Use `value` instead */
+  date?: Date;
+  /** @deprecated Use `onChange` instead */
+  onDateChange?: (date: Date | undefined) => void;
 }
 /**
  * A segmented date/time input that mimics native date input behavior.
@@ -37,5 +41,7 @@ export interface DateTimeDisplayInputProps extends Omit<ComponentProps<'div'>, '
  * <DateTimeDisplayInput date={date} onDateChange={setDate} />
  * ```
  */
-export declare const DateTimeDisplayInput: import('react').ForwardRefExoticComponent<Omit<DateTimeDisplayInputProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+declare const DateTimeDisplayInput: _$react.ForwardRefExoticComponent<Omit<DateTimeDisplayInputProps, "ref"> & _$react.RefAttributes<HTMLDivElement>>;
+//#endregion
+export { DateTimeDisplayInput, DateTimeDisplayInputProps };
 //# sourceMappingURL=DateTimeDisplayInput.d.ts.map

package/dist/DateTimePicker/DateTimeDisplayInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateTimeDisplayInput.d.ts","names":[],"sources":["../../src/components/DateTimePicker/DateTimeDisplayInput.tsx"],"mappings":";;;;;;UAOiB,yBAAA,SAAkC,IAAA,CAAK,cAAA;EACtD,YAAA,GAAe,IAAA;EACf,QAAA;EACA,OAAA,GAAU,SAAA;EACV,UAAA,GAAa,UAAA;EACb,KAAA;EACA,MAAA;EACA,QAAA,IAAY,IAAA,EAAM,IAAA;EAClB,QAAA;EACA,KAAA;EACA,KAAA,GAAQ,IAAA;EAAA;EAGR,IAAA,GAAO,IAAA;EAEe;EAAtB,YAAA,IAAgB,IAAA,EAAM,IAAA;AAAA;;;;;;;;;;;;;;;;;;;;;;cA4WX,oBAAA,EAAoB,OAAA,CAAA,yBAAA,CAAA,IAAA,CAAA,yBAAA,WAAA,OAAA,CAAA,aAAA,CAAA,cAAA"}