vlite3 0.0.1

package/types/navbar.type.d.ts

@@ -0,0 +1,26 @@
+export type NavbarVariant = 'header' | 'sidebar';
+export type NavbarPosition = 'fixed' | 'sticky' | 'relative' | 'absolute';
+export type NavbarCenterPosition = 'center' | 'left' | 'right';
+export interface NavbarItemProps {
+    to?: string;
+    href?: string;
+    label?: string;
+    icon?: string;
+    active?: boolean;
+    disabled?: boolean;
+    onClick?: (e: MouseEvent) => void;
+    class?: string;
+}
+export interface NavbarProps {
+    variant?: NavbarVariant;
+    position?: NavbarPosition;
+    centerPosition?: NavbarCenterPosition;
+    glass?: boolean;
+    border?: boolean;
+    floating?: boolean;
+    class?: string;
+    height?: string;
+    width?: string;
+    logo?: string;
+    logoAlt?: string;
+}

package/types/sidepanel.type.d.ts

@@ -0,0 +1,13 @@
+export type SidePanelPosition = 'left' | 'right';
+export type SidePanelSize = 'sm' | 'md' | 'lg' | 'xl' | 'full';
+export interface SidePanelProps {
+    show: boolean;
+    title?: string;
+    description?: string;
+    position?: SidePanelPosition;
+    size?: SidePanelSize;
+    closeOutside?: boolean;
+    hideCloseButton?: boolean;
+    class?: string;
+    overlayClass?: string;
+}

package/types/styles.d.ts

@@ -0,0 +1,28 @@
+export type IVariants = 'danger' | 'primary' | 'default' | 'outline' | 'secondary' | 'transparent' | 'success' | 'warning';
+export type ISize = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | 'full';
+export type IDropdownOption = {
+    label: string;
+    value?: any;
+    subtitle?: string;
+    description?: string;
+    icon?: string;
+    emoji?: string;
+    disabled?: Boolean;
+    iconClass?: string;
+    iconStyle?: any;
+    length?: number;
+    values?: any;
+    data?: any;
+    children?: IDropdownOption[];
+    key?: string;
+    position?: any;
+    offset?: [number, number];
+    confirmation?: boolean | {
+        title?: string;
+        description?: string;
+        confirmText?: string;
+        cancelText?: string;
+        variant?: 'danger' | 'primary' | 'warning' | 'success' | 'info';
+    };
+};
+export type IDropdownOptions = IDropdownOption[];

package/types/timeline.type.d.ts

@@ -0,0 +1,9 @@
+export interface TimelineStep {
+    id: string | number;
+    title: string;
+    description?: string;
+    icon?: string;
+    status?: 'completed' | 'current' | 'upcoming';
+}
+export type TimelineDirection = 'horizontal' | 'vertical';
+export type TimelineTextPosition = 'bottom' | 'right';

package/utils/functions.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Creates a debounced function that delays invoking the provided function
+ * until after the specified delay has elapsed since the last time it was invoked.
+ *
+ * @param fn The function to debounce
+ * @param delay The delay in milliseconds
+ * @returns A new debounced function
+ */
+export declare const debounce: (fn: Function, delay: number) => (...args: any[]) => void;

package/utils/functions.js

@@ -0,0 +1,11 @@
+const r = (t, o) => {
+  let e;
+  return (...u) => {
+    clearTimeout(e), e = setTimeout(() => {
+      t(...u);
+    }, o);
+  };
+};
+export {
+  r as debounce
+};

package/utils/index.d.ts

@@ -0,0 +1,2 @@
+export * from './object';
+export * from './functions';

package/utils/object.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Deep merges two objects.
+ * Sources overwrite target properties.
+ * Arrays are replaced, not concatenated (usually desired for state updates).
+ */
+export declare function deepMerge(target: any, source: any): any;

package/utils/object.js

@@ -0,0 +1,14 @@
+function r(l, e) {
+  if (!e || typeof e != "object")
+    return e;
+  if (!l || typeof l != "object")
+    return { ...e };
+  const f = { ...l };
+  return Object.keys(e).forEach((n) => {
+    const o = f[n], t = e[n];
+    Array.isArray(t) ? f[n] = [...t] : typeof t == "object" && t !== null && o && typeof o == "object" && o !== null ? f[n] = r(o, t) : f[n] = t;
+  }), f;
+}
+export {
+  r as deepMerge
+};