@start-base/react-form-elements
Version:
Simplify form elements and form management. Selection of user friendly inputs and wide customization abilities to match your design and functionality.
443 lines (442 loc) • 14.2 kB
JSON
{
"name": "@start-base/react-form-elements",
"author": "Start-Base",
"description": "Simplify form elements and form management. Selection of user friendly inputs and wide customization abilities to match your design and functionality.",
"version": "1.15.0",
"license": "MIT",
"repository": {
"type": "git",
"url": "git+https://github.com/startbase-dev/react-form-elements.git"
},
"files": [
"./index.js",
"./index.mjs",
"./index.d.ts",
"./index.d.mts",
"./styles.css",
"AmountInput",
"Calendar",
"Checkbox",
"CheckboxCards",
"CheckboxGroup",
"DatePicker",
"DateRangePicker",
"Form",
"Input",
"MultipleDatePicker",
"NumberInput",
"OTPInput",
"PasswordInput",
"PhoneInput",
"Radio",
"RadioCards",
"RadioGroup",
"Select",
"Slider",
"Switch",
"TextArea"
],
"keywords": [
"ui",
"react",
"react-component",
"form-elements",
"react-form-elements",
"amount-input",
"react-amount-input",
"calendar",
"react-calendar",
"checkbox",
"react-checkbox",
"checkbox-cards",
"react-checkbox-cards",
"checkbox-group",
"react-checkbox-group",
"date-picker",
"react-date-picker",
"date-range-picker",
"react-date-range-picker",
"form",
"react-form",
"input",
"react-input",
"multiple-date-picker",
"react-multiple-date-picker",
"number-input",
"react-number-input",
"otp",
"otp-input",
"tfa-input",
"mfa-input",
"react-otp-input",
"react-tfa-input",
"react-mfa-input",
"password-input",
"react-password-input",
"phone-input",
"react-phone-input",
"radio",
"radio-input",
"react-radio",
"react-radio-input",
"radio-cards",
"react-radio-cards",
"radio-group",
"react-radio-group",
"select",
"react-select",
"slider",
"react-slider",
"switch",
"react-switch",
"textarea",
"react-textarea"
],
"main": "./index.js",
"module": "./index.mjs",
"exports": {
".": {
"import": {
"types": "./index.d.mts",
"default": "./index.mjs"
},
"require": {
"types": "./index.d.ts",
"default": "./index.js"
}
},
"./styles.css": "./styles.css",
"./AmountInput": {
"require": {
"types": "./AmountInput/index.d.ts",
"default": "./AmountInput/index.js"
},
"import": {
"types": "./AmountInput/index.d.mts",
"default": "./AmountInput/index.mjs"
}
},
"./Calendar": {
"require": {
"types": "./Calendar/index.d.ts",
"default": "./Calendar/index.js"
},
"import": {
"types": "./Calendar/index.d.mts",
"default": "./Calendar/index.mjs"
}
},
"./Checkbox": {
"require": {
"types": "./Checkbox/index.d.ts",
"default": "./Checkbox/index.js"
},
"import": {
"types": "./Checkbox/index.d.mts",
"default": "./Checkbox/index.mjs"
}
},
"./CheckboxCards": {
"require": {
"types": "./CheckboxCards/index.d.ts",
"default": "./CheckboxCards/index.js"
},
"import": {
"types": "./CheckboxCards/index.d.mts",
"default": "./CheckboxCards/index.mjs"
}
},
"./CheckboxGroup": {
"require": {
"types": "./CheckboxGroup/index.d.ts",
"default": "./CheckboxGroup/index.js"
},
"import": {
"types": "./CheckboxGroup/index.d.mts",
"default": "./CheckboxGroup/index.mjs"
}
},
"./DatePicker": {
"require": {
"types": "./DatePicker/index.d.ts",
"default": "./DatePicker/index.js"
},
"import": {
"types": "./DatePicker/index.d.mts",
"default": "./DatePicker/index.mjs"
}
},
"./DateRangePicker": {
"require": {
"types": "./DateRangePicker/index.d.ts",
"default": "./DateRangePicker/index.js"
},
"import": {
"types": "./DateRangePicker/index.d.mts",
"default": "./DateRangePicker/index.mjs"
}
},
"./Form": {
"require": {
"types": "./Form/index.d.ts",
"default": "./Form/index.js"
},
"import": {
"types": "./Form/index.d.mts",
"default": "./Form/index.mjs"
}
},
"./Input": {
"require": {
"types": "./Input/index.d.ts",
"default": "./Input/index.js"
},
"import": {
"types": "./Input/index.d.mts",
"default": "./Input/index.mjs"
}
},
"./MultipleDatePicker": {
"require": {
"types": "./MultipleDatePicker/index.d.ts",
"default": "./MultipleDatePicker/index.js"
},
"import": {
"types": "./MultipleDatePicker/index.d.mts",
"default": "./MultipleDatePicker/index.mjs"
}
},
"./NumberInput": {
"require": {
"types": "./NumberInput/index.d.ts",
"default": "./NumberInput/index.js"
},
"import": {
"types": "./NumberInput/index.d.mts",
"default": "./NumberInput/index.mjs"
}
},
"./OTPInput": {
"require": {
"types": "./OTPInput/index.d.ts",
"default": "./OTPInput/index.js"
},
"import": {
"types": "./OTPInput/index.d.mts",
"default": "./OTPInput/index.mjs"
}
},
"./PasswordInput": {
"require": {
"types": "./PasswordInput/index.d.ts",
"default": "./PasswordInput/index.js"
},
"import": {
"types": "./PasswordInput/index.d.mts",
"default": "./PasswordInput/index.mjs"
}
},
"./PhoneInput": {
"require": {
"types": "./PhoneInput/index.d.ts",
"default": "./PhoneInput/index.js"
},
"import": {
"types": "./PhoneInput/index.d.mts",
"default": "./PhoneInput/index.mjs"
}
},
"./Radio": {
"require": {
"types": "./Radio/index.d.ts",
"default": "./Radio/index.js"
},
"import": {
"types": "./Radio/index.d.mts",
"default": "./Radio/index.mjs"
}
},
"./RadioCards": {
"require": {
"types": "./RadioCards/index.d.ts",
"default": "./RadioCards/index.js"
},
"import": {
"types": "./RadioCards/index.d.mts",
"default": "./RadioCards/index.mjs"
}
},
"./RadioGroup": {
"require": {
"types": "./RadioGroup/index.d.ts",
"default": "./RadioGroup/index.js"
},
"import": {
"types": "./RadioGroup/index.d.mts",
"default": "./RadioGroup/index.mjs"
}
},
"./Select": {
"require": {
"types": "./Select/index.d.ts",
"default": "./Select/index.js"
},
"import": {
"types": "./Select/index.d.mts",
"default": "./Select/index.mjs"
}
},
"./Slider": {
"require": {
"types": "./Slider/index.d.ts",
"default": "./Slider/index.js"
},
"import": {
"types": "./Slider/index.d.mts",
"default": "./Slider/index.mjs"
}
},
"./Switch": {
"require": {
"types": "./Switch/index.d.ts",
"default": "./Switch/index.js"
},
"import": {
"types": "./Switch/index.d.mts",
"default": "./Switch/index.mjs"
}
},
"./TextArea": {
"require": {
"types": "./TextArea/index.d.ts",
"default": "./TextArea/index.js"
},
"import": {
"types": "./TextArea/index.d.mts",
"default": "./TextArea/index.mjs"
}
}
},
"scripts": {
"lint": "eslint . --fix",
"format": "prettier --write .",
"stylelint": "NODE_OPTIONS=--no-deprecation stylelint \"src/**/*.scss\" --fix",
"tsc": "tsc --noEmit",
"unimported": "npx unimported",
"storybook": "storybook dev -p 6006",
"build-storybook": "storybook build",
"build:all": "npm run build && npm run build:amountInput && npm run build:calendar && npm run build:checkbox && npm run build:checkboxCards && npm run build:checkboxGroup && npm run build:datePicker && npm run build:dateRangePicker && npm run build:form && npm run build:input && npm run build:multipleDatePicker && npm run build:numberInput && npm run build:otpInput && npm run build:passwordInput && npm run build:phoneInput && npm run build:radio && npm run build:radioCards && npm run build:radioGroup && npm run build:select && npm run build:slider && npm run build:switch && npm run build:textArea",
"build": "tsup --out-dir ./ --no-splitting --treeshake --minify terser",
"build:amountInput": "tsup src/AmountInput/index.tsx --out-dir ./AmountInput --no-splitting --treeshake --minify terser",
"build:calendar": "tsup src/Calendar/index.tsx --out-dir ./Calendar --no-splitting --treeshake --minify terser",
"build:checkbox": "tsup src/Checkbox/index.tsx --out-dir ./Checkbox --no-splitting --treeshake --minify terser",
"build:checkboxCards": "tsup src/CheckboxCards/index.tsx --out-dir ./CheckboxCards --no-splitting --treeshake --minify terser",
"build:checkboxGroup": "tsup src/CheckboxGroup/index.tsx --out-dir ./CheckboxGroup --no-splitting --treeshake --minify terser",
"build:datePicker": "tsup src/DatePicker/index.tsx --out-dir ./DatePicker --no-splitting --treeshake --minify terser",
"build:dateRangePicker": "tsup src/DateRangePicker/index.tsx --out-dir ./DateRangePicker --no-splitting --treeshake --minify terser",
"build:form": "tsup src/Form/index.tsx --out-dir ./Form --no-splitting --treeshake --minify terser",
"build:input": "tsup src/Input/index.tsx --out-dir ./Input --no-splitting --treeshake --minify terser",
"build:multipleDatePicker": "tsup src/MultipleDatePicker/index.tsx --out-dir ./MultipleDatePicker --no-splitting --treeshake --minify terser",
"build:numberInput": "tsup src/NumberInput/index.tsx --out-dir ./NumberInput --no-splitting --treeshake --minify terser",
"build:otpInput": "tsup src/OTPInput/index.tsx --out-dir ./OTPInput --no-splitting --treeshake --minify terser",
"build:passwordInput": "tsup src/PasswordInput/index.tsx --out-dir ./PasswordInput --no-splitting --treeshake --minify terser",
"build:phoneInput": "tsup src/PhoneInput/index.tsx --out-dir ./PhoneInput --no-splitting --treeshake --minify terser",
"build:radio": "tsup src/Radio/index.tsx --out-dir ./Radio --no-splitting --treeshake --minify terser",
"build:radioCards": "tsup src/RadioCards/index.tsx --out-dir ./RadioCards --no-splitting --treeshake --minify terser",
"build:radioGroup": "tsup src/RadioGroup/index.tsx --out-dir ./RadioGroup --no-splitting --treeshake --minify terser",
"build:select": "tsup src/Select/index.tsx --out-dir ./Select --no-splitting --treeshake --minify terser",
"build:slider": "tsup src/Slider/index.tsx --out-dir ./Slider --no-splitting --treeshake --minify terser",
"build:switch": "tsup src/Switch/index.tsx --out-dir ./Switch --no-splitting --treeshake --minify terser",
"build:textArea": "tsup src/TextArea/index.tsx --out-dir ./TextArea --no-splitting --treeshake --minify terser"
},
"peerDependencies": {
"@popperjs/core": "^2.0.0",
"clsx": "^2.0.0",
"input-otp": "^1.0.0",
"rc-slider": "^11.0.0",
"react": ">=17.0.0",
"react-day-picker": "^8.0.0",
"react-dom": ">=17.0.0",
"react-focus-on": "^3.9.1",
"react-international-phone": "^4.0.0",
"react-popper": "^2.0.0",
"react-select": "^5.0.0"
},
"dependencies": {
"@popperjs/core": "^2.0.0",
"clsx": "^2.0.0",
"input-otp": "^1.0.0",
"rc-slider": "^11.0.0",
"react": "^18.0.0",
"react-day-picker": "^8.0.0",
"react-dom": "^18.0.0",
"react-focus-on": "^3.9.1",
"react-international-phone": "^4.0.0",
"react-popper": "^2.0.0",
"react-select": "^5.0.0"
},
"devDependencies": {
"@babel/core": "7.26.0",
"@babel/preset-env": "7.26.0",
"@babel/preset-react": "7.25.9",
"@babel/preset-typescript": "7.26.0",
"@hookform/resolvers": "3.9.1",
"@storybook/addon-essentials": "8.4.5",
"@storybook/addon-interactions": "8.4.5",
"@storybook/addon-links": "8.4.5",
"@storybook/addon-onboarding": "8.4.5",
"@storybook/addon-styling-webpack": "1.0.1",
"@storybook/addon-webpack5-compiler-swc": "1.0.5",
"@storybook/blocks": "8.4.5",
"@storybook/react": "8.4.5",
"@storybook/react-webpack5": "8.4.5",
"@storybook/test": "8.4.5",
"@types/react": "^18.3.18",
"@typescript-eslint/eslint-plugin": "8.15.0",
"@typescript-eslint/parser": "8.15.0",
"autoprefixer": "10.4.20",
"babel-loader": "9.2.1",
"css-loader": "7.1.2",
"cssnano": "7.0.6",
"date-fns": "3.6.0",
"esbuild-plugin-react18-css": "0.0.4",
"esbuild-sass-plugin": "3.3.1",
"eslint": "8.57.1",
"eslint-config-prettier": "9.1.0",
"eslint-plugin-compat": "6.0.1",
"eslint-plugin-css-modules": "2.12.0",
"eslint-plugin-prettier": "5.2.1",
"eslint-plugin-react": "7.37.2",
"eslint-plugin-react-hooks": "5.0.0",
"eslint-plugin-storybook": "0.11.1",
"husky": "9.1.7",
"mini-css-extract-plugin": "2.9.2",
"postcss": "8.4.49",
"postcss-loader": "8.1.1",
"postcss-prefixer": "3.0.0",
"prettier": "3.3.3",
"react-hook-form": "7.53.2",
"sass": "1.81.0",
"sass-loader": "16.0.3",
"storybook": "8.4.5",
"style-loader": "4.0.0",
"stylelint": "16.10.0",
"stylelint-config-prettier-scss": "1.0.0",
"stylelint-config-standard-scss": "13.1.0",
"stylelint-declaration-strict-value": "1.10.6",
"stylelint-no-unsupported-browser-features": "8.0.2",
"stylelint-scss": "6.10.0",
"terser": "5.36.0",
"tsup": "8.3.5",
"typescript": "5.6.3",
"typescript-plugin-css-modules": "5.1.0",
"webpack": "5.96.1",
"webpack-bundle-analyzer": "4.10.2",
"webpack-cli": "5.1.4",
"yup": "1.4.0"
},
"bugs": {
"url": "https://github.com/startbase-dev/react-form-elements/issues"
},
"homepage": "https://github.com/startbase-dev/react-form-elements#readme"
}