@zimyo/ui 1.2.0 → 1.3.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zimyo/ui",
-  "version": "1.2.0",
+  "version": "1.3.0",
   "description": "Zimyo UI library built on MUI Material",
   "main": "dist/index.js",
   "module": "dist/index.esm.js",
@@ -63,6 +63,21 @@
       "require": "./dist/Modal/index.js",
       "types": "./dist/Modal/index.d.ts"
     },
+    "./Badge": {
+      "import": "./dist/Badge/index.esm.js",
+      "require": "./dist/Badge/index.js",
+      "types": "./dist/Badge/index.d.ts"
+    },
+    "./Input": {
+      "import": "./dist/Input/index.esm.js",
+      "require": "./dist/Input/index.js",
+      "types": "./dist/Input/index.d.ts"
+    },
+    "./Notice": {
+      "import": "./dist/Notice/index.esm.js",
+      "require": "./dist/Notice/index.js",
+      "types": "./dist/Notice/index.d.ts"
+    },
     "./theme": {
       "import": "./dist/theme/index.esm.js",
       "require": "./dist/theme/index.js",
@@ -74,6 +89,7 @@
   ],
   "scripts": {
     "build": "cross-env NODE_OPTIONS=--max-old-space-size=4096 rollup -c --bundleConfigAsCjs",
+    "build:css": "tailwindcss -i src/index.css -o dist/index.css --minify",
     "build:watch": "rollup -c -w",
     "storybook": "storybook dev -p 6006",
     "build-storybook": "storybook build",
@@ -95,20 +111,26 @@
     "@changesets/cli": "^2.29.5",
     "@rollup/plugin-commonjs": "^25.0.0",
     "@rollup/plugin-node-resolve": "^15.0.0",
+    "@rollup/plugin-terser": "^0.4.4",
     "@rollup/plugin-typescript": "^11.0.0",
     "@storybook/addon-docs": "^9.0.15",
     "@storybook/addon-themes": "^9.0.15",
     "@storybook/addon-webpack5-compiler-swc": "^3.0.0",
     "@storybook/react-webpack5": "^9.0.14",
+    "@tailwindcss/postcss": "^4.1.11",
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "^13.4.0",
     "@types/jest": "^30.0.0",
     "@types/node": "^20.9.0",
     "@types/react": "^18.0.0",
+    "autoprefixer": "^10.4.21",
     "cross-env": "^7.0.3",
+    "css-loader": "^7.1.2",
     "eslint": "^8.0.0",
     "eslint-plugin-storybook": "^9.0.14",
     "jest": "^29.7.0",
+    "postcss": "^8.5.6",
+    "postcss-loader": "^8.1.1",
     "react": "^18.0.0",
     "react-dom": "^18.0.0",
     "rollup": "^3.0.0",
@@ -116,6 +138,8 @@
     "rollup-plugin-peer-deps-external": "^2.2.4",
     "rollup-plugin-postcss": "^4.0.2",
     "storybook": "^9.0.14",
+    "style-loader": "^4.0.0",
+    "tailwindcss": "^4.1.11",
     "typescript": "^5.0.0"
   },
   "dependencies": {
@@ -123,7 +147,13 @@
     "@emotion/styled": ">=11.0.0",
     "@fontsource/inter": "^5.2.6",
     "@mui/material": ">=5.0.0",
-    "lucide-react": "^0.525.0"
+    "class-variance-authority": "^0.7.1",
+    "dayjs": "^1.11.13",
+    "lucide-react": "^0.525.0",
+    "react-day-picker": "^9.8.0",
+    "react-hook-form": "^7.60.0",
+    "react-select": "^5.10.1",
+    "tailwind-merge": "^3.3.1"
   },
   "eslintConfig": {
     "extends": [
@@ -147,4 +177,4 @@
     "component-library",
     "design-system"
   ]
-}
+}

package/dist/TextInput/index.d.ts

