@liner-fe/prism 1.12.31 → 1.12.33

package/lib/components/Typography/Set/Caption.d.ts

@@ -15,5 +15,5 @@ interface IPropsNormalMedium extends ITypographyCommon<HTMLElement> {
     weight: MEDIUM;
 }
 export type ICaptionProps = IPropsNormalBold | IPropsNormalRegular | IPropsNormalMedium;
-export declare const Caption: ({ children, size, weight, type, className, color, ...rest }: ICaptionProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Caption: import("react").ForwardRefExoticComponent<ICaptionProps & import("react").RefAttributes<HTMLParagraphElement>>;
 export {};

package/lib/components/Typography/Set/Display.d.ts

@@ -4,4 +4,4 @@ export interface IDisplayProps extends ITypographyCommon {
     type: 'accent' | 'normal';
     weight: 'black';
 }
-export declare const Display: ({ size, type, weight, className, children, color, ...rest }: IDisplayProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Display: import("react").ForwardRefExoticComponent<IDisplayProps & import("react").RefAttributes<HTMLParagraphElement>>;

package/lib/components/Typography/Set/Heading.d.ts

@@ -1,6 +1,7 @@
+import React from 'react';
 import { ITypographyCommon } from '../types';
 export interface IHeadingProps extends ITypographyCommon<HTMLHeadingElement> {
     type: 'answer';
     size: 1 | 2 | 3 | 4 | 5 | 6;
 }
-export declare const Heading: ({ size, children, type, className, color, ...rest }: IHeadingProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Heading: React.ForwardRefExoticComponent<IHeadingProps & React.RefAttributes<HTMLHeadingElement>>;

package/lib/components/Typography/Set/Paragraph.d.ts

@@ -20,4 +20,4 @@ export interface IPropsAnswer extends ITypographyCommon {
     weight: BOLD | REGULAR;
 }
 export type ParagraphProps = IPropsNormal | IPropsPost | IPropsAccent | IPropsAnswer;
-export declare const Paragraph: ({ size, type, weight, className, children, color, ...rest }: ParagraphProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Paragraph: import("react").ForwardRefExoticComponent<ParagraphProps & import("react").RefAttributes<HTMLParagraphElement>>;

package/lib/components/Typography/Set/Title.d.ts

@@ -1,7 +1,8 @@
+import React from 'react';
 import { ACCENT, BOLD, ITypographyCommon, MEDIUM, NORMAL } from '../types';
 export interface ITitleProps extends ITypographyCommon {
     type: ACCENT | NORMAL;
     weight: BOLD | MEDIUM;
     size: 1 | 2 | 3 | 4;
 }
-export declare const Title: ({ weight, size, type, className, children, color, ...rest }: ITitleProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Title: React.ForwardRefExoticComponent<ITitleProps & React.RefAttributes<HTMLParagraphElement>>;

package/lib/index.mjs

@@ -6893,6 +6893,7 @@ import { useEffect, useRef, useState } from "react";
 
 // src/components/Typography/Set/Paragraph.tsx
 import clsx3 from "clsx";
+import { forwardRef as forwardRef2 } from "react";
 
 // src/components/Typography/utils.ts
 import { cva as cva3 } from "class-variance-authority";
@@ -6934,24 +6935,19 @@ var colorVariants = cva3(style_module_default4.typography, {
 
 // src/components/Typography/Set/Paragraph.tsx
 import { jsx as jsx139 } from "react/jsx-runtime";
-var Paragraph = /* @__PURE__ */ __name(({
-  size,
-  type,
-  weight,
-  className,
-  children,
-  color = "neutral-label-primary",
-  ...rest
-}) => {
-  return /* @__PURE__ */ jsx139(
-    "p",
-    {
-      ...rest,
-      className: clsx3(`lp-sys-typo-paragraph${size}-${type}-${weight}`, colorVariants({ type: color }), className),
-      children
-    }
-  );
-}, "Paragraph");
+var Paragraph = forwardRef2(
+  ({ size, type, weight, className, children, color = "neutral-label-primary", ...rest }, ref) => {
+    return /* @__PURE__ */ jsx139(
+      "p",
+      {
+        ...rest,
+        className: clsx3(`lp-sys-typo-paragraph${size}-${type}-${weight}`, colorVariants({ type: color }), className),
+        ref,
+        children
+      }
+    );
+  }
+);
 
 // src/components/Toast/index.tsx
 import { useRecoilValue, useSetRecoilState as useSetRecoilState2 } from "recoil";
@@ -7026,97 +7022,82 @@ var SingleToast = /* @__PURE__ */ __name((props) => {
 }, "SingleToast");
 
 // src/components/Typography/Set/Heading.tsx
+import { forwardRef as forwardRef3 } from "react";
 import clsx4 from "clsx";
 import { jsx as jsx141 } from "react/jsx-runtime";
-var Heading = /* @__PURE__ */ __name(({
-  size,
-  children,
-  type,
-  className,
-  color = "neutral-label-primary",
-  ...rest
-}) => {
-  const Element = `h${size}`;
-  return /* @__PURE__ */ jsx141(
-    Element,
-    {
-      ...rest,
-      className: clsx4(`lp-sys-typo-heading${size}-${type}`, colorVariants({ type: color }), className),
-      children
-    }
-  );
-}, "Heading");
+var Heading = forwardRef3(
+  ({ size, children, type, className, color = "neutral-label-primary", ...rest }, ref) => {
+    const Element = `h${size}`;
+    return /* @__PURE__ */ jsx141(
+      Element,
+      {
+        ...rest,
+        className: clsx4(`lp-sys-typo-heading${size}-${type}`, colorVariants({ type: color }), className),
+        ref,
+        children
+      }
+    );
+  }
+);
 
 // src/components/Typography/Set/Caption.tsx
 import clsx5 from "clsx";
+import { forwardRef as forwardRef4 } from "react";
 import { jsx as jsx142 } from "react/jsx-runtime";
-var Caption = /* @__PURE__ */ __name(({
-  children,
-  size,
-  weight,
-  type,
-  className,
-  color = "neutral-label-primary",
-  ...rest
-}) => {
-  return /* @__PURE__ */ jsx142(
-    "p",
-    {
-      ...rest,
-      className: clsx5(
-        `lp-sys-typo-caption${size}-${type}-${weight}`,
-        style_module_default4.caption,
-        colorVariants({ type: color }),
-        className
-      ),
-      children
-    }
-  );
-}, "Caption");
+var Caption = forwardRef4(
+  ({ children, size, weight, type, className, color = "neutral-label-primary", ...rest }, ref) => {
+    return /* @__PURE__ */ jsx142(
+      "p",
+      {
+        ...rest,
+        className: clsx5(
+          `lp-sys-typo-caption${size}-${type}-${weight}`,
+          style_module_default4.caption,
+          colorVariants({ type: color }),
+          className
+        ),
+        ref,
+        children
+      }
+    );
+  }
+);
 
 // src/components/Typography/Set/Title.tsx
+import { forwardRef as forwardRef5 } from "react";
 import clsx6 from "clsx";
 import { jsx as jsx143 } from "react/jsx-runtime";
-var Title2 = /* @__PURE__ */ __name(({
-  weight,
-  size,
-  type,
-  className,
-  children,
-  color = "neutral-label-primary",
-  ...rest
-}) => {
-  return /* @__PURE__ */ jsx143(
-    "p",
-    {
-      ...rest,
-      className: clsx6(`lp-sys-typo-title${size}-${type}-${weight}`, colorVariants({ type: color }), className),
-      children
-    }
-  );
-}, "Title");
+var Title2 = forwardRef5(
+  ({ weight, size, type, className, children, color = "neutral-label-primary", ...rest }, ref) => {
+    return /* @__PURE__ */ jsx143(
+      "p",
+      {
+        ...rest,
+        className: clsx6(`lp-sys-typo-title${size}-${type}-${weight}`, colorVariants({ type: color }), className),
+        ref,
+        children
+      }
+    );
+  }
+);
 
 // src/components/Typography/Set/Display.tsx
 import clsx7 from "clsx";
+import { forwardRef as forwardRef6 } from "react";
 import { jsx as jsx144 } from "react/jsx-runtime";
-var Display = /* @__PURE__ */ __name(({
-  size,
-  type,
-  weight,
-  className,
-  children,
-  color = "neutral-label-primary",
-  ...rest
-}) => {
-  return /* @__PURE__ */ jsx144(
-    "p",
-    {
-      ...rest,
-      className: clsx7(`lp-sys-typo-display${size}-${type}-${weight}`, colorVariants({ type: color }), className),
-      children
-    }
-  );
-}, "Display");
+var Display = forwardRef6(
+  ({ size, type, weight, className, children, color = "neutral-label-primary", ...rest }, ref) => {
+    return /* @__PURE__ */ jsx144(
+      "p",
+      {
+        ref,
+        ...rest,
+        className: clsx7(`lp-sys-typo-display${size}-${type}-${weight}`, colorVariants({ type: color }), className),
+        children
+      }
+    );
+  }
+);
 
 // src/components/Typography/Responsive/index.tsx
 import { createMedia } from "@artsy/fresnel";
@@ -7133,7 +7114,7 @@ var rootMediaStyle = AppMedia.createMediaStyle();
 var { Media, MediaContextProvider } = AppMedia;
 
 // src/components/Popover/index.tsx
-import * as React from "react";
+import * as React3 from "react";
 import * as PopoverPrimitive from "@radix-ui/react-popover";
 
 // src/components/Popover/style.module.scss
@@ -7200,7 +7181,7 @@ var PopoverAnchor = /* @__PURE__ */ __name(({ className }) => /* @__PURE__ */ js
     )
   }
 ), "PopoverAnchor");
-var PopoverContent = React.forwardRef(
+var PopoverContent = React3.forwardRef(
   ({
     level = "primary",
     position = "top",
@@ -7267,7 +7248,7 @@ var Popover = Object.assign(PopoverRoot, {
 
 // src/components/Tooltip/index.tsx
 import * as TooltipPrimitive from "@radix-ui/react-tooltip";
-import { forwardRef as forwardRef3 } from "react";
+import { forwardRef as forwardRef8 } from "react";
 
 // src/components/Tooltip/style.module.scss
 var style_module_default6 = {
@@ -7284,7 +7265,7 @@ var tooltipVariants = cva5([style_module_default6.tooltip, "lp-sys-typo-caption1
 var TooltipProvider = TooltipPrimitive.Provider;
 var TooltipRoot = /* @__PURE__ */ __name(({ children }) => /* @__PURE__ */ jsx146(TooltipPrimitive.Root, { delayDuration: 0, children }), "TooltipRoot");
 var TooltipTrigger = /* @__PURE__ */ __name(({ by }) => /* @__PURE__ */ jsx146(TooltipPrimitive.Trigger, { asChild: true, children: by }), "TooltipTrigger");
-var TooltipContent = forwardRef3(
+var TooltipContent = forwardRef8(
   ({ description, position = "top", className, offset = DEFAULT_OFFSET2, ...props }, ref) => /* @__PURE__ */ jsx146(
     TooltipPrimitive.Content,
     {
@@ -7305,7 +7286,7 @@ var Tooltip = Object.assign(TooltipRoot, {
 
 // src/components/IconButton/index.tsx
 import { cva as cva6 } from "class-variance-authority";
-import { forwardRef as forwardRef4 } from "react";
+import { forwardRef as forwardRef9 } from "react";
 import clsx10 from "clsx";
 
 // src/components/IconButton/style.module.scss
@@ -7358,7 +7339,7 @@ var iconButtonVariants = cva6([style_module_default7.iconButton], {
     }
   }
 });
-var IconButton = forwardRef4(
+var IconButton = forwardRef9(
   ({ asChild, level = "primary", name, thick = false, fill = false, size = "m", className, ...rest }, ref) => {
     const Comp = asChild ? Slot2 : "button";
     return /* @__PURE__ */ jsx147(Comp, { ...rest, className: clsx10(iconButtonVariants({ level, size }), className), ref, children: /* @__PURE__ */ jsx147(
@@ -7386,11 +7367,11 @@ var style_module_default8 = {
 };
 
 // src/components/CheckBox/index.tsx
-import { forwardRef as forwardRef6 } from "react";
+import { forwardRef as forwardRef11 } from "react";
 import clsx12 from "clsx";
 
 // src/components/_Label/index.tsx
-import { forwardRef as forwardRef5 } from "react";
+import { forwardRef as forwardRef10 } from "react";
 import * as LabelPrimitive from "@radix-ui/react-label";
 import clsx11 from "clsx";
 
@@ -7444,7 +7425,7 @@ var defaultLabelVariants = cva7(["lp-sys-typo-paragraph2-normal-medium", style_m
     }
   }
 });
-var Label = forwardRef5(
+var Label = forwardRef10(
   ({
     className,
     level = "primary",
@@ -7472,7 +7453,7 @@ var Label = forwardRef5(
 
 // src/components/CheckBox/index.tsx
 import { Fragment as Fragment3, jsx as jsx149, jsxs as jsxs103 } from "react/jsx-runtime";
-var Checkbox = forwardRef6(
+var Checkbox = forwardRef11(
   ({ className, label, description, ...props }, ref) => {
     const CheckboxWrapper = /* @__PURE__ */ __name(({ children }) => label ? /* @__PURE__ */ jsxs103(Label, { position: "right", htmlFor: props.id, children: [
       /* @__PURE__ */ jsxs103("div", { className: style_module_default8["label-wrapper"], children: [
@@ -7488,7 +7469,7 @@ var Checkbox = forwardRef6(
 // src/components/Radio/index.tsx
 import * as RadioGroupPrimitive from "@radix-ui/react-radio-group";
 import clsx13 from "clsx";
-import { forwardRef as forwardRef7 } from "react";
+import { forwardRef as forwardRef12 } from "react";
 
 // src/components/Radio/style.module.scss
 var style_module_default10 = {
@@ -7502,8 +7483,8 @@ var style_module_default10 = {
 // src/components/Radio/index.tsx
 import { Fragment as Fragment4, jsx as jsx150, jsxs as jsxs104 } from "react/jsx-runtime";
 var RadioIndicator = /* @__PURE__ */ __name(() => /* @__PURE__ */ jsx150("svg", { xmlns: "http://www.w3.org/2000/svg", width: "10", height: "10", viewBox: "0 0 10 10", fill: "none", children: /* @__PURE__ */ jsx150("circle", { cx: "5", cy: "5", r: "5", fill: "#313133" }) }), "RadioIndicator");
-var RadioRoot = forwardRef7(({ className, ...props }, ref) => /* @__PURE__ */ jsx150(RadioGroupPrimitive.Root, { className: clsx13(style_module_default10.radio, className), ...props }));
-var RadioItem = forwardRef7(
+var RadioRoot = forwardRef12(({ className, ...props }, ref) => /* @__PURE__ */ jsx150(RadioGroupPrimitive.Root, { className: clsx13(style_module_default10.radio, className), ...props }));
+var RadioItem = forwardRef12(
   ({ className, label, description, ...props }, ref) => {
     const RadioItemWrapper = /* @__PURE__ */ __name(({ children }) => label ? /* @__PURE__ */ jsxs104(Label, { position: "right", htmlFor: props.id, children: [
       /* @__PURE__ */ jsxs104("div", { className: style_module_default10["label-wrapper"], children: [
@@ -7521,7 +7502,7 @@ var Radio = Object.assign(RadioRoot, {
 
 // src/components/Textfield/index.tsx
 import {
-  forwardRef as forwardRef8,
+  forwardRef as forwardRef13,
   useId,
   useImperativeHandle,
   useRef as useRef2,
@@ -7562,7 +7543,7 @@ var defaultTextfieldVariants = cva8(style_module_default11.textfield, {
     }
   }
 });
-var Textfield = forwardRef8((props, ref) => {
+var Textfield = forwardRef13((props, ref) => {
   const {
     id = useId(),
     type,
@@ -7696,7 +7677,7 @@ var Textfield = forwardRef8((props, ref) => {
 });
 
 // src/components/Slider/index.tsx
-import { forwardRef as forwardRef9 } from "react";
+import { forwardRef as forwardRef14 } from "react";
 
 // src/components/Slider/style.module.scss
 var style_module_default12 = {
@@ -7714,7 +7695,7 @@ var style_module_default12 = {
 // src/components/Slider/index.tsx
 import * as SliderPrimitive from "@radix-ui/react-slider";
 import { Fragment as Fragment6, jsx as jsx152, jsxs as jsxs106 } from "react/jsx-runtime";
-var SliderRoot = forwardRef9((props, ref) => {
+var SliderRoot = forwardRef14((props, ref) => {
   const { label, tooltip, rangeLeft, rangeRight, min, max, step = 50, ...rest } = props;
   return /* @__PURE__ */ jsx152(Fragment6, { children: /* @__PURE__ */ jsxs106(Tooltip.Provider, { children: [
     /* @__PURE__ */ jsx152(Label, { level: "secondary", size: "m", offset: "high", className: style_module_default12.label, children: label }),
@@ -7770,10 +7751,10 @@ var style_module_default13 = {
 };
 
 // src/components/Select/index.tsx
-import { forwardRef as forwardRef10, useEffect as useEffect2, useState as useState4 } from "react";
+import { forwardRef as forwardRef15, useEffect as useEffect2, useState as useState4 } from "react";
 import clsx15 from "clsx";
 import { Fragment as Fragment7, jsx as jsx153, jsxs as jsxs107 } from "react/jsx-runtime";
-var SelectContent = forwardRef10((props, ref) => {
+var SelectContent = forwardRef15((props, ref) => {
   const { id, isResponsive, popSide, sideOffset, listLabel, children } = props;
   return /* @__PURE__ */ jsx153(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsx153(
     SelectPrimitive.Content,
@@ -7797,7 +7778,7 @@ var SelectContent = forwardRef10((props, ref) => {
       side: popSide,
       sideOffset,
       avoidCollisions: false,
-      children: /* @__PURE__ */ jsxs107(ScrollArea.Root, { className: style_module_default13.scrollAreaRoot, type: "scroll", children: [
+      children: /* @__PURE__ */ jsxs107(ScrollArea.Root, { className: style_module_default13.scrollAreaRoot, type: "always", children: [
         /* @__PURE__ */ jsx153(SelectPrimitive.Viewport, { asChild: true, children: /* @__PURE__ */ jsx153(ScrollArea.Viewport, { className: style_module_default13.scrollAreaViewport, style: { overflowY: void 0 }, children: /* @__PURE__ */ jsxs107(SelectPrimitive.Group, { children: [
           /* @__PURE__ */ jsx153(SelectPrimitive.Label, { asChild: true, children: /* @__PURE__ */ jsx153(Label, { className: style_module_default13["desktop-label"], level: "secondary", size: "m", offset: "low", children: listLabel }) }),
           children
@@ -7807,7 +7788,7 @@ var SelectContent = forwardRef10((props, ref) => {
     }
   ) });
 });
-var SelectRoot = forwardRef10((props, ref) => {
+var SelectRoot = forwardRef15((props, ref) => {
   const {
     id,
     placeholder,