@crewlethq/ui 0.38.0 → 0.40.0

package/dist/LockedLabel/LockedLabel.d.ts

@@ -0,0 +1,34 @@
+import type { ReactNode } from 'react';
+export interface LockedLabelProps {
+    /** What the place is called: a nav row's words, a tab's. */
+    children: ReactNode;
+    /**
+     * Why the reader cannot open it, as a sentence: "Needs Admin access". Left
+     * out, nothing is locked and the label is drawn as it is, with no mark.
+     */
+    reason?: string | undefined;
+    /**
+     * Draws the key. Off where the place stands under a heading that already
+     * carries it (a nav group whose every row is locked): the reason is still
+     * the title and still read after the name, and the key is drawn once, on
+     * the heading, rather than down every row.
+     */
+    mark?: boolean | undefined;
+    className?: string | undefined;
+}
+/**
+ * A place's name with the key after it, where the reader lacks the access it
+ * takes: the sidebar's rows, a section column's, a section tab's.
+ *
+ * LOCKED, NEVER HIDDEN. A place that vanished for a reader without its access
+ * is one they cannot know exists, and cannot ask an admin for; so the name
+ * stays, the key says it is closed, the pointer's title says why, and a
+ * screen reader hears the reason after the name (", Needs Admin access").
+ *
+ * ONE MARK WHEREVER A PLACE IS OFFERED, so a locked place reads the same in
+ * the rail, in a column of sections and in a row of tabs: a tab that drew no
+ * key looked open and then refused.
+ *
+ * Nothing but the label where nothing is missing.
+ */
+export declare function LockedLabel({ children, reason, mark, className }: LockedLabelProps): import("react").JSX.Element;

package/dist/LockedLabel/index.d.ts

@@ -0,0 +1,3 @@
+import './LockedLabel.css';
+export { LockedLabel } from './LockedLabel.js';
+export type { LockedLabelProps } from './LockedLabel.js';

package/dist/LockedLabel/index.js

@@ -0,0 +1,3 @@
+export { LockedLabel } from '../chunk-OHGH7O6T.js';
+import '../chunk-BZFWDIV6.js';
+import '../chunk-ODEQTPFM.js';

package/dist/LockedLabel-VQEGEB7G.css

@@ -0,0 +1,16 @@
+/*
+ * LockedLabel: a place's words with the key after them. The words keep their
+ * own ink and size; the key takes the quiet step, a step closer to the words
+ * than the words are to anything else.
+ */
+.crewlet-locked-label {
+  display: inline-flex;
+  align-items: center;
+  gap: var(--spacing-1);
+  min-width: 0;
+}
+
+.crewlet-locked-label__key {
+  flex: none;
+  color: var(--color-text-tertiary);
+}

package/dist/MarkdownEditor/index.js

@@ -1,13 +1,16 @@
-export { MARKDOWN_FORMATS, MarkdownEditor, formatMarkdown, insertMarkdown, markdownWords } from '../chunk-GMW4ZHST.js';
+export { MARKDOWN_FORMATS, MarkdownEditor, formatMarkdown, insertMarkdown, markdownWords } from '../chunk-EX22Q5SH.js';
 import '../chunk-NR4CPM4T.js';
-import '../chunk-4ISUIS6F.js';
-import '../chunk-2QZ2VPHR.js';
-import '../chunk-7SDUKCNW.js';
-import '../chunk-RKKO7QHH.js';
+import '../chunk-OOC7Q67K.js';
+import '../chunk-4OK4DX3V.js';
+import '../chunk-X4IXXLWM.js';
+import '../chunk-WIATRXEJ.js';
+import '../chunk-EGMQURBR.js';
 import '../chunk-BHHIIK3M.js';
+import '../chunk-D6FEHY5G.js';
 import '../chunk-OMV5W53A.js';
 import '../chunk-H5XTJ7GJ.js';
 import '../chunk-2YTOOH3A.js';
+import '../chunk-OG6CL3EB.js';
 import '../chunk-4FQT6ZAY.js';
 import '../chunk-NUZHC6MM.js';
 import '../chunk-BZFWDIV6.js';

package/dist/MergeConflicts/index.js

