@liner-fe/prism 1.12.19 → 1.12.21

package/lib/index.mjs

@@ -6392,6 +6392,32 @@ var ICLpPriIconMVolume = /* @__PURE__ */ __name((props) => {
   ) });
 }, "ICLpPriIconMVolume");
 
+// src/assets/lp-pri-icon-s-drop-up.tsx
+import { jsx as jsx136 } from "react/jsx-runtime";
+var ICLpPriIconSDropUp = /* @__PURE__ */ __name((props) => {
+  const { thick = false, fill = false, size = 32, color = "#1E1E1F" } = props;
+  if (fill && thick) {
+    return /* @__PURE__ */ jsx136("svg", { ...props, width: size, height: size, viewBox: "0 0 48 48", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx136(
+      "path",
+      {
+        "fill-rule": "evenodd",
+        "clip-rule": "evenodd",
+        d: "M13.0607 30.0602L23.6463 19.4746C23.8416 19.2793 24.1581 19.2793 24.3534 19.4746L34.9391 30.0602L37.0604 27.9389L26.4747 17.3533C25.1079 15.9864 22.8918 15.9864 21.525 17.3533L10.9393 27.9389L13.0607 30.0602Z",
+        fill: color
+      }
+    ) });
+  }
+  return /* @__PURE__ */ jsx136("svg", { ...props, width: size, height: size, viewBox: "0 0 48 48", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx136(
+    "path",
+    {
+      "fill-rule": "evenodd",
+      "clip-rule": "evenodd",
+      d: "M13.0607 30.0602L23.6463 19.4746C23.8416 19.2793 24.1581 19.2793 24.3534 19.4746L34.9391 30.0602L37.0604 27.9389L26.4747 17.3533C25.1079 15.9864 22.8918 15.9864 21.525 17.3533L10.9393 27.9389L13.0607 30.0602Z",
+      fill: color
+    }
+  ) });
+}, "ICLpPriIconSDropUp");
+
 // src/utils/icon.ts
 var iconMap = {
   "close-fill": ICCloseFill,
@@ -6528,7 +6554,8 @@ var iconMap = {
   "lp-pri-icon-m-spinner": ICLpPriIconMSpinner,
   "lp-pri-icon-s-drop-down": ICLpPriIconSDropDown,
   "lp-pri-icon-m-volume-up": ICLpPriIconMVolumeUp,
-  "lp-pri-icon-m-volume": ICLpPriIconMVolume
+  "lp-pri-icon-m-volume": ICLpPriIconMVolume,
+  "lp-pri-icon-s-drop-up": ICLpPriIconSDropUp
 };
 
 // src/utils/object.ts
@@ -6633,7 +6660,7 @@ var style_module_default2 = {
 };
 
 // src/components/Icon/index.tsx
-import { jsx as jsx136 } from "react/jsx-runtime";
+import { jsx as jsx137 } from "react/jsx-runtime";
 var iconSizeMap = {
   xs: 16,
   s: 20,
@@ -6686,7 +6713,7 @@ var Icon = /* @__PURE__ */ __name((props) => {
   } = props;
   const IconComponent = getIconComponent(name, iconMap);
   const iconSize = iconSizeMap[size];
-  return /* @__PURE__ */ jsx136(
+  return /* @__PURE__ */ jsx137(
     IconComponent,
     {
       ...rest,
@@ -6699,7 +6726,7 @@ var Icon = /* @__PURE__ */ __name((props) => {
 }, "Icon");
 
 // src/components/Button/index.tsx
-import { jsx as jsx137, jsxs as jsxs99 } from "react/jsx-runtime";
+import { jsx as jsx138, jsxs as jsxs99 } from "react/jsx-runtime";
 var buttonIconSizeMap = {
   cta: "m",
   l: "s",
@@ -6787,21 +6814,21 @@ var DefaultButton = forwardRef(
           ref
         },
         /* @__PURE__ */ jsxs99("span", { className: clsx2(defaultButtonChildrenVariants({ size })), children: [
-          !!leftIcon && /* @__PURE__ */ jsx137(Icon, { name: leftIcon.name, size: buttonIconSizeMap[size], thick: buttonSizeIconThickMap[size] }),
-          /* @__PURE__ */ jsx137("p", { className: style_module_default.content, children: newChildren }),
-          !!rightIcon && /* @__PURE__ */ jsx137(Icon, { name: rightIcon.name, size: buttonIconSizeMap[size], thick: buttonSizeIconThickMap[size] })
+          !!leftIcon && /* @__PURE__ */ jsx138(Icon, { name: leftIcon.name, size: buttonIconSizeMap[size], thick: buttonSizeIconThickMap[size] }),
+          /* @__PURE__ */ jsx138("p", { className: style_module_default.content, children: newChildren }),
+          !!rightIcon && /* @__PURE__ */ jsx138(Icon, { name: rightIcon.name, size: buttonIconSizeMap[size], thick: buttonSizeIconThickMap[size] })
         ] })
       );
       return ParentClone;
     }
-    return /* @__PURE__ */ jsx137(
+    return /* @__PURE__ */ jsx138(
       "button",
       {
         ...rest,
         className: clsx2(defaultButtonVariants({ level, fill, align, size, width }), className),
         ref,
         children: /* @__PURE__ */ jsxs99("span", { className: clsx2(defaultButtonChildrenVariants({ size })), children: [
-          !!leftIcon && /* @__PURE__ */ jsx137(
+          !!leftIcon && /* @__PURE__ */ jsx138(
             Icon,
             {
               name: leftIcon.name,
@@ -6810,8 +6837,8 @@ var DefaultButton = forwardRef(
               fill: leftIcon.fill
             }
           ),
-          /* @__PURE__ */ jsx137("p", { className: style_module_default.content, children }),
-          !!rightIcon && /* @__PURE__ */ jsx137(
+          /* @__PURE__ */ jsx138("p", { className: style_module_default.content, children }),
+          !!rightIcon && /* @__PURE__ */ jsx138(
             Icon,
             {
               name: rightIcon.name,
@@ -6828,16 +6855,16 @@ var DefaultButton = forwardRef(
 var TextButton = forwardRef(
   ({ level = "inverse-primary", asChild = false, className, ...rest }, ref) => {
     const Component = asChild ? Slot : "button";
-    return /* @__PURE__ */ jsx137(Component, { ...rest, className: clsx2(textButtonVariants({ level }), className), ref });
+    return /* @__PURE__ */ jsx138(Component, { ...rest, className: clsx2(textButtonVariants({ level }), className), ref });
   }
 );
 var Button = forwardRef((props, ref) => {
   switch (props.as) {
     case "default":
     case void 0:
-      return /* @__PURE__ */ jsx137(DefaultButton, { ...props, ref });
+      return /* @__PURE__ */ jsx138(DefaultButton, { ...props, ref });
     case "text":
-      return /* @__PURE__ */ jsx137(TextButton, { ...props, ref });
+      return /* @__PURE__ */ jsx138(TextButton, { ...props, ref });
   }
 });
 
@@ -6922,7 +6949,7 @@ var colorVariants = cva3(style_module_default4.typography, {
 });
 
 // src/components/Typography/Set/Paragraph.tsx
-import { jsx as jsx138 } from "react/jsx-runtime";
+import { jsx as jsx139 } from "react/jsx-runtime";
 var Paragraph = /* @__PURE__ */ __name(({
   size,
   type,
@@ -6932,7 +6959,7 @@ var Paragraph = /* @__PURE__ */ __name(({
   color = "neutral-label-primary",
   ...rest
 }) => {
-  return /* @__PURE__ */ jsx138(
+  return /* @__PURE__ */ jsx139(
     "p",
     {
       ...rest,
@@ -6944,13 +6971,13 @@ var Paragraph = /* @__PURE__ */ __name(({
 
 // src/components/Toast/index.tsx
 import { useRecoilValue, useSetRecoilState as useSetRecoilState2 } from "recoil";
-import { jsx as jsx139, jsxs as jsxs100 } from "react/jsx-runtime";
+import { jsx as jsx140, jsxs as jsxs100 } from "react/jsx-runtime";
 import { createElement } from "react";
 var Toaster = /* @__PURE__ */ __name(() => {
   const { list } = useRecoilValue(toastAtom);
   return /* @__PURE__ */ jsxs100(Provider, { children: [
     list.map((props) => /* @__PURE__ */ createElement(SingleToast, { ...props, key: props.toastId })),
-    /* @__PURE__ */ jsx139(Viewport, { className: style_module_default3.ToastViewport })
+    /* @__PURE__ */ jsx140(Viewport, { className: style_module_default3.ToastViewport })
   ] });
 }, "Toaster");
 var SingleToast = /* @__PURE__ */ __name((props) => {
@@ -6980,9 +7007,9 @@ var SingleToast = /* @__PURE__ */ __name((props) => {
     };
   }, []);
   return /* @__PURE__ */ jsxs100(Root, { className: style_module_default3.ToastRoot, open: isOpen, ...props, children: [
-    icon && /* @__PURE__ */ jsx139("i", { className: style_module_default3.Icon, children: /* @__PURE__ */ jsx139(Icon, { ...icon, size: "s" }) }),
+    icon && /* @__PURE__ */ jsx140("i", { className: style_module_default3.Icon, children: /* @__PURE__ */ jsx140(Icon, { ...icon, size: "s" }) }),
     /* @__PURE__ */ jsxs100(Title, { className: style_module_default3.ToastTitle, children: [
-      /* @__PURE__ */ jsx139(
+      /* @__PURE__ */ jsx140(
         Paragraph,
         {
           className: style_module_default3.TitleText,
@@ -6993,7 +7020,7 @@ var SingleToast = /* @__PURE__ */ __name((props) => {
           children: message
         }
       ),
-      button && /* @__PURE__ */ jsx139(
+      button && /* @__PURE__ */ jsx140(
         Button,
         {
           onClick: () => {
@@ -7016,7 +7043,7 @@ var SingleToast = /* @__PURE__ */ __name((props) => {
 
 // src/components/Typography/Set/Heading.tsx
 import clsx4 from "clsx";
-import { jsx as jsx140 } from "react/jsx-runtime";
+import { jsx as jsx141 } from "react/jsx-runtime";
 var Heading = /* @__PURE__ */ __name(({
   size,
   children,
@@ -7026,7 +7053,7 @@ var Heading = /* @__PURE__ */ __name(({
   ...rest
 }) => {
   const Element = `h${size}`;
-  return /* @__PURE__ */ jsx140(
+  return /* @__PURE__ */ jsx141(
     Element,
     {
       ...rest,
@@ -7038,7 +7065,7 @@ var Heading = /* @__PURE__ */ __name(({
 
 // src/components/Typography/Set/Caption.tsx
 import clsx5 from "clsx";
-import { jsx as jsx141 } from "react/jsx-runtime";
+import { jsx as jsx142 } from "react/jsx-runtime";
 var Caption = /* @__PURE__ */ __name(({
   children,
   size,
@@ -7048,7 +7075,7 @@ var Caption = /* @__PURE__ */ __name(({
   color = "neutral-label-primary",
   ...rest
 }) => {
-  return /* @__PURE__ */ jsx141(
+  return /* @__PURE__ */ jsx142(
     "p",
     {
       ...rest,
@@ -7065,7 +7092,7 @@ var Caption = /* @__PURE__ */ __name(({
 
 // src/components/Typography/Set/Title.tsx
 import clsx6 from "clsx";
-import { jsx as jsx142 } from "react/jsx-runtime";
+import { jsx as jsx143 } from "react/jsx-runtime";
 var Title2 = /* @__PURE__ */ __name(({
   weight,
   size,
@@ -7075,7 +7102,7 @@ var Title2 = /* @__PURE__ */ __name(({
   color = "neutral-label-primary",
   ...rest
 }) => {
-  return /* @__PURE__ */ jsx142(
+  return /* @__PURE__ */ jsx143(
     "p",
     {
       ...rest,
@@ -7087,7 +7114,7 @@ var Title2 = /* @__PURE__ */ __name(({
 
 // src/components/Typography/Set/Display.tsx
 import clsx7 from "clsx";
-import { jsx as jsx143 } from "react/jsx-runtime";
+import { jsx as jsx144 } from "react/jsx-runtime";
 var Display = /* @__PURE__ */ __name(({
   size,
   type,
@@ -7097,7 +7124,7 @@ var Display = /* @__PURE__ */ __name(({
   color = "neutral-label-primary",
   ...rest
 }) => {
-  return /* @__PURE__ */ jsx143(
+  return /* @__PURE__ */ jsx144(
     "p",
     {
       ...rest,
@@ -7144,7 +7171,7 @@ var style_module_default5 = {
 // src/components/Popover/index.tsx
 import { cva as cva4 } from "class-variance-authority";
 import { clsx as clsx8 } from "clsx";
-import { jsx as jsx144, jsxs as jsxs101 } from "react/jsx-runtime";
+import { jsx as jsx145, jsxs as jsxs101 } from "react/jsx-runtime";
 var DEFAULT_OFFSET = -6;
 var popoverVariants = cva4(style_module_default5.content, {
   variants: {
@@ -7166,9 +7193,9 @@ var popoverTagVariants = cva4([style_module_default5.tag, "lp-sys-typo-caption3-
 var popoverTitleVariants = cva4([style_module_default5.title, "lp-sys-typo-paragraph3-normal-bold"]);
 var popoverDescriptionVariants = cva4([style_module_default5.description, "lp-sys-typo-caption1-normal-regular"]);
 var popoverFooterVariants = cva4([style_module_default5.footer, "lp-sys-typo-caption1-normal-medium"]);
-var PopoverRoot = /* @__PURE__ */ __name(({ isOpen, children, onChange }) => /* @__PURE__ */ jsx144(PopoverPrimitive.Root, { open: isOpen, onOpenChange: onChange, children }), "PopoverRoot");
-var PopoverTrigger = /* @__PURE__ */ __name(({ by }) => /* @__PURE__ */ jsx144(PopoverPrimitive.Trigger, { asChild: true, children: by }), "PopoverTrigger");
-var PopoverAnchor = /* @__PURE__ */ __name(({ className }) => /* @__PURE__ */ jsx144(
+var PopoverRoot = /* @__PURE__ */ __name(({ isOpen, children, onChange }) => /* @__PURE__ */ jsx145(PopoverPrimitive.Root, { open: isOpen, onOpenChange: onChange, children }), "PopoverRoot");
+var PopoverTrigger = /* @__PURE__ */ __name(({ by }) => /* @__PURE__ */ jsx145(PopoverPrimitive.Trigger, { asChild: true, children: by }), "PopoverTrigger");
+var PopoverAnchor = /* @__PURE__ */ __name(({ className }) => /* @__PURE__ */ jsx145(
   "svg",
   {
     className,
@@ -7178,7 +7205,7 @@ var PopoverAnchor = /* @__PURE__ */ __name(({ className }) => /* @__PURE__ */ js
     height: "10",
     viewBox: "0 0 30 10",
     fill: "none",
-    children: /* @__PURE__ */ jsx144(
+    children: /* @__PURE__ */ jsx145(
       "path",
       {
         "fill-rule": "evenodd",
@@ -7203,7 +7230,7 @@ var PopoverContent = React.forwardRef(
     onClose,
     className,
     ...props
-  }, ref) => /* @__PURE__ */ jsx144(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsxs101(
+  }, ref) => /* @__PURE__ */ jsx145(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsxs101(
     PopoverPrimitive.Content,
     {
       ref,
@@ -7215,22 +7242,22 @@ var PopoverContent = React.forwardRef(
       children: [
         /* @__PURE__ */ jsxs101("div", { className: style_module_default5.contentContainer, children: [
           /* @__PURE__ */ jsxs101("div", { className: style_module_default5.heading, children: [
-            tag && /* @__PURE__ */ jsx144("span", { className: popoverTagVariants(), children: tag }),
-            icon && /* @__PURE__ */ jsx144(Icon, { name: icon.name, size: "xs", thick: icon.thick, fill: icon.fill }),
-            /* @__PURE__ */ jsx144("p", { className: popoverTitleVariants(), children: title }),
-            /* @__PURE__ */ jsx144(
+            tag && /* @__PURE__ */ jsx145("span", { className: popoverTagVariants(), children: tag }),
+            icon && /* @__PURE__ */ jsx145(Icon, { name: icon.name, size: "xs", thick: icon.thick, fill: icon.fill }),
+            /* @__PURE__ */ jsx145("p", { className: popoverTitleVariants(), children: title }),
+            /* @__PURE__ */ jsx145(
               PopoverPrimitive.PopoverClose,
               {
                 className: style_module_default5.closeButton,
                 onClick: () => {
                   onClose?.();
                 },
-                children: /* @__PURE__ */ jsx144(Icon, { name: "close-fill", size: "s", fill: true, thick: true, type: "neutral-label-static-primary" })
+                children: /* @__PURE__ */ jsx145(Icon, { name: "close-fill", size: "s", fill: true, thick: true, type: "neutral-label-static-primary" })
               }
             )
           ] }),
-          /* @__PURE__ */ jsx144("p", { className: popoverDescriptionVariants(), children: description }),
-          onConfirm && /* @__PURE__ */ jsx144("div", { className: popoverFooterVariants(), children: /* @__PURE__ */ jsx144(
+          /* @__PURE__ */ jsx145("p", { className: popoverDescriptionVariants(), children: description }),
+          onConfirm && /* @__PURE__ */ jsx145("div", { className: popoverFooterVariants(), children: /* @__PURE__ */ jsx145(
             Button,
             {
               as: "text",
@@ -7242,7 +7269,7 @@ var PopoverContent = React.forwardRef(
             }
           ) })
         ] }),
-        /* @__PURE__ */ jsx144(PopoverPrimitive.Arrow, { asChild: true, children: /* @__PURE__ */ jsx144(PopoverAnchor, { className: clsx8(popoverAnchorVariants({ level })) }) })
+        /* @__PURE__ */ jsx145(PopoverPrimitive.Arrow, { asChild: true, children: /* @__PURE__ */ jsx145(PopoverAnchor, { className: clsx8(popoverAnchorVariants({ level })) }) })
       ]
     }
   ) })
@@ -7267,14 +7294,14 @@ var style_module_default6 = {
 // src/components/Tooltip/index.tsx
 import { cva as cva5 } from "class-variance-authority";
 import clsx9 from "clsx";
-import { jsx as jsx145 } from "react/jsx-runtime";
+import { jsx as jsx146 } from "react/jsx-runtime";
 var DEFAULT_OFFSET2 = "medium";
 var tooltipVariants = cva5([style_module_default6.tooltip, "lp-sys-typo-caption1-normal-medium"]);
 var TooltipProvider = TooltipPrimitive.Provider;
-var TooltipRoot = /* @__PURE__ */ __name(({ children }) => /* @__PURE__ */ jsx145(TooltipPrimitive.Root, { delayDuration: 0, children }), "TooltipRoot");
-var TooltipTrigger = /* @__PURE__ */ __name(({ by }) => /* @__PURE__ */ jsx145(TooltipPrimitive.Trigger, { asChild: true, children: by }), "TooltipTrigger");
+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(
-  ({ description, position = "top", className, offset = DEFAULT_OFFSET2, ...props }, ref) => /* @__PURE__ */ jsx145(
+  ({ description, position = "top", className, offset = DEFAULT_OFFSET2, ...props }, ref) => /* @__PURE__ */ jsx146(
     TooltipPrimitive.Content,
     {
       ref,
@@ -7282,7 +7309,7 @@ var TooltipContent = forwardRef3(
       sideOffset: offset === "medium" ? 4 : 8,
       className: clsx9(tooltipVariants(), className),
       ...props,
-      children: /* @__PURE__ */ jsx145("p", { className: style_module_default6.tooltipContent, children: description })
+      children: /* @__PURE__ */ jsx146("p", { className: style_module_default6.tooltipContent, children: description })
     }
   )
 );
@@ -7314,7 +7341,7 @@ var style_module_default7 = {
 
 // src/components/IconButton/index.tsx
 import { Slot as Slot2 } from "@radix-ui/react-slot";
-import { jsx as jsx146 } from "react/jsx-runtime";
+import { jsx as jsx147 } from "react/jsx-runtime";
 var iconButtonSizeIconSizeMap = {
   l: "m",
   m: "s",
@@ -7350,7 +7377,7 @@ var iconButtonVariants = cva6([style_module_default7.iconButton], {
 var IconButton = forwardRef4(
   ({ asChild, level = "primary", name, thick = false, fill = false, size = "m", className, ...rest }, ref) => {
     const Comp = asChild ? Slot2 : "button";
-    return /* @__PURE__ */ jsx146(Comp, { ...rest, className: clsx10(iconButtonVariants({ level, size }), className), ref, children: /* @__PURE__ */ jsx146(
+    return /* @__PURE__ */ jsx147(Comp, { ...rest, className: clsx10(iconButtonVariants({ level, size }), className), ref, children: /* @__PURE__ */ jsx147(
       Icon,
       {
         name,
@@ -7404,7 +7431,7 @@ var style_module_default9 = {
 
 // src/components/_Label/index.tsx
 import { cva as cva7 } from "class-variance-authority";
-import { jsx as jsx147, jsxs as jsxs102 } from "react/jsx-runtime";
+import { jsx as jsx148, jsxs as jsxs102 } from "react/jsx-runtime";
 var defaultLabelVariants = cva7(["lp-sys-typo-paragraph2-normal-medium", style_module_default9.label], {
   variants: {
     level: {
@@ -7446,7 +7473,7 @@ var Label = forwardRef5(
     ...props
   }, ref) => {
     return /* @__PURE__ */ jsxs102("div", { className: style_module_default9["label-wrapper"], children: [
-      /* @__PURE__ */ jsx147(
+      /* @__PURE__ */ jsx148(
         LabelPrimitive.Root,
         {
           ref,
@@ -7454,23 +7481,23 @@ var Label = forwardRef5(
           ...props
         }
       ),
-      chip && /* @__PURE__ */ jsx147(Caption, { size: 2, type: "normal", weight: "medium", className: style_module_default9["label-chip"], children: chip })
+      chip && /* @__PURE__ */ jsx148(Caption, { size: 2, type: "normal", weight: "medium", className: style_module_default9["label-chip"], children: chip })
     ] });
   }
 );
 
 // src/components/CheckBox/index.tsx
-import { Fragment as Fragment3, jsx as jsx148, jsxs as jsxs103 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx149, jsxs as jsxs103 } from "react/jsx-runtime";
 var Checkbox = forwardRef6(
   ({ 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: [
         label,
-        /* @__PURE__ */ jsx148(Paragraph, { className: style_module_default8.description, size: 3, type: "normal", weight: "regular", children: description })
+        /* @__PURE__ */ jsx149(Paragraph, { className: style_module_default8.description, size: 3, type: "normal", weight: "regular", children: description })
       ] }),
       children
-    ] }) : /* @__PURE__ */ jsx148(Fragment3, { children }), "CheckboxWrapper");
-    return /* @__PURE__ */ jsx148(CheckboxWrapper, { children: /* @__PURE__ */ jsx148(CheckboxPrimitive.Root, { className: clsx12(style_module_default8.checkbox, className), ref, ...props, children: /* @__PURE__ */ jsx148(CheckboxPrimitive.Indicator, { className: style_module_default8["checkbox-indicator"], children: /* @__PURE__ */ jsx148(Icon, { name: "check-mark", thick: true, size: "xs", type: "inverse-label-primary" }) }) }) });
+    ] }) : /* @__PURE__ */ jsx149(Fragment3, { children }), "CheckboxWrapper");
+    return /* @__PURE__ */ jsx149(CheckboxWrapper, { children: /* @__PURE__ */ jsx149(CheckboxPrimitive.Root, { className: clsx12(style_module_default8.checkbox, className), ref, ...props, children: /* @__PURE__ */ jsx149(CheckboxPrimitive.Indicator, { className: style_module_default8["checkbox-indicator"], children: /* @__PURE__ */ jsx149(Icon, { name: "check-mark", thick: true, size: "xs", type: "inverse-label-primary" }) }) }) });
   }
 );
 
@@ -7489,19 +7516,19 @@ var style_module_default10 = {
 };
 
 // src/components/Radio/index.tsx
-import { Fragment as Fragment4, jsx as jsx149, jsxs as jsxs104 } from "react/jsx-runtime";
-var RadioIndicator = /* @__PURE__ */ __name(() => /* @__PURE__ */ jsx149("svg", { xmlns: "http://www.w3.org/2000/svg", width: "10", height: "10", viewBox: "0 0 10 10", fill: "none", children: /* @__PURE__ */ jsx149("circle", { cx: "5", cy: "5", r: "5", fill: "#313133" }) }), "RadioIndicator");
-var RadioRoot = forwardRef7(({ className, ...props }, ref) => /* @__PURE__ */ jsx149(RadioGroupPrimitive.Root, { className: clsx13(style_module_default10.radio, className), ...props }));
+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(
   ({ 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: [
         label,
-        /* @__PURE__ */ jsx149(Paragraph, { className: style_module_default10.description, size: 3, type: "normal", weight: "regular", children: description })
+        /* @__PURE__ */ jsx150(Paragraph, { className: style_module_default10.description, size: 3, type: "normal", weight: "regular", children: description })
       ] }),
       children
-    ] }) : /* @__PURE__ */ jsx149(Fragment4, { children }), "RadioItemWrapper");
-    return /* @__PURE__ */ jsx149(RadioItemWrapper, { children: /* @__PURE__ */ jsx149(RadioGroupPrimitive.Item, { ref, className: clsx13(style_module_default10["radio-item"], className), ...props, children: /* @__PURE__ */ jsx149(RadioGroupPrimitive.Indicator, { className: style_module_default10.indicator, children: /* @__PURE__ */ jsx149(RadioIndicator, {}) }) }) });
+    ] }) : /* @__PURE__ */ jsx150(Fragment4, { children }), "RadioItemWrapper");
+    return /* @__PURE__ */ jsx150(RadioItemWrapper, { children: /* @__PURE__ */ jsx150(RadioGroupPrimitive.Item, { ref, className: clsx13(style_module_default10["radio-item"], className), ...props, children: /* @__PURE__ */ jsx150(RadioGroupPrimitive.Indicator, { className: style_module_default10.indicator, children: /* @__PURE__ */ jsx150(RadioIndicator, {}) }) }) });
   }
 );
 var Radio = Object.assign(RadioRoot, {
@@ -7542,7 +7569,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 jsx150, jsxs as jsxs105 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx151, jsxs as jsxs105 } from "react/jsx-runtime";
 var defaultTextfieldVariants = cva8(style_module_default11.textfield, {
   variants: {
     color: {
@@ -7602,7 +7629,7 @@ var Textfield = forwardRef8((props, ref) => {
   }, "handleDeidentify");
   useImperativeHandle(ref, () => inputRef.current);
   return /* @__PURE__ */ jsxs105("div", { className: style_module_default11["textfield-container"], children: [
-    /* @__PURE__ */ jsx150(
+    /* @__PURE__ */ jsx151(
       "div",
       {
         className: clsx14(defaultTextfieldVariants({ color }), {
@@ -7611,7 +7638,7 @@ var Textfield = forwardRef8((props, ref) => {
         }),
         onClick: handleTextfieldClick,
         children: /* @__PURE__ */ jsxs105("div", { className: style_module_default11["input-wrapper"], children: [
-          /* @__PURE__ */ jsx150(
+          /* @__PURE__ */ jsx151(
             "input",
             {
               className: clsx14(style_module_default11.input, {
@@ -7626,7 +7653,7 @@ var Textfield = forwardRef8((props, ref) => {
               ...rest
             }
           ),
-          /* @__PURE__ */ jsx150(
+          /* @__PURE__ */ jsx151(
             Label,
             {
               className: clsx14(style_module_default11.label, {
@@ -7639,7 +7666,7 @@ var Textfield = forwardRef8((props, ref) => {
             }
           ),
           /* @__PURE__ */ jsxs105("div", { className: style_module_default11["input-action-buttons"], children: [
-            textfieldValue && !disabled && /* @__PURE__ */ jsx150(
+            textfieldValue && !disabled && /* @__PURE__ */ jsx151(
               IconButton,
               {
                 tabIndex: -1,
@@ -7652,7 +7679,7 @@ var Textfield = forwardRef8((props, ref) => {
                 onClick: handleClear
               }
             ),
-            isPassword && !disabled && /* @__PURE__ */ jsx150(
+            isPassword && !disabled && /* @__PURE__ */ jsx151(
               IconButton,
               {
                 tabIndex: -1,
@@ -7665,15 +7692,15 @@ var Textfield = forwardRef8((props, ref) => {
                 onClick: handleDeidentify
               }
             ),
-            button && /* @__PURE__ */ jsx150(Button, { size: "m", type: "button", onClick: button.onClick, children: button.text })
+            button && /* @__PURE__ */ jsx151(Button, { size: "m", type: "button", onClick: button.onClick, children: button.text })
           ] })
         ] })
       }
     ),
     displayFooter && /* @__PURE__ */ jsxs105("div", { className: style_module_default11.footer, children: [
-      /* @__PURE__ */ jsx150("div", { className: style_module_default11["error-wrapper"], children: error && /* @__PURE__ */ jsxs105(Fragment5, { children: [
-        /* @__PURE__ */ jsx150(Icon, { name: "exclamationmark-fill", fill: true, thick: true, size: "xs", type: "function-label-negative" }),
-        /* @__PURE__ */ jsx150(Caption, { size: 3, type: "normal", weight: "regular", className: style_module_default11["error-message"], children: error })
+      /* @__PURE__ */ jsx151("div", { className: style_module_default11["error-wrapper"], children: error && /* @__PURE__ */ jsxs105(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: [
         isControlled ? controlledValue.length : value.length,
@@ -7702,29 +7729,29 @@ var style_module_default12 = {
 
 // src/components/Slider/index.tsx
 import * as SliderPrimitive from "@radix-ui/react-slider";
-import { Fragment as Fragment6, jsx as jsx151, jsxs as jsxs106 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx152, jsxs as jsxs106 } from "react/jsx-runtime";
 var SliderRoot = forwardRef9((props, ref) => {
   const { label, tooltip, rangeLeft, rangeRight, min, max, step = 50, ...rest } = props;
-  return /* @__PURE__ */ jsx151(Fragment6, { children: /* @__PURE__ */ jsxs106(Tooltip.Provider, { children: [
-    /* @__PURE__ */ jsx151(Label, { level: "secondary", size: "m", offset: "high", className: style_module_default12.label, children: label }),
+  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 }),
     /* @__PURE__ */ jsxs106("div", { className: style_module_default12["slider-wrapper"], children: [
       /* @__PURE__ */ jsxs106("div", { className: style_module_default12["slider-option-wrapper"], children: [
-        /* @__PURE__ */ jsx151(Icon, { name: rangeLeft.icon, size: "xs" }),
-        /* @__PURE__ */ jsx151(Caption, { size: 1, type: "normal", weight: "medium", className: style_module_default12.optionText, children: rangeLeft.text })
+        /* @__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: [
-          Array.from({ length: 100 / step + 1 }).map((_, index) => /* @__PURE__ */ jsx151("span", { className: style_module_default12["slider-step"] }, index)),
-          /* @__PURE__ */ jsx151(SliderPrimitive.Range, { className: style_module_default12["slider-range"] })
+          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__ */ jsx151(Tooltip.Trigger, { by: /* @__PURE__ */ jsx151(SliderPrimitive.Thumb, { className: style_module_default12["slider-thumb"] }) }),
-          /* @__PURE__ */ jsx151(Tooltip.Content, { description: tooltip })
+          /* @__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__ */ jsx151(Icon, { name: rangeRight.icon, size: "xs" }),
-        /* @__PURE__ */ jsx151(Caption, { size: 1, type: "normal", weight: "medium", className: style_module_default12.optionText, children: rangeRight.text })
+        /* @__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 })
       ] })
     ] })
   ] }) });
@@ -7779,7 +7806,7 @@ var useMediaQuery = /* @__PURE__ */ __name((query) => {
 }, "useMediaQuery");
 
 // src/components/Select/index.tsx
-import { Fragment as Fragment7, jsx as jsx152, jsxs as jsxs107 } from "react/jsx-runtime";
+import { Fragment as Fragment7, jsx as jsx153, jsxs as jsxs107 } from "react/jsx-runtime";
 var SelectRoot = forwardRef10((props, ref) => {
   const {
     id,
@@ -7804,7 +7831,7 @@ var SelectRoot = forwardRef10((props, ref) => {
     setIsOpen(open);
   }, [open]);
   return /* @__PURE__ */ jsxs107(Fragment7, { children: [
-    /* @__PURE__ */ jsx152(Label, { className: style_module_default13["select-label"], level: "secondary", size: "m", offset: "low", htmlFor: id, chip: labelChip, children: label }),
+    /* @__PURE__ */ jsx153(Label, { className: style_module_default13["select-label"], level: "secondary", size: "m", offset: "low", htmlFor: id, chip: labelChip, children: label }),
     /* @__PURE__ */ jsxs107(
       SelectPrimitive.Root,
       {
@@ -7816,11 +7843,11 @@ var SelectRoot = forwardRef10((props, ref) => {
         },
         children: [
           /* @__PURE__ */ jsxs107(SelectPrimitive.Trigger, { className: style_module_default13.trigger, ref, id, children: [
-            /* @__PURE__ */ jsx152(SelectPrimitive.Value, { className: style_module_default13.placeholder, placeholder }),
-            /* @__PURE__ */ jsx152(SelectPrimitive.Icon, { className: style_module_default13.openIcon, children: /* @__PURE__ */ jsx152(Icon, { name: "arrow-drop-down", fill: true, thick: true, size: "xs" }) })
+            /* @__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" }) })
           ] }),
-          /* @__PURE__ */ jsx152(SelectPrimitive.Portal, { children: isMobile ? /* @__PURE__ */ jsxs107(Fragment7, { children: [
-            /* @__PURE__ */ jsx152(
+          /* @__PURE__ */ jsx153(SelectPrimitive.Portal, { children: isMobile ? /* @__PURE__ */ jsxs107(Fragment7, { children: [
+            /* @__PURE__ */ jsx153(
               SelectPrimitive.Content,
               {
                 className: clsx15(style_module_default13["mobile-content"], {
@@ -7831,9 +7858,9 @@ var SelectRoot = forwardRef10((props, ref) => {
                 }),
                 avoidCollisions: false,
                 children: /* @__PURE__ */ jsxs107(ScrollArea.Root, { className: style_module_default13.scrollAreaRoot, type: "scroll", children: [
-                  /* @__PURE__ */ jsx152(SelectPrimitive.Viewport, { asChild: true, children: /* @__PURE__ */ jsxs107(SelectPrimitive.Group, { children: [
+                  /* @__PURE__ */ jsx153(SelectPrimitive.Viewport, { asChild: true, children: /* @__PURE__ */ jsxs107(SelectPrimitive.Group, { children: [
                     /* @__PURE__ */ jsxs107("div", { className: style_module_default13.header, children: [
-                      /* @__PURE__ */ jsx152(
+                      /* @__PURE__ */ jsx153(
                         IconButton,
                         {
                           name: "arrow-back",
@@ -7847,8 +7874,8 @@ var SelectRoot = forwardRef10((props, ref) => {
                           }
                         }
                       ),
-                      /* @__PURE__ */ jsx152(SelectPrimitive.Label, { asChild: true, children: /* @__PURE__ */ jsx152(Label, { className: style_module_default13["mobile-label"], level: "primary", size: "m", offset: "low", children: listLabel }) }),
-                      /* @__PURE__ */ jsx152(
+                      /* @__PURE__ */ jsx153(SelectPrimitive.Label, { asChild: true, children: /* @__PURE__ */ jsx153(Label, { className: style_module_default13["mobile-label"], level: "primary", size: "m", offset: "low", children: listLabel }) }),
+                      /* @__PURE__ */ jsx153(
                         IconButton,
                         {
                           name: "close",
@@ -7863,14 +7890,14 @@ var SelectRoot = forwardRef10((props, ref) => {
                         }
                       )
                     ] }),
-                    /* @__PURE__ */ jsx152(ScrollArea.Viewport, { className: style_module_default13["mobile-viewport"], children })
+                    /* @__PURE__ */ jsx153(ScrollArea.Viewport, { className: style_module_default13["mobile-viewport"], children })
                   ] }) }),
-                  /* @__PURE__ */ jsx152(ScrollArea.Scrollbar, { className: style_module_default13.scrollAreaScrollbar, orientation: "vertical", children: /* @__PURE__ */ jsx152(ScrollArea.Thumb, { className: style_module_default13.scrollAreaThumb }) })
+                  /* @__PURE__ */ jsx153(ScrollArea.Scrollbar, { className: style_module_default13.scrollAreaScrollbar, orientation: "vertical", children: /* @__PURE__ */ jsx153(ScrollArea.Thumb, { className: style_module_default13.scrollAreaThumb }) })
                 ] })
               }
             ),
-            isOverlay && /* @__PURE__ */ jsx152("div", { className: style_module_default13["mobile-overlay"] })
-          ] }) : /* @__PURE__ */ jsx152(
+            isOverlay && /* @__PURE__ */ jsx153("div", { className: style_module_default13["mobile-overlay"] })
+          ] }) : /* @__PURE__ */ jsx153(
             SelectPrimitive.Content,
             {
               className: style_module_default13["desktop-content"],
@@ -7879,11 +7906,11 @@ var SelectRoot = forwardRef10((props, ref) => {
               sideOffset,
               avoidCollisions: false,
               children: /* @__PURE__ */ jsxs107(ScrollArea.Root, { className: style_module_default13.scrollAreaRoot, type: "scroll", children: [
-                /* @__PURE__ */ jsx152(SelectPrimitive.Viewport, { asChild: true, children: /* @__PURE__ */ jsx152(ScrollArea.Viewport, { className: style_module_default13.scrollAreaViewport, children: /* @__PURE__ */ jsxs107(SelectPrimitive.Group, { children: [
-                  /* @__PURE__ */ jsx152(SelectPrimitive.Label, { asChild: true, children: /* @__PURE__ */ jsx152(Label, { className: style_module_default13["desktop-label"], level: "secondary", size: "m", offset: "low", children: listLabel }) }),
+                /* @__PURE__ */ jsx153(SelectPrimitive.Viewport, { asChild: true, children: /* @__PURE__ */ jsx153(ScrollArea.Viewport, { className: style_module_default13.scrollAreaViewport, 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
                 ] }) }) }),
-                /* @__PURE__ */ jsx152(ScrollArea.Scrollbar, { className: style_module_default13.scrollAreaScrollbar, orientation: "vertical", children: /* @__PURE__ */ jsx152(ScrollArea.Thumb, { className: style_module_default13.scrollAreaThumb }) })
+                /* @__PURE__ */ jsx153(ScrollArea.Scrollbar, { className: style_module_default13.scrollAreaScrollbar, orientation: "vertical", children: /* @__PURE__ */ jsx153(ScrollArea.Thumb, { className: style_module_default13.scrollAreaThumb }) })
               ] })
             }
           ) })
@@ -7892,11 +7919,23 @@ var SelectRoot = forwardRef10((props, ref) => {
     )
   ] });
 });
-var SelectItem = /* @__PURE__ */ __name(({ value, disabled, icon }) => /* @__PURE__ */ jsxs107(SelectPrimitive.Item, { className: style_module_default13.item, value, disabled, children: [
-  /* @__PURE__ */ jsx152(SelectPrimitive.ItemText, { className: "item", children: /* @__PURE__ */ jsx152(Paragraph, { size: 3, type: "normal", weight: "medium", children: value }) }),
-  icon && /* @__PURE__ */ jsx152(SelectPrimitive.Icon, { className: style_module_default13.icon, children: /* @__PURE__ */ jsx152(Icon, { size: "xs", ...icon }) }),
-  /* @__PURE__ */ jsx152(SelectPrimitive.ItemIndicator, { className: style_module_default13.itemIndicator, children: /* @__PURE__ */ jsx152(Icon, { fill: false, thick: true, size: "xs", name: "check-mark", type: "brand-label-primary" }) })
-] }), "SelectItem");
+var SelectItem = /* @__PURE__ */ __name(({ value, disabled, icon, onClick }) => /* @__PURE__ */ jsxs107(
+  SelectPrimitive.Item,
+  {
+    className: style_module_default13.item,
+    value,
+    disabled,
+    onClick: (e) => {
+      e.stopPropagation();
+      onClick?.();
+    },
+    children: [
+      /* @__PURE__ */ jsx153(SelectPrimitive.ItemText, { className: "item", children: /* @__PURE__ */ jsx153(Paragraph, { size: 3, type: "normal", weight: "medium", children: value }) }),
+      icon && /* @__PURE__ */ jsx153(SelectPrimitive.Icon, { className: style_module_default13.icon, children: /* @__PURE__ */ jsx153(Icon, { size: "xs", ...icon }) }),
+      /* @__PURE__ */ jsx153(SelectPrimitive.ItemIndicator, { className: style_module_default13.itemIndicator, children: /* @__PURE__ */ jsx153(Icon, { fill: false, thick: true, size: "xs", name: "check-mark", type: "brand-label-primary" }) })
+    ]
+  }
+), "SelectItem");
 var Select = Object.assign(SelectRoot, {
   Item: SelectItem
 });