paris 0.23.0 → 0.24.0

package/dist/stories/accordionselect/AccordionSelect.d.ts

@@ -0,0 +1,102 @@
+import { ComponentPropsWithoutRef, FC, ReactNode } from 'react';
+export type AccordionSelectOption<T = Record<string, unknown>> = {
+    /**
+     * A unique identifier for the option.
+     */
+    id: string;
+    /**
+     * The content to render for this option.
+     */
+    node: ReactNode;
+    /**
+     * Whether this option is disabled.
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * Optional metadata associated with the option.
+     */
+    metadata?: T;
+};
+export type AccordionSelectProps<T = Record<string, unknown>> = {
+    /**
+     * The list of selectable options.
+     */
+    options: AccordionSelectOption<T>[];
+    /**
+     * The currently selected option ID.
+     */
+    value?: string | null;
+    /**
+     * The initial selected option ID for uncontrolled mode. If `value` is provided, this is ignored.
+     */
+    defaultValue?: string | null;
+    /**
+     * Called when the user selects an option.
+     */
+    onChange?: (option: AccordionSelectOption<T>) => void;
+    /**
+     * Custom content to render as the header when an option is selected.
+     * Receives the selected option. If not provided, the option's `node` is used.
+     */
+    renderSelected?: (option: AccordionSelectOption<T>) => ReactNode;
+    /**
+     * Custom content to render for each option in the dropdown.
+     * Receives the option and whether it's selected. If not provided, the option's `node` is used.
+     */
+    renderOption?: (option: AccordionSelectOption<T>, isSelected: boolean) => ReactNode;
+    /**
+     * Placeholder to show when no option is selected.
+     * @default 'Select an option'
+     */
+    placeholder?: ReactNode;
+    /**
+     * Whether the accordion is open. If provided, the component becomes controlled.
+     */
+    isOpen?: boolean;
+    /**
+     * Called when the open state changes.
+     */
+    onOpenChange?: (open: boolean) => void;
+    /**
+     * Whether to close the accordion when an option is selected.
+     * @default true
+     */
+    closeOnSelect?: boolean;
+    /**
+     * Whether to close the accordion when clicking outside.
+     * @default true
+     */
+    closeOnClickOutside?: boolean;
+    /**
+     * Optional action to render at the bottom of the options list (e.g. "Add new" button).
+     */
+    action?: ReactNode;
+    /**
+     * Optional label to display on the header (e.g. a Tag).
+     */
+    label?: ReactNode;
+    /**
+     * Optional overrides for nested components.
+     */
+    overrides?: {
+        root?: ComponentPropsWithoutRef<'div'>;
+        header?: ComponentPropsWithoutRef<'div'>;
+        dropdown?: ComponentPropsWithoutRef<'div'>;
+        dropdownContent?: ComponentPropsWithoutRef<'div'>;
+        option?: ComponentPropsWithoutRef<'button'>;
+    };
+};
+/**
+ * An AccordionSelect component. Displays the selected option in a card header that expands to reveal all options.
+ *
+ * <hr />
+ *
+ * To use this component, import it as follows:
+ *
+ * ```js
+ * import { AccordionSelect } from 'paris/accordionselect';
+ * ```
+ * @constructor
+ */
+export declare const AccordionSelect: FC<AccordionSelectProps>;

package/dist/stories/accordionselect/AccordionSelect.js

@@ -0,0 +1,137 @@
+'use client';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { clsx } from 'clsx';
+import { useRef, useEffect } from 'react';
+import { useControllableState } from '../../helpers/useControllableState.js';
+import { Check } from '../icon/Check.js';
+import { ChevronRight } from '../icon/ChevronRight.js';
+import { Icon } from '../icon/Icon.js';
+import { TextWhenString } from '../utility/TextWhenString.js';
+import styles from './AccordionSelect.module.scss.js';
+
+const AccordionSelect = ({
+  options,
+  value,
+  defaultValue,
+  onChange,
+  renderSelected,
+  renderOption,
+  placeholder = "Select an option",
+  isOpen: controlledOpen,
+  onOpenChange,
+  closeOnSelect = true,
+  closeOnClickOutside = true,
+  action,
+  label,
+  overrides
+}) => {
+  const [open, setOpen] = useControllableState({
+    value: controlledOpen,
+    defaultValue: false,
+    onChange: onOpenChange
+  });
+  const rootRef = useRef(null);
+  const [resolvedValue, setResolvedValue] = useControllableState({
+    value,
+    defaultValue,
+    onChange: (id) => {
+      const option = options.find((o) => o.id === id);
+      if (option) onChange?.(option);
+    }
+  });
+  const selectedOption = options.find((o) => o.id === resolvedValue);
+  useEffect(() => {
+    if (!closeOnClickOutside || !open) {
+      return () => {
+      };
+    }
+    const handleClickOutside = (e) => {
+      if (rootRef.current && !rootRef.current.contains(e.target)) {
+        setOpen(false);
+      }
+    };
+    document.addEventListener("mousedown", handleClickOutside);
+    return () => document.removeEventListener("mousedown", handleClickOutside);
+  }, [closeOnClickOutside, open, setOpen]);
+  let headerContent = placeholder;
+  if (selectedOption) {
+    headerContent = renderSelected ? renderSelected(selectedOption) : selectedOption.node;
+  }
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ref: rootRef,
+      ...overrides?.root,
+      className: clsx(styles.root, open && styles.open, overrides?.root?.className),
+      children: [
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            ...overrides?.header,
+            className: clsx(styles.header, open && styles.open, overrides?.header?.className),
+            onClick: () => setOpen(!open),
+            onKeyDown: (e) => {
+              if (e.key === "Enter" || e.key === " ") {
+                e.preventDefault();
+                setOpen(!open);
+              }
+            },
+            role: "button",
+            tabIndex: 0,
+            children: [
+              /* @__PURE__ */ jsx("div", { className: styles.headerContent, children: /* @__PURE__ */ jsx(TextWhenString, { kind: "paragraphSmall", weight: "medium", children: headerContent }) }),
+              /* @__PURE__ */ jsxs("div", { className: styles.headerEnd, children: [
+                label,
+                /* @__PURE__ */ jsx(Icon, { icon: ChevronRight, size: 16, className: clsx(styles.chevron, open && styles.open) })
+              ] })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            ...overrides?.dropdown,
+            "aria-hidden": !open,
+            className: clsx(styles.dropdown, open && styles.open, overrides?.dropdown?.className),
+            children: /* @__PURE__ */ jsxs(
+              "div",
+              {
+                ...overrides?.dropdownContent,
+                className: clsx(styles.dropdownContent, overrides?.dropdownContent?.className),
+                children: [
+                  options.map((option) => {
+                    const isOptionSelected = option.id === resolvedValue;
+                    return /* @__PURE__ */ jsxs(
+                      "button",
+                      {
+                        type: "button",
+                        disabled: option.disabled || !open,
+                        tabIndex: open ? void 0 : -1,
+                        "data-selected": isOptionSelected,
+                        ...overrides?.option,
+                        className: clsx(styles.option, overrides?.option?.className),
+                        onClick: () => {
+                          setResolvedValue(option.id);
+                          if (closeOnSelect) setOpen(false);
+                        },
+                        children: [
+                          /* @__PURE__ */ jsx("div", { className: styles.optionContent, children: renderOption ? renderOption(option, isOptionSelected) : /* @__PURE__ */ jsx(TextWhenString, { kind: "paragraphXSmall", weight: "medium", children: option.node }) }),
+                          isOptionSelected && /* @__PURE__ */ jsx(Icon, { icon: Check, size: 13, className: styles.check })
+                        ]
+                      },
+                      option.id
+                    );
+                  }),
+                  action
+                ]
+              }
+            )
+          }
+        )
+      ]
+    }
+  );
+};
+
+export { AccordionSelect };
+//# sourceMappingURL=AccordionSelect.js.map

