@a-type/ui 5.0.22 → 6.0.0

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

@@ -1,32 +0,0 @@
-// @unocss-include
-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.js';
-import { Button } from '../button/index.js';
-export const MonthRow = withClassName('div', 'layer-components:w-full layer-components:flex layer-components:flex-row layer-components:items-center layer-components:justify-between');
-export const MonthLabel = withClassName('span', 'layer-components:min-w-0 layer-components:self-center layer-components:overflow-hidden layer-components:text-ellipsis layer-components:text-center layer-components:text-sm layer-components:font-bold');
-export const MonthButton = withClassName(Button, 'self-center');
-export const CalendarGridRoot = withClassName('div', 'layer-components:[grid-auto-rows:var(--day-size,32px)] layer-components:grid layer-components:grid-cols-[repeat(7,var(--day-size,32px))]', 'layer-components:height-[calc(var(--day-size,32px)*7)] layer-components:overflow-hidden layer-components:rounded layer-components:p-2');
-export const DayLabel = withClassName('div', 'layer-components:flex layer-components:items-center layer-components:justify-center layer-components:text-sm layer-components:color-gray-dark');
-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 } = _a, props = __rest(_a, ["className"]);
-    return (_jsxs(CalendarGridRoot, { className: className, children: [_jsx(DayLabels, {}), _jsx(CalendarDays, Object.assign({}, props))] }));
-}
-export const CalendarDay = withClassName(BaseCalendarDay, 'layer-components:relative layer-components:mb--1px layer-components:mr--1px layer-components:border layer-components:border-solid layer-components:color-black layer-components:bg-white layer-components:border-transparent', 'layer-components:flex layer-components:cursor-pointer layer-components:items-center layer-components:justify-center layer-components:transition', 'layer-components:data-[highlighted]:z-1 layer-components:data-[highlighted]:outline-none layer-components:data-[highlighted]:ring-2 layer-components:data-[highlighted]:ring-focus', 'layer-components:hover:ouline-none layer-components:hover:z-1 layer-components:hover:ring-2 layer-components:hover:ring-focus', 'layer-components:active:rounded layer-components:active:bg-main-light', 'layer-components:[&[data-selected]]:z-2 layer-components:[&[data-selected]]:rounded layer-components:[&[data-selected]]:bg-main', 'layer-components:[&[data-in-range]]:z-1 layer-components:[&[data-in-range]]:rounded-none layer-components:[&[data-in-range]]:bg-main-light', 'layer-components:[&[data-range-start]]:z-1 layer-components:[&[data-range-start]]:rounded-l layer-components:[&[data-range-start]]:rounded-r-none layer-components:[&[data-range-start]]:bg-main', 'layer-components:[&[data-range-end]]:z-1 layer-components:[&[data-range-end]]:rounded-l-none layer-components:[&[data-range-end]]:rounded-r layer-components:[&[data-range-end]]:bg-main', 'layer-components:[&[data-disabled=true]]:cursor-not-allowed layer-components:[&[data-disabled=true]]:opacity-50', 
-// today dot
-"layer-components:[&[data-today]]:before:absolute layer-components:[&[data-today]]:before:left-[1px] layer-components:[&[data-today]]:before:top-[1px] layer-components:[&[data-today]]:before:h-[6px] layer-components:[&[data-today]]:before:w-[6px] layer-components:[&[data-today]]:before:border-1 layer-components:[&[data-today]]:before:rounded-lg layer-components:[&[data-today]]:before:border-solid layer-components:[&[data-today]]:before:content-[''] layer-components:[&[data-today]]:before:bg-attention layer-components:[&[data-today]]:before:border-black", 
-// calendar edges
-'layer-components:[&[data-top-edge]]:border-t-gray', 'layer-components:[&[data-bottom-edge]]:border-b-gray', 'layer-components:[&[data-first-column]]:border-l-gray', 'layer-components:[&[data-last-column]]:border-r-gray', 'layer-components:[&[data-day-first]]:rounded-tl layer-components:[&[data-day-first]]:border-l-gray', 'layer-components:[&[data-day-last]]:rounded-br layer-components:[&[data-day-last]]:border-r-gray', 'layer-components:[&[data-first-column][data-bottom-edge]]:rounded-bl', 'layer-components:[&[data-last-column][data-bottom-edge]]:rounded-br', 'layer-components:[&[data-first-column][data-top-edge]]:rounded-tl', 'layer-components:[&[data-last-column][data-top-edge]]:rounded-tr', 'layer-components:[&[data-different-month]]:[visibility:hidden]');
-//# sourceMappingURL=Calendar.js.map

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

