@caspeco/casper-ui-library 0.0.1

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

@@ -0,0 +1,107 @@
+import { jsxs as L, jsx as p } from "react/jsx-runtime";
+import { Flex as W, Text as z } from "@chakra-ui/react";
+import { firstLetterUpperCase as S } from "./helper.js";
+import { startOfMonth as u } from "../../node_modules/date-fns/startOfMonth.js";
+import { isBefore as O } from "../../node_modules/date-fns/isBefore.js";
+import { isSameMonth as G } from "../../node_modules/date-fns/isSameMonth.js";
+import { IconButton as l } from "../icon-button/icon-button.js";
+import { Icons as w } from "../icon/types.js";
+import { subMonths as Y } from "../../node_modules/date-fns/subMonths.js";
+import { subWeeks as q } from "../../node_modules/date-fns/subWeeks.js";
+import { subDays as c } from "../../node_modules/date-fns/subDays.js";
+import { getISOWeek as A } from "../../node_modules/date-fns/getISOWeek.js";
+import { addMonths as C } from "../../node_modules/date-fns/addMonths.js";
+import { addWeeks as J } from "../../node_modules/date-fns/addWeeks.js";
+import { addDays as D } from "../../node_modules/date-fns/addDays.js";
+import { sv as K } from "../../node_modules/date-fns/locale/sv.js";
+import { da as N } from "../../node_modules/date-fns/locale/da.js";
+import { nb as Q } from "../../node_modules/date-fns/locale/nb.js";
+import { enGB as F } from "../../node_modules/date-fns/locale/en-GB.js";
+import { enUS as x } from "../../node_modules/date-fns/locale/en-US.js";
+import { isSameYear as X } from "../../node_modules/date-fns/isSameYear.js";
+import { ThemeSpaceVariable as Z, ThemeFontSizeVariable as _, ThemeFontVariable as E } from "../../theme/theme-types.js";
+import { formatDate as b } from "../../node_modules/date-fns/format.js";
+const Fr = ({
+  onMonthChange: k,
+  selectedMonth: e,
+  month: d,
+  selectWeek: m,
+  locale: o,
+  selectedDate: i,
+  onDateChange: f,
+  isExpanded: s,
+  disablePastMonths: P,
+  disableBackwardNavigation: B,
+  disableForwardNavigation: T,
+  dateRange: t,
+  onRangeChange: a
+}) => {
+  function V(r) {
+    switch (r) {
+      case x:
+      case F:
+        return "Week";
+      case Q:
+        return "Uke";
+      case N:
+        return "Uge";
+      case K:
+      default:
+        return "Vecka";
+    }
+  }
+  function h(r) {
+    return !!(r != null && r.startDate) && !!(r != null && r.endDate);
+  }
+  const n = !m && h(t) && a;
+  function v(r) {
+    return X(r.startDate, r.endDate) ? o === F || o === x ? "MMM d" : "d MMM" : "PP";
+  }
+  const y = () => {
+    if (s)
+      return S(d);
+    if (m)
+      return `${V(o)} ${A(i)}`;
+    if (n) {
+      const r = v(t), j = b(t.startDate, r, { locale: o }), I = b(t.endDate, r, { locale: o });
+      return `${j} - ${I}`.replace(/\./g, "");
+    }
+    return i ? b(i, "dd MMMM", { locale: o }) : S(d);
+  }, H = () => {
+    s ? k(Y(u(e))) : m ? f(q(i)) : n ? a({
+      startDate: c(t.startDate),
+      endDate: c(t.endDate)
+    }) : f(c(i));
+  }, U = () => {
+    s ? k(C(u(e), 1)) : m ? f(J(i, 1)) : n ? a({
+      startDate: D(t.startDate, 1),
+      endDate: D(t.endDate, 1)
+    }) : f(D(i, 1));
+  }, M = u(/* @__PURE__ */ new Date()), $ = B || P && (O(e, M) || G(e, M));
+  return /* @__PURE__ */ L(W, { justify: "space-between", align: "center", mb: Z.Small, children: [
+    /* @__PURE__ */ p(
+      l,
+      {
+        icon: w.Back,
+        "aria-label": "Back",
+        variant: "ghost",
+        onClick: H,
+        isDisabled: $
+      }
+    ),
+    /* @__PURE__ */ p(z, { fontWeight: "500", fontFamily: E.SubHeader, fontSize: _.Large, children: y() }),
+    /* @__PURE__ */ p(
+      l,
+      {
+        icon: w.Forward,
+        "aria-label": "Forward",
+        variant: "ghost",
+        onClick: U,
+        isDisabled: T
+      }
+    )
+  ] });
+};
+export {
+  Fr as DatePickerHeader
+};

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

