sate-lib 1.40.0 → 1.42.0

package/README.md

@@ -14,7 +14,8 @@ 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/)
+- [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)
 
 ### Development & Configuration
 

package/lib/assets/icons/Gallery.js

@@ -0,0 +1 @@
+import{jsx as a,jsxs 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:[a("path",{d:"M2 4a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2z"}),a("path",{d:"M2 16a1 1 0 0 1 1-1h18a1 1 0 0 1 1 1v1a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2z",opacity:.75}),a("path",{d:"M2 21a1 1 0 0 1 1-1h18a1 1 0 0 1 1 1 2 2 0 0 1-2 2H4a2 2 0 0 1-2-2",opacity:.5})]});export{r as default};

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

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

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

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

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

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

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

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,38 +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 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/components/icon/icon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"icon.d.ts","sourceRoot":"","sources":["../../../src/components/icon/icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAmCtC,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkCR,CAAC;AAEX,MAAM,MAAM,QAAQ,GAAG,MAAM,OAAO,KAAK,CAAC;AAE1C,eAAO,MAAM,SAAS,EAAyB,QAAQ,EAAE,CAAC;AAE1D,MAAM,WAAW,SAAU,SAAQ,QAAQ,CAAC,aAAa,CAAC;IACzD;;OAEG;IACH,IAAI,EAAE,QAAQ,CAAC;IACf;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CACf;AAED,wBAAgB,IAAI,CAAC,EACpB,IAAI,EACJ,IAAS,EACT,KAAsB,EACtB,GAAG,IAAI,EACP,EAAE,SAAS,kDAMX"}
+{"version":3,"file":"icon.d.ts","sourceRoot":"","sources":["../../../src/components/icon/icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAoCtC,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmCR,CAAC;AAEX,MAAM,MAAM,QAAQ,GAAG,MAAM,OAAO,KAAK,CAAC;AAE1C,eAAO,MAAM,SAAS,EAAyB,QAAQ,EAAE,CAAC;AAE1D,MAAM,WAAW,SAAU,SAAQ,QAAQ,CAAC,aAAa,CAAC;IACzD;;OAEG;IACH,IAAI,EAAE,QAAQ,CAAC;IACf;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CACf;AAED,wBAAgB,IAAI,CAAC,EACpB,IAAI,EACJ,IAAS,EACT,KAAsB,EACtB,GAAG,IAAI,EACP,EAAE,SAAS,kDAMX"}

package/lib/components/icon/icon.js

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

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

@@ -8,7 +8,7 @@ interface Option {
 interface SegmentedControlProps {
     options: Option[];
     defaultValue: string;
-    value: string;
+    value?: string;
     onChange?: (value: string) => void;
     className?: string;
 }

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

@@ -1 +1 @@
-{"version":3,"file":"segmented-control.d.ts","sourceRoot":"","sources":["../../../src/components/segmented-control/segmented-control.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAQ,KAAK,QAAQ,EAAE,MAAM,cAAc,CAAC;AAGnD,UAAU,MAAM;IACf,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,UAAU,qBAAqB;IAC9B,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,YAAY,EAAE,MAAM,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,wBAAgB,gBAAgB,CAAC,EAChC,OAAO,EACP,KAAK,EACL,YAAY,EACZ,QAAQ,EACR,SAAc,GACd,EAAE,qBAAqB,2CA4EvB"}
+{"version":3,"file":"segmented-control.d.ts","sourceRoot":"","sources":["../../../src/components/segmented-control/segmented-control.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAQ,KAAK,QAAQ,EAAE,MAAM,cAAc,CAAC;AAGnD,UAAU,MAAM;IACf,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,UAAU,qBAAqB;IAC9B,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,YAAY,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,wBAAgB,gBAAgB,CAAC,EAChC,OAAO,EACP,KAAK,EACL,YAAY,EACZ,QAAQ,EACR,SAAc,GACd,EAAE,qBAAqB,2CA4EvB"}

package/lib/index.d.ts

@@ -1,6 +1,7 @@
 export { Avatar } from "./components/avatar/avatar";
 export { Badge } from "./components/badge/badge";
 export { Button } from "./components/button/button";
+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,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 t}from"./components/badge/badge.js";import{Button as r}from"./components/button/button.js";import{FilterChipGroup as m}from"./components/filter-chip/filter-chip.js";import{Icon as n}from"./components/icon/icon.js";import{Logo as p}from"./components/logo/logo.js";import{MapMarker as e}from"./components/map-marker/map-marker.js";import{MenuItem as s}from"./components/menu-item/menu-item.js";import{Notification as i}from"./components/notification/notification.js";import{ProgressIndicator as a}from"./components/progress-indicator/progress-indicator.js";import{SearchInput as c}from"./components/search-input/search-input.js";import{SegmentedControl as f}from"./components/segmented-control/segmented-control.js";import{Tabs as g}from"./components/tabs/tabs.js";import{Typography as j}from"./components/typography/typography.js";export{o as Avatar,t as Badge,r as Button,m as FilterChipGroup,n as Icon,p as Logo,e as MapMarker,s as MenuItem,i as Notification,a as ProgressIndicator,c as SearchInput,f as SegmentedControl,g as Tabs,j 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.40.0",
+  "version": "1.42.0",
   "type": "module",
   "private": false,
   "keywords": [
@@ -25,6 +25,10 @@
       "import": "./lib/components/button/button.js",
       "types": "./lib/components/button/button.d.ts"
     },
+    "./drawer": {
+      "import": "./lib/components/drawer/index.js",
+      "types": "./lib/components/drawer/index.d.ts"
+    },
     "./badge": {
       "import": "./lib/components/badge/badge.js",
       "types": "./lib/components/badge/badge.d.ts"
@@ -99,27 +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.13",
+    "@rsbuild/core": "1.5.17",
     "@rsbuild/plugin-react": "1.4.1",
-    "@rsbuild/plugin-sass": "1.4.0",
     "@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.6.2",
-    "@types/react": "19.2.0",
+    "@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",
@@ -131,6 +134,7 @@
     "react-dom": ">=16.9.0"
   },
   "dependencies": {
+    "@radix-ui/react-portal": "^1.1.9",
     "@radix-ui/react-radio-group": "1.3.8"
   }
 }