@@ -1,10 +1,16 @@
-export { MERGE_CONFLICTS_LABELS, MergeConflicts } from '../chunk-B5J23C73.js';
-import '../chunk-4ISUIS6F.js';
-import '../chunk-2QZ2VPHR.js';
-import '../chunk-7SDUKCNW.js';
-import '../chunk-RKKO7QHH.js';
+export { MERGE_CONFLICTS_LABELS, MergeConflicts } from '../chunk-2PEXZ7L4.js';
+import '../chunk-OOC7Q67K.js';
+import '../chunk-4OK4DX3V.js';
+import '../chunk-X4IXXLWM.js';
+import '../chunk-WIATRXEJ.js';
+import '../chunk-EGMQURBR.js';
 import '../chunk-BHHIIK3M.js';
+import '../chunk-D6FEHY5G.js';
+import '../chunk-OMV5W53A.js';
+import '../chunk-H5XTJ7GJ.js';
 import '../chunk-2YTOOH3A.js';
 import '../chunk-OG6CL3EB.js';
+import '../chunk-4FQT6ZAY.js';
+import '../chunk-NUZHC6MM.js';
 import '../chunk-BZFWDIV6.js';
 import '../chunk-ODEQTPFM.js';

package/dist/Modal/index.js

@@ -1,4 +1,4 @@
-export { ConfirmModal, Modal } from '../chunk-SVGARBDY.js';
+export { ConfirmModal, Modal } from '../chunk-IAGYPTEJ.js';
 import '../chunk-PQADV6P6.js';
 import '../chunk-OMV5W53A.js';
 import '../chunk-H5XTJ7GJ.js';

package/dist/{Modal-7MWRCWAI.css → Modal-TOEWHDCQ.css}

@@ -379,6 +379,11 @@
  */
 .crewlet-modal__title {
   margin: 0;
+  /* The text face at its own tracking, never the display face every heading
+     element takes from the baseline: the title is an h1 for the outline, at
+     the dialog's own register. */
+  font-family: var(--font-family-sans);
+  letter-spacing: var(--font-letter-spacing-normal);
   font-size: var(--font-size-sm);
   font-weight: var(--font-weight-semibold);
   line-height: var(--font-line-height-tight);

package/dist/ObjectHeader/index.js

@@ -1,4 +1,4 @@
-export { FactLine, ObjectHeader, SetByLine } from '../chunk-VGE3G3T4.js';
+export { FactLine, ObjectHeader, SetByLine } from '../chunk-ODOJJGXH.js';
 import '../chunk-FBSEJO2C.js';
 import '../chunk-BZFWDIV6.js';
 import '../chunk-ODEQTPFM.js';

package/dist/{ObjectHeader-D7GU7QNI.css → ObjectHeader-ZOS22FKX.css}

@@ -1,5 +1,10 @@
 /*
  * The header of an object: its eyebrow, its head row and its fact line.
+ *
+ * SENTENCE CASE, both the eyebrow and the fact labels, as `StatCard`'s label
+ * is: the uppercase, tracked-open micro-caps are a table's column head, and
+ * over an object's name ("UNIT", then TYPE, LEAD and SEATS under it) they put
+ * a heading on every fact and read as a form rather than a record.
  */
 .crewlet-object-header {
   display: flex;
@@ -18,9 +23,7 @@
   align-items: center;
   gap: var(--spacing-2);
   min-width: 0;
-  font-size: var(--font-size-2xs);
-  letter-spacing: var(--font-letter-spacing-wide);
-  text-transform: uppercase;
+  font-size: var(--font-size-xs);
   color: var(--color-text-tertiary);
 }
 
@@ -35,8 +38,6 @@
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
-  letter-spacing: normal;
-  text-transform: none;
 }
 
 .crewlet-object-header__id--mono {
@@ -138,9 +139,7 @@
 }
 
 .crewlet-fact-line__label {
-  font-size: var(--font-size-2xs);
-  letter-spacing: var(--font-letter-spacing-wide);
-  text-transform: uppercase;
+  font-size: var(--font-size-xs);
   color: var(--color-text-tertiary);
 }
 

package/dist/PageNote/PageNote.d.ts

@@ -0,0 +1,14 @@
+import type { HTMLAttributes, ReactNode } from 'react';
+export interface PageNoteProps extends HTMLAttributes<HTMLParagraphElement> {
+    children?: ReactNode;
+}
+/**
+ * One sentence saying what a screen answers, under the page's own title.
+ *
+ * NOT A HEADER. A page bar's breadcrumb is the title; what is left is the
+ * sentence that explains the screen, worth keeping where the screen answers a
+ * question whose shape is not obvious from its name. A quiet line rather than
+ * a panel, at the reading measure: a reader who has read it once scans past it
+ * for ever after. It keeps no margin: the page's column sets the rhythm.
+ */
+export declare function PageNote({ className, children, ...rest }: PageNoteProps): import("react").JSX.Element;

