@crewlethq/ui 0.11.0 → 0.13.0

package/dist/MarkdownEditor-ZLSHTOIZ.css

@@ -0,0 +1,146 @@
+/*
+ * Writing markdown (MarkdownEditor.tsx): the bar, the source or its preview,
+ * and the footer, in ONE box.
+ *
+ * THE BOX TAKES THE RING, and only for the field. It is the package's one ring
+ * for a field: the box's own hairline drawn in the focus colour, laid on the
+ * boundary (see Input.css). It is asked of the FIELD rather than of
+ * :focus-within, so a reader walking the bar's controls sees each control's
+ * own ring and not a second one round the whole editor.
+ */
+
+.crewlet-markdown-editor {
+  /* The height the field and the preview stand at, so switching between them
+     does not move what is under the editor. */
+  --crewlet-markdown-editor-height: calc(
+    var(--crewlet-markdown-editor-rows, 14) * var(--font-size-compact) * var(--font-line-height-relaxed) +
+      var(--spacing-3) * 2
+  );
+  display: flex;
+  flex-direction: column;
+  min-width: 0;
+  border: 1px solid var(--color-border-control);
+  border-radius: var(--radius-md);
+  background: var(--color-surface-subtle);
+  transition: border-color var(--motion-duration-fast) var(--motion-easing-default);
+}
+
+.crewlet-markdown-editor:hover {
+  border-color: var(--color-border-hover);
+}
+
+.crewlet-markdown-editor:has(.crewlet-markdown-editor__field:focus-visible) {
+  outline: 1px solid var(--color-focus);
+  outline-offset: -1px;
+}
+
+/* A refused body keeps its colour while the writer is in it: the ring takes
+   the danger step, so "here" and "refused" stay one edge. */
+.crewlet-markdown-editor--invalid {
+  border-color: var(--color-feedback-danger);
+}
+
+.crewlet-markdown-editor--invalid:has(.crewlet-markdown-editor__field:focus-visible) {
+  outline-color: var(--color-feedback-danger);
+}
+
+.crewlet-markdown-editor--disabled {
+  opacity: 0.6;
+}
+
+/* The bar sits on the box's top edge, a hairline under it. Two classes, so it
+   outranks the toolbar's own padding whichever stylesheet loads first. */
+.crewlet-markdown-editor .crewlet-markdown-editor__bar {
+  gap: var(--spacing-1);
+  padding: var(--spacing-1) var(--spacing-2);
+  border-block-end: 1px solid var(--color-border-default);
+}
+
+.crewlet-markdown-editor__group {
+  display: inline-flex;
+  align-items: center;
+  gap: calc(var(--spacing-1) / 2);
+}
+
+/* A hairline between groups, so nine controls read as three ideas. */
+.crewlet-markdown-editor__group + .crewlet-markdown-editor__group {
+  padding-inline-start: var(--spacing-1);
+  border-inline-start: 1px solid var(--color-border-default);
+}
+
+.crewlet-markdown-editor__spacer {
+  flex: 1;
+}
+
+.crewlet-markdown-editor__panel {
+  display: flex;
+  flex-direction: column;
+  min-width: 0;
+}
+
+/*
+ * THE SOURCE IS SET IN THE MONOSPACE FACE: a writer counts the hashes of a
+ * heading and lines up the bars of a table, and a proportional face makes
+ * both a guess.
+ */
+.crewlet-markdown-editor__field {
+  display: block;
+  box-sizing: border-box;
+  width: 100%;
+  min-height: var(--crewlet-markdown-editor-height);
+  margin: 0;
+  padding: var(--spacing-3) var(--spacing-4);
+  border: 0;
+  border-radius: 0;
+  background: transparent;
+  font-family: var(--font-family-mono);
+  font-size: var(--font-size-compact);
+  line-height: var(--font-line-height-relaxed);
+  color: var(--color-text-primary);
+  resize: vertical;
+}
+
+.crewlet-markdown-editor__field::placeholder {
+  color: var(--color-text-tertiary);
+}
+
+/* The ring is the box's. A transparent outline stays, because forced colours
+   paints an outline where this would otherwise draw none. */
+.crewlet-markdown-editor__field:focus-visible {
+  outline: 2px solid transparent;
+  outline-offset: -2px;
+}
+
+.crewlet-markdown-editor__field:disabled {
+  cursor: not-allowed;
+}
+
+.crewlet-markdown-editor__preview {
+  min-height: var(--crewlet-markdown-editor-height);
+  padding: var(--spacing-3) var(--spacing-4);
+  min-width: 0;
+}
+
+.crewlet-markdown-editor__empty {
+  margin: 0;
+  font-size: var(--font-size-compact);
+  color: var(--color-text-tertiary);
+}
+
+.crewlet-markdown-editor__footer {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: var(--spacing-1) var(--spacing-3);
+  padding: var(--spacing-1) var(--spacing-3);
+  border-block-start: 1px solid var(--color-border-default);
+  font-size: var(--font-size-xs);
+  font-variant-numeric: tabular-nums;
+  color: var(--color-text-tertiary);
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .crewlet-markdown-editor {
+    transition: none;
+  }
+}