@@ -0,0 +1,12 @@
+type Variant = "normal" | "selectedDay" | "currentDay" | "redDay" | "outSideMonth";
+type DatePickerWeekCellProps = {
+    gridIndex: number;
+    variant: Variant;
+    date: Date;
+    handleWeekChange: (date: Date) => void;
+    selectWeek: boolean;
+    isDisabled: boolean;
+};
+export declare const DatePickerWeekCell: ({ gridIndex, handleWeekChange, variant, date, selectWeek, isDisabled, }: DatePickerWeekCellProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=date-picker-week-cell.d.ts.map

package/dist/components/date-picker/date-picker-week-cell.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-picker-week-cell.d.ts","sourceRoot":"","sources":["../../../lib/components/date-picker/date-picker-week-cell.tsx"],"names":[],"mappings":"AAIA,KAAK,OAAO,GAAG,QAAQ,GAAG,aAAa,GAAG,YAAY,GAAG,QAAQ,GAAG,cAAc,CAAC;AACnF,KAAK,uBAAuB,GAAG;IAC9B,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,OAAO,CAAC;IACjB,IAAI,EAAE,IAAI,CAAC;IACX,gBAAgB,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IACvC,UAAU,EAAE,OAAO,CAAC;IACpB,UAAU,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAAI,yEAOhC,uBAAuB,4CA6BzB,CAAC"}

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

@@ -0,0 +1,39 @@
+import { jsx as r, Fragment as b } from "react/jsx-runtime";
+import { useStyleConfig as f, Button as g } from "@chakra-ui/react";
+import { getISOWeek as t } from "../../node_modules/date-fns/getISOWeek.js";
+import { ThemeSpaceVariable as i, ThemeRadiusVariable as l, ThemeColorVariable as m } from "../../theme/theme-types.js";
+const k = ({
+  gridIndex: s,
+  handleWeekChange: d,
+  variant: e,
+  date: o,
+  selectWeek: n,
+  isDisabled: a
+}) => {
+  const u = f("DateCell", { variant: e }), c = Math.floor(s / 7) + 1;
+  return /* @__PURE__ */ r(b, { children: /* @__PURE__ */ r(
+    g,
+    {
+      sx: {
+        color: e === "selectedDay" ? m.OnAccent : m.OnSurfaceSubdued,
+        marginRight: i.None
+      },
+      borderRightRadius: 0,
+      borderTopLeftRadius: l.Medium,
+      borderBottomLeftRadius: l.Medium,
+      __css: u,
+      type: "button",
+      variant: e,
+      onClick: () => d(o),
+      gridColumn: 1,
+      gridRow: c,
+      "data-testid": `week-number-${t(o)}`,
+      isDisabled: !n || a,
+      ml: i.None,
+      children: t(o)
+    }
+  ) });
+};
+export {
+  k as DatePickerWeekCell
+};

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

@@ -0,0 +1,5 @@
+export declare const BasicDatepicker: () => import("react/jsx-runtime").JSX.Element;
+export declare const BasicDateRangePicker: () => import("react/jsx-runtime").JSX.Element;
+export declare const BasicMinimizedDateRangePicker: () => import("react/jsx-runtime").JSX.Element;
+export declare const BasicWeekNumberDatePicker: () => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=date-picker.composition.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"date-picker.composition.d.ts","sourceRoot":"","sources":["../../../lib/components/date-picker/date-picker.composition.tsx"],"names":[],"mappings":"AAQA,eAAO,MAAM,eAAe,+CA4C3B,CAAC;AAEF,eAAO,MAAM,oBAAoB,+CAoBhC,CAAC;AAEF,eAAO,MAAM,6BAA6B,+CAoBzC,CAAC;AAEF,eAAO,MAAM,yBAAyB,+CA8CrC,CAAC"}

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

