sate-lib 2.1.0 → 2.3.0

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

@@ -1 +1 @@
-import{jsx as e,jsxs as r}from"react/jsx-runtime";import{Portal as t}from"@radix-ui/react-portal";import{Activity as o,useEffect as a}from"react";import{RemoveScroll as i}from"react-remove-scroll";import{cn as n}from"../../util.js";import{ButtonIcon as l}from"../button/button-icon.js";import s from"../icons/assets/X2.js";import m from"./drawer.styles.module.js";import{useDrawer as d}from"./useDrawer.js";let c=({open:c,onOpen:p,title:u,className:h,children:f})=>{let{state:v,onClose:w,present:j}=d({onOpenChange:p,open:c});a(()=>{if("undefined"==typeof window)return;let e=window.matchMedia("(width <= 1024px)"),r=e=>{e.matches||w()};return e.addEventListener("change",r),()=>e.removeEventListener("change",r)},[w]);let g=n(m.root,m.rootMenu,h);return e(o,{mode:j?"visible":"hidden",children:r(t,{children:[e("div",{"aria-hidden":!0,className:m.overlay,"data-state":v,onClick:w}),e(i,{forwardProps:!0,children:r("div",{"aria-label":u,"aria-modal":"true",className:g,"data-state":v,role:"dialog",children:[e(l,{className:m.menuClose,icon:e(s,{size:18}),onClick:w,size:"small",variant:"lightOnContent"}),e("div",{className:m.panel,children:f})]})})]})})};export{c as DrawerMenu};
+import{jsx as e,jsxs as r}from"react/jsx-runtime";import{Portal as t}from"@radix-ui/react-portal";import{Activity as o,useEffect as a}from"react";import{RemoveScroll as i}from"react-remove-scroll";import{cn as n}from"../../util.js";import{ButtonIcon as l}from"../button/button-icon.js";import s from"../icons/assets/X2.js";import m from"./drawer.styles.module.js";import{useDrawer as d}from"./useDrawer.js";let c=({open:c,onOpen:p,title:u,className:h,children:f})=>{let{state:v,onClose:w,present:j}=d({onOpenChange:p,open:c});a(()=>{if("u"<typeof window)return;let e=window.matchMedia("(width <= 1024px)"),r=e=>{e.matches||w()};return e.addEventListener("change",r),()=>e.removeEventListener("change",r)},[w]);let g=n(m.root,m.rootMenu,h);return e(o,{mode:j?"visible":"hidden",children:r(t,{children:[e("div",{"aria-hidden":!0,className:m.overlay,"data-state":v,onClick:w}),e(i,{forwardProps:!0,children:r("div",{"aria-label":u,"aria-modal":"true",className:g,"data-state":v,role:"dialog",children:[e(l,{className:m.menuClose,icon:e(s,{size:18}),onClick:w,size:"small",variant:"lightOnContent"}),e("div",{className:m.panel,children:f})]})})]})})};export{c as DrawerMenu};

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

