@liner-fe/prism 2.1.39 → 2.1.40

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
@@ -7278,7 +7278,11 @@ var arrayToStyleObject = /* @__PURE__ */ __name((colorKeys2, style, prefix) => c
7278
7278
  var isEmptyObject = /* @__PURE__ */ __name((obj) => Object.getOwnPropertyNames(obj).length === 0, "isEmptyObject");
7279
7279
 
7280
7280
  // src/components/Button/index.tsx
7281
- import { Children, cloneElement, forwardRef } from "react";
7281
+ import {
7282
+ Children,
7283
+ cloneElement,
7284
+ forwardRef
7285
+ } from "react";
7282
7286
 
7283
7287
  // src/components/Button/style.module.scss
7284
7288
  var style_module_default = {
@@ -8490,271 +8494,36 @@ var Typography = /* @__PURE__ */ __name((props) => {
8490
8494
  );
8491
8495
  }, "Typography");
8492
8496
 
8493
- // src/components/Popover/index.tsx
8494
- import * as React3 from "react";
8495
- import * as PopoverPrimitive from "@radix-ui/react-popover";
8496
-
8497
- // src/components/Popover/style.module.scss
8498
- var style_module_default6 = {
8499
- "content": "_content_1pzw3_1",
8500
- "anchor": "_anchor_1pzw3_7",
8501
- "primary": "_primary_1pzw3_10",
8502
- "secondary": "_secondary_1pzw3_16",
8503
- "contentContainer": "_contentContainer_1pzw3_31",
8504
- "heading": "_heading_1pzw3_39",
8505
- "tag": "_tag_1pzw3_45",
8506
- "title": "_title_1pzw3_56",
8507
- "description": "_description_1pzw3_61",
8508
- "footer": "_footer_1pzw3_67",
8509
- "arrow": "_arrow_1pzw3_73",
8510
- "closeButton": "_closeButton_1pzw3_77",
8511
- "overlay": "_overlay_1pzw3_89"
8512
- };
8513
-
8514
- // src/components/Popover/index.tsx
8515
- import { cva as cva6 } from "cva";
8516
- import { clsx as clsx9 } from "clsx";
8517
-
8518
- // src/components/TextButton/index.tsx
8519
- import { cva as cva5 } from "cva";
8520
-
8521
- // src/components/TextButton/style.module.scss
8522
- var style_module_default7 = {
8523
- "button": "_button_geax8_1",
8524
- "text": "_text_geax8_27",
8525
- "size-m": "_size-m_geax8_34",
8526
- "size-s": "_size-s_geax8_37",
8527
- "primary": "_primary_geax8_40",
8528
- "secondary": "_secondary_geax8_44",
8529
- "tertiary": "_tertiary_geax8_48",
8530
- "inverse": "_inverse_geax8_52",
8531
- "inverse-static": "_inverse-static_geax8_56",
8532
- "thick": "_thick_geax8_61",
8533
- "underline": "_underline_geax8_65",
8534
- "text-children": "_text-children_geax8_70"
8535
- };
8536
-
8537
- // src/components/TextButton/index.tsx
8538
- import { Children as Children2, cloneElement as cloneElement2, forwardRef as forwardRef7 } from "react";
8539
- import clsx8 from "clsx";
8540
- import { jsx as jsx165, jsxs as jsxs111 } from "react/jsx-runtime";
8541
- var textButtonLevelIconTypeMap = {
8542
- primary: "brand-label-primary",
8543
- secondary: "neutral-label-primary",
8544
- tertiary: "neutral-label-secondary",
8545
- inverse: "inverse-label-primary",
8546
- "inverse-static": "inverse-label-static-primary"
8547
- };
8548
- var textButtonLevelIconFillTypeMap = {
8549
- primary: "inverse-label-static-primary",
8550
- secondary: "inverse-label-secondary",
8551
- tertiary: "inverse-label-secondary",
8552
- inverse: "neutral-label-primary",
8553
- "inverse-static": "neutral-label-static-primary"
8554
- };
8555
- var textButtonVariants = cva5({
8556
- base: [style_module_default7.button, style_module_default7.text],
8557
- variants: {
8558
- level: {
8559
- primary: [style_module_default7["primary"], "lp-sys-typo-caption1-normal-medium"],
8560
- secondary: [style_module_default7["secondary"], "lp-sys-typo-caption1-normal-medium"],
8561
- tertiary: [style_module_default7["tertiary"], "lp-sys-typo-caption1-normal-medium"],
8562
- inverse: [style_module_default7["inverse"], "lp-sys-typo-caption1-normal-medium"],
8563
- "inverse-static": [style_module_default7["inverse-static"], "lp-sys-typo-caption1-normal-medium"]
8564
- },
8565
- size: {
8566
- m: style_module_default7["size-m"],
8567
- s: style_module_default7["size-s"]
8568
- },
8569
- thick: {
8570
- true: style_module_default7.thick
8571
- },
8572
- underline: {
8573
- true: style_module_default7.underline
8574
- }
8575
- }
8576
- });
8577
- var TextButton = forwardRef7(
8578
- ({
8579
- level = "primary",
8580
- thick = false,
8581
- underline = false,
8582
- size = "m",
8583
- asChild = false,
8584
- leftIcon,
8585
- rightIcon,
8586
- className,
8587
- children,
8588
- ...rest
8589
- }, ref) => {
8590
- const getIconProps = /* @__PURE__ */ __name((icon) => ({
8591
- size: size === "m" ? "s" : "xs",
8592
- thick: true,
8593
- type: textButtonLevelIconTypeMap[level],
8594
- fillType: textButtonLevelIconFillTypeMap[level],
8595
- ...icon
8596
- }), "getIconProps");
8597
- const renderContent = /* @__PURE__ */ __name((children2) => /* @__PURE__ */ jsxs111("span", { className: style_module_default7["text-children"], children: [
8598
- leftIcon && /* @__PURE__ */ jsx165(Icon, { ...getIconProps(leftIcon) }),
8599
- /* @__PURE__ */ jsx165("p", { children: children2 }),
8600
- rightIcon && /* @__PURE__ */ jsx165(Icon, { ...getIconProps(rightIcon) })
8601
- ] }), "renderContent");
8602
- if (asChild) {
8603
- const parent = Children2.only(children);
8604
- return cloneElement2(
8605
- parent,
8606
- {
8607
- ...rest,
8608
- className: clsx8(textButtonVariants({ level, thick, underline, size }), className),
8609
- ref
8610
- },
8611
- renderContent(parent.props.children)
8612
- );
8613
- }
8614
- return /* @__PURE__ */ jsx165("button", { className: clsx8(textButtonVariants({ level, thick, underline, size }), className), ref, ...rest, children: renderContent(children) });
8615
- }
8616
- );
8617
- TextButton.displayName = "TextButton";
8618
-
8619
- // src/components/Popover/index.tsx
8620
- import { Fragment as Fragment6, jsx as jsx166, jsxs as jsxs112 } from "react/jsx-runtime";
8621
- var DEFAULT_OFFSET = -6;
8622
- var popoverVariants = cva6({
8623
- base: style_module_default6.content,
8624
- variants: {
8625
- level: {
8626
- primary: style_module_default6.primary,
8627
- secondary: style_module_default6.secondary
8628
- }
8629
- }
8630
- });
8631
- var popoverAnchorVariants = cva6({
8632
- base: style_module_default6.anchor,
8633
- variants: {
8634
- level: {
8635
- primary: style_module_default6.primary,
8636
- secondary: style_module_default6.secondary
8637
- }
8638
- }
8639
- });
8640
- var popoverTagVariants = cva6({ base: [style_module_default6.tag, "lp-sys-typo-caption3-normal-bold"] });
8641
- var popoverTitleVariants = cva6({ base: [style_module_default6.title, "lp-sys-typo-paragraph3-normal-bold"] });
8642
- var popoverDescriptionVariants = cva6({ base: [style_module_default6.description, "lp-sys-typo-caption1-normal-regular"] });
8643
- var popoverFooterVariants = cva6({ base: [style_module_default6.footer, "lp-sys-typo-caption1-normal-medium"] });
8644
- var PopoverRoot = /* @__PURE__ */ __name(({ isOpen, children, onChange }) => /* @__PURE__ */ jsx166(PopoverPrimitive.Root, { open: isOpen, onOpenChange: onChange, children }), "PopoverRoot");
8645
- var PopoverTrigger = /* @__PURE__ */ __name(({ by }) => /* @__PURE__ */ jsx166(PopoverPrimitive.Trigger, { asChild: true, children: by }), "PopoverTrigger");
8646
- 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(
8647
- "path",
8648
- {
8649
- fillRule: "evenodd",
8650
- clipRule: "evenodd",
8651
- 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",
8652
- fill: "none"
8653
- }
8654
- ) }), "PopoverAnchor");
8655
- var PopoverContent = React3.forwardRef(
8656
- ({
8657
- level = "primary",
8658
- position = "top",
8659
- align = "center",
8660
- tag,
8661
- icon,
8662
- title,
8663
- description,
8664
- confirmText,
8665
- isOverlay = false,
8666
- onConfirm,
8667
- onClose,
8668
- onPointerDownOutside,
8669
- className,
8670
- children,
8671
- container,
8672
- ...props
8673
- }, ref) => /* @__PURE__ */ jsx166(PopoverPrimitive.Portal, { container, children: /* @__PURE__ */ jsxs112(Fragment6, { children: [
8674
- /* @__PURE__ */ jsxs112(
8675
- PopoverPrimitive.Content,
8676
- {
8677
- ref,
8678
- align,
8679
- side: position,
8680
- sideOffset: DEFAULT_OFFSET,
8681
- onPointerDownOutside,
8682
- className: clsx9(popoverVariants({ level }), className),
8683
- ...props,
8684
- children: [
8685
- /* @__PURE__ */ jsxs112("div", { className: style_module_default6.contentContainer, children: [
8686
- (tag || icon || onClose) && /* @__PURE__ */ jsxs112("div", { className: style_module_default6.heading, children: [
8687
- tag && /* @__PURE__ */ jsx166("span", { className: popoverTagVariants(), children: tag }),
8688
- icon && /* @__PURE__ */ jsx166(Icon, { name: icon.name, size: "xs", thick: icon.thick, fill: icon.fill }),
8689
- /* @__PURE__ */ jsx166("p", { className: popoverTitleVariants(), children: title }),
8690
- onClose && /* @__PURE__ */ jsx166(
8691
- PopoverPrimitive.PopoverClose,
8692
- {
8693
- className: style_module_default6.closeButton,
8694
- onClick: () => {
8695
- onClose();
8696
- },
8697
- children: /* @__PURE__ */ jsx166(Icon, { name: "close-fill", size: "s", fill: true, thick: true, type: "neutral-label-static-primary" })
8698
- }
8699
- )
8700
- ] }),
8701
- description && /* @__PURE__ */ jsx166("p", { className: popoverDescriptionVariants(), children: description }),
8702
- onConfirm && /* @__PURE__ */ jsx166("div", { className: popoverFooterVariants(), children: /* @__PURE__ */ jsx166(
8703
- TextButton,
8704
- {
8705
- level: "inverse-static",
8706
- onClick: () => {
8707
- onConfirm?.();
8708
- },
8709
- children: confirmText
8710
- }
8711
- ) }),
8712
- children
8713
- ] }),
8714
- /* @__PURE__ */ jsx166(PopoverPrimitive.Arrow, { asChild: true, children: /* @__PURE__ */ jsx166(PopoverAnchor, { className: clsx9(popoverAnchorVariants({ level })) }) })
8715
- ]
8716
- }
8717
- ),
8718
- isOverlay && /* @__PURE__ */ jsx166("div", { "data-radix-popper-overlay": true, className: style_module_default6.overlay })
8719
- ] }) })
8720
- );
8721
- var Popover = Object.assign(PopoverRoot, {
8722
- Trigger: PopoverTrigger,
8723
- Content: PopoverContent,
8724
- Arrow: PopoverPrimitive.Arrow,
8725
- Close: PopoverPrimitive.Close
8726
- });
8727
-
8728
8497
  // src/components/Tooltip/index.tsx
