@liner-fe/prism 2.6.19 → 2.6.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/illust.d.ts +2 -2
- package/lib/index.css +2 -154
- package/lib/index.d.ts +4 -16
- package/lib/index.js +270 -347
- package/package.json +1 -1
package/lib/index.js
CHANGED
|
@@ -53,7 +53,6 @@ __export(index_exports, {
|
|
|
53
53
|
Radio: () => Radio,
|
|
54
54
|
Select: () => Select,
|
|
55
55
|
SingleSnackbar: () => SingleSnackbar,
|
|
56
|
-
Slider: () => Slider,
|
|
57
56
|
Snackbar: () => Snackbar,
|
|
58
57
|
Tag: () => Tag,
|
|
59
58
|
TextButton: () => TextButton,
|
|
@@ -15683,47 +15682,6 @@ var import_react6 = require("react");
|
|
|
15683
15682
|
// src/components/Typography/Set/Paragraph.tsx
|
|
15684
15683
|
var import_clsx3 = __toESM(require("clsx"));
|
|
15685
15684
|
var import_react5 = require("react");
|
|
15686
|
-
|
|
15687
|
-
// src/components/Typography/utils.ts
|
|
15688
|
-
var import_cva4 = require("cva");
|
|
15689
|
-
|
|
15690
|
-
// src/components/Typography/Set/style.module.scss
|
|
15691
|
-
var style_module_default5 = {
|
|
15692
|
-
"caption": "_caption_1valw_1",
|
|
15693
|
-
"typography": "_typography_1valw_6",
|
|
15694
|
-
"neutral-label-primary": "_neutral-label-primary_1valw_11",
|
|
15695
|
-
"neutral-label-secondary": "_neutral-label-secondary_1valw_15",
|
|
15696
|
-
"neutral-label-tertiary": "_neutral-label-tertiary_1valw_19",
|
|
15697
|
-
"neutral-label-quaternary": "_neutral-label-quaternary_1valw_23",
|
|
15698
|
-
"neutral-label-static-primary": "_neutral-label-static-primary_1valw_27",
|
|
15699
|
-
"neutral-label-static-secondary": "_neutral-label-static-secondary_1valw_31",
|
|
15700
|
-
"inverse-label-primary": "_inverse-label-primary_1valw_35",
|
|
15701
|
-
"inverse-label-secondary": "_inverse-label-secondary_1valw_39",
|
|
15702
|
-
"inverse-label-tertiary": "_inverse-label-tertiary_1valw_43",
|
|
15703
|
-
"inverse-label-quaternary": "_inverse-label-quaternary_1valw_47",
|
|
15704
|
-
"inverse-label-static-primary": "_inverse-label-static-primary_1valw_51",
|
|
15705
|
-
"inverse-label-static-secondary": "_inverse-label-static-secondary_1valw_55",
|
|
15706
|
-
"brand-label-primary": "_brand-label-primary_1valw_59",
|
|
15707
|
-
"brand-label-secondary": "_brand-label-secondary_1valw_63",
|
|
15708
|
-
"function-label-positive": "_function-label-positive_1valw_67",
|
|
15709
|
-
"function-label-negative": "_function-label-negative_1valw_71",
|
|
15710
|
-
"function-label-caution": "_function-label-caution_1valw_75",
|
|
15711
|
-
"accent-label-yellow": "_accent-label-yellow_1valw_79",
|
|
15712
|
-
"accent-label-mint": "_accent-label-mint_1valw_83",
|
|
15713
|
-
"accent-label-cyan": "_accent-label-cyan_1valw_87",
|
|
15714
|
-
"accent-label-purple": "_accent-label-purple_1valw_91",
|
|
15715
|
-
"accent-label-pink": "_accent-label-pink_1valw_95"
|
|
15716
|
-
};
|
|
15717
|
-
|
|
15718
|
-
// src/components/Typography/utils.ts
|
|
15719
|
-
var colorVariants = (0, import_cva4.cva)({
|
|
15720
|
-
base: style_module_default5.typography,
|
|
15721
|
-
variants: {
|
|
15722
|
-
type: arrayToStyleObject(colorOptions, style_module_default5)
|
|
15723
|
-
}
|
|
15724
|
-
});
|
|
15725
|
-
|
|
15726
|
-
// src/components/Typography/Set/Paragraph.tsx
|
|
15727
15685
|
var import_jsx_runtime192 = require("react/jsx-runtime");
|
|
15728
15686
|
var Paragraph = (0, import_react5.forwardRef)(
|
|
15729
15687
|
({
|
|
@@ -15740,12 +15698,11 @@ var Paragraph = (0, import_react5.forwardRef)(
|
|
|
15740
15698
|
Element2,
|
|
15741
15699
|
{
|
|
15742
15700
|
...rest,
|
|
15743
|
-
className: (0, import_clsx3.default)(
|
|
15744
|
-
`lp-sys-typo-paragraph${size4}-${type}-${weight}`,
|
|
15745
|
-
colorVariants({ type: color }),
|
|
15746
|
-
className
|
|
15747
|
-
),
|
|
15701
|
+
className: (0, import_clsx3.default)(`lp-sys-typo-paragraph${size4}-${type}-${weight}`, className),
|
|
15748
15702
|
ref,
|
|
15703
|
+
style: {
|
|
15704
|
+
color: `var(--${color})`
|
|
15705
|
+
},
|
|
15749
15706
|
children
|
|
15750
15707
|
}
|
|
15751
15708
|
);
|
|
@@ -16319,6 +16276,25 @@ var SingleToast = /* @__PURE__ */ __name((props) => {
|
|
|
16319
16276
|
// src/components/Typography/Set/Heading.tsx
|
|
16320
16277
|
var import_react8 = require("react");
|
|
16321
16278
|
var import_clsx4 = __toESM(require("clsx"));
|
|
16279
|
+
|
|
16280
|
+
// src/components/Typography/utils.ts
|
|
16281
|
+
var import_cva4 = require("cva");
|
|
16282
|
+
|
|
16283
|
+
// src/components/Typography/Set/style.module.scss
|
|
16284
|
+
var style_module_default5 = {
|
|
16285
|
+
"caption": "_caption_2vn3a_1",
|
|
16286
|
+
"typography": "_typography_2vn3a_6"
|
|
16287
|
+
};
|
|
16288
|
+
|
|
16289
|
+
// src/components/Typography/utils.ts
|
|
16290
|
+
var colorVariants = (0, import_cva4.cva)({
|
|
16291
|
+
base: style_module_default5.typography,
|
|
16292
|
+
variants: {
|
|
16293
|
+
type: arrayToStyleObject(colorOptions, style_module_default5)
|
|
16294
|
+
}
|
|
16295
|
+
});
|
|
16296
|
+
|
|
16297
|
+
// src/components/Typography/Set/Heading.tsx
|
|
16322
16298
|
var import_jsx_runtime194 = require("react/jsx-runtime");
|
|
16323
16299
|
var Heading = (0, import_react8.forwardRef)(
|
|
16324
16300
|
({ size: size4, children, type, className, color = "neutral-label-primary", as, ...rest }, ref) => {
|
|
@@ -16358,13 +16334,11 @@ var Caption = (0, import_react9.forwardRef)(
|
|
|
16358
16334
|
Element2,
|
|
16359
16335
|
{
|
|
16360
16336
|
...rest,
|
|
16361
|
-
className: (0, import_clsx5.default)(
|
|
16362
|
-
`lp-sys-typo-caption${size4}-${type}-${weight}`,
|
|
16363
|
-
style_module_default5.caption,
|
|
16364
|
-
colorVariants({ type: color }),
|
|
16365
|
-
className
|
|
16366
|
-
),
|
|
16337
|
+
className: (0, import_clsx5.default)(`lp-sys-typo-caption${size4}-${type}-${weight}`, style_module_default5.caption, className),
|
|
16367
16338
|
ref,
|
|
16339
|
+
style: {
|
|
16340
|
+
color: `var(--${color})`
|
|
16341
|
+
},
|
|
16368
16342
|
children
|
|
16369
16343
|
}
|
|
16370
16344
|
);
|
|
@@ -16391,12 +16365,11 @@ var Title2 = (0, import_react10.forwardRef)(
|
|
|
16391
16365
|
Element2,
|
|
16392
16366
|
{
|
|
16393
16367
|
...rest,
|
|
16394
|
-
className: (0, import_clsx6.default)(
|
|
16395
|
-
`lp-sys-typo-title${size4}-${type}-${weight}`,
|
|
16396
|
-
colorVariants({ type: color }),
|
|
16397
|
-
className
|
|
16398
|
-
),
|
|
16368
|
+
className: (0, import_clsx6.default)(`lp-sys-typo-title${size4}-${type}-${weight}`, className),
|
|
16399
16369
|
ref,
|
|
16370
|
+
style: {
|
|
16371
|
+
color: `var(--${color})`
|
|
16372
|
+
},
|
|
16400
16373
|
children
|
|
16401
16374
|
}
|
|
16402
16375
|
);
|
|
@@ -16423,11 +16396,10 @@ var Display = (0, import_react11.forwardRef)(
|
|
|
16423
16396
|
{
|
|
16424
16397
|
...rest,
|
|
16425
16398
|
ref,
|
|
16426
|
-
className: (0, import_clsx7.default)(
|
|
16427
|
-
|
|
16428
|
-
|
|
16429
|
-
|
|
16430
|
-
),
|
|
16399
|
+
className: (0, import_clsx7.default)(`lp-sys-typo-display${size4}-${type}-${weight}`, className),
|
|
16400
|
+
style: {
|
|
16401
|
+
color: `var(--${color})`
|
|
16402
|
+
},
|
|
16431
16403
|
children
|
|
16432
16404
|
}
|
|
16433
16405
|
);
|
|
@@ -17323,61 +17295,12 @@ var Textfield = (0, import_react19.forwardRef)((props, ref) => {
|
|
|
17323
17295
|
});
|
|
17324
17296
|
Textfield.displayName = "Textfield";
|
|
17325
17297
|
|
|
17326
|
-
// src/components/Slider/index.tsx
|
|
17327
|
-
var import_react20 = require("react");
|
|
17328
|
-
|
|
17329
|
-
// src/components/Slider/style.module.scss
|
|
17330
|
-
var style_module_default14 = {
|
|
17331
|
-
"label": "_label_8exch_1",
|
|
17332
|
-
"optionText": "_optionText_8exch_6",
|
|
17333
|
-
"slider-wrapper": "_slider-wrapper_8exch_10",
|
|
17334
|
-
"slider-option-wrapper": "_slider-option-wrapper_8exch_19",
|
|
17335
|
-
"slider-thumb": "_slider-thumb_8exch_25",
|
|
17336
|
-
"slider-step": "_slider-step_8exch_28",
|
|
17337
|
-
"slider-root": "_slider-root_8exch_38",
|
|
17338
|
-
"slider-track": "_slider-track_8exch_48",
|
|
17339
|
-
"slider-range": "_slider-range_8exch_61"
|
|
17340
|
-
};
|
|
17341
|
-
|
|
17342
|
-
// src/components/Slider/index.tsx
|
|
17343
|
-
var import_radix_ui7 = require("radix-ui");
|
|
17344
|
-
var import_jsx_runtime207 = require("react/jsx-runtime");
|
|
17345
|
-
var SliderRoot = (0, import_react20.forwardRef)(
|
|
17346
|
-
(props, ref) => {
|
|
17347
|
-
const { label, tooltip, rangeLeft, rangeRight, min: min2, max: max2, step = 50, ...rest } = props;
|
|
17348
|
-
return /* @__PURE__ */ (0, import_jsx_runtime207.jsx)(import_jsx_runtime207.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime207.jsxs)(Tooltip.Provider, { children: [
|
|
17349
|
-
/* @__PURE__ */ (0, import_jsx_runtime207.jsx)(Label, { level: "secondary", size: "m", offset: "high", className: style_module_default14.label, children: label }),
|
|
17350
|
-
/* @__PURE__ */ (0, import_jsx_runtime207.jsxs)("div", { className: style_module_default14["slider-wrapper"], children: [
|
|
17351
|
-
/* @__PURE__ */ (0, import_jsx_runtime207.jsxs)("div", { className: style_module_default14["slider-option-wrapper"], children: [
|
|
17352
|
-
/* @__PURE__ */ (0, import_jsx_runtime207.jsx)(Icon, { name: rangeLeft.icon, size: "xs" }),
|
|
17353
|
-
/* @__PURE__ */ (0, import_jsx_runtime207.jsx)(Caption, { size: 1, type: "normal", weight: "medium", className: style_module_default14.optionText, children: rangeLeft.text })
|
|
17354
|
-
] }),
|
|
17355
|
-
/* @__PURE__ */ (0, import_jsx_runtime207.jsxs)(import_radix_ui7.Slider.Root, { ...rest, step, className: style_module_default14["slider-root"], ref, children: [
|
|
17356
|
-
/* @__PURE__ */ (0, import_jsx_runtime207.jsxs)(import_radix_ui7.Slider.Track, { className: style_module_default14["slider-track"], children: [
|
|
17357
|
-
Array.from({ length: 100 / step + 1 }).map((_, index2) => /* @__PURE__ */ (0, import_jsx_runtime207.jsx)("span", { className: style_module_default14["slider-step"] }, index2)),
|
|
17358
|
-
/* @__PURE__ */ (0, import_jsx_runtime207.jsx)(import_radix_ui7.Slider.Range, { className: style_module_default14["slider-range"] })
|
|
17359
|
-
] }),
|
|
17360
|
-
/* @__PURE__ */ (0, import_jsx_runtime207.jsxs)(Tooltip, { children: [
|
|
17361
|
-
/* @__PURE__ */ (0, import_jsx_runtime207.jsx)(Tooltip.Trigger, { by: /* @__PURE__ */ (0, import_jsx_runtime207.jsx)(import_radix_ui7.Slider.Thumb, { className: style_module_default14["slider-thumb"] }) }),
|
|
17362
|
-
/* @__PURE__ */ (0, import_jsx_runtime207.jsx)(Tooltip.Content, { description: tooltip })
|
|
17363
|
-
] })
|
|
17364
|
-
] }),
|
|
17365
|
-
/* @__PURE__ */ (0, import_jsx_runtime207.jsxs)("div", { className: style_module_default14["slider-option-wrapper"], children: [
|
|
17366
|
-
/* @__PURE__ */ (0, import_jsx_runtime207.jsx)(Icon, { name: rangeRight.icon, size: "xs" }),
|
|
17367
|
-
/* @__PURE__ */ (0, import_jsx_runtime207.jsx)(Caption, { size: 1, type: "normal", weight: "medium", className: style_module_default14.optionText, children: rangeRight.text })
|
|
17368
|
-
] })
|
|
17369
|
-
] })
|
|
17370
|
-
] }) });
|
|
17371
|
-
}
|
|
17372
|
-
);
|
|
17373
|
-
var Slider = Object.assign(SliderRoot, {});
|
|
17374
|
-
|
|
17375
17298
|
// src/components/Select/index.tsx
|
|
17299
|
+
var import_radix_ui7 = require("radix-ui");
|
|
17376
17300
|
var import_radix_ui8 = require("radix-ui");
|
|
17377
|
-
var import_radix_ui9 = require("radix-ui");
|
|
17378
17301
|
|
|
17379
17302
|
// src/components/Select/style.module.scss
|
|
17380
|
-
var
|
|
17303
|
+
var style_module_default14 = {
|
|
17381
17304
|
"label-container": "_label-container_c4pnp_101",
|
|
17382
17305
|
"select-label": "_select-label_c4pnp_107",
|
|
17383
17306
|
"trigger": "_trigger_c4pnp_112",
|
|
@@ -17403,15 +17326,15 @@ var style_module_default15 = {
|
|
|
17403
17326
|
};
|
|
17404
17327
|
|
|
17405
17328
|
// src/components/Select/index.tsx
|
|
17406
|
-
var
|
|
17329
|
+
var import_react20 = require("react");
|
|
17407
17330
|
var import_clsx16 = __toESM(require("clsx"));
|
|
17408
|
-
var
|
|
17409
|
-
var Badge = /* @__PURE__ */ __name(({ children }) => /* @__PURE__ */ (0,
|
|
17410
|
-
var SelectContent = (0,
|
|
17331
|
+
var import_jsx_runtime207 = require("react/jsx-runtime");
|
|
17332
|
+
var Badge = /* @__PURE__ */ __name(({ children }) => /* @__PURE__ */ (0, import_jsx_runtime207.jsx)("div", { className: style_module_default14.badgeContainer, children: /* @__PURE__ */ (0, import_jsx_runtime207.jsx)(Caption, { className: style_module_default14.badge, size: 2, type: "normal", weight: "medium", children }) }), "Badge");
|
|
17333
|
+
var SelectContent = (0, import_react20.forwardRef)(
|
|
17411
17334
|
(props, ref) => {
|
|
17412
17335
|
const { id, isResponsive, popSide, sideOffset, listLabel, children, container } = props;
|
|
17413
|
-
return /* @__PURE__ */ (0,
|
|
17414
|
-
|
|
17336
|
+
return /* @__PURE__ */ (0, import_jsx_runtime207.jsx)(import_radix_ui7.Select.Portal, { container, children: /* @__PURE__ */ (0, import_jsx_runtime207.jsx)(
|
|
17337
|
+
import_radix_ui7.Select.Content,
|
|
17415
17338
|
{
|
|
17416
17339
|
id: `select-content-${id}`,
|
|
17417
17340
|
ref: (instance) => {
|
|
@@ -17425,24 +17348,24 @@ var SelectContent = (0, import_react21.forwardRef)(
|
|
|
17425
17348
|
e.stopPropagation();
|
|
17426
17349
|
};
|
|
17427
17350
|
},
|
|
17428
|
-
className: (0, import_clsx16.default)(
|
|
17429
|
-
[
|
|
17351
|
+
className: (0, import_clsx16.default)(style_module_default14["desktop-content"], {
|
|
17352
|
+
[style_module_default14["responsive"]]: isResponsive
|
|
17430
17353
|
}),
|
|
17431
17354
|
position: "popper",
|
|
17432
17355
|
side: popSide,
|
|
17433
17356
|
sideOffset,
|
|
17434
17357
|
avoidCollisions: false,
|
|
17435
|
-
children: /* @__PURE__ */ (0,
|
|
17436
|
-
/* @__PURE__ */ (0,
|
|
17437
|
-
|
|
17358
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime207.jsxs)(import_radix_ui8.ScrollArea.Root, { className: style_module_default14.scrollAreaRoot, type: "always", children: [
|
|
17359
|
+
/* @__PURE__ */ (0, import_jsx_runtime207.jsx)(import_radix_ui7.Select.Viewport, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime207.jsx)(
|
|
17360
|
+
import_radix_ui8.ScrollArea.Viewport,
|
|
17438
17361
|
{
|
|
17439
|
-
className:
|
|
17362
|
+
className: style_module_default14.scrollAreaViewport,
|
|
17440
17363
|
style: { maxHeight: "268px", overflowY: "auto" },
|
|
17441
|
-
children: /* @__PURE__ */ (0,
|
|
17442
|
-
listLabel && /* @__PURE__ */ (0,
|
|
17364
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime207.jsxs)(import_radix_ui7.Select.Group, { children: [
|
|
17365
|
+
listLabel && /* @__PURE__ */ (0, import_jsx_runtime207.jsx)(import_radix_ui7.Select.Label, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime207.jsx)(
|
|
17443
17366
|
Label,
|
|
17444
17367
|
{
|
|
17445
|
-
className:
|
|
17368
|
+
className: style_module_default14["desktop-label"],
|
|
17446
17369
|
level: "secondary",
|
|
17447
17370
|
size: "m",
|
|
17448
17371
|
offset: "low",
|
|
@@ -17453,13 +17376,13 @@ var SelectContent = (0, import_react21.forwardRef)(
|
|
|
17453
17376
|
] })
|
|
17454
17377
|
}
|
|
17455
17378
|
) }),
|
|
17456
|
-
/* @__PURE__ */ (0,
|
|
17379
|
+
/* @__PURE__ */ (0, import_jsx_runtime207.jsx)(import_radix_ui8.ScrollArea.Scrollbar, { className: style_module_default14.scrollAreaScrollbar, orientation: "vertical", children: /* @__PURE__ */ (0, import_jsx_runtime207.jsx)(import_radix_ui8.ScrollArea.Thumb, { className: style_module_default14.scrollAreaThumb }) })
|
|
17457
17380
|
] })
|
|
17458
17381
|
}
|
|
17459
17382
|
) });
|
|
17460
17383
|
}
|
|
17461
17384
|
);
|
|
17462
|
-
var SelectRoot = (0,
|
|
17385
|
+
var SelectRoot = (0, import_react20.forwardRef)(
|
|
17463
17386
|
(props, ref) => {
|
|
17464
17387
|
const {
|
|
17465
17388
|
id,
|
|
@@ -17479,16 +17402,16 @@ var SelectRoot = (0, import_react21.forwardRef)(
|
|
|
17479
17402
|
...rest
|
|
17480
17403
|
} = props;
|
|
17481
17404
|
const contentProps = { id, isResponsive, popSide, sideOffset, listLabel, children, container };
|
|
17482
|
-
const [isOpen, setIsOpen] = (0,
|
|
17483
|
-
(0,
|
|
17405
|
+
const [isOpen, setIsOpen] = (0, import_react20.useState)(false);
|
|
17406
|
+
(0, import_react20.useEffect)(() => {
|
|
17484
17407
|
setIsOpen(open);
|
|
17485
17408
|
}, [open]);
|
|
17486
|
-
return /* @__PURE__ */ (0,
|
|
17487
|
-
/* @__PURE__ */ (0,
|
|
17488
|
-
/* @__PURE__ */ (0,
|
|
17409
|
+
return /* @__PURE__ */ (0, import_jsx_runtime207.jsxs)("div", { children: [
|
|
17410
|
+
/* @__PURE__ */ (0, import_jsx_runtime207.jsxs)("div", { className: style_module_default14["label-container"], children: [
|
|
17411
|
+
/* @__PURE__ */ (0, import_jsx_runtime207.jsx)(
|
|
17489
17412
|
Label,
|
|
17490
17413
|
{
|
|
17491
|
-
className:
|
|
17414
|
+
className: style_module_default14["select-label"],
|
|
17492
17415
|
level: "secondary",
|
|
17493
17416
|
size: "m",
|
|
17494
17417
|
offset: "low",
|
|
@@ -17496,10 +17419,10 @@ var SelectRoot = (0, import_react21.forwardRef)(
|
|
|
17496
17419
|
children: label
|
|
17497
17420
|
}
|
|
17498
17421
|
),
|
|
17499
|
-
badge && /* @__PURE__ */ (0,
|
|
17422
|
+
badge && /* @__PURE__ */ (0, import_jsx_runtime207.jsx)(Badge, { children: badge })
|
|
17500
17423
|
] }),
|
|
17501
|
-
/* @__PURE__ */ (0,
|
|
17502
|
-
|
|
17424
|
+
/* @__PURE__ */ (0, import_jsx_runtime207.jsxs)(
|
|
17425
|
+
import_radix_ui7.Select.Root,
|
|
17503
17426
|
{
|
|
17504
17427
|
...rest,
|
|
17505
17428
|
open: isOpen,
|
|
@@ -17508,21 +17431,21 @@ var SelectRoot = (0, import_react21.forwardRef)(
|
|
|
17508
17431
|
setIsOpen(open2);
|
|
17509
17432
|
},
|
|
17510
17433
|
children: [
|
|
17511
|
-
/* @__PURE__ */ (0,
|
|
17512
|
-
/* @__PURE__ */ (0,
|
|
17513
|
-
/* @__PURE__ */ (0,
|
|
17434
|
+
/* @__PURE__ */ (0, import_jsx_runtime207.jsxs)(import_radix_ui7.Select.Trigger, { className: style_module_default14.trigger, ref, id, children: [
|
|
17435
|
+
/* @__PURE__ */ (0, import_jsx_runtime207.jsx)(import_radix_ui7.Select.Value, { className: style_module_default14.placeholder, placeholder }),
|
|
17436
|
+
/* @__PURE__ */ (0, import_jsx_runtime207.jsx)(import_radix_ui7.Select.Icon, { className: style_module_default14.openIcon, children: /* @__PURE__ */ (0, import_jsx_runtime207.jsx)(Icon, { name: "arrow-drop-down", fill: true, thick: true, size: "xs" }) })
|
|
17514
17437
|
] }),
|
|
17515
|
-
/* @__PURE__ */ (0,
|
|
17438
|
+
/* @__PURE__ */ (0, import_jsx_runtime207.jsx)(SelectContent, { ...contentProps })
|
|
17516
17439
|
]
|
|
17517
17440
|
}
|
|
17518
17441
|
)
|
|
17519
17442
|
] });
|
|
17520
17443
|
}
|
|
17521
17444
|
);
|
|
17522
|
-
var SelectItem = /* @__PURE__ */ __name(({ value, text, disabled, icon, onClick }) => /* @__PURE__ */ (0,
|
|
17523
|
-
|
|
17445
|
+
var SelectItem = /* @__PURE__ */ __name(({ value, text, disabled, icon, onClick }) => /* @__PURE__ */ (0, import_jsx_runtime207.jsxs)(
|
|
17446
|
+
import_radix_ui7.Select.Item,
|
|
17524
17447
|
{
|
|
17525
|
-
className:
|
|
17448
|
+
className: style_module_default14.item,
|
|
17526
17449
|
value,
|
|
17527
17450
|
disabled,
|
|
17528
17451
|
onClick: (e) => {
|
|
@@ -17530,9 +17453,9 @@ var SelectItem = /* @__PURE__ */ __name(({ value, text, disabled, icon, onClick
|
|
|
17530
17453
|
onClick?.();
|
|
17531
17454
|
},
|
|
17532
17455
|
children: [
|
|
17533
|
-
/* @__PURE__ */ (0,
|
|
17534
|
-
icon && /* @__PURE__ */ (0,
|
|
17535
|
-
/* @__PURE__ */ (0,
|
|
17456
|
+
/* @__PURE__ */ (0, import_jsx_runtime207.jsx)(import_radix_ui7.Select.ItemText, { children: /* @__PURE__ */ (0, import_jsx_runtime207.jsx)(Paragraph, { size: 3, type: "normal", weight: "medium", children: text ?? value }) }),
|
|
17457
|
+
icon && /* @__PURE__ */ (0, import_jsx_runtime207.jsx)(import_radix_ui7.Select.Icon, { className: style_module_default14.icon, children: /* @__PURE__ */ (0, import_jsx_runtime207.jsx)(Icon, { size: "xs", ...icon }) }),
|
|
17458
|
+
/* @__PURE__ */ (0, import_jsx_runtime207.jsx)(import_radix_ui7.Select.ItemIndicator, { className: style_module_default14.itemIndicator, children: /* @__PURE__ */ (0, import_jsx_runtime207.jsx)(Icon, { fill: false, thick: true, size: "xs", name: "check-mark", type: "brand-label-primary" }) })
|
|
17536
17459
|
]
|
|
17537
17460
|
}
|
|
17538
17461
|
), "SelectItem");
|
|
@@ -17541,25 +17464,25 @@ var Select = Object.assign(SelectRoot, {
|
|
|
17541
17464
|
});
|
|
17542
17465
|
|
|
17543
17466
|
// src/components/List/style.module.scss
|
|
17544
|
-
var
|
|
17467
|
+
var style_module_default15 = {
|
|
17545
17468
|
"list": "_list_1ki30_1",
|
|
17546
17469
|
"item": "_item_1ki30_8",
|
|
17547
17470
|
"icon": "_icon_1ki30_42"
|
|
17548
17471
|
};
|
|
17549
17472
|
|
|
17550
17473
|
// src/components/List/index.tsx
|
|
17551
|
-
var
|
|
17474
|
+
var import_react22 = require("react");
|
|
17552
17475
|
|
|
17553
17476
|
// src/hooks/collection.tsx
|
|
17554
|
-
var
|
|
17555
|
-
var
|
|
17556
|
-
var CollectionContext = (0,
|
|
17477
|
+
var import_react21 = require("react");
|
|
17478
|
+
var import_jsx_runtime208 = require("react/jsx-runtime");
|
|
17479
|
+
var CollectionContext = (0, import_react21.createContext)(void 0);
|
|
17557
17480
|
var CollectionProvider = /* @__PURE__ */ __name(({ value, onChangeValue, children }) => {
|
|
17558
|
-
const contextValue = (0,
|
|
17559
|
-
return /* @__PURE__ */ (0,
|
|
17481
|
+
const contextValue = (0, import_react21.useMemo)(() => ({ value, onChangeValue }), [value, onChangeValue]);
|
|
17482
|
+
return /* @__PURE__ */ (0, import_jsx_runtime208.jsx)(CollectionContext.Provider, { value: contextValue, children });
|
|
17560
17483
|
}, "CollectionProvider");
|
|
17561
17484
|
var useCollectionContext = /* @__PURE__ */ __name(() => {
|
|
17562
|
-
const context = (0,
|
|
17485
|
+
const context = (0, import_react21.useContext)(CollectionContext);
|
|
17563
17486
|
if (!context) {
|
|
17564
17487
|
throw new Error("useCollectionContext must be used within a CollectionProvider");
|
|
17565
17488
|
}
|
|
@@ -17568,19 +17491,19 @@ var useCollectionContext = /* @__PURE__ */ __name(() => {
|
|
|
17568
17491
|
|
|
17569
17492
|
// src/components/List/index.tsx
|
|
17570
17493
|
var import_clsx17 = __toESM(require("clsx"));
|
|
17571
|
-
var
|
|
17494
|
+
var import_jsx_runtime209 = require("react/jsx-runtime");
|
|
17572
17495
|
var ListRoot = /* @__PURE__ */ __name(({ children, className, ...props }) => {
|
|
17573
|
-
return /* @__PURE__ */ (0,
|
|
17496
|
+
return /* @__PURE__ */ (0, import_jsx_runtime209.jsx)(CollectionProvider, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime209.jsx)("ul", { className: (0, import_clsx17.default)(style_module_default15.list, className), children }) });
|
|
17574
17497
|
}, "ListRoot");
|
|
17575
17498
|
var Item = /* @__PURE__ */ __name(({ value, text, disabled, icon, onClick }) => {
|
|
17576
|
-
const [isFocused, setIsFocused] = (0,
|
|
17499
|
+
const [isFocused, setIsFocused] = (0, import_react22.useState)(false);
|
|
17577
17500
|
const { value: contextValue, onChangeValue } = useCollectionContext();
|
|
17578
17501
|
const isSelected = contextValue === value;
|
|
17579
17502
|
const iconProps = isSelected ? { name: "check-mark", type: "brand-label-primary", thick: true } : icon ? icon : {};
|
|
17580
|
-
return /* @__PURE__ */ (0,
|
|
17503
|
+
return /* @__PURE__ */ (0, import_jsx_runtime209.jsxs)(
|
|
17581
17504
|
"li",
|
|
17582
17505
|
{
|
|
17583
|
-
className:
|
|
17506
|
+
className: style_module_default15.item,
|
|
17584
17507
|
value,
|
|
17585
17508
|
"aria-disabled": disabled || void 0,
|
|
17586
17509
|
"data-disabled": disabled ? "" : void 0,
|
|
@@ -17595,8 +17518,8 @@ var Item = /* @__PURE__ */ __name(({ value, text, disabled, icon, onClick }) =>
|
|
|
17595
17518
|
onChangeValue?.(value);
|
|
17596
17519
|
},
|
|
17597
17520
|
children: [
|
|
17598
|
-
/* @__PURE__ */ (0,
|
|
17599
|
-
(icon || isSelected) && /* @__PURE__ */ (0,
|
|
17521
|
+
/* @__PURE__ */ (0, import_jsx_runtime209.jsx)(Paragraph, { size: 3, type: "normal", weight: "medium", children: text }),
|
|
17522
|
+
(icon || isSelected) && /* @__PURE__ */ (0, import_jsx_runtime209.jsx)(Icon, { className: style_module_default15.icon, size: "xs", ...iconProps })
|
|
17600
17523
|
]
|
|
17601
17524
|
}
|
|
17602
17525
|
);
|
|
@@ -17604,7 +17527,7 @@ var Item = /* @__PURE__ */ __name(({ value, text, disabled, icon, onClick }) =>
|
|
|
17604
17527
|
var List = Object.assign(ListRoot, { Item });
|
|
17605
17528
|
|
|
17606
17529
|
// src/components/Snackbar/style.module.scss
|
|
17607
|
-
var
|
|
17530
|
+
var style_module_default16 = {
|
|
17608
17531
|
"Viewport": "_Viewport_1q9l5_1",
|
|
17609
17532
|
"ViewportRight": "_ViewportRight_1q9l5_21",
|
|
17610
17533
|
"ViewportLeft": "_ViewportLeft_1q9l5_25",
|
|
@@ -17628,7 +17551,7 @@ var style_module_default17 = {
|
|
|
17628
17551
|
};
|
|
17629
17552
|
|
|
17630
17553
|
// src/components/Snackbar/index.tsx
|
|
17631
|
-
var
|
|
17554
|
+
var import_radix_ui9 = require("radix-ui");
|
|
17632
17555
|
var import_recoil4 = require("recoil");
|
|
17633
17556
|
|
|
17634
17557
|
// src/hooks/useSnackbar.ts
|
|
@@ -17648,38 +17571,38 @@ var useSnackbar = /* @__PURE__ */ __name(() => {
|
|
|
17648
17571
|
}, "useSnackbar");
|
|
17649
17572
|
|
|
17650
17573
|
// src/components/Snackbar/SnackbarIcon/style.module.scss
|
|
17651
|
-
var
|
|
17574
|
+
var style_module_default17 = {
|
|
17652
17575
|
"container": "_container_1witc_1"
|
|
17653
17576
|
};
|
|
17654
17577
|
|
|
17655
17578
|
// src/components/Snackbar/SnackbarIcon/index.tsx
|
|
17656
|
-
var
|
|
17579
|
+
var import_jsx_runtime210 = require("react/jsx-runtime");
|
|
17657
17580
|
var SnackbarIcon = /* @__PURE__ */ __name((props) => {
|
|
17658
17581
|
const { icon } = props;
|
|
17659
17582
|
if (!icon) return null;
|
|
17660
|
-
return /* @__PURE__ */ (0,
|
|
17583
|
+
return /* @__PURE__ */ (0, import_jsx_runtime210.jsx)(Icon, { ...icon, size: "m", className: style_module_default17.container });
|
|
17661
17584
|
}, "SnackbarIcon");
|
|
17662
17585
|
|
|
17663
17586
|
// src/components/Snackbar/SnackbarTitle/index.tsx
|
|
17664
|
-
var
|
|
17665
|
-
var SnackbarTitle = /* @__PURE__ */ __name(({ title }) => /* @__PURE__ */ (0,
|
|
17587
|
+
var import_jsx_runtime211 = require("react/jsx-runtime");
|
|
17588
|
+
var SnackbarTitle = /* @__PURE__ */ __name(({ title }) => /* @__PURE__ */ (0, import_jsx_runtime211.jsx)(Paragraph, { type: "normal", weight: "medium", size: 3, color: "inverse-label-static-primary", children: title }), "SnackbarTitle");
|
|
17666
17589
|
|
|
17667
17590
|
// src/components/Snackbar/SnackbarDescription/index.tsx
|
|
17668
|
-
var
|
|
17591
|
+
var import_jsx_runtime212 = require("react/jsx-runtime");
|
|
17669
17592
|
var SnackbarDescription = /* @__PURE__ */ __name(({ description }) => {
|
|
17670
17593
|
if (!description) {
|
|
17671
17594
|
return null;
|
|
17672
17595
|
}
|
|
17673
|
-
return /* @__PURE__ */ (0,
|
|
17596
|
+
return /* @__PURE__ */ (0, import_jsx_runtime212.jsx)(Paragraph, { type: "normal", weight: "regular", size: 4, color: "inverse-label-static-secondary", children: description });
|
|
17674
17597
|
}, "SnackbarDescription");
|
|
17675
17598
|
|
|
17676
17599
|
// src/components/Snackbar/index.tsx
|
|
17677
17600
|
var import_clsx19 = __toESM(require("clsx"));
|
|
17678
17601
|
|
|
17679
17602
|
// src/components/Snackbar/SnackbarClose/index.tsx
|
|
17680
|
-
var
|
|
17603
|
+
var import_jsx_runtime213 = require("react/jsx-runtime");
|
|
17681
17604
|
var SnackbarClose = /* @__PURE__ */ __name(({ onCloseSnackbar, className }) => {
|
|
17682
|
-
return /* @__PURE__ */ (0,
|
|
17605
|
+
return /* @__PURE__ */ (0, import_jsx_runtime213.jsx)("div", { className, children: /* @__PURE__ */ (0, import_jsx_runtime213.jsx)(
|
|
17683
17606
|
IconButton,
|
|
17684
17607
|
{
|
|
17685
17608
|
icon: {
|
|
@@ -17698,22 +17621,22 @@ var SnackbarClose = /* @__PURE__ */ __name(({ onCloseSnackbar, className }) => {
|
|
|
17698
17621
|
}, "SnackbarClose");
|
|
17699
17622
|
|
|
17700
17623
|
// src/components/Snackbar/SnackbarButton/style.module.scss
|
|
17701
|
-
var
|
|
17624
|
+
var style_module_default18 = {
|
|
17702
17625
|
"Container": "_Container_4sip5_1",
|
|
17703
17626
|
"button": "_button_4sip5_9"
|
|
17704
17627
|
};
|
|
17705
17628
|
|
|
17706
17629
|
// src/components/Snackbar/SnackbarButton/index.tsx
|
|
17707
17630
|
var import_clsx18 = __toESM(require("clsx"));
|
|
17708
|
-
var
|
|
17631
|
+
var import_jsx_runtime214 = require("react/jsx-runtime");
|
|
17709
17632
|
var SnackbarButton = /* @__PURE__ */ __name(({
|
|
17710
17633
|
button,
|
|
17711
17634
|
containerStyle,
|
|
17712
17635
|
onCloseSnackbar
|
|
17713
17636
|
}) => {
|
|
17714
17637
|
if (button?.text || button?.basic) {
|
|
17715
|
-
return /* @__PURE__ */ (0,
|
|
17716
|
-
button?.text && /* @__PURE__ */ (0,
|
|
17638
|
+
return /* @__PURE__ */ (0, import_jsx_runtime214.jsxs)("div", { className: (0, import_clsx18.default)(style_module_default18.Container, containerStyle), children: [
|
|
17639
|
+
button?.text && /* @__PURE__ */ (0, import_jsx_runtime214.jsx)(
|
|
17717
17640
|
TextButton,
|
|
17718
17641
|
{
|
|
17719
17642
|
size: "s",
|
|
@@ -17723,11 +17646,11 @@ var SnackbarButton = /* @__PURE__ */ __name(({
|
|
|
17723
17646
|
},
|
|
17724
17647
|
level: "inverse-static",
|
|
17725
17648
|
thick: false,
|
|
17726
|
-
className:
|
|
17649
|
+
className: style_module_default18.button,
|
|
17727
17650
|
children: button.text.text
|
|
17728
17651
|
}
|
|
17729
17652
|
),
|
|
17730
|
-
button?.basic && /* @__PURE__ */ (0,
|
|
17653
|
+
button?.basic && /* @__PURE__ */ (0, import_jsx_runtime214.jsx)(
|
|
17731
17654
|
Button,
|
|
17732
17655
|
{
|
|
17733
17656
|
size: "s",
|
|
@@ -17746,27 +17669,27 @@ var SnackbarButton = /* @__PURE__ */ __name(({
|
|
|
17746
17669
|
}, "SnackbarButton");
|
|
17747
17670
|
|
|
17748
17671
|
// src/components/Snackbar/index.tsx
|
|
17749
|
-
var
|
|
17750
|
-
var
|
|
17672
|
+
var import_jsx_runtime215 = require("react/jsx-runtime");
|
|
17673
|
+
var import_react23 = (
|
|
17751
17674
|
// eslint-disable-next-line react/prop-types
|
|
17752
17675
|
require("react")
|
|
17753
17676
|
);
|
|
17754
|
-
var { Provider: Provider2, Root: Root3, Viewport: Viewport2 } =
|
|
17677
|
+
var { Provider: Provider2, Root: Root3, Viewport: Viewport2 } = import_radix_ui9.Toast;
|
|
17755
17678
|
var Snackbar = /* @__PURE__ */ __name(() => {
|
|
17756
17679
|
const list = (0, import_recoil4.useRecoilValue)(snackbarAtom);
|
|
17757
17680
|
const rightSnackbars = list.filter((snackbar) => snackbar.position !== "left");
|
|
17758
17681
|
const leftSnackbars = list.filter((snackbar) => snackbar.position === "left");
|
|
17759
|
-
return /* @__PURE__ */ (0,
|
|
17760
|
-
/* @__PURE__ */ (0,
|
|
17761
|
-
rightSnackbars.map((props) => /* @__PURE__ */ (0,
|
|
17762
|
-
/* @__PURE__ */ (0,
|
|
17682
|
+
return /* @__PURE__ */ (0, import_jsx_runtime215.jsxs)(import_jsx_runtime215.Fragment, { children: [
|
|
17683
|
+
/* @__PURE__ */ (0, import_jsx_runtime215.jsxs)(Provider2, { children: [
|
|
17684
|
+
rightSnackbars.map((props) => /* @__PURE__ */ (0, import_react23.createElement)(SingleSnackbar, { ...props, key: props.snackbarId, position: "right" })),
|
|
17685
|
+
/* @__PURE__ */ (0, import_jsx_runtime215.jsx)(Viewport2, { className: (0, import_clsx19.default)(style_module_default16.Viewport, style_module_default16.ViewportRight) })
|
|
17763
17686
|
] }),
|
|
17764
|
-
/* @__PURE__ */ (0,
|
|
17687
|
+
/* @__PURE__ */ (0, import_jsx_runtime215.jsxs)(Provider2, { children: [
|
|
17765
17688
|
leftSnackbars.map((props) => (
|
|
17766
17689
|
// eslint-disable-next-line react/prop-types
|
|
17767
|
-
/* @__PURE__ */ (0,
|
|
17690
|
+
/* @__PURE__ */ (0, import_react23.createElement)(SingleSnackbar, { ...props, key: props.snackbarId, position: "left" })
|
|
17768
17691
|
)),
|
|
17769
|
-
/* @__PURE__ */ (0,
|
|
17692
|
+
/* @__PURE__ */ (0, import_jsx_runtime215.jsx)(Viewport2, { className: (0, import_clsx19.default)(style_module_default16.Viewport, style_module_default16.ViewportLeft) })
|
|
17770
17693
|
] })
|
|
17771
17694
|
] });
|
|
17772
17695
|
}, "Snackbar");
|
|
@@ -17777,79 +17700,79 @@ var SingleSnackbar = /* @__PURE__ */ __name((props) => {
|
|
|
17777
17700
|
setSnackbar((prev) => prev.filter((snackbar) => snackbar.snackbarId !== snackbarId));
|
|
17778
17701
|
}, "onCloseSnackbar");
|
|
17779
17702
|
if (props.kind === "navigation") {
|
|
17780
|
-
return /* @__PURE__ */ (0,
|
|
17703
|
+
return /* @__PURE__ */ (0, import_jsx_runtime215.jsxs)(
|
|
17781
17704
|
Root3,
|
|
17782
17705
|
{
|
|
17783
17706
|
onSwipeEnd: onCloseSnackbar,
|
|
17784
|
-
className: (0, import_clsx19.default)(
|
|
17707
|
+
className: (0, import_clsx19.default)(style_module_default16.Root, style_module_default16.NavigationWrapper),
|
|
17785
17708
|
onClick: props.onClick,
|
|
17786
17709
|
open: true,
|
|
17787
17710
|
children: [
|
|
17788
|
-
/* @__PURE__ */ (0,
|
|
17789
|
-
/* @__PURE__ */ (0,
|
|
17790
|
-
/* @__PURE__ */ (0,
|
|
17711
|
+
/* @__PURE__ */ (0, import_jsx_runtime215.jsxs)("div", { className: (0, import_clsx19.default)(style_module_default16.Content, style_module_default16.MarginRight12), children: [
|
|
17712
|
+
/* @__PURE__ */ (0, import_jsx_runtime215.jsx)(SnackbarTitle, { title }),
|
|
17713
|
+
/* @__PURE__ */ (0, import_jsx_runtime215.jsx)(SnackbarDescription, { description })
|
|
17791
17714
|
] }),
|
|
17792
|
-
/* @__PURE__ */ (0,
|
|
17715
|
+
/* @__PURE__ */ (0, import_jsx_runtime215.jsx)(
|
|
17793
17716
|
Icon,
|
|
17794
17717
|
{
|
|
17795
17718
|
name: "arrow-forward",
|
|
17796
17719
|
fill: true,
|
|
17797
17720
|
thick: true,
|
|
17798
17721
|
type: "inverse-label-static-primary",
|
|
17799
|
-
className: description ?
|
|
17722
|
+
className: description ? style_module_default16.minWidth32 : style_module_default16.minWidth24,
|
|
17800
17723
|
size: description ? "l" : "m"
|
|
17801
17724
|
}
|
|
17802
17725
|
),
|
|
17803
|
-
/* @__PURE__ */ (0,
|
|
17726
|
+
/* @__PURE__ */ (0, import_jsx_runtime215.jsx)(SnackbarClose, { onCloseSnackbar, className: style_module_default16.CloseButton })
|
|
17804
17727
|
]
|
|
17805
17728
|
}
|
|
17806
17729
|
);
|
|
17807
17730
|
}
|
|
17808
17731
|
if (props.kind === "extended") {
|
|
17809
|
-
return /* @__PURE__ */ (0,
|
|
17732
|
+
return /* @__PURE__ */ (0, import_jsx_runtime215.jsxs)(
|
|
17810
17733
|
Root3,
|
|
17811
17734
|
{
|
|
17812
17735
|
onSwipeEnd: onCloseSnackbar,
|
|
17813
|
-
className: (0, import_clsx19.default)(
|
|
17736
|
+
className: (0, import_clsx19.default)(style_module_default16.Root, style_module_default16.gap300, style_module_default16.extendedContainer),
|
|
17814
17737
|
open: true,
|
|
17815
17738
|
children: [
|
|
17816
|
-
/* @__PURE__ */ (0,
|
|
17817
|
-
/* @__PURE__ */ (0,
|
|
17818
|
-
/* @__PURE__ */ (0,
|
|
17739
|
+
/* @__PURE__ */ (0, import_jsx_runtime215.jsxs)("div", { className: style_module_default16.Content, children: [
|
|
17740
|
+
/* @__PURE__ */ (0, import_jsx_runtime215.jsx)(SnackbarTitle, { title }),
|
|
17741
|
+
/* @__PURE__ */ (0, import_jsx_runtime215.jsx)(SnackbarDescription, { description })
|
|
17819
17742
|
] }),
|
|
17820
|
-
/* @__PURE__ */ (0,
|
|
17743
|
+
/* @__PURE__ */ (0, import_jsx_runtime215.jsx)(
|
|
17821
17744
|
SnackbarButton,
|
|
17822
17745
|
{
|
|
17823
17746
|
button: props.button,
|
|
17824
|
-
containerStyle:
|
|
17747
|
+
containerStyle: style_module_default16.JustifyEnd,
|
|
17825
17748
|
onCloseSnackbar
|
|
17826
17749
|
}
|
|
17827
17750
|
),
|
|
17828
|
-
/* @__PURE__ */ (0,
|
|
17751
|
+
/* @__PURE__ */ (0, import_jsx_runtime215.jsx)(SnackbarClose, { onCloseSnackbar, className: style_module_default16.CloseButton })
|
|
17829
17752
|
]
|
|
17830
17753
|
}
|
|
17831
17754
|
);
|
|
17832
17755
|
}
|
|
17833
|
-
return /* @__PURE__ */ (0,
|
|
17834
|
-
/* @__PURE__ */ (0,
|
|
17835
|
-
/* @__PURE__ */ (0,
|
|
17836
|
-
/* @__PURE__ */ (0,
|
|
17837
|
-
/* @__PURE__ */ (0,
|
|
17838
|
-
/* @__PURE__ */ (0,
|
|
17756
|
+
return /* @__PURE__ */ (0, import_jsx_runtime215.jsxs)(Root3, { onSwipeEnd: onCloseSnackbar, className: (0, import_clsx19.default)(style_module_default16.Root, style_module_default16.Wrapper), open: true, children: [
|
|
17757
|
+
/* @__PURE__ */ (0, import_jsx_runtime215.jsxs)("div", { className: style_module_default16.ContentWrapper, children: [
|
|
17758
|
+
/* @__PURE__ */ (0, import_jsx_runtime215.jsx)(SnackbarIcon, { icon: props.icon }),
|
|
17759
|
+
/* @__PURE__ */ (0, import_jsx_runtime215.jsxs)("div", { className: (0, import_clsx19.default)(style_module_default16.Content, style_module_default16.MarginRight12), children: [
|
|
17760
|
+
/* @__PURE__ */ (0, import_jsx_runtime215.jsx)(SnackbarTitle, { title }),
|
|
17761
|
+
/* @__PURE__ */ (0, import_jsx_runtime215.jsx)(SnackbarDescription, { description })
|
|
17839
17762
|
] })
|
|
17840
17763
|
] }),
|
|
17841
|
-
/* @__PURE__ */ (0,
|
|
17842
|
-
/* @__PURE__ */ (0,
|
|
17764
|
+
/* @__PURE__ */ (0, import_jsx_runtime215.jsx)(SnackbarButton, { button: props.button, onCloseSnackbar }),
|
|
17765
|
+
/* @__PURE__ */ (0, import_jsx_runtime215.jsx)(SnackbarClose, { onCloseSnackbar, className: style_module_default16.CloseButton })
|
|
17843
17766
|
] });
|
|
17844
17767
|
}, "SingleSnackbar");
|
|
17845
17768
|
|
|
17846
17769
|
// src/components/Logo/index.tsx
|
|
17847
17770
|
var import_design_token2 = require("@liner-fe/design-token");
|
|
17848
|
-
var
|
|
17771
|
+
var import_jsx_runtime216 = require("react/jsx-runtime");
|
|
17849
17772
|
var Logo = /* @__PURE__ */ __name((props) => {
|
|
17850
17773
|
if (props.type === "combination") {
|
|
17851
17774
|
const { width, height } = props;
|
|
17852
|
-
return /* @__PURE__ */ (0,
|
|
17775
|
+
return /* @__PURE__ */ (0, import_jsx_runtime216.jsxs)(
|
|
17853
17776
|
"svg",
|
|
17854
17777
|
{
|
|
17855
17778
|
width,
|
|
@@ -17859,50 +17782,50 @@ var Logo = /* @__PURE__ */ __name((props) => {
|
|
|
17859
17782
|
xmlns: "http://www.w3.org/2000/svg",
|
|
17860
17783
|
className: props?.className,
|
|
17861
17784
|
children: [
|
|
17862
|
-
/* @__PURE__ */ (0,
|
|
17863
|
-
/* @__PURE__ */ (0,
|
|
17785
|
+
/* @__PURE__ */ (0, import_jsx_runtime216.jsxs)("g", { clipPath: "url(#clip0_808_3091)", children: [
|
|
17786
|
+
/* @__PURE__ */ (0, import_jsx_runtime216.jsx)(
|
|
17864
17787
|
"path",
|
|
17865
17788
|
{
|
|
17866
17789
|
d: "M56.7088 28.6542H52.9156C52.6532 28.6542 52.4455 28.4483 52.4455 28.1883V8.38183C52.4455 5.67308 53.0796 3.77695 53.3091 3.19186C53.3419 3.09434 53.2763 2.99683 53.167 2.99683H46.2365C46.1381 2.99683 46.0616 3.09434 46.0944 3.19186C46.313 3.78778 46.9252 5.69475 46.9252 8.42517V25.7937C46.9252 28.8167 46.313 30.8103 46.0944 31.4171C46.0616 31.5146 46.1272 31.6121 46.2365 31.6121H66.2081C66.2846 31.6121 66.3502 31.5471 66.3502 31.4713V25.9562C66.3502 25.8479 66.23 25.7721 66.1316 25.8262C65.115 26.3788 60.6878 28.665 56.7088 28.665V28.6542Z",
|
|
17867
17790
|
fill: import_design_token2.vars.color["brand-label-secondary"]
|
|
17868
17791
|
}
|
|
17869
17792
|
),
|
|
17870
|
-
/* @__PURE__ */ (0,
|
|
17793
|
+
/* @__PURE__ */ (0, import_jsx_runtime216.jsx)(
|
|
17871
17794
|
"path",
|
|
17872
17795
|
{
|
|
17873
17796
|
d: "M94.4108 26.6714C94.4108 29.3259 93.8533 30.9078 93.5472 31.4496C93.4925 31.5471 93.5691 31.6663 93.6784 31.6663H100.347C100.456 31.6663 100.521 31.5579 100.478 31.4604C100.183 30.8753 99.5922 29.1309 99.5922 26.7147V18.816C99.5922 16.1614 98.991 14.1027 97.7886 12.6617C96.5752 11.2206 94.859 10.4947 92.6399 10.4947C88.8467 10.4947 86.1029 13.431 84.9661 15.5221C84.8458 15.7496 84.496 15.663 84.496 15.4029V11.3073C84.496 11.2314 84.4304 11.1664 84.3539 11.1664H79.0959C78.9866 11.1664 78.921 11.2748 78.9648 11.3723C79.238 11.9466 79.8065 13.7018 79.8065 16.118V26.6822C79.8065 29.3368 79.249 30.9187 78.9429 31.4604C78.8882 31.5579 78.9648 31.6771 79.0741 31.6771H85.7422C85.8515 31.6771 85.9171 31.5688 85.8734 31.4713C85.5892 30.8862 85.0098 29.1417 85.0098 26.7255V20.7013C85.0098 19.8886 85.1628 19.076 85.4798 18.3175C85.9499 17.2124 86.5402 16.3131 87.2617 15.6196C88.2564 14.6445 89.4042 14.1461 90.716 14.1461C91.9512 14.1461 92.8804 14.5578 93.4925 15.3813C94.1047 16.2047 94.4217 17.4182 94.4217 19.0218V26.693L94.4108 26.6714Z",
|
|
17874
17797
|
fill: import_design_token2.vars.color["brand-label-secondary"]
|
|
17875
17798
|
}
|
|
17876
17799
|
),
|
|
17877
|
-
/* @__PURE__ */ (0,
|
|
17800
|
+
/* @__PURE__ */ (0, import_jsx_runtime216.jsx)(
|
|
17878
17801
|
"path",
|
|
17879
17802
|
{
|
|
17880
17803
|
d: "M69.3127 31.6663H76.0026C76.112 31.6663 76.1776 31.558 76.1338 31.4604C75.8496 30.8754 75.2702 29.1309 75.2702 26.7147V11.3073C75.2702 11.2315 75.2047 11.1664 75.1281 11.1664H69.3345C69.2252 11.1664 69.1596 11.2748 69.2033 11.3723C69.4876 11.9466 70.056 13.7018 70.056 16.118V26.6822C70.056 29.3368 69.4876 30.9187 69.1924 31.4604C69.1378 31.558 69.2143 31.6771 69.3236 31.6771L69.3127 31.6663Z",
|
|
17881
17804
|
fill: import_design_token2.vars.color["brand-label-secondary"]
|
|
17882
17805
|
}
|
|
17883
17806
|
),
|
|
17884
|
-
/* @__PURE__ */ (0,
|
|
17807
|
+
/* @__PURE__ */ (0, import_jsx_runtime216.jsx)(
|
|
17885
17808
|
"path",
|
|
17886
17809
|
{
|
|
17887
17810
|
d: "M72.2642 8.71772C74.1335 8.71772 75.6529 7.21165 75.6529 5.35886C75.6529 3.50607 74.1335 2 72.2642 2C70.395 2 68.8755 3.50607 68.8755 5.35886C68.8755 7.21165 70.395 8.71772 72.2642 8.71772Z",
|
|
17888
17811
|
fill: import_design_token2.vars.color["brand-label-secondary"]
|
|
17889
17812
|
}
|
|
17890
17813
|
),
|
|
17891
|
-
/* @__PURE__ */ (0,
|
|
17814
|
+
/* @__PURE__ */ (0, import_jsx_runtime216.jsx)(
|
|
17892
17815
|
"path",
|
|
17893
17816
|
{
|
|
17894
17817
|
d: "M130.299 15.5438C130.299 15.8038 130.616 15.8905 130.736 15.663C132.201 12.8675 134.179 11.1339 136.573 11.1339H138.858C138.935 11.1339 139 11.1989 139 11.2748V15.5329C139 15.6088 138.935 15.6738 138.858 15.6738H135.218C133.556 15.6738 132.004 16.5081 130.769 17.8408C130.474 18.1658 130.31 18.5776 130.299 19.0001V26.693C130.299 29.1092 130.878 30.8645 131.162 31.4388C131.206 31.5363 131.14 31.6446 131.031 31.6446H124.341C124.232 31.6446 124.155 31.5254 124.21 31.4279C124.516 30.8862 125.074 29.3151 125.074 26.6497V16.0855C125.074 13.6693 124.505 11.914 124.221 11.3398C124.177 11.2423 124.243 11.1339 124.352 11.1339H130.146C130.222 11.1339 130.288 11.1989 130.288 11.2748V15.5221L130.299 15.5438Z",
|
|
17895
17818
|
fill: import_design_token2.vars.color["brand-label-secondary"]
|
|
17896
17819
|
}
|
|
17897
17820
|
),
|
|
17898
|
-
/* @__PURE__ */ (0,
|
|
17821
|
+
/* @__PURE__ */ (0, import_jsx_runtime216.jsx)(
|
|
17899
17822
|
"path",
|
|
17900
17823
|
{
|
|
17901
17824
|
d: "M113.967 29.4993C110.076 29.4993 108.152 26.5955 107.944 21.9581C107.944 21.8714 108.01 21.8064 108.086 21.8064H122.57C122.658 21.8064 122.723 21.7414 122.723 21.6547C122.669 14.4386 118.329 10.4405 112.47 10.4405C106.611 10.4405 101.998 14.7095 101.998 21.2213C101.998 28.1991 106.315 32.1647 113.279 32.1647C118.023 32.1647 121.488 29.4451 122.516 25.0244C122.538 24.9378 122.461 24.8511 122.374 24.8511H120.657C120.592 24.8511 120.537 24.8944 120.515 24.9486C119.63 27.7765 116.831 29.4885 113.956 29.4885L113.967 29.4993ZM112.514 13.1167C115.039 13.1167 116.657 15.1104 116.744 18.9026C116.744 18.9785 116.678 19.0543 116.591 19.0543H108.141C108.054 19.0543 107.988 18.9785 107.999 18.9026C108.207 15.2404 109.945 13.1276 112.524 13.1276L112.514 13.1167Z",
|
|
17902
17825
|
fill: import_design_token2.vars.color["brand-label-secondary"]
|
|
17903
17826
|
}
|
|
17904
17827
|
),
|
|
17905
|
-
/* @__PURE__ */ (0,
|
|
17828
|
+
/* @__PURE__ */ (0, import_jsx_runtime216.jsx)(
|
|
17906
17829
|
"path",
|
|
17907
17830
|
{
|
|
17908
17831
|
d: "M32.4411 12.4883V3.18101C32.4411 3.08349 32.3646 3.00764 32.2662 3.00764H22.7996C22.7996 3.00764 22.7122 3.02931 22.6794 3.06182L17.2465 8.43599C17.2465 8.43599 17.17 8.49017 17.1262 8.49017H7.1459C7.1459 8.49017 7.05845 8.51184 7.02566 8.54434L0.0514475 15.4246C-0.0578662 15.5329 0.0186534 15.728 0.171692 15.728H9.1682C9.43056 15.728 9.63825 15.9338 9.63825 16.1939V25.4361C9.63825 25.5337 9.71477 25.6095 9.81315 25.6095H19.1595C19.4218 25.6095 19.6295 25.8262 19.6295 26.0754V34.971C19.6295 35.1227 19.8154 35.2093 19.9356 35.101L26.8114 28.2966C26.8114 28.2966 26.8661 28.2207 26.8661 28.1666V18.1333C26.8661 18.1333 26.8879 18.0358 26.9207 18.0033L32.3864 12.5858C32.3864 12.5858 32.4411 12.51 32.4411 12.4558V12.4883ZM17.9133 16.8873V9.67119C17.9133 9.41114 18.121 9.20528 18.3833 9.20528H25.6855C25.9478 9.20528 26.1555 9.41114 26.1555 9.67119V16.8873C26.1555 17.1474 25.9478 17.3532 25.6855 17.3532H18.3833C18.121 17.3532 17.9133 17.1474 17.9133 16.8873Z",
|
|
@@ -17910,14 +17833,14 @@ var Logo = /* @__PURE__ */ __name((props) => {
|
|
|
17910
17833
|
}
|
|
17911
17834
|
)
|
|
17912
17835
|
] }),
|
|
17913
|
-
/* @__PURE__ */ (0,
|
|
17836
|
+
/* @__PURE__ */ (0, import_jsx_runtime216.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime216.jsx)("clipPath", { id: "clip0_808_3091", children: /* @__PURE__ */ (0, import_jsx_runtime216.jsx)("rect", { width: "139", height: "33", fill: "white", transform: "translate(0 2)" }) }) })
|
|
17914
17837
|
]
|
|
17915
17838
|
}
|
|
17916
17839
|
);
|
|
17917
17840
|
}
|
|
17918
17841
|
if (props.type === "circle") {
|
|
17919
17842
|
const { size: size4 } = props;
|
|
17920
|
-
return /* @__PURE__ */ (0,
|
|
17843
|
+
return /* @__PURE__ */ (0, import_jsx_runtime216.jsx)(
|
|
17921
17844
|
"svg",
|
|
17922
17845
|
{
|
|
17923
17846
|
width: size4,
|
|
@@ -17926,7 +17849,7 @@ var Logo = /* @__PURE__ */ __name((props) => {
|
|
|
17926
17849
|
fill: "none",
|
|
17927
17850
|
xmlns: "http://www.w3.org/2000/svg",
|
|
17928
17851
|
className: props?.className,
|
|
17929
|
-
children: /* @__PURE__ */ (0,
|
|
17852
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime216.jsx)(
|
|
17930
17853
|
"path",
|
|
17931
17854
|
{
|
|
17932
17855
|
d: "M38.2402 9.81371C38.2402 9.74309 38.204 9.68333 38.1895 9.65074C38.1569 9.63806 38.0972 9.60004 38.0266 9.60004H28.1578C28.1089 9.60004 28.0618 9.61996 28.0274 9.65436L22.3614 15.3094C22.327 15.3438 22.28 15.3638 22.2311 15.3638H11.8426C11.7937 15.3638 11.7466 15.3837 11.7122 15.4181L4.45458 22.663C4.33688 22.7789 4.42018 22.9799 4.58496 22.9799H13.9558C14.2292 22.9799 14.4501 23.2008 14.4501 23.4743V33.1946C14.4501 33.2471 14.4737 33.2942 14.5099 33.3286C14.5443 33.3648 14.5914 33.3883 14.6439 33.3883H24.3642C24.6376 33.3883 24.8585 33.6092 24.8585 33.8827V43.2535C24.8585 43.4183 25.0595 43.5016 25.1754 43.3839L32.4204 36.1262C32.4548 36.0918 32.4747 36.0448 32.4747 35.9959V25.6074C32.4747 25.5585 32.4946 25.5114 32.529 25.477L38.1841 19.8111C38.2185 19.7767 38.2384 19.7296 38.2384 19.6807V9.81371H38.2402ZM31.6979 24.2493C31.6979 24.5173 31.4806 24.7364 31.2108 24.7364H23.5892C23.3212 24.7364 23.1021 24.5191 23.1021 24.2493V16.6277C23.1021 16.3597 23.3193 16.1406 23.5892 16.1406H31.2108C31.4787 16.1406 31.6979 16.3579 31.6979 16.6277V24.2493Z",
|
|
@@ -17938,7 +17861,7 @@ var Logo = /* @__PURE__ */ __name((props) => {
|
|
|
17938
17861
|
}
|
|
17939
17862
|
if (props.type === "favicon") {
|
|
17940
17863
|
const { size: size4 } = props;
|
|
17941
|
-
return /* @__PURE__ */ (0,
|
|
17864
|
+
return /* @__PURE__ */ (0, import_jsx_runtime216.jsx)(
|
|
17942
17865
|
"svg",
|
|
17943
17866
|
{
|
|
17944
17867
|
width: size4,
|
|
@@ -17947,7 +17870,7 @@ var Logo = /* @__PURE__ */ __name((props) => {
|
|
|
17947
17870
|
fill: "none",
|
|
17948
17871
|
xmlns: "http://www.w3.org/2000/svg",
|
|
17949
17872
|
className: props?.className,
|
|
17950
|
-
children: /* @__PURE__ */ (0,
|
|
17873
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime216.jsx)(
|
|
17951
17874
|
"path",
|
|
17952
17875
|
{
|
|
17953
17876
|
d: "M44.8002 16.2872V3.36077C44.8002 3.22533 44.6949 3.12 44.5595 3.12H31.5332C31.5332 3.12 31.4128 3.15009 31.3677 3.19524L23.8919 10.6591C23.8919 10.6591 23.7866 10.7344 23.7264 10.7344H9.99315C9.99315 10.7344 9.87282 10.7645 9.82769 10.8096L0.23095 20.3652C0.0805305 20.5157 0.185824 20.7866 0.396411 20.7866H12.7759C13.1369 20.7866 13.4227 21.0725 13.4227 21.4337V34.2698C13.4227 34.4052 13.528 34.5105 13.6634 34.5105H26.5242C26.8852 34.5105 27.171 34.8115 27.171 35.1576V47.5122C27.171 47.7229 27.4267 47.8432 27.5922 47.6928L37.0536 38.2425C37.0536 38.2425 37.1288 38.1371 37.1288 38.0619V24.1273C37.1288 24.1273 37.1589 23.9918 37.204 23.9467L44.7249 16.4226C44.7249 16.4226 44.8002 16.3173 44.8002 16.242V16.2872ZM24.8094 22.3967V12.3746C24.8094 12.0135 25.0952 11.7276 25.4562 11.7276H35.5042C35.8653 11.7276 36.1511 12.0135 36.1511 12.3746V22.3967C36.1511 22.7579 35.8653 23.0438 35.5042 23.0438H25.4562C25.0952 23.0438 24.8094 22.7579 24.8094 22.3967Z",
|
|
@@ -17959,7 +17882,7 @@ var Logo = /* @__PURE__ */ __name((props) => {
|
|
|
17959
17882
|
}
|
|
17960
17883
|
if (props.type === "team") {
|
|
17961
17884
|
const { width, height } = props;
|
|
17962
|
-
return /* @__PURE__ */ (0,
|
|
17885
|
+
return /* @__PURE__ */ (0, import_jsx_runtime216.jsxs)(
|
|
17963
17886
|
"svg",
|
|
17964
17887
|
{
|
|
17965
17888
|
width,
|
|
@@ -17969,78 +17892,78 @@ var Logo = /* @__PURE__ */ __name((props) => {
|
|
|
17969
17892
|
xmlns: "http://www.w3.org/2000/svg",
|
|
17970
17893
|
className: props?.className,
|
|
17971
17894
|
children: [
|
|
17972
|
-
/* @__PURE__ */ (0,
|
|
17973
|
-
/* @__PURE__ */ (0,
|
|
17895
|
+
/* @__PURE__ */ (0, import_jsx_runtime216.jsxs)("g", { clipPath: "url(#clip0_10863_99)", children: [
|
|
17896
|
+
/* @__PURE__ */ (0, import_jsx_runtime216.jsx)(
|
|
17974
17897
|
"path",
|
|
17975
17898
|
{
|
|
17976
17899
|
d: "M184.872 36.3336H114.674C112.782 36.3336 111.242 34.7471 111.242 32.7988V3.95789C111.242 2.00778 112.782 0.423096 114.674 0.423096H184.872C186.765 0.423096 188.304 2.00959 188.304 3.95789V32.7988C188.304 34.749 186.765 36.3336 184.872 36.3336ZM184.214 3.47489L115.334 3.4785C114.63 3.4785 114.061 4.04834 114.061 4.75204V32.0083C114.061 32.712 114.63 33.2818 115.334 33.2818L184.214 33.2782C184.918 33.2782 185.487 32.7084 185.487 32.0047V4.74662C185.487 4.04291 184.918 3.47308 184.214 3.47308V3.47489Z",
|
|
17977
17900
|
fill: import_design_token2.vars.color["brand-label-secondary"]
|
|
17978
17901
|
}
|
|
17979
17902
|
),
|
|
17980
|
-
/* @__PURE__ */ (0,
|
|
17903
|
+
/* @__PURE__ */ (0, import_jsx_runtime216.jsx)(
|
|
17981
17904
|
"path",
|
|
17982
17905
|
{
|
|
17983
17906
|
d: "M29.083 7.86175C31.167 7.86175 32.8566 6.17214 32.8566 4.08817C32.8566 2.00419 31.1688 0.312775 29.083 0.312775C26.9972 0.312775 25.3076 2.00238 25.3076 4.08636C25.3076 6.17033 26.9972 7.85994 29.083 7.85994V7.86175Z",
|
|
17984
17907
|
fill: import_design_token2.vars.color["brand-label-secondary"]
|
|
17985
17908
|
}
|
|
17986
17909
|
),
|
|
17987
|
-
/* @__PURE__ */ (0,
|
|
17910
|
+
/* @__PURE__ */ (0, import_jsx_runtime216.jsx)(
|
|
17988
17911
|
"path",
|
|
17989
17912
|
{
|
|
17990
17913
|
d: "M11.8055 30.2283H7.58688C7.30106 30.2283 7.06589 29.9931 7.06589 29.7073V7.48004C7.06589 4.44634 7.77321 2.31714 8.02466 1.65505C8.06446 1.54832 7.98667 1.43616 7.8727 1.43616H0.166346C0.0541876 1.43616 -0.0254086 1.54651 0.0125805 1.65324C0.253178 2.31714 0.933364 4.46081 0.933364 7.52346V27.0119C0.933364 30.4001 0.245942 32.6433 0.00896248 33.3199C-0.0272176 33.4248 0.0505696 33.5351 0.162728 33.5351H22.3683C22.4587 33.5351 22.5311 33.4628 22.5311 33.3723V27.1873C22.5311 27.0643 22.399 26.9847 22.2905 27.0444C21.1598 27.6667 16.2375 30.2283 11.8055 30.2283Z",
|
|
17991
17914
|
fill: import_design_token2.vars.color["brand-label-secondary"]
|
|
17992
17915
|
}
|
|
17993
17916
|
),
|
|
17994
|
-
/* @__PURE__ */ (0,
|
|
17917
|
+
/* @__PURE__ */ (0, import_jsx_runtime216.jsx)(
|
|
17995
17918
|
"path",
|
|
17996
17919
|
{
|
|
17997
17920
|
d: "M53.8248 28.0104C53.8248 30.9917 53.2007 32.7591 52.8642 33.3669C52.8045 33.4754 52.8823 33.6075 53.0071 33.6075H60.4168C60.538 33.6075 60.6158 33.4809 60.5634 33.3723C60.2414 32.7193 59.5774 30.7547 59.5774 28.0484V19.1915C59.5774 16.2103 58.9063 13.9092 57.5658 12.2902C56.2217 10.6711 54.3132 9.85889 51.8385 9.85889C47.6199 9.85889 44.5699 13.1513 43.3073 15.4976C43.1716 15.749 42.7863 15.6513 42.7863 15.3619V10.7634C42.7863 10.6729 42.7139 10.6006 42.6235 10.6006H36.7804C36.661 10.6006 36.5814 10.7254 36.6338 10.8321C36.9432 11.4816 37.5745 13.4498 37.5745 16.1578V28.0086C37.5782 30.9899 36.954 32.7573 36.6194 33.3651C36.5597 33.4736 36.6393 33.6057 36.7623 33.6057H44.1774C44.2986 33.6057 44.3764 33.4809 44.3239 33.3723C44.0074 32.7211 43.3579 30.7547 43.3579 28.0466V21.2882C43.3579 20.3746 43.5298 19.4629 43.8861 18.6127C44.4035 17.3735 45.0656 16.3677 45.8688 15.5862C46.9705 14.4881 48.2549 13.9346 49.7166 13.9346C51.0878 13.9346 52.1207 14.3959 52.8063 15.3239C53.492 16.2501 53.8339 17.6123 53.8339 19.4068V28.0086H53.8266L53.8248 28.0104Z",
|
|
17998
17921
|
fill: import_design_token2.vars.color["brand-label-secondary"]
|
|
17999
17922
|
}
|
|
18000
17923
|
),
|
|
18001
|
-
/* @__PURE__ */ (0,
|
|
17924
|
+
/* @__PURE__ */ (0, import_jsx_runtime216.jsx)(
|
|
18002
17925
|
"path",
|
|
18003
17926
|
{
|
|
18004
17927
|
d: "M25.7979 33.6076H33.2366C33.3559 33.6076 33.4355 33.4827 33.3831 33.3742C33.0683 32.723 32.4207 30.7566 32.4207 28.0485V10.7635C32.4207 10.673 32.3483 10.6006 32.2579 10.6006H25.8178C25.6984 10.6006 25.6188 10.7255 25.6713 10.834C25.9824 11.4834 26.6174 13.4516 26.6174 16.1597V28.0105C26.6174 30.9917 25.9915 32.7591 25.655 33.367C25.5953 33.4755 25.6749 33.6076 25.7979 33.6076Z",
|
|
18005
17928
|
fill: import_design_token2.vars.color["brand-label-secondary"]
|
|
18006
17929
|
}
|
|
18007
17930
|
),
|
|
18008
|
-
/* @__PURE__ */ (0,
|
|
17931
|
+
/* @__PURE__ */ (0, import_jsx_runtime216.jsx)(
|
|
18009
17932
|
"path",
|
|
18010
17933
|
{
|
|
18011
17934
|
d: "M93.2845 15.5266C93.2845 15.8161 93.6427 15.9156 93.7747 15.6587C95.4082 12.5182 97.608 10.5826 100.265 10.5826L100.258 10.5862H102.802C102.892 10.5862 102.964 10.6586 102.964 10.749V15.5266C102.964 15.6171 102.892 15.6894 102.802 15.6894H98.7513C96.9007 15.6894 95.1731 16.6247 93.8091 18.1189C93.478 18.4825 93.2989 18.9456 93.2845 19.4214V28.0485C93.2845 30.7566 93.9303 32.723 94.2469 33.3743C94.2993 33.4828 94.2215 33.6076 94.1003 33.6076H86.6617C86.5387 33.6076 86.4591 33.4756 86.5188 33.367C86.8553 32.7592 87.4812 30.9918 87.4812 28.0106V16.1598C87.4812 13.4517 86.8444 11.4835 86.5351 10.8341C86.4826 10.7255 86.5622 10.6007 86.6816 10.6007H93.1217C93.2121 10.6007 93.2845 10.6731 93.2845 10.7635V15.5266Z",
|
|
18012
17935
|
fill: import_design_token2.vars.color["brand-label-secondary"]
|
|
18013
17936
|
}
|
|
18014
17937
|
),
|
|
18015
|
-
/* @__PURE__ */ (0,
|
|
17938
|
+
/* @__PURE__ */ (0, import_jsx_runtime216.jsx)(
|
|
18016
17939
|
"path",
|
|
18017
17940
|
{
|
|
18018
17941
|
d: "M74.6377 34.1828C66.8916 34.1828 62.0923 29.7272 62.0923 21.8996C62.0923 14.5858 67.1774 9.80283 73.7332 9.80283C80.2891 9.80283 85.1372 14.3507 85.1372 22.5545H69.075C68.8688 22.5545 68.7024 22.7282 68.7132 22.9344C68.99 28.0123 71.1301 31.1834 75.3975 31.1834C78.9359 31.1834 82.3748 28.8263 82.9356 25.0256C82.9429 24.9822 82.979 24.9478 83.0243 24.9478H85.0359C85.092 24.9478 85.1336 24.9967 85.1263 25.0527C84.3304 30.6661 80.3071 34.1828 74.6395 34.1828H74.6359H74.6377ZM73.7821 12.8003C70.9727 12.8003 69.0588 15.0869 68.7693 19.0667C68.7548 19.2784 68.9195 19.4593 69.1311 19.4593H78.1164C78.3227 19.4593 78.4855 19.2874 78.4782 19.0812C78.3317 14.9675 76.5498 12.8022 73.7839 12.8022L73.7821 12.8003Z",
|
|
18019
17942
|
fill: import_design_token2.vars.color["brand-label-secondary"]
|
|
18020
17943
|
}
|
|
18021
17944
|
),
|
|
18022
|
-
/* @__PURE__ */ (0,
|
|
17945
|
+
/* @__PURE__ */ (0, import_jsx_runtime216.jsx)(
|
|
18023
17946
|
"path",
|
|
18024
17947
|
{
|
|
18025
17948
|
d: "M124.721 24.5354V10.4903H122.598C120.02 10.4903 118.564 11.0058 117.835 12.0677H117.683V8.09332H135.369V12.0677H135.187C134.459 11.0058 133.032 10.4903 130.454 10.4903H128.33V24.5354C128.33 26.8111 128.573 27.9634 129.423 29.0253V29.1773H123.629V29.0253C124.479 28.0249 124.721 26.8418 124.721 24.5354Z",
|
|
18026
17949
|
fill: import_design_token2.vars.color["brand-label-secondary"]
|
|
18027
17950
|
}
|
|
18028
17951
|
),
|
|
18029
|
-
/* @__PURE__ */ (0,
|
|
17952
|
+
/* @__PURE__ */ (0, import_jsx_runtime216.jsx)(
|
|
18030
17953
|
"path",
|
|
18031
17954
|
{
|
|
18032
17955
|
d: "M139.403 29.5716C135.125 29.5716 131.879 26.5379 131.879 21.867C131.879 17.681 134.913 14.4049 138.736 14.4049C142.254 14.4049 144.591 16.6499 144.591 20.503V21.7169H135.248C135.459 25.1142 137.431 26.8436 140.313 26.8436C141.738 26.8436 143.074 26.4185 144.347 25.5701L144.772 27.238C143.316 28.7847 141.527 29.5734 139.403 29.5734V29.5716ZM141.284 19.7722C141.254 17.6792 140.192 16.4346 138.493 16.4346C136.794 16.4346 135.642 17.6177 135.307 19.7722H141.284Z",
|
|
18033
17956
|
fill: import_design_token2.vars.color["brand-label-secondary"]
|
|
18034
17957
|
}
|
|
18035
17958
|
),
|
|
18036
|
-
/* @__PURE__ */ (0,
|
|
17959
|
+
/* @__PURE__ */ (0, import_jsx_runtime216.jsx)(
|
|
18037
17960
|
"path",
|
|
18038
17961
|
{
|
|
18039
17962
|
d: "M180.877 25.628V19.7722C180.877 16.4654 178.996 14.4031 176.327 14.4031C174.417 14.4031 172.93 15.4035 171.928 17.2252H171.776C171.078 15.4053 169.652 14.4031 167.863 14.4031C166.074 14.4031 164.618 15.2823 163.677 16.8905H163.529L163.518 14.7776C163.518 14.7215 163.472 14.6745 163.415 14.6745H159.487C159.411 14.6745 159.362 14.7522 159.395 14.821C159.59 15.2298 160.106 16.469 160.106 18.1767V25.6425C160.106 27.5202 159.598 28.6345 159.386 29.0181C159.348 29.0868 159.399 29.17 159.476 29.17H164.145C164.221 29.17 164.27 29.0904 164.238 29.0235C164.039 28.6128 163.518 27.3737 163.518 25.6696V20.2335C163.518 20.2335 163.543 16.923 166.62 16.923C168.107 16.923 168.865 17.9849 168.865 19.926V25.6895C168.865 27.4189 168.713 28.1769 168.228 29.0271V29.1791H172.87V29.0271C172.355 28.2076 172.233 27.5112 172.233 25.6895V20.7147C172.233 18.4101 173.538 16.923 175.236 16.923C176.662 16.923 177.512 17.9234 177.512 19.9567V25.6298C177.512 27.4496 177.391 28.2076 176.875 29.0271V29.1791H181.517V29.0271C181.002 28.2076 180.881 27.4496 180.881 25.6298L180.877 25.628Z",
|
|
18040
17963
|
fill: import_design_token2.vars.color["brand-label-secondary"]
|
|
18041
17964
|
}
|
|
18042
17965
|
),
|
|
18043
|
-
/* @__PURE__ */ (0,
|
|
17966
|
+
/* @__PURE__ */ (0, import_jsx_runtime216.jsx)(
|
|
18044
17967
|
"path",
|
|
18045
17968
|
{
|
|
18046
17969
|
d: "M158.172 29.0235C157.973 28.6146 157.454 27.3755 157.452 25.6732V19.9857C157.452 18.0446 156.906 16.6191 155.844 15.7382C154.782 14.859 153.416 14.4031 151.81 14.4031C149.869 14.4031 147.866 15.2533 146.379 16.4654L146.774 18.2255C148.23 17.3464 149.596 16.9212 150.9 16.9212C152.751 16.9212 154.116 17.8619 154.116 19.8337V20.7437L151.325 21.4419C147.897 22.3211 145.987 23.5042 145.987 25.8414C145.987 28.0557 147.685 29.5734 149.869 29.5734C151.522 29.5734 152.971 28.7666 153.916 27.1873C153.751 28.1497 153.465 28.7576 153.321 29.0217C153.283 29.0904 153.333 29.1736 153.411 29.1736H158.08C158.156 29.1736 158.205 29.094 158.172 29.0271V29.0235ZM151.112 27.115C150.14 27.115 149.413 26.509 149.413 25.4163C149.413 24.3237 150.233 23.7484 152.174 23.1406L154.115 22.5038V23.4753C154.115 25.8414 152.506 27.115 151.112 27.115Z",
|
|
@@ -18048,12 +17971,12 @@ var Logo = /* @__PURE__ */ __name((props) => {
|
|
|
18048
17971
|
}
|
|
18049
17972
|
)
|
|
18050
17973
|
] }),
|
|
18051
|
-
/* @__PURE__ */ (0,
|
|
17974
|
+
/* @__PURE__ */ (0, import_jsx_runtime216.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime216.jsx)("clipPath", { id: "clip0_10863_99", children: /* @__PURE__ */ (0, import_jsx_runtime216.jsx)("rect", { width: "188.322", height: "35.8247", fill: "white", transform: "translate(0 0.305359)" }) }) })
|
|
18052
17975
|
]
|
|
18053
17976
|
}
|
|
18054
17977
|
);
|
|
18055
17978
|
}
|
|
18056
|
-
return /* @__PURE__ */ (0,
|
|
17979
|
+
return /* @__PURE__ */ (0, import_jsx_runtime216.jsx)("svg", { width: 48, height: 48, viewBox: "0 0 48 48", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ (0, import_jsx_runtime216.jsx)(
|
|
18057
17980
|
"path",
|
|
18058
17981
|
{
|
|
18059
17982
|
d: "M38.2402 9.81371C38.2402 9.74309 38.204 9.68333 38.1895 9.65074C38.1569 9.63806 38.0972 9.60004 38.0266 9.60004H28.1578C28.1089 9.60004 28.0618 9.61996 28.0274 9.65436L22.3614 15.3094C22.327 15.3438 22.28 15.3638 22.2311 15.3638H11.8426C11.7937 15.3638 11.7466 15.3837 11.7122 15.4181L4.45458 22.663C4.33688 22.7789 4.42018 22.9799 4.58496 22.9799H13.9558C14.2292 22.9799 14.4501 23.2008 14.4501 23.4743V33.1946C14.4501 33.2471 14.4737 33.2942 14.5099 33.3286C14.5443 33.3648 14.5914 33.3883 14.6439 33.3883H24.3642C24.6376 33.3883 24.8585 33.6092 24.8585 33.8827V43.2535C24.8585 43.4183 25.0595 43.5016 25.1754 43.3839L32.4204 36.1262C32.4548 36.0918 32.4747 36.0448 32.4747 35.9959V25.6074C32.4747 25.5585 32.4946 25.5114 32.529 25.477L38.1841 19.8111C38.2185 19.7767 38.2384 19.7296 38.2384 19.6807V9.81371H38.2402ZM31.6979 24.2493C31.6979 24.5173 31.4806 24.7364 31.2108 24.7364H23.5892C23.3212 24.7364 23.1021 24.5191 23.1021 24.2493V16.6277C23.1021 16.3597 23.3193 16.1406 23.5892 16.1406H31.2108C31.4787 16.1406 31.6979 16.3579 31.6979 16.6277V24.2493Z",
|
|
@@ -18097,7 +18020,7 @@ __name(createFocusGuard, "createFocusGuard");
|
|
|
18097
18020
|
|
|
18098
18021
|
// ../../node_modules/@radix-ui/react-focus-scope/dist/index.mjs
|
|
18099
18022
|
var React19 = __toESM(require("react"), 1);
|
|
18100
|
-
var
|
|
18023
|
+
var import_jsx_runtime217 = require("react/jsx-runtime");
|
|
18101
18024
|
var AUTOFOCUS_ON_MOUNT = "focusScope.autoFocusOnMount";
|
|
18102
18025
|
var AUTOFOCUS_ON_UNMOUNT = "focusScope.autoFocusOnUnmount";
|
|
18103
18026
|
var EVENT_OPTIONS = { bubbles: false, cancelable: true };
|
|
@@ -18216,7 +18139,7 @@ var FocusScope = React19.forwardRef((props, forwardedRef) => {
|
|
|
18216
18139
|
},
|
|
18217
18140
|
[loop, trapped, focusScope.paused]
|
|
18218
18141
|
);
|
|
18219
|
-
return /* @__PURE__ */ (0,
|
|
18142
|
+
return /* @__PURE__ */ (0, import_jsx_runtime217.jsx)(Primitive.div, { tabIndex: -1, ...scopeProps, ref: composedRefs, onKeyDown: handleKeyDown });
|
|
18220
18143
|
});
|
|
18221
18144
|
FocusScope.displayName = FOCUS_SCOPE_NAME;
|
|
18222
18145
|
function focusFirst2(candidates, { select = false } = {}) {
|
|
@@ -19920,9 +19843,9 @@ var computePosition2 = /* @__PURE__ */ __name((reference, floating, options) =>
|
|
|
19920
19843
|
|
|
19921
19844
|
// ../../node_modules/@floating-ui/react-dom/dist/floating-ui.react-dom.mjs
|
|
19922
19845
|
var React21 = __toESM(require("react"), 1);
|
|
19923
|
-
var
|
|
19846
|
+
var import_react24 = require("react");
|
|
19924
19847
|
var ReactDOM4 = __toESM(require("react-dom"), 1);
|
|
19925
|
-
var index = typeof document !== "undefined" ?
|
|
19848
|
+
var index = typeof document !== "undefined" ? import_react24.useLayoutEffect : import_react24.useEffect;
|
|
19926
19849
|
function deepEqual(a, b) {
|
|
19927
19850
|
if (a === b) {
|
|
19928
19851
|
return true;
|
|
@@ -20202,11 +20125,11 @@ var arrow3 = /* @__PURE__ */ __name((options, deps) => ({
|
|
|
20202
20125
|
|
|
20203
20126
|
// ../../node_modules/@radix-ui/react-arrow/dist/index.mjs
|
|
20204
20127
|
var React25 = __toESM(require("react"), 1);
|
|
20205
|
-
var
|
|
20128
|
+
var import_jsx_runtime218 = require("react/jsx-runtime");
|
|
20206
20129
|
var NAME2 = "Arrow";
|
|
20207
20130
|
var Arrow = React25.forwardRef((props, forwardedRef) => {
|
|
20208
20131
|
const { children, width = 10, height = 5, ...arrowProps } = props;
|
|
20209
|
-
return /* @__PURE__ */ (0,
|
|
20132
|
+
return /* @__PURE__ */ (0, import_jsx_runtime218.jsx)(
|
|
20210
20133
|
Primitive.svg,
|
|
20211
20134
|
{
|
|
20212
20135
|
...arrowProps,
|
|
@@ -20215,7 +20138,7 @@ var Arrow = React25.forwardRef((props, forwardedRef) => {
|
|
|
20215
20138
|
height,
|
|
20216
20139
|
viewBox: "0 0 30 10",
|
|
20217
20140
|
preserveAspectRatio: "none",
|
|
20218
|
-
children: props.asChild ? children : /* @__PURE__ */ (0,
|
|
20141
|
+
children: props.asChild ? children : /* @__PURE__ */ (0, import_jsx_runtime218.jsx)("polygon", { points: "0,0 30,0 15,10" })
|
|
20219
20142
|
}
|
|
20220
20143
|
);
|
|
20221
20144
|
});
|
|
@@ -20261,14 +20184,14 @@ function useSize(element) {
|
|
|
20261
20184
|
__name(useSize, "useSize");
|
|
20262
20185
|
|
|
20263
20186
|
// ../../node_modules/@radix-ui/react-popper/dist/index.mjs
|
|
20264
|
-
var
|
|
20187
|
+
var import_jsx_runtime219 = require("react/jsx-runtime");
|
|
20265
20188
|
var POPPER_NAME = "Popper";
|
|
20266
20189
|
var [createPopperContext, createPopperScope] = createContextScope(POPPER_NAME);
|
|
20267
20190
|
var [PopperProvider, usePopperContext] = createPopperContext(POPPER_NAME);
|
|
20268
20191
|
var Popper = /* @__PURE__ */ __name((props) => {
|
|
20269
20192
|
const { __scopePopper, children } = props;
|
|
20270
20193
|
const [anchor, setAnchor] = React27.useState(null);
|
|
20271
|
-
return /* @__PURE__ */ (0,
|
|
20194
|
+
return /* @__PURE__ */ (0, import_jsx_runtime219.jsx)(PopperProvider, { scope: __scopePopper, anchor, onAnchorChange: setAnchor, children });
|
|
20272
20195
|
}, "Popper");
|
|
20273
20196
|
Popper.displayName = POPPER_NAME;
|
|
20274
20197
|
var ANCHOR_NAME = "PopperAnchor";
|
|
@@ -20281,7 +20204,7 @@ var PopperAnchor = React27.forwardRef(
|
|
|
20281
20204
|
React27.useEffect(() => {
|
|
20282
20205
|
context.onAnchorChange(virtualRef?.current || ref.current);
|
|
20283
20206
|
});
|
|
20284
|
-
return virtualRef ? null : /* @__PURE__ */ (0,
|
|
20207
|
+
return virtualRef ? null : /* @__PURE__ */ (0, import_jsx_runtime219.jsx)(Primitive.div, { ...anchorProps, ref: composedRefs });
|
|
20285
20208
|
}
|
|
20286
20209
|
);
|
|
20287
20210
|
PopperAnchor.displayName = ANCHOR_NAME;
|
|
@@ -20374,7 +20297,7 @@ var PopperContent = React27.forwardRef(
|
|
|
20374
20297
|
useLayoutEffect2(() => {
|
|
20375
20298
|
if (content) setContentZIndex(window.getComputedStyle(content).zIndex);
|
|
20376
20299
|
}, [content]);
|
|
20377
|
-
return /* @__PURE__ */ (0,
|
|
20300
|
+
return /* @__PURE__ */ (0, import_jsx_runtime219.jsx)(
|
|
20378
20301
|
"div",
|
|
20379
20302
|
{
|
|
20380
20303
|
ref: refs.setFloating,
|
|
@@ -20398,7 +20321,7 @@ var PopperContent = React27.forwardRef(
|
|
|
20398
20321
|
}
|
|
20399
20322
|
},
|
|
20400
20323
|
dir: props.dir,
|
|
20401
|
-
children: /* @__PURE__ */ (0,
|
|
20324
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime219.jsx)(
|
|
20402
20325
|
PopperContentProvider,
|
|
20403
20326
|
{
|
|
20404
20327
|
scope: __scopePopper,
|
|
@@ -20407,7 +20330,7 @@ var PopperContent = React27.forwardRef(
|
|
|
20407
20330
|
arrowX,
|
|
20408
20331
|
arrowY,
|
|
20409
20332
|
shouldHideArrow: cannotCenterArrow,
|
|
20410
|
-
children: /* @__PURE__ */ (0,
|
|
20333
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime219.jsx)(
|
|
20411
20334
|
Primitive.div,
|
|
20412
20335
|
{
|
|
20413
20336
|
"data-side": placedSide,
|
|
@@ -20444,7 +20367,7 @@ var PopperArrow = React27.forwardRef(/* @__PURE__ */ __name(function PopperArrow
|
|
|
20444
20367
|
// we have to use an extra wrapper because `ResizeObserver` (used by `useSize`)
|
|
20445
20368
|
// doesn't report size as we'd expect on SVG elements.
|
|
20446
20369
|
// it reports their bounding box which is effectively the largest path inside the SVG.
|
|
20447
|
-
/* @__PURE__ */ (0,
|
|
20370
|
+
/* @__PURE__ */ (0, import_jsx_runtime219.jsx)(
|
|
20448
20371
|
"span",
|
|
20449
20372
|
{
|
|
20450
20373
|
ref: contentContext.onArrowChange,
|
|
@@ -20467,7 +20390,7 @@ var PopperArrow = React27.forwardRef(/* @__PURE__ */ __name(function PopperArrow
|
|
|
20467
20390
|
}[contentContext.placedSide],
|
|
20468
20391
|
visibility: contentContext.shouldHideArrow ? "hidden" : void 0
|
|
20469
20392
|
},
|
|
20470
|
-
children: /* @__PURE__ */ (0,
|
|
20393
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime219.jsx)(
|
|
20471
20394
|
Root4,
|
|
20472
20395
|
{
|
|
20473
20396
|
...arrowProps,
|
|
@@ -20708,9 +20631,9 @@ function assignRef(ref, value) {
|
|
|
20708
20631
|
__name(assignRef, "assignRef");
|
|
20709
20632
|
|
|
20710
20633
|
// ../../node_modules/use-callback-ref/dist/es2015/useRef.js
|
|
20711
|
-
var
|
|
20634
|
+
var import_react25 = require("react");
|
|
20712
20635
|
function useCallbackRef2(initialValue, callback) {
|
|
20713
|
-
var ref = (0,
|
|
20636
|
+
var ref = (0, import_react25.useState)(function() {
|
|
20714
20637
|
return {
|
|
20715
20638
|
// value
|
|
20716
20639
|
value: initialValue,
|
|
@@ -21379,7 +21302,7 @@ ReactRemoveScroll.classNames = RemoveScroll.classNames;
|
|
|
21379
21302
|
var Combination_default = ReactRemoveScroll;
|
|
21380
21303
|
|
|
21381
21304
|
// ../../node_modules/@radix-ui/react-popover/dist/index.mjs
|
|
21382
|
-
var
|
|
21305
|
+
var import_jsx_runtime220 = require("react/jsx-runtime");
|
|
21383
21306
|
var POPOVER_NAME = "Popover";
|
|
21384
21307
|
var [createPopoverContext, createPopoverScope] = createContextScope(POPOVER_NAME, [
|
|
21385
21308
|
createPopperScope
|
|
@@ -21404,7 +21327,7 @@ var Popover2 = /* @__PURE__ */ __name((props) => {
|
|
|
21404
21327
|
onChange: onOpenChange,
|
|
21405
21328
|
caller: POPOVER_NAME
|
|
21406
21329
|
});
|
|
21407
|
-
return /* @__PURE__ */ (0,
|
|
21330
|
+
return /* @__PURE__ */ (0, import_jsx_runtime220.jsx)(Root22, { ...popperScope, children: /* @__PURE__ */ (0, import_jsx_runtime220.jsx)(
|
|
21408
21331
|
PopoverProvider,
|
|
21409
21332
|
{
|
|
21410
21333
|
scope: __scopePopover,
|
|
@@ -21433,7 +21356,7 @@ var PopoverAnchor2 = React35.forwardRef(
|
|
|
21433
21356
|
onCustomAnchorAdd();
|
|
21434
21357
|
return () => onCustomAnchorRemove();
|
|
21435
21358
|
}, [onCustomAnchorAdd, onCustomAnchorRemove]);
|
|
21436
|
-
return /* @__PURE__ */ (0,
|
|
21359
|
+
return /* @__PURE__ */ (0, import_jsx_runtime220.jsx)(Anchor, { ...popperScope, ...anchorProps, ref: forwardedRef });
|
|
21437
21360
|
}
|
|
21438
21361
|
);
|
|
21439
21362
|
PopoverAnchor2.displayName = ANCHOR_NAME2;
|
|
@@ -21444,7 +21367,7 @@ var PopoverTrigger2 = React35.forwardRef(
|
|
|
21444
21367
|
const context = usePopoverContext(TRIGGER_NAME, __scopePopover);
|
|
21445
21368
|
const popperScope = usePopperScope(__scopePopover);
|
|
21446
21369
|
const composedTriggerRef = useComposedRefs(forwardedRef, context.triggerRef);
|
|
21447
|
-
const trigger = /* @__PURE__ */ (0,
|
|
21370
|
+
const trigger = /* @__PURE__ */ (0, import_jsx_runtime220.jsx)(
|
|
21448
21371
|
Primitive.button,
|
|
21449
21372
|
{
|
|
21450
21373
|
type: "button",
|
|
@@ -21457,7 +21380,7 @@ var PopoverTrigger2 = React35.forwardRef(
|
|
|
21457
21380
|
onClick: composeEventHandlers(props.onClick, context.onOpenToggle)
|
|
21458
21381
|
}
|
|
21459
21382
|
);
|
|
21460
|
-
return context.hasCustomAnchor ? trigger : /* @__PURE__ */ (0,
|
|
21383
|
+
return context.hasCustomAnchor ? trigger : /* @__PURE__ */ (0, import_jsx_runtime220.jsx)(Anchor, { asChild: true, ...popperScope, children: trigger });
|
|
21461
21384
|
}
|
|
21462
21385
|
);
|
|
21463
21386
|
PopoverTrigger2.displayName = TRIGGER_NAME;
|
|
@@ -21468,7 +21391,7 @@ var [PortalProvider, usePortalContext] = createPopoverContext(PORTAL_NAME2, {
|
|
|
21468
21391
|
var PopoverPortal = /* @__PURE__ */ __name((props) => {
|
|
21469
21392
|
const { __scopePopover, forceMount, children, container } = props;
|
|
21470
21393
|
const context = usePopoverContext(PORTAL_NAME2, __scopePopover);
|
|
21471
|
-
return /* @__PURE__ */ (0,
|
|
21394
|
+
return /* @__PURE__ */ (0, import_jsx_runtime220.jsx)(PortalProvider, { scope: __scopePopover, forceMount, children: /* @__PURE__ */ (0, import_jsx_runtime220.jsx)(Presence, { present: forceMount || context.open, children: /* @__PURE__ */ (0, import_jsx_runtime220.jsx)(Portal, { asChild: true, container, children }) }) });
|
|
21472
21395
|
}, "PopoverPortal");
|
|
21473
21396
|
PopoverPortal.displayName = PORTAL_NAME2;
|
|
21474
21397
|
var CONTENT_NAME2 = "PopoverContent";
|
|
@@ -21477,7 +21400,7 @@ var PopoverContent2 = React35.forwardRef(
|
|
|
21477
21400
|
const portalContext = usePortalContext(CONTENT_NAME2, props.__scopePopover);
|
|
21478
21401
|
const { forceMount = portalContext.forceMount, ...contentProps } = props;
|
|
21479
21402
|
const context = usePopoverContext(CONTENT_NAME2, props.__scopePopover);
|
|
21480
|
-
return /* @__PURE__ */ (0,
|
|
21403
|
+
return /* @__PURE__ */ (0, import_jsx_runtime220.jsx)(Presence, { present: forceMount || context.open, children: context.modal ? /* @__PURE__ */ (0, import_jsx_runtime220.jsx)(PopoverContentModal, { ...contentProps, ref: forwardedRef }) : /* @__PURE__ */ (0, import_jsx_runtime220.jsx)(PopoverContentNonModal, { ...contentProps, ref: forwardedRef }) });
|
|
21481
21404
|
}
|
|
21482
21405
|
);
|
|
21483
21406
|
PopoverContent2.displayName = CONTENT_NAME2;
|
|
@@ -21492,7 +21415,7 @@ var PopoverContentModal = React35.forwardRef(
|
|
|
21492
21415
|
const content = contentRef.current;
|
|
21493
21416
|
if (content) return hideOthers(content);
|
|
21494
21417
|
}, []);
|
|
21495
|
-
return /* @__PURE__ */ (0,
|
|
21418
|
+
return /* @__PURE__ */ (0, import_jsx_runtime220.jsx)(Combination_default, { as: Slot2, allowPinchZoom: true, children: /* @__PURE__ */ (0, import_jsx_runtime220.jsx)(
|
|
21496
21419
|
PopoverContentImpl,
|
|
21497
21420
|
{
|
|
21498
21421
|
...props,
|
|
@@ -21527,7 +21450,7 @@ var PopoverContentNonModal = React35.forwardRef(
|
|
|
21527
21450
|
const context = usePopoverContext(CONTENT_NAME2, props.__scopePopover);
|
|
21528
21451
|
const hasInteractedOutsideRef = React35.useRef(false);
|
|
21529
21452
|
const hasPointerDownOutsideRef = React35.useRef(false);
|
|
21530
|
-
return /* @__PURE__ */ (0,
|
|
21453
|
+
return /* @__PURE__ */ (0, import_jsx_runtime220.jsx)(
|
|
21531
21454
|
PopoverContentImpl,
|
|
21532
21455
|
{
|
|
21533
21456
|
...props,
|
|
@@ -21579,7 +21502,7 @@ var PopoverContentImpl = React35.forwardRef(
|
|
|
21579
21502
|
const context = usePopoverContext(CONTENT_NAME2, __scopePopover);
|
|
21580
21503
|
const popperScope = usePopperScope(__scopePopover);
|
|
21581
21504
|
useFocusGuards();
|
|
21582
|
-
return /* @__PURE__ */ (0,
|
|
21505
|
+
return /* @__PURE__ */ (0, import_jsx_runtime220.jsx)(
|
|
21583
21506
|
FocusScope,
|
|
21584
21507
|
{
|
|
21585
21508
|
asChild: true,
|
|
@@ -21587,7 +21510,7 @@ var PopoverContentImpl = React35.forwardRef(
|
|
|
21587
21510
|
trapped: trapFocus,
|
|
21588
21511
|
onMountAutoFocus: onOpenAutoFocus,
|
|
21589
21512
|
onUnmountAutoFocus: onCloseAutoFocus,
|
|
21590
|
-
children: /* @__PURE__ */ (0,
|
|
21513
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime220.jsx)(
|
|
21591
21514
|
DismissableLayer,
|
|
21592
21515
|
{
|
|
21593
21516
|
asChild: true,
|
|
@@ -21597,7 +21520,7 @@ var PopoverContentImpl = React35.forwardRef(
|
|
|
21597
21520
|
onPointerDownOutside,
|
|
21598
21521
|
onFocusOutside,
|
|
21599
21522
|
onDismiss: /* @__PURE__ */ __name(() => context.onOpenChange(false), "onDismiss"),
|
|
21600
|
-
children: /* @__PURE__ */ (0,
|
|
21523
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime220.jsx)(
|
|
21601
21524
|
Content,
|
|
21602
21525
|
{
|
|
21603
21526
|
"data-state": getState(context.open),
|
|
@@ -21630,7 +21553,7 @@ var PopoverClose = React35.forwardRef(
|
|
|
21630
21553
|
(props, forwardedRef) => {
|
|
21631
21554
|
const { __scopePopover, ...closeProps } = props;
|
|
21632
21555
|
const context = usePopoverContext(CLOSE_NAME2, __scopePopover);
|
|
21633
|
-
return /* @__PURE__ */ (0,
|
|
21556
|
+
return /* @__PURE__ */ (0, import_jsx_runtime220.jsx)(
|
|
21634
21557
|
Primitive.button,
|
|
21635
21558
|
{
|
|
21636
21559
|
type: "button",
|
|
@@ -21647,7 +21570,7 @@ var PopoverArrow = React35.forwardRef(
|
|
|
21647
21570
|
(props, forwardedRef) => {
|
|
21648
21571
|
const { __scopePopover, ...arrowProps } = props;
|
|
21649
21572
|
const popperScope = usePopperScope(__scopePopover);
|
|
21650
|
-
return /* @__PURE__ */ (0,
|
|
21573
|
+
return /* @__PURE__ */ (0, import_jsx_runtime220.jsx)(Arrow2, { ...popperScope, ...arrowProps, ref: forwardedRef });
|
|
21651
21574
|
}
|
|
21652
21575
|
);
|
|
21653
21576
|
PopoverArrow.displayName = ARROW_NAME2;
|
|
@@ -21665,29 +21588,29 @@ var Arrow22 = PopoverArrow;
|
|
|
21665
21588
|
// src/components/coach-mark/primitive/index.tsx
|
|
21666
21589
|
var import_cva11 = require("cva");
|
|
21667
21590
|
var import_clsx20 = __toESM(require("clsx"));
|
|
21668
|
-
var
|
|
21591
|
+
var import_react26 = require("react");
|
|
21669
21592
|
|
|
21670
21593
|
// src/components/coach-mark/primitive/style.module.scss
|
|
21671
|
-
var
|
|
21594
|
+
var style_module_default19 = {
|
|
21672
21595
|
"anchor": "_anchor_1pmfi_1",
|
|
21673
21596
|
"content": "_content_1pmfi_5",
|
|
21674
21597
|
"overlay": "_overlay_1pmfi_11"
|
|
21675
21598
|
};
|
|
21676
21599
|
|
|
21677
21600
|
// src/components/coach-mark/primitive/index.tsx
|
|
21678
|
-
var
|
|
21601
|
+
var import_jsx_runtime221 = require("react/jsx-runtime");
|
|
21679
21602
|
var primitiveCoachMarkVariants = (0, import_cva11.cva)({
|
|
21680
|
-
base:
|
|
21603
|
+
base: style_module_default19.content
|
|
21681
21604
|
});
|
|
21682
21605
|
var primitiveCoachMarkAnchorVariants = (0, import_cva11.cva)({
|
|
21683
|
-
base:
|
|
21606
|
+
base: style_module_default19.anchor
|
|
21684
21607
|
});
|
|
21685
|
-
var PrimitiveCoachMarkTrigger = /* @__PURE__ */ __name(({ by }) => /* @__PURE__ */ (0,
|
|
21686
|
-
var PrimitiveCoachMarkRoot = /* @__PURE__ */ __name(({ trigger, children, ...props }) => /* @__PURE__ */ (0,
|
|
21687
|
-
/* @__PURE__ */ (0,
|
|
21608
|
+
var PrimitiveCoachMarkTrigger = /* @__PURE__ */ __name(({ by }) => /* @__PURE__ */ (0, import_jsx_runtime221.jsx)(Trigger, { asChild: true, children: by }), "PrimitiveCoachMarkTrigger");
|
|
21609
|
+
var PrimitiveCoachMarkRoot = /* @__PURE__ */ __name(({ trigger, children, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime221.jsxs)(Root23, { ...props, children: [
|
|
21610
|
+
/* @__PURE__ */ (0, import_jsx_runtime221.jsx)(PrimitiveCoachMarkTrigger, { by: trigger }),
|
|
21688
21611
|
children
|
|
21689
21612
|
] }), "PrimitiveCoachMarkRoot");
|
|
21690
|
-
var PrimitiveCoachMarkAnchor = /* @__PURE__ */ __name(({ className }) => /* @__PURE__ */ (0,
|
|
21613
|
+
var PrimitiveCoachMarkAnchor = /* @__PURE__ */ __name(({ className }) => /* @__PURE__ */ (0, import_jsx_runtime221.jsx)(
|
|
21691
21614
|
"svg",
|
|
21692
21615
|
{
|
|
21693
21616
|
className,
|
|
@@ -21696,7 +21619,7 @@ var PrimitiveCoachMarkAnchor = /* @__PURE__ */ __name(({ className }) => /* @__P
|
|
|
21696
21619
|
height: "24",
|
|
21697
21620
|
viewBox: "0 0 10 24",
|
|
21698
21621
|
fill: "none",
|
|
21699
|
-
children: /* @__PURE__ */ (0,
|
|
21622
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime221.jsx)(
|
|
21700
21623
|
"path",
|
|
21701
21624
|
{
|
|
21702
21625
|
fillRule: "evenodd",
|
|
@@ -21707,7 +21630,7 @@ var PrimitiveCoachMarkAnchor = /* @__PURE__ */ __name(({ className }) => /* @__P
|
|
|
21707
21630
|
)
|
|
21708
21631
|
}
|
|
21709
21632
|
), "PrimitiveCoachMarkAnchor");
|
|
21710
|
-
var PrimitiveCoachMarkContent = (0,
|
|
21633
|
+
var PrimitiveCoachMarkContent = (0, import_react26.forwardRef)(({ children, className, container, ...rest }, ref) => /* @__PURE__ */ (0, import_jsx_runtime221.jsx)(Portal2, { container, children: /* @__PURE__ */ (0, import_jsx_runtime221.jsxs)(
|
|
21711
21634
|
Content2,
|
|
21712
21635
|
{
|
|
21713
21636
|
ref,
|
|
@@ -21715,7 +21638,7 @@ var PrimitiveCoachMarkContent = (0, import_react27.forwardRef)(({ children, clas
|
|
|
21715
21638
|
...rest,
|
|
21716
21639
|
children: [
|
|
21717
21640
|
children,
|
|
21718
|
-
/* @__PURE__ */ (0,
|
|
21641
|
+
/* @__PURE__ */ (0, import_jsx_runtime221.jsx)(Arrow22, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime221.jsx)(PrimitiveCoachMarkAnchor, { className: (0, import_clsx20.default)(primitiveCoachMarkAnchorVariants()) }) })
|
|
21719
21642
|
]
|
|
21720
21643
|
}
|
|
21721
21644
|
) }));
|
|
@@ -21726,10 +21649,10 @@ var PrimitiveCoachMark = Object.assign(PrimitiveCoachMarkRoot, {
|
|
|
21726
21649
|
});
|
|
21727
21650
|
|
|
21728
21651
|
// src/components/coach-mark/compact/index.tsx
|
|
21729
|
-
var
|
|
21652
|
+
var import_react28 = require("react");
|
|
21730
21653
|
|
|
21731
21654
|
// src/components/coach-mark/compact/style.module.scss
|
|
21732
|
-
var
|
|
21655
|
+
var style_module_default20 = {
|
|
21733
21656
|
"content": "_content_1tkjk_1",
|
|
21734
21657
|
"slideIn": "_slideIn_1tkjk_1",
|
|
21735
21658
|
"closeButton": "_closeButton_1tkjk_20",
|
|
@@ -21743,10 +21666,10 @@ var import_clsx21 = __toESM(require("clsx"));
|
|
|
21743
21666
|
var import_cva13 = require("cva");
|
|
21744
21667
|
|
|
21745
21668
|
// src/components/Tag/index.tsx
|
|
21746
|
-
var
|
|
21669
|
+
var import_react27 = require("react");
|
|
21747
21670
|
|
|
21748
21671
|
// src/components/Tag/style.module.scss
|
|
21749
|
-
var
|
|
21672
|
+
var style_module_default21 = {
|
|
21750
21673
|
"tag": "_tag_148vi_2",
|
|
21751
21674
|
"s": "_s_148vi_12",
|
|
21752
21675
|
"m": "_m_148vi_18",
|
|
@@ -21969,28 +21892,28 @@ var style_module_default22 = {
|
|
|
21969
21892
|
|
|
21970
21893
|
// src/components/Tag/index.tsx
|
|
21971
21894
|
var import_cva12 = require("cva");
|
|
21972
|
-
var
|
|
21895
|
+
var import_jsx_runtime222 = require("react/jsx-runtime");
|
|
21973
21896
|
var tagVariants = (0, import_cva12.cva)({
|
|
21974
|
-
base:
|
|
21897
|
+
base: style_module_default21.tag,
|
|
21975
21898
|
variants: {
|
|
21976
|
-
color: arrayToStyleObject(colorOptions,
|
|
21977
|
-
backgroundColor: arrayToStyleObject(colorOptions,
|
|
21978
|
-
borderColor: arrayToStyleObject(colorOptions,
|
|
21899
|
+
color: arrayToStyleObject(colorOptions, style_module_default21, "color"),
|
|
21900
|
+
backgroundColor: arrayToStyleObject(colorOptions, style_module_default21, "bg"),
|
|
21901
|
+
borderColor: arrayToStyleObject(colorOptions, style_module_default21, "border"),
|
|
21979
21902
|
size: {
|
|
21980
|
-
s:
|
|
21981
|
-
m:
|
|
21982
|
-
l:
|
|
21903
|
+
s: style_module_default21.s,
|
|
21904
|
+
m: style_module_default21.m,
|
|
21905
|
+
l: style_module_default21.l
|
|
21983
21906
|
},
|
|
21984
21907
|
thick: {
|
|
21985
|
-
true:
|
|
21908
|
+
true: style_module_default21.thick
|
|
21986
21909
|
},
|
|
21987
21910
|
radius: {
|
|
21988
|
-
square:
|
|
21989
|
-
rounded:
|
|
21911
|
+
square: style_module_default21.square,
|
|
21912
|
+
rounded: style_module_default21.rounded
|
|
21990
21913
|
}
|
|
21991
21914
|
}
|
|
21992
21915
|
});
|
|
21993
|
-
var Tag = (0,
|
|
21916
|
+
var Tag = (0, import_react27.forwardRef)(
|
|
21994
21917
|
({
|
|
21995
21918
|
children,
|
|
21996
21919
|
color = "neutral-label-static-primary",
|
|
@@ -22001,7 +21924,7 @@ var Tag = (0, import_react28.forwardRef)(
|
|
|
22001
21924
|
size: size4 = "s",
|
|
22002
21925
|
...rest
|
|
22003
21926
|
}, ref) => {
|
|
22004
|
-
return /* @__PURE__ */ (0,
|
|
21927
|
+
return /* @__PURE__ */ (0, import_jsx_runtime222.jsx)(
|
|
22005
21928
|
Caption,
|
|
22006
21929
|
{
|
|
22007
21930
|
ref,
|
|
@@ -22018,21 +21941,21 @@ var Tag = (0, import_react28.forwardRef)(
|
|
|
22018
21941
|
);
|
|
22019
21942
|
|
|
22020
21943
|
// src/components/coach-mark/compact/index.tsx
|
|
22021
|
-
var
|
|
21944
|
+
var import_jsx_runtime223 = require("react/jsx-runtime");
|
|
22022
21945
|
var compactCoachMarkVariants = (0, import_cva13.cva)({
|
|
22023
|
-
base:
|
|
21946
|
+
base: style_module_default20.content,
|
|
22024
21947
|
variants: {
|
|
22025
21948
|
level: {
|
|
22026
|
-
brand:
|
|
22027
|
-
"inverse-static":
|
|
22028
|
-
inverse:
|
|
21949
|
+
brand: style_module_default20.brand,
|
|
21950
|
+
"inverse-static": style_module_default20["inverse-static"],
|
|
21951
|
+
inverse: style_module_default20.inverse
|
|
22029
21952
|
}
|
|
22030
21953
|
}
|
|
22031
21954
|
});
|
|
22032
21955
|
var CompactCoachMarkRoot = /* @__PURE__ */ __name((props) => {
|
|
22033
|
-
return /* @__PURE__ */ (0,
|
|
21956
|
+
return /* @__PURE__ */ (0, import_jsx_runtime223.jsx)(PrimitiveCoachMark, { ...props });
|
|
22034
21957
|
}, "CompactCoachMarkRoot");
|
|
22035
|
-
var CompactCoachMarkContent = (0,
|
|
21958
|
+
var CompactCoachMarkContent = (0, import_react28.forwardRef)(({ tag, title, level = "brand", className, side = "top", sideOffset = -15, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime223.jsxs)(
|
|
22036
21959
|
PrimitiveCoachMark.Content,
|
|
22037
21960
|
{
|
|
22038
21961
|
ref,
|
|
@@ -22041,7 +21964,7 @@ var CompactCoachMarkContent = (0, import_react29.forwardRef)(({ tag, title, leve
|
|
|
22041
21964
|
sideOffset,
|
|
22042
21965
|
...props,
|
|
22043
21966
|
children: [
|
|
22044
|
-
tag && /* @__PURE__ */ (0,
|
|
21967
|
+
tag && /* @__PURE__ */ (0, import_jsx_runtime223.jsx)(
|
|
22045
21968
|
Tag,
|
|
22046
21969
|
{
|
|
22047
21970
|
color: level === "inverse" ? "neutral-label-primary" : "neutral-label-static-primary",
|
|
@@ -22049,7 +21972,7 @@ var CompactCoachMarkContent = (0, import_react29.forwardRef)(({ tag, title, leve
|
|
|
22049
21972
|
children: tag
|
|
22050
21973
|
}
|
|
22051
21974
|
),
|
|
22052
|
-
/* @__PURE__ */ (0,
|
|
21975
|
+
/* @__PURE__ */ (0, import_jsx_runtime223.jsx)(Caption, { size: 2, type: "normal", weight: "bold", color: "inverse-label-static-primary", children: title })
|
|
22053
21976
|
]
|
|
22054
21977
|
}
|
|
22055
21978
|
));
|
|
@@ -22060,7 +21983,7 @@ var CompactCoachMark = Object.assign(CompactCoachMarkRoot, {
|
|
|
22060
21983
|
});
|
|
22061
21984
|
|
|
22062
21985
|
// src/components/coach-mark/main/style.module.scss
|
|
22063
|
-
var
|
|
21986
|
+
var style_module_default22 = {
|
|
22064
21987
|
"content": "_content_196c9_1",
|
|
22065
21988
|
"slideIn": "_slideIn_196c9_1",
|
|
22066
21989
|
"brand": "_brand_196c9_19",
|
|
@@ -22077,7 +22000,7 @@ var style_module_default23 = {
|
|
|
22077
22000
|
};
|
|
22078
22001
|
|
|
22079
22002
|
// src/components/coach-mark/main/index.tsx
|
|
22080
|
-
var
|
|
22003
|
+
var import_react29 = require("react");
|
|
22081
22004
|
var import_cva14 = require("cva");
|
|
22082
22005
|
var import_clsx22 = __toESM(require("clsx"));
|
|
22083
22006
|
|
|
@@ -22144,7 +22067,7 @@ var useIllust = /* @__PURE__ */ __name(({ darkSrc, src }) => {
|
|
|
22144
22067
|
}, "useIllust");
|
|
22145
22068
|
|
|
22146
22069
|
// src/components/Illust/index.tsx
|
|
22147
|
-
var
|
|
22070
|
+
var import_jsx_runtime224 = require("react/jsx-runtime");
|
|
22148
22071
|
var Illust = /* @__PURE__ */ __name((props) => {
|
|
22149
22072
|
const { src, width, margin } = props;
|
|
22150
22073
|
const { sourcePrefix, currentSourceByColorTheme } = useIllust({
|
|
@@ -22157,7 +22080,7 @@ var Illust = /* @__PURE__ */ __name((props) => {
|
|
|
22157
22080
|
margin
|
|
22158
22081
|
};
|
|
22159
22082
|
const source = `${sourcePrefix}${currentSourceByColorTheme}.webp`;
|
|
22160
|
-
return /* @__PURE__ */ (0,
|
|
22083
|
+
return /* @__PURE__ */ (0, import_jsx_runtime224.jsx)("div", { style: css, children: /* @__PURE__ */ (0, import_jsx_runtime224.jsx)(
|
|
22161
22084
|
import_image.default,
|
|
22162
22085
|
{
|
|
22163
22086
|
...props,
|
|
@@ -22171,14 +22094,14 @@ var Illust = /* @__PURE__ */ __name((props) => {
|
|
|
22171
22094
|
}, "Illust");
|
|
22172
22095
|
|
|
22173
22096
|
// src/components/coach-mark/main/index.tsx
|
|
22174
|
-
var
|
|
22097
|
+
var import_jsx_runtime225 = require("react/jsx-runtime");
|
|
22175
22098
|
var coachMarkVariants = (0, import_cva14.cva)({
|
|
22176
|
-
base:
|
|
22099
|
+
base: style_module_default22.content,
|
|
22177
22100
|
variants: {
|
|
22178
22101
|
level: {
|
|
22179
|
-
brand:
|
|
22180
|
-
"inverse-static":
|
|
22181
|
-
inverse:
|
|
22102
|
+
brand: style_module_default22.brand,
|
|
22103
|
+
"inverse-static": style_module_default22["inverse-static"],
|
|
22104
|
+
inverse: style_module_default22.inverse
|
|
22182
22105
|
}
|
|
22183
22106
|
}
|
|
22184
22107
|
});
|
|
@@ -22189,8 +22112,8 @@ var coachMarkLevelButtonLevelMap = {
|
|
|
22189
22112
|
};
|
|
22190
22113
|
var CoachMarkRoot = /* @__PURE__ */ __name((props) => {
|
|
22191
22114
|
const { children } = props;
|
|
22192
|
-
(0,
|
|
22193
|
-
if ((0,
|
|
22115
|
+
(0, import_react29.useEffect)(() => {
|
|
22116
|
+
if ((0, import_react29.isValidElement)(children) && "image" in children.props) {
|
|
22194
22117
|
const imageProps = children.props.image;
|
|
22195
22118
|
if (imageProps?.src) {
|
|
22196
22119
|
const img = new Image();
|
|
@@ -22198,9 +22121,9 @@ var CoachMarkRoot = /* @__PURE__ */ __name((props) => {
|
|
|
22198
22121
|
}
|
|
22199
22122
|
}
|
|
22200
22123
|
}, []);
|
|
22201
|
-
return /* @__PURE__ */ (0,
|
|
22124
|
+
return /* @__PURE__ */ (0, import_jsx_runtime225.jsx)(PrimitiveCoachMark, { ...props });
|
|
22202
22125
|
}, "CoachMarkRoot");
|
|
22203
|
-
var CoachMarkContent = (0,
|
|
22126
|
+
var CoachMarkContent = (0, import_react29.forwardRef)(
|
|
22204
22127
|
({
|
|
22205
22128
|
level = "brand",
|
|
22206
22129
|
width,
|
|
@@ -22218,7 +22141,7 @@ var CoachMarkContent = (0, import_react30.forwardRef)(
|
|
|
22218
22141
|
secondaryButton,
|
|
22219
22142
|
onClose,
|
|
22220
22143
|
...rest
|
|
22221
|
-
}, ref) => /* @__PURE__ */ (0,
|
|
22144
|
+
}, ref) => /* @__PURE__ */ (0, import_jsx_runtime225.jsxs)(
|
|
22222
22145
|
PrimitiveCoachMark.Content,
|
|
22223
22146
|
{
|
|
22224
22147
|
ref,
|
|
@@ -22228,22 +22151,22 @@ var CoachMarkContent = (0, import_react30.forwardRef)(
|
|
|
22228
22151
|
sideOffset,
|
|
22229
22152
|
...rest,
|
|
22230
22153
|
children: [
|
|
22231
|
-
/* @__PURE__ */ (0,
|
|
22154
|
+
/* @__PURE__ */ (0, import_jsx_runtime225.jsx)(Close, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime225.jsx)(
|
|
22232
22155
|
IconButton,
|
|
22233
22156
|
{
|
|
22234
22157
|
icon: { name: "close" },
|
|
22235
22158
|
size: "xs",
|
|
22236
22159
|
level: level === "inverse" ? "inverse" : "inverse-static",
|
|
22237
22160
|
fill: false,
|
|
22238
|
-
className:
|
|
22161
|
+
className: style_module_default22.closeButton,
|
|
22239
22162
|
onClick: onClose
|
|
22240
22163
|
}
|
|
22241
22164
|
) }),
|
|
22242
|
-
/* @__PURE__ */ (0,
|
|
22243
|
-
illust && /* @__PURE__ */ (0,
|
|
22244
|
-
/* @__PURE__ */ (0,
|
|
22245
|
-
/* @__PURE__ */ (0,
|
|
22246
|
-
tag && /* @__PURE__ */ (0,
|
|
22165
|
+
/* @__PURE__ */ (0, import_jsx_runtime225.jsxs)("header", { className: style_module_default22.top, children: [
|
|
22166
|
+
illust && /* @__PURE__ */ (0, import_jsx_runtime225.jsx)(Illust, { width: 72, ...illust }),
|
|
22167
|
+
/* @__PURE__ */ (0, import_jsx_runtime225.jsxs)("div", { className: style_module_default22.main, children: [
|
|
22168
|
+
/* @__PURE__ */ (0, import_jsx_runtime225.jsxs)("div", { className: style_module_default22.title, children: [
|
|
22169
|
+
tag && /* @__PURE__ */ (0, import_jsx_runtime225.jsx)(
|
|
22247
22170
|
Tag,
|
|
22248
22171
|
{
|
|
22249
22172
|
color: level === "inverse" ? "neutral-label-primary" : "neutral-label-static-primary",
|
|
@@ -22251,7 +22174,7 @@ var CoachMarkContent = (0, import_react30.forwardRef)(
|
|
|
22251
22174
|
children: tag
|
|
22252
22175
|
}
|
|
22253
22176
|
),
|
|
22254
|
-
icon && /* @__PURE__ */ (0,
|
|
22177
|
+
icon && /* @__PURE__ */ (0, import_jsx_runtime225.jsx)(
|
|
22255
22178
|
Icon,
|
|
22256
22179
|
{
|
|
22257
22180
|
name: icon.name,
|
|
@@ -22261,7 +22184,7 @@ var CoachMarkContent = (0, import_react30.forwardRef)(
|
|
|
22261
22184
|
type: level === "inverse" ? "inverse-label-primary" : "inverse-label-static-primary"
|
|
22262
22185
|
}
|
|
22263
22186
|
),
|
|
22264
|
-
title && /* @__PURE__ */ (0,
|
|
22187
|
+
title && /* @__PURE__ */ (0, import_jsx_runtime225.jsx)(
|
|
22265
22188
|
Paragraph,
|
|
22266
22189
|
{
|
|
22267
22190
|
size: 4,
|
|
@@ -22272,17 +22195,17 @@ var CoachMarkContent = (0, import_react30.forwardRef)(
|
|
|
22272
22195
|
}
|
|
22273
22196
|
)
|
|
22274
22197
|
] }),
|
|
22275
|
-
image && /* @__PURE__ */ (0,
|
|
22198
|
+
image && /* @__PURE__ */ (0, import_jsx_runtime225.jsx)("div", { className: style_module_default22["image-container"], children: /* @__PURE__ */ (0, import_jsx_runtime225.jsx)(
|
|
22276
22199
|
"img",
|
|
22277
22200
|
{
|
|
22278
|
-
className:
|
|
22201
|
+
className: style_module_default22.image,
|
|
22279
22202
|
src: image.src ?? "",
|
|
22280
22203
|
alt: image.alt ?? "",
|
|
22281
22204
|
width: 280,
|
|
22282
22205
|
height: 160
|
|
22283
22206
|
}
|
|
22284
22207
|
) }),
|
|
22285
|
-
description && /* @__PURE__ */ (0,
|
|
22208
|
+
description && /* @__PURE__ */ (0, import_jsx_runtime225.jsx)("div", { className: style_module_default22.description, children: /* @__PURE__ */ (0, import_jsx_runtime225.jsx)(
|
|
22286
22209
|
Caption,
|
|
22287
22210
|
{
|
|
22288
22211
|
size: 2,
|
|
@@ -22294,8 +22217,8 @@ var CoachMarkContent = (0, import_react30.forwardRef)(
|
|
|
22294
22217
|
) })
|
|
22295
22218
|
] })
|
|
22296
22219
|
] }),
|
|
22297
|
-
/* @__PURE__ */ (0,
|
|
22298
|
-
step ? /* @__PURE__ */ (0,
|
|
22220
|
+
/* @__PURE__ */ (0, import_jsx_runtime225.jsxs)("footer", { className: style_module_default22.footer, children: [
|
|
22221
|
+
step ? /* @__PURE__ */ (0, import_jsx_runtime225.jsxs)(
|
|
22299
22222
|
Caption,
|
|
22300
22223
|
{
|
|
22301
22224
|
size: 2,
|
|
@@ -22308,9 +22231,9 @@ var CoachMarkContent = (0, import_react30.forwardRef)(
|
|
|
22308
22231
|
step.total
|
|
22309
22232
|
]
|
|
22310
22233
|
}
|
|
22311
|
-
) : /* @__PURE__ */ (0,
|
|
22312
|
-
/* @__PURE__ */ (0,
|
|
22313
|
-
secondaryButton && /* @__PURE__ */ (0,
|
|
22234
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime225.jsx)("div", { className: style_module_default22.empty }),
|
|
22235
|
+
/* @__PURE__ */ (0, import_jsx_runtime225.jsxs)("div", { className: style_module_default22.buttonGroup, children: [
|
|
22236
|
+
secondaryButton && /* @__PURE__ */ (0, import_jsx_runtime225.jsx)(
|
|
22314
22237
|
TextButton,
|
|
22315
22238
|
{
|
|
22316
22239
|
size: "s",
|
|
@@ -22318,7 +22241,7 @@ var CoachMarkContent = (0, import_react30.forwardRef)(
|
|
|
22318
22241
|
...secondaryButton
|
|
22319
22242
|
}
|
|
22320
22243
|
),
|
|
22321
|
-
primaryButton && /* @__PURE__ */ (0,
|
|
22244
|
+
primaryButton && /* @__PURE__ */ (0, import_jsx_runtime225.jsx)(Button, { size: "s", level: coachMarkLevelButtonLevelMap[level], ...primaryButton })
|
|
22322
22245
|
] })
|
|
22323
22246
|
] })
|
|
22324
22247
|
]
|