bord-design-system 0.0.21 → 0.0.23

package/dist/index.js

@@ -4403,11 +4403,12 @@ const listOfBordTwoToneIcons = {
     timer: BordTwoToneTimerIcon,
 };
 
-const BordTwoToneIcon = ({ variant, standardSize = 24, customWidth, colorTones, }) => {
+const BordTwoToneIcon = ({ variant, standardSize = 24, customWidth, colorTones, customClassName, }) => {
     const twoToneIcon = listOfBordTwoToneIcons[variant];
     const standardSizeStyle = `${(standardSize / 10).toFixed(1)}rem`;
     const iconWidth = customWidth || standardSizeStyle;
-    return (jsxRuntime.jsx("div", { className: "bordTwoToneIcon", style: { width: iconWidth }, children: React__namespace.default.createElement(twoToneIcon, { colorTones }) }));
+    const className = ['bordTwoToneIcon', customClassName].filter(Boolean).join(' ');
+    return (jsxRuntime.jsx("div", { className: className, style: { width: iconWidth }, children: React__namespace.default.createElement(twoToneIcon, { colorTones }) }));
 };
 
 var css_248z$1z = ".bordBackButtonDS{align-items:center;cursor:pointer;display:flex;gap:.4rem;-webkit-user-select:none;-moz-user-select:none;user-select:none}.bordBackButtonDS .buttonText{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity));font-size:1.2rem;line-height:1.6rem}";
@@ -10711,11 +10712,12 @@ const listOfBordIlustrationIcon = {
     '3DSpecialBell': Bord3dSpecialBell,
 };
 
-const BordIlustrationIcon = ({ variant, standardSize = 24, customWidth, style, }) => {
+const BordIlustrationIcon = ({ variant, standardSize = 24, customWidth, style, customClassName, }) => {
     const iconComponent = listOfBordIlustrationIcon[variant];
     const standardSizeStyle = `${(standardSize / 10).toFixed(1)}rem`;
     const iconWidth = customWidth || standardSizeStyle;
-    return (jsxRuntime.jsx("div", { className: "bordIlustrationIcon", style: { ...style, width: iconWidth }, children: React__namespace.default.createElement(iconComponent, {}) }));
+    const className = ['bordIlustrationIcon', customClassName].filter(Boolean).join(' ');
+    return (jsxRuntime.jsx("div", { className: className, style: { ...style, width: iconWidth }, children: React__namespace.default.createElement(iconComponent, {}) }));
 };
 
 var css_248z$15 = ".modalContentDS{align-items:center;background-color:var(--ds-c-layout-bg);border-radius:.6rem;display:flex;flex-direction:column;justify-content:center;position:relative;z-index:50}.modalContentDS.gradientBackground{overflow:hidden}.modalContentDS .contentHeader{align-items:center;display:flex;flex-direction:row;justify-content:center;margin-top:4rem}.modalContentDS .contentHeader.showIconIllustration{flex-direction:column}.modalContentDS .contentHeader .contentIconIllustration{margin-bottom:3.4rem}.modalContentDS .contentHeader .title{color:var(--ds-c-content-default);font-size:2rem;font-weight:700;line-height:2.6rem}.modalContentDS .contentHeader .subTitle{color:var(--ds-c-content-secondary);font-size:1.2rem;line-height:1.5rem;margin-top:.8rem}.modalContentDS .leftAlignmentTitle{justify-content:flex-start}.modalContentDS .customSectionContainer{overflow-y:scroll}.modalContentDS .customModalContainer{align-items:flex-start;display:flex;height:100%;justify-content:center;padding-left:4rem;padding-right:4rem}.modalContentDS .withoutHeader{height:100%;overflow:auto;padding:4rem;width:100%}.modalContentDS .exitContentButton{cursor:pointer;position:absolute;right:2.4rem;top:2.4rem;z-index:10}.modalContentDS .exitContentButton svg>path{stroke:var(--ds-c-content-secondary)}.modalContentDS .backContentButton{cursor:pointer;left:2.4rem;position:absolute;top:2.4rem}.modalContentDS .buttonsContainer{display:flex;gap:1.2rem;justify-content:center;padding:4rem}@media (max-width:768px){.modalContentDS .buttonsContainer{padding:1.6rem 1.2rem}}@media (max-width:350px){.modalContentDS .buttonsContainer{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:1.6rem 1.2rem}}.modalContentDS.sm{height:34rem;width:48rem}@media (max-width:768px){.modalContentDS.sm{height:-moz-max-content;height:max-content;padding:1.2rem;width:100%}}.modalContentDS.md{height:48rem;width:58rem}@media (max-width:768px){.modalContentDS.md{height:-moz-max-content;height:max-content;padding:1.2rem;width:100%}}.modalContentDS.lg{height:50rem;width:68rem}@media (max-width:768px){.modalContentDS.lg{height:-moz-max-content;height:max-content;padding:1.2rem;width:100%}}.modalShow{animation:animationShow .2s}.modalHide{animation:animationHide .25s;opacity:0;z-index:-1}@keyframes animationShow{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes animationHide{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(0)}}";
@@ -10901,23 +10903,30 @@ const BordSortSelect = ({ triggerLabel, sortByOptions, selectedSortById, order,
     return (jsxRuntime.jsxs("div", { ref: rootRef, className: classnames, children: [jsxRuntime.jsx("button", { type: "button", className: "bordSortSelectTrigger", onClick: toggleOpen, disabled: disabled, "aria-expanded": isOpen, "aria-haspopup": "dialog", "aria-disabled": disabled, children: jsxRuntime.jsxs("span", { className: "bordSortSelectTriggerLabel", children: [jsxRuntime.jsx("span", { className: "truncate", children: triggerLabel }), jsxRuntime.jsx("span", { className: "bordSortSelectDirectionIcon", "aria-hidden": true, children: jsxRuntime.jsx(BordOneToneIcon, { variant: directionIconVariant, standardSize: 18 }) })] }) }), isOpen && (jsxRuntime.jsxs("div", { className: `bordSortSelectPanel ${panelAlign === 'end' ? 'bordSortSelectPanel--alignEnd' : ''}`, role: "presentation", onMouseDown: (e) => e.stopPropagation(), children: [jsxRuntime.jsxs("div", { className: "bordSortSelectSection", children: [jsxRuntime.jsx("div", { className: "bordSortSelectSectionTitle", children: sortBySectionLabel }), jsxRuntime.jsx("div", { className: "bordSortSelectRadios", children: sortByOptions.map((option) => (jsxRuntime.jsx(BordRadioButton, { componentSize: "small", label: option.label, isButtonActive: selectedSortById === option.id, onClick: () => onSortByChange(option.id) }, option.id))) })] }), jsxRuntime.jsxs("div", { className: "bordSortSelectSection", children: [jsxRuntime.jsx("div", { className: "bordSortSelectSectionTitle", children: orderSectionLabel }), jsxRuntime.jsxs("div", { className: "bordSortSelectRadios", children: [jsxRuntime.jsx(BordRadioButton, { componentSize: "small", label: orderAscLabel, isButtonActive: order === 'asc', onClick: () => onOrderChange('asc') }), jsxRuntime.jsx(BordRadioButton, { componentSize: "small", label: orderDescLabel, isButtonActive: order === 'desc', onClick: () => onOrderChange('desc') })] })] })] }))] }));
 };
 
-var css_248z$$ = ".bordEmptyStateDS{align-items:center;display:flex;flex-direction:column;gap:2.4rem;text-align:center}.bordEmptyStateDS .titleAndSubTitleContainer{max-width:58rem;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:-moz-max-content;width:max-content}.bordEmptyStateDS .titleAndSubTitleContainer .title{color:var(--ds-c-content-default);font-size:2rem;font-weight:700;line-height:2.6rem}.bordEmptyStateDS .titleAndSubTitleContainer .subTitle{color:var(--ds-c-content-secondary);font-size:1.6rem;font-weight:400;line-height:2.1rem;margin-top:.8rem}.bordEmptyStateDS .buttonsContainer{align-items:center;display:flex;gap:1.2rem}";
+var css_248z$$ = ".bordEmptyStateDS{align-items:center;display:flex;flex-direction:column;gap:2.4rem;text-align:center}.bordEmptyStateDS .titleAndSubTitleContainer{max-width:58rem;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:-moz-max-content;width:max-content}.bordEmptyStateDS :where(.title){color:var(--ds-c-content-default);font-size:2rem;font-weight:700;line-height:2.6rem}.bordEmptyStateDS :where(.subTitle){color:var(--ds-c-content-secondary);font-size:1.6rem;font-weight:400;line-height:2.1rem;margin-top:.8rem}.bordEmptyStateDS .buttonsContainer{align-items:center;display:flex;gap:1.2rem}";
 styleInject(css_248z$$);
 
-const BordEmptyState = ({ title = 'title', subTitle, customClassNameTitle = '', customClassNameSubTitle = '', buttonOneProps, buttonTwoProps, ilustrationIconProps, oneToneIconProps, twoToneIconProps, }) => {
+const mergeClassNames = (...classNames) => classNames.filter(Boolean).join(' ');
+const BordEmptyState = ({ title = 'title', subTitle, customClassName = '', customClassNameTitle = '', customClassNameSubTitle = '', customClassNameIlustration = '', customStyles, buttonOneProps, buttonTwoProps, ilustrationIconProps, oneToneIconProps, twoToneIconProps, }) => {
     const defaultIcon = 'search';
     const defaultStandardSize = 100;
     const getIlustration = () => {
-        if (ilustrationIconProps)
-            return jsxRuntime.jsx(BordIlustrationIcon, { ...ilustrationIconProps });
-        if (twoToneIconProps)
-            return jsxRuntime.jsx(BordTwoToneIcon, { ...twoToneIconProps });
-        if (oneToneIconProps)
-            return jsxRuntime.jsx(BordOneToneIcon, { ...oneToneIconProps });
-        return jsxRuntime.jsx(BordIlustrationIcon, { standardSize: defaultStandardSize, variant: defaultIcon });
+        if (ilustrationIconProps) {
+            return (jsxRuntime.jsx(BordIlustrationIcon, { ...ilustrationIconProps, customClassName: mergeClassNames(ilustrationIconProps.customClassName, customClassNameIlustration) }));
+        }
+        if (twoToneIconProps) {
+            return (jsxRuntime.jsx(BordTwoToneIcon, { ...twoToneIconProps, customClassName: mergeClassNames(twoToneIconProps.customClassName, customClassNameIlustration) }));
+        }
+        if (oneToneIconProps) {
+            return (jsxRuntime.jsx(BordOneToneIcon, { ...oneToneIconProps, customClassName: mergeClassNames(oneToneIconProps.customClassName, customClassNameIlustration) }));
+        }
+        return (jsxRuntime.jsx(BordIlustrationIcon, { standardSize: defaultStandardSize, variant: defaultIcon, customClassName: customClassNameIlustration }));
     };
     const ilustration = getIlustration();
-    return (jsxRuntime.jsxs("div", { className: "bordEmptyStateDS", children: [ilustration, jsxRuntime.jsxs("div", { className: "titleAndSubTitleContainer", children: [jsxRuntime.jsx("div", { className: `title ${customClassNameTitle}`, children: title }), subTitle && jsxRuntime.jsx("div", { className: `subTitle ${customClassNameSubTitle}`, children: subTitle })] }), jsxRuntime.jsxs("div", { className: "buttonsContainer", children: [buttonOneProps && jsxRuntime.jsx(BordButton, { ...buttonOneProps }), buttonTwoProps && jsxRuntime.jsx(BordButton, { ...buttonTwoProps })] })] }));
+    const rootClassName = mergeClassNames('bordEmptyStateDS', customClassName);
+    const titleAndSubTitleContainerClassName = mergeClassNames('titleAndSubTitleContainer');
+    const buttonsContainerClassName = mergeClassNames('buttonsContainer');
+    return (jsxRuntime.jsxs("div", { className: rootClassName, style: customStyles, children: [ilustration, jsxRuntime.jsxs("div", { className: titleAndSubTitleContainerClassName, children: [jsxRuntime.jsx("div", { className: mergeClassNames('title', customClassNameTitle), children: title }), subTitle && jsxRuntime.jsx("div", { className: mergeClassNames('subTitle', customClassNameSubTitle), children: subTitle })] }), jsxRuntime.jsxs("div", { className: buttonsContainerClassName, children: [buttonOneProps && jsxRuntime.jsx(BordButton, { ...buttonOneProps }), buttonTwoProps && jsxRuntime.jsx(BordButton, { ...buttonTwoProps })] })] }));
 };
 
 var css_248z$_ = ".dsSwitchVariant-default{align-items:center;background-color:transparent;border-color:var(--ds-c-stroke-interactive);border-radius:4rem;border-style:solid;border-width:1px;border-width:.1rem;box-sizing:content-box;cursor:pointer;display:flex;flex-shrink:0;height:2.4rem;padding:0;transition-duration:.2s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);width:5.6rem}.dsSwitchVariant-default,.dsSwitchVariant-default .dsSwitchThumb{position:relative}.dsSwitchVariant-default .dsSwitchThumb{background-color:var(--ds-c-stroke-default);border-radius:15998.4rem;color:var(--ds-c-content-secondary);display:grid;flex-shrink:0;height:2rem;margin-left:.2rem;place-items:center;transform:translateX(0);transition-duration:.2s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);width:2rem}.dsSwitchVariant-default.dsSwitchRootOn .dsSwitchThumb{background-color:var(--ds-c-primary-bg-default);color:var(--ds-c-layout-l1);transform:translateX(3.1rem)}.dsSwitchVariant-default:disabled{background-color:var(--ds-c-bool-disabled-bg);border-color:var(--ds-c-stroke-default);cursor:not-allowed}.dsSwitchVariant-default:disabled .dsSwitchThumb,.dsSwitchVariant-default:disabled.dsSwitchRootOn .dsSwitchThumb{background-color:var(--ds-c-bool-disabled-fg);color:var(--ds-c-bool-disabled-sec-bg)}.dsSwitchSkeleton.dsSwitchVariant-default{width:5.6rem}";
@@ -43021,7 +43030,7 @@ const BordTickSpinner = ({ size = DEFAULT_SIZE, color, tickCount = DEFAULT_TICK_
             } }, i))) }));
 };
 
