@cerberus-design/react 0.0.0-next-bd980a6d9bd07d60e8d7200bd4d56624754e936c

package/dist/components/date-picker/calendar.cjs

@@ -0,0 +1,36 @@
+"use client";
+const require_index = require("../../utils/index.cjs");
+const require_content = require("./content.cjs");
+const require_day_view = require("./day-view.cjs");
+const require_month_view = require("./month-view.cjs");
+const require_year_view = require("./year-view.cjs");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/components/date-picker/calendar.tsx
+/**
+* An abstraction of the DatePicker content components that contain the
+* different calendar views and controls.
+* @definition [Date Picker docs](https://cerberus.digitalu.design/react/date-picker)
+* @example
+* ```tsx
+* <Field>
+*   <DatePicker name="start_date">
+*     <DatePickerLabel>Start date</DatePickerLabel>
+*     <DatePickerInput />
+*     <DatePickerCalendar />
+*   </DatePicker>
+* </Field>
+* ```
+*/
+function DatePickerCalendar(props) {
+	const [, contentProps] = require_index.splitProps(props, ["withModal"]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_content.DatePickerContent, {
+		...contentProps,
+		children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_day_view.DatePickerDayView, {}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_month_view.DatePickerMonthView, { view: "month" }),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_year_view.DatePickerYearView, { view: "year" })
+		]
+	});
+}
+//#endregion
+exports.DatePickerCalendar = DatePickerCalendar;

package/dist/components/date-picker/calendar.d.cts

@@ -0,0 +1,27 @@
+import { DatePickerContentProps } from './primitives';
+/**
+ * This module contains an abstraction of the DatePicker component.
+ * @module 'date-picker/calendar'
+ */
+export interface DatePickerCalendarProps {
+    /**
+     * @deprecated - this is no longer needed.
+     */
+    withModal?: boolean;
+}
+/**
+ * An abstraction of the DatePicker content components that contain the
+ * different calendar views and controls.
+ * @definition [Date Picker docs](https://cerberus.digitalu.design/react/date-picker)
+ * @example
+ * ```tsx
+ * <Field>
+ *   <DatePicker name="start_date">
+ *     <DatePickerLabel>Start date</DatePickerLabel>
+ *     <DatePickerInput />
+ *     <DatePickerCalendar />
+ *   </DatePicker>
+ * </Field>
+ * ```
+ */
+export declare function DatePickerCalendar(props: DatePickerCalendarProps & DatePickerContentProps): import("react").JSX.Element;

package/dist/components/date-picker/calendar.d.ts

@@ -0,0 +1,27 @@
+import { DatePickerContentProps } from './primitives';
+/**
+ * This module contains an abstraction of the DatePicker component.
+ * @module 'date-picker/calendar'
+ */
+export interface DatePickerCalendarProps {
+    /**
+     * @deprecated - this is no longer needed.
+     */
+    withModal?: boolean;
+}
+/**
+ * An abstraction of the DatePicker content components that contain the
+ * different calendar views and controls.
+ * @definition [Date Picker docs](https://cerberus.digitalu.design/react/date-picker)
+ * @example
+ * ```tsx
+ * <Field>
+ *   <DatePicker name="start_date">
+ *     <DatePickerLabel>Start date</DatePickerLabel>
+ *     <DatePickerInput />
+ *     <DatePickerCalendar />
+ *   </DatePicker>
+ * </Field>
+ * ```
+ */
+export declare function DatePickerCalendar(props: DatePickerCalendarProps & DatePickerContentProps): import("react").JSX.Element;

package/dist/components/date-picker/calendar.js

