@konstructio/ui 0.1.2-alpha.8 → 0.1.2-alpha.80

package/dist/components/DateRangePicker/components/DateTimeInputs/DateTimeInputs.js

@@ -0,0 +1,64 @@
+import { t as L } from "../../../../utils-DHuiYnx1.js";
+import { dateTimeInputsVariants as $ } from "./DateTimeInputs.variants.js";
+import { EndInputFields as k } from "./components/EndInputFields/EndInputFields.js";
+import { StartInputFields as w } from "./components/StartInputFields/StartInputFields.js";
+import { useDateTimeInputs as P } from "./hooks/useDateTimeInputs.js";
+import { Fragment as R, jsx as e, jsxs as l } from "react/jsx-runtime";
+var q = ({ className: m, labelStartDate: u = "Start date", labelEndDate: s = "End date", labelTime: n = "Time", ariaLabelStartDate: D = "Start date", ariaLabelEndDate: h = "End date", errorInvalidDate: p = "Invalid date", errorDateNotAvailable: T = "Date is not available", errorStartAfterEnd: g = "Start date must be before end date", errorEndBeforeStart: E = "End date must be after start date", classNames: a }) => {
+  const { timeFormat: r, showTime: d, name: t, disabled: i, time: o, startDateValue: V, startDateError: b, handleStartDateFocus: c, handleStartDateChange: f, handleStartDateBlur: C, handleStartTimeChange: F, endDateValue: S, endDateError: I, handleEndDateFocus: v, handleEndDateChange: B, handleEndDateBlur: x, handleEndTimeChange: y, startHiddenValue: j, endHiddenValue: H } = P({
+    errorInvalidDate: p,
+    errorDateNotAvailable: T,
+    errorStartAfterEnd: g,
+    errorEndBeforeStart: E
+  });
+  return /* @__PURE__ */ l("div", {
+    className: L($({ className: m }), a?.root),
+    children: [
+      /* @__PURE__ */ e(w, {
+        dateValue: V,
+        timeValue: o.startTime,
+        error: b,
+        disabled: i,
+        showTime: d,
+        timeFormat: r,
+        labelDate: u,
+        labelTime: n,
+        ariaLabelDate: D,
+        onDateChange: f,
+        onDateFocus: c,
+        onDateBlur: C,
+        onTimeChange: F,
+        classNames: a
+      }),
+      /* @__PURE__ */ e(k, {
+        dateValue: S,
+        timeValue: o.endTime,
+        error: I,
+        disabled: i,
+        showTime: d,
+        timeFormat: r,
+        labelDate: s,
+        labelTime: n,
+        ariaLabelDate: h,
+        onDateChange: B,
+        onDateFocus: v,
+        onDateBlur: x,
+        onTimeChange: y,
+        classNames: a
+      }),
+      t && /* @__PURE__ */ l(R, { children: [/* @__PURE__ */ e("input", {
+        type: "hidden",
+        name: `${t}-start`,
+        value: j
+      }), /* @__PURE__ */ e("input", {
+        type: "hidden",
+        name: `${t}-end`,
+        value: H
+      })] })
+    ]
+  });
+};
+q.displayName = "DateRangePickerDateTimeInputs";
+export {
+  q as DateTimeInputs
+};

package/dist/components/DateRangePicker/components/DateTimeInputs/DateTimeInputs.types.d.ts

@@ -0,0 +1,37 @@
+export type DateTimeInputsClassNames = {
+    /** Root container */
+    root?: string;
+    /** Start/End date group wrapper */
+    group?: string;
+    /** Date input wrapper (contains label + input) */
+    dateWrapper?: string;
+    /** Time input wrapper (contains label + TimePicker) */
+    timeWrapper?: string;
+    /** Labels for inputs */
+    label?: string;
+    /** Date input field */
+    input?: string;
+};
+export type DateTimeInputsProps = {
+    className?: string;
+    /** Label for start date input (default: 'Start date') */
+    labelStartDate?: string;
+    /** Label for end date input (default: 'End date') */
+    labelEndDate?: string;
+    /** Label for time inputs (default: 'Time') */
+    labelTime?: string;
+    /** Aria label for start date input (default: 'Start date') */
+    ariaLabelStartDate?: string;
+    /** Aria label for end date input (default: 'End date') */
+    ariaLabelEndDate?: string;
+    /** Error message for invalid date format (default: 'Invalid date') */
+    errorInvalidDate?: string;
+    /** Error message for unavailable date (default: 'Date is not available') */
+    errorDateNotAvailable?: string;
+    /** Error message when start date is after end date (default: 'Start date must be before end date') */
+    errorStartAfterEnd?: string;
+    /** Error message when end date is before start date (default: 'End date must be after start date') */
+    errorEndBeforeStart?: string;
+    /** Custom class names for styling */
+    classNames?: DateTimeInputsClassNames;
+};