package/dist/PageNote/index.d.ts

@@ -0,0 +1,3 @@
+import './PageNote.css';
+export { PageNote } from './PageNote.js';
+export type { PageNoteProps } from './PageNote.js';

package/dist/PageNote/index.js

@@ -0,0 +1,2 @@
+export { PageNote } from '../chunk-CV4NES3P.js';
+import '../chunk-ODEQTPFM.js';

package/dist/PageNote-RHLXH3ML.css

@@ -0,0 +1,12 @@
+/*
+ * PageNote: the screen's one quiet sentence. No word alone on its last line
+ * (`pretty`), which reads as a sentence that stopped rather than one that
+ * ended. No margin of its own: the column it stands in sets the gap.
+ */
+.crewlet-page-note {
+  margin: 0;
+  max-width: var(--size-measure);
+  font-size: var(--font-size-compact);
+  color: var(--color-text-tertiary);
+  text-wrap: pretty;
+}

package/dist/PropertyList/PropertyList.d.ts

@@ -0,0 +1,88 @@
+import { type ReactNode } from 'react';
+import { type SetBy } from '../ObjectHeader/index.js';
+/** One fact about an object, as a labelled row of its properties. */
+export interface PropertyListItem {
+    /** What the property is called. Also the row's identity within its group. */
+    label: string;
+    /**
+     * The value. Absent (null, undefined or "") draws the dash: the property
+     * exists and holds nothing. `0` and `false` are values and are drawn.
+     */
+    value?: ReactNode;
+    /** A page the value links to. */
+    href?: string | undefined;
+    /** Who last changed it. Never drawn under an absent value, unless the change cleared it. */
+    setBy?: SetBy | undefined;
+    /**
+     * Which change set the value, where the by-line alone cannot tell two apart:
+     * one actor making two edits that both read "2h ago" are still two changes.
+     * Consecutive rows share one by-line only when their by-lines and this agree.
+     */
+    change?: string | undefined;
+    /** Said on hover, where a label needs a sentence the list has no room for. */
+    title?: string | undefined;
+    /**
+     * The label is an IDENTIFIER rather than a word (an environment variable's
+     * name, a tag's key), and wears the mono face. A value that is an identifier
+     * is the caller's to set.
+     */
+    identifierLabel?: boolean | undefined;
+}
+/** A run of properties under one heading. */
+export interface PropertyListGroup {
+    /** The section heading. Left out, the rows run on without one. */
+    name?: string | undefined;
+    items: readonly PropertyListItem[];
+    /**
+     * Said in place of the rows when every one of them is absent: a group nobody
+     * has filled in anywhere is one fact, not one dash per row. Set it only where
+     * the whole group genuinely means one thing when empty ("Nothing scheduled:
+     * no dates, no estimate, no size"); without it every dash stays.
+     */
+    whenAllAbsent?: string | undefined;
+}
+/**
+ * How a group's heading is set. `eyebrow` is the small capitals of a rail
+ * beside an object; `sentence` is sentence case, for a column whose other
+ * sections are titled that way.
+ */
+export type PropertyListHeadings = 'eyebrow' | 'sentence';
+export interface PropertyListProps {
+    groups: readonly PropertyListGroup[];
+    headings?: PropertyListHeadings | undefined;
+    /** What an absent value is read as, in place of the dash. */
+    emptyLabel?: string | undefined;
+    /** The word a by-line's turn link is drawn with. See `SetByLine`. */
+    turnLabel?: string | undefined;
+    /** Names the list for a screen reader, where nothing above it does. */
+    'aria-label'?: string | undefined;
+    className?: string | undefined;
+}
+/**
+ * An object's own facts, as labelled rows in sections, beside or under it.
+ *
+ * ONE TERM COLUMN DOWN THE WHOLE LIST. Each group is its own description list,
+ * so a screen reader hears each section as a list named by its heading, and
+ * each is a subgrid of the one grid, so the labels of every section share a
+ * single column instead of restarting it per section. The column is the
+ * description list's own measure (`--crewlet-description-list-term`), so a
+ * page that sets it once lines this list up with every key-value card on it.
+ *
+ * AN ABSENT VALUE IS A DECISION, not a default, and the caller makes it in
+ * one of four ways that are not interchangeable:
+ *
+ *   - the row is LEFT OUT: this object has no such property at all;
+ *   - the row is a DASH (`value` absent): the property exists and holds nothing;
+ *   - the row SAYS SOMETHING: the emptiness means something a reader should know;
+ *   - the WHOLE GROUP says one thing (`whenAllAbsent`), because every property
+ *     in it is absent. Its heading stays: the group exists and is empty, which
+ *     is a different claim from an object that has no such group.
+ *
+ * ONE ATTRIBUTION PER CHANGE, NOT PER ROW. A create sets several fields at
+ * once, and identical by-lines under each of them are one sentence copied out
+ * several times. A run of consecutive rows set by one change draws ONE line,
+ * naming what it covers, under the last of them. AND NEVER UNDER AN ABSENCE:
+ * provenance under a dash claims somebody set nothing. The exception is a
+ * change that emptied the field, which reads "cleared by".
+ */
+export declare function PropertyList({ groups, headings, emptyLabel, turnLabel, 'aria-label': ariaLabel, className, }: PropertyListProps): import("react").JSX.Element;

