arekui 1.0.2 → 2.0.0

package/arekui.d.ts

@@ -1,28 +1,28 @@
 /**
- * ARStyle v1.4.0
+ * ArekUI v2.0.0
  * A standalone CSS framework by Andika Rekatias.
  *
  * @example
  * ```html
- * <link rel="stylesheet" href="arstyle.css">
- * <script src="arstyle.js"></script>
+ * <link rel="stylesheet" href="arekui.css">
+ * <script src="arekui.js"></script>
  * ```
  *
  * @example
  * ```typescript
  * // Set theme
- * ARStyle.setTheme("dark");
+ * ArekUI.setTheme("dark");
  *
  * // Show toast
- * ARStyle.toast("Saved!", { type: "success", duration: 4000 });
+ * ArekUI.toast("Saved!", { type: "success", duration: 4000 });
  *
  * // Get rating
- * const rating = ARStyle.getRating(document.querySelector("[data-ar-rating]"));
+ * const rating = ArekUI.getRating(document.querySelector("[data-ar-rating]"));
  * ```
  */
 
 /** Available theme names */
-export type ThemeName = "light" | "dark" | "neo";
+export type ThemeName = "light" | "dark" | "neo" | "pixel" | "brutalist";
 
 /** Toast notification type */
 export type ToastType = "info" | "success" | "warning" | "error";
