@12-apps/ui 6.86.2 → 6.87.0

package/dist/types/components/data-display/DayRuler/DayRuler.metrics.d.ts

@@ -0,0 +1,86 @@
+/**
+ * THE DAY RULER'S NUMBERS — the approved prototype's (FUT-3823, frames d02 at
+ * 1280 and the phone rows), in px. The web reads them through `rem`/`sxRem`.
+ */
+export declare const DAY_RULER_METRICS: {
+    /** The name and the actions columns on a computer. */
+    readonly sideColumn: 220;
+    readonly gap: 16;
+    /**
+     * Below this container width a row stacks: name and actions on top, the
+     * track under them. Two 220px side columns, their gaps and a track of at
+     * least 320px (where the hour labels every 4 hours do not collide): 792,
+     * rounded up.
+     */
+    readonly compactBelow: 800;
+    /**
+     * Below this container width the pane is phone-sized: no coverage row and
+     * no hour axis. Between it and `compactBelow` the rows stack and the two
+     * lines are drawn across the full width, like the tracks.
+     */
+    readonly phoneBelow: 600;
+    readonly rowPaddingY: 8;
+    readonly track: {
+        readonly height: 40;
+        readonly compactHeight: 30;
+        readonly radius: 8;
+        readonly compactRadius: 6;
+    };
+    readonly block: {
+        readonly top: 4;
+        readonly height: 24;
+        readonly compactTop: 3;
+        readonly compactHeight: 20;
+        readonly radius: 6;
+        readonly paddingX: 6;
+        readonly font: 12;
+        readonly hitArea: 40;
+    };
+    /** The end handles' hit area. */
+    readonly handle: 10;
+    readonly actual: {
+        readonly top: 31;
+        readonly height: 6;
+        readonly compactTop: 24;
+        readonly compactHeight: 4;
+        readonly radius: 3;
+    };
+    readonly actualLabel: {
+        readonly top: 8;
+        readonly offset: 6;
+        readonly font: 12;
+    };
+    readonly now: {
+        readonly width: 2;
+        readonly overhang: 2;
+    };
+    readonly coverage: {
+        readonly height: 26;
+        readonly gap: 2;
+        readonly radius: 4;
+        readonly font: 12;
+    };
+    readonly axis: {
+        readonly height: 18;
+        readonly font: 12;
+    };
+    readonly name: 15;
+    readonly meta: 13;
+    readonly groupTitle: 12;
+    readonly ring: 2;
+    /** How far a block's focus ring stands off it. */
+    readonly ringOffset: 1;
+    /** The loading row's name bar. */
+    readonly skeletonNameRadius: 4;
+    /** Where a block's text cannot be measured, one shorter than this share of the ruler says only its start on a narrow ruler. */
+    readonly narrowShare: 0.3;
+    /** The shortest block a resize leaves, in hours. */
+    readonly minHours: 0.5;
+    readonly skeletonRows: 4;
+    /** The hatch of a break inside a block: stripe width. */
+    readonly breakStripe: {
+        readonly ink: 2;
+        readonly gap: 3;
+    };
+};
+//# sourceMappingURL=DayRuler.metrics.d.ts.map

package/dist/types/components/data-display/DayRuler/DayRuler.metrics.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DayRuler.metrics.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/DayRuler/DayRuler.metrics.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,eAAO,MAAM,iBAAiB;IAC5B,sDAAsD;;;IAGtD;;;;;OAKG;;IAEH;;;;OAIG;;;;;;;;;;;;;;;;;;;IAKH,iCAAiC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAWjC,kDAAkD;;IAElD,kCAAkC;;IAElC,+HAA+H;;IAE/H,oDAAoD;;;IAGpD,yDAAyD;;;;;CAEjD,CAAC"}

package/dist/types/components/data-display/DayRuler/DayRuler.parts.d.ts

@@ -0,0 +1,37 @@
+import type * as React from 'react';
+import type { RulerAbilities, RulerScale } from './DayRuler.keyboard';
+import { type Span } from './DayRuler.styles';
+import type { DayRulerBlock, DayRulerRow, RulerHour } from './DayRuler.types';
+import type { RulerDrag, RulerDragApi } from './useRulerDrag';
+export declare const spanOf: (start: RulerHour, end: RulerHour, scale: RulerScale) => Span;
+/** What every row of one ruler shares. */
+export interface RowContext {
+    scale: RulerScale;
+    now?: RulerHour;
+    can: RulerAbilities;
+    drag: RulerDrag | null;
+    dragApi: RulerDragApi;
+    onBlockClick?: (blockId: string) => void;
+    onKeyCreate: (row: DayRulerRow) => void;
+    onBlockKey: (event: React.KeyboardEvent, block: DayRulerBlock) => void;
+    createLabel: (row: string) => string;
+    testId: string;
+}
+/** One person: name, meta and chips · the track · the row's actions. */
+export declare function RulerRow({ row, ctx }: {
+    row: DayRulerRow;
+    ctx: RowContext;
+}): React.JSX.Element;
+/** "Na escala, por hora": a count per hour above the axis. */
+export declare function Coverage(props: {
+    coverage: readonly number[];
+    label?: string;
+    scale: RulerScale;
+    testId: string;
+}): React.JSX.Element;
+/** The hour labels under the coverage row. */
+export declare function Axis({ scale, testId }: {
+    scale: RulerScale;
+    testId: string;
+}): React.JSX.Element;
+//# sourceMappingURL=DayRuler.parts.d.ts.map