package/dist/components/DateRangePicker/components/DateTimeInputs/DateTimeInputs.variants.d.ts

@@ -0,0 +1,5 @@
+export declare const dateTimeInputsVariants: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
+export declare const dateTimeGroupVariants: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
+export declare const dateInputWrapperVariants: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
+export declare const timeInputWrapperVariants: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
+export declare const inputLabelVariants: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;

package/dist/components/DateRangePicker/components/DateTimeInputs/DateTimeInputs.variants.js

@@ -0,0 +1,35 @@
+import { t as a } from "../../../../dist-DtEbXv47.js";
+var t = a([
+  "flex",
+  "gap-8",
+  "w-full",
+  "px-1"
+]), r = a([
+  "flex",
+  "gap-2",
+  "items-center",
+  "w-66.5"
+]), p = a([
+  "flex",
+  "flex-col",
+  "gap-2",
+  "w-38"
+]), l = a([
+  "flex",
+  "flex-col",
+  "gap-2",
+  "flex-1"
+]), i = a([
+  "text-sm",
+  "font-medium",
+  "text-slate-500",
+  "dark:text-metal-400",
+  "leading-5"
+]);
+export {
+  p as dateInputWrapperVariants,
+  r as dateTimeGroupVariants,
+  t as dateTimeInputsVariants,
+  i as inputLabelVariants,
+  l as timeInputWrapperVariants
+};

package/dist/components/DateRangePicker/components/DateTimeInputs/components/EndInputFields/EndInputFields.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { Props } from './EndInputFields.types';
+export declare const EndInputFields: FC<Props>;

package/dist/components/DateRangePicker/components/DateTimeInputs/components/EndInputFields/EndInputFields.js

@@ -0,0 +1,45 @@
+import { t as I } from "../../../../../../Input-GBMxM3Z7.js";
+import { t as r } from "../../../../../../utils-DHuiYnx1.js";
+import { Typography as p } from "../../../../../Typography/Typography.js";
+import { TimePicker as g } from "../../../../../TimePicker/TimePicker.js";
+import { dateInputWrapperVariants as E, dateTimeGroupVariants as V, inputLabelVariants as o, timeInputWrapperVariants as W } from "../../DateTimeInputs.variants.js";
+import { jsx as a, jsxs as n } from "react/jsx-runtime";
+var y = ({ dateValue: l, timeValue: m, error: d, disabled: i, showTime: t, timeFormat: u = "24", labelDate: c = "End date", labelTime: f = "Time", ariaLabelDate: s = "End date", onDateChange: h, onDateFocus: b, onDateBlur: v, onTimeChange: x, classNames: e }) => /* @__PURE__ */ n("div", {
+  className: r(V(), !t && "w-auto flex-1", e?.group),
+  children: [/* @__PURE__ */ n("div", {
+    className: r(E(), !t && "w-full flex-1", e?.dateWrapper),
+    children: [/* @__PURE__ */ a(p, {
+      component: "label",
+      className: r(o(), e?.label),
+      children: c
+    }), /* @__PURE__ */ a(I, {
+      value: l,
+      onChange: h,
+      onFocus: b,
+      onBlur: v,
+      error: d,
+      disabled: i,
+      className: r(e?.input),
+      "aria-label": s
+    })]
+  }), t && /* @__PURE__ */ n("div", {
+    className: r(W(), e?.timeWrapper),
+    children: [/* @__PURE__ */ a(p, {
+      component: "label",
+      className: r(o(), e?.label),
+      children: f
+    }), /* @__PURE__ */ a(g, {
+      mode: "input",
+      showList: !0,
+      format: u,
+      time: m,
+      onChange: x,
+      disabled: i,
+      name: "end time"
+    })]
+  })]
+});
+y.displayName = "EndInputFields";
+export {
+  y as EndInputFields
+};

package/dist/components/DateRangePicker/components/DateTimeInputs/components/EndInputFields/EndInputFields.types.d.ts

