@exem-ui/react 0.3.4-next.20260727012122 → 0.3.4-next.20260728024650
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/dist/{chunk-NZR3A6CI.mjs → chunk-G65KBUWQ.mjs} +635 -164
- package/dist/{chunk-VPYR4AHX.js → chunk-ZT5RBJ5J.js} +648 -164
- package/dist/flat/index.d.mts +76 -3
- package/dist/flat/index.d.ts +76 -3
- package/dist/flat/index.js +11 -7
- package/dist/flat/index.mjs +1 -1
- package/dist/index.d.mts +90 -3
- package/dist/index.d.ts +90 -3
- package/dist/index.js +132 -192
- package/dist/index.mjs +54 -158
- package/package.json +4 -3
- package/dist/{FlatTooltip-CKMkf_th.d.mts → FlatTooltip-DqHMNx-V.d.mts} +6 -6
- package/dist/{FlatTooltip-CKMkf_th.d.ts → FlatTooltip-DqHMNx-V.d.ts} +6 -6
package/dist/index.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var chunkZT5RBJ5J_js = require('./chunk-ZT5RBJ5J.js');
|
|
4
4
|
var chunk57QR33TR_js = require('./chunk-57QR33TR.js');
|
|
5
5
|
var utils = require('@exem-ui/core/utils');
|
|
6
6
|
var React = require('react');
|
|
@@ -625,7 +625,7 @@ var IconButton = React.forwardRef(
|
|
|
625
625
|
size,
|
|
626
626
|
...props
|
|
627
627
|
};
|
|
628
|
-
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
628
|
+
return /* @__PURE__ */ jsxRuntime.jsx(chunkZT5RBJ5J_js.ConditionalTooltip, { tooltip, children: /* @__PURE__ */ jsxRuntime.jsx(Button, { ref, ...buttonProps }) });
|
|
629
629
|
}
|
|
630
630
|
);
|
|
631
631
|
IconButton.displayName = "IconButton";
|
|
@@ -669,7 +669,7 @@ var ButtonGroup = React.forwardRef(
|
|
|
669
669
|
onClick: item.onClick,
|
|
670
670
|
size
|
|
671
671
|
};
|
|
672
|
-
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
672
|
+
return /* @__PURE__ */ jsxRuntime.jsx(chunkZT5RBJ5J_js.ConditionalTooltip, { tooltip: item.tooltip, children: variant === "contained" ? /* @__PURE__ */ jsxRuntime.jsx(IconButton, { ...iconBaseProps, variant: "assistive" }) : /* @__PURE__ */ jsxRuntime.jsx(IconButton, { ...iconBaseProps, color: "primary", variant: "outlined" }) }, item.id);
|
|
673
673
|
}
|
|
674
674
|
const buttonBaseProps = {
|
|
675
675
|
className: utils.cn(roundedClasses, dividerClasses, mergeClasses, hoverClasses),
|
|
@@ -677,7 +677,7 @@ var ButtonGroup = React.forwardRef(
|
|
|
677
677
|
onClick: item.onClick,
|
|
678
678
|
size
|
|
679
679
|
};
|
|
680
|
-
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
680
|
+
return /* @__PURE__ */ jsxRuntime.jsx(chunkZT5RBJ5J_js.ConditionalTooltip, { tooltip: item.tooltip, children: variant === "contained" ? /* @__PURE__ */ jsxRuntime.jsx(Button, { ...buttonBaseProps, variant: "assistive", children: item.label }) : /* @__PURE__ */ jsxRuntime.jsx(Button, { ...buttonBaseProps, color: "primary", variant: "outlined", children: item.label }) }, item.id);
|
|
681
681
|
})
|
|
682
682
|
}
|
|
683
683
|
);
|
|
@@ -1088,12 +1088,12 @@ function DatePicker({ type = "single", showOutsideDays = true, ...rest }) {
|
|
|
1088
1088
|
}
|
|
1089
1089
|
var dropdownVariants = {
|
|
1090
1090
|
content: utils.cn(
|
|
1091
|
-
|
|
1091
|
+
chunkZT5RBJ5J_js.overlayListVariants.content,
|
|
1092
1092
|
"data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2"
|
|
1093
1093
|
),
|
|
1094
|
-
viewport:
|
|
1095
|
-
item: (props) => utils.cn(
|
|
1096
|
-
slotSize:
|
|
1094
|
+
viewport: chunkZT5RBJ5J_js.overlayListVariants.viewport,
|
|
1095
|
+
item: (props) => utils.cn(chunkZT5RBJ5J_js.overlayListVariants.item(props), "focus:bg-elevation-elevation-2"),
|
|
1096
|
+
slotSize: chunkZT5RBJ5J_js.overlayListVariants.slotSize,
|
|
1097
1097
|
separator: utils.cn("my-0.5 h-px bg-border-primary"),
|
|
1098
1098
|
label: utils.cva("px-2 font-medium text-text-secondary", {
|
|
1099
1099
|
defaultVariants: { size: "medium" },
|
|
@@ -1144,9 +1144,9 @@ Dropdown.Item = React.forwardRef(({ className, children, leftSlot, rightSlot, si
|
|
|
1144
1144
|
className: utils.cn(dropdownVariants.item({ size }), className),
|
|
1145
1145
|
...props,
|
|
1146
1146
|
children: [
|
|
1147
|
-
leftSlot && /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
1148
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className: utils.cn(
|
|
1149
|
-
rightSlot && /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
1147
|
+
leftSlot && /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkZT5RBJ5J_js.overlayListVariants.slotSize({ size }), children: leftSlot }),
|
|
1148
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: utils.cn(chunkZT5RBJ5J_js.overlayListVariants.itemText({ size }), "min-w-0 flex-1 truncate"), children }),
|
|
1149
|
+
rightSlot && /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkZT5RBJ5J_js.overlayListVariants.slotSize({ size }), children: rightSlot })
|
|
1150
1150
|
]
|
|
1151
1151
|
}
|
|
1152
1152
|
);
|
|
@@ -1191,8 +1191,8 @@ var useTextAreaContext = () => {
|
|
|
1191
1191
|
return context;
|
|
1192
1192
|
};
|
|
1193
1193
|
var textAreaVariants = {
|
|
1194
|
-
container:
|
|
1195
|
-
label:
|
|
1194
|
+
container: chunkZT5RBJ5J_js.commonInputVariants.container,
|
|
1195
|
+
label: chunkZT5RBJ5J_js.commonInputVariants.label,
|
|
1196
1196
|
field: utils.cva(
|
|
1197
1197
|
"scrollbar-overlay block w-full resize-none rounded-medium border transition-colors focus:outline-none",
|
|
1198
1198
|
{
|
|
@@ -1246,7 +1246,7 @@ var textAreaVariants = {
|
|
|
1246
1246
|
},
|
|
1247
1247
|
defaultVariants: { size: "medium" }
|
|
1248
1248
|
}),
|
|
1249
|
-
description:
|
|
1249
|
+
description: chunkZT5RBJ5J_js.commonInputVariants.description,
|
|
1250
1250
|
counter: utils.cva("text-nowrap font-regular", {
|
|
1251
1251
|
variants: {
|
|
1252
1252
|
disabled: {
|
|
@@ -1372,118 +1372,6 @@ var useTextFieldContext = () => {
|
|
|
1372
1372
|
}
|
|
1373
1373
|
return context;
|
|
1374
1374
|
};
|
|
1375
|
-
var textFieldVariants = {
|
|
1376
|
-
container: chunkVPYR4AHX_js.commonInputVariants.container,
|
|
1377
|
-
label: chunkVPYR4AHX_js.commonInputVariants.label,
|
|
1378
|
-
wrapper: utils.cva(
|
|
1379
|
-
"flex w-full flex-row items-center rounded-medium border transition-colors focus-within:border-border-focused focus-within:outline-none",
|
|
1380
|
-
{
|
|
1381
|
-
variants: {
|
|
1382
|
-
variant: {
|
|
1383
|
-
fill: "border-transparent bg-elevation-elevation-2",
|
|
1384
|
-
line: "border-border-primary",
|
|
1385
|
-
lineBackground: "border-border-primary bg-background-primary"
|
|
1386
|
-
},
|
|
1387
|
-
size: {
|
|
1388
|
-
xsmall: "h-6 gap-0 px-1",
|
|
1389
|
-
small: "h-7 gap-0.5 px-1.5",
|
|
1390
|
-
medium: "h-8 gap-0.5 px-2",
|
|
1391
|
-
large: "h-10 gap-1 px-2.5"
|
|
1392
|
-
},
|
|
1393
|
-
state: {
|
|
1394
|
-
default: "text-text-primary",
|
|
1395
|
-
error: "text-text-primary",
|
|
1396
|
-
disabled: "cursor-not-allowed text-text-disabled"
|
|
1397
|
-
}
|
|
1398
|
-
},
|
|
1399
|
-
compoundVariants: [
|
|
1400
|
-
{ variant: "fill", state: "error", class: "border-border-critical" },
|
|
1401
|
-
{
|
|
1402
|
-
variant: "fill",
|
|
1403
|
-
state: "disabled",
|
|
1404
|
-
class: "bg-elevation-elevation-2 border-transparent"
|
|
1405
|
-
},
|
|
1406
|
-
{ variant: "line", state: "error", class: "border-border-critical" },
|
|
1407
|
-
{ variant: "line", state: "disabled", class: "border-border-primary" },
|
|
1408
|
-
{ variant: "lineBackground", state: "error", class: "border-border-critical" },
|
|
1409
|
-
{ variant: "lineBackground", state: "disabled", class: "border-border-primary" }
|
|
1410
|
-
],
|
|
1411
|
-
defaultVariants: { variant: "fill", size: "medium", state: "default" }
|
|
1412
|
-
}
|
|
1413
|
-
),
|
|
1414
|
-
input: utils.cva(
|
|
1415
|
-
"w-full border-none bg-transparent p-0 focus:outline-none focus:ring-0 disabled:cursor-not-allowed",
|
|
1416
|
-
{
|
|
1417
|
-
variants: {
|
|
1418
|
-
size: {
|
|
1419
|
-
xsmall: "text-body-3 placeholder:text-body-3",
|
|
1420
|
-
small: "text-body-2 placeholder:text-body-2",
|
|
1421
|
-
medium: "text-body-2 placeholder:text-body-2",
|
|
1422
|
-
large: "text-body-1 placeholder:text-body-1"
|
|
1423
|
-
},
|
|
1424
|
-
state: {
|
|
1425
|
-
default: "text-text-primary placeholder:text-text-tertiary",
|
|
1426
|
-
error: "text-text-primary placeholder:text-text-tertiary",
|
|
1427
|
-
disabled: "text-text-disabled placeholder:text-text-disabled"
|
|
1428
|
-
}
|
|
1429
|
-
},
|
|
1430
|
-
defaultVariants: { size: "medium", state: "default" }
|
|
1431
|
-
}
|
|
1432
|
-
),
|
|
1433
|
-
description: utils.cva("mt-0.5 font-regular text-text-tertiary", {
|
|
1434
|
-
variants: {
|
|
1435
|
-
size: {
|
|
1436
|
-
xsmall: "text-caption",
|
|
1437
|
-
small: "text-body-3",
|
|
1438
|
-
medium: "text-body-3",
|
|
1439
|
-
large: "text-body-2"
|
|
1440
|
-
},
|
|
1441
|
-
error: {
|
|
1442
|
-
true: "text-text-critical",
|
|
1443
|
-
false: ""
|
|
1444
|
-
},
|
|
1445
|
-
disabled: {
|
|
1446
|
-
true: "text-text-disabled",
|
|
1447
|
-
false: ""
|
|
1448
|
-
}
|
|
1449
|
-
},
|
|
1450
|
-
compoundVariants: [
|
|
1451
|
-
{
|
|
1452
|
-
disabled: true,
|
|
1453
|
-
error: true,
|
|
1454
|
-
class: "text-text-disabled"
|
|
1455
|
-
// disabled가 error보다 우선
|
|
1456
|
-
}
|
|
1457
|
-
],
|
|
1458
|
-
defaultVariants: { size: "medium", error: false, disabled: false }
|
|
1459
|
-
}),
|
|
1460
|
-
subText: utils.cva("ml-1 shrink-0 font-regular", {
|
|
1461
|
-
variants: {
|
|
1462
|
-
size: {
|
|
1463
|
-
xsmall: "text-body-3",
|
|
1464
|
-
small: "text-body-2",
|
|
1465
|
-
medium: "text-body-2",
|
|
1466
|
-
large: "text-body-1"
|
|
1467
|
-
},
|
|
1468
|
-
disabled: {
|
|
1469
|
-
true: "text-text-disabled",
|
|
1470
|
-
false: "text-text-tertiary"
|
|
1471
|
-
}
|
|
1472
|
-
},
|
|
1473
|
-
defaultVariants: { size: "medium", disabled: false }
|
|
1474
|
-
}),
|
|
1475
|
-
icon: utils.cva("shrink-0 text-icon-tertiary", {
|
|
1476
|
-
variants: {
|
|
1477
|
-
size: {
|
|
1478
|
-
xsmall: "size-4",
|
|
1479
|
-
small: "size-4",
|
|
1480
|
-
medium: "size-4",
|
|
1481
|
-
large: "size-5"
|
|
1482
|
-
}
|
|
1483
|
-
},
|
|
1484
|
-
defaultVariants: { size: "medium" }
|
|
1485
|
-
})
|
|
1486
|
-
};
|
|
1487
1375
|
var TextField = React.forwardRef(
|
|
1488
1376
|
({
|
|
1489
1377
|
children,
|
|
@@ -1499,7 +1387,7 @@ var TextField = React.forwardRef(
|
|
|
1499
1387
|
}, ref) => {
|
|
1500
1388
|
const uniqueId = React.useId();
|
|
1501
1389
|
const id = providedId || `text-field-${uniqueId}`;
|
|
1502
|
-
return /* @__PURE__ */ jsxRuntime.jsx(TextFieldContext.Provider, { value: { variant, size, error, disabled, id, value, onChange }, children: /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: utils.cn(textFieldVariants.container(), className), children: children || /* @__PURE__ */ jsxRuntime.jsx(TextField.Input, { ...inputProps }) }) });
|
|
1390
|
+
return /* @__PURE__ */ jsxRuntime.jsx(TextFieldContext.Provider, { value: { variant, size, error, disabled, id, value, onChange }, children: /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: utils.cn(chunkZT5RBJ5J_js.textFieldVariants.container(), className), children: children || /* @__PURE__ */ jsxRuntime.jsx(TextField.Input, { ...inputProps }) }) });
|
|
1503
1391
|
}
|
|
1504
1392
|
);
|
|
1505
1393
|
TextField.Label = React.forwardRef(
|
|
@@ -1510,7 +1398,7 @@ TextField.Label = React.forwardRef(
|
|
|
1510
1398
|
{
|
|
1511
1399
|
ref,
|
|
1512
1400
|
htmlFor: id,
|
|
1513
|
-
className: utils.cn(textFieldVariants.label({ size, disabled, required }), className),
|
|
1401
|
+
className: utils.cn(chunkZT5RBJ5J_js.textFieldVariants.label({ size, disabled, required }), className),
|
|
1514
1402
|
children
|
|
1515
1403
|
}
|
|
1516
1404
|
);
|
|
@@ -1529,11 +1417,11 @@ TextField.Input = React.forwardRef(
|
|
|
1529
1417
|
} = useTextFieldContext();
|
|
1530
1418
|
const state = disabled ? "disabled" : error ? "error" : "default";
|
|
1531
1419
|
const isControlled = contextValue !== void 0;
|
|
1532
|
-
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: utils.cn(textFieldVariants.wrapper({ variant, size, state }), className), children: [
|
|
1420
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: utils.cn(chunkZT5RBJ5J_js.textFieldVariants.wrapper({ variant, size, state }), className), children: [
|
|
1533
1421
|
leftIcon && /* @__PURE__ */ jsxRuntime.jsx(
|
|
1534
1422
|
"span",
|
|
1535
1423
|
{
|
|
1536
|
-
className: utils.cn("flex items-center justify-center", textFieldVariants.icon({ size })),
|
|
1424
|
+
className: utils.cn("flex items-center justify-center", chunkZT5RBJ5J_js.textFieldVariants.icon({ size })),
|
|
1537
1425
|
children: leftIcon
|
|
1538
1426
|
}
|
|
1539
1427
|
),
|
|
@@ -1544,7 +1432,7 @@ TextField.Input = React.forwardRef(
|
|
|
1544
1432
|
ref,
|
|
1545
1433
|
id,
|
|
1546
1434
|
disabled,
|
|
1547
|
-
className: utils.cn(textFieldVariants.input({ size, state })),
|
|
1435
|
+
className: utils.cn(chunkZT5RBJ5J_js.textFieldVariants.input({ size, state })),
|
|
1548
1436
|
onChange: (e) => {
|
|
1549
1437
|
contextOnChange?.(e);
|
|
1550
1438
|
},
|
|
@@ -1552,12 +1440,12 @@ TextField.Input = React.forwardRef(
|
|
|
1552
1440
|
...isControlled ? { value: contextValue } : {}
|
|
1553
1441
|
}
|
|
1554
1442
|
),
|
|
1555
|
-
subText && /* @__PURE__ */ jsxRuntime.jsx("span", { className: utils.cn(textFieldVariants.subText({ size, disabled })), children: subText })
|
|
1443
|
+
subText && /* @__PURE__ */ jsxRuntime.jsx("span", { className: utils.cn(chunkZT5RBJ5J_js.textFieldVariants.subText({ size, disabled })), children: subText })
|
|
1556
1444
|
] }),
|
|
1557
1445
|
rightIcon && /* @__PURE__ */ jsxRuntime.jsx(
|
|
1558
1446
|
"span",
|
|
1559
1447
|
{
|
|
1560
|
-
className: utils.cn("flex items-center justify-center", textFieldVariants.icon({ size })),
|
|
1448
|
+
className: utils.cn("flex items-center justify-center", chunkZT5RBJ5J_js.textFieldVariants.icon({ size })),
|
|
1561
1449
|
children: rightIcon
|
|
1562
1450
|
}
|
|
1563
1451
|
)
|
|
@@ -1571,7 +1459,7 @@ TextField.Description = React.forwardRef(
|
|
|
1571
1459
|
"p",
|
|
1572
1460
|
{
|
|
1573
1461
|
ref,
|
|
1574
|
-
className: utils.cn(textFieldVariants.description({ size, error, disabled }), className),
|
|
1462
|
+
className: utils.cn(chunkZT5RBJ5J_js.textFieldVariants.description({ size, error, disabled }), className),
|
|
1575
1463
|
children
|
|
1576
1464
|
}
|
|
1577
1465
|
);
|
|
@@ -1581,6 +1469,44 @@ TextField.displayName = "TextField";
|
|
|
1581
1469
|
TextField.Label.displayName = "TextField.Label";
|
|
1582
1470
|
TextField.Input.displayName = "TextField.Input";
|
|
1583
1471
|
TextField.Description.displayName = "TextField.Description";
|
|
1472
|
+
|
|
1473
|
+
// src/hooks/useOverlayDismissGuard.ts
|
|
1474
|
+
var isBaseUiPopupOpen = () => Boolean(
|
|
1475
|
+
document.querySelector('[data-base-ui-portal] [data-slot="combobox-content"][data-open]')
|
|
1476
|
+
);
|
|
1477
|
+
var isTargetInsideBaseUiPopup = (target) => target instanceof Element && Boolean(target.closest("[data-base-ui-portal]"));
|
|
1478
|
+
var shouldPreventDismissForSelect = (target) => {
|
|
1479
|
+
const isSelectOpen = Boolean(
|
|
1480
|
+
document.querySelector('[data-radix-select-content][data-state="open"]')
|
|
1481
|
+
);
|
|
1482
|
+
if (isSelectOpen) {
|
|
1483
|
+
return true;
|
|
1484
|
+
}
|
|
1485
|
+
if (!(target instanceof Element)) {
|
|
1486
|
+
return false;
|
|
1487
|
+
}
|
|
1488
|
+
return Boolean(
|
|
1489
|
+
target.closest("[data-radix-select-content]") || target.closest("[data-radix-select-viewport]")
|
|
1490
|
+
);
|
|
1491
|
+
};
|
|
1492
|
+
function useOverlayDismissGuard({
|
|
1493
|
+
onInteractOutside,
|
|
1494
|
+
onEscapeKeyDown
|
|
1495
|
+
}) {
|
|
1496
|
+
const handleInteractOutside = (event) => {
|
|
1497
|
+
if (shouldPreventDismissForSelect(event.target) || isTargetInsideBaseUiPopup(event.target)) {
|
|
1498
|
+
event.preventDefault();
|
|
1499
|
+
}
|
|
1500
|
+
onInteractOutside?.(event);
|
|
1501
|
+
};
|
|
1502
|
+
const handleEscapeKeyDown = (event) => {
|
|
1503
|
+
if (isBaseUiPopupOpen()) {
|
|
1504
|
+
event.preventDefault();
|
|
1505
|
+
}
|
|
1506
|
+
onEscapeKeyDown?.(event);
|
|
1507
|
+
};
|
|
1508
|
+
return { onEscapeKeyDown: handleEscapeKeyDown, onInteractOutside: handleInteractOutside };
|
|
1509
|
+
}
|
|
1584
1510
|
var MODAL_PADDING = {
|
|
1585
1511
|
body: "px-4 pb-4",
|
|
1586
1512
|
footer: "px-4 py-3"
|
|
@@ -1618,28 +1544,9 @@ Modal.Overlay = React.forwardRef(
|
|
|
1618
1544
|
)
|
|
1619
1545
|
);
|
|
1620
1546
|
Modal.Content = React.forwardRef(
|
|
1621
|
-
({ className, children, size = "default", onInteractOutside,
|
|
1547
|
+
({ className, children, size = "default", onInteractOutside, onEscapeKeyDown, ...props }, ref) => {
|
|
1622
1548
|
const isFullSize = size === "fullsize";
|
|
1623
|
-
const
|
|
1624
|
-
const isSelectOpen = Boolean(
|
|
1625
|
-
document.querySelector('[data-radix-select-content][data-state="open"]')
|
|
1626
|
-
);
|
|
1627
|
-
if (isSelectOpen) {
|
|
1628
|
-
return true;
|
|
1629
|
-
}
|
|
1630
|
-
if (!(target instanceof Element)) {
|
|
1631
|
-
return false;
|
|
1632
|
-
}
|
|
1633
|
-
return Boolean(
|
|
1634
|
-
target.closest("[data-radix-select-content]") || target.closest("[data-radix-select-viewport]")
|
|
1635
|
-
);
|
|
1636
|
-
};
|
|
1637
|
-
const handleInteractOutside = (event) => {
|
|
1638
|
-
if (shouldPreventDismissForSelect(event.target)) {
|
|
1639
|
-
event.preventDefault();
|
|
1640
|
-
}
|
|
1641
|
-
onInteractOutside?.(event);
|
|
1642
|
-
};
|
|
1549
|
+
const dismissGuard = useOverlayDismissGuard({ onEscapeKeyDown, onInteractOutside });
|
|
1643
1550
|
return /* @__PURE__ */ jsxRuntime.jsx(ModalContext.Provider, { value: { size }, children: /* @__PURE__ */ jsxRuntime.jsxs(Modal.Portal, { children: [
|
|
1644
1551
|
/* @__PURE__ */ jsxRuntime.jsx(Modal.Overlay, {}),
|
|
1645
1552
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
@@ -1657,7 +1564,7 @@ Modal.Content = React.forwardRef(
|
|
|
1657
1564
|
className
|
|
1658
1565
|
),
|
|
1659
1566
|
...props,
|
|
1660
|
-
|
|
1567
|
+
...dismissGuard,
|
|
1661
1568
|
children
|
|
1662
1569
|
}
|
|
1663
1570
|
)
|
|
@@ -1700,7 +1607,7 @@ Modal.Body = React.forwardRef(
|
|
|
1700
1607
|
"[&_[data-slot=scroll-area-viewport]>div]:h-full"
|
|
1701
1608
|
),
|
|
1702
1609
|
...props,
|
|
1703
|
-
children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
1610
|
+
children: /* @__PURE__ */ jsxRuntime.jsx(chunkZT5RBJ5J_js.ScrollArea, { className: "h-full flex flex-col", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: utils.cn(MODAL_PADDING.body, className), children }) })
|
|
1704
1611
|
}
|
|
1705
1612
|
)
|
|
1706
1613
|
);
|
|
@@ -1937,29 +1844,18 @@ Sheet.Overlay = React.forwardRef(
|
|
|
1937
1844
|
)
|
|
1938
1845
|
);
|
|
1939
1846
|
Sheet.Content = React.forwardRef(
|
|
1940
|
-
({
|
|
1847
|
+
({
|
|
1848
|
+
className,
|
|
1849
|
+
children,
|
|
1850
|
+
side = "right",
|
|
1851
|
+
resizable = false,
|
|
1852
|
+
onInteractOutside,
|
|
1853
|
+
onEscapeKeyDown,
|
|
1854
|
+
...props
|
|
1855
|
+
}, ref) => {
|
|
1941
1856
|
const resizeOptions = typeof resizable === "object" ? resizable : { use: resizable };
|
|
1942
1857
|
const isResizable = resizeOptions.use ?? true;
|
|
1943
|
-
const
|
|
1944
|
-
const isSelectOpen = Boolean(
|
|
1945
|
-
document.querySelector('[data-radix-select-content][data-state="open"]')
|
|
1946
|
-
);
|
|
1947
|
-
if (isSelectOpen) {
|
|
1948
|
-
return true;
|
|
1949
|
-
}
|
|
1950
|
-
if (!(target instanceof Element)) {
|
|
1951
|
-
return false;
|
|
1952
|
-
}
|
|
1953
|
-
return Boolean(
|
|
1954
|
-
target.closest("[data-radix-select-content]") || target.closest("[data-radix-select-viewport]")
|
|
1955
|
-
);
|
|
1956
|
-
};
|
|
1957
|
-
const handleInteractOutside = (event) => {
|
|
1958
|
-
if (shouldPreventDismissForSelect(event.target)) {
|
|
1959
|
-
event.preventDefault();
|
|
1960
|
-
}
|
|
1961
|
-
onInteractOutside?.(event);
|
|
1962
|
-
};
|
|
1858
|
+
const dismissGuard = useOverlayDismissGuard({ onEscapeKeyDown, onInteractOutside });
|
|
1963
1859
|
return /* @__PURE__ */ jsxRuntime.jsx(SheetContext.Provider, { value: { side }, children: /* @__PURE__ */ jsxRuntime.jsxs(Sheet.Portal, { children: [
|
|
1964
1860
|
/* @__PURE__ */ jsxRuntime.jsx(Sheet.Overlay, {}),
|
|
1965
1861
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
@@ -1973,7 +1869,7 @@ Sheet.Content = React.forwardRef(
|
|
|
1973
1869
|
className
|
|
1974
1870
|
),
|
|
1975
1871
|
...props,
|
|
1976
|
-
|
|
1872
|
+
...dismissGuard,
|
|
1977
1873
|
children: isResizable ? /* @__PURE__ */ jsxRuntime.jsx(SheetResizableBox, { side, options: resizeOptions, children }) : children
|
|
1978
1874
|
}
|
|
1979
1875
|
)
|
|
@@ -2023,7 +1919,7 @@ Sheet.Body = React.forwardRef(
|
|
|
2023
1919
|
),
|
|
2024
1920
|
...props,
|
|
2025
1921
|
children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
2026
|
-
|
|
1922
|
+
chunkZT5RBJ5J_js.ScrollArea,
|
|
2027
1923
|
{
|
|
2028
1924
|
className: "h-full flex flex-col",
|
|
2029
1925
|
disableHorizontalScroll,
|
|
@@ -2657,51 +2553,95 @@ var buttonize = (fn) => {
|
|
|
2657
2553
|
|
|
2658
2554
|
Object.defineProperty(exports, "ColorPalette", {
|
|
2659
2555
|
enumerable: true,
|
|
2660
|
-
get: function () { return
|
|
2556
|
+
get: function () { return chunkZT5RBJ5J_js.ColorPalette; }
|
|
2661
2557
|
});
|
|
2662
2558
|
Object.defineProperty(exports, "ColorPaletteColors", {
|
|
2663
2559
|
enumerable: true,
|
|
2664
|
-
get: function () { return
|
|
2560
|
+
get: function () { return chunkZT5RBJ5J_js.ColorPaletteColors; }
|
|
2561
|
+
});
|
|
2562
|
+
Object.defineProperty(exports, "Combobox", {
|
|
2563
|
+
enumerable: true,
|
|
2564
|
+
get: function () { return chunkZT5RBJ5J_js.Combobox; }
|
|
2565
|
+
});
|
|
2566
|
+
Object.defineProperty(exports, "ComboboxContent", {
|
|
2567
|
+
enumerable: true,
|
|
2568
|
+
get: function () { return chunkZT5RBJ5J_js.ComboboxContent; }
|
|
2569
|
+
});
|
|
2570
|
+
Object.defineProperty(exports, "ComboboxDescription", {
|
|
2571
|
+
enumerable: true,
|
|
2572
|
+
get: function () { return chunkZT5RBJ5J_js.ComboboxDescription; }
|
|
2573
|
+
});
|
|
2574
|
+
Object.defineProperty(exports, "ComboboxEmpty", {
|
|
2575
|
+
enumerable: true,
|
|
2576
|
+
get: function () { return chunkZT5RBJ5J_js.ComboboxEmpty; }
|
|
2577
|
+
});
|
|
2578
|
+
Object.defineProperty(exports, "ComboboxInput", {
|
|
2579
|
+
enumerable: true,
|
|
2580
|
+
get: function () { return chunkZT5RBJ5J_js.ComboboxInput; }
|
|
2581
|
+
});
|
|
2582
|
+
Object.defineProperty(exports, "ComboboxItem", {
|
|
2583
|
+
enumerable: true,
|
|
2584
|
+
get: function () { return chunkZT5RBJ5J_js.ComboboxItem; }
|
|
2585
|
+
});
|
|
2586
|
+
Object.defineProperty(exports, "ComboboxLabel", {
|
|
2587
|
+
enumerable: true,
|
|
2588
|
+
get: function () { return chunkZT5RBJ5J_js.ComboboxLabel; }
|
|
2589
|
+
});
|
|
2590
|
+
Object.defineProperty(exports, "ComboboxList", {
|
|
2591
|
+
enumerable: true,
|
|
2592
|
+
get: function () { return chunkZT5RBJ5J_js.ComboboxList; }
|
|
2593
|
+
});
|
|
2594
|
+
Object.defineProperty(exports, "ComboboxSearch", {
|
|
2595
|
+
enumerable: true,
|
|
2596
|
+
get: function () { return chunkZT5RBJ5J_js.ComboboxSearch; }
|
|
2597
|
+
});
|
|
2598
|
+
Object.defineProperty(exports, "ComboboxTrigger", {
|
|
2599
|
+
enumerable: true,
|
|
2600
|
+
get: function () { return chunkZT5RBJ5J_js.ComboboxTrigger; }
|
|
2601
|
+
});
|
|
2602
|
+
Object.defineProperty(exports, "ComboboxValue", {
|
|
2603
|
+
enumerable: true,
|
|
2604
|
+
get: function () { return chunkZT5RBJ5J_js.ComboboxValue; }
|
|
2665
2605
|
});
|
|
2666
2606
|
Object.defineProperty(exports, "DEFAULT_COLOR", {
|
|
2667
2607
|
enumerable: true,
|
|
2668
|
-
get: function () { return
|
|
2608
|
+
get: function () { return chunkZT5RBJ5J_js.DEFAULT_COLOR; }
|
|
2669
2609
|
});
|
|
2670
2610
|
Object.defineProperty(exports, "ScrollArea", {
|
|
2671
2611
|
enumerable: true,
|
|
2672
|
-
get: function () { return
|
|
2612
|
+
get: function () { return chunkZT5RBJ5J_js.ScrollArea; }
|
|
2673
2613
|
});
|
|
2674
2614
|
Object.defineProperty(exports, "ScrollBar", {
|
|
2675
2615
|
enumerable: true,
|
|
2676
|
-
get: function () { return
|
|
2616
|
+
get: function () { return chunkZT5RBJ5J_js.ScrollBar; }
|
|
2677
2617
|
});
|
|
2678
2618
|
Object.defineProperty(exports, "Segment", {
|
|
2679
2619
|
enumerable: true,
|
|
2680
|
-
get: function () { return
|
|
2620
|
+
get: function () { return chunkZT5RBJ5J_js.Segment; }
|
|
2681
2621
|
});
|
|
2682
2622
|
Object.defineProperty(exports, "Select", {
|
|
2683
2623
|
enumerable: true,
|
|
2684
|
-
get: function () { return
|
|
2624
|
+
get: function () { return chunkZT5RBJ5J_js.Select; }
|
|
2685
2625
|
});
|
|
2686
2626
|
Object.defineProperty(exports, "Tabs", {
|
|
2687
2627
|
enumerable: true,
|
|
2688
|
-
get: function () { return
|
|
2628
|
+
get: function () { return chunkZT5RBJ5J_js.Tabs; }
|
|
2689
2629
|
});
|
|
2690
2630
|
Object.defineProperty(exports, "Tooltip", {
|
|
2691
2631
|
enumerable: true,
|
|
2692
|
-
get: function () { return
|
|
2632
|
+
get: function () { return chunkZT5RBJ5J_js.Tooltip; }
|
|
2693
2633
|
});
|
|
2694
2634
|
Object.defineProperty(exports, "colorPaletteColorClasses", {
|
|
2695
2635
|
enumerable: true,
|
|
2696
|
-
get: function () { return
|
|
2636
|
+
get: function () { return chunkZT5RBJ5J_js.colorPaletteColorClasses; }
|
|
2697
2637
|
});
|
|
2698
2638
|
Object.defineProperty(exports, "getColorPaletteColor", {
|
|
2699
2639
|
enumerable: true,
|
|
2700
|
-
get: function () { return
|
|
2640
|
+
get: function () { return chunkZT5RBJ5J_js.getColorPaletteColor; }
|
|
2701
2641
|
});
|
|
2702
2642
|
Object.defineProperty(exports, "isInPalette", {
|
|
2703
2643
|
enumerable: true,
|
|
2704
|
-
get: function () { return
|
|
2644
|
+
get: function () { return chunkZT5RBJ5J_js.isInPalette; }
|
|
2705
2645
|
});
|
|
2706
2646
|
exports.Avatar = Avatar;
|
|
2707
2647
|
exports.Badge = Badge;
|