package/dist/types/components/data-display/DayRuler/DayRuler.parts.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DayRuler.parts.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/DayRuler/DayRuler.parts.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAIpC,OAAO,KAAK,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAItE,OAAO,EAgBL,KAAK,IAAI,EACV,MAAM,mBAAmB,CAAC;AAC3B,OAAO,KAAK,EAAE,aAAa,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAC9E,OAAO,KAAK,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9D,eAAO,MAAM,MAAM,GAAI,OAAO,SAAS,EAAE,KAAK,SAAS,EAAE,OAAO,UAAU,KAAG,IAG5E,CAAC;AAEF,0CAA0C;AAC1C,MAAM,WAAW,UAAU;IACzB,KAAK,EAAE,UAAU,CAAC;IAClB,GAAG,CAAC,EAAE,SAAS,CAAC;IAChB,GAAG,EAAE,cAAc,CAAC;IACpB,IAAI,EAAE,SAAS,GAAG,IAAI,CAAC;IACvB,OAAO,EAAE,YAAY,CAAC;IACtB,YAAY,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,WAAW,EAAE,CAAC,GAAG,EAAE,WAAW,KAAK,IAAI,CAAC;IACxC,UAAU,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,aAAa,EAAE,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IACvE,WAAW,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,CAAC;IACrC,MAAM,EAAE,MAAM,CAAC;CAChB;AA8KD,wEAAwE;AACxE,wBAAgB,QAAQ,CAAC,EAAE,GAAG,EAAE,GAAG,EAAE,EAAE;IAAE,GAAG,EAAE,WAAW,CAAC;IAAC,GAAG,EAAE,UAAU,CAAA;CAAE,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAQ/F;AAED,8DAA8D;AAC9D,wBAAgB,QAAQ,CAAC,KAAK,EAAE;IAAE,QAAQ,EAAE,SAAS,MAAM,EAAE,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,UAAU,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAqBrI;AAED,8CAA8C;AAC9C,wBAAgB,IAAI,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE;IAAE,KAAK,EAAE,UAAU,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAchG"}

package/dist/types/components/data-display/DayRuler/DayRuler.styles.d.ts

@@ -0,0 +1,45 @@
+import type { SxProps, Theme } from '@mui/material/styles/index.js';
+import type { ScheduleBlockTone } from '../ScheduleGrid/ScheduleGrid.types';
+/** The container narrow rows answer to (container queries, never media queries). */
+/**
+ * `--dr-actions`: the actions column, 220px when any row has actions and
+ * nothing when none does (no empty column at the end of every row).
+ */
+export declare function rootSx(hasActions: boolean): SxProps<Theme>;
+/** Name · track · actions, the coverage row and the axis row share these columns on a computer. */
+export declare const lineSx: SxProps<Theme>;
+export declare const coverageLabelSx: SxProps<Theme>;
+export declare function coverageSx(hours: number): SxProps<Theme>;
+export declare function coverageCellSx(count: number): SxProps<Theme>;
+export declare const axisSx: SxProps<Theme>;
+export declare const groupTitleSx: SxProps<Theme>;
+/**
+ * One person's row. A computer: name · track · actions on one line. A narrow
+ * ruler (a phone): name and actions on top, the track under them, full width.
+ */
+export declare const rowSx: SxProps<Theme>;
+export declare const whoSx: SxProps<Theme>;
+export declare const actionsSx: SxProps<Theme>;
+/** A break inside a block: a hatched band across its height, under its text. `span` is in % of the block. */
+export declare function breakSx(span: Span): SxProps<Theme>;
+export declare function trackSx(opts: {
+    hours: number;
+    tickHours: number;
+    interactive: boolean;
+}): SxProps<Theme>;
+/** Where a bar starts and how long it is, both in % of the track. */
+export interface Span {
+    at: number;
+    share: number;
+}
+export declare function blockSx(tone: ScheduleBlockTone, span: Span, opts: {
+    selected: boolean;
+    movable: boolean;
+}): SxProps<Theme>;
+export declare function handleSx(side: 'l' | 'r'): SxProps<Theme>;
+export declare function actualSx(span: Span): SxProps<Theme>;
+export declare function actualLabelSx(left: number): SxProps<Theme>;
+export declare function nowSx(left: number): SxProps<Theme>;
+export declare const skeletonTrackSx: SxProps<Theme>;
+export declare const skeletonNameSx: SxProps<Theme>;
+//# sourceMappingURL=DayRuler.styles.d.ts.map

