sate-lib 1.66.0 → 1.68.0

package/README.md

@@ -21,6 +21,8 @@ A lightweight and modular React component library designed for modern web interf
 ### Development & Configuration
 
 - [RSLib](https://rslib.rs/)
+- [RSTest](https://rstest.rs/api/)
+- [React Testing Library](https://testing-library.com/docs/react-testing-library/intro/)
 - [Biome](https://biomejs.dev/)
 - [Husky](https://typicode.github.io/husky/)
 - [Commit Lint](https://commitlint.js.org/)

package/lib/components/avatar/avatar.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=avatar.test.d.ts.map

package/lib/components/avatar/avatar.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar.test.d.ts","sourceRoot":"","sources":["../../../src/components/avatar/avatar.test.tsx"],"names":[],"mappings":""}

package/lib/components/badge/badge.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=badge.test.d.ts.map

package/lib/components/badge/badge.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"badge.test.d.ts","sourceRoot":"","sources":["../../../src/components/badge/badge.test.tsx"],"names":[],"mappings":""}

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

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

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

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

package/lib/components/drawer/drawer.js

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

package/lib/components/notification/notification.d.ts

@@ -2,6 +2,6 @@ interface NotificationProps {
     number?: number;
     className?: string;
 }
-export declare function Notification({ number, className }: NotificationProps): import("react/jsx-runtime").JSX.Element;
+export declare function Notification({ number, className, ...rest }: NotificationProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=notification.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"notification.d.ts","sourceRoot":"","sources":["../../../src/components/notification/notification.tsx"],"names":[],"mappings":"AAEA,UAAU,iBAAiB;IAC1B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,wBAAgB,YAAY,CAAC,EAAE,MAAU,EAAE,SAAS,EAAE,EAAE,iBAAiB,2CAYxE"}
+{"version":3,"file":"notification.d.ts","sourceRoot":"","sources":["../../../src/components/notification/notification.tsx"],"names":[],"mappings":"AAEA,UAAU,iBAAiB;IAC1B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,wBAAgB,YAAY,CAAC,EAC5B,MAAU,EACV,SAAS,EACT,GAAG,IAAI,EACP,EAAE,iBAAiB,2CAiBnB"}

package/lib/components/notification/notification.js

@@ -1 +1 @@
-import{jsx as i}from"react/jsx-runtime";import o from"./notification.styles.module.js";function t({number:t=0,className:e}){let a=t>=1?"show":"hide";return i("span",{"aria-hidden":"hide"===a,className:["bodySmallEmphasis",o.root,e].filter(Boolean).join(" "),"data-state":a,children:t})}export{t as Notification};
+import{jsx as i}from"react/jsx-runtime";import o from"./notification.styles.module.js";function t({number:t=0,className:e,...a}){let r=t>=1?"show":"hide";return i("span",{"aria-hidden":"hide"===r,className:["bodySmallEmphasis",o.root,e].filter(Boolean).join(" "),"data-state":r,...a,children:t})}export{t as Notification};

package/lib/components/notification/notification.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=notification.test.d.ts.map

package/lib/components/notification/notification.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"notification.test.d.ts","sourceRoot":"","sources":["../../../src/components/notification/notification.test.tsx"],"names":[],"mappings":""}

package/lib/components/typography/typography.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=typography.test.d.ts.map

package/lib/components/typography/typography.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"typography.test.d.ts","sourceRoot":"","sources":["../../../src/components/typography/typography.test.tsx"],"names":[],"mappings":""}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sate-lib",
-  "version": "1.66.0",
+  "version": "1.68.0",
   "type": "module",
   "private": false,
   "keywords": [
@@ -108,45 +108,52 @@
     "build:icons": "node --env-file=.env.local ./src/scripts/download-figma-icons.js && node ./src/scripts/optimize-svgs.js && node ./src/scripts/generate-icon-component.js && pnpm format",
     "optimize:fonts": "node ./src/scripts/subset-fonts.js",
     "storybook": "storybook dev",
+    "test": "rstest --coverage",
     "lint": "biome check",
     "format": "biome format --write",
     "release": "HUSKY=0 semantic-release",
     "prepare": "husky"
   },
   "devDependencies": {
-    "@biomejs/biome": "2.3.5",
-    "@commitlint/cli": "20.1.0",
-    "@commitlint/config-conventional": "20.0.0",
+    "@biomejs/biome": "2.3.8",
+    "@commitlint/cli": "20.2.0",
+    "@commitlint/config-conventional": "20.2.0",
+    "@rsbuild/core": "1.6.13",
+    "@rsbuild/plugin-react": "1.4.2",
+    "@rsbuild/plugin-svgr": "1.2.2",
+    "@rslib/core": "0.18.3",
+    "@rstest/core": "^0.7.0",
+    "@rstest/coverage-istanbul": "^0.1.0",
     "@semantic-release/changelog": "6.0.3",
     "@semantic-release/git": "10.0.1",
-    "@semantic-release/npm": "13.1.1",
+    "@semantic-release/npm": "13.1.2",
+    "@storybook/addon-a11y": "10.1.4",
+    "@storybook/addon-designs": "11.0.3",
+    "@storybook/addon-docs": "10.1.4",
+    "@storybook/addon-links": "10.1.4",
+    "@testing-library/dom": "^10.4.1",
+    "@testing-library/react": "^16.3.0",
     "@types/node": "24.10.1",
-    "@types/react": "19.2.3",
+    "@types/react": "19.2.7",
+    "@types/react-dom": "19.2.3",
     "husky": "9.1.7",
-    "react": "19.2.0",
+    "jsdom": "^27.2.0",
+    "react": "19.2.1",
     "semantic-release": "25.0.2",
+    "storybook": "10.1.4",
+    "storybook-addon-rslib": "3.1.0",
+    "storybook-react-rsbuild": "3.1.0",
     "subset-font": "2.4.0",
     "svgo": "4.0.0",
-    "typescript": "5.9.3",
-    "@rslib/core": "0.17.2",
-    "@rsbuild/core": "1.6.6",
-    "@rsbuild/plugin-react": "1.4.2",
-    "@rsbuild/plugin-svgr": "1.2.2",
-    "@storybook/addon-a11y": "9.1.16",
-    "@storybook/addon-designs": "10.0.0",
-    "@storybook/addon-docs": "9.1.16",
-    "@storybook/addon-links": "9.1.16",
-    "storybook": "9.1.16",
-    "storybook-addon-rslib": "2.1.5",
-    "storybook-react-rsbuild": "2.1.5"
+    "typescript": "5.9.3"
   },
   "peerDependencies": {
-    "react": ">=16.9.0",
-    "react-dom": ">=16.9.0"
+    "react": ">=19.2.1",
+    "react-dom": ">=19.2.1"
   },
   "dependencies": {
     "@radix-ui/react-portal": "^1.1.10",
     "@radix-ui/react-radio-group": "1.3.8",
-    "react-remove-scroll": "^2.7.1"
+    "react-remove-scroll": "2.7.2"
   }
 }

package/lib/components/shadow-box/shadow-box.d.ts

@@ -1,5 +0,0 @@
-import type { HTMLAttributes } from "react";
-export interface ShadowBoxGridProps extends HTMLAttributes<HTMLDivElement> {
-}
-export declare function ShadowBoxGrid({ className, ...props }: ShadowBoxGridProps): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=shadow-box.d.ts.map

package/lib/components/shadow-box/shadow-box.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"shadow-box.d.ts","sourceRoot":"","sources":["../../../src/components/shadow-box/shadow-box.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAG5C,MAAM,WAAW,kBAAmB,SAAQ,cAAc,CAAC,cAAc,CAAC;CAAG;AAE7E,wBAAgB,aAAa,CAAC,EAC7B,SAAc,EACd,GAAG,KAAK,EACR,EAAE,kBAAkB,2CAcpB"}

package/lib/components/shadow-box/shadow-box.js

@@ -1 +0,0 @@
-import{jsx as o,jsxs as r}from"react/jsx-runtime";import a from"./shadow-box.styles.module.js";function d({className:d="",...e}){return o("div",{className:`${a.grid} ${d}`.trim(),...e,children:Array.from({length:8},(d,e)=>o("div",{className:a.box,style:{boxShadow:`var(--box-shadow-${e+1})`},children:r("span",{children:["Shadow ",e+1]})},`shadow-${e+1}`))})}export{d as ShadowBoxGrid};

package/lib/components/shadow-box/shadow-box.styles.module.js

@@ -1 +0,0 @@
-import"./shadow-box.styles_module.css";let o={grid:"grid-VLmFr4",box:"box-eVY5Mp"};export{o as default};

package/lib/components/shadow-box/shadow-box.styles_module.css

@@ -1 +0,0 @@
-.grid-VLmFr4{padding:var(--spacing-size-8,2rem);flex-flow:wrap;place-content:center;align-items:center;gap:2rem;display:flex}.box-eVY5Mp{width:18.75rem;height:12.5rem;padding:var(--spacing-size-8,2rem);color:var(--color-content-primary,#202020);border-radius:var(--radius-radii-large,.75rem);justify-content:center;align-items:center;transition:box-shadow .2s;display:flex}