sate-lib 1.41.0 → 1.42.0

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

@@ -1,6 +1,6 @@
 import type { AnchorHTMLAttributes, ButtonHTMLAttributes } from "react";
 import { type IconName } from "../icon/icon";
-type Variant = "filled" | "outlined" | "text" | "toned" | "lightOnContent" | "darkOnContent";
+export type Variant = "filled" | "outlined" | "text" | "toned" | "lightOnContent" | "darkOnContent";
 type Size = "xSmall" | "small" | "medium" | "large";
 type ButtonAsButton = ButtonHTMLAttributes<HTMLButtonElement> & {
     href?: string;

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

@@ -1 +1 @@
-{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../src/components/button/button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AACxE,OAAO,EAAQ,KAAK,QAAQ,EAAE,MAAM,cAAc,CAAC;AAInD,KAAK,OAAO,GACT,QAAQ,GACR,UAAU,GACV,MAAM,GACN,OAAO,GACP,gBAAgB,GAChB,eAAe,CAAC;AACnB,KAAK,IAAI,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAEpD,KAAK,cAAc,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,GAAG;IAC/D,IAAI,CAAC,EAAE,MAAM,CAAC;CACd,CAAC;AACF,KAAK,YAAY,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,GAAG;IAC7D,IAAI,CAAC,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,UAAU,WAAW;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,YAAY,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,KAAK,WAAW,GAAG,WAAW,GAAG,CAAC,cAAc,GAAG,YAAY,CAAC,CAAC;AAEjE,wBAAgB,MAAM,CAAC,EACtB,IAAI,EACJ,OAAkB,EAClB,IAAc,EACd,IAAI,EACJ,YAAqB,EACrB,KAAK,EACL,OAAO,EACP,QAAQ,EACR,SAAc,EACd,GAAG,KAAK,EACR,EAAE,WAAW,2CA0Db"}
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../src/components/button/button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AACxE,OAAO,EAAQ,KAAK,QAAQ,EAAE,MAAM,cAAc,CAAC;AAInD,MAAM,MAAM,OAAO,GAChB,QAAQ,GACR,UAAU,GACV,MAAM,GACN,OAAO,GACP,gBAAgB,GAChB,eAAe,CAAC;AACnB,KAAK,IAAI,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAEpD,KAAK,cAAc,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,GAAG;IAC/D,IAAI,CAAC,EAAE,MAAM,CAAC;CACd,CAAC;AACF,KAAK,YAAY,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,GAAG;IAC7D,IAAI,CAAC,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,UAAU,WAAW;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,YAAY,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,KAAK,WAAW,GAAG,WAAW,GAAG,CAAC,cAAc,GAAG,YAAY,CAAC,CAAC;AAEjE,wBAAgB,MAAM,CAAC,EACtB,IAAI,EACJ,OAAkB,EAClB,IAAc,EACd,IAAI,EACJ,YAAqB,EACrB,KAAK,EACL,OAAO,EACP,QAAQ,EACR,SAAc,EACd,GAAG,KAAK,EACR,EAAE,WAAW,2CA0Db"}

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

@@ -0,0 +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;
+//# sourceMappingURL=drawer-gallery.d.ts.map

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

@@ -0,0 +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,mDA2Cb,CAAC"}

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

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

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

@@ -0,0 +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;
+//# sourceMappingURL=drawer-menu.d.ts.map

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

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

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

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

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

@@ -1,10 +1,6 @@
-export interface DrawerProps {
-    open: boolean;
-    onOpen: (val: boolean) => void;
-    title?: string;
-    className?: string;
-    children?: React.ReactNode;
-    desktopFullScreen?: boolean;
+import { type DrawerInterface } from "./useDrawer";
+export interface DrawerProps extends DrawerInterface {
+    nested?: boolean;
 }
-export declare const Drawer: ({ open, onOpen, title, className, children, desktopFullScreen, }: 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 | null;
 //# 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":"AAUA,MAAM,WAAW,WAAW;IAC3B,IAAI,EAAE,OAAO,CAAC;IACd,MAAM,EAAE,CAAC,GAAG,EAAE,OAAO,KAAK,IAAI,CAAC;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED,eAAO,MAAM,MAAM,GAAI,kEAOpB,WAAW,mDAuFb,CAAC"}
+{"version":3,"file":"drawer.d.ts","sourceRoot":"","sources":["../../../src/components/drawer/drawer.tsx"],"names":[],"mappings":"AAOA,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,mDAgDb,CAAC"}

package/lib/components/drawer/drawer.js

@@ -1,2 +1,2 @@
 "use client";
-import{jsx as e,jsxs as t}from"react/jsx-runtime";import{Portal as r}from"@radix-ui/react-portal";import{useEffect as o,useLayoutEffect as a,useState as l}from"react";import{Button as i}from"../button/button.js";import{Typography as n}from"../typography/typography.js";import s from"./drawer.styles.module.js";let d=({open:d,onOpen:m,title:c,className:u,children:p,desktopFullScreen:f=!1})=>{let[y,h]=l(d),[v,w]=l(!1);o(()=>{if(d)h(!0);else{w(!1);let e=setTimeout(()=>h(!1),300);return()=>clearTimeout(e)}},[d]),a(()=>{if(!y)return;let e=requestAnimationFrame(()=>{w(!0)});return()=>{cancelAnimationFrame(e)}},[y]),o(()=>{if(!y)return;let e=document.body.style.overflow;document.body.style.overflow="hidden";let t=e=>{"Escape"===e.key&&m(!1)};return window.addEventListener("keydown",t),()=>{document.body.style.overflow=e,window.removeEventListener("keydown",t)}},[y,m]);let b=[s.root,u].filter(Boolean).join(" "),k=v?"open":"closed";return y?t(r,{children:[e("div",{"aria-hidden":!0,className:s.overlay,"data-state":k,onClick:()=>m(!1)}),t("div",{"aria-label":c,"aria-modal":"true",className:b,"data-desktop-fullscreen":f?"true":"false","data-state":k,role:"dialog",tabIndex:-1,children:[e(i,{className:s.close,icon:"X",iconPosition:"left",onClick:()=>m(!1),size:"small",variant:"lightOnContent"}),t("div",{className:s.panel,children:[c&&e("div",{className:s.header,children:e(n,{as:"h2",className:s.title,variant:"bodyLargeEmphasis",children:c})}),p]})]})]}):null};export{d as Drawer};
+import{jsx as e,jsxs as a}from"react/jsx-runtime";import{Portal as r}from"@radix-ui/react-portal";import{Activity as i}from"react";import{Button as o}from"../button/button.js";import{Typography as t}from"../typography/typography.js";import l from"./drawer.styles.module.js";import{useDrawer as s}from"./useDrawer.js";let n=({open:n,onOpen:d,title:m,className:c,nested:p,children:h})=>{let{state:f,onClose:u,present:v}=s({onOpenChange:d,open:n}),y=[l.root,c].filter(Boolean).join(" ");return v?e(i,{mode:v?"visible":"hidden",children:a(r,{children:[e("div",{"aria-hidden":!0,className:`${l.overlay} ${p?l.nested:""}`,"data-state":f,onClick:u}),a("div",{"aria-label":m,"aria-modal":"true",className:y,"data-state":f,role:"dialog",tabIndex:-1,children:[e(o,{className:l.close,icon:"X",iconPosition:"left",onClick:u,size:"small",variant:"toned"}),a("div",{className:l.panel,children:[e("div",{className:l.header,children:e(t,{as:"h2",className:l.title,variant:"bodyLargeEmphasis",children:m})}),h]})]})]})}):null};export{n as Drawer};

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

@@ -1 +1 @@
-import"./drawer.styles_module.css";let e={overlay:"overlay-DaEAC4",root:"root-sf4EHo",panel:"panel-RaauhH",header:"header-i2W6Rn",close:"close-EWvEEO"};export{e as default};
+import"./drawer.styles_module.css";let e={overlay:"overlay-DaEAC4",nested:"nested-pRD_ow",panel:"panel-RaauhH",root:"root-sf4EHo",header:"header-i2W6Rn",close:"close-EWvEEO",rootGallery:"rootGallery-I7BGft",rootMenu:"rootMenu-x4puZm"};export{e as default};

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}.root-sf4EHo{--drawer-top-margin:6rem;z-index:101;max-height:calc(100vh - var(--drawer-top-margin));margin-top:var(--drawer-top-margin);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)}.root-sf4EHo[data-desktop-fullscreen=true]{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}.root-sf4EHo[data-desktop-fullscreen=true][data-state=open]{opacity:1}.root-sf4EHo[data-desktop-fullscreen=true] .panel-RaauhH{width:100%;max-width:64rem;padding-top:var(--spacing-size-80,5rem);margin:0 auto}}.header-i2W6Rn{justify-content:center;align-items:center;height:3.5rem;display:flex}.panel-RaauhH{overflow-y:auto}.close-EWvEEO{z-index:102;position:absolute;top:.75rem;left:.75rem}
+.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)}

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