@@ -0,0 +1,36 @@
+"use client";
+import { splitProps } from "../../utils/index.js";
+import { DatePickerContent } from "./content.js";
+import { DatePickerDayView } from "./day-view.js";
+import { DatePickerMonthView } from "./month-view.js";
+import { DatePickerYearView } from "./year-view.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/date-picker/calendar.tsx
+/**
+* An abstraction of the DatePicker content components that contain the
+* different calendar views and controls.
+* @definition [Date Picker docs](https://cerberus.digitalu.design/react/date-picker)
+* @example
+* ```tsx
+* <Field>
+*   <DatePicker name="start_date">
+*     <DatePickerLabel>Start date</DatePickerLabel>
+*     <DatePickerInput />
+*     <DatePickerCalendar />
+*   </DatePicker>
+* </Field>
+* ```
+*/
+function DatePickerCalendar(props) {
+	const [, contentProps] = splitProps(props, ["withModal"]);
+	return /* @__PURE__ */ jsxs(DatePickerContent, {
+		...contentProps,
+		children: [
+			/* @__PURE__ */ jsx(DatePickerDayView, {}),
+			/* @__PURE__ */ jsx(DatePickerMonthView, { view: "month" }),
+			/* @__PURE__ */ jsx(DatePickerYearView, { view: "year" })
+		]
+	});
+}
+//#endregion
+export { DatePickerCalendar };

package/dist/components/date-picker/content.cjs

@@ -0,0 +1,19 @@
+"use client";
+const require_parts = require("./parts.cjs");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/components/date-picker/content.tsx
+/**
+* This private module contains an abstraction of the DatePickerContent
+* primitive.
+* @module 'date-picker/content'
+*/
+/**
+* An abstraction of the DatePicker content that wraps the DatePickerParts
+* primitives.
+* @definition [datePicker docs](https://cerberus.digitalu.design/react/date-picker)
+*/
+function DatePickerContent(props) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_parts.DatePickerParts.Positioner, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_parts.DatePickerParts.Content, { ...props }) });
+}
+//#endregion
+exports.DatePickerContent = DatePickerContent;

package/dist/components/date-picker/content.d.cts

@@ -0,0 +1,12 @@
+import { DatePickerContentProps } from './primitives';
+/**
+ * This private module contains an abstraction of the DatePickerContent
+ * primitive.
+ * @module 'date-picker/content'
+ */
+/**
+ * An abstraction of the DatePicker content that wraps the DatePickerParts
+ * primitives.
+ * @definition [datePicker docs](https://cerberus.digitalu.design/react/date-picker)
+ */
+export declare function DatePickerContent(props: DatePickerContentProps): import("react").JSX.Element;

package/dist/components/date-picker/content.d.ts

@@ -0,0 +1,12 @@
+import { DatePickerContentProps } from './primitives';
+/**
+ * This private module contains an abstraction of the DatePickerContent
+ * primitive.
+ * @module 'date-picker/content'
+ */
+/**
+ * An abstraction of the DatePicker content that wraps the DatePickerParts
+ * primitives.
+ * @definition [datePicker docs](https://cerberus.digitalu.design/react/date-picker)
+ */
+export declare function DatePickerContent(props: DatePickerContentProps): import("react").JSX.Element;

package/dist/components/date-picker/content.js

@@ -0,0 +1,19 @@
+"use client";
+import { DatePickerParts } from "./parts.js";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/date-picker/content.tsx
+/**
+* This private module contains an abstraction of the DatePickerContent
+* primitive.
+* @module 'date-picker/content'
+*/
+/**
+* An abstraction of the DatePicker content that wraps the DatePickerParts
+* primitives.
+* @definition [datePicker docs](https://cerberus.digitalu.design/react/date-picker)
+*/
+function DatePickerContent(props) {
+	return /* @__PURE__ */ jsx(DatePickerParts.Positioner, { children: /* @__PURE__ */ jsx(DatePickerParts.Content, { ...props }) });
+}
+//#endregion
+export { DatePickerContent };

package/dist/components/date-picker/date-picker.cjs

@@ -0,0 +1,17 @@
+"use client";
+const require_parts = require("./parts.cjs");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/components/date-picker/date-picker.tsx
+/**
+* DatePicker component is an abstraction of the DatePickerRoot primitive which
+* is the context provider to the DatePicker.
+* @description [Cerberus Docs](https://cerberus.digitalu.design/docs/components/date-picker)
+*/
+function DatePicker(props) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_parts.DatePickerParts.Root, {
+		positioning: { placement: "bottom-start" },
+		...props
+	});
+}
+//#endregion
+exports.DatePicker = DatePicker;

package/dist/components/date-picker/date-picker.d.cts