@@ -0,0 +1,23 @@
+import { ChangeEvent, FocusEvent } from 'react';
+export type Props = {
+    dateValue: string;
+    timeValue?: Date;
+    error?: string;
+    disabled?: boolean;
+    showTime?: boolean;
+    timeFormat?: '12' | '24';
+    labelDate?: string;
+    labelTime?: string;
+    ariaLabelDate?: string;
+    onDateChange: (e: ChangeEvent<HTMLInputElement>) => void;
+    onDateFocus: () => void;
+    onDateBlur: (e: FocusEvent<HTMLInputElement>) => void;
+    onTimeChange: (time: Date) => void;
+    classNames?: {
+        group?: string;
+        dateWrapper?: string;
+        timeWrapper?: string;
+        label?: string;
+        input?: string;
+    };
+};

package/dist/components/DateRangePicker/components/DateTimeInputs/components/StartInputFields/StartInputFields.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { Props } from './StartInputFields.types';
+export declare const StartInputFields: FC<Props>;

package/dist/components/DateRangePicker/components/DateTimeInputs/components/StartInputFields/StartInputFields.js

@@ -0,0 +1,45 @@
+import { t as I } from "../../../../../../Input-GBMxM3Z7.js";
+import { t as r } from "../../../../../../utils-DHuiYnx1.js";
+import { Typography as n } from "../../../../../Typography/Typography.js";
+import { TimePicker as g } from "../../../../../TimePicker/TimePicker.js";
+import { dateInputWrapperVariants as S, dateTimeGroupVariants as V, inputLabelVariants as o, timeInputWrapperVariants as W } from "../../DateTimeInputs.variants.js";
+import { jsx as a, jsxs as i } from "react/jsx-runtime";
+var y = ({ dateValue: l, timeValue: m, error: u, disabled: p, showTime: e, timeFormat: d = "24", labelDate: c = "Start date", labelTime: f = "Time", ariaLabelDate: s = "Start date", onDateChange: h, onDateFocus: b, onDateBlur: v, onTimeChange: x, classNames: t }) => /* @__PURE__ */ i("div", {
+  className: r(V(), !e && "w-auto flex-1", t?.group),
+  children: [/* @__PURE__ */ i("div", {
+    className: r(S(), !e && "w-full flex-1", t?.dateWrapper),
+    children: [/* @__PURE__ */ a(n, {
+      component: "label",
+      className: r(o(), t?.label),
+      children: c
+    }), /* @__PURE__ */ a(I, {
+      value: l,
+      onChange: h,
+      onFocus: b,
+      onBlur: v,
+      error: u,
+      disabled: p,
+      className: r(t?.input),
+      "aria-label": s
+    })]
+  }), e && /* @__PURE__ */ i("div", {
+    className: r(W(), t?.timeWrapper),
+    children: [/* @__PURE__ */ a(n, {
+      component: "label",
+      className: r(o(), t?.label),
+      children: f
+    }), /* @__PURE__ */ a(g, {
+      mode: "input",
+      showList: !0,
+      format: d,
+      time: m,
+      onChange: x,
+      disabled: p,
+      name: "start time"
+    })]
+  })]
+});
+y.displayName = "StartInputFields";
+export {
+  y as StartInputFields
+};

package/dist/components/DateRangePicker/components/DateTimeInputs/components/StartInputFields/StartInputFields.types.d.ts

@@ -0,0 +1,23 @@
+import { ChangeEvent, FocusEvent } from 'react';
+export type Props = {
+    dateValue: string;
+    timeValue?: Date;
+    error?: string;
+    disabled?: boolean;
+    showTime?: boolean;
+    timeFormat?: '12' | '24';
+    labelDate?: string;
+    labelTime?: string;
+    ariaLabelDate?: string;
+    onDateChange: (e: ChangeEvent<HTMLInputElement>) => void;
+    onDateFocus: () => void;
+    onDateBlur: (e: FocusEvent<HTMLInputElement>) => void;
+    onTimeChange: (time: Date) => void;
+    classNames?: {
+        group?: string;
+        dateWrapper?: string;
+        timeWrapper?: string;
+        label?: string;
+        input?: string;
+    };
+};

package/dist/components/DateRangePicker/components/DateTimeInputs/components/index.d.ts

@@ -0,0 +1,2 @@
+export { EndInputFields } from './EndInputFields/EndInputFields';
+export { StartInputFields } from './StartInputFields/StartInputFields';

package/dist/components/DateRangePicker/components/DateTimeInputs/components/index.js

@@ -0,0 +1,6 @@
+import { EndInputFields as r } from "./EndInputFields/EndInputFields.js";
+import { StartInputFields as p } from "./StartInputFields/StartInputFields.js";
+export {
+  r as EndInputFields,
+  p as StartInputFields
+};