package/dist/stories/accordionselect/AccordionSelect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccordionSelect.js","sources":["../../../src/stories/accordionselect/AccordionSelect.tsx"],"sourcesContent":["'use client';\n\nimport { clsx } from 'clsx';\nimport type { ComponentPropsWithoutRef, FC, ReactNode } from 'react';\nimport { useEffect, useRef } from 'react';\nimport { useControllableState } from '../../helpers/useControllableState';\nimport { Check, ChevronRight, Icon } from '../icon';\nimport { TextWhenString } from '../utility';\nimport styles from './AccordionSelect.module.scss';\n\nexport type AccordionSelectOption<T = Record<string, unknown>> = {\n    /**\n     * A unique identifier for the option.\n     */\n    id: string;\n    /**\n     * The content to render for this option.\n     */\n    node: ReactNode;\n    /**\n     * Whether this option is disabled.\n     * @default false\n     */\n    disabled?: boolean;\n    /**\n     * Optional metadata associated with the option.\n     */\n    metadata?: T;\n};\n\nexport type AccordionSelectProps<T = Record<string, unknown>> = {\n    /**\n     * The list of selectable options.\n     */\n    options: AccordionSelectOption<T>[];\n    /**\n     * The currently selected option ID.\n     */\n    value?: string | null;\n    /**\n     * The initial selected option ID for uncontrolled mode. If `value` is provided, this is ignored.\n     */\n    defaultValue?: string | null;\n    /**\n     * Called when the user selects an option.\n     */\n    onChange?: (option: AccordionSelectOption<T>) => void;\n    /**\n     * Custom content to render as the header when an option is selected.\n     * Receives the selected option. If not provided, the option's `node` is used.\n     */\n    renderSelected?: (option: AccordionSelectOption<T>) => ReactNode;\n    /**\n     * Custom content to render for each option in the dropdown.\n     * Receives the option and whether it's selected. If not provided, the option's `node` is used.\n     */\n    renderOption?: (option: AccordionSelectOption<T>, isSelected: boolean) => ReactNode;\n    /**\n     * Placeholder to show when no option is selected.\n     * @default 'Select an option'\n     */\n    placeholder?: ReactNode;\n    /**\n     * Whether the accordion is open. If provided, the component becomes controlled.\n     */\n    isOpen?: boolean;\n    /**\n     * Called when the open state changes.\n     */\n    onOpenChange?: (open: boolean) => void;\n    /**\n     * Whether to close the accordion when an option is selected.\n     * @default true\n     */\n    closeOnSelect?: boolean;\n    /**\n     * Whether to close the accordion when clicking outside.\n     * @default true\n     */\n    closeOnClickOutside?: boolean;\n    /**\n     * Optional action to render at the bottom of the options list (e.g. \"Add new\" button).\n     */\n    action?: ReactNode;\n    /**\n     * Optional label to display on the header (e.g. a Tag).\n     */\n    label?: ReactNode;\n    /**\n     * Optional overrides for nested components.\n     */\n    overrides?: {\n        root?: ComponentPropsWithoutRef<'div'>;\n        header?: ComponentPropsWithoutRef<'div'>;\n        dropdown?: ComponentPropsWithoutRef<'div'>;\n        dropdownContent?: ComponentPropsWithoutRef<'div'>;\n        option?: ComponentPropsWithoutRef<'button'>;\n    };\n};\n\n/**\n * An AccordionSelect component. Displays the selected option in a card header that expands to reveal all options.\n *\n * <hr />\n *\n * To use this component, import it as follows:\n *\n * ```js\n * import { AccordionSelect } from 'paris/accordionselect';\n * ```\n * @constructor\n */\nexport const AccordionSelect: FC<AccordionSelectProps> = ({\n    options,\n    value,\n    defaultValue,\n    onChange,\n    renderSelected,\n    renderOption,\n    placeholder = 'Select an option',\n    isOpen: controlledOpen,\n    onOpenChange,\n    closeOnSelect = true,\n    closeOnClickOutside = true,\n    action,\n    label,\n    overrides,\n}) => {\n    const [open, setOpen] = useControllableState({\n        value: controlledOpen,\n        defaultValue: false,\n        onChange: onOpenChange,\n    });\n    const rootRef = useRef<HTMLDivElement>(null);\n\n    const [resolvedValue, setResolvedValue] = useControllableState<string | null>({\n        value,\n        defaultValue,\n        onChange: (id) => {\n            const option = options.find((o) => o.id === id);\n            if (option) onChange?.(option);\n        },\n    });\n\n    const selectedOption = options.find((o) => o.id === resolvedValue);\n\n    useEffect(() => {\n        if (!closeOnClickOutside || !open) {\n            return () => {};\n        }\n\n        const handleClickOutside = (e: MouseEvent) => {\n            if (rootRef.current && !rootRef.current.contains(e.target as Node)) {\n                setOpen(false);\n            }\n        };\n\n        document.addEventListener('mousedown', handleClickOutside);\n        return () => document.removeEventListener('mousedown', handleClickOutside);\n    }, [closeOnClickOutside, open, setOpen]);\n\n    let headerContent: ReactNode = placeholder;\n    if (selectedOption) {\n        headerContent = renderSelected ? renderSelected(selectedOption) : selectedOption.node;\n    }\n\n    return (\n        <div\n            ref={rootRef}\n            {...overrides?.root}\n            className={clsx(styles.root, open && styles.open, overrides?.root?.className)}\n        >\n            <div\n                {...overrides?.header}\n                className={clsx(styles.header, open && styles.open, overrides?.header?.className)}\n                onClick={() => setOpen(!open)}\n                onKeyDown={(e) => {\n                    if (e.key === 'Enter' || e.key === ' ') {\n                        e.preventDefault();\n                        setOpen(!open);\n                    }\n                }}\n                role=\"button\"\n                tabIndex={0}\n            >\n                <div className={styles.headerContent}>\n                    <TextWhenString kind=\"paragraphSmall\" weight=\"medium\">\n                        {headerContent}\n                    </TextWhenString>\n                </div>\n                <div className={styles.headerEnd}>\n                    {label}\n                    <Icon icon={ChevronRight} size={16} className={clsx(styles.chevron, open && styles.open)} />\n                </div>\n            </div>\n\n            {/*\n             * Collapse animation uses the CSS grid-rows trick (`1fr` → `0fr`) instead\n             * of animating `height: auto`. JS-driven height-auto animations (e.g.\n             * framer-motion) flash an intermediate layout state on open/close that\n             * causes scrollable ancestors to clamp `scrollTop` to 0 in the first\n             * paint frame — visible as an instant scroll snap before the animation\n             * starts. The grid-rows approach keeps the layout stable across the\n             * entire transition.\n             */}\n            <div\n                {...overrides?.dropdown}\n                aria-hidden={!open}\n                className={clsx(styles.dropdown, open && styles.open, overrides?.dropdown?.className)}\n            >\n                <div\n                    {...overrides?.dropdownContent}\n                    className={clsx(styles.dropdownContent, overrides?.dropdownContent?.className)}\n                >\n                    {options.map((option) => {\n                        const isOptionSelected = option.id === resolvedValue;\n                        return (\n                            <button\n                                key={option.id}\n                                type=\"button\"\n                                disabled={option.disabled || !open}\n                                tabIndex={open ? undefined : -1}\n                                data-selected={isOptionSelected}\n                                {...overrides?.option}\n                                className={clsx(styles.option, overrides?.option?.className)}\n                                onClick={() => {\n                                    setResolvedValue(option.id);\n                                    if (closeOnSelect) setOpen(false);\n                                }}\n                            >\n                                <div className={styles.optionContent}>\n                                    {renderOption ? (\n                                        renderOption(option, isOptionSelected)\n                                    ) : (\n                                        <TextWhenString kind=\"paragraphXSmall\" weight=\"medium\">\n                                            {option.node}\n                                        </TextWhenString>\n                                    )}\n                                </div>\n                                {isOptionSelected && <Icon icon={Check} size={13} className={styles.check} />}\n                            </button>\n                        );\n                    })}\n                    {action}\n                </div>\n            </div>\n        </div>\n    );\n};\n"],"names":[],"mappings":"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"}

