@techsio/ui-kit 0.44.0 → 0.44.1

package/dist/src/internal/date-picker-coordinator.d.ts

@@ -0,0 +1,42 @@
+import type { CalendarDateTime, DateValue, ZonedDateTime } from "@internationalized/date";
+export type DatePickerCandidate = DateValue | readonly DateValue[] | null;
+export type DatePickerCandidateIndex = 0 | 1;
+export type DatePickerDraftTimePart = "hour" | "minute" | "second" | "dayPeriod";
+export type DatePickerDraftTimeParts = Partial<Record<DatePickerDraftTimePart, number | null>>;
+export type DatePickerTimeGranularity = "hour" | "minute" | "second";
+export type DatePickerDraft = {
+    baseline: DatePickerCandidate;
+    candidate: DatePickerCandidate;
+    timeGranularity?: DatePickerTimeGranularity;
+    timeHourCycle?: 12 | 24;
+    timeParts?: Partial<Record<DatePickerCandidateIndex, DatePickerDraftTimeParts>>;
+};
+export type DatePickerCoordinatorState = {
+    draft: DatePickerDraft | null;
+};
+export type DatePickerCoordinatorAction = {
+    type: "open";
+    value: DatePickerCandidate;
+} | {
+    type: "edit";
+    value: DatePickerCandidate;
+} | {
+    type: "edit-time";
+    granularity: DatePickerTimeGranularity;
+    hourCycle?: 12 | 24;
+    index?: DatePickerCandidateIndex;
+    part: DatePickerDraftTimePart;
+    value: number | null;
+} | {
+    type: "resync";
+    value: DatePickerCandidate;
+} | {
+    type: "discard";
+};
+export declare function createDatePickerCoordinatorState(): DatePickerCoordinatorState;
+export declare function datePickerCoordinatorReducer(state: DatePickerCoordinatorState, action: DatePickerCoordinatorAction): DatePickerCoordinatorState;
+export declare function isDatePickerDraftDirty(state: DatePickerCoordinatorState): boolean;
+export declare function canConfirmDatePickerDraft(state: DatePickerCoordinatorState, isTimeUnavailable?: (value: CalendarDateTime | ZonedDateTime, index: DatePickerCandidateIndex) => boolean): boolean;
+export declare function isTimedDateValue(value: DateValue | null | undefined): value is CalendarDateTime | ZonedDateTime;
+export declare function getDatePickerDraftTimeParts(state: DatePickerCoordinatorState, hourCycle?: 12 | 24, index?: DatePickerCandidateIndex): DatePickerDraftTimeParts;
+//# sourceMappingURL=date-picker-coordinator.d.ts.map

