@redneckz/wildless-cms-uni-blocks 0.10.4 → 0.10.5

package/mobile/dist/ui-kit/Dialog/useDialogProps.d.ts

@@ -1,5 +1,5 @@
 import type { DialogProps } from './Dialog';
 import type { DialogInitialParams } from './DialogAction';
-export declare function useDialogProps(id: string): DialogProps & DialogInitialParams & {
+export declare function useDialogProps(id: string, initOpen?: boolean): DialogProps & DialogInitialParams & {
     wasOpened: boolean;
 };

package/mobile/dist/ui-kit/Dialog/useDialogProps.js

@@ -4,8 +4,8 @@ const hooks_1 = require("@redneckz/uni-jsx/lib/hooks");
 const defaultEventBus_1 = require("../../EventBus/defaultEventBus");
 const useBool_1 = require("../../hooks/useBool");
 const useDialogHandlers_1 = require("./useDialogHandlers");
-function useDialogProps(id) {
-    const [isOpened, { setTrue: open, setFalse: close }] = (0, useBool_1.useBool)();
+function useDialogProps(id, initOpen = false) {
+    const [isOpened, { setTrue: open, setFalse: close }] = (0, useBool_1.useBool)(initOpen);
     const [params, setParams] = (0, hooks_1.useState)({ id });
     const wasOpened = (0, hooks_1.useRef)(isOpened);
     wasOpened.current ||= isOpened;

package/mobile/dist/ui-kit/Dialog/useDialogProps.js.map

@@ -1 +1 @@
-{"version":3,"file":"useDialogProps.js","sourceRoot":"","sources":["../../../src/ui-kit/Dialog/useDialogProps.ts"],"names":[],"mappings":";;AAAA,uDAA4E;AAC5E,oEAAiE;AACjE,iDAA8C;AAG9C,2DAAwD;AAExD,SAAgB,cAAc,CAC5B,EAAU;IAEV,MAAM,CAAC,QAAQ,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC,GAAG,IAAA,iBAAO,GAAE,CAAC;IACjE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,IAAA,gBAAQ,EAAsB,EAAE,EAAE,EAAE,CAAC,CAAC;IAElE,MAAM,SAAS,GAAG,IAAA,cAAM,EAAC,QAAQ,CAAC,CAAC;IACnC,SAAS,CAAC,OAAO,KAAK,QAAQ,CAAC;IAE/B,MAAM,UAAU,GAAG,IAAA,mBAAW,EAC5B,CAAC,CAAsB,EAAE,EAAE;QACzB,IAAI,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE;YACf,SAAS,CAAC,CAAC,CAAC,CAAC;YACb,IAAI,EAAE,CAAC;SACR;aAAM;YACL,KAAK,EAAE,CAAC;SACT;IACH,CAAC,EACD,CAAC,EAAE,CAAC,CACL,CAAC;IAEF,IAAA,qCAAiB,EAAC;QAChB,MAAM,EAAE,UAAU;QAClB,OAAO,EAAE,KAAK;KACf,CAAC,CAAC;IAEH,MAAM,wBAAwB,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE;QAChD,KAAK,EAAE,CAAC;QACR,iCAAe,CAAC,IAAI,CAAC,QAAQ,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC,CAAC;IACpD,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO;QACL,GAAG,MAAM;QACT,QAAQ;QACR,SAAS,EAAE,SAAS,CAAC,OAAO;QAC5B,OAAO,EAAE,wBAAwB;KAClC,CAAC;AACJ,CAAC;AArCD,wCAqCC"}
+{"version":3,"file":"useDialogProps.js","sourceRoot":"","sources":["../../../src/ui-kit/Dialog/useDialogProps.ts"],"names":[],"mappings":";;AAAA,uDAA4E;AAC5E,oEAAiE;AACjE,iDAA8C;AAG9C,2DAAwD;AAExD,SAAgB,cAAc,CAC5B,EAAU,EACV,QAAQ,GAAG,KAAK;IAEhB,MAAM,CAAC,QAAQ,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC,GAAG,IAAA,iBAAO,EAAC,QAAQ,CAAC,CAAC;IACzE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,IAAA,gBAAQ,EAAsB,EAAE,EAAE,EAAE,CAAC,CAAC;IAElE,MAAM,SAAS,GAAG,IAAA,cAAM,EAAC,QAAQ,CAAC,CAAC;IACnC,SAAS,CAAC,OAAO,KAAK,QAAQ,CAAC;IAE/B,MAAM,UAAU,GAAG,IAAA,mBAAW,EAC5B,CAAC,CAAsB,EAAE,EAAE;QACzB,IAAI,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE;YACf,SAAS,CAAC,CAAC,CAAC,CAAC;YACb,IAAI,EAAE,CAAC;SACR;aAAM;YACL,KAAK,EAAE,CAAC;SACT;IACH,CAAC,EACD,CAAC,EAAE,CAAC,CACL,CAAC;IAEF,IAAA,qCAAiB,EAAC;QAChB,MAAM,EAAE,UAAU;QAClB,OAAO,EAAE,KAAK;KACf,CAAC,CAAC;IAEH,MAAM,wBAAwB,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE;QAChD,KAAK,EAAE,CAAC;QACR,iCAAe,CAAC,IAAI,CAAC,QAAQ,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC,CAAC;IACpD,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO;QACL,GAAG,MAAM;QACT,QAAQ;QACR,SAAS,EAAE,SAAS,CAAC,OAAO;QAC5B,OAAO,EAAE,wBAAwB;KAClC,CAAC;AACJ,CAAC;AAtCD,wCAsCC"}

package/mobile/dist/ui-kit/LinkWrapper/LinkWrapper.d.ts

@@ -3,6 +3,7 @@ interface LinkWrapperProps {
     className?: string;
     href?: string;
     target?: Target;
+    isRemote?: boolean;
 }
 export declare const LinkWrapper: import("@redneckz/uni-jsx").UNIComponent<LinkWrapperProps, any, any>;
 export {};

package/mobile/dist/ui-kit/LinkWrapper/LinkWrapper.js

@@ -4,8 +4,8 @@ const jsx_runtime_1 = require("@redneckz/uni-jsx/jsx-runtime");
 const uni_jsx_1 = require("@redneckz/uni-jsx");
 const useLink_1 = require("../../hooks/useLink");
 const style_1 = require("../../utils/style");
-exports.LinkWrapper = (0, uni_jsx_1.JSX)(({ className = '', href, target, children }) => {
-    const link = (0, useLink_1.useLink)();
+exports.LinkWrapper = (0, uni_jsx_1.JSX)(({ className = '', href, target, isRemote = false, children }) => {
+    const link = (0, useLink_1.useLink)({ isRemote });
     const linkProps = link({ href, target });
     const Tag = href ? 'a' : 'div';
     return ((0, jsx_runtime_1.jsx)(Tag, { className: (0, style_1.style)('block', className), ...(href ? linkProps : {}), children: children }));

package/mobile/dist/ui-kit/LinkWrapper/LinkWrapper.js.map

@@ -1 +1 @@
-{"version":3,"file":"LinkWrapper.js","sourceRoot":"","sources":["../../../src/ui-kit/LinkWrapper/LinkWrapper.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AACxC,iDAA8C;AAE9C,6CAA0C;AAQ7B,QAAA,WAAW,GAAG,IAAA,aAAG,EAAmB,CAAC,EAAE,SAAS,GAAG,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,EAAE;IAC9F,MAAM,IAAI,GAAG,IAAA,iBAAO,GAAE,CAAC;IACvB,MAAM,SAAS,GAAG,IAAI,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,CAAC;IACzC,MAAM,GAAG,GAAG,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC;IAE/B,OAAO,CACL,uBAAC,GAAG,IAAC,SAAS,EAAE,IAAA,aAAK,EAAC,OAAO,EAAE,SAAS,CAAC,KAAM,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,YACnE,QAAQ,GACL,CACP,CAAC;AACJ,CAAC,CAAC,CAAC"}
+{"version":3,"file":"LinkWrapper.js","sourceRoot":"","sources":["../../../src/ui-kit/LinkWrapper/LinkWrapper.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AACxC,iDAA8C;AAE9C,6CAA0C;AAS7B,QAAA,WAAW,GAAG,IAAA,aAAG,EAC5B,CAAC,EAAE,SAAS,GAAG,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,GAAG,KAAK,EAAE,QAAQ,EAAE,EAAE,EAAE;IAC/D,MAAM,IAAI,GAAG,IAAA,iBAAO,EAAC,EAAE,QAAQ,EAAE,CAAC,CAAC;IACnC,MAAM,SAAS,GAAG,IAAI,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,CAAC;IACzC,MAAM,GAAG,GAAG,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC;IAE/B,OAAO,CACL,uBAAC,GAAG,IAAC,SAAS,EAAE,IAAA,aAAK,EAAC,OAAO,EAAE,SAAS,CAAC,KAAM,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,YACnE,QAAQ,GACL,CACP,CAAC;AACJ,CAAC,CACF,CAAC"}

package/mobile/lib/components/CarouselLinks/CarouselLinks.js

@@ -6,7 +6,7 @@ import { Carousel } from '../Carousel/Carousel.js';
 import { Headline } from '../Headline/Headline.js';
 const MAX_LINKS_COUNT = 10;
 export const CarouselLinks = JSX(({ className = '', additionalDescription, description, links, title, ...rest }) => {
-    return (_jsxs(BlockWrapper, { className: `flex w-full p-10 overflow-hidden justify-between ${className}`, ...rest, children: [_jsxs("div", { className: "flex flex-col max-w-96 pr-9 text-white text-xl-light", children: [_jsx(Headline, { isPadding: false, title: title, description: description, as: "h1", align: "text-left" }), additionalDescription ? (_jsx(Headline, { className: "pt-6", isPadding: false, description: description, align: "text-left" })) : null] }), links?.length ? renderLinks(links) : null] }));
+    return (_jsxs(BlockWrapper, { className: `flex w-full p-10 overflow-hidden justify-between ${className}`, ...rest, children: [_jsxs("div", { className: "flex flex-col max-w-96 pr-9 text-white text-xl-light", children: [_jsx(Headline, { isPadding: false, title: title, description: description, as: "h1", align: "text-left" }), additionalDescription ? (_jsx(Headline, { className: "pt-6", isPadding: false, description: additionalDescription, align: "text-left" })) : null] }), links?.length ? renderLinks(links) : null] }));
 });
 const renderLinks = (links) => {
     const itemCount = Math.ceil(links.length / MAX_LINKS_COUNT);

package/mobile/lib/components/CarouselLinks/CarouselLinks.js.map

@@ -1 +1 @@
-{"version":3,"file":"CarouselLinks.js","sourceRoot":"","sources":["../../../src/components/CarouselLinks/CarouselLinks.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAGxC,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,UAAU,EAAE,MAAM,oCAAoC,CAAC;AAChE,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAKhD,MAAM,eAAe,GAAG,EAAE,CAAC;AAE3B,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,CAC9B,CAAC,EAAE,SAAS,GAAG,EAAE,EAAE,qBAAqB,EAAE,WAAW,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE;IAChF,OAAO,CACL,MAAC,YAAY,IACX,SAAS,EAAE,oDAAoD,SAAS,EAAE,KACtE,IAAI,aAER,eAAK,SAAS,EAAC,sDAAsD,aACnE,KAAC,QAAQ,IACP,SAAS,EAAE,KAAK,EAChB,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,EAAE,EAAC,IAAI,EACP,KAAK,EAAC,WAAW,GACjB,EACD,qBAAqB,CAAC,CAAC,CAAC,CACvB,KAAC,QAAQ,IACP,SAAS,EAAC,MAAM,EAChB,SAAS,EAAE,KAAK,EAChB,WAAW,EAAE,WAAW,EACxB,KAAK,EAAC,WAAW,GACjB,CACH,CAAC,CAAC,CAAC,IAAI,IACJ,EACL,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,IAC7B,CAChB,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,MAAM,WAAW,GAAG,CAAC,KAAkB,EAAE,EAAE;IACzC,MAAM,SAAS,GAAG,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,eAAe,CAAC,CAAC;IAE5D,OAAO,CACL,KAAC,QAAQ,IACP,SAAS,EAAC,yBAAyB,EACnC,MAAM,EAAE,KAAK,EACb,QAAQ,EAAE,IAAI,EACd,SAAS,EAAE,SAAS,EACpB,YAAY,EAAE,KAAK,EACnB,QAAQ,EAAE,IAAI,YAEb,IAAI,KAAK,CAAC,SAAS,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,UAAU,EAAE,EAAE,CAAC,CACtD,cAEE,SAAS,EAAC,+DAA+D,YAExE,KAAK;iBACH,KAAK,CAAC,UAAU,GAAG,eAAe,EAAE,CAAC,UAAU,GAAG,CAAC,CAAC,GAAG,eAAe,CAAC;iBACvE,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CACpB,KAAC,UAAU,IAAqB,SAAS,EAAC,KAAK,KAAK,IAAI,IAAvC,MAAM,CAAC,KAAK,CAAC,CAA8B,CAC7D,CAAC,IAPC,MAAM,CAAC,UAAU,CAAC,CAQnB,CACP,CAAC,GACO,CACZ,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"CarouselLinks.js","sourceRoot":"","sources":["../../../src/components/CarouselLinks/CarouselLinks.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAGxC,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,UAAU,EAAE,MAAM,oCAAoC,CAAC;AAChE,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAKhD,MAAM,eAAe,GAAG,EAAE,CAAC;AAE3B,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,CAC9B,CAAC,EAAE,SAAS,GAAG,EAAE,EAAE,qBAAqB,EAAE,WAAW,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE;IAChF,OAAO,CACL,MAAC,YAAY,IACX,SAAS,EAAE,oDAAoD,SAAS,EAAE,KACtE,IAAI,aAER,eAAK,SAAS,EAAC,sDAAsD,aACnE,KAAC,QAAQ,IACP,SAAS,EAAE,KAAK,EAChB,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,EAAE,EAAC,IAAI,EACP,KAAK,EAAC,WAAW,GACjB,EACD,qBAAqB,CAAC,CAAC,CAAC,CACvB,KAAC,QAAQ,IACP,SAAS,EAAC,MAAM,EAChB,SAAS,EAAE,KAAK,EAChB,WAAW,EAAE,qBAAqB,EAClC,KAAK,EAAC,WAAW,GACjB,CACH,CAAC,CAAC,CAAC,IAAI,IACJ,EACL,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,IAC7B,CAChB,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,MAAM,WAAW,GAAG,CAAC,KAAkB,EAAE,EAAE;IACzC,MAAM,SAAS,GAAG,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,eAAe,CAAC,CAAC;IAE5D,OAAO,CACL,KAAC,QAAQ,IACP,SAAS,EAAC,yBAAyB,EACnC,MAAM,EAAE,KAAK,EACb,QAAQ,EAAE,IAAI,EACd,SAAS,EAAE,SAAS,EACpB,YAAY,EAAE,KAAK,EACnB,QAAQ,EAAE,IAAI,YAEb,IAAI,KAAK,CAAC,SAAS,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,UAAU,EAAE,EAAE,CAAC,CACtD,cAEE,SAAS,EAAC,+DAA+D,YAExE,KAAK;iBACH,KAAK,CAAC,UAAU,GAAG,eAAe,EAAE,CAAC,UAAU,GAAG,CAAC,CAAC,GAAG,eAAe,CAAC;iBACvE,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CACpB,KAAC,UAAU,IAAqB,SAAS,EAAC,KAAK,KAAK,IAAI,IAAvC,MAAM,CAAC,KAAK,CAAC,CAA8B,CAC7D,CAAC,IAPC,MAAM,CAAC,UAAU,CAAC,CAQnB,CACP,CAAC,GACO,CACZ,CAAC;AACJ,CAAC,CAAC"}

package/mobile/lib/components/ContentPage/ContentPage.js

@@ -3,6 +3,7 @@ import { JSX } from '@redneckz/uni-jsx';
 import { renderBlocksList } from '../../BlockRenderer/renderBlockList.js';
 import { useBool } from '../../hooks/useBool.js';
 import { useBlockRouterProvider } from '../../services/BlockRouter/useBlockRouterProvider.js';
+import { CookiePopup } from '../../ui-kit/CookiePopup/CookiePopup.js';
 import { useDialogHandlers } from '../../ui-kit/Dialog/useDialogHandlers.js';
 import { style } from '../../utils/style.js';
 import { LikeControl } from '../LikeControl/LikeControl.js';
@@ -30,7 +31,7 @@ export const ContentPage = JSX((props) => {
                             ...options,
                             slotName: 'footer',
                         })
-                        : null] }), likeControl ? renderLikeControl() : null] }));
+                        : null] }), likeControl ? renderLikeControl() : null, _jsx(CookiePopup, { termLink: { href: '/pd-policy#cookie', target: '_blank' }, personalDataPolicyLink: { href: '/pd-policy', target: '_blank' } })] }));
 });
 ContentPage.childrenTypes = [];
 ContentPage.slots = () => ['header', 'footer'];

