@liner-fe/prism 2.1.40 → 2.1.41

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/lib/index.mjs CHANGED
@@ -8494,36 +8494,279 @@ var Typography = /* @__PURE__ */ __name((props) => {
8494
8494
  );
8495
8495
  }, "Typography");
8496
8496
 
8497
+ // src/components/Popover/index.tsx
8498
+ import * as React3 from "react";
8499
+ import * as PopoverPrimitive from "@radix-ui/react-popover";
8500
+
8501
+ // src/components/Popover/style.module.scss
8502
+ var style_module_default6 = {
8503
+ "content": "_content_1pzw3_1",
8504
+ "anchor": "_anchor_1pzw3_7",
8505
+ "primary": "_primary_1pzw3_10",
8506
+ "secondary": "_secondary_1pzw3_16",
8507
+ "contentContainer": "_contentContainer_1pzw3_31",
8508
+ "heading": "_heading_1pzw3_39",
8509
+ "tag": "_tag_1pzw3_45",
8510
+ "title": "_title_1pzw3_56",
8511
+ "description": "_description_1pzw3_61",
8512
+ "footer": "_footer_1pzw3_67",
8513
+ "arrow": "_arrow_1pzw3_73",
8514
+ "closeButton": "_closeButton_1pzw3_77",
8515
+ "overlay": "_overlay_1pzw3_89"
8516
+ };
8517
+
8518
+ // src/components/Popover/index.tsx
8519
+ import { cva as cva6 } from "cva";
8520
+ import { clsx as clsx9 } from "clsx";
8521
+
8522
+ // src/components/TextButton/index.tsx
8523
+ import { cva as cva5 } from "cva";
8524
+
8525
+ // src/components/TextButton/style.module.scss
8526
+ var style_module_default7 = {
8527
+ "button": "_button_geax8_1",
8528
+ "text": "_text_geax8_27",
8529
+ "size-m": "_size-m_geax8_34",
8530
+ "size-s": "_size-s_geax8_37",
8531
+ "primary": "_primary_geax8_40",
8532
+ "secondary": "_secondary_geax8_44",
8533
+ "tertiary": "_tertiary_geax8_48",
8534
+ "inverse": "_inverse_geax8_52",
8535
+ "inverse-static": "_inverse-static_geax8_56",
8536
+ "thick": "_thick_geax8_61",
8537
+ "underline": "_underline_geax8_65",
8538
+ "text-children": "_text-children_geax8_70"
8539
+ };
8540
+
8541
+ // src/components/TextButton/index.tsx
8542
+ import { Children as Children2, cloneElement as cloneElement2, forwardRef as forwardRef7 } from "react";
8543
+ import clsx8 from "clsx";
8544
+ import { jsx as jsx165, jsxs as jsxs111 } from "react/jsx-runtime";
8545
+ var textButtonLevelIconTypeMap = {
8546
+ primary: "brand-label-primary",
8547
+ secondary: "neutral-label-primary",
8548
+ tertiary: "neutral-label-secondary",
8549
+ inverse: "inverse-label-primary",
8550
+ "inverse-static": "inverse-label-static-primary"
8551
+ };
8552
+ var textButtonLevelIconFillTypeMap = {
8553
+ primary: "inverse-label-static-primary",
8554
+ secondary: "inverse-label-secondary",
8555
+ tertiary: "inverse-label-secondary",
8556
+ inverse: "neutral-label-primary",
8557
+ "inverse-static": "neutral-label-static-primary"
8558
+ };
8559
+ var textButtonVariants = cva5({
8560
+ base: [style_module_default7.button, style_module_default7.text],
8561
+ variants: {
8562
+ level: {
8563
+ primary: [style_module_default7["primary"], "lp-sys-typo-caption1-normal-medium"],
8564
+ secondary: [style_module_default7["secondary"], "lp-sys-typo-caption1-normal-medium"],
8565
+ tertiary: [style_module_default7["tertiary"], "lp-sys-typo-caption1-normal-medium"],
8566
+ inverse: [style_module_default7["inverse"], "lp-sys-typo-caption1-normal-medium"],
8567
+ "inverse-static": [style_module_default7["inverse-static"], "lp-sys-typo-caption1-normal-medium"]
8568
+ },
8569
+ size: {
8570
+ m: style_module_default7["size-m"],
8571
+ s: style_module_default7["size-s"]
8572
+ },
8573
+ thick: {
8574
+ true: style_module_default7.thick
8575
+ },
8576
+ underline: {
8577
+ true: style_module_default7.underline
8578
+ }
8579
+ }
8580
+ });
8581
+ var TextButton = forwardRef7(
8582
+ ({
8583
+ level = "primary",
8584
+ thick = false,
8585
+ underline = false,
8586
+ size = "m",
8587
+ asChild = false,
8588
+ leftIcon,
8589
+ rightIcon,
8590
+ className,
8591
+ children,
8592
+ ...rest
8593
+ }, ref) => {
8594
+ const getIconProps = /* @__PURE__ */ __name((icon) => ({
8595
+ size: size === "m" ? "s" : "xs",
8596
+ thick: true,
8597
+ type: textButtonLevelIconTypeMap[level],
8598
+ fillType: textButtonLevelIconFillTypeMap[level],
8599
+ ...icon
8600
+ }), "getIconProps");
8601
+ const renderContent = /* @__PURE__ */ __name((children2) => /* @__PURE__ */ jsxs111("span", { className: style_module_default7["text-children"], children: [
8602
+ leftIcon && /* @__PURE__ */ jsx165(Icon, { ...getIconProps(leftIcon) }),
8603
+ /* @__PURE__ */ jsx165("p", { children: children2 }),
8604
+ rightIcon && /* @__PURE__ */ jsx165(Icon, { ...getIconProps(rightIcon) })
8605
+ ] }), "renderContent");
8606
+ if (asChild) {
8607
+ const parent = Children2.only(children);
8608
+ return cloneElement2(
8609
+ parent,
8610
+ {
8611
+ ...rest,
8612
+ className: clsx8(textButtonVariants({ level, thick, underline, size }), className),
8613
+ ref
8614
+ },
8615
+ renderContent(parent.props.children)
8616
+ );
8617
+ }
8618
+ return /* @__PURE__ */ jsx165(
8619
+ "button",
8620
+ {
8621
+ className: clsx8(textButtonVariants({ level, thick, underline, size }), className),
8622
+ ref,
8623
+ ...rest,
8624
+ children: renderContent(children)
8625
+ }
8626
+ );
8627
+ }
8628
+ );
8629
+ TextButton.displayName = "TextButton";
8630
+
8631
+ // src/components/Popover/index.tsx
8632
+ import { Fragment as Fragment6, jsx as jsx166, jsxs as jsxs112 } from "react/jsx-runtime";
8633
+ var DEFAULT_OFFSET = -6;
8634
+ var popoverVariants = cva6({
8635
+ base: style_module_default6.content,
8636
+ variants: {
8637
+ level: {
8638
+ primary: style_module_default6.primary,
8639
+ secondary: style_module_default6.secondary
8640
+ }
8641
+ }
8642
+ });
8643
+ var popoverAnchorVariants = cva6({
8644
+ base: style_module_default6.anchor,
8645
+ variants: {
8646
+ level: {
8647
+ primary: style_module_default6.primary,
8648
+ secondary: style_module_default6.secondary
8649
+ }
8650
+ }
8651
+ });
8652
+ var popoverTagVariants = cva6({ base: [style_module_default6.tag, "lp-sys-typo-caption3-normal-bold"] });
8653
+ var popoverTitleVariants = cva6({ base: [style_module_default6.title, "lp-sys-typo-paragraph3-normal-bold"] });
8654
+ var popoverDescriptionVariants = cva6({ base: [style_module_default6.description, "lp-sys-typo-caption1-normal-regular"] });
8655
+ var popoverFooterVariants = cva6({ base: [style_module_default6.footer, "lp-sys-typo-caption1-normal-medium"] });
8656
+ var PopoverRoot = /* @__PURE__ */ __name(({ isOpen, children, onChange }) => /* @__PURE__ */ jsx166(PopoverPrimitive.Root, { open: isOpen, onOpenChange: onChange, children }), "PopoverRoot");
8657
+ var PopoverTrigger = /* @__PURE__ */ __name(({ by }) => /* @__PURE__ */ jsx166(PopoverPrimitive.Trigger, { asChild: true, children: by }), "PopoverTrigger");
8658
+ var PopoverAnchor = /* @__PURE__ */ __name(({ className }) => /* @__PURE__ */ jsx166("svg", { className, xmlns: "http://www.w3.org/2000/svg", width: "30", height: "10", viewBox: "0 0 30 10", fill: "none", children: /* @__PURE__ */ jsx166(
8659
+ "path",
8660
+ {
8661
+ fillRule: "evenodd",
8662
+ clipRule: "evenodd",
8663
+ d: "M0 9.9985C1.09308 9.9985 2.18584 10.005 3.27892 9.99081C4.32509 9.97696 5.49602 9.95734 6.51412 9.49459C7.6139 8.99453 8.34198 8.1202 9.07453 7.09123C9.60193 6.35114 10.6379 4.77211 11.1423 4.00971C11.5552 3.38463 12.3633 2.1491 12.8046 1.55134C13.3601 0.799326 14.0467 0 15.0003 0C15.954 0 16.6403 0.799326 17.1954 1.55057C17.6367 2.14795 18.4448 3.38425 18.858 4.00894C19.3618 4.77134 20.3978 6.35037 20.9255 7.09046C21.6593 8.11943 22.3861 8.99377 23.4856 9.49382C24.504 9.95542 25.6752 9.97619 26.7208 9.99004C27.8142 10.0043 28.9069 9.99773 30 9.99773",
8664
+ fill: "none"
8665
+ }
8666
+ ) }), "PopoverAnchor");
8667
+ var PopoverContent = React3.forwardRef(
8668
+ ({
8669
+ level = "primary",
8670
+ position = "top",
8671
+ align = "center",
8672
+ tag,
8673
+ icon,
8674
+ title,
8675
+ description,
8676
+ confirmText,
8677
+ isOverlay = false,
8678
+ onConfirm,
8679
+ onClose,
8680
+ onPointerDownOutside,
8681
+ className,
8682
+ children,
8683
+ container,
8684
+ ...props
8685
+ }, ref) => /* @__PURE__ */ jsx166(PopoverPrimitive.Portal, { container, children: /* @__PURE__ */ jsxs112(Fragment6, { children: [
8686
+ /* @__PURE__ */ jsxs112(
8687
+ PopoverPrimitive.Content,
8688
+ {
8689
+ ref,
8690
+ align,
8691
+ side: position,
8692
+ sideOffset: DEFAULT_OFFSET,
8693
+ onPointerDownOutside,
8694
+ className: clsx9(popoverVariants({ level }), className),
8695
+ ...props,
8696
+ children: [
8697
+ /* @__PURE__ */ jsxs112("div", { className: style_module_default6.contentContainer, children: [
8698
+ (tag || icon || onClose) && /* @__PURE__ */ jsxs112("div", { className: style_module_default6.heading, children: [
8699
+ tag && /* @__PURE__ */ jsx166("span", { className: popoverTagVariants(), children: tag }),
8700
+ icon && /* @__PURE__ */ jsx166(Icon, { name: icon.name, size: "xs", thick: icon.thick, fill: icon.fill }),
8701
+ /* @__PURE__ */ jsx166("p", { className: popoverTitleVariants(), children: title }),
8702
+ onClose && /* @__PURE__ */ jsx166(
8703
+ PopoverPrimitive.PopoverClose,
8704
+ {
8705
+ className: style_module_default6.closeButton,
8706
+ onClick: () => {
8707
+ onClose();
8708
+ },
8709
+ children: /* @__PURE__ */ jsx166(Icon, { name: "close-fill", size: "s", fill: true, thick: true, type: "neutral-label-static-primary" })
8710
+ }
8711
+ )
8712
+ ] }),
8713
+ description && /* @__PURE__ */ jsx166("p", { className: popoverDescriptionVariants(), children: description }),
8714
+ onConfirm && /* @__PURE__ */ jsx166("div", { className: popoverFooterVariants(), children: /* @__PURE__ */ jsx166(
8715
+ TextButton,
8716
+ {
8717
+ level: "inverse-static",
8718
+ onClick: () => {
8719
+ onConfirm?.();
8720
+ },
8721
+ children: confirmText
8722
+ }
8723
+ ) }),
8724
+ children
8725
+ ] }),
8726
+ /* @__PURE__ */ jsx166(PopoverPrimitive.Arrow, { asChild: true, children: /* @__PURE__ */ jsx166(PopoverAnchor, { className: clsx9(popoverAnchorVariants({ level })) }) })
8727
+ ]
8728
+ }
8729
+ ),
8730
+ isOverlay && /* @__PURE__ */ jsx166("div", { "data-radix-popper-overlay": true, className: style_module_default6.overlay })
8731
+ ] }) })
8732
+ );
8733
+ var Popover = Object.assign(PopoverRoot, {
8734
+ Trigger: PopoverTrigger,
8735
+ Content: PopoverContent,
8736
+ Arrow: PopoverPrimitive.Arrow,
8737
+ Close: PopoverPrimitive.Close
8738
+ });
8739
+
8497
8740
  // src/components/Tooltip/index.tsx
