@datability/8ui 1.0.0 → 1.1.1

package/dist/types/App.d.ts

@@ -0,0 +1,2 @@
+declare function App(): import("react/jsx-runtime").JSX.Element;
+export default App;

package/dist/types/components/blackdrop/index.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { PropsBlackdrop } from './index.type';
+declare const Blackdrop: React.FC<PropsBlackdrop>;
+export default Blackdrop;

package/dist/types/components/blackdrop/index.type.d.ts

@@ -0,0 +1,6 @@
+import { JSX } from 'react';
+export type PropsBlackdrop = {
+    children: JSX.Element | JSX.Element[];
+    open: boolean;
+    onClose?: () => void;
+};

package/dist/types/components/button/index.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { PropsButton } from './index.type';
+declare const Button: React.FC<PropsButton>;
+export default Button;

package/dist/types/components/button/index.type.d.ts

@@ -0,0 +1,12 @@
+import { CSSProperties, ElementType } from 'react';
+export type PropsButton = {
+    name?: string;
+    type?: "button" | "submit";
+    disabled?: boolean;
+    onClick?: (e: React.MouseEvent<HTMLButtonElement>) => void;
+    startIcon?: string | ElementType;
+    endIcon?: string | ElementType;
+    className?: string;
+    style?: CSSProperties;
+    isLoading?: boolean;
+};

package/dist/types/components/chip/index.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { PropsChip } from './index.type';
+declare const Chip: React.FC<PropsChip>;
+export default Chip;

package/dist/types/components/chip/index.type.d.ts

@@ -0,0 +1,9 @@
+import { CSSProperties, ElementType } from 'react';
+export type PropsChip = {
+    label: string;
+    onDelete?: () => void;
+    onClick?: () => void;
+    icon?: string | ElementType;
+    className?: string;
+    style?: CSSProperties;
+};

package/dist/types/components/context.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+type TContext = {
+    openModalCount: number;
+    setOpenModalCount?: React.Dispatch<React.SetStateAction<number>>;
+};
+export declare const DBuiContext: React.Context<TContext>;
+export declare const DBuiProvider: (props: any) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/types/components/divider/index.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+declare const Divider: React.FC;
+export default Divider;

package/dist/types/components/index.d.ts

@@ -0,0 +1,41 @@
+export { default as Button } from './button';
+export type { PropsButton } from './button/index.type';
+export { default as Blackdrop } from './blackdrop';
+export type { PropsBlackdrop } from './blackdrop/index.type';
+export { default as Chip } from './chip';
+export type { PropsChip } from './chip/index.type';
+export { default as Divider } from './divider';
+export { default as Menu } from './menu';
+export type { PropsMenu } from './menu/index.type';
+export { default as Modal } from './modal';
+export type { PropsModal } from './modal/index.type';
+export { default as Input } from './input/input-basic';
+export type { PropsInputBasic as PropsInput } from './input/input-basic/index.type';
+export { default as InputNumber } from './input/input-number';
+export type { PropsInputNumber } from './input/input-number/index.type';
+export { default as InputDate } from './input/input-date';
+export type { PropsInputDate } from './input/input-date/index.type';
+export { default as InputDateRange } from './input/input-date-range';
+export type { PropsInputDateRange } from './input/input-date-range/index.type';
+export { default as InputDateTime } from './input/input-date-time';
+export type { PropsInputDateTime } from './input/input-date-time/index.type';
+export { default as InputPassword } from './input/input-password';
+export type { PropsInputPassword } from './input/input-password/index.type';
+export { default as InputRadio } from './input/input-radio';
+export type { PropsInputRadio } from './input/input-radio/index.type';
+export { default as InputCheckbox } from './input/input-checkbox';
+export type { PropsInputCheckbox } from './input/input-checkbox/index.type';
+export { default as InputTextarea } from './input/input-textarea';
+export type { PropsInputTextarea } from './input/input-textarea/index.type';
+export { default as InputSelect } from './input/input-select';
+export type { PropsInputSelect } from './input/input-select/index.type';
+export { default as InputAutoComplete } from './input/input-auto-complete';
+export type { PropsInputAutoComplete } from './input/input-auto-complete/index.type';
+export { default as InputSwitch } from './input/input-switch';
+export type { PropsInputSwitch } from './input/input-switch/index.type';
+export type TValueOption = string | number;
+export type TOption = {
+    label: string;
+    value: TValueOption;
+};
+export { DBuiContext, DBuiProvider } from './context';

package/dist/types/components/input/input-auto-complete/index.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { PropsInputAutoComplete } from './index.type';
+declare const InputAutoComplete: React.FC<PropsInputAutoComplete>;
+export default InputAutoComplete;