@@ -0,0 +1,5 @@
+import { Drawer } from "./drawer";
+import { DrawerGallery } from "./drawer-gallery";
+import { DrawerMenu } from "./drawer-menu";
+export { Drawer, DrawerGallery, DrawerMenu };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/drawer/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAE3C,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,UAAU,EAAE,CAAC"}

package/lib/components/drawer/index.js

@@ -0,0 +1 @@
+import{Drawer as r}from"./drawer.js";import{DrawerGallery as e}from"./drawer-gallery.js";import{DrawerMenu as a}from"./drawer-menu.js";export{r as Drawer,e as DrawerGallery,a as DrawerMenu};

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

@@ -0,0 +1,19 @@
+export interface DrawerInterface {
+    open: boolean;
+    onOpen: (val: boolean) => void;
+    title: string;
+    className?: string;
+    children?: React.ReactNode;
+}
+type UseDrawerOptions = {
+    open: boolean;
+    onOpenChange: (val: boolean) => void;
+};
+type State = "open" | "closed";
+export declare function useDrawer({ open, onOpenChange }: UseDrawerOptions): {
+    onClose: () => void;
+    present: boolean;
+    state: State;
+};
+export {};
+//# sourceMappingURL=useDrawer.d.ts.map

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

@@ -0,0 +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"}