package/mobile/lib/components/ContentPage/ContentPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"ContentPage.js","sourceRoot":"","sources":["../../../src/components/ContentPage/ContentPage.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAExC,OAAO,EAAE,gBAAgB,EAAE,MAAM,qCAAqC,CAAC;AACvE,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAK9C,OAAO,EAAE,sBAAsB,EAAE,MAAM,mDAAmD,CAAC;AAC3F,OAAO,EAAE,iBAAiB,EAAE,MAAM,uCAAuC,CAAC;AAC1E,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1C,OAAO,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAQzD,MAAM,CAAC,MAAM,WAAW,GAA+B,GAAG,CAAmB,CAAC,KAAK,EAAE,EAAE;IACrF,MAAM,EAAE,SAAS,GAAG,EAAE,EAAE,cAAc,EAAE,cAAc,EAAE,IAAI,GAAG,EAAE,EAAE,GAAG,KAAK,CAAC;IAE5E,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,EAAE,KAAK,EAAE,WAAW,EAAE,YAAY,GAAG,IAAI,EAAE,GAAG,IAAI,CAAC;IAEnF,MAAM,OAAO,GAAyB;QACpC,GAAG,EAAE,EAAE;QACP,IAAI,EAAE,IAAI;QACV,cAAc;QACd,cAAc;QACd,MAAM,EAAE,IAAI;KACb,CAAC;IAEF,sBAAsB,EAAE,CAAC;IAEzB,MAAM,CAAC,kBAAkB,EAAE,EAAE,OAAO,EAAE,mBAAmB,EAAE,QAAQ,EAAE,qBAAqB,EAAE,CAAC,GAC3F,OAAO,EAAE,CAAC;IAEZ,iBAAiB,CAAC;QAChB,MAAM,EAAE,mBAAmB;QAC3B,OAAO,EAAE,qBAAqB;KAC/B,CAAC,CAAC;IAEH,OAAO,CACL,mBACE,SAAS,EAAE,KAAK,CACd,UAAU,EACV,SAAS,EACT,SAAS,EACT,kBAAkB,CAAC,CAAC,CAAC,0BAA0B,CAAC,CAAC,CAAC,EAAE,CACrD,gBACW,YAAY,aAEvB,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,CACf,cAAK,SAAS,EAAC,wCAAwC,YACpD,gBAAgB,CAAC,KAAK,EAAE,MAAM,EAAE;oBAC/B,GAAG,OAAO;oBACV,QAAQ,EAAE,QAAQ;iBACnB,CAAC,GACE,CACP,CAAC,CAAC,CAAC,IAAI,EACR,eAAK,SAAS,EAAC,mCAAmC,aAC/C,gBAAgB,CAAC,MAAM,EAAE,OAAO,CAAC,EACjC,KAAK,EAAE,MAAM;wBACZ,CAAC,CAAC,gBAAgB,CAAC,KAAK,EAAE,MAAM,EAAE;4BAC9B,GAAG,OAAO;4BACV,QAAQ,EAAE,QAAQ;yBACnB,CAAC;wBACJ,CAAC,CAAC,IAAI,IACJ,EACL,WAAW,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC,CAAC,CAAC,IAAI,IACjC,CACX,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,WAAW,CAAC,aAAa,GAAG,EAAE,CAAC;AAC/B,WAAW,CAAC,KAAK,GAAG,GAAG,EAAE,CAAC,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;AAE/C,SAAS,iBAAiB;IACxB,OAAO,CACL,cAAK,SAAS,EAAC,qEAAqE,YAClF,KAAC,WAAW,IAAC,SAAS,EAAC,mDAAmD,GAAG,GACzE,CACP,CAAC;AACJ,CAAC"}
+{"version":3,"file":"ContentPage.js","sourceRoot":"","sources":["../../../src/components/ContentPage/ContentPage.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAExC,OAAO,EAAE,gBAAgB,EAAE,MAAM,qCAAqC,CAAC;AACvE,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAK9C,OAAO,EAAE,sBAAsB,EAAE,MAAM,mDAAmD,CAAC;AAC3F,OAAO,EAAE,WAAW,EAAE,MAAM,sCAAsC,CAAC;AACnE,OAAO,EAAE,iBAAiB,EAAE,MAAM,uCAAuC,CAAC;AAC1E,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1C,OAAO,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAQzD,MAAM,CAAC,MAAM,WAAW,GAA+B,GAAG,CAAmB,CAAC,KAAK,EAAE,EAAE;IACrF,MAAM,EAAE,SAAS,GAAG,EAAE,EAAE,cAAc,EAAE,cAAc,EAAE,IAAI,GAAG,EAAE,EAAE,GAAG,KAAK,CAAC;IAE5E,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,EAAE,KAAK,EAAE,WAAW,EAAE,YAAY,GAAG,IAAI,EAAE,GAAG,IAAI,CAAC;IAEnF,MAAM,OAAO,GAAyB;QACpC,GAAG,EAAE,EAAE;QACP,IAAI,EAAE,IAAI;QACV,cAAc;QACd,cAAc;QACd,MAAM,EAAE,IAAI;KACb,CAAC;IAEF,sBAAsB,EAAE,CAAC;IAEzB,MAAM,CAAC,kBAAkB,EAAE,EAAE,OAAO,EAAE,mBAAmB,EAAE,QAAQ,EAAE,qBAAqB,EAAE,CAAC,GAC3F,OAAO,EAAE,CAAC;IAEZ,iBAAiB,CAAC;QAChB,MAAM,EAAE,mBAAmB;QAC3B,OAAO,EAAE,qBAAqB;KAC/B,CAAC,CAAC;IAEH,OAAO,CACL,mBACE,SAAS,EAAE,KAAK,CACd,UAAU,EACV,SAAS,EACT,SAAS,EACT,kBAAkB,CAAC,CAAC,CAAC,0BAA0B,CAAC,CAAC,CAAC,EAAE,CACrD,gBACW,YAAY,aAEvB,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,CACf,cAAK,SAAS,EAAC,wCAAwC,YACpD,gBAAgB,CAAC,KAAK,EAAE,MAAM,EAAE;oBAC/B,GAAG,OAAO;oBACV,QAAQ,EAAE,QAAQ;iBACnB,CAAC,GACE,CACP,CAAC,CAAC,CAAC,IAAI,EACR,eAAK,SAAS,EAAC,mCAAmC,aAC/C,gBAAgB,CAAC,MAAM,EAAE,OAAO,CAAC,EACjC,KAAK,EAAE,MAAM;wBACZ,CAAC,CAAC,gBAAgB,CAAC,KAAK,EAAE,MAAM,EAAE;4BAC9B,GAAG,OAAO;4BACV,QAAQ,EAAE,QAAQ;yBACnB,CAAC;wBACJ,CAAC,CAAC,IAAI,IACJ,EACL,WAAW,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC,CAAC,CAAC,IAAI,EACzC,KAAC,WAAW,IACV,QAAQ,EAAE,EAAE,IAAI,EAAE,mBAAmB,EAAE,MAAM,EAAE,QAAQ,EAAE,EACzD,sBAAsB,EAAE,EAAE,IAAI,EAAE,YAAY,EAAE,MAAM,EAAE,QAAQ,EAAE,GAChE,IACM,CACX,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,WAAW,CAAC,aAAa,GAAG,EAAE,CAAC;AAC/B,WAAW,CAAC,KAAK,GAAG,GAAG,EAAE,CAAC,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;AAE/C,SAAS,iBAAiB;IACxB,OAAO,CACL,cAAK,SAAS,EAAC,qEAAqE,YAClF,KAAC,WAAW,IAAC,SAAS,EAAC,mDAAmD,GAAG,GACzE,CACP,CAAC;AACJ,CAAC"}

package/mobile/lib/ui-kit/CookiePopup/CookiePopup.d.ts

@@ -0,0 +1,8 @@
+import type { LinkCommonProps } from '../../model/LinkProps';
+export interface CookiePopupProps {
+    termLink?: LinkCommonProps;
+    personalDataPolicyLink?: LinkCommonProps;
+}
+export declare const COOKIE_DIALOG_ID = "cookie";
+export declare const LOCAL_STORAGE_NAME = "cookieClose";
+export declare const CookiePopup: import("@redneckz/uni-jsx").UNIComponent<CookiePopupProps, any, any>;

package/mobile/lib/ui-kit/CookiePopup/CookiePopup.js

@@ -0,0 +1,20 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
+import { JSX } from '@redneckz/uni-jsx';
+import { useCallback } from '@redneckz/uni-jsx/lib/hooks';
+import { style } from '../../utils/style.js';
+import { CloseButton } from '../Dialog/CloseButton.js';
+import { useDialogProps } from '../Dialog/useDialogProps.js';
+import { LinkWrapper } from '../LinkWrapper/LinkWrapper.js';
+import { Paragraph } from '../Paragraph/Paragraph.js';
+export const COOKIE_DIALOG_ID = 'cookie';
+export const LOCAL_STORAGE_NAME = 'cookieClose';
+export const CookiePopup = JSX(({ termLink, personalDataPolicyLink }) => {
+    const { isOpened, onClose } = useDialogProps(COOKIE_DIALOG_ID, !globalThis.localStorage?.getItem(LOCAL_STORAGE_NAME));
+    const handleClose = useCallback(() => {
+        globalThis.localStorage?.setItem(LOCAL_STORAGE_NAME, 'true');
+        onClose && onClose();
+    }, [onClose]);
+    return isOpened ? (_jsx("div", { className: "container z-40 fixed bottom-0 left-0 right-0 pointer-events-none", children: _jsxs("div", { className: "bg-white m-6 p-6 rounded-md flex items-center pointer-events-auto shadow-[0_4px_25px_rgba(0,0,0,0.07)]", children: [_jsx("div", { className: "flex-1", children: _jsxs(Paragraph, { size: "text-s-light", color: "text-primary-text", children: ["\u0410\u041E \u00AB\u0420\u043E\u0441\u0441\u0435\u043B\u044C\u0445\u043E\u0437\u0431\u0430\u043D\u043A\u00BB \u0438\u0441\u043F\u043E\u043B\u044C\u0437\u0443\u0435\u0442", _jsx(LinkWrapper, { isRemote: true, className: style(getStyleLinkWrapper(termLink?.href)), ...termLink, children: "cookie" }), "(\u0444\u0430\u0439\u043B\u044B \u0441 \u0434\u0430\u043D\u043D\u044B\u043C\u0438 \u043E \u043F\u0440\u043E\u0448\u043B\u044B\u0445 \u043F\u043E\u0441\u0435\u0449\u0435\u043D\u0438\u044F\u0445 \u0441\u0430\u0439\u0442\u0430) \u0434\u043B\u044F \u043F\u0435\u0440\u0441\u043E\u043D\u0430\u043B\u0438\u0437\u0430\u0446\u0438\u0438 \u0441\u0435\u0440\u0432\u0438\u0441\u043E\u0432 \u0438 \u0443\u0434\u043E\u0431\u0441\u0442\u0432\u0430 \u043F\u043E\u043B\u044C\u0437\u043E\u0432\u0430\u0442\u0435\u043B\u0435\u0439. \u0412\u044B \u043C\u043E\u0436\u0435\u0442\u0435 \u0437\u0430\u043F\u0440\u0435\u0442\u0438\u0442\u044C \u0441\u043E\u0445\u0440\u0430\u043D\u0435\u043D\u0438\u0435 cookie \u0432 \u043D\u0430\u0441\u0442\u0440\u043E\u0439\u043A\u0430\u0445 \u0441\u0432\u043E\u0435\u0433\u043E \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0430.", _jsx(LinkWrapper, { isRemote: true, className: style(getStyleLinkWrapper(personalDataPolicyLink?.href)), ...personalDataPolicyLink, children: "\u041E\u0431\u0440\u0430\u0431\u043E\u0442\u043A\u0430 \u0412\u0430\u0448\u0438\u0445 \u043F\u0435\u0440\u0441\u043E\u043D\u0430\u043B\u044C\u043D\u044B\u0445 \u0434\u0430\u043D\u043D\u044B\u0445" }), "\u043F\u0440\u043E\u0438\u0437\u0432\u043E\u0434\u0438\u0442\u0441\u044F \u0432 \u0441\u043E\u043E\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0438\u0438 \u0441 \u0442\u0440\u0435\u0431\u043E\u0432\u0430\u043D\u0438\u044F\u043C\u0438 \u0424\u0435\u0434\u0435\u0440\u0430\u043B\u044C\u043D\u043E\u0433\u043E \u0437\u0430\u043A\u043E\u043D\u0430 \u043E\u0442 27.07.2006 \u2116 152-\u04243 \u00AB\u041E \u043F\u0435\u0440\u0441\u043E\u043D\u0430\u043B\u044C\u043D\u044B\u0445 \u0434\u0430\u043D\u043D\u044B\u0445\u00BB."] }) }), _jsx("div", { className: "w-24 flex justify-end", children: _jsx(CloseButton, { className: "bg-main-gray rounded-md", onClick: handleClose }) })] }) })) : null;
+});
+const getStyleLinkWrapper = (href) => ['inline mx-1', href ? 'text-green-dark' : ''];
+//# sourceMappingURL=CookiePopup.js.map

package/mobile/lib/ui-kit/CookiePopup/CookiePopup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CookiePopup.js","sourceRoot":"","sources":["../../../src/ui-kit/CookiePopup/CookiePopup.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAC;AAE1D,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1C,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAC1D,OAAO,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AACzD,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAOnD,MAAM,CAAC,MAAM,gBAAgB,GAAG,QAAQ,CAAC;AACzC,MAAM,CAAC,MAAM,kBAAkB,GAAG,aAAa,CAAC;AAEhD,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,CAAmB,CAAC,EAAE,QAAQ,EAAE,sBAAsB,EAAE,EAAE,EAAE;IACxF,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,cAAc,CAC1C,gBAAgB,EAChB,CAAC,UAAU,CAAC,YAAY,EAAE,OAAO,CAAC,kBAAkB,CAAC,CACtD,CAAC;IAEF,MAAM,WAAW,GAAG,WAAW,CAAC,GAAG,EAAE;QACnC,UAAU,CAAC,YAAY,EAAE,OAAO,CAAC,kBAAkB,EAAE,MAAM,CAAC,CAAC;QAE7D,OAAO,IAAI,OAAO,EAAE,CAAC;IACvB,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,OAAO,QAAQ,CAAC,CAAC,CAAC,CAChB,cAAK,SAAS,EAAC,kEAAkE,YAC/E,eAAK,SAAS,EAAC,wGAAwG,aACrH,cAAK,SAAS,EAAC,QAAQ,YACrB,MAAC,SAAS,IAAC,IAAI,EAAC,cAAc,EAAC,KAAK,EAAC,mBAAmB,2LAEtD,KAAC,WAAW,IACV,QAAQ,QACR,SAAS,EAAE,KAAK,CAAC,mBAAmB,CAAC,QAAQ,EAAE,IAAI,CAAC,CAAC,KACjD,QAAQ,uBAGA,+0BAGd,KAAC,WAAW,IACV,QAAQ,QACR,SAAS,EAAE,KAAK,CAAC,mBAAmB,CAAC,sBAAsB,EAAE,IAAI,CAAC,CAAC,KAC/D,sBAAsB,oNAGd,2gBAGJ,GACR,EACN,cAAK,SAAS,EAAC,uBAAuB,YACpC,KAAC,WAAW,IAAC,SAAS,EAAC,yBAAyB,EAAC,OAAO,EAAE,WAAW,GAAI,GACrE,IACF,GACF,CACP,CAAC,CAAC,CAAC,IAAI,CAAC;AACX,CAAC,CAAC,CAAC;AAEH,MAAM,mBAAmB,GAAG,CAAC,IAAa,EAAE,EAAE,CAAC,CAAC,aAAa,EAAE,IAAI,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC"}

package/mobile/lib/ui-kit/Dialog/CloseButton.js

@@ -2,5 +2,5 @@ import { jsx as _jsx } from "@redneckz/uni-jsx/jsx-runtime";
 import { JSX } from '@redneckz/uni-jsx';
 import { style } from '../../utils/style.js';
 import { Img } from '../Img/Img.js';
-export const CloseButton = JSX(({ className, onClick }) => (_jsx("button", { className: style('visible peer-placeholder-shown:invisible w-6 h-6 p-1 bg-transparent border-none', className), onClick: onClick, title: "\u0417\u0430\u043A\u0440\u044B\u0442\u044C", children: _jsx(Img, { image: { icon: 'CloseIcon' }, width: "24", height: "24" }) })));
+export const CloseButton = JSX(({ className, onClick }) => (_jsx("button", { className: style('flex justify-center items-center w-12 h-12 p-1 bg-transparent border-none', className), onClick: onClick, title: "\u0417\u0430\u043A\u0440\u044B\u0442\u044C", children: _jsx(Img, { image: { icon: 'CloseIcon' }, width: "24", height: "24" }) })));
 //# sourceMappingURL=CloseButton.js.map

package/mobile/lib/ui-kit/Dialog/CloseButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"CloseButton.js","sourceRoot":"","sources":["../../../src/ui-kit/Dialog/CloseButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1C,OAAO,EAAE,GAAG,EAAE,MAAM,YAAY,CAAC;AAQjC,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,CAAmB,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,CAC3E,iBACE,SAAS,EAAE,KAAK,CACd,iFAAiF,EACjF,SAAS,CACV,EACD,OAAO,EAAE,OAAO,EAChB,KAAK,EAAC,4CAAS,YAEf,KAAC,GAAG,IAAC,KAAK,EAAE,EAAE,IAAI,EAAE,WAAW,EAAE,EAAE,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,GAAG,GACrD,CACV,CAAC,CAAC"}
+{"version":3,"file":"CloseButton.js","sourceRoot":"","sources":["../../../src/ui-kit/Dialog/CloseButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1C,OAAO,EAAE,GAAG,EAAE,MAAM,YAAY,CAAC;AAQjC,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,CAAmB,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,CAC3E,iBACE,SAAS,EAAE,KAAK,CACd,2EAA2E,EAC3E,SAAS,CACV,EACD,OAAO,EAAE,OAAO,EAChB,KAAK,EAAC,4CAAS,YAEf,KAAC,GAAG,IAAC,KAAK,EAAE,EAAE,IAAI,EAAE,WAAW,EAAE,EAAE,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,GAAG,GACrD,CACV,CAAC,CAAC"}

package/mobile/lib/ui-kit/Dialog/Dialog.js

@@ -15,6 +15,6 @@ export const Dialog = JSX(({ className, isOpened, head, children, onClose }) =>
             globalThis.document?.removeEventListener('keydown', handleEscape);
         };
     }, [onClose]);
