@caspeco/casper-ui-library 0.0.1

package/dist/components/combobox/translations.js

@@ -0,0 +1,38 @@
+function o(t, r) {
+  return t.replace(/{(\w+)}/g, (n, a) => String(r[a] ?? ""));
+}
+const e = {
+  search: "Search for an option",
+  noMatchFor: "No match found for",
+  remove: "Remove",
+  showMaxItems: "Showing the first {count} options. Search to narrow down the list.",
+  back: "Back"
+}, s = {
+  "sv-SE": {
+    search: "Sök efter ett alternativ",
+    noMatchFor: "Hittar inget som matchar",
+    remove: "Ta bort",
+    showMaxItems: "Visar första {count} valen. Sök för att begränsa listan",
+    back: "Tillbaka"
+  },
+  "en-US": e,
+  "en-GB": e,
+  "nb-NO": {
+    search: "Søk etter et alternativ",
+    noMatchFor: "Ingen treff for",
+    remove: "Fjern",
+    showMaxItems: "Viser de første {count} valgene. Søk for å begrense listen.",
+    back: "Tilbake"
+  },
+  "da-DK": {
+    search: "Søg efter en mulighed",
+    noMatchFor: "Ingen match for",
+    remove: "Fjern",
+    showMaxItems: "Viser de første {count} valgmuligheder. Søg for at indsnævre listen.",
+    back: "Tilbage"
+  }
+};
+export {
+  o as interpolate,
+  s as translations
+};

package/dist/components/combobox/types.d.ts

