dara-ui 0.1.0

package/dist/components/Navbar/Navbar.d.ts

@@ -0,0 +1,27 @@
+import { default as React } from 'react';
+export interface NavLink {
+    label: string;
+    href: string;
+    icon?: React.ReactNode;
+    active?: boolean;
+    subLinks?: NavLink[];
+}
+export interface NavbarProps {
+    brand?: React.ReactNode;
+    links?: NavLink[];
+    showSecondaryNav?: boolean;
+    secondaryLinks?: NavLink[];
+    showSearch?: boolean;
+    searchPlaceholder?: string;
+    onSearch?: (query: string) => void;
+    showLanguageChanger?: boolean;
+    showThemeChanger?: boolean;
+    languageChanger?: React.ReactNode;
+    themeChanger?: React.ReactNode;
+    languageChangerMobile?: React.ReactNode;
+    themeChangerMobile?: React.ReactNode;
+    rightContent?: React.ReactNode;
+    className?: string;
+}
+export declare const Navbar: React.FC<NavbarProps>;
+export default Navbar;

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

@@ -0,0 +1,3 @@
+export { Navbar } from './Navbar';
+export type { NavbarProps, NavLink } from './Navbar';
+export { Navbar as default } from './Navbar';

package/dist/components/NoiseOverlay/NoiseOverlay.d.ts

@@ -0,0 +1,23 @@
+import { default as React } from 'react';
+export interface NoiseOverlayProps {
+    /**
+     * Opacity of the noise
+     * @default 0.035
+     */
+    opacity?: number;
+    /**
+     * Additional className
+     */
+    className?: string;
+}
+/**
+ * Dara UI NoiseOverlay - Subtle noise texture overlay
+ *
+ * Features:
+ * - SVG-based noise texture
+ * - Configurable opacity
+ * - Fixed position overlay
+ * - Used for adding texture to the background
+ */
+export declare const NoiseOverlay: React.FC<NoiseOverlayProps>;
+export default NoiseOverlay;

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

@@ -0,0 +1,3 @@
+export { NoiseOverlay } from './NoiseOverlay';
+export type { NoiseOverlayProps } from './NoiseOverlay';
+export { NoiseOverlay as default } from './NoiseOverlay';

package/dist/components/Particles/Particles.d.ts

@@ -0,0 +1,43 @@
+import { default as React } from 'react';
+export interface ParticlesProps {
+    /**
+     * Number of particles
+     * @default 60
+     */
+    count?: number;
+    /**
+     * Colors for particles
+     * @default ["#7C5CFF", "#00D9FF", "#FF4D9D", "#ffffff"]
+     */
+    colors?: string[];
+    /**
+     * Opacity range [min, max]
+     * @default [0.15, 0.5]
+     */
+    opacityRange?: [number, number];
+    /**
+     * Size range [min, max] in pixels
+     * @default [0.5, 2.5]
+     */
+    sizeRange?: [number, number];
+    /**
+     * Speed range [min, max]
+     * @default [0.1, 0.4]
+     */
+    speedRange?: [number, number];
+    /**
+     * Additional className
+     */
+    className?: string;
+}
+/**
+ * Dara UI Particles - Animated starfield/particle background
+ *
+ * Features:
+ * - Configurable particle count, colors, sizes, and speeds
+ * - Smooth floating animation
+ * - Particles are created once (and on resize / count change only)
+ * - Safe under frequent parent re-renders (e.g. controlled Range)
+ */
+export declare const Particles: React.FC<ParticlesProps>;
+export default Particles;

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

@@ -0,0 +1,3 @@
+export { Particles } from './Particles';
+export type { ParticlesProps } from './Particles';
+export { Particles as default } from './Particles';

package/dist/components/ProductCard/ProductCard.d.ts

@@ -0,0 +1,104 @@
+import { default as React } from 'react';
+export interface ProductCardProps {
+    /**
+     * Product title
+     */
+    title: string;
+    /**
+     * Product price
+     */
+    price: number | string;
+    /**
+     * Product currency symbol
+     * @default "$"
+     */
+    currency?: string;
+    /**
+     * Product image URL
+     */
+    image?: string;
+    /**
+     * Product description
+     */
+    description?: string;
+    /**
+     * Product rating (0-5)
+     */
+    rating?: number;
+    /**
+     * Number of reviews
+     */
+    reviewCount?: number;
+    /**
+     * Product category
+     */
+    category?: string;
+    /**
+     * Product tags
+     */
+    tags?: string[];
+    /**
+     * Is product on sale
+     * @default false
+     */
+    onSale?: boolean;
+    /**
+     * Original price (for sale items)
+     */
+    originalPrice?: number | string;
+    /**
+     * Is product in stock
+     * @default true
+     */
+    inStock?: boolean;
+    /**
+     * Product badge text (e.g., "New", "Limited")
+     */
+    badge?: string;
+    /**
+     * Badge variant
+     * @default "primary"
+     */
+    badgeVariant?: "primary" | "secondary" | "success" | "danger" | "warning";
+    /**
+     * Product link URL
+     */
+    link?: string;
+    /**
+     * Callback when add to cart is clicked
+     */
+    onAddToCart?: () => void;
+    /**
+     * Callback when product is clicked
+     */
+    onClick?: () => void;
+    /**
+     * Layout variant
+     * @default "vertical"
+     */
+    layout?: "vertical" | "horizontal" | "compact";
+    /**
+     * Glow variant color
+     * @default "none"
+     */
+    glow?: "primary" | "secondary" | "accent" | "none";
+    /**
+     * Show add-to-cart action
+     * @default true
+     */
+    showQuickActions?: boolean;
+    /**
+     * Additional className
+     */
+    className?: string;
+    /**
+     * Full width on mobile
+     * @default false
+     */
+    fullWidthMobile?: boolean;
+}
+/**
+ * Dara UI ProductCard - glass product card with 3D tilt, elevation & glow hover
+ */
+export declare const ProductCard: React.FC<ProductCardProps>;
+export default ProductCard;

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