-    return isOpened ? (_jsx("div", { className: style('fixed inset-0 bg-white text-l-light z-50 overflow-x-hidden overflow-y-scroll no-scrollbar', className), role: "dialog", children: _jsxs("div", { className: "relative container pb-12 min-h-full", children: [_jsxs("div", { className: "sticky bg-white pt-6 top-0", children: [_jsx(CloseButton, { className: "absolute top-3 -right-6", onClick: onClose }), head] }), children] }) })) : null;
+    return isOpened ? (_jsx("div", { className: style('fixed inset-0 bg-white text-l-light z-50 overflow-x-hidden overflow-y-scroll no-scrollbar', className), role: "dialog", children: _jsxs("div", { className: "relative container pb-12 min-h-full", children: [_jsxs("div", { className: "sticky bg-white pt-6 top-0", children: [_jsx(CloseButton, { className: "absolute top-10 -right-12", onClick: onClose }), head] }), children] }) })) : null;
 });
 //# sourceMappingURL=Dialog.js.map

package/mobile/lib/ui-kit/Dialog/Dialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"Dialog.js","sourceRoot":"","sources":["../../../src/ui-kit/Dialog/Dialog.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AAExD,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAS5C,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAc,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,EAAE;IAC1F,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,YAAY,GAAG,CAAC,EAAE,GAAG,EAAmB,EAAE,EAAE;YAChD,IAAI,GAAG,KAAK,QAAQ,EAAE;gBACpB,OAAO,IAAI,OAAO,EAAE,CAAC;aACtB;QACH,CAAC,CAAC;QAEF,UAAU,CAAC,QAAQ,EAAE,gBAAgB,CAAC,SAAS,EAAE,YAAY,CAAC,CAAC;QAE/D,OAAO,GAAG,EAAE;YACV,UAAU,CAAC,QAAQ,EAAE,mBAAmB,CAAC,SAAS,EAAE,YAAY,CAAC,CAAC;QACpE,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,OAAO,QAAQ,CAAC,CAAC,CAAC,CAChB,cACE,SAAS,EAAE,KAAK,CACd,2FAA2F,EAC3F,SAAS,CACV,EACD,IAAI,EAAC,QAAQ,YAEb,eAAK,SAAS,EAAC,qCAAqC,aAClD,eAAK,SAAS,EAAC,4BAA4B,aACzC,KAAC,WAAW,IAAC,SAAS,EAAC,yBAAyB,EAAC,OAAO,EAAE,OAAO,GAAI,EACpE,IAAI,IACD,EACL,QAAQ,IACL,GACF,CACP,CAAC,CAAC,CAAC,IAAI,CAAC;AACX,CAAC,CAAC,CAAC"}
+{"version":3,"file":"Dialog.js","sourceRoot":"","sources":["../../../src/ui-kit/Dialog/Dialog.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AAExD,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAS5C,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAc,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,EAAE;IAC1F,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,YAAY,GAAG,CAAC,EAAE,GAAG,EAAmB,EAAE,EAAE;YAChD,IAAI,GAAG,KAAK,QAAQ,EAAE;gBACpB,OAAO,IAAI,OAAO,EAAE,CAAC;aACtB;QACH,CAAC,CAAC;QAEF,UAAU,CAAC,QAAQ,EAAE,gBAAgB,CAAC,SAAS,EAAE,YAAY,CAAC,CAAC;QAE/D,OAAO,GAAG,EAAE;YACV,UAAU,CAAC,QAAQ,EAAE,mBAAmB,CAAC,SAAS,EAAE,YAAY,CAAC,CAAC;QACpE,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,OAAO,QAAQ,CAAC,CAAC,CAAC,CAChB,cACE,SAAS,EAAE,KAAK,CACd,2FAA2F,EAC3F,SAAS,CACV,EACD,IAAI,EAAC,QAAQ,YAEb,eAAK,SAAS,EAAC,qCAAqC,aAClD,eAAK,SAAS,EAAC,4BAA4B,aACzC,KAAC,WAAW,IAAC,SAAS,EAAC,2BAA2B,EAAC,OAAO,EAAE,OAAO,GAAI,EACtE,IAAI,IACD,EACL,QAAQ,IACL,GACF,CACP,CAAC,CAAC,CAAC,IAAI,CAAC;AACX,CAAC,CAAC,CAAC"}

package/mobile/lib/ui-kit/Dialog/useDialogProps.d.ts

@@ -1,5 +1,5 @@
 import type { DialogProps } from './Dialog';
 import type { DialogInitialParams } from './DialogAction';
-export declare function useDialogProps(id: string): DialogProps & DialogInitialParams & {
+export declare function useDialogProps(id: string, initOpen?: boolean): DialogProps & DialogInitialParams & {
     wasOpened: boolean;
 };

package/mobile/lib/ui-kit/Dialog/useDialogProps.js

@@ -2,8 +2,8 @@ import { useCallback, useRef, useState } from '@redneckz/uni-jsx/lib/hooks';
 import { defaultEventBus } from '../../EventBus/defaultEventBus.js';
 import { useBool } from '../../hooks/useBool.js';
 import { useDialogHandlers } from './useDialogHandlers.js';
-export function useDialogProps(id) {
-    const [isOpened, { setTrue: open, setFalse: close }] = useBool();
+export function useDialogProps(id, initOpen = false) {
+    const [isOpened, { setTrue: open, setFalse: close }] = useBool(initOpen);
     const [params, setParams] = useState({ id });
     const wasOpened = useRef(isOpened);
     wasOpened.current ||= isOpened;

package/mobile/lib/ui-kit/Dialog/useDialogProps.js.map

@@ -1 +1 @@
-{"version":3,"file":"useDialogProps.js","sourceRoot":"","sources":["../../../src/ui-kit/Dialog/useDialogProps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAC5E,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAC;AACjE,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAG9C,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAExD,MAAM,UAAU,cAAc,CAC5B,EAAU;IAEV,MAAM,CAAC,QAAQ,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC,GAAG,OAAO,EAAE,CAAC;IACjE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAsB,EAAE,EAAE,EAAE,CAAC,CAAC;IAElE,MAAM,SAAS,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAC;IACnC,SAAS,CAAC,OAAO,KAAK,QAAQ,CAAC;IAE/B,MAAM,UAAU,GAAG,WAAW,CAC5B,CAAC,CAAsB,EAAE,EAAE;QACzB,IAAI,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE;YACf,SAAS,CAAC,CAAC,CAAC,CAAC;YACb,IAAI,EAAE,CAAC;SACR;aAAM;YACL,KAAK,EAAE,CAAC;SACT;IACH,CAAC,EACD,CAAC,EAAE,CAAC,CACL,CAAC;IAEF,iBAAiB,CAAC;QAChB,MAAM,EAAE,UAAU;QAClB,OAAO,EAAE,KAAK;KACf,CAAC,CAAC;IAEH,MAAM,wBAAwB,GAAG,WAAW,CAAC,GAAG,EAAE;QAChD,KAAK,EAAE,CAAC;QACR,eAAe,CAAC,IAAI,CAAC,QAAQ,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC,CAAC;IACpD,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO;QACL,GAAG,MAAM;QACT,QAAQ;QACR,SAAS,EAAE,SAAS,CAAC,OAAO;QAC5B,OAAO,EAAE,wBAAwB;KAClC,CAAC;AACJ,CAAC"}
+{"version":3,"file":"useDialogProps.js","sourceRoot":"","sources":["../../../src/ui-kit/Dialog/useDialogProps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAC5E,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAC;AACjE,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAG9C,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAExD,MAAM,UAAU,cAAc,CAC5B,EAAU,EACV,QAAQ,GAAG,KAAK;IAEhB,MAAM,CAAC,QAAQ,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC,GAAG,OAAO,CAAC,QAAQ,CAAC,CAAC;IACzE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAsB,EAAE,EAAE,EAAE,CAAC,CAAC;IAElE,MAAM,SAAS,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAC;IACnC,SAAS,CAAC,OAAO,KAAK,QAAQ,CAAC;IAE/B,MAAM,UAAU,GAAG,WAAW,CAC5B,CAAC,CAAsB,EAAE,EAAE;QACzB,IAAI,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE;YACf,SAAS,CAAC,CAAC,CAAC,CAAC;YACb,IAAI,EAAE,CAAC;SACR;aAAM;YACL,KAAK,EAAE,CAAC;SACT;IACH,CAAC,EACD,CAAC,EAAE,CAAC,CACL,CAAC;IAEF,iBAAiB,CAAC;QAChB,MAAM,EAAE,UAAU;QAClB,OAAO,EAAE,KAAK;KACf,CAAC,CAAC;IAEH,MAAM,wBAAwB,GAAG,WAAW,CAAC,GAAG,EAAE;QAChD,KAAK,EAAE,CAAC;QACR,eAAe,CAAC,IAAI,CAAC,QAAQ,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC,CAAC;IACpD,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO;QACL,GAAG,MAAM;QACT,QAAQ;QACR,SAAS,EAAE,SAAS,CAAC,OAAO;QAC5B,OAAO,EAAE,wBAAwB;KAClC,CAAC;AACJ,CAAC"}

package/mobile/lib/ui-kit/LinkWrapper/LinkWrapper.d.ts

@@ -3,6 +3,7 @@ interface LinkWrapperProps {
     className?: string;
     href?: string;
     target?: Target;
+    isRemote?: boolean;
 }
 export declare const LinkWrapper: import("@redneckz/uni-jsx").UNIComponent<LinkWrapperProps, any, any>;
 export {};

package/mobile/lib/ui-kit/LinkWrapper/LinkWrapper.js

@@ -2,8 +2,8 @@ import { jsx as _jsx } from "@redneckz/uni-jsx/jsx-runtime";
 import { JSX } from '@redneckz/uni-jsx';
 import { useLink } from '../../hooks/useLink.js';
 import { style } from '../../utils/style.js';
-export const LinkWrapper = JSX(({ className = '', href, target, children }) => {
-    const link = useLink();
+export const LinkWrapper = JSX(({ className = '', href, target, isRemote = false, children }) => {
+    const link = useLink({ isRemote });
     const linkProps = link({ href, target });
     const Tag = href ? 'a' : 'div';
     return (_jsx(Tag, { className: style('block', className), ...(href ? linkProps : {}), children: children }));

package/mobile/lib/ui-kit/LinkWrapper/LinkWrapper.js.map

@@ -1 +1 @@
-{"version":3,"file":"LinkWrapper.js","sourceRoot":"","sources":["../../../src/ui-kit/LinkWrapper/LinkWrapper.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAE9C,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAQ1C,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,CAAmB,CAAC,EAAE,SAAS,GAAG,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,EAAE;IAC9F,MAAM,IAAI,GAAG,OAAO,EAAE,CAAC;IACvB,MAAM,SAAS,GAAG,IAAI,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,CAAC;IACzC,MAAM,GAAG,GAAG,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC;IAE/B,OAAO,CACL,KAAC,GAAG,IAAC,SAAS,EAAE,KAAK,CAAC,OAAO,EAAE,SAAS,CAAC,KAAM,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,YACnE,QAAQ,GACL,CACP,CAAC;AACJ,CAAC,CAAC,CAAC"}
+{"version":3,"file":"LinkWrapper.js","sourceRoot":"","sources":["../../../src/ui-kit/LinkWrapper/LinkWrapper.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAE9C,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAS1C,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,CAC5B,CAAC,EAAE,SAAS,GAAG,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,GAAG,KAAK,EAAE,QAAQ,EAAE,EAAE,EAAE;IAC/D,MAAM,IAAI,GAAG,OAAO,CAAC,EAAE,QAAQ,EAAE,CAAC,CAAC;IACnC,MAAM,SAAS,GAAG,IAAI,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,CAAC;IACzC,MAAM,GAAG,GAAG,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC;IAE/B,OAAO,CACL,KAAC,GAAG,IAAC,SAAS,EAAE,KAAK,CAAC,OAAO,EAAE,SAAS,CAAC,KAAM,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,YACnE,QAAQ,GACL,CACP,CAAC;AACJ,CAAC,CACF,CAAC"}

package/mobile/src/components/CarouselLinks/CarouselLinks.tsx

@@ -30,7 +30,7 @@ export const CarouselLinks = JSX<CarouselLinksProps>(
             <Headline
               className="pt-6"
               isPadding={false}
-              description={description}
+              description={additionalDescription}
               align="text-left"
             />
           ) : null}

package/mobile/src/components/ContentPage/ContentPage.tsx

@@ -7,6 +7,7 @@ import type { BlocksRegistry } from '../../model/BlocksRegistry';
 import type { ContentPageDef } from '../../model/ContentPageDef';
 import type { JSXBlock, UniBlockProps } from '../../model/JSXBlock';
 import { useBlockRouterProvider } from '../../services/BlockRouter/useBlockRouterProvider';
+import { CookiePopup } from '../../ui-kit/CookiePopup/CookiePopup';
 import { useDialogHandlers } from '../../ui-kit/Dialog/useDialogHandlers';
 import { style } from '../../utils/style';
 import { LikeControl } from '../LikeControl/LikeControl';
@@ -68,6 +69,10 @@ export const ContentPage: JSXBlock<ContentPageProps> = JSX<ContentPageProps>((pr
           : null}
       </div>
       {likeControl ? renderLikeControl() : null}
+      <CookiePopup
+        termLink={{ href: '/pd-policy#cookie', target: '_blank' }}
+        personalDataPolicyLink={{ href: '/pd-policy', target: '_blank' }}
+      />
     </section>
   );
 });

package/mobile/src/ui-kit/CookiePopup/CookiePopup.tsx

@@ -0,0 +1,64 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { useCallback } from '@redneckz/uni-jsx/lib/hooks';
+import type { LinkCommonProps } from '../../model/LinkProps';
+import { style } from '../../utils/style';
+import { CloseButton } from '../Dialog/CloseButton';
+import { useDialogProps } from '../Dialog/useDialogProps';
+import { LinkWrapper } from '../LinkWrapper/LinkWrapper';
+import { Paragraph } from '../Paragraph/Paragraph';
+
+export interface CookiePopupProps {
+  termLink?: LinkCommonProps;
+  personalDataPolicyLink?: LinkCommonProps;
+}
+
+export const COOKIE_DIALOG_ID = 'cookie';
+export const LOCAL_STORAGE_NAME = 'cookieClose';
+
+export const CookiePopup = JSX<CookiePopupProps>(({ termLink, personalDataPolicyLink }) => {
+  const { isOpened, onClose } = useDialogProps(
+    COOKIE_DIALOG_ID,
+    !globalThis.localStorage?.getItem(LOCAL_STORAGE_NAME),
+  );
+
+  const handleClose = useCallback(() => {
+    globalThis.localStorage?.setItem(LOCAL_STORAGE_NAME, 'true');
+
+    onClose && onClose();
+  }, [onClose]);
+
+  return isOpened ? (
+    <div className="container z-40 fixed bottom-0 left-0 right-0 pointer-events-none">
+      <div className="bg-white m-6 p-6 rounded-md flex items-center pointer-events-auto shadow-[0_4px_25px_rgba(0,0,0,0.07)]">
+        <div className="flex-1">
+          <Paragraph size="text-s-light" color="text-primary-text">
+            АО «Россельхозбанк» использует
+            <LinkWrapper
+              isRemote
+              className={style(getStyleLinkWrapper(termLink?.href))}
+              {...termLink}
+            >
+              cookie
+            </LinkWrapper>
+            (файлы с данными о прошлых посещениях сайта) для персонализации сервисов и удобства
+            пользователей. Вы можете запретить сохранение cookie в настройках своего браузера.
+            <LinkWrapper
+              isRemote
+              className={style(getStyleLinkWrapper(personalDataPolicyLink?.href))}
+              {...personalDataPolicyLink}
+            >
+              Обработка Ваших персональных данных
+            </LinkWrapper>
+            производится в соответствии с требованиями Федерального закона от 27.07.2006 № 152-Ф3 «О
+            персональных данных».
+          </Paragraph>
+        </div>
+        <div className="w-24 flex justify-end">
+          <CloseButton className="bg-main-gray rounded-md" onClick={handleClose} />
+        </div>
+      </div>
+    </div>
+  ) : null;
+});
+
+const getStyleLinkWrapper = (href?: string) => ['inline mx-1', href ? 'text-green-dark' : ''];

package/mobile/src/ui-kit/Dialog/CloseButton.tsx

@@ -11,7 +11,7 @@ interface CloseButtonProps {
 export const CloseButton = JSX<CloseButtonProps>(({ className, onClick }) => (
   <button
     className={style(
-      'visible peer-placeholder-shown:invisible w-6 h-6 p-1 bg-transparent border-none',
+      'flex justify-center items-center w-12 h-12 p-1 bg-transparent border-none',
       className,
     )}
     onClick={onClick}

package/mobile/src/ui-kit/Dialog/Dialog.tsx

@@ -36,7 +36,7 @@ export const Dialog = JSX<DialogProps>(({ className, isOpened, head, children, o
     >
       <div className="relative container pb-12 min-h-full">
         <div className="sticky bg-white pt-6 top-0">
-          <CloseButton className="absolute top-3 -right-6" onClick={onClose} />
+          <CloseButton className="absolute top-10 -right-12" onClick={onClose} />
           {head}
         </div>
         {children}

package/mobile/src/ui-kit/Dialog/useDialogProps.ts

@@ -7,8 +7,9 @@ import { useDialogHandlers } from './useDialogHandlers';
 
 export function useDialogProps(
   id: string,
+  initOpen = false,
 ): DialogProps & DialogInitialParams & { wasOpened: boolean } {
-  const [isOpened, { setTrue: open, setFalse: close }] = useBool();
+  const [isOpened, { setTrue: open, setFalse: close }] = useBool(initOpen);
   const [params, setParams] = useState<DialogInitialParams>({ id });
 
   const wasOpened = useRef(isOpened);

package/mobile/src/ui-kit/LinkWrapper/LinkWrapper.tsx

@@ -7,16 +7,19 @@ interface LinkWrapperProps {
   className?: string;
   href?: string;
   target?: Target;
+  isRemote?: boolean;
 }
 
-export const LinkWrapper = JSX<LinkWrapperProps>(({ className = '', href, target, children }) => {
-  const link = useLink();
-  const linkProps = link({ href, target });
-  const Tag = href ? 'a' : 'div';
+export const LinkWrapper = JSX<LinkWrapperProps>(
+  ({ className = '', href, target, isRemote = false, children }) => {
+    const link = useLink({ isRemote });
+    const linkProps = link({ href, target });
+    const Tag = href ? 'a' : 'div';
 
-  return (
-    <Tag className={style('block', className)} {...(href ? linkProps : {})}>
-      {children}
-    </Tag>
-  );
-});
+    return (
+      <Tag className={style('block', className)} {...(href ? linkProps : {})}>
+        {children}
+      </Tag>
+    );
+  },
+);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@redneckz/wildless-cms-uni-blocks",
-  "version": "0.10.4",
+  "version": "0.10.5",
   "private": false,
   "license": "MIT",
   "author": "ЦК",

package/src/components/CarouselLinks/CarouselLinks.tsx

@@ -30,7 +30,7 @@ export const CarouselLinks = JSX<CarouselLinksProps>(
             <Headline
               className="pt-6"
               isPadding={false}
-              description={description}
+              description={additionalDescription}
               align="text-left"
             />
           ) : null}

package/src/components/ContentPage/ContentPage.tsx

@@ -7,6 +7,7 @@ import type { BlocksRegistry } from '../../model/BlocksRegistry';
 import type { ContentPageDef } from '../../model/ContentPageDef';
 import type { JSXBlock, UniBlockProps } from '../../model/JSXBlock';
 import { useBlockRouterProvider } from '../../services/BlockRouter/useBlockRouterProvider';
+import { CookiePopup } from '../../ui-kit/CookiePopup/CookiePopup';
 import { useDialogHandlers } from '../../ui-kit/Dialog/useDialogHandlers';
 import { style } from '../../utils/style';
 import { LikeControl } from '../LikeControl/LikeControl';
@@ -68,6 +69,10 @@ export const ContentPage: JSXBlock<ContentPageProps> = JSX<ContentPageProps>((pr
           : null}
       </div>
       {likeControl ? renderLikeControl() : null}
+      <CookiePopup
+        termLink={{ href: '/pd-policy#cookie', target: '_blank' }}
+        personalDataPolicyLink={{ href: '/pd-policy', target: '_blank' }}
+      />
     </section>
   );
 });

package/src/ui-kit/CookiePopup/CookiePopup.tsx

@@ -0,0 +1,64 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { useCallback } from '@redneckz/uni-jsx/lib/hooks';
+import type { LinkCommonProps } from '../../model/LinkProps';
+import { style } from '../../utils/style';
+import { CloseButton } from '../Dialog/CloseButton';
+import { useDialogProps } from '../Dialog/useDialogProps';
+import { LinkWrapper } from '../LinkWrapper/LinkWrapper';
+import { Paragraph } from '../Paragraph/Paragraph';
+
+export interface CookiePopupProps {
+  termLink?: LinkCommonProps;
+  personalDataPolicyLink?: LinkCommonProps;
+}
+
+export const COOKIE_DIALOG_ID = 'cookie';
+export const LOCAL_STORAGE_NAME = 'cookieClose';
+
+export const CookiePopup = JSX<CookiePopupProps>(({ termLink, personalDataPolicyLink }) => {
+  const { isOpened, onClose } = useDialogProps(
+    COOKIE_DIALOG_ID,
+    !globalThis.localStorage?.getItem(LOCAL_STORAGE_NAME),
+  );
+
+  const handleClose = useCallback(() => {
+    globalThis.localStorage?.setItem(LOCAL_STORAGE_NAME, 'true');
+
+    onClose && onClose();
+  }, [onClose]);
+
+  return isOpened ? (
+    <div className="container z-40 fixed bottom-0 left-0 right-0 pointer-events-none">
+      <div className="bg-white m-6 p-6 rounded-md flex items-center pointer-events-auto shadow-[0_4px_25px_rgba(0,0,0,0.07)]">
+        <div className="flex-1">
+          <Paragraph size="text-s-light" color="text-primary-text">
+            АО «Россельхозбанк» использует
+            <LinkWrapper
+              isRemote
+              className={style(getStyleLinkWrapper(termLink?.href))}
+              {...termLink}
+            >
+              cookie
+            </LinkWrapper>
+            (файлы с данными о прошлых посещениях сайта) для персонализации сервисов и удобства
+            пользователей. Вы можете запретить сохранение cookie в настройках своего браузера.
+            <LinkWrapper
+              isRemote
+              className={style(getStyleLinkWrapper(personalDataPolicyLink?.href))}
+              {...personalDataPolicyLink}
+            >
+              Обработка Ваших персональных данных
+            </LinkWrapper>
+            производится в соответствии с требованиями Федерального закона от 27.07.2006 № 152-Ф3 «О
+            персональных данных».
+          </Paragraph>
+        </div>
+        <div className="w-24 flex justify-end">
+          <CloseButton className="bg-main-gray rounded-md" onClick={handleClose} />
+        </div>
+      </div>
+    </div>
+  ) : null;
+});
+
+const getStyleLinkWrapper = (href?: string) => ['inline mx-1', href ? 'text-green-dark' : ''];

package/src/ui-kit/Dialog/CloseButton.tsx

@@ -11,7 +11,7 @@ interface CloseButtonProps {
 export const CloseButton = JSX<CloseButtonProps>(({ className, onClick }) => (
   <button
     className={style(
-      'visible peer-placeholder-shown:invisible w-6 h-6 p-1 bg-transparent border-none',
+      'flex justify-center items-center w-12 h-12 p-1 bg-transparent border-none',
       className,
     )}
     onClick={onClick}

package/src/ui-kit/Dialog/Dialog.tsx

@@ -36,7 +36,7 @@ export const Dialog = JSX<DialogProps>(({ className, isOpened, head, children, o
     >
       <div className="relative container pb-12 min-h-full">
         <div className="sticky bg-white pt-6 top-0">
-          <CloseButton className="absolute top-3 -right-6" onClick={onClose} />
+          <CloseButton className="absolute top-10 -right-12" onClick={onClose} />
           {head}
         </div>
         {children}

package/src/ui-kit/Dialog/useDialogProps.ts

@@ -7,8 +7,9 @@ import { useDialogHandlers } from './useDialogHandlers';
 
 export function useDialogProps(
   id: string,
+  initOpen = false,
 ): DialogProps & DialogInitialParams & { wasOpened: boolean } {
-  const [isOpened, { setTrue: open, setFalse: close }] = useBool();
+  const [isOpened, { setTrue: open, setFalse: close }] = useBool(initOpen);
   const [params, setParams] = useState<DialogInitialParams>({ id });
 
   const wasOpened = useRef(isOpened);

package/src/ui-kit/LinkWrapper/LinkWrapper.tsx

@@ -7,16 +7,19 @@ interface LinkWrapperProps {
   className?: string;
   href?: string;
   target?: Target;
+  isRemote?: boolean;
 }
 
-export const LinkWrapper = JSX<LinkWrapperProps>(({ className = '', href, target, children }) => {
-  const link = useLink();
-  const linkProps = link({ href, target });
-  const Tag = href ? 'a' : 'div';
+export const LinkWrapper = JSX<LinkWrapperProps>(
+  ({ className = '', href, target, isRemote = false, children }) => {
+    const link = useLink({ isRemote });
+    const linkProps = link({ href, target });
+    const Tag = href ? 'a' : 'div';
 
-  return (
-    <Tag className={style('block', className)} {...(href ? linkProps : {})}>
-      {children}
-    </Tag>
-  );
-});
+    return (
+      <Tag className={style('block', className)} {...(href ? linkProps : {})}>
+        {children}
+      </Tag>
+    );
+  },
+);

package/tailwind.config.cjs

@@ -216,6 +216,7 @@ module.exports = {
             end: 'rgba(var(--color-gradient-to), <alpha-value>)',
           },
           disabled: 'rgba(242, 242, 242, <alpha-value>)',
+          gray: 'rgba(235, 237, 240, <alpha-value>)',
         },
         primary: {
           main: 'rgba(var(--color-primary-main), <alpha-value>)',