-var css_248z$8 = ".bordGroupedComboBoxDS{display:inline-block;position:relative;width:100%}.bordGroupedComboBoxDS .bordGroupedComboBoxDSlabel{color:var(--ds-c-content-secondary);display:block;font-size:1rem;line-height:1.3rem;margin-bottom:.4rem}.bordGroupedComboBoxDS .bordGroupedComboBoxDSrow{align-items:flex-start;display:flex;gap:1.2rem}.bordGroupedComboBoxDS .bordGroupedComboBoxDSinputColumn{flex:1 1 0%;min-width:0;position:relative}.bordGroupedComboBoxDS .bordGroupedComboBoxDSsecondary{flex-shrink:0}.bordGroupedComboBoxDS .bordGroupedComboBoxDSinputWrapper{--tw-border-opacity:1;align-items:center;background-color:var(--ds-c-layout-l1);border-color:rgb(180 180 180/var(--tw-border-opacity));border-radius:.6rem;border-style:solid;border-width:1px;cursor:text;display:flex;gap:.8rem;height:4rem;padding-left:1.2rem;padding-right:1.2rem;position:relative;transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.bordGroupedComboBoxDS .bordGroupedComboBoxDSinputWrapper:hover{border-color:var(--ds-c-content-default)}.bordGroupedComboBoxDS .bordGroupedComboBoxDSinputWrapper:hover .bordGroupedComboBoxDSchevron,.bordGroupedComboBoxDS .bordGroupedComboBoxDSinputWrapper:hover .bordGroupedComboBoxDSinputIcon{color:var(--ds-c-content-default)}.bordGroupedComboBoxDS .bordGroupedComboBoxDSinputWrapper:hover .bordGroupedComboBoxDSinput::-moz-placeholder{color:var(--ds-c-content-default)}.bordGroupedComboBoxDS .bordGroupedComboBoxDSinputWrapper:hover .bordGroupedComboBoxDSinput::placeholder{color:var(--ds-c-content-default)}.bordGroupedComboBoxDS .bordGroupedComboBoxDSchevron,.bordGroupedComboBoxDS .bordGroupedComboBoxDSinputIcon{--tw-text-opacity:1;align-items:center;color:rgb(180 180 180/var(--tw-text-opacity));display:flex;flex-shrink:0;justify-content:center}.bordGroupedComboBoxDS .bordGroupedComboBoxDSinput{background-color:transparent;border-style:none;color:var(--ds-c-content-default);flex:1 1 0%;font-size:1.4rem;line-height:1.8rem;outline:2px solid transparent;outline-offset:2px}.bordGroupedComboBoxDS .bordGroupedComboBoxDSinput::-moz-placeholder{--tw-text-opacity:1;color:rgb(180 180 180/var(--tw-text-opacity))}.bordGroupedComboBoxDS .bordGroupedComboBoxDSinput::placeholder{--tw-text-opacity:1;color:rgb(180 180 180/var(--tw-text-opacity))}.bordGroupedComboBoxDS .bordGroupedComboBoxDSdropdown{--tw-shadow:0 0.4rem 0.5rem rgba(0,0,0,.08);--tw-shadow-colored:0 0.4rem 0.5rem var(--tw-shadow-color);background-color:var(--ds-c-layout-l1);border-color:var(--ds-c-stroke-default);border-radius:.6rem;border-style:solid;border-width:1px;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);left:0;margin-top:.4rem;max-height:46.8rem;overflow-x:hidden;overflow-y:auto;padding-bottom:.8rem;padding-top:.8rem;position:absolute;right:0;top:100%;z-index:50}.bordGroupedComboBoxDS .bordGroupedComboBoxDSdropdown::-webkit-scrollbar{width:2px}.bordGroupedComboBoxDS .bordGroupedComboBoxDSdropdown::-webkit-scrollbar-thumb{background-color:var(--ds-c-primary-bg-default);min-height:71px}.bordGroupedComboBoxDS .bordGroupedComboBoxDSgroup{display:block}.bordGroupedComboBoxDS .bordGroupedComboBoxDSgroup+.bordGroupedComboBoxDSgroup{margin-top:.8rem}.bordGroupedComboBoxDS .bordGroupedComboBoxDSgroupLabel{--tw-border-opacity:1;border-bottom-width:1px;border-inline-start-color:rgb(180 180 180/var(--tw-border-opacity));border-style:solid;color:var(--ds-c-content-secondary);font-size:1.4rem;line-height:1.8rem;padding:.8rem 1.6rem}.bordGroupedComboBoxDS .bordGroupedComboBoxDSoption{align-items:baseline;background-color:transparent;border-style:none;border-left:3px solid transparent;color:var(--ds-c-content-default);cursor:pointer;display:flex;font-size:1.2rem;gap:.4rem;line-height:1.5rem;min-width:0;padding:.8rem 1.6rem;text-align:left;transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);width:100%}.bordGroupedComboBoxDS .bordGroupedComboBoxDSoption.selected,.bordGroupedComboBoxDS .bordGroupedComboBoxDSoption:hover{background-color:var(--ds-c-primary-bg-secondary);border-color:var(--ds-c-primary-bg-default)}.bordGroupedComboBoxDS .bordGroupedComboBoxDSoptionLabel{color:var(--ds-c-content-default);flex-shrink:0;font-size:1.4rem;line-height:1.8rem}.bordGroupedComboBoxDS .bordGroupedComboBoxDSoptionId{color:var(--ds-c-content-secondary);flex:1 1 0%;font-size:1.4rem;line-height:1.8rem;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bordGroupedComboBoxDS .bordGroupedComboBoxDSemptyState{color:var(--ds-c-content-secondary);font-size:1.2rem;line-height:1.5rem;padding:.8rem 1.6rem}.bordGroupedComboBoxDS .bordGroupedComboBoxDSloader{display:block;padding:2.4rem 1.6rem;text-align:center}.bordGroupedComboBoxDS .bordGroupedComboBoxDSloaderText{color:var(--ds-c-content-secondary);display:block;font-size:1.2rem;line-height:1.5rem;margin-top:.8rem}.bordGroupedComboBoxDS .bordGroupedComboBoxDScaption{color:var(--ds-c-content-secondary);display:block;font-size:1rem;line-height:1.3rem;margin-top:.4rem}.bordGroupedComboBoxDS .bordGroupedComboBoxDSerrorText{color:var(--ds-c-bool-danger-fg);display:block;font-size:1rem;line-height:1.3rem;margin-top:.4rem}.bordGroupedComboBoxDS.filled .bordGroupedComboBoxDSinputWrapper,.bordGroupedComboBoxDS.isOpen .bordGroupedComboBoxDSinputWrapper{border-color:var(--ds-c-primary-bg-default)}.bordGroupedComboBoxDS.error .bordGroupedComboBoxDSinputWrapper{border-color:var(--ds-c-bool-danger-fg)}.bordGroupedComboBoxDS.disabled{pointer-events:none}.bordGroupedComboBoxDS.disabled .bordGroupedComboBoxDSinputWrapper{background-color:var(--ds-c-bool-disabled-bg);border-color:var(--ds-c-stroke-default)}.bordGroupedComboBoxDS.disabled .bordGroupedComboBoxDSinput{color:var(--ds-c-bool-disabled-fg)}.bordGroupedComboBoxDS.disabled .bordGroupedComboBoxDSinput::-moz-placeholder{color:var(--ds-c-bool-disabled-fg)}.bordGroupedComboBoxDS.disabled .bordGroupedComboBoxDSinput::placeholder{color:var(--ds-c-bool-disabled-fg)}.bordGroupedComboBoxDS.disabled .bordGroupedComboBoxDSchevron,.bordGroupedComboBoxDS.disabled .bordGroupedComboBoxDSinputIcon{color:var(--ds-c-bool-disabled-fg)}";
+var css_248z$8 = ".bordGroupedComboBoxDS{display:inline-block;position:relative;width:100%}.bordGroupedComboBoxDS .bordGroupedComboBoxDSlabel{color:var(--ds-c-content-secondary);display:block;font-size:1rem;line-height:1.3rem;margin-bottom:.4rem}.bordGroupedComboBoxDS .bordGroupedComboBoxDSrow{align-items:flex-start;display:flex;gap:1.2rem}.bordGroupedComboBoxDS .bordGroupedComboBoxDSinputColumn{flex:1 1 0%;min-width:0;position:relative}.bordGroupedComboBoxDS .bordGroupedComboBoxDSsecondary{flex-shrink:0}.bordGroupedComboBoxDS .bordGroupedComboBoxDSinputWrapper{--tw-border-opacity:1;align-items:center;background-color:var(--ds-c-layout-l1);border-color:rgb(180 180 180/var(--tw-border-opacity));border-radius:.6rem;border-style:solid;border-width:1px;cursor:text;display:flex;gap:.8rem;height:4rem;padding-left:1.2rem;padding-right:1.2rem;position:relative;transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.bordGroupedComboBoxDS .bordGroupedComboBoxDSinputWrapper:hover{border-color:var(--ds-c-content-default)}.bordGroupedComboBoxDS .bordGroupedComboBoxDSinputWrapper:hover .bordGroupedComboBoxDSchevron,.bordGroupedComboBoxDS .bordGroupedComboBoxDSinputWrapper:hover .bordGroupedComboBoxDSinputIcon{color:var(--ds-c-content-default)}.bordGroupedComboBoxDS .bordGroupedComboBoxDSinputWrapper:hover .bordGroupedComboBoxDSinput::-moz-placeholder{color:var(--ds-c-content-default)}.bordGroupedComboBoxDS .bordGroupedComboBoxDSinputWrapper:hover .bordGroupedComboBoxDSinput::placeholder{color:var(--ds-c-content-default)}.bordGroupedComboBoxDS .bordGroupedComboBoxDSchevron,.bordGroupedComboBoxDS .bordGroupedComboBoxDSinputIcon{--tw-text-opacity:1;align-items:center;color:rgb(180 180 180/var(--tw-text-opacity));display:flex;flex-shrink:0;justify-content:center}.bordGroupedComboBoxDS .bordGroupedComboBoxDSinput{background-color:transparent;border-style:none;color:var(--ds-c-content-default);flex:1 1 0%;font-size:1.4rem;line-height:1.8rem;outline:2px solid transparent;outline-offset:2px}.bordGroupedComboBoxDS .bordGroupedComboBoxDSinput::-moz-placeholder{--tw-text-opacity:1;color:rgb(180 180 180/var(--tw-text-opacity))}.bordGroupedComboBoxDS .bordGroupedComboBoxDSinput::placeholder{--tw-text-opacity:1;color:rgb(180 180 180/var(--tw-text-opacity))}.bordGroupedComboBoxDS .bordGroupedComboBoxDSdropdown{--tw-shadow:0 0.4rem 0.5rem rgba(0,0,0,.08);--tw-shadow-colored:0 0.4rem 0.5rem var(--tw-shadow-color);background-color:var(--ds-c-layout-l1);border-color:var(--ds-c-stroke-default);border-radius:.6rem;border-style:solid;border-width:1px;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);left:0;margin-top:.4rem;max-height:46.8rem;overflow-x:hidden;overflow-y:auto;padding-bottom:.8rem;padding-top:.8rem;position:absolute;right:0;top:100%;z-index:50}.bordGroupedComboBoxDS .bordGroupedComboBoxDSdropdown::-webkit-scrollbar{width:2px}.bordGroupedComboBoxDS .bordGroupedComboBoxDSdropdown::-webkit-scrollbar-thumb{background-color:var(--ds-c-primary-bg-default);min-height:71px}.bordGroupedComboBoxDS .bordGroupedComboBoxDSgroup{display:block}.bordGroupedComboBoxDS .bordGroupedComboBoxDSgroup+.bordGroupedComboBoxDSgroup{margin-top:.8rem}.bordGroupedComboBoxDS .bordGroupedComboBoxDSgroupLabel{--tw-border-opacity:1;border-bottom-width:1px;border-inline-start-color:rgb(180 180 180/var(--tw-border-opacity));border-style:solid;color:var(--ds-c-content-secondary);font-size:1.4rem;line-height:1.8rem;padding:.8rem 1.6rem}.bordGroupedComboBoxDS .bordGroupedComboBoxDSoption{align-items:baseline;background-color:transparent;border-style:none;border-left:3px solid transparent;color:var(--ds-c-content-default);cursor:pointer;display:flex;font-size:1.2rem;gap:.4rem;line-height:1.5rem;min-width:0;padding:.8rem 1.6rem;text-align:left;transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);width:100%}.bordGroupedComboBoxDS .bordGroupedComboBoxDSoption.selected,.bordGroupedComboBoxDS .bordGroupedComboBoxDSoption:hover{background-color:var(--ds-c-primary-bg-secondary);border-color:var(--ds-c-primary-bg-default)}.bordGroupedComboBoxDS .bordGroupedComboBoxDSoption.disabled,.bordGroupedComboBoxDS .bordGroupedComboBoxDSoption:disabled{background-color:transparent;border-left-color:transparent;cursor:not-allowed}.bordGroupedComboBoxDS .bordGroupedComboBoxDSoption.disabled:hover,.bordGroupedComboBoxDS .bordGroupedComboBoxDSoption:disabled:hover{background-color:transparent;border-left-color:transparent}.bordGroupedComboBoxDS .bordGroupedComboBoxDSoption.disabled .bordGroupedComboBoxDSoptionId,.bordGroupedComboBoxDS .bordGroupedComboBoxDSoption.disabled .bordGroupedComboBoxDSoptionLabel,.bordGroupedComboBoxDS .bordGroupedComboBoxDSoption:disabled .bordGroupedComboBoxDSoptionId,.bordGroupedComboBoxDS .bordGroupedComboBoxDSoption:disabled .bordGroupedComboBoxDSoptionLabel{color:var(--ds-c-bool-disabled-fg)}.bordGroupedComboBoxDS .bordGroupedComboBoxDSoptionLabel{color:var(--ds-c-content-default);flex-shrink:0;font-size:1.4rem;line-height:1.8rem}.bordGroupedComboBoxDS .bordGroupedComboBoxDSoptionId{color:var(--ds-c-content-secondary);flex:1 1 0%;font-size:1.4rem;line-height:1.8rem;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bordGroupedComboBoxDS .bordGroupedComboBoxDSemptyState{color:var(--ds-c-content-secondary);font-size:1.2rem;line-height:1.5rem;padding:.8rem 1.6rem}.bordGroupedComboBoxDS .bordGroupedComboBoxDSloader{display:block;padding:2.4rem 1.6rem;text-align:center}.bordGroupedComboBoxDS .bordGroupedComboBoxDSloaderText{color:var(--ds-c-content-secondary);display:block;font-size:1.2rem;line-height:1.5rem;margin-top:.8rem}.bordGroupedComboBoxDS .bordGroupedComboBoxDScaption{color:var(--ds-c-content-secondary);display:block;font-size:1rem;line-height:1.3rem;margin-top:.4rem}.bordGroupedComboBoxDS .bordGroupedComboBoxDSerrorText{color:var(--ds-c-bool-danger-fg);display:block;font-size:1rem;line-height:1.3rem;margin-top:.4rem}.bordGroupedComboBoxDS.filled .bordGroupedComboBoxDSinputWrapper,.bordGroupedComboBoxDS.isOpen .bordGroupedComboBoxDSinputWrapper{border-color:var(--ds-c-primary-bg-default)}.bordGroupedComboBoxDS.error .bordGroupedComboBoxDSinputWrapper{border-color:var(--ds-c-bool-danger-fg)}.bordGroupedComboBoxDS.disabled{pointer-events:none}.bordGroupedComboBoxDS.disabled .bordGroupedComboBoxDSinputWrapper{background-color:var(--ds-c-bool-disabled-bg);border-color:var(--ds-c-stroke-default)}.bordGroupedComboBoxDS.disabled .bordGroupedComboBoxDSinput{color:var(--ds-c-bool-disabled-fg)}.bordGroupedComboBoxDS.disabled .bordGroupedComboBoxDSinput::-moz-placeholder{color:var(--ds-c-bool-disabled-fg)}.bordGroupedComboBoxDS.disabled .bordGroupedComboBoxDSinput::placeholder{color:var(--ds-c-bool-disabled-fg)}.bordGroupedComboBoxDS.disabled .bordGroupedComboBoxDSchevron,.bordGroupedComboBoxDS.disabled .bordGroupedComboBoxDSinputIcon{color:var(--ds-c-bool-disabled-fg)}";
 styleInject(css_248z$8);
 
 const DEFAULT_PLACEHOLDER = 'Selecciona o escribe el reporte';
@@ -43035,7 +43044,7 @@ const DROPDOWN_SPINNER_SIZE = '3.2rem';
  * Soporta filtrado en cliente, estado de carga y un selector secundario
  * opcional (visible/habilitable) que se renderiza al lado del buscador.
  */
-const BordGroupedComboBox = ({ groups, value, onChange, getOptionLabel, getOptionId, getOptionKey, placeholder = DEFAULT_PLACEHOLDER, label, caption, errorText, disabled = false, standardSize, emptyStateText = DEFAULT_EMPTY_STATE$1, isLoading = false, loadingText = DEFAULT_LOADING_TEXT, isOpen, onOpenChange, onSearchChange, renderOption, secondarySelector, className = '', }) => {
+const BordGroupedComboBox = ({ groups, value, onChange, getOptionLabel, getOptionId, getOptionKey, placeholder = DEFAULT_PLACEHOLDER, label, caption, errorText, disabled = false, standardSize, emptyStateText = DEFAULT_EMPTY_STATE$1, isLoading = false, loadingText = DEFAULT_LOADING_TEXT, isOpen, onOpenChange, onSearchChange, renderOption, getOptionDisabled, secondarySelector, className = '', }) => {
     const rootRef = React.useRef(null);
     const inputRef = React.useRef(null);
     const [internalOpen, setInternalOpen] = React.useState(false);
@@ -43126,7 +43135,12 @@ const BordGroupedComboBox = ({ groups, value, onChange, getOptionLabel, getOptio
                                 }, children: [jsxRuntime.jsx("span", { className: "bordGroupedComboBoxDSinputIcon", "aria-hidden": true, children: jsxRuntime.jsx(BordOneToneIcon, { variant: "search", standardSize: SEARCH_ICON_SIZE$1 }) }), jsxRuntime.jsx("input", { ref: inputRef, type: "text", className: "bordGroupedComboBoxDSinput", placeholder: placeholder, value: displayValue, onChange: handleInputChange, onFocus: handleInputFocus, disabled: disabled, autoComplete: "off", role: "combobox", "aria-expanded": open, "aria-controls": "bordGroupedComboBoxList" }), jsxRuntime.jsx("span", { className: "bordGroupedComboBoxDSchevron", "aria-hidden": true, children: jsxRuntime.jsx(BordOneToneIcon, { variant: open ? 'arrowHeadUp' : 'arrowHeadDown', standardSize: CHEVRON_ICON_SIZE }) })] }), open && !disabled && (jsxRuntime.jsx("div", { className: "bordGroupedComboBoxDSdropdown", id: "bordGroupedComboBoxList", role: "listbox", children: isLoading ? (jsxRuntime.jsxs("div", { className: "bordGroupedComboBoxDSloader", children: [jsxRuntime.jsx(BordTickSpinner, { size: DROPDOWN_SPINNER_SIZE, ariaLabel: loadingText }), jsxRuntime.jsx("span", { className: "bordGroupedComboBoxDSloaderText", children: loadingText })] })) : isEmpty ? (jsxRuntime.jsx("div", { className: "bordGroupedComboBoxDSemptyState", children: emptyStateText })) : (filteredGroups.map((group) => (jsxRuntime.jsxs("div", { className: "bordGroupedComboBoxDSgroup", children: [jsxRuntime.jsx("div", { className: "bordGroupedComboBoxDSgroupLabel", children: group.groupLabel }), group.items.map((item) => {
                                             const key = getOptionKey(item);
                                             const isSelected = hasValue && getOptionKey(value) === key;
-                                            return (jsxRuntime.jsx("button", { type: "button", className: `bordGroupedComboBoxDSoption ${isSelected ? 'selected' : ''}`, onClick: () => handleSelect(item), role: "option", "aria-selected": isSelected, children: renderOption ? (renderOption(item)) : (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("span", { className: "bordGroupedComboBoxDSoptionLabel", children: getOptionLabel(item) }), jsxRuntime.jsxs("span", { className: "bordGroupedComboBoxDSoptionId", children: ["(ID: ", getOptionId(item), ")"] })] })) }, key));
+                                            const isItemDisabled = getOptionDisabled?.(item) ?? false;
+                                            return (jsxRuntime.jsx("button", { type: "button", className: `bordGroupedComboBoxDSoption ${isSelected ? 'selected' : ''} ${isItemDisabled ? 'disabled' : ''}`, onClick: () => {
+                                                    if (isItemDisabled)
+                                                        return;
+                                                    handleSelect(item);
+                                                }, disabled: isItemDisabled, "aria-disabled": isItemDisabled, role: "option", "aria-selected": isSelected, children: renderOption ? (renderOption(item)) : (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("span", { className: "bordGroupedComboBoxDSoptionLabel", children: getOptionLabel(item) }), jsxRuntime.jsxs("span", { className: "bordGroupedComboBoxDSoptionId", children: ["(ID: ", getOptionId(item), ")"] })] })) }, key));
                                         })] }, group.groupId)))) }))] }), showSecondary && secondarySelector && (jsxRuntime.jsx("div", { className: "bordGroupedComboBoxDSsecondary", children: jsxRuntime.jsx(BordSelect, { options: secondarySelector.options, value: secondarySelector.value, onChange: secondarySelector.onChange, placeholder: secondarySelector.placeholder, triggerWidth: secondarySelector.width, disabled: !isSecondaryEnabled }) }))] }), hasError ? (jsxRuntime.jsx("span", { className: "bordGroupedComboBoxDSerrorText", children: errorText })) : (caption && jsxRuntime.jsx("span", { className: "bordGroupedComboBoxDScaption", children: caption }))] }));
 };
 
