sate-lib 1.48.0 → 1.50.0

package/README.md

@@ -16,6 +16,7 @@ A lightweight and modular React component library designed for modern web interf
 - [CSS Modules](https://github.com/css-modules/css-modules)
 - [Radix UI - Portal](https://www.radix-ui.com/primitives/docs/utilities/portal)
 - [Radix UI - Radio-Group](https://www.radix-ui.com/primitives/docs/components/radio-group)
+- [React Remove Scroll](https://www.npmjs.com/package/react-remove-scroll?activeTab=readme)
 
 ### Development & Configuration
 

package/lib/components/drawer/drawer-gallery.d.ts

@@ -1,5 +1,5 @@
 import { type DrawerInterface } from "./useDrawer";
 export interface DrawerProps extends DrawerInterface {
 }
-export declare const DrawerGallery: ({ open, onOpen, title, className, children, }: DrawerProps) => import("react/jsx-runtime").JSX.Element | null;
+export declare const DrawerGallery: ({ open, onOpen, title, className, children, }: DrawerProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=drawer-gallery.d.ts.map

package/lib/components/drawer/drawer-gallery.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"drawer-gallery.d.ts","sourceRoot":"","sources":["../../../src/components/drawer/drawer-gallery.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,KAAK,eAAe,EAAa,MAAM,aAAa,CAAC;AAG9D,MAAM,WAAW,WAAY,SAAQ,eAAe;CAAG;AAEvD,eAAO,MAAM,aAAa,GAAI,+CAM3B,WAAW,mDAyCb,CAAC"}
+{"version":3,"file":"drawer-gallery.d.ts","sourceRoot":"","sources":["../../../src/components/drawer/drawer-gallery.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,KAAK,eAAe,EAAa,MAAM,aAAa,CAAC;AAG9D,MAAM,WAAW,WAAY,SAAQ,eAAe;CAAG;AAEvD,eAAO,MAAM,aAAa,GAAI,+CAM3B,WAAW,4CA2Cb,CAAC"}

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

@@ -1,2 +1,2 @@
 "use client";
-import{jsx as e,jsxs as r}from"react/jsx-runtime";import{Portal as a}from"@radix-ui/react-portal";import{Button as o}from"../button/button.js";import t from"./drawer.styles.module.js";import{useDrawer as i}from"./useDrawer.js";import{useMediaQuery as l}from"./useMediaQuery.js";let n=({open:n,onOpen:s,title:m,className:d,children:c})=>{let p=l("(min-width: 900px)"),{state:u,onClose:f,present:h}=i({onOpenChange:s,open:n}),j=[t.root,t.rootGallery,d].filter(Boolean).join(" ");return h?r(a,{children:[e("div",{"aria-hidden":!0,className:t.overlay,"data-state":u,onClick:f}),r("div",{"aria-label":m,"aria-modal":"true",className:j,"data-state":u,role:"dialog",tabIndex:-1,children:[e(o,{className:t.close,icon:"X",iconPosition:"left",onClick:f,size:"small",variant:p?"toned":"lightOnContent"}),e("div",{className:t.panel,children:c})]})]}):null};export{n as DrawerGallery};
+import{jsx as r,jsxs as e}from"react/jsx-runtime";import{Portal as o}from"@radix-ui/react-portal";import{Activity as a}from"react";import{RemoveScroll as t}from"react-remove-scroll";import{Button as i}from"../button/button.js";import l from"./drawer.styles.module.js";import{useDrawer as n}from"./useDrawer.js";import{useMediaQuery as m}from"./useMediaQuery.js";let s=({open:s,onOpen:d,title:c,className:p,children:f})=>{let h=m("(min-width: 900px)"),{state:u,onClose:v,present:j}=n({onOpenChange:d,open:s}),b=[l.root,l.rootGallery,p].filter(Boolean).join(" ");return r(a,{mode:j?"visible":"hidden",children:e(o,{children:[r("div",{"aria-hidden":!0,className:l.overlay,"data-state":u,onClick:v}),r(t,{forwardProps:!0,children:e("div",{"aria-label":c,"aria-modal":"true",className:b,"data-state":u,role:"dialog",tabIndex:-1,children:[r(i,{className:l.close,icon:"X",iconPosition:"left",onClick:v,size:"small",variant:h?"toned":"lightOnContent"}),r("div",{className:l.panel,children:f})]})})]})})};export{s as DrawerGallery};

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

@@ -1,5 +1,5 @@
 import { type DrawerInterface } from "./useDrawer";
 export interface DrawerProps extends DrawerInterface {
 }
-export declare const DrawerMenu: ({ open, onOpen, title, className, children, }: DrawerProps) => import("react/jsx-runtime").JSX.Element | null;
+export declare const DrawerMenu: ({ open, onOpen, title, className, children, }: DrawerProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=drawer-menu.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"drawer-menu.d.ts","sourceRoot":"","sources":["../../../src/components/drawer/drawer-menu.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,KAAK,eAAe,EAAa,MAAM,aAAa,CAAC;AAE9D,MAAM,WAAW,WAAY,SAAQ,eAAe;CAAG;AAEvD,eAAO,MAAM,UAAU,GAAI,+CAMxB,WAAW,mDAwCb,CAAC"}
+{"version":3,"file":"drawer-menu.d.ts","sourceRoot":"","sources":["../../../src/components/drawer/drawer-menu.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,KAAK,eAAe,EAAa,MAAM,aAAa,CAAC;AAE9D,MAAM,WAAW,WAAY,SAAQ,eAAe;CAAG;AAEvD,eAAO,MAAM,UAAU,GAAI,+CAMxB,WAAW,4CA0Cb,CAAC"}

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

@@ -1,2 +1,2 @@
 "use client";
-import{jsx as e,jsxs as a}from"react/jsx-runtime";import{Portal as r}from"@radix-ui/react-portal";import{Button as o}from"../button/button.js";import t from"./drawer.styles.module.js";import{useDrawer as i}from"./useDrawer.js";let l=({open:l,onOpen:n,title:s,className:m,children:d})=>{let{state:c,onClose:u,present:p}=i({onOpenChange:n,open:l}),f=[t.root,t.rootMenu,m].filter(Boolean).join(" ");return p?a(r,{children:[e("div",{"aria-hidden":!0,className:t.overlay,"data-state":c,onClick:u}),a("div",{"aria-label":s,"aria-modal":"true",className:f,"data-state":c,role:"dialog",tabIndex:-1,children:[e(o,{className:t.close,icon:"X",iconPosition:"left",onClick:u,size:"small",variant:"lightOnContent"}),e("div",{className:t.panel,children:d})]})]}):null};export{l as DrawerMenu};
+import{jsx as r,jsxs as e}from"react/jsx-runtime";import{Portal as o}from"@radix-ui/react-portal";import{Activity as a}from"react";import{RemoveScroll as t}from"react-remove-scroll";import{Button as i}from"../button/button.js";import l from"./drawer.styles.module.js";import{useDrawer as n}from"./useDrawer.js";let m=({open:m,onOpen:s,title:d,className:c,children:p})=>{let{state:f,onClose:u,present:h}=n({onOpenChange:s,open:m}),v=[l.root,l.rootMenu,c].filter(Boolean).join(" ");return r(a,{mode:h?"visible":"hidden",children:e(o,{children:[r("div",{"aria-hidden":!0,className:l.overlay,"data-state":f,onClick:u}),r(t,{forwardProps:!0,children:e("div",{"aria-label":d,"aria-modal":"true",className:v,"data-state":f,role:"dialog",tabIndex:-1,children:[r(i,{className:l.close,icon:"X",iconPosition:"left",onClick:u,size:"small",variant:"lightOnContent"}),r("div",{className:l.panel,children:p})]})})]})})};export{m as DrawerMenu};

package/lib/components/drawer/drawer.d.ts

@@ -2,5 +2,5 @@ import { type DrawerInterface } from "./useDrawer";
 export interface DrawerProps extends DrawerInterface {
     nested?: boolean;
 }
-export declare const Drawer: ({ open, onOpen, title, className, nested, children, }: DrawerProps) => import("react/jsx-runtime").JSX.Element | null;
+export declare const Drawer: ({ open, onOpen, title, className, nested, children, }: DrawerProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=drawer.d.ts.map

package/lib/components/drawer/drawer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"drawer.d.ts","sourceRoot":"","sources":["../../../src/components/drawer/drawer.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,KAAK,eAAe,EAAa,MAAM,aAAa,CAAC;AAE9D,MAAM,WAAW,WAAY,SAAQ,eAAe;IACnD,MAAM,CAAC,EAAE,OAAO,CAAC;CACjB;AAED,eAAO,MAAM,MAAM,GAAI,uDAOpB,WAAW,mDA8Cb,CAAC"}
+{"version":3,"file":"drawer.d.ts","sourceRoot":"","sources":["../../../src/components/drawer/drawer.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,KAAK,eAAe,EAAa,MAAM,aAAa,CAAC;AAE9D,MAAM,WAAW,WAAY,SAAQ,eAAe;IACnD,MAAM,CAAC,EAAE,OAAO,CAAC;CACjB;AAED,eAAO,MAAM,MAAM,GAAI,uDAOpB,WAAW,4CAqDb,CAAC"}

package/lib/components/drawer/drawer.js

@@ -1,2 +1,2 @@
 "use client";
-import{jsx as a,jsxs as e}from"react/jsx-runtime";import{Portal as r}from"@radix-ui/react-portal";import{Button as t}from"../button/button.js";import{Typography as o}from"../typography/typography.js";import i from"./drawer.styles.module.js";import{useDrawer as l}from"./useDrawer.js";let s=({open:s,onOpen:n,title:d,className:m,nested:c,children:p})=>{let{state:h,onClose:u,present:f}=l({onOpenChange:n,open:s}),v=[i.root,m].filter(Boolean).join(" ");return f?e(r,{children:[a("div",{"aria-hidden":!0,className:`${i.overlay} ${c?i.nested:""}`,"data-state":h,onClick:u}),e("div",{"aria-label":d,"aria-modal":"true",className:v,"data-state":h,role:"dialog",tabIndex:-1,children:[a(t,{className:i.close,icon:"X",iconPosition:"left",onClick:u,size:"small",variant:"toned"}),e("div",{className:i.panel,children:[a("div",{className:i.header,children:a(o,{as:"h2",className:i.title,variant:"bodyLargeEmphasis",children:d})}),p]})]})]}):null};export{s as Drawer};
+import{jsx as r,jsxs as e}from"react/jsx-runtime";import{Portal as a}from"@radix-ui/react-portal";import{Activity as o}from"react";import{RemoveScroll as i}from"react-remove-scroll";import{Button as t}from"../button/button.js";import{Typography as l}from"../typography/typography.js";import s from"./drawer.styles.module.js";import{useDrawer as d}from"./useDrawer.js";let m=({open:m,onOpen:n,title:c,className:p,nested:h,children:f})=>{let{state:v,onClose:u,present:y}=d({onOpenChange:n,open:m}),b=[s.root,p].filter(Boolean).join(" ");return r(o,{mode:y?"visible":"hidden",children:e(a,{children:[r("div",{"aria-hidden":!0,className:`${s.overlay} ${h?s.nested:""}`,"data-state":v,onClick:u}),r(i,{forwardProps:!0,children:e("div",{"aria-label":c,"aria-modal":"true",className:b,"data-state":v,role:"dialog",tabIndex:-1,children:[r(t,{className:s.close,icon:"X",iconPosition:"left",onClick:u,size:"small",variant:"toned"}),e("div",{className:s.panel,children:[r("div",{className:s.header,children:r(l,{as:"h2",className:s.title,variant:"bodyLargeEmphasis",children:c})}),f]})]})})]})})};export{m as Drawer};

package/lib/components/drawer/drawer.styles_module.css

@@ -1 +1 @@
-.overlay-DaEAC4{z-index:100;pointer-events:none;opacity:0;will-change:opacity;background:#0006;transition:opacity .3s cubic-bezier(.32,.72,0,1);position:fixed;inset:0}.overlay-DaEAC4[data-state=open]{pointer-events:auto;opacity:1}.nested-pRD_ow{z-index:102}.panel-RaauhH{overflow-y:auto}.root-sf4EHo{--drawer-top-margin:6rem;z-index:102;max-height:calc(100vh - var(--drawer-top-margin));margin-top:var(--drawer-top-margin);touch-action:none;background:var(--color-white,#fff);border-top-left-radius:var(--radius-radii-24,1.5rem);border-top-right-radius:var(--radius-radii-24,1.5rem);box-shadow:var(--box-shadow-5);will-change:transform;flex-direction:column;transition:transform .3s cubic-bezier(.22,.61,.36,1);display:flex;position:fixed;bottom:0;left:0;right:0;overflow-y:auto;transform:translateY(100%)}.root-sf4EHo[data-state=open]{transform:translateY(0)}@media (width>=900px){.root-sf4EHo{border-radius:var(--radius-radii-24,1.5rem);opacity:0;width:24.375rem;max-height:80vh;margin-top:0;transition:transform .3s cubic-bezier(.22,.61,.36,1),opacity .22s cubic-bezier(.32,.72,0,1);inset:50% auto auto 50%;transform:translate(-50%,-50%)scale(.95)}.root-sf4EHo[data-state=open]{opacity:1;transform:translate(-50%,-50%)scale(1)}}.header-i2W6Rn{justify-content:center;align-items:center;height:3.5rem;display:flex}.close-EWvEEO{z-index:102;position:absolute;top:.75rem;left:.75rem}@media (width>=900px){.rootGallery-I7BGft{opacity:0;border-radius:0;width:100vw;height:100vh;max-height:none;margin-top:0;transition:opacity .3s cubic-bezier(.32,.72,0,1);inset:0;transform:none}.rootGallery-I7BGft[data-state=open]{opacity:1;transform:none}.rootGallery-I7BGft .panel-RaauhH{padding:var(--spacing-size-80,5rem)10vw;margin:0 auto}}.rootMenu-x4puZm{border-radius:0;max-height:100vh;margin-top:0;transform:translate(100%)}.rootMenu-x4puZm[data-state=open]{transform:translate(0)}
+.overlay-DaEAC4{z-index:100;pointer-events:none;opacity:0;will-change:opacity;background:#0006;transition:opacity .35s cubic-bezier(.32,.72,0,1);position:fixed;inset:0}.overlay-DaEAC4[data-state=open]{pointer-events:auto;opacity:1}.nested-pRD_ow{z-index:102}.panel-RaauhH{overflow-y:auto}.root-sf4EHo{--drawer-top-margin:6rem;z-index:102;max-height:calc(100% - var(--drawer-top-margin));margin-top:var(--drawer-top-margin);pointer-events:auto;touch-action:none;background:var(--color-white,#fff);border-top-left-radius:var(--radius-radii-24,1.5rem);border-top-right-radius:var(--radius-radii-24,1.5rem);box-shadow:var(--box-shadow-5);will-change:transform;flex-direction:column;transition:transform .35s cubic-bezier(.22,.61,.36,1);display:flex;position:fixed;bottom:0;left:0;right:0;overflow-y:auto;transform:translateY(100%)}.root-sf4EHo[data-state=open]{transform:translateY(0)}@media (width>=900px){.root-sf4EHo{border-radius:var(--radius-radii-24,1.5rem);opacity:0;width:24.375rem;max-height:80vh;margin-top:0;transition:transform .35s cubic-bezier(.22,.61,.36,1),opacity .22s cubic-bezier(.32,.72,0,1);inset:50% auto auto 50%;transform:translate(-50%,-50%)scale(.95)}.root-sf4EHo[data-state=open]{opacity:1;transform:translate(-50%,-50%)scale(1)}}.header-i2W6Rn{justify-content:center;align-items:center;height:3.5rem;display:flex}.close-EWvEEO{z-index:102;position:absolute;top:.75rem;left:.75rem}@media (width>=900px){.rootGallery-I7BGft{opacity:0;border-radius:0;width:100vw;height:100vh;max-height:none;margin-top:0;transition:opacity .35s cubic-bezier(.32,.72,0,1);inset:0;transform:none}.rootGallery-I7BGft[data-state=open]{opacity:1;transform:none}.rootGallery-I7BGft .panel-RaauhH{padding:var(--spacing-size-80,5rem)10vw;margin:0 auto}}.rootMenu-x4puZm{border-radius:0;max-height:100%;margin-top:0;transform:translate(100%)}.rootMenu-x4puZm[data-state=open]{transform:translate(0)}

package/lib/components/drawer/useDrawer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useDrawer.d.ts","sourceRoot":"","sources":["../../../src/components/drawer/useDrawer.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,eAAe;IAC/B,IAAI,EAAE,OAAO,CAAC;IACd,MAAM,EAAE,CAAC,GAAG,EAAE,OAAO,KAAK,IAAI,CAAC;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,KAAK,gBAAgB,GAAG;IACvB,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,CAAC,GAAG,EAAE,OAAO,KAAK,IAAI,CAAC;CACrC,CAAC;AAEF,KAAK,KAAK,GAAG,MAAM,GAAG,QAAQ,CAAC;AAI/B,wBAAgB,SAAS,CAAC,EAAE,IAAI,EAAE,YAAY,EAAE,EAAE,gBAAgB;;;;EAqEjE"}
+{"version":3,"file":"useDrawer.d.ts","sourceRoot":"","sources":["../../../src/components/drawer/useDrawer.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,eAAe;IAC/B,IAAI,EAAE,OAAO,CAAC;IACd,MAAM,EAAE,CAAC,GAAG,EAAE,OAAO,KAAK,IAAI,CAAC;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,KAAK,gBAAgB,GAAG;IACvB,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,CAAC,GAAG,EAAE,OAAO,KAAK,IAAI,CAAC;CACrC,CAAC;AAEF,KAAK,KAAK,GAAG,MAAM,GAAG,QAAQ,CAAC;AAI/B,wBAAgB,SAAS,CAAC,EAAE,IAAI,EAAE,YAAY,EAAE,EAAE,gBAAgB;;;;EAmDjE"}

package/lib/components/drawer/useDrawer.js

@@ -1 +1 @@
-import{useEffect as e,useLayoutEffect as t,useState as o}from"react";function n({open:n,onOpenChange:d}){let[r,i]=o(n),[l,y]=o(!1);return e(()=>{if(n)i(!0);else{y(!1);let e=setTimeout(()=>i(!1),400);return()=>clearTimeout(e)}},[n]),t(()=>{if(!r)return;let e=requestAnimationFrame(()=>{y(!0)});return()=>{cancelAnimationFrame(e)}},[r]),e(()=>{if(!r)return;document.documentElement.style.scrollBehavior="auto",document.body.style.overflow="hidden",document.body.style.overscrollBehavior="contain",document.body.style.position="relative",document.body.style.paddingLeft="0px",document.body.style.paddingTop="0px",document.body.style.paddingRight="0px",document.body.style.marginLeft="0",document.body.style.marginTop="0",document.body.style.marginRight="0px";let e=e=>{"Escape"===e.key&&d(!1)};return window.addEventListener("keydown",e),()=>{document.documentElement.style.scrollBehavior="",document.body.style.overflow="",document.body.style.overscrollBehavior="",document.body.style.position="",document.body.style.paddingLeft="",document.body.style.paddingTop="",document.body.style.paddingRight="",document.body.style.marginLeft="",document.body.style.marginTop="",document.body.style.marginRight="",window.removeEventListener("keydown",e)}},[r,d]),{onClose:()=>d(!1),present:r,state:l?"open":"closed"}}export{n as useDrawer};
+import{useEffect as e,useLayoutEffect as t,useState as n}from"react";function o({open:o,onOpenChange:r}){let[i,l]=n(o),[s,u]=n(!1);return e(()=>{if(o)l(!0);else{u(!1);let e=setTimeout(()=>l(!1),350);return()=>clearTimeout(e)}},[o]),t(()=>{if(!i)return;let e=requestAnimationFrame(()=>{u(!0)});return()=>{cancelAnimationFrame(e)}},[i]),e(()=>{if(!i)return;document.documentElement.style.scrollBehavior="auto",document.body.style.pointerEvents="none";let e=e=>{"Escape"===e.key&&r(!1)};return window.addEventListener("keydown",e),()=>{document.documentElement.style.scrollBehavior="",document.body.style.pointerEvents="",window.removeEventListener("keydown",e)}},[i,r]),{onClose:()=>r(!1),present:i,state:s?"open":"closed"}}export{o as useDrawer};

package/lib/components/drawer/useMediaQuery.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useMediaQuery.d.ts","sourceRoot":"","sources":["../../../src/components/drawer/useMediaQuery.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAmB,MAAM,OAAO,CAAC;AAEnD,eAAO,MAAM,yBAAyB,kBACsB,CAAC;AAI7D,KAAK,oBAAoB,GAAG;IAC3B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,mBAAmB,CAAC,EAAE,OAAO,CAAC;CAC9B,CAAC;AAIF,wBAAgB,aAAa,CAC5B,KAAK,EAAE,MAAM,EACb,EACC,YAAoB,EACpB,mBAA0B,GAC1B,GAAE,oBAAyB,GAC1B,OAAO,CA2CT"}
+{"version":3,"file":"useMediaQuery.d.ts","sourceRoot":"","sources":["../../../src/components/drawer/useMediaQuery.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAA6B,MAAM,OAAO,CAAC;AAE7D,eAAO,MAAM,yBAAyB,kBACsB,CAAC;AAE7D,KAAK,oBAAoB,GAAG;IAC3B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,mBAAmB,CAAC,EAAE,OAAO,CAAC;CAC9B,CAAC;AAIF,wBAAgB,aAAa,CAC5B,KAAK,EAAE,MAAM,EACb,EACC,YAAoB,EACpB,mBAA0B,GAC1B,GAAE,oBAAyB,GAC1B,OAAO,CAwCT"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sate-lib",
-  "version": "1.48.0",
+  "version": "1.50.0",
   "type": "module",
   "private": false,
   "keywords": [
@@ -143,6 +143,7 @@
   },
   "dependencies": {
     "@radix-ui/react-portal": "^1.1.9",
-    "@radix-ui/react-radio-group": "1.3.8"
+    "@radix-ui/react-radio-group": "1.3.8",
+    "react-remove-scroll": "^2.7.1"
   }
 }