@@ -38,7 +38,7 @@ export type ToastPosition =
 
 /** Options for toast notifications */
 export interface ToastOptions {
- /** Toast type for styling */
+ /** Toast type for styling (default: "info") */
  type?: ToastType;
 
  /** Auto-dismiss duration in milliseconds (0 = no auto-dismiss, default: 4000) */
@@ -98,7 +98,7 @@ export interface FileChangeEvent extends CustomEvent<FileChangeDetail> {
 }
 
 /**
- * ARStyle public API
+ * ArekUI public API
  *
  * @description Provides theme management, toast notifications,
  * rating controls, popover management, and initialization.
@@ -107,23 +107,23 @@ export interface FileChangeEvent extends CustomEvent<FileChangeDetail> {
  * ```html
  * <script>
  *   // Theme management
- *   ARStyle.setTheme("neo");
- *   console.log(ARStyle.getTheme()); // "neo"
+ *   ArekUI.setTheme("neo");
+ *   console.log(ArekUI.getTheme()); // "neo"
  *
  *   // Toast notifications
- *   ARStyle.toast("Item saved!", { type: "success" });
+ *   ArekUI.toast("Item saved!", { type: "success" });
  *
  *   // Rating
  *   const container = document.querySelector("[data-ar-rating]");
- *   ARStyle.setRating(container, 4);
- *   console.log(ARStyle.getRating(container)); // 4
+ *   ArekUI.setRating(container, 4);
+ *   console.log(ArekUI.getRating(container)); // 4
  *
  *   // Popover
- *   ARStyle.openPopover("my-popover");
+ *   ArekUI.openPopover("my-popover");
  * </script>
  * ```
  */
-export interface ARStyleStatic {
+export interface ArekUIStatic {
  /**
   * Set the active theme
   *
@@ -131,8 +131,8 @@ export interface ARStyleStatic {
   *
   * @example
   * ```typescript
-  * ARStyle.setTheme("dark");
-  * ARStyle.setTheme("neo");
+  * ArekUI.setTheme("dark");
+  * ArekUI.setTheme("neo");
   * ```
   */
  setTheme(theme: ThemeName): void;
@@ -144,7 +144,7 @@ export interface ARStyleStatic {
   *
   * @example
   * ```typescript
-  * const current = ARStyle.getTheme();
+  * const current = ArekUI.getTheme();
   * if (current === "dark") {
   *   // Dark theme is active
   * }
@@ -161,22 +161,22 @@ export interface ARStyleStatic {
   * @example
   * ```typescript
   * // Usually called automatically, but can be called manually
-  * ARStyle.initTheme();
+  * ArekUI.initTheme();
   * ```
   */
  initTheme(): void;
 
  /**
-  * Initialize all ARStyle behaviors
+  * Initialize all ArekUI behaviors
   *
-  * @description Sets up event listeners for theme toggle, modals, drawers,
+  * @description Sets up event listeners for theme toggle, modals, sidebars,
   * tabs, dropdowns, accordion, ratings, popovers, file uploads, and scroll-to-top
   *
   * @example
   * ```typescript
   * // Called automatically on DOMContentLoaded
   * // Call manually if adding elements dynamically
-  * ARStyle.init();
+  * ArekUI.init();
   * ```
   */
  init(): void;
@@ -191,19 +191,19 @@ export interface ARStyleStatic {
   * @example
   * ```typescript
   * // Basic toast
-  * ARStyle.toast("Hello world!");
+  * ArekUI.toast("Hello world!");
   *
   * // Success toast with custom duration
-  * ARStyle.toast("Saved successfully!", {
+  * ArekUI.toast("Saved successfully!", {
   *   type: "success",
   *   duration: 5000
   * });
   *
   * // Persistent toast (no auto-dismiss)
-  * const loading = ARStyle.toast("Loading...", { duration: 0 });
+  * const loading = ArekUI.toast("Loading...", { duration: 0 });
   *
   * // Dismiss programmatically
-  * ARStyle.dismissToast(loading);
+  * ArekUI.dismissToast(loading);
   * ```
   */
  toast(message: string, options?: ToastOptions): HTMLElement;
@@ -215,9 +215,9 @@ export interface ARStyleStatic {
   *
   * @example
   * ```typescript
-  * const toast = ARStyle.toast("Processing...");
+  * const toast = ArekUI.toast("Processing...");
   * // ... later
-  * ARStyle.dismissToast(toast);
+  * ArekUI.dismissToast(toast);
   * ```
   */
  dismissToast(el: HTMLElement): void;
@@ -231,7 +231,7 @@ export interface ARStyleStatic {
   * @example
   * ```typescript
   * const container = document.querySelector("[data-ar-rating]");
-  * const rating = ARStyle.getRating(container);
+  * const rating = ArekUI.getRating(container);
   * console.log(`Selected rating: ${rating}`);
   * ```
   */
@@ -246,7 +246,7 @@ export interface ARStyleStatic {
   * @example
   * ```typescript
   * const container = document.querySelector("[data-ar-rating]");
-  * ARStyle.setRating(container, 4); // Select 4 stars
+  * ArekUI.setRating(container, 4); // Select 4 stars
   * ```
   */
  setRating(container: HTMLElement, value: number): void;
@@ -267,7 +267,7 @@ export interface ARStyleStatic {
   * ```
   *
   * ```typescript
-  * ARStyle.openPopover("my-popover");
+  * ArekUI.openPopover("my-popover");
   * ```
   */
  openPopover(id: string): void;
@@ -279,50 +279,50 @@ export interface ARStyleStatic {
   *
   * @example
   * ```typescript
-  * ARStyle.closePopover("my-popover");
+  * ArekUI.closePopover("my-popover");
   * ```
   */
  closePopover(id: string): void;
 }
 
 /**
- * ARStyle global namespace
+ * ArekUI global namespace
  *
- * @description Provides access to all ARStyle public methods
+ * @description Provides access to all ArekUI public methods
  * when using the script tag approach (no module system)
  *
- * @see {@link ARStyleStatic} for method signatures and examples
+ * @see {@link ArekUIStatic} for method signatures and examples
  */
 declare global {
  interface Window {
   /**
-   * ARStyle global API
+   * ArekUI global API
    *
    * @example
    * ```html
-   * <script src="arstyle.js"></script>
+   * <script src="arekui.js"></script>
    * <script>
-   *   ARStyle.setTheme("dark");
-   *   ARStyle.toast("Hello!");
+   *   ArekUI.setTheme("dark");
+   *   ArekUI.toast("Hello!");
    * </script>
    * ```
    */
-  ARStyle: ARStyleStatic;
+  ArekUI: ArekUIStatic;
  }
 }
 
 /**
- * ARStyle module export
+ * ArekUI module export
  *
  * @example
  * ```typescript
  * // ES Module import
- * import ARStyle from "arstyle";
+ * import ArekUI from "arekui";
  *
- * ARStyle.setTheme("neo");
+ * ArekUI.setTheme("neo");
  * ```
  */
-declare const ARStyle: ARStyleStatic;
+declare const ArekUI: ArekUIStatic;
 
-export default ARStyle;
-export { ARStyle, ARStyleStatic };
+export default ArekUI;
+export { ArekUI, ArekUIStatic };