package/dist/PropertyList/index.d.ts

@@ -0,0 +1,3 @@
+import './PropertyList.css';
+export { PropertyList } from './PropertyList.js';
+export type { PropertyListGroup, PropertyListHeadings, PropertyListItem, PropertyListProps, } from './PropertyList.js';

package/dist/PropertyList/index.js

@@ -0,0 +1,7 @@
+export { PropertyList } from '../chunk-T6MXORP5.js';
+import '../chunk-ODOJJGXH.js';
+import '../chunk-FBSEJO2C.js';
+import '../chunk-MFS6F2P7.js';
+import '../chunk-EUCC37WY.js';
+import '../chunk-BZFWDIV6.js';
+import '../chunk-ODEQTPFM.js';

package/dist/PropertyList-SCYM66LL.css

@@ -0,0 +1,96 @@
+/*
+ * An object's properties, in sections, on one grid.
+ *
+ * ONE TERM COLUMN DOWN THE WHOLE LIST. Every section is a description list of
+ * its own, laid out as a SUBGRID of this one, so its terms and details sit on
+ * this grid's two tracks and every section's labels start and end where the
+ * others' do. The term track is the description list's own measure,
+ * `--crewlet-description-list-term`, so a page that sets it once lines a list
+ * of properties up with every key-value card on it. Unset, it is the rail's
+ * own: as wide as the longest label, and never under 92px, which a one-word
+ * label ("Due") would otherwise shrink the column to.
+ *
+ * SIDE BY SIDE AT EVERY WIDTH. A list of properties sits in a rail or a card
+ * of its own width, so the window's width says nothing about the room it has;
+ * the description list's narrow step (term over detail) is cancelled below.
+ */
+
+.crewlet-property-list {
+  display: grid;
+  grid-template-columns: var(--crewlet-description-list-term, minmax(92px, max-content)) minmax(0, 1fr);
+  gap: var(--spacing-2) var(--spacing-3);
+  align-items: baseline;
+  min-width: 0;
+  font-size: var(--font-size-compact);
+}
+
+/* Two classes, so the description list's own track and narrow step (one
+   class, in a media query) give way to the subgrid at every width. */
+.crewlet-property-list > .crewlet-property-list__group {
+  grid-column: 1 / -1;
+  grid-template-columns: subgrid;
+  gap: inherit;
+  font-size: inherit;
+}
+
+.crewlet-property-list .crewlet-description-list__detail {
+  margin-bottom: 0;
+}
+
+/* THE LABEL IS AN IDENTIFIER (an environment variable's name, a tag's key),
+   set in the mono face; a word stays in the list's own. */
+.crewlet-property-list__identifier {
+  font-family: var(--font-family-mono);
+}
+
+/*
+ * A SECTION'S HEADING, with a hairline above it that separates it from the
+ * section before. The list's FIRST heading has nothing to be separated from,
+ * so it alone loses the hairline; a list that opens with rows of no section
+ * keeps it on its first heading, which has rows above it.
+ */
+.crewlet-property-list__heading {
+  grid-column: 1 / -1;
+  margin-top: var(--spacing-2);
+  padding-top: var(--spacing-2);
+  border-top: 1px solid var(--color-border-default);
+  color: var(--color-text-tertiary);
+}
+
+.crewlet-property-list__heading:first-child {
+  margin-top: 0;
+  padding-top: 0;
+  border-top: none;
+}
+
+.crewlet-property-list--eyebrow .crewlet-property-list__heading {
+  font-size: var(--font-size-2xs);
+  font-weight: var(--font-weight-medium);
+  letter-spacing: var(--font-letter-spacing-wide);
+  text-transform: uppercase;
+}
+
+.crewlet-property-list--sentence .crewlet-property-list__heading {
+  font-size: var(--font-size-xs);
+  font-weight: var(--font-weight-medium);
+}
+
+/* A SECTION NOBODY HAS FILLED IN, said once across both tracks in the words
+   its caller wrote. It is a sentence a reader has to read, so it takes the
+   tertiary rung, never the muted one (a floor for a mark). */
+.crewlet-property-list__empty {
+  grid-column: 1 / -1;
+  margin: 0;
+  font-size: var(--font-size-xs);
+  color: var(--color-text-tertiary);
+}
+
+/* WHO SET IT, under the value rather than beside it: the value is what the
+   reader came for. A line of its own, so a long actor name cannot push the
+   value out of its track. */
+.crewlet-property-list__set-by {
+  display: block;
+  margin-top: 2px;
+  font-size: var(--font-size-2xs);
+  color: var(--color-text-tertiary);
+}