package/dist/stories/accordionselect/AccordionSelect.module.css

@@ -0,0 +1,106 @@
+.paris_root_66wcQ {
+  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);
+  overflow: hidden;
+  transition: var(--pte-animations-interaction);
+}
+.paris_root_66wcQ.paris_open_FCY1A {
+  border-color: var(--pte-new-colors-borderUltrastrong);
+}
+
+.paris_header_PKn63 {
+  padding: 10px 12px;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  gap: 10px;
+  background-color: var(--pte-new-colors-overlayWhiteSubtle);
+  cursor: pointer;
+  transition: var(--pte-animations-interaction);
+}
+.paris_header_PKn63.paris_open_FCY1A {
+  background-color: var(--pte-new-colors-overlayMedium);
+  border-bottom: 1px solid var(--pte-new-colors-borderStrong);
+}
+.paris_header_PKn63:hover {
+  background-color: var(--pte-new-colors-overlayStrong);
+}
+
+.paris_headerContent_GYCii {
+  flex: 1;
+  min-width: 0;
+}
+
+.paris_headerEnd_OTSFb {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  flex-shrink: 0;
+}
+
+.paris_chevron_Dhtll {
+  transition: transform var(--pte-animations-duration-gradual) var(--pte-animations-timing-easeInOutExpo);
+  transform: rotate(90deg);
+}
+.paris_chevron_Dhtll.paris_open_FCY1A {
+  transform: rotate(-90deg);
+}
+
+.paris_dropdown_UgKKg {
+  display: grid;
+  grid-template-rows: 0fr;
+  opacity: 0;
+  transition: grid-template-rows 800ms cubic-bezier(0.87, 0, 0.13, 1), opacity 800ms cubic-bezier(0.87, 0, 0.13, 1);
+}
+.paris_dropdown_UgKKg.paris_open_FCY1A {
+  grid-template-rows: 1fr;
+  opacity: 1;
+}
+
+.paris_dropdownContent_29-L- {
+  min-height: 0;
+  overflow: hidden;
+  display: flex;
+  flex-direction: column;
+  padding: 0;
+  gap: 0;
+}
+
+.paris_option_Ijd6n {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  padding: 8px 14px;
+  border-bottom: 0.5px solid var(--pte-new-colors-borderMedium);
+  background: transparent;
+  color: inherit;
+  cursor: pointer;
+  transition: background var(--pte-animations-duration-instant) var(--pte-animations-timing-easeInOutExpo);
+}
+.paris_option_Ijd6n:last-of-type {
+  border-bottom: none;
+}
+.paris_option_Ijd6n[data-selected=true] {
+  background: var(--pte-new-colors-overlaySubtle);
+}
+.paris_option_Ijd6n:hover {
+  background: var(--pte-new-colors-overlayMedium);
+}
+.paris_option_Ijd6n:disabled {
+  opacity: 0.4;
+  cursor: not-allowed;
+}
+.paris_option_Ijd6n:disabled:hover {
+  background: transparent;
+}
+.paris_option_Ijd6n .paris_check_niu9e {
+  padding: 4px;
+}
+
+.paris_optionContent_C6dcG {
+  flex: 1;
+  text-align: left;
+  min-width: 0;
+}

package/dist/stories/accordionselect/AccordionSelect.module.scss.js

@@ -0,0 +1,27 @@
+import './AccordionSelect.module.css';const root = "paris_root_66wcQ";
+const open = "paris_open_FCY1A";
+const header = "paris_header_PKn63";
+const headerContent = "paris_headerContent_GYCii";
+const headerEnd = "paris_headerEnd_OTSFb";
+const chevron = "paris_chevron_Dhtll";
+const dropdown = "paris_dropdown_UgKKg";
+const dropdownContent = "paris_dropdownContent_29-L-";
+const option = "paris_option_Ijd6n";
+const check = "paris_check_niu9e";
+const optionContent = "paris_optionContent_C6dcG";
+const styles = {
+	root: root,
+	open: open,
+	header: header,
+	headerContent: headerContent,
+	headerEnd: headerEnd,
+	chevron: chevron,
+	dropdown: dropdown,
+	dropdownContent: dropdownContent,
+	option: option,
+	check: check,
+	optionContent: optionContent
+};
+
+export { check, chevron, styles as default, dropdown, dropdownContent, header, headerContent, headerEnd, open, option, optionContent, root };
+//# sourceMappingURL=AccordionSelect.module.scss.js.map

package/dist/stories/accordionselect/AccordionSelect.module.scss.js.map

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

package/dist/stories/accordionselect/index.js

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

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

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

package/dist/stories/avatar/Avatar.d.ts

