cynx-ui 1.2.41 → 1.2.43

package/components/DatePicker.jsx

@@ -376,21 +376,22 @@ export function DatePicker({ value, onChange, placeholder = 'Select date', badge
   );
 
   const actualPos = stepperPosition || localStepperPos || 'around';
+  const showStepperEffective = showStepper && actualPos !== 'off';
   const posMode = actualPos === 'left' || actualPos === 'start' ? 'left'
     : actualPos === 'right' || actualPos === 'end' ? 'right'
     : 'around';
 
   return (
     <div ref={ref} style={{ position: 'relative', display: 'inline-flex', alignItems: 'center', gap: 4, ...style }}>
-      {showStepper && posMode === 'around' && renderPrevBtn()}
-      {showStepper && posMode === 'left' && renderPrevBtn()}
-      {showStepper && posMode === 'left' && renderNextBtn()}
+      {showStepperEffective && posMode === 'around' && renderPrevBtn()}
+      {showStepperEffective && posMode === 'left' && renderPrevBtn()}
+      {showStepperEffective && posMode === 'left' && renderNextBtn()}
 
       {renderTriggerBtn()}
 
-      {showStepper && posMode === 'around' && renderNextBtn()}
-      {showStepper && posMode === 'right' && renderPrevBtn()}
-      {showStepper && posMode === 'right' && renderNextBtn()}
+      {showStepperEffective && posMode === 'around' && renderNextBtn()}
+      {showStepperEffective && posMode === 'right' && renderPrevBtn()}
+      {showStepperEffective && posMode === 'right' && renderNextBtn()}
 
       {/* Dropdown via portal */}
       {open && createPortal(

package/components/Select.jsx

@@ -22,6 +22,8 @@ export default function Select({
   disabled = false,
   multi = false,
   searchable = false,
+  clearable = false,
+  onClear,
   style = {},
 }) {
   const [open, setOpen] = useState(false);
@@ -186,15 +188,40 @@ export default function Select({
             <span style={{ color: 'var(--t3,var(--grey-3))', fontWeight: 400 }}>{placeholder}</span>
           )}
         </div>
-        <ChevronDown
-          size={13}
-          style={{
-            flexShrink: 0,
-            color: 'var(--t3,var(--grey-3))',
-            transition: 'transform .2s ease',
-            transform: open ? 'rotate(180deg)' : undefined,
-          }}
-        />
+        {!multi && selectedValues.length > 0 && selectedValues[0] !== '' && selectedValues[0] !== null && (clearable || !!onClear) ? (
+          <span
+            onClick={(e) => {
+              e.stopPropagation();
+              if (onClear) onClear();
+              else onChange?.('');
+            }}
+            title="Сбросить выбор"
+            style={{
+              display: 'inline-flex',
+              alignItems: 'center',
+              justifyContent: 'center',
+              cursor: 'pointer',
+              color: 'var(--muted, #64748b)',
+              padding: '0 2px',
+              flexShrink: 0,
+              borderRadius: 'var(--radxs, 4px)',
+            }}
+            onMouseEnter={(e) => { e.currentTarget.style.color = 'var(--danger, #ef4444)'; }}
+            onMouseLeave={(e) => { e.currentTarget.style.color = 'var(--muted, #64748b)'; }}
+          >
+            <X size={13} />
+          </span>
+        ) : (
+          <ChevronDown
+            size={13}
+            style={{
+              flexShrink: 0,
+              color: 'var(--t3,var(--grey-3))',
+              transition: 'transform .2s ease',
+              transform: open ? 'rotate(180deg)' : undefined,
+            }}
+          />
+        )}
       </div>
 
       {open && createPortal(

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cynx-ui",
-  "version": "1.2.41",
+  "version": "1.2.43",
   "type": "module",
   "exports": {
     ".": "./index.js"