@@ -0,0 +1,194 @@
+import { ResponsiveValue } from '@chakra-ui/react';
+import { Placement } from '@floating-ui/dom';
+import { LayoutProps, MarginProps } from '../../theme/index.js';
+import { RefObject } from 'react';
+export type { Placement };
+export type ComboboxTagVariant = "info" | "success" | "warning" | "error" | "neutral" | "primary" | "secondary";
+export type Locales = "en-US" | "nb-NO" | "da-DK" | "sv-SE" | "en-GB";
+export type ComboboxItem = {
+    /**
+     * Unique id of the item. Required for search to work as expected.
+     */
+    id: string;
+    /**
+     * The searchable text label of the item.
+     */
+    label: string;
+    /**
+     * Optional value of the item.
+     */
+    value?: string | number | boolean | any;
+    /**
+     * Optional element to prepend to the item.
+     */
+    prepend?: JSX.Element | null;
+    /**
+     * Optional tag dot to display in front of the item label.
+     * Will be colored according to the variant.
+     */
+    dot?: boolean;
+    /**
+     * Used to display the item with a different color scheme.
+     */
+    variant?: ComboboxTagVariant;
+    /**
+     * Used to add a folder structure to the items.
+     */
+    children?: ComboboxItem[];
+    /**
+     * Used to make a parent selectable
+     */
+    isSelectableParent?: boolean;
+};
+export type SubMenuState = {
+    back: () => void;
+    open: (item: ComboboxItem) => void;
+    opened: ComboboxItem[];
+    current: ComboboxItem[];
+};
+export type OpenState = {
+    isOpen: boolean;
+    close: () => void;
+    open: () => void;
+};
+export type HighlightState = {
+    index: number;
+    set: (index: number) => void;
+    next: () => void;
+    previous: () => void;
+};
+export type Translation = {
+    search: string;
+    noMatchFor: string;
+    remove: string;
+    showMaxItems: string;
+    back: string;
+};
+export type ComboboxInnerProps = {
+    id: string;
+    asPlainText: boolean;
+    inputValue: string;
+    selectedItems: ComboboxItem[];
+    displayItems: ComboboxItem[];
+    toggleItem: (item: ComboboxItem) => void;
+    highlightState: HighlightState;
+    openState: OpenState;
+    parentStrings: Record<string, string[]>;
+    size: ResponsiveValue<(string & {}) | "xs" | "s" | "m" | "l" | "xl">;
+    variant: "outline" | "ghost";
+    label?: string;
+    placeHolderText?: string;
+    isDisabled?: boolean;
+    isReadOnly?: boolean;
+    isInvalid?: boolean;
+    collapsed: boolean;
+    setInputValue: (value: string) => void;
+    onSearch?: (searchValue: string) => void;
+    isSingleSelect: boolean;
+    isSearching: boolean;
+    isHidingItems?: boolean;
+    popoverWidth?: number;
+    popoverPlacement?: Placement;
+    previousSelectedItems: ComboboxItem[];
+    parentRef: RefObject<HTMLLabelElement>;
+    popupRef: RefObject<HTMLDivElement>;
+    footerContent?: JSX.Element;
+    subMenuState: SubMenuState;
+    translation: Translation;
+};
+export type ComboboxProps = MarginProps & LayoutProps & {
+    /**
+     * Unique id required for accessibility. Used to connect the input to the listbox.
+     */
+    id: string;
+    label?: string;
+    /**
+     * Items to display in the combobox.
+     */
+    items: ComboboxItem[];
+    /**
+     * Locale used for translation of text contents native to the combobox, such as text for no search results.
+     * Defaults to 'en-US'.
+     */
+    locale?: Locales;
+    /**
+     * Maximum number of items to render initially before requiring a search.
+     * If the number of items exceeds this value, users must search to narrow down the list.
+     * If undefined, all items are shown.
+     */
+    maxVisibleItems?: number;
+    /**
+     * Selected items.
+     */
+    selectedItems?: ComboboxItem[];
+    /**
+     * Custom input placeholder text.
+     */
+    placeholder?: string;
+    /**
+     * Makes the combobox input disabled.
+     */
+    isDisabled?: boolean;
+    /**
+     * Makes the combobox input read-only.
+     */
+    isReadOnly?: boolean;
+    /**
+     * Makes the combobox input invalid.
+     */
+    isInvalid?: boolean;
+    /**
+     * Makes the combobox input required.
+     */
+    isRequired?: boolean;
+    /**
+     * Callback function that is called when the selected items change.
+     */
+    onChange?: (selectedItems: ComboboxItem[]) => void;
+    /**
+     * Callback function that is called when the search value changes.
+     */
+    onSearch?: (searchValue: string) => void;
+    /**
+     * Callback function that is called when the combobox loses focus and the list closes.
+     */
+    onBlur?: (selectedItems: ComboboxItem[]) => void;
+    /**
+     * Size for the input field of combobox. Defaults to medium ('m').
+     */
+    size?: ResponsiveValue<(string & {}) | "xs" | "s" | "m" | "l" | "xl"> | undefined;
+    /**
+     * Appearance variant for field. Defaults to 'outline' variant.
+     */
+    variant?: "outline" | "ghost";
+    /**
+     * Content to be displayed in a "footer"-slot of the combobox.
+     */
+    footerContent?: JSX.Element;
+    /**
+     * Width of the popover. Defaults to match the width of the input field.
+     */
+    popoverWidth?: number;
+    /**
+     * The placement of the popper relative to its reference.
+     * Even though placement is specified, Popover will try to reposition itself
+     * in the event that available space at the specified placement is not enough.
+     * @default "bottom-start"
+     */
+    popoverPlacement?: Placement;
+    collapsed?: boolean;
+} & ({
+    /**
+     * When true only one item can be selected at a time. Defaults to false (meaning multiselect is by default true).
+     */
+    isSingleSelect: true;
+    /**
+     * Display the items as plain label text without any styling or tag wrapper
+     * When set to true, other item appearance options (`dot`, `variant`, `prepend`) will be ignored.
+     */
+    asPlainText?: boolean;
+} | {
+    asPlainText?: false;
+    isSingleSelect?: undefined | false;
+});
+//# sourceMappingURL=types.d.ts.map

