@m4l/components 9.81.0 → 9.82.0

package/components/HoursOfWeekPicker/hooks/useHoursOfWeekDayPeriods/useHoursOfWeekDayPeriods.js

@@ -0,0 +1,20 @@
+import { useState as v, useMemo as c, useEffect as y } from "react";
+import { getDayPeriodReference as D } from "../../helpers/getDayPeriodReference/getDayPeriodReference.js";
+import { getDayPeriodClock as b, getDayPeriodInstant as p } from "../../helpers/getDayPeriodClock/getDayPeriodClock.js";
+import { resolveDayPeriodLocation as g } from "../../helpers/resolveDayPeriodLocation/resolveDayPeriodLocation.js";
+function w(m, u, r) {
+  const [, f] = v(0), i = u?.getTime(), o = typeof i == "number" && Number.isFinite(i), e = c(() => g(r), [r]), n = m ? b(o ? new Date(i) : /* @__PURE__ */ new Date(), e).date : null, t = c(() => n ? D(e, p(n, 12, e)) : null, [n, e]);
+  return y(() => {
+    if (!t || o)
+      return;
+    const s = () => f((d) => d + 1), a = () => {
+      document.visibilityState === "visible" && s();
+    }, l = setTimeout(s, Math.max(1, t.nextRefreshAt - Date.now() + 50));
+    return document.addEventListener("visibilitychange", a), () => {
+      clearTimeout(l), document.removeEventListener("visibilitychange", a);
+    };
+  }, [t, o]), t;
+}
+export {
+  w as useHoursOfWeekDayPeriods
+};

package/components/HoursOfWeekPicker/hooks/useHoursOfWeekPicker/index.d.ts

@@ -0,0 +1,2 @@
+export { useHoursOfWeekPicker } from './useHoursOfWeekPicker';
+//# sourceMappingURL=index.d.ts.map

package/components/HoursOfWeekPicker/hooks/useHoursOfWeekPicker/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/components/src/components/HoursOfWeekPicker/hooks/useHoursOfWeekPicker/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC"}

package/components/HoursOfWeekPicker/hooks/useHoursOfWeekPicker/useHoursOfWeekPicker.d.ts

@@ -0,0 +1,29 @@
+import { KeyboardEvent, PointerEvent } from 'react';
+import { HoursOfWeekCoordinate, HoursOfWeekDrag, HoursOfWeekMatrix, HoursOfWeekPickerProps } from '../../types';
+/** Manage pointer transactions and the grid's single keyboard tab stop. */
+export declare function useHoursOfWeekPicker(props: HoursOfWeekPickerProps): {
+    matrix: HoursOfWeekMatrix;
+    gridRef: import('react').RefObject<HTMLDivElement | null>;
+    drag: HoursOfWeekDrag | null;
+    hover: HoursOfWeekCoordinate | null;
+    focused: {
+        day: import('../..').HoursOfWeekDay;
+        slot: number;
+    };
+    setFocus: import('react').Dispatch<import('react').SetStateAction<HoursOfWeekCoordinate>>;
+    startUnit: number;
+    endUnit: number;
+    unitsPerSlot: number;
+    columns: number;
+    changeMatrix: (next: HoursOfWeekMatrix) => void;
+    handlers: {
+        onPointerDown: (event: PointerEvent<HTMLDivElement>) => void;
+        onPointerMove: (event: PointerEvent<HTMLDivElement>) => void;
+        onPointerUp: (event: PointerEvent<HTMLDivElement>) => void;
+        onPointerLeave: () => void;
+        onPointerCancel: () => void;
+        onLostPointerCapture: () => void;
+        onKeyDown: (event: KeyboardEvent<HTMLDivElement>) => void;
+    };
+};
+//# sourceMappingURL=useHoursOfWeekPicker.d.ts.map

package/components/HoursOfWeekPicker/hooks/useHoursOfWeekPicker/useHoursOfWeekPicker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useHoursOfWeekPicker.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/components/src/components/HoursOfWeekPicker/hooks/useHoursOfWeekPicker/useHoursOfWeekPicker.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAGzD,OAAO,KAAK,EAAE,qBAAqB,EAAE,eAAe,EAAE,iBAAiB,EAAE,sBAAsB,EAAE,MAAM,aAAa,CAAC;AAErH,2EAA2E;AAC3E,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,sBAAsB;;;;;;;;;;;;;;yBA0BxB,iBAAiB;;+BAsBf,YAAY,CAAC,cAAc,CAAC;+BAe5B,YAAY,CAAC,cAAc,CAAC;6BAkB9B,YAAY,CAAC,cAAc,CAAC;;;;2BAQ9B,aAAa,CAAC,cAAc,CAAC;;EAmCpE"}

package/components/HoursOfWeekPicker/hooks/useHoursOfWeekPicker/useHoursOfWeekPicker.js