package/dist/RelatedRow/RelatedRow.d.ts

@@ -0,0 +1,27 @@
+import type { ReactNode } from 'react';
+export interface RelatedRowProps {
+    /** Where the row goes. */
+    href: string;
+    /** The destination's own glyph, at the small step. */
+    icon: ReactNode;
+    /** The place, by its name. */
+    title: ReactNode;
+    /** One sentence: what is there, and where. */
+    description: ReactNode;
+    /** What the region is called for assistive technology. */
+    label?: string | undefined;
+    className?: string | undefined;
+}
+/**
+ * The one related place a page points at, as a quiet linked row under its
+ * content (Policies to the engine's limits, Nodes to its backups).
+ *
+ * A ROW, NOT A FOOTNOTE. A trailing caption ("The caps are in Settings ›
+ * Limits.") was a sentence a reader had to find the link inside. The row
+ * stands on a card's own inset, so its glyph stands under the card heads'
+ * glyphs and its words under their titles, and the whole row is the link.
+ *
+ * An application offers it only to a reader who may open the place: a link to
+ * a page that refuses them is a dead end offered as a way on.
+ */
+export declare function RelatedRow({ href, icon, title, description, label, className }: RelatedRowProps): import("react").JSX.Element;

package/dist/RelatedRow/index.d.ts

@@ -0,0 +1,3 @@
+import './RelatedRow.css';
+export { RelatedRow } from './RelatedRow.js';
+export type { RelatedRowProps } from './RelatedRow.js';

package/dist/RelatedRow/index.js

@@ -0,0 +1,9 @@
+export { RelatedRow } from '../chunk-ZUTUI27P.js';
+import '../chunk-IKBK4A5O.js';
+import '../chunk-ZAC7SKUN.js';
+import '../chunk-INHXF2CL.js';
+import '../chunk-AV2DXAEL.js';
+import '../chunk-BHHIIK3M.js';
+import '../chunk-PQADV6P6.js';
+import '../chunk-BZFWDIV6.js';
+import '../chunk-ODEQTPFM.js';

package/dist/RelatedRow-2FVS6QQA.css

@@ -0,0 +1,6 @@
+/* RelatedRow: the glyphs in the quiet ink; everything else is the kit's card. */
+.crewlet-related-row__glyph {
+  display: inline-flex;
+  flex: none;
+  color: var(--color-text-tertiary);
+}

package/dist/RichEditor/index.js

@@ -1,4 +1,4 @@
-export { RichEditor, preloadRichEditor } from '../chunk-X3UYTAOG.js';
+export { RichEditor, preloadRichEditor } from '../chunk-PFZOFAQ6.js';
 export { RICH_EDITOR_LABELS, richEditorLabels } from '../chunk-CSQTDGTS.js';
 import '../chunk-BAKPMH3S.js';
 import '../chunk-SZZRIHGT.js';