@@ -0,0 +1,7 @@
+import { DatePickerRootProps } from './primitives';
+/**
+ * DatePicker component is an abstraction of the DatePickerRoot primitive which
+ * is the context provider to the DatePicker.
+ * @description [Cerberus Docs](https://cerberus.digitalu.design/docs/components/date-picker)
+ */
+export declare function DatePicker(props: DatePickerRootProps): import("react").JSX.Element;

package/dist/components/date-picker/date-picker.d.ts

@@ -0,0 +1,7 @@
+import { DatePickerRootProps } from './primitives';
+/**
+ * DatePicker component is an abstraction of the DatePickerRoot primitive which
+ * is the context provider to the DatePicker.
+ * @description [Cerberus Docs](https://cerberus.digitalu.design/docs/components/date-picker)
+ */
+export declare function DatePicker(props: DatePickerRootProps): import("react").JSX.Element;

package/dist/components/date-picker/date-picker.js

@@ -0,0 +1,17 @@
+"use client";
+import { DatePickerParts } from "./parts.js";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/date-picker/date-picker.tsx
+/**
+* DatePicker component is an abstraction of the DatePickerRoot primitive which
+* is the context provider to the DatePicker.
+* @description [Cerberus Docs](https://cerberus.digitalu.design/docs/components/date-picker)
+*/
+function DatePicker(props) {
+	return /* @__PURE__ */ jsx(DatePickerParts.Root, {
+		positioning: { placement: "bottom-start" },
+		...props
+	});
+}
+//#endregion
+export { DatePicker };

package/dist/components/date-picker/day-view.cjs

@@ -0,0 +1,39 @@
+"use client";
+"use client";
+const require_parts = require("./parts.cjs");
+const require_view_control_group = require("./view-control-group.cjs");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/components/date-picker/day-view.tsx
+/**
+* An abstraction of the DatePickerDayView that renders the day view of the
+* DatePicker.
+* @definition [datePicker docs](https://cerberus.digitalu.design/react/date-picker)
+*/
+function DatePickerDayView(props) {
+	function isToday(date) {
+		return (/* @__PURE__ */ new Date()).toISOString().split("T")[0] === `${date.year}-${String(date.month).padStart(2, "0")}-${String(date.day).padStart(2, "0")}`;
+	}
+	function isPastDay(date) {
+		const today = /* @__PURE__ */ new Date();
+		const arkDate = `${date.year}-${String(date.month).padStart(2, "0")}-${String(date.day).padStart(2, "0")}`;
+		return new Date(arkDate) < today;
+	}
+	function getDayValue(date) {
+		if (isToday(date)) return "today";
+		if (isPastDay(date)) return "past";
+		return "future";
+	}
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_parts.DatePickerParts.View, {
+		...props,
+		view: "day",
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_parts.DatePickerParts.Context, { children: (datePickerData) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_view_control_group.DatePickerViewControlGroup, {}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_parts.DatePickerParts.Table, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_parts.DatePickerParts.TableHead, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_parts.DatePickerParts.TableRow, { children: datePickerData.weekDays.map((weekDay, id) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_parts.DatePickerParts.TableHeader, { children: weekDay.narrow }, id)) }) }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_parts.DatePickerParts.TableBody, { children: datePickerData.weeks.map((week, id) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_parts.DatePickerParts.TableRow, { children: week.map((day, id) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_parts.DatePickerParts.TableCell, {
+			value: day,
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_parts.DatePickerParts.TableCellTrigger, {
+				"data-date": getDayValue(day),
+				children: day.day
+			})
+		}, id)) }, id)) })] })] }) })
+	});
+}
+//#endregion
+exports.DatePickerDayView = DatePickerDayView;

package/dist/components/date-picker/day-view.d.cts

@@ -0,0 +1,13 @@
+import { DatePicker } from '@ark-ui/react/date-picker';
+import { DatePickerViewProps } from './primitives';
+/**
+ * This private module contains an abstraction of the DayView component.
+ * @module 'date-picker/day-view'
+ */
+export type DateValue = DatePicker.DateValue;
+/**
+ * An abstraction of the DatePickerDayView that renders the day view of the
+ * DatePicker.
+ * @definition [datePicker docs](https://cerberus.digitalu.design/react/date-picker)
+ */
+export declare function DatePickerDayView(props: Omit<DatePickerViewProps, 'view'>): import("react").JSX.Element;