@@ -0,0 +1,22 @@
+import { CSSLength } from '@ssh/csstypes';
+import { ComponentPropsWithoutRef, FC, ReactNode } from 'react';
+export type AvatarProps = {
+    frameColor?: string;
+    /** The width of the Avatar, as a CSS length string or a number. If a number is provided, the assumed unit is pixels. */
+    width?: CSSLength | number;
+    /** The contents of the Avatar, usually an image element. */
+    children?: ReactNode;
+} & Omit<ComponentPropsWithoutRef<'div'>, 'children'>;
+/**
+ * An Avatar component.
+ *
+ * <hr />
+ *
+ * To use this component, import it as follows:
+ *
+ * ```js
+ * import { Avatar } from 'paris/avatar';
+ * ```
+ * @constructor
+ */
+export declare const Avatar: FC<AvatarProps>;

package/dist/stories/avatar/Avatar.js

@@ -0,0 +1,37 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { clsx } from 'clsx';
+import { useMemo } from 'react';
+import 'pte';
+import { pvar } from '../theme/themes.js';
+import styles from './Avatar.module.scss.js';
+
+const Avatar = ({
+  frameColor = pvar("new.colors.borderMedium"),
+  width = "fit-content",
+  children,
+  className,
+  style,
+  ...props
+}) => {
+  const widthMemoized = useMemo(
+    () => typeof width === "number" ? `${width}px` : width,
+    [width]
+  );
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ...props,
+      style: {
+        width: widthMemoized,
+        "--frame-color": frameColor,
+        ...style
+      },
+      className: clsx(styles.content, className),
+      children
+    }
+  );
+};
+
+export { Avatar };
+//# sourceMappingURL=Avatar.js.map

package/dist/stories/avatar/Avatar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.js","sources":["../../../src/stories/avatar/Avatar.tsx"],"sourcesContent":["'use client';\n\nimport type { CSSLength } from '@ssh/csstypes';\nimport { clsx } from 'clsx';\nimport type { ComponentPropsWithoutRef, CSSProperties, FC, ReactNode } from 'react';\nimport { useMemo } from 'react';\nimport { pvar } from '../theme';\nimport styles from './Avatar.module.scss';\n\nexport type AvatarProps = {\n    frameColor?: string;\n    /** The width of the Avatar, as a CSS length string or a number. If a number is provided, the assumed unit is pixels. */\n    width?: CSSLength | number;\n    /** The contents of the Avatar, usually an image element. */\n    children?: ReactNode;\n} & Omit<ComponentPropsWithoutRef<'div'>, 'children'>;\n\n/**\n * An Avatar component.\n *\n * <hr />\n *\n * To use this component, import it as follows:\n *\n * ```js\n * import { Avatar } from 'paris/avatar';\n * ```\n * @constructor\n */\nexport const Avatar: FC<AvatarProps> = ({\n    frameColor = pvar('new.colors.borderMedium'),\n    width = 'fit-content',\n    children,\n    className,\n    style,\n    ...props\n}) => {\n    const widthMemoized = useMemo(\n        () => (typeof width === 'number' ? `${width}px` : width) as CSSProperties['width'],\n        [width],\n    );\n    return (\n        <div\n            {...props}\n            style={\n                {\n                    width: widthMemoized,\n                    '--frame-color': frameColor,\n                    ...style,\n                } as CSSProperties\n            }\n            className={clsx(styles.content, className)}\n        >\n            {children}\n        </div>\n    );\n};\n"],"names":[],"mappings":"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"}

package/dist/stories/avatar/Avatar.module.css

@@ -0,0 +1,7 @@
+.paris_content_ckGnM {
+  border-radius: 100%;
+  aspect-ratio: 1;
+  border: 1px solid var(--frame-color);
+  overflow: clip;
+  box-shadow: var(--pte-new-lighting-subtlePopup);
+}

package/dist/stories/avatar/Avatar.module.scss.js

@@ -0,0 +1,7 @@
+import './Avatar.module.css';const content = "paris_content_ckGnM";
+const styles = {
+	content: content
+};
+
+export { content, styles as default };
+//# sourceMappingURL=Avatar.module.scss.js.map

package/dist/stories/avatar/Avatar.module.scss.js.map

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

package/dist/stories/avatar/index.js

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

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

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

package/dist/stories/button/Button.d.ts