package/dist/components/combobox/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../lib/components/combobox/types.ts"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,3 @@
+import { DatePickerPropsBase } from './types.js';
+export declare function BaseDatePicker({ selectedDate, onDateChange, onMonthChange, markSundayRed, strikeThroughDates, showDaysOutsideMonth, localeString, canSelectPastDates, isExpanded, dots, weekNumbers, selectWeek, shouldDisableDate, selectedMonth: initialMonth, dateRange, isRangeDate, onRangeChange, isDisabled, redDays, disablePastMonths, disableBackwardNavigation, disableForwardNavigation, }: DatePickerPropsBase): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=base-date-picker.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"base-date-picker.d.ts","sourceRoot":"","sources":["../../../lib/components/date-picker/base-date-picker.tsx"],"names":[],"mappings":"AA0BA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAoBnD,wBAAgB,cAAc,CAAC,EAC9B,YAAY,EACZ,YAAY,EACZ,aAAa,EACb,aAAa,EACb,kBAAkB,EAClB,oBAA4B,EAC5B,YAAY,EACZ,kBAAkB,EAClB,UAAiB,EACjB,IAAI,EACJ,WAAmB,EACnB,UAAkB,EAClB,iBAAiB,EACjB,aAAa,EAAE,YAAY,EAC3B,SAAS,EACT,WAAmB,EACnB,aAAa,EACb,UAAkB,EAClB,OAAY,EACZ,iBAAyB,EACzB,yBAAiC,EACjC,wBAAgC,GAChC,EAAE,mBAAmB,2CAkSrB"}

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

