akku-kit 1.0.0-alpha.7 → 1.0.0-alpha.8

package/README.md

@@ -1,9 +1,9 @@
-# ⚡️ akku-kit
+# ⚡️ Akku-UI-Kit
 
-akku-kit is a modern, TypeScript-based UI framework built specifically for Akku projects. It includes a growing collection of reusable, accessible, and customizable components. 
+Akku-UI-Kit is a modern, TypeScript-based UI framework built specifically for Akku projects. It includes a growing collection of reusable, accessible, and customizable components. 
 
-## Akku-kit [Demo]
-[Akku-kit](https://akku-kit.vercel.app/)
+## Akku-UI-Kit [Demo]
+[Akku-UI-Kit](https://akku-kit.vercel.app/)
 
 ## ✨ Features
 
@@ -58,7 +58,7 @@ npm run storybook
 
 ## 🤝 Contributing
 
-Contributions are always welcome to the **Akku UI Framework (`akku-kit`)** and the main project **`akku`**!
+Contributions are always welcome to the **Akku UI Framework (`Akku-UI-Kit`)** and the main project **`akku`**!
 
 Whether you're fixing bugs, building components, improving styles, or refining documentation—every contribution helps.
 
@@ -66,4 +66,4 @@ To get started, please read the [CONTRIBUTING.md](./CONTRIBUTING.md) for guideli
 
 
 
-License: MIT © 2025 akku-kit Team
+License: MIT © 2025 Akku-UI-Kit Team

package/dist/components/DatePicker/DatePicker.d.ts

@@ -0,0 +1,22 @@
+import React, { InputHTMLAttributes } from "react";
+import "./DatePicker.scss";
+interface DayjsLike {
+    _date: Date;
+    isValid: () => boolean;
+    format: (fmt: string) => string;
+    toDate: () => Date;
+    valueOf: () => number;
+    isBefore: (other: DayjsLike | Date) => boolean;
+    isAfter: (other: DayjsLike | Date) => boolean;
+    isSame: (other: DayjsLike | Date) => boolean;
+}
+interface DatePickerProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "value" | "onChange"> {
+    value?: DayjsLike | Date | null;
+    onChange?: (date: DayjsLike | null) => void;
+    format?: string;
+    allowClear?: boolean;
+    disabledDate?: (date: DayjsLike) => boolean;
+    suffixIcon?: React.ReactNode;
+}
+declare const DatePicker: React.ForwardRefExoticComponent<DatePickerProps & React.RefAttributes<HTMLInputElement>>;
+export default DatePicker;

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

@@ -0,0 +1,31 @@
+import { FocusEventHandler, ReactNode } from "react";
+export interface DatePickerProps {
+    /** Selected date value */
+    value?: Date | null;
+    /** Callback when date changes */
+    onChange?: (date: Date | null) => void;
+    /** Minimum selectable date */
+    minDate?: Date;
+    /** Maximum selectable date */
+    maxDate?: Date;
+    /** Disable the date picker */
+    disabled?: boolean;
+    /** Placeholder text */
+    placeholder?: string;
+    /** Format string for display, e.g. 'MM/dd/yyyy' */
+    dateFormat?: string;
+    /** Whether the input is clearable */
+    isClearable?: boolean;
+    /** Optional CSS class */
+    className?: string;
+    /** Called on input focus */
+    onFocus?: FocusEventHandler<HTMLInputElement>;
+    /** Called on input blur */
+    onBlur?: FocusEventHandler<HTMLInputElement>;
+    /** Custom render for input element */
+    renderInput?: (props: React.HTMLProps<HTMLInputElement>) => ReactNode;
+    /** Name of the input */
+    name?: string;
+    /** Additional props */
+    [key: string]: any;
+}

package/dist/components/DateRangePicker/DateRangePicker.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import "./DateRangePicker.scss";
+interface DateRangePickerProps {
+    startDate?: Date | null;
+    endDate?: Date | null;
+    onChange: (start: Date | null, end: Date | null) => void;
+}
+declare const DateRangePicker: React.FC<DateRangePickerProps>;
+export default DateRangePicker;

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

@@ -0,0 +1,15 @@
+export interface DateRangePickerProps {
+    /**
+     * The currently selected start date. Can be null if no start date is selected.
+     */
+    startDate?: Date | null;
+    /**
+     * The currently selected end date. Can be null if no end date is selected.
+     */
+    endDate?: Date | null;
+    /**
+     * Callback function triggered when the date range changes.
+     * It receives the new start and end dates as arguments.
+     */
+    onChange: (start: Date | null, end: Date | null) => void;
+}

package/dist/components/Form/PhoneInput/PhoneInput.d.ts

@@ -1,4 +1,4 @@
 import React from "react";
 import { PhoneInputProps } from "./PhoneInput.types";
-declare const PhoneField: React.FC<PhoneInputProps>;
-export default PhoneField;
+declare const PhoneInput: React.FC<PhoneInputProps>;
+export default PhoneInput;

package/dist/components/Form/PhoneInput/PhoneInput.types.d.ts

@@ -1,12 +1,11 @@
 /// <reference types="react" />
 export interface PhoneInputProps {
-    id: string;
     name: string;
     label: string;
     value: string;
     className?: string;
     countryCode?: string;
-    onChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
     onBlur?: (e: React.FocusEvent<HTMLInputElement>) => void;
     placeholder?: string;
     error?: string;

package/dist/components/Modal/Modal.d.ts

@@ -0,0 +1,13 @@
+import React from "react";
+import "./Modal.scss";
+export interface ModalProps {
+    isOpen: boolean;
+    handleClose: () => void;
+    destroyOnClose?: boolean;
+    centered?: boolean;
+    maskClosable?: boolean;
+    className?: string;
+    children: React.ReactNode;
+}
+declare const Modal: React.FC<ModalProps>;
+export default Modal;

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

@@ -0,0 +1,2 @@
+export { default } from "./Modal";
+export type { ModalProps } from "./Modal";