package/dist/components/date-picker/day-view.d.ts

@@ -0,0 +1,13 @@
+import { DatePicker } from '@ark-ui/react/date-picker';
+import { DatePickerViewProps } from './primitives';
+/**
+ * This private module contains an abstraction of the DayView component.
+ * @module 'date-picker/day-view'
+ */
+export type DateValue = DatePicker.DateValue;
+/**
+ * An abstraction of the DatePickerDayView that renders the day view of the
+ * DatePicker.
+ * @definition [datePicker docs](https://cerberus.digitalu.design/react/date-picker)
+ */
+export declare function DatePickerDayView(props: Omit<DatePickerViewProps, 'view'>): import("react").JSX.Element;

package/dist/components/date-picker/day-view.js

@@ -0,0 +1,39 @@
+"use client";
+"use client";
+import { DatePickerParts } from "./parts.js";
+import { DatePickerViewControlGroup } from "./view-control-group.js";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/date-picker/day-view.tsx
+/**
+* An abstraction of the DatePickerDayView that renders the day view of the
+* DatePicker.
+* @definition [datePicker docs](https://cerberus.digitalu.design/react/date-picker)
+*/
+function DatePickerDayView(props) {
+	function isToday(date) {
+		return (/* @__PURE__ */ new Date()).toISOString().split("T")[0] === `${date.year}-${String(date.month).padStart(2, "0")}-${String(date.day).padStart(2, "0")}`;
+	}
+	function isPastDay(date) {
+		const today = /* @__PURE__ */ new Date();
+		const arkDate = `${date.year}-${String(date.month).padStart(2, "0")}-${String(date.day).padStart(2, "0")}`;
+		return new Date(arkDate) < today;
+	}
+	function getDayValue(date) {
+		if (isToday(date)) return "today";
+		if (isPastDay(date)) return "past";
+		return "future";
+	}
+	return /* @__PURE__ */ jsx(DatePickerParts.View, {
+		...props,
+		view: "day",
+		children: /* @__PURE__ */ jsx(DatePickerParts.Context, { children: (datePickerData) => /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(DatePickerViewControlGroup, {}), /* @__PURE__ */ jsxs(DatePickerParts.Table, { children: [/* @__PURE__ */ jsx(DatePickerParts.TableHead, { children: /* @__PURE__ */ jsx(DatePickerParts.TableRow, { children: datePickerData.weekDays.map((weekDay, id) => /* @__PURE__ */ jsx(DatePickerParts.TableHeader, { children: weekDay.narrow }, id)) }) }), /* @__PURE__ */ jsx(DatePickerParts.TableBody, { children: datePickerData.weeks.map((week, id) => /* @__PURE__ */ jsx(DatePickerParts.TableRow, { children: week.map((day, id) => /* @__PURE__ */ jsx(DatePickerParts.TableCell, {
+			value: day,
+			children: /* @__PURE__ */ jsx(DatePickerParts.TableCellTrigger, {
+				"data-date": getDayValue(day),
+				children: day.day
+			})
+		}, id)) }, id)) })] })] }) })
+	});
+}
+//#endregion
+export { DatePickerDayView };

package/dist/components/date-picker/index.cjs

