@pelatform/ui 1.6.0 → 2.0.0

package/dist/chunk-ZBO5IAMA.cjs

@@ -1,196 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }'use client';
-
-
-
-var _chunkCJXIPSTGcjs = require('./chunk-CJXIPSTG.cjs');
-
-// src/ui/animation/hover-background.tsx
-var _react = require('react'); var React = _interopRequireWildcard(_react);
-var _react2 = require('motion/react');
-var _jsxruntime = require('react/jsx-runtime');
-function HoverBackground({
-  className,
-  objectCount = 12,
-  children,
-  colors = {},
-  ...props
-}) {
-  const {
-    background = "bg-gradient-to-br from-slate-900 via-purple-900 to-slate-900",
-    objects = [
-      "bg-cyan-400/20",
-      "bg-purple-400/20",
-      "bg-fuchsia-400/20",
-      "bg-violet-400/20",
-      "bg-blue-400/20",
-      "bg-indigo-400/20"
-    ],
-    glow = "shadow-cyan-400/50"
-  } = colors;
-  const [isHovered, setIsHovered] = React.useState(false);
-  const mouseX = _react2.useMotionValue.call(void 0, 0);
-  const mouseY = _react2.useMotionValue.call(void 0, 0);
-  const springX = _react2.useSpring.call(void 0, mouseX, {
-    stiffness: 300,
-    damping: 30,
-    // Slower return to center when hover ends
-    restSpeed: 0.1,
-    restDelta: 0.1
-  });
-  const springY = _react2.useSpring.call(void 0, mouseY, {
-    stiffness: 300,
-    damping: 30,
-    restSpeed: 0.1,
-    restDelta: 0.1
-  });
-  const animatedObjects = React.useMemo(
-    () => Array.from({ length: objectCount }, (_, i) => {
-      const shape = Math.random() > 0.5 ? "circle" : "square";
-      return {
-        id: i,
-        x: Math.random() * 90 + 5,
-        // 5-95% to avoid edges
-        y: Math.random() * 90 + 5,
-        size: Math.random() * 60 + 20,
-        // 20-80px
-        color: objects[i % objects.length],
-        delay: Math.random() * 2,
-        shape,
-        floatDirection: Math.random() > 0.5 ? 1 : -1,
-        breathDuration: Math.random() * 3 + 3,
-        // 3-6 seconds
-        parallaxStrength: Math.random() * 0.5 + 0.3,
-        // 0.3-0.8 for more varied parallax depth
-        baseRotation: Math.random() * 360
-        // Random starting rotation offset
-      };
-    }),
-    [objectCount, objects]
-  );
-  const handleMouseMove = (event) => {
-    if (!isHovered) return;
-    const rect = event.currentTarget.getBoundingClientRect();
-    const centerX = rect.width / 2;
-    const centerY = rect.height / 2;
-    const x = (event.clientX - rect.left - centerX) / centerX;
-    const y = (event.clientY - rect.top - centerY) / centerY;
-    mouseX.set(x * 15);
-    mouseY.set(y * 15);
-  };
-  const handleHoverStart = () => {
-    setIsHovered(true);
-  };
-  const handleHoverEnd = () => {
-    setIsHovered(false);
-    mouseX.set(0);
-    mouseY.set(0);
-  };
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-    _react2.motion.div,
-    {
-      "data-slot": "hover-background",
-      className: _chunkCJXIPSTGcjs.cn.call(void 0, "relative size-full overflow-hidden", background, className),
-      onHoverStart: handleHoverStart,
-      onHoverEnd: handleHoverEnd,
-      onMouseMove: handleMouseMove,
-      whileHover: { scale: 1.02 },
-      transition: { duration: 0.3, ease: "easeOut" },
-      animate: {
-        backgroundPosition: ["0% 50%", "100% 50%", "0% 50%"]
-      },
-      style: {
-        backgroundSize: "200% 200%"
-      },
-      ...props,
-      children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _react2.motion.div,
-          {
-            className: "absolute inset-0 bg-gradient-radial from-white/5 via-transparent to-transparent",
-            animate: {
-              opacity: [0.3, 0.6, 0.3],
-              scale: [1, 1.1, 1]
-            },
-            transition: {
-              duration: 4,
-              repeat: Infinity,
-              ease: "easeInOut"
-            }
-          }
-        ),
-        animatedObjects.map((obj) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _react2.motion.div,
-          {
-            className: _chunkCJXIPSTGcjs.cn.call(void 0, 
-              "absolute border border-white/10 backdrop-blur-sm",
-              obj.color,
-              obj.shape === "circle" ? "rounded-full" : "rotate-45 rounded-lg"
-            ),
-            style: {
-              left: `${obj.x}%`,
-              top: `${obj.y}%`,
-              width: obj.size,
-              height: obj.size,
-              // Apply parallax with individual object strength
-              x: springX.get() * obj.parallaxStrength,
-              y: springY.get() * obj.parallaxStrength
-            },
-            initial: {
-              scale: 0.6,
-              opacity: 0.4,
-              rotate: obj.baseRotation
-            },
-            animate: {
-              // Default state animations - breathing with base rotation offset
-              scale: [0.6, 0.8, 0.6],
-              opacity: [0.4, 0.6, 0.4],
-              rotate: obj.shape === "circle" ? [obj.baseRotation, obj.baseRotation + 10, obj.baseRotation] : [obj.baseRotation, obj.baseRotation + 5, obj.baseRotation],
-              y: [0, obj.floatDirection * 15, 0],
-              x: [0, obj.floatDirection * 8, 0]
-            },
-            transition: {
-              duration: obj.breathDuration,
-              delay: obj.delay,
-              ease: "easeInOut",
-              repeat: Infinity,
-              repeatType: "reverse"
-            },
-            whileHover: {
-              scale: 1.5,
-              boxShadow: `0 0 30px ${glow.replace("shadow-", "").replace("/50", "")}`
-            }
-          },
-          obj.id
-        )),
-        isHovered && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "pointer-events-none absolute inset-0", children: Array.from({ length: 20 }).map((_, i) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _react2.motion.div,
-          {
-            className: "absolute h-1 w-1 rounded-full bg-white/60",
-            style: {
-              left: `${Math.random() * 100}%`,
-              top: `${Math.random() * 100}%`
-            },
-            initial: { opacity: 0, scale: 0 },
-            animate: {
-              opacity: [0, 1, 0],
-              scale: [0, 1, 0],
-              y: [0, -50, -100]
-            },
-            transition: {
-              duration: 3,
-              delay: Math.random() * 2,
-              repeat: Infinity,
-              ease: "easeOut"
-            }
-          },
-          `particle-${i}`
-        )) }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "relative z-10 size-full", children })
-      ]
-    }
-  );
-}
-
-
-
-exports.HoverBackground = HoverBackground;