@@ -0,0 +1,107 @@
+import { useMemo as G, useRef as S, useState as R, useCallback as c, useEffect as X } from "react";
+import { HOURS_OF_WEEK_DEFAULT_SLOT_MINUTES as j, HOURS_OF_WEEK_DEFAULT_VISIBLE_RANGE as z, HOURS_OF_WEEK_HOLIDAY_DAY as J } from "../../constants.js";
+import { resolveVisibleRange as Q } from "../../helpers/resolveVisibleRange/resolveVisibleRange.js";
+import { valueToMatrix as Z } from "../../helpers/valueToMatrix/valueToMatrix.js";
+import { matrixToValue as v } from "../../helpers/matrixToValue/matrixToValue.js";
+import { applyRectangle as U } from "../../helpers/applyRectangle/applyRectangle.js";
+import { getCellState as A } from "../../helpers/getCellState/getCellState.js";
+import { toggleDay as tt } from "../../helpers/toggleDay/toggleDay.js";
+import { toggleHour as rt } from "../../helpers/toggleHour/toggleHour.js";
+function dt(C) {
+  const { value: D, onChange: w, disabled: k, readOnly: K, skeleton: L, slotMinutes: x = j, visibleRange: F = z } = C, { startHour: H, endHour: O } = Q(F), o = H * 4, g = O * 4, e = x / 15, b = (g - o) / e, a = G(() => Z(D), [D]), E = S(null), u = S(null), [T, h] = R(null), [N, _] = R(null), [P, M] = R({ day: 0, slot: 0 }), l = !k && !K && !L, W = { day: P.day, slot: Math.min(P.slot, b - 1) }, m = c(() => {
+    u.current = null, h(null), _(null);
+  }, []);
+  X(() => {
+    m();
+  }, [D, x, H, O, l, m]);
+  const i = c((t) => {
+    l && w?.(v(t));
+  }, [l, w]), p = c((t) => {
+    if (!(t instanceof Element))
+      return null;
+    const r = t.closest("[data-hours-cell]");
+    return !r || !E.current?.contains(r) ? null : { day: Number(r.dataset.day), slot: Number(r.dataset.slot) };
+  }, []), y = c(() => {
+    const t = u.current;
+    t && (u.current = null, h(null), i(U(t.base, t.start, t.end, e, o, t.selected)));
+  }, [i, e, o]), V = c((t) => {
+    if (!l || t.button !== 0 || u.current)
+      return;
+    const r = p(t.target);
+    if (!r)
+      return;
+    t.preventDefault(), t.target.closest("[data-hours-cell]")?.focus(), M(r);
+    const n = { start: r, end: r, selected: A(a[r.day], o + r.slot * e, e) !== "full", pointerId: t.pointerId, base: a };
+    u.current = n, h(n), t.currentTarget.setPointerCapture?.(t.pointerId);
+  }, [l, p, a, o, e]), Y = c((t) => {
+    if (!l)
+      return;
+    const r = u.current;
+    if (r && r.pointerId !== t.pointerId)
+      return;
+    const d = r ? document.elementFromPoint(t.clientX, t.clientY) : t.target, n = p(d);
+    if (!r) {
+      _(n);
+      return;
+    }
+    if (!n) {
+      (!(d instanceof Node) || !E.current?.contains(d)) && y();
+      return;
+    }
+    if (r.end.day === n.day && r.end.slot === n.slot)
+      return;
+    const s = { ...r, end: n };
+    u.current = s, h(s);
+  }, [l, p, y]), $ = c((t) => {
+    u.current?.pointerId === t.pointerId && y();
+  }, [y]), q = c(() => {
+    _(null), y();
+  }, [y]), B = c((t) => {
+    const r = p(t.target);
+    if (!r || k)
+      return;
+    if (t.key === "Escape") {
+      m();
+      return;
+    }
+    if (t.key === " " || t.key === "Enter") {
+      if (t.preventDefault(), !l)
+        return;
+      t.shiftKey ? i(tt(a, r.day, o, g)) : t.ctrlKey ? i(rt(a, Math.floor((o + r.slot * e) / 4))) : i(U(a, r, r, e, o, A(a[r.day], o + r.slot * e, e) !== "full"));
+      return;
+    }
+    const d = J, n = b - 1;
+    let s = r.day, f = r.slot;
+    switch (t.key) {
+      case "ArrowRight":
+        f = Math.min(n, f + 1);
+        break;
+      case "ArrowLeft":
+        f = Math.max(0, f - 1);
+        break;
+      case "ArrowDown":
+        s = Math.min(d, s + 1);
+        break;
+      case "ArrowUp":
+        s = Math.max(0, s - 1);
+        break;
+      case "Home":
+        f = 0, t.ctrlKey && (s = 0);
+        break;
+      case "End":
+        f = n, t.ctrlKey && (s = d);
+        break;
+      default:
+        return;
+    }
+    const I = {
+      day: s,
+      slot: f
+    };
+    t.preventDefault(), M(I), E.current?.querySelector(`[data-day="${I.day}"][data-slot="${I.slot}"]`)?.focus();
+  }, [p, k, l, m, i, a, o, g, e, b]);
+  return { matrix: a, gridRef: E, drag: T, hover: N, focused: W, setFocus: M, startUnit: o, endUnit: g, unitsPerSlot: e, columns: b, changeMatrix: i, handlers: { onPointerDown: V, onPointerMove: Y, onPointerUp: $, onPointerLeave: q, onPointerCancel: m, onLostPointerCapture: m, onKeyDown: B } };
+}
+export {
+  dt as useHoursOfWeekPicker
+};