8729
8498
  import * as TooltipPrimitive from "@radix-ui/react-tooltip";
8730
- import { forwardRef as forwardRef9 } from "react";
8499
+ import { forwardRef as forwardRef7 } from "react";
8731
8500
 
8732
8501
  // src/components/Tooltip/style.module.scss
8733
- var style_module_default8 = {
8502
+ var style_module_default6 = {
8734
8503
  "tooltip": "_tooltip_1v61q_1",
8735
8504
  "tooltipContent": "_tooltipContent_1v61q_10"
8736
8505
  };
8737
8506
 
8738
8507
  // src/components/Tooltip/index.tsx
8739
- import { cva as cva7 } from "cva";
8740
- import clsx10 from "clsx";
8741
- import { jsx as jsx167 } from "react/jsx-runtime";
8742
- var DEFAULT_OFFSET2 = "medium";
8743
- var tooltipVariants = cva7({ base: [style_module_default8.tooltip, "lp-sys-typo-caption1-normal-medium"] });
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"] });
8744
8513
  var TooltipProvider = TooltipPrimitive.Provider;
8745
- var TooltipRoot = /* @__PURE__ */ __name(({ children, ...props }) => /* @__PURE__ */ jsx167(TooltipPrimitive.Root, { delayDuration: 0, ...props, children }), "TooltipRoot");
8746
- var TooltipTrigger = /* @__PURE__ */ __name(({ by }) => /* @__PURE__ */ jsx167(TooltipPrimitive.Trigger, { asChild: true, children: by }), "TooltipTrigger");
8747
- var TooltipContent = forwardRef9(
8748
- ({ description, position = "top", className, offset = DEFAULT_OFFSET2, collisionPadding, ...props }, ref) => /* @__PURE__ */ jsx167(
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(
8749
8518
  TooltipPrimitive.Content,
8750
8519
  {
8751
8520
  ref,
8752
8521
  side: position,
8753
8522
  sideOffset: offset === "medium" ? 4 : 8,
8754
8523
  collisionPadding,
8755
- className: clsx10(tooltipVariants(), className),
8524
+ className: clsx8(tooltipVariants(), className),
8756
8525
  ...props,
8757
- children: /* @__PURE__ */ jsx167("p", { className: style_module_default8.tooltipContent, children: description })
8526
+ children: /* @__PURE__ */ jsx165("p", { className: style_module_default6.tooltipContent, children: description })
8758
8527
  }
8759
8528
  )
8760
8529
  );
@@ -8765,12 +8534,12 @@ var Tooltip = Object.assign(TooltipRoot, {
8765
8534
  });
8766
8535
 
8767
8536
  // src/components/IconButton/index.tsx
8768
- import { cva as cva8 } from "cva";
8769
- import { forwardRef as forwardRef10 } from "react";
8770
- import clsx11 from "clsx";
8537
+ import { cva as cva6 } from "cva";
8538
+ import { forwardRef as forwardRef8 } from "react";
8539
+ import clsx9 from "clsx";
8771
8540
 
8772
8541
  // src/components/IconButton/style.module.scss
8773
- var style_module_default9 = {
8542
+ var style_module_default7 = {
8774
8543
  "iconButton": "_iconButton_6ezo4_1",
8775
8544
  "primary": "_primary_6ezo4_14",
8776
8545
  "secondary": "_secondary_6ezo4_27",
@@ -8789,7 +8558,7 @@ var style_module_default9 = {
8789
8558
 
8790
8559
  // src/components/IconButton/index.tsx
8791
8560
  import { Slot } from "@radix-ui/react-slot";
8792
- import { jsx as jsx168 } from "react/jsx-runtime";
8561
+ import { jsx as jsx166 } from "react/jsx-runtime";
8793
8562
  var iconButtonSizeIconSizeMap = {
8794
8563
  l: "m",
8795
8564
  m: "s",
@@ -8835,32 +8604,32 @@ var iconButtonLevelIconTypeMap = {
8835
8604
  "inverse-static": "inverse-label-static-primary"
8836
8605
  }
8837
8606
  };
8838
- var iconButtonVariants = cva8({
8839
- base: [style_module_default9.iconButton],
8607
+ var iconButtonVariants = cva6({
8608
+ base: [style_module_default7.iconButton],
8840
8609
  variants: {
8841
8610
  level: {
8842
- primary: style_module_default9.primary,
8843
- secondary: style_module_default9.secondary,
8844
- tertiary: style_module_default9.tertiary,
8845
- quaternary: style_module_default9.quaternary,
8846
- negative: style_module_default9.negative,
8847
- static: style_module_default9.static,
8848
- inverse: style_module_default9.inverse,
8849
- "inverse-static": style_module_default9["inverse-static"]
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"]
8850
8619
  },
8851
8620
  size: {
8852
- l: style_module_default9.l,
8853
- m: style_module_default9.m,
8854
- s: style_module_default9.s,
8855
- xs: style_module_default9.xs
8621
+ l: style_module_default7.l,
8622
+ m: style_module_default7.m,
8623
+ s: style_module_default7.s,
8624
+ xs: style_module_default7.xs
8856
8625
  },
8857
8626
  fill: {
8858
8627
  true: void 0,
8859
- false: style_module_default9.ghost
8628
+ false: style_module_default7.ghost
8860
8629
  }
8861
8630
  }
8862
8631
  });
8863
- var IconButton = forwardRef10(
8632
+ var IconButton = forwardRef8(
8864
8633
  ({
8865
8634
  asChild,
8866
8635
  level = "primary",
@@ -8873,16 +8642,16 @@ var IconButton = forwardRef10(
8873
8642
  ...rest
8874
8643
  }, ref) => {
8875
8644
  const Comp = asChild ? Slot : "button";
8876
- return /* @__PURE__ */ jsx168(
8645
+ return /* @__PURE__ */ jsx166(
8877
8646
  Comp,
8878
8647
  {
8879
8648
  ...rest,
8880
- className: clsx11(iconButtonVariants({ level, size, fill }), className),
8649
+ className: clsx9(iconButtonVariants({ level, size, fill }), className),
8881
8650
  ref,
8882
8651
  disabled: disabled && !isLoading,
8883
8652
  "aria-label": icon.name,
8884
8653
  role: "button",
8885
- children: isLoading ? /* @__PURE__ */ jsx168(Loading, { size: iconButtonLoadingSizeMap[size], level: iconButtonLoadingLevelMap[level] }) : /* @__PURE__ */ jsx168(
8654
+ children: isLoading ? /* @__PURE__ */ jsx166(Loading, { size: iconButtonLoadingSizeMap[size], level: iconButtonLoadingLevelMap[level] }) : /* @__PURE__ */ jsx166(
8886
8655
  Icon,
8887
8656
  {
8888
8657
  size: iconButtonSizeIconSizeMap[size],
@@ -8900,7 +8669,7 @@ IconButton.displayName = "IconButton";
8900
8669
  import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
8901
8670
 
8902
8671
  // src/components/CheckBox/style.module.scss
8903
- var style_module_default10 = {
8672
+ var style_module_default8 = {
8904
8673
  "checkbox": "_checkbox_24vda_1",
8905
8674
  "checkbox-indicator": "_checkbox-indicator_24vda_39",
8906
8675
  "label-wrapper": "_label-wrapper_24vda_47",
@@ -8908,16 +8677,16 @@ var style_module_default10 = {
8908
8677
  };
8909
8678
 
8910
8679
  // src/components/CheckBox/index.tsx
8911
- import { forwardRef as forwardRef12 } from "react";
8912
- import clsx13 from "clsx";
8680
+ import { forwardRef as forwardRef10 } from "react";
8681
+ import clsx11 from "clsx";
8913
8682
 
8914
8683
  // src/components/Label/index.tsx
8915
- import { forwardRef as forwardRef11 } from "react";
8684
+ import { forwardRef as forwardRef9 } from "react";
8916
8685
  import * as LabelPrimitive from "@radix-ui/react-label";
8917
- import clsx12 from "clsx";
8686
+ import clsx10 from "clsx";
8918
8687
 
8919
8688
  // src/components/Label/style.module.scss
8920
- var style_module_default11 = {
8689
+ var style_module_default9 = {
8921
8690
  "label": "_label_18fu8_1",
8922
8691
  "error": "_error_18fu8_15",
8923
8692
  "primary": "_primary_18fu8_19",
@@ -8934,38 +8703,38 @@ var style_module_default11 = {
8934
8703
  };
8935
8704
 
8936
8705
  // src/components/Label/index.tsx
8937
- import { cva as cva9 } from "cva";
8938
- import { jsx as jsx169 } from "react/jsx-runtime";
8939
- var defaultLabelVariants = cva9({
8940
- base: ["lp-sys-typo-paragraph2-normal-medium", style_module_default11.label],
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],
8941
8710
  variants: {
8942
8711
  level: {
8943
- primary: style_module_default11.primary,
8944
- secondary: style_module_default11.secondary
8712
+ primary: style_module_default9.primary,
8713
+ secondary: style_module_default9.secondary
8945
8714
  },
8946
8715
  position: {
8947
- top: style_module_default11.top,
8948
- right: style_module_default11.right
8716
+ top: style_module_default9.top,
8717
+ right: style_module_default9.right
8949
8718
  },
8950
8719
  size: {
8951
- l: ["lp-sys-typo-paragraph3-normal-bold", style_module_default11.l],
8952
- m: ["lp-sys-typo-caption1-normal-medium", style_module_default11.m],
8953
- s: ["lp-sys-typo-caption2-normal-medium", style_module_default11.s]
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]
8954
8723
  },
8955
8724
  offset: {
8956
- high: style_module_default11["offset-high"],
8957
- medium: style_module_default11["offset-medium"],
8958
- low: style_module_default11["offset-low"]
8725
+ high: style_module_default9["offset-high"],
8726
+ medium: style_module_default9["offset-medium"],
8727
+ low: style_module_default9["offset-low"]
8959
8728
  },
8960
8729
  disabled: {
8961
- true: style_module_default11.disabled
8730
+ true: style_module_default9.disabled
8962
8731
  },
8963
8732
  error: {
8964
- true: style_module_default11.error
8733
+ true: style_module_default9.error
8965
8734
  }
8966
8735
  }
8967
8736
  });
8968
- var Label = forwardRef11(
8737
+ var Label = forwardRef9(
8969
8738
  ({
8970
8739
  className,
8971
8740
  level = "primary",
@@ -8976,11 +8745,14 @@ var Label = forwardRef11(
8976
8745
  error = false,
8977
8746
  ...props
8978
8747
  }, ref) => {
8979
- return /* @__PURE__ */ jsx169(
8748
+ return /* @__PURE__ */ jsx167(
8980
8749
  LabelPrimitive.Root,
8981
8750
  {
8982
8751
  ref,
8983
- className: clsx12(defaultLabelVariants({ level, position, size, offset, disabled, error }), className),
8752
+ className: clsx10(
8753
+ defaultLabelVariants({ level, position, size, offset, disabled, error }),
8754
+ className
8755
+ ),
8984
8756
  ...props
8985
8757
  }
8986
8758
  );
@@ -8989,27 +8761,27 @@ var Label = forwardRef11(
8989
8761
  Label.displayName = "Label";
8990
8762
 
8991
8763
  // src/components/CheckBox/index.tsx
8992
- import { Fragment as Fragment7, jsx as jsx170, jsxs as jsxs113 } from "react/jsx-runtime";
8993
- var Checkbox = forwardRef12(
8764
+ import { Fragment as Fragment6, jsx as jsx168, jsxs as jsxs111 } from "react/jsx-runtime";
8765
+ var Checkbox = forwardRef10(
8994
8766
  ({ className, label, description, ...props }, ref) => {
8995
- const CheckboxWrapper = /* @__PURE__ */ __name(({ children }) => label ? /* @__PURE__ */ jsxs113(Label, { position: "right", htmlFor: props.id, children: [
8996
- /* @__PURE__ */ jsxs113("div", { className: style_module_default10["label-wrapper"], children: [
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: [
8997
8769
  label,
8998
- /* @__PURE__ */ jsx170(Paragraph, { className: style_module_default10.description, size: 3, type: "normal", weight: "regular", children: description })
8770
+ /* @__PURE__ */ jsx168(Paragraph, { className: style_module_default8.description, size: 3, type: "normal", weight: "regular", children: description })
8999
8771
  ] }),
9000
8772
  children
9001
- ] }) : /* @__PURE__ */ jsx170(Fragment7, { children }), "CheckboxWrapper");
9002
- 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" }) }) }) });
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" }) }) }) });
9003
8775
  }
9004
8776
  );
9005
8777
 
9006
8778
  // src/components/Radio/index.tsx
9007
8779
  import * as RadioGroupPrimitive from "@radix-ui/react-radio-group";
9008
- import clsx14 from "clsx";
9009
- import { forwardRef as forwardRef13 } from "react";
8780
+ import clsx12 from "clsx";
8781
+ import { forwardRef as forwardRef11 } from "react";
9010
8782
 
9011
8783
  // src/components/Radio/style.module.scss
9012
- var style_module_default12 = {
8784
+ var style_module_default10 = {
9013
8785
  "radio-item": "_radio-item_184np_1",
9014
8786
  "indicator": "_indicator_184np_44",
9015
8787
  "label-wrapper": "_label-wrapper_184np_50",
@@ -9017,27 +8789,27 @@ var style_module_default12 = {
9017
8789
  };
9018
8790
 
9019
8791
  // src/components/Radio/index.tsx
9020
- import { Fragment as Fragment8, jsx as jsx171, jsxs as jsxs114 } from "react/jsx-runtime";
9021
- 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");
9022
- var RadioRoot = forwardRef13(({ className, ...props }, ref) => /* @__PURE__ */ jsx171(RadioGroupPrimitive.Root, { ref, className, ...props }));
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 }));
9023
8795
  RadioRoot.displayName = "RadioRoot";
9024
- var RadioItem = forwardRef13(
8796
+ var RadioItem = forwardRef11(
9025
8797
  ({ className, label, description, ...props }, ref) => {
9026
- const RadioItemWrapper = /* @__PURE__ */ __name(({ children }) => label ? /* @__PURE__ */ jsxs114(Label, { position: "right", children: [
9027
- /* @__PURE__ */ jsxs114("div", { className: style_module_default12["label-wrapper"], children: [
8798
+ const RadioItemWrapper = /* @__PURE__ */ __name(({ children }) => label ? /* @__PURE__ */ jsxs112(Label, { position: "right", children: [
8799
+ /* @__PURE__ */ jsxs112("div", { className: style_module_default10["label-wrapper"], children: [
9028
8800
  label,
9029
- description && /* @__PURE__ */ jsx171(Paragraph, { className: style_module_default12.description, size: 3, type: "normal", weight: "regular", children: description })
8801
+ description && /* @__PURE__ */ jsx169(Paragraph, { className: style_module_default10.description, size: 3, type: "normal", weight: "regular", children: description })
9030
8802
  ] }),
9031
8803
  children
9032
- ] }) : /* @__PURE__ */ jsx171(Fragment8, { children }), "RadioItemWrapper");
9033
- return /* @__PURE__ */ jsx171(RadioItemWrapper, { children: /* @__PURE__ */ jsx171(
8804
+ ] }) : /* @__PURE__ */ jsx169(Fragment7, { children }), "RadioItemWrapper");
8805
+ return /* @__PURE__ */ jsx169(RadioItemWrapper, { children: /* @__PURE__ */ jsx169(
9034
8806
  RadioGroupPrimitive.Item,
9035
8807
  {
9036
8808
  ref,
9037
- className: clsx14(style_module_default12["radio-item"], className),
8809
+ className: clsx12(style_module_default10["radio-item"], className),
9038
8810
  ...props,
9039
8811
  "aria-label": label,
9040
- children: /* @__PURE__ */ jsx171(RadioGroupPrimitive.Indicator, { className: style_module_default12.indicator, children: /* @__PURE__ */ jsx171(RadioIndicator, {}) })
8812
+ children: /* @__PURE__ */ jsx169(RadioGroupPrimitive.Indicator, { className: style_module_default10.indicator, children: /* @__PURE__ */ jsx169(RadioIndicator, {}) })
9041
8813
  }
9042
8814
  ) });
9043
8815
  }
@@ -9049,7 +8821,7 @@ var Radio = Object.assign(RadioRoot, {
9049
8821
 
9050
8822
  // src/components/Textfield/index.tsx
9051
8823
  import {
9052
- forwardRef as forwardRef14,
8824
+ forwardRef as forwardRef12,
9053
8825
  useId,
9054
8826
  useImperativeHandle,
9055
8827
  useRef as useRef2,
@@ -9057,7 +8829,7 @@ import {
9057
8829
  } from "react";
9058
8830
 
9059
8831
  // src/components/Textfield/style.module.scss
9060
- var style_module_default13 = {
8832
+ var style_module_default11 = {
9061
8833
  "textfield-container": "_textfield-container_mmkqk_1",
9062
8834
  "textfield": "_textfield_mmkqk_1",
9063
8835
  "label": "_label_mmkqk_35",
@@ -9079,20 +8851,20 @@ var style_module_default13 = {
9079
8851
  };
9080
8852
 
9081
8853
  // src/components/Textfield/index.tsx
9082
- import { cva as cva10 } from "cva";
9083
- import clsx15 from "clsx";
8854
+ import { cva as cva8 } from "cva";
8855
+ import clsx13 from "clsx";
9084
8856
  import { flushSync } from "react-dom";
9085
- import { Fragment as Fragment9, jsx as jsx172, jsxs as jsxs115 } from "react/jsx-runtime";
9086
- var defaultTextfieldVariants = cva10({
9087
- base: style_module_default13.textfield,
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,
9088
8860
  variants: {
9089
8861
  color: {
9090
- "neutral-container-mid": style_module_default13.gray,
9091
- "neutral-container-lowest": style_module_default13.white
8862
+ "neutral-container-mid": style_module_default11.gray,
8863
+ "neutral-container-lowest": style_module_default11.white
9092
8864
  }
9093
8865
  }
9094
8866
  });
9095
- var Textfield = forwardRef14((props, ref) => {
8867
+ var Textfield = forwardRef12((props, ref) => {
9096
8868
  const {
9097
8869
  id = useId(),
9098
8870
  type,
@@ -9151,21 +8923,21 @@ var Textfield = forwardRef14((props, ref) => {
9151
8923
  }
9152
8924
  }, "handleDeidentify");
9153
8925
  useImperativeHandle(ref, () => inputRef.current);
9154
- return /* @__PURE__ */ jsxs115("div", { className: style_module_default13["textfield-container"], children: [
9155
- /* @__PURE__ */ jsx172(
8926
+ return /* @__PURE__ */ jsxs113("div", { className: style_module_default11["textfield-container"], children: [
8927
+ /* @__PURE__ */ jsx170(
9156
8928
  "div",
9157
8929
  {
9158
- className: clsx15(defaultTextfieldVariants({ color }), {
9159
- [style_module_default13.error]: !!error,
9160
- [style_module_default13["label-out-textfield"]]: !label || labelType === "out"
8930
+ className: clsx13(defaultTextfieldVariants({ color }), {
8931
+ [style_module_default11.error]: !!error,
8932
+ [style_module_default11["label-out-textfield"]]: !label || labelType === "out"
9161
8933
  }),
9162
8934
  onClick: handleTextfieldClick,
9163
- children: /* @__PURE__ */ jsxs115("div", { className: style_module_default13["input-wrapper"], children: [
9164
- /* @__PURE__ */ jsx172(
8935
+ children: /* @__PURE__ */ jsxs113("div", { className: style_module_default11["input-wrapper"], children: [
8936
+ /* @__PURE__ */ jsx170(
9165
8937
  "input",
9166
8938
  {
9167
- className: clsx15(style_module_default13.input, {
9168
- [style_module_default13["label-out-input"]]: !label || labelType === "out"
8939
+ className: clsx13(style_module_default11.input, {
8940
+ [style_module_default11["label-out-input"]]: !label || labelType === "out"
9169
8941
  }),
9170
8942
  type: isDeidentified ? "password" : "text",
9171
8943
  placeholder,
@@ -9176,24 +8948,24 @@ var Textfield = forwardRef14((props, ref) => {
9176
8948
  ...rest
9177
8949
  }
9178
8950
  ),
9179
- /* @__PURE__ */ jsx172(
8951
+ /* @__PURE__ */ jsx170(
9180
8952
  Label,
9181
8953
  {
9182
- className: clsx15(style_module_default13.label, {
9183
- [style_module_default13["label-in"]]: labelType === "in",
9184
- [style_module_default13["label-out"]]: !label || labelType === "out"
8954
+ className: clsx13(style_module_default11.label, {
8955
+ [style_module_default11["label-in"]]: labelType === "in",
8956
+ [style_module_default11["label-out"]]: !label || labelType === "out"
9185
8957
  }),
9186
8958
  size: label?.type === "out" ? "s" : void 0,
9187
8959
  htmlFor: id,
9188
8960
  children: labelText
9189
8961
  }
9190
8962
  ),
9191
- /* @__PURE__ */ jsxs115("div", { className: style_module_default13["input-action-buttons"], children: [
9192
- textfieldValue && !disabled && /* @__PURE__ */ jsx172(
8963
+ /* @__PURE__ */ jsxs113("div", { className: style_module_default11["input-action-buttons"], children: [
8964
+ textfieldValue && !disabled && /* @__PURE__ */ jsx170(
9193
8965
  IconButton,
9194
8966
  {
9195
8967
  tabIndex: -1,
9196
- className: style_module_default13["action-button"],
8968
+ className: style_module_default11["action-button"],
9197
8969
  level: "secondary",
9198
8970
  fill: false,
9199
8971
  icon: {
@@ -9207,11 +8979,11 @@ var Textfield = forwardRef14((props, ref) => {
9207
8979
  }
9208
8980
  }
9209
8981
  ),
9210
- isPassword && !disabled && /* @__PURE__ */ jsx172(
8982
+ isPassword && !disabled && /* @__PURE__ */ jsx170(
9211
8983
  IconButton,
9212
8984
  {
9213
8985
  tabIndex: -1,
9214
- className: style_module_default13["action-button"],
8986
+ className: style_module_default11["action-button"],
9215
8987
  level: "secondary",
9216
8988
  fill: false,
9217
8989
  icon: {
@@ -9225,17 +8997,26 @@ var Textfield = forwardRef14((props, ref) => {
9225
8997
  }
9226
8998
  }
9227
8999
  ),
9228
- buttonProps && /* @__PURE__ */ jsx172(Button, { ...buttonProps, size: "m", type: "button" })
9000
+ buttonProps && /* @__PURE__ */ jsx170(Button, { ...buttonProps, size: "m", type: "button" })
9229
9001
  ] })
9230
9002
  ] })
9231
9003
  }
9232
9004
  ),
9233
- displayFooter && /* @__PURE__ */ jsxs115("div", { className: style_module_default13.footer, children: [
9234
- /* @__PURE__ */ jsx172("div", { className: style_module_default13["error-wrapper"], children: error && /* @__PURE__ */ jsxs115(Fragment9, { children: [
9235
- /* @__PURE__ */ jsx172(Icon, { name: "exclamationmark-fill", fill: true, thick: true, size: "xs", type: "function-label-negative" }),
9236
- /* @__PURE__ */ jsx172(Caption, { size: 3, type: "normal", weight: "regular", className: style_module_default13["error-message"], children: error })
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(
9008
+ Icon,
9009
+ {
9010
+ name: "exclamationmark-fill",
9011
+ fill: true,
9012
+ thick: true,
9013
+ size: "xs",
9014
+ type: "function-label-negative"
9015
+ }
9016
+ ),
9017
+ /* @__PURE__ */ jsx170(Caption, { size: 3, type: "normal", weight: "regular", className: style_module_default11["error-message"], children: error })
9237
9018
  ] }) }),
9238
- maxCharacter && /* @__PURE__ */ jsxs115(Caption, { className: style_module_default13.character, size: 3, type: "normal", weight: "regular", children: [
9019
+ maxCharacter && /* @__PURE__ */ jsxs113(Caption, { className: style_module_default11.character, size: 3, type: "normal", weight: "regular", children: [
9239
9020
  isControlled ? controlledValue.length : value.length,
9240
9021
  "/",
9241
9022
  maxCharacter
@@ -9246,10 +9027,10 @@ var Textfield = forwardRef14((props, ref) => {
9246
9027
  Textfield.displayName = "Textfield";
9247
9028
 
9248
9029
  // src/components/Slider/index.tsx
9249
- import { forwardRef as forwardRef15 } from "react";
9030
+ import { forwardRef as forwardRef13 } from "react";
9250
9031
 
9251
9032
  // src/components/Slider/style.module.scss
9252
- var style_module_default14 = {
9033
+ var style_module_default12 = {
9253
9034
  "label": "_label_85fpg_1",
9254
9035
  "optionText": "_optionText_85fpg_6",
9255
9036
  "slider-wrapper": "_slider-wrapper_85fpg_10",
@@ -9263,29 +9044,29 @@ var style_module_default14 = {
9263
9044
 
9264
9045
  // src/components/Slider/index.tsx
9265
9046
  import * as SliderPrimitive from "@radix-ui/react-slider";
9266
- import { Fragment as Fragment10, jsx as jsx173, jsxs as jsxs116 } from "react/jsx-runtime";
9267
- var SliderRoot = forwardRef15((props, ref) => {
9047
+ import { Fragment as Fragment9, jsx as jsx171, jsxs as jsxs114 } from "react/jsx-runtime";
9048
+ var SliderRoot = forwardRef13((props, ref) => {
9268
9049
  const { label, tooltip, rangeLeft, rangeRight, min, max, step = 50, ...rest } = props;
9269
- return /* @__PURE__ */ jsx173(Fragment10, { children: /* @__PURE__ */ jsxs116(Tooltip.Provider, { children: [
9270
- /* @__PURE__ */ jsx173(Label, { level: "secondary", size: "m", offset: "high", className: style_module_default14.label, children: label }),
9271
- /* @__PURE__ */ jsxs116("div", { className: style_module_default14["slider-wrapper"], children: [
9272
- /* @__PURE__ */ jsxs116("div", { className: style_module_default14["slider-option-wrapper"], children: [
9273
- /* @__PURE__ */ jsx173(Icon, { name: rangeLeft.icon, size: "xs" }),
9274
- /* @__PURE__ */ jsx173(Caption, { size: 1, type: "normal", weight: "medium", className: style_module_default14.optionText, children: rangeLeft.text })
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 })
9275
9056
  ] }),
9276
- /* @__PURE__ */ jsxs116(SliderPrimitive.Root, { ...rest, step, className: style_module_default14["slider-root"], ref, children: [
9277
- /* @__PURE__ */ jsxs116(SliderPrimitive.Track, { className: style_module_default14["slider-track"], children: [
9278
- Array.from({ length: 100 / step + 1 }).map((_, index) => /* @__PURE__ */ jsx173("span", { className: style_module_default14["slider-step"] }, index)),
9279
- /* @__PURE__ */ jsx173(SliderPrimitive.Range, { className: style_module_default14["slider-range"] })
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"] })
9280
9061
  ] }),
9281
- /* @__PURE__ */ jsxs116(Tooltip, { children: [
9282
- /* @__PURE__ */ jsx173(Tooltip.Trigger, { by: /* @__PURE__ */ jsx173(SliderPrimitive.Thumb, { className: style_module_default14["slider-thumb"] }) }),
9283
- /* @__PURE__ */ jsx173(Tooltip.Content, { description: tooltip })
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 })
9284
9065
  ] })
9285
9066
  ] }),
9286
- /* @__PURE__ */ jsxs116("div", { className: style_module_default14["slider-option-wrapper"], children: [
9287
- /* @__PURE__ */ jsx173(Icon, { name: rangeRight.icon, size: "xs" }),
9288
- /* @__PURE__ */ jsx173(Caption, { size: 1, type: "normal", weight: "medium", className: style_module_default14.optionText, children: rangeRight.text })
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 })
9289
9070
  ] })
9290
9071
  ] })
9291
9072
  ] }) });
@@ -9297,7 +9078,7 @@ import * as SelectPrimitive from "@radix-ui/react-select";
9297
9078
  import * as ScrollArea from "@radix-ui/react-scroll-area";
9298
9079
 
9299
9080
  // src/components/Select/style.module.scss
9300
- var style_module_default15 = {
9081
+ var style_module_default13 = {
9301
9082
  "label-container": "_label-container_rtt11_101",
9302
9083
  "select-label": "_select-label_rtt11_107",
9303
9084
  "trigger": "_trigger_rtt11_112",
@@ -9324,16 +9105,16 @@ var style_module_default15 = {
9324
9105
 
9325
9106
  // src/components/Select/index.tsx
9326
9107
  import {
9327
- forwardRef as forwardRef16,
9108
+ forwardRef as forwardRef14,
9328
9109
  useEffect as useEffect2,
9329
9110
  useState as useState4
9330
9111
  } from "react";
9331
- import clsx16 from "clsx";
9332
- import { jsx as jsx174, jsxs as jsxs117 } from "react/jsx-runtime";
9333
- 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");
9334
- var SelectContent = forwardRef16((props, ref) => {
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) => {
9335
9116
  const { id, isResponsive, popSide, sideOffset, listLabel, children, container } = props;
9336
- return /* @__PURE__ */ jsx174(SelectPrimitive.Portal, { container, children: /* @__PURE__ */ jsx174(
9117
+ return /* @__PURE__ */ jsx172(SelectPrimitive.Portal, { container, children: /* @__PURE__ */ jsx172(
9337
9118
  SelectPrimitive.Content,
9338
9119
  {
9339
9120
  id: `select-content-${id}`,
@@ -9348,24 +9129,24 @@ var SelectContent = forwardRef16((props, ref) => {
9348
9129
  e.stopPropagation();
9349
9130
  };
9350
9131
  },
9351
- className: clsx16(style_module_default15["desktop-content"], {
9352
- [style_module_default15["responsive"]]: isResponsive
9132
+ className: clsx14(style_module_default13["desktop-content"], {
9133
+ [style_module_default13["responsive"]]: isResponsive
9353
9134
  }),
9354
9135
  position: "popper",
9355
9136
  side: popSide,
9356
9137
  sideOffset,
9357
9138
  avoidCollisions: false,
9358
- children: /* @__PURE__ */ jsxs117(ScrollArea.Root, { className: style_module_default15.scrollAreaRoot, type: "always", children: [
9359
- /* @__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: [
9360
- 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 }) }),
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 }) }),
9361
9142
  children
9362
9143
  ] }) }) }),
9363
- /* @__PURE__ */ jsx174(ScrollArea.Scrollbar, { className: style_module_default15.scrollAreaScrollbar, orientation: "vertical", children: /* @__PURE__ */ jsx174(ScrollArea.Thumb, { className: style_module_default15.scrollAreaThumb }) })
9144
+ /* @__PURE__ */ jsx172(ScrollArea.Scrollbar, { className: style_module_default13.scrollAreaScrollbar, orientation: "vertical", children: /* @__PURE__ */ jsx172(ScrollArea.Thumb, { className: style_module_default13.scrollAreaThumb }) })
9364
9145
  ] })
9365
9146
  }
9366
9147
  ) });
9367
9148
  });
9368
- var SelectRoot = forwardRef16((props, ref) => {
9149
+ var SelectRoot = forwardRef14((props, ref) => {
9369
9150
  const {
9370
9151
  id,
9371
9152
  placeholder,
@@ -9388,12 +9169,12 @@ var SelectRoot = forwardRef16((props, ref) => {
9388
9169
  useEffect2(() => {
9389
9170
  setIsOpen(open);
9390
9171
  }, [open]);
9391
- return /* @__PURE__ */ jsxs117("div", { children: [
9392
- /* @__PURE__ */ jsxs117("div", { className: style_module_default15["label-container"], children: [
9393
- /* @__PURE__ */ jsx174(Label, { className: style_module_default15["select-label"], level: "secondary", size: "m", offset: "low", htmlFor: id, children: label }),
9394
- badge && /* @__PURE__ */ jsx174(Badge, { children: badge })
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 })
9395
9176
  ] }),
9396
- /* @__PURE__ */ jsxs117(
9177
+ /* @__PURE__ */ jsxs115(
9397
9178
  SelectPrimitive.Root,
9398
9179
  {
9399
9180
  ...rest,
@@ -9403,20 +9184,20 @@ var SelectRoot = forwardRef16((props, ref) => {
9403
9184
  setIsOpen(open2);
9404
9185
  },
9405
9186
  children: [
9406
- /* @__PURE__ */ jsxs117(SelectPrimitive.Trigger, { className: style_module_default15.trigger, ref, id, children: [
9407
- /* @__PURE__ */ jsx174(SelectPrimitive.Value, { className: style_module_default15.placeholder, placeholder }),
9408
- /* @__PURE__ */ jsx174(SelectPrimitive.Icon, { className: style_module_default15.openIcon, children: /* @__PURE__ */ jsx174(Icon, { name: "arrow-drop-down", fill: true, thick: true, size: "xs" }) })
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" }) })
9409
9190
  ] }),
9410
- /* @__PURE__ */ jsx174(SelectContent, { ...contentProps })
9191
+ /* @__PURE__ */ jsx172(SelectContent, { ...contentProps })
9411
9192
  ]
9412
9193
  }
9413
9194
  )
9414
9195
  ] });
9415
9196
  });
9416
- var SelectItem = /* @__PURE__ */ __name(({ value, text, disabled, icon, onClick }) => /* @__PURE__ */ jsxs117(
9197
+ var SelectItem = /* @__PURE__ */ __name(({ value, text, disabled, icon, onClick }) => /* @__PURE__ */ jsxs115(
9417
9198
  SelectPrimitive.Item,
9418
9199
  {
9419
- className: style_module_default15.item,
9200
+ className: style_module_default13.item,
9420
9201
  value,
9421
9202
  disabled,
9422
9203
  onClick: (e) => {
@@ -9424,9 +9205,9 @@ var SelectItem = /* @__PURE__ */ __name(({ value, text, disabled, icon, onClick
9424
9205
  onClick?.();
9425
9206
  },
9426
9207
  children: [
9427
- /* @__PURE__ */ jsx174(SelectPrimitive.ItemText, { children: /* @__PURE__ */ jsx174(Paragraph, { size: 3, type: "normal", weight: "medium", children: text ?? value }) }),
9428
- icon && /* @__PURE__ */ jsx174(SelectPrimitive.Icon, { className: style_module_default15.icon, children: /* @__PURE__ */ jsx174(Icon, { size: "xs", ...icon }) }),
9429
- /* @__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" }) })
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" }) })
9430
9211
  ]
9431
9212
  }
9432
9213
  ), "SelectItem");
@@ -9435,7 +9216,7 @@ var Select = Object.assign(SelectRoot, {
9435
9216
  });
9436
9217
 
9437
9218
  // src/components/List/style.module.scss
9438
- var style_module_default16 = {
9219
+ var style_module_default14 = {
9439
9220
  "list": "_list_uav5y_1",
9440
9221
  "item": "_item_uav5y_8",
9441
9222
  "icon": "_icon_uav5y_42"
@@ -9446,11 +9227,11 @@ import { useState as useState5 } from "react";
9446
9227
 
9447
9228
  // src/hooks/collection.tsx
9448
9229
  import { createContext, useContext, useMemo } from "react";
9449
- import { jsx as jsx175 } from "react/jsx-runtime";
9230
+ import { jsx as jsx173 } from "react/jsx-runtime";
9450
9231
  var CollectionContext = createContext(void 0);
9451
9232
  var CollectionProvider = /* @__PURE__ */ __name(({ value, onChangeValue, children }) => {
9452
9233
  const contextValue = useMemo(() => ({ value, onChangeValue }), [value, onChangeValue]);
9453
- return /* @__PURE__ */ jsx175(CollectionContext.Provider, { value: contextValue, children });
9234
+ return /* @__PURE__ */ jsx173(CollectionContext.Provider, { value: contextValue, children });
9454
9235
  }, "CollectionProvider");
9455
9236
  var useCollectionContext = /* @__PURE__ */ __name(() => {
9456
9237
  const context = useContext(CollectionContext);
@@ -9461,20 +9242,20 @@ var useCollectionContext = /* @__PURE__ */ __name(() => {
9461
9242
  }, "useCollectionContext");
9462
9243
 
9463
9244
  // src/components/List/index.tsx
9464
- import clsx17 from "clsx";
9465
- import { jsx as jsx176, jsxs as jsxs118 } from "react/jsx-runtime";
9245
+ import clsx15 from "clsx";
9246
+ import { jsx as jsx174, jsxs as jsxs116 } from "react/jsx-runtime";
9466
9247
  var ListRoot = /* @__PURE__ */ __name(({ children, className, ...props }) => {
9467
- return /* @__PURE__ */ jsx176(CollectionProvider, { ...props, children: /* @__PURE__ */ jsx176("ul", { className: clsx17(style_module_default16.list, className), children }) });
9248
+ return /* @__PURE__ */ jsx174(CollectionProvider, { ...props, children: /* @__PURE__ */ jsx174("ul", { className: clsx15(style_module_default14.list, className), children }) });
9468
9249
  }, "ListRoot");
9469
9250
  var Item3 = /* @__PURE__ */ __name(({ value, text, disabled, icon, onClick }) => {
9470
9251
  const [isFocused, setIsFocused] = useState5(false);
9471
9252
  const { value: contextValue, onChangeValue } = useCollectionContext();
9472
9253
  const isSelected = contextValue === value;
9473
9254
  const iconProps = isSelected ? { name: "check-mark", type: "brand-label-primary", thick: true } : icon ? icon : {};
9474
- return /* @__PURE__ */ jsxs118(
9255
+ return /* @__PURE__ */ jsxs116(
9475
9256
  "li",
9476
9257
  {
9477
- className: style_module_default16.item,
9258
+ className: style_module_default14.item,
9478
9259
  value,
9479
9260
  "aria-disabled": disabled || void 0,
9480
9261
  "data-disabled": disabled ? "" : void 0,
@@ -9489,13 +9270,122 @@ var Item3 = /* @__PURE__ */ __name(({ value, text, disabled, icon, onClick }) =>
9489
9270
  onChangeValue?.(value);
9490
9271
  },
9491
9272
  children: [
9492
- /* @__PURE__ */ jsx176(Paragraph, { size: 3, type: "normal", weight: "medium", children: text }),
9493
- (icon || isSelected) && /* @__PURE__ */ jsx176(Icon, { className: style_module_default16.icon, size: "xs", ...iconProps })
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 })
9494
9275
  ]
9495
9276
  }
9496
9277
  );
9497
9278
  }, "Item");
9498
9279
  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";
9499
9389
  export {
9500
9390
  Button,
9501
9391
  Caption,
@@ -9511,7 +9401,6 @@ export {
9511
9401
  Media,
9512
9402
  MediaContextProvider,
9513
9403
  Paragraph,
9514
- Popover,
9515
9404
  Radio,
9516
9405
  Select,
9517
9406
  Slider,