@liner-fe/prism 3.4.12 → 3.5.1
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 +314 -250
- package/lib/index.d.ts +161 -32
- package/lib/index.js +962 -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,728 @@ 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
|
-
"label
|
|
1442
|
-
"
|
|
1443
|
-
"
|
|
1444
|
-
"
|
|
1445
|
-
"
|
|
1446
|
-
|
|
1447
|
-
|
|
1448
|
-
|
|
1449
|
-
|
|
1450
|
-
"
|
|
1451
|
-
"
|
|
1452
|
-
"
|
|
1453
|
-
"
|
|
1454
|
-
"
|
|
1455
|
-
"
|
|
1456
|
-
"
|
|
1457
|
-
"
|
|
1458
|
-
"
|
|
1459
|
-
"
|
|
1460
|
-
"
|
|
1461
|
-
"
|
|
1462
|
-
"
|
|
1462
|
+
"label": "_label_fx7ty_6",
|
|
1463
|
+
"main": "_main_fx7ty_6",
|
|
1464
|
+
"labelRow": "_labelRow_fx7ty_6",
|
|
1465
|
+
"labelEnd": "_labelEnd_fx7ty_6",
|
|
1466
|
+
"description": "_description_fx7ty_6"
|
|
1467
|
+
};
|
|
1468
|
+
|
|
1469
|
+
// src/components/Select/style.module.scss
|
|
1470
|
+
var style_module_default13 = {
|
|
1471
|
+
"root": "_root_1dneb_3",
|
|
1472
|
+
"label": "_label_1dneb_35",
|
|
1473
|
+
"requiredMark": "_requiredMark_1dneb_40",
|
|
1474
|
+
"srOnly": "_srOnly_1dneb_45",
|
|
1475
|
+
"trigger": "_trigger_1dneb_58",
|
|
1476
|
+
"icon": "_icon_1dneb_91",
|
|
1477
|
+
"triggerButton": "_triggerButton_1dneb_155",
|
|
1478
|
+
"errorMessage": "_errorMessage_1dneb_199",
|
|
1479
|
+
"errorText": "_errorText_1dneb_207",
|
|
1480
|
+
"content": "_content_1dneb_216",
|
|
1481
|
+
"fadeScaleIn": "_fadeScaleIn_1dneb_1",
|
|
1482
|
+
"viewport": "_viewport_1dneb_238",
|
|
1483
|
+
"selectItem": "_selectItem_1dneb_254",
|
|
1484
|
+
"itemLabel": "_itemLabel_1dneb_296",
|
|
1485
|
+
"itemIndicator": "_itemIndicator_1dneb_301",
|
|
1486
|
+
"trailingSlot": "_trailingSlot_1dneb_309",
|
|
1487
|
+
"group": "_group_1dneb_322",
|
|
1488
|
+
"groupLabel": "_groupLabel_1dneb_337"
|
|
1463
1489
|
};
|
|
1464
1490
|
|
|
1465
1491
|
// src/components/Select/index.tsx
|
|
1466
|
-
import {
|
|
1467
|
-
|
|
1468
|
-
|
|
1469
|
-
|
|
1470
|
-
|
|
1471
|
-
|
|
1472
|
-
|
|
1473
|
-
|
|
1474
|
-
|
|
1475
|
-
|
|
1476
|
-
|
|
1477
|
-
|
|
1478
|
-
|
|
1479
|
-
|
|
1492
|
+
import { Fragment as Fragment7, jsx as jsx18, jsxs as jsxs8 } from "react/jsx-runtime";
|
|
1493
|
+
var SelectInternalContext = createContext({
|
|
1494
|
+
triggerType: "select-field"
|
|
1495
|
+
});
|
|
1496
|
+
var SelectRoot = forwardRef14(
|
|
1497
|
+
({
|
|
1498
|
+
label,
|
|
1499
|
+
placeholder,
|
|
1500
|
+
error,
|
|
1501
|
+
size,
|
|
1502
|
+
trigger = "select-field",
|
|
1503
|
+
triggerContent,
|
|
1504
|
+
width,
|
|
1505
|
+
dir,
|
|
1506
|
+
className,
|
|
1507
|
+
required,
|
|
1508
|
+
disabled,
|
|
1509
|
+
children,
|
|
1510
|
+
...rootProps
|
|
1511
|
+
}, ref) => {
|
|
1512
|
+
const triggerType = trigger;
|
|
1513
|
+
const isButtonTrigger = triggerType === "select-button";
|
|
1514
|
+
const resolvedSize = size ?? (isButtonTrigger ? "m" : "l");
|
|
1515
|
+
const triggerWidth = width?.trigger;
|
|
1516
|
+
const listWidth = width?.list;
|
|
1517
|
+
const rootStyle = triggerWidth != null ? { width: `${triggerWidth}px` } : void 0;
|
|
1518
|
+
const contextValue = useMemo(
|
|
1519
|
+
() => ({ triggerType, listWidth }),
|
|
1520
|
+
[triggerType, listWidth]
|
|
1521
|
+
);
|
|
1522
|
+
const labelId = useId2();
|
|
1523
|
+
const errorId = useId2();
|
|
1524
|
+
const hasError = !!error;
|
|
1525
|
+
const showLabel = !isButtonTrigger && label != null;
|
|
1526
|
+
const showErrorMessage = !isButtonTrigger && hasError && typeof error !== "boolean";
|
|
1527
|
+
const labelColor = hasError ? "function-label-negative" : disabled ? "neutral-label-tertiary" : "neutral-label-secondary";
|
|
1528
|
+
return /* @__PURE__ */ jsx18(SelectInternalContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxs8(
|
|
1529
|
+
"div",
|
|
1480
1530
|
{
|
|
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,
|
|
1531
|
+
className: clsx14(style_module_default13.root, className),
|
|
1532
|
+
style: rootStyle,
|
|
1533
|
+
"data-size": resolvedSize,
|
|
1534
|
+
"data-trigger-type": triggerType,
|
|
1535
|
+
"data-error": hasError ? "" : void 0,
|
|
1536
|
+
children: [
|
|
1537
|
+
showLabel && /* @__PURE__ */ jsxs8(
|
|
1538
|
+
Caption,
|
|
1503
1539
|
{
|
|
1504
|
-
|
|
1505
|
-
|
|
1506
|
-
|
|
1507
|
-
|
|
1508
|
-
|
|
1509
|
-
|
|
1510
|
-
|
|
1511
|
-
|
|
1512
|
-
|
|
1513
|
-
|
|
1514
|
-
|
|
1515
|
-
|
|
1516
|
-
|
|
1517
|
-
children
|
|
1518
|
-
] })
|
|
1540
|
+
id: labelId,
|
|
1541
|
+
size: 2,
|
|
1542
|
+
type: "normal",
|
|
1543
|
+
weight: "regular",
|
|
1544
|
+
color: labelColor,
|
|
1545
|
+
className: style_module_default13.label,
|
|
1546
|
+
children: [
|
|
1547
|
+
label,
|
|
1548
|
+
required && /* @__PURE__ */ jsxs8(Fragment7, { children: [
|
|
1549
|
+
/* @__PURE__ */ jsx18("span", { "aria-hidden": "true", className: style_module_default13.requiredMark, children: "*" }),
|
|
1550
|
+
/* @__PURE__ */ jsx18("span", { className: style_module_default13.srOnly, children: " (\uD544\uC218)" })
|
|
1551
|
+
] })
|
|
1552
|
+
]
|
|
1519
1553
|
}
|
|
1520
|
-
)
|
|
1521
|
-
/* @__PURE__ */
|
|
1522
|
-
|
|
1554
|
+
),
|
|
1555
|
+
/* @__PURE__ */ jsxs8(RadixSelect.Root, { ...rootProps, dir, required, disabled, children: [
|
|
1556
|
+
isButtonTrigger ? (
|
|
1557
|
+
/* button trigger: 실제 prism Button 컴포넌트 사용 (asChild로 Radix Trigger props merge).
|
|
1558
|
+
level="tertiary"가 Figma button trigger와 매칭 — neutral-fill-opaque-lowest bg + neutral-border-overlay-normal border + neutral-label-primary color.
|
|
1559
|
+
Button size: s/m/l 그대로 매핑. chevron은 rightIcon으로 전달 (rotation 미지원 — Button rightIcon은 정적 아이콘). */
|
|
1560
|
+
/* @__PURE__ */ jsx18(
|
|
1561
|
+
RadixSelect.Trigger,
|
|
1562
|
+
{
|
|
1563
|
+
asChild: true,
|
|
1564
|
+
"aria-haspopup": "listbox",
|
|
1565
|
+
"aria-labelledby": showLabel ? labelId : void 0,
|
|
1566
|
+
"aria-describedby": showErrorMessage ? errorId : void 0,
|
|
1567
|
+
"aria-invalid": hasError || void 0,
|
|
1568
|
+
children: /* @__PURE__ */ jsx18(
|
|
1569
|
+
Button,
|
|
1570
|
+
{
|
|
1571
|
+
ref,
|
|
1572
|
+
level: "tertiary",
|
|
1573
|
+
size: resolvedSize,
|
|
1574
|
+
width: "full",
|
|
1575
|
+
rightIcon: { icon: IconArrowDownward },
|
|
1576
|
+
className: style_module_default13.triggerButton,
|
|
1577
|
+
children: triggerContent !== void 0 ? (
|
|
1578
|
+
/* triggerContent 제공 시 RadixSelect.Value 완전 우회 — Radix의 hasChildren 경로는
|
|
1579
|
+
useLayoutEffect → SelectImpl setState → context broadcast로 전체 트리 reconciliation을
|
|
1580
|
+
유발. consumer가 controlled value 기반으로 직접 렌더하므로 우회해도 무방. */
|
|
1581
|
+
triggerContent
|
|
1582
|
+
) : /* @__PURE__ */ jsx18(RadixSelect.Value, { placeholder })
|
|
1583
|
+
}
|
|
1584
|
+
)
|
|
1585
|
+
}
|
|
1586
|
+
)
|
|
1587
|
+
) : (
|
|
1588
|
+
/* field trigger: button element + Textfield 시각 (visual-only).
|
|
1589
|
+
input이 아닌 이유 — APG Select-Only Combobox 1.2 패턴.
|
|
1590
|
+
input은 "타이핑 가능" 의미 → false signal. native <select>도 시각만 input-like + 의미는 button.
|
|
1591
|
+
Textfield의 className 시스템 미reuse — Textfield는 input 전제 로직 (value/onChange/clear)이 trigger와 충돌. */
|
|
1592
|
+
/* @__PURE__ */ jsxs8(
|
|
1593
|
+
RadixSelect.Trigger,
|
|
1594
|
+
{
|
|
1595
|
+
ref,
|
|
1596
|
+
"aria-haspopup": "listbox",
|
|
1597
|
+
"aria-labelledby": showLabel ? labelId : void 0,
|
|
1598
|
+
"aria-describedby": showErrorMessage ? errorId : void 0,
|
|
1599
|
+
"aria-invalid": hasError || void 0,
|
|
1600
|
+
className: style_module_default13.trigger,
|
|
1601
|
+
"data-size": resolvedSize,
|
|
1602
|
+
"data-trigger-type": triggerType,
|
|
1603
|
+
children: [
|
|
1604
|
+
triggerContent !== void 0 ? (
|
|
1605
|
+
/* triggerContent 제공 시 RadixSelect.Value 완전 우회 — Radix의 hasChildren 경로는
|
|
1606
|
+
useLayoutEffect → SelectImpl setState → context broadcast로 전체 트리 reconciliation을
|
|
1607
|
+
유발. consumer가 controlled value 기반으로 직접 렌더하므로 우회해도 무방. */
|
|
1608
|
+
triggerContent
|
|
1609
|
+
) : /* @__PURE__ */ jsx18(RadixSelect.Value, { placeholder }),
|
|
1610
|
+
/* @__PURE__ */ jsx18(RadixSelect.Icon, { className: style_module_default13.icon, children: /* @__PURE__ */ jsx18(IconArrowDownward, { size: "s" }) })
|
|
1611
|
+
]
|
|
1612
|
+
}
|
|
1613
|
+
)
|
|
1614
|
+
),
|
|
1615
|
+
children
|
|
1616
|
+
] }),
|
|
1617
|
+
showErrorMessage && /* @__PURE__ */ jsxs8("span", { id: errorId, "aria-live": "polite", "aria-atomic": "true", className: style_module_default13.errorMessage, children: [
|
|
1618
|
+
/* @__PURE__ */ jsx18(IconInfo, { size: "xs", type: "function-label-negative" }),
|
|
1619
|
+
/* @__PURE__ */ jsx18(
|
|
1620
|
+
Caption,
|
|
1621
|
+
{
|
|
1622
|
+
as: "span",
|
|
1623
|
+
size: 3,
|
|
1624
|
+
type: "normal",
|
|
1625
|
+
weight: "regular",
|
|
1626
|
+
color: "function-label-negative",
|
|
1627
|
+
className: style_module_default13.errorText,
|
|
1628
|
+
children: error
|
|
1629
|
+
}
|
|
1630
|
+
)
|
|
1631
|
+
] })
|
|
1632
|
+
]
|
|
1523
1633
|
}
|
|
1524
1634
|
) });
|
|
1525
1635
|
}
|
|
1526
1636
|
);
|
|
1527
|
-
|
|
1528
|
-
|
|
1529
|
-
|
|
1530
|
-
|
|
1531
|
-
label,
|
|
1532
|
-
chip,
|
|
1533
|
-
listLabel,
|
|
1534
|
-
popSide = "top",
|
|
1535
|
-
sideOffset = 6,
|
|
1637
|
+
SelectRoot.displayName = "Select";
|
|
1638
|
+
var SelectContent = forwardRef14(
|
|
1639
|
+
({
|
|
1640
|
+
className,
|
|
1536
1641
|
children,
|
|
1537
|
-
|
|
1538
|
-
|
|
1539
|
-
|
|
1540
|
-
openDirection = "slide-right",
|
|
1541
|
-
badge,
|
|
1642
|
+
position = "popper",
|
|
1643
|
+
sideOffset = 4,
|
|
1644
|
+
style: styleProp,
|
|
1542
1645
|
container,
|
|
1543
1646
|
...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,
|
|
1647
|
+
}, ref) => {
|
|
1648
|
+
const { triggerType, listWidth } = useContext(SelectInternalContext);
|
|
1649
|
+
const contentStyle = listWidth != null || styleProp ? {
|
|
1650
|
+
...listWidth != null && { width: `${listWidth}px` },
|
|
1651
|
+
...styleProp
|
|
1652
|
+
} : void 0;
|
|
1653
|
+
return /* @__PURE__ */ jsx18(RadixSelect.Portal, { container, children: /* @__PURE__ */ jsx18(
|
|
1654
|
+
RadixSelect.Content,
|
|
1567
1655
|
{
|
|
1568
1656
|
...rest,
|
|
1569
|
-
|
|
1570
|
-
|
|
1571
|
-
|
|
1572
|
-
|
|
1573
|
-
|
|
1657
|
+
ref,
|
|
1658
|
+
position,
|
|
1659
|
+
sideOffset,
|
|
1660
|
+
className: clsx14(style_module_default13.content, className),
|
|
1661
|
+
"data-trigger-type": triggerType,
|
|
1662
|
+
style: contentStyle,
|
|
1663
|
+
children: /* @__PURE__ */ jsx18(RadixSelect.Viewport, { className: style_module_default13.viewport, children })
|
|
1664
|
+
}
|
|
1665
|
+
) });
|
|
1666
|
+
}
|
|
1667
|
+
);
|
|
1668
|
+
SelectContent.displayName = "Select.Content";
|
|
1669
|
+
var getItemLabelColor = /* @__PURE__ */ __name((disabled, danger) => {
|
|
1670
|
+
if (disabled) return "neutral-label-tertiary";
|
|
1671
|
+
if (danger) return "function-label-negative";
|
|
1672
|
+
return "neutral-label-primary";
|
|
1673
|
+
}, "getItemLabelColor");
|
|
1674
|
+
var SelectItem = forwardRef14(
|
|
1675
|
+
({
|
|
1676
|
+
value,
|
|
1677
|
+
label,
|
|
1678
|
+
description,
|
|
1679
|
+
leadingSlot,
|
|
1680
|
+
labelEnd,
|
|
1681
|
+
trailingSlot,
|
|
1682
|
+
textValue,
|
|
1683
|
+
disabled,
|
|
1684
|
+
danger,
|
|
1685
|
+
className,
|
|
1686
|
+
...rest
|
|
1687
|
+
}, ref) => {
|
|
1688
|
+
const computedTextValue = textValue ?? (typeof label === "string" ? label : void 0);
|
|
1689
|
+
if (process.env.NODE_ENV !== "production") {
|
|
1690
|
+
if (!value) {
|
|
1691
|
+
throw new Error(
|
|
1692
|
+
'[prism Select.Item] `value=""` not allowed (Radix Select throws). Use a sentinel like "none".'
|
|
1693
|
+
);
|
|
1694
|
+
}
|
|
1695
|
+
if (typeof label !== "string" && !textValue) {
|
|
1696
|
+
console.warn(
|
|
1697
|
+
`[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.`
|
|
1698
|
+
);
|
|
1699
|
+
}
|
|
1700
|
+
}
|
|
1701
|
+
return /* @__PURE__ */ jsxs8(
|
|
1702
|
+
RadixSelect.Item,
|
|
1703
|
+
{
|
|
1704
|
+
...rest,
|
|
1705
|
+
ref,
|
|
1706
|
+
value,
|
|
1707
|
+
textValue: computedTextValue,
|
|
1708
|
+
disabled,
|
|
1709
|
+
className: clsx14(style_module_default13.selectItem, className),
|
|
1710
|
+
"data-danger": danger ? "" : void 0,
|
|
1574
1711
|
children: [
|
|
1575
|
-
/* @__PURE__ */
|
|
1576
|
-
|
|
1577
|
-
/* @__PURE__ */
|
|
1712
|
+
leadingSlot != null && /* @__PURE__ */ jsx18("div", { "data-zone": "leading", children: leadingSlot }),
|
|
1713
|
+
/* @__PURE__ */ jsxs8("div", { "data-zone": "main", className: style_module_default12.main, children: [
|
|
1714
|
+
/* @__PURE__ */ jsxs8("div", { className: style_module_default12.labelRow, children: [
|
|
1715
|
+
/* @__PURE__ */ jsx18(RadixSelect.ItemText, { children: computedTextValue ?? "" }),
|
|
1716
|
+
/* @__PURE__ */ jsx18(
|
|
1717
|
+
Caption,
|
|
1718
|
+
{
|
|
1719
|
+
as: "span",
|
|
1720
|
+
size: 1,
|
|
1721
|
+
type: "normal",
|
|
1722
|
+
weight: "regular",
|
|
1723
|
+
color: getItemLabelColor(disabled, danger),
|
|
1724
|
+
className: clsx14(style_module_default12.label, style_module_default13.itemLabel),
|
|
1725
|
+
children: label
|
|
1726
|
+
}
|
|
1727
|
+
),
|
|
1728
|
+
labelEnd != null && /* @__PURE__ */ jsx18("div", { className: style_module_default12.labelEnd, children: labelEnd })
|
|
1729
|
+
] }),
|
|
1730
|
+
description != null && /* @__PURE__ */ jsx18(
|
|
1731
|
+
Caption,
|
|
1732
|
+
{
|
|
1733
|
+
size: 2,
|
|
1734
|
+
type: "normal",
|
|
1735
|
+
weight: "regular",
|
|
1736
|
+
color: disabled ? "neutral-label-tertiary" : "neutral-label-secondary",
|
|
1737
|
+
className: style_module_default12.description,
|
|
1738
|
+
children: description
|
|
1739
|
+
}
|
|
1740
|
+
)
|
|
1578
1741
|
] }),
|
|
1579
|
-
/* @__PURE__ */ jsx18(
|
|
1742
|
+
trailingSlot != null && /* @__PURE__ */ jsx18("div", { "data-zone": "trailing", className: style_module_default13.trailingSlot, children: trailingSlot }),
|
|
1743
|
+
/* @__PURE__ */ jsx18(RadixSelect.ItemIndicator, { "data-zone": "trailing", className: style_module_default13.itemIndicator, children: /* @__PURE__ */ jsx18(IconCheckMark2, { size: "xs", type: "brand-label-primary" }) })
|
|
1580
1744
|
]
|
|
1581
1745
|
}
|
|
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
|
-
]
|
|
1746
|
+
);
|
|
1600
1747
|
}
|
|
1601
|
-
)
|
|
1748
|
+
);
|
|
1749
|
+
SelectItem.displayName = "Select.Item";
|
|
1750
|
+
var SelectGroup = forwardRef14(
|
|
1751
|
+
({ label, children, className, ...rest }, ref) => /* @__PURE__ */ jsxs8(RadixSelect.Group, { ...rest, ref, className: clsx14(style_module_default13.group, className), children: [
|
|
1752
|
+
label != null && /* @__PURE__ */ jsx18(RadixSelect.Label, { asChild: true, children: /* @__PURE__ */ jsx18(
|
|
1753
|
+
Caption,
|
|
1754
|
+
{
|
|
1755
|
+
as: "span",
|
|
1756
|
+
size: 2,
|
|
1757
|
+
type: "normal",
|
|
1758
|
+
weight: "regular",
|
|
1759
|
+
color: "neutral-label-secondary",
|
|
1760
|
+
className: style_module_default13.groupLabel,
|
|
1761
|
+
children: label
|
|
1762
|
+
}
|
|
1763
|
+
) }),
|
|
1764
|
+
children
|
|
1765
|
+
] })
|
|
1766
|
+
);
|
|
1767
|
+
SelectGroup.displayName = "Select.Group";
|
|
1768
|
+
var SelectTrigger = forwardRef14((props, ref) => {
|
|
1769
|
+
const {
|
|
1770
|
+
label,
|
|
1771
|
+
placeholder,
|
|
1772
|
+
error,
|
|
1773
|
+
triggerContent,
|
|
1774
|
+
width,
|
|
1775
|
+
required,
|
|
1776
|
+
disabled,
|
|
1777
|
+
size,
|
|
1778
|
+
trigger = "select-field",
|
|
1779
|
+
className,
|
|
1780
|
+
onClick,
|
|
1781
|
+
"aria-haspopup": ariaHaspopup,
|
|
1782
|
+
"aria-expanded": ariaExpanded,
|
|
1783
|
+
"aria-controls": ariaControls,
|
|
1784
|
+
"aria-label": ariaLabel,
|
|
1785
|
+
id
|
|
1786
|
+
} = props;
|
|
1787
|
+
const triggerType = trigger;
|
|
1788
|
+
const isButtonTrigger = triggerType === "select-button";
|
|
1789
|
+
const resolvedSize = size ?? (isButtonTrigger ? "m" : "l");
|
|
1790
|
+
const labelId = useId2();
|
|
1791
|
+
const errorId = useId2();
|
|
1792
|
+
const hasError = !!error;
|
|
1793
|
+
const showLabel = !isButtonTrigger && label != null;
|
|
1794
|
+
const showErrorMessage = !isButtonTrigger && hasError && typeof error !== "boolean";
|
|
1795
|
+
const labelColor = hasError ? "function-label-negative" : disabled ? "neutral-label-tertiary" : "neutral-label-secondary";
|
|
1796
|
+
const rootStyle = width != null ? { width: `${width}px` } : void 0;
|
|
1797
|
+
const showingPlaceholder = triggerContent === void 0;
|
|
1798
|
+
const display = !showingPlaceholder ? triggerContent : /* @__PURE__ */ jsx18("span", { children: placeholder });
|
|
1799
|
+
const commonAria = {
|
|
1800
|
+
"aria-haspopup": ariaHaspopup,
|
|
1801
|
+
"aria-expanded": ariaExpanded,
|
|
1802
|
+
"aria-controls": ariaControls,
|
|
1803
|
+
"aria-label": ariaLabel,
|
|
1804
|
+
"aria-labelledby": showLabel ? labelId : void 0,
|
|
1805
|
+
"aria-describedby": showErrorMessage ? errorId : void 0,
|
|
1806
|
+
"aria-invalid": hasError || void 0,
|
|
1807
|
+
"aria-required": required || void 0
|
|
1808
|
+
};
|
|
1809
|
+
return /* @__PURE__ */ jsxs8(
|
|
1810
|
+
"div",
|
|
1811
|
+
{
|
|
1812
|
+
className: clsx14(style_module_default13.root, className),
|
|
1813
|
+
style: rootStyle,
|
|
1814
|
+
"data-size": resolvedSize,
|
|
1815
|
+
"data-trigger-type": triggerType,
|
|
1816
|
+
"data-error": hasError ? "" : void 0,
|
|
1817
|
+
children: [
|
|
1818
|
+
showLabel && /* @__PURE__ */ jsxs8(
|
|
1819
|
+
Caption,
|
|
1820
|
+
{
|
|
1821
|
+
id: labelId,
|
|
1822
|
+
size: 2,
|
|
1823
|
+
type: "normal",
|
|
1824
|
+
weight: "regular",
|
|
1825
|
+
color: labelColor,
|
|
1826
|
+
className: style_module_default13.label,
|
|
1827
|
+
children: [
|
|
1828
|
+
label,
|
|
1829
|
+
required && /* @__PURE__ */ jsxs8(Fragment7, { children: [
|
|
1830
|
+
/* @__PURE__ */ jsx18("span", { "aria-hidden": "true", className: style_module_default13.requiredMark, children: "*" }),
|
|
1831
|
+
/* @__PURE__ */ jsx18("span", { className: style_module_default13.srOnly, children: " (\uD544\uC218)" })
|
|
1832
|
+
] })
|
|
1833
|
+
]
|
|
1834
|
+
}
|
|
1835
|
+
),
|
|
1836
|
+
isButtonTrigger ? /* @__PURE__ */ jsx18(
|
|
1837
|
+
Button,
|
|
1838
|
+
{
|
|
1839
|
+
ref,
|
|
1840
|
+
level: "tertiary",
|
|
1841
|
+
size: resolvedSize,
|
|
1842
|
+
width: "full",
|
|
1843
|
+
rightIcon: { icon: IconArrowDownward },
|
|
1844
|
+
className: style_module_default13.triggerButton,
|
|
1845
|
+
disabled,
|
|
1846
|
+
onClick,
|
|
1847
|
+
type: "button",
|
|
1848
|
+
id,
|
|
1849
|
+
...commonAria,
|
|
1850
|
+
children: display
|
|
1851
|
+
}
|
|
1852
|
+
) : /* @__PURE__ */ jsxs8(
|
|
1853
|
+
"button",
|
|
1854
|
+
{
|
|
1855
|
+
ref,
|
|
1856
|
+
type: "button",
|
|
1857
|
+
id,
|
|
1858
|
+
className: style_module_default13.trigger,
|
|
1859
|
+
"data-size": resolvedSize,
|
|
1860
|
+
"data-trigger-type": triggerType,
|
|
1861
|
+
"data-placeholder": showingPlaceholder ? "" : void 0,
|
|
1862
|
+
disabled,
|
|
1863
|
+
onClick,
|
|
1864
|
+
...commonAria,
|
|
1865
|
+
children: [
|
|
1866
|
+
display,
|
|
1867
|
+
/* @__PURE__ */ jsx18("span", { className: style_module_default13.icon, "aria-hidden": "true", children: /* @__PURE__ */ jsx18(IconArrowDownward, { size: "s" }) })
|
|
1868
|
+
]
|
|
1869
|
+
}
|
|
1870
|
+
),
|
|
1871
|
+
showErrorMessage && /* @__PURE__ */ jsxs8("span", { id: errorId, "aria-live": "polite", "aria-atomic": "true", className: style_module_default13.errorMessage, children: [
|
|
1872
|
+
/* @__PURE__ */ jsx18(IconInfo, { size: "xs", type: "function-label-negative" }),
|
|
1873
|
+
/* @__PURE__ */ jsx18(
|
|
1874
|
+
Caption,
|
|
1875
|
+
{
|
|
1876
|
+
as: "span",
|
|
1877
|
+
size: 3,
|
|
1878
|
+
type: "normal",
|
|
1879
|
+
weight: "regular",
|
|
1880
|
+
color: "function-label-negative",
|
|
1881
|
+
className: style_module_default13.errorText,
|
|
1882
|
+
children: error
|
|
1883
|
+
}
|
|
1884
|
+
)
|
|
1885
|
+
] })
|
|
1886
|
+
]
|
|
1887
|
+
}
|
|
1888
|
+
);
|
|
1889
|
+
});
|
|
1890
|
+
SelectTrigger.displayName = "Select.Trigger";
|
|
1602
1891
|
var Select = Object.assign(SelectRoot, {
|
|
1603
|
-
|
|
1892
|
+
Trigger: SelectTrigger,
|
|
1893
|
+
Content: SelectContent,
|
|
1894
|
+
Item: SelectItem,
|
|
1895
|
+
Group: SelectGroup
|
|
1604
1896
|
});
|
|
1605
1897
|
|
|
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
1898
|
// src/components/List/index.tsx
|
|
1614
|
-
import {
|
|
1615
|
-
import
|
|
1899
|
+
import { Children as Children2, forwardRef as forwardRef17, useId as useId3 } from "react";
|
|
1900
|
+
import * as RovingFocusGroup from "@radix-ui/react-roving-focus";
|
|
1901
|
+
import { useControllableState } from "@radix-ui/react-use-controllable-state";
|
|
1902
|
+
import clsx17 from "clsx";
|
|
1616
1903
|
|
|
1617
1904
|
// src/hooks/collection.tsx
|
|
1618
|
-
import { createContext, useContext, useMemo } from "react";
|
|
1905
|
+
import { createContext as createContext2, useContext as useContext2, useMemo as useMemo2 } from "react";
|
|
1619
1906
|
import { jsx as jsx19 } from "react/jsx-runtime";
|
|
1620
|
-
var CollectionContext =
|
|
1621
|
-
var CollectionProvider = /* @__PURE__ */ __name(({
|
|
1622
|
-
|
|
1907
|
+
var CollectionContext = createContext2(void 0);
|
|
1908
|
+
var CollectionProvider = /* @__PURE__ */ __name(({
|
|
1909
|
+
value,
|
|
1910
|
+
onValueChange,
|
|
1911
|
+
children
|
|
1912
|
+
}) => {
|
|
1913
|
+
const contextValue = useMemo2(() => ({ value, onValueChange }), [value, onValueChange]);
|
|
1623
1914
|
return /* @__PURE__ */ jsx19(CollectionContext.Provider, { value: contextValue, children });
|
|
1624
1915
|
}, "CollectionProvider");
|
|
1625
|
-
|
|
1626
|
-
const context =
|
|
1916
|
+
function useCollectionContext() {
|
|
1917
|
+
const context = useContext2(CollectionContext);
|
|
1627
1918
|
if (!context) {
|
|
1628
1919
|
throw new Error("useCollectionContext must be used within a CollectionProvider");
|
|
1629
1920
|
}
|
|
1630
1921
|
return context;
|
|
1631
|
-
}
|
|
1922
|
+
}
|
|
1923
|
+
__name(useCollectionContext, "useCollectionContext");
|
|
1632
1924
|
|
|
1633
|
-
// src/components/
|
|
1925
|
+
// src/components/ListItem/index.tsx
|
|
1926
|
+
import { forwardRef as forwardRef16 } from "react";
|
|
1927
|
+
import clsx16 from "clsx";
|
|
1928
|
+
|
|
1929
|
+
// src/components/ListItem/primitive/index.tsx
|
|
1930
|
+
import { forwardRef as forwardRef15 } from "react";
|
|
1931
|
+
import { composeEventHandlers } from "@radix-ui/primitive";
|
|
1634
1932
|
import clsx15 from "clsx";
|
|
1933
|
+
|
|
1934
|
+
// src/components/ListItem/primitive/style.module.scss
|
|
1935
|
+
var style_module_default14 = {
|
|
1936
|
+
"root": "_root_xnwdb_2"
|
|
1937
|
+
};
|
|
1938
|
+
|
|
1939
|
+
// src/components/ListItem/primitive/index.tsx
|
|
1635
1940
|
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
|
-
|
|
1941
|
+
var PrimitiveListItem = forwardRef15(
|
|
1942
|
+
({ value, leadingSlot, children, trailingSlot, disabled, onClick, role, className, ...rest }, ref) => {
|
|
1943
|
+
const { value: contextValue, onValueChange } = useCollectionContext();
|
|
1944
|
+
const isSelected = contextValue === value;
|
|
1945
|
+
const activate = /* @__PURE__ */ __name(() => {
|
|
1946
|
+
if (disabled) return;
|
|
1947
|
+
onValueChange?.(value);
|
|
1948
|
+
onClick?.();
|
|
1949
|
+
}, "activate");
|
|
1950
|
+
const handleClick = /* @__PURE__ */ __name((e) => {
|
|
1951
|
+
if (disabled) {
|
|
1952
|
+
e.preventDefault();
|
|
1953
|
+
return;
|
|
1954
|
+
}
|
|
1955
|
+
e.stopPropagation();
|
|
1956
|
+
activate();
|
|
1957
|
+
}, "handleClick");
|
|
1958
|
+
const handleKeyDown = /* @__PURE__ */ __name((e) => {
|
|
1959
|
+
if (disabled) return;
|
|
1960
|
+
if (e.key === "Enter" || e.key === " ") {
|
|
1961
|
+
e.preventDefault();
|
|
1962
|
+
activate();
|
|
1963
|
+
}
|
|
1964
|
+
}, "handleKeyDown");
|
|
1965
|
+
return /* @__PURE__ */ jsxs9(
|
|
1966
|
+
"li",
|
|
1967
|
+
{
|
|
1968
|
+
...rest,
|
|
1969
|
+
ref,
|
|
1970
|
+
role,
|
|
1971
|
+
className: clsx15(style_module_default14.root, className),
|
|
1972
|
+
tabIndex: rest.tabIndex ?? -1,
|
|
1973
|
+
"data-state": isSelected ? "checked" : "unchecked",
|
|
1974
|
+
"data-disabled": disabled ? "" : void 0,
|
|
1975
|
+
"aria-disabled": disabled || void 0,
|
|
1976
|
+
"aria-selected": role === "option" ? isSelected || void 0 : void 0,
|
|
1977
|
+
"aria-checked": role === "menuitemcheckbox" || role === "menuitemradio" ? isSelected : void 0,
|
|
1978
|
+
onClick: handleClick,
|
|
1979
|
+
onKeyDown: composeEventHandlers(rest.onKeyDown, handleKeyDown),
|
|
1980
|
+
children: [
|
|
1981
|
+
leadingSlot != null && /* @__PURE__ */ jsx20("div", { "data-zone": "leading", children: leadingSlot }),
|
|
1982
|
+
/* @__PURE__ */ jsx20("div", { "data-zone": "main", children }),
|
|
1983
|
+
trailingSlot != null && /* @__PURE__ */ jsx20("div", { "data-zone": "trailing", children: trailingSlot })
|
|
1984
|
+
]
|
|
1985
|
+
}
|
|
1986
|
+
);
|
|
1987
|
+
}
|
|
1988
|
+
);
|
|
1989
|
+
PrimitiveListItem.displayName = "PrimitiveListItem";
|
|
1990
|
+
|
|
1991
|
+
// src/components/ListItem/index.tsx
|
|
1992
|
+
import { jsx as jsx21, jsxs as jsxs10 } from "react/jsx-runtime";
|
|
1993
|
+
var getLabelColor = /* @__PURE__ */ __name((disabled, danger) => {
|
|
1994
|
+
if (disabled) return "neutral-label-tertiary";
|
|
1995
|
+
if (danger) return "function-label-negative";
|
|
1996
|
+
return "neutral-label-primary";
|
|
1997
|
+
}, "getLabelColor");
|
|
1998
|
+
var ListItem = forwardRef16(
|
|
1999
|
+
({
|
|
2000
|
+
value,
|
|
2001
|
+
label,
|
|
2002
|
+
description,
|
|
2003
|
+
leadingSlot,
|
|
2004
|
+
labelEnd,
|
|
2005
|
+
trailingSlot,
|
|
2006
|
+
disabled,
|
|
2007
|
+
danger,
|
|
2008
|
+
onClick,
|
|
2009
|
+
className,
|
|
2010
|
+
...rest
|
|
2011
|
+
}, ref) => /* @__PURE__ */ jsx21(
|
|
2012
|
+
PrimitiveListItem,
|
|
1654
2013
|
{
|
|
1655
|
-
|
|
2014
|
+
...rest,
|
|
2015
|
+
ref,
|
|
2016
|
+
role: "option",
|
|
1656
2017
|
value,
|
|
1657
|
-
|
|
1658
|
-
|
|
1659
|
-
|
|
1660
|
-
|
|
1661
|
-
|
|
1662
|
-
|
|
1663
|
-
|
|
1664
|
-
|
|
1665
|
-
|
|
1666
|
-
|
|
1667
|
-
|
|
1668
|
-
|
|
1669
|
-
|
|
1670
|
-
|
|
1671
|
-
|
|
1672
|
-
|
|
2018
|
+
leadingSlot,
|
|
2019
|
+
trailingSlot,
|
|
2020
|
+
disabled,
|
|
2021
|
+
onClick,
|
|
2022
|
+
className: clsx16(className),
|
|
2023
|
+
"data-danger": danger ? "" : void 0,
|
|
2024
|
+
children: /* @__PURE__ */ jsxs10("div", { className: style_module_default12.main, children: [
|
|
2025
|
+
/* @__PURE__ */ jsxs10("div", { className: style_module_default12.labelRow, children: [
|
|
2026
|
+
/* @__PURE__ */ jsx21(
|
|
2027
|
+
Caption,
|
|
2028
|
+
{
|
|
2029
|
+
size: 1,
|
|
2030
|
+
type: "normal",
|
|
2031
|
+
weight: "regular",
|
|
2032
|
+
color: getLabelColor(disabled, danger),
|
|
2033
|
+
className: style_module_default12.label,
|
|
2034
|
+
children: label
|
|
2035
|
+
}
|
|
2036
|
+
),
|
|
2037
|
+
labelEnd != null && /* @__PURE__ */ jsx21("div", { className: style_module_default12.labelEnd, children: labelEnd })
|
|
2038
|
+
] }),
|
|
2039
|
+
description != null && /* @__PURE__ */ jsx21(
|
|
2040
|
+
Caption,
|
|
2041
|
+
{
|
|
2042
|
+
size: 2,
|
|
2043
|
+
type: "normal",
|
|
2044
|
+
weight: "regular",
|
|
2045
|
+
color: disabled ? "neutral-label-tertiary" : "neutral-label-secondary",
|
|
2046
|
+
className: style_module_default12.description,
|
|
2047
|
+
children: description
|
|
2048
|
+
}
|
|
2049
|
+
)
|
|
2050
|
+
] })
|
|
1673
2051
|
}
|
|
1674
|
-
)
|
|
1675
|
-
|
|
1676
|
-
|
|
2052
|
+
)
|
|
2053
|
+
);
|
|
2054
|
+
ListItem.displayName = "ListItem";
|
|
2055
|
+
|
|
2056
|
+
// src/components/List/style.module.scss
|
|
2057
|
+
var style_module_default15 = {
|
|
2058
|
+
"root": "_root_x5fwq_2",
|
|
2059
|
+
"group": "_group_x5fwq_8",
|
|
2060
|
+
"groupLabelContainer": "_groupLabelContainer_x5fwq_20",
|
|
2061
|
+
"groupLabel": "_groupLabel_x5fwq_20"
|
|
2062
|
+
};
|
|
2063
|
+
|
|
2064
|
+
// src/components/List/index.tsx
|
|
2065
|
+
import { jsx as jsx22, jsxs as jsxs11 } from "react/jsx-runtime";
|
|
2066
|
+
var ListRoot = forwardRef17(
|
|
2067
|
+
({
|
|
2068
|
+
value: valueProp,
|
|
2069
|
+
defaultValue,
|
|
2070
|
+
onValueChange,
|
|
2071
|
+
loop = false,
|
|
2072
|
+
dir,
|
|
2073
|
+
className,
|
|
2074
|
+
children,
|
|
2075
|
+
...rest
|
|
2076
|
+
}, ref) => {
|
|
2077
|
+
const [value, setValue] = useControllableState({
|
|
2078
|
+
prop: valueProp,
|
|
2079
|
+
defaultProp: defaultValue ?? "",
|
|
2080
|
+
onChange: onValueChange,
|
|
2081
|
+
caller: "List"
|
|
2082
|
+
});
|
|
2083
|
+
const handleValueChange = /* @__PURE__ */ __name((next) => setValue(next), "handleValueChange");
|
|
2084
|
+
if (Children2.count(children) === 0) {
|
|
2085
|
+
return /* @__PURE__ */ jsx22(
|
|
2086
|
+
"ul",
|
|
2087
|
+
{
|
|
2088
|
+
...rest,
|
|
2089
|
+
ref,
|
|
2090
|
+
role: "listbox",
|
|
2091
|
+
"aria-orientation": "vertical",
|
|
2092
|
+
tabIndex: -1,
|
|
2093
|
+
className: clsx17(style_module_default15.root, className)
|
|
2094
|
+
}
|
|
2095
|
+
);
|
|
2096
|
+
}
|
|
2097
|
+
return /* @__PURE__ */ jsx22(CollectionProvider, { value, onValueChange: handleValueChange, children: /* @__PURE__ */ jsx22(
|
|
2098
|
+
RovingFocusGroup.Root,
|
|
2099
|
+
{
|
|
2100
|
+
asChild: true,
|
|
2101
|
+
orientation: "vertical",
|
|
2102
|
+
loop,
|
|
2103
|
+
dir,
|
|
2104
|
+
defaultCurrentTabStopId: value !== "" ? value : void 0,
|
|
2105
|
+
children: /* @__PURE__ */ jsx22(
|
|
2106
|
+
"ul",
|
|
2107
|
+
{
|
|
2108
|
+
...rest,
|
|
2109
|
+
ref,
|
|
2110
|
+
role: "listbox",
|
|
2111
|
+
"aria-orientation": "vertical",
|
|
2112
|
+
className: clsx17(style_module_default15.root, className),
|
|
2113
|
+
children
|
|
2114
|
+
}
|
|
2115
|
+
)
|
|
2116
|
+
}
|
|
2117
|
+
) });
|
|
2118
|
+
}
|
|
2119
|
+
);
|
|
2120
|
+
ListRoot.displayName = "List";
|
|
2121
|
+
var withRoving = /* @__PURE__ */ __name((Inner) => forwardRef17((props, ref) => /* @__PURE__ */ jsx22(RovingFocusGroup.Item, { asChild: true, focusable: true, children: /* @__PURE__ */ jsx22(Inner, { ref, ...props }) })), "withRoving");
|
|
2122
|
+
var ListItemInList = withRoving(ListItem);
|
|
2123
|
+
ListItemInList.displayName = "List.Item";
|
|
2124
|
+
var PrimitiveListItemInList = withRoving(
|
|
2125
|
+
PrimitiveListItem
|
|
2126
|
+
);
|
|
2127
|
+
PrimitiveListItemInList.displayName = "List.PrimitiveItem";
|
|
2128
|
+
var ListGroup = forwardRef17(
|
|
2129
|
+
({ label, children, className, ...rest }, ref) => {
|
|
2130
|
+
const labelId = useId3();
|
|
2131
|
+
const hasLabel = label !== void 0 && label !== null;
|
|
2132
|
+
return /* @__PURE__ */ jsxs11(
|
|
2133
|
+
"div",
|
|
2134
|
+
{
|
|
2135
|
+
...rest,
|
|
2136
|
+
ref,
|
|
2137
|
+
role: "group",
|
|
2138
|
+
"aria-labelledby": hasLabel ? labelId : void 0,
|
|
2139
|
+
className: clsx17(style_module_default15.group, className),
|
|
2140
|
+
children: [
|
|
2141
|
+
hasLabel && /* @__PURE__ */ jsx22("div", { className: style_module_default15.groupLabelContainer, children: /* @__PURE__ */ jsx22(
|
|
2142
|
+
Caption,
|
|
2143
|
+
{
|
|
2144
|
+
id: labelId,
|
|
2145
|
+
size: 2,
|
|
2146
|
+
weight: "regular",
|
|
2147
|
+
type: "normal",
|
|
2148
|
+
color: "neutral-label-secondary",
|
|
2149
|
+
className: style_module_default15.groupLabel,
|
|
2150
|
+
children: label
|
|
2151
|
+
}
|
|
2152
|
+
) }),
|
|
2153
|
+
children
|
|
2154
|
+
]
|
|
2155
|
+
}
|
|
2156
|
+
);
|
|
2157
|
+
}
|
|
2158
|
+
);
|
|
2159
|
+
ListGroup.displayName = "List.Group";
|
|
2160
|
+
var List = Object.assign(ListRoot, {
|
|
2161
|
+
Item: ListItemInList,
|
|
2162
|
+
PrimitiveItem: PrimitiveListItemInList,
|
|
2163
|
+
Group: ListGroup
|
|
2164
|
+
});
|
|
1677
2165
|
|
|
1678
2166
|
// src/components/TextButton/index.tsx
|
|
1679
2167
|
import { cva as cva8 } from "cva";
|
|
1680
2168
|
|
|
1681
2169
|
// src/components/TextButton/style.module.scss
|
|
1682
|
-
var
|
|
2170
|
+
var style_module_default16 = {
|
|
1683
2171
|
"button": "_button_zsyf9_1",
|
|
1684
2172
|
"text": "_text_zsyf9_20",
|
|
1685
2173
|
"primary": "_primary_zsyf9_23",
|
|
@@ -1693,10 +2181,10 @@ var style_module_default14 = {
|
|
|
1693
2181
|
};
|
|
1694
2182
|
|
|
1695
2183
|
// src/components/TextButton/index.tsx
|
|
1696
|
-
import { Children as
|
|
1697
|
-
import
|
|
2184
|
+
import { Children as Children3, cloneElement as cloneElement2, forwardRef as forwardRef18 } from "react";
|
|
2185
|
+
import clsx18 from "clsx";
|
|
1698
2186
|
import { classNames } from "@liner-fe/design-token";
|
|
1699
|
-
import { jsx as
|
|
2187
|
+
import { jsx as jsx23, jsxs as jsxs12 } from "react/jsx-runtime";
|
|
1700
2188
|
var TEXT_LEVEL_OPTIONS = ["primary", "secondary", "tertiary"];
|
|
1701
2189
|
var TEXT_SIZE_OPTIONS = ["m", "s", "xs"];
|
|
1702
2190
|
var textButtonSizeIconSizeMap = {
|
|
@@ -1717,24 +2205,24 @@ var textButtonLevelIconTypeMap = {
|
|
|
1717
2205
|
}
|
|
1718
2206
|
};
|
|
1719
2207
|
var textButtonVariants = cva8({
|
|
1720
|
-
base: [
|
|
2208
|
+
base: [style_module_default16.button, style_module_default16.text],
|
|
1721
2209
|
variants: {
|
|
1722
2210
|
level: {
|
|
1723
|
-
primary:
|
|
1724
|
-
secondary:
|
|
1725
|
-
tertiary:
|
|
2211
|
+
primary: style_module_default16["primary"],
|
|
2212
|
+
secondary: style_module_default16["secondary"],
|
|
2213
|
+
tertiary: style_module_default16["tertiary"]
|
|
1726
2214
|
},
|
|
1727
2215
|
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"],
|
|
2216
|
+
m: [classNames.typography["lp-sys-typo-paragraph4-normal-regular"], style_module_default16.m],
|
|
2217
|
+
s: [classNames.typography["lp-sys-typo-caption1-normal-regular"], style_module_default16.s],
|
|
2218
|
+
xs: [classNames.typography["lp-sys-typo-caption2-normal-regular"], style_module_default16.xs]
|
|
1731
2219
|
},
|
|
1732
2220
|
underline: {
|
|
1733
|
-
true:
|
|
2221
|
+
true: style_module_default16.underline
|
|
1734
2222
|
}
|
|
1735
2223
|
}
|
|
1736
2224
|
});
|
|
1737
|
-
var TextButton =
|
|
2225
|
+
var TextButton = forwardRef18(
|
|
1738
2226
|
({
|
|
1739
2227
|
level = "primary",
|
|
1740
2228
|
underline = false,
|
|
@@ -1752,24 +2240,24 @@ var TextButton = forwardRef15(
|
|
|
1752
2240
|
fillType: "inverse-label-primary",
|
|
1753
2241
|
...icon
|
|
1754
2242
|
}), "getIconProps");
|
|
1755
|
-
const renderContent = /* @__PURE__ */ __name((children2) => /* @__PURE__ */
|
|
1756
|
-
leftIcon && /* @__PURE__ */
|
|
1757
|
-
/* @__PURE__ */
|
|
1758
|
-
rightIcon && /* @__PURE__ */
|
|
2243
|
+
const renderContent = /* @__PURE__ */ __name((children2) => /* @__PURE__ */ jsxs12("span", { className: style_module_default16["text-children"], children: [
|
|
2244
|
+
leftIcon && /* @__PURE__ */ jsx23(leftIcon.icon, { ...getIconProps(leftIcon) }),
|
|
2245
|
+
/* @__PURE__ */ jsx23("p", { children: children2 }),
|
|
2246
|
+
rightIcon && /* @__PURE__ */ jsx23(rightIcon.icon, { ...getIconProps(rightIcon) })
|
|
1759
2247
|
] }), "renderContent");
|
|
1760
2248
|
if (asChild) {
|
|
1761
|
-
const parent =
|
|
2249
|
+
const parent = Children3.only(children);
|
|
1762
2250
|
return cloneElement2(parent, {
|
|
1763
2251
|
...rest,
|
|
1764
|
-
className:
|
|
2252
|
+
className: clsx18(textButtonVariants({ level, underline, size }), className),
|
|
1765
2253
|
ref,
|
|
1766
2254
|
children: renderContent(parent.props.children)
|
|
1767
2255
|
});
|
|
1768
2256
|
}
|
|
1769
|
-
return /* @__PURE__ */
|
|
2257
|
+
return /* @__PURE__ */ jsx23(
|
|
1770
2258
|
"button",
|
|
1771
2259
|
{
|
|
1772
|
-
className:
|
|
2260
|
+
className: clsx18(textButtonVariants({ level, underline, size }), className),
|
|
1773
2261
|
ref,
|
|
1774
2262
|
...rest,
|
|
1775
2263
|
children: renderContent(children)
|
|
@@ -1783,13 +2271,13 @@ TextButton.displayName = "TextButton";
|
|
|
1783
2271
|
import { vars } from "@liner-fe/design-token";
|
|
1784
2272
|
|
|
1785
2273
|
// src/components/Logo/logos.tsx
|
|
1786
|
-
import { Fragment as
|
|
2274
|
+
import { Fragment as Fragment8, jsx as jsx24, jsxs as jsxs13 } from "react/jsx-runtime";
|
|
1787
2275
|
var LOGOS = {
|
|
1788
2276
|
"symbol-main": {
|
|
1789
2277
|
category: "symbol",
|
|
1790
2278
|
viewBox: [48, 48],
|
|
1791
2279
|
fixedColor: false,
|
|
1792
|
-
paths: /* @__PURE__ */ __name((fill) => /* @__PURE__ */
|
|
2280
|
+
paths: /* @__PURE__ */ __name((fill) => /* @__PURE__ */ jsx24(
|
|
1793
2281
|
"path",
|
|
1794
2282
|
{
|
|
1795
2283
|
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 +2289,7 @@ var LOGOS = {
|
|
|
1801
2289
|
category: "symbol",
|
|
1802
2290
|
viewBox: [48, 48],
|
|
1803
2291
|
fixedColor: false,
|
|
1804
|
-
paths: /* @__PURE__ */ __name((fill) => /* @__PURE__ */
|
|
2292
|
+
paths: /* @__PURE__ */ __name((fill) => /* @__PURE__ */ jsx24(
|
|
1805
2293
|
"path",
|
|
1806
2294
|
{
|
|
1807
2295
|
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 +2301,7 @@ var LOGOS = {
|
|
|
1813
2301
|
category: "symbol",
|
|
1814
2302
|
viewBox: [48, 48],
|
|
1815
2303
|
fixedColor: false,
|
|
1816
|
-
paths: /* @__PURE__ */ __name((fill) => /* @__PURE__ */
|
|
2304
|
+
paths: /* @__PURE__ */ __name((fill) => /* @__PURE__ */ jsx24(
|
|
1817
2305
|
"path",
|
|
1818
2306
|
{
|
|
1819
2307
|
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 +2313,7 @@ var LOGOS = {
|
|
|
1825
2313
|
category: "symbol",
|
|
1826
2314
|
viewBox: [48, 48],
|
|
1827
2315
|
fixedColor: false,
|
|
1828
|
-
paths: /* @__PURE__ */ __name((fill) => /* @__PURE__ */
|
|
2316
|
+
paths: /* @__PURE__ */ __name((fill) => /* @__PURE__ */ jsx24(
|
|
1829
2317
|
"path",
|
|
1830
2318
|
{
|
|
1831
2319
|
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 +2325,8 @@ var LOGOS = {
|
|
|
1837
2325
|
category: "combination",
|
|
1838
2326
|
viewBox: [141, 42],
|
|
1839
2327
|
fixedColor: false,
|
|
1840
|
-
paths: /* @__PURE__ */ __name((fill) => /* @__PURE__ */
|
|
1841
|
-
/* @__PURE__ */
|
|
2328
|
+
paths: /* @__PURE__ */ __name((fill) => /* @__PURE__ */ jsxs13(Fragment8, { children: [
|
|
2329
|
+
/* @__PURE__ */ jsx24(
|
|
1842
2330
|
"path",
|
|
1843
2331
|
{
|
|
1844
2332
|
fillRule: "evenodd",
|
|
@@ -1847,7 +2335,7 @@ var LOGOS = {
|
|
|
1847
2335
|
fill
|
|
1848
2336
|
}
|
|
1849
2337
|
),
|
|
1850
|
-
/* @__PURE__ */
|
|
2338
|
+
/* @__PURE__ */ jsx24(
|
|
1851
2339
|
"path",
|
|
1852
2340
|
{
|
|
1853
2341
|
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 +2348,78 @@ var LOGOS = {
|
|
|
1860
2348
|
category: "combination",
|
|
1861
2349
|
viewBox: [189, 36],
|
|
1862
2350
|
fixedColor: false,
|
|
1863
|
-
paths: /* @__PURE__ */ __name((fill) => /* @__PURE__ */
|
|
1864
|
-
/* @__PURE__ */
|
|
2351
|
+
paths: /* @__PURE__ */ __name((fill) => /* @__PURE__ */ jsxs13("g", { children: [
|
|
2352
|
+
/* @__PURE__ */ jsx24(
|
|
1865
2353
|
"path",
|
|
1866
2354
|
{
|
|
1867
2355
|
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
2356
|
fill
|
|
1869
2357
|
}
|
|
1870
2358
|
),
|
|
1871
|
-
/* @__PURE__ */
|
|
2359
|
+
/* @__PURE__ */ jsx24(
|
|
1872
2360
|
"path",
|
|
1873
2361
|
{
|
|
1874
2362
|
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
2363
|
fill
|
|
1876
2364
|
}
|
|
1877
2365
|
),
|
|
1878
|
-
/* @__PURE__ */
|
|
2366
|
+
/* @__PURE__ */ jsx24(
|
|
1879
2367
|
"path",
|
|
1880
2368
|
{
|
|
1881
2369
|
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
2370
|
fill
|
|
1883
2371
|
}
|
|
1884
2372
|
),
|
|
1885
|
-
/* @__PURE__ */
|
|
2373
|
+
/* @__PURE__ */ jsx24(
|
|
1886
2374
|
"path",
|
|
1887
2375
|
{
|
|
1888
2376
|
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
2377
|
fill
|
|
1890
2378
|
}
|
|
1891
2379
|
),
|
|
1892
|
-
/* @__PURE__ */
|
|
2380
|
+
/* @__PURE__ */ jsx24(
|
|
1893
2381
|
"path",
|
|
1894
2382
|
{
|
|
1895
2383
|
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
2384
|
fill
|
|
1897
2385
|
}
|
|
1898
2386
|
),
|
|
1899
|
-
/* @__PURE__ */
|
|
2387
|
+
/* @__PURE__ */ jsx24(
|
|
1900
2388
|
"path",
|
|
1901
2389
|
{
|
|
1902
2390
|
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
2391
|
fill
|
|
1904
2392
|
}
|
|
1905
2393
|
),
|
|
1906
|
-
/* @__PURE__ */
|
|
2394
|
+
/* @__PURE__ */ jsx24(
|
|
1907
2395
|
"path",
|
|
1908
2396
|
{
|
|
1909
2397
|
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
2398
|
fill
|
|
1911
2399
|
}
|
|
1912
2400
|
),
|
|
1913
|
-
/* @__PURE__ */
|
|
2401
|
+
/* @__PURE__ */ jsx24(
|
|
1914
2402
|
"path",
|
|
1915
2403
|
{
|
|
1916
2404
|
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
2405
|
fill
|
|
1918
2406
|
}
|
|
1919
2407
|
),
|
|
1920
|
-
/* @__PURE__ */
|
|
2408
|
+
/* @__PURE__ */ jsx24(
|
|
1921
2409
|
"path",
|
|
1922
2410
|
{
|
|
1923
2411
|
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
2412
|
fill
|
|
1925
2413
|
}
|
|
1926
2414
|
),
|
|
1927
|
-
/* @__PURE__ */
|
|
2415
|
+
/* @__PURE__ */ jsx24(
|
|
1928
2416
|
"path",
|
|
1929
2417
|
{
|
|
1930
2418
|
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
2419
|
fill
|
|
1932
2420
|
}
|
|
1933
2421
|
),
|
|
1934
|
-
/* @__PURE__ */
|
|
2422
|
+
/* @__PURE__ */ jsx24(
|
|
1935
2423
|
"path",
|
|
1936
2424
|
{
|
|
1937
2425
|
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 +2432,15 @@ var LOGOS = {
|
|
|
1944
2432
|
category: "badge",
|
|
1945
2433
|
viewBox: [54, 36],
|
|
1946
2434
|
fixedColor: true,
|
|
1947
|
-
paths: /* @__PURE__ */ __name(() => /* @__PURE__ */
|
|
1948
|
-
/* @__PURE__ */
|
|
2435
|
+
paths: /* @__PURE__ */ __name(() => /* @__PURE__ */ jsxs13(Fragment8, { children: [
|
|
2436
|
+
/* @__PURE__ */ jsx24(
|
|
1949
2437
|
"path",
|
|
1950
2438
|
{
|
|
1951
2439
|
fill: "#D7FF73",
|
|
1952
2440
|
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
2441
|
}
|
|
1954
2442
|
),
|
|
1955
|
-
/* @__PURE__ */
|
|
2443
|
+
/* @__PURE__ */ jsx24(
|
|
1956
2444
|
"path",
|
|
1957
2445
|
{
|
|
1958
2446
|
fill: "#0B240C",
|
|
@@ -1961,7 +2449,7 @@ var LOGOS = {
|
|
|
1961
2449
|
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
2450
|
}
|
|
1963
2451
|
),
|
|
1964
|
-
/* @__PURE__ */
|
|
2452
|
+
/* @__PURE__ */ jsx24(
|
|
1965
2453
|
"path",
|
|
1966
2454
|
{
|
|
1967
2455
|
fill: "#0B240C",
|
|
@@ -1974,15 +2462,15 @@ var LOGOS = {
|
|
|
1974
2462
|
category: "badge",
|
|
1975
2463
|
viewBox: [70, 36],
|
|
1976
2464
|
fixedColor: true,
|
|
1977
|
-
paths: /* @__PURE__ */ __name(() => /* @__PURE__ */
|
|
1978
|
-
/* @__PURE__ */
|
|
2465
|
+
paths: /* @__PURE__ */ __name(() => /* @__PURE__ */ jsxs13(Fragment8, { children: [
|
|
2466
|
+
/* @__PURE__ */ jsx24(
|
|
1979
2467
|
"path",
|
|
1980
2468
|
{
|
|
1981
2469
|
fill: "#D7FF73",
|
|
1982
2470
|
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
2471
|
}
|
|
1984
2472
|
),
|
|
1985
|
-
/* @__PURE__ */
|
|
2473
|
+
/* @__PURE__ */ jsx24(
|
|
1986
2474
|
"path",
|
|
1987
2475
|
{
|
|
1988
2476
|
fill: "#0B240C",
|
|
@@ -1991,7 +2479,7 @@ var LOGOS = {
|
|
|
1991
2479
|
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
2480
|
}
|
|
1993
2481
|
),
|
|
1994
|
-
/* @__PURE__ */
|
|
2482
|
+
/* @__PURE__ */ jsx24(
|
|
1995
2483
|
"path",
|
|
1996
2484
|
{
|
|
1997
2485
|
fill: "#0B240C",
|
|
@@ -2004,8 +2492,8 @@ var LOGOS = {
|
|
|
2004
2492
|
category: "combination",
|
|
2005
2493
|
viewBox: [276, 42],
|
|
2006
2494
|
fixedColor: false,
|
|
2007
|
-
paths: /* @__PURE__ */ __name((fill) => /* @__PURE__ */
|
|
2008
|
-
/* @__PURE__ */
|
|
2495
|
+
paths: /* @__PURE__ */ __name((fill) => /* @__PURE__ */ jsxs13(Fragment8, { children: [
|
|
2496
|
+
/* @__PURE__ */ jsx24(
|
|
2009
2497
|
"path",
|
|
2010
2498
|
{
|
|
2011
2499
|
fillRule: "evenodd",
|
|
@@ -2014,14 +2502,14 @@ var LOGOS = {
|
|
|
2014
2502
|
fill
|
|
2015
2503
|
}
|
|
2016
2504
|
),
|
|
2017
|
-
/* @__PURE__ */
|
|
2505
|
+
/* @__PURE__ */ jsx24(
|
|
2018
2506
|
"path",
|
|
2019
2507
|
{
|
|
2020
2508
|
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
2509
|
fill
|
|
2022
2510
|
}
|
|
2023
2511
|
),
|
|
2024
|
-
/* @__PURE__ */
|
|
2512
|
+
/* @__PURE__ */ jsx24(
|
|
2025
2513
|
"path",
|
|
2026
2514
|
{
|
|
2027
2515
|
fillRule: "evenodd",
|
|
@@ -2030,7 +2518,7 @@ var LOGOS = {
|
|
|
2030
2518
|
fill
|
|
2031
2519
|
}
|
|
2032
2520
|
),
|
|
2033
|
-
/* @__PURE__ */
|
|
2521
|
+
/* @__PURE__ */ jsx24(
|
|
2034
2522
|
"path",
|
|
2035
2523
|
{
|
|
2036
2524
|
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 +2531,8 @@ var LOGOS = {
|
|
|
2043
2531
|
category: "combination",
|
|
2044
2532
|
viewBox: [337, 42],
|
|
2045
2533
|
fixedColor: false,
|
|
2046
|
-
paths: /* @__PURE__ */ __name((fill) => /* @__PURE__ */
|
|
2047
|
-
/* @__PURE__ */
|
|
2534
|
+
paths: /* @__PURE__ */ __name((fill) => /* @__PURE__ */ jsxs13(Fragment8, { children: [
|
|
2535
|
+
/* @__PURE__ */ jsx24(
|
|
2048
2536
|
"path",
|
|
2049
2537
|
{
|
|
2050
2538
|
fillRule: "evenodd",
|
|
@@ -2053,14 +2541,14 @@ var LOGOS = {
|
|
|
2053
2541
|
fill
|
|
2054
2542
|
}
|
|
2055
2543
|
),
|
|
2056
|
-
/* @__PURE__ */
|
|
2544
|
+
/* @__PURE__ */ jsx24(
|
|
2057
2545
|
"path",
|
|
2058
2546
|
{
|
|
2059
2547
|
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
2548
|
fill
|
|
2061
2549
|
}
|
|
2062
2550
|
),
|
|
2063
|
-
/* @__PURE__ */
|
|
2551
|
+
/* @__PURE__ */ jsx24(
|
|
2064
2552
|
"path",
|
|
2065
2553
|
{
|
|
2066
2554
|
fillRule: "evenodd",
|
|
@@ -2069,14 +2557,14 @@ var LOGOS = {
|
|
|
2069
2557
|
fill
|
|
2070
2558
|
}
|
|
2071
2559
|
),
|
|
2072
|
-
/* @__PURE__ */
|
|
2560
|
+
/* @__PURE__ */ jsx24(
|
|
2073
2561
|
"path",
|
|
2074
2562
|
{
|
|
2075
2563
|
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
2564
|
fill
|
|
2077
2565
|
}
|
|
2078
2566
|
),
|
|
2079
|
-
/* @__PURE__ */
|
|
2567
|
+
/* @__PURE__ */ jsx24(
|
|
2080
2568
|
"path",
|
|
2081
2569
|
{
|
|
2082
2570
|
fillRule: "evenodd",
|
|
@@ -2085,7 +2573,7 @@ var LOGOS = {
|
|
|
2085
2573
|
fill
|
|
2086
2574
|
}
|
|
2087
2575
|
),
|
|
2088
|
-
/* @__PURE__ */
|
|
2576
|
+
/* @__PURE__ */ jsx24(
|
|
2089
2577
|
"path",
|
|
2090
2578
|
{
|
|
2091
2579
|
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 +2586,8 @@ var LOGOS = {
|
|
|
2098
2586
|
category: "combination",
|
|
2099
2587
|
viewBox: [284, 42],
|
|
2100
2588
|
fixedColor: false,
|
|
2101
|
-
paths: /* @__PURE__ */ __name((fill) => /* @__PURE__ */
|
|
2102
|
-
/* @__PURE__ */
|
|
2589
|
+
paths: /* @__PURE__ */ __name((fill) => /* @__PURE__ */ jsxs13(Fragment8, { children: [
|
|
2590
|
+
/* @__PURE__ */ jsx24(
|
|
2103
2591
|
"path",
|
|
2104
2592
|
{
|
|
2105
2593
|
fill,
|
|
@@ -2108,14 +2596,14 @@ var LOGOS = {
|
|
|
2108
2596
|
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
2597
|
}
|
|
2110
2598
|
),
|
|
2111
|
-
/* @__PURE__ */
|
|
2599
|
+
/* @__PURE__ */ jsx24(
|
|
2112
2600
|
"path",
|
|
2113
2601
|
{
|
|
2114
2602
|
fill,
|
|
2115
2603
|
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
2604
|
}
|
|
2117
2605
|
),
|
|
2118
|
-
/* @__PURE__ */
|
|
2606
|
+
/* @__PURE__ */ jsx24(
|
|
2119
2607
|
"path",
|
|
2120
2608
|
{
|
|
2121
2609
|
fill,
|
|
@@ -2124,7 +2612,7 @@ var LOGOS = {
|
|
|
2124
2612
|
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
2613
|
}
|
|
2126
2614
|
),
|
|
2127
|
-
/* @__PURE__ */
|
|
2615
|
+
/* @__PURE__ */ jsx24(
|
|
2128
2616
|
"path",
|
|
2129
2617
|
{
|
|
2130
2618
|
fill,
|
|
@@ -2137,17 +2625,17 @@ var LOGOS = {
|
|
|
2137
2625
|
category: "wordmark",
|
|
2138
2626
|
viewBox: [252, 36],
|
|
2139
2627
|
fixedColor: false,
|
|
2140
|
-
paths: /* @__PURE__ */ __name((fill) => /* @__PURE__ */
|
|
2141
|
-
/* @__PURE__ */
|
|
2142
|
-
/* @__PURE__ */
|
|
2628
|
+
paths: /* @__PURE__ */ __name((fill) => /* @__PURE__ */ jsxs13(Fragment8, { children: [
|
|
2629
|
+
/* @__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" }) }),
|
|
2630
|
+
/* @__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
2631
|
] }), "paths")
|
|
2144
2632
|
},
|
|
2145
2633
|
"combination-write": {
|
|
2146
2634
|
category: "combination",
|
|
2147
2635
|
viewBox: [237, 42],
|
|
2148
2636
|
fixedColor: false,
|
|
2149
|
-
paths: /* @__PURE__ */ __name((fill) => /* @__PURE__ */
|
|
2150
|
-
/* @__PURE__ */
|
|
2637
|
+
paths: /* @__PURE__ */ __name((fill) => /* @__PURE__ */ jsxs13(Fragment8, { children: [
|
|
2638
|
+
/* @__PURE__ */ jsx24(
|
|
2151
2639
|
"path",
|
|
2152
2640
|
{
|
|
2153
2641
|
fill,
|
|
@@ -2156,14 +2644,14 @@ var LOGOS = {
|
|
|
2156
2644
|
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
2645
|
}
|
|
2158
2646
|
),
|
|
2159
|
-
/* @__PURE__ */
|
|
2647
|
+
/* @__PURE__ */ jsx24(
|
|
2160
2648
|
"path",
|
|
2161
2649
|
{
|
|
2162
2650
|
fill,
|
|
2163
2651
|
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
2652
|
}
|
|
2165
2653
|
),
|
|
2166
|
-
/* @__PURE__ */
|
|
2654
|
+
/* @__PURE__ */ jsx24(
|
|
2167
2655
|
"path",
|
|
2168
2656
|
{
|
|
2169
2657
|
fill,
|
|
@@ -2175,14 +2663,14 @@ var LOGOS = {
|
|
|
2175
2663
|
};
|
|
2176
2664
|
|
|
2177
2665
|
// src/components/Logo/index.tsx
|
|
2178
|
-
import { jsx as
|
|
2666
|
+
import { jsx as jsx25 } from "react/jsx-runtime";
|
|
2179
2667
|
var Logo = /* @__PURE__ */ __name(({ name, height, fill = "brand-label-secondary", className }) => {
|
|
2180
2668
|
const def = LOGOS[name];
|
|
2181
2669
|
const [viewBoxWidth, viewBoxHeight] = def.viewBox;
|
|
2182
2670
|
const renderHeight = height ?? viewBoxHeight;
|
|
2183
2671
|
const renderWidth = viewBoxWidth / viewBoxHeight * renderHeight;
|
|
2184
2672
|
const fillColor = def.fixedColor ? "" : vars.color[fill];
|
|
2185
|
-
return /* @__PURE__ */
|
|
2673
|
+
return /* @__PURE__ */ jsx25(
|
|
2186
2674
|
"svg",
|
|
2187
2675
|
{
|
|
2188
2676
|
width: renderWidth,
|
|
@@ -2199,11 +2687,11 @@ var Logo = /* @__PURE__ */ __name(({ name, height, fill = "brand-label-secondary
|
|
|
2199
2687
|
// src/components/coach-mark/primitive/index.tsx
|
|
2200
2688
|
import * as PopoverPrimitive2 from "@radix-ui/react-popover";
|
|
2201
2689
|
import { cva as cva9 } from "cva";
|
|
2202
|
-
import
|
|
2203
|
-
import { forwardRef as
|
|
2690
|
+
import clsx19 from "clsx";
|
|
2691
|
+
import { forwardRef as forwardRef19 } from "react";
|
|
2204
2692
|
|
|
2205
2693
|
// src/components/coach-mark/primitive/style.module.scss
|
|
2206
|
-
var
|
|
2694
|
+
var style_module_default17 = {
|
|
2207
2695
|
"anchor": "_anchor_1ynpr_2",
|
|
2208
2696
|
"content": "_content_1ynpr_6",
|
|
2209
2697
|
"overlay": "_overlay_1ynpr_24",
|
|
@@ -2212,19 +2700,19 @@ var style_module_default15 = {
|
|
|
2212
2700
|
|
|
2213
2701
|
// src/components/coach-mark/primitive/index.tsx
|
|
2214
2702
|
import { IconCloseFill as IconCloseFill4 } from "@liner-fe/icon";
|
|
2215
|
-
import { jsx as
|
|
2703
|
+
import { jsx as jsx26, jsxs as jsxs14 } from "react/jsx-runtime";
|
|
2216
2704
|
var primitiveCoachMarkVariants = cva9({
|
|
2217
|
-
base:
|
|
2705
|
+
base: style_module_default17.content
|
|
2218
2706
|
});
|
|
2219
2707
|
var primitiveCoachMarkAnchorVariants = cva9({
|
|
2220
|
-
base:
|
|
2708
|
+
base: style_module_default17.anchor
|
|
2221
2709
|
});
|
|
2222
|
-
var PrimitiveCoachMarkTrigger = /* @__PURE__ */ __name(({ by }) => /* @__PURE__ */
|
|
2223
|
-
var PrimitiveCoachMarkRoot = /* @__PURE__ */ __name(({ trigger, children, ...props }) => /* @__PURE__ */
|
|
2224
|
-
/* @__PURE__ */
|
|
2710
|
+
var PrimitiveCoachMarkTrigger = /* @__PURE__ */ __name(({ by }) => /* @__PURE__ */ jsx26(PopoverPrimitive2.Trigger, { asChild: true, children: by }), "PrimitiveCoachMarkTrigger");
|
|
2711
|
+
var PrimitiveCoachMarkRoot = /* @__PURE__ */ __name(({ trigger, children, ...props }) => /* @__PURE__ */ jsxs14(PopoverPrimitive2.Root, { ...props, children: [
|
|
2712
|
+
/* @__PURE__ */ jsx26(PrimitiveCoachMarkTrigger, { by: trigger }),
|
|
2225
2713
|
children
|
|
2226
2714
|
] }), "PrimitiveCoachMarkRoot");
|
|
2227
|
-
var PrimitiveCoachMarkAnchor = /* @__PURE__ */ __name(({ className }) => /* @__PURE__ */
|
|
2715
|
+
var PrimitiveCoachMarkAnchor = /* @__PURE__ */ __name(({ className }) => /* @__PURE__ */ jsx26(
|
|
2228
2716
|
"svg",
|
|
2229
2717
|
{
|
|
2230
2718
|
className,
|
|
@@ -2233,7 +2721,7 @@ var PrimitiveCoachMarkAnchor = /* @__PURE__ */ __name(({ className }) => /* @__P
|
|
|
2233
2721
|
height: "24",
|
|
2234
2722
|
viewBox: "0 0 10 24",
|
|
2235
2723
|
fill: "none",
|
|
2236
|
-
children: /* @__PURE__ */
|
|
2724
|
+
children: /* @__PURE__ */ jsx26(
|
|
2237
2725
|
"path",
|
|
2238
2726
|
{
|
|
2239
2727
|
fillRule: "evenodd",
|
|
@@ -2244,16 +2732,16 @@ var PrimitiveCoachMarkAnchor = /* @__PURE__ */ __name(({ className }) => /* @__P
|
|
|
2244
2732
|
)
|
|
2245
2733
|
}
|
|
2246
2734
|
), "PrimitiveCoachMarkAnchor");
|
|
2247
|
-
var PrimitiveCoachMarkClose = /* @__PURE__ */ __name(({ className, onClick }) => /* @__PURE__ */
|
|
2248
|
-
var PrimitiveCoachMarkContent =
|
|
2735
|
+
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");
|
|
2736
|
+
var PrimitiveCoachMarkContent = forwardRef19(({ children, className, container, ...rest }, ref) => /* @__PURE__ */ jsx26(PopoverPrimitive2.Portal, { container, children: /* @__PURE__ */ jsxs14(
|
|
2249
2737
|
PopoverPrimitive2.Content,
|
|
2250
2738
|
{
|
|
2251
2739
|
ref,
|
|
2252
|
-
className:
|
|
2740
|
+
className: clsx19(primitiveCoachMarkVariants(), className),
|
|
2253
2741
|
...rest,
|
|
2254
2742
|
children: [
|
|
2255
2743
|
children,
|
|
2256
|
-
/* @__PURE__ */
|
|
2744
|
+
/* @__PURE__ */ jsx26(PopoverPrimitive2.Arrow, { asChild: true, children: /* @__PURE__ */ jsx26(PrimitiveCoachMarkAnchor, { className: clsx19(primitiveCoachMarkAnchorVariants()) }) })
|
|
2257
2745
|
]
|
|
2258
2746
|
}
|
|
2259
2747
|
) }));
|
|
@@ -2265,13 +2753,13 @@ var PrimitiveCoachMark = Object.assign(PrimitiveCoachMarkRoot, {
|
|
|
2265
2753
|
});
|
|
2266
2754
|
|
|
2267
2755
|
// src/components/coach-mark/compact/index.tsx
|
|
2268
|
-
import { forwardRef as
|
|
2756
|
+
import { forwardRef as forwardRef21 } from "react";
|
|
2269
2757
|
|
|
2270
2758
|
// src/components/Badge/index.tsx
|
|
2271
|
-
import { forwardRef as
|
|
2759
|
+
import { forwardRef as forwardRef20 } from "react";
|
|
2272
2760
|
|
|
2273
2761
|
// src/components/Badge/style.module.scss
|
|
2274
|
-
var
|
|
2762
|
+
var style_module_default18 = {
|
|
2275
2763
|
"badge": "_badge_f8fzb_1",
|
|
2276
2764
|
"s": "_s_f8fzb_10",
|
|
2277
2765
|
"m": "_m_f8fzb_15",
|
|
@@ -2293,8 +2781,8 @@ var style_module_default16 = {
|
|
|
2293
2781
|
|
|
2294
2782
|
// src/components/Badge/index.tsx
|
|
2295
2783
|
import { cva as cva10 } from "cva";
|
|
2296
|
-
import
|
|
2297
|
-
import { jsx as
|
|
2784
|
+
import clsx20 from "clsx";
|
|
2785
|
+
import { jsx as jsx27, jsxs as jsxs15 } from "react/jsx-runtime";
|
|
2298
2786
|
var badgeSizeIconSizeMap = {
|
|
2299
2787
|
s: "xxs",
|
|
2300
2788
|
m: "xs",
|
|
@@ -2306,20 +2794,20 @@ var badgeSizeTypoMap = {
|
|
|
2306
2794
|
l: ["lp-sys-typo-caption1-normal-regular", "lp-sys-typo-caption1-normal-medium"]
|
|
2307
2795
|
};
|
|
2308
2796
|
var badgeBase = cva10({
|
|
2309
|
-
base:
|
|
2797
|
+
base: style_module_default18.badge,
|
|
2310
2798
|
variants: {
|
|
2311
2799
|
size: {
|
|
2312
|
-
s:
|
|
2313
|
-
m:
|
|
2314
|
-
l:
|
|
2800
|
+
s: style_module_default18.s,
|
|
2801
|
+
m: style_module_default18.m,
|
|
2802
|
+
l: style_module_default18.l
|
|
2315
2803
|
}
|
|
2316
2804
|
}
|
|
2317
2805
|
});
|
|
2318
2806
|
function getBgClass(variant, color) {
|
|
2319
|
-
if (variant === "subtle") return
|
|
2320
|
-
if (variant === "outlined") return
|
|
2321
|
-
if (variant === "fill") return color === "accent" ?
|
|
2322
|
-
return
|
|
2807
|
+
if (variant === "subtle") return style_module_default18.subtle;
|
|
2808
|
+
if (variant === "outlined") return style_module_default18.outlined;
|
|
2809
|
+
if (variant === "fill") return color === "accent" ? style_module_default18["fill-accent"] : style_module_default18["fill-primary"];
|
|
2810
|
+
return style_module_default18["inverse-primary"];
|
|
2323
2811
|
}
|
|
2324
2812
|
__name(getBgClass, "getBgClass");
|
|
2325
2813
|
function getIconType(variant, color) {
|
|
@@ -2343,26 +2831,26 @@ function getIconType(variant, color) {
|
|
|
2343
2831
|
}
|
|
2344
2832
|
__name(getIconType, "getIconType");
|
|
2345
2833
|
function getTextClass(variant, color) {
|
|
2346
|
-
if (variant === "inverse") return
|
|
2834
|
+
if (variant === "inverse") return style_module_default18["text-primary-inverse"];
|
|
2347
2835
|
switch (color) {
|
|
2348
2836
|
case "neutral":
|
|
2349
|
-
return
|
|
2837
|
+
return style_module_default18["text-neutral"];
|
|
2350
2838
|
case "neutral-secondary":
|
|
2351
|
-
return
|
|
2839
|
+
return style_module_default18["text-neutral-secondary"];
|
|
2352
2840
|
case "primary":
|
|
2353
|
-
return
|
|
2841
|
+
return style_module_default18["text-primary"];
|
|
2354
2842
|
case "caution":
|
|
2355
|
-
return
|
|
2843
|
+
return style_module_default18["text-caution"];
|
|
2356
2844
|
case "error":
|
|
2357
|
-
return
|
|
2845
|
+
return style_module_default18["text-error"];
|
|
2358
2846
|
case "accent":
|
|
2359
|
-
return
|
|
2847
|
+
return style_module_default18["text-accent"];
|
|
2360
2848
|
default:
|
|
2361
|
-
return
|
|
2849
|
+
return style_module_default18["text-neutral"];
|
|
2362
2850
|
}
|
|
2363
2851
|
}
|
|
2364
2852
|
__name(getTextClass, "getTextClass");
|
|
2365
|
-
var
|
|
2853
|
+
var Badge = forwardRef20(
|
|
2366
2854
|
({
|
|
2367
2855
|
size = "s",
|
|
2368
2856
|
variant = "fill",
|
|
@@ -2378,11 +2866,11 @@ var Badge2 = forwardRef17(
|
|
|
2378
2866
|
const typoClass = badgeSizeTypoMap[size][+thick];
|
|
2379
2867
|
const resolvedVariant = variant;
|
|
2380
2868
|
const resolvedColor = color;
|
|
2381
|
-
return /* @__PURE__ */
|
|
2869
|
+
return /* @__PURE__ */ jsxs15(
|
|
2382
2870
|
"span",
|
|
2383
2871
|
{
|
|
2384
2872
|
ref,
|
|
2385
|
-
className:
|
|
2873
|
+
className: clsx20(
|
|
2386
2874
|
badgeBase({ size }),
|
|
2387
2875
|
typoClass,
|
|
2388
2876
|
getBgClass(resolvedVariant, resolvedColor),
|
|
@@ -2391,7 +2879,7 @@ var Badge2 = forwardRef17(
|
|
|
2391
2879
|
),
|
|
2392
2880
|
...rest,
|
|
2393
2881
|
children: [
|
|
2394
|
-
!!leftIcon && /* @__PURE__ */
|
|
2882
|
+
!!leftIcon && /* @__PURE__ */ jsx27(
|
|
2395
2883
|
leftIcon.icon,
|
|
2396
2884
|
{
|
|
2397
2885
|
size: iconSize,
|
|
@@ -2399,8 +2887,8 @@ var Badge2 = forwardRef17(
|
|
|
2399
2887
|
...leftIcon
|
|
2400
2888
|
}
|
|
2401
2889
|
),
|
|
2402
|
-
/* @__PURE__ */
|
|
2403
|
-
!!rightIcon && /* @__PURE__ */
|
|
2890
|
+
/* @__PURE__ */ jsx27("span", { className: style_module_default18.text, children }),
|
|
2891
|
+
!!rightIcon && /* @__PURE__ */ jsx27(
|
|
2404
2892
|
rightIcon.icon,
|
|
2405
2893
|
{
|
|
2406
2894
|
size: iconSize,
|
|
@@ -2413,10 +2901,10 @@ var Badge2 = forwardRef17(
|
|
|
2413
2901
|
);
|
|
2414
2902
|
}
|
|
2415
2903
|
);
|
|
2416
|
-
|
|
2904
|
+
Badge.displayName = "Badge";
|
|
2417
2905
|
|
|
2418
2906
|
// src/components/coach-mark/compact/style.module.scss
|
|
2419
|
-
var
|
|
2907
|
+
var style_module_default19 = {
|
|
2420
2908
|
"content": "_content_1wkpa_2",
|
|
2421
2909
|
"slideIn": "_slideIn_1wkpa_1",
|
|
2422
2910
|
"clickable": "_clickable_1wkpa_23",
|
|
@@ -2424,35 +2912,35 @@ var style_module_default17 = {
|
|
|
2424
2912
|
};
|
|
2425
2913
|
|
|
2426
2914
|
// src/components/coach-mark/compact/index.tsx
|
|
2427
|
-
import
|
|
2915
|
+
import clsx21 from "clsx";
|
|
2428
2916
|
import * as PopoverPrimitive3 from "@radix-ui/react-popover";
|
|
2429
|
-
import { jsx as
|
|
2917
|
+
import { jsx as jsx28, jsxs as jsxs16 } from "react/jsx-runtime";
|
|
2430
2918
|
var CompactCoachMarkRoot = /* @__PURE__ */ __name((props) => {
|
|
2431
|
-
return /* @__PURE__ */
|
|
2919
|
+
return /* @__PURE__ */ jsx28(PrimitiveCoachMark, { ...props });
|
|
2432
2920
|
}, "CompactCoachMarkRoot");
|
|
2433
|
-
var CompactCoachMarkContent =
|
|
2921
|
+
var CompactCoachMarkContent = forwardRef21(({ badge, title, className, side = "top", sideOffset = -15, arrowPadding, ...props }, ref) => {
|
|
2434
2922
|
const isHorizontal = side === "left" || side === "right";
|
|
2435
2923
|
const resolvedArrowPadding = isHorizontal ? arrowPadding : arrowPadding ?? 12;
|
|
2436
|
-
return /* @__PURE__ */
|
|
2924
|
+
return /* @__PURE__ */ jsx28(
|
|
2437
2925
|
PrimitiveCoachMark.Content,
|
|
2438
2926
|
{
|
|
2439
2927
|
ref,
|
|
2440
|
-
className:
|
|
2928
|
+
className: clsx21(style_module_default19.content, className),
|
|
2441
2929
|
side,
|
|
2442
2930
|
sideOffset,
|
|
2443
2931
|
arrowPadding: resolvedArrowPadding,
|
|
2444
2932
|
onPointerDownOutside: (e) => e.preventDefault(),
|
|
2445
2933
|
...props,
|
|
2446
|
-
children: /* @__PURE__ */
|
|
2447
|
-
badge && /* @__PURE__ */
|
|
2448
|
-
/* @__PURE__ */
|
|
2934
|
+
children: /* @__PURE__ */ jsxs16(PopoverPrimitive3.Close, { className: style_module_default19.clickable, children: [
|
|
2935
|
+
badge && /* @__PURE__ */ jsx28(Badge, { variant: "inverse", color: "primary", children: badge }),
|
|
2936
|
+
/* @__PURE__ */ jsx28(
|
|
2449
2937
|
Caption,
|
|
2450
2938
|
{
|
|
2451
2939
|
size: 1,
|
|
2452
2940
|
type: "normal",
|
|
2453
2941
|
weight: "bold",
|
|
2454
2942
|
color: "inverse-label-static-primary",
|
|
2455
|
-
className:
|
|
2943
|
+
className: style_module_default19.main,
|
|
2456
2944
|
children: title
|
|
2457
2945
|
}
|
|
2458
2946
|
)
|
|
@@ -2470,7 +2958,7 @@ var CompactCoachMark = Object.assign(CompactCoachMarkRoot, {
|
|
|
2470
2958
|
import * as PopoverPrimitive4 from "@radix-ui/react-popover";
|
|
2471
2959
|
|
|
2472
2960
|
// src/components/coach-mark/main/style.module.scss
|
|
2473
|
-
var
|
|
2961
|
+
var style_module_default20 = {
|
|
2474
2962
|
"content": "_content_1cmnt_2",
|
|
2475
2963
|
"slideIn": "_slideIn_1cmnt_1",
|
|
2476
2964
|
"top": "_top_1cmnt_26",
|
|
@@ -2485,24 +2973,24 @@ var style_module_default18 = {
|
|
|
2485
2973
|
|
|
2486
2974
|
// src/components/coach-mark/main/index.tsx
|
|
2487
2975
|
import {
|
|
2488
|
-
forwardRef as
|
|
2976
|
+
forwardRef as forwardRef22,
|
|
2489
2977
|
isValidElement,
|
|
2490
|
-
useEffect
|
|
2978
|
+
useEffect
|
|
2491
2979
|
} from "react";
|
|
2492
2980
|
import { IconClose } from "@liner-fe/icon";
|
|
2493
|
-
import
|
|
2494
|
-
import { jsx as
|
|
2981
|
+
import clsx22 from "clsx";
|
|
2982
|
+
import { jsx as jsx29, jsxs as jsxs17 } from "react/jsx-runtime";
|
|
2495
2983
|
var CoachMarkRoot = /* @__PURE__ */ __name((props) => {
|
|
2496
2984
|
const { children } = props;
|
|
2497
|
-
|
|
2985
|
+
useEffect(() => {
|
|
2498
2986
|
if (isValidElement(children) && children.props.preloadSrc) {
|
|
2499
2987
|
const img = new Image();
|
|
2500
2988
|
img.src = children.props.preloadSrc;
|
|
2501
2989
|
}
|
|
2502
2990
|
}, []);
|
|
2503
|
-
return /* @__PURE__ */
|
|
2991
|
+
return /* @__PURE__ */ jsx29(PrimitiveCoachMark, { ...props });
|
|
2504
2992
|
}, "CoachMarkRoot");
|
|
2505
|
-
var CoachMarkContent =
|
|
2993
|
+
var CoachMarkContent = forwardRef22(
|
|
2506
2994
|
({
|
|
2507
2995
|
side = "top",
|
|
2508
2996
|
sideOffset = -15,
|
|
@@ -2519,54 +3007,54 @@ var CoachMarkContent = forwardRef19(
|
|
|
2519
3007
|
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
2520
3008
|
preloadSrc,
|
|
2521
3009
|
...rest
|
|
2522
|
-
}, ref) => /* @__PURE__ */
|
|
3010
|
+
}, ref) => /* @__PURE__ */ jsxs17(
|
|
2523
3011
|
PrimitiveCoachMark.Content,
|
|
2524
3012
|
{
|
|
2525
3013
|
ref,
|
|
2526
|
-
className:
|
|
3014
|
+
className: clsx22(style_module_default20.content, className),
|
|
2527
3015
|
side,
|
|
2528
3016
|
sideOffset,
|
|
2529
3017
|
arrowPadding,
|
|
2530
3018
|
onPointerDownOutside: (e) => e.preventDefault(),
|
|
2531
3019
|
...rest,
|
|
2532
3020
|
children: [
|
|
2533
|
-
onClose && /* @__PURE__ */
|
|
3021
|
+
onClose && /* @__PURE__ */ jsx29(PopoverPrimitive4.Close, { asChild: true, children: /* @__PURE__ */ jsx29(
|
|
2534
3022
|
IconButton,
|
|
2535
3023
|
{
|
|
2536
3024
|
icon: { icon: IconClose },
|
|
2537
3025
|
size: "s",
|
|
2538
3026
|
level: "inverse-static",
|
|
2539
|
-
className:
|
|
3027
|
+
className: style_module_default20.closeButton,
|
|
2540
3028
|
onClick: onClose
|
|
2541
3029
|
}
|
|
2542
3030
|
) }),
|
|
2543
|
-
/* @__PURE__ */
|
|
2544
|
-
/* @__PURE__ */
|
|
2545
|
-
badge && /* @__PURE__ */
|
|
2546
|
-
/* @__PURE__ */
|
|
3031
|
+
/* @__PURE__ */ jsx29("header", { className: style_module_default20.top, children: /* @__PURE__ */ jsxs17("div", { className: style_module_default20.main, children: [
|
|
3032
|
+
/* @__PURE__ */ jsxs17("div", { className: style_module_default20.title, children: [
|
|
3033
|
+
badge && /* @__PURE__ */ jsx29(Badge, { variant: "inverse", color: "primary", children: badge }),
|
|
3034
|
+
/* @__PURE__ */ jsx29(Paragraph, { size: 4, type: "normal", weight: "bold", color: "inverse-label-static-primary", children: title })
|
|
2547
3035
|
] }),
|
|
2548
|
-
media && /* @__PURE__ */
|
|
2549
|
-
description && /* @__PURE__ */
|
|
3036
|
+
media && /* @__PURE__ */ jsx29("div", { className: style_module_default20.media, children: media }),
|
|
3037
|
+
description && /* @__PURE__ */ jsx29(
|
|
2550
3038
|
Caption,
|
|
2551
3039
|
{
|
|
2552
3040
|
size: 1,
|
|
2553
3041
|
type: "normal",
|
|
2554
3042
|
weight: "regular",
|
|
2555
3043
|
color: "inverse-label-static-primary",
|
|
2556
|
-
className:
|
|
3044
|
+
className: style_module_default20.description,
|
|
2557
3045
|
children: description
|
|
2558
3046
|
}
|
|
2559
3047
|
)
|
|
2560
3048
|
] }) }),
|
|
2561
|
-
/* @__PURE__ */
|
|
2562
|
-
step ? /* @__PURE__ */
|
|
3049
|
+
/* @__PURE__ */ jsxs17("footer", { className: style_module_default20.footer, children: [
|
|
3050
|
+
step ? /* @__PURE__ */ jsxs17(Caption, { size: 3, type: "normal", weight: "regular", color: "inverse-label-static-secondary", children: [
|
|
2563
3051
|
step.current,
|
|
2564
3052
|
" / ",
|
|
2565
3053
|
step.total
|
|
2566
|
-
] }) : /* @__PURE__ */
|
|
2567
|
-
/* @__PURE__ */
|
|
2568
|
-
secondaryButton && /* @__PURE__ */
|
|
2569
|
-
primaryButton && /* @__PURE__ */
|
|
3054
|
+
] }) : /* @__PURE__ */ jsx29("div", { className: style_module_default20.empty }),
|
|
3055
|
+
/* @__PURE__ */ jsxs17("div", { className: style_module_default20.buttonGroup, children: [
|
|
3056
|
+
secondaryButton && /* @__PURE__ */ jsx29(Button, { size: "m", level: "inverse-static", ...secondaryButton }),
|
|
3057
|
+
primaryButton && /* @__PURE__ */ jsx29(Button, { size: "m", level: "primary", ...primaryButton })
|
|
2570
3058
|
] })
|
|
2571
3059
|
] })
|
|
2572
3060
|
]
|
|
@@ -2580,10 +3068,10 @@ var CoachMark = Object.assign(CoachMarkRoot, {
|
|
|
2580
3068
|
});
|
|
2581
3069
|
|
|
2582
3070
|
// src/components/Tag/index.tsx
|
|
2583
|
-
import { forwardRef as
|
|
3071
|
+
import { forwardRef as forwardRef23 } from "react";
|
|
2584
3072
|
|
|
2585
3073
|
// src/components/Tag/style.module.scss
|
|
2586
|
-
var
|
|
3074
|
+
var style_module_default21 = {
|
|
2587
3075
|
"tag": "_tag_b57yu_2",
|
|
2588
3076
|
"s": "_s_b57yu_12",
|
|
2589
3077
|
"m": "_m_b57yu_17",
|
|
@@ -2726,27 +3214,27 @@ var colorOptions = [
|
|
|
2726
3214
|
|
|
2727
3215
|
// src/components/Tag/index.tsx
|
|
2728
3216
|
import { cva as cva11 } from "cva";
|
|
2729
|
-
import
|
|
2730
|
-
import { jsx as
|
|
3217
|
+
import clsx23 from "clsx";
|
|
3218
|
+
import { jsx as jsx30 } from "react/jsx-runtime";
|
|
2731
3219
|
var tagVariants = cva11({
|
|
2732
|
-
base:
|
|
3220
|
+
base: style_module_default21.tag,
|
|
2733
3221
|
variants: {
|
|
2734
|
-
borderColor: arrayToStyleObject(colorOptions,
|
|
3222
|
+
borderColor: arrayToStyleObject(colorOptions, style_module_default21, "border"),
|
|
2735
3223
|
size: {
|
|
2736
|
-
s:
|
|
2737
|
-
m:
|
|
2738
|
-
l:
|
|
3224
|
+
s: style_module_default21.s,
|
|
3225
|
+
m: style_module_default21.m,
|
|
3226
|
+
l: style_module_default21.l
|
|
2739
3227
|
},
|
|
2740
3228
|
thick: {
|
|
2741
|
-
true:
|
|
3229
|
+
true: style_module_default21.thick
|
|
2742
3230
|
},
|
|
2743
3231
|
radius: {
|
|
2744
|
-
square:
|
|
2745
|
-
rounded:
|
|
3232
|
+
square: style_module_default21.square,
|
|
3233
|
+
rounded: style_module_default21.rounded
|
|
2746
3234
|
}
|
|
2747
3235
|
}
|
|
2748
3236
|
});
|
|
2749
|
-
var Tag =
|
|
3237
|
+
var Tag = forwardRef23(
|
|
2750
3238
|
({
|
|
2751
3239
|
children,
|
|
2752
3240
|
color = "neutral-label-static-primary",
|
|
@@ -2758,14 +3246,14 @@ var Tag = forwardRef20(
|
|
|
2758
3246
|
className,
|
|
2759
3247
|
...rest
|
|
2760
3248
|
}, ref) => {
|
|
2761
|
-
return /* @__PURE__ */
|
|
3249
|
+
return /* @__PURE__ */ jsx30(
|
|
2762
3250
|
Caption,
|
|
2763
3251
|
{
|
|
2764
3252
|
ref,
|
|
2765
3253
|
size: 3,
|
|
2766
3254
|
type: "normal",
|
|
2767
3255
|
weight: "bold",
|
|
2768
|
-
className:
|
|
3256
|
+
className: clsx23(tagVariants({ borderColor, size, thick, radius }), className),
|
|
2769
3257
|
color,
|
|
2770
3258
|
style: { backgroundColor: `var(--${backgroundColor})`, ...rest.style },
|
|
2771
3259
|
...rest,
|
|
@@ -2776,16 +3264,16 @@ var Tag = forwardRef20(
|
|
|
2776
3264
|
);
|
|
2777
3265
|
|
|
2778
3266
|
// src/components/Avatar/index.tsx
|
|
2779
|
-
import { forwardRef as
|
|
3267
|
+
import { forwardRef as forwardRef24 } from "react";
|
|
2780
3268
|
import { Avatar as RadixAvatar } from "radix-ui";
|
|
2781
3269
|
import { cva as cva12 } from "cva";
|
|
2782
|
-
import
|
|
3270
|
+
import clsx24 from "clsx";
|
|
2783
3271
|
|
|
2784
3272
|
// src/components/Avatar/fallbackImage.ts
|
|
2785
3273
|
var FALLBACK_IMAGE_SRC = "https://assets.getliner.com/web/prism/fallback-profile.webp";
|
|
2786
3274
|
|
|
2787
3275
|
// src/components/Avatar/style.module.scss
|
|
2788
|
-
var
|
|
3276
|
+
var style_module_default22 = {
|
|
2789
3277
|
"avatar": "_avatar_1tgi1_1",
|
|
2790
3278
|
"small": "_small_1tgi1_12",
|
|
2791
3279
|
"medium": "_medium_1tgi1_17",
|
|
@@ -2795,33 +3283,33 @@ var style_module_default20 = {
|
|
|
2795
3283
|
};
|
|
2796
3284
|
|
|
2797
3285
|
// src/components/Avatar/index.tsx
|
|
2798
|
-
import { jsx as
|
|
3286
|
+
import { jsx as jsx31, jsxs as jsxs18 } from "react/jsx-runtime";
|
|
2799
3287
|
var avatarBase = cva12({
|
|
2800
|
-
base:
|
|
3288
|
+
base: style_module_default22.avatar,
|
|
2801
3289
|
variants: {
|
|
2802
3290
|
size: {
|
|
2803
|
-
small:
|
|
2804
|
-
medium:
|
|
2805
|
-
xlarge:
|
|
3291
|
+
small: style_module_default22.small,
|
|
3292
|
+
medium: style_module_default22.medium,
|
|
3293
|
+
xlarge: style_module_default22.xlarge
|
|
2806
3294
|
}
|
|
2807
3295
|
}
|
|
2808
3296
|
});
|
|
2809
|
-
var Avatar =
|
|
3297
|
+
var Avatar = forwardRef24(
|
|
2810
3298
|
({ size = "medium", src, alt, className, onLoadingStatusChange, ...rest }, ref) => {
|
|
2811
|
-
return /* @__PURE__ */
|
|
2812
|
-
src ? /* @__PURE__ */
|
|
3299
|
+
return /* @__PURE__ */ jsxs18(RadixAvatar.Root, { ref, className: clsx24(avatarBase({ size }), className), ...rest, children: [
|
|
3300
|
+
src ? /* @__PURE__ */ jsx31(
|
|
2813
3301
|
RadixAvatar.Image,
|
|
2814
3302
|
{
|
|
2815
|
-
className:
|
|
3303
|
+
className: style_module_default22.image,
|
|
2816
3304
|
src,
|
|
2817
3305
|
alt,
|
|
2818
3306
|
onLoadingStatusChange
|
|
2819
3307
|
}
|
|
2820
3308
|
) : null,
|
|
2821
|
-
/* @__PURE__ */
|
|
3309
|
+
/* @__PURE__ */ jsx31(RadixAvatar.Fallback, { className: style_module_default22.fallback, children: /* @__PURE__ */ jsx31(
|
|
2822
3310
|
"img",
|
|
2823
3311
|
{
|
|
2824
|
-
className:
|
|
3312
|
+
className: style_module_default22.image,
|
|
2825
3313
|
src: FALLBACK_IMAGE_SRC,
|
|
2826
3314
|
alt,
|
|
2827
3315
|
"aria-hidden": alt ? void 0 : true
|
|
@@ -2834,11 +3322,11 @@ Avatar.displayName = "Avatar";
|
|
|
2834
3322
|
|
|
2835
3323
|
// src/components/AlertDialog/index.tsx
|
|
2836
3324
|
import { AlertDialog as AlertDialogPrimitive } from "radix-ui";
|
|
2837
|
-
import { clsx as
|
|
3325
|
+
import { clsx as clsx25 } from "clsx";
|
|
2838
3326
|
import { cva as cva13 } from "cva";
|
|
2839
3327
|
|
|
2840
3328
|
// src/components/AlertDialog/style.module.scss
|
|
2841
|
-
var
|
|
3329
|
+
var style_module_default23 = {
|
|
2842
3330
|
"overlay": "_overlay_6ipeu_20",
|
|
2843
3331
|
"overlayShow": "_overlayShow_6ipeu_1",
|
|
2844
3332
|
"content": "_content_6ipeu_30",
|
|
@@ -2850,13 +3338,13 @@ var style_module_default21 = {
|
|
|
2850
3338
|
};
|
|
2851
3339
|
|
|
2852
3340
|
// src/components/AlertDialog/index.tsx
|
|
2853
|
-
import { jsx as
|
|
2854
|
-
var titleVariants = cva13({ base: [
|
|
3341
|
+
import { jsx as jsx32, jsxs as jsxs19 } from "react/jsx-runtime";
|
|
3342
|
+
var titleVariants = cva13({ base: [style_module_default23.title, "lp-sys-typo-title4-accent-bold"] });
|
|
2855
3343
|
var descriptionVariants = cva13({
|
|
2856
|
-
base: [
|
|
3344
|
+
base: [style_module_default23.description, "lp-sys-typo-paragraph2-post-regular"]
|
|
2857
3345
|
});
|
|
2858
|
-
var AlertDialogRoot = /* @__PURE__ */ __name((props) => /* @__PURE__ */
|
|
2859
|
-
var AlertDialogTrigger = /* @__PURE__ */ __name(({ by }) => /* @__PURE__ */
|
|
3346
|
+
var AlertDialogRoot = /* @__PURE__ */ __name((props) => /* @__PURE__ */ jsx32(AlertDialogPrimitive.Root, { ...props }), "AlertDialogRoot");
|
|
3347
|
+
var AlertDialogTrigger = /* @__PURE__ */ __name(({ by }) => /* @__PURE__ */ jsx32(AlertDialogPrimitive.Trigger, { asChild: true, children: by }), "AlertDialogTrigger");
|
|
2860
3348
|
var AlertDialogContent = /* @__PURE__ */ __name(({
|
|
2861
3349
|
title,
|
|
2862
3350
|
description,
|
|
@@ -2868,24 +3356,24 @@ var AlertDialogContent = /* @__PURE__ */ __name(({
|
|
|
2868
3356
|
ref,
|
|
2869
3357
|
...props
|
|
2870
3358
|
}) => {
|
|
2871
|
-
return /* @__PURE__ */
|
|
2872
|
-
/* @__PURE__ */
|
|
2873
|
-
/* @__PURE__ */
|
|
3359
|
+
return /* @__PURE__ */ jsxs19(AlertDialogPrimitive.Portal, { container, children: [
|
|
3360
|
+
/* @__PURE__ */ jsx32(AlertDialogPrimitive.Overlay, { className: style_module_default23.overlay }),
|
|
3361
|
+
/* @__PURE__ */ jsxs19(
|
|
2874
3362
|
AlertDialogPrimitive.Content,
|
|
2875
3363
|
{
|
|
2876
3364
|
ref,
|
|
2877
|
-
className:
|
|
3365
|
+
className: clsx25(style_module_default23.content, className),
|
|
2878
3366
|
onEscapeKeyDown: (event) => event.preventDefault(),
|
|
2879
3367
|
...props,
|
|
2880
3368
|
children: [
|
|
2881
|
-
/* @__PURE__ */
|
|
2882
|
-
title && /* @__PURE__ */
|
|
2883
|
-
/* @__PURE__ */
|
|
3369
|
+
/* @__PURE__ */ jsxs19("div", { className: style_module_default23.contents, children: [
|
|
3370
|
+
title && /* @__PURE__ */ jsx32(AlertDialogPrimitive.Title, { className: titleVariants(), children: title }),
|
|
3371
|
+
/* @__PURE__ */ jsx32(AlertDialogPrimitive.Description, { className: descriptionVariants(), children: description })
|
|
2884
3372
|
] }),
|
|
2885
3373
|
children,
|
|
2886
|
-
/* @__PURE__ */
|
|
2887
|
-
/* @__PURE__ */
|
|
2888
|
-
/* @__PURE__ */
|
|
3374
|
+
/* @__PURE__ */ jsxs19("div", { className: style_module_default23.actions, children: [
|
|
3375
|
+
/* @__PURE__ */ jsx32(AlertDialogPrimitive.Cancel, { asChild: true, children: /* @__PURE__ */ jsx32(Button, { level: "tertiary", size: "l", onClick: dismiss.onClick, children: dismiss.label }) }),
|
|
3376
|
+
/* @__PURE__ */ jsx32(AlertDialogPrimitive.Action, { asChild: true, children: /* @__PURE__ */ jsx32(Button, { level: confirm.level ?? "primary", size: "l", onClick: confirm.onClick, children: confirm.label }) })
|
|
2889
3377
|
] })
|
|
2890
3378
|
]
|
|
2891
3379
|
}
|
|
@@ -2899,7 +3387,7 @@ var AlertDialog = Object.assign(AlertDialogRoot, {
|
|
|
2899
3387
|
|
|
2900
3388
|
// src/components/Dialog/index.tsx
|
|
2901
3389
|
import { Dialog as DialogPrimitive3 } from "radix-ui";
|
|
2902
|
-
import { clsx as
|
|
3390
|
+
import { clsx as clsx26 } from "clsx";
|
|
2903
3391
|
import { IconClose as IconClose2 } from "@liner-fe/icon";
|
|
2904
3392
|
|
|
2905
3393
|
// src/components/Dialog/Header.tsx
|
|
@@ -2907,7 +3395,7 @@ import { Dialog as DialogPrimitive } from "radix-ui";
|
|
|
2907
3395
|
import { cva as cva14 } from "cva";
|
|
2908
3396
|
|
|
2909
3397
|
// src/components/Dialog/style.module.scss
|
|
2910
|
-
var
|
|
3398
|
+
var style_module_default24 = {
|
|
2911
3399
|
"overlay": "_overlay_424hi_20",
|
|
2912
3400
|
"overlayShow": "_overlayShow_424hi_1",
|
|
2913
3401
|
"content": "_content_424hi_30",
|
|
@@ -2924,36 +3412,36 @@ var style_module_default22 = {
|
|
|
2924
3412
|
};
|
|
2925
3413
|
|
|
2926
3414
|
// src/components/Dialog/Header.tsx
|
|
2927
|
-
import { jsx as
|
|
2928
|
-
var titleVariants2 = cva14({ base: [
|
|
3415
|
+
import { jsx as jsx33, jsxs as jsxs20 } from "react/jsx-runtime";
|
|
3416
|
+
var titleVariants2 = cva14({ base: [style_module_default24.title, "lp-sys-typo-title4-accent-bold"] });
|
|
2929
3417
|
var descriptionVariants2 = cva14({
|
|
2930
|
-
base: [
|
|
3418
|
+
base: [style_module_default24.description, "lp-sys-typo-paragraph2-post-regular"]
|
|
2931
3419
|
});
|
|
2932
|
-
var DialogHeader = /* @__PURE__ */ __name(({ title, description }) => /* @__PURE__ */
|
|
2933
|
-
/* @__PURE__ */
|
|
2934
|
-
description && /* @__PURE__ */
|
|
3420
|
+
var DialogHeader = /* @__PURE__ */ __name(({ title, description }) => /* @__PURE__ */ jsxs20("div", { className: style_module_default24.header, children: [
|
|
3421
|
+
/* @__PURE__ */ jsx33(DialogPrimitive.Title, { className: titleVariants2(), children: title }),
|
|
3422
|
+
description && /* @__PURE__ */ jsx33(DialogPrimitive.Description, { className: descriptionVariants2(), children: description })
|
|
2935
3423
|
] }), "DialogHeader");
|
|
2936
3424
|
|
|
2937
3425
|
// src/components/Dialog/Footer.tsx
|
|
2938
3426
|
import { Dialog as DialogPrimitive2 } from "radix-ui";
|
|
2939
|
-
import { jsx as
|
|
3427
|
+
import { jsx as jsx34, jsxs as jsxs21 } from "react/jsx-runtime";
|
|
2940
3428
|
var DialogFooter = /* @__PURE__ */ __name(({ dismiss, confirm, extra }) => {
|
|
2941
3429
|
const hasActions = Boolean(dismiss || confirm);
|
|
2942
3430
|
const hasFooter = hasActions || Boolean(extra);
|
|
2943
3431
|
if (!hasFooter) return null;
|
|
2944
|
-
return /* @__PURE__ */
|
|
2945
|
-
hasActions && /* @__PURE__ */
|
|
2946
|
-
dismiss && /* @__PURE__ */
|
|
2947
|
-
confirm && /* @__PURE__ */
|
|
3432
|
+
return /* @__PURE__ */ jsxs21("div", { className: style_module_default24.footer, children: [
|
|
3433
|
+
hasActions && /* @__PURE__ */ jsxs21("div", { className: style_module_default24.actions, children: [
|
|
3434
|
+
dismiss && /* @__PURE__ */ jsx34(DialogPrimitive2.Close, { asChild: true, children: /* @__PURE__ */ jsx34(Button, { level: "tertiary", size: "cta", onClick: dismiss.onClick, children: dismiss.label }) }),
|
|
3435
|
+
confirm && /* @__PURE__ */ jsx34(DialogPrimitive2.Close, { asChild: true, children: /* @__PURE__ */ jsx34(Button, { level: confirm.level ?? "primary", size: "cta", onClick: confirm.onClick, children: confirm.label }) })
|
|
2948
3436
|
] }),
|
|
2949
|
-
extra && /* @__PURE__ */
|
|
3437
|
+
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
3438
|
] });
|
|
2951
3439
|
}, "DialogFooter");
|
|
2952
3440
|
|
|
2953
3441
|
// src/components/Dialog/index.tsx
|
|
2954
|
-
import { jsx as
|
|
2955
|
-
var DialogRoot = /* @__PURE__ */ __name((props) => /* @__PURE__ */
|
|
2956
|
-
var DialogTrigger = /* @__PURE__ */ __name(({ by }) => /* @__PURE__ */
|
|
3442
|
+
import { jsx as jsx35, jsxs as jsxs22 } from "react/jsx-runtime";
|
|
3443
|
+
var DialogRoot = /* @__PURE__ */ __name((props) => /* @__PURE__ */ jsx35(DialogPrimitive3.Root, { ...props }), "DialogRoot");
|
|
3444
|
+
var DialogTrigger = /* @__PURE__ */ __name(({ by }) => /* @__PURE__ */ jsx35(DialogPrimitive3.Trigger, { asChild: true, children: by }), "DialogTrigger");
|
|
2957
3445
|
var DialogContent = /* @__PURE__ */ __name(({
|
|
2958
3446
|
illust,
|
|
2959
3447
|
title,
|
|
@@ -2968,23 +3456,23 @@ var DialogContent = /* @__PURE__ */ __name(({
|
|
|
2968
3456
|
ref,
|
|
2969
3457
|
...props
|
|
2970
3458
|
}) => {
|
|
2971
|
-
return /* @__PURE__ */
|
|
2972
|
-
/* @__PURE__ */
|
|
2973
|
-
/* @__PURE__ */
|
|
2974
|
-
showClose && /* @__PURE__ */
|
|
3459
|
+
return /* @__PURE__ */ jsxs22(DialogPrimitive3.Portal, { container, children: [
|
|
3460
|
+
/* @__PURE__ */ jsx35(DialogPrimitive3.Overlay, { className: style_module_default24.overlay }),
|
|
3461
|
+
/* @__PURE__ */ jsxs22(DialogPrimitive3.Content, { ref, className: clsx26(style_module_default24.content, className), ...props, children: [
|
|
3462
|
+
showClose && /* @__PURE__ */ jsx35(DialogPrimitive3.Close, { asChild: true, children: /* @__PURE__ */ jsx35(
|
|
2975
3463
|
IconButton,
|
|
2976
3464
|
{
|
|
2977
|
-
className:
|
|
3465
|
+
className: style_module_default24.close,
|
|
2978
3466
|
"aria-label": "\uB2EB\uAE30",
|
|
2979
3467
|
level: "quinary",
|
|
2980
3468
|
size: "m",
|
|
2981
3469
|
icon: { icon: IconClose2, type: "neutral-label-secondary" }
|
|
2982
3470
|
}
|
|
2983
3471
|
) }),
|
|
2984
|
-
illust && /* @__PURE__ */
|
|
2985
|
-
/* @__PURE__ */
|
|
2986
|
-
children && /* @__PURE__ */
|
|
2987
|
-
/* @__PURE__ */
|
|
3472
|
+
illust && /* @__PURE__ */ jsx35("div", { className: style_module_default24.illust, children: illust }),
|
|
3473
|
+
/* @__PURE__ */ jsx35(DialogHeader, { title, description }),
|
|
3474
|
+
children && /* @__PURE__ */ jsx35("div", { className: style_module_default24.body, children }),
|
|
3475
|
+
/* @__PURE__ */ jsx35(DialogFooter, { dismiss, confirm, extra })
|
|
2988
3476
|
] })
|
|
2989
3477
|
] });
|
|
2990
3478
|
}, "DialogContent");
|
|
@@ -2996,14 +3484,14 @@ var Dialog = Object.assign(DialogRoot, {
|
|
|
2996
3484
|
// src/components/BottomSheet/index.tsx
|
|
2997
3485
|
import * as React4 from "react";
|
|
2998
3486
|
import { Drawer as Drawer3 } from "vaul";
|
|
2999
|
-
import { clsx as
|
|
3487
|
+
import { clsx as clsx27 } from "clsx";
|
|
3000
3488
|
|
|
3001
3489
|
// src/components/BottomSheet/Header.tsx
|
|
3002
3490
|
import { Drawer } from "vaul";
|
|
3003
3491
|
import { cva as cva15 } from "cva";
|
|
3004
3492
|
|
|
3005
3493
|
// src/components/BottomSheet/style.module.scss
|
|
3006
|
-
var
|
|
3494
|
+
var style_module_default25 = {
|
|
3007
3495
|
"overlay": "_overlay_ifftf_2",
|
|
3008
3496
|
"content": "_content_ifftf_9",
|
|
3009
3497
|
"inner": "_inner_ifftf_18",
|
|
@@ -3019,47 +3507,47 @@ var style_module_default23 = {
|
|
|
3019
3507
|
};
|
|
3020
3508
|
|
|
3021
3509
|
// src/components/BottomSheet/Header.tsx
|
|
3022
|
-
import { jsx as
|
|
3023
|
-
var titleVariants3 = cva15({ base: [
|
|
3510
|
+
import { jsx as jsx36, jsxs as jsxs23 } from "react/jsx-runtime";
|
|
3511
|
+
var titleVariants3 = cva15({ base: [style_module_default25.title, "lp-sys-typo-title4-accent-bold"] });
|
|
3024
3512
|
var descriptionVariants3 = cva15({
|
|
3025
|
-
base: [
|
|
3513
|
+
base: [style_module_default25.description, "lp-sys-typo-paragraph2-post-regular"]
|
|
3026
3514
|
});
|
|
3027
|
-
var BottomSheetHeader = /* @__PURE__ */ __name(({ title, description }) => /* @__PURE__ */
|
|
3028
|
-
/* @__PURE__ */
|
|
3029
|
-
description && /* @__PURE__ */
|
|
3515
|
+
var BottomSheetHeader = /* @__PURE__ */ __name(({ title, description }) => /* @__PURE__ */ jsxs23("div", { className: style_module_default25.header, children: [
|
|
3516
|
+
/* @__PURE__ */ jsx36(Drawer.Title, { className: titleVariants3(), children: title }),
|
|
3517
|
+
description && /* @__PURE__ */ jsx36(Drawer.Description, { className: descriptionVariants3(), children: description })
|
|
3030
3518
|
] }), "BottomSheetHeader");
|
|
3031
3519
|
|
|
3032
3520
|
// src/components/BottomSheet/Footer.tsx
|
|
3033
3521
|
import { Drawer as Drawer2 } from "vaul";
|
|
3034
|
-
import { jsx as
|
|
3522
|
+
import { jsx as jsx37, jsxs as jsxs24 } from "react/jsx-runtime";
|
|
3035
3523
|
var BottomSheetFooter = /* @__PURE__ */ __name(({ dismiss, confirm, extra }) => {
|
|
3036
3524
|
const hasActions = Boolean(dismiss || confirm);
|
|
3037
3525
|
const hasFooter = hasActions || Boolean(extra);
|
|
3038
3526
|
if (!hasFooter) return null;
|
|
3039
|
-
return /* @__PURE__ */
|
|
3040
|
-
hasActions && /* @__PURE__ */
|
|
3041
|
-
dismiss && /* @__PURE__ */
|
|
3042
|
-
confirm && /* @__PURE__ */
|
|
3527
|
+
return /* @__PURE__ */ jsxs24("div", { className: style_module_default25.footer, children: [
|
|
3528
|
+
hasActions && /* @__PURE__ */ jsxs24("div", { className: style_module_default25.actions, children: [
|
|
3529
|
+
dismiss && /* @__PURE__ */ jsx37(Drawer2.Close, { asChild: true, children: /* @__PURE__ */ jsx37(Button, { level: "tertiary", size: "l", onClick: dismiss.onClick, children: dismiss.label }) }),
|
|
3530
|
+
confirm && /* @__PURE__ */ jsx37(Drawer2.Close, { asChild: true, children: /* @__PURE__ */ jsx37(Button, { level: confirm.level ?? "primary", size: "l", onClick: confirm.onClick, children: confirm.label }) })
|
|
3043
3531
|
] }),
|
|
3044
|
-
extra && /* @__PURE__ */
|
|
3532
|
+
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
3533
|
] });
|
|
3046
3534
|
}, "BottomSheetFooter");
|
|
3047
3535
|
|
|
3048
3536
|
// src/components/BottomSheet/index.tsx
|
|
3049
|
-
import { jsx as
|
|
3537
|
+
import { jsx as jsx38, jsxs as jsxs25 } from "react/jsx-runtime";
|
|
3050
3538
|
var SNAP_POINTS = [0.5, 1];
|
|
3051
3539
|
var BottomSheetContext = React4.createContext({
|
|
3052
3540
|
mode: "auto"
|
|
3053
3541
|
});
|
|
3054
3542
|
var BottomSheetRoot = /* @__PURE__ */ __name(({ mode = "auto", children, ...props }) => {
|
|
3055
3543
|
const value = React4.useMemo(() => ({ mode }), [mode]);
|
|
3056
|
-
return /* @__PURE__ */
|
|
3544
|
+
return /* @__PURE__ */ jsx38(BottomSheetContext.Provider, { value, children: mode === "snap" ? /* @__PURE__ */ jsx38(Drawer3.Root, { snapPoints: SNAP_POINTS, fadeFromIndex: SNAP_POINTS.length - 1, ...props, children }) : (
|
|
3057
3545
|
// auto: handle이 없으므로 handleOnly로 드래그 닫기를 막고, overlay·ESC 닫기는 Content에서 막는다.
|
|
3058
3546
|
// dismissible은 유지(false면 vaul이 Drawer.Close까지 막는다) → footer 액션 버튼으로만 닫힌다.
|
|
3059
|
-
/* @__PURE__ */
|
|
3547
|
+
/* @__PURE__ */ jsx38(Drawer3.Root, { handleOnly: true, ...props, children })
|
|
3060
3548
|
) });
|
|
3061
3549
|
}, "BottomSheetRoot");
|
|
3062
|
-
var BottomSheetTrigger = /* @__PURE__ */ __name(({ by }) => /* @__PURE__ */
|
|
3550
|
+
var BottomSheetTrigger = /* @__PURE__ */ __name(({ by }) => /* @__PURE__ */ jsx38(Drawer3.Trigger, { asChild: true, children: by }), "BottomSheetTrigger");
|
|
3063
3551
|
var BottomSheetContent = /* @__PURE__ */ __name(({
|
|
3064
3552
|
illust,
|
|
3065
3553
|
title,
|
|
@@ -3081,23 +3569,23 @@ var BottomSheetContent = /* @__PURE__ */ __name(({
|
|
|
3081
3569
|
onEscapeKeyDown: /* @__PURE__ */ __name((e) => e.preventDefault(), "onEscapeKeyDown"),
|
|
3082
3570
|
onInteractOutside: /* @__PURE__ */ __name((e) => e.preventDefault(), "onInteractOutside")
|
|
3083
3571
|
} : {};
|
|
3084
|
-
return /* @__PURE__ */
|
|
3085
|
-
/* @__PURE__ */
|
|
3086
|
-
/* @__PURE__ */
|
|
3572
|
+
return /* @__PURE__ */ jsxs25(Drawer3.Portal, { container, children: [
|
|
3573
|
+
/* @__PURE__ */ jsx38(Drawer3.Overlay, { className: style_module_default25.overlay }),
|
|
3574
|
+
/* @__PURE__ */ jsx38(
|
|
3087
3575
|
Drawer3.Content,
|
|
3088
3576
|
{
|
|
3089
3577
|
ref,
|
|
3090
3578
|
"data-mode": mode,
|
|
3091
|
-
className:
|
|
3579
|
+
className: clsx27(style_module_default25.content, className),
|
|
3092
3580
|
style: styleProp,
|
|
3093
3581
|
...autoCloseGuards,
|
|
3094
3582
|
...props,
|
|
3095
|
-
children: /* @__PURE__ */
|
|
3096
|
-
resolvedShowHandle && /* @__PURE__ */
|
|
3097
|
-
illust && /* @__PURE__ */
|
|
3098
|
-
/* @__PURE__ */
|
|
3099
|
-
children && /* @__PURE__ */
|
|
3100
|
-
/* @__PURE__ */
|
|
3583
|
+
children: /* @__PURE__ */ jsxs25("div", { className: style_module_default25.inner, children: [
|
|
3584
|
+
resolvedShowHandle && /* @__PURE__ */ jsx38(Drawer3.Handle, { className: style_module_default25.handle }),
|
|
3585
|
+
illust && /* @__PURE__ */ jsx38("div", { className: style_module_default25.illust, children: illust }),
|
|
3586
|
+
/* @__PURE__ */ jsx38(BottomSheetHeader, { title, description }),
|
|
3587
|
+
children && /* @__PURE__ */ jsx38("div", { className: style_module_default25.body, children }),
|
|
3588
|
+
/* @__PURE__ */ jsx38(BottomSheetFooter, { dismiss, confirm, extra })
|
|
3101
3589
|
] })
|
|
3102
3590
|
}
|
|
3103
3591
|
)
|
|
@@ -3111,7 +3599,7 @@ var BottomSheet = Object.assign(BottomSheetRoot, {
|
|
|
3111
3599
|
// src/components/Ratio/index.tsx
|
|
3112
3600
|
import * as React5 from "react";
|
|
3113
3601
|
import { AspectRatio as AspectRatioPrimitive } from "radix-ui";
|
|
3114
|
-
import { jsx as
|
|
3602
|
+
import { jsx as jsx39 } from "react/jsx-runtime";
|
|
3115
3603
|
var RATIO = {
|
|
3116
3604
|
"1/1": 1,
|
|
3117
3605
|
"3/4": 3 / 4,
|
|
@@ -3122,13 +3610,13 @@ var RATIO = {
|
|
|
3122
3610
|
"21/9": 21 / 9
|
|
3123
3611
|
};
|
|
3124
3612
|
var Ratio = React5.forwardRef(
|
|
3125
|
-
({ ratio = 1, children, ...props }, ref) => /* @__PURE__ */
|
|
3613
|
+
({ ratio = 1, children, ...props }, ref) => /* @__PURE__ */ jsx39(AspectRatioPrimitive.Root, { ref, ratio, ...props, children })
|
|
3126
3614
|
);
|
|
3127
3615
|
Ratio.displayName = "Ratio";
|
|
3128
3616
|
export {
|
|
3129
3617
|
AlertDialog,
|
|
3130
3618
|
Avatar,
|
|
3131
|
-
|
|
3619
|
+
Badge,
|
|
3132
3620
|
BottomSheet,
|
|
3133
3621
|
Button,
|
|
3134
3622
|
Caption,
|
|
@@ -3147,6 +3635,7 @@ export {
|
|
|
3147
3635
|
LOGOS,
|
|
3148
3636
|
Label,
|
|
3149
3637
|
List,
|
|
3638
|
+
ListItem,
|
|
3150
3639
|
Loading,
|
|
3151
3640
|
Logo,
|
|
3152
3641
|
Media,
|
|
@@ -3154,6 +3643,7 @@ export {
|
|
|
3154
3643
|
Paragraph,
|
|
3155
3644
|
Popover,
|
|
3156
3645
|
PrimitiveCoachMark,
|
|
3646
|
+
PrimitiveListItem,
|
|
3157
3647
|
RATIO,
|
|
3158
3648
|
Radio,
|
|
3159
3649
|
Ratio,
|