package/components/HoursOfWeekPicker/hooks/useHoursOfWeekPresentation/useHoursOfWeekPresentation.d.ts

@@ -0,0 +1,3 @@
+/** Follow live system display preferences while leaving recurring schedule values unchanged. */
+export declare function useHoursOfWeekPresentation(): import('../../types').HoursOfWeekHourFormatter;
+//# sourceMappingURL=useHoursOfWeekPresentation.d.ts.map

package/components/HoursOfWeekPicker/hooks/useHoursOfWeekPresentation/useHoursOfWeekPresentation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useHoursOfWeekPresentation.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/components/src/components/HoursOfWeekPicker/hooks/useHoursOfWeekPresentation/useHoursOfWeekPresentation.ts"],"names":[],"mappings":"AAIA,gGAAgG;AAChG,wBAAgB,0BAA0B,mDAGzC"}

package/components/HoursOfWeekPicker/hooks/useHoursOfWeekPresentation/useHoursOfWeekPresentation.js

@@ -0,0 +1,10 @@
+import { useMemo as o } from "react";
+import { useUserPreferences as t } from "@m4l/core";
+import { createHourFormatter as m } from "../../helpers/createHourFormatter/createHourFormatter.js";
+function f() {
+  const { timeFormat: e, locale: r } = t();
+  return o(() => m({ timeFormat: e, locale: r }), [e, r]);
+}
+export {
+  f as useHoursOfWeekPresentation
+};

package/components/HoursOfWeekPicker/index.d.ts

@@ -0,0 +1,4 @@
+export { HoursOfWeekPicker } from './HoursOfWeekPicker';
+export { getHoursOfWeekPickerDictionary } from './dictionary';
+export type { HoursOfWeekDay, HoursOfWeekLocation, HoursOfWeekPresentation, HoursOfWeekPickerProps, HoursOfWeekValue, HoursOfWeekRange, HoursOfWeekSlotMinutes, HoursOfWeekVisibleRange, HoursOfWeekPreset } from './types';
+//# sourceMappingURL=index.d.ts.map

package/components/HoursOfWeekPicker/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../packages/components/src/components/HoursOfWeekPicker/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,8BAA8B,EAAE,MAAM,cAAc,CAAC;AAC9D,YAAY,EAAE,cAAc,EAAE,mBAAmB,EAAE,uBAAuB,EAAE,sBAAsB,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,sBAAsB,EAAE,uBAAuB,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC"}

package/components/HoursOfWeekPicker/slots/HoursOfWeekPickerEnum.d.ts

@@ -0,0 +1,51 @@
+export declare enum HoursOfWeekPickerSlots {
+    root = "root",
+    header = "header",
+    slotSelector = "slotSelector",
+    slotButton = "slotButton",
+    actions = "actions",
+    notice = "notice",
+    status = "status",
+    axis = "axis",
+    axisHour = "axisHour",
+    row = "row",
+    dayButton = "dayButton",
+    track = "track",
+    cell = "cell",
+    rowTotal = "rowTotal",
+    legend = "legend",
+    summary = "summary",
+    summaryRange = "summaryRange",
+    skeleton = "skeleton",
+    grid = "grid",
+    viewport = "viewport",
+    cards = "cards",
+    card = "card",
+    cardHeader = "cardHeader",
+    cardToggle = "cardToggle",
+    overview = "overview",
+    overviewRange = "overviewRange",
+    overviewAxis = "overviewAxis",
+    rangeRow = "rangeRow",
+    rangeEditor = "rangeEditor",
+    timeLabel = "timeLabel",
+    copyTargets = "copyTargets",
+    copyTarget = "copyTarget",
+    interval = "interval",
+    gridBody = "gridBody",
+    periodTrack = "periodTrack",
+    periodBand = "periodBand",
+    periodBackground = "periodBackground",
+    periodTint = "periodTint",
+    legendItem = "legendItem",
+    swatch = "swatch",
+    summaryDays = "summaryDays",
+    summaryDay = "summaryDay",
+    summaryRanges = "summaryRanges",
+    footer = "footer",
+    totals = "totals",
+    skeletonGroup = "skeletonGroup",
+    skeletonBone = "skeletonBone",
+    tooltipTarget = "tooltipTarget"
+}
+//# sourceMappingURL=HoursOfWeekPickerEnum.d.ts.map

