@atipicus/mrs-ui 0.8.0

package/dist/src/hooks/animations/useHoverScale.d.ts

@@ -0,0 +1,42 @@
+interface UseHoverScaleOptions {
+    scale?: number;
+    duration?: string;
+    easing?: string;
+}
+/**
+ * useHoverScale Hook
+ *
+ * Provides hover scale animation state and handlers
+ *
+ * @param options - Configuration options
+ * @param options.scale - Scale factor on hover (default: 1.05)
+ * @param options.duration - Transition duration (default: from tokens)
+ * @param options.easing - Easing function (default: from tokens)
+ *
+ * @example
+ * ```tsx
+ * const { isHovered, onMouseEnter, onMouseLeave, style } = useHoverScale({
+ *   scale: 1.1
+ * });
+ *
+ * <div
+ *   onMouseEnter={onMouseEnter}
+ *   onMouseLeave={onMouseLeave}
+ *   style={style}
+ * >
+ *   Hover me
+ * </div>
+ * ```
+ */
+export declare const useHoverScale: (options?: UseHoverScaleOptions) => {
+    isHovered: boolean;
+    onMouseEnter: () => void;
+    onMouseLeave: () => void;
+    style: {
+        transform: string;
+        transition: string;
+        cursor: string;
+    };
+};
+export {};
+//# sourceMappingURL=useHoverScale.d.ts.map

package/dist/src/hooks/animations/useHoverScale.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useHoverScale.d.ts","sourceRoot":"","sources":["../../../../src/hooks/animations/useHoverScale.ts"],"names":[],"mappings":"AAGA,UAAU,oBAAoB;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,eAAO,MAAM,aAAa,GAAI,UAAS,oBAAyB;;;;;;;;;CAwB/D,CAAC"}

package/dist/src/hooks/animations/usePulse.d.ts

@@ -0,0 +1,25 @@
+interface UsePulseOptions {
+    duration?: number;
+    scale?: number;
+    enabled?: boolean;
+}
+/**
+ * usePulse Hook
+ *
+ * Creates a pulsing animation effect
+ *
+ * @param options - Configuration options
+ * @param options.duration - Animation duration in ms (default: 1000)
+ * @param options.scale - Scale factor (default: 1.05)
+ * @param options.enabled - Whether animation is enabled (default: true)
+ *
+ * @example
+ * ```tsx
+ * const pulseRef = usePulse({ duration: 1000, scale: 1.1 });
+ *
+ * <div ref={pulseRef}>Pulsing element</div>
+ * ```
+ */
+export declare const usePulse: <T extends HTMLElement>(options?: UsePulseOptions) => React.RefObject<T>;
+export {};
+//# sourceMappingURL=usePulse.d.ts.map

package/dist/src/hooks/animations/usePulse.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePulse.d.ts","sourceRoot":"","sources":["../../../../src/hooks/animations/usePulse.ts"],"names":[],"mappings":"AAEA,UAAU,eAAe;IACvB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,QAAQ,GAAI,CAAC,SAAS,WAAW,EAC5C,UAAS,eAAoB,KAC5B,KAAK,CAAC,SAAS,CAAC,CAAC,CA0BnB,CAAC"}

package/dist/src/hooks/animations/useRipple.d.ts

@@ -0,0 +1,31 @@
+import { MouseEvent } from 'react';
+interface Ripple {
+    x: number;
+    y: number;
+    size: number;
+    id: number;
+}
+/**
+ * useRipple Hook
+ *
+ * Creates Material Design ripple effect on click
+ *
+ * @example
+ * ```tsx
+ * const { ripples, createRipple, clearRipples } = useRipple();
+ *
+ * <button onClick={createRipple}>
+ *   {ripples.map(ripple => (
+ *     <span key={ripple.id} className="ripple" style={{...}} />
+ *   ))}
+ *   Click me
+ * </button>
+ * ```
+ */
+export declare const useRipple: () => {
+    ripples: Ripple[];
+    createRipple: (event: MouseEvent<HTMLElement>) => void;
+    clearRipples: () => void;
+};
+export {};
+//# sourceMappingURL=useRipple.d.ts.map

package/dist/src/hooks/animations/useRipple.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useRipple.d.ts","sourceRoot":"","sources":["../../../../src/hooks/animations/useRipple.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAIxC,UAAU,MAAM;IACd,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,IAAI,EAAE,MAAM,CAAC;IACb,EAAE,EAAE,MAAM,CAAC;CACZ;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,SAAS;;0BAGqB,UAAU,CAAC,WAAW,CAAC;;CA4BjE,CAAC"}

package/dist/src/hooks/animations/useShake.d.ts

