@liner-fe/prism 2.1.20 → 2.1.21
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 +1 -0
- package/lib/assets/lp-pri-icon-m-report.d.ts +8 -0
- package/lib/index.cjs +220 -151
- package/lib/index.cjs.map +4 -4
- package/lib/index.mjs +220 -151
- package/lib/index.mjs.map +4 -4
- package/lib/type/index.d.ts +1 -1
- package/package.json +1 -1
package/lib/index.cjs
CHANGED
|
@@ -7454,6 +7454,74 @@ var ICLpPriIconMVerificationBadge = /* @__PURE__ */ __name((props) => {
|
|
|
7454
7454
|
) });
|
|
7455
7455
|
}, "ICLpPriIconMVerificationBadge");
|
|
7456
7456
|
|
|
7457
|
+
// src/assets/lp-pri-icon-m-report.tsx
|
|
7458
|
+
var import_jsx_runtime161 = require("react/jsx-runtime");
|
|
7459
|
+
var ICLpPriIconMReport = /* @__PURE__ */ __name((props) => {
|
|
7460
|
+
const { thick = false, fill = false, size = 32, color = "#1E1E1F" } = props;
|
|
7461
|
+
if (fill && thick) {
|
|
7462
|
+
return /* @__PURE__ */ (0, import_jsx_runtime161.jsx)("svg", { ...props, width: size, height: size, viewBox: "0 0 48 48", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ (0, import_jsx_runtime161.jsx)(
|
|
7463
|
+
"path",
|
|
7464
|
+
{
|
|
7465
|
+
fillRule: "evenodd",
|
|
7466
|
+
clipRule: "evenodd",
|
|
7467
|
+
d: "M41 7C42.1046 7 43 7.89543 43 9V35C43 36.1046 42.1046 37 41 37H24L14.4406 43.3553C13.1113 44.239 11.3333 43.286 11.3333 41.6898V37H7C5.89543 37 5 36.1046 5 35V9C5 7.89543 5.89543 7 7 7H41ZM22 23V14H26V23H22ZM24 26C23.3869 26 22.8377 26.2199 22.4033 26.6548C21.9689 27.0896 21.75 27.6382 21.75 28.25C21.75 28.8618 21.9689 29.4104 22.4033 29.8452C22.8377 30.2801 23.3869 30.5 24 30.5C24.6131 30.5 25.1623 30.2801 25.5967 29.8452C26.0311 29.4104 26.25 28.8618 26.25 28.25C26.25 27.6382 26.0311 27.0896 25.5967 26.6548C25.1623 26.2199 24.6131 26 24 26Z",
|
|
7468
|
+
fill: color
|
|
7469
|
+
}
|
|
7470
|
+
) });
|
|
7471
|
+
}
|
|
7472
|
+
if (thick) {
|
|
7473
|
+
return /* @__PURE__ */ (0, import_jsx_runtime161.jsxs)("svg", { ...props, width: size, height: size, viewBox: "0 0 48 48", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
|
|
7474
|
+
/* @__PURE__ */ (0, import_jsx_runtime161.jsx)(
|
|
7475
|
+
"path",
|
|
7476
|
+
{
|
|
7477
|
+
d: "M24 25.6562C23.3869 25.6562 22.8377 25.8762 22.4033 26.311C21.9689 26.7458 21.75 27.2945 21.75 27.9062C21.75 28.518 21.9689 29.0667 22.4033 29.5015C22.8377 29.9363 23.3869 30.1562 24 30.1562C24.6131 30.1562 25.1623 29.9363 25.5967 29.5015C26.0311 29.0667 26.25 28.518 26.25 27.9062C26.25 27.2945 26.0311 26.7458 25.5967 26.311C25.1623 25.8762 24.6131 25.6562 24 25.6562Z",
|
|
7478
|
+
fill: color
|
|
7479
|
+
}
|
|
7480
|
+
),
|
|
7481
|
+
/* @__PURE__ */ (0, import_jsx_runtime161.jsx)("path", { d: "M22 14V23.5H26V14H22Z", fill: color }),
|
|
7482
|
+
/* @__PURE__ */ (0, import_jsx_runtime161.jsx)(
|
|
7483
|
+
"path",
|
|
7484
|
+
{
|
|
7485
|
+
fillRule: "evenodd",
|
|
7486
|
+
clipRule: "evenodd",
|
|
7487
|
+
d: "M41 7C42.1046 7 43 7.89543 43 9V35C43 36.1046 42.1046 37 41 37H24L14.4406 43.3553C13.1113 44.239 11.3333 43.286 11.3333 41.6898V37H7C5.89543 37 5 36.1046 5 35V9C5 7.89543 5.89543 7 7 7H41ZM15.3333 33V37.9585L22.7917 33H39V11H9V33H15.3333Z",
|
|
7488
|
+
fill: color
|
|
7489
|
+
}
|
|
7490
|
+
)
|
|
7491
|
+
] });
|
|
7492
|
+
}
|
|
7493
|
+
if (fill) {
|
|
7494
|
+
return /* @__PURE__ */ (0, import_jsx_runtime161.jsx)("svg", { ...props, width: size, height: size, viewBox: "0 0 48 48", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ (0, import_jsx_runtime161.jsx)(
|
|
7495
|
+
"path",
|
|
7496
|
+
{
|
|
7497
|
+
fillRule: "evenodd",
|
|
7498
|
+
clipRule: "evenodd",
|
|
7499
|
+
d: "M41 7C42.1046 7 43 7.89543 43 9V35C43 36.1046 42.1046 37 41 37H24L14.4406 43.3553C13.1113 44.239 11.3333 43.286 11.3333 41.6898V37H7C5.89543 37 5 36.1046 5 35V9C5 7.89543 5.89543 7 7 7H41ZM22.5 23V14H25.5V23H22.5ZM24 26C23.455 26 22.9669 26.1955 22.5807 26.582C22.1946 26.9685 22 27.4562 22 28C22 28.5438 22.1946 29.0315 22.5807 29.418C22.9669 29.8045 23.455 30 24 30C24.545 30 25.0331 29.8045 25.4193 29.418C25.8054 29.0315 26 28.5438 26 28C26 27.4562 25.8054 26.9685 25.4193 26.582C25.0331 26.1955 24.545 26 24 26Z",
|
|
7500
|
+
fill: color
|
|
7501
|
+
}
|
|
7502
|
+
) });
|
|
7503
|
+
}
|
|
7504
|
+
return /* @__PURE__ */ (0, import_jsx_runtime161.jsxs)("svg", { ...props, width: size, height: size, viewBox: "0 0 48 48", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
|
|
7505
|
+
/* @__PURE__ */ (0, import_jsx_runtime161.jsx)(
|
|
7506
|
+
"path",
|
|
7507
|
+
{
|
|
7508
|
+
d: "M24 26C23.455 26 22.9669 26.1955 22.5807 26.582C22.1946 26.9685 22 27.4562 22 28C22 28.5438 22.1946 29.0315 22.5807 29.418C22.9669 29.8045 23.455 30 24 30C24.545 30 25.0331 29.8045 25.4193 29.418C25.8054 29.0315 26 28.5438 26 28C26 27.4562 25.8054 26.9685 25.4193 26.582C25.0331 26.1955 24.545 26 24 26Z",
|
|
7509
|
+
fill: color
|
|
7510
|
+
}
|
|
7511
|
+
),
|
|
7512
|
+
/* @__PURE__ */ (0, import_jsx_runtime161.jsx)("path", { d: "M22.5 14V23.5H25.5V14H22.5Z", fill: color }),
|
|
7513
|
+
/* @__PURE__ */ (0, import_jsx_runtime161.jsx)(
|
|
7514
|
+
"path",
|
|
7515
|
+
{
|
|
7516
|
+
fillRule: "evenodd",
|
|
7517
|
+
clipRule: "evenodd",
|
|
7518
|
+
d: "M41 7C42.1046 7 43 7.89543 43 9V35C43 36.1046 42.1046 37 41 37H24L14.4406 43.3553C13.1113 44.239 11.3333 43.286 11.3333 41.6898V37H7C5.89543 37 5 36.1046 5 35V9C5 7.89543 5.89543 7 7 7H41ZM14.3333 34V39.8241L23.0938 34H40V10H8V34H14.3333Z",
|
|
7519
|
+
fill: color
|
|
7520
|
+
}
|
|
7521
|
+
)
|
|
7522
|
+
] });
|
|
7523
|
+
}, "ICLpPriIconMReport");
|
|
7524
|
+
|
|
7457
7525
|
// src/utils/icon.ts
|
|
7458
7526
|
var iconMap = {
|
|
7459
7527
|
"close-fill": ICCloseFill,
|
|
@@ -7615,7 +7683,8 @@ var iconMap = {
|
|
|
7615
7683
|
"lp-pri-icon-m-redo": ICLpPriIconMRedo,
|
|
7616
7684
|
"lp-pri-icon-m-shield-usage": ICLpPriIconMShieldUsage,
|
|
7617
7685
|
"lp-pri-icon-m-expand": ICLpPriIconMExpand,
|
|
7618
|
-
"lp-pri-icon-m-verification-badge": ICLpPriIconMVerificationBadge
|
|
7686
|
+
"lp-pri-icon-m-verification-badge": ICLpPriIconMVerificationBadge,
|
|
7687
|
+
"lp-pri-icon-m-report": ICLpPriIconMReport
|
|
7619
7688
|
};
|
|
7620
7689
|
|
|
7621
7690
|
// src/utils/object.ts
|
|
@@ -7717,7 +7786,7 @@ var style_module_default2 = {
|
|
|
7717
7786
|
};
|
|
7718
7787
|
|
|
7719
7788
|
// src/components/Icon/index.tsx
|
|
7720
|
-
var
|
|
7789
|
+
var import_jsx_runtime162 = require("react/jsx-runtime");
|
|
7721
7790
|
var iconSizeMap = {
|
|
7722
7791
|
xs: 16,
|
|
7723
7792
|
s: 20,
|
|
@@ -7770,7 +7839,7 @@ var Icon = /* @__PURE__ */ __name((props) => {
|
|
|
7770
7839
|
} = props;
|
|
7771
7840
|
const IconComponent = getIconComponent(name, iconMap);
|
|
7772
7841
|
const iconSize = iconSizeMap[size];
|
|
7773
|
-
return /* @__PURE__ */ (0,
|
|
7842
|
+
return /* @__PURE__ */ (0, import_jsx_runtime162.jsx)(
|
|
7774
7843
|
IconComponent,
|
|
7775
7844
|
{
|
|
7776
7845
|
...rest,
|
|
@@ -7802,7 +7871,7 @@ var style_module_default3 = {
|
|
|
7802
7871
|
|
|
7803
7872
|
// src/components/_ButtonLoading/index.tsx
|
|
7804
7873
|
var import_class_variance_authority2 = require("class-variance-authority");
|
|
7805
|
-
var
|
|
7874
|
+
var import_jsx_runtime163 = require("react/jsx-runtime");
|
|
7806
7875
|
var loadingVariants = (0, import_class_variance_authority2.cva)([style_module_default3["loading-dot"]], {
|
|
7807
7876
|
variants: {
|
|
7808
7877
|
size: {
|
|
@@ -7823,15 +7892,15 @@ var loadingVariants = (0, import_class_variance_authority2.cva)([style_module_de
|
|
|
7823
7892
|
}
|
|
7824
7893
|
});
|
|
7825
7894
|
var ButtonLoading = /* @__PURE__ */ __name(({ size = "m", level = "primary" }) => {
|
|
7826
|
-
return /* @__PURE__ */ (0,
|
|
7827
|
-
/* @__PURE__ */ (0,
|
|
7828
|
-
/* @__PURE__ */ (0,
|
|
7829
|
-
/* @__PURE__ */ (0,
|
|
7895
|
+
return /* @__PURE__ */ (0, import_jsx_runtime163.jsxs)("div", { className: style_module_default3.loading, children: [
|
|
7896
|
+
/* @__PURE__ */ (0, import_jsx_runtime163.jsx)("div", { className: loadingVariants({ size, level }) }),
|
|
7897
|
+
/* @__PURE__ */ (0, import_jsx_runtime163.jsx)("div", { className: loadingVariants({ size, level }) }),
|
|
7898
|
+
/* @__PURE__ */ (0, import_jsx_runtime163.jsx)("div", { className: loadingVariants({ size, level }) })
|
|
7830
7899
|
] });
|
|
7831
7900
|
}, "ButtonLoading");
|
|
7832
7901
|
|
|
7833
7902
|
// src/components/Button/index.tsx
|
|
7834
|
-
var
|
|
7903
|
+
var import_jsx_runtime164 = require("react/jsx-runtime");
|
|
7835
7904
|
var buttonIconSizeMap = {
|
|
7836
7905
|
cta: "m",
|
|
7837
7906
|
l: "s",
|
|
@@ -7952,13 +8021,13 @@ var DefaultButton = (0, import_react.forwardRef)(
|
|
|
7952
8021
|
type: buttonFillLevelIconTypeMap[`${fill}`][level],
|
|
7953
8022
|
fillType: buttonFillLevelIconFillTypeMap[`${fill}`][level]
|
|
7954
8023
|
};
|
|
7955
|
-
const renderContent = /* @__PURE__ */ __name((children2) => /* @__PURE__ */ (0,
|
|
7956
|
-
!!leftIcon && !isLoading && /* @__PURE__ */ (0,
|
|
7957
|
-
isLoading ? !!leftIcon || !!rightIcon ? /* @__PURE__ */ (0,
|
|
7958
|
-
/* @__PURE__ */ (0,
|
|
7959
|
-
/* @__PURE__ */ (0,
|
|
7960
|
-
] }) : /* @__PURE__ */ (0,
|
|
7961
|
-
!!rightIcon && !isLoading && /* @__PURE__ */ (0,
|
|
8024
|
+
const renderContent = /* @__PURE__ */ __name((children2) => /* @__PURE__ */ (0, import_jsx_runtime164.jsxs)("span", { className: (0, import_clsx2.default)(defaultButtonChildrenVariants({ size })), children: [
|
|
8025
|
+
!!leftIcon && !isLoading && /* @__PURE__ */ (0, import_jsx_runtime164.jsx)(Icon, { ...iconProps, ...leftIcon }),
|
|
8026
|
+
isLoading ? !!leftIcon || !!rightIcon ? /* @__PURE__ */ (0, import_jsx_runtime164.jsxs)(import_jsx_runtime164.Fragment, { children: [
|
|
8027
|
+
/* @__PURE__ */ (0, import_jsx_runtime164.jsx)(ButtonLoading, { size: buttonLoadingSizeMap[size], level }),
|
|
8028
|
+
/* @__PURE__ */ (0, import_jsx_runtime164.jsx)("p", { className: style_module_default.content, children: children2 })
|
|
8029
|
+
] }) : /* @__PURE__ */ (0, import_jsx_runtime164.jsx)(ButtonLoading, { size: buttonLoadingSizeMap[size], level }) : /* @__PURE__ */ (0, import_jsx_runtime164.jsx)("p", { className: style_module_default.content, children: children2 }),
|
|
8030
|
+
!!rightIcon && !isLoading && /* @__PURE__ */ (0, import_jsx_runtime164.jsx)(Icon, { ...iconProps, ...rightIcon })
|
|
7962
8031
|
] }), "renderContent");
|
|
7963
8032
|
if (asChild) {
|
|
7964
8033
|
const parent = import_react.Children.only(children);
|
|
@@ -7974,7 +8043,7 @@ var DefaultButton = (0, import_react.forwardRef)(
|
|
|
7974
8043
|
);
|
|
7975
8044
|
return ParentClone;
|
|
7976
8045
|
}
|
|
7977
|
-
return /* @__PURE__ */ (0,
|
|
8046
|
+
return /* @__PURE__ */ (0, import_jsx_runtime164.jsx)(
|
|
7978
8047
|
"button",
|
|
7979
8048
|
{
|
|
7980
8049
|
...rest,
|
|
@@ -7985,7 +8054,7 @@ var DefaultButton = (0, import_react.forwardRef)(
|
|
|
7985
8054
|
);
|
|
7986
8055
|
}
|
|
7987
8056
|
);
|
|
7988
|
-
var Button = (0, import_react.forwardRef)((props, ref) => /* @__PURE__ */ (0,
|
|
8057
|
+
var Button = (0, import_react.forwardRef)((props, ref) => /* @__PURE__ */ (0, import_jsx_runtime164.jsx)(DefaultButton, { ...props, ref }));
|
|
7989
8058
|
|
|
7990
8059
|
// src/components/Toast/hooks/useToast.ts
|
|
7991
8060
|
var import_recoil = require("recoil");
|
|
@@ -8081,10 +8150,10 @@ var colorVariants = (0, import_class_variance_authority4.cva)(style_module_defau
|
|
|
8081
8150
|
});
|
|
8082
8151
|
|
|
8083
8152
|
// src/components/Typography/Set/Paragraph.tsx
|
|
8084
|
-
var
|
|
8153
|
+
var import_jsx_runtime165 = require("react/jsx-runtime");
|
|
8085
8154
|
var Paragraph = (0, import_react2.forwardRef)(
|
|
8086
8155
|
({ size, type, weight, className, children, color = "neutral-label-primary", ...rest }, ref) => {
|
|
8087
|
-
return /* @__PURE__ */ (0,
|
|
8156
|
+
return /* @__PURE__ */ (0, import_jsx_runtime165.jsx)(
|
|
8088
8157
|
"p",
|
|
8089
8158
|
{
|
|
8090
8159
|
...rest,
|
|
@@ -8574,13 +8643,13 @@ var loading_default = {
|
|
|
8574
8643
|
};
|
|
8575
8644
|
|
|
8576
8645
|
// src/components/Toast/index.tsx
|
|
8577
|
-
var
|
|
8646
|
+
var import_jsx_runtime166 = require("react/jsx-runtime");
|
|
8578
8647
|
var import_react4 = require("react");
|
|
8579
8648
|
var Toaster = /* @__PURE__ */ __name(() => {
|
|
8580
8649
|
const { list } = (0, import_recoil2.useRecoilValue)(toastAtom);
|
|
8581
|
-
return /* @__PURE__ */ (0,
|
|
8650
|
+
return /* @__PURE__ */ (0, import_jsx_runtime166.jsxs)(import_react_toast.Provider, { children: [
|
|
8582
8651
|
list.map((props) => /* @__PURE__ */ (0, import_react4.createElement)(SingleToast, { ...props, key: props.toastId })),
|
|
8583
|
-
/* @__PURE__ */ (0,
|
|
8652
|
+
/* @__PURE__ */ (0, import_jsx_runtime166.jsx)(import_react_toast.Viewport, { className: style_module_default4.ToastViewport })
|
|
8584
8653
|
] });
|
|
8585
8654
|
}, "Toaster");
|
|
8586
8655
|
var SingleToast = /* @__PURE__ */ __name((props) => {
|
|
@@ -8626,12 +8695,12 @@ var SingleToast = /* @__PURE__ */ __name((props) => {
|
|
|
8626
8695
|
}, [isLoading]);
|
|
8627
8696
|
const renderIcon = /* @__PURE__ */ __name(() => {
|
|
8628
8697
|
if (!icon) return null;
|
|
8629
|
-
return /* @__PURE__ */ (0,
|
|
8698
|
+
return /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("i", { className: style_module_default4.Icon, children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(Icon, { ...icon, size: "m" }) });
|
|
8630
8699
|
}, "renderIcon");
|
|
8631
|
-
return /* @__PURE__ */ (0,
|
|
8632
|
-
isLoading && !toastSuccess.current ? /* @__PURE__ */ (0,
|
|
8633
|
-
/* @__PURE__ */ (0,
|
|
8634
|
-
/* @__PURE__ */ (0,
|
|
8700
|
+
return /* @__PURE__ */ (0, import_jsx_runtime166.jsxs)(import_react_toast.Root, { className: style_module_default4.ToastRoot, open: isOpen, ...props, children: [
|
|
8701
|
+
isLoading && !toastSuccess.current ? /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("div", { ref: lottieRef, style: { width: "24px", height: "24px" } }) : renderIcon(),
|
|
8702
|
+
/* @__PURE__ */ (0, import_jsx_runtime166.jsxs)(import_react_toast.Title, { className: style_module_default4.ToastTitle, children: [
|
|
8703
|
+
/* @__PURE__ */ (0, import_jsx_runtime166.jsx)(
|
|
8635
8704
|
Paragraph,
|
|
8636
8705
|
{
|
|
8637
8706
|
className: style_module_default4.TitleText,
|
|
@@ -8642,7 +8711,7 @@ var SingleToast = /* @__PURE__ */ __name((props) => {
|
|
|
8642
8711
|
children: message
|
|
8643
8712
|
}
|
|
8644
8713
|
),
|
|
8645
|
-
button && /* @__PURE__ */ (0,
|
|
8714
|
+
button && /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(
|
|
8646
8715
|
Button,
|
|
8647
8716
|
{
|
|
8648
8717
|
onClick: () => {
|
|
@@ -8666,11 +8735,11 @@ var SingleToast = /* @__PURE__ */ __name((props) => {
|
|
|
8666
8735
|
// src/components/Typography/Set/Heading.tsx
|
|
8667
8736
|
var import_react5 = require("react");
|
|
8668
8737
|
var import_clsx4 = __toESM(require("clsx"));
|
|
8669
|
-
var
|
|
8738
|
+
var import_jsx_runtime167 = require("react/jsx-runtime");
|
|
8670
8739
|
var Heading = (0, import_react5.forwardRef)(
|
|
8671
8740
|
({ size, children, type, className, color = "neutral-label-primary", ...rest }, ref) => {
|
|
8672
8741
|
const Element = `h${size}`;
|
|
8673
|
-
return /* @__PURE__ */ (0,
|
|
8742
|
+
return /* @__PURE__ */ (0, import_jsx_runtime167.jsx)(
|
|
8674
8743
|
Element,
|
|
8675
8744
|
{
|
|
8676
8745
|
...rest,
|
|
@@ -8685,10 +8754,10 @@ var Heading = (0, import_react5.forwardRef)(
|
|
|
8685
8754
|
// src/components/Typography/Set/Caption.tsx
|
|
8686
8755
|
var import_clsx5 = __toESM(require("clsx"));
|
|
8687
8756
|
var import_react6 = require("react");
|
|
8688
|
-
var
|
|
8757
|
+
var import_jsx_runtime168 = require("react/jsx-runtime");
|
|
8689
8758
|
var Caption = (0, import_react6.forwardRef)(
|
|
8690
8759
|
({ children, size, weight, type, className, color = "neutral-label-primary", ...rest }, ref) => {
|
|
8691
|
-
return /* @__PURE__ */ (0,
|
|
8760
|
+
return /* @__PURE__ */ (0, import_jsx_runtime168.jsx)(
|
|
8692
8761
|
"p",
|
|
8693
8762
|
{
|
|
8694
8763
|
...rest,
|
|
@@ -8708,10 +8777,10 @@ var Caption = (0, import_react6.forwardRef)(
|
|
|
8708
8777
|
// src/components/Typography/Set/Title.tsx
|
|
8709
8778
|
var import_react7 = require("react");
|
|
8710
8779
|
var import_clsx6 = __toESM(require("clsx"));
|
|
8711
|
-
var
|
|
8780
|
+
var import_jsx_runtime169 = require("react/jsx-runtime");
|
|
8712
8781
|
var Title2 = (0, import_react7.forwardRef)(
|
|
8713
8782
|
({ weight, size, type, className, children, color = "neutral-label-primary", ...rest }, ref) => {
|
|
8714
|
-
return /* @__PURE__ */ (0,
|
|
8783
|
+
return /* @__PURE__ */ (0, import_jsx_runtime169.jsx)(
|
|
8715
8784
|
"p",
|
|
8716
8785
|
{
|
|
8717
8786
|
...rest,
|
|
@@ -8726,10 +8795,10 @@ var Title2 = (0, import_react7.forwardRef)(
|
|
|
8726
8795
|
// src/components/Typography/Set/Display.tsx
|
|
8727
8796
|
var import_clsx7 = __toESM(require("clsx"));
|
|
8728
8797
|
var import_react8 = require("react");
|
|
8729
|
-
var
|
|
8798
|
+
var import_jsx_runtime170 = require("react/jsx-runtime");
|
|
8730
8799
|
var Display = (0, import_react8.forwardRef)(
|
|
8731
8800
|
({ size, type, weight, className, children, color = "neutral-label-primary", ...rest }, ref) => {
|
|
8732
|
-
return /* @__PURE__ */ (0,
|
|
8801
|
+
return /* @__PURE__ */ (0, import_jsx_runtime170.jsx)(
|
|
8733
8802
|
"p",
|
|
8734
8803
|
{
|
|
8735
8804
|
ref,
|
|
@@ -8762,7 +8831,7 @@ var rootMediaStyle = AppMedia.createMediaStyle();
|
|
|
8762
8831
|
var { MediaContextProvider, Media } = AppMedia;
|
|
8763
8832
|
|
|
8764
8833
|
// src/components/Typography/Responsive/index.tsx
|
|
8765
|
-
var
|
|
8834
|
+
var import_jsx_runtime171 = require("react/jsx-runtime");
|
|
8766
8835
|
var import_react9 = require("react");
|
|
8767
8836
|
var TypographyImpl = /* @__PURE__ */ __name(({ level, text, ...rest }) => {
|
|
8768
8837
|
const commonProps = {
|
|
@@ -8771,15 +8840,15 @@ var TypographyImpl = /* @__PURE__ */ __name(({ level, text, ...rest }) => {
|
|
|
8771
8840
|
};
|
|
8772
8841
|
switch (level) {
|
|
8773
8842
|
case "caption":
|
|
8774
|
-
return /* @__PURE__ */ (0,
|
|
8843
|
+
return /* @__PURE__ */ (0, import_jsx_runtime171.jsx)(Caption, { ...commonProps });
|
|
8775
8844
|
case "display":
|
|
8776
|
-
return /* @__PURE__ */ (0,
|
|
8845
|
+
return /* @__PURE__ */ (0, import_jsx_runtime171.jsx)(Display, { ...commonProps });
|
|
8777
8846
|
case "heading":
|
|
8778
|
-
return /* @__PURE__ */ (0,
|
|
8847
|
+
return /* @__PURE__ */ (0, import_jsx_runtime171.jsx)(Heading, { ...commonProps });
|
|
8779
8848
|
case "paragraph":
|
|
8780
|
-
return /* @__PURE__ */ (0,
|
|
8849
|
+
return /* @__PURE__ */ (0, import_jsx_runtime171.jsx)(Paragraph, { ...commonProps });
|
|
8781
8850
|
case "title":
|
|
8782
|
-
return /* @__PURE__ */ (0,
|
|
8851
|
+
return /* @__PURE__ */ (0, import_jsx_runtime171.jsx)(Title2, { ...commonProps });
|
|
8783
8852
|
default:
|
|
8784
8853
|
return null;
|
|
8785
8854
|
}
|
|
@@ -8820,11 +8889,11 @@ var Typography = /* @__PURE__ */ __name((props) => {
|
|
|
8820
8889
|
}, "createMediaProps");
|
|
8821
8890
|
return (
|
|
8822
8891
|
// Fragment없이도 원래 동작해야하는데 liner-web에서 JSX.Element가 배열로 오면 에러 띄워서 임시로 Fragment로 래핑합니다.
|
|
8823
|
-
/* @__PURE__ */ (0,
|
|
8892
|
+
/* @__PURE__ */ (0, import_jsx_runtime171.jsx)(import_jsx_runtime171.Fragment, { children: breakPointKeyArray.map((breakPointKey) => {
|
|
8824
8893
|
const variable = props[breakPointKey];
|
|
8825
8894
|
const isExistVariable = !!variable;
|
|
8826
8895
|
if (isExistVariable) {
|
|
8827
|
-
return /* @__PURE__ */ (0, import_react9.createElement)(Media, { ...createMediaProps(breakPointKey), key: breakPointKey }, /* @__PURE__ */ (0,
|
|
8896
|
+
return /* @__PURE__ */ (0, import_react9.createElement)(Media, { ...createMediaProps(breakPointKey), key: breakPointKey }, /* @__PURE__ */ (0, import_jsx_runtime171.jsx)(TypographyImpl, { ...variable, text: variable.text || children }));
|
|
8828
8897
|
}
|
|
8829
8898
|
return null;
|
|
8830
8899
|
}) })
|
|
@@ -8878,7 +8947,7 @@ var style_module_default7 = {
|
|
|
8878
8947
|
// src/components/TextButton/index.tsx
|
|
8879
8948
|
var import_react10 = require("react");
|
|
8880
8949
|
var import_clsx8 = __toESM(require("clsx"));
|
|
8881
|
-
var
|
|
8950
|
+
var import_jsx_runtime172 = require("react/jsx-runtime");
|
|
8882
8951
|
var textButtonLevelIconTypeMap = {
|
|
8883
8952
|
primary: "brand-label-primary",
|
|
8884
8953
|
secondary: "neutral-label-primary",
|
|
@@ -8934,10 +9003,10 @@ var TextButton = (0, import_react10.forwardRef)(
|
|
|
8934
9003
|
fillType: textButtonLevelIconFillTypeMap[level],
|
|
8935
9004
|
...icon
|
|
8936
9005
|
}), "getIconProps");
|
|
8937
|
-
const renderContent = /* @__PURE__ */ __name((children2) => /* @__PURE__ */ (0,
|
|
8938
|
-
leftIcon && /* @__PURE__ */ (0,
|
|
8939
|
-
/* @__PURE__ */ (0,
|
|
8940
|
-
rightIcon && /* @__PURE__ */ (0,
|
|
9006
|
+
const renderContent = /* @__PURE__ */ __name((children2) => /* @__PURE__ */ (0, import_jsx_runtime172.jsxs)("span", { className: style_module_default7["text-children"], children: [
|
|
9007
|
+
leftIcon && /* @__PURE__ */ (0, import_jsx_runtime172.jsx)(Icon, { ...getIconProps(leftIcon) }),
|
|
9008
|
+
/* @__PURE__ */ (0, import_jsx_runtime172.jsx)("p", { children: children2 }),
|
|
9009
|
+
rightIcon && /* @__PURE__ */ (0, import_jsx_runtime172.jsx)(Icon, { ...getIconProps(rightIcon) })
|
|
8941
9010
|
] }), "renderContent");
|
|
8942
9011
|
if (asChild) {
|
|
8943
9012
|
const parent = import_react10.Children.only(children);
|
|
@@ -8951,12 +9020,12 @@ var TextButton = (0, import_react10.forwardRef)(
|
|
|
8951
9020
|
renderContent(parent.props.children)
|
|
8952
9021
|
);
|
|
8953
9022
|
}
|
|
8954
|
-
return /* @__PURE__ */ (0,
|
|
9023
|
+
return /* @__PURE__ */ (0, import_jsx_runtime172.jsx)("button", { className: (0, import_clsx8.default)(textButtonVariants({ level, thick, underline, size }), className), ref, ...rest, children: renderContent(children) });
|
|
8955
9024
|
}
|
|
8956
9025
|
);
|
|
8957
9026
|
|
|
8958
9027
|
// src/components/Popover/index.tsx
|
|
8959
|
-
var
|
|
9028
|
+
var import_jsx_runtime173 = require("react/jsx-runtime");
|
|
8960
9029
|
var DEFAULT_OFFSET = -6;
|
|
8961
9030
|
var popoverVariants = (0, import_class_variance_authority6.cva)(style_module_default6.content, {
|
|
8962
9031
|
variants: {
|
|
@@ -8978,9 +9047,9 @@ var popoverTagVariants = (0, import_class_variance_authority6.cva)([style_module
|
|
|
8978
9047
|
var popoverTitleVariants = (0, import_class_variance_authority6.cva)([style_module_default6.title, "lp-sys-typo-paragraph3-normal-bold"]);
|
|
8979
9048
|
var popoverDescriptionVariants = (0, import_class_variance_authority6.cva)([style_module_default6.description, "lp-sys-typo-caption1-normal-regular"]);
|
|
8980
9049
|
var popoverFooterVariants = (0, import_class_variance_authority6.cva)([style_module_default6.footer, "lp-sys-typo-caption1-normal-medium"]);
|
|
8981
|
-
var PopoverRoot = /* @__PURE__ */ __name(({ isOpen, children, onChange }) => /* @__PURE__ */ (0,
|
|
8982
|
-
var PopoverTrigger = /* @__PURE__ */ __name(({ by }) => /* @__PURE__ */ (0,
|
|
8983
|
-
var PopoverAnchor = /* @__PURE__ */ __name(({ className }) => /* @__PURE__ */ (0,
|
|
9050
|
+
var PopoverRoot = /* @__PURE__ */ __name(({ isOpen, children, onChange }) => /* @__PURE__ */ (0, import_jsx_runtime173.jsx)(PopoverPrimitive.Root, { open: isOpen, onOpenChange: onChange, children }), "PopoverRoot");
|
|
9051
|
+
var PopoverTrigger = /* @__PURE__ */ __name(({ by }) => /* @__PURE__ */ (0, import_jsx_runtime173.jsx)(PopoverPrimitive.Trigger, { asChild: true, children: by }), "PopoverTrigger");
|
|
9052
|
+
var PopoverAnchor = /* @__PURE__ */ __name(({ className }) => /* @__PURE__ */ (0, import_jsx_runtime173.jsx)("svg", { className, xmlns: "http://www.w3.org/2000/svg", width: "30", height: "10", viewBox: "0 0 30 10", fill: "none", children: /* @__PURE__ */ (0, import_jsx_runtime173.jsx)(
|
|
8984
9053
|
"path",
|
|
8985
9054
|
{
|
|
8986
9055
|
fillRule: "evenodd",
|
|
@@ -9007,8 +9076,8 @@ var PopoverContent = React3.forwardRef(
|
|
|
9007
9076
|
children,
|
|
9008
9077
|
container,
|
|
9009
9078
|
...props
|
|
9010
|
-
}, ref) => /* @__PURE__ */ (0,
|
|
9011
|
-
/* @__PURE__ */ (0,
|
|
9079
|
+
}, ref) => /* @__PURE__ */ (0, import_jsx_runtime173.jsx)(PopoverPrimitive.Portal, { container, children: /* @__PURE__ */ (0, import_jsx_runtime173.jsxs)(import_jsx_runtime173.Fragment, { children: [
|
|
9080
|
+
/* @__PURE__ */ (0, import_jsx_runtime173.jsxs)(
|
|
9012
9081
|
PopoverPrimitive.Content,
|
|
9013
9082
|
{
|
|
9014
9083
|
ref,
|
|
@@ -9019,24 +9088,24 @@ var PopoverContent = React3.forwardRef(
|
|
|
9019
9088
|
className: (0, import_clsx9.clsx)(popoverVariants({ level }), className),
|
|
9020
9089
|
...props,
|
|
9021
9090
|
children: [
|
|
9022
|
-
/* @__PURE__ */ (0,
|
|
9023
|
-
(tag || icon || onClose) && /* @__PURE__ */ (0,
|
|
9024
|
-
tag && /* @__PURE__ */ (0,
|
|
9025
|
-
icon && /* @__PURE__ */ (0,
|
|
9026
|
-
/* @__PURE__ */ (0,
|
|
9027
|
-
onClose && /* @__PURE__ */ (0,
|
|
9091
|
+
/* @__PURE__ */ (0, import_jsx_runtime173.jsxs)("div", { className: style_module_default6.contentContainer, children: [
|
|
9092
|
+
(tag || icon || onClose) && /* @__PURE__ */ (0, import_jsx_runtime173.jsxs)("div", { className: style_module_default6.heading, children: [
|
|
9093
|
+
tag && /* @__PURE__ */ (0, import_jsx_runtime173.jsx)("span", { className: popoverTagVariants(), children: tag }),
|
|
9094
|
+
icon && /* @__PURE__ */ (0, import_jsx_runtime173.jsx)(Icon, { name: icon.name, size: "xs", thick: icon.thick, fill: icon.fill }),
|
|
9095
|
+
/* @__PURE__ */ (0, import_jsx_runtime173.jsx)("p", { className: popoverTitleVariants(), children: title }),
|
|
9096
|
+
onClose && /* @__PURE__ */ (0, import_jsx_runtime173.jsx)(
|
|
9028
9097
|
PopoverPrimitive.PopoverClose,
|
|
9029
9098
|
{
|
|
9030
9099
|
className: style_module_default6.closeButton,
|
|
9031
9100
|
onClick: () => {
|
|
9032
9101
|
onClose();
|
|
9033
9102
|
},
|
|
9034
|
-
children: /* @__PURE__ */ (0,
|
|
9103
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime173.jsx)(Icon, { name: "close-fill", size: "s", fill: true, thick: true, type: "neutral-label-static-primary" })
|
|
9035
9104
|
}
|
|
9036
9105
|
)
|
|
9037
9106
|
] }),
|
|
9038
|
-
description && /* @__PURE__ */ (0,
|
|
9039
|
-
onConfirm && /* @__PURE__ */ (0,
|
|
9107
|
+
description && /* @__PURE__ */ (0, import_jsx_runtime173.jsx)("p", { className: popoverDescriptionVariants(), children: description }),
|
|
9108
|
+
onConfirm && /* @__PURE__ */ (0, import_jsx_runtime173.jsx)("div", { className: popoverFooterVariants(), children: /* @__PURE__ */ (0, import_jsx_runtime173.jsx)(
|
|
9040
9109
|
TextButton,
|
|
9041
9110
|
{
|
|
9042
9111
|
level: "inverse-static",
|
|
@@ -9048,11 +9117,11 @@ var PopoverContent = React3.forwardRef(
|
|
|
9048
9117
|
) }),
|
|
9049
9118
|
children
|
|
9050
9119
|
] }),
|
|
9051
|
-
/* @__PURE__ */ (0,
|
|
9120
|
+
/* @__PURE__ */ (0, import_jsx_runtime173.jsx)(PopoverPrimitive.Arrow, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime173.jsx)(PopoverAnchor, { className: (0, import_clsx9.clsx)(popoverAnchorVariants({ level })) }) })
|
|
9052
9121
|
]
|
|
9053
9122
|
}
|
|
9054
9123
|
),
|
|
9055
|
-
isOverlay && /* @__PURE__ */ (0,
|
|
9124
|
+
isOverlay && /* @__PURE__ */ (0, import_jsx_runtime173.jsx)("div", { "data-radix-popper-overlay": true, className: style_module_default6.overlay })
|
|
9056
9125
|
] }) })
|
|
9057
9126
|
);
|
|
9058
9127
|
var Popover = Object.assign(PopoverRoot, {
|
|
@@ -9075,14 +9144,14 @@ var style_module_default8 = {
|
|
|
9075
9144
|
// src/components/Tooltip/index.tsx
|
|
9076
9145
|
var import_class_variance_authority7 = require("class-variance-authority");
|
|
9077
9146
|
var import_clsx10 = __toESM(require("clsx"));
|
|
9078
|
-
var
|
|
9147
|
+
var import_jsx_runtime174 = require("react/jsx-runtime");
|
|
9079
9148
|
var DEFAULT_OFFSET2 = "medium";
|
|
9080
9149
|
var tooltipVariants = (0, import_class_variance_authority7.cva)([style_module_default8.tooltip, "lp-sys-typo-caption1-normal-medium"]);
|
|
9081
9150
|
var TooltipProvider = TooltipPrimitive.Provider;
|
|
9082
|
-
var TooltipRoot = /* @__PURE__ */ __name(({ children, ...props }) => /* @__PURE__ */ (0,
|
|
9083
|
-
var TooltipTrigger = /* @__PURE__ */ __name(({ by }) => /* @__PURE__ */ (0,
|
|
9151
|
+
var TooltipRoot = /* @__PURE__ */ __name(({ children, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime174.jsx)(TooltipPrimitive.Root, { delayDuration: 0, ...props, children }), "TooltipRoot");
|
|
9152
|
+
var TooltipTrigger = /* @__PURE__ */ __name(({ by }) => /* @__PURE__ */ (0, import_jsx_runtime174.jsx)(TooltipPrimitive.Trigger, { asChild: true, children: by }), "TooltipTrigger");
|
|
9084
9153
|
var TooltipContent = (0, import_react11.forwardRef)(
|
|
9085
|
-
({ description, position = "top", className, offset = DEFAULT_OFFSET2, collisionPadding, ...props }, ref) => /* @__PURE__ */ (0,
|
|
9154
|
+
({ description, position = "top", className, offset = DEFAULT_OFFSET2, collisionPadding, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime174.jsx)(
|
|
9086
9155
|
TooltipPrimitive.Content,
|
|
9087
9156
|
{
|
|
9088
9157
|
ref,
|
|
@@ -9091,7 +9160,7 @@ var TooltipContent = (0, import_react11.forwardRef)(
|
|
|
9091
9160
|
collisionPadding,
|
|
9092
9161
|
className: (0, import_clsx10.default)(tooltipVariants(), className),
|
|
9093
9162
|
...props,
|
|
9094
|
-
children: /* @__PURE__ */ (0,
|
|
9163
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime174.jsx)("p", { className: style_module_default8.tooltipContent, children: description })
|
|
9095
9164
|
}
|
|
9096
9165
|
)
|
|
9097
9166
|
);
|
|
@@ -9126,7 +9195,7 @@ var style_module_default9 = {
|
|
|
9126
9195
|
|
|
9127
9196
|
// src/components/IconButton/index.tsx
|
|
9128
9197
|
var import_react_slot = require("@radix-ui/react-slot");
|
|
9129
|
-
var
|
|
9198
|
+
var import_jsx_runtime175 = require("react/jsx-runtime");
|
|
9130
9199
|
var iconButtonSizeIconSizeMap = {
|
|
9131
9200
|
l: "m",
|
|
9132
9201
|
m: "s",
|
|
@@ -9199,14 +9268,14 @@ var IconButton = (0, import_react12.forwardRef)(
|
|
|
9199
9268
|
...rest
|
|
9200
9269
|
}, ref) => {
|
|
9201
9270
|
const Comp = asChild ? import_react_slot.Slot : "button";
|
|
9202
|
-
return /* @__PURE__ */ (0,
|
|
9271
|
+
return /* @__PURE__ */ (0, import_jsx_runtime175.jsx)(
|
|
9203
9272
|
Comp,
|
|
9204
9273
|
{
|
|
9205
9274
|
...rest,
|
|
9206
9275
|
className: (0, import_clsx11.default)(iconButtonVariants({ level, size, fill }), className),
|
|
9207
9276
|
ref,
|
|
9208
9277
|
disabled: disabled && !isLoading,
|
|
9209
|
-
children: isLoading ? /* @__PURE__ */ (0,
|
|
9278
|
+
children: isLoading ? /* @__PURE__ */ (0, import_jsx_runtime175.jsx)(ButtonLoading, { size: iconButtonLoadingSizeMap[size], level }) : /* @__PURE__ */ (0, import_jsx_runtime175.jsx)(
|
|
9210
9279
|
Icon,
|
|
9211
9280
|
{
|
|
9212
9281
|
size: iconButtonSizeIconSizeMap[size],
|
|
@@ -9258,7 +9327,7 @@ var style_module_default11 = {
|
|
|
9258
9327
|
|
|
9259
9328
|
// src/components/Label/index.tsx
|
|
9260
9329
|
var import_class_variance_authority9 = require("class-variance-authority");
|
|
9261
|
-
var
|
|
9330
|
+
var import_jsx_runtime176 = require("react/jsx-runtime");
|
|
9262
9331
|
var defaultLabelVariants = (0, import_class_variance_authority9.cva)(["lp-sys-typo-paragraph2-normal-medium", style_module_default11.label], {
|
|
9263
9332
|
variants: {
|
|
9264
9333
|
level: {
|
|
@@ -9298,7 +9367,7 @@ var Label = (0, import_react13.forwardRef)(
|
|
|
9298
9367
|
error = false,
|
|
9299
9368
|
...props
|
|
9300
9369
|
}, ref) => {
|
|
9301
|
-
return /* @__PURE__ */ (0,
|
|
9370
|
+
return /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(
|
|
9302
9371
|
LabelPrimitive.Root,
|
|
9303
9372
|
{
|
|
9304
9373
|
ref,
|
|
@@ -9310,17 +9379,17 @@ var Label = (0, import_react13.forwardRef)(
|
|
|
9310
9379
|
);
|
|
9311
9380
|
|
|
9312
9381
|
// src/components/CheckBox/index.tsx
|
|
9313
|
-
var
|
|
9382
|
+
var import_jsx_runtime177 = require("react/jsx-runtime");
|
|
9314
9383
|
var Checkbox = (0, import_react14.forwardRef)(
|
|
9315
9384
|
({ className, label, description, ...props }, ref) => {
|
|
9316
|
-
const CheckboxWrapper = /* @__PURE__ */ __name(({ children }) => label ? /* @__PURE__ */ (0,
|
|
9317
|
-
/* @__PURE__ */ (0,
|
|
9385
|
+
const CheckboxWrapper = /* @__PURE__ */ __name(({ children }) => label ? /* @__PURE__ */ (0, import_jsx_runtime177.jsxs)(Label, { position: "right", htmlFor: props.id, children: [
|
|
9386
|
+
/* @__PURE__ */ (0, import_jsx_runtime177.jsxs)("div", { className: style_module_default10["label-wrapper"], children: [
|
|
9318
9387
|
label,
|
|
9319
|
-
/* @__PURE__ */ (0,
|
|
9388
|
+
/* @__PURE__ */ (0, import_jsx_runtime177.jsx)(Paragraph, { className: style_module_default10.description, size: 3, type: "normal", weight: "regular", children: description })
|
|
9320
9389
|
] }),
|
|
9321
9390
|
children
|
|
9322
|
-
] }) : /* @__PURE__ */ (0,
|
|
9323
|
-
return /* @__PURE__ */ (0,
|
|
9391
|
+
] }) : /* @__PURE__ */ (0, import_jsx_runtime177.jsx)(import_jsx_runtime177.Fragment, { children }), "CheckboxWrapper");
|
|
9392
|
+
return /* @__PURE__ */ (0, import_jsx_runtime177.jsx)(CheckboxWrapper, { children: /* @__PURE__ */ (0, import_jsx_runtime177.jsx)(CheckboxPrimitive.Root, { className: (0, import_clsx13.default)(style_module_default10.checkbox, className), ref, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime177.jsx)(CheckboxPrimitive.Indicator, { className: style_module_default10["checkbox-indicator"], children: /* @__PURE__ */ (0, import_jsx_runtime177.jsx)(Icon, { name: "check-mark", thick: true, size: "xs", type: "inverse-label-primary" }) }) }) });
|
|
9324
9393
|
}
|
|
9325
9394
|
);
|
|
9326
9395
|
|
|
@@ -9339,19 +9408,19 @@ var style_module_default12 = {
|
|
|
9339
9408
|
};
|
|
9340
9409
|
|
|
9341
9410
|
// src/components/Radio/index.tsx
|
|
9342
|
-
var
|
|
9343
|
-
var RadioIndicator = /* @__PURE__ */ __name(() => /* @__PURE__ */ (0,
|
|
9344
|
-
var RadioRoot = (0, import_react15.forwardRef)(({ className, ...props }, ref) => /* @__PURE__ */ (0,
|
|
9411
|
+
var import_jsx_runtime178 = require("react/jsx-runtime");
|
|
9412
|
+
var RadioIndicator = /* @__PURE__ */ __name(() => /* @__PURE__ */ (0, import_jsx_runtime178.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "10", height: "10", viewBox: "0 0 10 10", fill: "none", children: /* @__PURE__ */ (0, import_jsx_runtime178.jsx)("circle", { cx: "5", cy: "5", r: "5", fill: "#313133" }) }), "RadioIndicator");
|
|
9413
|
+
var RadioRoot = (0, import_react15.forwardRef)(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime178.jsx)(RadioGroupPrimitive.Root, { className: (0, import_clsx14.default)(style_module_default12.radio, className), ...props }));
|
|
9345
9414
|
var RadioItem = (0, import_react15.forwardRef)(
|
|
9346
9415
|
({ className, label, description, ...props }, ref) => {
|
|
9347
|
-
const RadioItemWrapper = /* @__PURE__ */ __name(({ children }) => label ? /* @__PURE__ */ (0,
|
|
9348
|
-
/* @__PURE__ */ (0,
|
|
9416
|
+
const RadioItemWrapper = /* @__PURE__ */ __name(({ children }) => label ? /* @__PURE__ */ (0, import_jsx_runtime178.jsxs)(Label, { position: "right", htmlFor: props.id, children: [
|
|
9417
|
+
/* @__PURE__ */ (0, import_jsx_runtime178.jsxs)("div", { className: style_module_default12["label-wrapper"], children: [
|
|
9349
9418
|
label,
|
|
9350
|
-
/* @__PURE__ */ (0,
|
|
9419
|
+
/* @__PURE__ */ (0, import_jsx_runtime178.jsx)(Paragraph, { className: style_module_default12.description, size: 3, type: "normal", weight: "regular", children: description })
|
|
9351
9420
|
] }),
|
|
9352
9421
|
children
|
|
9353
|
-
] }) : /* @__PURE__ */ (0,
|
|
9354
|
-
return /* @__PURE__ */ (0,
|
|
9422
|
+
] }) : /* @__PURE__ */ (0, import_jsx_runtime178.jsx)(import_jsx_runtime178.Fragment, { children }), "RadioItemWrapper");
|
|
9423
|
+
return /* @__PURE__ */ (0, import_jsx_runtime178.jsx)(RadioItemWrapper, { children: /* @__PURE__ */ (0, import_jsx_runtime178.jsx)(RadioGroupPrimitive.Item, { ref, className: (0, import_clsx14.default)(style_module_default12["radio-item"], className), ...props, children: /* @__PURE__ */ (0, import_jsx_runtime178.jsx)(RadioGroupPrimitive.Indicator, { className: style_module_default12.indicator, children: /* @__PURE__ */ (0, import_jsx_runtime178.jsx)(RadioIndicator, {}) }) }) });
|
|
9355
9424
|
}
|
|
9356
9425
|
);
|
|
9357
9426
|
var Radio = Object.assign(RadioRoot, {
|
|
@@ -9387,7 +9456,7 @@ var style_module_default13 = {
|
|
|
9387
9456
|
var import_class_variance_authority10 = require("class-variance-authority");
|
|
9388
9457
|
var import_clsx15 = __toESM(require("clsx"));
|
|
9389
9458
|
var import_react_dom = require("react-dom");
|
|
9390
|
-
var
|
|
9459
|
+
var import_jsx_runtime179 = require("react/jsx-runtime");
|
|
9391
9460
|
var defaultTextfieldVariants = (0, import_class_variance_authority10.cva)(style_module_default13.textfield, {
|
|
9392
9461
|
variants: {
|
|
9393
9462
|
color: {
|
|
@@ -9455,8 +9524,8 @@ var Textfield = (0, import_react16.forwardRef)((props, ref) => {
|
|
|
9455
9524
|
}
|
|
9456
9525
|
}, "handleDeidentify");
|
|
9457
9526
|
(0, import_react16.useImperativeHandle)(ref, () => inputRef.current);
|
|
9458
|
-
return /* @__PURE__ */ (0,
|
|
9459
|
-
/* @__PURE__ */ (0,
|
|
9527
|
+
return /* @__PURE__ */ (0, import_jsx_runtime179.jsxs)("div", { className: style_module_default13["textfield-container"], children: [
|
|
9528
|
+
/* @__PURE__ */ (0, import_jsx_runtime179.jsx)(
|
|
9460
9529
|
"div",
|
|
9461
9530
|
{
|
|
9462
9531
|
className: (0, import_clsx15.default)(defaultTextfieldVariants({ color }), {
|
|
@@ -9464,8 +9533,8 @@ var Textfield = (0, import_react16.forwardRef)((props, ref) => {
|
|
|
9464
9533
|
[style_module_default13["label-out-textfield"]]: !label || labelType === "out"
|
|
9465
9534
|
}),
|
|
9466
9535
|
onClick: handleTextfieldClick,
|
|
9467
|
-
children: /* @__PURE__ */ (0,
|
|
9468
|
-
/* @__PURE__ */ (0,
|
|
9536
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime179.jsxs)("div", { className: style_module_default13["input-wrapper"], children: [
|
|
9537
|
+
/* @__PURE__ */ (0, import_jsx_runtime179.jsx)(
|
|
9469
9538
|
"input",
|
|
9470
9539
|
{
|
|
9471
9540
|
className: (0, import_clsx15.default)(style_module_default13.input, {
|
|
@@ -9480,7 +9549,7 @@ var Textfield = (0, import_react16.forwardRef)((props, ref) => {
|
|
|
9480
9549
|
...rest
|
|
9481
9550
|
}
|
|
9482
9551
|
),
|
|
9483
|
-
/* @__PURE__ */ (0,
|
|
9552
|
+
/* @__PURE__ */ (0, import_jsx_runtime179.jsx)(
|
|
9484
9553
|
Label,
|
|
9485
9554
|
{
|
|
9486
9555
|
className: (0, import_clsx15.default)(style_module_default13.label, {
|
|
@@ -9492,8 +9561,8 @@ var Textfield = (0, import_react16.forwardRef)((props, ref) => {
|
|
|
9492
9561
|
children: labelText
|
|
9493
9562
|
}
|
|
9494
9563
|
),
|
|
9495
|
-
/* @__PURE__ */ (0,
|
|
9496
|
-
textfieldValue && !disabled && /* @__PURE__ */ (0,
|
|
9564
|
+
/* @__PURE__ */ (0, import_jsx_runtime179.jsxs)("div", { className: style_module_default13["input-action-buttons"], children: [
|
|
9565
|
+
textfieldValue && !disabled && /* @__PURE__ */ (0, import_jsx_runtime179.jsx)(
|
|
9497
9566
|
IconButton,
|
|
9498
9567
|
{
|
|
9499
9568
|
tabIndex: -1,
|
|
@@ -9511,7 +9580,7 @@ var Textfield = (0, import_react16.forwardRef)((props, ref) => {
|
|
|
9511
9580
|
}
|
|
9512
9581
|
}
|
|
9513
9582
|
),
|
|
9514
|
-
isPassword && !disabled && /* @__PURE__ */ (0,
|
|
9583
|
+
isPassword && !disabled && /* @__PURE__ */ (0, import_jsx_runtime179.jsx)(
|
|
9515
9584
|
IconButton,
|
|
9516
9585
|
{
|
|
9517
9586
|
tabIndex: -1,
|
|
@@ -9529,17 +9598,17 @@ var Textfield = (0, import_react16.forwardRef)((props, ref) => {
|
|
|
9529
9598
|
}
|
|
9530
9599
|
}
|
|
9531
9600
|
),
|
|
9532
|
-
buttonProps && /* @__PURE__ */ (0,
|
|
9601
|
+
buttonProps && /* @__PURE__ */ (0, import_jsx_runtime179.jsx)(Button, { ...buttonProps, size: "m", type: "button" })
|
|
9533
9602
|
] })
|
|
9534
9603
|
] })
|
|
9535
9604
|
}
|
|
9536
9605
|
),
|
|
9537
|
-
displayFooter && /* @__PURE__ */ (0,
|
|
9538
|
-
/* @__PURE__ */ (0,
|
|
9539
|
-
/* @__PURE__ */ (0,
|
|
9540
|
-
/* @__PURE__ */ (0,
|
|
9606
|
+
displayFooter && /* @__PURE__ */ (0, import_jsx_runtime179.jsxs)("div", { className: style_module_default13.footer, children: [
|
|
9607
|
+
/* @__PURE__ */ (0, import_jsx_runtime179.jsx)("div", { className: style_module_default13["error-wrapper"], children: error && /* @__PURE__ */ (0, import_jsx_runtime179.jsxs)(import_jsx_runtime179.Fragment, { children: [
|
|
9608
|
+
/* @__PURE__ */ (0, import_jsx_runtime179.jsx)(Icon, { name: "exclamationmark-fill", fill: true, thick: true, size: "xs", type: "function-label-negative" }),
|
|
9609
|
+
/* @__PURE__ */ (0, import_jsx_runtime179.jsx)(Caption, { size: 3, type: "normal", weight: "regular", className: style_module_default13["error-message"], children: error })
|
|
9541
9610
|
] }) }),
|
|
9542
|
-
maxCharacter && /* @__PURE__ */ (0,
|
|
9611
|
+
maxCharacter && /* @__PURE__ */ (0, import_jsx_runtime179.jsxs)(Caption, { className: style_module_default13.character, size: 3, type: "normal", weight: "regular", children: [
|
|
9543
9612
|
isControlled ? controlledValue.length : value.length,
|
|
9544
9613
|
"/",
|
|
9545
9614
|
maxCharacter
|
|
@@ -9566,29 +9635,29 @@ var style_module_default14 = {
|
|
|
9566
9635
|
|
|
9567
9636
|
// src/components/Slider/index.tsx
|
|
9568
9637
|
var SliderPrimitive = __toESM(require("@radix-ui/react-slider"));
|
|
9569
|
-
var
|
|
9638
|
+
var import_jsx_runtime180 = require("react/jsx-runtime");
|
|
9570
9639
|
var SliderRoot = (0, import_react17.forwardRef)((props, ref) => {
|
|
9571
9640
|
const { label, tooltip, rangeLeft, rangeRight, min, max, step = 50, ...rest } = props;
|
|
9572
|
-
return /* @__PURE__ */ (0,
|
|
9573
|
-
/* @__PURE__ */ (0,
|
|
9574
|
-
/* @__PURE__ */ (0,
|
|
9575
|
-
/* @__PURE__ */ (0,
|
|
9576
|
-
/* @__PURE__ */ (0,
|
|
9577
|
-
/* @__PURE__ */ (0,
|
|
9641
|
+
return /* @__PURE__ */ (0, import_jsx_runtime180.jsx)(import_jsx_runtime180.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime180.jsxs)(Tooltip.Provider, { children: [
|
|
9642
|
+
/* @__PURE__ */ (0, import_jsx_runtime180.jsx)(Label, { level: "secondary", size: "m", offset: "high", className: style_module_default14.label, children: label }),
|
|
9643
|
+
/* @__PURE__ */ (0, import_jsx_runtime180.jsxs)("div", { className: style_module_default14["slider-wrapper"], children: [
|
|
9644
|
+
/* @__PURE__ */ (0, import_jsx_runtime180.jsxs)("div", { className: style_module_default14["slider-option-wrapper"], children: [
|
|
9645
|
+
/* @__PURE__ */ (0, import_jsx_runtime180.jsx)(Icon, { name: rangeLeft.icon, size: "xs" }),
|
|
9646
|
+
/* @__PURE__ */ (0, import_jsx_runtime180.jsx)(Caption, { size: 1, type: "normal", weight: "medium", className: style_module_default14.optionText, children: rangeLeft.text })
|
|
9578
9647
|
] }),
|
|
9579
|
-
/* @__PURE__ */ (0,
|
|
9580
|
-
/* @__PURE__ */ (0,
|
|
9581
|
-
Array.from({ length: 100 / step + 1 }).map((_, index) => /* @__PURE__ */ (0,
|
|
9582
|
-
/* @__PURE__ */ (0,
|
|
9648
|
+
/* @__PURE__ */ (0, import_jsx_runtime180.jsxs)(SliderPrimitive.Root, { ...rest, step, className: style_module_default14["slider-root"], ref, children: [
|
|
9649
|
+
/* @__PURE__ */ (0, import_jsx_runtime180.jsxs)(SliderPrimitive.Track, { className: style_module_default14["slider-track"], children: [
|
|
9650
|
+
Array.from({ length: 100 / step + 1 }).map((_, index) => /* @__PURE__ */ (0, import_jsx_runtime180.jsx)("span", { className: style_module_default14["slider-step"] }, index)),
|
|
9651
|
+
/* @__PURE__ */ (0, import_jsx_runtime180.jsx)(SliderPrimitive.Range, { className: style_module_default14["slider-range"] })
|
|
9583
9652
|
] }),
|
|
9584
|
-
/* @__PURE__ */ (0,
|
|
9585
|
-
/* @__PURE__ */ (0,
|
|
9586
|
-
/* @__PURE__ */ (0,
|
|
9653
|
+
/* @__PURE__ */ (0, import_jsx_runtime180.jsxs)(Tooltip, { children: [
|
|
9654
|
+
/* @__PURE__ */ (0, import_jsx_runtime180.jsx)(Tooltip.Trigger, { by: /* @__PURE__ */ (0, import_jsx_runtime180.jsx)(SliderPrimitive.Thumb, { className: style_module_default14["slider-thumb"] }) }),
|
|
9655
|
+
/* @__PURE__ */ (0, import_jsx_runtime180.jsx)(Tooltip.Content, { description: tooltip })
|
|
9587
9656
|
] })
|
|
9588
9657
|
] }),
|
|
9589
|
-
/* @__PURE__ */ (0,
|
|
9590
|
-
/* @__PURE__ */ (0,
|
|
9591
|
-
/* @__PURE__ */ (0,
|
|
9658
|
+
/* @__PURE__ */ (0, import_jsx_runtime180.jsxs)("div", { className: style_module_default14["slider-option-wrapper"], children: [
|
|
9659
|
+
/* @__PURE__ */ (0, import_jsx_runtime180.jsx)(Icon, { name: rangeRight.icon, size: "xs" }),
|
|
9660
|
+
/* @__PURE__ */ (0, import_jsx_runtime180.jsx)(Caption, { size: 1, type: "normal", weight: "medium", className: style_module_default14.optionText, children: rangeRight.text })
|
|
9592
9661
|
] })
|
|
9593
9662
|
] })
|
|
9594
9663
|
] }) });
|
|
@@ -9628,11 +9697,11 @@ var style_module_default15 = {
|
|
|
9628
9697
|
// src/components/Select/index.tsx
|
|
9629
9698
|
var import_react18 = require("react");
|
|
9630
9699
|
var import_clsx16 = __toESM(require("clsx"));
|
|
9631
|
-
var
|
|
9632
|
-
var Badge = /* @__PURE__ */ __name(({ children }) => /* @__PURE__ */ (0,
|
|
9700
|
+
var import_jsx_runtime181 = require("react/jsx-runtime");
|
|
9701
|
+
var Badge = /* @__PURE__ */ __name(({ children }) => /* @__PURE__ */ (0, import_jsx_runtime181.jsx)("div", { className: style_module_default15.badgeContainer, children: /* @__PURE__ */ (0, import_jsx_runtime181.jsx)(Caption, { className: style_module_default15.badge, size: 2, type: "normal", weight: "medium", children }) }), "Badge");
|
|
9633
9702
|
var SelectContent = (0, import_react18.forwardRef)((props, ref) => {
|
|
9634
9703
|
const { id, isResponsive, popSide, sideOffset, listLabel, children, container } = props;
|
|
9635
|
-
return /* @__PURE__ */ (0,
|
|
9704
|
+
return /* @__PURE__ */ (0, import_jsx_runtime181.jsx)(SelectPrimitive.Portal, { container, children: /* @__PURE__ */ (0, import_jsx_runtime181.jsx)(
|
|
9636
9705
|
SelectPrimitive.Content,
|
|
9637
9706
|
{
|
|
9638
9707
|
id: `select-content-${id}`,
|
|
@@ -9654,12 +9723,12 @@ var SelectContent = (0, import_react18.forwardRef)((props, ref) => {
|
|
|
9654
9723
|
side: popSide,
|
|
9655
9724
|
sideOffset,
|
|
9656
9725
|
avoidCollisions: false,
|
|
9657
|
-
children: /* @__PURE__ */ (0,
|
|
9658
|
-
/* @__PURE__ */ (0,
|
|
9659
|
-
listLabel && /* @__PURE__ */ (0,
|
|
9726
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime181.jsxs)(ScrollArea.Root, { className: style_module_default15.scrollAreaRoot, type: "always", children: [
|
|
9727
|
+
/* @__PURE__ */ (0, import_jsx_runtime181.jsx)(SelectPrimitive.Viewport, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime181.jsx)(ScrollArea.Viewport, { className: style_module_default15.scrollAreaViewport, style: { maxHeight: "268px", overflowY: "auto" }, children: /* @__PURE__ */ (0, import_jsx_runtime181.jsxs)(SelectPrimitive.Group, { children: [
|
|
9728
|
+
listLabel && /* @__PURE__ */ (0, import_jsx_runtime181.jsx)(SelectPrimitive.Label, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime181.jsx)(Label, { className: style_module_default15["desktop-label"], level: "secondary", size: "m", offset: "low", children: listLabel }) }),
|
|
9660
9729
|
children
|
|
9661
9730
|
] }) }) }),
|
|
9662
|
-
/* @__PURE__ */ (0,
|
|
9731
|
+
/* @__PURE__ */ (0, import_jsx_runtime181.jsx)(ScrollArea.Scrollbar, { className: style_module_default15.scrollAreaScrollbar, orientation: "vertical", children: /* @__PURE__ */ (0, import_jsx_runtime181.jsx)(ScrollArea.Thumb, { className: style_module_default15.scrollAreaThumb }) })
|
|
9663
9732
|
] })
|
|
9664
9733
|
}
|
|
9665
9734
|
) });
|
|
@@ -9687,12 +9756,12 @@ var SelectRoot = (0, import_react18.forwardRef)((props, ref) => {
|
|
|
9687
9756
|
(0, import_react18.useEffect)(() => {
|
|
9688
9757
|
setIsOpen(open);
|
|
9689
9758
|
}, [open]);
|
|
9690
|
-
return /* @__PURE__ */ (0,
|
|
9691
|
-
/* @__PURE__ */ (0,
|
|
9692
|
-
/* @__PURE__ */ (0,
|
|
9693
|
-
badge && /* @__PURE__ */ (0,
|
|
9759
|
+
return /* @__PURE__ */ (0, import_jsx_runtime181.jsxs)("div", { children: [
|
|
9760
|
+
/* @__PURE__ */ (0, import_jsx_runtime181.jsxs)("div", { className: style_module_default15["label-container"], children: [
|
|
9761
|
+
/* @__PURE__ */ (0, import_jsx_runtime181.jsx)(Label, { className: style_module_default15["select-label"], level: "secondary", size: "m", offset: "low", htmlFor: id, children: label }),
|
|
9762
|
+
badge && /* @__PURE__ */ (0, import_jsx_runtime181.jsx)(Badge, { children: badge })
|
|
9694
9763
|
] }),
|
|
9695
|
-
/* @__PURE__ */ (0,
|
|
9764
|
+
/* @__PURE__ */ (0, import_jsx_runtime181.jsxs)(
|
|
9696
9765
|
SelectPrimitive.Root,
|
|
9697
9766
|
{
|
|
9698
9767
|
...rest,
|
|
@@ -9702,17 +9771,17 @@ var SelectRoot = (0, import_react18.forwardRef)((props, ref) => {
|
|
|
9702
9771
|
setIsOpen(open2);
|
|
9703
9772
|
},
|
|
9704
9773
|
children: [
|
|
9705
|
-
/* @__PURE__ */ (0,
|
|
9706
|
-
/* @__PURE__ */ (0,
|
|
9707
|
-
/* @__PURE__ */ (0,
|
|
9774
|
+
/* @__PURE__ */ (0, import_jsx_runtime181.jsxs)(SelectPrimitive.Trigger, { className: style_module_default15.trigger, ref, id, children: [
|
|
9775
|
+
/* @__PURE__ */ (0, import_jsx_runtime181.jsx)(SelectPrimitive.Value, { className: style_module_default15.placeholder, placeholder }),
|
|
9776
|
+
/* @__PURE__ */ (0, import_jsx_runtime181.jsx)(SelectPrimitive.Icon, { className: style_module_default15.openIcon, children: /* @__PURE__ */ (0, import_jsx_runtime181.jsx)(Icon, { name: "arrow-drop-down", fill: true, thick: true, size: "xs" }) })
|
|
9708
9777
|
] }),
|
|
9709
|
-
/* @__PURE__ */ (0,
|
|
9778
|
+
/* @__PURE__ */ (0, import_jsx_runtime181.jsx)(SelectContent, { ...contentProps })
|
|
9710
9779
|
]
|
|
9711
9780
|
}
|
|
9712
9781
|
)
|
|
9713
9782
|
] });
|
|
9714
9783
|
});
|
|
9715
|
-
var SelectItem = /* @__PURE__ */ __name(({ value, text, disabled, icon, onClick }) => /* @__PURE__ */ (0,
|
|
9784
|
+
var SelectItem = /* @__PURE__ */ __name(({ value, text, disabled, icon, onClick }) => /* @__PURE__ */ (0, import_jsx_runtime181.jsxs)(
|
|
9716
9785
|
SelectPrimitive.Item,
|
|
9717
9786
|
{
|
|
9718
9787
|
className: style_module_default15.item,
|
|
@@ -9723,9 +9792,9 @@ var SelectItem = /* @__PURE__ */ __name(({ value, text, disabled, icon, onClick
|
|
|
9723
9792
|
onClick?.();
|
|
9724
9793
|
},
|
|
9725
9794
|
children: [
|
|
9726
|
-
/* @__PURE__ */ (0,
|
|
9727
|
-
icon && /* @__PURE__ */ (0,
|
|
9728
|
-
/* @__PURE__ */ (0,
|
|
9795
|
+
/* @__PURE__ */ (0, import_jsx_runtime181.jsx)(SelectPrimitive.ItemText, { children: /* @__PURE__ */ (0, import_jsx_runtime181.jsx)(Paragraph, { size: 3, type: "normal", weight: "medium", children: text ?? value }) }),
|
|
9796
|
+
icon && /* @__PURE__ */ (0, import_jsx_runtime181.jsx)(SelectPrimitive.Icon, { className: style_module_default15.icon, children: /* @__PURE__ */ (0, import_jsx_runtime181.jsx)(Icon, { size: "xs", ...icon }) }),
|
|
9797
|
+
/* @__PURE__ */ (0, import_jsx_runtime181.jsx)(SelectPrimitive.ItemIndicator, { className: style_module_default15.itemIndicator, children: /* @__PURE__ */ (0, import_jsx_runtime181.jsx)(Icon, { fill: false, thick: true, size: "xs", name: "check-mark", type: "brand-label-primary" }) })
|
|
9729
9798
|
]
|
|
9730
9799
|
}
|
|
9731
9800
|
), "SelectItem");
|
|
@@ -9745,11 +9814,11 @@ var import_react20 = require("react");
|
|
|
9745
9814
|
|
|
9746
9815
|
// src/hooks/collection.tsx
|
|
9747
9816
|
var import_react19 = require("react");
|
|
9748
|
-
var
|
|
9817
|
+
var import_jsx_runtime182 = require("react/jsx-runtime");
|
|
9749
9818
|
var CollectionContext = (0, import_react19.createContext)(void 0);
|
|
9750
9819
|
var CollectionProvider = /* @__PURE__ */ __name(({ value, onChangeValue, children }) => {
|
|
9751
9820
|
const contextValue = (0, import_react19.useMemo)(() => ({ value, onChangeValue }), [value, onChangeValue]);
|
|
9752
|
-
return /* @__PURE__ */ (0,
|
|
9821
|
+
return /* @__PURE__ */ (0, import_jsx_runtime182.jsx)(CollectionContext.Provider, { value: contextValue, children });
|
|
9753
9822
|
}, "CollectionProvider");
|
|
9754
9823
|
var useCollectionContext = /* @__PURE__ */ __name(() => {
|
|
9755
9824
|
const context = (0, import_react19.useContext)(CollectionContext);
|
|
@@ -9761,16 +9830,16 @@ var useCollectionContext = /* @__PURE__ */ __name(() => {
|
|
|
9761
9830
|
|
|
9762
9831
|
// src/components/List/index.tsx
|
|
9763
9832
|
var import_clsx17 = __toESM(require("clsx"));
|
|
9764
|
-
var
|
|
9833
|
+
var import_jsx_runtime183 = require("react/jsx-runtime");
|
|
9765
9834
|
var ListRoot = /* @__PURE__ */ __name(({ children, className, ...props }) => {
|
|
9766
|
-
return /* @__PURE__ */ (0,
|
|
9835
|
+
return /* @__PURE__ */ (0, import_jsx_runtime183.jsx)(CollectionProvider, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime183.jsx)("ul", { className: (0, import_clsx17.default)(style_module_default16.list, className), children }) });
|
|
9767
9836
|
}, "ListRoot");
|
|
9768
9837
|
var Item3 = /* @__PURE__ */ __name(({ value, text, disabled, icon, onClick }) => {
|
|
9769
9838
|
const [isFocused, setIsFocused] = (0, import_react20.useState)(false);
|
|
9770
9839
|
const { value: contextValue, onChangeValue } = useCollectionContext();
|
|
9771
9840
|
const isSelected = contextValue === value;
|
|
9772
9841
|
const iconProps = isSelected ? { name: "check-mark", type: "brand-label-primary", thick: true } : icon ? icon : {};
|
|
9773
|
-
return /* @__PURE__ */ (0,
|
|
9842
|
+
return /* @__PURE__ */ (0, import_jsx_runtime183.jsxs)(
|
|
9774
9843
|
"li",
|
|
9775
9844
|
{
|
|
9776
9845
|
className: style_module_default16.item,
|
|
@@ -9788,8 +9857,8 @@ var Item3 = /* @__PURE__ */ __name(({ value, text, disabled, icon, onClick }) =>
|
|
|
9788
9857
|
onChangeValue?.(value);
|
|
9789
9858
|
},
|
|
9790
9859
|
children: [
|
|
9791
|
-
/* @__PURE__ */ (0,
|
|
9792
|
-
(icon || isSelected) && /* @__PURE__ */ (0,
|
|
9860
|
+
/* @__PURE__ */ (0, import_jsx_runtime183.jsx)(Paragraph, { size: 3, type: "normal", weight: "medium", children: text }),
|
|
9861
|
+
(icon || isSelected) && /* @__PURE__ */ (0, import_jsx_runtime183.jsx)(Icon, { className: style_module_default16.icon, size: "xs", ...iconProps })
|
|
9793
9862
|
]
|
|
9794
9863
|
}
|
|
9795
9864
|
);
|