package/dist/src/internal/date-picker-coordinator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-picker-coordinator.d.ts","sourceRoot":"","sources":["../../../src/internal/date-picker-coordinator.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,gBAAgB,EAChB,SAAS,EACT,aAAa,EACd,MAAM,yBAAyB,CAAA;AAGhC,MAAM,MAAM,mBAAmB,GAAG,SAAS,GAAG,SAAS,SAAS,EAAE,GAAG,IAAI,CAAA;AACzE,MAAM,MAAM,wBAAwB,GAAG,CAAC,GAAG,CAAC,CAAA;AAC5C,MAAM,MAAM,uBAAuB,GAAG,MAAM,GAAG,QAAQ,GAAG,QAAQ,GAAG,WAAW,CAAA;AAChF,MAAM,MAAM,wBAAwB,GAAG,OAAO,CAC5C,MAAM,CAAC,uBAAuB,EAAE,MAAM,GAAG,IAAI,CAAC,CAC/C,CAAA;AACD,MAAM,MAAM,yBAAyB,GAAG,MAAM,GAAG,QAAQ,GAAG,QAAQ,CAAA;AAEpE,MAAM,MAAM,eAAe,GAAG;IAC5B,QAAQ,EAAE,mBAAmB,CAAA;IAC7B,SAAS,EAAE,mBAAmB,CAAA;IAC9B,eAAe,CAAC,EAAE,yBAAyB,CAAA;IAC3C,aAAa,CAAC,EAAE,EAAE,GAAG,EAAE,CAAA;IACvB,SAAS,CAAC,EAAE,OAAO,CACjB,MAAM,CAAC,wBAAwB,EAAE,wBAAwB,CAAC,CAC3D,CAAA;CACF,CAAA;AAED,MAAM,MAAM,0BAA0B,GAAG;IACvC,KAAK,EAAE,eAAe,GAAG,IAAI,CAAA;CAC9B,CAAA;AAED,MAAM,MAAM,2BAA2B,GACnC;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,mBAAmB,CAAA;CAAE,GAC5C;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,mBAAmB,CAAA;CAAE,GAC5C;IACE,IAAI,EAAE,WAAW,CAAA;IACjB,WAAW,EAAE,yBAAyB,CAAA;IACtC,SAAS,CAAC,EAAE,EAAE,GAAG,EAAE,CAAA;IACnB,KAAK,CAAC,EAAE,wBAAwB,CAAA;IAChC,IAAI,EAAE,uBAAuB,CAAA;IAC7B,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;CACrB,GACD;IAAE,IAAI,EAAE,QAAQ,CAAC;IAAC,KAAK,EAAE,mBAAmB,CAAA;CAAE,GAC9C;IAAE,IAAI,EAAE,SAAS,CAAA;CAAE,CAAA;AAEvB,wBAAgB,gCAAgC,IAAI,0BAA0B,CAE7E;AAED,wBAAgB,4BAA4B,CAC1C,KAAK,EAAE,0BAA0B,EACjC,MAAM,EAAE,2BAA2B,GAClC,0BAA0B,CAuE5B;AAuDD,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,0BAA0B,WASvE;AAED,wBAAgB,yBAAyB,CACvC,KAAK,EAAE,0BAA0B,EACjC,iBAAiB,CAAC,EAAE,CAClB,KAAK,EAAE,gBAAgB,GAAG,aAAa,EACvC,KAAK,EAAE,wBAAwB,KAC5B,OAAO,WA6Db;AAED,wBAAgB,gBAAgB,CAC9B,KAAK,EAAE,SAAS,GAAG,IAAI,GAAG,SAAS,GAClC,KAAK,IAAI,gBAAgB,GAAG,aAAa,CAE3C;AAED,wBAAgB,2BAA2B,CACzC,KAAK,EAAE,0BAA0B,EACjC,SAAS,GAAE,EAAE,GAAG,EAAO,EACvB,KAAK,GAAE,wBAA4B,GAClC,wBAAwB,CAa1B"}

package/dist/src/molecules/date-picker.d.ts

