@bubo-squared/ui-framework 0.2.33 → 0.2.35
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/index.cjs +214 -156
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +28 -1
- package/dist/index.d.ts +28 -1
- package/dist/index.js +211 -154
- package/dist/index.js.map +1 -1
- package/dist/style.css +1 -1
- package/package.json +1 -1
package/dist/index.cjs
CHANGED
|
@@ -65,6 +65,7 @@ __export(index_exports, {
|
|
|
65
65
|
Progress: () => Progress,
|
|
66
66
|
RadioGroup: () => RadioGroup,
|
|
67
67
|
SearchInput: () => SearchInput,
|
|
68
|
+
SegmentedSwitch: () => SegmentedSwitch,
|
|
68
69
|
Select: () => Select,
|
|
69
70
|
Slider: () => Slider,
|
|
70
71
|
StatusAvatar: () => StatusAvatar,
|
|
@@ -1443,7 +1444,7 @@ var import_icons5 = require("@bubo-squared/icons");
|
|
|
1443
1444
|
|
|
1444
1445
|
// src/components/ui/dropdown-styles.ts
|
|
1445
1446
|
var import_class_variance_authority13 = require("class-variance-authority");
|
|
1446
|
-
var dropdownSurfaceClass = "z-50 rounded-
|
|
1447
|
+
var dropdownSurfaceClass = "z-50 rounded-8 border border-secondary-hover bg-(--background-neutral) shadow-card-md";
|
|
1447
1448
|
var dropdownScrollClass = "max-h-79 overflow-y-auto dropdown-scrollbar";
|
|
1448
1449
|
var dropdownRowVariants = (0, import_class_variance_authority13.cva)(
|
|
1449
1450
|
"flex w-full items-center gap-2 pl-(--space-8) pr-(--space-16) text-left text-primary cursor-pointer hover:bg-(--background-secondary)",
|
|
@@ -3339,7 +3340,9 @@ var SearchInput = React33.forwardRef((props, forwardedRef) => {
|
|
|
3339
3340
|
disabled: disabled ?? void 0,
|
|
3340
3341
|
variant: "bare",
|
|
3341
3342
|
className: cn(
|
|
3342
|
-
searchTextVariants({ size })
|
|
3343
|
+
searchTextVariants({ size }),
|
|
3344
|
+
"[&::-webkit-search-cancel-button]:appearance-none",
|
|
3345
|
+
"[&::-webkit-search-cancel-button]:hidden"
|
|
3343
3346
|
),
|
|
3344
3347
|
...inputProps
|
|
3345
3348
|
}
|
|
@@ -3351,13 +3354,67 @@ var SearchInput = React33.forwardRef((props, forwardedRef) => {
|
|
|
3351
3354
|
});
|
|
3352
3355
|
SearchInput.displayName = "SearchInput";
|
|
3353
3356
|
|
|
3357
|
+
// src/components/Inputs/SegmentedSwitch.tsx
|
|
3358
|
+
var React34 = __toESM(require("react"), 1);
|
|
3359
|
+
var import_jsx_runtime36 = require("react/jsx-runtime");
|
|
3360
|
+
var SegmentedSwitch = React34.forwardRef((props, forwardedRef) => {
|
|
3361
|
+
const {
|
|
3362
|
+
name,
|
|
3363
|
+
options,
|
|
3364
|
+
value,
|
|
3365
|
+
onValueChange,
|
|
3366
|
+
disabled = false,
|
|
3367
|
+
className,
|
|
3368
|
+
"aria-label": ariaLabel,
|
|
3369
|
+
pill = false,
|
|
3370
|
+
...divProps
|
|
3371
|
+
} = props;
|
|
3372
|
+
const handleSelect = (nextValue) => {
|
|
3373
|
+
if (disabled || nextValue === value) return;
|
|
3374
|
+
onValueChange(nextValue);
|
|
3375
|
+
};
|
|
3376
|
+
return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { ref: forwardedRef, className: cn("inline-flex items-center", className), ...divProps, children: [
|
|
3377
|
+
/* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
|
|
3378
|
+
"div",
|
|
3379
|
+
{
|
|
3380
|
+
role: "radiogroup",
|
|
3381
|
+
"aria-label": ariaLabel,
|
|
3382
|
+
className: cn(
|
|
3383
|
+
"inline-flex h-8 items-center rounded-24 border p-px",
|
|
3384
|
+
disabled ? "border-secondary-disabled bg-(--background-primary-disabled)" : "border-secondary bg-(--background-primary)"
|
|
3385
|
+
),
|
|
3386
|
+
children: options.map((option, index) => /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
|
|
3387
|
+
"button",
|
|
3388
|
+
{
|
|
3389
|
+
type: "button",
|
|
3390
|
+
role: "radio",
|
|
3391
|
+
"aria-checked": value === option.value,
|
|
3392
|
+
"aria-label": option["aria-label"],
|
|
3393
|
+
disabled,
|
|
3394
|
+
onClick: () => handleSelect(option.value),
|
|
3395
|
+
className: cn(
|
|
3396
|
+
"paragraph-md inline-flex h-full min-w-28 items-center justify-center px-4 transition-colors",
|
|
3397
|
+
!pill ? "rounded-24" : index === 0 ? "rounded-l-24" : "rounded-r-24",
|
|
3398
|
+
value === option.value ? disabled ? "bg-(--background-primary-hover) text-primary-disabled" : "bg-(--background-brand) text-button-white" : disabled ? "text-primary-disabled" : "text-secondary hover:text-(--color-primary-hover)"
|
|
3399
|
+
),
|
|
3400
|
+
children: option.label
|
|
3401
|
+
},
|
|
3402
|
+
option.value
|
|
3403
|
+
))
|
|
3404
|
+
}
|
|
3405
|
+
),
|
|
3406
|
+
name ? /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("input", { type: "hidden", name, value }) : null
|
|
3407
|
+
] });
|
|
3408
|
+
});
|
|
3409
|
+
SegmentedSwitch.displayName = "SegmentedSwitch";
|
|
3410
|
+
|
|
3354
3411
|
// src/components/Inputs/Slider.tsx
|
|
3355
|
-
var
|
|
3412
|
+
var React36 = __toESM(require("react"), 1);
|
|
3356
3413
|
|
|
3357
3414
|
// src/components/Feedback/Tooltip.tsx
|
|
3358
|
-
var
|
|
3415
|
+
var React35 = __toESM(require("react"), 1);
|
|
3359
3416
|
var TooltipPrimitive = __toESM(require("@radix-ui/react-tooltip"), 1);
|
|
3360
|
-
var
|
|
3417
|
+
var import_jsx_runtime37 = require("react/jsx-runtime");
|
|
3361
3418
|
var TooltipArrow = TooltipPrimitive.Arrow;
|
|
3362
3419
|
var REACT_FORWARD_REF_TYPE = /* @__PURE__ */ Symbol.for("react.forward_ref");
|
|
3363
3420
|
var REACT_MEMO_TYPE = /* @__PURE__ */ Symbol.for("react.memo");
|
|
@@ -3409,20 +3466,20 @@ var Tooltip = (props) => {
|
|
|
3409
3466
|
className,
|
|
3410
3467
|
placement = "top",
|
|
3411
3468
|
offset = 10,
|
|
3412
|
-
disableHoverableContent,
|
|
3469
|
+
disableHoverableContent = false,
|
|
3413
3470
|
open,
|
|
3414
3471
|
defaultOpen,
|
|
3415
3472
|
onOpenChange,
|
|
3416
3473
|
children,
|
|
3417
3474
|
delayDuration = 200
|
|
3418
3475
|
} = props;
|
|
3419
|
-
const trigger =
|
|
3476
|
+
const trigger = React35.isValidElement(children) && canAcceptRef(children) ? children : /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("span", { className: "inline-flex", tabIndex: 0, children });
|
|
3420
3477
|
const hasStrapline = typeof strapline === "string" ? strapline.trim() !== "" : strapline != null;
|
|
3421
3478
|
const hasDescription = typeof description === "string" ? description.trim() !== "" : description != null;
|
|
3422
3479
|
const { side, align } = mapPlacementToSideAndAlign(placement);
|
|
3423
|
-
const tooltipClasses = "group bg-(--background-tooltip) max-w-[calc(100vw-2rem)] shadow-card-md border-none rounded-
|
|
3480
|
+
const tooltipClasses = "group bg-(--background-tooltip) max-w-[calc(100vw-2rem)] shadow-card-md border-none rounded-8 py-1.5 px-2.5 [&>span]:scale-200 data-[state=delayed-open]:animate-in data-[state=instant-open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=delayed-open]:fade-in-0 data-[state=instant-open]:fade-in-0 data-[state=delayed-open]:zoom-in-95 data-[state=instant-open]:zoom-in-95 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";
|
|
3424
3481
|
const tooltipArrowClasses = "relative fill-(--background-tooltip) transition-[filter,transform] group-data-[side=top]:top-[-2px] group-data-[side=top]:drop-shadow-[0px_1px_1px_color-mix(in_srgb,_var(--color-b-black-10)_66%,_transparent)] group-data-[side=bottom]:drop-shadow-[0px_1px_1px_color-mix(in_srgb,_var(--color-b-black-10)_66%,_transparent)] group-data-[side=left]:drop-shadow-[0px_2px_1px_color-mix(in_srgb,_var(--color-b-black-10)_66%,_transparent)] group-data-[side=right]:drop-shadow-[0px_2px_1px_color-mix(in_srgb,_var(--color-b-black-10)_66%,_transparent)]";
|
|
3425
|
-
return /* @__PURE__ */ (0,
|
|
3482
|
+
return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(
|
|
3426
3483
|
TooltipPrimitive.Root,
|
|
3427
3484
|
{
|
|
3428
3485
|
open,
|
|
@@ -3431,8 +3488,8 @@ var Tooltip = (props) => {
|
|
|
3431
3488
|
disableHoverableContent,
|
|
3432
3489
|
delayDuration,
|
|
3433
3490
|
children: [
|
|
3434
|
-
/* @__PURE__ */ (0,
|
|
3435
|
-
/* @__PURE__ */ (0,
|
|
3491
|
+
/* @__PURE__ */ (0, import_jsx_runtime37.jsx)(TooltipPrimitive.Trigger, { asChild: true, children: trigger }),
|
|
3492
|
+
/* @__PURE__ */ (0, import_jsx_runtime37.jsx)(TooltipPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(
|
|
3436
3493
|
TooltipPrimitive.Content,
|
|
3437
3494
|
{
|
|
3438
3495
|
side,
|
|
@@ -3440,11 +3497,11 @@ var Tooltip = (props) => {
|
|
|
3440
3497
|
sideOffset: offset,
|
|
3441
3498
|
className: cn(tooltipClasses, className),
|
|
3442
3499
|
children: [
|
|
3443
|
-
showArrow && /* @__PURE__ */ (0,
|
|
3444
|
-
/* @__PURE__ */ (0,
|
|
3445
|
-
hasStrapline && /* @__PURE__ */ (0,
|
|
3446
|
-
/* @__PURE__ */ (0,
|
|
3447
|
-
hasDescription && /* @__PURE__ */ (0,
|
|
3500
|
+
showArrow && /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(TooltipArrow, { className: tooltipArrowClasses }),
|
|
3501
|
+
/* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "grid", children: [
|
|
3502
|
+
hasStrapline && /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("span", { className: "caption text-secondary", children: strapline }),
|
|
3503
|
+
/* @__PURE__ */ (0, import_jsx_runtime37.jsx)("h4", { className: "paragraph-md text-primary", children: title }),
|
|
3504
|
+
hasDescription && /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("p", { className: "paragraph-sm text-primary", children: description })
|
|
3448
3505
|
] })
|
|
3449
3506
|
]
|
|
3450
3507
|
}
|
|
@@ -3456,7 +3513,7 @@ var Tooltip = (props) => {
|
|
|
3456
3513
|
Tooltip.displayName = "Tooltip";
|
|
3457
3514
|
|
|
3458
3515
|
// src/components/Inputs/Slider.tsx
|
|
3459
|
-
var
|
|
3516
|
+
var import_jsx_runtime38 = require("react/jsx-runtime");
|
|
3460
3517
|
var wrapperBase = "flex flex-col gap-2 items-start";
|
|
3461
3518
|
var isRangeProps = (props) => {
|
|
3462
3519
|
return Array.isArray(props.value) || Array.isArray(props.defaultValue);
|
|
@@ -3465,7 +3522,7 @@ var toArray = (value) => {
|
|
|
3465
3522
|
if (value === void 0) return void 0;
|
|
3466
3523
|
return Array.isArray(value) ? value : [value];
|
|
3467
3524
|
};
|
|
3468
|
-
var Slider =
|
|
3525
|
+
var Slider = React36.forwardRef((props, forwardedRef) => {
|
|
3469
3526
|
const {
|
|
3470
3527
|
name,
|
|
3471
3528
|
display = "flat",
|
|
@@ -3483,7 +3540,7 @@ var Slider = React35.forwardRef((props, forwardedRef) => {
|
|
|
3483
3540
|
const isRange = isRangeProps(props);
|
|
3484
3541
|
const isControlled = value !== void 0;
|
|
3485
3542
|
const expectedLength = isRange ? 2 : 1;
|
|
3486
|
-
const normalizeArray =
|
|
3543
|
+
const normalizeArray = React36.useCallback(
|
|
3487
3544
|
(arr, fallback) => {
|
|
3488
3545
|
if (!arr || arr.length === 0) return fallback;
|
|
3489
3546
|
if (arr.length === expectedLength) return arr;
|
|
@@ -3495,16 +3552,16 @@ var Slider = React35.forwardRef((props, forwardedRef) => {
|
|
|
3495
3552
|
},
|
|
3496
3553
|
[expectedLength, max]
|
|
3497
3554
|
);
|
|
3498
|
-
const defaultInternal =
|
|
3555
|
+
const defaultInternal = React36.useMemo(() => {
|
|
3499
3556
|
const defaultValueArray = toArray(defaultValue);
|
|
3500
3557
|
if (defaultValueArray) return normalizeArray(defaultValueArray, []);
|
|
3501
3558
|
if (isRange) return [min, Math.min(min + (max - min) / 4, max)];
|
|
3502
3559
|
return [min + (max - min) / 3];
|
|
3503
3560
|
}, [defaultValue, min, max, isRange, normalizeArray]);
|
|
3504
|
-
const [internalValue, setInternalValue] =
|
|
3561
|
+
const [internalValue, setInternalValue] = React36.useState(
|
|
3505
3562
|
() => normalizeArray(isControlled ? toArray(value) : defaultInternal, defaultInternal)
|
|
3506
3563
|
);
|
|
3507
|
-
|
|
3564
|
+
React36.useEffect(() => {
|
|
3508
3565
|
if (isControlled) {
|
|
3509
3566
|
setInternalValue(
|
|
3510
3567
|
(current2) => normalizeArray(toArray(value), current2.length ? current2 : defaultInternal)
|
|
@@ -3512,16 +3569,16 @@ var Slider = React35.forwardRef((props, forwardedRef) => {
|
|
|
3512
3569
|
}
|
|
3513
3570
|
}, [isControlled, value, normalizeArray, defaultInternal]);
|
|
3514
3571
|
const current = internalValue;
|
|
3515
|
-
const trackRef =
|
|
3516
|
-
const [draggingThumbIndex, setDraggingThumbIndex] =
|
|
3517
|
-
const [hoveredThumbIndex, setHoveredThumbIndex] =
|
|
3518
|
-
const [focusedThumbIndex, setFocusedThumbIndex] =
|
|
3519
|
-
const clamp =
|
|
3572
|
+
const trackRef = React36.useRef(null);
|
|
3573
|
+
const [draggingThumbIndex, setDraggingThumbIndex] = React36.useState(null);
|
|
3574
|
+
const [hoveredThumbIndex, setHoveredThumbIndex] = React36.useState(null);
|
|
3575
|
+
const [focusedThumbIndex, setFocusedThumbIndex] = React36.useState(null);
|
|
3576
|
+
const clamp = React36.useCallback((val) => {
|
|
3520
3577
|
if (val < min) return min;
|
|
3521
3578
|
if (val > max) return max;
|
|
3522
3579
|
return val;
|
|
3523
3580
|
}, [min, max]);
|
|
3524
|
-
const enforceMinGap =
|
|
3581
|
+
const enforceMinGap = React36.useCallback((next, prev) => {
|
|
3525
3582
|
if (!isRange || next.length !== 2 || step <= 0) return next;
|
|
3526
3583
|
let [low, high] = next;
|
|
3527
3584
|
const [prevLow, prevHigh] = prev.length === 2 ? prev : next;
|
|
@@ -3545,7 +3602,7 @@ var Slider = React35.forwardRef((props, forwardedRef) => {
|
|
|
3545
3602
|
}
|
|
3546
3603
|
return [low, high];
|
|
3547
3604
|
}, [isRange, step, clamp]);
|
|
3548
|
-
|
|
3605
|
+
React36.useEffect(() => {
|
|
3549
3606
|
if (!isControlled) {
|
|
3550
3607
|
setInternalValue((prev) => {
|
|
3551
3608
|
const clamped = prev.map((v) => clamp(v));
|
|
@@ -3718,7 +3775,7 @@ var Slider = React35.forwardRef((props, forwardedRef) => {
|
|
|
3718
3775
|
const second = formatNumber(valueToPercent(secondary));
|
|
3719
3776
|
return `${first} - ${second}`;
|
|
3720
3777
|
}
|
|
3721
|
-
return /* @__PURE__ */ (0,
|
|
3778
|
+
return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(import_jsx_runtime38.Fragment, { children: [
|
|
3722
3779
|
formatDisplayNode(primary),
|
|
3723
3780
|
" - ",
|
|
3724
3781
|
formatDisplayNode(secondary)
|
|
@@ -3733,7 +3790,7 @@ var Slider = React35.forwardRef((props, forwardedRef) => {
|
|
|
3733
3790
|
const val = index === 0 ? primary : secondary;
|
|
3734
3791
|
const isDragging = draggingThumbIndex === index;
|
|
3735
3792
|
const isTooltipVisible = showTooltip && (hoveredThumbIndex === index || draggingThumbIndex === index || focusedThumbIndex === index);
|
|
3736
|
-
const handle = /* @__PURE__ */ (0,
|
|
3793
|
+
const handle = /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
|
|
3737
3794
|
"button",
|
|
3738
3795
|
{
|
|
3739
3796
|
type: "button",
|
|
@@ -3779,7 +3836,7 @@ var Slider = React35.forwardRef((props, forwardedRef) => {
|
|
|
3779
3836
|
index
|
|
3780
3837
|
);
|
|
3781
3838
|
if (!showTooltip) return handle;
|
|
3782
|
-
return /* @__PURE__ */ (0,
|
|
3839
|
+
return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
|
|
3783
3840
|
Tooltip,
|
|
3784
3841
|
{
|
|
3785
3842
|
title: tooltipContent,
|
|
@@ -3792,15 +3849,15 @@ var Slider = React35.forwardRef((props, forwardedRef) => {
|
|
|
3792
3849
|
}
|
|
3793
3850
|
);
|
|
3794
3851
|
};
|
|
3795
|
-
return /* @__PURE__ */ (0,
|
|
3852
|
+
return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(
|
|
3796
3853
|
"div",
|
|
3797
3854
|
{
|
|
3798
3855
|
className: wrapperBase,
|
|
3799
3856
|
style: { marginInline: `${thumbRadius}px` },
|
|
3800
3857
|
ref: forwardedRef,
|
|
3801
3858
|
children: [
|
|
3802
|
-
name && /* @__PURE__ */ (0,
|
|
3803
|
-
/* @__PURE__ */ (0,
|
|
3859
|
+
name && /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(import_jsx_runtime38.Fragment, { children: [
|
|
3860
|
+
/* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
|
|
3804
3861
|
"input",
|
|
3805
3862
|
{
|
|
3806
3863
|
type: "hidden",
|
|
@@ -3809,7 +3866,7 @@ var Slider = React35.forwardRef((props, forwardedRef) => {
|
|
|
3809
3866
|
disabled
|
|
3810
3867
|
}
|
|
3811
3868
|
),
|
|
3812
|
-
isRange && secondary !== void 0 && /* @__PURE__ */ (0,
|
|
3869
|
+
isRange && secondary !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
|
|
3813
3870
|
"input",
|
|
3814
3871
|
{
|
|
3815
3872
|
type: "hidden",
|
|
@@ -3819,8 +3876,8 @@ var Slider = React35.forwardRef((props, forwardedRef) => {
|
|
|
3819
3876
|
}
|
|
3820
3877
|
)
|
|
3821
3878
|
] }),
|
|
3822
|
-
/* @__PURE__ */ (0,
|
|
3823
|
-
/* @__PURE__ */ (0,
|
|
3879
|
+
/* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: cn("w-full flex flex-col gap-1", className), children: [
|
|
3880
|
+
/* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "relative w-full", children: /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(
|
|
3824
3881
|
"div",
|
|
3825
3882
|
{
|
|
3826
3883
|
className: cn(
|
|
@@ -3831,7 +3888,7 @@ var Slider = React35.forwardRef((props, forwardedRef) => {
|
|
|
3831
3888
|
ref: trackRef,
|
|
3832
3889
|
onPointerDown: handleTrackPointerDown,
|
|
3833
3890
|
children: [
|
|
3834
|
-
/* @__PURE__ */ (0,
|
|
3891
|
+
/* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
|
|
3835
3892
|
"div",
|
|
3836
3893
|
{
|
|
3837
3894
|
className: cn(
|
|
@@ -3859,7 +3916,7 @@ var Slider = React35.forwardRef((props, forwardedRef) => {
|
|
|
3859
3916
|
]
|
|
3860
3917
|
}
|
|
3861
3918
|
) }),
|
|
3862
|
-
showNumeric && /* @__PURE__ */ (0,
|
|
3919
|
+
showNumeric && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
|
|
3863
3920
|
"p",
|
|
3864
3921
|
{
|
|
3865
3922
|
className: cn(
|
|
@@ -3877,10 +3934,10 @@ var Slider = React35.forwardRef((props, forwardedRef) => {
|
|
|
3877
3934
|
Slider.displayName = "Slider";
|
|
3878
3935
|
|
|
3879
3936
|
// src/components/Inputs/TextArea.tsx
|
|
3880
|
-
var
|
|
3937
|
+
var React37 = __toESM(require("react"), 1);
|
|
3881
3938
|
var import_icons13 = require("@bubo-squared/icons");
|
|
3882
|
-
var
|
|
3883
|
-
var TextArea =
|
|
3939
|
+
var import_jsx_runtime39 = require("react/jsx-runtime");
|
|
3940
|
+
var TextArea = React37.forwardRef((props, forwardedRef) => {
|
|
3884
3941
|
const {
|
|
3885
3942
|
label,
|
|
3886
3943
|
hint,
|
|
@@ -3899,7 +3956,7 @@ var TextArea = React36.forwardRef((props, forwardedRef) => {
|
|
|
3899
3956
|
...textareaProps
|
|
3900
3957
|
} = props;
|
|
3901
3958
|
const isControlled = value !== void 0;
|
|
3902
|
-
const [internalValue, setInternalValue] =
|
|
3959
|
+
const [internalValue, setInternalValue] = React37.useState(
|
|
3903
3960
|
defaultValue ?? ""
|
|
3904
3961
|
);
|
|
3905
3962
|
const currentValue = (isControlled ? value : internalValue) ?? "";
|
|
@@ -3907,9 +3964,9 @@ var TextArea = React36.forwardRef((props, forwardedRef) => {
|
|
|
3907
3964
|
const currentLength = currentValue.length;
|
|
3908
3965
|
const effectiveMaxLength = type === "character-limit" ? maxLength ?? 144 : void 0;
|
|
3909
3966
|
const showCharacterLimit = type === "character-limit" && typeof effectiveMaxLength === "number";
|
|
3910
|
-
const textareaRef =
|
|
3911
|
-
const containerRef =
|
|
3912
|
-
const setTextareaRef =
|
|
3967
|
+
const textareaRef = React37.useRef(null);
|
|
3968
|
+
const containerRef = React37.useRef(null);
|
|
3969
|
+
const setTextareaRef = React37.useCallback(
|
|
3913
3970
|
(node) => {
|
|
3914
3971
|
textareaRef.current = node;
|
|
3915
3972
|
if (!forwardedRef) return;
|
|
@@ -3921,8 +3978,8 @@ var TextArea = React36.forwardRef((props, forwardedRef) => {
|
|
|
3921
3978
|
},
|
|
3922
3979
|
[forwardedRef]
|
|
3923
3980
|
);
|
|
3924
|
-
const [height, setHeight] =
|
|
3925
|
-
const [width, setWidth] =
|
|
3981
|
+
const [height, setHeight] = React37.useState(void 0);
|
|
3982
|
+
const [width, setWidth] = React37.useState(void 0);
|
|
3926
3983
|
const minHeight = 80;
|
|
3927
3984
|
const minWidth = 240;
|
|
3928
3985
|
const handleContainerClick = () => {
|
|
@@ -3935,7 +3992,7 @@ var TextArea = React36.forwardRef((props, forwardedRef) => {
|
|
|
3935
3992
|
}
|
|
3936
3993
|
onChange?.(event);
|
|
3937
3994
|
};
|
|
3938
|
-
const generatedId =
|
|
3995
|
+
const generatedId = React37.useId();
|
|
3939
3996
|
const textareaId = id ?? generatedId;
|
|
3940
3997
|
const statusBorderClass = {
|
|
3941
3998
|
default: "",
|
|
@@ -3972,7 +4029,7 @@ var TextArea = React36.forwardRef((props, forwardedRef) => {
|
|
|
3972
4029
|
window.addEventListener("pointermove", handlePointerMove);
|
|
3973
4030
|
window.addEventListener("pointerup", handlePointerUp);
|
|
3974
4031
|
};
|
|
3975
|
-
return /* @__PURE__ */ (0,
|
|
4032
|
+
return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
|
|
3976
4033
|
Field,
|
|
3977
4034
|
{
|
|
3978
4035
|
className: "w-full",
|
|
@@ -3981,7 +4038,7 @@ var TextArea = React36.forwardRef((props, forwardedRef) => {
|
|
|
3981
4038
|
hideHint,
|
|
3982
4039
|
status,
|
|
3983
4040
|
disabled,
|
|
3984
|
-
children: /* @__PURE__ */ (0,
|
|
4041
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
|
|
3985
4042
|
"div",
|
|
3986
4043
|
{
|
|
3987
4044
|
className: cn(
|
|
@@ -4000,7 +4057,7 @@ var TextArea = React36.forwardRef((props, forwardedRef) => {
|
|
|
4000
4057
|
onClick: handleContainerClick,
|
|
4001
4058
|
"aria-disabled": disabled || void 0,
|
|
4002
4059
|
children: [
|
|
4003
|
-
/* @__PURE__ */ (0,
|
|
4060
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
|
|
4004
4061
|
"textarea",
|
|
4005
4062
|
{
|
|
4006
4063
|
id: textareaId,
|
|
@@ -4020,7 +4077,7 @@ var TextArea = React36.forwardRef((props, forwardedRef) => {
|
|
|
4020
4077
|
...textareaProps
|
|
4021
4078
|
}
|
|
4022
4079
|
),
|
|
4023
|
-
showCharacterLimit && /* @__PURE__ */ (0,
|
|
4080
|
+
showCharacterLimit && /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
|
|
4024
4081
|
"span",
|
|
4025
4082
|
{
|
|
4026
4083
|
className: cn(
|
|
@@ -4034,19 +4091,19 @@ var TextArea = React36.forwardRef((props, forwardedRef) => {
|
|
|
4034
4091
|
]
|
|
4035
4092
|
}
|
|
4036
4093
|
),
|
|
4037
|
-
type === "responsive" && /* @__PURE__ */ (0,
|
|
4094
|
+
type === "responsive" && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
|
|
4038
4095
|
"div",
|
|
4039
4096
|
{
|
|
4040
4097
|
className: "absolute bottom-1 right-1 h-3 w-3 " + (disabled ? "cursor-auto" : "cursor-nwse-resize"),
|
|
4041
4098
|
onPointerDown: disabled ? void 0 : handleResizePointerDown,
|
|
4042
|
-
children: /* @__PURE__ */ (0,
|
|
4099
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
|
|
4043
4100
|
"span",
|
|
4044
4101
|
{
|
|
4045
4102
|
className: cn(
|
|
4046
4103
|
"absolute bottom-0 right-0 flex h-4 w-4 items-center justify-center text-(--icon-primary)",
|
|
4047
4104
|
disabled && "text-(--icon-primary-disabled)"
|
|
4048
4105
|
),
|
|
4049
|
-
children: /* @__PURE__ */ (0,
|
|
4106
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_icons13.MaximizeIcon, {})
|
|
4050
4107
|
}
|
|
4051
4108
|
)
|
|
4052
4109
|
}
|
|
@@ -4060,9 +4117,9 @@ var TextArea = React36.forwardRef((props, forwardedRef) => {
|
|
|
4060
4117
|
TextArea.displayName = "TextArea";
|
|
4061
4118
|
|
|
4062
4119
|
// src/components/Inputs/TextInput.tsx
|
|
4063
|
-
var
|
|
4120
|
+
var React38 = __toESM(require("react"), 1);
|
|
4064
4121
|
var import_class_variance_authority20 = require("class-variance-authority");
|
|
4065
|
-
var
|
|
4122
|
+
var import_jsx_runtime40 = require("react/jsx-runtime");
|
|
4066
4123
|
var inputTextVariants3 = (0, import_class_variance_authority20.cva)("truncate", {
|
|
4067
4124
|
variants: {
|
|
4068
4125
|
size: {
|
|
@@ -4095,7 +4152,7 @@ var iconWrapperVariants4 = (0, import_class_variance_authority20.cva)(
|
|
|
4095
4152
|
}
|
|
4096
4153
|
}
|
|
4097
4154
|
);
|
|
4098
|
-
var TextInput =
|
|
4155
|
+
var TextInput = React38.forwardRef((props, forwardedRef) => {
|
|
4099
4156
|
const {
|
|
4100
4157
|
label,
|
|
4101
4158
|
hint,
|
|
@@ -4113,12 +4170,12 @@ var TextInput = React37.forwardRef((props, forwardedRef) => {
|
|
|
4113
4170
|
...inputProps
|
|
4114
4171
|
} = props;
|
|
4115
4172
|
const isControlled = value !== void 0;
|
|
4116
|
-
const [internalValue, setInternalValue] =
|
|
4173
|
+
const [internalValue, setInternalValue] = React38.useState(
|
|
4117
4174
|
defaultValue ?? ""
|
|
4118
4175
|
);
|
|
4119
4176
|
const currentValue = (isControlled ? value : internalValue) ?? "";
|
|
4120
|
-
const inputRef =
|
|
4121
|
-
const setInputRef =
|
|
4177
|
+
const inputRef = React38.useRef(null);
|
|
4178
|
+
const setInputRef = React38.useCallback(
|
|
4122
4179
|
(node) => {
|
|
4123
4180
|
inputRef.current = node;
|
|
4124
4181
|
if (!forwardedRef) return;
|
|
@@ -4142,7 +4199,7 @@ var TextInput = React37.forwardRef((props, forwardedRef) => {
|
|
|
4142
4199
|
};
|
|
4143
4200
|
const showLeadingIcon = !!leadingIcon;
|
|
4144
4201
|
const showTrailingIcon = !!trailingIcon;
|
|
4145
|
-
return /* @__PURE__ */ (0,
|
|
4202
|
+
return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
|
|
4146
4203
|
Field,
|
|
4147
4204
|
{
|
|
4148
4205
|
label,
|
|
@@ -4150,7 +4207,7 @@ var TextInput = React37.forwardRef((props, forwardedRef) => {
|
|
|
4150
4207
|
hideHint,
|
|
4151
4208
|
status,
|
|
4152
4209
|
disabled,
|
|
4153
|
-
children: /* @__PURE__ */ (0,
|
|
4210
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
|
|
4154
4211
|
InputShell,
|
|
4155
4212
|
{
|
|
4156
4213
|
size,
|
|
@@ -4159,7 +4216,7 @@ var TextInput = React37.forwardRef((props, forwardedRef) => {
|
|
|
4159
4216
|
className,
|
|
4160
4217
|
onClick: handleContainerClick,
|
|
4161
4218
|
children: [
|
|
4162
|
-
showLeadingIcon && /* @__PURE__ */ (0,
|
|
4219
|
+
showLeadingIcon && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
|
|
4163
4220
|
"span",
|
|
4164
4221
|
{
|
|
4165
4222
|
className: cn(
|
|
@@ -4168,7 +4225,7 @@ var TextInput = React37.forwardRef((props, forwardedRef) => {
|
|
|
4168
4225
|
children: leadingIcon
|
|
4169
4226
|
}
|
|
4170
4227
|
),
|
|
4171
|
-
/* @__PURE__ */ (0,
|
|
4228
|
+
/* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
|
|
4172
4229
|
Input,
|
|
4173
4230
|
{
|
|
4174
4231
|
ref: setInputRef,
|
|
@@ -4186,7 +4243,7 @@ var TextInput = React37.forwardRef((props, forwardedRef) => {
|
|
|
4186
4243
|
...inputProps
|
|
4187
4244
|
}
|
|
4188
4245
|
),
|
|
4189
|
-
showTrailingIcon && /* @__PURE__ */ (0,
|
|
4246
|
+
showTrailingIcon && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
|
|
4190
4247
|
"span",
|
|
4191
4248
|
{
|
|
4192
4249
|
className: cn(
|
|
@@ -4204,11 +4261,11 @@ var TextInput = React37.forwardRef((props, forwardedRef) => {
|
|
|
4204
4261
|
TextInput.displayName = "TextInput";
|
|
4205
4262
|
|
|
4206
4263
|
// src/components/Inputs/Toggle.tsx
|
|
4207
|
-
var
|
|
4208
|
-
var
|
|
4209
|
-
var Toggle =
|
|
4264
|
+
var React39 = __toESM(require("react"), 1);
|
|
4265
|
+
var import_jsx_runtime41 = require("react/jsx-runtime");
|
|
4266
|
+
var Toggle = React39.forwardRef((props, forwardedRef) => {
|
|
4210
4267
|
const { label, className, disabled, ...inputProps } = props;
|
|
4211
|
-
return /* @__PURE__ */ (0,
|
|
4268
|
+
return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
|
|
4212
4269
|
"label",
|
|
4213
4270
|
{
|
|
4214
4271
|
className: cn(
|
|
@@ -4216,8 +4273,8 @@ var Toggle = React38.forwardRef((props, forwardedRef) => {
|
|
|
4216
4273
|
disabled ? "cursor-default" : "cursor-pointer"
|
|
4217
4274
|
),
|
|
4218
4275
|
children: [
|
|
4219
|
-
/* @__PURE__ */ (0,
|
|
4220
|
-
/* @__PURE__ */ (0,
|
|
4276
|
+
/* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("span", { className: "relative inline-flex items-center", children: [
|
|
4277
|
+
/* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
|
|
4221
4278
|
"input",
|
|
4222
4279
|
{
|
|
4223
4280
|
ref: forwardedRef,
|
|
@@ -4227,7 +4284,7 @@ var Toggle = React38.forwardRef((props, forwardedRef) => {
|
|
|
4227
4284
|
...inputProps
|
|
4228
4285
|
}
|
|
4229
4286
|
),
|
|
4230
|
-
/* @__PURE__ */ (0,
|
|
4287
|
+
/* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
|
|
4231
4288
|
"span",
|
|
4232
4289
|
{
|
|
4233
4290
|
className: cn(
|
|
@@ -4267,7 +4324,7 @@ var Toggle = React38.forwardRef((props, forwardedRef) => {
|
|
|
4267
4324
|
"peer-disabled:[&>.knob]:peer-checked:bg-(--background-primary-hover)",
|
|
4268
4325
|
className
|
|
4269
4326
|
),
|
|
4270
|
-
children: /* @__PURE__ */ (0,
|
|
4327
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
|
|
4271
4328
|
"span",
|
|
4272
4329
|
{
|
|
4273
4330
|
className: cn(
|
|
@@ -4279,7 +4336,7 @@ var Toggle = React38.forwardRef((props, forwardedRef) => {
|
|
|
4279
4336
|
}
|
|
4280
4337
|
)
|
|
4281
4338
|
] }),
|
|
4282
|
-
label && /* @__PURE__ */ (0,
|
|
4339
|
+
label && /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
|
|
4283
4340
|
"span",
|
|
4284
4341
|
{
|
|
4285
4342
|
className: cn(
|
|
@@ -4296,9 +4353,9 @@ var Toggle = React38.forwardRef((props, forwardedRef) => {
|
|
|
4296
4353
|
Toggle.displayName = "Toggle";
|
|
4297
4354
|
|
|
4298
4355
|
// src/components/Inputs/WebsiteInput.tsx
|
|
4299
|
-
var
|
|
4300
|
-
var
|
|
4301
|
-
var WebsiteInput =
|
|
4356
|
+
var React40 = __toESM(require("react"), 1);
|
|
4357
|
+
var import_jsx_runtime42 = require("react/jsx-runtime");
|
|
4358
|
+
var WebsiteInput = React40.forwardRef((props, forwardedRef) => {
|
|
4302
4359
|
const {
|
|
4303
4360
|
hierarchy = "leading",
|
|
4304
4361
|
protocolLabel = "http://",
|
|
@@ -4334,15 +4391,15 @@ var WebsiteInput = React39.forwardRef((props, forwardedRef) => {
|
|
|
4334
4391
|
size === "xl" ? "[&>svg]:w-6 [&>svg]:h-6" : size === "sm" ? "[&>svg]:w-4 [&>svg]:h-4" : "[&>svg]:w-5 [&>svg]:h-5",
|
|
4335
4392
|
disabled ? "text-(--icon-primary-disabled)" : "text-(--icon-primary) group-hover:text-(--icon-primary-hover) group-focus-within:text-(--icon-primary-focus)"
|
|
4336
4393
|
);
|
|
4337
|
-
const leadingAddon = /* @__PURE__ */ (0,
|
|
4338
|
-
/* @__PURE__ */ (0,
|
|
4339
|
-
icon != null && /* @__PURE__ */ (0,
|
|
4394
|
+
const leadingAddon = /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: baseAddonClass, children: [
|
|
4395
|
+
/* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: addonTextClass, children: protocolLabel }),
|
|
4396
|
+
icon != null && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("span", { className: iconWrapperClass, children: icon })
|
|
4340
4397
|
] });
|
|
4341
|
-
const trailingAddon = /* @__PURE__ */ (0,
|
|
4342
|
-
icon != null && /* @__PURE__ */ (0,
|
|
4343
|
-
/* @__PURE__ */ (0,
|
|
4398
|
+
const trailingAddon = /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: baseAddonClass, children: [
|
|
4399
|
+
icon != null && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("span", { className: iconWrapperClass, children: icon }),
|
|
4400
|
+
/* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: addonTextClass, children: protocolLabel })
|
|
4344
4401
|
] });
|
|
4345
|
-
return /* @__PURE__ */ (0,
|
|
4402
|
+
return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
|
|
4346
4403
|
TextInput,
|
|
4347
4404
|
{
|
|
4348
4405
|
ref: forwardedRef,
|
|
@@ -4358,9 +4415,9 @@ var WebsiteInput = React39.forwardRef((props, forwardedRef) => {
|
|
|
4358
4415
|
WebsiteInput.displayName = "WebsiteInput";
|
|
4359
4416
|
|
|
4360
4417
|
// src/components/Feedback/Popover.tsx
|
|
4361
|
-
var
|
|
4418
|
+
var React41 = __toESM(require("react"), 1);
|
|
4362
4419
|
var PopoverPrimitive2 = __toESM(require("@radix-ui/react-popover"), 1);
|
|
4363
|
-
var
|
|
4420
|
+
var import_jsx_runtime43 = require("react/jsx-runtime");
|
|
4364
4421
|
var PopoverArrow = PopoverPrimitive2.Arrow;
|
|
4365
4422
|
var Popover2 = (props) => {
|
|
4366
4423
|
const {
|
|
@@ -4382,7 +4439,7 @@ var Popover2 = (props) => {
|
|
|
4382
4439
|
} = props;
|
|
4383
4440
|
const hasStrapline = typeof strapline === "string" ? strapline.trim() !== "" : strapline != null;
|
|
4384
4441
|
const hasDescription = typeof description === "string" ? description.trim() !== "" : description != null;
|
|
4385
|
-
const [open, setOpen] =
|
|
4442
|
+
const [open, setOpen] = React41.useState(false);
|
|
4386
4443
|
const handleOpenChange = (nextOpen) => {
|
|
4387
4444
|
setOpen(nextOpen);
|
|
4388
4445
|
onOpenChange?.(nextOpen);
|
|
@@ -4428,9 +4485,9 @@ var Popover2 = (props) => {
|
|
|
4428
4485
|
}
|
|
4429
4486
|
};
|
|
4430
4487
|
const { side, align } = mapPlacementToSideAndAlign2(placement);
|
|
4431
|
-
return /* @__PURE__ */ (0,
|
|
4432
|
-
/* @__PURE__ */ (0,
|
|
4433
|
-
/* @__PURE__ */ (0,
|
|
4488
|
+
return /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(Popover, { open, onOpenChange: handleOpenChange, children: [
|
|
4489
|
+
/* @__PURE__ */ (0, import_jsx_runtime43.jsx)(PopoverTrigger, { asChild: true, children }),
|
|
4490
|
+
/* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(
|
|
4434
4491
|
PopoverContent,
|
|
4435
4492
|
{
|
|
4436
4493
|
side,
|
|
@@ -4439,16 +4496,16 @@ var Popover2 = (props) => {
|
|
|
4439
4496
|
className: cn(popoverClasses, className),
|
|
4440
4497
|
...rest,
|
|
4441
4498
|
children: [
|
|
4442
|
-
showArrow && /* @__PURE__ */ (0,
|
|
4443
|
-
customContent ? typeof customContent === "function" ? customContent({ close: () => handleOpenChange(false), ok: handleOk, cancel: handleCancel }) : customContent : /* @__PURE__ */ (0,
|
|
4444
|
-
/* @__PURE__ */ (0,
|
|
4445
|
-
hasStrapline && /* @__PURE__ */ (0,
|
|
4446
|
-
/* @__PURE__ */ (0,
|
|
4447
|
-
hasDescription && /* @__PURE__ */ (0,
|
|
4499
|
+
showArrow && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(PopoverArrow, { className: popoverArrowClasses }),
|
|
4500
|
+
customContent ? typeof customContent === "function" ? customContent({ close: () => handleOpenChange(false), ok: handleOk, cancel: handleCancel }) : customContent : /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "grid gap-4", children: [
|
|
4501
|
+
/* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "space-y-2", children: [
|
|
4502
|
+
hasStrapline && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { className: "caption text-secondary", children: strapline }),
|
|
4503
|
+
/* @__PURE__ */ (0, import_jsx_runtime43.jsx)("h4", { className: "subtitle-medium text-primary", children: title }),
|
|
4504
|
+
hasDescription && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("p", { className: "paragraph-sm text-primary", children: description })
|
|
4448
4505
|
] }),
|
|
4449
|
-
/* @__PURE__ */ (0,
|
|
4450
|
-
/* @__PURE__ */ (0,
|
|
4451
|
-
/* @__PURE__ */ (0,
|
|
4506
|
+
/* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "flex justify-start items-center gap-4 flex-wrap", children: [
|
|
4507
|
+
/* @__PURE__ */ (0, import_jsx_runtime43.jsx)(Button2, { size: "sm", variant: "secondary", onClick: handleCancel, children: cancelText || "Cancel" }),
|
|
4508
|
+
/* @__PURE__ */ (0, import_jsx_runtime43.jsx)(Button2, { size: "sm", variant: "primary", onClick: handleOk, children: okText || "Ok" })
|
|
4452
4509
|
] })
|
|
4453
4510
|
] })
|
|
4454
4511
|
]
|
|
@@ -4459,9 +4516,9 @@ var Popover2 = (props) => {
|
|
|
4459
4516
|
Popover2.displayName = "Popover";
|
|
4460
4517
|
|
|
4461
4518
|
// src/components/Feedback/TooltipProvider.tsx
|
|
4462
|
-
var
|
|
4519
|
+
var React42 = require("react");
|
|
4463
4520
|
var TooltipPrimitive2 = __toESM(require("@radix-ui/react-tooltip"), 1);
|
|
4464
|
-
var
|
|
4521
|
+
var import_jsx_runtime44 = require("react/jsx-runtime");
|
|
4465
4522
|
var TooltipProvider = (props) => {
|
|
4466
4523
|
const {
|
|
4467
4524
|
children,
|
|
@@ -4469,7 +4526,7 @@ var TooltipProvider = (props) => {
|
|
|
4469
4526
|
skipDelayDuration = 300,
|
|
4470
4527
|
disableHoverableContent = false
|
|
4471
4528
|
} = props;
|
|
4472
|
-
return /* @__PURE__ */ (0,
|
|
4529
|
+
return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
|
|
4473
4530
|
TooltipPrimitive2.Provider,
|
|
4474
4531
|
{
|
|
4475
4532
|
delayDuration,
|
|
@@ -4482,19 +4539,19 @@ var TooltipProvider = (props) => {
|
|
|
4482
4539
|
TooltipProvider.displayName = "TooltipProvider";
|
|
4483
4540
|
|
|
4484
4541
|
// src/components/Navigation/Breadcrumbs.tsx
|
|
4485
|
-
var
|
|
4542
|
+
var React44 = __toESM(require("react"), 1);
|
|
4486
4543
|
|
|
4487
4544
|
// src/components/ui/breadcrumb.tsx
|
|
4488
|
-
var
|
|
4545
|
+
var React43 = require("react");
|
|
4489
4546
|
var import_react_slot6 = require("@radix-ui/react-slot");
|
|
4490
|
-
var
|
|
4547
|
+
var import_jsx_runtime45 = require("react/jsx-runtime");
|
|
4491
4548
|
var breadcrumbItemClasses = "inline-flex items-center gap-1.5 text-(--color-secondary) hover:text-(--color-primary-hover) focus-within:text-(--color-secondary-focus) [&_[aria-current=page]]:font-medium [&_[aria-current=page]]:text-primary";
|
|
4492
4549
|
var disabledItemClasses = "text-primary-disabled cursor-default pointer-events-none";
|
|
4493
4550
|
function Breadcrumb({ ...props }) {
|
|
4494
|
-
return /* @__PURE__ */ (0,
|
|
4551
|
+
return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("nav", { "aria-label": "breadcrumb", "data-slot": "breadcrumb", ...props });
|
|
4495
4552
|
}
|
|
4496
4553
|
function BreadcrumbList({ className, ...props }) {
|
|
4497
|
-
return /* @__PURE__ */ (0,
|
|
4554
|
+
return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
|
|
4498
4555
|
"ol",
|
|
4499
4556
|
{
|
|
4500
4557
|
"data-slot": "breadcrumb-list",
|
|
@@ -4507,7 +4564,7 @@ function BreadcrumbList({ className, ...props }) {
|
|
|
4507
4564
|
);
|
|
4508
4565
|
}
|
|
4509
4566
|
function BreadcrumbItem({ className, disabled, ...props }) {
|
|
4510
|
-
return /* @__PURE__ */ (0,
|
|
4567
|
+
return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
|
|
4511
4568
|
"li",
|
|
4512
4569
|
{
|
|
4513
4570
|
"data-slot": "breadcrumb-item",
|
|
@@ -4517,7 +4574,7 @@ function BreadcrumbItem({ className, disabled, ...props }) {
|
|
|
4517
4574
|
);
|
|
4518
4575
|
}
|
|
4519
4576
|
function BreadcrumbPage({ className, ...props }) {
|
|
4520
|
-
return /* @__PURE__ */ (0,
|
|
4577
|
+
return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
|
|
4521
4578
|
"span",
|
|
4522
4579
|
{
|
|
4523
4580
|
"data-slot": "breadcrumb-page",
|
|
@@ -4534,7 +4591,7 @@ function BreadcrumbSeparator({
|
|
|
4534
4591
|
className,
|
|
4535
4592
|
...props
|
|
4536
4593
|
}) {
|
|
4537
|
-
return /* @__PURE__ */ (0,
|
|
4594
|
+
return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
|
|
4538
4595
|
"li",
|
|
4539
4596
|
{
|
|
4540
4597
|
"data-slot": "breadcrumb-separator",
|
|
@@ -4542,15 +4599,15 @@ function BreadcrumbSeparator({
|
|
|
4542
4599
|
"aria-hidden": "true",
|
|
4543
4600
|
className: cn("text-secondary", className),
|
|
4544
4601
|
...props,
|
|
4545
|
-
children: children ?? /* @__PURE__ */ (0,
|
|
4602
|
+
children: children ?? /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(ChevronRight, {})
|
|
4546
4603
|
}
|
|
4547
4604
|
);
|
|
4548
4605
|
}
|
|
4549
4606
|
|
|
4550
4607
|
// src/components/Navigation/Breadcrumbs.tsx
|
|
4551
4608
|
var import_icons14 = require("@bubo-squared/icons");
|
|
4552
|
-
var
|
|
4553
|
-
var Breadcrumbs =
|
|
4609
|
+
var import_jsx_runtime46 = require("react/jsx-runtime");
|
|
4610
|
+
var Breadcrumbs = React44.forwardRef(
|
|
4554
4611
|
(props, ref) => {
|
|
4555
4612
|
const {
|
|
4556
4613
|
separator,
|
|
@@ -4569,17 +4626,17 @@ var Breadcrumbs = React43.forwardRef(
|
|
|
4569
4626
|
ellipsisAriaLabel = "Open breadcrumb menu",
|
|
4570
4627
|
...rest
|
|
4571
4628
|
} = props;
|
|
4572
|
-
const items =
|
|
4629
|
+
const items = React44.Children.toArray(children).filter(Boolean);
|
|
4573
4630
|
const shouldCollapse = Boolean(ellipsis) && items.length >= 5;
|
|
4574
4631
|
const hiddenItems = shouldCollapse ? items.slice(1, -2) : [];
|
|
4575
4632
|
const displayItems = shouldCollapse ? [items[0], "__ELLIPSIS__", items[items.length - 2], items[items.length - 1]] : items;
|
|
4576
|
-
return /* @__PURE__ */ (0,
|
|
4633
|
+
return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(Breadcrumb, { ref, className: cn("mb-1.75", className), ...rest, children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(BreadcrumbList, { className: breadcrumbListClassName, children: displayItems.map((child, index) => {
|
|
4577
4634
|
const isEllipsis = child === "__ELLIPSIS__";
|
|
4578
|
-
const key = isEllipsis ? "__ellipsis" :
|
|
4635
|
+
const key = isEllipsis ? "__ellipsis" : React44.isValidElement(child) && child.key != null ? String(child.key) : String(index);
|
|
4579
4636
|
const isLast = index === displayItems.length - 1;
|
|
4580
|
-
return /* @__PURE__ */ (0,
|
|
4581
|
-
isEllipsis ? /* @__PURE__ */ (0,
|
|
4582
|
-
/* @__PURE__ */ (0,
|
|
4637
|
+
return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(React44.Fragment, { children: [
|
|
4638
|
+
isEllipsis ? /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(BreadcrumbItem, { className: cn(breadcrumbItemClassName, ellipsisItemClassName), children: /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(DropdownMenu, { children: [
|
|
4639
|
+
/* @__PURE__ */ (0, import_jsx_runtime46.jsx)(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
|
|
4583
4640
|
Button,
|
|
4584
4641
|
{
|
|
4585
4642
|
variant: "ghost",
|
|
@@ -4591,18 +4648,18 @@ var Breadcrumbs = React43.forwardRef(
|
|
|
4591
4648
|
"data-slot": "breadcrumb-ellipsis",
|
|
4592
4649
|
role: "presentation",
|
|
4593
4650
|
"aria-hidden": "true",
|
|
4594
|
-
children: /* @__PURE__ */ (0,
|
|
4651
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_icons14.MoreHorizFullIcon, {})
|
|
4595
4652
|
}
|
|
4596
4653
|
) }),
|
|
4597
|
-
/* @__PURE__ */ (0,
|
|
4654
|
+
/* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
|
|
4598
4655
|
DropdownMenuContent,
|
|
4599
4656
|
{
|
|
4600
4657
|
align: "start",
|
|
4601
4658
|
className: ellipsisContentClassName,
|
|
4602
|
-
children: /* @__PURE__ */ (0,
|
|
4603
|
-
const hiddenKey =
|
|
4604
|
-
if (
|
|
4605
|
-
return /* @__PURE__ */ (0,
|
|
4659
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(DropdownMenuGroup, { className: ellipsisGroupClassName, children: hiddenItems.map((hidden, hiddenIndex) => {
|
|
4660
|
+
const hiddenKey = React44.isValidElement(hidden) && hidden.key != null ? String(hidden.key) : `hidden-${hiddenIndex}`;
|
|
4661
|
+
if (React44.isValidElement(hidden)) {
|
|
4662
|
+
return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
|
|
4606
4663
|
DropdownMenuItem,
|
|
4607
4664
|
{
|
|
4608
4665
|
asChild: true,
|
|
@@ -4612,7 +4669,7 @@ var Breadcrumbs = React43.forwardRef(
|
|
|
4612
4669
|
hiddenKey
|
|
4613
4670
|
);
|
|
4614
4671
|
}
|
|
4615
|
-
return /* @__PURE__ */ (0,
|
|
4672
|
+
return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
|
|
4616
4673
|
DropdownMenuItem,
|
|
4617
4674
|
{
|
|
4618
4675
|
className: ellipsisMenuItemClassName,
|
|
@@ -4623,8 +4680,8 @@ var Breadcrumbs = React43.forwardRef(
|
|
|
4623
4680
|
}) })
|
|
4624
4681
|
}
|
|
4625
4682
|
)
|
|
4626
|
-
] }) }) : isLast ? /* @__PURE__ */ (0,
|
|
4627
|
-
!isLast && /* @__PURE__ */ (0,
|
|
4683
|
+
] }) }) : isLast ? /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(BreadcrumbItem, { className: breadcrumbItemClassName, children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(BreadcrumbPage, { className: breadcrumbPageClassName, children: child }) }) : /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(BreadcrumbItem, { className: breadcrumbItemClassName, children: child }),
|
|
4684
|
+
!isLast && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(BreadcrumbSeparator, { className: separatorClassName, children: separator })
|
|
4628
4685
|
] }, key);
|
|
4629
4686
|
}) }) });
|
|
4630
4687
|
}
|
|
@@ -4633,13 +4690,13 @@ Breadcrumbs.displayName = "Breadcrumbs";
|
|
|
4633
4690
|
|
|
4634
4691
|
// src/components/Logo/LogoIcon.tsx
|
|
4635
4692
|
var import_class_variance_authority21 = require("class-variance-authority");
|
|
4636
|
-
var
|
|
4637
|
-
var LogoIconSvg = (props) => /* @__PURE__ */ (0,
|
|
4638
|
-
/* @__PURE__ */ (0,
|
|
4639
|
-
/* @__PURE__ */ (0,
|
|
4640
|
-
/* @__PURE__ */ (0,
|
|
4641
|
-
/* @__PURE__ */ (0,
|
|
4642
|
-
/* @__PURE__ */ (0,
|
|
4693
|
+
var import_jsx_runtime47 = require("react/jsx-runtime");
|
|
4694
|
+
var LogoIconSvg = (props) => /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("svg", { width: "89", height: "88", viewBox: "0 0 89 88", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: [
|
|
4695
|
+
/* @__PURE__ */ (0, import_jsx_runtime47.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M83.7156 3.88535C78.5352 -1.29512 70.136 -1.29512 64.9555 3.88535L43.9999 24.8409L43.9995 24.8405L62.3536 6.48637C52.2379 16.5949 35.8584 16.6179 25.7142 6.55523L23.4434 4.28438C18.2629 -0.896082 9.86373 -0.89608 4.68327 4.28438C-0.497191 9.46484 -0.49719 17.864 4.68327 23.0445L6.88526 25.2465C17.0191 35.3875 17.0168 51.8235 6.87859 61.9618L25.2395 43.6008L25.2398 43.601L3.88534 64.9555C-1.29512 70.136 -1.29511 78.5351 3.88535 83.7156C9.06581 88.8961 17.465 88.8961 22.6455 83.7156L25.6458 80.7151L25.6864 80.6747C35.7981 70.6137 52.1313 70.597 62.2636 80.6248L65.7534 84.1146C70.9339 89.2951 79.3331 89.2951 84.5135 84.1146C89.694 78.9342 89.694 70.535 84.5135 65.3545L62.76 43.601L62.7602 43.6009L81.1144 61.9552C70.9806 51.8142 70.9829 35.3782 81.1211 25.24L83.7156 22.6455C88.8961 17.465 88.8961 9.06581 83.7156 3.88535Z", fill: "#1685FF" }),
|
|
4696
|
+
/* @__PURE__ */ (0, import_jsx_runtime47.jsx)("path", { d: "M44.0667 50.4863C44.1213 50.4317 44.21 50.4317 44.2646 50.4863L48.6465 54.8682C48.6942 54.9158 48.7011 54.9907 48.663 55.0463L44.2812 61.4453C44.2256 61.5265 44.1057 61.5265 44.0501 61.4453L39.6683 55.0463C39.6302 54.9907 39.6371 54.9158 39.6848 54.8682L44.0667 50.4863Z", fill: "white" }),
|
|
4697
|
+
/* @__PURE__ */ (0, import_jsx_runtime47.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M44.107 45.3938C44.0536 45.289 43.9013 45.289 43.8479 45.3938C41.8622 49.293 37.8104 51.9638 33.1347 51.9638C26.4991 51.9638 21.1199 46.5846 21.1199 39.9489C21.1199 33.3133 26.4991 27.9341 33.1347 27.9341C37.8104 27.9341 41.8622 30.6049 43.8479 34.5041C43.9013 34.6089 44.0536 34.6089 44.107 34.5041C46.0926 30.6049 50.1445 27.9341 54.8201 27.9341C61.4558 27.9341 66.835 33.3133 66.835 39.9489C66.835 46.5846 61.4558 51.9638 54.8201 51.9638C50.1445 51.9638 46.0926 49.293 44.107 45.3938Z", fill: "white" }),
|
|
4698
|
+
/* @__PURE__ */ (0, import_jsx_runtime47.jsx)("path", { d: "M60.1113 40.0006C60.1113 43.052 57.6377 45.5256 54.5863 45.5256C51.535 45.5256 49.0614 43.052 49.0614 40.0006C49.0614 36.9493 51.535 34.4757 54.5863 34.4757C57.6377 34.4757 60.1113 36.9493 60.1113 40.0006Z", fill: "#1685FF" }),
|
|
4699
|
+
/* @__PURE__ */ (0, import_jsx_runtime47.jsx)("path", { d: "M38.8954 40.0006C38.8954 43.052 36.4218 45.5256 33.3705 45.5256C30.3192 45.5256 27.8456 43.052 27.8456 40.0006C27.8456 36.9493 30.3192 34.4757 33.3705 34.4757C36.4218 34.4757 38.8954 36.9493 38.8954 40.0006Z", fill: "#1685FF" })
|
|
4643
4700
|
] });
|
|
4644
4701
|
var logoIconVariants = (0, import_class_variance_authority21.cva)(
|
|
4645
4702
|
"relative bg-linear-to-t from-gray-800 to-gray-950 overflow-hidden flex justify-center items-center",
|
|
@@ -4666,26 +4723,26 @@ var logoIconSizeClass = {
|
|
|
4666
4723
|
xl: "size-96"
|
|
4667
4724
|
};
|
|
4668
4725
|
var LogoIcon = ({ className, size = "md" }) => {
|
|
4669
|
-
return /* @__PURE__ */ (0,
|
|
4726
|
+
return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: cn(logoIconVariants({ size }), className), children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(LogoIconSvg, { className: logoIconSizeClass[size] }) });
|
|
4670
4727
|
};
|
|
4671
4728
|
|
|
4672
4729
|
// src/components/Logo/Logo.tsx
|
|
4673
4730
|
var import_class_variance_authority22 = require("class-variance-authority");
|
|
4674
|
-
var
|
|
4675
|
-
var LogoIconSvg2 = (props) => /* @__PURE__ */ (0,
|
|
4676
|
-
/* @__PURE__ */ (0,
|
|
4677
|
-
/* @__PURE__ */ (0,
|
|
4678
|
-
/* @__PURE__ */ (0,
|
|
4679
|
-
/* @__PURE__ */ (0,
|
|
4680
|
-
/* @__PURE__ */ (0,
|
|
4731
|
+
var import_jsx_runtime48 = require("react/jsx-runtime");
|
|
4732
|
+
var LogoIconSvg2 = (props) => /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("svg", { width: "89", height: "88", viewBox: "0 0 89 88", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: [
|
|
4733
|
+
/* @__PURE__ */ (0, import_jsx_runtime48.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M83.7156 3.88535C78.5352 -1.29512 70.136 -1.29512 64.9555 3.88535L43.9999 24.8409L43.9995 24.8405L62.3536 6.48637C52.2379 16.5949 35.8584 16.6179 25.7142 6.55523L23.4434 4.28438C18.2629 -0.896082 9.86373 -0.89608 4.68327 4.28438C-0.497191 9.46484 -0.49719 17.864 4.68327 23.0445L6.88526 25.2465C17.0191 35.3875 17.0168 51.8235 6.87859 61.9618L25.2395 43.6008L25.2398 43.601L3.88534 64.9555C-1.29512 70.136 -1.29511 78.5351 3.88535 83.7156C9.06581 88.8961 17.465 88.8961 22.6455 83.7156L25.6458 80.7151L25.6864 80.6747C35.7981 70.6137 52.1313 70.597 62.2636 80.6248L65.7534 84.1146C70.9339 89.2951 79.3331 89.2951 84.5135 84.1146C89.694 78.9342 89.694 70.535 84.5135 65.3545L62.76 43.601L62.7602 43.6009L81.1144 61.9552C70.9806 51.8142 70.9829 35.3782 81.1211 25.24L83.7156 22.6455C88.8961 17.465 88.8961 9.06581 83.7156 3.88535Z", fill: "#1685FF" }),
|
|
4734
|
+
/* @__PURE__ */ (0, import_jsx_runtime48.jsx)("path", { d: "M44.0667 50.4863C44.1213 50.4317 44.21 50.4317 44.2646 50.4863L48.6465 54.8682C48.6942 54.9158 48.7011 54.9907 48.663 55.0463L44.2812 61.4453C44.2256 61.5265 44.1057 61.5265 44.0501 61.4453L39.6683 55.0463C39.6302 54.9907 39.6371 54.9158 39.6848 54.8682L44.0667 50.4863Z", fill: "white" }),
|
|
4735
|
+
/* @__PURE__ */ (0, import_jsx_runtime48.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M44.107 45.3938C44.0536 45.289 43.9013 45.289 43.8479 45.3938C41.8622 49.293 37.8104 51.9638 33.1347 51.9638C26.4991 51.9638 21.1199 46.5846 21.1199 39.9489C21.1199 33.3133 26.4991 27.9341 33.1347 27.9341C37.8104 27.9341 41.8622 30.6049 43.8479 34.5041C43.9013 34.6089 44.0536 34.6089 44.107 34.5041C46.0926 30.6049 50.1445 27.9341 54.8201 27.9341C61.4558 27.9341 66.835 33.3133 66.835 39.9489C66.835 46.5846 61.4558 51.9638 54.8201 51.9638C50.1445 51.9638 46.0926 49.293 44.107 45.3938Z", fill: "white" }),
|
|
4736
|
+
/* @__PURE__ */ (0, import_jsx_runtime48.jsx)("path", { d: "M60.1113 40.0006C60.1113 43.052 57.6377 45.5256 54.5863 45.5256C51.535 45.5256 49.0614 43.052 49.0614 40.0006C49.0614 36.9493 51.535 34.4757 54.5863 34.4757C57.6377 34.4757 60.1113 36.9493 60.1113 40.0006Z", fill: "#1685FF" }),
|
|
4737
|
+
/* @__PURE__ */ (0, import_jsx_runtime48.jsx)("path", { d: "M38.8954 40.0006C38.8954 43.052 36.4218 45.5256 33.3705 45.5256C30.3192 45.5256 27.8456 43.052 27.8456 40.0006C27.8456 36.9493 30.3192 34.4757 33.3705 34.4757C36.4218 34.4757 38.8954 36.9493 38.8954 40.0006Z", fill: "#1685FF" })
|
|
4681
4738
|
] });
|
|
4682
|
-
var LogoTextSvg = (props) => /* @__PURE__ */ (0,
|
|
4683
|
-
/* @__PURE__ */ (0,
|
|
4684
|
-
/* @__PURE__ */ (0,
|
|
4685
|
-
/* @__PURE__ */ (0,
|
|
4686
|
-
/* @__PURE__ */ (0,
|
|
4687
|
-
/* @__PURE__ */ (0,
|
|
4688
|
-
/* @__PURE__ */ (0,
|
|
4739
|
+
var LogoTextSvg = (props) => /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("svg", { width: "111", height: "32", viewBox: "0 0 111 32", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: [
|
|
4740
|
+
/* @__PURE__ */ (0, import_jsx_runtime48.jsx)("path", { d: "M72.7324 20.9658C72.7324 14.4559 77.4246 9.9751 83.8922 9.9751C90.3598 9.9751 95.052 14.4559 95.052 20.9658C95.052 27.4757 90.3598 31.9565 83.8922 31.9565C77.4246 31.9565 72.7324 27.4757 72.7324 20.9658ZM77.8896 20.9658C77.8896 24.7703 80.3414 27.3489 83.8922 27.3489C87.4431 27.3489 89.8948 24.7703 89.8948 20.9658C89.8948 17.1613 87.4431 14.5827 83.8922 14.5827C80.3414 14.5827 77.8896 17.1613 77.8896 20.9658Z", fill: "currentColor" }),
|
|
4741
|
+
/* @__PURE__ */ (0, import_jsx_runtime48.jsx)("path", { d: "M53.4056 31.4503H48.6289V0H53.7861V13.6116C55.1388 11.2866 57.9287 9.89163 61.0991 9.89163C67.0595 9.89163 70.6949 14.5415 70.6949 21.136C70.6949 27.5613 66.7636 31.9998 60.761 31.9998C57.6328 31.9998 54.9697 30.6049 53.7438 28.1954L53.4056 31.4503ZM53.8284 20.9246C53.8284 24.6868 56.1533 27.2654 59.7042 27.2654C63.3395 27.2654 65.4954 24.6445 65.4954 20.9246C65.4954 17.2047 63.3395 14.5415 59.7042 14.5415C56.1533 14.5415 53.8284 17.1624 53.8284 20.9246Z", fill: "currentColor" }),
|
|
4742
|
+
/* @__PURE__ */ (0, import_jsx_runtime48.jsx)("path", { d: "M38.9929 10.5681H44.15V31.4504H39.3733L38.9929 28.6605C37.7247 30.6473 35.0193 32 32.2293 32C27.4103 32 24.5781 28.745 24.5781 23.6301V10.5681H29.7353V21.8124C29.7353 25.786 31.2994 27.3923 34.1739 27.3923C37.4288 27.3923 38.9929 25.4901 38.9929 21.5165V10.5681Z", fill: "currentColor" }),
|
|
4743
|
+
/* @__PURE__ */ (0, import_jsx_runtime48.jsx)("path", { d: "M4.77673 31.4503H0V0H5.15718V13.6116C6.50988 11.2866 9.29983 9.89163 12.4702 9.89163C18.4306 9.89163 22.066 14.5415 22.066 21.136C22.066 27.5613 18.1347 31.9998 12.132 31.9998C9.00392 31.9998 6.34079 30.6049 5.1149 28.1954L4.77673 31.4503ZM5.19945 20.9246C5.19945 24.6868 7.52441 27.2654 11.0752 27.2654C14.7106 27.2654 16.8665 24.6445 16.8665 20.9246C16.8665 17.2047 14.7106 14.5415 11.0752 14.5415C7.52441 14.5415 5.19945 17.1624 5.19945 20.9246Z", fill: "currentColor" }),
|
|
4744
|
+
/* @__PURE__ */ (0, import_jsx_runtime48.jsx)("path", { d: "M103.555 0.5C107.084 0.5 109.944 3.36029 109.944 6.88867C109.944 10.4172 107.084 13.2773 103.555 13.2773C100.027 13.2772 97.1667 10.4171 97.1667 6.88867C97.1669 3.36036 100.027 0.500118 103.555 0.5Z", stroke: "currentColor" }),
|
|
4745
|
+
/* @__PURE__ */ (0, import_jsx_runtime48.jsx)("path", { d: "M105.778 9.98355L101.687 10.0001V9.00978L103.578 7.33457C104.19 6.79817 104.445 6.41856 104.445 5.91517C104.445 5.29625 104.159 4.96616 103.647 4.96616C103.113 4.96616 102.803 5.35402 102.803 6.03896H101.556C101.556 4.66908 102.377 3.77783 103.64 3.77783C104.949 3.77783 105.731 4.52879 105.731 5.83265C105.731 6.66613 105.259 7.34282 104.546 7.97825L103.686 8.74571H105.778V9.98355Z", fill: "currentColor" })
|
|
4689
4746
|
] });
|
|
4690
4747
|
var logoWrapperVariants = (0, import_class_variance_authority22.cva)("inline-flex", {
|
|
4691
4748
|
variants: {
|
|
@@ -4725,9 +4782,9 @@ var logoTextSizeVariants = (0, import_class_variance_authority22.cva)("", {
|
|
|
4725
4782
|
});
|
|
4726
4783
|
var Logo = ({ className, textColor, variant = "inline" }) => {
|
|
4727
4784
|
const textColorClass = textColor === "light" ? "text-(--color-b-white)" : textColor === "dark" ? "text-(--color-b-black)" : "text-primary";
|
|
4728
|
-
return /* @__PURE__ */ (0,
|
|
4729
|
-
/* @__PURE__ */ (0,
|
|
4730
|
-
/* @__PURE__ */ (0,
|
|
4785
|
+
return /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: cn(logoWrapperVariants({ variant }), className), children: [
|
|
4786
|
+
/* @__PURE__ */ (0, import_jsx_runtime48.jsx)(LogoIconSvg2, { className: logoIconSizeVariants({ variant }) }),
|
|
4787
|
+
/* @__PURE__ */ (0, import_jsx_runtime48.jsx)(LogoTextSvg, { className: cn(logoTextSizeVariants({ variant }), textColorClass) })
|
|
4731
4788
|
] });
|
|
4732
4789
|
};
|
|
4733
4790
|
// Annotate the CommonJS export names for ESM import in node:
|
|
@@ -4767,6 +4824,7 @@ var Logo = ({ className, textColor, variant = "inline" }) => {
|
|
|
4767
4824
|
Progress,
|
|
4768
4825
|
RadioGroup,
|
|
4769
4826
|
SearchInput,
|
|
4827
|
+
SegmentedSwitch,
|
|
4770
4828
|
Select,
|
|
4771
4829
|
Slider,
|
|
4772
4830
|
StatusAvatar,
|