@liner-fe/prism 3.4.12 → 3.5.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/index.css +339 -249
- package/lib/index.d.ts +161 -32
- package/lib/index.js +963 -472
- package/package.json +6 -3
package/lib/index.js
CHANGED
|
@@ -1279,6 +1279,8 @@ var Textfield = forwardRef13((props, ref) => {
|
|
|
1279
1279
|
onClear,
|
|
1280
1280
|
...rest
|
|
1281
1281
|
} = props;
|
|
1282
|
+
const errorId = useId();
|
|
1283
|
+
const hasError = !!error;
|
|
1282
1284
|
const inputRef = useRef(null);
|
|
1283
1285
|
const [value, setValue] = useState("");
|
|
1284
1286
|
const [deidentifiy, setDeidentifiy] = useState(true);
|
|
@@ -1352,7 +1354,9 @@ var Textfield = forwardRef13((props, ref) => {
|
|
|
1352
1354
|
disabled,
|
|
1353
1355
|
value: textfieldValue,
|
|
1354
1356
|
onChange: handleChange,
|
|
1355
|
-
...rest
|
|
1357
|
+
...rest,
|
|
1358
|
+
"aria-invalid": hasError || void 0,
|
|
1359
|
+
"aria-describedby": hasError ? errorId : rest["aria-describedby"]
|
|
1356
1360
|
}
|
|
1357
1361
|
),
|
|
1358
1362
|
/* @__PURE__ */ jsx17(
|
|
@@ -1408,20 +1412,29 @@ var Textfield = forwardRef13((props, ref) => {
|
|
|
1408
1412
|
}
|
|
1409
1413
|
),
|
|
1410
1414
|
displayFooter && /* @__PURE__ */ jsxs7("div", { className: style_module_default11.footer, children: [
|
|
1411
|
-
/* @__PURE__ */ jsx17(
|
|
1412
|
-
|
|
1413
|
-
|
|
1414
|
-
|
|
1415
|
-
|
|
1416
|
-
|
|
1417
|
-
|
|
1418
|
-
|
|
1419
|
-
|
|
1420
|
-
|
|
1421
|
-
|
|
1422
|
-
|
|
1423
|
-
|
|
1424
|
-
|
|
1415
|
+
/* @__PURE__ */ jsx17(
|
|
1416
|
+
"div",
|
|
1417
|
+
{
|
|
1418
|
+
id: hasError ? errorId : void 0,
|
|
1419
|
+
"aria-live": "polite",
|
|
1420
|
+
"aria-atomic": "true",
|
|
1421
|
+
className: style_module_default11["error-wrapper"],
|
|
1422
|
+
children: error && /* @__PURE__ */ jsxs7(Fragment6, { children: [
|
|
1423
|
+
/* @__PURE__ */ jsx17(IconExclamationmarkFill2, { fill: true, size: "xs", type: "function-label-negative" }),
|
|
1424
|
+
/* @__PURE__ */ jsx17(
|
|
1425
|
+
Caption,
|
|
1426
|
+
{
|
|
1427
|
+
size: 3,
|
|
1428
|
+
type: "normal",
|
|
1429
|
+
weight: "regular",
|
|
1430
|
+
color: "function-label-negative",
|
|
1431
|
+
className: style_module_default11["error-message"],
|
|
1432
|
+
children: error
|
|
1433
|
+
}
|
|
1434
|
+
)
|
|
1435
|
+
] })
|
|
1436
|
+
}
|
|
1437
|
+
),
|
|
1425
1438
|
maxCharacter && /* @__PURE__ */ jsxs7(Caption, { className: style_module_default11.character, size: 3, type: "normal", weight: "regular", children: [
|
|
1426
1439
|
isControlled ? controlledValue.length : value.length,
|
|
1427
1440
|
"/",
|
|
@@ -1433,253 +1446,729 @@ var Textfield = forwardRef13((props, ref) => {
|
|
|
1433
1446
|
Textfield.displayName = "Textfield";
|
|
1434
1447
|
|
|
1435
1448
|
// src/components/Select/index.tsx
|
|
1436
|
-
import { Select as
|
|
1437
|
-
import {
|
|
1449
|
+
import { Select as RadixSelect } from "radix-ui";
|
|
1450
|
+
import {
|
|
1451
|
+
createContext,
|
|
1452
|
+
forwardRef as forwardRef14,
|
|
1453
|
+
useContext,
|
|
1454
|
+
useId as useId2,
|
|
1455
|
+
useMemo
|
|
1456
|
+
} from "react";
|
|
1457
|
+
import clsx14 from "clsx";
|
|
1458
|
+
import { IconInfo, IconArrowDownward, IconCheckMark as IconCheckMark2 } from "@liner-fe/icon";
|
|
1438
1459
|
|
|
1439
|
-
// src/components/
|
|
1460
|
+
// src/components/ListItem/style.module.scss
|
|
1440
1461
|
var style_module_default12 = {
|
|
1441
|
-
"
|
|
1442
|
-
"
|
|
1443
|
-
"
|
|
1444
|
-
"
|
|
1445
|
-
"
|
|
1446
|
-
"
|
|
1447
|
-
|
|
1448
|
-
|
|
1449
|
-
|
|
1450
|
-
|
|
1451
|
-
"
|
|
1452
|
-
"
|
|
1453
|
-
"
|
|
1454
|
-
"
|
|
1455
|
-
"
|
|
1456
|
-
"icon": "
|
|
1457
|
-
"
|
|
1458
|
-
"
|
|
1459
|
-
"
|
|
1460
|
-
"
|
|
1461
|
-
"
|
|
1462
|
-
"
|
|
1462
|
+
"root": "_root_mmjcv_9",
|
|
1463
|
+
"label": "_label_mmjcv_6",
|
|
1464
|
+
"main": "_main_mmjcv_6",
|
|
1465
|
+
"labelRow": "_labelRow_mmjcv_6",
|
|
1466
|
+
"labelEnd": "_labelEnd_mmjcv_6",
|
|
1467
|
+
"description": "_description_mmjcv_6"
|
|
1468
|
+
};
|
|
1469
|
+
|
|
1470
|
+
// src/components/Select/style.module.scss
|
|
1471
|
+
var style_module_default13 = {
|
|
1472
|
+
"root": "_root_un7lw_3",
|
|
1473
|
+
"label": "_label_un7lw_35",
|
|
1474
|
+
"requiredMark": "_requiredMark_un7lw_40",
|
|
1475
|
+
"srOnly": "_srOnly_un7lw_45",
|
|
1476
|
+
"trigger": "_trigger_un7lw_58",
|
|
1477
|
+
"icon": "_icon_un7lw_91",
|
|
1478
|
+
"triggerButton": "_triggerButton_un7lw_155",
|
|
1479
|
+
"errorMessage": "_errorMessage_un7lw_199",
|
|
1480
|
+
"errorText": "_errorText_un7lw_207",
|
|
1481
|
+
"content": "_content_un7lw_216",
|
|
1482
|
+
"fadeScaleIn": "_fadeScaleIn_un7lw_1",
|
|
1483
|
+
"viewport": "_viewport_un7lw_247",
|
|
1484
|
+
"selectItem": "_selectItem_un7lw_279",
|
|
1485
|
+
"itemLabel": "_itemLabel_un7lw_331",
|
|
1486
|
+
"itemIndicator": "_itemIndicator_un7lw_336",
|
|
1487
|
+
"trailingSlot": "_trailingSlot_un7lw_344",
|
|
1488
|
+
"group": "_group_un7lw_357",
|
|
1489
|
+
"groupLabel": "_groupLabel_un7lw_372"
|
|
1463
1490
|
};
|
|
1464
1491
|
|
|
1465
1492
|
// src/components/Select/index.tsx
|
|
1466
|
-
import {
|
|
1467
|
-
|
|
1468
|
-
|
|
1469
|
-
|
|
1470
|
-
|
|
1471
|
-
|
|
1472
|
-
|
|
1473
|
-
|
|
1474
|
-
|
|
1475
|
-
|
|
1476
|
-
|
|
1477
|
-
|
|
1478
|
-
|
|
1479
|
-
|
|
1493
|
+
import { Fragment as Fragment7, jsx as jsx18, jsxs as jsxs8 } from "react/jsx-runtime";
|
|
1494
|
+
var SelectInternalContext = createContext({
|
|
1495
|
+
triggerType: "select-field"
|
|
1496
|
+
});
|
|
1497
|
+
var SelectRoot = forwardRef14(
|
|
1498
|
+
({
|
|
1499
|
+
label,
|
|
1500
|
+
placeholder,
|
|
1501
|
+
error,
|
|
1502
|
+
size,
|
|
1503
|
+
trigger = "select-field",
|
|
1504
|
+
triggerContent,
|
|
1505
|
+
width,
|
|
1506
|
+
dir,
|
|
1507
|
+
className,
|
|
1508
|
+
required,
|
|
1509
|
+
disabled,
|
|
1510
|
+
children,
|
|
1511
|
+
...rootProps
|
|
1512
|
+
}, ref) => {
|
|
1513
|
+
const triggerType = trigger;
|
|
1514
|
+
const isButtonTrigger = triggerType === "select-button";
|
|
1515
|
+
const resolvedSize = size ?? (isButtonTrigger ? "m" : "l");
|
|
1516
|
+
const triggerWidth = width?.trigger;
|
|
1517
|
+
const listWidth = width?.list;
|
|
1518
|
+
const rootStyle = triggerWidth != null ? { width: `${triggerWidth}px` } : void 0;
|
|
1519
|
+
const contextValue = useMemo(
|
|
1520
|
+
() => ({ triggerType, listWidth }),
|
|
1521
|
+
[triggerType, listWidth]
|
|
1522
|
+
);
|
|
1523
|
+
const labelId = useId2();
|
|
1524
|
+
const errorId = useId2();
|
|
1525
|
+
const hasError = !!error;
|
|
1526
|
+
const showLabel = !isButtonTrigger && label != null;
|
|
1527
|
+
const showErrorMessage = !isButtonTrigger && hasError && typeof error !== "boolean";
|
|
1528
|
+
const labelColor = hasError ? "function-label-negative" : disabled ? "neutral-label-tertiary" : "neutral-label-secondary";
|
|
1529
|
+
return /* @__PURE__ */ jsx18(SelectInternalContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxs8(
|
|
1530
|
+
"div",
|
|
1480
1531
|
{
|
|
1481
|
-
|
|
1482
|
-
|
|
1483
|
-
|
|
1484
|
-
|
|
1485
|
-
|
|
1486
|
-
|
|
1487
|
-
|
|
1488
|
-
|
|
1489
|
-
instance.ontouchstart = (e) => {
|
|
1490
|
-
e.stopPropagation();
|
|
1491
|
-
};
|
|
1492
|
-
},
|
|
1493
|
-
className: clsx14(style_module_default12["desktop-content"], {
|
|
1494
|
-
[style_module_default12["responsive"]]: isResponsive
|
|
1495
|
-
}),
|
|
1496
|
-
position: "popper",
|
|
1497
|
-
side: popSide,
|
|
1498
|
-
sideOffset,
|
|
1499
|
-
avoidCollisions: false,
|
|
1500
|
-
children: /* @__PURE__ */ jsxs8(ScrollArea.Root, { className: style_module_default12.scrollAreaRoot, type: "always", children: [
|
|
1501
|
-
/* @__PURE__ */ jsx18(SelectPrimitive.Viewport, { asChild: true, children: /* @__PURE__ */ jsx18(
|
|
1502
|
-
ScrollArea.Viewport,
|
|
1532
|
+
className: clsx14(style_module_default13.root, className),
|
|
1533
|
+
style: rootStyle,
|
|
1534
|
+
"data-size": resolvedSize,
|
|
1535
|
+
"data-trigger-type": triggerType,
|
|
1536
|
+
"data-error": hasError ? "" : void 0,
|
|
1537
|
+
children: [
|
|
1538
|
+
showLabel && /* @__PURE__ */ jsxs8(
|
|
1539
|
+
Caption,
|
|
1503
1540
|
{
|
|
1504
|
-
|
|
1505
|
-
|
|
1506
|
-
|
|
1507
|
-
|
|
1508
|
-
|
|
1509
|
-
|
|
1510
|
-
|
|
1511
|
-
|
|
1512
|
-
|
|
1513
|
-
|
|
1514
|
-
|
|
1515
|
-
|
|
1516
|
-
|
|
1517
|
-
children
|
|
1518
|
-
] })
|
|
1541
|
+
id: labelId,
|
|
1542
|
+
size: 2,
|
|
1543
|
+
type: "normal",
|
|
1544
|
+
weight: "regular",
|
|
1545
|
+
color: labelColor,
|
|
1546
|
+
className: style_module_default13.label,
|
|
1547
|
+
children: [
|
|
1548
|
+
label,
|
|
1549
|
+
required && /* @__PURE__ */ jsxs8(Fragment7, { children: [
|
|
1550
|
+
/* @__PURE__ */ jsx18("span", { "aria-hidden": "true", className: style_module_default13.requiredMark, children: "*" }),
|
|
1551
|
+
/* @__PURE__ */ jsx18("span", { className: style_module_default13.srOnly, children: " (\uD544\uC218)" })
|
|
1552
|
+
] })
|
|
1553
|
+
]
|
|
1519
1554
|
}
|
|
1520
|
-
)
|
|
1521
|
-
/* @__PURE__ */
|
|
1522
|
-
|
|
1555
|
+
),
|
|
1556
|
+
/* @__PURE__ */ jsxs8(RadixSelect.Root, { ...rootProps, dir, required, disabled, children: [
|
|
1557
|
+
isButtonTrigger ? (
|
|
1558
|
+
/* button trigger: 실제 prism Button 컴포넌트 사용 (asChild로 Radix Trigger props merge).
|
|
1559
|
+
level="tertiary"가 Figma button trigger와 매칭 — neutral-fill-opaque-lowest bg + neutral-border-overlay-normal border + neutral-label-primary color.
|
|
1560
|
+
Button size: s/m/l 그대로 매핑. chevron은 rightIcon으로 전달 (rotation 미지원 — Button rightIcon은 정적 아이콘). */
|
|
1561
|
+
/* @__PURE__ */ jsx18(
|
|
1562
|
+
RadixSelect.Trigger,
|
|
1563
|
+
{
|
|
1564
|
+
asChild: true,
|
|
1565
|
+
"aria-haspopup": "listbox",
|
|
1566
|
+
"aria-labelledby": showLabel ? labelId : void 0,
|
|
1567
|
+
"aria-describedby": showErrorMessage ? errorId : void 0,
|
|
1568
|
+
"aria-invalid": hasError || void 0,
|
|
1569
|
+
children: /* @__PURE__ */ jsx18(
|
|
1570
|
+
Button,
|
|
1571
|
+
{
|
|
1572
|
+
ref,
|
|
1573
|
+
level: "tertiary",
|
|
1574
|
+
size: resolvedSize,
|
|
1575
|
+
width: "full",
|
|
1576
|
+
rightIcon: { icon: IconArrowDownward },
|
|
1577
|
+
className: style_module_default13.triggerButton,
|
|
1578
|
+
children: triggerContent !== void 0 ? (
|
|
1579
|
+
/* triggerContent 제공 시 RadixSelect.Value 완전 우회 — Radix의 hasChildren 경로는
|
|
1580
|
+
useLayoutEffect → SelectImpl setState → context broadcast로 전체 트리 reconciliation을
|
|
1581
|
+
유발. consumer가 controlled value 기반으로 직접 렌더하므로 우회해도 무방. */
|
|
1582
|
+
triggerContent
|
|
1583
|
+
) : /* @__PURE__ */ jsx18(RadixSelect.Value, { placeholder })
|
|
1584
|
+
}
|
|
1585
|
+
)
|
|
1586
|
+
}
|
|
1587
|
+
)
|
|
1588
|
+
) : (
|
|
1589
|
+
/* field trigger: button element + Textfield 시각 (visual-only).
|
|
1590
|
+
input이 아닌 이유 — APG Select-Only Combobox 1.2 패턴.
|
|
1591
|
+
input은 "타이핑 가능" 의미 → false signal. native <select>도 시각만 input-like + 의미는 button.
|
|
1592
|
+
Textfield의 className 시스템 미reuse — Textfield는 input 전제 로직 (value/onChange/clear)이 trigger와 충돌. */
|
|
1593
|
+
/* @__PURE__ */ jsxs8(
|
|
1594
|
+
RadixSelect.Trigger,
|
|
1595
|
+
{
|
|
1596
|
+
ref,
|
|
1597
|
+
"aria-haspopup": "listbox",
|
|
1598
|
+
"aria-labelledby": showLabel ? labelId : void 0,
|
|
1599
|
+
"aria-describedby": showErrorMessage ? errorId : void 0,
|
|
1600
|
+
"aria-invalid": hasError || void 0,
|
|
1601
|
+
className: style_module_default13.trigger,
|
|
1602
|
+
"data-size": resolvedSize,
|
|
1603
|
+
"data-trigger-type": triggerType,
|
|
1604
|
+
children: [
|
|
1605
|
+
triggerContent !== void 0 ? (
|
|
1606
|
+
/* triggerContent 제공 시 RadixSelect.Value 완전 우회 — Radix의 hasChildren 경로는
|
|
1607
|
+
useLayoutEffect → SelectImpl setState → context broadcast로 전체 트리 reconciliation을
|
|
1608
|
+
유발. consumer가 controlled value 기반으로 직접 렌더하므로 우회해도 무방. */
|
|
1609
|
+
triggerContent
|
|
1610
|
+
) : /* @__PURE__ */ jsx18(RadixSelect.Value, { placeholder }),
|
|
1611
|
+
/* @__PURE__ */ jsx18(RadixSelect.Icon, { className: style_module_default13.icon, children: /* @__PURE__ */ jsx18(IconArrowDownward, { size: "s" }) })
|
|
1612
|
+
]
|
|
1613
|
+
}
|
|
1614
|
+
)
|
|
1615
|
+
),
|
|
1616
|
+
children
|
|
1617
|
+
] }),
|
|
1618
|
+
showErrorMessage && /* @__PURE__ */ jsxs8("span", { id: errorId, "aria-live": "polite", "aria-atomic": "true", className: style_module_default13.errorMessage, children: [
|
|
1619
|
+
/* @__PURE__ */ jsx18(IconInfo, { size: "xs", type: "function-label-negative" }),
|
|
1620
|
+
/* @__PURE__ */ jsx18(
|
|
1621
|
+
Caption,
|
|
1622
|
+
{
|
|
1623
|
+
as: "span",
|
|
1624
|
+
size: 3,
|
|
1625
|
+
type: "normal",
|
|
1626
|
+
weight: "regular",
|
|
1627
|
+
color: "function-label-negative",
|
|
1628
|
+
className: style_module_default13.errorText,
|
|
1629
|
+
children: error
|
|
1630
|
+
}
|
|
1631
|
+
)
|
|
1632
|
+
] })
|
|
1633
|
+
]
|
|
1523
1634
|
}
|
|
1524
1635
|
) });
|
|
1525
1636
|
}
|
|
1526
1637
|
);
|
|
1527
|
-
|
|
1528
|
-
|
|
1529
|
-
|
|
1530
|
-
|
|
1531
|
-
label,
|
|
1532
|
-
chip,
|
|
1533
|
-
listLabel,
|
|
1534
|
-
popSide = "top",
|
|
1535
|
-
sideOffset = 6,
|
|
1638
|
+
SelectRoot.displayName = "Select";
|
|
1639
|
+
var SelectContent = forwardRef14(
|
|
1640
|
+
({
|
|
1641
|
+
className,
|
|
1536
1642
|
children,
|
|
1537
|
-
|
|
1538
|
-
|
|
1539
|
-
|
|
1540
|
-
openDirection = "slide-right",
|
|
1541
|
-
badge,
|
|
1643
|
+
position = "popper",
|
|
1644
|
+
sideOffset = 4,
|
|
1645
|
+
style: styleProp,
|
|
1542
1646
|
container,
|
|
1543
1647
|
...rest
|
|
1544
|
-
}
|
|
1545
|
-
|
|
1546
|
-
|
|
1547
|
-
|
|
1548
|
-
|
|
1549
|
-
|
|
1550
|
-
|
|
1551
|
-
|
|
1552
|
-
/* @__PURE__ */ jsx18(
|
|
1553
|
-
Label,
|
|
1554
|
-
{
|
|
1555
|
-
className: style_module_default12["select-label"],
|
|
1556
|
-
level: "secondary",
|
|
1557
|
-
size: "m",
|
|
1558
|
-
offset: "low",
|
|
1559
|
-
htmlFor: id,
|
|
1560
|
-
children: label
|
|
1561
|
-
}
|
|
1562
|
-
),
|
|
1563
|
-
badge && /* @__PURE__ */ jsx18(Badge, { children: badge })
|
|
1564
|
-
] }),
|
|
1565
|
-
/* @__PURE__ */ jsxs8(
|
|
1566
|
-
SelectPrimitive.Root,
|
|
1648
|
+
}, ref) => {
|
|
1649
|
+
const { triggerType, listWidth } = useContext(SelectInternalContext);
|
|
1650
|
+
const contentStyle = listWidth != null || styleProp ? {
|
|
1651
|
+
...listWidth != null && { width: `${listWidth}px` },
|
|
1652
|
+
...styleProp
|
|
1653
|
+
} : void 0;
|
|
1654
|
+
return /* @__PURE__ */ jsx18(RadixSelect.Portal, { container, children: /* @__PURE__ */ jsx18(
|
|
1655
|
+
RadixSelect.Content,
|
|
1567
1656
|
{
|
|
1568
1657
|
...rest,
|
|
1569
|
-
|
|
1570
|
-
|
|
1571
|
-
|
|
1572
|
-
|
|
1573
|
-
|
|
1658
|
+
ref,
|
|
1659
|
+
position,
|
|
1660
|
+
sideOffset,
|
|
1661
|
+
className: clsx14(style_module_default13.content, className),
|
|
1662
|
+
"data-trigger-type": triggerType,
|
|
1663
|
+
style: contentStyle,
|
|
1664
|
+
children: /* @__PURE__ */ jsx18(RadixSelect.Viewport, { className: style_module_default13.viewport, children })
|
|
1665
|
+
}
|
|
1666
|
+
) });
|
|
1667
|
+
}
|
|
1668
|
+
);
|
|
1669
|
+
SelectContent.displayName = "Select.Content";
|
|
1670
|
+
var getItemLabelColor = /* @__PURE__ */ __name((disabled, danger) => {
|
|
1671
|
+
if (disabled) return "neutral-label-tertiary";
|
|
1672
|
+
if (danger) return "function-label-negative";
|
|
1673
|
+
return "neutral-label-primary";
|
|
1674
|
+
}, "getItemLabelColor");
|
|
1675
|
+
var SelectItem = forwardRef14(
|
|
1676
|
+
({
|
|
1677
|
+
value,
|
|
1678
|
+
label,
|
|
1679
|
+
description,
|
|
1680
|
+
leadingSlot,
|
|
1681
|
+
labelEnd,
|
|
1682
|
+
trailingSlot,
|
|
1683
|
+
textValue,
|
|
1684
|
+
disabled,
|
|
1685
|
+
danger,
|
|
1686
|
+
className,
|
|
1687
|
+
...rest
|
|
1688
|
+
}, ref) => {
|
|
1689
|
+
const computedTextValue = textValue ?? (typeof label === "string" ? label : void 0);
|
|
1690
|
+
if (process.env.NODE_ENV !== "production") {
|
|
1691
|
+
if (!value) {
|
|
1692
|
+
throw new Error(
|
|
1693
|
+
'[prism Select.Item] `value=""` not allowed (Radix Select throws). Use a sentinel like "none".'
|
|
1694
|
+
);
|
|
1695
|
+
}
|
|
1696
|
+
if (typeof label !== "string" && !textValue) {
|
|
1697
|
+
console.warn(
|
|
1698
|
+
`[prism Select.Item value="${value}"] label\uC774 ReactNode\uC77C \uB54C typeahead \uC0AC\uC6A9\uC744 \uC704\uD574 \`textValue\` \uBA85\uC2DC\uAC00 \uD544\uC694\uD569\uB2C8\uB2E4.`
|
|
1699
|
+
);
|
|
1700
|
+
}
|
|
1701
|
+
}
|
|
1702
|
+
return /* @__PURE__ */ jsxs8(
|
|
1703
|
+
RadixSelect.Item,
|
|
1704
|
+
{
|
|
1705
|
+
...rest,
|
|
1706
|
+
ref,
|
|
1707
|
+
value,
|
|
1708
|
+
textValue: computedTextValue,
|
|
1709
|
+
disabled,
|
|
1710
|
+
className: clsx14(style_module_default13.selectItem, className),
|
|
1711
|
+
"data-danger": danger ? "" : void 0,
|
|
1574
1712
|
children: [
|
|
1575
|
-
/* @__PURE__ */
|
|
1576
|
-
|
|
1577
|
-
/* @__PURE__ */
|
|
1713
|
+
leadingSlot != null && /* @__PURE__ */ jsx18("div", { "data-zone": "leading", children: leadingSlot }),
|
|
1714
|
+
/* @__PURE__ */ jsxs8("div", { "data-zone": "main", className: style_module_default12.main, children: [
|
|
1715
|
+
/* @__PURE__ */ jsxs8("div", { className: style_module_default12.labelRow, children: [
|
|
1716
|
+
/* @__PURE__ */ jsx18(RadixSelect.ItemText, { children: computedTextValue ?? "" }),
|
|
1717
|
+
/* @__PURE__ */ jsx18(
|
|
1718
|
+
Caption,
|
|
1719
|
+
{
|
|
1720
|
+
as: "span",
|
|
1721
|
+
size: 1,
|
|
1722
|
+
type: "normal",
|
|
1723
|
+
weight: "regular",
|
|
1724
|
+
color: getItemLabelColor(disabled, danger),
|
|
1725
|
+
className: clsx14(style_module_default12.label, style_module_default13.itemLabel),
|
|
1726
|
+
children: label
|
|
1727
|
+
}
|
|
1728
|
+
),
|
|
1729
|
+
labelEnd != null && /* @__PURE__ */ jsx18("div", { className: style_module_default12.labelEnd, children: labelEnd })
|
|
1730
|
+
] }),
|
|
1731
|
+
description != null && /* @__PURE__ */ jsx18(
|
|
1732
|
+
Caption,
|
|
1733
|
+
{
|
|
1734
|
+
size: 2,
|
|
1735
|
+
type: "normal",
|
|
1736
|
+
weight: "regular",
|
|
1737
|
+
color: disabled ? "neutral-label-tertiary" : "neutral-label-secondary",
|
|
1738
|
+
className: style_module_default12.description,
|
|
1739
|
+
children: description
|
|
1740
|
+
}
|
|
1741
|
+
)
|
|
1578
1742
|
] }),
|
|
1579
|
-
/* @__PURE__ */ jsx18(
|
|
1743
|
+
trailingSlot != null && /* @__PURE__ */ jsx18("div", { "data-zone": "trailing", className: style_module_default13.trailingSlot, children: trailingSlot }),
|
|
1744
|
+
/* @__PURE__ */ jsx18(RadixSelect.ItemIndicator, { "data-zone": "trailing", className: style_module_default13.itemIndicator, children: /* @__PURE__ */ jsx18(IconCheckMark2, { size: "xs", type: "brand-label-primary" }) })
|
|
1580
1745
|
]
|
|
1581
1746
|
}
|
|
1582
|
-
)
|
|
1583
|
-
] });
|
|
1584
|
-
});
|
|
1585
|
-
var SelectItem = /* @__PURE__ */ __name(({ value, text, disabled, icon, onClick }) => /* @__PURE__ */ jsxs8(
|
|
1586
|
-
SelectPrimitive.Item,
|
|
1587
|
-
{
|
|
1588
|
-
className: style_module_default12.item,
|
|
1589
|
-
value,
|
|
1590
|
-
disabled,
|
|
1591
|
-
onClick: (e) => {
|
|
1592
|
-
e.stopPropagation();
|
|
1593
|
-
onClick?.();
|
|
1594
|
-
},
|
|
1595
|
-
children: [
|
|
1596
|
-
/* @__PURE__ */ jsx18(SelectPrimitive.ItemText, { children: /* @__PURE__ */ jsx18(Paragraph, { size: 3, type: "normal", weight: "medium", children: text ?? value }) }),
|
|
1597
|
-
icon && /* @__PURE__ */ jsx18(SelectPrimitive.Icon, { className: style_module_default12.icon, children: /* @__PURE__ */ jsx18(icon.icon, { size: "xs", ...icon }) }),
|
|
1598
|
-
/* @__PURE__ */ jsx18(SelectPrimitive.ItemIndicator, { className: style_module_default12.itemIndicator, children: /* @__PURE__ */ jsx18(IconCheckMark2, { size: "xs", type: "brand-label-primary" }) })
|
|
1599
|
-
]
|
|
1747
|
+
);
|
|
1600
1748
|
}
|
|
1601
|
-
)
|
|
1749
|
+
);
|
|
1750
|
+
SelectItem.displayName = "Select.Item";
|
|
1751
|
+
var SelectGroup = forwardRef14(
|
|
1752
|
+
({ label, children, className, ...rest }, ref) => /* @__PURE__ */ jsxs8(RadixSelect.Group, { ...rest, ref, className: clsx14(style_module_default13.group, className), children: [
|
|
1753
|
+
label != null && /* @__PURE__ */ jsx18(RadixSelect.Label, { asChild: true, children: /* @__PURE__ */ jsx18(
|
|
1754
|
+
Caption,
|
|
1755
|
+
{
|
|
1756
|
+
as: "span",
|
|
1757
|
+
size: 2,
|
|
1758
|
+
type: "normal",
|
|
1759
|
+
weight: "regular",
|
|
1760
|
+
color: "neutral-label-secondary",
|
|
1761
|
+
className: style_module_default13.groupLabel,
|
|
1762
|
+
children: label
|
|
1763
|
+
}
|
|
1764
|
+
) }),
|
|
1765
|
+
children
|
|
1766
|
+
] })
|
|
1767
|
+
);
|
|
1768
|
+
SelectGroup.displayName = "Select.Group";
|
|
1769
|
+
var SelectTrigger = forwardRef14((props, ref) => {
|
|
1770
|
+
const {
|
|
1771
|
+
label,
|
|
1772
|
+
placeholder,
|
|
1773
|
+
error,
|
|
1774
|
+
triggerContent,
|
|
1775
|
+
width,
|
|
1776
|
+
required,
|
|
1777
|
+
disabled,
|
|
1778
|
+
size,
|
|
1779
|
+
trigger = "select-field",
|
|
1780
|
+
className,
|
|
1781
|
+
onClick,
|
|
1782
|
+
"aria-haspopup": ariaHaspopup,
|
|
1783
|
+
"aria-expanded": ariaExpanded,
|
|
1784
|
+
"aria-controls": ariaControls,
|
|
1785
|
+
"aria-label": ariaLabel,
|
|
1786
|
+
id
|
|
1787
|
+
} = props;
|
|
1788
|
+
const triggerType = trigger;
|
|
1789
|
+
const isButtonTrigger = triggerType === "select-button";
|
|
1790
|
+
const resolvedSize = size ?? (isButtonTrigger ? "m" : "l");
|
|
1791
|
+
const labelId = useId2();
|
|
1792
|
+
const errorId = useId2();
|
|
1793
|
+
const hasError = !!error;
|
|
1794
|
+
const showLabel = !isButtonTrigger && label != null;
|
|
1795
|
+
const showErrorMessage = !isButtonTrigger && hasError && typeof error !== "boolean";
|
|
1796
|
+
const labelColor = hasError ? "function-label-negative" : disabled ? "neutral-label-tertiary" : "neutral-label-secondary";
|
|
1797
|
+
const rootStyle = width != null ? { width: `${width}px` } : void 0;
|
|
1798
|
+
const showingPlaceholder = triggerContent === void 0;
|
|
1799
|
+
const display = !showingPlaceholder ? triggerContent : /* @__PURE__ */ jsx18("span", { children: placeholder });
|
|
1800
|
+
const commonAria = {
|
|
1801
|
+
"aria-haspopup": ariaHaspopup,
|
|
1802
|
+
"aria-expanded": ariaExpanded,
|
|
1803
|
+
"aria-controls": ariaControls,
|
|
1804
|
+
"aria-label": ariaLabel,
|
|
1805
|
+
"aria-labelledby": showLabel ? labelId : void 0,
|
|
1806
|
+
"aria-describedby": showErrorMessage ? errorId : void 0,
|
|
1807
|
+
"aria-invalid": hasError || void 0,
|
|
1808
|
+
"aria-required": required || void 0
|
|
1809
|
+
};
|
|
1810
|
+
return /* @__PURE__ */ jsxs8(
|
|
1811
|
+
"div",
|
|
1812
|
+
{
|
|
1813
|
+
className: clsx14(style_module_default13.root, className),
|
|
1814
|
+
style: rootStyle,
|
|
1815
|
+
"data-size": resolvedSize,
|
|
1816
|
+
"data-trigger-type": triggerType,
|
|
1817
|
+
"data-error": hasError ? "" : void 0,
|
|
1818
|
+
children: [
|
|
1819
|
+
showLabel && /* @__PURE__ */ jsxs8(
|
|
1820
|
+
Caption,
|
|
1821
|
+
{
|
|
1822
|
+
id: labelId,
|
|
1823
|
+
size: 2,
|
|
1824
|
+
type: "normal",
|
|
1825
|
+
weight: "regular",
|
|
1826
|
+
color: labelColor,
|
|
1827
|
+
className: style_module_default13.label,
|
|
1828
|
+
children: [
|
|
1829
|
+
label,
|
|
1830
|
+
required && /* @__PURE__ */ jsxs8(Fragment7, { children: [
|
|
1831
|
+
/* @__PURE__ */ jsx18("span", { "aria-hidden": "true", className: style_module_default13.requiredMark, children: "*" }),
|
|
1832
|
+
/* @__PURE__ */ jsx18("span", { className: style_module_default13.srOnly, children: " (\uD544\uC218)" })
|
|
1833
|
+
] })
|
|
1834
|
+
]
|
|
1835
|
+
}
|
|
1836
|
+
),
|
|
1837
|
+
isButtonTrigger ? /* @__PURE__ */ jsx18(
|
|
1838
|
+
Button,
|
|
1839
|
+
{
|
|
1840
|
+
ref,
|
|
1841
|
+
level: "tertiary",
|
|
1842
|
+
size: resolvedSize,
|
|
1843
|
+
width: "full",
|
|
1844
|
+
rightIcon: { icon: IconArrowDownward },
|
|
1845
|
+
className: style_module_default13.triggerButton,
|
|
1846
|
+
disabled,
|
|
1847
|
+
onClick,
|
|
1848
|
+
type: "button",
|
|
1849
|
+
id,
|
|
1850
|
+
...commonAria,
|
|
1851
|
+
children: display
|
|
1852
|
+
}
|
|
1853
|
+
) : /* @__PURE__ */ jsxs8(
|
|
1854
|
+
"button",
|
|
1855
|
+
{
|
|
1856
|
+
ref,
|
|
1857
|
+
type: "button",
|
|
1858
|
+
id,
|
|
1859
|
+
className: style_module_default13.trigger,
|
|
1860
|
+
"data-size": resolvedSize,
|
|
1861
|
+
"data-trigger-type": triggerType,
|
|
1862
|
+
"data-placeholder": showingPlaceholder ? "" : void 0,
|
|
1863
|
+
disabled,
|
|
1864
|
+
onClick,
|
|
1865
|
+
...commonAria,
|
|
1866
|
+
children: [
|
|
1867
|
+
display,
|
|
1868
|
+
/* @__PURE__ */ jsx18("span", { className: style_module_default13.icon, "aria-hidden": "true", children: /* @__PURE__ */ jsx18(IconArrowDownward, { size: "s" }) })
|
|
1869
|
+
]
|
|
1870
|
+
}
|
|
1871
|
+
),
|
|
1872
|
+
showErrorMessage && /* @__PURE__ */ jsxs8("span", { id: errorId, "aria-live": "polite", "aria-atomic": "true", className: style_module_default13.errorMessage, children: [
|
|
1873
|
+
/* @__PURE__ */ jsx18(IconInfo, { size: "xs", type: "function-label-negative" }),
|
|
1874
|
+
/* @__PURE__ */ jsx18(
|
|
1875
|
+
Caption,
|
|
1876
|
+
{
|
|
1877
|
+
as: "span",
|
|
1878
|
+
size: 3,
|
|
1879
|
+
type: "normal",
|
|
1880
|
+
weight: "regular",
|
|
1881
|
+
color: "function-label-negative",
|
|
1882
|
+
className: style_module_default13.errorText,
|
|
1883
|
+
children: error
|
|
1884
|
+
}
|
|
1885
|
+
)
|
|
1886
|
+
] })
|
|
1887
|
+
]
|
|
1888
|
+
}
|
|
1889
|
+
);
|
|
1890
|
+
});
|
|
1891
|
+
SelectTrigger.displayName = "Select.Trigger";
|
|
1602
1892
|
var Select = Object.assign(SelectRoot, {
|
|
1603
|
-
|
|
1893
|
+
Trigger: SelectTrigger,
|
|
1894
|
+
Content: SelectContent,
|
|
1895
|
+
Item: SelectItem,
|
|
1896
|
+
Group: SelectGroup
|
|
1604
1897
|
});
|
|
1605
1898
|
|
|
1606
|
-
// src/components/List/style.module.scss
|
|
1607
|
-
var style_module_default13 = {
|
|
1608
|
-
"list": "_list_1ki30_1",
|
|
1609
|
-
"item": "_item_1ki30_8",
|
|
1610
|
-
"icon": "_icon_1ki30_42"
|
|
1611
|
-
};
|
|
1612
|
-
|
|
1613
1899
|
// src/components/List/index.tsx
|
|
1614
|
-
import {
|
|
1615
|
-
import
|
|
1900
|
+
import { Children as Children2, forwardRef as forwardRef17, useId as useId3 } from "react";
|
|
1901
|
+
import * as RovingFocusGroup from "@radix-ui/react-roving-focus";
|
|
1902
|
+
import { useControllableState } from "@radix-ui/react-use-controllable-state";
|
|
1903
|
+
import clsx17 from "clsx";
|
|
1616
1904
|
|
|
1617
1905
|
// src/hooks/collection.tsx
|
|
1618
|
-
import { createContext, useContext, useMemo } from "react";
|
|
1906
|
+
import { createContext as createContext2, useContext as useContext2, useMemo as useMemo2 } from "react";
|
|
1619
1907
|
import { jsx as jsx19 } from "react/jsx-runtime";
|
|
1620
|
-
var CollectionContext =
|
|
1621
|
-
var CollectionProvider = /* @__PURE__ */ __name(({
|
|
1622
|
-
|
|
1908
|
+
var CollectionContext = createContext2(void 0);
|
|
1909
|
+
var CollectionProvider = /* @__PURE__ */ __name(({
|
|
1910
|
+
value,
|
|
1911
|
+
onValueChange,
|
|
1912
|
+
children
|
|
1913
|
+
}) => {
|
|
1914
|
+
const contextValue = useMemo2(() => ({ value, onValueChange }), [value, onValueChange]);
|
|
1623
1915
|
return /* @__PURE__ */ jsx19(CollectionContext.Provider, { value: contextValue, children });
|
|
1624
1916
|
}, "CollectionProvider");
|
|
1625
|
-
|
|
1626
|
-
const context =
|
|
1917
|
+
function useCollectionContext() {
|
|
1918
|
+
const context = useContext2(CollectionContext);
|
|
1627
1919
|
if (!context) {
|
|
1628
1920
|
throw new Error("useCollectionContext must be used within a CollectionProvider");
|
|
1629
1921
|
}
|
|
1630
1922
|
return context;
|
|
1631
|
-
}
|
|
1923
|
+
}
|
|
1924
|
+
__name(useCollectionContext, "useCollectionContext");
|
|
1632
1925
|
|
|
1633
|
-
// src/components/
|
|
1926
|
+
// src/components/ListItem/index.tsx
|
|
1927
|
+
import { forwardRef as forwardRef16 } from "react";
|
|
1928
|
+
import clsx16 from "clsx";
|
|
1929
|
+
|
|
1930
|
+
// src/components/ListItem/primitive/index.tsx
|
|
1931
|
+
import { forwardRef as forwardRef15 } from "react";
|
|
1932
|
+
import { composeEventHandlers } from "@radix-ui/primitive";
|
|
1634
1933
|
import clsx15 from "clsx";
|
|
1934
|
+
|
|
1935
|
+
// src/components/ListItem/primitive/style.module.scss
|
|
1936
|
+
var style_module_default14 = {
|
|
1937
|
+
"root": "_root_k8bhx_2"
|
|
1938
|
+
};
|
|
1939
|
+
|
|
1940
|
+
// src/components/ListItem/primitive/index.tsx
|
|
1635
1941
|
import { jsx as jsx20, jsxs as jsxs9 } from "react/jsx-runtime";
|
|
1636
|
-
var
|
|
1637
|
-
|
|
1638
|
-
|
|
1639
|
-
|
|
1640
|
-
|
|
1641
|
-
|
|
1642
|
-
|
|
1643
|
-
|
|
1644
|
-
|
|
1645
|
-
|
|
1646
|
-
|
|
1647
|
-
|
|
1648
|
-
|
|
1649
|
-
|
|
1650
|
-
|
|
1651
|
-
|
|
1652
|
-
|
|
1653
|
-
|
|
1942
|
+
var PrimitiveListItem = forwardRef15(
|
|
1943
|
+
({ value, leadingSlot, children, trailingSlot, disabled, onClick, role, className, ...rest }, ref) => {
|
|
1944
|
+
const { value: contextValue, onValueChange } = useCollectionContext();
|
|
1945
|
+
const isSelected = contextValue === value;
|
|
1946
|
+
const activate = /* @__PURE__ */ __name(() => {
|
|
1947
|
+
if (disabled) return;
|
|
1948
|
+
onValueChange?.(value);
|
|
1949
|
+
onClick?.();
|
|
1950
|
+
}, "activate");
|
|
1951
|
+
const handleClick = /* @__PURE__ */ __name((e) => {
|
|
1952
|
+
if (disabled) {
|
|
1953
|
+
e.preventDefault();
|
|
1954
|
+
return;
|
|
1955
|
+
}
|
|
1956
|
+
e.stopPropagation();
|
|
1957
|
+
activate();
|
|
1958
|
+
}, "handleClick");
|
|
1959
|
+
const handleKeyDown = /* @__PURE__ */ __name((e) => {
|
|
1960
|
+
if (disabled) return;
|
|
1961
|
+
if (e.key === "Enter" || e.key === " ") {
|
|
1962
|
+
e.preventDefault();
|
|
1963
|
+
activate();
|
|
1964
|
+
}
|
|
1965
|
+
}, "handleKeyDown");
|
|
1966
|
+
return /* @__PURE__ */ jsxs9(
|
|
1967
|
+
"li",
|
|
1968
|
+
{
|
|
1969
|
+
...rest,
|
|
1970
|
+
ref,
|
|
1971
|
+
role,
|
|
1972
|
+
className: clsx15(style_module_default14.root, className),
|
|
1973
|
+
tabIndex: rest.tabIndex ?? -1,
|
|
1974
|
+
"data-state": isSelected ? "checked" : "unchecked",
|
|
1975
|
+
"data-disabled": disabled ? "" : void 0,
|
|
1976
|
+
"aria-disabled": disabled || void 0,
|
|
1977
|
+
"aria-selected": role === "option" ? isSelected || void 0 : void 0,
|
|
1978
|
+
"aria-checked": role === "menuitemcheckbox" || role === "menuitemradio" ? isSelected : void 0,
|
|
1979
|
+
onClick: handleClick,
|
|
1980
|
+
onKeyDown: composeEventHandlers(rest.onKeyDown, handleKeyDown),
|
|
1981
|
+
children: [
|
|
1982
|
+
leadingSlot != null && /* @__PURE__ */ jsx20("div", { "data-zone": "leading", children: leadingSlot }),
|
|
1983
|
+
/* @__PURE__ */ jsx20("div", { "data-zone": "main", children }),
|
|
1984
|
+
trailingSlot != null && /* @__PURE__ */ jsx20("div", { "data-zone": "trailing", children: trailingSlot })
|
|
1985
|
+
]
|
|
1986
|
+
}
|
|
1987
|
+
);
|
|
1988
|
+
}
|
|
1989
|
+
);
|
|
1990
|
+
PrimitiveListItem.displayName = "PrimitiveListItem";
|
|
1991
|
+
|
|
1992
|
+
// src/components/ListItem/index.tsx
|
|
1993
|
+
import { jsx as jsx21, jsxs as jsxs10 } from "react/jsx-runtime";
|
|
1994
|
+
var getLabelColor = /* @__PURE__ */ __name((disabled, danger) => {
|
|
1995
|
+
if (disabled) return "neutral-label-tertiary";
|
|
1996
|
+
if (danger) return "function-label-negative";
|
|
1997
|
+
return "neutral-label-primary";
|
|
1998
|
+
}, "getLabelColor");
|
|
1999
|
+
var ListItem = forwardRef16(
|
|
2000
|
+
({
|
|
2001
|
+
value,
|
|
2002
|
+
label,
|
|
2003
|
+
description,
|
|
2004
|
+
leadingSlot,
|
|
2005
|
+
labelEnd,
|
|
2006
|
+
trailingSlot,
|
|
2007
|
+
disabled,
|
|
2008
|
+
danger,
|
|
2009
|
+
onClick,
|
|
2010
|
+
className,
|
|
2011
|
+
...rest
|
|
2012
|
+
}, ref) => /* @__PURE__ */ jsx21(
|
|
2013
|
+
PrimitiveListItem,
|
|
1654
2014
|
{
|
|
1655
|
-
|
|
2015
|
+
...rest,
|
|
2016
|
+
ref,
|
|
2017
|
+
role: "option",
|
|
1656
2018
|
value,
|
|
1657
|
-
|
|
1658
|
-
|
|
1659
|
-
|
|
1660
|
-
|
|
1661
|
-
|
|
1662
|
-
|
|
1663
|
-
|
|
1664
|
-
|
|
1665
|
-
|
|
1666
|
-
|
|
1667
|
-
|
|
1668
|
-
|
|
1669
|
-
|
|
1670
|
-
|
|
1671
|
-
|
|
1672
|
-
|
|
2019
|
+
leadingSlot,
|
|
2020
|
+
trailingSlot,
|
|
2021
|
+
disabled,
|
|
2022
|
+
onClick,
|
|
2023
|
+
className: clsx16(style_module_default12.root, className),
|
|
2024
|
+
"data-danger": danger ? "" : void 0,
|
|
2025
|
+
children: /* @__PURE__ */ jsxs10("div", { className: style_module_default12.main, children: [
|
|
2026
|
+
/* @__PURE__ */ jsxs10("div", { className: style_module_default12.labelRow, children: [
|
|
2027
|
+
/* @__PURE__ */ jsx21(
|
|
2028
|
+
Caption,
|
|
2029
|
+
{
|
|
2030
|
+
size: 1,
|
|
2031
|
+
type: "normal",
|
|
2032
|
+
weight: "regular",
|
|
2033
|
+
color: getLabelColor(disabled, danger),
|
|
2034
|
+
className: style_module_default12.label,
|
|
2035
|
+
children: label
|
|
2036
|
+
}
|
|
2037
|
+
),
|
|
2038
|
+
labelEnd != null && /* @__PURE__ */ jsx21("div", { className: style_module_default12.labelEnd, children: labelEnd })
|
|
2039
|
+
] }),
|
|
2040
|
+
description != null && /* @__PURE__ */ jsx21(
|
|
2041
|
+
Caption,
|
|
2042
|
+
{
|
|
2043
|
+
size: 2,
|
|
2044
|
+
type: "normal",
|
|
2045
|
+
weight: "regular",
|
|
2046
|
+
color: disabled ? "neutral-label-tertiary" : "neutral-label-secondary",
|
|
2047
|
+
className: style_module_default12.description,
|
|
2048
|
+
children: description
|
|
2049
|
+
}
|
|
2050
|
+
)
|
|
2051
|
+
] })
|
|
1673
2052
|
}
|
|
1674
|
-
)
|
|
1675
|
-
|
|
1676
|
-
|
|
2053
|
+
)
|
|
2054
|
+
);
|
|
2055
|
+
ListItem.displayName = "ListItem";
|
|
2056
|
+
|
|
2057
|
+
// src/components/List/style.module.scss
|
|
2058
|
+
var style_module_default15 = {
|
|
2059
|
+
"root": "_root_x5fwq_2",
|
|
2060
|
+
"group": "_group_x5fwq_8",
|
|
2061
|
+
"groupLabelContainer": "_groupLabelContainer_x5fwq_20",
|
|
2062
|
+
"groupLabel": "_groupLabel_x5fwq_20"
|
|
2063
|
+
};
|
|
2064
|
+
|
|
2065
|
+
// src/components/List/index.tsx
|
|
2066
|
+
import { jsx as jsx22, jsxs as jsxs11 } from "react/jsx-runtime";
|
|
2067
|
+
var ListRoot = forwardRef17(
|
|
2068
|
+
({
|
|
2069
|
+
value: valueProp,
|
|
2070
|
+
defaultValue,
|
|
2071
|
+
onValueChange,
|
|
2072
|
+
loop = false,
|
|
2073
|
+
dir,
|
|
2074
|
+
className,
|
|
2075
|
+
children,
|
|
2076
|
+
...rest
|
|
2077
|
+
}, ref) => {
|
|
2078
|
+
const [value, setValue] = useControllableState({
|
|
2079
|
+
prop: valueProp,
|
|
2080
|
+
defaultProp: defaultValue ?? "",
|
|
2081
|
+
onChange: onValueChange,
|
|
2082
|
+
caller: "List"
|
|
2083
|
+
});
|
|
2084
|
+
const handleValueChange = /* @__PURE__ */ __name((next) => setValue(next), "handleValueChange");
|
|
2085
|
+
if (Children2.count(children) === 0) {
|
|
2086
|
+
return /* @__PURE__ */ jsx22(
|
|
2087
|
+
"ul",
|
|
2088
|
+
{
|
|
2089
|
+
...rest,
|
|
2090
|
+
ref,
|
|
2091
|
+
role: "listbox",
|
|
2092
|
+
"aria-orientation": "vertical",
|
|
2093
|
+
tabIndex: -1,
|
|
2094
|
+
className: clsx17(style_module_default15.root, className)
|
|
2095
|
+
}
|
|
2096
|
+
);
|
|
2097
|
+
}
|
|
2098
|
+
return /* @__PURE__ */ jsx22(CollectionProvider, { value, onValueChange: handleValueChange, children: /* @__PURE__ */ jsx22(
|
|
2099
|
+
RovingFocusGroup.Root,
|
|
2100
|
+
{
|
|
2101
|
+
asChild: true,
|
|
2102
|
+
orientation: "vertical",
|
|
2103
|
+
loop,
|
|
2104
|
+
dir,
|
|
2105
|
+
defaultCurrentTabStopId: value !== "" ? value : void 0,
|
|
2106
|
+
children: /* @__PURE__ */ jsx22(
|
|
2107
|
+
"ul",
|
|
2108
|
+
{
|
|
2109
|
+
...rest,
|
|
2110
|
+
ref,
|
|
2111
|
+
role: "listbox",
|
|
2112
|
+
"aria-orientation": "vertical",
|
|
2113
|
+
className: clsx17(style_module_default15.root, className),
|
|
2114
|
+
children
|
|
2115
|
+
}
|
|
2116
|
+
)
|
|
2117
|
+
}
|
|
2118
|
+
) });
|
|
2119
|
+
}
|
|
2120
|
+
);
|
|
2121
|
+
ListRoot.displayName = "List";
|
|
2122
|
+
var withRoving = /* @__PURE__ */ __name((Inner) => forwardRef17((props, ref) => /* @__PURE__ */ jsx22(RovingFocusGroup.Item, { asChild: true, focusable: true, children: /* @__PURE__ */ jsx22(Inner, { ref, ...props }) })), "withRoving");
|
|
2123
|
+
var ListItemInList = withRoving(ListItem);
|
|
2124
|
+
ListItemInList.displayName = "List.Item";
|
|
2125
|
+
var PrimitiveListItemInList = withRoving(
|
|
2126
|
+
PrimitiveListItem
|
|
2127
|
+
);
|
|
2128
|
+
PrimitiveListItemInList.displayName = "List.PrimitiveItem";
|
|
2129
|
+
var ListGroup = forwardRef17(
|
|
2130
|
+
({ label, children, className, ...rest }, ref) => {
|
|
2131
|
+
const labelId = useId3();
|
|
2132
|
+
const hasLabel = label !== void 0 && label !== null;
|
|
2133
|
+
return /* @__PURE__ */ jsxs11(
|
|
2134
|
+
"div",
|
|
2135
|
+
{
|
|
2136
|
+
...rest,
|
|
2137
|
+
ref,
|
|
2138
|
+
role: "group",
|
|
2139
|
+
"aria-labelledby": hasLabel ? labelId : void 0,
|
|
2140
|
+
className: clsx17(style_module_default15.group, className),
|
|
2141
|
+
children: [
|
|
2142
|
+
hasLabel && /* @__PURE__ */ jsx22("div", { className: style_module_default15.groupLabelContainer, children: /* @__PURE__ */ jsx22(
|
|
2143
|
+
Caption,
|
|
2144
|
+
{
|
|
2145
|
+
id: labelId,
|
|
2146
|
+
size: 2,
|
|
2147
|
+
weight: "regular",
|
|
2148
|
+
type: "normal",
|
|
2149
|
+
color: "neutral-label-secondary",
|
|
2150
|
+
className: style_module_default15.groupLabel,
|
|
2151
|
+
children: label
|
|
2152
|
+
}
|
|
2153
|
+
) }),
|
|
2154
|
+
children
|
|
2155
|
+
]
|
|
2156
|
+
}
|
|
2157
|
+
);
|
|
2158
|
+
}
|
|
2159
|
+
);
|
|
2160
|
+
ListGroup.displayName = "List.Group";
|
|
2161
|
+
var List = Object.assign(ListRoot, {
|
|
2162
|
+
Item: ListItemInList,
|
|
2163
|
+
PrimitiveItem: PrimitiveListItemInList,
|
|
2164
|
+
Group: ListGroup
|
|
2165
|
+
});
|
|
1677
2166
|
|
|
1678
2167
|
// src/components/TextButton/index.tsx
|
|
1679
2168
|
import { cva as cva8 } from "cva";
|
|
1680
2169
|
|
|
1681
2170
|
// src/components/TextButton/style.module.scss
|
|
1682
|
-
var
|
|
2171
|
+
var style_module_default16 = {
|
|
1683
2172
|
"button": "_button_zsyf9_1",
|
|
1684
2173
|
"text": "_text_zsyf9_20",
|
|
1685
2174
|
"primary": "_primary_zsyf9_23",
|
|
@@ -1693,10 +2182,10 @@ var style_module_default14 = {
|
|
|
1693
2182
|
};
|
|
1694
2183
|
|
|
1695
2184
|
// src/components/TextButton/index.tsx
|
|
1696
|
-
import { Children as
|
|
1697
|
-
import
|
|
2185
|
+
import { Children as Children3, cloneElement as cloneElement2, forwardRef as forwardRef18 } from "react";
|
|
2186
|
+
import clsx18 from "clsx";
|
|
1698
2187
|
import { classNames } from "@liner-fe/design-token";
|
|
1699
|
-
import { jsx as
|
|
2188
|
+
import { jsx as jsx23, jsxs as jsxs12 } from "react/jsx-runtime";
|
|
1700
2189
|
var TEXT_LEVEL_OPTIONS = ["primary", "secondary", "tertiary"];
|
|
1701
2190
|
var TEXT_SIZE_OPTIONS = ["m", "s", "xs"];
|
|
1702
2191
|
var textButtonSizeIconSizeMap = {
|
|
@@ -1717,24 +2206,24 @@ var textButtonLevelIconTypeMap = {
|
|
|
1717
2206
|
}
|
|
1718
2207
|
};
|
|
1719
2208
|
var textButtonVariants = cva8({
|
|
1720
|
-
base: [
|
|
2209
|
+
base: [style_module_default16.button, style_module_default16.text],
|
|
1721
2210
|
variants: {
|
|
1722
2211
|
level: {
|
|
1723
|
-
primary:
|
|
1724
|
-
secondary:
|
|
1725
|
-
tertiary:
|
|
2212
|
+
primary: style_module_default16["primary"],
|
|
2213
|
+
secondary: style_module_default16["secondary"],
|
|
2214
|
+
tertiary: style_module_default16["tertiary"]
|
|
1726
2215
|
},
|
|
1727
2216
|
size: {
|
|
1728
|
-
m: [classNames.typography["lp-sys-typo-paragraph4-normal-regular"],
|
|
1729
|
-
s: [classNames.typography["lp-sys-typo-caption1-normal-regular"],
|
|
1730
|
-
xs: [classNames.typography["lp-sys-typo-caption2-normal-regular"],
|
|
2217
|
+
m: [classNames.typography["lp-sys-typo-paragraph4-normal-regular"], style_module_default16.m],
|
|
2218
|
+
s: [classNames.typography["lp-sys-typo-caption1-normal-regular"], style_module_default16.s],
|
|
2219
|
+
xs: [classNames.typography["lp-sys-typo-caption2-normal-regular"], style_module_default16.xs]
|
|
1731
2220
|
},
|
|
1732
2221
|
underline: {
|
|
1733
|
-
true:
|
|
2222
|
+
true: style_module_default16.underline
|
|
1734
2223
|
}
|
|
1735
2224
|
}
|
|
1736
2225
|
});
|
|
1737
|
-
var TextButton =
|
|
2226
|
+
var TextButton = forwardRef18(
|
|
1738
2227
|
({
|
|
1739
2228
|
level = "primary",
|
|
1740
2229
|
underline = false,
|
|
@@ -1752,24 +2241,24 @@ var TextButton = forwardRef15(
|
|
|
1752
2241
|
fillType: "inverse-label-primary",
|
|
1753
2242
|
...icon
|
|
1754
2243
|
}), "getIconProps");
|
|
1755
|
-
const renderContent = /* @__PURE__ */ __name((children2) => /* @__PURE__ */
|
|
1756
|
-
leftIcon && /* @__PURE__ */
|
|
1757
|
-
/* @__PURE__ */
|
|
1758
|
-
rightIcon && /* @__PURE__ */
|
|
2244
|
+
const renderContent = /* @__PURE__ */ __name((children2) => /* @__PURE__ */ jsxs12("span", { className: style_module_default16["text-children"], children: [
|
|
2245
|
+
leftIcon && /* @__PURE__ */ jsx23(leftIcon.icon, { ...getIconProps(leftIcon) }),
|
|
2246
|
+
/* @__PURE__ */ jsx23("p", { children: children2 }),
|
|
2247
|
+
rightIcon && /* @__PURE__ */ jsx23(rightIcon.icon, { ...getIconProps(rightIcon) })
|
|
1759
2248
|
] }), "renderContent");
|
|
1760
2249
|
if (asChild) {
|
|
1761
|
-
const parent =
|
|
2250
|
+
const parent = Children3.only(children);
|
|
1762
2251
|
return cloneElement2(parent, {
|
|
1763
2252
|
...rest,
|
|
1764
|
-
className:
|
|
2253
|
+
className: clsx18(textButtonVariants({ level, underline, size }), className),
|
|
1765
2254
|
ref,
|
|
1766
2255
|
children: renderContent(parent.props.children)
|
|
1767
2256
|
});
|
|
1768
2257
|
}
|
|
1769
|
-
return /* @__PURE__ */
|
|
2258
|
+
return /* @__PURE__ */ jsx23(
|
|
1770
2259
|
"button",
|
|
1771
2260
|
{
|
|
1772
|
-
className:
|
|
2261
|
+
className: clsx18(textButtonVariants({ level, underline, size }), className),
|
|
1773
2262
|
ref,
|
|
1774
2263
|
...rest,
|
|
1775
2264
|
children: renderContent(children)
|
|
@@ -1783,13 +2272,13 @@ TextButton.displayName = "TextButton";
|
|
|
1783
2272
|
import { vars } from "@liner-fe/design-token";
|
|
1784
2273
|
|
|
1785
2274
|
// src/components/Logo/logos.tsx
|
|
1786
|
-
import { Fragment as
|
|
2275
|
+
import { Fragment as Fragment8, jsx as jsx24, jsxs as jsxs13 } from "react/jsx-runtime";
|
|
1787
2276
|
var LOGOS = {
|
|
1788
2277
|
"symbol-main": {
|
|
1789
2278
|
category: "symbol",
|
|
1790
2279
|
viewBox: [48, 48],
|
|
1791
2280
|
fixedColor: false,
|
|
1792
|
-
paths: /* @__PURE__ */ __name((fill) => /* @__PURE__ */
|
|
2281
|
+
paths: /* @__PURE__ */ __name((fill) => /* @__PURE__ */ jsx24(
|
|
1793
2282
|
"path",
|
|
1794
2283
|
{
|
|
1795
2284
|
d: "M44.64 16.167V3.241A.24.24 0 0 0 44.4 3H31.372s-.12.03-.165.075l-7.476 7.464s-.106.075-.166.075H9.833s-.12.03-.165.076L.07 20.245c-.15.15-.045.422.165.422h12.38c.36 0 .647.285.647.647V34.15c0 .135.105.24.24.24h12.861c.361 0 .647.301.647.648v12.354c0 .21.256.331.421.18l9.461-9.45s.076-.105.076-.18V24.007s.03-.135.075-.18l7.52-7.524s.076-.106.076-.181zm-19.99 6.11V12.255c0-.362.285-.647.646-.647h10.048c.361 0 .647.285.647.647v10.022a.64.64 0 0 1-.647.647H25.296a.64.64 0 0 1-.647-.647",
|
|
@@ -1801,7 +2290,7 @@ var LOGOS = {
|
|
|
1801
2290
|
category: "symbol",
|
|
1802
2291
|
viewBox: [48, 48],
|
|
1803
2292
|
fixedColor: false,
|
|
1804
|
-
paths: /* @__PURE__ */ __name((fill) => /* @__PURE__ */
|
|
2293
|
+
paths: /* @__PURE__ */ __name((fill) => /* @__PURE__ */ jsx24(
|
|
1805
2294
|
"path",
|
|
1806
2295
|
{
|
|
1807
2296
|
d: "M38.286 19.693v-9.8a.18.18 0 0 0-.182-.182h-9.875s-.091.023-.125.057l-5.667 5.658s-.08.057-.126.057h-10.41s-.092.023-.126.057L4.5 22.784c-.114.114-.034.32.125.32h9.385c.274 0 .49.216.49.49v9.73c0 .103.08.183.183.183h9.749c.274 0 .49.228.49.49v9.366c0 .16.194.251.32.137l7.172-7.164s.057-.08.057-.137V25.636s.023-.103.057-.137l5.701-5.704s.057-.08.057-.137zm-15.154 4.631v-7.597c0-.274.217-.49.49-.49h7.617c.274 0 .49.216.49.49v7.597c0 .274-.216.49-.49.49h-7.617a.487.487 0 0 1-.49-.49",
|
|
@@ -1813,7 +2302,7 @@ var LOGOS = {
|
|
|
1813
2302
|
category: "symbol",
|
|
1814
2303
|
viewBox: [48, 48],
|
|
1815
2304
|
fixedColor: false,
|
|
1816
|
-
paths: /* @__PURE__ */ __name((fill) => /* @__PURE__ */
|
|
2305
|
+
paths: /* @__PURE__ */ __name((fill) => /* @__PURE__ */ jsx24(
|
|
1817
2306
|
"path",
|
|
1818
2307
|
{
|
|
1819
2308
|
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",
|
|
@@ -1825,7 +2314,7 @@ var LOGOS = {
|
|
|
1825
2314
|
category: "symbol",
|
|
1826
2315
|
viewBox: [48, 48],
|
|
1827
2316
|
fixedColor: false,
|
|
1828
|
-
paths: /* @__PURE__ */ __name((fill) => /* @__PURE__ */
|
|
2317
|
+
paths: /* @__PURE__ */ __name((fill) => /* @__PURE__ */ jsx24(
|
|
1829
2318
|
"path",
|
|
1830
2319
|
{
|
|
1831
2320
|
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",
|
|
@@ -1837,8 +2326,8 @@ var LOGOS = {
|
|
|
1837
2326
|
category: "combination",
|
|
1838
2327
|
viewBox: [141, 42],
|
|
1839
2328
|
fixedColor: false,
|
|
1840
|
-
paths: /* @__PURE__ */ __name((fill) => /* @__PURE__ */
|
|
1841
|
-
/* @__PURE__ */
|
|
2329
|
+
paths: /* @__PURE__ */ __name((fill) => /* @__PURE__ */ jsxs13(Fragment8, { children: [
|
|
2330
|
+
/* @__PURE__ */ jsx24(
|
|
1842
2331
|
"path",
|
|
1843
2332
|
{
|
|
1844
2333
|
fillRule: "evenodd",
|
|
@@ -1847,7 +2336,7 @@ var LOGOS = {
|
|
|
1847
2336
|
fill
|
|
1848
2337
|
}
|
|
1849
2338
|
),
|
|
1850
|
-
/* @__PURE__ */
|
|
2339
|
+
/* @__PURE__ */ jsx24(
|
|
1851
2340
|
"path",
|
|
1852
2341
|
{
|
|
1853
2342
|
d: "M140.694 13.397a.15.15 0 0 1 .149.148V17.9c0 .08-.068.15-.149.15h-3.693c-1.685 0-3.261.853-4.505 2.215-.302.33-.462.756-.477 1.19v7.86c0 2.468.589 4.258.879 4.853a.148.148 0 0 1-.132.212h-6.776a.147.147 0 0 1-.131-.218c.306-.555.879-2.166.879-4.88V18.481c0-2.468-.579-4.261-.863-4.853a.148.148 0 0 1 .132-.212h5.871c.08 0 .149.068.149.149v4.338l-.007-.003c0 .265.326.355.447.12 1.487-2.86 3.494-4.624 5.916-4.624l2.311.003zM76.107 13.412a.15.15 0 0 1 .146.15v15.75h-.001c0 2.469.592 4.258.879 4.853a.148.148 0 0 1-.134.212h-6.782a.147.147 0 0 1-.128-.218c.305-.555.879-2.166.879-4.883V18.478c0-2.468-.58-4.26-.863-4.853a.15.15 0 0 1 .133-.213zM93.846 12.743q3.383.001 5.22 2.216 1.83 2.213 1.831 6.289v8.071l-.003-.005c0 2.465.607 4.255.899 4.85.05.094-.023.212-.131.212h-6.751a.147.147 0 0 1-.13-.219c.305-.558.875-2.166.875-4.883l-.006-.003h.003v-7.839q0-2.45-.938-3.718-.936-1.262-2.813-1.263c-1.331 0-2.502.505-3.506 1.506-.73.708-1.335 1.63-1.806 2.758a6.3 6.3 0 0 0-.48 2.438v6.16c0 2.468.592 4.257.882 4.852a.147.147 0 0 1-.132.212h-6.754a.147.147 0 0 1-.13-.218c.308-.555.875-2.166.872-4.883V18.478c0-2.468-.576-4.26-.857-4.853a.15.15 0 0 1 .134-.213h5.325c.079 0 .147.069.147.15v4.19c0 .27.347.358.474.128 1.15-2.138 3.932-5.137 7.775-5.137M53.868 5.123c.104 0 .175.104.138.2-.227.607-.872 2.545-.872 5.31v20.251c0 .262.212.474.474.474l3.843.003c4.036 0 8.524-2.335 9.553-2.902l.003-.003a.147.147 0 0 1 .218.13v5.637a.15.15 0 0 1-.147.149H46.845c-.102 0-.177-.098-.143-.194.219-.617.844-2.662.844-5.75V10.67c0-2.791-.619-4.745-.837-5.35a.146.146 0 0 1 .138-.197zM73.218 4.038a3.439 3.439 0 0 1 0 6.878v-.001a3.439 3.439 0 1 1 0-6.876",
|
|
@@ -1860,78 +2349,78 @@ var LOGOS = {
|
|
|
1860
2349
|
category: "combination",
|
|
1861
2350
|
viewBox: [189, 36],
|
|
1862
2351
|
fixedColor: false,
|
|
1863
|
-
paths: /* @__PURE__ */ __name((fill) => /* @__PURE__ */
|
|
1864
|
-
/* @__PURE__ */
|
|
2352
|
+
paths: /* @__PURE__ */ __name((fill) => /* @__PURE__ */ jsxs13("g", { children: [
|
|
2353
|
+
/* @__PURE__ */ jsx24(
|
|
1865
2354
|
"path",
|
|
1866
2355
|
{
|
|
1867
2356
|
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",
|
|
1868
2357
|
fill
|
|
1869
2358
|
}
|
|
1870
2359
|
),
|
|
1871
|
-
/* @__PURE__ */
|
|
2360
|
+
/* @__PURE__ */ jsx24(
|
|
1872
2361
|
"path",
|
|
1873
2362
|
{
|
|
1874
2363
|
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",
|
|
1875
2364
|
fill
|
|
1876
2365
|
}
|
|
1877
2366
|
),
|
|
1878
|
-
/* @__PURE__ */
|
|
2367
|
+
/* @__PURE__ */ jsx24(
|
|
1879
2368
|
"path",
|
|
1880
2369
|
{
|
|
1881
2370
|
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",
|
|
1882
2371
|
fill
|
|
1883
2372
|
}
|
|
1884
2373
|
),
|
|
1885
|
-
/* @__PURE__ */
|
|
2374
|
+
/* @__PURE__ */ jsx24(
|
|
1886
2375
|
"path",
|
|
1887
2376
|
{
|
|
1888
2377
|
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",
|
|
1889
2378
|
fill
|
|
1890
2379
|
}
|
|
1891
2380
|
),
|
|
1892
|
-
/* @__PURE__ */
|
|
2381
|
+
/* @__PURE__ */ jsx24(
|
|
1893
2382
|
"path",
|
|
1894
2383
|
{
|
|
1895
2384
|
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",
|
|
1896
2385
|
fill
|
|
1897
2386
|
}
|
|
1898
2387
|
),
|
|
1899
|
-
/* @__PURE__ */
|
|
2388
|
+
/* @__PURE__ */ jsx24(
|
|
1900
2389
|
"path",
|
|
1901
2390
|
{
|
|
1902
2391
|
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",
|
|
1903
2392
|
fill
|
|
1904
2393
|
}
|
|
1905
2394
|
),
|
|
1906
|
-
/* @__PURE__ */
|
|
2395
|
+
/* @__PURE__ */ jsx24(
|
|
1907
2396
|
"path",
|
|
1908
2397
|
{
|
|
1909
2398
|
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",
|
|
1910
2399
|
fill
|
|
1911
2400
|
}
|
|
1912
2401
|
),
|
|
1913
|
-
/* @__PURE__ */
|
|
2402
|
+
/* @__PURE__ */ jsx24(
|
|
1914
2403
|
"path",
|
|
1915
2404
|
{
|
|
1916
2405
|
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",
|
|
1917
2406
|
fill
|
|
1918
2407
|
}
|
|
1919
2408
|
),
|
|
1920
|
-
/* @__PURE__ */
|
|
2409
|
+
/* @__PURE__ */ jsx24(
|
|
1921
2410
|
"path",
|
|
1922
2411
|
{
|
|
1923
2412
|
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",
|
|
1924
2413
|
fill
|
|
1925
2414
|
}
|
|
1926
2415
|
),
|
|
1927
|
-
/* @__PURE__ */
|
|
2416
|
+
/* @__PURE__ */ jsx24(
|
|
1928
2417
|
"path",
|
|
1929
2418
|
{
|
|
1930
2419
|
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",
|
|
1931
2420
|
fill
|
|
1932
2421
|
}
|
|
1933
2422
|
),
|
|
1934
|
-
/* @__PURE__ */
|
|
2423
|
+
/* @__PURE__ */ jsx24(
|
|
1935
2424
|
"path",
|
|
1936
2425
|
{
|
|
1937
2426
|
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",
|
|
@@ -1944,15 +2433,15 @@ var LOGOS = {
|
|
|
1944
2433
|
category: "badge",
|
|
1945
2434
|
viewBox: [54, 36],
|
|
1946
2435
|
fixedColor: true,
|
|
1947
|
-
paths: /* @__PURE__ */ __name(() => /* @__PURE__ */
|
|
1948
|
-
/* @__PURE__ */
|
|
2436
|
+
paths: /* @__PURE__ */ __name(() => /* @__PURE__ */ jsxs13(Fragment8, { children: [
|
|
2437
|
+
/* @__PURE__ */ jsx24(
|
|
1949
2438
|
"path",
|
|
1950
2439
|
{
|
|
1951
2440
|
fill: "#D7FF73",
|
|
1952
2441
|
d: "M0 4a4 4 0 0 1 4-4h46a4 4 0 0 1 4 4v28a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4z"
|
|
1953
2442
|
}
|
|
1954
2443
|
),
|
|
1955
|
-
/* @__PURE__ */
|
|
2444
|
+
/* @__PURE__ */ jsx24(
|
|
1956
2445
|
"path",
|
|
1957
2446
|
{
|
|
1958
2447
|
fill: "#0B240C",
|
|
@@ -1961,7 +2450,7 @@ var LOGOS = {
|
|
|
1961
2450
|
d: "M41.438 14.034c4.277 0 7.453 3.13 7.454 7.57 0 4.439-3.177 7.63-7.455 7.63-4.276 0-7.453-3.193-7.453-7.63 0-4.438 3.177-7.57 7.453-7.57m0 2.31c-2.322 0-3.788 1.977-3.789 5.26 0 3.282 1.436 5.319 3.788 5.319 2.353 0 3.819-2.037 3.819-5.32 0-3.282-1.468-5.258-3.818-5.258M14.62 7.714c2.444 0 4.4.577 5.896 1.701s2.23 2.676 2.23 4.652c0 4.042-3.33 6.446-8.126 6.446h-2.628v4.03c0 2.23.454 3.708.61 4.152a.107.107 0 0 1-.102.14h-1.51l-3.168.005v-.002a.107.107 0 0 1-.102-.142c.157-.446.61-1.922.61-4.15V11.72c0-2.017-.45-3.428-.608-3.864a.108.108 0 0 1 .102-.143zm-2.628 10.455h2.2c3.023 0 4.734-1.398 4.734-4.104 0-2.705-1.68-3.982-4.735-3.982h-2.199z"
|
|
1962
2451
|
}
|
|
1963
2452
|
),
|
|
1964
|
-
/* @__PURE__ */
|
|
2453
|
+
/* @__PURE__ */ jsx24(
|
|
1965
2454
|
"path",
|
|
1966
2455
|
{
|
|
1967
2456
|
fill: "#0B240C",
|
|
@@ -1974,15 +2463,15 @@ var LOGOS = {
|
|
|
1974
2463
|
category: "badge",
|
|
1975
2464
|
viewBox: [70, 36],
|
|
1976
2465
|
fixedColor: true,
|
|
1977
|
-
paths: /* @__PURE__ */ __name(() => /* @__PURE__ */
|
|
1978
|
-
/* @__PURE__ */
|
|
2466
|
+
paths: /* @__PURE__ */ __name(() => /* @__PURE__ */ jsxs13(Fragment8, { children: [
|
|
2467
|
+
/* @__PURE__ */ jsx24(
|
|
1979
2468
|
"path",
|
|
1980
2469
|
{
|
|
1981
2470
|
fill: "#D7FF73",
|
|
1982
2471
|
d: "M0 4a4 4 0 0 1 4-4h61.23a4 4 0 0 1 4 4v28a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4z"
|
|
1983
2472
|
}
|
|
1984
2473
|
),
|
|
1985
|
-
/* @__PURE__ */
|
|
2474
|
+
/* @__PURE__ */ jsx24(
|
|
1986
2475
|
"path",
|
|
1987
2476
|
{
|
|
1988
2477
|
fill: "#0B240C",
|
|
@@ -1991,7 +2480,7 @@ var LOGOS = {
|
|
|
1991
2480
|
d: "M39.655 14.103c1.615 0 2.99.458 4.057 1.343 1.067.886 1.617 2.323 1.617 4.278v5.73c.002 1.715.524 2.964.724 3.376v.002a.102.102 0 0 1-.092.148h-4.695a.103.103 0 0 1-.092-.152c.145-.267.433-.88.6-1.848-.95 1.591-2.408 2.404-4.07 2.404-2.197 0-3.905-1.53-3.905-3.759 0-2.354 1.922-3.546 5.369-4.432l2.807-.705v-.916c0-1.985-1.373-2.934-3.235-2.934-1.313 0-2.686.43-4.151 1.315l-.398-1.773c1.496-1.221 3.513-2.078 5.464-2.078m.367 8.803c-1.954.613-2.778 1.192-2.778 2.292s.73 1.711 1.708 1.711v.002c1.402 0 3.02-1.284 3.02-3.668v-.98z"
|
|
1992
2481
|
}
|
|
1993
2482
|
),
|
|
1994
|
-
/* @__PURE__ */
|
|
2483
|
+
/* @__PURE__ */ jsx24(
|
|
1995
2484
|
"path",
|
|
1996
2485
|
{
|
|
1997
2486
|
fill: "#0B240C",
|
|
@@ -2004,8 +2493,8 @@ var LOGOS = {
|
|
|
2004
2493
|
category: "combination",
|
|
2005
2494
|
viewBox: [276, 42],
|
|
2006
2495
|
fixedColor: false,
|
|
2007
|
-
paths: /* @__PURE__ */ __name((fill) => /* @__PURE__ */
|
|
2008
|
-
/* @__PURE__ */
|
|
2496
|
+
paths: /* @__PURE__ */ __name((fill) => /* @__PURE__ */ jsxs13(Fragment8, { children: [
|
|
2497
|
+
/* @__PURE__ */ jsx24(
|
|
2009
2498
|
"path",
|
|
2010
2499
|
{
|
|
2011
2500
|
fillRule: "evenodd",
|
|
@@ -2014,14 +2503,14 @@ var LOGOS = {
|
|
|
2014
2503
|
fill
|
|
2015
2504
|
}
|
|
2016
2505
|
),
|
|
2017
|
-
/* @__PURE__ */
|
|
2506
|
+
/* @__PURE__ */ jsx24(
|
|
2018
2507
|
"path",
|
|
2019
2508
|
{
|
|
2020
2509
|
d: "M160.999 4.967q1.847-.001 3.713.557 1.808.543 3.114 1.203c.053.027.085.08.085.138v6.106a.075.075 0 0 1-.064.072l-.909.114a.07.07 0 0 1-.077-.046q-1.154-3.134-2.685-4.625-1.547-1.502-3.951-1.502-2.021 0-3.457 1.203-1.44 1.203-1.44 2.919 0 1.502.942 2.832.945 1.332 2.663 2.66l3.176 2.49q1.888 1.459 2.942 3.174 1.052 1.716 1.053 3.863 0 2.447-1.291 4.506-1.289 2.06-3.565 3.24-2.276 1.179-5.066 1.18-2.148-.002-4.359-.644l.002.006q-2.15-.623-3.547-1.414a.16.16 0 0 1-.079-.136v-6.71c0-.04.029-.07.066-.073l.861-.077a.07.07 0 0 1 .076.055q.944 3.647 2.948 5.306 2.017 1.674 4.597 1.674c1.17 0 2.189-.25 3.048-.752q1.29-.748 1.978-1.932a5 5 0 0 0 .688-2.556q0-1.46-.86-2.767c-.574-.871-1.42-1.754-2.536-2.639l-3.219-2.49c-1.289-1.029-2.277-2.09-2.964-3.174q-1.03-1.631-1.03-3.735-.001-2.274 1.289-4.121a8.8 8.8 0 0 1 3.37-2.876q2.082-1.03 4.488-1.03M179.769 13.605c2.825 0 4.479 1.322 5.268 2.373q.777 1.035.777 2.07c0 1.46-.977 1.899-1.684 1.899-1.041 0-1.377-.397-1.985-1.812-.596-1.385-1.253-2.805-3.066-2.805-.821 0-2.202.43-3.325 1.337-1.079.907-1.986 2.116-2.678 3.625q-1.035 2.265-1.036 4.92c0 1.769.259 2.633.735 3.624.474 1.037 1.123 1.77 1.943 2.288a5 5 0 0 0 2.72.777c.993 0 2.244-.346 3.108-1.08l.003-.003c.876-.708 1.712-1.656 2.507-2.89a.155.155 0 0 1 .21-.05l.87.534a.153.153 0 0 1 .055.206c-.904 1.674-2.173 3.141-3.689 4.445-1.553 1.292-3.138 1.985-5.128 1.985-1.807 0-2.798-.424-3.877-1.157s-1.828-1.689-2.477-3.026c-.646-1.294-.992-2.805-.992-4.445s.561-4.358 1.684-6.3c1.165-1.985 2.634-3.537 4.448-4.703 1.81-1.207 3.666-1.812 5.609-1.812",
|
|
2021
2510
|
fill
|
|
2022
2511
|
}
|
|
2023
2512
|
),
|
|
2024
|
-
/* @__PURE__ */
|
|
2513
|
+
/* @__PURE__ */ jsx24(
|
|
2025
2514
|
"path",
|
|
2026
2515
|
{
|
|
2027
2516
|
fillRule: "evenodd",
|
|
@@ -2030,7 +2519,7 @@ var LOGOS = {
|
|
|
2030
2519
|
fill
|
|
2031
2520
|
}
|
|
2032
2521
|
),
|
|
2033
|
-
/* @__PURE__ */
|
|
2522
|
+
/* @__PURE__ */ jsx24(
|
|
2034
2523
|
"path",
|
|
2035
2524
|
{
|
|
2036
2525
|
d: "M93.956 12.745c2.258 0 3.996.74 5.224 2.216q1.832 2.214 1.832 6.29v8.074c0 2.465.608 4.255.901 4.85.05.095-.024.213-.132.213h-6.758a.147.147 0 0 1-.13-.219c.305-.558.876-2.166.876-4.885l-.002-.004-.006-.004h.003v-7.84q.001-2.45-.938-3.719c-.623-.841-1.565-1.263-2.816-1.263-1.332 0-2.505.507-3.51 1.508-.731.708-1.336 1.63-1.807 2.758a6.3 6.3 0 0 0-.481 2.438v6.162c0 2.469.592 4.259.882 4.854a.147.147 0 0 1-.132.212h-6.76a.148.148 0 0 1-.13-.218c.308-.555.876-2.167.873-4.885v-10.8c0-2.47-.577-4.263-.857-4.855a.148.148 0 0 1 .133-.212h5.33a.15.15 0 0 1 .149.147v4.193c0 .268.347.357.474.127 1.151-2.139 3.936-5.138 7.782-5.138M140.843 13.403a.15.15 0 0 1 .148.148v4.355a.15.15 0 0 1-.148.147h-3.695c-1.687 0-3.263.854-4.51 2.217a1.85 1.85 0 0 0-.477 1.19v7.861c0 2.47.588 4.26.878 4.854a.147.147 0 0 1-.131.213h-6.781a.146.146 0 0 1-.129-.219c.306-.555.879-2.167.879-4.881V18.487c0-2.469-.58-4.262-.864-4.854a.148.148 0 0 1 .132-.212h5.876a.15.15 0 0 1 .148.147v4.34l-.005-.004-.002.002c0 .265.327.354.447.12 1.49-2.863 3.496-4.624 5.919-4.625zM76.201 13.416a.15.15 0 0 1 .148.147V29.32c0 2.469.592 4.259.88 4.854a.148.148 0 0 1-.134.212h-6.788a.147.147 0 0 1-.13-.218c.305-.555.88-2.167.88-4.885v-10.8c0-2.47-.58-4.263-.865-4.855a.148.148 0 0 1 .134-.212zM53.945 5.13c.104 0 .175.104.138.2-.228.607-.873 2.546-.873 5.31v20.256c0 .262.212.475.474.475l3.848.003c4.04 0 8.53-2.336 9.56-2.904a.147.147 0 0 1 .22.13v5.638a.15.15 0 0 1-.148.147h-20.25c-.102 0-.177-.098-.143-.194.219-.617.845-2.663.845-5.751V10.678c0-2.793-.62-4.747-.839-5.352a.146.146 0 0 1 .138-.197zM73.31 4.038a3.44 3.44 0 0 1 3.443 3.441 3.443 3.443 0 0 1-3.442 3.439v-.002a3.439 3.439 0 1 1 0-6.878",
|
|
@@ -2043,8 +2532,8 @@ var LOGOS = {
|
|
|
2043
2532
|
category: "combination",
|
|
2044
2533
|
viewBox: [337, 42],
|
|
2045
2534
|
fixedColor: false,
|
|
2046
|
-
paths: /* @__PURE__ */ __name((fill) => /* @__PURE__ */
|
|
2047
|
-
/* @__PURE__ */
|
|
2535
|
+
paths: /* @__PURE__ */ __name((fill) => /* @__PURE__ */ jsxs13(Fragment8, { children: [
|
|
2536
|
+
/* @__PURE__ */ jsx24(
|
|
2048
2537
|
"path",
|
|
2049
2538
|
{
|
|
2050
2539
|
fillRule: "evenodd",
|
|
@@ -2053,14 +2542,14 @@ var LOGOS = {
|
|
|
2053
2542
|
fill
|
|
2054
2543
|
}
|
|
2055
2544
|
),
|
|
2056
|
-
/* @__PURE__ */
|
|
2545
|
+
/* @__PURE__ */ jsx24(
|
|
2057
2546
|
"path",
|
|
2058
2547
|
{
|
|
2059
2548
|
d: "M328.375 12.986c4.615-.006 7.886 2.4 8.011 5.75l-3.104.003c-.166-1.919-2.249-3.306-4.945-3.303-2.614.003-4.858 1.189-4.857 3.314.003 2.369 2.128 2.897 4.171 3.385l2.858.651c3.92.852 6.25 2.034 6.254 5.872.003 3.88-3.832 6.294-8.447 6.299-4.737.004-8.211-2.197-8.379-6.077l3.146-.003c.125 2.205 2.452 3.633 5.313 3.63 2.776-.002 5.267-1.19 5.305-3.559.038-2.45-1.595-2.98-4.782-3.67l-2.818-.608c-3.432-.773-5.721-2.281-5.724-5.63-.005-3.636 3.506-6.05 7.998-6.054",
|
|
2060
2549
|
fill
|
|
2061
2550
|
}
|
|
2062
2551
|
),
|
|
2063
|
-
/* @__PURE__ */
|
|
2552
|
+
/* @__PURE__ */ jsx24(
|
|
2064
2553
|
"path",
|
|
2065
2554
|
{
|
|
2066
2555
|
fillRule: "evenodd",
|
|
@@ -2069,14 +2558,14 @@ var LOGOS = {
|
|
|
2069
2558
|
fill
|
|
2070
2559
|
}
|
|
2071
2560
|
),
|
|
2072
|
-
/* @__PURE__ */
|
|
2561
|
+
/* @__PURE__ */ jsx24(
|
|
2073
2562
|
"path",
|
|
2074
2563
|
{
|
|
2075
2564
|
d: "M318.638 13.203c.244 0 .653.04.98.08l.003 3.023c-.367-.08-.776-.121-1.511-.121-2.694.002-4.654 1.803-4.649 5.6l.014 12.578-3.145.004-.021-20.748 3.144-.003.004 2.859h.08c.571-1.511 2.202-3.27 5.102-3.274zM93.792 12.738q3.381 0 5.217 2.215 1.83 2.212 1.829 6.285v8.066c0 2.464.607 4.254.9 4.848.049.096-.025.211-.133.211h-6.749a.147.147 0 0 1-.128-.218c.305-.557.873-2.165.873-4.881l-.006-.003h.003v-7.834q0-2.45-.937-3.718c-.621-.84-1.561-1.262-2.81-1.262-1.33 0-2.501.505-3.505 1.506-.73.708-1.334 1.63-1.806 2.757a6.3 6.3 0 0 0-.48 2.436v6.156c0 2.466.591 4.257.881 4.851.05.1-.024.212-.133.212h-6.751a.147.147 0 0 1-.129-.218c.309-.554.873-2.167.87-4.881V18.474c0-2.467-.576-4.259-.856-4.85a.15.15 0 0 1 .133-.214h5.323a.15.15 0 0 1 .148.149v4.189c0 .267.349.356.474.125 1.15-2.137 3.93-5.135 7.77-5.135zM140.614 13.394a.15.15 0 0 1 .148.148v4.352a.15.15 0 0 1-.148.148h-3.69c-1.683 0-3.259.853-4.502 2.214-.302.33-.461.754-.477 1.19v7.856c0 2.466.59 4.257.878 4.851a.147.147 0 0 1-.133.212h-6.772a.147.147 0 0 1-.13-.218c.305-.554.878-2.165.878-4.878V18.477c0-2.466-.578-4.258-.861-4.85a.15.15 0 0 1 .132-.212h5.868a.15.15 0 0 1 .147.148V17.9l-.007-.004c0 .265.327.355.448.121 1.486-2.86 3.492-4.622 5.912-4.623l2.311.004zM76.063 13.408c.08 0 .147.068.147.148V29.3c0 2.467.592 4.255.878 4.85.05.099-.025.213-.133.213h-6.778a.148.148 0 0 1-.13-.218c.305-.554.878-2.165.878-4.881V18.473c0-2.467-.58-4.26-.863-4.852a.148.148 0 0 1 .133-.213z",
|
|
2076
2565
|
fill
|
|
2077
2566
|
}
|
|
2078
2567
|
),
|
|
2079
|
-
/* @__PURE__ */
|
|
2568
|
+
/* @__PURE__ */ jsx24(
|
|
2080
2569
|
"path",
|
|
2081
2570
|
{
|
|
2082
2571
|
fillRule: "evenodd",
|
|
@@ -2085,7 +2574,7 @@ var LOGOS = {
|
|
|
2085
2574
|
fill
|
|
2086
2575
|
}
|
|
2087
2576
|
),
|
|
2088
|
-
/* @__PURE__ */
|
|
2577
|
+
/* @__PURE__ */ jsx24(
|
|
2089
2578
|
"path",
|
|
2090
2579
|
{
|
|
2091
2580
|
d: "M203.276 25.133a174 174 0 0 1 1.756 5.432h.164c.529-1.714 1.225-3.88 1.796-5.432l4.043-11.517h3.266l-7.759 20.747h-2.981l-7.638-20.747h3.349zM239.499 34.363h-3.145V5.774h3.145zM53.835 5.122c.105 0 .175.105.14.2-.228.608-.873 2.545-.873 5.307v20.24c0 .262.213.475.475.475h3.843c4.034 0 8.515-2.332 9.543-2.9a.147.147 0 0 1 .22.13v5.633c0 .08-.07.148-.15.148h-20.22c-.102 0-.176-.098-.142-.193.218-.616.844-2.66.844-5.746v-17.75c0-2.79-.618-4.743-.837-5.347a.146.146 0 0 1 .14-.197zM73.176 4.038c1.9 0 3.436 1.54 3.436 3.437a3.44 3.44 0 0 1-3.436 3.437 3.44 3.44 0 0 1-3.436-3.437 3.435 3.435 0 0 1 3.436-3.437",
|
|
@@ -2098,8 +2587,8 @@ var LOGOS = {
|
|
|
2098
2587
|
category: "combination",
|
|
2099
2588
|
viewBox: [284, 42],
|
|
2100
2589
|
fixedColor: false,
|
|
2101
|
-
paths: /* @__PURE__ */ __name((fill) => /* @__PURE__ */
|
|
2102
|
-
/* @__PURE__ */
|
|
2590
|
+
paths: /* @__PURE__ */ __name((fill) => /* @__PURE__ */ jsxs13(Fragment8, { children: [
|
|
2591
|
+
/* @__PURE__ */ jsx24(
|
|
2103
2592
|
"path",
|
|
2104
2593
|
{
|
|
2105
2594
|
fill,
|
|
@@ -2108,14 +2597,14 @@ var LOGOS = {
|
|
|
2108
2597
|
d: "M32.575 5.123c.128 0 .233.104.233.233h.006v9.553a.18.18 0 0 1-.053.127l-5.483 5.498a.18.18 0 0 0-.052.125v10.08a.18.18 0 0 1-.053.126l-7.025 7.044a.18.18 0 0 1-.308-.126v-9.129c0-.246-.2-.445-.445-.445h-9.46a.18.18 0 0 1-.13-.058.17.17 0 0 1-.058-.13v-9.47c0-.245-.2-.444-.445-.444H.182c-.162 0-.242-.196-.128-.308l7.036-7.03a.18.18 0 0 1 .127-.053H17.29a.18.18 0 0 0 .126-.052l5.492-5.488a.18.18 0 0 1 .125-.053zm-13.968 6.348a.47.47 0 0 0-.47.47v7.396c0 .26.209.471.47.471h7.389a.47.47 0 0 0 .47-.47v-7.396a.47.47 0 0 0-.47-.471zM230.946 13.205c6.35 0 10.152 4.696 10.152 10.89 0 6.192-3.802 10.888-10.152 10.888s-10.232-4.696-10.232-10.889 3.923-10.89 10.232-10.89m0 2.59c-4.529 0-7.077 3.442-7.077 8.3 0 4.857 2.548 8.298 7.077 8.298 4.53 0 6.997-3.441 6.997-8.299s-2.467-8.298-6.997-8.298M113.853 12.687c5.93 0 10.323 4.09 10.382 11.469a.15.15 0 0 1-.152.152h-14.664a.146.146 0 0 0-.147.153c.21 4.74 2.158 7.707 6.096 7.707h.003c2.909 0 5.741-1.75 6.641-4.637a.15.15 0 0 1 .143-.104h1.738a.15.15 0 0 1 .145.181c-1.046 4.512-4.551 7.295-9.356 7.295h-.003c-7.052 0-11.421-4.058-11.421-11.191 0-6.663 4.668-11.023 10.596-11.023zm.042 2.732c-2.603 0-4.365 2.16-4.577 5.91a.15.15 0 0 0 .148.16h8.559a.15.15 0 0 0 .149-.155c-.083-3.873-1.721-5.913-4.279-5.914zM188.241 13.205c3.235 0 5.824.931 7.037 3.118.567.97.81 2.305.81 3.682l-.001.002v11.537c0 .729 0 2.065.161 2.753v.08h-3.073c-.081-.73-.081-1.822-.081-2.349h-.08c-.77 1.296-3.196 2.875-6.593 2.875-4.126 0-7.401-2.51-7.401-6.316 0-4.613 4.368-5.625 8.047-6.315l2.145-.444c2.953-.608 3.721-.892 3.721-2.55 0-2.188-1.941-3.564-4.732-3.564s-4.692 1.011-4.976 3.077h-3.275c.162-3.643 4.045-5.586 8.291-5.586m4.853 9.675c-.97.404-2.791.93-4.57 1.335l-2.427.607c-2.305.606-3.922 1.618-3.882 3.683 0 2.307 1.981 3.927 4.772 3.927 3.275 0 6.107-1.821 6.107-5.222z"
|
|
2109
2598
|
}
|
|
2110
2599
|
),
|
|
2111
|
-
/* @__PURE__ */
|
|
2600
|
+
/* @__PURE__ */ jsx24(
|
|
2112
2601
|
"path",
|
|
2113
2602
|
{
|
|
2114
2603
|
fill,
|
|
2115
2604
|
d: "M203.836 13.81h3.801v2.43h-3.801v13.237c0 1.66.769 2.55 2.468 2.55.444 0 .888-.04 1.333-.08v2.47c-.323.04-1.011.12-1.658.12-3.721 0-5.257-1.052-5.257-4.453V16.24h-3.033v-2.43h3.033V7.618h3.114zM93.76 12.743c2.255 0 3.991.74 5.216 2.216q1.829 2.214 1.828 6.289v8.071c0 2.465.607 4.256.9 4.85.049.096-.025.212-.134.212h-6.746c-.11 0-.184-.121-.129-.219.305-.558.874-2.166.874-4.883l-.007-.003h.003v-7.839c0-1.633-.31-2.876-.936-3.72-.62-.842-1.56-1.263-2.81-1.263-1.33 0-2.5.505-3.502 1.508-.73.708-1.334 1.63-1.806 2.757a6.3 6.3 0 0 0-.48 2.438v6.159c0 2.468.591 4.259.88 4.854.05.1-.023.212-.132.212H80.03a.147.147 0 0 1-.129-.218c.309-.555.873-2.168.87-4.884V18.483c0-2.468-.576-4.261-.856-4.853a.15.15 0 0 1 .133-.214h5.321c.08 0 .148.069.148.15v4.19c0 .269.349.357.474.126 1.15-2.138 3.93-5.138 7.768-5.138zM140.567 13.4a.15.15 0 0 1 .148.147v4.354a.15.15 0 0 1-.148.15h-3.689c-1.683 0-3.257.853-4.5 2.215-.302.33-.462.754-.477 1.19v7.86c0 2.468.589 4.259.877 4.854a.147.147 0 0 1-.133.212h-6.769a.146.146 0 0 1-.13-.218c.305-.555.878-2.167.878-4.881V18.485c0-2.468-.578-4.26-.861-4.853a.148.148 0 0 1 .132-.212h5.865a.15.15 0 0 1 .147.15v4.337l-.006-.003c0 .265.327.355.448.12 1.486-2.86 3.49-4.624 5.91-4.624l2.309.003zM76.037 13.412a.15.15 0 0 1 .148.15v15.752c0 2.468.59 4.258.877 4.853a.148.148 0 0 1-.133.214h-6.776a.148.148 0 0 1-.13-.219c.306-.555.878-2.166.878-4.883V18.48c0-2.469-.579-4.263-.862-4.855a.147.147 0 0 1 .133-.212h5.865zM251.998 13.41c.243 0 .647.042.97.082v2.995c-.363-.082-.769-.122-1.497-.122-2.668 0-4.609 1.781-4.609 5.545v12.467h-3.115V13.812h3.115v2.834h.08v.005c.567-1.498 2.185-3.24 5.056-3.24M276.785 13.205c3.599 0 6.713 2.55 6.713 7.166v14.006h-3.114V20.695c0-3.037-1.658-4.817-4.409-4.817-3.195 0-5.177 2.347-5.177 6.072v12.427h-3.112V20.775c0-3.035-1.66-4.897-4.329-4.897-3.235 0-5.257 2.347-5.257 6.072v12.427h-3.075V13.812h3.075v2.995h.081c.931-1.943 3.034-3.602 5.946-3.602s5.176 1.456 6.066 3.966c1.053-2.185 3.438-3.966 6.592-3.966"
|
|
2116
2605
|
}
|
|
2117
2606
|
),
|
|
2118
|
-
/* @__PURE__ */
|
|
2607
|
+
/* @__PURE__ */ jsx24(
|
|
2119
2608
|
"path",
|
|
2120
2609
|
{
|
|
2121
2610
|
fill,
|
|
@@ -2124,7 +2613,7 @@ var LOGOS = {
|
|
|
2124
2613
|
d: "M162.064 6.039c5.46 0 8.776 3.48 8.776 8.339 0 4.858-3.478 8.542-8.938 8.542h-7.362v11.456h-3.234V6.039zm-7.524 14.21h7.362c3.681 0 5.662-2.714 5.662-5.75 0-3.034-1.901-5.747-5.622-5.747h-7.402z"
|
|
2125
2614
|
}
|
|
2126
2615
|
),
|
|
2127
|
-
/* @__PURE__ */
|
|
2616
|
+
/* @__PURE__ */ jsx24(
|
|
2128
2617
|
"path",
|
|
2129
2618
|
{
|
|
2130
2619
|
fill,
|
|
@@ -2137,17 +2626,17 @@ var LOGOS = {
|
|
|
2137
2626
|
category: "wordmark",
|
|
2138
2627
|
viewBox: [252, 36],
|
|
2139
2628
|
fixedColor: false,
|
|
2140
|
-
paths: /* @__PURE__ */ __name((fill) => /* @__PURE__ */
|
|
2141
|
-
/* @__PURE__ */
|
|
2142
|
-
/* @__PURE__ */
|
|
2629
|
+
paths: /* @__PURE__ */ __name((fill) => /* @__PURE__ */ jsxs13(Fragment8, { children: [
|
|
2630
|
+
/* @__PURE__ */ jsx24("g", { fill, clipPath: "url(#lp-pri-logo-careers-clip)", children: /* @__PURE__ */ jsx24("path", { d: "M144.821 3.573v4.915c-.118.022-.168-.019-.254-.09-.204-.171-.549-.727-.774-.97-4.719-5.098-13.087-4.675-17.972-.03-6.015 5.721-5.825 17.356.844 22.495 4.129 3.181 10.273 3.623 15.018 1.632 1.535-.644 2.913-1.597 4.255-2.561l.442 2.086c-2.416 2.485-5.557 4.146-9.016 4.623-9.293 1.288-17.872-4.272-19.435-13.668-1.055-6.334.698-12.7 5.683-16.876 5.859-4.909 14.619-5.142 21.207-1.556zM181.166 15.243c-.048.06-.052.074-.128.069-.207-.01-.585-.145-.837-.162-8.574-.564-8.214 9.556-8.005 15.442l.001.026c.04 1.119.104 2.516.573 3.535.201.442.541.784.677 1.223h-5.543c.023-.413.347-.75.508-1.14.444-1.064.43-2.005.485-3.124.211-4.289.23-9.269.066-13.567-.042-1.138-.152-3.171-.653-4.196-.088-.18-.594-1.116-.594-1.116l4.486-.005v5.85l.216-.065c.739-2.345 2.202-4.747 4.581-5.69 1.318-.523 2.789-.58 4.167-.274zM236.149 15.241c-.047.06-.052.074-.128.069-.207-.01-.585-.145-.837-.162-8.574-.564-8.214 9.556-8.005 15.442l.001.025c.04 1.12.105 2.517.573 3.536.202.442.541.784.677 1.223h-5.543c.024-.413.347-.75.508-1.14.445-1.065.43-2.005.485-3.124.211-4.289.23-9.269.066-13.567-.042-1.138-.152-3.171-.653-4.195-.088-.181-.594-1.117-.594-1.117l4.486-.005v5.85l.216-.065c.739-2.345 2.202-4.747 4.581-5.69 1.318-.523 2.789-.58 4.167-.274zM199.828 22.803h-16.194c.074 1.21.104 2.376.392 3.56 1.566 6.447 8.365 8.125 13.873 5.31.534-.274 1.119-.775 1.618-1 .083-.039.095-.048.157.03l.396 1.765c-1.19 1.115-2.551 2.065-4.089 2.64-3.849 1.44-8.56.793-11.691-1.915-5.453-4.716-5.246-14.773.437-19.226 4.246-3.328 11.242-2.837 13.951 2.174 1.117 2.065 1.226 4.355 1.15 6.66zm-3.426-2.364c-.019-3.849-2.409-6.5-6.384-6.222-3.395.237-5.626 3.003-6.073 6.222zM221.066 22.803h-16.194c-.031 2.103.309 4.286 1.383 6.118 2.68 4.571 8.565 4.982 12.944 2.69.442-.231 1.131-.787 1.494-.934.064-.026.112-.048.186-.034l.363 1.823c-1.639 1.651-3.825 2.822-6.134 3.21-5.177.864-10.224-1.41-12.407-6.254-2.3-5.103-1.205-12.217 3.459-15.63 4.768-3.49 12.281-2.298 14.3 3.675.583 1.72.611 3.54.606 5.338zm-3.423-2.364c-.081-1.884-.616-3.716-2.086-4.98-1.466-1.26-3.643-1.497-5.479-1.052-2.827.684-4.503 3.295-4.956 6.032h12.521M250.846 13.361v3.673a.37.37 0 0 1-.283-.059c-.121-.071-.58-.67-.774-.843-1.887-1.697-4.907-2.322-7.323-1.526-3.305 1.088-3.701 4.638-.67 6.463 3.3 1.986 8.838 2.56 9.47 7.218.414 3.046-1.335 5.543-4.05 6.747-3.517 1.559-7.974.841-11.067-1.35V29.92c.097-.017.145.01.221.06.221.14.648.781.9 1.03 2.317 2.29 6.52 3.436 9.401 1.55 1.433-.939 2.117-2.923 1.155-4.441-1.09-1.72-6.412-3.243-8.394-4.621-4.077-2.84-3.485-8.23.765-10.54 3.184-1.73 7.539-1.273 10.654.407zM160.543 35.374h5.543c-.133-.44-.475-.782-.677-1.224-.465-1.019-.532-2.416-.572-3.535q-.027-.676-.045-1.416c-.015-2.996.209-6.101.09-9.045-.247-6.149-4.184-9.218-10.295-8.102-1.989.364-3.965 1.35-5.581 2.578v2.198c.038-.005.071-.02.112-.034.499-.201 1.223-.75 1.786-1.017 2.386-1.128 5.857-1.857 8.285-.517 2.495 1.375 2.497 4.212 2.359 6.733-3.506 1.143-7.574 1.616-10.765 3.557-4.181 2.544-3.447 8.377 1.065 9.928 3.307 1.136 6.835-.294 8.883-2.974.169-.221.563-.939.692-1.05a.3.3 0 0 1 .097-.064c-.043.997-.064 1.87-.473 2.841-.161.387-.487.727-.508 1.14zm.756-7.033c-.784 2.825-3.569 5.172-6.593 4.909-2.179-.19-3.576-1.944-3.139-4.115.312-1.545 1.621-2.203 2.932-2.797 2.255-1.021 4.733-1.582 7.08-2.354-.019 1.478.119 2.915-.28 4.355zM12.092 31.777H7.771a.535.535 0 0 1-.535-.535V8.474c0-3.108.725-5.289.981-5.968a.166.166 0 0 0-.156-.224H.17a.165.165 0 0 0-.158.221c.248.68.944 2.875.944 6.014v19.962c0 3.471-.704 5.769-.946 6.462a.166.166 0 0 0 .157.221h22.747a.165.165 0 0 0 .166-.166V28.66a.168.168 0 0 0-.247-.148c-1.16.637-6.201 3.262-10.742 3.262zM54.804 29.505c0 3.053-.639 4.864-.983 5.489a.166.166 0 0 0 .147.247h7.591c.123 0 .204-.13.15-.24-.33-.668-1.01-2.683-1.01-5.453v-9.073c0-3.053-.69-5.41-2.06-7.071q-2.065-2.489-5.866-2.49c-4.322 0-7.446 3.372-8.739 5.776-.14.259-.534.157-.534-.14v-4.712a.165.165 0 0 0-.166-.166h-5.985a.166.166 0 0 0-.15.238c.316.665.962 2.68.962 5.455v12.14c.003 3.053-.636 4.866-.979 5.489a.165.165 0 0 0 .148.244h7.595a.166.166 0 0 0 .15-.24c-.323-.667-.988-2.682-.988-5.455V22.62c0-.936.175-1.87.541-2.742q.795-1.901 2.032-3.1c1.128-1.126 2.445-1.692 3.941-1.692 1.404 0 2.462.473 3.165 1.423q1.054 1.424 1.053 4.182v8.812h-.008zM26.26 35.239h7.62a.166.166 0 0 0 .15-.24c-.323-.668-.986-2.683-.986-5.455V11.838a.165.165 0 0 0-.166-.166H26.28a.165.165 0 0 0-.15.238c.318.665.97 2.682.97 5.455v12.14c0 3.054-.642 4.864-.987 5.489a.166.166 0 0 0 .148.247zM29.627 8.866a3.868 3.868 0 0 0 0-7.734 3.866 3.866 0 0 0 0 7.732zM95.225 16.718c0 .297.366.397.504.136 1.672-3.217 3.927-5.201 6.65-5.201l-.007.005h2.604c.092 0 .166.073.166.166v4.894a.165.165 0 0 1-.166.167h-4.151c-1.896 0-3.666.957-5.063 2.487-.34.373-.523.848-.537 1.335v8.839c0 2.772.663 4.787.986 5.455a.166.166 0 0 1-.15.24h-7.619a.168.168 0 0 1-.147-.247c.344-.623.986-2.433.986-5.489v-12.14c0-2.775-.651-4.79-.97-5.455a.166.166 0 0 1 .15-.238h6.598c.093 0 .166.074.166.166zM76.905 32.756c-4.431 0-6.624-3.336-6.86-8.663a.17.17 0 0 1 .167-.176h16.5a.17.17 0 0 0 .17-.168c-.067-8.297-5.011-12.894-11.683-12.894s-11.924 4.899-11.924 12.39c0 8.019 4.915 12.583 12.85 12.583h.003c5.408 0 9.352-3.127 10.528-8.202a.168.168 0 0 0-.164-.204h-1.958a.16.16 0 0 0-.157.116c-1.012 3.246-4.2 5.215-7.472 5.215zm-1.656-18.832c2.882 0 4.72 2.293 4.816 6.648a.17.17 0 0 1-.166.171h-9.63a.167.167 0 0 1-.166-.178c.24-4.215 2.219-6.643 5.15-6.643z" }) }),
|
|
2631
|
+
/* @__PURE__ */ jsx24("defs", { children: /* @__PURE__ */ jsx24("clipPath", { id: "lp-pri-logo-careers-clip", children: /* @__PURE__ */ jsx24("path", { fill: "#fff", d: "M0 1.133h251.326v34.74H0z" }) }) })
|
|
2143
2632
|
] }), "paths")
|
|
2144
2633
|
},
|
|
2145
2634
|
"combination-write": {
|
|
2146
2635
|
category: "combination",
|
|
2147
2636
|
viewBox: [237, 42],
|
|
2148
2637
|
fixedColor: false,
|
|
2149
|
-
paths: /* @__PURE__ */ __name((fill) => /* @__PURE__ */
|
|
2150
|
-
/* @__PURE__ */
|
|
2638
|
+
paths: /* @__PURE__ */ __name((fill) => /* @__PURE__ */ jsxs13(Fragment8, { children: [
|
|
2639
|
+
/* @__PURE__ */ jsx24(
|
|
2151
2640
|
"path",
|
|
2152
2641
|
{
|
|
2153
2642
|
fill,
|
|
@@ -2156,14 +2645,14 @@ var LOGOS = {
|
|
|
2156
2645
|
d: "M32.611 5.12c.129 0 .233.104.233.233v9.556a.18.18 0 0 1-.053.127l-5.488 5.498a.18.18 0 0 0-.052.127V30.74a.18.18 0 0 1-.053.127l-7.032 7.043a.18.18 0 0 1-.308-.127v-9.13c0-.247-.2-.445-.444-.445h-9.47a.18.18 0 0 1-.13-.059.17.17 0 0 1-.059-.13V18.55c0-.246-.2-.444-.444-.444H.181a.18.18 0 0 1-.127-.308l7.044-7.032a.18.18 0 0 1 .125-.052h10.083a.18.18 0 0 0 .127-.053l5.498-5.488a.18.18 0 0 1 .127-.053zm-13.985 6.35a.47.47 0 0 0-.471.47v7.396c0 .259.21.47.471.47h7.396a.47.47 0 0 0 .47-.47V11.94a.47.47 0 0 0-.47-.47zM217.253 7.059c.047 0 .081.042.071.088l-1.459 6.9h4.348c.046 0 .08.043.071.088l-.375 1.825a.074.074 0 0 1-.072.059h-4.377l-2.957 13.575c-.196.922-.264 2.24.67 2.241q.537 0 1.434-1.075h.005c.354-.423 2.937-3.443 5.013-5.87q.295-2.567 1.592-4.907 1.678-3.021 4.369-4.815c1.794-1.195 3.659-1.793 5.603-1.793q2.33.001 3.898 1.144 1.567 1.14 1.568 3.069c0 1.523-.745 2.922-2.24 4.188-1.494 1.27-3.363 2.272-5.598 3.001q-2.708.883-5.267 1.11c.06 1.101.277 2.064.652 2.877q.673 1.455 1.816 2.194 1.142.74 2.622.74 1.747 0 3.248-1.076 1.486-1.064 2.683-2.958a.05.05 0 0 1 .071-.016v-.001l1.034.663a.054.054 0 0 1 .017.071 15.5 15.5 0 0 1-3.962 4.505q-2.464 1.904-5.241 1.904a6.07 6.07 0 0 1-3.473-1.075h-.009q-1.59-1.077-2.53-2.98c-.544-1.095-.848-2.32-.922-3.67-2.055 2.497-4.278 5.18-4.875 5.82q-1.77 1.905-3.698 1.905c-1.655 0-3.095-1.333-2.376-4.391l1.19-5.456c-2.352 2.856-6.224 7.517-6.857 8.195q-1.77 1.904-3.698 1.904c-1.655 0-3.094-1.332-2.375-4.39l1.742-8.08.006.002 1.099-5.115c.419-1.94.348-3.104.024-3.527-.063-.1-.129-.23-.064-.358.034-.098.163-.163.294-.163h4.282c.059 0 .102.053.09.112l-3.569 16.326c-.193.917-.263 2.24.672 2.24q.536 0 1.433-1.075c.387-.468 5.313-6.263 7.528-8.852l1.341-6.143h-3.451a.074.074 0 0 1-.071-.088l.286-1.395a.08.08 0 0 1 .045-.053q2.799-1.076 4.602-2.943 1.796-1.868 3.003-4.44a.08.08 0 0 1 .067-.041zm13.13 8.017q-1.566-.001-3.181 1.39-1.612 1.39-2.643 3.72a12.2 12.2 0 0 0-.998 4.178 13.6 13.6 0 0 0 3.978-1.043q2.395-1.033 3.898-2.577 1.501-1.545 1.502-3.159 0-1.211-.741-1.858-.74-.649-1.815-.65M113.957 12.69c5.934 0 10.331 4.09 10.39 11.469a.15.15 0 0 1-.15.152h-14.678a.147.147 0 0 0-.147.153c.209 4.74 2.16 7.707 6.102 7.707h.003c2.913 0 5.747-1.75 6.647-4.637a.15.15 0 0 1 .141-.106h1.742a.15.15 0 0 1 .144.182c-1.047 4.51-4.556 7.293-9.365 7.293h-.003c-7.059 0-11.432-4.058-11.432-11.191 0-6.663 4.672-11.023 10.606-11.023zm.042 2.729c-2.606 0-4.37 2.161-4.582 5.91a.15.15 0 0 0 .148.158h8.566c.085 0 .15-.07.15-.154-.082-3.873-1.676-5.914-4.282-5.914"
|
|
2157
2646
|
}
|
|
2158
2647
|
),
|
|
2159
|
-
/* @__PURE__ */
|
|
2648
|
+
/* @__PURE__ */ jsx24(
|
|
2160
2649
|
"path",
|
|
2161
2650
|
{
|
|
2162
2651
|
fill,
|
|
2163
2652
|
d: "M140.694 13.397a.15.15 0 0 1 .149.148V17.9c0 .08-.068.15-.149.15h-3.693c-1.685 0-3.261.853-4.505 2.215-.302.33-.462.756-.477 1.19v7.86c0 2.468.589 4.258.879 4.853a.148.148 0 0 1-.132.212h-6.776a.147.147 0 0 1-.131-.218c.306-.555.879-2.166.879-4.88V18.481c0-2.468-.579-4.261-.863-4.853a.148.148 0 0 1 .132-.212h5.871c.08 0 .149.068.149.149v4.338l-.007-.003c0 .265.326.355.447.12 1.487-2.86 3.494-4.624 5.916-4.624l2.311.003zM76.107 13.412a.15.15 0 0 1 .146.15v15.75h-.001c0 2.469.592 4.258.879 4.853a.148.148 0 0 1-.134.212h-6.782a.147.147 0 0 1-.128-.218c.305-.555.879-2.166.879-4.883V18.478c0-2.468-.58-4.26-.863-4.853a.15.15 0 0 1 .133-.213zM93.846 12.743q3.383.001 5.22 2.216 1.83 2.213 1.831 6.289v8.071l-.003-.005c0 2.465.607 4.255.899 4.85.05.094-.023.212-.131.212h-6.751a.147.147 0 0 1-.13-.219c.305-.558.875-2.166.875-4.883l-.006-.003h.003v-7.839q0-2.45-.938-3.718-.936-1.262-2.813-1.263c-1.331 0-2.502.505-3.506 1.506-.73.708-1.335 1.63-1.806 2.758a6.3 6.3 0 0 0-.48 2.438v6.16c0 2.468.592 4.257.882 4.852a.147.147 0 0 1-.132.212h-6.754a.147.147 0 0 1-.13-.218c.308-.555.875-2.166.872-4.883V18.478c0-2.468-.576-4.26-.857-4.853a.15.15 0 0 1 .134-.213h5.325c.079 0 .147.069.147.15v4.19c0 .27.347.358.474.128 1.15-2.138 3.932-5.137 7.775-5.137M53.868 5.123c.104 0 .175.104.138.2-.227.607-.872 2.545-.872 5.31v20.251c0 .262.212.474.474.474l3.843.003c4.036 0 8.524-2.335 9.553-2.902l.003-.003a.147.147 0 0 1 .218.13v5.637a.15.15 0 0 1-.147.149H46.845c-.102 0-.177-.098-.143-.194.219-.617.844-2.662.844-5.75V10.67c0-2.791-.619-4.745-.837-5.35a.146.146 0 0 1 .138-.197zM195.106 13.145q1.135.002 1.877.654l-.003.005c.495.437.742.945.742 1.615v.001q0 1.003-.63 1.568-.634.568-1.462.567-.61 0-1.483-.392c-.283-.127-.649-.392-1.134-.392q-.567 0-1.047.392-.481.395-1.091 1.221c-.814 1.107-1.845 2.776-2.761 4.58a66 66 0 0 0-2.53 5.647c-.758 1.932-1.451 4.27-1.806 5.676a.09.09 0 0 1-.09.068h-3.515a.09.09 0 0 1-.09-.112l3.605-16.822c.423-1.942.454-3.106.13-3.528-.065-.1-.129-.23-.064-.358.034-.097.162-.163.292-.163h4.192a.09.09 0 0 1 .088.112l-2.282 10.434c.726-1.715 1.648-3.482 2.434-4.862q1.177-2.07 2.268-3.425 2.092-2.486 4.36-2.486"
|
|
2164
2653
|
}
|
|
2165
2654
|
),
|
|
2166
|
-
/* @__PURE__ */
|
|
2655
|
+
/* @__PURE__ */ jsx24(
|
|
2167
2656
|
"path",
|
|
2168
2657
|
{
|
|
2169
2658
|
fill,
|
|
@@ -2175,14 +2664,14 @@ var LOGOS = {
|
|
|
2175
2664
|
};
|
|
2176
2665
|
|
|
2177
2666
|
// src/components/Logo/index.tsx
|
|
2178
|
-
import { jsx as
|
|
2667
|
+
import { jsx as jsx25 } from "react/jsx-runtime";
|
|
2179
2668
|
var Logo = /* @__PURE__ */ __name(({ name, height, fill = "brand-label-secondary", className }) => {
|
|
2180
2669
|
const def = LOGOS[name];
|
|
2181
2670
|
const [viewBoxWidth, viewBoxHeight] = def.viewBox;
|
|
2182
2671
|
const renderHeight = height ?? viewBoxHeight;
|
|
2183
2672
|
const renderWidth = viewBoxWidth / viewBoxHeight * renderHeight;
|
|
2184
2673
|
const fillColor = def.fixedColor ? "" : vars.color[fill];
|
|
2185
|
-
return /* @__PURE__ */
|
|
2674
|
+
return /* @__PURE__ */ jsx25(
|
|
2186
2675
|
"svg",
|
|
2187
2676
|
{
|
|
2188
2677
|
width: renderWidth,
|
|
@@ -2199,11 +2688,11 @@ var Logo = /* @__PURE__ */ __name(({ name, height, fill = "brand-label-secondary
|
|
|
2199
2688
|
// src/components/coach-mark/primitive/index.tsx
|
|
2200
2689
|
import * as PopoverPrimitive2 from "@radix-ui/react-popover";
|
|
2201
2690
|
import { cva as cva9 } from "cva";
|
|
2202
|
-
import
|
|
2203
|
-
import { forwardRef as
|
|
2691
|
+
import clsx19 from "clsx";
|
|
2692
|
+
import { forwardRef as forwardRef19 } from "react";
|
|
2204
2693
|
|
|
2205
2694
|
// src/components/coach-mark/primitive/style.module.scss
|
|
2206
|
-
var
|
|
2695
|
+
var style_module_default17 = {
|
|
2207
2696
|
"anchor": "_anchor_1ynpr_2",
|
|
2208
2697
|
"content": "_content_1ynpr_6",
|
|
2209
2698
|
"overlay": "_overlay_1ynpr_24",
|
|
@@ -2212,19 +2701,19 @@ var style_module_default15 = {
|
|
|
2212
2701
|
|
|
2213
2702
|
// src/components/coach-mark/primitive/index.tsx
|
|
2214
2703
|
import { IconCloseFill as IconCloseFill4 } from "@liner-fe/icon";
|
|
2215
|
-
import { jsx as
|
|
2704
|
+
import { jsx as jsx26, jsxs as jsxs14 } from "react/jsx-runtime";
|
|
2216
2705
|
var primitiveCoachMarkVariants = cva9({
|
|
2217
|
-
base:
|
|
2706
|
+
base: style_module_default17.content
|
|
2218
2707
|
});
|
|
2219
2708
|
var primitiveCoachMarkAnchorVariants = cva9({
|
|
2220
|
-
base:
|
|
2709
|
+
base: style_module_default17.anchor
|
|
2221
2710
|
});
|
|
2222
|
-
var PrimitiveCoachMarkTrigger = /* @__PURE__ */ __name(({ by }) => /* @__PURE__ */
|
|
2223
|
-
var PrimitiveCoachMarkRoot = /* @__PURE__ */ __name(({ trigger, children, ...props }) => /* @__PURE__ */
|
|
2224
|
-
/* @__PURE__ */
|
|
2711
|
+
var PrimitiveCoachMarkTrigger = /* @__PURE__ */ __name(({ by }) => /* @__PURE__ */ jsx26(PopoverPrimitive2.Trigger, { asChild: true, children: by }), "PrimitiveCoachMarkTrigger");
|
|
2712
|
+
var PrimitiveCoachMarkRoot = /* @__PURE__ */ __name(({ trigger, children, ...props }) => /* @__PURE__ */ jsxs14(PopoverPrimitive2.Root, { ...props, children: [
|
|
2713
|
+
/* @__PURE__ */ jsx26(PrimitiveCoachMarkTrigger, { by: trigger }),
|
|
2225
2714
|
children
|
|
2226
2715
|
] }), "PrimitiveCoachMarkRoot");
|
|
2227
|
-
var PrimitiveCoachMarkAnchor = /* @__PURE__ */ __name(({ className }) => /* @__PURE__ */
|
|
2716
|
+
var PrimitiveCoachMarkAnchor = /* @__PURE__ */ __name(({ className }) => /* @__PURE__ */ jsx26(
|
|
2228
2717
|
"svg",
|
|
2229
2718
|
{
|
|
2230
2719
|
className,
|
|
@@ -2233,7 +2722,7 @@ var PrimitiveCoachMarkAnchor = /* @__PURE__ */ __name(({ className }) => /* @__P
|
|
|
2233
2722
|
height: "24",
|
|
2234
2723
|
viewBox: "0 0 10 24",
|
|
2235
2724
|
fill: "none",
|
|
2236
|
-
children: /* @__PURE__ */
|
|
2725
|
+
children: /* @__PURE__ */ jsx26(
|
|
2237
2726
|
"path",
|
|
2238
2727
|
{
|
|
2239
2728
|
fillRule: "evenodd",
|
|
@@ -2244,16 +2733,16 @@ var PrimitiveCoachMarkAnchor = /* @__PURE__ */ __name(({ className }) => /* @__P
|
|
|
2244
2733
|
)
|
|
2245
2734
|
}
|
|
2246
2735
|
), "PrimitiveCoachMarkAnchor");
|
|
2247
|
-
var PrimitiveCoachMarkClose = /* @__PURE__ */ __name(({ className, onClick }) => /* @__PURE__ */
|
|
2248
|
-
var PrimitiveCoachMarkContent =
|
|
2736
|
+
var PrimitiveCoachMarkClose = /* @__PURE__ */ __name(({ className, onClick }) => /* @__PURE__ */ jsx26(PopoverPrimitive2.Close, { asChild: true, className: clsx19(style_module_default17.close, className), onClick, children: /* @__PURE__ */ jsx26(IconCloseFill4, { fill: true, size: "xs", type: "neutral-label-primary" }) }), "PrimitiveCoachMarkClose");
|
|
2737
|
+
var PrimitiveCoachMarkContent = forwardRef19(({ children, className, container, ...rest }, ref) => /* @__PURE__ */ jsx26(PopoverPrimitive2.Portal, { container, children: /* @__PURE__ */ jsxs14(
|
|
2249
2738
|
PopoverPrimitive2.Content,
|
|
2250
2739
|
{
|
|
2251
2740
|
ref,
|
|
2252
|
-
className:
|
|
2741
|
+
className: clsx19(primitiveCoachMarkVariants(), className),
|
|
2253
2742
|
...rest,
|
|
2254
2743
|
children: [
|
|
2255
2744
|
children,
|
|
2256
|
-
/* @__PURE__ */
|
|
2745
|
+
/* @__PURE__ */ jsx26(PopoverPrimitive2.Arrow, { asChild: true, children: /* @__PURE__ */ jsx26(PrimitiveCoachMarkAnchor, { className: clsx19(primitiveCoachMarkAnchorVariants()) }) })
|
|
2257
2746
|
]
|
|
2258
2747
|
}
|
|
2259
2748
|
) }));
|
|
@@ -2265,13 +2754,13 @@ var PrimitiveCoachMark = Object.assign(PrimitiveCoachMarkRoot, {
|
|
|
2265
2754
|
});
|
|
2266
2755
|
|
|
2267
2756
|
// src/components/coach-mark/compact/index.tsx
|
|
2268
|
-
import { forwardRef as
|
|
2757
|
+
import { forwardRef as forwardRef21 } from "react";
|
|
2269
2758
|
|
|
2270
2759
|
// src/components/Badge/index.tsx
|
|
2271
|
-
import { forwardRef as
|
|
2760
|
+
import { forwardRef as forwardRef20 } from "react";
|
|
2272
2761
|
|
|
2273
2762
|
// src/components/Badge/style.module.scss
|
|
2274
|
-
var
|
|
2763
|
+
var style_module_default18 = {
|
|
2275
2764
|
"badge": "_badge_f8fzb_1",
|
|
2276
2765
|
"s": "_s_f8fzb_10",
|
|
2277
2766
|
"m": "_m_f8fzb_15",
|
|
@@ -2293,8 +2782,8 @@ var style_module_default16 = {
|
|
|
2293
2782
|
|
|
2294
2783
|
// src/components/Badge/index.tsx
|
|
2295
2784
|
import { cva as cva10 } from "cva";
|
|
2296
|
-
import
|
|
2297
|
-
import { jsx as
|
|
2785
|
+
import clsx20 from "clsx";
|
|
2786
|
+
import { jsx as jsx27, jsxs as jsxs15 } from "react/jsx-runtime";
|
|
2298
2787
|
var badgeSizeIconSizeMap = {
|
|
2299
2788
|
s: "xxs",
|
|
2300
2789
|
m: "xs",
|
|
@@ -2306,20 +2795,20 @@ var badgeSizeTypoMap = {
|
|
|
2306
2795
|
l: ["lp-sys-typo-caption1-normal-regular", "lp-sys-typo-caption1-normal-medium"]
|
|
2307
2796
|
};
|
|
2308
2797
|
var badgeBase = cva10({
|
|
2309
|
-
base:
|
|
2798
|
+
base: style_module_default18.badge,
|
|
2310
2799
|
variants: {
|
|
2311
2800
|
size: {
|
|
2312
|
-
s:
|
|
2313
|
-
m:
|
|
2314
|
-
l:
|
|
2801
|
+
s: style_module_default18.s,
|
|
2802
|
+
m: style_module_default18.m,
|
|
2803
|
+
l: style_module_default18.l
|
|
2315
2804
|
}
|
|
2316
2805
|
}
|
|
2317
2806
|
});
|
|
2318
2807
|
function getBgClass(variant, color) {
|
|
2319
|
-
if (variant === "subtle") return
|
|
2320
|
-
if (variant === "outlined") return
|
|
2321
|
-
if (variant === "fill") return color === "accent" ?
|
|
2322
|
-
return
|
|
2808
|
+
if (variant === "subtle") return style_module_default18.subtle;
|
|
2809
|
+
if (variant === "outlined") return style_module_default18.outlined;
|
|
2810
|
+
if (variant === "fill") return color === "accent" ? style_module_default18["fill-accent"] : style_module_default18["fill-primary"];
|
|
2811
|
+
return style_module_default18["inverse-primary"];
|
|
2323
2812
|
}
|
|
2324
2813
|
__name(getBgClass, "getBgClass");
|
|
2325
2814
|
function getIconType(variant, color) {
|
|
@@ -2343,26 +2832,26 @@ function getIconType(variant, color) {
|
|
|
2343
2832
|
}
|
|
2344
2833
|
__name(getIconType, "getIconType");
|
|
2345
2834
|
function getTextClass(variant, color) {
|
|
2346
|
-
if (variant === "inverse") return
|
|
2835
|
+
if (variant === "inverse") return style_module_default18["text-primary-inverse"];
|
|
2347
2836
|
switch (color) {
|
|
2348
2837
|
case "neutral":
|
|
2349
|
-
return
|
|
2838
|
+
return style_module_default18["text-neutral"];
|
|
2350
2839
|
case "neutral-secondary":
|
|
2351
|
-
return
|
|
2840
|
+
return style_module_default18["text-neutral-secondary"];
|
|
2352
2841
|
case "primary":
|
|
2353
|
-
return
|
|
2842
|
+
return style_module_default18["text-primary"];
|
|
2354
2843
|
case "caution":
|
|
2355
|
-
return
|
|
2844
|
+
return style_module_default18["text-caution"];
|
|
2356
2845
|
case "error":
|
|
2357
|
-
return
|
|
2846
|
+
return style_module_default18["text-error"];
|
|
2358
2847
|
case "accent":
|
|
2359
|
-
return
|
|
2848
|
+
return style_module_default18["text-accent"];
|
|
2360
2849
|
default:
|
|
2361
|
-
return
|
|
2850
|
+
return style_module_default18["text-neutral"];
|
|
2362
2851
|
}
|
|
2363
2852
|
}
|
|
2364
2853
|
__name(getTextClass, "getTextClass");
|
|
2365
|
-
var
|
|
2854
|
+
var Badge = forwardRef20(
|
|
2366
2855
|
({
|
|
2367
2856
|
size = "s",
|
|
2368
2857
|
variant = "fill",
|
|
@@ -2378,11 +2867,11 @@ var Badge2 = forwardRef17(
|
|
|
2378
2867
|
const typoClass = badgeSizeTypoMap[size][+thick];
|
|
2379
2868
|
const resolvedVariant = variant;
|
|
2380
2869
|
const resolvedColor = color;
|
|
2381
|
-
return /* @__PURE__ */
|
|
2870
|
+
return /* @__PURE__ */ jsxs15(
|
|
2382
2871
|
"span",
|
|
2383
2872
|
{
|
|
2384
2873
|
ref,
|
|
2385
|
-
className:
|
|
2874
|
+
className: clsx20(
|
|
2386
2875
|
badgeBase({ size }),
|
|
2387
2876
|
typoClass,
|
|
2388
2877
|
getBgClass(resolvedVariant, resolvedColor),
|
|
@@ -2391,7 +2880,7 @@ var Badge2 = forwardRef17(
|
|
|
2391
2880
|
),
|
|
2392
2881
|
...rest,
|
|
2393
2882
|
children: [
|
|
2394
|
-
!!leftIcon && /* @__PURE__ */
|
|
2883
|
+
!!leftIcon && /* @__PURE__ */ jsx27(
|
|
2395
2884
|
leftIcon.icon,
|
|
2396
2885
|
{
|
|
2397
2886
|
size: iconSize,
|
|
@@ -2399,8 +2888,8 @@ var Badge2 = forwardRef17(
|
|
|
2399
2888
|
...leftIcon
|
|
2400
2889
|
}
|
|
2401
2890
|
),
|
|
2402
|
-
/* @__PURE__ */
|
|
2403
|
-
!!rightIcon && /* @__PURE__ */
|
|
2891
|
+
/* @__PURE__ */ jsx27("span", { className: style_module_default18.text, children }),
|
|
2892
|
+
!!rightIcon && /* @__PURE__ */ jsx27(
|
|
2404
2893
|
rightIcon.icon,
|
|
2405
2894
|
{
|
|
2406
2895
|
size: iconSize,
|
|
@@ -2413,10 +2902,10 @@ var Badge2 = forwardRef17(
|
|
|
2413
2902
|
);
|
|
2414
2903
|
}
|
|
2415
2904
|
);
|
|
2416
|
-
|
|
2905
|
+
Badge.displayName = "Badge";
|
|
2417
2906
|
|
|
2418
2907
|
// src/components/coach-mark/compact/style.module.scss
|
|
2419
|
-
var
|
|
2908
|
+
var style_module_default19 = {
|
|
2420
2909
|
"content": "_content_1wkpa_2",
|
|
2421
2910
|
"slideIn": "_slideIn_1wkpa_1",
|
|
2422
2911
|
"clickable": "_clickable_1wkpa_23",
|
|
@@ -2424,35 +2913,35 @@ var style_module_default17 = {
|
|
|
2424
2913
|
};
|
|
2425
2914
|
|
|
2426
2915
|
// src/components/coach-mark/compact/index.tsx
|
|
2427
|
-
import
|
|
2916
|
+
import clsx21 from "clsx";
|
|
2428
2917
|
import * as PopoverPrimitive3 from "@radix-ui/react-popover";
|
|
2429
|
-
import { jsx as
|
|
2918
|
+
import { jsx as jsx28, jsxs as jsxs16 } from "react/jsx-runtime";
|
|
2430
2919
|
var CompactCoachMarkRoot = /* @__PURE__ */ __name((props) => {
|
|
2431
|
-
return /* @__PURE__ */
|
|
2920
|
+
return /* @__PURE__ */ jsx28(PrimitiveCoachMark, { ...props });
|
|
2432
2921
|
}, "CompactCoachMarkRoot");
|
|
2433
|
-
var CompactCoachMarkContent =
|
|
2922
|
+
var CompactCoachMarkContent = forwardRef21(({ badge, title, className, side = "top", sideOffset = -15, arrowPadding, ...props }, ref) => {
|
|
2434
2923
|
const isHorizontal = side === "left" || side === "right";
|
|
2435
2924
|
const resolvedArrowPadding = isHorizontal ? arrowPadding : arrowPadding ?? 12;
|
|
2436
|
-
return /* @__PURE__ */
|
|
2925
|
+
return /* @__PURE__ */ jsx28(
|
|
2437
2926
|
PrimitiveCoachMark.Content,
|
|
2438
2927
|
{
|
|
2439
2928
|
ref,
|
|
2440
|
-
className:
|
|
2929
|
+
className: clsx21(style_module_default19.content, className),
|
|
2441
2930
|
side,
|
|
2442
2931
|
sideOffset,
|
|
2443
2932
|
arrowPadding: resolvedArrowPadding,
|
|
2444
2933
|
onPointerDownOutside: (e) => e.preventDefault(),
|
|
2445
2934
|
...props,
|
|
2446
|
-
children: /* @__PURE__ */
|
|
2447
|
-
badge && /* @__PURE__ */
|
|
2448
|
-
/* @__PURE__ */
|
|
2935
|
+
children: /* @__PURE__ */ jsxs16(PopoverPrimitive3.Close, { className: style_module_default19.clickable, children: [
|
|
2936
|
+
badge && /* @__PURE__ */ jsx28(Badge, { variant: "inverse", color: "primary", children: badge }),
|
|
2937
|
+
/* @__PURE__ */ jsx28(
|
|
2449
2938
|
Caption,
|
|
2450
2939
|
{
|
|
2451
2940
|
size: 1,
|
|
2452
2941
|
type: "normal",
|
|
2453
2942
|
weight: "bold",
|
|
2454
2943
|
color: "inverse-label-static-primary",
|
|
2455
|
-
className:
|
|
2944
|
+
className: style_module_default19.main,
|
|
2456
2945
|
children: title
|
|
2457
2946
|
}
|
|
2458
2947
|
)
|
|
@@ -2470,7 +2959,7 @@ var CompactCoachMark = Object.assign(CompactCoachMarkRoot, {
|
|
|
2470
2959
|
import * as PopoverPrimitive4 from "@radix-ui/react-popover";
|
|
2471
2960
|
|
|
2472
2961
|
// src/components/coach-mark/main/style.module.scss
|
|
2473
|
-
var
|
|
2962
|
+
var style_module_default20 = {
|
|
2474
2963
|
"content": "_content_1cmnt_2",
|
|
2475
2964
|
"slideIn": "_slideIn_1cmnt_1",
|
|
2476
2965
|
"top": "_top_1cmnt_26",
|
|
@@ -2485,24 +2974,24 @@ var style_module_default18 = {
|
|
|
2485
2974
|
|
|
2486
2975
|
// src/components/coach-mark/main/index.tsx
|
|
2487
2976
|
import {
|
|
2488
|
-
forwardRef as
|
|
2977
|
+
forwardRef as forwardRef22,
|
|
2489
2978
|
isValidElement,
|
|
2490
|
-
useEffect
|
|
2979
|
+
useEffect
|
|
2491
2980
|
} from "react";
|
|
2492
2981
|
import { IconClose } from "@liner-fe/icon";
|
|
2493
|
-
import
|
|
2494
|
-
import { jsx as
|
|
2982
|
+
import clsx22 from "clsx";
|
|
2983
|
+
import { jsx as jsx29, jsxs as jsxs17 } from "react/jsx-runtime";
|
|
2495
2984
|
var CoachMarkRoot = /* @__PURE__ */ __name((props) => {
|
|
2496
2985
|
const { children } = props;
|
|
2497
|
-
|
|
2986
|
+
useEffect(() => {
|
|
2498
2987
|
if (isValidElement(children) && children.props.preloadSrc) {
|
|
2499
2988
|
const img = new Image();
|
|
2500
2989
|
img.src = children.props.preloadSrc;
|
|
2501
2990
|
}
|
|
2502
2991
|
}, []);
|
|
2503
|
-
return /* @__PURE__ */
|
|
2992
|
+
return /* @__PURE__ */ jsx29(PrimitiveCoachMark, { ...props });
|
|
2504
2993
|
}, "CoachMarkRoot");
|
|
2505
|
-
var CoachMarkContent =
|
|
2994
|
+
var CoachMarkContent = forwardRef22(
|
|
2506
2995
|
({
|
|
2507
2996
|
side = "top",
|
|
2508
2997
|
sideOffset = -15,
|
|
@@ -2519,54 +3008,54 @@ var CoachMarkContent = forwardRef19(
|
|
|
2519
3008
|
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
2520
3009
|
preloadSrc,
|
|
2521
3010
|
...rest
|
|
2522
|
-
}, ref) => /* @__PURE__ */
|
|
3011
|
+
}, ref) => /* @__PURE__ */ jsxs17(
|
|
2523
3012
|
PrimitiveCoachMark.Content,
|
|
2524
3013
|
{
|
|
2525
3014
|
ref,
|
|
2526
|
-
className:
|
|
3015
|
+
className: clsx22(style_module_default20.content, className),
|
|
2527
3016
|
side,
|
|
2528
3017
|
sideOffset,
|
|
2529
3018
|
arrowPadding,
|
|
2530
3019
|
onPointerDownOutside: (e) => e.preventDefault(),
|
|
2531
3020
|
...rest,
|
|
2532
3021
|
children: [
|
|
2533
|
-
onClose && /* @__PURE__ */
|
|
3022
|
+
onClose && /* @__PURE__ */ jsx29(PopoverPrimitive4.Close, { asChild: true, children: /* @__PURE__ */ jsx29(
|
|
2534
3023
|
IconButton,
|
|
2535
3024
|
{
|
|
2536
3025
|
icon: { icon: IconClose },
|
|
2537
3026
|
size: "s",
|
|
2538
3027
|
level: "inverse-static",
|
|
2539
|
-
className:
|
|
3028
|
+
className: style_module_default20.closeButton,
|
|
2540
3029
|
onClick: onClose
|
|
2541
3030
|
}
|
|
2542
3031
|
) }),
|
|
2543
|
-
/* @__PURE__ */
|
|
2544
|
-
/* @__PURE__ */
|
|
2545
|
-
badge && /* @__PURE__ */
|
|
2546
|
-
/* @__PURE__ */
|
|
3032
|
+
/* @__PURE__ */ jsx29("header", { className: style_module_default20.top, children: /* @__PURE__ */ jsxs17("div", { className: style_module_default20.main, children: [
|
|
3033
|
+
/* @__PURE__ */ jsxs17("div", { className: style_module_default20.title, children: [
|
|
3034
|
+
badge && /* @__PURE__ */ jsx29(Badge, { variant: "inverse", color: "primary", children: badge }),
|
|
3035
|
+
/* @__PURE__ */ jsx29(Paragraph, { size: 4, type: "normal", weight: "bold", color: "inverse-label-static-primary", children: title })
|
|
2547
3036
|
] }),
|
|
2548
|
-
media && /* @__PURE__ */
|
|
2549
|
-
description && /* @__PURE__ */
|
|
3037
|
+
media && /* @__PURE__ */ jsx29("div", { className: style_module_default20.media, children: media }),
|
|
3038
|
+
description && /* @__PURE__ */ jsx29(
|
|
2550
3039
|
Caption,
|
|
2551
3040
|
{
|
|
2552
3041
|
size: 1,
|
|
2553
3042
|
type: "normal",
|
|
2554
3043
|
weight: "regular",
|
|
2555
3044
|
color: "inverse-label-static-primary",
|
|
2556
|
-
className:
|
|
3045
|
+
className: style_module_default20.description,
|
|
2557
3046
|
children: description
|
|
2558
3047
|
}
|
|
2559
3048
|
)
|
|
2560
3049
|
] }) }),
|
|
2561
|
-
/* @__PURE__ */
|
|
2562
|
-
step ? /* @__PURE__ */
|
|
3050
|
+
/* @__PURE__ */ jsxs17("footer", { className: style_module_default20.footer, children: [
|
|
3051
|
+
step ? /* @__PURE__ */ jsxs17(Caption, { size: 3, type: "normal", weight: "regular", color: "inverse-label-static-secondary", children: [
|
|
2563
3052
|
step.current,
|
|
2564
3053
|
" / ",
|
|
2565
3054
|
step.total
|
|
2566
|
-
] }) : /* @__PURE__ */
|
|
2567
|
-
/* @__PURE__ */
|
|
2568
|
-
secondaryButton && /* @__PURE__ */
|
|
2569
|
-
primaryButton && /* @__PURE__ */
|
|
3055
|
+
] }) : /* @__PURE__ */ jsx29("div", { className: style_module_default20.empty }),
|
|
3056
|
+
/* @__PURE__ */ jsxs17("div", { className: style_module_default20.buttonGroup, children: [
|
|
3057
|
+
secondaryButton && /* @__PURE__ */ jsx29(Button, { size: "m", level: "inverse-static", ...secondaryButton }),
|
|
3058
|
+
primaryButton && /* @__PURE__ */ jsx29(Button, { size: "m", level: "primary", ...primaryButton })
|
|
2570
3059
|
] })
|
|
2571
3060
|
] })
|
|
2572
3061
|
]
|
|
@@ -2580,10 +3069,10 @@ var CoachMark = Object.assign(CoachMarkRoot, {
|
|
|
2580
3069
|
});
|
|
2581
3070
|
|
|
2582
3071
|
// src/components/Tag/index.tsx
|
|
2583
|
-
import { forwardRef as
|
|
3072
|
+
import { forwardRef as forwardRef23 } from "react";
|
|
2584
3073
|
|
|
2585
3074
|
// src/components/Tag/style.module.scss
|
|
2586
|
-
var
|
|
3075
|
+
var style_module_default21 = {
|
|
2587
3076
|
"tag": "_tag_b57yu_2",
|
|
2588
3077
|
"s": "_s_b57yu_12",
|
|
2589
3078
|
"m": "_m_b57yu_17",
|
|
@@ -2726,27 +3215,27 @@ var colorOptions = [
|
|
|
2726
3215
|
|
|
2727
3216
|
// src/components/Tag/index.tsx
|
|
2728
3217
|
import { cva as cva11 } from "cva";
|
|
2729
|
-
import
|
|
2730
|
-
import { jsx as
|
|
3218
|
+
import clsx23 from "clsx";
|
|
3219
|
+
import { jsx as jsx30 } from "react/jsx-runtime";
|
|
2731
3220
|
var tagVariants = cva11({
|
|
2732
|
-
base:
|
|
3221
|
+
base: style_module_default21.tag,
|
|
2733
3222
|
variants: {
|
|
2734
|
-
borderColor: arrayToStyleObject(colorOptions,
|
|
3223
|
+
borderColor: arrayToStyleObject(colorOptions, style_module_default21, "border"),
|
|
2735
3224
|
size: {
|
|
2736
|
-
s:
|
|
2737
|
-
m:
|
|
2738
|
-
l:
|
|
3225
|
+
s: style_module_default21.s,
|
|
3226
|
+
m: style_module_default21.m,
|
|
3227
|
+
l: style_module_default21.l
|
|
2739
3228
|
},
|
|
2740
3229
|
thick: {
|
|
2741
|
-
true:
|
|
3230
|
+
true: style_module_default21.thick
|
|
2742
3231
|
},
|
|
2743
3232
|
radius: {
|
|
2744
|
-
square:
|
|
2745
|
-
rounded:
|
|
3233
|
+
square: style_module_default21.square,
|
|
3234
|
+
rounded: style_module_default21.rounded
|
|
2746
3235
|
}
|
|
2747
3236
|
}
|
|
2748
3237
|
});
|
|
2749
|
-
var Tag =
|
|
3238
|
+
var Tag = forwardRef23(
|
|
2750
3239
|
({
|
|
2751
3240
|
children,
|
|
2752
3241
|
color = "neutral-label-static-primary",
|
|
@@ -2758,14 +3247,14 @@ var Tag = forwardRef20(
|
|
|
2758
3247
|
className,
|
|
2759
3248
|
...rest
|
|
2760
3249
|
}, ref) => {
|
|
2761
|
-
return /* @__PURE__ */
|
|
3250
|
+
return /* @__PURE__ */ jsx30(
|
|
2762
3251
|
Caption,
|
|
2763
3252
|
{
|
|
2764
3253
|
ref,
|
|
2765
3254
|
size: 3,
|
|
2766
3255
|
type: "normal",
|
|
2767
3256
|
weight: "bold",
|
|
2768
|
-
className:
|
|
3257
|
+
className: clsx23(tagVariants({ borderColor, size, thick, radius }), className),
|
|
2769
3258
|
color,
|
|
2770
3259
|
style: { backgroundColor: `var(--${backgroundColor})`, ...rest.style },
|
|
2771
3260
|
...rest,
|
|
@@ -2776,16 +3265,16 @@ var Tag = forwardRef20(
|
|
|
2776
3265
|
);
|
|
2777
3266
|
|
|
2778
3267
|
// src/components/Avatar/index.tsx
|
|
2779
|
-
import { forwardRef as
|
|
3268
|
+
import { forwardRef as forwardRef24 } from "react";
|
|
2780
3269
|
import { Avatar as RadixAvatar } from "radix-ui";
|
|
2781
3270
|
import { cva as cva12 } from "cva";
|
|
2782
|
-
import
|
|
3271
|
+
import clsx24 from "clsx";
|
|
2783
3272
|
|
|
2784
3273
|
// src/components/Avatar/fallbackImage.ts
|
|
2785
3274
|
var FALLBACK_IMAGE_SRC = "https://assets.getliner.com/web/prism/fallback-profile.webp";
|
|
2786
3275
|
|
|
2787
3276
|
// src/components/Avatar/style.module.scss
|
|
2788
|
-
var
|
|
3277
|
+
var style_module_default22 = {
|
|
2789
3278
|
"avatar": "_avatar_1tgi1_1",
|
|
2790
3279
|
"small": "_small_1tgi1_12",
|
|
2791
3280
|
"medium": "_medium_1tgi1_17",
|
|
@@ -2795,33 +3284,33 @@ var style_module_default20 = {
|
|
|
2795
3284
|
};
|
|
2796
3285
|
|
|
2797
3286
|
// src/components/Avatar/index.tsx
|
|
2798
|
-
import { jsx as
|
|
3287
|
+
import { jsx as jsx31, jsxs as jsxs18 } from "react/jsx-runtime";
|
|
2799
3288
|
var avatarBase = cva12({
|
|
2800
|
-
base:
|
|
3289
|
+
base: style_module_default22.avatar,
|
|
2801
3290
|
variants: {
|
|
2802
3291
|
size: {
|
|
2803
|
-
small:
|
|
2804
|
-
medium:
|
|
2805
|
-
xlarge:
|
|
3292
|
+
small: style_module_default22.small,
|
|
3293
|
+
medium: style_module_default22.medium,
|
|
3294
|
+
xlarge: style_module_default22.xlarge
|
|
2806
3295
|
}
|
|
2807
3296
|
}
|
|
2808
3297
|
});
|
|
2809
|
-
var Avatar =
|
|
3298
|
+
var Avatar = forwardRef24(
|
|
2810
3299
|
({ size = "medium", src, alt, className, onLoadingStatusChange, ...rest }, ref) => {
|
|
2811
|
-
return /* @__PURE__ */
|
|
2812
|
-
src ? /* @__PURE__ */
|
|
3300
|
+
return /* @__PURE__ */ jsxs18(RadixAvatar.Root, { ref, className: clsx24(avatarBase({ size }), className), ...rest, children: [
|
|
3301
|
+
src ? /* @__PURE__ */ jsx31(
|
|
2813
3302
|
RadixAvatar.Image,
|
|
2814
3303
|
{
|
|
2815
|
-
className:
|
|
3304
|
+
className: style_module_default22.image,
|
|
2816
3305
|
src,
|
|
2817
3306
|
alt,
|
|
2818
3307
|
onLoadingStatusChange
|
|
2819
3308
|
}
|
|
2820
3309
|
) : null,
|
|
2821
|
-
/* @__PURE__ */
|
|
3310
|
+
/* @__PURE__ */ jsx31(RadixAvatar.Fallback, { className: style_module_default22.fallback, children: /* @__PURE__ */ jsx31(
|
|
2822
3311
|
"img",
|
|
2823
3312
|
{
|
|
2824
|
-
className:
|
|
3313
|
+
className: style_module_default22.image,
|
|
2825
3314
|
src: FALLBACK_IMAGE_SRC,
|
|
2826
3315
|
alt,
|
|
2827
3316
|
"aria-hidden": alt ? void 0 : true
|
|
@@ -2834,11 +3323,11 @@ Avatar.displayName = "Avatar";
|
|
|
2834
3323
|
|
|
2835
3324
|
// src/components/AlertDialog/index.tsx
|
|
2836
3325
|
import { AlertDialog as AlertDialogPrimitive } from "radix-ui";
|
|
2837
|
-
import { clsx as
|
|
3326
|
+
import { clsx as clsx25 } from "clsx";
|
|
2838
3327
|
import { cva as cva13 } from "cva";
|
|
2839
3328
|
|
|
2840
3329
|
// src/components/AlertDialog/style.module.scss
|
|
2841
|
-
var
|
|
3330
|
+
var style_module_default23 = {
|
|
2842
3331
|
"overlay": "_overlay_6ipeu_20",
|
|
2843
3332
|
"overlayShow": "_overlayShow_6ipeu_1",
|
|
2844
3333
|
"content": "_content_6ipeu_30",
|
|
@@ -2850,13 +3339,13 @@ var style_module_default21 = {
|
|
|
2850
3339
|
};
|
|
2851
3340
|
|
|
2852
3341
|
// src/components/AlertDialog/index.tsx
|
|
2853
|
-
import { jsx as
|
|
2854
|
-
var titleVariants = cva13({ base: [
|
|
3342
|
+
import { jsx as jsx32, jsxs as jsxs19 } from "react/jsx-runtime";
|
|
3343
|
+
var titleVariants = cva13({ base: [style_module_default23.title, "lp-sys-typo-title4-accent-bold"] });
|
|
2855
3344
|
var descriptionVariants = cva13({
|
|
2856
|
-
base: [
|
|
3345
|
+
base: [style_module_default23.description, "lp-sys-typo-paragraph2-post-regular"]
|
|
2857
3346
|
});
|
|
2858
|
-
var AlertDialogRoot = /* @__PURE__ */ __name((props) => /* @__PURE__ */
|
|
2859
|
-
var AlertDialogTrigger = /* @__PURE__ */ __name(({ by }) => /* @__PURE__ */
|
|
3347
|
+
var AlertDialogRoot = /* @__PURE__ */ __name((props) => /* @__PURE__ */ jsx32(AlertDialogPrimitive.Root, { ...props }), "AlertDialogRoot");
|
|
3348
|
+
var AlertDialogTrigger = /* @__PURE__ */ __name(({ by }) => /* @__PURE__ */ jsx32(AlertDialogPrimitive.Trigger, { asChild: true, children: by }), "AlertDialogTrigger");
|
|
2860
3349
|
var AlertDialogContent = /* @__PURE__ */ __name(({
|
|
2861
3350
|
title,
|
|
2862
3351
|
description,
|
|
@@ -2868,24 +3357,24 @@ var AlertDialogContent = /* @__PURE__ */ __name(({
|
|
|
2868
3357
|
ref,
|
|
2869
3358
|
...props
|
|
2870
3359
|
}) => {
|
|
2871
|
-
return /* @__PURE__ */
|
|
2872
|
-
/* @__PURE__ */
|
|
2873
|
-
/* @__PURE__ */
|
|
3360
|
+
return /* @__PURE__ */ jsxs19(AlertDialogPrimitive.Portal, { container, children: [
|
|
3361
|
+
/* @__PURE__ */ jsx32(AlertDialogPrimitive.Overlay, { className: style_module_default23.overlay }),
|
|
3362
|
+
/* @__PURE__ */ jsxs19(
|
|
2874
3363
|
AlertDialogPrimitive.Content,
|
|
2875
3364
|
{
|
|
2876
3365
|
ref,
|
|
2877
|
-
className:
|
|
3366
|
+
className: clsx25(style_module_default23.content, className),
|
|
2878
3367
|
onEscapeKeyDown: (event) => event.preventDefault(),
|
|
2879
3368
|
...props,
|
|
2880
3369
|
children: [
|
|
2881
|
-
/* @__PURE__ */
|
|
2882
|
-
title && /* @__PURE__ */
|
|
2883
|
-
/* @__PURE__ */
|
|
3370
|
+
/* @__PURE__ */ jsxs19("div", { className: style_module_default23.contents, children: [
|
|
3371
|
+
title && /* @__PURE__ */ jsx32(AlertDialogPrimitive.Title, { className: titleVariants(), children: title }),
|
|
3372
|
+
/* @__PURE__ */ jsx32(AlertDialogPrimitive.Description, { className: descriptionVariants(), children: description })
|
|
2884
3373
|
] }),
|
|
2885
3374
|
children,
|
|
2886
|
-
/* @__PURE__ */
|
|
2887
|
-
/* @__PURE__ */
|
|
2888
|
-
/* @__PURE__ */
|
|
3375
|
+
/* @__PURE__ */ jsxs19("div", { className: style_module_default23.actions, children: [
|
|
3376
|
+
/* @__PURE__ */ jsx32(AlertDialogPrimitive.Cancel, { asChild: true, children: /* @__PURE__ */ jsx32(Button, { level: "tertiary", size: "l", onClick: dismiss.onClick, children: dismiss.label }) }),
|
|
3377
|
+
/* @__PURE__ */ jsx32(AlertDialogPrimitive.Action, { asChild: true, children: /* @__PURE__ */ jsx32(Button, { level: confirm.level ?? "primary", size: "l", onClick: confirm.onClick, children: confirm.label }) })
|
|
2889
3378
|
] })
|
|
2890
3379
|
]
|
|
2891
3380
|
}
|
|
@@ -2899,7 +3388,7 @@ var AlertDialog = Object.assign(AlertDialogRoot, {
|
|
|
2899
3388
|
|
|
2900
3389
|
// src/components/Dialog/index.tsx
|
|
2901
3390
|
import { Dialog as DialogPrimitive3 } from "radix-ui";
|
|
2902
|
-
import { clsx as
|
|
3391
|
+
import { clsx as clsx26 } from "clsx";
|
|
2903
3392
|
import { IconClose as IconClose2 } from "@liner-fe/icon";
|
|
2904
3393
|
|
|
2905
3394
|
// src/components/Dialog/Header.tsx
|
|
@@ -2907,7 +3396,7 @@ import { Dialog as DialogPrimitive } from "radix-ui";
|
|
|
2907
3396
|
import { cva as cva14 } from "cva";
|
|
2908
3397
|
|
|
2909
3398
|
// src/components/Dialog/style.module.scss
|
|
2910
|
-
var
|
|
3399
|
+
var style_module_default24 = {
|
|
2911
3400
|
"overlay": "_overlay_424hi_20",
|
|
2912
3401
|
"overlayShow": "_overlayShow_424hi_1",
|
|
2913
3402
|
"content": "_content_424hi_30",
|
|
@@ -2924,36 +3413,36 @@ var style_module_default22 = {
|
|
|
2924
3413
|
};
|
|
2925
3414
|
|
|
2926
3415
|
// src/components/Dialog/Header.tsx
|
|
2927
|
-
import { jsx as
|
|
2928
|
-
var titleVariants2 = cva14({ base: [
|
|
3416
|
+
import { jsx as jsx33, jsxs as jsxs20 } from "react/jsx-runtime";
|
|
3417
|
+
var titleVariants2 = cva14({ base: [style_module_default24.title, "lp-sys-typo-title4-accent-bold"] });
|
|
2929
3418
|
var descriptionVariants2 = cva14({
|
|
2930
|
-
base: [
|
|
3419
|
+
base: [style_module_default24.description, "lp-sys-typo-paragraph2-post-regular"]
|
|
2931
3420
|
});
|
|
2932
|
-
var DialogHeader = /* @__PURE__ */ __name(({ title, description }) => /* @__PURE__ */
|
|
2933
|
-
/* @__PURE__ */
|
|
2934
|
-
description && /* @__PURE__ */
|
|
3421
|
+
var DialogHeader = /* @__PURE__ */ __name(({ title, description }) => /* @__PURE__ */ jsxs20("div", { className: style_module_default24.header, children: [
|
|
3422
|
+
/* @__PURE__ */ jsx33(DialogPrimitive.Title, { className: titleVariants2(), children: title }),
|
|
3423
|
+
description && /* @__PURE__ */ jsx33(DialogPrimitive.Description, { className: descriptionVariants2(), children: description })
|
|
2935
3424
|
] }), "DialogHeader");
|
|
2936
3425
|
|
|
2937
3426
|
// src/components/Dialog/Footer.tsx
|
|
2938
3427
|
import { Dialog as DialogPrimitive2 } from "radix-ui";
|
|
2939
|
-
import { jsx as
|
|
3428
|
+
import { jsx as jsx34, jsxs as jsxs21 } from "react/jsx-runtime";
|
|
2940
3429
|
var DialogFooter = /* @__PURE__ */ __name(({ dismiss, confirm, extra }) => {
|
|
2941
3430
|
const hasActions = Boolean(dismiss || confirm);
|
|
2942
3431
|
const hasFooter = hasActions || Boolean(extra);
|
|
2943
3432
|
if (!hasFooter) return null;
|
|
2944
|
-
return /* @__PURE__ */
|
|
2945
|
-
hasActions && /* @__PURE__ */
|
|
2946
|
-
dismiss && /* @__PURE__ */
|
|
2947
|
-
confirm && /* @__PURE__ */
|
|
3433
|
+
return /* @__PURE__ */ jsxs21("div", { className: style_module_default24.footer, children: [
|
|
3434
|
+
hasActions && /* @__PURE__ */ jsxs21("div", { className: style_module_default24.actions, children: [
|
|
3435
|
+
dismiss && /* @__PURE__ */ jsx34(DialogPrimitive2.Close, { asChild: true, children: /* @__PURE__ */ jsx34(Button, { level: "tertiary", size: "cta", onClick: dismiss.onClick, children: dismiss.label }) }),
|
|
3436
|
+
confirm && /* @__PURE__ */ jsx34(DialogPrimitive2.Close, { asChild: true, children: /* @__PURE__ */ jsx34(Button, { level: confirm.level ?? "primary", size: "cta", onClick: confirm.onClick, children: confirm.label }) })
|
|
2948
3437
|
] }),
|
|
2949
|
-
extra && /* @__PURE__ */
|
|
3438
|
+
extra && /* @__PURE__ */ jsx34("div", { className: style_module_default24.extra, children: /* @__PURE__ */ jsx34(DialogPrimitive2.Close, { asChild: true, children: /* @__PURE__ */ jsx34(TextButton, { level: "tertiary", size: "xs", onClick: extra.onClick, children: extra.label }) }) })
|
|
2950
3439
|
] });
|
|
2951
3440
|
}, "DialogFooter");
|
|
2952
3441
|
|
|
2953
3442
|
// src/components/Dialog/index.tsx
|
|
2954
|
-
import { jsx as
|
|
2955
|
-
var DialogRoot = /* @__PURE__ */ __name((props) => /* @__PURE__ */
|
|
2956
|
-
var DialogTrigger = /* @__PURE__ */ __name(({ by }) => /* @__PURE__ */
|
|
3443
|
+
import { jsx as jsx35, jsxs as jsxs22 } from "react/jsx-runtime";
|
|
3444
|
+
var DialogRoot = /* @__PURE__ */ __name((props) => /* @__PURE__ */ jsx35(DialogPrimitive3.Root, { ...props }), "DialogRoot");
|
|
3445
|
+
var DialogTrigger = /* @__PURE__ */ __name(({ by }) => /* @__PURE__ */ jsx35(DialogPrimitive3.Trigger, { asChild: true, children: by }), "DialogTrigger");
|
|
2957
3446
|
var DialogContent = /* @__PURE__ */ __name(({
|
|
2958
3447
|
illust,
|
|
2959
3448
|
title,
|
|
@@ -2968,23 +3457,23 @@ var DialogContent = /* @__PURE__ */ __name(({
|
|
|
2968
3457
|
ref,
|
|
2969
3458
|
...props
|
|
2970
3459
|
}) => {
|
|
2971
|
-
return /* @__PURE__ */
|
|
2972
|
-
/* @__PURE__ */
|
|
2973
|
-
/* @__PURE__ */
|
|
2974
|
-
showClose && /* @__PURE__ */
|
|
3460
|
+
return /* @__PURE__ */ jsxs22(DialogPrimitive3.Portal, { container, children: [
|
|
3461
|
+
/* @__PURE__ */ jsx35(DialogPrimitive3.Overlay, { className: style_module_default24.overlay }),
|
|
3462
|
+
/* @__PURE__ */ jsxs22(DialogPrimitive3.Content, { ref, className: clsx26(style_module_default24.content, className), ...props, children: [
|
|
3463
|
+
showClose && /* @__PURE__ */ jsx35(DialogPrimitive3.Close, { asChild: true, children: /* @__PURE__ */ jsx35(
|
|
2975
3464
|
IconButton,
|
|
2976
3465
|
{
|
|
2977
|
-
className:
|
|
3466
|
+
className: style_module_default24.close,
|
|
2978
3467
|
"aria-label": "\uB2EB\uAE30",
|
|
2979
3468
|
level: "quinary",
|
|
2980
3469
|
size: "m",
|
|
2981
3470
|
icon: { icon: IconClose2, type: "neutral-label-secondary" }
|
|
2982
3471
|
}
|
|
2983
3472
|
) }),
|
|
2984
|
-
illust && /* @__PURE__ */
|
|
2985
|
-
/* @__PURE__ */
|
|
2986
|
-
children && /* @__PURE__ */
|
|
2987
|
-
/* @__PURE__ */
|
|
3473
|
+
illust && /* @__PURE__ */ jsx35("div", { className: style_module_default24.illust, children: illust }),
|
|
3474
|
+
/* @__PURE__ */ jsx35(DialogHeader, { title, description }),
|
|
3475
|
+
children && /* @__PURE__ */ jsx35("div", { className: style_module_default24.body, children }),
|
|
3476
|
+
/* @__PURE__ */ jsx35(DialogFooter, { dismiss, confirm, extra })
|
|
2988
3477
|
] })
|
|
2989
3478
|
] });
|
|
2990
3479
|
}, "DialogContent");
|
|
@@ -2996,14 +3485,14 @@ var Dialog = Object.assign(DialogRoot, {
|
|
|
2996
3485
|
// src/components/BottomSheet/index.tsx
|
|
2997
3486
|
import * as React4 from "react";
|
|
2998
3487
|
import { Drawer as Drawer3 } from "vaul";
|
|
2999
|
-
import { clsx as
|
|
3488
|
+
import { clsx as clsx27 } from "clsx";
|
|
3000
3489
|
|
|
3001
3490
|
// src/components/BottomSheet/Header.tsx
|
|
3002
3491
|
import { Drawer } from "vaul";
|
|
3003
3492
|
import { cva as cva15 } from "cva";
|
|
3004
3493
|
|
|
3005
3494
|
// src/components/BottomSheet/style.module.scss
|
|
3006
|
-
var
|
|
3495
|
+
var style_module_default25 = {
|
|
3007
3496
|
"overlay": "_overlay_ifftf_2",
|
|
3008
3497
|
"content": "_content_ifftf_9",
|
|
3009
3498
|
"inner": "_inner_ifftf_18",
|
|
@@ -3019,47 +3508,47 @@ var style_module_default23 = {
|
|
|
3019
3508
|
};
|
|
3020
3509
|
|
|
3021
3510
|
// src/components/BottomSheet/Header.tsx
|
|
3022
|
-
import { jsx as
|
|
3023
|
-
var titleVariants3 = cva15({ base: [
|
|
3511
|
+
import { jsx as jsx36, jsxs as jsxs23 } from "react/jsx-runtime";
|
|
3512
|
+
var titleVariants3 = cva15({ base: [style_module_default25.title, "lp-sys-typo-title4-accent-bold"] });
|
|
3024
3513
|
var descriptionVariants3 = cva15({
|
|
3025
|
-
base: [
|
|
3514
|
+
base: [style_module_default25.description, "lp-sys-typo-paragraph2-post-regular"]
|
|
3026
3515
|
});
|
|
3027
|
-
var BottomSheetHeader = /* @__PURE__ */ __name(({ title, description }) => /* @__PURE__ */
|
|
3028
|
-
/* @__PURE__ */
|
|
3029
|
-
description && /* @__PURE__ */
|
|
3516
|
+
var BottomSheetHeader = /* @__PURE__ */ __name(({ title, description }) => /* @__PURE__ */ jsxs23("div", { className: style_module_default25.header, children: [
|
|
3517
|
+
/* @__PURE__ */ jsx36(Drawer.Title, { className: titleVariants3(), children: title }),
|
|
3518
|
+
description && /* @__PURE__ */ jsx36(Drawer.Description, { className: descriptionVariants3(), children: description })
|
|
3030
3519
|
] }), "BottomSheetHeader");
|
|
3031
3520
|
|
|
3032
3521
|
// src/components/BottomSheet/Footer.tsx
|
|
3033
3522
|
import { Drawer as Drawer2 } from "vaul";
|
|
3034
|
-
import { jsx as
|
|
3523
|
+
import { jsx as jsx37, jsxs as jsxs24 } from "react/jsx-runtime";
|
|
3035
3524
|
var BottomSheetFooter = /* @__PURE__ */ __name(({ dismiss, confirm, extra }) => {
|
|
3036
3525
|
const hasActions = Boolean(dismiss || confirm);
|
|
3037
3526
|
const hasFooter = hasActions || Boolean(extra);
|
|
3038
3527
|
if (!hasFooter) return null;
|
|
3039
|
-
return /* @__PURE__ */
|
|
3040
|
-
hasActions && /* @__PURE__ */
|
|
3041
|
-
dismiss && /* @__PURE__ */
|
|
3042
|
-
confirm && /* @__PURE__ */
|
|
3528
|
+
return /* @__PURE__ */ jsxs24("div", { className: style_module_default25.footer, children: [
|
|
3529
|
+
hasActions && /* @__PURE__ */ jsxs24("div", { className: style_module_default25.actions, children: [
|
|
3530
|
+
dismiss && /* @__PURE__ */ jsx37(Drawer2.Close, { asChild: true, children: /* @__PURE__ */ jsx37(Button, { level: "tertiary", size: "l", onClick: dismiss.onClick, children: dismiss.label }) }),
|
|
3531
|
+
confirm && /* @__PURE__ */ jsx37(Drawer2.Close, { asChild: true, children: /* @__PURE__ */ jsx37(Button, { level: confirm.level ?? "primary", size: "l", onClick: confirm.onClick, children: confirm.label }) })
|
|
3043
3532
|
] }),
|
|
3044
|
-
extra && /* @__PURE__ */
|
|
3533
|
+
extra && /* @__PURE__ */ jsx37("div", { className: style_module_default25.extra, children: /* @__PURE__ */ jsx37(Drawer2.Close, { asChild: true, children: /* @__PURE__ */ jsx37(TextButton, { level: "tertiary", size: "xs", onClick: extra.onClick, children: extra.label }) }) })
|
|
3045
3534
|
] });
|
|
3046
3535
|
}, "BottomSheetFooter");
|
|
3047
3536
|
|
|
3048
3537
|
// src/components/BottomSheet/index.tsx
|
|
3049
|
-
import { jsx as
|
|
3538
|
+
import { jsx as jsx38, jsxs as jsxs25 } from "react/jsx-runtime";
|
|
3050
3539
|
var SNAP_POINTS = [0.5, 1];
|
|
3051
3540
|
var BottomSheetContext = React4.createContext({
|
|
3052
3541
|
mode: "auto"
|
|
3053
3542
|
});
|
|
3054
3543
|
var BottomSheetRoot = /* @__PURE__ */ __name(({ mode = "auto", children, ...props }) => {
|
|
3055
3544
|
const value = React4.useMemo(() => ({ mode }), [mode]);
|
|
3056
|
-
return /* @__PURE__ */
|
|
3545
|
+
return /* @__PURE__ */ jsx38(BottomSheetContext.Provider, { value, children: mode === "snap" ? /* @__PURE__ */ jsx38(Drawer3.Root, { snapPoints: SNAP_POINTS, fadeFromIndex: SNAP_POINTS.length - 1, ...props, children }) : (
|
|
3057
3546
|
// auto: handle이 없으므로 handleOnly로 드래그 닫기를 막고, overlay·ESC 닫기는 Content에서 막는다.
|
|
3058
3547
|
// dismissible은 유지(false면 vaul이 Drawer.Close까지 막는다) → footer 액션 버튼으로만 닫힌다.
|
|
3059
|
-
/* @__PURE__ */
|
|
3548
|
+
/* @__PURE__ */ jsx38(Drawer3.Root, { handleOnly: true, ...props, children })
|
|
3060
3549
|
) });
|
|
3061
3550
|
}, "BottomSheetRoot");
|
|
3062
|
-
var BottomSheetTrigger = /* @__PURE__ */ __name(({ by }) => /* @__PURE__ */
|
|
3551
|
+
var BottomSheetTrigger = /* @__PURE__ */ __name(({ by }) => /* @__PURE__ */ jsx38(Drawer3.Trigger, { asChild: true, children: by }), "BottomSheetTrigger");
|
|
3063
3552
|
var BottomSheetContent = /* @__PURE__ */ __name(({
|
|
3064
3553
|
illust,
|
|
3065
3554
|
title,
|
|
@@ -3081,23 +3570,23 @@ var BottomSheetContent = /* @__PURE__ */ __name(({
|
|
|
3081
3570
|
onEscapeKeyDown: /* @__PURE__ */ __name((e) => e.preventDefault(), "onEscapeKeyDown"),
|
|
3082
3571
|
onInteractOutside: /* @__PURE__ */ __name((e) => e.preventDefault(), "onInteractOutside")
|
|
3083
3572
|
} : {};
|
|
3084
|
-
return /* @__PURE__ */
|
|
3085
|
-
/* @__PURE__ */
|
|
3086
|
-
/* @__PURE__ */
|
|
3573
|
+
return /* @__PURE__ */ jsxs25(Drawer3.Portal, { container, children: [
|
|
3574
|
+
/* @__PURE__ */ jsx38(Drawer3.Overlay, { className: style_module_default25.overlay }),
|
|
3575
|
+
/* @__PURE__ */ jsx38(
|
|
3087
3576
|
Drawer3.Content,
|
|
3088
3577
|
{
|
|
3089
3578
|
ref,
|
|
3090
3579
|
"data-mode": mode,
|
|
3091
|
-
className:
|
|
3580
|
+
className: clsx27(style_module_default25.content, className),
|
|
3092
3581
|
style: styleProp,
|
|
3093
3582
|
...autoCloseGuards,
|
|
3094
3583
|
...props,
|
|
3095
|
-
children: /* @__PURE__ */
|
|
3096
|
-
resolvedShowHandle && /* @__PURE__ */
|
|
3097
|
-
illust && /* @__PURE__ */
|
|
3098
|
-
/* @__PURE__ */
|
|
3099
|
-
children && /* @__PURE__ */
|
|
3100
|
-
/* @__PURE__ */
|
|
3584
|
+
children: /* @__PURE__ */ jsxs25("div", { className: style_module_default25.inner, children: [
|
|
3585
|
+
resolvedShowHandle && /* @__PURE__ */ jsx38(Drawer3.Handle, { className: style_module_default25.handle }),
|
|
3586
|
+
illust && /* @__PURE__ */ jsx38("div", { className: style_module_default25.illust, children: illust }),
|
|
3587
|
+
/* @__PURE__ */ jsx38(BottomSheetHeader, { title, description }),
|
|
3588
|
+
children && /* @__PURE__ */ jsx38("div", { className: style_module_default25.body, children }),
|
|
3589
|
+
/* @__PURE__ */ jsx38(BottomSheetFooter, { dismiss, confirm, extra })
|
|
3101
3590
|
] })
|
|
3102
3591
|
}
|
|
3103
3592
|
)
|
|
@@ -3111,7 +3600,7 @@ var BottomSheet = Object.assign(BottomSheetRoot, {
|
|
|
3111
3600
|
// src/components/Ratio/index.tsx
|
|
3112
3601
|
import * as React5 from "react";
|
|
3113
3602
|
import { AspectRatio as AspectRatioPrimitive } from "radix-ui";
|
|
3114
|
-
import { jsx as
|
|
3603
|
+
import { jsx as jsx39 } from "react/jsx-runtime";
|
|
3115
3604
|
var RATIO = {
|
|
3116
3605
|
"1/1": 1,
|
|
3117
3606
|
"3/4": 3 / 4,
|
|
@@ -3122,13 +3611,13 @@ var RATIO = {
|
|
|
3122
3611
|
"21/9": 21 / 9
|
|
3123
3612
|
};
|
|
3124
3613
|
var Ratio = React5.forwardRef(
|
|
3125
|
-
({ ratio = 1, children, ...props }, ref) => /* @__PURE__ */
|
|
3614
|
+
({ ratio = 1, children, ...props }, ref) => /* @__PURE__ */ jsx39(AspectRatioPrimitive.Root, { ref, ratio, ...props, children })
|
|
3126
3615
|
);
|
|
3127
3616
|
Ratio.displayName = "Ratio";
|
|
3128
3617
|
export {
|
|
3129
3618
|
AlertDialog,
|
|
3130
3619
|
Avatar,
|
|
3131
|
-
|
|
3620
|
+
Badge,
|
|
3132
3621
|
BottomSheet,
|
|
3133
3622
|
Button,
|
|
3134
3623
|
Caption,
|
|
@@ -3147,6 +3636,7 @@ export {
|
|
|
3147
3636
|
LOGOS,
|
|
3148
3637
|
Label,
|
|
3149
3638
|
List,
|
|
3639
|
+
ListItem,
|
|
3150
3640
|
Loading,
|
|
3151
3641
|
Logo,
|
|
3152
3642
|
Media,
|
|
@@ -3154,6 +3644,7 @@ export {
|
|
|
3154
3644
|
Paragraph,
|
|
3155
3645
|
Popover,
|
|
3156
3646
|
PrimitiveCoachMark,
|
|
3647
|
+
PrimitiveListItem,
|
|
3157
3648
|
RATIO,
|
|
3158
3649
|
Radio,
|
|
3159
3650
|
Ratio,
|