no-frills-ui 0.0.14-alpha.1 → 0.0.14-alpha.11

package/lib-esm/shared/constants.js

@@ -1,27 +1,63 @@
-export default {
-    PRIMARY: '#2283d2',
-    PRIMARY_LIGHT: '#64baff',
-    PRIMARY_LIGHTER: '#cfe9ff',
-    BACKDROP_COLOR: '#2681da80',
-    INFO: '#2283d2',
-    INFO_LIGHT: '#64baff',
-    SUCCESS: '#22d295',
-    SUCCESS_LIGHT: '#80eac6',
-    WARNING: '#cc9500',
-    WARNING_LIGHT: '#ffba00',
-    ERROR: '#d63b3b',
-    ERROR_LIGHT: '#f1a5a5',
-    BORDER_COLOR: '#555555',
-    TOAST: '#5f5f5f',
-    TOOLTIP_COLOR: 'rgba(0,0,0,0.5)',
-    BORDER_LIGHT_COLOR: '#eeeeee',
-    BACKGROUND: '#ffffff',
-    DISABLED_BACKGROUND: '#fafafa',
-    DISABLED_BORDER: '#aaa',
-    LIGHT_GREY: '#ccc',
-    DISABLED: '#777',
-    SHADOW: '0px 1px 3px 0px rgba(0,0,0,0.1), 0px 1px 2px 0px rgba(0,0,0,0.06)',
-    HOVER_SHADOW: '0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)',
-    MODAL_SHADOW: '0px 8px 17px 2px rgba(0,0,0,0.14), 0px 3px 14px 2px rgba(0,0,0,0.12), 0px 5px 5px -3px rgba(0,0,0,0.2)',
+var THEME_NAME = /*#__PURE__*/ function(THEME_NAME) {
+    THEME_NAME["PRIMARY"] = "--nfui-primary";
+    THEME_NAME["PRIMARY_LIGHT"] = "--nfui-primary-light";
+    THEME_NAME["PRIMARY_LIGHTER"] = "--nfui-primary-lighter";
+    THEME_NAME["INFO"] = "--nfui-info";
+    THEME_NAME["INFO_LIGHT"] = "--nfui-info-light";
+    THEME_NAME["SUCCESS"] = "--nfui-success";
+    THEME_NAME["SUCCESS_LIGHT"] = "--nfui-success-light";
+    THEME_NAME["WARNING"] = "--nfui-warning";
+    THEME_NAME["WARNING_LIGHT"] = "--nfui-warning-light";
+    THEME_NAME["ERROR"] = "--nfui-error";
+    THEME_NAME["ERROR_LIGHT"] = "--nfui-error-light";
+    THEME_NAME["BORDER_COLOR"] = "--nfui-border-color";
+    THEME_NAME["TOAST"] = "--nfui-toast";
+    THEME_NAME["TOOLTIP_COLOR"] = "--nfui-tooltip-color";
+    THEME_NAME["BORDER_LIGHT_COLOR"] = "--nfui-border-light-color";
+    THEME_NAME["BACKGROUND"] = "--nfui-background";
+    THEME_NAME["DISABLED_BACKGROUND"] = "--nfui-disabled-background";
+    THEME_NAME["DISABLED_BORDER"] = "--nfui-disabled-border";
+    THEME_NAME["LIGHT_GREY"] = "--nfui-light-grey";
+    THEME_NAME["DISABLED"] = "--nfui-disabled";
+    THEME_NAME["TEXT_COLOR_LIGHT"] = "--nfui-text-color-light";
+    THEME_NAME["TEXT_COLOR_DARK"] = "--nfui-text-color-dark";
+    THEME_NAME["SHADOW"] = "--nfui-shadow";
+    THEME_NAME["HOVER_SHADOW"] = "--nfui-hover-shadow";
+    THEME_NAME["MODAL_SHADOW"] = "--nfui-modal-shadow";
+    THEME_NAME["BACKDROP_COLOR"] = "--nfui-backdrop-color";
+    return THEME_NAME;
+}({});
+const themeNameMap = {
+    ["--nfui-primary"]: "#1f7ac5",
+    ["--nfui-primary-light"]: "#64baff",
+    ["--nfui-primary-lighter"]: "#cfe9ff",
+    ["--nfui-info"]: "#1f7ac5ff",
+    ["--nfui-info-light"]: "#64baffff",
+    ["--nfui-success"]: "#1a835f",
+    ["--nfui-success-light"]: "#80eac6",
+    ["--nfui-warning"]: "#916b01",
+    ["--nfui-warning-light"]: "#ffba00",
+    ["--nfui-error"]: "#bb2828",
+    ["--nfui-error-light"]: "#f1a5a5",
+    ["--nfui-backdrop-color"]: "#2681da80",
+    ["--nfui-border-color"]: "#555555",
+    ["--nfui-toast"]: "#5f5f5f",
+    ["--nfui-tooltip-color"]: "rgba(0,0,0,0.6)",
+    ["--nfui-border-light-color"]: "#eeeeee",
+    ["--nfui-background"]: "#ffffff",
+    ["--nfui-disabled-background"]: "#fafafa",
+    ["--nfui-disabled-border"]: "#aaa",
+    ["--nfui-light-grey"]: "#ccc",
+    ["--nfui-disabled"]: "#737373",
+    ["--nfui-text-color-light"]: "#fff",
+    ["--nfui-text-color-dark"]: "#000",
+    ["--nfui-shadow"]: "0px 1px 3px 0px rgba(0,0,0,0.1), 0px 1px 2px 0px rgba(0,0,0,0.06)",
+    ["--nfui-hover-shadow"]: "0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)",
+    ["--nfui-modal-shadow"]: "0px 8px 17px 2px rgba(0,0,0,0.14), 0px 3px 14px 2px rgba(0,0,0,0.12), 0px 5px 5px -3px rgba(0,0,0,0.2)"
 };
-//# sourceMappingURL=constants.js.map
+const getThemeValue = (key)=>{
+    return `var(${key}, ${themeNameMap[key]})`;
+};
+
+export { THEME_NAME, getThemeValue, themeNameMap };
+//# sourceMappingURL=constants.js.map

package/lib-esm/shared/constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../src/shared/constants.ts"],"names":[],"mappings":"AAAA,eAAe;IACX,OAAO,EAAE,SAAS;IAClB,aAAa,EAAE,SAAS;IACxB,eAAe,EAAE,SAAS;IAC1B,cAAc,EAAE,WAAW;IAC3B,IAAI,EAAE,SAAS;IACf,UAAU,EAAE,SAAS;IACrB,OAAO,EAAE,SAAS;IAClB,aAAa,EAAE,SAAS;IACxB,OAAO,EAAE,SAAS;IAClB,aAAa,EAAE,SAAS;IACxB,KAAK,EAAE,SAAS;IAChB,WAAW,EAAE,SAAS;IACtB,YAAY,EAAE,SAAS;IACvB,KAAK,EAAE,SAAS;IAChB,aAAa,EAAE,iBAAiB;IAChC,kBAAkB,EAAE,SAAS;IAC7B,UAAU,EAAE,SAAS;IACrB,mBAAmB,EAAE,SAAS;IAC9B,eAAe,EAAE,MAAM;IACvB,UAAU,EAAE,MAAM;IAClB,QAAQ,EAAE,MAAM;IAChB,MAAM,EAAE,mEAAmE;IAC3E,YAAY,EAAE,uEAAuE;IACrF,YAAY,EAAE,wGAAwG;CACzH,CAAA"}
+{"version":3,"file":"constants.js","sources":["../../src/shared/constants.ts"],"sourcesContent":["export enum THEME_CONSTANTS {\n    PRIMARY = '#1f7ac5',\n    PRIMARY_LIGHT = '#64baff',\n    PRIMARY_LIGHTER = '#cfe9ff',\n    BACKDROP_COLOR = '#2681da80',\n    INFO = '#1f7ac5ff',\n    INFO_LIGHT = '#64baffff',\n    SUCCESS = '#1a835f',\n    SUCCESS_LIGHT = '#80eac6',\n    WARNING = '#916b01',\n    WARNING_LIGHT = '#ffba00',\n    ERROR = '#bb2828',\n    ERROR_LIGHT = '#f1a5a5',\n    BORDER_COLOR = '#555555',\n    TOAST = '#5f5f5f',\n    TOOLTIP_COLOR = 'rgba(0,0,0,0.6)',\n    BORDER_LIGHT_COLOR = '#eeeeee',\n    BACKGROUND = '#ffffff',\n    DISABLED_BACKGROUND = '#fafafa',\n    DISABLED_BORDER = '#aaa',\n    LIGHT_GREY = '#ccc',\n    DISABLED = '#737373',\n    TEXT_COLOR_LIGHT = '#fff',\n    TEXT_COLOR_DARK = '#000',\n    SHADOW = '0px 1px 3px 0px rgba(0,0,0,0.1), 0px 1px 2px 0px rgba(0,0,0,0.06)',\n    HOVER_SHADOW = '0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)',\n    MODAL_SHADOW = '0px 8px 17px 2px rgba(0,0,0,0.14), 0px 3px 14px 2px rgba(0,0,0,0.12), 0px 5px 5px -3px rgba(0,0,0,0.2)',\n}\n\nexport enum THEME_NAME {\n    PRIMARY = '--nfui-primary',\n    PRIMARY_LIGHT = '--nfui-primary-light',\n    PRIMARY_LIGHTER = '--nfui-primary-lighter',\n    INFO = '--nfui-info',\n    INFO_LIGHT = '--nfui-info-light',\n    SUCCESS = '--nfui-success',\n    SUCCESS_LIGHT = '--nfui-success-light',\n    WARNING = '--nfui-warning',\n    WARNING_LIGHT = '--nfui-warning-light',\n    ERROR = '--nfui-error',\n    ERROR_LIGHT = '--nfui-error-light',\n    BORDER_COLOR = '--nfui-border-color',\n    TOAST = '--nfui-toast',\n    TOOLTIP_COLOR = '--nfui-tooltip-color',\n    BORDER_LIGHT_COLOR = '--nfui-border-light-color',\n    BACKGROUND = '--nfui-background',\n    DISABLED_BACKGROUND = '--nfui-disabled-background',\n    DISABLED_BORDER = '--nfui-disabled-border',\n    LIGHT_GREY = '--nfui-light-grey',\n    DISABLED = '--nfui-disabled',\n    TEXT_COLOR_LIGHT = '--nfui-text-color-light',\n    TEXT_COLOR_DARK = '--nfui-text-color-dark',\n    SHADOW = '--nfui-shadow',\n    HOVER_SHADOW = '--nfui-hover-shadow',\n    MODAL_SHADOW = '--nfui-modal-shadow',\n    BACKDROP_COLOR = '--nfui-backdrop-color',\n}\n\nexport const themeNameMap: Record<THEME_NAME, THEME_CONSTANTS> = {\n    [THEME_NAME.PRIMARY]: THEME_CONSTANTS.PRIMARY,\n    [THEME_NAME.PRIMARY_LIGHT]: THEME_CONSTANTS.PRIMARY_LIGHT,\n    [THEME_NAME.PRIMARY_LIGHTER]: THEME_CONSTANTS.PRIMARY_LIGHTER,\n    [THEME_NAME.INFO]: THEME_CONSTANTS.INFO,\n    [THEME_NAME.INFO_LIGHT]: THEME_CONSTANTS.INFO_LIGHT,\n    [THEME_NAME.SUCCESS]: THEME_CONSTANTS.SUCCESS,\n    [THEME_NAME.SUCCESS_LIGHT]: THEME_CONSTANTS.SUCCESS_LIGHT,\n    [THEME_NAME.WARNING]: THEME_CONSTANTS.WARNING,\n    [THEME_NAME.WARNING_LIGHT]: THEME_CONSTANTS.WARNING_LIGHT,\n    [THEME_NAME.ERROR]: THEME_CONSTANTS.ERROR,\n    [THEME_NAME.ERROR_LIGHT]: THEME_CONSTANTS.ERROR_LIGHT,\n    [THEME_NAME.BACKDROP_COLOR]: THEME_CONSTANTS.BACKDROP_COLOR,\n    [THEME_NAME.BORDER_COLOR]: THEME_CONSTANTS.BORDER_COLOR,\n    [THEME_NAME.TOAST]: THEME_CONSTANTS.TOAST,\n    [THEME_NAME.TOOLTIP_COLOR]: THEME_CONSTANTS.TOOLTIP_COLOR,\n    [THEME_NAME.BORDER_LIGHT_COLOR]: THEME_CONSTANTS.BORDER_LIGHT_COLOR,\n    [THEME_NAME.BACKGROUND]: THEME_CONSTANTS.BACKGROUND,\n    [THEME_NAME.DISABLED_BACKGROUND]: THEME_CONSTANTS.DISABLED_BACKGROUND,\n    [THEME_NAME.DISABLED_BORDER]: THEME_CONSTANTS.DISABLED_BORDER,\n    [THEME_NAME.LIGHT_GREY]: THEME_CONSTANTS.LIGHT_GREY,\n    [THEME_NAME.DISABLED]: THEME_CONSTANTS.DISABLED,\n    [THEME_NAME.TEXT_COLOR_LIGHT]: THEME_CONSTANTS.TEXT_COLOR_LIGHT,\n    [THEME_NAME.TEXT_COLOR_DARK]: THEME_CONSTANTS.TEXT_COLOR_DARK,\n    [THEME_NAME.SHADOW]: THEME_CONSTANTS.SHADOW,\n    [THEME_NAME.HOVER_SHADOW]: THEME_CONSTANTS.HOVER_SHADOW,\n    [THEME_NAME.MODAL_SHADOW]: THEME_CONSTANTS.MODAL_SHADOW,\n};\n\nexport const getThemeValue = (key: THEME_NAME) => {\n    return `var(${key}, ${themeNameMap[key]})`;\n};\n"],"names":["THEME_NAME","themeNameMap","getThemeValue","key"],"mappings":"AA6BO,IAAA,UAAKA,iBAAAA,SAAAA,UAAAA,EAAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAAA,IAAAA,OAAAA,UAAAA;AA2BX,CAAA,CAAA,EAAA;MAEYC,YAAAA,GAAoD;IAC7D,CAAA,gBAAA,GAAoB,SAAA;IACpB,CAAA,sBAAA,GAA0B,SAAA;IAC1B,CAAA,wBAAA,GAA4B,SAAA;IAC5B,CAAA,aAAA,GAAiB,WAAA;IACjB,CAAA,mBAAA,GAAuB,WAAA;IACvB,CAAA,gBAAA,GAAoB,SAAA;IACpB,CAAA,sBAAA,GAA0B,SAAA;IAC1B,CAAA,gBAAA,GAAoB,SAAA;IACpB,CAAA,sBAAA,GAA0B,SAAA;IAC1B,CAAA,cAAA,GAAkB,SAAA;IAClB,CAAA,oBAAA,GAAwB,SAAA;IACxB,CAAA,uBAAA,GAA2B,WAAA;IAC3B,CAAA,qBAAA,GAAyB,SAAA;IACzB,CAAA,cAAA,GAAkB,SAAA;IAClB,CAAA,sBAAA,GAA0B,iBAAA;IAC1B,CAAA,2BAAA,GAA+B,SAAA;IAC/B,CAAA,mBAAA,GAAuB,SAAA;IACvB,CAAA,4BAAA,GAAgC,SAAA;IAChC,CAAA,wBAAA,GAA4B,MAAA;IAC5B,CAAA,mBAAA,GAAuB,MAAA;IACvB,CAAA,iBAAA,GAAqB,SAAA;IACrB,CAAA,yBAAA,GAA6B,MAAA;IAC7B,CAAA,wBAAA,GAA4B,MAAA;IAC5B,CAAA,eAAA,GAAmB,mEAAA;IACnB,CAAA,qBAAA,GAAyB,uEAAA;IACzB,CAAA,qBAAA,GAAyB;AAC7B;AAEO,MAAMC,gBAAgB,CAACC,GAAAA,GAAAA;IAC1B,OAAO,CAAC,IAAI,EAAEA,GAAAA,CAAI,EAAE,EAAEF,YAAY,CAACE,GAAAA,CAAI,CAAC,CAAC,CAAC;AAC9C;;;;"}

package/lib-esm/shared/styles.d.ts

@@ -5,7 +5,7 @@ export declare const Ellipsis: import("@emotion/styled").StyledComponent<{
 export declare const Header: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, {}>;
 export declare const Body: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;

package/lib-esm/shared/styles.js

@@ -1,25 +1,22 @@
 import styled from '@emotion/styled';
-export const Ellipsis = styled.span `
-    white-space: nowrap;
-    text-overflow: ellipsis;
-    overflow: hidden;
-`;
-export const Header = styled.div `
-    padding: 10px 15px;
-    line-height: 26px;
-    border-bottom: 1px solid var(--border-light-color, #eeeeee);
-    font-size: 16px;
-    font-weight: bold;
-`;
-export const Body = styled.div `
-    padding: 20px 15px;
-    flex: 1;
-    overflow: auto;
-`;
-export const Footer = styled.div `
-    padding: 10px 15px;
-    border-top: 1px solid var(--border-light-color, #eeeeee);
-    display: flex;
-    justify-content: flex-end;
-`;
-//# sourceMappingURL=styles.js.map
+import { getThemeValue, THEME_NAME } from './constants.js';
+
+const Ellipsis = /*#__PURE__*/ styled("span", {
+    target: "e126ntv90",
+    label: "Ellipsis"
+})("white-space:nowrap;text-overflow:ellipsis;overflow:hidden;flex:1;");
+const Header$1 = /*#__PURE__*/ styled("h1", {
+    target: "e126ntv91",
+    label: "Header"
+})("padding:10px 15px;line-height:26px;border-bottom:1px solid ", getThemeValue(THEME_NAME.BORDER_LIGHT_COLOR), ";font-size:16px;font-weight:bold;");
+const Body$1 = /*#__PURE__*/ styled("div", {
+    target: "e126ntv92",
+    label: "Body"
+})("padding:20px 15px;flex:1;overflow:auto;");
+const Footer$1 = /*#__PURE__*/ styled("div", {
+    target: "e126ntv93",
+    label: "Footer"
+})("padding:10px 15px;border-top:1px solid ", getThemeValue(THEME_NAME.BORDER_LIGHT_COLOR), ";display:flex;justify-content:flex-end;");
+
+export { Body$1 as Body, Ellipsis, Footer$1 as Footer, Header$1 as Header };
+//# sourceMappingURL=styles.js.map

package/lib-esm/shared/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/shared/styles.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAErC,MAAM,CAAC,MAAM,QAAQ,GAAG,MAAM,CAAC,IAAI,CAAA;;;;CAIlC,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;CAM/B,CAAC;AAEF,MAAM,CAAC,MAAM,IAAI,GAAG,MAAM,CAAC,GAAG,CAAA;;;;CAI7B,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;CAK/B,CAAC"}
+{"version":3,"file":"styles.js","sources":["../../src/shared/styles.ts"],"sourcesContent":["import styled from '@emotion/styled';\nimport { getThemeValue, THEME_NAME } from './constants';\n\nexport const Ellipsis = styled.span`\n    white-space: nowrap;\n    text-overflow: ellipsis;\n    overflow: hidden;\n    flex: 1;\n`;\n\nexport const Header = styled.h1`\n    padding: 10px 15px;\n    line-height: 26px;\n    border-bottom: 1px solid ${getThemeValue(THEME_NAME.BORDER_LIGHT_COLOR)};\n    font-size: 16px;\n    font-weight: bold;\n`;\n\nexport const Body = styled.div`\n    padding: 20px 15px;\n    flex: 1;\n    overflow: auto;\n`;\n\nexport const Footer = styled.div`\n    padding: 10px 15px;\n    border-top: 1px solid ${getThemeValue(THEME_NAME.BORDER_LIGHT_COLOR)};\n    display: flex;\n    justify-content: flex-end;\n`;\n"],"names":["Ellipsis","styled","Header","getThemeValue","THEME_NAME","BORDER_LIGHT_COLOR","Body","Footer"],"mappings":";;;MAGaA,QAAAA,iBAAWC,MAAAA,CAAAA,MAAAA,EAAAA;;;AAKtB,CAAA,CAAA,CAAA,mEAAA;MAEWC,QAAAA,iBAASD,MAAAA,CAAAA,IAAAA,EAAAA;;;kEAGSE,aAAAA,CAAcC,UAAAA,CAAWC,kBAAkB,CAAA,EAAA,mCAAA;MAK7DC,MAAAA,iBAAOL,MAAAA,CAAAA,KAAAA,EAAAA;;;AAIlB,CAAA,CAAA,CAAA,yCAAA;MAEWM,QAAAA,iBAASN,MAAAA,CAAAA,KAAAA,EAAAA;;;8CAEME,aAAAA,CAAcC,UAAAA,CAAWC,kBAAkB,CAAA,EAAA,yCAAA;;;;"}

package/package.json

@@ -1,77 +1,133 @@
 {
-  "name": "no-frills-ui",
-  "version": "0.0.14-alpha.1",
-  "description": "React components that are made of styled native components. Mostly!",
-  "main": "dist/index.js",
-  "module": "lib-esm/index.js",
-  "jsnext:main": "lib-esm/index.js",
-  "types": "lib-esm/index.d.ts",
-  "sideEffects": false,
-  "files": [
-    "dist",
-    "lib-esm"
-  ],
-  "scripts": {
-    "clean": "shx rm -rf dist lib-esm",
-    "build": "tsc && rollup -c",
-    "test": "echo \"Error: no test specified\" && exit 1",
-    "storybook": "storybook dev -p 6006",
-    "build-storybook": "storybook build",
-    "prepare": "npm run clean && npm run build"
-  },
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/pushkar8723/no-frills-ui.git"
-  },
-  "keywords": [
-    "React"
-  ],
-  "author": "pushkar8723@gmail.com",
-  "license": "MIT",
-  "bugs": {
-    "url": "https://github.com/pushkar8723/no-frills-ui/issues"
-  },
-  "homepage": "https://github.com/pushkar8723/no-frills-ui#readme",
-  "peerDependencies": {
-    "react": "^16.13.1 || ^17.0.0 || ^18.0.0",
-    "react-dom": "^16.13.1 || ^17.0.0 || ^18.0.0",
-    "@emotion/react": "^11.0.0",
-    "@emotion/styled": "^11.0.0"
-  },
-  "devDependencies": {
-    "@rollup/plugin-node-resolve": "^8.0.1",
-    "@storybook/addon-docs": "^10.0.2",
-    "@storybook/addon-links": "^10.0.2",
-    "@storybook/addon-webpack5-compiler-swc": "^4.0.1",
-    "@storybook/cli": "^10.0.2",
-    "@storybook/react-webpack5": "^10.0.2",
-    "@swc/plugin-emotion": "^12.0.0",
-    "@types/react": "^18.3.12",
-    "@types/react-dom": "^18.3.1",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1",
-    "remark-gfm": "^4.0.1",
-    "rollup": "^4.52.5",
-    "rollup-plugin-commonjs": "^10.1.0",
-    "rollup-plugin-node-resolve": "^5.2.0",
-    "rollup-plugin-peer-deps-external": "^2.2.4",
-    "rollup-plugin-typescript2": "^0.36.0",
-    "shx": "^0.3.2",
-    "storybook": "^10.0.2",
-    "tslib": "^2.0.0",
-    "typescript": "^5.7.2"
-  },
-  "dependencies": {
-    "@emotion/react": "^11.13.5",
-    "@emotion/styled": "^11.13.5",
-    "prop-types": "^15.7.2"
-  },
-  "bit": {
-    "env": {
-      "compiler": "bit.envs/compilers/react-typescript@3.1.53"
+    "name": "no-frills-ui",
+    "version": "0.0.14-alpha.11",
+    "description": "React components that are made of styled native components. Mostly!",
+    "main": "dist/index.js",
+    "module": "lib-esm/index.js",
+    "jsnext:main": "lib-esm/index.js",
+    "types": "lib-esm/index.d.ts",
+    "sideEffects": false,
+    "exports": {
+        ".": {
+            "types": "./lib-esm/index.d.ts",
+            "import": "./lib-esm/index.js",
+            "require": "./dist/index.js"
+        }
     },
-    "componentsDefaultDirectory": "components/{name}",
-    "packageManager": "npm"
-  },
-  "packageManager": "yarn@1.22.22+sha512.a6b2f7906b721bba3d67d4aff083df04dad64c399707841b7acf00f6b133b7ac24255f2652fa22ae3534329dc6180534e98d17432037ff6fd140556e2bb3137e"
+    "files": [
+        "dist",
+        "lib-esm"
+    ],
+    "scripts": {
+        "clean": "shx rm -rf dist lib-esm",
+        "build": "NODE_ENV=production tsc --emitDeclarationOnly && rollup -c",
+        "build:dev": "NODE_ENV=development tsc --emitDeclarationOnly && rollup -c",
+        "build:storybook": "storybook build",
+        "test": "echo \"Warning: No tests implemented yet\" && exit 0",
+        "size": "size-limit",
+        "size:why": "size-limit --why",
+        "lint": "eslint . --ext .js,.jsx,.mjs,.ts,.tsx",
+        "lint:fix": "eslint . --ext .js,.jsx,.mjs,.ts,.tsx --fix",
+        "format": "prettier --write \"**/*.{js,jsx,mjs,ts,tsx,html,json,md,mdx,yml,yaml}\"",
+        "format:check": "prettier --check \"**/*.{js,jsx,mjs,ts,tsx,html,json,md,mdx,yml,yaml}\"",
+        "storybook": "storybook dev -p 6006",
+        "prepare": "husky && npm run clean && npm run build"
+    },
+    "size-limit": [
+        {
+            "name": "Full Bundle (CJS)",
+            "path": "dist/index.js",
+            "limit": "25 KB",
+            "gzip": true
+        },
+        {
+            "name": "Tree-shaking - Single Component (Button)",
+            "path": "lib-esm/index.js",
+            "import": "{ Button }",
+            "limit": "5 KB",
+            "gzip": true
+        },
+        {
+            "name": "Tree-shaking - Multiple Components",
+            "path": "lib-esm/index.js",
+            "import": "{ Button, Card, Input }",
+            "limit": "10 KB",
+            "gzip": true
+        },
+        {
+            "name": "Tree-shaking - All exports",
+            "path": "lib-esm/index.js",
+            "import": "*",
+            "limit": "25 KB",
+            "gzip": true
+        }
+    ],
+    "repository": {
+        "type": "git",
+        "url": "git+https://github.com/pushkar8723/no-frills-ui.git"
+    },
+    "keywords": [
+        "React"
+    ],
+    "author": "pushkar8723@gmail.com",
+    "license": "MIT",
+    "bugs": {
+        "url": "https://github.com/pushkar8723/no-frills-ui/issues"
+    },
+    "homepage": "https://github.com/pushkar8723/no-frills-ui#readme",
+    "engines": {
+        "node": ">=20.0.0"
+    },
+    "peerDependencies": {
+        "@emotion/react": "^11.0.0",
+        "@emotion/styled": "^11.0.0",
+        "react": "^18.0.0 || ^19.0.0",
+        "react-dom": "^18.0.0 || ^19.0.0"
+    },
+    "devDependencies": {
+        "@rollup/plugin-node-resolve": "^16.0.3",
+        "@rollup/plugin-swc": "^0.4.0",
+        "@rollup/plugin-terser": "^0.4.4",
+        "@size-limit/preset-small-lib": "^12.0.0",
+        "@storybook/addon-docs": "^10.0.2",
+        "@storybook/addon-links": "^10.0.2",
+        "@storybook/addon-webpack5-compiler-swc": "^4.0.1",
+        "@storybook/cli": "^10.0.2",
+        "@storybook/react-webpack5": "^10.0.2",
+        "@swc/core": "^1.15.4",
+        "@swc/plugin-emotion": "^14.0.1",
+        "@types/node": "^25.0.2",
+        "@types/react": "^18.3.12",
+        "@types/react-dom": "^18.3.1",
+        "@typescript-eslint/eslint-plugin": "^8",
+        "@typescript-eslint/parser": "^8",
+        "eslint": "^8",
+        "eslint-config-prettier": "^9",
+        "eslint-plugin-import": "^2",
+        "eslint-plugin-jsx-a11y": "^6",
+        "eslint-plugin-prettier": "^5",
+        "eslint-plugin-react": "^7",
+        "eslint-plugin-react-hooks": "^4",
+        "husky": "^9",
+        "lint-staged": "^15",
+        "prettier": "^3",
+        "react": "^18.3.1",
+        "react-dom": "^18.3.1",
+        "remark-gfm": "^4.0.1",
+        "rollup": "^4.52.5",
+        "rollup-plugin-commonjs": "^10.1.0",
+        "rollup-plugin-node-resolve": "^5.2.0",
+        "rollup-plugin-peer-deps-external": "^2.2.4",
+        "rollup-plugin-typescript2": "^0.36.0",
+        "shx": "^0.4.0",
+        "size-limit": "^12.0.0",
+        "storybook": "^10.0.2",
+        "tslib": "^2.0.0",
+        "typescript": "^5.7.2"
+    },
+    "dependencies": {
+        "@emotion/react": "^11.0.0",
+        "@emotion/styled": "^11.0.0"
+    },
+    "packageManager": "yarn@4.12.0"
 }

package/lib-esm/components/Accordion/index.js

@@ -1,3 +0,0 @@
-export { default as Accordion } from './Accordion';
-export { default as AccordionStep, AccordionStepBody, AccordionStepFooter } from './AccordionStep';
-//# sourceMappingURL=index.js.map

package/lib-esm/components/Accordion/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Accordion/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC;AACnD,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,iBAAiB,EAAE,mBAAmB,EAAC,MAAM,iBAAiB,CAAC"}

package/lib-esm/components/Badge/index.js

@@ -1,2 +0,0 @@
-export { default as Badge, BADGE_TYPE } from './Badge';
-//# sourceMappingURL=index.js.map

package/lib-esm/components/Badge/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Badge/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC"}

package/lib-esm/components/Button/index.js

@@ -1,6 +0,0 @@
-export { default as Button } from './Button';
-export { default as LinkButton } from './LinkButton';
-export { default as RaisedButton } from './RaisedButton';
-export { default as ActionButton } from './ActionButton';
-export { default as IconButton } from './IconButton';
-//# sourceMappingURL=index.js.map

package/lib-esm/components/Button/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC"}

package/lib-esm/components/Card/index.js

@@ -1,3 +0,0 @@
-export { default as Card } from './Card';
-export { Header as CardHeader, Body as CardBody, Footer as CardFooter } from '../../shared/styles';
-//# sourceMappingURL=index.js.map

package/lib-esm/components/Card/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Card/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC;AACzC,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,IAAI,IAAI,QAAQ,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,qBAAqB,CAAC"}

package/lib-esm/components/Chip/index.js

@@ -1,2 +0,0 @@
-export { default as Chip } from './Chip';
-//# sourceMappingURL=index.js.map

package/lib-esm/components/Chip/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Chip/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC"}

package/lib-esm/components/ChipInput/index.js

@@ -1,2 +0,0 @@
-export { default as ChipInput } from './ChipInput';
-//# sourceMappingURL=index.js.map

package/lib-esm/components/ChipInput/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/ChipInput/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC"}

package/lib-esm/components/Dialog/index.js

@@ -1,5 +0,0 @@
-export { default as Dialog, DialogBody, DialogFooter, DialogHeader } from './Dialog';
-export { default as AlertDialog } from './AlertDialog';
-export { default as ConfirmDialog } from './ConfirmDialog';
-export { default as PromptDialog } from './PromptDialog';
-//# sourceMappingURL=index.js.map

package/lib-esm/components/Dialog/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Dialog/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,UAAU,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AACrF,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC"}

package/lib-esm/components/DragAndDrop/index.js

@@ -1,3 +0,0 @@
-export { default as DragAndDrop } from './DragAndDrop';
-export { ORIENTATION } from './types';
-//# sourceMappingURL=index.js.map

package/lib-esm/components/DragAndDrop/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/DragAndDrop/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC"}

package/lib-esm/components/Drawer/index.js

@@ -1,2 +0,0 @@
-export { default as Drawer, DrawerHeader, DrawerBody, DrawerFooter, DRAWER_POSITION } from './Drawer';
-//# sourceMappingURL=index.js.map

package/lib-esm/components/Drawer/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Drawer/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,YAAY,EAAE,UAAU,EAAE,YAAY,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC"}

package/lib-esm/components/Groups/index.js

@@ -1,3 +0,0 @@
-export { default as Group } from './Group';
-export { default as GroupLabel } from './GroupLabel';
-//# sourceMappingURL=index.js.map

package/lib-esm/components/Groups/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Groups/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AAC3C,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC"}

package/lib-esm/components/Input/index.js

@@ -1,9 +0,0 @@
-export { default as Input } from './Input';
-export { default as TextArea } from './TextArea';
-export { default as Select } from './Select';
-export { default as Checkbox } from './Checkbox';
-export { default as Toggle } from './Toggle';
-export { default as Radio } from './Radio';
-export { default as RadioButton, RadioGroup } from './RadioButton';
-export { default as Dropdown } from './Dropdown';
-//# sourceMappingURL=index.js.map

package/lib-esm/components/Input/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Input/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AAC3C,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AAC3C,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC"}

package/lib-esm/components/Menu/index.js

@@ -1,3 +0,0 @@
-export { default as Menu } from './Menu';
-export { default as MenuItem } from './MenuItem';
-//# sourceMappingURL=index.js.map

package/lib-esm/components/Menu/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Menu/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC;AACzC,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC"}

package/lib-esm/components/Modal/index.js

@@ -1,2 +0,0 @@
-export { default as Modal, ModalHeader, ModalBody, ModalFooter } from './Modal';
-//# sourceMappingURL=index.js.map

package/lib-esm/components/Modal/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Modal/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC"}

package/lib-esm/components/Notification/index.js

@@ -1,3 +0,0 @@
-export { default as Notification } from './Notification';
-export { NOTIFICATION_POSITION, NOTIFICATION_TYPE } from './types';
-//# sourceMappingURL=index.js.map

package/lib-esm/components/Notification/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Notification/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACzD,OAAO,EAAE,qBAAqB,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC"}

package/lib-esm/components/Popover/index.js

@@ -1,2 +0,0 @@
-export { default as Popover, POPOVER_POSITION } from './Popover';
-//# sourceMappingURL=index.js.map

package/lib-esm/components/Popover/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Popover/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAA"}

package/lib-esm/components/Spinner/index.js

@@ -1,2 +0,0 @@
-export { default as Spinner } from './Spinner';
-//# sourceMappingURL=index.js.map

package/lib-esm/components/Spinner/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Spinner/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAC"}

package/lib-esm/components/Stepper/index.js

@@ -1,4 +0,0 @@
-export { default as Stepper } from './Stepper';
-export { default as Step } from './Step';
-export { Body as StepBody, Footer as StepFooter } from '../../shared/styles';
-//# sourceMappingURL=index.js.map

package/lib-esm/components/Stepper/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Stepper/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAC;AAC/C,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC;AACzC,OAAO,EAAE,IAAI,IAAI,QAAQ,EAAE,MAAM,IAAI,UAAU,EAAE,MAAO,qBAAqB,CAAC"}

package/lib-esm/components/Tabs/index.js

@@ -1,3 +0,0 @@
-export { default as Tabs } from './Tabs';
-export { default as Tab } from './Tab';
-//# sourceMappingURL=index.js.map

package/lib-esm/components/Tabs/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Tabs/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC;AACzC,OAAO,EAAE,OAAO,IAAI,GAAG,EAAE,MAAM,OAAO,CAAC"}

package/lib-esm/components/Toast/ToastStory.js

@@ -1,35 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import { TOAST_TYPE } from './Toast';
-/** This component is only used for storybook documentation */
-class ToastStory extends React.Component {
-    render() {
-        return null;
-    }
-}
-ToastStory.propTypes = {
-    /** Text of the toast */
-    text: PropTypes.string.isRequired,
-    /** Id for the notification, helps in de-duplication. */
-    id: PropTypes.string,
-    /** Duration for the toast in milliseconds */
-    duration: PropTypes.number,
-    /** Type of toast */
-    type: PropTypes.oneOf([
-        TOAST_TYPE.INFO,
-        TOAST_TYPE.SUCCESS,
-        TOAST_TYPE.WARNING,
-        TOAST_TYPE.DANGER,
-        TOAST_TYPE.NORMAL
-    ]),
-    /** Action button text */
-    buttonText: PropTypes.string,
-    /** Action button click callback */
-    buttonClick: PropTypes.func,
-};
-ToastStory.defaultProps = {
-    duration: 2000,
-    type: TOAST_TYPE.NORMAL,
-};
-export default ToastStory;
-//# sourceMappingURL=ToastStory.js.map

package/lib-esm/components/Toast/ToastStory.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ToastStory.js","sourceRoot":"","sources":["../../../src/components/Toast/ToastStory.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAIrC,8DAA8D;AAC9D,MAAqB,UAAW,SAAQ,KAAK,CAAC,SAAuB;IA2BjE,MAAM;QACF,OAAO,IAAI,CAAC;IAChB,CAAC;;AA5BM,oBAAS,GAAG;IACf,wBAAwB;IACxB,IAAI,EAAE,SAAS,CAAC,MAAM,CAAC,UAAU;IACjC,wDAAwD;IACxD,EAAE,EAAE,SAAS,CAAC,MAAM;IACpB,6CAA6C;IAC7C,QAAQ,EAAE,SAAS,CAAC,MAAM;IAC1B,oBAAoB;IACpB,IAAI,EAAE,SAAS,CAAC,KAAK,CAAC;QAClB,UAAU,CAAC,IAAI;QACf,UAAU,CAAC,OAAO;QAClB,UAAU,CAAC,OAAO;QAClB,UAAU,CAAC,MAAM;QACjB,UAAU,CAAC,MAAM;KACpB,CAAC;IACF,yBAAyB;IACzB,UAAU,EAAE,SAAS,CAAC,MAAM;IAC5B,mCAAmC;IACnC,WAAW,EAAE,SAAS,CAAC,IAAI;CAC9B,CAAA;AAEM,uBAAY,GAAG;IAClB,QAAQ,EAAE,IAAI;IACd,IAAI,EAAE,UAAU,CAAC,MAAM;CAC1B,CAAA;eAzBgB,UAAU"}

package/lib-esm/components/Toast/index.js

@@ -1,2 +0,0 @@
-export { default as Toast, TOAST_TYPE } from './Toast';
-//# sourceMappingURL=index.js.map

package/lib-esm/components/Toast/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Toast/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC"}

package/lib-esm/components/Tooltip/index.js

@@ -1,2 +0,0 @@
-export { default as Tooltip, TOOLTIP_POSITION } from './Tooltip';
-//# sourceMappingURL=index.js.map

package/lib-esm/components/Tooltip/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Tooltip/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAC"}