@@ -0,0 +1,8 @@
+import { DatePickerProps } from './types.js';
+/**
+ * A datepicker that selects a single date
+ *
+ * @see Docs https://bit.cloud/caspeco/casper-ui-library/components/datepicker
+ */
+export declare const DatePicker: ({ localeString, canSelectPastDates, dots, isExpanded, markSundayRed, onMonthChange, weekNumbers, showDaysOutsideMonth, selectedMonth, onDateChange, selectedDate, shouldDisableDate, strikeThroughDates, isDisabled, redDays, disablePastMonths, disableBackwardNavigation, disableForwardNavigation, }: DatePickerProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=date-picker.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"date-picker.d.ts","sourceRoot":"","sources":["../../../lib/components/date-picker/date-picker.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE/C;;;;GAIG;AAEH,eAAO,MAAM,UAAU,GAAI,ySAmBxB,eAAe,4CA2BjB,CAAC"}

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

@@ -0,0 +1,51 @@
+import { jsx as v } from "react/jsx-runtime";
+import { BaseDatePicker as x } from "./base-date-picker.js";
+const j = ({
+  localeString: e,
+  canSelectPastDates: a,
+  dots: t,
+  isExpanded: o,
+  markSundayRed: r,
+  onMonthChange: i,
+  weekNumbers: n,
+  showDaysOutsideMonth: s,
+  selectedMonth: c,
+  onDateChange: f,
+  selectedDate: g,
+  shouldDisableDate: m,
+  strikeThroughDates: d,
+  isDisabled: k,
+  redDays: l,
+  disablePastMonths: p,
+  disableBackwardNavigation: D,
+  disableForwardNavigation: R
+}) => /* @__PURE__ */ v(
+  x,
+  {
+    localeString: e,
+    canSelectPastDates: a,
+    dots: t,
+    isExpanded: o,
+    markSundayRed: r,
+    onMonthChange: i,
+    weekNumbers: n,
+    showDaysOutsideMonth: s,
+    selectedMonth: c,
+    onDateChange: f,
+    selectedDate: g,
+    shouldDisableDate: m,
+    strikeThroughDates: d,
+    redDays: l,
+    isRangeDate: !1,
+    selectWeek: !1,
+    isDisabled: k,
+    dateRange: void 0,
+    onRangeChange: void 0,
+    disablePastMonths: p,
+    disableBackwardNavigation: D,
+    disableForwardNavigation: R
+  }
+);
+export {
+  j as DatePicker
+};

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

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

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

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

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

@@ -0,0 +1,8 @@
+import { DateRangePickerProps } from './types.js';
+/**
+ * A datepicker that selects a range of dates
+ *
+ * @see Docs https://bit.cloud/caspeco/casper-ui-library/components/datepicker
+ */
+export declare const DateRangePicker: ({ localeString, canSelectPastDates, dateRange, dots, isExpanded, markSundayRed, onMonthChange, onRangeChange, weekNumbers, showDaysOutsideMonth, selectedMonth, isDisabled, redDays, }: DateRangePickerProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=date-range-picker.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"date-range-picker.d.ts","sourceRoot":"","sources":["../../../lib/components/date-picker/date-range-picker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAGpD;;;;GAIG;AAEH,eAAO,MAAM,eAAe,GAAI,wLAc7B,oBAAoB,4CAwBtB,CAAC"}

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

@@ -0,0 +1,43 @@
+import { jsx as h } from "react/jsx-runtime";
+import { BaseDatePicker as k } from "./base-date-picker.js";
+const v = ({
+  localeString: e,
+  canSelectPastDates: t,
+  dateRange: a,
+  dots: o,
+  isExpanded: r,
+  markSundayRed: i,
+  onMonthChange: s,
+  onRangeChange: D,
+  weekNumbers: d,
+  showDaysOutsideMonth: n,
+  selectedMonth: c,
+  isDisabled: l,
+  redDays: g
+}) => /* @__PURE__ */ h(
+  k,
+  {
+    isRangeDate: !0,
+    localeString: e,
+    canSelectPastDates: t,
+    dateRange: a,
+    dots: o,
+    isExpanded: r,
+    markSundayRed: i,
+    onMonthChange: s,
+    onRangeChange: D,
+    weekNumbers: d,
+    showDaysOutsideMonth: n,
+    selectWeek: !1,
+    selectedMonth: c,
+    isDisabled: l,
+    redDays: g,
+    onDateChange: void 0,
+    selectedDate: void 0,
+    shouldDisableDate: void 0,
+    strikeThroughDates: void 0
+  }
+);
+export {
+  v as DateRangePicker
+};

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

@@ -0,0 +1,8 @@
+import { DateWeekPickerProps } from './types.js';
+/**
+ * A datepicker that selects a week
+ *
+ * @see Docs https://bit.cloud/caspeco/casper-ui-library/components/datepicker
+ */
+export declare const DateWeekPicker: ({ localeString, canSelectPastDates, dots, isExpanded, markSundayRed, onMonthChange, selectedMonth, onDateChange, selectedDate, isDisabled, redDays, }: DateWeekPickerProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=date-week-picker.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"date-week-picker.d.ts","sourceRoot":"","sources":["../../../lib/components/date-picker/date-week-picker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAGnD;;;;GAIG;AAEH,eAAO,MAAM,cAAc,GAAI,uJAY5B,mBAAmB,4CAwBrB,CAAC"}

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

@@ -0,0 +1,41 @@
+import { jsx as h } from "react/jsx-runtime";
+import { BaseDatePicker as k } from "./base-date-picker.js";
+const c = ({
+  localeString: e,
+  canSelectPastDates: t,
+  dots: o,
+  isExpanded: r,
+  markSundayRed: a,
+  onMonthChange: s,
+  selectedMonth: i,
+  onDateChange: n,
+  selectedDate: u,
+  isDisabled: d,
+  redDays: D
+}) => /* @__PURE__ */ h(
+  k,
+  {
+    selectWeek: !0,
+    onDateChange: n,
+    selectedDate: u,
+    localeString: e,
+    canSelectPastDates: t,
+    dots: o,
+    isExpanded: r,
+    markSundayRed: a,
+    onMonthChange: s,
+    weekNumbers: !0,
+    showDaysOutsideMonth: !0,
+    selectedMonth: i,
+    isRangeDate: !1,
+    isDisabled: d,
+    redDays: D,
+    dateRange: void 0,
+    onRangeChange: void 0,
+    shouldDisableDate: void 0,
+    strikeThroughDates: void 0
+  }
+);
+export {
+  c as DateWeekPicker
+};

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

@@ -0,0 +1,7 @@
+export declare const isDateStrikeThrough: (date: Date, strikeThroughDates?: Date[]) => boolean | undefined;
+export declare const hasDotOnDate: (date: Date, dotOnDates?: Date[]) => boolean;
+export declare function hasDatePassed(date: Date): boolean;
+export declare const firstLetterUpperCase: (string: string) => string;
+export declare const getDateCellVariant: (isSelectedDay: boolean, isCurrentDay: boolean, isOutSideMonth?: boolean, isBetweenRange?: boolean, isStartDate?: boolean, isEndDate?: boolean, hasEndDate?: boolean) => "normal" | "selectedDay" | "currentDay" | "outSideMonth" | "isSelectedRangeDay" | "startDateRange" | "endDateRange";
+export declare const getWeekCellVariant: (isSelectedWeek: boolean, isCurrentDay: boolean) => "normal" | "selectedDay" | "currentDay";
+//# sourceMappingURL=helper.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"helper.d.ts","sourceRoot":"","sources":["../../../lib/components/date-picker/helper.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,mBAAmB,GAAI,MAAM,IAAI,EAAE,qBAAqB,IAAI,EAAE,wBAGxE,CAAC;AAEJ,eAAO,MAAM,YAAY,GAAI,MAAM,IAAI,EAAE,aAAa,IAAI,EAAE,YAG3D,CAAC;AAEF,wBAAgB,aAAa,CAAC,IAAI,EAAE,IAAI,WAIvC;AAED,eAAO,MAAM,oBAAoB,GAAI,QAAQ,MAAM,WACM,CAAC;AAE1D,eAAO,MAAM,kBAAkB,GAC7B,eAAe,OAAO,EACtB,cAAc,OAAO,EACrB,iBAAiB,OAAO,EACxB,iBAAiB,OAAO,EACxB,cAAc,OAAO,EACrB,YAAY,OAAO,EACnB,aAAa,OAAO,wHAyBrB,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAC7B,gBAAgB,OAAO,EACvB,cAAc,OAAO,4CAStB,CAAC"}

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

@@ -0,0 +1,19 @@
+import { isSameDay as n } from "../../node_modules/date-fns/isSameDay.js";
+import { endOfDay as s } from "../../node_modules/date-fns/endOfDay.js";
+import { isPast as c } from "../../node_modules/date-fns/isPast.js";
+const m = (t, e) => e == null ? void 0 : e.some(
+  (r) => n(new Date(r), t)
+), y = (t, e) => !e || e.length === 0 ? !1 : e.some((r) => n(new Date(r), t));
+function p(t) {
+  const e = s(t);
+  return c(e);
+}
+const d = (t) => `${t.slice(0, 1).toUpperCase()}${t.slice(1)}`, C = (t, e, r, a, i, f, o) => i ? o ? "startDateRange" : "selectedDay" : f ? "endDateRange" : t ? "selectedDay" : a ? "isSelectedRangeDay" : e ? "currentDay" : r ? "outSideMonth" : "normal", S = (t, e) => t ? "selectedDay" : e ? "currentDay" : "normal";
+export {
+  d as firstLetterUpperCase,
+  C as getDateCellVariant,
+  S as getWeekCellVariant,
+  p as hasDatePassed,
+  y as hasDotOnDate,
+  m as isDateStrikeThrough
+};

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

@@ -0,0 +1,8 @@
+export { DatePicker } from './date-picker.js';
+export type { DatePickerProps } from './types.js';
+export { DateRangePicker } from './date-range-picker.js';
+export type { DateRangePickerProps } from './types.js';
+export { DateWeekPicker } from './date-week-picker.js';
+export type { DateWeekPickerProps } from './types.js';
+export type { DatePickerPropsBase, DateRange } from './types.js';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/components/date-picker/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,YAAY,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAC/C,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACtD,YAAY,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AACpD,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACpD,YAAY,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAEnD,YAAY,EAAE,mBAAmB,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC"}

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

@@ -0,0 +1,140 @@
+export type DateRange = {
+    startDate: Date | null;
+    endDate: Date | null;
+};
+export type DatePickerPropsBase = {
+    /**
+     * A callback function called when the user changes the month.
+     * @type {(month: Date) => void}
+     */
+    onMonthChange?: (month: Date) => void;
+    /**
+     * Optional. When set to true, all Sundays will be marked as red.
+     * @type {boolean}
+     */
+    markSundayRed?: boolean;
+    /**
+     * Optional. An array of upcoming dates to be struck through (disabled) in the date picker.
+     * These dates will be disabled and the user won't be able to select them.
+     * @type {Date[]}
+     */
+    strikeThroughDates?: Date[];
+    /**
+     * The locale used by the date picker.
+     * This will set the language of the weekdays and months displayed in the date picker.
+     * @type {string}
+     */
+    localeString: string;
+    /**
+     * This boolean determines if the date picker will be able to select a past date.
+     * Default value should be false.
+     * @type {boolean}
+     */
+    canSelectPastDates?: boolean;
+    /**
+     * This bool will determine if the datepicker should be expanded or collapsed.
+     * @type {boolean}
+     */
+    isExpanded?: boolean;
+    /**
+     * This will add a dot under the datecell.
+     * Date[],
+     * @type {{Date[]}}
+     *
+     */
+    dots?: {
+        yellowDotDates?: Date[];
+        greenDotDates?: Date[];
+        blueDotDates?: Date[];
+        redDotDates?: Date[];
+        greyDotDates?: Date[];
+    };
+    /**
+     * This will show week number,
+     * Default value should be false.
+     * @type {boolean}
+     *
+     */
+    weekNumbers?: boolean;
+    /**
+     * Determines if selecting a date should also select the entire week.
+     *
+     * When set to `true`, choosing a date within the datepicker will result
+     * in the entire week (row) being selected. If set to `false` or left
+     * undefined, only the individual date will be selected.
+     *
+     * @type {boolean}
+     * @default false
+     */
+    selectWeek?: boolean;
+    /**
+     * This will show days outside the selected month,
+     * default value is false.
+     * Since we only should render days outside the selected month, if that is required in the design or use of the datepicker.
+     * We are not using the weekNumber then we should not render the days outside month.
+     * @type {boolean}
+     *
+     */
+    showDaysOutsideMonth?: boolean;
+    /**
+     * The currently selected date.
+     * @type {Date}
+     */
+    selectedDate?: Date;
+    /**
+     * A callback function called when the user changes the date.
+     * @type {(date: Date) => void}
+     */
+    onDateChange?: (date: Date) => void;
+    /**
+     * Prop `shouldDisableDate` is a function that determines if specific dates in the DatePicker should be disabled.
+     * Dates for which this function returns true will be unselectable; if it returns false, they remain selectable.
+     *
+     * @type {(date: Date) => boolean}
+     */
+    shouldDisableDate?: (date: Date) => boolean;
+    /**
+     * The initially selected month.
+     * @type {Date}
+     */
+    selectedMonth?: Date;
+    dateRange?: DateRange;
+    isRangeDate?: boolean;
+    onRangeChange?: (dateRange: DateRange) => void;
+    /**
+     * Disables the Datepicker.
+     *
+     * @type {boolean}
+     */
+    isDisabled?: boolean;
+    /**
+     * Array of dates that will be highlighted in the date picker that are marked red.
+     *
+     * @type {Date[]}
+     */
+    redDays?: Date[];
+    /**
+     * If true, the user can't navigate past the current month.
+     *
+     * @type {boolean}
+     */
+    disablePastMonths?: boolean;
+    /**
+     * If true, the left chevron (backward navigation) will be disabled,
+     * preventing the user from navigating to previous months.
+     *
+     * @type {boolean}
+     */
+    disableBackwardNavigation?: boolean;
+    /**
+     * If true, the right chevron (forward navigation) will be disabled,
+     * preventing the user from navigating to future months.
+     *
+     * @type {boolean}
+     */
+    disableForwardNavigation?: boolean;
+};
+export type DatePickerProps = Pick<DatePickerPropsBase, "localeString" | "canSelectPastDates" | "dots" | "isExpanded" | "markSundayRed" | "onDateChange" | "onMonthChange" | "selectedDate" | "selectedMonth" | "shouldDisableDate" | "showDaysOutsideMonth" | "strikeThroughDates" | "weekNumbers" | "isDisabled" | "redDays" | "disablePastMonths" | "disableBackwardNavigation" | "disableForwardNavigation">;
+export type DateRangePickerProps = Pick<DatePickerPropsBase, "localeString" | "canSelectPastDates" | "dateRange" | "dots" | "isExpanded" | "markSundayRed" | "onMonthChange" | "onRangeChange" | "weekNumbers" | "showDaysOutsideMonth" | "selectedMonth" | "isDisabled" | "redDays">;
+export type DateWeekPickerProps = Pick<DatePickerPropsBase, "canSelectPastDates" | "localeString" | "dots" | "isExpanded" | "markSundayRed" | "onDateChange" | "selectedDate" | "onMonthChange" | "selectedMonth" | "isDisabled" | "redDays">;
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../lib/components/date-picker/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,SAAS,GAAG;IACvB,SAAS,EAAE,IAAI,GAAG,IAAI,CAAC;IACvB,OAAO,EAAE,IAAI,GAAG,IAAI,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG;IACjC;;;OAGG;IACH,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,KAAK,IAAI,CAAC;IACtC;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;;;OAIG;IACH,kBAAkB,CAAC,EAAE,IAAI,EAAE,CAAC;IAE5B;;;;OAIG;IACH,YAAY,EAAE,MAAM,CAAC;IAErB;;;;OAIG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAE7B;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;;;;OAKG;IAEH,IAAI,CAAC,EAAE;QACN,cAAc,CAAC,EAAE,IAAI,EAAE,CAAC;QACxB,aAAa,CAAC,EAAE,IAAI,EAAE,CAAC;QACvB,YAAY,CAAC,EAAE,IAAI,EAAE,CAAC;QACtB,WAAW,CAAC,EAAE,IAAI,EAAE,CAAC;QACrB,YAAY,CAAC,EAAE,IAAI,EAAE,CAAC;KACtB,CAAC;IAEF;;;;;OAKG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB;;;;;;;;;OASG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;;;;;;OAOG;IACH,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAE/B;;;OAGG;IACH,YAAY,CAAC,EAAE,IAAI,CAAC;IACpB;;;OAGG;IACH,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IACpC;;;;;OAKG;IACH,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO,CAAC;IAC5C;;;OAGG;IACH,aAAa,CAAC,EAAE,IAAI,CAAC;IAErB,SAAS,CAAC,EAAE,SAAS,CAAC;IAEtB,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB,aAAa,CAAC,EAAE,CAAC,SAAS,EAAE,SAAS,KAAK,IAAI,CAAC;IAE/C;;;;OAIG;IAEH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;;OAIG;IACH,OAAO,CAAC,EAAE,IAAI,EAAE,CAAC;IACjB;;;;OAIG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B;;;;;OAKG;IACH,yBAAyB,CAAC,EAAE,OAAO,CAAC;IAEpC;;;;;OAKG;IACH,wBAAwB,CAAC,EAAE,OAAO,CAAC;CACnC,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG,IAAI,CACjC,mBAAmB,EACjB,cAAc,GACd,oBAAoB,GACpB,MAAM,GACN,YAAY,GACZ,eAAe,GACf,cAAc,GACd,eAAe,GACf,cAAc,GACd,eAAe,GACf,mBAAmB,GACnB,sBAAsB,GACtB,oBAAoB,GACpB,aAAa,GACb,YAAY,GACZ,SAAS,GACT,mBAAmB,GACnB,2BAA2B,GAC3B,0BAA0B,CAC5B,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG,IAAI,CACtC,mBAAmB,EACjB,cAAc,GACd,oBAAoB,GACpB,WAAW,GACX,MAAM,GACN,YAAY,GACZ,eAAe,GACf,eAAe,GACf,eAAe,GACf,aAAa,GACb,sBAAsB,GACtB,eAAe,GACf,YAAY,GACZ,SAAS,CACX,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG,IAAI,CACrC,mBAAmB,EACjB,oBAAoB,GACpB,cAAc,GACd,MAAM,GACN,YAAY,GACZ,eAAe,GACf,cAAc,GACd,cAAc,GACd,eAAe,GACf,eAAe,GACf,YAAY,GACZ,SAAS,CACX,CAAC"}

package/dist/components/divider/divider.composition.d.ts

@@ -0,0 +1,3 @@
+export declare const HorizontalDivider: () => import("react/jsx-runtime").JSX.Element;
+export declare const VerticalDivider: () => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=divider.composition.d.ts.map

package/dist/components/divider/divider.composition.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"divider.composition.d.ts","sourceRoot":"","sources":["../../../lib/components/divider/divider.composition.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,iBAAiB,+CAI7B,CAAC;AACF,eAAO,MAAM,eAAe,+CAI3B,CAAC"}

package/dist/components/divider/divider.d.ts

@@ -0,0 +1,11 @@
+import { ThemeStyleProps } from '../../theme/index.js';
+import { DividerProps as ChakraDividerProps } from '@chakra-ui/react';
+export type DividerProps = Pick<ChakraDividerProps, "orientation"> & ThemeStyleProps;
+/**
+ * Layout component used to visually separate content in a list or group.
+ * It displays a thin horizontal or vertical line, and renders a hr tag.
+ *
+ * @see Docs https://bit.cloud/caspeco/casper-ui-library/components/divider
+ */
+export declare function Divider({ borderColor, orientation, ...props }: DividerProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=divider.d.ts.map

package/dist/components/divider/divider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"divider.d.ts","sourceRoot":"","sources":["../../../lib/components/divider/divider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAsB,KAAK,eAAe,EAAE,MAAM,SAAS,CAAC;AACnE,OAAO,EAA4B,KAAK,YAAY,IAAI,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAErG,MAAM,MAAM,YAAY,GAAG,IAAI,CAAC,kBAAkB,EAAE,aAAa,CAAC,GAAG,eAAe,CAAC;AAErF;;;;;GAKG;AACH,wBAAgB,OAAO,CAAC,EACvB,WAAmD,EACnD,WAA0B,EAC1B,GAAG,KAAK,EACR,EAAE,YAAY,2CAEd"}

package/dist/components/divider/divider.js

@@ -0,0 +1,13 @@
+import { jsx as e } from "react/jsx-runtime";
+import { Divider as m } from "@chakra-ui/react";
+import { ThemeColorVariable as t } from "../../theme/theme-types.js";
+function f({
+  borderColor: r = t.OnBackgroundBorder,
+  orientation: o = "horizontal",
+  ...i
+}) {
+  return /* @__PURE__ */ e(m, { borderColor: r, orientation: o, ...i });
+}
+export {
+  f as Divider
+};

package/dist/components/divider/divider.spec.d.ts

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

package/dist/components/divider/divider.spec.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"divider.spec.d.ts","sourceRoot":"","sources":["../../../lib/components/divider/divider.spec.tsx"],"names":[],"mappings":""}

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

@@ -0,0 +1,3 @@
+export { Divider } from './divider.js';
+export type { DividerProps } from './divider.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/divider/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/components/divider/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,YAAY,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC"}

package/dist/components/drawer/drawer.composition.d.ts

@@ -0,0 +1,7 @@
+export declare const RightDrawer: () => import("react/jsx-runtime").JSX.Element;
+export declare const LeftDrawer: () => import("react/jsx-runtime").JSX.Element;
+export declare const TopDrawer: () => import("react/jsx-runtime").JSX.Element;
+export declare const BottomDrawer: () => import("react/jsx-runtime").JSX.Element;
+export declare const Sizes: () => import("react/jsx-runtime").JSX.Element;
+export declare const InlineDrawer: () => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=drawer.composition.d.ts.map

package/dist/components/drawer/drawer.composition.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawer.composition.d.ts","sourceRoot":"","sources":["../../../lib/components/drawer/drawer.composition.tsx"],"names":[],"mappings":"AAMA,eAAO,MAAM,WAAW,+CAavB,CAAC;AACF,eAAO,MAAM,UAAU,+CAatB,CAAC;AACF,eAAO,MAAM,SAAS,+CAarB,CAAC;AACF,eAAO,MAAM,YAAY,+CAaxB,CAAC;AAGF,eAAO,MAAM,KAAK,+CAyBjB,CAAC;AAEF,eAAO,MAAM,YAAY,+CAoBxB,CAAC"}

package/dist/components/drawer/drawer.d.ts

@@ -0,0 +1,11 @@
+import { DrawerProps } from './types.js';
+/**
+ * Panel that slides out from the edge of the screen or parent conatiner (when inline).
+ * It can be useful when you need users to complete a task
+ * or view some details without leaving the current page.
+ *
+ * @see Docs https://bit.cloud/caspeco/casper-ui-library/components/drawer
+ * @see Inspiration https://v2.chakra-ui.com/community/recipes/horizontal-collapse
+ */
+export declare function Drawer({ children, isOpen, onClose, isInline, closeOnEsc, closeOnOverlayClick, autoFocus, placement, size, ...props }: DrawerProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=drawer.d.ts.map

package/dist/components/drawer/drawer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawer.d.ts","sourceRoot":"","sources":["../../../lib/components/drawer/drawer.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAG3C;;;;;;;GAOG;AACH,wBAAgB,MAAM,CAAC,EACtB,QAAQ,EACR,MAAM,EACN,OAAO,EACP,QAAgB,EAChB,UAAiB,EACjB,mBAA0B,EAC1B,SAAgB,EAChB,SAAmB,EACnB,IAAW,EACX,GAAG,KAAK,EACR,EAAE,WAAW,2CAwBb"}