package/dist/SectionFrame/SectionFrame.d.ts

@@ -0,0 +1,76 @@
+import { type ReactNode } from 'react';
+export interface SectionFrameProps {
+    /**
+     * The column's width, as a CSS length: `236px`, the rail's own. Handed in
+     * rather than fixed, so the number an application counts for its own
+     * layout (a peek's threshold) and the column drawn are one value.
+     */
+    columnWidth: string;
+    /**
+     * The column folds to a one-row picker over the body, which takes the
+     * whole width. The APPLICATION decides when, because the width at which a
+     * section beside the column becomes too narrow is its own arithmetic (its
+     * rail, its sheet, the floor its sections need), and the same answer
+     * usually decides something else too; a second measurement here would be a
+     * second answer to one question.
+     */
+    folded?: boolean | undefined;
+    /** A `SectionFrame.Nav` and a `SectionFrame.Body`. */
+    children?: ReactNode;
+    className?: string | undefined;
+}
+/**
+ * A workspace's sections as a column beside the screen: a list of grouped
+ * sections that stays put while the section beside it scrolls, and that
+ * folds, where the window is too narrow for both, to one row naming the
+ * section the reader is on.
+ *
+ * FLUSH WITH THE SHEET. In an `AppShell` the frame takes back the content
+ * column's padding and gives it to the body, so the column runs the full
+ * height of the view with its hairline, and the section keeps the screen's
+ * own inset. The column is the view's height (`100cqb`, the shell's
+ * scroller is a size container), never the section's, so it sticks for the
+ * whole scroll and a long list scrolls inside itself.
+ */
+export declare function SectionFrame({ columnWidth, folded, className, children }: SectionFrameProps): import("react").JSX.Element;
+export declare namespace SectionFrame {
+    var Nav: typeof SectionFrameNav;
+    var Body: typeof SectionFrameBody;
+}
+export interface SectionFrameNavProps {
+    /**
+     * The workspace the sections belong to, by its name: "Settings". The list
+     * is "Settings sections", and the folded picker reads "Settings Section:
+     * People" to a screen reader.
+     */
+    scope: string;
+    /** The section the reader is on, for the folded picker's row. */
+    current?: {
+        label: string;
+        icon?: ReactNode;
+    } | undefined;
+    /**
+     * The address the reader is on, as the rows' own `href`s write it. A
+     * change of it is an arrival: the picker folds again where the reader
+     * picked a row of this list, and opens where `openOnArrival` asks.
+     */
+    location: string;
+    /**
+     * Arriving here opens the folded picker rather than folding it: the
+     * workspace's own address on a phone, which names no section anybody
+     * picked, where a folded row naming the first section hid every group
+     * under it. A deep link to a section arrives folded, so the section it
+     * named starts right under the picker.
+     */
+    openOnArrival?: boolean | undefined;
+    /** The groups of rows: `SidebarNav.Group`s of `SidebarNav.Item`s. */
+    children?: ReactNode;
+}
+/** The frame's column: the sections list, and the picker it folds to. */
+export declare function SectionFrameNav({ scope, current, location, openOnArrival, children }: SectionFrameNavProps): import("react").JSX.Element;
+export interface SectionFrameBodyProps {
+    children?: ReactNode;
+    className?: string | undefined;
+}
+/** The section beside the column, on the screen's own inset. */
+export declare function SectionFrameBody({ children, className }: SectionFrameBodyProps): import("react").JSX.Element;

package/dist/SectionFrame/index.d.ts

@@ -0,0 +1,3 @@
+import './SectionFrame.css';
+export { SectionFrame, SectionFrameBody, SectionFrameNav } from './SectionFrame.js';
+export type { SectionFrameBodyProps, SectionFrameNavProps, SectionFrameProps } from './SectionFrame.js';

package/dist/SectionFrame/index.js

@@ -0,0 +1,7 @@
+export { SectionFrame, SectionFrameBody, SectionFrameNav } from '../chunk-INVSUFJK.js';
+import '../chunk-E7QLG3PG.js';
+import '../chunk-OHGH7O6T.js';
+import '../chunk-FYTIJM2T.js';
+import '../chunk-2YTOOH3A.js';
+import '../chunk-BZFWDIV6.js';
+import '../chunk-ODEQTPFM.js';