@@ -0,0 +1,29 @@
+interface UseShakeOptions {
+    duration?: number;
+    distance?: number;
+}
+/**
+ * useShake Hook
+ *
+ * Triggers a shake animation (useful for errors, invalid inputs)
+ *
+ * @param options - Configuration options
+ * @param options.duration - Animation duration in ms (default: 200ms from tokens)
+ * @param options.distance - Shake distance in pixels (default: 10)
+ *
+ * @example
+ * ```tsx
+ * const { ref, shake } = useShake<HTMLInputElement>();
+ *
+ * <input
+ *   ref={ref}
+ *   onError={() => shake()}
+ * />
+ * ```
+ */
+export declare const useShake: <T extends HTMLElement>(options?: UseShakeOptions) => {
+    ref: import('react').RefObject<T>;
+    shake: () => void;
+};
+export {};
+//# sourceMappingURL=useShake.d.ts.map

package/dist/src/hooks/animations/useShake.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useShake.d.ts","sourceRoot":"","sources":["../../../../src/hooks/animations/useShake.ts"],"names":[],"mappings":"AAGA,UAAU,eAAe;IACvB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED;;;;;;;;;;;;;;;;;;GAkBG;AACH,eAAO,MAAM,QAAQ,GAAI,CAAC,SAAS,WAAW,EAAE,UAAS,eAAoB;;;CA2B5E,CAAC"}

package/dist/src/index.d.ts

@@ -0,0 +1,12 @@
+/**
+ * MRS Design System - Main Entry Point
+ * @package @atipicus/mrs-ui
+ * @version 0.8.0
+ */
+export { theme, lightTheme, darkTheme } from './theme/theme';
+export type { MRSTheme } from './theme/types';
+export * from './theme/tokens';
+export * from './components';
+export * from './hooks/animations';
+export * from './components/effects';
+//# sourceMappingURL=index.d.ts.map

package/dist/src/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAGH,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAC7D,YAAY,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAC9C,cAAc,gBAAgB,CAAC;AAG/B,cAAc,cAAc,CAAC;AAG7B,cAAc,oBAAoB,CAAC;AAGnC,cAAc,sBAAsB,CAAC"}

package/dist/src/theme/index.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Theme module exports
+ */
+export { theme, lightTheme, darkTheme } from './theme';
+export type { MRSTheme } from './types';
+export * from './tokens';
+//# sourceMappingURL=index.d.ts.map

package/dist/src/theme/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/theme/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AACvD,YAAY,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AACxC,cAAc,UAAU,CAAC"}

package/dist/src/theme/theme.d.ts

@@ -0,0 +1,22 @@
+import { Theme } from '@mui/material/styles';
+/**
+ * Light theme configuration
+ */
+export declare const lightTheme: Theme;
+/**
+ * Dark theme configuration
+ */
+export declare const darkTheme: Theme;
+/**
+ * Default theme export (light mode)
+ */
+export declare const theme: Theme;
+/**
+ * Export both themes for theme switching
+ */
+declare const _default: {
+    light: Theme;
+    dark: Theme;
+};
+export default _default;
+//# sourceMappingURL=theme.d.ts.map

package/dist/src/theme/theme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/theme/theme.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAIH,OAAO,KAAK,EAAE,KAAK,EAAgB,MAAM,sBAAsB,CAAC;AAwkBhE;;GAEG;AACH,eAAO,MAAM,UAAU,EAAE,KAsBvB,CAAC;AAEH;;GAEG;AACH,eAAO,MAAM,SAAS,EAAE,KAsBtB,CAAC;AAEH;;GAEG;AACH,eAAO,MAAM,KAAK,OAAa,CAAC;AAEhC;;GAEG;;;;;AACH,wBAGE"}

package/dist/src/theme/tokens-import.d.ts