package/dist/components/DateRangePicker/components/DateTimeInputs/hooks/index.d.ts

@@ -0,0 +1 @@
+export { useDateTimeInputs } from './useDateTimeInputs';

package/dist/components/DateRangePicker/components/DateTimeInputs/hooks/index.js

@@ -0,0 +1,4 @@
+import { useDateTimeInputs as t } from "./useDateTimeInputs.js";
+export {
+  t as useDateTimeInputs
+};

package/dist/components/DateRangePicker/components/DateTimeInputs/hooks/useDateTimeInputs.d.ts

@@ -0,0 +1,29 @@
+import { ChangeEvent, FocusEvent } from 'react';
+type UseDateTimeInputsProps = {
+    errorInvalidDate: string;
+    errorDateNotAvailable: string;
+    errorStartAfterEnd: string;
+    errorEndBeforeStart: string;
+};
+export declare const useDateTimeInputs: ({ errorInvalidDate, errorDateNotAvailable, errorStartAfterEnd, errorEndBeforeStart, }: UseDateTimeInputsProps) => {
+    timeFormat: "24" | "12";
+    showTime: boolean;
+    name: string | undefined;
+    disabled: boolean;
+    time: import('../../../DateRangePicker.types').TimeRange;
+    startDateValue: string;
+    startDateError: string | undefined;
+    handleStartDateFocus: () => void;
+    handleStartDateChange: (e: ChangeEvent<HTMLInputElement>) => void;
+    handleStartDateBlur: (e: FocusEvent<HTMLInputElement>) => void;
+    handleStartTimeChange: (newTime: Date) => void;
+    endDateValue: string;
+    endDateError: string | undefined;
+    handleEndDateFocus: () => void;
+    handleEndDateChange: (e: ChangeEvent<HTMLInputElement>) => void;
+    handleEndDateBlur: (e: FocusEvent<HTMLInputElement>) => void;
+    handleEndTimeChange: (newTime: Date) => void;
+    startHiddenValue: string;
+    endHiddenValue: string;
+};
+export {};

package/dist/components/DateRangePicker/components/DateTimeInputs/hooks/useDateTimeInputs.js

