sate-lib 1.67.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/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.67.0",
+  "version": "1.68.0",
   "type": "module",
   "private": false,
   "keywords": [
@@ -108,6 +108,7 @@
     "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",
@@ -117,28 +118,34 @@
     "@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.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.7",
+    "@types/react-dom": "19.2.3",
     "husky": "9.1.7",
+    "jsdom": "^27.2.0",
     "react": "19.2.1",
     "semantic-release": "25.0.2",
-    "subset-font": "2.4.0",
-    "svgo": "4.0.0",
-    "typescript": "5.9.3",
-    "@rslib/core": "0.18.3",
-    "@rsbuild/core": "1.6.13",
-    "@rsbuild/plugin-react": "1.4.2",
-    "@rsbuild/plugin-svgr": "1.2.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",
     "storybook": "10.1.4",
     "storybook-addon-rslib": "3.1.0",
-    "storybook-react-rsbuild": "3.1.0"
+    "storybook-react-rsbuild": "3.1.0",
+    "subset-font": "2.4.0",
+    "svgo": "4.0.0",
+    "typescript": "5.9.3"
   },
   "peerDependencies": {
     "react": ">=19.2.1",

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}