@@ -0,0 +1,3 @@
+export { ProductCard } from './ProductCard';
+export type { ProductCardProps } from './ProductCard';
+export { ProductCard as default } from './ProductCard';

package/dist/components/Progress/Progress.d.ts

@@ -0,0 +1,89 @@
+import { default as React } from 'react';
+export interface ProgressProps {
+    /**
+     * Progress value (0-100)
+     */
+    value?: number;
+    /**
+     * Maximum value
+     * @default 100
+     */
+    max?: number;
+    /**
+     * Progress variant
+     * @default "horizontal"
+     */
+    variant?: "horizontal" | "radial";
+    /**
+     * Progress size
+     * @default "md"
+     */
+    size?: "sm" | "md" | "lg";
+    /**
+     * Color variant
+     * @default "primary"
+     */
+    color?: "primary" | "secondary" | "accent" | "success" | "danger" | "warning" | "gradient";
+    /**
+     * Show value label
+     * @default false
+     */
+    showLabel?: boolean;
+    /**
+     * Label format function
+     * @default (value, max) => `${Math.round((value/max)*100)}%`
+     */
+    labelFormat?: (value: number, max: number) => string;
+    /**
+     * Custom label text (overrides value formatting)
+     */
+    label?: string;
+    /**
+     * Label position (horizontal only)
+     * @default "inside"
+     */
+    labelPosition?: "left" | "right" | "top" | "bottom" | "inside";
+    /**
+     * Animate progress changes
+     * @default true
+     */
+    animated?: boolean;
+    /**
+     * Thickness of the progress bar
+     * @default 8
+     */
+    thickness?: number;
+    /**
+     * Radial size in pixels (radial only)
+     * @default 80
+     */
+    radialSize?: number;
+    /**
+     * Show percentage, ratio, or custom
+     * @default "percentage"
+     */
+    displayType?: "percentage" | "ratio" | "custom";
+    /**
+     * Glow effect on the progress fill
+     * @default false
+     */
+    glow?: boolean;
+    /**
+     * Additional className
+     */
+    className?: string;
+}
+/**
+ * Dara UI Progress - Horizontal and radial progress indicators
+ *
+ * Features:
+ * - Horizontal and radial variants
+ * - Multiple color variants including gradient
+ * - Optional glow effect on both bars and radial rings (disabled by default)
+ * - Animated transitions
+ * - Label formatting with percentage, ratio, or custom text
+ * - Label inside the bar with proper positioning
+ * - Theme-aware colors
+ */
+export declare const Progress: React.ForwardRefExoticComponent<ProgressProps & React.RefAttributes<HTMLDivElement>>;
+export default Progress;

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

@@ -0,0 +1,3 @@
+export { Progress } from './Progress';
+export type { ProgressProps } from './Progress';
+export { Progress as default } from './Progress';

package/dist/components/QuestCard/QuestCard.d.ts

@@ -0,0 +1,67 @@
+import { default as React } from 'react';
+export interface QuestCardProps {
+    /**
+     * Quest title
+     */
+    title: string;
+    /**
+     * Quest description
+     */
+    description: string;
+    /**
+     * XP reward value
+     * @default 0
+     */
+    xp?: number;
+    /**
+     * Custom label for XP (e.g., "EXP", "Points", "Score")
+     * @default "XP"
+     */
+    xpLabel?: string;
+    /**
+     * Deadline date string (e.g., "2024-12-25", "tomorrow", "tonight")
+     */
+    deadline?: string;
+    /**
+     * Rank label (e.g., "S", "A", "B")
+     */
+    rank?: string;
+    /**
+     * Array of requirement strings
+     */
+    requirements?: string[];
+    /**
+     * Glow variant color
+     * @default "none"
+     */
+    glow?: "primary" | "secondary" | "accent" | "none";
+    /**
+     * Optional done state (controlled)
+     */
+    done?: boolean;
+    /**
+     * Callback when quest is completed
+     */
+    onComplete?: () => void;
+    /**
+     * Additional className
+     */
+    className?: string;
+}
+/**
+ * Dara UI QuestCard - RPG-style mission/quest card
+ *
+ * Features:
+ * - Title, description, XP reward, deadline, rank
+ * - Glow variants (primary, secondary, accent)
+ * - Smart deadline display (tomorrow, tonight, X days)
+ * - Requirements list
+ * - Completion modal with sparkle drop effect
+ * - Theme-aware colors
+ * - 3D tilt effect on hover
+ * - Smooth animated glow transitions
+ * - Full i18n support for internal labels
+ * - RTL-aware rank badge placement
+ */
+export declare const QuestCard: React.FC<QuestCardProps>;
+export default QuestCard;

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