package/dist/chunk-ZDR3OZ7Z.cjs

@@ -1,9 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/hooks/use-toast.ts
-var _toast = require('@base-ui-components/react/toast');
-var toastManager = _toast.Toast.createToastManager();
-var useToast = _toast.Toast.useToastManager;
-
-
-
-
-exports.toastManager = toastManager; exports.useToast = useToast;

package/dist/colors-CUDWvz1g.d.cts

@@ -1,42 +0,0 @@
-/**
- * Theme configuration for the application
- * Handles light, dark, and system theme modes with their respective colors
- */
-/**
- * Available theme modes in the application
- * - light: Force light theme
- * - dark: Force dark theme
- * - system: Follow system/OS preference (auto-detect)
- */
-declare const THEME_MODES: {
-    readonly LIGHT: "light";
-    readonly DARK: "dark";
-    readonly SYSTEM: "system";
-};
-/**
- * Type definition for theme modes
- */
-type ThemeMode = (typeof THEME_MODES)[keyof typeof THEME_MODES];
-/**
- * Meta theme colors for different theme modes
- * Used for:
- * - HTML meta theme-color tags
- * - Browser address bar coloring
- * - PWA theme colors
- * - System theme integration
- */
-declare const META_THEME_COLORS: {
-    /** Light theme color - Pure white for clean, bright appearance */
-    readonly light: "#ffffff";
-    /** Dark theme color - Near black with slight warmth to reduce eye strain */
-    readonly dark: "#09090b";
-    /** System theme - Will be determined by user's OS preference */
-    readonly system: "auto";
-};
-/**
- * Default theme mode when no preference is set
- * Falls back to system preference to respect user's OS settings
- */
-declare const DEFAULT_THEME_MODE: ThemeMode;
-
-export { DEFAULT_THEME_MODE as D, META_THEME_COLORS as M, THEME_MODES as T, type ThemeMode as a };