@@ -0,0 +1,68 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_primitives = require("./primitives.cjs");
+const require_parts = require("./parts.cjs");
+const require_date_picker = require("./date-picker.cjs");
+const require_input = require("./input.cjs");
+const require_range_input = require("./range-input.cjs");
+const require_calendar = require("./calendar.cjs");
+let _ark_ui_react_date_picker = require("@ark-ui/react/date-picker");
+let _internationalized_date = require("@internationalized/date");
+Object.defineProperty(exports, "CalendarDate", {
+	enumerable: true,
+	get: function() {
+		return _internationalized_date.CalendarDate;
+	}
+});
+Object.defineProperty(exports, "DateFormatter", {
+	enumerable: true,
+	get: function() {
+		return _internationalized_date.DateFormatter;
+	}
+});
+exports.DatePicker = require_date_picker.DatePicker;
+exports.DatePickerCalendar = require_calendar.DatePickerCalendar;
+exports.DatePickerClearTrigger = require_primitives.DatePickerClearTrigger;
+exports.DatePickerContent = require_primitives.DatePickerContent;
+exports.DatePickerContext = require_primitives.DatePickerContext;
+exports.DatePickerControl = require_primitives.DatePickerControl;
+exports.DatePickerInput = require_input.DatePickerInput;
+exports.DatePickerInputEl = require_primitives.DatePickerInputEl;
+exports.DatePickerLabel = require_primitives.DatePickerLabel;
+exports.DatePickerMonthSelect = require_primitives.DatePickerMonthSelect;
+exports.DatePickerNextTrigger = require_primitives.DatePickerNextTrigger;
+exports.DatePickerParts = require_parts.DatePickerParts;
+exports.DatePickerPositioner = require_primitives.DatePickerPositioner;
+exports.DatePickerPrevTrigger = require_primitives.DatePickerPrevTrigger;
+exports.DatePickerRangeText = require_primitives.DatePickerRangeText;
+exports.DatePickerRoot = require_primitives.DatePickerRoot;
+exports.DatePickerTable = require_primitives.DatePickerTable;
+exports.DatePickerTableBody = require_primitives.DatePickerTableBody;
+exports.DatePickerTableCell = require_primitives.DatePickerTableCell;
+exports.DatePickerTableCellTrigger = require_primitives.DatePickerTableCellTrigger;
+exports.DatePickerTableHead = require_primitives.DatePickerTableHead;
+exports.DatePickerTableHeader = require_primitives.DatePickerTableHeader;
+exports.DatePickerTableRow = require_primitives.DatePickerTableRow;
+exports.DatePickerTrigger = require_primitives.DatePickerTrigger;
+exports.DatePickerView = require_primitives.DatePickerView;
+exports.DatePickerViewControl = require_primitives.DatePickerViewControl;
+exports.DatePickerViewTrigger = require_primitives.DatePickerViewTrigger;
+exports.DatePickerYearSelect = require_primitives.DatePickerYearSelect;
+exports.RangePickerInput = require_range_input.RangePickerInput;
+Object.defineProperty(exports, "getLocalTimeZone", {
+	enumerable: true,
+	get: function() {
+		return _internationalized_date.getLocalTimeZone;
+	}
+});
+Object.defineProperty(exports, "parseDate", {
+	enumerable: true,
+	get: function() {
+		return _ark_ui_react_date_picker.parseDate;
+	}
+});
+Object.defineProperty(exports, "today", {
+	enumerable: true,
+	get: function() {
+		return _internationalized_date.today;
+	}
+});

package/dist/components/date-picker/index.d.cts

@@ -0,0 +1,8 @@
+export * from './parts';
+export * from './primitives';
+export * from './date-picker';
+export * from './input';
+export * from './range-input';
+export * from './calendar';
+export { parseDate, type DateValue } from '@ark-ui/react/date-picker';
+export { CalendarDate, today, getLocalTimeZone, DateFormatter, } from '@internationalized/date';

package/dist/components/date-picker/index.d.ts

@@ -0,0 +1,8 @@
+export * from './parts';
+export * from './primitives';
+export * from './date-picker';
+export * from './input';
+export * from './range-input';
+export * from './calendar';
+export { parseDate, type DateValue } from '@ark-ui/react/date-picker';
+export { CalendarDate, today, getLocalTimeZone, DateFormatter, } from '@internationalized/date';

package/dist/components/date-picker/index.js