package/lib/components/drawer/useDrawer.js

@@ -0,0 +1 @@
+import{useEffect as e,useLayoutEffect as t,useState as o}from"react";function n({open:n,onOpenChange:d}){let[r,y]=o(n),[i,l]=o(!1);return e(()=>{if(n)y(!0);else{l(!1);let e=setTimeout(()=>y(!1),300);return()=>clearTimeout(e)}},[n]),t(()=>{if(!r)return;let e=requestAnimationFrame(()=>{l(!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",document.body.style.pointerEvents="none";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="",document.body.style.pointerEvents="",window.removeEventListener("keydown",e)}},[r,d]),{onClose:()=>d(!1),present:r,state:i?"open":"closed"}}export{n as useDrawer};

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

@@ -0,0 +1,9 @@
+import { useEffect } from "react";
+export declare const useIsomorphicLayoutEffect: typeof useEffect;
+type UseMediaQueryOptions = {
+    defaultValue?: boolean;
+    initializeWithValue?: boolean;
+};
+export declare function useMediaQuery(query: string, { defaultValue, initializeWithValue, }?: UseMediaQueryOptions): boolean;
+export {};
+//# sourceMappingURL=useMediaQuery.d.ts.map

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

@@ -0,0 +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"}

package/lib/components/drawer/useMediaQuery.js

@@ -0,0 +1 @@
+import{useEffect as e,useLayoutEffect as t,useState as n}from"react";let i="undefined"!=typeof window?t:e,r="undefined"==typeof window;function d(e,{defaultValue:t=!1,initializeWithValue:o=!0}={}){let a=e=>r?t:window.matchMedia(e).matches,[c,s]=n(()=>o?a(e):t);function u(){s(a(e))}return i(()=>{let t=window.matchMedia(e);return u(),t.addListener?t.addListener(u):t.addEventListener("change",u),()=>{t.removeListener?t.removeListener(u):t.removeEventListener("change",u)}},[e]),c}export{i as useIsomorphicLayoutEffect,d as useMediaQuery};

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

@@ -1,39 +1,39 @@
 import type { SVGProps } from "react";
 export declare const Icons: {
-    readonly ArrowsOutSimple: string;
-    readonly ArrowUpRight: string;
-    readonly CaretDown: string;
-    readonly CaretLeft: string;
-    readonly CaretRight: string;
-    readonly CaretUp: string;
-    readonly CheckboxChecked: string;
-    readonly CheckCircle: string;
-    readonly "CheckCircle-fill": string;
-    readonly DotsNine: string;
-    readonly Export: string;
-    readonly "Eye-fill": string;
-    readonly Gallery: string;
-    readonly GlobeSimple: string;
-    readonly GoogleFill: 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 SlidersHorizontal: string;
-    readonly SquaresFour: string;
-    readonly StarFill: string;
-    readonly TikTok: string;
-    readonly TrafficSign: string;
-    readonly "WarningCircle-fill": string;
-    readonly "WarningTriangle-fill": string;
-    readonly X: string;
-    readonly "XCircle-fill": string;
+    readonly ArrowsOutSimple: import("react").FC<SVGProps<SVGSVGElement>>;
+    readonly ArrowUpRight: import("react").FC<SVGProps<SVGSVGElement>>;
+    readonly CaretDown: import("react").FC<SVGProps<SVGSVGElement>>;
+    readonly CaretLeft: import("react").FC<SVGProps<SVGSVGElement>>;
+    readonly CaretRight: import("react").FC<SVGProps<SVGSVGElement>>;
+    readonly CaretUp: import("react").FC<SVGProps<SVGSVGElement>>;
+    readonly CheckboxChecked: import("react").FC<SVGProps<SVGSVGElement>>;
+    readonly CheckCircle: import("react").FC<SVGProps<SVGSVGElement>>;
+    readonly "CheckCircle-fill": import("react").FC<SVGProps<SVGSVGElement>>;
+    readonly DotsNine: import("react").FC<SVGProps<SVGSVGElement>>;
+    readonly Export: import("react").FC<SVGProps<SVGSVGElement>>;
+    readonly "Eye-fill": import("react").FC<SVGProps<SVGSVGElement>>;
+    readonly Gallery: import("react").FC<SVGProps<SVGSVGElement>>;
+    readonly GlobeSimple: import("react").FC<SVGProps<SVGSVGElement>>;
+    readonly GoogleFill: import("react").FC<SVGProps<SVGSVGElement>>;
+    readonly Info: import("react").FC<SVGProps<SVGSVGElement>>;
+    readonly Instagram: import("react").FC<SVGProps<SVGSVGElement>>;
+    readonly "List-bullet": import("react").FC<SVGProps<SVGSVGElement>>;
+    readonly MagnifyingGlass: import("react").FC<SVGProps<SVGSVGElement>>;
+    readonly Notches: import("react").FC<SVGProps<SVGSVGElement>>;
+    readonly "Pepper-fill": import("react").FC<SVGProps<SVGSVGElement>>;
+    readonly Phone: import("react").FC<SVGProps<SVGSVGElement>>;
+    readonly Placeholder: import("react").FC<SVGProps<SVGSVGElement>>;
+    readonly SealCheck: import("react").FC<SVGProps<SVGSVGElement>>;
+    readonly SealWarning: import("react").FC<SVGProps<SVGSVGElement>>;
+    readonly SlidersHorizontal: import("react").FC<SVGProps<SVGSVGElement>>;
+    readonly SquaresFour: import("react").FC<SVGProps<SVGSVGElement>>;
+    readonly StarFill: import("react").FC<SVGProps<SVGSVGElement>>;
+    readonly TikTok: import("react").FC<SVGProps<SVGSVGElement>>;
+    readonly TrafficSign: import("react").FC<SVGProps<SVGSVGElement>>;
+    readonly "WarningCircle-fill": import("react").FC<SVGProps<SVGSVGElement>>;
+    readonly "WarningTriangle-fill": import("react").FC<SVGProps<SVGSVGElement>>;
+    readonly X: import("react").FC<SVGProps<SVGSVGElement>>;
+    readonly "XCircle-fill": import("react").FC<SVGProps<SVGSVGElement>>;
 };
 export type IconName = keyof typeof Icons;
 export declare const iconNames: IconName[];

package/lib/index.d.ts

@@ -1,7 +1,7 @@
 export { Avatar } from "./components/avatar/avatar";
 export { Badge } from "./components/badge/badge";
 export { Button } from "./components/button/button";
-export { Drawer } from "./components/drawer/drawer";
+export { Drawer, DrawerGallery, DrawerMenu } from "./components/drawer/";
 export { FilterChipGroup } from "./components/filter-chip/filter-chip";
 export { Icon } from "./components/icon/icon";
 export { Logo } from "./components/logo/logo";

package/lib/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,OAAO,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAC;AACjD,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,OAAO,EAAE,eAAe,EAAE,MAAM,sCAAsC,CAAC;AACvE,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,SAAS,EAAE,MAAM,oCAAoC,CAAC;AAC/D,OAAO,EAAE,QAAQ,EAAE,MAAM,kCAAkC,CAAC;AAC5D,OAAO,EAAE,YAAY,EAAE,MAAM,wCAAwC,CAAC;AACtE,OAAO,EAAE,iBAAiB,EAAE,MAAM,oDAAoD,CAAC;AACvF,OAAO,EAAE,WAAW,EAAE,MAAM,wCAAwC,CAAC;AACrE,OAAO,EAAE,gBAAgB,EAAE,MAAM,kDAAkD,CAAC;AACpF,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,UAAU,EAAE,MAAM,oCAAoC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,OAAO,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAC;AACjD,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AACzE,OAAO,EAAE,eAAe,EAAE,MAAM,sCAAsC,CAAC;AACvE,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,SAAS,EAAE,MAAM,oCAAoC,CAAC;AAC/D,OAAO,EAAE,QAAQ,EAAE,MAAM,kCAAkC,CAAC;AAC5D,OAAO,EAAE,YAAY,EAAE,MAAM,wCAAwC,CAAC;AACtE,OAAO,EAAE,iBAAiB,EAAE,MAAM,oDAAoD,CAAC;AACvF,OAAO,EAAE,WAAW,EAAE,MAAM,wCAAwC,CAAC;AACrE,OAAO,EAAE,gBAAgB,EAAE,MAAM,kDAAkD,CAAC;AACpF,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,UAAU,EAAE,MAAM,oCAAoC,CAAC"}

package/lib/index.js

@@ -1 +1 @@
-import{Avatar as o}from"./components/avatar/avatar.js";import{Badge as r}from"./components/badge/badge.js";import{Button as t}from"./components/button/button.js";import{Drawer as m}from"./components/drawer/drawer.js";import{FilterChipGroup as n}from"./components/filter-chip/filter-chip.js";import{Icon as e}from"./components/icon/icon.js";import{Logo as p}from"./components/logo/logo.js";import{MapMarker as s}from"./components/map-marker/map-marker.js";import{MenuItem as i}from"./components/menu-item/menu-item.js";import{Notification as a}from"./components/notification/notification.js";import{ProgressIndicator as c}from"./components/progress-indicator/progress-indicator.js";import{SearchInput as f}from"./components/search-input/search-input.js";import{SegmentedControl as g}from"./components/segmented-control/segmented-control.js";import{Tabs as j}from"./components/tabs/tabs.js";import{Typography as d}from"./components/typography/typography.js";export{o as Avatar,r as Badge,t as Button,m as Drawer,n as FilterChipGroup,e as Icon,p as Logo,s as MapMarker,i as MenuItem,a as Notification,c as ProgressIndicator,f as SearchInput,g as SegmentedControl,j as Tabs,d as Typography};
+import{Avatar as o}from"./components/avatar/avatar.js";import{Badge as r}from"./components/badge/badge.js";import{Button as t}from"./components/button/button.js";import{Drawer as n,DrawerGallery as m,DrawerMenu as e}from"./components/drawer/index.js";import{FilterChipGroup as p}from"./components/filter-chip/filter-chip.js";import{Icon as s}from"./components/icon/icon.js";import{Logo as i}from"./components/logo/logo.js";import{MapMarker as a}from"./components/map-marker/map-marker.js";import{MenuItem as c}from"./components/menu-item/menu-item.js";import{Notification as f}from"./components/notification/notification.js";import{ProgressIndicator as g}from"./components/progress-indicator/progress-indicator.js";import{SearchInput as j}from"./components/search-input/search-input.js";import{SegmentedControl as d}from"./components/segmented-control/segmented-control.js";import{Tabs as u}from"./components/tabs/tabs.js";import{Typography as l}from"./components/typography/typography.js";export{o as Avatar,r as Badge,t as Button,n as Drawer,m as DrawerGallery,e as DrawerMenu,p as FilterChipGroup,s as Icon,i as Logo,a as MapMarker,c as MenuItem,f as Notification,g as ProgressIndicator,j as SearchInput,d as SegmentedControl,u as Tabs,l as Typography};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sate-lib",
-  "version": "1.41.0",
+  "version": "1.42.0",
   "type": "module",
   "private": false,
   "keywords": [
@@ -26,8 +26,8 @@
       "types": "./lib/components/button/button.d.ts"
     },
     "./drawer": {
-      "import": "./lib/components/drawer/drawer.js",
-      "types": "./lib/components/drawer/drawer.d.ts"
+      "import": "./lib/components/drawer/index.js",
+      "types": "./lib/components/drawer/index.d.ts"
     },
     "./badge": {
       "import": "./lib/components/badge/badge.js",
@@ -103,26 +103,26 @@
     "prepare": "husky"
   },
   "devDependencies": {
-    "@biomejs/biome": "2.2.5",
+    "@biomejs/biome": "2.2.6",
     "@commitlint/cli": "20.1.0",
     "@commitlint/config-conventional": "20.0.0",
-    "@rsbuild/core": "1.5.16",
+    "@rsbuild/core": "1.5.17",
     "@rsbuild/plugin-react": "1.4.1",
     "@rsbuild/plugin-svgr": "1.2.2",
-    "@rslib/core": "0.15.0",
+    "@rslib/core": "0.15.1",
     "@semantic-release/changelog": "6.0.3",
     "@semantic-release/git": "10.0.1",
-    "@semantic-release/npm": "12.0.2",
-    "@storybook/addon-a11y": "9.1.10",
+    "@semantic-release/npm": "13.0.0",
+    "@storybook/addon-a11y": "9.1.12",
     "@storybook/addon-designs": "10.0.2",
-    "@storybook/addon-docs": "9.1.10",
-    "@storybook/addon-links": "9.1.10",
-    "@types/node": "24.7.2",
+    "@storybook/addon-docs": "9.1.12",
+    "@storybook/addon-links": "9.1.12",
+    "@types/node": "24.8.1",
     "@types/react": "19.2.2",
     "husky": "9.1.7",
     "react": "19.2.0",
-    "semantic-release": "24.2.9",
-    "storybook": "9.1.10",
+    "semantic-release": "25.0.0",
+    "storybook": "9.1.12",
     "storybook-addon-rslib": "^2.1.2",
     "storybook-react-rsbuild": "^2.1.2",
     "subset-font": "2.4.0",