sate-lib 1.39.0 → 1.41.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/README.md CHANGED
@@ -14,7 +14,8 @@ A lightweight and modular React component library designed for modern web interf
14
14
  - [Typescript](https://www.typescriptlang.org/)
15
15
  - [Storybook](https://storybook.js.org/)
16
16
  - [CSS Modules](https://github.com/css-modules/css-modules)
17
- - [Radix UI](https://www.radix-ui.com/)
17
+ - [Radix UI - Portal](https://www.radix-ui.com/primitives/docs/utilities/portal)
18
+ - [Radix UI - Radio-Group](https://www.radix-ui.com/primitives/docs/components/radio-group)
18
19
 
19
20
  ### Development & Configuration
20
21
 
@@ -0,0 +1 @@
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};
@@ -1 +1 @@
1
- .button-dWV52U{cursor:pointer;border-radius:var(--radius-radii-12,.75rem);border:0;justify-content:center;align-items:center;transition:transform .2s,outline .2s,background .2s,box-shadow .2s;display:inline-flex;position:relative;transform:scale(1);&:focus-visible{outline:2px solid var(--color-background-screen,#fdfdf9)}}.directionRight-kW0Joo{flex-direction:row-reverse}.button-dWV52U:disabled,.button-dWV52U.loading-BHYlLw{pointer-events:none;opacity:.38}.filled-FpNFjd{color:var(--color-interactive-control,#fff);background-color:var(--color-interactive-accent,#202020);position:relative;overflow:hidden}.filled-FpNFjd .noise-pBMZ6I{z-index:-1;pointer-events:none;width:100%;min-width:170px;transition:opacity .2s;position:absolute;top:0;left:0}.filled-FpNFjd:hover{background-color:var(--color-interactive-accent-hover,#000)}.filled-FpNFjd:hover .noise-pBMZ6I,.filled-FpNFjd:active .noise-pBMZ6I{opacity:.9}.filled-FpNFjd:active{background-color:var(--color-interactive-accent-active,#202020)}.filled-FpNFjd:focus-visible{box-shadow:0 0 0 2px var(--color-background-screen,#fdfdf9),0 0 0 4px var(--color-content-primary,#202020)}.outlined-QtvRsh{color:var(--color-interactive-primary,#646464);outline:1px solid color-mix(in srgb,var(--color-interactive-secondary,#0000002b)17%,transparent);outline-offset:-1px;background:0 0}.outlined-QtvRsh:hover{background:color-mix(in srgb,var(--color-background-screen-hover,#0000000a)4%,transparent)}.outlined-QtvRsh:active{background:color-mix(in srgb,var(--color-background-screen-active,#0000000a)4%,transparent)}.outlined-QtvRsh:focus-visible{outline:2px solid var(--color-background-screen,#fdfdf9);outline-offset:0;background:var(--color-background-screen,#fdfdf9);box-shadow:0 0 0 4px var(--color-content-primary,#202020)}.text-qf5rbY{color:var(--color-interactive-primary,#646464);background:0 0}.text-qf5rbY:hover,.text-qf5rbY:active{background:color-mix(in srgb,var(--color-background-screen-hover,#0000000a)4%,transparent)}.text-qf5rbY:focus-visible{background:var(--color-background-screen,#fdfdf9);box-shadow:0 0 0 2px var(--color-background-screen,#fdfdf9),0 0 0 4px var(--color-content-primary,#202020)}.toned-yMdhhl{color:var(--color-interactive-primary,#646464);background:color-mix(in srgb,var(--color-background-neutral,#0000000a)4%,transparent)}.toned-yMdhhl:hover,.toned-yMdhhl:active{background:color-mix(in srgb,var(--color-background-neutral-hover,#00000014)8%,transparent)}.toned-yMdhhl:focus-visible{background:color-mix(in srgb,var(--color-background-neutral,#0000000a)4%,transparent);box-shadow:0 0 0 2px var(--color-background-screen,#fdfdf9),0 0 0 4px var(--color-content-primary,#202020)}.lightOnContent-ZxiAH4{background:color-mix(in srgb,var(--color-fixed-elevated-light,#ffffffed)93%,transparent)}.lightOnContent-ZxiAH4:hover{background:color-mix(in srgb,var(--color-fixed-elevated-light-hover,#ffffffa8)66%,transparent)}.lightOnContent-ZxiAH4:active{background:color-mix(in srgb,var(--color-fixed-elevated-light-active,#ffffff75)46%,transparent)}.lightOnContent-ZxiAH4:focus-visible{background:color-mix(in srgb,var(--color-fixed-elevated-light,#ffffffed)93%,transparent);box-shadow:0 0 0 2px var(--color-background-screen,#fdfdf9),0 0 0 4px var(--color-content-primary,#202020)}.darkOnContent-gXMY2B{background:color-mix(in srgb,var(--color-fixed-elevated-dark,#0000009c)61%,transparent)}.darkOnContent-gXMY2B svg{fill:#fff}.darkOnContent-gXMY2B:hover{background:color-mix(in srgb,var(--color-fixed-elevated-dark-hover,#00000080)50%,transparent)}.darkOnContent-gXMY2B:active{background:color-mix(in srgb,var(--color-fixed-elevated-dark-active,#00000073)45%,transparent)}.darkOnContent-gXMY2B:focus-visible{background:color-mix(in srgb,var(--color-fixed-elevated-dark,#0000009c)61%,transparent);box-shadow:0 0 0 2px var(--color-background-screen,#fdfdf9),0 0 0 4px var(--color-content-primary,#202020)}.small-uxUptY{gap:var(--spacing-size-4,.25rem);padding:var(--spacing-size-6,.375rem)var(--spacing-size-12,.75rem)}.small-uxUptY.icon-EPzHvF{padding:var(--spacing-size-6,.375rem)var(--spacing-size-12,.75rem)var(--spacing-size-6,.375rem)var(--spacing-size-8,.5rem)}.small-uxUptY.directionRight-kW0Joo{padding:var(--spacing-size-6,.375rem)var(--spacing-size-8,.5rem)var(--spacing-size-6,.375rem)var(--spacing-size-12,.75rem)}.small-uxUptY:active{transform:scale(.92)}.medium-iwhjuP{gap:var(--spacing-size-4,.25rem);padding:var(--spacing-size-8,.5rem)var(--spacing-size-16,1rem)}.medium-iwhjuP.icon-EPzHvF{padding:var(--spacing-size-8,.5rem)var(--spacing-size-16,1rem)var(--spacing-size-8,.5rem)var(--spacing-size-8,.5rem)}.medium-iwhjuP.directionRight-kW0Joo{padding:var(--spacing-size-8,.5rem)var(--spacing-size-8,.5rem)var(--spacing-size-8,.5rem)var(--spacing-size-16,1rem)}.medium-iwhjuP:active{transform:scale(.96)}.large-N1qL9e{gap:var(--spacing-size-8,.5rem);padding:var(--spacing-size-12,.75rem)var(--spacing-size-24,1.5rem)}.large-N1qL9e.icon-EPzHvF{padding:var(--spacing-size-12,.75rem)var(--spacing-size-24,1.5rem)var(--spacing-size-12,.75rem)var(--spacing-size-16,1rem)}.large-N1qL9e.directionRight-kW0Joo{padding:var(--spacing-size-12,.75rem)var(--spacing-size-16,1rem)var(--spacing-size-12,.75rem)var(--spacing-size-24,1.5rem);padding-inline-end:var(--spacing-size-16,1rem)}.large-N1qL9e:active{transform:scale(.96)}.iconOnly-C9Yim0{border-radius:var(--radius-radii-full,62.5rem);padding:unset!important}.iconOnly-C9Yim0.xSmall-ZaB0BL{width:1.5rem;height:1.5rem;padding:.3125rem}.iconOnly-C9Yim0.small-uxUptY{width:2rem;height:2rem;padding:.3125rem}.iconOnly-C9Yim0.medium-iwhjuP{width:2.5rem;height:2.5rem}
1
+ .button-dWV52U{cursor:pointer;border-radius:var(--radius-radii-12,.75rem);border:0;justify-content:center;align-items:center;text-decoration:none;transition:transform .2s,outline .2s,background .2s,box-shadow .2s;display:inline-flex;position:relative;transform:scale(1);&:focus-visible{outline:2px solid var(--color-background-screen,#fdfdf9)}}.directionRight-kW0Joo{flex-direction:row-reverse}.button-dWV52U:disabled,.button-dWV52U.loading-BHYlLw{pointer-events:none;opacity:.38}.filled-FpNFjd{color:var(--color-interactive-control,#fff);background-color:var(--color-interactive-accent,#202020);position:relative;overflow:hidden}.filled-FpNFjd .noise-pBMZ6I{z-index:-1;pointer-events:none;width:100%;min-width:170px;transition:opacity .2s;position:absolute;top:0;left:0}.filled-FpNFjd:hover{background-color:var(--color-interactive-accent-hover,#000)}.filled-FpNFjd:hover .noise-pBMZ6I,.filled-FpNFjd:active .noise-pBMZ6I{opacity:.9}.filled-FpNFjd:active{background-color:var(--color-interactive-accent-active,#202020)}.filled-FpNFjd:focus-visible{box-shadow:0 0 0 2px var(--color-background-screen,#fdfdf9),0 0 0 4px var(--color-content-primary,#202020)}.outlined-QtvRsh{color:var(--color-interactive-primary,#646464);outline:1px solid color-mix(in srgb,var(--color-interactive-secondary,#0000002b)17%,transparent);outline-offset:-1px;background:0 0}.outlined-QtvRsh:hover{background:color-mix(in srgb,var(--color-background-screen-hover,#0000000a)4%,transparent)}.outlined-QtvRsh:active{background:color-mix(in srgb,var(--color-background-screen-active,#0000000a)4%,transparent)}.outlined-QtvRsh:focus-visible{outline:2px solid var(--color-background-screen,#fdfdf9);outline-offset:0;background:var(--color-background-screen,#fdfdf9);box-shadow:0 0 0 4px var(--color-content-primary,#202020)}.text-qf5rbY{color:var(--color-interactive-primary,#646464);background:0 0}.text-qf5rbY:hover,.text-qf5rbY:active{background:color-mix(in srgb,var(--color-background-screen-hover,#0000000a)4%,transparent)}.text-qf5rbY:focus-visible{background:var(--color-background-screen,#fdfdf9);box-shadow:0 0 0 2px var(--color-background-screen,#fdfdf9),0 0 0 4px var(--color-content-primary,#202020)}.toned-yMdhhl{color:var(--color-interactive-primary,#646464);background:color-mix(in srgb,var(--color-background-neutral,#0000000a)4%,transparent)}.toned-yMdhhl:hover,.toned-yMdhhl:active{background:color-mix(in srgb,var(--color-background-neutral-hover,#00000014)8%,transparent)}.toned-yMdhhl:focus-visible{background:color-mix(in srgb,var(--color-background-neutral,#0000000a)4%,transparent);box-shadow:0 0 0 2px var(--color-background-screen,#fdfdf9),0 0 0 4px var(--color-content-primary,#202020)}.lightOnContent-ZxiAH4{background:color-mix(in srgb,var(--color-fixed-elevated-light,#ffffffed)93%,transparent)}.lightOnContent-ZxiAH4 svg{fill:var(--color-interactive-accent,#202020)}.lightOnContent-ZxiAH4:hover{background:color-mix(in srgb,var(--color-fixed-elevated-light-hover,#ffffffa8)66%,transparent)}.lightOnContent-ZxiAH4:active{background:color-mix(in srgb,var(--color-fixed-elevated-light-active,#ffffff75)46%,transparent)}.lightOnContent-ZxiAH4:focus-visible{background:color-mix(in srgb,var(--color-fixed-elevated-light,#ffffffed)93%,transparent);box-shadow:0 0 0 2px var(--color-background-screen,#fdfdf9),0 0 0 4px var(--color-content-primary,#202020)}.darkOnContent-gXMY2B{background:color-mix(in srgb,var(--color-fixed-elevated-dark,#0000009c)61%,transparent)}.darkOnContent-gXMY2B svg{fill:var(--color-interactive-control,#fff)}.darkOnContent-gXMY2B:hover{background:color-mix(in srgb,var(--color-fixed-elevated-dark-hover,#00000080)50%,transparent)}.darkOnContent-gXMY2B:active{background:color-mix(in srgb,var(--color-fixed-elevated-dark-active,#00000073)45%,transparent)}.darkOnContent-gXMY2B:focus-visible{background:color-mix(in srgb,var(--color-fixed-elevated-dark,#0000009c)61%,transparent);box-shadow:0 0 0 2px var(--color-background-screen,#fdfdf9),0 0 0 4px var(--color-content-primary,#202020)}.small-uxUptY{gap:var(--spacing-size-4,.25rem);padding:var(--spacing-size-6,.375rem)var(--spacing-size-12,.75rem)}.small-uxUptY.icon-EPzHvF{padding:var(--spacing-size-6,.375rem)var(--spacing-size-12,.75rem)var(--spacing-size-6,.375rem)var(--spacing-size-8,.5rem)}.small-uxUptY.directionRight-kW0Joo{padding:var(--spacing-size-6,.375rem)var(--spacing-size-8,.5rem)var(--spacing-size-6,.375rem)var(--spacing-size-12,.75rem)}.small-uxUptY:active{transform:scale(.92)}.medium-iwhjuP{gap:var(--spacing-size-4,.25rem);padding:var(--spacing-size-8,.5rem)var(--spacing-size-16,1rem)}.medium-iwhjuP.icon-EPzHvF{padding:var(--spacing-size-8,.5rem)var(--spacing-size-16,1rem)var(--spacing-size-8,.5rem)var(--spacing-size-8,.5rem)}.medium-iwhjuP.directionRight-kW0Joo{padding:var(--spacing-size-8,.5rem)var(--spacing-size-8,.5rem)var(--spacing-size-8,.5rem)var(--spacing-size-16,1rem)}.medium-iwhjuP:active{transform:scale(.96)}.large-N1qL9e{gap:var(--spacing-size-8,.5rem);padding:var(--spacing-size-12,.75rem)var(--spacing-size-24,1.5rem)}.large-N1qL9e.icon-EPzHvF{padding:var(--spacing-size-12,.75rem)var(--spacing-size-24,1.5rem)var(--spacing-size-12,.75rem)var(--spacing-size-16,1rem)}.large-N1qL9e.directionRight-kW0Joo{padding:var(--spacing-size-12,.75rem)var(--spacing-size-16,1rem)var(--spacing-size-12,.75rem)var(--spacing-size-24,1.5rem);padding-inline-end:var(--spacing-size-16,1rem)}.large-N1qL9e:active{transform:scale(.96)}.iconOnly-C9Yim0{border-radius:var(--radius-radii-full,62.5rem);padding:unset!important}.iconOnly-C9Yim0.xSmall-ZaB0BL{width:1.5rem;height:1.5rem;padding:.3125rem}.iconOnly-C9Yim0.small-uxUptY{width:2rem;height:2rem;padding:.3125rem}.iconOnly-C9Yim0.medium-iwhjuP{width:2.5rem;height:2.5rem}
@@ -0,0 +1,10 @@
1
+ export interface DrawerProps {
2
+ open: boolean;
3
+ onOpen: (val: boolean) => void;
4
+ title?: string;
5
+ className?: string;
6
+ children?: React.ReactNode;
7
+ desktopFullScreen?: boolean;
8
+ }
9
+ export declare const Drawer: ({ open, onOpen, title, className, children, desktopFullScreen, }: DrawerProps) => import("react/jsx-runtime").JSX.Element | null;
10
+ //# sourceMappingURL=drawer.d.ts.map
@@ -0,0 +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"}
@@ -0,0 +1,2 @@
1
+ "use client";
2
+ 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};
@@ -0,0 +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};
@@ -0,0 +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}
@@ -12,6 +12,7 @@ export declare const Icons: {
12
12
  readonly DotsNine: string;
13
13
  readonly Export: string;
14
14
  readonly "Eye-fill": string;
15
+ readonly Gallery: string;
15
16
  readonly GlobeSimple: string;
16
17
  readonly GoogleFill: string;
17
18
  readonly Info: string;
@@ -1 +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"}
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;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"}
@@ -1 +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};
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 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};
@@ -8,7 +8,7 @@ interface Option {
8
8
  interface SegmentedControlProps {
9
9
  options: Option[];
10
10
  defaultValue: string;
11
- value: string;
11
+ value?: string;
12
12
  onChange?: (value: string) => void;
13
13
  className?: string;
14
14
  }
@@ -1 +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"}
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,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 CHANGED
@@ -1,6 +1,7 @@
1
1
  export { Avatar } from "./components/avatar/avatar";
2
2
  export { Badge } from "./components/badge/badge";
3
3
  export { Button } from "./components/button/button";
4
+ export { Drawer } from "./components/drawer/drawer";
4
5
  export { FilterChipGroup } from "./components/filter-chip/filter-chip";
5
6
  export { Icon } from "./components/icon/icon";
6
7
  export { Logo } from "./components/logo/logo";
@@ -1 +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"}
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"}
package/lib/index.js CHANGED
@@ -1 +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};
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};
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "sate-lib",
3
- "version": "1.39.0",
3
+ "version": "1.41.0",
4
4
  "type": "module",
5
5
  "private": false,
6
6
  "keywords": [
@@ -25,6 +25,10 @@
25
25
  "import": "./lib/components/button/button.js",
26
26
  "types": "./lib/components/button/button.d.ts"
27
27
  },
28
+ "./drawer": {
29
+ "import": "./lib/components/drawer/drawer.js",
30
+ "types": "./lib/components/drawer/drawer.d.ts"
31
+ },
28
32
  "./badge": {
29
33
  "import": "./lib/components/badge/badge.js",
30
34
  "types": "./lib/components/badge/badge.d.ts"
@@ -102,9 +106,8 @@
102
106
  "@biomejs/biome": "2.2.5",
103
107
  "@commitlint/cli": "20.1.0",
104
108
  "@commitlint/config-conventional": "20.0.0",
105
- "@rsbuild/core": "1.5.13",
109
+ "@rsbuild/core": "1.5.16",
106
110
  "@rsbuild/plugin-react": "1.4.1",
107
- "@rsbuild/plugin-sass": "1.4.0",
108
111
  "@rsbuild/plugin-svgr": "1.2.2",
109
112
  "@rslib/core": "0.15.0",
110
113
  "@semantic-release/changelog": "6.0.3",
@@ -114,8 +117,8 @@
114
117
  "@storybook/addon-designs": "10.0.2",
115
118
  "@storybook/addon-docs": "9.1.10",
116
119
  "@storybook/addon-links": "9.1.10",
117
- "@types/node": "24.6.2",
118
- "@types/react": "19.2.0",
120
+ "@types/node": "24.7.2",
121
+ "@types/react": "19.2.2",
119
122
  "husky": "9.1.7",
120
123
  "react": "19.2.0",
121
124
  "semantic-release": "24.2.9",
@@ -131,6 +134,7 @@
131
134
  "react-dom": ">=16.9.0"
132
135
  },
133
136
  "dependencies": {
137
+ "@radix-ui/react-portal": "^1.1.9",
134
138
  "@radix-ui/react-radio-group": "1.3.8"
135
139
  }
136
140
  }