@@ -0,0 +1,159 @@
+/**
+ * DatePicker — @techsio/ui-kit molecule.
+ *
+ * @component DatePicker
+ * @componentVersion v1.1.1
+ * @skill date-picker-usage
+ * @changelog libs/ui/stories/changelog/changelog.stories.tsx
+ */
+import type { CalendarDate, CalendarDateTime, DateValue, ZonedDateTime } from "@internationalized/date";
+import { type PositioningOptions } from "@zag-js/date-picker";
+import type { ComponentPropsWithoutRef, ReactElement, ReactNode, Ref } from "react";
+import { type ButtonProps } from "../atoms/button.js";
+export type DatePickerGranularity = "day" | "hour" | "minute" | "second";
+export type DatePickerSelectionMode = "single" | "range";
+export type DatePickerSize = "sm" | "md" | "lg";
+export type DatePickerTimedValue = CalendarDateTime | ZonedDateTime;
+export type DatePickerRange<T> = readonly [T, T];
+export type DatePickerTimedRange = DatePickerRange<CalendarDateTime> | DatePickerRange<ZonedDateTime>;
+type DatePickerPublicValue = DateValue | DatePickerRange<DateValue>;
+export type DatePickerValueChangeDetails<T extends DatePickerPublicValue> = {
+    value: T | null;
+    valueAsString: T extends DatePickerRange<DateValue> ? DatePickerRange<string> : string;
+};
+export type DatePickerOpenChangeDetails = {
+    open: boolean;
+};
+type DatePickerCommonRootProps<T extends DatePickerPublicValue> = Omit<ComponentPropsWithoutRef<"div">, "defaultValue" | "onChange"> & {
+    children: ReactNode;
+    defaultOpen?: boolean;
+    defaultValue?: T | null;
+    disabled?: boolean;
+    flip?: PositioningOptions["flip"];
+    form?: string;
+    gutter?: PositioningOptions["gutter"];
+    hideTimeZone?: boolean;
+    hourCycle?: 12 | 24;
+    invalid?: boolean;
+    isDateUnavailable?: (date: DateValue, locale: string) => boolean;
+    locale?: string;
+    max?: DateValue;
+    min?: DateValue;
+    offset?: PositioningOptions["offset"];
+    onOpenChange?: (details: DatePickerOpenChangeDetails) => void;
+    onValueChange?: (details: DatePickerValueChangeDetails<T>) => void;
+    open?: boolean;
+    overflowPadding?: PositioningOptions["overflowPadding"];
+    placement?: PositioningOptions["placement"];
+    readOnly?: boolean;
+    ref?: Ref<HTMLDivElement>;
+    required?: boolean;
+    sameWidth?: PositioningOptions["sameWidth"];
+    shouldForceLeadingZeros?: boolean;
+    size?: DatePickerSize;
+    slide?: PositioningOptions["slide"];
+    startOfWeek?: 0 | 1 | 2 | 3 | 4 | 5 | 6;
+    timeZone?: string;
+    value?: T | null;
+};
+type DatePickerSingleRootFields = {
+    endName?: never;
+    name?: string;
+    numOfMonths?: number;
+    selectionMode?: "single";
+    startName?: never;
+};
+type DatePickerRangeRootFields = {
+    endName?: string;
+    name?: never;
+    numOfMonths?: number;
+    selectionMode: "range";
+    startName?: string;
+};
+export type DatePickerDayRootProps = DatePickerCommonRootProps<CalendarDate> & DatePickerSingleRootFields & {
+    granularity?: "day";
+    isTimeUnavailable?: never;
+};
+export type DatePickerTimedRootProps = DatePickerCommonRootProps<DatePickerTimedValue> & DatePickerSingleRootFields & {
+    granularity: Exclude<DatePickerGranularity, "day">;
+    isTimeUnavailable?: (value: DatePickerTimedValue) => boolean;
+};
+export type DatePickerDayRangeRootProps = DatePickerCommonRootProps<DatePickerRange<CalendarDate>> & DatePickerRangeRootFields & {
+    granularity?: "day";
+    isTimeUnavailable?: never;
+};
+export type DatePickerTimedRangeRootProps = DatePickerCommonRootProps<DatePickerTimedRange> & DatePickerRangeRootFields & {
+    granularity: Exclude<DatePickerGranularity, "day">;
+    isTimeUnavailable?: (value: DatePickerTimedValue, index: 0 | 1) => boolean;
+};
+export type DatePickerRangeRootProps = DatePickerDayRangeRootProps | DatePickerTimedRangeRootProps;
+export type DatePickerRootProps = DatePickerDayRootProps | DatePickerTimedRootProps | DatePickerRangeRootProps;
+export type DatePickerProps = DatePickerRootProps;
+export declare function DatePicker(props: DatePickerDayRootProps): ReactElement;
+export declare function DatePicker(props: DatePickerTimedRootProps): ReactElement;
+export declare function DatePicker(props: DatePickerDayRangeRootProps): ReactElement;
+export declare function DatePicker(props: DatePickerTimedRangeRootProps): ReactElement;
+export declare namespace DatePicker {
+    var Label: ({ children, className, ref, ...props }: DatePickerLabelProps) => import("react/jsx-runtime").JSX.Element;
+    var Control: ({ children, className, ref, ...props }: DatePickerControlProps) => import("react/jsx-runtime").JSX.Element;
+    var Segments: ({ className, endLabel, ref, separator, startLabel, ...props }: DatePickerSegmentsProps) => import("react/jsx-runtime").JSX.Element;
+    var IndicatorGroup: ({ className, ref, ...props }: DatePickerIndicatorGroupProps) => import("react/jsx-runtime").JSX.Element;
+    var Trigger: ({ children, className, icon, iconSize, ref, size, theme, type, ...props }: DatePickerTriggerProps) => import("react/jsx-runtime").JSX.Element;
+    var ClearTrigger: ({ children, className, icon, iconSize, onClick, ref, size, theme, type, ...props }: DatePickerClearTriggerProps) => import("react/jsx-runtime").JSX.Element;
+    var Positioner: ({ children, className, forceMount, ref, ...props }: DatePickerPositionerProps) => import("react/jsx-runtime").JSX.Element | null;
+    var Content: ({ className, ref, ...props }: DatePickerContentProps) => import("react/jsx-runtime").JSX.Element;
+    var Calendar: ({ className, ref, ...props }: DatePickerCalendarProps) => import("react/jsx-runtime").JSX.Element;
+    var TimeControl: ({ className, endLabel, ref, startLabel, ...props }: DatePickerTimeControlProps) => import("react/jsx-runtime").JSX.Element | null;
+    var Footer: ({ className, ref, ...props }: DatePickerFooterProps) => import("react/jsx-runtime").JSX.Element;
+    var CancelTrigger: ({ children, className, onClick, ref, size: sizeProp, theme, type, variant, ...props }: DatePickerCancelTriggerProps) => import("react/jsx-runtime").JSX.Element;
+    var ConfirmTrigger: ({ children, className, disabled, onClick, ref, size: sizeProp, theme, type, variant, ...props }: DatePickerConfirmTriggerProps) => import("react/jsx-runtime").JSX.Element;
+    var Root: typeof DatePicker;
+    var displayName: string;
+}
+export type DatePickerLabelProps = ComponentPropsWithoutRef<"label"> & {
+    ref?: Ref<HTMLLabelElement>;
+};
+export type DatePickerControlProps = ComponentPropsWithoutRef<"div"> & {
+    ref?: Ref<HTMLDivElement>;
+};
+export type DatePickerSegmentsProps = Omit<ComponentPropsWithoutRef<"div">, "children"> & {
+    endLabel?: string;
+    ref?: Ref<HTMLDivElement>;
+    separator?: ReactNode;
+    startLabel?: string;
+};
+export type DatePickerIndicatorGroupProps = ComponentPropsWithoutRef<"div"> & {
+    ref?: Ref<HTMLDivElement>;
+};
+export type DatePickerTriggerProps = ButtonProps & {
+    ref?: Ref<HTMLButtonElement>;
+};
+export type DatePickerClearTriggerProps = ButtonProps & {
+    ref?: Ref<HTMLButtonElement>;
+};
+export type DatePickerPositionerProps = ComponentPropsWithoutRef<"div"> & {
+    forceMount?: boolean;
+    ref?: Ref<HTMLDivElement>;
+};
+export type DatePickerContentProps = ComponentPropsWithoutRef<"div"> & {
+    ref?: Ref<HTMLDivElement>;
+};
+export type DatePickerCalendarProps = Omit<ComponentPropsWithoutRef<"div">, "children"> & {
+    ref?: Ref<HTMLDivElement>;
+};
+export type DatePickerTimeControlProps = Omit<ComponentPropsWithoutRef<"div">, "children"> & {
+    endLabel?: string;
+    ref?: Ref<HTMLDivElement>;
+    startLabel?: string;
+};
+export type DatePickerFooterProps = ComponentPropsWithoutRef<"div"> & {
+    ref?: Ref<HTMLDivElement>;
+};
+export type DatePickerCancelTriggerProps = ButtonProps & {
+    ref?: Ref<HTMLButtonElement>;
+};
+export type DatePickerConfirmTriggerProps = ButtonProps & {
+    ref?: Ref<HTMLButtonElement>;
+};
+export {};
+//# sourceMappingURL=date-picker.d.ts.map