package/dist/types/components/data-display/DayRuler/DayRuler.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DayRuler.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/DayRuler/DayRuler.styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAa,OAAO,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC;AAM/E,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,oCAAoC,CAAC;AAG5E,oFAAoF;AACpF;;;GAGG;AACH,wBAAgB,MAAM,CAAC,UAAU,EAAE,OAAO,GAAG,OAAO,CAAC,KAAK,CAAC,CAQ1D;AAYD,mGAAmG;AACnG,eAAO,MAAM,MAAM,EAAE,OAAO,CAAC,KAAK,CAYhC,CAAC;AAEH,eAAO,MAAM,eAAe,EAAE,OAAO,CAAC,KAAK,CAAwD,CAAC;AAEpG,wBAAgB,UAAU,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,CAAC,KAAK,CAAC,CAOxD;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,CAAC,KAAK,CAAC,CAa5D;AAED,eAAO,MAAM,MAAM,EAAE,OAAO,CAAC,KAAK,CAOhC,CAAC;AAEH,eAAO,MAAM,YAAY,EAAE,OAAO,CAAC,KAAK,CASvC,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,KAAK,EAAE,OAAO,CAAC,KAAK,CAc/B,CAAC;AAEH,eAAO,MAAM,KAAK,EAAE,OAAO,CAAC,KAAK,CAAoC,CAAC;AAEtE,eAAO,MAAM,SAAS,EAAE,OAAO,CAAC,KAAK,CAQpC,CAAC;AAEF,6GAA6G;AAC7G,wBAAgB,OAAO,CAAC,IAAI,EAAE,IAAI,GAAG,OAAO,CAAC,KAAK,CAAC,CAclD;AAUD,wBAAgB,OAAO,CAAC,IAAI,EAAE;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,SAAS,EAAE,MAAM,CAAC;IAAC,WAAW,EAAE,OAAO,CAAA;CAAE,GAAG,OAAO,CAAC,KAAK,CAAC,CAkBxG;AAED,qEAAqE;AACrE,MAAM,WAAW,IAAI;IACnB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;CACf;AAED,wBAAgB,OAAO,CAAC,IAAI,EAAE,iBAAiB,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE;IAAE,QAAQ,EAAE,OAAO,CAAC;IAAC,OAAO,EAAE,OAAO,CAAA;CAAE,GAAG,OAAO,CAAC,KAAK,CAAC,CA4C1H;AAED,wBAAgB,QAAQ,CAAC,IAAI,EAAE,GAAG,GAAG,GAAG,GAAG,OAAO,CAAC,KAAK,CAAC,CASxD;AAED,wBAAgB,QAAQ,CAAC,IAAI,EAAE,IAAI,GAAG,OAAO,CAAC,KAAK,CAAC,CAYnD;AAED,wBAAgB,aAAa,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO,CAAC,KAAK,CAAC,CAW1D;AAED,wBAAgB,KAAK,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO,CAAC,KAAK,CAAC,CAUlD;AAED,eAAO,MAAM,eAAe,EAAE,OAAO,CAAC,KAAK,CAKzC,CAAC;AAEH,eAAO,MAAM,cAAc,EAAE,OAAO,CAAC,KAAK,CAMxC,CAAC"}

package/dist/types/components/data-display/DayRuler/DayRuler.types.d.ts

@@ -0,0 +1,105 @@
+import type * as React from 'react';
+import type { DayRulerLabels } from '../../../copy/labels';
+import type { ScheduleBlockTone } from '../ScheduleGrid/ScheduleGrid.types';
+/**
+ * Times on the ruler are HOURS from the day's midnight, fractions included:
+ * `20.75` is 20:45, and a value past 24 is the next morning (`26` is 02:00).
+ */
+export type RulerHour = number;
+/** A scheduled block on a row's track. */
+export interface DayRulerBlock {
+    id: string;
+    start: RulerHour;
+    end: RulerHour;
+    /** What the block says ("↻ 20:39–00:00", "Ausente"). One line, cut with an ellipsis. */
+    label: string;
+    /** What a NARROW block says on a narrow ruler (a phone) instead of a cut label — its start ("20:39"). */
+    shortLabel?: string;
+    tone: ScheduleBlockTone;
+    /** Its middle can be dragged along the row (and Alt+←/→ moves it). */
+    movable?: boolean;
+    /** Its ends can be dragged (and Shift+←/→ moves its end, Shift+Alt+←/→ its start). */
+    resizable?: boolean;
+    /** Drawn with a ring (the block whose window is open). */
+    selected?: boolean;
+    /** Tooltip and full text. Default: `label`. */
+    title?: string;
+    /**
+     * A stretch inside the block that is not worked (a meal break), in ruler
+     * hours, drawn as a hatched gap. It travels with the block while it is
+     * dragged and is cut to the block's ends. The words for it are the host's
+     * (`label`, `title`).
+     */
+    breakSpan?: {
+        start: RulerHour;
+        end: RulerHour;
+    };
+}
+/** The shift as it really runs: a thin bar under the blocks. */
+export interface DayRulerActual {
+    start: RulerHour;
+    end: RulerHour;
+}
+/** One person (or resource) on the day. */
+export interface DayRulerRow {
+    id: string;
+    label: string;
+    /** Under the name ("em turno desde 08:26 · sem escala", "atrasado · era 20:39"). */
+    meta?: string;
+    metaTone?: 'default' | 'warning';
+    /** Beside the name, on its line (a "Freela" tag); moves under the name when the column has no room for both. */
+    nameAdornment?: React.ReactNode;
+    /** Under the meta: the host's chips (praça, "Em pausa desde …"). One line; a chip that does not fit shrinks, its label cut. */
+    chips?: React.ReactNode;
+    /** The row's own buttons ("Encerrar turno", "Iniciar agora"), at the end of the row. */
+    actions?: React.ReactNode;
+    blocks: readonly DayRulerBlock[];
+    actual?: DayRulerActual;
+    /** Written on the track at the actual bar's start ("sem escala · desde 08:26"). */
+    actualLabel?: string;
+    /** The heading of the group this row opens or continues ("Entregas"); a new value starts a new group. */
+    group?: string;
+    /** Makes the name a button. */
+    onLabelClick?: () => void;
+    labelAccessible?: string;
+}
+export interface DayRulerProps {
+    rows: readonly DayRulerRow[];
+    /** The ruler's first hour (default 6, 06:00). */
+    from?: RulerHour;
+    /** Its last hour (default 26, 02:00 the next day). */
+    to?: RulerHour;
+    /** "Agora": a line across every track, when it falls on the ruler. */
+    now?: RulerHour;
+    /** People per hour, one entry per hour from `from` (index 0 = `from…from+1`). Drawn above the axis. */
+    coverage?: readonly number[];
+    /** Beside the coverage row ("Na escala, por hora"). */
+    coverageLabel?: string;
+    /** An axis label every this many hours (default 4). */
+    tickHours?: number;
+    /** Every gesture snaps to this (default 15 minutes). */
+    snapMinutes?: number;
+    /** A click alone on a track creates this long (default 4 hours). */
+    createHours?: number;
+    /** Where Enter on a focused track creates (default: `now` snapped up, else `from`). */
+    createStart?: (rowId: string) => RulerHour;
+    /** No create, move or resize. Block clicks still reach `onBlockClick`. */
+    readOnly?: boolean;
+    onCreate?: (rowId: string, start: RulerHour, end: RulerHour) => void;
+    onMove?: (blockId: string, start: RulerHour, end: RulerHour) => void;
+    onResize?: (blockId: string, start: RulerHour, end: RulerHour) => void;
+    onBlockClick?: (blockId: string) => void;
+    loading?: boolean;
+    error?: React.ReactNode;
+    empty?: React.ReactNode;
+    'aria-label'?: string;
+    /** The component's own words. Default: the English pack. */
+    labels?: Partial<DayRulerLabels>;
+    /**
+     * Base test id (default `day-ruler`). Parts: `-coverage`, `-axis`, `-row-${rowId}`,
+     * `-track-${rowId}`, `-block-${blockId}`, `-handle-l-${blockId}`, `-handle-r-${blockId}`, `-break-${blockId}`,
+     * `-actual-${rowId}`, `-now`, `-preview`, `-live`, `-loading`.
+     */
+    dataTestId?: string;
+}
+//# sourceMappingURL=DayRuler.types.d.ts.map