8498
8741
  import * as TooltipPrimitive from "@radix-ui/react-tooltip";
8499
- import { forwardRef as forwardRef7 } from "react";
8742
+ import { forwardRef as forwardRef9 } from "react";
8500
8743
 
8501
8744
  // src/components/Tooltip/style.module.scss
8502
- var style_module_default6 = {
8745
+ var style_module_default8 = {
8503
8746
  "tooltip": "_tooltip_1v61q_1",
8504
8747
  "tooltipContent": "_tooltipContent_1v61q_10"
8505
8748
  };
8506
8749
 
8507
8750
  // src/components/Tooltip/index.tsx
8508
- import { cva as cva5 } from "cva";
8509
- import clsx8 from "clsx";
8510
- import { jsx as jsx165 } from "react/jsx-runtime";
8511
- var DEFAULT_OFFSET = "medium";
8512
- var tooltipVariants = cva5({ base: [style_module_default6.tooltip, "lp-sys-typo-caption1-normal-medium"] });
8751
+ import { cva as cva7 } from "cva";
8752
+ import clsx10 from "clsx";
8753
+ import { jsx as jsx167 } from "react/jsx-runtime";
8754
+ var DEFAULT_OFFSET2 = "medium";
8755
+ var tooltipVariants = cva7({ base: [style_module_default8.tooltip, "lp-sys-typo-caption1-normal-medium"] });
8513
8756
  var TooltipProvider = TooltipPrimitive.Provider;
8514
- var TooltipRoot = /* @__PURE__ */ __name(({ children, ...props }) => /* @__PURE__ */ jsx165(TooltipPrimitive.Root, { delayDuration: 0, ...props, children }), "TooltipRoot");
8515
- var TooltipTrigger = /* @__PURE__ */ __name(({ by }) => /* @__PURE__ */ jsx165(TooltipPrimitive.Trigger, { asChild: true, children: by }), "TooltipTrigger");
8516
- var TooltipContent = forwardRef7(
8517
- ({ description, position = "top", className, offset = DEFAULT_OFFSET, collisionPadding, ...props }, ref) => /* @__PURE__ */ jsx165(
8757
+ var TooltipRoot = /* @__PURE__ */ __name(({ children, ...props }) => /* @__PURE__ */ jsx167(TooltipPrimitive.Root, { delayDuration: 0, ...props, children }), "TooltipRoot");
8758
+ var TooltipTrigger = /* @__PURE__ */ __name(({ by }) => /* @__PURE__ */ jsx167(TooltipPrimitive.Trigger, { asChild: true, children: by }), "TooltipTrigger");
8759
+ var TooltipContent = forwardRef9(
8760
+ ({ description, position = "top", className, offset = DEFAULT_OFFSET2, collisionPadding, ...props }, ref) => /* @__PURE__ */ jsx167(
8518
8761
  TooltipPrimitive.Content,
8519
8762
  {
8520
8763
  ref,
8521
8764
  side: position,
8522
8765
  sideOffset: offset === "medium" ? 4 : 8,
8523
8766
  collisionPadding,
8524
- className: clsx8(tooltipVariants(), className),
8767
+ className: clsx10(tooltipVariants(), className),
8525
8768
  ...props,
8526
- children: /* @__PURE__ */ jsx165("p", { className: style_module_default6.tooltipContent, children: description })
8769
+ children: /* @__PURE__ */ jsx167("p", { className: style_module_default8.tooltipContent, children: description })
8527
8770
  }
8528
8771
  )
8529
8772
  );
@@ -8534,12 +8777,12 @@ var Tooltip = Object.assign(TooltipRoot, {
8534
8777
  });
8535
8778
 
8536
8779
  // src/components/IconButton/index.tsx
8537
- import { cva as cva6 } from "cva";
8538
- import { forwardRef as forwardRef8 } from "react";
8539
- import clsx9 from "clsx";
8780
+ import { cva as cva8 } from "cva";
8781
+ import { forwardRef as forwardRef10 } from "react";
8782
+ import clsx11 from "clsx";
8540
8783
 
8541
8784
  // src/components/IconButton/style.module.scss
8542
- var style_module_default7 = {
8785
+ var style_module_default9 = {
8543
8786
  "iconButton": "_iconButton_6ezo4_1",
8544
8787
  "primary": "_primary_6ezo4_14",
8545
8788
  "secondary": "_secondary_6ezo4_27",
@@ -8558,7 +8801,7 @@ var style_module_default7 = {
8558
8801
 
8559
8802
  // src/components/IconButton/index.tsx
8560
8803
  import { Slot } from "@radix-ui/react-slot";
8561
- import { jsx as jsx166 } from "react/jsx-runtime";
8804
+ import { jsx as jsx168 } from "react/jsx-runtime";
8562
8805
  var iconButtonSizeIconSizeMap = {
8563
8806
  l: "m",
8564
8807
  m: "s",
@@ -8604,32 +8847,32 @@ var iconButtonLevelIconTypeMap = {
8604
8847
  "inverse-static": "inverse-label-static-primary"
8605
8848
  }
8606
8849
  };
8607
- var iconButtonVariants = cva6({
8608
- base: [style_module_default7.iconButton],
8850
+ var iconButtonVariants = cva8({
8851
+ base: [style_module_default9.iconButton],
8609
8852
  variants: {
8610
8853
  level: {
8611
- primary: style_module_default7.primary,
8612
- secondary: style_module_default7.secondary,
8613
- tertiary: style_module_default7.tertiary,
8614
- quaternary: style_module_default7.quaternary,
8615
- negative: style_module_default7.negative,
8616
- static: style_module_default7.static,
8617
- inverse: style_module_default7.inverse,
8618
- "inverse-static": style_module_default7["inverse-static"]
8854
+ primary: style_module_default9.primary,
8855
+ secondary: style_module_default9.secondary,
8856
+ tertiary: style_module_default9.tertiary,
8857
+ quaternary: style_module_default9.quaternary,
8858
+ negative: style_module_default9.negative,
8859
+ static: style_module_default9.static,
8860
+ inverse: style_module_default9.inverse,
8861
+ "inverse-static": style_module_default9["inverse-static"]
8619
8862
  },
8620
8863
  size: {
8621
- l: style_module_default7.l,
8622
- m: style_module_default7.m,
8623
- s: style_module_default7.s,
8624
- xs: style_module_default7.xs
8864
+ l: style_module_default9.l,
8865
+ m: style_module_default9.m,
8866
+ s: style_module_default9.s,
8867
+ xs: style_module_default9.xs
8625
8868
  },
8626
8869
  fill: {
8627
8870
  true: void 0,
8628
- false: style_module_default7.ghost
8871
+ false: style_module_default9.ghost
8629
8872
  }
8630
8873
  }
8631
8874
  });
8632
- var IconButton = forwardRef8(
8875
+ var IconButton = forwardRef10(
8633
8876
  ({
8634
8877
  asChild,
8635
8878
  level = "primary",
@@ -8642,16 +8885,16 @@ var IconButton = forwardRef8(
8642
8885
  ...rest
8643
8886
  }, ref) => {
8644
8887
  const Comp = asChild ? Slot : "button";
8645
- return /* @__PURE__ */ jsx166(
8888
+ return /* @__PURE__ */ jsx168(
8646
8889
  Comp,
8647
8890
  {
8648
8891
  ...rest,
8649
- className: clsx9(iconButtonVariants({ level, size, fill }), className),
8892
+ className: clsx11(iconButtonVariants({ level, size, fill }), className),
8650
8893
  ref,
8651
8894
  disabled: disabled && !isLoading,
8652
8895
  "aria-label": icon.name,
8653
8896
  role: "button",
8654
- children: isLoading ? /* @__PURE__ */ jsx166(Loading, { size: iconButtonLoadingSizeMap[size], level: iconButtonLoadingLevelMap[level] }) : /* @__PURE__ */ jsx166(
8897
+ children: isLoading ? /* @__PURE__ */ jsx168(Loading, { size: iconButtonLoadingSizeMap[size], level: iconButtonLoadingLevelMap[level] }) : /* @__PURE__ */ jsx168(
8655
8898
  Icon,
8656
8899
  {
8657
8900
  size: iconButtonSizeIconSizeMap[size],
@@ -8669,7 +8912,7 @@ IconButton.displayName = "IconButton";
8669
8912
  import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
8670
8913
 
8671
8914
  // src/components/CheckBox/style.module.scss
8672
- var style_module_default8 = {
8915
+ var style_module_default10 = {
8673
8916
  "checkbox": "_checkbox_24vda_1",
8674
8917
  "checkbox-indicator": "_checkbox-indicator_24vda_39",
8675
8918
  "label-wrapper": "_label-wrapper_24vda_47",
@@ -8677,16 +8920,16 @@ var style_module_default8 = {
8677
8920
  };
8678
8921
 
8679
8922
  // src/components/CheckBox/index.tsx
8680
- import { forwardRef as forwardRef10 } from "react";
8681
- import clsx11 from "clsx";
8923
+ import { forwardRef as forwardRef12 } from "react";
8924
+ import clsx13 from "clsx";
8682
8925
 
8683
8926
  // src/components/Label/index.tsx
8684
- import { forwardRef as forwardRef9 } from "react";
8927
+ import { forwardRef as forwardRef11 } from "react";
8685
8928
  import * as LabelPrimitive from "@radix-ui/react-label";
8686
- import clsx10 from "clsx";
8929
+ import clsx12 from "clsx";
8687
8930
 
8688
8931
  // src/components/Label/style.module.scss
8689
- var style_module_default9 = {
8932
+ var style_module_default11 = {
8690
8933
  "label": "_label_18fu8_1",
8691
8934
  "error": "_error_18fu8_15",
8692
8935
  "primary": "_primary_18fu8_19",
@@ -8703,38 +8946,38 @@ var style_module_default9 = {
8703
8946
  };
8704
8947
 
8705
8948
  // src/components/Label/index.tsx
8706
- import { cva as cva7 } from "cva";
8707
- import { jsx as jsx167 } from "react/jsx-runtime";
8708
- var defaultLabelVariants = cva7({
8709
- base: ["lp-sys-typo-paragraph2-normal-medium", style_module_default9.label],
8949
+ import { cva as cva9 } from "cva";
8950
+ import { jsx as jsx169 } from "react/jsx-runtime";
8951
+ var defaultLabelVariants = cva9({
8952
+ base: ["lp-sys-typo-paragraph2-normal-medium", style_module_default11.label],
8710
8953
  variants: {
8711
8954
  level: {
8712
- primary: style_module_default9.primary,
8713
- secondary: style_module_default9.secondary
8955
+ primary: style_module_default11.primary,
8956
+ secondary: style_module_default11.secondary
8714
8957
  },
8715
8958
  position: {
8716
- top: style_module_default9.top,
8717
- right: style_module_default9.right
8959
+ top: style_module_default11.top,
8960
+ right: style_module_default11.right
8718
8961
  },
8719
8962
  size: {
8720
- l: ["lp-sys-typo-paragraph3-normal-bold", style_module_default9.l],
8721
- m: ["lp-sys-typo-caption1-normal-medium", style_module_default9.m],
8722
- s: ["lp-sys-typo-caption2-normal-medium", style_module_default9.s]
8963
+ l: ["lp-sys-typo-paragraph3-normal-bold", style_module_default11.l],
8964
+ m: ["lp-sys-typo-caption1-normal-medium", style_module_default11.m],
8965
+ s: ["lp-sys-typo-caption2-normal-medium", style_module_default11.s]
8723
8966
  },
8724
8967
  offset: {
8725
- high: style_module_default9["offset-high"],
8726
- medium: style_module_default9["offset-medium"],
8727
- low: style_module_default9["offset-low"]
8968
+ high: style_module_default11["offset-high"],
8969
+ medium: style_module_default11["offset-medium"],
8970
+ low: style_module_default11["offset-low"]
8728
8971
  },
8729
8972
  disabled: {
8730
- true: style_module_default9.disabled
8973
+ true: style_module_default11.disabled
8731
8974
  },
8732
8975
  error: {
8733
- true: style_module_default9.error
8976
+ true: style_module_default11.error
8734
8977
  }
8735
8978
  }
8736
8979
  });
8737
- var Label = forwardRef9(
8980
+ var Label = forwardRef11(
8738
8981
  ({
8739
8982
  className,
8740
8983
  level = "primary",
@@ -8745,11 +8988,11 @@ var Label = forwardRef9(
8745
8988
  error = false,
8746
8989
  ...props
8747
8990
  }, ref) => {
8748
- return /* @__PURE__ */ jsx167(
8991
+ return /* @__PURE__ */ jsx169(
8749
8992
  LabelPrimitive.Root,
8750
8993
  {
8751
8994
  ref,
8752
- className: clsx10(
8995
+ className: clsx12(
8753
8996
  defaultLabelVariants({ level, position, size, offset, disabled, error }),
8754
8997
  className
8755
8998
  ),
@@ -8761,27 +9004,27 @@ var Label = forwardRef9(
8761
9004
  Label.displayName = "Label";
8762
9005
 
8763
9006
  // src/components/CheckBox/index.tsx
8764
- import { Fragment as Fragment6, jsx as jsx168, jsxs as jsxs111 } from "react/jsx-runtime";
8765
- var Checkbox = forwardRef10(
9007
+ import { Fragment as Fragment7, jsx as jsx170, jsxs as jsxs113 } from "react/jsx-runtime";
9008
+ var Checkbox = forwardRef12(
8766
9009
  ({ className, label, description, ...props }, ref) => {
8767
- const CheckboxWrapper = /* @__PURE__ */ __name(({ children }) => label ? /* @__PURE__ */ jsxs111(Label, { position: "right", htmlFor: props.id, children: [
8768
- /* @__PURE__ */ jsxs111("div", { className: style_module_default8["label-wrapper"], children: [
9010
+ const CheckboxWrapper = /* @__PURE__ */ __name(({ children }) => label ? /* @__PURE__ */ jsxs113(Label, { position: "right", htmlFor: props.id, children: [
9011
+ /* @__PURE__ */ jsxs113("div", { className: style_module_default10["label-wrapper"], children: [
8769
9012
  label,
8770
- /* @__PURE__ */ jsx168(Paragraph, { className: style_module_default8.description, size: 3, type: "normal", weight: "regular", children: description })
9013
+ /* @__PURE__ */ jsx170(Paragraph, { className: style_module_default10.description, size: 3, type: "normal", weight: "regular", children: description })
8771
9014
  ] }),
8772
9015
  children
8773
- ] }) : /* @__PURE__ */ jsx168(Fragment6, { children }), "CheckboxWrapper");
8774
- return /* @__PURE__ */ jsx168(CheckboxWrapper, { children: /* @__PURE__ */ jsx168(CheckboxPrimitive.Root, { className: clsx11(style_module_default8.checkbox, className), ref, ...props, children: /* @__PURE__ */ jsx168(CheckboxPrimitive.Indicator, { className: style_module_default8["checkbox-indicator"], children: /* @__PURE__ */ jsx168(Icon, { name: "check-mark", thick: true, size: "xs", type: "inverse-label-primary" }) }) }) });
9016
+ ] }) : /* @__PURE__ */ jsx170(Fragment7, { children }), "CheckboxWrapper");
9017
+ return /* @__PURE__ */ jsx170(CheckboxWrapper, { children: /* @__PURE__ */ jsx170(CheckboxPrimitive.Root, { className: clsx13(style_module_default10.checkbox, className), ref, ...props, children: /* @__PURE__ */ jsx170(CheckboxPrimitive.Indicator, { className: style_module_default10["checkbox-indicator"], children: /* @__PURE__ */ jsx170(Icon, { name: "check-mark", thick: true, size: "xs", type: "inverse-label-primary" }) }) }) });
8775
9018
  }
8776
9019
  );
8777
9020
 
8778
9021
  // src/components/Radio/index.tsx
8779
9022
  import * as RadioGroupPrimitive from "@radix-ui/react-radio-group";
8780
- import clsx12 from "clsx";
8781
- import { forwardRef as forwardRef11 } from "react";
9023
+ import clsx14 from "clsx";
9024
+ import { forwardRef as forwardRef13 } from "react";
8782
9025
 
8783
9026
  // src/components/Radio/style.module.scss
8784
- var style_module_default10 = {
9027
+ var style_module_default12 = {
8785
9028
  "radio-item": "_radio-item_184np_1",
8786
9029
  "indicator": "_indicator_184np_44",
8787
9030
  "label-wrapper": "_label-wrapper_184np_50",
@@ -8789,27 +9032,27 @@ var style_module_default10 = {
8789
9032
  };
8790
9033
 
8791
9034
  // src/components/Radio/index.tsx
8792
- import { Fragment as Fragment7, jsx as jsx169, jsxs as jsxs112 } from "react/jsx-runtime";
8793
- var RadioIndicator = /* @__PURE__ */ __name(() => /* @__PURE__ */ jsx169("svg", { xmlns: "http://www.w3.org/2000/svg", width: "10", height: "10", viewBox: "0 0 10 10", fill: "none", children: /* @__PURE__ */ jsx169("circle", { cx: "5", cy: "5", r: "5", fill: "#313133" }) }), "RadioIndicator");
8794
- var RadioRoot = forwardRef11(({ className, ...props }, ref) => /* @__PURE__ */ jsx169(RadioGroupPrimitive.Root, { ref, className, ...props }));
9035
+ import { Fragment as Fragment8, jsx as jsx171, jsxs as jsxs114 } from "react/jsx-runtime";
9036
+ var RadioIndicator = /* @__PURE__ */ __name(() => /* @__PURE__ */ jsx171("svg", { xmlns: "http://www.w3.org/2000/svg", width: "10", height: "10", viewBox: "0 0 10 10", fill: "none", children: /* @__PURE__ */ jsx171("circle", { cx: "5", cy: "5", r: "5", fill: "#313133" }) }), "RadioIndicator");
9037
+ var RadioRoot = forwardRef13(({ className, ...props }, ref) => /* @__PURE__ */ jsx171(RadioGroupPrimitive.Root, { ref, className, ...props }));
8795
9038
  RadioRoot.displayName = "RadioRoot";
8796
- var RadioItem = forwardRef11(
9039
+ var RadioItem = forwardRef13(
8797
9040
  ({ className, label, description, ...props }, ref) => {
8798
- const RadioItemWrapper = /* @__PURE__ */ __name(({ children }) => label ? /* @__PURE__ */ jsxs112(Label, { position: "right", children: [
8799
- /* @__PURE__ */ jsxs112("div", { className: style_module_default10["label-wrapper"], children: [
9041
+ const RadioItemWrapper = /* @__PURE__ */ __name(({ children }) => label ? /* @__PURE__ */ jsxs114(Label, { position: "right", children: [
9042
+ /* @__PURE__ */ jsxs114("div", { className: style_module_default12["label-wrapper"], children: [
8800
9043
  label,
8801
- description && /* @__PURE__ */ jsx169(Paragraph, { className: style_module_default10.description, size: 3, type: "normal", weight: "regular", children: description })
9044
+ description && /* @__PURE__ */ jsx171(Paragraph, { className: style_module_default12.description, size: 3, type: "normal", weight: "regular", children: description })
8802
9045
  ] }),
8803
9046
  children
8804
- ] }) : /* @__PURE__ */ jsx169(Fragment7, { children }), "RadioItemWrapper");
8805
- return /* @__PURE__ */ jsx169(RadioItemWrapper, { children: /* @__PURE__ */ jsx169(
9047
+ ] }) : /* @__PURE__ */ jsx171(Fragment8, { children }), "RadioItemWrapper");
9048
+ return /* @__PURE__ */ jsx171(RadioItemWrapper, { children: /* @__PURE__ */ jsx171(
8806
9049
  RadioGroupPrimitive.Item,
8807
9050
  {
8808
9051
  ref,
8809
- className: clsx12(style_module_default10["radio-item"], className),
9052
+ className: clsx14(style_module_default12["radio-item"], className),
8810
9053
  ...props,
8811
9054
  "aria-label": label,
8812
- children: /* @__PURE__ */ jsx169(RadioGroupPrimitive.Indicator, { className: style_module_default10.indicator, children: /* @__PURE__ */ jsx169(RadioIndicator, {}) })
9055
+ children: /* @__PURE__ */ jsx171(RadioGroupPrimitive.Indicator, { className: style_module_default12.indicator, children: /* @__PURE__ */ jsx171(RadioIndicator, {}) })
8813
9056
  }
8814
9057
  ) });
8815
9058
  }
@@ -8821,7 +9064,7 @@ var Radio = Object.assign(RadioRoot, {
8821
9064
 
8822
9065
  // src/components/Textfield/index.tsx
8823
9066
  import {
8824
- forwardRef as forwardRef12,
9067
+ forwardRef as forwardRef14,
8825
9068
  useId,
8826
9069
  useImperativeHandle,
8827
9070
  useRef as useRef2,
@@ -8829,7 +9072,7 @@ import {
8829
9072
  } from "react";
8830
9073
 
8831
9074
  // src/components/Textfield/style.module.scss
8832
- var style_module_default11 = {
9075
+ var style_module_default13 = {
8833
9076
  "textfield-container": "_textfield-container_mmkqk_1",
8834
9077
  "textfield": "_textfield_mmkqk_1",
8835
9078
  "label": "_label_mmkqk_35",
@@ -8851,20 +9094,20 @@ var style_module_default11 = {
8851
9094
  };
8852
9095
 
8853
9096
  // src/components/Textfield/index.tsx
8854
- import { cva as cva8 } from "cva";
8855
- import clsx13 from "clsx";
9097
+ import { cva as cva10 } from "cva";
9098
+ import clsx15 from "clsx";
8856
9099
  import { flushSync } from "react-dom";
8857
- import { Fragment as Fragment8, jsx as jsx170, jsxs as jsxs113 } from "react/jsx-runtime";
8858
- var defaultTextfieldVariants = cva8({
8859
- base: style_module_default11.textfield,
9100
+ import { Fragment as Fragment9, jsx as jsx172, jsxs as jsxs115 } from "react/jsx-runtime";
9101
+ var defaultTextfieldVariants = cva10({
9102
+ base: style_module_default13.textfield,
8860
9103
  variants: {
8861
9104
  color: {
8862
- "neutral-container-mid": style_module_default11.gray,
8863
- "neutral-container-lowest": style_module_default11.white
9105
+ "neutral-container-mid": style_module_default13.gray,
9106
+ "neutral-container-lowest": style_module_default13.white
8864
9107
  }
8865
9108
  }
8866
9109
  });
8867
- var Textfield = forwardRef12((props, ref) => {
9110
+ var Textfield = forwardRef14((props, ref) => {
8868
9111
  const {
8869
9112
  id = useId(),
8870
9113
  type,
@@ -8923,21 +9166,21 @@ var Textfield = forwardRef12((props, ref) => {
8923
9166
  }
8924
9167
  }, "handleDeidentify");
8925
9168
  useImperativeHandle(ref, () => inputRef.current);
8926
- return /* @__PURE__ */ jsxs113("div", { className: style_module_default11["textfield-container"], children: [
8927
- /* @__PURE__ */ jsx170(
9169
+ return /* @__PURE__ */ jsxs115("div", { className: style_module_default13["textfield-container"], children: [
9170
+ /* @__PURE__ */ jsx172(
8928
9171
  "div",
8929
9172
  {
8930
- className: clsx13(defaultTextfieldVariants({ color }), {
8931
- [style_module_default11.error]: !!error,
8932
- [style_module_default11["label-out-textfield"]]: !label || labelType === "out"
9173
+ className: clsx15(defaultTextfieldVariants({ color }), {
9174
+ [style_module_default13.error]: !!error,
9175
+ [style_module_default13["label-out-textfield"]]: !label || labelType === "out"
8933
9176
  }),
8934
9177
  onClick: handleTextfieldClick,
8935
- children: /* @__PURE__ */ jsxs113("div", { className: style_module_default11["input-wrapper"], children: [
8936
- /* @__PURE__ */ jsx170(
9178
+ children: /* @__PURE__ */ jsxs115("div", { className: style_module_default13["input-wrapper"], children: [
9179
+ /* @__PURE__ */ jsx172(
8937
9180
  "input",
8938
9181
  {
8939
- className: clsx13(style_module_default11.input, {
8940
- [style_module_default11["label-out-input"]]: !label || labelType === "out"
9182
+ className: clsx15(style_module_default13.input, {
9183
+ [style_module_default13["label-out-input"]]: !label || labelType === "out"
8941
9184
  }),
8942
9185
  type: isDeidentified ? "password" : "text",
8943
9186
  placeholder,
@@ -8948,24 +9191,24 @@ var Textfield = forwardRef12((props, ref) => {
8948
9191
  ...rest
8949
9192
  }
8950
9193
  ),
8951
- /* @__PURE__ */ jsx170(
9194
+ /* @__PURE__ */ jsx172(
8952
9195
  Label,
8953
9196
  {
8954
- className: clsx13(style_module_default11.label, {
8955
- [style_module_default11["label-in"]]: labelType === "in",
8956
- [style_module_default11["label-out"]]: !label || labelType === "out"
9197
+ className: clsx15(style_module_default13.label, {
9198
+ [style_module_default13["label-in"]]: labelType === "in",
9199
+ [style_module_default13["label-out"]]: !label || labelType === "out"
8957
9200
  }),
8958
9201
  size: label?.type === "out" ? "s" : void 0,
8959
9202
  htmlFor: id,
8960
9203
  children: labelText
8961
9204
  }
8962
9205
  ),
8963
- /* @__PURE__ */ jsxs113("div", { className: style_module_default11["input-action-buttons"], children: [
8964
- textfieldValue && !disabled && /* @__PURE__ */ jsx170(
9206
+ /* @__PURE__ */ jsxs115("div", { className: style_module_default13["input-action-buttons"], children: [
9207
+ textfieldValue && !disabled && /* @__PURE__ */ jsx172(
8965
9208
  IconButton,
8966
9209
  {
8967
9210
  tabIndex: -1,
8968
- className: style_module_default11["action-button"],
9211
+ className: style_module_default13["action-button"],
8969
9212
  level: "secondary",
8970
9213
  fill: false,
8971
9214
  icon: {
@@ -8979,11 +9222,11 @@ var Textfield = forwardRef12((props, ref) => {
8979
9222
  }
8980
9223
  }
8981
9224
  ),
8982
- isPassword && !disabled && /* @__PURE__ */ jsx170(
9225
+ isPassword && !disabled && /* @__PURE__ */ jsx172(
8983
9226
  IconButton,
8984
9227
  {
8985
9228
  tabIndex: -1,
8986
- className: style_module_default11["action-button"],
9229
+ className: style_module_default13["action-button"],
8987
9230
  level: "secondary",
8988
9231
  fill: false,
8989
9232
  icon: {
@@ -8997,14 +9240,14 @@ var Textfield = forwardRef12((props, ref) => {
8997
9240
  }
8998
9241
  }
8999
9242
  ),
9000
- buttonProps && /* @__PURE__ */ jsx170(Button, { ...buttonProps, size: "m", type: "button" })
9243
+ buttonProps && /* @__PURE__ */ jsx172(Button, { ...buttonProps, size: "m", type: "button" })
9001
9244
  ] })
9002
9245
  ] })
9003
9246
  }
9004
9247
  ),
9005
- displayFooter && /* @__PURE__ */ jsxs113("div", { className: style_module_default11.footer, children: [
9006
- /* @__PURE__ */ jsx170("div", { className: style_module_default11["error-wrapper"], children: error && /* @__PURE__ */ jsxs113(Fragment8, { children: [
9007
- /* @__PURE__ */ jsx170(
9248
+ displayFooter && /* @__PURE__ */ jsxs115("div", { className: style_module_default13.footer, children: [
9249
+ /* @__PURE__ */ jsx172("div", { className: style_module_default13["error-wrapper"], children: error && /* @__PURE__ */ jsxs115(Fragment9, { children: [
9250
+ /* @__PURE__ */ jsx172(
9008
9251
  Icon,
9009
9252
  {
9010
9253
  name: "exclamationmark-fill",
@@ -9014,9 +9257,9 @@ var Textfield = forwardRef12((props, ref) => {
9014
9257
  type: "function-label-negative"
9015
9258
  }
9016
9259
  ),
9017
- /* @__PURE__ */ jsx170(Caption, { size: 3, type: "normal", weight: "regular", className: style_module_default11["error-message"], children: error })
9260
+ /* @__PURE__ */ jsx172(Caption, { size: 3, type: "normal", weight: "regular", className: style_module_default13["error-message"], children: error })
9018
9261
  ] }) }),
9019
- maxCharacter && /* @__PURE__ */ jsxs113(Caption, { className: style_module_default11.character, size: 3, type: "normal", weight: "regular", children: [
9262
+ maxCharacter && /* @__PURE__ */ jsxs115(Caption, { className: style_module_default13.character, size: 3, type: "normal", weight: "regular", children: [
9020
9263
  isControlled ? controlledValue.length : value.length,
9021
9264
  "/",
9022
9265
  maxCharacter
@@ -9027,10 +9270,10 @@ var Textfield = forwardRef12((props, ref) => {
9027
9270
  Textfield.displayName = "Textfield";
9028
9271
 
9029
9272
  // src/components/Slider/index.tsx
9030
- import { forwardRef as forwardRef13 } from "react";
9273
+ import { forwardRef as forwardRef15 } from "react";
9031
9274
 
9032
9275
  // src/components/Slider/style.module.scss
9033
- var style_module_default12 = {
9276
+ var style_module_default14 = {
9034
9277
  "label": "_label_85fpg_1",
9035
9278
  "optionText": "_optionText_85fpg_6",
9036
9279
  "slider-wrapper": "_slider-wrapper_85fpg_10",
@@ -9044,29 +9287,29 @@ var style_module_default12 = {
9044
9287
 
9045
9288
  // src/components/Slider/index.tsx
9046
9289
  import * as SliderPrimitive from "@radix-ui/react-slider";
9047
- import { Fragment as Fragment9, jsx as jsx171, jsxs as jsxs114 } from "react/jsx-runtime";
9048
- var SliderRoot = forwardRef13((props, ref) => {
9290
+ import { Fragment as Fragment10, jsx as jsx173, jsxs as jsxs116 } from "react/jsx-runtime";
9291
+ var SliderRoot = forwardRef15((props, ref) => {
9049
9292
  const { label, tooltip, rangeLeft, rangeRight, min, max, step = 50, ...rest } = props;
9050
- return /* @__PURE__ */ jsx171(Fragment9, { children: /* @__PURE__ */ jsxs114(Tooltip.Provider, { children: [
9051
- /* @__PURE__ */ jsx171(Label, { level: "secondary", size: "m", offset: "high", className: style_module_default12.label, children: label }),
9052
- /* @__PURE__ */ jsxs114("div", { className: style_module_default12["slider-wrapper"], children: [
9053
- /* @__PURE__ */ jsxs114("div", { className: style_module_default12["slider-option-wrapper"], children: [
9054
- /* @__PURE__ */ jsx171(Icon, { name: rangeLeft.icon, size: "xs" }),
9055
- /* @__PURE__ */ jsx171(Caption, { size: 1, type: "normal", weight: "medium", className: style_module_default12.optionText, children: rangeLeft.text })
9293
+ return /* @__PURE__ */ jsx173(Fragment10, { children: /* @__PURE__ */ jsxs116(Tooltip.Provider, { children: [
9294
+ /* @__PURE__ */ jsx173(Label, { level: "secondary", size: "m", offset: "high", className: style_module_default14.label, children: label }),
9295
+ /* @__PURE__ */ jsxs116("div", { className: style_module_default14["slider-wrapper"], children: [
9296
+ /* @__PURE__ */ jsxs116("div", { className: style_module_default14["slider-option-wrapper"], children: [
9297
+ /* @__PURE__ */ jsx173(Icon, { name: rangeLeft.icon, size: "xs" }),
9298
+ /* @__PURE__ */ jsx173(Caption, { size: 1, type: "normal", weight: "medium", className: style_module_default14.optionText, children: rangeLeft.text })
9056
9299
  ] }),
9057
- /* @__PURE__ */ jsxs114(SliderPrimitive.Root, { ...rest, step, className: style_module_default12["slider-root"], ref, children: [
9058
- /* @__PURE__ */ jsxs114(SliderPrimitive.Track, { className: style_module_default12["slider-track"], children: [
9059
- Array.from({ length: 100 / step + 1 }).map((_, index) => /* @__PURE__ */ jsx171("span", { className: style_module_default12["slider-step"] }, index)),
9060
- /* @__PURE__ */ jsx171(SliderPrimitive.Range, { className: style_module_default12["slider-range"] })
9300
+ /* @__PURE__ */ jsxs116(SliderPrimitive.Root, { ...rest, step, className: style_module_default14["slider-root"], ref, children: [
9301
+ /* @__PURE__ */ jsxs116(SliderPrimitive.Track, { className: style_module_default14["slider-track"], children: [
9302
+ Array.from({ length: 100 / step + 1 }).map((_, index) => /* @__PURE__ */ jsx173("span", { className: style_module_default14["slider-step"] }, index)),
9303
+ /* @__PURE__ */ jsx173(SliderPrimitive.Range, { className: style_module_default14["slider-range"] })
9061
9304
  ] }),
9062
- /* @__PURE__ */ jsxs114(Tooltip, { children: [
9063
- /* @__PURE__ */ jsx171(Tooltip.Trigger, { by: /* @__PURE__ */ jsx171(SliderPrimitive.Thumb, { className: style_module_default12["slider-thumb"] }) }),
9064
- /* @__PURE__ */ jsx171(Tooltip.Content, { description: tooltip })
9305
+ /* @__PURE__ */ jsxs116(Tooltip, { children: [
9306
+ /* @__PURE__ */ jsx173(Tooltip.Trigger, { by: /* @__PURE__ */ jsx173(SliderPrimitive.Thumb, { className: style_module_default14["slider-thumb"] }) }),
9307
+ /* @__PURE__ */ jsx173(Tooltip.Content, { description: tooltip })
9065
9308
  ] })
9066
9309
  ] }),
9067
- /* @__PURE__ */ jsxs114("div", { className: style_module_default12["slider-option-wrapper"], children: [
9068
- /* @__PURE__ */ jsx171(Icon, { name: rangeRight.icon, size: "xs" }),
9069
- /* @__PURE__ */ jsx171(Caption, { size: 1, type: "normal", weight: "medium", className: style_module_default12.optionText, children: rangeRight.text })
9310
+ /* @__PURE__ */ jsxs116("div", { className: style_module_default14["slider-option-wrapper"], children: [
9311
+ /* @__PURE__ */ jsx173(Icon, { name: rangeRight.icon, size: "xs" }),
9312
+ /* @__PURE__ */ jsx173(Caption, { size: 1, type: "normal", weight: "medium", className: style_module_default14.optionText, children: rangeRight.text })
9070
9313
  ] })
9071
9314
  ] })
9072
9315
  ] }) });
@@ -9078,7 +9321,7 @@ import * as SelectPrimitive from "@radix-ui/react-select";
9078
9321
  import * as ScrollArea from "@radix-ui/react-scroll-area";
9079
9322
 
9080
9323
  // src/components/Select/style.module.scss
9081
- var style_module_default13 = {
9324
+ var style_module_default15 = {
9082
9325
  "label-container": "_label-container_rtt11_101",
9083
9326
  "select-label": "_select-label_rtt11_107",
9084
9327
  "trigger": "_trigger_rtt11_112",
@@ -9105,16 +9348,16 @@ var style_module_default13 = {
9105
9348
 
9106
9349
  // src/components/Select/index.tsx
9107
9350
  import {
9108
- forwardRef as forwardRef14,
9351
+ forwardRef as forwardRef16,
9109
9352
  useEffect as useEffect2,
9110
9353
  useState as useState4
9111
9354
  } from "react";
9112
- import clsx14 from "clsx";
9113
- import { jsx as jsx172, jsxs as jsxs115 } from "react/jsx-runtime";
9114
- var Badge = /* @__PURE__ */ __name(({ children }) => /* @__PURE__ */ jsx172("div", { className: style_module_default13.badgeContainer, children: /* @__PURE__ */ jsx172(Caption, { className: style_module_default13.badge, size: 2, type: "normal", weight: "medium", children }) }), "Badge");
9115
- var SelectContent = forwardRef14((props, ref) => {
9355
+ import clsx16 from "clsx";
9356
+ import { jsx as jsx174, jsxs as jsxs117 } from "react/jsx-runtime";
9357
+ var Badge = /* @__PURE__ */ __name(({ children }) => /* @__PURE__ */ jsx174("div", { className: style_module_default15.badgeContainer, children: /* @__PURE__ */ jsx174(Caption, { className: style_module_default15.badge, size: 2, type: "normal", weight: "medium", children }) }), "Badge");
9358
+ var SelectContent = forwardRef16((props, ref) => {
9116
9359
  const { id, isResponsive, popSide, sideOffset, listLabel, children, container } = props;
9117
- return /* @__PURE__ */ jsx172(SelectPrimitive.Portal, { container, children: /* @__PURE__ */ jsx172(
9360
+ return /* @__PURE__ */ jsx174(SelectPrimitive.Portal, { container, children: /* @__PURE__ */ jsx174(
9118
9361
  SelectPrimitive.Content,
9119
9362
  {
9120
9363
  id: `select-content-${id}`,
@@ -9129,24 +9372,24 @@ var SelectContent = forwardRef14((props, ref) => {
9129
9372
  e.stopPropagation();
9130
9373
  };
9131
9374
  },
9132
- className: clsx14(style_module_default13["desktop-content"], {
9133
- [style_module_default13["responsive"]]: isResponsive
9375
+ className: clsx16(style_module_default15["desktop-content"], {
9376
+ [style_module_default15["responsive"]]: isResponsive
9134
9377
  }),
9135
9378
  position: "popper",
9136
9379
  side: popSide,
9137
9380
  sideOffset,
9138
9381
  avoidCollisions: false,
9139
- children: /* @__PURE__ */ jsxs115(ScrollArea.Root, { className: style_module_default13.scrollAreaRoot, type: "always", children: [
9140
- /* @__PURE__ */ jsx172(SelectPrimitive.Viewport, { asChild: true, children: /* @__PURE__ */ jsx172(ScrollArea.Viewport, { className: style_module_default13.scrollAreaViewport, style: { maxHeight: "268px", overflowY: "auto" }, children: /* @__PURE__ */ jsxs115(SelectPrimitive.Group, { children: [
9141
- listLabel && /* @__PURE__ */ jsx172(SelectPrimitive.Label, { asChild: true, children: /* @__PURE__ */ jsx172(Label, { className: style_module_default13["desktop-label"], level: "secondary", size: "m", offset: "low", children: listLabel }) }),
9382
+ children: /* @__PURE__ */ jsxs117(ScrollArea.Root, { className: style_module_default15.scrollAreaRoot, type: "always", children: [
9383
+ /* @__PURE__ */ jsx174(SelectPrimitive.Viewport, { asChild: true, children: /* @__PURE__ */ jsx174(ScrollArea.Viewport, { className: style_module_default15.scrollAreaViewport, style: { maxHeight: "268px", overflowY: "auto" }, children: /* @__PURE__ */ jsxs117(SelectPrimitive.Group, { children: [
9384
+ listLabel && /* @__PURE__ */ jsx174(SelectPrimitive.Label, { asChild: true, children: /* @__PURE__ */ jsx174(Label, { className: style_module_default15["desktop-label"], level: "secondary", size: "m", offset: "low", children: listLabel }) }),
9142
9385
  children
9143
9386
  ] }) }) }),
9144
- /* @__PURE__ */ jsx172(ScrollArea.Scrollbar, { className: style_module_default13.scrollAreaScrollbar, orientation: "vertical", children: /* @__PURE__ */ jsx172(ScrollArea.Thumb, { className: style_module_default13.scrollAreaThumb }) })
9387
+ /* @__PURE__ */ jsx174(ScrollArea.Scrollbar, { className: style_module_default15.scrollAreaScrollbar, orientation: "vertical", children: /* @__PURE__ */ jsx174(ScrollArea.Thumb, { className: style_module_default15.scrollAreaThumb }) })
9145
9388
  ] })
9146
9389
  }
9147
9390
  ) });
9148
9391
  });
9149
- var SelectRoot = forwardRef14((props, ref) => {
9392
+ var SelectRoot = forwardRef16((props, ref) => {
9150
9393
  const {
9151
9394
  id,
9152
9395
  placeholder,
@@ -9169,12 +9412,12 @@ var SelectRoot = forwardRef14((props, ref) => {
9169
9412
  useEffect2(() => {
9170
9413
  setIsOpen(open);
9171
9414
  }, [open]);
9172
- return /* @__PURE__ */ jsxs115("div", { children: [
9173
- /* @__PURE__ */ jsxs115("div", { className: style_module_default13["label-container"], children: [
9174
- /* @__PURE__ */ jsx172(Label, { className: style_module_default13["select-label"], level: "secondary", size: "m", offset: "low", htmlFor: id, children: label }),
9175
- badge && /* @__PURE__ */ jsx172(Badge, { children: badge })
9415
+ return /* @__PURE__ */ jsxs117("div", { children: [
9416
+ /* @__PURE__ */ jsxs117("div", { className: style_module_default15["label-container"], children: [
9417
+ /* @__PURE__ */ jsx174(Label, { className: style_module_default15["select-label"], level: "secondary", size: "m", offset: "low", htmlFor: id, children: label }),
9418
+ badge && /* @__PURE__ */ jsx174(Badge, { children: badge })
9176
9419
  ] }),
9177
- /* @__PURE__ */ jsxs115(
9420
+ /* @__PURE__ */ jsxs117(
9178
9421
  SelectPrimitive.Root,
9179
9422
  {
9180
9423
  ...rest,
@@ -9184,20 +9427,20 @@ var SelectRoot = forwardRef14((props, ref) => {
9184
9427
  setIsOpen(open2);
9185
9428
  },
9186
9429
  children: [
9187
- /* @__PURE__ */ jsxs115(SelectPrimitive.Trigger, { className: style_module_default13.trigger, ref, id, children: [
9188
- /* @__PURE__ */ jsx172(SelectPrimitive.Value, { className: style_module_default13.placeholder, placeholder }),
9189
- /* @__PURE__ */ jsx172(SelectPrimitive.Icon, { className: style_module_default13.openIcon, children: /* @__PURE__ */ jsx172(Icon, { name: "arrow-drop-down", fill: true, thick: true, size: "xs" }) })
9430
+ /* @__PURE__ */ jsxs117(SelectPrimitive.Trigger, { className: style_module_default15.trigger, ref, id, children: [
9431
+ /* @__PURE__ */ jsx174(SelectPrimitive.Value, { className: style_module_default15.placeholder, placeholder }),
9432
+ /* @__PURE__ */ jsx174(SelectPrimitive.Icon, { className: style_module_default15.openIcon, children: /* @__PURE__ */ jsx174(Icon, { name: "arrow-drop-down", fill: true, thick: true, size: "xs" }) })
9190
9433
  ] }),
9191
- /* @__PURE__ */ jsx172(SelectContent, { ...contentProps })
9434
+ /* @__PURE__ */ jsx174(SelectContent, { ...contentProps })
9192
9435
  ]
9193
9436
  }
9194
9437
  )
9195
9438
  ] });
9196
9439
  });
9197
- var SelectItem = /* @__PURE__ */ __name(({ value, text, disabled, icon, onClick }) => /* @__PURE__ */ jsxs115(
9440
+ var SelectItem = /* @__PURE__ */ __name(({ value, text, disabled, icon, onClick }) => /* @__PURE__ */ jsxs117(
9198
9441
  SelectPrimitive.Item,
9199
9442
  {
9200
- className: style_module_default13.item,
9443
+ className: style_module_default15.item,
9201
9444
  value,
9202
9445
  disabled,
9203
9446
  onClick: (e) => {
@@ -9205,9 +9448,9 @@ var SelectItem = /* @__PURE__ */ __name(({ value, text, disabled, icon, onClick
9205
9448
  onClick?.();
9206
9449
  },
9207
9450
  children: [
9208
- /* @__PURE__ */ jsx172(SelectPrimitive.ItemText, { children: /* @__PURE__ */ jsx172(Paragraph, { size: 3, type: "normal", weight: "medium", children: text ?? value }) }),
9209
- icon && /* @__PURE__ */ jsx172(SelectPrimitive.Icon, { className: style_module_default13.icon, children: /* @__PURE__ */ jsx172(Icon, { size: "xs", ...icon }) }),
9210
- /* @__PURE__ */ jsx172(SelectPrimitive.ItemIndicator, { className: style_module_default13.itemIndicator, children: /* @__PURE__ */ jsx172(Icon, { fill: false, thick: true, size: "xs", name: "check-mark", type: "brand-label-primary" }) })
9451
+ /* @__PURE__ */ jsx174(SelectPrimitive.ItemText, { children: /* @__PURE__ */ jsx174(Paragraph, { size: 3, type: "normal", weight: "medium", children: text ?? value }) }),
9452
+ icon && /* @__PURE__ */ jsx174(SelectPrimitive.Icon, { className: style_module_default15.icon, children: /* @__PURE__ */ jsx174(Icon, { size: "xs", ...icon }) }),
9453
+ /* @__PURE__ */ jsx174(SelectPrimitive.ItemIndicator, { className: style_module_default15.itemIndicator, children: /* @__PURE__ */ jsx174(Icon, { fill: false, thick: true, size: "xs", name: "check-mark", type: "brand-label-primary" }) })
9211
9454
  ]
9212
9455
  }
9213
9456
  ), "SelectItem");
@@ -9216,7 +9459,7 @@ var Select = Object.assign(SelectRoot, {
9216
9459
  });
9217
9460
 
9218
9461
  // src/components/List/style.module.scss
9219
- var style_module_default14 = {
9462
+ var style_module_default16 = {
9220
9463
  "list": "_list_uav5y_1",
9221
9464
  "item": "_item_uav5y_8",
9222
9465
  "icon": "_icon_uav5y_42"
@@ -9227,11 +9470,11 @@ import { useState as useState5 } from "react";
9227
9470
 
9228
9471
  // src/hooks/collection.tsx
9229
9472
  import { createContext, useContext, useMemo } from "react";
9230
- import { jsx as jsx173 } from "react/jsx-runtime";
9473
+ import { jsx as jsx175 } from "react/jsx-runtime";
9231
9474
  var CollectionContext = createContext(void 0);
9232
9475
  var CollectionProvider = /* @__PURE__ */ __name(({ value, onChangeValue, children }) => {
9233
9476
  const contextValue = useMemo(() => ({ value, onChangeValue }), [value, onChangeValue]);
9234
- return /* @__PURE__ */ jsx173(CollectionContext.Provider, { value: contextValue, children });
9477
+ return /* @__PURE__ */ jsx175(CollectionContext.Provider, { value: contextValue, children });
9235
9478
  }, "CollectionProvider");
9236
9479
  var useCollectionContext = /* @__PURE__ */ __name(() => {
9237
9480
  const context = useContext(CollectionContext);
@@ -9242,20 +9485,20 @@ var useCollectionContext = /* @__PURE__ */ __name(() => {
9242
9485
  }, "useCollectionContext");
9243
9486
 
9244
9487
  // src/components/List/index.tsx
9245
- import clsx15 from "clsx";
9246
- import { jsx as jsx174, jsxs as jsxs116 } from "react/jsx-runtime";
9488
+ import clsx17 from "clsx";
9489
+ import { jsx as jsx176, jsxs as jsxs118 } from "react/jsx-runtime";
9247
9490
  var ListRoot = /* @__PURE__ */ __name(({ children, className, ...props }) => {
9248
- return /* @__PURE__ */ jsx174(CollectionProvider, { ...props, children: /* @__PURE__ */ jsx174("ul", { className: clsx15(style_module_default14.list, className), children }) });
9491
+ return /* @__PURE__ */ jsx176(CollectionProvider, { ...props, children: /* @__PURE__ */ jsx176("ul", { className: clsx17(style_module_default16.list, className), children }) });
9249
9492
  }, "ListRoot");
9250
9493
  var Item3 = /* @__PURE__ */ __name(({ value, text, disabled, icon, onClick }) => {
9251
9494
  const [isFocused, setIsFocused] = useState5(false);
9252
9495
  const { value: contextValue, onChangeValue } = useCollectionContext();
9253
9496
  const isSelected = contextValue === value;
9254
9497
  const iconProps = isSelected ? { name: "check-mark", type: "brand-label-primary", thick: true } : icon ? icon : {};
9255
- return /* @__PURE__ */ jsxs116(
9498
+ return /* @__PURE__ */ jsxs118(
9256
9499
  "li",
9257
9500
  {
9258
- className: style_module_default14.item,
9501
+ className: style_module_default16.item,
9259
9502
  value,
9260
9503
  "aria-disabled": disabled || void 0,
9261
9504
  "data-disabled": disabled ? "" : void 0,
@@ -9270,122 +9513,13 @@ var Item3 = /* @__PURE__ */ __name(({ value, text, disabled, icon, onClick }) =>
9270
9513
  onChangeValue?.(value);
9271
9514
  },
9272
9515
  children: [
9273
- /* @__PURE__ */ jsx174(Paragraph, { size: 3, type: "normal", weight: "medium", children: text }),
9274
- (icon || isSelected) && /* @__PURE__ */ jsx174(Icon, { className: style_module_default14.icon, size: "xs", ...iconProps })
9516
+ /* @__PURE__ */ jsx176(Paragraph, { size: 3, type: "normal", weight: "medium", children: text }),
9517
+ (icon || isSelected) && /* @__PURE__ */ jsx176(Icon, { className: style_module_default16.icon, size: "xs", ...iconProps })
9275
9518
  ]
9276
9519
  }
9277
9520
  );
9278
9521
  }, "Item");
9279
9522
  var List = Object.assign(ListRoot, { Item: Item3 });
9280
-
9281
- // src/components/TextButton/index.tsx
9282
- import { cva as cva9 } from "cva";
9283
-
9284
- // src/components/TextButton/style.module.scss
9285
- var style_module_default15 = {
9286
- "button": "_button_geax8_1",
9287
- "text": "_text_geax8_27",
9288
- "size-m": "_size-m_geax8_34",
9289
- "size-s": "_size-s_geax8_37",
9290
- "primary": "_primary_geax8_40",
9291
- "secondary": "_secondary_geax8_44",
9292
- "tertiary": "_tertiary_geax8_48",
9293
- "inverse": "_inverse_geax8_52",
9294
- "inverse-static": "_inverse-static_geax8_56",
9295
- "thick": "_thick_geax8_61",
9296
- "underline": "_underline_geax8_65",
9297
- "text-children": "_text-children_geax8_70"
9298
- };
9299
-
9300
- // src/components/TextButton/index.tsx
9301
- import { Children as Children2, cloneElement as cloneElement2, forwardRef as forwardRef15 } from "react";
9302
- import clsx16 from "clsx";
9303
- import { jsx as jsx175, jsxs as jsxs117 } from "react/jsx-runtime";
9304
- var textButtonLevelIconTypeMap = {
9305
- primary: "brand-label-primary",
9306
- secondary: "neutral-label-primary",
9307
- tertiary: "neutral-label-secondary",
9308
- inverse: "inverse-label-primary",
9309
- "inverse-static": "inverse-label-static-primary"
9310
- };
9311
- var textButtonLevelIconFillTypeMap = {
9312
- primary: "inverse-label-static-primary",
9313
- secondary: "inverse-label-secondary",
9314
- tertiary: "inverse-label-secondary",
9315
- inverse: "neutral-label-primary",
9316
- "inverse-static": "neutral-label-static-primary"
9317
- };
9318
- var textButtonVariants = cva9({
9319
- base: [style_module_default15.button, style_module_default15.text],
9320
- variants: {
9321
- level: {
9322
- primary: [style_module_default15["primary"], "lp-sys-typo-caption1-normal-medium"],
9323
- secondary: [style_module_default15["secondary"], "lp-sys-typo-caption1-normal-medium"],
9324
- tertiary: [style_module_default15["tertiary"], "lp-sys-typo-caption1-normal-medium"],
9325
- inverse: [style_module_default15["inverse"], "lp-sys-typo-caption1-normal-medium"],
9326
- "inverse-static": [style_module_default15["inverse-static"], "lp-sys-typo-caption1-normal-medium"]
9327
- },
9328
- size: {
9329
- m: style_module_default15["size-m"],
9330
- s: style_module_default15["size-s"]
9331
- },
9332
- thick: {
9333
- true: style_module_default15.thick
9334
- },
9335
- underline: {
9336
- true: style_module_default15.underline
9337
- }
9338
- }
9339
- });
9340
- var TextButton = forwardRef15(
9341
- ({
9342
- level = "primary",
9343
- thick = false,
9344
- underline = false,
9345
- size = "m",
9346
- asChild = false,
9347
- leftIcon,
9348
- rightIcon,
9349
- className,
9350
- children,
9351
- ...rest
9352
- }, ref) => {
9353
- const getIconProps = /* @__PURE__ */ __name((icon) => ({
9354
- size: size === "m" ? "s" : "xs",
9355
- thick: true,
9356
- type: textButtonLevelIconTypeMap[level],
9357
- fillType: textButtonLevelIconFillTypeMap[level],
9358
- ...icon
9359
- }), "getIconProps");
9360
- const renderContent = /* @__PURE__ */ __name((children2) => /* @__PURE__ */ jsxs117("span", { className: style_module_default15["text-children"], children: [
9361
- leftIcon && /* @__PURE__ */ jsx175(Icon, { ...getIconProps(leftIcon) }),
9362
- /* @__PURE__ */ jsx175("p", { children: children2 }),
9363
- rightIcon && /* @__PURE__ */ jsx175(Icon, { ...getIconProps(rightIcon) })
9364
- ] }), "renderContent");
9365
- if (asChild) {
9366
- const parent = Children2.only(children);
9367
- return cloneElement2(
9368
- parent,
9369
- {
9370
- ...rest,
9371
- className: clsx16(textButtonVariants({ level, thick, underline, size }), className),
9372
- ref
9373
- },
9374
- renderContent(parent.props.children)
9375
- );
9376
- }
9377
- return /* @__PURE__ */ jsx175(
9378
- "button",
9379
- {
9380
- className: clsx16(textButtonVariants({ level, thick, underline, size }), className),
9381
- ref,
9382
- ...rest,
9383
- children: renderContent(children)
9384
- }
9385
- );
9386
- }
9387
- );
9388
- TextButton.displayName = "TextButton";
9389
9523
  export {
9390
9524
  Button,
9391
9525
  Caption,
@@ -9401,6 +9535,7 @@ export {
9401
9535
  Media,
9402
9536
  MediaContextProvider,
9403
9537
  Paragraph,
9538
+ Popover,
9404
9539
  Radio,
9405
9540
  Select,
9406
9541
  Slider,