@bubo-squared/ui-framework 0.2.32 → 0.2.34
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 +216 -157
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +29 -3
- package/dist/index.d.ts +29 -3
- package/dist/index.js +213 -155
- 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,
|
|
@@ -795,9 +796,10 @@ var badgeVariants = (0, import_class_variance_authority8.cva)(
|
|
|
795
796
|
xl: "px-4 h6-title"
|
|
796
797
|
},
|
|
797
798
|
variant: {
|
|
798
|
-
primary: "bg-
|
|
799
|
-
|
|
800
|
-
|
|
799
|
+
primary: "bg-primary text-primary",
|
|
800
|
+
primaryInverted: "bg-(--color-primary) text-(--color-primary-inverse)",
|
|
801
|
+
secondary: "bg-(--background-secondary) text-secondary",
|
|
802
|
+
outline: "bg-(--background-secondary) text-secondary shadow-[inset_0_0_0_1px_var(--border-secondary)]",
|
|
801
803
|
active: "bg-ac-lilac text-badge-black",
|
|
802
804
|
informal: "bg-ac-neon-blue text-badge-black",
|
|
803
805
|
success: "bg-ac-neon-green text-badge-black",
|
|
@@ -1442,7 +1444,7 @@ var import_icons5 = require("@bubo-squared/icons");
|
|
|
1442
1444
|
|
|
1443
1445
|
// src/components/ui/dropdown-styles.ts
|
|
1444
1446
|
var import_class_variance_authority13 = require("class-variance-authority");
|
|
1445
|
-
var dropdownSurfaceClass = "z-50 rounded-
|
|
1447
|
+
var dropdownSurfaceClass = "z-50 rounded-8 border border-secondary-hover bg-(--background-neutral) shadow-card-md";
|
|
1446
1448
|
var dropdownScrollClass = "max-h-79 overflow-y-auto dropdown-scrollbar";
|
|
1447
1449
|
var dropdownRowVariants = (0, import_class_variance_authority13.cva)(
|
|
1448
1450
|
"flex w-full items-center gap-2 pl-(--space-8) pr-(--space-16) text-left text-primary cursor-pointer hover:bg-(--background-secondary)",
|
|
@@ -3338,7 +3340,9 @@ var SearchInput = React33.forwardRef((props, forwardedRef) => {
|
|
|
3338
3340
|
disabled: disabled ?? void 0,
|
|
3339
3341
|
variant: "bare",
|
|
3340
3342
|
className: cn(
|
|
3341
|
-
searchTextVariants({ size })
|
|
3343
|
+
searchTextVariants({ size }),
|
|
3344
|
+
"[&::-webkit-search-cancel-button]:appearance-none",
|
|
3345
|
+
"[&::-webkit-search-cancel-button]:hidden"
|
|
3342
3346
|
),
|
|
3343
3347
|
...inputProps
|
|
3344
3348
|
}
|
|
@@ -3350,13 +3354,67 @@ var SearchInput = React33.forwardRef((props, forwardedRef) => {
|
|
|
3350
3354
|
});
|
|
3351
3355
|
SearchInput.displayName = "SearchInput";
|
|
3352
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
|
+
|
|
3353
3411
|
// src/components/Inputs/Slider.tsx
|
|
3354
|
-
var
|
|
3412
|
+
var React36 = __toESM(require("react"), 1);
|
|
3355
3413
|
|
|
3356
3414
|
// src/components/Feedback/Tooltip.tsx
|
|
3357
|
-
var
|
|
3415
|
+
var React35 = __toESM(require("react"), 1);
|
|
3358
3416
|
var TooltipPrimitive = __toESM(require("@radix-ui/react-tooltip"), 1);
|
|
3359
|
-
var
|
|
3417
|
+
var import_jsx_runtime37 = require("react/jsx-runtime");
|
|
3360
3418
|
var TooltipArrow = TooltipPrimitive.Arrow;
|
|
3361
3419
|
var REACT_FORWARD_REF_TYPE = /* @__PURE__ */ Symbol.for("react.forward_ref");
|
|
3362
3420
|
var REACT_MEMO_TYPE = /* @__PURE__ */ Symbol.for("react.memo");
|
|
@@ -3415,13 +3473,13 @@ var Tooltip = (props) => {
|
|
|
3415
3473
|
children,
|
|
3416
3474
|
delayDuration = 200
|
|
3417
3475
|
} = props;
|
|
3418
|
-
const trigger =
|
|
3476
|
+
const trigger = React35.isValidElement(children) && canAcceptRef(children) ? children : /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("span", { className: "inline-flex", tabIndex: 0, children });
|
|
3419
3477
|
const hasStrapline = typeof strapline === "string" ? strapline.trim() !== "" : strapline != null;
|
|
3420
3478
|
const hasDescription = typeof description === "string" ? description.trim() !== "" : description != null;
|
|
3421
3479
|
const { side, align } = mapPlacementToSideAndAlign(placement);
|
|
3422
3480
|
const tooltipClasses = "group bg-(--background-tooltip) max-w-[calc(100vw-2rem)] shadow-card-md border-none rounded-4 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";
|
|
3423
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)]";
|
|
3424
|
-
return /* @__PURE__ */ (0,
|
|
3482
|
+
return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(
|
|
3425
3483
|
TooltipPrimitive.Root,
|
|
3426
3484
|
{
|
|
3427
3485
|
open,
|
|
@@ -3430,8 +3488,8 @@ var Tooltip = (props) => {
|
|
|
3430
3488
|
disableHoverableContent,
|
|
3431
3489
|
delayDuration,
|
|
3432
3490
|
children: [
|
|
3433
|
-
/* @__PURE__ */ (0,
|
|
3434
|
-
/* @__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)(
|
|
3435
3493
|
TooltipPrimitive.Content,
|
|
3436
3494
|
{
|
|
3437
3495
|
side,
|
|
@@ -3439,11 +3497,11 @@ var Tooltip = (props) => {
|
|
|
3439
3497
|
sideOffset: offset,
|
|
3440
3498
|
className: cn(tooltipClasses, className),
|
|
3441
3499
|
children: [
|
|
3442
|
-
showArrow && /* @__PURE__ */ (0,
|
|
3443
|
-
/* @__PURE__ */ (0,
|
|
3444
|
-
hasStrapline && /* @__PURE__ */ (0,
|
|
3445
|
-
/* @__PURE__ */ (0,
|
|
3446
|
-
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 })
|
|
3447
3505
|
] })
|
|
3448
3506
|
]
|
|
3449
3507
|
}
|
|
@@ -3455,7 +3513,7 @@ var Tooltip = (props) => {
|
|
|
3455
3513
|
Tooltip.displayName = "Tooltip";
|
|
3456
3514
|
|
|
3457
3515
|
// src/components/Inputs/Slider.tsx
|
|
3458
|
-
var
|
|
3516
|
+
var import_jsx_runtime38 = require("react/jsx-runtime");
|
|
3459
3517
|
var wrapperBase = "flex flex-col gap-2 items-start";
|
|
3460
3518
|
var isRangeProps = (props) => {
|
|
3461
3519
|
return Array.isArray(props.value) || Array.isArray(props.defaultValue);
|
|
@@ -3464,7 +3522,7 @@ var toArray = (value) => {
|
|
|
3464
3522
|
if (value === void 0) return void 0;
|
|
3465
3523
|
return Array.isArray(value) ? value : [value];
|
|
3466
3524
|
};
|
|
3467
|
-
var Slider =
|
|
3525
|
+
var Slider = React36.forwardRef((props, forwardedRef) => {
|
|
3468
3526
|
const {
|
|
3469
3527
|
name,
|
|
3470
3528
|
display = "flat",
|
|
@@ -3482,7 +3540,7 @@ var Slider = React35.forwardRef((props, forwardedRef) => {
|
|
|
3482
3540
|
const isRange = isRangeProps(props);
|
|
3483
3541
|
const isControlled = value !== void 0;
|
|
3484
3542
|
const expectedLength = isRange ? 2 : 1;
|
|
3485
|
-
const normalizeArray =
|
|
3543
|
+
const normalizeArray = React36.useCallback(
|
|
3486
3544
|
(arr, fallback) => {
|
|
3487
3545
|
if (!arr || arr.length === 0) return fallback;
|
|
3488
3546
|
if (arr.length === expectedLength) return arr;
|
|
@@ -3494,16 +3552,16 @@ var Slider = React35.forwardRef((props, forwardedRef) => {
|
|
|
3494
3552
|
},
|
|
3495
3553
|
[expectedLength, max]
|
|
3496
3554
|
);
|
|
3497
|
-
const defaultInternal =
|
|
3555
|
+
const defaultInternal = React36.useMemo(() => {
|
|
3498
3556
|
const defaultValueArray = toArray(defaultValue);
|
|
3499
3557
|
if (defaultValueArray) return normalizeArray(defaultValueArray, []);
|
|
3500
3558
|
if (isRange) return [min, Math.min(min + (max - min) / 4, max)];
|
|
3501
3559
|
return [min + (max - min) / 3];
|
|
3502
3560
|
}, [defaultValue, min, max, isRange, normalizeArray]);
|
|
3503
|
-
const [internalValue, setInternalValue] =
|
|
3561
|
+
const [internalValue, setInternalValue] = React36.useState(
|
|
3504
3562
|
() => normalizeArray(isControlled ? toArray(value) : defaultInternal, defaultInternal)
|
|
3505
3563
|
);
|
|
3506
|
-
|
|
3564
|
+
React36.useEffect(() => {
|
|
3507
3565
|
if (isControlled) {
|
|
3508
3566
|
setInternalValue(
|
|
3509
3567
|
(current2) => normalizeArray(toArray(value), current2.length ? current2 : defaultInternal)
|
|
@@ -3511,16 +3569,16 @@ var Slider = React35.forwardRef((props, forwardedRef) => {
|
|
|
3511
3569
|
}
|
|
3512
3570
|
}, [isControlled, value, normalizeArray, defaultInternal]);
|
|
3513
3571
|
const current = internalValue;
|
|
3514
|
-
const trackRef =
|
|
3515
|
-
const [draggingThumbIndex, setDraggingThumbIndex] =
|
|
3516
|
-
const [hoveredThumbIndex, setHoveredThumbIndex] =
|
|
3517
|
-
const [focusedThumbIndex, setFocusedThumbIndex] =
|
|
3518
|
-
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) => {
|
|
3519
3577
|
if (val < min) return min;
|
|
3520
3578
|
if (val > max) return max;
|
|
3521
3579
|
return val;
|
|
3522
3580
|
}, [min, max]);
|
|
3523
|
-
const enforceMinGap =
|
|
3581
|
+
const enforceMinGap = React36.useCallback((next, prev) => {
|
|
3524
3582
|
if (!isRange || next.length !== 2 || step <= 0) return next;
|
|
3525
3583
|
let [low, high] = next;
|
|
3526
3584
|
const [prevLow, prevHigh] = prev.length === 2 ? prev : next;
|
|
@@ -3544,7 +3602,7 @@ var Slider = React35.forwardRef((props, forwardedRef) => {
|
|
|
3544
3602
|
}
|
|
3545
3603
|
return [low, high];
|
|
3546
3604
|
}, [isRange, step, clamp]);
|
|
3547
|
-
|
|
3605
|
+
React36.useEffect(() => {
|
|
3548
3606
|
if (!isControlled) {
|
|
3549
3607
|
setInternalValue((prev) => {
|
|
3550
3608
|
const clamped = prev.map((v) => clamp(v));
|
|
@@ -3717,7 +3775,7 @@ var Slider = React35.forwardRef((props, forwardedRef) => {
|
|
|
3717
3775
|
const second = formatNumber(valueToPercent(secondary));
|
|
3718
3776
|
return `${first} - ${second}`;
|
|
3719
3777
|
}
|
|
3720
|
-
return /* @__PURE__ */ (0,
|
|
3778
|
+
return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(import_jsx_runtime38.Fragment, { children: [
|
|
3721
3779
|
formatDisplayNode(primary),
|
|
3722
3780
|
" - ",
|
|
3723
3781
|
formatDisplayNode(secondary)
|
|
@@ -3732,7 +3790,7 @@ var Slider = React35.forwardRef((props, forwardedRef) => {
|
|
|
3732
3790
|
const val = index === 0 ? primary : secondary;
|
|
3733
3791
|
const isDragging = draggingThumbIndex === index;
|
|
3734
3792
|
const isTooltipVisible = showTooltip && (hoveredThumbIndex === index || draggingThumbIndex === index || focusedThumbIndex === index);
|
|
3735
|
-
const handle = /* @__PURE__ */ (0,
|
|
3793
|
+
const handle = /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
|
|
3736
3794
|
"button",
|
|
3737
3795
|
{
|
|
3738
3796
|
type: "button",
|
|
@@ -3778,7 +3836,7 @@ var Slider = React35.forwardRef((props, forwardedRef) => {
|
|
|
3778
3836
|
index
|
|
3779
3837
|
);
|
|
3780
3838
|
if (!showTooltip) return handle;
|
|
3781
|
-
return /* @__PURE__ */ (0,
|
|
3839
|
+
return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
|
|
3782
3840
|
Tooltip,
|
|
3783
3841
|
{
|
|
3784
3842
|
title: tooltipContent,
|
|
@@ -3791,15 +3849,15 @@ var Slider = React35.forwardRef((props, forwardedRef) => {
|
|
|
3791
3849
|
}
|
|
3792
3850
|
);
|
|
3793
3851
|
};
|
|
3794
|
-
return /* @__PURE__ */ (0,
|
|
3852
|
+
return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(
|
|
3795
3853
|
"div",
|
|
3796
3854
|
{
|
|
3797
3855
|
className: wrapperBase,
|
|
3798
3856
|
style: { marginInline: `${thumbRadius}px` },
|
|
3799
3857
|
ref: forwardedRef,
|
|
3800
3858
|
children: [
|
|
3801
|
-
name && /* @__PURE__ */ (0,
|
|
3802
|
-
/* @__PURE__ */ (0,
|
|
3859
|
+
name && /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(import_jsx_runtime38.Fragment, { children: [
|
|
3860
|
+
/* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
|
|
3803
3861
|
"input",
|
|
3804
3862
|
{
|
|
3805
3863
|
type: "hidden",
|
|
@@ -3808,7 +3866,7 @@ var Slider = React35.forwardRef((props, forwardedRef) => {
|
|
|
3808
3866
|
disabled
|
|
3809
3867
|
}
|
|
3810
3868
|
),
|
|
3811
|
-
isRange && secondary !== void 0 && /* @__PURE__ */ (0,
|
|
3869
|
+
isRange && secondary !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
|
|
3812
3870
|
"input",
|
|
3813
3871
|
{
|
|
3814
3872
|
type: "hidden",
|
|
@@ -3818,8 +3876,8 @@ var Slider = React35.forwardRef((props, forwardedRef) => {
|
|
|
3818
3876
|
}
|
|
3819
3877
|
)
|
|
3820
3878
|
] }),
|
|
3821
|
-
/* @__PURE__ */ (0,
|
|
3822
|
-
/* @__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)(
|
|
3823
3881
|
"div",
|
|
3824
3882
|
{
|
|
3825
3883
|
className: cn(
|
|
@@ -3830,7 +3888,7 @@ var Slider = React35.forwardRef((props, forwardedRef) => {
|
|
|
3830
3888
|
ref: trackRef,
|
|
3831
3889
|
onPointerDown: handleTrackPointerDown,
|
|
3832
3890
|
children: [
|
|
3833
|
-
/* @__PURE__ */ (0,
|
|
3891
|
+
/* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
|
|
3834
3892
|
"div",
|
|
3835
3893
|
{
|
|
3836
3894
|
className: cn(
|
|
@@ -3858,7 +3916,7 @@ var Slider = React35.forwardRef((props, forwardedRef) => {
|
|
|
3858
3916
|
]
|
|
3859
3917
|
}
|
|
3860
3918
|
) }),
|
|
3861
|
-
showNumeric && /* @__PURE__ */ (0,
|
|
3919
|
+
showNumeric && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
|
|
3862
3920
|
"p",
|
|
3863
3921
|
{
|
|
3864
3922
|
className: cn(
|
|
@@ -3876,10 +3934,10 @@ var Slider = React35.forwardRef((props, forwardedRef) => {
|
|
|
3876
3934
|
Slider.displayName = "Slider";
|
|
3877
3935
|
|
|
3878
3936
|
// src/components/Inputs/TextArea.tsx
|
|
3879
|
-
var
|
|
3937
|
+
var React37 = __toESM(require("react"), 1);
|
|
3880
3938
|
var import_icons13 = require("@bubo-squared/icons");
|
|
3881
|
-
var
|
|
3882
|
-
var TextArea =
|
|
3939
|
+
var import_jsx_runtime39 = require("react/jsx-runtime");
|
|
3940
|
+
var TextArea = React37.forwardRef((props, forwardedRef) => {
|
|
3883
3941
|
const {
|
|
3884
3942
|
label,
|
|
3885
3943
|
hint,
|
|
@@ -3898,7 +3956,7 @@ var TextArea = React36.forwardRef((props, forwardedRef) => {
|
|
|
3898
3956
|
...textareaProps
|
|
3899
3957
|
} = props;
|
|
3900
3958
|
const isControlled = value !== void 0;
|
|
3901
|
-
const [internalValue, setInternalValue] =
|
|
3959
|
+
const [internalValue, setInternalValue] = React37.useState(
|
|
3902
3960
|
defaultValue ?? ""
|
|
3903
3961
|
);
|
|
3904
3962
|
const currentValue = (isControlled ? value : internalValue) ?? "";
|
|
@@ -3906,9 +3964,9 @@ var TextArea = React36.forwardRef((props, forwardedRef) => {
|
|
|
3906
3964
|
const currentLength = currentValue.length;
|
|
3907
3965
|
const effectiveMaxLength = type === "character-limit" ? maxLength ?? 144 : void 0;
|
|
3908
3966
|
const showCharacterLimit = type === "character-limit" && typeof effectiveMaxLength === "number";
|
|
3909
|
-
const textareaRef =
|
|
3910
|
-
const containerRef =
|
|
3911
|
-
const setTextareaRef =
|
|
3967
|
+
const textareaRef = React37.useRef(null);
|
|
3968
|
+
const containerRef = React37.useRef(null);
|
|
3969
|
+
const setTextareaRef = React37.useCallback(
|
|
3912
3970
|
(node) => {
|
|
3913
3971
|
textareaRef.current = node;
|
|
3914
3972
|
if (!forwardedRef) return;
|
|
@@ -3920,8 +3978,8 @@ var TextArea = React36.forwardRef((props, forwardedRef) => {
|
|
|
3920
3978
|
},
|
|
3921
3979
|
[forwardedRef]
|
|
3922
3980
|
);
|
|
3923
|
-
const [height, setHeight] =
|
|
3924
|
-
const [width, setWidth] =
|
|
3981
|
+
const [height, setHeight] = React37.useState(void 0);
|
|
3982
|
+
const [width, setWidth] = React37.useState(void 0);
|
|
3925
3983
|
const minHeight = 80;
|
|
3926
3984
|
const minWidth = 240;
|
|
3927
3985
|
const handleContainerClick = () => {
|
|
@@ -3934,7 +3992,7 @@ var TextArea = React36.forwardRef((props, forwardedRef) => {
|
|
|
3934
3992
|
}
|
|
3935
3993
|
onChange?.(event);
|
|
3936
3994
|
};
|
|
3937
|
-
const generatedId =
|
|
3995
|
+
const generatedId = React37.useId();
|
|
3938
3996
|
const textareaId = id ?? generatedId;
|
|
3939
3997
|
const statusBorderClass = {
|
|
3940
3998
|
default: "",
|
|
@@ -3971,7 +4029,7 @@ var TextArea = React36.forwardRef((props, forwardedRef) => {
|
|
|
3971
4029
|
window.addEventListener("pointermove", handlePointerMove);
|
|
3972
4030
|
window.addEventListener("pointerup", handlePointerUp);
|
|
3973
4031
|
};
|
|
3974
|
-
return /* @__PURE__ */ (0,
|
|
4032
|
+
return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
|
|
3975
4033
|
Field,
|
|
3976
4034
|
{
|
|
3977
4035
|
className: "w-full",
|
|
@@ -3980,7 +4038,7 @@ var TextArea = React36.forwardRef((props, forwardedRef) => {
|
|
|
3980
4038
|
hideHint,
|
|
3981
4039
|
status,
|
|
3982
4040
|
disabled,
|
|
3983
|
-
children: /* @__PURE__ */ (0,
|
|
4041
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
|
|
3984
4042
|
"div",
|
|
3985
4043
|
{
|
|
3986
4044
|
className: cn(
|
|
@@ -3999,7 +4057,7 @@ var TextArea = React36.forwardRef((props, forwardedRef) => {
|
|
|
3999
4057
|
onClick: handleContainerClick,
|
|
4000
4058
|
"aria-disabled": disabled || void 0,
|
|
4001
4059
|
children: [
|
|
4002
|
-
/* @__PURE__ */ (0,
|
|
4060
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
|
|
4003
4061
|
"textarea",
|
|
4004
4062
|
{
|
|
4005
4063
|
id: textareaId,
|
|
@@ -4019,7 +4077,7 @@ var TextArea = React36.forwardRef((props, forwardedRef) => {
|
|
|
4019
4077
|
...textareaProps
|
|
4020
4078
|
}
|
|
4021
4079
|
),
|
|
4022
|
-
showCharacterLimit && /* @__PURE__ */ (0,
|
|
4080
|
+
showCharacterLimit && /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
|
|
4023
4081
|
"span",
|
|
4024
4082
|
{
|
|
4025
4083
|
className: cn(
|
|
@@ -4033,19 +4091,19 @@ var TextArea = React36.forwardRef((props, forwardedRef) => {
|
|
|
4033
4091
|
]
|
|
4034
4092
|
}
|
|
4035
4093
|
),
|
|
4036
|
-
type === "responsive" && /* @__PURE__ */ (0,
|
|
4094
|
+
type === "responsive" && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
|
|
4037
4095
|
"div",
|
|
4038
4096
|
{
|
|
4039
4097
|
className: "absolute bottom-1 right-1 h-3 w-3 " + (disabled ? "cursor-auto" : "cursor-nwse-resize"),
|
|
4040
4098
|
onPointerDown: disabled ? void 0 : handleResizePointerDown,
|
|
4041
|
-
children: /* @__PURE__ */ (0,
|
|
4099
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
|
|
4042
4100
|
"span",
|
|
4043
4101
|
{
|
|
4044
4102
|
className: cn(
|
|
4045
4103
|
"absolute bottom-0 right-0 flex h-4 w-4 items-center justify-center text-(--icon-primary)",
|
|
4046
4104
|
disabled && "text-(--icon-primary-disabled)"
|
|
4047
4105
|
),
|
|
4048
|
-
children: /* @__PURE__ */ (0,
|
|
4106
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_icons13.MaximizeIcon, {})
|
|
4049
4107
|
}
|
|
4050
4108
|
)
|
|
4051
4109
|
}
|
|
@@ -4059,9 +4117,9 @@ var TextArea = React36.forwardRef((props, forwardedRef) => {
|
|
|
4059
4117
|
TextArea.displayName = "TextArea";
|
|
4060
4118
|
|
|
4061
4119
|
// src/components/Inputs/TextInput.tsx
|
|
4062
|
-
var
|
|
4120
|
+
var React38 = __toESM(require("react"), 1);
|
|
4063
4121
|
var import_class_variance_authority20 = require("class-variance-authority");
|
|
4064
|
-
var
|
|
4122
|
+
var import_jsx_runtime40 = require("react/jsx-runtime");
|
|
4065
4123
|
var inputTextVariants3 = (0, import_class_variance_authority20.cva)("truncate", {
|
|
4066
4124
|
variants: {
|
|
4067
4125
|
size: {
|
|
@@ -4094,7 +4152,7 @@ var iconWrapperVariants4 = (0, import_class_variance_authority20.cva)(
|
|
|
4094
4152
|
}
|
|
4095
4153
|
}
|
|
4096
4154
|
);
|
|
4097
|
-
var TextInput =
|
|
4155
|
+
var TextInput = React38.forwardRef((props, forwardedRef) => {
|
|
4098
4156
|
const {
|
|
4099
4157
|
label,
|
|
4100
4158
|
hint,
|
|
@@ -4112,12 +4170,12 @@ var TextInput = React37.forwardRef((props, forwardedRef) => {
|
|
|
4112
4170
|
...inputProps
|
|
4113
4171
|
} = props;
|
|
4114
4172
|
const isControlled = value !== void 0;
|
|
4115
|
-
const [internalValue, setInternalValue] =
|
|
4173
|
+
const [internalValue, setInternalValue] = React38.useState(
|
|
4116
4174
|
defaultValue ?? ""
|
|
4117
4175
|
);
|
|
4118
4176
|
const currentValue = (isControlled ? value : internalValue) ?? "";
|
|
4119
|
-
const inputRef =
|
|
4120
|
-
const setInputRef =
|
|
4177
|
+
const inputRef = React38.useRef(null);
|
|
4178
|
+
const setInputRef = React38.useCallback(
|
|
4121
4179
|
(node) => {
|
|
4122
4180
|
inputRef.current = node;
|
|
4123
4181
|
if (!forwardedRef) return;
|
|
@@ -4141,7 +4199,7 @@ var TextInput = React37.forwardRef((props, forwardedRef) => {
|
|
|
4141
4199
|
};
|
|
4142
4200
|
const showLeadingIcon = !!leadingIcon;
|
|
4143
4201
|
const showTrailingIcon = !!trailingIcon;
|
|
4144
|
-
return /* @__PURE__ */ (0,
|
|
4202
|
+
return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
|
|
4145
4203
|
Field,
|
|
4146
4204
|
{
|
|
4147
4205
|
label,
|
|
@@ -4149,7 +4207,7 @@ var TextInput = React37.forwardRef((props, forwardedRef) => {
|
|
|
4149
4207
|
hideHint,
|
|
4150
4208
|
status,
|
|
4151
4209
|
disabled,
|
|
4152
|
-
children: /* @__PURE__ */ (0,
|
|
4210
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
|
|
4153
4211
|
InputShell,
|
|
4154
4212
|
{
|
|
4155
4213
|
size,
|
|
@@ -4158,7 +4216,7 @@ var TextInput = React37.forwardRef((props, forwardedRef) => {
|
|
|
4158
4216
|
className,
|
|
4159
4217
|
onClick: handleContainerClick,
|
|
4160
4218
|
children: [
|
|
4161
|
-
showLeadingIcon && /* @__PURE__ */ (0,
|
|
4219
|
+
showLeadingIcon && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
|
|
4162
4220
|
"span",
|
|
4163
4221
|
{
|
|
4164
4222
|
className: cn(
|
|
@@ -4167,7 +4225,7 @@ var TextInput = React37.forwardRef((props, forwardedRef) => {
|
|
|
4167
4225
|
children: leadingIcon
|
|
4168
4226
|
}
|
|
4169
4227
|
),
|
|
4170
|
-
/* @__PURE__ */ (0,
|
|
4228
|
+
/* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
|
|
4171
4229
|
Input,
|
|
4172
4230
|
{
|
|
4173
4231
|
ref: setInputRef,
|
|
@@ -4185,7 +4243,7 @@ var TextInput = React37.forwardRef((props, forwardedRef) => {
|
|
|
4185
4243
|
...inputProps
|
|
4186
4244
|
}
|
|
4187
4245
|
),
|
|
4188
|
-
showTrailingIcon && /* @__PURE__ */ (0,
|
|
4246
|
+
showTrailingIcon && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
|
|
4189
4247
|
"span",
|
|
4190
4248
|
{
|
|
4191
4249
|
className: cn(
|
|
@@ -4203,11 +4261,11 @@ var TextInput = React37.forwardRef((props, forwardedRef) => {
|
|
|
4203
4261
|
TextInput.displayName = "TextInput";
|
|
4204
4262
|
|
|
4205
4263
|
// src/components/Inputs/Toggle.tsx
|
|
4206
|
-
var
|
|
4207
|
-
var
|
|
4208
|
-
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) => {
|
|
4209
4267
|
const { label, className, disabled, ...inputProps } = props;
|
|
4210
|
-
return /* @__PURE__ */ (0,
|
|
4268
|
+
return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
|
|
4211
4269
|
"label",
|
|
4212
4270
|
{
|
|
4213
4271
|
className: cn(
|
|
@@ -4215,8 +4273,8 @@ var Toggle = React38.forwardRef((props, forwardedRef) => {
|
|
|
4215
4273
|
disabled ? "cursor-default" : "cursor-pointer"
|
|
4216
4274
|
),
|
|
4217
4275
|
children: [
|
|
4218
|
-
/* @__PURE__ */ (0,
|
|
4219
|
-
/* @__PURE__ */ (0,
|
|
4276
|
+
/* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("span", { className: "relative inline-flex items-center", children: [
|
|
4277
|
+
/* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
|
|
4220
4278
|
"input",
|
|
4221
4279
|
{
|
|
4222
4280
|
ref: forwardedRef,
|
|
@@ -4226,7 +4284,7 @@ var Toggle = React38.forwardRef((props, forwardedRef) => {
|
|
|
4226
4284
|
...inputProps
|
|
4227
4285
|
}
|
|
4228
4286
|
),
|
|
4229
|
-
/* @__PURE__ */ (0,
|
|
4287
|
+
/* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
|
|
4230
4288
|
"span",
|
|
4231
4289
|
{
|
|
4232
4290
|
className: cn(
|
|
@@ -4266,7 +4324,7 @@ var Toggle = React38.forwardRef((props, forwardedRef) => {
|
|
|
4266
4324
|
"peer-disabled:[&>.knob]:peer-checked:bg-(--background-primary-hover)",
|
|
4267
4325
|
className
|
|
4268
4326
|
),
|
|
4269
|
-
children: /* @__PURE__ */ (0,
|
|
4327
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
|
|
4270
4328
|
"span",
|
|
4271
4329
|
{
|
|
4272
4330
|
className: cn(
|
|
@@ -4278,7 +4336,7 @@ var Toggle = React38.forwardRef((props, forwardedRef) => {
|
|
|
4278
4336
|
}
|
|
4279
4337
|
)
|
|
4280
4338
|
] }),
|
|
4281
|
-
label && /* @__PURE__ */ (0,
|
|
4339
|
+
label && /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
|
|
4282
4340
|
"span",
|
|
4283
4341
|
{
|
|
4284
4342
|
className: cn(
|
|
@@ -4295,9 +4353,9 @@ var Toggle = React38.forwardRef((props, forwardedRef) => {
|
|
|
4295
4353
|
Toggle.displayName = "Toggle";
|
|
4296
4354
|
|
|
4297
4355
|
// src/components/Inputs/WebsiteInput.tsx
|
|
4298
|
-
var
|
|
4299
|
-
var
|
|
4300
|
-
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) => {
|
|
4301
4359
|
const {
|
|
4302
4360
|
hierarchy = "leading",
|
|
4303
4361
|
protocolLabel = "http://",
|
|
@@ -4333,15 +4391,15 @@ var WebsiteInput = React39.forwardRef((props, forwardedRef) => {
|
|
|
4333
4391
|
size === "xl" ? "[&>svg]:w-6 [&>svg]:h-6" : size === "sm" ? "[&>svg]:w-4 [&>svg]:h-4" : "[&>svg]:w-5 [&>svg]:h-5",
|
|
4334
4392
|
disabled ? "text-(--icon-primary-disabled)" : "text-(--icon-primary) group-hover:text-(--icon-primary-hover) group-focus-within:text-(--icon-primary-focus)"
|
|
4335
4393
|
);
|
|
4336
|
-
const leadingAddon = /* @__PURE__ */ (0,
|
|
4337
|
-
/* @__PURE__ */ (0,
|
|
4338
|
-
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 })
|
|
4339
4397
|
] });
|
|
4340
|
-
const trailingAddon = /* @__PURE__ */ (0,
|
|
4341
|
-
icon != null && /* @__PURE__ */ (0,
|
|
4342
|
-
/* @__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 })
|
|
4343
4401
|
] });
|
|
4344
|
-
return /* @__PURE__ */ (0,
|
|
4402
|
+
return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
|
|
4345
4403
|
TextInput,
|
|
4346
4404
|
{
|
|
4347
4405
|
ref: forwardedRef,
|
|
@@ -4357,9 +4415,9 @@ var WebsiteInput = React39.forwardRef((props, forwardedRef) => {
|
|
|
4357
4415
|
WebsiteInput.displayName = "WebsiteInput";
|
|
4358
4416
|
|
|
4359
4417
|
// src/components/Feedback/Popover.tsx
|
|
4360
|
-
var
|
|
4418
|
+
var React41 = __toESM(require("react"), 1);
|
|
4361
4419
|
var PopoverPrimitive2 = __toESM(require("@radix-ui/react-popover"), 1);
|
|
4362
|
-
var
|
|
4420
|
+
var import_jsx_runtime43 = require("react/jsx-runtime");
|
|
4363
4421
|
var PopoverArrow = PopoverPrimitive2.Arrow;
|
|
4364
4422
|
var Popover2 = (props) => {
|
|
4365
4423
|
const {
|
|
@@ -4381,7 +4439,7 @@ var Popover2 = (props) => {
|
|
|
4381
4439
|
} = props;
|
|
4382
4440
|
const hasStrapline = typeof strapline === "string" ? strapline.trim() !== "" : strapline != null;
|
|
4383
4441
|
const hasDescription = typeof description === "string" ? description.trim() !== "" : description != null;
|
|
4384
|
-
const [open, setOpen] =
|
|
4442
|
+
const [open, setOpen] = React41.useState(false);
|
|
4385
4443
|
const handleOpenChange = (nextOpen) => {
|
|
4386
4444
|
setOpen(nextOpen);
|
|
4387
4445
|
onOpenChange?.(nextOpen);
|
|
@@ -4427,9 +4485,9 @@ var Popover2 = (props) => {
|
|
|
4427
4485
|
}
|
|
4428
4486
|
};
|
|
4429
4487
|
const { side, align } = mapPlacementToSideAndAlign2(placement);
|
|
4430
|
-
return /* @__PURE__ */ (0,
|
|
4431
|
-
/* @__PURE__ */ (0,
|
|
4432
|
-
/* @__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)(
|
|
4433
4491
|
PopoverContent,
|
|
4434
4492
|
{
|
|
4435
4493
|
side,
|
|
@@ -4438,16 +4496,16 @@ var Popover2 = (props) => {
|
|
|
4438
4496
|
className: cn(popoverClasses, className),
|
|
4439
4497
|
...rest,
|
|
4440
4498
|
children: [
|
|
4441
|
-
showArrow && /* @__PURE__ */ (0,
|
|
4442
|
-
customContent ? typeof customContent === "function" ? customContent({ close: () => handleOpenChange(false), ok: handleOk, cancel: handleCancel }) : customContent : /* @__PURE__ */ (0,
|
|
4443
|
-
/* @__PURE__ */ (0,
|
|
4444
|
-
hasStrapline && /* @__PURE__ */ (0,
|
|
4445
|
-
/* @__PURE__ */ (0,
|
|
4446
|
-
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 })
|
|
4447
4505
|
] }),
|
|
4448
|
-
/* @__PURE__ */ (0,
|
|
4449
|
-
/* @__PURE__ */ (0,
|
|
4450
|
-
/* @__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" })
|
|
4451
4509
|
] })
|
|
4452
4510
|
] })
|
|
4453
4511
|
]
|
|
@@ -4458,9 +4516,9 @@ var Popover2 = (props) => {
|
|
|
4458
4516
|
Popover2.displayName = "Popover";
|
|
4459
4517
|
|
|
4460
4518
|
// src/components/Feedback/TooltipProvider.tsx
|
|
4461
|
-
var
|
|
4519
|
+
var React42 = require("react");
|
|
4462
4520
|
var TooltipPrimitive2 = __toESM(require("@radix-ui/react-tooltip"), 1);
|
|
4463
|
-
var
|
|
4521
|
+
var import_jsx_runtime44 = require("react/jsx-runtime");
|
|
4464
4522
|
var TooltipProvider = (props) => {
|
|
4465
4523
|
const {
|
|
4466
4524
|
children,
|
|
@@ -4468,7 +4526,7 @@ var TooltipProvider = (props) => {
|
|
|
4468
4526
|
skipDelayDuration = 300,
|
|
4469
4527
|
disableHoverableContent = false
|
|
4470
4528
|
} = props;
|
|
4471
|
-
return /* @__PURE__ */ (0,
|
|
4529
|
+
return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
|
|
4472
4530
|
TooltipPrimitive2.Provider,
|
|
4473
4531
|
{
|
|
4474
4532
|
delayDuration,
|
|
@@ -4481,19 +4539,19 @@ var TooltipProvider = (props) => {
|
|
|
4481
4539
|
TooltipProvider.displayName = "TooltipProvider";
|
|
4482
4540
|
|
|
4483
4541
|
// src/components/Navigation/Breadcrumbs.tsx
|
|
4484
|
-
var
|
|
4542
|
+
var React44 = __toESM(require("react"), 1);
|
|
4485
4543
|
|
|
4486
4544
|
// src/components/ui/breadcrumb.tsx
|
|
4487
|
-
var
|
|
4545
|
+
var React43 = require("react");
|
|
4488
4546
|
var import_react_slot6 = require("@radix-ui/react-slot");
|
|
4489
|
-
var
|
|
4547
|
+
var import_jsx_runtime45 = require("react/jsx-runtime");
|
|
4490
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";
|
|
4491
4549
|
var disabledItemClasses = "text-primary-disabled cursor-default pointer-events-none";
|
|
4492
4550
|
function Breadcrumb({ ...props }) {
|
|
4493
|
-
return /* @__PURE__ */ (0,
|
|
4551
|
+
return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("nav", { "aria-label": "breadcrumb", "data-slot": "breadcrumb", ...props });
|
|
4494
4552
|
}
|
|
4495
4553
|
function BreadcrumbList({ className, ...props }) {
|
|
4496
|
-
return /* @__PURE__ */ (0,
|
|
4554
|
+
return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
|
|
4497
4555
|
"ol",
|
|
4498
4556
|
{
|
|
4499
4557
|
"data-slot": "breadcrumb-list",
|
|
@@ -4506,7 +4564,7 @@ function BreadcrumbList({ className, ...props }) {
|
|
|
4506
4564
|
);
|
|
4507
4565
|
}
|
|
4508
4566
|
function BreadcrumbItem({ className, disabled, ...props }) {
|
|
4509
|
-
return /* @__PURE__ */ (0,
|
|
4567
|
+
return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
|
|
4510
4568
|
"li",
|
|
4511
4569
|
{
|
|
4512
4570
|
"data-slot": "breadcrumb-item",
|
|
@@ -4516,7 +4574,7 @@ function BreadcrumbItem({ className, disabled, ...props }) {
|
|
|
4516
4574
|
);
|
|
4517
4575
|
}
|
|
4518
4576
|
function BreadcrumbPage({ className, ...props }) {
|
|
4519
|
-
return /* @__PURE__ */ (0,
|
|
4577
|
+
return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
|
|
4520
4578
|
"span",
|
|
4521
4579
|
{
|
|
4522
4580
|
"data-slot": "breadcrumb-page",
|
|
@@ -4533,7 +4591,7 @@ function BreadcrumbSeparator({
|
|
|
4533
4591
|
className,
|
|
4534
4592
|
...props
|
|
4535
4593
|
}) {
|
|
4536
|
-
return /* @__PURE__ */ (0,
|
|
4594
|
+
return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
|
|
4537
4595
|
"li",
|
|
4538
4596
|
{
|
|
4539
4597
|
"data-slot": "breadcrumb-separator",
|
|
@@ -4541,15 +4599,15 @@ function BreadcrumbSeparator({
|
|
|
4541
4599
|
"aria-hidden": "true",
|
|
4542
4600
|
className: cn("text-secondary", className),
|
|
4543
4601
|
...props,
|
|
4544
|
-
children: children ?? /* @__PURE__ */ (0,
|
|
4602
|
+
children: children ?? /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(ChevronRight, {})
|
|
4545
4603
|
}
|
|
4546
4604
|
);
|
|
4547
4605
|
}
|
|
4548
4606
|
|
|
4549
4607
|
// src/components/Navigation/Breadcrumbs.tsx
|
|
4550
4608
|
var import_icons14 = require("@bubo-squared/icons");
|
|
4551
|
-
var
|
|
4552
|
-
var Breadcrumbs =
|
|
4609
|
+
var import_jsx_runtime46 = require("react/jsx-runtime");
|
|
4610
|
+
var Breadcrumbs = React44.forwardRef(
|
|
4553
4611
|
(props, ref) => {
|
|
4554
4612
|
const {
|
|
4555
4613
|
separator,
|
|
@@ -4568,17 +4626,17 @@ var Breadcrumbs = React43.forwardRef(
|
|
|
4568
4626
|
ellipsisAriaLabel = "Open breadcrumb menu",
|
|
4569
4627
|
...rest
|
|
4570
4628
|
} = props;
|
|
4571
|
-
const items =
|
|
4629
|
+
const items = React44.Children.toArray(children).filter(Boolean);
|
|
4572
4630
|
const shouldCollapse = Boolean(ellipsis) && items.length >= 5;
|
|
4573
4631
|
const hiddenItems = shouldCollapse ? items.slice(1, -2) : [];
|
|
4574
4632
|
const displayItems = shouldCollapse ? [items[0], "__ELLIPSIS__", items[items.length - 2], items[items.length - 1]] : items;
|
|
4575
|
-
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) => {
|
|
4576
4634
|
const isEllipsis = child === "__ELLIPSIS__";
|
|
4577
|
-
const key = isEllipsis ? "__ellipsis" :
|
|
4635
|
+
const key = isEllipsis ? "__ellipsis" : React44.isValidElement(child) && child.key != null ? String(child.key) : String(index);
|
|
4578
4636
|
const isLast = index === displayItems.length - 1;
|
|
4579
|
-
return /* @__PURE__ */ (0,
|
|
4580
|
-
isEllipsis ? /* @__PURE__ */ (0,
|
|
4581
|
-
/* @__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)(
|
|
4582
4640
|
Button,
|
|
4583
4641
|
{
|
|
4584
4642
|
variant: "ghost",
|
|
@@ -4590,18 +4648,18 @@ var Breadcrumbs = React43.forwardRef(
|
|
|
4590
4648
|
"data-slot": "breadcrumb-ellipsis",
|
|
4591
4649
|
role: "presentation",
|
|
4592
4650
|
"aria-hidden": "true",
|
|
4593
|
-
children: /* @__PURE__ */ (0,
|
|
4651
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_icons14.MoreHorizFullIcon, {})
|
|
4594
4652
|
}
|
|
4595
4653
|
) }),
|
|
4596
|
-
/* @__PURE__ */ (0,
|
|
4654
|
+
/* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
|
|
4597
4655
|
DropdownMenuContent,
|
|
4598
4656
|
{
|
|
4599
4657
|
align: "start",
|
|
4600
4658
|
className: ellipsisContentClassName,
|
|
4601
|
-
children: /* @__PURE__ */ (0,
|
|
4602
|
-
const hiddenKey =
|
|
4603
|
-
if (
|
|
4604
|
-
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)(
|
|
4605
4663
|
DropdownMenuItem,
|
|
4606
4664
|
{
|
|
4607
4665
|
asChild: true,
|
|
@@ -4611,7 +4669,7 @@ var Breadcrumbs = React43.forwardRef(
|
|
|
4611
4669
|
hiddenKey
|
|
4612
4670
|
);
|
|
4613
4671
|
}
|
|
4614
|
-
return /* @__PURE__ */ (0,
|
|
4672
|
+
return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
|
|
4615
4673
|
DropdownMenuItem,
|
|
4616
4674
|
{
|
|
4617
4675
|
className: ellipsisMenuItemClassName,
|
|
@@ -4622,8 +4680,8 @@ var Breadcrumbs = React43.forwardRef(
|
|
|
4622
4680
|
}) })
|
|
4623
4681
|
}
|
|
4624
4682
|
)
|
|
4625
|
-
] }) }) : isLast ? /* @__PURE__ */ (0,
|
|
4626
|
-
!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 })
|
|
4627
4685
|
] }, key);
|
|
4628
4686
|
}) }) });
|
|
4629
4687
|
}
|
|
@@ -4632,13 +4690,13 @@ Breadcrumbs.displayName = "Breadcrumbs";
|
|
|
4632
4690
|
|
|
4633
4691
|
// src/components/Logo/LogoIcon.tsx
|
|
4634
4692
|
var import_class_variance_authority21 = require("class-variance-authority");
|
|
4635
|
-
var
|
|
4636
|
-
var LogoIconSvg = (props) => /* @__PURE__ */ (0,
|
|
4637
|
-
/* @__PURE__ */ (0,
|
|
4638
|
-
/* @__PURE__ */ (0,
|
|
4639
|
-
/* @__PURE__ */ (0,
|
|
4640
|
-
/* @__PURE__ */ (0,
|
|
4641
|
-
/* @__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" })
|
|
4642
4700
|
] });
|
|
4643
4701
|
var logoIconVariants = (0, import_class_variance_authority21.cva)(
|
|
4644
4702
|
"relative bg-linear-to-t from-gray-800 to-gray-950 overflow-hidden flex justify-center items-center",
|
|
@@ -4665,26 +4723,26 @@ var logoIconSizeClass = {
|
|
|
4665
4723
|
xl: "size-96"
|
|
4666
4724
|
};
|
|
4667
4725
|
var LogoIcon = ({ className, size = "md" }) => {
|
|
4668
|
-
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] }) });
|
|
4669
4727
|
};
|
|
4670
4728
|
|
|
4671
4729
|
// src/components/Logo/Logo.tsx
|
|
4672
4730
|
var import_class_variance_authority22 = require("class-variance-authority");
|
|
4673
|
-
var
|
|
4674
|
-
var LogoIconSvg2 = (props) => /* @__PURE__ */ (0,
|
|
4675
|
-
/* @__PURE__ */ (0,
|
|
4676
|
-
/* @__PURE__ */ (0,
|
|
4677
|
-
/* @__PURE__ */ (0,
|
|
4678
|
-
/* @__PURE__ */ (0,
|
|
4679
|
-
/* @__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" })
|
|
4680
4738
|
] });
|
|
4681
|
-
var LogoTextSvg = (props) => /* @__PURE__ */ (0,
|
|
4682
|
-
/* @__PURE__ */ (0,
|
|
4683
|
-
/* @__PURE__ */ (0,
|
|
4684
|
-
/* @__PURE__ */ (0,
|
|
4685
|
-
/* @__PURE__ */ (0,
|
|
4686
|
-
/* @__PURE__ */ (0,
|
|
4687
|
-
/* @__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" })
|
|
4688
4746
|
] });
|
|
4689
4747
|
var logoWrapperVariants = (0, import_class_variance_authority22.cva)("inline-flex", {
|
|
4690
4748
|
variants: {
|
|
@@ -4724,9 +4782,9 @@ var logoTextSizeVariants = (0, import_class_variance_authority22.cva)("", {
|
|
|
4724
4782
|
});
|
|
4725
4783
|
var Logo = ({ className, textColor, variant = "inline" }) => {
|
|
4726
4784
|
const textColorClass = textColor === "light" ? "text-(--color-b-white)" : textColor === "dark" ? "text-(--color-b-black)" : "text-primary";
|
|
4727
|
-
return /* @__PURE__ */ (0,
|
|
4728
|
-
/* @__PURE__ */ (0,
|
|
4729
|
-
/* @__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) })
|
|
4730
4788
|
] });
|
|
4731
4789
|
};
|
|
4732
4790
|
// Annotate the CommonJS export names for ESM import in node:
|
|
@@ -4766,6 +4824,7 @@ var Logo = ({ className, textColor, variant = "inline" }) => {
|
|
|
4766
4824
|
Progress,
|
|
4767
4825
|
RadioGroup,
|
|
4768
4826
|
SearchInput,
|
|
4827
|
+
SegmentedSwitch,
|
|
4769
4828
|
Select,
|
|
4770
4829
|
Slider,
|
|
4771
4830
|
StatusAvatar,
|