package/dist/types/components/data-display/DayRuler/DayRuler.types.d.ts.map

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

package/dist/types/components/data-display/DayRuler/day-ruler-model.d.ts

@@ -0,0 +1,26 @@
+import type { RulerHour } from './DayRuler.types';
+/**
+ * THE RULER'S ARITHMETIC, as pure functions (FUT-3825): snapping, clamping,
+ * positions and the HH:MM the ruler writes. Hours are from the day's
+ * midnight; past 24 is the next morning.
+ */
+/** `h` on the `snap`-hour grid (0.25 for 15 minutes). */
+export declare function snapTo(h: RulerHour, snap: number): RulerHour;
+export declare function clamp(h: RulerHour, from: RulerHour, to: RulerHour): RulerHour;
+/** The hour under `x` on a track whose box starts at `left` and is `width` wide, snapped and clamped. */
+export declare function hourAt(x: number, left: number, width: number, from: RulerHour, to: RulerHour, snap: number): RulerHour;
+/** Where `h` sits along the ruler, 0..100 (%), clamped to it. */
+export declare function percentOf(h: RulerHour, from: RulerHour, to: RulerHour): number;
+/** "20:45"; 26 → "02:00", 24 → "00:00". */
+export declare function formatHour(h: RulerHour): string;
+/** "20:45–00:45". */
+export declare function formatRange(start: RulerHour, end: RulerHour): string;
+/** A block slid by `delta`, keeping its length and staying on the ruler. */
+export declare function moved(start: RulerHour, end: RulerHour, delta: number, from: RulerHour, to: RulerHour): [RulerHour, RulerHour];
+/** A block whose `side` was dragged to `h`, never shorter than `minHours`, never off the ruler. */
+export declare function resized(start: RulerHour, end: RulerHour, side: 'start' | 'end', h: RulerHour, minHours: number, from: RulerHour, to: RulerHour): [RulerHour, RulerHour];
+/** A click alone (shorter than `minHours`) becomes `createHours` from where it was pressed. */
+export declare function createdSpan(a: RulerHour, b: RulerHour, minHours: number, createHours: number, to: RulerHour): [RulerHour, RulerHour];
+/** The axis labels: every `step` hours from `from` to `to`, both ends included. */
+export declare function ticksOf(from: RulerHour, to: RulerHour, step: number): RulerHour[];
+//# sourceMappingURL=day-ruler-model.d.ts.map

