sate-lib 1.4.3 → 1.6.0

package/README.md

@@ -14,6 +14,7 @@ A lightweight and modular React component library designed for modern web interf
 - [Typescript](https://www.typescriptlang.org/)
 - [Storybook](https://storybook.js.org/)
 - [CSS Modules](https://github.com/css-modules/css-modules)
+- [Radix UI](https://www.radix-ui.com/)
 
 #### Development & Configuration
 
@@ -57,7 +58,7 @@ function App() {
 ```bash
 import from "sate-lib/reset.css";
 import from "sate-lib/tokens.css";
-import from "sate-lib/typography.css";
+import from "sate-lib/fonts.css";
 ```
 
 ## Commit etiquette

package/lib/assets/icons/ArrowUpRight.js

@@ -0,0 +1 @@
+import{jsx as t}from"react/jsx-runtime";import"react";let r=r=>t("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",...r,children:t("path",{d:"M18.75 6v9.75a.75.75 0 0 1-1.5 0V7.81L6.53 18.53a.75.75 0 1 1-1.06-1.06L16.19 6.75H8.25a.75.75 0 0 1 0-1.5H18a.75.75 0 0 1 .75.75"})});export{r as default};

package/lib/assets/icons/CaretDown.js

@@ -0,0 +1 @@
+import{jsx as e}from"react/jsx-runtime";import"react";let t=t=>e("svg",{xmlns:"http://www.w3.org/2000/svg",width:24,height:24,viewBox:"0 0 24 24",...t,children:e("path",{fillRule:"evenodd",d:"M5.47 9.22a.75.75 0 0 1 1.06 0L12 14.69l5.47-5.47a.75.75 0 1 1 1.06 1.06l-6 6a.75.75 0 0 1-1.06 0l-6-6a.75.75 0 0 1 0-1.06",clipRule:"evenodd"})});export{t as default};

package/lib/assets/icons/CaretLeft.js

@@ -0,0 +1 @@
+import{jsx as e}from"react/jsx-runtime";import"react";let t=t=>e("svg",{xmlns:"http://www.w3.org/2000/svg",width:24,height:24,viewBox:"0 0 24 24",...t,children:e("path",{fillRule:"evenodd",d:"M14.78 5.47a.75.75 0 0 1 0 1.06L9.31 12l5.47 5.47a.75.75 0 1 1-1.06 1.06l-6-6a.75.75 0 0 1 0-1.06l6-6a.75.75 0 0 1 1.06 0",clipRule:"evenodd"})});export{t as default};

package/lib/assets/icons/CaretRight.js

@@ -0,0 +1 @@
+import{jsx as e}from"react/jsx-runtime";import"react";let t=t=>e("svg",{xmlns:"http://www.w3.org/2000/svg",width:24,height:24,viewBox:"0 0 24 24",...t,children:e("path",{fillRule:"evenodd",d:"M9.22 5.47a.75.75 0 0 1 1.06 0l6 6a.75.75 0 0 1 0 1.06l-6 6a.75.75 0 1 1-1.06-1.06L14.69 12 9.22 6.53a.75.75 0 0 1 0-1.06",clipRule:"evenodd"})});export{t as default};

package/lib/assets/icons/CaretUp.js

@@ -0,0 +1 @@
+import{jsx as e}from"react/jsx-runtime";import"react";let t=t=>e("svg",{xmlns:"http://www.w3.org/2000/svg",width:24,height:24,viewBox:"0 0 24 24",...t,children:e("path",{fillRule:"evenodd",d:"M11.47 7.72a.75.75 0 0 1 1.06 0l6 6a.75.75 0 1 1-1.06 1.06L12 9.31l-5.47 5.47a.75.75 0 0 1-1.06-1.06z",clipRule:"evenodd"})});export{t as default};

package/lib/assets/icons/CheckCircle-fill.js

@@ -0,0 +1 @@
+import{jsx as t}from"react/jsx-runtime";import"react";let e=e=>t("svg",{xmlns:"http://www.w3.org/2000/svg",width:24,height:24,viewBox:"0 0 24 24",...e,children:t("path",{d:"M12 2.25A9.75 9.75 0 1 0 21.75 12 9.76 9.76 0 0 0 12 2.25m4.28 8.03-5.25 5.25a.747.747 0 0 1-1.06 0l-2.25-2.25a.75.75 0 1 1 1.06-1.06l1.72 1.72 4.72-4.72a.751.751 0 0 1 1.06 1.06"})});export{e as default};

package/lib/assets/icons/CheckCircle.js

@@ -0,0 +1 @@
+import{jsx as t}from"react/jsx-runtime";import"react";let e=e=>t("svg",{xmlns:"http://www.w3.org/2000/svg",width:24,height:24,viewBox:"0 0 24 24",...e,children:t("path",{d:"M16.28 9.22a.75.75 0 0 1 0 1.06l-5.25 5.25a.747.747 0 0 1-1.06 0l-2.25-2.25a.75.75 0 1 1 1.06-1.06l1.72 1.72 4.72-4.72a.75.75 0 0 1 1.06 0M21.75 12A9.75 9.75 0 1 1 12 2.25 9.76 9.76 0 0 1 21.75 12m-1.5 0A8.25 8.25 0 1 0 12 20.25 8.26 8.26 0 0 0 20.25 12"})});export{e as default};

package/lib/assets/icons/CheckboxChecked.js

@@ -0,0 +1 @@
+import{jsx as e}from"react/jsx-runtime";import"react";let t=t=>e("svg",{xmlns:"http://www.w3.org/2000/svg",width:24,height:24,viewBox:"0 0 24 24",...t,children:e("path",{fillRule:"evenodd",d:"M17.53 9.53a.75.75 0 0 0-1.06-1.06L10 14.94l-2.47-2.47a.75.75 0 0 0-1.06 1.06l3 3a.75.75 0 0 0 1.06 0z",clipRule:"evenodd"})});export{t as default};

package/lib/assets/icons/Export.js

@@ -0,0 +1 @@
+import{jsx as a}from"react/jsx-runtime";import"react";let t=t=>a("svg",{xmlns:"http://www.w3.org/2000/svg",width:24,height:24,viewBox:"0 0 24 24",...t,children:a("path",{d:"M20.25 10.5v9a1.5 1.5 0 0 1-1.5 1.5H5.25a1.5 1.5 0 0 1-1.5-1.5v-9A1.5 1.5 0 0 1 5.25 9H7.5a.75.75 0 0 1 0 1.5H5.25v9h13.5v-9H16.5a.75.75 0 1 1 0-1.5h2.25a1.5 1.5 0 0 1 1.5 1.5M8.78 6.53l2.47-2.47v8.69a.75.75 0 1 0 1.5 0V4.06l2.47 2.47a.75.75 0 1 0 1.06-1.06l-3.75-3.75a.75.75 0 0 0-1.06 0L7.72 5.47a.75.75 0 0 0 1.06 1.06"})});export{t as default};

package/lib/assets/icons/Eye-fill.js

@@ -0,0 +1 @@
+import{jsx as t}from"react/jsx-runtime";import"react";let e=e=>t("svg",{xmlns:"http://www.w3.org/2000/svg",width:24,height:24,viewBox:"0 0 24 24",...e,children:t("path",{d:"M23.185 11.696c-.032-.074-.827-1.835-2.592-3.6C18.241 5.742 15.27 4.5 12 4.5S5.76 5.743 3.407 8.095C1.642 9.861.844 11.625.815 11.696a.75.75 0 0 0 0 .61c.032.074.827 1.834 2.592 3.6C5.759 18.256 8.73 19.5 12 19.5s6.24-1.243 8.593-3.594c1.765-1.766 2.56-3.526 2.592-3.6a.75.75 0 0 0 0-.61M12 15.75a3.75 3.75 0 1 1 0-7.5 3.75 3.75 0 0 1 0 7.5"})});export{e as default};

package/lib/assets/icons/GlobeSimple.js

@@ -0,0 +1 @@
+import{jsx as t}from"react/jsx-runtime";import"react";let e=e=>t("svg",{xmlns:"http://www.w3.org/2000/svg",width:24,height:24,viewBox:"0 0 24 24",...e,children:t("path",{d:"M12 2.25A9.75 9.75 0 1 0 21.75 12 9.76 9.76 0 0 0 12 2.25m8.214 9H16.48c-.168-3.423-1.486-5.843-2.567-7.275a8.27 8.27 0 0 1 6.302 7.275m-11.192 1.5h5.956c-.216 3.9-2.084 6.292-2.978 7.219-.895-.928-2.762-3.319-2.978-7.219m0-1.5c.216-3.9 2.084-6.292 2.978-7.219.895.931 2.762 3.322 2.978 7.219zm1.065-7.275c-1.081 1.432-2.4 3.852-2.567 7.275H3.785a8.27 8.27 0 0 1 6.302-7.275M3.785 12.75H7.52c.17 3.423 1.486 5.843 2.567 7.275a8.27 8.27 0 0 1-6.302-7.275m10.125 7.275c1.08-1.432 2.396-3.852 2.567-7.275h3.735a8.27 8.27 0 0 1-6.299 7.275z"})});export{e as default};

package/lib/assets/icons/Google-fill.js

@@ -0,0 +1 @@
+import{jsx as t}from"react/jsx-runtime";import"react";let e=e=>t("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",...e,children:t("path",{d:"m22.18 10.382-.107-.45h-9.77v4.136h5.838c-.606 2.878-3.419 4.393-5.716 4.393-1.672 0-3.434-.703-4.6-1.833a6.57 6.57 0 0 1-1.96-4.636c0-1.741.783-3.484 1.922-4.63 1.14-1.146 2.86-1.787 4.57-1.787 1.96 0 3.363 1.04 3.888 1.514l2.939-2.923c-.862-.757-3.23-2.666-6.922-2.666-2.847 0-5.578 1.09-7.574 3.08C2.718 6.54 1.7 9.372 1.7 12s.965 5.32 2.874 7.294C6.613 21.399 9.5 22.5 12.475 22.5c2.706 0 5.27-1.06 7.1-2.984 1.796-1.894 2.726-4.514 2.726-7.261 0-1.156-.116-1.843-.122-1.873Z"})});export{e as default};

package/lib/assets/icons/Info.js

@@ -0,0 +1 @@
+import{jsx as t}from"react/jsx-runtime";import"react";let a=a=>t("svg",{xmlns:"http://www.w3.org/2000/svg",width:24,height:24,viewBox:"0 0 24 24",...a,children:t("path",{d:"M12 2.25A9.75 9.75 0 1 0 21.75 12 9.76 9.76 0 0 0 12 2.25m0 18A8.25 8.25 0 1 1 20.25 12 8.26 8.26 0 0 1 12 20.25m1.5-3.75a.75.75 0 0 1-.75.75 1.5 1.5 0 0 1-1.5-1.5V12a.75.75 0 1 1 0-1.5 1.5 1.5 0 0 1 1.5 1.5v3.75a.75.75 0 0 1 .75.75m-3-8.625a1.125 1.125 0 1 1 2.25 0 1.125 1.125 0 0 1-2.25 0"})});export{a as default};

package/lib/assets/icons/Instagram.js

@@ -0,0 +1 @@
+import{jsx as a}from"react/jsx-runtime";import"react";let t=t=>a("svg",{xmlns:"http://www.w3.org/2000/svg",width:24,height:24,viewBox:"0 0 24 24",...t,children:a("path",{d:"M12 7.5a4.5 4.5 0 1 0 0 9 4.5 4.5 0 0 0 0-9m0 7.5a3 3 0 1 1 0-5.999A3 3 0 0 1 12 15m4.5-12.75h-9A5.256 5.256 0 0 0 2.25 7.5v9a5.256 5.256 0 0 0 5.25 5.25h9a5.256 5.256 0 0 0 5.25-5.25v-9a5.256 5.256 0 0 0-5.25-5.25m3.75 14.25a3.75 3.75 0 0 1-3.75 3.75h-9a3.75 3.75 0 0 1-3.75-3.75v-9A3.75 3.75 0 0 1 7.5 3.75h9a3.75 3.75 0 0 1 3.75 3.75zM18 7.125a1.125 1.125 0 1 1-2.25 0 1.125 1.125 0 0 1 2.25 0"})});export{t as default};

package/lib/assets/icons/List-bullet.js

@@ -0,0 +1 @@
+import{jsx as a,jsxs as t}from"react/jsx-runtime";import"react";let e=e=>t("svg",{xmlns:"http://www.w3.org/2000/svg",width:24,height:24,viewBox:"0 0 24 24",...e,children:[a("path",{fillOpacity:.01,d:"M0 0h24v24H0z"}),a("path",{fillRule:"evenodd",d:"M2.4 8.4a1.2 1.2 0 1 0 0-2.4 1.2 1.2 0 0 0 0 2.4m4-1.2a.8.8 0 0 1 .8-.8h14.4a.8.8 0 0 1 0 1.6H7.2a.8.8 0 0 1-.8-.8m.8 4a.8.8 0 0 0 0 1.6h14.4a.8.8 0 0 0 0-1.6zm0 4.8a.8.8 0 0 0 0 1.6h14.4a.8.8 0 0 0 0-1.6zm-3.6-4a1.2 1.2 0 1 1-2.4 0 1.2 1.2 0 0 1 2.4 0m-1.2 6a1.2 1.2 0 1 0 0-2.4 1.2 1.2 0 0 0 0 2.4",clipRule:"evenodd"})]});export{e as default};

package/lib/assets/icons/MagnifyingGlass.js

@@ -0,0 +1 @@
+import{jsx as t}from"react/jsx-runtime";import"react";let a=a=>t("svg",{xmlns:"http://www.w3.org/2000/svg",width:24,height:24,viewBox:"0 0 24 24",...a,children:t("path",{d:"m21.53 20.47-4.693-4.694a8.26 8.26 0 1 0-1.06 1.06l4.692 4.695a.75.75 0 0 0 1.062-1.062M3.75 10.5a6.75 6.75 0 1 1 6.75 6.75 6.76 6.76 0 0 1-6.75-6.75"})});export{a as default};

package/lib/assets/icons/Notches.js

@@ -0,0 +1 @@
+import{jsx as t}from"react/jsx-runtime";import"react";let a=a=>t("svg",{xmlns:"http://www.w3.org/2000/svg",width:24,height:24,viewBox:"0 0 24 24",...a,children:t("path",{d:"m20.03 12.53-7.5 7.5a.75.75 0 1 1-1.06-1.06l7.5-7.5a.75.75 0 1 1 1.06 1.06m-1.5-9.31a.75.75 0 0 0-1.06 0L3.22 17.47a.75.75 0 1 0 1.06 1.06L18.53 4.28a.75.75 0 0 0 0-1.06"})});export{a as default};

package/lib/assets/icons/Pepper-fill.js

@@ -0,0 +1 @@
+import{jsx as t}from"react/jsx-runtime";import"react";let e=e=>t("svg",{xmlns:"http://www.w3.org/2000/svg",width:24,height:24,viewBox:"0 0 24 24",...e,children:t("path",{d:"M15.682 3.79A3.756 3.756 0 0 0 12 .75a.75.75 0 0 0 0 1.5 2.25 2.25 0 0 1 2.142 1.562A6.01 6.01 0 0 0 9 9.75c0 4.383-2.414 7.313-7.175 8.719a1.5 1.5 0 0 0 .166 2.918c1.41.244 2.837.365 4.267.363 3.823 0 8.078-.858 11.018-3.324C19.748 16.354 21 13.434 21 9.75a6.007 6.007 0 0 0-5.318-5.96M18 8.905l-2.664-1.328a.75.75 0 0 0-.671 0L12 8.906l-1.253-.626a4.5 4.5 0 0 1 8.507 0z"})});export{e as default};

package/lib/assets/icons/Phone.js

@@ -0,0 +1 @@
+import{jsx as t}from"react/jsx-runtime";import"react";let a=a=>t("svg",{xmlns:"http://www.w3.org/2000/svg",width:24,height:24,viewBox:"0 0 24 24",...a,children:t("path",{d:"m20.847 14.856-4.416-1.98-.013-.005a1.5 1.5 0 0 0-1.492.184L12.644 15c-1.446-.702-2.938-2.183-3.64-3.61l1.948-2.317.053-.072a1.5 1.5 0 0 0 .124-1.412v-.011L9.144 3.154a1.5 1.5 0 0 0-1.558-.893A5.274 5.274 0 0 0 3 7.5C3 14.944 9.056 21 16.5 21a5.274 5.274 0 0 0 5.239-4.586 1.5 1.5 0 0 0-.892-1.558M16.5 19.5a12.013 12.013 0 0 1-12-12 3.77 3.77 0 0 1 3.27-3.75v.011l1.968 4.406-1.938 2.32-.053.072a1.5 1.5 0 0 0-.094 1.472c.85 1.737 2.6 3.474 4.355 4.323a1.5 1.5 0 0 0 1.477-.107l.07-.053 2.278-1.944 4.407 1.973h.01A3.77 3.77 0 0 1 16.5 19.5"})});export{a as default};

package/lib/assets/icons/SealCheck.js

@@ -0,0 +1 @@
+import{jsx as s}from"react/jsx-runtime";import"react";let t=t=>s("svg",{xmlns:"http://www.w3.org/2000/svg",width:24,height:24,viewBox:"0 0 24 24",...t,children:s("path",{d:"M21.174 9.64c-.353-.37-.719-.75-.857-1.085-.127-.307-.134-.815-.142-1.307-.014-.915-.03-1.952-.75-2.673-.72-.72-1.758-.736-2.673-.75-.492-.008-1-.015-1.307-.143-.333-.137-.715-.503-1.084-.856C13.714 2.204 12.979 1.5 12 1.5s-1.713.704-2.36 1.326c-.37.353-.75.719-1.085.857-.305.127-.815.135-1.307.142-.915.014-1.952.03-2.673.75-.72.72-.731 1.758-.75 2.673-.008.492-.015 1-.143 1.307-.137.333-.503.715-.856 1.084C2.204 10.286 1.5 11.021 1.5 12s.704 1.713 1.326 2.36c.353.37.719.75.857 1.085.127.307.135.815.142 1.307.014.915.03 1.952.75 2.673.72.72 1.758.736 2.673.75.492.008 1 .015 1.307.142.333.138.715.504 1.084.857.647.622 1.382 1.326 2.361 1.326s1.713-.704 2.36-1.326c.37-.353.75-.719 1.085-.857.307-.127.815-.134 1.307-.142.915-.014 1.952-.03 2.673-.75.72-.72.736-1.758.75-2.673.008-.492.015-1 .142-1.307.138-.333.504-.715.857-1.084.622-.647 1.326-1.382 1.326-2.361s-.704-1.713-1.326-2.36m-1.082 3.683c-.45.469-.915.953-1.161 1.549-.236.571-.247 1.225-.256 1.858-.01.656-.02 1.343-.311 1.634-.292.29-.974.302-1.634.311-.633.01-1.287.02-1.858.256-.596.246-1.08.711-1.55 1.16-.468.45-.947.909-1.322.909s-.858-.461-1.323-.908c-.465-.448-.953-.915-1.549-1.161-.571-.236-1.225-.247-1.858-.256-.656-.01-1.343-.02-1.634-.311-.29-.292-.302-.974-.311-1.634-.01-.633-.02-1.287-.256-1.858-.247-.596-.711-1.08-1.16-1.55C3.458 12.855 3 12.376 3 12s.461-.858.908-1.323c.448-.465.914-.953 1.161-1.549.236-.571.247-1.225.256-1.858.01-.656.02-1.343.311-1.634.292-.29.974-.302 1.634-.311.633-.01 1.287-.02 1.858-.256.596-.247 1.08-.711 1.55-1.16C11.145 3.458 11.624 3 12 3s.858.461 1.323.908c.465.448.953.914 1.549 1.161.571.236 1.225.247 1.858.256.656.01 1.343.02 1.634.311.29.292.302.974.311 1.634.01.633.02 1.287.256 1.858.246.596.711 1.08 1.16 1.55.45.468.909.947.909 1.322s-.461.858-.908 1.323M16.28 9.219a.75.75 0 0 1 0 1.062l-5.25 5.25a.747.747 0 0 1-1.062 0l-2.25-2.25a.75.75 0 1 1 1.062-1.062l1.719 1.72 4.72-4.72a.75.75 0 0 1 1.06 0"})});export{t as default};

package/lib/assets/icons/SealWarning.js

@@ -0,0 +1 @@
+import{jsx as s}from"react/jsx-runtime";import"react";let t=t=>s("svg",{xmlns:"http://www.w3.org/2000/svg",width:24,height:24,viewBox:"0 0 24 24",...t,children:s("path",{d:"M21.174 9.64c-.353-.37-.719-.75-.857-1.085-.127-.307-.134-.815-.142-1.307-.014-.915-.03-1.952-.75-2.673-.72-.72-1.758-.736-2.673-.75-.492-.008-1-.015-1.307-.143-.333-.137-.715-.503-1.084-.856C13.714 2.204 12.979 1.5 12 1.5s-1.713.704-2.36 1.326c-.37.353-.75.719-1.085.857-.305.127-.815.135-1.307.142-.915.014-1.952.03-2.673.75-.72.72-.731 1.758-.75 2.673-.008.492-.015 1-.143 1.307-.137.333-.503.715-.856 1.084C2.204 10.286 1.5 11.021 1.5 12s.704 1.713 1.326 2.36c.353.37.719.75.857 1.085.127.307.135.815.142 1.307.014.915.03 1.952.75 2.673.72.72 1.758.736 2.673.75.492.008 1 .015 1.307.142.333.138.715.504 1.084.857.647.622 1.382 1.326 2.361 1.326s1.713-.704 2.36-1.326c.37-.353.75-.719 1.085-.857.307-.127.815-.134 1.307-.142.915-.014 1.952-.03 2.673-.75.72-.72.736-1.758.75-2.673.008-.492.015-1 .142-1.307.138-.333.504-.715.857-1.084.622-.647 1.326-1.382 1.326-2.361s-.704-1.713-1.326-2.36m-1.082 3.683c-.45.469-.915.953-1.161 1.549-.236.571-.247 1.225-.256 1.858-.01.656-.02 1.343-.311 1.634-.292.29-.974.302-1.634.311-.633.01-1.287.02-1.858.256-.596.246-1.08.711-1.55 1.16-.468.45-.947.909-1.322.909s-.858-.461-1.323-.908c-.465-.448-.953-.915-1.549-1.161-.571-.236-1.225-.247-1.858-.256-.656-.01-1.343-.02-1.634-.311-.29-.292-.302-.974-.311-1.634-.01-.633-.02-1.287-.256-1.858-.247-.596-.711-1.08-1.16-1.55C3.458 12.855 3 12.376 3 12s.461-.858.908-1.323c.448-.465.914-.953 1.161-1.549.236-.571.247-1.225.256-1.858.01-.656.02-1.343.311-1.634.292-.29.974-.302 1.634-.311.633-.01 1.287-.02 1.858-.256.596-.247 1.08-.711 1.55-1.16C11.145 3.458 11.624 3 12 3s.858.461 1.323.908c.465.448.953.914 1.549 1.161.571.236 1.225.247 1.858.256.656.01 1.343.02 1.634.311.29.292.302.974.311 1.634.01.633.02 1.287.256 1.858.246.596.711 1.08 1.16 1.55.45.468.909.947.909 1.322s-.461.858-.908 1.323m-8.842-.573V7.5a.75.75 0 1 1 1.5 0v5.25a.75.75 0 1 1-1.5 0m1.875 3.375a1.125 1.125 0 1 1-2.25 0 1.125 1.125 0 0 1 2.25 0"})});export{t as default};

package/lib/assets/icons/SlidersHorizontal.js

@@ -0,0 +1 @@
+import{jsx as a}from"react/jsx-runtime";import"react";let t=t=>a("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",...t,children:a("path",{d:"M3.75 8.25h3.094a3 3 0 0 0 5.812 0h7.594a.75.75 0 1 0 0-1.5h-7.594a3 3 0 0 0-5.812 0H3.75a.75.75 0 0 0 0 1.5m6-2.25a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3m10.5 9.75h-1.594a3 3 0 0 0-5.812 0H3.75a.75.75 0 1 0 0 1.5h9.094a3 3 0 0 0 5.812 0h1.594a.75.75 0 1 0 0-1.5M15.75 18a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3"})});export{t as default};

package/lib/assets/icons/Star-fill.js

@@ -0,0 +1 @@
+import{jsx as a}from"react/jsx-runtime";import"react";let l=l=>a("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",...l,children:a("path",{d:"M11.557 1.066a.48.48 0 0 1 .886 0l2.619 6.295a.48.48 0 0 0 .404.294l6.796.545a.48.48 0 0 1 .274.843l-5.178 4.435a.48.48 0 0 0-.154.476l1.582 6.632a.48.48 0 0 1-.717.52l-5.819-3.553a.48.48 0 0 0-.5 0l-5.82 3.554a.48.48 0 0 1-.717-.521l1.582-6.632a.48.48 0 0 0-.154-.476L1.464 9.043a.48.48 0 0 1 .274-.843l6.796-.545a.48.48 0 0 0 .405-.294z"})});export{l as default};

package/lib/assets/icons/TikTok.js

@@ -0,0 +1 @@
+import{jsx as a}from"react/jsx-runtime";import"react";let t=t=>a("svg",{xmlns:"http://www.w3.org/2000/svg",width:24,height:24,viewBox:"0 0 24 24",...t,children:a("path",{d:"M21 6.75a4.505 4.505 0 0 1-4.5-4.5.75.75 0 0 0-.75-.75H12a.75.75 0 0 0-.75.75v12.375a1.875 1.875 0 1 1-2.678-1.695.75.75 0 0 0 .428-.678V8.25a.75.75 0 0 0-.881-.739c-3.346.596-5.869 3.655-5.869 7.114a7.125 7.125 0 1 0 14.25 0v-3.723A9.7 9.7 0 0 0 21 12a.75.75 0 0 0 .75-.75V7.5a.75.75 0 0 0-.75-.75m-.75 3.716a8.2 8.2 0 0 1-4.062-1.514.75.75 0 0 0-1.188.61v5.063a5.625 5.625 0 1 1-11.25 0c0-2.428 1.56-4.606 3.75-5.4v2.594a3.374 3.374 0 1 0 5.25 2.806V3h2.297a6.01 6.01 0 0 0 5.203 5.203z"})});export{t as default};

package/lib/assets/icons/TrafficSign.js

@@ -0,0 +1 @@
+import{jsx as a,jsxs as i}from"react/jsx-runtime";import"react";let l=l=>i("svg",{xmlns:"http://www.w3.org/2000/svg",width:24,height:24,viewBox:"0 0 24 24",...l,children:[a("g",{clipPath:"url(#TrafficSign_svg__a)",children:a("path",{d:"m22.795 10.902-9.697-9.697a1.553 1.553 0 0 0-2.196 0l-9.697 9.697a1.55 1.55 0 0 0 0 2.196l9.697 9.697a1.554 1.554 0 0 0 2.196 0l9.697-9.697a1.553 1.553 0 0 0 0-2.196m-1.06 1.135-9.697 9.698a.055.055 0 0 1-.075 0l-9.698-9.698a.053.053 0 0 1 0-.074l9.698-9.698a.054.054 0 0 1 .075 0l9.697 9.698a.053.053 0 0 1 0 .074m-5.454-1.313a.75.75 0 0 1 0 1.061l-2.25 2.25a.75.75 0 0 1-1.062-1.06l.97-.975H10.5A1.5 1.5 0 0 0 9 13.5v.75a.75.75 0 1 1-1.5 0v-.75a3 3 0 0 1 3-3h3.44l-.97-.97a.75.75 0 0 1 1.06-1.06z"})}),a("defs",{children:a("clipPath",{id:"TrafficSign_svg__a",children:a("path",{d:"M0 0h24v24H0z"})})})]});export{l as default};

package/lib/assets/icons/WarningCircle-fill.js

@@ -0,0 +1 @@
+import{jsx as t}from"react/jsx-runtime";import"react";let r=r=>t("svg",{xmlns:"http://www.w3.org/2000/svg",width:24,height:24,viewBox:"0 0 24 24",...r,children:t("path",{d:"M12 2.25A9.75 9.75 0 1 0 21.75 12 9.76 9.76 0 0 0 12 2.25m-.75 5.25a.75.75 0 1 1 1.5 0v5.25a.75.75 0 1 1-1.5 0zm.75 9.75A1.125 1.125 0 1 1 12 15a1.125 1.125 0 0 1 0 2.25"})});export{r as default};

package/lib/assets/icons/WarningTriangle-fill.js

@@ -0,0 +1 @@
+import{jsx as a}from"react/jsx-runtime";import"react";let t=t=>a("svg",{xmlns:"http://www.w3.org/2000/svg",width:24,height:24,viewBox:"0 0 24 24",...t,children:a("path",{d:"M22.2 17.633 14.002 3.396a2.322 2.322 0 0 0-4.004 0L1.8 17.633a2.2 2.2 0 0 0 0 2.224A2.28 2.28 0 0 0 3.802 21h16.397a2.28 2.28 0 0 0 2-1.143 2.2 2.2 0 0 0 .001-2.224M11.25 9.75a.75.75 0 1 1 1.5 0v3.75a.75.75 0 1 1-1.5 0zM12 18a1.125 1.125 0 1 1 0-2.25A1.125 1.125 0 0 1 12 18"})});export{t as default};

package/lib/assets/icons/X.js

@@ -0,0 +1 @@
+import{jsx as t}from"react/jsx-runtime";import"react";let a=a=>t("svg",{xmlns:"http://www.w3.org/2000/svg",width:24,height:24,viewBox:"0 0 24 24",...a,children:t("path",{d:"M17.53 7.53a.75.75 0 0 0-1.06-1.06L12 10.94 7.53 6.47a.75.75 0 0 0-1.06 1.06L10.94 12l-4.47 4.47a.75.75 0 1 0 1.06 1.06L12 13.06l4.47 4.47a.75.75 0 1 0 1.06-1.06L13.06 12z"})});export{a as default};

package/lib/assets/icons/XCircle-fill.js

@@ -0,0 +1 @@
+import{jsx as t}from"react/jsx-runtime";import"react";let e=e=>t("svg",{xmlns:"http://www.w3.org/2000/svg",width:24,height:24,viewBox:"0 0 24 24",...e,children:t("path",{d:"M12 2.25A9.75 9.75 0 1 0 21.75 12 9.76 9.76 0 0 0 12 2.25m3.53 12.22a.75.75 0 1 1-1.06 1.06L12 13.06l-2.47 2.47a.75.75 0 1 1-1.06-1.06L10.94 12 8.47 9.53a.75.75 0 0 1 1.06-1.06L12 10.94l2.47-2.47a.751.751 0 0 1 1.06 1.06L13.06 12z"})});export{e as default};

package/lib/assets/styles/fonts.css

@@ -0,0 +1 @@
+@font-face{font-family:Author;src:url(../../assets/fonts/author-bold.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Golos UI;src:url(../../assets/fonts/golos-ui-medium.woff2)format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Golos UI;src:url(../../assets/fonts/golos-ui-regular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}

package/lib/assets/styles/tokens.css

@@ -1 +1 @@
-:root{--box-shadow-1:0px 1px 0px 0px #11111a1a;--box-shadow-2:0px 1px 0px #11111a0d,0px 0px 8px #11111a1a;--opacity-disabled:.38;--color-theme-core-bright:#317c6c;--color-theme-core-dark:#b80f0f;--color-system-content-primary:#0e0e0e;--color-system-content-secondary:#474747;--color-system-content-tertiary:#767676;--radius-radii-10:.625rem;--radius-radii-16:1rem;--radius-radii-24:1.5rem;--radius-large-container:1rem;--radius-chip:.5rem;--radius-medium-container:.75rem;--spacing-size-4:.25rem;--spacing-size-154:9.625rem;--spacing-size-0:0;--padding-x-small:.5rem;--padding-small:1rem;--padding-medium:1.5rem;--padding-large:2rem;--size-x-small:1.5rem;--size-medium:2.5rem;--size-large:3rem;--size-x-large:3.5rem;--size-small:2rem;--size-2x-large:4.5rem;--size-2x-small:1rem;--spacing-column-gap-cards:.75rem;--spacing-column-gap-chips:.5rem;--spacing-column-margin-screen-mobile:1.5rem}
+:root{--spacing-size-4:.25rem;--spacing-size-8:.5rem;--spacing-size-12:.75rem;--spacing-size-16:1rem;--spacing-size-24:1.5rem;--spacing-size-32:2rem;--spacing-size-40:2.5rem;--spacing-size-48:3rem;--spacing-size-56:3.5rem;--spacing-size-64:4rem;--spacing-size-72:4.5rem;--spacing-size-80:5rem;--spacing-size-88:5.5rem;--spacing-size-96:6rem;--spacing-size-104:6.5rem;--spacing-size-112:7rem;--spacing-size-120:7.5rem;--spacing-size-128:8rem;--radius-radii-10:.625rem;--radius-radii-16:1rem;--radius-radii-24:1.5rem;--radius-radii-full:62.5rem;--radius-radii-32:2rem;--radius-radii-40:2.5rem;--radius-radii-64:4rem;--spacing-size-146:9.125rem;--spacing-size-154:9.625rem;--radius-radii-8:.5rem;--spacing-size-0:0rem;--radius-radii-4:.25rem;--radius-radii-12:.75rem;--spacing-size-2:.125rem;--spacing-size-6:.375rem;--color-content-primary:#202020;--color-content-secondary:#646464;--color-content-tertiary:gray;--color-content-link:#202020;--color-content-link-hover:#000;--color-content-link-active:#202020;--color-interactive-primary:#646464;--color-interactive-primary-hover:#202020;--color-interactive-primary-active:#646464;--color-interactive-secondary:#000;--color-interactive-secondary-active:#000;--color-interactive-secondary-hover:#000;--color-interactive-accent:#202020;--color-interactive-accent-hover:#000;--color-interactive-accent-active:#202020;--color-interactive-control:#fff;--color-interactive-control-hover:#fff;--color-interactive-control-active:#fff;--color-interactive-contrast:#202020;--color-interactive-contrast-hover:#646464;--color-interactive-contrast-active:gray;--color-border-neutral:#000;--color-border-overlay:#000;--color-background-screen:#fdfdf9;--color-background-screen-hover:#000;--color-background-screen-active:#000;--color-background-elevated:#fdfdf9;--color-background-neutral:#000;--color-background-neutral-hover:#000;--color-background-neutral-active:#000;--color-background-overlay:#000;--color-sentiment-negative-primary:#c62a2f;--color-color-contrast:#fff;--color-color-light:#fff;--color-color-dark:#202020;--color-color-contrast-overlay:#fff;--color-color-contrast-theme:#202020;--color-background-input-primary:#fff;--typescale-display-font-primary:"Author";--typescale-display-font-secondary:"Golos UI";--typescale-display-large-font-size:6rem;--typescale-display-large-line-height:5.125rem;--typescale-display-large-letter-spacing:0rem;--typescale-display-medium-font-size:4rem;--typescale-display-medium-line-height:3.375rem;--typescale-display-medium-letter-spacing:0rem;--typescale-display-small-font-size:2.5rem;--typescale-display-small-line-height:2.125rem;--typescale-display-small-letter-spacing:0rem;--typescale-title-screen-font-size:2.5rem;--typescale-title-screen-line-height:2.125rem;--typescale-title-screen-letter-spacing:0rem;--typescale-title-screen-paragraph-spacing:.5rem;--typescale-title-section-font-size:1.75rem;--typescale-title-section-line-height:2.25rem;--typescale-title-section-letter-spacing:0rem;--typescale-title-section-paragraph-spacing:.5rem;--typescale-title-subsection-font-size:1.25rem;--typescale-title-subsection-line-height:1.75rem;--typescale-title-subsection-letter-spacing:0rem;--typescale-title-subsection-paragraph-spacing:.5rem;--typescale-title-body-font-size:1.125rem;--typescale-title-body-line-height:1.5rem;--typescale-title-body-letter-spacing:0rem;--typescale-title-body-paragraph-spacing:.5rem;--typescale-title-group-font-size:1.125rem;--typescale-title-group-line-height:1.625rem;--typescale-title-group-letter-spacing:0rem;--typescale-title-group-paragraph-spacing:.5rem;--typescale-body-large-font-size:1rem;--typescale-body-large-line-height:1.5rem;--typescale-body-large-letter-spacing:0rem;--typescale-body-large-paragraph-spacing:.5rem;--typescale-body-large-emphasis-font-size:1rem;--typescale-body-large-emphasis-line-height:1.5rem;--typescale-body-large-emphasis-letter-spacing:0rem;--typescale-body-large-emphasis-paragraph-spacing:.5rem;--typescale-body-default-font-size:.875rem;--typescale-body-default-line-height:1.25rem;--typescale-body-default-letter-spacing:0rem;--typescale-body-default-paragraph-spacing:.5rem;--typescale-body-default-emphasis-font-size:.875rem;--typescale-body-default-emphasis-line-height:1.25rem;--typescale-body-default-emphasis-letter-spacing:0rem;--typescale-body-default-emphasis-paragraph-spacing:.5rem;--typescale-body-small-font-size:.75rem;--typescale-body-small-line-height:1rem;--typescale-body-small-letter-spacing:0rem;--typescale-body-small-paragraph-spacing:.5rem;--typescale-body-small-emphasis-font-size:.75rem;--typescale-body-small-emphasis-line-height:1rem;--typescale-body-small-emphasis-letter-spacing:0rem;--typescale-body-small-emphasis-paragraph-spacing:.5rem;--typescale-link-large-font-size:1rem;--typescale-link-large-line-height:1.5rem;--typescale-link-large-letter-spacing:0rem;--typescale-link-large-paragraph-spacing:.5rem;--typescale-link-default-font-size:.875rem;--typescale-link-default-line-height:1.375rem;--typescale-link-default-letter-spacing:0rem;--typescale-link-default-paragraph-spacing:.5rem;--typescale-text-field-font-size:1rem;--typescale-text-field-line-height:1.25rem;--typescale-text-field-letter-spacing:0rem;--typescale-text-field-paragraph-spacing:.5rem;--color-sentiment-negative-primary-hover:#641723;--color-sentiment-negative-primary-active:#c62a2f;--color-black:#000;--color-white:#fff;--typescale-link-small-font-size:.75rem;--typescale-link-small-line-height:1rem;--typescale-link-small-letter-spacing:0rem;--typescale-link-small-paragraph-spacing:.5rem;--typescale-body-x-large-font-size:1.125rem;--typescale-body-x-large-line-height:1.625rem;--typescale-body-x-large-letter-spacing:0rem;--typescale-body-x-large-paragraph-spacing:.5rem;--typescale-body-x-large-emphasis-font-size:1.125rem;--typescale-body-x-large-emphasis-line-height:1.625rem;--typescale-body-x-large-emphasis-letter-spacing:0rem;--typescale-body-x-large-emphasis-paragraph-spacing:.5rem;--color-background-input-secondary:#000;--color-sentiment-negative-secondary:#ffe5e5;--color-sentiment-negative-secondary-hover:#fdd8d8;--color-sentiment-negative-secondary-active:#f9c6c6;--color-sentiment-positive-primary:#18794e;--color-sentiment-positive-primary-hover:#193b2d;--color-sentiment-positive-primary-active:#18794e;--color-sentiment-positive-secondary:#ddf3e4;--color-sentiment-positive-secondary-hover:#ccebd7;--color-sentiment-positive-secondary-active:#b4dfc4;--color-sentiment-warning-primary:#fbe32d;--color-sentiment-warning-primary-hover:#f9da10;--color-sentiment-warning-primary-active:#fbe32d;--color-sentiment-warning-secondary:#fcf3af;--color-sentiment-warning-secondary-hover:#f7ea9b;--color-sentiment-warning-secondary-active:#ecdd85;--color-sentiment-warning-content:#775f28;--color-sentiment-warning-content-hover:#473b1f;--color-sentiment-warning-content-active:#775f28;--color-sentiment-informative-primary:#0880ea;--color-sentiment-informative-primary-hover:#0b68cb;--color-sentiment-informative-primary-active:#0880ea;--color-sentiment-informative-secondary:#e1f0ff;--color-sentiment-informative-secondary-hover:#cee7fe;--color-sentiment-informative-secondary-active:#b7d9f8;--color-fixed-elevated-light:#fff;--color-fixed-elevated-light-hover:#fff;--color-fixed-elevated-light-active:#fff;--color-fixed-elevated-dark:#000;--color-fixed-elevated-dark-hover:#000;--color-fixed-elevated-dark-active:#000;--box-shadow-1:0px 1px 0px 0px #11111a1a;--box-shadow-2:0px 1px 0px #11111a0d,0px 0px 8px #11111a1a;--box-shadow-3:0px 0px 16px 0px #11111a1a;--box-shadow-4:0px 8px 32px 0px #11111a0d,0px 4px 16px 0px #11111a0d;--box-shadow-5:0px 8px 32px 0px #11111a0d,0px 4px 16px 0px #11111a1a;--box-shadow-6:0px 16px 48px 0px #11111a1a,0px 8px 24px 0px #11111a1a,0px 1px 0px 0px #11111a1a;--box-shadow-7:0px 16px 56px 0px #11111a1a,0px 8px 24px 0px #11111a1a,0px 4px 16px 0px #11111a1a;--box-shadow-8:0px 24px 80px 0px #11111a1a,0px 16px 56px 0px #11111a1a,0px 8px 24px 0px #11111a1a}

package/lib/components/avatar/avatar.d.ts

@@ -0,0 +1,13 @@
+import { HTMLAttributes } from "react";
+export declare function getInitials(name?: string): string;
+type AvatarSize = "small" | "medium" | "large";
+type AvatarShape = "circle" | "rounded" | "map";
+export interface AvatarProps extends HTMLAttributes<HTMLDivElement> {
+    src?: string;
+    alt?: string;
+    name?: string;
+    size?: AvatarSize;
+    shape?: AvatarShape;
+}
+export declare function Avatar({ src, alt, name, size, shape, className, ...rest }: AvatarProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/lib/components/avatar/avatar.js

@@ -0,0 +1 @@
+import{jsx as e}from"react/jsx-runtime";import{useState as t}from"react";import r from"./avatar.styles.module.js";function a(e){if(!e)return"";let t=e.trim().replace(/\s+/g," "),r=t.includes(" ")?t.split(" "):t.split(/(?=[A-Z])/);return 0===(r=r.filter(Boolean)).length?"":1===r.length?r[0].substring(0,2).toUpperCase():(r[0][0]+r[r.length-1][0]).toUpperCase()}function l({src:l,alt:i,name:o,size:n="medium",shape:s="circle",className:m,...c}){let[d,g]=t(!1);return e("div",{className:[r.root,r[n],r[s],m].filter(Boolean).join(" "),"aria-label":i||o,role:"img",...c,children:o?e("span",{className:r.text,children:a(o)}):e("img",{src:l,alt:i,className:`${r.img} ${d?r.loaded:""}`,draggable:!1,loading:"lazy",decoding:"async",onLoad:()=>g(!0)})})}export{l as Avatar,a as getInitials};

package/lib/components/avatar/avatar.styles.module.js

@@ -0,0 +1 @@
+import"./avatar.styles_module.css";let e={root:"root-z1zGW9",circle:"circle-_D9Cad",rounded:"rounded-A84AyB",large:"large-fhVn0F",medium:"medium-uo9z2T",small:"small-UDXZu6",img:"img-u6Ny24",loaded:"loaded-oROsLo",map:"map-gwcJ1m",text:"text-sZ9yIf"};export{e as default};

package/lib/components/avatar/avatar.styles_module.css

@@ -0,0 +1 @@
+.root-z1zGW9{display:inline-flex;position:relative;overflow:hidden}.circle-_D9Cad{border-radius:50%}.rounded-A84AyB{border-radius:.25rem}.large-fhVn0F{width:2.5rem;height:2.5rem}.medium-uo9z2T{width:2.3rem;height:2.3rem}.small-UDXZu6{width:2rem;height:2rem}.img-u6Ny24{object-fit:cover;z-index:1;opacity:0;width:100%;height:100%;transition:opacity .2s;position:relative}.loaded-oROsLo{opacity:1}.map-gwcJ1m:before{content:"";z-index:0;background:currentColor;position:absolute;inset:0;mask:url("data:image/svg+xml;utf8,<svg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 34 42%27><path d=%27M32 16.5c0 13.5-15 24-15 24S2 30 2 16.5a15 15 0 0 1 30 0Z%27 fill=%27%23fff%27/></svg>") 50%/contain no-repeat}.map-gwcJ1m .img-u6Ny24{border-radius:50%;width:60%;height:60%;position:absolute;top:4px;left:50%;transform:translate(-50%)}.text-sZ9yIf{width:100%;height:100%;padding:var(--spacing-size-4,.25rem);color:#fff;background:var(--color-background-neutral,#ccc);font-family:var(--typescale-display-font-secondary,"Golos UI");font-size:var(--typescale-body-default-emphasis-font-size,.875rem);font-weight:500;line-height:var(--typescale-body-default-emphasis-line-height,1.25rem);letter-spacing:var(--typescale-body-default-emphasis-letter-spacing,0);justify-content:center;align-items:center;display:flex}

package/lib/components/badge/badge.d.ts

@@ -1,5 +1,10 @@
-import type { HTMLAttributes, ReactNode } from "react";
+import type { HTMLAttributes } from "react";
+import { IconName } from "../icon/icon";
+export type BadgeVariant = "default" | "new";
 export interface BadgeProps extends HTMLAttributes<HTMLSpanElement> {
-    children: ReactNode;
+    label?: string;
+    variant?: BadgeVariant;
+    icon?: IconName;
+    iconSize?: number;
 }
-export declare function Badge({ className, children, ...props }: BadgeProps): import("react/jsx-runtime").JSX.Element;
+export declare function Badge({ label, variant, icon, iconSize, className, ...props }: BadgeProps): import("react/jsx-runtime").JSX.Element;

package/lib/components/badge/badge.js

@@ -1 +1 @@
-import{jsx as e}from"react/jsx-runtime";import r from"./badge.styles.module.js";function t({className:t="",children:m,...a}){return e("span",{className:`${r.badge} ${t}`.trim(),...a,children:m})}export{t as Badge};
+import{jsx as e,jsxs as o}from"react/jsx-runtime";import{Icon as n}from"../icon/icon.js";import r from"./badge.styles.module.js";function i({label:i="",variant:t="default",icon:a,iconSize:m=12,className:l="",...s}){let c=!!a&&!i;return o("span",{className:[r.badge,r[t],c&&r.iconOnly,l].filter(Boolean).join(" "),...s,children:[a&&e(n,{name:a,size:m}),i]})}export{i as Badge};

package/lib/components/badge/badge.styles.module.js

@@ -1 +1 @@
-import"./badge.styles_module.css";let e={badge:"badge-AenA5o"};export{e as default};
+import"./badge.styles_module.css";let e={badge:"badge-G6TQ8i",iconOnly:"iconOnly-peTbUB",default:"default-G93_w6",new:"new-rJSGCc"};export{e as default};

package/lib/components/badge/badge.styles_module.css

@@ -1 +1 @@
-.badge-AenA5o{border-radius:.25rem}
+.badge-G6TQ8i{justify-content:center;align-items:center;gap:var(--spacing-size-4,.25rem);border-radius:var(--radius-radii-full,62.5rem);padding:var(--spacing-size-2,.125rem)var(--spacing-size-6,.375rem);font-family:var(--typescale-display-font-secondary,"Golos UI");font-size:var(--typescale-body-small-emphasis-font-size,.75rem);font-weight:500;line-height:var(--typescale-body-small-emphasis-line-height,1rem);letter-spacing:var(--typescale-body-small-emphasis-letter-spacing,-.0125rem);display:inline-flex}.iconOnly-peTbUB{padding:var(--spacing-size-4,.25rem)var(--spacing-size-6,.375rem)}.default-G93_w6{background:color-mix(in srgb,var(--color-background-neutral)6%,transparent);color:var(--color-content-secondary,#646464)}.new-rJSGCc{background:var(--color-sentiment-informative-secondary,#e1f0ff);color:var(--color-sentiment-informative-primary,#0880ea)}

package/lib/components/button/button.d.ts

@@ -1,9 +1,15 @@
-interface ButtonProps {
-    primary?: boolean;
-    backgroundColor?: string;
-    size?: "small" | "medium" | "large";
-    label: string;
-    onClick?: () => void;
+import type { ButtonHTMLAttributes } from "react";
+import { IconName } from "../icon/icon";
+type Variant = "filled" | "outlined" | "text" | "toned";
+type Size = "xSmall" | "small" | "medium" | "large";
+interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+    variant?: Variant;
+    size?: Size;
+    icon?: IconName;
+    iconPosition?: "left" | "right";
+    label?: string;
+    loading?: boolean;
+    disabled?: boolean;
 }
-export declare function Button({ primary, size, backgroundColor, label, ...props }: ButtonProps): import("react/jsx-runtime").JSX.Element;
+export declare function Button({ variant, size, icon, iconPosition, label, loading, disabled, className, ...props }: ButtonProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/lib/components/button/button.js

@@ -1 +1 @@
-import{jsx as t}from"react/jsx-runtime";import o from"./button.styles.module.js";function e({primary:e=!1,size:r="medium",backgroundColor:n,label:m,...u}){let i=e?o.primary:o.secondary;return t("button",{type:"button",className:[o.button,o[r],i].join(" "),style:{backgroundColor:n},...u,children:m})}export{e as Button};
+import{jsx as t,jsxs as o}from"react/jsx-runtime";import{Icon as i}from"../icon/icon.js";import e from"./button.styles.module.js";function n({variant:n="filled",size:r="large",icon:l,iconPosition:m="left",label:a,loading:c,disabled:u,className:d="",...s}){let f=!!l&&!a,g=f&&"large"===r?"medium":r;return o("button",{className:[e.button,e[n],e[g],f&&e.iconOnly,c&&e.loading,l&&e.icon,"right"===m&&e.directionRight,d].filter(Boolean).join(" "),disabled:u,...s,children:[l&&t(i,{name:l}),a]})}export{n as Button};

package/lib/components/button/button.styles.module.js

@@ -1 +1 @@
-import"./button.styles_module.css";let t={button:"button-dWV52U",primary:"primary-bbJ4Nd",secondary:"secondary-W91doR",small:"small-uxUptY",medium:"medium-iwhjuP",large:"large-N1qL9e"};export{t as default};
+import"./button.styles_module.css";let l={button:"button-es9ITD",loading:"loading-VKSpAI",icon:"icon-KwFnbg",directionRight:"directionRight-WAP5c6",filled:"filled-xa4u4J",outlined:"outlined-gCb7Hr",text:"text-s9AYuv",toned:"toned-wooKOh",small:"small-UmKEXc",medium:"medium-gHb8hS",large:"large-JwSUDq",iconOnly:"iconOnly-qeXgqW",xSmall:"xSmall-Z2xJog"};export{l as default};

package/lib/components/button/button.styles_module.css

@@ -1 +1 @@
-.button-dWV52U{cursor:pointer;border:0;border-radius:3em;font-weight:700;line-height:1;display:inline-block}.primary-bbJ4Nd{color:#fff;background-color:#1ea7fd}.secondary-W91doR{color:#333;background-color:#0000;box-shadow:inset 0 0 0 1px #00000026}.small-uxUptY{padding:10px 16px;font-size:12px}.medium-iwhjuP{padding:11px 20px;font-size:14px}.large-N1qL9e{padding:12px 24px;font-size:16px}
+.button-es9ITD{all:unset;cursor:pointer;justify-content:center;align-items:center;gap:var(--spacing-size-4,.25rem);border-radius:var(--radius-radii-12,.75rem);transition:outline .2s,background .2s,box-shadow .2s;display:inline-flex}.button-es9ITD:disabled,.button-es9ITD.loading-VKSpAI{opacity:.38;pointer-events:none}.button-es9ITD.icon-KwFnbg{padding-inline-start:var(--spacing-size-16,1rem)}.button-es9ITD.directionRight-WAP5c6{flex-direction:row-reverse;padding-inline-start:var(--spacing-size-24,1.5rem);padding-inline-end:var(--spacing-size-16,1rem)}.filled-xa4u4J{color:var(--color-interactive-control,#fff);background-image:url(../../static/image/noise.png);background-position:50%;background-repeat:no-repeat;background-color:var(--color-interactive-accent,#202020)}.filled-xa4u4J:hover{background-color:var(--color-interactive-accent-hover,#000)}.filled-xa4u4J:active{background-color:var(--color-interactive-accent-active,#202020)}.filled-xa4u4J:focus-visible{box-shadow:0 0 0 2px var(--color-background-screen,#fdfdf9),0 0 0 4px var(--color-content-primary,#202020)}.outlined-gCb7Hr{color:var(--color-interactive-primary,#646464);outline:1px solid color-mix(in srgb,var(--color-interactive-secondary,#0000002b)17%,transparent);outline-offset:-1px;background:0 0}.outlined-gCb7Hr:hover{background:color-mix(in srgb,var(--color-background-screen-hover,#0000000a)4%,transparent)}.outlined-gCb7Hr:active{background:color-mix(in srgb,var(--color-background-screen-active,#0000000a)4%,transparent)}.outlined-gCb7Hr:focus-visible{background:var(--color-background-screen,#fdfdf9);outline:2px solid var(--color-background-screen,#fdfdf9);box-shadow:0 0 0 4px var(--color-content-primary,#202020);outline-offset:0}.text-s9AYuv{color:var(--color-interactive-primary,#646464);background:0 0}.text-s9AYuv:hover,.text-s9AYuv:active{background:color-mix(in srgb,var(--color-background-screen-hover,#0000000a)4%,transparent)}.text-s9AYuv:focus-visible{background:var(--color-background-screen,#fdfdf9);box-shadow:0 0 0 2px var(--color-background-screen,#fdfdf9),0 0 0 4px var(--color-content-primary,#202020)}.toned-wooKOh{color:var(--color-interactive-primary,#646464);background:color-mix(in srgb,var(--color-background-neutral,#0000000a)4%,transparent)}.toned-wooKOh:hover{background:color-mix(in srgb,var(--color-background-neutral-hover,#00000014)8%,transparent)}.toned-wooKOh:active{background:color-mix(in srgb,var(--color-background-neutral-active,#00000014)8%,transparent)}.toned-wooKOh:focus-visible{background:color-mix(in srgb,var(--color-background-neutral,#0000000a)4%,transparent);box-shadow:0 0 0 2px var(--color-background-screen,#fdfdf9),0 0 0 4px var(--color-content-primary,#202020)}.small-UmKEXc{padding:var(--spacing-size-8,.5rem)var(--spacing-size-12,.75rem);font-family:var(--typescale-display-font-secondary,"Golos UI");font-size:var(--typescale-body-default-emphasis-font-size,.875rem);font-weight:500;line-height:var(--typescale-body-default-emphasis-line-height,1.25rem);letter-spacing:var(--typescale-body-default-emphasis-letter-spacing,0)}.medium-gHb8hS{padding:var(--spacing-size-8,.5rem)var(--spacing-size-16,1rem);font-family:var(--typescale-display-font-secondary,"Golos UI");font-size:var(--typescale-body-large-emphasis-font-size,1rem);font-weight:500;line-height:var(--typescale-body-large-emphasis-line-height,1.5rem);letter-spacing:var(--typescale-body-large-emphasis-letter-spacing,-.0125rem)}.large-JwSUDq{padding:var(--spacing-size-12,.75rem)var(--spacing-size-24,1.5rem);font-family:var(--typescale-display-font-secondary,"Golos UI");font-size:var(--typescale-body-x-large-emphasis-font-size,1.125rem);font-weight:500;line-height:var(--typescale-body-x-large-emphasis-line-height,1.625rem);letter-spacing:var(--typescale-body-x-large-emphasis-letter-spacing,-.0125rem)}.iconOnly-qeXgqW{border-radius:var(--radius-radii-full,62.5rem);padding:unset!important}.iconOnly-qeXgqW.xSmall-Z2xJog{width:1.5rem;height:1.5rem;padding:.3125rem}.iconOnly-qeXgqW.xSmall-Z2xJog svg{width:1rem;height:1rem}.iconOnly-qeXgqW.small-UmKEXc{width:2rem;height:2rem;padding:.3125rem}.iconOnly-qeXgqW.small-UmKEXc svg{width:1.125rem;height:1.125rem}.iconOnly-qeXgqW.medium-gHb8hS{width:2.5rem;height:2.5rem}.iconOnly-qeXgqW.medium-gHb8hS svg{width:1.5rem;height:1.5rem}

package/lib/components/button/noise.js

@@ -0,0 +1 @@
+import e from"../../static/image/noise.png";export{e as default};

package/lib/components/filter-chip/filter-chip.d.ts

@@ -0,0 +1,21 @@
+import { IconName } from "../icon/icon";
+import { BadgeProps } from "../badge/badge";
+type Mode = "single" | "multiple";
+type Size = "medium" | "small";
+interface Option {
+    value: string;
+    label: string;
+    icon?: IconName;
+    badge?: BadgeProps;
+    disabled?: boolean;
+}
+interface FilterChipGroupProps {
+    options: Option[];
+    selected?: string[];
+    onChange?: (selected: string[]) => void;
+    mode?: Mode;
+    size?: Size;
+    className?: string;
+}
+export declare function FilterChipGroup({ options, selected, onChange, mode, size, className, }: FilterChipGroupProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/lib/components/filter-chip/filter-chip.js

@@ -0,0 +1 @@
+import{jsx as e,jsxs as i}from"react/jsx-runtime";import{useState as o}from"react";import{Icon as r}from"../icon/icon.js";import{Badge as t}from"../badge/badge.js";import l from"./filter-chip.styles.module.js";function n({options:n,selected:a,onChange:c,mode:m="multiple",size:s="medium",className:d=""}){let p=void 0!==a,[u,f]=o([]),b=p?a:u;return e("div",{className:[l.root,d].filter(Boolean).join(" "),role:"single"===m?"radiogroup":"group",children:n.map(({value:o,label:n,icon:a,badge:d,disabled:u})=>{let g=b.includes(o),h=a||d;return i("button",{type:"button",role:"single"===m?"radio":"checkbox","aria-checked":g,"aria-disabled":u,disabled:u,onClick:()=>{let e;e="single"===m?[o]:b.includes(o)?b.filter(e=>e!==o):[...b,o],!p&&f(e),c?.(e)},className:[l.item,l[s],h?l.hasIcon:l.noIcon,g&&l.selected].filter(Boolean).join(" "),children:[d&&e(t,{...d}),a&&e(r,{name:a,size:24}),n]},o)})})}export{n as FilterChipGroup};

package/lib/components/filter-chip/filter-chip.styles.module.js

@@ -0,0 +1 @@
+import"./filter-chip.styles_module.css";let e={root:"root-bZAHVz",item:"item-FnWvLi",medium:"medium-GXg2BV",small:"small-qWB_1V",hasIcon:"hasIcon-oItd56",noIcon:"noIcon-GTXpa1",selected:"selected-d_wlZ5"};export{e as default};

package/lib/components/filter-chip/filter-chip.styles_module.css

@@ -0,0 +1 @@
+.root-bZAHVz{flex-wrap:wrap;gap:.5rem;display:flex}.item-FnWvLi{all:unset;cursor:pointer;justify-content:center;align-items:center;gap:var(--spacing-size-8,.5rem);border-radius:var(--radius-radii-full,62.5rem);border:1px solid color-mix(in srgb,var(--color-interactive-secondary)17%,transparent);color:var(--color-content-primary,#202020);outline-offset:-2px;padding-inline-end:var(--spacing-size-16,1rem);transition:outline .2s,border .2s,box-shadow .2s,background .2s;display:flex}.item-FnWvLi:hover{border:1px solid color-mix(in srgb,var(--color-interactive-secondary-hover)45%,transparent)}.item-FnWvLi:active{border:1px solid color-mix(in srgb,var(--color-interactive-secondary-active)88%,transparent)}.item-FnWvLi:focus-visible{background:var(--color-background-screen,#fdfdf9);box-shadow:0 0 0 2px var(--color-background-screen,#fdfdf9),0 0 0 4px var(--color-content-primary,#202020)}.item-FnWvLi:disabled{opacity:.38;pointer-events:none}.medium-GXg2BV{font-family:var(--typescale-display-font-secondary,"Golos UI");font-size:var(--typescale-body-large-font-size,1rem);font-weight:400;line-height:var(--typescale-body-large-line-height,1.5rem);letter-spacing:var(--typescale-body-large-letter-spacing,-.0125rem);padding-block:var(--spacing-size-8,.5rem)}.small-qWB_1V{font-family:var(--typescale-display-font-secondary,"Golos UI");font-size:var(--typescale-body-default-font-size,.875rem);font-weight:400;line-height:var(--typescale-body-default-line-height,1.25rem);letter-spacing:var(--typescale-body-default-letter-spacing,0);padding-block:var(--spacing-size-6,.375rem)}.hasIcon-oItd56{padding-inline-start:var(--spacing-size-12,.75rem)}.noIcon-GTXpa1{padding-inline-start:var(--spacing-size-16,1rem)}.selected-d_wlZ5{outline:2px solid color-mix(in srgb,var(--color-interactive-secondary-active)88%,transparent);background:color-mix(in srgb,var(--color-background-neutral)4%,transparent)}.selected-d_wlZ5:hover{background:color-mix(in srgb,var(--color-background-neutral-hover)8%,transparent)}.selected-d_wlZ5:active{background:color-mix(in srgb,var(--color-background-neutral-active)8%,transparent)}.selected-d_wlZ5:focus-visible{background:color-mix(in srgb,var(--color-background-neutral)4%,transparent)}

package/lib/components/icon/icon.d.ts

@@ -1,8 +1,35 @@
 import { SVGProps } from "react";
 export declare const Icons: {
-    readonly Bed: string;
-    readonly Building: string;
+    readonly CaretDown: string;
+    readonly CaretLeft: string;
+    readonly CaretRight: string;
+    readonly CaretUp: string;
+    readonly CheckboxChecked: string;
+    readonly "CheckCircle-fill": string;
+    readonly CheckCircle: string;
+    readonly Export: string;
+    readonly "Eye-fill": string;
+    readonly GlobeSimple: string;
+    readonly Info: string;
+    readonly Instagram: string;
+    readonly "List-bullet": string;
+    readonly MagnifyingGlass: string;
+    readonly Notches: string;
+    readonly "Pepper-fill": string;
+    readonly Phone: string;
     readonly Placeholder: string;
+    readonly SealCheck: string;
+    readonly SealWarning: string;
+    readonly TikTok: string;
+    readonly TrafficSign: string;
+    readonly "WarningCircle-fill": string;
+    readonly "WarningTriangle-fill": string;
+    readonly X: string;
+    readonly "XCircle-fill": string;
+    readonly ArrowUpRight: string;
+    readonly GoogleFill: string;
+    readonly SlidersHorizontal: string;
+    readonly StarFill: string;
 };
 export type IconName = keyof typeof Icons;
 export declare const iconNames: IconName[];
@@ -15,5 +42,9 @@ export interface IconProps extends SVGProps<SVGSVGElement> {
      * The size of the icon in pixels
      */
     size?: number;
+    /**
+     * The size of the icon in pixels
+     */
+    color?: string;
 }
 export declare function Icon({ name, size, color, ...rest }: IconProps): import("react/jsx-runtime").JSX.Element | null;

package/lib/components/icon/icon.js

@@ -1 +1 @@
-import{jsx as e}from"react/jsx-runtime";import o from"../../assets/icons/Bed.js";import s from"../../assets/icons/Building.js";import r from"../../assets/icons/Placeholder.js";let t={Bed:o,Building:s,Placeholder:r},i=Object.keys(t);function n({name:o,size:s=24,color:r,...i}){let n=t[o];return n?e(n,{width:s,height:s,fill:"currentColor",...i}):null}export{n as Icon,t as Icons,i as iconNames};
+import{jsx as s}from"react/jsx-runtime";import o from"../../assets/icons/CaretDown.js";import i from"../../assets/icons/CaretLeft.js";import r from"../../assets/icons/CaretRight.js";import e from"../../assets/icons/CaretUp.js";import t from"../../assets/icons/CheckboxChecked.js";import l from"../../assets/icons/CheckCircle-fill.js";import n from"../../assets/icons/CheckCircle.js";import a from"../../assets/icons/Export.js";import m from"../../assets/icons/Eye-fill.js";import c from"../../assets/icons/GlobeSimple.js";import f from"../../assets/icons/Info.js";import p from"../../assets/icons/Instagram.js";import j from"../../assets/icons/List-bullet.js";import C from"../../assets/icons/MagnifyingGlass.js";import g from"../../assets/icons/Notches.js";import h from"../../assets/icons/Pepper-fill.js";import k from"../../assets/icons/Phone.js";import S from"../../assets/icons/Placeholder.js";import T from"../../assets/icons/SealCheck.js";import b from"../../assets/icons/SealWarning.js";import d from"../../assets/icons/TikTok.js";import u from"../../assets/icons/TrafficSign.js";import x from"../../assets/icons/WarningCircle-fill.js";import G from"../../assets/icons/WarningTriangle-fill.js";import I from"../../assets/icons/X.js";import P from"../../assets/icons/XCircle-fill.js";import W from"../../assets/icons/ArrowUpRight.js";import w from"../../assets/icons/Google-fill.js";import y from"../../assets/icons/SlidersHorizontal.js";import E from"../../assets/icons/Star-fill.js";let L={CaretDown:o,CaretLeft:i,CaretRight:r,CaretUp:e,CheckboxChecked:t,"CheckCircle-fill":l,CheckCircle:n,Export:a,"Eye-fill":m,GlobeSimple:c,Info:f,Instagram:p,"List-bullet":j,MagnifyingGlass:C,Notches:g,"Pepper-fill":h,Phone:k,Placeholder:S,SealCheck:T,SealWarning:b,TikTok:d,TrafficSign:u,"WarningCircle-fill":x,"WarningTriangle-fill":G,X:I,"XCircle-fill":P,ArrowUpRight:W,GoogleFill:w,SlidersHorizontal:y,StarFill:E},R=Object.keys(L);function U({name:o,size:i=24,color:r="currentColor",...e}){let t=L[o];return t?s(t,{width:i,height:i,fill:r,...e}):null}export{U as Icon,L as Icons,R as iconNames};

package/lib/components/logo/logo.d.ts

@@ -0,0 +1,13 @@
+import { SVGProps } from "react";
+export type Variant = "wordmark" | "tileDark" | "tileLight";
+export type Color = "currentColor" | "dark" | "light";
+export interface LogoProps extends SVGProps<SVGSVGElement> {
+    size?: number;
+    variant?: Variant;
+    color?: string;
+    title?: string;
+}
+export declare function LogoWordMark({ className, size, color, title, ...rest }: LogoProps): import("react/jsx-runtime").JSX.Element;
+export declare function LogoTileDark({ className, size, color, title, ...rest }: LogoProps): import("react/jsx-runtime").JSX.Element;
+export declare function LogoTileLight({ className, size, color, title, ...rest }: LogoProps): import("react/jsx-runtime").JSX.Element;
+export declare const Logo: import("react").ForwardRefExoticComponent<Omit<LogoProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;

package/lib/components/logo/logo.js

@@ -0,0 +1 @@
+import{jsx as l,jsxs as i}from"react/jsx-runtime";import{forwardRef as h}from"react";function e({className:h="",size:e=40,color:r="currentColor",title:t="SATE",...d}){let o=d.id?`${d.id}-title`:void 0;return i("svg",{className:h,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 40 20",width:e,height:.5*e,fill:r,role:"img","aria-labelledby":t?o:void 0,"aria-hidden":!t||void 0,...d,children:[t&&l("title",{id:o,children:t}),l("path",{d:"M5.28 4c1.14 0 2.82.22 3.74.64l-.6 2.96c-.66-.4-2.12-.68-3.06-.68-1 0-1.52.18-1.52.7 0 1.36 5.68.42 5.68 4.7 0 2.44-1.86 3.96-5.14 3.96-1.5 0-2.92-.28-3.78-.7l.24-3.1c.74.48 2.32.88 3.64.88 1.1 0 1.64-.16 1.64-.74 0-1.44-5.68-.48-5.68-4.7C.44 5.56 2.32 4 5.28 4Zm16.797 12.08h-3.56l-.78-2.5h-3.66l-.78 2.5h-3.4l4.14-11.88h3.899l4.14 11.88Zm7.925-8.88h-3.06v8.88h-3.32V7.2h-3.18v-3h9.8l-.24 3Zm9.217-.04H34.5v1.5h3.84v2.88H34.5v1.58h5.061v2.96h-8.38V4.2h8.28l-.24 2.96Zm-23.362.4c-.1.52-.22 1-.4 1.56l-.58 1.84h2.04l-.56-1.84a12.8 12.8 0 0 1-.4-1.56h-.1Z"})]})}function r({className:h="",size:e=32,color:r,title:t="SATE",...d}){let o=d.id?`${d.id}-title`:void 0;return i("svg",{className:h,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32",width:e,height:e,role:"img","aria-labelledby":t?o:void 0,"aria-hidden":!t||void 0,...d,children:[t&&l("title",{id:o,children:t}),i("g",{clipPath:"url(#a)",children:[l("path",{fill:"#202020",d:"M0 0h32v32H0z"}),l("path",{fill:"#FDFDF9",d:"M13.587 20.106h-3.012v8.743H7.307v-8.743h-3.13v-2.952h9.646l-.236 2.952Zm13.203-.039h-4.646v1.477h3.78v2.835h-3.78v1.556h4.981v2.914h-8.249V17.154h8.15l-.236 2.913ZM9.354 2.957c1.123 0 2.777.216 3.682.63l-.59 2.913c-.65-.394-2.087-.669-3.012-.669-.984 0-1.496.177-1.496.689 0 1.338 5.59.413 5.59 4.627 0 2.401-1.83 3.898-5.06 3.898-1.476 0-2.873-.276-3.72-.69l.236-3.051c.729.472 2.284.866 3.583.866 1.083 0 1.615-.158 1.615-.729-.002-1.416-5.591-.472-5.591-4.626 0-2.323 1.85-3.858 4.763-3.858Zm19.641 11.892H25.49l-.767-2.461H21.12l-.768 2.46h-3.347L21.08 3.155h3.84l4.075 11.695ZM22.872 6.46c-.098.512-.216.985-.393 1.536l-.572 1.812h2.008l-.55-1.812a12.596 12.596 0 0 1-.394-1.536h-.099Z"})]}),l("defs",{children:l("clipPath",{id:"a",children:l("rect",{width:"32",height:"32",fill:"#fff",rx:"6"})})})]})}function t({className:h="",size:e=32,color:r,title:t="SATE",...d}){let o=d.id?`${d.id}-title`:void 0;return i("svg",{className:h,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32",width:e,height:e,role:"img","aria-labelledby":t?o:void 0,"aria-hidden":!t||void 0,...d,children:[t&&l("title",{id:o,children:t}),l("rect",{width:"32",height:"32",fill:"#FDFDF9",rx:"6"}),l("path",{fill:"#202020",d:"M13.587 20.106h-3.012v8.743H7.307v-8.743h-3.13v-2.952h9.646l-.236 2.952Zm13.203-.039h-4.646v1.477h3.78v2.835h-3.78v1.556h4.981v2.914h-8.249V17.154h8.15l-.236 2.913ZM9.354 2.957c1.123-.001 2.777.216 3.682.63l-.59 2.913c-.65-.394-2.087-.669-3.012-.669-.984 0-1.496.177-1.496.689 0 1.338 5.59.413 5.59 4.627 0 2.401-1.83 3.898-5.06 3.898-1.476 0-2.873-.276-3.72-.69l.236-3.051c.729.472 2.284.866 3.583.866 1.083 0 1.615-.158 1.615-.729-.002-1.416-5.591-.472-5.591-4.626 0-2.323 1.85-3.859 4.763-3.859Zm19.641 11.892H25.49l-.767-2.461H21.12l-.768 2.46h-3.347L21.08 3.155h3.84l4.075 11.695ZM22.872 6.46c-.098.512-.216.985-.393 1.536l-.572 1.812h2.008l-.55-1.812a12.596 12.596 0 0 1-.394-1.536h-.099Z"})]})}let d=h(function({size:i=40,color:h="currentColor",variant:d="wordmark",...o},a){return"tileLight"===d?l(t,{ref:a,size:i,...o}):"tileDark"===d?l(r,{ref:a,size:i,...o}):l(e,{ref:a,size:i,color:"dark"===h?"#202020":"light"===h?"#ffffff":"currentColor",...o})});export{d as Logo,r as LogoTileDark,t as LogoTileLight,e as LogoWordMark};

package/lib/components/menu-item/menu-item.d.ts

@@ -0,0 +1,15 @@
+import { BadgeProps } from "../badge/badge";
+interface Prices {
+    label?: string;
+    value: string;
+}
+export interface MenuItemProps {
+    active?: boolean;
+    photo?: boolean;
+    name: string;
+    description?: string;
+    badges?: BadgeProps[];
+    prices: Prices[];
+}
+export declare function MenuItem({ active, photo, name, description, badges, prices, }: MenuItemProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/lib/components/menu-item/menu-item.js

@@ -0,0 +1 @@
+import{jsx as e,jsxs as i}from"react/jsx-runtime";import{Icon as a}from"../icon/icon.js";import{Badge as r}from"../badge/badge.js";import c from"./menu-item.styles.module.js";function s({active:s,photo:n,name:l,description:m,badges:t,prices:o}){return i("div",{className:[c.root,s&&c.active].filter(Boolean).join(" "),children:[i("div",{className:c.content,children:[n&&e(a,{className:c.icon,name:"Eye-fill",size:12}),i("div",{className:c.header,children:[e("div",{className:c.name,children:l}),e("div",{className:c.badges,children:t?.map((i,a)=>e(r,{...i},`badge-${i.label??i.icon??a}-${a}`))}),e("span",{className:c.dots})]}),e("div",{className:c.description,children:m})]}),e("div",{className:c.prices,children:o?.map(({label:a,value:r},s)=>i("div",{className:c.priceItem,children:[a&&e("span",{className:c.priceLabel,children:a}),e("span",{className:c.priceValue,children:function(e){let i="string"==typeof e?parseFloat(e):e;return new Intl.NumberFormat("en-GB",{style:"currency",currency:"GBP",minimumFractionDigits:2}).format(i)}(r)})]},`price-${a??r}-${s}`))})]})}export{s as MenuItem};

package/lib/components/menu-item/menu-item.styles.module.js

@@ -0,0 +1 @@
+import"./menu-item.styles_module.css";let e={root:"root-OU4vuo",active:"active-bgNjyX",content:"content-L_0cDF",header:"header-NFqC3V",icon:"icon-lVXGvX",name:"name-yT0beM",badges:"badges-bCuROs",dots:"dots-gYGtaW",description:"description-PufOP1",prices:"prices-VZT3sQ",priceItem:"priceItem-ZvRinB",priceLabel:"priceLabel-Vzhr0C",priceValue:"priceValue-HaB4Kg"};export{e as default};

package/lib/components/menu-item/menu-item.styles_module.css

@@ -0,0 +1 @@
+.root-OU4vuo{border-radius:.5rem;align-items:flex-start;gap:.5rem;padding:4px 8px;transition:background-color .2s;display:flex}.active-bgNjyX{--active-color:color-mix(in srgb,var(--color-background-screen-active)4%,#0000000a);background-color:var(--active-color)}.content-L_0cDF{flex:1;padding-left:1.25rem;position:relative}.header-NFqC3V{align-items:center;gap:.5rem;display:flex}.icon-lVXGvX{position:absolute;top:.25rem;left:0}.name-yT0beM{font-family:var(--typescale-display-font-secondary,"Golos UI");font-size:var(--typescale-body-default-emphasis-font-size,.875rem);font-weight:500;line-height:var(--typescale-body-default-emphasis-line-height,1.25rem);letter-spacing:var(--typescale-body-default-emphasis-letter-spacing,0)}.badges-bCuROs{gap:.125rem;display:flex}.dots-gYGtaW{background-color:currentColor;flex-grow:1;align-self:flex-end;height:1px;margin-bottom:.38rem;mask:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27none%27 viewBox=%270 0 21 1%27%3E%3Cpath stroke=%27%23fff%27 stroke-dasharray=%270.2 4%27 stroke-linecap=%27round%27 d=%27M.5.5h20%27/%3E%3C/svg%3E") 50%/auto 100% repeat-x}.description-PufOP1{color:var(--color-content-secondary,#646464);font-family:var(--typescale-display-font-secondary,"Golos UI");font-size:var(--typescale-body-small-font-size,.75rem);font-weight:400;line-height:var(--typescale-body-small-line-height,1rem);letter-spacing:var(--typescale-body-small-letter-spacing,-.0125rem)}.prices-VZT3sQ{flex-direction:column;gap:.25rem;display:flex}.priceItem-ZvRinB{justify-content:space-between;display:flex}.priceLabel-Vzhr0C{color:var(--color-content-tertiary,gray);font-family:var(--typescale-display-font-secondary,"Golos UI");font-size:var(--typescale-body-default-font-size,.875rem);font-weight:400;line-height:var(--typescale-body-default-line-height,1.25rem);letter-spacing:var(--typescale-body-default-letter-spacing,0);padding-right:.5rem}.priceValue-HaB4Kg{color:var(--color-content-primary,#202020);font-family:var(--typescale-display-font-secondary,"Golos UI");font-size:var(--typescale-body-default-emphasis-font-size,.875rem);font-weight:500;line-height:var(--typescale-body-default-emphasis-line-height,1.25rem);letter-spacing:var(--typescale-body-default-emphasis-letter-spacing,0)}

package/lib/components/notification/notification.d.ts

@@ -0,0 +1,6 @@
+interface NotificationProps {
+    number: string;
+    className?: string;
+}
+export declare function Notification({ number, className }: NotificationProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/lib/components/notification/notification.js

@@ -0,0 +1 @@
+import{jsx as o}from"react/jsx-runtime";import t from"./notification.styles.module.js";function i({number:i,className:r=""}){return o("span",{className:[t.root,r].filter(Boolean).join(" "),children:i})}export{i as Notification};

package/lib/components/notification/notification.styles.module.js

@@ -0,0 +1 @@
+import"./notification.styles_module.css";let o={root:"root-rx1zRK"};export{o as default};

package/lib/components/notification/notification.styles_module.css

@@ -0,0 +1 @@
+.root-rx1zRK{border:2px solid var(--color-background-screen,#fdfdf9);background:var(--color-sentiment-negative-primary,#c62a2f);color:var(--color-interactive-control,#fff);font-family:var(--typescale-display-font-secondary,"Golos UI");font-size:var(--typescale-body-small-emphasis-font-size,.75rem);font-weight:500;line-height:var(--typescale-body-small-emphasis-line-height,1rem);letter-spacing:var(--typescale-body-small-emphasis-letter-spacing,-.0125rem);border-radius:62.5rem;flex-direction:column;justify-content:center;align-items:center;padding:0 .3125rem .0625rem;display:flex}

package/lib/components/progress-indicator/progress-indicator.d.ts

@@ -0,0 +1,6 @@
+export interface ProgressIndicatorProps {
+    size?: number;
+}
+export declare function ProgressIndicator({ size }: ProgressIndicatorProps, ref: React.ForwardedRef<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
+declare const _default: import("react").ForwardRefExoticComponent<ProgressIndicatorProps & import("react").RefAttributes<SVGSVGElement>>;
+export default _default;

package/lib/components/progress-indicator/progress-indicator.js

@@ -0,0 +1 @@
+import{jsx as o,jsxs as r}from"react/jsx-runtime";import{forwardRef as t,useId as s}from"react";import e from"./progress-indicator.styles.module.js";function c({size:t=32},c){let i=s();return r("svg",{ref:c,className:e.root,xmlns:"http://www.w3.org/2000/svg",width:t,height:t,viewBox:"0 0 200 200",children:[r("radialGradient",{id:i,cx:".66",fx:".66",cy:".3125",fy:".3125",gradientTransform:"scale(1.5)",children:[o("stop",{offset:"0",stopColor:"currentColor",stopOpacity:"0"}),o("stop",{offset:".3",stopColor:"currentColor",stopOpacity:".3"}),o("stop",{offset:".6",stopColor:"currentColor",stopOpacity:".6"}),o("stop",{offset:".8",stopColor:"currentColor",stopOpacity:".8"}),o("stop",{offset:"1",stopColor:"currentColor",stopOpacity:"1"})]}),o("circle",{fill:"none",stroke:`url(#${i})`,strokeWidth:"12",strokeLinecap:"round",strokeDasharray:"200 1000",strokeDashoffset:"0",cx:"100",cy:"100",r:"75"}),o("circle",{fill:"none",opacity:".2",stroke:"currentColor",strokeWidth:"12",strokeLinecap:"round",cx:"100",cy:"100",r:"75"})]})}let i=t(c);export{c as ProgressIndicator,i as default};

package/lib/components/progress-indicator/progress-indicator.styles.module.js

@@ -0,0 +1 @@
+import"./progress-indicator.styles_module.css";let o={root:"root-JKgS4J",rotation:"rotation-a0ZzHS"};export{o as default};

package/lib/components/progress-indicator/progress-indicator.styles_module.css

@@ -0,0 +1 @@
+.root-JKgS4J{animation:1s linear infinite rotation-a0ZzHS;display:inline-block}@keyframes rotation-a0ZzHS{0%{transform:rotate(0)}to{transform:rotate(360deg)}}

package/lib/components/search-input/search-input.d.ts

@@ -0,0 +1,14 @@
+import { InputHTMLAttributes } from "react";
+type Variant = "outlined" | "filled";
+type Size = "small" | "medium" | "large";
+interface SearchInputProps extends InputHTMLAttributes<HTMLInputElement> {
+    placeholder?: string;
+    supportingText?: string;
+    disabled: boolean;
+    defaultValue: string;
+    variant?: Variant;
+    inputSize?: Size;
+    onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
+}
+export declare function SearchInput({ placeholder, variant, inputSize, onChange, supportingText, disabled, className, defaultValue, ...rest }: SearchInputProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/lib/components/search-input/search-input.js

@@ -0,0 +1 @@
+import{jsx as e,jsxs as a}from"react/jsx-runtime";import{useState as i}from"react";import{Icon as t}from"../icon/icon.js";import r from"./search-input.styles.module.js";function n({placeholder:n="Search",variant:l="outlined",inputSize:s="large",onChange:o,supportingText:c,disabled:d,className:m,defaultValue:u,...h}){let[p,f]=i(u??"");return a("div",{className:[r.root,r[s],d&&r.disabled,m].filter(Boolean).join(" "),children:[a("div",{className:r.container,children:[e(t,{className:r.leftIcon,name:"MagnifyingGlass",size:24,"aria-hidden":"true"}),e("input",{type:"text",placeholder:n,value:p,onChange:e=>{f(e.target.value),o&&o(e)},className:`${r.input} ${r[l]}`,disabled:d,"data-has-value":p?"true":"false",...h}),e("button",{type:"button",className:r.clearButton,"data-visible":p?"true":"false",onClick:()=>{f("")},"aria-label":"Clear search","aria-hidden":!p||void 0,tabIndex:p?0:-1,children:e(t,{name:"XCircle-fill",size:18})}),e(t,{className:r.rightIcon,name:"Info",size:18})]}),c&&a("div",{className:r.supportingText,children:[e(t,{name:"Info",size:16,"aria-hidden":"true"}),c]})]})}export{n as SearchInput};

package/lib/components/search-input/search-input.styles.module.js

@@ -0,0 +1 @@
+import"./search-input.styles_module.css";let e={root:"root-pyZY98",container:"container-lbapOX",input:"input-qIobsm",outlined:"outlined-BYG0l6",filled:"filled-MMj8V_",clearButton:"clearButton-nSejyH",leftIcon:"leftIcon-YsP8Ve",rightIcon:"rightIcon-CZZaRi",supportingText:"supportingText-uTaQfI",disabled:"disabled-xFBfue",small:"small-klP5_W",medium:"medium-tXvZs0",large:"large-i1pgMt"};export{e as default};

package/lib/components/search-input/search-input.styles_module.css

@@ -0,0 +1 @@
+.root-pyZY98{gap:var(--spacing-size-8,.5rem);flex-direction:column;display:flex}.container-lbapOX{position:relative}.container-lbapOX svg{color:var(--color-content-secondary,#646464)}.input-qIobsm{all:unset;border-radius:var(--radius-radii-12,.75rem);outline-offset:-2px;font-family:var(--typescale-display-font-secondary,"Golos UI");font-size:var(--typescale-body-large-font-size,1rem);font-weight:400;line-height:var(--typescale-body-large-line-height,1.5rem);letter-spacing:var(--typescale-body-large-letter-spacing,-.0125rem);outline:2px solid #0000;padding:0 4.5rem 0 2.5rem;transition:background .2s,border .2s,outline .2s}.input-qIobsm:focus-visible{outline:2px solid var(--color-interactive-primary,#646464)}.input-qIobsm[data-has-value=true]{color:var(--color-content-primary,#202020)}.input-qIobsm[data-has-value=false]{color:var(--color-content-tertiary,gray)}.outlined-BYG0l6{background:var(--color-background-input-primary,#fff);border:1px solid color-mix(in srgb,var(--color-interactive-secondary,#0000002b)17%,transparent)}.outlined-BYG0l6:hover{border:1px solid color-mix(in srgb,var(--color-interactive-secondary-hover,#00000073)45%,transparent)}.filled-MMj8V_{background:color-mix(in srgb,var(--color-background-neutral,#0000000a)4%,transparent);border:1px solid #0000}.filled-MMj8V_:hover{background:color-mix(in srgb,var(--color-background-neutral-hover,#00000014)8%,transparent)}.clearButton-nSejyH{all:unset;cursor:pointer;opacity:0;pointer-events:none;z-index:1;transition:opacity .2s;display:flex;right:2.5rem}.clearButton-nSejyH[data-visible=true]{opacity:1;pointer-events:auto}.leftIcon-YsP8Ve,.rightIcon-CZZaRi,.clearButton-nSejyH{position:absolute;top:50%;transform:translateY(-50%)}.leftIcon-YsP8Ve{left:var(--spacing-size-8,.5rem)}.rightIcon-CZZaRi{right:calc(var(--spacing-size-8,.5rem) + .3125rem)}.supportingText-uTaQfI{gap:var(--spacing-size-8,.5rem);padding-left:var(--spacing-size-8,.5rem);color:var(--color-content-secondary,#646464);font-family:var(--typescale-display-font-secondary,"Golos UI");font-size:var(--typescale-body-small-font-size,.75rem);font-weight:400;line-height:var(--typescale-body-small-line-height,1rem);letter-spacing:var(--typescale-body-small-letter-spacing,-.0125rem);display:flex}.disabled-xFBfue{opacity:.38;pointer-events:none}.small-klP5_W input{height:2rem;padding:0 1.87rem 0 2rem}.small-klP5_W .leftIcon-YsP8Ve,.small-klP5_W .rightIcon-CZZaRi,.small-klP5_W .clearButton-nSejyH svg{width:16px;height:16px}.medium-tXvZs0 input{height:2.5rem;padding:0 2.5rem 0 2.12rem}.medium-tXvZs0 .leftIcon-YsP8Ve{width:18px;height:18px}.large-i1pgMt input{height:3.5rem}

package/lib/components/segmented-control/segmented-control.d.ts

@@ -0,0 +1,16 @@
+import { IconName } from "../icon/icon";
+interface Option {
+    value: string;
+    label: string;
+    icon?: IconName;
+    disabled?: boolean;
+}
+interface SegmentedControlProps {
+    options: Option[];
+    defaultValue: string;
+    value: string;
+    onChange?: (value: string) => void;
+    className?: string;
+}
+export declare function SegmentedControl({ options, value, defaultValue, onChange, className, }: SegmentedControlProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/lib/components/segmented-control/segmented-control.js

@@ -0,0 +1,5 @@
+import{jsx as e,jsxs as t}from"react/jsx-runtime";import{Fragment as r,useEffect as l,useRef as i,useState as n}from"react";import{Item as o,Root as a}from"@radix-ui/react-radio-group";import{Icon as d}from"../icon/icon.js";import c from"./segmented-control.styles.module.js";function u({options:u,value:s,defaultValue:m,onChange:f,className:h=""}){let p=i(null),g=i([]),[x,$]=n(u.findIndex(e=>e.value===s||e.value===m)),v=e=>{let t=u.findIndex(t=>t.value===e);$(t);let r=g.current[t],l=p.current;if(r&&l){let e=r.getBoundingClientRect(),t=l.getBoundingClientRect();l.style.cssText=`
+        --slider-x: ${e.left-t.left+l.scrollLeft}px;
+        --slider-width: ${e.width}px;
+        --slider-height: ${e.height}px;
+      `}};return l(()=>{let e=setTimeout(()=>{v(s||m)},20);return()=>clearTimeout(e)},[s,m,u]),e(a,{ref:p,className:`${c.root} ${h}`.trim(),value:s,defaultValue:m,onValueChange:e=>{v(e),f&&f(e)},children:u.map((l,i)=>t(r,{children:[t(o,{ref:e=>{g.current[i]=e},className:`${c.item} ${l.icon?c.withIcon:""}`,value:l.value,disabled:l.disabled,children:[l.icon&&e(d,{name:l.icon,size:18}),l.label]}),i<u.length-1&&e("div",{className:`${c.separator} ${i===x-1||i===x?c.hide:""}`})]},l.value))})}export{u as SegmentedControl};

package/lib/components/segmented-control/segmented-control.styles.module.js

@@ -0,0 +1 @@
+import"./segmented-control.styles_module.css";let e={root:"root-llIzu3",fadeIn:"fadeIn-db56ok",item:"item-W5vzJQ",withIcon:"withIcon-ybAqTD",separator:"separator-qT1lQl",hide:"hide-zQg0nw"};export{e as default};

package/lib/components/segmented-control/segmented-control.styles_module.css

@@ -0,0 +1 @@
+.root-llIzu3{cursor:pointer;border-radius:var(--radius-radii-14,.875rem);padding:var(--spacing-size-4,.25rem);background-color:color-mix(in srgb,var(--color-background-neutral)4%,transparent);align-items:center;display:inline-flex;position:relative;box-shadow:inset 0 0 5px #0000001a}.root-llIzu3:after{content:"";top:var(--spacing-size-4,.25rem);transform:translateX(var(--slider-x,0));width:var(--slider-width,100px);height:var(--slider-height,100%);border-radius:var(--radius-radii-10,.625rem);background:var(--color-background-screen,#fdfdf9);box-shadow:var(--box-shadow-2);z-index:0;transition:transform .3s,width .3s;animation:.4s forwards fadeIn-db56ok;position:absolute;left:0}.item-W5vzJQ{all:unset;z-index:1;border-radius:var(--radius-radii-10,.625rem);color:var(--color-interactive-primary,#646464);font-family:var(--typescale-display-font-secondary,"Golos UI");font-size:var(--typescale-body-default-font-size,.875rem);font-weight:400;line-height:var(--typescale-body-default-line-height,1.25rem);letter-spacing:var(--typescale-body-default-letter-spacing,0);align-items:center;gap:.25rem;padding-block:.375rem;padding-inline:1rem;transition:outline .2s,font-weight .1s,color .2s,background .2s,box-shadow .2s;display:flex;position:relative}.item-W5vzJQ[data-state=checked]{color:var(--color-interactive-accent,#202020);font-weight:500}.item-W5vzJQ:hover{color:var(--color-interactive-primary-hover,#202020)}.item-W5vzJQ:disabled{opacity:.38;pointer-events:none}.item-W5vzJQ:focus-visible{outline:2px solid var(--color-content-primary,#202020);outline-offset:2px}.item-W5vzJQ.withIcon-ybAqTD{padding-left:.5rem}.separator-qT1lQl{border-radius:var(--radius-radii-full,62.5rem);background-color:color-mix(in srgb,var(--color-border-overlay)11%,transparent);width:.0625rem;height:1rem;transition:opacity .3s}.separator-qT1lQl.hide-zQg0nw{opacity:0}@keyframes fadeIn-db56ok{0%{opacity:0}to{opacity:1}}

package/lib/components/shadow-box/shadow-box.d.ts

@@ -0,0 +1,4 @@
+import type { HTMLAttributes } from "react";
+export interface ShadowBoxGridProps extends HTMLAttributes<HTMLDivElement> {
+}
+export declare function ShadowBoxGrid({ className, ...props }: ShadowBoxGridProps): import("react/jsx-runtime").JSX.Element;

package/lib/components/shadow-box/shadow-box.js

@@ -0,0 +1 @@
+import{jsx as r,jsxs as o}from"react/jsx-runtime";import a from"./shadow-box.styles.module.js";import{typographyStyles as s}from"../typography/typography.js";function e({className:e="",...d}){return r("div",{className:`${a.grid} ${e}`.trim(),...d,children:Array.from({length:8},(e,d)=>r("div",{className:a.box,style:{boxShadow:`var(--box-shadow-${d+1})`},children:o("span",{className:s.bodyLargeEmphasis,children:["Shadow ",d+1]})},d))})}export{e as ShadowBoxGrid};

package/lib/components/shadow-box/shadow-box.styles.module.js

@@ -0,0 +1 @@
+import"./shadow-box.styles_module.css";let o={grid:"grid-yrm0ba",box:"box-cEMbHb"};export{o as default};

package/lib/components/shadow-box/shadow-box.styles_module.css

@@ -0,0 +1 @@
+.grid-yrm0ba{padding:var(--spacing-size-8,2rem);flex-flow:wrap;place-content:center;align-items:center;gap:2rem;display:flex}.box-cEMbHb{width:18.75rem;height:12.5rem;padding:var(--spacing-size-8,2rem);border-radius:var(--radius-radii-large,.75rem);color:var(--color-content-primary,#202020);justify-content:center;align-items:center;transition:box-shadow .2s;display:flex}

package/lib/components/tabs/tabs.d.ts

@@ -0,0 +1,10 @@
+import * as RadixTabs from "@radix-ui/react-tabs";
+type Size = "medium" | "small";
+interface TabsRootProps extends RadixTabs.TabsProps {
+    size?: Size;
+}
+export declare function TabsRoot({ className, size, ...props }: TabsRootProps): import("react/jsx-runtime").JSX.Element;
+export declare function TabsList({ className, ...props }: RadixTabs.TabsListProps): import("react/jsx-runtime").JSX.Element;
+export declare function TabsTrigger({ className, children, ...props }: RadixTabs.TabsTriggerProps): import("react/jsx-runtime").JSX.Element;
+export declare function TabsContent({ className, ...props }: RadixTabs.TabsContentProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/lib/components/tabs/tabs.js

@@ -0,0 +1 @@
+import{jsx as r}from"react/jsx-runtime";import{Content as t,List as e,Root as i,Trigger as s}from"@radix-ui/react-tabs";import a from"./tabs.styles.module.js";function n({className:t="",size:e="medium",...s}){return r(i,{...s,"data-size":e,className:`${a.root} ${t}`.trim()})}function m({className:t="",...i}){return r(e,{...i,className:`${a.list} ${t}`.trim()})}function o({className:t="",children:e,...i}){return r(s,{...i,className:`${a.trigger} ${t}`.trim(),children:r("div",{className:a.innerTrigger,children:e})})}function c({className:e="",...i}){return r(t,{...i,className:`${a.content} ${e}`.trim()})}export{c as TabsContent,m as TabsList,n as TabsRoot,o as TabsTrigger};

package/lib/components/tabs/tabs.styles.module.js

@@ -0,0 +1 @@
+import"./tabs.styles_module.css";let t={root:"root-EPBFti",trigger:"trigger-Sz7S9j",innerTrigger:"innerTrigger-D7UI5E",list:"list-kGcKr5",content:"content-dNCzwV"};export{t as default};

package/lib/components/tabs/tabs.styles_module.css

@@ -0,0 +1 @@
+.root-EPBFti{flex-direction:column;display:flex}.root-EPBFti[data-size=medium] .trigger-Sz7S9j{padding:var(--Spacing-2,.5rem);font-family:var(--typescale-display-font-secondary,"Golos UI");font-size:var(--typescale-body-default-font-size,.875rem);font-weight:400;line-height:var(--typescale-body-default-line-height,1.25rem);letter-spacing:var(--typescale-body-default-letter-spacing,0)}.root-EPBFti[data-size=medium] .innerTrigger-D7UI5E{padding:0 var(--Spacing-2,.5rem)}.root-EPBFti[data-size=small] .trigger-Sz7S9j{padding:var(--Spacing-1,.25rem);font-family:var(--typescale-display-font-secondary,"Golos UI");font-size:var(--typescale-body-small-font-size,.75rem);font-weight:400;line-height:var(--typescale-body-small-line-height,1rem);letter-spacing:var(--typescale-body-small-letter-spacing,-.0125rem)}.root-EPBFti[data-size=small] .innerTrigger-D7UI5E{padding:0 var(--Spacing-1,.25rem)}.root-EPBFti .trigger-Sz7S9j[data-state=active]{font-weight:500}.list-kGcKr5{align-items:flex-start;display:flex}.trigger-Sz7S9j{all:unset;cursor:pointer;color:var(--color-content-secondary,#646464);box-shadow:inset 0 -1px 0 color-mix(in srgb,var(--color-content-secondary,#646464)50%,transparent);transition:font-weight .1s,color .2s,box-shadow .4s}.trigger-Sz7S9j[data-state=active]{color:var(--color-content-primary,#202020);box-shadow:inset 0 -2px 0 var(--color-content-primary,#202020)}.trigger-Sz7S9j:hover .innerTrigger-D7UI5E,.trigger-Sz7S9j:focus-visible .innerTrigger-D7UI5E{border-radius:var(--radius-radii-4,.25rem);background-color:color-mix(in srgb,var(--color-background-screen-hover)4%,transparent)}.trigger-Sz7S9j:disabled{opacity:.38;pointer-events:none}.innerTrigger-D7UI5E{background-color:#0000;transition:background-color .2s}.content-dNCzwV{padding-top:var(--spacing-size-16,1rem)}

package/lib/components/typography/typography.d.ts

@@ -1,7 +1,11 @@
 import { HTMLAttributes } from "react";
-export type Variant = "title" | "header" | "body" | "caption";
+export type Variant = "displayLarge" | "displayMedium" | "displaySmall" | "titleScreen" | "titleSection" | "titleSubsection" | "titleBody" | "titleGroup" | "bodyXLargeEmphasis" | "bodyXLarge" | "bodyLargeEmphasis" | "bodyLarge" | "bodyDefaultEmphasis" | "bodyDefault" | "bodySmallEmphasis" | "bodySmall" | "linkLarge" | "linkDefault" | "linkSmall";
 export interface TypographyProps extends HTMLAttributes<HTMLParagraphElement> {
     as?: "p" | "span" | "h1" | "h2" | "h3" | "h4";
     variant?: Variant;
+    palette?: "dark" | "light" | "grey";
 }
-export declare const Typography: ({ as: Tag, variant, className, children, ...rest }: TypographyProps) => import("react/jsx-runtime").JSX.Element;
+export declare const typographyStyles: {
+    [key: string]: string;
+};
+export declare const Typography: ({ as: Tag, variant, className, palette, children, ...rest }: TypographyProps) => import("react/jsx-runtime").JSX.Element;

package/lib/components/typography/typography.js

@@ -1 +1 @@
-import{jsx as r}from"react/jsx-runtime";import p from"./typography.styles.module.js";let t=({as:t="p",variant:o="body",className:e="",children:a,...y})=>r(t,{className:`${p.typography} ${p[`typography${o.charAt(0).toUpperCase()+o.slice(1)}`]} ${e}`.trim(),...y,children:a});export{t as Typography};
+import{jsx as r}from"react/jsx-runtime";import t from"./typography.styles.module.js";let p=t,o=({as:p="p",variant:o="bodyDefault",className:y="",palette:a="dark",children:e,...m})=>r(p,{className:`${t.typography} ${t[o]} ${t[a]} ${y}`.trim(),...m,children:e});export{o as Typography,p as typographyStyles};

package/lib/components/typography/typography.styles.module.js

@@ -1 +1 @@
-import"./typography.styles_module.css";let p={typography:"typography-B71hFi",typographyTitle:"typographyTitle-m8elLJ",typographyHeader:"typographyHeader-Mzvci0",typographyBody:"typographyBody-pzAoJJ",typographyCaption:"typographyCaption-DUKd5u"};export{p as default};
+import"./typography.styles_module.css";let l={typography:"typography-FOI9Z3",dark:"dark-GKVF9_",light:"light-P7AWMX",grey:"grey-F4WHwr",displayLarge:"displayLarge-rSh_1T",displayMedium:"displayMedium-UcsmoW",displaySmall:"displaySmall-mReDxt",titleScreen:"titleScreen-I1GpcL",titleSection:"titleSection-wbn0WC",titleSubsection:"titleSubsection-tODDua",titleBody:"titleBody-tfeHXb",titleGroup:"titleGroup-okMDSi",bodyXLargeEmphasis:"bodyXLargeEmphasis-fiFouK",bodyXLarge:"bodyXLarge-QMcwLT",bodyLargeEmphasis:"bodyLargeEmphasis-nHj8MD",bodyLarge:"bodyLarge-LYCXgU",bodyDefaultEmphasis:"bodyDefaultEmphasis-mGAP7s",bodyDefault:"bodyDefault-wXzXSD",bodySmallEmphasis:"bodySmallEmphasis-xQP_HC",bodySmall:"bodySmall-vxvfEk",link:"link-LfFbQY",linkLarge:"linkLarge-KY4dBX",linkDefault:"linkDefault-QICoEf",linkSmall:"linkSmall-LWekQO"};export{l as default};

package/lib/components/typography/typography.styles_module.css

@@ -1 +1 @@
-.typography-B71hFi{color:#111;margin:0}.typographyTitle-m8elLJ{font-family:Author,Arial Black,Impact,sans-serif;font-size:4rem;font-weight:700;line-height:1.1}.typographyHeader-Mzvci0,.typographyBody-pzAoJJ,.typographyCaption-DUKd5u{font-family:Golos UI,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.typographyHeader-Mzvci0{font-size:2rem;font-weight:500;line-height:1.3}.typographyBody-pzAoJJ{font-size:1rem;font-weight:400;line-height:1.6}.typographyCaption-DUKd5u{opacity:.7;font-size:.875rem;font-weight:400;line-height:1.4}
+.typography-FOI9Z3{font-style:normal}.dark-GKVF9_{color:var(--color-content-primary,#202020)}.light-P7AWMX{color:var(--color-interactive-control,#fff)}.grey-F4WHwr{color:var(--color-content-tertiary,gray)}.displayLarge-rSh_1T{font-family:var(--typescale-display-font-primary,"Author");font-size:var(--typescale-display-large-font-size,6rem);font-weight:700;line-height:var(--typescale-display-large-line-height,5.125rem);letter-spacing:var(--typescale-display-large-letter-spacing,0)}.displayMedium-UcsmoW{font-family:var(--typescale-display-font-primary,"Author");font-size:var(--typescale-display-medium-font-size,4rem);font-weight:700;line-height:var(--typescale-display-medium-line-height,3.375rem);letter-spacing:var(--typescale-display-medium-letter-spacing,0)}.displaySmall-mReDxt{font-family:var(--typescale-display-font-primary,"Author");font-size:var(--typescale-display-small-font-size,2.5rem);font-weight:700;line-height:var(--typescale-display-small-line-height,2.125rem);letter-spacing:var(--typescale-display-small-letter-spacing,0)}.titleScreen-I1GpcL{font-family:var(--typescale-display-font-primary,"Author");font-size:var(--typescale-title-screen-font-size,2.5rem);font-weight:700;line-height:var(--typescale-title-screen-line-height,2.125rem);letter-spacing:var(--typescale-title-screen-letter-spacing,0)}.titleSection-wbn0WC{font-family:var(--typescale-display-font-primary,"Author");font-size:var(--typescale-title-section-font-size,1.75rem);font-weight:700;line-height:var(--typescale-title-section-line-height,2.25rem);letter-spacing:var(--typescale-title-section-letter-spacing,-.025rem)}.titleSubsection-tODDua{font-family:var(--typescale-display-font-primary,"Author");font-size:var(--typescale-title-subsection-font-size,1.25rem);font-weight:700;line-height:var(--typescale-title-subsection-line-height,1.75rem);letter-spacing:var(--typescale-title-subsection-letter-spacing,-.01875rem)}.titleBody-tfeHXb{font-family:var(--typescale-display-font-primary,"Author");font-size:var(--typescale-title-body-font-size,1.125rem);font-weight:700;line-height:var(--typescale-title-body-line-height,1.5rem);letter-spacing:var(--typescale-title-body-letter-spacing,-.0125rem)}.titleGroup-okMDSi{font-family:var(--typescale-display-font-primary,"Author");font-size:var(--typescale-title-group-font-size,1.125rem);font-weight:700;line-height:var(--typescale-title-group-line-height,1.625rem);letter-spacing:var(--typescale-title-group-letter-spacing,-.00625rem)}.bodyXLargeEmphasis-fiFouK{font-family:var(--typescale-display-font-secondary,"Golos UI");font-size:var(--typescale-body-x-large-emphasis-font-size,1.125rem);font-weight:500;line-height:var(--typescale-body-x-large-emphasis-line-height,1.625rem);letter-spacing:var(--typescale-body-x-large-emphasis-letter-spacing,-.0125rem)}.bodyXLarge-QMcwLT{font-family:var(--typescale-display-font-secondary,"Golos UI");font-size:var(--typescale-body-x-large-font-size,1.125rem);font-weight:400;line-height:var(--typescale-body-x-large-line-height,1.625rem);letter-spacing:var(--typescale-body-x-large-letter-spacing,-.0125rem)}.bodyLargeEmphasis-nHj8MD{font-family:var(--typescale-display-font-secondary,"Golos UI");font-size:var(--typescale-body-large-emphasis-font-size,1rem);font-weight:500;line-height:var(--typescale-body-large-emphasis-line-height,1.5rem);letter-spacing:var(--typescale-body-large-emphasis-letter-spacing,-.0125rem)}.bodyLarge-LYCXgU{font-family:var(--typescale-display-font-secondary,"Golos UI");font-size:var(--typescale-body-large-font-size,1rem);font-weight:400;line-height:var(--typescale-body-large-line-height,1.5rem);letter-spacing:var(--typescale-body-large-letter-spacing,-.0125rem)}.bodyDefaultEmphasis-mGAP7s{font-family:var(--typescale-display-font-secondary,"Golos UI");font-size:var(--typescale-body-default-emphasis-font-size,.875rem);font-weight:500;line-height:var(--typescale-body-default-emphasis-line-height,1.25rem);letter-spacing:var(--typescale-body-default-emphasis-letter-spacing,0)}.bodyDefault-wXzXSD{font-family:var(--typescale-display-font-secondary,"Golos UI");font-size:var(--typescale-body-default-font-size,.875rem);font-weight:400;line-height:var(--typescale-body-default-line-height,1.25rem);letter-spacing:var(--typescale-body-default-letter-spacing,0)}.bodySmallEmphasis-xQP_HC{font-family:var(--typescale-display-font-secondary,"Golos UI");font-size:var(--typescale-body-small-emphasis-font-size,.75rem);font-weight:500;line-height:var(--typescale-body-small-emphasis-line-height,1rem);letter-spacing:var(--typescale-body-small-emphasis-letter-spacing,-.0125rem)}.bodySmall-vxvfEk{font-family:var(--typescale-display-font-secondary,"Golos UI");font-size:var(--typescale-body-small-font-size,.75rem);font-weight:400;line-height:var(--typescale-body-small-line-height,1rem);letter-spacing:var(--typescale-body-small-letter-spacing,-.0125rem)}.link-LfFbQY{text-decoration-skip-ink:none;text-underline-offset:auto;text-underline-position:from-font;font-weight:500;text-decoration-line:underline;text-decoration-style:solid;text-decoration-thickness:auto}.linkLarge-KY4dBX{text-decoration-skip-ink:none;text-underline-offset:auto;text-underline-position:from-font;font-weight:500;font-family:var(--typescale-display-font-secondary,"Golos UI");font-size:var(--typescale-link-large-font-size,1rem);line-height:var(--typescale-link-large-line-height,1.5rem);letter-spacing:var(--typescale-link-large-letter-spacing,-.0125rem);text-decoration-line:underline;text-decoration-style:solid;text-decoration-thickness:auto}.linkDefault-QICoEf{text-decoration-skip-ink:none;text-underline-offset:auto;text-underline-position:from-font;font-weight:500;font-family:var(--typescale-display-font-secondary,"Golos UI");font-size:var(--typescale-link-default-font-size,.875rem);line-height:var(--typescale-link-default-line-height,1.375rem);letter-spacing:var(--typescale-link-default-letter-spacing,0);text-decoration-line:underline;text-decoration-style:solid;text-decoration-thickness:auto}.linkSmall-LWekQO{text-decoration-skip-ink:none;text-underline-offset:auto;text-underline-position:from-font;font-weight:500;font-family:var(--typescale-display-font-secondary,"Golos UI");font-size:var(--typescale-link-small-font-size,.75rem);line-height:var(--typescale-link-small-line-height,1rem);letter-spacing:var(--typescale-link-small-letter-spacing,-.0125rem);text-decoration-line:underline;text-decoration-style:solid;text-decoration-thickness:auto}

package/lib/index.d.ts

@@ -2,3 +2,12 @@ export { Button } from "./components/button/button";
 export { Badge } from "./components/badge/badge";
 export { Typography } from "./components/typography/typography";
 export { Icon } from "./components/icon/icon";
+export { TabsRoot, TabsContent, TabsList, TabsTrigger, } from "./components/tabs/tabs";
+export { SegmentedControl } from "./components/segmented-control/segmented-control";
+export { ProgressIndicator } from "./components/progress-indicator/progress-indicator";
+export { FilterChipGroup } from "./components/filter-chip/filter-chip";
+export { Notification } from "./components/notification/notification";
+export { MenuItem } from "./components/menu-item/menu-item";
+export { Avatar } from "./components/avatar/avatar";
+export { SearchInput } from "./components/search-input/search-input";
+export { Logo } from "./components/logo/logo";

package/lib/index.js

@@ -1 +1 @@
-import{Button as o}from"./components/button/button.js";import{Badge as t}from"./components/badge/badge.js";import{Typography as p}from"./components/typography/typography.js";import{Icon as n}from"./components/icon/icon.js";export{t as Badge,o as Button,n as Icon,p as Typography};
+import{Button as o}from"./components/button/button.js";import{Badge as t}from"./components/badge/badge.js";import{Typography as n}from"./components/typography/typography.js";import{Icon as r}from"./components/icon/icon.js";import{TabsContent as m,TabsList as e,TabsRoot as s,TabsTrigger as p}from"./components/tabs/tabs.js";import{SegmentedControl as i}from"./components/segmented-control/segmented-control.js";import{ProgressIndicator as a}from"./components/progress-indicator/progress-indicator.js";import{FilterChipGroup as c}from"./components/filter-chip/filter-chip.js";import{Notification as f}from"./components/notification/notification.js";import{MenuItem as g}from"./components/menu-item/menu-item.js";import{Avatar as j}from"./components/avatar/avatar.js";import{SearchInput as b}from"./components/search-input/search-input.js";import{Logo as u}from"./components/logo/logo.js";export{j as Avatar,t as Badge,o as Button,c as FilterChipGroup,r as Icon,u as Logo,g as MenuItem,f as Notification,a as ProgressIndicator,b as SearchInput,i as SegmentedControl,m as TabsContent,e as TabsList,s as TabsRoot,p as TabsTrigger,n as Typography};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sate-lib",
-  "version": "1.4.3",
+  "version": "1.6.0",
   "type": "module",
   "exports": {
     ".": {
@@ -23,9 +23,45 @@
       "import": "./lib/components/icon/icon.js",
       "types": "./lib/components/icon/icon.d.ts"
     },
+    "./tabs": {
+      "import": "./lib/components/tabs/tabs.js",
+      "types": "./lib/components/tabs/tabs.d.ts"
+    },
+    "./segmented-control": {
+      "import": "./lib/components/segmented-control/segmented-control.js",
+      "types": "./lib/components/segmented-control/segmented-control.d.ts"
+    },
+    "./progress-indicator": {
+      "import": "./lib/components/progress-indicator/progress-indicator.js",
+      "types": "./lib/components/progress-indicator/progress-indicator.d.ts"
+    },
+    "./filter-chip": {
+      "import": "./lib/components/filter-chip/filter-chip.js",
+      "types": "./lib/components/filter-chip/filter-chip.d.ts"
+    },
+    "./notification": {
+      "import": "./lib/components/notification/notification.js",
+      "types": "./lib/components/notification/notification.d.ts"
+    },
+    "./menu-item": {
+      "import": "./lib/components/menu-item/menu-item.js",
+      "types": "./lib/components/menu-item/menu-item.d.ts"
+    },
+    "./avatar": {
+      "import": "./lib/components/avatar/avatar.js",
+      "types": "./lib/components/avatar/avatar.d.ts"
+    },
+    "./search-input": {
+      "import": "./lib/components/search-input/search-input.js",
+      "types": "./lib/components/search-input/search-input.d.ts"
+    },
+    "./logo": {
+      "import": "./lib/components/logo/logo.js",
+      "types": "./lib/components/logo/logo.d.ts"
+    },
     "./tokens.css": "./lib/assets/styles/tokens.css",
     "./reset.css": "./lib/assets/styles/reset.css",
-    "./typography.css": "./lib/assets/styles/typography.css"
+    "./fonts.css": "./lib/assets/styles/fonts.css"
   },
   "types": "./lib/index.d.ts",
   "files": [
@@ -39,7 +75,6 @@
     "optimize:svg": "node ./optimize-svgs.js",
     "storybook": "storybook dev",
     "check": "biome check --write",
-    "dev": "rslib build --watch",
     "format": "biome format --write",
     "release": "HUSKY=0 semantic-release",
     "prepare": "husky"
@@ -50,27 +85,26 @@
     "@commitlint/config-conventional": "19.8.0",
     "@rsbuild/core": "1.4.0-beta.4",
     "@rsbuild/plugin-react": "^1.3.3",
+    "@rsbuild/plugin-sass": "^1.3.3",
     "@rsbuild/plugin-svgr": "^1.2.1",
     "@rslib/core": "^0.10.4",
     "@semantic-release/changelog": "^6.0.3",
     "@semantic-release/git": "^10.0.1",
     "@semantic-release/npm": "^12.0.2",
-    "@storybook/addon-docs": "^9.0.15",
-    "@storybook/addon-essentials": "9.0.0-alpha.12",
-    "@storybook/addon-interactions": "9.0.0-alpha.10",
-    "@storybook/addon-links": "^9.0.15",
-    "@storybook/addon-onboarding": "^9.0.15",
-    "@storybook/blocks": "9.0.0-alpha.17",
-    "@storybook/react": "^9.0.15",
-    "@storybook/test": "9.0.0-alpha.2",
+    "@storybook/addon-a11y": "^9.1.2",
+    "@storybook/addon-designs": "^10.0.2",
+    "@storybook/addon-docs": "^9.1.2",
+    "@storybook/addon-links": "^9.1.2",
+    "@storybook/addon-onboarding": "^9.1.2",
     "@types/node": "^24.0.10",
     "@types/react": "^19.1.8",
     "husky": "^9.1.7",
     "react": "^19.1.0",
+    "sass": "^1.89.2",
     "semantic-release": "^24.2.6",
-    "storybook": "^9.0.15",
-    "storybook-addon-rslib": "^2.0.2",
-    "storybook-react-rsbuild": "^2.0.2",
+    "storybook": "^9.1.2",
+    "storybook-addon-rslib": "^2.0.3",
+    "storybook-react-rsbuild": "^2.0.3",
     "subset-font": "^2.4.0",
     "svgo": "^4.0.0",
     "typescript": "^5.8.3"
@@ -92,5 +126,9 @@
     "ui-library",
     "react-components",
     "frontend"
-  ]
+  ],
+  "dependencies": {
+    "@radix-ui/react-radio-group": "^1.3.7",
+    "@radix-ui/react-tabs": "^1.1.12"
+  }
 }

package/lib/assets/fonts/golos-ui-bold.js

@@ -1 +0,0 @@
-import o from"../../assets/fonts/golos-ui-bold.woff2";export{o as default};

package/lib/assets/icons/Bed.js

@@ -1 +0,0 @@
-import{jsx as t}from"react/jsx-runtime";import"react";let a=a=>t("svg",{xmlns:"http://www.w3.org/2000/svg",width:24,height:24,viewBox:"0 0 24 24",...a,children:t("path",{d:"M20.25 6.75H3V4.5a.75.75 0 0 0-1.5 0v15a.75.75 0 1 0 1.5 0v-3h19.5v3a.75.75 0 1 0 1.5 0v-9a3.75 3.75 0 0 0-3.75-3.75M3 8.25h6.75V15H3zM11.25 15V8.25h9a2.25 2.25 0 0 1 2.25 2.25V15z"})});export{a as default};

package/lib/assets/icons/Building.js

@@ -1 +0,0 @@
-import{jsx as a}from"react/jsx-runtime";import"react";let h=h=>a("svg",{xmlns:"http://www.w3.org/2000/svg",width:24,height:24,viewBox:"0 0 24 24",...h,children:a("path",{d:"M21.75 21H19.5V3h.75a.75.75 0 1 0 0-1.5H3.75a.75.75 0 0 0 0 1.5h.75v18H2.25a.75.75 0 1 0 0 1.5h19.5a.75.75 0 1 0 0-1.5M6 3h12v18h-3v-3.75a.75.75 0 0 0-.75-.75h-4.5a.75.75 0 0 0-.75.75V21H6zm7.5 18h-3v-3h3zM8.25 6A.75.75 0 0 1 9 5.25h1.5a.75.75 0 1 1 0 1.5H9A.75.75 0 0 1 8.25 6m4.5 0a.75.75 0 0 1 .75-.75H15a.75.75 0 1 1 0 1.5h-1.5a.75.75 0 0 1-.75-.75m-4.5 3.75A.75.75 0 0 1 9 9h1.5a.75.75 0 1 1 0 1.5H9a.75.75 0 0 1-.75-.75m4.5 0A.75.75 0 0 1 13.5 9H15a.75.75 0 1 1 0 1.5h-1.5a.75.75 0 0 1-.75-.75m-4.5 3.75a.75.75 0 0 1 .75-.75h1.5a.75.75 0 1 1 0 1.5H9a.75.75 0 0 1-.75-.75m4.5 0a.75.75 0 0 1 .75-.75H15a.75.75 0 1 1 0 1.5h-1.5a.75.75 0 0 1-.75-.75"})});export{h as default};

package/lib/assets/styles/typography.css

@@ -1 +0,0 @@
-@font-face{font-family:Author;src:url(../../assets/fonts/author-bold.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Golos UI;src:url(../../assets/fonts/golos-ui-regular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Golos UI;src:url(../../assets/fonts/golos-ui-medium.woff2)format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Golos UI;src:url(../../assets/fonts/golos-ui-bold.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap}