paris 0.23.0 → 0.24.0

package/CHANGELOG.md

@@ -1,5 +1,27 @@
 # paris
 
+## 0.24.0
+
+### Minor Changes
+
+- 4d0ca1c: Compile components to ESM instead of shipping unbundled `.tsx`
+
+  Paris now ships precompiled ESM in `dist/` (built with Vite) — each component's CSS is extracted and auto-imported on use, `'use client'` directives are preserved per file for React Server Components, and per-file `.d.ts` types are emitted. Verified against Next.js App Router (RSC) and Vite React.
+
+  **Breaking for consumers** (minor while pre-1.0):
+
+  - Remove `transpilePackages: ['paris']` from `next.config.js` — no longer needed.
+  - Remove the `sass` dependency — styles are precompiled, and `sass` is no longer a peer dependency.
+  - Change `import 'paris/theme/global.scss'` → `import 'paris/theme/global.css'`.
+
+  Component import paths (`paris/button`, `paris/text`, etc.) are unchanged.
+
+## 0.23.1
+
+### Patch Changes
+
+- 6eafadf: Drawer: animate on first open when mounted already-open. Added `appear` to the Drawer's headlessui `Transition` so a conditionally-rendered Drawer whose first render is `show={true}` animates in instead of snapping open. Always-mounted Drawers are unaffected (they mount with `show={false}`, for which `appear` is a no-op).
+
 ## 0.23.0
 
 ### Minor Changes

package/README.md

@@ -2,12 +2,24 @@
 
 Paris is Slingshot's React design system, meant to work universally across server and client components. It's a collection of reusable components, design tokens, and guidelines for building consistent, accessible, and performant user interfaces.
 
-Currently, Paris is provided as a set of *unbundled* `.tsx` components styled with SCSS modules. This means that you can import only the components you need, and you can use your own bundler to optimize your bundle size. As a result, Paris works best with frameworks like Next.js that have built-in support for TypeScript and SCSS modules.
+Paris ships as **precompiled ESM** with extracted CSS and TypeScript declarations. Each component is a separate entry point, so you import only what you need and tree-shaking keeps your bundle small. Because it's prebuilt, Paris works out of the box in any modern React setup — Next.js (including the App Router and Server Components) and Vite React — with no special bundler configuration and no Sass toolchain required.
 
 Paris 1.x styling is heavily inspired by Uber's [Base Web](https://baseweb.design), which we previously used in our production apps. We built Paris to move away from Styletron and CSS-in-JS, since we're now largely working with React 19, RSC, and the Next.js `app` directory.
 
 <br />
 