package/dist/types/components/data-display/DayRuler/day-ruler-model.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"day-ruler-model.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/DayRuler/day-ruler-model.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAElD;;;;GAIG;AAEH,yDAAyD;AACzD,wBAAgB,MAAM,CAAC,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,GAAG,SAAS,CAE5D;AAED,wBAAgB,KAAK,CAAC,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE,EAAE,SAAS,GAAG,SAAS,CAE7E;AAED,yGAAyG;AACzG,wBAAgB,MAAM,CAAC,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,GAAG,SAAS,CAGtH;AAED,iEAAiE;AACjE,wBAAgB,SAAS,CAAC,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE,EAAE,SAAS,GAAG,MAAM,CAE9E;AAED,2CAA2C;AAC3C,wBAAgB,UAAU,CAAC,CAAC,EAAE,SAAS,GAAG,MAAM,CAK/C;AAED,qBAAqB;AACrB,wBAAgB,WAAW,CAAC,KAAK,EAAE,SAAS,EAAE,GAAG,EAAE,SAAS,GAAG,MAAM,CAEpE;AAED,4EAA4E;AAC5E,wBAAgB,KAAK,CAAC,KAAK,EAAE,SAAS,EAAE,GAAG,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE,EAAE,SAAS,GAAG,CAAC,SAAS,EAAE,SAAS,CAAC,CAI7H;AAED,mGAAmG;AACnG,wBAAgB,OAAO,CACrB,KAAK,EAAE,SAAS,EAChB,GAAG,EAAE,SAAS,EACd,IAAI,EAAE,OAAO,GAAG,KAAK,EACrB,CAAC,EAAE,SAAS,EACZ,QAAQ,EAAE,MAAM,EAChB,IAAI,EAAE,SAAS,EACf,EAAE,EAAE,SAAS,GACZ,CAAC,SAAS,EAAE,SAAS,CAAC,CAGxB;AAED,+FAA+F;AAC/F,wBAAgB,WAAW,CACzB,CAAC,EAAE,SAAS,EACZ,CAAC,EAAE,SAAS,EACZ,QAAQ,EAAE,MAAM,EAChB,WAAW,EAAE,MAAM,EACnB,EAAE,EAAE,SAAS,GACZ,CAAC,SAAS,EAAE,SAAS,CAAC,CAKxB;AAED,mFAAmF;AACnF,wBAAgB,OAAO,CAAC,IAAI,EAAE,SAAS,EAAE,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,GAAG,SAAS,EAAE,CAKjF"}

package/dist/types/components/data-display/DayRuler/index.d.ts

@@ -0,0 +1,4 @@
+export { DayRuler } from './DayRuler';
+export type { DayRulerActual, DayRulerBlock, DayRulerProps, DayRulerRow, RulerHour, } from './DayRuler.types';
+export type { DayRulerLabels } from '../../../copy/labels';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/components/data-display/DayRuler/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/DayRuler/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,YAAY,EACV,cAAc,EACd,aAAa,EACb,aAAa,EACb,WAAW,EACX,SAAS,GACV,MAAM,kBAAkB,CAAC;AAC1B,YAAY,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC"}

package/dist/types/components/data-display/DayRuler/useRulerDrag.d.ts

@@ -0,0 +1,45 @@
+import type * as React from 'react';
+import type { DayRulerBlock, RulerHour } from './DayRuler.types';
+type Mode = 'create' | 'move' | 'start' | 'end';
+/** The gesture in progress: the block as it would land if released now. */
+export interface RulerDrag {
+    mode: Mode;
+    rowId: string;
+    /** Absent for a create. */
+    blockId?: string;
+    start: RulerHour;
+    end: RulerHour;
+    moved: boolean;
+}
+interface Scale {
+    from: RulerHour;
+    to: RulerHour;
+    snap: number;
+    createHours: number;
+}
+interface RulerHandlers {
+    onCreate?: (rowId: string, start: RulerHour, end: RulerHour) => void;
+    onMove?: (blockId: string, start: RulerHour, end: RulerHour) => void;
+    onResize?: (blockId: string, start: RulerHour, end: RulerHour) => void;
+}
+export interface RulerDragApi {
+    drag: RulerDrag | null;
+    /** Pointer down on a row's empty track. */
+    startCreate: (event: React.PointerEvent<HTMLElement>, rowId: string) => void;
+    /** Pointer down on a block's middle (`move`) or on one of its end handles. */
+    startBlock: (event: React.PointerEvent<HTMLElement>, rowId: string, block: DayRulerBlock, mode: 'move' | 'start' | 'end') => void;
+    /** True once, for the click a finished drag leaves behind. */
+    takeClick: () => boolean;
+}
+/**
+ * Click-and-drag on the day ruler (FUT-3825): create on an empty track (a
+ * click alone is `createHours`), slide a block by its middle, change its start
+ * or end by its handles — every hour snapped to `snapMinutes` and kept on the
+ * ruler. Window listeners while a drag runs (a release anywhere commits); the
+ * hour comes from the pointer's x over the track's box as it was when the drag
+ * started. Escape, the window losing focus, or a move with no button down
+ * abandons the drag and puts the block back.
+ */
+export declare function useRulerDrag(scale: Scale, handlers: RulerHandlers): RulerDragApi;
+export {};
+//# sourceMappingURL=useRulerDrag.d.ts.map

package/dist/types/components/data-display/DayRuler/useRulerDrag.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useRulerDrag.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/DayRuler/useRulerDrag.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAMpC,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAEjE,KAAK,IAAI,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,GAAG,KAAK,CAAC;AAEhD,2EAA2E;AAC3E,MAAM,WAAW,SAAS;IACxB,IAAI,EAAE,IAAI,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,2BAA2B;IAC3B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,SAAS,CAAC;IACjB,GAAG,EAAE,SAAS,CAAC;IACf,KAAK,EAAE,OAAO,CAAC;CAChB;AAaD,UAAU,KAAK;IACb,IAAI,EAAE,SAAS,CAAC;IAChB,EAAE,EAAE,SAAS,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,UAAU,aAAa;IACrB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,EAAE,SAAS,KAAK,IAAI,CAAC;IACrE,MAAM,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,EAAE,SAAS,KAAK,IAAI,CAAC;IACrE,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,EAAE,SAAS,KAAK,IAAI,CAAC;CACxE;AAED,MAAM,WAAW,YAAY;IAC3B,IAAI,EAAE,SAAS,GAAG,IAAI,CAAC;IACvB,2CAA2C;IAC3C,WAAW,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,YAAY,CAAC,WAAW,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7E,8EAA8E;IAC9E,UAAU,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,YAAY,CAAC,WAAW,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,aAAa,EAAE,IAAI,EAAE,MAAM,GAAG,OAAO,GAAG,KAAK,KAAK,IAAI,CAAC;IAClI,8DAA8D;IAC9D,SAAS,EAAE,MAAM,OAAO,CAAC;CAC1B;AAwCD;;;;;;;;GAQG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,aAAa,GAAG,YAAY,CAgEhF"}

