@kroo-web/design-system 1.1.106 → 1.2.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kroo-web/design-system",
-  "version": "1.1.106",
+  "version": "1.2.0",
   "description": "Web design system for Kroo including the components for the marketing site and the product side.",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
@@ -23,11 +23,6 @@
     "terraform:apply": "cd infra/service && terraform apply -var-file=storybook.tfvars",
     "type-check": "tsc --noEmit"
   },
-  "eslintConfig": {
-    "extends": [
-      "wesbos/typescript"
-    ]
-  },
   "keywords": [],
   "author": "",
   "license": "ISC",
@@ -35,6 +30,7 @@
     "@archoleat/stylelint-config-extended-scss": "^1.6.8",
     "@commitlint/cli": "^19.3.0",
     "@commitlint/config-conventional": "^19.2.2",
+    "@eslint/js": "^9.14.0",
     "@rollup/plugin-commonjs": "^25.0.7",
     "@rollup/plugin-image": "^3.0.3",
     "@rollup/plugin-json": "^6.1.0",
@@ -55,14 +51,24 @@
     "@testing-library/jest-dom": "^6.4.2",
     "@testing-library/react": "^14.2.1",
     "@testing-library/user-event": "^14.5.2",
+    "@types/eslint__js": "^8.42.3",
     "@vitejs/plugin-react": "^4.2.1",
     "autoprefixer": "^10.4.18",
     "commitizen": "^4.3.0",
     "copyfiles": "^2.4.1",
     "cz-conventional-changelog": "^3.3.0",
+    "eslint": "^8.57.1",
+    "eslint-config-airbnb": "^19.0.4",
     "eslint-config-prettier": "^9.1.0",
-    "eslint-config-wesbos": "^4.0.1",
+    "eslint-plugin-import": "^2.31.0",
+    "eslint-plugin-jsx-a11y": "^6.10.2",
+    "eslint-plugin-perfectionist": "^3.9.1",
     "eslint-plugin-prettier": "^5.1.3",
+    "eslint-plugin-react": "^7.37.2",
+    "eslint-plugin-react-hooks": "^4.6.2",
+    "eslint-plugin-unicorn": "^56.0.0",
+    "eslint-plugin-vitest": "^0.5.4",
+    "globals": "^15.12.0",
     "husky": "^9.0.11",
     "jsdom": "^24.0.0",
     "prettier": "3.3.2",
@@ -70,12 +76,13 @@
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "rimraf": "^5.0.5",
-    "rollup": "^4.12.1",
+    "rollup": "^4.27.4",
     "rollup-plugin-copy": "^3.5.0",
     "rollup-plugin-dts": "^6.1.0",
     "rollup-plugin-import-css": "^3.5.0",
     "rollup-plugin-peer-deps-external": "^2.2.4",
     "rollup-plugin-postcss": "^4.0.2",
+    "semantic-release": "^24.2.0",
     "storybook": "^7.6.17",
     "storybook-addon-pseudo-states": "^3.1.1",
     "storybook-css-modules": "^1.0.8",
@@ -83,10 +90,12 @@
     "stylelint-config-standard": "^36.0.0",
     "stylelint-define-config": "^1.3.0",
     "typescript": "^5.4.2",