@@ -1,7 +1,7 @@
 import { type BadgeProps } from "../badge/badge";
 interface Prices {
     label?: string;
-    value: string;
+    value: number;
 }
 export interface MenuItemProps {
     extra?: boolean;

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

@@ -1 +1 @@
-{"version":3,"file":"menu-item.d.ts","sourceRoot":"","sources":["../../../src/components/menu-item/menu-item.tsx"],"names":[],"mappings":"AACA,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAcxD,UAAU,MAAM;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;CACd;AAED,MAAM,WAAW,aAAa;IAC7B,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,UAAU,EAAE,CAAC;IACtB,MAAM,EAAE,MAAM,EAAE,CAAC;CACjB;AAED,wBAAgB,QAAQ,CAAC,EACxB,KAAK,EACL,OAAO,EACP,KAAK,EACL,IAAI,EACJ,WAAW,EACX,MAAM,EACN,MAAM,GACN,EAAE,aAAa,2CA8Cf"}
+{"version":3,"file":"menu-item.d.ts","sourceRoot":"","sources":["../../../src/components/menu-item/menu-item.tsx"],"names":[],"mappings":"AACA,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAWxD,UAAU,MAAM;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;CACd;AAED,MAAM,WAAW,aAAa;IAC7B,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,UAAU,EAAE,CAAC;IACtB,MAAM,EAAE,MAAM,EAAE,CAAC;CACjB;AAED,wBAAgB,QAAQ,CAAC,EACxB,KAAK,EACL,OAAO,EACP,KAAK,EACL,IAAI,EACJ,WAAW,EACX,MAAM,EACN,MAAM,GACN,EAAE,aAAa,2CA8Cf"}

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

@@ -1 +1 @@
-import{jsx as e,jsxs as a}from"react/jsx-runtime";import{cn as i}from"../../util.js";import{Badge as s}from"../badge/badge.js";import r from"../icons/assets/EyeFill.js";import l from"./menu-item.styles.module.js";function c(e){let a="string"==typeof e?parseFloat(e):e;return new Intl.NumberFormat("en-GB",{currency:"GBP",minimumFractionDigits:2,style:"currency"}).format(a)}function n({extra:n,special:m,photo:t,name:d,description:o,badges:p,prices:u}){return a("div",{className:i(l.root,m&&l.special,n&&l.extra),children:[a("div",{className:l.content,children:[t&&e("div",{className:l.icon,children:e(r,{size:12})}),a("div",{className:l.header,children:[a("div",{className:l.nameWrapper,children:[n&&e(s,{label:"Add",variant:"warning"}),e("div",{className:i("bodyDefaultEmphasis",l.name),children:d})]}),p&&e("div",{className:l.badges,children:p?.map((a,i)=>e(s,{...a},`badge-${a.label??a.icon??i}-${i}`))}),e("span",{className:l.dots})]}),e("div",{className:i("bodySmall",l.description),children:o})]}),e("div",{className:l.prices,children:u?.map(({label:s,value:r},m)=>a("div",{className:l.priceItem,children:[!n&&s&&e("span",{className:i("bodyDefault",l.priceLabel),children:s}),e("span",{className:i("bodyDefaultEmphasis",l.priceValue),children:n?`+${c(r)}`:c(r)})]},`price-${s??r}-${m}`))})]})}export{n as MenuItem};
+import{jsx as e,jsxs as a}from"react/jsx-runtime";import{cn as s}from"../../util.js";import{Badge as i}from"../badge/badge.js";import r from"../icons/assets/EyeFill.js";import l from"./menu-item.styles.module.js";function c(e){return new Intl.NumberFormat("en-GB",{currency:"GBP",style:"currency"}).format(e/100)}function n({extra:n,special:m,photo:d,name:t,description:o,badges:p,prices:u}){return a("div",{className:s(l.root,m&&l.special,n&&l.extra),children:[a("div",{className:l.content,children:[d&&e("div",{className:l.icon,children:e(r,{size:12})}),a("div",{className:l.header,children:[a("div",{className:l.nameWrapper,children:[n&&e(i,{label:"Add",variant:"warning"}),e("div",{className:s("bodyDefaultEmphasis",l.name),children:t})]}),p&&e("div",{className:l.badges,children:p?.map((a,s)=>e(i,{...a},`badge-${a.label??a.icon??s}-${s}`))}),e("span",{className:l.dots})]}),e("div",{className:s("bodySmall",l.description),children:o})]}),e("div",{className:l.prices,children:u?.map(({label:i,value:r},m)=>a("div",{className:l.priceItem,children:[!n&&i&&e("span",{className:s("bodyDefault",l.priceLabel),children:i}),e("span",{className:s("bodyDefaultEmphasis",l.priceValue),children:n?`+${c(r)}`:c(r)})]},`price-${i??r}-${m}`))})]})}export{n as MenuItem};

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

@@ -1 +1 @@
-.icon-kXyR0s{display:flex;position:absolute;top:.25rem;left:0;&:before{content:"";border-radius:50%;width:1.75rem;height:1.75rem;transition:background-color .2s ease-in-out;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}}.root-NJVW0G{gap:var(--spacing-size-8,.5rem);padding:var(--spacing-size-4,.25rem)var(--spacing-size-12,.75rem)var(--spacing-size-4,.25rem)var(--spacing-size-8,.5rem);cursor:pointer;border-radius:.5rem;align-items:flex-start;transition:background-color .2s ease-in-out;display:flex;&:hover{& .icon-kXyR0s:before{background-color:rgb(from var(--color-background-screen-active)r g b/.04)}}}.content-Uf0iNQ{flex:1;padding-left:1.25rem;position:relative}.header-u15xam{gap:var(--spacing-size-8,.5rem);align-items:center;display:flex}.nameWrapper-VFCc75{gap:var(--spacing-size-4,.25rem);align-items:center;display:flex}.badges-dFGqqm{gap:.125rem;display:flex}.dots-HNeJes{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-o3HdRB{color:var(--color-content-secondary,#646464)}.prices-Tw4RPd{flex-direction:column;display:flex}.priceItem-DnKDL_{justify-content:space-between;display:flex}.priceLabel-vAqSq7{color:var(--color-content-tertiary,gray);padding-right:.5rem}.priceValue-zmDzqI{color:var(--color-content-primary,#202020)}.special-kgUByS{padding:var(--spacing-size-12,12px)var(--spacing-size-16,16px);margin:var(--spacing-size-16,16px)var(--spacing-size-12,12px);border:1px solid rgb(from var(--color-border-overlay)r g b/.11);border-radius:var(--radius-radii-24,1.5rem);flex-direction:column;align-items:center;& .content-Uf0iNQ{gap:var(--spacing-size-8,.5rem);flex-direction:column;padding-left:0;display:flex}& .header-u15xam{gap:var(--spacing-size-4,.25rem);flex-direction:column}& .dots-HNeJes{display:none}& .description-o3HdRB{text-align:center}& .icon-kXyR0s{width:1.75rem;height:1.75rem;color:var(--color-content-primary,#202020);background:var(--color-background-screen,#fdfdf9);border-radius:var(--radius-radii-full,62.5rem);padding:.5rem;top:-13px;left:50%;transform:translate(-50%,-50%)}}.special-kgUByS.active-bKWozD .icon-kXyR0s{background:#ebebeb}
+.icon-kXyR0s{display:flex;position:absolute;top:.25rem;left:0;&:before{content:"";border-radius:50%;width:1.75rem;height:1.75rem;transition:background-color .2s ease-in-out;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}}.root-NJVW0G{gap:var(--spacing-size-8,.5rem);padding:var(--spacing-size-4,.25rem)var(--spacing-size-12,.75rem)var(--spacing-size-4,.25rem)var(--spacing-size-8,.5rem);cursor:pointer;border-radius:.5rem;align-items:flex-start;transition:background-color .2s ease-in-out;display:flex;&:hover{& .icon-kXyR0s:before{background-color:rgb(from var(--color-background-screen-active)r g b/.04)}}}.content-Uf0iNQ{flex:1;padding-left:1.25rem;position:relative}.header-u15xam{gap:var(--spacing-size-8,.5rem);align-items:center;display:flex}.nameWrapper-VFCc75{gap:var(--spacing-size-4,.25rem);align-items:center;display:flex}.badges-dFGqqm{gap:.125rem;display:flex}.dots-HNeJes{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-o3HdRB{color:var(--color-content-secondary,#646464);text-wrap:pretty}.prices-Tw4RPd{flex-direction:column;display:flex}.priceItem-DnKDL_{justify-content:space-between;display:flex}.priceLabel-vAqSq7{color:var(--color-content-tertiary,gray);padding-right:.5rem}.priceValue-zmDzqI{color:var(--color-content-primary,#202020)}.special-kgUByS{padding:var(--spacing-size-12,12px)var(--spacing-size-16,16px);margin:var(--spacing-size-16,16px)var(--spacing-size-12,12px);border:1px solid rgb(from var(--color-border-overlay)r g b/.11);border-radius:var(--radius-radii-24,1.5rem);flex-direction:column;align-items:center;& .content-Uf0iNQ{gap:var(--spacing-size-8,.5rem);flex-direction:column;padding-left:0;display:flex}& .header-u15xam{gap:var(--spacing-size-4,.25rem);flex-direction:column}& .dots-HNeJes{display:none}& .description-o3HdRB{text-align:center}& .icon-kXyR0s{width:1.75rem;height:1.75rem;color:var(--color-content-primary,#202020);background:var(--color-background-screen,#fdfdf9);border-radius:var(--radius-radii-full,62.5rem);padding:.5rem;top:-13px;left:50%;transform:translate(-50%,-50%)}}.special-kgUByS.active-bKWozD .icon-kXyR0s{background:#ebebeb}

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

@@ -13,6 +13,6 @@ interface SearchInputProps {
     info?: boolean;
     onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
 }
-export declare function SearchInput({ autoComplete, placeholder, variant, inputSize, name, onChange, supportingText, disabled, className, info, defaultValue, }: SearchInputProps): import("react/jsx-runtime").JSX.Element;
+export declare function SearchInput({ autoComplete, placeholder, variant, inputSize, name, onChange, supportingText, disabled, className, defaultValue, }: SearchInputProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=search-input.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"search-input.d.ts","sourceRoot":"","sources":["../../../src/components/search-input/search-input.tsx"],"names":[],"mappings":"AAOA,KAAK,OAAO,GAAG,UAAU,GAAG,QAAQ,CAAC;AACrC,KAAK,IAAI,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAEzC,UAAU,gBAAgB;IACzB,YAAY,CAAC,EAAE,IAAI,GAAG,KAAK,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,IAAI,CAAC;IACjB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;CAC5D;AAED,wBAAgB,WAAW,CAAC,EAC3B,YAAoB,EACpB,WAAsB,EACtB,OAAoB,EACpB,SAAmB,EACnB,IAAI,EACJ,QAAQ,EACR,cAAc,EACd,QAAQ,EACR,SAAS,EACT,IAAI,EACJ,YAAY,GACZ,EAAE,gBAAgB,2CAkFlB"}
+{"version":3,"file":"search-input.d.ts","sourceRoot":"","sources":["../../../src/components/search-input/search-input.tsx"],"names":[],"mappings":"AAQA,KAAK,OAAO,GAAG,UAAU,GAAG,QAAQ,CAAC;AACrC,KAAK,IAAI,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAEzC,UAAU,gBAAgB;IACzB,YAAY,CAAC,EAAE,IAAI,GAAG,KAAK,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,IAAI,CAAC;IACjB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;CAC5D;AAED,wBAAgB,WAAW,CAAC,EAC3B,YAAoB,EACpB,WAAsB,EACtB,OAAoB,EACpB,SAAmB,EACnB,IAAI,EACJ,QAAQ,EACR,cAAc,EACd,QAAQ,EACR,SAAS,EACT,YAAY,GACZ,EAAE,gBAAgB,2CAyElB"}

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

@@ -1 +1 @@
-import{jsx as e,jsxs as a}from"react/jsx-runtime";import{useState as s}from"react";import{cn as t}from"../../util.js";import r from"../icons/assets/Info.js";import i from"../icons/assets/MagnifyingGlass.js";import l from"../icons/assets/XCircleFill.js";import o from"./search-input.styles.module.js";function n({autoComplete:n="off",placeholder:c="Search",variant:m="outlined",inputSize:d="large",name:u,onChange:p,supportingText:f,disabled:h,className:b,info:g,defaultValue:v}){let[N,y]=s(v??""),j=(()=>{switch(d){case"small":return"bodyDefault";case"medium":case"large":return"bodyLarge";default:return""}})();return a("div",{className:t(o.root,o[d],j,h&&o.disabled,b),children:[a("div",{className:o.container,children:[e(i,{"aria-hidden":"true",className:o.leftIcon,size:"large"===d?24:"medium"===d?20:16}),e("input",{autoComplete:n,className:t(o.input,o[m]),disabled:h,name:u,onChange:e=>{y(e.target.value),p?.(e)},placeholder:c,type:"text",value:N}),a("div",{className:o.actionIcons,children:[e("button",{"aria-hidden":!N||void 0,"aria-label":"Clear search",className:o.clearButton,"data-visible":N?"true":"false",onClick:()=>{y("")},tabIndex:N?0:-1,type:"button",children:e(l,{size:"small"===d?16:18})}),g&&e(r,{className:o.rightIcon,size:"small"===d?16:18})]})]}),f&&a("div",{className:t("bodySmall",o.supportingText),children:[e(r,{"aria-hidden":"true",size:16}),f]})]})}export{n as SearchInput};
+import{jsx as e,jsxs as a}from"react/jsx-runtime";import{useState as r}from"react";import{cn as t}from"../../util.js";import{ButtonIcon as i}from"../button/button-icon.js";import s from"../icons/assets/Info.js";import l from"../icons/assets/MagnifyingGlass.js";import o from"../icons/assets/XCircleFill.js";import n from"./search-input.styles.module.js";function m({autoComplete:m="off",placeholder:c="Search",variant:d="outlined",inputSize:u="large",name:p,onChange:f,supportingText:h,disabled:b,className:g,defaultValue:v}){let[j,x]=r(v??""),y=(()=>{switch(u){case"small":return"bodyDefault";case"medium":case"large":return"bodyLarge";default:return""}})();return a("div",{className:t(n.root,n[u],y,b&&n.disabled,g),children:[a("div",{className:n.container,children:[e(l,{"aria-hidden":"true",className:n.leftIcon,size:"large"===u?24:"medium"===u?20:16}),e("input",{autoComplete:m,className:t(n.input,n[d]),disabled:b,name:p,onChange:e=>{x(e.target.value),f?.(e)},placeholder:c,type:"text",value:j}),e("div",{className:n.clearButton,"data-visible":j?"true":"false",children:e(i,{"aria-hidden":!j||void 0,"aria-label":"Clear search",icon:e(o,{size:"small"===u?16:18}),onClick:()=>{x("")},size:"small"===u?"xSmall":"small",variant:"text"})})]}),h&&a("div",{className:t("bodySmall",n.supportingText),children:[e(s,{"aria-hidden":"true",size:16}),h]})]})}export{m as SearchInput};

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

@@ -1 +1 @@
-import"./search-input.styles_module.css";let t={root:"root-HwKkFw",container:"container-cV4bnv",input:"input-PxLark",outlined:"outlined-jAJzW6",filled:"filled-IQyZd1",clearButton:"clearButton-BLjcG2",leftIcon:"leftIcon-HWDNl3",actionIcons:"actionIcons-AI4p_c",supportingText:"supportingText-PZMuMX",disabled:"disabled-w7X_A6",small:"small-NbX064",medium:"medium-V98iUj",large:"large-kuCvxs"};export{t as default};
+import"./search-input.styles_module.css";let e={root:"root-HwKkFw",container:"container-cV4bnv",input:"input-PxLark",outlined:"outlined-jAJzW6",filled:"filled-IQyZd1",clearButton:"clearButton-BLjcG2",leftIcon:"leftIcon-HWDNl3",supportingText:"supportingText-PZMuMX",disabled:"disabled-w7X_A6",small:"small-NbX064",medium:"medium-V98iUj",large:"large-kuCvxs"};export{e as default};

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

@@ -1 +1 @@
-.root-HwKkFw{gap:var(--spacing-size-8,.5rem);flex-direction:column;display:flex}.container-cV4bnv{display:flex;position:relative}.container-cV4bnv svg{color:var(--color-content-secondary,#646464)}.input-PxLark{all:unset;width:100%;color:var(--color-content-primary,#202020);outline-offset:-2px;border-radius:var(--radius-radii-14,.875rem);outline:2px solid #0000;transition:background .2s ease-in-out,box-shadow .2s ease-in-out,border .2s ease-in-out,opacity .2s ease-in-out,outline .2s ease-in-out}.input-PxLark:focus-visible{outline:2px solid var(--color-interactive-primary,#646464)}.input-PxLark::placeholder{color:var(--color-content-tertiary,gray)}.outlined-jAJzW6{background:var(--color-background-input-primary,#fff);box-shadow:inset 0 0 0 1px rgb(from var(--color-shadow-inner,#20202024)r g b/.14);&:hover{box-shadow:inset 0 0 0 1px rgb(from var(--color-interactive-secondary-hover,#00000073)r g b/.45)}}.filled-IQyZd1{background:rgb(from var(--color-background-input-secondary,#0000000a)r g b/.04);box-shadow:inset 0 0 1px 0 rgb(from var(--color-shadow-inner,#202020)r g b/.14)}.filled-IQyZd1:hover{background:rgb(from var(--color-background-neutral-hover,#00000014)r g b/.08)}.clearButton-BLjcG2{all:unset;pointer-events:none;cursor:pointer;opacity:0;transition:opacity .2s,transform .2s;display:flex;transform:scale(.8)}.clearButton-BLjcG2[data-visible=true]{pointer-events:auto;opacity:1;transform:scale(1)}.leftIcon-HWDNl3,.actionIcons-AI4p_c{position:absolute;top:50%;transform:translateY(-50%)}.actionIcons-AI4p_c{right:calc(var(--spacing-size-8,.5rem) + .5rem);gap:.5rem;display:flex}.leftIcon-HWDNl3{left:var(--spacing-size-8,.5rem)}.supportingText-PZMuMX{gap:var(--spacing-size-8,.5rem);padding-left:var(--spacing-size-8,.5rem);color:var(--color-content-secondary,#646464);display:flex}.disabled-w7X_A6{pointer-events:none;opacity:.38}.small-NbX064 .input-PxLark{height:2rem;padding:0 2.17rem 0 2rem}.small-NbX064 .actionIcons-AI4p_c{right:calc(var(--spacing-size-6,.375rem) + .3rem)}.medium-V98iUj .input-PxLark{height:2.5rem;padding:0 2.7rem 0 2.13rem}.large-kuCvxs .input-PxLark{height:3.5rem;padding:0 2.7rem 0 2.5rem}
+.root-HwKkFw{gap:var(--spacing-size-8,.5rem);flex-direction:column;display:flex}.container-cV4bnv{display:flex;position:relative}.container-cV4bnv svg{color:var(--color-content-secondary,#646464)}.input-PxLark{all:unset;width:100%;color:var(--color-content-primary,#202020);outline-offset:-2px;border-radius:var(--radius-radii-14,.875rem);outline:2px solid #0000;transition:background .2s ease-in-out,box-shadow .2s ease-in-out,border .2s ease-in-out,opacity .2s ease-in-out,outline .2s ease-in-out}.input-PxLark:focus-visible{outline:2px solid var(--color-interactive-primary,#646464)}.input-PxLark::placeholder{color:var(--color-content-tertiary,gray)}.outlined-jAJzW6{background:var(--color-background-input-primary,#fff);box-shadow:inset 0 0 0 1px rgb(from var(--color-shadow-inner,#20202024)r g b/.14);&:hover{box-shadow:inset 0 0 0 1px rgb(from var(--color-interactive-secondary-hover,#00000073)r g b/.45)}}.filled-IQyZd1{background:rgb(from var(--color-background-input-secondary,#0000000a)r g b/.04);box-shadow:inset 0 0 1px 0 rgb(from var(--color-shadow-inner,#202020)r g b/.14)}.filled-IQyZd1:hover{background:rgb(from var(--color-background-neutral-hover,#00000014)r g b/.08)}.clearButton-BLjcG2{top:50%;right:var(--spacing-size-8,.5rem);opacity:0;transition:opacity .2s,transform .2s;display:flex;position:absolute;transform:translateY(-50%)scale(.8)}.clearButton-BLjcG2[data-visible=true]{pointer-events:auto;opacity:1;transform:translateY(-50%)scale(1)}.leftIcon-HWDNl3{top:50%;left:var(--spacing-size-8,.5rem);position:absolute;transform:translateY(-50%)}.supportingText-PZMuMX{gap:var(--spacing-size-8,.5rem);padding-left:var(--spacing-size-8,.5rem);color:var(--color-content-secondary,#646464);display:flex}.disabled-w7X_A6{pointer-events:none;opacity:.38}.small-NbX064 .input-PxLark{height:2rem;padding:0 2.17rem 0 2rem}.small-NbX064 .clearButton-BLjcG2{right:var(--spacing-size-6,.375rem)}.medium-V98iUj .input-PxLark{height:2.5rem;padding:0 2.7rem 0 2.13rem}.large-kuCvxs .input-PxLark{height:3.5rem;padding:0 2.7rem 0 2.5rem}

package/lib/components/text-fields/text-field-password/password-check.styles_module.css

@@ -1 +1 @@
-.background-LDgDY6{fill:#0000;transition:fill .2s ease-in-out}.ring-_B09dI{fill:none;stroke:var(--ring-stroke,transparent);stroke-width:1.5px;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:var(--ring-offset,100);transition:stroke .2s ease-in-out,stroke-dashoffset .2s ease-in-out}.check-pZ_rrm{stroke:#fff}.svg-ZItE89{overflow:visible}.root-hAEpqW{--ring-stroke:rgb(from var(--color-background-neutral-active,#00000014)r g b/.08);--ring-offset:0;--bg-fill:rgb(from var(--color-background-neutral,#0000000a)r g b/.04);color:var(--text-color,inherit);transition:color .2s ease-in-out;& .background-LDgDY6{fill:var(--bg-fill)}&[data-status=default]{--text-color:var(--color-content-secondary,#646464)}&[data-status=required]{--text-color:var(--color-sentiment-negative-primary,#c62a2f);--ring-stroke:var(--color-sentiment-negative-primary,#c62a2f);--ring-offset:0;--bg-fill:var(--color-sentiment-negative-secondary,#ffe5e5);font-weight:500}&[data-status=weak]{--text-color:var(--color-sentiment-negative-primary,#c62a2f);--ring-stroke:var(--color-sentiment-negative-primary,#c62a2f);--ring-offset:-30;--bg-fill:var(--color-sentiment-negative-secondary,#ffe5e5);font-weight:500}&[data-status=mid]{--text-color:var(--color-sentiment-negative-primary,#c62a2f);--ring-stroke:var(--color-sentiment-negative-primary,#c62a2f);--ring-offset:-70;--bg-fill:var(--color-sentiment-negative-secondary,#ffe5e5);font-weight:500}&[data-status=valid]{--text-color:var(--color-sentiment-positive-primary,#006d43);--ring-stroke:transparent;--ring-offset:0;--bg-fill:var(--color-sentiment-positive-primary,#006d43);font-weight:500}}
+.background-LDgDY6{fill:#0000;transition:fill .2s ease-in-out}.ring-_B09dI{fill:none;stroke:var(--ring-stroke,transparent);stroke-width:1.5px;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:var(--ring-offset,100);transition:stroke .2s ease-in-out,stroke-dashoffset .2s ease-in-out}.check-pZ_rrm{stroke:#fff}.svg-ZItE89{overflow:visible}.root-hAEpqW{--ring-stroke:rgb(from var(--color-background-neutral-active,#00000014)r g b/.08);--ring-offset:0;--bg-fill:rgb(from var(--color-background-neutral,#0000000a)r g b/.04);color:var(--text-color,inherit);transition:color .2s ease-in-out;& .background-LDgDY6{fill:var(--bg-fill)}&[data-status=default]{--text-color:var(--color-content-secondary,#646464)}&[data-status=required],&[data-status=weak],&[data-status=mid]{--text-color:var(--color-sentiment-negative-primary,#c62a2f);--ring-stroke:var(--color-sentiment-negative-primary,#c62a2f);--bg-fill:var(--color-sentiment-negative-secondary,#ffe5e5);font-weight:500}&[data-status=weak]{--ring-offset:-30}&[data-status=mid]{--ring-offset:-70}&[data-status=valid]{--ring-offset:-100;--text-color:var(--color-sentiment-positive-primary,#006d43);--ring-stroke:transparent;--bg-fill:var(--color-sentiment-positive-primary,#006d43);font-weight:500;& .background-LDgDY6{transition:fill .2s ease-in-out .2s}}}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sate-lib",
-  "version": "2.1.0",
+  "version": "2.3.0",
   "type": "module",
   "private": false,
   "keywords": [
@@ -142,44 +142,44 @@
     "build:rsdoctor": "RSDOCTOR=true rsbuild build"
   },
   "devDependencies": {
-    "@biomejs/biome": "2.3.8",
-    "@chromatic-com/storybook": "^4.1.3",
-    "@commitlint/cli": "20.2.0",
-    "@commitlint/config-conventional": "20.2.0",
-    "@rsbuild/core": "1.6.14",
-    "@rsbuild/plugin-react": "1.4.2",
-    "@rsbuild/plugin-svgr": "1.2.3",
-    "@rsdoctor/rspack-plugin": "^1.5.1",
-    "@rslib/core": "0.18.4",
-    "@rstest/core": "^0.7.2",
-    "@rstest/coverage-istanbul": "^0.1.0",
+    "@biomejs/biome": "2.3.15",
+    "@chromatic-com/storybook": "^5.0.1",
+    "@commitlint/cli": "20.4.1",
+    "@commitlint/config-conventional": "20.4.1",
+    "@rsbuild/core": "1.7.3",
+    "@rsbuild/plugin-react": "1.4.5",
+    "@rsbuild/plugin-svgr": "1.3.0",
+    "@rsdoctor/rspack-plugin": "^1.5.2",
+    "@rslib/core": "0.19.5",
+    "@rstest/core": "^0.8.4",
+    "@rstest/coverage-istanbul": "^0.2.1",
     "@semantic-release/changelog": "6.0.3",
     "@semantic-release/git": "10.0.1",
-    "@semantic-release/npm": "13.1.2",
-    "@storybook/addon-a11y": "10.1.7",
-    "@storybook/addon-designs": "11.1.0",
-    "@storybook/addon-docs": "10.1.7",
-    "@storybook/addon-links": "10.1.7",
+    "@semantic-release/npm": "13.1.4",
+    "@storybook/addon-a11y": "10.2.8",
+    "@storybook/addon-designs": "11.1.2",
+    "@storybook/addon-docs": "10.2.8",
+    "@storybook/addon-links": "10.2.8",
     "@testing-library/dom": "^10.4.1",
-    "@testing-library/react": "^16.3.0",
-    "@types/node": "25.0.1",
-    "@types/react": "19.2.7",
+    "@testing-library/react": "^16.3.2",
+    "@types/node": "25.2.3",
+    "@types/react": "19.2.14",
     "@types/react-dom": "19.2.3",
-    "chromatic": "^13.3.4",
+    "chromatic": "^15.1.0",
     "husky": "9.1.7",
-    "jsdom": "^27.3.0",
-    "react": "19.2.3",
-    "semantic-release": "25.0.2",
-    "storybook": "10.1.7",
-    "storybook-addon-rslib": "3.1.0",
-    "storybook-react-rsbuild": "3.1.0",
+    "jsdom": "^28.0.0",
+    "react": "19.2.4",
+    "semantic-release": "25.0.3",
+    "storybook": "10.2.8",
+    "storybook-addon-rslib": "3.2.2",
+    "storybook-react-rsbuild": "3.2.2",
     "subset-font": "2.4.0",
     "svgo": "4.0.0",
     "typescript": "5.9.3"
   },
   "peerDependencies": {
-    "react": ">=19.2.3",
-    "react-dom": ">=19.2.3"
+    "react": ">=19.2.4",
+    "react-dom": ">=19.2.4"
   },
   "dependencies": {
     "@radix-ui/react-portal": "1.1.10",