@redneckz/wildless-cms-uni-blocks 0.2.28 → 0.2.32

package/dist/Blocks.d.ts

@@ -1,9 +1,8 @@
 export declare const Blocks: {
-    Header: (props: import("@redneckz/uni-jsx").PropsWithChildren<import("./Header").HeaderProps, any>, context?: any) => any;
-    ProductColumnBlock: (props: import("@redneckz/uni-jsx").PropsWithChildren<import("./ProductColumnBlock").ProductColumnBlockProps, any>, context?: any) => any;
+    Header: (props: import("@redneckz/uni-jsx").PropsWithChildren<import("./Header/Header").HeaderProps, any>, context?: any) => any;
     Text: (props: import("@redneckz/uni-jsx").PropsWithChildren<import("./Text").TextProps, any>, context?: any) => any;
     TextWithImage: (props: import("@redneckz/uni-jsx").PropsWithChildren<import("./TextWithImage").TextWithImageProps, any>, context?: any) => any;
     RichText: (props: import("@redneckz/uni-jsx").PropsWithChildren<import("./RichText").RichTextProps, any>, context?: any) => any;
     Placeholder: (props: import("@redneckz/uni-jsx").PropsWithChildren<import("./Placeholder").PlaceholderProps, any>, context?: any) => any;
-    ProductBlock: (props: import("@redneckz/uni-jsx").PropsWithChildren<import("./ProductBlock").ProductBlockProps, any>, context?: any) => any;
+    ProductTile: (props: import("@redneckz/uni-jsx").PropsWithChildren<import("./ProductTile").ProductTileProps, any>, context?: any) => any;
 };

package/dist/Blocks.js

@@ -1,19 +1,17 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Blocks = void 0;
-const Header_1 = require("./Header");
+const index_1 = require("./Header/index");
 const Placeholder_1 = require("./Placeholder");
-const ProductColumnBlock_1 = require("./ProductColumnBlock");
 const RichText_1 = require("./RichText");
 const Text_1 = require("./Text");
 const TextWithImage_1 = require("./TextWithImage");
-const ProductBlock_1 = require("./ProductBlock");
+const ProductTile_1 = require("./ProductTile");
 exports.Blocks = {
-    Header: Header_1.Header,
-    ProductColumnBlock: ProductColumnBlock_1.ProductColumnBlock,
+    Header: index_1.Header,
     Text: Text_1.Text,
     TextWithImage: TextWithImage_1.TextWithImage,
     RichText: RichText_1.RichText,
     Placeholder: Placeholder_1.Placeholder,
-    ProductBlock: ProductBlock_1.ProductBlock,
+    ProductTile: ProductTile_1.ProductTile,
 };
 //# sourceMappingURL=Blocks.js.map

package/dist/Blocks.js.map

@@ -1 +1 @@
-{"version":3,"file":"Blocks.js","sourceRoot":"","sources":["../src/Blocks.ts"],"names":[],"mappings":";;AAAA,qCAAkC;AAClC,+CAA4C;AAC5C,6DAA0D;AAC1D,yCAAsC;AACtC,iCAA8B;AAC9B,mDAAgD;AAChD,iDAA8C;AAEjC,QAAA,MAAM,GAAG;IACpB,MAAM,EAAN,eAAM;IACN,kBAAkB,EAAlB,uCAAkB;IAClB,IAAI,EAAJ,WAAI;IACJ,aAAa,EAAb,6BAAa;IACb,QAAQ,EAAR,mBAAQ;IACR,WAAW,EAAX,yBAAW;IACX,YAAY,EAAZ,2BAAY;CACb,CAAC"}
+{"version":3,"file":"Blocks.js","sourceRoot":"","sources":["../src/Blocks.ts"],"names":[],"mappings":";;AAAA,0CAAwC;AACxC,+CAA4C;AAC5C,yCAAsC;AACtC,iCAA8B;AAC9B,mDAAgD;AAChD,+CAA4C;AAE/B,QAAA,MAAM,GAAG;IACpB,MAAM,EAAN,cAAM;IACN,IAAI,EAAJ,WAAI;IACJ,aAAa,EAAb,6BAAa;IACb,QAAQ,EAAR,mBAAQ;IACR,WAAW,EAAX,yBAAW;IACX,WAAW,EAAX,yBAAW;CACZ,CAAC"}

package/dist/ContentPage.js

@@ -5,8 +5,8 @@ const uni_jsx_1 = require("@redneckz/uni-jsx");
 const Blocks_1 = require("./Blocks");
 const LikeControl_1 = require("./LikeControl");
 const defaultBlockDecorator = ({ blockClassName, block, render }) => render({ blockClassName, block });