package/dist/types/components/input/input-auto-complete/index.type.d.ts

@@ -0,0 +1,12 @@
+import { TOption } from '../..';
+export type PropsInputAutoComplete = {
+    name: string;
+    label?: string;
+    placeholder?: string;
+    disabled?: boolean;
+    require?: boolean;
+    fullWidth?: boolean;
+    options: TOption[];
+    isMultiple?: boolean;
+    isInModal?: boolean;
+};

package/dist/types/components/input/input-base/index.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { PropsInputBase } from './index.type';
+declare const InputBase: React.FC<PropsInputBase>;
+export default InputBase;

package/dist/types/components/input/input-base/index.type.d.ts

@@ -0,0 +1,11 @@
+import { JSX } from 'react';
+import { FieldError, FieldErrorsImpl, Merge } from 'react-hook-form';
+export type PropsInputBase = {
+    name: string;
+    label?: string;
+    require?: boolean;
+    fullWidth?: boolean;
+    children: JSX.Element | JSX.Element[];
+    isInvalid: boolean;
+    errorMessage: string | FieldError | Merge<FieldError, FieldErrorsImpl<any>> | undefined;
+};

package/dist/types/components/input/input-basic/index.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { PropsInputBasic } from './index.type';
+declare const Input: React.FC<PropsInputBasic>;
+export default Input;

package/dist/types/components/input/input-basic/index.type.d.ts

@@ -0,0 +1,8 @@
+export type PropsInputBasic = {
+    name: string;
+    label?: string;
+    placeholder?: string;
+    disabled?: boolean;
+    require?: boolean;
+    fullWidth?: boolean;
+};

package/dist/types/components/input/input-checkbox/index.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { PropsInputCheckbox } from './index.type';
+declare const InputCheckbox: React.FC<PropsInputCheckbox>;
+export default InputCheckbox;

package/dist/types/components/input/input-checkbox/index.type.d.ts

@@ -0,0 +1,11 @@
+export type PropsInputCheckbox = {
+    name: string;
+    label?: string;
+    disabled?: boolean;
+    require?: boolean;
+    fullWidth?: boolean;
+    options: {
+        label: string;
+        value: string | number;
+    }[];
+};

package/dist/types/components/input/input-date/index.d.ts

@@ -0,0 +1,22 @@
+import { default as React } from 'react';
+import { PropsInputDate } from './index.type';
+declare const InputDate: React.FC<PropsInputDate>;
+export default InputDate;
+export declare function generateYearOptions(minYear?: number, maxYear?: number): {
+    label: string;
+    value: number;
+}[];
+export declare function generateMonthOptions(): {
+    label: string;
+    value: string;
+}[];
+export declare function updateYearInDateString(dateStr: string, newYear: number): string;
+export declare function updateMonthInDateString(dateStr: string, newMonth: string): string;
+export declare function getYearInDateString(dateStr: string): number;
+export declare function getMonthInDateString(dateStr: string): string;
+export declare function getDayInDateString(dateStr: string): string;
+export declare function getDaysInMonthWithWeekday(year: number, month: string): {
+    date: string;
+    weekday: string;
+}[];
+export declare function getDateNow(): string;

package/dist/types/components/input/input-date/index.type.d.ts

@@ -0,0 +1,11 @@
+export type PropsInputDate = {
+    name: string;
+    label?: string;
+    placeholder?: string;
+    disabled?: boolean;
+    require?: boolean;
+    fullWidth?: boolean;
+    isHideClearIcon?: boolean;
+    minYear?: number;
+    maxYear?: number;
+};

package/dist/types/components/input/input-date-range/index.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { PropsInputDateRange } from './index.type';
+declare const InputDateRange: React.FC<PropsInputDateRange>;
+export default InputDateRange;

package/dist/types/components/input/input-date-range/index.type.d.ts

@@ -0,0 +1,11 @@
+export type PropsInputDateRange = {
+    name: string;
+    label?: string;
+    placeholder?: string;
+    disabled?: boolean;
+    require?: boolean;
+    fullWidth?: boolean;
+    isHideClearIcon?: boolean;
+    minYear?: number;
+    maxYear?: number;
+};

package/dist/types/components/input/input-date-time/index.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { PropsInputDateTime } from './index.type';
+declare const InputDateTime: React.FC<PropsInputDateTime>;
+export default InputDateTime;

package/dist/types/components/input/input-date-time/index.type.d.ts

