@snokam/ui 7.6.0 → 7.6.1

package/CHANGELOG.md

@@ -3,6 +3,12 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [7.6.1](https://github.com/snokam/components/compare/%40snokam%2Fui%407.6.0...%40snokam%2Fui%407.6.1) (2026-11-10)
+
+### Bug Fixes
+
+- **ui:** bands inherit the theme instead of guessing it in js ([#3459](https://github.com/snokam/components/issues/3459)) ([b9b19cb](https://github.com/snokam/components/commit/b9b19cb7c088ecaa995be38259eb6be57a670d1d))
+
 # [7.6.0](https://github.com/snokam/components/compare/%40snokam%2Fui%407.3.4...%40snokam%2Fui%407.6.0) (2026-11-10)
 
 ### Bug Fixes

package/dist/components/layout/container/blobs.d.ts

@@ -0,0 +1,6 @@
+import { LayoutTheme } from "../types";
+export declare function Blobs({ tone, elements, }: {
+    tone: LayoutTheme;
+    elements?: number;
+}): import("react").JSX.Element;
+//# sourceMappingURL=blobs.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"blobs.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/container/blobs.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAGvC,wBAAgB,KAAK,CAAC,EACpB,IAAI,EACJ,QAAQ,GACT,EAAE;IACD,IAAI,EAAE,WAAW,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,+BAcA"}

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

@@ -0,0 +1,12 @@
+"use client";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import Styled from "./styled";
+import { LayoutTheme } from "../types";
+import { AnimatedBlobs, BlobTheme } from "@snokam/ui/animated-blobs";
+export function Blobs({ tone, elements, }) {
+    if (tone === LayoutTheme.Dark) {
+        return _jsx(AnimatedBlobs, { theme: BlobTheme.Dark, maxElements: elements });
+    }
+    return (_jsxs(_Fragment, { children: [_jsx(Styled.LightOnly, { children: _jsx(AnimatedBlobs, { theme: BlobTheme.Light, maxElements: elements }) }), _jsx(Styled.DarkOnly, { children: _jsx(AnimatedBlobs, { theme: BlobTheme.Dark, maxElements: elements }) })] }));
+}
+//# sourceMappingURL=blobs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"blobs.js","sourceRoot":"","sources":["../../../../src/components/layout/container/blobs.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,MAAM,MAAM,UAAU,CAAC;AAC9B,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AACvC,OAAO,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAErE,MAAM,UAAU,KAAK,CAAC,EACpB,IAAI,EACJ,QAAQ,GAIT;IACC,IAAI,IAAI,KAAK,WAAW,CAAC,IAAI,EAAE,CAAC;QAC9B,OAAO,KAAC,aAAa,IAAC,KAAK,EAAE,SAAS,CAAC,IAAI,EAAE,WAAW,EAAE,QAAQ,GAAI,CAAC;IACzE,CAAC;IACD,OAAO,CACL,8BACE,KAAC,MAAM,CAAC,SAAS,cACf,KAAC,aAAa,IAAC,KAAK,EAAE,SAAS,CAAC,KAAK,EAAE,WAAW,EAAE,QAAQ,GAAI,GAC/C,EACnB,KAAC,MAAM,CAAC,QAAQ,cACd,KAAC,aAAa,IAAC,KAAK,EAAE,SAAS,CAAC,IAAI,EAAE,WAAW,EAAE,QAAQ,GAAI,GAC/C,IACjB,CACJ,CAAC;AACJ,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/container/index.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,cAAc,EAAwC,MAAM,UAAU,CAAC;AAUhF,QAAA,MAAM,SAAS,GAAI,0EAQhB,cAAc,gCAiChB,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/container/index.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,cAAc,EAAwC,MAAM,UAAU,CAAC;AAIhF,QAAA,MAAM,SAAS,GAAI,0EAQhB,cAAc,gCA4BhB,CAAC;AAEF,eAAe,SAAS,CAAC"}

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

@@ -3,15 +3,9 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import Styled from "./styled";
 import { Position, LayoutTheme, AnimationType } from "../types";
 import Transition from "./transitions";
-import { AnimatedBlobs, BlobTheme } from "@snokam/ui/animated-blobs";
-import { useColorScheme } from "@snokam/ui/theme/admin";
-const themeToBlobTheme = {
-    [LayoutTheme.Dark]: BlobTheme.Dark,
-    [LayoutTheme.Light]: BlobTheme.Light,
-};
+import { Blobs } from "./blobs";
 const Container = ({ children, as = "div", theme = LayoutTheme.Dark, transitions, animation, popover, ...restOfProps }) => {
-    const effective = useColorScheme() === "dark" ? LayoutTheme.Dark : theme;
-    return (_jsxs(Styled.Container, { as: as, "$tone": theme, animation: animation, ...restOfProps, children: [animation?.type === AnimationType.Blobs && (_jsx(AnimatedBlobs, { theme: themeToBlobTheme[effective], maxElements: animation.elements })), children, transitions?.top && (_jsx(Transition, { theme: theme, transition: transitions.top, position: Position.Top })), transitions?.bottom && (_jsx(Transition, { theme: theme, transition: transitions.bottom, position: Position.Bottom }))] }));
+    return (_jsxs(Styled.Container, { as: as, "$tone": theme, animation: animation, ...restOfProps, children: [animation?.type === AnimationType.Blobs && (_jsx(Blobs, { tone: theme, elements: animation.elements })), children, transitions?.top && (_jsx(Transition, { theme: theme, transition: transitions.top, position: Position.Top })), transitions?.bottom && (_jsx(Transition, { theme: theme, transition: transitions.bottom, position: Position.Bottom }))] }));
 };
 export default Container;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/layout/container/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,MAAM,MAAM,UAAU,CAAC;AAC9B,OAAO,EAAkB,QAAQ,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAChF,OAAO,UAAU,MAAM,eAAe,CAAC;AACvC,OAAO,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AACrE,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAExD,MAAM,gBAAgB,GAAG;IACvB,CAAC,WAAW,CAAC,IAAI,CAAC,EAAE,SAAS,CAAC,IAAI;IAClC,CAAC,WAAW,CAAC,KAAK,CAAC,EAAE,SAAS,CAAC,KAAK;CACrC,CAAC;AAEF,MAAM,SAAS,GAAG,CAAC,EACjB,QAAQ,EACR,EAAE,GAAG,KAAK,EACV,KAAK,GAAG,WAAW,CAAC,IAAI,EACxB,WAAW,EACX,SAAS,EACT,OAAO,EACP,GAAG,WAAW,EACC,EAAE,EAAE;IACnB,MAAM,SAAS,GAAG,cAAc,EAAE,KAAK,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC;IAEzE,OAAO,CACL,MAAC,MAAM,CAAC,SAAS,IACf,EAAE,EAAE,EAAE,WACC,KAAK,EACZ,SAAS,EAAE,SAAS,KAChB,WAAW,aAEd,SAAS,EAAE,IAAI,KAAK,aAAa,CAAC,KAAK,IAAI,CAC1C,KAAC,aAAa,IACZ,KAAK,EAAE,gBAAgB,CAAC,SAAS,CAAC,EAClC,WAAW,EAAE,SAAS,CAAC,QAAQ,GAC/B,CACH,EACA,QAAQ,EACR,WAAW,EAAE,GAAG,IAAI,CACnB,KAAC,UAAU,IACT,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,WAAW,CAAC,GAAG,EAC3B,QAAQ,EAAE,QAAQ,CAAC,GAAG,GACtB,CACH,EACA,WAAW,EAAE,MAAM,IAAI,CACtB,KAAC,UAAU,IACT,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,WAAW,CAAC,MAAM,EAC9B,QAAQ,EAAE,QAAQ,CAAC,MAAM,GACzB,CACH,IACgB,CACpB,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/layout/container/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,MAAM,MAAM,UAAU,CAAC;AAC9B,OAAO,EAAkB,QAAQ,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAChF,OAAO,UAAU,MAAM,eAAe,CAAC;AACvC,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAEhC,MAAM,SAAS,GAAG,CAAC,EACjB,QAAQ,EACR,EAAE,GAAG,KAAK,EACV,KAAK,GAAG,WAAW,CAAC,IAAI,EACxB,WAAW,EACX,SAAS,EACT,OAAO,EACP,GAAG,WAAW,EACC,EAAE,EAAE;IACnB,OAAO,CACL,MAAC,MAAM,CAAC,SAAS,IACf,EAAE,EAAE,EAAE,WACC,KAAK,EACZ,SAAS,EAAE,SAAS,KAChB,WAAW,aAEd,SAAS,EAAE,IAAI,KAAK,aAAa,CAAC,KAAK,IAAI,CAC1C,KAAC,KAAK,IAAC,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,CAAC,QAAQ,GAAI,CACrD,EACA,QAAQ,EACR,WAAW,EAAE,GAAG,IAAI,CACnB,KAAC,UAAU,IACT,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,WAAW,CAAC,GAAG,EAC3B,QAAQ,EAAE,QAAQ,CAAC,GAAG,GACtB,CACH,EACA,WAAW,EAAE,MAAM,IAAI,CACtB,KAAC,UAAU,IACT,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,WAAW,CAAC,MAAM,EAC9B,QAAQ,EAAE,QAAQ,CAAC,MAAM,GACzB,CACH,IACgB,CACpB,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}

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

@@ -11,6 +11,14 @@ declare const _default: {
         theme?: import("@emotion/react").Theme;
         as?: React.ElementType;
     }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+    LightOnly: import("@emotion/styled").StyledComponent<{
+        theme?: import("@emotion/react").Theme;
+        as?: React.ElementType;
+    }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+    DarkOnly: 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/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;;;;;;;AAkC7B,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;;;;;;;;;;;;;;;AAkD7B,wBAA4D"}

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

@@ -32,5 +32,19 @@ const Container = styled.div `
         `}
 `;
 const Children = styled.div ``;
-export default { Container, Children };
+const LightOnly = styled.div `
+  display: contents;
+
+  [data-theme="dark"] & {
+    display: none;
+  }
+`;
+const DarkOnly = styled.div `
+  display: none;
+
+  [data-theme="dark"] & {
+    display: contents;
+  }
+`;
+export default { Container, Children, LightOnly, DarkOnly };
 //# sourceMappingURL=styled.js.map

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;;;;;;;;;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"}
+{"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,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;CAM3B,CAAC;AAEF,MAAM,QAAQ,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;CAM1B,CAAC;AAEF,eAAe,EAAE,SAAS,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAE,CAAC"}

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": "7.6.0",
+  "version": "7.6.1",
   "main": "src/index.js",
   "types": "src/index.d.ts",
   "sideEffects": [