package/components/HoursOfWeekPicker/slots/HoursOfWeekPickerEnum.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HoursOfWeekPickerEnum.d.ts","sourceRoot":"","sources":["../../../../../../../packages/components/src/components/HoursOfWeekPicker/slots/HoursOfWeekPickerEnum.ts"],"names":[],"mappings":"AAAA,oBAAY,sBAAsB;IAChC,IAAI,SAAS;IAAE,MAAM,WAAW;IAAE,YAAY,iBAAiB;IAAE,UAAU,eAAe;IAC1F,OAAO,YAAY;IAAE,MAAM,WAAW;IAAE,MAAM,WAAW;IAAE,IAAI,SAAS;IAAE,QAAQ,aAAa;IAC/F,GAAG,QAAQ;IAAE,SAAS,cAAc;IAAE,KAAK,UAAU;IAAE,IAAI,SAAS;IAAE,QAAQ,aAAa;IAC3F,MAAM,WAAW;IAAE,OAAO,YAAY;IAAE,YAAY,iBAAiB;IAAE,QAAQ,aAAa;IAC5F,IAAI,SAAS;IAAE,QAAQ,aAAa;IACpC,KAAK,UAAU;IAAE,IAAI,SAAS;IAAE,UAAU,eAAe;IAAE,UAAU,eAAe;IACpF,QAAQ,aAAa;IAAE,aAAa,kBAAkB;IAAE,YAAY,iBAAiB;IACrF,QAAQ,aAAa;IAAE,WAAW,gBAAgB;IAAE,SAAS,cAAc;IAC3E,WAAW,gBAAgB;IAAE,UAAU,eAAe;IACtD,QAAQ,aAAa;IACrB,QAAQ,aAAa;IACrB,WAAW,gBAAgB;IAC3B,UAAU,eAAe;IACzB,gBAAgB,qBAAqB;IACrC,UAAU,eAAe;IACzB,UAAU,eAAe;IACzB,MAAM,WAAW;IACjB,WAAW,gBAAgB;IAC3B,UAAU,eAAe;IACzB,aAAa,kBAAkB;IAC/B,MAAM,WAAW;IACjB,MAAM,WAAW;IACjB,aAAa,kBAAkB;IAC/B,YAAY,iBAAiB;IAC7B,aAAa,kBAAkB;CAChC"}

package/components/HoursOfWeekPicker/slots/HoursOfWeekPickerEnum.js

@@ -0,0 +1,4 @@
+var n = /* @__PURE__ */ ((a) => (a.root = "root", a.header = "header", a.slotSelector = "slotSelector", a.slotButton = "slotButton", a.actions = "actions", a.notice = "notice", a.status = "status", a.axis = "axis", a.axisHour = "axisHour", a.row = "row", a.dayButton = "dayButton", a.track = "track", a.cell = "cell", a.rowTotal = "rowTotal", a.legend = "legend", a.summary = "summary", a.summaryRange = "summaryRange", a.skeleton = "skeleton", a.grid = "grid", a.viewport = "viewport", a.cards = "cards", a.card = "card", a.cardHeader = "cardHeader", a.cardToggle = "cardToggle", a.overview = "overview", a.overviewRange = "overviewRange", a.overviewAxis = "overviewAxis", a.rangeRow = "rangeRow", a.rangeEditor = "rangeEditor", a.timeLabel = "timeLabel", a.copyTargets = "copyTargets", a.copyTarget = "copyTarget", a.interval = "interval", a.gridBody = "gridBody", a.periodTrack = "periodTrack", a.periodBand = "periodBand", a.periodBackground = "periodBackground", a.periodTint = "periodTint", a.legendItem = "legendItem", a.swatch = "swatch", a.summaryDays = "summaryDays", a.summaryDay = "summaryDay", a.summaryRanges = "summaryRanges", a.footer = "footer", a.totals = "totals", a.skeletonGroup = "skeletonGroup", a.skeletonBone = "skeletonBone", a.tooltipTarget = "tooltipTarget", a))(n || {});
+export {
+  n as HoursOfWeekPickerSlots
+};

package/components/HoursOfWeekPicker/slots/HoursOfWeekPickerSlots.d.ts