@@ -0,0 +1,11 @@
+export type PropsInputDateTime = {
+    name: string;
+    label?: string;
+    placeholder?: string;
+    disabled?: boolean;
+    require?: boolean;
+    fullWidth?: boolean;
+    isHideClearIcon?: boolean;
+    minYear?: number;
+    maxYear?: number;
+};

package/dist/types/components/input/input-number/index.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { PropsInputNumber } from './index.type';
+declare const InputNumber: React.FC<PropsInputNumber>;
+export default InputNumber;

package/dist/types/components/input/input-number/index.type.d.ts

@@ -0,0 +1,10 @@
+export type PropsInputNumber = {
+    name: string;
+    label?: string;
+    placeholder?: string;
+    disabled?: boolean;
+    require?: boolean;
+    fullWidth?: boolean;
+    isPhoneNumber?: boolean;
+    isAvailableMinus?: boolean;
+};

package/dist/types/components/input/input-password/index.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { PropsInputPassword } from './index.type';
+declare const InputPassword: React.FC<PropsInputPassword>;
+export default InputPassword;

package/dist/types/components/input/input-password/index.type.d.ts

@@ -0,0 +1,8 @@
+export type PropsInputPassword = {
+    name: string;
+    label?: string;
+    placeholder?: string;
+    disabled?: boolean;
+    require?: boolean;
+    fullWidth?: boolean;
+};

package/dist/types/components/input/input-radio/index.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { PropsInputRadio } from './index.type';
+declare const InputRadio: React.FC<PropsInputRadio>;
+export default InputRadio;

package/dist/types/components/input/input-radio/index.type.d.ts

@@ -0,0 +1,12 @@
+export type PropsInputRadio = {
+    name: string;
+    label?: string;
+    disabled?: boolean;
+    require?: boolean;
+    fullWidth?: boolean;
+    isVertical?: boolean;
+    options: {
+        label: string;
+        value: string | number;
+    }[];
+};

package/dist/types/components/input/input-select/index.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { PropsInputSelect } from './index.type';
+declare const InputSelect: React.FC<PropsInputSelect>;
+export default InputSelect;

package/dist/types/components/input/input-select/index.type.d.ts

@@ -0,0 +1,14 @@
+import { TOption, TValueOption } from '../..';
+export type PropsInputSelect = {
+    name: string;
+    label?: string;
+    placeholder?: string;
+    disabled?: boolean;
+    require?: boolean;
+    fullWidth?: boolean;
+    options: TOption[];
+    onChange?: (value: TValueOption | null) => void;
+    value?: string;
+    isHideClearIcon?: boolean;
+    isInModal?: boolean;
+};

package/dist/types/components/input/input-switch/index.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { PropsInputSwitch } from './index.type';
+declare const InputSwitch: React.FC<PropsInputSwitch>;
+export default InputSwitch;

package/dist/types/components/input/input-switch/index.type.d.ts

@@ -0,0 +1,4 @@
+export type PropsInputSwitch = {
+    name: string;
+    disabled?: boolean;
+};

package/dist/types/components/input/input-textarea/index.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { PropsInputTextarea } from './index.type';
+declare const InputTextarea: React.FC<PropsInputTextarea>;
+export default InputTextarea;

package/dist/types/components/input/input-textarea/index.type.d.ts

@@ -0,0 +1,10 @@
+export type PropsInputTextarea = {
+    name: string;
+    label?: string;
+    placeholder?: string;
+    disabled?: boolean;
+    require?: boolean;
+    fullWidth?: boolean;
+    rows?: number;
+    cols?: number;
+};

package/dist/types/components/menu/index.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { PropsMenu } from './index.type';
+declare const Menu: React.FC<PropsMenu>;
+export default Menu;

package/dist/types/components/menu/index.type.d.ts

@@ -0,0 +1,11 @@
+import { JSX } from 'react';
+export type PropsMenu = {
+    trigger: (props: {
+        isOpen: boolean;
+    }) => JSX.Element;
+    children: (args: {
+        close: () => void;
+    }) => JSX.Element | JSX.Element[];
+    disabled?: boolean;
+    isInModal?: boolean;
+};

package/dist/types/components/modal/index.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { PropsModal } from './index.type';
+declare const Modal: React.FC<PropsModal>;
+export default Modal;

package/dist/types/components/modal/index.type.d.ts

@@ -0,0 +1,7 @@
+import { JSX } from 'react';
+export type PropsModal = {
+    children: JSX.Element | JSX.Element[];
+    open: boolean;
+    onClose: () => void;
+    id: string;
+};

package/dist/types/index.d.ts

