@peacock-ui/core 0.1.0 → 2.0.0

package/README.md

@@ -43,13 +43,41 @@ function App() {
 }
 ```
 
-## 🧱 Core Components
+## 🧱 Component Reference
 
-- **PeacockButton**: Follow-mouse radial light source effect.
-- **FluidCard**: Seamless layout transitions using shared element logic.
-- **GlassMenu**: Recursive command-palette style menu.
-- **PeacockInput**: Interactive focus-glow borders.
-- **PeacockSwitch**: Physics-based toggle interactions.
+### `PeacockButton`
+Interactive light-source button with physics-based haptics.
+```tsx
+<PeacockButton variant="primary" glowSize={200}>
+  Spread Plumage
+</PeacockButton>
+```
+**Props:** `variant` ('primary'|'outline'|'glass'), `glowSize` (number)
+
+### `PeacockInput`
+Focus-reactive input with dynamic glow borders.
+```tsx
+<PeacockInput label="Email" placeholder="you@example.com" error="Required" />
+```
+**Props:** `label` (string), `error` (string), `icon` (ReactNode)
+
+### `FluidCard`
+Expandable surface with shared-element layout transitions.
+```tsx
+<FluidCard title="Physics" description="Hover for details" expandedContent={<p>Details...</p>} />
+```
+
+### `PeacockSwitch`
+Spring-loaded toggle interaction.
+```tsx
+<PeacockSwitch checked={true} onChange={(val) => {}} label="Motion Enabled" />
+```
+
+### `GlassMenu`
+Command-palette style recursive menu.
+```tsx
+<GlassMenu isOpen={isOpen} onClose={close} items={[{ id: '1', label: 'Home' }]} />
+```
 
 ## 🛠️ Development
 

package/dist/MotionPrimitive.d.ts

@@ -0,0 +1,6 @@
+import { default as React } from 'react';
+import { HTMLMotionProps } from 'framer-motion';
+export interface MotionPrimitiveProps extends HTMLMotionProps<'div'> {
+    as?: any;
+}
+export declare const MotionPrimitive: React.ForwardRefExoticComponent<Omit<MotionPrimitiveProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/dist/MotionProvider.d.ts

@@ -0,0 +1,16 @@
+import { default as React } from 'react';
+interface MotionProviderProps {
+    children: React.ReactNode;
+    physics?: {
+        stiffness?: number;
+        damping?: number;
+        mass?: number;
+    };
+}
+export declare const MotionProvider: ({ children, physics }: MotionProviderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const useMotionPhysics: () => {
+    stiffness: number;
+    damping: number;
+    mass: number;
+};
+export {};

package/dist/PeacockProvider.d.ts

@@ -1,5 +1,4 @@
 import { ReactNode } from 'react';
-
 interface PeacockContextProps {
     theme: 'light' | 'dark';
 }

package/dist/components/FluidCard.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+export interface FluidCardProps {
+    title: string;
+    description: string;
+    expandedContent?: React.ReactNode;
+    className?: string;
+}
+export declare const FluidCard: ({ title, description, expandedContent, className }: FluidCardProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/GlassMenu.d.ts

@@ -0,0 +1,14 @@
+import { default as React } from 'react';
+export interface GlassMenuItem {
+    id: string;
+    label: string;
+    icon?: React.ReactNode;
+    onClick?: () => void;
+    children?: GlassMenuItem[];
+}
+export interface GlassMenuProps {
+    items: GlassMenuItem[];
+    isOpen: boolean;
+    onClose: () => void;
+}
+export declare const GlassMenu: ({ items, isOpen, onClose }: GlassMenuProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/PeacockBadge.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+export interface PeacockBadgeProps {
+    children: React.ReactNode;
+    variant?: 'primary' | 'success' | 'danger' | 'glass';
+    className?: string;
+}
+export declare const PeacockBadge: ({ children, variant, className }: PeacockBadgeProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/PeacockButton.d.ts

@@ -1,9 +1,7 @@
 import { default as React } from 'react';
 import { HTMLMotionProps } from 'framer-motion';
-
-interface PeacockButtonProps extends HTMLMotionProps<'button'> {
-    variant?: 'primary' | 'outline' | 'ghost';
-    glow?: boolean;
+export interface PeacockButtonProps extends HTMLMotionProps<'button'> {
+    variant?: 'primary' | 'outline' | 'glass';
+    glowSize?: number;
 }
 export declare const PeacockButton: React.ForwardRefExoticComponent<Omit<PeacockButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
-export {};

package/dist/components/PeacockDialog.d.ts

@@ -0,0 +1,18 @@
+import * as React from 'react';
+import * as DialogPrimitive from '@radix-ui/react-dialog';
+declare const Dialog: React.FC<DialogPrimitive.DialogProps>;
+declare const DialogTrigger: React.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const DialogPortal: ({ children, ...props }: DialogPrimitive.DialogPortalProps) => import("react/jsx-runtime").JSX.Element;
+declare const DialogOverlay: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DialogContent: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DialogHeader: {
+    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+declare const DialogFooter: {
+    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+declare const DialogTitle: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
+declare const DialogDescription: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
+export { Dialog, DialogPortal, DialogOverlay, DialogTrigger, DialogContent, DialogHeader, DialogFooter, DialogTitle, DialogDescription, };

package/dist/components/PeacockInput.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+export interface PeacockInputProps extends React.InputHTMLAttributes<HTMLInputElement> {
+    label?: string;
+    error?: string;
+    icon?: React.ReactNode;
+}
+export declare const PeacockInput: React.ForwardRefExoticComponent<PeacockInputProps & React.RefAttributes<HTMLInputElement>>;

package/dist/components/PeacockSwitch.d.ts

@@ -0,0 +1,7 @@
+export interface PeacockSwitchProps {
+    checked: boolean;
+    onChange: (checked: boolean) => void;
+    label?: string;
+    disabled?: boolean;
+}
+export declare const PeacockSwitch: ({ checked, onChange, label, disabled }: PeacockSwitchProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/PeacockTooltip.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+export interface PeacockTooltipProps {
+    content: string;
+    children: React.ReactNode;
+    className?: string;
+}
+export declare const PeacockTooltip: ({ content, children, className }: PeacockTooltipProps) => import("react/jsx-runtime").JSX.Element;

package/dist/hooks/useSpotlight.d.ts

@@ -0,0 +1,10 @@
+interface UseSpotlightConfig {
+    stiffness?: number;
+    damping?: number;
+}
+export declare function useSpotlight(config?: UseSpotlightConfig): {
+    x: import('motion-dom').MotionValue<number>;
+    y: import('motion-dom').MotionValue<number>;
+    onMouseMove: (e: React.MouseEvent<HTMLElement>) => void;
+};
+export {};

package/dist/hooks/utils.d.ts

@@ -1,3 +1,2 @@
 import { ClassValue } from 'clsx';
-
 export declare function cn(...inputs: ClassValue[]): string;

package/dist/index.d.ts

@@ -1,4 +1,12 @@
+export * from './MotionProvider';
 export * from './PeacockProvider';
+export * from './MotionPrimitive';
 export * from './components/PeacockButton';
-export * from './motion/variants';
+export * from './components/FluidCard';
+export * from './components/GlassMenu';
+export * from './components/PeacockInput';
+export * from './components/PeacockSwitch';
+export * from './components/PeacockBadge';
+export * from './components/PeacockTooltip';
+export * from './components/PeacockDialog';
 export * from './hooks/utils';

package/dist/motion/variants.d.ts

@@ -1,17 +1,16 @@
 import { Variants } from 'framer-motion';
-
 export declare const slideUp: Variants;
 export declare const fadeScale: Variants;
 export declare const springRotate: Variants;
 export declare const transitions: {
     spring: {
-        type: string;
-        stiffness: number;
-        damping: number;
+        readonly type: "spring";
+        readonly stiffness: 300;
+        readonly damping: 20;
     };
     smooth: {
-        type: string;
-        ease: number[];
-        duration: number;
+        readonly type: "tween";
+        readonly ease: readonly [0.22, 1, 0.36, 1];
+        readonly duration: 0.3;
     };
 };