@@ -0,0 +1,244 @@
+import { jsxs as B, jsx as n, Fragment as Tr } from "react/jsx-runtime";
+import Lr, { useState as X, useEffect as Er, useCallback as Pr } from "react";
+import { GridItem as Z, Box as _r, Grid as N } from "@chakra-ui/react";
+import { DatePickerDateCell as d } from "./date-picker-date-cell.js";
+import { DatePickerHeader as zr } from "./date-picker-header.js";
+import { DatePickerWeekCell as Ar } from "./date-picker-week-cell.js";
+import { hasDotOnDate as h, isDateStrikeThrough as Hr, getWeekCellVariant as Ur, getDateCellVariant as g, firstLetterUpperCase as jr, hasDatePassed as Kr } from "./helper.js";
+import { lv as Yr } from "../../node_modules/date-fns/locale/lv.js";
+import { lt as qr } from "../../node_modules/date-fns/locale/lt.js";
+import { et as Jr } from "../../node_modules/date-fns/locale/et.js";
+import { es as Qr } from "../../node_modules/date-fns/locale/es.js";
+import { fi as Xr } from "../../node_modules/date-fns/locale/fi.js";
+import { nl as Zr } from "../../node_modules/date-fns/locale/nl.js";
+import { endOfMonth as R } from "../../node_modules/date-fns/endOfMonth.js";
+import { startOfWeek as Nr } from "../../node_modules/date-fns/startOfWeek.js";
+import { sv as dr } from "../../node_modules/date-fns/locale/sv.js";
+import { da as gr } from "../../node_modules/date-fns/locale/da.js";
+import { nb as Rr } from "../../node_modules/date-fns/locale/nb.js";
+import { enGB as rt } from "../../node_modules/date-fns/locale/en-GB.js";
+import { enUS as tt } from "../../node_modules/date-fns/locale/en-US.js";
+import { formatDate as rr } from "../../node_modules/date-fns/format.js";
+import { startOfMonth as V } from "../../node_modules/date-fns/startOfMonth.js";
+import { addDays as tr } from "../../node_modules/date-fns/addDays.js";
+import { isSameMonth as or } from "../../node_modules/date-fns/isSameMonth.js";
+import { isSameDay as c } from "../../node_modules/date-fns/isSameDay.js";
+import { getISOWeek as lr } from "../../node_modules/date-fns/getISOWeek.js";
+import { ThemeColorVariable as er, ThemeSpaceVariable as ir, ThemeFontSizeVariable as ot, ThemeFontVariable as lt } from "../../theme/theme-types.js";
+const et = {
+  "en-US": { locale: tt },
+  "en-GB": { locale: rt },
+  "nb-NO": { locale: Rr },
+  "da-DK": { locale: gr },
+  "sv-SE": { locale: dr },
+  "nl-NL": { locale: Zr },
+  "fi-FI": { locale: Xr },
+  "es-ES": { locale: Qr },
+  "et-EE": { locale: Jr },
+  "lt-LT": { locale: qr },
+  "lv-LV": { locale: Yr }
+};
+function Lt({
+  selectedDate: f,
+  onDateChange: C,
+  onMonthChange: W,
+  markSundayRed: fr,
+  strikeThroughDates: sr,
+  showDaysOutsideMonth: nr = !1,
+  localeString: ar,
+  canSelectPastDates: cr,
+  isExpanded: M = !0,
+  dots: e,
+  weekNumbers: i = !1,
+  selectWeek: m = !1,
+  shouldDisableDate: $,
+  selectedMonth: b,
+  dateRange: r,
+  isRangeDate: F = !1,
+  onRangeChange: a,
+  isDisabled: mr = !1,
+  redDays: Dr = [],
+  disablePastMonths: hr = !1,
+  disableBackwardNavigation: pr = !1,
+  disableForwardNavigation: ur = !1
+}) {
+  var P;
+  const [s, G] = X(b || f || /* @__PURE__ */ new Date()), [T, O] = X(!0), { locale: D } = et[ar];
+  Er(() => {
+    f && G(b || f || /* @__PURE__ */ new Date());
+  }, [M]);
+  const yr = (o) => {
+    G(o), W && W(o);
+  }, L = (o) => {
+    if (T)
+      a && a({ startDate: o, endDate: null }), O(!1);
+    else if (r != null && r.startDate && r.startDate > o)
+      a && a({ startDate: o, endDate: null }), O(!1);
+    else {
+      if (r != null && r.startDate && c(o, r.startDate))
+        return;
+      if (r != null && r.startDate && a) {
+        const l = { startDate: r.startDate, endDate: o };
+        a(l);
+      }
+      O(!0);
+    }
+  }, p = Pr(
+    (o) => {
+      F ? L(o) : C && C(o);
+    },
+    [C, F, T, L]
+  );
+  function Sr() {
+    const o = Nr(/* @__PURE__ */ new Date(), { locale: D });
+    return Array.from({ length: 7 }, (l, t) => rr(tr(o, t), "eee", { locale: D }));
+  }
+  const Cr = rr(V(s), "MMMM yyyy", {
+    locale: D
+  }), Mr = R(s).getDate(), Or = [i ? "v." : void 0, ...Sr()], kr = ((P = D.options) == null ? void 0 : P.weekStartsOn) || 0, E = (V(s).getDay() - kr + 7) % 7, Ir = (7 - R(s).getDay()) % 7, vr = ["auto", "auto", "100%"], wr = ["auto", "auto", "100%"], xr = (o) => !cr && Kr(o) ? !0 : $ ? $(o) : !1, Br = Array.from({ length: Mr + E + Ir }, (o, l) => {
+    const t = tr(V(s), l - E), Vr = or(t, s), k = c(t, /* @__PURE__ */ new Date()), u = xr(t) || mr, _ = h(t, e == null ? void 0 : e.yellowDotDates), z = h(t, e == null ? void 0 : e.greenDotDates), A = h(t, e == null ? void 0 : e.blueDotDates), H = h(t, e == null ? void 0 : e.redDotDates), U = h(t, e == null ? void 0 : e.greyDotDates), j = Hr(t, sr) && !u;
+    let I = !1;
+    f && (I = c(t, f));
+    const Wr = t.getDay() === 0, K = Dr.some((Gr) => c(Gr, t)) || (fr ?? !1) && Wr, v = lr(t);
+    let y = !1;
+    m && f && (y = lr(f) === v);
+    const Y = !or(t, s), q = !!(r != null && r.startDate && (r != null && r.endDate) && t > r.startDate && t < r.endDate);
+    let w = !1;
+    r != null && r.startDate && (w = c(t, r == null ? void 0 : r.startDate));
+    let x = !1, J = !1;
+    r != null && r.endDate && (x = c(t, r == null ? void 0 : r.endDate), J = !0);
+    const $r = g(
+      I || y,
+      k,
+      Y,
+      q,
+      w,
+      x,
+      J
+    ), br = Ur(y, k), Fr = g(
+      I || y,
+      k,
+      Y,
+      q,
+      w,
+      x
+    ), Q = Math.floor(l / 7) + 1, S = l % 7 + 1;
+    return i ? /* @__PURE__ */ B(Lr.Fragment, { children: [
+      i && l % 7 === 0 && /* @__PURE__ */ n(
+        Z,
+        {
+          gridColumn: 1,
+          gridRow: "1 / span 7",
+          opacity: "0.24",
+          borderRight: "1px solid",
+          borderColor: er.OnSurfaceBorder
+        },
+        `grid-${l}-${t}`
+      ),
+      i && l % 7 === 0 && /* @__PURE__ */ n(
+        Ar,
+        {
+          handleWeekChange: p,
+          date: t,
+          gridIndex: l,
+          variant: br,
+          selectWeek: m,
+          isDisabled: u
+        },
+        `week-${l}-${v}`
+      ),
+      /* @__PURE__ */ n(
+        d,
+        {
+          hasBlueDot: A,
+          hasGreenDot: z,
+          hasYellowDot: _,
+          hasRedDot: H,
+          hasGreyDot: U,
+          gridIndex: l,
+          gridColumn: i ? S + 2 : S,
+          gridRow: Q,
+          day: t,
+          handleDateChange: p,
+          variant: Fr,
+          isDisabled: u,
+          isStrikeThrough: j,
+          selectWeek: m,
+          isHoliday: K
+        },
+        t.toString() + l
+      )
+    ] }, `fragment-${l}-${v}`) : Vr || nr ? /* @__PURE__ */ n(
+      d,
+      {
+        hasBlueDot: A,
+        hasGreenDot: z,
+        hasYellowDot: _,
+        hasRedDot: H,
+        hasGreyDot: U,
+        gridIndex: l,
+        gridColumn: i ? S + 1 : S,
+        gridRow: Q,
+        day: t,
+        handleDateChange: p,
+        variant: $r,
+        isDisabled: u,
+        isStrikeThrough: j,
+        selectWeek: m,
+        isHoliday: K
+      },
+      `${t.toString()}-${l}`
+    ) : null;
+  });
+  return /* @__PURE__ */ B(_r, { w: wr, h: vr, children: [
+    /* @__PURE__ */ n(
+      zr,
+      {
+        selectedDate: f || /* @__PURE__ */ new Date(),
+        onDateChange: p,
+        isExpanded: M,
+        onMonthChange: yr,
+        selectedMonth: s,
+        month: Cr,
+        locale: D,
+        selectWeek: m,
+        disablePastMonths: hr,
+        disableBackwardNavigation: pr,
+        disableForwardNavigation: ur,
+        dateRange: r,
+        onRangeChange: a
+      }
+    ),
+    M && /* @__PURE__ */ B(Tr, { children: [
+      /* @__PURE__ */ n(N, { templateColumns: i ? "48px 1px 1fr 1fr 1fr 1fr 1fr 1fr 1fr" : "repeat(7, 1fr)", children: Or.map((o, l) => {
+        let t;
+        return i && l === 0 ? t = 1 : i ? t = l + 2 : t = l, o ? /* @__PURE__ */ n(
+          Z,
+          {
+            textAlign: "center",
+            fontWeight: "500",
+            fontFamily: lt.Body,
+            fontSize: ot.Small,
+            gridColumn: t,
+            borderRight: i && l === 0 ? `1px solid ${er.OnSurfaceBorder}` : "",
+            pb: ir.Small,
+            children: jr(o).slice(0, 2)
+          },
+          o
+        ) : null;
+      }) }),
+      /* @__PURE__ */ n(
+        N,
+        {
+          templateColumns: i ? "48px 1px 1fr 1fr 1fr 1fr 1fr 1fr 1fr" : "repeat(7, 1fr)",
+          rowGap: ir.Small,
+          flexShrink: 1,
+          children: Br
+        }
+      )
+    ] })
+  ] });
+}
+export {
+  Lt as BaseDatePicker
+};

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

