@liner-fe/prism 1.12.32 → 1.12.34

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,36 +7367,34 @@ 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";
 
 // src/components/_Label/style.module.scss
 var style_module_default9 = {
-  "label-wrapper": "_label-wrapper_ayib1_1",
-  "label": "_label_ayib1_1",
-  "error": "_error_ayib1_21",
-  "primary": "_primary_ayib1_25",
-  "secondary": "_secondary_ayib1_36",
-  "top": "_top_ayib1_47",
-  "l": "_l_ayib1_1",
-  "offset-high": "_offset-high_ayib1_50",
-  "offset-medium": "_offset-medium_ayib1_53",
-  "offset-low": "_offset-low_ayib1_56",
-  "m": "_m_ayib1_59",
-  "s": "_s_ayib1_36",
-  "right": "_right_ayib1_78",
-  "disabled": "_disabled_ayib1_100",
-  "label-chip": "_label-chip_ayib1_105"
+  "label": "_label_10wug_1",
+  "error": "_error_10wug_15",
+  "primary": "_primary_10wug_19",
+  "secondary": "_secondary_10wug_30",
+  "top": "_top_10wug_41",
+  "l": "_l_10wug_1",
+  "offset-high": "_offset-high_10wug_44",
+  "offset-medium": "_offset-medium_10wug_47",
+  "offset-low": "_offset-low_10wug_50",
+  "m": "_m_10wug_53",
+  "s": "_s_10wug_30",
+  "right": "_right_10wug_72",
+  "disabled": "_disabled_10wug_94"
 };
 
 // src/components/_Label/index.tsx
 import { cva as cva7 } from "class-variance-authority";
