sate-lib 1.3.0 → 1.4.1

package/README.md

@@ -22,6 +22,8 @@ A lightweight and modular React component library designed for modern web interf
 - [Husky](https://typicode.github.io/husky/)
 - [Commit Lint](https://commitlint.js.org/)
 - [Semantic Release](https://github.com/semantic-release/semantic-release)
+- [Subset Font](https://www.npmjs.com/package/subset-font)
+- [SVGO](https://svgo.dev/docs/introduction/)
 
 ## Installation
 

package/lib/assets/icons/Bed.js

@@ -0,0 +1 @@
+import{jsx as t}from"react/jsx-runtime";import"react";let a=a=>t("svg",{xmlns:"http://www.w3.org/2000/svg",width:24,height:24,viewBox:"0 0 24 24",...a,children:t("path",{d:"M20.25 6.75H3V4.5a.75.75 0 0 0-1.5 0v15a.75.75 0 1 0 1.5 0v-3h19.5v3a.75.75 0 1 0 1.5 0v-9a3.75 3.75 0 0 0-3.75-3.75M3 8.25h6.75V15H3zM11.25 15V8.25h9a2.25 2.25 0 0 1 2.25 2.25V15z"})});export{a as default};

package/lib/assets/icons/Building.js

@@ -0,0 +1 @@
+import{jsx as a}from"react/jsx-runtime";import"react";let h=h=>a("svg",{xmlns:"http://www.w3.org/2000/svg",width:24,height:24,viewBox:"0 0 24 24",...h,children:a("path",{d:"M21.75 21H19.5V3h.75a.75.75 0 1 0 0-1.5H3.75a.75.75 0 0 0 0 1.5h.75v18H2.25a.75.75 0 1 0 0 1.5h19.5a.75.75 0 1 0 0-1.5M6 3h12v18h-3v-3.75a.75.75 0 0 0-.75-.75h-4.5a.75.75 0 0 0-.75.75V21H6zm7.5 18h-3v-3h3zM8.25 6A.75.75 0 0 1 9 5.25h1.5a.75.75 0 1 1 0 1.5H9A.75.75 0 0 1 8.25 6m4.5 0a.75.75 0 0 1 .75-.75H15a.75.75 0 1 1 0 1.5h-1.5a.75.75 0 0 1-.75-.75m-4.5 3.75A.75.75 0 0 1 9 9h1.5a.75.75 0 1 1 0 1.5H9a.75.75 0 0 1-.75-.75m4.5 0A.75.75 0 0 1 13.5 9H15a.75.75 0 1 1 0 1.5h-1.5a.75.75 0 0 1-.75-.75m-4.5 3.75a.75.75 0 0 1 .75-.75h1.5a.75.75 0 1 1 0 1.5H9a.75.75 0 0 1-.75-.75m4.5 0a.75.75 0 0 1 .75-.75H15a.75.75 0 1 1 0 1.5h-1.5a.75.75 0 0 1-.75-.75"})});export{h as default};

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

@@ -0,0 +1,13 @@
+import { SVGProps } from "react";
+export type IconName = "Bed" | "Building";
+export interface IconProps extends SVGProps<SVGSVGElement> {
+    /**
+     * The name of the icon to display
+     */
+    name: IconName;
+    /**
+     * The size of the icon in pixels
+     */
+    size?: number;
+}
+export declare const Icon: import("react").ForwardRefExoticComponent<Omit<IconProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;

package/lib/components/icon/icon.js

@@ -0,0 +1 @@
+import{jsx as o}from"react/jsx-runtime";import{forwardRef as r}from"react";import t from"../../assets/icons/Bed.js";import i from"../../assets/icons/Building.js";let e={Bed:t,Building:i},n=r(function({name:r,size:t=24,color:i,...n},s){let c=e[r];return c?o(c,{width:t,height:t,fill:"currentColor",...n}):null});export{n as Icon};

package/lib/index.d.ts

@@ -1,3 +1,4 @@
 export { Button } from "./components/button/button";
 export { Badge } from "./components/badge/badge";
 export { Typography } from "./components/typography/typography";
+export { Icon } from "./components/icon/icon";

package/lib/index.js

@@ -1 +1 @@
-import{Button as o}from"./components/button/button.js";import{Badge as t}from"./components/badge/badge.js";import{Typography as p}from"./components/typography/typography.js";export{t as Badge,o as Button,p as Typography};
+import{Button as o}from"./components/button/button.js";import{Badge as t}from"./components/badge/badge.js";import{Typography as p}from"./components/typography/typography.js";import{Icon as n}from"./components/icon/icon.js";export{t as Badge,o as Button,n as Icon,p as Typography};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sate-lib",
-  "version": "1.3.0",
+  "version": "1.4.1",
   "type": "module",
   "exports": {
     ".": {
@@ -19,6 +19,10 @@
       "import": "./lib/components/typography/typography.js",
       "types": "./lib/components/typography/typography.d.ts"
     },
+    "./icon": {
+      "import": "./lib/components/icon/icon.js",
+      "types": "./lib/components/icon/icon.d.ts"
+    },
     "./tokens.css": "./lib/assets/styles/tokens.css",
     "./reset.css": "./lib/assets/styles/reset.css",
     "./typography.css": "./lib/assets/styles/typography.css"
@@ -29,12 +33,14 @@
   ],
   "scripts": {
     "build": "rslib build",
+    "build:full": "pnpm optimize:fonts && pnpm optimize:svg && pnpm build",
     "build:storybook": "storybook build",
+    "optimize:fonts": "node ./subset-fonts.js",
+    "optimize:svg": "node ./optimize-svgs.js",
+    "storybook": "storybook dev",
     "check": "biome check --write",
     "dev": "rslib build --watch",
     "format": "biome format --write",
-    "storybook": "storybook dev",
-    "subset": "node ./subset-fonts.js",
     "release": "HUSKY=0 semantic-release",
     "prepare": "husky"
   },
@@ -44,6 +50,7 @@
     "@commitlint/config-conventional": "19.8.0",
     "@rsbuild/core": "1.4.0-beta.4",
     "@rsbuild/plugin-react": "^1.3.3",
+    "@rsbuild/plugin-svgr": "^1.2.1",
     "@rslib/core": "^0.10.4",
     "@semantic-release/changelog": "^6.0.3",
     "@semantic-release/git": "^10.0.1",
@@ -65,6 +72,7 @@
     "storybook-addon-rslib": "^2.0.2",
     "storybook-react-rsbuild": "^2.0.2",
     "subset-font": "^2.4.0",
+    "svgo": "^4.0.0",
     "typescript": "^5.8.3"
   },
   "peerDependencies": {