package/dist/colors-CUDWvz1g.d.ts

@@ -1,42 +0,0 @@
-/**
- * Theme configuration for the application
- * Handles light, dark, and system theme modes with their respective colors
- */
-/**
- * Available theme modes in the application
- * - light: Force light theme
- * - dark: Force dark theme
- * - system: Follow system/OS preference (auto-detect)
- */
-declare const THEME_MODES: {
-    readonly LIGHT: "light";
-    readonly DARK: "dark";
-    readonly SYSTEM: "system";
-};
-/**
- * Type definition for theme modes
- */
-type ThemeMode = (typeof THEME_MODES)[keyof typeof THEME_MODES];
-/**
- * Meta theme colors for different theme modes
- * Used for:
- * - HTML meta theme-color tags
- * - Browser address bar coloring
- * - PWA theme colors
- * - System theme integration
- */
-declare const META_THEME_COLORS: {
-    /** Light theme color - Pure white for clean, bright appearance */
-    readonly light: "#ffffff";
-    /** Dark theme color - Near black with slight warmth to reduce eye strain */
-    readonly dark: "#09090b";
-    /** System theme - Will be determined by user's OS preference */
-    readonly system: "auto";
-};
-/**
- * Default theme mode when no preference is set
- * Falls back to system preference to respect user's OS settings
- */
-declare const DEFAULT_THEME_MODE: ThemeMode;
-
-export { DEFAULT_THEME_MODE as D, META_THEME_COLORS as M, THEME_MODES as T, type ThemeMode as a };

package/dist/components-CidsRcc3.d.cts

@@ -1,46 +0,0 @@
-import { ReactNode, ComponentType } from 'react';
-
-/**
- * Base props interface for all components
- * Includes common properties used across multiple components
- */
-interface BaseProps {
-    /** Child elements to render inside the component */
-    children: ReactNode;
-    /** Additional CSS classes for the component */
-    className?: string;
-}
-/**
- * Image component type definition
- * Defines the interface for image components used throughout the application
- */
-type Image = ComponentType<{
-    /** Source URL of the image */
-    src: string;
-    /** Alt text for accessibility */
-    alt: string;
-    /** Additional CSS classes */
-    className?: string;
-    /** Width of the image */
-    width?: number;
-    /** Height of the image */
-    height?: number;
-}>;
-/**
- * Link component type definition
- * Defines the interface for link components used throughout the application
- */
-type Link = ComponentType<{
-    /** Link content */
-    children: ReactNode;
-    /** Destination URL */
-    href: string;
-    /** Target attribute */
-    target?: '_blank' | '_self' | '_parent' | '_top';
-    /** Additional CSS classes */
-    className?: string;
-    /** Click handler */
-    onClick?: (event: React.MouseEvent<HTMLAnchorElement>) => void;
-}>;
-
-export type { BaseProps as B, Image as I, Link as L };

package/dist/components-CidsRcc3.d.ts

@@ -1,46 +0,0 @@
-import { ReactNode, ComponentType } from 'react';
-
-/**
- * Base props interface for all components
- * Includes common properties used across multiple components
- */
-interface BaseProps {
-    /** Child elements to render inside the component */
-    children: ReactNode;
-    /** Additional CSS classes for the component */
-    className?: string;
-}
-/**
- * Image component type definition
- * Defines the interface for image components used throughout the application
- */
-type Image = ComponentType<{
-    /** Source URL of the image */
-    src: string;
-    /** Alt text for accessibility */
-    alt: string;
-    /** Additional CSS classes */
-    className?: string;
-    /** Width of the image */
-    width?: number;
-    /** Height of the image */
-    height?: number;
-}>;
-/**
- * Link component type definition
- * Defines the interface for link components used throughout the application
- */
-type Link = ComponentType<{
-    /** Link content */
-    children: ReactNode;
-    /** Destination URL */
-    href: string;
-    /** Target attribute */
-    target?: '_blank' | '_self' | '_parent' | '_top';
-    /** Additional CSS classes */
-    className?: string;
-    /** Click handler */
-    onClick?: (event: React.MouseEvent<HTMLAnchorElement>) => void;
-}>;
-
-export type { BaseProps as B, Image as I, Link as L };