@aivenio/aquarium 6.0.2 → 6.1.0
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/atoms.cjs +263 -232
- package/dist/atoms.mjs +258 -232
- package/dist/src/atoms/ChoiceChip/ChoiceChip.js +2 -2
- package/dist/src/atoms/CommandPalette/CommandPalette.d.ts +85 -0
- package/dist/src/atoms/CommandPalette/CommandPalette.js +33 -0
- package/dist/src/atoms/DropdownMenu/DropdownMenu.d.ts +131 -0
- package/dist/src/atoms/DropdownMenu/DropdownMenu.js +4 -4
- package/dist/src/atoms/index.d.ts +1 -0
- package/dist/src/atoms/index.js +2 -1
- package/dist/src/molecules/CommandPalette/CommandPalette.d.ts +48 -0
- package/dist/src/molecules/CommandPalette/CommandPalette.js +79 -0
- package/dist/src/molecules/CommandPalette/CommandPaletteProvider.d.ts +36 -0
- package/dist/src/molecules/CommandPalette/CommandPaletteProvider.js +119 -0
- package/dist/src/molecules/CommandPalette/rankCommands.d.ts +10 -0
- package/dist/src/molecules/CommandPalette/rankCommands.js +51 -0
- package/dist/src/molecules/CommandPalette/types.d.ts +39 -0
- package/dist/src/molecules/CommandPalette/types.js +17 -0
- package/dist/src/molecules/index.d.ts +1 -0
- package/dist/src/molecules/index.js +2 -1
- package/dist/styles.css +16 -0
- package/dist/system.cjs +1461 -1177
- package/dist/system.mjs +1467 -1163
- package/dist/tsconfig.module.tsbuildinfo +1 -1
- package/package.json +1 -1
package/dist/atoms.cjs
CHANGED
|
@@ -38,6 +38,7 @@ __export(atoms_exports, {
|
|
|
38
38
|
Checkbox: () => Checkbox,
|
|
39
39
|
Chip: () => Chip,
|
|
40
40
|
ChoiceChip: () => ChoiceChip,
|
|
41
|
+
CommandPalette: () => CommandPalette,
|
|
41
42
|
DIALOG_ICONS_AND_COLORS: () => DIALOG_ICONS_AND_COLORS,
|
|
42
43
|
DataList: () => DataList,
|
|
43
44
|
Dialog: () => Dialog,
|
|
@@ -69,6 +70,10 @@ __export(atoms_exports, {
|
|
|
69
70
|
bodyCellClasses: () => bodyCellClasses,
|
|
70
71
|
buttonClasses: () => buttonClasses,
|
|
71
72
|
cellClassNames: () => cellClassNames,
|
|
73
|
+
commandPaletteStyles: () => commandPaletteStyles,
|
|
74
|
+
dropdownMenuGroupStyles: () => dropdownMenuGroupStyles,
|
|
75
|
+
dropdownMenuItemStyles: () => dropdownMenuItemStyles,
|
|
76
|
+
dropdownMenuStyles: () => dropdownMenuStyles,
|
|
72
77
|
getAlignClassNames: () => getAlignClassNames,
|
|
73
78
|
getBodyCellClassNames: () => getBodyCellClassNames,
|
|
74
79
|
getHeadCellClassNames: () => getHeadCellClassNames,
|
|
@@ -3180,7 +3185,7 @@ var choiceChipClasses = (0, import_tailwind_variants10.tv)({
|
|
|
3180
3185
|
},
|
|
3181
3186
|
variants: {
|
|
3182
3187
|
selected: {
|
|
3183
|
-
true: { chip: "text-default border-primary-default border-2" },
|
|
3188
|
+
true: { chip: "text-default border-primary-default border-2 bg-primary-default" },
|
|
3184
3189
|
false: { chip: "text-muted border-default m-[1px]" }
|
|
3185
3190
|
},
|
|
3186
3191
|
dense: {
|
|
@@ -3225,20 +3230,41 @@ var ChoiceChip = ({
|
|
|
3225
3230
|
), /* @__PURE__ */ import_react30.default.createElement("span", { className: chip() }, children));
|
|
3226
3231
|
};
|
|
3227
3232
|
|
|
3233
|
+
// src/atoms/CommandPalette/CommandPalette.tsx
|
|
3234
|
+
var import_react31 = __toESM(require("react"));
|
|
3235
|
+
var import_tailwind_variants11 = require("tailwind-variants");
|
|
3236
|
+
var commandPaletteStyles = (0, import_tailwind_variants11.tv)({
|
|
3237
|
+
slots: {
|
|
3238
|
+
modal: "w-full max-w-[640px] mx-4",
|
|
3239
|
+
dialog: "outline-none rounded max-h-[min(480px,60vh)] overflow-hidden",
|
|
3240
|
+
searchContainer: "flex items-center gap-x-3 p-5 border-b border-muted",
|
|
3241
|
+
searchInput: "outline-none grow bg-transparent [&::-webkit-search-cancel-button]:hidden",
|
|
3242
|
+
itemIcon: "text-muted group-data-[focused]:text-default",
|
|
3243
|
+
emptyState: "p-6 text-center text-muted typography-default"
|
|
3244
|
+
}
|
|
3245
|
+
});
|
|
3246
|
+
var EmptyState = ({ className, children, ...rest }) => {
|
|
3247
|
+
const { emptyState } = commandPaletteStyles();
|
|
3248
|
+
return /* @__PURE__ */ import_react31.default.createElement("div", { ...rest, className: emptyState({ className }) }, children || "No commands found.");
|
|
3249
|
+
};
|
|
3250
|
+
var CommandPalette = {
|
|
3251
|
+
EmptyState
|
|
3252
|
+
};
|
|
3253
|
+
|
|
3228
3254
|
// src/atoms/DataList/DataList.tsx
|
|
3229
|
-
var
|
|
3255
|
+
var import_react34 = __toESM(require("react"));
|
|
3230
3256
|
var import_clsx10 = require("clsx");
|
|
3231
|
-
var
|
|
3257
|
+
var import_tailwind_variants14 = require("tailwind-variants");
|
|
3232
3258
|
|
|
3233
3259
|
// src/atoms/Table/Table.tsx
|
|
3234
|
-
var
|
|
3260
|
+
var import_react33 = __toESM(require("react"));
|
|
3235
3261
|
var import_clsx9 = require("clsx");
|
|
3236
|
-
var
|
|
3262
|
+
var import_tailwind_variants13 = require("tailwind-variants");
|
|
3237
3263
|
|
|
3238
3264
|
// src/atoms/RadioButton/RadioButton.tsx
|
|
3239
|
-
var
|
|
3240
|
-
var
|
|
3241
|
-
var radioButtonClasses = (0,
|
|
3265
|
+
var import_react32 = __toESM(require("react"));
|
|
3266
|
+
var import_tailwind_variants12 = require("tailwind-variants");
|
|
3267
|
+
var radioButtonClasses = (0, import_tailwind_variants12.tv)({
|
|
3242
3268
|
base: "inline-flex justify-center items-center self-center appearance-none w-5 h-5 p-[3px] rounded-full border border-default outline-none focus:border-action-focus checked:bg-primary-inverse checked:shadow-bodyInset",
|
|
3243
3269
|
variants: {
|
|
3244
3270
|
disabled: {
|
|
@@ -3247,8 +3273,8 @@ var radioButtonClasses = (0, import_tailwind_variants11.tv)({
|
|
|
3247
3273
|
}
|
|
3248
3274
|
}
|
|
3249
3275
|
});
|
|
3250
|
-
var RadioButton =
|
|
3251
|
-
({ id, children, name, disabled = false, readOnly = false, ...props }, ref) => /* @__PURE__ */
|
|
3276
|
+
var RadioButton = import_react32.default.forwardRef(
|
|
3277
|
+
({ id, children, name, disabled = false, readOnly = false, ...props }, ref) => /* @__PURE__ */ import_react32.default.createElement(
|
|
3252
3278
|
"input",
|
|
3253
3279
|
{
|
|
3254
3280
|
id,
|
|
@@ -3264,19 +3290,19 @@ var RadioButton = import_react31.default.forwardRef(
|
|
|
3264
3290
|
);
|
|
3265
3291
|
|
|
3266
3292
|
// src/atoms/Table/Table.tsx
|
|
3267
|
-
var HeadContext =
|
|
3268
|
-
var tableClasses = (0,
|
|
3293
|
+
var HeadContext = import_react33.default.createContext(null);
|
|
3294
|
+
var tableClasses = (0, import_tailwind_variants13.tv)({
|
|
3269
3295
|
base: "w-full relative typography-default border-spacing-0 border-separate"
|
|
3270
3296
|
});
|
|
3271
|
-
var rowClassNamesBase = (0,
|
|
3297
|
+
var rowClassNamesBase = (0, import_tailwind_variants13.tv)({
|
|
3272
3298
|
base: "children:border-default group children:last:border-b-0 hover:bg-muted"
|
|
3273
3299
|
});
|
|
3274
3300
|
var rowClassNames = rowClassNamesBase();
|
|
3275
|
-
var cellClassNamesBase = (0,
|
|
3301
|
+
var cellClassNamesBase = (0, import_tailwind_variants13.tv)({
|
|
3276
3302
|
base: "px-4 border-b leading-[18px]"
|
|
3277
3303
|
});
|
|
3278
3304
|
var cellClassNames = cellClassNamesBase();
|
|
3279
|
-
var rowClasses = (0,
|
|
3305
|
+
var rowClasses = (0, import_tailwind_variants13.tv)({
|
|
3280
3306
|
extend: rowClassNamesBase,
|
|
3281
3307
|
variants: {
|
|
3282
3308
|
disabled: {
|
|
@@ -3285,7 +3311,7 @@ var rowClasses = (0, import_tailwind_variants12.tv)({
|
|
|
3285
3311
|
}
|
|
3286
3312
|
}
|
|
3287
3313
|
});
|
|
3288
|
-
var bodyCellClasses = (0,
|
|
3314
|
+
var bodyCellClasses = (0, import_tailwind_variants13.tv)({
|
|
3289
3315
|
base: "py-5 typography-default",
|
|
3290
3316
|
variants: {
|
|
3291
3317
|
table: {
|
|
@@ -3299,7 +3325,7 @@ var bodyCellClasses = (0, import_tailwind_variants12.tv)({
|
|
|
3299
3325
|
}
|
|
3300
3326
|
}
|
|
3301
3327
|
});
|
|
3302
|
-
var alignClasses = (0,
|
|
3328
|
+
var alignClasses = (0, import_tailwind_variants13.tv)({
|
|
3303
3329
|
variants: {
|
|
3304
3330
|
align: {
|
|
3305
3331
|
left: "",
|
|
@@ -3313,7 +3339,7 @@ var alignClasses = (0, import_tailwind_variants12.tv)({
|
|
|
3313
3339
|
align: "undefined"
|
|
3314
3340
|
}
|
|
3315
3341
|
});
|
|
3316
|
-
var headCellClasses = (0,
|
|
3342
|
+
var headCellClasses = (0, import_tailwind_variants13.tv)({
|
|
3317
3343
|
base: "py-4 text-left border-muted text-muted whitespace-nowrap min-h-[40px] typography-small-strong",
|
|
3318
3344
|
variants: {
|
|
3319
3345
|
sticky: {
|
|
@@ -3339,7 +3365,7 @@ var headCellClasses = (0, import_tailwind_variants12.tv)({
|
|
|
3339
3365
|
}
|
|
3340
3366
|
]
|
|
3341
3367
|
});
|
|
3342
|
-
var sortCellButtonClasses = (0,
|
|
3368
|
+
var sortCellButtonClasses = (0, import_tailwind_variants13.tv)({
|
|
3343
3369
|
base: "group flex items-center gap-x-4 text-muted",
|
|
3344
3370
|
variants: {
|
|
3345
3371
|
align: {
|
|
@@ -3354,7 +3380,7 @@ var sortCellButtonClasses = (0, import_tailwind_variants12.tv)({
|
|
|
3354
3380
|
align: "undefined"
|
|
3355
3381
|
}
|
|
3356
3382
|
});
|
|
3357
|
-
var sortCellIconClasses = (0,
|
|
3383
|
+
var sortCellIconClasses = (0, import_tailwind_variants13.tv)({
|
|
3358
3384
|
base: "text-[9px]",
|
|
3359
3385
|
variants: {
|
|
3360
3386
|
active: {
|
|
@@ -3363,7 +3389,7 @@ var sortCellIconClasses = (0, import_tailwind_variants12.tv)({
|
|
|
3363
3389
|
}
|
|
3364
3390
|
}
|
|
3365
3391
|
});
|
|
3366
|
-
var sortCellIconsContainerClasses = (0,
|
|
3392
|
+
var sortCellIconsContainerClasses = (0, import_tailwind_variants13.tv)({
|
|
3367
3393
|
base: "flex flex-col",
|
|
3368
3394
|
variants: {
|
|
3369
3395
|
direction: {
|
|
@@ -3375,11 +3401,11 @@ var sortCellIconsContainerClasses = (0, import_tailwind_variants12.tv)({
|
|
|
3375
3401
|
}
|
|
3376
3402
|
});
|
|
3377
3403
|
var Table = ({ children, ariaLabel, className, ...rest }) => {
|
|
3378
|
-
return /* @__PURE__ */
|
|
3404
|
+
return /* @__PURE__ */ import_react33.default.createElement("table", { ...rest, className: tableClasses({ className }), "aria-label": ariaLabel }, children);
|
|
3379
3405
|
};
|
|
3380
|
-
var TableHead = ({ children, sticky, ...rest }) => /* @__PURE__ */
|
|
3381
|
-
var TableBody = ({ children, ...rest }) => /* @__PURE__ */
|
|
3382
|
-
var TableRow = ({ children, className, disabled = false, ...rest }) => /* @__PURE__ */
|
|
3406
|
+
var TableHead = ({ children, sticky, ...rest }) => /* @__PURE__ */ import_react33.default.createElement("thead", { ...rest }, /* @__PURE__ */ import_react33.default.createElement("tr", null, /* @__PURE__ */ import_react33.default.createElement(HeadContext.Provider, { value: { children, sticky } }, children)));
|
|
3407
|
+
var TableBody = ({ children, ...rest }) => /* @__PURE__ */ import_react33.default.createElement("tbody", { ...rest }, children);
|
|
3408
|
+
var TableRow = ({ children, className, disabled = false, ...rest }) => /* @__PURE__ */ import_react33.default.createElement(
|
|
3383
3409
|
"tr",
|
|
3384
3410
|
{
|
|
3385
3411
|
...rest,
|
|
@@ -3391,10 +3417,10 @@ var TableRow = ({ children, className, disabled = false, ...rest }) => /* @__PUR
|
|
|
3391
3417
|
var getBodyCellClassNames = (table = true, stickyColumn) => bodyCellClasses({ table, stickyColumn });
|
|
3392
3418
|
var getAlignClassNames = (align) => alignClasses({ align });
|
|
3393
3419
|
var getHeadCellClassNames = (sticky = true, stickyColumn) => headCellClasses({ sticky, stickyColumn });
|
|
3394
|
-
var TableCell =
|
|
3420
|
+
var TableCell = import_react33.default.forwardRef(
|
|
3395
3421
|
({ children, className, stickyColumn, align = "left", ...rest }, ref) => {
|
|
3396
|
-
const headContext =
|
|
3397
|
-
return headContext ? /* @__PURE__ */
|
|
3422
|
+
const headContext = import_react33.default.useContext(HeadContext);
|
|
3423
|
+
return headContext ? /* @__PURE__ */ import_react33.default.createElement(
|
|
3398
3424
|
"th",
|
|
3399
3425
|
{
|
|
3400
3426
|
...rest,
|
|
@@ -3407,7 +3433,7 @@ var TableCell = import_react32.default.forwardRef(
|
|
|
3407
3433
|
)
|
|
3408
3434
|
},
|
|
3409
3435
|
children
|
|
3410
|
-
) : /* @__PURE__ */
|
|
3436
|
+
) : /* @__PURE__ */ import_react33.default.createElement(
|
|
3411
3437
|
"td",
|
|
3412
3438
|
{
|
|
3413
3439
|
...rest,
|
|
@@ -3424,25 +3450,25 @@ var TableCell = import_react32.default.forwardRef(
|
|
|
3424
3450
|
}
|
|
3425
3451
|
);
|
|
3426
3452
|
var TableSelectCell = ({ ariaLabel, ...props }) => {
|
|
3427
|
-
return /* @__PURE__ */
|
|
3453
|
+
return /* @__PURE__ */ import_react33.default.createElement(Table.Cell, { className: "leading-[0px]" }, props.type === "radio" ? /* @__PURE__ */ import_react33.default.createElement(RadioButton, { "aria-label": ariaLabel, ...props }) : /* @__PURE__ */ import_react33.default.createElement(Checkbox, { "aria-label": ariaLabel, ...props }));
|
|
3428
3454
|
};
|
|
3429
3455
|
var getSortCellButtonClassNames = (align) => sortCellButtonClasses({ align });
|
|
3430
3456
|
var getSortCellIconClassNames = (active) => sortCellIconClasses({ active });
|
|
3431
|
-
var TableSortCell =
|
|
3432
|
-
({ children, direction = "none", onClick, ...rest }, ref) => /* @__PURE__ */
|
|
3457
|
+
var TableSortCell = import_react33.default.forwardRef(
|
|
3458
|
+
({ children, direction = "none", onClick, ...rest }, ref) => /* @__PURE__ */ import_react33.default.createElement(Table.Cell, { ...rest, "aria-sort": direction, ref }, /* @__PURE__ */ import_react33.default.createElement("span", { className: getSortCellButtonClassNames(rest.align), role: "button", tabIndex: -1, onClick }, children, /* @__PURE__ */ import_react33.default.createElement("div", { "data-sort-icons": true, className: sortCellIconsContainerClasses({ direction }) }, /* @__PURE__ */ import_react33.default.createElement(InlineIcon2, { icon: chevronUp_default, className: getSortCellIconClassNames(direction === "ascending") }), /* @__PURE__ */ import_react33.default.createElement(InlineIcon2, { icon: chevronDown_default, className: getSortCellIconClassNames(direction === "descending") }))))
|
|
3433
3459
|
);
|
|
3434
|
-
var Caption = ({ children }) => /* @__PURE__ */
|
|
3435
|
-
var Item = ({ image, imageAlt, imageSize = 35, title, caption }) => /* @__PURE__ */
|
|
3436
|
-
Table.Head =
|
|
3437
|
-
Table.Body =
|
|
3438
|
-
Table.Row =
|
|
3439
|
-
Table.Cell =
|
|
3440
|
-
Table.SortCell =
|
|
3441
|
-
Table.SelectCell =
|
|
3460
|
+
var Caption = ({ children }) => /* @__PURE__ */ import_react33.default.createElement(Typography2.Small, { htmlTag: "caption" }, children);
|
|
3461
|
+
var Item = ({ image, imageAlt, imageSize = 35, title, caption }) => /* @__PURE__ */ import_react33.default.createElement("div", { className: "flex gap-4 items-center" }, image && /* @__PURE__ */ import_react33.default.createElement("img", { src: image, alt: imageAlt ?? "", style: { width: imageSize, height: imageSize } }), /* @__PURE__ */ import_react33.default.createElement("div", null, title, caption && /* @__PURE__ */ import_react33.default.createElement(Typography2.Small, null, caption)));
|
|
3462
|
+
Table.Head = import_react33.default.memo(TableHead);
|
|
3463
|
+
Table.Body = import_react33.default.memo(TableBody);
|
|
3464
|
+
Table.Row = import_react33.default.memo(TableRow);
|
|
3465
|
+
Table.Cell = import_react33.default.memo(TableCell);
|
|
3466
|
+
Table.SortCell = import_react33.default.memo(TableSortCell);
|
|
3467
|
+
Table.SelectCell = import_react33.default.memo(TableSelectCell);
|
|
3442
3468
|
Table.Caption = Caption;
|
|
3443
3469
|
|
|
3444
3470
|
// src/atoms/DataList/DataList.tsx
|
|
3445
|
-
var alignClasses2 = (0,
|
|
3471
|
+
var alignClasses2 = (0, import_tailwind_variants14.tv)({
|
|
3446
3472
|
base: "flex items-center",
|
|
3447
3473
|
variants: {
|
|
3448
3474
|
align: {
|
|
@@ -3457,10 +3483,10 @@ var alignClasses2 = (0, import_tailwind_variants13.tv)({
|
|
|
3457
3483
|
align: "undefined"
|
|
3458
3484
|
}
|
|
3459
3485
|
});
|
|
3460
|
-
var treeLineClasses = (0,
|
|
3486
|
+
var treeLineClasses = (0, import_tailwind_variants14.tv)({
|
|
3461
3487
|
base: "flex justify-start h-full mx-4"
|
|
3462
3488
|
});
|
|
3463
|
-
var treeLineInnerClasses = (0,
|
|
3489
|
+
var treeLineInnerClasses = (0, import_tailwind_variants14.tv)({
|
|
3464
3490
|
base: "border-l border-default border-dashed flex-1",
|
|
3465
3491
|
variants: {
|
|
3466
3492
|
isLast: {
|
|
@@ -3469,7 +3495,7 @@ var treeLineInnerClasses = (0, import_tailwind_variants13.tv)({
|
|
|
3469
3495
|
}
|
|
3470
3496
|
}
|
|
3471
3497
|
});
|
|
3472
|
-
var rowClasses2 = (0,
|
|
3498
|
+
var rowClasses2 = (0, import_tailwind_variants14.tv)({
|
|
3473
3499
|
base: "contents",
|
|
3474
3500
|
variants: {
|
|
3475
3501
|
noDivider: {
|
|
@@ -3497,7 +3523,7 @@ var rowClasses2 = (0, import_tailwind_variants13.tv)({
|
|
|
3497
3523
|
}
|
|
3498
3524
|
]
|
|
3499
3525
|
});
|
|
3500
|
-
var subGroupSpacingClasses = (0,
|
|
3526
|
+
var subGroupSpacingClasses = (0, import_tailwind_variants14.tv)({
|
|
3501
3527
|
base: "col-span-full h-6 bg-muted border-default",
|
|
3502
3528
|
variants: {
|
|
3503
3529
|
divider: {
|
|
@@ -3506,7 +3532,7 @@ var subGroupSpacingClasses = (0, import_tailwind_variants13.tv)({
|
|
|
3506
3532
|
}
|
|
3507
3533
|
}
|
|
3508
3534
|
});
|
|
3509
|
-
var sortCellIconsClasses = (0,
|
|
3535
|
+
var sortCellIconsClasses = (0, import_tailwind_variants14.tv)({
|
|
3510
3536
|
base: "flex flex-col",
|
|
3511
3537
|
variants: {
|
|
3512
3538
|
direction: {
|
|
@@ -3517,7 +3543,7 @@ var sortCellIconsClasses = (0, import_tailwind_variants13.tv)({
|
|
|
3517
3543
|
}
|
|
3518
3544
|
}
|
|
3519
3545
|
});
|
|
3520
|
-
var toolbarContainerClasses = (0,
|
|
3546
|
+
var toolbarContainerClasses = (0, import_tailwind_variants14.tv)({
|
|
3521
3547
|
base: "col-span-full flex items-stretch py-4 px-l2 border-b border-muted",
|
|
3522
3548
|
variants: {
|
|
3523
3549
|
sticky: {
|
|
@@ -3526,27 +3552,27 @@ var toolbarContainerClasses = (0, import_tailwind_variants13.tv)({
|
|
|
3526
3552
|
}
|
|
3527
3553
|
}
|
|
3528
3554
|
});
|
|
3529
|
-
var toolbarGroupClasses = (0,
|
|
3555
|
+
var toolbarGroupClasses = (0, import_tailwind_variants14.tv)({
|
|
3530
3556
|
base: "flex items-center px-l2 border-r-1 border-muted last:border-r-0"
|
|
3531
3557
|
});
|
|
3532
|
-
var toolbarActionsClasses = (0,
|
|
3558
|
+
var toolbarActionsClasses = (0, import_tailwind_variants14.tv)({
|
|
3533
3559
|
base: "flex items-center gap-x-5"
|
|
3534
3560
|
});
|
|
3535
|
-
var toolbarSelectionCountClasses = (0,
|
|
3561
|
+
var toolbarSelectionCountClasses = (0, import_tailwind_variants14.tv)({
|
|
3536
3562
|
base: "whitespace-nowrap"
|
|
3537
3563
|
});
|
|
3538
|
-
var emptyGroupClasses = (0,
|
|
3564
|
+
var emptyGroupClasses = (0, import_tailwind_variants14.tv)({
|
|
3539
3565
|
base: "flex gap-3 items-center"
|
|
3540
3566
|
});
|
|
3541
|
-
var DataList = ({ className, ...rest }) => /* @__PURE__ */
|
|
3542
|
-
var TreeLine = ({ className, style, isLast = false, ...rest }) => /* @__PURE__ */
|
|
3567
|
+
var DataList = ({ className, ...rest }) => /* @__PURE__ */ import_react34.default.createElement("div", { ...rest });
|
|
3568
|
+
var TreeLine = ({ className, style, isLast = false, ...rest }) => /* @__PURE__ */ import_react34.default.createElement("div", { ...rest, className: (0, import_clsx10.clsx)(treeLineClasses(), className) }, /* @__PURE__ */ import_react34.default.createElement("div", { className: treeLineInnerClasses({ isLast }) }), /* @__PURE__ */ import_react34.default.createElement("div", { className: "border-t border-default border-dashed self-center w-[18px]" }));
|
|
3543
3569
|
var HeadCell = ({
|
|
3544
3570
|
className,
|
|
3545
3571
|
sticky,
|
|
3546
3572
|
align,
|
|
3547
3573
|
stickyColumn,
|
|
3548
3574
|
...rest
|
|
3549
|
-
}) => /* @__PURE__ */
|
|
3575
|
+
}) => /* @__PURE__ */ import_react34.default.createElement(
|
|
3550
3576
|
"div",
|
|
3551
3577
|
{
|
|
3552
3578
|
role: "columnheader",
|
|
@@ -3559,7 +3585,7 @@ var Cell = ({
|
|
|
3559
3585
|
align,
|
|
3560
3586
|
stickyColumn,
|
|
3561
3587
|
...rest
|
|
3562
|
-
}) => /* @__PURE__ */
|
|
3588
|
+
}) => /* @__PURE__ */ import_react34.default.createElement(
|
|
3563
3589
|
"div",
|
|
3564
3590
|
{
|
|
3565
3591
|
...rest,
|
|
@@ -3582,7 +3608,7 @@ var Row = ({
|
|
|
3582
3608
|
noDivider = false,
|
|
3583
3609
|
...rest
|
|
3584
3610
|
}) => {
|
|
3585
|
-
return /* @__PURE__ */
|
|
3611
|
+
return /* @__PURE__ */ import_react34.default.createElement(
|
|
3586
3612
|
"div",
|
|
3587
3613
|
{
|
|
3588
3614
|
...rest,
|
|
@@ -3600,9 +3626,9 @@ var Row = ({
|
|
|
3600
3626
|
}
|
|
3601
3627
|
);
|
|
3602
3628
|
};
|
|
3603
|
-
var SubGroupSpacing = ({ className, divider = false, ...rest }) => /* @__PURE__ */
|
|
3604
|
-
var SortCell = ({ children, direction = "none", onClick, sticky, ...rest }) => /* @__PURE__ */
|
|
3605
|
-
var EmptyGroup = ({ icon, children }) => /* @__PURE__ */
|
|
3629
|
+
var SubGroupSpacing = ({ className, divider = false, ...rest }) => /* @__PURE__ */ import_react34.default.createElement("span", { ...rest, "aria-hidden": true, className: (0, import_clsx10.clsx)(subGroupSpacingClasses({ divider }), className) });
|
|
3630
|
+
var SortCell = ({ children, direction = "none", onClick, sticky, ...rest }) => /* @__PURE__ */ import_react34.default.createElement(HeadCell, { ...rest, "aria-sort": direction, role: "columnheader", sticky }, /* @__PURE__ */ import_react34.default.createElement("span", { className: getSortCellButtonClassNames(rest.align), role: "button", tabIndex: -1, onClick }, children, /* @__PURE__ */ import_react34.default.createElement("div", { "data-sort-icons": true, className: sortCellIconsClasses({ direction }) }, /* @__PURE__ */ import_react34.default.createElement(InlineIcon2, { icon: chevronUp_default, className: getSortCellIconClassNames(direction === "ascending") }), /* @__PURE__ */ import_react34.default.createElement(InlineIcon2, { icon: chevronDown_default, className: getSortCellIconClassNames(direction === "descending") }))));
|
|
3631
|
+
var EmptyGroup = ({ icon, children }) => /* @__PURE__ */ import_react34.default.createElement("div", { className: emptyGroupClasses() }, icon && /* @__PURE__ */ import_react34.default.createElement(Icon2, { icon, width: 18 }), children);
|
|
3606
3632
|
DataList.EmptyGroup = EmptyGroup;
|
|
3607
3633
|
DataList.EmptyGroup.displayName = "DataList.EmptyGroup";
|
|
3608
3634
|
DataList.HeadCell = HeadCell;
|
|
@@ -3617,12 +3643,12 @@ DataList.Row = Row;
|
|
|
3617
3643
|
DataList.Row.displayName = "DataList.Row";
|
|
3618
3644
|
DataList.TreeLine = TreeLine;
|
|
3619
3645
|
DataList.TreeLine.displayName = "DataList.TreeLine";
|
|
3620
|
-
var ToolbarContainer = ({ className, sticky = true, ...rest }) => /* @__PURE__ */
|
|
3646
|
+
var ToolbarContainer = ({ className, sticky = true, ...rest }) => /* @__PURE__ */ import_react34.default.createElement("div", { ...rest, role: "row", className: (0, import_clsx10.clsx)(toolbarContainerClasses({ sticky }), className) });
|
|
3621
3647
|
ToolbarContainer.displayName = "DataList.Toolbar.Container";
|
|
3622
|
-
var ToolbarGroup = ({ className, ...rest }) => /* @__PURE__ */
|
|
3648
|
+
var ToolbarGroup = ({ className, ...rest }) => /* @__PURE__ */ import_react34.default.createElement("div", { role: "cell", ...rest, className: (0, import_clsx10.clsx)(toolbarGroupClasses(), className) });
|
|
3623
3649
|
ToolbarGroup.displayName = "DataList.Toolbar.Group";
|
|
3624
|
-
var ToolbarSelectionCount = ({ className, ...rest }) => /* @__PURE__ */
|
|
3625
|
-
var ToolbarActions = ({ className, ...rest }) => /* @__PURE__ */
|
|
3650
|
+
var ToolbarSelectionCount = ({ className, ...rest }) => /* @__PURE__ */ import_react34.default.createElement(Typography, { variant: "default", color: "muted", className: (0, import_clsx10.clsx)(toolbarSelectionCountClasses(), className), ...rest });
|
|
3651
|
+
var ToolbarActions = ({ className, ...rest }) => /* @__PURE__ */ import_react34.default.createElement("div", { ...rest, className: (0, import_clsx10.clsx)(toolbarActionsClasses(), className) });
|
|
3626
3652
|
ToolbarActions.displayName = "DataList.Toolbar.Actions";
|
|
3627
3653
|
DataList.Toolbar = {
|
|
3628
3654
|
Container: ToolbarContainer,
|
|
@@ -3632,7 +3658,7 @@ DataList.Toolbar = {
|
|
|
3632
3658
|
};
|
|
3633
3659
|
|
|
3634
3660
|
// src/atoms/Dialog/Dialog.tsx
|
|
3635
|
-
var
|
|
3661
|
+
var import_react35 = __toESM(require("react"));
|
|
3636
3662
|
var import_react_aria_components = require("react-aria-components");
|
|
3637
3663
|
|
|
3638
3664
|
// node_modules/tailwind-merge/dist/bundle-mjs.mjs
|
|
@@ -6111,7 +6137,7 @@ var DIALOG_ICONS_AND_COLORS = {
|
|
|
6111
6137
|
}
|
|
6112
6138
|
};
|
|
6113
6139
|
var Dialog = (props) => {
|
|
6114
|
-
return /* @__PURE__ */
|
|
6140
|
+
return /* @__PURE__ */ import_react35.default.createElement(
|
|
6115
6141
|
import_react_aria_components.Dialog,
|
|
6116
6142
|
{
|
|
6117
6143
|
...props,
|
|
@@ -6121,20 +6147,20 @@ var Dialog = (props) => {
|
|
|
6121
6147
|
};
|
|
6122
6148
|
|
|
6123
6149
|
// src/atoms/DropdownMenu/DropdownMenu.tsx
|
|
6124
|
-
var
|
|
6150
|
+
var import_react38 = __toESM(require("react"));
|
|
6125
6151
|
var import_react_aria_components2 = require("react-aria-components");
|
|
6126
6152
|
var import_clsx12 = require("clsx");
|
|
6127
|
-
var
|
|
6153
|
+
var import_tailwind_variants16 = require("tailwind-variants");
|
|
6128
6154
|
|
|
6129
6155
|
// src/molecules/Badge/Badge.tsx
|
|
6130
|
-
var
|
|
6156
|
+
var import_react37 = __toESM(require("react"));
|
|
6131
6157
|
var import_clsx11 = require("clsx");
|
|
6132
6158
|
|
|
6133
6159
|
// src/atoms/Skeleton/Skeleton.tsx
|
|
6134
|
-
var
|
|
6160
|
+
var import_react36 = __toESM(require("react"));
|
|
6135
6161
|
var import_lodash_es8 = require("lodash-es");
|
|
6136
|
-
var
|
|
6137
|
-
var skeletonStyles = (0,
|
|
6162
|
+
var import_tailwind_variants15 = require("tailwind-variants");
|
|
6163
|
+
var skeletonStyles = (0, import_tailwind_variants15.tv)({
|
|
6138
6164
|
base: "bg-medium",
|
|
6139
6165
|
variants: {
|
|
6140
6166
|
hasHeight: {
|
|
@@ -6173,7 +6199,7 @@ var Skeleton = ({
|
|
|
6173
6199
|
animate,
|
|
6174
6200
|
className: ["Aquarium-Skeleton", className]
|
|
6175
6201
|
});
|
|
6176
|
-
return /* @__PURE__ */
|
|
6202
|
+
return /* @__PURE__ */ import_react36.default.createElement("div", { "aria-label": "Loading...", ...rest, style: { ...styles, ...style }, role: "progressbar", className: classes });
|
|
6177
6203
|
};
|
|
6178
6204
|
|
|
6179
6205
|
// src/molecules/Badge/Badge.tsx
|
|
@@ -6181,7 +6207,7 @@ var createBadge = (type, displayName) => {
|
|
|
6181
6207
|
const Component = (props) => {
|
|
6182
6208
|
const { kind = "filled", value, textClassname, dense = false, disabled = false, ...rest } = props;
|
|
6183
6209
|
const valueStr = value.toString();
|
|
6184
|
-
return /* @__PURE__ */
|
|
6210
|
+
return /* @__PURE__ */ import_react37.default.createElement(
|
|
6185
6211
|
"span",
|
|
6186
6212
|
{
|
|
6187
6213
|
...rest,
|
|
@@ -6199,7 +6225,7 @@ var createBadge = (type, displayName) => {
|
|
|
6199
6225
|
"Aquarium-Badge"
|
|
6200
6226
|
)
|
|
6201
6227
|
},
|
|
6202
|
-
/* @__PURE__ */
|
|
6228
|
+
/* @__PURE__ */ import_react37.default.createElement(
|
|
6203
6229
|
"span",
|
|
6204
6230
|
{
|
|
6205
6231
|
className: (0, import_clsx11.clsx)(textClassname, "inline-block", {
|
|
@@ -6211,15 +6237,15 @@ var createBadge = (type, displayName) => {
|
|
|
6211
6237
|
);
|
|
6212
6238
|
};
|
|
6213
6239
|
Component.displayName = displayName;
|
|
6214
|
-
Component.Skeleton = () => /* @__PURE__ */
|
|
6240
|
+
Component.Skeleton = () => /* @__PURE__ */ import_react37.default.createElement(Skeleton, { height: 16, width: 16, display: "inline-block", className: "rounded-full" });
|
|
6215
6241
|
Component.Skeleton.displayName = `${displayName}.Skeleton`;
|
|
6216
6242
|
return Component;
|
|
6217
6243
|
};
|
|
6218
6244
|
var NotificationBadge = ({ children, top = "-2px", right = "-2px", className, ...props }) => {
|
|
6219
|
-
return /* @__PURE__ */
|
|
6245
|
+
return /* @__PURE__ */ import_react37.default.createElement("div", { ...props, className: (0, import_clsx11.clsx)("Aquarium-Badge.Notification relative inline-flex", className ?? "text-default") }, children, /* @__PURE__ */ import_react37.default.createElement("span", { style: { top, right }, className: "absolute rounded-full w-[6px] h-[6px] bg-danger-graphic" }));
|
|
6220
6246
|
};
|
|
6221
6247
|
var DotBadge = ({ dense = false, ...props }) => {
|
|
6222
|
-
return /* @__PURE__ */
|
|
6248
|
+
return /* @__PURE__ */ import_react37.default.createElement(
|
|
6223
6249
|
"span",
|
|
6224
6250
|
{
|
|
6225
6251
|
...props,
|
|
@@ -6239,17 +6265,17 @@ Badge.Dot.displayName = "Badge.Dot";
|
|
|
6239
6265
|
var ChipBadge = createBadge("chip", "ChipBadge");
|
|
6240
6266
|
|
|
6241
6267
|
// src/atoms/DropdownMenu/DropdownMenu.tsx
|
|
6242
|
-
var dropdownMenuStyles = (0,
|
|
6268
|
+
var dropdownMenuStyles = (0, import_tailwind_variants16.tv)({
|
|
6243
6269
|
base: "bg-overlay w-full flex flex-col overflow-x-hidden typography-default text-default"
|
|
6244
6270
|
});
|
|
6245
6271
|
var DropdownMenu = ({ className, children, ...props }) => {
|
|
6246
|
-
return /* @__PURE__ */
|
|
6272
|
+
return /* @__PURE__ */ import_react38.default.createElement(import_react_aria_components2.Menu, { className: dropdownMenuStyles({ className: ["Aquarium-DropdownMenu", className] }), ...props }, children);
|
|
6247
6273
|
};
|
|
6248
|
-
var MenuContainer = ({ minHeight, maxHeight = "100%", minWidth = "125px", maxWidth, children }) => /* @__PURE__ */
|
|
6274
|
+
var MenuContainer = ({ minHeight, maxHeight = "100%", minWidth = "125px", maxWidth, children }) => /* @__PURE__ */ import_react38.default.createElement("div", { style: { minHeight, maxHeight, minWidth, maxWidth }, className: "overflow-x-hidden flex flex-col" }, children);
|
|
6249
6275
|
DropdownMenu.MenuContainer = MenuContainer;
|
|
6250
|
-
var ScrollableContentContainer = ({ children }) => /* @__PURE__ */
|
|
6276
|
+
var ScrollableContentContainer = ({ children }) => /* @__PURE__ */ import_react38.default.createElement("div", { className: "p-3 overflow-y-auto overflow-x-hidden" }, children);
|
|
6251
6277
|
DropdownMenu.ScrollableContentContainer = ScrollableContentContainer;
|
|
6252
|
-
var dropdownMenuGroupStyles = (0,
|
|
6278
|
+
var dropdownMenuGroupStyles = (0, import_tailwind_variants16.tv)({
|
|
6253
6279
|
slots: {
|
|
6254
6280
|
base: [
|
|
6255
6281
|
'[&:not(:first-child)]:before:content-[""] [&:not(:first-child)]:before:block',
|
|
@@ -6260,10 +6286,10 @@ var dropdownMenuGroupStyles = (0, import_tailwind_variants15.tv)({
|
|
|
6260
6286
|
});
|
|
6261
6287
|
var Group = ({ className, title, titleProps, children, ...props }) => {
|
|
6262
6288
|
const styles = dropdownMenuGroupStyles();
|
|
6263
|
-
return /* @__PURE__ */
|
|
6289
|
+
return /* @__PURE__ */ import_react38.default.createElement(import_react_aria_components2.MenuSection, { className: styles.base({ className: "Aquarium-DropdownMenu.Group" }), ...props }, title && /* @__PURE__ */ import_react38.default.createElement(import_react_aria_components2.Header, { className: styles.title(), ...titleProps }, title), /* @__PURE__ */ import_react38.default.createElement(import_react_aria_components2.Collection, null, children));
|
|
6264
6290
|
};
|
|
6265
6291
|
DropdownMenu.Group = Group;
|
|
6266
|
-
var dropdownMenuItemStyles = (0,
|
|
6292
|
+
var dropdownMenuItemStyles = (0, import_tailwind_variants16.tv)({
|
|
6267
6293
|
base: "group flex items-center gap-x-3 p-3 outline-none cursor-pointer",
|
|
6268
6294
|
variants: {
|
|
6269
6295
|
isDisabled: {
|
|
@@ -6299,29 +6325,29 @@ var Item2 = ({
|
|
|
6299
6325
|
showNotification = false,
|
|
6300
6326
|
disabled,
|
|
6301
6327
|
...props
|
|
6302
|
-
}) => /* @__PURE__ */
|
|
6328
|
+
}) => /* @__PURE__ */ import_react38.default.createElement(
|
|
6303
6329
|
import_react_aria_components2.MenuItem,
|
|
6304
6330
|
{
|
|
6305
6331
|
className: (values) => dropdownMenuItemStyles({ ...values, kind, className: ["Aquarium-DropdownMenu.Item", className] }),
|
|
6306
6332
|
isDisabled: disabled,
|
|
6307
6333
|
...props
|
|
6308
6334
|
},
|
|
6309
|
-
(0, import_react_aria_components2.composeRenderProps)(props.children, (children, { selectionMode, isSelected, isDisabled }) => /* @__PURE__ */
|
|
6335
|
+
(0, import_react_aria_components2.composeRenderProps)(props.children, (children, { selectionMode, isSelected, isDisabled }) => /* @__PURE__ */ import_react38.default.createElement(import_react38.default.Fragment, null, icon && showNotification && /* @__PURE__ */ import_react38.default.createElement(Badge.Notification, null, /* @__PURE__ */ import_react38.default.createElement(InlineIcon2, { icon })), icon && !showNotification && /* @__PURE__ */ import_react38.default.createElement(InlineIcon2, { icon }), /* @__PURE__ */ import_react38.default.createElement("span", { className: "grow" }, children, description && /* @__PURE__ */ import_react38.default.createElement(Typography2.Small, { color: isDisabled ? "inactive" : "muted" }, description)), selectionMode !== "none" && isSelected && /* @__PURE__ */ import_react38.default.createElement(InlineIcon2, { icon: tick_default })))
|
|
6310
6336
|
);
|
|
6311
6337
|
DropdownMenu.Item = Item2;
|
|
6312
|
-
var EmptyStateContainer = ({ className, children, ...props }) => /* @__PURE__ */
|
|
6338
|
+
var EmptyStateContainer = ({ className, children, ...props }) => /* @__PURE__ */ import_react38.default.createElement("div", { className: (0, import_clsx12.clsx)("border border-dashed border-default p-3", className), ...props }, children);
|
|
6313
6339
|
DropdownMenu.EmptyStateContainer = EmptyStateContainer;
|
|
6314
6340
|
|
|
6315
6341
|
// src/atoms/Filter/Filter.tsx
|
|
6316
|
-
var
|
|
6342
|
+
var import_react39 = __toESM(require("react"));
|
|
6317
6343
|
var import_react_aria_components3 = require("react-aria-components");
|
|
6318
6344
|
var import_clsx13 = require("clsx");
|
|
6319
|
-
var
|
|
6345
|
+
var import_tailwind_variants17 = require("tailwind-variants");
|
|
6320
6346
|
var DATE_FORMAT_OPTIONS = {
|
|
6321
6347
|
locale: "en-GB",
|
|
6322
6348
|
options: { day: "numeric", month: "numeric", year: "numeric" }
|
|
6323
6349
|
};
|
|
6324
|
-
var filterWrapper = (0,
|
|
6350
|
+
var filterWrapper = (0, import_tailwind_variants17.tv)({
|
|
6325
6351
|
base: "rounded-full inline-flex items-center pressed:border-action-focus justify-between outline-0 outline-none border border-dashed border-default text-default bg-transparent",
|
|
6326
6352
|
variants: {
|
|
6327
6353
|
isHovered: {
|
|
@@ -6349,8 +6375,8 @@ var FilterTrigger = ({
|
|
|
6349
6375
|
clearSelectionEnabled = true,
|
|
6350
6376
|
...props
|
|
6351
6377
|
}) => {
|
|
6352
|
-
const ariaDatePickerState =
|
|
6353
|
-
const ariaDateRangePickerState =
|
|
6378
|
+
const ariaDatePickerState = import_react39.default.useContext(import_react_aria_components3.DatePickerStateContext);
|
|
6379
|
+
const ariaDateRangePickerState = import_react39.default.useContext(import_react_aria_components3.DateRangePickerStateContext);
|
|
6354
6380
|
const isUsedInsideDatePicker = !!ariaDatePickerState?.value;
|
|
6355
6381
|
const isUsedInsideDateRangePicker = !!ariaDateRangePickerState?.value.start && !!ariaDateRangePickerState.value.end;
|
|
6356
6382
|
const onClearDatePickerRelated = () => {
|
|
@@ -6362,14 +6388,14 @@ var FilterTrigger = ({
|
|
|
6362
6388
|
};
|
|
6363
6389
|
const hasValue = !!value || isUsedInsideDatePicker || isUsedInsideDateRangePicker;
|
|
6364
6390
|
const showClearButton = clearSelectionEnabled && (!!onClear && !!value || isUsedInsideDatePicker || isUsedInsideDateRangePicker);
|
|
6365
|
-
return /* @__PURE__ */
|
|
6391
|
+
return /* @__PURE__ */ import_react39.default.createElement(
|
|
6366
6392
|
import_react_aria_components3.Group,
|
|
6367
6393
|
{
|
|
6368
6394
|
...props,
|
|
6369
6395
|
isInvalid: error,
|
|
6370
6396
|
className: (renderProps) => filterWrapper({ ...renderProps, hasValue: hasValue || !!badge })
|
|
6371
6397
|
},
|
|
6372
|
-
/* @__PURE__ */
|
|
6398
|
+
/* @__PURE__ */ import_react39.default.createElement(import_react39.default.Fragment, null, /* @__PURE__ */ import_react39.default.createElement(
|
|
6373
6399
|
import_react_aria_components3.Button,
|
|
6374
6400
|
{
|
|
6375
6401
|
onPress: () => {
|
|
@@ -6381,7 +6407,7 @@ var FilterTrigger = ({
|
|
|
6381
6407
|
"px-4": !showClearButton
|
|
6382
6408
|
})
|
|
6383
6409
|
},
|
|
6384
|
-
/* @__PURE__ */
|
|
6410
|
+
/* @__PURE__ */ import_react39.default.createElement("div", { className: "flex items-center gap-3 divide-x divide-grey-20" }, /* @__PURE__ */ import_react39.default.createElement("div", { className: "flex items-center gap-3" }, /* @__PURE__ */ import_react39.default.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ import_react39.default.createElement(InlineIcon2, { icon }), /* @__PURE__ */ import_react39.default.createElement(Typography2.Default, null, labelText)), badge && /* @__PURE__ */ import_react39.default.createElement(Typography2, { color: "primary-default", className: "flex items-center" }, /* @__PURE__ */ import_react39.default.createElement(Badge, { dense: true, value: badge }))), hasValue && /* @__PURE__ */ import_react39.default.createElement("div", { className: "pl-3" }, /* @__PURE__ */ import_react39.default.createElement(
|
|
6385
6411
|
Typography2.Default,
|
|
6386
6412
|
{
|
|
6387
6413
|
className: (0, import_clsx13.clsx)("truncate", {
|
|
@@ -6392,10 +6418,10 @@ var FilterTrigger = ({
|
|
|
6392
6418
|
color: error ? "danger-default" : "primary-default"
|
|
6393
6419
|
},
|
|
6394
6420
|
value,
|
|
6395
|
-
isUsedInsideDatePicker && /* @__PURE__ */
|
|
6396
|
-
isUsedInsideDateRangePicker && /* @__PURE__ */
|
|
6421
|
+
isUsedInsideDatePicker && /* @__PURE__ */ import_react39.default.createElement(DateDisplay, { state: ariaDatePickerState }),
|
|
6422
|
+
isUsedInsideDateRangePicker && /* @__PURE__ */ import_react39.default.createElement(DateDisplay, { state: ariaDateRangePickerState })
|
|
6397
6423
|
)))
|
|
6398
|
-
), showClearButton && /* @__PURE__ */
|
|
6424
|
+
), showClearButton && /* @__PURE__ */ import_react39.default.createElement(
|
|
6399
6425
|
FilterClearButton,
|
|
6400
6426
|
{
|
|
6401
6427
|
onClear: () => {
|
|
@@ -6412,11 +6438,11 @@ var isDateRangePickerState = (state) => {
|
|
|
6412
6438
|
var DateDisplay = ({ state }) => {
|
|
6413
6439
|
const primary = isDateRangePickerState(state) ? state.formatValue(DATE_FORMAT_OPTIONS.locale, DATE_FORMAT_OPTIONS.options)?.start : state.formatValue(DATE_FORMAT_OPTIONS.locale, DATE_FORMAT_OPTIONS.options);
|
|
6414
6440
|
const secondary = isDateRangePickerState(state) ? state.formatValue(DATE_FORMAT_OPTIONS.locale, DATE_FORMAT_OPTIONS.options)?.end : void 0;
|
|
6415
|
-
return /* @__PURE__ */
|
|
6441
|
+
return /* @__PURE__ */ import_react39.default.createElement(Box.Flex, { gap: "2" }, /* @__PURE__ */ import_react39.default.createElement("span", null, primary), secondary && /* @__PURE__ */ import_react39.default.createElement(import_react39.default.Fragment, null, /* @__PURE__ */ import_react39.default.createElement("span", { "aria-hidden": true, className: "text-muted" }, "-"), /* @__PURE__ */ import_react39.default.createElement("span", null, secondary)));
|
|
6416
6442
|
};
|
|
6417
6443
|
var FilterClearButton = ({ onClear }) => (
|
|
6418
6444
|
// using a native HTML <button> here instead of <Button slot={null} /> from react-aria because react-aria <DialogTrigger> doesn't support it as a child. If we used <Button slot={null}>, the popover would open simultaneously with the clear callback, which is unintended behavior. Interestingly, this issue doesn't occur in react-aria's <DatePicker>, but for consistency and to avoid conflicts here, we're sticking with a plain button.
|
|
6419
|
-
/* @__PURE__ */
|
|
6445
|
+
/* @__PURE__ */ import_react39.default.createElement(
|
|
6420
6446
|
"button",
|
|
6421
6447
|
{
|
|
6422
6448
|
"aria-label": "Clear filter",
|
|
@@ -6431,7 +6457,7 @@ var FilterClearButton = ({ onClear }) => (
|
|
|
6431
6457
|
},
|
|
6432
6458
|
className: "py-[10px] pl-[6px] pr-4 inline-flex items-center hover:bg-medium focus:bg-medium outline-0 outline-none rounded-r-full"
|
|
6433
6459
|
},
|
|
6434
|
-
/* @__PURE__ */
|
|
6460
|
+
/* @__PURE__ */ import_react39.default.createElement(InlineIcon2, { icon: cross_default })
|
|
6435
6461
|
)
|
|
6436
6462
|
);
|
|
6437
6463
|
var Filter = () => null;
|
|
@@ -6439,14 +6465,14 @@ FilterTrigger.displayName = "Filter.Trigger";
|
|
|
6439
6465
|
Filter.Trigger = FilterTrigger;
|
|
6440
6466
|
|
|
6441
6467
|
// src/atoms/InputGroup/InputGroup.tsx
|
|
6442
|
-
var
|
|
6468
|
+
var import_react42 = __toESM(require("react"));
|
|
6443
6469
|
|
|
6444
6470
|
// src/molecules/Grid/Grid.tsx
|
|
6445
|
-
var
|
|
6471
|
+
var import_react41 = __toESM(require("react"));
|
|
6446
6472
|
var import_lodash_es10 = require("lodash-es");
|
|
6447
6473
|
|
|
6448
6474
|
// src/molecules/Tailwindify/Tailwindify.tsx
|
|
6449
|
-
var
|
|
6475
|
+
var import_react40 = __toESM(require("react"));
|
|
6450
6476
|
var import_lodash_es9 = require("lodash-es");
|
|
6451
6477
|
function Tailwindify(Component) {
|
|
6452
6478
|
return ({
|
|
@@ -6507,8 +6533,8 @@ function Tailwindify(Component) {
|
|
|
6507
6533
|
...otherProps,
|
|
6508
6534
|
style: finalStyle
|
|
6509
6535
|
};
|
|
6510
|
-
const childrenWithProps =
|
|
6511
|
-
if (!
|
|
6536
|
+
const childrenWithProps = import_react40.default.Children.map(children, (child, index) => {
|
|
6537
|
+
if (!import_react40.default.isValidElement(child)) {
|
|
6512
6538
|
return child;
|
|
6513
6539
|
}
|
|
6514
6540
|
const isLastChild = index === children.length - 1;
|
|
@@ -6529,9 +6555,9 @@ function Tailwindify(Component) {
|
|
|
6529
6555
|
}
|
|
6530
6556
|
const childStyle = (0, import_lodash_es9.get)(child, ["props", "style"], {});
|
|
6531
6557
|
const newProps = { ...childProps, style: { ...childStyle, ...additionalStyle } };
|
|
6532
|
-
return
|
|
6558
|
+
return import_react40.default.cloneElement(child, newProps);
|
|
6533
6559
|
});
|
|
6534
|
-
return /* @__PURE__ */
|
|
6560
|
+
return /* @__PURE__ */ import_react40.default.createElement(Component, { className, ...componentProps }, childrenWithProps);
|
|
6535
6561
|
};
|
|
6536
6562
|
}
|
|
6537
6563
|
|
|
@@ -6570,7 +6596,7 @@ var GridItem = Tailwindify(
|
|
|
6570
6596
|
gridRowEnd: rowEnd
|
|
6571
6597
|
});
|
|
6572
6598
|
const HtmlElement = htmlTag;
|
|
6573
|
-
return /* @__PURE__ */
|
|
6599
|
+
return /* @__PURE__ */ import_react41.default.createElement(
|
|
6574
6600
|
HtmlElement,
|
|
6575
6601
|
{
|
|
6576
6602
|
style: { ...hookStyle, ...style },
|
|
@@ -6582,7 +6608,7 @@ var GridItem = Tailwindify(
|
|
|
6582
6608
|
}
|
|
6583
6609
|
);
|
|
6584
6610
|
var Grid = (props) => {
|
|
6585
|
-
return /* @__PURE__ */
|
|
6611
|
+
return /* @__PURE__ */ import_react41.default.createElement(GridComponent, { ...props });
|
|
6586
6612
|
};
|
|
6587
6613
|
var GridComponent = Tailwindify(
|
|
6588
6614
|
({
|
|
@@ -6637,7 +6663,7 @@ var GridComponent = Tailwindify(
|
|
|
6637
6663
|
gridRowEnd: rowEnd
|
|
6638
6664
|
});
|
|
6639
6665
|
const HtmlElement = htmlTag;
|
|
6640
|
-
return /* @__PURE__ */
|
|
6666
|
+
return /* @__PURE__ */ import_react41.default.createElement(
|
|
6641
6667
|
HtmlElement,
|
|
6642
6668
|
{
|
|
6643
6669
|
style: { ...hookStyle, ...style },
|
|
@@ -6660,7 +6686,7 @@ var gridColumnStyles = {
|
|
|
6660
6686
|
"auto": "auto-cols-fr"
|
|
6661
6687
|
};
|
|
6662
6688
|
var InputGroup = ({ cols = "1", children, ...rest }) => {
|
|
6663
|
-
return /* @__PURE__ */
|
|
6689
|
+
return /* @__PURE__ */ import_react42.default.createElement(
|
|
6664
6690
|
Grid,
|
|
6665
6691
|
{
|
|
6666
6692
|
...rest,
|
|
@@ -6675,9 +6701,9 @@ var InputGroup = ({ cols = "1", children, ...rest }) => {
|
|
|
6675
6701
|
};
|
|
6676
6702
|
|
|
6677
6703
|
// src/atoms/Modal/Modal.tsx
|
|
6678
|
-
var
|
|
6679
|
-
var
|
|
6680
|
-
var bodyMaskClasses = (0,
|
|
6704
|
+
var import_react43 = __toESM(require("react"));
|
|
6705
|
+
var import_tailwind_variants18 = require("tailwind-variants");
|
|
6706
|
+
var bodyMaskClasses = (0, import_tailwind_variants18.tv)({
|
|
6681
6707
|
variants: {
|
|
6682
6708
|
position: {
|
|
6683
6709
|
before: [
|
|
@@ -6709,7 +6735,7 @@ var bodyMaskClasses = (0, import_tailwind_variants17.tv)({
|
|
|
6709
6735
|
}
|
|
6710
6736
|
}
|
|
6711
6737
|
});
|
|
6712
|
-
var modalStyles = (0,
|
|
6738
|
+
var modalStyles = (0, import_tailwind_variants18.tv)({
|
|
6713
6739
|
slots: {
|
|
6714
6740
|
overlay: "inset-0 overflow-y-auto z-modal fixed",
|
|
6715
6741
|
backdrop: "-z-10 fixed min-w-full min-h-full bg-backdrop",
|
|
@@ -6845,59 +6871,59 @@ var Modal = ({
|
|
|
6845
6871
|
...rest
|
|
6846
6872
|
}) => {
|
|
6847
6873
|
const { overlay } = modalStyles({ kind });
|
|
6848
|
-
return open ? /* @__PURE__ */
|
|
6874
|
+
return open ? /* @__PURE__ */ import_react43.default.createElement("div", { ...rest, className: overlay({ className }) }, children) : null;
|
|
6849
6875
|
};
|
|
6850
6876
|
Modal.BackDrop = ({ className, ...rest }) => {
|
|
6851
6877
|
const { backdrop } = modalStyles();
|
|
6852
|
-
return /* @__PURE__ */
|
|
6878
|
+
return /* @__PURE__ */ import_react43.default.createElement("div", { ...rest, className: backdrop({ className }) });
|
|
6853
6879
|
};
|
|
6854
|
-
Modal.Dialog =
|
|
6880
|
+
Modal.Dialog = import_react43.default.forwardRef(
|
|
6855
6881
|
({ kind = "dialog", children, className, size = "md", isResponsive = true, ...rest }, ref) => {
|
|
6856
6882
|
const { dialog } = modalStyles({ kind, size, isResponsive });
|
|
6857
|
-
return /* @__PURE__ */
|
|
6883
|
+
return /* @__PURE__ */ import_react43.default.createElement("div", { ref, "aria-modal": "true", ...rest, className: dialog({ className }) }, children);
|
|
6858
6884
|
}
|
|
6859
6885
|
);
|
|
6860
6886
|
Modal.Header = ({ kind = "dialog", size = "md", children, className, ...rest }) => {
|
|
6861
6887
|
const { header } = modalStyles({ kind, size });
|
|
6862
|
-
return /* @__PURE__ */
|
|
6888
|
+
return /* @__PURE__ */ import_react43.default.createElement("div", { ...rest, className: header({ className }) }, children);
|
|
6863
6889
|
};
|
|
6864
6890
|
Modal.HeaderImage = ({ backgroundImage, className, ...rest }) => {
|
|
6865
6891
|
const { headerImage } = modalStyles({ backgroundImage: Boolean(backgroundImage) });
|
|
6866
|
-
return backgroundImage ? /* @__PURE__ */
|
|
6892
|
+
return backgroundImage ? /* @__PURE__ */ import_react43.default.createElement("img", { "aria-hidden": true, src: backgroundImage, ...rest, className: headerImage({ className }) }) : /* @__PURE__ */ import_react43.default.createElement("div", { className: headerImage({ className }) });
|
|
6867
6893
|
};
|
|
6868
6894
|
Modal.CloseButtonContainer = ({ className, ...rest }) => {
|
|
6869
6895
|
const { closeButtonContainer } = modalStyles();
|
|
6870
|
-
return /* @__PURE__ */
|
|
6896
|
+
return /* @__PURE__ */ import_react43.default.createElement("div", { ...rest, className: closeButtonContainer({ className }) });
|
|
6871
6897
|
};
|
|
6872
6898
|
Modal.Title = ({ kind = "dialog", children, className, ...rest }) => {
|
|
6873
6899
|
const { title } = modalStyles({ kind });
|
|
6874
|
-
return /* @__PURE__ */
|
|
6900
|
+
return /* @__PURE__ */ import_react43.default.createElement(Typography, { htmlTag: "h2", variant: "subheading", color: "intense", className: title({ className }), ...rest }, children);
|
|
6875
6901
|
};
|
|
6876
6902
|
Modal.Subtitle = ({ children, className, ...rest }) => {
|
|
6877
6903
|
const { subtitle } = modalStyles();
|
|
6878
|
-
return /* @__PURE__ */
|
|
6904
|
+
return /* @__PURE__ */ import_react43.default.createElement(Typography, { variant: "default", color: "muted", className: subtitle({ className }), ...rest }, children);
|
|
6879
6905
|
};
|
|
6880
6906
|
Modal.TitleContainer = ({ children, className, ...rest }) => {
|
|
6881
6907
|
const { titleContainer: titleContainer2 } = modalStyles();
|
|
6882
|
-
return /* @__PURE__ */
|
|
6908
|
+
return /* @__PURE__ */ import_react43.default.createElement("div", { ...rest, className: titleContainer2({ className }) }, children);
|
|
6883
6909
|
};
|
|
6884
6910
|
Modal.Body = ({ children, className, noFooter = false, maxHeight, style, size, ...rest }) => {
|
|
6885
6911
|
const { body, bodyContent } = modalStyles({ size });
|
|
6886
|
-
return /* @__PURE__ */
|
|
6912
|
+
return /* @__PURE__ */ import_react43.default.createElement("div", { ...rest, className: body({ className }), style: { maxHeight, ...style } }, /* @__PURE__ */ import_react43.default.createElement("div", { className: bodyContent({ noFooter }) }, children));
|
|
6887
6913
|
};
|
|
6888
6914
|
Modal.Footer = ({ children, className, ...rest }) => {
|
|
6889
6915
|
const { footer } = modalStyles();
|
|
6890
|
-
return /* @__PURE__ */
|
|
6916
|
+
return /* @__PURE__ */ import_react43.default.createElement("div", { ...rest, className: footer({ className }) }, children);
|
|
6891
6917
|
};
|
|
6892
6918
|
Modal.Actions = ({ children, className, ...rest }) => {
|
|
6893
6919
|
const { actions: actions2 } = modalStyles();
|
|
6894
|
-
return /* @__PURE__ */
|
|
6920
|
+
return /* @__PURE__ */ import_react43.default.createElement("div", { ...rest, className: actions2({ className }) }, children);
|
|
6895
6921
|
};
|
|
6896
6922
|
|
|
6897
6923
|
// src/atoms/Navigation/Navigation.tsx
|
|
6898
|
-
var
|
|
6899
|
-
var
|
|
6900
|
-
var navigationClasses = (0,
|
|
6924
|
+
var import_react44 = __toESM(require("react"));
|
|
6925
|
+
var import_tailwind_variants19 = require("tailwind-variants");
|
|
6926
|
+
var navigationClasses = (0, import_tailwind_variants19.tv)({
|
|
6901
6927
|
slots: {
|
|
6902
6928
|
nav: "bg-body h-full border-r border-muted",
|
|
6903
6929
|
list: "flex flex-col h-full",
|
|
@@ -6934,35 +6960,35 @@ var Navigation = ({
|
|
|
6934
6960
|
...rest
|
|
6935
6961
|
}) => {
|
|
6936
6962
|
const { nav, list } = navigationClasses();
|
|
6937
|
-
return /* @__PURE__ */
|
|
6963
|
+
return /* @__PURE__ */ import_react44.default.createElement("nav", { className: nav(), "aria-label": ariaLabel }, /* @__PURE__ */ import_react44.default.createElement("ul", { ...rest, className: list({ className }), role: "menubar" }, children));
|
|
6938
6964
|
};
|
|
6939
6965
|
var Header = ({ className, ...rest }) => {
|
|
6940
6966
|
const { header } = navigationClasses();
|
|
6941
|
-
return /* @__PURE__ */
|
|
6967
|
+
return /* @__PURE__ */ import_react44.default.createElement("li", { ...rest, role: "presentation", className: header({ className }) });
|
|
6942
6968
|
};
|
|
6943
6969
|
var Title2 = ({ className, ...props }) => {
|
|
6944
6970
|
const { headerTitle } = navigationClasses();
|
|
6945
|
-
return /* @__PURE__ */
|
|
6971
|
+
return /* @__PURE__ */ import_react44.default.createElement(Typography, { variant: "small", className: headerTitle({ className }), ...props });
|
|
6946
6972
|
};
|
|
6947
6973
|
var Subtitle = ({ className, ...props }) => {
|
|
6948
6974
|
const { headerSubtitle } = navigationClasses();
|
|
6949
|
-
return /* @__PURE__ */
|
|
6975
|
+
return /* @__PURE__ */ import_react44.default.createElement(Typography, { variant: "default-strong", className: headerSubtitle({ className }), ...props });
|
|
6950
6976
|
};
|
|
6951
6977
|
var Footer = ({ className, ...rest }) => {
|
|
6952
6978
|
const { footer } = navigationClasses();
|
|
6953
|
-
return /* @__PURE__ */
|
|
6979
|
+
return /* @__PURE__ */ import_react44.default.createElement("li", { ...rest, role: "presentation", className: footer({ className }) });
|
|
6954
6980
|
};
|
|
6955
6981
|
var Section = ({ title, className, ...rest }) => {
|
|
6956
6982
|
const { sectionContainer, sectionTitle, sectionList } = navigationClasses();
|
|
6957
|
-
return /* @__PURE__ */
|
|
6983
|
+
return /* @__PURE__ */ import_react44.default.createElement("li", { role: "presentation", className: sectionContainer() }, title && /* @__PURE__ */ import_react44.default.createElement("div", { className: sectionTitle({ className }) }, title), /* @__PURE__ */ import_react44.default.createElement("ul", { ...rest, role: "group", className: sectionList({ className }) }));
|
|
6958
6984
|
};
|
|
6959
6985
|
var Divider = ({ className, ...rest }) => {
|
|
6960
6986
|
const { divider } = navigationClasses();
|
|
6961
|
-
return /* @__PURE__ */
|
|
6987
|
+
return /* @__PURE__ */ import_react44.default.createElement("li", { "aria-hidden": true, ...rest, className: divider({ className }) });
|
|
6962
6988
|
};
|
|
6963
6989
|
var Item3 = ({ className, active = false, ...rest }) => {
|
|
6964
6990
|
const { itemContainer, itemAnchor } = navigationClasses({ active });
|
|
6965
|
-
return /* @__PURE__ */
|
|
6991
|
+
return /* @__PURE__ */ import_react44.default.createElement("li", { role: "presentation", className: itemContainer() }, /* @__PURE__ */ import_react44.default.createElement("a", { ...rest, role: "menuitem", className: itemAnchor({ className }) }));
|
|
6966
6992
|
};
|
|
6967
6993
|
var Submenu = ({
|
|
6968
6994
|
children,
|
|
@@ -6972,11 +6998,11 @@ var Submenu = ({
|
|
|
6972
6998
|
...rest
|
|
6973
6999
|
}) => {
|
|
6974
7000
|
const { submenuContainer, submenuAnchor, submenuList } = navigationClasses();
|
|
6975
|
-
return /* @__PURE__ */
|
|
7001
|
+
return /* @__PURE__ */ import_react44.default.createElement("li", { role: "presentation", className: submenuContainer() }, /* @__PURE__ */ import_react44.default.createElement("a", { role: "menuitem", "aria-haspopup": "true", href: "#", id, className: submenuAnchor({ className }), ...rest }, title), /* @__PURE__ */ import_react44.default.createElement("ul", { role: "menu", className: submenuList(), "aria-labelledby": id }, children));
|
|
6976
7002
|
};
|
|
6977
7003
|
var SubmenuItem = ({ className, active, ...rest }) => {
|
|
6978
7004
|
const { submenuItem } = navigationClasses();
|
|
6979
|
-
return /* @__PURE__ */
|
|
7005
|
+
return /* @__PURE__ */ import_react44.default.createElement(Navigation.Item, { ...rest, active, className: submenuItem({ className }) });
|
|
6980
7006
|
};
|
|
6981
7007
|
Header.Title = Title2;
|
|
6982
7008
|
Header.Subtitle = Subtitle;
|
|
@@ -6989,9 +7015,9 @@ Navigation.Submenu = Submenu;
|
|
|
6989
7015
|
Navigation.Divider = Divider;
|
|
6990
7016
|
|
|
6991
7017
|
// src/atoms/PageHeader/PageHeader.tsx
|
|
6992
|
-
var
|
|
6993
|
-
var
|
|
6994
|
-
var pageHeaderStyles = (0,
|
|
7018
|
+
var import_react45 = __toESM(require("react"));
|
|
7019
|
+
var import_tailwind_variants20 = require("tailwind-variants");
|
|
7020
|
+
var pageHeaderStyles = (0, import_tailwind_variants20.tv)({
|
|
6995
7021
|
slots: {
|
|
6996
7022
|
base: "flex flex-row flex-wrap gap-4 pb-6",
|
|
6997
7023
|
container: "flex flex-col flex-1 gap-3 basis-[--aquarium-screens-xs]",
|
|
@@ -7001,10 +7027,10 @@ var pageHeaderStyles = (0, import_tailwind_variants19.tv)({
|
|
|
7001
7027
|
}
|
|
7002
7028
|
});
|
|
7003
7029
|
var { base, container, titleContainer, chips, actions } = pageHeaderStyles();
|
|
7004
|
-
var PageHeader = ({ children, className, ...rest }) => /* @__PURE__ */
|
|
7005
|
-
PageHeader.Container = ({ children, className, ...rest }) => /* @__PURE__ */
|
|
7006
|
-
PageHeader.TitleContainer = ({ children, className, ...rest }) => /* @__PURE__ */
|
|
7007
|
-
PageHeader.Title = ({ isSubHeader = false, children, ...rest }) => /* @__PURE__ */
|
|
7030
|
+
var PageHeader = ({ children, className, ...rest }) => /* @__PURE__ */ import_react45.default.createElement("div", { className: base({ className }), ...rest }, children);
|
|
7031
|
+
PageHeader.Container = ({ children, className, ...rest }) => /* @__PURE__ */ import_react45.default.createElement("div", { className: container({ className }), ...rest }, children);
|
|
7032
|
+
PageHeader.TitleContainer = ({ children, className, ...rest }) => /* @__PURE__ */ import_react45.default.createElement("div", { className: titleContainer({ className }), ...rest }, children);
|
|
7033
|
+
PageHeader.Title = ({ isSubHeader = false, children, ...rest }) => /* @__PURE__ */ import_react45.default.createElement(
|
|
7008
7034
|
Typography2,
|
|
7009
7035
|
{
|
|
7010
7036
|
...rest,
|
|
@@ -7014,22 +7040,22 @@ PageHeader.Title = ({ isSubHeader = false, children, ...rest }) => /* @__PURE__
|
|
|
7014
7040
|
},
|
|
7015
7041
|
children
|
|
7016
7042
|
);
|
|
7017
|
-
PageHeader.Subtitle = ({ children, ...rest }) => /* @__PURE__ */
|
|
7018
|
-
PageHeader.Chips = ({ children, className, ...rest }) => /* @__PURE__ */
|
|
7019
|
-
PageHeader.Actions = ({ children, className, ...rest }) => /* @__PURE__ */
|
|
7043
|
+
PageHeader.Subtitle = ({ children, ...rest }) => /* @__PURE__ */ import_react45.default.createElement(Typography2.Default, { ...rest, color: "default" }, children);
|
|
7044
|
+
PageHeader.Chips = ({ children, className, ...rest }) => /* @__PURE__ */ import_react45.default.createElement("div", { className: chips({ className }), ...rest }, children);
|
|
7045
|
+
PageHeader.Actions = ({ children, className, ...rest }) => /* @__PURE__ */ import_react45.default.createElement("div", { className: actions({ className }), ...rest }, children);
|
|
7020
7046
|
|
|
7021
7047
|
// src/atoms/Popover/Popover.tsx
|
|
7022
|
-
var
|
|
7048
|
+
var import_react46 = __toESM(require("react"));
|
|
7023
7049
|
var import_react_aria_components4 = require("react-aria-components");
|
|
7024
|
-
var
|
|
7025
|
-
var popoverStyles = (0,
|
|
7050
|
+
var import_tailwind_variants21 = require("tailwind-variants");
|
|
7051
|
+
var popoverStyles = (0, import_tailwind_variants21.tv)({
|
|
7026
7052
|
// z-[101] ensures popover appears above modal (z-modal: 100)
|
|
7027
7053
|
base: "rounded shadow-overlay bg-overlay mt-1 overflow-y-auto flex flex-col border border-default outline-none z-[101]"
|
|
7028
7054
|
});
|
|
7029
|
-
var Popover =
|
|
7055
|
+
var Popover = import_react46.default.forwardRef(
|
|
7030
7056
|
({ children, offset = 0, className, placement: _placement = "bottom-left", ...props }, ref) => {
|
|
7031
7057
|
const placement = _placement.replace("-", " ");
|
|
7032
|
-
return /* @__PURE__ */
|
|
7058
|
+
return /* @__PURE__ */ import_react46.default.createElement(
|
|
7033
7059
|
import_react_aria_components4.Popover,
|
|
7034
7060
|
{
|
|
7035
7061
|
ref,
|
|
@@ -7045,7 +7071,7 @@ var Popover = import_react45.default.forwardRef(
|
|
|
7045
7071
|
);
|
|
7046
7072
|
}
|
|
7047
7073
|
);
|
|
7048
|
-
var PopoverArrow = () => /* @__PURE__ */
|
|
7074
|
+
var PopoverArrow = () => /* @__PURE__ */ import_react46.default.createElement(import_react_aria_components4.OverlayArrow, { className: "group" }, /* @__PURE__ */ import_react46.default.createElement(
|
|
7049
7075
|
"svg",
|
|
7050
7076
|
{
|
|
7051
7077
|
width: 12,
|
|
@@ -7053,19 +7079,19 @@ var PopoverArrow = () => /* @__PURE__ */ import_react45.default.createElement(im
|
|
|
7053
7079
|
viewBox: "0 0 12 12",
|
|
7054
7080
|
className: "block fill-white stroke-1 stroke-black group-placement-bottom:rotate-180 group-placement-left:-rotate-90 group-placement-right:rotate-90"
|
|
7055
7081
|
},
|
|
7056
|
-
/* @__PURE__ */
|
|
7082
|
+
/* @__PURE__ */ import_react46.default.createElement("path", { d: "M0 0 L6 6 L12 0" })
|
|
7057
7083
|
));
|
|
7058
7084
|
PopoverArrow.displayName = "Popover.Arrow";
|
|
7059
7085
|
Popover.Arrow = PopoverArrow;
|
|
7060
7086
|
|
|
7061
7087
|
// src/atoms/PopoverDialog/PopoverDialog.tsx
|
|
7062
|
-
var
|
|
7088
|
+
var import_react47 = __toESM(require("react"));
|
|
7063
7089
|
var import_clsx14 = require("clsx");
|
|
7064
|
-
var Header2 = ({ children, className, ...rest }) => /* @__PURE__ */
|
|
7065
|
-
var Title3 = ({ children, className, ...rest }) => /* @__PURE__ */
|
|
7066
|
-
var Body = ({ children, className, ...rest }) => /* @__PURE__ */
|
|
7067
|
-
var Footer2 = ({ children, className, ...rest }) => /* @__PURE__ */
|
|
7068
|
-
var Actions2 = ({ children, className, ...rest }) => /* @__PURE__ */
|
|
7090
|
+
var Header2 = ({ children, className, ...rest }) => /* @__PURE__ */ import_react47.default.createElement("div", { ...rest, className: (0, import_clsx14.clsx)("p-5 gap-3 flex items-center", className) }, children);
|
|
7091
|
+
var Title3 = ({ children, className, ...rest }) => /* @__PURE__ */ import_react47.default.createElement(Typography, { ...rest, htmlTag: "h1", variant: "default-strong" }, children);
|
|
7092
|
+
var Body = ({ children, className, ...rest }) => /* @__PURE__ */ import_react47.default.createElement(Typography, { ...rest, htmlTag: "div", variant: "small", className: (0, import_clsx14.clsx)("px-5 overflow-y-auto", className) }, children);
|
|
7093
|
+
var Footer2 = ({ children, className, ...rest }) => /* @__PURE__ */ import_react47.default.createElement("div", { ...rest, className: (0, import_clsx14.clsx)("p-5", className) }, children);
|
|
7094
|
+
var Actions2 = ({ children, className, ...rest }) => /* @__PURE__ */ import_react47.default.createElement("div", { ...rest, className: (0, import_clsx14.clsx)("flex gap-4", className) }, children);
|
|
7069
7095
|
var PopoverDialog = {
|
|
7070
7096
|
Header: Header2,
|
|
7071
7097
|
Title: Title3,
|
|
@@ -7075,13 +7101,13 @@ var PopoverDialog = {
|
|
|
7075
7101
|
};
|
|
7076
7102
|
|
|
7077
7103
|
// src/atoms/ProgressBar/ProgressBar.tsx
|
|
7078
|
-
var
|
|
7104
|
+
var import_react48 = __toESM(require("react"));
|
|
7079
7105
|
var import_lodash_es11 = require("lodash-es");
|
|
7080
|
-
var
|
|
7081
|
-
var progressBarClasses = (0,
|
|
7106
|
+
var import_tailwind_variants22 = require("tailwind-variants");
|
|
7107
|
+
var progressBarClasses = (0, import_tailwind_variants22.tv)({
|
|
7082
7108
|
base: "relative flex items-center w-full bg-muted h-2 rounded-full overflow-hidden"
|
|
7083
7109
|
});
|
|
7084
|
-
var progressBarIndicatorClasses = (0,
|
|
7110
|
+
var progressBarIndicatorClasses = (0, import_tailwind_variants22.tv)({
|
|
7085
7111
|
base: "h-2 rounded-full transition-all ease-in-out delay-150",
|
|
7086
7112
|
variants: {
|
|
7087
7113
|
status: {
|
|
@@ -7092,13 +7118,13 @@ var progressBarIndicatorClasses = (0, import_tailwind_variants21.tv)({
|
|
|
7092
7118
|
}
|
|
7093
7119
|
}
|
|
7094
7120
|
});
|
|
7095
|
-
var progressBarLabelsClasses = (0,
|
|
7121
|
+
var progressBarLabelsClasses = (0, import_tailwind_variants22.tv)({
|
|
7096
7122
|
base: "flex flex-row"
|
|
7097
7123
|
});
|
|
7098
|
-
var ProgressBar = ({ children, className, ...rest }) => /* @__PURE__ */
|
|
7124
|
+
var ProgressBar = ({ children, className, ...rest }) => /* @__PURE__ */ import_react48.default.createElement("div", { ...rest, className: progressBarClasses({ className }) }, children);
|
|
7099
7125
|
ProgressBar.Indicator = ({ min, max, value, "aria-label": ariaLabel, status, className, ...rest }) => {
|
|
7100
7126
|
const completedPercentage = (0, import_lodash_es11.clamp)((value - min) / (max - min) * 100, 0, 100);
|
|
7101
|
-
return /* @__PURE__ */
|
|
7127
|
+
return /* @__PURE__ */ import_react48.default.createElement(
|
|
7102
7128
|
"div",
|
|
7103
7129
|
{
|
|
7104
7130
|
...rest,
|
|
@@ -7112,12 +7138,12 @@ ProgressBar.Indicator = ({ min, max, value, "aria-label": ariaLabel, status, cla
|
|
|
7112
7138
|
}
|
|
7113
7139
|
);
|
|
7114
7140
|
};
|
|
7115
|
-
ProgressBar.Labels = ({ children, startLabel, endLabel, className, ...rest }) => /* @__PURE__ */
|
|
7141
|
+
ProgressBar.Labels = ({ children, startLabel, endLabel, className, ...rest }) => /* @__PURE__ */ import_react48.default.createElement("div", { className: progressBarLabelsClasses({ className }) }, /* @__PURE__ */ import_react48.default.createElement("span", { ...rest, className: "grow text-default typography-small" }, startLabel), /* @__PURE__ */ import_react48.default.createElement("span", { ...rest, className: "grow text-default typography-small text-right" }, endLabel));
|
|
7116
7142
|
|
|
7117
7143
|
// src/atoms/Section/Section.tsx
|
|
7118
|
-
var
|
|
7119
|
-
var
|
|
7120
|
-
var sectionStyles = (0,
|
|
7144
|
+
var import_react49 = __toESM(require("react"));
|
|
7145
|
+
var import_tailwind_variants23 = require("tailwind-variants");
|
|
7146
|
+
var sectionStyles = (0, import_tailwind_variants23.tv)({
|
|
7121
7147
|
slots: {
|
|
7122
7148
|
base: "border border-muted rounded-lg",
|
|
7123
7149
|
header: "px-5 py-3 flex gap-5 justify-between items-center rounded-t-lg",
|
|
@@ -7141,19 +7167,19 @@ var Section2 = ({
|
|
|
7141
7167
|
...rest
|
|
7142
7168
|
}) => {
|
|
7143
7169
|
const { base: base2 } = sectionStyles();
|
|
7144
|
-
return /* @__PURE__ */
|
|
7170
|
+
return /* @__PURE__ */ import_react49.default.createElement(Box, { component: "section", ...rest, className: base2({ className }) }, children);
|
|
7145
7171
|
};
|
|
7146
7172
|
Section2.Header = ({ children, className, expanded, collapsible, ...rest }) => {
|
|
7147
7173
|
const { header } = sectionStyles({ expanded, collapsible });
|
|
7148
|
-
return /* @__PURE__ */
|
|
7174
|
+
return /* @__PURE__ */ import_react49.default.createElement("div", { ...rest, className: header({ className }) }, children);
|
|
7149
7175
|
};
|
|
7150
|
-
Section2.TitleContainer =
|
|
7176
|
+
Section2.TitleContainer = import_react49.default.forwardRef(
|
|
7151
7177
|
({ children, className, collapsible, ...rest }, ref) => {
|
|
7152
7178
|
const { titleContainer: titleContainer2 } = sectionStyles({ collapsible });
|
|
7153
|
-
return /* @__PURE__ */
|
|
7179
|
+
return /* @__PURE__ */ import_react49.default.createElement("div", { ...rest, ref, className: titleContainer2({ className }) }, children);
|
|
7154
7180
|
}
|
|
7155
7181
|
);
|
|
7156
|
-
Section2.Toggle = (props) => /* @__PURE__ */
|
|
7182
|
+
Section2.Toggle = (props) => /* @__PURE__ */ import_react49.default.createElement(
|
|
7157
7183
|
Icon2,
|
|
7158
7184
|
{
|
|
7159
7185
|
...props,
|
|
@@ -7166,20 +7192,20 @@ Section2.Toggle = (props) => /* @__PURE__ */ import_react48.default.createElemen
|
|
|
7166
7192
|
})
|
|
7167
7193
|
}
|
|
7168
7194
|
);
|
|
7169
|
-
Section2.Title = ({ children, ...rest }) => /* @__PURE__ */
|
|
7170
|
-
Section2.Subtitle = ({ children, ...rest }) => /* @__PURE__ */
|
|
7195
|
+
Section2.Title = ({ children, ...rest }) => /* @__PURE__ */ import_react49.default.createElement(Typography2.Large, { ...rest, htmlTag: "h2", color: "intense", className: "flex gap-3 items-center" }, children);
|
|
7196
|
+
Section2.Subtitle = ({ children, ...rest }) => /* @__PURE__ */ import_react49.default.createElement(Typography2.Small, { ...rest, color: "muted" }, children);
|
|
7171
7197
|
Section2.Actions = ({ children, className, ...rest }) => {
|
|
7172
7198
|
const { actions: actions2 } = sectionStyles();
|
|
7173
|
-
return /* @__PURE__ */
|
|
7199
|
+
return /* @__PURE__ */ import_react49.default.createElement("div", { ...rest, className: actions2({ className }) }, children);
|
|
7174
7200
|
};
|
|
7175
7201
|
Section2.Body = ({ children, className, ...rest }) => {
|
|
7176
7202
|
const { body } = sectionStyles();
|
|
7177
|
-
return /* @__PURE__ */
|
|
7203
|
+
return /* @__PURE__ */ import_react49.default.createElement("div", { ...rest, className: body({ className }) }, /* @__PURE__ */ import_react49.default.createElement(Typography, { htmlTag: "div", color: "default" }, children));
|
|
7178
7204
|
};
|
|
7179
7205
|
|
|
7180
7206
|
// src/atoms/Select/Select.tsx
|
|
7181
|
-
var
|
|
7182
|
-
var
|
|
7207
|
+
var import_react50 = __toESM(require("react"));
|
|
7208
|
+
var import_tailwind_variants24 = require("tailwind-variants");
|
|
7183
7209
|
function getOptionLabelBuiltin(option) {
|
|
7184
7210
|
if (option === null) {
|
|
7185
7211
|
return "";
|
|
@@ -7193,10 +7219,10 @@ function isOptionDisabledBuiltin(option) {
|
|
|
7193
7219
|
return !!option.disabled;
|
|
7194
7220
|
}
|
|
7195
7221
|
var getValues = (children) => {
|
|
7196
|
-
const values =
|
|
7222
|
+
const values = import_react50.default.Children.map(children, (c) => c?.props?.value);
|
|
7197
7223
|
return values?.filter((v) => v !== void 0 && v !== null) ?? [];
|
|
7198
7224
|
};
|
|
7199
|
-
var inputContainerClasses = (0,
|
|
7225
|
+
var inputContainerClasses = (0, import_tailwind_variants24.tv)({
|
|
7200
7226
|
base: "relative rounded typography-default-strong w-full flex flex-row items-center bg-body focus:outline-none focus-visible:border-action-focus group",
|
|
7201
7227
|
variants: {
|
|
7202
7228
|
variant: {
|
|
@@ -7208,7 +7234,7 @@ var inputContainerClasses = (0, import_tailwind_variants23.tv)({
|
|
|
7208
7234
|
}
|
|
7209
7235
|
}
|
|
7210
7236
|
});
|
|
7211
|
-
var inputClasses = (0,
|
|
7237
|
+
var inputClasses = (0, import_tailwind_variants24.tv)({
|
|
7212
7238
|
base: "grow rounded border-0 focus:outline-none px-[1px] my-1 min-w-0 typography-default bg-transparent disabled:cursor-not-allowed disabled:bg-medium placeholder:text-inactive",
|
|
7213
7239
|
variants: {
|
|
7214
7240
|
disabled: {
|
|
@@ -7221,22 +7247,22 @@ var inputClasses = (0, import_tailwind_variants23.tv)({
|
|
|
7221
7247
|
}
|
|
7222
7248
|
}
|
|
7223
7249
|
});
|
|
7224
|
-
var menuClasses = (0,
|
|
7250
|
+
var menuClasses = (0, import_tailwind_variants24.tv)({
|
|
7225
7251
|
base: "text-default bg-overlay overflow-y-auto"
|
|
7226
7252
|
});
|
|
7227
|
-
var noResultsClasses = (0,
|
|
7253
|
+
var noResultsClasses = (0, import_tailwind_variants24.tv)({
|
|
7228
7254
|
base: "p-3 text-inactive typography-default"
|
|
7229
7255
|
});
|
|
7230
|
-
var emptyStateContainerClasses = (0,
|
|
7256
|
+
var emptyStateContainerClasses = (0, import_tailwind_variants24.tv)({
|
|
7231
7257
|
base: "border border-dashed border-default m-4 p-6"
|
|
7232
7258
|
});
|
|
7233
|
-
var dividerClasses = (0,
|
|
7259
|
+
var dividerClasses = (0, import_tailwind_variants24.tv)({
|
|
7234
7260
|
base: "border-b-1 border-muted mx-3 my-4"
|
|
7235
7261
|
});
|
|
7236
|
-
var groupClasses = (0,
|
|
7262
|
+
var groupClasses = (0, import_tailwind_variants24.tv)({
|
|
7237
7263
|
base: "flex items-center gap-x-3 p-3 text-inactive uppercase cursor-default typography-small mt-4 first:mt-0"
|
|
7238
7264
|
});
|
|
7239
|
-
var itemClasses = (0,
|
|
7265
|
+
var itemClasses = (0, import_tailwind_variants24.tv)({
|
|
7240
7266
|
base: "Aquarium-Select.Item flex items-center gap-x-3 p-3 typography-default",
|
|
7241
7267
|
variants: {
|
|
7242
7268
|
disabled: {
|
|
@@ -7249,7 +7275,7 @@ var itemClasses = (0, import_tailwind_variants23.tv)({
|
|
|
7249
7275
|
}
|
|
7250
7276
|
}
|
|
7251
7277
|
});
|
|
7252
|
-
var actionItemClasses = (0,
|
|
7278
|
+
var actionItemClasses = (0, import_tailwind_variants24.tv)({
|
|
7253
7279
|
base: "flex items-center gap-x-3 typography-default",
|
|
7254
7280
|
variants: {
|
|
7255
7281
|
dense: {
|
|
@@ -7262,7 +7288,7 @@ var actionItemClasses = (0, import_tailwind_variants23.tv)({
|
|
|
7262
7288
|
}
|
|
7263
7289
|
}
|
|
7264
7290
|
});
|
|
7265
|
-
var toggleClasses = (0,
|
|
7291
|
+
var toggleClasses = (0, import_tailwind_variants24.tv)({
|
|
7266
7292
|
base: "grow-0 leading-none",
|
|
7267
7293
|
variants: {
|
|
7268
7294
|
disabled: {
|
|
@@ -7271,10 +7297,10 @@ var toggleClasses = (0, import_tailwind_variants23.tv)({
|
|
|
7271
7297
|
}
|
|
7272
7298
|
}
|
|
7273
7299
|
});
|
|
7274
|
-
var InputContainer =
|
|
7275
|
-
({ variant = "default", className, ...props }, ref) => /* @__PURE__ */
|
|
7300
|
+
var InputContainer = import_react50.default.forwardRef(
|
|
7301
|
+
({ variant = "default", className, ...props }, ref) => /* @__PURE__ */ import_react50.default.createElement("div", { ref, className: inputContainerClasses({ variant, className }), ...props })
|
|
7276
7302
|
);
|
|
7277
|
-
var Input =
|
|
7303
|
+
var Input = import_react50.default.forwardRef(({ className, required, ...props }, ref) => /* @__PURE__ */ import_react50.default.createElement(
|
|
7278
7304
|
"input",
|
|
7279
7305
|
{
|
|
7280
7306
|
ref,
|
|
@@ -7284,24 +7310,24 @@ var Input = import_react49.default.forwardRef(({ className, required, ...props }
|
|
|
7284
7310
|
...props
|
|
7285
7311
|
}
|
|
7286
7312
|
));
|
|
7287
|
-
var Menu =
|
|
7288
|
-
({ maxHeight = "450px", className, children, ...props }, ref) => /* @__PURE__ */
|
|
7313
|
+
var Menu = import_react50.default.forwardRef(
|
|
7314
|
+
({ maxHeight = "450px", className, children, ...props }, ref) => /* @__PURE__ */ import_react50.default.createElement("ul", { ref, style: { maxHeight }, className: menuClasses({ className }), ...props }, children)
|
|
7289
7315
|
);
|
|
7290
|
-
var NoResults =
|
|
7291
|
-
({ className, children, ...rest }, ref) => /* @__PURE__ */
|
|
7316
|
+
var NoResults = import_react50.default.forwardRef(
|
|
7317
|
+
({ className, children, ...rest }, ref) => /* @__PURE__ */ import_react50.default.createElement("li", { ref, ...rest, className: noResultsClasses({ className }) }, children)
|
|
7292
7318
|
);
|
|
7293
|
-
var EmptyStateContainer2 =
|
|
7294
|
-
var Divider2 = ({ className, ...props }) => /* @__PURE__ */
|
|
7295
|
-
var Group2 =
|
|
7319
|
+
var EmptyStateContainer2 = import_react50.default.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ import_react50.default.createElement("li", { ref, className: emptyStateContainerClasses({ className }), ...props }, children));
|
|
7320
|
+
var Divider2 = ({ className, ...props }) => /* @__PURE__ */ import_react50.default.createElement("div", { className: dividerClasses({ className }), ...props });
|
|
7321
|
+
var Group2 = import_react50.default.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ import_react50.default.createElement("li", { ref, className: groupClasses({ className }), ...props }, children));
|
|
7296
7322
|
var endAdornmentSize = { width: 14, height: 14 };
|
|
7297
|
-
var Item4 =
|
|
7323
|
+
var Item4 = import_react50.default.forwardRef(
|
|
7298
7324
|
({ highlighted, selected, className, children, ...props }, ref) => {
|
|
7299
7325
|
const isDisabled = Boolean(props["aria-disabled"]);
|
|
7300
|
-
return /* @__PURE__ */
|
|
7326
|
+
return /* @__PURE__ */ import_react50.default.createElement("li", { ref, className: itemClasses({ disabled: isDisabled, highlighted, className }), ...props }, /* @__PURE__ */ import_react50.default.createElement("span", { className: "grow flex gap-x-3" }, children), selected ? /* @__PURE__ */ import_react50.default.createElement(InlineIcon2, { icon: tick_default, ...endAdornmentSize }) : /* @__PURE__ */ import_react50.default.createElement("div", { style: endAdornmentSize }));
|
|
7301
7327
|
}
|
|
7302
7328
|
);
|
|
7303
|
-
var ActionItem =
|
|
7304
|
-
({ className, dense = false, icon, onClick, children, ...props }, ref) => /* @__PURE__ */
|
|
7329
|
+
var ActionItem = import_react50.default.forwardRef(
|
|
7330
|
+
({ className, dense = false, icon, onClick, children, ...props }, ref) => /* @__PURE__ */ import_react50.default.createElement(
|
|
7305
7331
|
"li",
|
|
7306
7332
|
{
|
|
7307
7333
|
ref,
|
|
@@ -7310,11 +7336,11 @@ var ActionItem = import_react49.default.forwardRef(
|
|
|
7310
7336
|
className: actionItemClasses({ dense, disabled: props.disabled, className }),
|
|
7311
7337
|
...props
|
|
7312
7338
|
},
|
|
7313
|
-
icon && /* @__PURE__ */
|
|
7339
|
+
icon && /* @__PURE__ */ import_react50.default.createElement(InlineIcon2, { icon }),
|
|
7314
7340
|
children
|
|
7315
7341
|
)
|
|
7316
7342
|
);
|
|
7317
|
-
var Toggle =
|
|
7343
|
+
var Toggle = import_react50.default.forwardRef(({ hasFocus, isOpen, ...props }, ref) => /* @__PURE__ */ import_react50.default.createElement(
|
|
7318
7344
|
"button",
|
|
7319
7345
|
{
|
|
7320
7346
|
ref,
|
|
@@ -7323,7 +7349,7 @@ var Toggle = import_react49.default.forwardRef(({ hasFocus, isOpen, ...props },
|
|
|
7323
7349
|
...props,
|
|
7324
7350
|
className: toggleClasses({ disabled: props.disabled ?? false })
|
|
7325
7351
|
},
|
|
7326
|
-
/* @__PURE__ */
|
|
7352
|
+
/* @__PURE__ */ import_react50.default.createElement(
|
|
7327
7353
|
InlineIcon2,
|
|
7328
7354
|
{
|
|
7329
7355
|
color: props.disabled ? "inactive" : "default",
|
|
@@ -7345,9 +7371,9 @@ var Select = {
|
|
|
7345
7371
|
};
|
|
7346
7372
|
|
|
7347
7373
|
// src/atoms/Stepper/Stepper.tsx
|
|
7348
|
-
var
|
|
7349
|
-
var
|
|
7350
|
-
var connectorStyles = (0,
|
|
7374
|
+
var import_react51 = __toESM(require("react"));
|
|
7375
|
+
var import_tailwind_variants25 = require("tailwind-variants");
|
|
7376
|
+
var connectorStyles = (0, import_tailwind_variants25.tv)({
|
|
7351
7377
|
slots: {
|
|
7352
7378
|
container: "absolute w-full -left-1/2",
|
|
7353
7379
|
connector: "w-full"
|
|
@@ -7369,7 +7395,7 @@ var connectorStyles = (0, import_tailwind_variants24.tv)({
|
|
|
7369
7395
|
}
|
|
7370
7396
|
}
|
|
7371
7397
|
});
|
|
7372
|
-
var stepStyles = (0,
|
|
7398
|
+
var stepStyles = (0, import_tailwind_variants25.tv)({
|
|
7373
7399
|
slots: {
|
|
7374
7400
|
step: "flex flex-col items-center relative text-center",
|
|
7375
7401
|
indicator: "Aquarium-Stepper-Indicator rounded-full flex justify-center items-center mx-2 mb-3"
|
|
@@ -7426,26 +7452,26 @@ var stepStyles = (0, import_tailwind_variants24.tv)({
|
|
|
7426
7452
|
}
|
|
7427
7453
|
]
|
|
7428
7454
|
});
|
|
7429
|
-
var Stepper = ({ className, ...rest }) => /* @__PURE__ */
|
|
7455
|
+
var Stepper = ({ className, ...rest }) => /* @__PURE__ */ import_react51.default.createElement("div", { ...rest, className });
|
|
7430
7456
|
var ConnectorContainer = ({
|
|
7431
7457
|
className,
|
|
7432
7458
|
dense = false,
|
|
7433
7459
|
...rest
|
|
7434
7460
|
}) => {
|
|
7435
7461
|
const { container: container2 } = connectorStyles({ dense });
|
|
7436
|
-
return /* @__PURE__ */
|
|
7462
|
+
return /* @__PURE__ */ import_react51.default.createElement("div", { ...rest, className: container2({ className }) });
|
|
7437
7463
|
};
|
|
7438
7464
|
var Connector = ({ children, className, completed = false, dense = false, ...rest }) => {
|
|
7439
7465
|
const { connector } = connectorStyles({ completed, dense });
|
|
7440
|
-
return /* @__PURE__ */
|
|
7466
|
+
return /* @__PURE__ */ import_react51.default.createElement("div", { ...rest, className: connector({ className }) });
|
|
7441
7467
|
};
|
|
7442
7468
|
var Step = ({ className, state, ...rest }) => {
|
|
7443
7469
|
const { step } = stepStyles({ state });
|
|
7444
|
-
return /* @__PURE__ */
|
|
7470
|
+
return /* @__PURE__ */ import_react51.default.createElement("div", { ...rest, className: step({ className }) });
|
|
7445
7471
|
};
|
|
7446
7472
|
var Indicator = ({ children, className, state, dense = false, ...rest }) => {
|
|
7447
7473
|
const { indicator } = stepStyles({ state, dense });
|
|
7448
|
-
return /* @__PURE__ */
|
|
7474
|
+
return /* @__PURE__ */ import_react51.default.createElement("div", { ...rest, className: indicator({ className }) }, state === "completed" ? /* @__PURE__ */ import_react51.default.createElement(InlineIcon2, { icon: tick_default }) : dense ? null : children);
|
|
7449
7475
|
};
|
|
7450
7476
|
Step.Indicator = Indicator;
|
|
7451
7477
|
Stepper.Step = Step;
|
|
@@ -7453,9 +7479,9 @@ ConnectorContainer.Connector = Connector;
|
|
|
7453
7479
|
Stepper.ConnectorContainer = ConnectorContainer;
|
|
7454
7480
|
|
|
7455
7481
|
// src/atoms/Switch/Switch.tsx
|
|
7456
|
-
var
|
|
7457
|
-
var
|
|
7458
|
-
var switchStyles = (0,
|
|
7482
|
+
var import_react52 = __toESM(require("react"));
|
|
7483
|
+
var import_tailwind_variants26 = require("tailwind-variants");
|
|
7484
|
+
var switchStyles = (0, import_tailwind_variants26.tv)({
|
|
7459
7485
|
slots: {
|
|
7460
7486
|
wrapper: "relative inline-flex justify-center items-center self-center group",
|
|
7461
7487
|
input: "appearance-none peer/switch rounded-full inline-block w-[34px] h-[20px] transition duration-300 outline-none focusable cursor-pointer disabled:cursor-not-allowed focus-visible:ring-action-focus",
|
|
@@ -7474,10 +7500,10 @@ var switchStyles = (0, import_tailwind_variants25.tv)({
|
|
|
7474
7500
|
}
|
|
7475
7501
|
}
|
|
7476
7502
|
});
|
|
7477
|
-
var Switch =
|
|
7503
|
+
var Switch = import_react52.default.forwardRef(
|
|
7478
7504
|
({ id, children, name, disabled = false, readOnly = false, ...props }, ref) => {
|
|
7479
7505
|
const { wrapper, input, thumb } = switchStyles({ disabled });
|
|
7480
|
-
return /* @__PURE__ */
|
|
7506
|
+
return /* @__PURE__ */ import_react52.default.createElement("span", { className: wrapper() }, /* @__PURE__ */ import_react52.default.createElement(
|
|
7481
7507
|
"input",
|
|
7482
7508
|
{
|
|
7483
7509
|
id,
|
|
@@ -7489,15 +7515,15 @@ var Switch = import_react51.default.forwardRef(
|
|
|
7489
7515
|
readOnly,
|
|
7490
7516
|
disabled
|
|
7491
7517
|
}
|
|
7492
|
-
), /* @__PURE__ */
|
|
7518
|
+
), /* @__PURE__ */ import_react52.default.createElement("span", { className: thumb() }, disabled && /* @__PURE__ */ import_react52.default.createElement(Icon2, { icon: ban_default, width: "10px", height: "10px" })));
|
|
7493
7519
|
}
|
|
7494
7520
|
);
|
|
7495
7521
|
|
|
7496
7522
|
// src/atoms/VisuallyHidden/VisuallyHidden.tsx
|
|
7497
|
-
var
|
|
7523
|
+
var import_react53 = __toESM(require("react"));
|
|
7498
7524
|
var import_visually_hidden = require("@react-aria/visually-hidden");
|
|
7499
7525
|
var VisuallyHidden = (props) => {
|
|
7500
|
-
return /* @__PURE__ */
|
|
7526
|
+
return /* @__PURE__ */ import_react53.default.createElement(import_visually_hidden.VisuallyHidden, { ...props });
|
|
7501
7527
|
};
|
|
7502
7528
|
// Annotate the CommonJS export names for ESM import in node:
|
|
7503
7529
|
0 && (module.exports = {
|
|
@@ -7509,6 +7535,7 @@ var VisuallyHidden = (props) => {
|
|
|
7509
7535
|
Checkbox,
|
|
7510
7536
|
Chip,
|
|
7511
7537
|
ChoiceChip,
|
|
7538
|
+
CommandPalette,
|
|
7512
7539
|
DIALOG_ICONS_AND_COLORS,
|
|
7513
7540
|
DataList,
|
|
7514
7541
|
Dialog,
|
|
@@ -7540,6 +7567,10 @@ var VisuallyHidden = (props) => {
|
|
|
7540
7567
|
bodyCellClasses,
|
|
7541
7568
|
buttonClasses,
|
|
7542
7569
|
cellClassNames,
|
|
7570
|
+
commandPaletteStyles,
|
|
7571
|
+
dropdownMenuGroupStyles,
|
|
7572
|
+
dropdownMenuItemStyles,
|
|
7573
|
+
dropdownMenuStyles,
|
|
7543
7574
|
getAlignClassNames,
|
|
7544
7575
|
getBodyCellClassNames,
|
|
7545
7576
|
getHeadCellClassNames,
|