@@ -0,0 +1,181 @@
+import { useDateRangePicker as $ } from "../../../contexts/date-range-picker.hook.js";
+import { isDateSelectable as C } from "../../../utils/disabled-dates.js";
+import { autoFormatDateInput as B, combineDateAndTime as j, formatDateToDisplayString as T, formatDateToString as P, parseDateString as i, parseDisplayDateString as g } from "../../../utils/validation.js";
+import { useCallback as f, useEffect as q, useMemo as k, useRef as z, useState as R } from "react";
+var et = ({ errorInvalidDate: E, errorDateNotAvailable: V, errorStartAfterEnd: F, errorEndBeforeStart: b }) => {
+  const { range: t, time: u, timeFormat: G, showTime: J, name: K, disabled: L, blockedDays: w, blockedMonths: x, minDate: H, maxDate: M, setRange: n, setTime: y } = $(), c = k(() => ({
+    blockedDays: w,
+    blockedMonths: x,
+    minDate: H,
+    maxDate: M
+  }), [
+    w,
+    x,
+    H,
+    M
+  ]), v = z(!1), h = z(!1), [o, D] = R(() => T(t.from)), [s, p] = R(() => T(t.to)), [O, m] = R(), [Q, l] = R();
+  q(() => {
+    v.current || D(T(t.from));
+  }, [t.from]), q(() => {
+    h.current || p(T(t.to));
+  }, [t.to]);
+  const U = f(() => {
+    if (v.current = !0, m(void 0), t.from) D(P(t.from));
+    else {
+      const e = i(o) || g(o);
+      e && D(P(e));
+    }
+  }, [t.from, o]), W = f((e) => {
+    const d = e.target.value, r = B(d, o);
+    D(r), m(void 0);
+    const a = i(r);
+    if (a && C(a, c)) {
+      const S = t.to || i(s) || g(s);
+      if (S && a > S) return;
+      n({
+        ...t,
+        from: a
+      });
+    }
+  }, [
+    o,
+    s,
+    t,
+    n,
+    c
+  ]), X = f((e) => {
+    const d = e.currentTarget.value.trim();
+    if (d === "") {
+      v.current = !1, m(void 0), D(""), n({
+        ...t,
+        from: void 0
+      });
+      return;
+    }
+    const r = i(d);
+    if (!r) {
+      m(E);
+      return;
+    }
+    if (!C(r, c)) {
+      m(V);
+      return;
+    }
+    const a = i(s) || g(s);
+    if (a && r > a) {
+      m(F), h.current = !0, n({
+        from: void 0,
+        to: void 0
+      });
+      return;
+    }
+    v.current = !1, m(void 0), n({
+      ...t,
+      from: r
+    }), D(T(r));
+  }, [
+    t,
+    n,
+    c,
+    E,
+    V,
+    F,
+    s
+  ]), Y = f(() => {
+    if (h.current = !0, l(void 0), t.to) p(P(t.to));
+    else {
+      const e = i(s) || g(s);
+      e && p(P(e));
+    }
+  }, [t.to, s]), Z = f((e) => {
+    const d = e.target.value, r = B(d, s);
+    p(r), l(void 0);
+    const a = i(r);
+    if (a && C(a, c)) {
+      const S = t.from || i(o) || g(o);
+      if (S && a < S) return;
+      n({
+        ...t,
+        to: a
+      });
+    }
+  }, [
+    s,
+    o,
+    t,
+    n,
+    c
+  ]), _ = f((e) => {
+    const d = e.currentTarget.value.trim();
+    if (d === "") {
+      h.current = !1, l(void 0), p(""), n({
+        ...t,
+        to: void 0
+      });
+      return;
+    }
+    const r = i(d);
+    if (!r) {
+      l(E);
+      return;
+    }
+    if (!C(r, c)) {
+      l(V);
+      return;
+    }
+    const a = i(o) || g(o);
+    if (a && r < a) {
+      l(b), v.current = !0, n({
+        from: void 0,
+        to: void 0
+      });
+      return;
+    }
+    h.current = !1, l(void 0), n({
+      ...t,
+      to: r
+    }), p(T(r));
+  }, [
+    t,
+    n,
+    c,
+    E,
+    V,
+    b,
+    o
+  ]);
+  return {
+    timeFormat: G,
+    showTime: J,
+    name: K,
+    disabled: L,
+    time: u,
+    startDateValue: o,
+    startDateError: O,
+    handleStartDateFocus: U,
+    handleStartDateChange: W,
+    handleStartDateBlur: X,
+    handleStartTimeChange: f((e) => {
+      y({
+        ...u,
+        startTime: e
+      });
+    }, [u, y]),
+    endDateValue: s,
+    endDateError: Q,
+    handleEndDateFocus: Y,
+    handleEndDateChange: Z,
+    handleEndDateBlur: _,
+    handleEndTimeChange: f((e) => {
+      y({
+        ...u,
+        endTime: e
+      });
+    }, [u, y]),
+    startHiddenValue: k(() => j(t.from, u.startTime), [t.from, u.startTime]),
+    endHiddenValue: k(() => j(t.to, u.endTime), [t.to, u.endTime])
+  };
+};
+export {
+  et as useDateTimeInputs
+};

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

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { PresetPanelProps } from './PresetPanel.types';
+export declare const PresetPanel: FC<PresetPanelProps>;

package/dist/components/DateRangePicker/components/PresetPanel/PresetPanel.js

@@ -0,0 +1,47 @@
+import { t as a } from "../../../../utils-DHuiYnx1.js";
+import { Typography as f } from "../../../Typography/Typography.js";
+import { RadioGroup as h } from "../../../RadioGroup/RadioGroup.js";
+import { useDateRangePicker as x } from "../../contexts/date-range-picker.hook.js";
+import { PRESET_OPTIONS as y } from "../../constants/presets.js";
+import { presetPanelVariants as g, presetTitleVariants as k } from "./PresetPanel.variants.js";
+import { useCallback as v, useMemo as T } from "react";
+import { jsx as i, jsxs as b } from "react/jsx-runtime";
+var E = {
+  today: "today",
+  "current-month": "currentMonth",
+  custom: "custom",
+  "last-7-days": "last7Days",
+  "last-2-weeks": "last2Weeks"
+}, R = ({ className: l, labelTimePeriod: m = "Time period", ariaLabelTimePeriod: p = "Time period options", presetLabels: r, classNames: t }) => {
+  const { preset: c, setPreset: o, disabled: s } = x(), d = v((e) => {
+    o(e);
+  }, [o]), u = T(() => y.map((e) => {
+    const n = E[e.value], P = n && r?.[n];
+    return {
+      value: e.value,
+      label: P || e.label,
+      disabled: s
+    };
+  }), [s, r]);
+  return /* @__PURE__ */ b("div", {
+    className: a(g({ className: l }), t?.root),
+    children: [/* @__PURE__ */ i(f, {
+      component: "span",
+      className: a(k(), t?.title),
+      "aria-label": p,
+      children: m
+    }), /* @__PURE__ */ i(h, {
+      name: "date-range-preset",
+      options: u,
+      value: c,
+      onValueChange: d,
+      direction: "col",
+      wrapperClassName: a("gap-4 pl-2", t?.radioGroup),
+      className: a("text-sm", "text-zinc-700", "dark:text-zinc-300", "[&_span]:text-zinc-700", "dark:[&_span]:text-zinc-300")
+    })]
+  });
+};
+R.displayName = "DateRangePickerPresetPanel";
+export {
+  R as PresetPanel
+};

