@arbor-education/design-system.components 4.5.0 → 4.7.0-alpha.0

package/dist/pages/studentProfilePage/StudentProfilePage.js

@@ -0,0 +1,52 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import classnames from 'classnames';
+import { Button } from '../../components/button/Button.js';
+import { Dropdown } from '../../components/dropdown/Dropdown.js';
+import { Section } from '../../components/section/Section.js';
+import { Separator } from '../../components/separator/Separator.js';
+import { Tag } from '../../components/tag/Tag.js';
+import { Table } from '../../components/table/Table.js';
+import { TooltipWrapper } from '../../components/tooltip/TooltipWrapper.js';
+const EDUCATION_HISTORY_COLUMNS = [
+    { field: 'dateRange', headerName: 'Date Range', flex: 1 },
+    { field: 'institution', headerName: 'Institution', flex: 2 },
+    { field: 'type', headerName: 'Type', flex: 1 },
+];
+const MOCK_EDUCATION_HISTORY = [
+    {
+        id: '1',
+        dateRange: '01 Sep 2018 - ongoing',
+        institution: 'Sunnyville School of Product Management',
+        type: 'School',
+    },
+];
+/**
+ * StudentProfilePage
+ *
+ * A page composed from existing Arbor design system components to match
+ * the Student Profile Figma design (node 551:41974).
+ *
+ * Generated from: https://www.figma.com/design/UKQfcxnT4rlHHNuiumt4o1/Arbor-Design-System?node-id=551-41974
+ *
+ * Components used:
+ * - Button (primary, secondary, tertiary, dropdown variants)
+ * - Section (all content panels)
+ * - Tag (student categorisation labels)
+ * - Dropdown (section filter, action menus)
+ * - Table (education history)
+ * - TooltipWrapper (parental engagement help)
+ * - Separator (dividers between sections)
+ *
+ * Placeholder SVGs used (missing components):
+ * - TopNav — no AppHeader component in library yet
+ * - SideNavIcons — no SideNav component in library yet
+ * - SideNavText — no SideNav component in library yet
+ * - Breadcrumbs — no Breadcrumbs component in library yet
+ * - Avatar — no Avatar component in library yet
+ * - CalendarWidget — no WeeklySchedule component in library yet
+ */
+export const StudentProfilePage = ({ className, onSuggestSummary, onAddIdentity, onAddContactDetails, onAddFamily, onAddLegal, onAddParentalEngagement, onAddEducationHistory, onPreviousStudent, onNextStudent, onRecordPlannedAbsence, educationHistory = MOCK_EDUCATION_HISTORY, }) => {
+    return (_jsxs("div", { className: classnames('ds-student-profile-page', className), children: [_jsxs("svg", { role: "img", "aria-label": "TopNav placeholder - component not yet available in design system", width: "100%", height: "48", xmlns: "http://www.w3.org/2000/svg", className: "ds-student-profile-page__placeholder", children: [_jsx("rect", { width: "100%", height: "100%", fill: "#1a1a2e", rx: "0" }), _jsx("text", { x: "50%", y: "55%", textAnchor: "middle", dominantBaseline: "middle", fill: "#aaaaaa", fontSize: "12", fontFamily: "sans-serif", fontWeight: "600", children: "TopNav / AppHeader" }), _jsx("text", { x: "50%", y: "80%", textAnchor: "middle", dominantBaseline: "middle", fill: "#666666", fontSize: "10", fontFamily: "sans-serif", children: "Component not yet available in design system" })] }), _jsxs("div", { className: "ds-student-profile-page__body", children: [_jsxs("svg", { role: "img", "aria-label": "SideNav icon variant placeholder - component not yet available in design system", width: "58", height: "100%", xmlns: "http://www.w3.org/2000/svg", className: "ds-student-profile-page__placeholder ds-student-profile-page__side-nav-icons", children: [_jsx("rect", { width: "100%", height: "100%", fill: "#f0f0f0" }), _jsx("text", { x: "50%", y: "50%", textAnchor: "middle", dominantBaseline: "middle", fill: "#888888", fontSize: "9", fontFamily: "sans-serif", fontWeight: "600", transform: "rotate(-90, 29, 200)", children: "SideNav (icons)" })] }), _jsxs("svg", { role: "img", "aria-label": "SideNav text variant placeholder - component not yet available in design system", width: "232", height: "100%", xmlns: "http://www.w3.org/2000/svg", className: "ds-student-profile-page__placeholder ds-student-profile-page__side-nav-text", children: [_jsx("rect", { width: "100%", height: "100%", fill: "#f8f8f8" }), _jsx("text", { x: "50%", y: "50%", textAnchor: "middle", dominantBaseline: "middle", fill: "#888888", fontSize: "11", fontFamily: "sans-serif", fontWeight: "600", transform: "rotate(-90, 116, 300)", children: "SideNav (text)" })] }), _jsxs("div", { className: "ds-student-profile-page__main-area", children: [_jsxs("main", { className: "ds-student-profile-page__content", children: [_jsxs("svg", { role: "img", "aria-label": "Breadcrumbs placeholder - component not yet available in design system", width: "100%", height: "24", xmlns: "http://www.w3.org/2000/svg", className: "ds-student-profile-page__placeholder", children: [_jsx("rect", { width: "100%", height: "100%", fill: "#f5f5f5", rx: "2" }), _jsx("rect", { x: "1", y: "1", width: "calc(100% - 2px)", height: "22", fill: "none", stroke: "#cccccc", strokeWidth: "1", strokeDasharray: "6 3", rx: "2" }), _jsx("text", { x: "16", y: "55%", dominantBaseline: "middle", fill: "#888888", fontSize: "11", fontFamily: "sans-serif", children: "All Students > Browse Students > Christopher Longbottom > Student Profile" }), _jsx("text", { x: "98%", y: "55%", textAnchor: "end", dominantBaseline: "middle", fill: "#aaaaaa", fontSize: "10", fontFamily: "sans-serif", children: "Breadcrumbs (missing)" })] }), _jsxs("div", { className: "ds-student-profile-page__page-heading", children: [_jsxs("svg", { role: "img", "aria-label": "Avatar placeholder - component not yet available in design system", width: "40", height: "40", xmlns: "http://www.w3.org/2000/svg", className: "ds-student-profile-page__placeholder ds-student-profile-page__avatar", children: [_jsx("circle", { cx: "20", cy: "20", r: "19", fill: "#e8e8e8", stroke: "#cccccc", strokeWidth: "1", strokeDasharray: "4 2" }), _jsx("text", { x: "50%", y: "55%", textAnchor: "middle", dominantBaseline: "middle", fill: "#888888", fontSize: "10", fontFamily: "sans-serif", fontWeight: "600", children: "CL" })] }), _jsx("h1", { className: "ds-student-profile-page__title", children: "Student Profile" }), _jsx(Button, { variant: "primary", size: "S", onClick: onSuggestSummary, className: "ds-student-profile-page__suggest-btn", children: "Suggest Student Summary" })] }), _jsx(Separator, {}), _jsx(Section, { title: "Christopher Longbottom", headingLevel: 2, className: "ds-student-profile-page__info-panel", children: _jsxs("dl", { className: "ds-student-profile-page__dl", children: [_jsxs("div", { className: "ds-student-profile-page__dl-row", children: [_jsx("dt", { className: "ds-student-profile-page__dl-label", children: "Label Text" }), _jsx("dd", { className: "ds-student-profile-page__dl-value", children: "TBD" })] }), _jsxs("div", { className: "ds-student-profile-page__dl-row", children: [_jsx("dt", { className: "ds-student-profile-page__dl-label", children: "Label Text" }), _jsx("dd", { className: "ds-student-profile-page__dl-value", children: "Year 7" })] }), _jsxs("div", { className: "ds-student-profile-page__dl-row", children: [_jsx("dt", { className: "ds-student-profile-page__dl-label", children: "Label Text" }), _jsx("dd", { className: "ds-student-profile-page__dl-value", children: "Whartons" })] }), _jsxs("div", { className: "ds-student-profile-page__dl-row", children: [_jsx("dt", { className: "ds-student-profile-page__dl-label", children: "Label Text" }), _jsx("dd", { className: "ds-student-profile-page__dl-value", children: "15 Nov 2012 (12y 5m)" })] }), _jsxs("div", { className: "ds-student-profile-page__dl-row", children: [_jsx("dt", { className: "ds-student-profile-page__dl-label", children: "Label Text" }), _jsx("dd", { className: "ds-student-profile-page__dl-value", children: "Cassandra Longbottom" })] }), _jsxs("div", { className: "ds-student-profile-page__dl-row ds-student-profile-page__dl-row--tags", children: [_jsx("dt", { className: "ds-student-profile-page__dl-label", children: "Label Text" }), _jsx("dd", { className: "ds-student-profile-page__dl-value", children: _jsxs("div", { className: "ds-student-profile-page__tags", children: [_jsx(Tag, { text: "Tag Content", color: "blue" }), _jsx(Tag, { text: "Disadvantaged", color: "orange" }), _jsx(Tag, { text: "FSM", color: "green" }), _jsx(Tag, { text: "Pupil Premium Eligible", color: "purple" }), _jsx(Tag, { text: "EAL", color: "teal" }), _jsx(Tag, { text: "Service Child", color: "yellow" }), _jsx(Tag, { text: "Has Medical Condition", color: "salmon" })] }) })] })] }) }), _jsx(Separator, {}), _jsx("div", { className: "ds-student-profile-page__filter-bar", children: _jsxs(Dropdown, { children: [_jsx(Dropdown.Trigger, { children: _jsx(Button, { variant: "dropdown", size: "S", children: "All Sections" }) }), _jsxs(Dropdown.Content, { children: [_jsx(Dropdown.Item, { children: "Identity" }), _jsx(Dropdown.Item, { children: "Student Contact Details" }), _jsx(Dropdown.Item, { children: "Family, Guardians and Contacts" }), _jsx(Dropdown.Item, { children: "Legal" }), _jsx(Dropdown.Item, { children: "Parental Engagement" }), _jsx(Dropdown.Item, { children: "Education & Employment Status History" }), _jsx(Dropdown.Item, { children: "Admin Functions" })] })] }) }), _jsx(Section, { title: "Pinned Items", headingLevel: 2, className: "ds-student-profile-page__pinned-section", children: _jsxs("dl", { className: "ds-student-profile-page__dl", children: [_jsxs("div", { className: "ds-student-profile-page__dl-row", children: [_jsx("dt", { className: "ds-student-profile-page__dl-label", children: "Individual Education Plan" }), _jsx("dd", { className: "ds-student-profile-page__dl-value", children: "IEP 25/27" })] }), _jsxs("div", { className: "ds-student-profile-page__dl-row", children: [_jsx("dt", { className: "ds-student-profile-page__dl-label", children: "Medical Condition" }), _jsx("dd", { className: "ds-student-profile-page__dl-value", children: "Asthma" })] }), _jsxs("div", { className: "ds-student-profile-page__dl-row", children: [_jsx("dt", { className: "ds-student-profile-page__dl-label", children: "SEM note" }), _jsx("dd", { className: "ds-student-profile-page__dl-value", children: "S & L Profile Completed" })] })] }) }), _jsx(Separator, {}), _jsx(Section, { title: "Identity", headingLevel: 2, buttonText: "+ Add", buttonOnClick: onAddIdentity, buttonVariant: "tertiary", buttonSize: "S", children: _jsxs("dl", { className: "ds-student-profile-page__dl", children: [_jsxs("div", { className: "ds-student-profile-page__dl-row", children: [_jsx("dt", { className: "ds-student-profile-page__dl-label", children: "Name" }), _jsx("dd", { className: "ds-student-profile-page__dl-value", children: "Christopher Longbottom" })] }), _jsxs("div", { className: "ds-student-profile-page__dl-row", children: [_jsx("dt", { className: "ds-student-profile-page__dl-label", children: "Sex" }), _jsx("dd", { className: "ds-student-profile-page__dl-value", children: "Male" })] }), _jsxs("div", { className: "ds-student-profile-page__dl-row", children: [_jsx("dt", { className: "ds-student-profile-page__dl-label", children: "Gender Identity" }), _jsx("dd", { className: "ds-student-profile-page__dl-value", children: "Not specified" })] }), _jsxs("div", { className: "ds-student-profile-page__dl-row", children: [_jsx("dt", { className: "ds-student-profile-page__dl-label", children: "Date of Birth" }), _jsx("dd", { className: "ds-student-profile-page__dl-value", children: "12 Nov 2013" })] }), _jsxs("div", { className: "ds-student-profile-page__dl-row", children: [_jsx("dt", { className: "ds-student-profile-page__dl-label", children: "Nationality" }), _jsx("dd", { className: "ds-student-profile-page__dl-value", children: "United Kingdom (Citizen)" })] }), _jsxs("div", { className: "ds-student-profile-page__dl-row", children: [_jsx("dt", { className: "ds-student-profile-page__dl-label", children: "Religion" }), _jsx("dd", { className: "ds-student-profile-page__dl-value", children: "Atheist" })] }), _jsxs("div", { className: "ds-student-profile-page__dl-row", children: [_jsx("dt", { className: "ds-student-profile-page__dl-label", children: "Arbor Student ID" }), _jsx("dd", { className: "ds-student-profile-page__dl-value", children: "751" })] }), _jsxs("div", { className: "ds-student-profile-page__dl-row", children: [_jsx("dt", { className: "ds-student-profile-page__dl-label", children: "Student Number" }), _jsx("dd", { className: "ds-student-profile-page__dl-value", children: "307" })] }), _jsxs("div", { className: "ds-student-profile-page__dl-row", children: [_jsx("dt", { className: "ds-student-profile-page__dl-label", children: "UPN" }), _jsx("dd", { className: "ds-student-profile-page__dl-value", children: "415" })] })] }) }), _jsx(Separator, {}), _jsx(Section, { title: "Student Contact Details", headingLevel: 2, buttonText: "+ Add", buttonOnClick: onAddContactDetails, buttonVariant: "tertiary", buttonSize: "S", children: _jsxs("dl", { className: "ds-student-profile-page__dl", children: [_jsxs("div", { className: "ds-student-profile-page__dl-row", children: [_jsx("dt", { className: "ds-student-profile-page__dl-label", children: "Label Text" }), _jsx("dd", { className: "ds-student-profile-page__dl-value", children: _jsx("a", { href: "mailto:christopher.longbottom@gmail.com", className: "ds-student-profile-page__link", children: "christopher.longbottom@gmail.com" }) })] }), _jsxs("div", { className: "ds-student-profile-page__dl-row", children: [_jsx("dt", { className: "ds-student-profile-page__dl-label", children: "Label Text" }), _jsx("dd", { className: "ds-student-profile-page__dl-value", children: "07700 890321" })] }), _jsxs("div", { className: "ds-student-profile-page__dl-row", children: [_jsx("dt", { className: "ds-student-profile-page__dl-label", children: "Label Text" }), _jsx("dd", { className: "ds-student-profile-page__dl-value", children: "09 Jun 2009" })] }), _jsxs("div", { className: "ds-student-profile-page__dl-row", children: [_jsx("dt", { className: "ds-student-profile-page__dl-label", children: "Label Text" }), _jsxs("dd", { className: "ds-student-profile-page__dl-value", children: ["145 Doyle Gardens", _jsx("br", {}), "London", _jsx("br", {}), "N6M 3S5"] })] })] }) }), _jsx(Separator, {}), _jsx(Section, { title: "Family, Guardians and Contacts", headingLevel: 2, buttonText: "+ Add", buttonOnClick: onAddFamily, buttonVariant: "tertiary", buttonSize: "S", children: _jsxs("dl", { className: "ds-student-profile-page__dl", children: [_jsxs("div", { className: "ds-student-profile-page__dl-row", children: [_jsx("dt", { className: "ds-student-profile-page__dl-label", children: "Label Text" }), _jsxs("dd", { className: "ds-student-profile-page__dl-value", children: ["Father", _jsx("br", {}), "1st priority emergency contact", _jsx("br", {}), "Primary guardian", _jsx("br", {}), "Legal guardian", _jsx("br", {}), "Can collect", _jsx("br", {}), "Student lives with this guardian"] })] }), _jsxs("div", { className: "ds-student-profile-page__dl-row", children: [_jsx("dt", { className: "ds-student-profile-page__dl-label", children: "Label Text" }), _jsxs("dd", { className: "ds-student-profile-page__dl-value", children: ["Mother", _jsx("br", {}), "1st priority emergency contact", _jsx("br", {}), "Primary guardian", _jsx("br", {}), "Legal guardian", _jsx("br", {}), "Can collect", _jsx("br", {}), "Student lives with this guardian"] })] })] }) }), _jsx(Separator, {}), _jsx(Section, { title: "Legal", headingLevel: 2, buttonText: "+ Add", buttonOnClick: onAddLegal, buttonVariant: "tertiary", buttonSize: "S", children: _jsx("p", { className: "ds-student-profile-page__empty-state", children: "No court orders on record" }) }), _jsx(Separator, {}), _jsxs(Section, { title: "Parental Engagement", headingLevel: 2, buttonText: "+ Add", buttonOnClick: onAddParentalEngagement, buttonVariant: "tertiary", buttonSize: "S", children: [_jsxs("dl", { className: "ds-student-profile-page__dl", children: [_jsxs("div", { className: "ds-student-profile-page__dl-row", children: [_jsx("dt", { className: "ds-student-profile-page__dl-label", children: "Label Text" }), _jsx("dd", { className: "ds-student-profile-page__dl-value", children: "Parents Evening" })] }), _jsxs("div", { className: "ds-student-profile-page__dl-row", children: [_jsx("dt", { className: "ds-student-profile-page__dl-label", children: "Label Text" }), _jsx("dd", { className: "ds-student-profile-page__dl-value", children: "Form PGT meeting (Mollie Adams)" })] }), _jsxs("div", { className: "ds-student-profile-page__dl-row", children: [_jsx("dt", { className: "ds-student-profile-page__dl-label", children: "Label Text" }), _jsx("dd", { className: "ds-student-profile-page__dl-value", children: "Parents Evening" })] }), _jsxs("div", { className: "ds-student-profile-page__dl-row", children: [_jsx("dt", { className: "ds-student-profile-page__dl-label", children: "Label Text" }), _jsx("dd", { className: "ds-student-profile-page__dl-value", children: "Form PGT meeting (Mollie Adams)" })] }), _jsxs("div", { className: "ds-student-profile-page__dl-row", children: [_jsx("dt", { className: "ds-student-profile-page__dl-label", children: "Label Text" }), _jsx("dd", { className: "ds-student-profile-page__dl-value", children: "Student invited to meeting (Mollie Adams)" })] })] }), _jsx("div", { className: "ds-student-profile-page__parental-engagement-action", children: _jsx(TooltipWrapper, { tooltipContent: "More information about parental engagement scoring", children: _jsx(Button, { variant: "tertiary", size: "S", children: "Button Text" }) }) })] }), _jsx(Separator, {}), _jsx(Section, { title: "Education & Employment Status History", headingLevel: 2, buttonText: "+ Add", buttonOnClick: onAddEducationHistory, buttonVariant: "tertiary", buttonSize: "S", children: _jsx(Table, { rowData: educationHistory, columnDefs: EDUCATION_HISTORY_COLUMNS, domLayout: "autoHeight" }) }), _jsx(Separator, {}), _jsx(Section, { title: "Admin Functions", headingLevel: 2, children: _jsxs("dl", { className: "ds-student-profile-page__dl", children: [_jsxs("div", { className: "ds-student-profile-page__dl-row", children: [_jsx("dt", { className: "ds-student-profile-page__dl-label", children: "Label Text" }), _jsx("dd", { className: "ds-student-profile-page__dl-value", children: "16 Apr 2020, 23:17 by Arbor Admin" })] }), _jsxs("div", { className: "ds-student-profile-page__dl-row", children: [_jsx("dt", { className: "ds-student-profile-page__dl-label", children: "Label Text" }), _jsx("dd", { className: "ds-student-profile-page__dl-value", children: "Christopher Longbottom cannot be deleted - click for more info" })] })] }) })] }), _jsxs("aside", { className: "ds-student-profile-page__widgets", children: [_jsxs("div", { className: "ds-student-profile-page__student-nav", children: [_jsx(Button, { variant: "secondary", size: "S", iconLeftName: "chevron-left", iconLeftScreenReaderText: "Previous student", onClick: onPreviousStudent, children: "Previous" }), _jsx(Button, { variant: "secondary", size: "S", iconRightName: "chevron-right", iconRightScreenReaderText: "Next student", onClick: onNextStudent, children: "Next" })] }), _jsx(Section, { title: "Emergency Contacts", headingLevel: 2, className: "ds-student-profile-page__emergency-contacts", children: _jsxs("ul", { className: "ds-student-profile-page__contact-list", children: [_jsxs("li", { className: "ds-student-profile-page__contact-item", children: [_jsx("strong", { className: "ds-student-profile-page__contact-number", children: "07436 890515" }), _jsx("span", { className: "ds-student-profile-page__contact-name", children: "Mrs Virginia Longbottom, Mother" })] }), _jsxs("li", { className: "ds-student-profile-page__contact-item", children: [_jsx("strong", { className: "ds-student-profile-page__contact-number", children: "07326 607283" }), _jsx("span", { className: "ds-student-profile-page__contact-name", children: "Mr Roger Longbottom, Father" })] }), _jsxs("li", { className: "ds-student-profile-page__contact-item", children: [_jsx("strong", { className: "ds-student-profile-page__contact-number", children: "07719 009827" }), _jsx("span", { className: "ds-student-profile-page__contact-name", children: "Mr Harold Longbottom, Grandfa..." })] })] }) }), _jsxs("svg", { role: "img", "aria-label": "WeeklySchedule placeholder - component not yet available in design system", width: "100%", height: "258", xmlns: "http://www.w3.org/2000/svg", className: "ds-student-profile-page__placeholder", children: [_jsx("rect", { width: "100%", height: "100%", fill: "#f5f5f5", rx: "4" }), _jsx("rect", { x: "2", y: "2", width: "calc(100% - 4px)", height: "254", fill: "none", stroke: "#cccccc", strokeWidth: "2", strokeDasharray: "8 4", rx: "3" }), _jsx("text", { x: "50%", y: "44%", textAnchor: "middle", dominantBaseline: "middle", fill: "#888888", fontSize: "13", fontWeight: "600", fontFamily: "sans-serif", children: "WeeklySchedule / CalendarWidget" }), _jsx("text", { x: "50%", y: "56%", textAnchor: "middle", dominantBaseline: "middle", fill: "#aaaaaa", fontSize: "11", fontFamily: "sans-serif", children: "Component not yet available in design system" })] }), _jsxs("div", { className: "ds-student-profile-page__action-buttons", children: [_jsxs(Dropdown, { children: [_jsx(Dropdown.Trigger, { children: _jsx(Button, { variant: "dropdown", className: "ds-student-profile-page__action-btn", children: "Student Summary" }) }), _jsxs(Dropdown.Content, { children: [_jsx(Dropdown.Item, { children: "View Summary" }), _jsx(Dropdown.Item, { children: "Download Summary" })] })] }), _jsx(Button, { variant: "secondary", onClick: onRecordPlannedAbsence, className: "ds-student-profile-page__action-btn", children: "Record Planned Absence" }), _jsxs(Dropdown, { children: [_jsx(Dropdown.Trigger, { children: _jsx(Button, { variant: "dropdown", className: "ds-student-profile-page__action-btn", children: "Communications / Notes" }) }), _jsxs(Dropdown.Content, { children: [_jsx(Dropdown.Item, { children: "View Communications" }), _jsx(Dropdown.Item, { children: "Add Note" })] })] })] })] })] })] })] }));
+};
+export default StudentProfilePage;
+//# sourceMappingURL=StudentProfilePage.js.map