package/dist/src/molecules/date-picker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-picker.d.ts","sourceRoot":"","sources":["../../../src/molecules/date-picker.tsx"],"names":[],"mappings":"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"}

package/dist/stories/changelog/changelog.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"changelog.stories.d.ts","sourceRoot":"","sources":["../../../stories/changelog/changelog.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AA+LtD,iBAAS,SAAS,4CAUjB;AAED,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,SAAS,CAKhC,CAAA;AAED,eAAe,IAAI,CAAA;AAEnB,eAAO,MAAM,UAAU,EAAE,QAAQ,CAAC,OAAO,SAAS,CAAM,CAAA"}
+{"version":3,"file":"changelog.stories.d.ts","sourceRoot":"","sources":["../../../stories/changelog/changelog.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAqMtD,iBAAS,SAAS,4CAUjB;AAED,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,SAAS,CAKhC,CAAA;AAED,eAAe,IAAI,CAAA;AAEnB,eAAO,MAAM,UAAU,EAAE,QAAQ,CAAC,OAAO,SAAS,CAAM,CAAA"}

package/dist/stories/molecules/date-picker.stories.d.ts

@@ -0,0 +1,141 @@
+import type { StoryObj } from "@storybook/react";
+import { type DatePickerGranularity, type DatePickerDayRootProps, type DatePickerOpenChangeDetails, type DatePickerSelectionMode, type DatePickerSize } from "../../src/molecules/date-picker.js";
+type DatePickerPlaygroundArgs = {
+    defaultOpen: boolean;
+    disabled: boolean;
+    flip: boolean;
+    granularity: DatePickerGranularity;
+    hideTimeZone: boolean;
+    hourCycle: 12 | 24;
+    initialValue: "empty" | "preset";
+    invalid: boolean;
+    locale: string;
+    numOfMonths: "auto" | 1 | 2;
+    onOpenChange?: (details: DatePickerOpenChangeDetails) => void;
+    onValueChange?: (details: {
+        value: unknown;
+        valueAsString: unknown;
+    }) => void;
+    offset: number;
+    placement: NonNullable<DatePickerDayRootProps["placement"]>;
+    readOnly: boolean;
+    required: boolean;
+    selectionMode: DatePickerSelectionMode;
+    shouldForceLeadingZeros: boolean;
+    size: DatePickerSize;
+    slide: boolean;
+    startOfWeek: 0 | 1 | 2 | 3 | 4 | 5 | 6;
+    useDateBounds: boolean;
+    useUnavailableDate: boolean;
+    useUnavailableTime: boolean;
+    valueKind: "floating" | "zoned";
+};
+declare const meta: {
+    title: string;
+    component: import("react").FunctionComponent<DatePickerDayRootProps>;
+    subcomponents: {
+        Label: ({ children, className, ref, ...props }: import("../../src/molecules/date-picker.js").DatePickerLabelProps) => import("react/jsx-runtime").JSX.Element;
+        Control: ({ children, className, ref, ...props }: import("../../src/molecules/date-picker.js").DatePickerControlProps) => import("react/jsx-runtime").JSX.Element;
+        Segments: ({ className, endLabel, ref, separator, startLabel, ...props }: import("../../src/molecules/date-picker.js").DatePickerSegmentsProps) => import("react/jsx-runtime").JSX.Element;
+        IndicatorGroup: ({ className, ref, ...props }: import("../../src/molecules/date-picker.js").DatePickerIndicatorGroupProps) => import("react/jsx-runtime").JSX.Element;
+        Trigger: ({ children, className, icon, iconSize, ref, size, theme, type, ...props }: import("../../src/molecules/date-picker.js").DatePickerTriggerProps) => import("react/jsx-runtime").JSX.Element;
+        ClearTrigger: ({ children, className, icon, iconSize, onClick, ref, size, theme, type, ...props }: import("../../src/molecules/date-picker.js").DatePickerClearTriggerProps) => import("react/jsx-runtime").JSX.Element;
+        Positioner: ({ children, className, forceMount, ref, ...props }: import("../../src/molecules/date-picker.js").DatePickerPositionerProps) => import("react/jsx-runtime").JSX.Element | null;
+        Content: ({ className, ref, ...props }: import("../../src/molecules/date-picker.js").DatePickerContentProps) => import("react/jsx-runtime").JSX.Element;
+        Calendar: ({ className, ref, ...props }: import("../../src/molecules/date-picker.js").DatePickerCalendarProps) => import("react/jsx-runtime").JSX.Element;
+        TimeControl: ({ className, endLabel, ref, startLabel, ...props }: import("../../src/molecules/date-picker.js").DatePickerTimeControlProps) => import("react/jsx-runtime").JSX.Element | null;
+        Footer: ({ className, ref, ...props }: import("../../src/molecules/date-picker.js").DatePickerFooterProps) => import("react/jsx-runtime").JSX.Element;
+        CancelTrigger: ({ children, className, onClick, ref, size: sizeProp, theme, type, variant, ...props }: import("../../src/molecules/date-picker.js").DatePickerCancelTriggerProps) => import("react/jsx-runtime").JSX.Element;
+        ConfirmTrigger: ({ children, className, disabled, onClick, ref, size: sizeProp, theme, type, variant, ...props }: import("../../src/molecules/date-picker.js").DatePickerConfirmTriggerProps) => import("react/jsx-runtime").JSX.Element;
+    };
+    tags: string[];
+    parameters: {
+        layout: string;
+        controls: {
+            include: string[];
+        };
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+    argTypes: {
+        children: {
+            control: false;
+            table: {
+                disable: true;
+            };
+        };
+        size: {
+            control: "select";
+            options: string[];
+            description: string;
+            table: {
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        locale: {
+            control: "select";
+            options: string[];
+            description: string;
+            table: {
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        disabled: {
+            control: "boolean";
+        };
+        readOnly: {
+            control: "boolean";
+        };
+        invalid: {
+            control: "boolean";
+        };
+        required: {
+            control: "boolean";
+        };
+        onOpenChange: {
+            control: false;
+        };
+        onValueChange: {
+            control: false;
+        };
+    };
+    args: {
+        children: null;
+        disabled: false;
+        invalid: false;
+        locale: string;
+        onOpenChange: import("storybook/test").Mock<(...args: any[]) => any>;
+        onValueChange: import("storybook/test").Mock<(...args: any[]) => any>;
+        readOnly: false;
+        required: false;
+        size: "md";
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Playground: StoryObj<DatePickerPlaygroundArgs>;
+export declare const Sizes: Story;
+export declare const States: Story;
+export declare const DateOnlyCalendar: Story;
+export declare const DateRangeCalendar: Story;
+export declare const ControlledDateRange: Story;
+export declare const RejectingControlledDateRange: Story;
+export declare const RangeFormSerialization: Story;
+export declare const LocalizedUnavailableRange: Story;
+export declare const TransactionalTimeGranularities: Story;
+export declare const InitiallyOpenTimedDraft: Story;
+export declare const InitiallyOpenDateTimeRange: Story;
+export declare const ZonedDateTimeRange: Story;
+export declare const ControlledTimedResync: Story;
+export declare const ControlledParentBehaviors: Story;
+export declare const ClearAndFormSerialization: Story;
+export declare const LocalesAndLongLabels: Story;
+export declare const TypedDateTimeValues: Story;
+//# sourceMappingURL=date-picker.stories.d.ts.map

package/dist/stories/molecules/date-picker.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-picker.stories.d.ts","sourceRoot":"","sources":["../../../stories/molecules/date-picker.stories.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAKtD,OAAO,EAEN,KAAK,qBAAqB,EAE1B,KAAK,sBAAsB,EAC3B,KAAK,2BAA2B,EAEhC,KAAK,uBAAuB,EAC5B,KAAK,cAAc,EAInB,MAAM,iCAAiC,CAAA;AAkHxC,KAAK,wBAAwB,GAAG;IAC/B,WAAW,EAAE,OAAO,CAAA;IACpB,QAAQ,EAAE,OAAO,CAAA;IACjB,IAAI,EAAE,OAAO,CAAA;IACb,WAAW,EAAE,qBAAqB,CAAA;IAClC,YAAY,EAAE,OAAO,CAAA;IACrB,SAAS,EAAE,EAAE,GAAG,EAAE,CAAA;IAClB,YAAY,EAAE,OAAO,GAAG,QAAQ,CAAA;IAChC,OAAO,EAAE,OAAO,CAAA;IAChB,MAAM,EAAE,MAAM,CAAA;IACd,WAAW,EAAE,MAAM,GAAG,CAAC,GAAG,CAAC,CAAA;IAC3B,YAAY,CAAC,EAAE,CAAC,OAAO,EAAE,2BAA2B,KAAK,IAAI,CAAA;IAC7D,aAAa,CAAC,EAAE,CAAC,OAAO,EAAE;QACzB,KAAK,EAAE,OAAO,CAAA;QACd,aAAa,EAAE,OAAO,CAAA;KACtB,KAAK,IAAI,CAAA;IACV,MAAM,EAAE,MAAM,CAAA;IACd,SAAS,EAAE,WAAW,CAAC,sBAAsB,CAAC,WAAW,CAAC,CAAC,CAAA;IAC3D,QAAQ,EAAE,OAAO,CAAA;IACjB,QAAQ,EAAE,OAAO,CAAA;IACjB,aAAa,EAAE,uBAAuB,CAAA;IACtC,uBAAuB,EAAE,OAAO,CAAA;IAChC,IAAI,EAAE,cAAc,CAAA;IACpB,KAAK,EAAE,OAAO,CAAA;IACd,WAAW,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAA;IACtC,aAAa,EAAE,OAAO,CAAA;IACtB,kBAAkB,EAAE,OAAO,CAAA;IAC3B,kBAAkB,EAAE,OAAO,CAAA;IAC3B,SAAS,EAAE,UAAU,GAAG,OAAO,CAAA;CAC/B,CAAA;AA0MD,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuEgC,CAAA;AAE1C,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC,eAAO,MAAM,UAAU,EAAE,QAAQ,CAAC,wBAAwB,CA8MzD,CAAA;AAED,eAAO,MAAM,KAAK,EAAE,KA8BnB,CAAA;AAED,eAAO,MAAM,MAAM,EAAE,KAuBpB,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,KAqB9B,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,KA2B/B,CAAA;AAuBD,eAAO,MAAM,mBAAmB,EAAE,KAIjC,CAAA;AA+BD,eAAO,MAAM,4BAA4B,EAAE,KAI1C,CAAA;AAgCD,eAAO,MAAM,sBAAsB,EAAE,KAIpC,CAAA;AAED,eAAO,MAAM,yBAAyB,EAAE,KA6BvC,CAAA;AAED,eAAO,MAAM,8BAA8B,EAAE,KA0B5C,CAAA;AAED,eAAO,MAAM,uBAAuB,EAAE,KAuBrC,CAAA;AAED,eAAO,MAAM,0BAA0B,EAAE,KA6BxC,CAAA;AAED,eAAO,MAAM,kBAAkB,EAAE,KAkBhC,CAAA;AAkCD,eAAO,MAAM,qBAAqB,EAAE,KAInC,CAAA;AAwCD,eAAO,MAAM,yBAAyB,EAAE,KAevC,CAAA;AA6BD,eAAO,MAAM,yBAAyB,EAAE,KAGvC,CAAA;AAED,eAAO,MAAM,oBAAoB,EAAE,KA2BlC,CAAA;AAMD,eAAO,MAAM,mBAAmB,EAAE,KAqBjC,CAAA"}

package/dist/test/date-picker.behavior.spec.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=date-picker.behavior.spec.d.ts.map

package/dist/test/date-picker.behavior.spec.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-picker.behavior.spec.d.ts","sourceRoot":"","sources":["../../test/date-picker.behavior.spec.ts"],"names":[],"mappings":""}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@techsio/ui-kit",
-  "version": "0.44.0",
+  "version": "0.44.1",
   "license": "MIT",
   "type": "module",
   "repository": {
@@ -70,6 +70,7 @@
     "storybook": "storybook dev",
     "figma:connect:parse": "figma connect parse --config figma.config.json",
     "figma:connect:publish": "figma connect publish --config figma.config.json",
+    "test": "vitest run --config vitest.config.ts",
     "test-storybook": "test-storybook",
     "storybook:a11y": "bash scripts/storybook-a11y.sh",
     "test:components": "node scripts/run-component-tests.mjs",
@@ -82,7 +83,8 @@
     "validate:tokens": "bun scripts/validate-token-usage.js && bun scripts/validate-token-definitions.js",
     "validate:token-usage": "bun scripts/validate-token-usage.js",
     "validate:token-definitions": "bun scripts/validate-token-definitions.js",
-    "semantic-release": "semantic-release"
+    "semantic-release": "semantic-release",
+    "typecheck": "tsc --noEmit -p tsconfig.json && tsc --noEmit -p tsconfig.tests.json"
   },
   "dependencies": {
     "@dnd-kit/core": "^6.3.1",
@@ -93,6 +95,7 @@
     "@iconify-json/mdi-light": "^1.2.2",
     "@iconify-json/svg-spinners": "^1.2.4",
     "@iconify/tailwind4": "^1.1.0",
+    "@internationalized/date": "^3.12.2",
     "@tanstack/charts": "^0.6.5",
     "@tanstack/charts-scales": "^0.6.5",
     "@tanstack/react-charts": "^0.6.5",
@@ -103,6 +106,8 @@
     "@zag-js/cascade-select": "1.43.3",
     "@zag-js/checkbox": "1.43.3",
     "@zag-js/combobox": "1.43.3",
+    "@zag-js/date-input": "1.43.3",
+    "@zag-js/date-picker": "1.43.3",
     "@zag-js/dialog": "1.43.3",
     "@zag-js/drawer": "1.43.3",
     "@zag-js/file-upload": "1.43.3",
@@ -166,7 +171,9 @@
     "storybook-addon-rslib": "^3.4.2",
     "storybook-react-rsbuild": "^3.4.2",
     "tailwindcss": "^4.1.17",
-    "typescript": "^5.9.3"
+    "typescript": "^5.9.3",
+    "vite": "catalog:vite5-testing",
+    "vitest": "catalog:vite5-testing"
   },
   "peerDependencies": {
     "@types/react": ">=19.2.0",

package/src/tokens/components/components.css

@@ -23,6 +23,7 @@
 @import "./molecules/_chart.css";
 @import "./molecules/_color-select.css";
 @import "./molecules/_combobox.css";
+@import "./molecules/_date-picker.css";
 @import "./molecules/_dialog.css";
 @import "./molecules/_drawer.css";
 @import "./molecules/_file-upload.css";