@me1a/ui 1.0.7 → 1.0.9

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@me1a/ui",
-  "version": "1.0.7",
+  "version": "1.0.9",
   "type": "module",
   "main": "dist/index.cjs.js",
   "module": "dist/index.es.js",
@@ -11,7 +11,7 @@
   "scripts": {
     "format": "prettier --write --parser typescript '**/*.{ts,tsx}'",
     "lint": "eslint . --ext .ts,.tsx --ignore-path .gitignore --fix",
-    "build": "tsc && vite build",
+    "build": "rollup -c",
     "storybook": "storybook dev -p 6006",
     "build-storybook": "storybook build"
   },
@@ -23,14 +23,16 @@
     "@mui/icons-material": "^6.1.5",
     "@mui/material": "^6.1.5",
     "highlight.js": "^11.8.0",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1",
     "react-hook-form": "^7.51.3",
     "react-quill": "^2.0.0",
     "storybook": "^8.0.9"
   },
   "devDependencies": {
     "@chromatic-com/storybook": "^1.3.3",
+    "@rollup/plugin-commonjs": "^28.0.1",
+    "@rollup/plugin-json": "^6.1.0",
+    "@rollup/plugin-node-resolve": "^15.3.0",
+    "@rollup/plugin-typescript": "^12.1.1",
     "@storybook/addon-essentials": "^8.0.9",
     "@storybook/addon-interactions": "^8.0.9",
     "@storybook/addon-links": "^8.0.9",
@@ -49,8 +51,16 @@
     "eslint-plugin-react-hooks": "^4.6.0",
     "eslint-plugin-storybook": "^0.8.0",
     "prettier": "^3.2.5",
+    "rollup": "^4.24.4",
+    "rollup-plugin-dts": "^6.1.1",
+    "rollup-plugin-postcss": "^4.0.2",
+    "rollup-plugin-strip": "^1.2.2",
     "typescript": "^5.4.5",
     "vite": "^5.2.10",
     "vite-plugin-dts": "^3.9.0"
+  },
+  "peerDependencies": {
+    "react": "18.3.1",
+    "react-dom": "18.3.1"
   }
 }

package/dist/editor/editor.d.ts

@@ -1,3 +0,0 @@
-import { EditorProps } from './types';
-
-export default function Editor({ id, error, simple, helperText, sx, ...other }: EditorProps): import("react/jsx-runtime").JSX.Element;

package/dist/editor/index.d.ts

@@ -1,2 +0,0 @@
-export * from './types';
-export { default as Editor } from './editor';

package/dist/editor/styles.d.ts

@@ -1,4 +0,0 @@
-export declare const StyledEditor: import('@emotion/styled').StyledComponent<import('@mui/system').BoxOwnProps<import('@mui/material').Theme> & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLDivElement> | null | undefined;
-}, keyof import('@mui/system').BoxOwnProps<import('@mui/material').Theme>> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
-export declare const StyledEditorToolbar: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/editor/toolbar.d.ts

@@ -1,7 +0,0 @@
-export declare const formats: string[];
-type EditorToolbarProps = {
-    id: string;
-    isSimple?: boolean;
-};
-export default function Toolbar({ id, isSimple, ...other }: EditorToolbarProps): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/editor/types.d.ts

@@ -1,9 +0,0 @@
-import { ReactQuillProps } from 'react-quill';
-import { Theme, SxProps } from '@mui/material/styles';
-
-export interface EditorProps extends ReactQuillProps {
-    error?: boolean;
-    simple?: boolean;
-    helperText?: React.ReactNode;
-    sx?: SxProps<Theme>;
-}

package/dist/hook-forms/form-provider.d.ts

@@ -1,9 +0,0 @@
-import { UseFormReturn } from 'react-hook-form';
-
-type Props = {
-    children: React.ReactNode;
-    methods: UseFormReturn;
-    onSubmit?: VoidFunction;
-};
-export default function FormProvider({ children, onSubmit, methods }: Props): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/hook-forms/index.d.ts

@@ -1,9 +0,0 @@
-export * from './rhf-select';
-export * from './rhf-checkbox';
-export { default as RHFSwitch } from './rhf-switch';
-export { default as RHFEditor } from './rhf-editor';
-export { default as RHFSlider } from './rhf-slider';
-export { default as RHFTextField } from './rhf-text-field';
-export { default as RHFRadioGroup } from './rhf-radio-group';
-export { default as FormProvider } from './form-provider';
-export * from 'react-hook-form';

package/dist/hook-forms/rhf-autocomplete.d.ts

@@ -1,12 +0,0 @@
-import { AutocompleteProps } from '@mui/material/Autocomplete';
-
-interface Props<T, Multiple extends boolean | undefined, DisableClearable extends boolean | undefined, FreeSolo extends boolean | undefined> extends AutocompleteProps<T, Multiple, DisableClearable, FreeSolo> {
-    name: string;
-    label?: string;
-    placeholder?: string;
-    helperText?: React.ReactNode;
-    optionKey?: string;
-    optionLabel?: string;
-}
-export default function RHFAutocomplete<T, Multiple extends boolean | undefined, DisableClearable extends boolean | undefined, FreeSolo extends boolean | undefined>({ name, label, placeholder, optionKey, options, optionLabel, helperText, ...other }: Omit<Props<T, Multiple, DisableClearable, FreeSolo>, "renderInput">): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/hook-forms/rhf-checkbox.d.ts