package/dist/types/components/data-display/DayRuler/useTextFits.d.ts

@@ -0,0 +1,14 @@
+import type * as React from 'react';
+/**
+ * Whether a block's full text fits it, by pixels (FUT-3825): the full text's
+ * own width against the room the block leaves it, re-read whenever the block
+ * is resized. A wide block on a narrow ruler keeps "18:00–23:00"; only one too
+ * short for it says its start.
+ *
+ * The full text is measured with its span shown for the measurement alone
+ * (synchronously, so nothing is painted), even while the short text stands in
+ * for it. Where nothing can be measured (no `ResizeObserver`) it answers
+ * `fallback`.
+ */
+export declare function useTextFits(block: React.RefObject<HTMLElement | null>, text: string, fallback: boolean): boolean;
+//# sourceMappingURL=useTextFits.d.ts.map

package/dist/types/components/data-display/DayRuler/useTextFits.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTextFits.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/DayRuler/useTextFits.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAGpC;;;;;;;;;;GAUG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,GAAG,OAAO,CA0BhH"}

package/dist/types/components/data-display/ScheduleGrid/ScheduleGrid.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import type { ScheduleGridProps } from './ScheduleGrid.types';
+/**
+ * People (or resources) as rows, days as columns, and blocks with a start and
+ * an end in the cells — the week grid of a staff schedule (FUT-3825).
+ *
+ * Click an empty cell to create on that day; drag across empty cells of a row
+ * to create on each; drag a block's edge grip along its row to copy it; drag
+ * its middle to move it to another day or row; click it to open it. Touch
+ * scrolls and never drags. Every gesture has a keyboard twin.
+ *
+ * The grid reports gestures; the hours, limits and refusals are the host's.
+ */
+export declare function ScheduleGrid(props: ScheduleGridProps): React.JSX.Element;
+//# sourceMappingURL=ScheduleGrid.d.ts.map

package/dist/types/components/data-display/ScheduleGrid/ScheduleGrid.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScheduleGrid.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/ScheduleGrid/ScheduleGrid.tsx"],"names":[],"mappings":"AAGA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAOjD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAkE9D;;;;;;;;;;GAUG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAsDxE"}

package/dist/types/components/data-display/ScheduleGrid/ScheduleGrid.keyboard.d.ts

@@ -0,0 +1,32 @@
+import type * as React from 'react';
+import type { ScheduleGridLabels } from '../../../copy/labels';
+import type { CellAbilities } from './ScheduleGrid.parts';
+import type { ScheduleGridCell, ScheduleGridColumn, ScheduleGridRow } from './ScheduleGrid.types';
+/**
+ * THE GRID'S KEYBOARD (FUT-3825). Every empty cell's "+" and every block is a
+ * button in the tab order; on top of that:
+ * - arrows move focus to the nearest focusable cell that way;
+ * - Shift+←/→ on a copyable block copies it one day;
+ * - Alt+←/→ on a movable block moves it one day (focus follows it);
+ * either on a block that cannot do it says so (`notMovable`), a taken or
+ * closed day is refused; each is read by the live region. With Ctrl or Meta
+ * the key is not the grid's.
+ */
+export interface GridKeyContext {
+    root: HTMLElement;
+    rows: readonly ScheduleGridRow[];
+    columns: readonly ScheduleGridColumn[];
+    cell: (rowId: string, day: number) => ScheduleGridCell;
+    can: CellAbilities;
+    onCopy?: (blockId: string, days: number[]) => void;
+    onMove?: (blockId: string, toRowId: string, toDay: number) => void;
+    labels: ScheduleGridLabels;
+    say: (text: string) => void;
+    /** Wait for the block at its new day and focus it there. */
+    follow: (blockId: string, day: number) => void;
+}
+/** Every focusable part of the grid (empty cells' buttons and blocks). */
+export declare function focusables(root: HTMLElement): HTMLElement[];
+/** The grid's `onKeyDown`. */
+export declare function handleGridKey(event: React.KeyboardEvent, ctx: GridKeyContext): void;
+//# sourceMappingURL=ScheduleGrid.keyboard.d.ts.map

package/dist/types/components/data-display/ScheduleGrid/ScheduleGrid.keyboard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScheduleGrid.keyboard.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/ScheduleGrid/ScheduleGrid.keyboard.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAEpC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAE/D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,KAAK,EAAqB,gBAAgB,EAAE,kBAAkB,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAErH;;;;;;;;;GASG;AACH,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,WAAW,CAAC;IAClB,IAAI,EAAE,SAAS,eAAe,EAAE,CAAC;IACjC,OAAO,EAAE,SAAS,kBAAkB,EAAE,CAAC;IACvC,IAAI,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,KAAK,gBAAgB,CAAC;IACvD,GAAG,EAAE,aAAa,CAAC;IACnB,MAAM,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACnD,MAAM,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnE,MAAM,EAAE,kBAAkB,CAAC;IAC3B,GAAG,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5B,4DAA4D;IAC5D,MAAM,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;CAChD;AAED,0EAA0E;AAC1E,wBAAgB,UAAU,CAAC,IAAI,EAAE,WAAW,GAAG,WAAW,EAAE,CAE3D;AA4FD,8BAA8B;AAC9B,wBAAgB,aAAa,CAAC,KAAK,EAAE,KAAK,CAAC,aAAa,EAAE,GAAG,EAAE,cAAc,GAAG,IAAI,CAUnF"}