@@ -0,0 +1,21 @@
+type Variant = "normal" | "selectedDay" | "currentDay" | "redDay" | "outSideMonth" | "isSelectedRangeDay" | "startDateRange" | "endDateRange";
+type DatePickerHeaderProps = {
+    gridIndex: number;
+    day: Date;
+    handleDateChange: (day: Date) => void;
+    variant: Variant;
+    isDisabled: boolean;
+    isStrikeThrough?: boolean;
+    hasBlueDot: boolean;
+    hasYellowDot: boolean;
+    hasGreenDot: boolean;
+    hasGreyDot: boolean;
+    hasRedDot: boolean;
+    gridColumn: number;
+    gridRow: number;
+    selectWeek: boolean;
+    isHoliday: boolean;
+};
+export declare const DatePickerDateCell: ({ gridColumn, gridRow, gridIndex, day, handleDateChange, variant, isDisabled, isStrikeThrough, hasBlueDot, hasYellowDot, hasGreenDot, hasGreyDot, hasRedDot, selectWeek, isHoliday, }: DatePickerHeaderProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=date-picker-date-cell.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"date-picker-date-cell.d.ts","sourceRoot":"","sources":["../../../lib/components/date-picker/date-picker-date-cell.tsx"],"names":[],"mappings":"AAIA,KAAK,OAAO,GACT,QAAQ,GACR,aAAa,GACb,YAAY,GACZ,QAAQ,GACR,cAAc,GACd,oBAAoB,GACpB,gBAAgB,GAChB,cAAc,CAAC;AAElB,KAAK,qBAAqB,GAAG;IAC5B,SAAS,EAAE,MAAM,CAAC;IAClB,GAAG,EAAE,IAAI,CAAC;IACV,gBAAgB,EAAE,CAAC,GAAG,EAAE,IAAI,KAAK,IAAI,CAAC;IACtC,OAAO,EAAE,OAAO,CAAC;IACjB,UAAU,EAAE,OAAO,CAAC;IACpB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,UAAU,EAAE,OAAO,CAAC;IACpB,YAAY,EAAE,OAAO,CAAC;IACtB,WAAW,EAAE,OAAO,CAAC;IACrB,UAAU,EAAE,OAAO,CAAC;IACpB,SAAS,EAAE,OAAO,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,EAAE,OAAO,CAAC;IACpB,SAAS,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAAI,uLAgBhC,qBAAqB,4CAqGvB,CAAC"}

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