@@ -1,20 +0,0 @@
-import { FormControlLabelProps } from '@mui/material/FormControlLabel';
-
-interface RHFCheckboxProps extends Omit<FormControlLabelProps, "control"> {
-    name: string;
-    helperText?: React.ReactNode;
-}
-export declare function RHFCheckbox({ name, helperText, ...other }: RHFCheckboxProps): import("react/jsx-runtime").JSX.Element;
-interface RHFMultiCheckboxProps extends Omit<FormControlLabelProps, "control" | "label"> {
-    name: string;
-    options: {
-        label: string;
-        value: number | string;
-    }[];
-    row?: boolean;
-    label?: string;
-    spacing?: number;
-    helperText?: React.ReactNode;
-}
-export declare function RHFMultiCheckbox({ row, name, label, options, spacing, helperText, sx, ...other }: RHFMultiCheckboxProps): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/hook-forms/rhf-editor.d.ts

@@ -1,8 +0,0 @@
-import { EditorProps } from '../editor';
-
-interface Props extends EditorProps {
-    name: string;
-    label?: string;
-}
-export default function RHFEditor({ name, label, helperText, ...other }: Props): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/hook-forms/rhf-radio-group.d.ts

@@ -1,14 +0,0 @@
-import { RadioGroupProps } from '@mui/material/RadioGroup';
-
-type Props = RadioGroupProps & {
-    name: string;
-    options: {
-        label: string;
-        value: any;
-    }[];
-    label?: string;
-    spacing?: number;
-    helperText?: React.ReactNode;
-};
-export default function RHFRadioGroup({ row, name, label, options, spacing, helperText, ...other }: Props): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/hook-forms/rhf-select.d.ts

@@ -1,12 +0,0 @@
-import { Theme, SxProps } from '@mui/material/styles';
-import { TextFieldProps } from '@mui/material/TextField';
-
-type RHFSelectProps = TextFieldProps & {
-    name: string;
-    native?: boolean;
-    maxHeight?: boolean | number;
-    children: React.ReactNode;
-    PaperPropsSx?: SxProps<Theme>;
-};
-export declare function RHFSelect({ name, native, maxHeight, helperText, children, PaperPropsSx, ...other }: RHFSelectProps): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/hook-forms/rhf-slider.d.ts

@@ -1,8 +0,0 @@
-import { SliderProps } from '@mui/material/Slider';
-
-type Props = SliderProps & {
-    name: string;
-    helperText?: React.ReactNode;
-};
-export default function RHFSlider({ name, helperText, ...other }: Props): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/hook-forms/rhf-switch.d.ts

@@ -1,8 +0,0 @@
-import { FormControlLabelProps } from '@mui/material/FormControlLabel';
-
-interface Props extends Omit<FormControlLabelProps, "control"> {
-    name: string;
-    helperText?: React.ReactNode;
-}
-export default function RHFSwitch({ name, helperText, ...other }: Props): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/hook-forms/rhf-text-field.d.ts

@@ -1,7 +0,0 @@
-import { TextFieldProps } from '@mui/material/TextField';
-
-type Props = TextFieldProps & {
-    name: string;
-};
-export default function RHFTextField({ name, helperText, type, ...other }: Props): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/style.css

@@ -1,7 +0,0 @@
-/*!
-  Theme: Tomorrow Night
-  Author: Chris Kempson (http://chriskempson.com)
-  License: ~ MIT (or more permissive) [via base16-schemes-source]
-  Maintainer: @highlightjs/core-team
-  Version: 2021.09.0
-*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#ccc;background:#2d2d2d}.hljs::selection,.hljs ::selection{background-color:#515151;color:#ccc}.hljs-comment{color:#999}.hljs-tag{color:#b4b7b4}.hljs-subst,.hljs-punctuation,.hljs-operator{color:#ccc}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-variable,.hljs-template-variable,.hljs-selector-tag,.hljs-name,.hljs-deletion{color:#f2777a}.hljs-symbol,.hljs-number,.hljs-link,.hljs-attr,.hljs-variable.constant_,.hljs-literal{color:#f99157}.hljs-title,.hljs-class .hljs-title,.hljs-title.class_{color:#fc6}.hljs-strong{font-weight:700;color:#fc6}.hljs-code,.hljs-addition,.hljs-title.class_.inherited__,.hljs-string{color:#9c9}.hljs-built_in,.hljs-doctag,.hljs-quote,.hljs-keyword.hljs-atrule,.hljs-regexp{color:#6cc}.hljs-function .hljs-title,.hljs-attribute,.ruby .hljs-property,.hljs-title.function_,.hljs-section{color:#69c}.hljs-type,.hljs-template-tag,.diff .hljs-meta,.hljs-keyword{color:#c9c}.hljs-emphasis{color:#c9c;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#a3685a}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}

package/dist/utils/highlight.d.ts

@@ -1,6 +0,0 @@
-
-declare global {
-    interface Window {
-        hljs: any;
-    }
-}