@@ -0,0 +1,9 @@
+import { DatePickerClearTrigger, DatePickerContent, DatePickerContext, DatePickerControl, DatePickerInputEl, DatePickerLabel, DatePickerMonthSelect, DatePickerNextTrigger, DatePickerPositioner, DatePickerPrevTrigger, DatePickerRangeText, DatePickerRoot, DatePickerTable, DatePickerTableBody, DatePickerTableCell, DatePickerTableCellTrigger, DatePickerTableHead, DatePickerTableHeader, DatePickerTableRow, DatePickerTrigger, DatePickerView, DatePickerViewControl, DatePickerViewTrigger, DatePickerYearSelect } from "./primitives.js";
+import { DatePickerParts } from "./parts.js";
+import { DatePicker } from "./date-picker.js";
+import { DatePickerInput } from "./input.js";
+import { RangePickerInput } from "./range-input.js";
+import { DatePickerCalendar } from "./calendar.js";
+import { parseDate } from "@ark-ui/react/date-picker";
+import { CalendarDate, DateFormatter, getLocalTimeZone, today } from "@internationalized/date";
+export { CalendarDate, DateFormatter, DatePicker, DatePickerCalendar, DatePickerClearTrigger, DatePickerContent, DatePickerContext, DatePickerControl, DatePickerInput, DatePickerInputEl, DatePickerLabel, DatePickerMonthSelect, DatePickerNextTrigger, DatePickerParts, DatePickerPositioner, DatePickerPrevTrigger, DatePickerRangeText, DatePickerRoot, DatePickerTable, DatePickerTableBody, DatePickerTableCell, DatePickerTableCellTrigger, DatePickerTableHead, DatePickerTableHeader, DatePickerTableRow, DatePickerTrigger, DatePickerView, DatePickerViewControl, DatePickerViewTrigger, DatePickerYearSelect, RangePickerInput, getLocalTimeZone, parseDate, today };

package/dist/components/date-picker/input.cjs

@@ -0,0 +1,23 @@
+"use client";
+const require_parts = require("./parts.cjs");
+const require_trigger = require("./trigger.cjs");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/components/date-picker/input.tsx
+/**
+* This module contains an abstraction of the DatePickerInputEl primitive.
+* @module 'date-picker/input'
+*/
+/**
+* An abstraction of the DatePicker input that wraps the input and the
+* triggers to open the DatePicker and clear the value.
+* @definition [datePicker docs](https://cerberus.digitalu.design/react/date-picker)
+*/
+function DatePickerInput(props) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_parts.DatePickerParts.Control, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_trigger.DatePickerTrigger, {}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_parts.DatePickerParts.Input, {
+		...props,
+		maxLength: 11,
+		placeholder: props.placeholder ?? "MM/DD/YYYY"
+	})] });
+}
+//#endregion
+exports.DatePickerInput = DatePickerInput;

package/dist/components/date-picker/input.d.cts

@@ -0,0 +1,11 @@
+import { DatePickerInputElProps } from './primitives';
+/**
+ * This module contains an abstraction of the DatePickerInputEl primitive.
+ * @module 'date-picker/input'
+ */
+/**
+ * An abstraction of the DatePicker input that wraps the input and the
+ * triggers to open the DatePicker and clear the value.
+ * @definition [datePicker docs](https://cerberus.digitalu.design/react/date-picker)
+ */
+export declare function DatePickerInput(props: DatePickerInputElProps): import("react").JSX.Element;

package/dist/components/date-picker/input.d.ts

@@ -0,0 +1,11 @@
+import { DatePickerInputElProps } from './primitives';
+/**
+ * This module contains an abstraction of the DatePickerInputEl primitive.
+ * @module 'date-picker/input'
+ */
+/**
+ * An abstraction of the DatePicker input that wraps the input and the
+ * triggers to open the DatePicker and clear the value.
+ * @definition [datePicker docs](https://cerberus.digitalu.design/react/date-picker)
+ */
+export declare function DatePickerInput(props: DatePickerInputElProps): import("react").JSX.Element;

package/dist/components/date-picker/input.js

@@ -0,0 +1,23 @@
+"use client";
+import { DatePickerParts } from "./parts.js";
+import { DatePickerTrigger } from "./trigger.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/date-picker/input.tsx
+/**
+* This module contains an abstraction of the DatePickerInputEl primitive.
+* @module 'date-picker/input'
+*/
+/**
+* An abstraction of the DatePicker input that wraps the input and the
+* triggers to open the DatePicker and clear the value.
+* @definition [datePicker docs](https://cerberus.digitalu.design/react/date-picker)
+*/
+function DatePickerInput(props) {
+	return /* @__PURE__ */ jsxs(DatePickerParts.Control, { children: [/* @__PURE__ */ jsx(DatePickerTrigger, {}), /* @__PURE__ */ jsx(DatePickerParts.Input, {
+		...props,
+		maxLength: 11,
+		placeholder: props.placeholder ?? "MM/DD/YYYY"
+	})] });
+}
+//#endregion
+export { DatePickerInput };