@@ -0,0 +1,118 @@
+import { jsx as e, Fragment as w, jsxs as p } from "react/jsx-runtime";
+import { useStyleConfig as x, Button as O, Box as t, Stack as V } from "@chakra-ui/react";
+import { formatDate as W } from "../../node_modules/date-fns/format.js";
+import { ThemeColorVariable as r, ThemeSpaceVariable as m } from "../../theme/theme-types.js";
+const L = ({
+  gridColumn: u,
+  gridRow: b,
+  gridIndex: C,
+  day: c,
+  handleDateChange: g,
+  variant: o,
+  isDisabled: d,
+  isStrikeThrough: s,
+  hasBlueDot: h,
+  hasYellowDot: k,
+  hasGreenDot: f,
+  hasGreyDot: D,
+  hasRedDot: y,
+  selectWeek: a,
+  isHoliday: i
+}) => {
+  const S = x("DateCell", { variant: o }), R = x("DateCellWeek", { variant: o }), n = (o === "selectedDay" || o === "startDateRange" || o === "endDateRange") && !a, l = {
+    borderRadius: "50%",
+    border: n ? "solid 1.5px white" : "",
+    width: n ? "7.5px" : "6px",
+    height: n ? "7.5px" : "6px"
+  }, B = C % 7 === 6;
+  return /* @__PURE__ */ e(w, { children: /* @__PURE__ */ p(
+    O,
+    {
+      __css: a ? R : S,
+      type: "button",
+      sx: a && o === "selectedDay" && B ? {
+        borderTopRightRadius: "10px",
+        borderBottomRightRadius: "10px"
+      } : {},
+      variant: o,
+      isDisabled: d || s,
+      onClick: () => {
+        !d && !s && g(c);
+      },
+      gridColumn: u,
+      gridRow: b,
+      display: "flex",
+      "data-testid": "date-picker-date-cell",
+      children: [
+        /* @__PURE__ */ e(
+          t,
+          {
+            "data-testid": i ? "holiday" : void 0,
+            sx: { color: i ? r.Error : "inherit" },
+            children: W(c, "d")
+          }
+        ),
+        s && /* @__PURE__ */ e("span", {}),
+        /* @__PURE__ */ p(
+          V,
+          {
+            position: "absolute",
+            bottom: m.XSmall,
+            direction: "row",
+            spacing: m.XSmall,
+            children: [
+              h && /* @__PURE__ */ e(
+                t,
+                {
+                  sx: {
+                    ...l,
+                    backgroundColor: r.Info
+                  }
+                }
+              ),
+              f && /* @__PURE__ */ e(
+                t,
+                {
+                  sx: {
+                    ...l,
+                    backgroundColor: r.Success
+                  }
+                }
+              ),
+              k && /* @__PURE__ */ e(
+                t,
+                {
+                  sx: {
+                    ...l,
+                    backgroundColor: r.Warning
+                  }
+                }
+              ),
+              D && /* @__PURE__ */ e(
+                t,
+                {
+                  sx: {
+                    ...l,
+                    backgroundColor: r.Neutral
+                  }
+                }
+              ),
+              y && /* @__PURE__ */ e(
+                t,
+                {
+                  sx: {
+                    ...l,
+                    backgroundColor: r.Error
+                  }
+                }
+              )
+            ]
+          }
+        )
+      ]
+    }
+  ) });
+};
+export {
+  L as DatePickerDateCell
+};

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