package/dist/components/DateRangePicker/components/PresetPanel/PresetPanel.types.d.ts

@@ -0,0 +1,31 @@
+export type PresetLabels = {
+    /** Label for 'Today' preset (default: 'Today') */
+    today?: string;
+    /** Label for 'Current month' preset (default: 'Current month') */
+    currentMonth?: string;
+    /** Label for 'Custom' preset (default: 'Custom') */
+    custom?: string;
+    /** Label for 'Last 7 days' preset (default: 'Last 7 days') */
+    last7Days?: string;
+    /** Label for 'Last 2 weeks' preset (default: 'Last 2 weeks') */
+    last2Weeks?: string;
+};
+export type PresetPanelClassNames = {
+    /** Root container of the preset panel */
+    root?: string;
+    /** Title text */
+    title?: string;
+    /** RadioGroup wrapper */
+    radioGroup?: string;
+};
+export type PresetPanelProps = {
+    className?: string;
+    /** Title for the preset panel (default: 'Time period') */
+    labelTimePeriod?: string;
+    /** Aria label for the preset panel (default: 'Time period options') */
+    ariaLabelTimePeriod?: string;
+    /** Custom labels for preset options */
+    presetLabels?: PresetLabels;
+    /** Custom class names for styling */
+    classNames?: PresetPanelClassNames;
+};

package/dist/components/DateRangePicker/components/PresetPanel/PresetPanel.variants.d.ts

@@ -0,0 +1,2 @@
+export declare const presetPanelVariants: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
+export declare const presetTitleVariants: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;

package/dist/components/DateRangePicker/components/PresetPanel/PresetPanel.variants.js

@@ -0,0 +1,24 @@
+import { t as e } from "../../../../dist-DtEbXv47.js";
+var a = e([
+  "flex",
+  "flex-col",
+  "gap-6",
+  "p-4",
+  "pr-8",
+  "bg-slate-100",
+  "rounded-lg",
+  "dark:bg-metal-600/25",
+  "min-w-40"
+]), r = e([
+  "text-xs",
+  "font-medium",
+  "uppercase",
+  "text-slate-700",
+  "dark:text-metal-300",
+  "tracking-[0.25px]",
+  "leading-4"
+]);
+export {
+  a as presetPanelVariants,
+  r as presetTitleVariants
+};

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

@@ -0,0 +1,3 @@
+export { PresetPanel } from './PresetPanel/PresetPanel';
+export { DateTimeInputs } from './DateTimeInputs/DateTimeInputs';
+export { CalendarPanel } from './CalendarPanel/CalendarPanel';

package/dist/components/DateRangePicker/components/index.js

@@ -0,0 +1,8 @@
+import { PresetPanel as e } from "./PresetPanel/PresetPanel.js";
+import { DateTimeInputs as o } from "./DateTimeInputs/DateTimeInputs.js";
+import { CalendarPanel as a } from "./CalendarPanel/CalendarPanel.js";
+export {
+  a as CalendarPanel,
+  o as DateTimeInputs,
+  e as PresetPanel
+};

package/dist/components/DateRangePicker/constants/index.d.ts

@@ -0,0 +1 @@
+export * from './presets';

package/dist/components/DateRangePicker/constants/index.js

@@ -0,0 +1,4 @@
+import { PRESET_OPTIONS as r } from "./presets.js";
+export {
+  r as PRESET_OPTIONS
+};

package/dist/components/DateRangePicker/constants/presets.d.ts

@@ -0,0 +1,6 @@
+import { DateRangePreset } from '../DateRangePicker.types';
+export type PresetOption = {
+    value: DateRangePreset;
+    label: string;
+};
+export declare const PRESET_OPTIONS: PresetOption[];