@a-type/ui 5.0.22 → 6.0.0

package/dist/components/contextMenu/contextMenu.js

@@ -0,0 +1,34 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { ContextMenu as BaseContextMenu, } from '@base-ui/react/context-menu';
+import classNames from 'clsx';
+import { withClassName } from '../../hooks/withClassName.js';
+import menuCls from '../primitives/menus.module.css';
+export const ContextMenuRoot = BaseContextMenu.Root;
+export const ContextMenuContent = function Content(_a) {
+    var { ref, className, onClick } = _a, props = __rest(_a, ["ref", "className", "onClick"]);
+    return (_jsx(BaseContextMenu.Portal, { children: _jsx(BaseContextMenu.Positioner, { alignOffset: -10, children: _jsx(BaseContextMenu.Popup, Object.assign({ className: classNames(menuCls.popup, className), onClick: (ev) => {
+                    ev.stopPropagation();
+                    onClick === null || onClick === void 0 ? void 0 : onClick(ev);
+                }, ref: ref }, props)) }) }));
+};
+export const ContextMenuArrow = withClassName(BaseContextMenu.Arrow, menuCls.arrow);
+export const ContextMenuItem = withClassName(BaseContextMenu.Item, '@mode-gray', menuCls.item);
+export const ContextMenuTrigger = withClassName(BaseContextMenu.Trigger, '');
+export const ContextMenu = Object.assign(ContextMenuRoot, {
+    Content: ContextMenuContent,
+    Arrow: ContextMenuArrow,
+    Item: ContextMenuItem,
+    Trigger: ContextMenuTrigger,
+});
+//# sourceMappingURL=contextMenu.js.map

package/dist/components/contextMenu/contextMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"contextMenu.js","sourceRoot":"","sources":["../../../src/components/contextMenu/contextMenu.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EACN,WAAW,IAAI,eAAe,GAE9B,MAAM,6BAA6B,CAAC;AACrC,OAAO,UAAU,MAAM,MAAM,CAAC;AAC9B,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAC7D,OAAO,OAAO,MAAM,gCAAgC,CAAC;AAErD,MAAM,CAAC,MAAM,eAAe,GAAG,eAAe,CAAC,IAAI,CAAC;AAEpD,MAAM,CAAC,MAAM,kBAAkB,GAAG,SAAS,OAAO,CAAC,EAOlD;QAPkD,EAClD,GAAG,EACH,SAAS,EACT,OAAO,OAIP,EAHG,KAAK,cAJ0C,+BAKlD,CADQ;IAIR,OAAO,CACN,KAAC,eAAe,CAAC,MAAM,cACtB,KAAC,eAAe,CAAC,UAAU,IAAC,WAAW,EAAE,CAAC,EAAE,YAC3C,KAAC,eAAe,CAAC,KAAK,kBACrB,SAAS,EAAE,UAAU,CACpB,OAAO,CAAC,KAAK,EAEb,SAAS,CACT,EACD,OAAO,EAAE,CAAC,EAAE,EAAE,EAAE;oBACf,EAAE,CAAC,eAAe,EAAE,CAAC;oBACrB,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,EAAE,CAAC,CAAC;gBACf,CAAC,EACD,GAAG,EAAE,GAAG,IACJ,KAAK,EACR,GAC0B,GACL,CACzB,CAAC;AACH,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAG,aAAa,CAC5C,eAAe,CAAC,KAAK,EACrB,OAAO,CAAC,KAAK,CACb,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAG,aAAa,CAC3C,eAAe,CAAC,IAAI,EACpB,YAAY,EACZ,OAAO,CAAC,IAAI,CACZ,CAAC;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAAG,aAAa,CAAC,eAAe,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC;AAE7E,MAAM,CAAC,MAAM,WAAW,GAAG,MAAM,CAAC,MAAM,CAAC,eAAe,EAAE;IACzD,OAAO,EAAE,kBAAkB;IAC3B,KAAK,EAAE,gBAAgB;IACvB,IAAI,EAAE,eAAe;IACrB,OAAO,EAAE,kBAAkB;CAC3B,CAAC,CAAC"}

package/dist/components/contextMenu/contextMenu.stories.d.ts