package/dist/types/components/data-display/ScheduleGrid/ScheduleGrid.metrics.d.ts

@@ -0,0 +1,105 @@
+/**
+ * THE WEEK GRID'S NUMBERS — the approved prototype's (FUT-3823, frame d01 at
+ * 1280), in px. The web reads them through `rem`/`sxRem` so a density mode
+ * scales them.
+ */
+export declare const SCHEDULE_GRID_METRICS: {
+    /**
+     * The name column: 200px on a wide computer; 140px on a narrow one and while
+     * the days scroll (a long name or meta still takes two lines, never three);
+     * 120px on a phone-sized pane.
+     */
+    readonly nameColumn: {
+        readonly wide: 200;
+        readonly compact: 140;
+        readonly narrow: 120;
+    };
+    /**
+     * The narrowest a day column gets, per layout (see `layoutsOf` in the
+     * styles, which derives each layout's minimum container from these):
+     * - `wide`: with its edge grips, the hours whole ("20:39–00:00" is 67px);
+     *   a long note wraps to a second line (the block grows), as the
+     *   prototype's `.wb .note` does ("↻ a cada 2 / semanas");
+     * - `compact`: the same, the block's text 9px off each edge
+     *   (`blockPadding.tight`), clear of the grips' bars;
+     * - `scrolled`: the days scroll sideways under the pinned names, grips kept,
+     *   every hours and note line whole (the longest note, "↻ a cada 2
+     *   semanas", is 113px; 152 − 24 − 12 is 116);
+     * - `narrow`: a phone-sized pane, no grips, the same.
+     * Never slivers, never cut hours.
+     */
+    readonly dayMin: {
+        readonly wide: 104;
+        readonly compact: 98;
+        readonly scrolled: 152;
+        readonly narrow: 136;
+    };
+    /** The total column ("18h"). */
+    readonly totalColumn: {
+        readonly wide: 56;
+        readonly compact: 40;
+    };
+    /** Below this container width the pane is phone-sized: no grips (a phone renders DayRuler per day). */
+    readonly narrowBelow: 600;
+    /** Between columns and between rows. */
+    readonly gap: 6;
+    readonly cellMinHeight: 56;
+    readonly cellRadius: 8;
+    readonly cellPadding: 4;
+    /** Between two blocks of one cell (a split shift). */
+    readonly blockGap: 4;
+    readonly blockRadius: 6;
+    /** Inside a block: room for the grips on both sides. */
+    readonly blockPadding: {
+        readonly y: 4;
+        readonly start: 10;
+        readonly end: 14;
+        readonly tight: 9;
+    };
+    readonly blockFont: 12;
+    /** The edge grip's hit area and its bar. */
+    readonly grip: {
+        readonly width: 12;
+        readonly barWidth: 3;
+        readonly barHeight: 16;
+        readonly barRadius: 2;
+    };
+    /** The selected block's ring, and every focus ring. */
+    readonly ring: 2;
+    /** How far a block's focus ring stands off it. */
+    readonly ringOffset: 1;
+    /** A wheel that counts in lines (`deltaMode` 1), forwarded from the header: px per line. */
+    readonly wheelLine: 16;
+    /** The dashed outline of a cell a create or copy will land on. */
+    readonly targetBorder: 1.5;
+    readonly headerLabel: 13;
+    readonly headerSublabel: 13;
+    readonly rowName: 14;
+    readonly rowMeta: 13;
+    readonly groupTitle: 12;
+    readonly total: 13;
+    readonly plusIcon: 16;
+    /** Skeleton rows while loading. */
+    readonly skeletonRows: 4;
+    /** The hatch of a blocked cell: stripe width. */
+    readonly hatch: 6;
+    /** The hatch of a break inside a block: stripe width. */
+    readonly breakStripe: {
+        readonly ink: 2;
+        readonly gap: 3;
+    };
+};
+/**
+ * THE NAME COLUMN'S NUMBERS, shared by the week grid and the day ruler
+ * (`ScheduleNameCell`): the name as a button. In px.
+ */
+export declare const SCHEDULE_NAME_METRICS: {
+    readonly button: {
+        readonly minHeight: 24;
+        readonly radius: 4;
+        readonly ringOffset: 2;
+        readonly hitArea: 40;
+    };
+    readonly ring: 2;
+};
+//# sourceMappingURL=ScheduleGrid.metrics.d.ts.map

package/dist/types/components/data-display/ScheduleGrid/ScheduleGrid.metrics.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScheduleGrid.metrics.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/ScheduleGrid/ScheduleGrid.metrics.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,eAAO,MAAM,qBAAqB;IAChC;;;;OAIG;;;;;;IAEH;;;;;;;;;;;;;OAaG;;;;;;;IAEH,gCAAgC;;;;;IAEhC,uGAAuG;;IAEvG,wCAAwC;;;;;IAKxC,sDAAsD;;;IAGtD,wDAAwD;;;;;;;;IAGxD,4CAA4C;;;;;;;IAE5C,uDAAuD;;IAEvD,kDAAkD;;IAElD,4FAA4F;;IAE5F,kEAAkE;;;;;;;;;IASlE,mCAAmC;;IAEnC,iDAAiD;;IAEjD,yDAAyD;;;;;CAEjD,CAAC;AAEX;;;GAGG;AACH,eAAO,MAAM,qBAAqB;;;;;;;;CAGxB,CAAC"}

