react-miui 0.23.7-beta.2 → 0.24.0

package/CHANGELOG.md

@@ -3,11 +3,23 @@ All notable changes to this project will be documented in this file.
 The format is based on [EZEZ Changelog](https://ezez.dev/guidelines/changelog/)
 and this project adheres to [Semantic Versioning](http://semver.org/spec/v2.0.0.html).
 
-## [UNRELEASED]
+## [0.24.0] - 2024-04-24
+### Added
+- `Progress` component
+### Changed
+- `Pop` converted to stitches
+### Dev
+- storybook version bump
+
+## [0.23.7] - 2024-02-29
 ### Changed
 - `Header`, `StickyHeader` and `HeaderIconAction` converted to stitches
 - `HeaderIconAction` no longer tries to fit the space, it's always the same size
 - some changes to the `Header` styles, hopefully not breaking
+- `StickyHeader` now accepts `ref`
+- `StickyHeader.Content` is now "real" component, not a wrapper
+### Added
+- `__dangerouslyDisableChildrenGuard` prop for `StickyHeader` escape hatch
 ### Fixed
 - `HeaderIconAction` sometimes is squashed
 ### Removed

package/dist/components/form/Select.styled.d.ts

@@ -37,6 +37,8 @@ declare const Select: import("@stitches/react/types/styled-component").StyledCom
         blue1: string;
         blue2: string;
         blue3: string;
+        blue4: string;
+        blue5: string;
         orange1: string;
         orange1Darker: string;
         purple1: string;

package/dist/components/form/Select.styled.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Select.styled.d.ts","sourceRoot":"","sources":["../../../src/components/form/Select.styled.ts"],"names":[],"mappings":"AAEA,QAAA,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkBV,CAAC;AAEH,OAAO,EACH,MAAM,GACT,CAAC"}
+{"version":3,"file":"Select.styled.d.ts","sourceRoot":"","sources":["../../../src/components/form/Select.styled.ts"],"names":[],"mappings":"AAEA,QAAA,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkBV,CAAC;AAEH,OAAO,EACH,MAAM,GACT,CAAC"}

package/dist/components/form/input/Input.styled.d.ts

@@ -37,6 +37,8 @@ declare const StyledInput: import("@stitches/react/types/styled-component").Styl
         blue1: string;
         blue2: string;
         blue3: string;
+        blue4: string;
+        blue5: string;
         orange1: string;
         orange1Darker: string;
         purple1: string;
@@ -121,6 +123,8 @@ declare const StyledWrapper: import("@stitches/react/types/styled-component").St
         blue1: string;
         blue2: string;
         blue3: string;
+        blue4: string;
+        blue5: string;
         orange1: string;
         orange1Darker: string;
         purple1: string;
@@ -201,6 +205,8 @@ declare const StyledPrefix: import("@stitches/react/types/styled-component").Sty
         blue1: string;
         blue2: string;
         blue3: string;
+        blue4: string;
+        blue5: string;
         orange1: string;
         orange1Darker: string;
         purple1: string;
@@ -281,6 +287,8 @@ declare const StyledSuffix: import("@stitches/react/types/styled-component").Sty
         blue1: string;
         blue2: string;
         blue3: string;
+        blue4: string;
+        blue5: string;
         orange1: string;
         orange1Darker: string;
         purple1: string;

package/dist/components/form/input/Input.styled.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Input.styled.d.ts","sourceRoot":"","sources":["../../../../src/components/form/input/Input.styled.ts"],"names":[],"mappings":"AAIA,QAAA,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAAyB,CAAC;AAE3C,QAAA,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAAyB,CAAC;AAE7C,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAGhB,CAAC;AAEH,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAGhB,CAAC;AAEH,OAAO,EACH,WAAW,EACX,aAAa,EACb,YAAY,EACZ,YAAY,GACf,CAAC"}
+{"version":3,"file":"Input.styled.d.ts","sourceRoot":"","sources":["../../../../src/components/form/input/Input.styled.ts"],"names":[],"mappings":"AAIA,QAAA,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAAyB,CAAC;AAE3C,QAAA,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAAyB,CAAC;AAE7C,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAGhB,CAAC;AAEH,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAGhB,CAAC;AAEH,OAAO,EACH,WAAW,EACX,aAAa,EACb,YAAY,EACZ,YAAY,GACf,CAAC"}

package/dist/components/form/textarea/TextArea.styled.d.ts

@@ -41,6 +41,8 @@ declare const StyledTextArea: import("@stitches/react/types/styled-component").S
         blue1: string;
         blue2: string;
         blue3: string;
+        blue4: string;
+        blue5: string;
         orange1: string;
         orange1Darker: string;
         purple1: string;

package/dist/components/form/textarea/TextArea.styled.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TextArea.styled.d.ts","sourceRoot":"","sources":["../../../../src/components/form/textarea/TextArea.styled.ts"],"names":[],"mappings":"AAKA,QAAA,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAUlB,CAAC;AAEH,OAAO,EACH,cAAc,GACjB,CAAC"}
+{"version":3,"file":"TextArea.styled.d.ts","sourceRoot":"","sources":["../../../../src/components/form/textarea/TextArea.styled.ts"],"names":[],"mappings":"AAKA,QAAA,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAUlB,CAAC;AAEH,OAAO,EACH,cAAc,GACjB,CAAC"}

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

@@ -37,6 +37,8 @@ declare const Contents: import("@stitches/react/types/styled-component").StyledC
         blue1: string;
         blue2: string;
         blue3: string;
+        blue4: string;
+        blue5: string;
         orange1: string;
         orange1Darker: string;
         purple1: string;
@@ -117,6 +119,8 @@ declare const Before: import("@stitches/react/types/styled-component").StyledCom
         blue1: string;
         blue2: string;
         blue3: string;
+        blue4: string;
+        blue5: string;
         orange1: string;
         orange1Darker: string;
         purple1: string;
@@ -197,6 +201,8 @@ declare const After: import("@stitches/react/types/styled-component").StyledComp
         blue1: string;
         blue2: string;
         blue3: string;
+        blue4: string;
+        blue5: string;
         orange1: string;
         orange1Darker: string;
         purple1: string;
@@ -281,6 +287,8 @@ declare const StyledHeader: import("@stitches/react/types/styled-component").Sty
         blue1: string;
         blue2: string;
         blue3: string;
+        blue4: string;
+        blue5: string;
         orange1: string;
         orange1Darker: string;
         purple1: string;

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

@@ -1 +1 @@
-{"version":3,"file":"Header.styled.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/header/Header.styled.ts"],"names":[],"mappings":"AAKA,QAAA,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAIZ,CAAC;AAEH,QAAA,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAEV,CAAC;AAEH,QAAA,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAET,CAAC;AAuDH,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqDhB,CAAC;AAEH,OAAO,EACH,YAAY,EACZ,QAAQ,EACR,MAAM,EACN,KAAK,GACR,CAAC"}
+{"version":3,"file":"Header.styled.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/header/Header.styled.ts"],"names":[],"mappings":"AAKA,QAAA,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAIZ,CAAC;AAEH,QAAA,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAEV,CAAC;AAEH,QAAA,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAET,CAAC;AAuDH,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqDhB,CAAC;AAEH,OAAO,EACH,YAAY,EACZ,QAAQ,EACR,MAAM,EACN,KAAK,GACR,CAAC"}

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

