@n3wth/ui 0.4.0 → 0.5.0

package/README.md

@@ -1,56 +1,108 @@
-# n3wth/ui
+# n3wth/ui 🛠️
 
-Atomic design system. Flat, minimal, iOS-inspired. No shadows, no glows, just clean glass morphism.
+Atomic design system for n3wth projects. Flat, minimal, iOS-inspired.  
+No shadows, no glows—just clean glassmorphism and precision typography.
 
-**[ui.newth.ai](https://ui.newth.ai)** / **[npm](https://www.npmjs.com/package/@n3wth/ui)**
+**[Live Demo](https://ui.newth.ai)** / **[npm package](https://www.npmjs.com/package/@n3wth/ui)** / **[Registry](https://github.com/n3wth/ui/blob/main/registry.json)**
 
-## Install
+---
+
+## 🤖 AI-Native Integration
+
+This library is optimized for AI-driven development (**v0**, **Cursor**, **Google AI Studio**, **Claude Code**).
+
+- **v0 / Shadcn**: Point v0 to this repo or use the [registry.json](./registry.json).
+- **Google AI Studio**: Use the [native system instructions](./google-ai-studio-instructions.json).
+- **Cursor**: Automated context via [.cursorrules](./.cursorrules).
+
+---
+
+## 📦 Install
 
 ```bash
 npm install @n3wth/ui
 ```
 
+### Quick Start
+
 ```tsx
-import { Button, Card, Nav } from '@n3wth/ui'
+import { Button, Card, Hero, Section } from '@n3wth/ui'
 import '@n3wth/ui/styles'
+
+export default function App() {
+  return (
+    <Section>
+      <Hero title="Hello World" subtitle="iOS-inspired design system" />
+      <Card>
+        <Button variant="accent">Click Me</Button>
+      </Card>
+    </Section>
+  )
+}
 ```
 
-## Components
+---
 
-**Atoms** - Button, Badge, Input, Icon, AnimatedText, HamburgerIcon, NoiseOverlay, ScrollIndicator
+## 🎨 Design Tokens
 
-**Molecules** - Card, NavLink, CommandBox, ThemeToggle, MobileDrawer
+Built on **Tailwind CSS 4**.
 
-**Organisms** - Nav, Hero, Section, Footer
+| Token | Description |
+| :--- | :--- |
+| **Typography** | `font-display` (Mona Sans), `font-sans` (Geist Sans) |
+| **Glass** | `.glass-card`, `.glass-pill`, `.glass-nav` |
+| **Colors** | Semantic tokens: `bg`, `bg-secondary`, `sage`, `coral`, `gold`, `mint` |
+| **Spacing** | iOS-standard safe areas: `safe-top`, `safe-bottom` |
 
-## Hooks
+---
 
-`useTheme` - Dark/light mode with system detection
+## 🧩 Components
 
-`useMediaQuery` - Responsive breakpoints
+| Category | Components |
+| :--- | :--- |
+| **Atoms** | `Button`, `Badge`, `Input`, `Icon`, `AnimatedText`, `NoiseOverlay`, `ScrollIndicator` |
+| **Molecules** | `Card`, `CommandBox`, `ThemeToggle`, `MobileDrawer`, `NavLink`, `CompositeShape` |
+| **Organisms** | `Nav`, `Hero`, `Section`, `Footer` |
 
-`useKeyboardShortcuts` - Keyboard handler
+---
 
-`useReducedMotion` - Motion preference detection
+## 🪝 Hooks
 
-## Tailwind Preset
+- `useTheme` — Dark/light mode with system persistence.
+- `useMediaQuery` — Clean responsive breakpoint handling.
+- `useKeyboardShortcuts` — Global keyboard event management.
+- `useScrollReveal` — Entry animations for atomic elements.
+- `useReducedMotion` — Respects user accessibility preferences.
 
-```js
-// tailwind.config.js
-export default {
-  presets: [require('@n3wth/ui/tailwind')],
-  content: ['./node_modules/@n3wth/ui/dist/**/*.js']
-}
+---
+
+## 🛠️ Development
+
+```bash
+# Clone and install
+git clone https://github.com/n3wth/ui
+npm install
+
+# Run the showcase/demo
+npm run demo
+
+# Build for production
+npm run build
+
+# Update AI Registry
+npm run registry:build
 ```
 
-## Development
+### Releasing
+
+We use a semantic patch/minor/major flow that automatically updates AI registry artifacts:
 
 ```bash
-npm run dev          # Watch library
-npm run demo         # Demo at localhost:5173
-npm run build        # Build to dist/
+npm run release:patch
 ```
 
-## License
+---
+
+## 📜 License
 
-MIT
+MIT © [Oliver Newth](https://newth.ai)

package/dist/atoms/Button/Button.d.ts

@@ -1,12 +1,20 @@
 import { ButtonHTMLAttributes, ReactNode } from 'react';
+export type ButtonSize = 'sm' | 'md' | 'lg';
 export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
     variant?: 'primary' | 'secondary' | 'ghost' | 'glass';
-    size?: 'sm' | 'md' | 'lg';
+    /** Size of the button. Can be a single value or responsive object */
+    size?: ButtonSize | {
+        base?: ButtonSize;
+        md?: ButtonSize;
+        lg?: ButtonSize;
+    };
     children: ReactNode;
     isLoading?: boolean;
     leftIcon?: ReactNode;
     rightIcon?: ReactNode;
     asChild?: boolean;
+    /** Ensures minimum 44px touch target for accessibility (WCAG 2.5.5) */
+    touchTarget?: boolean;
 }
 export declare const Button: import('react').ForwardRefExoticComponent<ButtonProps & import('react').RefAttributes<HTMLButtonElement>>;
 //# sourceMappingURL=Button.d.ts.map

package/dist/atoms/Button/Button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/atoms/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,oBAAoB,EACzB,KAAK,SAAS,EAGf,MAAM,OAAO,CAAA;AAGd,MAAM,WAAW,WAAY,SAAQ,oBAAoB,CAAC,iBAAiB,CAAC;IAC1E,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,OAAO,GAAG,OAAO,CAAA;IACrD,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;IACzB,QAAQ,EAAE,SAAS,CAAA;IACnB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAED,eAAO,MAAM,MAAM,2GAgGlB,CAAA"}
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/atoms/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,oBAAoB,EACzB,KAAK,SAAS,EAGf,MAAM,OAAO,CAAA;AAGd,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;AAE3C,MAAM,WAAW,WAAY,SAAQ,oBAAoB,CAAC,iBAAiB,CAAC;IAC1E,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,OAAO,GAAG,OAAO,CAAA;IACrD,qEAAqE;IACrE,IAAI,CAAC,EAAE,UAAU,GAAG;QAAE,IAAI,CAAC,EAAE,UAAU,CAAC;QAAC,EAAE,CAAC,EAAE,UAAU,CAAC;QAAC,EAAE,CAAC,EAAE,UAAU,CAAA;KAAE,CAAA;IAC3E,QAAQ,EAAE,SAAS,CAAA;IACnB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,uEAAuE;IACvE,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB;AAED,eAAO,MAAM,MAAM,2GA6HlB,CAAA"}

package/dist/atoms/Button/index.d.ts

@@ -1,3 +1,3 @@
 export { Button } from './Button';
-export type { ButtonProps } from './Button';
+export type { ButtonProps, ButtonSize } from './Button';
 //# sourceMappingURL=index.d.ts.map

package/dist/atoms/Button/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atoms/Button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AACjC,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atoms/Button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AACjC,YAAY,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA"}

package/dist/atoms/Shape/Shape.d.ts

@@ -1,11 +1,35 @@
 import { PatternType } from './patterns';
 export type ShapeType = 'circle' | 'square' | 'triangle' | 'diamond' | 'hexagon' | 'semicircle' | 'arc' | 'pill' | 'star';
+export type ResponsiveSize = {
+    base?: number | {
+        width: number;
+        height: number;
+    };
+    sm?: number | {
+        width: number;
+        height: number;
+    };
+    md?: number | {
+        width: number;
+        height: number;
+    };
+    lg?: number | {
+        width: number;
+        height: number;
+    };
+};
 export interface ShapeProps {
     type: ShapeType;
+    /**
+     * Size of the shape. Can be:
+     * - A number (same width/height)
+     * - An object { width, height }
+     * - A responsive object { base, sm, md, lg }
+     */
     size?: number | {
         width: number;
         height: number;
-    };
+    } | ResponsiveSize;
     color?: string;
     pattern?: PatternType;
     patternColors?: string[];
@@ -15,6 +39,8 @@ export interface ShapeProps {
     opacity?: number;
     className?: string;
     style?: React.CSSProperties;
+    /** Disable animations when user prefers reduced motion (handled via CSS) */
+    'aria-hidden'?: boolean;
 }
-export declare function Shape({ type, size, color, pattern, patternColors, patternScale, patternAngle, rotation, opacity, className, style, }: ShapeProps): import("react/jsx-runtime").JSX.Element;
+export declare function Shape({ type, size, color, pattern, patternColors, patternScale, patternAngle, rotation, opacity, className, style, 'aria-hidden': ariaHidden, }: ShapeProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=Shape.d.ts.map

package/dist/atoms/Shape/Shape.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Shape.d.ts","sourceRoot":"","sources":["../../../src/atoms/Shape/Shape.tsx"],"names":[],"mappings":"AACA,OAAO,EAAmB,WAAW,EAAE,MAAM,YAAY,CAAA;AAEzD,MAAM,MAAM,SAAS,GACjB,QAAQ,GACR,QAAQ,GACR,UAAU,GACV,SAAS,GACT,SAAS,GACT,YAAY,GACZ,KAAK,GACL,MAAM,GACN,MAAM,CAAA;AAEV,MAAM,WAAW,UAAU;IACzB,IAAI,EAAE,SAAS,CAAA;IACf,IAAI,CAAC,EAAE,MAAM,GAAG;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,CAAA;IACjD,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,CAAC,EAAE,WAAW,CAAA;IACrB,aAAa,CAAC,EAAE,MAAM,EAAE,CAAA;IACxB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;CAC5B;AA2BD,wBAAgB,KAAK,CAAC,EACpB,IAAI,EACJ,IAAS,EACT,KAAsB,EACtB,OAAiB,EACjB,aAAa,EACb,YAAgB,EAChB,YAAiB,EACjB,QAAY,EACZ,OAAW,EACX,SAAS,EACT,KAAK,GACN,EAAE,UAAU,2CA2DZ"}
+{"version":3,"file":"Shape.d.ts","sourceRoot":"","sources":["../../../src/atoms/Shape/Shape.tsx"],"names":[],"mappings":"AACA,OAAO,EAAmB,WAAW,EAAE,MAAM,YAAY,CAAA;AAEzD,MAAM,MAAM,SAAS,GACjB,QAAQ,GACR,QAAQ,GACR,UAAU,GACV,SAAS,GACT,SAAS,GACT,YAAY,GACZ,KAAK,GACL,MAAM,GACN,MAAM,CAAA;AAEV,MAAM,MAAM,cAAc,GAAG;IAC3B,IAAI,CAAC,EAAE,MAAM,GAAG;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,CAAA;IACjD,EAAE,CAAC,EAAE,MAAM,GAAG;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,CAAA;IAC/C,EAAE,CAAC,EAAE,MAAM,GAAG;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,CAAA;IAC/C,EAAE,CAAC,EAAE,MAAM,GAAG;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,CAAA;CAChD,CAAA;AAED,MAAM,WAAW,UAAU;IACzB,IAAI,EAAE,SAAS,CAAA;IACf;;;;;OAKG;IACH,IAAI,CAAC,EAAE,MAAM,GAAG;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,GAAG,cAAc,CAAA;IAClE,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,CAAC,EAAE,WAAW,CAAA;IACrB,aAAa,CAAC,EAAE,MAAM,EAAE,CAAA;IACxB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;IAC3B,4EAA4E;IAC5E,aAAa,CAAC,EAAE,OAAO,CAAA;CACxB;AAoCD,wBAAgB,KAAK,CAAC,EACpB,IAAI,EACJ,IAAS,EACT,KAAsB,EACtB,OAAiB,EACjB,aAAa,EACb,YAAgB,EAChB,YAAiB,EACjB,QAAY,EACZ,OAAW,EACX,SAAS,EACT,KAAK,EACL,aAAa,EAAE,UAAiB,GACjC,EAAE,UAAU,2CA0FZ"}

package/dist/atoms/Shape/index.d.ts

@@ -1,4 +1,4 @@
 export { Shape } from './Shape';
-export type { ShapeProps, ShapeType } from './Shape';
+export type { ShapeProps, ShapeType, ResponsiveSize } from './Shape';
 export type { PatternType, PatternConfig } from './patterns';
 //# sourceMappingURL=index.d.ts.map

package/dist/atoms/Shape/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atoms/Shape/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAC/B,YAAY,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AACpD,YAAY,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,YAAY,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atoms/Shape/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAC/B,YAAY,EAAE,UAAU,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AACpE,YAAY,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,YAAY,CAAA"}

package/dist/hooks/index.d.ts

@@ -2,8 +2,9 @@ export { useTheme } from './useTheme';
 export type { Theme, UseThemeOptions, UseThemeReturn } from './useTheme';
 export { useKeyboardShortcuts, getModifierKey, formatShortcut, } from './useKeyboardShortcuts';
 export type { KeyboardShortcut, UseKeyboardShortcutsOptions } from './useKeyboardShortcuts';
-export { useReducedMotion } from './useReducedMotion';
-export { useMediaQuery, useIsMobile, useIsTablet, useIsDesktop, } from './useMediaQuery';
+export { useReducedMotion, useMotionConfig, usePrefersHighContrast } from './useReducedMotion';
+export { useMediaQuery, useIsMobile, useIsTablet, useIsDesktop, useIsLargeDesktop, useBreakpoint, useIsTouchDevice, useIsPortrait, useIsLandscape, BREAKPOINTS, } from './useMediaQuery';
+export type { Breakpoint } from './useMediaQuery';
 export { useCountUp } from './useCountUp';
 export type { UseCountUpOptions, UseCountUpReturn } from './useCountUp';
 export { useScrollReveal } from './useScrollReveal';

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,YAAY,EAAE,KAAK,EAAE,eAAe,EAAE,cAAc,EAAE,MAAM,YAAY,CAAA;AAExE,OAAO,EACL,oBAAoB,EACpB,cAAc,EACd,cAAc,GACf,MAAM,wBAAwB,CAAA;AAC/B,YAAY,EAAE,gBAAgB,EAAE,2BAA2B,EAAE,MAAM,wBAAwB,CAAA;AAE3F,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAA;AAErD,OAAO,EACL,aAAa,EACb,WAAW,EACX,WAAW,EACX,YAAY,GACb,MAAM,iBAAiB,CAAA;AAGxB,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,YAAY,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAA;AAEvE,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AACnD,YAAY,EAAE,sBAAsB,EAAE,MAAM,mBAAmB,CAAA;AAE/D,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AACjD,YAAY,EAAE,qBAAqB,EAAE,MAAM,kBAAkB,CAAA;AAE7D,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AACvD,YAAY,EAAE,wBAAwB,EAAE,MAAM,qBAAqB,CAAA;AAEnE,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC/C,YAAY,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAA;AAE3D,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AACjD,YAAY,EAAE,qBAAqB,EAAE,MAAM,kBAAkB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,YAAY,EAAE,KAAK,EAAE,eAAe,EAAE,cAAc,EAAE,MAAM,YAAY,CAAA;AAExE,OAAO,EACL,oBAAoB,EACpB,cAAc,EACd,cAAc,GACf,MAAM,wBAAwB,CAAA;AAC/B,YAAY,EAAE,gBAAgB,EAAE,2BAA2B,EAAE,MAAM,wBAAwB,CAAA;AAE3F,OAAO,EAAE,gBAAgB,EAAE,eAAe,EAAE,sBAAsB,EAAE,MAAM,oBAAoB,CAAA;AAE9F,OAAO,EACL,aAAa,EACb,WAAW,EACX,WAAW,EACX,YAAY,EACZ,iBAAiB,EACjB,aAAa,EACb,gBAAgB,EAChB,aAAa,EACb,cAAc,EACd,WAAW,GACZ,MAAM,iBAAiB,CAAA;AACxB,YAAY,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAA;AAGjD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,YAAY,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAA;AAEvE,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AACnD,YAAY,EAAE,sBAAsB,EAAE,MAAM,mBAAmB,CAAA;AAE/D,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AACjD,YAAY,EAAE,qBAAqB,EAAE,MAAM,kBAAkB,CAAA;AAE7D,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AACvD,YAAY,EAAE,wBAAwB,EAAE,MAAM,qBAAqB,CAAA;AAEnE,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC/C,YAAY,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAA;AAE3D,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AACjD,YAAY,EAAE,qBAAqB,EAAE,MAAM,kBAAkB,CAAA"}

package/dist/hooks/useMediaQuery.d.ts

@@ -1,5 +1,57 @@
-export declare function useMediaQuery(query: string): boolean;
+/**
+ * Standard breakpoints matching Tailwind CSS defaults
+ * sm: 640px, md: 768px, lg: 1024px, xl: 1280px, 2xl: 1536px
+ */
+export declare const BREAKPOINTS: {
+    readonly sm: 640;
+    readonly md: 768;
+    readonly lg: 1024;
+    readonly xl: 1280;
+    readonly '2xl': 1536;
+};
+export type Breakpoint = keyof typeof BREAKPOINTS;
+/**
+ * Hook for responsive media queries with SSR safety
+ * Returns false during SSR to prevent hydration mismatches
+ *
+ * @param query - CSS media query string
+ * @param defaultValue - Initial value for SSR (defaults to false)
+ * @returns boolean indicating if the query matches
+ */
+export declare function useMediaQuery(query: string, defaultValue?: boolean): boolean;
+/**
+ * Returns true when viewport is mobile width (< 768px)
+ * Mobile-first default: returns true initially for SSR
+ */
 export declare function useIsMobile(): boolean;
+/**
+ * Returns true when viewport is tablet width (768px - 1023px)
+ */
 export declare function useIsTablet(): boolean;
+/**
+ * Returns true when viewport is desktop width (>= 1024px)
+ */
 export declare function useIsDesktop(): boolean;
+/**
+ * Returns true when viewport is large desktop width (>= 1280px)
+ */
+export declare function useIsLargeDesktop(): boolean;
+/**
+ * Returns the current breakpoint name
+ * Useful for conditional rendering based on screen size
+ */
+export declare function useBreakpoint(): Breakpoint | 'xs';
+/**
+ * Returns true when user prefers touch interaction
+ * Useful for adapting UI interactions
+ */
+export declare function useIsTouchDevice(): boolean;
+/**
+ * Returns true when viewport is in portrait orientation
+ */
+export declare function useIsPortrait(): boolean;
+/**
+ * Returns true when viewport is in landscape orientation
+ */
+export declare function useIsLandscape(): boolean;
 //# sourceMappingURL=useMediaQuery.d.ts.map

package/dist/hooks/useMediaQuery.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useMediaQuery.d.ts","sourceRoot":"","sources":["../../src/hooks/useMediaQuery.ts"],"names":[],"mappings":"AAEA,wBAAgB,aAAa,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,CAiBpD;AAGD,wBAAgB,WAAW,IAAI,OAAO,CAErC;AAED,wBAAgB,WAAW,IAAI,OAAO,CAErC;AAED,wBAAgB,YAAY,IAAI,OAAO,CAEtC"}
+{"version":3,"file":"useMediaQuery.d.ts","sourceRoot":"","sources":["../../src/hooks/useMediaQuery.ts"],"names":[],"mappings":"AAEA;;;GAGG;AACH,eAAO,MAAM,WAAW;;;;;;CAMd,CAAA;AAEV,MAAM,MAAM,UAAU,GAAG,MAAM,OAAO,WAAW,CAAA;AAEjD;;;;;;;GAOG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,MAAM,EAAE,YAAY,UAAQ,GAAG,OAAO,CA8B1E;AAED;;;GAGG;AACH,wBAAgB,WAAW,IAAI,OAAO,CAErC;AAED;;GAEG;AACH,wBAAgB,WAAW,IAAI,OAAO,CAErC;AAED;;GAEG;AACH,wBAAgB,YAAY,IAAI,OAAO,CAEtC;AAED;;GAEG;AACH,wBAAgB,iBAAiB,IAAI,OAAO,CAE3C;AAED;;;GAGG;AACH,wBAAgB,aAAa,IAAI,UAAU,GAAG,IAAI,CAejD;AAED;;;GAGG;AACH,wBAAgB,gBAAgB,IAAI,OAAO,CAE1C;AAED;;GAEG;AACH,wBAAgB,aAAa,IAAI,OAAO,CAEvC;AAED;;GAEG;AACH,wBAAgB,cAAc,IAAI,OAAO,CAExC"}

package/dist/hooks/useReducedMotion.d.ts

@@ -1,2 +1,43 @@
+/**
+ * Hook to detect user's motion preference with SSR safety
+ * Returns true if user prefers reduced motion
+ *
+ * Note: For animations, consider using this to:
+ * - Disable or reduce animation duration
+ * - Use fade instead of transform animations
+ * - Skip parallax and auto-playing animations
+ */
 export declare function useReducedMotion(): boolean;
+/**
+ * Returns animation configuration based on reduced motion preference
+ * Provides sensible defaults that can be spread into animation props
+ */
+export declare function useMotionConfig(): {
+    /** Whether reduced motion is preferred */
+    isReduced: boolean;
+    /** Suggested animation duration in ms */
+    duration: number;
+    /** Suggested animation duration as CSS value */
+    durationCss: string;
+    /** Suggested easing function */
+    easing: string;
+    /** Whether to disable transform animations */
+    disableTransform: boolean;
+    /** Whether to disable parallax effects */
+    disableParallax: boolean;
+    /** Whether to disable auto-playing animations */
+    disableAutoPlay: boolean;
+    /** Suggested transition config for Framer Motion / GSAP */
+    transition: {
+        duration: number;
+        ease?: undefined;
+    } | {
+        duration: number;
+        ease: number[];
+    };
+};
+/**
+ * Returns true if user prefers high contrast
+ */
+export declare function usePrefersHighContrast(): boolean;
 //# sourceMappingURL=useReducedMotion.d.ts.map

package/dist/hooks/useReducedMotion.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useReducedMotion.d.ts","sourceRoot":"","sources":["../../src/hooks/useReducedMotion.ts"],"names":[],"mappings":"AAEA,wBAAgB,gBAAgB,IAAI,OAAO,CAiB1C"}
+{"version":3,"file":"useReducedMotion.d.ts","sourceRoot":"","sources":["../../src/hooks/useReducedMotion.ts"],"names":[],"mappings":"AAEA;;;;;;;;GAQG;AACH,wBAAgB,gBAAgB,IAAI,OAAO,CA8B1C;AAED;;;GAGG;AACH,wBAAgB,eAAe;IAKzB,0CAA0C;;IAG1C,yCAAyC;;IAGzC,gDAAgD;;IAGhD,gCAAgC;;IAGhC,8CAA8C;;IAG9C,0CAA0C;;IAG1C,iDAAiD;;IAGjD,2DAA2D;;;;;;;;EAOhE;AAED;;GAEG;AACH,wBAAgB,sBAAsB,IAAI,OAAO,CA2BhD"}

package/dist/index.d.ts

@@ -1,7 +1,7 @@
 export * from './tokens';
 export { cn } from './utils/cn';
 export { Button } from './atoms/Button';
-export type { ButtonProps } from './atoms/Button';
+export type { ButtonProps, ButtonSize } from './atoms/Button';
 export { Badge } from './atoms/Badge';
 export type { BadgeProps } from './atoms/Badge';
 export { Input } from './atoms/Input';
@@ -21,7 +21,7 @@ export type { CodeBlockProps } from './atoms/CodeBlock';
 export { Skeleton, CardSkeleton } from './atoms/Skeleton';
 export type { SkeletonProps, CardSkeletonProps } from './atoms/Skeleton';
 export { Shape } from './atoms/Shape';
-export type { ShapeProps, ShapeType, PatternType } from './atoms/Shape';
+export type { ShapeProps, ShapeType, PatternType, ResponsiveSize } from './atoms/Shape';
 export { Character } from './atoms/Character';
 export type { CharacterProps, Expression, Accessory } from './atoms/Character';
 export { SpeechBubble } from './atoms/SpeechBubble';
@@ -54,8 +54,9 @@ export { useTheme } from './hooks/useTheme';
 export type { Theme, UseThemeOptions, UseThemeReturn } from './hooks/useTheme';
 export { useKeyboardShortcuts, getModifierKey, formatShortcut, } from './hooks/useKeyboardShortcuts';
 export type { KeyboardShortcut, UseKeyboardShortcutsOptions } from './hooks/useKeyboardShortcuts';
-export { useReducedMotion } from './hooks/useReducedMotion';
-export { useMediaQuery, useIsMobile, useIsTablet, useIsDesktop, } from './hooks/useMediaQuery';
+export { useReducedMotion, useMotionConfig, usePrefersHighContrast } from './hooks/useReducedMotion';
+export { useMediaQuery, useIsMobile, useIsTablet, useIsDesktop, useIsLargeDesktop, useBreakpoint, useIsTouchDevice, useIsPortrait, useIsLandscape, BREAKPOINTS, } from './hooks/useMediaQuery';
+export type { Breakpoint } from './hooks/useMediaQuery';
 export { useCountUp } from './hooks/useCountUp';
 export type { UseCountUpOptions, UseCountUpReturn } from './hooks/useCountUp';
 export { useScrollReveal } from './hooks/useScrollReveal';

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,cAAc,UAAU,CAAA;AAGxB,OAAO,EAAE,EAAE,EAAE,MAAM,YAAY,CAAA;AAG/B,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAA;AACvC,YAAY,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAEjD,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAA;AACrC,YAAY,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAE/C,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAA;AACrC,YAAY,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAE/C,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AACnC,YAAY,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAA;AAEvD,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAA;AACnD,YAAY,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAA;AAE7D,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAA;AACzD,YAAY,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAA;AAEnE,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAA;AACrD,YAAY,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAA;AAE/D,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAA;AACnD,YAAY,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAA;AAE7D,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAA;AAC7C,YAAY,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAA;AAEvD,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAA;AACzD,YAAY,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAA;AAExE,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAA;AACrC,YAAY,EAAE,UAAU,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAEvE,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAA;AAC7C,YAAY,EAAE,cAAc,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAA;AAE9E,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAA;AACnD,YAAY,EAAE,iBAAiB,EAAE,eAAe,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAA;AAGzG,OAAO,EACL,IAAI,EACJ,UAAU,EACV,SAAS,EACT,eAAe,EACf,WAAW,EACX,UAAU,GACX,MAAM,kBAAkB,CAAA;AACzB,YAAY,EACV,SAAS,EACT,eAAe,EACf,cAAc,EACd,oBAAoB,EACpB,gBAAgB,EAChB,eAAe,GAChB,MAAM,kBAAkB,CAAA;AAEzB,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAA;AAC7C,YAAY,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAA;AAEvD,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAA;AACnD,YAAY,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAA;AAE7D,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAA;AACrD,YAAY,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAA;AAE/D,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAA;AACvD,YAAY,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAA;AAEjE,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAA;AACxE,YAAY,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAA;AAEvF,OAAO,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAA;AAC3D,YAAY,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAA;AACrE,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAA;AACpD,YAAY,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAA;AAG7E,OAAO,EAAE,GAAG,EAAE,MAAM,iBAAiB,CAAA;AACrC,YAAY,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAA;AAExD,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAA;AAC3C,YAAY,EAAE,WAAW,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAA;AAEhF,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAA;AACvC,YAAY,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAA;AAE1D,OAAO,EAAE,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAA;AAC5D,YAAY,EAAE,YAAY,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAA;AAG3E,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAC3C,YAAY,EAAE,KAAK,EAAE,eAAe,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AAE9E,OAAO,EACL,oBAAoB,EACpB,cAAc,EACd,cAAc,GACf,MAAM,8BAA8B,CAAA;AACrC,YAAY,EAAE,gBAAgB,EAAE,2BAA2B,EAAE,MAAM,8BAA8B,CAAA;AAEjG,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAA;AAE3D,OAAO,EACL,aAAa,EACb,WAAW,EACX,WAAW,EACX,YAAY,GACb,MAAM,uBAAuB,CAAA;AAE9B,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAA;AAC/C,YAAY,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAA;AAE7E,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAA;AACzD,YAAY,EAAE,sBAAsB,EAAE,MAAM,yBAAyB,CAAA;AAErE,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAA;AACvD,YAAY,EAAE,qBAAqB,EAAE,MAAM,wBAAwB,CAAA;AAEnE,OAAO,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAA;AAC7D,YAAY,EAAE,wBAAwB,EAAE,MAAM,2BAA2B,CAAA;AAEzE,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAA;AACrD,YAAY,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAA;AAEjE,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAA;AACvD,YAAY,EAAE,qBAAqB,EAAE,MAAM,wBAAwB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}