@@ -0,0 +1,145 @@
+export declare const Root: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
+    ownerState?: (Partial<import('../types').HoursOfWeekPickerOwnerState> & Record<string, unknown>) | undefined;
+}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
+export declare const Header: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
+    ownerState?: (Partial<import('../types').HoursOfWeekPickerOwnerState> & Record<string, unknown>) | undefined;
+}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
+export declare const SlotSelector: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
+    ownerState?: (Partial<import('../types').HoursOfWeekPickerOwnerState> & Record<string, unknown>) | undefined;
+}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
+export declare const SlotButton: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
+    ownerState?: (Partial<import('../types').HoursOfWeekPickerOwnerState> & Record<string, unknown>) | undefined;
+}, Pick<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, keyof import('react').ClassAttributes<HTMLButtonElement> | keyof import('react').ButtonHTMLAttributes<HTMLButtonElement>>, {}>;
+export declare const Actions: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
+    ownerState?: (Partial<import('../types').HoursOfWeekPickerOwnerState> & Record<string, unknown>) | undefined;
+}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
+export declare const Notice: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
+    ownerState?: (Partial<import('../types').HoursOfWeekPickerOwnerState> & Record<string, unknown>) | undefined;
+}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
+export declare const Status: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
+    ownerState?: (Partial<import('../types').HoursOfWeekPickerOwnerState> & Record<string, unknown>) | undefined;
+}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
+export declare const TooltipTarget: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
+    ownerState?: (Partial<import('../types').HoursOfWeekPickerOwnerState> & Record<string, unknown>) | undefined;
+}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, keyof import('react').ClassAttributes<HTMLSpanElement> | keyof import('react').HTMLAttributes<HTMLSpanElement>>, {}>;
+export declare const Axis: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
+    ownerState?: (Partial<import('../types').HoursOfWeekPickerOwnerState> & Record<string, unknown>) | undefined;
+}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
+export declare const AxisHour: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
+    ownerState?: (Partial<import('../types').HoursOfWeekPickerOwnerState> & Record<string, unknown>) | undefined;
+}, Pick<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, keyof import('react').ClassAttributes<HTMLButtonElement> | keyof import('react').ButtonHTMLAttributes<HTMLButtonElement>>, {}>;
+export declare const Row: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
+    ownerState?: (Partial<import('../types').HoursOfWeekPickerOwnerState> & Record<string, unknown>) | undefined;
+}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
+export declare const DayButton: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
+    ownerState?: (Partial<import('../types').HoursOfWeekPickerOwnerState> & Record<string, unknown>) | undefined;
+}, Pick<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, keyof import('react').ClassAttributes<HTMLButtonElement> | keyof import('react').ButtonHTMLAttributes<HTMLButtonElement>>, {}>;
+export declare const Track: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
+    ownerState?: (Partial<import('../types').HoursOfWeekPickerOwnerState> & Record<string, unknown>) | undefined;
+}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
+export declare const Cell: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
+    ownerState?: (Partial<import('../types').HoursOfWeekPickerOwnerState> & Record<string, unknown>) | undefined;
+}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
+export declare const RowTotal: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
+    ownerState?: (Partial<import('../types').HoursOfWeekPickerOwnerState> & Record<string, unknown>) | undefined;
+}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, keyof import('react').ClassAttributes<HTMLSpanElement> | keyof import('react').HTMLAttributes<HTMLSpanElement>>, {}>;
+export declare const Legend: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
+    ownerState?: (Partial<import('../types').HoursOfWeekPickerOwnerState> & Record<string, unknown>) | undefined;
+}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
+export declare const Summary: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
+    ownerState?: (Partial<import('../types').HoursOfWeekPickerOwnerState> & Record<string, unknown>) | undefined;
+}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
+export declare const SummaryRange: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
+    ownerState?: (Partial<import('../types').HoursOfWeekPickerOwnerState> & Record<string, unknown>) | undefined;
+}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
+export declare const Skeleton: import('@emotion/styled').StyledComponent<Pick<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
+    ownerState?: (Partial<import('../types').HoursOfWeekPickerOwnerState> & Record<string, unknown>) | undefined;
+} & Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, string> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
+export declare const SkeletonGroup: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
+    ownerState?: (Partial<import('../types').HoursOfWeekPickerOwnerState> & Record<string, unknown>) | undefined;
+}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
+export declare const SkeletonBone: import('@emotion/styled').StyledComponent<Pick<import('../../extended/mui/Skeleton/types').SkeletonProps, keyof import('../../extended/mui/Skeleton/types').SkeletonProps> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
+    ownerState?: (Partial<import('../types').HoursOfWeekPickerOwnerState> & Record<string, unknown>) | undefined;
+}, {}, {}>;
+export declare const Grid: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
+    ownerState?: (Partial<import('../types').HoursOfWeekPickerOwnerState> & Record<string, unknown>) | undefined;
+}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
+export declare const Viewport: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
+    ownerState?: (Partial<import('../types').HoursOfWeekPickerOwnerState> & Record<string, unknown>) | undefined;
+}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
+export declare const Cards: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
+    ownerState?: (Partial<import('../types').HoursOfWeekPickerOwnerState> & Record<string, unknown>) | undefined;
+}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
+export declare const Card: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
+    ownerState?: (Partial<import('../types').HoursOfWeekPickerOwnerState> & Record<string, unknown>) | undefined;
+}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLElement>, HTMLElement>, keyof import('react').HTMLAttributes<HTMLElement> | keyof import('react').ClassAttributes<HTMLElement>>, {}>;
+export declare const CardHeader: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
+    ownerState?: (Partial<import('../types').HoursOfWeekPickerOwnerState> & Record<string, unknown>) | undefined;
+}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
+export declare const CardToggle: import('@emotion/styled').StyledComponent<Pick<Omit<import('../..').ButtonProps, "ref"> & import('react').RefAttributes<HTMLButtonElement>, "color" | "content" | "translate" | "action" | "classes" | "children" | "className" | "sx" | "form" | "label" | "slot" | "style" | "title" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "hidden" | "id" | "lang" | "nonce" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "popover" | "popoverTargetAction" | "popoverTarget" | "inert" | "inputMode" | "is" | "exportparts" | "part" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onScrollEnd" | "onScrollEndCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onToggle" | "onBeforeToggle" | "onTransitionCancel" | "onTransitionCancelCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "onTransitionRun" | "onTransitionRunCapture" | "onTransitionStart" | "onTransitionStartCapture" | "component" | "name" | "size" | "type" | "href" | "variant" | "value" | "disabled" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "startIcon" | "endIcon" | "skeletonWidth" | keyof import('react').RefAttributes<HTMLButtonElement> | "disableElevation" | "fullWidth"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
+    ownerState?: (Partial<import('../types').HoursOfWeekPickerOwnerState> & Record<string, unknown>) | undefined;
+}, {}, {}>;
+export declare const Overview: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
+    ownerState?: (Partial<import('../types').HoursOfWeekPickerOwnerState> & Record<string, unknown>) | undefined;
+}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
+export declare const OverviewRange: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
+    ownerState?: (Partial<import('../types').HoursOfWeekPickerOwnerState> & Record<string, unknown>) | undefined;
+}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, keyof import('react').ClassAttributes<HTMLSpanElement> | keyof import('react').HTMLAttributes<HTMLSpanElement>>, {}>;
+export declare const OverviewAxis: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
+    ownerState?: (Partial<import('../types').HoursOfWeekPickerOwnerState> & Record<string, unknown>) | undefined;
+}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
+export declare const RangeRow: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
+    ownerState?: (Partial<import('../types').HoursOfWeekPickerOwnerState> & Record<string, unknown>) | undefined;
+}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
+export declare const RangeEditor: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
+    ownerState?: (Partial<import('../types').HoursOfWeekPickerOwnerState> & Record<string, unknown>) | undefined;
+}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
+export declare const TimeLabel: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
+    ownerState?: (Partial<import('../types').HoursOfWeekPickerOwnerState> & Record<string, unknown>) | undefined;
+}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
+export declare const CopyTargets: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
+    ownerState?: (Partial<import('../types').HoursOfWeekPickerOwnerState> & Record<string, unknown>) | undefined;
+}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
+export declare const CopyTarget: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
+    ownerState?: (Partial<import('../types').HoursOfWeekPickerOwnerState> & Record<string, unknown>) | undefined;
+}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
+export declare const Interval: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
+    ownerState?: (Partial<import('../types').HoursOfWeekPickerOwnerState> & Record<string, unknown>) | undefined;
+}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
+export declare const GridBody: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
+    ownerState?: (Partial<import('../types').HoursOfWeekPickerOwnerState> & Record<string, unknown>) | undefined;
+}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
+export declare const PeriodTrack: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
+    ownerState?: (Partial<import('../types').HoursOfWeekPickerOwnerState> & Record<string, unknown>) | undefined;
+}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
+export declare const PeriodBand: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
+    ownerState?: (Partial<import('../types').HoursOfWeekPickerOwnerState> & Record<string, unknown>) | undefined;
+}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
+export declare const PeriodBackground: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
+    ownerState?: (Partial<import('../types').HoursOfWeekPickerOwnerState> & Record<string, unknown>) | undefined;
+}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
+export declare const PeriodTint: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
+    ownerState?: (Partial<import('../types').HoursOfWeekPickerOwnerState> & Record<string, unknown>) | undefined;
+}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
+export declare const LegendItem: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
+    ownerState?: (Partial<import('../types').HoursOfWeekPickerOwnerState> & Record<string, unknown>) | undefined;
+}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
+export declare const Swatch: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
+    ownerState?: (Partial<import('../types').HoursOfWeekPickerOwnerState> & Record<string, unknown>) | undefined;
+}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
+export declare const SummaryDays: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
+    ownerState?: (Partial<import('../types').HoursOfWeekPickerOwnerState> & Record<string, unknown>) | undefined;
+}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
+export declare const SummaryDay: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
+    ownerState?: (Partial<import('../types').HoursOfWeekPickerOwnerState> & Record<string, unknown>) | undefined;
+}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
+export declare const SummaryRanges: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
+    ownerState?: (Partial<import('../types').HoursOfWeekPickerOwnerState> & Record<string, unknown>) | undefined;
+}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
+export declare const Footer: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
+    ownerState?: (Partial<import('../types').HoursOfWeekPickerOwnerState> & Record<string, unknown>) | undefined;
+}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
+export declare const Totals: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
+    ownerState?: (Partial<import('../types').HoursOfWeekPickerOwnerState> & Record<string, unknown>) | undefined;
+}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
+//# sourceMappingURL=HoursOfWeekPickerSlots.d.ts.map