-exports.ContentPage = (0, uni_jsx_1.JSX)(({ className, data: { style: pageStyle, blocks, likeControl }, context, blockDecorator = defaultBlockDecorator, }) => {
-    return ((0, jsx_runtime_1.jsxs)("section", { children: [(0, jsx_runtime_1.jsx)("div", { className: `grid grid-cols-12 ${style2className(pageStyle)} ${className}`, children: blocks?.length ? blocks.map(renderBlock) : null }), likeControl && ((0, jsx_runtime_1.jsx)("div", { className: "flex justify-end sticky bottom-0 pointer-events-none", children: (0, jsx_runtime_1.jsx)(LikeControl_1.LikeControl, { className: "rounded-tl-lg pointer-events-auto", context: context }) }))] }));
+exports.ContentPage = (0, uni_jsx_1.JSX)(({ className, data: { style: pageStyle, blocks, likeControl, colorPalette = 'pc' }, context, blockDecorator = defaultBlockDecorator, }) => {
+    return ((0, jsx_runtime_1.jsxs)("section", { className: "relative", "data-theme": colorPalette, children: [(0, jsx_runtime_1.jsx)("div", { className: `grid grid-cols-12 ${style2className(pageStyle)} ${className}`, children: blocks?.length ? blocks.map(renderBlock) : null }), likeControl && ((0, jsx_runtime_1.jsx)("div", { className: "flex items-end absolute bottom-0 right-0 h-full pointer-events-none", children: (0, jsx_runtime_1.jsx)(LikeControl_1.LikeControl, { className: "rounded-tl-lg sticky bottom-0 pointer-events-auto", context: context }) }))] }));
     function renderBlock(block, i) {
         const { type } = block;
         if (!(type in Blocks_1.Blocks)) {
@@ -18,8 +18,8 @@ exports.ContentPage = (0, uni_jsx_1.JSX)(({ className, data: { style: pageStyle,
             blockClassName: style2className(block.style),
             block,
             render: (props) => {
-                const { content, blocks } = props.block;
-                return ((0, jsx_runtime_1.jsx)(BlockComponent, { className: props.blockClassName, context: context, ...content, children: blocks?.length ? blocks.map(renderBlock) : null }, `${type}-${i}`));
+                const { version, content, blocks } = props.block;
+                return ((0, jsx_runtime_1.jsx)(BlockComponent, { className: props.blockClassName, version: version, context: context, ...content, children: blocks?.length ? blocks.map(renderBlock) : null }, `${type}-${i}`));
             },
         });
     }

package/dist/ContentPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"ContentPage.js","sourceRoot":"","sources":["../src/ContentPage.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AACxC,qCAAkC;AAClC,+CAA4C;AAmB5C,MAAM,qBAAqB,GAAmB,CAAC,EAAE,cAAc,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,EAAE,CAClF,MAAM,CAAC,EAAE,cAAc,EAAE,KAAK,EAAE,CAAC,CAAC;AAEvB,QAAA,WAAW,GAAG,IAAA,aAAG,EAC5B,CAAC,EACC,SAAS,EACT,IAAI,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,EAAE,WAAW,EAAE,EAC/C,OAAO,EACP,cAAc,GAAG,qBAAqB,GACvC,EAAE,EAAE;IACH,OAAO,CACL,gDACE,gCAAK,SAAS,EAAE,qBAAqB,eAAe,CAAC,SAAS,CAAC,IAAI,SAAS,EAAE,YAC3E,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,IAAI,GAC5C,EACL,WAAW,IAAI,CACd,gCAAK,SAAS,EAAC,sDAAsD,YACnE,uBAAC,yBAAW,IAAC,SAAS,EAAC,mCAAmC,EAAC,OAAO,EAAE,OAAO,GAAI,GAC3E,CACP,IACO,CACX,CAAC;IAEF,SAAS,WAAW,CAAC,KAAe,EAAE,CAAS;QAC7C,MAAM,EAAE,IAAI,EAAE,GAAG,KAAK,CAAC;QACvB,IAAI,CAAC,CAAC,IAAI,IAAI,eAAM,CAAC,EAAE;YACrB,OAAO,CAAC,IAAI,CAAC,kBAAkB,IAAI,iBAAiB,CAAC,CAAC;YACtD,OAAO,IAAI,CAAC;SACb;QAED,MAAM,cAAc,GAAG,eAAM,CAAC,IAA2B,CAAC,CAAC;QAC3D,OAAO,cAAc,CAAC;YACpB,cAAc,EAAE,eAAe,CAAC,KAAK,CAAC,KAAK,CAAC;YAC5C,KAAK;YACL,MAAM,EAAE,CAAC,KAAK,EAAE,EAAE;gBAChB,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC,KAAK,CAAC;gBACxC,OAAO,CACL,uBAAC,cAAc,IAEb,SAAS,EAAE,KAAK,CAAC,cAAc,EAC/B,OAAO,EAAE,OAAO,KACZ,OAAO,YAEV,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,IAAI,IAL3C,GAAG,IAAI,IAAI,CAAC,EAAE,CAMJ,CAClB,CAAC;YACJ,CAAC;SACF,CAAC,CAAC;IACL,CAAC;AACH,CAAC,CACF,CAAC;AAEF,SAAS,eAAe,CAAC,KAAkC;IACzD,OAAO,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;AACtC,CAAC"}
+{"version":3,"file":"ContentPage.js","sourceRoot":"","sources":["../src/ContentPage.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AACxC,qCAAkC;AAClC,+CAA4C;AAmB5C,MAAM,qBAAqB,GAAmB,CAAC,EAAE,cAAc,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,EAAE,CAClF,MAAM,CAAC,EAAE,cAAc,EAAE,KAAK,EAAE,CAAC,CAAC;AAEvB,QAAA,WAAW,GAAG,IAAA,aAAG,EAC5B,CAAC,EACC,SAAS,EACT,IAAI,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,EAAE,WAAW,EAAE,YAAY,GAAG,IAAI,EAAE,EACpE,OAAO,EACP,cAAc,GAAG,qBAAqB,GACvC,EAAE,EAAE;IACH,OAAO,CACL,qCAAS,SAAS,EAAC,UAAU,gBAAa,YAAY,aACpD,gCAAK,SAAS,EAAE,qBAAqB,eAAe,CAAC,SAAS,CAAC,IAAI,SAAS,EAAE,YAC3E,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,IAAI,GAC5C,EACL,WAAW,IAAI,CACd,gCAAK,SAAS,EAAC,qEAAqE,YAClF,uBAAC,yBAAW,IACV,SAAS,EAAC,mDAAmD,EAC7D,OAAO,EAAE,OAAO,GAChB,GACE,CACP,IACO,CACX,CAAC;IAEF,SAAS,WAAW,CAAC,KAAe,EAAE,CAAS;QAC7C,MAAM,EAAE,IAAI,EAAE,GAAG,KAAK,CAAC;QACvB,IAAI,CAAC,CAAC,IAAI,IAAI,eAAM,CAAC,EAAE;YACrB,OAAO,CAAC,IAAI,CAAC,kBAAkB,IAAI,iBAAiB,CAAC,CAAC;YACtD,OAAO,IAAI,CAAC;SACb;QAED,MAAM,cAAc,GAAG,eAAM,CAAC,IAA2B,CAAC,CAAC;QAC3D,OAAO,cAAc,CAAC;YACpB,cAAc,EAAE,eAAe,CAAC,KAAK,CAAC,KAAK,CAAC;YAC5C,KAAK;YACL,MAAM,EAAE,CAAC,KAAK,EAAE,EAAE;gBAChB,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC,KAAK,CAAC;gBACjD,OAAO,CACL,uBAAC,cAAc,IAEb,SAAS,EAAE,KAAK,CAAC,cAAc,EAC/B,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,KACZ,OAAO,YAEV,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,IAAI,IAN3C,GAAG,IAAI,IAAI,CAAC,EAAE,CAOJ,CAClB,CAAC;YACJ,CAAC;SACF,CAAC,CAAC;IACL,CAAC;AACH,CAAC,CACF,CAAC;AAEF,SAAS,eAAe,CAAC,KAAkC;IACzD,OAAO,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;AACtC,CAAC"}

package/dist/ContentPageContext.d.ts

@@ -1,3 +1,4 @@
+import type { HeaderContent } from './Header';
 export interface Router {
     pathname: string;
     query: Record<string, string | string[] | undefined>;
@@ -12,6 +13,7 @@ export interface LikeService {
 }
 export interface ContentPageContext {
     useRouter: () => Router;
+    useSitemap: () => HeaderContent;
     useLikeService: () => LikeService;
     handlerDecorator?: <F extends Function>(handler: F) => F;
 }

package/dist/Header/Header.d.ts

@@ -0,0 +1,7 @@
+import type { ContentPageContext } from '../ContentPageContext';
+import type { HeaderContent } from './HeaderContent';
+export interface HeaderProps extends HeaderContent {
+    className?: string;
+    context: ContentPageContext;
+}
+export declare const Header: (props: import("@redneckz/uni-jsx").PropsWithChildren<HeaderProps, any>, context?: any) => any;

package/dist/Header/Header.js

@@ -0,0 +1,24 @@
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Header = void 0;
+const jsx_runtime_1 = require("@redneckz/uni-jsx/jsx-runtime");
+const uni_jsx_1 = require("@redneckz/uni-jsx");
+const HeaderItem_1 = require("../ui-kit/HeaderItem");
+const Logo_1 = require("../ui-kit/Logo");
+const TopItem_1 = require("../ui-kit/TopItem");
+const useLink_1 = require("../useLink");
+const HeaderSecondaryMenu_1 = require("./HeaderSecondaryMenu");
+const isSubItemActive_1 = require("./isSubItemActive");
+const isTopItemActive_1 = require("./isTopItemActive");
+const mergeTopItems_1 = require("./mergeTopItems");
+exports.Header = (0, uni_jsx_1.JSX)(({ className, location, context, topItems }) => {
+    const router = context.useRouter();
+    const sitemap = context.useSitemap();
+    const mergedItems = (0, mergeTopItems_1.mergeTopItems)(sitemap.topItems, topItems);
+    const activeTopItem = mergedItems.find((0, isTopItemActive_1.isTopItemActive)(router));
+    const subItems = activeTopItem?.items;
+    const activeSubItem = subItems?.find((0, isSubItemActive_1.isSubItemActive)(router));
+    const topMenu = mergedItems.map((_, i) => ((0, jsx_runtime_1.jsx)(TopItem_1.TopItem, { active: _ === activeTopItem, ...(0, useLink_1.useLink)(context, _) }, String(i))));
+    const subMenu = subItems?.map((_) => ((0, jsx_runtime_1.jsx)(HeaderItem_1.HeaderItem, { className: "mr-8", active: _ === activeSubItem, ...(0, useLink_1.useLink)(context, _) }, _.href)));
+    return ((0, jsx_runtime_1.jsxs)("div", { className: `pt-5 pb-8 px-20 bg-white rounded-bl-3xl rounded-br-3xl ${className || ''}`, children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center", children: [(0, jsx_runtime_1.jsx)(Logo_1.Logo, { className: "mr-8" }), topMenu, (0, jsx_runtime_1.jsx)(HeaderSecondaryMenu_1.HeaderSecondaryMenu, { location: location, className: "ml-auto" })] }), (0, jsx_runtime_1.jsx)("div", { className: "mt-5 h-[1px] bg-main-divider" }), (0, jsx_runtime_1.jsx)("div", { className: "mt-5", children: subMenu })] }));
+});
+//# sourceMappingURL=Header.js.map

package/dist/Header/Header.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Header.js","sourceRoot":"","sources":["../../src/Header/Header.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AAExC,qDAAkD;AAClD,yCAAsC;AACtC,+CAA4C;AAC5C,wCAAqC;AAErC,+DAA4D;AAC5D,uDAAoD;AACpD,uDAAoD;AACpD,mDAAgD;AAOnC,QAAA,MAAM,GAAG,IAAA,aAAG,EAAc,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE,EAAE;IACpF,MAAM,MAAM,GAAG,OAAO,CAAC,SAAS,EAAE,CAAC;IACnC,MAAM,OAAO,GAAG,OAAO,CAAC,UAAU,EAAE,CAAC;IAErC,MAAM,WAAW,GAAG,IAAA,6BAAa,EAAC,OAAO,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;IAC9D,MAAM,aAAa,GAAG,WAAW,CAAC,IAAI,CAAC,IAAA,iCAAe,EAAC,MAAM,CAAC,CAAC,CAAC;IAChE,MAAM,QAAQ,GAAG,aAAa,EAAE,KAAK,CAAC;IACtC,MAAM,aAAa,GAAG,QAAQ,EAAE,IAAI,CAAC,IAAA,iCAAe,EAAC,MAAM,CAAC,CAAC,CAAC;IAE9D,MAAM,OAAO,GAAG,WAAW,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CACxC,uBAAC,iBAAO,IAAiB,MAAM,EAAE,CAAC,KAAK,aAAa,KAAM,IAAA,iBAAO,EAAC,OAAO,EAAE,CAAC,CAAC,IAA/D,MAAM,CAAC,CAAC,CAAC,CAA0D,CAClF,CAAC,CAAC;IAEH,MAAM,OAAO,GAAG,QAAQ,EAAE,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CACnC,uBAAC,uBAAU,IAET,SAAS,EAAC,MAAM,EAChB,MAAM,EAAE,CAAC,KAAK,aAAa,KACvB,IAAA,iBAAO,EAAC,OAAO,EAAE,CAAC,CAAC,IAHlB,CAAC,CAAC,IAAI,CAIX,CACH,CAAC,CAAC;IAEH,OAAO,CACL,iCAAK,SAAS,EAAE,0DAA0D,SAAS,IAAI,EAAE,EAAE,aACzF,iCAAK,SAAS,EAAC,mBAAmB,aAChC,uBAAC,WAAI,IAAC,SAAS,EAAC,MAAM,GAAG,EACxB,OAAO,EACR,uBAAC,yCAAmB,IAAC,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAC,SAAS,GAAG,IAC3D,EACN,gCAAK,SAAS,EAAC,8BAA8B,GAAG,EAChD,gCAAK,SAAS,EAAC,MAAM,YAAE,OAAO,GAAO,IACjC,CACP,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/dist/Header/HeaderContent.d.ts

@@ -0,0 +1,9 @@
+import type { LinkContent } from '../ui-kit/Link';
+export declare type HeaderMenuItem = LinkContent;
+export interface TopMenuItem extends HeaderMenuItem {
+    items?: HeaderMenuItem[];
+}
+export interface HeaderContent {
+    location?: string;
+    topItems?: TopMenuItem[];
+}

package/dist/Header/HeaderContent.js

@@ -0,0 +1,2 @@
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=HeaderContent.js.map

package/dist/Header/HeaderContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderContent.js","sourceRoot":"","sources":["../../src/Header/HeaderContent.ts"],"names":[],"mappings":""}

package/dist/Header/HeaderSecondaryMenu.d.ts

@@ -0,0 +1,6 @@
+interface HeaderSecondaryMenuProps {
+    location?: string;
+    className?: string;
+}
+export declare const HeaderSecondaryMenu: (props: import("@redneckz/uni-jsx").PropsWithChildren<HeaderSecondaryMenuProps, any>, context?: any) => any;
+export {};

package/dist/Header/HeaderSecondaryMenu.js

@@ -0,0 +1,11 @@
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.HeaderSecondaryMenu = void 0;
+const jsx_runtime_1 = require("@redneckz/uni-jsx/jsx-runtime");
+const uni_jsx_1 = require("@redneckz/uni-jsx");
+const Icons_1 = require("../Icons");
+const TopItem_1 = require("../ui-kit/TopItem");
+const HeaderSecondaryMenuButton_1 = require("./HeaderSecondaryMenuButton");
+exports.HeaderSecondaryMenu = (0, uni_jsx_1.JSX)(({ location, className }) => {
+    return ((0, jsx_runtime_1.jsxs)("div", { className: `flex items-center ${className || ''}`, children: [(0, jsx_runtime_1.jsx)(TopItem_1.TopItem, { className: "mr-5", flat: true, href: "#", text: location }), (0, jsx_runtime_1.jsx)(TopItem_1.TopItem, { className: "mr-7", flat: true, href: "#", text: "\u041E\u0444\u0438\u0441\u044B \u0438 \u0431\u0430\u043D\u043A\u043E\u043C\u0430\u0442\u044B" }), (0, jsx_runtime_1.jsx)(HeaderSecondaryMenuButton_1.HeaderSecondaryMenuButton, { className: "mr-5 text-primary-text hover:text-primary-main", children: (0, Icons_1.LoupeIcon)() }), (0, jsx_runtime_1.jsx)(HeaderSecondaryMenuButton_1.HeaderSecondaryMenuButton, { className: "mr-5 text-primary-text hover:text-primary-main", children: (0, Icons_1.ProfileIcon)() }), (0, jsx_runtime_1.jsx)(HeaderSecondaryMenuButton_1.HeaderSecondaryMenuButton, { className: "mr-5 text-main hover:text-secondary-hover w-[32px]", children: (0, Icons_1.GridIcon)() })] }));
+});
+//# sourceMappingURL=HeaderSecondaryMenu.js.map

package/dist/Header/HeaderSecondaryMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderSecondaryMenu.js","sourceRoot":"","sources":["../../src/Header/HeaderSecondaryMenu.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AACxC,oCAA4D;AAC5D,+CAA4C;AAC5C,2EAAwE;AAO3D,QAAA,mBAAmB,GAAG,IAAA,aAAG,EAA2B,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,EAAE;IAC3F,OAAO,CACL,iCAAK,SAAS,EAAE,qBAAqB,SAAS,IAAI,EAAE,EAAE,aACpD,uBAAC,iBAAO,IAAC,SAAS,EAAC,MAAM,EAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAC,GAAG,EAAC,IAAI,EAAE,QAAQ,GAAI,EACjE,uBAAC,iBAAO,IAAC,SAAS,EAAC,MAAM,EAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAC,GAAG,EAAC,IAAI,EAAC,8FAAmB,GAAG,EAC1E,uBAAC,qDAAyB,IAAC,SAAS,EAAC,gDAAgD,YAClF,IAAA,iBAAS,GAAE,GACc,EAC5B,uBAAC,qDAAyB,IAAC,SAAS,EAAC,gDAAgD,YAClF,IAAA,mBAAW,GAAE,GACY,EAC5B,uBAAC,qDAAyB,IAAC,SAAS,EAAC,oDAAoD,YACtF,IAAA,gBAAQ,GAAE,GACe,IACxB,CACP,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/dist/Header/HeaderSecondaryMenuButton.d.ts

@@ -0,0 +1,5 @@
+interface HeaderSecondaryMenuButtonProps {
+    className?: string;
+}
+export declare const HeaderSecondaryMenuButton: (props: import("@redneckz/uni-jsx").PropsWithChildren<HeaderSecondaryMenuButtonProps, any>, context?: any) => any;
+export {};

package/dist/Header/HeaderSecondaryMenuButton.js

@@ -0,0 +1,6 @@
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.HeaderSecondaryMenuButton = void 0;
+const jsx_runtime_1 = require("@redneckz/uni-jsx/jsx-runtime");
+const uni_jsx_1 = require("@redneckz/uni-jsx");
+exports.HeaderSecondaryMenuButton = (0, uni_jsx_1.JSX)(({ className, children }) => ((0, jsx_runtime_1.jsx)("button", { type: "button", className: `border-0 p-0 w-[24px] flex items-center bg-inherit cursor-pointer ${className || ''}`, disabled: true, children: children })));
+//# sourceMappingURL=HeaderSecondaryMenuButton.js.map

package/dist/Header/HeaderSecondaryMenuButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderSecondaryMenuButton.js","sourceRoot":"","sources":["../../src/Header/HeaderSecondaryMenuButton.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AAM3B,QAAA,yBAAyB,GAAG,IAAA,aAAG,EAC1C,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CAC3B,mCACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,qEACT,SAAS,IAAI,EACf,EAAE,EACF,QAAQ,EAAE,IAAI,YAEb,QAAQ,GACF,CACV,CACF,CAAC"}

package/dist/Header/index.d.ts

@@ -0,0 +1,3 @@
+export { Header } from './Header';
+export type { HeaderProps } from './Header';
+export type { HeaderContent } from './HeaderContent';

package/dist/Header/index.js

@@ -0,0 +1,5 @@
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Header = void 0;
+var Header_1 = require("./Header");
+Object.defineProperty(exports, "Header", { enumerable: true, get: function () { return Header_1.Header; } });
+//# sourceMappingURL=index.js.map

package/dist/Header/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/Header/index.ts"],"names":[],"mappings":";;AAAA,mCAAkC;AAAzB,gGAAA,MAAM,OAAA"}

package/dist/Header/isSubItemActive.d.ts

@@ -0,0 +1,3 @@
+import type { Router } from '../ContentPageContext';
+import type { LinkContent } from '../ui-kit/Link';
+export declare function isSubItemActive({ href, pathname }: Router): (item: LinkContent) => boolean;

package/dist/Header/isSubItemActive.js

@@ -0,0 +1,10 @@
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isSubItemActive = void 0;
+const url_1 = require("../utils/url");
+function isSubItemActive({ href, pathname }) {
+    return (item) => {
+        return (0, url_1.withoutQuery)(item.href) === ((0, url_1.isURL)(item.href) ? (0, url_1.withoutQuery)(href) : pathname);
+    };
+}
+exports.isSubItemActive = isSubItemActive;
+//# sourceMappingURL=isSubItemActive.js.map

package/dist/Header/isSubItemActive.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"isSubItemActive.js","sourceRoot":"","sources":["../../src/Header/isSubItemActive.ts"],"names":[],"mappings":";;AAEA,sCAAmD;AAEnD,SAAgB,eAAe,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAU;IACxD,OAAO,CAAC,IAAiB,EAAW,EAAE;QACpC,OAAO,IAAA,kBAAY,EAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,IAAA,WAAK,EAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAA,kBAAY,EAAC,IAAI,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC;IACxF,CAAC,CAAC;AACJ,CAAC;AAJD,0CAIC"}

package/dist/Header/isTopItemActive.d.ts

@@ -0,0 +1,3 @@
+import type { Router } from '../ContentPageContext';
+import type { LinkContent } from '../ui-kit/Link';
+export declare function isTopItemActive({ href, pathname }: Router): (item: LinkContent) => boolean;

package/dist/Header/isTopItemActive.js

@@ -0,0 +1,14 @@
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isTopItemActive = void 0;
+const url_1 = require("../utils/url");
+function isTopItemActive({ href, pathname }) {
+    return (item) => {
+        const itemHref = (0, url_1.withoutQuery)(item.href);
+        if ((0, url_1.isURL)(itemHref)) {
+            return Boolean(href && href.startsWith(itemHref));
+        }
+        return Boolean(itemHref && pathname.startsWith(itemHref));
+    };
+}
+exports.isTopItemActive = isTopItemActive;
+//# sourceMappingURL=isTopItemActive.js.map

package/dist/Header/isTopItemActive.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"isTopItemActive.js","sourceRoot":"","sources":["../../src/Header/isTopItemActive.ts"],"names":[],"mappings":";;AAEA,sCAAmD;AAEnD,SAAgB,eAAe,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAU;IACxD,OAAO,CAAC,IAAiB,EAAW,EAAE;QACpC,MAAM,QAAQ,GAAG,IAAA,kBAAY,EAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACzC,IAAI,IAAA,WAAK,EAAC,QAAQ,CAAC,EAAE;YACnB,OAAO,OAAO,CAAC,IAAI,IAAI,IAAI,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC,CAAC;SACnD;QACD,OAAO,OAAO,CAAC,QAAQ,IAAI,QAAQ,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC,CAAC;IAC5D,CAAC,CAAC;AACJ,CAAC;AARD,0CAQC"}

package/dist/Header/mergeTopItems.d.ts

@@ -0,0 +1,2 @@
+import type { TopMenuItem } from './HeaderContent';
+export declare function mergeTopItems(left?: TopMenuItem[], right?: TopMenuItem[]): TopMenuItem[];

package/dist/Header/mergeTopItems.js

@@ -0,0 +1,10 @@
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.mergeTopItems = void 0;
+const cmp = (a) => (b) => a?.href === b?.href;
+const substitute = (items, substitution) => (items || []).map((_) => substitution?.find(cmp(_)) || _);
+const subtract = (minuend, subtrahend) => (minuend || []).filter((_) => !subtrahend?.find(cmp(_)));
+function mergeTopItems(left, right) {
+    return substitute(left, right).concat(subtract(right, left));
+}
+exports.mergeTopItems = mergeTopItems;
+//# sourceMappingURL=mergeTopItems.js.map

package/dist/Header/mergeTopItems.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mergeTopItems.js","sourceRoot":"","sources":["../../src/Header/mergeTopItems.ts"],"names":[],"mappings":";;AAEA,MAAM,GAAG,GAAG,CAAC,CAAe,EAAE,EAAE,CAAC,CAAC,CAAe,EAAE,EAAE,CAAC,CAAC,EAAE,IAAI,KAAK,CAAC,EAAE,IAAI,CAAC;AAE1E,MAAM,UAAU,GAAG,CAAC,KAAqB,EAAE,YAA4B,EAAE,EAAE,CACzE,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,YAAY,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AAE5D,MAAM,QAAQ,GAAG,CAAC,OAAuB,EAAE,UAA0B,EAAE,EAAE,CACvE,CAAC,OAAO,IAAI,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,UAAU,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;AAE3D,SAAgB,aAAa,CAAC,IAAoB,EAAE,KAAqB;IACvE,OAAO,UAAU,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC;AAC/D,CAAC;AAFD,sCAEC"}

package/dist/Icons.d.ts

@@ -1,5 +1,14 @@
+export declare const CalendarIcon: () => any;
+export declare const EmptyWalletIcon: () => any;
+export declare const PercentageSquareIcon: () => any;
+export declare const LoupeIcon: () => any;
+export declare const ProfileIcon: () => any;
+export declare const GridIcon: () => any;
 export declare const Icons: {
-    SafeIcon: () => any;
+    EmptyWalletIcon: () => any;
+    PercentageSquareIcon: () => any;
     CalendarIcon: () => any;
-    MoneyIcon: () => any;
+    LoupeIcon: () => any;
+    ProfileIcon: () => any;
+    GridIcon: () => any;
 };

package/dist/Icons.js

@@ -1,12 +1,24 @@
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Icons = void 0;
+exports.Icons = exports.GridIcon = exports.ProfileIcon = exports.LoupeIcon = exports.PercentageSquareIcon = exports.EmptyWalletIcon = exports.CalendarIcon = void 0;
 const jsx_runtime_1 = require("@redneckz/uni-jsx/jsx-runtime");
-const SafeIcon = () => ((0, jsx_runtime_1.jsxs)("svg", { fill: "none", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", children: [(0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12.172 10.255c0-.695.564-1.259 1.259-1.259h.264a1.795 1.795 0 0 1 0 3.59h-.264v.037h.515a.63.63 0 1 1 0 1.259h-.515v.148a.63.63 0 1 1-1.258 0v-.172a.63.63 0 0 1 0-1.21v-2.393Zm1.259 1.073h.264a.537.537 0 0 0 0-1.073h-.264v1.073Z", fill: "#42AB44" }), (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M13.602 15.918a4.09 4.09 0 1 0 0-8.18 4.09 4.09 0 0 0 0 8.18Zm0 1.259a5.348 5.348 0 1 0 0-10.697 5.348 5.348 0 0 0 0 10.697Z", fill: "#42AB44" }), (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M8.215 4.018a.63.63 0 0 0-.629-.63h-.565a2.517 2.517 0 0 0-2.517 2.518V17.75a2.517 2.517 0 0 0 2.517 2.517h14.234a2.517 2.517 0 0 0 2.517-2.517V5.906a2.517 2.517 0 0 0-2.517-2.517H11.927a.63.63 0 0 0 0 1.258H21.256c.695 0 1.258.564 1.258 1.259V17.75c0 .695-.563 1.258-1.258 1.258H7.021a1.258 1.258 0 0 1-1.259-1.258V5.906c0-.695.564-1.259 1.259-1.259h.565a.63.63 0 0 0 .63-.63Z", fill: "#000" }), (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M2.554 4.591a.63.63 0 0 0-.63.63v13.214c0 .347.282.629.63.629h4.442a.63.63 0 1 1 0 1.258H2.554a1.888 1.888 0 0 1-1.888-1.887V5.22c0-1.043.845-1.888 1.888-1.888h.29a.63.63 0 1 1 0 1.258h-.29Z", fill: "#000" })] }));
-const CalendarIcon = () => ((0, jsx_runtime_1.jsxs)("svg", { fill: "none", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", children: [(0, jsx_runtime_1.jsx)("circle", { cx: "9.853", cy: "9.854", r: "1.104", stroke: "#42AB44", strokeWidth: "1.333" }), (0, jsx_runtime_1.jsx)("path", { d: "M15.916 14.812a1.104 1.104 0 1 1-2.208 0 1.104 1.104 0 0 1 2.208 0Z", stroke: "#42AB44", strokeWidth: "1.333" }), (0, jsx_runtime_1.jsx)("path", { d: "m15.036 9.5-5.409 5.667", stroke: "#42AB44", strokeWidth: "1.333", strokeLinecap: "round" }), (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "m14.52 2.195 7.875 7.874c.26.26.26.683 0 .943l-11.3 11.3a.667.667 0 0 1-.942 0L2.28 14.436a.667.667 0 0 1 0-.943l1.681-1.681a.667.667 0 1 0-.943-.943L1.336 12.55a2 2 0 0 0 0 2.829l7.874 7.874a2 2 0 0 0 2.829 0l11.3-11.3a2 2 0 0 0 0-2.828l-7.875-7.874a2 2 0 0 0-2.829 0L9.617 4.27a.667.667 0 1 0 .943.943l3.018-3.018c.26-.26.683-.26.943 0Z", fill: "#000" }), (0, jsx_runtime_1.jsx)("path", { d: "M3.334 4.253h2.333M2.666 8.586h2M4.666 6.586h2.333", stroke: "#000", strokeWidth: "1.333", strokeLinecap: "round" })] }));
-const MoneyIcon = () => ((0, jsx_runtime_1.jsxs)("svg", { fill: "none", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 25 23", children: [(0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M15.737 1c.377 0 .684.298.684.667V3c0 1.105-.92 2-2.053 2H7.184a.676.676 0 0 1-.684-.667c0-.368.306-.666.684-.666h7.184A.676.676 0 0 0 15.052 3V1.667c0-.369.307-.667.685-.667Z", fill: "#000" }), (0, jsx_runtime_1.jsx)("path", { d: "M5.474 8.334A.676.676 0 0 1 4.79 9a.676.676 0 0 1-.685-.666c0-.369.307-.667.685-.667.378 0 .684.298.684.667ZM5.474 11.667a.676.676 0 0 1-.684.666.676.676 0 0 1-.685-.666c0-.368.307-.667.685-.667.378 0 .684.299.684.667ZM5.474 15a.676.676 0 0 1-.684.667.676.676 0 0 1-.685-.666c0-.368.307-.667.685-.667.378 0 .684.299.684.667ZM8.896 8.334A.676.676 0 0 1 8.212 9a.676.676 0 0 1-.685-.666c0-.369.307-.667.685-.667.377 0 .684.298.684.667ZM8.896 11.667a.676.676 0 0 1-.684.666.676.676 0 0 1-.685-.666c0-.368.307-.667.685-.667.377 0 .684.299.684.667ZM8.896 15a.676.676 0 0 1-.684.667.676.676 0 0 1-.685-.666c0-.368.307-.667.685-.667.377 0 .684.299.684.667ZM12.316 8.334a.676.676 0 0 1-.684.666.676.676 0 0 1-.685-.666c0-.369.307-.667.685-.667.377 0 .684.298.684.667ZM12.316 11.667a.676.676 0 0 1-.684.666.676.676 0 0 1-.685-.666c0-.368.307-.667.685-.667.377 0 .684.299.684.667ZM12.316 15a.676.676 0 0 1-.684.667.676.676 0 0 1-.685-.666c0-.368.307-.667.685-.667.377 0 .684.299.684.667ZM15.738 8.334a.676.676 0 0 1-.685.666.676.676 0 0 1-.684-.666c0-.369.306-.667.684-.667.378 0 .684.298.684.667Z", fill: "#000" }), (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M4.92 1.667A.676.676 0 0 0 4.238 1a.676.676 0 0 0-.684.667V3a.676.676 0 0 1-.685.667h-.815c-1.134 0-2.053.895-2.053 2v12c0 1.104.919 2 2.053 2h9.578a.676.676 0 0 0 .684-.667.676.676 0 0 0-.684-.667H2.053a.676.676 0 0 1-.685-.666v-12c0-.369.307-.667.685-.667h.815c1.134 0 2.053-.895 2.053-2V1.667Zm13.553 6c0 .368.306.666.684.666a.676.676 0 0 0 .684-.666V4.333a.676.676 0 0 0-.684-.666.676.676 0 0 0-.684.666v3.334Z", fill: "#000" }), (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "m19.16 9.71 3.9.948c.538.127.941.592.941 1.153v3.177a.676.676 0 0 1-.684.667.676.676 0 0 1-.684-.667v-3.06l-3.79-.922-3.79.922v4.302c0 1.516.822 2.945 2.206 3.786h.001l1.585.967 1.216-.7a.694.694 0 0 1 .937.236.657.657 0 0 1-.241.913l-1.25.719a1.293 1.293 0 0 1-1.336-.006l-1.636-.998c-1.77-1.075-2.85-2.925-2.85-4.917v-4.42c0-.56.403-1.025.941-1.152l3.9-.949c.206-.056.428-.056.634 0Z", fill: "#42AB44" }), (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "m19.106 12.373 1.783.5a.94.94 0 0 1 .69.91v2.357l-.002.018c-.033.616-.12 1.159-.384 1.659-.267.505-.677.898-1.228 1.292l-.01.007-.58.386a.94.94 0 0 1-1.076-.008l-.75-.527c-.916-.643-1.444-1.72-1.444-2.845v-2.34a.94.94 0 0 1 .69-.908l1.783-.5a.905.905 0 0 1 .528 0Zm-.264 1.314-1.368.384v2.051c0 .733.345 1.391.875 1.763l.5.352.316-.209c.46-.33.682-.577.811-.821.131-.248.203-.563.234-1.103v-2.033l-1.368-.384Z", fill: "#42AB44" })] }));
+const CalendarIcon = () => ((0, jsx_runtime_1.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", children: [(0, jsx_runtime_1.jsx)("path", { stroke: "#1C1C1C", strokeLinecap: "round", strokeLinejoin: "round", strokeMiterlimit: "10", strokeWidth: "2", d: "M8 2v3M16 2v3M3.5 9.09h17M3 13.01V8.5c0-3 1.5-5 5-5h8c3.5 0 5 2 5 5V17c0 3-1.5 5-5 5H8c-3.5 0-5-2-5-5" }), (0, jsx_runtime_1.jsx)("path", { stroke: "#42AB44", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "3", d: "M15.991 13h.018M15.991 17.006h.018M11.991 13h.018M11.991 17.006h.018M7.991 13h.018M7.991 17.006h.018" })] }));
+exports.CalendarIcon = CalendarIcon;
+const EmptyWalletIcon = () => ((0, jsx_runtime_1.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", children: [(0, jsx_runtime_1.jsx)("path", { stroke: "#292D32", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", d: "M2.5 14.07v-2.56c0-2.07 1.69-3.76 3.76-3.76h11.48c2.07 0 3.76 1.69 3.76 3.76v1.44h-2.02c-.56 0-1.07.22-1.44.6-.42.41-.66 1-.6 1.63.09 1.08 1.08 1.87 2.16 1.87h1.9v1.19c0 2.07-1.69 3.76-3.76 3.76H6.26c-2.07 0-3.76-1.69-3.76-3.76M12.28 2.17a1.9 1.9 0 0 1 2.57 1.78v3.8" }), (0, jsx_runtime_1.jsx)("path", { stroke: "#292D32", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", d: "M2.5 12.41V7.84c0-1.19.73-2.25 1.84-2.67l3.97-1.5M22.56 13.97v2.06c0 .55-.44 1-1 1.02H19.6c-1.08 0-2.07-.79-2.16-1.87-.06-.63.18-1.22.6-1.63.37-.38.88-.6 1.44-.6h2.08c.56.02 1 .47 1 1.02Z" }), (0, jsx_runtime_1.jsx)("path", { stroke: "#42AB44", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", d: "M7 12h7" })] }));
+exports.EmptyWalletIcon = EmptyWalletIcon;
+const PercentageSquareIcon = () => ((0, jsx_runtime_1.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", children: [(0, jsx_runtime_1.jsx)("path", { stroke: "#1C1C1C", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", d: "M2 13.05V15c0 5 2 7 7 7h6c5 0 7-2 7-7V9c0-5-2-7-7-7H9C4 2 2 4 2 9" }), (0, jsx_runtime_1.jsx)("path", { stroke: "#42AB44", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", d: "m8.32 15.27 6.54-6.54M8.73 10.37a1.23 1.23 0 1 0 0-2.46 1.23 1.23 0 0 0 0 2.46ZM15.27 16.09a1.23 1.23 0 1 0 0-2.46 1.23 1.23 0 0 0 0 2.46Z" })] }));
+exports.PercentageSquareIcon = PercentageSquareIcon;
+const LoupeIcon = () => ((0, jsx_runtime_1.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", children: (0, jsx_runtime_1.jsx)("path", { stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", d: "M19.5 20.5 16 17a7.5 7.5 0 1 1 2.376-3" }) }));
+exports.LoupeIcon = LoupeIcon;
+const ProfileIcon = () => ((0, jsx_runtime_1.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", children: [(0, jsx_runtime_1.jsx)("path", { stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", d: "M14.94 8.54c.22.44.35.94.35 1.47-.01 1.77-1.4 3.22-3.16 3.27a.963.963 0 0 0-.24 0 3.269 3.269 0 0 1-3.16-3.27c0-1.81 1.46-3.28 3.28-3.28M18.74 19.88A9.934 9.934 0 0 1 12 22.5c-2.6 0-4.96-.99-6.74-2.62.1-.94.7-1.86 1.77-2.58 2.74-1.82 7.22-1.82 9.94 0 1.07.72 1.67 1.64 1.77 2.58Z" }), (0, jsx_runtime_1.jsx)("path", { stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", d: "M4 6.5c-1.25 1.67-2 3.75-2 6 0 5.52 4.48 10 10 10s10-4.48 10-10-4.48-10-10-10c-1.43 0-2.8.3-4.03.85" })] }));
+exports.ProfileIcon = ProfileIcon;
+const GridIcon = () => ((0, jsx_runtime_1.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 32 32", children: [(0, jsx_runtime_1.jsx)("rect", { y: ".5", width: "32", height: "32", rx: "16", fill: "currentColor" }), (0, jsx_runtime_1.jsx)("path", { fill: "#1c1c1c", d: "M13 11.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0ZM13 16.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0ZM11.5 23a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3ZM18 11.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0ZM16.5 18a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3ZM18 21.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0ZM21.5 13a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3ZM23 16.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0ZM21.5 23a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z" })] }));
+exports.GridIcon = GridIcon;
 exports.Icons = {
-    SafeIcon,
-    CalendarIcon,
-    MoneyIcon,
+    EmptyWalletIcon: exports.EmptyWalletIcon,
+    PercentageSquareIcon: exports.PercentageSquareIcon,
+    CalendarIcon: exports.CalendarIcon,
+    LoupeIcon: exports.LoupeIcon,
+    ProfileIcon: exports.ProfileIcon,
+    GridIcon: exports.GridIcon,
 };
 //# sourceMappingURL=Icons.js.map

package/dist/Icons.js.map

@@ -1 +1 @@
-{"version":3,"file":"Icons.js","sourceRoot":"","sources":["../src/Icons.tsx"],"names":[],"mappings":";;;AAAA,MAAM,QAAQ,GAAG,GAAG,EAAE,CAAC,CACrB,iCAAK,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,EAAC,OAAO,EAAC,WAAW,aACrE,iCACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,uOAAuO,EACzO,IAAI,EAAC,SAAS,GACd,EACF,iCACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,8HAA8H,EAChI,IAAI,EAAC,SAAS,GACd,EACF,iCACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,2XAA2X,EAC7X,IAAI,EAAC,MAAM,GACX,EACF,iCACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,gMAAgM,EAClM,IAAI,EAAC,MAAM,GACX,IACE,CACP,CAAC;AACF,MAAM,YAAY,GAAG,GAAG,EAAE,CAAC,CACzB,iCAAK,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,EAAC,OAAO,EAAC,WAAW,aACrE,mCAAQ,EAAE,EAAC,OAAO,EAAC,EAAE,EAAC,OAAO,EAAC,CAAC,EAAC,OAAO,EAAC,MAAM,EAAC,SAAS,EAAC,WAAW,EAAC,OAAO,GAAG,EAC/E,iCACE,CAAC,EAAC,qEAAqE,EACvE,MAAM,EAAC,SAAS,EAChB,WAAW,EAAC,OAAO,GACnB,EACF,iCAAM,CAAC,EAAC,yBAAyB,EAAC,MAAM,EAAC,SAAS,EAAC,WAAW,EAAC,OAAO,EAAC,aAAa,EAAC,OAAO,GAAG,EAC/F,iCACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,oVAAoV,EACtV,IAAI,EAAC,MAAM,GACX,EACF,iCACE,CAAC,EAAC,oDAAoD,EACtD,MAAM,EAAC,MAAM,EACb,WAAW,EAAC,OAAO,EACnB,aAAa,EAAC,OAAO,GACrB,IACE,CACP,CAAC;AACF,MAAM,SAAS,GAAG,GAAG,EAAE,CAAC,CACtB,iCAAK,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,EAAC,OAAO,EAAC,WAAW,aACrE,iCACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,iLAAiL,EACnL,IAAI,EAAC,MAAM,GACX,EACF,iCACE,CAAC,EAAC,ikCAAikC,EACnkC,IAAI,EAAC,MAAM,GACX,EACF,iCACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,gaAAga,EACla,IAAI,EAAC,MAAM,GACX,EACF,iCACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,mYAAmY,EACrY,IAAI,EAAC,SAAS,GACd,EACF,iCACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,2ZAA2Z,EAC7Z,IAAI,EAAC,SAAS,GACd,IACE,CACP,CAAC;AAEW,QAAA,KAAK,GAAG;IACnB,QAAQ;IACR,YAAY;IACZ,SAAS;CACV,CAAC"}
+{"version":3,"file":"Icons.js","sourceRoot":"","sources":["../src/Icons.tsx"],"names":[],"mappings":";;;AAAO,MAAM,YAAY,GAAG,GAAG,EAAE,CAAC,CAChC,iCAAK,KAAK,EAAC,4BAA4B,EAAC,IAAI,EAAC,MAAM,EAAC,OAAO,EAAC,WAAW,aACrE,iCACE,MAAM,EAAC,SAAS,EAChB,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EACtB,gBAAgB,EAAC,IAAI,EACrB,WAAW,EAAC,GAAG,EACf,CAAC,EAAC,uGAAuG,GACzG,EACF,iCACE,MAAM,EAAC,SAAS,EAChB,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EACtB,WAAW,EAAC,GAAG,EACf,CAAC,EAAC,sGAAsG,GACxG,IACE,CACP,CAAC;AAlBW,QAAA,YAAY,gBAkBvB;AAEK,MAAM,eAAe,GAAG,GAAG,EAAE,CAAC,CACnC,iCAAK,KAAK,EAAC,4BAA4B,EAAC,IAAI,EAAC,MAAM,EAAC,OAAO,EAAC,WAAW,aACrE,iCACE,MAAM,EAAC,SAAS,EAChB,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EACtB,WAAW,EAAC,GAAG,EACf,CAAC,EAAC,4QAA4Q,GAC9Q,EACF,iCACE,MAAM,EAAC,SAAS,EAChB,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EACtB,WAAW,EAAC,GAAG,EACf,CAAC,EAAC,6LAA6L,GAC/L,EACF,iCACE,MAAM,EAAC,SAAS,EAChB,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EACtB,WAAW,EAAC,GAAG,EACf,CAAC,EAAC,SAAS,GACX,IACE,CACP,CAAC;AAxBW,QAAA,eAAe,mBAwB1B;AAEK,MAAM,oBAAoB,GAAG,GAAG,EAAE,CAAC,CACxC,iCAAK,KAAK,EAAC,4BAA4B,EAAC,IAAI,EAAC,MAAM,EAAC,OAAO,EAAC,WAAW,aACrE,iCACE,MAAM,EAAC,SAAS,EAChB,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EACtB,WAAW,EAAC,GAAG,EACf,CAAC,EAAC,mEAAmE,GACrE,EACF,iCACE,MAAM,EAAC,SAAS,EAChB,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EACtB,WAAW,EAAC,GAAG,EACf,CAAC,EAAC,4IAA4I,GAC9I,IACE,CACP,CAAC;AAjBW,QAAA,oBAAoB,wBAiB/B;AAEK,MAAM,SAAS,GAAG,GAAG,EAAE,CAAC,CAC7B,gCAAK,KAAK,EAAC,4BAA4B,EAAC,IAAI,EAAC,MAAM,EAAC,OAAO,EAAC,WAAW,YACrE,iCACE,MAAM,EAAC,cAAc,EACrB,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EACtB,WAAW,EAAC,GAAG,EACf,CAAC,EAAC,wCAAwC,GAC1C,GACE,CACP,CAAC;AAVW,QAAA,SAAS,aAUpB;AAEK,MAAM,WAAW,GAAG,GAAG,EAAE,CAAC,CAC/B,iCAAK,KAAK,EAAC,4BAA4B,EAAC,IAAI,EAAC,MAAM,EAAC,OAAO,EAAC,WAAW,aACrE,iCACE,MAAM,EAAC,cAAc,EACrB,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EACtB,WAAW,EAAC,GAAG,EACf,CAAC,EAAC,yRAAyR,GAC3R,EACF,iCACE,MAAM,EAAC,cAAc,EACrB,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EACtB,WAAW,EAAC,GAAG,EACf,CAAC,EAAC,qGAAqG,GACvG,IACE,CACP,CAAC;AAjBW,QAAA,WAAW,eAiBtB;AAEK,MAAM,QAAQ,GAAG,GAAG,EAAE,CAAC,CAC5B,iCAAK,KAAK,EAAC,4BAA4B,EAAC,IAAI,EAAC,MAAM,EAAC,OAAO,EAAC,WAAW,aACrE,iCAAM,CAAC,EAAC,IAAI,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,IAAI,EAAC,cAAc,GAAG,EAClE,iCACE,IAAI,EAAC,SAAS,EACd,CAAC,EAAC,uZAAuZ,GACzZ,IACE,CACP,CAAC;AARW,QAAA,QAAQ,YAQnB;AAEW,QAAA,KAAK,GAAG;IACnB,eAAe,EAAf,uBAAe;IACf,oBAAoB,EAApB,4BAAoB;IACpB,YAAY,EAAZ,oBAAY;IACZ,SAAS,EAAT,iBAAS;IACT,WAAW,EAAX,mBAAW;IACX,QAAQ,EAAR,gBAAQ;CACT,CAAC"}

package/dist/Img.js

@@ -3,8 +3,8 @@ exports.formatToMimeType = exports.Img = void 0;
 const jsx_runtime_1 = require("@redneckz/uni-jsx/jsx-runtime");
 const uni_jsx_1 = require("@redneckz/uni-jsx");
 exports.Img = (0, uni_jsx_1.JSX)(({ className, image }) => ((0, jsx_runtime_1.jsxs)("picture", { className: className || '', children: [image.sources?.length
-            ? image.sources.map(({ src, format }) => ((0, jsx_runtime_1.jsx)("source", { srcSet: src, type: formatToMimeType(format) }, src)))
-            : null, (0, jsx_runtime_1.jsx)("img", { src: image.src, alt: image.alt, title: image.title })] })));
+            ? image.sources.map(({ src, format }, index) => ((0, jsx_runtime_1.jsx)("source", { srcSet: src, type: formatToMimeType(format) }, `${index}_${src}`)))
+            : null, (0, jsx_runtime_1.jsx)("img", { src: image.src, alt: image.alt, title: image.title, ...image?.size })] })));
 function formatToMimeType(format) {
     return format ? `image/${String(format)}` : undefined;
 }

package/dist/Img.js.map

@@ -1 +1 @@
-{"version":3,"file":"Img.js","sourceRoot":"","sources":["../src/Img.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AAQ3B,QAAA,GAAG,GAAG,IAAA,aAAG,EAAqB,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CACnE,qCAAS,SAAS,EAAE,SAAS,IAAI,EAAE,aAChC,KAAK,CAAC,OAAO,EAAE,MAAM;YACpB,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,EAAE,GAAG,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,CACrC,mCAAkB,MAAM,EAAE,GAAG,EAAE,IAAI,EAAE,gBAAgB,CAAC,MAAM,CAAC,IAAhD,GAAG,CAAiD,CAClE,CAAC;YACJ,CAAC,CAAC,IAAI,EACR,gCAAK,GAAG,EAAE,KAAK,CAAC,GAAG,EAAE,GAAG,EAAE,KAAK,CAAC,GAAG,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,GAAI,IACnD,CACX,CAAC,CAAC;AAEH,SAAgB,gBAAgB,CAAC,MAA2B;IAC1D,OAAO,MAAM,CAAC,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC;AACxD,CAAC;AAFD,4CAEC"}
+{"version":3,"file":"Img.js","sourceRoot":"","sources":["../src/Img.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AAQ3B,QAAA,GAAG,GAAG,IAAA,aAAG,EAAqB,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CACnE,qCAAS,SAAS,EAAE,SAAS,IAAI,EAAE,aAChC,KAAK,CAAC,OAAO,EAAE,MAAM;YACpB,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,EAAE,GAAG,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,EAAE,CAAC,CAC5C,mCAAgC,MAAM,EAAE,GAAG,EAAE,IAAI,EAAE,gBAAgB,CAAC,MAAM,CAAC,IAA9D,GAAG,KAAK,IAAI,GAAG,EAAE,CAAiD,CAChF,CAAC;YACJ,CAAC,CAAC,IAAI,EACR,gCAAK,GAAG,EAAE,KAAK,CAAC,GAAG,EAAE,GAAG,EAAE,KAAK,CAAC,GAAG,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,KAAM,KAAK,EAAE,IAAI,GAAI,IACpE,CACX,CAAC,CAAC;AAEH,SAAgB,gBAAgB,CAAC,MAA2B;IAC1D,OAAO,MAAM,CAAC,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC;AACxD,CAAC;AAFD,4CAEC"}

package/dist/LikeControl.js

@@ -5,6 +5,6 @@ const uni_jsx_1 = require("@redneckz/uni-jsx");
 const LikeButton_1 = require("./ui-kit/LikeButton");
 exports.LikeControl = (0, uni_jsx_1.JSX)(({ className, context }) => {
     const likeService = context.useLikeService();
-    return ((0, jsx_runtime_1.jsxs)("div", { className: `border-second-light border-2 border-solid bg-white flex w-[125px] items-center justify-center gap-3 p-2 font-sans ${className || ''}`, children: [(0, jsx_runtime_1.jsx)(LikeButton_1.LikeButton, { onClick: likeService.like }), (0, jsx_runtime_1.jsx)(LikeButton_1.LikeButton, { onClick: likeService.dislike, className: "rotate-180" }), (0, jsx_runtime_1.jsx)("span", { className: "select-none", children: likeService.likeCount })] }));
+    return ((0, jsx_runtime_1.jsxs)("div", { className: `border-main border-2 border-solid bg-white flex w-[125px] items-center justify-center gap-3 p-2 font-sans ${className || ''}`, children: [(0, jsx_runtime_1.jsx)(LikeButton_1.LikeButton, { onClick: likeService.like }), (0, jsx_runtime_1.jsx)(LikeButton_1.LikeButton, { onClick: likeService.dislike, className: "rotate-180" }), (0, jsx_runtime_1.jsx)("span", { className: "select-none", children: likeService.likeCount })] }));
 });
 //# sourceMappingURL=LikeControl.js.map

package/dist/LikeControl.js.map

@@ -1 +1 @@
-{"version":3,"file":"LikeControl.js","sourceRoot":"","sources":["../src/LikeControl.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AAExC,oDAAiD;AAOpC,QAAA,WAAW,GAAG,IAAA,aAAG,EAAmB,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,EAAE,EAAE;IAC1E,MAAM,WAAW,GAAG,OAAO,CAAC,cAAc,EAAE,CAAC;IAE7C,OAAO,CACL,iCACE,SAAS,EAAE,qHACT,SAAS,IAAI,EACf,EAAE,aAEF,uBAAC,uBAAU,IAAC,OAAO,EAAE,WAAW,CAAC,IAAI,GAAI,EACzC,uBAAC,uBAAU,IAAC,OAAO,EAAE,WAAW,CAAC,OAAO,EAAE,SAAS,EAAC,YAAY,GAAG,EACnE,iCAAM,SAAS,EAAC,aAAa,YAAE,WAAW,CAAC,SAAS,GAAQ,IACxD,CACP,CAAC;AACJ,CAAC,CAAC,CAAC"}
+{"version":3,"file":"LikeControl.js","sourceRoot":"","sources":["../src/LikeControl.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AAExC,oDAAiD;AAOpC,QAAA,WAAW,GAAG,IAAA,aAAG,EAAmB,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,EAAE,EAAE;IAC1E,MAAM,WAAW,GAAG,OAAO,CAAC,cAAc,EAAE,CAAC;IAE7C,OAAO,CACL,iCACE,SAAS,EAAE,6GACT,SAAS,IAAI,EACf,EAAE,aAEF,uBAAC,uBAAU,IAAC,OAAO,EAAE,WAAW,CAAC,IAAI,GAAI,EACzC,uBAAC,uBAAU,IAAC,OAAO,EAAE,WAAW,CAAC,OAAO,EAAE,SAAS,EAAC,YAAY,GAAG,EACnE,iCAAM,SAAS,EAAC,aAAa,YAAE,WAAW,CAAC,SAAS,GAAQ,IACxD,CACP,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/dist/ProductTile.d.ts

@@ -0,0 +1,25 @@
+import type { ContentPageContext } from './ContentPageContext';
+import { Icons } from './Icons';
+import { BlockVersion, Picture } from './types';
+import type { ButtonProps } from './ui-kit/Button';
+import { BreadcrumbProps } from './ui-kit/Breadcrumb';
+export interface Benefit {
+    label: string;
+    description?: string;
+    icon?: keyof typeof Icons;
+}
+export interface ProductTileContent {
+    title?: string;
+    description?: string;
+    breadcrumbs?: BreadcrumbProps[];
+    image?: Picture;
+    benefits?: Benefit[];
+    items?: string[];
+    buttons?: ButtonProps[];
+}
+export interface ProductTileProps extends ProductTileContent {
+    className?: string;
+    version?: BlockVersion;
+    context: ContentPageContext;
+}
+export declare const ProductTile: (props: import("@redneckz/uni-jsx").PropsWithChildren<ProductTileProps, any>, context?: any) => any;

package/dist/ProductTile.js

@@ -0,0 +1,27 @@
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ProductTile = void 0;
+const jsx_runtime_1 = require("@redneckz/uni-jsx/jsx-runtime");
+const uni_jsx_1 = require("@redneckz/uni-jsx");
+const Icons_1 = require("./Icons");
+const Img_1 = require("./Img");
+const BlockItem_1 = require("./ui-kit/BlockItem");
+const Button_1 = require("./ui-kit/Button");
+const Breadcrumb_1 = require("./ui-kit/Breadcrumb");
+const useLink_1 = require("./useLink");
+const productBlockStyleMap = {
+    primary: 'bg-white text-primary-text',
+    secondary: 'bg-brand text-white',
+};
+exports.ProductTile = (0, uni_jsx_1.JSX)(({ className, context, title, description, breadcrumbs, benefits, buttons, image, items, version = 'primary' }) => {
+    return ((0, jsx_runtime_1.jsxs)("section", { className: `font-sans p-9 rounded-[40px] flex justify-between items-stretch relative ${className || ''} ${productBlockStyleMap[version]}`, children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col", children: [breadcrumbs?.length ? ((0, jsx_runtime_1.jsx)("div", { className: "text-xs mb-6", children: join((0, jsx_runtime_1.jsx)("span", { className: "text-secondary mx-2", children: "/" }))(breadcrumbs.map((breadcrumb, i) => ((0, jsx_runtime_1.jsx)(Breadcrumb_1.Breadcrumb, { ...(0, useLink_1.useLink)(context, { className: 'text-secondary', ...breadcrumb }) }, String(i))))) })) : null, title && ((0, jsx_runtime_1.jsx)("h1", { className: "font-medium text-title m-0 whitespace-pre-wrap", children: title })), description && ((0, jsx_runtime_1.jsx)("div", { className: "font-normal text-base max-w-[600px] mt-4", children: description })), benefits?.length ? ((0, jsx_runtime_1.jsx)("div", { className: "flex gap-6 mt-7", children: benefits.map(renderBenefit) })) : null, items?.length ? ((0, jsx_runtime_1.jsx)("section", { className: "space-y-2.5 mt-5", role: "list", children: items.map((_, i) => ((0, jsx_runtime_1.jsx)(BlockItem_1.BlockItem, { text: _, version: version }, String(i)))) })) : null, buttons?.length ? ((0, jsx_runtime_1.jsx)("div", { className: "flex mt-auto gap-4", children: buttons.map((button, index) => renderButton(button, index, context)) })) : null] }), image && (0, jsx_runtime_1.jsx)(Img_1.Img, { image: image, className: "absolute bottom-9 right-9" })] }));
+});
+function renderBenefit(benefit, i) {
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "flex gap-4 items-center", children: [benefit.icon && ((0, jsx_runtime_1.jsx)("div", { className: "h-11 w-11 min-w-11 min-h-11 bg-main rounded-full p-[10px] box-border", children: Icons_1.Icons[benefit.icon]() })), (0, jsx_runtime_1.jsxs)("div", { className: "flex gap-1 flex-col h-full", children: [(0, jsx_runtime_1.jsx)("h4", { className: "font-medium text-xl m-0", children: benefit.label }), benefit.description && ((0, jsx_runtime_1.jsx)("div", { className: "font-normal text-sm text-secondary", children: benefit.description }))] })] }, String(i)));
+}
+function renderButton(button, i, context) {
+    return button?.text ? ((0, jsx_runtime_1.jsx)(Button_1.Button, { ...(0, useLink_1.useLink)(context, button), className: "mt-8", version: button.version }, String(i))) : null;
+}
+function join(sep) {
+    return (list) => list.reduce((acc, el) => (acc.length ? acc.concat(sep, el) : [el]), []);
+}
+//# sourceMappingURL=ProductTile.js.map

package/dist/ProductTile.js.map

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

package/dist/types.d.ts

@@ -1,15 +1,17 @@
 import type { AvifOptions, FormatEnum, GifOptions, HeifOptions, JpegOptions, PngOptions, ResizeOptions, TiffOptions, WebpOptions } from 'sharp';
 import type { HeaderContent } from './Header';
 import type { PlaceholderContent } from './Placeholder';
-import type { ProductColumnBlockContent } from './ProductColumnBlock';
+import type { ProductTileContent } from './ProductTile';
 import type { RichTextContent } from './RichText';
 import type { TextContent } from './Text';
 import type { TextWithImageContent } from './TextWithImage';
-import type { ProductBlockContent } from './ProductBlock';
-export declare type BlockContent = ProductColumnBlockContent | HeaderContent | TextContent | TextWithImageContent | RichTextContent | PlaceholderContent | ProductBlockContent;
+export declare type BlockVersion = 'primary' | 'secondary';
+export declare type ColorPalette = 'pc' | 'bc' | 'eo';
+export declare type BlockContent = HeaderContent | TextContent | TextWithImageContent | RichTextContent | PlaceholderContent | ProductTileContent;
 export interface BlockDef {
     type: string;
     style?: string[];
+    version?: BlockVersion;
     content?: BlockContent;
     blocks?: BlockDef[];
 }
@@ -25,6 +27,7 @@ export interface ContentPageDef extends ContentPageMeta {
     style?: string[];
     blocks?: BlockDef[];
     likeControl?: boolean;
+    colorPalette?: ColorPalette;
 }
 export interface Img {
     src: string;

package/dist/ui-kit/BlockItem.d.ts

@@ -1,7 +1,10 @@
+declare type BlockItemVersion = 'primary' | 'secondary';
 export interface BlockItemContent {
     text?: string;
 }
 export interface BlockItemProps extends BlockItemContent {
     className?: string;
+    version?: BlockItemVersion;
 }
 export declare const BlockItem: (props: import("@redneckz/uni-jsx").PropsWithChildren<BlockItemProps, any>, context?: any) => any;
+export {};

package/dist/ui-kit/BlockItem.js

@@ -2,7 +2,15 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.BlockItem = void 0;
 const jsx_runtime_1 = require("@redneckz/uni-jsx/jsx-runtime");
 const uni_jsx_1 = require("@redneckz/uni-jsx");
-exports.BlockItem = (0, uni_jsx_1.JSX)(({ className, text, children }) => {
-    return ((0, jsx_runtime_1.jsxs)("div", { className: `inline-block flex items-center ${className || ''}`, role: "listitem", children: [(0, jsx_runtime_1.jsx)("div", { className: "inline-block min-w-[7px] h-[2px] bg-brand" }), (0, jsx_runtime_1.jsx)("span", { className: "text-base text-second-primary font-normal font-sans mx-3", children: text || children })] }));
+const listStyleMap = {
+    primary: 'bg-primary-main',
+    secondary: 'bg-white',
+};
+const textStyleMap = {
+    primary: 'text-primary-text',
+    secondary: 'text-white',
+};
+exports.BlockItem = (0, uni_jsx_1.JSX)(({ className, text, children, version = 'primary' }) => {
+    return ((0, jsx_runtime_1.jsxs)("div", { className: `inline-block flex items-center ${className || ''}`, role: "listitem", children: [(0, jsx_runtime_1.jsx)("div", { className: `inline-block w-[8px] h-[8px] rounded-full ${listStyleMap[version]}` }), (0, jsx_runtime_1.jsx)("span", { className: `text-base font-normal font-sans mx-3 ${textStyleMap[version]}`, children: text || children })] }));
 });
 //# sourceMappingURL=BlockItem.js.map

package/dist/ui-kit/BlockItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"BlockItem.js","sourceRoot":"","sources":["../../src/ui-kit/BlockItem.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AAU3B,QAAA,SAAS,GAAG,IAAA,aAAG,EAAiB,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,EAAE;IAC7E,OAAO,CACL,iCAAK,SAAS,EAAE,kCAAkC,SAAS,IAAI,EAAE,EAAE,EAAE,IAAI,EAAC,UAAU,aAClF,gCAAK,SAAS,EAAC,2CAA2C,GAAO,EACjE,iCAAM,SAAS,EAAC,0DAA0D,YACvE,IAAI,IAAI,QAAQ,GACZ,IACH,CACP,CAAC;AACJ,CAAC,CAAC,CAAC"}
+{"version":3,"file":"BlockItem.js","sourceRoot":"","sources":["../../src/ui-kit/BlockItem.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AAYxC,MAAM,YAAY,GAAqC;IACrD,OAAO,EAAE,iBAAiB;IAC1B,SAAS,EAAE,UAAU;CACtB,CAAC;AAEF,MAAM,YAAY,GAAqC;IACrD,OAAO,EAAE,mBAAmB;IAC5B,SAAS,EAAE,YAAY;CACxB,CAAC;AAEW,QAAA,SAAS,GAAG,IAAA,aAAG,EAC1B,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,GAAG,SAAS,EAAE,EAAE,EAAE;IACrD,OAAO,CACL,iCAAK,SAAS,EAAE,kCAAkC,SAAS,IAAI,EAAE,EAAE,EAAE,IAAI,EAAC,UAAU,aAClF,gCAAK,SAAS,EAAE,6CAA6C,YAAY,CAAC,OAAO,CAAC,EAAE,GAAQ,EAC5F,iCAAM,SAAS,EAAE,wCAAwC,YAAY,CAAC,OAAO,CAAC,EAAE,YAC7E,IAAI,IAAI,QAAQ,GACZ,IACH,CACP,CAAC;AACJ,CAAC,CACF,CAAC"}

package/dist/ui-kit/Breadcrumb.d.ts

@@ -0,0 +1,6 @@
+import type { LinkContent } from './Link';
+export interface BreadcrumbProps extends LinkContent {
+    className?: string;
+    onClick?: (ev: MouseEvent) => any;
+}
+export declare const Breadcrumb: (props: import("@redneckz/uni-jsx").PropsWithChildren<BreadcrumbProps, any>, context?: any) => any;

package/dist/ui-kit/Breadcrumb.js

@@ -0,0 +1,13 @@
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Breadcrumb = void 0;
+const jsx_runtime_1 = require("@redneckz/uni-jsx/jsx-runtime");
+const uni_jsx_1 = require("@redneckz/uni-jsx");
+exports.Breadcrumb = (0, uni_jsx_1.JSX)(({ text, href, target, onClick, className, children }) => {
+    if (href) {
+        return ((0, jsx_runtime_1.jsx)("a", { className: `no-underline ${className || ''}`, href: href, target: target, onClick: onClick, children: (0, jsx_runtime_1.jsx)("span", { className: `${className || ''}`, children: text || children }) }));
+    }
+    else {
+        return ((0, jsx_runtime_1.jsx)("span", { className: `${className || ''}`, children: text || children }));
+    }
+});
+//# sourceMappingURL=Breadcrumb.js.map

package/dist/ui-kit/Breadcrumb.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Breadcrumb.js","sourceRoot":"","sources":["../../src/ui-kit/Breadcrumb.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AAQ3B,QAAA,UAAU,GAAG,IAAA,aAAG,EAAkB,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,EAAE;IACtG,IAAI,IAAI,EAAE;QACR,OAAO,CACL,8BACE,SAAS,EAAE,gBAAgB,SAAS,IAAI,EAAE,EAAE,EAC5C,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,YAEhB,iCAAM,SAAS,EAAE,GAAG,SAAS,IAAI,EAAE,EAAE,YAAG,IAAI,IAAI,QAAQ,GAAQ,GAC9D,CACL,CAAC;KACH;SAAM;QACL,OAAO,CACL,iCAAM,SAAS,EAAE,GAAG,SAAS,IAAI,EAAE,EAAE,YAClC,IAAI,IAAI,QAAQ,GACZ,CACR,CAAC;KACH;AACH,CAAC,CAAC,CAAC"}