@@ -0,0 +1,41 @@
+export { default as Button } from './components/button';
+export type { PropsButton } from './components/button/index.type';
+export { default as Blackdrop } from './components/blackdrop';
+export type { PropsBlackdrop } from './components/blackdrop/index.type';
+export { default as Chip } from './components/chip';
+export type { PropsChip } from './components/chip/index.type';
+export { default as Divider } from './components/divider';
+export { default as Menu } from './components/menu';
+export type { PropsMenu } from './components/menu/index.type';
+export { default as Modal } from './components/modal';
+export type { PropsModal } from './components/modal/index.type';
+export { default as Input } from './components/input/input-basic';
+export type { PropsInputBasic as PropsInput } from './components/input/input-basic/index.type';
+export { default as InputNumber } from './components/input/input-number';
+export type { PropsInputNumber } from './components/input/input-number/index.type';
+export { default as InputDate } from './components/input/input-date';
+export type { PropsInputDate } from './components/input/input-date/index.type';
+export { default as InputDateRange } from './components/input/input-date-range';
+export type { PropsInputDateRange } from './components/input/input-date-range/index.type';
+export { default as InputDateTime } from './components/input/input-date-time';
+export type { PropsInputDateTime } from './components/input/input-date-time/index.type';
+export { default as InputPassword } from './components/input/input-password';
+export type { PropsInputPassword } from './components/input/input-password/index.type';
+export { default as InputRadio } from './components/input/input-radio';
+export type { PropsInputRadio } from './components/input/input-radio/index.type';
+export { default as InputCheckbox } from './components/input/input-checkbox';
+export type { PropsInputCheckbox } from './components/input/input-checkbox/index.type';
+export { default as InputTextarea } from './components/input/input-textarea';
+export type { PropsInputTextarea } from './components/input/input-textarea/index.type';
+export { default as InputSelect } from './components/input/input-select';
+export type { PropsInputSelect } from './components/input/input-select/index.type';
+export { default as InputAutoComplete } from './components/input/input-auto-complete';
+export type { PropsInputAutoComplete } from './components/input/input-auto-complete/index.type';
+export { default as InputSwitch } from './components/input/input-switch';
+export type { PropsInputSwitch } from './components/input/input-switch/index.type';
+export type TValueOption = string | number;
+export type TOption = {
+    label: string;
+    value: TValueOption;
+};
+export { DBuiContext, DBuiProvider } from './components/context';

package/dist/types/main.d.ts

@@ -0,0 +1 @@
+export {};

package/package.json

@@ -1,26 +1,29 @@
 {
   "name": "@datability/8ui",
-  "version": "1.0.0",
+  "version": "1.1.1",
   "type": "module",
-  "description": "",
-  "main": "dist/components/index.js",
-  "types": "dist/components/index.d.ts",
-  "author": "Datability",
-  "license": "ISC",
-  "keywords": [],
+  "exports": {
+    ".": {
+      "types": "./dist/types/index.d.ts",
+      "import": "./dist/index.es.js",
+      "require": "./dist/index.umd.js"
+    },
+    "./dist/index.css": "./dist/index.css",
+    "./style.css": "./dist/index.css"
+  },
+  "style": "./dist/index.css",
+  "files": [
+    "dist"
+  ],
   "scripts": {
     "dev": "vite",
-    "prebuild": "rm -rf dist/ && npm run cp-scss && npm run cp-scss-2 && npm run cp-svg",
-    "build": "tsc -b && vite build",
+    "build": "vite build && npm run cp-scss && npm run cp-scss-2 && npm run cp-svg",
     "lint": "eslint .",
     "preview": "vite preview",
     "cp-svg": "copyfiles -u 1 src/components/**/*.svg dist/",
     "cp-scss": "copyfiles -u 1 src/components/**/*.scss dist/",
     "cp-scss-2": "copyfiles -u 1 src/components/**/**/*.scss dist/"
   },
-  "files": [
-    "/dist"
-  ],
   "peerDependencies": {
     "@hookform/resolvers": "^5.2.2",
     "react": "^19.2.0",
@@ -34,7 +37,6 @@
     "@types/react": "^19.2.5",
     "@types/react-dom": "^19.2.3",
     "@vitejs/plugin-react": "^5.1.1",
-    "babel-plugin-react-compiler": "^1.0.0",
     "copyfiles": "^2.4.1",
     "eslint": "^9.39.1",
     "eslint-plugin-react-hooks": "^7.0.1",
@@ -43,6 +45,7 @@
     "sass": "^1.97.3",
     "typescript": "~5.9.3",
     "typescript-eslint": "^8.46.4",
-    "vite": "^7.2.4"
+    "vite": "^7.2.4",
+    "vite-plugin-dts": "^4.5.4"
   }
 }