@@ -0,0 +1,337 @@
+/**
+ * Design Tokens Import - Generated by Style Dictionary
+ *
+ * This file re-exports design tokens organized by mode (light/dark)
+ * for easier consumption in theme.ts
+ */
+export declare const lightTokens: {
+    colors: {
+        primary: {
+            main: string;
+            dark: string;
+            light: string;
+            contrastText: string;
+        };
+        secondary: {
+            main: string;
+            dark: string;
+            light: string;
+            contrastText: string;
+        };
+        error: {
+            main: string;
+            dark: string;
+            light: string;
+            contrastText: string;
+        };
+        warning: {
+            main: string;
+            dark: string;
+            light: string;
+            contrastText: string;
+        };
+        info: {
+            main: string;
+            dark: string;
+            light: string;
+            contrastText: string;
+        };
+        success: {
+            main: string;
+            dark: string;
+            light: string;
+            contrastText: string;
+        };
+        background: {
+            default: string;
+            paper: string;
+        };
+        text: {
+            primary: string;
+            secondary: string;
+            disabled: string;
+        };
+        action: {
+            active: string;
+            hover: string;
+            selected: string;
+            disabled: string;
+            disabledBackground: string;
+        };
+        divider: string;
+    };
+    components: {
+        alert: {
+            borderRadius: string;
+            error: {
+                filled: {
+                    background: string;
+                    foreground: string;
+                };
+                outlined: {
+                    background: string;
+                    foreground: string;
+                    border: string;
+                };
+                standard: {
+                    background: string;
+                    foreground: string;
+                };
+            };
+            warning: {
+                filled: {
+                    background: string;
+                    foreground: string;
+                };
+                outlined: {
+                    background: string;
+                    foreground: string;
+                    border: string;
+                };
+                standard: {
+                    background: string;
+                    foreground: string;
+                };
+            };
+            info: {
+                filled: {
+                    background: string;
+                    foreground: string;
+                };
+                outlined: {
+                    background: string;
+                    foreground: string;
+                    border: string;
+                };
+                standard: {
+                    background: string;
+                    foreground: string;
+                };
+            };
+            success: {
+                filled: {
+                    background: string;
+                    foreground: string;
+                };
+                outlined: {
+                    background: string;
+                    foreground: string;
+                    border: string;
+                };
+                standard: {
+                    background: string;
+                    foreground: string;
+                };
+            };
+        };
+        input: {
+            borderRadius: string;
+            standard: {
+                enabledBorder: string;
+            };
+            filled: {
+                enabledFill: string;
+            };
+            outlined: {
+                enabledBorder: string;
+            };
+        };
+        paper: {
+            elevation0: string;
+            elevation1: string;
+            elevation2: string;
+        };
+        chip: {
+            defaultCloseFill: string;
+            defaultEnabledBorder: string;
+        };
+        button: {
+            borderRadius: string;
+        };
+        card: {
+            borderRadius: string;
+        };
+        dialog: {
+            borderRadius: string;
+        };
+        table: {
+            border: string;
+            header: {
+                background: string;
+            };
+        };
+        rating: {
+            activeFill: string;
+            enabledBorder: string;
+        };
+    };
+};
+export declare const darkTokens: {
+    colors: {
+        primary: {
+            main: string;
+            dark: string;
+            light: string;
+            contrastText: string;
+        };
+        secondary: {
+            main: string;
+            dark: string;
+            light: string;
+            contrastText: string;
+        };
+        error: {
+            main: string;
+            dark: string;
+            light: string;
+            contrastText: string;
+        };
+        warning: {
+            main: string;
+            dark: string;
+            light: string;
+            contrastText: string;
+        };
+        info: {
+            main: string;
+            dark: string;
+            light: string;
+            contrastText: string;
+        };
+        success: {
+            main: string;
+            dark: string;
+            light: string;
+            contrastText: string;
+        };
+        background: {
+            default: string;
+            paper: string;
+        };
+        text: {
+            primary: string;
+            secondary: string;
+            disabled: string;
+        };
+        action: {
+            active: string;
+            hover: string;
+            selected: string;
+            disabled: string;
+            disabledBackground: string;
+        };
+        divider: string;
+    };
+    components: {
+        alert: {
+            borderRadius: string;
+            error: {
+                filled: {
+                    background: string;
+                    foreground: string;
+                };
+                outlined: {
+                    background: string;
+                    foreground: string;
+                    border: string;
+                };
+                standard: {
+                    background: string;
+                    foreground: string;
+                };
+            };
+            warning: {
+                filled: {
+                    background: string;
+                    foreground: string;
+                };
+                outlined: {
+                    background: string;
+                    foreground: string;
+                    border: string;
+                };
+                standard: {
+                    background: string;
+                    foreground: string;
+                };
+            };
+            info: {
+                filled: {
+                    background: string;
+                    foreground: string;
+                };
+                outlined: {
+                    background: string;
+                    foreground: string;
+                    border: string;
+                };
+                standard: {
+                    background: string;
+                    foreground: string;
+                };
+            };
+            success: {
+                filled: {
+                    background: string;
+                    foreground: string;
+                };
+                outlined: {
+                    background: string;
+                    foreground: string;
+                    border: string;
+                };
+                standard: {
+                    background: string;
+                    foreground: string;
+                };
+            };
+        };
+        input: {
+            borderRadius: string;
+            standard: {
+                enabledBorder: string;
+            };
+            filled: {
+                enabledFill: string;
+            };
+            outlined: {
+                enabledBorder: string;
+            };
+        };
+        paper: {
+            elevation0: string;
+            elevation1: string;
+            elevation2: string;
+            elevation4: string;
+            elevation6: string;
+            elevation8: string;
+            elevation12: string;
+            elevation16: string;
+            elevation24: string;
+        };
+        chip: {
+            defaultCloseFill: string;
+            defaultEnabledBorder: string;
+        };
+        button: {
+            borderRadius: string;
+        };
+        card: {
+            borderRadius: string;
+        };
+        dialog: {
+            borderRadius: string;
+        };
+        table: {
+            border: string;
+            header: {
+                background: string;
+            };
+        };
+        rating: {
+            activeFill: string;
+            enabledBorder: string;
+        };
+    };
+};
+//# sourceMappingURL=tokens-import.d.ts.map

package/dist/src/theme/tokens-import.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tokens-import.d.ts","sourceRoot":"","sources":["../../../src/theme/tokens-import.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAOH,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiKvB,CAAC;AAKF,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuKtB,CAAC"}