@vadimcomanescu/nadicode-design-system 2.0.0

package/dist/components/ui/kanban.utils.d.ts

@@ -0,0 +1,14 @@
+import type { KanbanColumnState, KanbanMoveMeta } from './kanban.types';
+/**
+ * Find which column contains a given item ID.
+ * Returns [columnIndex, itemIndex] or [-1, -1] if not found.
+ */
+export declare function findItemLocation<TItem, TColumnId extends string | number>(columns: readonly KanbanColumnState<TItem, TColumnId>[], itemId: string | number, getItemId: (item: TItem) => string | number): [colIdx: number, itemIdx: number];
+/**
+ * Move an item between or within columns. Returns the new columns state and move metadata.
+ * Returns null if the move is a no-op.
+ */
+export declare function moveItem<TItem, TColumnId extends string | number>(columns: readonly KanbanColumnState<TItem, TColumnId>[], activeId: string | number, overId: string | number, getItemId: (item: TItem) => string | number): {
+    next: KanbanColumnState<TItem, TColumnId>[];
+    meta: KanbanMoveMeta<TItem, TColumnId>;
+} | null;

package/dist/components/ui/kanban.utils.js

@@ -0,0 +1 @@
+export { findItemLocation, moveItem } from '../../chunk-VTAOHSPW.js';

package/dist/components/ui/stepper/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./stepper";
+export * from "./step";

package/dist/components/ui/stepper/index.js

@@ -0,0 +1,7 @@
+'use client';
+import '../../../chunk-3NYTIDKZ.js';
+export { Step } from '../../../chunk-HS7QNBCO.js';
+export { Stepper, useStepper } from '../../../chunk-2WEUTBDI.js';
+import '../../../chunk-CXACRCZ4.js';
+import '../../../chunk-ASKFAYYR.js';
+import '../../../chunk-QYZT24TS.js';

package/dist/components/ui/stepper/step.d.ts

