@snokam/ui 6.2.1 → 6.2.2

package/CHANGELOG.md

@@ -3,11 +3,18 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [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/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;;;;;;;AAuC7B,wBAAuC"}

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

@@ -11,7 +11,8 @@ const Container = styled.div `
   color: var(--container-fg);
   background-color: var(--container-bg);
 
-  &:last-child {
+  &:last-child:not(footer),
+  &:has(+ footer) {
     flex-grow: 1;
   }
 

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;;;;;;;;;;;;;;IAcE,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,10 @@ 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 enum Breakpoints {
     xs = 576,
     sm = 768,
@@ -23,6 +28,10 @@ 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>, {}>;
 };
 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;AAEhC,oBAAY,WAAW;IACrB,EAAE,MAAM;IACR,EAAE,MAAM;IACR,EAAE,MAAM;IACR,EAAE,OAAO;IACT,EAAE,OAAO;CACV;;;;;;;;;;;;;;;;AAED,wBAKE;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,10 @@
 "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 var Breakpoints;
 (function (Breakpoints) {
     Breakpoints[Breakpoints["xs"] = 576] = "xs";
@@ -15,6 +17,7 @@ export default {
     Container,
     Section,
     Content,
+    Page,
 };
 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;AAEhC,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;CACL,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,10 @@ 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>, {}>;
 };
 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;AA+ErE,eAAO,MAAM,UAAU,2CAQtB,CAAC;;;;;;;;;;;;;;;AASF,wBAA0C"}

package/dist/components/layout/styled.js

@@ -68,5 +68,25 @@ const Content = styled.div `
 }}
   }
 `;
-export default { Section, Content };
+// The one rule every page column uses: stack children and let the last band
+// stretch to the bottom, so short pages never show a strip of another colour
+// below it. A trailing footer keeps its height; the band before it grows.
+// Shells apply it to their scroll column; pages wrap their bands in Layout.Page.
+// Mirrored for the bare <main> element in styles/global.css.
+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;
+`;
+export default { Section, Content, Page };
 //# 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,4EAA4E;AAC5E,6EAA6E;AAC7E,0EAA0E;AAC1E,iFAAiF;AACjF,6DAA6D;AAC7D,MAAM,CAAC,MAAM,UAAU,GAAG,GAAG,CAAA;;;;;;;;CAQ5B,CAAC;AAEF,MAAM,IAAI,GAAG,MAAM,CAAC,GAAG,CAAA;IACnB,UAAU;;;;CAIb,CAAC;AAEF,eAAe,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,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.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;;;yGAgBjB,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,16 +3,15 @@ import styled from "@emotion/styled";
 import { css, keyframes } from "@emotion/react";
 import Link from "next/link";
 import { WAVE_OVERLAP_PX } from "../layout/types";
+import { pageColumn } from "../layout/styled";
 const rise = keyframes `
   from { opacity: 0; transform: translateY(12px); }
   to { opacity: 1; transform: translateY(0); }
 `;
 export const Shell = styled.div `
   position: relative;
-
-  > footer {
-    flex: none;
-  }
+  ${pageColumn};
+  flex: 1 0 auto;
 
   @media (prefers-reduced-motion: reduce) {
     *,
@@ -22,9 +21,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,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAE9C,MAAM,IAAI,GAAG,SAAS,CAAA;;;CAGrB,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAG,MAAM,CAAC,GAAG,CAAA;;IAE3B,UAAU;;;;;;;;;;;;;;CAcb,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

@@ -59,12 +59,19 @@ body {
   flex-direction: column;
 }
 
+/* Same rule as pageColumn in components/layout/styled.tsx */
 main {
   flex: 1;
   display: flex;
   flex-direction: column;
 }
 
+main > :last-child:not(footer),
+main > :has(+ footer),
+body > :has(+ footer) {
+  flex: 1 0 auto;
+}
+
 /* Fonts */
 
 @font-face {
@@ -216,7 +223,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.2.2",
   "main": "src/index.js",
   "types": "src/index.d.ts",
   "files": [