@@ -0,0 +1,120 @@
+import { ButtonProps as AriaButtonProps } from '@ariakit/react';
+import { CSSLength } from '@ssh/csstypes';
+import { FC, HTMLAttributeAnchorTarget, MouseEventHandler, ReactNode } from 'react';
+import { Enhancer } from '../../types/Enhancer';
+export declare const CornerPresets: readonly ["sharp", "rounded", "roundedXL"];
+export declare const ButtonThemes: {
+    readonly negative: {
+        readonly primary: string;
+        readonly secondary: string;
+        readonly primaryAlt: string;
+        readonly secondaryAlt: string;
+    };
+    readonly positive: {
+        readonly primary: string;
+        readonly secondary: string;
+        readonly primaryAlt: string;
+        readonly secondaryAlt: string;
+    };
+    readonly warning: {
+        readonly primary: string;
+        readonly secondary: string;
+        readonly primaryAlt: string;
+        readonly secondaryAlt: string;
+    };
+};
+export type ButtonProps = {
+    /**
+     * The appearance of the Button.
+     * @default primary
+     */
+    kind?: 'primary' | 'secondary' | 'tertiary';
+    /**
+     * The size of the Button.
+     * @default large
+     */
+    size?: 'large' | 'medium' | 'small' | 'xs';
+    /**
+     * The shape of the Button.
+     * @default pill
+     */
+    shape?: 'pill' | 'circle' | 'rectangle' | 'square';
+    /**
+     * The radius of the corners for the `rectangle` and `square` Button shapes. Either a preset or a valid {@link CSSLength} string.
+     * `sharp` will have no rounding, `rounded` will have a slight rounding, and `roundedXL` will have a large rounding.
+     * @see CornerPresets
+     * @default rounded
+     */
+    corners?: (typeof CornerPresets)[number] | CSSLength;
+    /**
+     * A color to apply for the Button. Provide an object with `primary` and `secondary` properties to set the primary and hover colors.
+     */
+    colors?: {
+        /** The primary color of the Button. Primary buttons will use this as the background color, and secondary/tertiary buttons will use it for the text and border. */
+        primary: string;
+        /**
+         * The secondary color of the Button, used for hover/active states.
+         */
+        secondary: string;
+    };
+    /**
+     * Preset themes for coloring the button. Overrides the `colors` prop.
+     */
+    theme?: keyof typeof ButtonThemes;
+    /**
+     * An icon or other element to render before the Button's text. A `size` argument is passed that should be used to determine the width & height of the content displayed.
+     *
+     * When Button shape is `circle` or `square`, this element will be the only visible content.
+     */
+    startEnhancer?: Enhancer;
+    /**
+     * An icon or other element to render after the Button's text. A `size` argument is passed that should be used to determine the width & height of the content displayed.
+     */
+    endEnhancer?: Enhancer;
+    /**
+     * Disables the Button, disallowing user interaction.
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * Displays a loading indicator inside the Button and disables user interaction.
+     * @default false
+     */
+    loading?: boolean;
+    /**
+     * The interaction handler for the Button.
+     */
+    onClick?: MouseEventHandler<HTMLButtonElement>;
+    /**
+     * Optionally, the Button can be rendered as an anchor element by passing an `href` prop. To use a Next.js Link component, use the `render` prop directly.
+     */
+    href?: string;
+    /**
+     * Optionally, the target of the anchor element can be specified (defaults to `_self`).
+     */
+    hreftarget?: HTMLAttributeAnchorTarget;
+    /**
+     * The contents of the Button.
+     *
+     * This should be text. When Button shape is `circle` or `square`, the action description should still be passed here for screen readers.
+     */
+    children?: ReactNode | ReactNode[];
+    /**
+     * Displays a notification dot.
+     */
+    displayNotificationDot?: boolean;
+} & Omit<AriaButtonProps, 'children' | 'disabled' | 'onClick'>;
+/**
+ * A `Button` is used to trigger an action or event, such as submitting a form, opening a dialog, canceling an action, or performing a delete operation.
+ *
+ * <hr />
+ *
+ * To use the `Button` component, import it as follows:
+ *
+ * ```js
+ * import { Button } from 'paris/button';
+ * ```
+ *
+ * @constructor
+ */
+export declare const Button: FC<ButtonProps>;