@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/assets/index.d.ts +2 -0
- package/lib/assets/lp-pri-icon-m-redo.d.ts +8 -0
- package/lib/assets/lp-pri-icon-m-undo.d.ts +8 -0
- package/lib/index.mjs +166 -112
- package/lib/index.mjs.map +4 -4
- package/lib/type/index.d.ts +1 -1
- package/package.json +1 -1
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
|
|
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__ */
|
|
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
|
|
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__ */
|
|
7632
|
-
/* @__PURE__ */
|
|
7633
|
-
!!rightIcon && /* @__PURE__ */
|
|
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__ */
|
|
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__ */
|
|
7646
|
-
/* @__PURE__ */
|
|
7647
|
-
!!rightIcon && /* @__PURE__ */
|
|
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__ */
|
|
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__ */
|
|
7718
|
+
return /* @__PURE__ */ jsx159(DefaultButton, { ...rest, ref });
|
|
7665
7719
|
case "text":
|
|
7666
|
-
return /* @__PURE__ */
|
|
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
|
|
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__ */
|
|
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
|
|
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__ */
|
|
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__ */
|
|
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__ */
|
|
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__ */
|
|
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__ */
|
|
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
|
|
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__ */
|
|
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
|
|
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__ */
|
|
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
|
|
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__ */
|
|
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
|
|
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__ */
|
|
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
|
|
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__ */
|
|
8508
|
+
return /* @__PURE__ */ jsx166(Caption, { ...commonProps });
|
|
8455
8509
|
case "display":
|
|
8456
|
-
return /* @__PURE__ */
|
|
8510
|
+
return /* @__PURE__ */ jsx166(Display, { ...commonProps });
|
|
8457
8511
|
case "heading":
|
|
8458
|
-
return /* @__PURE__ */
|
|
8512
|
+
return /* @__PURE__ */ jsx166(Heading, { ...commonProps });
|
|
8459
8513
|
case "paragraph":
|
|
8460
|
-
return /* @__PURE__ */
|
|
8514
|
+
return /* @__PURE__ */ jsx166(Paragraph, { ...commonProps });
|
|
8461
8515
|
case "title":
|
|
8462
|
-
return /* @__PURE__ */
|
|
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__ */
|
|
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__ */
|
|
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
|
|
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__ */
|
|
8561
|
-
var PopoverTrigger = /* @__PURE__ */ __name(({ by }) => /* @__PURE__ */
|
|
8562
|
-
var PopoverAnchor = /* @__PURE__ */ __name(({ className }) => /* @__PURE__ */
|
|
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__ */
|
|
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__ */
|
|
8604
|
-
icon && /* @__PURE__ */
|
|
8605
|
-
/* @__PURE__ */
|
|
8606
|
-
onClose && /* @__PURE__ */
|
|
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__ */
|
|
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__ */
|
|
8618
|
-
onConfirm && /* @__PURE__ */
|
|
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__ */
|
|
8685
|
+
/* @__PURE__ */ jsx167(PopoverPrimitive.Arrow, { asChild: true, children: /* @__PURE__ */ jsx167(PopoverAnchor, { className: clsx8(popoverAnchorVariants({ level })) }) })
|
|
8632
8686
|
]
|
|
8633
8687
|
}
|
|
8634
8688
|
),
|
|
8635
|
-
isOverlay && /* @__PURE__ */
|
|
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
|
|
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__ */
|
|
8663
|
-
var TooltipTrigger = /* @__PURE__ */ __name(({ by }) => /* @__PURE__ */
|
|
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__ */
|
|
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__ */
|
|
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
|
|
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__ */
|
|
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
|
|
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__ */
|
|
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
|
|
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__ */
|
|
8906
|
+
/* @__PURE__ */ jsx171(Paragraph, { className: style_module_default8.description, size: 3, type: "normal", weight: "regular", children: description })
|
|
8853
8907
|
] }),
|
|
8854
8908
|
children
|
|
8855
|
-
] }) : /* @__PURE__ */
|
|
8856
|
-
return /* @__PURE__ */
|
|
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
|
|
8876
|
-
var RadioIndicator = /* @__PURE__ */ __name(() => /* @__PURE__ */
|
|
8877
|
-
var RadioRoot = forwardRef12(({ className, ...props }, ref) => /* @__PURE__ */
|
|
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__ */
|
|
8937
|
+
/* @__PURE__ */ jsx172(Paragraph, { className: style_module_default10.description, size: 3, type: "normal", weight: "regular", children: description })
|
|
8884
8938
|
] }),
|
|
8885
8939
|
children
|
|
8886
|
-
] }) : /* @__PURE__ */
|
|
8887
|
-
return /* @__PURE__ */
|
|
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
|
|
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__ */
|
|
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__ */
|
|
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__ */
|
|
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__ */
|
|
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__ */
|
|
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__ */
|
|
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__ */
|
|
9072
|
-
/* @__PURE__ */
|
|
9073
|
-
/* @__PURE__ */
|
|
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
|
|
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__ */
|
|
9106
|
-
/* @__PURE__ */
|
|
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__ */
|
|
9110
|
-
/* @__PURE__ */
|
|
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__ */
|
|
9115
|
-
/* @__PURE__ */
|
|
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__ */
|
|
9119
|
-
/* @__PURE__ */
|
|
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__ */
|
|
9124
|
-
/* @__PURE__ */
|
|
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
|
|
9169
|
-
var Badge = /* @__PURE__ */ __name(({ children }) => /* @__PURE__ */
|
|
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__ */
|
|
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__ */
|
|
9196
|
-
listLabel && /* @__PURE__ */
|
|
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__ */
|
|
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__ */
|
|
9230
|
-
badge && /* @__PURE__ */
|
|
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__ */
|
|
9244
|
-
/* @__PURE__ */
|
|
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__ */
|
|
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__ */
|
|
9264
|
-
icon && /* @__PURE__ */
|
|
9265
|
-
/* @__PURE__ */
|
|
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
|
|
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__ */
|
|
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
|
|
9355
|
+
import { jsx as jsx177, jsxs as jsxs118 } from "react/jsx-runtime";
|
|
9302
9356
|
var ListRoot = /* @__PURE__ */ __name(({ children, className, ...props }) => {
|
|
9303
|
-
return /* @__PURE__ */
|
|
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__ */
|
|
9329
|
-
(icon || isSelected) && /* @__PURE__ */
|
|
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
|
);
|