+## Upgrading from a pre-0.24 version?
+
+As of **v0.24**, Paris ships precompiled — so you can **remove** `transpilePackages: ['paris']` and the `sass` dependency, and switch your global-styles import to `paris/theme/global.css`. Component import paths are unchanged.
+
+The easiest way to upgrade is to **hand it to your coding agent**. Copy the prompt below into Claude Code, Cursor, or any agent working in your repo:
+
+> Upgrade this project's `paris` dependency to the latest v0.24+. Follow the official migration guide at https://paris.slingshot.fm/migrate-0.24.md carefully and step by step — fetch and read the whole guide first, make only the changes it describes, and run the project's build/typecheck at the end to confirm everything passes. Report exactly what you changed.
+
+Prefer to do it by hand? The same guide is here: **[Migration guide → v0.24](https://paris.slingshot.fm/migrate-0.24.md)**.
+
+<br />
+
 ## Getting started
 
 First, install Paris in your project:
@@ -30,23 +42,11 @@ Make sure your `tsconfig` module resolution is set to `nodenext`, `node16`, or `
 }
 ```
 
-You'll need to tell your bundler to transpile files from Paris. This is easy in Next.js 13.1+ with the `transpilePackages` option in `next.config.js`:
-
-```js
-// next.config.js
-module.exports = {
-    // ...
-    transpilePackages: ['paris'],
-};
-```
-
-For older versions of Next.js, you can use a plugin like [next-transpile-modules](https://www.npmjs.com/package/next-transpile-modules). Instructions for other bundlers are coming soon.
-
-You'll need to configure your bundler to support Sass/SCSS and SCSS modules. In Next.js, support for SCSS modules is built-in and can be enabled by simply installing `sass` as a dependency.
+That's all the bundler setup required. Because Paris is prebuilt, there's **no `transpilePackages` to add and no `sass` dependency to install** — the component CSS is already extracted and auto-imported alongside each component. (If you're upgrading from an older Paris that required these, you can now remove them.)
 
 Paris uses `pte` (our theming engine) for powering theming and initial styles through CSS variables. You can use `generateCSS` or `generateThemeInjection` from `paris/theme` to generate the CSS variables and inject them into your app through either a `style` or `script` tag in your document head respectively. Either method supports SSR and server components, since the initial theme is static.
 
-Additionally, you need to import the static global styles from `paris/theme/global.scss`.
+Additionally, you need to import the precompiled static global styles from `paris/theme/global.css`.
 
 Paris also relies on CSS Container Queries for responsive changes on certain elements, like the Tabs component when `kind = auto`. Adding the Google polyfill for Container Queries is recommended to ensure legacy browser support:
 
@@ -62,7 +62,7 @@ For example, with the Next.js 13 app directory, you can do all of this in your r
 import { generateCSS, generateThemeInjection, theme } from 'paris/theme';
 
 // Import Paris's static global styling
-import 'paris/theme/global.scss';
+import 'paris/theme/global.css';
 
 export default function RootLayout({
     children,
@@ -107,4 +107,4 @@ const App = () => (
 );
 ```
 
-This should work out of the box with Next.js, since it has built-in support for TypeScript and SCSS modules. If you're using another framework or bundler, you may need to configure it for generic SCSS support.
+This works out of the box with Next.js (App Router and Server Components) and Vite React — components ship as compiled ESM with their styles already bundled, so no extra bundler or Sass configuration is needed.

package/dist/helpers/OpenChangeEffect.d.ts

@@ -0,0 +1,11 @@
+/**
+ * A renderless component that fires a callback when an `open` boolean changes.
+ * Designed to sit inside a Headless UI render-prop child to bridge
+ * the library's internal open state to a consumer-facing `onOpenChange` callback.
+ *
+ * Does not fire on the initial mount — only on subsequent changes.
+ */
+export declare function OpenChangeEffect({ open, onOpenChange }: {
+    open: boolean;
+    onOpenChange?: (open: boolean) => void;
+}): null;

package/dist/helpers/OpenChangeEffect.js

@@ -0,0 +1,16 @@
+'use client';
+import { useRef, useEffect } from 'react';
+
+function OpenChangeEffect({ open, onOpenChange }) {
+  const previousOpen = useRef(open);
+  useEffect(() => {
+    if (previousOpen.current !== open) {
+      previousOpen.current = open;
+      onOpenChange?.(open);
+    }
+  }, [open, onOpenChange]);
+  return null;
+}
+
+export { OpenChangeEffect };
+//# sourceMappingURL=OpenChangeEffect.js.map

package/dist/helpers/OpenChangeEffect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OpenChangeEffect.js","sources":["../../src/helpers/OpenChangeEffect.tsx"],"sourcesContent":["'use client';\n\nimport { useEffect, useRef } from 'react';\n\n/**\n * A renderless component that fires a callback when an `open` boolean changes.\n * Designed to sit inside a Headless UI render-prop child to bridge\n * the library's internal open state to a consumer-facing `onOpenChange` callback.\n *\n * Does not fire on the initial mount — only on subsequent changes.\n */\nexport function OpenChangeEffect({ open, onOpenChange }: { open: boolean; onOpenChange?: (open: boolean) => void }) {\n    const previousOpen = useRef(open);\n\n    useEffect(() => {\n        if (previousOpen.current !== open) {\n            previousOpen.current = open;\n            onOpenChange?.(open);\n        }\n    }, [open, onOpenChange]);\n\n    return null;\n}\n"],"names":[],"mappings":";;;AAWO,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAS,gBAAA,CAAiB,CAAA,CAAE,IAAA,CAAA,CAAM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,EAAa,CAAA,CAA8D;AAChH,CAAA,CAAA,MAAM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAe,CAAA,CAAA,CAAA,CAAA,CAAA,EAAO,IAAI,CAAA;AAEhC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAU,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM;AACZ,CAAA,CAAA,CAAA,CAAA,IAAI,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAa,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,MAAY,IAAA,CAAA,CAAM;AAC/B,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAa,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAU,CAAA,CAAA,CAAA,CAAA;AACvB,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAe,CAAA,CAAA,CAAA,CAAI,CAAA;AAAA,CAAA,CAAA,CAAA,CACvB;AAAA,CAAA,CACJ,CAAA,CAAA,CAAG,CAAC,IAAA,CAAA,CAAM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAY,CAAC,CAAA;AAEvB,CAAA,CAAA,OAAO,CAAA,CAAA,CAAA,CAAA;AACX;;"}

package/dist/helpers/renderEnhancer.d.ts

@@ -0,0 +1,7 @@
+import { ReactNode } from 'react';
+import { Enhancer } from '../types/Enhancer';
+export declare const renderEnhancer: (enhancer: Enhancer, size: number) => ReactNode;
+export declare const MemoizedEnhancer: import('react').NamedExoticComponent<{
+    enhancer: Enhancer;
+    size: number;
+}>;

package/dist/helpers/renderEnhancer.js

@@ -0,0 +1,20 @@
+'use client';
+import { jsx, Fragment } from 'react/jsx-runtime';
+import { memo, isValidElement } from 'react';
+
+const renderEnhancer = (enhancer, size) => {
+  if (isValidElement(enhancer)) {
+    return enhancer;
+  }
+  if (typeof enhancer === "function") {
+    return enhancer({ size });
+  }
+  return enhancer;
+};
+const MemoizedEnhancer = memo(
+  ({ enhancer, size }) => /* @__PURE__ */ jsx(Fragment, { children: renderEnhancer(enhancer, size) }),
+  (prev, next) => prev.enhancer === next.enhancer && prev.size === next.size
+);
+
+export { MemoizedEnhancer, renderEnhancer };
+//# sourceMappingURL=renderEnhancer.js.map

package/dist/helpers/renderEnhancer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"renderEnhancer.js","sources":["../../src/helpers/renderEnhancer.tsx"],"sourcesContent":["'use client';\n\nimport type { ReactNode } from 'react';\nimport { isValidElement, memo } from 'react';\nimport type { Enhancer } from '../types/Enhancer';\n\nexport const renderEnhancer = (enhancer: Enhancer, size: number): ReactNode => {\n    if (isValidElement(enhancer)) {\n        return enhancer;\n    }\n\n    if (typeof enhancer === 'function') {\n        return enhancer({ size });\n    }\n\n    return enhancer;\n};\n\nexport const MemoizedEnhancer = memo<{ enhancer: Enhancer; size: number }>(\n    ({ enhancer, size }) => <>{renderEnhancer(enhancer, size)}</>,\n    (prev, next) => prev.enhancer === next.enhancer && prev.size === next.size,\n);\n"],"names":[],"mappings":";;;;AAMO,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,cAAA,CAAA,CAAA,CAAiB,CAAC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAoB,IAAA,CAAA,CAAA,CAAA,CAAA,CAA4B;AAC3E,CAAA,CAAA,CAAA,CAAA,CAAA,CAAI,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAe,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAQ,CAAA,CAAA,CAAG;AAC1B,CAAA,CAAA,CAAA,CAAA,OAAO,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,CAAA,CACX;AAEA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAI,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAO,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,MAAa,UAAA,CAAA,CAAY;AAChC,CAAA,CAAA,CAAA,CAAA,OAAO,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAS,CAAA,CAAE,CAAA,CAAA,CAAA,CAAA,EAAM,CAAA;AAAA,CAAA,CAC5B;AAEA,CAAA,CAAA,OAAO,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AACX,CAAA;AAEO,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,GAAmB,CAAA,CAAA,CAAA,CAAA;AAAA,CAAA,CAC5B,CAAC,EAAE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAU,IAAA,CAAA,sBAAW,GAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,EAAA,CAAA,CAAG,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,EAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAe,QAAA,CAAA,CAAU,CAAA,CAAA,CAAA,CAAI,CAAA,CAAA,CAAE,CAAA;AAAA,CAAA,CAC1D,CAAC,CAAA,CAAA,CAAA,GAAM,IAAA,CAAA,CAAA,CAAA,CAAA,CAAS,CAAA,CAAA,CAAA,CAAA,CAAK,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,MAAa,CAAA,CAAA,CAAA,CAAA,CAAK,QAAA,CAAA,CAAA,CAAA,CAAY,CAAA,CAAA,CAAA,CAAA,CAAK,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAS,IAAA,CAAK,CAAA,CAAA,CAAA;AAC1E,CAAA;;"}

package/dist/helpers/useControllableState.d.ts

@@ -0,0 +1,7 @@
+type UseControllableStateProps<T> = {
+    value?: T;
+    defaultValue?: T;
+    onChange?: (value: T) => void;
+};
+export declare function useControllableState<T>({ value: controlledValue, defaultValue, onChange, }: UseControllableStateProps<T>): [T, (next: T | ((prev: T) => T)) => void];
+export {};

package/dist/helpers/useControllableState.js

@@ -0,0 +1,49 @@
+'use client';
+import { useState, useRef, useCallback } from 'react';
+
+function useControllableState({
+  value: controlledValue,
+  defaultValue,
+  onChange
+}) {
+  const isControlled = controlledValue !== void 0;
+  const [internalValue, setInternalValue] = useState(defaultValue);
+  const hasWarned = useRef(false);
+  if (process.env.NODE_ENV !== "production" && !hasWarned.current) {
+    hasWarned.current = true;
+    if (controlledValue !== void 0 && defaultValue !== void 0) {
+      console.warn(
+        "[Paris] A component received both `value` and `defaultValue`. A component can be either controlled or uncontrolled, not both. Decide between using `value` (controlled) or `defaultValue` (uncontrolled) and remove the other. Defaulting to controlled mode."
+      );
+    }
+  }
+  const resolvedValue = isControlled ? controlledValue : internalValue;
+  const onChangeRef = useRef(onChange);
+  onChangeRef.current = onChange;
+  const setValue = useCallback(
+    (next) => {
+      if (typeof next === "function") {
+        const updater = next;
+        if (!isControlled) {
+          setInternalValue((prev) => {
+            const nextValue = updater(prev);
+            onChangeRef.current?.(nextValue);
+            return nextValue;
+          });
+        } else {
+          onChangeRef.current?.(updater(controlledValue));
+        }
+      } else {
+        if (!isControlled) {
+          setInternalValue(next);
+        }
+        onChangeRef.current?.(next);
+      }
+    },
+    [isControlled, controlledValue]
+  );
+  return [resolvedValue, setValue];
+}
+
+export { useControllableState };
+//# sourceMappingURL=useControllableState.js.map

package/dist/helpers/useControllableState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useControllableState.js","sources":["../../src/helpers/useControllableState.ts"],"sourcesContent":["'use client';\n\nimport { useCallback, useRef, useState } from 'react';\n\ntype UseControllableStateProps<T> = {\n    value?: T;\n    defaultValue?: T;\n    onChange?: (value: T) => void;\n};\n\nexport function useControllableState<T>({\n    value: controlledValue,\n    defaultValue,\n    onChange,\n}: UseControllableStateProps<T>): [T, (next: T | ((prev: T) => T)) => void] {\n    const isControlled = controlledValue !== undefined;\n    const [internalValue, setInternalValue] = useState(defaultValue);\n\n    const hasWarned = useRef(false);\n    if (process.env.NODE_ENV !== 'production' && !hasWarned.current) {\n        hasWarned.current = true;\n        if (controlledValue !== undefined && defaultValue !== undefined) {\n            console.warn(\n                '[Paris] A component received both `value` and `defaultValue`. ' +\n                    'A component can be either controlled or uncontrolled, not both. ' +\n                    'Decide between using `value` (controlled) or `defaultValue` (uncontrolled) ' +\n                    'and remove the other. Defaulting to controlled mode.',\n            );\n        }\n    }\n\n    const resolvedValue = isControlled ? controlledValue : internalValue;\n\n    const onChangeRef = useRef(onChange);\n    onChangeRef.current = onChange;\n\n    const setValue = useCallback(\n        (next: T | ((prev: T) => T)) => {\n            if (typeof next === 'function') {\n                const updater = next as (prev: T) => T;\n                if (!isControlled) {\n                    setInternalValue((prev) => {\n                        const nextValue = updater(prev as T);\n                        onChangeRef.current?.(nextValue);\n                        return nextValue;\n                    });\n                } else {\n                    onChangeRef.current?.(updater(controlledValue));\n                }\n            } else {\n                if (!isControlled) {\n                    setInternalValue(next);\n                }\n                onChangeRef.current?.(next);\n            }\n        },\n        [isControlled, controlledValue],\n    );\n\n    return [resolvedValue as T, setValue];\n}\n"],"names":[],"mappings":"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"}

package/dist/helpers/useIsMounted.d.ts

@@ -0,0 +1 @@
+export declare function useIsMounted(): () => boolean;

package/dist/helpers/useResizeObserver.d.ts

@@ -0,0 +1,12 @@
+import { RefObject } from 'react';
+type Size = {
+    width: number | undefined;
+    height: number | undefined;
+};
+type UseResizeObserverOptions<T extends HTMLElement = HTMLElement> = {
+    ref: RefObject<T>;
+    onResize?: (size: Size) => void;
+    box?: 'border-box' | 'content-box' | 'device-pixel-content-box';
+};
+export declare function useResizeObserver<T extends HTMLElement = HTMLElement>(options: UseResizeObserverOptions<T>): Size;
+export {};

package/dist/stories/accordion/Accordion.d.ts

@@ -0,0 +1,47 @@
+import { ComponentPropsWithoutRef, FC, ReactNode } from 'react';
+import { Enhancer } from '../../types/Enhancer';
+export type AccordionProps = {
+    /** The title of the Accordion. */
+    title?: ReactNode;
+    /**
+     * The style of the Accordion.
+     * @default default
+     */
+    kind?: 'default' | 'card';
+    /**
+     * The size of the Accordion. Only affects kind="card".
+     * @default small
+     */
+    size?: 'small' | 'large';
+    /**
+     * Overrides the toggle icon. Accepts any icon (an `Icon` element or a render
+     * function `({ size }) => ReactNode`). When set, it replaces the default
+     * plus/chevron and rotates on open/close like the built-in chevron.
+     */
+    icon?: Enhancer;
+    /** Whether the Accordion is open. If provided, the Accordion will be a controlled component. */
+    isOpen?: boolean;
+    /** A handler for when the Accordion state changes. */
+    onOpenChange?: (open: boolean) => void | Promise<void>;
+    /** The collapsible contents of the Accordion. */
+    children?: ReactNode;
+    overrides?: {
+        container?: ComponentPropsWithoutRef<'div'>;
+        titleContainer?: ComponentPropsWithoutRef<'div'>;
+        dropdownContainer?: ComponentPropsWithoutRef<'div'>;
+        dropdownContent?: ComponentPropsWithoutRef<'div'>;
+    };
+};
+/**
+ * A Accordion component.
+ *
+ * <hr />
+ *
+ * To use this component, import it as follows:
+ *
+ * ```js
+ * import { Accordion } from 'paris/accordion';
+ * ```
+ * @constructor
+ */
+export declare const Accordion: FC<AccordionProps>;

package/dist/stories/accordion/Accordion.js

@@ -0,0 +1,82 @@
+'use client';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { faPlus } from '@fortawesome/free-solid-svg-icons';
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import { clsx } from 'clsx';
+import { useState } from 'react';
+import { renderEnhancer } from '../../helpers/renderEnhancer.js';
+import { ChevronRight } from '../icon/ChevronRight.js';
+import { Icon } from '../icon/Icon.js';
+import { TextWhenString } from '../utility/TextWhenString.js';
+import styles from './Accordion.module.scss.js';
+
+const Accordion = ({
+  title,
+  kind = "default",
+  size = "small",
+  icon,
+  isOpen,
+  onOpenChange,
+  children,
+  overrides
+}) => {
+  const [openState, setOpenState] = useState(isOpen ?? false);
+  const isControlled = isOpen !== void 0;
+  const open = isControlled ? isOpen : openState;
+  const handleToggle = () => {
+    const newOpen = !open;
+    if (!isControlled) {
+      setOpenState(newOpen);
+    }
+    onOpenChange?.(newOpen);
+  };
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ...overrides?.container,
+      className: clsx(styles[kind], open && styles.open, overrides?.container?.className),
+      children: [
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            onClick: handleToggle,
+            onKeyDown: (e) => {
+              if (e.key === "Enter" || e.key === " ") {
+                e.preventDefault();
+                handleToggle();
+              }
+            },
+            role: "button",
+            tabIndex: 0,
+            ...overrides?.titleContainer,
+            "data-state": open ? "open" : "closed",
+            className: clsx(overrides?.titleContainer?.className, styles.title, styles[size], open && styles.open),
+            children: [
+              /* @__PURE__ */ jsx(TextWhenString, { kind: "paragraphSmall", weight: "medium", children: title }),
+              icon ? /* @__PURE__ */ jsx("span", { className: clsx(styles.toggleIcon, open && styles.open), children: renderEnhancer(icon, 16) }) : kind === "default" ? /* @__PURE__ */ jsx("div", { className: styles.plusIcon, children: /* @__PURE__ */ jsx(FontAwesomeIcon, { icon: faPlus, className: clsx(open && styles.open) }) }) : /* @__PURE__ */ jsx(Icon, { icon: ChevronRight, size: 16, className: clsx(styles.chevron, open && styles.open) })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            "aria-hidden": !open,
+            ...overrides?.dropdownContainer,
+            className: clsx(styles.dropdown, open && styles.open, overrides?.dropdownContainer?.className),
+            children: /* @__PURE__ */ jsx("div", { className: styles.dropdownClip, children: /* @__PURE__ */ jsx(
+              "div",
+              {
+                ...overrides?.dropdownContent,
+                className: clsx(styles.dropdownContent, styles[size], overrides?.dropdownContent?.className),
+                children: /* @__PURE__ */ jsx(TextWhenString, { kind: "paragraphXSmall", children })
+              }
+            ) })
+          }
+        )
+      ]
+    }
+  );
+};
+
+export { Accordion };
+//# sourceMappingURL=Accordion.js.map

package/dist/stories/accordion/Accordion.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Accordion.js","sources":["../../../src/stories/accordion/Accordion.tsx"],"sourcesContent":["'use client';\n\nimport { faPlus } from '@fortawesome/free-solid-svg-icons';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport { clsx } from 'clsx';\nimport type { ComponentPropsWithoutRef, FC, ReactNode } from 'react';\nimport { useState } from 'react';\nimport { renderEnhancer } from '../../helpers/renderEnhancer';\nimport type { Enhancer } from '../../types/Enhancer';\nimport { ChevronRight, Icon } from '../icon';\nimport { TextWhenString } from '../utility';\nimport styles from './Accordion.module.scss';\n\nexport type AccordionProps = {\n    /** The title of the Accordion. */\n    title?: ReactNode;\n    /**\n     * The style of the Accordion.\n     * @default default\n     */\n    kind?: 'default' | 'card';\n    /**\n     * The size of the Accordion. Only affects kind=\"card\".\n     * @default small\n     */\n    size?: 'small' | 'large';\n    /**\n     * Overrides the toggle icon. Accepts any icon (an `Icon` element or a render\n     * function `({ size }) => ReactNode`). When set, it replaces the default\n     * plus/chevron and rotates on open/close like the built-in chevron.\n     */\n    icon?: Enhancer;\n    /** Whether the Accordion is open. If provided, the Accordion will be a controlled component. */\n    isOpen?: boolean;\n    /** A handler for when the Accordion state changes. */\n    onOpenChange?: (open: boolean) => void | Promise<void>;\n    /** The collapsible contents of the Accordion. */\n    children?: ReactNode;\n    overrides?: {\n        container?: ComponentPropsWithoutRef<'div'>;\n        titleContainer?: ComponentPropsWithoutRef<'div'>;\n        dropdownContainer?: ComponentPropsWithoutRef<'div'>;\n        dropdownContent?: ComponentPropsWithoutRef<'div'>;\n    };\n};\n\n/**\n * A Accordion component.\n *\n * <hr />\n *\n * To use this component, import it as follows:\n *\n * ```js\n * import { Accordion } from 'paris/accordion';\n * ```\n * @constructor\n */\nexport const Accordion: FC<AccordionProps> = ({\n    title,\n    kind = 'default',\n    size = 'small',\n    icon,\n    isOpen,\n    onOpenChange,\n    children,\n    overrides,\n}) => {\n    const [openState, setOpenState] = useState(isOpen ?? false);\n\n    // Determine if component is controlled or uncontrolled\n    const isControlled = isOpen !== undefined;\n    const open = isControlled ? isOpen : openState;\n\n    // Unified toggle handler that works for both controlled and uncontrolled modes\n    const handleToggle = () => {\n        const newOpen = !open;\n\n        // Update internal state only if uncontrolled\n        if (!isControlled) {\n            setOpenState(newOpen);\n        }\n\n        // Always call the callback if provided\n        onOpenChange?.(newOpen);\n    };\n\n    return (\n        <div\n            {...overrides?.container}\n            className={clsx(styles[kind], open && styles.open, overrides?.container?.className)}\n        >\n            <div\n                onClick={handleToggle}\n                onKeyDown={(e) => {\n                    if (e.key === 'Enter' || e.key === ' ') {\n                        e.preventDefault();\n                        handleToggle();\n                    }\n                }}\n                role=\"button\"\n                tabIndex={0}\n                {...overrides?.titleContainer}\n                data-state={open ? 'open' : 'closed'}\n                className={clsx(overrides?.titleContainer?.className, styles.title, styles[size], open && styles.open)}\n            >\n                <TextWhenString kind=\"paragraphSmall\" weight=\"medium\">\n                    {title}\n                </TextWhenString>\n                {icon ? (\n                    <span className={clsx(styles.toggleIcon, open && styles.open)}>{renderEnhancer(icon, 16)}</span>\n                ) : kind === 'default' ? (\n                    <div className={styles.plusIcon}>\n                        <FontAwesomeIcon icon={faPlus} className={clsx(open && styles.open)} />\n                    </div>\n                ) : (\n                    <Icon icon={ChevronRight} size={16} className={clsx(styles.chevron, open && styles.open)} />\n                )}\n            </div>\n            {/*\n             * Collapse uses the CSS grid-rows trick (`1fr` → `0fr`) instead of\n             * animating `height: auto` via JS. JS height-auto animations flash an\n             * intermediate layout state on open/close that causes scrollable\n             * ancestors to clamp `scrollTop` to 0 in the first paint frame — a\n             * visible scroll-snap before the animation starts.\n             */}\n            <div\n                aria-hidden={!open}\n                {...overrides?.dropdownContainer}\n                className={clsx(styles.dropdown, open && styles.open, overrides?.dropdownContainer?.className)}\n            >\n                {/*\n                 * dropdownClip is the grid item. It owns `min-height: 0` and\n                 * `overflow: hidden` so the parent's `grid-template-rows: 0fr`\n                 * can fully collapse to 0 height. Padding/background-color\n                 * stay on .dropdownContent (one level deeper) so they don't\n                 * extend the grid item's box when closed.\n                 */}\n                <div className={styles.dropdownClip}>\n                    <div\n                        {...overrides?.dropdownContent}\n                        className={clsx(styles.dropdownContent, styles[size], overrides?.dropdownContent?.className)}\n                    >\n                        <TextWhenString kind=\"paragraphXSmall\">{children}</TextWhenString>\n                    </div>\n                </div>\n            </div>\n        </div>\n    );\n};\n"],"names":[],"mappings":"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"}

package/dist/stories/accordion/Accordion.module.css

@@ -0,0 +1,130 @@
+.paris_toggleIcon_Aqg7R {
+  display: inline-flex;
+  align-items: center;
+  padding: 2px;
+  transition: transform var(--pte-animations-duration-gradual) var(--pte-animations-timing-easeInOutExpo);
+  transform: rotate(0);
+}
+.paris_toggleIcon_Aqg7R.paris_open_Anlum {
+  transform: rotate(-180deg);
+}
+
+.paris_default_3a5AQ {
+  color: var(--pte-new-colors-contentPrimary);
+  border-bottom: 1px solid var(--pte-new-colors-borderMedium);
+  cursor: pointer;
+  transition: all var(--pte-animations-duration-relaxed) var(--pte-animations-timing-easeInOutExpo);
+}
+.paris_default_3a5AQ .paris_title_quAkj {
+  padding: 16px 0;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  font-size: 16px;
+  font-weight: var(--pte-typography-fontWeights-medium);
+  border-bottom: 1px solid transparent;
+  transition: border-bottom-color var(--pte-animations-duration-gradual) var(--pte-animations-timing-easeInOutExpo);
+}
+.paris_default_3a5AQ .paris_title_quAkj.paris_open_Anlum {
+  border-bottom-color: var(--pte-new-colors-borderMedium);
+}
+.paris_default_3a5AQ .paris_plusIcon_vUae0 {
+  margin-left: 4px;
+}
+.paris_default_3a5AQ .paris_plusIcon_vUae0 svg {
+  transition: transform var(--pte-animations-duration-gradual) var(--pte-animations-timing-easeInOutExpo);
+  transform: rotate(0);
+  width: 16px;
+  height: 16px;
+}
+.paris_default_3a5AQ .paris_plusIcon_vUae0 svg.paris_open_Anlum {
+  transform: rotate(135deg) !important;
+}
+.paris_default_3a5AQ .paris_dropdown_UIy8m {
+  display: grid;
+  grid-template-rows: 0fr;
+  opacity: 0;
+  cursor: auto;
+  transition: grid-template-rows 800ms cubic-bezier(0.87, 0, 0.13, 1), opacity 800ms cubic-bezier(0.87, 0, 0.13, 1);
+}
+.paris_default_3a5AQ .paris_dropdown_UIy8m.paris_open_Anlum {
+  grid-template-rows: 1fr;
+  opacity: 1;
+}
+.paris_default_3a5AQ .paris_dropdownClip_8uEEp {
+  min-height: 0;
+  overflow: hidden;
+}
+.paris_default_3a5AQ .paris_dropdownContent_DWSoM {
+  padding: 12px;
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+  background-color: var(--pte-new-colors-overlaySubtle);
+}
+
+.paris_card_hzays {
+  color: var(--pte-new-colors-contentPrimary);
+  border: 1px solid var(--pte-new-colors-borderStrong);
+  border-radius: var(--pte-new-borders-radius-roundedMedium);
+  background: var(--pte-new-colors-surfacePrimary);
+  cursor: pointer;
+  transition: var(--pte-animations-interaction);
+}
+.paris_card_hzays.paris_open_Anlum {
+  border-color: var(--pte-new-colors-borderUltrastrong);
+}
+.paris_card_hzays .paris_title_quAkj {
+  padding: 10px 12px;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  gap: 10px;
+  background-color: var(--pte-new-colors-overlayWhiteSubtle);
+  border-bottom: 1px solid transparent;
+  transition: var(--pte-animations-interaction);
+}
+.paris_card_hzays .paris_title_quAkj.paris_large_GVtpa {
+  padding: 14px 16px;
+}
+.paris_card_hzays .paris_title_quAkj.paris_open_Anlum {
+  background-color: var(--pte-new-colors-overlayMedium);
+  border-bottom-color: var(--pte-new-colors-borderStrong);
+}
+.paris_card_hzays .paris_title_quAkj:hover {
+  background-color: var(--pte-new-colors-overlayStrong);
+}
+.paris_card_hzays .paris_chevron_MRAbS {
+  padding: 2px;
+  transition: transform var(--pte-animations-duration-gradual) var(--pte-animations-timing-easeInOutExpo);
+  transform: rotate(90deg);
+}
+.paris_card_hzays .paris_chevron_MRAbS.paris_open_Anlum {
+  transform: rotate(-90deg);
+}
+.paris_card_hzays .paris_dropdown_UIy8m {
+  display: grid;
+  grid-template-rows: 0fr;
+  opacity: 0;
+  cursor: auto;
+  transition: grid-template-rows 800ms cubic-bezier(0.87, 0, 0.13, 1), opacity 800ms cubic-bezier(0.87, 0, 0.13, 1);
+}
+.paris_card_hzays .paris_dropdown_UIy8m.paris_open_Anlum {
+  grid-template-rows: 1fr;
+  opacity: 1;
+}
+.paris_card_hzays .paris_dropdownClip_8uEEp {
+  min-height: 0;
+  overflow: hidden;
+}
+.paris_card_hzays .paris_dropdownContent_DWSoM {
+  padding: 12px;
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+  background-color: var(--pte-new-colors-overlayWhiteSubtle);
+}
+.paris_card_hzays .paris_dropdownContent_DWSoM.paris_large_GVtpa {
+  padding: 16px;
+  gap: 16px;
+}

package/dist/stories/accordion/Accordion.module.scss.js

@@ -0,0 +1,26 @@
+import './Accordion.module.css';const toggleIcon = "paris_toggleIcon_Aqg7R";
+const open = "paris_open_Anlum";
+const title = "paris_title_quAkj";
+const plusIcon = "paris_plusIcon_vUae0";
+const dropdown = "paris_dropdown_UIy8m";
+const dropdownClip = "paris_dropdownClip_8uEEp";
+const dropdownContent = "paris_dropdownContent_DWSoM";
+const card = "paris_card_hzays";
+const large = "paris_large_GVtpa";
+const chevron = "paris_chevron_MRAbS";
+const styles = {
+	toggleIcon: toggleIcon,
+	open: open,
+	"default": "paris_default_3a5AQ",
+	title: title,
+	plusIcon: plusIcon,
+	dropdown: dropdown,
+	dropdownClip: dropdownClip,
+	dropdownContent: dropdownContent,
+	card: card,
+	large: large,
+	chevron: chevron
+};
+
+export { card, chevron, styles as default, dropdown, dropdownClip, dropdownContent, large, open, plusIcon, title, toggleIcon };
+//# sourceMappingURL=Accordion.module.scss.js.map

package/dist/stories/accordion/Accordion.module.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Accordion.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/stories/accordion/index.js

@@ -0,0 +1,2 @@
+export { Accordion } from './Accordion.js';
+//# sourceMappingURL=index.js.map

package/dist/stories/accordion/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}