package/components/HoursOfWeekPicker/slots/HoursOfWeekPickerSlots.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HoursOfWeekPickerSlots.d.ts","sourceRoot":"","sources":["../../../../../../../packages/components/src/components/HoursOfWeekPicker/slots/HoursOfWeekPickerSlots.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,IAAI;;6NAA0G,CAAC;AAE5H,eAAO,MAAM,MAAM;;6NAA8G,CAAC;AAElI,eAAO,MAAM,YAAY;;6NAA0H,CAAC;AAEpJ,eAAO,MAAM,UAAU;;qPAAyH,CAAC;AAEjJ,eAAO,MAAM,OAAO;;6NAAgH,CAAC;AAErI,eAAO,MAAM,MAAM;;6NAA8G,CAAC;AAElI,eAAO,MAAM,MAAM;;6NAA8G,CAAC;AAElI,eAAO,MAAM,aAAa;;iOAA6H,CAAC;AAExJ,eAAO,MAAM,IAAI;;6NAA0G,CAAC;AAE5H,eAAO,MAAM,QAAQ;;qPAAqH,CAAC;AAE3I,eAAO,MAAM,GAAG;;6NAAwG,CAAC;AAEzH,eAAO,MAAM,SAAS;;qPAAuH,CAAC;AAE9I,eAAO,MAAM,KAAK;;6NAA4G,CAAC;AAE/H,eAAO,MAAM,IAAI;;6NAA0G,CAAC;AAE5H,eAAO,MAAM,QAAQ;;iOAAmH,CAAC;AAEzI,eAAO,MAAM,MAAM;;6NAA8G,CAAC;AAElI,eAAO,MAAM,OAAO;;6NAAgH,CAAC;AAErI,eAAO,MAAM,YAAY;;6NAA0H,CAAC;AAEpJ,eAAO,MAAM,QAAQ;;uTAAiH,CAAC;AAEvI,eAAO,MAAM,aAAa;;6NAA4H,CAAC;AAEvJ,eAAO,MAAM,YAAY;;UAAmI,CAAC;AAE7J,eAAO,MAAM,IAAI;;6NAA0G,CAAC;AAE5H,eAAO,MAAM,QAAQ;;6NAAkH,CAAC;AAExI,eAAO,MAAM,KAAK;;6NAA4G,CAAC;AAE/H,eAAO,MAAM,IAAI;;iNAA8G,CAAC;AAEhI,eAAO,MAAM,UAAU;;6NAAsH,CAAC;AAE9I,eAAO,MAAM,UAAU;;UAAuH,CAAC;AAE/I,eAAO,MAAM,QAAQ;;6NAAkH,CAAC;AAExI,eAAO,MAAM,aAAa;;iOAA6H,CAAC;AAExJ,eAAO,MAAM,YAAY;;6NAA0H,CAAC;AAEpJ,eAAO,MAAM,QAAQ;;6NAAkH,CAAC;AAExI,eAAO,MAAM,WAAW;;6NAAwH,CAAC;AAEjJ,eAAO,MAAM,SAAS;;6NAAoH,CAAC;AAE3I,eAAO,MAAM,WAAW;;6NAAwH,CAAC;AAEjJ,eAAO,MAAM,UAAU;;6NAAsH,CAAC;AAE9I,eAAO,MAAM,QAAQ;;6NAAkH,CAAC;AAExI,eAAO,MAAM,QAAQ;;6NAAkH,CAAC;AAExI,eAAO,MAAM,WAAW;;6NAAwH,CAAC;AAEjJ,eAAO,MAAM,UAAU;;6NAAsH,CAAC;AAE9I,eAAO,MAAM,gBAAgB;;6NAAkI,CAAC;AAEhK,eAAO,MAAM,UAAU;;6NAAsH,CAAC;AAE9I,eAAO,MAAM,UAAU;;6NAAsH,CAAC;AAE9I,eAAO,MAAM,MAAM;;6NAA8G,CAAC;AAElI,eAAO,MAAM,WAAW;;6NAAwH,CAAC;AAEjJ,eAAO,MAAM,UAAU;;6NAAsH,CAAC;AAE9I,eAAO,MAAM,aAAa;;6NAA4H,CAAC;AAEvJ,eAAO,MAAM,MAAM;;6NAA8G,CAAC;AAElI,eAAO,MAAM,MAAM;;6NAA8G,CAAC"}