@@ -43242,7 +43256,7 @@ const BordTrackingEventCard = ({ timestamp, title, subtitle, badge, isPast = fal
     return (jsxRuntime.jsxs("div", { className: rootClass, ...restProps, children: [jsxRuntime.jsxs("div", { className: "bordTrackingEventCardHeader", children: [jsxRuntime.jsx("span", { className: "bordTrackingEventCardTimestamp", children: timestamp }), badge && jsxRuntime.jsx("div", { className: "bordTrackingEventCardBadgeSlot", children: badge })] }), jsxRuntime.jsx("div", { className: "bordTrackingEventCardTitle", children: title }), subtitle && jsxRuntime.jsx("div", { className: "bordTrackingEventCardSubtitle", children: subtitle })] }));
 };
 
-var css_248z$3 = ".bordIncidentCardDS{border-radius:.8rem;border-width:1px;max-width:100%;min-height:6.9rem;padding:.8rem;position:relative;width:65.4rem}.bordIncidentCardDS .bordIncidentCardPin{align-items:center;display:inline-flex;justify-content:center;pointer-events:none;position:absolute;right:.8rem;top:.4rem}.bordIncidentCardDS .bordIncidentCardLayout{align-items:stretch;display:flex;gap:.4rem;height:100%}.bordIncidentCardDS .bordIncidentCardContent{display:flex;flex:1 1 0%;flex-direction:column;gap:.4rem;min-width:0}.bordIncidentCardDS .bordIncidentCardHeader{align-items:center;display:flex;flex-wrap:wrap;gap:.8rem;min-height:2.4rem}.bordIncidentCardDS .bordIncidentCardTimestamp{color:var(--ds-c-content-secondary);font-size:1rem;line-height:1.3rem}.bordIncidentCardDS .bordIncidentCardBadgeSlot{align-items:center;display:inline-flex}.bordIncidentCardDS .bordIncidentCardBadgeSlot .bordBadgeDS.outlined:not(.dangerBordBadge){align-items:center;display:flex;font-size:1.2rem;height:2.4rem;justify-content:center;line-height:1.5rem;padding-left:.4rem;padding-right:.4rem;white-space:nowrap;width:13.8rem}.bordIncidentCardDS .bordIncidentCardSubtitle,.bordIncidentCardDS .bordIncidentCardTitle{font-size:1.2rem;line-height:1.5rem;overflow-wrap:break-word}.bordIncidentCardDS .bordIncidentCardSubtitle{color:var(--ds-c-content-default)}.bordIncidentCardDS .bordIncidentCardCta{align-items:flex-end;display:flex;flex-shrink:0;margin-bottom:-.4rem}.bordIncidentCardDS.bordIncidentCardVariant--blocking{--tw-border-opacity:1;background-color:rgba(252,84,61,.1);border-color:rgb(252 84 61/var(--tw-border-opacity))}.bordIncidentCardDS.bordIncidentCardVariant--blocking .bordIncidentCardTitle{--tw-text-opacity:1;color:rgb(252 84 61/var(--tw-text-opacity))}.bordIncidentCardDS.bordIncidentCardVariant--blocking .bordIncidentCardBadgeSlot .bordBadgeDS.outlined.dangerBordBadge{--tw-border-opacity:1;--tw-text-opacity:1;align-items:center;background-color:transparent;border-color:rgb(252 84 61/var(--tw-border-opacity));color:rgb(252 84 61/var(--tw-text-opacity));display:flex;font-size:1.2rem;height:2.4rem;justify-content:center;line-height:1.5rem;padding-left:.4rem;padding-right:.4rem;white-space:nowrap;width:11.8rem}.bordIncidentCardDS.bordIncidentCardVariant--blocking .bordIncidentCardBadgeSlot .bordBadgeDS.outlined.dangerBordBadge .bordBadgeBullet{--tw-bg-opacity:1;background-color:rgb(252 84 61/var(--tw-bg-opacity))}.bordIncidentCardDS.bordIncidentCardVariant--blocking .bordIncidentCardCta .bordButtonDS{--tw-border-opacity:1;--tw-text-opacity:1;align-items:center;background-color:transparent;border-color:rgb(252 84 61/var(--tw-border-opacity));border-style:solid;border-width:1px;color:rgb(255 255 255/var(--tw-text-opacity));display:flex;gap:.8rem;height:3.2rem;justify-content:center;padding-left:.8rem;padding-right:.8rem;white-space:nowrap;width:13.2rem}.bordIncidentCardDS.bordIncidentCardVariant--blocking .bordIncidentCardCta .bordButtonDS .textContainer{--tw-text-opacity:1;align-items:center;color:rgb(255 255 255/var(--tw-text-opacity));display:flex;font-size:1.2rem;font-weight:400;line-height:1.5rem}.bordIncidentCardDS.bordIncidentCardVariant--informative{--tw-border-opacity:1;background-color:rgba(220,196,16,.1);border-color:rgb(220 196 16/var(--tw-border-opacity))}.bordIncidentCardDS.bordIncidentCardVariant--informative .bordIncidentCardTitle{--tw-text-opacity:1;color:rgb(220 196 16/var(--tw-text-opacity))}.bordIncidentCardDS.bordIncidentCardVariant--progress{--tw-border-opacity:1;background-color:rgba(34,207,171,.1);border-color:rgb(34 207 171/var(--tw-border-opacity))}.bordIncidentCardDS.bordIncidentCardVariant--progress .bordIncidentCardTitle{--tw-text-opacity:1;color:rgb(34 207 171/var(--tw-text-opacity))}.bordIncidentCardDS.bordIncidentCardState--closed.bordIncidentCardVariant--blocking .bordIncidentCardSubtitle{color:var(--ds-c-content-secondary)}";
+var css_248z$3 = ".bordIncidentCardDS{border-radius:.8rem;border-width:1px;max-width:100%;min-height:6.9rem;padding:.8rem;position:relative;width:65.4rem}.bordIncidentCardDS .bordIncidentCardPin{align-items:center;display:inline-flex;justify-content:center;pointer-events:none;position:absolute;right:.8rem;top:.4rem}.bordIncidentCardDS .bordIncidentCardLayout{align-items:stretch;display:flex;gap:.4rem;height:100%}.bordIncidentCardDS .bordIncidentCardContent{display:flex;flex:1 1 0%;flex-direction:column;gap:.4rem;min-width:0}.bordIncidentCardDS .bordIncidentCardHeader{align-items:center;display:flex;flex-wrap:wrap;gap:.8rem;min-height:2.4rem}.bordIncidentCardDS .bordIncidentCardTimestamp{color:var(--ds-c-content-secondary);font-size:1rem;line-height:1.3rem}.bordIncidentCardDS .bordIncidentCardBadgeSlot{align-items:center;display:inline-flex}.bordIncidentCardDS .bordIncidentCardBadgeSlot .bordBadgeDS.outlined:not(.dangerBordBadge){align-items:center;display:flex;font-size:1.2rem;height:2.4rem;justify-content:center;line-height:1.5rem;padding-left:.4rem;padding-right:.4rem;white-space:nowrap;width:13.8rem}.bordIncidentCardDS .bordIncidentCardSubtitle,.bordIncidentCardDS .bordIncidentCardTitle{font-size:1.2rem;line-height:1.5rem;overflow-wrap:break-word}.bordIncidentCardDS .bordIncidentCardSubtitle{color:var(--ds-c-content-default)}.bordIncidentCardDS .bordIncidentCardCta{align-items:flex-end;display:flex;flex-shrink:0;margin-bottom:-.4rem}.bordIncidentCardDS.bordIncidentCardVariant--blocking{--tw-border-opacity:1;background-color:rgba(252,84,61,.1);border-color:rgb(252 84 61/var(--tw-border-opacity))}.bordIncidentCardDS.bordIncidentCardVariant--blocking .bordIncidentCardTitle{--tw-text-opacity:1;color:rgb(252 84 61/var(--tw-text-opacity))}.bordIncidentCardDS.bordIncidentCardVariant--blocking .bordIncidentCardBadgeSlot .bordBadgeDS.outlined.dangerBordBadge{--tw-border-opacity:1;--tw-text-opacity:1;align-items:center;background-color:transparent;border-color:rgb(252 84 61/var(--tw-border-opacity));color:rgb(252 84 61/var(--tw-text-opacity));display:flex;font-size:1.2rem;height:2.4rem;justify-content:center;line-height:1.5rem;padding-left:.4rem;padding-right:.4rem;white-space:nowrap;width:11.8rem}.bordIncidentCardDS.bordIncidentCardVariant--blocking .bordIncidentCardBadgeSlot .bordBadgeDS.outlined.dangerBordBadge .bordBadgeBullet{--tw-bg-opacity:1;background-color:rgb(252 84 61/var(--tw-bg-opacity))}.bordIncidentCardDS.bordIncidentCardVariant--blocking .bordIncidentCardCta .bordButtonDS{--tw-border-opacity:1;--tw-text-opacity:1;align-items:center;background-color:transparent;border-color:rgb(252 84 61/var(--tw-border-opacity));border-style:solid;border-width:1px;color:rgb(255 255 255/var(--tw-text-opacity));display:flex;gap:.8rem;height:3.2rem;justify-content:center;padding-left:.8rem;padding-right:.8rem;white-space:nowrap;width:13.2rem}.bordIncidentCardDS.bordIncidentCardVariant--blocking .bordIncidentCardCta .bordButtonDS .textContainer{--tw-text-opacity:1;align-items:center;color:rgb(255 255 255/var(--tw-text-opacity));display:flex;font-size:1.2rem;font-weight:400;line-height:1.5rem}.bordIncidentCardDS.bordIncidentCardVariant--informative{--tw-border-opacity:1;background-color:rgba(220,196,16,.1);border-color:rgb(220 196 16/var(--tw-border-opacity))}.bordIncidentCardDS.bordIncidentCardVariant--informative .bordIncidentCardTitle{--tw-text-opacity:1;color:rgb(220 196 16/var(--tw-text-opacity))}.bordIncidentCardDS.bordIncidentCardVariant--progress{--tw-border-opacity:1;background-color:rgba(34,207,171,.1);border-color:rgb(34 207 171/var(--tw-border-opacity))}.bordIncidentCardDS.bordIncidentCardVariant--progress .bordIncidentCardTitle{--tw-text-opacity:1;color:rgb(34 207 171/var(--tw-text-opacity))}.bordIncidentCardDS.bordIncidentCardState--closed{--tw-bg-opacity:1;background-color:rgb(38 43 57/var(--tw-bg-opacity));border-color:transparent}.bordIncidentCardDS.bordIncidentCardState--closed .bordIncidentCardTitle{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.bordIncidentCardDS.bordIncidentCardState--closed .bordIncidentCardSubtitle{color:var(--ds-c-content-secondary)}.bordIncidentCardDS.bordIncidentCardState--cancelled{--tw-bg-opacity:1;background-color:rgb(38 43 57/var(--tw-bg-opacity))}";
 styleInject(css_248z$3);
 
 /**