package/dist/Modal/Modal.d.ts

@@ -21,8 +21,12 @@ export type ModalVariant = 'dialog' | 'sheet';
  *
  * `center` is kept for a surface that is the whole of what the reader is doing
  * and has nothing above it to stay in touch with, such as a full-bleed viewer.
+ *
+ * `bottom` is a sheet that rises from the bottom edge, the full width of the
+ * window, rounded on its top corners only: a list a phone's thumb reaches,
+ * such as a switcher opened on a narrow screen.
  */
-export type ModalPlacement = 'center' | 'top';
+export type ModalPlacement = 'center' | 'top' | 'bottom';
 /**
  * How much chrome the surface carries.
  *

package/dist/Modal/index.js

@@ -1,4 +1,4 @@
-export { ConfirmModal, Modal } from '../chunk-TEEJSTFG.js';
+export { ConfirmModal, Modal } from '../chunk-CF6DTETT.js';
 import '../chunk-OG6CL3EB.js';
 import '../chunk-PQADV6P6.js';
 import '../chunk-4FQT6ZAY.js';

package/dist/{Modal-BNT3TDV2.css → Modal-3YJ2GG2T.css}

@@ -84,6 +84,28 @@
   padding-top: var(--spacing-10);
 }
 
+/*
+ * THE BOTTOM SHEET: pinned to the bottom edge with no inset, so it rises from
+ * where a thumb already is. Its frame takes the window's width and keeps a
+ * corner on its top edge only, and its foot stays clear of a phone's home
+ * indicator.
+ */
+.crewlet-modal-overlay--dialog.crewlet-modal-overlay--bottom {
+  align-items: flex-end;
+  padding: 0;
+}
+
+.crewlet-modal-overlay--bottom > .crewlet-modal--dialog {
+  width: 100%;
+  max-height: calc(100dvh - var(--spacing-10));
+  border-bottom: none;
+  border-radius: var(--radius-xl) var(--radius-xl) 0 0;
+  padding-bottom: env(safe-area-inset-bottom, 0px);
+  /* It rises further and sooner than a dialog drops in: a sheet arrives from
+     the edge it is pinned to, and a thumb is waiting on it. */
+  animation: crewlet-modal-lift var(--motion-duration-moderate) var(--motion-easing-emphasized);
+}
+
 /*
  * The sheet's veil fades over the same span the sheet itself travels, so the
  * two are one movement rather than a ground that lands and a panel that
@@ -479,6 +501,13 @@
   }
 }
 
+@keyframes crewlet-modal-lift {
+  from {
+    opacity: 0;
+    transform: translateY(var(--spacing-6));
+  }
+}
+
 /*
  * A SHEET TRAVELS ITS OWN WIDTH, which is what makes the motion read as a
  * sheet rather than as a box appearing beside the page: the frame starts
@@ -502,4 +531,8 @@
   .crewlet-modal--sheet {
     animation: none;
   }
+
+  .crewlet-modal-overlay--bottom > .crewlet-modal--dialog {
+    animation: none;
+  }
 }

package/dist/OrgLabel/index.js

@@ -1,4 +1,4 @@
 export { OrgLabel } from '../chunk-6OF2DBKY.js';
-import '../chunk-3UK4VFSK.js';
+import '../chunk-6NIZCQUM.js';
 import '../chunk-HI6Q2UXQ.js';
 import '../chunk-ODEQTPFM.js';

package/dist/OrgNode/index.js

@@ -1,5 +1,5 @@
 export { OrgNodeDisclosure, OrgNodeLabel, OrgNodeLead } from '../chunk-IHGKPEEV.js';
 import '../chunk-6OF2DBKY.js';
-import '../chunk-3UK4VFSK.js';
+import '../chunk-6NIZCQUM.js';
 import '../chunk-HI6Q2UXQ.js';
 import '../chunk-ODEQTPFM.js';

package/dist/OrgTable/index.js

@@ -1,13 +1,13 @@
-export { OrgTable, OrgTableActions, OrgTableAdd, OrgTableName } from '../chunk-ZMJHK7DR.js';
-import '../chunk-MCPKHYMC.js';
-import '../chunk-S3BCVWTU.js';
+export { OrgTable, OrgTableActions, OrgTableAdd, OrgTableName } from '../chunk-75WOCYGC.js';
+import '../chunk-6LXMLQUM.js';
+import '../chunk-MY374UUD.js';
 import '../chunk-6OF2DBKY.js';
 import '../chunk-53DVJCVW.js';
 import '../chunk-74WGARJE.js';
 import '../chunk-4FQT6ZAY.js';
-import '../chunk-3UK4VFSK.js';
+import '../chunk-6NIZCQUM.js';
 import '../chunk-7RPGY3JE.js';
 import '../chunk-R25RGPUB.js';
-import '../chunk-BZFWDIV6.js';
 import '../chunk-HI6Q2UXQ.js';
+import '../chunk-BZFWDIV6.js';
 import '../chunk-ODEQTPFM.js';

package/dist/Outline/Outline.d.ts

@@ -0,0 +1,72 @@
+import { type HTMLAttributes } from 'react';
+/** One heading of a document, as an outline lists it. */
+export interface OutlineItem {
+    /** The `id` of the heading this entry moves to. */
+    id: string;
+    /** What the reader sees: the heading's own text. */
+    label: string;
+    /** The heading's level, from 1. Each level deeper than the shallowest entry is indented one step. */
+    level: number;
+}
+export interface OutlineProps extends Omit<HTMLAttributes<HTMLElement>, 'onSelect'> {
+    /** The landmark's name, drawn as the outline's own heading: "On this page". */
+    label: string;
+    items: readonly OutlineItem[];
+    /**
+     * The entry whose section the reader is in, usually `useActiveHeading`'s
+     * answer. Drawn with the accent edge and `aria-current="location"`.
+     */
+    activeId?: string | null | undefined;
+    /**
+     * Called with an entry's id when it is pressed. `scrollToHeading` by default,
+     * which brings the heading into view and moves focus to it.
+     */
+    onSelect?: ((id: string) => void) | undefined;
+}
+/**
+ * The headings of the document beside it, as a list a reader moves through
+ * the document with: "On this page".
+ *
+ * BUTTONS, NOT ANCHORS. An application with a hash router keeps its own route
+ * in the fragment, so `href="#section"` would navigate away from the page the
+ * outline belongs to. A press moves to the heading instead, and the address
+ * stays the page's.
+ *
+ * THE CURRENT ENTRY IS MARKED BY ITS OWN EDGE, the accent rule every current
+ * row in the system takes, and by `aria-current="location"`, so a screen reader
+ * hears where in the document the reader is rather than a colour standing for
+ * it.
+ */
+export declare function Outline({ label, items, activeId, onSelect, className, ...rest }: OutlineProps): import("react").JSX.Element;
+/**
+ * Brings the element with `id` into view and moves focus to it, so a keyboard
+ * carries on reading from the heading it chose rather than from the outline.
+ *
+ * A heading is not focusable, so it is given `tabindex="-1"`: focusable by
+ * script, never a tab stop. The scroll is smooth unless the reader asked for
+ * less motion, and focus is moved without a second, instant scroll. Answers
+ * false when nothing has that id.
+ */
+export declare function scrollToHeading(id: string, ownerDocument?: Document): boolean;
+export interface ActiveHeadingOptions {
+    /** The element that scrolls the headings, or `null` for the window. */
+    root?: HTMLElement | null | undefined;
+    /**
+     * How far below the top of the scroller a heading counts as reached, in
+     * pixels. The heading the reader has scrolled past last is the current one.
+     */
+    offset?: number | undefined;
+}
+/**
+ * Which of the headings `ids` the reader is in: the last one scrolled past
+ * the top of `root`, the first while none has been, and the LAST once the
+ * scroller can go no further, because a closing section shorter than the
+ * view would otherwise never become current at all.
+ *
+ * MEASURED ON A FRAME, never on every scroll event: a scroll fires faster than
+ * a screen draws, and reading every heading's box on each one is a layout per
+ * event. A heading the document does not hold is skipped rather than fatal,
+ * so an outline built a moment before its body renders settles on the next
+ * frame instead of throwing.
+ */
+export declare function useActiveHeading(ids: readonly string[], { root, offset }?: ActiveHeadingOptions): string | null;