package/components/HoursOfWeekPicker/slots/HoursOfWeekPickerSlots.js

@@ -0,0 +1,56 @@
+import { styled as o } from "@mui/material/styles";
+import { hoursOfWeekPickerStyles as t } from "../HoursOfWeekPicker.styles.js";
+import { HOURS_OF_WEEK_PICKER_KEY_COMPONENT as e } from "../constants.js";
+import { Skeleton as n } from "../../extended/mui/Skeleton/Skeleton.js";
+import { Button as s } from "../../extended/mui/Button/Button.js";
+const a = o("div", { name: e, slot: "root" })(t.root), c = o("div", { name: e, slot: "header" })(t.header), v = o("div", { name: e, slot: "slotSelector" })(t.slotSelector), g = o("button", { name: e, slot: "slotButton" })(t.slotButton), u = o("div", { name: e, slot: "actions" })(t.actions), y = o("div", { name: e, slot: "notice" })(t.notice), p = o("div", { name: e, slot: "status" })(t.status), T = o("span", { name: e, slot: "tooltipTarget" })(t.tooltipTarget), w = o("div", { name: e, slot: "axis" })(t.axis), k = o("button", { name: e, slot: "axisHour" })(t.axisHour), B = o("div", { name: e, slot: "row" })(t.row), R = o("button", { name: e, slot: "dayButton" })(t.dayButton), S = o("div", { name: e, slot: "track" })(t.track), x = o("div", { name: e, slot: "cell" })(t.cell), C = o("span", { name: e, slot: "rowTotal" })(t.rowTotal), f = o("div", { name: e, slot: "legend" })(t.legend), E = o("div", { name: e, slot: "summary" })(t.summary), H = o("div", { name: e, slot: "summaryRange" })(t.summaryRange), O = o(a, { name: e, slot: "skeleton" })(t.skeleton), D = o("div", { name: e, slot: "skeletonGroup" })(t.skeletonGroup), P = o(n, { name: e, slot: "skeletonBone" })(t.skeletonBone), b = o("div", { name: e, slot: "grid" })(t.grid), h = o("div", { name: e, slot: "viewport" })(t.viewport), A = o("div", { name: e, slot: "cards" })(t.cards), G = o("section", { name: e, slot: "card" })(t.card), I = o("div", { name: e, slot: "cardHeader" })(t.cardHeader), L = o(s, { name: e, slot: "cardToggle" })(t.cardToggle), _ = o("div", { name: e, slot: "overview" })(t.overview), K = o("span", { name: e, slot: "overviewRange" })(t.overviewRange), N = o("div", { name: e, slot: "overviewAxis" })(t.overviewAxis), F = o("div", { name: e, slot: "rangeRow" })(t.rangeRow), W = o("div", { name: e, slot: "rangeEditor" })(t.rangeEditor), M = o("div", { name: e, slot: "timeLabel" })(t.timeLabel), U = o("div", { name: e, slot: "copyTargets" })(t.copyTargets), V = o("div", { name: e, slot: "copyTarget" })(t.copyTarget), Y = o("div", { name: e, slot: "interval" })(t.interval), $ = o("div", { name: e, slot: "gridBody" })(t.gridBody), j = o("div", { name: e, slot: "periodTrack" })(t.periodTrack), q = o("div", { name: e, slot: "periodBand" })(t.periodBand), z = o("div", { name: e, slot: "periodBackground" })(t.periodBackground), J = o("div", { name: e, slot: "periodTint" })(t.periodTint), Q = o("div", { name: e, slot: "legendItem" })(t.legendItem), X = o("div", { name: e, slot: "swatch" })(t.swatch), Z = o("div", { name: e, slot: "summaryDays" })(t.summaryDays), oo = o("div", { name: e, slot: "summaryDay" })(t.summaryDay), to = o("div", { name: e, slot: "summaryRanges" })(t.summaryRanges), eo = o("div", { name: e, slot: "footer" })(t.footer), no = o("div", { name: e, slot: "totals" })(t.totals);
+export {
+  u as Actions,
+  w as Axis,
+  k as AxisHour,
+  G as Card,
+  I as CardHeader,
+  L as CardToggle,
+  A as Cards,
+  x as Cell,
+  V as CopyTarget,
+  U as CopyTargets,
+  R as DayButton,
+  eo as Footer,
+  b as Grid,
+  $ as GridBody,
+  c as Header,
+  Y as Interval,
+  f as Legend,
+  Q as LegendItem,
+  y as Notice,
+  _ as Overview,
+  N as OverviewAxis,
+  K as OverviewRange,
+  z as PeriodBackground,
+  q as PeriodBand,
+  J as PeriodTint,
+  j as PeriodTrack,
+  W as RangeEditor,
+  F as RangeRow,
+  a as Root,
+  B as Row,
+  C as RowTotal,
+  O as Skeleton,
+  P as SkeletonBone,
+  D as SkeletonGroup,
+  g as SlotButton,
+  v as SlotSelector,
+  p as Status,
+  E as Summary,
+  oo as SummaryDay,
+  Z as SummaryDays,
+  H as SummaryRange,
+  to as SummaryRanges,
+  X as Swatch,
+  M as TimeLabel,
+  T as TooltipTarget,
+  no as Totals,
+  S as Track,
+  h as Viewport
+};