@@ -1 +0,0 @@
-{"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;AACzB,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAC/C,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAE5C,MAAM,CAAC,MAAM,QAAQ,GAAG,aAAa,CACpC,KAAK,EACL,sEAAsE,CACtE,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAG,aAAa,CACtC,MAAM,EACN,oGAAoG,CACpG,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,aAAa,CAAC,MAAM,EAAE,aAAa,CAAC,CAAC;AAEhE,MAAM,CAAC,MAAM,gBAAgB,GAAG,aAAa,CAC5C,KAAK,EACL,0GAA0G,EAC1G,uGAAuG,CACvG,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG,aAAa,CACpC,KAAK,EACL,6EAA6E,CAC7E,CAAC;AAEF,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,EAGgB;QAHhB,EAC5B,SAAS,OAEmC,EADzC,KAAK,cAFoB,aAG5B,CADQ;IAER,OAAO,CACN,MAAC,gBAAgB,IAAC,SAAS,EAAE,SAAS,aACrC,KAAC,SAAS,KAAG,EACb,KAAC,YAAY,oBAAK,KAAK,EAAI,IACT,CACnB,CAAC;AACH,CAAC;AAED,MAAM,CAAC,MAAM,WAAW,GAAG,aAAa,CACvC,eAAe,EACf,yGAAyG,EACzG,+EAA+E,EAC/E,0EAA0E,EAC1E,mFAAmF,EACnF,iDAAiD,EACjD,2DAA2D,EAC3D,sEAAsE,EACtE,+EAA+E,EAC/E,6EAA6E,EAC7E,0EAA0E;AAC1E,YAAY;AACZ,iKAAiK;AACjK,iBAAiB;AACjB,qDAAqD,EACrD,wDAAwD,EACxD,yDAAyD,EACzD,wDAAwD,EACxD,iEAAiE,EACjE,gEAAgE,EAChE,sEAAsE,EACtE,qEAAqE,EACrE,mEAAmE,EACnE,kEAAkE,EAClE,gEAAgE,CAChE,CAAC"}

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