package/dist/components/date-picker/month-view.cjs

@@ -0,0 +1,31 @@
+"use client";
+"use client";
+const require_parts = require("./parts.cjs");
+const require_view_control_group = require("./view-control-group.cjs");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/components/date-picker/month-view.tsx
+/**
+* This private module contains an abstraction of the DatePickerMonthView
+* component.
+* @module 'date-picker/month-view'
+*/
+/**
+* An abstraction of the DatePickerMonthView that renders the month view of the
+* DatePicker.
+* @definition [datePicker docs](https://cerberus.digitalu.design/react/date-picker)
+*/
+function DatePickerMonthView(props) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_parts.DatePickerParts.View, {
+		...props,
+		view: "month",
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_parts.DatePickerParts.Context, { children: (datePicker) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_view_control_group.DatePickerViewControlGroup, {}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_parts.DatePickerParts.Table, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_parts.DatePickerParts.TableBody, { children: datePicker.getMonthsGrid({
+			columns: 4,
+			format: "short"
+		}).map((months, id) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_parts.DatePickerParts.TableRow, { children: months.map((month, id) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_parts.DatePickerParts.TableCell, {
+			value: month.value,
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_parts.DatePickerParts.TableCellTrigger, { children: month.label })
+		}, id)) }, id)) }) })] }) })
+	});
+}
+//#endregion
+exports.DatePickerMonthView = DatePickerMonthView;

package/dist/components/date-picker/month-view.d.cts

@@ -0,0 +1,12 @@
+import { DatePickerViewProps } from './primitives';
+/**
+ * This private module contains an abstraction of the DatePickerMonthView
+ * component.
+ * @module 'date-picker/month-view'
+ */
+/**
+ * An abstraction of the DatePickerMonthView that renders the month view of the
+ * DatePicker.
+ * @definition [datePicker docs](https://cerberus.digitalu.design/react/date-picker)
+ */
+export declare function DatePickerMonthView(props: DatePickerViewProps): import("react").JSX.Element;

package/dist/components/date-picker/month-view.d.ts

@@ -0,0 +1,12 @@
+import { DatePickerViewProps } from './primitives';
+/**
+ * This private module contains an abstraction of the DatePickerMonthView
+ * component.
+ * @module 'date-picker/month-view'
+ */
+/**
+ * An abstraction of the DatePickerMonthView that renders the month view of the
+ * DatePicker.
+ * @definition [datePicker docs](https://cerberus.digitalu.design/react/date-picker)
+ */
+export declare function DatePickerMonthView(props: DatePickerViewProps): import("react").JSX.Element;

package/dist/components/date-picker/month-view.js

@@ -0,0 +1,31 @@
+"use client";
+"use client";
+import { DatePickerParts } from "./parts.js";
+import { DatePickerViewControlGroup } from "./view-control-group.js";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/date-picker/month-view.tsx
+/**
+* This private module contains an abstraction of the DatePickerMonthView
+* component.
+* @module 'date-picker/month-view'
+*/
+/**
+* An abstraction of the DatePickerMonthView that renders the month view of the
+* DatePicker.
+* @definition [datePicker docs](https://cerberus.digitalu.design/react/date-picker)
+*/
+function DatePickerMonthView(props) {
+	return /* @__PURE__ */ jsx(DatePickerParts.View, {
+		...props,
+		view: "month",
+		children: /* @__PURE__ */ jsx(DatePickerParts.Context, { children: (datePicker) => /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(DatePickerViewControlGroup, {}), /* @__PURE__ */ jsx(DatePickerParts.Table, { children: /* @__PURE__ */ jsx(DatePickerParts.TableBody, { children: datePicker.getMonthsGrid({
+			columns: 4,
+			format: "short"
+		}).map((months, id) => /* @__PURE__ */ jsx(DatePickerParts.TableRow, { children: months.map((month, id) => /* @__PURE__ */ jsx(DatePickerParts.TableCell, {
+			value: month.value,
+			children: /* @__PURE__ */ jsx(DatePickerParts.TableCellTrigger, { children: month.label })
+		}, id)) }, id)) }) })] }) })
+	});
+}
+//#endregion
+export { DatePickerMonthView };