package/dist/Outline/index.d.ts

@@ -0,0 +1,3 @@
+import './Outline.css';
+export { Outline, scrollToHeading, useActiveHeading } from './Outline.js';
+export type { ActiveHeadingOptions, OutlineItem, OutlineProps } from './Outline.js';

package/dist/Outline/index.js

@@ -0,0 +1,2 @@
+export { Outline, scrollToHeading, useActiveHeading } from '../chunk-A5YKNRG6.js';
+import '../chunk-ODEQTPFM.js';

package/dist/Outline-VCXKKU3E.css

@@ -0,0 +1,78 @@
+/*
+ * A document's outline, "On this page" (Outline.tsx).
+ *
+ * QUIET UNTIL IT IS CURRENT. The entries are the tertiary ink at the caption
+ * step, so the column beside a page reads as a map rather than as a second
+ * page, and the entry the reader is in takes the primary ink and the accent
+ * edge every current row in the system takes.
+ */
+
+.crewlet-outline {
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-2);
+  min-width: 0;
+}
+
+/* The outline's name in the register of a group label: sentence case at the
+   caption step, the 4.5:1 ink. */
+.crewlet-outline__title {
+  margin: 0;
+  font-family: var(--font-family-sans);
+  font-size: var(--font-size-xs);
+  font-weight: var(--font-weight-medium);
+  line-height: var(--font-line-height-tight);
+  color: var(--color-text-tertiary);
+}
+
+.crewlet-outline__list {
+  display: flex;
+  flex-direction: column;
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+
+/*
+ * One entry: the heading's text, wrapped rather than cut, because a heading
+ * cut to fit is a section the reader cannot tell from its neighbour. The edge
+ * the current entry draws is held on every entry in its resting colour, so
+ * nothing moves when the current entry changes.
+ */
+.crewlet-outline__item {
+  display: block;
+  width: 100%;
+  min-height: var(--size-target-min);
+  margin: 0;
+  padding: calc(var(--spacing-1) / 2) var(--spacing-2);
+  padding-inline-start: calc(var(--spacing-3) + var(--spacing-3) * var(--crewlet-outline-depth, 0));
+  border: 0;
+  border-inline-start: 2px solid var(--color-border-default);
+  border-radius: 0;
+  background: none;
+  font-family: var(--font-family-sans);
+  font-size: var(--font-size-xs);
+  font-weight: var(--font-weight-regular);
+  line-height: var(--font-line-height-snug);
+  text-align: start;
+  color: var(--color-text-tertiary);
+  overflow-wrap: anywhere;
+  cursor: pointer;
+}
+
+.crewlet-outline__item:hover {
+  color: var(--color-text-primary);
+}
+
+/* The ring lies on the entry's own edge, never a second line beside it. */
+.crewlet-outline__item:focus-visible {
+  outline: 2px solid var(--color-focus);
+  outline-offset: var(--size-focus-ring-inset-offset);
+}
+
+/* The weight stays the resting one: a bolder entry is a wider one, and a
+   wider entry can wrap onto a second line as the reader scrolls past it. */
+.crewlet-outline__item--current {
+  border-inline-start-color: var(--color-brand-accent);
+  color: var(--color-text-primary);
+}

package/dist/Popover/Popover.d.ts

@@ -19,6 +19,26 @@ interface PopoverBaseProps {
     side?: PopoverSide | undefined;
     /** `match` sizes the panel to the anchor, which is what a Select wants. */
     width?: PopoverWidth | undefined;
+    /**
+     * Moves the panel along the anchor's edge after it is aligned, in pixels; a
+     * negative shift moves it toward the start. A function is asked on every
+     * placement, with the panel and the anchor, for a shift measured from what
+     * the two draw: lining a list's first column up under the anchor's own text
+     * is a distance in the panel's padding and the anchor's, both of which move
+     * with the density.
+     */
+    alignOffset?: number | ((panel: HTMLElement, anchor: HTMLElement) => number) | undefined;
+    /**
+     * How far the panel stands off the anchor's edge, in pixels: the layer's own
+     * gap unless a design measures the space under its anchor differently.
+     */
+    sideOffset?: number | undefined;
+    /**
+     * Where a dialog panel's focus starts, if not its first control. A search
+     * field focused on a touch screen raises a keyboard over the list it
+     * searches, so a panel opened by a tap can start on itself instead.
+     */
+    initialFocus?: (() => HTMLElement | null) | undefined;
     className?: string | undefined;
     /** Controlled. Leave it out for a panel that owns its own open state. */
     open?: boolean | undefined;
@@ -87,5 +107,5 @@ export type PopoverReason = DismissReason | 'trigger' | 'content' | 'anchor-gone
  *   on them at the document, and so does a chord with Control, Command or Alt,
  *   which is an application shortcut rather than a key of the panel's.
  */
-export declare function Popover({ trigger, children, align, side, width, role, label, className, open: controlled, defaultOpen, onOpenChange, }: PopoverProps): import("react").JSX.Element;
+export declare function Popover({ trigger, children, align, side, width, alignOffset, sideOffset, initialFocus, role, label, className, open: controlled, defaultOpen, onOpenChange, }: PopoverProps): import("react").JSX.Element;
 export {};

package/dist/Popover/index.js

@@ -1,4 +1,4 @@
-export { Popover } from '../chunk-PDUZO35I.js';
+export { Popover } from '../chunk-O2ZDZZS7.js';
 import '../chunk-7RPGY3JE.js';
 import '../chunk-R25RGPUB.js';
 import '../chunk-ODEQTPFM.js';

package/dist/ReadingPane/ReadingPane.d.ts

@@ -0,0 +1,95 @@
+import { type HTMLAttributes, type ReactNode } from 'react';
+import { type HeadingLevel } from '../utils/headingLevel.js';
+export interface ReadingPaneProps extends HTMLAttributes<HTMLElement> {
+    /** Overrides the level the title is rendered at. */
+    headingLevel?: HeadingLevel | undefined;
+}
+/**
+ * One item read in full, top to bottom, in one column: the line saying who is
+ * asking and about what, the question in large type, its context, the
+ * reasoning behind a recommendation, the answer, and the conversation.
+ *
+ * ONE COLUMN AND NOTHING TO OPEN. Every detail an item has is part of its
+ * reading, in the order a reader needs it, so nothing hides behind a toggle
+ * and nothing is said twice. The column is bounded to a reading measure and
+ * centred in whatever pane holds it, and it narrows its margins when the pane
+ * itself is narrow, measured on the pane rather than the window, because a
+ * pane beside a list is narrow on a wide screen too.
+ *
+ * The article is named by its title, so a reader moving by landmark hears the
+ * question rather than "article".
+ */
+export declare function ReadingPane({ headingLevel, className, children, ...rest }: ReadingPaneProps): import("react").JSX.Element;
+export declare namespace ReadingPane {
+    var Byline: typeof ReadingPaneByline;
+    var Title: typeof ReadingPaneTitle;
+    var Lead: typeof ReadingPaneLead;
+    var Quote: typeof ReadingPaneQuote;
+    var Reasoning: typeof ReadingPaneReasoning;
+    var Outcome: typeof ReadingPaneOutcome;
+    var Section: typeof ReadingPaneSection;
+}
+export interface ReadingPaneBylineProps extends HTMLAttributes<HTMLParagraphElement> {
+    /** A control at the start of the line: Back to the list, on a phone. */
+    start?: ReactNode;
+    /** Before the sentence: an avatar. */
+    leading?: ReactNode;
+    /**
+     * After the sentence, in the quiet ink: why it reached the reader, where the
+     * sentence does not already say so ("you follow this task").
+     */
+    note?: ReactNode;
+}
+/**
+ * The one sentence over the item: who, what is asked of the reader, and the
+ * task. Set the name in `strong` and the task as a quiet link. The time is
+ * not repeated here, because the row in the list already carries it.
+ */
+export declare function ReadingPaneByline({ start, leading, note, className, children, ...rest }: ReadingPaneBylineProps): import("react").JSX.Element;
+export type ReadingPaneTitleProps = HTMLAttributes<HTMLHeadingElement>;
+/** The question, the stop or what changed, in large type. It names the pane. */
+export declare function ReadingPaneTitle({ className, children, ...rest }: ReadingPaneTitleProps): import("react").JSX.Element;
+export type ReadingPaneLeadProps = HTMLAttributes<HTMLDivElement>;
+/**
+ * What the title needs to be understood: the context of a question, what a
+ * change adds to its own sentence. A block rather than a paragraph, so it can
+ * hold rendered markdown of more than one paragraph.
+ */
+export declare function ReadingPaneLead({ className, children, ...rest }: ReadingPaneLeadProps): import("react").JSX.Element;
+export interface ReadingPaneQuoteProps extends HTMLAttributes<HTMLQuoteElement> {
+    /**
+     * Words a machine wrote, verbatim: a coding run's question. Set in the mono
+     * face behind a rule, small, rather than as prose a person wrote.
+     */
+    verbatim?: boolean | undefined;
+}
+/** Somebody's own words, quoted whole: the comment a notice is about. */
+export declare function ReadingPaneQuote({ verbatim, className, children, ...rest }: ReadingPaneQuoteProps): import("react").JSX.Element;
+export interface ReadingPaneReasoningProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {
+    /** Whose reasoning, and what it recommends: "Crewlet-PM recommends **Accept**". */
+    title: ReactNode;
+    /** Under the reasoning: the evidence it rests on. */
+    footer?: ReactNode;
+}
+/**
+ * Why the asker recommends what it does, on an inset ground so it reads as an
+ * aside to the question rather than part of it, with the evidence it cites
+ * underneath.
+ */
+export declare function ReadingPaneReasoning({ title, footer, className, children, ...rest }: ReadingPaneReasoningProps): import("react").JSX.Element;
+export type ReadingPaneOutcomeProps = HTMLAttributes<HTMLParagraphElement>;
+/**
+ * What the reader's action did, in place of the controls that did it:
+ * "Answered **Accept**". A live region, so the line is announced when it
+ * replaces the button that was just pressed.
+ */
+export declare function ReadingPaneOutcome({ className, children, ...rest }: ReadingPaneOutcomeProps): import("react").JSX.Element;
+export interface ReadingPaneSectionProps extends Omit<HTMLAttributes<HTMLElement>, 'title'> {
+    /** What is below it, said exactly: "Replies to this question". */
+    label: ReactNode;
+}
+/**
+ * A part of the reading after the answer, the conversation most of all, set
+ * off by a hairline and named by a heading in the micro-label register.
+ */
+export declare function ReadingPaneSection({ label, className, children, ...rest }: ReadingPaneSectionProps): import("react").JSX.Element;

package/dist/ReadingPane/index.d.ts

@@ -0,0 +1,3 @@
+import './ReadingPane.css';
+export { ReadingPane, ReadingPaneByline, ReadingPaneTitle, ReadingPaneLead, ReadingPaneQuote, ReadingPaneReasoning, ReadingPaneOutcome, ReadingPaneSection, } from './ReadingPane.js';
+export type { ReadingPaneProps, ReadingPaneBylineProps, ReadingPaneTitleProps, ReadingPaneLeadProps, ReadingPaneQuoteProps, ReadingPaneReasoningProps, ReadingPaneOutcomeProps, ReadingPaneSectionProps, } from './ReadingPane.js';

package/dist/ReadingPane/index.js

@@ -0,0 +1,4 @@
+export { ReadingPane, ReadingPaneByline, ReadingPaneLead, ReadingPaneOutcome, ReadingPaneQuote, ReadingPaneReasoning, ReadingPaneSection, ReadingPaneTitle } from '../chunk-ZAJHGDAW.js';
+import '../chunk-RK4XPHVG.js';
+import '../chunk-PQADV6P6.js';
+import '../chunk-ODEQTPFM.js';