@@ -38,6 +38,8 @@ declare const Btn: import("@stitches/react/types/styled-component").StyledCompon
         blue1: string;
         blue2: string;
         blue3: string;
+        blue4: string;
+        blue5: string;
         orange1: string;
         orange1Darker: string;
         purple1: string;
@@ -118,6 +120,8 @@ declare const A: import("@stitches/react/types/styled-component").StyledComponen
         blue1: string;
         blue2: string;
         blue3: string;
+        blue4: string;
+        blue5: string;
         orange1: string;
         orange1Darker: string;
         purple1: string;
@@ -198,6 +202,8 @@ declare const StyledIcon: import("@stitches/react/types/styled-component").Style
         blue1: string;
         blue2: string;
         blue3: string;
+        blue4: string;
+        blue5: string;
         orange1: string;
         orange1Darker: string;
         purple1: string;

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

@@ -1 +1 @@
-{"version":3,"file":"HeaderIconAction.styled.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/header/HeaderIconAction.styled.ts"],"names":[],"mappings":";AAyBA,QAAA,MAAM,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAAiC,CAAC;AAC3C,QAAA,MAAM,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAA4B,CAAC;AAEpC,QAAA,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAKd,CAAC;AAEH,OAAO,EACH,GAAG,EACH,CAAC,EACD,UAAU,GACb,CAAC"}
+{"version":3,"file":"HeaderIconAction.styled.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/header/HeaderIconAction.styled.ts"],"names":[],"mappings":";AAyBA,QAAA,MAAM,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAAiC,CAAC;AAC3C,QAAA,MAAM,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAA4B,CAAC;AAEpC,QAAA,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAKd,CAAC;AAEH,OAAO,EACH,GAAG,EACH,CAAC,EACD,UAAU,GACb,CAAC"}

package/dist/components/layout/header/StickyHeader.d.ts

@@ -1,16 +1,16 @@
 import React from "react";
+import { Content } from "./StickyHeader.styled";
 interface ContentComponent {
-    Content: React.FC<ContentProps>;
-}
-interface ContentProps {
-    className?: string;
-    children: React.ReactNode;
+    Content: typeof Content;
 }
 interface Props {
     position?: "top" | "left" | "right" | "bottom";
     className?: string;
+    __dangerouslyDisableChildrenGuard?: boolean;
     children: React.ReactNode;
 }
-declare const StickyHeader: React.FC<Props> & ContentComponent;
+type StickyHeaderType = React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>> & ContentComponent;
+declare const StickyHeader: StickyHeaderType;
 export { StickyHeader };
+export type { Props as StickyHeaderProps };
 //# sourceMappingURL=StickyHeader.d.ts.map

