@snokam/ui 6.2.1 → 6.3.0

package/CHANGELOG.md

@@ -3,11 +3,24 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [6.3.0](https://github.com/snokam/components/compare/@snokam/ui@6.2.2...@snokam/ui@6.3.0) (2026-10-22)
+
+### Features
+
+- **ui:** one page standard (AppRoot + Layout.Page) with a lint guardrail ([#3014](https://github.com/snokam/components/issues/3014)) ([735198b](https://github.com/snokam/components/commit/735198b4d5b73982d68333d887426c8fbdc803c5))
+
+## [6.2.2](https://github.com/snokam/components/compare/@snokam/ui@6.2.1...@snokam/ui@6.2.2) (2026-10-22)
+
+### Bug Fixes
+
+- **ui:** one shared page-fill rule across all apps ([#3013](https://github.com/snokam/components/issues/3013)) ([6d7583c](https://github.com/snokam/components/commit/6d7583ccaa6ee46c56683314ef552ec8613f806c))
+
 ## [6.2.1](https://github.com/snokam/components/compare/@snokam/ui@6.2.0...@snokam/ui@6.2.1) (2026-10-22)
 
 ### Bug Fixes
 
 - **ui:** mobile layout fixes across frontpage, events and my-page ([#3010](https://github.com/snokam/components/issues/3010)) ([3694f6c](https://github.com/snokam/components/commit/3694f6c99854a87f1b7162a0e1c301e1d89099b8))
+- **ui:** second mobile pass — full-coverage review at 375px and 320px ([#3011](https://github.com/snokam/components/issues/3011)) ([a613f8b](https://github.com/snokam/components/commit/a613f8b9186148f5de9f06cfd8b2422a347aa565))
 
 # [6.2.0](https://github.com/snokam/components/compare/@snokam/ui@6.1.0...@snokam/ui@6.2.0) (2026-10-16)
 

package/dist/components/kpi/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/kpi/index.tsx"],"names":[],"mappings":"AAOA,eAAO,MAAM,OAAO;;;yGAKnB,CAAC;AAwBF,KAAK,SAAS,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,GAAG,QAAQ,CAAC;AAEtD,wBAAgB,OAAO,CAAC,EACtB,KAAK,EACL,KAAK,EACL,KAAK,EACL,OAAO,GACR,EAAE;IACD,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,SAAS,CAAC;CACpB,+BAqBA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/kpi/index.tsx"],"names":[],"mappings":"AAOA,eAAO,MAAM,OAAO;;;yGAUnB,CAAC;AA6BF,KAAK,SAAS,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,GAAG,QAAQ,CAAC;AAEtD,wBAAgB,OAAO,CAAC,EACtB,KAAK,EACL,KAAK,EACL,KAAK,EACL,OAAO,GACR,EAAE;IACD,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,SAAS,CAAC;CACpB,+BAqBA"}

package/dist/components/kpi/index.js

@@ -9,6 +9,11 @@ export const KpiGrid = styled.div `
   grid-template-columns: repeat(auto-fit, minmax(170px, 220px));
   justify-content: start;
   gap: ${SPACE.lg};
+
+  @media (max-width: 600px) {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+    gap: ${SPACE.md};
+  }
 `;
 const KpiLabel = styled.div `
   font: 600 0.72rem/1 ${tokens.font};
@@ -23,6 +28,11 @@ const KpiValue = styled.div `
     system-ui,
     sans-serif;
   color: var(--o-text);
+  overflow-wrap: anywhere;
+
+  @media (max-width: 600px) {
+    font-size: 1.6rem;
+  }
 `;
 const KpiTrend = styled.div `
   margin-top: ${SPACE.sm};

package/dist/components/kpi/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/kpi/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,IAAI,MAAM,SAAS,CAAC;AAC3B,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAElD,MAAM,CAAC,MAAM,OAAO,GAAG,MAAM,CAAC,GAAG,CAAA;;;;SAIxB,KAAK,CAAC,EAAE;CAChB,CAAC;AAEF,MAAM,QAAQ,GAAG,MAAM,CAAC,GAAG,CAAA;wBACH,MAAM,CAAC,IAAI;;;;CAIlC,CAAC;AAEF,MAAM,QAAQ,GAAG,MAAM,CAAC,GAAG,CAAA;gBACX,KAAK,CAAC,EAAE;;;;;;CAMvB,CAAC;AAEF,MAAM,QAAQ,GAAG,MAAM,CAAC,GAAG,CAAA;gBACX,KAAK,CAAC,EAAE;yBACC,MAAM,CAAC,IAAI;;CAEnC,CAAC;AAIF,MAAM,UAAU,OAAO,CAAC,EACtB,KAAK,EACL,KAAK,EACL,KAAK,EACL,OAAO,GAQR;IACC,OAAO,CACL,KAAC,IAAI,IAAC,EAAE,EAAE,OAAO,KAAK,EAAE,YACrB,OAAO,CAAC,CAAC,CAAC,CACT,8BACE,KAAC,QAAQ,cACP,KAAC,QAAQ,IAAC,KAAK,EAAC,KAAK,GAAG,GACf,EACX,KAAC,QAAQ,cACP,KAAC,QAAQ,IAAC,KAAK,EAAC,KAAK,GAAG,GACf,IACV,CACJ,CAAC,CAAC,CAAC,CACF,8BACE,KAAC,QAAQ,cAAE,KAAK,GAAY,EAC5B,KAAC,QAAQ,cAAE,KAAK,GAAY,EAC3B,KAAK,CAAC,CAAC,CAAC,KAAC,QAAQ,cAAE,KAAK,GAAY,CAAC,CAAC,CAAC,IAAI,IAC3C,CACJ,GACI,CACR,CAAC;AACJ,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/kpi/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,IAAI,MAAM,SAAS,CAAC;AAC3B,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAElD,MAAM,CAAC,MAAM,OAAO,GAAG,MAAM,CAAC,GAAG,CAAA;;;;SAIxB,KAAK,CAAC,EAAE;;;;WAIN,KAAK,CAAC,EAAE;;CAElB,CAAC;AAEF,MAAM,QAAQ,GAAG,MAAM,CAAC,GAAG,CAAA;wBACH,MAAM,CAAC,IAAI;;;;CAIlC,CAAC;AAEF,MAAM,QAAQ,GAAG,MAAM,CAAC,GAAG,CAAA;gBACX,KAAK,CAAC,EAAE;;;;;;;;;;;CAWvB,CAAC;AAEF,MAAM,QAAQ,GAAG,MAAM,CAAC,GAAG,CAAA;gBACX,KAAK,CAAC,EAAE;yBACC,MAAM,CAAC,IAAI;;CAEnC,CAAC;AAIF,MAAM,UAAU,OAAO,CAAC,EACtB,KAAK,EACL,KAAK,EACL,KAAK,EACL,OAAO,GAQR;IACC,OAAO,CACL,KAAC,IAAI,IAAC,EAAE,EAAE,OAAO,KAAK,EAAE,YACrB,OAAO,CAAC,CAAC,CAAC,CACT,8BACE,KAAC,QAAQ,cACP,KAAC,QAAQ,IAAC,KAAK,EAAC,KAAK,GAAG,GACf,EACX,KAAC,QAAQ,cACP,KAAC,QAAQ,IAAC,KAAK,EAAC,KAAK,GAAG,GACf,IACV,CACJ,CAAC,CAAC,CAAC,CACF,8BACE,KAAC,QAAQ,cAAE,KAAK,GAAY,EAC5B,KAAC,QAAQ,cAAE,KAAK,GAAY,EAC3B,KAAK,CAAC,CAAC,CAAC,KAAC,QAAQ,cAAE,KAAK,GAAY,CAAC,CAAC,CAAC,IAAI,IAC3C,CACJ,GACI,CACR,CAAC;AACJ,CAAC"}

package/dist/components/layout/PageHeader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PageHeader.d.ts","sourceRoot":"","sources":["../../../src/components/layout/PageHeader.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGlC,OAAO,EAAE,WAAW,EAAW,WAAW,EAAkB,MAAM,SAAS,CAAC;AAO5E,UAAU,eAAe;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,eAAO,MAAM,UAAU,GAAI,yEAQxB,eAAe,gCAsBjB,CAAC"}
+{"version":3,"file":"PageHeader.d.ts","sourceRoot":"","sources":["../../../src/components/layout/PageHeader.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGlC,OAAO,EAAE,WAAW,EAAW,WAAW,EAAkB,MAAM,SAAS,CAAC;AAO5E,UAAU,eAAe;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,eAAO,MAAM,UAAU,GAAI,yEAQxB,eAAe,gCAyBjB,CAAC"}

package/dist/components/layout/PageHeader.js

@@ -3,12 +3,15 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import Container from "./container";
 import Styled from "./styled";
 import { LayoutTheme, Padding, TransitionType } from "./types";
-import { Subtitle, TitleRow } from "./PageHeader.styled";
+import { FlushContent, Subtitle, TitleRow } from "./PageHeader.styled";
 const defaultTransitions = {
     bottom: { type: TransitionType.Wave, flipX: true },
 };
-export const PageHeader = ({ title, subtitle, tone = LayoutTheme.Dark, transitions = defaultTransitions, breadcrumbs, actions, children, }) => (_jsx(Container, { theme: tone, transitions: transitions, children: _jsx(Styled.Content, { children: _jsxs(Styled.Section, { stretchItems: true, padding: {
-                top: Padding.Large,
-                bottom: transitions.bottom ? Padding.Large : Padding.Small,
-            }, children: [breadcrumbs, _jsxs(TitleRow, { children: [_jsxs("div", { children: [_jsx("h1", { children: title }), subtitle && _jsx(Subtitle, { children: subtitle })] }), actions] }), children] }) }) }));
+export const PageHeader = ({ title, subtitle, tone = LayoutTheme.Dark, transitions = defaultTransitions, breadcrumbs, actions, children, }) => {
+    const Content = transitions.bottom ? Styled.Content : FlushContent;
+    return (_jsx(Container, { theme: tone, transitions: transitions, children: _jsx(Content, { children: _jsxs(Styled.Section, { stretchItems: true, padding: {
+                    top: Padding.Large,
+                    bottom: transitions.bottom ? Padding.Large : Padding.None,
+                }, children: [breadcrumbs, _jsxs(TitleRow, { children: [_jsxs("div", { children: [_jsx("h1", { children: title }), subtitle && _jsx(Subtitle, { children: subtitle })] }), actions] }), children] }) }) }));
+};
 //# sourceMappingURL=PageHeader.js.map

package/dist/components/layout/PageHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"PageHeader.js","sourceRoot":"","sources":["../../../src/components/layout/PageHeader.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,SAAS,MAAM,aAAa,CAAC;AACpC,OAAO,MAAM,MAAM,UAAU,CAAC;AAC9B,OAAO,EAAE,WAAW,EAAE,OAAO,EAAe,cAAc,EAAE,MAAM,SAAS,CAAC;AAC5E,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAEzD,MAAM,kBAAkB,GAAgB;IACtC,MAAM,EAAE,EAAE,IAAI,EAAE,cAAc,CAAC,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE;CACnD,CAAC;AAYF,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,EACzB,KAAK,EACL,QAAQ,EACR,IAAI,GAAG,WAAW,CAAC,IAAI,EACvB,WAAW,GAAG,kBAAkB,EAChC,WAAW,EACX,OAAO,EACP,QAAQ,GACQ,EAAE,EAAE,CAAC,CACrB,KAAC,SAAS,IAAC,KAAK,EAAE,IAAI,EAAE,WAAW,EAAE,WAAW,YAC9C,KAAC,MAAM,CAAC,OAAO,cACb,MAAC,MAAM,CAAC,OAAO,IACb,YAAY,QACZ,OAAO,EAAE;gBACP,GAAG,EAAE,OAAO,CAAC,KAAK;gBAClB,MAAM,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,KAAK;aAC3D,aAEA,WAAW,EACZ,MAAC,QAAQ,eACP,0BACE,uBAAK,KAAK,GAAM,EACf,QAAQ,IAAI,KAAC,QAAQ,cAAE,QAAQ,GAAY,IACxC,EACL,OAAO,IACC,EACV,QAAQ,IACM,GACF,GACP,CACb,CAAC"}
+{"version":3,"file":"PageHeader.js","sourceRoot":"","sources":["../../../src/components/layout/PageHeader.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,SAAS,MAAM,aAAa,CAAC;AACpC,OAAO,MAAM,MAAM,UAAU,CAAC;AAC9B,OAAO,EAAE,WAAW,EAAE,OAAO,EAAe,cAAc,EAAE,MAAM,SAAS,CAAC;AAC5E,OAAO,EAAE,YAAY,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAEvE,MAAM,kBAAkB,GAAgB;IACtC,MAAM,EAAE,EAAE,IAAI,EAAE,cAAc,CAAC,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE;CACnD,CAAC;AAYF,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,EACzB,KAAK,EACL,QAAQ,EACR,IAAI,GAAG,WAAW,CAAC,IAAI,EACvB,WAAW,GAAG,kBAAkB,EAChC,WAAW,EACX,OAAO,EACP,QAAQ,GACQ,EAAE,EAAE;IACpB,MAAM,OAAO,GAAG,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,YAAY,CAAC;IACnE,OAAO,CACL,KAAC,SAAS,IAAC,KAAK,EAAE,IAAI,EAAE,WAAW,EAAE,WAAW,YAC9C,KAAC,OAAO,cACN,MAAC,MAAM,CAAC,OAAO,IACb,YAAY,QACZ,OAAO,EAAE;oBACP,GAAG,EAAE,OAAO,CAAC,KAAK;oBAClB,MAAM,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,IAAI;iBAC1D,aAEA,WAAW,EACZ,MAAC,QAAQ,eACP,0BACE,uBAAK,KAAK,GAAM,EACf,QAAQ,IAAI,KAAC,QAAQ,cAAE,QAAQ,GAAY,IACxC,EACL,OAAO,IACC,EACV,QAAQ,IACM,GACT,GACA,CACb,CAAC;AACJ,CAAC,CAAC"}

package/dist/components/layout/PageHeader.styled.d.ts

@@ -1,3 +1,9 @@
+export declare const FlushContent: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & import("./types").ContentProps & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
+    theme?: import("@emotion/react").Theme;
+}, {}, {}>;
 export declare const TitleRow: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;

package/dist/components/layout/PageHeader.styled.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PageHeader.styled.d.ts","sourceRoot":"","sources":["../../../src/components/layout/PageHeader.styled.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,QAAQ;;;yGAMpB,CAAC;AAEF,eAAO,MAAM,QAAQ;;;qHAMpB,CAAC"}
+{"version":3,"file":"PageHeader.styled.d.ts","sourceRoot":"","sources":["../../../src/components/layout/PageHeader.styled.tsx"],"names":[],"mappings":"AAKA,eAAO,MAAM,YAAY;;;;;UAMxB,CAAC;AAEF,eAAO,MAAM,QAAQ;;;yGAMpB,CAAC;AAEF,eAAO,MAAM,QAAQ;;;qHAMpB,CAAC"}

package/dist/components/layout/PageHeader.styled.js

@@ -1,5 +1,13 @@
 "use client";
 import styled from "@emotion/styled";
+import Styled from "./styled";
+export const FlushContent = styled(Styled.Content) `
+  padding-bottom: 0;
+
+  @media only screen and (min-width: 576px) {
+    padding-bottom: 0;
+  }
+`;
 export const TitleRow = styled.div `
   display: flex;
   flex-wrap: wrap;

package/dist/components/layout/PageHeader.styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"PageHeader.styled.js","sourceRoot":"","sources":["../../../src/components/layout/PageHeader.styled.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAErC,MAAM,CAAC,MAAM,QAAQ,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;CAMjC,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG,MAAM,CAAC,CAAC,CAAA;;;;;;CAM/B,CAAC"}
+{"version":3,"file":"PageHeader.styled.js","sourceRoot":"","sources":["../../../src/components/layout/PageHeader.styled.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,MAAM,MAAM,UAAU,CAAC;AAE9B,MAAM,CAAC,MAAM,YAAY,GAAG,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,CAAA;;;;;;CAMjD,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;CAMjC,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG,MAAM,CAAC,CAAC,CAAA;;;;;;CAM/B,CAAC"}

package/dist/components/layout/container/styled.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/container/styled.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;;;;;;eAG/C,WAAW;oBACN,eAAe;;;;;;;AAsC7B,wBAAuC"}
+{"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/container/styled.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;;;;;;eAG/C,WAAW;oBACN,eAAe;;;;;;;AAkC7B,wBAAuC"}

package/dist/components/layout/container/styled.js

@@ -11,10 +11,6 @@ const Container = styled.div `
   color: var(--container-fg);
   background-color: var(--container-bg);
 
-  &:last-child {
-    flex-grow: 1;
-  }
-
   ${({ $tone }) => $tone === LayoutTheme.Dark
     ? css `
           --container-fg: var(--color-light-blue);

package/dist/components/layout/container/styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"styled.js","sourceRoot":"","sources":["../../../../src/components/layout/container/styled.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAC;AACrC,OAAO,EAAE,WAAW,EAAmB,MAAM,UAAU,CAAC;AAExD,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAG1B;;;;;;;;;;;;;IAaE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CACd,KAAK,KAAK,WAAW,CAAC,IAAI;IACxB,CAAC,CAAC,GAAG,CAAA;;;;;;;;SAQF;IACH,CAAC,CAAC,GAAG,CAAA;;;;;;;;SAQF;CACR,CAAC;AAEF,MAAM,QAAQ,GAAG,MAAM,CAAC,GAAG,CAAA,EAAE,CAAC;AAE9B,eAAe,EAAE,SAAS,EAAE,QAAQ,EAAE,CAAC"}
+{"version":3,"file":"styled.js","sourceRoot":"","sources":["../../../../src/components/layout/container/styled.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAC;AACrC,OAAO,EAAE,WAAW,EAAmB,MAAM,UAAU,CAAC;AAExD,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAG1B;;;;;;;;;IASE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CACd,KAAK,KAAK,WAAW,CAAC,IAAI;IACxB,CAAC,CAAC,GAAG,CAAA;;;;;;;;SAQF;IACH,CAAC,CAAC,GAAG,CAAA;;;;;;;;SAQF;CACR,CAAC;AAEF,MAAM,QAAQ,GAAG,MAAM,CAAC,GAAG,CAAA,EAAE,CAAC;AAE9B,eAAe,EAAE,SAAS,EAAE,QAAQ,EAAE,CAAC"}

package/dist/components/layout/index.d.ts

@@ -1,3 +1,4 @@
+export { pageColumn } from "./styled";
 export declare const Section: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
@@ -6,6 +7,22 @@ export declare const Content: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
 } & import("./types").ContentProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const Page: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const App: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
+    theme?: import("@emotion/react").Theme;
+}, {}, {}>;
+export declare const AppRoot: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
+    theme?: import("@emotion/react").Theme;
+}, {}, {}>;
 export declare enum Breakpoints {
     xs = 576,
     sm = 768,
@@ -23,6 +40,16 @@ declare const _default: {
         theme?: import("@emotion/react").Theme;
         as?: React.ElementType;
     } & import("./types").ContentProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+    Page: import("@emotion/styled").StyledComponent<{
+        theme?: import("@emotion/react").Theme;
+        as?: React.ElementType;
+    }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+    App: import("@emotion/styled").StyledComponent<{
+        theme?: import("@emotion/react").Theme;
+        as?: React.ElementType;
+    } & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
+        theme?: import("@emotion/react").Theme;
+    }, {}, {}>;
 };
 export default _default;
 export * from "./types";

package/dist/components/layout/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/layout/index.tsx"],"names":[],"mappings":"AAKA,eAAO,MAAM,OAAO;;;0IAAiB,CAAC;AACtC,eAAO,MAAM,OAAO;;;0IAAiB,CAAC;AAEtC,oBAAY,WAAW;IACrB,EAAE,MAAM;IACR,EAAE,MAAM;IACR,EAAE,MAAM;IACR,EAAE,OAAO;IACT,EAAE,OAAO;CACV;;;;;;;;;;;;AAED,wBAIE;AAEF,cAAc,SAAS,CAAC;AACxB,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/layout/index.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAGtC,eAAO,MAAM,OAAO;;;0IAAiB,CAAC;AACtC,eAAO,MAAM,OAAO;;;0IAAiB,CAAC;AACtC,eAAO,MAAM,IAAI;;;yGAAc,CAAC;AAChC,eAAO,MAAM,GAAG;;;;;UAAa,CAAC;AAC9B,eAAO,MAAM,OAAO;;;;;UAAa,CAAC;AAElC,oBAAY,WAAW;IACrB,EAAE,MAAM;IACR,EAAE,MAAM;IACR,EAAE,MAAM;IACR,EAAE,OAAO;IACT,EAAE,OAAO;CACV;;;;;;;;;;;;;;;;;;;;;;AAED,wBAME;AAEF,cAAc,SAAS,CAAC;AACxB,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC"}

package/dist/components/layout/index.js

@@ -1,8 +1,12 @@
 "use client";
 import Styled from "./styled";
+export { pageColumn } from "./styled";
 import Container from "./container";
 export const Section = Styled.Section;
 export const Content = Styled.Content;
+export const Page = Styled.Page;
+export const App = Styled.App;
+export const AppRoot = Styled.App;
 export var Breakpoints;
 (function (Breakpoints) {
     Breakpoints[Breakpoints["xs"] = 576] = "xs";
@@ -15,6 +19,8 @@ export default {
     Container,
     Section,
     Content,
+    Page,
+    App,
 };
 export * from "./types";
 export { PageHeader } from "./PageHeader";

package/dist/components/layout/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/layout/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,MAAM,MAAM,UAAU,CAAC;AAC9B,OAAO,SAAS,MAAM,aAAa,CAAC;AAEpC,MAAM,CAAC,MAAM,OAAO,GAAG,MAAM,CAAC,OAAO,CAAC;AACtC,MAAM,CAAC,MAAM,OAAO,GAAG,MAAM,CAAC,OAAO,CAAC;AAEtC,MAAM,CAAN,IAAY,WAMX;AAND,WAAY,WAAW;IACrB,2CAAQ,CAAA;IACR,2CAAQ,CAAA;IACR,2CAAQ,CAAA;IACR,4CAAS,CAAA;IACT,4CAAS,CAAA;AACX,CAAC,EANW,WAAW,KAAX,WAAW,QAMtB;AAED,eAAe;IACb,SAAS;IACT,OAAO;IACP,OAAO;CACR,CAAC;AAEF,cAAc,SAAS,CAAC;AACxB,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/layout/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,MAAM,MAAM,UAAU,CAAC;AAE9B,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AACtC,OAAO,SAAS,MAAM,aAAa,CAAC;AAEpC,MAAM,CAAC,MAAM,OAAO,GAAG,MAAM,CAAC,OAAO,CAAC;AACtC,MAAM,CAAC,MAAM,OAAO,GAAG,MAAM,CAAC,OAAO,CAAC;AACtC,MAAM,CAAC,MAAM,IAAI,GAAG,MAAM,CAAC,IAAI,CAAC;AAChC,MAAM,CAAC,MAAM,GAAG,GAAG,MAAM,CAAC,GAAG,CAAC;AAC9B,MAAM,CAAC,MAAM,OAAO,GAAG,MAAM,CAAC,GAAG,CAAC;AAElC,MAAM,CAAN,IAAY,WAMX;AAND,WAAY,WAAW;IACrB,2CAAQ,CAAA;IACR,2CAAQ,CAAA;IACR,2CAAQ,CAAA;IACR,4CAAS,CAAA;IACT,4CAAS,CAAA;AACX,CAAC,EANW,WAAW,KAAX,WAAW,QAMtB;AAED,eAAe;IACb,SAAS;IACT,OAAO;IACP,OAAO;IACP,IAAI;IACJ,GAAG;CACJ,CAAC;AAEF,cAAc,SAAS,CAAC;AACxB,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC"}

package/dist/components/layout/styled.d.ts

@@ -1,4 +1,5 @@
 import { ContentProps, SectionProps } from "./types";
+export declare const pageColumn: import("@emotion/react").SerializedStyles;
 declare const _default: {
     Section: import("@emotion/styled").StyledComponent<{
         theme?: import("@emotion/react").Theme;
@@ -8,6 +9,16 @@ declare const _default: {
         theme?: import("@emotion/react").Theme;
         as?: React.ElementType;
     } & ContentProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+    Page: import("@emotion/styled").StyledComponent<{
+        theme?: import("@emotion/react").Theme;
+        as?: React.ElementType;
+    }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+    App: import("@emotion/styled").StyledComponent<{
+        theme?: import("@emotion/react").Theme;
+        as?: React.ElementType;
+    } & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
+        theme?: import("@emotion/react").Theme;
+    }, {}, {}>;
 };
 export default _default;
 //# sourceMappingURL=styled.d.ts.map

package/dist/components/layout/styled.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../../src/components/layout/styled.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,YAAY,EAAW,YAAY,EAAS,MAAM,SAAS,CAAC;;;;;;;;;;;AA0ErE,wBAAoC"}
+{"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../../src/components/layout/styled.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,YAAY,EAAW,YAAY,EAAS,MAAM,SAAS,CAAC;AA0ErE,eAAO,MAAM,UAAU,2CAQtB,CAAC;;;;;;;;;;;;;;;;;;;;;AAkBF,wBAA+C"}

package/dist/components/layout/styled.js

@@ -68,5 +68,28 @@ const Content = styled.div `
 }}
   }
 `;
-export default { Section, Content };
+export const pageColumn = css `
+  display: flex;
+  flex-direction: column;
+
+  > :last-child:not(footer),
+  > :has(+ footer) {
+    flex: 1 0 auto;
+  }
+`;
+const Page = styled.div `
+  ${pageColumn};
+  flex: 1 0 auto;
+  width: 100%;
+  min-width: 0;
+`;
+// eslint-disable-next-line snokam/no-viewport-fill -- the app root owns the viewport height
+const App = styled(Page) `
+  min-height: calc(100dvh - var(--impersonation-banner-height, 0px));
+
+  main {
+    ${pageColumn};
+  }
+`;
+export default { Section, Content, Page, App };
 //# sourceMappingURL=styled.js.map

package/dist/components/layout/styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"styled.js","sourceRoot":"","sources":["../../../src/components/layout/styled.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAgB,OAAO,EAAgB,KAAK,EAAE,MAAM,SAAS,CAAC;AACrE,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAC;AACrC,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE1C,MAAM,OAAO,GAAG,MAAM,CAAC,GAAG,CAAc;;;;;;;;IAQpC,CAAC,EAAE,YAAY,GAAG,KAAK,EAAE,EAAE,EAAE,CAC7B,YAAY;IACV,CAAC,CAAC,GAAG,CAAA;;SAEF;IACH,CAAC,CAAC,GAAG,CAAA;;SAEF;;IAEL,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC,KAAK,EAAE,EAAE,EAAE;IAChC,IAAI,OAAO,OAAO,KAAK,QAAQ,EAAE,CAAC;QAChC,MAAM,GAAG,GAAG,eAAe,CAAC,OAAO,CAAC,GAAG,IAAI,OAAO,CAAC,IAAI,CAAC,CAAC;QACzD,MAAM,MAAM,GAAG,eAAe,CAAC,OAAO,CAAC,MAAM,IAAI,OAAO,CAAC,IAAI,CAAC,CAAC;QAE/D,OAAO,GAAG,CAAA;uBACO,GAAG;0BACA,MAAM;OACzB,CAAC;IACJ,CAAC;IAED,MAAM,KAAK,GAAG,eAAe,CAAC,OAAO,CAAC,CAAC;IACvC,OAAO,GAAG,CAAA;iBACG,KAAK;KACjB,CAAC;AACJ,CAAC;CACF,CAAC;AAEF,MAAM,OAAO,GAAG,MAAM,CAAC,GAAG,CAAc;;;;;;;;;;;MAWlC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;IACd,QAAQ,KAAK,EAAE,CAAC;QACd,KAAK,KAAK,CAAC,IAAI;YACb,OAAO,GAAG,CAAA;;WAET,CAAC;QACJ,KAAK,KAAK,CAAC,WAAW;YACpB,OAAO,GAAG,CAAA;;WAET,CAAC;QACJ,KAAK,KAAK,CAAC,MAAM;YACf,OAAO,GAAG,CAAA;;WAET,CAAC;QACJ,KAAK,KAAK,CAAC,MAAM,CAAC;QAClB;YACE,OAAO,GAAG,CAAA;;WAET,CAAC;IACN,CAAC;AACH,CAAC;;CAEJ,CAAC;AAEF,eAAe,EAAE,OAAO,EAAE,OAAO,EAAE,CAAC"}
+{"version":3,"file":"styled.js","sourceRoot":"","sources":["../../../src/components/layout/styled.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAgB,OAAO,EAAgB,KAAK,EAAE,MAAM,SAAS,CAAC;AACrE,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAC;AACrC,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE1C,MAAM,OAAO,GAAG,MAAM,CAAC,GAAG,CAAc;;;;;;;;IAQpC,CAAC,EAAE,YAAY,GAAG,KAAK,EAAE,EAAE,EAAE,CAC7B,YAAY;IACV,CAAC,CAAC,GAAG,CAAA;;SAEF;IACH,CAAC,CAAC,GAAG,CAAA;;SAEF;;IAEL,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC,KAAK,EAAE,EAAE,EAAE;IAChC,IAAI,OAAO,OAAO,KAAK,QAAQ,EAAE,CAAC;QAChC,MAAM,GAAG,GAAG,eAAe,CAAC,OAAO,CAAC,GAAG,IAAI,OAAO,CAAC,IAAI,CAAC,CAAC;QACzD,MAAM,MAAM,GAAG,eAAe,CAAC,OAAO,CAAC,MAAM,IAAI,OAAO,CAAC,IAAI,CAAC,CAAC;QAE/D,OAAO,GAAG,CAAA;uBACO,GAAG;0BACA,MAAM;OACzB,CAAC;IACJ,CAAC;IAED,MAAM,KAAK,GAAG,eAAe,CAAC,OAAO,CAAC,CAAC;IACvC,OAAO,GAAG,CAAA;iBACG,KAAK;KACjB,CAAC;AACJ,CAAC;CACF,CAAC;AAEF,MAAM,OAAO,GAAG,MAAM,CAAC,GAAG,CAAc;;;;;;;;;;;MAWlC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;IACd,QAAQ,KAAK,EAAE,CAAC;QACd,KAAK,KAAK,CAAC,IAAI;YACb,OAAO,GAAG,CAAA;;WAET,CAAC;QACJ,KAAK,KAAK,CAAC,WAAW;YACpB,OAAO,GAAG,CAAA;;WAET,CAAC;QACJ,KAAK,KAAK,CAAC,MAAM;YACf,OAAO,GAAG,CAAA;;WAET,CAAC;QACJ,KAAK,KAAK,CAAC,MAAM,CAAC;QAClB;YACE,OAAO,GAAG,CAAA;;WAET,CAAC;IACN,CAAC;AACH,CAAC;;CAEJ,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAG,GAAG,CAAA;;;;;;;;CAQ5B,CAAC;AAEF,MAAM,IAAI,GAAG,MAAM,CAAC,GAAG,CAAA;IACnB,UAAU;;;;CAIb,CAAC;AAEF,4FAA4F;AAC5F,MAAM,GAAG,GAAG,MAAM,CAAC,IAAI,CAAC,CAAA;;;;MAIlB,UAAU;;CAEf,CAAC;AAEF,eAAe,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,CAAC"}

package/dist/components/panel/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/panel/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AA4BlC,wBAAgB,KAAK,CAAC,EACpB,KAAK,EACL,MAAM,EACN,QAAQ,GACT,EAAE;IACD,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,+BAUA;AA+BD,wBAAgB,OAAO,CAAC,EACtB,IAAI,EACJ,IAAI,EACJ,GAAG,GACJ,EAAE;IACD,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,GAAG,CAAC,EAAE,SAAS,CAAC;CACjB,+BAUA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/panel/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AA6BlC,wBAAgB,KAAK,CAAC,EACpB,KAAK,EACL,MAAM,EACN,QAAQ,GACT,EAAE;IACD,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,+BAUA;AAiCD,wBAAgB,OAAO,CAAC,EACtB,IAAI,EACJ,IAAI,EACJ,GAAG,GACJ,EAAE;IACD,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,GAAG,CAAC,EAAE,SAAS,CAAC;CACjB,+BAUA"}

package/dist/components/panel/index.js

@@ -4,6 +4,7 @@ import styled from "@emotion/styled";
 import { tokens, SPACE } from "@snokam/ui/tokens";
 const PanelHeader = styled.div `
   display: flex;
+  flex-wrap: wrap;
   align-items: center;
   justify-content: space-between;
   gap: ${SPACE.md};
@@ -28,6 +29,7 @@ export function Panel({ title, action, children, }) {
 }
 const Row = styled.div `
   display: flex;
+  flex-wrap: wrap;
   align-items: center;
   justify-content: space-between;
   gap: ${SPACE.lg};
@@ -48,6 +50,7 @@ const RowMeta = styled.div `
 `;
 const RowEnd = styled.div `
   display: flex;
+  flex-wrap: wrap;
   align-items: center;
   gap: ${SPACE.md};
 `;

package/dist/components/panel/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/panel/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAElD,MAAM,WAAW,GAAG,MAAM,CAAC,GAAG,CAAA;;;;SAIrB,KAAK,CAAC,EAAE;oBACG,KAAK,CAAC,EAAE;mBACT,KAAK,CAAC,EAAE;;CAE1B,CAAC;AAEF,MAAM,UAAU,GAAG,MAAM,CAAC,EAAE,CAAA;;;;;;;CAO3B,CAAC;AAEF,MAAM,SAAS,GAAG,MAAM,CAAC,OAAO,CAAA;;;CAG/B,CAAC;AAEF,MAAM,UAAU,KAAK,CAAC,EACpB,KAAK,EACL,MAAM,EACN,QAAQ,GAMT;IACC,OAAO,CACL,MAAC,SAAS,eACR,MAAC,WAAW,eACV,KAAC,UAAU,cAAE,KAAK,GAAc,EAC/B,MAAM,IACK,EACb,QAAQ,IACC,CACb,CAAC;AACJ,CAAC;AAED,MAAM,GAAG,GAAG,MAAM,CAAC,GAAG,CAAA;;;;SAIb,KAAK,CAAC,EAAE;aACJ,KAAK,CAAC,EAAE;;;;;CAKpB,CAAC;AAEF,MAAM,OAAO,GAAG,MAAM,CAAC,GAAG,CAAA;0BACA,MAAM,CAAC,IAAI;;CAEpC,CAAC;AAEF,MAAM,OAAO,GAAG,MAAM,CAAC,GAAG,CAAA;;yBAED,MAAM,CAAC,IAAI;;CAEnC,CAAC;AAEF,MAAM,MAAM,GAAG,MAAM,CAAC,GAAG,CAAA;;;SAGhB,KAAK,CAAC,EAAE;CAChB,CAAC;AAEF,MAAM,UAAU,OAAO,CAAC,EACtB,IAAI,EACJ,IAAI,EACJ,GAAG,GAKJ;IACC,OAAO,CACL,MAAC,GAAG,eACF,0BACE,KAAC,OAAO,cAAE,IAAI,GAAW,EACxB,IAAI,CAAC,CAAC,CAAC,KAAC,OAAO,cAAE,IAAI,GAAW,CAAC,CAAC,CAAC,IAAI,IACpC,EACL,GAAG,CAAC,CAAC,CAAC,KAAC,MAAM,cAAE,GAAG,GAAU,CAAC,CAAC,CAAC,IAAI,IAChC,CACP,CAAC;AACJ,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/panel/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAElD,MAAM,WAAW,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;SAKrB,KAAK,CAAC,EAAE;oBACG,KAAK,CAAC,EAAE;mBACT,KAAK,CAAC,EAAE;;CAE1B,CAAC;AAEF,MAAM,UAAU,GAAG,MAAM,CAAC,EAAE,CAAA;;;;;;;CAO3B,CAAC;AAEF,MAAM,SAAS,GAAG,MAAM,CAAC,OAAO,CAAA;;;CAG/B,CAAC;AAEF,MAAM,UAAU,KAAK,CAAC,EACpB,KAAK,EACL,MAAM,EACN,QAAQ,GAMT;IACC,OAAO,CACL,MAAC,SAAS,eACR,MAAC,WAAW,eACV,KAAC,UAAU,cAAE,KAAK,GAAc,EAC/B,MAAM,IACK,EACb,QAAQ,IACC,CACb,CAAC;AACJ,CAAC;AAED,MAAM,GAAG,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;SAKb,KAAK,CAAC,EAAE;aACJ,KAAK,CAAC,EAAE;;;;;CAKpB,CAAC;AAEF,MAAM,OAAO,GAAG,MAAM,CAAC,GAAG,CAAA;0BACA,MAAM,CAAC,IAAI;;CAEpC,CAAC;AAEF,MAAM,OAAO,GAAG,MAAM,CAAC,GAAG,CAAA;;yBAED,MAAM,CAAC,IAAI;;CAEnC,CAAC;AAEF,MAAM,MAAM,GAAG,MAAM,CAAC,GAAG,CAAA;;;;SAIhB,KAAK,CAAC,EAAE;CAChB,CAAC;AAEF,MAAM,UAAU,OAAO,CAAC,EACtB,IAAI,EACJ,IAAI,EACJ,GAAG,GAKJ;IACC,OAAO,CACL,MAAC,GAAG,eACF,0BACE,KAAC,OAAO,cAAE,IAAI,GAAW,EACxB,IAAI,CAAC,CAAC,CAAC,KAAC,OAAO,cAAE,IAAI,GAAW,CAAC,CAAC,CAAC,IAAI,IACpC,EACL,GAAG,CAAC,CAAC,CAAC,KAAC,MAAM,cAAE,GAAG,GAAU,CAAC,CAAC,CAAC,IAAI,IAChC,CACP,CAAC;AACJ,CAAC"}

package/dist/components/system-page/styled.d.ts

@@ -1,7 +1,9 @@
 export declare const Shell: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+} & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
+    theme?: import("@emotion/react").Theme;
+}, {}, {}>;
 export declare const Backdrop: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;

package/dist/components/system-page/styled.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../../src/components/system-page/styled.tsx"],"names":[],"mappings":"AAYA,eAAO,MAAM,KAAK;;;yGAqBjB,CAAC;AAEF,eAAO,MAAM,QAAQ;;;;eAA2B,OAAO;yGAatD,CAAC;AAEF,eAAO,MAAM,IAAI;;;mGAShB,CAAC;AAEF,eAAO,MAAM,OAAO;;;yGAYnB,CAAC;AAEF,eAAO,MAAM,KAAK;;;yGAWjB,CAAC;AAEF,eAAO,MAAM,SAAS;;;yGAgBrB,CAAC;AAEF,eAAO,MAAM,IAAI;;;qHAQhB,CAAC;AAEF,eAAO,MAAM,KAAK;;;iHAKjB,CAAC;AAEF,eAAO,MAAM,MAAM;;;mGAUlB,CAAC;AAEF,eAAO,MAAM,OAAO;;;qHAKnB,CAAC;AAEF,eAAO,MAAM,OAAO;;;yGAMnB,CAAC;AAEF,eAAO,MAAM,WAAW;;;;UAmBvB,CAAC;AAwBF,eAAO,MAAM,WAAW;;;qHAEvB,CAAC;AAEF,eAAO,MAAM,SAAS;;;qHAKrB,CAAC;AAEF,eAAO,MAAM,aAAa;;;qHAoBzB,CAAC"}
+{"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../../src/components/system-page/styled.tsx"],"names":[],"mappings":"AAaA,eAAO,MAAM,KAAK;;;;;UAcjB,CAAC;AAEF,eAAO,MAAM,QAAQ;;;;eAA2B,OAAO;yGAatD,CAAC;AAEF,eAAO,MAAM,IAAI;;;mGAShB,CAAC;AAEF,eAAO,MAAM,OAAO;;;yGAYnB,CAAC;AAEF,eAAO,MAAM,KAAK;;;yGAWjB,CAAC;AAEF,eAAO,MAAM,SAAS;;;yGAgBrB,CAAC;AAEF,eAAO,MAAM,IAAI;;;qHAQhB,CAAC;AAEF,eAAO,MAAM,KAAK;;;iHAKjB,CAAC;AAEF,eAAO,MAAM,MAAM;;;mGAUlB,CAAC;AAEF,eAAO,MAAM,OAAO;;;qHAKnB,CAAC;AAEF,eAAO,MAAM,OAAO;;;yGAMnB,CAAC;AAEF,eAAO,MAAM,WAAW;;;;UAmBvB,CAAC;AAwBF,eAAO,MAAM,WAAW;;;qHAEvB,CAAC;AAEF,eAAO,MAAM,SAAS;;;qHAKrB,CAAC;AAEF,eAAO,MAAM,aAAa;;;qHAoBzB,CAAC"}

package/dist/components/system-page/styled.js

@@ -3,17 +3,14 @@ import styled from "@emotion/styled";
 import { css, keyframes } from "@emotion/react";
 import Link from "next/link";
 import { WAVE_OVERLAP_PX } from "../layout/types";
+import LayoutStyled from "../layout/styled";
 const rise = keyframes `
   from { opacity: 0; transform: translateY(12px); }
   to { opacity: 1; transform: translateY(0); }
 `;
-export const Shell = styled.div `
+export const Shell = styled(LayoutStyled.Page) `
   position: relative;
 
-  > footer {
-    flex: none;
-  }
-
   @media (prefers-reduced-motion: reduce) {
     *,
     *::before,
@@ -22,9 +19,6 @@ export const Shell = styled.div `
     }
   }
 
-  min-height: 100vh;
-  display: flex;
-  flex-direction: column;
   overflow-x: clip;
   background: var(--color-primary, #071d41);
   color: var(--color-light-blue, #e1f8ff);

package/dist/components/system-page/styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"styled.js","sourceRoot":"","sources":["../../../src/components/system-page/styled.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAChD,OAAO,IAAI,MAAM,WAAW,CAAC;AAC7B,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAElD,MAAM,IAAI,GAAG,SAAS,CAAA;;;CAGrB,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;CAqB9B,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG,MAAM,CAAC,GAAG,CAAwB;;;;;;;oBAOtC,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG,eAAe,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC;;;;;;CAM9E,CAAC;AAEF,MAAM,CAAC,MAAM,IAAI,GAAG,MAAM,CAAC,IAAI,CAAA;;;;;;;;;CAS9B,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;eAOlB,IAAI;;;;;CAKlB,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;eAMhB,IAAI;;;;;CAKlB,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;;;;;;;CAgBlC,CAAC;AAEF,MAAM,CAAC,MAAM,IAAI,GAAG,MAAM,CAAC,CAAC,CAAA;;;;;;;;CAQ3B,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAG,MAAM,CAAC,EAAE,CAAA;;;;;CAK7B,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAAG,MAAM,CAAC,IAAI,CAAA;;;;;;;;;;CAUhC,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,MAAM,CAAC,CAAC,CAAA;;;;;CAK9B,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;CAMhC,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,MAAM,CAAC,IAAI,CAAC,CAAA;;;;;;;;;;;;;;;;;;;CAmBtC,CAAC;AAEF,MAAM,KAAK,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;CAoBhB,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,MAAM,CAAC,MAAM,CAAA;IACpC,KAAK;CACR,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG,MAAM,CAAC,CAAC,CAAA;IAC7B,KAAK;;;;CAIR,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,MAAM,CAAC,MAAM,CAAA;;;;;;;;;;;;;;;;;;;;CAoBzC,CAAC"}
+{"version":3,"file":"styled.js","sourceRoot":"","sources":["../../../src/components/system-page/styled.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAChD,OAAO,IAAI,MAAM,WAAW,CAAC;AAC7B,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAClD,OAAO,YAAY,MAAM,kBAAkB,CAAC;AAE5C,MAAM,IAAI,GAAG,SAAS,CAAA;;;CAGrB,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAG,MAAM,CAAC,YAAY,CAAC,IAAI,CAAC,CAAA;;;;;;;;;;;;;;CAc7C,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG,MAAM,CAAC,GAAG,CAAwB;;;;;;;oBAOtC,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG,eAAe,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC;;;;;;CAM9E,CAAC;AAEF,MAAM,CAAC,MAAM,IAAI,GAAG,MAAM,CAAC,IAAI,CAAA;;;;;;;;;CAS9B,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;eAOlB,IAAI;;;;;CAKlB,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;eAMhB,IAAI;;;;;CAKlB,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;;;;;;;CAgBlC,CAAC;AAEF,MAAM,CAAC,MAAM,IAAI,GAAG,MAAM,CAAC,CAAC,CAAA;;;;;;;;CAQ3B,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAG,MAAM,CAAC,EAAE,CAAA;;;;;CAK7B,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAAG,MAAM,CAAC,IAAI,CAAA;;;;;;;;;;CAUhC,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,MAAM,CAAC,CAAC,CAAA;;;;;CAK9B,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;CAMhC,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,MAAM,CAAC,IAAI,CAAC,CAAA;;;;;;;;;;;;;;;;;;;CAmBtC,CAAC;AAEF,MAAM,KAAK,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;CAoBhB,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,MAAM,CAAC,MAAM,CAAA;IACpC,KAAK;CACR,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG,MAAM,CAAC,CAAC,CAAA;IAC7B,KAAK;;;;CAIR,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,MAAM,CAAC,MAAM,CAAA;;;;;;;;;;;;;;;;;;;;CAoBzC,CAAC"}

package/dist/styles/global.css

@@ -47,24 +47,6 @@ html body {
   }
 }
 
-/* Fill vertical space */
-
-html,
-body {
-  min-height: 100vh;
-}
-
-body {
-  display: flex;
-  flex-direction: column;
-}
-
-main {
-  flex: 1;
-  display: flex;
-  flex-direction: column;
-}
-
 /* Fonts */
 
 @font-face {
@@ -216,7 +198,8 @@ li {
   h3,
   h4,
   h5 {
-    overflow-wrap: anywhere;
+    hyphens: auto;
+    hyphenate-limit-chars: 12 5 5;
   }
 
   h1 {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@snokam/ui",
   "description": "Snøkam UI library — the single MUI seam. Apps import from here, never from @mui directly.",
-  "version": "6.2.1",
+  "version": "6.3.0",
   "main": "src/index.js",
   "types": "src/index.d.ts",
   "files": [