@@ -1,18 +0,0 @@
-import React from 'react';
-import { TextFieldProps } from '@mui/material';
-
-interface TextInputProps extends Omit<TextFieldProps, 'variant'> {
-    label?: string;
-    placeholder?: string;
-    IS_MANDATORY?: boolean | number | string;
-    startIcon?: React.ReactNode;
-    endIcon?: React.ReactNode;
-    error?: boolean;
-    variant?: 'outlined' | 'filled' | 'standard';
-    helperText?: string;
-    type?: 'text' | 'password' | 'email' | 'number' | 'tel' | 'search';
-}
-declare const TextInput: React.ForwardRefExoticComponent<Omit<TextInputProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
-
-export { TextInput, TextInput as default };
-export type { TextInputProps };

package/dist/TextInput/index.esm.js

@@ -1,33 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import React from 'react';
-import { TextField, InputAdornment } from '@mui/material';
-
-const TextInput = React.forwardRef(({ label = '', placeholder, IS_MANDATORY = false, 
-//   multiline = false,
-startIcon, endIcon, error = false, helperText, type = 'text', variant = 'outlined', ...rest }, ref) => {
-    return (jsx(TextField, { fullWidth: true, inputRef: ref, type: type, 
-        // multiline={multiline}
-        label: label, placeholder: placeholder, required: (IS_MANDATORY == 1 || IS_MANDATORY == true) ? true : false, error: error, InputLabelProps: !label ? { shrink: false } : undefined, sx: {
-            '& .MuiInputLabel-outlined': {
-                top: '-4px',
-                fontSize: '13px',
-                fontWeight: 500,
-            },
-            '& .MuiOutlinedInput-root': {
-                minHeight: '44px',
-                borderRadius: '10px',
-            },
-            '& input': {
-                padding: '10.5px 14px',
-            },
-            '& input::placeholder': {
-                fontSize: '13px',
-                opacity: 0.5,
-            },
-        }, helperText: helperText, InputProps: {
-            startAdornment: startIcon ? (jsx(InputAdornment, { position: "start", children: startIcon })) : undefined,
-            endAdornment: endIcon ? (jsx(InputAdornment, { position: "end", children: endIcon })) : undefined,
-        }, variant: variant, ...rest }));
-});
-
-export { TextInput, TextInput as default };

package/dist/TextInput/index.js

@@ -1,38 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
-var material = require('@mui/material');
-
-const TextInput = React.forwardRef(({ label = '', placeholder, IS_MANDATORY = false, 
-//   multiline = false,
-startIcon, endIcon, error = false, helperText, type = 'text', variant = 'outlined', ...rest }, ref) => {
-    return (jsxRuntime.jsx(material.TextField, { fullWidth: true, inputRef: ref, type: type, 
-        // multiline={multiline}
-        label: label, placeholder: placeholder, required: (IS_MANDATORY == 1 || IS_MANDATORY == true) ? true : false, error: error, InputLabelProps: !label ? { shrink: false } : undefined, sx: {
-            '& .MuiInputLabel-outlined': {
-                top: '-4px',
-                fontSize: '13px',
-                fontWeight: 500,
-            },
-            '& .MuiOutlinedInput-root': {
-                minHeight: '44px',
-                borderRadius: '10px',
-            },
-            '& input': {
-                padding: '10.5px 14px',
-            },
-            '& input::placeholder': {
-                fontSize: '13px',
-                opacity: 0.5,
-            },
-        }, helperText: helperText, InputProps: {
-            startAdornment: startIcon ? (jsxRuntime.jsx(material.InputAdornment, { position: "start", children: startIcon })) : undefined,
-            endAdornment: endIcon ? (jsxRuntime.jsx(material.InputAdornment, { position: "end", children: endIcon })) : undefined,
-        }, variant: variant, ...rest }));
-});
-
-exports.TextInput = TextInput;
-exports.default = TextInput;