@@ -1,49 +0,0 @@
-import { CalendarDays } from 'calendar-blocks';
-import { ReactNode } from 'react';
-import { PaletteName } from '../../uno/index.js';
-import { CalendarGrid } from './Calendar.js';
-declare function DatePickerMonthControls(): import("react/jsx-runtime").JSX.Element;
-declare function DatePickerRoot({ className, color, 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;
-    color?: PaletteName;
-}
-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/esm/components/datePicker/DatePicker.js

@@ -1,56 +0,0 @@
-// @unocss-include
-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';
-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, color, value, onChange, children } = _a, rest = __rest(_a, ["className", "color", "value", "onChange", "children"]);
-    const [{ month, year }, setDisplay] = useState(() => ({
-        month: new Date().getMonth(),
-        year: new Date().getFullYear(),
-    }));
-    return (_jsx("div", Object.assign({ className: clsx(color && `palette-${color}`, 'layer-components:w-[calc(var(--day-size,32px)*7)] layer-components:flex layer-components:flex-col layer-components:items-center layer-components:justify-center', 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/esm/components/datePicker/DatePicker.js.map

@@ -1 +0,0 @@
-{"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;AAE5C,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;AAEvB,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,EASvB;QATuB,EACvB,SAAS,EACT,KAAK,EACL,KAAK,EACL,QAAQ,EACR,QAAQ,OAIR,EAHG,IAAI,cANgB,uDAOvB,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,4BACC,SAAS,EAAE,IAAI,CACd,KAAK,IAAI,WAAW,KAAK,EAAE,EAC3B,+FAA+F,EAC/F,SAAS,CACT,IACG,IAAI,cAER,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;AASD,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/esm/components/datePicker/DatePicker.stories.d.ts

@@ -1,51 +0,0 @@
-import type { StoryObj } from '@storybook/react';
-import { DatePicker } from './DatePicker.js';
-declare const meta: {
-    title: string;
-    component: ((props: import("./DatePicker.js").DatePickerProps) => import("react/jsx-runtime").JSX.Element) & {
-        Root: ({ className, color, 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/esm/components/datePicker/DatePicker.stories.js

@@ -1,43 +0,0 @@
-// @unocss-include
-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/esm/components/datePicker/DatePicker.stories.js.map

@@ -1 +0,0 @@
-{"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/esm/components/datePicker/DateRangePicker.d.ts

@@ -1,55 +0,0 @@
-import { CalendarDays } from 'calendar-blocks';
-import { ReactNode } from 'react';
-import { PaletteName } from '../../uno/index.js';
-import { CalendarGrid } from './Calendar.js';
-declare function DateRangePickerMonthControls(): import("react/jsx-runtime").JSX.Element;
-declare function DateRangePickerRoot({ children, color, 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;
-    color?: PaletteName;
-}
-declare function DateRangePickerBase(props: DateRangePickerProps): import("react/jsx-runtime").JSX.Element;
-export declare const DateRangePicker: typeof DateRangePickerBase & {
-    Root: typeof DateRangePickerRoot;
-    RangeLayout: import("react").FunctionComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
-    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/esm/components/datePicker/DateRangePicker.js

@@ -1,83 +0,0 @@
-// @unocss-include
-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 { withClassName } from '../../hooks.js';
-import { Icon } from '../icon/Icon.js';
-import { CalendarDay, CalendarGrid, DayLabels, MonthButton, MonthLabel, } from './Calendar.js';
-const RangeLayout = withClassName('div', 'layer-components:grid layer-components:grid-cols-[auto_1fr_auto] layer-components:grid-areas-[prevMonth_leftMonth_nextMonth]-[leftGrid_leftGrid_leftGrid]', 'layer-components:grid-rows-[auto_1fr] layer-components:gap-2', 'sm:grid-cols-[auto_1fr_1fr_auto] layer-components:sm:grid-areas-[prevMonth_leftMonth_rightMonth_nextMonth]-[leftGrid_leftGrid_rightGrid_rightGrid]');
-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", className: "[grid-area:prevMonth]", onClick: () => setDisplayInfo({
-                    month: month - 1,
-                    year: year,
-                }), children: _jsx(Icon, { name: "arrowLeft" }) }), _jsx(MonthLabel, { className: "[grid-area:leftMonth]", children: monthLabel }), _jsx(MonthLabel, { className: "[grid-area:rightMonth] !hidden !sm:block", children: nextMonthLabel }), _jsx(MonthButton, { emphasis: "ghost", className: "[grid-area:nextMonth]", onClick: () => setDisplayInfo({
-                    month: month + 1,
-                    year: year,
-                }), children: _jsx(Icon, { name: "arrowRight" }) })] }));
-}
-function DateRangePickerRoot(_a) {
-    var { children, color, value, onChange, className } = _a, rest = __rest(_a, ["children", "color", "value", "onChange", "className"]);
-    const [{ month, year }, setDisplay] = useState(() => ({
-        month: new Date().getMonth(),
-        year: new Date().getFullYear(),
-    }));
-    const onDisplayChange = useCallback(({ month: newMonth, year: newYear }) => {
-        /**
-         * Important UX consideration:
-         *
-         * since we are displaying 2 months at once, we don't
-         * always want to change our view if the user's cursor
-         * date moves from one month to another. Specifically,
-         * if they move from the first visible month to the
-         * second visible month, we don't need to change the view,
-         * since they are still within the visible range.
-         * So, we write logic to ignore that case!
-         */
-        if (newMonth === month + 1 && newYear === year) {
-            return; // ignore movement from the first to the second frame
-        }
-        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('layer-components:flex layer-components:justify-center', color && `palette-${color}`, className) }, rest, { children: _jsx(RangeLayout, { children: children }) })));
-}
-function DateRangePickerBase(props) {
-    return (_jsxs(DateRangePickerRoot, Object.assign({}, props, { children: [_jsx(DateRangePickerMonthControls, {}), _jsx(CalendarGrid, { className: "[grid-area:leftGrid]", children: (value) => _jsx(CalendarDay, { value: value }, value.key) }), _jsx(CalendarGrid, { className: "[grid-area:rightGrid] !hidden !sm:grid", monthOffset: 1, children: (value) => _jsx(CalendarDay, { value: value }, value.key) })] })));
-}
-export const DateRangePicker = Object.assign(DateRangePickerBase, {
-    Root: DateRangePickerRoot,
-    RangeLayout,
-    DayLabels,
-    CalendarDay,
-    Calendar,
-    CalendarGrid,
-    CalendarDays,
-    MonthControls: DateRangePickerMonthControls,
-    MonthButton,
-    MonthLabel,
-});
-//# sourceMappingURL=DateRangePicker.js.map

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

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

package/dist/esm/components/datePicker/index.js

@@ -1,4 +0,0 @@
-// @unocss-include
-export * from './DatePicker.js';
-export * from './DateRangePicker.js';
-//# sourceMappingURL=index.js.map

package/dist/esm/components/datePicker/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/datePicker/index.ts"],"names":[],"mappings":"AACA,cAAc,iBAAiB,CAAC;AAChC,cAAc,sBAAsB,CAAC"}