package/dist/pages/studentProfilePage/StudentProfilePage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StudentProfilePage.js","sourceRoot":"","sources":["../../../src/pages/studentProfilePage/StudentProfilePage.tsx"],"names":[],"mappings":"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"}

package/dist/pages/studentProfilePage/StudentProfilePage.stories.d.ts

@@ -0,0 +1,218 @@
+import type { StoryObj } from '@storybook/react-vite';
+/**
+ * Well, picture it: St. Olaf, 1979.
+ *
+ * The first day of school after summer break, and Mrs. Hafsteinsdottir — the
+ * school secretary, bless her heart — had to figure out which "Erik Eriksson"
+ * was which. There were four of them that year. FOUR. She spent three days
+ * flipping through handwritten index cards before she finally sat down and
+ * created what she called her "Complete Student Profile System." It had
+ * everything: the child's name, their family contacts, emergency numbers,
+ * which house (or "group," we called it a group — we didn't have houses like
+ * the fancy schools did) they belonged to, even a little note about any
+ * medical conditions. Oh my stars, it was revolutionary for St. Olaf!
+ *
+ * Well, the StudentProfilePage is Mrs. Hafsteinsdottir's index card system,
+ * but digital, and infinitely more beautiful, and — most importantly — it
+ * does not fall apart when someone spills lingonberry juice on it.
+ *
+ * This page brings together the full portrait of a single student, composing
+ * many Arbor design system components into one cohesive, lovingly-organised
+ * layout:
+ *
+ * **Composed Arbor components:**
+ * - **Button** — primary ("Suggest Student Summary"), secondary (Previous /
+ *   Next student navigation, "Record Planned Absence"), tertiary ("+ Add" in
+ *   each section header), and dropdown (section filter, "Student Summary",
+ *   "Communications / Notes")
+ * - **Section** — all content panels (student info, pinned items, identity,
+ *   contact details, family, legal, parental engagement, education history,
+ *   admin functions, emergency contacts)
+ * - **Tag** — student categorisation labels (Disadvantaged, FSM, Pupil
+ *   Premium Eligible, EAL, Service Child, Has Medical Condition, etc.)
+ * - **Dropdown** — the "All Sections" filter jump menu, and the action
+ *   menus in the right-hand widget column
+ * - **Table** — the Education & Employment Status History grid (AG Grid)
+ * - **TooltipWrapper** — the parental engagement help button
+ * - **Separator** — visual dividers between major page sections
+ *
+ * **Placeholder SVGs for missing components:**
+ *
+ * Several parts of the Figma design reference Arbor components that do not
+ * yet exist in this library. Rather than leave gaps or use third-party
+ * stand-ins, this page uses clearly-labelled SVG placeholders. Each one:
+ * - Has `role="img"` with a descriptive `aria-label` naming the missing
+ *   component and noting it is unavailable
+ * - Renders in a visually distinct style (grey background, dashed border,
+ *   muted label text) so it is unmistakably a placeholder in Storybook
+ * - Carries a `TODO` comment in the source pointing to the Figma layer,
+ *   ready to be swapped out once the real component is built
+ *
+ * The five placeholders are:
+ * | Placeholder | Figma Layer | Reason |
+ * |---|---|---|
+ * | TopNav / AppHeader | 6026:91144 | No AppHeader component yet |
+ * | SideNav (icon variant) | 6143:45087 | No SideNav component yet |
+ * | SideNav (text variant) | 6040:98380 | No SideNav component yet |
+ * | Breadcrumbs | 909:45447 | No Breadcrumbs component yet |
+ * | Avatar | page heading area | No Avatar component yet |
+ * | WeeklySchedule / CalendarWidget | 2055:162501 | No WeeklySchedule yet |
+ *
+ * **Education History Table:**
+ *
+ * The Education & Employment Status History section uses the real AG Grid
+ * Table component with `domLayout="autoHeight"` so it grows to fit however
+ * many rows are supplied. Column definitions are fixed (Date Range,
+ * Institution, Type) and the component ships with a single default row of
+ * mock data already baked in. The `educationHistory` prop lets you supply
+ * your own rows — or an empty array to show the empty-table state.
+ *
+ * **Accessibility:**
+ * - Page heading uses a semantic `<h1>` ("Student Profile")
+ * - All section headings use `<h2>` via the Section component's `headingLevel`
+ * - Student info uses a `<dl>` / `<dt>` / `<dd>` description list pattern
+ * - Emergency contacts use a `<ul>` list
+ * - Action buttons include `iconLeftScreenReaderText` / `iconRightScreenReaderText`
+ *   on the Previous / Next navigation buttons
+ * - All placeholder SVGs carry `role="img"` and `aria-label` descriptions
+ * - The parental engagement button is wrapped in a TooltipWrapper for extra context
+ *
+ * Generated from Figma design node 551:41974 in the Arbor Design System file.
+ */
+declare const meta: {
+    title: string;
+    component: ({ className, onSuggestSummary, onAddIdentity, onAddContactDetails, onAddFamily, onAddLegal, onAddParentalEngagement, onAddEducationHistory, onPreviousStudent, onNextStudent, onRecordPlannedAbsence, educationHistory, }: import("./StudentProfilePage.js").StudentProfilePageProps) => import("react/jsx-runtime").JSX.Element;
+    parameters: {
+        layout: string;
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+    tags: string[];
+    args: {
+        onSuggestSummary: import("@vitest/spy").Mock<(...args: any[]) => any>;
+        onAddIdentity: import("@vitest/spy").Mock<(...args: any[]) => any>;
+        onAddContactDetails: import("@vitest/spy").Mock<(...args: any[]) => any>;
+        onAddFamily: import("@vitest/spy").Mock<(...args: any[]) => any>;
+        onAddLegal: import("@vitest/spy").Mock<(...args: any[]) => any>;
+        onAddParentalEngagement: import("@vitest/spy").Mock<(...args: any[]) => any>;
+        onAddEducationHistory: import("@vitest/spy").Mock<(...args: any[]) => any>;
+        onPreviousStudent: import("@vitest/spy").Mock<(...args: any[]) => any>;
+        onNextStudent: import("@vitest/spy").Mock<(...args: any[]) => any>;
+        onRecordPlannedAbsence: import("@vitest/spy").Mock<(...args: any[]) => any>;
+    };
+    argTypes: {
+        className: {
+            control: "text";
+            description: string;
+        };
+        educationHistory: {
+            control: "object";
+            description: string;
+        };
+        onSuggestSummary: {
+            description: string;
+        };
+        onAddIdentity: {
+            description: string;
+        };
+        onAddContactDetails: {
+            description: string;
+        };
+        onAddFamily: {
+            description: string;
+        };
+        onAddLegal: {
+            description: string;
+        };
+        onAddParentalEngagement: {
+            description: string;
+        };
+        onAddEducationHistory: {
+            description: string;
+        };
+        onPreviousStudent: {
+            description: string;
+        };
+        onNextStudent: {
+            description: string;
+        };
+        onRecordPlannedAbsence: {
+            description: string;
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+/**
+ * The default story renders the full Student Profile page with the component's
+ * own built-in mock data. Christopher Longbottom is our student — Year 7,
+ * Whartons group, with a healthy collection of tags (Disadvantaged, FSM,
+ * Pupil Premium Eligible, EAL, Service Child, Has Medical Condition) that
+ * show how the Tag component handles multiple categorisation labels in a
+ * single row.
+ *
+ * Oh my stars, when I first saw this page come together I thought of the time
+ * in St. Olaf when we finally got our student records computerised. Well, not
+ * computerised exactly — Gunnar Magnusson typed everything into a very large
+ * electric typewriter that he called a "computer" because it had a cord. But
+ * the SPIRIT of it! The spirit of having everything in one place, the name,
+ * the family, the emergency contacts, all of it — that is exactly what this
+ * page captures.
+ *
+ * The right-hand column shows the emergency contacts widget (Mrs Virginia
+ * Longbottom, Mr Roger Longbottom, Mr Harold Longbottom), the Previous/Next
+ * student navigation, the WeeklySchedule placeholder, and the action dropdown
+ * buttons. The left column scrolls through all the profile sections.
+ *
+ * Check the Actions panel to see each callback fire as you interact with the
+ * page — the "+ Add" buttons, the navigation buttons, the "Suggest Student
+ * Summary" button, and the "Record Planned Absence" button.
+ */
+export declare const Default: Story;
+/**
+ * This story supplies a richer education history table so you can see how the
+ * AG Grid Table handles multiple rows within the Section. Five rows spanning
+ * nursery through to current secondary school placement — a full educational
+ * journey for Christopher Longbottom, from Little Acorns Pre-School all the
+ * way up to Riverside Academy.
+ *
+ * You know, this reminds me of the time back in St. Olaf when we had to
+ * document little Birgitte Thorvaldsen's entire schooling history before she
+ * could join the advanced lutefisk appreciation class. Her record went back
+ * to the very first day she attended the Sunflower Toddler Group, and honestly
+ * it was the most organised piece of paperwork anyone in our town had ever
+ * produced. We framed a copy of it and hung it in the town hall. I am not
+ * making that up.
+ *
+ * Notice how the table uses `domLayout="autoHeight"` — it grows naturally to
+ * accommodate all five rows without any fixed height or scrolling. The columns
+ * (Date Range, Institution, Type) use flex sizing so they share the available
+ * width proportionally: Date Range gets 1 part, Institution gets 2 parts
+ * (because institution names can be wonderfully long), and Type gets 1 part.
+ */
+export declare const WithRichEducationHistory: Story;
+/**
+ * This story passes an empty array for `educationHistory`, which triggers the
+ * AG Grid Table's built-in empty state. All other sections of the page render
+ * normally with their hardcoded mock content — it is only the Education &
+ * Employment Status History table that shows no rows.
+ *
+ * Think of this as a student who is brand new to the system: their identity,
+ * contact details, family, and parental engagement records are all there, but
+ * their education history has not yet been entered. Maybe they just arrived
+ * from overseas, or transferred mid-year and nobody has gotten around to the
+ * paperwork yet. It happens! Even in St. Olaf — well, actually in St. Olaf
+ * everyone had been at the same school since birth and records were never a
+ * problem, but I understand it is different elsewhere.
+ *
+ * The Legal section also shows its empty state in this story ("No court orders
+ * on record") — a reminder that empty states are a valid and important part of
+ * the page design, not an error condition. The "+ Add" button in the Education
+ * History section header remains visible and fully interactive, inviting the
+ * user to begin populating the record.
+ */
+export declare const WithMinimalData: Story;
+//# sourceMappingURL=StudentProfilePage.stories.d.ts.map

package/dist/pages/studentProfilePage/StudentProfilePage.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StudentProfilePage.stories.d.ts","sourceRoot":"","sources":["../../../src/pages/studentProfilePage/StudentProfilePage.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAK5D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+EG;AACH,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4EiC,CAAC;AAE5C,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAgDnC;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,eAAO,MAAM,wBAAwB,EAAE,KAKtC,CAAC;AAEF;;;;;;;;;;;;;;;;;;;GAmBG;AACH,eAAO,MAAM,eAAe,EAAE,KAK7B,CAAC"}

package/dist/pages/studentProfilePage/StudentProfilePage.stories.js

@@ -0,0 +1,273 @@
+import { fn } from 'storybook/test';
+import { StudentProfilePage } from './StudentProfilePage.js';
+/**
+ * Well, picture it: St. Olaf, 1979.
+ *
+ * The first day of school after summer break, and Mrs. Hafsteinsdottir — the
+ * school secretary, bless her heart — had to figure out which "Erik Eriksson"
+ * was which. There were four of them that year. FOUR. She spent three days
+ * flipping through handwritten index cards before she finally sat down and
+ * created what she called her "Complete Student Profile System." It had
+ * everything: the child's name, their family contacts, emergency numbers,
+ * which house (or "group," we called it a group — we didn't have houses like
+ * the fancy schools did) they belonged to, even a little note about any
+ * medical conditions. Oh my stars, it was revolutionary for St. Olaf!
+ *
+ * Well, the StudentProfilePage is Mrs. Hafsteinsdottir's index card system,
+ * but digital, and infinitely more beautiful, and — most importantly — it
+ * does not fall apart when someone spills lingonberry juice on it.
+ *
+ * This page brings together the full portrait of a single student, composing
+ * many Arbor design system components into one cohesive, lovingly-organised
+ * layout:
+ *
+ * **Composed Arbor components:**
+ * - **Button** — primary ("Suggest Student Summary"), secondary (Previous /
+ *   Next student navigation, "Record Planned Absence"), tertiary ("+ Add" in
+ *   each section header), and dropdown (section filter, "Student Summary",
+ *   "Communications / Notes")
+ * - **Section** — all content panels (student info, pinned items, identity,
+ *   contact details, family, legal, parental engagement, education history,
+ *   admin functions, emergency contacts)
+ * - **Tag** — student categorisation labels (Disadvantaged, FSM, Pupil
+ *   Premium Eligible, EAL, Service Child, Has Medical Condition, etc.)
+ * - **Dropdown** — the "All Sections" filter jump menu, and the action
+ *   menus in the right-hand widget column
+ * - **Table** — the Education & Employment Status History grid (AG Grid)
+ * - **TooltipWrapper** — the parental engagement help button
+ * - **Separator** — visual dividers between major page sections
+ *
+ * **Placeholder SVGs for missing components:**
+ *
+ * Several parts of the Figma design reference Arbor components that do not
+ * yet exist in this library. Rather than leave gaps or use third-party
+ * stand-ins, this page uses clearly-labelled SVG placeholders. Each one:
+ * - Has `role="img"` with a descriptive `aria-label` naming the missing
+ *   component and noting it is unavailable
+ * - Renders in a visually distinct style (grey background, dashed border,
+ *   muted label text) so it is unmistakably a placeholder in Storybook
+ * - Carries a `TODO` comment in the source pointing to the Figma layer,
+ *   ready to be swapped out once the real component is built
+ *
+ * The five placeholders are:
+ * | Placeholder | Figma Layer | Reason |
+ * |---|---|---|
+ * | TopNav / AppHeader | 6026:91144 | No AppHeader component yet |
+ * | SideNav (icon variant) | 6143:45087 | No SideNav component yet |
+ * | SideNav (text variant) | 6040:98380 | No SideNav component yet |
+ * | Breadcrumbs | 909:45447 | No Breadcrumbs component yet |
+ * | Avatar | page heading area | No Avatar component yet |
+ * | WeeklySchedule / CalendarWidget | 2055:162501 | No WeeklySchedule yet |
+ *
+ * **Education History Table:**
+ *
+ * The Education & Employment Status History section uses the real AG Grid
+ * Table component with `domLayout="autoHeight"` so it grows to fit however
+ * many rows are supplied. Column definitions are fixed (Date Range,
+ * Institution, Type) and the component ships with a single default row of
+ * mock data already baked in. The `educationHistory` prop lets you supply
+ * your own rows — or an empty array to show the empty-table state.
+ *
+ * **Accessibility:**
+ * - Page heading uses a semantic `<h1>` ("Student Profile")
+ * - All section headings use `<h2>` via the Section component's `headingLevel`
+ * - Student info uses a `<dl>` / `<dt>` / `<dd>` description list pattern
+ * - Emergency contacts use a `<ul>` list
+ * - Action buttons include `iconLeftScreenReaderText` / `iconRightScreenReaderText`
+ *   on the Previous / Next navigation buttons
+ * - All placeholder SVGs carry `role="img"` and `aria-label` descriptions
+ * - The parental engagement button is wrapped in a TooltipWrapper for extra context
+ *
+ * Generated from Figma design node 551:41974 in the Arbor Design System file.
+ */
+const meta = {
+    title: 'Pages/StudentProfilePage',
+    component: StudentProfilePage,
+    parameters: {
+        layout: 'fullscreen',
+        docs: {
+            description: {
+                component: 'The Student Profile page — a full-page Figma-to-code composition demonstrating how Button, Section, Tag, Dropdown, Table, TooltipWrapper, and Separator come together to form a complete student record view. Placeholder SVGs stand in for TopNav, SideNav, Breadcrumbs, Avatar, and WeeklySchedule until those components are built. Back in St. Olaf, Mrs. Hafsteinsdottir would have wept happy tears.',
+            },
+        },
+    },
+    tags: ['autodocs'],
+    args: {
+        onSuggestSummary: fn(),
+        onAddIdentity: fn(),
+        onAddContactDetails: fn(),
+        onAddFamily: fn(),
+        onAddLegal: fn(),
+        onAddParentalEngagement: fn(),
+        onAddEducationHistory: fn(),
+        onPreviousStudent: fn(),
+        onNextStudent: fn(),
+        onRecordPlannedAbsence: fn(),
+    },
+    argTypes: {
+        className: {
+            control: 'text',
+            description: 'Optional additional CSS class name(s) to apply to the page root element.',
+        },
+        educationHistory: {
+            control: 'object',
+            description: 'Row data for the Education & Employment Status History table. Each row has an id, dateRange, institution, and type. When omitted the component uses a single built-in mock row. Pass an empty array to demonstrate the empty-table state.',
+        },
+        onSuggestSummary: {
+            description: 'Called when the "Suggest Student Summary" primary button (in the page heading area) is clicked. Typically opens an AI-assisted summary flow.',
+        },
+        onAddIdentity: {
+            description: 'Called when the "+ Add" button in the Identity section header is clicked. Typically opens a form or slideover to add identity information.',
+        },
+        onAddContactDetails: {
+            description: 'Called when the "+ Add" button in the Student Contact Details section header is clicked.',
+        },
+        onAddFamily: {
+            description: 'Called when the "+ Add" button in the Family, Guardians and Contacts section header is clicked.',
+        },
+        onAddLegal: {
+            description: 'Called when the "+ Add" button in the Legal section header is clicked. Typically opens a form for recording court orders.',
+        },
+        onAddParentalEngagement: {
+            description: 'Called when the "+ Add" button in the Parental Engagement section header is clicked.',
+        },
+        onAddEducationHistory: {
+            description: 'Called when the "+ Add" button in the Education & Employment Status History section header is clicked.',
+        },
+        onPreviousStudent: {
+            description: 'Called when the "Previous" navigation button (with left chevron icon) is clicked. Typically navigates to the previous student in a browsed list.',
+        },
+        onNextStudent: {
+            description: 'Called when the "Next" navigation button (with right chevron icon) is clicked. Typically navigates to the next student in a browsed list.',
+        },
+        onRecordPlannedAbsence: {
+            description: 'Called when the "Record Planned Absence" secondary button in the right-hand widget column is clicked.',
+        },
+    },
+};
+export default meta;
+// ---------------------------------------------------------------------------
+// Fixture data - realistic UK school education history records
+// ---------------------------------------------------------------------------
+/**
+ * A richer set of education history rows spanning multiple institutions,
+ * just like the comprehensive records that St. Olaf's finest secretary would
+ * have assembled with love and a very sharp pencil.
+ */
+const richEducationHistory = [
+    {
+        id: '1',
+        dateRange: '01 Sep 2024 - ongoing',
+        institution: 'Riverside Academy',
+        type: 'School',
+    },
+    {
+        id: '2',
+        dateRange: '01 Sep 2021 - 31 Aug 2024',
+        institution: 'St. Mary\'s C of E Primary School',
+        type: 'School',
+    },
+    {
+        id: '3',
+        dateRange: '01 Sep 2019 - 31 Aug 2021',
+        institution: 'Sunnydale Infant School',
+        type: 'School',
+    },
+    {
+        id: '4',
+        dateRange: '01 Jan 2019 - 31 Aug 2019',
+        institution: 'Maple Tree Nursery',
+        type: 'Nursery',
+    },
+    {
+        id: '5',
+        dateRange: '01 Sep 2018 - 31 Dec 2018',
+        institution: 'Little Acorns Pre-School',
+        type: 'Pre-School',
+    },
+];
+// ---------------------------------------------------------------------------
+// Stories
+// ---------------------------------------------------------------------------
+/**
+ * The default story renders the full Student Profile page with the component's
+ * own built-in mock data. Christopher Longbottom is our student — Year 7,
+ * Whartons group, with a healthy collection of tags (Disadvantaged, FSM,
+ * Pupil Premium Eligible, EAL, Service Child, Has Medical Condition) that
+ * show how the Tag component handles multiple categorisation labels in a
+ * single row.
+ *
+ * Oh my stars, when I first saw this page come together I thought of the time
+ * in St. Olaf when we finally got our student records computerised. Well, not
+ * computerised exactly — Gunnar Magnusson typed everything into a very large
+ * electric typewriter that he called a "computer" because it had a cord. But
+ * the SPIRIT of it! The spirit of having everything in one place, the name,
+ * the family, the emergency contacts, all of it — that is exactly what this
+ * page captures.
+ *
+ * The right-hand column shows the emergency contacts widget (Mrs Virginia
+ * Longbottom, Mr Roger Longbottom, Mr Harold Longbottom), the Previous/Next
+ * student navigation, the WeeklySchedule placeholder, and the action dropdown
+ * buttons. The left column scrolls through all the profile sections.
+ *
+ * Check the Actions panel to see each callback fire as you interact with the
+ * page — the "+ Add" buttons, the navigation buttons, the "Suggest Student
+ * Summary" button, and the "Record Planned Absence" button.
+ */
+export const Default = {
+    name: 'Default (Built-in Mock Data)',
+};
+/**
+ * This story supplies a richer education history table so you can see how the
+ * AG Grid Table handles multiple rows within the Section. Five rows spanning
+ * nursery through to current secondary school placement — a full educational
+ * journey for Christopher Longbottom, from Little Acorns Pre-School all the
+ * way up to Riverside Academy.
+ *
+ * You know, this reminds me of the time back in St. Olaf when we had to
+ * document little Birgitte Thorvaldsen's entire schooling history before she
+ * could join the advanced lutefisk appreciation class. Her record went back
+ * to the very first day she attended the Sunflower Toddler Group, and honestly
+ * it was the most organised piece of paperwork anyone in our town had ever
+ * produced. We framed a copy of it and hung it in the town hall. I am not
+ * making that up.
+ *
+ * Notice how the table uses `domLayout="autoHeight"` — it grows naturally to
+ * accommodate all five rows without any fixed height or scrolling. The columns
+ * (Date Range, Institution, Type) use flex sizing so they share the available
+ * width proportionally: Date Range gets 1 part, Institution gets 2 parts
+ * (because institution names can be wonderfully long), and Type gets 1 part.
+ */
+export const WithRichEducationHistory = {
+    name: 'With Rich Education History (5 rows)',
+    args: {
+        educationHistory: richEducationHistory,
+    },
+};
+/**
+ * This story passes an empty array for `educationHistory`, which triggers the
+ * AG Grid Table's built-in empty state. All other sections of the page render
+ * normally with their hardcoded mock content — it is only the Education &
+ * Employment Status History table that shows no rows.
+ *
+ * Think of this as a student who is brand new to the system: their identity,
+ * contact details, family, and parental engagement records are all there, but
+ * their education history has not yet been entered. Maybe they just arrived
+ * from overseas, or transferred mid-year and nobody has gotten around to the
+ * paperwork yet. It happens! Even in St. Olaf — well, actually in St. Olaf
+ * everyone had been at the same school since birth and records were never a
+ * problem, but I understand it is different elsewhere.
+ *
+ * The Legal section also shows its empty state in this story ("No court orders
+ * on record") — a reminder that empty states are a valid and important part of
+ * the page design, not an error condition. The "+ Add" button in the Education
+ * History section header remains visible and fully interactive, inviting the
+ * user to begin populating the record.
+ */
+export const WithMinimalData = {
+    name: 'With Minimal Data (Empty Education History)',
+    args: {
+        educationHistory: [],
+    },
+};
+//# sourceMappingURL=StudentProfilePage.stories.js.map

package/dist/pages/studentProfilePage/StudentProfilePage.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StudentProfilePage.stories.js","sourceRoot":"","sources":["../../../src/pages/studentProfilePage/StudentProfilePage.stories.tsx"],"names":[],"mappings":"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"}

package/dist/pages/studentProfilePage/StudentProfilePage.test.d.ts

@@ -0,0 +1,2 @@
+import '@testing-library/jest-dom/vitest';
+//# sourceMappingURL=StudentProfilePage.test.d.ts.map

package/dist/pages/studentProfilePage/StudentProfilePage.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StudentProfilePage.test.d.ts","sourceRoot":"","sources":["../../../src/pages/studentProfilePage/StudentProfilePage.test.tsx"],"names":[],"mappings":"AAEA,OAAO,kCAAkC,CAAC"}