@@ -0,0 +1,22 @@
+import type { StoryObj } from '@storybook/react-vite';
+import { ContextMenu } from './contextMenu.js';
+declare const meta: {
+    title: string;
+    component: typeof import("@base-ui/react").ContextMenuRoot & {
+        Content: ({ ref, className, onClick, ...props }: import("@base-ui/react").ContextMenuPopupProps & {
+            ref?: React.Ref<HTMLDivElement>;
+        }) => import("react/jsx-runtime").JSX.Element;
+        Arrow: import("react").FunctionComponent<Omit<import("@base-ui/react").ContextMenuArrowProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+        Item: import("react").FunctionComponent<Omit<import("@base-ui/react").ContextMenuItemProps, "ref"> & import("react").RefAttributes<HTMLElement>>;
+        Trigger: import("react").FunctionComponent<Omit<import("@base-ui/react").ContextMenuTriggerProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    };
+    argTypes: {};
+    parameters: {
+        controls: {
+            expanded: boolean;
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof ContextMenu>;
+export declare const Default: Story;

package/dist/components/contextMenu/contextMenu.stories.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button } from '../button/index.js';
+import { ContextMenu } from './contextMenu.js';
+const meta = {
+    title: 'Components/ContextMenu',
+    component: ContextMenu,
+    argTypes: {},
+    parameters: {
+        controls: { expanded: true },
+    },
+};
+export default meta;
+export const Default = {
+    render(args) {
+        return (_jsxs(ContextMenu, Object.assign({}, args, { children: [_jsx(ContextMenu.Trigger, { children: _jsx(Button, { children: "Right Click Me" }) }), _jsxs(ContextMenu.Content, { children: [_jsx(ContextMenu.Item, { onSelect: () => alert('Item 1 selected'), children: "Item 1" }), _jsx(ContextMenu.Item, { onSelect: () => alert('Item 2 selected'), children: "Item 2" }), _jsx(ContextMenu.Item, { onSelect: () => alert('Item 3 selected'), children: "Item 3" })] })] })));
+    },
+};
+//# sourceMappingURL=contextMenu.stories.js.map

package/dist/components/contextMenu/contextMenu.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"contextMenu.stories.js","sourceRoot":"","sources":["../../../src/components/contextMenu/contextMenu.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAE/C,MAAM,IAAI,GAAG;IACZ,KAAK,EAAE,wBAAwB;IAC/B,SAAS,EAAE,WAAW;IACtB,QAAQ,EAAE,EAAE;IACZ,UAAU,EAAE;QACX,QAAQ,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE;KAC5B;CACkC,CAAC;AAErC,eAAe,IAAI,CAAC;AAIpB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC7B,MAAM,CAAC,IAAI;QACV,OAAO,CACN,MAAC,WAAW,oBAAK,IAAI,eACpB,KAAC,WAAW,CAAC,OAAO,cACnB,KAAC,MAAM,iCAAwB,GACV,EACtB,MAAC,WAAW,CAAC,OAAO,eACnB,KAAC,WAAW,CAAC,IAAI,IAAC,QAAQ,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,iBAAiB,CAAC,uBAEvC,EACnB,KAAC,WAAW,CAAC,IAAI,IAAC,QAAQ,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,iBAAiB,CAAC,uBAEvC,EACnB,KAAC,WAAW,CAAC,IAAI,IAAC,QAAQ,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,iBAAiB,CAAC,uBAEvC,IACE,KACT,CACd,CAAC;IACH,CAAC;CACD,CAAC"}

package/dist/components/datePicker/Calendar.d.ts

@@ -0,0 +1,13 @@
+import { CalendarDaysProps } from 'calendar-blocks';
+import React from 'react';
+export declare const MonthRow: React.FunctionComponent<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
+export declare const MonthLabel: React.FunctionComponent<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>>;
+export declare const MonthButton: React.FunctionComponent<import("../button/Button.js").ButtonProps>;
+export declare const CalendarGridRoot: React.FunctionComponent<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
+export declare const DayLabel: React.FunctionComponent<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
+export declare const DayLabels: () => import("react/jsx-runtime").JSX.Element;
+export declare function CalendarGrid({ className, style, ...props }: CalendarDaysProps & {
+    className?: string;
+    style?: React.CSSProperties;
+}): import("react/jsx-runtime").JSX.Element;
+export declare const CalendarDay: React.FunctionComponent<import("calendar-blocks").CalendarDayProps & React.RefAttributes<HTMLButtonElement>>;

package/dist/components/datePicker/Calendar.js

@@ -0,0 +1,28 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { CalendarDay as BaseCalendarDay, CalendarDays, } from 'calendar-blocks';
+import { withClassName } from '../../hooks/withClassName.js';
+import { Button } from '../button/index.js';
+import styles from './Calendar.module.css';
+export const MonthRow = withClassName('div', styles.monthRow);
+export const MonthLabel = withClassName('span', styles.monthLabel);
+export const MonthButton = withClassName(Button, styles.monthButton);
+export const CalendarGridRoot = withClassName('div', styles.calendarGridRoot);
+export const DayLabel = withClassName('div', styles.dayLabel);
+export const DayLabels = () => (_jsxs(_Fragment, { children: [_jsx(DayLabel, { children: "S" }), _jsx(DayLabel, { children: "M" }), _jsx(DayLabel, { children: "T" }), _jsx(DayLabel, { children: "W" }), _jsx(DayLabel, { children: "T" }), _jsx(DayLabel, { children: "F" }), _jsx(DayLabel, { children: "S" })] }));
+export function CalendarGrid(_a) {
+    var { className, style } = _a, props = __rest(_a, ["className", "style"]);
+    return (_jsxs(CalendarGridRoot, { className: className, style: style, children: [_jsx(DayLabels, {}), _jsx(CalendarDays, Object.assign({}, props))] }));
+}
+export const CalendarDay = withClassName(BaseCalendarDay, styles.calendarDay);
+//# sourceMappingURL=Calendar.js.map

package/dist/components/datePicker/Calendar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Calendar.js","sourceRoot":"","sources":["../../../src/components/datePicker/Calendar.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EACN,WAAW,IAAI,eAAe,EAC9B,YAAY,GAEZ,MAAM,iBAAiB,CAAC;AAEzB,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAC7D,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAC5C,OAAO,MAAM,MAAM,uBAAuB,CAAC;AAE3C,MAAM,CAAC,MAAM,QAAQ,GAAG,aAAa,CAAC,KAAK,EAAE,MAAM,CAAC,QAAQ,CAAC,CAAC;AAE9D,MAAM,CAAC,MAAM,UAAU,GAAG,aAAa,CAAC,MAAM,EAAE,MAAM,CAAC,UAAU,CAAC,CAAC;AAEnE,MAAM,CAAC,MAAM,WAAW,GAAG,aAAa,CAAC,MAAM,EAAE,MAAM,CAAC,WAAW,CAAC,CAAC;AAErE,MAAM,CAAC,MAAM,gBAAgB,GAAG,aAAa,CAAC,KAAK,EAAE,MAAM,CAAC,gBAAgB,CAAC,CAAC;AAE9E,MAAM,CAAC,MAAM,QAAQ,GAAG,aAAa,CAAC,KAAK,EAAE,MAAM,CAAC,QAAQ,CAAC,CAAC;AAE9D,MAAM,CAAC,MAAM,SAAS,GAAG,GAAG,EAAE,CAAC,CAC9B,8BACC,KAAC,QAAQ,oBAAa,EACtB,KAAC,QAAQ,oBAAa,EACtB,KAAC,QAAQ,oBAAa,EACtB,KAAC,QAAQ,oBAAa,EACtB,KAAC,QAAQ,oBAAa,EACtB,KAAC,QAAQ,oBAAa,EACtB,KAAC,QAAQ,oBAAa,IACpB,CACH,CAAC;AAEF,MAAM,UAAU,YAAY,CAAC,EAI6C;QAJ7C,EAC5B,SAAS,EACT,KAAK,OAEoE,EADtE,KAAK,cAHoB,sBAI5B,CADQ;IAER,OAAO,CACN,MAAC,gBAAgB,IAAC,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,aACnD,KAAC,SAAS,KAAG,EACb,KAAC,YAAY,oBAAK,KAAK,EAAI,IACT,CACnB,CAAC;AACH,CAAC;AAED,MAAM,CAAC,MAAM,WAAW,GAAG,aAAa,CAAC,eAAe,EAAE,MAAM,CAAC,WAAW,CAAC,CAAC"}

package/dist/components/datePicker/Calendar.module.css

@@ -0,0 +1,167 @@
+.monthRow {
+	width: 100%;
+	display: flex;
+	flex-direction: row;
+	align-items: center;
+	justify-content: space-between;
+}
+
+.monthLabel {
+	min-width: 0;
+	align-self: center;
+	overflow: hidden;
+	white-space: nowrap;
+	text-overflow: ellipsis;
+	text-align: center;
+	font-size: var(--m-text-ambient-size);
+	font-weight: bold;
+}
+
+.monthButton {
+	align-self: center;
+}
+
+.calendarGridRoot {
+	display: grid;
+	grid-template-columns: repeat(7, var(--day-size, 32px));
+	grid-auto-rows: var(--day-size, 32px);
+	overflow: hidden;
+	padding: var(--m-spacing-sm);
+	border-radius: var(--m-radius-sm);
+}
+
+.dayLabel {
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	font-size: var(--m-text-ambient-size);
+	@apply --mx-fg(var(--m-color-neutral-heavy));
+}
+
+.calendarDay {
+	position: relative;
+	margin-bottom: --fn-literal(-1px);
+	margin-right: --fn-literal(-1px);
+
+	@apply --mx-fg(var(--m-color-neutral-ink));
+	@apply --mx-bg(var(--m-color-neutral-paper));
+	@apply --mx-borderColor(transparent);
+
+	display: flex;
+	cursor: pointer;
+	align-items: center;
+	justify-content: center;
+	transition: all var(--m-duration) var(--m-easing);
+
+	@apply --mx-shadow;
+	--mx-shadow-value: var(--m-shadow-sm);
+
+	&[data-highlighted] {
+		z-index: 1;
+		outline: none;
+		--mx-ring-value: --fn-ring(var(--m-color-main-heavy), 2px);
+	}
+
+	&[data-selected] {
+		z-index: 2;
+		@apply --mx-bg(var(--m-color-main));
+		border-radius: var(--m-radius-sm);
+	}
+
+	&[data-in-range] {
+		z-index: 1;
+		border-radius: 0;
+		@apply --mx-bg(var(--m-color-main-light));
+		--mx-shadow-value: 0 0 0 0 transparent;
+	}
+
+	&[data-disabled='true'] {
+		cursor: not-allowed;
+		opacity: 0.5;
+	}
+
+	/* Today indicator dot */
+	&[data-today]::before {
+		content: '';
+		position: absolute;
+		left: --fn-literal(1px);
+		top: --fn-literal(1px);
+		width: --fn-literal(6px);
+		height: --fn-literal(6px);
+		background-color: var(--m-color-palette-attention);
+		border-radius: var(--m-radius-lg);
+		border: 1px solid var(--m-color-neutral-ink);
+	}
+
+	/* Calendar grid edge borders */
+	&[data-top-edge] {
+		border-top-color: var(--m-color-neutral);
+		border-top-left-radius: 0;
+		border-top-right-radius: 0;
+	}
+	&[data-bottom-edge] {
+		border-bottom-color: var(--m-color-neutral);
+		border-bottom-left-radius: 0;
+		border-bottom-right-radius: 0;
+	}
+	&[data-first-column] {
+		border-left-color: var(--m-color-neutral);
+		border-top-left-radius: 0;
+		border-bottom-left-radius: 0;
+	}
+	&[data-last-column] {
+		border-right-color: var(--m-color-neutral);
+		border-top-right-radius: 0;
+		border-bottom-right-radius: 0;
+	}
+	&[data-day-first] {
+		border-left-color: var(--m-color-neutral);
+		border-top-left-radius: var(--m-radius-sm);
+	}
+	&[data-day-last] {
+		border-right-color: var(--m-color-neutral);
+		border-bottom-right-radius: var(--m-radius-sm);
+		border-top-right-radius: 0;
+	}
+	&[data-first-column][data-bottom-edge] {
+		border-bottom-left-radius: var(--m-radius-sm);
+	}
+	&[data-last-column][data-bottom-edge] {
+		border-bottom-right-radius: var(--m-radius-sm);
+	}
+	&[data-first-column][data-top-edge] {
+		border-top-left-radius: var(--m-radius-sm);
+	}
+	&[data-last-column][data-top-edge] {
+		border-top-right-radius: var(--m-radius-sm);
+	}
+
+	&[data-range-end] {
+		z-index: 1;
+		@apply --mx-bg(var(--m-color-main));
+		border-radius: 0 var(--m-radius-sm) var(--m-radius-sm) 0;
+		--mx-shadow-value: 0 0 0 0 transparent;
+	}
+
+	&[data-range-start] {
+		z-index: 1;
+		@apply --mx-bg(var(--m-color-main));
+		/* tl tr br bl */
+		border-radius: var(--m-radius-sm) 0 0 var(--m-radius-sm);
+	}
+
+	&[data-different-month] {
+		visibility: hidden;
+	}
+
+	&:hover {
+		z-index: 100;
+		outline: none;
+		--mx-ring-value: --fn-ring(var(--m-color-main-heavy), 2px);
+	}
+
+	&:active {
+		@apply --mx-bg(var(--m-color-main-light));
+		border-radius: var(--m-radius-sm);
+	}
+}

package/dist/components/datePicker/DatePicker.d.ts

@@ -0,0 +1,47 @@
+import { CalendarDays } from 'calendar-blocks';
+import { ReactNode } from 'react';
+import { CalendarGrid } from './Calendar.js';
+declare function DatePickerMonthControls(): import("react/jsx-runtime").JSX.Element;
+declare function DatePickerRoot({ className, value, onChange, children, ...rest }: DatePickerProps & {
+    children?: ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+export interface DatePickerProps {
+    value: Date | null;
+    onChange: (date: Date | null) => void;
+    className?: string;
+}
+declare function DatePickerDefault(props: DatePickerProps): import("react/jsx-runtime").JSX.Element;
+export declare const DatePicker: typeof DatePickerDefault & {
+    Root: typeof DatePickerRoot;
+    Calendar: import("react").ForwardRefExoticComponent<Omit<import("react").HTMLAttributes<HTMLDivElement>, "onChange" | "value"> & {
+        onDisplayChange?: (newValue: {
+            month: number;
+            year: number;
+        }) => any;
+        displayYear: number;
+        displayMonth: number;
+        value?: Date | null;
+        onChange?: (value: Date | null) => any;
+        rangeValue?: {
+            start: Date | null;
+            end: Date | null;
+        };
+        onRangeChange?: (range: {
+            start: Date | null;
+            end: Date | null;
+        }) => any;
+        onRangeStartChange?: (range: Date) => any;
+        getDateEnabled?: (date: Date) => boolean;
+        defaultDate?: Date;
+        weekStartsOn?: import("calendar-blocks/dist/constants.js").WeekDay;
+    } & import("react").RefAttributes<any>>;
+    CalendarDay: import("react").FunctionComponent<import("calendar-blocks").CalendarDayProps & import("react").RefAttributes<HTMLButtonElement>>;
+    CalendarDays: typeof CalendarDays;
+    CalendarGrid: typeof CalendarGrid;
+    DayLabels: () => import("react/jsx-runtime").JSX.Element;
+    MonthControls: typeof DatePickerMonthControls;
+    MonthButton: import("react").FunctionComponent<import("../index.js").ButtonProps>;
+    MonthLabel: import("react").FunctionComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>>;
+    MonthRow: import("react").FunctionComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
+};
+export {};

package/dist/components/datePicker/DatePicker.js

@@ -0,0 +1,56 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Calendar, CalendarDays, useCalendarContext } from 'calendar-blocks';
+import { clsx } from 'clsx';
+import { useState } from 'react';
+import { Icon } from '../icon/index.js';
+import { CalendarDay, CalendarGrid, DayLabels, MonthButton, MonthLabel, MonthRow, } from './Calendar.js';
+import styles from './datePicker.module.css';
+function DatePickerMonthControls() {
+    const { setDisplayInfo, month, year } = useCalendarContext();
+    const monthLabel = new Date(year, month).toLocaleDateString('en-US', {
+        month: 'long',
+        year: 'numeric',
+    });
+    return (_jsxs(MonthRow, { children: [_jsx(MonthButton, { emphasis: "ghost", onClick: () => setDisplayInfo({
+                    month: month - 1,
+                    year: year,
+                }), children: _jsx(Icon, { name: "arrowLeft" }) }), _jsx(MonthLabel, { children: monthLabel }), _jsx(MonthButton, { emphasis: "ghost", onClick: () => setDisplayInfo({
+                    month: month + 1,
+                    year: year,
+                }), children: _jsx(Icon, { name: "arrowRight" }) })] }));
+}
+function DatePickerRoot(_a) {
+    var { className, value, onChange, children } = _a, rest = __rest(_a, ["className", "value", "onChange", "children"]);
+    const [{ month, year }, setDisplay] = useState(() => ({
+        month: new Date().getMonth(),
+        year: new Date().getFullYear(),
+    }));
+    return (_jsx("div", Object.assign({ className: clsx(styles.root, className) }, rest, { children: _jsx(Calendar, { displayMonth: month, displayYear: year, value: value, onChange: onChange, onDisplayChange: setDisplay, children: children }) })));
+}
+function DatePickerDefault(props) {
+    return (_jsxs(DatePickerRoot, Object.assign({}, props, { children: [_jsx(DatePickerMonthControls, {}), _jsx(CalendarGrid, { children: (value) => _jsx(CalendarDay, { value: value }, value.key) })] })));
+}
+export const DatePicker = Object.assign(DatePickerDefault, {
+    Root: DatePickerRoot,
+    Calendar,
+    CalendarDay,
+    CalendarDays,
+    CalendarGrid,
+    DayLabels,
+    MonthControls: DatePickerMonthControls,
+    MonthButton,
+    MonthLabel,
+    MonthRow,
+});
+//# sourceMappingURL=DatePicker.js.map

package/dist/components/datePicker/DatePicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatePicker.js","sourceRoot":"","sources":["../../../src/components/datePicker/DatePicker.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAC7E,OAAO,EAAE,IAAI,EAAE,MAAM,MAAM,CAAC;AAC5B,OAAO,EAAa,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACxC,OAAO,EACN,WAAW,EACX,YAAY,EACZ,SAAS,EACT,WAAW,EACX,UAAU,EACV,QAAQ,GACR,MAAM,eAAe,CAAC;AACvB,OAAO,MAAM,MAAM,yBAAyB,CAAC;AAE7C,SAAS,uBAAuB;IAC/B,MAAM,EAAE,cAAc,EAAE,KAAK,EAAE,IAAI,EAAE,GAAG,kBAAkB,EAAE,CAAC;IAC7D,MAAM,UAAU,GAAG,IAAI,IAAI,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC,kBAAkB,CAAC,OAAO,EAAE;QACpE,KAAK,EAAE,MAAM;QACb,IAAI,EAAE,SAAS;KACf,CAAC,CAAC;IAEH,OAAO,CACN,MAAC,QAAQ,eACR,KAAC,WAAW,IACX,QAAQ,EAAC,OAAO,EAChB,OAAO,EAAE,GAAG,EAAE,CACb,cAAc,CAAC;oBACd,KAAK,EAAE,KAAK,GAAG,CAAC;oBAChB,IAAI,EAAE,IAAI;iBACV,CAAC,YAGH,KAAC,IAAI,IAAC,IAAI,EAAC,WAAW,GAAG,GACZ,EACd,KAAC,UAAU,cAAE,UAAU,GAAc,EACrC,KAAC,WAAW,IACX,QAAQ,EAAC,OAAO,EAChB,OAAO,EAAE,GAAG,EAAE,CACb,cAAc,CAAC;oBACd,KAAK,EAAE,KAAK,GAAG,CAAC;oBAChB,IAAI,EAAE,IAAI;iBACV,CAAC,YAGH,KAAC,IAAI,IAAC,IAAI,EAAC,YAAY,GAAG,GACb,IACJ,CACX,CAAC;AACH,CAAC;AAED,SAAS,cAAc,CAAC,EAQvB;QARuB,EACvB,SAAS,EACT,KAAK,EACL,QAAQ,EACR,QAAQ,OAIR,EAHG,IAAI,cALgB,8CAMvB,CADO;IAIP,MAAM,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,CAAC;QACrD,KAAK,EAAE,IAAI,IAAI,EAAE,CAAC,QAAQ,EAAE;QAC5B,IAAI,EAAE,IAAI,IAAI,EAAE,CAAC,WAAW,EAAE;KAC9B,CAAC,CAAC,CAAC;IAEJ,OAAO,CACN,4BAAK,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,SAAS,CAAC,IAAM,IAAI,cACrD,KAAC,QAAQ,IACR,YAAY,EAAE,KAAK,EACnB,WAAW,EAAE,IAAI,EACjB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,eAAe,EAAE,UAAU,YAE1B,QAAQ,GACC,IACN,CACN,CAAC;AACH,CAAC;AAQD,SAAS,iBAAiB,CAAC,KAAsB;IAChD,OAAO,CACN,MAAC,cAAc,oBAAK,KAAK,eACxB,KAAC,uBAAuB,KAAG,EAC3B,KAAC,YAAY,cACX,CAAC,KAAK,EAAE,EAAE,CAAC,KAAC,WAAW,IAAC,KAAK,EAAE,KAAK,IAAO,KAAK,CAAC,GAAG,CAAI,GAC3C,KACC,CACjB,CAAC;AACH,CAAC;AAED,MAAM,CAAC,MAAM,UAAU,GAAG,MAAM,CAAC,MAAM,CAAC,iBAAiB,EAAE;IAC1D,IAAI,EAAE,cAAc;IACpB,QAAQ;IACR,WAAW;IACX,YAAY;IACZ,YAAY;IACZ,SAAS;IACT,aAAa,EAAE,uBAAuB;IACtC,WAAW;IACX,UAAU;IACV,QAAQ;CACR,CAAC,CAAC"}

package/dist/components/datePicker/DatePicker.stories.d.ts

@@ -0,0 +1,51 @@
+import type { StoryObj } from '@storybook/react-vite';
+import { DatePicker } from './DatePicker.js';
+declare const meta: {
+    title: string;
+    component: ((props: import("./DatePicker.js").DatePickerProps) => import("react/jsx-runtime").JSX.Element) & {
+        Root: ({ className, value, onChange, children, ...rest }: import("./DatePicker.js").DatePickerProps & {
+            children?: import("react").ReactNode;
+        }) => import("react/jsx-runtime").JSX.Element;
+        Calendar: import("react").ForwardRefExoticComponent<Omit<import("react").HTMLAttributes<HTMLDivElement>, "onChange" | "value"> & {
+            onDisplayChange?: (newValue: {
+                month: number;
+                year: number;
+            }) => any;
+            displayYear: number;
+            displayMonth: number;
+            value?: Date | null;
+            onChange?: (value: Date | null) => any;
+            rangeValue?: {
+                start: Date | null;
+                end: Date | null;
+            };
+            onRangeChange?: (range: {
+                start: Date | null;
+                end: Date | null;
+            }) => any;
+            onRangeStartChange?: (range: Date) => any;
+            getDateEnabled?: (date: Date) => boolean;
+            defaultDate?: Date;
+            weekStartsOn?: import("calendar-blocks/dist/constants.js").WeekDay;
+        } & import("react").RefAttributes<any>>;
+        CalendarDay: import("react").FunctionComponent<import("calendar-blocks").CalendarDayProps & import("react").RefAttributes<HTMLButtonElement>>;
+        CalendarDays: typeof import("calendar-blocks").CalendarDays;
+        CalendarGrid: typeof import("./Calendar.js").CalendarGrid;
+        DayLabels: () => import("react/jsx-runtime").JSX.Element;
+        MonthControls: () => import("react/jsx-runtime").JSX.Element;
+        MonthButton: import("react").FunctionComponent<import("../index.js").ButtonProps>;
+        MonthLabel: import("react").FunctionComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>>;
+        MonthRow: import("react").FunctionComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
+    };
+    argTypes: {};
+    parameters: {
+        controls: {
+            expanded: boolean;
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof DatePicker>;
+export declare const Default: Story;
+export declare const Range: Story;
+export declare const CustomComposition: Story;

package/dist/components/datePicker/DatePicker.stories.js

@@ -0,0 +1,42 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from 'react';
+import { Spinner } from '../spinner/Spinner.js';
+import { DatePicker } from './DatePicker.js';
+import { DateRangePicker } from './DateRangePicker.js';
+const meta = {
+    title: 'Components/DatePicker',
+    component: DatePicker,
+    argTypes: {},
+    parameters: {
+        controls: { expanded: true },
+    },
+};
+export default meta;
+export const Default = {
+    render() {
+        const [value, setValue] = useState(null);
+        return _jsx(DatePicker, { value: value, onChange: setValue });
+    },
+};
+export const Range = {
+    render() {
+        const [value, setValue] = useState({ start: null, end: null });
+        return _jsx(DateRangePicker, { value: value, onChange: setValue });
+    },
+};
+export const CustomComposition = {
+    render() {
+        const [value, setValue] = useState(null);
+        return (_jsxs(DatePicker.Root, { value: value, onChange: setValue, children: [_jsx(DatePicker.MonthControls, {}), _jsx(DatePicker.CalendarGrid, { children: (value) => _jsx(FakeLoadingDay, { value: value }, value.key) })] }));
+    },
+};
+function FakeLoadingDay({ value }) {
+    const [loading, setLoading] = useState(true);
+    useEffect(() => {
+        const timeout = setTimeout(() => setLoading(false), Math.random() * 2000 + 500);
+        return () => clearTimeout(timeout);
+    }, []);
+    const [disabled] = useState(() => Math.random() < 0.3);
+    return (_jsx(DatePicker.CalendarDay, { value: value, disabled: loading || disabled, children: loading ? _jsx(Spinner, { size: 10 }) : value.date.getDate() }));
+}
+//# sourceMappingURL=DatePicker.stories.js.map

package/dist/components/datePicker/DatePicker.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatePicker.stories.js","sourceRoot":"","sources":["../../../src/components/datePicker/DatePicker.stories.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAChD,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAEvD,MAAM,IAAI,GAAG;IACZ,KAAK,EAAE,uBAAuB;IAC9B,SAAS,EAAE,UAAU;IACrB,QAAQ,EAAE,EAAE;IACZ,UAAU,EAAE;QACX,QAAQ,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE;KAC5B;CACiC,CAAC;AAEpC,eAAe,IAAI,CAAC;AAIpB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC7B,MAAM;QACL,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAc,IAAI,CAAC,CAAC;QACtD,OAAO,KAAC,UAAU,IAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,GAAI,CAAC;IACzD,CAAC;CACD,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAU;IAC3B,MAAM;QACL,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAG/B,EAAE,KAAK,EAAE,IAAI,EAAE,GAAG,EAAE,IAAI,EAAE,CAAC,CAAC;QAC/B,OAAO,KAAC,eAAe,IAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,GAAI,CAAC;IAC9D,CAAC;CACD,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAU;IACvC,MAAM;QACL,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAc,IAAI,CAAC,CAAC;QAEtD,OAAO,CACN,MAAC,UAAU,CAAC,IAAI,IAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,aAChD,KAAC,UAAU,CAAC,aAAa,KAAG,EAC5B,KAAC,UAAU,CAAC,YAAY,cACtB,CAAC,KAAK,EAAE,EAAE,CAAC,KAAC,cAAc,IAAC,KAAK,EAAE,KAAK,IAAO,KAAK,CAAC,GAAG,CAAI,GACnC,IACT,CAClB,CAAC;IACH,CAAC;CACD,CAAC;AAEF,SAAS,cAAc,CAAC,EAAE,KAAK,EAA+B;IAC7D,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IAC7C,SAAS,CAAC,GAAG,EAAE;QACd,MAAM,OAAO,GAAG,UAAU,CACzB,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,EACvB,IAAI,CAAC,MAAM,EAAE,GAAG,IAAI,GAAG,GAAG,CAC1B,CAAC;QACF,OAAO,GAAG,EAAE,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;IACpC,CAAC,EAAE,EAAE,CAAC,CAAC;IACP,MAAM,CAAC,QAAQ,CAAC,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,GAAG,CAAC,CAAC;IAEvD,OAAO,CACN,KAAC,UAAU,CAAC,WAAW,IAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,IAAI,QAAQ,YACjE,OAAO,CAAC,CAAC,CAAC,KAAC,OAAO,IAAC,IAAI,EAAE,EAAE,GAAI,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,EAAE,GAC/B,CACzB,CAAC;AACH,CAAC"}

package/dist/components/datePicker/DateRangePicker.d.ts

@@ -0,0 +1,56 @@
+import { CalendarDays } from 'calendar-blocks';
+import { CSSProperties, ReactNode } from 'react';
+import { CalendarGrid } from './Calendar.js';
+declare function DateRangePickerMonthControls(): import("react/jsx-runtime").JSX.Element;
+declare function DateRangePickerRoot({ children, value, onChange, className, ...rest }: DateRangePickerProps & {
+    children?: ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+export interface DateRangePickerProps {
+    value: {
+        start: Date | null;
+        end: Date | null;
+    };
+    onChange: (value: {
+        start: Date | null;
+        end: Date | null;
+    }) => void;
+    className?: string;
+    style?: CSSProperties;
+}
+declare function DateRangePickerBase(props: DateRangePickerProps): import("react/jsx-runtime").JSX.Element;
+export declare const DateRangePicker: typeof DateRangePickerBase & {
+    Root: typeof DateRangePickerRoot;
+    RangeLayout: ({ children }: {
+        children?: ReactNode;
+    }) => import("react/jsx-runtime").JSX.Element;
+    DayLabels: () => import("react/jsx-runtime").JSX.Element;
+    CalendarDay: import("react").FunctionComponent<import("calendar-blocks").CalendarDayProps & import("react").RefAttributes<HTMLButtonElement>>;
+    Calendar: import("react").ForwardRefExoticComponent<Omit<import("react").HTMLAttributes<HTMLDivElement>, "onChange" | "value"> & {
+        onDisplayChange?: (newValue: {
+            month: number;
+            year: number;
+        }) => any;
+        displayYear: number;
+        displayMonth: number;
+        value?: Date | null;
+        onChange?: (value: Date | null) => any;
+        rangeValue?: {
+            start: Date | null;
+            end: Date | null;
+        };
+        onRangeChange?: (range: {
+            start: Date | null;
+            end: Date | null;
+        }) => any;
+        onRangeStartChange?: (range: Date) => any;
+        getDateEnabled?: (date: Date) => boolean;
+        defaultDate?: Date;
+        weekStartsOn?: import("calendar-blocks/dist/constants.js").WeekDay;
+    } & import("react").RefAttributes<any>>;
+    CalendarGrid: typeof CalendarGrid;
+    CalendarDays: typeof CalendarDays;
+    MonthControls: typeof DateRangePickerMonthControls;
+    MonthButton: import("react").FunctionComponent<import("../index.js").ButtonProps>;
+    MonthLabel: import("react").FunctionComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>>;
+};
+export {};

package/dist/components/datePicker/DateRangePicker.js

@@ -0,0 +1,71 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Calendar, CalendarDays, useCalendarContext } from 'calendar-blocks';
+import clsx from 'clsx';
+import { useCallback, useState } from 'react';
+import { Icon } from '../icon/Icon.js';
+import { CalendarDay, CalendarGrid, DayLabels, MonthButton, MonthLabel, } from './Calendar.js';
+import styles from './dateRangePicker.module.css';
+function DateRangePickerMonthControls() {
+    const { setDisplayInfo, month, year } = useCalendarContext();
+    const monthLabel = new Date(year, month).toLocaleDateString('en-US', {
+        month: 'long',
+        year: 'numeric',
+    });
+    const nextMonth = new Date(year, month + 1);
+    const nextMonthLabel = nextMonth.toLocaleDateString('en-US', {
+        month: 'long',
+        year: 'numeric',
+    });
+    return (_jsxs(_Fragment, { children: [_jsx(MonthButton, { emphasis: "ghost", style: { gridArea: 'prevMonth' }, onClick: () => setDisplayInfo({
+                    month: month - 1,
+                    year: year,
+                }), children: _jsx(Icon, { name: "arrowLeft" }) }), _jsx(MonthLabel, { style: { gridArea: 'leftMonth' }, children: monthLabel }), _jsx(MonthLabel, { style: { gridArea: 'rightMonth' }, className: styles.smOnly, children: nextMonthLabel }), _jsx(MonthButton, { emphasis: "ghost", style: { gridArea: 'nextMonth' }, onClick: () => setDisplayInfo({
+                    month: month + 1,
+                    year: year,
+                }), children: _jsx(Icon, { name: "arrowRight" }) })] }));
+}
+function DateRangePickerRoot(_a) {
+    var { children, value, onChange, className } = _a, rest = __rest(_a, ["children", "value", "onChange", "className"]);
+    const [{ month, year }, setDisplay] = useState(() => ({
+        month: new Date().getMonth(),
+        year: new Date().getFullYear(),
+    }));
+    const onDisplayChange = useCallback(({ month: newMonth, year: newYear }) => {
+        // Ignore movement from the first to the second visible month
+        if (newMonth === month + 1 && newYear === year) {
+            return;
+        }
+        setDisplay({
+            month: newMonth,
+            year: newYear,
+        });
+    }, [month, year]);
+    return (_jsx(Calendar, Object.assign({ displayMonth: month, displayYear: year, rangeValue: value, onRangeChange: (range) => onChange(range), onDisplayChange: onDisplayChange, className: clsx(styles.root, className) }, rest, { children: _jsx("div", { className: styles.rangeLayout, children: children }) })));
+}
+function DateRangePickerBase(props) {
+    return (_jsxs(DateRangePickerRoot, Object.assign({}, props, { children: [_jsx(DateRangePickerMonthControls, {}), _jsx(CalendarGrid, { style: { gridArea: 'leftGrid' }, children: (value) => _jsx(CalendarDay, { value: value }, value.key) }), _jsx(CalendarGrid, { style: { gridArea: 'rightGrid' }, className: styles.smOnlyGrid, monthOffset: 1, children: (value) => _jsx(CalendarDay, { value: value }, value.key) })] })));
+}
+export const DateRangePicker = Object.assign(DateRangePickerBase, {
+    Root: DateRangePickerRoot,
+    RangeLayout: ({ children }) => (_jsx("div", { className: styles.rangeLayout, children: children })),
+    DayLabels,
+    CalendarDay,
+    Calendar,
+    CalendarGrid,
+    CalendarDays,
+    MonthControls: DateRangePickerMonthControls,
+    MonthButton,
+    MonthLabel,
+});
+//# sourceMappingURL=DateRangePicker.js.map

package/dist/components/datePicker/DateRangePicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateRangePicker.js","sourceRoot":"","sources":["../../../src/components/datePicker/DateRangePicker.tsx"],"names":[],"mappings":"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"}