paris 0.23.1 → 0.24.0

package/src/styles/Home.module.css

@@ -1,268 +0,0 @@
-.main {
-    display: flex;
-    flex-direction: column;
-    justify-content: space-between;
-    align-items: center;
-    padding: 6rem;
-    min-height: 100dvh;
-}
-
-.description {
-    display: inherit;
-    justify-content: inherit;
-    align-items: inherit;
-    font-size: 0.85rem;
-    max-width: var(--max-width);
-    width: 100%;
-    z-index: 2;
-    font-family: var(--font-mono);
-}
-
-.description a {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    gap: 0.5rem;
-}
-
-.description p {
-    position: relative;
-    margin: 0;
-    padding: 1rem;
-    background-color: rgba(var(--callout-rgb), 0.5);
-    border: 1px solid rgba(var(--callout-border-rgb), 0.3);
-    border-radius: var(--border-radius);
-}
-
-.code {
-    font-weight: 700;
-    font-family: var(--font-mono);
-}
-
-.grid {
-    display: grid;
-    grid-template-columns: repeat(4, minmax(25%, auto));
-    width: var(--max-width);
-    max-width: 100%;
-}
-
-.card {
-    padding: 1rem 1.2rem;
-    border-radius: var(--border-radius);
-    background: rgba(var(--card-rgb), 0);
-    border: 1px solid rgba(var(--card-border-rgb), 0);
-    transition:
-        background 200ms,
-        border 200ms;
-}
-
-.card span {
-    display: inline-block;
-    transition: transform 200ms;
-}
-
-.card h2 {
-    font-weight: 600;
-    margin-bottom: 0.7rem;
-}
-
-.card p {
-    margin: 0;
-    opacity: 0.6;
-    font-size: 0.9rem;
-    line-height: 1.5;
-    max-width: 30ch;
-}
-
-.center {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    position: relative;
-    padding: 4rem 0;
-}
-
-.center::before {
-    background: var(--secondary-glow);
-    border-radius: 50%;
-    width: 480px;
-    height: 360px;
-    margin-left: -400px;
-}
-
-.center::after {
-    background: var(--primary-glow);
-    width: 240px;
-    height: 180px;
-    z-index: -1;
-}
-
-.center::before,
-.center::after {
-    content: '';
-    left: 50%;
-    position: absolute;
-    filter: blur(45px);
-    transform: translateZ(0);
-}
-
-.logo,
-.thirteen {
-    position: relative;
-}
-
-.thirteen {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    width: 75px;
-    height: 75px;
-    padding: 25px 10px;
-    margin-left: 16px;
-    transform: translateZ(0);
-    border-radius: var(--border-radius);
-    overflow: hidden;
-    box-shadow: 0px 2px 8px -1px #0000001a;
-}
-
-.thirteen::before,
-.thirteen::after {
-    content: '';
-    position: absolute;
-    z-index: -1;
-}
-
-/* Conic Gradient Animation */
-.thirteen::before {
-    animation: 6s rotate linear infinite;
-    width: 200%;
-    height: 200%;
-    background: var(--tile-border);
-}
-
-/* Inner Square */
-.thirteen::after {
-    inset: 0;
-    padding: 1px;
-    border-radius: var(--border-radius);
-    background: linear-gradient(to bottom right, rgba(var(--tile-start-rgb), 1), rgba(var(--tile-end-rgb), 1));
-    background-clip: content-box;
-}
-
-/* Enable hover only on non-touch devices */
-@media (hover: hover) and (pointer: fine) {
-    .card:hover {
-        background: rgba(var(--card-rgb), 0.1);
-        border: 1px solid rgba(var(--card-border-rgb), 0.15);
-    }
-
-    .card:hover span {
-        transform: translateX(4px);
-    }
-}
-
-@media (prefers-reduced-motion) {
-    .thirteen::before {
-        animation: none;
-    }
-
-    .card:hover span {
-        transform: none;
-    }
-}
-
-/* Mobile */
-@media (max-width: 700px) {
-    .content {
-        padding: 4rem;
-    }
-
-    .grid {
-        grid-template-columns: 1fr;
-        margin-bottom: 120px;
-        max-width: 320px;
-        text-align: center;
-    }
-
-    .card {
-        padding: 1rem 2.5rem;
-    }
-
-    .card h2 {
-        margin-bottom: 0.5rem;
-    }
-
-    .center {
-        padding: 8rem 0 6rem;
-    }
-
-    .center::before {
-        transform: none;
-        height: 300px;
-    }
-
-    .description {
-        font-size: 0.8rem;
-    }
-
-    .description a {
-        padding: 1rem;
-    }
-
-    .description p,
-    .description div {
-        display: flex;
-        justify-content: center;
-        position: fixed;
-        width: 100%;
-    }
-
-    .description p {
-        align-items: center;
-        inset: 0 0 auto;
-        padding: 2rem 1rem 1.4rem;
-        border-radius: 0;
-        border: none;
-        border-bottom: 1px solid rgba(var(--callout-border-rgb), 0.25);
-        background: linear-gradient(to bottom, rgba(var(--background-start-rgb), 1), rgba(var(--callout-rgb), 0.5));
-        background-clip: padding-box;
-        backdrop-filter: blur(24px);
-    }
-
-    .description div {
-        align-items: flex-end;
-        pointer-events: none;
-        inset: auto 0 0;
-        padding: 2rem;
-        height: 200px;
-        background: linear-gradient(to bottom, transparent 0%, rgb(var(--background-end-rgb)) 40%);
-        z-index: 1;
-    }
-}
-
-/* Tablet and Smaller Desktop */
-@media (min-width: 701px) and (max-width: 1120px) {
-    .grid {
-        grid-template-columns: repeat(2, 50%);
-    }
-}
-
-@media (prefers-color-scheme: dark) {
-    .vercelLogo {
-        filter: invert(1);
-    }
-
-    .logo,
-    .thirteen img {
-        filter: invert(1) drop-shadow(0 0 0.3rem #ffffff70);
-    }
-}
-
-@keyframes rotate {
-    from {
-        transform: rotate(360deg);
-    }
-    to {
-        transform: rotate(0deg);
-    }
-}

package/src/styles/globals.css

@@ -1,3 +0,0 @@
-html {
-    font-family: var(--pte-typography-fontFamily);
-}

package/src/test/render.tsx

@@ -1,20 +0,0 @@
-import { type RenderOptions, render as rtlRender } from '@testing-library/react';
-import userEvent from '@testing-library/user-event';
-import type { ReactElement } from 'react';
-
-export function render(ui: ReactElement, options?: RenderOptions) {
-    return {
-        user: userEvent.setup(),
-        ...rtlRender(ui, options),
-    };
-}
-
-export { act, screen, waitFor, within } from '@testing-library/react';
-
-/**
- * Queries the close button rendered by the Paris Button component with shape="circle".
- * Circle-shaped buttons render children as `aria-details` instead of visible text.
- */
-export function getCloseButton(label = 'Close dialog') {
-    return document.querySelector(`[aria-details="${label}"]`);
-}

package/src/test/setup.ts

@@ -1,32 +0,0 @@
-import '@testing-library/jest-dom/vitest';
-
-// Mock ResizeObserver (used by Tilt component)
-class ResizeObserverMock {
-    observe() {}
-    unobserve() {}
-    disconnect() {}
-}
-globalThis.ResizeObserver = ResizeObserverMock as any;
-
-// Mock matchMedia (used by @headlessui/react)
-Object.defineProperty(window, 'matchMedia', {
-    writable: true,
-    value: vi.fn().mockImplementation((query: string) => ({
-        matches: false,
-        media: query,
-        onchange: null,
-        addListener: vi.fn(),
-        removeListener: vi.fn(),
-        addEventListener: vi.fn(),
-        removeEventListener: vi.fn(),
-        dispatchEvent: vi.fn(),
-    })),
-});
-
-// Mock IntersectionObserver
-class IntersectionObserverMock {
-    observe() {}
-    unobserve() {}
-    disconnect() {}
-}
-globalThis.IntersectionObserver = IntersectionObserverMock as any;

package/src/types/Enhancer.ts

@@ -1,3 +0,0 @@
-import type { ReactNode } from 'react';
-
-export type Enhancer = ReactNode | (({ size }: { size: number }) => ReactNode);