-import { jsx as jsx148, jsxs as jsxs102 } from "react/jsx-runtime";
+import { jsx as jsx148 } from "react/jsx-runtime";
 var defaultLabelVariants = cva7(["lp-sys-typo-paragraph2-normal-medium", style_module_default9.label], {
   variants: {
     level: {
@@ -7444,7 +7423,7 @@ var defaultLabelVariants = cva7(["lp-sys-typo-paragraph2-normal-medium", style_m
     }
   }
 });
-var Label = forwardRef5(
+var Label = forwardRef10(
   ({
     className,
     level = "primary",
@@ -7453,29 +7432,25 @@ var Label = forwardRef5(
     offset = "medium",
     disabled = false,
     error = false,
-    chip,
     ...props
   }, ref) => {
-    return /* @__PURE__ */ jsxs102("div", { className: style_module_default9["label-wrapper"], children: [
-      /* @__PURE__ */ jsx148(
-        LabelPrimitive.Root,
-        {
-          ref,
-          className: clsx11(defaultLabelVariants({ level, position, size, offset, disabled, error }), className),
-          ...props
-        }
-      ),
-      chip && /* @__PURE__ */ jsx148(Caption, { size: 2, type: "normal", weight: "medium", className: style_module_default9["label-chip"], children: chip })
-    ] });
+    return /* @__PURE__ */ jsx148(
+      LabelPrimitive.Root,
+      {
+        ref,
+        className: clsx11(defaultLabelVariants({ level, position, size, offset, disabled, error }), className),
+        ...props
+      }
+    );
   }
 );
 
 // src/components/CheckBox/index.tsx
-import { Fragment as Fragment3, jsx as jsx149, jsxs as jsxs103 } from "react/jsx-runtime";
-var Checkbox = forwardRef6(
+import { Fragment as Fragment3, jsx as jsx149, jsxs as jsxs102 } from "react/jsx-runtime";
+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: [
+    const CheckboxWrapper = /* @__PURE__ */ __name(({ children }) => label ? /* @__PURE__ */ jsxs102(Label, { position: "right", htmlFor: props.id, children: [
+      /* @__PURE__ */ jsxs102("div", { className: style_module_default8["label-wrapper"], children: [
         label,
         /* @__PURE__ */ jsx149(Paragraph, { className: style_module_default8.description, size: 3, type: "normal", weight: "regular", children: description })
       ] }),
@@ -7488,7 +7463,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 = {
@@ -7500,13 +7475,13 @@ var style_module_default10 = {
 };
 
 // src/components/Radio/index.tsx
-import { Fragment as Fragment4, jsx as jsx150, jsxs as jsxs104 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx150, jsxs as jsxs103 } 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: [
+    const RadioItemWrapper = /* @__PURE__ */ __name(({ children }) => label ? /* @__PURE__ */ jsxs103(Label, { position: "right", htmlFor: props.id, children: [
+      /* @__PURE__ */ jsxs103("div", { className: style_module_default10["label-wrapper"], children: [
         label,
         /* @__PURE__ */ jsx150(Paragraph, { className: style_module_default10.description, size: 3, type: "normal", weight: "regular", children: description })
       ] }),
@@ -7521,7 +7496,7 @@ var Radio = Object.assign(RadioRoot, {
 
 // src/components/Textfield/index.tsx
 import {
-  forwardRef as forwardRef8,
+  forwardRef as forwardRef13,
   useId,
   useImperativeHandle,
   useRef as useRef2,
@@ -7553,7 +7528,7 @@ var style_module_default11 = {
 // src/components/Textfield/index.tsx
 import { cva as cva8 } from "class-variance-authority";
 import clsx14 from "clsx";
-import { Fragment as Fragment5, jsx as jsx151, jsxs as jsxs105 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx151, jsxs as jsxs104 } from "react/jsx-runtime";
 var defaultTextfieldVariants = cva8(style_module_default11.textfield, {
   variants: {
     color: {
@@ -7562,7 +7537,7 @@ var defaultTextfieldVariants = cva8(style_module_default11.textfield, {
     }
   }
 });
-var Textfield = forwardRef8((props, ref) => {
+var Textfield = forwardRef13((props, ref) => {
   const {
     id = useId(),
     type,
@@ -7612,7 +7587,7 @@ var Textfield = forwardRef8((props, ref) => {
     }
   }, "handleDeidentify");
   useImperativeHandle(ref, () => inputRef.current);
-  return /* @__PURE__ */ jsxs105("div", { className: style_module_default11["textfield-container"], children: [
+  return /* @__PURE__ */ jsxs104("div", { className: style_module_default11["textfield-container"], children: [
     /* @__PURE__ */ jsx151(
       "div",
       {
@@ -7621,7 +7596,7 @@ var Textfield = forwardRef8((props, ref) => {
           [style_module_default11["label-out-textfield"]]: labelType === "out"
         }),
         onClick: handleTextfieldClick,
-        children: /* @__PURE__ */ jsxs105("div", { className: style_module_default11["input-wrapper"], children: [
+        children: /* @__PURE__ */ jsxs104("div", { className: style_module_default11["input-wrapper"], children: [
           /* @__PURE__ */ jsx151(
             "input",
             {
@@ -7649,7 +7624,7 @@ var Textfield = forwardRef8((props, ref) => {
               children: labelText
             }
           ),
-          /* @__PURE__ */ jsxs105("div", { className: style_module_default11["input-action-buttons"], children: [
+          /* @__PURE__ */ jsxs104("div", { className: style_module_default11["input-action-buttons"], children: [
             textfieldValue && !disabled && /* @__PURE__ */ jsx151(
               IconButton,
               {
@@ -7681,12 +7656,12 @@ var Textfield = forwardRef8((props, ref) => {
         ] })
       }
     ),
-    displayFooter && /* @__PURE__ */ jsxs105("div", { className: style_module_default11.footer, children: [
-      /* @__PURE__ */ jsx151("div", { className: style_module_default11["error-wrapper"], children: error && /* @__PURE__ */ jsxs105(Fragment5, { children: [
+    displayFooter && /* @__PURE__ */ jsxs104("div", { className: style_module_default11.footer, children: [
+      /* @__PURE__ */ jsx151("div", { className: style_module_default11["error-wrapper"], children: error && /* @__PURE__ */ jsxs104(Fragment5, { children: [
         /* @__PURE__ */ jsx151(Icon, { name: "exclamationmark-fill", fill: true, thick: true, size: "xs", type: "function-label-negative" }),
         /* @__PURE__ */ jsx151(Caption, { size: 3, type: "normal", weight: "regular", className: style_module_default11["error-message"], children: error })
       ] }) }),
-      maxCharacter && /* @__PURE__ */ jsxs105(Caption, { className: style_module_default11.character, size: 3, type: "normal", weight: "regular", children: [
+      maxCharacter && /* @__PURE__ */ jsxs104(Caption, { className: style_module_default11.character, size: 3, type: "normal", weight: "regular", children: [
         isControlled ? controlledValue.length : value.length,
         "/",
         maxCharacter
@@ -7696,7 +7671,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 = {
@@ -7713,27 +7688,27 @@ 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) => {
+import { Fragment as Fragment6, jsx as jsx152, jsxs as jsxs105 } from "react/jsx-runtime";
+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: [
+  return /* @__PURE__ */ jsx152(Fragment6, { children: /* @__PURE__ */ jsxs105(Tooltip.Provider, { children: [
     /* @__PURE__ */ jsx152(Label, { level: "secondary", size: "m", offset: "high", className: style_module_default12.label, children: label }),
-    /* @__PURE__ */ jsxs106("div", { className: style_module_default12["slider-wrapper"], children: [
-      /* @__PURE__ */ jsxs106("div", { className: style_module_default12["slider-option-wrapper"], children: [
+    /* @__PURE__ */ jsxs105("div", { className: style_module_default12["slider-wrapper"], children: [
+      /* @__PURE__ */ jsxs105("div", { className: style_module_default12["slider-option-wrapper"], children: [
         /* @__PURE__ */ jsx152(Icon, { name: rangeLeft.icon, size: "xs" }),
         /* @__PURE__ */ jsx152(Caption, { size: 1, type: "normal", weight: "medium", className: style_module_default12.optionText, children: rangeLeft.text })
       ] }),
-      /* @__PURE__ */ jsxs106(SliderPrimitive.Root, { ...rest, step, className: style_module_default12["slider-root"], ref, children: [
-        /* @__PURE__ */ jsxs106(SliderPrimitive.Track, { className: style_module_default12["slider-track"], children: [
+      /* @__PURE__ */ jsxs105(SliderPrimitive.Root, { ...rest, step, className: style_module_default12["slider-root"], ref, children: [
+        /* @__PURE__ */ jsxs105(SliderPrimitive.Track, { className: style_module_default12["slider-track"], children: [
           Array.from({ length: 100 / step + 1 }).map((_, index) => /* @__PURE__ */ jsx152("span", { className: style_module_default12["slider-step"] }, index)),
           /* @__PURE__ */ jsx152(SliderPrimitive.Range, { className: style_module_default12["slider-range"] })
         ] }),
-        /* @__PURE__ */ jsxs106(Tooltip, { children: [
+        /* @__PURE__ */ jsxs105(Tooltip, { children: [
           /* @__PURE__ */ jsx152(Tooltip.Trigger, { by: /* @__PURE__ */ jsx152(SliderPrimitive.Thumb, { className: style_module_default12["slider-thumb"] }) }),
           /* @__PURE__ */ jsx152(Tooltip.Content, { description: tooltip })
         ] })
       ] }),
-      /* @__PURE__ */ jsxs106("div", { className: style_module_default12["slider-option-wrapper"], children: [
+      /* @__PURE__ */ jsxs105("div", { className: style_module_default12["slider-option-wrapper"], children: [
         /* @__PURE__ */ jsx152(Icon, { name: rangeRight.icon, size: "xs" }),
         /* @__PURE__ */ jsx152(Caption, { size: 1, type: "normal", weight: "medium", className: style_module_default12.optionText, children: rangeRight.text })
       ] })
@@ -7770,10 +7745,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) => {
+import { Fragment as Fragment7, jsx as jsx153, jsxs as jsxs106 } from "react/jsx-runtime";
+var SelectContent = forwardRef15((props, ref) => {
   const { id, isResponsive, popSide, sideOffset, listLabel, children } = props;
   return /* @__PURE__ */ jsx153(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsx153(
     SelectPrimitive.Content,
@@ -7797,8 +7772,8 @@ var SelectContent = forwardRef10((props, ref) => {
       side: popSide,
       sideOffset,
       avoidCollisions: false,
-      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: [
+      children: /* @__PURE__ */ jsxs106(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__ */ jsxs106(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,12 +7782,12 @@ var SelectContent = forwardRef10((props, ref) => {
     }
   ) });
 });
-var SelectRoot = forwardRef10((props, ref) => {
+var SelectRoot = forwardRef15((props, ref) => {
   const {
     id,
     placeholder,
     label,
-    labelChip,
+    chip,
     listLabel,
     popSide = "top",
     sideOffset = 6,
@@ -7828,9 +7803,9 @@ var SelectRoot = forwardRef10((props, ref) => {
   useEffect2(() => {
     setIsOpen(open);
   }, [open]);
-  return /* @__PURE__ */ jsxs107(Fragment7, { children: [
-    /* @__PURE__ */ jsx153(Label, { className: style_module_default13["select-label"], level: "secondary", size: "m", offset: "low", htmlFor: id, chip: labelChip, children: label }),
-    /* @__PURE__ */ jsxs107(
+  return /* @__PURE__ */ jsxs106(Fragment7, { children: [
+    /* @__PURE__ */ jsx153(Label, { className: style_module_default13["select-label"], level: "secondary", size: "m", offset: "low", htmlFor: id, children: label }),
+    /* @__PURE__ */ jsxs106(
       SelectPrimitive.Root,
       {
         ...rest,
@@ -7840,7 +7815,7 @@ var SelectRoot = forwardRef10((props, ref) => {
           setIsOpen(open2);
         },
         children: [
-          /* @__PURE__ */ jsxs107(SelectPrimitive.Trigger, { className: style_module_default13.trigger, ref, id, children: [
+          /* @__PURE__ */ jsxs106(SelectPrimitive.Trigger, { className: style_module_default13.trigger, ref, id, children: [
             /* @__PURE__ */ jsx153(SelectPrimitive.Value, { className: style_module_default13.placeholder, placeholder }),
             /* @__PURE__ */ jsx153(SelectPrimitive.Icon, { className: style_module_default13.openIcon, children: /* @__PURE__ */ jsx153(Icon, { name: "arrow-drop-down", fill: true, thick: true, size: "xs" }) })
           ] }),
@@ -7850,7 +7825,7 @@ var SelectRoot = forwardRef10((props, ref) => {
     )
   ] });
 });
-var SelectItem = /* @__PURE__ */ __name(({ value, disabled, icon, onClick }) => /* @__PURE__ */ jsxs107(
+var SelectItem = /* @__PURE__ */ __name(({ value, disabled, icon, onClick }) => /* @__PURE__ */ jsxs106(
   SelectPrimitive.Item,
   {
     className: style_module_default13.item,