package/dist/components/layout/header/StickyHeader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StickyHeader.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/header/StickyHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,UAAU,gBAAgB;IAEtB,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC;CACnC;AAED,UAAU,YAAY;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B;AAED,UAAU,KAAK;IACX,QAAQ,CAAC,EAAE,KAAK,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,CAAC;IAC/C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B;AAED,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,GAAG,gBA8BrC,CAAC;AAMF,OAAO,EAAE,YAAY,EAAE,CAAC"}
+{"version":3,"file":"StickyHeader.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/header/StickyHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAG1C,OAAO,EAAE,OAAO,EAAsB,MAAM,uBAAuB,CAAC;AAIpE,UAAU,gBAAgB;IACtB,OAAO,EAAE,OAAO,OAAO,CAAC;CAC3B;AAED,UAAU,KAAK;IAIX,QAAQ,CAAC,EAAE,KAAK,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,CAAC;IAI/C,SAAS,CAAC,EAAE,MAAM,CAAC;IAKnB,iCAAiC,CAAC,EAAE,OAAO,CAAC;IAC5C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B;AAsCD,KAAK,gBAAgB,GAAG,KAAK,CAAC,yBAAyB,CAAC,KAAK,GAAG,KAAK,CAAC,aAAa,CAAC,cAAc,CAAC,CAAC,GAAG,gBAAgB,CAAC;AAExH,QAAA,MAAM,YAAY,kBAAsC,CAAC;AAGzD,OAAO,EAAE,YAAY,EAAE,CAAC;AACxB,YAAY,EAAE,KAAK,IAAI,iBAAiB,EAAE,CAAC"}

package/dist/components/layout/header/StickyHeader.js