@@ -0,0 +1,20 @@
+import { Locale } from 'date-fns';
+import { DateRange } from './types.js';
+type DatePickerHeaderProps = {
+    selectedMonth: Date;
+    onMonthChange: (date: Date) => void;
+    selectWeek: boolean;
+    selectedDate: Date;
+    onDateChange: (date: Date) => void;
+    month: string;
+    isExpanded: boolean;
+    locale: Locale;
+    disablePastMonths: boolean;
+    disableBackwardNavigation: boolean;
+    disableForwardNavigation: boolean;
+    dateRange?: DateRange;
+    onRangeChange?: (dateRange: DateRange) => void;
+};
+export declare const DatePickerHeader: ({ onMonthChange, selectedMonth, month, selectWeek, locale, selectedDate, onDateChange, isExpanded, disablePastMonths, disableBackwardNavigation, disableForwardNavigation, dateRange, onRangeChange, }: DatePickerHeaderProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=date-picker-header.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"date-picker-header.d.ts","sourceRoot":"","sources":["../../../lib/components/date-picker/date-picker-header.tsx"],"names":[],"mappings":"AAGA,OAAO,EAaN,KAAK,MAAM,EACX,MAAM,UAAU,CAAC;AAElB,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAIzC,KAAK,qBAAqB,GAAG;IAC5B,aAAa,EAAE,IAAI,CAAC;IACpB,aAAa,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IACpC,UAAU,EAAE,OAAO,CAAC;IACpB,YAAY,EAAE,IAAI,CAAC;IACnB,YAAY,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IACnC,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,OAAO,CAAC;IACpB,MAAM,EAAE,MAAM,CAAC;IACf,iBAAiB,EAAE,OAAO,CAAC;IAC3B,yBAAyB,EAAE,OAAO,CAAC;IACnC,wBAAwB,EAAE,OAAO,CAAC;IAClC,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,aAAa,CAAC,EAAE,CAAC,SAAS,EAAE,SAAS,KAAK,IAAI,CAAC;CAC/C,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAAI,wMAc9B,qBAAqB,4CA4GvB,CAAC"}