package/components/HoursOfWeekPicker/slots/index.d.ts

@@ -0,0 +1,3 @@
+export * from './HoursOfWeekPickerSlots';
+export { HoursOfWeekPickerSlots } from './HoursOfWeekPickerEnum';
+//# sourceMappingURL=index.d.ts.map

package/components/HoursOfWeekPicker/slots/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../packages/components/src/components/HoursOfWeekPicker/slots/index.ts"],"names":[],"mappings":"AAAA,cAAc,0BAA0B,CAAC;AACzC,OAAO,EAAE,sBAAsB,EAAE,MAAM,yBAAyB,CAAC"}

package/components/HoursOfWeekPicker/subcomponents/HoursOfWeekCards/HoursOfWeekCards.d.ts

@@ -0,0 +1,4 @@
+import { HoursOfWeekCardsProps } from '../../types';
+/** Edit a weekly schedule through expandable day cards and uncommitted range drafts. */
+export declare function HoursOfWeekCards({ ownerState, inputRef, id, formatHour, ...props }: HoursOfWeekCardsProps): import("@emotion/react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=HoursOfWeekCards.d.ts.map

package/components/HoursOfWeekPicker/subcomponents/HoursOfWeekCards/HoursOfWeekCards.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HoursOfWeekCards.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/components/src/components/HoursOfWeekPicker/subcomponents/HoursOfWeekCards/HoursOfWeekCards.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,aAAa,CAAC;AAEzD,wFAAwF;AACxF,wBAAgB,gBAAgB,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,EAAE,EAAE,UAAU,EAAE,GAAG,KAAK,EAAE,EAAE,qBAAqB,oDAsEzG"}