package/dist/types/components/data-display/ScheduleGrid/ScheduleGrid.parts.d.ts

@@ -0,0 +1,51 @@
+import type { CSSObject, Theme } from '@mui/material/styles/index.js';
+import type * as React from 'react';
+import type { ScheduleGridLabels } from '../../../copy/labels';
+import type { ScheduleGridCell, ScheduleGridColumn, ScheduleGridProps, ScheduleGridRow } from './ScheduleGrid.types';
+import type { GridDrag, GridDragApi } from './useGridDrag';
+/** What the grid lets a cell do, resolved once per render. */
+export interface CellAbilities {
+    create: boolean;
+    copy: boolean;
+    move: boolean;
+}
+/** A row's shared columns, as an `sx` part. */
+type RowSx = (theme: Theme) => CSSObject;
+interface CellProps {
+    row: ScheduleGridRow;
+    day: number;
+    column: ScheduleGridColumn;
+    cell: ScheduleGridCell;
+    drag: GridDrag | null;
+    dragApi: GridDragApi;
+    can: CellAbilities;
+    createPreview?: (rowId: string) => string;
+    onCreate?: (rowId: string, days: number[]) => void;
+    onBlockClick?: (blockId: string) => void;
+    labels: ScheduleGridLabels;
+    testId: string;
+}
+/** One day of one row: its blocks, a "+" when it is empty, the hatch when it is closed. */
+export declare function GridCell(props: CellProps): React.JSX.Element;
+interface HeaderProps {
+    columns: readonly ScheduleGridColumn[];
+    /** Present when the grid has a last column. */
+    totalLabel?: string;
+    rowSx: RowSx;
+    testId: string;
+}
+export declare function GridHeader({ columns, totalLabel, rowSx, testId }: HeaderProps): React.JSX.Element;
+interface BodyProps {
+    grid: ScheduleGridProps;
+    rows: readonly ScheduleGridRow[];
+    rowSx: RowSx;
+    hasTotal: boolean;
+    can: CellAbilities;
+    dragApi: GridDragApi;
+    labels: ScheduleGridLabels;
+    testId: string;
+}
+/** The groups and their rows — or the skeleton, the host's error, or the host's empty state. */
+export declare function GridBody(body: BodyProps): React.JSX.Element | null;
+export {};
+//# sourceMappingURL=ScheduleGrid.parts.d.ts.map

package/dist/types/components/data-display/ScheduleGrid/ScheduleGrid.parts.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScheduleGrid.parts.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/ScheduleGrid/ScheduleGrid.parts.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC;AACtE,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAEpC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAqB/D,OAAO,KAAK,EAEV,gBAAgB,EAChB,kBAAkB,EAClB,iBAAiB,EACjB,eAAe,EAChB,MAAM,sBAAsB,CAAC;AAE9B,OAAO,KAAK,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAE3D,8DAA8D;AAC9D,MAAM,WAAW,aAAa;IAC5B,MAAM,EAAE,OAAO,CAAC;IAChB,IAAI,EAAE,OAAO,CAAC;IACd,IAAI,EAAE,OAAO,CAAC;CACf;AAED,+CAA+C;AAC/C,KAAK,KAAK,GAAG,CAAC,KAAK,EAAE,KAAK,KAAK,SAAS,CAAC;AAEzC,UAAU,SAAS;IACjB,GAAG,EAAE,eAAe,CAAC;IACrB,GAAG,EAAE,MAAM,CAAC;IACZ,MAAM,EAAE,kBAAkB,CAAC;IAC3B,IAAI,EAAE,gBAAgB,CAAC;IACvB,IAAI,EAAE,QAAQ,GAAG,IAAI,CAAC;IACtB,OAAO,EAAE,WAAW,CAAC;IACrB,GAAG,EAAE,aAAa,CAAC;IACnB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IAC1C,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACnD,YAAY,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,MAAM,EAAE,kBAAkB,CAAC;IAC3B,MAAM,EAAE,MAAM,CAAC;CAChB;AAyHD,2FAA2F;AAC3F,wBAAgB,QAAQ,CAAC,KAAK,EAAE,SAAS,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAqC5D;AAQD,UAAU,WAAW;IACnB,OAAO,EAAE,SAAS,kBAAkB,EAAE,CAAC;IACvC,+CAA+C;IAC/C,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,EAAE,KAAK,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;CAChB;AASD,wBAAgB,UAAU,CAAC,EAAE,OAAO,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,WAAW,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAwBjG;AAED,UAAU,SAAS;IACjB,IAAI,EAAE,iBAAiB,CAAC;IACxB,IAAI,EAAE,SAAS,eAAe,EAAE,CAAC;IACjC,KAAK,EAAE,KAAK,CAAC;IACb,QAAQ,EAAE,OAAO,CAAC;IAClB,GAAG,EAAE,aAAa,CAAC;IACnB,OAAO,EAAE,WAAW,CAAC;IACrB,MAAM,EAAE,kBAAkB,CAAC;IAC3B,MAAM,EAAE,MAAM,CAAC;CAChB;AA0DD,gGAAgG;AAChG,wBAAgB,QAAQ,CAAC,IAAI,EAAE,SAAS,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,IAAI,CAqBlE"}