+    "typescript-eslint": "^8.14.0",
     "vitest": "^1.3.1",
     "zod": "^3.22.4"
   },
   "dependencies": {
+    "@hookform/resolvers": "^3.3.4",
     "@radix-ui/react-accordion": "^1.1.2",
     "@radix-ui/react-checkbox": "^1.1.1",
     "@radix-ui/react-popover": "^1.0.7",
@@ -99,11 +108,11 @@
     "downshift": "^8.5.0",
     "focus-trap-react": "^10.2.3",
     "framer-motion": "^11.0.8",
+    "input-otp": "^1.4.1",
     "postcss": "^8.4.35",
-    "react-material-symbols": "^4.4.0",
-    "zustand": "^4.5.2",
     "react-hook-form": "^7.51.0",
-    "@hookform/resolvers": "^3.3.4"
+    "react-material-symbols": "^4.4.0",
+    "zustand": "^4.5.2"
   },
   "peerDependencies": {
     "react": "^18.0.0",

package/dist/cjs/examples/CheckboxWithController/index.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-import { FieldValues } from 'react-hook-form';
-import { TCheckboxProps } from '../../src';
-import { TFieldWithController } from '../form';
-export type TCheckboxControllerProps<T extends FieldValues> = TFieldWithController<T, TCheckboxProps>;
-export declare const CheckboxWithController: <T extends FieldValues>({ control, name, props }: TCheckboxControllerProps<T>) => React.JSX.Element;

package/dist/cjs/examples/ComboBoxWithController/index.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-import { FieldValues } from 'react-hook-form';
-import { TComboBoxProps } from '../../src';
-import { TFieldWithController } from '../form';
-export type TComboBoxControllerProps<T extends FieldValues> = TFieldWithController<T, Omit<TComboBoxProps, "field" | "name">>;
-export declare const ComboBoxWithController: <T extends FieldValues>({ control, name, props, }: TComboBoxControllerProps<T>) => React.JSX.Element;

package/dist/cjs/examples/MagicForm/index.d.ts

@@ -1,7 +0,0 @@
-import React, { PropsWithChildren } from "react";
-export default function MagicForm({ defaultValues, children, onSubmit }: PropsWithChildren<{
-    defaultValues: {
-        [key: string]: any;
-    };
-    onSubmit: (data: any) => void;
-}>): React.JSX.Element;

package/dist/cjs/examples/NumberFieldWithController/index.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-import { FieldValues } from 'react-hook-form';
-import { TNumberFieldProps } from '../../src';
-import { TFieldWithController } from '../form';
-export type TNumberFieldControllerProps<T extends FieldValues> = TFieldWithController<T, TNumberFieldProps>;
-export declare const NumberFieldWithController: <T extends FieldValues>({ control, name, props }: TNumberFieldControllerProps<T>) => React.JSX.Element;

package/dist/cjs/examples/PhoneFieldWithController/index.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-import { FieldValues } from 'react-hook-form';
-import { TPhoneFieldProps } from '../../src';
-import { TFieldWithController } from '../form';
-export type TPhoneFieldControllerProps<T extends FieldValues> = TFieldWithController<T, TPhoneFieldProps>;
-export declare const PhoneFieldWithController: <T extends FieldValues>({ control, name, props }: TPhoneFieldControllerProps<T>) => React.JSX.Element;

package/dist/cjs/examples/PinInputWithController/index.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-import { FieldValues } from 'react-hook-form';
-import { TFieldWithController } from '../form';
-import { TPinInputProps } from '../../src';
-export type TPhoneFieldControllerProps<T extends FieldValues> = TFieldWithController<T, Omit<TPinInputProps, 'onChange'>>;
-export declare const PinInputWithController: <T extends FieldValues>({ control, name, props }: TPhoneFieldControllerProps<T>) => React.JSX.Element;

package/dist/cjs/examples/RadioGroupWithController/index.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-import { FieldValues } from 'react-hook-form';
-import { TRadioGroupProps } from '../../src';
-import { TFieldWithController } from '../form';
-export type TRadioGroupControllerProps<T extends FieldValues> = TFieldWithController<T, TRadioGroupProps> & {
-    children: React.ReactNode;
-};
-export declare const RadioGroupWithController: <T extends FieldValues>({ control, name, props, children }: TRadioGroupControllerProps<T>) => React.JSX.Element;

package/dist/cjs/src/utils/composeRefs.d.ts

@@ -1,2 +0,0 @@
-import { ForwardedRef } from "react";
-export declare const composeRefs: <T extends unknown>(refs: ForwardedRef<T>[]) => (value: T) => void;

package/dist/cjs/src/utils/parseInt.d.ts

@@ -1 +0,0 @@
-export declare const parseIntSafe: (value: string) => number;

package/dist/esm/examples/CheckboxWithController/index.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-import { FieldValues } from 'react-hook-form';
-import { TCheckboxProps } from '../../src';
-import { TFieldWithController } from '../form';
-export type TCheckboxControllerProps<T extends FieldValues> = TFieldWithController<T, TCheckboxProps>;
-export declare const CheckboxWithController: <T extends FieldValues>({ control, name, props }: TCheckboxControllerProps<T>) => React.JSX.Element;

package/dist/esm/examples/ComboBoxWithController/index.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-import { FieldValues } from 'react-hook-form';
-import { TComboBoxProps } from '../../src';
-import { TFieldWithController } from '../form';
-export type TComboBoxControllerProps<T extends FieldValues> = TFieldWithController<T, Omit<TComboBoxProps, "field" | "name">>;
-export declare const ComboBoxWithController: <T extends FieldValues>({ control, name, props, }: TComboBoxControllerProps<T>) => React.JSX.Element;

package/dist/esm/examples/MagicForm/index.d.ts

@@ -1,7 +0,0 @@
-import React, { PropsWithChildren } from "react";
-export default function MagicForm({ defaultValues, children, onSubmit }: PropsWithChildren<{
-    defaultValues: {
-        [key: string]: any;
-    };
-    onSubmit: (data: any) => void;
-}>): React.JSX.Element;

package/dist/esm/examples/NumberFieldWithController/index.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-import { FieldValues } from 'react-hook-form';
-import { TNumberFieldProps } from '../../src';
-import { TFieldWithController } from '../form';
-export type TNumberFieldControllerProps<T extends FieldValues> = TFieldWithController<T, TNumberFieldProps>;
-export declare const NumberFieldWithController: <T extends FieldValues>({ control, name, props }: TNumberFieldControllerProps<T>) => React.JSX.Element;

package/dist/esm/examples/PhoneFieldWithController/index.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-import { FieldValues } from 'react-hook-form';
-import { TPhoneFieldProps } from '../../src';
-import { TFieldWithController } from '../form';
-export type TPhoneFieldControllerProps<T extends FieldValues> = TFieldWithController<T, TPhoneFieldProps>;
-export declare const PhoneFieldWithController: <T extends FieldValues>({ control, name, props }: TPhoneFieldControllerProps<T>) => React.JSX.Element;

package/dist/esm/examples/PinInputWithController/index.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-import { FieldValues } from 'react-hook-form';
-import { TFieldWithController } from '../form';
-import { TPinInputProps } from '../../src';
-export type TPhoneFieldControllerProps<T extends FieldValues> = TFieldWithController<T, Omit<TPinInputProps, 'onChange'>>;
-export declare const PinInputWithController: <T extends FieldValues>({ control, name, props }: TPhoneFieldControllerProps<T>) => React.JSX.Element;

package/dist/esm/examples/RadioGroupWithController/index.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-import { FieldValues } from 'react-hook-form';
-import { TRadioGroupProps } from '../../src';
-import { TFieldWithController } from '../form';
-export type TRadioGroupControllerProps<T extends FieldValues> = TFieldWithController<T, TRadioGroupProps> & {
-    children: React.ReactNode;
-};
-export declare const RadioGroupWithController: <T extends FieldValues>({ control, name, props, children }: TRadioGroupControllerProps<T>) => React.JSX.Element;

package/dist/esm/src/utils/composeRefs.d.ts

@@ -1,2 +0,0 @@
-import { ForwardedRef } from "react";
-export declare const composeRefs: <T extends unknown>(refs: ForwardedRef<T>[]) => (value: T) => void;

package/dist/esm/src/utils/parseInt.d.ts

@@ -1 +0,0 @@
-export declare const parseIntSafe: (value: string) => number;