@@ -0,0 +1,10 @@
+import * as React from "react";
+interface StepProps extends React.HTMLAttributes<HTMLDivElement> {
+    index: number;
+    title?: string;
+    description?: string;
+    icon?: React.ReactNode;
+    completed?: boolean;
+}
+export declare function Step({ index, title, description, icon, completed, className, children, ...props }: StepProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/ui/stepper/step.js

@@ -0,0 +1,6 @@
+'use client';
+export { Step } from '../../../chunk-HS7QNBCO.js';
+import '../../../chunk-2WEUTBDI.js';
+import '../../../chunk-CXACRCZ4.js';
+import '../../../chunk-ASKFAYYR.js';
+import '../../../chunk-QYZT24TS.js';

package/dist/components/ui/stepper/stepper.d.ts

@@ -0,0 +1,19 @@
+import * as React from "react";
+interface StepperContextValue {
+    activeStep: number;
+    setActiveStep: (step: number) => void;
+    nextStep: () => void;
+    prevStep: () => void;
+    steps: number;
+    setSteps: (steps: number) => void;
+}
+export declare function useStepper(): StepperContextValue;
+interface StepperProps extends React.HTMLAttributes<HTMLDivElement> {
+    initialStep?: number;
+    activeStep?: number;
+    onStepChange?: (step: number) => void;
+    orientation?: "horizontal" | "vertical";
+    children: React.ReactNode;
+}
+export declare function Stepper({ initialStep, activeStep: controlledActiveStep, onStepChange, orientation, children, className, ...props }: StepperProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/ui/stepper/stepper.js

@@ -0,0 +1,3 @@
+'use client';
+export { Stepper, useStepper } from '../../../chunk-2WEUTBDI.js';
+import '../../../chunk-QYZT24TS.js';

package/dist/components/ui/text-effects/AnimatedGradientText.d.ts

@@ -0,0 +1,9 @@
+import * as React from "react";
+interface AnimatedGradientTextProps {
+    children: React.ReactNode;
+    className?: string;
+}
+export declare function AnimatedGradientText({ children, className, ref }: AnimatedGradientTextProps & {
+    ref?: React.Ref<HTMLSpanElement>;
+}): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/ui/text-effects/AnimatedGradientText.js

@@ -0,0 +1,3 @@
+'use client';
+export { AnimatedGradientText } from '../../../chunk-XZ3A33GP.js';
+import '../../../chunk-QYZT24TS.js';

package/dist/components/ui/text-effects/CountingNumber.d.ts

@@ -0,0 +1,15 @@
+import * as React from 'react';
+import { type SpringOptions } from 'motion/react';
+import { type UseIsInViewOptions } from '../../../hooks/use-is-in-view';
+type CountingNumberProps = Omit<React.ComponentProps<'span'>, 'children'> & {
+    number: number;
+    fromNumber?: number;
+    padStart?: boolean;
+    decimalSeparator?: string;
+    decimalPlaces?: number;
+    transition?: SpringOptions;
+    delay?: number;
+    initiallyStable?: boolean;
+} & UseIsInViewOptions;
+declare function CountingNumber({ ref, number, fromNumber, padStart, inView, inViewMargin, inViewOnce, decimalSeparator, transition, decimalPlaces, delay, initiallyStable, ...props }: CountingNumberProps): import("react/jsx-runtime").JSX.Element;
+export { CountingNumber, type CountingNumberProps };

package/dist/components/ui/text-effects/CountingNumber.js

@@ -0,0 +1,3 @@
+'use client';
+export { CountingNumber } from '../../../chunk-F3T2U7YL.js';
+import '../../../chunk-4O6L5YWT.js';

package/dist/components/ui/text-effects/FlipWords.d.ts

@@ -0,0 +1,10 @@
+import * as React from "react";
+interface FlipWordsProps {
+    words: readonly string[];
+    interval?: number;
+    className?: string;
+}
+export declare function FlipWords({ words, interval, className, ref }: FlipWordsProps & {
+    ref?: React.Ref<HTMLSpanElement>;
+}): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/ui/text-effects/FlipWords.js

@@ -0,0 +1,6 @@
+'use client';
+export { FlipWords } from '../../../chunk-6DYFX5IR.js';
+import '../../../chunk-PD2YEH3H.js';
+import '../../../chunk-CRY67BIF.js';
+import '../../../chunk-HJC6U46F.js';
+import '../../../chunk-QYZT24TS.js';

package/dist/components/ui/text-effects/HighlightText.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+import { type UseIsInViewOptions } from '../../../hooks/use-is-in-view';
+type HighlightTextProps = React.ComponentProps<'span'> & {
+    color?: string;
+    duration?: number;
+    delay?: number;
+} & UseIsInViewOptions;
+declare function HighlightText({ ref, children, className, color, duration, delay, inView, inViewOnce, inViewMargin, ...props }: HighlightTextProps): import("react/jsx-runtime").JSX.Element;
+export { HighlightText, type HighlightTextProps };

package/dist/components/ui/text-effects/HighlightText.js

@@ -0,0 +1,7 @@
+'use client';
+export { HighlightText } from '../../../chunk-EB5PYS7Q.js';
+import '../../../chunk-4O6L5YWT.js';
+import '../../../chunk-PD2YEH3H.js';
+import '../../../chunk-CRY67BIF.js';
+import '../../../chunk-HJC6U46F.js';
+import '../../../chunk-QYZT24TS.js';

package/dist/components/ui/text-effects/MorphingText.d.ts

@@ -0,0 +1,10 @@
+import { type HTMLMotionProps } from 'motion/react';
+import { type UseIsInViewOptions } from '../../../hooks/use-is-in-view';
+type MorphingTextProps = Omit<HTMLMotionProps<'span'>, 'children'> & {
+    delay?: number;
+    loop?: boolean;
+    holdDelay?: number;
+    text: string | string[];
+} & UseIsInViewOptions;
+declare function MorphingText({ ref, text, initial, animate, exit, variants, transition, delay, inView, inViewMargin, inViewOnce, loop, holdDelay, ...props }: MorphingTextProps): import("react/jsx-runtime").JSX.Element;
+export { MorphingText, type MorphingTextProps };

package/dist/components/ui/text-effects/MorphingText.js

@@ -0,0 +1,6 @@
+'use client';
+export { MorphingText } from '../../../chunk-OHX2LFAH.js';
+import '../../../chunk-4O6L5YWT.js';
+import '../../../chunk-PD2YEH3H.js';
+import '../../../chunk-CRY67BIF.js';
+import '../../../chunk-HJC6U46F.js';

package/dist/components/ui/text-effects/ShimmeringText.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+type ShimmeringTextProps = Omit<React.HTMLAttributes<HTMLSpanElement>, 'children'> & {
+    text: string;
+    duration?: number;
+    color?: string;
+    shimmeringColor?: string;
+};
+declare function ShimmeringText({ text, duration, color, shimmeringColor, style, ...props }: ShimmeringTextProps): import("react/jsx-runtime").JSX.Element;
+export { ShimmeringText, type ShimmeringTextProps };

package/dist/components/ui/text-effects/ShimmeringText.js

@@ -0,0 +1,2 @@
+'use client';
+export { ShimmeringText } from '../../../chunk-SGI25ZJ6.js';

package/dist/components/ui/text-effects/SlidingNumber.d.ts

@@ -0,0 +1,16 @@
+import { type SpringOptions, type HTMLMotionProps } from 'motion/react';
+import { type UseIsInViewOptions } from '../../../hooks/use-is-in-view';
+type SlidingNumberProps = Omit<HTMLMotionProps<'span'>, 'children'> & {
+    number: number;
+    fromNumber?: number;
+    onNumberChange?: (number: number) => void;
+    padStart?: boolean;
+    decimalSeparator?: string;
+    decimalPlaces?: number;
+    thousandSeparator?: string;
+    transition?: SpringOptions;
+    delay?: number;
+    initiallyStable?: boolean;
+} & UseIsInViewOptions;
+declare function SlidingNumber({ ref, number, fromNumber, onNumberChange, inView, inViewMargin, inViewOnce, padStart, decimalSeparator, decimalPlaces, thousandSeparator, transition, delay, initiallyStable, ...props }: SlidingNumberProps): import("react/jsx-runtime").JSX.Element;
+export { SlidingNumber, type SlidingNumberProps };

package/dist/components/ui/text-effects/SlidingNumber.js

@@ -0,0 +1,6 @@
+'use client';
+export { SlidingNumber } from '../../../chunk-ULLTRLBD.js';
+import '../../../chunk-4O6L5YWT.js';
+import '../../../chunk-PD2YEH3H.js';
+import '../../../chunk-CRY67BIF.js';
+import '../../../chunk-HJC6U46F.js';

package/dist/components/ui/text-effects/StreamingText.d.ts

@@ -0,0 +1,26 @@
+import * as React from "react";
+import { type VariantProps } from "class-variance-authority";
+declare const streamingTextVariants: (props?: ({
+    variant?: "default" | "accent" | "muted" | null | undefined;
+    size?: "default" | "lg" | "sm" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface StreamingTextProps extends React.HTMLAttributes<HTMLSpanElement>, VariantProps<typeof streamingTextVariants> {
+    /** Text content to stream character by character */
+    text: string;
+    /** Characters revealed per tick */
+    speed?: number;
+    /** Milliseconds between ticks */
+    interval?: number;
+    /** Show blinking cursor while streaming */
+    showCursor?: boolean;
+    /** Cursor visual style */
+    cursorStyle?: "block" | "line" | "underscore";
+    /** Called when streaming completes */
+    onComplete?: () => void;
+    /** Whether streaming is active (resets on text change) */
+    streaming?: boolean;
+}
+declare function StreamingText({ className, variant, size, text, speed, interval, showCursor, cursorStyle, onComplete, streaming, ref, ...props }: StreamingTextProps & {
+    ref?: React.Ref<HTMLSpanElement>;
+}): import("react/jsx-runtime").JSX.Element;
+export { StreamingText, streamingTextVariants };

package/dist/components/ui/text-effects/StreamingText.js

@@ -0,0 +1,3 @@
+'use client';
+export { StreamingText, streamingTextVariants } from '../../../chunk-ANBJ2OLC.js';
+import '../../../chunk-QYZT24TS.js';

package/dist/components/ui/text-effects/TextReveal.d.ts

@@ -0,0 +1,11 @@
+import * as React from "react";
+interface TextRevealProps {
+    text: string;
+    by?: "word" | "char";
+    delay?: number;
+    className?: string;
+}
+export declare function TextReveal({ text, by, delay, className, ref }: TextRevealProps & {
+    ref?: React.Ref<HTMLSpanElement>;
+}): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/ui/text-effects/TextReveal.js

@@ -0,0 +1,3 @@
+'use client';
+export { TextReveal } from '../../../chunk-LV4LBWCS.js';
+import '../../../chunk-QYZT24TS.js';

package/dist/components/ui/text-effects/index.d.ts

@@ -0,0 +1,15 @@
+export { TextReveal } from './TextReveal';
+export { AnimatedGradientText } from './AnimatedGradientText';
+export { FlipWords } from './FlipWords';
+export { StreamingText, streamingTextVariants } from './StreamingText';
+export type { StreamingTextProps } from './StreamingText';
+export { ShimmeringText } from './ShimmeringText';
+export type { ShimmeringTextProps } from './ShimmeringText';
+export { CountingNumber } from './CountingNumber';
+export type { CountingNumberProps } from './CountingNumber';
+export { MorphingText } from './MorphingText';
+export type { MorphingTextProps } from './MorphingText';
+export { HighlightText } from './HighlightText';
+export type { HighlightTextProps } from './HighlightText';
+export { SlidingNumber } from './SlidingNumber';
+export type { SlidingNumberProps } from './SlidingNumber';

package/dist/components/ui/text-effects/index.js

@@ -0,0 +1,15 @@
+import '../../../chunk-G5EO22OR.js';
+export { StreamingText, streamingTextVariants } from '../../../chunk-ANBJ2OLC.js';
+export { TextReveal } from '../../../chunk-LV4LBWCS.js';
+export { AnimatedGradientText } from '../../../chunk-XZ3A33GP.js';
+export { CountingNumber } from '../../../chunk-F3T2U7YL.js';
+export { FlipWords } from '../../../chunk-6DYFX5IR.js';
+export { HighlightText } from '../../../chunk-EB5PYS7Q.js';
+export { MorphingText } from '../../../chunk-OHX2LFAH.js';
+export { ShimmeringText } from '../../../chunk-SGI25ZJ6.js';
+export { SlidingNumber } from '../../../chunk-ULLTRLBD.js';
+import '../../../chunk-4O6L5YWT.js';
+import '../../../chunk-PD2YEH3H.js';
+import '../../../chunk-CRY67BIF.js';
+import '../../../chunk-HJC6U46F.js';
+import '../../../chunk-QYZT24TS.js';

package/dist/hooks/use-dismissed.d.ts

@@ -0,0 +1 @@
+export declare function useDismissed(storageKey: string): [boolean, () => void];

package/dist/hooks/use-dismissed.js

@@ -0,0 +1,2 @@
+'use client';
+export { useDismissed } from '../chunk-SH72GWB7.js';

package/dist/hooks/use-is-in-view.d.ts

@@ -0,0 +1,12 @@
+import * as React from 'react';
+import { type UseInViewOptions } from 'motion/react';
+interface UseIsInViewOptions {
+    inView?: boolean;
+    inViewOnce?: boolean;
+    inViewMargin?: UseInViewOptions['margin'];
+}
+declare function useIsInView<T extends HTMLElement = HTMLElement>(ref: React.Ref<T>, options?: UseIsInViewOptions): {
+    ref: React.RefObject<T | null>;
+    isInView: boolean;
+};
+export { useIsInView, type UseIsInViewOptions };

package/dist/hooks/use-is-in-view.js

@@ -0,0 +1,2 @@
+'use client';
+export { useIsInView } from '../chunk-4O6L5YWT.js';

package/dist/hooks/use-mobile.d.ts

@@ -0,0 +1 @@
+export declare function useIsMobile(): boolean;

package/dist/hooks/use-mobile.js

@@ -0,0 +1,2 @@
+'use client';
+export { useIsMobile } from '../chunk-C4SNHMYC.js';

package/dist/hooks/use-motion-value-state.d.ts

@@ -0,0 +1,3 @@
+import { type MotionValue } from 'motion/react';
+declare function useMotionValueState(motionValue: MotionValue): number;
+export { useMotionValueState };

package/dist/hooks/use-motion-value-state.js

@@ -0,0 +1,2 @@
+'use client';
+export { useMotionValueState } from '../chunk-K6GIX57H.js';

package/dist/hooks/use-reduced-motion.d.ts

@@ -0,0 +1 @@
+export declare function useReducedMotion(): boolean;

package/dist/hooks/use-reduced-motion.js

@@ -0,0 +1,2 @@
+'use client';
+export { useReducedMotion } from '../chunk-KRBLVZII.js';

package/dist/hooks/use-safe-timeout.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Returns a setTimeout wrapper that auto-clears all pending timers on unmount.
+ * Prevents setState-on-unmounted-component from orphaned timeouts.
+ */
+export declare function useSafeTimeout(): (fn: () => void, ms: number) => NodeJS.Timeout;

package/dist/hooks/use-safe-timeout.js

@@ -0,0 +1 @@
+export { useSafeTimeout } from '../chunk-MDAYDDTC.js';

package/dist/hooks/use-shader-preset.d.ts

@@ -0,0 +1,12 @@
+import { type ShaderName, type ShaderIntent, type ShaderPresetConfig, type ThemeKey } from '../lib/shader-presets';
+interface UseShaderPresetOptions {
+    shader: ShaderName;
+    intent?: ShaderIntent;
+    overrides?: Record<string, unknown>;
+}
+interface UseShaderPresetResult {
+    preset: ShaderPresetConfig;
+    themeKey: ThemeKey;
+}
+export declare function useShaderPreset({ shader, intent, overrides, }: UseShaderPresetOptions): UseShaderPresetResult;
+export {};

package/dist/hooks/use-shader-preset.js

@@ -0,0 +1,4 @@
+'use client';
+export { useShaderPreset } from '../chunk-RWNJ54CI.js';
+import '../chunk-DF47R6LN.js';
+import '../chunk-HJC6U46F.js';

package/dist/hooks/use-toast.d.ts

@@ -0,0 +1,44 @@
+import { type ToastActionElement, type ToastProps } from "../components/ui/Toast";
+import * as React from "react";
+type ToasterToast = ToastProps & {
+    id: string;
+    title?: React.ReactNode;
+    description?: React.ReactNode;
+    action?: ToastActionElement;
+};
+declare const actionTypes: {
+    readonly ADD_TOAST: "ADD_TOAST";
+    readonly UPDATE_TOAST: "UPDATE_TOAST";
+    readonly DISMISS_TOAST: "DISMISS_TOAST";
+    readonly REMOVE_TOAST: "REMOVE_TOAST";
+};
+type ActionType = typeof actionTypes;
+type Action = {
+    type: ActionType["ADD_TOAST"];
+    toast: ToasterToast;
+} | {
+    type: ActionType["UPDATE_TOAST"];
+    toast: Partial<ToasterToast>;
+} | {
+    type: ActionType["DISMISS_TOAST"];
+    toastId?: ToasterToast["id"];
+} | {
+    type: ActionType["REMOVE_TOAST"];
+    toastId?: ToasterToast["id"];
+};
+interface State {
+    toasts: ToasterToast[];
+}
+export declare const reducer: (state: State, action: Action) => State;
+type Toast = Omit<ToasterToast, "id">;
+declare function toast({ ...props }: Toast): {
+    id: string;
+    dismiss: () => void;
+    update: (props: ToasterToast) => void;
+};
+declare function useToast(): {
+    toast: typeof toast;
+    dismiss: (toastId?: string) => void;
+    toasts: ToasterToast[];
+};
+export { useToast, toast };

package/dist/hooks/use-toast.js

@@ -0,0 +1,2 @@
+'use client';
+export { reducer, toast, useToast } from '../chunk-5Y4BOIYO.js';

package/dist/hooks/use-token.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Hook to retrieve CSS variable values, useful for syncing 2D theme with 3D uniforms.
+ * Returns the resolved value (e.g., "rgb(255, 0, 0)").
+ */
+export declare function useToken(variableName: string, defaultValue?: string): string;
+/**
+ * Helper to convert Tailwind "255 255 255" format to "rgb(255, 255, 255)"
+ */
+export declare function tailwindToRgb(tailwindValue: string): string;

package/dist/hooks/use-token.js

@@ -0,0 +1,28 @@
+'use client';
+import { useState, useEffect } from 'react';
+
+function useToken(variableName, defaultValue = "#ffffff") {
+  const [value, setValue] = useState(defaultValue);
+  useEffect(() => {
+    if (typeof window === "undefined") return;
+    const root = document.documentElement;
+    const computed = getComputedStyle(root).getPropertyValue(variableName).trim();
+    if (computed) {
+      setValue(computed);
+    }
+    const observer = new MutationObserver(() => {
+      const newComputed = getComputedStyle(root).getPropertyValue(variableName).trim();
+      if (newComputed) setValue(newComputed);
+    });
+    observer.observe(root, { attributes: true, attributeFilter: ["class", "style"] });
+    return () => observer.disconnect();
+  }, [variableName]);
+  return value;
+}
+function tailwindToRgb(tailwindValue) {
+  if (!tailwindValue) return "white";
+  if (tailwindValue.startsWith("#") || tailwindValue.startsWith("rgb")) return tailwindValue;
+  return `rgb(${tailwindValue.replaceAll(" ", ",")})`;
+}
+
+export { tailwindToRgb, useToken };

package/dist/hooks/useHotkey.d.ts

@@ -0,0 +1,3 @@
+export declare function useHotkey(combo: string, callback: (event: KeyboardEvent) => void, options?: {
+    enabled?: boolean;
+}): void;

package/dist/hooks/useHotkey.js

@@ -0,0 +1,37 @@
+import { useRef, useEffect, useMemo } from 'react';
+
+// src/hooks/useHotkey.ts
+function parseCombo(combo) {
+  const parts = combo.toLowerCase().split("+");
+  return {
+    key: parts[parts.length - 1],
+    mod: parts.includes("mod"),
+    shift: parts.includes("shift"),
+    alt: parts.includes("alt")
+  };
+}
+function useHotkey(combo, callback, options) {
+  const callbackRef = useRef(callback);
+  const enabled = options?.enabled ?? true;
+  useEffect(() => {
+    callbackRef.current = callback;
+  });
+  const parsed = useMemo(() => parseCombo(combo), [combo]);
+  useEffect(() => {
+    if (!enabled) return;
+    function handler(event) {
+      const mac = typeof navigator !== "undefined" && /Mac|iPhone|iPad/.test(navigator.userAgent);
+      const modPressed = mac ? event.metaKey : event.ctrlKey;
+      if (parsed.mod && !modPressed) return;
+      if (parsed.shift && !event.shiftKey) return;
+      if (parsed.alt && !event.altKey) return;
+      if (event.key.toLowerCase() !== parsed.key) return;
+      event.preventDefault();
+      callbackRef.current(event);
+    }
+    document.addEventListener("keydown", handler);
+    return () => document.removeEventListener("keydown", handler);
+  }, [parsed, enabled]);
+}
+
+export { useHotkey };