@@ -1,4 +1,27 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
 var __rest = (this && this.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
@@ -10,34 +33,32 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.StickyHeader = void 0;
-const react_1 = __importDefault(require("react"));
+const react_1 = __importStar(require("react"));
 const Header_1 = require("./Header");
 const StickyHeader_styled_1 = require("./StickyHeader.styled");
 const err = new TypeError("StickyHeader needs two children - Header and StickyHeader.Content");
-const StickyHeader = (props) => {
-    const { children: _children, position = "top" } = props, rest = __rest(props, ["children", "position"]);
+const StickyHeaderRaw = (0, react_1.forwardRef)((props, ref) => {
+    const { children: _children, position = "top", __dangerouslyDisableChildrenGuard } = props, rest = __rest(props, ["children", "position", "__dangerouslyDisableChildrenGuard"]);
+    if (__dangerouslyDisableChildrenGuard) {
+        return (react_1.default.createElement(StickyHeader_styled_1.StyledStickyHeader, Object.assign({ ref: ref }, rest, { position: position }), _children));
+    }
     const children = react_1.default.Children.toArray(_children);
     if (children.length !== 2) {
         throw err;
     }
-    let header = children.find(c => typeof c === "object" && "type" in c && c.type === Header_1.Header), content = children.find(c => typeof c === "object" && "type" in c && c.type === StickyHeader.Content);
+    let header = children.find(c => typeof c === "object" && "type" in c && c.type === Header_1.Header), content = children.find(c => typeof c === "object" && "type" in c && c.type === StickyHeader_styled_1.Content);
     if (!header || !content) {
         throw err;
     }
     header = header;
     content = content;
-    const contentCls = content.props.className;
-    return (react_1.default.createElement(StickyHeader_styled_1.StyledStickyHeader, Object.assign({}, rest, { position: position }),
+    return (react_1.default.createElement(StickyHeader_styled_1.StyledStickyHeader, Object.assign({ ref: ref }, rest, { position: position }),
         react_1.default.cloneElement(header, { position }),
-        react_1.default.createElement(StickyHeader_styled_1.Content, { className: contentCls, position: position }, content)));
-};
+        react_1.default.cloneElement(content, { position })));
+});
+const StickyHeader = StickyHeaderRaw;
 exports.StickyHeader = StickyHeader;
-StickyHeader.Content = ({ children }) => {
-    return react_1.default.createElement(react_1.default.Fragment, null, children);
-};
+StickyHeader.Content = StickyHeader_styled_1.Content;
 //# sourceMappingURL=StickyHeader.js.map

package/dist/components/layout/header/StickyHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"StickyHeader.js","sourceRoot":"","sources":["../../../../src/components/layout/header/StickyHeader.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,kDAA0B;AAE1B,qCAAkC;AAClC,+DAAoE;AAEpE,MAAM,GAAG,GAAG,IAAI,SAAS,CAAC,mEAAmE,CAAC,CAAC;AAkB/F,MAAM,YAAY,GAAuC,CAAC,KAAK,EAAE,EAAE;IAC/D,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,GAAG,KAAK,KAAc,KAAK,EAAd,IAAI,UAAK,KAAK,EAA1D,wBAAkD,CAAQ,CAAC;IAEjE,MAAM,QAAQ,GAAG,eAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC;IAGnD,IAAI,QAAQ,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QACxB,MAAM,GAAG,CAAC;IACd,CAAC;IAED,IAAI,MAAM,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,OAAO,CAAC,KAAK,QAAQ,IAAI,MAAM,IAAI,CAAC,IAAI,CAAC,CAAC,IAAI,KAAK,eAAM,CAAC,EACtF,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,OAAO,CAAC,KAAK,QAAQ,IAAI,MAAM,IAAI,CAAC,IAAI,CAAC,CAAC,IAAI,KAAK,YAAY,CAAC,OAAO,CAAC,CAAC;IAE1G,IAAI,CAAC,MAAM,IAAI,CAAC,OAAO,EAAE,CAAC;QACtB,MAAM,GAAG,CAAC;IACd,CAAC;IAED,MAAM,GAAG,MAAe,CAAC;IACzB,OAAO,GAAG,OAAgB,CAAC;IAE3B,MAAM,UAAU,GAAI,OAAmC,CAAC,KAAK,CAAC,SAAS,CAAC;IAExE,OAAO,CACH,8BAAC,wCAAkB,oBAAK,IAAI,IAAE,QAAQ,EAAE,QAAQ;QAC3C,eAAK,CAAC,YAAY,CAAC,MAAM,EAAE,EAAE,QAAQ,EAAE,CAAC;QACzC,8BAAC,6BAAO,IAAC,SAAS,EAAE,UAAU,EAAE,QAAQ,EAAE,QAAQ,IAC7C,OAAO,CACF,CACO,CACxB,CAAC;AACN,CAAC,CAAC;AAMO,oCAAY;AAJrB,YAAY,CAAC,OAAO,GAAG,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;IACpC,OAAO,8DAAG,QAAQ,CAAI,CAAC;AAC3B,CAAC,CAAC"}
+{"version":3,"file":"StickyHeader.js","sourceRoot":"","sources":["../../../../src/components/layout/header/StickyHeader.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAE1C,qCAAkC;AAClC,+DAAoE;AAEpE,MAAM,GAAG,GAAG,IAAI,SAAS,CAAC,mEAAmE,CAAC,CAAC;AAuB/F,MAAM,eAAe,GAAG,IAAA,kBAAU,EAAwB,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACrE,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,GAAG,KAAK,EAAE,iCAAiC,KAAc,KAAK,EAAd,IAAI,UAAK,KAAK,EAA7F,6DAAqF,CAAQ,CAAC;IAEpG,IAAI,iCAAiC,EAAE,CAAC;QACpC,OAAO,CACH,8BAAC,wCAAkB,kBAAC,GAAG,EAAE,GAAG,IAAM,IAAI,IAAE,QAAQ,EAAE,QAAQ,KACrD,SAAS,CACO,CACxB,CAAC;IACN,CAAC;IAED,MAAM,QAAQ,GAAG,eAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC;IAGnD,IAAI,QAAQ,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QACxB,MAAM,GAAG,CAAC;IACd,CAAC;IAED,IAAI,MAAM,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,OAAO,CAAC,KAAK,QAAQ,IAAI,MAAM,IAAI,CAAC,IAAI,CAAC,CAAC,IAAI,KAAK,eAAM,CAAC,EACtF,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,OAAO,CAAC,KAAK,QAAQ,IAAI,MAAM,IAAI,CAAC,IAAI,CAAC,CAAC,IAAI,KAAK,6BAAO,CAAC,CAAC;IAE7F,IAAI,CAAC,MAAM,IAAI,CAAC,OAAO,EAAE,CAAC;QACtB,MAAM,GAAG,CAAC;IACd,CAAC;IAED,MAAM,GAAG,MAAe,CAAC;IACzB,OAAO,GAAG,OAAgB,CAAC;IAE3B,OAAO,CACH,8BAAC,wCAAkB,kBAAC,GAAG,EAAE,GAAG,IAAM,IAAI,IAAE,QAAQ,EAAE,QAAQ;QACrD,eAAK,CAAC,YAAY,CAAC,MAAM,EAAE,EAAE,QAAQ,EAAE,CAAC;QACxC,eAAK,CAAC,YAAY,CAAC,OAAO,EAAE,EAAE,QAAQ,EAAE,CAAC,CACzB,CACxB,CAAC;AACN,CAAC,CAAC,CAAC;AAIH,MAAM,YAAY,GAAG,eAAmC,CAAC;AAGhD,oCAAY;AAFrB,YAAY,CAAC,OAAO,GAAG,6BAAO,CAAC"}

package/dist/components/layout/header/StickyHeader.stories.d.ts

@@ -3,6 +3,7 @@ import { StickyHeader } from "./StickyHeader";
 declare const meta: Meta;
 type Story = StoryObj<typeof StickyHeader>;
 declare const Primary: Story;
-export { Primary, };
+declare const RefsDemo: Story;
+export { Primary, RefsDemo, };
 export default meta;
 //# sourceMappingURL=StickyHeader.stories.d.ts.map

package/dist/components/layout/header/StickyHeader.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StickyHeader.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/header/StickyHeader.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAG9C,QAAA,MAAM,IAAI,EAAE,IAIX,CAAC;AAEF,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,YAAY,CAAC,CAAC;AAE3C,QAAA,MAAM,OAAO,EAAE,KAmBd,CAAC;AAEF,OAAO,EACH,OAAO,GACV,CAAC;AAEF,eAAe,IAAI,CAAC"}
+{"version":3,"file":"StickyHeader.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/header/StickyHeader.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAG9C,QAAA,MAAM,IAAI,EAAE,IAmBX,CAAC;AAEF,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,YAAY,CAAC,CAAC;AAE3C,QAAA,MAAM,OAAO,EAAE,KAmBd,CAAC;AAEF,QAAA,MAAM,QAAQ,EAAE,KA0Bf,CAAC;AAEF,OAAO,EACH,OAAO,EACP,QAAQ,GACX,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/dist/components/layout/header/StickyHeader.stories.js

@@ -1,16 +1,52 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Primary = void 0;
-const react_1 = __importDefault(require("react"));
+exports.RefsDemo = exports.Primary = void 0;
+const react_1 = __importStar(require("react"));
+const hooks_1 = require("@ezez/hooks");
 const StickyHeader_1 = require("./StickyHeader");
 const Header_1 = require("./Header");
 const meta = {
     title: "Components/Layout/Header/StickyHeader",
     component: StickyHeader_1.StickyHeader,
     tags: ["autodocs", "layout"],
+    argTypes: {
+        children: {
+            control: {
+                disable: true,
+            },
+            description: "Usual children",
+        },
+        position: {
+            control: {
+                type: "select",
+            },
+            description: "Position of the header",
+            options: ["top", "left", "right", "bottom"],
+        },
+    },
 };
 const Primary = {
     render: (args) => {
@@ -25,5 +61,27 @@ const Primary = {
     },
 };
 exports.Primary = Primary;
+const RefsDemo = {
+    render: (args) => {
+        const ref = react_1.default.useRef(null);
+        const refContent = react_1.default.useRef(null);
+        const handleForceUpdate = (0, hooks_1.useForceUpdate)();
+        (0, react_1.useEffect)(() => {
+            handleForceUpdate();
+        }, []);
+        console.info("RefsDemo", {
+            ref: ref.current, refContent: refContent.current,
+        });
+        return (react_1.default.createElement(react_1.default.Fragment, null,
+            react_1.default.createElement(StickyHeader_1.StickyHeader, Object.assign({}, args, { ref: ref }),
+                react_1.default.createElement(Header_1.Header, null, "x"),
+                react_1.default.createElement(StickyHeader_1.StickyHeader.Content, { ref: refContent },
+                    `Ref: ${ref.current ? `set ${ref.current.nodeName}` : "not set"}`,
+                    react_1.default.createElement("br", null),
+                    `RefContent: ${refContent.current ? `set ${refContent.current.nodeName}` : "not set"}`,
+                    react_1.default.createElement("br", null)))));
+    },
+};
+exports.RefsDemo = RefsDemo;
 exports.default = meta;
 //# sourceMappingURL=StickyHeader.stories.js.map

package/dist/components/layout/header/StickyHeader.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"StickyHeader.stories.js","sourceRoot":"","sources":["../../../../src/components/layout/header/StickyHeader.stories.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAI1B,iDAA8C;AAC9C,qCAAkC;AAElC,MAAM,IAAI,GAAS;IACf,KAAK,EAAE,uCAAuC;IAC9C,SAAS,EAAE,2BAAY;IACvB,IAAI,EAAE,CAAC,UAAU,EAAE,QAAQ,CAAC;CAC/B,CAAC;AAIF,MAAM,OAAO,GAAU;IACnB,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE;QAEb,MAAM,WAAW,GAAG,IAAI,KAAK,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,EAAE,CAAC,uCAAK,GAAG,EAAE,GAAG,cAAe,CAAC,CAAC;QAE7F,OAAO,CACH;YACI,6CACK;;sBAEC,CACE;YACR,8BAAC,2BAAY,oBAAK,IAAI;gBAClB,8BAAC,eAAM,YAAW;gBAClB,8BAAC,2BAAY,CAAC,OAAO,QAAE,WAAW,CAAwB,CAC/C,CAChB,CACN,CAAC;IACN,CAAC;CACJ,CAAC;AAGE,0BAAO;AAGX,kBAAe,IAAI,CAAC"}
+{"version":3,"file":"StickyHeader.stories.js","sourceRoot":"","sources":["../../../../src/components/layout/header/StickyHeader.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAyC;AAEzC,uCAA6C;AAI7C,iDAA8C;AAC9C,qCAAkC;AAElC,MAAM,IAAI,GAAS;IACf,KAAK,EAAE,uCAAuC;IAC9C,SAAS,EAAE,2BAAY;IACvB,IAAI,EAAE,CAAC,UAAU,EAAE,QAAQ,CAAC;IAC5B,QAAQ,EAAE;QACN,QAAQ,EAAE;YACN,OAAO,EAAE;gBACL,OAAO,EAAE,IAAI;aAChB;YACD,WAAW,EAAE,gBAAgB;SAChC;QACD,QAAQ,EAAE;YACN,OAAO,EAAE;gBACL,IAAI,EAAE,QAAQ;aACjB;YACD,WAAW,EAAE,wBAAwB;YACrC,OAAO,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,QAAQ,CAAC;SAC9C;KACJ;CACJ,CAAC;AAIF,MAAM,OAAO,GAAU;IACnB,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE;QAEb,MAAM,WAAW,GAAG,IAAI,KAAK,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,EAAE,CAAC,uCAAK,GAAG,EAAE,GAAG,cAAe,CAAC,CAAC;QAE7F,OAAO,CACH;YACI,6CACK;;sBAEC,CACE;YACR,8BAAC,2BAAY,oBAAK,IAAI;gBAClB,8BAAC,eAAM,YAAW;gBAClB,8BAAC,2BAAY,CAAC,OAAO,QAAE,WAAW,CAAwB,CAC/C,CAChB,CACN,CAAC;IACN,CAAC;CACJ,CAAC;AA+BE,0BAAO;AA7BX,MAAM,QAAQ,GAAU;IACpB,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE;QACb,MAAM,GAAG,GAAG,eAAK,CAAC,MAAM,CAAiB,IAAI,CAAC,CAAC;QAC/C,MAAM,UAAU,GAAG,eAAK,CAAC,MAAM,CAAiB,IAAI,CAAC,CAAC;QACtD,MAAM,iBAAiB,GAAG,IAAA,sBAAc,GAAE,CAAC;QAE3C,IAAA,iBAAS,EAAC,GAAG,EAAE;YACX,iBAAiB,EAAE,CAAC;QACxB,CAAC,EAAE,EAAE,CAAC,CAAC;QAEP,OAAO,CAAC,IAAI,CAAC,UAAU,EAAE;YACrB,GAAG,EAAE,GAAG,CAAC,OAAO,EAAE,UAAU,EAAE,UAAU,CAAC,OAAO;SACnD,CAAC,CAAC;QAEH,OAAO,CACH;YACI,8BAAC,2BAAY,oBAAK,IAAI,IAAE,GAAG,EAAE,GAAG;gBAC5B,8BAAC,eAAM,YAAW;gBAClB,8BAAC,2BAAY,CAAC,OAAO,IAAC,GAAG,EAAE,UAAU;oBAChC,QAAQ,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,GAAG,CAAC,OAAO,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,SAAS,EAAE;oBAAC,yCAAM;oBACxE,eAAe,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,UAAU,CAAC,OAAO,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,SAAS,EAAE;oBAAC,yCAAM,CAC3E,CACZ,CAChB,CACN,CAAC;IACN,CAAC;CACJ,CAAC;AAIE,4BAAQ;AAGZ,kBAAe,IAAI,CAAC"}

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

@@ -39,6 +39,8 @@ declare const StyledStickyHeader: import("@stitches/react/types/styled-component
         blue1: string;
         blue2: string;
         blue3: string;
+        blue4: string;
+        blue5: string;
         orange1: string;
         orange1Darker: string;
         purple1: string;
@@ -121,6 +123,8 @@ declare const Content: import("@stitches/react/types/styled-component").StyledCo
         blue1: string;
         blue2: string;
         blue3: string;
+        blue4: string;
+        blue5: string;
         orange1: string;
         orange1Darker: string;
         purple1: string;

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

@@ -1 +1 @@
-{"version":3,"file":"StickyHeader.styled.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/header/StickyHeader.styled.ts"],"names":[],"mappings":"AAEA,QAAA,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiBtB,CAAC;AAEH,QAAA,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgBX,CAAC;AAEH,OAAO,EACH,OAAO,EACP,kBAAkB,GACrB,CAAC"}
+{"version":3,"file":"StickyHeader.styled.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/header/StickyHeader.styled.ts"],"names":[],"mappings":"AAEA,QAAA,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiBtB,CAAC;AAEH,QAAA,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgBX,CAAC;AAEH,OAAO,EACH,OAAO,EACP,kBAAkB,GACrB,CAAC"}

package/dist/components/layout/list/Header.d.ts

@@ -45,6 +45,8 @@ declare const StyledHeader: import("@stitches/react/types/styled-component").Sty
             blue1: string;
             blue2: string;
             blue3: string;
+            blue4: string;
+            blue5: string;
             orange1: string;
             orange1Darker: string;
             purple1: string;
@@ -127,6 +129,8 @@ declare const StyledHeader: import("@stitches/react/types/styled-component").Sty
         blue1: string;
         blue2: string;
         blue3: string;
+        blue4: string;
+        blue5: string;
         orange1: string;
         orange1Darker: string;
         purple1: string;

package/dist/components/layout/list/Header.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/list/Header.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAUpD,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsBhB,CAAC;AAEH,KAAK,iBAAiB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,YAAY,CAAC,CAAC;AACnE,KAAK,QAAQ,GAAG,YAAY,CAAC,OAAO,YAAY,CAAC,CAAC;AAMlD,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,GAAG,QAAQ,GAAG;IAAE,EAAE,CAAC,EAAE,MAAM,CAAA;CAAE,CAMpE,CAAC;AAEF,OAAO,EAAE,MAAM,EAAE,CAAC"}
+{"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/list/Header.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAUpD,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsBhB,CAAC;AAEH,KAAK,iBAAiB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,YAAY,CAAC,CAAC;AACnE,KAAK,QAAQ,GAAG,YAAY,CAAC,OAAO,YAAY,CAAC,CAAC;AAMlD,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,GAAG,QAAQ,GAAG;IAAE,EAAE,CAAC,EAAE,MAAM,CAAA;CAAE,CAMpE,CAAC;AAEF,OAAO,EAAE,MAAM,EAAE,CAAC"}

package/dist/components/layout/list/Item.d.ts

@@ -59,6 +59,8 @@ declare const StyledItem: import("@stitches/react/types/styled-component").Style
         blue1: string;
         blue2: string;
         blue3: string;
+        blue4: string;
+        blue5: string;
         orange1: string;
         orange1Darker: string;
         purple1: string;

package/dist/components/layout/list/Item.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Item.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/list/Item.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAEhC,UAAU,SAAS;IACf,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B;AAED,UAAU,KAAK;IACX,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,IAAI,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,SAAS,CAAC,GAAG,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC;IAC7D,KAAK,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,UAAU,aAAa;IACnB,KAAK,EAAE,OAAO,KAAK,CAAC;IACpB,KAAK,EAAE,OAAO,KAAK,CAAC;CACvB;AA+BD,QAAA,MAAM,2BAA2B,QAAkC,CAAC;AAEpE,QAAA,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCd,CAAC;AAEH,KAAK,eAAe,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,UAAU,CAAC,CAAC;AAuB/D,QAAA,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,GAAG,KAAK,CAAC,GAAG,aAiD/C,CAAC;AAKF,OAAO,EAAE,IAAI,EAAE,2BAA2B,EAAE,CAAC;AAE7C,YAAY,EACR,KAAK,IAAI,SAAS,EAClB,aAAa,IAAI,iBAAiB,GACrC,CAAC"}
+{"version":3,"file":"Item.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/list/Item.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAEhC,UAAU,SAAS;IACf,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B;AAED,UAAU,KAAK;IACX,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,IAAI,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,SAAS,CAAC,GAAG,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC;IAC7D,KAAK,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,UAAU,aAAa;IACnB,KAAK,EAAE,OAAO,KAAK,CAAC;IACpB,KAAK,EAAE,OAAO,KAAK,CAAC;CACvB;AA+BD,QAAA,MAAM,2BAA2B,QAAkC,CAAC;AAEpE,QAAA,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCd,CAAC;AAEH,KAAK,eAAe,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,UAAU,CAAC,CAAC;AAuB/D,QAAA,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,GAAG,KAAK,CAAC,GAAG,aAiD/C,CAAC;AAKF,OAAO,EAAE,IAAI,EAAE,2BAA2B,EAAE,CAAC;AAE7C,YAAY,EACR,KAAK,IAAI,SAAS,EAClB,aAAa,IAAI,iBAAiB,GACrC,CAAC"}

package/dist/components/layout/list/Label.d.ts

@@ -39,6 +39,8 @@ declare const StyledLabel: import("@stitches/react/types/styled-component").Styl
         blue1: string;
         blue2: string;
         blue3: string;
+        blue4: string;
+        blue5: string;
         orange1: string;
         orange1Darker: string;
         purple1: string;

package/dist/components/layout/list/Label.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Label.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/list/Label.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAYvC,QAAA,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAGf,CAAC;AAEH,KAAK,gBAAgB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,WAAW,CAAC,CAAC;AAMjE,QAAA,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,GAAG;IAAE,GAAG,CAAC,EAAE,SAAS,CAAA;CAAE,CAO3D,CAAC;AAEF,OAAO,EAAE,KAAK,EAAE,CAAC"}
+{"version":3,"file":"Label.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/list/Label.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAYvC,QAAA,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAGf,CAAC;AAEH,KAAK,gBAAgB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,WAAW,CAAC,CAAC;AAMjE,QAAA,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,GAAG;IAAE,GAAG,CAAC,EAAE,SAAS,CAAA;CAAE,CAO3D,CAAC;AAEF,OAAO,EAAE,KAAK,EAAE,CAAC"}

package/dist/components/layout/list/List.d.ts

@@ -46,6 +46,8 @@ declare const StyledList: import("@stitches/react/types/styled-component").Style
         blue1: string;
         blue2: string;
         blue3: string;
+        blue4: string;
+        blue5: string;
         orange1: string;
         orange1Darker: string;
         purple1: string;

package/dist/components/layout/list/List.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"List.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/list/List.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAE9B,UAAU,aAAa;IACnB,MAAM,EAAE,OAAO,MAAM,CAAC;IACtB,IAAI,EAAE,OAAO,IAAI,CAAC;CACrB;AAED,QAAA,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAYd,CAAC;AAEH,KAAK,eAAe,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,UAAU,CAAC,CAAC;AAc/D,QAAA,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAAC,GAAG,aAavC,CAAC;AAIF,OAAO,EAAE,IAAI,EAAE,CAAC"}
+{"version":3,"file":"List.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/list/List.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAE9B,UAAU,aAAa;IACnB,MAAM,EAAE,OAAO,MAAM,CAAC;IACtB,IAAI,EAAE,OAAO,IAAI,CAAC;CACrB;AAED,QAAA,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAYd,CAAC;AAEH,KAAK,eAAe,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,UAAU,CAAC,CAAC;AAc/D,QAAA,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAAC,GAAG,aAavC,CAAC;AAIF,OAAO,EAAE,IAAI,EAAE,CAAC"}

package/dist/components/layout/list/Value.d.ts

@@ -37,6 +37,8 @@ declare const Value: import("@stitches/react/types/styled-component").StyledComp
         blue1: string;
         blue2: string;
         blue3: string;
+        blue4: string;
+        blue5: string;
         orange1: string;
         orange1Darker: string;
         purple1: string;

package/dist/components/layout/list/Value.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Value.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/list/Value.tsx"],"names":[],"mappings":"AAKA,QAAA,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAOT,CAAC;AAEH,OAAO,EAAE,KAAK,EAAE,CAAC"}
+{"version":3,"file":"Value.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/list/Value.tsx"],"names":[],"mappings":"AAKA,QAAA,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAOT,CAAC;AAEH,OAAO,EAAE,KAAK,EAAE,CAAC"}

package/dist/components/layout/section/Section.d.ts

@@ -44,6 +44,8 @@ declare const Section: import("@stitches/react/types/styled-component").StyledCo
         blue1: string;
         blue2: string;
         blue3: string;
+        blue4: string;
+        blue5: string;
         orange1: string;
         orange1Darker: string;
         purple1: string;

package/dist/components/layout/section/Section.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Section.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/section/Section.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAEtD,UAAU,aAAa;IACnB,SAAS,EAAE,OAAO,gBAAgB,CAAC;CACtC;AA2BD,QAAA,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;mBAAkD,CAAC;AAIhE,OAAO,EAAE,OAAO,EAAE,CAAC"}
+{"version":3,"file":"Section.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/section/Section.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAEtD,UAAU,aAAa;IACnB,SAAS,EAAE,OAAO,gBAAgB,CAAC;CACtC;AA2BD,QAAA,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;mBAAkD,CAAC;AAIhE,OAAO,EAAE,OAAO,EAAE,CAAC"}

package/dist/components/layout/section/SectionContainer.d.ts

@@ -37,6 +37,8 @@ declare const SectionContainer: import("@stitches/react/types/styled-component")
         blue1: string;
         blue2: string;
         blue3: string;
+        blue4: string;
+        blue5: string;
         orange1: string;
         orange1Darker: string;
         purple1: string;

package/dist/components/layout/section/SectionContainer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SectionContainer.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/section/SectionContainer.tsx"],"names":[],"mappings":"AAEA,QAAA,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAOpB,CAAC;AAEH,OAAO,EAAE,gBAAgB,EAAE,CAAC"}
+{"version":3,"file":"SectionContainer.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/section/SectionContainer.tsx"],"names":[],"mappings":"AAEA,QAAA,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAOpB,CAAC;AAEH,OAAO,EAAE,gBAAgB,EAAE,CAAC"}

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

@@ -37,6 +37,8 @@ declare const Div: import("@stitches/react/types/styled-component").StyledCompon
         blue1: string;
         blue2: string;
         blue3: string;
+        blue4: string;
+        blue5: string;
         orange1: string;
         orange1Darker: string;
         purple1: string;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/native/index.ts"],"names":[],"mappings":"AAEA,QAAA,MAAM,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAAoB,CAAC;AAE9B,OAAO,EAAE,GAAG,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/native/index.ts"],"names":[],"mappings":"AAEA,QAAA,MAAM,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAAoB,CAAC;AAE9B,OAAO,EAAE,GAAG,EAAE,CAAC"}

package/dist/components/ui/action/Action.styled.d.ts

@@ -37,6 +37,8 @@ declare const StyledAction: import("@stitches/react/types/styled-component").Sty
         blue1: string;
         blue2: string;
         blue3: string;
+        blue4: string;
+        blue5: string;
         orange1: string;
         orange1Darker: string;
         purple1: string;
@@ -117,6 +119,8 @@ declare const Anchor: import("@stitches/react/types/styled-component").StyledCom
         blue1: string;
         blue2: string;
         blue3: string;
+        blue4: string;
+        blue5: string;
         orange1: string;
         orange1Darker: string;
         purple1: string;
@@ -197,6 +201,8 @@ declare const Button: import("@stitches/react/types/styled-component").StyledCom
         blue1: string;
         blue2: string;
         blue3: string;
+        blue4: string;
+        blue5: string;
         orange1: string;
         orange1Darker: string;
         purple1: string;

package/dist/components/ui/action/Action.styled.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Action.styled.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/action/Action.styled.ts"],"names":[],"mappings":"AAIA,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAUhB,CAAC;AAUH,QAAA,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAEV,CAAC;AAEH,QAAA,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAKV,CAAC;AAEH,OAAO,EACH,YAAY,EACZ,MAAM,EACN,MAAM,GACT,CAAC"}
+{"version":3,"file":"Action.styled.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/action/Action.styled.ts"],"names":[],"mappings":"AAIA,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAUhB,CAAC;AAUH,QAAA,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAEV,CAAC;AAEH,QAAA,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAKV,CAAC;AAEH,OAAO,EACH,YAAY,EACZ,MAAM,EACN,MAAM,GACT,CAAC"}

package/dist/components/ui/button/Button.styled.d.ts

@@ -40,6 +40,8 @@ declare const Button: import("@stitches/react/types/styled-component").StyledCom
         blue1: string;
         blue2: string;
         blue3: string;
+        blue4: string;
+        blue5: string;
         orange1: string;
         orange1Darker: string;
         purple1: string;

package/dist/components/ui/button/Button.styled.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Button.styled.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/button/Button.styled.ts"],"names":[],"mappings":"AAKA,QAAA,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCV,CAAC;AAEH,OAAO,EACH,MAAM,GACT,CAAC"}
+{"version":3,"file":"Button.styled.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/button/Button.styled.ts"],"names":[],"mappings":"AAKA,QAAA,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCV,CAAC;AAEH,OAAO,EACH,MAAM,GACT,CAAC"}