@liner-fe/prism 1.13.36 → 2.1.0

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
@@ -7212,6 +7212,58 @@ var ICLpPriIconMEssay = /* @__PURE__ */ __name((props) => {
7212
7212
  ] });
7213
7213
  }, "ICLpPriIconMEssay");
7214
7214
 
7215
+ // src/assets/lp-pri-icon-m-undo.tsx
7216
+ import { jsx as jsx156 } from "react/jsx-runtime";
7217
+ var ICLpPriIconMUndo = /* @__PURE__ */ __name((props) => {
7218
+ const { thick = false, fill = false, size = 32, color = "#1E1E1F" } = props;
7219
+ if (thick) {
7220
+ return /* @__PURE__ */ jsx156("svg", { ...props, width: size, height: size, viewBox: "0 0 48 48", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx156(
7221
+ "path",
7222
+ {
7223
+ fillRule: "evenodd",
7224
+ clipRule: "evenodd",
7225
+ d: "M7.62736 14.5451L16.5865 5.58594L19.4149 8.41436L12.8292 15.0002H31.0016C38.1813 15.0002 44.0016 20.8204 44.0016 28.0002C44.0016 35.1799 38.1813 41.0002 31.0016 41.0002H10.0334V37.0002H31.0016C35.9722 37.0002 40.0016 32.9707 40.0016 28.0002C40.0016 23.0296 35.9722 19.0002 31.0016 19.0002H12.8275L19.4149 25.5876L16.5865 28.416L7.62736 19.4568C6.27103 18.1005 6.27102 15.9014 7.62736 14.5451Z",
7226
+ fill: color
7227
+ }
7228
+ ) });
7229
+ }
7230
+ return /* @__PURE__ */ jsx156("svg", { ...props, width: size, height: size, viewBox: "0 0 48 48", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx156(
7231
+ "path",
7232
+ {
7233
+ fillRule: "evenodd",
7234
+ clipRule: "evenodd",
7235
+ d: "M7.98091 14.8986L16.9401 5.93945L19.0614 8.06077L11.6221 15.5001H31.0016C37.9052 15.5001 43.5016 21.0966 43.5016 28.0001C43.5016 34.9037 37.9052 40.5001 31.0016 40.5001H10.5334V37.5001H31.0016C36.2483 37.5001 40.5016 33.2468 40.5016 28.0001C40.5016 22.7534 36.2483 18.5001 31.0016 18.5001H11.6204L19.0614 25.9411L16.9401 28.0624L7.98091 19.1032C6.81984 17.9422 6.81984 16.0597 7.98091 14.8986Z",
7236
+ fill: color
7237
+ }
7238
+ ) });
7239
+ }, "ICLpPriIconMUndo");
7240
+
7241
+ // src/assets/lp-pri-icon-m-redo.tsx
7242
+ import { jsx as jsx157 } from "react/jsx-runtime";
7243
+ var ICLpPriIconMRedo = /* @__PURE__ */ __name((props) => {
7244
+ const { thick = false, fill = false, size = 32, color = "#1E1E1F" } = props;
7245
+ if (thick) {
7246
+ return /* @__PURE__ */ jsx157("svg", { ...props, width: size, height: size, viewBox: "0 0 48 48", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx157(
7247
+ "path",
7248
+ {
7249
+ fillRule: "evenodd",
7250
+ clipRule: "evenodd",
7251
+ d: "M36.1723 16.414H17.5C10.5964 16.414 5 22.0105 5 28.914C5 35.8176 10.5964 41.414 17.5 41.414H38.9683V37.414H17.5C12.8056 37.414 9 33.6084 9 28.914C9 24.2196 12.8056 20.414 17.5 20.414H36.1743L29.5867 27.0016L32.4152 29.83L41.3743 20.8709C42.7307 19.5145 42.7307 17.3155 41.3743 15.9592L32.4152 7L29.5867 9.82843L36.1723 16.414Z",
7252
+ fill: color
7253
+ }
7254
+ ) });
7255
+ }
7256
+ return /* @__PURE__ */ jsx157("svg", { ...props, width: size, height: size, viewBox: "0 0 48 48", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx157(
7257
+ "path",
7258
+ {
7259
+ fillRule: "evenodd",
7260
+ clipRule: "evenodd",
7261
+ d: "M37.8794 16.5604H18C11.3726 16.5604 6 21.933 6 28.5604C6 35.1879 11.3726 40.5604 18 40.5604H38.9683V37.5604H18C13.0294 37.5604 9 33.531 9 28.5604C9 23.5899 13.0294 19.5604 18 19.5604H37.8815L30.4403 27.0016L32.5616 29.1229L41.5208 20.1638C42.6819 19.0027 42.6819 17.1202 41.5208 15.9592L32.5616 7L30.4403 9.12132L37.8794 16.5604Z",
7262
+ fill: color
7263
+ }
7264
+ ) });
7265
+ }, "ICLpPriIconMRedo");
7266
+
7215
7267
  // src/utils/icon.ts
7216
7268
  var iconMap = {
7217
7269
  "close-fill": ICCloseFill,
@@ -7368,7 +7420,9 @@ var iconMap = {
7368
7420
  "lp-pri-icon-m-highlighter": ICLpPriIconMHighlighter,
7369
7421
  "lp-pri-icon-m-folder-open-share": ICLpPriIconMFolderOpenShare,
7370
7422
  "lp-pri-icon-m-folder-share": ICLpPriIconMFolderShare,
7371
- "lp-pri-icon-m-essay": ICLpPriIconMEssay
7423
+ "lp-pri-icon-m-essay": ICLpPriIconMEssay,
7424
+ "lp-pri-icon-m-undo": ICLpPriIconMUndo,
7425
+ "lp-pri-icon-m-redo": ICLpPriIconMRedo
7372
7426
  };
7373
7427
 
7374
7428
  // src/utils/object.ts
@@ -7474,7 +7528,7 @@ var style_module_default2 = {
7474
7528
  };
7475
7529
 
7476
7530
  // src/components/Icon/index.tsx
7477
- import { jsx as jsx156 } from "react/jsx-runtime";
7531
+ import { jsx as jsx158 } from "react/jsx-runtime";
7478
7532
  var iconSizeMap = {
7479
7533
  xs: 16,
7480
7534
  s: 20,
@@ -7527,7 +7581,7 @@ var Icon = /* @__PURE__ */ __name((props) => {
7527
7581
  } = props;
7528
7582
  const IconComponent = getIconComponent(name, iconMap);
7529
7583
  const iconSize = iconSizeMap[size];
7530
- return /* @__PURE__ */ jsx156(
7584
+ return /* @__PURE__ */ jsx158(
7531
7585
  IconComponent,
7532
7586
  {
7533
7587
  ...rest,
@@ -7540,7 +7594,7 @@ var Icon = /* @__PURE__ */ __name((props) => {
7540
7594
  }, "Icon");
7541
7595
 
7542
7596
  // src/components/Button/index.tsx
7543
- import { jsx as jsx157, jsxs as jsxs110 } from "react/jsx-runtime";
7597
+ import { jsx as jsx159, jsxs as jsxs110 } from "react/jsx-runtime";
7544
7598
  var buttonIconSizeMap = {
7545
7599
  cta: "m",
7546
7600
  l: "s",
@@ -7628,23 +7682,23 @@ var DefaultButton = forwardRef(
7628
7682
  ref
7629
7683
  },
7630
7684
  /* @__PURE__ */ jsxs110("span", { className: clsx2(defaultButtonChildrenVariants({ size })), children: [
7631
- !!leftIcon && /* @__PURE__ */ jsx157(Icon, { ...leftIcon, size: buttonIconSizeMap[size], thick: buttonSizeIconThickMap[size] }),
7632
- /* @__PURE__ */ jsx157("p", { className: style_module_default.content, children: newChildren }),
7633
- !!rightIcon && /* @__PURE__ */ jsx157(Icon, { ...rightIcon, size: buttonIconSizeMap[size], thick: buttonSizeIconThickMap[size] })
7685
+ !!leftIcon && /* @__PURE__ */ jsx159(Icon, { ...leftIcon, size: buttonIconSizeMap[size], thick: buttonSizeIconThickMap[size] }),
7686
+ /* @__PURE__ */ jsx159("p", { className: style_module_default.content, children: newChildren }),
7687
+ !!rightIcon && /* @__PURE__ */ jsx159(Icon, { ...rightIcon, size: buttonIconSizeMap[size], thick: buttonSizeIconThickMap[size] })
7634
7688
  ] })
7635
7689
  );
7636
7690
  return ParentClone;
7637
7691
  }
7638
- return /* @__PURE__ */ jsx157(
7692
+ return /* @__PURE__ */ jsx159(
7639
7693
  "button",
7640
7694
  {
7641
7695
  ...rest,
7642
7696
  className: clsx2(defaultButtonVariants({ level, fill, align, size, width }), className),
7643
7697
  ref,
7644
7698
  children: /* @__PURE__ */ jsxs110("span", { className: clsx2(defaultButtonChildrenVariants({ size })), children: [
7645
- !!leftIcon && /* @__PURE__ */ jsx157(Icon, { ...leftIcon, size: buttonIconSizeMap[size], thick: buttonSizeIconThickMap[size] }),
7646
- /* @__PURE__ */ jsx157("p", { className: style_module_default.content, children }),
7647
- !!rightIcon && /* @__PURE__ */ jsx157(Icon, { ...rightIcon, size: buttonIconSizeMap[size], thick: buttonSizeIconThickMap[size] })
7699
+ !!leftIcon && /* @__PURE__ */ jsx159(Icon, { ...leftIcon, size: buttonIconSizeMap[size], thick: buttonSizeIconThickMap[size] }),
7700
+ /* @__PURE__ */ jsx159("p", { className: style_module_default.content, children }),
7701
+ !!rightIcon && /* @__PURE__ */ jsx159(Icon, { ...rightIcon, size: buttonIconSizeMap[size], thick: buttonSizeIconThickMap[size] })
7648
7702
  ] })
7649
7703
  }
7650
7704
  );
@@ -7653,7 +7707,7 @@ var DefaultButton = forwardRef(
7653
7707
  var TextButton = forwardRef(
7654
7708
  ({ level = "inverse-primary", asChild = false, className, ...rest }, ref) => {
7655
7709
  const Component = asChild ? Slot : "button";
7656
- return /* @__PURE__ */ jsx157(Component, { ...rest, className: clsx2(textButtonVariants({ level }), className), ref });
7710
+ return /* @__PURE__ */ jsx159(Component, { ...rest, className: clsx2(textButtonVariants({ level }), className), ref });
7657
7711
  }
7658
7712
  );
7659
7713
  var Button = forwardRef((props, ref) => {
@@ -7661,9 +7715,9 @@ var Button = forwardRef((props, ref) => {
7661
7715
  switch (rest.as) {
7662
7716
  case "default":
7663
7717
  case void 0:
7664
- return /* @__PURE__ */ jsx157(DefaultButton, { ...rest, ref });
7718
+ return /* @__PURE__ */ jsx159(DefaultButton, { ...rest, ref });
7665
7719
  case "text":
7666
- return /* @__PURE__ */ jsx157(TextButton, { ...rest, ref });
7720
+ return /* @__PURE__ */ jsx159(TextButton, { ...rest, ref });
7667
7721
  }
7668
7722
  });
7669
7723
 
@@ -7761,10 +7815,10 @@ var colorVariants = cva3(style_module_default4.typography, {
7761
7815
  });
7762
7816
 
7763
7817
  // src/components/Typography/Set/Paragraph.tsx
7764
- import { jsx as jsx158 } from "react/jsx-runtime";
7818
+ import { jsx as jsx160 } from "react/jsx-runtime";
7765
7819
  var Paragraph = forwardRef2(
7766
7820
  ({ size, type, weight, className, children, color = "neutral-label-primary", ...rest }, ref) => {
7767
- return /* @__PURE__ */ jsx158(
7821
+ return /* @__PURE__ */ jsx160(
7768
7822
  "p",
7769
7823
  {
7770
7824
  ...rest,
@@ -8254,13 +8308,13 @@ var loading_default = {
8254
8308
  };
8255
8309
 
8256
8310
  // src/components/Toast/index.tsx
8257
- import { jsx as jsx159, jsxs as jsxs111 } from "react/jsx-runtime";
8311
+ import { jsx as jsx161, jsxs as jsxs111 } from "react/jsx-runtime";
8258
8312
  import { createElement } from "react";
8259
8313
  var Toaster = /* @__PURE__ */ __name(() => {
8260
8314
  const { list } = useRecoilValue(toastAtom);
8261
8315
  return /* @__PURE__ */ jsxs111(Provider, { children: [
8262
8316
  list.map((props) => /* @__PURE__ */ createElement(SingleToast, { ...props, key: props.toastId })),
8263
- /* @__PURE__ */ jsx159(Viewport, { className: style_module_default3.ToastViewport })
8317
+ /* @__PURE__ */ jsx161(Viewport, { className: style_module_default3.ToastViewport })
8264
8318
  ] });
8265
8319
  }, "Toaster");
8266
8320
  var SingleToast = /* @__PURE__ */ __name((props) => {
@@ -8306,12 +8360,12 @@ var SingleToast = /* @__PURE__ */ __name((props) => {
8306
8360
  }, [isLoading]);
8307
8361
  const renderIcon = /* @__PURE__ */ __name(() => {
8308
8362
  if (!icon) return null;
8309
- return /* @__PURE__ */ jsx159("i", { className: style_module_default3.Icon, children: /* @__PURE__ */ jsx159(Icon, { ...icon, size: "m" }) });
8363
+ return /* @__PURE__ */ jsx161("i", { className: style_module_default3.Icon, children: /* @__PURE__ */ jsx161(Icon, { ...icon, size: "m" }) });
8310
8364
  }, "renderIcon");
8311
8365
  return /* @__PURE__ */ jsxs111(Root, { className: style_module_default3.ToastRoot, open: isOpen, ...props, children: [
8312
- isLoading && !toastSuccess.current ? /* @__PURE__ */ jsx159("div", { ref: lottieRef, style: { width: "24px", height: "24px" } }) : renderIcon(),
8366
+ isLoading && !toastSuccess.current ? /* @__PURE__ */ jsx161("div", { ref: lottieRef, style: { width: "24px", height: "24px" } }) : renderIcon(),
8313
8367
  /* @__PURE__ */ jsxs111(Title, { className: style_module_default3.ToastTitle, children: [
8314
- /* @__PURE__ */ jsx159(
8368
+ /* @__PURE__ */ jsx161(
8315
8369
  Paragraph,
8316
8370
  {
8317
8371
  className: style_module_default3.TitleText,
@@ -8322,7 +8376,7 @@ var SingleToast = /* @__PURE__ */ __name((props) => {
8322
8376
  children: message
8323
8377
  }
8324
8378
  ),
8325
- button && /* @__PURE__ */ jsx159(
8379
+ button && /* @__PURE__ */ jsx161(
8326
8380
  Button,
8327
8381
  {
8328
8382
  onClick: () => {
@@ -8346,11 +8400,11 @@ var SingleToast = /* @__PURE__ */ __name((props) => {
8346
8400
  // src/components/Typography/Set/Heading.tsx
8347
8401
  import { forwardRef as forwardRef3 } from "react";
8348
8402
  import clsx4 from "clsx";
8349
- import { jsx as jsx160 } from "react/jsx-runtime";
8403
+ import { jsx as jsx162 } from "react/jsx-runtime";
8350
8404
  var Heading = forwardRef3(
8351
8405
  ({ size, children, type, className, color = "neutral-label-primary", ...rest }, ref) => {
8352
8406
  const Element = `h${size}`;
8353
- return /* @__PURE__ */ jsx160(
8407
+ return /* @__PURE__ */ jsx162(
8354
8408
  Element,
8355
8409
  {
8356
8410
  ...rest,
@@ -8365,10 +8419,10 @@ var Heading = forwardRef3(
8365
8419
  // src/components/Typography/Set/Caption.tsx
8366
8420
  import clsx5 from "clsx";
8367
8421
  import { forwardRef as forwardRef4 } from "react";
8368
- import { jsx as jsx161 } from "react/jsx-runtime";
8422
+ import { jsx as jsx163 } from "react/jsx-runtime";
8369
8423
  var Caption = forwardRef4(
8370
8424
  ({ children, size, weight, type, className, color = "neutral-label-primary", ...rest }, ref) => {
8371
- return /* @__PURE__ */ jsx161(
8425
+ return /* @__PURE__ */ jsx163(
8372
8426
  "p",
8373
8427
  {
8374
8428
  ...rest,
@@ -8388,10 +8442,10 @@ var Caption = forwardRef4(
8388
8442
  // src/components/Typography/Set/Title.tsx
8389
8443
  import { forwardRef as forwardRef5 } from "react";
8390
8444
  import clsx6 from "clsx";
8391
- import { jsx as jsx162 } from "react/jsx-runtime";
8445
+ import { jsx as jsx164 } from "react/jsx-runtime";
8392
8446
  var Title2 = forwardRef5(
8393
8447
  ({ weight, size, type, className, children, color = "neutral-label-primary", ...rest }, ref) => {
8394
- return /* @__PURE__ */ jsx162(
8448
+ return /* @__PURE__ */ jsx164(
8395
8449
  "p",
8396
8450
  {
8397
8451
  ...rest,
@@ -8406,10 +8460,10 @@ var Title2 = forwardRef5(
8406
8460
  // src/components/Typography/Set/Display.tsx
8407
8461
  import clsx7 from "clsx";
8408
8462
  import { forwardRef as forwardRef6 } from "react";
8409
- import { jsx as jsx163 } from "react/jsx-runtime";
8463
+ import { jsx as jsx165 } from "react/jsx-runtime";
8410
8464
  var Display = forwardRef6(
8411
8465
  ({ size, type, weight, className, children, color = "neutral-label-primary", ...rest }, ref) => {
8412
- return /* @__PURE__ */ jsx163(
8466
+ return /* @__PURE__ */ jsx165(
8413
8467
  "p",
8414
8468
  {
8415
8469
  ref,
@@ -8442,7 +8496,7 @@ var rootMediaStyle = AppMedia.createMediaStyle();
8442
8496
  var { MediaContextProvider, Media } = AppMedia;
8443
8497
 
8444
8498
  // src/components/Typography/Responsive/index.tsx
8445
- import { Fragment as Fragment3, jsx as jsx164 } from "react/jsx-runtime";
8499
+ import { Fragment as Fragment3, jsx as jsx166 } from "react/jsx-runtime";
8446
8500
  import { createElement as createElement2 } from "react";
8447
8501
  var TypographyImpl = /* @__PURE__ */ __name(({ level, text, ...rest }) => {
8448
8502
  const commonProps = {
@@ -8451,15 +8505,15 @@ var TypographyImpl = /* @__PURE__ */ __name(({ level, text, ...rest }) => {
8451
8505
  };
8452
8506
  switch (level) {
8453
8507
  case "caption":
8454
- return /* @__PURE__ */ jsx164(Caption, { ...commonProps });
8508
+ return /* @__PURE__ */ jsx166(Caption, { ...commonProps });
8455
8509
  case "display":
8456
- return /* @__PURE__ */ jsx164(Display, { ...commonProps });
8510
+ return /* @__PURE__ */ jsx166(Display, { ...commonProps });
8457
8511
  case "heading":
8458
- return /* @__PURE__ */ jsx164(Heading, { ...commonProps });
8512
+ return /* @__PURE__ */ jsx166(Heading, { ...commonProps });
8459
8513
  case "paragraph":
8460
- return /* @__PURE__ */ jsx164(Paragraph, { ...commonProps });
8514
+ return /* @__PURE__ */ jsx166(Paragraph, { ...commonProps });
8461
8515
  case "title":
8462
- return /* @__PURE__ */ jsx164(Title2, { ...commonProps });
8516
+ return /* @__PURE__ */ jsx166(Title2, { ...commonProps });
8463
8517
  default:
8464
8518
  return null;
8465
8519
  }
@@ -8500,11 +8554,11 @@ var Typography = /* @__PURE__ */ __name((props) => {
8500
8554
  }, "createMediaProps");
8501
8555
  return (
8502
8556
  // Fragment없이도 원래 동작해야하는데 liner-web에서 JSX.Element가 배열로 오면 에러 띄워서 임시로 Fragment로 래핑합니다.
8503
- /* @__PURE__ */ jsx164(Fragment3, { children: breakPointKeyArray.map((breakPointKey) => {
8557
+ /* @__PURE__ */ jsx166(Fragment3, { children: breakPointKeyArray.map((breakPointKey) => {
8504
8558
  const variable = props[breakPointKey];
8505
8559
  const isExistVariable = !!variable;
8506
8560
  if (isExistVariable) {
8507
- return /* @__PURE__ */ createElement2(Media, { ...createMediaProps(breakPointKey), key: breakPointKey }, /* @__PURE__ */ jsx164(TypographyImpl, { ...variable, text: variable.text || children }));
8561
+ return /* @__PURE__ */ createElement2(Media, { ...createMediaProps(breakPointKey), key: breakPointKey }, /* @__PURE__ */ jsx166(TypographyImpl, { ...variable, text: variable.text || children }));
8508
8562
  }
8509
8563
  return null;
8510
8564
  }) })
@@ -8535,7 +8589,7 @@ var style_module_default5 = {
8535
8589
  // src/components/Popover/index.tsx
8536
8590
  import { cva as cva4 } from "class-variance-authority";
8537
8591
  import { clsx as clsx8 } from "clsx";
8538
- import { Fragment as Fragment4, jsx as jsx165, jsxs as jsxs112 } from "react/jsx-runtime";
8592
+ import { Fragment as Fragment4, jsx as jsx167, jsxs as jsxs112 } from "react/jsx-runtime";
8539
8593
  var DEFAULT_OFFSET = -6;
8540
8594
  var popoverVariants = cva4(style_module_default5.content, {
8541
8595
  variants: {
@@ -8557,9 +8611,9 @@ var popoverTagVariants = cva4([style_module_default5.tag, "lp-sys-typo-caption3-
8557
8611
  var popoverTitleVariants = cva4([style_module_default5.title, "lp-sys-typo-paragraph3-normal-bold"]);
8558
8612
  var popoverDescriptionVariants = cva4([style_module_default5.description, "lp-sys-typo-caption1-normal-regular"]);
8559
8613
  var popoverFooterVariants = cva4([style_module_default5.footer, "lp-sys-typo-caption1-normal-medium"]);
8560
- var PopoverRoot = /* @__PURE__ */ __name(({ isOpen, children, onChange }) => /* @__PURE__ */ jsx165(PopoverPrimitive.Root, { open: isOpen, onOpenChange: onChange, children }), "PopoverRoot");
8561
- var PopoverTrigger = /* @__PURE__ */ __name(({ by }) => /* @__PURE__ */ jsx165(PopoverPrimitive.Trigger, { asChild: true, children: by }), "PopoverTrigger");
8562
- var PopoverAnchor = /* @__PURE__ */ __name(({ className }) => /* @__PURE__ */ jsx165("svg", { className, xmlns: "http://www.w3.org/2000/svg", width: "30", height: "10", viewBox: "0 0 30 10", fill: "none", children: /* @__PURE__ */ jsx165(
8614
+ var PopoverRoot = /* @__PURE__ */ __name(({ isOpen, children, onChange }) => /* @__PURE__ */ jsx167(PopoverPrimitive.Root, { open: isOpen, onOpenChange: onChange, children }), "PopoverRoot");
8615
+ var PopoverTrigger = /* @__PURE__ */ __name(({ by }) => /* @__PURE__ */ jsx167(PopoverPrimitive.Trigger, { asChild: true, children: by }), "PopoverTrigger");
8616
+ var PopoverAnchor = /* @__PURE__ */ __name(({ className }) => /* @__PURE__ */ jsx167("svg", { className, xmlns: "http://www.w3.org/2000/svg", width: "30", height: "10", viewBox: "0 0 30 10", fill: "none", children: /* @__PURE__ */ jsx167(
8563
8617
  "path",
8564
8618
  {
8565
8619
  fillRule: "evenodd",
@@ -8586,7 +8640,7 @@ var PopoverContent = React3.forwardRef(
8586
8640
  children,
8587
8641
  container,
8588
8642
  ...props
8589
- }, ref) => /* @__PURE__ */ jsx165(PopoverPrimitive.Portal, { container, children: /* @__PURE__ */ jsxs112(Fragment4, { children: [
8643
+ }, ref) => /* @__PURE__ */ jsx167(PopoverPrimitive.Portal, { container, children: /* @__PURE__ */ jsxs112(Fragment4, { children: [
8590
8644
  /* @__PURE__ */ jsxs112(
8591
8645
  PopoverPrimitive.Content,
8592
8646
  {
@@ -8600,22 +8654,22 @@ var PopoverContent = React3.forwardRef(
8600
8654
  children: [
8601
8655
  /* @__PURE__ */ jsxs112("div", { className: style_module_default5.contentContainer, children: [
8602
8656
  (tag || icon || onClose) && /* @__PURE__ */ jsxs112("div", { className: style_module_default5.heading, children: [
8603
- tag && /* @__PURE__ */ jsx165("span", { className: popoverTagVariants(), children: tag }),
8604
- icon && /* @__PURE__ */ jsx165(Icon, { name: icon.name, size: "xs", thick: icon.thick, fill: icon.fill }),
8605
- /* @__PURE__ */ jsx165("p", { className: popoverTitleVariants(), children: title }),
8606
- onClose && /* @__PURE__ */ jsx165(
8657
+ tag && /* @__PURE__ */ jsx167("span", { className: popoverTagVariants(), children: tag }),
8658
+ icon && /* @__PURE__ */ jsx167(Icon, { name: icon.name, size: "xs", thick: icon.thick, fill: icon.fill }),
8659
+ /* @__PURE__ */ jsx167("p", { className: popoverTitleVariants(), children: title }),
8660
+ onClose && /* @__PURE__ */ jsx167(
8607
8661
  PopoverPrimitive.PopoverClose,
8608
8662
  {
8609
8663
  className: style_module_default5.closeButton,
8610
8664
  onClick: () => {
8611
8665
  onClose();
8612
8666
  },
8613
- children: /* @__PURE__ */ jsx165(Icon, { name: "close-fill", size: "s", fill: true, thick: true, type: "neutral-label-static-primary" })
8667
+ children: /* @__PURE__ */ jsx167(Icon, { name: "close-fill", size: "s", fill: true, thick: true, type: "neutral-label-static-primary" })
8614
8668
  }
8615
8669
  )
8616
8670
  ] }),
8617
- description && /* @__PURE__ */ jsx165("p", { className: popoverDescriptionVariants(), children: description }),
8618
- onConfirm && /* @__PURE__ */ jsx165("div", { className: popoverFooterVariants(), children: /* @__PURE__ */ jsx165(
8671
+ description && /* @__PURE__ */ jsx167("p", { className: popoverDescriptionVariants(), children: description }),
8672
+ onConfirm && /* @__PURE__ */ jsx167("div", { className: popoverFooterVariants(), children: /* @__PURE__ */ jsx167(
8619
8673
  Button,
8620
8674
  {
8621
8675
  as: "text",
@@ -8628,11 +8682,11 @@ var PopoverContent = React3.forwardRef(
8628
8682
  ) }),
8629
8683
  children
8630
8684
  ] }),
8631
- /* @__PURE__ */ jsx165(PopoverPrimitive.Arrow, { asChild: true, children: /* @__PURE__ */ jsx165(PopoverAnchor, { className: clsx8(popoverAnchorVariants({ level })) }) })
8685
+ /* @__PURE__ */ jsx167(PopoverPrimitive.Arrow, { asChild: true, children: /* @__PURE__ */ jsx167(PopoverAnchor, { className: clsx8(popoverAnchorVariants({ level })) }) })
8632
8686
  ]
8633
8687
  }
8634
8688
  ),
8635
- isOverlay && /* @__PURE__ */ jsx165("div", { "data-radix-popper-overlay": true, className: style_module_default5.overlay })
8689
+ isOverlay && /* @__PURE__ */ jsx167("div", { "data-radix-popper-overlay": true, className: style_module_default5.overlay })
8636
8690
  ] }) })
8637
8691
  );
8638
8692
  var Popover = Object.assign(PopoverRoot, {
@@ -8655,14 +8709,14 @@ var style_module_default6 = {
8655
8709
  // src/components/Tooltip/index.tsx
8656
8710
  import { cva as cva5 } from "class-variance-authority";
8657
8711
  import clsx9 from "clsx";
8658
- import { jsx as jsx166 } from "react/jsx-runtime";
8712
+ import { jsx as jsx168 } from "react/jsx-runtime";
8659
8713
  var DEFAULT_OFFSET2 = "medium";
8660
8714
  var tooltipVariants = cva5([style_module_default6.tooltip, "lp-sys-typo-caption1-normal-medium"]);
8661
8715
  var TooltipProvider = TooltipPrimitive.Provider;
8662
- var TooltipRoot = /* @__PURE__ */ __name(({ children }) => /* @__PURE__ */ jsx166(TooltipPrimitive.Root, { delayDuration: 0, children }), "TooltipRoot");
8663
- var TooltipTrigger = /* @__PURE__ */ __name(({ by }) => /* @__PURE__ */ jsx166(TooltipPrimitive.Trigger, { asChild: true, children: by }), "TooltipTrigger");
8716
+ var TooltipRoot = /* @__PURE__ */ __name(({ children }) => /* @__PURE__ */ jsx168(TooltipPrimitive.Root, { delayDuration: 0, children }), "TooltipRoot");
8717
+ var TooltipTrigger = /* @__PURE__ */ __name(({ by }) => /* @__PURE__ */ jsx168(TooltipPrimitive.Trigger, { asChild: true, children: by }), "TooltipTrigger");
8664
8718
  var TooltipContent = forwardRef8(
8665
- ({ description, position = "top", className, offset = DEFAULT_OFFSET2, collisionPadding, ...props }, ref) => /* @__PURE__ */ jsx166(
8719
+ ({ description, position = "top", className, offset = DEFAULT_OFFSET2, collisionPadding, ...props }, ref) => /* @__PURE__ */ jsx168(
8666
8720
  TooltipPrimitive.Content,
8667
8721
  {
8668
8722
  ref,
@@ -8671,7 +8725,7 @@ var TooltipContent = forwardRef8(
8671
8725
  collisionPadding,
8672
8726
  className: clsx9(tooltipVariants(), className),
8673
8727
  ...props,
8674
- children: /* @__PURE__ */ jsx166("p", { className: style_module_default6.tooltipContent, children: description })
8728
+ children: /* @__PURE__ */ jsx168("p", { className: style_module_default6.tooltipContent, children: description })
8675
8729
  }
8676
8730
  )
8677
8731
  );
@@ -8703,7 +8757,7 @@ var style_module_default7 = {
8703
8757
 
8704
8758
  // src/components/IconButton/index.tsx
8705
8759
  import { Slot as Slot2 } from "@radix-ui/react-slot";
8706
- import { jsx as jsx167 } from "react/jsx-runtime";
8760
+ import { jsx as jsx169 } from "react/jsx-runtime";
8707
8761
  var iconButtonSizeIconSizeMap = {
8708
8762
  l: "m",
8709
8763
  m: "s",
@@ -8739,7 +8793,7 @@ var iconButtonVariants = cva6([style_module_default7.iconButton], {
8739
8793
  var IconButton = forwardRef9(
8740
8794
  ({ asChild, level = "primary", name, thick = false, fill = false, size = "m", className, ...rest }, ref) => {
8741
8795
  const Comp = asChild ? Slot2 : "button";
8742
- return /* @__PURE__ */ jsx167(Comp, { ...rest, className: clsx10(iconButtonVariants({ level, size }), className), ref, children: /* @__PURE__ */ jsx167(
8796
+ return /* @__PURE__ */ jsx169(Comp, { ...rest, className: clsx10(iconButtonVariants({ level, size }), className), ref, children: /* @__PURE__ */ jsx169(
8743
8797
  Icon,
8744
8798
  {
8745
8799
  name,
@@ -8791,7 +8845,7 @@ var style_module_default9 = {
8791
8845
 
8792
8846
  // src/components/Label/index.tsx
8793
8847
  import { cva as cva7 } from "class-variance-authority";
8794
- import { jsx as jsx168 } from "react/jsx-runtime";
8848
+ import { jsx as jsx170 } from "react/jsx-runtime";
8795
8849
  var defaultLabelVariants = cva7(["lp-sys-typo-paragraph2-normal-medium", style_module_default9.label], {
8796
8850
  variants: {
8797
8851
  level: {
@@ -8831,7 +8885,7 @@ var Label = forwardRef10(
8831
8885
  error = false,
8832
8886
  ...props
8833
8887
  }, ref) => {
8834
- return /* @__PURE__ */ jsx168(
8888
+ return /* @__PURE__ */ jsx170(
8835
8889
  LabelPrimitive.Root,
8836
8890
  {
8837
8891
  ref,
@@ -8843,17 +8897,17 @@ var Label = forwardRef10(
8843
8897
  );
8844
8898
 
8845
8899
  // src/components/CheckBox/index.tsx
8846
- import { Fragment as Fragment5, jsx as jsx169, jsxs as jsxs113 } from "react/jsx-runtime";
8900
+ import { Fragment as Fragment5, jsx as jsx171, jsxs as jsxs113 } from "react/jsx-runtime";
8847
8901
  var Checkbox = forwardRef11(
8848
8902
  ({ className, label, description, ...props }, ref) => {
8849
8903
  const CheckboxWrapper = /* @__PURE__ */ __name(({ children }) => label ? /* @__PURE__ */ jsxs113(Label, { position: "right", htmlFor: props.id, children: [
8850
8904
  /* @__PURE__ */ jsxs113("div", { className: style_module_default8["label-wrapper"], children: [
8851
8905
  label,
8852
- /* @__PURE__ */ jsx169(Paragraph, { className: style_module_default8.description, size: 3, type: "normal", weight: "regular", children: description })
8906
+ /* @__PURE__ */ jsx171(Paragraph, { className: style_module_default8.description, size: 3, type: "normal", weight: "regular", children: description })
8853
8907
  ] }),
8854
8908
  children
8855
- ] }) : /* @__PURE__ */ jsx169(Fragment5, { children }), "CheckboxWrapper");
8856
- return /* @__PURE__ */ jsx169(CheckboxWrapper, { children: /* @__PURE__ */ jsx169(CheckboxPrimitive.Root, { className: clsx12(style_module_default8.checkbox, className), ref, ...props, children: /* @__PURE__ */ jsx169(CheckboxPrimitive.Indicator, { className: style_module_default8["checkbox-indicator"], children: /* @__PURE__ */ jsx169(Icon, { name: "check-mark", thick: true, size: "xs", type: "inverse-label-primary" }) }) }) });
8909
+ ] }) : /* @__PURE__ */ jsx171(Fragment5, { children }), "CheckboxWrapper");
8910
+ return /* @__PURE__ */ jsx171(CheckboxWrapper, { children: /* @__PURE__ */ jsx171(CheckboxPrimitive.Root, { className: clsx12(style_module_default8.checkbox, className), ref, ...props, children: /* @__PURE__ */ jsx171(CheckboxPrimitive.Indicator, { className: style_module_default8["checkbox-indicator"], children: /* @__PURE__ */ jsx171(Icon, { name: "check-mark", thick: true, size: "xs", type: "inverse-label-primary" }) }) }) });
8857
8911
  }
8858
8912
  );
8859
8913
 
@@ -8872,19 +8926,19 @@ var style_module_default10 = {
8872
8926
  };
8873
8927
 
8874
8928
  // src/components/Radio/index.tsx
8875
- import { Fragment as Fragment6, jsx as jsx170, jsxs as jsxs114 } from "react/jsx-runtime";
8876
- var RadioIndicator = /* @__PURE__ */ __name(() => /* @__PURE__ */ jsx170("svg", { xmlns: "http://www.w3.org/2000/svg", width: "10", height: "10", viewBox: "0 0 10 10", fill: "none", children: /* @__PURE__ */ jsx170("circle", { cx: "5", cy: "5", r: "5", fill: "#313133" }) }), "RadioIndicator");
8877
- var RadioRoot = forwardRef12(({ className, ...props }, ref) => /* @__PURE__ */ jsx170(RadioGroupPrimitive.Root, { className: clsx13(style_module_default10.radio, className), ...props }));
8929
+ import { Fragment as Fragment6, jsx as jsx172, jsxs as jsxs114 } from "react/jsx-runtime";
8930
+ var RadioIndicator = /* @__PURE__ */ __name(() => /* @__PURE__ */ jsx172("svg", { xmlns: "http://www.w3.org/2000/svg", width: "10", height: "10", viewBox: "0 0 10 10", fill: "none", children: /* @__PURE__ */ jsx172("circle", { cx: "5", cy: "5", r: "5", fill: "#313133" }) }), "RadioIndicator");
8931
+ var RadioRoot = forwardRef12(({ className, ...props }, ref) => /* @__PURE__ */ jsx172(RadioGroupPrimitive.Root, { className: clsx13(style_module_default10.radio, className), ...props }));
8878
8932
  var RadioItem = forwardRef12(
8879
8933
  ({ className, label, description, ...props }, ref) => {
8880
8934
  const RadioItemWrapper = /* @__PURE__ */ __name(({ children }) => label ? /* @__PURE__ */ jsxs114(Label, { position: "right", htmlFor: props.id, children: [
8881
8935
  /* @__PURE__ */ jsxs114("div", { className: style_module_default10["label-wrapper"], children: [
8882
8936
  label,
8883
- /* @__PURE__ */ jsx170(Paragraph, { className: style_module_default10.description, size: 3, type: "normal", weight: "regular", children: description })
8937
+ /* @__PURE__ */ jsx172(Paragraph, { className: style_module_default10.description, size: 3, type: "normal", weight: "regular", children: description })
8884
8938
  ] }),
8885
8939
  children
8886
- ] }) : /* @__PURE__ */ jsx170(Fragment6, { children }), "RadioItemWrapper");
8887
- return /* @__PURE__ */ jsx170(RadioItemWrapper, { children: /* @__PURE__ */ jsx170(RadioGroupPrimitive.Item, { ref, className: clsx13(style_module_default10["radio-item"], className), ...props, children: /* @__PURE__ */ jsx170(RadioGroupPrimitive.Indicator, { className: style_module_default10.indicator, children: /* @__PURE__ */ jsx170(RadioIndicator, {}) }) }) });
8940
+ ] }) : /* @__PURE__ */ jsx172(Fragment6, { children }), "RadioItemWrapper");
8941
+ return /* @__PURE__ */ jsx172(RadioItemWrapper, { children: /* @__PURE__ */ jsx172(RadioGroupPrimitive.Item, { ref, className: clsx13(style_module_default10["radio-item"], className), ...props, children: /* @__PURE__ */ jsx172(RadioGroupPrimitive.Indicator, { className: style_module_default10.indicator, children: /* @__PURE__ */ jsx172(RadioIndicator, {}) }) }) });
8888
8942
  }
8889
8943
  );
8890
8944
  var Radio = Object.assign(RadioRoot, {
@@ -8926,7 +8980,7 @@ var style_module_default11 = {
8926
8980
  import { cva as cva8 } from "class-variance-authority";
8927
8981
  import clsx14 from "clsx";
8928
8982
  import { flushSync } from "react-dom";
8929
- import { Fragment as Fragment7, jsx as jsx171, jsxs as jsxs115 } from "react/jsx-runtime";
8983
+ import { Fragment as Fragment7, jsx as jsx173, jsxs as jsxs115 } from "react/jsx-runtime";
8930
8984
  var defaultTextfieldVariants = cva8(style_module_default11.textfield, {
8931
8985
  variants: {
8932
8986
  color: {
@@ -8995,7 +9049,7 @@ var Textfield = forwardRef13((props, ref) => {
8995
9049
  }, "handleDeidentify");
8996
9050
  useImperativeHandle(ref, () => inputRef.current);
8997
9051
  return /* @__PURE__ */ jsxs115("div", { className: style_module_default11["textfield-container"], children: [
8998
- /* @__PURE__ */ jsx171(
9052
+ /* @__PURE__ */ jsx173(
8999
9053
  "div",
9000
9054
  {
9001
9055
  className: clsx14(defaultTextfieldVariants({ color }), {
@@ -9004,7 +9058,7 @@ var Textfield = forwardRef13((props, ref) => {
9004
9058
  }),
9005
9059
  onClick: handleTextfieldClick,
9006
9060
  children: /* @__PURE__ */ jsxs115("div", { className: style_module_default11["input-wrapper"], children: [
9007
- /* @__PURE__ */ jsx171(
9061
+ /* @__PURE__ */ jsx173(
9008
9062
  "input",
9009
9063
  {
9010
9064
  className: clsx14(style_module_default11.input, {
@@ -9019,7 +9073,7 @@ var Textfield = forwardRef13((props, ref) => {
9019
9073
  ...rest
9020
9074
  }
9021
9075
  ),
9022
- /* @__PURE__ */ jsx171(
9076
+ /* @__PURE__ */ jsx173(
9023
9077
  Label,
9024
9078
  {
9025
9079
  className: clsx14(style_module_default11.label, {
@@ -9032,7 +9086,7 @@ var Textfield = forwardRef13((props, ref) => {
9032
9086
  }
9033
9087
  ),
9034
9088
  /* @__PURE__ */ jsxs115("div", { className: style_module_default11["input-action-buttons"], children: [
9035
- textfieldValue && !disabled && /* @__PURE__ */ jsx171(
9089
+ textfieldValue && !disabled && /* @__PURE__ */ jsx173(
9036
9090
  IconButton,
9037
9091
  {
9038
9092
  tabIndex: -1,
@@ -9047,7 +9101,7 @@ var Textfield = forwardRef13((props, ref) => {
9047
9101
  }
9048
9102
  }
9049
9103
  ),
9050
- isPassword && !disabled && /* @__PURE__ */ jsx171(
9104
+ isPassword && !disabled && /* @__PURE__ */ jsx173(
9051
9105
  IconButton,
9052
9106
  {
9053
9107
  tabIndex: -1,
@@ -9062,15 +9116,15 @@ var Textfield = forwardRef13((props, ref) => {
9062
9116
  }
9063
9117
  }
9064
9118
  ),
9065
- buttonProps && /* @__PURE__ */ jsx171(Button, { ...buttonProps, size: "m", type: "button" })
9119
+ buttonProps && /* @__PURE__ */ jsx173(Button, { ...buttonProps, size: "m", type: "button" })
9066
9120
  ] })
9067
9121
  ] })
9068
9122
  }
9069
9123
  ),
9070
9124
  displayFooter && /* @__PURE__ */ jsxs115("div", { className: style_module_default11.footer, children: [
9071
- /* @__PURE__ */ jsx171("div", { className: style_module_default11["error-wrapper"], children: error && /* @__PURE__ */ jsxs115(Fragment7, { children: [
9072
- /* @__PURE__ */ jsx171(Icon, { name: "exclamationmark-fill", fill: true, thick: true, size: "xs", type: "function-label-negative" }),
9073
- /* @__PURE__ */ jsx171(Caption, { size: 3, type: "normal", weight: "regular", className: style_module_default11["error-message"], children: error })
9125
+ /* @__PURE__ */ jsx173("div", { className: style_module_default11["error-wrapper"], children: error && /* @__PURE__ */ jsxs115(Fragment7, { children: [
9126
+ /* @__PURE__ */ jsx173(Icon, { name: "exclamationmark-fill", fill: true, thick: true, size: "xs", type: "function-label-negative" }),
9127
+ /* @__PURE__ */ jsx173(Caption, { size: 3, type: "normal", weight: "regular", className: style_module_default11["error-message"], children: error })
9074
9128
  ] }) }),
9075
9129
  maxCharacter && /* @__PURE__ */ jsxs115(Caption, { className: style_module_default11.character, size: 3, type: "normal", weight: "regular", children: [
9076
9130
  isControlled ? controlledValue.length : value.length,
@@ -9099,29 +9153,29 @@ var style_module_default12 = {
9099
9153
 
9100
9154
  // src/components/Slider/index.tsx
9101
9155
  import * as SliderPrimitive from "@radix-ui/react-slider";
9102
- import { Fragment as Fragment8, jsx as jsx172, jsxs as jsxs116 } from "react/jsx-runtime";
9156
+ import { Fragment as Fragment8, jsx as jsx174, jsxs as jsxs116 } from "react/jsx-runtime";
9103
9157
  var SliderRoot = forwardRef14((props, ref) => {
9104
9158
  const { label, tooltip, rangeLeft, rangeRight, min, max, step = 50, ...rest } = props;
9105
- return /* @__PURE__ */ jsx172(Fragment8, { children: /* @__PURE__ */ jsxs116(Tooltip.Provider, { children: [
9106
- /* @__PURE__ */ jsx172(Label, { level: "secondary", size: "m", offset: "high", className: style_module_default12.label, children: label }),
9159
+ return /* @__PURE__ */ jsx174(Fragment8, { children: /* @__PURE__ */ jsxs116(Tooltip.Provider, { children: [
9160
+ /* @__PURE__ */ jsx174(Label, { level: "secondary", size: "m", offset: "high", className: style_module_default12.label, children: label }),
9107
9161
  /* @__PURE__ */ jsxs116("div", { className: style_module_default12["slider-wrapper"], children: [
9108
9162
  /* @__PURE__ */ jsxs116("div", { className: style_module_default12["slider-option-wrapper"], children: [
9109
- /* @__PURE__ */ jsx172(Icon, { name: rangeLeft.icon, size: "xs" }),
9110
- /* @__PURE__ */ jsx172(Caption, { size: 1, type: "normal", weight: "medium", className: style_module_default12.optionText, children: rangeLeft.text })
9163
+ /* @__PURE__ */ jsx174(Icon, { name: rangeLeft.icon, size: "xs" }),
9164
+ /* @__PURE__ */ jsx174(Caption, { size: 1, type: "normal", weight: "medium", className: style_module_default12.optionText, children: rangeLeft.text })
9111
9165
  ] }),
9112
9166
  /* @__PURE__ */ jsxs116(SliderPrimitive.Root, { ...rest, step, className: style_module_default12["slider-root"], ref, children: [
9113
9167
  /* @__PURE__ */ jsxs116(SliderPrimitive.Track, { className: style_module_default12["slider-track"], children: [
9114
- Array.from({ length: 100 / step + 1 }).map((_, index) => /* @__PURE__ */ jsx172("span", { className: style_module_default12["slider-step"] }, index)),
9115
- /* @__PURE__ */ jsx172(SliderPrimitive.Range, { className: style_module_default12["slider-range"] })
9168
+ Array.from({ length: 100 / step + 1 }).map((_, index) => /* @__PURE__ */ jsx174("span", { className: style_module_default12["slider-step"] }, index)),
9169
+ /* @__PURE__ */ jsx174(SliderPrimitive.Range, { className: style_module_default12["slider-range"] })
9116
9170
  ] }),
9117
9171
  /* @__PURE__ */ jsxs116(Tooltip, { children: [
9118
- /* @__PURE__ */ jsx172(Tooltip.Trigger, { by: /* @__PURE__ */ jsx172(SliderPrimitive.Thumb, { className: style_module_default12["slider-thumb"] }) }),
9119
- /* @__PURE__ */ jsx172(Tooltip.Content, { description: tooltip })
9172
+ /* @__PURE__ */ jsx174(Tooltip.Trigger, { by: /* @__PURE__ */ jsx174(SliderPrimitive.Thumb, { className: style_module_default12["slider-thumb"] }) }),
9173
+ /* @__PURE__ */ jsx174(Tooltip.Content, { description: tooltip })
9120
9174
  ] })
9121
9175
  ] }),
9122
9176
  /* @__PURE__ */ jsxs116("div", { className: style_module_default12["slider-option-wrapper"], children: [
9123
- /* @__PURE__ */ jsx172(Icon, { name: rangeRight.icon, size: "xs" }),
9124
- /* @__PURE__ */ jsx172(Caption, { size: 1, type: "normal", weight: "medium", className: style_module_default12.optionText, children: rangeRight.text })
9177
+ /* @__PURE__ */ jsx174(Icon, { name: rangeRight.icon, size: "xs" }),
9178
+ /* @__PURE__ */ jsx174(Caption, { size: 1, type: "normal", weight: "medium", className: style_module_default12.optionText, children: rangeRight.text })
9125
9179
  ] })
9126
9180
  ] })
9127
9181
  ] }) });
@@ -9165,11 +9219,11 @@ import {
9165
9219
  useState as useState4
9166
9220
  } from "react";
9167
9221
  import clsx15 from "clsx";
9168
- import { jsx as jsx173, jsxs as jsxs117 } from "react/jsx-runtime";
9169
- var Badge = /* @__PURE__ */ __name(({ children }) => /* @__PURE__ */ jsx173("div", { className: style_module_default13.badgeContainer, children: /* @__PURE__ */ jsx173(Caption, { className: style_module_default13.badge, size: 2, type: "normal", weight: "medium", children }) }), "Badge");
9222
+ import { jsx as jsx175, jsxs as jsxs117 } from "react/jsx-runtime";
9223
+ var Badge = /* @__PURE__ */ __name(({ children }) => /* @__PURE__ */ jsx175("div", { className: style_module_default13.badgeContainer, children: /* @__PURE__ */ jsx175(Caption, { className: style_module_default13.badge, size: 2, type: "normal", weight: "medium", children }) }), "Badge");
9170
9224
  var SelectContent = forwardRef15((props, ref) => {
9171
9225
  const { id, isResponsive, popSide, sideOffset, listLabel, children, container } = props;
9172
- return /* @__PURE__ */ jsx173(SelectPrimitive.Portal, { container, children: /* @__PURE__ */ jsx173(
9226
+ return /* @__PURE__ */ jsx175(SelectPrimitive.Portal, { container, children: /* @__PURE__ */ jsx175(
9173
9227
  SelectPrimitive.Content,
9174
9228
  {
9175
9229
  id: `select-content-${id}`,
@@ -9192,11 +9246,11 @@ var SelectContent = forwardRef15((props, ref) => {
9192
9246
  sideOffset,
9193
9247
  avoidCollisions: false,
9194
9248
  children: /* @__PURE__ */ jsxs117(ScrollArea.Root, { className: style_module_default13.scrollAreaRoot, type: "always", children: [
9195
- /* @__PURE__ */ jsx173(SelectPrimitive.Viewport, { asChild: true, children: /* @__PURE__ */ jsx173(ScrollArea.Viewport, { className: style_module_default13.scrollAreaViewport, style: { maxHeight: "268px", overflowY: "auto" }, children: /* @__PURE__ */ jsxs117(SelectPrimitive.Group, { children: [
9196
- listLabel && /* @__PURE__ */ jsx173(SelectPrimitive.Label, { asChild: true, children: /* @__PURE__ */ jsx173(Label, { className: style_module_default13["desktop-label"], level: "secondary", size: "m", offset: "low", children: listLabel }) }),
9249
+ /* @__PURE__ */ jsx175(SelectPrimitive.Viewport, { asChild: true, children: /* @__PURE__ */ jsx175(ScrollArea.Viewport, { className: style_module_default13.scrollAreaViewport, style: { maxHeight: "268px", overflowY: "auto" }, children: /* @__PURE__ */ jsxs117(SelectPrimitive.Group, { children: [
9250
+ listLabel && /* @__PURE__ */ jsx175(SelectPrimitive.Label, { asChild: true, children: /* @__PURE__ */ jsx175(Label, { className: style_module_default13["desktop-label"], level: "secondary", size: "m", offset: "low", children: listLabel }) }),
9197
9251
  children
9198
9252
  ] }) }) }),
9199
- /* @__PURE__ */ jsx173(ScrollArea.Scrollbar, { className: style_module_default13.scrollAreaScrollbar, orientation: "vertical", children: /* @__PURE__ */ jsx173(ScrollArea.Thumb, { className: style_module_default13.scrollAreaThumb }) })
9253
+ /* @__PURE__ */ jsx175(ScrollArea.Scrollbar, { className: style_module_default13.scrollAreaScrollbar, orientation: "vertical", children: /* @__PURE__ */ jsx175(ScrollArea.Thumb, { className: style_module_default13.scrollAreaThumb }) })
9200
9254
  ] })
9201
9255
  }
9202
9256
  ) });
@@ -9226,8 +9280,8 @@ var SelectRoot = forwardRef15((props, ref) => {
9226
9280
  }, [open]);
9227
9281
  return /* @__PURE__ */ jsxs117("div", { children: [
9228
9282
  /* @__PURE__ */ jsxs117("div", { className: style_module_default13["label-container"], children: [
9229
- /* @__PURE__ */ jsx173(Label, { className: style_module_default13["select-label"], level: "secondary", size: "m", offset: "low", htmlFor: id, children: label }),
9230
- badge && /* @__PURE__ */ jsx173(Badge, { children: badge })
9283
+ /* @__PURE__ */ jsx175(Label, { className: style_module_default13["select-label"], level: "secondary", size: "m", offset: "low", htmlFor: id, children: label }),
9284
+ badge && /* @__PURE__ */ jsx175(Badge, { children: badge })
9231
9285
  ] }),
9232
9286
  /* @__PURE__ */ jsxs117(
9233
9287
  SelectPrimitive.Root,
@@ -9240,10 +9294,10 @@ var SelectRoot = forwardRef15((props, ref) => {
9240
9294
  },
9241
9295
  children: [
9242
9296
  /* @__PURE__ */ jsxs117(SelectPrimitive.Trigger, { className: style_module_default13.trigger, ref, id, children: [
9243
- /* @__PURE__ */ jsx173(SelectPrimitive.Value, { className: style_module_default13.placeholder, placeholder }),
9244
- /* @__PURE__ */ jsx173(SelectPrimitive.Icon, { className: style_module_default13.openIcon, children: /* @__PURE__ */ jsx173(Icon, { name: "arrow-drop-down", fill: true, thick: true, size: "xs" }) })
9297
+ /* @__PURE__ */ jsx175(SelectPrimitive.Value, { className: style_module_default13.placeholder, placeholder }),
9298
+ /* @__PURE__ */ jsx175(SelectPrimitive.Icon, { className: style_module_default13.openIcon, children: /* @__PURE__ */ jsx175(Icon, { name: "arrow-drop-down", fill: true, thick: true, size: "xs" }) })
9245
9299
  ] }),
9246
- /* @__PURE__ */ jsx173(SelectContent, { ...contentProps })
9300
+ /* @__PURE__ */ jsx175(SelectContent, { ...contentProps })
9247
9301
  ]
9248
9302
  }
9249
9303
  )
@@ -9260,9 +9314,9 @@ var SelectItem = /* @__PURE__ */ __name(({ value, text, disabled, icon, onClick
9260
9314
  onClick?.();
9261
9315
  },
9262
9316
  children: [
9263
- /* @__PURE__ */ jsx173(SelectPrimitive.ItemText, { children: /* @__PURE__ */ jsx173(Paragraph, { size: 3, type: "normal", weight: "medium", children: text ?? value }) }),
9264
- icon && /* @__PURE__ */ jsx173(SelectPrimitive.Icon, { className: style_module_default13.icon, children: /* @__PURE__ */ jsx173(Icon, { size: "xs", ...icon }) }),
9265
- /* @__PURE__ */ jsx173(SelectPrimitive.ItemIndicator, { className: style_module_default13.itemIndicator, children: /* @__PURE__ */ jsx173(Icon, { fill: false, thick: true, size: "xs", name: "check-mark", type: "brand-label-primary" }) })
9317
+ /* @__PURE__ */ jsx175(SelectPrimitive.ItemText, { children: /* @__PURE__ */ jsx175(Paragraph, { size: 3, type: "normal", weight: "medium", children: text ?? value }) }),
9318
+ icon && /* @__PURE__ */ jsx175(SelectPrimitive.Icon, { className: style_module_default13.icon, children: /* @__PURE__ */ jsx175(Icon, { size: "xs", ...icon }) }),
9319
+ /* @__PURE__ */ jsx175(SelectPrimitive.ItemIndicator, { className: style_module_default13.itemIndicator, children: /* @__PURE__ */ jsx175(Icon, { fill: false, thick: true, size: "xs", name: "check-mark", type: "brand-label-primary" }) })
9266
9320
  ]
9267
9321
  }
9268
9322
  ), "SelectItem");
@@ -9282,11 +9336,11 @@ import { useState as useState5 } from "react";
9282
9336
 
9283
9337
  // src/hooks/collection.tsx
9284
9338
  import { createContext, useContext, useMemo } from "react";
9285
- import { jsx as jsx174 } from "react/jsx-runtime";
9339
+ import { jsx as jsx176 } from "react/jsx-runtime";
9286
9340
  var CollectionContext = createContext(void 0);
9287
9341
  var CollectionProvider = /* @__PURE__ */ __name(({ value, onChangeValue, children }) => {
9288
9342
  const contextValue = useMemo(() => ({ value, onChangeValue }), [value, onChangeValue]);
9289
- return /* @__PURE__ */ jsx174(CollectionContext.Provider, { value: contextValue, children });
9343
+ return /* @__PURE__ */ jsx176(CollectionContext.Provider, { value: contextValue, children });
9290
9344
  }, "CollectionProvider");
9291
9345
  var useCollectionContext = /* @__PURE__ */ __name(() => {
9292
9346
  const context = useContext(CollectionContext);
@@ -9298,9 +9352,9 @@ var useCollectionContext = /* @__PURE__ */ __name(() => {
9298
9352
 
9299
9353
  // src/components/List/index.tsx
9300
9354
  import clsx16 from "clsx";
9301
- import { jsx as jsx175, jsxs as jsxs118 } from "react/jsx-runtime";
9355
+ import { jsx as jsx177, jsxs as jsxs118 } from "react/jsx-runtime";
9302
9356
  var ListRoot = /* @__PURE__ */ __name(({ children, className, ...props }) => {
9303
- return /* @__PURE__ */ jsx175(CollectionProvider, { ...props, children: /* @__PURE__ */ jsx175("ul", { className: clsx16(style_module_default14.list, className), children }) });
9357
+ return /* @__PURE__ */ jsx177(CollectionProvider, { ...props, children: /* @__PURE__ */ jsx177("ul", { className: clsx16(style_module_default14.list, className), children }) });
9304
9358
  }, "ListRoot");
9305
9359
  var Item3 = /* @__PURE__ */ __name(({ value, text, disabled, icon, onClick }) => {
9306
9360
  const [isFocused, setIsFocused] = useState5(false);
@@ -9325,8 +9379,8 @@ var Item3 = /* @__PURE__ */ __name(({ value, text, disabled, icon, onClick }) =>
9325
9379
  onChangeValue?.(value);
9326
9380
  },
9327
9381
  children: [
9328
- /* @__PURE__ */ jsx175(Paragraph, { size: 3, type: "normal", weight: "medium", children: text }),
9329
- (icon || isSelected) && /* @__PURE__ */ jsx175(Icon, { className: style_module_default14.icon, size: "xs", ...iconProps })
9382
+ /* @__PURE__ */ jsx177(Paragraph, { size: 3, type: "normal", weight: "medium", children: text }),
9383
+ (icon || isSelected) && /* @__PURE__ */ jsx177(Icon, { className: style_module_default14.icon, size: "xs", ...iconProps })
9330
9384
  ]
9331
9385
  }
9332
9386
  );