@@ -0,0 +1,3 @@
+export { QuestCard } from './QuestCard';
+export type { QuestCardProps } from './QuestCard';
+export { QuestCard as default } from './QuestCard';

package/dist/components/Radio/Radio.d.ts

@@ -0,0 +1,66 @@
+import { default as React } from 'react';
+export interface RadioProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "type" | "size"> {
+    /**
+     * Whether the radio is checked
+     * @default false
+     */
+    checked?: boolean;
+    /**
+     * Default checked state (uncontrolled)
+     * @default false
+     */
+    defaultChecked?: boolean;
+    /**
+     * Callback when checked state changes
+     */
+    onCheckedChange?: (checked: boolean) => void;
+    /**
+     * Label text for the radio
+     */
+    label?: string;
+    /**
+     * Radio size
+     * @default "md"
+     */
+    size?: "sm" | "md" | "lg";
+    /**
+     * Glow when checked
+     * @default false
+     */
+    glow?: boolean;
+    /**
+     * Error state
+     * @default false
+     */
+    error?: boolean;
+    /**
+     * Disabled state
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * Value (required for groups)
+     */
+    value?: string;
+    /**
+     * Name (shared across a group)
+     */
+    name?: string;
+    /**
+     * Additional className
+     */
+    className?: string;
+}
+/**
+ * Dara UI Radio – glass ring + spring dot
+ *
+ * Features:
+ * - Optimistic UI: visual state flips on click (no wait for parent re-render)
+ * - Glass outer ring, solid center dot
+ * - Fast CSS motion (~100ms)
+ * - Optional glow
+ * - RTL via document dir
+ * - Group-ready with name + value
+ */
+export declare const Radio: React.ForwardRefExoticComponent<RadioProps & React.RefAttributes<HTMLInputElement>>;
+export default Radio;

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

@@ -0,0 +1,3 @@
+export { Radio } from './Radio';
+export type { RadioProps } from './Radio';
+export { Radio as default } from './Radio';

package/dist/components/Range/Range.d.ts

@@ -0,0 +1,98 @@
+import { default as React } from 'react';
+export interface RangeProps {
+    /**
+     * Current value (controlled)
+     */
+    value?: number;
+    /**
+     * Default value (uncontrolled)
+     * @default 0
+     */
+    defaultValue?: number;
+    /**
+     * Minimum value
+     * @default 0
+     */
+    min?: number;
+    /**
+     * Maximum value
+     * @default 100
+     */
+    max?: number;
+    /**
+     * Step increment
+     * @default 1
+     */
+    step?: number;
+    /**
+     * Callback when value changes
+     */
+    onChange?: (value: number) => void;
+    /**
+     * Callback when value change is complete (mouse up / touch end)
+     */
+    onChangeComplete?: (value: number) => void;
+    /**
+     * Label text for the range
+     */
+    label?: string;
+    /**
+     * Suffix for the value display (e.g., "%", "تومان", "px")
+     * @default "%"
+     */
+    suffix?: string;
+    /**
+     * Prefix for the value display (e.g., "$", "€")
+     */
+    prefix?: string;
+    /**
+     * Show the current value next to the range
+     * @default true
+     */
+    showValue?: boolean;
+    /**
+     * Value display position
+     * @default "right"
+     */
+    valuePosition?: "left" | "right" | "top" | "bottom";
+    /**
+     * Size of the range
+     * @default "md"
+     */
+    size?: "sm" | "md" | "lg";
+    /**
+     * Color variant
+     * @default "primary"
+     */
+    color?: "primary" | "secondary" | "accent" | "success" | "danger" | "warning";
+    /**
+     * Glow effect on the track
+     * @default true
+     */
+    glow?: boolean;
+    /**
+     * Disabled state
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * Full width
+     * @default true
+     */
+    fullWidth?: boolean;
+    /**
+     * Additional className
+     */
+    className?: string;
+}
+/**
+ * Dara UI Range - Glassy range slider with sparkle animation
+ *
+ * Features:
+ * - Instant thumb tracking (no CSS transition while dragging)
+ * - Optimistic local value so controlled mode stays in sync with the pointer
+ * - Sparkle particles each time max is reached
+ * - Glass styling, RTL, sizes, colors
+ */
+export declare const Range: React.ForwardRefExoticComponent<RangeProps & React.RefAttributes<HTMLDivElement>>;
+export default Range;

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

@@ -0,0 +1,3 @@
+export { Range } from './Range';
+export type { RangeProps } from './Range';
+export { Range as default } from './Range';